@layer components{.tnum{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv11" 1}.home .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:inline-flex}.home .eyebrow:before{content:"";opacity:.5;background:currentColor;width:1.5rem;height:1px}.btn-pill{border-radius:var(--radius-pill);font-family:var(--font-sans);transition:background-color .3s var(--ease-out-expo),color .3s var(--ease-out-expo),transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo);justify-content:center;align-items:center;gap:.4rem;padding:.85rem 1.6rem;font-size:1rem;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.btn-light,.btn-light:hover{background:var(--color-paper);color:var(--color-ink)}.btn-light:hover{background:#fff;box-shadow:0 12px 30px -12px #00000073}.btn-glass,.btn-glass:hover{color:var(--color-paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1a171459;box-shadow:inset 0 0 0 1px #faf6ee59}.btn-glass:hover{background:#1a171480}@media (prefers-reduced-motion:no-preference){.btn-pill:hover{transform:translateY(-2px)}.btn-pill:active{transform:translateY(0)scale(.98)}}.hero{--p:0;height:250svh;margin-top:-4rem;position:relative}.hero-pin{--in:clamp(0,calc((var(--p) - .06)/.44),1);--out:clamp(0,calc(var(--p)/.24),1);height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden}.hero-frame{clip-path:inset(calc(var(--in)*5.5rem)calc(var(--in)*max(1rem,4vw))calc(var(--in)*17svh)calc(var(--in)*max(1rem,4vw))round calc(var(--in)*var(--radius-bento)));will-change:clip-path;position:absolute;inset:0;overflow:hidden}.hero-media{transform:scale(calc(1.14 - var(--in)*.14));transform-origin:62% 40%;will-change:transform;position:absolute;inset:0}.hero-scrim{opacity:calc(1 - var(--in)*.85);background:linear-gradient(#14100c73,#0000 22%),linear-gradient(#0000 30%,#14100c59 55%,#14100cd1 100%),linear-gradient(90deg,#14100c8c,#0000 60%);position:absolute;inset:0}.hero-copy{opacity:calc(1 - var(--out));transform:translateY(calc(var(--out)*-3rem));pointer-events:auto;padding-bottom:max(3.5rem,9svh);position:absolute;inset:auto 0 0}.hero-chip{--t:clamp(0,calc((var(--p) - var(--s))*7),1);z-index:2;opacity:var(--t);transform:translateY(calc((1 - var(--t))*2rem))scale(calc(.94 + var(--t)*.06));pointer-events:none;position:absolute}.hero-chip-a{top:24%;left:max(1.75rem,8vw)}.hero-chip-b{top:46%;right:max(1.75rem,8vw)}.hero-chip-c{bottom:calc(17svh + 1.5rem);left:50%;translate:-50%}@media (max-width:639px){.hero-chip-a{top:19%}.hero-chip-b{top:auto;bottom:calc(17svh + 1.25rem)}.hero-chip-c{display:none}}.chip-card{-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);background:#faf6eee0;border-radius:1.1rem;padding:.85rem 1.1rem;box-shadow:inset 0 0 0 1px #ffffff80,0 24px 60px -24px #1a171499}.hero-caption{text-wrap:balance;text-align:center;width:min(92vw,56rem);font-family:var(--font-serif);color:var(--color-ink);opacity:clamp(0,calc((var(--p) - .55)*6),1);translate:-50%;transform:translateY(calc((1 - clamp(0,calc((var(--p) - .55)*6),1))*1rem));font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.3;position:absolute;bottom:6svh;left:50%}.hero-cue{width:1px;height:2.5rem;opacity:calc(1 - var(--out)*3);background:#faf6ee33;position:absolute;bottom:1.25rem;left:50%;overflow:hidden}.hero-cue span{background:var(--color-paper);width:100%;height:40%;display:block}@media (prefers-reduced-motion:no-preference){.hero-rise{animation:hero-rise 1.2s var(--ease-out-expo)both}.hero-rise-1{animation-delay:.15s}.hero-rise-2{animation-delay:.28s}.hero-rise-3{animation-delay:.46s}.hero-rise-4{animation-delay:.6s}@keyframes hero-rise{0%{opacity:0;filter:blur(10px);transform:translateY(1.75rem)}to{opacity:1;filter:blur();transform:none}}.hero-frame{animation:hero-open 1.8s var(--ease-out-expo)both}@keyframes hero-open{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}.hero-cue span{animation:cue 2.4s var(--ease-out-expo)infinite}@keyframes cue{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}}@media (prefers-reduced-motion:reduce){.hero{height:auto}.hero-pin{height:100svh;position:relative}.hero-chip{--t:1}.hero-chip-a{top:20%}.hero-chip-b{top:20%;bottom:auto}.hero-chip-c,.hero-caption,.hero-cue{display:none}}.sw{--p:0;text-wrap:pretty}.sw-word{--lit:clamp(0,calc((var(--p)*1.25 - var(--i))*14),1);opacity:calc(.16 + var(--lit)*.84);transition:opacity .2s linear}.sw-ink{color:var(--color-ink)}.sw-accent{color:var(--color-accent)}.sw-comb{color:var(--color-comb)}.incubation{height:380svh;position:relative}.incubation-pin{background:radial-gradient(60% 55% at 70% 55%,#e0a3401a,#0000 70%);height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden}@media (max-width:1023px){.incubation-pin{background:radial-gradient(70% 40% at 50% 28%,#e0a3401f,#0000 70%)}}.egg-glow{filter:drop-shadow(0 0 calc(var(--glow)*70px)rgb(242 179 92/calc(var(--glow)*.7)));transition:filter .4s linear}@media (prefers-reduced-motion:no-preference){.egg-glow[data-hatched]{animation:egg-wobble 1.1s var(--ease-out-expo)2;transform-origin:50% 90%}@keyframes egg-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg)}45%{transform:rotate(3.5deg)}70%{transform:rotate(-1.5deg)}}}.milestone{opacity:.38;transition:opacity .5s var(--ease-out-expo),border-color .5s var(--ease-out-expo);border-left:1px solid #faf6ee1f;padding:.45rem 0 .45rem 1rem}.milestone.is-past{opacity:.55}.milestone.is-active{opacity:1;border-left-color:var(--color-yolk)}.milestone-body{max-height:0;transition:max-height .6s var(--ease-out-expo);overflow:hidden}.milestone.is-active .milestone-body{max-height:6rem}@media (max-width:1023px){.incubation:not([data-still]) .milestone:not(.is-active){display:none}}@media (prefers-reduced-motion:reduce){.incubation{height:auto}.incubation-pin{height:auto;min-height:0;padding-bottom:5rem;position:relative}}.bento{border-radius:var(--radius-bento);transition:transform .6s var(--ease-out-expo),box-shadow .6s var(--ease-out-expo);flex-direction:column;padding:clamp(1.75rem,3vw,2.5rem);display:flex;position:relative;overflow:hidden}.bento-paper{box-shadow:0 0 0 1px var(--color-line)inset;background:#fff}.bento-paper-2{background:var(--color-paper-2)}.bento-comb{background:radial-gradient(120% 90% at 100% 0%,#c94a3a 0%,transparent 60%),var(--color-comb);color:var(--color-paper)}.bento-olive{color:var(--color-paper);background:radial-gradient(120% 90% at 0 0,#7f8f4c 0%,#0000 60%),#56642c}.bento-night{background:radial-gradient(60% 120% at 100% 100%,#e0a34029,transparent 70%),var(--color-night);color:var(--color-paper)}.bento-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:600}.bento-title{font-family:var(--font-serif);letter-spacing:-.02em;margin-top:.6rem;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:500;line-height:1.08}.bento-body{color:var(--color-ink-soft);margin-top:.75rem;font-size:1rem;line-height:1.55}.bento-link{margin-top:auto;padding-top:1.5rem;font-size:.95rem;font-weight:500;text-decoration:none}.bento-link:after{content:" →";transition:transform .4s var(--ease-out-expo);display:inline-block}@media (prefers-reduced-motion:no-preference){.bento:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px #1a171459}.bento:hover .bento-link:after{transform:translate(4px)}}.basket{flex-wrap:wrap;align-items:flex-end;gap:clamp(.4rem,1.2vw,.9rem);display:flex}.basket li{display:inline-flex}@media (max-width:639px){.basket li:nth-child(n+8){display:none}}@media (prefers-reduced-motion:no-preference){.reveal .basket li{opacity:0;transition:opacity .8s var(--ease-out-expo),transform .9s var(--ease-out-expo);transition-delay:calc(.25s + var(--k)*55ms);transform:translateY(1.25rem)rotate(-14deg)}.reveal.is-visible .basket li{opacity:1;transform:none}.bento:hover .basket li{transition-delay:calc(var(--k)*30ms);transition-duration:.5s;transform:translateY(-3px)}}.rosette{filter:drop-shadow(0 8px 16px #00000040)}@media (prefers-reduced-motion:no-preference){.bento:hover .rosette{animation:rosette-sway 1.4s var(--ease-out-expo);transform-origin:50% 36%}@keyframes rosette-sway{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)}65%{transform:rotate(5deg)}}}.pedigree{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.pedigree-row{border-left:1px solid var(--color-line-strong);gap:.35rem;padding-left:.75rem;display:flex}.pedigree-row+.pedigree-row{margin-left:.75rem}.ledger{background:var(--color-paper);box-shadow:0 0 0 1px var(--color-line)inset;border-radius:.9rem;padding:.6rem .85rem .75rem}.devices{justify-self:center;width:100%;max-width:22rem;height:11rem;position:relative}.device{background:var(--color-night-2);border-radius:.9rem;padding:.5rem;position:absolute;box-shadow:inset 0 0 0 1px #faf6ee1f,0 30px 60px -20px #0009}.device-laptop{width:78%;height:8.5rem;top:.5rem;left:0}.device-phone{border-radius:1.2rem;width:30%;height:9.5rem;bottom:0;right:0}.device-screen{background:#faf6ee0d;border-radius:.55rem;flex-direction:column;gap:.45rem;height:100%;padding:.75rem;display:flex}.device-line{background:#faf6ee29;border-radius:999px;height:.4rem;display:block}.devices-sync{background:var(--color-paper);color:var(--color-ink);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.75rem;font-weight:500;display:inline-flex;position:absolute;bottom:.25rem;left:38%;box-shadow:0 10px 30px -10px #0009}@media (prefers-reduced-motion:no-preference){.devices-sync{animation:5s ease-in-out infinite chip-bob}}.library-card{background:var(--color-paper);height:100%;min-height:11rem;box-shadow:0 0 0 1px var(--color-line)inset;transition:transform .5s var(--ease-out-expo),box-shadow .5s var(--ease-out-expo),background-color .5s var(--ease-out-expo);border-radius:1.25rem;flex-direction:column;padding:1.5rem;text-decoration:none;display:flex;position:relative}.library-card:hover{box-shadow:0 0 0 1px var(--color-line-strong)inset,0 24px 48px -28px #1a171459;background:#fff}.library-arrow{color:var(--color-accent);transition:transform .5s var(--ease-out-expo);margin-top:auto;padding-top:1.25rem;font-size:1.25rem}@media (prefers-reduced-motion:no-preference){.library-card:hover{transform:translateY(-3px)}.library-card:hover .library-arrow{transform:translate(6px)}}.closing-bg{z-index:-1;filter:blur(48px)saturate(1.25)brightness(.55);position:absolute;inset:-10%;transform:scale(1.1)}.closing:after{content:"";z-index:-1;background:radial-gradient(80% 70%,#0000,#1a17148c);position:absolute;inset:0}}