/* SavoyBräu: one place, two beers, one family. */
.immersive-savoy{--motion-ease:cubic-bezier(.22,1,.36,1)}
.immersive-savoy header{border-radius:0;background:#0b251ed9;border:0;border-bottom:1px solid #f4edcd35;box-shadow:none;left:40px;right:40px;padding:10px 0;backdrop-filter:blur(12px)}
.immersive-savoy .hero{height:max(780px,100svh);max-height:none;isolation:isolate;background:#11271c}
.immersive-savoy .hero-bg{will-change:transform;transform:scale(1.06);animation:landscape-in 1.8s var(--motion-ease) backwards}
.immersive-savoy .hero-shade{background:linear-gradient(90deg,#0c251ce6,#162c2050 72%),linear-gradient(0deg,#0d251ba6,transparent 50%)}
.immersive-savoy .hero-copy{top:31%;left:5%;right:30%;animation:hero-enter 1.15s var(--motion-ease) both}
.immersive-savoy .hero-copy h1{font-size:clamp(84px,10.5vw,165px);line-height:.92;letter-spacing:-.035em}
.immersive-savoy .hero-copy .eyebrow{font-size:9px;letter-spacing:.16em}
.immersive-savoy .hero-lead{font-size:13px;margin:30px 0 27px;line-height:1.9}
.hero-pickup{display:inline-block;font-size:10px;padding:14px 0;margin-left:23px;border-bottom:1px solid #f4eed566}
.immersive-savoy .hero-tasting{bottom:100px;right:5%;width:235px;transform:rotate(3deg);border-radius:0;padding:7px;background:#efe5ce}
.immersive-savoy .hero-tasting img{height:180px;border-radius:0}.immersive-savoy .hero-tasting:hover{transform:rotate(0) translateY(-6px)}
.immersive-savoy .seal{top:26%;right:8%;width:120px;height:120px}
.page-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;z-index:110;pointer-events:none}
.immersive-savoy .ticker{padding:20px 0}.immersive-savoy .intro{padding:140px 0}.immersive-savoy .intro-grid{grid-template-columns:1.3fr 1fr;align-items:end;gap:100px}
.immersive-savoy .statement{font-size:clamp(65px,7vw,108px);line-height:.98;letter-spacing:-.04em}.immersive-savoy .statement em{display:block;margin-top:8px}
.immersive-savoy .beers{border-radius:0;background:#ece6d7;padding:110px 0 70px}.immersive-savoy .section-top h2{font-size:clamp(60px,6.5vw,95px);line-height:1}
.beer-experience{display:grid;grid-template-columns:1.35fr 1fr;min-height:620px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.beer-stage{position:relative;overflow:hidden;min-height:620px;background:#10281c}.beer-stage>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:42% 50%;transition:transform 1.1s var(--motion-ease),filter .8s}
.beer-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a211eda,transparent 60%);pointer-events:none}
.stage-word{position:absolute;top:16px;left:28px;font:clamp(70px,9vw,130px)/1 'Instrument Serif',serif;letter-spacing:-.05em;color:#f8ebc9;z-index:1;transition:opacity .2s,transform .5s}
.stage-caption{position:absolute;left:28px;bottom:100px;font-size:7px;letter-spacing:.12em;color:#eee9cf;z-index:1}
.beer-switch{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;display:flex;border:1px solid #ece4c64d;padding:5px;backdrop-filter:blur(14px);background:#0f291ba6}
.beer-switch button{flex:1;min-height:48px;background:transparent;color:var(--cream);font-size:11px;transition:background .4s,color .4s}
.beer-switch button[aria-pressed=true]{background:var(--gold);color:var(--deep)}
.beer-details{padding:60px 50px;display:flex;flex-direction:column;justify-content:center;background:#f2dfab;transition:background .65s,color .65s}
.beer-details h3{font-size:clamp(60px,7vw,100px);line-height:1;letter-spacing:-.035em}.beer-details>p:not(.eyebrow){font-size:12px;max-width:310px;line-height:1.9;margin:26px 0 0}
.beer-price{display:flex;align-items:center;gap:22px;margin:40px 0 25px;border-top:1px solid currentColor;padding-top:25px}.beer-price strong{font:50px/1 'Instrument Serif',serif}.beer-price>span{font-size:9px;line-height:1.7}
.beer-details .button{width:100%;justify-content:space-between}.beer-details .beer-delivery{font-size:10px!important;opacity:.8}.beer-experience[data-tone=dunkel] .beer-details{background:#173b2e;color:var(--cream)}
.beer-experience[data-tone=dunkel] .beer-details .button{color:var(--cream);border-color:#e8dfb76b}.beer-experience[data-tone=dunkel] .beer-stage>img{transform:scale(1.09);object-position:60% 50%;filter:brightness(.8)}
.immersive-savoy .product-note{padding-top:22px;font-size:9px}.immersive-savoy .family{gap:100px;padding:150px 0}.immersive-savoy .family-image>img{height:700px;border-radius:0;clip-path:inset(0 0 0 0 round 220px 220px 0 0)}
.immersive-savoy .family-copy h2{font-size:clamp(55px,6vw,86px);line-height:1}.immersive-savoy .family-copy p:not(.eyebrow){font-size:13px;line-height:1.95}
.immersive-savoy .craft{padding:100px 0 70px;overflow:visible}.craft-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.craft-sticky{position:sticky;top:130px;padding-bottom:60px}
.craft-frame{position:relative;height:570px;overflow:hidden;background:#1a3022}.craft-frame img{width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .7s var(--motion-ease);transform:scale(1.02)}
.craft-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a221aad,transparent 40%);pointer-events:none}.craft-count{position:absolute;left:25px;bottom:25px;z-index:1;font-size:11px;letter-spacing:.2em}.craft-photo-note{font-size:7px;letter-spacing:.13em;margin-top:17px;color:#d9dcc9}
.craft-chapters article{min-height:620px;padding:120px 0 80px;display:flex;flex-direction:column;justify-content:center}.chapter-number{font-size:9px;letter-spacing:.14em;color:var(--gold);margin-bottom:30px}.craft-chapters h2{font-size:clamp(60px,6.8vw,96px);line-height:.98;letter-spacing:-.025em}.craft-chapters p{font-size:12px;color:#c8d1bd;line-height:1.9;max-width:340px;margin-top:28px}.craft-chapters .text-link{align-self:start}
.immersive-savoy .regional{border-radius:0;min-height:580px;display:flex;align-items:center;color:#f2eddc;background:#112b20;isolation:isolate}.regional-landscape{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 65%;filter:brightness(.37)}
.immersive-savoy .regional .big-hop{color:#eee5bd35;width:280px;top:20%;}.immersive-savoy .regional h2{font-size:clamp(70px,8.4vw,120px);line-height:.98}.immersive-savoy .regional .eyebrow{color:var(--gold)}
.immersive-savoy .order{padding:140px 0;gap:90px;align-items:start}.immersive-savoy .order-copy{position:sticky;top:140px}.immersive-savoy .order h2{font-size:clamp(60px,5.8vw,86px);line-height:1}.immersive-savoy .order form{border-radius:0;background:#ece7d9;box-shadow:none;border-top:3px solid var(--forest)}
.immersive-savoy .order-info{border-radius:0;background:#e8e4d5}.immersive-savoy .visit-card{border-radius:0}.immersive-savoy .footer-word{font-size:clamp(75px,19.4vw,320px);line-height:1.15}
.immersive-savoy a:focus-visible,.immersive-savoy button:focus-visible{outline:3px solid #ba722e;outline-offset:6px}.immersive-savoy .craft a:focus-visible,.immersive-savoy .craft button:focus-visible{outline-color:#f5d98e}
.motion-ready .story-reveal{opacity:0;transform:translateY(35px);transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease)}.motion-ready .story-reveal.in-view{opacity:1;transform:none}
@keyframes landscape-in{from{transform:scale(1.15)}to{transform:scale(1.06)}}
@media(max-width:1000px){.immersive-savoy .hero-copy{right:22%}.immersive-savoy .hero-copy h1{font-size:11vw}.hero-pickup{margin-left:16px}.beer-details{padding:40px 30px}.craft-story{gap:50px}.craft-frame{height:500px}.immersive-savoy .intro-grid,.immersive-savoy .family,.immersive-savoy .order{gap:50px}}
@media(max-width:650px){.immersive-savoy header{left:20px;right:20px;top:42px;padding:8px 0}.immersive-savoy header.scrolled{top:8px;background:#102b20f5}.immersive-savoy nav{top:65px;border-radius:0}.immersive-savoy .hero{height:800px;min-height:800px}.immersive-savoy .hero-copy{top:195px;left:22px;right:20px}.immersive-savoy .hero-copy h1{font-size:clamp(63px,19vw,100px);line-height:.95}.immersive-savoy .hero-copy .eyebrow{font-size:7px;letter-spacing:.09em}.immersive-savoy .hero-lead{font-size:11px;margin:25px 0 23px}.hero-pickup{margin:13px 0 0;display:block;width:max-content;font-size:10px}.immersive-savoy .hero-tasting{width:140px;right:27px;bottom:55px;padding:5px}.immersive-savoy .hero-tasting img{height:84px}.immersive-savoy .hero-tasting strong{font-size:24px}.immersive-savoy .seal{top:auto;bottom:85px;left:25px;right:auto;width:94px;height:94px}.immersive-savoy .hero-bottom{bottom:20px;font-size:7px}.immersive-savoy .hero-bottom a{display:none}
.immersive-savoy .intro{padding:85px 0}.immersive-savoy .intro-grid{grid-template-columns:1fr;gap:35px}.immersive-savoy .statement{font-size:clamp(49px,14.3vw,80px)}.immersive-savoy .large-copy{font-size:20px}.immersive-savoy .beers{padding:75px 0 55px}.immersive-savoy .section-top h2{font-size:64px}.beer-experience{grid-template-columns:1fr}.beer-stage{min-height:440px}.stage-word{font-size:100px;top:20px;left:20px}.stage-caption{left:20px;font-size:6px;bottom:90px}.beer-switch{left:20px;right:20px;bottom:20px}.beer-details{padding:38px 25px}.beer-details h3{font-size:70px}.beer-details>p:not(.eyebrow){max-width:none}.beer-price{margin:25px 0}.immersive-savoy .family{padding:90px 0;gap:40px}.immersive-savoy .family-image>img{height:480px}.immersive-savoy .family-copy h2{font-size:58px}.immersive-savoy .family-copy p:not(.eyebrow){font-size:12px}.immersive-savoy .craft{padding:75px 0 40px}.craft-story{grid-template-columns:1fr;gap:0}.craft-sticky{position:relative;top:0;padding-bottom:0}.craft-frame{height:380px}.craft-chapters article{min-height:0;padding:65px 0 45px;border-bottom:1px solid #f5ead22b}.craft-chapters h2{font-size:68px}.craft-chapters p{max-width:none}.immersive-savoy .regional{min-height:470px}.immersive-savoy .regional h2{font-size:60px}.immersive-savoy .order{padding:85px 0;gap:35px}.immersive-savoy .order-copy{position:static}.immersive-savoy .order h2{font-size:60px}.immersive-savoy .footer-word{font-size:19vw}.immersive-savoy .family-stamp{width:120px;height:120px}}
@media(prefers-reduced-motion:reduce){.immersive-savoy *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.immersive-savoy .hero-bg{transform:none!important}.story-reveal{opacity:1!important;transform:none!important}}

.chapter-mobile-image{display:none}@media(max-width:650px){.craft-sticky{display:none}.chapter-mobile-image{display:block;width:100%;height:360px;object-fit:cover;margin-bottom:35px}.craft-chapters article{padding:20px 0 55px}.craft-chapters article+article{padding-top:45px}}

/* Gerald's review: give navigation its own breathing room; never flush-cut the brand. */
.immersive-savoy header{left:clamp(16px,3.2vw,48px);right:clamp(16px,3.2vw,48px);width:auto;max-width:1420px;margin-inline:auto;padding:12px 22px;border:1px solid #f5ebca38;border-radius:16px;gap:24px;background:#10271ee8;box-shadow:0 10px 32px #08201724}
.immersive-savoy .brand-combo{flex-shrink:0;min-width:0}.immersive-savoy header nav{gap:clamp(14px,1.8vw,30px)}.immersive-savoy header nav a{white-space:nowrap}.immersive-savoy .nav-cta{padding:12px 17px}
.immersive-savoy .beer-scroll-scene{display:block;min-height:0;height:1280px;padding:90px 0;overflow:clip}.region-stage{position:sticky;top:125px;display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:65px;min-height:560px}.region-copy{position:relative;z-index:1}.immersive-savoy .beer-scroll-scene h2{font-size:clamp(68px,7.5vw,110px);line-height:1}.immersive-savoy .beer-scroll-scene .big-hop{display:none}
.scroll-beer{margin:0;position:relative;max-width:330px;width:100%;justify-self:center;filter:drop-shadow(0 20px 35px #071c1970)}.scroll-beer svg{width:100%;height:500px;display:block}.scroll-beer figcaption{text-align:center;font-size:8px;letter-spacing:.22em;color:#e8d6a2;margin-top:8px}#beer-bubbles{transform-origin:center;transition:opacity .12s}
@media(max-width:1000px){.immersive-savoy header nav{display:none}.immersive-savoy header .menu{display:block;background:transparent;color:var(--cream);font-size:11px;min-height:44px;padding:8px}.immersive-savoy header nav.open{display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:stretch;padding:25px;background:#f5f0e5;color:#153b2b;border-radius:12px;box-shadow:0 20px 50px #071c1970}.immersive-savoy header nav.open a{color:#153b2b}.region-stage{gap:30px}.scroll-beer svg{height:420px}}
@media(max-width:650px){.immersive-savoy header{left:16px;right:16px;top:43px;padding:9px 12px;border-radius:12px;gap:10px}.immersive-savoy header.scrolled{top:9px}.immersive-savoy .brand-combo{gap:10px}.immersive-savoy .brand-combo .brand{font-size:27px}.immersive-savoy .beer-scroll-scene{height:1100px;padding:55px 0}.region-stage{top:110px;grid-template-columns:1fr;gap:18px;min-height:0}.immersive-savoy .beer-scroll-scene h2{font-size:clamp(48px,13vw,64px);line-height:1.02}.immersive-savoy .beer-scroll-scene .eyebrow{margin-bottom:16px}.immersive-savoy .beer-scroll-scene p:not(.eyebrow){font-size:11px;line-height:1.7;margin:15px 0}.region-copy .coordinate{font-size:7px}.scroll-beer{max-width:240px}.scroll-beer svg{height:340px}.scroll-beer figcaption{font-size:7px;margin-top:0}}
@media(prefers-reduced-motion:reduce){.immersive-savoy .beer-scroll-scene{height:auto;padding:80px 0}.region-stage{position:relative;top:0}}

.global-scroll-beer{position:fixed;right:9px;bottom:16px;width:63px;height:116px;z-index:45;pointer-events:none;filter:drop-shadow(0 2px 3px #061b16) drop-shadow(0 0 12px #102a20aa);isolation:isolate}.global-scroll-beer svg{display:block;width:100%;height:100%}.global-scroll-beer:before{content:"";position:absolute;z-index:-1;inset:4px 5px;background:#11271dcc;border-radius:50%;filter:blur(12px)}@media(max-width:650px){.global-scroll-beer{right:3px;bottom:12px;width:42px;height:84px;opacity:.92}}

/* Whole-journey polish from current premium reference research. */
.immersive-savoy #nav a:not(.nav-cta){position:relative;padding-block:8px}.immersive-savoy #nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--motion-ease)}.immersive-savoy #nav a.chapter-active:after{transform:scaleX(1)}.immersive-savoy #nav a.chapter-active{color:#f3d28c}
.beer-experience[data-tone=dunkel] .beer-stage>img,.beer-stage>img{transform:translateX(var(--beer-pan,0px)) scale(var(--beer-scale,1.055))}.craft-frame .craft-layer{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity .55s var(--motion-ease),transform 1.2s var(--motion-ease)}.craft-frame .craft-layer.current{opacity:1;transform:scale(1.02)}.immersive-savoy .family-image>img{transition:object-position .3s linear}.immersive-savoy .contact{padding-top:100px;padding-bottom:120px}.immersive-savoy .contact h2{font-size:clamp(58px,6.2vw,92px)}.immersive-savoy .contact form input:focus,.immersive-savoy .contact form textarea:focus,.immersive-savoy .order form input:focus,.immersive-savoy .order form textarea:focus{border-bottom-color:#966421;outline-color:#966421}.immersive-savoy .footer-word{padding-block:15px}
@media(max-width:650px){.immersive-savoy .contact{padding-top:75px;padding-bottom:85px}.immersive-savoy .contact h2{font-size:56px}.immersive-savoy #nav a.chapter-active{color:#153b2b}.immersive-savoy #nav a:not(.nav-cta):after{background:#8b6526}}
@media(prefers-reduced-motion:reduce){.beer-experience .beer-stage>img{transform:none!important}.craft-frame .craft-layer{transform:none!important}.craft-frame .craft-layer.current{opacity:1}}

/* Audit polish: touch controls and legal links remain comfortable. */
.immersive-savoy .stepper{flex-shrink:0}.immersive-savoy .stepper button{width:44px;height:44px}.immersive-savoy .quantity label{max-width:calc(100% - 140px);font-size:12px;line-height:1.5}.immersive-savoy .footer-bottom a{display:inline-flex;align-items:center;min-height:44px;font-size:11px}.immersive-savoy dialog .close{width:44px;height:44px}.immersive-savoy .form-note,.immersive-savoy form>small,.immersive-savoy .pickup small{font-size:10px}

.ambient-toggle{position:fixed;left:18px;bottom:17px;z-index:46;background:#10271eea;color:#f5ecd9;border:1px solid #ece0bc55;border-radius:30px;padding:10px 15px;font:10px Manrope,sans-serif;min-height:44px;box-shadow:0 3px 15px #081b1633}.ambient-toggle span{margin-left:12px;color:#e7b956}.ambient-toggle[aria-pressed=true]{border-color:#e7b956}@media(max-width:650px){.ambient-toggle{left:10px;bottom:12px;padding:9px 12px;font-size:9px}}

/* Final photographic journey: one persistent protagonist, independent mobile composition. */
.immersive-savoy .beer-scroll-scene{height:auto;min-height:580px;padding:105px 0;overflow:hidden}
.region-stage{position:relative;top:0;grid-template-columns:1fr;min-height:0}.region-copy{max-width:1000px}
.global-scroll-beer.photo-glass{width:84px;height:126px;right:8px;bottom:18px;filter:drop-shadow(0 3px 3px #0003);opacity:1;transform:none}
.global-scroll-beer.photo-glass:before{display:none}.photo-glass img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.photo-glass .glass-full{clip-path:inset(var(--glass-level,74%) 0 0);will-change:clip-path}
.immersive-savoy footer{padding-top:35px}.immersive-savoy .footer-logo{width:130px;height:140px;margin:22px auto 32px;object-fit:contain}
.immersive-savoy .footer-bottom{padding-bottom:120px}.immersive-savoy .wrap{min-width:0}.immersive-savoy h2{overflow-wrap:normal}
@media(max-width:650px){.immersive-savoy .beer-scroll-scene{min-height:450px;padding:70px 0}.region-stage{top:0}.global-scroll-beer.photo-glass{width:60px;height:90px;right:1px;bottom:calc(12px + env(safe-area-inset-bottom));}.ambient-toggle{bottom:calc(12px + env(safe-area-inset-bottom));}.immersive-savoy .footer-bottom{padding-bottom:115px}.immersive-savoy .quantity label{max-width:calc(100% - 125px)}.immersive-savoy .stepper input{width:30px}.immersive-savoy .stepper button{width:44px}.immersive-savoy .order form{padding:26px 18px}}
@media(max-width:360px){.immersive-savoy .hero-copy h1{font-size:57px}.immersive-savoy .statement{font-size:44px}.immersive-savoy .family-copy h2{font-size:48px}.immersive-savoy .order h2{font-size:48px}.immersive-savoy .contact h2{font-size:46px}.immersive-savoy .craft-chapters h2{font-size:56px}.immersive-savoy .visit h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){.photo-glass .glass-full{clip-path:none!important;will-change:auto}.craft-sticky{position:relative;top:0}.craft-chapters article{min-height:400px}}