:root{--font-display:"Pliant", system-ui, sans-serif;--font-body:"Pliant", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--color-bg:#e7e7e2;--color-bg-alt:#dcdcd6;--color-surface:#f1f1ed;--color-line:#bdbdb7;--color-ink:#0b0b0b;--color-ink-soft:#1c1c1c;--color-on-ink:#e7e7e2;--color-on-ink-soft:#a3a49f;--color-muted:#55575a;--color-muted-2:#55575a;--color-accent:#0b0b0b;--color-accent-strong:#1c1c1c;--color-accent-ink:#e7e7e2;--color-accent-on-light:#0b0b0b;--color-accent-on-ink:#e7e7e2;--radius:0;--wrap:78rem;--gutter:clamp(1.25rem, 4vw, 3rem);--section-y:clamp(4rem, 3rem + 5vw, 8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-sentence:clamp(2rem, 1.15rem + 2.8vw, 3.75rem);--text-h2:clamp(2.5rem, 1.4rem + 3.4vw, 4.75rem);--text-hero:clamp(2.9rem, 1rem + 4.4vw, 5.75rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--space-8)}body{background:var(--color-bg);color:var(--color-ink);font:400 var(--text-base) / 1.6 var(--font-body);letter-spacing:.005em;word-spacing:.06em;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit}button,select,input,textarea{font:inherit;color:inherit}::selection{background:var(--color-ink);color:var(--color-on-ink)}:focus-visible{outline-offset:3px;outline:2px solid}[hidden]{display:none!important}.wrap{width:min(100% - 2 * var(--gutter), var(--wrap));margin-inline:auto}.skip-link{left:var(--space-4);z-index:10;padding:var(--space-3) var(--space-4);background:var(--color-ink);color:var(--color-on-ink);position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.display{font-family:var(--font-display);letter-spacing:-.03em;word-spacing:.06em;text-wrap:balance;font-weight:800;line-height:.98}.mono{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:0;line-height:1.6}.label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-weight:700}.muted{color:var(--color-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-6);border:2px solid var(--color-ink);background:var(--color-ink);color:var(--color-on-ink);box-shadow:4px 4px 0 var(--color-muted);font:700 var(--text-base) / 1 var(--font-body);letter-spacing:.005em;word-spacing:.08em;cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn svg{width:18px;height:18px}.btn:hover{box-shadow:2px 2px 0 var(--color-muted);transform:translate(2px,2px)}.btn:active{box-shadow:0 0 0 var(--color-muted);transform:translate(4px,4px)}.btn--line{color:var(--color-ink);background:0 0}.on-ink .btn{border-color:var(--color-on-ink);background:var(--color-on-ink);color:var(--color-ink);box-shadow:4px 4px 0 var(--color-on-ink-soft)}.text-link{align-items:center;gap:var(--space-2);text-underline-offset:.25em;min-height:44px;display:inline-flex}.text-link svg{width:18px;height:18px}.masthead{border-bottom:1px solid var(--color-ink)}.masthead__inner{justify-content:space-between;align-items:center;gap:var(--space-8);padding-block:var(--space-6);display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.045em;font-size:1.6rem;font-weight:800;line-height:1;text-decoration:none}.wordmark span{color:var(--color-muted)}.masthead__nav{gap:clamp(1rem,2.5vw,2.5rem);display:flex}.masthead__nav a{align-items:center;column-gap:var(--space-3);grid-template-columns:auto auto;min-height:44px;text-decoration:none;display:grid}.masthead__nav svg{stroke-width:1.1px;grid-row:span 2;width:30px;height:30px}.masthead__nav strong{font-size:var(--text-base);letter-spacing:-.015em;font-weight:700;line-height:1.1}.masthead__nav small{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;line-height:1.3}.masthead__nav a:hover strong{text-underline-offset:.2em;text-decoration:underline}.w{display:inline-block}.muted-ink{color:var(--color-muted)}@property --dot-accent{syntax:"<color>";inherits:true;initial-value:#e7e7e2}.hero{isolation:isolate;min-height:min(58rem,100svh - 92px);color:var(--color-on-ink);background:#070707;transition:--dot-accent 1.4s;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-3;background:radial-gradient(ellipse 50% 65% at 74% 50%, color-mix(in srgb, var(--dot-accent) 26%, transparent), transparent 72%), radial-gradient(ellipse 70% 50% at 15% 115%, color-mix(in srgb, var(--dot-accent) 12%, transparent), transparent 70%);position:absolute;inset:0}.hero__field{z-index:-2;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.hero.is-live .hero__field{opacity:1}.hero__fallback{z-index:-2;aspect-ratio:1;opacity:.8;width:auto;height:88%;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.hero.is-live .hero__fallback{display:none}.hero__veil{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#070707e0 0%,#07070780 34%,#0000 58%),radial-gradient(85% 85% at 60%,#0000 55%,#0009 100%);position:absolute;inset:0;overflow:hidden}.hero__veil:after{content:"";opacity:.09;mix-blend-mode:overlay;background:url(/assets/hero/grain.png);animation:1s steps(5,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.hero__inner{gap:var(--space-12);padding-block:clamp(4rem, 3rem + 6vw, 8rem) var(--space-8);pointer-events:none;grid-template-rows:1fr auto;display:grid;position:relative}.hero__inner>*{pointer-events:auto}.hero__copy{align-self:center;gap:var(--space-6);max-width:44rem;display:grid}.hero .label{color:var(--color-on-ink-soft)}.hero h1{color:var(--color-on-ink);text-shadow:0 .04em .6em #00000080;font-size:clamp(3.2rem,1.3rem + 5.2vw,6.75rem);line-height:.95}.hero h1 .muted-ink{color:var(--color-on-ink-soft)}.hero__lede{max-width:32rem;font-size:var(--text-lg);color:var(--color-on-ink-soft);line-height:1.55}.hero__switch{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,15rem));display:grid}.hero__switch button{appearance:none;gap:var(--space-1);padding:var(--space-4) 0 var(--space-2);color:var(--color-on-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #e7e7e233;display:grid;position:relative}.hero__name{font:700 var(--text-lg) / 1.1 var(--font-body);letter-spacing:-.01em;opacity:.55;transition:opacity .3s}.hero__type{font:700 var(--text-xs) / 1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-ink-soft)}.hero__timer{background:var(--accent);width:0;height:2px;box-shadow:0 0 12px var(--accent);position:absolute;top:-1px;left:0}.hero__switch button:hover .hero__name,.hero__switch button[aria-pressed=true] .hero__name{opacity:1}.hero__switch button[aria-pressed=true] .hero__timer{width:100%}.hero__switch button.is-timing .hero__timer{animation:timer var(--dot-cycle,5.7s) linear forwards}@keyframes timer{0%{width:0}to{width:100%}}.line{padding-block:var(--section-y)}.line__sentence{max-width:22ch;font-size:var(--text-sentence);letter-spacing:-.03em;word-spacing:.05em;text-align:center;text-wrap:balance;margin-inline:auto;font-weight:800;line-height:1.02}.line__feature{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:clamp(2rem,4.5vw,4.5rem);margin-top:clamp(2.5rem,2rem + 3vw,5rem);display:grid}.line:nth-of-type(2n) .line__feature{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.line:nth-of-type(2n) .line__media{order:2}.showcase{isolation:isolate;aspect-ratio:5/4;background:var(--color-ink);position:relative;overflow:hidden}.showcase img{position:absolute}.showcase--storyforge .showcase__art{object-fit:cover;object-position:50% 18%;filter:brightness(.62)saturate(1.2);width:100%;height:100%;inset:0;transform:scale(1.04)}.showcase--storyforge:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(70% 60% at 50% 45%,#0000 0%,#0000008c 100%),linear-gradient(#0000 55%,#000000bf);position:absolute;inset:0}.phone{z-index:2;border-radius:13.5%/6.5%;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1);box-shadow:0 2.5rem 4rem -1rem #000c,0 0 0 1px #ffffff14}.phone--center{z-index:3;width:37%;margin-left:-18.5%;top:7%;left:50%}.phone--left{filter:brightness(.82);width:30%;top:19%;left:9%;transform:rotate(-8deg)}.phone--right{filter:brightness(.82);width:30%;top:19%;right:9%;transform:rotate(8deg)}.line:hover .phone--left{transform:rotate(-11deg)translate(-4%,-1%)}.line:hover .phone--right{transform:rotate(11deg)translate(4%,-1%)}.line:hover .phone--center{transform:translateY(-2%)}.showcase--lumenology{background:radial-gradient(75% 65% at 50% 8%,#b09a7480,#0000 70%),radial-gradient(60% 40% at 50% 100%,#b09a742e,#0000 70%),#110f0c;container-type:inline-size}.device{background:linear-gradient(145deg,#3a3833,#141311 45%,#2a2824);border-radius:5.6cqw;padding:.75cqw;display:block;position:absolute}.device:before{content:"";z-index:1;background:#050505;border-radius:999px;width:30%;height:2.1cqw;position:absolute;top:1.9cqw;left:50%;transform:translate(-50%)}.device img{border-radius:4.9cqw;width:100%;height:auto;display:block;position:static}.browser{z-index:2;background:#fff;border-radius:1cqw;width:78%;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:14%;left:5%;overflow:hidden;box-shadow:0 0 0 .5px #00000073,0 .6cqw 1.6cqw #00000040,0 3cqw 7cqw -1cqw #000000b3}.browser__chrome{letter-spacing:0;word-spacing:0;color:#3c4043;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.browser__chrome svg{stroke-width:2px;color:#5f6368;flex:none;width:1.35cqw;height:1.35cqw}.browser__tabs{background:#dee1e6;align-items:flex-end;gap:.6cqw;height:3.3cqw;padding:0 1cqw;display:flex}.browser__lights{align-self:center;gap:.62cqw;margin-right:1.4cqw;display:flex}.browser__lights i{background:#ff5f57;border-radius:50%;width:.95cqw;height:.95cqw;box-shadow:inset 0 0 0 .5px #0000001f}.browser__lights i:nth-child(2){background:#febc2e}.browser__lights i:nth-child(3){background:#28c840}.browser__tab{white-space:nowrap;background:#fff;border-radius:.75cqw .75cqw 0 0;align-items:center;gap:.7cqw;width:18cqw;height:2.55cqw;padding:0 .9cqw 0 1cqw;font-size:.95cqw;line-height:1;display:flex;position:relative}.browser__tab:before,.browser__tab:after{content:"";background:radial-gradient(circle at 0 0,#0000 .74cqw,#fff .76cqw);width:.75cqw;height:.75cqw;position:absolute;bottom:0}.browser__tab:before{left:-.75cqw;transform:scaleX(-1)}.browser__tab:after{right:-.75cqw}.browser__tab img{border-radius:.25cqw;width:1.25cqw;height:1.25cqw;position:static}.browser__tab span{text-overflow:ellipsis;flex:1;overflow:hidden}.browser__tab svg{width:1cqw;height:1cqw}.browser__newtab{align-self:center;margin-left:.3cqw}.browser__toolbar{background:#fff;border-bottom:1px solid #e3e3e3;align-items:center;gap:1.1cqw;height:3.2cqw;padding:0 1.2cqw;display:flex}.browser__toolbar>svg.is-off{opacity:.35}.browser__omnibox{background:#f1f3f4;border-radius:999px;flex:1;align-items:center;gap:.8cqw;height:2.2cqw;margin-left:.4cqw;padding:0 1cqw;font-size:1cqw;line-height:1;display:flex}.browser__omnibox>span{white-space:nowrap;color:#202124;flex:1;overflow:hidden}.browser__omnibox em{color:#70757a;font-style:normal}.browser__omnibox svg{width:1.1cqw;height:1.1cqw}.browser>img{width:100%;height:auto;display:block;position:static}.device--front{z-index:3;width:24%;transition:transform .5s cubic-bezier(.2,.7,.2,1);top:28%;right:5%;box-shadow:0 2.5rem 4rem -1rem #000000d9,0 0 0 1px #ffffff1a}.line:hover .browser{transform:translate(-1%,-1%)}.line:hover .device--front{transform:translate(2%,-2%)}.showcase--joydeck .showcase__art{object-fit:cover;object-position:66% 50%;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);inset:0}.line:hover .showcase--joydeck .showcase__art{transform:scale(1.03)}.showcase--joydeck:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 52%,#000000c7);position:absolute;inset:0}.showcase__card{z-index:2;gap:var(--space-2);color:#f6f4ee;display:grid;position:absolute;bottom:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.showcase__card strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2rem,1.1rem + 2.8vw,3.5rem);font-weight:800;line-height:.95}.showcase__card span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.line__details{gap:var(--space-6);justify-items:start;display:grid}.line__details h3{font-size:clamp(2.5rem,1.6rem + 2.4vw,4rem)}.line__details h4{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:600;line-height:1.25}.line__details>p{font-size:var(--text-lg);color:var(--color-muted);max-width:40ch}.specs{border-top:1px solid var(--color-ink);width:100%}.specs div{gap:var(--space-4);padding-block:var(--space-2);border-bottom:1px solid var(--color-line);font-family:var(--font-mono);font-size:var(--text-sm);grid-template-columns:9rem 1fr;display:grid}.specs dt{color:var(--color-muted)}.logbook{background:var(--color-ink);color:var(--color-on-ink);padding-block:var(--section-y)}.logbook .label{color:var(--color-on-ink-soft)}.logbook__head{gap:var(--space-12);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;display:grid}.logbook__head h2{font-size:var(--text-h2);margin-top:var(--space-4)}.logbook__head h2 span{color:var(--color-on-ink-soft)}.logbook__head>p{font-size:var(--text-lg);color:var(--color-on-ink-soft);max-width:30rem}.logbook__list{margin-top:var(--space-12);border-top:1px solid var(--color-on-ink)}.logbook__row a{gap:var(--space-6);padding:var(--space-6) var(--space-3);border-bottom:1px solid #2a2a2a;grid-template-columns:9rem 9.5rem minmax(0,1fr) auto;align-items:baseline;text-decoration:none;transition:background .25s;display:grid}.logbook__row a:hover,.logbook__row a:focus-visible{background:#161616}.logbook__row time{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-on-ink-soft)}.logbook__product{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700;display:inline-flex}.logbook__product i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%}.logbook__entry{font-size:var(--text-lg);color:var(--color-on-ink-soft);line-height:1.45}.logbook__entry strong{color:var(--color-on-ink);font-weight:700}.logbook__row svg{width:20px;height:20px;color:var(--color-on-ink-soft);align-self:center;transition:transform .25s,color .25s}.logbook__row a:hover svg{color:var(--accent);transform:translate(3px,-3px)}.line .btn{box-shadow:4px 4px 0 var(--accent)}.line .btn:hover{box-shadow:2px 2px 0 var(--accent)}.line .specs{border-top:2px solid var(--accent)}.line__type{align-items:center;gap:var(--space-2);display:inline-flex}.line__type:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.motion:not(.motion-ready) :is(.hero h1 .w,.hero [data-anim],.line__sentence .w,.showcase,.line__details>*,.logbook__row,.logbook__head>*,.help__grid>*){visibility:hidden}.help{background:var(--color-bg-alt);padding-block:var(--section-y)}.help__grid{gap:var(--space-16);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.help h2{font-size:var(--text-h2)}.help h2 span{color:var(--color-muted)}.help__picker label{margin-bottom:var(--space-3);display:block}.help__controls{gap:var(--space-4);display:flex}.help__controls select{appearance:none;min-width:0;min-height:56px;padding:0 var(--space-12) 0 var(--space-4);border:2px solid var(--color-ink);background-color:var(--color-surface);background-image:linear-gradient(45deg, transparent 50%, var(--color-ink) 50%), linear-gradient(135deg, var(--color-ink) 50%, transparent 50%);font:700 var(--text-xl) / 1.3 var(--font-body);cursor:pointer;background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px;border-radius:0;flex:1}.help__controls .btn{min-height:56px;padding-inline:var(--space-8)}.help__links{margin-top:var(--space-8);border-top:1px solid var(--color-ink)}.help__links li{border-bottom:1px solid var(--color-line)}.help__links a{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;font-size:var(--text-lg);text-decoration:none;display:flex}.help__links a svg{flex:none;width:18px;height:18px;transition:transform .15s}.help__links a:hover svg{transform:translate(4px)}.colophon{padding-block:var(--space-12)}.colophon__grid{gap:var(--space-8);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.colophon__links{justify-content:flex-end;gap:var(--space-2) var(--space-6);flex-wrap:wrap;display:flex}.colophon__links a{min-height:44px;font-family:var(--font-mono);font-size:var(--text-sm);text-underline-offset:.2em;align-items:center;display:inline-flex}.colophon__base{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.page{padding-block:clamp(3rem, 2rem + 4vw, 6rem) var(--section-y)}.page__head{gap:var(--space-6);max-width:52rem;padding-bottom:var(--space-12);display:grid}.page__head h1{font-size:var(--text-h2)}.page__head h1 span{color:var(--color-muted)}.page__head p{font-size:var(--text-lg);color:var(--color-muted);max-width:44ch}.page__head .btn{margin-top:var(--space-2);justify-self:start}.start{gap:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-ink);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.start__copy{gap:var(--space-6);display:grid}.start__copy h2{font-size:clamp(2.5rem,1.75rem + 2.5vw,4rem)}.start__copy h2 span{color:var(--color-muted)}.start__copy p{font-size:var(--text-lg);color:var(--color-muted)}.lead-form{gap:var(--space-6);display:grid}.field{gap:var(--space-2);display:grid}.field-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.field label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:52px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-ink);background:var(--color-surface);font:400 var(--text-base) / 1.5 var(--font-body);border-radius:0}.field textarea{resize:vertical;min-height:9rem}.field select{appearance:none;padding-right:var(--space-12);background-image:linear-gradient(45deg, transparent 50%, var(--color-ink) 50%), linear-gradient(135deg, var(--color-ink) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-ink);outline-offset:0}.lead-form__submit{min-height:52px;padding:0 var(--space-8);border:2px solid var(--color-ink);background:var(--color-ink);color:var(--color-on-ink);box-shadow:4px 4px 0 var(--color-muted);font:700 var(--text-base) / 1 var(--font-body);letter-spacing:.005em;word-spacing:.08em;cursor:pointer;justify-self:start}.lead-form__submit:hover{box-shadow:2px 2px 0 var(--color-muted);transform:translate(2px,2px)}.lead-form__submit:disabled{opacity:.6;cursor:progress}.form-error{padding:var(--space-4);border:2px solid var(--color-ink);font-weight:600}.form-note{margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.email-note{justify-items:start;gap:var(--space-6);display:grid}.email-note h3{font-size:var(--text-2xl)}.email-note p{color:var(--color-muted)}.page__head p.legal__meta{max-width:none;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-muted)}.prose{max-width:46rem}.prose>*+*{margin-top:var(--space-4)}.prose h2{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-ink);font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-.035em;line-height:1.1}.prose h3{margin-top:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.prose h2+p,.prose h3+p,.prose h2+ul,.prose h3+ul{margin-top:var(--space-3)}.prose ul{padding-left:var(--space-6);list-style:square}.prose li+li{margin-top:var(--space-2)}.prose a{text-underline-offset:.2em}@media (width<=1199px){.line__feature,.line:nth-of-type(2n) .line__feature{grid-template-columns:1fr}.line:nth-of-type(2n) .line__media{order:0}.masthead__nav small{display:none}.masthead__nav svg{grid-row:auto;width:24px;height:24px}.showcase{aspect-ratio:16/10}.showcase--storyforge,.showcase--lumenology{aspect-ratio:5/4}}@media (width<=999px){.logbook__head,.help__grid,.start{gap:var(--space-8);grid-template-columns:1fr}.logbook__row a{grid-template-columns:8rem 1fr auto}.logbook__entry{grid-area:2/1/auto/-1}.colophon__grid{grid-template-columns:1fr}.colophon__links{justify-content:flex-start}}@media (width<=1099px){.hero{min-height:clamp(52rem,100vw + 20rem,66rem)}.hero__inner{gap:var(--space-6);padding-top:var(--space-12);grid-template-rows:auto minmax(14rem,1fr) auto}.hero__switch{grid-row:3;align-self:end}.hero__copy{align-self:start}.hero__veil{background:linear-gradient(#070707e6 0%,#07070780 40%,#0000 58%),radial-gradient(90% 80% at 50% 70%,#0000 55%,#0000008c 100%)}.hero:before{background:radial-gradient(ellipse 70% 45% at 50% 78%, color-mix(in srgb, var(--dot-accent) 26%, transparent), transparent 72%)}}@media (width<=759px){.hero__switch{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.hero__type{display:none}.hero__name{font-size:var(--text-base)}}@media (width<=699px){.masthead__inner{align-items:stretch;gap:var(--space-4);padding-block:var(--space-4);flex-direction:column}.masthead__nav{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.masthead__nav a{justify-items:center;row-gap:var(--space-1);text-align:center;grid-template-columns:1fr}.masthead__nav strong{font-size:var(--text-sm)}.showcase--storyforge{aspect-ratio:1}.phone--center{width:48%;margin-left:-24%;top:6%}.phone--left{width:38%;top:20%;left:2%}.phone--right{width:38%;top:20%;right:2%}.line__sentence{text-align:left;margin-inline:0}.specs div{grid-template-columns:7rem 1fr}.field-row{grid-template-columns:1fr}.help__controls .btn{padding-inline:var(--space-6)}.colophon__grid{grid-template-columns:1fr}.colophon__links{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.hero__veil:after{animation:none}.btn,.help__links a svg,.phone,.showcase__art,.browser,.device--front,.logbook__row svg{transition:none}.btn:hover,.btn:active{transform:none}}.accent{width:var(--size,1.25em);height:var(--size,1.25em);color:var(--tint,currentColor);vertical-align:middle;flex:none}.accent *{vector-effect:non-scaling-stroke;stroke-width:1.4px}.label:has(>.accent),.hero__name,.logbook__product,.colophon__mark{align-items:center;gap:.6em;display:inline-flex}.hero__label .accent{--tint:var(--dot-accent);transition:color 1.4s}.hero__name .accent{opacity:.6;transition:opacity .3s}.hero__switch button[aria-pressed=true] .hero__name .accent,.hero__switch button:hover .hero__name .accent{opacity:1}.line__type{gap:var(--space-3)}.line__type:before{content:none}.logbook__label{gap:var(--space-3);color:var(--color-on-ink-soft)}.logbook__label .accent{--tint:var(--color-on-ink)}.logbook__product i{display:none}.help__head{gap:var(--space-6);justify-items:start;display:grid}.help__lantern{--tint:var(--color-ink)}.colophon__mark .accent{--tint:var(--color-muted)}.line{position:relative}body:has(.hero) .masthead{z-index:10;isolation:isolate;color:var(--color-on-ink);background:0 0;border-bottom:0;position:absolute;inset:0 0 auto}body:has(.hero) .masthead:before{content:"";z-index:-1;backdrop-filter:blur(6px);pointer-events:none;background:linear-gradient(#070707f0,#070707db 55%,#07070700);height:calc(100% + 3.5rem);position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}body:has(.hero) .masthead .wordmark span,body:has(.hero) .masthead__nav small{color:var(--color-on-ink-soft)}body:has(.hero) .hero{min-height:100svh}body:has(.hero) .hero__inner{padding-top:calc(var(--masthead-h) + clamp(3rem, 2rem + 5vw, 7rem))}:root{--masthead-h:93px}@media (width<=1099px){body:has(.hero) .hero{min-height:100svh}body:has(.hero) .hero__inner{padding-top:calc(var(--masthead-h) + var(--space-12))}}@media (width<=759px){:root{--masthead-h:118px}.hero__name .accent{display:none}}.world{--world-h:clamp(28rem, 56vw, 60rem);isolation:isolate;height:var(--world-h);background:var(--sky-top);position:relative;overflow:hidden;container-type:inline-size}.world--storyforge{--sky-top:#683636;--title:#fff1e2;--title-glow:#280804bf;--ground:7%;--figure-x:44.5%}.world--lumenology{--sky-top:#aba393;--title:#1d1a16;--title-glow:#f2ecdff2}.world__stage{--w:max(110cqw, calc(var(--world-h) * 1.86));position:absolute;inset:0}.world__plane{width:var(--w);margin-left:calc(var(--w) / -2);aspect-ratio:16/9;will-change:transform;position:absolute;bottom:0;left:50%}.world__plane>img{width:100%;height:100%;display:block;position:relative}.world__figure{left:var(--figure-x,40%);bottom:var(--ground);height:30%;position:absolute}.world__figure img{width:auto;height:100%;display:block}.world__motes{pointer-events:none;position:absolute;inset:0}.world__motes i{--px:max(4px, calc(.38cqw * var(--s)));left:var(--x);width:var(--px);height:var(--px);animation:var(--t) var(--d) linear infinite;border-radius:50%;position:absolute}.world--storyforge .world__motes i{box-shadow:0 0 calc(var(--px) * 2.5) #ff7a2e;background:#ffc27a;animation-name:ember;bottom:8%}.world--storyforge .world__motes i:nth-child(odd){background:#ff9a4a}.world--lumenology .world__motes i{box-shadow:0 0 calc(var(--px) * 2) #fffaf0e6;opacity:0;animation-name:dust;animation-duration:calc(var(--t) * 1.8);background:#fffaf0;bottom:12%}@keyframes ember{0%{opacity:0;transform:translate(0)}10%{opacity:1}50%{transform:translate(2cqw, calc(var(--world-h) * -.35))}to{transform:translate(-1cqw, calc(var(--world-h) * -.75));opacity:0}}@keyframes dust{0%{opacity:0;transform:translate(0)}30%{opacity:.8}to{transform:translate(8cqw, calc(var(--world-h) * -.4));opacity:0}}@keyframes leaf{0%{transform:translate(0)rotate(0)}25%{transform:translate(-3cqw, calc(var(--world-h) * .27)) rotate(120deg)}50%{transform:translate(1cqw, calc(var(--world-h) * .54)) rotate(220deg)}75%{transform:translate(-2cqw, calc(var(--world-h) * .8)) rotate(320deg)}to{transform:translate(2cqw, calc(var(--world-h) * 1.08)) rotate(420deg)}}@media (prefers-reduced-motion:reduce){.world__motes{display:none}}.kz{--title:#fff;--title-glow:#0c2e6e99;background:#8fd0e4}.kz__stage{position:absolute;inset:0}.kz__poster,.kz__canvas{width:100%;height:100%;position:absolute;inset:0}.kz__poster{object-fit:cover}.kz__canvas{opacity:0;filter:saturate(1.12)contrast(1.04);transition:opacity .9s}.kz.is-live .kz__canvas{opacity:1}.kz__lens{pointer-events:none;background:radial-gradient(75% 70%,#0000 55%,#141e3247);position:absolute;inset:0}.kz__lens:before,.kz__lens:after{content:"";backdrop-filter:blur(3px);height:26%;position:absolute;left:0;right:0}.kz__lens:before{top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.kz__lens:after{bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}@media (width<=760px){.kz__lens:before,.kz__lens:after{display:none}}@media (width<=759px){body:has(.hero) .hero__inner{padding-top:calc(var(--masthead-h) + var(--space-6));gap:var(--space-4);grid-template-rows:auto minmax(10rem,1fr) auto}}
