*{box-sizing:border-box}body{margin:0;background:#faf7f1;color:#181512;font-family:Arial}.ch a{text-decoration:none;color:inherit}.ch button{font:inherit}.ch header{height:70px;padding:0 4vw;display:flex;align-items:center;gap:28px;background:#fff}.logo{display:flex;gap:8px;align-items:center;min-width:190px;font-size:28px}.logo b{font-size:23px}.logo small{display:block;font-size:6px;letter-spacing:.16em}.ch header nav{flex:1;text-align:center;font-size:10px}.search{width:220px;padding:10px 14px;border-radius:24px;background:#f4f1ed;color:#91877f;font-size:9px}.hero{min-height:530px;position:relative;background:#1c1814;color:#fff}.hphoto{position:absolute;inset:0 0 0 34%;background-size:cover;background-position:center}.hphoto:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1c1814 0,#1c1814dd 12%,transparent 60%)}.hcopy{position:relative;z-index:2;width:48%;padding:70px 4.5vw}.hcopy>small,.match>div>small,.products>small,.story aside>small{font-size:8px;letter-spacing:.2em;color:#d4b59b}.hero h1{font:400 62px/.98 Georgia;margin:18px 0}.hero p{font-size:14px;line-height:1.6}.buttons{display:flex;gap:12px;margin:28px 0 45px}.buttons a,.buttons button,.match button{padding:13px 22px;border:1px solid #d7c4b4;background:transparent;color:#fff;font-size:10px}.buttons a,.match button{background:#985537;border-color:#985537}.trust{font-size:9px}.cats{padding:10px 18px 25px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff}.cats>a{height:280px;display:grid;grid-template-columns:48% 52%;background:#f0e4d7;overflow:hidden}.cats>a>div{padding:28px 18px;position:relative}.cats small{font-size:7px;letter-spacing:.2em;color:#965337}.cats h2{font:400 31px/1 Georgia;margin:12px 0}.cats p{font:14px/1.4 Georgia}.cats b{position:absolute;left:18px;bottom:22px;width:36px;height:36px;border-radius:50%;background:#995639;color:#fff;display:grid;place-items:center}.cats i{background-size:cover;background-position:center}.match{padding:32px 4vw 45px;display:grid;grid-template-columns:.7fr 1.45fr .3fr;gap:28px;align-items:center}.match h2{font:400 35px/1 Georgia;margin:10px 0}.match p{font-size:10px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.steps>b{height:105px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:25px}.steps small{font-size:8px;text-align:center;margin-top:8px}.match aside{font:italic 19px Georgia;color:#a65b3d}.products{padding:40px 4vw 50px;background:#fff}.products>h2{font:400 35px Georgia;margin:8px 0 20px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.grid article{position:relative;padding:10px;min-height:265px;background:#fbfaf8}.pic{height:150px;background:#f1eee9;display:grid;place-items:center;font-size:48px}.pic img{width:100%;height:100%;object-fit:contain;padding:8px}.grid b,.grid small,.grid strong{display:block}.grid b{font-size:9px;margin-top:9px}.grid small{font-size:7px;color:#766c64;margin:4px 0 12px}.grid strong{font-size:13px}.cart{position:absolute;right:10px;bottom:10px;width:32px;height:32px;background:#955337;color:#fff;display:grid;place-items:center;border-radius:6px}.story{display:grid;grid-template-columns:1.05fr .55fr .6fr;min-height:390px}.story>div{background-size:cover;background-position:center}.story article{background:#1e1a16;color:#fff;padding:55px 40px}.story aside{padding:55px 40px}.story h2{font:400 36px/1.05 Georgia}.story p{font:13px/1.6 Georgia}.story a{display:inline-block;margin-top:15px;border-bottom:1px solid;font-size:9px}.ch footer{padding:28px 5vw;background:#fff;text-align:center;font-size:10px}.modal{position:fixed;inset:0;background:#0009;z-index:9999;display:grid;place-items:center}.modal[hidden]{display:none}.modal>div{position:relative;width:min(620px,92vw);background:#fffaf4;padding:30px;border-radius:18px}.x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px}.modal button:not(.x){padding:13px;margin:5px;border:1px solid #ddcbbb;background:#fff;border-radius:8px}@media(max-width:800px){.ch header nav,.search{display:none}.hphoto{inset:0}.hcopy{width:100%;background:#1c1814bb}.cats{grid-template-columns:1fr}.match{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr}.story>div{min-height:330px}}
/* CASA category premium hover — 1.5.1 */
.cats>a{position:relative;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}
.cats>a:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(78,43,28,.84),rgba(78,43,28,.34));opacity:0;transition:opacity .35s ease;pointer-events:none}
.cats>a>div{z-index:3;transition:color .35s ease}
.cats>a>i{z-index:1;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.cats>a:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(70,43,28,.18)}
.cats>a:hover:after{opacity:1}
.cats>a:hover>i{transform:scale(1.045);filter:saturate(.92) contrast(1.03)}
.cats>a:hover .cat-copy,.cats>a:hover>div{color:#fff}
.cats>a:hover small,.cats>a:hover h2,.cats>a:hover p{color:#fff!important}
.cats>a:hover b{background:#fff!important;color:#8f4f34!important;transform:translateX(2px)}
.cats b{transition:background .3s ease,color .3s ease,transform .3s ease}
.cat-hover-label{position:absolute;left:68px;bottom:30px;opacity:0;transform:translateX(-10px);white-space:nowrap;font:400 15px Georgia,serif;color:#fff;transition:opacity .3s ease,transform .35s ease}
.cats>a:hover .cat-hover-label{opacity:1;transform:translateX(0)}
@media (hover:none){.cats>a:hover{transform:none;box-shadow:none}.cats>a:after{display:none}.cat-hover-label{display:none}}

/* CASA live search 1.5.2 */
.search{position:relative!important;width:250px!important;height:40px!important;padding:0!important;background:#f4f1ed!important;border-radius:24px!important;display:flex!important;align-items:center!important}
.search input[type=search]{width:100%;height:40px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0 38px 0 15px!important;font:9px Arial,sans-serif!important;color:#302720!important}
.search input::placeholder{color:#91877f!important;opacity:1}
.search>button{position:absolute;right:6px;top:5px;width:30px;height:30px;border:0!important;background:transparent!important;color:#342820!important;cursor:pointer;font-size:15px;padding:0!important}
.search-results{position:absolute;right:0;top:47px;width:390px;background:#fff;border:1px solid #e6dbd0;border-radius:12px;box-shadow:0 18px 55px #2d1b1130;padding:7px;z-index:99999}
.search-results[hidden]{display:none!important}
.casa-sr{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:8px;color:#201914!important}
.casa-sr:hover{background:#f6efe7}
.casa-sr img,.casa-sr .noimg{width:54px;height:54px;object-fit:contain;background:#f3efea;border-radius:6px;display:grid;place-items:center}
.casa-sr b{font:400 13px Georgia,serif;display:block}.casa-sr small{font:700 10px Arial;color:#955337;white-space:nowrap}
.search-loading,.search-empty{padding:14px;font-size:10px;color:#756b63;text-align:center}
@media(max-width:800px){.search{display:none!important}}

.cart{border:0!important;cursor:pointer;font-size:14px!important;padding:0!important}
.cart.loading{opacity:.65}.cart.added{background:#46694e!important}.cart.error{background:#9d3d35!important}.demo-cart{opacity:.75}

/* CASA Match premium interaction — 1.5.4 */
.casa-match-fx{position:relative!important;overflow:hidden!important;min-width:190px!important;height:52px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;background:#a45736!important;color:#fff!important;border:0!important;cursor:pointer!important;isolation:isolate!important;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease!important}
.casa-match-fx:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(115deg,#8b452d 0%,#c9794f 48%,#7d3d29 100%);background-size:220% 100%;transition:opacity .22s ease}
.casa-match-fx .cm-icon{display:inline-block;font-size:16px;transition:transform .28s ease}
.casa-match-fx .cm-normal{font-weight:800;transition:opacity .18s ease,transform .24s ease}
.casa-match-fx .cm-hover{position:absolute;left:50%;top:50%;white-space:nowrap;font-weight:800;opacity:0;transform:translate(-50%,-35%) translateX(-8px);transition:opacity .2s ease .08s,transform .28s ease .06s}
.casa-match-fx .cm-hover b{display:inline-block;margin-left:5px;transition:transform .25s ease}
.casa-match-fx:hover{transform:translateY(-5px) scale(1.025)!important;box-shadow:0 16px 34px rgba(126,66,39,.36)!important}
.casa-match-fx:hover:before{opacity:1;animation:casaMatchFlow 1.4s linear infinite}
.casa-match-fx:hover .cm-icon{transform:translateX(-72px) rotate(-9deg) scale(1.16)}
.casa-match-fx:hover .cm-normal{opacity:0;transform:translateY(-8px)}
.casa-match-fx:hover .cm-hover{opacity:1;transform:translate(-50%,-50%) translateX(10px)}
.casa-match-fx:hover .cm-hover b{transform:translateX(3px)}
.casa-match-fx.is-ripple{transform:translateY(-1px) scale(.985)!important}
.casa-match-fx .cm-ripple{position:absolute;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.38);opacity:0;pointer-events:none;transform:scale(0)}
.casa-match-fx.is-ripple .cm-ripple{animation:casaMatchRipple .48s ease-out}
@keyframes casaMatchFlow{to{background-position:220% 0}}
@keyframes casaMatchRipple{0%{opacity:.55;transform:scale(0)}100%{opacity:0;transform:scale(12)}}
.casa-match-modal .match-box{width:min(700px,92vw)!important;padding:32px!important}.match-top{display:flex;justify-content:space-between}.match-progress{height:4px;background:#eadfd5;margin:14px 0 28px}.match-progress i{display:block;height:100%;background:#9a5738;transition:.3s}.match-question h2,.match-result h2{font:400 38px/1.08 Georgia,serif;color:#102f4c}.match-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.match-options button{padding:15px!important;border:1px solid #decbbb!important;background:#fff!important;border-radius:9px!important;text-align:left;cursor:pointer}.match-options button:hover{background:#9a5738!important;color:#fff;transform:translateY(-2px)}.match-nav{margin-top:15px}.match-back,.match-restart{border:0!important;background:transparent!important;color:#806d61!important}.match-summary{margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eadfd5}.match-summary div{background:#fff;padding:10px}.match-summary b,.match-summary span{display:block}.match-summary b{font-size:8px;color:#985537}.match-summary span{font:14px Georgia;margin-top:4px}.match-ai{padding:14px 20px!important;background:#9a5738!important;color:#fff!important;border:0!important;border-radius:8px!important;font-weight:800}@media(max-width:600px){.match-options,.match-summary{grid-template-columns:1fr}}
/* CASA Match -> CASA AI premium effect 1.5.6 */
.match-ai.casa-ai-fx{position:relative!important;overflow:hidden!important;min-width:215px!important;height:54px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;background:#a45736!important;color:#fff!important;border:0!important;border-radius:9px!important;cursor:pointer!important;isolation:isolate!important;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease!important}
.casa-ai-fx:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(115deg,#8b452d 0%,#c9794f 48%,#7d3d29 100%);background-size:220% 100%;transition:opacity .22s ease}
.casa-ai-fx .cai-icon{display:inline-block;font-size:17px;transition:transform .28s ease}
.casa-ai-fx .cai-normal{font-weight:800;transition:opacity .18s ease,transform .24s ease}
.casa-ai-fx .cai-hover{position:absolute;left:50%;top:50%;white-space:nowrap;font-weight:800;opacity:0;transform:translate(-50%,-35%) translateX(-8px);transition:opacity .2s ease .08s,transform .28s ease .06s}
.casa-ai-fx:hover{transform:translateY(-5px) scale(1.025)!important;box-shadow:0 16px 34px rgba(126,66,39,.36)!important}
.casa-ai-fx:hover:before{opacity:1;animation:casaAiResultFlow 1.4s linear infinite}
.casa-ai-fx:hover .cai-icon{transform:translateX(-82px) rotate(-9deg) scale(1.16)}
.casa-ai-fx:hover .cai-normal{opacity:0;transform:translateY(-8px)}
.casa-ai-fx:hover .cai-hover{opacity:1;transform:translate(-50%,-50%) translateX(10px)}
.casa-ai-fx.is-ripple{transform:translateY(-1px) scale(.985)!important}
.casa-ai-fx .cai-ripple{position:absolute;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.4);opacity:0;pointer-events:none;transform:scale(0)}
.casa-ai-fx.is-ripple .cai-ripple{animation:casaAiResultRipple .48s ease-out}
@keyframes casaAiResultFlow{to{background-position:220% 0}}
@keyframes casaAiResultRipple{0%{opacity:.6;transform:scale(0)}100%{opacity:0;transform:scale(13)}}

/* Hero polish 1.5.8 */
.hero{min-height:555px!important}
.hphoto{
  inset:0 0 0 34%!important;
  background-size:cover!important;
  background-position:56% 54%!important;
  image-rendering:auto;
}
.hphoto:after{
  background:linear-gradient(90deg,#1c1814 0%,rgba(28,24,20,.96) 12%,rgba(28,24,20,.48) 39%,rgba(28,24,20,.08) 58%,transparent 72%)!important;
}
.hcopy{padding-top:82px!important}
.hero h1{font-size:66px!important;line-height:.98!important;letter-spacing:-.02em}
.hero h1 br+*{}
.heroimg i,.hero-photo i,.hero-photo>span,.hphoto>span{top:auto!important;bottom:15%!important}
.hero .hero-tagline,.hero .home-smells-better{top:auto!important;bottom:14%!important}
/* sharpen category photography visually without text baked into images */
.cats i{background-size:cover!important;background-position:center!important;filter:contrast(1.04) saturate(1.03);transform:translateZ(0)}
@media(max-width:800px){
 .hero{min-height:520px!important}
 .hphoto{inset:0!important;background-position:62% center!important}
 .hcopy{padding-top:62px!important}
 .hero h1{font-size:50px!important}
}

/* Real approved hero replacement 1.5.9 */
.hero{min-height:555px!important}
.hphoto{
 inset:0 0 0 35%!important;
 background-size:cover!important;
 background-position:center center!important;
 filter:none!important;
}
.hphoto:after{
 content:""!important;
 position:absolute!important;
 inset:0!important;
 background:linear-gradient(90deg,#1c1814 0%,rgba(28,24,20,.93) 7%,rgba(28,24,20,.42) 27%,rgba(28,24,20,.08) 44%,transparent 58%)!important;
}
.hcopy{width:47%!important;padding:78px 4.6vw 42px!important}
.hero h1{font-size:66px!important;line-height:.98!important}

/* Hero image visibility hotfix 1.5.10 */
.hphoto{
 background-size:cover!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
 opacity:1!important;
 visibility:visible!important;
}

/* Hero title colors 1.5.11 */
.hero h1 .hero-white{color:#fff!important}
.hero h1 .hero-casa{color:#b66543!important}

/* CASA mobile layout 1.5.12 — scoped to this homepage. */
.ch header nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.ch .casa-menu-toggle{display:none}
.ch .casa-cart-link{font-size:22px;min-width:44px;min-height:44px;display:grid;place-items:center}
.ch .casa-match-modal{padding:16px;overflow-y:auto;overscroll-behavior:contain}
.ch .casa-match-modal .match-box{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.ch .casa-match-modal .x{min-width:44px;min-height:44px;cursor:pointer}
.ch :focus-visible{outline:2px solid #b66543;outline-offset:4px}
@media(max-width:1100px) and (min-width:801px){.ch header{gap:15px}.ch .logo{min-width:135px}.ch header nav{gap:10px}.ch .search{width:200px!important}.ch .cats{grid-template-columns:repeat(2,minmax(0,1fr))}.ch .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){
 .ch{width:100%;overflow-x:clip}
 .ch header{height:auto;min-height:74px;flex-wrap:wrap;gap:10px;padding:14px 18px;position:relative;z-index:10}
 .ch .logo{min-width:0;flex:1;font-size:27px}
 .ch .logo small{font-size:8px}
 .ch .casa-menu-toggle{display:block;min-width:44px;min-height:44px;background:#f4eee7;border:1px solid #dfcebf;border-radius:10px;font-size:23px;color:#38281d;cursor:pointer}
 .ch header nav{display:none;order:4;flex:0 0 100%;text-align:left;padding:8px 0;font-size:15px;gap:0}
 .ch header nav.is-open{display:grid;grid-template-columns:1fr 1fr}
 .ch header nav a{padding:14px 10px;min-height:44px}
 .ch .search{display:flex!important;order:5;flex:0 0 100%;width:100%!important;height:46px!important}
 .ch .search input[type=search]{font-size:16px!important;height:46px;padding-right:48px!important}
 .ch .search>button{width:42px;height:42px;top:2px;right:3px}
 .ch .search-results{width:100%;top:51px;max-height:55dvh;overflow-y:auto}
 .ch .casa-sr{grid-template-columns:44px minmax(0,1fr);gap:8px}
 .ch .casa-sr img,.ch .casa-sr .noimg{width:44px;height:44px;grid-row:span 2}
 .ch .casa-sr small{grid-column:2;font-size:12px}
 .ch .hero{min-height:0!important;padding-top:260px;background:#1c1814}
 .ch .hphoto{inset:0 0 auto 0!important;height:300px;background-position:60% center!important}
 .ch .hphoto:after{background:linear-gradient(180deg,transparent 50%,#1c1814 100%)!important}
 .ch .hcopy{width:100%!important;padding:8px 22px 32px!important;background:transparent}
 .ch .hero h1{font-size:clamp(36px,8.8vw,54px)!important;line-height:1.05!important;margin:16px 0}
 .ch .hero p{font-size:16px;line-height:1.6}
 .ch .hcopy>small{font-size:10px}
 .ch .buttons{flex-wrap:wrap;gap:10px;margin:24px 0}
 .ch .buttons a,.ch .buttons button{flex:1 1 180px;min-height:48px;text-align:center;font-size:14px;padding:15px 12px;cursor:pointer}
 .ch .trust{font-size:12px;line-height:2;overflow-wrap:anywhere}
 .ch .cats{padding:14px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ch .cats>a{height:250px;grid-template-columns:1fr;grid-template-rows:140px 1fr;position:relative}
 .ch .cats>a>i{grid-row:1;background-position:center 45%!important}
 .ch .cats>a>div{grid-row:2;padding:14px 12px 18px}
 .ch .cats h2{font-size:25px;margin:7px 0;padding-right:30px}
 .ch .cats small{font-size:9px}.ch .cats p{display:none}
 .ch .cats b{width:32px;height:32px;left:auto;right:9px;bottom:18px}
 .ch .match{padding:32px 22px;gap:22px;grid-template-columns:minmax(0,1fr)}
 .ch .match h2,.ch .products>h2{font-size:32px;line-height:1.1}
 .ch .match p{font-size:14px;line-height:1.6}
 .ch .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ch .steps>b{height:100px}.ch .steps small{font-size:12px}
 .ch .match aside{font-size:20px}
 .ch .products{padding:32px 16px}
 .ch .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ch .grid article{min-width:0;min-height:285px;padding:12px 12px 62px;border:1px solid #eee5dc;border-radius:10px}
 .ch .pic{height:140px}
 .ch .grid b{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
 .ch .grid small{font-size:12px;margin:7px 0 12px}
 .ch .grid strong{font-size:16px;overflow-wrap:anywhere}
 .ch .cart{width:44px;height:44px;bottom:10px;right:10px;font-size:18px!important}
 .ch .story{grid-template-columns:minmax(0,1fr)}
 .ch .story>div{min-height:260px}
 .ch .story article,.ch .story aside{padding:32px 22px}
 .ch .story h2{font-size:32px}.ch .story p{font-size:16px}.ch .story a{font-size:14px}
 .ch footer{font-size:12px;line-height:2;padding:25px 22px 90px}
 .ch .casa-match-modal .match-box{width:100%!important;padding:24px 18px!important;border-radius:16px}
 .ch .match-top{padding-right:34px}.ch .match-question h2,.ch .match-result h2{font-size:30px;line-height:1.15}
 .ch .match-options{grid-template-columns:1fr}
 .ch .match-options button{min-height:52px;font-size:16px;margin:0}
 .ch .match-summary span{font-size:16px}.ch .match-summary b{font-size:11px}
 .ch .match-ai.casa-ai-fx{min-width:0!important;width:100%;font-size:14px}
}
@media(max-width:360px){.ch .hero{padding-top:220px}.ch .hphoto{height:260px}.ch .cats{grid-template-columns:1fr}.ch .cats>a{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:190px}.ch .cats>a>i{grid-row:1;grid-column:2}.ch .cats>a>div{grid-row:1;grid-column:1}.ch .cats p{display:block}.ch .grid{gap:8px}.ch .pic{height:110px}}
@media(hover:none){.ch .casa-match-fx:hover,.ch .casa-ai-fx:hover{transform:none!important;box-shadow:none!important}.ch .casa-match-fx:hover .cm-normal,.ch .casa-ai-fx:hover .cai-normal{opacity:1;transform:none}.ch .casa-match-fx:hover .cm-hover,.ch .casa-ai-fx:hover .cai-hover{opacity:0}.ch .casa-match-fx:hover .cm-icon,.ch .casa-ai-fx:hover .cai-icon{transform:none}}
@media(prefers-reduced-motion:reduce){.ch *, .ch *::before,.ch *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
