.site-header{z-index:50;height:var(--header-h);-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:#0b1324d1;position:sticky;top:0}.site-header__inner{max-width:1440px;height:100%;padding-inline:var(--gutter);align-items:center;gap:24px;margin-inline:auto;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo__mark{width:24px;height:30px}.logo__text{font-family:var(--font-mono);letter-spacing:.16em;white-space:nowrap;font-size:.95rem}.logo__text b{color:var(--gold)}.site-nav{margin-left:auto}.site-nav ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.site-nav__link{color:var(--muted);border-radius:10px;justify-items:center;padding:6px 12px;text-decoration:none;transition:color .2s,background .2s;display:grid;position:relative}.site-nav__en{font-family:var(--font-mono);letter-spacing:.1em;white-space:nowrap;font-size:.78rem;font-weight:700}.site-nav__ja{opacity:.8;font-size:.74rem;line-height:1.3}.site-nav__link:hover{color:var(--text);background:#ffffff0f}.site-nav__link.active{color:var(--gold)}.site-nav__link.active:after{content:"";background:var(--gold);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:12px;right:12px}.site-nav__badge{background:var(--alert);min-width:18px;height:18px;color:var(--navy-900);font-family:var(--font-mono);text-align:center;border-radius:9px;padding:0 5px;font-size:.76rem;font-weight:700;line-height:18px;position:absolute;top:0;right:0}.nav-toggle{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:12px;width:48px;height:48px;margin-left:auto;display:none;position:relative}.nav-toggle__bars,.nav-toggle__bars:before,.nav-toggle__bars:after{background:var(--text);width:22px;height:2px;transition:transform .25s var(--ease), opacity .2s;border-radius:2px;position:absolute;left:13px}.nav-toggle__bars{top:23px}.nav-toggle__bars:before,.nav-toggle__bars:after{content:"";left:0}.nav-toggle__bars:before{top:-7px}.nav-toggle__bars:after{top:7px}.nav-toggle[aria-expanded=true] .nav-toggle__bars{background:0 0}.nav-toggle[aria-expanded=true] .nav-toggle__bars:before{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bars:after{transform:translateY(-7px)rotate(-45deg)}@media (width<=1240px){.nav-toggle{display:block}.site-nav{inset:var(--header-h) 0 auto 0;max-height:calc(100dvh - var(--header-h));border-bottom:1px solid var(--line);padding:12px var(--gutter) 24px;opacity:0;visibility:hidden;transition:opacity .2s, transform .25s var(--ease), visibility .2s;background:#070d1afa;position:fixed;overflow-y:auto;transform:translateY(-8px)}.site-nav.is-open{opacity:1;visibility:visible;transform:none}.site-nav ul{flex-direction:column;gap:2px}.site-nav__link{grid-template-columns:auto 1fr;place-items:baseline start;gap:14px;padding:14px 12px}.site-nav__en{font-size:1rem}.site-nav__ja{font-size:.85rem}.site-nav__link.active:after{width:3px;height:auto;inset:14px auto 14px 0}.site-nav__badge{justify-self:end;position:static}}.site-footer{background:var(--navy-950);border-top:1px solid var(--line);color:var(--muted);padding-block:48px 40px;font-size:.9rem}.site-footer__grid{grid-template-columns:1.2fr 1fr 1.6fr;gap:32px;display:grid}.site-footer__brand{font-family:var(--font-mono);letter-spacing:.2em;color:var(--gold);margin-bottom:8px;font-weight:700}.site-footer__links{grid-template-columns:1fr 1fr;gap:6px 16px;margin:0;padding:0;list-style:none;display:grid}.site-footer__links a{font-family:var(--font-mono);letter-spacing:.08em;font-size:.82rem;text-decoration:none}.site-footer__links a:hover{color:var(--gold)}.site-footer__notice{gap:10px;line-height:1.7;display:grid}.site-footer__notice strong{color:var(--text)}.site-footer__notice a{color:var(--gold);margin-inline:4px}@media (width<=860px){.site-footer__grid{grid-template-columns:1fr}}.site-nav__new{background:var(--lab);color:var(--navy-900);border-radius:4px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1.5;position:absolute;top:-4px;right:-2px}@media (width<=1240px){.site-nav__new{justify-self:end;font-size:.72rem;position:static}}.lab-loader{min-height:60vh;color:var(--muted);letter-spacing:.16em;place-content:center;justify-items:center;gap:16px;font-size:.85rem;display:grid}.lab-loader__flask{gap:8px;display:flex}.lab-loader__flask i{background:var(--gold);border-radius:50%;width:10px;height:10px;animation:.9s ease-in-out infinite alternate loader-bubble}.lab-loader__flask i:nth-child(2){animation-delay:.15s}.lab-loader__flask i:nth-child(3){animation-delay:.3s}@keyframes loader-bubble{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(-6px)}}.pour{justify-items:center;gap:18px;display:grid}.pour__stage{justify-items:center;width:100%;display:grid;position:relative}.pour__spot{pointer-events:none;background:radial-gradient(34% 48% at 50% 52%,#ffecbe38,#0000 70%),radial-gradient(18% 6% at 50% 92%,#ffdc9640,#0000 70%);position:absolute;inset:-10% 0 6%}.pour__glass{width:min(260px,62vw);position:relative}.pour--compact .pour__glass{width:min(300px,64vw)}.pour__status{letter-spacing:.16em;min-height:1.6em;color:var(--muted);margin-top:8px;font-size:.85rem;font-weight:700}.pour__status.is-ready{color:var(--lab);animation:pour-ready .6s var(--ease) both;font-size:1rem}@keyframes pour-ready{0%{opacity:0;transform:scale(.85)}}.pour__steps{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pour__step{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.pour__step-no{opacity:.7;font-size:.76rem}.pour__step.is-active{border-color:var(--gold);color:var(--gold)}.pour__step.is-done{color:var(--lab);background:#8be3c91f;border-color:#8be3c966}.pour__btn{min-width:200px}.pour__note{color:var(--muted);font-size:.82rem}.dna-radar{width:100%;height:auto;overflow:visible}.dna-radar__ring{fill:none;stroke:#ffffff1f;stroke-width:1px}.dna-radar__ring:last-of-type{stroke:#ffffff40}.dna-radar__spoke{stroke:#ffffff1a}.dna-radar__shape{fill-opacity:.28;stroke-width:2.5px;stroke-linejoin:round;transform-origin:150px 150px;animation:dna-grow .9s var(--ease) both}.dna-radar__shape--b{fill-opacity:.16;stroke-dasharray:5 4}.dna-radar__dot{stroke:var(--navy-900);stroke-width:1.5px;animation:.9s .4s both dna-fade}.dna-radar__label{font-family:var(--font-mono);fill:var(--muted);letter-spacing:.05em;font-size:12px;font-weight:700}@keyframes dna-grow{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}@keyframes dna-fade{0%{opacity:0}}.dna-bars{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dna-bars__row{grid-template-columns:150px 1fr 28px;align-items:center;gap:12px;display:grid}.dna-bars__label{align-items:baseline;gap:8px;font-size:.82rem;font-weight:700;display:flex}.dna-bars__ja{color:var(--muted);font-size:.8rem;font-weight:400}.dna-bars__track{background:#ffffff14;border-radius:5px;height:10px;overflow:hidden}.dna-bars__fill{transform-origin:0;height:100%;animation:dna-bar .9s var(--ease) both;border-radius:5px;display:block}@keyframes dna-bar{0%{transform:scaleX(0)}}.dna-bars__value{text-align:right;font-weight:700}.dna-strand{align-items:flex-end;gap:6px;height:64px;padding:8px 0;display:flex}.dna-strand__pair{flex:1;align-content:end;justify-items:center;gap:4px;height:100%;display:grid}.dna-strand__pair i{width:100%;max-width:26px;height:calc(var(--v) * 36px + 4px);background:var(--c);box-shadow:0 0 12px color-mix(in srgb, var(--c) 50%, transparent);transform-origin:bottom;animation:2.6s ease-in-out infinite alternate dna-helix;animation-delay:inherit;border-radius:6px 6px 2px 2px;display:block}.dna-strand__pair b{font-family:var(--font-mono);color:var(--muted);font-size:.8rem}@keyframes dna-helix{0%{transform:scaleY(.85)}to{transform:scaleY(1.05)}}.dna-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,3vw,40px);display:grid}.dna-panel__chart{padding:18px}.dna-panel__data{gap:18px;display:grid}.dna-panel__code code{color:var(--lab);letter-spacing:.06em;word-break:break-all;margin-top:4px;font-size:clamp(.85rem,1.5vw,1.05rem);font-weight:700;display:block}.dna-panel__archetype{font-family:var(--font-display);color:var(--gold);margin-top:4px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800}.dna-panel__desc{color:var(--muted)}.dna-panel__meta{color:var(--muted);letter-spacing:.04em;font-size:.8rem}.dna-panel__meta strong{color:var(--text)}@media (width<=860px){.dna-panel{grid-template-columns:1fr}.dna-panel__chart{width:100%;max-width:420px;margin-inline:auto}}@media (width<=480px){.dna-bars__row{grid-template-columns:112px 1fr 24px;gap:8px}.dna-bars__ja{display:none}}.lab-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.lab-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--navy-800);height:100%;transition:transform .3s var(--ease), border-color .3s, box-shadow .3s;grid-template-columns:180px minmax(0,1fr);text-decoration:none;display:grid;overflow:hidden}.lab-card:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 18px 40px #00000059}.lab-card:hover .beer-glass__bubble{animation-play-state:running}.lab-card__visual{border-right:1px solid var(--line);background:radial-gradient(60% 50% at 50% 60%,#f2b63238,#0000 70%),linear-gradient(#0a1426,#050a14);place-items:center;padding:18px 12px;display:grid}.lab-card__body{flex-direction:column;gap:4px;padding:20px 22px;display:flex}.lab-card__code{letter-spacing:.14em;color:var(--lab);font-size:.76rem}.lab-card__new{background:var(--alert);color:var(--navy-900);border-radius:4px;margin-left:6px;padding:0 6px;font-size:.72rem}.lab-card__title{letter-spacing:.06em;color:var(--text);font-size:1.15rem;font-weight:700}.lab-card__ja{color:var(--gold-soft);font-weight:700}.lab-card__desc{color:var(--muted);font-size:.9rem;line-height:1.65}.lab-card__go{color:var(--gold);margin-top:auto;padding-top:10px;font-size:.8rem;font-weight:700}.lab-card__mini{width:52px;display:block}.lab-card__dna{align-items:flex-end;gap:5px;height:100px;padding-bottom:22px;display:flex;position:relative}.lab-card__dna i{background:linear-gradient(180deg, var(--lab), #2f7d68);transform-origin:bottom;border-radius:4px 4px 2px 2px;width:9px;animation:2.4s ease-in-out infinite alternate lab-dna}.lab-card__dna b{text-align:center;color:var(--muted);letter-spacing:.1em;font-size:.72rem;position:absolute;bottom:0;left:0;right:0}@keyframes lab-dna{0%{transform:scaleY(.7)}to{transform:scaleY(1.05)}}.lab-card__food{align-items:center;gap:8px;font-size:2.6rem;display:flex}.lab-card__food .mono{color:var(--gold);font-size:1.2rem}.lab-card__glasses{align-items:flex-end;gap:4px;display:flex}.lab-card__glasses .lab-card__mini{width:44px}.lab-card__temp{align-items:flex-end;gap:14px;display:flex}.lab-card__temp .lab-card__mini{width:60px}.lab-card__thermo{border:2px solid #ffffff80;border-radius:7px;width:14px;height:96px;position:relative;overflow:hidden}.lab-card__thermo i{background:linear-gradient(#4aa3ff,#ff8a3d);height:40%;animation:3s ease-in-out infinite alternate lab-thermo;position:absolute;bottom:0;left:0;right:0}@keyframes lab-thermo{to{height:85%}}@media (width<=960px){.lab-cards{grid-template-columns:1fr}}@media (width<=520px){.lab-card{grid-template-columns:110px minmax(0,1fr)}.lab-card__body{padding:16px}.lab-card__visual{padding:12px 6px}.lab-card__food{font-size:1.9rem}.lab-card__glasses .lab-card__mini{width:30px}.lab-card__dna i{width:6px}.lab-card__dna{gap:3px}}.lab-card__status{letter-spacing:.08em;color:var(--lab);margin-top:6px;font-size:.76rem}.lab-card:hover .lab-card__visual{background:radial-gradient(60% 50% at 50% 60%,#f2b63257,#0000 70%),linear-gradient(#0a1426,#050a14)}.lab-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.lab-tile{border-radius:var(--radius);border:1px solid var(--line);background:var(--navy-800);height:100%;transition:transform .25s var(--ease), border-color .25s;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon code""icon title""icon ja";align-items:center;column-gap:14px;padding:16px 18px;text-decoration:none;display:grid}.lab-tile:hover{border-color:var(--gold);transform:translateY(-4px)}.lab-tile__icon{grid-area:icon;font-size:2rem;line-height:1}.lab-tile__code{letter-spacing:.14em;color:var(--lab);grid-area:code;font-size:.72rem}.lab-tile__title{letter-spacing:.04em;color:var(--text);grid-area:title;font-size:.95rem;font-weight:700}.lab-tile__ja{color:var(--gold-soft);grid-area:ja;font-size:.82rem}.lab-card__compat{width:120px;height:100px;position:relative}.lab-card__circle{mix-blend-mode:screen;border-radius:50%;width:64px;height:64px;animation:3s ease-in-out infinite alternate lab-orbit;position:absolute;top:10px}.lab-card__circle--me{background:#8be3c98c;left:14px}.lab-card__circle--beer{background:#f2b63299;animation-direction:alternate-reverse;right:14px}.lab-card__compat b{text-align:center;letter-spacing:.1em;color:var(--muted);font-size:.72rem;position:absolute;bottom:0;left:0;right:0}@keyframes lab-orbit{to{transform:translate(-8px)}}.lab-card__tilt{transform-origin:50% 20%;animation:3s ease-in-out infinite alternate lab-tilt;transform:rotate(-24deg)}@keyframes lab-tilt{to{transform:rotate(0)}}.lab-card__warm{justify-items:center;gap:6px;display:grid}.lab-card__warm b{letter-spacing:.1em;color:var(--muted);font-size:.72rem}.lab-card{--text:#eef1f7;--muted:#aab5c9;--line:#ffffff1f;color:var(--text);box-shadow:var(--shadow-soft)}.hero{min-height:calc(100svh - var(--header-h));isolation:isolate;grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.hero__bg{z-index:-2;background:radial-gradient(ellipse 40% 55% at 72% 48%, #f2b63233, transparent 70%), radial-gradient(ellipse 50% 40% at 10% 10%, #26385ee6, transparent 70%), linear-gradient(#ffffff09 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, #ffffff09 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(180deg, var(--navy-900), var(--navy-950));position:absolute;inset:0}.hero__bubbles{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero__bubbles span{background:#f7d27a14;border:1px solid #f7d27a73;border-radius:50%;animation:linear infinite hero-bubble;position:absolute;bottom:-20px}@keyframes hero-bubble{0%{opacity:0;transform:translate(0)}10%{opacity:.8}50%{transform:translate(12px,-55vh)}to{opacity:0;transform:translate(-8px,-110vh)}}.hero__inner{width:100%;max-width:1440px;padding:clamp(32px, 5vh, 64px) var(--gutter) clamp(24px, 4vh, 48px);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);margin-inline:auto;display:grid}.hero__tag{border:1px solid var(--line-strong);letter-spacing:.14em;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-size:.78rem;display:inline-flex}.hero__dot{background:var(--lab);width:8px;height:8px;box-shadow:0 0 10px var(--lab);border-radius:50%;animation:2s steps(2,end) infinite hero-blink}.hero__title{font-family:var(--font-display);letter-spacing:-.02em;flex-direction:column;margin:clamp(16px,3vh,28px) 0 clamp(14px,2.4vh,24px);font-size:clamp(3.4rem,9.2vw,9.4rem);font-weight:900;line-height:.86;display:flex}.hero__title span{animation:hero-in .9s var(--ease) both}.hero__title span:nth-child(2){animation-delay:80ms}.hero__title span:nth-child(3){animation-delay:.16s}.hero__title-beer{background:linear-gradient(180deg, #ffe7a3 0%, var(--gold) 45%, var(--amber) 100%);color:#0000;filter:drop-shadow(0 6px 30px #f2b63259);-webkit-background-clip:text;background-clip:text}@keyframes hero-in{0%{opacity:0;transform:translateY(24px)}}.hero__lead{font-size:clamp(1.1rem,1.9vw,1.6rem);font-weight:700;line-height:1.5}.hero__sub{color:var(--gold-soft);letter-spacing:.06em;margin-top:6px;font-size:clamp(.85rem,1.1vw,1rem)}.hero__ctas{flex-wrap:wrap;gap:12px;margin-top:clamp(16px,2.6vh,28px);display:flex}.hero__lab{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:center;gap:clamp(12px,2vw,28px);display:grid}.hero__glass .pour__glass{width:min(290px,100%)}.hero__side{gap:12px;display:grid}.hero__next{width:100%}.readout{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070d1a99;padding:18px}.readout__label{letter-spacing:.12em;color:var(--lab);font-size:.76rem}.readout__name{font-family:var(--font-display);margin-top:6px;font-size:1.35rem;font-weight:800;line-height:1.2}.readout__meta{color:var(--muted);font-size:.85rem}.readout__grid{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0;display:grid}.readout__grid div{background:#ffffff0d;border-radius:8px;padding:6px 8px}.readout__grid dt{color:var(--muted);letter-spacing:.12em;font-size:.76rem}.readout__grid dd{align-items:center;gap:6px;margin:0;font-size:.9rem;font-weight:700;display:flex}.readout__swatch{border:1px solid #fff6;border-radius:3px;width:12px;height:12px;display:inline-block}.readout__alert{letter-spacing:.08em;color:var(--lab);margin-top:12px;font-size:.76rem;font-weight:700}.readout__alert--warning{color:var(--alert)}.readout__alert--caution{color:var(--caution)}.readout__link{color:var(--gold);text-underline-offset:4px;margin-top:10px;font-size:.88rem;display:inline-block}.ticker{border-block:1px solid var(--line);background:#070d1abf;padding:12px 0;overflow:hidden}.ticker__track{letter-spacing:.08em;width:max-content;color:var(--muted);font-size:.8rem;animation:70s linear infinite ticker;display:flex}.ticker__group{display:flex}.ticker__item{white-space:nowrap;padding-inline:28px}.ticker__item b{color:var(--gold);font-weight:700}@keyframes ticker{to{transform:translate(-50%)}}.spectrum{padding:12px var(--gutter) 18px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--navy-600) transparent;gap:4px;display:flex;overflow-x:auto}.spectrum__item{scroll-snap-align:start;transition:transform .25s var(--ease), background .25s;border-radius:12px;flex:0 0 96px;justify-items:center;gap:6px;padding:10px 4px;text-decoration:none;display:grid}.spectrum__item:hover,.spectrum__item:focus-visible{background:#ffffff0d;transform:translateY(-8px)}.spectrum__item:hover .beer-glass__bubble{animation-play-state:running}.spectrum__item .beer-glass{width:76px}.spectrum__name{text-align:center;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;line-height:1.3;display:-webkit-box;overflow:hidden}.spectrum__scale{letter-spacing:.14em;color:var(--muted);border-top:6px solid #0000;border-image:linear-gradient(90deg,#f5e08a,#e8b035,#d08428,#9c4518,#552310,#160b06) 1;justify-content:space-between;margin-top:8px;padding:8px 4px 0;font-size:.75rem;display:flex}.today{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.today__specimen{background:#070d1ab3;gap:12px;display:grid}.today__name{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}.today__meta{color:var(--muted);font-size:.92rem}.today__body{grid-template-columns:.7fr 1fr;align-items:center;gap:16px;display:grid}.today__glass{justify-self:center;max-width:170px}.today__type{text-align:center;color:var(--gold);letter-spacing:.1em;font-size:.85rem;font-weight:700}.today__desc{color:var(--muted)}.today__specimen .btn{justify-self:start}.incidents__title{margin:8px 0 20px}.incidents__log{border-radius:var(--radius);border:1px solid var(--line);background:#05090f;gap:14px;margin:0;padding:18px;font-size:.82rem;list-style:none;display:grid}.incidents__row{grid-template-columns:48px 1fr;gap:2px 12px;display:grid}.incidents__time{color:var(--muted);grid-row:span 2}.incidents__code{letter-spacing:.08em;color:var(--lab);font-weight:700}.incidents__row--warning .incidents__code{color:var(--alert)}.incidents__row--caution .incidents__code{color:var(--caution)}.incidents__msg{font-family:var(--font-body);color:var(--text);font-size:.9rem}.incidents__msg a{color:var(--gold-soft);text-underline-offset:3px}.incidents__cta{color:var(--muted);justify-items:start;gap:12px;margin-top:24px;display:grid}@media (width<=1024px){.hero__inner{text-align:left;grid-template-columns:1fr}.hero__lab{grid-template-columns:minmax(0,1fr) minmax(200px,260px)}.today{grid-template-columns:1fr}}@media (width<=720px){.hero__lab{grid-template-columns:1fr}.hero__side{width:100%;max-width:420px;margin-inline:auto}.today__body{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ticker__track{flex-wrap:wrap;width:auto;animation:none}.ticker__group+.ticker__group,.hero__bubbles{display:none}}@keyframes hero-blink{50%{opacity:.25}}@media (width<=720px){.hero__inner{grid-template-columns:minmax(0,1fr) 128px;grid-template-areas:"tag tag""title glass""lead lead""sub sub""ctas ctas""side side";align-items:center;gap:0 8px;padding-top:20px}.hero__copy,.hero__lab{display:contents}.hero__tag{grid-area:tag;justify-self:start;font-size:.76rem}.hero__title{grid-area:title;font-size:clamp(2.3rem,11.5vw,3.1rem)}.hero__glass{grid-area:glass}.hero__glass .pour__btn,.hero__glass .pour__status{display:none}.hero__glass .pour__glass{width:128px}.hero__lead{grid-area:lead}.hero__sub{grid-area:sub}.hero__ctas{grid-area:ctas}.hero__side{grid-area:side;margin-top:28px}}.home-labs__more{margin-top:20px}.hero-stats{flex-wrap:wrap;gap:4px 0;margin:clamp(14px,2.4vh,24px) 0 0;display:flex}.hero-stats__item{border-left:1px solid var(--line-strong);flex-direction:column-reverse;padding:0 clamp(14px,1.6vw,24px);display:flex}.hero-stats__item:first-child{border-left:0;padding-left:0}.hero-stats dt{letter-spacing:.16em;color:var(--muted);font-size:.72rem}.hero-stats dd{color:var(--gold);margin:0;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:700;line-height:1.1}.readout__hint{color:var(--muted);margin-top:8px;font-size:.8rem}.what-can-section{background:linear-gradient(180deg, var(--navy-950), var(--navy-900));border-bottom:1px solid var(--line)}.what-can{width:100%;max-width:1440px;padding:clamp(28px, 4vw, 44px) var(--gutter);margin-inline:auto}.what-can__title{letter-spacing:.18em;color:var(--lab);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:14px;font-size:.85rem;font-weight:700;display:flex}.what-can__title span{font-family:var(--font-body);letter-spacing:0;color:var(--muted);font-weight:400}.what-can__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.what-can__item{border-radius:var(--radius);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);background:#070d1a8c;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:14px 18px;transition:border-color .25s;display:grid}.what-can__item:hover{border-color:var(--line-strong)}.what-can__icon{font-size:1.8rem;line-height:1.2}.what-can__body{gap:2px;min-width:0;display:grid}.what-can__head{letter-spacing:.14em;font-size:.74rem}.what-can__no{color:var(--gold);font-weight:700}.what-can__en{color:var(--muted)}.what-can__ja{font-size:1.02rem;font-weight:700;line-height:1.4}.what-can__line{color:var(--muted);font-size:.84rem}.what-can__links{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.what-can__links a{border:1px solid var(--line-strong);letter-spacing:.06em;border-radius:999px;align-items:center;min-height:30px;padding:2px 10px;font-size:.74rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.what-can__links a:hover{border-color:var(--gold);color:var(--gold);background:#f2b63214}@media (width<=1024px){.what-can__list{grid-template-columns:1fr;gap:8px}}@media (width>=721px) and (width<=1024px){.hero__inner{grid-template-rows:repeat(6,auto) 1fr auto;grid-template-columns:minmax(0,1fr) 240px;grid-template-areas:"tag glass""title glass""lead glass""sub glass""stats glass""ctas glass""more glass""side side";align-items:start;gap:0 24px}.hero__copy,.hero__lab{display:contents}.hero__tag{grid-area:tag;justify-self:start}.hero__title{grid-area:title}.hero__lead{grid-area:lead}.hero__sub{grid-area:sub}.hero-stats{grid-area:stats}.hero__ctas{grid-area:ctas}.hero__glass{grid-area:glass;align-self:center}.hero__glass .pour__glass{width:200px}.hero__side{grid-area:side;grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:24px}}@media (width<=720px){.hero__inner{grid-template-areas:"tag tag""title glass""lead lead""sub sub""ctas ctas""stats stats""more more""side side"}.hero-stats{grid-area:stats;margin-top:22px}.hero-stats__item{padding:0 12px}.hero-stats dd{font-size:1.35rem}.hero__side .readout__grid,.hero__side .readout__alert,.hero__side .readout__hint{display:none}.hero__side{margin-top:20px}}.hero__more{letter-spacing:.14em;color:var(--lab);grid-area:more;justify-self:start;align-items:center;gap:8px;margin-top:clamp(18px,3vh,32px);font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.hero__more span:first-child{animation:1.6s ease-in-out infinite hero-more;display:inline-block}.hero__more-ja{font-family:var(--font-body);letter-spacing:0;color:var(--muted);font-weight:400}.hero__more:hover .hero__more-ja{color:var(--text)}@keyframes hero-more{50%{transform:translateY(4px)}}#what-can-title{scroll-margin-top:calc(var(--header-h) + 16px)}:root{--navy-950:#070d1a;--navy-900:#0b1324;--navy-800:#111c33;--navy-700:#1a2846;--navy-600:#26385e;--charcoal:#1b1e25;--charcoal-2:#252a33;--gold:#f2b632;--gold-soft:#f7d27a;--amber:#d9822b;--copper:#a9521b;--cream:#f6eedc;--cream-2:#efe3c8;--cream-3:#e3d1ab;--foam:#fffaf0;--ink:#1b2235;--ink-soft:#4a5368;--text:#eef1f7;--muted:#aab5c9;--line:#ffffff1f;--line-strong:#ffffff38;--line-ink:#1b223529;--alert:#ff7a59;--caution:#f2b632;--lab:#8be3c9;--font-display:"Fraunces", "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--font-body:"Noto Sans JP", system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", sans-serif;--radius-sm:8px;--radius:14px;--radius-lg:22px;--shadow:0 12px 32px #00000047;--shadow-soft:0 6px 18px #1418281f;--container:1240px;--gutter:clamp(16px, 4vw, 40px);--header-h:68px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{min-width:320px;font-family:var(--font-body);color:var(--text);background:var(--navy-900);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.75;overflow-x:hidden}img,svg{max-width:100%}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,h4{text-wrap:balance;margin:0;line-height:1.2}p{margin:0}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}::selection{background:var(--gold);color:var(--navy-900)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--gold);color:var(--navy-900);border-radius:var(--radius-sm);padding:10px 16px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(56px,8vw,104px);position:relative}.section--paper{background:radial-gradient(circle at 12% 0%, #f2b6321f, transparent 40%), var(--cream);color:var(--ink);--muted:var(--ink-soft);--line:var(--line-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.section--deep{background:var(--navy-950)}.section--grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:40px 40px}.section-head{gap:10px;max-width:760px;margin-bottom:clamp(28px,4vw,48px);display:grid}.section-head--center{text-align:center;justify-items:center;margin-inline:auto}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:.8rem;font-weight:700}.section--paper .eyebrow{color:#9a5a12}.h-display{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:800;line-height:1.05}.h-section{font-family:var(--font-display);font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800;line-height:1.1}.lead{color:var(--muted);font-size:clamp(1rem,1.4vw,1.1rem)}.mono{font-family:var(--font-mono)}.btn{--btn-bg:transparent;--btn-fg:var(--text);--btn-bd:var(--line-strong);border:1.5px solid var(--btn-bd);background:var(--btn-bg);min-height:48px;color:var(--btn-fg);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;transition:transform .2s var(--ease), background .2s, border-color .2s, box-shadow .2s;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 22px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--gold);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{--btn-bg:var(--gold);--btn-fg:var(--navy-900);--btn-bd:var(--gold);box-shadow:0 8px 24px #f2b63247}.btn--primary:hover{--btn-bg:var(--gold-soft);box-shadow:0 12px 30px #f2b63266}.btn--ink{--btn-bg:var(--ink);--btn-fg:var(--cream);--btn-bd:var(--ink)}.section--paper .btn:not(.btn--primary):not(.btn--ink){--btn-fg:var(--ink);--btn-bd:#1b22354d}.btn--sm{min-height:38px;padding:6px 14px;font-size:.8rem}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.chip{border:1.5px solid var(--line-strong);min-height:40px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.9rem;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.chip:hover{border-color:var(--gold)}.chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--navy-900);font-weight:700}.section--paper .chip{color:var(--ink);background:#fff9;border-color:#1b223540}.section--paper .chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}.tag{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.lab-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0d,#ffffff05);padding:clamp(18px,2.4vw,28px);position:relative}.lab-panel:before,.lab-panel:after{content:"";border:2px solid var(--gold);opacity:.7;pointer-events:none;width:14px;height:14px;position:absolute}.lab-panel:before{border-top-left-radius:var(--radius);border-bottom:0;border-right:0;top:-1px;left:-1px}.lab-panel:after{border-bottom-right-radius:var(--radius);border-top:0;border-left:0;bottom:-1px;right:-1px}.paper-card{background:var(--foam);color:var(--ink);border:1px solid var(--line-ink);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.unknown{color:var(--muted);opacity:.85;font-size:.88em;font-style:normal}.page{animation:wbl-page-in .5s var(--ease) backwards}@keyframes wbl-page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-up{animation:wbl-page-in .6s var(--ease) backwards}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=520px){.btn{white-space:normal;text-align:center;line-height:1.4}}