@font-face{font-family:"Bluepresso Signature";src:url("fonts/alex-brush-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}

:root{
  --ink:#091327;
  --paper:#f4f7fb;
  --white:#fff;
  --blue:#2f74e9;
  --blue-2:#6bb6fc;
  --navy:#0d2c77;
  --electric:#125fff;
  --mist:#dbeaff;
  --coffee:#3a241b;
  --muted:#667085;
  --line:rgba(9,19,39,.14);
  --glass:rgba(247,251,255,.66);
  --glass-dark:rgba(8,24,57,.64);
  --shadow:0 24px 80px rgba(12,43,105,.16);
  --radius:28px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --serif:"Iowan Old Style","Palatino Linotype",Didot,Georgia,serif;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:hidden}
body.menu-open,body.search-open{overflow:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
::selection{background:var(--blue);color:white}

.skip-link{position:fixed;left:16px;top:-60px;z-index:12000;background:var(--ink);color:white;padding:12px 18px;border-radius:999px;transition:top .2s}
.skip-link:focus{top:16px}
.container{width:min(1440px,calc(100% - 64px));margin-inline:auto}
.narrow{width:min(920px,calc(100% - 48px));margin-inline:auto}
.section{padding:140px 0;position:relative}
.section-sm{padding:90px 0}
.section-dark{background:var(--ink);color:white}
.section-blue{background:var(--electric);color:white}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.display{font-size:clamp(62px,9.4vw,166px);line-height:.8;letter-spacing:-.075em;margin:0;font-weight:700}
.display em,.serif{font-family:var(--serif);font-weight:400}
.display em{font-size:1.08em}
.section-title{font-size:clamp(42px,6.4vw,104px);line-height:.92;letter-spacing:-.065em;margin:18px 0 28px;max-width:980px}
.section-lede{font-size:clamp(18px,2vw,28px);line-height:1.35;max-width:660px;color:var(--muted);letter-spacing:-.025em}
.section-dark .section-lede,.section-blue .section-lede{color:rgba(255,255,255,.7)}
.mono{font-family:var(--sans);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.muted{color:var(--muted)}
.rule{height:1px;background:var(--line);width:100%}

/* Persistent chrome */
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:10020;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--blue-2),var(--electric),#86d5ff)}
.site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:10000;width:min(1460px,calc(100% - 36px));pointer-events:none}
.nav-shell{height:68px;padding:8px 10px 8px 16px;border:1px solid rgba(255,255,255,.48);border-radius:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:rgba(246,250,255,.68);box-shadow:0 16px 44px rgba(7,32,88,.13),inset 0 1px rgba(255,255,255,.86);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);pointer-events:auto;transition:background .35s,box-shadow .35s,transform .35s var(--ease)}
.site-header.scrolled .nav-shell{background:rgba(246,250,255,.82);box-shadow:0 12px 36px rgba(7,32,88,.18)}
.brand{display:flex;align-items:center;gap:11px;width:max-content;font-weight:750;letter-spacing:-.03em}
.brand img{width:35px;height:35px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(24,78,176,.18))}
.brand-name{font-size:20px}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{position:relative;padding:12px 14px;border-radius:15px;font-size:13px;font-weight:650;color:#3f4a5d;transition:color .25s,background .25s,transform .25s}
.nav-link:hover,.nav-link.active{color:var(--ink);background:rgba(255,255,255,.76);transform:translateY(-1px)}
.nav-link.active::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--electric);left:50%;bottom:5px}
.nav-actions{display:flex;justify-content:flex-end;gap:7px}
.icon-btn{width:48px;height:48px;border-radius:16px;border:1px solid rgba(8,31,77,.1);background:rgba(255,255,255,.54);display:grid;place-items:center;cursor:pointer;transition:transform .28s var(--ease),background .25s,box-shadow .25s}
.icon-btn:hover{transform:translateY(-2px) rotate(-2deg);background:white;box-shadow:0 10px 22px rgba(10,44,108,.12)}
.icon-btn svg{width:20px;height:20px}
.menu-btn{width:auto;padding:0 18px;grid-auto-flow:column;gap:8px;background:var(--ink);color:white;border-color:var(--ink)}
.menu-btn:hover{background:var(--electric)}

.menu-panel{position:fixed;inset:0;z-index:9990;pointer-events:none;visibility:hidden}
.menu-panel.open{pointer-events:auto;visibility:visible}
.menu-backdrop{position:absolute;inset:0;background:rgba(4,13,34,.3);backdrop-filter:blur(8px);opacity:0;transition:opacity .45s}
.menu-panel.open .menu-backdrop{opacity:1}
.menu-drawer{position:absolute;right:0;top:0;height:100%;width:min(720px,100%);padding:120px 58px 44px;background:linear-gradient(145deg,#0b2d82,#125fff 65%,#68b8ff);color:white;transform:translateX(105%);transition:transform .7s var(--ease);overflow:hidden;box-shadow:-40px 0 120px rgba(5,21,55,.28)}
.menu-panel.open .menu-drawer{transform:none}
.menu-drawer::before,.menu-drawer::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18);width:460px;height:460px;right:-190px;top:-120px}
.menu-drawer::after{width:280px;height:280px;right:-60px;top:-20px}
.menu-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:30px;height:100%}
.menu-nav{align-self:center;display:flex;flex-direction:column}
.menu-nav a{font-size:clamp(42px,7vw,82px);line-height:1;letter-spacing:-.06em;padding:5px 0;display:flex;align-items:center;gap:18px;transition:transform .3s,color .3s}
.menu-nav a span{font-size:11px;letter-spacing:.15em;opacity:.5;width:24px}
.menu-nav a:hover{transform:translateX(14px);color:#cde9ff}
.menu-meta{display:flex;flex-direction:column;justify-content:flex-end;gap:18px;position:relative;z-index:2;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.menu-bean{width:54px;height:74px;border-radius:55% 45% 50% 50%;background:linear-gradient(145deg,#fff,#8ecbff);box-shadow:inset -12px -5px 18px rgba(7,47,141,.32),0 20px 70px rgba(255,255,255,.25);transform:rotate(28deg);animation:beanFloat 4s ease-in-out infinite}
.menu-bean::after{content:"";position:absolute;width:4px;height:60%;left:50%;top:18%;background:#2464c8;border-radius:50%;transform:rotate(8deg)}
@keyframes beanFloat{50%{transform:rotate(18deg) translateY(-16px)}}

.search-panel{position:fixed;inset:0;z-index:10100;display:grid;place-items:start center;padding-top:12vh;background:rgba(4,13,34,.42);backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:.35s}
.search-panel.open{opacity:1;visibility:visible}
.search-box{width:min(760px,calc(100% - 32px));max-height:72vh;border-radius:32px;padding:18px;background:rgba(248,252,255,.9);border:1px solid white;box-shadow:0 45px 120px rgba(1,13,41,.28);transform:translateY(-20px) scale(.98);transition:transform .4s var(--ease);overflow:auto}
.search-panel.open .search-box{transform:none}
.search-input-wrap{display:flex;align-items:center;gap:14px;padding:8px 14px 18px;border-bottom:1px solid var(--line)}
.search-input{width:100%;border:0;outline:0;background:transparent;font-size:clamp(22px,3vw,36px);letter-spacing:-.04em;padding:8px 0}
.key{border:1px solid var(--line);border-bottom-width:2px;border-radius:8px;padding:3px 7px;font-size:11px;color:var(--muted)}
.search-results{padding:12px 0 0}
.search-result{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:10px;border-radius:18px;transition:.2s}
.search-result:hover{background:white;transform:translateX(4px)}
.search-result img{width:56px;height:56px;object-fit:cover;border-radius:14px}
.search-result small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}

.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:11000;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference}
.cursor-dot{width:6px;height:6px;background:white}
.cursor-ring{width:36px;height:36px;border:1px solid white;transition:width .2s,height .2s,background .2s}
body.cursor-hover .cursor-ring{width:58px;height:58px;background:rgba(255,255,255,.14)}

.page-wipe{position:fixed;inset:0;z-index:12000;background:linear-gradient(145deg,var(--navy),var(--electric) 65%,var(--blue-2));clip-path:ellipse(0 0 at 100% 100%);pointer-events:none}
.page-wipe.go{animation:wipeIn .7s var(--ease) forwards}
@keyframes wipeIn{to{clip-path:ellipse(160% 160% at 100% 100%)}}

/* Buttons */
.btn{--btn-bg:var(--ink);--btn-color:white;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 22px;border:1px solid var(--btn-bg);border-radius:18px;background:var(--btn-bg);color:var(--btn-color);font-weight:700;font-size:14px;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.btn::before{content:"";position:absolute;z-index:-1;width:120%;aspect-ratio:1;border-radius:50%;background:var(--electric);left:50%;top:120%;transform:translate(-50%,-5%);transition:top .5s var(--ease)}
.btn:hover::before{top:-40%}
.btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(12,49,120,.2);border-color:var(--electric)}
.btn svg{width:18px;transition:transform .3s}
.btn:hover svg{transform:translateX(4px)}
.btn-light{--btn-bg:white;--btn-color:var(--ink)}
.btn-ghost{--btn-bg:transparent;--btn-color:var(--ink);border-color:var(--line);background:rgba(255,255,255,.45)}
.btn-ghost::before{background:var(--mist)}
.btn-blue{--btn-bg:var(--electric)}
.arrow-link{display:inline-flex;gap:12px;align-items:center;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}
.arrow-link i{font-style:normal;transition:transform .25s}.arrow-link:hover i{transform:translateX(7px)}
.chip{padding:10px 14px;border-radius:999px;background:white;border:1px solid var(--line);font-size:12px;font-weight:700;white-space:nowrap}

/* Home hero */
.home-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#eaf3ff;padding:155px 0 55px}
.home-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 16%,rgba(107,182,252,.55),transparent 28%),radial-gradient(circle at 92% 62%,rgba(0,87,255,.26),transparent 32%),linear-gradient(120deg,#eff7ff 0%,#eef3ff 42%,#d8eaff 100%)}
.hero-orbit{position:absolute;width:min(61vw,900px);aspect-ratio:1;border:1px solid rgba(23,91,202,.16);border-radius:50%;right:-12vw;top:-13vw;animation:orbitSpin 26s linear infinite}
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(23,91,202,.13);inset:13%}
.hero-orbit::after{inset:31%}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:42px;align-items:end;width:100%}
.hero-copy{padding-bottom:1vh}
.hero-kicker{display:flex;justify-content:space-between;align-items:center;max-width:790px;margin-bottom:25px}
.live-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(12px);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.live-pill i{width:7px;height:7px;border-radius:50%;background:#16c784;box-shadow:0 0 0 5px rgba(22,199,132,.14);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(22,199,132,0)}}
.home-hero .display{max-width:940px}
.hero-line{display:flex;align-items:center;gap:20px}
.hero-line.indent{padding-left:12vw}
.hero-line .bean-mark{width:clamp(38px,5vw,76px);height:clamp(54px,7vw,106px);background:linear-gradient(145deg,var(--electric),var(--blue-2));border-radius:52% 48% 50% 50%;transform:rotate(35deg);box-shadow:inset -14px -4px 20px rgba(8,47,142,.25);position:relative;flex:0 0 auto}
.bean-mark::after{content:"";position:absolute;left:48%;top:15%;width:6%;height:70%;border-radius:50%;background:rgba(255,255,255,.75);transform:rotate(8deg)}
.hero-bottom{margin-top:36px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;max-width:850px}
.hero-bottom p{max-width:520px;font-size:clamp(16px,1.5vw,21px);margin:0;color:#445268}
.hero-actions{display:flex;gap:10px}
.hero-visual{height:min(68vh,700px);position:relative}
.hero-photo{position:absolute;inset:0 0 8% 4%;border-radius:48% 52% 47% 53% / 39% 40% 60% 61%;overflow:hidden;box-shadow:var(--shadow);transform:rotate(2deg);background:var(--navy)}
.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.05)}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,29,83,.58)),linear-gradient(90deg,rgba(45,112,230,.22),transparent);mix-blend-mode:multiply}
.hero-sticker{position:absolute;right:-18px;top:24%;z-index:3;width:126px;height:126px;border-radius:50%;background:var(--electric);color:white;display:grid;place-items:center;text-align:center;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;box-shadow:0 20px 50px rgba(4,58,177,.3);animation:stickerRotate 20s linear infinite}
@keyframes stickerRotate{to{transform:rotate(360deg)}}
.hero-sticker::after{content:"↘";font-size:24px;position:absolute}
.hero-sticker span{max-width:72px;line-height:1.2;transform:translateY(-32px)}
.glass-now{position:absolute;left:-38px;bottom:0;z-index:4;width:280px;padding:18px;border-radius:24px;background:rgba(244,250,255,.67);border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 60px rgba(5,41,104,.2);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}
.glass-now-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#506077}
.glass-now-title{font-size:25px;letter-spacing:-.045em;font-weight:750;margin:11px 0 14px}
.mood-tabs{display:flex;gap:5px}
.mood-tab{flex:1;border:0;border-radius:10px;padding:8px 4px;background:rgba(255,255,255,.55);font-size:9px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:.2s}
.mood-tab.active,.mood-tab:hover{background:var(--electric);color:white}
.scroll-cue{position:absolute;z-index:4;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:700}
.scroll-cue i{display:block;width:1px;height:42px;background:var(--ink);transform-origin:top;animation:scrollCue 1.8s var(--ease) infinite}
@keyframes scrollCue{0%{transform:scaleY(0)}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

.liquid-curtain{position:fixed;inset:0;z-index:9000;pointer-events:none;visibility:hidden;background:linear-gradient(150deg,#081f5e,#0e63ff 58%,#75c9ff);clip-path:ellipse(0 0 at 50% -10%)}
.liquid-curtain::before,.liquid-curtain::after{content:"";position:absolute;width:44vw;aspect-ratio:1;border-radius:50%;background:#6bb6fc;bottom:-15vw;left:-9vw;filter:blur(2px)}
.liquid-curtain::after{width:34vw;background:#fff;opacity:.14;left:auto;right:-6vw;bottom:5vw}
.liquid-curtain.pour{visibility:visible;animation:liquidPour 1.25s var(--ease) forwards}
@keyframes liquidPour{0%{clip-path:ellipse(0 0 at 50% -10%)}48%{clip-path:ellipse(130% 95% at 50% -10%);opacity:1}75%{clip-path:ellipse(160% 140% at 50% -10%);opacity:1}100%{clip-path:ellipse(160% 140% at 50% -10%);opacity:0}}

/* Editorial blocks */
.manifesto{overflow:hidden;background:white}
.manifesto-grid{display:grid;grid-template-columns:1fr 1.35fr .7fr;gap:7vw;align-items:start}
.manifesto-number{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:800;padding-top:14px}
.manifesto-copy{font-size:clamp(33px,4.4vw,72px);letter-spacing:-.055em;line-height:1.03;margin:0}
.manifesto-copy em{font-family:var(--serif);font-weight:400;color:var(--blue)}
.manifesto-side{font-size:15px;color:var(--muted);padding-top:18px}
.manifesto-side .arrow-link{margin-top:34px;color:var(--ink)}

.daily-feature{background:#dcecff;overflow:hidden}
.daily-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:70px}
.issue-no{font-family:var(--serif);font-style:italic;font-size:18px}
.editorial-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:start}
.story-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:end}
.story-image{position:relative;overflow:hidden;border-radius:2px;background:var(--navy)}
.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}
.story-image::after{content:"↗";position:absolute;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.76);backdrop-filter:blur(15px);left:50%;top:50%;display:grid;place-items:center;font-size:25px;font-weight:700;transform:translate(-50%,-50%) scale(0);transition:transform .45s var(--ease)}
.story-lead:hover .story-image img,.story-card:hover .story-image img{transform:scale(1.04);filter:saturate(1.12)}
.story-lead:hover .story-image::after,.story-card:hover .story-image::after{transform:translate(-50%,-50%) scale(1)}
.story-lead .story-image{height:650px}
.story-title{font-size:clamp(35px,4.4vw,72px);line-height:.98;letter-spacing:-.06em;margin:18px 0 22px}
.story-title em{font-family:var(--serif);font-weight:400}
.story-dek{color:#506077;font-size:17px}
.story-side-stack{display:grid;gap:70px;padding-top:80px}
.story-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:end}
.story-card .story-image{height:300px}
.story-card h3{font-size:30px;line-height:1.04;letter-spacing:-.04em;margin:12px 0}

.recipe-universe{background:var(--ink);color:white;overflow:hidden}
.recipe-universe::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(30,102,255,.35),transparent 33%),radial-gradient(circle at 10% 80%,rgba(107,182,252,.14),transparent 25%)}
.recipe-top{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;position:relative;z-index:2}
.recipe-universe .display{font-size:clamp(70px,11vw,170px)}
.recipe-intro{max-width:470px;padding-bottom:10px;color:rgba(255,255,255,.68);font-size:18px}
.recipe-rail-wrap{margin-top:90px;position:relative;z-index:2}
.recipe-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 calc((100vw - min(1440px,calc(100vw - 64px)))/2) 46px;scrollbar-width:none;cursor:grab}
.recipe-rail:active{cursor:grabbing}.recipe-rail::-webkit-scrollbar{display:none}
.rail-card{flex:0 0 min(410px,82vw);height:570px;scroll-snap-align:start;border-radius:32px;overflow:hidden;position:relative;background:#163776;isolation:isolate;transition:transform .5s var(--ease)}
.rail-card:nth-child(even){margin-top:75px;height:495px}
.rail-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);filter:saturate(.9)}
.rail-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,13,38,.9));z-index:1}
.rail-card:hover{transform:translateY(-8px) rotate(-1deg)}.rail-card:hover img{transform:scale(1.07)}
.rail-card-copy{position:absolute;inset:auto 28px 26px;z-index:2}
.rail-card-copy h3{font-size:44px;line-height:.95;letter-spacing:-.055em;margin:10px 0}
.rail-card-copy p{color:rgba(255,255,255,.65);margin:0}
.rail-counter{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:10px;text-transform:uppercase;letter-spacing:.13em}

.taste-finder{background:white;overflow:hidden}
.taste-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}
.finder-copy{position:relative;z-index:2}
.finder-panel{min-height:590px;border-radius:44px;padding:38px;background:linear-gradient(145deg,rgba(232,244,255,.85),rgba(255,255,255,.58));border:1px solid white;box-shadow:var(--shadow);backdrop-filter:blur(22px);position:relative;overflow:hidden}
.finder-panel::before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:var(--blue-2);filter:blur(75px);opacity:.32;right:-120px;top:-140px}
.finder-step{position:relative;margin:30px 0 38px}
.finder-label{display:flex;justify-content:space-between;font-weight:700;margin-bottom:14px}
.segment-control{display:flex;padding:5px;border-radius:17px;background:rgba(255,255,255,.72);border:1px solid var(--line)}
.segment-control button{flex:1;border:0;background:transparent;border-radius:12px;padding:12px 8px;font-size:12px;font-weight:700;cursor:pointer;transition:.25s}
.segment-control button.active{background:var(--ink);color:white;box-shadow:0 8px 20px rgba(9,19,39,.15)}
.finder-result{position:relative;margin-top:45px;border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:end;justify-content:space-between;gap:25px}
.finder-result h3{font-size:48px;line-height:.95;letter-spacing:-.055em;margin:7px 0}
.finder-orb{width:94px;height:94px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 6%,var(--blue-2) 12%,var(--electric) 65%,var(--navy));box-shadow:0 24px 50px rgba(18,95,255,.35);animation:orb 5s ease-in-out infinite}
@keyframes orb{50%{border-radius:40% 60% 65% 35% / 52% 38% 62% 48%;transform:rotate(18deg)}}

.journey-tease{background:#0b2c78;color:white;overflow:hidden}
.journey-tease::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.journey-head{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;position:relative}
.journey-mini{margin-top:90px;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.journey-mini::before{content:"";position:absolute;top:31px;left:4%;right:4%;height:1px;background:rgba(255,255,255,.24)}
.journey-node{position:relative;padding:0 18px;text-align:center;cursor:pointer}
.node-dot{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;margin:0 auto 25px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);transition:.35s var(--ease);font-family:var(--serif);font-size:22px}
.journey-node:hover .node-dot{background:white;color:var(--navy);transform:scale(1.14) rotate(7deg);box-shadow:0 16px 40px rgba(2,10,36,.25)}
.journey-node h3{font-size:20px;margin:0 0 8px}.journey-node p{font-size:12px;color:rgba(255,255,255,.55);margin:0}

.bean-tease{background:#e7f1ff;overflow:hidden}
.bean-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}
.bean-visual{height:680px;position:relative}
.bean-photo-main{position:absolute;inset:0 12% 10% 0;overflow:hidden;border-radius:49% 51% 45% 55% / 61% 38% 62% 39%;transform:rotate(-3deg);box-shadow:var(--shadow)}
.bean-photo-main img{width:100%;height:100%;object-fit:cover}
.bean-note-card{position:absolute;right:0;bottom:0;width:270px;padding:24px;border-radius:26px;background:rgba(255,255,255,.72);border:1px solid white;backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(9,39,98,.18)}
.note-bubbles{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.note-bubbles span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:7px 9px;border-radius:99px;background:#e7f1ff}

.pairing-tease{background:#fff}
.pairing-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:start}
.pairing-stack{display:grid;gap:1px;background:var(--line)}
.pairing-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:22px;padding:25px;background:white;transition:.3s}
.pairing-row:hover{padding-left:36px;background:#edf5ff}
.pairing-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--mist);font-size:26px}

.about-tease{background:var(--electric);color:white;overflow:hidden}
.about-tease .section-title{max-width:1200px}
.about-tease .section-title em{font-family:var(--serif);font-weight:400;color:#bfe2ff}
.about-logo-giant{position:absolute;width:min(56vw,780px);right:-10vw;bottom:-28vw;opacity:.11;filter:brightness(0) invert(1);transform:rotate(-10deg)}

/* Page hero */
.page-hero{min-height:76svh;padding:190px 0 80px;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:#eaf3ff}
.page-hero::before{content:"";position:absolute;width:75vw;height:75vw;border-radius:50%;background:radial-gradient(circle,var(--blue-2),rgba(107,182,252,0) 68%);right:-25vw;top:-40vw;opacity:.55}
.page-hero-grid{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;width:100%}
.page-hero .display{font-size:clamp(76px,12vw,190px)}
.page-hero-aside{padding-bottom:12px}.page-hero-aside p{font-size:19px;color:#526078;max-width:460px}
.page-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}

/* Recipes index */
.recipes-toolbar{position:sticky;top:100px;z-index:50;margin-top:-34px}
.filter-glass{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:12px;border-radius:26px;background:rgba(247,251,255,.78);border:1px solid white;backdrop-filter:blur(24px);box-shadow:0 18px 50px rgba(12,44,102,.16)}
.filter-group{display:flex;gap:5px;padding:4px;border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:16px;overflow:auto}
.filter-btn{border:0;background:transparent;padding:11px 14px;border-radius:12px;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer;transition:.25s}
.filter-btn.active{background:var(--ink);color:white}
.filter-search{border:1px solid var(--line);border-radius:16px;padding:0 16px;background:white;min-width:210px;outline:0}
.recipe-count{display:flex;justify-content:space-between;align-items:end;margin:90px 0 40px}
.recipe-count strong{font-size:64px;line-height:1;letter-spacing:-.06em}
.recipe-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:56px 22px;align-items:start}
.recipe-card{grid-column:span 4;position:relative}
.recipe-card:nth-child(7n+1),.recipe-card:nth-child(7n+5){grid-column:span 5}
.recipe-card:nth-child(7n+2),.recipe-card:nth-child(7n+6){grid-column:span 3;margin-top:110px}
.recipe-card:nth-child(7n+3),.recipe-card:nth-child(7n+4),.recipe-card:nth-child(7n+7){grid-column:span 4}
.recipe-card.is-hidden{display:none}
.recipe-card-image{height:430px;border-radius:24px;overflow:hidden;background:#bcd6ff;position:relative}
.recipe-card:nth-child(3n+1) .recipe-card-image{height:540px}
.recipe-card:nth-child(4n+2) .recipe-card-image{border-radius:50% 50% 24px 24px}
.recipe-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease),filter .4s}
.recipe-card:hover img{transform:scale(1.06);filter:saturate(1.15)}
.recipe-card-arrow{position:absolute;right:15px;top:15px;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.74);backdrop-filter:blur(12px);display:grid;place-items:center;transform:rotate(-45deg);transition:.4s var(--ease)}
.recipe-card:hover .recipe-card-arrow{transform:rotate(0) scale(1.08);background:var(--electric);color:white}
.recipe-card-copy{padding:17px 4px 0}.recipe-card-copy h3{font-size:clamp(27px,2.7vw,44px);line-height:1;letter-spacing:-.05em;margin:8px 0}.recipe-card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.no-results{padding:90px 0;text-align:center;font-size:30px;display:none}

/* Recipe detail */
.recipe-detail-hero{min-height:92svh;padding:145px 0 50px;position:relative;display:flex;align-items:flex-end;color:white;overflow:hidden;background:var(--navy)}
.recipe-detail-bg{position:absolute;inset:0}.recipe-detail-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.65)}
.recipe-detail-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,34,.92) 0%,rgba(4,12,34,.2) 68%),linear-gradient(180deg,transparent 52%,rgba(4,12,34,.85))}
.recipe-detail-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:end;width:100%}
.recipe-detail-title{font-size:clamp(74px,12.5vw,190px);line-height:.77;letter-spacing:-.075em;margin:22px 0 35px;max-width:1100px}
.recipe-detail-title.long{font-size:clamp(64px,10vw,145px)}
.recipe-detail-sub{font-family:var(--serif);font-size:clamp(20px,2.4vw,34px);max-width:600px;color:rgba(255,255,255,.78)}
.recipe-specs{padding:26px;border-radius:30px;background:rgba(235,246,255,.15);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(24px);display:grid;grid-template-columns:1fr 1fr;gap:1px;background-color:rgba(9,38,99,.34)}
.recipe-spec{padding:20px;border-bottom:1px solid rgba(255,255,255,.16)}.recipe-spec:nth-last-child(-n+2){border-bottom:0}.recipe-spec small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:rgba(255,255,255,.55)}.recipe-spec strong{display:block;font-size:22px;margin-top:5px}
.recipe-body{background:white}
.recipe-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;align-items:start}
.ingredient-card{position:sticky;top:115px;padding:30px;border-radius:32px;background:#eaf3ff;border:1px solid #d3e6ff}
.serving-control{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}
.serving-stepper{display:flex;align-items:center;gap:14px}.serving-stepper button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:white;cursor:pointer;font-size:20px}.serving-stepper strong{font-size:22px;min-width:16px;text-align:center}
.ingredient-list{list-style:none;padding:0;margin:20px 0 0}.ingredient-list li{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.ingredient-list li:last-child{border-bottom:0}.ingredient-list strong{font-size:18px}
.method-head{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:45px}.method-head h2{font-size:clamp(44px,6vw,86px);line-height:.9;letter-spacing:-.06em;margin:0}
.timer{min-width:180px;padding:15px 16px;border-radius:20px;background:var(--ink);color:white}.timer-display{font-family:var(--sans);font-size:28px;letter-spacing:.03em}.timer-actions{display:flex;gap:6px;margin-top:9px}.timer-actions button{border:0;border-radius:8px;background:rgba(255,255,255,.12);color:white;font-size:9px;text-transform:uppercase;padding:6px 8px;cursor:pointer}.timer-actions button:hover{background:var(--electric)}
.method-steps{counter-reset:step;list-style:none;padding:0;margin:0}.method-steps li{counter-increment:step;display:grid;grid-template-columns:80px 1fr;gap:28px;padding:34px 0;border-top:1px solid var(--line);font-size:clamp(18px,2vw,25px);line-height:1.35}.method-steps li::before{content:counter(step,decimal-leading-zero);font-family:var(--serif);font-style:italic;color:var(--blue);font-size:28px}
.flavor-strip{display:grid;grid-template-columns:1fr 2fr;gap:6vw;padding:70px 0;border-top:1px solid var(--line)}
.flavor-tags{display:flex;gap:10px;flex-wrap:wrap}.flavor-tag{padding:16px 20px;border-radius:999px;background:var(--mist);font-weight:700}
.pairing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pairing-card{padding:26px;min-height:180px;border-radius:24px;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between}.pairing-card span{font-family:var(--serif);font-style:italic;color:var(--blue-2)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

/* Daily and article */
.daily-masthead{background:#ddecff}.daily-masthead .page-hero-grid{grid-template-columns:1fr}.daily-date-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-top:45px;text-transform:uppercase;font-size:10px;letter-spacing:.14em}
.daily-issue-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:start}
.daily-primary .story-image{height:700px}.daily-primary .story-title{font-size:clamp(48px,7vw,108px)}
.daily-secondary{padding-top:180px}.daily-secondary .story-image{height:430px}.daily-secondary h2{font-size:45px;letter-spacing:-.05em;line-height:1;margin:20px 0}
.coming-list{margin-top:110px;border-top:1px solid var(--line)}.coming-row{display:grid;grid-template-columns:100px 1fr auto;gap:30px;padding:27px 0;border-bottom:1px solid var(--line);align-items:center}.coming-row h3{margin:0;font-size:28px;letter-spacing:-.035em}.coming-row .status{padding:8px 11px;border-radius:999px;background:var(--mist);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.article-hero{min-height:90svh;padding:165px 0 65px;background:#ddecff;display:flex;align-items:end;position:relative;overflow:hidden}.article-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:end}.article-title{font-size:clamp(62px,8.8vw,140px);line-height:.85;letter-spacing:-.07em;margin:20px 0 30px}.article-dek{font-family:var(--serif);font-size:clamp(21px,2.2vw,31px);color:#4b5b73}.article-hero-image{height:66vh;overflow:hidden;border-radius:46% 54% 2px 2px}.article-hero-image img{width:100%;height:100%;object-fit:cover}.article-body{background:white}.article-layout{display:grid;grid-template-columns:.55fr 1fr .35fr;gap:7vw;align-items:start}.article-aside{position:sticky;top:130px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.article-prose{font-family:var(--serif);font-size:21px;line-height:1.75}.article-prose .intro{font-size:30px;line-height:1.45;color:#27364d}.article-prose h2{font-family:var(--sans);font-size:45px;line-height:1;letter-spacing:-.05em;margin:80px 0 22px}.article-quote{font-family:var(--sans);font-size:clamp(36px,4.5vw,70px);line-height:1;letter-spacing:-.06em;color:var(--blue);margin:90px -12vw 90px 0;padding-left:30px;border-left:5px solid var(--blue)}.article-toc{font-size:11px;color:var(--muted)}.article-toc a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}

/* Beans lab */
.beans-hero{background:#0b2c78;color:white}.beans-hero::before{background:radial-gradient(circle,#3f8cff,rgba(30,100,255,0) 68%)}.beans-hero .page-hero-aside p{color:rgba(255,255,255,.68)}
.bean-lab{background:#eaf3ff}.origin-selector{display:flex;gap:9px;overflow-x:auto;padding-bottom:15px;scrollbar-width:none}.origin-btn{flex:0 0 auto;border:1px solid rgba(9,19,39,.14);border-radius:999px;background:rgba(255,255,255,.55);padding:13px 18px;font-weight:700;cursor:pointer;transition:.25s}.origin-btn.active{background:var(--ink);color:white;transform:translateY(-3px)}
.origin-stage{margin-top:46px;display:grid;grid-template-columns:1.05fr .95fr;min-height:660px;border-radius:38px;overflow:hidden;background:white;box-shadow:var(--shadow)}
.origin-photo{position:relative;overflow:hidden}.origin-photo img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .7s}.origin-photo:hover img{transform:scale(1.03)}.origin-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(4,15,43,.52))}.origin-country-big{position:absolute;z-index:2;left:35px;bottom:25px;color:white;font-size:clamp(50px,7vw,110px);line-height:.8;letter-spacing:-.07em}
.origin-info{padding:50px;display:flex;flex-direction:column;justify-content:space-between}.origin-info h2{font-size:clamp(54px,6vw,90px);line-height:.88;letter-spacing:-.06em;margin:12px 0 25px}.origin-copy{font-family:var(--serif);font-size:22px;color:#47566d}.origin-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:35px}.origin-metric{padding:18px;background:white}.origin-metric small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.origin-metric strong{display:block;margin-top:5px;font-size:18px}
.roast-lab{background:white}.roast-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.roast-console{padding:40px;border-radius:38px;background:var(--ink);color:white;box-shadow:var(--shadow)}.roast-bean{width:180px;height:240px;margin:0 auto 45px;border-radius:53% 47% 51% 49%;background:#b47a48;box-shadow:inset -35px -10px 45px rgba(0,0,0,.28),inset 15px 15px 30px rgba(255,255,255,.13);position:relative;transition:background .35s,transform .35s}.roast-bean::after{content:"";position:absolute;left:48%;top:10%;width:8px;height:80%;border-radius:50%;background:rgba(35,14,6,.55);transform:rotate(8deg)}.roast-range{width:100%;accent-color:var(--blue-2)}.roast-scale{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.55)}.roast-result h3{font-size:50px;letter-spacing:-.05em;margin:12px 0}.roast-result p{color:rgba(255,255,255,.66)}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-card{padding:30px;border-radius:28px;background:#eaf3ff;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s var(--ease)}.process-card:hover{transform:translateY(-8px);background:var(--blue);color:white}.process-no{font-family:var(--serif);font-style:italic;color:var(--blue)}.process-card:hover .process-no{color:var(--blue-2)}.process-card h3{font-size:34px;letter-spacing:-.045em;margin:0}.process-card p{font-size:14px;color:var(--muted)}.process-card:hover p{color:rgba(255,255,255,.7)}

/* Journey page */
.journey-hero{background:var(--ink);color:white}.journey-hero .page-hero-aside p{color:rgba(255,255,255,.64)}
.journey-stage{background:#eaf3ff}.journey-map{position:relative}.journey-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(var(--blue-2),var(--blue),var(--navy));transform:translateX(-50%)}
.journey-stop{min-height:72vh;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;position:relative}.journey-stop:nth-child(even) .journey-stop-media{order:2}.journey-stop:nth-child(even) .journey-stop-copy{order:1}.journey-stop::before{content:attr(data-step);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:var(--electric);color:white;display:grid;place-items:center;font-family:var(--serif);font-style:italic;z-index:2;box-shadow:0 0 0 12px #eaf3ff}
.journey-stop-media{height:520px;overflow:hidden;border-radius:48% 52% 44% 56% / 42% 39% 61% 58%;background:var(--blue)}.journey-stop-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.journey-stop:hover img{transform:scale(1.05)}.journey-stop h2{font-size:clamp(55px,7vw,100px);line-height:.86;letter-spacing:-.065em;margin:16px 0 25px}.journey-stop p{font-family:var(--serif);font-size:21px;color:#4d5c72}.journey-fact{display:inline-block;margin-top:25px;padding:13px 15px;border-radius:15px;background:white;font-size:11px;font-weight:700}

/* Pairings page */
.pairings-hero{background:#f5e9dd}.pairing-lab{background:white}.pairing-lab-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:start}.pairing-drinks{position:sticky;top:130px;display:grid;gap:8px}.pairing-drink-btn{border:1px solid var(--line);background:white;border-radius:22px;padding:20px;text-align:left;font-size:25px;font-weight:750;letter-spacing:-.04em;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:.3s}.pairing-drink-btn:hover{transform:translateX(8px)}.pairing-drink-btn.active{background:var(--ink);color:white}.pairing-drink-btn span{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.55}
.pairing-results{display:grid;gap:22px}.pair-result{min-height:310px;border-radius:32px;padding:35px;position:relative;overflow:hidden;background:#eaf3ff;display:flex;flex-direction:column;justify-content:space-between;transition:.4s var(--ease)}.pair-result:nth-child(2){margin-left:14%;background:#d7e8ff}.pair-result:nth-child(3){margin-right:12%;background:var(--navy);color:white}.pair-result:hover{transform:rotate(-1deg) translateY(-7px)}.pair-result-no{font-family:var(--serif);font-style:italic;color:var(--blue)}.pair-result h3{font-size:clamp(40px,5vw,72px);line-height:.9;letter-spacing:-.055em;margin:12px 0}.pair-result p{max-width:450px;color:var(--muted)}.pair-result:nth-child(3) p{color:rgba(255,255,255,.62)}

/* About + gallery */
.about-hero{background:var(--electric);color:white}.about-hero::before{background:radial-gradient(circle,#8bd0ff,transparent 68%)}.about-hero .page-hero-aside p{color:rgba(255,255,255,.7)}
.about-statement{background:white}.statement-grid{display:grid;grid-template-columns:.4fr 1.6fr;gap:7vw}.statement-grid p{font-size:clamp(40px,5.7vw,88px);line-height:1.02;letter-spacing:-.06em;margin:0}.statement-grid em{font-family:var(--serif);font-weight:400;color:var(--blue)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-card{min-height:430px;border-radius:32px;padding:32px;background:#eaf3ff;display:flex;flex-direction:column;justify-content:space-between}.value-card:nth-child(2){margin-top:80px;background:var(--navy);color:white}.value-card:nth-child(3){background:#bddcff}.value-no{font-family:var(--serif);font-size:45px;color:var(--blue)}.value-card h3{font-size:44px;line-height:.95;letter-spacing:-.05em;margin:0}.value-card p{color:var(--muted)}.value-card:nth-child(2) p{color:rgba(255,255,255,.6)}
.gallery-hero{background:#dcecff}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:start}.gallery-item{grid-column:span 4;overflow:hidden;position:relative;border-radius:24px}.gallery-item:nth-child(6n+1){grid-column:span 7}.gallery-item:nth-child(6n+2){grid-column:span 5;margin-top:120px}.gallery-item:nth-child(6n+3){grid-column:span 4}.gallery-item:nth-child(6n+4){grid-column:span 8}.gallery-item img{width:100%;height:520px;object-fit:cover;transition:transform .7s,filter .4s}.gallery-item:nth-child(3n+1) img{height:680px}.gallery-item:hover img{transform:scale(1.04);filter:saturate(1.14)}.gallery-caption{position:absolute;left:15px;right:15px;bottom:15px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.67);backdrop-filter:blur(16px);display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;transform:translateY(120%);transition:.4s var(--ease)}.gallery-item:hover .gallery-caption{transform:none}

/* Footer */
.site-footer{background:#07142f;color:white;padding:110px 0 30px;position:relative;overflow:hidden}
.footer-top{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.footer-title{font-size:clamp(65px,10vw,150px);line-height:.8;letter-spacing:-.075em;margin:0}.footer-title em{font-family:var(--serif);font-weight:400;color:var(--blue-2)}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer-nav a{padding:8px 0;color:rgba(255,255,255,.65);transition:.2s}.footer-nav a:hover{color:white;transform:translateX(5px)}.footer-bottom{margin-top:90px;border-top:1px solid rgba(255,255,255,.16);padding-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.45)}.footer-brand{display:flex;align-items:center;gap:10px;color:white}.footer-brand img{width:32px;height:32px}.footer-contact{display:flex;align-items:center;gap:38px;text-transform:none;letter-spacing:.04em}.footer-contact a{display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.58);transition:color .2s,transform .2s}.footer-contact svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer-contact .footer-icon-dot{fill:currentColor;stroke:none}.footer-contact a:hover{color:white;transform:translateY(-2px)}.footer-orb{position:absolute;width:420px;height:420px;border-radius:50%;right:-190px;bottom:-220px;background:var(--electric);filter:blur(2px);box-shadow:0 0 140px rgba(18,95,255,.55)}

/* Reveal and motion helpers */
.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}
.tilt{transform-style:preserve-3d;will-change:transform}

@media (max-width:1100px){
  .container{width:min(100% - 40px,1000px)}
  .nav-links{display:none}.nav-shell{grid-template-columns:1fr auto}.nav-actions{grid-column:2}.menu-btn span{display:none}.menu-btn{width:48px;padding:0}
  .hero-grid{grid-template-columns:1fr .78fr}.hero-line.indent{padding-left:6vw}.hero-bottom{grid-template-columns:1fr}.hero-actions{margin-top:5px}
  .manifesto-grid{grid-template-columns:.25fr 1.35fr}.manifesto-side{grid-column:2}
  .editorial-grid{grid-template-columns:1fr}.story-side-stack{grid-template-columns:1fr 1fr;padding-top:0}.story-lead .story-image{height:560px}
  .recipe-card{grid-column:span 6!important;margin-top:0!important}.recipe-card:nth-child(3n+1) .recipe-card-image{height:460px}
  .article-layout{grid-template-columns:.35fr 1fr}.article-toc{display:none}
  .origin-stage{grid-template-columns:1fr}.origin-photo{height:580px}
}

@media (max-width:760px){
  .cursor-dot,.cursor-ring{display:none}.container,.narrow{width:calc(100% - 32px)}
  .section{padding:90px 0}.section-sm{padding:65px 0}
  .site-header{top:10px;width:calc(100% - 20px)}.nav-shell{height:60px;border-radius:20px;padding-left:12px}.brand img{width:31px;height:31px}.brand-name{font-size:18px}.icon-btn{width:43px;height:43px;border-radius:14px}.nav-actions .search-toggle{display:none}
  .menu-drawer{padding:105px 25px 30px}.menu-grid{grid-template-columns:1fr}.menu-nav a{font-size:51px}.menu-meta{display:none}
  .home-hero{min-height:100svh;padding:112px 0 38px;align-items:stretch}.hero-grid{grid-template-columns:1fr;align-content:space-between;gap:26px}.hero-copy{display:flex;flex-direction:column}.hero-kicker{order:0;margin-bottom:16px}.home-hero .display{font-size:clamp(59px,19.2vw,92px)}.hero-line.indent{padding-left:0}.hero-line .bean-mark{display:none}.hero-bottom{margin-top:23px}.hero-bottom p{font-size:15px}.hero-actions{display:flex}.hero-actions .btn{min-height:50px;padding:0 16px}.hero-actions .btn-ghost{display:none}.hero-visual{height:34vh;min-height:270px}.hero-photo{inset:0 0 0 0;border-radius:38% 62% 46% 54% / 48% 44% 56% 52%}.hero-sticker{width:82px;height:82px;right:-8px;top:-12px}.hero-sticker span{font-size:8px;transform:translateY(-21px)}.hero-sticker::after{font-size:18px}.glass-now{left:10px;bottom:-12px;width:245px;padding:14px}.glass-now-title{font-size:21px;margin:7px 0 10px}.scroll-cue{display:none}
  .manifesto-grid{grid-template-columns:1fr;gap:25px}.manifesto-side{grid-column:auto}.manifesto-copy{font-size:42px}
  .daily-head{display:block}.daily-head .arrow-link{margin-top:20px}.story-lead{grid-template-columns:1fr}.story-lead .story-image{height:430px}.story-side-stack{grid-template-columns:1fr;gap:45px}.story-card{grid-template-columns:1fr}.story-card .story-image{height:330px}
  .recipe-top,.taste-grid,.journey-head,.bean-grid,.pairing-layout{grid-template-columns:1fr}.recipe-intro{margin-top:15px}.rail-card{height:480px}.rail-card:nth-child(even){margin-top:45px;height:430px}.taste-grid{gap:50px}.finder-panel{min-height:530px;padding:24px}.finder-result h3{font-size:38px}.finder-orb{width:65px;height:65px}.journey-mini{grid-template-columns:1fr;gap:16px;margin-top:55px}.journey-mini::before{display:none}.journey-node{display:grid;grid-template-columns:56px 1fr;text-align:left;gap:16px;padding:0}.node-dot{width:52px;height:52px;margin:0}.journey-node p{margin-top:4px}.bean-visual{height:500px}.bean-note-card{width:225px}
  .page-hero{min-height:72svh;padding:130px 0 55px}.page-hero-grid{grid-template-columns:1fr}.page-hero .display{font-size:clamp(67px,23vw,108px)}
  .recipes-toolbar{top:78px}.filter-glass{grid-template-columns:1fr;padding:8px;border-radius:20px}.filter-search{height:48px}.recipe-count{margin:65px 0 30px}.recipe-count strong{font-size:50px}.recipe-grid{gap:48px 0}.recipe-card{grid-column:1/-1!important}.recipe-card-image,.recipe-card:nth-child(3n+1) .recipe-card-image{height:470px}.recipe-card:nth-child(even){padding-left:12vw}.recipe-card:nth-child(odd){padding-right:5vw}
  .recipe-detail-hero{padding:130px 0 35px}.recipe-detail-grid{grid-template-columns:1fr}.recipe-detail-title,.recipe-detail-title.long{font-size:clamp(62px,20vw,100px)}.recipe-specs{padding:10px;border-radius:22px}.recipe-spec{padding:15px}.recipe-spec strong{font-size:17px}.recipe-layout{grid-template-columns:1fr;gap:60px}.ingredient-card{position:relative;top:auto}.method-head{display:block}.timer{margin-top:25px}.method-steps li{grid-template-columns:45px 1fr;gap:12px}.flavor-strip{grid-template-columns:1fr}.pairing-grid,.related-grid{grid-template-columns:1fr}
  .daily-issue-grid{grid-template-columns:1fr}.daily-primary .story-image{height:480px}.daily-secondary{padding-top:35px}.daily-secondary .story-image{height:370px}.coming-row{grid-template-columns:55px 1fr}.coming-row .status{display:none}
  .article-hero{padding:130px 0 45px}.article-hero-grid{grid-template-columns:1fr}.article-title{font-size:clamp(55px,16vw,88px)}.article-hero-image{height:48vh}.article-layout{grid-template-columns:1fr}.article-aside{position:relative;top:auto}.article-prose{font-size:19px}.article-prose .intro{font-size:25px}.article-quote{margin:70px 0;font-size:42px}
  .origin-stage{min-height:0}.origin-photo{height:450px}.origin-info{padding:28px}.roast-layout{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-card{min-height:260px}
  .journey-line{left:20px}.journey-stop,.journey-stop:nth-child(even){grid-template-columns:1fr;gap:22px;padding:80px 0 80px 58px;min-height:0}.journey-stop:nth-child(even) .journey-stop-media,.journey-stop:nth-child(even) .journey-stop-copy{order:initial}.journey-stop::before{left:20px;top:105px;width:44px;height:44px}.journey-stop-media{height:370px}.journey-stop h2{font-size:62px}
  .pairing-lab-grid{grid-template-columns:1fr}.pairing-drinks{position:relative;top:auto;grid-template-columns:1fr 1fr}.pairing-drink-btn{font-size:17px;padding:15px}.pairing-drink-btn span{display:none}.pair-result:nth-child(2){margin-left:5%}.pair-result:nth-child(3){margin-right:5%}
  .statement-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr}.value-card:nth-child(2){margin-top:0}.value-card{min-height:330px}.gallery-grid{display:block}.gallery-item{margin:0 0 22px!important}.gallery-item img,.gallery-item:nth-child(3n+1) img{height:490px}
  .footer-top{grid-template-columns:1fr}.footer-nav{margin-top:35px}.footer-bottom{display:block;line-height:2}.footer-brand{margin-bottom:10px}.footer-contact{margin-top:14px;display:grid;gap:10px}.footer-contact a{width:max-content}
}

/* =========================================================
   BLUEPRESSO 2.3 — radial language selector
   ========================================================= */
.language-control{
  --radial-radius:108px;
  z-index:80;
  transition:transform .55s cubic-bezier(.2,.86,.2,1),filter .4s;
}
.language-control.open{z-index:130;transform:translateY(118px)}
.language-control>.language-toggle{
  width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%;
  transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .4s,background .4s,border-color .4s;
}
.language-control.open>.language-toggle{
  transform:scale(1.08);background:rgba(239,248,255,.82);border-color:rgba(255,255,255,.96);
  box-shadow:0 0 0 7px rgba(87,159,255,.12),0 18px 50px rgba(4,35,92,.25),inset 0 1px rgba(255,255,255,.95);
}
.current-flag{font-size:25px;transform:none}
.language-control .lang-code{display:none}
.language-dropdown{
  position:absolute!important;left:50%!important;right:auto!important;top:50%!important;
  width:0!important;height:0!important;min-width:0!important;max-height:none!important;
  margin:0!important;padding:0!important;display:block!important;overflow:visible!important;
  border:0!important;border-radius:50%!important;background:none!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  opacity:0;visibility:hidden;pointer-events:none;transform:none!important;
  transition:opacity .25s,visibility .25s;
}
.language-dropdown::before,.language-dropdown::after{
  content:"";position:absolute;left:0;top:0;border-radius:50%;pointer-events:none;
  opacity:0;transform:translate(-50%,-50%) scale(.35);
  transition:opacity .42s,transform .64s cubic-bezier(.16,.9,.25,1);
}
.language-dropdown::before{
  width:278px;height:278px;
  background:radial-gradient(circle at 42% 32%,rgba(255,255,255,.7),rgba(220,239,255,.36) 42%,rgba(82,145,236,.16) 72%,rgba(255,255,255,.22));
  border:1px solid rgba(255,255,255,.76);box-shadow:0 34px 90px rgba(5,34,91,.22),inset 0 1px rgba(255,255,255,.94);
  backdrop-filter:blur(28px) saturate(175%);-webkit-backdrop-filter:blur(28px) saturate(175%);
}
.language-dropdown::after{width:214px;height:214px;border:1px solid rgba(72,139,233,.2);box-shadow:0 0 42px rgba(71,150,255,.14)}
.language-control.open .language-dropdown{opacity:1;visibility:visible;pointer-events:auto}
.language-control.open .language-dropdown::before,.language-control.open .language-dropdown::after{opacity:1;transform:translate(-50%,-50%) scale(1)}
.language-option{
  position:absolute;left:0;top:0;width:48px;height:48px;min-width:48px;min-height:48px;
  margin:0;padding:0;display:grid;place-items:center;overflow:visible;border-radius:50%;
  border:1px solid rgba(255,255,255,.86);background:rgba(243,249,255,.78);color:inherit;
  box-shadow:0 10px 28px rgba(4,31,80,.2),inset 0 1px rgba(255,255,255,.94);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) rotate(calc(-1 * var(--angle))) scale(.18);
  transition:transform .58s cubic-bezier(.16,.9,.22,1) var(--delay),opacity .25s ease var(--delay),visibility .25s var(--delay),box-shadow .28s,border-color .28s,filter .28s;
  will-change:transform;
}
.language-control.open .language-option{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--radial-radius))) rotate(calc(-1 * var(--angle))) scale(1);
}
.language-control.open .language-option:hover,.language-control.open .language-option:focus-visible{
  transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--radial-radius))) rotate(calc(-1 * var(--angle))) scale(1.18);
  border-color:#fff;box-shadow:0 16px 38px rgba(4,37,96,.3),0 0 0 7px rgba(74,151,255,.14),inset 0 1px #fff;filter:saturate(1.16);
}
.language-option.active{background:rgba(18,95,255,.9);border-color:#bfe5ff;box-shadow:0 0 0 4px rgba(66,151,255,.2),0 13px 30px rgba(8,55,135,.3)}
.language-option-flag{
  position:static;z-index:2;inset:auto;width:42px;height:42px;display:grid;place-items:center;
  overflow:hidden;border-radius:50%;background:rgba(255,255,255,.9);font-size:26px;line-height:1;
  transform:none;filter:saturate(1.06);text-shadow:0 3px 8px rgba(0,0,0,.08);
}
.language-option-copy,.language-option i{display:none!important}
[data-theme="dark"] .language-control.open>.language-toggle{background:rgba(18,45,82,.86);border-color:rgba(167,213,255,.3)}
[data-theme="dark"] .language-dropdown::before{background:radial-gradient(circle at 40% 30%,rgba(92,151,224,.28),rgba(9,30,63,.68) 55%,rgba(4,17,39,.8));border-color:rgba(169,215,255,.2);box-shadow:0 38px 100px rgba(0,0,0,.48),inset 0 1px rgba(211,236,255,.12)}
[data-theme="dark"] .language-dropdown::after{border-color:rgba(132,192,255,.17)}
[data-theme="dark"] .language-option{background:rgba(18,45,82,.9);border-color:rgba(173,216,255,.23)}

/* Liquid-glass language change: the wave originates at the chosen flag. */
body.language-switching .mode-flash{
  overflow:hidden;background:radial-gradient(circle at var(--wave-x,80%) var(--wave-y,12%),rgba(255,255,255,.92),rgba(126,194,255,.7) 18%,rgba(36,114,232,.82) 46%,rgba(4,28,75,.96) 78%);
  backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%);
  transform:none;animation:languageLiquidGlass .82s cubic-bezier(.18,.82,.2,1) forwards;
}
body.language-switching .mode-flash::before,body.language-switching .mode-flash::after{
  content:"";position:absolute;left:var(--wave-x,80%);top:var(--wave-y,12%);border-radius:50%;transform:translate(-50%,-50%) scale(.1);opacity:0;
}
body.language-switching .mode-flash::before{width:190px;height:190px;border:2px solid rgba(255,255,255,.82);box-shadow:0 0 0 18px rgba(194,229,255,.22),inset 0 0 45px rgba(255,255,255,.36);animation:languageRipple .72s cubic-bezier(.16,.78,.2,1) forwards}
body.language-switching .mode-flash::after{width:112px;height:112px;background:rgba(238,248,255,.24);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(9px);animation:languageRipple .62s .08s cubic-bezier(.16,.78,.2,1) forwards}
@keyframes languageLiquidGlass{0%{opacity:0;clip-path:circle(0 at var(--wave-x,80%) var(--wave-y,12%))}18%{opacity:.72}100%{opacity:1;clip-path:circle(155vmax at var(--wave-x,80%) var(--wave-y,12%))}}
@keyframes languageRipple{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}24%{opacity:.92}100%{opacity:0;transform:translate(-50%,-50%) scale(5.4)}}

@media (max-width:760px){
  .language-control{--radial-radius:82px}
  .language-control.open{transform:translate(-14px,98px)}
  .language-dropdown{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;width:0!important;height:0!important;max-height:none!important;overflow:visible!important}
  .language-dropdown::before{width:218px;height:218px}.language-dropdown::after{width:164px;height:164px}
  .language-option{width:43px;height:43px;min-width:43px;min-height:43px}.language-option-flag{width:37px;height:37px;font-size:23px}
}
@media (max-width:420px){.language-control{--radial-radius:74px}.language-control.open{transform:translate(-18px,92px)}}
@media (prefers-reduced-motion:reduce){.language-control,.language-option,.language-dropdown::before,.language-dropdown::after{transition:none!important}}

/* =========================================================
   BLUEPRESSO 2.4 — high-intensity liquid glass navigation
   ========================================================= */
.nav-shell{
  border-color:rgba(255,255,255,.76);
  background:linear-gradient(128deg,rgba(255,255,255,.66),rgba(220,239,255,.38) 38%,rgba(247,252,255,.57) 66%,rgba(191,224,255,.34));
  box-shadow:0 22px 62px rgba(5,37,91,.18),0 5px 16px rgba(30,103,190,.08),inset 0 1.5px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(58,119,196,.16),inset 1px 0 0 rgba(255,255,255,.54),inset -1px 0 0 rgba(92,157,226,.16);
  backdrop-filter:blur(38px) saturate(215%) contrast(108%);-webkit-backdrop-filter:blur(38px) saturate(215%) contrast(108%);
}
.site-header.scrolled .nav-shell{
  background:linear-gradient(128deg,rgba(252,254,255,.74),rgba(218,238,255,.47) 38%,rgba(247,252,255,.66) 66%,rgba(190,224,255,.4));
  box-shadow:0 19px 55px rgba(5,35,88,.21),0 4px 15px rgba(30,103,190,.09),inset 0 1.5px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(58,119,196,.18);
}
.nav-shell::before,.nav-shell::after{display:block;position:absolute;content:"";inset:1px;width:auto;height:auto;left:1px;top:1px;border-radius:23px;pointer-events:none}
.nav-shell::before{
  z-index:-1;opacity:.82;transform:none;
  background:radial-gradient(ellipse at 8% -25%,rgba(255,255,255,.95),transparent 31%),radial-gradient(ellipse at 77% 132%,rgba(74,157,243,.3),transparent 35%),linear-gradient(112deg,transparent 16%,rgba(255,255,255,.14) 31%,rgba(255,255,255,.72) 43%,rgba(124,191,255,.18) 48%,rgba(255,255,255,.08) 62%,transparent 76%);
  background-size:100% 100%,100% 100%,230% 100%;background-position:center,center,100% 0;
  animation:navLiquidRefraction 10s ease-in-out infinite alternate;
}
.nav-shell::after{
  z-index:-1;background:transparent;filter:none;transition:border-color .35s,box-shadow .45s;
  border:1px solid rgba(255,255,255,.31);
  box-shadow:inset 0 2px 1px rgba(255,255,255,.58),inset 0 -2px 3px rgba(58,135,217,.13),inset 16px 0 32px rgba(255,255,255,.08),inset -22px 0 38px rgba(61,145,234,.08);
}
.nav-shell:hover::before{transform:none;background-position:center,center,0 0}
.nav-shell:hover::after{left:1px}
.nav-shell>.brand,.nav-shell>.nav-links,.nav-shell>.nav-actions{position:relative;z-index:1}
.brand-name{color:#0a1831;text-shadow:0 1px 0 rgba(255,255,255,.68)}
.brand-disc{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(206,232,255,.6));box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(77,139,211,.16),0 9px 25px rgba(28,88,178,.17)}
.nav-links{border:1px solid rgba(255,255,255,.38);background:linear-gradient(145deg,rgba(255,255,255,.31),rgba(196,225,255,.17));box-shadow:inset 0 1px rgba(255,255,255,.62),inset 0 -1px rgba(65,126,197,.08)}
.icon-btn{color:#132743;border-color:rgba(66,117,178,.16);background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(210,233,255,.36));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(68,132,208,.11),0 7px 18px rgba(25,76,146,.08)}
.icon-btn::before{background:radial-gradient(circle at 28% 13%,rgba(255,255,255,1),transparent 47%);opacity:.74}
.menu-btn{color:#fff;background:linear-gradient(145deg,#091a36,#123f87);border-color:rgba(7,27,57,.78);box-shadow:inset 0 1px 0 rgba(168,211,255,.24),0 8px 20px rgba(6,29,70,.18)}

[data-theme="dark"] .nav-shell,
[data-theme="dark"] .site-header.scrolled .nav-shell{
  border-color:rgba(159,211,255,.32);
  background:linear-gradient(128deg,rgba(7,21,43,.82),rgba(22,52,88,.61) 39%,rgba(9,29,57,.76) 67%,rgba(28,65,105,.53));
  box-shadow:0 25px 72px rgba(0,0,0,.44),0 0 42px rgba(35,124,235,.1),inset 0 1.5px 0 rgba(211,237,255,.25),inset 0 -1px 0 rgba(37,107,186,.23),inset 1px 0 0 rgba(190,225,255,.11),inset -1px 0 0 rgba(97,177,255,.14);
  backdrop-filter:blur(40px) saturate(205%) contrast(116%) brightness(82%);-webkit-backdrop-filter:blur(40px) saturate(205%) contrast(116%) brightness(82%);
}
[data-theme="dark"] .nav-shell::before{opacity:.7;background:radial-gradient(ellipse at 7% -24%,rgba(177,222,255,.34),transparent 32%),radial-gradient(ellipse at 78% 132%,rgba(30,118,222,.28),transparent 36%),linear-gradient(112deg,transparent 17%,rgba(166,216,255,.03) 31%,rgba(194,228,255,.2) 43%,rgba(55,145,237,.14) 49%,rgba(152,208,255,.03) 63%,transparent 77%);background-size:100% 100%,100% 100%,230% 100%;background-position:center,center,100% 0}
[data-theme="dark"] .nav-shell::after{border-color:rgba(192,226,255,.12);box-shadow:inset 0 2px 1px rgba(211,237,255,.17),inset 0 -2px 3px rgba(21,91,171,.18),inset 18px 0 34px rgba(133,201,255,.035),inset -24px 0 40px rgba(26,115,218,.07)}
[data-theme="dark"] .brand-name{color:#f5faff;text-shadow:0 1px 18px rgba(91,175,255,.18)}
[data-theme="dark"] .brand-disc{background:linear-gradient(145deg,rgba(232,246,255,.94),rgba(129,188,243,.6));border-color:rgba(221,241,255,.7);box-shadow:inset 0 1px #fff,inset 0 -1px rgba(13,68,129,.28),0 9px 26px rgba(0,0,0,.24),0 0 22px rgba(70,157,244,.11)}
[data-theme="dark"] .nav-links{border-color:rgba(161,211,255,.13);background:linear-gradient(145deg,rgba(1,11,28,.43),rgba(52,103,157,.13));box-shadow:inset 0 1px rgba(195,227,255,.12),inset 0 -1px rgba(0,6,20,.24)}
[data-theme="dark"] .nav-link{color:#c6d8ed}
[data-theme="dark"] .nav-link .nav-no{color:#72b9ff;opacity:.72}
[data-theme="dark"] .nav-link.active{color:#fff;background:linear-gradient(145deg,rgba(102,177,255,.23),rgba(40,104,181,.16));border-color:rgba(159,211,255,.28);box-shadow:inset 0 1px rgba(219,241,255,.16),0 8px 24px rgba(0,0,0,.18)}
[data-theme="dark"] .icon-btn{color:#f1f8ff;border-color:rgba(163,211,255,.22);background:linear-gradient(145deg,rgba(112,180,245,.17),rgba(30,79,135,.13));box-shadow:inset 0 1px 0 rgba(218,239,255,.18),inset 0 -1px 0 rgba(3,24,52,.36),0 7px 20px rgba(0,0,0,.17)}
[data-theme="dark"] .icon-btn::before{background:radial-gradient(circle at 29% 12%,rgba(211,238,255,.38),transparent 48%);opacity:.78}
[data-theme="dark"] .icon-btn:hover{color:#fff;border-color:rgba(183,222,255,.4);background:linear-gradient(145deg,rgba(105,183,255,.3),rgba(36,105,184,.22));box-shadow:inset 0 1px rgba(229,245,255,.25),0 11px 28px rgba(0,0,0,.25),0 0 22px rgba(67,158,255,.12)}
[data-theme="dark"] .menu-btn{color:#fff;border-color:rgba(116,189,255,.42);background:linear-gradient(145deg,#1761c7,#0b3b8a);box-shadow:inset 0 1px rgba(224,242,255,.28),inset 0 -1px rgba(0,18,55,.36),0 9px 25px rgba(0,0,0,.27),0 0 22px rgba(34,124,239,.13)}
[data-theme="dark"] .menu-btn:hover{background:linear-gradient(145deg,#2a7bea,#1050b5)}

@keyframes navLiquidRefraction{0%{background-position:center,center,100% 0;filter:saturate(1)}55%{filter:saturate(1.08)}100%{background-position:center,center,0 0;filter:saturate(1)}}
@media (max-width:760px){.nav-shell::before,.nav-shell::after{border-radius:19px}}
@media (prefers-reduced-motion:reduce){.nav-shell::before{animation:none}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* =========================================================
   BLUEPRESSO 2.0 — layered editorial revision
   ========================================================= */
:root{
  color-scheme:light;
  --surface:#f4f8ff;
  --surface-2:#e8f2ff;
  --surface-raised:rgba(255,255,255,.82);
  --text:var(--ink);
  --text-soft:#5b687c;
  --glass-edge:rgba(255,255,255,.82);
}
[data-theme="dark"]{
  color-scheme:dark;
  --ink:#eff6ff;
  --paper:#07101f;
  --surface:#0a1528;
  --surface-2:#0e1d36;
  --surface-raised:rgba(13,28,52,.78);
  --text:#eff6ff;
  --text-soft:#98a9c1;
  --muted:#97a8be;
  --line:rgba(190,218,255,.14);
  --glass:rgba(10,24,47,.64);
  --glass-edge:rgba(178,216,255,.16);
  --mist:#132c52;
  --shadow:0 30px 100px rgba(0,0,0,.38);
}
html,body{background:var(--paper);color:var(--text)}
body{transition:background .45s var(--ease),color .45s var(--ease)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 22%,rgba(107,182,252,.13),transparent 24%),radial-gradient(circle at 88% 78%,rgba(18,95,255,.1),transparent 28%)}

/* True liquid navigation */
.site-header{transition:width .45s var(--ease),transform .45s var(--ease)}
.nav-shell{
  position:relative;isolation:isolate;overflow:visible;
  border:1px solid var(--glass-edge);
  background:linear-gradient(135deg,rgba(255,255,255,.73),rgba(230,243,255,.5) 48%,rgba(255,255,255,.68));
  box-shadow:0 18px 55px rgba(8,44,105,.14),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(65,116,190,.08);
  backdrop-filter:blur(30px) saturate(185%) contrast(105%);-webkit-backdrop-filter:blur(30px) saturate(185%) contrast(105%);
  transition:transform .45s var(--ease),background .35s,box-shadow .45s,border-color .35s;
}
.nav-shell::before,.nav-shell::after{display:none}
.nav-shell::before{content:"";position:absolute;z-index:-1;inset:-70% -15%;background:linear-gradient(105deg,transparent 33%,rgba(255,255,255,.9) 48%,rgba(107,182,252,.24) 54%,transparent 66%);transform:translateX(-55%) rotate(4deg);transition:transform .9s var(--ease);pointer-events:none}
.nav-shell::after{content:"";position:absolute;z-index:-2;width:190px;height:190px;border-radius:50%;left:12%;top:-130px;background:rgba(107,182,252,.28);filter:blur(32px);pointer-events:none;transition:left .9s var(--ease)}
.nav-shell:hover{transform:scale(1.018) translateY(2px);box-shadow:0 25px 75px rgba(7,42,103,.22),inset 0 1px 0 rgba(255,255,255,.95);border-color:rgba(255,255,255,.95)}
.nav-shell:hover::before{transform:translateX(58%) rotate(4deg)}
.nav-shell:hover::after{left:74%}
[data-theme="dark"] .nav-shell{background:linear-gradient(135deg,rgba(10,25,49,.76),rgba(22,47,82,.56) 54%,rgba(9,24,48,.72));box-shadow:0 18px 65px rgba(0,0,0,.38),inset 0 1px 0 rgba(200,229,255,.15)}
[data-theme="dark"] .nav-shell:hover{border-color:rgba(141,201,255,.28);box-shadow:0 25px 80px rgba(0,0,0,.48),0 0 50px rgba(18,95,255,.12)}
.brand-disc{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(208,231,255,.48));border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px white,0 8px 24px rgba(29,92,192,.16);transition:transform .4s var(--ease)}
.brand:hover .brand-disc{transform:rotate(-8deg) scale(1.08)}
.brand-disc img{width:29px!important;height:29px!important}
.nav-links{gap:6px;padding:4px;border-radius:18px;background:rgba(255,255,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.48)}
[data-theme="dark"] .nav-links{background:rgba(5,16,34,.24);box-shadow:inset 0 1px rgba(192,223,255,.08)}
.nav-link{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 13px;border:1px solid transparent;border-radius:14px;color:var(--text-soft);box-shadow:0 0 0 transparent;overflow:hidden}
.nav-link::before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;left:50%;top:110%;transform:translate(-50%,0);background:linear-gradient(145deg,#0b58e8,#6bb6fc);transition:top .45s var(--ease);z-index:-1}
.nav-link:hover{color:white!important;background:transparent!important;border-color:rgba(255,255,255,.6);box-shadow:0 9px 24px rgba(18,95,255,.22);transform:translateY(-2px)}
.nav-link:hover::before{top:-55%}
.nav-link.active{color:var(--text);background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.8);box-shadow:0 8px 22px rgba(12,48,105,.1)}
[data-theme="dark"] .nav-link.active{background:rgba(99,166,255,.12);border-color:rgba(137,197,255,.16)}
.nav-link.active::after{bottom:4px}
.nav-no{font-size:8px;letter-spacing:.05em;opacity:.5;font-family:var(--sans)}
.nav-actions{gap:6px}
.icon-btn{position:relative;overflow:hidden;background:rgba(255,255,255,.46);border-color:rgba(77,118,173,.12)}
.icon-btn::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 18%,rgba(255,255,255,.9),transparent 48%);opacity:.7;pointer-events:none}
.icon-btn:hover{transform:translateY(-2px) scale(1.06);background:rgba(255,255,255,.88)}
[data-theme="dark"] .icon-btn{background:rgba(112,172,255,.08);border-color:rgba(152,203,255,.12)}
[data-theme="dark"] .icon-btn:hover{background:rgba(87,159,255,.18)}
.lang-code{font-size:10px;font-weight:850;letter-spacing:.1em;position:relative}
.menu-theme,.menu-language{border:0;background:none;color:white;text-align:left;padding:0;text-transform:uppercase;letter-spacing:.1em;font-size:12px;cursor:pointer}
.tap{animation:tactileTap .34s var(--ease)}
@keyframes tactileTap{40%{transform:scale(.94)}100%{transform:scale(1)}}

/* Language selector */
.language-panel{position:fixed;inset:0;z-index:10150;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.35s}
.language-panel.open{opacity:1;visibility:visible}
.language-backdrop{position:absolute;inset:0;background:rgba(2,10,25,.48);backdrop-filter:blur(16px)}
.language-card{position:relative;width:min(620px,calc(100% - 30px));padding:22px;border-radius:34px;background:var(--surface-raised);border:1px solid var(--glass-edge);backdrop-filter:blur(34px) saturate(170%);box-shadow:0 45px 130px rgba(1,13,40,.36);transform:translateY(18px) scale(.98);transition:transform .45s var(--ease)}
.language-panel.open .language-card{transform:none}
.language-head{display:flex;align-items:center;justify-content:space-between;padding:7px 6px 20px}
.language-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:25px;cursor:pointer}
.language-list{display:grid;gap:7px}
.language-option{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:15px;text-align:left;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.36);color:var(--text);cursor:pointer;transition:.28s var(--ease)}
[data-theme="dark"] .language-option{background:rgba(255,255,255,.025)}
.language-option:hover{transform:translateX(7px);border-color:var(--blue);background:var(--surface-2)}
.language-option.active{background:var(--electric);color:white;border-color:var(--electric);box-shadow:0 12px 35px rgba(18,95,255,.25)}
.language-option small{opacity:.6}.language-option i{font-style:normal;font-size:10px;letter-spacing:.12em}

/* A quieter cursor companion */
.cursor-dot{display:none!important}
.cursor-ring{width:24px;height:24px;border:1px solid rgba(45,120,255,.65);background:rgba(107,182,252,.08);box-shadow:0 0 22px rgba(18,95,255,.25);mix-blend-mode:normal;backdrop-filter:blur(1px);transition:width .25s,height .25s,margin .25s,background .25s,border-color .25s,box-shadow .25s}
body.cursor-hover .cursor-ring{width:40px;height:40px;margin:-8px;background:rgba(107,182,252,.12);border-color:rgba(18,95,255,.38);box-shadow:0 0 35px rgba(18,95,255,.28)}

/* Stronger home entrance */
.home-hero{min-height:100svh;background:#061434;color:white;padding:148px 0 54px;isolation:isolate}
.home-hero::before{z-index:1;background:linear-gradient(90deg,rgba(3,12,34,.97) 0%,rgba(4,21,57,.92) 43%,rgba(6,32,87,.38) 73%,rgba(5,24,64,.68) 100%),radial-gradient(circle at 23% 22%,rgba(38,111,255,.38),transparent 28%)}
.hero-media-backdrop{position:absolute;z-index:0;inset:0;overflow:hidden}
.hero-media-backdrop img{width:100%;height:100%;object-fit:cover;object-position:68% 52%;filter:saturate(1.22) contrast(1.08) brightness(.75);transform:scale(1.03)}
.hero-media-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,14,38,.1),rgba(4,14,38,.58)),linear-gradient(115deg,rgba(18,95,255,.25),transparent 55%);mix-blend-mode:multiply}
.hero-wordmark{position:absolute;z-index:1;left:-1.2vw;bottom:-.13em;font-size:clamp(100px,16.8vw,300px);font-weight:850;line-height:.72;letter-spacing:-.08em;color:rgba(153,207,255,.055);white-space:nowrap;pointer-events:none}
.home-hero .hero-grid{z-index:3;grid-template-columns:1.18fr .82fr}
.home-hero .display{font-size:clamp(72px,9vw,154px);text-shadow:0 12px 55px rgba(0,0,0,.22)}
.home-hero .display em{color:#9dd5ff}
.home-hero .hero-bottom p{color:rgba(225,239,255,.72)}
.home-hero .eyebrow{color:#bfe2ff}
.home-hero .live-pill{background:rgba(173,216,255,.1);border-color:rgba(195,227,255,.18)}
.home-hero .btn-ghost{color:white;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22)}
.home-hero .hero-visual{height:min(69vh,720px)}
.home-hero .hero-photo{inset:8% 2% 13% 19%;border-radius:50% 50% 43% 57% / 36% 44% 56% 64%;border:1px solid rgba(209,233,255,.2);box-shadow:0 40px 110px rgba(0,0,0,.4),0 0 0 12px rgba(255,255,255,.025)}
.home-hero .hero-photo img{filter:saturate(1.08) contrast(1.1);object-position:50% 83%}
.home-hero .hero-sticker{right:-2px;top:11%;background:rgba(107,182,252,.2);border:1px solid rgba(205,233,255,.38);backdrop-filter:blur(18px);box-shadow:0 20px 65px rgba(0,0,0,.28)}
.glass-now{left:1%;bottom:3%;background:linear-gradient(135deg,rgba(213,237,255,.2),rgba(101,165,255,.1));color:white;border-color:rgba(210,235,255,.28);box-shadow:0 25px 70px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.25)}
.glass-now-head{color:rgba(230,243,255,.62)}
.mood-tab{color:white;background:rgba(255,255,255,.08)}
.mood-tab.active,.mood-tab:hover{background:white;color:#0c2a67}
.hero-index-card{position:absolute;z-index:5;display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;padding:13px 16px;border-radius:18px;background:rgba(6,22,56,.34);border:1px solid rgba(190,226,255,.2);backdrop-filter:blur(18px) saturate(150%);color:white;transition:.35s var(--ease)}
.hero-index-card:hover{transform:translateY(-5px) rotate(-1deg);background:rgba(85,154,255,.24);border-color:rgba(205,234,255,.45)}
.hero-index-card span{grid-row:1/3;font-family:var(--serif);font-style:italic;color:#8dcaff;font-size:25px}.hero-index-card strong{font-size:12px}.hero-index-card small{font-size:9px;opacity:.55;text-transform:uppercase;letter-spacing:.08em}
.hero-index-one{right:2%;bottom:16%}.hero-index-two{right:7%;bottom:6%}
.home-hero .scroll-cue{color:#c8e5ff}.home-hero .scroll-cue i{background:#c8e5ff}

/* Richer liquid chapter transition */
.liquid-curtain{visibility:hidden;background:linear-gradient(145deg,#041644,#0b5ff0 52%,#70c3ff);clip-path:inset(0 0 100% 0 round 0 0 50% 50%);overflow:hidden}
.liquid-curtain.pour{visibility:visible;animation:liquidChapter 1.7s var(--ease) forwards}
.liquid-curtain::before{width:62vw;background:#64b9ff;bottom:-30vw;left:-12vw;filter:blur(18px);opacity:.32}.liquid-curtain::after{width:46vw;background:white;right:-12vw;bottom:-16vw;filter:blur(45px);opacity:.12}
.liquid-logo{position:absolute;z-index:5;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:16px;transform:translate(-50%,-44%) scale(.86);opacity:0;color:white;font-size:10px;font-weight:800;letter-spacing:.22em}
.liquid-logo img{width:78px;height:78px;filter:brightness(0) invert(1)}
.liquid-curtain.pour .liquid-logo{animation:liquidLogo 1.7s var(--ease) forwards}
.liquid-drop{position:absolute;z-index:3;top:-20vh;border-radius:48% 52% 55% 45% / 62% 45% 55% 38%;background:linear-gradient(145deg,#8ad3ff,#1266ff);box-shadow:inset -15px -10px 30px rgba(0,37,139,.22);transform:translateY(-20vh)}
.d1{left:9%;width:60px;height:88px}.d2{left:28%;width:28px;height:42px}.d3{right:20%;width:48px;height:70px}.d4{right:5%;width:22px;height:34px}
.liquid-curtain.pour .d1{animation:dropFall .75s .1s var(--ease) forwards}.liquid-curtain.pour .d2{animation:dropFall .65s .28s var(--ease) forwards}.liquid-curtain.pour .d3{animation:dropFall .7s .18s var(--ease) forwards}.liquid-curtain.pour .d4{animation:dropFall .6s .35s var(--ease) forwards}
.liquid-ripple{position:absolute;left:50%;bottom:7%;width:80px;height:22px;border:2px solid rgba(255,255,255,.4);border-radius:50%;transform:translateX(-50%) scale(0);opacity:0}.liquid-curtain.pour .liquid-ripple{animation:rippleWide .8s .58s ease-out forwards}
@keyframes liquidChapter{0%{clip-path:inset(0 0 100% 0 round 0 0 55% 55%)}38%{clip-path:inset(0 0 0 0 round 0 0 0 0);opacity:1}76%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(100% 0 0 0 round 50% 50% 0 0);opacity:0}}
@keyframes liquidLogo{0%,25%{opacity:0;transform:translate(-50%,-44%) scale(.82)}48%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(1.05)}}
@keyframes dropFall{to{transform:translateY(92vh) rotate(160deg)}}
@keyframes rippleWide{30%{opacity:1}100%{opacity:0;transform:translateX(-50%) scale(12,4)}}

/* Layered sections — no dead white slabs */
.manifesto,.taste-finder,.recipe-body,.roast-lab,.about-statement,.pairing-tease{background:linear-gradient(135deg,var(--surface) 0%,#fff 54%,var(--surface-2) 100%)}
.manifesto::before,.taste-finder::before,.roast-lab::before,.about-statement::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;border:1px solid rgba(47,116,233,.1);right:-180px;top:-170px;box-shadow:0 0 0 70px rgba(47,116,233,.025),0 0 0 140px rgba(47,116,233,.018);pointer-events:none}
.daily-feature{background:linear-gradient(145deg,#d6eaff 0%,#eef7ff 45%,#cde4ff 100%)}
.daily-feature::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,104,205,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,104,205,.06) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(135deg,#000,transparent 72%);pointer-events:none}
.bean-tease{background:linear-gradient(145deg,#dcecff,#eff7ff 52%,#cce4ff)}
.section{isolation:isolate}
[data-theme="dark"] .manifesto,[data-theme="dark"] .taste-finder,[data-theme="dark"] .recipe-body,[data-theme="dark"] .roast-lab,[data-theme="dark"] .about-statement,[data-theme="dark"] .pairing-tease,[data-theme="dark"] .section[style*="background:white"]{background:linear-gradient(145deg,#091426,#0c1a30 54%,#0e203c)!important;color:var(--text)}
[data-theme="dark"] .daily-feature,[data-theme="dark"] .daily-masthead,[data-theme="dark"] .daily-issue-grid,[data-theme="dark"] .section[style*="background:#ddecff"]{background:linear-gradient(145deg,#0a1930,#10284b)!important;color:var(--text)}
[data-theme="dark"] .bean-tease,[data-theme="dark"] .bean-lab,[data-theme="dark"] .journey-stage,[data-theme="dark"] .section[style*="background:#eaf3ff"]{background:linear-gradient(145deg,#0b182c,#102541)!important;color:var(--text)}
[data-theme="dark"] .story-dek,[data-theme="dark"] .section-lede,[data-theme="dark"] .origin-copy,[data-theme="dark"] .journey-stop p,[data-theme="dark"] .article-dek{color:var(--text-soft)}
[data-theme="dark"] .finder-panel,[data-theme="dark"] .ingredient-card,[data-theme="dark"] .origin-stage,[data-theme="dark"] .language-card{background:rgba(12,29,54,.82);border-color:rgba(165,209,255,.13)}
[data-theme="dark"] .recipe-card-copy,[data-theme="dark"] .origin-metric,[data-theme="dark"] .pairing-row{background:transparent;color:var(--text)}
[data-theme="dark"] .filter-glass{background:rgba(9,23,44,.78);border-color:rgba(155,206,255,.12)}
[data-theme="dark"] .filter-group,[data-theme="dark"] .filter-search{background:rgba(255,255,255,.045);color:var(--text);border-color:var(--line)}
[data-theme="dark"] .story-image::after{background:rgba(10,25,48,.72);color:white}

/* Full-impact interior heroes */
.page-hero{min-height:88svh;background:#071a46;color:white;padding-top:175px;isolation:isolate}
.page-hero::before{z-index:0;inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(90deg,rgba(3,13,37,.96) 0%,rgba(5,28,75,.88) 48%,rgba(8,45,112,.35) 100%),radial-gradient(circle at 30% 12%,rgba(61,135,255,.46),transparent 33%);opacity:1}
.page-hero::after{content:"";position:absolute;z-index:-1;inset:0;background-position:70% 50%;background-size:cover;filter:saturate(1.05) contrast(1.03);opacity:.88;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 30%,#000 63%)}
body[data-page="recipes"] .page-hero::after{background-image:url('images/recipes/espresso.webp')}
body[data-page="daily"] .page-hero::after{background-image:url('images/brewing.jpg')}
body[data-page="beans"] .page-hero::after{background-image:url('images/cherries.jpg')}
body[data-page="journey"] .page-hero::after{background-image:url('images/beans-roast.jpg')}
body[data-page="about"] .page-hero::after{background-image:none}
.page-hero-grid{z-index:2}.page-hero .display{font-size:clamp(80px,12.4vw,195px);text-shadow:0 20px 70px rgba(0,0,0,.28)}
.page-hero .display .serif{color:#9dd7ff}.page-hero .eyebrow{color:#bfe2ff}.page-hero-aside p{color:rgba(230,242,255,.72)}
.page-hero-meta{gap:0}.page-hero-meta .chip{position:relative;background:none;border:0;color:rgba(231,244,255,.75);padding:8px 17px 8px 0;margin-right:17px}
.page-hero-meta .chip::after{content:"";position:absolute;right:0;top:50%;width:4px;height:4px;border-radius:50%;background:#6bb6fc}.page-hero-meta .chip:last-child::after{display:none}
.daily-masthead .daily-date-row{border-color:rgba(255,255,255,.25);color:rgba(235,246,255,.75)}

/* Ordered recipe library */
.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 20px;align-items:start}
.recipe-card,.recipe-card:nth-child(n){grid-column:auto!important;margin-top:0!important;padding:0!important;transition:transform .45s var(--ease),filter .35s}
.recipe-card-image,.recipe-card:nth-child(n) .recipe-card-image{height:auto!important;aspect-ratio:4/5;border-radius:28px;box-shadow:0 24px 60px rgba(10,48,109,.13);isolation:isolate}
.recipe-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(4,15,39,.58));z-index:1;opacity:.75;transition:opacity .35s}
.recipe-card-image img{filter:saturate(.94) contrast(1.04);transform:scale(1.002)}
.recipe-card:hover{transform:translateY(-10px) scale(1.018);z-index:3}
.recipe-card:hover .recipe-card-image img{transform:scale(1.055);filter:saturate(1.08) contrast(1.06)}
.recipe-card:hover .recipe-card-image::after{opacity:.92}
.recipe-card-index{position:absolute;z-index:3;left:15px;top:15px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(244,250,255,.68);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(15px);font-family:var(--serif);font-style:italic;color:#102d68}
.recipe-card-glass{position:absolute;z-index:3;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:15px;display:flex;justify-content:space-between;color:white;font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;background:rgba(9,28,66,.34);border:1px solid rgba(215,237,255,.25);backdrop-filter:blur(17px) saturate(145%);transform:translateY(9px);opacity:.82;transition:.35s var(--ease)}
.recipe-card:hover .recipe-card-glass{transform:none;opacity:1}
.recipe-card-copy{padding:18px 5px 0}.recipe-card-copy h3{font-size:clamp(25px,2.2vw,37px)}
.recipe-card-arrow{z-index:4;transform:rotate(-45deg) scale(.88);opacity:0}.recipe-card:hover .recipe-card-arrow{opacity:1;transform:rotate(0) scale(1)}
.recipe-count{margin-top:75px}

/* Step-by-step taste wizard */
.finder-wizard{display:grid;grid-template-rows:auto 1fr auto;min-height:620px;padding:34px;background:linear-gradient(145deg,rgba(232,245,255,.92),rgba(255,255,255,.66));border-color:rgba(255,255,255,.9);box-shadow:0 35px 100px rgba(12,51,121,.18),inset 0 1px white}
.finder-wizard::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(47,116,233,.13);right:-70px;bottom:-95px;box-shadow:0 0 0 45px rgba(47,116,233,.035),0 0 0 90px rgba(47,116,233,.02)}
.wizard-top{position:relative;z-index:2;display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}
.wizard-progress{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--blue)}
.wizard-question{position:relative;z-index:2;padding:38px 0 25px}.wizard-question h3{font-size:clamp(42px,4.5vw,68px);line-height:.92;letter-spacing:-.06em;margin:0;max-width:620px}.wizard-question p{color:var(--text-soft);font-family:var(--serif);font-size:19px;margin:18px 0 0;max-width:520px}.wizard-ghost{position:absolute;right:0;top:15px;font-family:var(--serif);font-size:120px;line-height:1;color:rgba(46,111,225,.065);font-style:italic}
.wizard-options{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-self:end}.wizard-options:has(.wizard-option:nth-child(2):last-child){grid-template-columns:1fr 1fr}
.wizard-option{min-height:145px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.55);color:var(--text);text-align:left;display:grid;grid-template-columns:1fr auto;align-content:end;gap:5px;cursor:pointer;position:relative;overflow:hidden;transition:.35s var(--ease)}
[data-theme="dark"] .wizard-option{background:rgba(255,255,255,.035)}
.wizard-option::before{content:"";position:absolute;inset:100% 0 0;background:linear-gradient(145deg,#0d5af0,#63b5ff);transition:inset .4s var(--ease)}
.wizard-option:hover,.wizard-option.selected{transform:translateY(-7px);color:white;border-color:transparent;box-shadow:0 20px 45px rgba(18,95,255,.24)}.wizard-option:hover::before,.wizard-option.selected::before{inset:0}
.wizard-option strong,.wizard-option small,.wizard-option svg{position:relative;z-index:2}.wizard-option strong{font-size:22px;letter-spacing:-.035em}.wizard-option small{grid-column:1;color:var(--text-soft)}.wizard-option:hover small,.wizard-option.selected small{color:rgba(255,255,255,.7)}.wizard-option svg{grid-column:2;grid-row:1/3;width:20px;align-self:center;transition:transform .3s}.wizard-option:hover svg{transform:translateX(5px)}
.wizard-option-mark{position:absolute;z-index:2;top:16px;left:16px;width:13px;height:13px;border-radius:50%;border:1px solid var(--blue)}
.wizard-back,.wizard-restart{position:relative;z-index:3;width:max-content;margin-top:15px;border:0;background:none;color:var(--text-soft);font-weight:700;cursor:pointer;padding:8px 0;border-bottom:1px solid var(--line)}
.wizard-result-visual{position:absolute;left:0;top:0;bottom:0;width:42%;overflow:hidden}.wizard-result-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(4,18,49,.5))}.wizard-result-visual img{width:100%;height:100%;object-fit:cover}.wizard-match{position:absolute;z-index:2;left:22px;bottom:22px;padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.68);backdrop-filter:blur(15px);color:#0c2a66;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.wizard-result-copy{position:relative;z-index:2;margin-left:44%;padding:30px 10px 10px 25px;display:flex;flex-direction:column;justify-content:center;min-height:550px}.wizard-result-copy h3{font-size:clamp(47px,5vw,78px);line-height:.85;letter-spacing:-.065em;margin:18px 0}.wizard-result-copy>p{font-family:var(--serif);font-size:20px;color:var(--text-soft)}.wizard-result-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.wizard-result-actions .btn{min-height:50px}.wizard-result-actions .wizard-restart{width:100%;margin-top:10px}

/* Vector cup composition + visual pairing */
.ingredient-card{padding:28px;background:linear-gradient(145deg,#e5f2ff,#f7fbff);box-shadow:0 25px 80px rgba(11,49,111,.13)}
.serving-label{font-weight:700;margin-top:4px}
.cup-composition{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.cup-composition-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.cup-composition-head strong{font-size:15px;text-align:right}
.cup-composition-body{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;margin-top:15px}.cup-composition svg{width:100%;max-height:280px;overflow:visible;filter:drop-shadow(0 20px 20px rgba(17,58,116,.14))}.cup-ice rect{fill:rgba(226,246,255,.38);stroke:rgba(255,255,255,.78);stroke-width:2}
.cup-legend{display:grid;gap:10px}.cup-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:10px}.cup-legend i{width:9px;height:9px;border-radius:50%;background:var(--layer);box-shadow:0 0 0 3px color-mix(in srgb,var(--layer) 20%,transparent)}.cup-legend strong{font-size:10px}
.flavor-strip h3{font-size:42px;line-height:1;letter-spacing:-.05em;margin:16px 0}.flavor-strip p{font-family:var(--serif);font-size:22px;color:var(--text-soft)}
.pairing-grid-visual{margin-top:26px}.pairing-grid-visual .pairing-card{padding:0;min-height:310px;overflow:hidden;position:relative;background:#0a1833}.pairing-grid-visual .pairing-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .4s}.pairing-grid-visual .pairing-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(3,13,32,.86))}.pairing-grid-visual .pairing-card:hover img{transform:scale(1.06);filter:saturate(1.1)}.pairing-card-overlay{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;align-items:end;gap:12px}.pairing-card-overlay span{color:#9dd6ff}.pairing-card-overlay strong{font-size:20px;text-align:right}

/* Small bug fixes and quality details */
.reveal.visible{will-change:auto}.about-tease .section-title{backface-visibility:hidden;transform:translateZ(0)}
.search-empty{padding:28px;text-align:center;color:var(--text-soft)}
.article-aside strong{display:block;margin-top:7px}.article-aside>div{margin-top:35px}.article-note{font-family:var(--sans);font-size:14px;padding-top:30px;border-top:1px solid var(--line)}
.filter-search::placeholder,.search-input::placeholder{color:var(--text-soft)}

@media (max-width:1260px){
  .nav-link{padding-inline:10px}.nav-no{display:none}.nav-actions .theme-toggle{display:none}
  .recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-hero .hero-grid{grid-template-columns:1fr .72fr}.hero-index-card{display:none}
  .wizard-options{grid-template-columns:1fr!important}.wizard-option{min-height:105px}.wizard-result-visual{width:38%}.wizard-result-copy{margin-left:40%}
}
@media (max-width:760px){
  .nav-shell:hover{transform:none}.nav-actions .language-toggle{display:flex}.nav-actions .theme-toggle,.nav-actions .search-toggle{display:none}
  .home-hero{padding-top:105px}.home-hero .hero-grid{grid-template-columns:1fr}.home-hero .display{font-size:clamp(62px,18.5vw,92px)}.hero-media-backdrop img{object-position:62% 50%}.home-hero::before{background:linear-gradient(180deg,rgba(3,12,34,.92) 0%,rgba(4,20,55,.72) 48%,rgba(3,13,36,.94) 100%)}.home-hero .hero-visual{height:31vh}.home-hero .hero-photo{inset:0 0 0 18%;opacity:.78}.hero-wordmark{font-size:28vw;bottom:2%}.glass-now{left:0;bottom:-8px}.liquid-curtain{display:none}
  .page-hero{min-height:78svh;padding-top:125px}.page-hero::after{background-position:62% 50%;mask-image:linear-gradient(180deg,rgba(0,0,0,.35),#000)}.page-hero::before{background:linear-gradient(180deg,rgba(3,13,37,.78),rgba(4,18,48,.9))}.page-hero .display{font-size:clamp(66px,21vw,105px)}
  .recipe-grid{grid-template-columns:1fr;gap:52px}.recipe-card:nth-child(n){padding:0!important}.recipe-card-image,.recipe-card:nth-child(n) .recipe-card-image{aspect-ratio:4/5;height:auto!important}.recipe-card-copy h3{font-size:35px}
  .finder-wizard{min-height:650px;padding:24px}.wizard-question h3{font-size:48px}.wizard-options{gap:8px}.wizard-option{min-height:96px}.wizard-result-visual{position:relative;width:calc(100% + 48px);height:270px;margin:-24px -24px 0}.wizard-result-copy{margin:0;padding:28px 0 0;min-height:auto}.wizard-result-copy h3{font-size:54px}.wizard-result-actions{display:grid}.wizard-result-actions .btn{width:100%}
  .cup-composition-body{grid-template-columns:1fr 1fr}.pairing-grid-visual .pairing-card{min-height:360px}
  .language-card{padding:14px;border-radius:26px}.language-option{padding:15px}.language-option small{display:none}
}

/* =========================================================
   BLUEPRESSO 3.0 — confident, abstract opening composition
   ========================================================= */
.language-option{grid-template-columns:auto 1fr 1fr auto}
.language-flag{font-size:25px;line-height:1;font-weight:400;filter:saturate(.95);transform:translateY(-1px)}

.home-hero{
  min-height:100svh;padding:128px 0 60px;display:grid;place-items:center;
  color:#06183e;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 50% 46%,rgba(244,251,255,.94) 0 15%,rgba(215,237,255,.58) 31%,transparent 56%),
    radial-gradient(circle at 11% 20%,rgba(25,103,241,.38),transparent 30%),
    radial-gradient(circle at 87% 78%,rgba(6,75,211,.34),transparent 27%),
    linear-gradient(135deg,#8fc8ff 0%,#d9edff 45%,#70aff5 100%);
  transition:background .6s var(--ease),color .45s var(--ease)
}
.home-hero::before{
  content:"";position:absolute;z-index:0;inset:0;background:
  linear-gradient(rgba(15,75,170,.055) 1px,transparent 1px),
  linear-gradient(90deg,rgba(15,75,170,.055) 1px,transparent 1px);
  background-size:76px 76px;mask-image:radial-gradient(circle at center,#000,transparent 74%);opacity:.68
}
.home-hero::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 32%,rgba(5,53,135,.08));pointer-events:none}
[data-theme="dark"] .home-hero{
  color:#f3f8ff;
  background:
    radial-gradient(circle at 50% 46%,rgba(29,83,171,.4) 0 14%,rgba(8,31,78,.48) 32%,transparent 58%),
    radial-gradient(circle at 8% 17%,rgba(18,95,255,.32),transparent 29%),
    radial-gradient(circle at 90% 82%,rgba(49,125,255,.23),transparent 30%),
    linear-gradient(140deg,#020817 0%,#071b42 48%,#031027 100%)
}
[data-theme="dark"] .home-hero::before{background-image:linear-gradient(rgba(126,185,255,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(126,185,255,.052) 1px,transparent 1px);opacity:.48}
.hero-atmosphere{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden}
.hero-atmosphere::before{content:"";position:absolute;width:44vw;height:44vw;left:var(--spot-x,50%);top:var(--spot-y,48%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.19),transparent 63%);transform:translate(-50%,-50%);filter:blur(9px);opacity:.55;transition:opacity .5s}
.home-hero.is-interacting .hero-atmosphere::before{opacity:.9}
.hero-ribbon{position:absolute;border:1px solid rgba(255,255,255,.38);background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(85,155,255,.13) 52%,rgba(255,255,255,.06));box-shadow:inset 0 1px rgba(255,255,255,.72),0 40px 100px rgba(14,69,155,.13);backdrop-filter:blur(22px) saturate(150%);transform-origin:center;will-change:transform}
.ribbon-one{width:58vw;height:24vw;min-height:230px;left:-30vw;top:7vh;border-radius:44% 56% 63% 37% / 54% 45% 55% 46%;transform:rotate(28deg)}
.ribbon-two{width:51vw;height:20vw;min-height:205px;right:-25vw;bottom:3vh;border-radius:60% 40% 48% 52% / 44% 57% 43% 56%;transform:rotate(-25deg)}
.ribbon-three{width:29vw;height:13vw;right:4vw;top:16vh;border-radius:45% 55% 70% 30% / 63% 37% 63% 37%;transform:rotate(18deg);opacity:.45}
.hero-current{position:absolute;display:block;width:44vw;height:11vw;min-height:90px;border-radius:50%;border-top:1px solid rgba(255,255,255,.48);filter:drop-shadow(0 -7px 18px rgba(76,143,240,.12));opacity:.42;will-change:transform}
.hero-current::after{content:"";position:absolute;left:16%;top:-2px;width:23%;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);filter:blur(2px);animation:currentGlint 7s ease-in-out infinite}
.current-one{left:7vw;top:31vh;transform:rotate(-8deg)}
.current-two{right:4vw;bottom:17vh;transform:rotate(10deg) scaleX(.75);opacity:.3}
[data-theme="dark"] .hero-current{border-color:rgba(120,190,255,.22);filter:drop-shadow(0 -7px 20px rgba(27,101,220,.16));opacity:.3}
[data-theme="dark"] .hero-ribbon{border-color:rgba(151,204,255,.16);background:linear-gradient(135deg,rgba(72,139,255,.14),rgba(7,31,75,.22) 55%,rgba(110,184,255,.07));box-shadow:inset 0 1px rgba(175,216,255,.12),0 48px 120px rgba(0,0,0,.35)}
.hero-halo{position:absolute;border-radius:50%;border:1px solid rgba(12,75,179,.14);box-shadow:0 0 0 32px rgba(20,99,225,.035),0 0 0 65px rgba(20,99,225,.02)}
.halo-one{width:32vw;height:32vw;min-width:370px;min-height:370px;left:50%;top:49%;transform:translate(-50%,-50%)}
.halo-two{width:9px;height:9px;left:18%;bottom:21%;background:#0d5eea;border:0;box-shadow:0 0 0 10px rgba(18,95,255,.08),0 0 0 25px rgba(18,95,255,.035)}
[data-theme="dark"] .hero-halo{border-color:rgba(131,194,255,.13);box-shadow:0 0 0 32px rgba(70,145,255,.025),0 0 0 65px rgba(70,145,255,.015)}
.hero-crest{position:absolute;left:50%;top:50%;width:clamp(112px,10vw,165px);height:clamp(112px,10vw,165px);border-radius:42% 58% 52% 48% / 55% 42% 58% 45%;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-7deg);background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(140,194,255,.2));border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 1px white,0 40px 100px rgba(20,75,160,.18);backdrop-filter:blur(25px);opacity:.8}
.hero-crest img{width:52%;filter:drop-shadow(0 12px 24px rgba(11,65,161,.18));opacity:.72}
[data-theme="dark"] .hero-crest{background:linear-gradient(145deg,rgba(77,148,255,.14),rgba(4,22,58,.26));border-color:rgba(163,210,255,.16);box-shadow:inset 0 1px rgba(211,235,255,.12),0 45px 120px rgba(0,0,0,.35)}
[data-theme="dark"] .hero-crest img{filter:brightness(1.35) saturate(.9) drop-shadow(0 12px 26px rgba(29,100,255,.35));opacity:.75}
.hero-center{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1190px;transform-style:preserve-3d;will-change:transform}
.home-hero .hero-kicker{justify-content:center;gap:24px;width:100%;max-width:none;margin:0 0 26px;color:rgba(7,36,86,.72)}
.home-hero .live-pill{background:rgba(255,255,255,.34);border-color:rgba(255,255,255,.58);box-shadow:inset 0 1px rgba(255,255,255,.75)}
[data-theme="dark"] .home-hero .hero-kicker{color:rgba(220,238,255,.72)}
[data-theme="dark"] .home-hero .live-pill{background:rgba(84,157,255,.08);border-color:rgba(158,208,255,.14)}
.hero-master-title{position:relative;z-index:2;margin:0;text-transform:uppercase;font-size:clamp(75px,10.6vw,176px);line-height:.72;letter-spacing:-.085em;font-weight:820;text-wrap:balance;text-shadow:0 24px 70px rgba(25,80,155,.14)}
.hero-master-title span,.hero-master-title em{display:block}
.hero-master-title em{font-family:var(--serif);font-weight:400;text-transform:none;font-size:.79em;letter-spacing:-.065em;color:#0d5de2;transform:translateY(.09em)}
[data-theme="dark"] .hero-master-title{text-shadow:0 28px 90px rgba(0,0,0,.42)}
[data-theme="dark"] .hero-master-title em{color:#72b9ff}
.hero-dek{position:relative;z-index:2;width:min(610px,90%);margin:34px auto 0;font-family:var(--serif);font-size:clamp(17px,1.55vw,23px);line-height:1.45;color:rgba(7,34,78,.72)}
[data-theme="dark"] .hero-dek{color:rgba(220,236,255,.69)}
.home-hero .hero-actions{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:24px;margin-top:27px}
.home-hero .btn-light{background:#071c46;color:white;border-color:#071c46;box-shadow:0 18px 42px rgba(7,40,99,.2)}
.home-hero .btn-light:hover{background:#0e60ed;border-color:#0e60ed;box-shadow:0 22px 55px rgba(11,77,190,.3)}
[data-theme="dark"] .home-hero .btn-light{background:#eef7ff;color:#061737;border-color:#eef7ff;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.hero-text-link{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:gap .3s,color .3s}
.hero-text-link:hover{gap:19px;color:#0759dc}
[data-theme="dark"] .hero-text-link:hover{color:#79c1ff}
.hero-signal{position:absolute;z-index:4;right:0;bottom:-116px;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:18px;padding:12px 13px 12px 18px;border-radius:23px;text-align:left;background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(212,235,255,.3));border:1px solid rgba(255,255,255,.68);box-shadow:0 20px 60px rgba(17,67,145,.14),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(24px) saturate(165%);font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.hero-signal>a{display:flex;align-items:center;gap:15px}.hero-signal strong{font-size:14px;letter-spacing:-.02em;text-transform:none}.hero-signal>a i{font-style:normal;font-size:14px}
.hero-signal .mood-tabs{margin:0;padding-left:4px;border-left:1px solid rgba(5,42,100,.13)}
.hero-signal .mood-tab{color:#18335f;background:rgba(255,255,255,.34)}
.hero-signal .mood-tab.active,.hero-signal .mood-tab:hover{background:#0b5fe8;color:white}
[data-theme="dark"] .hero-signal{background:linear-gradient(135deg,rgba(29,62,109,.58),rgba(9,28,62,.42));border-color:rgba(166,210,255,.16);box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 1px rgba(197,226,255,.1)}
[data-theme="dark"] .hero-signal .mood-tabs{border-color:rgba(185,220,255,.12)}
[data-theme="dark"] .hero-signal .mood-tab{color:#dcecff;background:rgba(134,192,255,.06)}
.home-hero .scroll-cue{z-index:4;color:rgba(7,34,78,.62);bottom:26px}.home-hero .scroll-cue i{background:currentColor}
[data-theme="dark"] .home-hero .scroll-cue{color:rgba(211,233,255,.58)}
@keyframes currentGlint{0%,100%{transform:translateX(-10%);opacity:.2}50%{transform:translateX(250%);opacity:.72}}
@media (prefers-reduced-motion:reduce){
  .hero-current::after{animation:none}
  .hero-ribbon,.hero-current,.hero-center{will-change:auto!important;transform:none!important}
  .ribbon-one{transform:rotate(28deg)!important}.ribbon-two{transform:rotate(-25deg)!important}.ribbon-three{transform:rotate(18deg)!important}
}
@media (max-width:760px){.hero-current{display:none}.hero-atmosphere::before{width:85vw;height:85vw}}

/* A fast, silent liquid hand-off to chapter one. */
.liquid-curtain{display:block!important;visibility:hidden;background:transparent;clip-path:none;overflow:hidden}
.liquid-curtain::before,.liquid-curtain::after{display:none}
.liquid-curtain.pour{visibility:visible;animation:none}
.liquid-sheet{position:absolute;left:-5%;width:110%;height:118%;border-radius:0 0 48% 52% / 0 0 12% 14%;transform:translateY(-112%);will-change:transform}
.sheet-one{z-index:1;background:linear-gradient(120deg,#071a4d,#0a60f2 58%,#79c5ff)}
.sheet-two{z-index:2;background:linear-gradient(120deg,rgba(125,202,255,.78),rgba(33,108,237,.35));mix-blend-mode:screen;filter:blur(10px);opacity:.5}
.liquid-curtain.pour .sheet-one{animation:quickPour .72s var(--ease) forwards}
.liquid-curtain.pour .sheet-two{animation:quickPour .72s .035s var(--ease) forwards}
@keyframes quickPour{0%{transform:translateY(-112%)}45%{transform:translateY(-7%)}55%{transform:translateY(-7%)}100%{transform:translateY(108%)}}

/* Use the original Bluepresso collection — never packaging or branded product art. */
body[data-page="recipes"] .page-hero::after{background-image:url('images/recipes/espresso.webp');background-position:78% 47%}
body[data-page="about"] .page-hero::after{background-image:none;background:radial-gradient(circle at 78% 42%,rgba(128,202,255,.55),transparent 17%),linear-gradient(135deg,transparent 30%,rgba(73,153,255,.25) 30% 31%,transparent 31% 42%,rgba(116,197,255,.12) 42% 43%,transparent 43%)}

/* Restraint in section rhythm: generous, but never deserted. */
.section{padding-block:clamp(94px,10vw,148px)}
.recipe-universe{background:linear-gradient(145deg,#0a285f 0%,#075ce4 58%,#69b9ff 100%)}
[data-theme="dark"] .recipe-universe{background:linear-gradient(145deg,#050d1c 0%,#09265e 62%,#0b438f 100%)}
.taste-finder::after{content:"TASTE / FEELING / RITUAL";position:absolute;left:3vw;bottom:14px;color:rgba(23,89,190,.08);font-size:clamp(34px,7vw,110px);font-weight:850;letter-spacing:-.06em;white-space:nowrap;pointer-events:none}
[data-theme="dark"] .taste-finder::after{color:rgba(110,180,255,.045)}
.daily-feature,.bean-tease{overflow:hidden}

@media (max-width:900px){
  .hero-master-title{font-size:clamp(68px,13.8vw,128px)}
  .hero-signal{right:50%;bottom:-120px;transform:translateX(50%);white-space:nowrap}
  .ribbon-three{display:none}
}
@media (max-width:760px){
  .home-hero{padding:112px 0 42px;min-height:100svh}
  .home-hero .hero-kicker{gap:12px;margin-bottom:24px}.home-hero .live-pill{display:inline-flex}
  .hero-master-title{font-size:clamp(58px,18vw,88px);line-height:.76}
  .hero-dek{font-size:16px;margin-top:28px}
  .home-hero .hero-actions{margin-top:22px;gap:14px}.hero-text-link{font-size:10px}
  .hero-crest{width:96px;height:96px;top:43%}
  .halo-one{min-width:280px;min-height:280px;top:44%}
  .ribbon-one{width:88vw;height:42vw;left:-57vw;top:13vh}.ribbon-two{width:84vw;height:39vw;right:-56vw;bottom:9vh}
  .hero-signal{position:relative;right:auto;bottom:auto;transform:none;margin-top:26px;grid-template-columns:auto auto;gap:10px;padding:10px 12px}.hero-signal .mood-tabs{grid-column:1/3;border:0;border-top:1px solid rgba(8,49,109,.12);padding:9px 0 0;justify-content:center}
  .home-hero .scroll-cue{display:none}.liquid-curtain{display:none!important}
  .language-option{grid-template-columns:auto 1fr auto}.language-option small{display:none}
}
@media (prefers-reduced-motion:reduce){.hero-ribbon{animation:none!important}.liquid-curtain{display:none!important}}

/* =========================================================
   BLUEPRESSO 2.1 — refined identity, responsive states
   ========================================================= */

/* One typographic system: Bluepresso sans + editorial serif only. */
.mono,.nav-no,.timer-display{font-family:var(--sans)}
.wizard-question p,.wizard-result-copy>p,.flavor-strip p,.origin-copy,.journey-stop p{font-family:var(--sans)}
.daily-signal-note{padding:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.daily-signal-note p{font-family:var(--sans);font-size:23px;line-height:1.28;margin:14px 0 0;letter-spacing:-.025em}

/* Flag-led language shelf: opens from the navbar button. */
.language-control{position:relative}
.language-control>.language-toggle{width:64px;display:grid;grid-template-columns:26px auto;gap:3px;align-items:center;justify-content:center;overflow:visible}
.current-flag{position:relative;z-index:2;font-size:22px;line-height:1;filter:saturate(1.08)}
.language-control .lang-code{font-size:8px;letter-spacing:.08em}
.language-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:330px;padding:8px;display:grid;gap:6px;border-radius:26px;background:linear-gradient(145deg,rgba(249,252,255,.94),rgba(222,239,255,.88));border:1px solid rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(4,30,78,.24),inset 0 1px white;backdrop-filter:blur(30px) saturate(175%);opacity:0;visibility:hidden;transform:translateY(-12px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .2s,visibility .2s,transform .3s var(--ease)}
[data-theme="dark"] .language-dropdown{background:linear-gradient(145deg,rgba(13,30,57,.95),rgba(8,23,48,.92));border-color:rgba(151,203,255,.16);box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px rgba(199,229,255,.1)}
.language-control.open .language-dropdown{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.language-option{position:relative;isolation:isolate;min-height:78px;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:15px 17px;border:1px solid rgba(255,255,255,.7);border-radius:19px;background:#174b9d;color:white;text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.38);transition:transform .28s var(--ease),box-shadow .28s,border-color .28s}
.language-option:hover{transform:translateX(0) scale(1.018);border-color:white;box-shadow:0 12px 28px rgba(4,28,71,.25),inset 0 1px rgba(255,255,255,.52);background:#174b9d}
.language-option.active{background:#174b9d;border-color:#8dccff;box-shadow:0 0 0 2px rgba(90,177,255,.34),0 12px 30px rgba(2,23,61,.2)}
.language-option-flag{position:absolute;z-index:-3;inset:-42px -20px;display:grid;place-items:center;font-size:126px;line-height:1;font-weight:400;transform:scale(1.3);filter:saturate(1.2) contrast(1.02)}
.language-option-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(1,12,33,.62),rgba(3,18,48,.14) 74%,rgba(1,12,33,.44))}
.language-option-copy{display:flex;flex-direction:column;position:relative;z-index:2;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.language-option-copy strong{font-size:18px;letter-spacing:-.025em}.language-option-copy small{font-size:10px;opacity:.8}
.language-option i{position:relative;z-index:2;font-style:normal;font-size:9px;letter-spacing:.14em;text-shadow:0 2px 12px rgba(0,0,0,.6)}

/* Short visual refresh for language and colour mode changes. */
.mode-flash{position:fixed;z-index:13000;inset:0;pointer-events:none;opacity:0;transform:scale(1.03);background:#07101f}
body.theme-to-light .mode-flash{background:#f4f8ff}
body.theme-to-dark .mode-flash{background:#050c18}
body.theme-switching .mode-flash{animation:modeRefresh .48s var(--ease)}
body.language-switching .mode-flash{background:linear-gradient(145deg,#061b4c,#1262f5 58%,#7bc8ff);animation:languageRefresh .3s var(--ease) forwards}
@keyframes modeRefresh{0%{opacity:0;transform:scale(1.03)}42%{opacity:.84;transform:scale(1)}100%{opacity:0;transform:scale(.99)}}
@keyframes languageRefresh{0%{opacity:0;clip-path:inset(48% 0 48% 0)}55%{opacity:1;clip-path:inset(0)}100%{opacity:1;clip-path:inset(0)}}

/* A cleaner, centred first statement with no logo competing behind it. */
.hero-classic-title{font-size:clamp(78px,11.2vw,190px);line-height:.64;letter-spacing:-.09em}
.hero-classic-title em{font-size:.73em;line-height:.84;transform:translateY(.04em);text-shadow:0 18px 54px rgba(18,95,255,.16)}
.hero-classic-title span:last-child{letter-spacing:-.095em}
.hero-dek{font-family:var(--sans);max-width:650px}
.home-hero{align-items:center}
.hero-center{padding-top:24px}
.brew-library-title{max-width:950px}

/* The finder is a full interaction chapter, not a small form. */
.taste-grid{grid-template-columns:1fr;gap:58px;align-items:stretch}
.finder-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.7fr);align-items:end;gap:8vw}
.finder-copy .section-lede{margin:0 0 12px}
.finder-panel{min-height:690px;padding:clamp(28px,4vw,58px);border-radius:48px;background:linear-gradient(145deg,rgba(230,244,255,.94),rgba(255,255,255,.72));transition:background .48s var(--ease),border-color .4s,box-shadow .4s}
.finder-panel::before{width:520px;height:520px;opacity:.24}
.finder-panel.climate-hot{background:radial-gradient(circle at 78% 16%,rgba(255,191,103,.48),transparent 33%),linear-gradient(145deg,#fff3e2,#ffd9aa)}
.finder-panel.climate-cold{background:radial-gradient(circle at 77% 13%,rgba(180,235,255,.64),transparent 35%),linear-gradient(145deg,#e7f7ff,#b8ddff)}
.wizard-question{padding:54px 0 36px}.wizard-question h3{font-size:clamp(58px,7.4vw,112px);max-width:1040px}.wizard-question p{font-size:clamp(17px,1.7vw,23px)}
.wizard-ghost{font-size:clamp(110px,15vw,230px);top:2px;color:rgba(46,111,225,.055)}
.wizard-options{display:flex;grid-template-columns:none!important;gap:13px;min-height:250px;align-items:stretch}
.wizard-option{flex:1 1 0;min-width:0;min-height:250px;padding:25px;border-radius:30px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;background:rgba(255,255,255,.5);transition:flex .52s var(--ease),opacity .42s,transform .38s var(--ease),padding .45s,border-color .35s,box-shadow .35s;color:var(--text)}
.wizard-option::before{inset:0;opacity:.9;transition:opacity .38s var(--ease),transform .55s var(--ease);transform:scale(1.08)}
.wizard-option.option-hot::before{background:radial-gradient(circle at 72% 22%,#fff5c9,transparent 28%),linear-gradient(145deg,#f39b3c,#df5c2e)}
.wizard-option.option-cold::before{background:radial-gradient(circle at 72% 22%,#e2f9ff,transparent 28%),linear-gradient(145deg,#1f8eea,#0c4bbd)}
.wizard-option.option-no::before{background:radial-gradient(circle at 75% 18%,#87523e,transparent 30%),linear-gradient(145deg,#2e1b19,#6e3c29)}
.wizard-option.option-yes::before{background:radial-gradient(circle at 75% 18%,white,transparent 31%),linear-gradient(145deg,#d7c2ad,#8b6b58)}
.wizard-option.option-soft::before{background:linear-gradient(145deg,#6bb7f5,#8bd4da)}
.wizard-option.option-balanced::before{background:linear-gradient(145deg,#256bd7,#685bd1)}
.wizard-option.option-bold::before{background:linear-gradient(145deg,#10254e,#102f8d)}
.wizard-option:hover,.wizard-option.selected{transform:translateY(-6px);color:white;border-color:rgba(255,255,255,.76);box-shadow:0 24px 55px rgba(12,61,145,.25)}
.wizard-option-visual{position:absolute;z-index:2;right:23px;top:16px;font-family:var(--serif);font-size:clamp(52px,6vw,92px);line-height:1;color:rgba(255,255,255,.9);text-shadow:0 12px 35px rgba(0,0,0,.17);transition:transform .5s var(--ease)}
.wizard-option:hover .wizard-option-visual,.wizard-option.selected .wizard-option-visual{transform:rotate(-8deg) scale(1.08)}
.wizard-option-copy{position:relative;z-index:3;display:flex;flex-direction:column}.wizard-option-copy strong{font-size:clamp(25px,2.8vw,42px);letter-spacing:-.05em}.wizard-option-copy small{color:rgba(255,255,255,.78);font-size:13px}
.wizard-option-arrow{position:absolute;z-index:3;right:22px;bottom:24px}.wizard-option-arrow svg{width:24px}
.wizard-options.has-choice .wizard-option:not(.selected){flex:.06 1 0;opacity:.12;padding-inline:0;pointer-events:none}
.wizard-options.has-choice .wizard-option:not(.selected)>*{opacity:0}
.wizard-options.has-choice .wizard-option.selected{flex:2.4 1 0}
.wizard-result-visual,.wizard-result-copy{transition:opacity .28s,transform .36s var(--ease)}
.finder-wizard.result-swapping .wizard-result-visual,.finder-wizard.result-swapping .wizard-result-copy{opacity:0;transform:translateX(-70px)}
.finder-wizard.result-arrival .wizard-result-visual,.finder-wizard.result-arrival .wizard-result-copy{animation:resultArrival .48s var(--ease)}
@keyframes resultArrival{0%{opacity:0;transform:translateX(72px)}100%{opacity:1;transform:none}}

/* A small visual window follows each stage of the seed-to-sip journey. */
.journey-preview{position:fixed;z-index:9900;width:286px;height:210px;left:0;top:0;padding:8px;border-radius:24px;background:rgba(240,248,255,.72);border:1px solid rgba(255,255,255,.82);box-shadow:0 25px 75px rgba(2,17,48,.28);backdrop-filter:blur(22px) saturate(165%);opacity:0;visibility:hidden;transform:translateY(12px) scale(.95) rotate(-2deg);pointer-events:none;transition:opacity .22s,visibility .22s,transform .32s var(--ease)}
.journey-preview.visible{opacity:1;visibility:visible;transform:none}
.journey-preview img{width:100%;height:158px;object-fit:cover;border-radius:17px}
.journey-preview span{display:block;padding:10px 7px 2px;color:#091b3c;font-size:11px;font-weight:800;letter-spacing:.04em}
.journey-node:hover h3{color:#a9d9ff}

/* Generated Bluepresso editorial covers. */
body[data-page="daily"] .page-hero::after{background-image:url('images/daily/bloom.webp')}
body[data-page="journey"] .page-hero::after{background-image:url('images/journey/roast.webp')}

/* Dark/light contrast audit: explicit surfaces and explicit ink. */
.section-dark{background:#091327;color:white}
[data-theme="dark"] .section-dark{background:#040b17;color:#eff6ff}
[data-theme="dark"] .btn-light{--btn-bg:#f4f8ff;--btn-color:#071327;color:#071327}
[data-theme="dark"] .btn-ghost{--btn-color:#eff6ff;color:#eff6ff;background:rgba(255,255,255,.045);border-color:rgba(192,220,255,.18)}
[data-theme="dark"] .btn-ghost::before{background:#173866}
[data-theme="dark"] .filter-btn.active,[data-theme="dark"] .origin-btn.active,[data-theme="dark"] .segment-control button.active{background:#eaf4ff;color:#071327;border-color:#eaf4ff}
[data-theme="dark"] .article-body,[data-theme="dark"] .article-hero,[data-theme="dark"] .origin-info,[data-theme="dark"] .origin-metric,[data-theme="dark"] .process-card,[data-theme="dark"] .journey-fact,[data-theme="dark"] .pairing-row,[data-theme="dark"] .value-card,[data-theme="dark"] .chip,[data-theme="dark"] .serving-stepper button{background:#0d1c33;color:#eff6ff;border-color:rgba(188,218,255,.15)}
[data-theme="dark"] .search-box{background:rgba(9,23,45,.95);border-color:rgba(180,216,255,.15);color:#eff6ff}
[data-theme="dark"] .search-result:hover{background:#122744}
[data-theme="dark"] .search-input{color:#eff6ff}
[data-theme="dark"] .timer,[data-theme="dark"] .roast-console{background:#030a15;color:#eff6ff}
[data-theme="dark"] .article-prose,[data-theme="dark"] .article-layout,[data-theme="dark"] .ingredient-card{color:#eff6ff}
[data-theme="dark"] .article-note{background:#123260;color:#eaf5ff;border-color:rgba(181,220,255,.16)}
[data-theme="dark"] .journey-stop::before{box-shadow:0 0 0 12px #0b182c}
[data-theme="dark"] .pairing-card{color:white}
[data-theme="dark"] .wizard-option-copy small{color:rgba(255,255,255,.8)}
[data-theme="dark"] .finder-panel{background:linear-gradient(145deg,rgba(10,27,53,.96),rgba(15,34,62,.88));color:#eff6ff}

@media (max-width:900px){
  .finder-copy{grid-template-columns:1fr;gap:8px}.finder-panel{min-height:620px}.wizard-question h3{font-size:clamp(52px,10vw,84px)}
  .wizard-options{min-height:220px}.wizard-option{min-height:220px}
}
@media (max-width:760px){
  .language-dropdown{position:fixed;left:16px;right:16px;top:91px;width:auto;max-height:calc(100svh - 112px);overflow:auto}
  .language-control:hover .language-dropdown:not(:focus-within){pointer-events:none}.language-control.open .language-dropdown{pointer-events:auto}
  .hero-classic-title{font-size:clamp(62px,18vw,92px);line-height:.69}.hero-center{padding-top:0}.home-hero{padding-top:105px}
  .finder-panel{min-height:660px;padding:22px;border-radius:32px}.wizard-question{padding:38px 0 25px}.wizard-question h3{font-size:47px}.wizard-question p{font-size:15px}
  .wizard-options{flex-direction:column;min-height:330px}.wizard-option{min-height:104px;flex:1 1 0}.wizard-option-visual{font-size:44px;right:17px;top:12px}.wizard-option-copy strong{font-size:28px}
  .wizard-options.has-choice .wizard-option:not(.selected){flex:.01 1 0;min-height:0}.wizard-options.has-choice .wizard-option.selected{flex:3 1 0}
  .journey-preview{display:none}
}
@media (prefers-reduced-motion:reduce){.mode-flash{display:none}.wizard-option{transition:none}.finder-wizard.result-arrival>*{animation:none}}

/* =========================================================
   BLUEPRESSO 2.2 — atlas, inline search and exact content art
   ========================================================= */

/* The header search lives inside the glass bar and opens toward the left. */
.nav-actions{align-items:center}
.nav-search{position:relative;flex:0 0 48px;width:48px;height:48px;border-radius:16px;transition:flex-basis .42s var(--ease),width .42s var(--ease);z-index:20}
.nav-search:hover,.nav-search.open,.nav-search:focus-within{flex-basis:270px;width:270px}
.nav-search .search-toggle{position:absolute;right:0;top:0;z-index:2}
.nav-search-input{width:100%;height:48px;padding:0 54px 0 17px;border:1px solid rgba(8,31,77,.1);border-radius:16px;outline:0;background:rgba(255,255,255,.58);color:var(--text);box-shadow:inset 0 1px rgba(255,255,255,.68);backdrop-filter:blur(22px);opacity:0;pointer-events:none;transition:opacity .2s,background .25s,border-color .25s}
.nav-search:hover .nav-search-input,.nav-search.open .nav-search-input,.nav-search:focus-within .nav-search-input{opacity:1;pointer-events:auto}
.nav-search-results{position:absolute;right:0;top:58px;width:360px;max-height:min(520px,70vh);padding:8px;border-radius:24px;background:rgba(247,251,255,.94);border:1px solid rgba(255,255,255,.9);box-shadow:0 28px 80px rgba(4,26,67,.24);backdrop-filter:blur(30px) saturate(170%);overflow:auto;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;pointer-events:none;transition:.25s var(--ease)}
.nav-search.open .nav-search-results,.nav-search:focus-within .nav-search-results{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.nav-search-results .search-result{grid-template-columns:45px 1fr auto;padding:8px;border-radius:15px}
.nav-search-results .search-result img{width:45px;height:45px;border-radius:11px}
.nav-search-results .search-result strong{font-size:13px}.nav-search-results .search-result svg{width:16px}
[data-theme="dark"] .nav-search-input,[data-theme="dark"] .nav-search-results{background:rgba(9,23,45,.94);border-color:rgba(180,216,255,.14);color:#eff6ff}
[data-theme="dark"] .nav-search-results .search-result:hover{background:#122744}

/* A compact liquid-glass language shelf. */
.language-dropdown{top:calc(100% + 7px);width:276px;max-height:min(620px,calc(100vh - 110px));padding:7px;gap:4px;border-radius:0 0 24px 24px;transform:translateY(-18px) scaleY(.72);transform-origin:top;transition:opacity .18s,visibility .18s,transform .34s var(--ease);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(18,95,255,.42) transparent}
.language-control.open .language-dropdown{transform:translateY(0) scaleY(1)}
.language-option{isolation:auto;min-height:52px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 11px;border-radius:15px;background:rgba(255,255,255,.48);border-color:rgba(20,69,140,.09);color:var(--text);box-shadow:none}
.language-option:hover{transform:translateX(3px);background:rgba(255,255,255,.88);border-color:rgba(36,111,222,.22);box-shadow:none}
.language-option.active{background:#125fff;color:white;border-color:#4d8cff;box-shadow:0 8px 22px rgba(18,95,255,.2)}
.language-option-flag{position:static;z-index:auto;inset:auto;display:block;font-size:25px;line-height:1;transform:none;filter:saturate(1.05);font-weight:400}
.language-option-copy{text-shadow:none}.language-option-copy strong{font-size:13px}.language-option-copy small{font-size:9px}.language-option i{text-shadow:none}
[data-theme="dark"] .language-option{background:rgba(117,174,255,.055);border-color:rgba(164,208,255,.08)}
[data-theme="dark"] .language-option:hover{background:rgba(103,169,255,.13)}
[data-theme="dark"] .language-option.active{background:#2168df;color:white}
body.language-switching .mode-flash{background:linear-gradient(125deg,rgba(225,243,255,.92),rgba(63,139,255,.92),rgba(8,42,108,.96));animation:languageWave .34s var(--ease) forwards}
@keyframes languageWave{0%{opacity:0;clip-path:circle(0 at 100% 0)}52%{opacity:.96;clip-path:circle(115% at 100% 0)}100%{opacity:1;clip-path:circle(160% at 100% 0)}}

/* Hero: softer Bluepresso blue, precise casing, quiet logo and glow. */
.home-hero{background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.96) 0 13%,rgba(223,236,255,.68) 34%,transparent 59%),radial-gradient(circle at 8% 18%,rgba(62,123,224,.25),transparent 31%),radial-gradient(circle at 91% 78%,rgba(51,112,211,.23),transparent 30%),linear-gradient(137deg,#a8c9f4 0%,#e6effc 48%,#8db8ee 100%)}
.hero-logo-mark{position:relative;z-index:3;width:clamp(60px,5.5vw,86px);height:clamp(60px,5.5vw,86px);margin:0 auto 21px;padding:12px;border-radius:28px;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.48);box-shadow:inset 0 1px rgba(255,255,255,.8),0 17px 50px rgba(23,78,161,.11);backdrop-filter:blur(18px) saturate(145%)}
.hero-logo-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(21,77,171,.15))}
.hero-master-title,.hero-classic-title{text-transform:none;text-shadow:0 0 23px rgba(31,100,205,.12),0 24px 70px rgba(25,80,155,.1)}
[data-theme="dark"] .hero-master-title{text-shadow:0 0 25px rgba(85,160,255,.13),0 28px 90px rgba(0,0,0,.42)}
.hero-signature{font-family:var(--serif);font-size:clamp(19px,1.8vw,27px);font-style:italic;font-weight:400;letter-spacing:.015em;margin-top:27px;color:rgba(12,47,101,.7)}
[data-theme="dark"] .hero-signature{color:rgba(221,237,255,.7)}
.home-hero .hero-actions .btn,.home-hero .hero-text-link{font-family:var(--sans);font-weight:760}

/* Subtle lines give the manifesto texture without filling every quiet area. */
.manifesto{overflow:hidden}
.manifesto::after{content:"";position:absolute;z-index:-1;inset:6% -8%;background:repeating-radial-gradient(ellipse at 18% 40%,transparent 0 38px,rgba(39,105,201,.055) 39px 40px,transparent 41px 76px);transform:rotate(-7deg);mask-image:linear-gradient(90deg,#000,transparent 72%);pointer-events:none}
.manifesto-copy,.manifesto-side,.manifesto-number{position:relative;z-index:2}

.story-card h3,.story-lead h3{font-family:var(--sans)}
.brew-library-title em{font-family:var(--serif);font-weight:400;font-style:italic}

/* Finder title and interaction now behave as one centered composition. */
.taste-grid{gap:38px}
.finder-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.finder-copy .eyebrow{justify-content:center}.finder-copy .section-title{max-width:1220px;margin-bottom:18px}.finder-copy .section-lede{margin:0 auto;max-width:700px}
.finder-panel{width:100%;margin-inline:auto}

/* Five diagonal, image-filled stages; the active chapter claims more room. */
.journey-panels{display:flex;height:clamp(520px,60vw,760px);margin-top:72px;overflow:hidden;background:#07152f;border-radius:34px;box-shadow:0 35px 100px rgba(5,31,78,.2)}
.journey-panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;margin-left:-3.2%;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);transition:flex .65s var(--ease),filter .45s;isolation:isolate}
.journey-panel:first-child{margin-left:0;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.journey-panel:last-child{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.journey-panel:hover,.journey-panel:focus-visible{flex:1.72 1 0;z-index:5}
.journey-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.06);transition:transform .8s var(--ease),filter .45s}
.journey-panel:hover img{transform:scale(1.055) translateX(1.5%);filter:saturate(1.05) contrast(1.05)}
.journey-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,34,.08),rgba(3,13,34,.86));z-index:1}
.journey-panel>div{position:absolute;z-index:2;left:clamp(25px,3vw,48px);right:24px;bottom:35px;color:white;transition:transform .6s var(--ease)}
.journey-panel:hover>div{transform:translateX(10px)}
.journey-panel span{font-family:var(--serif);font-style:italic;color:#9bd6ff;font-size:20px}.journey-panel h3{font-size:clamp(31px,4vw,62px);line-height:.9;letter-spacing:-.055em;margin:12px 0}.journey-panel p{font-size:10px;text-transform:uppercase;letter-spacing:.11em;opacity:.68;white-space:nowrap}

/* Premium Three.js coffee globe. */
.coffee-geography{overflow:hidden;background:radial-gradient(circle at 78% 16%,rgba(255,255,255,.44),transparent 29%),radial-gradient(circle at 10% 82%,rgba(31,124,205,.18),transparent 31%),linear-gradient(145deg,#a7defa,#69b9e9 58%,#3f96d3);color:#071a3a;transition:background .55s ease,color .35s ease}
.geography-head{display:block;padding-bottom:28px}.geography-head .eyebrow{margin-bottom:22px}.geography-head .section-title{font-family:var(--sans);font-size:clamp(76px,10.2vw,164px);font-weight:800;line-height:.76;letter-spacing:-.082em;max-width:none;margin:0;text-transform:none}.geography-head .section-title .serif{font-family:var(--sans);font-weight:800}
.globe-stage{height:clamp(650px,70vw,900px);margin-top:40px;position:relative;isolation:isolate;border-radius:50px;overflow:hidden;background:radial-gradient(circle at 50% 43%,rgba(235,248,255,.44),transparent 43%),radial-gradient(circle at 18% 16%,rgba(255,255,255,.25),transparent 30%),linear-gradient(148deg,rgba(92,180,232,.76),rgba(37,111,180,.9));border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px rgba(255,255,255,.62),inset 0 -30px 90px rgba(13,86,150,.12),0 45px 130px rgba(18,84,145,.24);transition:background .55s ease,border-color .4s ease,box-shadow .55s ease}
[data-theme="dark"] .coffee-geography{background:radial-gradient(circle at 74% 18%,rgba(44,130,247,.3),transparent 31%),radial-gradient(circle at 12% 85%,rgba(10,90,196,.2),transparent 29%),linear-gradient(145deg,#031127,#06265a 58%,#084897);color:white}
[data-theme="dark"] .globe-stage{background:radial-gradient(circle at 50% 43%,rgba(33,128,238,.18),transparent 42%),radial-gradient(circle at 18% 16%,rgba(82,164,255,.08),transparent 30%),linear-gradient(148deg,rgba(7,38,86,.9),rgba(2,15,39,.97));border-color:rgba(161,210,255,.2);box-shadow:inset 0 1px rgba(212,237,255,.16),inset 0 -30px 90px rgba(0,7,26,.2),0 45px 130px rgba(0,0,0,.34)}
.globe-stage::before{content:"";position:absolute;z-index:0;inset:-25%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(72,158,255,.14),transparent 45%);filter:blur(22px);animation:globeAmbient 8s ease-in-out infinite alternate}
.globe-stage::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 0 90px rgba(81,161,255,.06)}
#coffeeGlobe{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;opacity:0;transform:scale(1);transform-origin:50% 50%;transition:opacity .8s var(--ease),filter .44s cubic-bezier(.16,.82,.2,1),transform .44s cubic-bezier(.08,.84,.16,1);will-change:transform,filter}
.globe-stage.globe-ready #coffeeGlobe{opacity:1}.globe-stage.dragging #coffeeGlobe{cursor:grabbing}.globe-stage.globe-marker-hover #coffeeGlobe{cursor:pointer}
.globe-tooltip{position:absolute;z-index:6;width:250px;padding:18px 19px 17px;border:1px solid transparent;border-radius:23px;background:linear-gradient(145deg,rgba(225,243,255,.82),rgba(187,222,255,.59)) padding-box,linear-gradient(135deg,rgba(255,255,255,.98),rgba(128,199,255,.42) 42%,rgba(255,255,255,.88) 72%,rgba(94,171,255,.42)) border-box;box-shadow:0 26px 72px rgba(0,8,31,.42),inset 0 1px rgba(255,255,255,.82);backdrop-filter:blur(25px) saturate(185%);-webkit-backdrop-filter:blur(25px) saturate(185%);color:#071a3a;opacity:0;visibility:hidden;transform:translate(-50%,calc(-100% + 8px)) scale(.94);transform-origin:50% 100%;pointer-events:none;transition:opacity .16s ease,visibility .16s,transform .22s cubic-bezier(.18,.86,.2,1)}
.globe-tooltip::before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);filter:blur(.2px)}
.globe-tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%,calc(-100% - 13px)) scale(1)}
.globe-tooltip-flag{position:absolute;top:15px;right:16px;width:39px;height:27px;display:block;object-fit:cover;border-radius:7px;border:1px solid rgba(255,255,255,.72);box-shadow:0 7px 18px rgba(4,27,59,.2),inset 0 0 0 1px rgba(5,38,81,.08)}
.globe-tooltip span{display:block;padding-right:50px;color:#2166b6;font-size:9px;letter-spacing:.13em}.globe-tooltip strong{display:block;padding-right:42px;font-size:27px;line-height:1;margin:8px 0 9px;letter-spacing:-.035em}.globe-tooltip p{font-size:12px;line-height:1.55;color:#425c7b;margin:0 0 12px}.globe-tooltip small{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#1260d8}
.globe-drag-hint{position:absolute;z-index:5;left:50%;bottom:27px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:linear-gradient(145deg,rgba(214,238,255,.15),rgba(86,153,226,.08));border:1px solid rgba(198,229,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.18),0 14px 38px rgba(0,8,30,.22);backdrop-filter:blur(18px) saturate(150%);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(226,242,255,.75);transition:opacity .25s,transform .25s}
.globe-drag-hint span{font-size:15px;color:#9bd8ff}.globe-stage.dragging .globe-drag-hint,.globe-stage.globe-marker-hover .globe-drag-hint{opacity:.18;transform:translateX(-50%) translateY(5px)}
[data-theme="dark"] .globe-tooltip{background:linear-gradient(145deg,rgba(14,36,68,.85),rgba(8,27,54,.74)) padding-box,linear-gradient(135deg,rgba(210,236,255,.78),rgba(81,157,226,.34) 42%,rgba(190,226,255,.68) 72%,rgba(74,147,218,.3)) border-box;box-shadow:0 26px 72px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.15);color:#eff8ff}
[data-theme="dark"] .globe-tooltip-flag{border-color:rgba(205,232,255,.44);box-shadow:0 8px 22px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.08)}
[data-theme="dark"] .globe-tooltip span{color:#83c7ff}[data-theme="dark"] .globe-tooltip p{color:#bad0e7}[data-theme="dark"] .globe-tooltip small{color:#8dcfff}
html:not([data-theme="dark"]) .globe-drag-hint{background:linear-gradient(145deg,rgba(240,250,255,.34),rgba(25,111,179,.12));border-color:rgba(255,255,255,.45);box-shadow:inset 0 1px rgba(255,255,255,.5),0 14px 38px rgba(13,72,126,.18);color:rgba(5,39,76,.74)}
html:not([data-theme="dark"]) .globe-drag-hint span{color:#0e63ad}
.globe-stage.globe-diving{z-index:9999;overflow:visible}
.globe-stage.globe-diving #coffeeGlobe{position:fixed!important;z-index:9999!important;inset:0!important;width:100vw!important;height:100vh!important;transform:scale(5.6)!important;transform-origin:50% 50%!important;filter:saturate(1.38) contrast(1.18) brightness(1.04)!important;background:#075fc3}
[data-theme="dark"] .globe-stage.globe-diving #coffeeGlobe{background:#020b1e}
.globe-stage.globe-diving .globe-tooltip,.globe-stage.globe-diving .globe-drag-hint{opacity:0!important;visibility:hidden!important}
.globe-stage.globe-diving::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 0 150px rgba(42,145,255,.18);transition:box-shadow .8s ease}
@keyframes globeAmbient{from{transform:scale(.94);opacity:.58}to{transform:scale(1.06);opacity:1}}
@media (prefers-reduced-motion:reduce){.globe-stage::before{animation:none}}

/* The atlas hero is a map first, with hover information anchored to each origin. */
.atlas-hero{min-height:118svh;padding:168px 0 92px;color:#082c3d;background:linear-gradient(180deg,#dff5fc 0%,#bde9f7 52%,#8fd5ee 100%)}
[data-theme="dark"] .atlas-hero{color:#eff8f1;background:linear-gradient(180deg,#071826 0%,#0b3851 54%,#075070 100%)}
.atlas-hero::after{display:none}.atlas-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 4%,rgba(255,255,255,.66),transparent 30%),radial-gradient(circle at 89% 18%,rgba(84,179,215,.14),transparent 34%);opacity:1}
[data-theme="dark"] .atlas-hero::before{background:radial-gradient(circle at 18% 2%,rgba(66,145,171,.11),transparent 31%),radial-gradient(circle at 88% 19%,rgba(25,100,129,.13),transparent 34%)}
.atlas-hero-grid{position:relative;z-index:2;display:block;width:min(1700px,calc(100% - 72px));max-width:none}.atlas-copy{position:relative;z-index:5;display:grid;grid-template-columns:1fr minmax(280px,.38fr);align-items:end;gap:10vw;margin-bottom:54px}.atlas-copy .display{font-size:clamp(78px,8.2vw,132px);line-height:.8;white-space:nowrap;color:inherit}.atlas-copy .display .serif{color:#197bac}.atlas-copy .section-lede{color:rgba(8,54,73,.66);font-size:17px;line-height:1.55;margin:0 0 8px;max-width:430px}
[data-theme="dark"] .atlas-copy .display .serif{color:#77bdd3}[data-theme="dark"] .atlas-copy .section-lede{color:rgba(219,239,231,.67)}
.atlas-map-wrap{position:relative;width:100%;height:min(72vh,780px);min-height:660px;isolation:isolate;overflow:visible;border-radius:0;background:transparent;box-shadow:none}
[data-theme="dark"] .atlas-map-wrap{background:transparent;box-shadow:none}
.atlas-relief-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;transform:none}
.atlas-markers{position:absolute;inset:0;z-index:4;transform:none;pointer-events:none}
.atlas-marker{position:absolute;z-index:5;width:28px;height:54px;transform:translate(-50%,-100%);pointer-events:auto;outline:none}
.atlas-marker i{position:absolute;left:50%;bottom:0;width:2px;height:31px;background:linear-gradient(#7dc8ff,rgba(48,123,255,.2));transform:translateX(-50%);box-shadow:0 0 14px rgba(84,171,255,.75)}
.atlas-marker i::before{content:"";position:absolute;left:50%;top:-8px;width:15px;height:15px;border-radius:50% 50% 50% 5px;background:#e7f7ff;border:3px solid #2877ff;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 0 8px rgba(70,155,255,.1),0 0 28px rgba(100,190,255,.9);transition:.28s var(--ease)}
.atlas-marker i::after{content:"";position:absolute;left:50%;bottom:-3px;width:10px;height:4px;border-radius:50%;background:rgba(118,194,255,.62);transform:translateX(-50%);filter:blur(2px);box-shadow:0 0 12px #4e9cff}
.atlas-marker b{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);font-size:8px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:rgba(4,48,53,.68);white-space:nowrap;transition:.25s}
[data-theme="dark"] .atlas-marker b{color:rgba(214,237,226,.62)}
.atlas-marker:hover i::before,.atlas-marker:focus-visible i::before,.atlas-marker.active i::before{transform:translateX(-50%) translateY(-6px) rotate(45deg) scale(1.18);background:white}.atlas-marker:hover b,.atlas-marker.active b{color:white}
.atlas-hover-card{position:absolute;z-index:10;width:min(330px,calc(100% - 30px));padding:18px;border:1px solid rgba(255,255,255,.55);border-radius:25px;background:linear-gradient(145deg,rgba(241,250,245,.88),rgba(215,240,234,.76));box-shadow:0 28px 90px rgba(20,76,75,.24),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(26px) saturate(145%);color:#123b3c;opacity:0;visibility:hidden;transform:translateY(12px) scale(.96);transform-origin:left center;transition:opacity .24s,visibility .24s,transform .32s var(--ease);cursor:pointer}
[data-theme="dark"] .atlas-hover-card{border-color:rgba(177,218,255,.18);background:linear-gradient(145deg,rgba(16,51,60,.84),rgba(4,27,38,.75));box-shadow:0 28px 90px rgba(0,4,16,.45),inset 0 1px rgba(220,240,255,.1);color:#eff8f1}
.atlas-hover-card.visible{opacity:1;visibility:visible;transform:none}.atlas-hover-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(22,87,81,.13);color:rgba(14,65,62,.58)}.atlas-hover-heading{display:grid;grid-template-columns:1fr 76px;gap:14px;align-items:center;padding:16px 0 14px}.atlas-hover-heading small{display:block;margin-bottom:3px;color:#197596;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.atlas-hover-heading strong{display:block;font-size:32px;line-height:.95;letter-spacing:-.05em}.atlas-hover-image{width:76px;height:70px;object-fit:cover;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.atlas-hover-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.atlas-hover-metrics>span{padding:10px 11px;border-radius:13px;background:rgba(37,120,107,.08);border:1px solid rgba(27,105,94,.1)}.atlas-hover-metrics small{display:block;color:rgba(18,67,64,.54);font-size:8px;text-transform:uppercase;letter-spacing:.12em}.atlas-hover-metrics b{display:block;margin-top:3px;font-size:11px}.atlas-hover-notes{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.atlas-hover-notes span{padding:6px 8px;border-radius:99px;background:rgba(35,126,111,.11);color:#165f59;font-size:9px}.atlas-hover-copy{margin:12px 0 0;color:rgba(18,62,59,.7);font-size:11px;line-height:1.5}.atlas-hover-action{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(24,93,85,.14);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.atlas-hover-action i{font-style:normal;font-size:16px;color:#197da0}
[data-theme="dark"] .atlas-hover-top{border-bottom-color:rgba(188,222,255,.13);color:rgba(213,235,255,.54)}[data-theme="dark"] .atlas-hover-heading small{color:#78bdff}[data-theme="dark"] .atlas-hover-metrics>span{background:rgba(140,196,255,.075);border-color:rgba(173,215,255,.09)}[data-theme="dark"] .atlas-hover-metrics small{color:rgba(208,233,255,.48)}[data-theme="dark"] .atlas-hover-notes span{background:rgba(102,174,255,.12);color:#bfe2ff}[data-theme="dark"] .atlas-hover-copy{color:rgba(222,239,255,.68)}[data-theme="dark"] .atlas-hover-action{border-top-color:rgba(184,222,255,.12)}[data-theme="dark"] .atlas-hover-action i{color:#75bbff}
.atlas-map-hint{position:absolute;z-index:5;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:rgba(4,54,62,.58);font-size:8px;text-transform:uppercase;letter-spacing:.16em}.atlas-map-hint i{width:7px;height:7px;border-radius:50%;background:#e6fbff;box-shadow:0 0 0 7px rgba(230,251,255,.19)}
[data-theme="dark"] .atlas-map-hint{color:rgba(205,232,224,.48)}
@keyframes atlasPulse{50%{box-shadow:0 0 0 13px rgba(76,160,255,0),0 0 30px rgba(110,190,255,.95)}}

.process-section{background:linear-gradient(145deg,#e4f0ff,#f7fbff)}
.process-grid{align-items:stretch}.process-card{position:relative;min-height:560px;padding:0;overflow:hidden;background:#0b1c38;color:white}.process-card:hover{transform:translateY(-9px);background:#0b1c38}.process-image{position:absolute;inset:0}.process-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,31,.08),rgba(3,13,31,.88))}.process-image img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease),filter .45s}.process-card:hover .process-image img{transform:scale(1.06);filter:saturate(1.08)}.process-card .process-no{position:relative;z-index:2;margin:24px;color:#9cd7ff}.process-card>div:last-child{position:relative;z-index:2;padding:30px}.process-card p,.process-card:hover p{color:rgba(239,247,255,.7)}
[data-theme="dark"] .process-section{background:linear-gradient(145deg,#071222,#0d203a)}
[data-theme="dark"] .process-card{background:#0b1c38;color:white;border-color:rgba(188,218,255,.12)}

/* Stable value cards and a logo-led name chapter. */
.values-section{background:linear-gradient(145deg,#e5f1ff,#f6faff)}
.values-grid{align-items:stretch}.value-card,.value-card:nth-child(2),.value-card:nth-child(3){min-height:430px;margin-top:0;color:#091327;border:1px solid rgba(9,45,96,.07)}
.value-card:nth-child(1){background:#dcecff}.value-card:nth-child(2){background:#9ccaff}.value-card:nth-child(3){background:#0d2c77;color:white}.value-card:nth-child(3) p{color:rgba(255,255,255,.7)}
[data-theme="dark"] .values-section{background:linear-gradient(145deg,#071222,#0c203c)}
[data-theme="dark"] .value-card,[data-theme="dark"] .value-card:nth-child(2),[data-theme="dark"] .value-card:nth-child(3){color:#091327;border-color:rgba(9,45,96,.07)}
[data-theme="dark"] .value-card:nth-child(1){background:#dcecff}[data-theme="dark"] .value-card:nth-child(2){background:#9ccaff}[data-theme="dark"] .value-card:nth-child(3){background:#0d2c77;color:white}[data-theme="dark"] .value-card:nth-child(3) p{color:rgba(255,255,255,.7)}
.name-section{background:var(--surface)}.about-logo-stage{height:590px;border-radius:44px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(218,238,255,.95),rgba(101,165,255,.35) 47%,rgba(11,52,125,.95));box-shadow:0 30px 100px rgba(9,47,110,.2)}.about-logo-stage::before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.04),0 0 0 100px rgba(255,255,255,.025)}.about-logo-stage img{position:relative;z-index:2;width:48%;filter:drop-shadow(0 30px 50px rgba(2,33,96,.28))}.about-logo-stage span{position:absolute;z-index:2;bottom:28px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(238,247,255,.7)}

/* Recipe directory follows theme all the way through; filters have no ghost borders. */
.recipe-directory{padding-top:0;background:#fff;color:#091327;transition:background .45s,color .45s}
[data-theme="dark"] .recipe-directory{background:#07101f;color:#eff6ff}
[data-theme="dark"] .recipe-directory .recipe-card-copy{background:transparent;color:#eff6ff}
[data-theme="dark"] .recipe-directory .recipe-card-meta{color:#9dacbf}
[data-theme="dark"] .filter-group{border:0!important;box-shadow:none!important}
[data-theme="dark"] .filter-btn{border:0!important;box-shadow:none!important;color:#b8c7dc}
[data-theme="dark"] .filter-btn.active{background:#eaf4ff;color:#071327}
[data-theme="dark"] .filter-search{border:0!important;box-shadow:none;color:#eff6ff}

@media (max-width:1260px){.nav-search:hover,.nav-search.open,.nav-search:focus-within{flex-basis:220px;width:220px}.nav-search-results{width:330px}.atlas-map-wrap{min-height:530px}.atlas-copy .display{font-size:clamp(76px,10vw,126px)}}
@media (max-width:900px){.geography-head{grid-template-columns:1fr}.journey-panels{height:620px}.journey-panel>div{left:24px}.atlas-copy{grid-template-columns:1fr;gap:18px}.atlas-copy .section-lede{max-width:560px}.atlas-map-wrap{min-height:470px;height:58vh}.about-logo-stage{height:500px}}
@media (max-width:760px){
  .nav-search{display:none}.language-dropdown{position:fixed;left:16px;right:16px;top:71px;width:auto;border-radius:22px;max-height:calc(100svh - 90px)}
  .language-control:hover .language-dropdown:not(:focus-within):not(.open){opacity:0;visibility:hidden;pointer-events:none}
  .hero-logo-mark{width:62px;height:62px;margin-bottom:18px;border-radius:21px}.hero-classic-title{font-size:clamp(58px,17.2vw,86px)}.hero-signature{font-size:18px;margin-top:23px}
  .finder-copy .section-title br{display:none}.finder-copy .section-title{font-size:45px}.finder-panel{width:100%}
  .journey-panels{height:auto;display:grid;gap:8px;background:transparent;box-shadow:none;overflow:visible}.journey-panel,.journey-panel:first-child,.journey-panel:last-child{height:230px;margin:0;clip-path:polygon(0 0,100% 0,94% 100%,0 100%);border-radius:22px}.journey-panel:hover{flex:initial}.journey-panel h3{font-size:40px}
  .globe-stage{height:540px;border-radius:30px}.globe-tooltip{width:190px}.globe-tooltip-flag{width:34px;height:23px;top:14px;right:14px}.globe-tooltip strong{padding-right:34px}.globe-drag-hint{white-space:nowrap}.atlas-hero{padding:118px 0 38px}.atlas-copy .display{font-size:58px;white-space:normal;line-height:.82}.atlas-copy .section-lede{font-size:14px}.atlas-map-wrap{min-height:410px;height:50vh;margin-top:12px}.atlas-marker b{display:none}.atlas-hover-card{width:min(290px,calc(100% - 20px));padding:14px;border-radius:21px}.atlas-hover-heading strong{font-size:26px}.atlas-hover-copy{display:none}.atlas-map-hint{display:none}
  .process-card{min-height:470px}.about-logo-stage{height:390px}.about-logo-stage img{width:52%}
}

/* =========================================================
   BLUEPRESSO 2.3 — final radial selector cascade
   ========================================================= */
.language-control{--radial-radius:108px;position:relative;z-index:80;transition:transform .55s cubic-bezier(.2,.86,.2,1),filter .4s}
.language-control.open{z-index:130;transform:translateY(118px)}
.language-control>.language-toggle{width:48px;height:48px;padding:0;display:grid;grid-template-columns:1fr;place-items:center;border-radius:50%;overflow:visible;transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .4s,background .4s,border-color .4s}
.language-control.open>.language-toggle{transform:scale(1.08);background:rgba(239,248,255,.82);border-color:rgba(255,255,255,.96);box-shadow:0 0 0 7px rgba(87,159,255,.12),0 18px 50px rgba(4,35,92,.25),inset 0 1px rgba(255,255,255,.95)}
.language-globe{position:relative;z-index:2;width:24px;height:24px;display:block;color:currentColor;filter:drop-shadow(0 3px 8px rgba(5,31,78,.16))}
.language-control .lang-code{display:none}
.language-dropdown{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;width:0!important;height:0!important;min-width:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;border:0!important;border-radius:50%!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:0;visibility:hidden;pointer-events:none;transform:none!important;transform-origin:center!important;transition:opacity .25s,visibility .25s}
.language-dropdown::before,.language-dropdown::after{content:"";position:absolute;left:0;top:0;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.35);transition:opacity .42s,transform .64s cubic-bezier(.16,.9,.25,1)}
.language-dropdown::before{width:278px;height:278px;background:radial-gradient(circle at 42% 32%,rgba(255,255,255,.7),rgba(220,239,255,.36) 42%,rgba(82,145,236,.16) 72%,rgba(255,255,255,.22));border:1px solid rgba(255,255,255,.76);box-shadow:0 34px 90px rgba(5,34,91,.22),inset 0 1px rgba(255,255,255,.94);backdrop-filter:blur(28px) saturate(175%);-webkit-backdrop-filter:blur(28px) saturate(175%)}
.language-dropdown::after{width:214px;height:214px;border:1px solid rgba(72,139,233,.2);box-shadow:0 0 42px rgba(71,150,255,.14)}
.language-control.open .language-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
.language-control.open .language-dropdown::before,.language-control.open .language-dropdown::after{opacity:1;transform:translate(-50%,-50%) scale(1)}
.language-option{position:absolute;left:0;top:0;width:48px;height:48px;min-width:48px;min-height:48px;margin:0;padding:0;display:grid;grid-template-columns:1fr;place-items:center;overflow:visible;border-radius:50%;border:1px solid rgba(255,255,255,.86);background:rgba(243,249,255,.78);color:inherit;box-shadow:0 10px 28px rgba(4,31,80,.2),inset 0 1px rgba(255,255,255,.94);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) rotate(var(--counter-angle)) scale(.18);transition:transform .24s cubic-bezier(.16,.9,.22,1),opacity .22s ease var(--delay),visibility .22s var(--delay),box-shadow .16s,border-color .16s,filter .16s;will-change:transform}
.language-control.open .language-option{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--radial-radius))) rotate(var(--counter-angle)) scale(1)}
.language-control.open .language-option:hover,.language-control.open .language-option:focus-visible{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--radial-radius))) rotate(var(--counter-angle)) scale(1.28);border-color:#fff;box-shadow:0 18px 42px rgba(4,37,96,.32),0 0 0 8px rgba(74,151,255,.15),inset 0 1px #fff;filter:saturate(1.18);transition:transform .14s cubic-bezier(.18,.92,.2,1),box-shadow .14s,border-color .14s,filter .14s}
.language-option.active{background:rgba(18,95,255,.9);border-color:#bfe5ff;box-shadow:0 0 0 4px rgba(66,151,255,.2),0 13px 30px rgba(8,55,135,.3)}
.language-option-flag{position:static;z-index:2;inset:auto;width:42px;height:42px;display:block;overflow:hidden;border-radius:50%;object-fit:cover;background:#fff;transform:none;filter:saturate(1.08) contrast(1.02);box-shadow:inset 0 0 0 1px rgba(4,31,80,.08)}
.language-option[data-lang="tr"] .language-option-flag{object-position:17% 50%}
.language-option-copy,.language-option i{display:none!important}
[data-theme="dark"] .language-control.open>.language-toggle{background:rgba(18,45,82,.86);border-color:rgba(167,213,255,.3)}
[data-theme="dark"] .language-dropdown::before{background:radial-gradient(circle at 40% 30%,rgba(92,151,224,.28),rgba(9,30,63,.68) 55%,rgba(4,17,39,.8));border-color:rgba(169,215,255,.2);box-shadow:0 38px 100px rgba(0,0,0,.48),inset 0 1px rgba(211,236,255,.12)}
[data-theme="dark"] .language-dropdown::after{border-color:rgba(132,192,255,.17)}
[data-theme="dark"] .language-option{background:rgba(18,45,82,.9);border-color:rgba(173,216,255,.23)}
body.language-switching .mode-flash{overflow:hidden;background:radial-gradient(circle at var(--wave-x,80%) var(--wave-y,12%),rgba(255,255,255,.92),rgba(126,194,255,.7) 18%,rgba(36,114,232,.82) 46%,rgba(4,28,75,.96) 78%);backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%);transform:none;animation:languageLiquidGlass .82s cubic-bezier(.18,.82,.2,1) forwards}
body.language-switching .mode-flash::before,body.language-switching .mode-flash::after{content:"";position:absolute;left:var(--wave-x,80%);top:var(--wave-y,12%);border-radius:50%;transform:translate(-50%,-50%) scale(.1);opacity:0}
body.language-switching .mode-flash::before{width:190px;height:190px;border:2px solid rgba(255,255,255,.82);box-shadow:0 0 0 18px rgba(194,229,255,.22),inset 0 0 45px rgba(255,255,255,.36);animation:languageRipple .72s cubic-bezier(.16,.78,.2,1) forwards}
body.language-switching .mode-flash::after{width:112px;height:112px;background:rgba(238,248,255,.24);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(9px);animation:languageRipple .62s .08s cubic-bezier(.16,.78,.2,1) forwards}
@keyframes languageLiquidGlass{0%{opacity:0;clip-path:circle(0 at var(--wave-x,80%) var(--wave-y,12%))}18%{opacity:.72}100%{opacity:1;clip-path:circle(155vmax at var(--wave-x,80%) var(--wave-y,12%))}}
@keyframes languageRipple{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}24%{opacity:.92}100%{opacity:0;transform:translate(-50%,-50%) scale(5.4)}}
@media (max-width:760px){.language-control{--radial-radius:82px}.language-control.open{transform:translate(-14px,98px)}.language-dropdown{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;width:0!important;height:0!important;max-height:none!important;overflow:visible!important}.language-dropdown::before{width:218px;height:218px}.language-dropdown::after{width:164px;height:164px}.language-option{width:43px;height:43px;min-width:43px;min-height:43px}.language-option-flag{width:37px;height:37px;font-size:23px}}
@media (max-width:420px){.language-control{--radial-radius:74px}.language-control.open{transform:translate(-18px,92px)}}
@media (prefers-reduced-motion:reduce){.language-control,.language-option,.language-dropdown::before,.language-dropdown::after{transition:none!important}}

/* BLUEPRESSO 2.4 — final liquid-glass navbar cascade. */
.nav-shell{border-color:rgba(255,255,255,.76);background:linear-gradient(128deg,rgba(255,255,255,.66),rgba(220,239,255,.38) 38%,rgba(247,252,255,.57) 66%,rgba(191,224,255,.34));box-shadow:0 22px 62px rgba(5,37,91,.18),0 5px 16px rgba(30,103,190,.08),inset 0 1.5px rgba(255,255,255,.98),inset 0 -1px rgba(58,119,196,.16),inset 1px 0 rgba(255,255,255,.54),inset -1px 0 rgba(92,157,226,.16);backdrop-filter:blur(38px) saturate(215%) contrast(108%);-webkit-backdrop-filter:blur(38px) saturate(215%) contrast(108%)}
.site-header.scrolled .nav-shell{background:linear-gradient(128deg,rgba(252,254,255,.74),rgba(218,238,255,.47) 38%,rgba(247,252,255,.66) 66%,rgba(190,224,255,.4));box-shadow:0 19px 55px rgba(5,35,88,.21),0 4px 15px rgba(30,103,190,.09),inset 0 1.5px #fff,inset 0 -1px rgba(58,119,196,.18)}
.nav-shell::before,.nav-shell::after{display:block;position:absolute;content:"";inset:1px;width:auto;height:auto;left:1px;top:1px;border-radius:23px;pointer-events:none}
.nav-shell::before{z-index:-1;opacity:.82;transform:none;background:radial-gradient(ellipse at 8% -25%,rgba(255,255,255,.95),transparent 31%),radial-gradient(ellipse at 77% 132%,rgba(74,157,243,.3),transparent 35%),linear-gradient(112deg,transparent 16%,rgba(255,255,255,.14) 31%,rgba(255,255,255,.72) 43%,rgba(124,191,255,.18) 48%,rgba(255,255,255,.08) 62%,transparent 76%);background-size:100% 100%,100% 100%,230% 100%;background-position:center,center,100% 0;animation:navLiquidRefraction 10s ease-in-out infinite alternate}
.nav-shell::after{z-index:-1;background:transparent;filter:none;border:1px solid rgba(255,255,255,.31);box-shadow:inset 0 2px 1px rgba(255,255,255,.58),inset 0 -2px 3px rgba(58,135,217,.13),inset 16px 0 32px rgba(255,255,255,.08),inset -22px 0 38px rgba(61,145,234,.08);transition:border-color .35s,box-shadow .45s}
.nav-shell:hover::before{transform:none;background-position:center,center,0 0}.nav-shell:hover::after{left:1px}.nav-shell>.brand,.nav-shell>.nav-links,.nav-shell>.nav-actions{position:relative;z-index:1}
.brand-name{color:#0a1831;text-shadow:0 1px rgba(255,255,255,.68)}.brand-disc{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(206,232,255,.6));box-shadow:inset 0 1px #fff,inset 0 -1px rgba(77,139,211,.16),0 9px 25px rgba(28,88,178,.17)}
.nav-links{border:1px solid rgba(255,255,255,.38);background:linear-gradient(145deg,rgba(255,255,255,.31),rgba(196,225,255,.17));box-shadow:inset 0 1px rgba(255,255,255,.62),inset 0 -1px rgba(65,126,197,.08)}
.icon-btn{color:#132743;border-color:rgba(66,117,178,.16);background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(210,233,255,.36));box-shadow:inset 0 1px rgba(255,255,255,.92),inset 0 -1px rgba(68,132,208,.11),0 7px 18px rgba(25,76,146,.08)}.icon-btn::before{background:radial-gradient(circle at 28% 13%,#fff,transparent 47%);opacity:.74}
.menu-btn{color:#fff;background:linear-gradient(145deg,#091a36,#123f87);border-color:rgba(7,27,57,.78);box-shadow:inset 0 1px rgba(168,211,255,.24),0 8px 20px rgba(6,29,70,.18)}
[data-theme="dark"] .nav-shell,[data-theme="dark"] .site-header.scrolled .nav-shell{border-color:rgba(159,211,255,.32);background:linear-gradient(128deg,rgba(7,21,43,.82),rgba(22,52,88,.61) 39%,rgba(9,29,57,.76) 67%,rgba(28,65,105,.53));box-shadow:0 25px 72px rgba(0,0,0,.44),0 0 42px rgba(35,124,235,.1),inset 0 1.5px rgba(211,237,255,.25),inset 0 -1px rgba(37,107,186,.23),inset 1px 0 rgba(190,225,255,.11),inset -1px 0 rgba(97,177,255,.14);backdrop-filter:blur(40px) saturate(205%) contrast(116%) brightness(82%);-webkit-backdrop-filter:blur(40px) saturate(205%) contrast(116%) brightness(82%)}
[data-theme="dark"] .nav-shell::before{opacity:.7;transform:none;background:radial-gradient(ellipse at 7% -24%,rgba(177,222,255,.34),transparent 32%),radial-gradient(ellipse at 78% 132%,rgba(30,118,222,.28),transparent 36%),linear-gradient(112deg,transparent 17%,rgba(166,216,255,.03) 31%,rgba(194,228,255,.2) 43%,rgba(55,145,237,.14) 49%,rgba(152,208,255,.03) 63%,transparent 77%);background-size:100% 100%,100% 100%,230% 100%;background-position:center,center,100% 0}
[data-theme="dark"] .nav-shell::after{background:transparent;filter:none;border-color:rgba(192,226,255,.12);box-shadow:inset 0 2px 1px rgba(211,237,255,.17),inset 0 -2px 3px rgba(21,91,171,.18),inset 18px 0 34px rgba(133,201,255,.035),inset -24px 0 40px rgba(26,115,218,.07)}
[data-theme="dark"] .brand-name{color:#f5faff;text-shadow:0 1px 18px rgba(91,175,255,.18)}[data-theme="dark"] .brand-disc{background:linear-gradient(145deg,rgba(232,246,255,.94),rgba(129,188,243,.6));border-color:rgba(221,241,255,.7);box-shadow:inset 0 1px #fff,inset 0 -1px rgba(13,68,129,.28),0 9px 26px rgba(0,0,0,.24),0 0 22px rgba(70,157,244,.11)}
[data-theme="dark"] .nav-links{border-color:rgba(161,211,255,.13);background:linear-gradient(145deg,rgba(1,11,28,.43),rgba(52,103,157,.13));box-shadow:inset 0 1px rgba(195,227,255,.12),inset 0 -1px rgba(0,6,20,.24)}[data-theme="dark"] .nav-link{color:#c6d8ed}[data-theme="dark"] .nav-link .nav-no{color:#72b9ff;opacity:.72}[data-theme="dark"] .nav-link.active{color:#fff;background:linear-gradient(145deg,rgba(102,177,255,.23),rgba(40,104,181,.16));border-color:rgba(159,211,255,.28);box-shadow:inset 0 1px rgba(219,241,255,.16),0 8px 24px rgba(0,0,0,.18)}
[data-theme="dark"] .icon-btn{color:#f1f8ff;border-color:rgba(163,211,255,.22);background:linear-gradient(145deg,rgba(112,180,245,.17),rgba(30,79,135,.13));box-shadow:inset 0 1px rgba(218,239,255,.18),inset 0 -1px rgba(3,24,52,.36),0 7px 20px rgba(0,0,0,.17)}[data-theme="dark"] .icon-btn::before{background:radial-gradient(circle at 29% 12%,rgba(211,238,255,.38),transparent 48%);opacity:.78}[data-theme="dark"] .icon-btn:hover{color:#fff;border-color:rgba(183,222,255,.4);background:linear-gradient(145deg,rgba(105,183,255,.3),rgba(36,105,184,.22));box-shadow:inset 0 1px rgba(229,245,255,.25),0 11px 28px rgba(0,0,0,.25),0 0 22px rgba(67,158,255,.12)}
[data-theme="dark"] .menu-btn{color:#fff;border-color:rgba(116,189,255,.42);background:linear-gradient(145deg,#1761c7,#0b3b8a);box-shadow:inset 0 1px rgba(224,242,255,.28),inset 0 -1px rgba(0,18,55,.36),0 9px 25px rgba(0,0,0,.27),0 0 22px rgba(34,124,239,.13)}[data-theme="dark"] .menu-btn:hover{background:linear-gradient(145deg,#2a7bea,#1050b5)}
@media (max-width:760px){.nav-shell::before,.nav-shell::after{border-radius:19px}}
@media (prefers-reduced-motion:reduce){.nav-shell::before{animation:none}}

/* BLUEPRESSO 2.7 — iOS-style Clear Glass navbar and controlled Explore states. */
.nav-shell{border-radius:28px;border-color:rgba(255,255,255,.68);background:linear-gradient(118deg,rgba(255,255,255,.16),rgba(190,224,255,.055) 37%,rgba(250,253,255,.1) 65%,rgba(78,163,242,.045));box-shadow:0 18px 52px rgba(5,31,73,.13),0 3px 12px rgba(39,121,211,.055),inset 0 1.5px 1px rgba(255,255,255,.76),inset 0 -1px 2px rgba(34,94,164,.16),inset 1px 0 1px rgba(255,255,255,.3),inset -1px 0 2px rgba(70,154,238,.11);backdrop-filter:blur(12px) saturate(145%) contrast(108%);-webkit-backdrop-filter:blur(12px) saturate(145%) contrast(108%)}
.site-header.scrolled .nav-shell{background:linear-gradient(118deg,rgba(255,255,255,.2),rgba(190,224,255,.075) 37%,rgba(250,253,255,.13) 65%,rgba(78,163,242,.06))}
.nav-shell::before,.nav-shell::after{border-radius:27px}.nav-shell::before{opacity:.24;background:radial-gradient(ellipse at 7% -30%,rgba(255,255,255,.72),transparent 28%),radial-gradient(ellipse at 39% 145%,rgba(62,158,251,.13),transparent 34%),radial-gradient(ellipse at 88% -65%,rgba(255,255,255,.42),transparent 30%),linear-gradient(111deg,transparent 13%,rgba(255,255,255,.04) 29%,rgba(255,255,255,.3) 42%,rgba(86,174,255,.1) 49%,rgba(255,255,255,.025) 64%,transparent 80%);background-size:100% 100%,100% 100%,100% 100%,250% 100%;background-position:center,center,center,100% 0;animation-duration:12s}.nav-shell::after{border-color:rgba(255,255,255,.46);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.68),inset 0 -1.5px 2px rgba(25,87,158,.2),inset 15px 0 30px rgba(255,255,255,.035),inset -18px 0 34px rgba(38,132,229,.05)}
[data-theme="dark"] .nav-shell,[data-theme="dark"] .site-header.scrolled .nav-shell{border-color:rgba(183,225,255,.42);background:linear-gradient(118deg,rgba(4,15,32,.2),rgba(23,67,112,.11) 37%,rgba(5,25,54,.16) 65%,rgba(40,103,163,.08));box-shadow:0 20px 58px rgba(0,0,0,.29),0 0 28px rgba(37,132,245,.045),inset 0 1.5px 1px rgba(223,243,255,.34),inset 0 -1px 2px rgba(10,58,119,.26),inset 1px 0 1px rgba(205,235,255,.11),inset -1px 0 2px rgba(72,165,255,.12);backdrop-filter:blur(14px) saturate(150%) contrast(112%) brightness(90%);-webkit-backdrop-filter:blur(14px) saturate(150%) contrast(112%) brightness(90%)}
[data-theme="dark"] .nav-shell::before{opacity:.22;background:radial-gradient(ellipse at 7% -30%,rgba(191,230,255,.32),transparent 29%),radial-gradient(ellipse at 39% 145%,rgba(35,134,239,.1),transparent 35%),radial-gradient(ellipse at 88% -65%,rgba(176,222,255,.17),transparent 30%),linear-gradient(111deg,transparent 13%,rgba(177,221,255,.018) 29%,rgba(215,239,255,.13) 42%,rgba(51,145,238,.07) 49%,rgba(158,211,255,.012) 64%,transparent 80%);background-size:100% 100%,100% 100%,100% 100%,250% 100%;background-position:center,center,center,100% 0}
.nav-links{border-color:rgba(255,255,255,.28);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(151,205,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.34),inset 0 -1px rgba(34,95,165,.08);backdrop-filter:blur(8px) saturate(135%);-webkit-backdrop-filter:blur(8px) saturate(135%)}
.nav-link.active{background:rgba(255,255,255,.23);border-color:rgba(255,255,255,.38);box-shadow:inset 0 1px rgba(255,255,255,.36),0 5px 16px rgba(9,42,91,.06)}
.icon-btn:not(.menu-btn){background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(151,205,255,.055));border-color:rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.44),inset 0 -1px rgba(33,94,164,.09),0 5px 14px rgba(10,47,98,.045);backdrop-filter:blur(8px) saturate(135%);-webkit-backdrop-filter:blur(8px) saturate(135%)}
.icon-btn:not(.menu-btn):hover{background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(151,205,255,.1));border-color:rgba(255,255,255,.46);box-shadow:inset 0 1px rgba(255,255,255,.52),0 7px 16px rgba(10,47,98,.07)}
[data-theme="dark"] .nav-links{border-color:rgba(191,227,255,.16);background:linear-gradient(145deg,rgba(3,14,31,.17),rgba(73,145,214,.045));box-shadow:inset 0 1px rgba(212,238,255,.14),inset 0 -1px rgba(0,10,27,.16)}
[data-theme="dark"] .nav-link.active{background:rgba(99,174,248,.13);border-color:rgba(170,216,255,.22);box-shadow:inset 0 1px rgba(218,241,255,.13),0 5px 16px rgba(0,0,0,.1)}
[data-theme="dark"] .icon-btn:not(.menu-btn){background:linear-gradient(145deg,rgba(124,190,249,.11),rgba(18,62,110,.055));border-color:rgba(178,219,255,.18);box-shadow:inset 0 1px rgba(219,241,255,.16),inset 0 -1px rgba(0,15,39,.2),0 5px 14px rgba(0,0,0,.08)}
[data-theme="dark"] .icon-btn:not(.menu-btn):hover{background:linear-gradient(145deg,rgba(120,194,255,.19),rgba(29,88,150,.11));border-color:rgba(190,226,255,.3);box-shadow:inset 0 1px rgba(228,246,255,.2),0 7px 17px rgba(0,0,0,.14)}
.icon-btn.menu-btn{color:#f4f9ff;border-color:rgba(105,161,221,.34);background:linear-gradient(145deg,rgba(10,31,65,.94),rgba(19,58,112,.9));box-shadow:inset 0 1px rgba(177,214,250,.16),inset 0 -1px rgba(2,16,40,.28),0 6px 16px rgba(7,30,70,.16);filter:none}.icon-btn.menu-btn::before{display:none!important;opacity:0!important}.icon-btn.menu-btn:hover{color:#fff;border-color:rgba(126,188,244,.48);background:linear-gradient(145deg,rgba(14,49,98,.96),rgba(27,82,151,.92));box-shadow:inset 0 1px rgba(202,230,255,.17),0 8px 19px rgba(6,28,66,.21);transform:translateY(-1px) scale(1.015);filter:none}
[data-theme="dark"] .icon-btn.menu-btn{color:#f4f9ff;border-color:rgba(111,181,246,.34);background:linear-gradient(145deg,rgba(17,67,139,.88),rgba(8,45,105,.94));box-shadow:inset 0 1px rgba(201,231,255,.15),inset 0 -1px rgba(0,18,55,.32),0 7px 18px rgba(0,0,0,.23)}[data-theme="dark"] .icon-btn.menu-btn:hover{color:#fff;border-color:rgba(145,207,255,.52);background:linear-gradient(145deg,rgba(28,101,194,.94),rgba(12,67,145,.96));box-shadow:inset 0 1px rgba(224,242,255,.18),0 9px 21px rgba(0,0,0,.26);transform:translateY(-1px) scale(1.015)}
@media (max-width:760px){.nav-shell{border-radius:23px}.nav-shell::before,.nav-shell::after{border-radius:22px}}

/* BLUEPRESSO 2.8 — illustrated daylight cloudscape and stronger nav hover. */
html:not([data-theme="dark"]) .globe-stage::before{inset:-3%;background:url("clouds-day.svg") center/cover no-repeat;filter:none;opacity:.78;animation:globeCloudFloat 10s ease-in-out infinite alternate}
@keyframes globeCloudFloat{from{transform:translate3d(-.7%,.25%,0) scale(1.015)}to{transform:translate3d(.7%,-.35%,0) scale(1.025)}}
@media (hover:hover) and (pointer:fine){.nav-shell:hover{transform:scale(1.026) translateY(2px)}}

/* v2.9 — two-way, two-row recipe marquee */
.recipe-universe{padding-bottom:clamp(120px,12vw,190px)}
.recipe-rail-wrap{margin-top:clamp(68px,7vw,104px);display:grid;gap:clamp(20px,2.2vw,32px);overflow:hidden;padding:10px 0 24px;position:relative;z-index:2}
.recipe-marquee-row{width:100%;overflow:hidden;padding:7px 0;cursor:default;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.recipe-marquee-track{display:flex;width:max-content;will-change:transform;animation-duration:165s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}
.recipe-marquee-row.is-visible .recipe-marquee-track{animation-play-state:running}
@media(hover:hover) and (pointer:fine){.recipe-marquee-row:hover .recipe-marquee-track,.recipe-marquee-row:focus-within .recipe-marquee-track{animation-play-state:paused}}
.recipe-marquee-row-top .recipe-marquee-track{animation-name:recipeMarqueeRight}
.recipe-marquee-row-bottom .recipe-marquee-track{animation-name:recipeMarqueeLeft;animation-duration:158s}
.recipe-marquee-set{display:flex;flex:none;gap:clamp(16px,1.5vw,22px);padding-right:clamp(16px,1.5vw,22px)}
.recipe-marquee-row .rail-card,.recipe-marquee-row .rail-card:nth-child(even){flex:0 0 clamp(230px,24vw,340px);height:clamp(330px,34vw,470px);margin-top:0;scroll-snap-align:none;border-radius:clamp(22px,2vw,30px)}
.recipe-marquee-row .rail-card-copy{inset:auto clamp(19px,2vw,27px) clamp(18px,2vw,26px)}
.recipe-marquee-row .rail-card-copy h3{font-size:clamp(27px,2.7vw,39px);line-height:.95;margin-top:6px}
.recipe-marquee-row .rail-card-copy p{font-size:clamp(12px,1vw,15px);margin-top:8px}
.recipe-marquee-row .rail-counter{margin-top:clamp(13px,1.5vw,20px);font-size:9px}
@keyframes recipeMarqueeLeft{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--marquee-distance,0px)),0,0)}}
@keyframes recipeMarqueeRight{from{transform:translate3d(calc(-1 * var(--marquee-distance,0px)),0,0)}to{transform:translate3d(0,0,0)}}
@media(max-width:680px){.recipe-universe{padding-bottom:100px}.recipe-rail-wrap{margin-top:56px;gap:16px}.recipe-marquee-row{padding:5px 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}.recipe-marquee-row .rail-card,.recipe-marquee-row .rail-card:nth-child(even){flex-basis:min(72vw,286px);height:min(100vw,400px)}.recipe-marquee-track{animation-duration:150s}.recipe-marquee-row-bottom .recipe-marquee-track{animation-duration:144s}}
@media(prefers-reduced-motion:reduce){.recipe-marquee-track{animation:none!important;transform:none!important}.recipe-marquee-row{overflow-x:auto;scrollbar-width:none}.recipe-marquee-row::-webkit-scrollbar{display:none}}

/* v2.11 — faster title rhythm and a long, brush-written signature */
.hero-title-word{will-change:transform,opacity,filter,clip-path;opacity:0;animation:heroTitleWordIn .7s cubic-bezier(.16,.88,.24,1) both}
.hero-title-coffee{animation-delay:.12s}
.hero-title-caffeine{animation-delay:.78s}
.hero-title-beyond{position:relative;width:min(92vw,6.55em);max-width:100%;height:.82em;margin:.005em auto -.015em;isolation:isolate;overflow:visible!important;color:#0d5de2!important}
[data-theme="dark"] .hero-title-beyond{color:#72b9ff!important}
.hero-signature-ink{position:absolute;z-index:2;left:40%;top:48%;display:block!important;width:max-content;white-space:nowrap;font-family:"Bluepresso Signature","Snell Roundhand","Segoe Script",cursive;font-size:1.32em;font-weight:400;font-style:normal;line-height:.72;letter-spacing:-.035em;color:currentColor;opacity:0;clip-path:inset(-34% 108% -48% -13%);filter:blur(2.2px);-webkit-text-stroke:.004em currentColor;transform:translate(-50%,-50%) rotate(-3.4deg) scaleX(1.53);transform-origin:left center;will-change:clip-path,opacity,filter,transform;animation:heroSignatureWrite 1.04s cubic-bezier(.22,.01,.1,1) 1.47s both;text-shadow:0 9px 30px rgba(18,95,255,.19)}
.hero-signature-flourish{position:absolute;z-index:1;left:-10%;top:-.46em;width:120%;height:1.53em;overflow:visible;pointer-events:none;color:currentColor;filter:drop-shadow(0 .045em .09em rgba(18,95,255,.15))}
.hero-signature-flourish .signature-stroke{fill:none;stroke:currentColor;stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.signature-entry{opacity:.58;animation:heroSignatureStroke .4s cubic-bezier(.3,.05,.14,1) 1.4s both}
.signature-crown{opacity:.7;animation:heroSignatureStroke .53s cubic-bezier(.22,.03,.12,1) 2.03s both}
.signature-tail{opacity:.67;animation:heroSignatureStroke .46s cubic-bezier(.22,.03,.12,1) 2.3s both}
.hero-signature-pen{position:absolute;z-index:4;left:8%;top:61%;width:.105em;height:.026em;border-radius:100% 18% 100% 18%;background:currentColor;box-shadow:0 0 .065em rgba(18,95,255,.44);opacity:0;pointer-events:none;transform:rotate(-28deg);animation:heroSignaturePen 1.36s cubic-bezier(.32,.02,.15,1) 1.39s both}
.hero-logo-mark{animation:heroSupportingReveal .56s var(--ease) .02s both}
.home-hero .hero-dek{animation:heroSupportingReveal .66s var(--ease) 2.62s both}
.home-hero .hero-actions{animation:heroSupportingReveal .66s var(--ease) 2.74s both}
.home-hero .scroll-cue{animation:heroSupportingReveal .6s var(--ease) 2.92s both}
@keyframes heroTitleWordIn{0%{opacity:0;clip-path:inset(100% 0 0);transform:translate3d(0,.34em,0) scaleY(.88);filter:blur(12px)}58%{opacity:1;filter:blur(1px)}100%{opacity:1;clip-path:inset(-12% -4%);transform:translate3d(0,0,0) scaleY(1);filter:blur(0)}}
@keyframes heroSignatureWrite{0%{opacity:0;clip-path:inset(-34% 108% -48% -13%);filter:blur(2.2px);transform:translate(-50%,-50%) rotate(-4deg) scaleX(1.49)}6%{opacity:1}42%{filter:blur(.65px)}82%{clip-path:inset(-34% -1% -48% -13%)}100%{opacity:1;clip-path:inset(-34% -13% -48% -13%);filter:blur(0);transform:translate(-50%,-50%) rotate(-3deg) scaleX(1.53)}}
@keyframes heroSignatureStroke{0%{stroke-dashoffset:1;opacity:0}9%{opacity:.68}100%{stroke-dashoffset:0}}
@keyframes heroSignaturePen{0%{left:7%;top:64%;opacity:0;transform:rotate(-30deg) scaleX(.4)}5%{opacity:.62}18%{left:23%;top:34%;transform:rotate(-19deg) scaleX(1)}36%{left:39%;top:60%;transform:rotate(-34deg) scaleX(.8)}53%{left:55%;top:39%;transform:rotate(-18deg) scaleX(1.04)}70%{left:70%;top:58%;transform:rotate(-31deg) scaleX(.86)}86%{left:87%;top:43%;opacity:.55;transform:rotate(-21deg) scaleX(.76)}100%{left:104%;top:62%;opacity:0;transform:rotate(-28deg) scaleX(.2)}}
@keyframes heroSupportingReveal{from{opacity:0;transform:translate3d(0,15px,0);filter:blur(8px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
html[lang="ru"] .hero-signature-ink,html[lang="ja"] .hero-signature-ink{font-family:var(--serif);font-size:.75em;letter-spacing:-.08em}
@media(max-width:760px){.hero-title-beyond{width:min(94vw,6.35em);height:.84em}.hero-signature-ink{font-size:1.24em;transform:translate(-50%,-50%) rotate(-3.4deg) scaleX(1.4)}.hero-signature-flourish{left:-8%;width:116%}.hero-signature-flourish .signature-stroke{stroke-width:3.2}.hero-signature-pen{width:.13em}.home-hero .hero-dek{animation-delay:2.56s}.home-hero .hero-actions{animation-delay:2.68s}}
@media(prefers-reduced-motion:reduce){.hero-title-word,.hero-signature-ink,.hero-signature-flourish path,.hero-signature-pen,.hero-logo-mark,.home-hero .hero-dek,.home-hero .hero-actions,.home-hero .scroll-cue{animation:none!important;opacity:1!important;clip-path:none!important;filter:none!important}.hero-signature-ink{transform:translate(-50%,-50%) rotate(-3deg) scaleX(1.53)}.hero-signature-flourish path{stroke-dashoffset:0!important}.hero-signature-pen{display:none}}
@media (prefers-reduced-motion:reduce){html:not([data-theme="dark"]) .globe-stage::before{animation:none}}

/* v2.12 — supplied blue silk artwork as the manifesto backdrop */
.manifesto{
  min-height:clamp(690px,43vw,820px);
  display:grid;
  align-items:center;
  isolation:isolate;
  overflow:hidden;
  background-image:url("images/manifesto-silk.jpeg")!important;
  background-repeat:no-repeat!important;
  background-position:center 47%!important;
  background-size:cover!important;
}
.manifesto::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(246,251,255,.31),rgba(246,251,255,.11) 48%,rgba(246,251,255,.24)),
    linear-gradient(180deg,rgba(255,255,255,.1),transparent 58%,rgba(14,64,142,.06));
  box-shadow:none;
  pointer-events:none;
}
.manifesto::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(112deg,rgba(255,255,255,.13),transparent 33% 70%,rgba(12,75,171,.07));
  transform:none;
  -webkit-mask-image:none;
  mask-image:none;
  pointer-events:none;
}
.manifesto-grid{position:relative;z-index:2}
.manifesto-grid::before{content:"";position:absolute;z-index:-1;inset:-78px -64px;background:radial-gradient(ellipse at 57% 48%,rgba(248,252,255,.58),rgba(245,251,255,.27) 54%,transparent 78%);filter:blur(15px);pointer-events:none}
.manifesto-number{color:#0b61e8;text-shadow:0 1px rgba(255,255,255,.72)}
.manifesto-copy{color:#07142b;text-shadow:0 1px rgba(255,255,255,.48),0 14px 42px rgba(225,242,255,.2)}
.manifesto-copy em{color:#0b61e8;text-shadow:0 9px 28px rgba(32,101,210,.14)}
.manifesto-side{color:#405b7b}
.manifesto-side .arrow-link{color:#07142b}
[data-theme="dark"] .manifesto{
  background-image:url("images/manifesto-silk.jpeg")!important;
  background-repeat:no-repeat!important;
  background-position:center 55%!important;
  background-size:cover!important;
  color:#f5f9ff;
}
[data-theme="dark"] .manifesto::before{background:linear-gradient(90deg,rgba(4,15,35,.58),rgba(5,26,62,.3) 52%,rgba(3,17,42,.48)),linear-gradient(180deg,rgba(5,20,47,.08),rgba(3,14,35,.4))}
[data-theme="dark"] .manifesto::after{background:linear-gradient(112deg,rgba(101,176,255,.08),transparent 34% 70%,rgba(1,9,25,.23))}
[data-theme="dark"] .manifesto-number{color:#8acaff;text-shadow:none}
[data-theme="dark"] .manifesto-copy{color:#f4f8ff;text-shadow:0 18px 50px rgba(0,10,30,.36)}
[data-theme="dark"] .manifesto-copy em{color:#7ec4ff;text-shadow:0 10px 34px rgba(0,32,91,.42)}
[data-theme="dark"] .manifesto-side{color:rgba(237,247,255,.72)}
[data-theme="dark"] .manifesto-side .arrow-link{color:#fff}
[data-theme="dark"] .manifesto-grid::before{background:radial-gradient(ellipse at 57% 48%,rgba(3,14,34,.54),rgba(3,17,42,.25) 56%,transparent 79%)}
@media(max-width:760px){
  .manifesto{min-height:auto;background-position:center 54%!important}
  .manifesto::before{background:linear-gradient(90deg,rgba(246,251,255,.28),rgba(246,251,255,.12)),linear-gradient(180deg,rgba(255,255,255,.13),rgba(18,77,159,.09))}
  [data-theme="dark"] .manifesto{background-position:center 58%!important}
}

/* =========================================================
   BLUEPRESSO 3.2 — natural coffee field taste reveal
   ========================================================= */
body.taste-modal-open{overflow:hidden}
.taste-finder{
  min-height:100svh;
  padding:0!important;
  display:grid;
  place-items:center;
  isolation:isolate;
  overflow:hidden;
  color:#071c32;
  background-color:#a7d7e4!important;
  background-image:url("images/coffee-field-right-branch.png")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}
[data-theme="dark"] .taste-finder{
  min-height:100svh;
  padding:0!important;
  display:grid;
  place-items:center;
  isolation:isolate;
  overflow:hidden;
  color:#f2f8ff;
  background-color:#102b4a!important;
  background-image:url("images/coffee-field-night-right-branch.png")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}
.taste-finder::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 38% 48%,rgba(236,250,248,.62) 0 21%,rgba(231,247,244,.25) 43%,transparent 67%),
    linear-gradient(90deg,rgba(223,244,241,.18),rgba(230,247,244,.06) 58%,rgba(4,44,31,.12))!important;
  filter:none;
  box-shadow:none!important;
}
.taste-finder::after{content:none!important}
.taste-entry{
  position:relative;
  z-index:4;
  width:min(860px,calc(100% - 42px));
  min-height:72vh;
  padding:90px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  pointer-events:none;
  color:#071c32;
  transform:none;
}
.taste-entry::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(810px,88vw);
  height:min(570px,68vh);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(235,249,246,.72),rgba(224,244,239,.28) 53%,transparent 74%);
  filter:blur(18px);
  opacity:.78;
  pointer-events:none;
}
[data-theme="dark"] .taste-finder::before{
  background:
    radial-gradient(ellipse at 50% 48%,rgba(154,199,230,.18) 0 20%,rgba(36,87,126,.08) 47%,transparent 68%),
    linear-gradient(90deg,rgba(4,21,43,.08),rgba(13,42,68,.02) 58%,rgba(1,13,25,.18))!important;
}
[data-theme="dark"] .taste-entry{
  color:#f1f7ff;
}
[data-theme="dark"] .taste-entry::before{
  background:radial-gradient(ellipse,rgba(7,24,47,.46),rgba(8,29,54,.18) 54%,transparent 74%);
  opacity:.72;
}
[data-theme="dark"] .taste-entry-kicker{color:rgba(225,240,255,.72)}
[data-theme="dark"] .taste-entry-kicker::before,
[data-theme="dark"] .taste-entry-kicker::after{background:rgba(225,240,255,.42)}
[data-theme="dark"] .taste-entry-title{
  text-shadow:0 2px rgba(0,0,0,.18),0 26px 65px rgba(0,8,24,.35);
}
[data-theme="dark"] .taste-entry-title em{color:#9edaff}
[data-theme="dark"] .taste-entry-lede{color:rgba(230,242,255,.76)}
[data-theme="dark"] .taste-entry-button{
  --button-ink:#f4f9ff;
  border-color:rgba(210,235,255,.55);
  background:linear-gradient(145deg,rgba(158,207,242,.2),rgba(24,68,105,.18));
  box-shadow:0 18px 55px rgba(0,9,26,.32),inset 0 1px rgba(238,248,255,.34);
}
.taste-entry-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:26px;
  font-size:10px;
  line-height:1;
  font-weight:820;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:rgba(7,43,65,.64);
}
.taste-entry-kicker::before,.taste-entry-kicker::after{
  content:"";
  width:31px;
  height:1px;
  background:rgba(7,50,74,.38);
}
.taste-entry-title{
  max-width:880px;
  margin:0;
  font-size:clamp(61px,7.15vw,112px);
  line-height:.82;
  letter-spacing:-.073em;
  font-weight:790;
  text-wrap:balance;
  text-shadow:0 2px rgba(255,255,255,.5),0 26px 60px rgba(20,85,112,.12);
}
.taste-entry-title em{
  display:inline-block;
  padding-right:.08em;
  font-family:var(--serif);
  font-weight:400;
  font-style:italic;
  letter-spacing:-.045em;
  color:#105c7a;
}
.taste-entry-lede{
  max-width:550px;
  margin:31px auto 0;
  font-family:var(--serif);
  font-size:clamp(18px,1.62vw,25px);
  line-height:1.42;
  color:rgba(8,45,67,.7);
  text-wrap:balance;
}
.taste-entry-button{
  --button-ink:#052944;
  position:relative;
  min-width:214px;
  min-height:63px;
  margin-top:40px;
  padding:0 18px 0 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:1px solid rgba(255,255,255,.77);
  border-radius:999px;
  overflow:hidden;
  pointer-events:auto;
  cursor:pointer;
  color:var(--button-ink);
  background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(225,246,251,.17));
  box-shadow:0 18px 55px rgba(29,89,112,.17),inset 0 1px rgba(255,255,255,.75);
  backdrop-filter:blur(15px) saturate(145%);
  -webkit-backdrop-filter:blur(15px) saturate(145%);
  font:760 12px/1 var(--sans);
  letter-spacing:.075em;
  text-transform:uppercase;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease);
}
.taste-entry-button::before{
  content:"";
  position:absolute;
  inset:-60% 48% -60% -20%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.72),transparent);
  transform:translateX(-120%) rotate(8deg);
  transition:transform .65s var(--ease);
}
.taste-entry-button span,.taste-entry-button i{position:relative;z-index:2}
.taste-entry-button i{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:white;
  background:#0b5a7e;
  box-shadow:0 9px 24px rgba(5,67,94,.24);
  font-style:normal;
  font-size:17px;
  transition:transform .38s var(--ease),background .35s;
}
.taste-entry-button:hover{
  transform:translateY(-4px) scale(1.025);
  background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(225,246,251,.23));
  box-shadow:0 25px 70px rgba(29,89,112,.21),inset 0 1px rgba(255,255,255,.86);
}
.taste-entry-button:hover::before{transform:translateX(190%) rotate(8deg)}
.taste-entry-button:hover i{transform:rotate(-13deg) scale(1.07);background:#08709b}
.taste-entry-button:focus-visible{outline:3px solid rgba(6,89,123,.34);outline-offset:6px}
.taste-entry-hint{
  margin-top:18px;
  color:rgba(7,41,61,.52);
  font-size:10px;
  font-weight:720;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.taste-modal{
  position:fixed;
  z-index:20000;
  inset:0;
  padding:24px;
  display:grid;
  place-items:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .34s ease,visibility .34s;
}
.taste-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.taste-modal-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  cursor:default;
  background:rgba(15,57,73,.045);
  backdrop-filter:blur(5px) saturate(112%);
  -webkit-backdrop-filter:blur(5px) saturate(112%);
}
.taste-modal-shell{
  position:relative;
  z-index:2;
  width:min(980px,calc(100vw - 48px));
  max-height:calc(100svh - 48px);
}
.taste-liquid-panel,
[data-theme="dark"] .taste-liquid-panel{
  position:relative;
  z-index:1;
  width:100%;
  min-height:min(690px,calc(100svh - 48px))!important;
  max-height:calc(100svh - 48px);
  margin:0!important;
  padding:clamp(27px,3.5vw,48px)!important;
  overflow:hidden;
  overscroll-behavior:contain;
  color:#061b30!important;
  border:1px solid transparent!important;
  border-radius:44px!important;
  background:
    linear-gradient(140deg,rgba(255,255,255,.175),rgba(211,239,249,.052) 46%,rgba(255,255,255,.095)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.3) 34%,rgba(134,202,226,.3) 62%,rgba(255,255,255,.78)) border-box!important;
  box-shadow:
    0 42px 120px rgba(13,58,79,.25),
    inset 0 1px rgba(255,255,255,.92),
    inset 0 -1px rgba(255,255,255,.25)!important;
  backdrop-filter:blur(18px) saturate(158%) contrast(104%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(158%) contrast(104%)!important;
  transform:translateY(38px) scale(.93);
  opacity:0;
  transition:transform .62s cubic-bezier(.16,.88,.2,1),opacity .38s ease;
}
.taste-modal.is-open .taste-liquid-panel{transform:none;opacity:1}
.taste-liquid-panel::before{
  content:""!important;
  position:absolute!important;
  z-index:0;
  width:420px!important;
  height:420px!important;
  right:-128px!important;
  top:-170px!important;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.36),rgba(173,221,239,.11) 52%,transparent 72%)!important;
  filter:blur(9px)!important;
  opacity:1!important;
  pointer-events:none;
}
.taste-liquid-panel::after{
  content:""!important;
  position:absolute!important;
  z-index:0;
  width:290px!important;
  height:290px!important;
  left:-125px!important;
  bottom:-155px!important;
  border-radius:46% 54% 60% 40%;
  border:1px solid rgba(255,255,255,.38)!important;
  background:rgba(193,231,244,.065)!important;
  box-shadow:0 0 0 36px rgba(255,255,255,.025),0 0 0 72px rgba(255,255,255,.018)!important;
  transform:rotate(24deg);
  pointer-events:none;
}
.taste-liquid-panel .wizard-top,
.taste-liquid-panel .wizard-question,
.taste-liquid-panel .wizard-options,
.taste-liquid-panel .wizard-result-copy{position:relative;z-index:2}
.taste-liquid-panel .wizard-top{border-color:rgba(6,45,67,.16)}
.taste-liquid-panel .wizard-progress{color:#075b80}
.taste-liquid-panel .wizard-question h3{
  max-width:690px;
  color:#061b30;
  text-shadow:0 1px rgba(255,255,255,.54);
}
.taste-liquid-panel .wizard-question p,
.taste-liquid-panel .wizard-result-copy>p{color:rgba(7,43,64,.68)}
.taste-liquid-panel .wizard-ghost{color:rgba(5,80,112,.075)}
.taste-liquid-panel .wizard-option{
  min-height:154px;
  border-color:rgba(255,255,255,.56);
  color:#061b30;
  background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(211,239,248,.1));
  box-shadow:inset 0 1px rgba(255,255,255,.56),0 12px 35px rgba(14,72,95,.06);
  backdrop-filter:blur(9px) saturate(130%);
  -webkit-backdrop-filter:blur(9px) saturate(130%);
}
.taste-liquid-panel .wizard-option::before{background:linear-gradient(145deg,rgba(2,74,108,.9),rgba(38,147,190,.86))}
.taste-liquid-panel .wizard-option small{color:rgba(7,43,64,.58)}
.taste-liquid-panel .wizard-back,
.taste-liquid-panel .wizard-restart{color:rgba(6,42,62,.66);border-color:rgba(6,42,62,.2)}
.taste-liquid-panel .wizard-result-visual{z-index:1}
.taste-liquid-panel .wizard-result-copy{color:#061b30}
.taste-modal-close{
  position:absolute;
  z-index:12;
  top:22px;
  right:22px;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;
  cursor:pointer;
  background:rgba(240,250,253,.23);
  box-shadow:inset 0 1px rgba(255,255,255,.65),0 10px 28px rgba(12,58,77,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .32s var(--ease),background .3s;
}
.taste-modal-close:hover{transform:rotate(90deg) scale(1.06);background:rgba(255,255,255,.42)}
.taste-modal-close span{
  position:absolute;
  left:50%;
  top:50%;
  width:15px;
  height:1.5px;
  border-radius:2px;
  background:#07334b;
}
.taste-modal-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.taste-modal-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}

@media(max-width:900px){
  .taste-finder{min-height:880px}
  .taste-entry{min-height:760px;transform:none}
  .taste-entry-title{font-size:clamp(58px,11vw,88px)}
  .taste-liquid-panel .wizard-options{min-height:0}
  .taste-liquid-panel .wizard-option{min-height:130px}
}
@media(max-width:760px){
  .taste-finder{min-height:760px;background-position:58% center!important}
  .taste-entry{width:calc(100% - 28px);min-height:700px;padding:72px 10px}
  .taste-entry-title{font-size:clamp(51px,15vw,74px);line-height:.85;letter-spacing:-.068em}
  .taste-entry-lede{max-width:330px;margin-top:26px;font-size:18px}
  .taste-entry-button{min-width:202px;min-height:59px;margin-top:33px}
  .taste-entry-hint{font-size:9px}
  .taste-modal{padding:10px}
  .taste-modal-shell{width:calc(100vw - 20px);max-height:calc(100svh - 20px)}
  .taste-liquid-panel,
  [data-theme="dark"] .taste-liquid-panel{
    width:100%;
    min-height:calc(100svh - 20px)!important;
    max-height:calc(100svh - 20px);
    padding:24px 20px!important;
    border-radius:31px!important;
    overflow-x:hidden;
    overflow-y:auto;
  }
  .taste-modal-close{top:15px;right:15px;width:40px;height:40px}
  .taste-liquid-panel .wizard-top{padding-right:46px}
  .taste-liquid-panel .wizard-question{padding:33px 0 21px}
  .taste-liquid-panel .wizard-question h3{font-size:clamp(42px,12.5vw,57px)}
  .taste-liquid-panel .wizard-question p{font-size:15px}
  .taste-liquid-panel .wizard-options{display:flex!important;min-height:0!important}
  .taste-liquid-panel .wizard-option{min-height:94px}
  .taste-liquid-panel .wizard-result-visual{width:calc(100% + 40px);margin:-24px -20px 0}
}
@media(prefers-reduced-motion:reduce){
  .taste-liquid-panel{transition:opacity .2s ease;transform:none}
}

/* BLUEPRESSO 3.1 — mobile reliability pass */
@media(max-width:760px){
  /* Keep both appearance controls visible and compact inside the navbar. */
  .nav-actions{gap:5px}
  .nav-actions .theme-toggle{display:grid!important}
  .nav-actions .language-toggle{display:grid!important}
  .nav-actions .theme-toggle,
  .nav-actions .language-toggle,
  .nav-actions .menu-btn{width:43px;height:43px;flex:0 0 43px}

  /* The desktop radial menu is replaced by a standalone mobile dialog. */
  .language-control.open{transform:none!important;z-index:180}
  .language-control.open>.language-toggle{transform:none}
  .language-dropdown{display:none!important}

  /* Reserve separate lanes for the option symbol and navigation arrow. */
  .taste-liquid-panel .wizard-option{padding-right:112px!important}
  .taste-liquid-panel .wizard-option-visual{
    right:54px!important;
    top:50%!important;
    font-size:42px!important;
    transform:translateY(-50%)!important;
  }
  .taste-liquid-panel .wizard-option-arrow{
    right:17px!important;
    bottom:50%!important;
    transform:translateY(50%)!important;
  }
  .taste-liquid-panel .wizard-option-arrow svg{width:18px;height:18px}

  /* Preserve the atlas' real world-map proportions on narrow screens. */
  .atlas-map-wrap{
    height:clamp(270px,76vw,340px)!important;
    min-height:0!important;
    margin-top:26px!important;
  }
}

@media(max-width:390px){
  .brand-name{font-size:17px}
  .brand{gap:8px}
  .nav-shell{gap:8px}
  .nav-actions{gap:4px}
  .nav-actions .theme-toggle,
  .nav-actions .language-toggle,
  .nav-actions .menu-btn{width:41px;height:41px;flex-basis:41px}
}

/* Mobile language picker lives outside the transformed navbar stacking context. */
.mobile-language-sheet{display:none}
@media(max-width:760px){
  body.mobile-language-open{overflow:hidden}
  .mobile-language-sheet{
    position:fixed;
    z-index:30000;
    inset:0;
    display:block;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease;
  }
  .mobile-language-sheet.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .mobile-language-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:rgba(3,18,43,.34);
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
  }
  .mobile-language-card{
    position:absolute;
    left:10px;
    right:10px;
    top:max(80px,calc(env(safe-area-inset-top) + 68px));
    max-height:calc(100svh - 96px);
    padding:18px;
    overflow:auto;
    color:#0a1b37;
    border:1px solid rgba(255,255,255,.86);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(245,251,255,.96),rgba(198,229,252,.93));
    box-shadow:0 30px 90px rgba(3,25,66,.38),inset 0 1px #fff;
    backdrop-filter:blur(32px) saturate(180%);
    -webkit-backdrop-filter:blur(32px) saturate(180%);
    transform:translateY(-14px) scale(.985);
    transition:transform .32s var(--ease);
  }
  .mobile-language-sheet.is-open .mobile-language-card{transform:none}
  [data-theme="dark"] .mobile-language-card{
    color:#eef7ff;
    border-color:rgba(178,220,255,.28);
    background:linear-gradient(145deg,rgba(13,37,72,.98),rgba(5,21,46,.97));
    box-shadow:0 32px 95px rgba(0,0,0,.58),inset 0 1px rgba(221,241,255,.15);
  }
  .mobile-language-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
  .mobile-language-head>div{display:grid;gap:3px}
  .mobile-language-head span{font-size:8px;font-weight:850;letter-spacing:.2em;color:#2774ce}
  .mobile-language-head strong{font-size:24px;letter-spacing:-.045em}
  .mobile-language-close{
    width:43px;
    height:43px;
    flex:0 0 43px;
    border:1px solid rgba(54,111,177,.18);
    border-radius:50%;
    background:rgba(255,255,255,.45);
    color:inherit;
    font:300 30px/1 var(--sans);
  }
  [data-theme="dark"] .mobile-language-close{border-color:rgba(183,222,255,.2);background:rgba(122,181,239,.09)}
  .mobile-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .mobile-language-option{
    min-width:0;
    min-height:56px;
    padding:7px 10px 7px 7px;
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 15px;
    align-items:center;
    gap:9px;
    border:1px solid rgba(74,126,187,.14);
    border-radius:18px;
    background:rgba(255,255,255,.47);
    color:inherit;
    text-align:left;
    font:750 12px/1.15 var(--sans);
    box-shadow:inset 0 1px rgba(255,255,255,.76);
  }
  .mobile-language-option img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:inset 0 0 0 1px rgba(4,31,80,.1)}
  .mobile-language-option[data-lang="tr"] img{object-position:17% 50%}
  .mobile-language-option b{opacity:0;color:#1264d9;font-size:15px}
  .mobile-language-option.active{border-color:rgba(18,95,255,.48);background:rgba(201,228,255,.78);box-shadow:0 0 0 3px rgba(18,95,255,.09),inset 0 1px rgba(255,255,255,.9)}
  .mobile-language-option.active b{opacity:1}
  [data-theme="dark"] .mobile-language-option{border-color:rgba(174,215,255,.14);background:rgba(91,151,213,.08);box-shadow:inset 0 1px rgba(255,255,255,.07)}
  [data-theme="dark"] .mobile-language-option.active{border-color:rgba(111,184,255,.55);background:rgba(30,105,185,.29)}
}

@media(max-width:370px){
  .mobile-language-card{padding:15px}
  .mobile-language-grid{grid-template-columns:1fr}
  .mobile-language-option{min-height:52px}
}