/* Aether Motion 0.4 — typography, choreography and direct exploration. */
@font-face{font-family:'Aether Cormorant';src:url('../fonts/CormorantGaramond[wght].woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Aether Cormorant';src:url('../fonts/CormorantGaramond-Italic[wght].woff2') format('woff2');font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:'Aether Manrope';src:url('../fonts/Manrope[wght].woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{--am-display:'Aether Cormorant',Georgia,serif;--am-serif:'Aether Cormorant',Georgia,serif;font-family:'Aether Manrope',Arial,sans-serif}

/* The first image is revealed by an aperture; cards open into the viewport. */
.home-cinema-image{transform:translate3d(var(--home-pan-x,0px),var(--cinema-image-y,0px),0) scale(var(--cinema-scale,1.06)) rotate(var(--home-roll,0deg));transform-origin:67% 47%}
.home-cinema-shade{background:linear-gradient(90deg,#100d0bed 0%,#100d0b97 36%,#100d0b11 68%),linear-gradient(0deg,#100e0dcf 0%,transparent 27%,transparent 73%,#100e0d80 100%);clip-path:inset(0 var(--cinema-curtain,0%) 0 0)}
.home-cinema-stage:before{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;border:solid #16120f;border-width:var(--cinema-frame,0px);opacity:.8;transition:opacity .25s}
.home-cinema-reveal{transform:translate(calc(-50% + var(--home-pointer-x,0px)),calc(-45% + var(--cinema-reveal-y,40px)))}
.home-chapter-image{clip-path:inset(var(--feature-inset-y,12%) var(--feature-inset-x,11%) round var(--feature-radius,5px));transform:translate3d(var(--feature-pointer-x,0px),var(--feature-y,0px),0) scale(var(--feature-scale,1.03));transition:clip-path .08s linear}
.home-chapter-tint{background:linear-gradient(90deg,#090b0bec 0%,#090b0b99 38%,transparent 75%),linear-gradient(0deg,#090b0b8f,transparent 34%);clip-path:inset(var(--feature-inset-y,12%) var(--feature-inset-x,11%) round var(--feature-radius,5px))}
.home-chapter:before{content:'';position:absolute;inset:0;background:#d6bd9b}
.home-feature-1:before{background:#dbb658}.home-feature-2:before{background:#9eaa95}
.home-chapter-stick:after{content:'AETHER / ' attr(data-chapter);position:absolute;z-index:2;top:50%;right:4.8vw;writing-mode:vertical-rl;transform:translateY(-50%);font-size:.58rem;letter-spacing:.42em;color:#e6dbc9a9;pointer-events:none}
.home-chapter-copy{transform:translate3d(var(--feature-title-x,-70px),calc(-50% + var(--feature-copy-y,60px)),0)!important}
.home-chapter-copy h2{font-style:italic;letter-spacing:-.09em;text-wrap:balance}
.home-chapter .feature-link{pointer-events:auto}

/* Product chapters: iris reveal, orbital motion and a late editorial close-up. */
.product-stage{background:#211513}
.product-slide,.product-slide.is-active{opacity:1!important;visibility:visible!important}
.product-slide{clip-path:circle(var(--product-aperture,150%) at var(--product-aperture-x,60%) 50%);background:radial-gradient(circle at calc(58% + var(--light-x,0px)) calc(46% + var(--light-y,0px)),color-mix(in srgb,var(--product-color),white 31%) 0%,var(--product-color) 48%,color-mix(in srgb,var(--product-color),#311717 58%) 100%)}
.product-slide::before{background:radial-gradient(circle at calc(55% + var(--light-x,0px)) calc(40% + var(--light-y,0px)),#fff8 0,transparent 31%),repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 9px);opacity:.3}
.product-slide::after{height:1px;top:49%;bottom:auto;left:4vw;right:4vw;background:#fff7;border-radius:0;box-shadow:none;opacity:var(--horizon-opacity,0);transform:scaleX(var(--horizon-scale,.1));transform-origin:left}
.product-word{top:22%;text-align:left;left:-2vw;right:auto;color:#fff9;mix-blend-mode:soft-light;font-style:italic;font-weight:400;font-size:clamp(8rem,22vw,30rem);transform:translate3d(var(--word-x,0px),var(--word-y,0px),0) rotate(var(--word-rotate,0deg));letter-spacing:var(--word-spacing,-.12em)}
.product-halo{border:1px solid #fff8;box-shadow:0 0 0 55px #ffffff1c,0 0 0 120px #ffffff0c;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(var(--halo-angle,0deg)) scale(var(--halo-scale,1));opacity:var(--ring-opacity,.85)}
.product-cutout{transform:translate3d(calc(-50% + var(--product-x,0px) + var(--pointer-shift-x,0px)),calc(var(--product-y,0px) + var(--pointer-shift-y,0px)),0) rotateZ(var(--product-rotate,0deg)) rotateY(var(--product-yaw,0deg)) scale(var(--product-scale,1));transform-origin:50% 63%;transition:filter .25s}
.product-slide.is-active .product-cutout{will-change:transform}
.product-slide:not(.is-active) .product-cutout{will-change:auto}
.product-ingredient{transform:translate3d(var(--ingredient-x,0px),var(--ingredient-y,0px),0) rotate(var(--ingredient-rotate,0deg)) scale(var(--ingredient-scale,1));opacity:var(--ingredient-opacity,0)}
.product-orbit{transform:translate3d(var(--orbit-x,0px),var(--float-y,0px),0) rotate(var(--float-rotate,0deg)) scale(var(--orbit-scale,1));opacity:var(--orbit-opacity,.85)}
.orbit-two{transform:translate3d(calc(var(--orbit-x,0px) * -.6),calc(var(--float-y,0px) * -.5),0) rotate(calc(var(--float-rotate,0deg) * -.7)) scale(var(--orbit-scale,1))}
.orbit-three{transform:translate3d(calc(var(--orbit-x,0px) * .8),calc(var(--float-y,0px) * .4),0) rotate(calc(var(--float-rotate,0deg) * .9)) scale(var(--orbit-scale,1))}
.product-note{max-width:270px;top:23vh;left:6vw;font-size:clamp(1.25rem,2.2vw,2.3rem);line-height:1.13;font-style:italic;letter-spacing:-.04em}
.product-details{transition:none}
.product-hotspot{left:68%;top:33%;opacity:var(--hotspot-opacity,0);transform:translate3d(var(--hotspot-x,0px),var(--hotspot-y,0px),0)}
.product-index{font-weight:700}
.product-rail,.gallery-rail{position:absolute;z-index:9;display:flex;gap:6px;pointer-events:auto}
.product-rail{left:5vw;bottom:5vh;align-items:center}.product-rail button{background:transparent;border:0;border-bottom:1px solid #ffffff6b;color:#fff;padding:10px 12px 12px 0;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.65;transition:opacity .25s,border-color .25s,transform .25s}.product-rail button span{font-family:var(--am-display);font-size:.85rem;font-style:italic;font-weight:400;margin-right:9px}.product-rail button:hover,.product-rail button[aria-current="true"]{opacity:1;border-color:#fff;transform:translateY(-3px)}
.gallery-rail{right:5vw;bottom:10vh}.gallery-rail button{width:35px;height:35px;border:1px solid #eed7bf7a;background:#07121391;color:#f6e6d2;font:italic 1rem var(--am-display);border-radius:50%;opacity:.6;transition:opacity .25s,background .25s}.gallery-rail button:hover,.gallery-rail button[aria-current="true"]{opacity:1;background:#b79774;color:#101919}

/* A menu item becomes a page in a horizontal visual sequence. */
.menu-stage{background:#271d17}
.menu-slide,.menu-slide.is-active{opacity:1!important;visibility:visible!important;transform:translate3d(var(--scene-x,100vw),0,0);transition:none}
.menu-slide.is-active{transform:translate3d(var(--scene-x,0vw),0,0)}
.menu-slide{background:radial-gradient(ellipse at calc(58% + var(--light-x,0px)) calc(50% + var(--light-y,0px)),color-mix(in srgb,var(--menu-color),white 15%) 0,var(--menu-color) 46%,color-mix(in srgb,var(--menu-color),#130b0a 67%) 100%);box-shadow:-30px 0 70px #0005}
.menu-slide:after{content:'';position:absolute;z-index:1;width:60vw;height:60vw;min-width:500px;min-height:500px;top:7%;left:34%;border:1px solid #ffffff66;border-radius:50%;transform:rotate(var(--disc-angle,0deg)) scale(var(--disc-scale,1));opacity:.7;pointer-events:none}
.menu-giant-title{font-style:italic;font-family:var(--am-display);font-weight:400;left:7vw;top:34%;color:#fff4;font-size:clamp(8rem,19vw,25rem);transform:translate3d(var(--menu-title-x,0px),var(--title-rise,0px),0);letter-spacing:-.11em}
.menu-giant-index{font-style:italic;top:19%;font-size:clamp(5rem,8vw,10rem);color:#fff7}
.menu-cutout{transform:translate3d(calc(-50% + var(--menu-x,0px) + var(--pointer-shift-x,0px)),calc(var(--menu-y,0px) + var(--pointer-shift-y,0px)),0) rotateZ(var(--menu-rotate,0deg)) rotateY(var(--menu-yaw,0deg)) scale(var(--menu-scale,1));transform-origin:50% 70%}
.menu-slide.is-active .menu-cutout{will-change:transform}
.menu-slide:not(.is-active) .menu-cutout{will-change:auto}
.menu-decor{opacity:var(--decor-opacity,.8)}
.menu-decor-one{border-style:dashed;transform:translate3d(var(--decor-x,0px),var(--decor-y,0px),0) rotate(var(--disc-angle,0deg));opacity:.5}
.menu-decor-two{left:22%;bottom:22%;background:#f4d5b54a}
.menu-taste-note{top:23vh;right:8vw;max-width:220px;font-size:clamp(1.25rem,2vw,2.15rem);letter-spacing:-.035em;line-height:1.18}
.menu-hotspot{left:66%;top:35%;opacity:var(--hotspot-opacity,0);transform:translate3d(var(--hotspot-x,0px),var(--hotspot-y,0px),0)}
.menu-controls button{backdrop-filter:blur(8px);background:#ffffff17}
.menu-controls button:hover{transform:translateY(-3px)}

/* The direct interactions are part of the narrative and remain keyboard-accessible. */
.scene-hotspot{position:absolute;z-index:7;display:flex;align-items:center;gap:11px;background:none;border:0;color:inherit;padding:9px;pointer-events:auto;transition:opacity .2s}
.scene-hotspot span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid currentColor;background:#ffffff25;font:300 1.6rem/1 Arial,sans-serif;backdrop-filter:blur(10px);transition:background .25s,transform .25s}
.scene-hotspot:before,.scene-hotspot:after{content:'';position:absolute;width:66px;height:66px;border:1px solid currentColor;border-radius:50%;left:1px;top:1px;opacity:.5;animation:hotspotPulse 3s ease-out infinite;pointer-events:none}
.scene-hotspot:after{animation-delay:1.5s}
.scene-hotspot:hover span,.scene-hotspot:focus-visible span{background:#fff8;transform:rotate(90deg)}
.scene-hotspot small{font-size:.59rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
@keyframes hotspotPulse{0%{transform:scale(.72);opacity:.65}80%,100%{transform:scale(1.45);opacity:0}}
.gallery-inspect{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;margin-top:16px;padding:9px 0;border:0;border-bottom:1px solid #e6d2b3;background:none;color:#f3e8d9;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;pointer-events:auto;cursor:pointer}
.gallery-inspect:hover{color:#e6b988;gap:40px}
.gallery-stage.has-webgl .gallery-artwork{pointer-events:none}.gallery-stage.has-webgl .gallery-caption{pointer-events:auto}.gallery-stage.has-webgl .gallery-inspect{pointer-events:auto}
dialog.scene-dialog,dialog.art-dialog{border:1px solid #d2ac83;background:#e7dbcc;color:#231d19;box-shadow:0 30px 110px #0009;max-height:min(85svh,800px);overflow:auto}
body.scene-dialog-open{overflow:hidden}
dialog.scene-dialog{width:min(88vw,540px);padding:clamp(35px,6vw,75px);left:auto;right:6vw;top:50%;margin:0;transform:translateY(-50%)}
dialog::backdrop{background:#080c0cc9;backdrop-filter:blur(14px)}
.scene-dialog h3,.art-dialog h2{font:400 clamp(3.8rem,7vw,7rem)/.86 var(--am-display);letter-spacing:-.08em;margin:25px 0}
.scene-dialog>p,.scene-dialog-body,.art-dialog-copy p{font:clamp(1.05rem,1.65vw,1.4rem)/1.55 var(--am-display)}
.scene-dialog-body{margin-top:30px;padding-top:22px;border-top:1px solid #66564366}
.scene-dialog-close{position:absolute;right:18px;top:16px;width:44px;height:44px;border:1px solid #322821;background:transparent;color:#31241b;border-radius:50%;font-size:1.55rem;line-height:1}
.scene-dialog-close:hover{background:#211b17;color:#fff}
dialog.art-dialog{width:min(92vw,1100px);max-width:1100px;padding:0;display:none;grid-template-columns:1fr .75fr;align-items:center}
dialog.art-dialog[open]{display:grid}
.art-dialog-image{height:min(75svh,700px);background:#182021;padding:35px;display:grid;place-items:center}
.art-dialog-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 18px 35px #0007}
.art-dialog-copy{padding:clamp(28px,5vw,70px)}
.art-dialog .scene-dialog-close{z-index:2;right:18px;top:18px;background:#eee2d1}

@media(max-width:800px){.home-chapter-copy h2{font-size:clamp(5rem,12vw,9rem)}.product-hotspot,.menu-hotspot{left:70%;top:38%}.scene-hotspot small{display:none}.product-note{top:18vh}.menu-taste-note{top:17vh}}
@media(max-width:540px){
 .home-chapter-image{clip-path:inset(var(--feature-inset-y,8%) var(--feature-inset-x,5%) round var(--feature-radius,4px))}.home-chapter-tint{clip-path:inset(var(--feature-inset-y,8%) var(--feature-inset-x,5%) round var(--feature-radius,4px))}.home-chapter-copy{transform:translate3d(var(--feature-title-x,0px),calc(-50% + var(--feature-copy-y,60px)),0)!important}
 .product-word{top:31%;font-size:28vw}.product-cutout{max-width:90vw}.product-note{max-width:170px;font-size:1.15rem;top:15vh}.product-hotspot{left:67%;top:44%}.menu-taste-note{top:16vh;max-width:120px;font-size:1.05rem}.menu-hotspot{left:71%;top:44%}.menu-slide:after{left:17%;top:25%;width:80vw;height:80vw;min-width:0;min-height:0}
 dialog.scene-dialog{width:100vw;max-width:100vw;right:0;top:auto;bottom:0;max-height:83svh;transform:none;padding:56px 7vw 35px;border-width:1px 0 0}.scene-dialog h3{font-size:17vw}dialog.art-dialog[open]{display:block;width:100vw;max-width:100vw;max-height:90svh}.art-dialog-image{height:55svh;padding:25px}.art-dialog-copy{padding:22px 7vw}.art-dialog h2{font-size:14vw;margin:10px 0}
 .product-rail{left:4vw;bottom:5vh;max-width:75vw;overflow:auto}.product-rail button{font-size:.53rem;white-space:nowrap}.product-rail button span{display:none}.gallery-rail{bottom:10vh;right:4vw}
}
@media(prefers-reduced-motion:reduce){.home-cinema-image,.home-chapter-image,.product-cutout,.menu-cutout,.product-halo,.product-orbit,.menu-decor{transform:none!important;clip-path:none!important;transition:none!important}.home-chapter-tint,.product-slide{clip-path:none!important}.menu-slide,.menu-slide.is-active{transform:none!important;opacity:1!important}.scene-hotspot{opacity:1!important;transform:none!important}.scene-hotspot:before,.scene-hotspot:after{animation:none;display:none}.gallery-inspect{pointer-events:auto!important}}