.b-hero{padding-top:calc(var(--head) + env(safe-area-inset-top) + clamp(14px, 2.2vw, 28px));padding-bottom:clamp(56px,8vw,120px);overflow-x:clip}.b-hero-in{align-items:end;row-gap:28px;margin-top:clamp(36px,6vw,88px)}.b-hero-glyph{color:var(--signal);grid-column:1/-1}.b-hero-glyph svg{cursor:pointer;width:min(100%,980px);height:auto;overflow:visible}.b-h1{font-size:var(--fs-sentence);letter-spacing:-.052em;grid-column:1/span 7;line-height:.95}.b-intro{text-wrap:pretty;grid-column:8/-1;max-width:34em}.b-intro .mono,.b-copy .mono{font-size:.92em}.b-split{align-items:start;row-gap:24px;margin-bottom:clamp(40px,6vw,88px)}.b-split>:first-child{grid-column:1/span 6}.b-split>.b-copy{grid-column:8/-1}.b-lead{font-size:var(--fs-title);letter-spacing:-.02em;text-wrap:pretty;font-weight:600;line-height:1.22}.b-copy{flex-direction:column;gap:16px;max-width:38em;display:flex}.b-copy p{text-wrap:pretty}.rules{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.rules li{border-bottom:1px solid var(--rule);padding:12px 0 12px 2.2em;position:relative}.rules li:before{content:"";border-block:2px solid var(--signal);width:1.3em;height:.36em;position:absolute;top:1.15em;left:0}.construct{margin:0}.construct svg{width:100%;height:auto;overflow:visible}.c-grid line{stroke:var(--rule);stroke-width:1px}.c-arrow{color:var(--signal)}.c-skel{fill:none;stroke:var(--ink);stroke-width:1px;stroke-dasharray:4 4}.c-dim line{stroke:var(--graphite);stroke-width:1px}.c-dim text{font:500 13px var(--mono);fill:var(--graphite);letter-spacing:.02em}.construct figcaption{margin-top:10px}.lockups{gap:var(--gut);padding-inline:var(--m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lk{border:1px solid var(--rule-paper);flex-direction:column;justify-content:space-between;gap:40px;min-height:clamp(220px,24vw,340px);padding:clamp(20px,3vw,40px);display:flex}.lk.on-ink{border-color:var(--ink)}.lk .lk-logo{align-self:flex-start;height:clamp(40px,6vw,84px)}.kin{width:min(100%,560px);height:auto;color:var(--ink);overflow:visible}.kin-arrow{color:var(--signal)}.lk-stack svg{width:min(70%,320px);height:auto;color:var(--paper)}.lg-arrow-c{color:var(--signal)}.specs{row-gap:32px;margin-top:clamp(40px,6vw,88px)}.spec{border-top:1px solid var(--rule);flex-direction:column;grid-column:span 4;gap:18px;min-width:0;padding-top:14px;display:flex}.spec>.label:first-child{color:var(--fg)}.mins{flex-direction:column;gap:16px;display:flex}.mins>div{align-items:center;gap:14px;display:flex}.mins .min-lockup{height:16px}.mins .min-lockup svg{width:72px;height:auto}.min-glyph{width:auto;height:12px;color:var(--signal);overflow:visible}.clear{padding:8px 0}.clear-box{outline:1px dashed var(--signal);outline-offset:-1px;background:repeating-linear-gradient(45deg, transparent 0 6px, color-mix(in srgb, var(--signal) 10%, transparent) 6px 7px);padding:28px;display:inline-flex}.clear-box .clear-logo{background:var(--paper);height:34px;padding:0}.spec-note{color:var(--muted);text-wrap:pretty;max-width:36em}.reject{width:min(100%,220px);height:auto;color:var(--ink);opacity:.85}.reject .arrow-path{color:var(--signal)}.ratio{height:64px;margin:0 var(--m) clamp(28px, 4vw, 48px);border:1px solid var(--rule);display:flex}.ratio span{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;align-items:flex-end;padding:8px 10px;display:flex}.r-paper{background:var(--paper);color:var(--ink)}.r-ink{background:var(--ink);color:var(--paper)}.r-signal{background:var(--signal)}.swatches{gap:var(--gut);padding:0 var(--m);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;list-style:none;display:grid}.sw{border:1px solid var(--rule);flex-direction:column;min-width:0;display:flex}.sw-signal{grid-area:span 2/span 2}.sw-chip{border-bottom:1px solid var(--rule);height:120px;display:block}.sw-signal .sw-chip{flex:1;min-height:200px}.sw-meta{flex-direction:column;gap:4px;padding:14px;font-size:14px;display:flex}.sw-meta b{letter-spacing:-.01em;font-size:17px}.sw-meta .mono{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.sw-meta p,.sw-meta .label{margin-top:6px}.spec-mono{margin:0 var(--m);border-bottom:1px solid var(--rule);flex-direction:column;gap:22px;padding-bottom:clamp(36px,5vw,72px);display:flex}.spec-mono-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.spec-mono-top>.label{color:var(--fg)}.wght{align-items:center;gap:14px;display:inline-flex}.wght output{color:var(--fg);font-variant-numeric:tabular-nums}.wght input{width:min(260px,50vw);accent-color:var(--signal)}.mono-sample{font:650 clamp(48px, 10.5vw, 196px) / .95 var(--mono);letter-spacing:-.02em;white-space:nowrap;overflow:hidden}.mono-chars{letter-spacing:.02em;overflow-wrap:anywhere;color:var(--muted);font-size:clamp(16px,1.6vw,22px);font-weight:300}.spec-sans{align-items:end;row-gap:20px;margin-top:clamp(36px,5vw,72px)}.sans-sample-wrap{flex-direction:column;grid-column:1/span 8;gap:16px;display:flex}.sans-sample-wrap>.label{color:var(--fg)}.sans-sample{font:600 var(--fs-sentence) / .98 var(--sans);letter-spacing:-.052em;flex-wrap:wrap;align-items:baseline;display:flex}.sans-sample .slot{width:1.5em;margin-inline:.2em}.sans-note{grid-column:9/-1}.scale{margin:clamp(48px, 6vw, 96px) var(--m) 0;border-top:1px solid var(--rule)}.scale-row{gap:var(--gut);border-bottom:1px solid var(--rule);grid-template-columns:8em minmax(0,1.1fr) minmax(0,.8fr) minmax(0,2fr);align-items:baseline;padding:16px 0;display:grid}.scale-name{color:var(--fg)}.scale-spec{color:var(--muted);font-size:12.5px}.scale-use{font-size:14px}.scale-sample{white-space:nowrap;text-overflow:clip;overflow:hidden}.s-poster{font:680 72px / .9 var(--mono);letter-spacing:-.02em}.s-hero{font:220 52px / 1 var(--mono);letter-spacing:-.02em}.s-sentence{font:600 52px / 1 var(--sans);letter-spacing:-.052em}.s-display{font:600 36px / 1.05 var(--sans);letter-spacing:-.042em}.s-title{font:600 24px / 1.15 var(--sans);letter-spacing:-.022em}.s-body{font:400 17px / 1.5 var(--sans);white-space:normal}.s-label{font:500 12px / 1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase}.voice{margin:0 var(--m);border-top:1px solid var(--rule)}.voice-head,.voice-row{gap:var(--gut);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.voice-head{border-bottom:1px solid var(--rule);padding:12px 0}.voice-head .label:first-child{color:var(--fg)}.voice-row{border-bottom:1px solid var(--rule);align-items:baseline;padding:18px 0}.voice-row p:first-child{font-size:var(--fs-title);letter-spacing:-.02em;font-weight:600;line-height:1.2}.voice-row p:first-child.mono{letter-spacing:-.01em;font-weight:500}.voice-row p:last-child{color:var(--muted);text-decoration:line-through 1px;text-decoration-color:var(--muted)}.motion{gap:var(--gut);padding-inline:var(--m);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.m-card{border:1px solid var(--rule);flex-direction:column;gap:16px;min-width:0;padding:18px;display:flex}.m-card>.label:first-child{color:var(--fg)}.m-card>p{color:var(--muted);text-wrap:pretty;font-size:15px}.m-card .chip{align-self:flex-start;margin-top:auto}.m-stage{border:1px solid var(--rule);background:color-mix(in srgb, var(--fg) 3%, transparent);height:170px;color:var(--signal);justify-content:center;align-items:center;display:flex;overflow:hidden}.m-stage svg{cursor:pointer;width:80%;height:auto;overflow:visible}.m-orient-s{white-space:nowrap;font:600 clamp(18px, 1.7vw, 26px) / 1 var(--sans);letter-spacing:-.045em;color:var(--fg);align-items:baseline;display:flex}.m-orient-s .slot{width:1.5em;margin-inline:.18em}.m-orient.is-phone .m-orient-s{flex-direction:column;align-items:flex-start}.m-orient.is-phone .m-orient-s .slot{width:.8em;height:1.05em;margin:.1em 0 .12em .1em}.m-weight{color:var(--fg);letter-spacing:-.02em;font-size:44px;font-weight:400}.m-track{font:600 40px / 1 var(--sans);letter-spacing:-.052em;color:var(--fg);white-space:nowrap}.m-tokens{row-gap:24px;margin-top:clamp(32px,5vw,64px)}.tokens{border-top:1px solid var(--rule);grid-column:1/span 6;margin:0;font-size:14px}.tokens>div{border-bottom:1px solid var(--rule);grid-template-columns:8em 1fr;gap:12px;padding:12px 0;display:grid}.tokens dt{color:var(--fg);font-weight:650}.tokens dd{color:var(--muted);margin:0}.m-tokens .b-copy{grid-column:8/-1}.sys{gap:var(--gut);padding-inline:var(--m);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1fr);align-items:start;display:grid}.sys-card{border:1px solid var(--rule);flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.sys-card>.label:first-child{color:var(--fg)}.sys-feed ul{margin:0;padding:0;list-style:none}.sys-feed li{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:0 .3em;padding:12px 0;font-size:clamp(15px,1.4vw,19px);font-weight:280;display:flex}.sys-feed li:last-child{border-bottom:0}.sys-feed b,.sys-notif b,.sys-code b,.rc-line b{font-weight:680}.sys-time{color:var(--muted);margin-left:auto;font-size:12px}.sys-receipt{border-color:var(--paper)}.rc-amt{letter-spacing:-.02em;font-size:clamp(44px,4.6vw,64px);font-weight:650;line-height:1}.rc-line{font-size:18px;font-weight:260}.rc-arrow{color:var(--signal)}.rc-arrow .rc-slot{width:.8em;height:1.4em;margin:0;font-size:22px}.rc-meta{border-top:1px dashed var(--rule-paper);margin:6px 0 0;font-size:13px}.rc-meta>div{border-bottom:1px dashed var(--rule-paper);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.rc-meta dt{color:var(--graphite)}.rc-meta dd{text-align:right;margin:0}.sys-col{gap:var(--gut);flex-direction:column;min-width:0;display:flex}.sys-notif{background:color-mix(in srgb, var(--paper) 7%, transparent);border-color:#0000;border-radius:18px}.nt-top{align-items:center;gap:10px;display:flex}.nt-top img{border-radius:5px}.sys-notif .mono{font-size:17px;font-weight:280}.nt-sub{color:var(--muted);font-size:14px}.sys-code .mono{font-size:17px;font-weight:280}.icons{gap:var(--gut);padding:clamp(28px, 4vw, 48px) var(--m) 0;border-top:1px solid var(--rule);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:end;margin-top:clamp(48px,7vw,112px);display:grid}.icons-copy{flex-direction:column;gap:14px;display:flex}.icons-copy>.label{color:var(--fg)}.icon-row{background:var(--rule-ink);border-radius:4px;flex-wrap:wrap;align-items:flex-end;gap:clamp(14px,2vw,28px);padding:clamp(18px,2.4vw,32px);display:flex}.ic{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.ic svg{width:var(--n);height:var(--n);border-radius:calc(var(--n) * .2237);color:var(--signal);overflow:hidden}.ic-paper svg{outline:1px solid var(--rule);outline-offset:-1px}.back-link{align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.back-link .btn-arrow{width:1.4em;height:.75em;color:var(--signal);overflow:visible}.back-link:hover{text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:.25em}.foot-mail{flex-wrap:wrap;grid-column:7/-1;justify-self:end;align-items:baseline;gap:0 .35em;font-weight:300;display:flex}.foot-mail a{text-underline-offset:.2em;font-weight:600}.foot-g a{color:inherit}@media (width<=1099px){.motion,.sys{grid-template-columns:repeat(2,minmax(0,1fr))}.sys-col{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.spec{grid-column:span 6}}@media (width<=719px){.b-h1,.b-intro,.b-split>:first-child,.b-split>.b-copy,.sans-sample-wrap,.sans-note,.tokens,.m-tokens .b-copy{grid-column:1/-1}.lockups,.motion,.sys,.sys-col,.icons{grid-template-columns:minmax(0,1fr)}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-signal{grid-area:auto/1/auto/-1}.spec{grid-column:1/-1}.scale-row{grid-template-columns:minmax(0,1fr);gap:6px}.scale-sample{white-space:normal}.s-poster{font-size:56px}.s-hero{font-size:36px}.s-sentence{font-size:40px}.s-display{font-size:30px}.voice-head,.voice-row{grid-template-columns:minmax(0,1fr);gap:6px}.voice-head .label:last-child{display:none}.voice-row p:last-child:before{content:"Not: ";margin-right:.3em;text-decoration:none;display:inline-block}.sans-sample{flex-direction:column;align-items:flex-start}.sans-sample .slot{width:.8em;height:1.05em;margin:.12em 0 .14em .1em}.foot-mail{grid-column:1/-1;justify-self:start}}
