@font-face{font-family:sans;src:url(../media/SchibstedGrotesk-s.p.1n5gamcxs9g-p.woff2)format("woff2");font-display:swap;font-weight:400 900}@font-face{font-family:sans Fallback;src:local(Arial);ascent-override:92.54%;descent-override:24.43%;line-gap-override:0.0%;size-adjust:105.53%}._EGZ8q_className{font-family:sans,sans Fallback,ui-sans-serif,system-ui,Segoe UI,sans-serif}._EGZ8q_variable{--font-sans:"sans", "sans Fallback", ui-sans-serif, system-ui, Segoe UI, sans-serif}
@font-face{font-family:mono;src:url(../media/FragmentMono-s.p.2v-t370is4vd7.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:70.14%;descent-override:18.46%;line-gap-override:0.0%;size-adjust:135.44%}.bJEsaa_className{font-family:mono,mono Fallback,ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-weight:400}.bJEsaa_variable{--font-mono:"mono", "mono Fallback", ui-monospace, Cascadia Code, Menlo, Consolas, monospace}
@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}img,svg,video,canvas,picture{max-width:100%;display:block}img,video{height:auto}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}ul[class],ol[class],dl[class]{padding:0;list-style:none}h1,h2,h3,h4{font-weight:inherit;font-size:inherit}}@layer tokens{:root{--bg:#fff;--bg-2:#f6f6f5;--bg-3:#eeeeec;--fg:#111;--fg-2:#555;--fg-3:#6e6e6e;--fg-4:#929292;--line:#e4e4e2;--line-2:#cfcfcc;--accent:#35f;--accent-hover:#1d3ae0;--accent-ink:#fff;--live:#15803d;--error:#c2261b;--f-sans:var(--font-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:var(--font-mono), ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--t-xs:.8125rem;--t-sm:.9063rem;--t-body:1.0625rem;--t-lead:clamp(1.125rem, 1.05rem + .35vw, 1.3125rem);--t-h3:1.1875rem;--t-h2:clamp(1.625rem, 1.2rem + 1.3vw, 2.375rem);--t-statement:clamp(1.5rem, 1rem + 1.75vw, 2.625rem);--t-index:clamp(1.75rem, 1.05rem + 2.15vw, 3.125rem);--t-display:clamp(2.75rem, 1.25rem + 5vw, 6rem);--t-title:clamp(3rem, 1.3rem + 5vw, 6rem);--s-1:4px;--s-2:8px;--s-3:16px;--s-4:24px;--s-5:32px;--s-6:48px;--s-7:64px;--s-8:96px;--s-9:128px;--section:clamp(88px, 5vw + 64px, 152px);--max:1360px;--margin:clamp(20px, 4vw, 56px);--gutter:clamp(16px, 2vw, 32px);--header-h:64px;--radius-s:6px;--radius:10px;--shadow-frame:0 0 0 1px #11111114, 0 2px 4px #1111110a, 0 24px 48px -20px #11111147;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--d-1:.14s;--d-2:.28s;--d-3:.56s;--d-4:1s;--d-drop:.68s}}@layer base{html{background:var(--bg);color:var(--fg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-padding-top:calc(var(--header-h) + var(--s-4));scrollbar-color:#c9c9c6 transparent;scrollbar-width:thin}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--f-sans);font-size:var(--t-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;min-height:100svh;font-weight:400;line-height:1.6;overflow-x:clip}::selection{color:#fff;background:#35f}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}input,textarea{caret-color:var(--accent)}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}:where(p,li,dd,td)>code{font-family:var(--f-mono);background:var(--bg-2);border-radius:4px;padding:.1em .32em;font-size:.84em}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{border:4px solid var(--bg);background:#cfcfcc;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#a9a9a6}::-webkit-scrollbar-track{background:0 0}.site-header{view-transition-name:site-header}::view-transition-old(root){animation:vt-out var(--d-2) var(--ease-in-out) both}::view-transition-new(root){animation:vt-in var(--d-3) var(--ease-out) both}::view-transition-group(site-header){animation:none}::view-transition-old(site-header){animation:none}::view-transition-new(site-header){animation:none}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;translate:0 12px}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}}@layer layout{.wrap{width:100%;max-width:calc(var(--max) + var(--margin) * 2);padding-inline:var(--margin);margin-inline:auto}.sec{padding-block:var(--section) 0}.sec__grid{column-gap:var(--gutter);row-gap:var(--s-5);border-top:1px solid var(--fg);padding-top:var(--s-3);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.sec__head{align-content:start;gap:var(--s-2);grid-column:1/4;display:grid}.sec__body{grid-column:4/-1;min-width:0}.sec__grid--stack>.sec__head,.sec__grid--stack>.sec__body{grid-column:1/-1}@media (max-width:1023px){.sec__head,.sec__body{grid-column:1/-1}}}@layer components{.mono{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:0;font-weight:400}.h-display{font-size:var(--t-display);letter-spacing:-.038em;font-weight:640;line-height:.94}.h-title{font-size:var(--t-title);letter-spacing:-.04em;font-weight:640;line-height:.92}.h2{font-size:var(--t-h2);letter-spacing:-.03em;font-weight:620;line-height:1.05}.h3{font-size:var(--t-h3);letter-spacing:-.015em;font-weight:620;line-height:1.25}.lead{font-size:var(--t-lead);color:var(--fg-2);letter-spacing:-.005em;line-height:1.5}.small{font-size:var(--t-sm);color:var(--fg-2)}.muted{color:var(--fg-2)}.num{font-variant-numeric:tabular-nums}.link{text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);transition:text-decoration-color var(--d-1) linear, color var(--d-1) linear;align-items:center;gap:.3em;display:inline-flex}.link:hover{text-decoration-color:currentColor}.link svg{width:.9em;height:.9em;transition:translate var(--d-2) var(--ease-out);flex:none}.link:hover svg{translate:.1em -.1em}.link--fwd:hover svg{translate:.18em}.link--back:hover svg{translate:-.18em}.link--act{color:var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent)}.link--act:hover{color:var(--accent-hover);-webkit-text-decoration-color:var(--accent-hover);text-decoration-color:var(--accent-hover)}.btn{border-radius:var(--radius-s);white-space:nowrap;border:1px solid var(--line-2);background:var(--bg);min-height:44px;color:var(--fg);transition:background-color var(--d-1) linear, border-color var(--d-1) linear, color var(--d-1) linear;justify-content:center;align-items:center;gap:.5em;padding:0 1.1em;font-size:.9688rem;font-weight:560;line-height:1;display:inline-flex}.btn:hover{border-color:var(--fg)}.btn:active{translate:0 1px}.btn svg{width:1em;height:1em;transition:translate var(--d-2) var(--ease-out);flex:none}.btn:hover svg{translate:.15em}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{border:1px solid var(--line-2);min-height:24px;color:var(--fg-2);font-size:var(--t-xs);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:0 8px;font-weight:500;line-height:1;display:inline-flex}.chip--fiction{border-color:var(--fg);color:var(--fg)}.skip{left:var(--s-3);top:var(--s-3);z-index:100;padding:var(--s-2) var(--s-3);border-radius:var(--radius-s);background:var(--fg);color:var(--bg);position:fixed;translate:0 -200%}.skip:focus-visible{translate:0}.site-header{z-index:50;height:var(--header-h);transition:translate var(--d-3) var(--ease-out), box-shadow var(--d-2) linear, background-color var(--d-2) linear;background:0 0;position:fixed;inset:0 0 auto}.site-header[data-solid],html.menu-open .site-header{background:var(--bg);box-shadow:0 1px 0 var(--line)}.site-header[data-hidden]{translate:0 -100%}.site-header__in{justify-content:space-between;align-items:center;gap:var(--s-4);height:100%;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;min-height:44px;font-size:1.0625rem;font-weight:640;display:inline-flex}.brand__mark{transform-origin:50% 90%;width:auto;height:28px;transition:translate var(--d-3) var(--ease-out), rotate var(--d-3) var(--ease-out);flex:none}.brand:hover .brand__mark{translate:0 -3px;rotate:-4deg}.site-nav{align-items:center;gap:clamp(16px,2.4vw,32px);font-size:.9688rem;display:flex}.site-nav__link{min-height:44px;color:var(--fg-2);transition:color var(--d-1) linear;align-items:center;display:inline-flex;position:relative}.site-nav__link:after{content:"";transform-origin:0;height:1px;transition:scale var(--d-2) var(--ease-out);background:currentColor;position:absolute;bottom:11px;left:0;right:0;scale:0 1}.site-nav__link:hover{color:var(--fg)}.site-nav__link:hover:after{scale:1}.site-nav__mail{color:var(--accent);font-weight:560}.site-nav__mail:hover{color:var(--accent-hover)}.menu-btn{align-items:center;gap:10px;min-height:44px;padding:0 2px 0 12px;font-size:.9688rem;font-weight:560;display:none}.menu-btn__bars{width:18px;height:9px;position:relative}.menu-btn__bars:before,.menu-btn__bars:after{content:"";height:1.5px;transition:translate var(--d-2) var(--ease-out), rotate var(--d-2) var(--ease-out);background:currentColor;position:absolute;left:0;right:0}.menu-btn__bars:before{top:0}.menu-btn__bars:after{bottom:0}.menu-btn[aria-expanded=true] .menu-btn__bars:before{translate:0 3.75px;rotate:45deg}.menu-btn[aria-expanded=true] .menu-btn__bars:after{translate:0 -3.75px;rotate:-45deg}@media (max-width:767px){.site-nav{display:none}.menu-btn{display:inline-flex}}.menu{inset:var(--header-h) 0 auto;z-index:49;padding:var(--s-2) var(--margin) var(--s-5);background:var(--bg);border-bottom:1px solid var(--line);visibility:hidden;opacity:0;transition:opacity var(--d-2) var(--ease-out), translate var(--d-2) var(--ease-out), visibility 0s linear var(--d-2);position:fixed;translate:0 -8px}.menu[data-open]{visibility:visible;opacity:1;transition-delay:0s;translate:0}.menu__list{display:grid}.menu__list a{border-bottom:1px solid var(--line);letter-spacing:-.03em;justify-content:space-between;align-items:center;min-height:60px;font-size:1.75rem;font-weight:600;display:flex}.menu__list svg{width:20px;height:20px;color:var(--fg-3)}.menu__foot{gap:var(--s-3) var(--s-4);margin-top:var(--s-4);font-size:var(--t-sm);flex-wrap:wrap;display:flex}@media (min-width:768px){.menu{display:none}}.footer{margin-top:var(--section)}.colophon{column-gap:var(--gutter);row-gap:var(--s-5);padding-block:var(--s-5) var(--s-4);border-top:1px solid var(--fg);font-size:var(--t-sm);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.colophon__who{align-content:start;gap:var(--s-3);grid-column:1/4;display:grid}.colophon__mark{width:44px;height:auto}.colophon__who p{color:var(--fg-2);max-width:30ch}.colophon__nav{column-gap:var(--gutter);row-gap:var(--s-4);grid-column:4/-1;grid-template-columns:2fr 1fr 1fr;display:grid}.colophon__h{font-size:var(--t-sm);margin-bottom:var(--s-2);font-weight:620}.colophon__list{display:grid}.colophon__list--two{column-gap:var(--s-6);grid-template-columns:repeat(2,minmax(0,max-content))}.colophon__list a,.colophon__list span{min-height:32px;color:var(--fg-2);transition:color var(--d-1) linear;align-items:center;display:inline-flex}.colophon__list a:hover{color:var(--fg)}.colophon__list .mono{font-size:var(--t-xs);margin-left:6px}.colophon__base{justify-content:space-between;gap:var(--s-2) var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--line);color:var(--fg-3);font-size:var(--t-xs);flex-wrap:wrap;grid-column:1/-1;display:flex}.colophon__base a{color:var(--fg-2);align-items:center;gap:6px;display:inline-flex}.colophon__base a:hover{color:var(--fg)}.colophon__base svg{width:13px;height:13px}@media (max-width:1023px){.colophon__who,.colophon__nav{grid-column:1/-1}}@media (max-width:599px){.colophon__nav{grid-template-columns:1fr 1fr}.colophon__nav>:first-child{grid-column:1/-1}}.shot{margin:0;position:relative}.shot__media{background:var(--bg-2);position:relative;overflow:hidden}.shot__media img,.shot__media video{object-fit:cover;width:100%;height:100%}.shot__cap{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--fg-3);max-width:64ch;line-height:1.5}.shot--none .shot__media{border-radius:var(--radius)}.shot--browser .shot__body,.shot--window .shot__body{border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow-frame);overflow:hidden}.shot__chrome{align-items:center;gap:var(--s-3);background:var(--bg-2);border-bottom:1px solid var(--line);height:clamp(28px,2.4vw,36px);color:var(--fg-3);padding-inline:clamp(10px,1vw,14px);font-size:clamp(10px,.78vw,12px);display:flex}.shot__dots{flex:none;gap:6px;display:flex}.shot__dots i{aspect-ratio:1;background:#d6d6d3;border-radius:50%;width:clamp(7px,.55vw,9px)}.shot__url{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--f-mono);flex:0 auto;margin-inline:auto;overflow:hidden}.shot--window .shot__chrome{justify-content:space-between}.shot__title{font-weight:560}.shot--phone .shot__body{background:#111;border-radius:clamp(28px,3vw,46px);width:fit-content;max-width:100%;margin-inline:auto;padding:clamp(5px,.45vw,7px);box-shadow:inset 0 0 0 1px #2c2c2c,0 30px 60px -24px #1116}.shot--phone .shot__media{border-radius:clamp(23px,2.5vw,40px)}@media (prefers-reduced-motion:no-preference){.js-motion [data-shutter] .shot__body,.js-motion [data-shutter].shot--none .shot__media{transition:clip-path var(--d-4) var(--ease-out), translate var(--d-4) var(--ease-out)}.js-motion [data-shutter]:not(.is-in) .shot__body,.js-motion [data-shutter].shot--none:not(.is-in) .shot__media{clip-path:inset(5% 3% 5% 3% round var(--radius));translate:0 24px}}.intro{z-index:200;cursor:pointer;transition:opacity .5s var(--ease-out), visibility 0s linear .5s;background:#fff;place-items:center;display:grid;position:fixed;inset:0}.intro[data-out]{opacity:0;visibility:hidden;pointer-events:none}.no-intro .intro{display:none}.intro__film{aspect-ratio:1;object-fit:contain;width:min(56vmin,420px);height:auto}.intro__skip{right:var(--margin);bottom:var(--s-5);min-height:44px;padding:0 var(--s-3);border-radius:var(--radius-s);color:var(--fg-2);font-size:var(--t-sm);transition:color var(--d-1) linear;position:absolute}.intro__skip:hover{color:var(--fg)}}@layer utilities{.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}}
@layer components{.hero{isolation:isolate;min-height:max(100svh,620px);padding-block:calc(var(--header-h) + var(--s-5)) var(--s-7);background:linear-gradient(#e9effb 0%,#f3f6fd 58%,#fff 100%);align-items:center;display:grid;position:relative;overflow:clip}.hero__in{z-index:2;width:100%;position:relative}.hero__text{max-width:44rem}.hero__line{display:block}.hero__intro{max-width:44ch;font-size:var(--t-lead);color:var(--fg-2);margin-top:clamp(20px,2.2vw,28px);line-height:1.5}.hero__actions{gap:var(--s-2);flex-wrap:wrap;margin-top:clamp(28px,3vw,40px);display:flex}.btn--lg{min-height:52px;padding:0 1.35em;font-size:1rem}.hero__sky{z-index:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 34%,#000 58%);mask-image:linear-gradient(90deg,#0000 34%,#000 58%)}.hero__balloon{width:clamp(200px,26vw,400px);position:absolute;top:50%;right:clamp(4%,9vw,12%);translate:0 -46%}.hero__mark{width:100%;height:auto;overflow:visible}.cloud{fill:none;stroke:#b9c6e0;stroke-width:1.4px;stroke-linejoin:round;vector-effect:non-scaling-stroke;height:auto;position:absolute;left:0}.cloud--far{opacity:.55;width:clamp(90px,9vw,150px)}.cloud--mid{opacity:.8;width:clamp(140px,14vw,230px)}.cloud--near{opacity:.9;stroke:#a8b8d8;width:clamp(220px,24vw,380px)}.cloud--a{top:16%}.cloud--b{top:34%}.cloud--c{top:22%}.cloud--d{top:66%}.cloud--e{top:76%}.cloud--a{translate:62vw}.cloud--b{translate:92vw}.cloud--c{translate:48vw}.cloud--d{translate:80vw}.cloud--e{translate:56vw}@media (prefers-reduced-motion:no-preference){.hero__mark{animation:sway 6.5s var(--ease-in-out) infinite alternate;transform-origin:50% 8%}.cloud{animation:linear infinite pass}.cloud--far{animation-duration:140s}.cloud--mid{animation-duration:95s}.cloud--near{animation-duration:60s}.cloud--a{animation-delay:-40s}.cloud--b{animation-delay:-110s}.cloud--c{animation-delay:-20s}.cloud--d{animation-delay:-70s}.cloud--e{animation-delay:-38s}.hero__line{animation:line-in var(--d-4) var(--ease-out) both}.hero__line+.hero__line{animation-delay:90ms}.hero__intro,.hero__actions{animation:fade-in var(--d-4) linear .26s both}.hero__balloon{animation:drift 9s var(--ease-in-out) infinite alternate, rise-in 1.6s var(--ease-out) both}}@keyframes drift{0%{translate:0 -46%}to{translate:0 calc(-46% - 18px)}}@keyframes rise-in{0%{opacity:0}}@keyframes sway{0%{rotate:-1.6deg}to{rotate:1.6deg}}@keyframes pass{0%{translate:105vw}to{translate:-30vw}}@keyframes line-in{0%{opacity:0;translate:0 .32em}}@keyframes fade-in{0%{opacity:0}}@media (max-width:767px){.hero{padding-bottom:var(--s-6);align-items:end}.hero__balloon{right:6%;top:calc(var(--header-h) + 4%);width:clamp(130px,38vw,200px);translate:0}.hero__sky{-webkit-mask-image:linear-gradient(#000 40%,#0000 54%);mask-image:linear-gradient(#000 40%,#0000 54%)}.cloud--d,.cloud--e{top:30%}@media (prefers-reduced-motion:no-preference){.hero__balloon{animation:drift-sm 9s var(--ease-in-out) infinite alternate, rise-in 1.6s var(--ease-out) both}}}@keyframes drift-sm{to{translate:0 -14px}}.work{padding-top:var(--section)}.work__head{justify-content:space-between;align-items:baseline;gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--fg);margin-bottom:clamp(28px,3vw,44px);display:flex}.work__count{font-size:var(--t-sm);color:var(--fg-3)}.cards{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:1023px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.cards{grid-template-columns:1fr}}.card{min-width:0}.card__link{background:var(--bg);border:1px solid var(--line);height:100%;transition:border-color var(--d-2) linear, box-shadow var(--d-3) var(--ease-out), translate var(--d-3) var(--ease-out);border-radius:14px;flex-direction:column;padding:8px;display:flex}.card__link:hover{border-color:var(--line-2);translate:0 -3px;box-shadow:0 2px 4px #11111108,0 18px 40px -22px #11111147}.card__link:focus-visible{outline-offset:4px;border-radius:14px}.card__face{aspect-ratio:16/10;background:var(--tint);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ground) 14%, transparent);transition:background-color var(--d-3) var(--ease-out);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.card__link:hover .card__face{background:color-mix(in srgb, var(--tint) 82%, var(--ground))}.card__logo{width:var(--logo,36%);object-fit:contain;height:auto;max-height:62%;transition:scale var(--d-3) var(--ease-out)}.card__logo--knockout{mix-blend-mode:multiply}.card__link:hover .card__logo{scale:1.06}.card__go{width:18px;height:18px;color:var(--fg-3);transition:translate var(--d-3) var(--ease-out), color var(--d-1) linear;position:absolute;top:12px;right:12px}.card__link:hover .card__go{color:var(--fg);translate:2px -2px}.card__meta{gap:2px;padding:16px 10px 10px;display:grid}.card__top{align-items:baseline;gap:var(--s-3);display:flex}.card__title{letter-spacing:-.025em;font-size:1.375rem;font-weight:620;line-height:1.15}.card__when{font-size:var(--t-sm);color:var(--fg-3);white-space:nowrap;margin-left:auto}.card__kind{font-size:var(--t-sm);color:var(--fg-2)}.card__line{margin-top:var(--s-2);color:var(--fg-2);font-size:.9375rem;line-height:1.55}.plate{flex-direction:column;display:flex;position:absolute}.plate--browser{background:var(--bg);border-radius:8px 8px 0 0;inset:10% 8% 0;overflow:hidden;box-shadow:0 0 0 1px #1111111a,0 -8px 40px -8px #0000004d}.plate--window{background:var(--bg);border-radius:8px;inset:12% 10%;overflow:hidden;box-shadow:0 0 0 1px #1111111f,0 24px 48px -20px #00000059}.plate--film{inset:0}.plate__bar{background:var(--bg-2);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;height:26px;padding-inline:10px;display:flex}.plate__dots{flex:none;gap:5px;display:flex}.plate__dots i{background:#d6d6d3;border-radius:50%;width:7px;height:7px}.plate__dots--ghost{visibility:hidden}.plate__url{text-align:center;min-width:0;font-family:var(--f-mono);color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;overflow:hidden}.plate__screen{flex:1;position:relative;overflow:hidden}.plate__screen img{object-fit:cover;object-position:top left;width:100%;max-width:none;height:100%;position:absolute;inset:0}.about{--navy:#14213d;--on-navy-2:#c3cbe0;--on-navy-3:#9aa7c2;--navy-line:#ffffff24;margin-top:var(--section);background:var(--navy);color:#fff;padding-block:clamp(72px,8vw,128px)}.about ::selection{color:var(--navy);background:#fff}.about :focus-visible{outline-color:#fff}.about__in{column-gap:var(--gutter);row-gap:var(--s-7);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.about__who{align-content:start;gap:var(--s-5);grid-column:1/7;display:grid}.about__how{grid-column:8/-1}.about__h{font-size:var(--t-sm);color:var(--on-navy-2);padding-bottom:var(--s-3);border-bottom:1px solid var(--navy-line);font-weight:620}.about__statement{max-width:22ch;font-size:var(--t-statement);letter-spacing:-.028em;font-weight:560;line-height:1.16}.about__facts{gap:var(--s-4) var(--gutter);margin-top:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.about__facts div{padding-top:var(--s-2);border-top:1px solid var(--navy-line);gap:2px;display:grid}.about__facts dt{font-size:var(--t-xs);color:var(--on-navy-3)}.about__facts dd{font-size:.9688rem}.about__facts .mono{font-size:.9375rem}.about .link{text-decoration-color:#fff6}.about .link:hover{text-decoration-color:#fff}.habits{display:grid}.habit{gap:var(--s-2);padding-block:var(--s-4);border-bottom:1px solid var(--navy-line);display:grid}.habit__title{letter-spacing:-.02em;font-size:1.375rem;font-weight:600;line-height:1.2}.habit__body{color:var(--on-navy-2);max-width:54ch}.habit__proof{margin-top:var(--s-1);flex-wrap:wrap;gap:6px;display:flex}.habit__link{min-height:32px;font-size:var(--t-sm);transition:background-color var(--d-1) linear, border-color var(--d-1) linear, color var(--d-1) linear;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:560;display:inline-flex}.habit__link svg{width:14px;height:14px;transition:translate var(--d-2) var(--ease-out)}.habit__link:hover{color:var(--navy);background:#fff;border-color:#fff}.habit__link:hover svg{translate:2px}@media (max-width:1023px){.about__who,.about__how{grid-column:1/-1}}@media (max-width:599px){.about__facts{grid-template-columns:1fr}}.story{padding-top:var(--section)}.story__head{padding-top:var(--s-3);border-top:1px solid var(--fg);margin-bottom:clamp(40px,5vw,72px)}.story__title{font-size:var(--t-h2);letter-spacing:-.03em;font-weight:620;line-height:1.05}.tl{gap:clamp(8px,1vw,16px);display:grid;position:relative}.tl:before,.tl:after{content:"";background:var(--line-2);width:1px;position:absolute;top:0;bottom:0;left:50%}.tl:after{background:var(--fg);transform-origin:top;width:2px;scale:1 var(--fill,1);margin-left:-.5px}.js-motion .tl{--fill:0}.tl__item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(64px,9vw,144px);display:grid;position:relative}.tl__when{left:50%;top:calc(var(--s-4) - 3px);z-index:1;background:var(--fg);color:var(--bg);font-size:var(--t-xs);white-space:nowrap;box-shadow:0 0 0 6px var(--bg);transition:background-color .5s var(--ease-out), color .5s var(--ease-out), box-shadow .5s var(--ease-out);border-radius:999px;padding:5px 12px;font-weight:560;position:absolute;translate:-50%}.js-motion .tl__item:not([data-on]) .tl__when{background:var(--bg);color:var(--fg-3);box-shadow:0 0 0 6px var(--bg), inset 0 0 0 1px var(--line-2)}@media (min-width:900px){.tl__item+.tl__item{margin-top:clamp(-120px,-7vw,-64px)}}.tl__text{gap:var(--s-2);max-width:46ch;padding:var(--s-4) clamp(20px, 2.4vw, 32px);transition:background-color var(--d-2) linear;border-radius:12px;grid-column:2;display:grid}.tl__text:hover{background:var(--bg-2)}.tl__item--flip .tl__text{text-align:right;grid-column:1;justify-self:end}@media (prefers-reduced-motion:no-preference){.tl__text{transition:background-color var(--d-2) linear, opacity 1.1s var(--ease-out), translate 1.4s var(--ease-out)}.js-motion .tl__item:not(.is-in) .tl__text{opacity:0;translate:48px}.js-motion .tl__item--flip:not(.is-in) .tl__text{translate:-48px}}.tl__item--flip .tl__links{justify-content:flex-end}.tl__kind{font-size:var(--t-sm);color:var(--fg-3)}.tl__title{letter-spacing:-.025em;font-size:clamp(1.375rem,1.1rem + .8vw,1.875rem);font-weight:620;line-height:1.15}.tl__body{color:var(--fg-2)}.tl__links{margin-top:var(--s-1);font-size:var(--t-sm);flex-wrap:wrap;gap:4px 18px;font-weight:560;display:flex}@media (max-width:899px){.tl{gap:var(--s-5)}.tl:before,.tl:after{left:5px}.js-motion .tl__item:not(.is-in) .tl__text,.js-motion .tl__item--flip:not(.is-in) .tl__text{translate:0 24px}.tl__item,.tl__item--flip{row-gap:var(--s-2);grid-template-columns:1fr;padding-left:28px}.tl__when{box-shadow:0 0 0 4px var(--bg);justify-self:start;margin-left:-28px;position:relative;top:auto;left:auto;translate:none}.tl__text,.tl__item--flip .tl__text{text-align:left;grid-column:1;justify-self:start;padding:0}.tl__text:hover{background:0 0}.tl__item--flip .tl__links{justify-content:flex-start}}.tools-sec{padding-top:var(--section)}.tools-sec__head{padding-top:var(--s-3);border-top:1px solid var(--fg);margin-bottom:clamp(28px,3vw,44px)}.stack{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.stack__cell{gap:var(--s-3);background:var(--bg-2);transition:background-color var(--d-2) linear;grid-template-rows:auto 1fr auto;padding:clamp(20px,2.4vw,32px);display:grid}.stack__cell:hover{background:var(--bg)}.stack__title{letter-spacing:-.02em;font-size:1.25rem;font-weight:620}.stack__tools{flex-wrap:wrap;align-content:start;gap:6px;display:flex}.stack__tools li{background:var(--bg);border:1px solid var(--line-2);font-size:var(--t-sm);border-radius:999px;padding:5px 11px;line-height:1.3}.stack__used{padding-top:var(--s-3);border-top:1px solid var(--line);font-size:var(--t-sm);flex-wrap:wrap;gap:4px 12px;display:flex}.stack__used span{color:var(--fg-3)}@media (max-width:1023px){.stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.stack{grid-template-columns:1fr}}}
@layer components{.case-hero{padding-top:calc(var(--header-h) + clamp(32px, 5vw, 80px))}.case-hero__crumbs{font-size:var(--t-sm);color:var(--fg-2);margin-bottom:clamp(24px,3vw,40px)}.case-hero__title{max-width:14ch}.case-hero__row{column-gap:var(--gutter);row-gap:var(--s-5);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin-top:clamp(28px,3vw,48px);display:grid}.case-hero__line{font-size:var(--t-lead);color:var(--fg-2);grid-column:1/8;max-width:46ch;line-height:1.45}.case-meta{border-top:1px solid var(--fg);grid-column:9/-1;font-size:.9688rem}.case-meta div{gap:var(--s-3);border-bottom:1px solid var(--line);grid-template-columns:5.5rem minmax(0,1fr);padding-block:9px;display:grid}.case-meta dt{color:var(--fg-3)}.case-meta dd{font-weight:520}@media (max-width:1023px){.case-hero__line,.case-meta{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){.case-hero__title{animation:line-in var(--d-4) var(--ease-out) both}.case-hero__row,.case-hero__crumbs{animation:fade-in var(--d-4) linear .16s both}.case-stage__panel{animation:stage-in 1.1s var(--ease-out) .2s both}}@keyframes stage-in{0%{opacity:0;clip-path:inset(3% 1.5% 0 1.5% round var(--radius));translate:0 32px}to{clip-path:inset(0 round var(--radius))}}.case-stage{margin-top:clamp(40px,5vw,80px)}.case-stage__panel{border-radius:var(--radius);background:var(--ground);place-items:center;padding:clamp(24px,6vw,96px) clamp(16px,6vw,112px);display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #1111110f}.case-stage__panel .shot{width:100%}.case-stage__panel--phone{padding-block:clamp(32px,5vw,72px)}.case-stage__panel--phone .shot{width:min(100%,340px)}.case-stage__panel--none{padding:0}.case-stage__panel--none .shot__media{border-radius:0}.case-stage__note{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--fg-3)}.case-overview{gap:var(--s-6);padding-top:var(--section);display:grid}.case-pair{column-gap:var(--gutter);row-gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--fg);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.case-pair+.case-pair{border-top-color:var(--line)}.case-pair>.case-pair__h{grid-column:1/4}.case-pair>.case-text{grid-column:4/11}.case-pair__h{font-size:var(--t-sm);font-weight:620}.case-text{max-width:62ch;font-size:clamp(1.125rem,1.05rem + .3vw,1.25rem);line-height:1.55}@media (max-width:1023px){.case-pair>.case-pair__h,.case-pair>.case-text{grid-column:1/-1}}.case-quote{padding-top:var(--section)}.case-quote blockquote{gap:var(--s-4);padding-left:calc((100% - 11 * var(--gutter)) / 12 * 3 + 3 * var(--gutter));display:grid}.case-quote p{max-width:24ch;font-size:var(--t-statement);letter-spacing:-.028em;text-indent:-.42em;font-weight:520;line-height:1.16}.case-quote cite{color:var(--fg-3);font-style:normal}@media (max-width:1023px){.case-quote blockquote{padding-left:0}}.steps{border-top:1px solid var(--line);display:grid}.step{column-gap:var(--gutter);row-gap:var(--s-2);padding-block:var(--s-4);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,3fr) minmax(0,5fr);display:grid}.sec__body.steps{border-top:0}.step:first-child{padding-top:var(--s-1)}.step__title{font-size:var(--t-h3);letter-spacing:-.015em;font-weight:620;line-height:1.3}.step__text{color:var(--fg-2);max-width:60ch}.step__source{margin-top:var(--s-2);color:var(--fg-3);overflow-wrap:anywhere}@media (max-width:699px){.step{grid-template-columns:1fr}}.case-gallery{gap:clamp(32px, 4vw, 64px) var(--gutter);padding-top:var(--section);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.case-gallery__item{grid-column:1/-1;min-width:0}.case-gallery__item--wide{grid-column:2/12}.case-gallery__item--half{grid-column:span 6}.case-gallery__item--tall{grid-column:span 4;padding-inline:clamp(0px,2vw,32px)}.case-gallery__item--tall[data-step]{margin-top:clamp(40px,7vw,120px)}.case-gallery__item--tall .shot__cap{max-width:34ch}@media (max-width:1023px){.case-gallery__item--wide{grid-column:1/-1}.case-gallery__item--tall{grid-column:span 6}.case-gallery__item--tall[data-step]{margin-top:0}}@media (max-width:599px){.case-gallery__item--half,.case-gallery__item--tall{grid-column:1/-1}}.facts{display:grid}.fact{gap:var(--s-1) var(--s-4);padding-block:var(--s-3);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);align-items:baseline;display:grid}.fact:first-child{padding-top:var(--s-1)}.fact__value{letter-spacing:-.02em;font-size:clamp(1.25rem,1.1rem + .5vw,1.625rem);font-weight:620;line-height:1.1}.fact__label{color:var(--fg-2)}.fact__source{color:var(--fg-3);text-align:right;overflow-wrap:anywhere}@media (max-width:599px){.fact{grid-template-columns:1fr}.fact__source{text-align:left}}.case-details{gap:var(--s-5) var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-stack{margin-top:var(--s-2);display:grid}.case-stack li{border-bottom:1px solid var(--line);color:var(--fg-2);padding-block:6px;font-size:.9688rem}.case-notes{gap:var(--s-2);margin-top:var(--s-2);color:var(--fg-2);padding-left:1.1em;font-size:.9688rem;display:grid}.case-links{gap:var(--s-2) var(--s-4);margin-top:var(--s-4);font-weight:560;font-size:var(--t-sm);flex-wrap:wrap;display:flex}@media (max-width:699px){.case-details{grid-template-columns:1fr}}.next{padding-top:var(--section)}.next__link{column-gap:var(--gutter);row-gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--fg);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.next__label{font-size:var(--t-sm);grid-column:1/4;font-weight:620}.next__text{align-content:start;gap:var(--s-2);grid-column:4/10;display:grid}.next__title{letter-spacing:-.038em;align-items:center;gap:.25em;font-size:clamp(2.25rem,1rem + 4.2vw,5rem);font-weight:640;line-height:1;display:inline-flex}.next__title svg{stroke-width:1.4px;width:.62em;height:.62em;transition:translate var(--d-3) var(--ease-out)}.next__link:hover .next__title svg{translate:.12em}.next__kind{color:var(--fg-2)}.next__art{aspect-ratio:4/3;border-radius:var(--radius);background:var(--ground);grid-column:10/-1;place-items:end center;padding:12% 10% 0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1111110f}.next__art img{width:100%;transition:translate var(--d-4) var(--ease-out);border-radius:6px 6px 0 0;box-shadow:0 -6px 30px #00000040}.next__art img.is-phone{border:4px solid #111;border-bottom:0;border-radius:18px 18px 0 0;width:44%}.next__link:hover .next__art img{translate:0 -6px}@media (max-width:1023px){.next__label{grid-column:1/-1}.next__text{grid-column:1/8}.next__art{grid-column:8/-1}}@media (max-width:599px){.next__text,.next__art{grid-column:1/-1}}.nf{padding-top:calc(var(--header-h) + clamp(40px, 7vh, 96px))}.nf__grid{column-gap:var(--gutter);row-gap:var(--s-6);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.nf__title{grid-column:1/-1}.nf__code{color:var(--fg-3)}.nf__lead{font-size:var(--t-lead);color:var(--fg-2);grid-column:1/7;max-width:40ch}.nf__list{border-top:1px solid var(--fg);grid-column:1/8}.nf__list a{justify-content:space-between;align-items:baseline;gap:var(--s-3);border-bottom:1px solid var(--line);letter-spacing:-.025em;transition:color var(--d-1) linear;padding-block:12px 10px;font-size:clamp(1.25rem,1rem + .9vw,1.75rem);font-weight:600;display:flex}.nf__list a span{font-size:var(--t-sm);letter-spacing:0;color:var(--fg-3);font-weight:400}.nf__list a:hover{color:var(--accent)}@media (max-width:1023px){.nf__lead,.nf__list{grid-column:1/-1}}.og{grid-template-columns:560px 1fr;gap:40px;width:1200px;height:630px;padding:64px;display:grid;position:relative;overflow:hidden}.og__text{z-index:2;flex-direction:column;justify-content:space-between;display:flex;position:relative}.og__site{color:var(--og-muted);font-size:22px;font-weight:500}.og__title{letter-spacing:-.04em;margin-top:auto;font-size:104px;font-weight:640;line-height:.9}.og__line{color:var(--og-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:28px;font-size:24px;line-height:1.35;display:-webkit-box;overflow:hidden}.og__shot{width:640px;position:absolute;top:70px;bottom:-80px;right:-60px}.og__shot img{object-fit:cover;object-position:left top;border-radius:14px;width:100%;height:100%;box-shadow:0 30px 80px -20px #00000080}.og__shot--phone{width:300px;height:650px;top:60px;bottom:auto;right:90px}.og__shot--phone img{border:10px solid #111;border-radius:36px}.og__fan{perspective:1600px;width:760px;height:420px;position:absolute;top:50%;right:-140px;translate:0 -50%}.og__fan img{width:520px;translate:-50% -50%;transform:rotateY(-22deg) translateX(calc((var(--i) - 2) * 120px)) translateZ(calc(var(--i) * -60px));border-radius:12px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #11111114,0 24px 60px -20px #00000059}.og__world{place-items:center;height:100%;display:grid;container-type:size}}
@layer components{.fw-zone__in{--select:var(--accent);--fw-muted:color-mix(in srgb, var(--ground-ink) 72%, var(--ground));--fw-rule:color-mix(in srgb, var(--ground-ink) 18%, var(--ground))}.fw-muted,.fw-label{color:var(--fw-muted)}.fw-hero{padding-top:calc(var(--header-h) + clamp(40px, 6vw, 96px));padding-bottom:clamp(32px,4vw,56px)}.fw-hero__row{gap:var(--s-5) var(--s-7);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;display:grid}.fw-hero__side{gap:var(--s-3);padding-bottom:.5em;display:grid}.fw-hero__line{font-size:var(--t-lead);letter-spacing:-.01em;line-height:1.4}.fw-note{font-size:var(--t-sm);color:var(--fg-2);max-width:44ch;line-height:1.6}.fw-note .chip{vertical-align:1px;margin-right:6px}@media (max-width:899px){.fw-hero__row{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.fw-hero__title{animation:line-in var(--d-4) var(--ease-out) both}.fw-hero__side,.fw-hero .case-hero__crumbs{animation:fade-in var(--d-4) linear .16s both}.fw-zone__in{animation:stage-in 1.2s var(--ease-out) .24s both}}.fw-zone__in{border-radius:var(--radius);background:var(--ground);color:var(--ground-ink);gap:clamp(32px,4vw,56px);padding:clamp(12px,1.6vw,20px);display:grid}.fw-panel{border-radius:var(--radius);background:color-mix(in srgb, var(--ground-ink) 5%, var(--ground));box-shadow:inset 0 0 0 1px var(--fw-rule);overflow:hidden}.fw-world{flex-direction:column;display:flex}@media (min-width:768px){.fw-world{height:min(80svh,820px)}}.fx-stage{padding:var(--s-4) var(--s-2) var(--s-3);outline:none;flex:none;place-items:center;display:grid;position:relative;container-type:inline-size}.fx-stage:focus-visible{outline:2px solid var(--ground-ink);outline-offset:-4px;border-radius:var(--radius)}@media (min-width:768px){.fx-stage{min-height:0;padding:var(--s-4);flex:auto;container-type:size}}.fx-box{width:100cqw;aspect-ratio:var(--vb-w) / var(--vb-h);touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative}@media (min-width:768px){.fx-box{width:min(100cqw, 100cqh * var(--vb-w) / var(--vb-h))}}.fw-world:has([role=application]) .fx-box{cursor:pointer}.fx-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fx-canvas{opacity:0;width:100%;max-width:none;height:100%;transition:opacity var(--d-2) linear;pointer-events:none;position:absolute;inset:0}.fx-box[data-gl=on] .fx-canvas{opacity:1}.fx-box[data-gl=on] .fx-svg{visibility:hidden;transition:visibility 0s linear var(--d-2)}.fx-e{fill:none;stroke:var(--fw-edge);stroke-opacity:.55;stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.fx-e--pending{stroke-dasharray:4 3;stroke-opacity:.7}.fx-e--wire{stroke-opacity:.45}.fx-b.is-sel .fx-e{stroke:var(--select);stroke-opacity:1;stroke-width:2px}.fx-plate{stroke:color-mix(in srgb, var(--fw-edge) 35%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.fx-plate--grid{stroke:var(--fw-line)}.fx-grid{fill:none;stroke:var(--fw-line-soft);stroke-width:1px;vector-effect:non-scaling-stroke}.fx-win{fill:none;stroke:var(--fw-glow);stroke-linecap:butt}@media (prefers-reduced-motion:no-preference){.fx-b{animation:block-drop var(--d-drop) var(--ease-snap) var(--delay) both, block-fade .14s linear var(--delay) both}.fx-b--plate{animation:block-fade var(--d-2) linear var(--delay) both}.fx-b--still{animation:none}.fx-b--out{pointer-events:none;animation:.46s linear both fx-out}}@media (prefers-reduced-motion:reduce){.fx-b--out{display:none}}@keyframes block-drop{0%{transform:translateY(var(--drop-y,-2.08px))}to{transform:none}}@keyframes block-fade{0%{opacity:0}}@keyframes fx-out{0%{opacity:1;transform:none}25%{opacity:.75;transform:translateY(.076px)}50%{opacity:.5;transform:translateY(.303px)}75%{opacity:.25;transform:translateY(.682px)}to{opacity:0;transform:translateY(1.212px)}}.fw-stamp{padding:var(--s-2) var(--s-3);border-radius:var(--radius-s);background:var(--ground);border:1px solid var(--ground-ink);color:var(--ground-ink);gap:2px;display:grid;position:absolute;top:0;left:0}.fw-stamp__big{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3rem);font-weight:680;line-height:.9}@media (prefers-reduced-motion:no-preference){.fw-stamp{animation:fade-up var(--d-2) var(--ease-out) both}}.fw-tools{gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-5);border-top:1px solid var(--fw-rule);color:var(--ground-ink);display:grid}.fw-btn{justify-content:center;align-items:center;gap:var(--s-2);border:1px solid var(--ground-ink);min-width:48px;min-height:48px;color:var(--ground-ink);transition:background-color var(--d-1) linear, color var(--d-1) linear;border-radius:999px;padding:0 1.1em;font-size:.9375rem;font-weight:560;line-height:1;display:inline-flex}.fw-btn:hover:not(:disabled){background:color-mix(in srgb, var(--ground-ink) 10%, var(--ground))}.fw-btn--primary{background:var(--ground-ink);color:var(--ground)}.fw-btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--ground-ink) 86%, var(--ground))}.fw-btn:disabled{opacity:.38;cursor:not-allowed}.fw-btn--icon{width:48px;padding:0}.fw-btn--icon svg{width:18px;height:18px}.fw-btn kbd{font-family:var(--f-mono);opacity:.72;font-size:.75rem;line-height:1}@media (hover:none){.fw-btn kbd{display:none}}.lm-status{gap:var(--s-3);align-content:start;display:grid}.lm-fill{align-items:center;gap:var(--s-2) var(--s-3);grid-template-columns:auto auto 1fr;display:grid}.lm-fill__v{letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-width:3.2ch;font-size:28px;font-weight:680;line-height:1}.lm-fill__bar{border:1px solid var(--ground-ink);border-radius:999px;max-width:200px;height:8px;overflow:hidden}.lm-fill__bar span{background:var(--ground-ink);transform-origin:0;height:100%;transition:transform var(--d-3) var(--ease-out);display:block}.lm-queue{gap:var(--s-1);flex-wrap:wrap;display:flex}.lm-chip{border:1px solid var(--fw-rule);color:var(--ground-ink);border-radius:999px;gap:6px;padding:3px 9px;display:inline-flex}.lm-chip__size{color:var(--fw-muted)}.lm-chip--current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.lm-chip--placed{background:var(--ground-ink);border-color:var(--ground-ink);color:var(--ground)}.lm-chip--placed .lm-chip__size{color:color-mix(in srgb, var(--ground) 75%, var(--ground-ink))}.lm-chip--skipped{border-style:dashed;border-color:var(--ground-ink);text-decoration:line-through}.lm-controls{gap:var(--s-2);grid-template-columns:auto 1fr;grid-template-areas:"hint hint""pad rotate""pad drop";display:grid}.lm-hint{color:var(--fw-muted);grid-area:hint;min-height:16px}.lm-pad{gap:var(--s-1);grid-area:pad;grid-template-columns:repeat(2,48px);display:grid}.lm-controls>.fw-btn:not(.fw-btn--primary){grid-area:rotate}.lm-controls>.fw-btn--primary{grid-area:drop}.lm-result{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.lm-result__line{gap:2px;display:grid}.lm-howto{font-size:var(--t-sm);opacity:.85;grid-column:1/-1;max-width:46ch;line-height:1.4}.lm-howto kbd{font-family:var(--f-mono);border:1px solid;border-radius:4px;padding:1px 6px;font-size:11px}@media (min-width:768px){.lm-controls{grid-template-columns:auto auto auto;grid-template-areas:"hint hint hint""pad rotate drop";justify-content:start;align-items:center}.lm-pad{grid-template-columns:repeat(4,44px)}.lm-pad .fw-btn--icon{width:44px;min-width:44px;min-height:44px}}@media (min-width:1024px){.fw-tools--lm{align-items:end;column-gap:var(--s-5);grid-template-columns:minmax(0,1fr) auto}.lm-hint{text-align:right}}.sk-field{gap:var(--s-1);display:grid}.sk-input{width:100%;min-height:2lh;padding:var(--s-1) 0;resize:none;field-sizing:content;white-space:pre-wrap;color:var(--ground-ink);caret-color:var(--accent);border:0;border-bottom:2px solid var(--ground-ink);font-size:var(--t-lead);background:0 0;border-radius:0;font-weight:500;line-height:1.2;overflow:hidden}.sk-input::selection{background:var(--ground-ink);color:var(--ground)}.sk-input:focus-visible{outline:2px solid var(--ground-ink);outline-offset:6px}.sk-meta{justify-content:space-between;gap:var(--s-3);color:var(--fw-muted);display:flex}.sk-count{font-variant-numeric:tabular-nums;white-space:nowrap}.cr-day{gap:var(--s-3);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.cr-day__label{gap:2px;min-width:56px;display:grid}.cr-day__v{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:680;line-height:.9}.cr-range{--thumb:28px;gap:var(--s-1);display:grid}.cr-range input{appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:0}.cr-range input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ground-ink) calc(var(--p) * 100%), var(--fw-rule) 0);height:2px}.cr-range input::-moz-range-track{background:var(--fw-rule);height:2px}.cr-range input::-moz-range-progress{background:var(--ground-ink);height:2px}.cr-range input::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc(var(--thumb) / -2 + 1px);background:var(--ground);border:2px solid var(--ground-ink);border-radius:50%}.cr-range input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--ground);border:2px solid var(--ground-ink);box-sizing:border-box;border-radius:50%}.cr-range input:focus-visible{outline:none}.cr-range input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ground-ink);outline-offset:3px}.cr-range input:focus-visible::-moz-range-thumb{outline:2px solid var(--ground-ink);outline-offset:3px}.cr-ticks{padding-inline:calc(var(--thumb) / 2 - .5ch);color:var(--fw-muted);justify-content:space-between;display:flex}.cr-ticks li{text-align:center;width:1ch;position:relative}.cr-ticks .is-delivery{color:var(--ground-ink)}.cr-ticks .is-delivery:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-6px;left:50%;translate:-50%}.cr-read{gap:var(--s-2);align-content:start;display:grid}.cr-flag{color:var(--ground-ink)}.cr-flag .fw-label{margin-right:var(--s-1)}.cr-pick{min-height:16px}.cr-legend{gap:var(--s-1) var(--s-3);color:var(--fw-muted);flex-wrap:wrap;display:flex}.cr-legend li{align-items:center;gap:6px;display:inline-flex}.cr-legend i{border:1px solid color-mix(in srgb, var(--ground-ink) 45%, transparent);border-radius:2px;width:12px;height:10px}.cr-legend .cr-legend__delivery{background:var(--accent);border:0;border-radius:50%;width:5px;height:5px}@media (min-width:768px){.fw-tools--cr{column-gap:var(--s-5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}.fw-data{column-gap:var(--gutter);row-gap:var(--s-4);grid-template-columns:repeat(12,minmax(0,1fr));padding:0 clamp(8px,2vw,28px) clamp(16px,2.4vw,32px);display:grid}.fw-data__text{gap:var(--s-3);grid-column:1/span 4;align-content:start;display:grid}.fw-data__text p{max-width:40ch;color:var(--fw-muted)}.fw-data__file{grid-column:6/-1;min-width:0}@media (max-width:1023px){.fw-data__text,.fw-data__file{grid-column:1/-1}}.fj{background:color-mix(in srgb, var(--ground-ink) 5%, var(--ground));color:var(--ground-ink);border:1px solid var(--fw-rule);border-radius:var(--radius);min-width:0;overflow:hidden}.fj__bar{justify-content:space-between;gap:2px var(--s-3);padding:10px var(--s-3);border-bottom:1px solid var(--fw-rule);font-size:var(--t-xs);flex-wrap:wrap;font-weight:500;display:flex}.fj__live{color:var(--fw-muted);white-space:nowrap}.fj__live:before{content:"";vertical-align:1px;background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.fj__code{padding:var(--s-3);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;max-width:100%;font-family:var(--f-mono);margin:0;font-size:12.5px;line-height:1.6}.fj__code:focus-visible{outline:2px solid var(--ground-ink);outline-offset:-3px}.fj-k{color:var(--fw-muted)}.fj-mark{background:color-mix(in srgb, var(--accent) 34%, transparent);box-shadow:0 0 0 1px var(--ground-ink)}.fj-mark .fj-k{color:var(--ground-ink)}.fj-more{color:var(--fw-muted)}.fw-copy{gap:var(--s-6);padding-top:var(--section);display:grid}.fw-preview{width:min(100cqw, 100cqh * var(--vb-w) / var(--vb-h));aspect-ratio:var(--vb-w) / var(--vb-h);display:block;position:relative}.next__art.fw-next__art{place-items:center;padding:6%;container-type:size}}@keyframes fade-up{0%{opacity:0;translate:0 8px}}