:root{--paper:#f5f1eb;--ink:#121212;--sand:#efb274;--red:#c92a2a;--hot:#ff164c;--night:#0a090a;--muted:#6f6962;--line:rgba(18,18,18,.16);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{width:100%;display:block}.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:99}.progress span{display:block;height:100%;width:0;background:var(--hot)}
.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 28px;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:rgba(245,241,235,.86)}.brand{display:flex;gap:10px;align-items:center;font:500 14px var(--mono);letter-spacing:.16em}.cross{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid currentColor}.nav{display:flex;gap:28px;font:400 12px var(--mono);text-transform:uppercase;letter-spacing:.11em}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:.25s}.nav a:hover:after{right:0}.lang{justify-self:end;display:flex;gap:7px;align-items:center;font:400 11px var(--mono)}.lang button{border:0;background:none;padding:4px;cursor:pointer;opacity:.45;font:inherit}.lang button.active{opacity:1;text-decoration:underline;text-underline-offset:4px}
.hero{min-height:calc(100vh - 58px);display:grid;grid-template-columns:1.05fr .95fr;position:relative;border-bottom:1px solid var(--line)}.hero-copy{padding:11vh 7vw 8vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font:500 10px var(--mono);letter-spacing:.24em;color:var(--red);text-transform:uppercase}.hero h1{font-size:clamp(72px,11vw,180px);line-height:.78;letter-spacing:-.075em;margin:28px 0 18px;font-weight:700}.tagline{font-family:Georgia,serif;font-style:italic;font-size:clamp(26px,3.2vw,52px);margin:0}.intro{max-width:560px;font-size:17px;line-height:1.65;color:#4e4945;margin:28px 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{font:500 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;padding:14px 18px;border:1px solid var(--ink);transition:.2s}.btn.primary{background:var(--ink);color:var(--paper)}.btn:hover{transform:translateY(-2px)}.hero-visual{position:relative;display:grid;place-items:center;background:#fff;border-left:1px solid var(--line);overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:8%;border:1px solid #e0dcd6}.hero-logo{width:min(72%,620px);mix-blend-mode:multiply;transform:rotate(-2deg)}.case-note{position:absolute;right:4%;bottom:4%;display:grid;gap:4px;text-align:right;font:400 9px var(--mono);letter-spacing:.14em}.case-note b{color:var(--red)}.vitals{position:absolute;left:50%;bottom:22px;display:flex;gap:11px;align-items:center}.vitals span{width:6px;height:6px;border-radius:50%;background:var(--red)}.vitals i{width:34px;height:1px;background:var(--line)}
.day-night{display:grid;grid-template-columns:1fr 1fr}.panel{min-height:760px;position:relative;display:flex;flex-direction:column}.panel-image{height:66%;overflow:hidden}.panel-image img{height:100%;object-fit:cover;transition:transform .8s}.panel:hover .panel-image img{transform:scale(1.025)}.panel-copy{padding:42px 7vw 54px}.panel-copy h2{font-size:clamp(34px,4vw,68px);line-height:1;letter-spacing:-.04em;margin:18px 0}.panel-copy p{max-width:560px;line-height:1.65}.night{background:var(--night);color:#fff}.night .eyebrow{color:#ff5d7d}.night .panel-copy p{color:#c9c0c4}.day{border-right:1px solid var(--line)}
.prescriptions{padding:110px 6vw 120px}.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end;margin-bottom:55px}.section-head h2{font-size:clamp(46px,6vw,96px);line-height:.96;letter-spacing:-.055em;margin:16px 0 0}.section-head p{font-size:16px;line-height:1.65;color:var(--muted);max-width:430px;justify-self:end}.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.rx-card{min-height:320px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);position:relative;transition:.25s;background:transparent}.rx-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 12px 0 var(--ink)}.rx-no{font:400 9px var(--mono);letter-spacing:.18em;color:var(--red)}.rx-card h3{font-size:32px;line-height:1;margin:44px 0 14px;letter-spacing:-.035em}.rx-card p{font-family:Georgia,serif;font-style:italic;color:#534d48;line-height:1.45}.rx-card .ingredients{margin-top:auto;padding-top:30px;font:400 10px var(--mono);text-transform:uppercase;letter-spacing:.07em;line-height:1.6;color:#5e5853}.rx-card .price{position:absolute;top:27px;right:27px;font:500 13px var(--mono)}
.photo-break{height:min(82vh,900px);position:relative;background:#111;overflow:hidden}.photo-break>img{height:100%;object-fit:cover;filter:saturate(.92)}.stamp{position:absolute;right:5vw;bottom:6vh;width:190px;height:190px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;align-content:center;gap:7px;color:#fff;font:500 9px var(--mono);letter-spacing:.15em;text-align:center;transform:rotate(-8deg);backdrop-filter:blur(4px)}.stamp b{font-size:42px;font-weight:300}.stamp small{font-size:8px}
.menu-section{padding:110px 6vw 130px;background:#fff}.menu-toolbar{display:flex;justify-content:space-between;gap:20px;padding:18px 0 26px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);position:sticky;top:58px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);z-index:20}.menu-tabs{display:flex;flex-wrap:wrap;gap:7px}.menu-tabs button{border:1px solid var(--line);background:#fff;padding:9px 12px;font:400 9px var(--mono);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.menu-tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.search{display:flex;align-items:center;gap:8px;min-width:220px;border-bottom:1px solid var(--ink)}.search input{border:0;outline:0;width:100%;padding:8px 0;background:transparent;font:400 11px var(--mono)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;padding-top:30px}.menu-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 0;border-bottom:1px dotted #c9c1ba}.menu-item h3{font-size:17px;margin:0 0 6px}.menu-item p{margin:0;color:#6b645e;font-size:12px;line-height:1.55}.menu-item strong{font:500 12px var(--mono)}.menu-note{font:400 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:30px;color:var(--muted)}
.gallery{display:grid;grid-template-columns:1.1fr .9fr 1fr;grid-template-rows:520px 520px;background:var(--night)}.gallery figure{margin:0;position:relative;overflow:hidden}.gallery img{height:100%;object-fit:cover;transition:transform .8s,filter .8s}.gallery figure:hover img{transform:scale(1.03)}.gallery figcaption{position:absolute;left:18px;bottom:18px;background:rgba(10,9,10,.78);color:white;padding:9px 11px;font:400 8px var(--mono);letter-spacing:.14em}.g1{grid-row:1/3}.g2{grid-column:2/4}.g3{grid-column:2}.g4{grid-column:3}.g5,.g6{display:none}
.visit{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:var(--paper)}.visit-card{padding:10vh 8vw;display:flex;flex-direction:column;justify-content:center}.visit-card h2{font-size:clamp(42px,5vw,82px);line-height:.98;letter-spacing:-.055em;margin:22px 0 48px}.hours-grid{border-top:1px solid var(--ink)}.hours-grid div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font:400 11px var(--mono)}.hours-grid b{font-weight:500}.address{margin-top:46px;display:grid;gap:11px;font:400 10px var(--mono);letter-spacing:.08em}.address b{font:600 16px var(--sans);letter-spacing:0;line-height:1.5}.address a{text-decoration:underline;text-underline-offset:4px}.visit-image{overflow:hidden}.visit-image img{height:100%;object-fit:cover}
footer{background:var(--ink);color:#fff;padding:28px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;font:400 10px var(--mono);letter-spacing:.08em}footer>div:first-child{display:flex;align-items:center;gap:10px}.socials{justify-self:end;display:flex;gap:18px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:70vh}.hero-visual{min-height:52vh;border-left:0;border-top:1px solid var(--line)}.day-night{grid-template-columns:1fr}.day{border-right:0}.panel{min-height:680px}.signature-grid{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr}.section-head p{justify-self:start}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:520px 420px}.g1{grid-row:1}.g2{grid-column:2}.g3{grid-column:1}.g4{grid-column:2}.visit{grid-template-columns:1fr}.visit-image{height:560px}footer{grid-template-columns:1fr}.socials{justify-self:start}}
@media(max-width:640px){.topbar{padding:14px 18px}.brand{font-size:12px}.hero-copy{padding:12vh 22px 8vh}.hero h1{font-size:22vw}.hero-visual{min-height:380px}.vitals{display:none}.panel-image{height:58%}.panel-copy{padding:34px 22px 48px}.prescriptions,.menu-section{padding:80px 20px}.signature-grid{grid-template-columns:1fr}.section-head h2{font-size:14vw}.photo-break{height:66vh}.menu-toolbar{top:53px;display:block}.search{margin-top:16px;width:100%}.menu-grid{grid-template-columns:1fr}.gallery{display:block}.gallery figure{height:360px}.g4{display:block}.visit-card{padding:80px 22px}.visit-image{height:440px}footer{padding:28px 20px}.socials{flex-direction:column;gap:8px}.lang span{display:none}.lang{gap:2px}}

.hours-note{margin:.75rem 0 1.25rem;font-size:.78rem;letter-spacing:.04em;opacity:.68;max-width:48rem}

/* Døkteur: prescription typography, daylight paper and red neon. */
html{scroll-padding-top:100px}img{height:auto}.draft-banner{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,32px);padding:10px 16px;text-align:center;background:#ffda24;color:#121212;font:600 13px var(--mono);line-height:1.5}.draft-banner::before,.draft-banner::after{content:"";flex:0 1 64px;height:18px;background:repeating-linear-gradient(-55deg,#121212 0 6px,transparent 6px 12px)}.draft-banner span{flex:0 1 auto}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:16px}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c92a2a;outline-offset:5px}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}.topbar{gap:20px}.nav{font-size:14px;gap:20px}.lang{font-size:14px}.lang button{min-width:40px;min-height:40px;opacity:.7}.lang button.active{opacity:1}.hero{grid-template-columns:1.12fr .88fr;min-height:720px}.hero-copy{padding:90px 4vw 90px 6vw;min-width:0}.hero h1{font-size:clamp(70px,7.6vw,135px);line-height:1;letter-spacing:-.065em;max-width:100%}.hero-visual .hero-logo{height:auto}.eyebrow,.rx-no,.case-note{font-size:12px;line-height:1.6}.btn{font-size:14px;line-height:1.5;letter-spacing:.05em}.panel{min-height:0}.panel-image{height:480px;flex:none}.panel-copy{padding:44px 6vw 60px}.panel-copy h2{font-size:clamp(32px,3.8vw,60px);line-height:1.08}.panel-copy p{font-size:16px}.rx-card{min-height:350px}.rx-card .ingredients{font-size:14px;letter-spacing:.025em}.rx-card .price{font-size:16px}.rx-card h3{line-height:1.15}.menu-toolbar{position:relative;top:0;align-items:flex-start;flex-wrap:wrap}.menu-tabs{flex:1 1 700px}.menu-tabs button{font-size:14px;letter-spacing:.02em;min-height:44px}.search{flex:1 1 240px}.search input{font-size:16px;min-height:44px}.menu-item p{font-size:16px}.menu-item strong{font-size:16px;white-space:nowrap}.menu-note,.hours-note{font-size:14px;line-height:1.7;opacity:1}.results-count{font:400 14px var(--mono);color:#615951;margin:25px 0 0}.menu-grid{padding-top:8px}.gallery figcaption{font-size:12px;line-height:1.5}.stamp{font-size:12px;letter-spacing:.06em}.stamp small{font-size:12px}.hours-grid div{font-size:14px;line-height:1.5}.address{font-size:14px;line-height:1.6}.visit-card{padding:80px 6vw}.visit-card h2{overflow-wrap:break-word;font-size:clamp(38px,4.3vw,70px)}footer{font-size:14px;line-height:1.7;grid-template-columns:1fr 1fr 1.2fr}.socials{flex-direction:column;gap:6px}.reveal{opacity:1;transform:none}.g5,.g6{display:block}.gallery{grid-template-rows:450px 400px 380px}.g5{grid-column:1/3}.g6{grid-column:3}.empty-state{padding:30px 0;grid-column:1/-1;line-height:1.6}
@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.nav{grid-column:1/-1;grid-row:2;display:flex;overflow:auto;gap:24px;padding:2px 0 8px}.lang{grid-column:2;grid-row:1}.hero{min-height:640px}.hero-actions{gap:10px}.btn{font-size:13px}}
@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-copy{padding:65px 6vw;min-height:480px}.hero h1{font-size:clamp(68px,16vw,135px)}.hero-visual{min-height:360px;height:440px}.hero-logo{max-width:360px}.panel-image{height:460px}.gallery{grid-template-rows:400px 360px 340px}.g5{grid-column:1}.g6{grid-column:2}.visit-image{height:440px}footer{grid-template-columns:1fr}.nav a{white-space:nowrap}}
@media(max-width:640px){html{scroll-padding-top:130px}.topbar{padding:8px 18px;gap:6px}.nav{gap:22px;font-size:13px}.hero{min-height:0}.hero-copy{padding:50px 22px;min-height:440px}.hero h1{font-size:20vw;line-height:1.05}.hero-visual{height:340px;min-height:0}.hero-logo{max-width:250px}.hero-visual:before{inset:7%}.case-note{right:7%;bottom:5%;font-size:12px}.intro{font-size:16px;margin:22px 0 28px}.hero-actions{gap:10px}.btn{padding:13px 12px}.panel-image{height:360px}.panel-copy{padding:34px 22px 42px}.panel-copy h2{font-size:40px}.prescriptions,.menu-section{padding:64px 22px}.section-head{gap:16px;margin-bottom:32px}.section-head h2{font-size:13vw;line-height:1.04}.signature-grid{grid-template-columns:1fr}.rx-card{min-height:310px;padding:24px}.rx-card:hover{transform:none;box-shadow:none}.menu-toolbar{top:0}.menu-tabs{gap:8px}.menu-tabs button{font-size:13px;padding:9px 11px}.gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:300px 260px 260px}.gallery figure{height:auto;grid-column:auto;grid-row:auto}.gallery figcaption{left:8px;bottom:8px;padding:7px;font-size:12px;letter-spacing:0}.visit-card{padding:64px 22px}.visit-card h2{font-size:46px}.hours-grid div{gap:12px}.stamp{width:165px;height:165px}.photo-break{height:480px}.visit{min-height:0}.visit-image{height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Layout safeguards: content retains its own space inside decorative frames. */
html{scroll-padding-top:var(--header-offset,140px)}
.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.hero-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:48px;height:auto;min-height:440px}
.hero-visual:before{inset:24px;pointer-events:none}
.hero-visual .hero-logo{width:min(100%,400px);max-width:100%;height:auto;flex-shrink:0}
.case-note{position:relative;inset:auto;align-self:stretch;min-width:0;margin:0;overflow-wrap:anywhere}
.hero-copy,.panel-copy,.visit-card,.section-head>*,.menu-item>*,footer>*,.nav,.menu-tabs,.search{min-width:0}
.panel-copy h2,.section-head h2,.visit-card h2{line-height:1.1;overflow-wrap:anywhere}
.signature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.rx-card{min-width:0;overflow-wrap:anywhere}
.rx-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 16px}
.rx-card .price{position:static;white-space:nowrap}
.rx-card:hover{transform:none;box-shadow:none}
.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.menu-item h3,.menu-item p,.menu-note,.address,footer{overflow-wrap:anywhere}
.search{min-width:0;max-width:100%}
.search input{min-width:0}
.btn{max-width:100%;text-align:center;overflow-wrap:anywhere}
.gallery figcaption{right:18px;width:fit-content;max-width:calc(100% - 36px);overflow-wrap:anywhere}
.stamp{padding:24px;line-height:1.4}
.stamp>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.stamp b{line-height:1}
.hours-grid div{flex-wrap:wrap;align-items:baseline}
.hours-grid b{margin-left:auto;white-space:nowrap}
.cross{flex-shrink:0}
@media(max-width:1100px){
 .topbar{grid-template-columns:minmax(0,1fr) auto}
 .nav{flex-wrap:wrap;overflow:visible;gap:10px 24px}
 .nav a{padding-block:4px}
}
@media(max-width:980px){
 .hero{grid-template-columns:minmax(0,1fr)}
 .hero-visual .hero-logo{max-width:360px}
 .signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .hero-visual{min-height:380px;padding:40px;gap:24px}
 .hero-visual:before{inset:18px}
 .hero-visual .hero-logo{max-width:250px}
 .signature-grid,.menu-grid{grid-template-columns:minmax(0,1fr)}
 .gallery figcaption{right:8px;max-width:calc(100% - 16px)}
 .stamp{width:180px;height:180px;padding:24px}
 .nav{gap:8px 20px}
}

/* Use the supplied Dokteur emblem, including its diagonal silhouette and peach outline. */
.brand-mark{display:block;flex:0 0 42px;width:42px;height:50px;background:url('images/photo-01.jpg') center / 142% auto no-repeat;filter:grayscale(1);mix-blend-mode:multiply}
@media(max-width:640px){.brand-mark{flex-basis:34px;width:34px;height:40px}}

/* Wide screens: preserve every photo's full frame, including during motion. */
@media(min-width:761px){
 .panel-image img,.photo-break>img,.gallery img,.visit-image img{object-fit:contain;object-position:center}
 .panel-image,.gallery figure,.visit-image{background:var(--night)}
 .panel.day .panel-image{background:var(--paper)}
 .motion-enabled .photo-break{clip-path:none}
 .motion-enabled .photo-break>img{transform:scale(calc(2 - var(--cinema-scale,1)))}
 .motion-enabled .panel-image img{transform:scale(calc(2 - var(--panel-scale,1)))}
 .panel:hover .panel-image img,.gallery figure:hover img{transform:none}
 .gallery figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}
 .gallery img{min-height:0;height:100%;transform:none}
 .gallery figcaption{position:static;max-width:100%;width:100%;padding:12px 18px;background:var(--night)}
 .visit-image{display:flex;align-items:center}
 .visit-image img{width:100%;height:100%;min-height:0}
}

/* Keep the complete portrait film visible, with native playback controls. */
.film-section{display:grid;grid-template-columns:1fr minmax(0,420px);align-items:center;gap:clamp(24px,6vw,96px);padding:clamp(32px,6vw,88px) clamp(20px,6vw,90px);background:#171417;color:#f5f1eb}
.film-copy{max-width:540px;min-width:0}
.film-copy h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.1;margin:20px 0}
.film-copy p{font-size:1.125rem;line-height:1.65;color:#d6ced3}
.dokteur-film{display:block;width:100%;height:auto;max-height:78svh;aspect-ratio:512/910;object-fit:contain;background:#080808;border-radius:12px;justify-self:center}
.dokteur-film:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:760px){.film-section{grid-template-columns:minmax(0,1fr)}.dokteur-film{max-width:380px;max-height:75svh}}

/* Optional dark palette; original photography keeps its colours. */
.header-controls{display:flex;align-items:center;justify-self:end;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.theme-toggle{font:400 14px var(--mono);color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:24px;padding:10px 12px;min-height:44px;cursor:pointer;white-space:nowrap}
.theme-toggle:hover{border-color:var(--ink)}
:root[data-theme="dark"]{color-scheme:dark;--paper:#141416;--ink:#f2eee8;--muted:#bcb5ae;--line:rgba(242,238,232,.22);--red:#ff8294}
[data-theme="dark"] .topbar{background:rgba(20,20,22,.94)}
[data-theme="dark"] .intro,[data-theme="dark"] .rx-card p,[data-theme="dark"] .rx-card .ingredients,[data-theme="dark"] .menu-item p,[data-theme="dark"] .results-count{color:#c4bdb6}
[data-theme="dark"] .hero-visual{background:#202023}
[data-theme="dark"] .hero-visual:before{border-color:var(--line)}
[data-theme="dark"] .hero-logo{mix-blend-mode:normal;border-radius:8px}
[data-theme="dark"] .brand-mark{mix-blend-mode:normal;filter:grayscale(1) invert(1)}
[data-theme="dark"] .menu-section,[data-theme="dark"] .menu-tabs button,[data-theme="dark"] .skip-link{background:#1d1d20}
[data-theme="dark"] .menu-toolbar{background:rgba(29,29,32,.96)}
[data-theme="dark"] .menu-tabs button.active{background:var(--ink);color:var(--paper)}
[data-theme="dark"] .rx-card:hover{background:#252528}
[data-theme="dark"] .menu-item{border-color:var(--line)}
[data-theme="dark"] .search input{color:var(--ink)}
[data-theme="dark"] .search input::placeholder{color:#bcb5ae}
[data-theme="dark"] footer{background:#09090b;color:#f2eee8}
[data-theme="dark"] :focus-visible{outline-color:#ff8294}
@media(max-width:1280px){.topbar{grid-template-columns:minmax(0,1fr) auto}.nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap}.header-controls{grid-column:2;grid-row:1}.header-controls .lang{display:flex}}
@media(max-width:480px){.header-controls{gap:4px;max-width:190px}.theme-toggle{font-size:12px;padding:8px 10px}.header-controls .lang button{min-width:36px}.topbar{column-gap:8px}}


/* Figma art direction: three editorial compositions, one scroll narrative. */
.premium-experience{background:#0b0a0c;position:relative}
.experience-stage{position:relative;background:#f5f1eb;color:#121212;isolation:isolate}
.experience-masthead,.experience-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 6vw;font:400 11px var(--mono);letter-spacing:.14em;position:relative;z-index:5}
.experience-masthead>span:first-child{font:600 20px var(--sans);letter-spacing:-.05em}
.experience-chapter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:64px;padding:24px 6vw 48px;min-height:650px;background:#f5f1eb;color:#121212}
.chapter-2,.chapter-3{background:#0b0a0c;color:#f5f1eb}
.chapter-copy{min-width:0;position:relative;z-index:2}
.chapter-label{font:400 12px var(--mono);letter-spacing:.18em;color:#c92a2a;display:block;margin-bottom:28px}
.chapter-2 .chapter-label,.chapter-3 .chapter-label{color:#ff8294}
.chapter-title{font:600 clamp(48px,5.7vw,92px)/1.1 var(--sans);letter-spacing:-.055em;margin:0 0 28px;max-width:530px;text-wrap:balance;overflow-wrap:normal}
.chapter-description{font:500 clamp(16px,1.55vw,22px)/1.5 var(--sans);max-width:390px;margin:0;text-wrap:pretty}
.chapter-media{height:min(65svh,600px);min-height:300px;perspective:1400px;min-width:0}
.chapter-media img{width:100%;height:100%;object-fit:contain;border-radius:4px;transform-origin:50% 50%}
.experience-progress{display:flex;align-items:center;gap:26px}
.experience-progress>div{display:flex;gap:8px;width:110px}
.experience-progress i{height:2px;flex:1;background:currentColor;opacity:.25;transform-origin:left}
.experience-skip{padding:10px 0;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.experience-skip:focus-visible{outline-color:#ff5478}
/* The static layout is the no-JavaScript and reduced-motion version. */
.gsap-experience .experience-stage{height:calc(100svh - var(--experience-top,94px));min-height:420px;max-height:1000px;overflow:hidden}
.gsap-experience .experience-masthead{position:absolute;top:0;left:0;right:0;color:var(--experience-ink,#121212)}
.gsap-experience .experience-footer{position:absolute;bottom:0;left:0;right:0;color:var(--experience-ink,#121212)}
.gsap-experience .experience-chapter{position:absolute;inset:0;min-height:0;padding-top:80px;padding-bottom:92px}
.gsap-experience .chapter-media{height:min(65svh,600px);min-height:0;max-height:100%}
.motion-enabled .gallery figure{perspective:1200px}
.motion-enabled .gallery figure img{transition:none}
.motion-enabled .hero-visual{perspective:1400px}
@media(max-width:980px){
 .experience-chapter{gap:30px}
 .chapter-title{font-size:clamp(42px,6.3vw,70px)}
}
@media(max-width:760px){
 .experience-masthead,.experience-footer{padding:22px;font-size:10px;letter-spacing:.06em;gap:12px}
 .experience-masthead>span:first-child{font-size:16px}
 .experience-masthead>span:last-child{max-width:160px;text-align:right;line-height:1.5}
 .experience-chapter{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding:40px 22px 50px}
 .chapter-title{font-size:clamp(35px,9.5vw,58px);max-width:100%;margin-bottom:12px;line-height:1.06}
 .chapter-label{font-size:10px;margin-bottom:12px}
 .chapter-description{font-size:15px;max-width:100%}
 .chapter-media{height:46svh;min-height:220px}
 .gsap-experience .experience-stage{min-height:480px;max-height:none}
 .gsap-experience .experience-chapter{grid-template-rows:auto minmax(0,1fr);align-content:center;gap:16px;padding:80px 22px 68px}
 .gsap-experience .chapter-media{height:100%;min-height:0;max-height:40svh}
 .experience-progress{gap:12px}
 .experience-progress>div{width:65px;gap:5px}
 .experience-skip{font-size:10px}
}
@media(max-height:650px) and (min-width:761px){
 .gsap-experience .experience-stage{min-height:350px}
 .chapter-title{font-size:48px}
 .chapter-media{max-height:55svh}
 .chapter-label{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){
 .premium-experience .experience-stage{height:auto;max-height:none;overflow:visible}
 .experience-chapter{position:relative!important;visibility:visible!important;opacity:1!important;clip-path:none!important}
 .chapter-media img,.chapter-title{transform:none!important;opacity:1!important}
}

html.gsap-experience{scroll-behavior:auto}

.chapter-title{white-space:pre-line}

/* Selected direction: Le dossier de nuit. Real menu, tactile glass, red neon. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dossier-design .topbar{padding:20px 3.5vw;background:#100c0c;color:#f7f0e5;border-color:rgba(247,240,229,.16);grid-template-columns:minmax(200px,1fr) auto minmax(240px,1fr);gap:24px}
.dossier-design .brand{gap:16px;font-size:16px;letter-spacing:.18em}
.dossier-design .brand-mark{filter:grayscale(1) invert(1);mix-blend-mode:screen;flex-basis:48px;width:48px;height:56px}
.dossier-design .nav{grid-column:auto;grid-row:auto;gap:28px;font:500 16px var(--sans);letter-spacing:.04em;text-transform:none}
.dossier-design .nav a{padding:10px 0}
.dossier-design .header-controls{gap:28px;flex-wrap:nowrap}
.dossier-design .lang{gap:10px;font-size:13px}
.dossier-design .lang button{min-width:30px;min-height:40px}
.dossier-design .theme-toggle{display:flex;gap:22px;align-items:center;justify-content:center;min-width:94px;min-height:40px;padding:10px 16px;color:#f7f0e5;border-color:#837b72;background:transparent}
.dossier-design .theme-toggle img{width:17px;height:17px;filter:invert(1);opacity:.45}
.dossier-design .theme-toggle img:first-child{opacity:1}
.dossier-design .theme-toggle[aria-pressed="true"] img:first-child{opacity:.4}
.dossier-design .theme-toggle[aria-pressed="true"] img:nth-child(2){opacity:1}
.dossier-design .draft-banner{min-height:38px;font-weight:500;letter-spacing:.025em}
.dossier-design .dossier-hero{display:grid;grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);min-height:calc(100svh - 135px);position:relative;background:#100b0b;color:#f7f0e5;border:0;padding:50px 3.5vw 105px;isolation:isolate;overflow:hidden;column-gap:0}
.dossier-neon{position:absolute;z-index:-2;right:-22%;top:0;width:66%;height:100%;object-fit:contain;opacity:.88;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 30%)}
.dossier-watermark{position:absolute;top:10px;left:3.5vw;right:0;color:transparent;-webkit-text-stroke:1px rgba(247,240,229,.09);font:600 clamp(70px,12.4vw,190px)/1 var(--sans);letter-spacing:-.075em;white-space:nowrap;z-index:-1;pointer-events:none}
.dossier-design .dossier-hero .hero-copy{padding:65px 12px 45px 0;min-height:0;justify-content:center;align-items:flex-start;z-index:2;pointer-events:none}
.dossier-hero .hero-copy>*{pointer-events:auto}
.dossier-design .dossier-hero .eyebrow{color:#ff4058;font-size:13px;letter-spacing:.21em;margin:0 0 28px}
.dossier-design .dossier-hero h1{font:600 clamp(48px,5.15vw,82px)/1.05 var(--sans);letter-spacing:-.05em;white-space:pre-line;max-width:100%;margin:0 0 28px;overflow-wrap:normal}
.dossier-design .dossier-hero .intro{font:400 clamp(20px,2vw,29px)/1.4 var(--sans);color:#f7f0e5;max-width:440px;margin:0 0 52px;text-wrap:pretty}
.dossier-design .dossier-hero .hero-actions{gap:14px;flex-wrap:wrap;align-items:center}
.dossier-design .dossier-hero .btn{font:600 14px/1.25 var(--sans);letter-spacing:0;text-transform:none;padding:16px 18px;border-color:#f7f0e5;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#f7f0e5;min-height:52px}
.dossier-design .dossier-hero .btn.primary{background:#f7f0e5;color:#100b0b}
.dossier-design .dossier-hero .btn img{width:16px;height:16px;flex-shrink:0}
.prescription-stage{display:grid;place-items:center start;perspective:1400px;position:relative;min-width:0;z-index:1;padding:0 0 0 4px}
.prescription-sheet{position:relative;width:min(100%,580px);aspect-ratio:.98;transform:rotateX(3deg) rotateY(-8deg) rotateZ(3deg);transform-style:preserve-3d;isolation:isolate;background:rgba(38,20,17,.62);border-radius:28px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45));color:#f7f0e5}
.prescription-material{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;z-index:-1;pointer-events:none}
.prescription-content{position:relative;padding:8.5% 9%;height:100%;display:flex;flex-direction:column}
.prescription-content h2{font:500 clamp(12px,1.5vw,21px)/1.35 var(--mono);letter-spacing:.16em;margin:0;padding:0 0 28px;border-bottom:1px solid #ff3e54;white-space:nowrap}
#heroPrescriptions{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}
.prescription-row{display:block;border-bottom:1px solid #ff3e54;padding:26px 0 28px;transition:background-color .2s,color .2s}
.prescription-row:hover{background:rgba(255,255,255,.045);color:#fff}
.prescription-row:focus-visible{outline:2px solid #ff8798;outline-offset:8px;border-radius:1px}
.prescription-row-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.prescription-row-heading strong{font:600 clamp(20px,2.1vw,31px)/1.15 var(--sans);letter-spacing:-.03em}
.prescription-row-heading>span{font:400 clamp(18px,1.65vw,25px)/1.2 var(--mono);white-space:nowrap}
.prescription-description{display:block;font:400 clamp(11px,.98vw,15px)/1.6 var(--mono);letter-spacing:.01em;margin-top:16px;color:#f5e9df}
.prescription-full{display:inline-flex;gap:10px;align-items:center;font:400 clamp(12px,1.25vw,18px)/1.4 var(--mono);letter-spacing:.02em;text-decoration:underline;text-underline-offset:7px;align-self:flex-start;margin-top:26px;min-height:44px}
.prescription-full img{width:18px;height:18px;filter:invert(1)}
.dossier-baseline{position:absolute;bottom:0;left:3.5vw;right:3.5vw;border-top:1px solid rgba(247,240,229,.5);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0 24px;color:#f7f0e5;font:400 12px/1.5 var(--mono);letter-spacing:.055em}
.dossier-baseline p{margin:0;font:400 italic 20px/1.4 var(--sans);letter-spacing:-.03em}
.dossier-design .hero-copy .btn:hover{background:#ffdfd6;color:#100b0b;transform:translateY(-2px)}
@media(min-width:1600px){.dossier-design .dossier-hero{min-height:850px}.prescription-sheet{width:710px}}
@media(max-width:1190px){
 .dossier-design .topbar{grid-template-columns:minmax(190px,1fr) auto;gap:8px 20px;padding:12px 3.5vw}
 .dossier-design .nav{grid-row:2;grid-column:1/-1;justify-content:center;gap:38px;padding:0;font-size:14px}
 .dossier-design .header-controls{grid-row:1;grid-column:2;gap:20px}
 .dossier-design .dossier-hero{padding-top:65px;min-height:calc(100svh - 180px)}
 .dossier-design .dossier-hero h1{font-size:5.4vw}
 .dossier-design .dossier-hero .intro{font-size:22px;margin-bottom:36px}
 .prescription-content{padding:8%}
 .prescription-content h2{padding-bottom:18px}
 .prescription-row{padding:20px 0}
 .prescription-description{font-size:12px;margin-top:10px}
 .prescription-row-heading strong{font-size:23px}
 .prescription-row-heading>span{font-size:19px}
}
@media(max-width:900px){
 .dossier-design .dossier-hero{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);padding-bottom:110px;min-height:730px}
 .dossier-design .dossier-hero h1{font-size:5.6vw}
 .dossier-design .dossier-hero .intro{font-size:20px}
 .prescription-sheet{aspect-ratio:.83}
 .prescription-row-heading strong{font-size:20px}
 .prescription-description{font-size:11px}
 .prescription-content h2{font-size:12px}
 .prescription-full{font-size:12px}
 .dossier-baseline{font-size:10px}
}
@media(max-width:700px){
 .dossier-design .topbar{padding:10px 20px;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
 .dossier-design .brand{gap:8px;font-size:12px;letter-spacing:.14em}
 .dossier-design .brand-mark{width:34px;height:40px;flex-basis:34px}
 .dossier-design .header-controls{gap:10px;max-width:none;align-items:center}
 .dossier-design .theme-toggle{min-width:44px;width:44px;min-height:40px;padding:10px;gap:0}
 .dossier-design .theme-toggle img:nth-child(2){display:none}
 .dossier-design .theme-toggle img:first-child{opacity:1}
 .dossier-design .lang{font-size:11px;gap:1px}
 .dossier-design .lang button{min-width:29px;min-height:40px}
 .dossier-design .nav{font-size:13px;gap:28px;flex-wrap:nowrap;justify-content:space-between}
 .dossier-design .nav a{padding:8px 0}
 .dossier-design .dossier-hero{display:flex;flex-direction:column;padding:74px 22px 36px;min-height:0;overflow:hidden}
 .dossier-design .dossier-hero .hero-copy{padding:0;min-height:0;max-width:100%}
 .dossier-design .dossier-hero .eyebrow{font-size:11px;margin-bottom:24px}
 .dossier-design .dossier-hero h1{font-size:clamp(40px,11.4vw,64px);margin-bottom:24px;line-height:1.08}
 .dossier-design .dossier-hero .intro{font-size:20px;margin-bottom:30px;max-width:360px}
 .dossier-design .dossier-hero .hero-actions{gap:10px;flex-wrap:wrap}
 .dossier-design .dossier-hero .btn{font-size:13px;padding:14px;min-height:48px}
 .dossier-watermark{font-size:20vw;top:18px;left:22px}
 .dossier-neon{width:115%;height:650px;right:-40%;top:80px;opacity:.32;object-fit:contain}
 .prescription-stage{place-items:center;padding:0;margin:48px -2px 32px;min-width:0}
 .prescription-sheet{width:100%;max-width:510px;min-width:0;aspect-ratio:auto;min-height:480px;transform:rotateX(0deg) rotateY(-3deg) rotateZ(1deg)}
 .prescription-content{padding:8% 8% 7%}
 .prescription-content h2{font-size:clamp(10px,2.8vw,14px);letter-spacing:.1em;padding-bottom:18px}
 .prescription-row{padding:20px 0}
 .prescription-row-heading{gap:12px}
 .prescription-row-heading strong{font-size:clamp(18px,5.1vw,24px);line-height:1.15}
 .prescription-row-heading>span{font-size:16px}
 .prescription-description{font-size:11px;line-height:1.65;margin-top:9px}
 .prescription-full{font-size:12px;margin-top:18px;min-height:40px}
 .prescription-full img{width:14px;height:14px}
 .dossier-baseline{position:relative;inset:auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 0 0;font-size:10px}
 .dossier-baseline p{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.prescription-sheet{transform:none!important}.dossier-neon{transform:none!important}.dossier-design .hero-copy .btn:hover{transform:none}}

/* Signature orbit + flavour laboratory */
#heroPrescriptions[hidden]{display:none!important}
.dossier-design .dossier-hero{grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);min-height:760px;background:radial-gradient(ellipse at 75% 50%,#3b1529 0,transparent 56%),#100b0b}
.dossier-design .dossier-hero .hero-copy{padding-top:35px}
.dossier-design .dossier-hero h1{font-size:clamp(46px,5.6vw,86px)}
.dossier-watermark{opacity:.035}
.dossier-neon{opacity:.32;right:-15%;width:65%;mix-blend-mode:screen}
.orbit-stage{align-self:center;min-width:0;position:relative;padding:10px 0 28px;color:#fff4eb}
.orbit-heading{display:flex;justify-content:space-between;gap:15px;font:11px/1.5 var(--mono);letter-spacing:.15em;padding:0 6%;color:#dec5c9}
.orbit-space{height:380px;position:relative;perspective:950px;touch-action:pan-y;outline-offset:-8px}
.orbit-cards{position:absolute;inset:0;transform-style:preserve-3d}
.orbit-ring{position:absolute;width:90%;height:70%;border:1px solid #f9c2cc30;border-radius:50%;left:5%;top:16%;transform:rotateX(66deg) rotateZ(-16deg);pointer-events:none;box-shadow:0 0 50px #e8517020,inset 0 0 35px #e8517010}
.ring-two{transform:rotateX(69deg) rotateZ(22deg);width:96%;left:2%;top:25%;opacity:.5}
.orbit-drink{position:absolute;left:50%;top:50%;width:240px;height:350px;border:0;padding:0;background:none;cursor:pointer;transform:translate(-50%,-50%) translateX(calc(var(--slot)*150px)) translateZ(calc(var(--depth)*-120px)) rotateY(calc(var(--slot)*-22deg)) scale(calc(1 - var(--depth)*.14));opacity:calc(1 - var(--depth)*.32);transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .65s;filter:drop-shadow(0 15px 35px #08030780);-webkit-tap-highlight-color:transparent}
.cocktail-glass,.real-cocktail{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.orbit-drink[data-offset="0"] .cocktail-glass{animation:cocktail-float 6s ease-in-out infinite}
@keyframes cocktail-float{50%{transform:translateY(-10px) rotate(2deg)}}
.orbit-selector{display:flex;align-items:center;justify-content:center;gap:22px;position:relative;z-index:6;margin-top:-5px}
.orbit-selector button{border:1px solid #c99ba35c;background:#20121b;color:#fff4eb;width:48px;height:48px;border-radius:50%;font-size:21px;cursor:pointer;transition:background .2s,transform .2s}
.orbit-selector button:hover{background:#782337;transform:scale(1.06)}
.orbit-summary{min-width:0;width:260px;text-align:center}.orbit-summary h2{font:500 23px/1.3 var(--sans);letter-spacing:-.04em;margin:0 0 6px}.orbit-summary span{font:13px/1.5 var(--mono);color:#e1b9ca}
.orbit-hint,.illustration-note{font:10px/1.6 var(--mono);text-align:center;color:#c9adb8;margin:19px 0 0}.illustration-note{font-size:9px;margin-top:12px;opacity:.8}
.orbit-explore{display:table;margin:18px auto 0;font:12px/1.5 var(--mono);text-decoration:underline;text-underline-offset:5px;color:#fff4eb}
.alchemy-section{position:relative;height:190vh;background:radial-gradient(ellipse at 75% 45%,#2e1220,transparent 65%),#120e10;color:#fff1e8;scroll-margin-top:130px}
.alchemy-sticky{position:sticky;top:105px;min-height:calc(100svh - 105px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:55px 7vw;overflow:hidden}
.alchemy-copy{position:relative;z-index:2;max-width:520px}.alchemy-copy .eyebrow{color:#ef798e;font:11px/1.5 var(--mono);letter-spacing:.15em}.alchemy-copy h2{font:500 clamp(40px,5.1vw,75px)/1.06 var(--sans);letter-spacing:-.055em;margin:25px 0}.alchemy-copy>p{font:18px/1.7 var(--sans);color:#d1bbc2}
#alchemyDrink{margin-top:28px;font:15px/1.6 var(--mono);color:#fff2e9}
.alchemy-steps{display:flex;gap:20px;margin:30px 0 25px;font:10px/1.5 var(--mono)}.alchemy-steps span{opacity:.4;border-top:2px solid;padding-top:12px;flex:1;transition:opacity .3s}.alchemy-steps .active{opacity:1;color:#ff899b}
.assembly-label{display:block;font:11px/1.6 var(--mono);margin-bottom:8px}#assemblyControl{width:100%;height:28px;accent-color:#ff839c;cursor:ew-resize;display:block}.alchemy-copy .assembly-hint{font:10px/1.6 var(--mono);margin:6px 0 25px}.alchemy-copy .btn{font:12px/1.4 var(--mono);background:#f7ece3;color:#160e13;border-color:#f7ece3;padding:15px 18px;display:inline-flex}
.alchemy-scene{height:490px;position:relative;perspective:1000px;min-width:0}
.alchemy-halo{position:absolute;inset:16% -8% 6%;border-radius:50%;background:radial-gradient(ellipse,var(--drink-color),transparent 65%);opacity:.12;transform:rotateX(55deg);filter:blur(20px)}
#alchemyGlass{position:absolute;inset:30px 20%;height:420px;transform-style:preserve-3d;will-change:transform}
.ingredient-chip{position:absolute;left:50%;top:48%;white-space:nowrap;border:1px solid #d8afbf60;background:#281923ed;backdrop-filter:blur(14px);border-radius:30px;padding:12px 17px;font:11px/1.5 var(--mono);color:#ffecdf;box-shadow:0 6px 30px #07020740;pointer-events:none}
.alchemy-stamp{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:10px/1.5 var(--mono);letter-spacing:.25em;color:#b992a4;border-top:1px solid #75505c;padding:18px 35px;white-space:nowrap}
@media(min-width:1600px){.orbit-space{height:480px}.orbit-drink{width:290px;height:420px}}
@media(max-width:1000px){.dossier-design .dossier-hero{grid-template-columns:1fr 1fr;min-height:720px}.orbit-drink{width:205px;height:310px;transform:translate(-50%,-50%) translateX(calc(var(--slot)*110px)) translateZ(calc(var(--depth)*-130px)) rotateY(calc(var(--slot)*-22deg))}.orbit-summary h2{font-size:18px}.orbit-selector{gap:9px}.orbit-summary{width:215px}.orbit-heading{font-size:9px}.alchemy-sticky{padding:45px 5vw;gap:3vw}.ingredient-chip{font-size:10px;padding:9px 12px}}
@media(max-width:700px){.dossier-design .dossier-hero{display:flex;min-height:0;padding:55px 22px 30px;overflow:hidden}.dossier-design .dossier-hero h1{font-size:clamp(46px,12vw,68px);margin-bottom:20px}.dossier-design .dossier-hero .intro{font-size:18px;margin-bottom:25px}.dossier-design .dossier-hero .hero-copy{padding-top:15px}.orbit-stage{width:100%;margin:45px 0 28px;padding-bottom:10px}.orbit-space{height:330px}.orbit-drink{width:205px;height:310px}.orbit-heading{padding:0;font-size:9px}.orbit-selector{gap:12px}.orbit-selector button{width:44px;height:44px;flex-shrink:0}.orbit-summary{width:200px}.orbit-summary h2{font-size:19px}.dossier-baseline{margin-top:10px}.dossier-neon{height:800px;width:140%;right:-60%;top:70px;opacity:.25}.alchemy-section{height:auto;scroll-margin-top:130px}.alchemy-sticky{position:relative;top:auto;display:flex;flex-direction:column;min-height:0;gap:12px;padding:55px 24px 40px}.alchemy-copy{max-width:100%;width:100%}.alchemy-copy h2{font-size:46px;max-width:350px}.alchemy-copy>p{font-size:16px}.alchemy-steps{gap:12px;margin:23px 0}.alchemy-scene{width:100%;height:420px}#alchemyGlass{inset:20px 16%;height:350px}.ingredient-chip{font-size:9px;padding:9px}.alchemy-stamp{bottom:0}.alchemy-halo{inset:15% -10% 7%}}
@media(prefers-reduced-motion:reduce){.orbit-drink,.orbit-selector button{transition:none}.orbit-drink[data-offset="0"] .cocktail-glass{animation:none}.alchemy-section{height:auto}.alchemy-sticky{position:relative;top:auto;min-height:650px}}

/* Shared appearance controls: equal language choices and a complete light theme. */
.dossier-design .header-controls .lang{display:flex;flex-wrap:nowrap;gap:3px;align-items:center}
.dossier-design .header-controls .lang button{width:34px;min-width:34px;min-height:44px;padding:6px 0;opacity:1;font:400 12px/1 var(--mono);text-decoration:none;position:relative}
.dossier-design .lang button.active::after{content:"";position:absolute;bottom:7px;height:1px;left:8px;right:8px;background:currentColor}
.dossier-design .theme-toggle img{opacity:1}
.dossier-design .theme-toggle[aria-pressed="true"] img:first-child{opacity:.45}
.dossier-design .theme-toggle[aria-pressed="false"] img:nth-child(2){opacity:.45}
html:not([data-theme="dark"]) .dossier-design .topbar{background:#f5f1eb;color:#221817;border-color:#d6ccc3}
html:not([data-theme="dark"]) .dossier-design .theme-toggle{color:#221817;border-color:#8f8076}
html:not([data-theme="dark"]) .dossier-design .theme-toggle img{filter:none}
html:not([data-theme="dark"]) .dossier-design .dossier-hero{background:#f1e9df;color:#241b19}
html:not([data-theme="dark"]) .dossier-design .dossier-hero .intro{color:#55413d}
html:not([data-theme="dark"]) .dossier-design .dossier-hero .eyebrow{color:#a82039}
html:not([data-theme="dark"]) .dossier-design .dossier-hero .btn{color:#241b19;border-color:#6e5d52}
html:not([data-theme="dark"]) .dossier-design .dossier-hero .btn.primary{background:#271c1a;color:#fff5e9}
html:not([data-theme="dark"]) .dossier-design .dossier-hero .btn.primary img{filter:invert(1)}
html:not([data-theme="dark"]) .dossier-neon{opacity:.1;mix-blend-mode:multiply}
html:not([data-theme="dark"]) .dossier-watermark{-webkit-text-stroke-color:#846a5550;opacity:1}
html:not([data-theme="dark"]) .orbit-stage{color:#271c1a}
html:not([data-theme="dark"]) .orbit-heading,html:not([data-theme="dark"]) .orbit-summary span,html:not([data-theme="dark"]) .orbit-hint,html:not([data-theme="dark"]) .illustration-note{color:#70514f}
html:not([data-theme="dark"]) .orbit-selector button{background:#e7d8cd;color:#271c1a;border-color:#ad928b}
html:not([data-theme="dark"]) .orbit-explore{color:#582333}
html:not([data-theme="dark"]) .dossier-baseline{color:#46312c;border-color:#af9c8f}
html:not([data-theme="dark"]) .alchemy-section{background:#eee5da;color:#271c1a}
html:not([data-theme="dark"]) .alchemy-copy>p{color:#69534e}
html:not([data-theme="dark"]) #alchemyDrink{color:#4e282e}
html:not([data-theme="dark"]) .alchemy-copy .eyebrow,html:not([data-theme="dark"]) .alchemy-steps .active{color:#a5213d}
html:not([data-theme="dark"]) .ingredient-chip{background:#fff8efeb;border-color:#bba39b;color:#482d29}
html:not([data-theme="dark"]) .alchemy-copy .btn{background:#271c1a;color:#fff5eb}
@media(max-width:700px){.dossier-design .header-controls{gap:8px}.dossier-design .header-controls .lang{gap:0}.dossier-design .header-controls .lang button{width:31px;min-width:31px}.dossier-design .theme-toggle[aria-pressed="true"] img:first-child{display:none}.dossier-design .theme-toggle[aria-pressed="true"] img:nth-child(2){display:block;opacity:1}}
/* One photographic scene, with independent horizontal and vertical gestures. */
.dossier-design .dossier-hero{--expansion:0;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);min-height:calc(100svh - 130px);background:#100b09;padding:22px 3.5vw 90px;column-gap:0}
.dossier-design .dossier-hero .hero-copy{justify-content:center;align-self:stretch;padding:70px 0 50px;z-index:5}
.dossier-design .dossier-hero h1{font-size:clamp(48px,5.4vw,82px);line-height:1.04;letter-spacing:-.06em;margin-bottom:30px}
.dossier-design .dossier-hero .intro{font-size:clamp(18px,2vw,27px);max-width:480px;margin-bottom:45px}
.dossier-design .dossier-hero .hero-actions .ghost{display:none}
.dossier-watermark{font-size:13.1vw;opacity:1;top:18px;letter-spacing:-.06em;-webkit-text-stroke-color:#e6bd9a20}
.dossier-neon{width:65%;right:-19%;height:90%;top:-10%;opacity:.44;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 15%);mix-blend-mode:screen}
.orbit-stage{width:100%;align-self:center;padding:0 0 12px;margin-top:0;z-index:3}
.orbit-heading{position:absolute;bottom:150px;left:8%;right:8%;justify-content:center;z-index:8;pointer-events:none;color:#f7e6db;font-size:11px}
#orbitIndex{position:absolute;right:-8%;bottom:-70px;font-size:10px}
.orbit-space{height:570px;touch-action:none;cursor:grab;position:relative;perspective:1200px;isolation:isolate}
.orbit-space:active{cursor:grabbing}
.orbit-cards{inset:0;position:absolute;transform-style:preserve-3d}
.orbit-drink{height:520px;width:min(100%,530px);top:auto;bottom:0;left:50%;padding:0;border:0;background:transparent;transform:translateX(calc(-50% + var(--slot)*255px)) translateY(calc(var(--depth)*35px + var(--expansion)*90px)) translateZ(calc(var(--depth)*-220px)) rotateY(calc(var(--slot)*-12deg)) scale(calc(1 - var(--depth)*.57 - var(--expansion)*.35));transform-origin:center 80%;opacity:calc(1 - var(--depth)*.28 - var(--depth)*var(--expansion)*.6);filter:blur(calc(var(--depth)*1.4px)) drop-shadow(0 25px 22px #0006);transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .35s,filter .35s}
.real-cocktail{display:block;object-fit:contain;width:100%;height:100%;pointer-events:none;user-select:none}
.floating-ingredients{position:absolute;z-index:8;height:390px;width:300px;top:0;left:50%;transform:translateX(-50%) translateY(calc((1 - var(--expansion))*150px));transform-origin:center bottom;transition:transform .45s ease,opacity .3s;pointer-events:none}
.floating-ingredients img{width:100%;height:100%;object-fit:contain}
.orbit-selector{position:relative;margin:20px auto 0;gap:25px;z-index:10;max-width:650px}
.orbit-summary{width:390px}.orbit-summary h2{font-size:clamp(23px,2.6vw,39px);font-weight:400;margin:0 0 6px;line-height:1.15}.orbit-summary span{font-size:19px;line-height:1.3;color:#f8eadf}
.orbit-selector button{background:transparent;border-color:#bbaa98;width:44px;height:44px;flex-shrink:0}
.orbit-selector button img{filter:invert(1)}#orbitPrev img{transform:rotate(-135deg)}#orbitNext img{transform:rotate(45deg)}
.orbit-hint{font-size:10px;max-width:520px;margin:20px auto 0;color:#e3cfbf;text-wrap:balance;line-height:1.7}
.vertical-controls{display:flex;justify-content:center;gap:12px;margin:15px 0 0;position:relative;z-index:10}.vertical-controls button{min-height:40px;padding:6px 12px;border:1px solid #a9927d5c;border-radius:0;background:#100b0920;color:inherit;cursor:pointer;font:10px/1.5 var(--mono)}.vertical-controls button[aria-pressed="true"]{border-color:#f4dfcd}
.composition-recipe{font:11px/1.6 var(--mono);text-align:center;max-width:500px;margin:10px auto 0;min-height:18px;transition:opacity .3s;color:inherit}
.orbit-explore{margin:7px auto 0;font-size:10px;min-height:30px;align-content:center}.illustration-note{font-size:9px;margin:4px auto 0;max-width:500px}
.dossier-baseline{padding:18px 0 20px}.dossier-baseline p{font-size:18px}
html:not([data-theme="dark"]) .orbit-selector button img{filter:none}
html:not([data-theme="dark"]) .orbit-selector button{background:transparent}
html:not([data-theme="dark"]) .orbit-heading,html:not([data-theme="dark"]) .orbit-hint,html:not([data-theme="dark"]) .orbit-summary span{color:#5a3f35}
html:not([data-theme="dark"]) .vertical-controls button{background:#f3eadf;color:#43291f;border-color:#b89f8c}
html:not([data-theme="dark"]) .vertical-controls button[aria-pressed="true"]{border-color:#6e3f31}
@media(min-width:1600px){.orbit-space{height:650px}.orbit-drink{height:600px;width:600px}.floating-ingredients{height:440px}}
@media(max-width:1100px) and (min-width:701px){.orbit-space{height:480px}.orbit-drink{height:420px;max-width:420px;transform:translateX(calc(-50% + var(--slot)*175px)) translateY(calc(var(--depth)*35px + var(--expansion)*70px)) translateZ(calc(var(--depth)*-220px)) scale(calc(1 - var(--depth)*.57 - var(--expansion)*.35))}.floating-ingredients{height:310px;width:260px}.dossier-design .dossier-hero{min-height:750px}.dossier-design .dossier-hero h1{font-size:5.5vw}.orbit-heading{bottom:166px}.orbit-summary h2{font-size:26px}}
@media(max-width:700px){.dossier-design .dossier-hero{display:flex;flex-direction:column;padding:40px 22px 30px;min-height:0}.dossier-design .dossier-hero .hero-copy{padding:25px 0 0;min-height:0}.dossier-design .dossier-hero h1{font-size:clamp(40px,11vw,65px);margin-bottom:20px}.dossier-design .dossier-hero .intro{font-size:18px;margin-bottom:22px;max-width:340px}.dossier-design .dossier-hero .eyebrow{font-size:10px;margin-bottom:18px}.orbit-stage{margin:28px -10px 18px;width:calc(100% + 20px)}.orbit-space{height:465px}.orbit-drink{height:425px;width:370px;max-width:100%;transform:translateX(calc(-50% + var(--slot)*150px)) translateY(calc(var(--depth)*40px + var(--expansion)*65px)) translateZ(calc(var(--depth)*-200px)) scale(calc(1 - var(--depth)*.59 - var(--expansion)*.39))}.floating-ingredients{height:325px;width:240px;top:0}.orbit-heading{bottom:169px;font-size:9px}.orbit-summary{width:220px}.orbit-summary h2{font-size:24px}.orbit-summary span{font-size:16px}.orbit-selector{gap:8px;margin-top:15px}.orbit-hint{font-size:9px;padding:0 12px;max-width:320px}.dossier-baseline{margin-top:15px}.dossier-neon{width:160%;right:-76%;height:800px;top:130px;opacity:.25}.dossier-watermark{top:10px;font-size:20vw}.composition-recipe{max-width:320px;padding:0 8px;font-size:10px;min-height:32px}.vertical-controls{gap:8px}.vertical-controls button{font-size:9px}.illustration-note{font-size:8px}#orbitIndex{right:0;bottom:-80px;font-size:8px}.ingredients-open .hero-copy{min-height:0}}
@media(prefers-reduced-motion:reduce){.orbit-drink,.floating-ingredients,.composition-recipe{transition:none}}
/* Fit the complete interaction into the opening composition. */
.orbit-heading{position:relative;inset:auto;margin:8px 0 0;display:flex;justify-content:center;font-size:10px;line-height:1.4}
#orbitIndex{position:absolute;right:0;bottom:0;font-size:9px}
.orbit-space{height:clamp(340px,46svh,550px)}
.orbit-drink{height:clamp(320px,43svh,520px)}
.floating-ingredients{height:clamp(250px,31svh,370px)}
.orbit-selector{margin-top:10px}.orbit-summary h2{font-size:clamp(23px,2.5vw,38px)}
.orbit-hint{margin-top:14px}.vertical-controls{margin-top:9px}.vertical-controls button{min-height:36px}
.composition-recipe{min-height:0;max-height:0;overflow:hidden;margin:0 auto;transition:opacity .3s,max-height .3s,margin .3s}
.ingredients-open .composition-recipe{max-height:55px;margin-top:8px}
.illustration-note{display:none}
.dossier-design .dossier-hero{min-height:calc(100svh - 135px);padding-top:20px;padding-bottom:85px}
@media(max-width:700px){.orbit-space{height:420px}.orbit-drink{height:390px}.floating-ingredients{height:300px}.orbit-heading{position:relative;inset:auto;margin-top:8px;font-size:9px}#orbitIndex{right:0;bottom:0}.dossier-design .dossier-hero{padding-top:30px;padding-bottom:30px}.orbit-selector{margin-top:12px}.orbit-summary h2{font-size:23px}.ingredients-open .composition-recipe{max-height:75px}}
html:not([data-theme="dark"]) .dossier-design .brand-mark{filter:grayscale(1);mix-blend-mode:multiply}
html:not([data-theme="dark"]) .dossier-neon{mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%)}
.orbit-space{user-select:none;-webkit-user-select:none}
.dossier-design .dossier-neon{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;mask-image:none;mix-blend-mode:normal}
html:not([data-theme="dark"]) .dossier-design .dossier-neon{opacity:.065;mask-image:none;mix-blend-mode:multiply}
.orbit-stage{scroll-margin-top:calc(var(--header-offset,105px) + 12px)}
@media(min-width:701px){.orbit-drink{height:clamp(360px,49svh,560px)}}
.dossier-hero{overflow-anchor:none}
.ingredients-open .orbit-heading{opacity:0}
@media(min-width:701px){
 .orbit-space{height:clamp(420px,52svh,620px)}
 .orbit-drink{height:clamp(420px,55svh,650px)}
 .ingredients-open .orbit-space{height:600px}
 .ingredients-open .floating-ingredients{height:370px;width:340px}
 .ingredients-open .orbit-drink{transform:translateX(calc(-50% + var(--slot)*255px)) translateY(calc(var(--depth)*35px + 35px)) translateZ(calc(var(--depth)*-220px)) rotateY(calc(var(--slot)*-12deg)) scale(calc(.82 - var(--depth)*.57));opacity:calc(1 - var(--depth)*.9)}
}

/* Tactile editorial motion: full-bleed film, optical glass and spatial chapters. */
.film-frame{width:min(100%,420px);aspect-ratio:512/910;justify-self:center;overflow:hidden;border-radius:22px;position:relative;isolation:isolate;box-shadow:0 28px 70px #0005;transform-origin:center}
.film-frame .dokteur-film{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:0;background:transparent;transform:none!important}
.film-section{perspective:1500px}
.prescriptions{--rx-paper:#f9f6f1;--rx-edge:rgba(75,51,40,.22);--rx-reflect:rgba(255,255,255,.9)}
[data-theme="dark"] .prescriptions{--rx-paper:#211d20;--rx-edge:rgba(255,187,176,.22);--rx-reflect:rgba(255,240,228,.38)}
.signature-grid{gap:22px;border:0;perspective:1600px}
.rx-card{padding:0;border:0;background:transparent;perspective:1100px;transition:none;isolation:isolate;--shine-x:-180%;--shine-opacity:0}
.rx-card:hover,[data-theme="dark"] .rx-card:hover{background:transparent;box-shadow:none}
.rx-surface{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;padding:30px;border:1px solid var(--rx-edge);border-radius:22px;background:var(--rx-paper);box-shadow:inset 0 1px 0 #fff2,0 18px 38px #0000000c;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden}
.rx-surface::after{content:"";position:absolute;inset:-50% -15%;background:linear-gradient(115deg,transparent 34%,var(--rx-reflect) 47%,#ffffff18 52%,transparent 65%);transform:translateX(var(--shine-x)) rotate(-12deg);opacity:var(--shine-opacity);pointer-events:none;z-index:3;mix-blend-mode:screen}
.rx-surface .rx-heading{align-items:center;padding-bottom:18px;border-bottom:1px solid var(--rx-edge)}
.rx-surface h3{font-size:clamp(26px,2.6vw,36px);margin-top:32px;margin-bottom:16px}
.rx-surface p{margin:0 0 24px;line-height:1.6}
.rx-surface .ingredients{line-height:1.75;padding-top:22px}
.experience-stage{perspective:1800px}
.experience-wordmark{position:absolute;left:-3%;top:10%;white-space:nowrap;font:600 clamp(100px,23vw,360px)/1 var(--sans);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px var(--experience-ink,#121212);opacity:.065;pointer-events:none;z-index:1}
.experience-chapter{background:transparent}
.chapter-1{background:#f5f1eb}
.chapter-2,.chapter-3{background:#0b0a0c}
.chapter-media{position:relative;overflow:hidden;border-radius:18px;transform-style:preserve-3d;--chapter-shine:-180%;isolation:isolate}
.chapter-media img{border-radius:18px;box-shadow:0 28px 45px #0003;backface-visibility:hidden}
.chapter-media::after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(115deg,transparent 35%,#ffffff38 48%,transparent 62%);transform:translateX(var(--chapter-shine));pointer-events:none;mix-blend-mode:screen;opacity:.55}
.gsap-experience .experience-stage{overflow:clip}
.experience-masthead>span:first-child{letter-spacing:.14em;font:500 16px var(--mono)}
@media(max-width:760px){.film-frame{width:min(100%,380px)}.signature-grid{gap:18px}.rx-surface{padding:26px}.chapter-media img{border-radius:14px}.chapter-media::after{border-radius:14px}.experience-wordmark{top:33%;font-size:30vw}}
@media(prefers-reduced-motion:reduce){.rx-card,.rx-surface,.film-frame{transform:none!important}.rx-surface::after,.chapter-media::after{display:none}.experience-wordmark{display:none}}

/* Two independent photographic carousels: no pinned scroll sequence. */
.rx-surface::after{background:linear-gradient(115deg,transparent 25%,#fff1 37%,var(--rx-reflect) 46%,#fff9 49%,var(--rx-reflect) 52%,#fff1 60%,transparent 72%)}
[data-theme="dark"] .prescriptions{--rx-reflect:rgba(255,240,228,.65)}
.scene-carousel{position:relative;display:block;background:#0b0a0c;color:#f5f1eb;padding:38px 0 42px;isolation:isolate;overflow:hidden}
.scene-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 6vw 28px;font:400 12px/1.6 var(--mono);letter-spacing:.1em}
.scene-header>span:first-child{font-size:18px;letter-spacing:.16em}
.scene-viewport{height:720px;height:clamp(500px,60svh,720px);position:relative;perspective:1600px;touch-action:pan-y;cursor:grab;outline-offset:-5px;user-select:none;-webkit-user-select:none;overflow:hidden}
.scene-track{position:absolute;inset:0;transform-style:preserve-3d}
.scene-carousel .scene-slide{position:absolute;left:50%;top:12px;bottom:18px;width:min(72%,760px);min-width:0;margin:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff25;border-radius:34px;background:#111013;box-shadow:0 24px 50px #0007;transform:translateX(calc(-50% + var(--scene-slot,0)*90% + var(--scene-drag,0px))) translateZ(calc(var(--scene-depth,0)*-260px)) rotateY(calc(var(--scene-slot,0)*-24deg));opacity:clamp(0,calc(1 - var(--scene-depth,0)*.43),1);transition:transform 850ms cubic-bezier(.22,.7,.16,1),opacity 650ms,filter 650ms;filter:brightness(.55);backface-visibility:hidden}
.scene-carousel .scene-slide.is-current{filter:brightness(1);box-shadow:0 24px 70px #0009,0 0 0 1px #ff49631c}
.scene-media{flex:1;min-height:0;padding:16px 16px 0;background:#0b0a0c}
.scene-media img{height:100%;width:100%;object-fit:contain;border-radius:22px;pointer-events:none}
.scene-caption{padding:24px 30px 28px;flex:none}
.scene-kicker{font:400 11px/1.6 var(--mono);letter-spacing:.18em;color:#ff8d9f}
.scene-caption h2{font:600 clamp(28px,3vw,42px)/1.1 var(--sans);letter-spacing:-.04em;white-space:normal;margin:12px 0}
.scene-caption p{font:400 16px/1.55 var(--sans);margin:0;max-width:540px;color:#d3c8cb}
.scene-controls{display:flex;align-items:center;justify-content:center;gap:28px;padding:22px 20px 0}
.scene-controls button{display:grid;place-items:center;width:48px;height:48px;background:#ffffff08;border:1px solid #ffffff50;border-radius:50%;cursor:pointer;transition:background .25s,transform .25s}
.scene-controls button:hover{background:#ff496326;transform:scale(1.06)}
.scene-controls img{width:18px;height:18px;filter:invert(1)}
.scene-prev img{transform:rotate(-135deg)}.scene-next img{transform:rotate(45deg)}
.scene-count{min-width:70px;text-align:center;font:400 12px/1.6 var(--mono);letter-spacing:.1em}
.scene-hint{text-align:center;padding:0 22px;margin:16px 0 0;font:400 12px/1.6 var(--mono);color:#c9bfc3}
.scene-menu{display:block;text-align:center;margin:22px auto 0;width:fit-content;text-decoration:underline;text-underline-offset:5px;font:400 12px/1.6 var(--mono)}
.is-dragging .scene-slide{transition:none!important}.is-dragging .scene-viewport{cursor:grabbing}
.gallery.scene-carousel{grid-template-rows:none;grid-template-columns:none;padding-top:48px}
.photo-carousel .scene-viewport{height:clamp(520px,70svh,760px)}
.gallery.scene-carousel .scene-slide{width:min(66%,620px);grid-column:auto;grid-row:auto;top:10px;bottom:14px}
.gallery.scene-carousel .scene-slide img{flex:1;min-height:0;height:100%;object-fit:contain;padding:16px 16px 0;border-radius:30px;transform:none;transition:none}
.gallery.scene-carousel figcaption{position:static;inset:auto;max-width:none;width:auto;background:transparent;padding:24px 28px;font:400 12px/1.6 var(--mono);letter-spacing:.1em;color:#f5f1eb;flex:none;opacity:1;transform:none}
@media(max-width:700px){.scene-carousel{padding-top:28px}.scene-header{padding:0 22px 20px;font-size:9px;letter-spacing:.035em}.scene-header>span:first-child{font-size:15px}.scene-viewport{height:520px;perspective:1000px}.scene-carousel .scene-slide{width:85%;border-radius:27px;transform:translateX(calc(-50% + var(--scene-slot,0)*92% + var(--scene-drag,0px))) translateZ(calc(var(--scene-depth,0)*-170px)) rotateY(calc(var(--scene-slot,0)*-18deg))}.scene-media{padding:10px 10px 0}.scene-media img{border-radius:18px}.scene-caption{padding:22px}.scene-caption h2{font-size:29px}.scene-caption p{font-size:15px}.scene-controls{gap:24px;padding-top:16px}.scene-hint{font-size:10px}.photo-carousel .scene-viewport{height:500px}.gallery.scene-carousel .scene-slide{width:83%}.gallery.scene-carousel .scene-slide img{padding:10px 10px 0;border-radius:24px}.gallery.scene-carousel figcaption{padding:22px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.scene-carousel .scene-slide,.scene-controls button{transition:none!important}.scene-carousel{opacity:1!important;transform:none!important}}

/* Focus follows the photographic carousel's continuous drag position. */
.scene-carousel .scene-slide,.scene-carousel .scene-slide.is-current{opacity:var(--scene-fade,1);filter:blur(var(--scene-blur,0px)) brightness(var(--scene-light,1));transition:transform 850ms cubic-bezier(.22,.7,.16,1),opacity 850ms cubic-bezier(.22,.7,.16,1),filter 850ms cubic-bezier(.22,.7,.16,1)}
@media(prefers-reduced-motion:reduce){.scene-carousel .scene-slide,.scene-carousel .scene-slide.is-current{transition:none!important}}

/* Selected finishing direction: shallow suspended planes and satin edges. */
.planes-design .editorial-flow{--planes-ink:#211c1d;--planes-line:#624b4436;--planes-card:#eee5dd;background:#eee9e3;color:var(--planes-ink);position:relative;isolation:isolate}
[data-theme="dark"] .planes-design .editorial-flow{--planes-ink:#f5f1eb;--planes-line:#e8b2ac36;--planes-card:#181216;background:#100d10 url('images/satin-charcoal.webp') center top / cover no-repeat}
.planes-design .editorial-flow .prescriptions,.planes-design .editorial-flow .scene-carousel{background:transparent;color:var(--planes-ink)}
.planes-design .prescriptions{padding-bottom:100px}
.planes-design .rx-surface{border-color:var(--planes-line);border-radius:26px;box-shadow:inset 0 1px 0 #ffffff12,0 18px 40px #00000018}
[data-theme="dark"] .planes-design .rx-surface{background:#171216 url('images/satin-charcoal.webp') center / cover;background-blend-mode:screen}
.planes-design .experience-carousel{padding-top:20px;padding-bottom:76px}
.planes-design .scene-slide{color:#f5f1eb;border-radius:36px;border-color:#efb0a23b;background:#100e11;box-shadow:inset 0 1px 0 #ffe6d51c,0 22px 54px #0008}
.planes-design .scene-slide.is-current{box-shadow:inset 1px 1px 0 #ffe2ce70,inset 0 0 0 1px #ed8f8430,0 26px 65px #0008}
.planes-design .experience-carousel .scene-media{display:flex;justify-content:center;align-items:center;background:transparent;padding:16px 16px 0;overflow:hidden}
.planes-design .experience-carousel .scene-media img{height:100%;width:auto;max-width:100%;border-radius:16px;box-shadow:0 10px 28px #0004}
.planes-design .scene-caption{padding:24px 30px 30px;background:transparent}
.planes-design .scene-caption h2{font-size:clamp(28px,3vw,40px)}
.planes-design .scene-controls button{border-color:var(--planes-line);background:#ffffff08}
.planes-design .scene-hint{color:var(--planes-ink);opacity:.75}
.planes-design .scene-menu{opacity:.85}
.planes-design .menu-section{position:relative;margin:-10px 26px 0;padding:76px 5vw 90px;isolation:isolate;border:1px solid var(--planes-line);border-radius:48px;background:#f5f0e9;color:var(--planes-ink);box-shadow:0 -12px 50px #0000000b,inset 0 1px 0 #fff5;z-index:2}
[data-theme="dark"] .planes-design .menu-section{background:#1b1419 url('images/satin-charcoal.webp') center top / cover;background-blend-mode:screen;box-shadow:0 -18px 60px #0003,inset 0 1px 0 #f5c8bd20}
.planes-design .menu-section .section-head .eyebrow{display:inline-block;padding-left:18px;border-left:2px solid var(--red)}
.planes-design .menu-section .section-head h2{font-size:clamp(44px,5.8vw,88px);letter-spacing:-.055em}
.planes-design .menu-toolbar{background:transparent!important;border-top-color:var(--planes-line);padding-top:20px}
.planes-design .menu-tabs button{border-radius:8px;background:transparent;border-color:var(--planes-line)}
.planes-design .menu-item{border-bottom-color:var(--planes-line)}
.planes-design .menu-note{padding-top:14px;margin-top:18px}
.planes-design .photo-carousel{padding-top:76px;padding-bottom:70px}
.planes-design .gallery.scene-carousel .scene-slide{border-radius:34px}
.planes-design .panel-image,.planes-design .visit-image{overflow:hidden}
.planes-design .panel-image img,.planes-design .visit-image img{border-radius:20px}
.planes-design .visit{border-radius:36px 36px 0 0;overflow:hidden}
.planes-design footer>div:first-child{display:flex;align-items:center;gap:12px}
.planes-design footer .brand-mark{width:34px;height:40px;flex-basis:34px}
.privacy-open{grid-column:1/-1;justify-self:start;background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:5px;font:400 12px/1.6 var(--mono);cursor:pointer;opacity:.75}
#privacyPanel{border:1px solid var(--line);border-radius:26px;padding:32px;max-width:620px;width:calc(100% - 36px);max-height:85svh;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0007;line-height:1.65}
#privacyPanel::backdrop{background:#080608ab;backdrop-filter:blur(6px)}
#privacyPanel form{text-align:right;margin:0 0 12px}
#privacyPanel h2{font-size:32px;line-height:1.1;letter-spacing:-.04em;margin:20px 0}
#privacyPanel dt{font-weight:700;margin:24px 0 8px}
#privacyPanel dd{margin:0;color:var(--muted)}
#privacyPanel button{border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit;padding:12px 16px;cursor:pointer;font:500 13px/1.4 var(--sans)}
#privacyPanel small{font:400 11px/1.6 var(--mono);color:var(--muted)}
.privacy-status{font-size:13px}
html:not([data-theme="dark"]) .planes-design .scene-controls img{filter:none}
@media(max-width:700px){.planes-design .prescriptions{padding-bottom:64px}.planes-design .experience-carousel{padding-bottom:58px}.planes-design .menu-section{margin:-8px 12px 0;padding:52px 22px 64px;border-radius:30px}.planes-design .menu-section .section-head h2{font-size:42px}.planes-design .scene-slide{border-radius:28px}.planes-design .scene-caption{padding:22px}.planes-design .photo-carousel{padding-top:56px}.planes-design .visit{border-radius:26px 26px 0 0}#privacyPanel{padding:24px}#privacyPanel h2{font-size:28px}}

.planes-design .scene-slide::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 140px 2px at 45px 0,#ffe6cb9c,transparent),radial-gradient(ellipse 2px 100px at 0 36px,#ffe6cb60,transparent);opacity:0;transition:opacity .7s}.planes-design .scene-slide.is-current::before{opacity:1}

/* Ease into the cocktail interaction without snapping page position or layout. */
.orbit-space{transition:height .8s cubic-bezier(.22,1,.36,1)}
.floating-ingredients{transition:transform .45s ease,opacity .3s,height .8s cubic-bezier(.22,1,.36,1),width .8s cubic-bezier(.22,1,.36,1)}
.orbit-heading{transition:opacity .4s ease}
.orbit-settling .orbit-drink{transition:filter .35s}
.orbit-settling .floating-ingredients{transition:height .8s cubic-bezier(.22,1,.36,1),width .8s cubic-bezier(.22,1,.36,1)}
@media(min-width:701px){
 .orbit-space{--orbit-shift:255px}
 .ingredients-open .orbit-drink{transform:translateX(calc(-50% + var(--slot)*var(--orbit-shift,255px))) translateY(calc(var(--depth)*35px + var(--expansion)*35px)) translateZ(calc(var(--depth)*-220px)) rotateY(calc(var(--slot)*-12deg)) scale(calc(1 - var(--depth)*.57 - var(--expansion)*.18));opacity:calc(1 - var(--depth)*.28 - var(--depth)*var(--expansion)*.62)}
 .orbit-drink{transform:translateX(calc(-50% + var(--slot)*var(--orbit-shift,255px))) translateY(calc(var(--depth)*35px + var(--expansion)*35px)) translateZ(calc(var(--depth)*-220px)) rotateY(calc(var(--slot)*-12deg)) scale(calc(1 - var(--depth)*.57 - var(--expansion)*.18));opacity:calc(1 - var(--depth)*.28 - var(--depth)*var(--expansion)*.62)}
}
@media(prefers-reduced-motion:reduce){.orbit-space,.floating-ingredients,.orbit-heading,.orbit-drink{transition:none!important}}

@media(min-width:701px) and (max-width:1100px){.orbit-space{--orbit-shift:175px}}

/* Persistent cocktail objects travel through depth; focus follows their angle. */
.dossier-design .orbit-drink{--orbit-shift:255px;--orbit-expand-scale:.18;transition:none!important;transform:translateX(calc(-50% + var(--slot)*var(--orbit-shift))) translateY(calc(var(--depth)*35px + var(--expansion)*35px)) translateZ(calc(var(--depth)*-240px)) rotateY(calc(var(--slot)*-12deg)) scale(max(.22,calc(1 - var(--depth)*.57 - var(--expansion)*var(--orbit-expand-scale))));opacity:var(--orbit-opacity,1)!important;filter:blur(var(--orbit-blur,0px)) brightness(var(--orbit-light,1)) drop-shadow(0 25px 22px #0006)!important;will-change:transform,filter}
@media(min-width:701px) and (max-width:1100px){.dossier-design .orbit-drink{--orbit-shift:175px}}
@media(max-width:700px){.dossier-design .orbit-drink{--orbit-shift:150px;--orbit-expand-scale:.35}}
@media(prefers-reduced-motion:reduce){.dossier-design .orbit-drink{will-change:auto}}