:root{--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--ease:cubic-bezier(.25, .1, .25, 1);--nav-h:56px;--gutter:max(20px, 4vw);--wrap:1200px;--radius:4px;--paper:#eee8d6;--ink:#2d2d2d}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eee8d6;--text:#2d2d2d;--muted:#6b6860;--tile:#e4decb;--tile-hover:#dbd4c0;--fill:#2d2d2d;--on-fill:#eee8d6;--fill-hover:#000;--object:#2d2d2d;--on-object:#eee8d6}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--text:#eee8d6;--muted:#8f8b81;--tile:#141413;--tile-hover:#1c1c1a;--fill:#eee8d6;--on-fill:#000;--fill-hover:#f7f3e8;--object:#5e5d58;--on-object:#eee8d6}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100svh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;margin:0;font-size:17px;font-weight:400;line-height:1.5;overflow-x:clip}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}h1,h2,h3{font-weight:500}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,svg,canvas{max-width:100%;display:block}::selection{background:var(--fill);color:var(--on-fill)}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:var(--radius)}.t-hero{letter-spacing:-.02em;font-size:clamp(56px,10vw,144px);font-weight:500;line-height:1}.t-headline{letter-spacing:-.015em;font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1.05}.t-section{letter-spacing:-.01em;font-size:clamp(30px,3.4vw,44px);font-weight:500;line-height:1.1}.t-title{font-size:clamp(22px,2vw,26px);font-weight:500;line-height:1.2}.t-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.45}.t-label{color:var(--muted);font-size:14px;line-height:1.4}.muted{color:var(--muted)}.wrap{width:min(100% - 2 * var(--gutter), var(--wrap));margin-inline:auto}.button{border-radius:var(--radius);background:var(--fill);height:42px;color:var(--on-fill);white-space:nowrap;transition:background-color .15s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;line-height:1;display:inline-flex}.button:hover{background:var(--fill-hover)}.button--quiet{background:var(--tile);color:var(--text)}.button--quiet:hover{background:var(--tile-hover)}.button svg{width:14px;height:14px}.text-link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:.22em;transition:text-decoration-color .15s var(--ease);align-items:center;gap:6px;display:inline-flex}.text-link:hover{text-decoration-color:currentColor}.text-link svg{width:12px;height:12px}.tile{background:var(--tile);border-radius:var(--radius)}.segmented{border-radius:var(--radius);background:var(--tile);padding:3px;display:inline-flex}.segmented button{min-width:72px;height:32px;color:var(--muted);transition:background-color .15s var(--ease), color .15s var(--ease);border-radius:2px;padding:0 14px;font-size:14px}.segmented button.is-on{background:var(--fill);color:var(--on-fill)}[data-reveal]{opacity:0;transition:opacity .5s var(--ease) var(--d,0s), transform .6s var(--ease) var(--d,0s);transform:translateY(14px)}[data-reveal].is-in{opacity:1;transform:none}.page{animation:page-in .3s var(--ease) both}@keyframes page-in{0%{opacity:0}}::view-transition-old(root){animation-duration:.3s}::view-transition-new(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}.page{animation:none}}.page:not(.home){padding-top:calc(var(--nav-h) + clamp(48px, 9vh, 96px))}.page-head{gap:10px;margin-bottom:clamp(36px,6vh,56px);display:grid}.page-head .t-lead{max-width:32em}.lost{flex-direction:column;min-height:100svh;display:flex}.lost__inner{flex:1;align-content:center;justify-items:start;gap:12px;padding-bottom:80px;display:grid}.lost__home{margin-top:16px}.nav{z-index:100;height:var(--nav-h);margin-bottom:calc(-1 * var(--nav-h));background:var(--bg);position:sticky;top:0}.nav__bar{z-index:2;width:min(100% - 2 * var(--gutter), var(--wrap));height:var(--nav-h);align-items:center;gap:28px;margin-inline:auto;display:flex;position:relative}.nav__brand{color:var(--text);margin-right:auto;font-size:17px;font-weight:500}.nav__links{gap:28px;display:flex}.nav__link{color:var(--muted);transition:color .15s var(--ease);align-items:center;gap:4px;font-size:15px;display:inline-flex}.nav__link:hover,.nav__link.is-active{color:var(--text)}.nav__ext{width:10px;height:10px}.nav__icon{border-radius:var(--radius);width:36px;height:36px;color:var(--text);transition:background-color .15s var(--ease);place-items:center;margin-right:-8px;display:grid}.nav__icon:hover{background:var(--tile)}.nav__icon svg{width:17px;height:17px}.nav__burger{display:none}.nav__lang{border-radius:var(--radius);height:36px;color:var(--text);white-space:nowrap;transition:background-color .15s var(--ease);place-items:center;margin-right:-20px;padding:0 8px;font-size:15px;display:grid}.nav__lang:hover{background:var(--tile)}.nav__menu{z-index:1;padding:calc(var(--nav-h) + 16px) var(--gutter) 40px;background:var(--bg);opacity:0;visibility:hidden;transition:opacity .2s var(--ease), visibility 0s linear .2s;position:fixed;inset:0}.nav.is-open .nav__menu{opacity:1;visibility:visible;transition:opacity .2s var(--ease)}.nav__menu nav{display:grid}.nav__menu-link{color:var(--muted);align-items:center;gap:8px;padding:10px 0;font-size:26px;font-weight:500;display:flex}.nav__menu-link.is-active{color:var(--text)}.nav__menu-link .nav__ext{width:14px;height:14px}@media (max-width:760px){.nav__links{display:none}.nav__bar{gap:12px}.nav__lang{margin-right:-4px}.nav__burger{display:grid}}.footer{color:var(--muted);font-size:13px}.footer__inner{padding-block:24px calc(24px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;display:flex}.footer__links{flex-wrap:wrap;gap:4px 20px;display:flex}.footer__links a{color:var(--muted);transition:color .15s var(--ease)}.footer__links a:hover{color:var(--text)}.jobs__title{margin-bottom:16px}.jobs__list{gap:20px;max-width:760px;display:grid}.job{grid-template-columns:200px minmax(0,1fr);align-items:baseline;gap:4px 24px;display:grid}@media (max-width:640px){.job{grid-template-columns:minmax(0,1fr)}}.aboutpage{flex-direction:column;min-height:100svh;display:flex}.aboutpage__jobs{flex:1;padding-bottom:clamp(64px,10vh,120px)}.qr{width:100%;height:auto;display:block}.qr__paper{fill:var(--paper)}.qr__m{fill:var(--ink)}.qr__ring{fill:none;stroke:var(--ink);stroke-width:1px}html.sheet-open{overflow:hidden}.sheet{z-index:200;transition:background-color .2s var(--ease);background:0 0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet.is-open{background:#00000073}.sheet__panel{border-radius:var(--radius);background:var(--bg);opacity:0;width:min(100%,360px);transition:opacity .2s var(--ease), transform .2s var(--ease);padding:20px;transform:translateY(8px)}.sheet.is-open .sheet__panel{opacity:1;transform:none}.sheet__head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.sheet__logo{width:22px;height:22px}.sheet__title{margin-right:auto;font-size:19px}.sheet__close{border-radius:var(--radius);width:32px;height:32px;color:var(--muted);transition:background-color .15s var(--ease), color .15s var(--ease);place-items:center;margin-right:-6px;display:grid}.sheet__close:hover{background:var(--tile);color:var(--text)}.sheet__close svg{width:14px;height:14px}.sheet__qr{border-radius:var(--radius);overflow:hidden}.sheet__hint{margin-top:14px;font-size:15px}.sheet__actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.social{--box:52px;--glyph:28px;--gap:4px}.social--lg{--box:64px;--glyph:36px}.social__row{gap:var(--gap);margin-inline-start:calc((var(--glyph) - var(--box)) / 2);display:flex}.social__row li{flex:0 1 var(--box);min-width:0}.social__link{aspect-ratio:1;border-radius:var(--radius);width:100%;color:var(--text);transition:color .15s var(--ease);place-items:center;display:grid}.social__link svg{width:min(var(--glyph), 72%);aspect-ratio:1;height:auto}.social.is-pointing .social__link{color:var(--muted)}.social.is-pointing .social__link.is-active{color:var(--text)}.social__caption{min-height:1.5em;margin-top:12px;font-size:17px;line-height:1.5}.social__now{animation:social-now .15s var(--ease) both;align-items:center;gap:.3em;display:inline-flex}.social__ext{width:12px;height:12px;color:var(--muted)}@keyframes social-now{0%{opacity:0}}@media (max-width:430px){.social,.social--lg{--box:46px;--glyph:26px;--gap:2px}}.contactpage{flex-direction:column;min-height:100svh;display:flex}.contactpage__inner{flex:1}.contactpage__row{margin-top:28px}.editor{--e-bg:#2d2d2d;--e-bar:#363635;--e-pop:#403f3e;--e-text:#eee8d6;--e-dim:#eee8d68c;--e-faint:#eee8d64d;text-align:left;width:100%;position:relative;container-type:inline-size}:root[data-theme=dark] .editor{--e-bg:#1c1c1a;--e-bar:#252523;--e-pop:#2f2f2d}.editor__window{border-radius:var(--radius);background:var(--e-bg);color:var(--e-text);font-family:var(--font-mono);font-size:clamp(10px,2.05cqi,15px);line-height:1.7;position:relative;overflow:hidden}.editor__titlebar{background:var(--e-bar);align-items:center;height:2.8em;padding:0 1em;display:flex;position:relative}.editor__lights{gap:.5em;display:flex}.editor__lights i{background:var(--e-faint);border-radius:50%;width:.75em;height:.75em}.editor__title{font-family:var(--font);color:var(--e-dim);font-size:.9em;position:absolute;left:50%;translate:-50%}.editor__body{height:16.9em;padding:.8em 0;position:relative;overflow:hidden}.editor__line{white-space:pre;grid-template-columns:3.6em 1fr;display:grid}.editor__line.is-current{background:#eee8d60f}.editor__line.is-new{animation:editor-line-in .35s var(--ease) both}.editor__ln{text-align:right;color:var(--e-faint);padding-right:1.3em}.editor__line.is-current .editor__ln,.editor__src.is-comment{color:var(--e-dim)}.tk-doc,.tk-kw{color:var(--e-text);font-weight:500}.tk-str{color:var(--e-text)}.editor__sel{background:#eee8d638}.editor__caret{vertical-align:-.22em;background:var(--e-text);width:2px;height:1.2em;margin-left:1px;animation:1.05s step-end infinite editor-blink;display:inline-block}.editor__palette{border-radius:var(--radius);background:var(--e-pop);opacity:0;width:min(88%,40em);transition:opacity .15s var(--ease);position:absolute;top:.6em;left:50%;overflow:hidden;translate:-50%}.editor__palette.is-open{opacity:1}.editor__query{background:var(--e-bg);white-space:pre;border-radius:2px;margin:.5em;padding:.35em .7em}.editor__prompt{color:var(--e-dim);margin-right:.6em}.editor__results{padding:0 .4em .45em}.editor__results li{color:var(--e-dim);white-space:nowrap;border-radius:2px;padding:.25em .7em}.editor__results li.is-active{color:var(--e-text);background:#eee8d624}.editor__status{background:var(--e-bar);height:2.3em;font-family:var(--font);color:var(--e-dim);justify-content:flex-end;align-items:center;gap:1.8em;padding:0 1.2em;font-size:.82em;display:flex}.editor__keys{pointer-events:none;gap:.4em;font-size:clamp(11px,2cqi,16px);display:flex;position:absolute;bottom:3.6em;right:1.2em}.editor__keys kbd{border-radius:var(--radius);background:var(--paper);min-width:2.4em;height:2.4em;color:var(--ink);font-family:var(--font);animation:editor-key .2s var(--ease) both;place-items:center;padding:0 .5em;font-weight:500;display:grid}@keyframes editor-blink{50%{opacity:0}}@keyframes editor-line-in{0%{opacity:0}}@keyframes editor-key{0%{opacity:0;transform:translateY(.3em)}}@media (prefers-reduced-motion:reduce){.editor__caret{animation:none}}.site{--s-bar:#363635;--s-dim:#eee8d68c;--s-faint:#eee8d64d;gap:16px;width:100%;display:grid;container-type:inline-size}:root[data-theme=dark] .site{--s-bar:#252523}.site__window{border-radius:var(--radius);background:var(--s-bar);font-size:clamp(10px,1.6cqi,14px);overflow:hidden}.site__bar{align-items:center;height:2.8em;padding:0 1em;display:flex;position:relative}.site__lights{gap:.5em;display:flex}.site__lights i{background:var(--s-faint);border-radius:50%;width:.75em;height:.75em}.site__url{color:var(--s-dim);white-space:nowrap;font-size:.9em;position:absolute;left:50%;translate:-50%}.site__view{aspect-ratio:1440/945;background:#1f1e1c;position:relative}.site__view img{opacity:0;width:100%;height:100%;transition:opacity .35s var(--ease);position:absolute;inset:0}.site__view img.is-shown{opacity:1}.site__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.roadmap{width:100%;height:100%;position:relative;overflow:hidden}.roadmap canvas{width:100%;height:100%;position:absolute;inset:0}.roadmap__water{opacity:0;transition:opacity 1.4s var(--ease)}.roadmap.is-done .roadmap__water{opacity:1}.inkcity{gap:16px;width:100%;display:grid}.monitor{justify-items:center;width:100%;display:grid}.monitor__screen{border-radius:var(--radius);background:var(--object);width:100%;padding:2% 2% 3.6%}.monitor__display{aspect-ratio:16/10;background:#000;border-radius:2px;position:relative;overflow:hidden}.monitor__display .roadmap{opacity:0;transition:opacity .4s var(--ease);position:absolute;inset:0}.monitor__display .roadmap.is-shown{opacity:1}.monitor__neck{background:var(--object);clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);width:13%;height:0;padding-bottom:5.5%}.monitor__foot{background:var(--object);border-radius:2px;width:30%;height:0;padding-bottom:1.4%}.inkcity__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.poster{background:var(--ink);color:var(--paper);flex-direction:column;justify-content:space-between;padding:clamp(24px,4cqi,56px);display:flex;position:absolute;inset:0;container-type:inline-size}:root[data-theme=dark] .poster{background:#1c1c1a}.poster__meta,.poster__stack{color:#eee8d699;font-size:clamp(14px,1.5cqi,17px)}.poster__title{letter-spacing:-.03em;font-size:clamp(56px,14cqi,180px);font-weight:500;line-height:.95}.bigben{align-items:center;gap:clamp(24px,3vw,40px);width:100%;display:flex}.watch{width:var(--watch-size,min(100%, 400px));aspect-ratio:1;border-radius:50%;flex:none}.watch svg{width:100%;height:100%;overflow:visible}.watch__face{fill:var(--watch-face,#2d2d2d)}:root[data-theme=dark] .watch__face{fill:#1c1c1a}.watch__marker{fill:var(--paper)}.watch__tick{fill:#eee8d659}.watch__numeral{fill:var(--paper);font-family:var(--font);text-anchor:middle;font-size:36px;font-weight:500}.watch__label{fill:#eee8d68c;font-family:var(--font);letter-spacing:.06em;text-anchor:middle;font-size:15px}.watch__hand{transform-box:view-box;transform-origin:0 0}.watch__hand--hour,.watch__hand--minute{fill:var(--paper);transition:transform .3s var(--ease)}.watch__hand--second{fill:#eee8d6a6;transition:transform .2s var(--ease)}.watch__pin{fill:var(--paper)}.watch__pin-dot{fill:#2d2d2d}.bigben__side{flex:1;gap:18px;min-width:220px;max-width:380px;display:grid}.notif{border-radius:var(--radius);background:var(--tile);text-align:left;grid-template-columns:36px 1fr;gap:12px;padding:14px;display:grid}.notif__icon{border-radius:var(--radius);background:var(--fill);width:36px;height:36px;color:var(--on-fill);place-items:center;font-size:18px;font-weight:500;display:grid}.notif__icon svg{width:18px;height:18px}.notif__head{justify-content:space-between;gap:10px;font-size:14px;display:flex}.notif__app{color:var(--text);font-weight:500}.notif__time{color:var(--muted)}.notif__text{color:var(--text);margin-top:2px;font-size:15px;line-height:1.45}.yearbar{text-align:left;gap:8px;display:grid}.yearbar__label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;line-height:1.4}.yearbar__label strong{color:var(--text);font-weight:500}.yearbar__track{background:var(--tile);height:4px;display:block;position:relative;overflow:hidden}.yearbar__track>span{background:var(--text);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}@media (max-width:760px){.bigben{flex-direction:column;align-items:stretch}.watch{align-self:center}.bigben__side{max-width:none}}.screen{min-height:100svh;position:relative}@media (min-height:600px){html.fullpage{scroll-snap-type:y mandatory}.screen{scroll-snap-align:start;scroll-snap-stop:always;height:100svh}}.hero{padding:var(--nav-h) var(--gutter);text-align:center;align-content:center;place-items:center;gap:16px;display:grid}.hero__name{animation:hero-in .8s var(--ease) both}.hero__role{animation:hero-in .8s var(--ease) 80ms both}.hero__next{bottom:max(24px, env(safe-area-inset-bottom));border-radius:var(--radius);width:44px;height:44px;color:var(--muted);transition:color .15s var(--ease), background-color .15s var(--ease);place-items:center;display:grid;position:absolute;left:50%;translate:-50%}.hero__next:hover{color:var(--text);background:var(--tile)}.hero__next svg{width:18px;height:18px}@keyframes hero-in{0%{opacity:0;transform:translateY(12px)}}.feature{padding-block:calc(var(--nav-h) + 24px) 32px;flex-direction:column;display:flex}.feature__grid{flex:1;grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:0;display:grid}.feature__copy{gap:14px;display:grid}.feature__copy .t-lead{max-width:24em}.feature__ctas{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.feature__media{place-items:center;min-width:0;display:grid;container:media/inline-size}.feature--inkcity .inkcity{width:min(100%,900px)}.feature--file-template .editor{width:min(100%,880px)}.feature--big-ben .bigben{--watch-size:min(42cqw, 360px)}.feature--cstu .site{width:min(100%,900px)}.feature__media .poster{aspect-ratio:4/3;border-radius:var(--radius);width:min(100%,880px);position:relative}@media (min-height:600px){.feature__grid{grid-template-rows:minmax(0,1fr)}.feature__media{align-self:stretch;min-height:0;container:media/size}.feature--inkcity .inkcity{width:min(100cqw,1000px,137cqh - 82.2px)}.feature--file-template .editor{width:min(100cqw,900px,220cqh)}.feature--big-ben .bigben{--watch-size:min(100cqh, 400px, calc(100cqw - 330px))}.feature--cstu .site{width:min(100cqw,960px,140cqh - 84px)}.feature__media .poster{width:min(100cqw,880px,133.333cqh)}}@container media (width<=640px){.feature--big-ben .bigben{--watch-size:min(78cqw, calc(100cqh - 80px), 360px);flex-direction:column;gap:16px}.feature--big-ben .notif{display:none}.feature--big-ben .bigben__side{width:100%;max-width:360px}}@container media (width<=520px){.feature--inkcity figcaption,.feature--cstu figcaption{display:none}}.home-about,.home-contact{flex-direction:column;display:flex}.home-about__inner,.home-contact__inner{padding-block:calc(var(--nav-h) + 40px) 40px;flex-direction:column;flex:1;justify-content:center;display:flex}.home-about__intro{max-width:32em;margin-top:16px}.home-about__jobs{margin-top:clamp(32px,6vh,56px)}.home-contact__row{margin-top:28px}@media (max-width:900px){.feature__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}.feature{padding-top:calc(var(--nav-h) + 20px);padding-bottom:24px}}@media (max-width:900px) and (min-height:600px){.feature__grid{grid-template-rows:auto minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.hero__name,.hero__role{animation:none}}.lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px;display:grid}.fcard{flex-direction:column;align-items:flex-start;display:flex}.fcard__media{aspect-ratio:4/3;border-radius:var(--radius);background:var(--tile);place-items:center;width:100%;margin-bottom:20px;display:grid;position:relative;overflow:hidden;container-type:size}.fcard__media--inkcity .inkcity{width:78%}.fcard__media--file-template .editor{width:86%}.fcard__media--cstu .site{width:72%}.fcard__media--big-ben .bigben{--watch-size:64cqh;justify-content:center}.fcard__kind{margin-bottom:4px}.fcard__tagline{margin-top:8px}.fcard__stats{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin-top:14px;font-size:15px;display:flex}.fcard__stats strong{color:var(--text);font-weight:500}.fcard__ctas{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.more{padding-block:clamp(80px,12vh,140px)}.more__head{gap:8px;margin-bottom:28px;display:grid}.more__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.more__tile{border-radius:var(--radius);background:var(--tile);height:100%;min-height:180px;transition:background-color .15s var(--ease);flex-direction:column;padding:20px;display:flex}.more__tile:hover{background:var(--tile-hover)}.more__top{justify-content:space-between;align-items:center;margin-bottom:auto;padding-bottom:28px;display:flex}.more__go{width:14px;height:14px;color:var(--muted);transition:color .15s var(--ease), transform .15s var(--ease)}.more__tile:hover .more__go{color:var(--text);transform:translate(2px)}.more__tagline{margin-top:6px;font-size:15px}@media (max-width:1000px){.lineup{grid-template-columns:minmax(0,1fr);gap:64px;max-width:620px}}.detail__hero{justify-items:start;gap:12px;display:grid}.detail__crumb{transition:color .15s var(--ease);align-items:center;gap:6px;margin-bottom:16px;display:inline-flex}.detail__crumb:hover{color:var(--text)}.detail__crumb svg{width:13px;height:13px}.detail__tagline{max-width:30em}.detail__ctas{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.detail__media{border-radius:var(--radius);background:var(--tile);place-items:center;margin-top:clamp(40px,7vh,72px);padding:clamp(24px,5vw,72px);display:grid;position:relative;overflow:hidden;container-type:inline-size}.detail__media--roadmap .inkcity{width:min(100%,900px)}.detail__media--code .editor{width:min(100%,880px)}.detail__media--browser .site{width:min(100%,1000px)}.detail__media--clock .bigben{--watch-size:min(46%, 360px);max-width:820px}.detail__media--poster{aspect-ratio:16/9;padding:0}.detail__intro{padding-top:clamp(56px,10vh,112px)}.detail__intro .t-lead{max-width:36em}.detail__section{padding-top:clamp(56px,10vh,112px)}.detail__section>.t-section{margin-bottom:24px}.highlights{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:12px;display:grid}.highlight{border-radius:var(--radius);background:var(--tile);align-content:start;gap:8px;padding:24px;display:grid}.highlight__title{font-size:19px;line-height:1.3}.numbers{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.number{border-radius:var(--radius);background:var(--tile);gap:4px;padding:24px;display:grid}.number__value{font-size:clamp(36px,4vw,48px);font-weight:500;line-height:1.1}.specs{border-radius:var(--radius);background:var(--tile);gap:16px;padding:24px;display:grid}.specs>div{grid-template-columns:minmax(120px,1fr) minmax(0,3fr);gap:16px;display:grid}.specs dt{color:var(--muted)}.specs__links{flex-wrap:wrap;gap:6px 20px;display:flex}.detail__next-wrap{padding-bottom:clamp(56px,10vh,112px)}.next{border-radius:var(--radius);background:var(--fill);color:var(--on-fill);transition:background-color .15s var(--ease);gap:8px;padding:clamp(28px,5vw,48px);display:grid}.next:hover{background:var(--fill-hover)}.next__label{color:inherit;opacity:.65}.next__row{justify-content:space-between;align-items:center;gap:24px;display:flex}.next__go{width:28px;height:28px;transition:transform .15s var(--ease);flex:none}.next:hover .next__go{transform:translate(4px)}.next__tagline{opacity:.65}@media (max-width:860px){.highlights{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.specs>div{grid-template-columns:minmax(0,1fr);gap:2px}}