:root{--bg:#f8f7f4;--surface:#fff;--accent:#8b5cf6;--text:#1a1a1a;--text-2:#6b7280;--accent-soft:#8b5cf61f;--accent-glow:#8b5cf647;--hairline:#1a1a1a14;--hairline-strong:#1a1a1a24;--ink-05:#1a1a1a0d;--ink-40:#1a1a1a66;--shadow-sm:0 1px 2px #1a1a1a0a, 0 2px 8px #1a1a1a0a;--shadow-md:0 2px 6px #1a1a1a0d, 0 12px 32px #1a1a1a12;--shadow-lg:0 8px 24px #1a1a1a0f, 0 30px 70px #1a1a1a1a;--shadow-accent:0 18px 50px #8b5cf633;--font:"Chakra Petch", ui-sans-serif, system-ui, sans-serif;--step--1:clamp(.78rem, .75rem + .15vw, .86rem);--step-0:clamp(.95rem, .92rem + .2vw, 1.05rem);--step-1:clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-2:clamp(1.5rem, 1.3rem + 1vw, 2.1rem);--step-3:clamp(2.1rem, 1.6rem + 2.4vw, 3.4rem);--step-4:clamp(2.4rem, 1.7rem + 3vw, 4.2rem);--step-5:clamp(2.8rem, 1.9rem + 3.6vw, 5rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:6.5rem;--space-7:10rem;--container:1120px;--gutter:clamp(1.25rem, 5vw, 4rem);--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:34px;--r-pill:999px;--s-whisper:cubic-bezier(.22, 1, .36, 1);--d-whisper:.42s;--s-drift:cubic-bezier(.25, 1, .3, 1);--d-drift:.68s;--s-settle:cubic-bezier(.34, 1.2, .64, 1);--d-settle:.56s;--s-rise:cubic-bezier(.16, 1.1, .3, 1);--d-rise:.62s;--s-bloom:cubic-bezier(.34, 1.56, .64, 1);--d-bloom:.72s;--s-nudge:cubic-bezier(.34, 1.42, .5, 1);--d-nudge:.38s;--s-sway:cubic-bezier(.37, 0, .2, 1);--d-sway:.9s;--s-breathe:cubic-bezier(.45, .05, .55, .95);--d-breathe:5.2s;--s-greet:cubic-bezier(.3, 1.64, .44, 1);--d-greet:.82s;--s-focus:cubic-bezier(.3, 1.08, .34, 1);--d-focus:.48s;--s-hover:cubic-bezier(.34, 1.3, .5, 1);--d-hover:.26s;--s-release:cubic-bezier(.2, .9, .3, 1);--d-release:.54s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);font-weight:400;font-size:var(--step-0);color:var(--text);background:var(--bg);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.05}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent-soft);color:var(--text)}.grain{z-index:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}.ambient{z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ambient:before,.ambient:after{content:"";filter:blur(70px);opacity:.5;border-radius:50%;position:absolute}.ambient:before{background:radial-gradient(circle at 30% 30%, var(--accent-glow), transparent 62%);width:46vw;height:46vw;animation:floatA var(--d-breathe) var(--s-breathe) infinite alternate;top:-12vw;right:-8vw}.ambient:after{width:40vw;height:40vw;animation:floatB 7.2s var(--s-breathe) infinite alternate;background:radial-gradient(circle at 60% 40%,#8b5cf629,#0000 60%);bottom:-14vw;left:-10vw}@keyframes floatA{to{transform:translate(-3vw,4vw)scale(1.08)}}@keyframes floatB{to{transform:translate(4vw,-3vw)scale(1.12)}}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);z-index:1;margin-inline-start:auto;margin-inline-end:auto;position:relative}section{z-index:1;position:relative}.section-pad{padding-block:var(--space-6)}.eyebrow{font-size:var(--step--1);letter-spacing:.22em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:.55em;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}html.js [data-reveal]{opacity:0;will-change:transform, opacity}.nav{top:0;z-index:50;padding:1rem var(--gutter);transition:background var(--d-drift) var(--s-drift), border-color var(--d-drift) var(--s-drift), backdrop-filter var(--d-drift) var(--s-drift);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;left:0;right:0}.nav.is-stuck{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-bottom-color:var(--hairline);background:#f8f7f4b8}.brand{letter-spacing:.02em;align-items:center;gap:.6rem;font-weight:600;display:inline-flex}.brand .dot{background:radial-gradient(circle at 35% 30%, #fff, var(--accent) 75%);width:10px;height:10px;box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-accent);animation:pulse var(--d-breathe) var(--s-breathe) infinite;border-radius:50%}@keyframes pulse{0%,to{box-shadow:0 0 0 4px var(--accent-soft);transform:scale(1)}50%{transform:scale(1.18);box-shadow:0 0 0 7px #8b5cf60f}}.nav .studio{font-size:var(--step--1);color:var(--text-2);letter-spacing:.04em}.nav .studio b{color:var(--text);font-weight:500}.hero{padding-block:clamp(7rem, 15vh, 10rem) var(--space-6);position:relative}.hero-orb{z-index:0;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 42% 38%, #ffffffe6, transparent 45%), radial-gradient(circle at 50% 50%, var(--accent-glow), #8b5cf60f 55%, transparent 72%);filter:blur(6px);width:min(70vw,640px);animation:orbBreath var(--d-breathe) var(--s-breathe) infinite;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -46%}@keyframes orbBreath{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.hero-inner{z-index:1;max-width:760px;position:relative}.hero h1{font-size:var(--step-5);letter-spacing:-.03em;margin-bottom:var(--space-3);max-width:15ch}.hero h1 .grad{background:linear-gradient(105deg, var(--text) 30%, var(--accent) 130%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:44ch;font-size:var(--step-1);color:var(--text-2);margin-bottom:var(--space-4);line-height:1.5}.hero-sub b{color:var(--text);font-weight:500}.hero-tags{flex-wrap:wrap;gap:.6rem;display:flex}.tag{font-size:var(--step--1);letter-spacing:.02em;border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface);color:var(--text-2);box-shadow:var(--shadow-sm);padding:.45em .9em}.tag.accent{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.meta{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);grid-template-columns:repeat(5,1fr);display:grid}.meta>div{padding:var(--space-4) var(--space-3);border-left:1px solid var(--hairline)}.meta>div:first-child{border-left:none;padding-left:0}.meta dt{font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);margin-bottom:.6rem}.meta dd{font-size:var(--step-1);margin:0;font-weight:500}.meta dd small{font-size:var(--step--1);color:var(--text-2);margin-top:.2rem;font-weight:400;display:block}.services-line{margin-top:var(--space-4);flex-wrap:wrap;gap:.5rem .75rem;display:flex}.services-line .chip{font-size:var(--step--1);color:var(--text-2);border-radius:var(--r-pill);border:1px solid var(--hairline);transition:color var(--d-hover) var(--s-hover), border-color var(--d-hover) var(--s-hover), transform var(--d-hover) var(--s-hover);padding:.4em .85em}.services-line .chip:hover{color:var(--text);border-color:var(--accent-soft);transform:translateY(-2px)}.head{max-width:62ch;margin-bottom:var(--space-5)}.head .eyebrow{margin-bottom:var(--space-2)}.head h2{font-size:var(--step-4);letter-spacing:-.025em}.head p{margin-top:var(--space-3);color:var(--text-2);font-size:var(--step-1);max-width:52ch;line-height:1.55}.split{gap:var(--space-5);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.mini-chat{max-width:380px;margin-inline-start:auto;margin-inline-end:auto;padding:1.1rem}.mini-chat .bar{font-size:var(--step--1);color:var(--text-2);border-bottom:1px solid var(--hairline);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.9rem;display:flex}.mini-chat .bar .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.mini-chat .url{letter-spacing:.02em;margin-left:auto;font-size:.72rem}.bubble{border-radius:var(--r-md);font-size:var(--step-0);max-width:88%;margin-bottom:.6rem;padding:.7rem .95rem;line-height:1.45}.bubble.them{background:var(--bg);border:1px solid var(--hairline)}.bubble.me{background:var(--accent-soft);color:var(--text);margin-left:auto}.bubble.luma{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:linear-gradient(#fff,#fbfaf8)}.mini-input{border:1px solid var(--hairline);border-radius:var(--r-pill);color:var(--text-2);font-size:var(--step--1);align-items:center;gap:.5rem;margin-top:.9rem;padding:.6rem .9rem;display:flex}.mini-input .send{color:var(--accent);margin-left:auto}.grid-3{gap:var(--space-3);grid-template-columns:repeat(12,1fr);display:grid}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--space-4);box-shadow:var(--shadow-md);transition:transform var(--d-hover) var(--s-hover), box-shadow var(--d-hover) var(--s-hover)}.panel:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.panel h3{font-size:var(--step-2);margin-bottom:var(--space-2)}.panel .lead{color:var(--text-2)}.col-7{grid-column:span 7}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-12{grid-column:span 12}.swatches{margin-top:var(--space-3);grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}.swatch{border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--surface);overflow:hidden}.swatch .chip{border-bottom:1px solid var(--hairline);height:84px;transition:transform var(--d-settle) var(--s-settle)}.swatch:hover .chip{transform:scale(1.06)}.swatch .meta-c{padding:.6rem .7rem}.swatch .name{font-size:var(--step--1);font-weight:500}.swatch .hex{color:var(--text-2);letter-spacing:.03em;font-size:.72rem}.type-specimen .big{font-size:var(--step-4);letter-spacing:-.02em;line-height:1}.type-specimen .row{border-bottom:1px solid var(--hairline);align-items:baseline;gap:1rem;padding-block-start:.9rem;padding-block-end:.9rem;display:flex}.type-specimen .row:last-child{border-bottom:none}.type-specimen .label{font-size:var(--step--1);color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;min-width:8ch}.type-specimen .w300{font-weight:300}.type-specimen .w400{font-weight:400}.type-specimen .w500{font-weight:500}.type-specimen .w600{font-weight:600}.type-specimen .w700{font-weight:700}.philosophy{background:var(--text);color:#fff;border:none}.philosophy h3,.philosophy .big-quote{color:#fff}.philosophy .lead{color:#ffffff9e}.philosophy .big-quote{font-size:var(--step-2);margin:var(--space-3) 0;letter-spacing:-.01em;line-height:1.3}.philosophy .accent-w{color:#c4b5fd}.app{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);grid-template-columns:240px 1fr;max-width:960px;min-height:540px;margin-inline-start:auto;margin-inline-end:auto;display:grid;overflow:hidden}.app .side{border-right:1px solid var(--hairline);background:linear-gradient(#fff,#fdfcfa);padding:1.25rem}.app .side .brand{margin-bottom:1.5rem}.app .side .grp{font-size:var(--step--1);color:var(--text-2);text-transform:uppercase;letter-spacing:.14em;margin:1.2rem 0 .6rem}.app .side .item{border-radius:var(--r-sm);color:var(--text-2);font-size:var(--step-0);transition:background var(--d-hover) var(--s-hover), color var(--d-hover) var(--s-hover), transform var(--d-hover) var(--s-hover);align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.app .side .item:before{content:"";opacity:.4;background:currentColor;border-radius:50%;width:6px;height:6px}.app .side .item:hover,.app .side .item.active{background:var(--accent-soft);color:var(--text);transform:translate(3px)}.app .side .item.active:before{background:var(--accent);opacity:1}.app .main{flex-direction:column;display:flex}.app .topbar{border-bottom:1px solid var(--hairline);align-items:center;gap:.7rem;padding:1rem 1.5rem;font-weight:500;display:flex}.app .topbar .status{font-size:var(--step--1);color:var(--text-2);align-items:center;gap:.4rem;margin-left:auto;display:inline-flex}.app .topbar .status .dot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #34d39926}.thread{flex-direction:column;flex:1;gap:.9rem;padding:1.6rem 1.5rem;display:flex;overflow:hidden}.thread .bubble{opacity:0}.typing{background:var(--bg);border:1px solid var(--hairline);border-radius:var(--r-md);gap:5px;width:max-content;padding:.85rem 1rem;display:inline-flex}.typing span{background:var(--text-2);opacity:.5;width:7px;height:7px;animation:blink 1.3s var(--s-breathe) infinite;border-radius:50%}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(-4px)}}.composer{border-top:1px solid var(--hairline);padding:1rem 1.5rem 1.4rem}.composer .field{border:1px solid var(--hairline);border-radius:var(--r-pill);transition:border-color var(--d-focus) var(--s-focus), box-shadow var(--d-focus) var(--s-focus);align-items:center;gap:.7rem;padding:.75rem .85rem .75rem 1.1rem;display:flex}.composer .field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.composer input{font:inherit;color:var(--text);background:0 0;border:none;outline:none;flex:1}.composer input::placeholder{color:var(--text-2)}.send-btn{cursor:pointer;background:var(--accent);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-accent);transition:transform var(--d-hover) var(--s-hover);border:none;border-radius:50%;place-items:center;display:grid}.send-btn:hover{transform:scale(1.08)}.send-btn:active{transform:scale(.94)}.replay{margin:var(--space-4) auto 0;font-size:var(--step--1);color:var(--text-2);cursor:pointer;border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface);width:max-content;transition:color var(--d-hover) var(--s-hover), border-color var(--d-hover) var(--s-hover), transform var(--d-hover) var(--s-hover);align-items:center;gap:.5rem;padding:.55em 1.1em;display:flex}.replay:hover{color:var(--text);border-color:var(--accent-soft);transform:translateY(-2px)}.lab{gap:var(--space-4);grid-template-columns:320px 1fr;align-items:stretch;display:grid}.lab-list{grid-template-columns:repeat(2,1fr);align-content:start;gap:.6rem;display:grid}.spring-btn{text-align:left;cursor:pointer;font:inherit;border:1px solid var(--hairline);background:var(--surface);border-radius:var(--r-md);transition:border-color var(--d-hover) var(--s-hover), transform var(--d-hover) var(--s-hover), box-shadow var(--d-hover) var(--s-hover);padding:.7rem .85rem}.spring-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.spring-btn.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.spring-btn .n{letter-spacing:.01em;text-transform:capitalize;font-weight:600}.spring-btn .k{color:var(--text-2);letter-spacing:.04em;margin-top:.15rem;font-size:.7rem}.lab-stage{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:var(--space-4);flex-direction:column;display:flex;position:relative;overflow:hidden}.lab-stage .track{border-radius:var(--r-md);background:linear-gradient(var(--hairline) 1px, transparent 1px) 0 0 / 100% 33.333%, var(--bg);flex:1;place-items:center;min-height:240px;display:grid;position:relative}.puck{background:radial-gradient(circle at 35% 30%, #fff, var(--accent) 130%);width:92px;height:92px;box-shadow:var(--shadow-accent);color:#fff;border-radius:26px;place-items:center;font-weight:600;display:grid}.lab-stage .read{margin-top:var(--space-3);font-size:var(--step--1);color:var(--text-2);flex-wrap:wrap;gap:.6rem 1.5rem;display:flex}.lab-stage .read b{color:var(--text);font-weight:500}.lab-stage .note{margin-top:var(--space-2);color:var(--text-2);max-width:46ch}.lab-controls{margin-top:var(--space-3);flex-wrap:wrap;gap:.6rem;display:flex}.lab-controls button{font:inherit;cursor:pointer;border:1px solid var(--hairline);background:var(--surface);color:var(--text);border-radius:var(--r-pill);font-size:var(--step--1);transition:transform var(--d-hover) var(--s-hover), border-color var(--d-hover) var(--s-hover);padding:.5em 1.1em}.lab-controls button:hover{border-color:var(--accent-soft);transform:translateY(-2px)}.lab-controls button.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent);border-color:#0000}.devices{gap:var(--space-4);grid-template-columns:1.4fr .6fr;align-items:center;display:grid}.welcome{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);text-align:center;padding:clamp(2rem,6vw,4.5rem);position:relative;overflow:hidden}.welcome .url{color:var(--text-2);font-size:.72rem;position:absolute;top:1rem;left:1.25rem}.welcome .orb-sm{width:64px;height:64px;margin:0 auto var(--space-3);background:radial-gradient(circle at 35% 30%, #fff, var(--accent) 120%);box-shadow:var(--shadow-accent);animation:orbBreath var(--d-breathe) var(--s-breathe) infinite;border-radius:50%}.welcome h3{font-size:var(--step-3);letter-spacing:-.02em}.welcome p{color:var(--text-2);margin-top:var(--space-2)}.welcome .cta{margin-top:var(--space-4);background:var(--accent);color:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-accent);transition:transform var(--d-hover) var(--s-hover);align-items:center;gap:.5rem;padding:.75em 1.5em;font-weight:500;display:inline-flex}.welcome .cta:hover{transform:translateY(-3px)scale(1.02)}.phone{border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-lg);aspect-ratio:9/19;border-radius:38px;flex-direction:column;max-width:260px;margin-inline-start:auto;margin-inline-end:auto;padding:.7rem;display:flex}.phone .notch{border-radius:var(--r-pill);background:var(--hairline-strong);width:34%;height:6px;margin:.3rem auto .9rem}.phone .p-head{border-bottom:1px solid var(--hairline);font-weight:500;font-size:var(--step-0);align-items:center;gap:.5rem;padding:0 .5rem .8rem;display:flex}.phone .p-body{flex-direction:column;flex:1;gap:.55rem;padding:.9rem .5rem;display:flex}.phone .p-input{border:1px solid var(--hairline);border-radius:var(--r-pill);color:var(--text-2);margin:.5rem;padding:.55rem .9rem;font-size:.78rem}.footer{border-top:1px solid var(--hairline);padding-block:var(--space-5) var(--space-4);margin-top:var(--space-6)}.footer .row{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer .big{font-size:var(--step-4);letter-spacing:-.03em;line-height:.95}.footer .big .grad{background:linear-gradient(105deg, var(--text), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.footer .meta-f{color:var(--text-2);font-size:var(--step--1);text-align:right;line-height:1.9}.footer .credits{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--hairline);color:var(--text-2);font-size:var(--step--1);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.footer .credits__links{gap:1.25rem;display:flex}.footer .credits__links a{color:var(--text-1);border-bottom:1px solid var(--hairline);transition:color .3s var(--ease,ease), border-color .3s var(--ease,ease);text-decoration:none}.footer .credits__links a:hover{color:var(--accent,#8b5cf6);border-color:currentColor}@media (max-width:960px){.split,.lab,.devices{gap:var(--space-4);grid-template-columns:1fr}.meta{grid-template-columns:repeat(2,1fr)}.meta>div{border-left:none;border-top:1px solid var(--hairline);padding-left:0}.meta>div:nth-child(-n+2){border-top:none}.col-7,.col-5,.col-6{grid-column:span 12}.app{grid-template-columns:1fr}.app .side{display:none}}@media (max-width:620px){.swatches,.lab-list{grid-template-columns:repeat(2,1fr)}.nav .studio{display:none}}.to-glyph{z-index:200;font-family:var(--font);font-weight:500;font-size:var(--step-0);color:var(--text);background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--r-pill);box-shadow:var(--shadow-md);transition:transform var(--d-hover) var(--s-hover), box-shadow var(--d-hover) var(--s-hover), border-color var(--d-hover) var(--s-hover);align-items:center;gap:.5rem;padding:.7rem 1.1rem .7rem .95rem;display:inline-flex;position:fixed;bottom:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem)}.to-glyph:hover{box-shadow:var(--shadow-accent);border-color:var(--accent);transform:translateY(-2px)}.to-glyph__arrow{color:var(--accent);transition:transform var(--d-hover) var(--s-hover);font-weight:700}.to-glyph:hover .to-glyph__arrow{transform:translate(-3px)}.to-glyph:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:620px){.to-glyph{font-size:var(--step--1);padding:.6rem .9rem}}.next-case{border-top:1px solid var(--hairline);display:block;position:relative;overflow:hidden}.next-case a{z-index:1;transition:color .5s var(--s-release);padding-block-start:clamp(56px,10vh,110px);padding-block-end:clamp(56px,10vh,110px);display:block;position:relative}.next-case .k{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:12px}.next-case .nm{font-family:var(--font);transition:transform .6s var(--s-settle);margin-top:16px;font-size:clamp(40px,8vw,96px);font-weight:700;line-height:1}.next-case .sub{color:var(--text-2);margin-top:16px}.next-case:before{content:"";background:var(--nc-accent,var(--accent));transition:transform .6s var(--s-settle);z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(101%)}.next-case:hover:before{transform:translateY(0)}.next-case:hover a{color:#06231a}.next-case:hover .k,.next-case:hover .sub{color:#06231aad}.next-case:hover .nm{transform:translate(18px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation:none!important}html.js [data-reveal]{opacity:1!important}}