/* FUNESSE / a three-scene, phone-first brand opening. Original photography retained. */
.cinematic-hero{--exit:0;isolation:isolate;display:grid;grid-template-columns:1fr;grid-template-areas:"copy" "stage" "actions";align-items:start;min-height:0;gap:0;padding:32px 6% 59px;background:#0d100c;overflow:hidden;color:#f5efdc}.cinematic-hero .hero-copy{grid-area:copy;z-index:3;animation:none;text-align:center;transform:translateY(calc(var(--exit) * -38px));will-change:transform}.cinematic-hero .eyebrow{font-size:8px;letter-spacing:.19em;margin:0 0 19px;color:#d1c194}.cinematic-hero .eyebrow>span{width:18px;margin-right:9px}.cinematic-hero h1{font-size:clamp(56px,14.8vw,85px);margin:0;line-height:.99;letter-spacing:-.057em}.title-line{display:block;overflow:hidden;padding:0 .07em .06em;margin-bottom:-.015em}.title-line>span,.title-line>em{display:block;animation:titleArrival 1.1s cubic-bezier(.2,.75,.2,1) both}.title-line>em{animation-delay:.16s;color:#e9bf51!important}.cinematic-hero .hero-intro{font-size:11px;line-height:1.7;margin:16px 0 0;color:#bfbda8;animation:copyArrival 1.2s .55s both}.cinematic-hero .hero-footnote{display:none}.cinematic-hero .hero-watermark{z-index:-2;width:650px;left:50%;top:5%;opacity:.105;transform:translateX(-48%);animation:none;max-width:none;filter:none;will-change:transform}.cinema-light{position:absolute;z-index:-3;pointer-events:none;border-radius:50%;will-change:transform;opacity:.65}.light-one{width:490px;height:600px;left:calc(50% - 250px);top:90px;background:radial-gradient(ellipse,#a887253b 0,#6f64131a 34%,transparent 69%);animation:lightSweep 11s ease-in-out infinite alternate}.light-two{width:550px;height:220px;left:-220px;top:95px;background:linear-gradient(110deg,transparent,#ddc27615,transparent);transform:rotate(-28deg);animation:lightCross 15s ease-in-out infinite alternate}.cinema-orbit{position:absolute;width:650px;height:650px;border:1px solid #bbaa6621;left:50%;top:150px;transform:translateX(-50%) rotate(-30deg) scaleY(.48);z-index:-1;pointer-events:none}.product-stage{grid-area:stage;position:relative;width:100%;max-width:530px;height:321px;margin:16px auto 0;perspective:1000px;isolation:isolate;transform:translateY(calc(var(--exit) * -22px));will-change:transform}.scene-product{position:absolute;left:50%;top:28px;width:210px;height:244px;margin-left:-105px;transform-origin:50% 100%;transition:transform 1.3s cubic-bezier(.2,.75,.2,1),opacity 1s;will-change:transform;animation:sceneArrival 1.7s cubic-bezier(.17,.8,.15,1) both}.scene-product[data-slot=center]{z-index:3;transform:translate3d(0,0,55px) rotate(-3deg);opacity:1;--start-x:0px;--start-angle:-13deg}.scene-product[data-slot=left]{z-index:1;transform:translate3d(-104px,22px,-120px) rotate(-16deg) scale(.8);opacity:.72;--start-x:-200px;--start-angle:-32deg;animation-delay:.2s}.scene-product[data-slot=right]{z-index:2;transform:translate3d(108px,16px,-110px) rotate(14deg) scale(.8);opacity:.8;--start-x:200px;--start-angle:30deg;animation-delay:.35s}.scene-frame{padding:0;border:1px solid #e8d29f66;background:#e9e1cc;color:#161c12;text-align:left;width:100%;height:100%;box-shadow:0 25px 35px #0008;display:block;position:relative;overflow:hidden;animation:frameBreath 7s ease-in-out 2s infinite alternate;transform-origin:50% 80%}.scene-1 .scene-frame{animation-delay:3s}.scene-2 .scene-frame{animation-delay:4s}.scene-frame::after{content:"";position:absolute;inset:-50% -90%;background:linear-gradient(110deg,transparent 42%,#fff5 49%,transparent 56%);transform:translateX(-50%);pointer-events:none;animation:frameSheen 12s ease-in-out 2s infinite}.frame-photo{display:block;position:relative;height:calc(100% - 51px);overflow:hidden;background:#8c703d}.frame-photo img{width:100%;height:100%;object-fit:cover;object-position:52% 48%;transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.scene-product[data-slot=center] .frame-photo img{transform:scale(1.025)}.frame-caption{display:block;position:relative;padding:9px 11px 10px;background:#eee4c8}.frame-caption small{display:block;font-size:5.5px;letter-spacing:.13em;line-height:1.2;color:#676247;margin-bottom:4px}.frame-caption strong{font:19px/.95 var(--serif);letter-spacing:-.035em;font-weight:400}.frame-caption>span{position:absolute;right:11px;bottom:9px;font-size:15px}.stage-halo{position:absolute;width:320px;height:90px;left:50%;bottom:20px;transform:translateX(-50%);background:radial-gradient(ellipse,#bea54a2b,transparent 68%);z-index:-1;animation:haloPulse 5s ease-in-out infinite alternate}.stage-baseline{position:absolute;left:3%;right:3%;height:1px;background:linear-gradient(90deg,transparent,#a8914666,transparent);bottom:38px;transform:scaleX(.8)}.stage-side-label{display:none}.scene-controls{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:5}.scene-controls button{border:0;border-top:1px solid #b8a26544;background:none;color:#827d65;padding:10px 10px 3px;min-width:41px;min-height:36px;font-size:8px;position:relative;transition:color .3s,border-color .3s}.scene-controls button[aria-pressed=true]{color:#f0d58c;border-top-color:#e5b93f}.scene-controls button:focus-visible,.scene-frame:focus-visible{outline:2px solid #e5b93f;outline-offset:4px}.hero-actions{grid-area:actions;position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:24px;margin-top:25px;animation:copyArrival 1s .7s both}.hero-actions .button{font-size:10px;gap:25px;padding:15px 17px;min-height:47px}.hero-story-link{display:flex;gap:9px;align-items:center;font-size:8px;color:#ccc3a2}.hero-edge{position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#c8a44688,transparent)}
.cinematic-story{--story:0;position:relative;isolation:isolate;overflow:hidden;background:#171c13;color:#efebd9;border:0;padding-top:60px;padding-bottom:60px}.cinematic-story .section-index{color:#b3a874}.cinematic-story h2{position:relative;font-size:43px;transform:translateY(calc((1 - var(--story)) * 18px));transition:none;will-change:transform}.cinematic-story h2 em{color:#ceb770}.cinematic-story .ritual-copy{position:relative;color:#b0b4a1}.story-word{position:absolute;z-index:-1;bottom:-20px;left:-15%;font:160px/.9 var(--serif);letter-spacing:-.08em;color:#c2b3730a;white-space:nowrap;transform:translateX(calc(var(--story) * 15%));will-change:transform}.story-progress{position:absolute;left:7%;right:7%;top:0;height:2px;background:#dcc06c;transform:scaleX(var(--story));transform-origin:left;will-change:transform}.cinematic-story .ritual-mark img{filter:none;opacity:.5}.cinematic-story .ritual-mark span{color:#a19972}.collection{position:relative;background:var(--paper)}.collection-heading.has-arrived h2 em{color:#8a712a}.product-photo{isolation:isolate}.product-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,#fff2 50%,transparent 60%);transform:translateX(-100%);pointer-events:none}.product:hover .product-photo::after{transform:translateX(100%);transition:transform 1.1s}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .scene-product{animation:none!important}.motion-paused .title-line>span,.motion-paused .title-line>em,.motion-paused .hero-actions,.motion-paused .hero-intro{animation:none!important;opacity:1;transform:none}.motion-paused .scene-frame::after{opacity:0}
@keyframes titleArrival{from{transform:translateY(115%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes copyArrival{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes sceneArrival{from{opacity:0;translate:var(--start-x) 150px;rotate:var(--start-angle);scale:.7}to{translate:0 0;rotate:0deg;scale:1}}@keyframes frameBreath{from{transform:translateY(0) rotate(-.8deg)}to{transform:translateY(-10px) rotate(.8deg)}}@keyframes lightSweep{from{transform:translate(-80px,-30px) scale(.95)}to{transform:translate(85px,70px) scale(1.2)}}@keyframes lightCross{from{transform:translate(-90px,0) rotate(-28deg);opacity:.2}to{transform:translate(350px,90px) rotate(-18deg);opacity:.85}}@keyframes frameSheen{0%,55%{transform:translateX(-60%);opacity:0}65%{opacity:.45}90%,100%{transform:translateX(60%);opacity:0}}@keyframes haloPulse{to{opacity:.35;transform:translateX(-50%) scale(.85)}}
@media(min-width:701px){.cinematic-hero{grid-template-columns:.98fr 1.12fr;grid-template-rows:auto auto;grid-template-areas:"copy stage" "actions stage";padding:96px 7% 110px;min-height:660px;align-items:center;column-gap:2%}.cinematic-hero .hero-copy{text-align:left;align-self:end}.cinematic-hero .eyebrow{font-size:9px;margin-bottom:24px}.cinematic-hero h1{font-size:clamp(65px,7.5vw,112px)}.cinematic-hero .hero-intro{font-size:13px;margin-top:25px}.cinematic-hero .hero-footnote{display:block;font-size:7px;letter-spacing:.17em;margin:18px 0 0;color:#817f67}.product-stage{height:440px;max-width:630px;margin:0;align-self:center;transform:translateY(calc(var(--exit) * -50px))}.scene-product{width:250px;height:318px;margin-left:-125px;top:43px}.scene-product[data-slot=left]{transform:translate3d(-126px,30px,-140px) rotate(-17deg) scale(.82)}.scene-product[data-slot=right]{transform:translate3d(134px,19px,-130px) rotate(15deg) scale(.82)}.scene-product[data-slot=center]{transform:translate3d(0,0,70px) rotate(-4deg)}.frame-photo{height:calc(100% - 66px)}.frame-caption{padding:13px 15px}.frame-caption small{font-size:7px}.frame-caption strong{font-size:25px}.frame-caption>span{font-size:20px;bottom:13px;right:15px}.stage-halo{width:420px;bottom:39px}.stage-baseline{bottom:58px}.scene-controls{bottom:10px}.scene-controls button{font-size:9px;min-width:49px}.hero-actions{justify-content:flex-start;align-self:start;margin-top:32px;gap:24px}.hero-actions .button{font-size:11px;gap:35px;padding:16px 20px}.hero-story-link{font-size:9px;gap:10px}.cinematic-hero .hero-watermark{width:1040px;top:-30px;left:30%;opacity:.08}.light-one{width:800px;height:750px;left:35%;top:-110px}.light-two{width:1000px;height:300px;left:10%;top:150px}.cinema-orbit{width:900px;height:900px;left:70%;top:-20px}.stage-side-label{display:block;position:absolute;right:-8px;top:110px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.22em;color:#a69b71}.cinematic-story{padding-top:90px;padding-bottom:90px}.cinematic-story h2{font-size:clamp(43px,4.2vw,67px)}.story-word{font-size:clamp(220px,26vw,420px);left:10%;bottom:-55px}.story-progress{left:7%;right:7%}}
@media(min-width:1200px){.cinematic-hero{padding-left:9%;padding-right:8%;min-height:720px;column-gap:3%}.product-stage{height:480px}.scene-product{width:280px;height:355px;margin-left:-140px;top:45px}.scene-product[data-slot=left]{transform:translate3d(-158px,35px,-140px) rotate(-17deg) scale(.82)}.scene-product[data-slot=right]{transform:translate3d(164px,23px,-130px) rotate(15deg) scale(.82)}.frame-photo{height:calc(100% - 70px)}.frame-caption{padding:14px 17px}.frame-caption strong{font-size:27px}.stage-side-label{right:-18px}.hero-actions .button{gap:42px}}
@media(max-width:370px){.cinematic-hero{padding-left:5%;padding-right:5%;padding-top:25px}.cinematic-hero h1{font-size:55px}.product-stage{height:293px;margin-top:9px}.scene-product{width:190px;height:221px;margin-left:-95px}.scene-product[data-slot=left]{transform:translate3d(-93px,20px,-120px) rotate(-16deg) scale(.8)}.scene-product[data-slot=right]{transform:translate3d(97px,16px,-110px) rotate(14deg) scale(.8)}.hero-actions{gap:15px;margin-top:20px}.hero-actions .button{font-size:9px;gap:16px}.hero-story-link{font-size:7px}}

/* Scroll opens the composition toward the story; no locked scrolling. */
.cinematic-hero .scene-product[data-slot=left]{translate:calc(var(--exit) * -22px) calc(var(--exit) * 15px)}
.cinematic-hero .scene-product[data-slot=right]{translate:calc(var(--exit) * 22px) calc(var(--exit) * 12px)}
.cinematic-hero .scene-product[data-slot=center]{translate:0 calc(var(--exit) * -18px)}
.scene-controls button{min-height:44px;min-width:44px}

/* Progressive enhancement: a complete, still composition if JavaScript is unavailable. */
body:not(.motion-ready) .cinematic-hero *,body:not(.motion-ready) .cinematic-hero *::before,body:not(.motion-ready) .cinematic-hero *::after{animation:none!important}body:not(.motion-ready) .scene-controls{display:none}
body:not(.motion-ready) .title-line>span,body:not(.motion-ready) .title-line>em,body:not(.motion-ready) .hero-actions,body:not(.motion-ready) .hero-intro{opacity:1;transform:none}
footer{padding-bottom:72px}.cinematic-hero>*{min-width:0}.hero-actions{flex-wrap:wrap}.frame-photo img{pointer-events:none}
/* Live-browser polish: portable vector icons and unobstructed preview controls. */
.arrow-icon{display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.header-shop .bag-count{color:var(--black)}
.mobile-shop,.mobile-demo-tools{display:none}

@media(max-width:700px){.cinematic-hero{padding-top:32px}.mobile-shop{display:flex;gap:8px;align-items:center;margin-left:auto;margin-right:22px;font-size:11px;color:#ead39a}.mobile-demo-tools{display:grid;gap:0;padding-top:14px;border-top:1px solid #b49b5033;margin-top:12px}.mobile-demo-tools button{background:none;border:0;border-bottom:1px solid #ffffff16;padding:14px 0;color:#d1c195;text-align:left;font-size:12px;display:flex;gap:10px;align-items:center}.floating-preview{display:none}.view-product .arrow-icon{width:15px;height:15px}.preview-tools button .arrow-icon{font-size:10px}}




@media(prefers-reduced-motion:reduce){.cinematic-story h2,.story-word{transform:none!important}.story-progress{transform:scaleX(1)!important}}