html{scroll-behavior:smooth}.header{transition:height .35s,box-shadow .35s,background .35s}.header.scrolled{box-shadow:0 8px 30px #39241d10;background:#fff9f5f2;backdrop-filter:blur(16px)}.hero{position:relative}.hero-photo{animation:editorial-drift 18s ease-in-out infinite alternate;transform-origin:55% 35%}.hero-copy{z-index:1}.hero-copy>*{animation:editorial-enter .95s cubic-bezier(.2,.65,.25,1) both}.hero-copy h1{animation-delay:.12s}.hero-copy .line{animation-delay:.25s}.hero-copy p{animation-delay:.32s}.hero-copy .cta{animation-delay:.45s}.hero-copy .dots{display:none}.hero .line{width:70px}.cta{position:relative;transition:background .3s,color .3s,box-shadow .3s,transform .3s;overflow:hidden}.cta:hover{background:#705043;color:#fff;box-shadow:0 8px 22px #39241d20;transform:translateY(-3px)}.cta:active{transform:translateY(0)}.category-tile{transition:transform .45s}.category-tile img{transition:filter .5s,transform .65s,box-shadow .65s}.category-tile:hover{transform:translateY(-7px)}.category-tile:hover img{filter:brightness(1.03);box-shadow:0 16px 24px #39241d18}.category-tile span{transition:letter-spacing .35s}.category-tile:hover span{letter-spacing:2.6px}.feature img{transition:transform 1.2s cubic-bezier(.2,.65,.25,1)}.feature:hover img{transform:scale(1.055)}.product{transition:transform .4s}.product img{transition:filter .5s,box-shadow .5s}.product:hover{transform:translateY(-8px)}.product:hover img{filter:brightness(1.04);box-shadow:0 14px 28px #39241d1c}.product h3{transition:color .3s}.product:hover h3{color:#a17961}.category-dropdown.open,.mobile-menu.open{animation:menu-enter .28s ease both}.modal.open{animation:veil-in .25s ease both}.modal.open .modal-panel{animation:panel-enter .45s cubic-bezier(.2,.65,.25,1) both}.motion-pending{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.65,.25,1);transition-delay:var(--motion-delay,0ms)}.motion-pending.motion-visible{opacity:1;transform:none}.shop.visible .shop-hero,.info-page.visible{animation:editorial-enter .65s both}.nav button{transition:color .25s}.nav button:hover{color:#a17961}button:focus-visible,a:focus-visible{outline:2px solid #8b6d60;outline-offset:5px}@keyframes editorial-drift{from{transform:scale(1.015)}to{transform:scale(1.09)}}@keyframes editorial-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes menu-enter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes veil-in{from{opacity:0}to{opacity:1}}@keyframes panel-enter{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-pending{opacity:1;transform:none}}
/* Full-bleed editorial hero: the image fills the viewport behind the copy. */
.hero{display:flex;align-items:center;isolation:isolate;min-height:620px;min-height:calc(100svh - 82px);background:#d4bcac}.hero-photo{position:absolute;inset:0;z-index:-2;min-height:0;background-position:center 35%;background-size:cover}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(247,235,225,.94) 0%,rgba(247,235,225,.76) 29%,rgba(247,235,225,.13) 64%,transparent 100%)}.hero-copy,body[dir=rtl] .hero-copy{background:transparent;padding:80px 6%;width:58%;min-height:0}.hero h1{font-size:clamp(52px,6.3vw,100px);overflow-wrap:normal}.hero p{max-width:360px}.hero .cta{max-width:100%}body[dir=rtl] .hero{justify-content:flex-start}body[dir=rtl] .hero::after{background:linear-gradient(270deg,rgba(247,235,225,.94),rgba(247,235,225,.76) 29%,rgba(247,235,225,.13) 64%,transparent)}
@media(max-width:800px){.hero{min-height:calc(100svh - 70px);align-items:flex-end}.hero-photo{grid-row:auto;background-position:62% center;min-height:0}.hero::after,body[dir=rtl] .hero::after{background:linear-gradient(0deg,rgba(247,235,225,.97),rgba(247,235,225,.78) 32%,rgba(247,235,225,.06) 76%)}.hero-copy,body[dir=rtl] .hero-copy{width:100%;padding:50px 7% 48px;min-height:0}.hero h1{font-size:clamp(45px,9vw,70px);margin:20px 0 16px;letter-spacing:-2px}.hero p{font-size:23px;margin-bottom:24px}.hero .eyebrow{letter-spacing:4px}.hero-copy .line{margin:6px 0 15px}}
@media(max-width:480px){.hero-photo{background-position:62% 30%}.hero-copy,body[dir=rtl] .hero-copy{padding:38px 6%}.hero h1{font-size:clamp(40px,9vw,53px)}.hero p{font-size:21px}.hero .cta{font-size:11px;padding:14px 20px}}