@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/7a79a8532ddacb0c-s.34f9nwclrjpmo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/ded494f396ddea9f-s.p.1_j-vbs-91rji.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk Fallback;src:local(Arial);ascent-override:93.46%;descent-override:24.67%;line-gap-override:0.0%;size-adjust:104.49%}.eWcZYW_className{font-family:Schibsted Grotesk,Schibsted Grotesk Fallback;font-style:normal}.eWcZYW_variable{--font-sans:"Schibsted Grotesk", "Schibsted Grotesk Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/258bd0ab5fdd762a-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/99a2019bdfa8519b-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/44e0cb21b0d052b7-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/f9cd5a77d065db98-s.40kcwrf1wub16.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/954d21e04331b2ae-s.200l3jur7oygh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/53897e768d329f66-s.p.269kn9uafm0ti.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.HOBsuq_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.HOBsuq_variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
*,:before,:after{box-sizing:border-box}:root{--paper:#f2f6f9;--surface:#fff;--ink:#0c2338;--ink-soft:#2f4659;--muted:#5a6e80;--line:#d5e0e8;--brand:#1394d0;--brand-ink:#0a6a99;--brand-wash:#e3f1f9;--pink:#c2336b;--warn:#c77700;--osu-bg:#2a2226;--osu-pink:#ff66ab;--shell:1200px;--gutter:clamp(16px, 4vw, 48px);--ease:cubic-bezier(.22, .61, .36, 1)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:clip}h1,h2,h3,p,ol,ul,figure,pre{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}::selection{background:var(--brand);color:#fff}:focus-visible{outline:2px solid var(--brand-ink);outline-offset:3px;border-radius:4px}.shell{width:min(100%, var(--shell));padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:10px 16px;font-weight:600;position:absolute;top:-80px;left:16px}.skip-link:focus{top:16px}.tk-tag{font-family:var(--font-mono), ui-monospace, monospace;white-space:nowrap;font-weight:500}.tk-punct{color:var(--muted)}.tk-name{color:var(--brand-ink)}.tk-value{color:var(--pink)}.tk-warn{-webkit-text-decoration:underline wavy var(--warn);text-decoration:underline wavy var(--warn);text-underline-offset:4px;text-decoration-thickness:1.5px}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4)blur(14px);background:#f2f6f9db;position:sticky;top:0}.header-inner{align-items:center;gap:32px;height:68px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.125rem;font-weight:800;display:inline-flex}.brand-mark{width:30px;height:30px}.site-nav{color:var(--ink-soft);gap:28px;margin-left:auto;font-weight:500;display:flex}.site-nav a:hover{color:var(--brand-ink)}.header-actions{align-items:center;gap:14px;display:flex}.lang-switch{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px;display:flex}.lang{color:var(--muted);border-radius:999px;padding:3px 10px;font-size:.8125rem;font-weight:600}.lang[aria-current=page]{background:var(--ink);color:#fff}.icon-link{width:36px;height:36px;color:var(--ink-soft);border-radius:999px;place-items:center;display:grid}.icon-link:hover{background:var(--brand-wash);color:var(--brand-ink)}.hero{padding-block:clamp(56px,9vw,120px) clamp(72px,10vw,136px);position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.5rem,6vw,5rem);line-height:1.04}.bb{letter-spacing:0;font-size:clamp(.875rem,1.3vw,1.0625rem);line-height:1.4}.bb-open{margin-bottom:.9rem;display:block}.bb-close{vertical-align:.6em;margin-left:.5rem;display:inline-block}.bb .tk-tag{border-radius:4px;padding:1px 2px}.hero-title-text{animation:apply-bold .9s var(--ease) .35s both;font-weight:800}.bb-open .tk-tag:nth-child(2),.bb-close .tk-tag:first-child{animation:tag-flash 1.4s var(--ease) .25s both}@keyframes apply-bold{0%{color:var(--muted);font-weight:400}}@keyframes tag-flash{0%,to{background:0 0}35%{background:var(--brand-wash)}}.hero-lede{max-width:36em;color:var(--ink-soft);margin-top:clamp(24px,3vw,36px);font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:36px;display:flex}.btn{transition:background-color .16s var(--ease), color .16s var(--ease);align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn-primary{background:var(--ink);color:#fff;border-radius:999px;padding:14px 26px}.btn-primary:hover{background:var(--brand-ink)}.btn-quiet{color:var(--brand-ink);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px}.btn-quiet:hover{color:var(--ink)}.hero-visual{justify-self:end;width:min(100%,520px)}.hero-mark{width:100%;height:auto;transform:translate(clamp(0px,6vw,96px))}.section{padding-block:clamp(72px,10vw,128px)}.section-head{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:end;gap:16px 48px;margin-bottom:clamp(32px,5vw,56px);display:grid}.section-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2rem,4.2vw,3.25rem);font-weight:800;line-height:1.08}.section-intro{max-width:34em;color:var(--ink-soft);font-size:1.1875rem}.work{background:var(--surface);border-block:1px solid var(--line)}.projects>li{border-top:1px solid var(--line);grid-template-columns:64px minmax(0,.8fr) minmax(0,1.3fr);gap:20px clamp(20px,3vw,40px);padding-block:clamp(32px,4vw,48px);display:grid}.project-glyph{background:var(--paper);width:64px;height:64px;color:var(--ink);border-radius:18px;place-items:center;display:grid}.project-glyph img,.project-glyph svg{width:40px;height:40px}.glyph-type{letter-spacing:-.04em;color:var(--brand-ink);font-size:1.5rem;font-weight:800}.project--rempalago .project-glyph img{width:48px;height:48px}.project--kasumi .project-glyph{background:#fbe9f1}.project--kasumi .glyph-type{color:var(--pink)}.project-head h3{letter-spacing:-.025em;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;line-height:1.15}.project-kind{color:var(--muted);margin-top:6px}.project-body>p{max-width:38em;color:var(--ink-soft)}.project-facts{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.project-facts li{background:var(--brand-wash);color:var(--brand-ink);border-radius:999px;padding:4px 12px;font-size:.875rem;font-weight:600}.project-link{color:var(--brand-ink);text-underline-offset:5px;align-items:center;gap:6px;margin-top:20px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;display:inline-flex}.project-link:hover{color:var(--ink)}.sample{border:1px solid var(--line);border-radius:16px;grid-column:2/-1;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin-top:12px;display:grid;overflow:hidden}.sample-pane{flex-direction:column;min-width:0;display:flex}.sample-label{color:var(--muted);border-bottom:1px solid var(--line);padding:10px 18px;font-size:.8125rem;font-weight:600}.sample-source{background:var(--paper)}.sample-source pre{font-family:var(--font-mono), ui-monospace, monospace;color:var(--ink);counter-reset:line;flex:1;padding:18px 18px 18px 0;font-size:.875rem;line-height:1.8;overflow-x:auto}.sample-line{display:block}.sample-line:before{counter-increment:line;content:counter(line);text-align:right;color:#9aabb9;-webkit-user-select:none;user-select:none;width:3em;padding-right:1em;display:inline-block}.sample-diagnostic{border-top:1px solid var(--line);color:#7a4a00;background:#fff4e0;padding:10px 18px;font-size:.875rem}.sample-preview{background:var(--osu-bg);color:#fff}.sample-preview .sample-label{color:#ffffff9e;border-color:#ffffff1a}.sample-render{text-align:center;flex:1;place-content:center;gap:4px;padding:32px 20px;display:grid}.sample-render strong{font-size:1.5em;font-weight:700}.sample-render span{color:var(--osu-pink)}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.studio-owner{max-width:30em;color:var(--ink);margin-top:24px;font-size:1.1875rem;font-weight:600}.studio-owner a,.footer-tagline a{color:var(--brand-ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.studio-owner a:hover,.footer-tagline a:hover{color:var(--ink)}.studio-body{max-width:30em;color:var(--ink-soft);margin-top:12px;font-size:1.1875rem}.principles li{border-top:1px solid var(--line);padding-block:24px}.principles li:last-child{border-bottom:1px solid var(--line)}.principles h3{letter-spacing:-.015em;font-size:1.3125rem;font-weight:700}.principles p{color:var(--ink-soft);margin-top:6px}.site-footer{border-top:1px solid var(--line);padding-block:40px}.footer-inner{grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid}.footer-brand{align-items:center;gap:12px;display:flex}.footer-mark{width:24px;height:24px}.footer-name{letter-spacing:-.02em;font-weight:800}.footer-tagline,.footer-rights{color:var(--muted);font-size:.9375rem}.footer-links{color:var(--ink-soft);gap:24px;font-weight:500;display:flex}.footer-links a:hover{color:var(--brand-ink)}.footer-rights{grid-column:1/-1}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1;justify-self:start;width:88px}.hero-mark{transform:none}.section-head,.studio-grid{grid-template-columns:1fr}.projects>li{grid-template-columns:56px minmax(0,1fr)}.project-glyph{border-radius:16px;width:56px;height:56px}.project-body{grid-column:1/-1}.sample{grid-column:1/-1;grid-template-columns:1fr}}@media (max-width:640px){.site-nav{display:none}.header-actions{margin-left:auto}.footer-inner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
