@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-web-0.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-web-1.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-web-2.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-web-3.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-web-4.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-web-5.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-web-0.woff2) format("woff2");unicode-range:U+0460-052F,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:400 600;font-display:swap;src:url(/fonts/jetbrains-web-1.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-web-2.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-web-3.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-web-4.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-web-5.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--canvas:#f3f2ee;--surface:#fff;--ink:#202124;--muted:#5e6068;--line:#d4d3ce;--accent:#b83d2b;--accent-ink:#fff;--film:#17181b;--film-ink:#f4f3ef;--ease:cubic-bezier(.16,1,.3,1);--space:96px;--nav-height:88px;color-scheme:light;font-family:Manrope,sans-serif}html[data-theme=dark]{--canvas:#17181b;--surface:#222328;--ink:#f4f3ef;--muted:#b0b1b8;--line:#3c3d44;--accent:#ef725e;--accent-ink:#17181b;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--canvas);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.1;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(44px,5.8vw,88px);max-width:16ch}h2{font-size:clamp(32px,3.3vw,50px);max-width:21ch}h3{font-size:clamp(25px,2.4vw,36px)}p{max-width:68ch}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:default;opacity:.45}a:hover{text-decoration:underline}img{display:block;max-width:100%;height:auto}video{display:block;width:100%}ul{margin:0;padding-left:22px}li+li{margin-top:14px}.container{width:min(1320px,calc(100% - 96px));margin-inline:auto}.section{padding-block:var(--space)}.compact{padding-top:16px}.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:var(--muted);max-width:58ch}.mono{font-family:JetBrains Mono,monospace;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1.6}.note,.source-note{font-size:13px;color:var(--muted);line-height:1.65;margin-top:20px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:600;min-height:44px}.text-link svg{flex-shrink:0;transition:transform .25s var(--ease)}.text-link:hover svg{transform:translate(4px)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:54px;padding:14px 24px;background:var(--accent);color:var(--accent-ink);border-radius:8px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.btn:hover{text-decoration:none;filter:brightness(.94)}.btn:active{transform:scale(.98)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-ink)}input,textarea{caret-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--muted) var(--canvas)}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:16px;z-index:100;background:var(--accent);color:var(--accent-ink);padding:10px 18px;transform:translateY(-150%)}.skip:focus{transform:none}.topnav{height:88px;border-bottom:1px solid var(--line);background:var(--canvas);position:relative;z-index:30}.nav-inner{width:min(1440px,calc(100% - 96px));height:100%;margin:auto;display:flex;align-items:center;gap:44px}.signature{font-size:35px;font-weight:800;letter-spacing:-.04em;line-height:1}.signature span{color:var(--accent)}.signature:hover{text-decoration:none}.topnav nav{display:flex;gap:26px;margin-inline:auto}.topnav nav a{font-size:13px;white-space:nowrap}.topnav nav a[aria-current]{color:var(--accent)}.nav-tools{display:flex;align-items:center;gap:8px}.nav-tools button{min-width:44px;min-height:44px;border-radius:6px;font-size:12px;font-weight:600;display:grid;place-items:center}.nav-tools button:hover{background:var(--surface)}#menu-toggle{display:none}.home-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:end;padding-block:72px 64px}.hero-summary{padding-bottom:8px}.hero-summary .author-line{margin-top:0}.hero-copy h1{font-size:clamp(42px,4.1vw,64px);line-height:1.07;max-width:none}.hero-second{color:var(--muted);margin-top:4px}.hero-copy>.lead{margin-top:25px;font-size:17px;max-width:43ch}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:30px;flex-wrap:wrap}.author-line{display:flex;align-items:center;gap:13px;margin-top:40px;font-size:12px;color:var(--muted);line-height:1.5}.author-line img{width:45px;height:45px;object-fit:cover;border-radius:50%}.hero-media-note{font-size:12px;display:flex;flex-direction:column;gap:4px;padding-top:24px;color:var(--muted)}.film{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:0;background:var(--film);color:var(--film-ink);border:1px solid var(--dark-line,#3c3d44);border-radius:16px;overflow:hidden;isolation:isolate;container-type:inline-size}.film-stage{position:relative;grid-column:1/-1;aspect-ratio:16/9;min-height:0;overflow:hidden;background:var(--film)}.film-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--film)}.film-controls{display:flex;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid #3c3d44}.film-controls button{background:var(--film);border:1px solid #85858d;color:var(--film-ink);min-height:44px;min-width:64px;border-radius:5px;padding:6px 12px;font-size:12px}.film-controls button:hover{background:#33343d}.film-duration{font:12px JetBrains Mono,monospace;padding:0 8px;color:var(--film-ink)}.film figcaption{display:flex;align-items:center;justify-content:end;padding:12px 20px 12px 8px;border-top:1px solid #3c3d44;font-size:12px;line-height:1.5;color:#d1d1d6;text-align:right;min-width:0}.media-error{grid-column:1/-1;padding:12px 16px;border-top:1px solid #3c3d44;font-size:12px;max-width:none}.wide-film{margin:44px auto 0;max-width:1120px}.hero-screen{background:var(--film)}.film-cinema{height:calc(100svh - var(--nav-height));min-height:420px;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;container-type:normal}.film-cinema .film-stage{aspect-ratio:auto}.film-cinema .film-controls{padding-inline:48px 16px}.film-cinema figcaption{justify-content:start;text-align:left}.film-next{display:inline-flex;align-items:center;justify-content:end;gap:16px;min-height:68px;padding:12px 48px 12px 24px;font-size:12px;border-top:1px solid #3c3d44}.film-next svg{width:20px;flex-shrink:0}.film-cinema .media-error{position:absolute;left:0;right:0;bottom:68px;background:var(--film);z-index:4}@container (max-width:620px){.film:not(.film-cinema) .film-controls{grid-column:1/-1}.film:not(.film-cinema) figcaption{grid-column:1/-1;justify-content:start;text-align:left;padding:0 16px 16px;border-top:0}}.live-products{padding-block:26px 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.live-products>p{font-size:12px;color:var(--muted);margin-bottom:22px}.live-products>div{display:flex;justify-content:space-between;align-items:center;gap:25px}.live-products a{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.live-logo{width:36px;height:36px;object-fit:contain}.live-products a svg{width:15px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-heading>.text-link{white-space:nowrap}.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.journey-layout .film{position:sticky;top:32px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:116px;top:8px;bottom:36px;width:1px;background:var(--line)}.timeline-row{display:grid;grid-template-columns:110px 1fr;gap:30px;padding-bottom:34px;position:relative}.timeline-row:before{content:"";position:absolute;left:112px;top:7px;width:9px;height:9px;border:1px solid var(--accent);border-radius:50%;background:var(--canvas)}.timeline-row .mono{padding-top:3px;color:var(--accent)}.timeline-row :is(h2,h3){font-size:23px;line-height:1.2;letter-spacing:-.025em}.timeline-row div>p{font-size:14px;color:var(--muted);margin-top:12px}.work-list{display:flex;flex-direction:column;gap:72px}.work{display:grid;grid-template-columns:1.4fr 1fr;gap:52px;align-items:center}.work:nth-child(2n){grid-template-columns:1fr 1.4fr}.work:nth-child(2n) .work-visual{order:2}.work-visual{position:relative;overflow:hidden;border-radius:16px;background:#e7e6e2;aspect-ratio:1.55;display:flex;align-items:center;justify-content:center}.work-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.work-visual:hover>img{transform:scale(1.025)}.work-staya .work-visual{background:#c9ced1}.work-staya .work-visual>img{height:92%;width:auto;object-fit:contain;transform:rotate(-6deg);box-shadow:12px 22px 45px #1112;border-radius:10px}.work-staya .work-visual:hover>img{transform:rotate(-3deg) translateY(-4px)}.work-ritm .work-visual{background:#dbd8ee}.work-ritm .work-visual>img{height:92%;width:auto;object-fit:contain;transform:rotate(5deg);border-radius:8px}.work-osk .work-visual{background:#23252a}.work-view{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:20px;font-size:12px;background:#f3f2eefa;color:#202124;padding:8px 13px;border-radius:6px}.work-copy>:is(h2,h3){font-size:38px;margin:19px 0 18px}.work-copy>p:not(.mono){font-size:16px;color:var(--muted);margin-bottom:22px}.work-copy .mono{color:var(--muted);margin-bottom:20px}.project-brand{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.logo{width:38px;height:38px;object-fit:contain}.status{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.status:before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%}.engineering{background:var(--surface)}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.split .lead{margin-top:20px}.split .text-link{margin-top:22px}.system-flow{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.system-flow>div{padding:25px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);position:relative;min-height:128px}.system-flow :is(h2,h3){font-size:18px;letter-spacing:-.02em}.system-flow p{font:12px JetBrains Mono,monospace;margin-top:16px;color:var(--muted)}.system-flow>div:after{content:"";position:absolute;top:0;left:25px;height:2px;width:32px;background:var(--accent)}.stories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:44px}.story{min-width:0}.story-image{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:12px;background:var(--surface)}.story-image>img{height:100%;width:100%;object-fit:cover;transition:transform .6s var(--ease)}.story-image:hover img{transform:scale(1.035)}.story-platform{position:absolute;bottom:12px;left:12px;color:#fff;background:#17181be6;font-size:12px;padding:5px 9px;border-radius:4px}.story-copy :is(h2,h3){font-size:20px;line-height:1.25;margin-top:20px;letter-spacing:-.02em}.story-copy>p:not(.source-note){font-size:13px;color:var(--muted);margin-top:10px;min-height:44px}.metric{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:12px;margin-top:18px}.metric strong{font-size:22px;color:var(--accent);font-weight:500}.metric-label{color:var(--muted)}.source{display:block;font-size:12px;color:var(--muted);margin-top:8px;text-decoration:underline;text-decoration-color:var(--line)}.source-note{font-size:12px;margin-top:8px}.osk-close{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.osk-close .film{align-self:center}.osk-close h2{margin-top:16px}.osk-close .lead,.osk-close .text-link{margin-top:22px}.osk-mark{width:120px;height:90px;object-fit:contain}.page-intro,.case-intro{padding-block:76px 54px}.page-intro .lead,.case-intro .lead{margin-top:28px}.page-intro h1{max-width:17ch}.case-intro h1{max-width:18ch;margin-top:25px}.back-link{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:32px;text-decoration:underline}.case-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:24px;align-items:center}.case-screen{border-radius:16px;overflow:hidden;background:#d7d8da;padding:36px 40px}.case-screen>img{max-height:620px;object-fit:contain;margin:auto;width:100%}.case-screen-staya,.case-screen-ritm{background:#c9ced1}.case-screen-staya>img,.case-screen-ritm>img{max-height:700px;width:auto;border-radius:12px}.case-screen>.source-note{color:#44474c;text-align:center;margin-inline:auto;font-size:12px;margin-top:18px}.case-details{display:grid;grid-template-columns:1fr;gap:0}.case-details article{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;padding-block:42px;border-top:1px solid var(--line)}.case-details h2{font-size:29px}.case-details .lead{font-size:18px}.tags{display:flex;gap:8px;flex-wrap:wrap;grid-column:2;margin-top:-25px}.tags>span{font-size:12px;border:1px solid var(--line);padding:6px 10px;border-radius:5px;color:var(--muted)}.phone-pair{display:flex;gap:40px;justify-content:center;padding-top:70px}.phone-pair>img{height:520px;width:240px;max-width:calc(50% - 20px);object-fit:contain;border-radius:12px}.detail-image{max-height:700px;object-fit:contain;margin:auto}.roadmap{padding-top:65px}.next-project{border-top:1px solid var(--line)}.next-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(24px,3.5vw,50px);line-height:1.15;letter-spacing:-.03em}.next-link svg{width:40px;height:40px;flex-shrink:0}.media-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:42px}.media-toolbar>div{display:flex;gap:6px}.media-toolbar button{font-size:12px;border:1px solid var(--line);border-radius:5px;min-height:44px;padding:8px 16px}.media-toolbar button[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.media-toolbar label{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}select{color:var(--ink);background:var(--surface);border:1px solid var(--line);min-height:44px;border-radius:5px;padding:8px 12px;font-size:12px;max-width:100%}.source-videos{display:grid;grid-template-columns:1fr 1fr;gap:24px}.source-videos video{aspect-ratio:9/16;background:var(--film);border-radius:12px}.source-videos figcaption{font-size:13px;margin-top:10px}.resume-layout{display:grid;grid-template-columns:260px 1fr;gap:100px;padding-bottom:90px}.resume-layout aside{display:flex;flex-direction:column;align-items:start;gap:20px}.resume-portrait{aspect-ratio:1;object-fit:cover;border-radius:12px}.resume-layout h2{font-size:28px;margin-bottom:25px}.resume-layout .tags{margin:0 0 48px}.resume-layout .text-link{margin-top:22px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-bottom:100px}.contact-info{display:flex;align-items:start;flex-direction:column;gap:24px}.contact-email{font-size:clamp(21px,2.4vw,34px);font-weight:600;line-height:1.5;word-break:break-word}.field{display:flex;flex-direction:column;margin-bottom:22px;gap:7px}.field label{font-size:13px}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:12px 14px;min-height:48px;font-size:16px}.field textarea{resize:vertical}.field input::placeholder{color:var(--muted)}.field [aria-invalid=true]{border-color:var(--accent)}.field-error{color:var(--accent);font-size:12px}.field-error:empty{display:none}#form-status{font-size:13px;margin-top:15px}footer{border-top:1px solid var(--line);padding:74px max(48px,calc((100% - 1320px)/2)) 24px;background:var(--surface)}.footer-main{display:grid;grid-template-columns:1.5fr 1fr;gap:64px}.footer-main h2{font-size:clamp(31px,4vw,56px);max-width:20ch}.footer-main .btn{margin-top:30px}.footer-links{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:70px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:12px}.system-guide .split{padding-block:42px;border-top:1px solid var(--line)}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.swatches span{padding:32px 16px;border-radius:12px;font:12px/2 JetBrains Mono,monospace}.type-sample{font-size:54px;letter-spacing:-.03em}.system-guide .film{margin-top:25px}@media(min-width:1600px){.home-hero{padding-block:80px}.hero-copy h1{font-size:68px}}@media(max-width:1100px){.container,.nav-inner{width:calc(100% - 64px)}.topnav nav{gap:17px}.nav-inner{gap:24px}.home-hero{gap:32px}.hero-copy h1{font-size:46px}.hero-copy>.lead{font-size:16px}.hero-actions{gap:12px}.hero-actions .text-link{font-size:12px}.journey-layout,.split{gap:40px}.work{gap:35px}.work-copy>:is(h2,h3){font-size:32px}.stories{grid-template-columns:1fr 1fr;gap:38px 24px}.story-image{aspect-ratio:2/3}.resume-layout{gap:60px}.contact-layout{gap:45px}.live-products a{font-size:12px}.live-products a svg{display:none}.live-logo{width:28px;height:28px}footer{padding-inline:32px}.film figcaption{font-size:12px}.hero-media-note{flex-direction:column;gap:4px}.timeline-row{grid-template-columns:85px 1fr;gap:23px}.timeline:before{left:91px}.timeline-row:before{left:87px}.timeline-row :is(h2,h3){font-size:21px}}@media(max-width:800px){:root{--space:72px;--nav-height:72px}.container,.nav-inner{width:calc(100% - 40px)}.topnav{height:72px}.topnav nav{display:none;position:absolute;top:71px;left:0;width:100%;background:var(--canvas);padding:24px 20px;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.topnav nav.is-open{display:flex}.topnav nav a{font-size:20px;min-height:38px}.nav-tools{margin-left:auto}#menu-toggle{display:block;padding-inline:10px}.home-hero{grid-template-columns:1fr;gap:36px;padding-top:48px;padding-bottom:40px}.hero-copy h1{font-size:clamp(40px,7.5vw,58px)}.hero-copy>.lead{max-width:55ch;margin-top:21px}.hero-actions{margin-top:23px;gap:22px}.author-line{display:none}.film:not(.film-cinema){width:100%;max-width:min(100%,max(280px,calc((100svh - 200px)*.75)));margin-inline:auto}.film-stage{aspect-ratio:3/4}.film-cinema .film-stage{aspect-ratio:auto}.film-cinema .film-controls{padding-left:20px}.film-cinema figcaption{display:none}.film-next{padding-right:20px;padding-left:12px}.film-cinema{grid-template-columns:auto minmax(0,1fr)}.hero-media-note{flex-direction:column}.hero-summary{display:none}.live-products>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.live-products a{font-size:13px}.live-products a svg{display:block;margin-left:auto}.live-products>p{margin-bottom:20px}.section-heading{gap:24px;align-items:start}.section-heading h2{font-size:36px}.section-heading>.text-link{font-size:12px}.journey-layout{grid-template-columns:1fr;gap:28px}.journey-layout .film{position:relative;top:0}.timeline-row{grid-template-columns:92px 1fr;gap:25px}.timeline:before{left:98px}.timeline-row:before{left:94px}.timeline-row :is(h2,h3){font-size:24px}.work,.work:nth-child(2n){grid-template-columns:1fr;gap:25px}.work:nth-child(2n) .work-visual{order:0}.work-list{gap:56px}.work-copy>:is(h2,h3){font-size:34px;margin-top:12px;margin-bottom:14px}.work-copy>p:not(.mono){max-width:60ch;margin-bottom:14px}.work-copy .mono{margin-bottom:12px}.work-visual{aspect-ratio:1.65}.split{grid-template-columns:1fr;gap:28px}.system-flow>div{padding:23px;min-height:115px}.wide-film{margin-top:32px}.osk-close{grid-template-columns:1fr;gap:34px}.osk-close .film{width:100%}.page-intro,.case-intro{padding-top:48px;padding-bottom:40px}.page-intro h1,.case-intro h1{font-size:clamp(40px,7.5vw,60px)}.case-details article{grid-template-columns:1fr;gap:20px;padding-block:32px}.case-details h2{font-size:29px}.case-details .lead{font-size:17px}.tags{grid-column:1;margin-top:0}.case-screen{padding:26px}.case-screen>img{max-height:560px}.phone-pair{gap:20px}.phone-pair>img{height:auto;width:calc(50% - 10px)}.resume-layout{grid-template-columns:190px 1fr;gap:36px}.resume-layout .timeline-row{grid-template-columns:1fr;gap:8px}.resume-layout .timeline:before,.resume-layout .timeline-row:before{display:none}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-info{gap:16px}.contact-email{font-size:28px}.footer-main{grid-template-columns:1fr;gap:42px}.footer-main h2{font-size:42px}.footer-links{gap:2px}footer{padding:60px 20px 24px}.footer-bottom{margin-top:38px}.media-toolbar{align-items:start;flex-direction:column;gap:20px}.source-videos{grid-template-columns:1fr 1fr}.story-image{aspect-ratio:2/3}.story-copy>p:not(.source-note){min-height:0}.film:not(.film-cinema) figcaption{display:flex}}@media(max-width:480px){:root{--space:64px}.film-cinema .film-duration{display:none}.film-cinema .film-controls button{min-width:56px;padding-inline:10px}.hero-copy h1{font-size:41px}.hero-actions{gap:18px}.hero-actions .btn{padding-inline:18px;gap:14px;font-size:13px}.hero-actions .text-link{font-size:12px;gap:8px}.hero-media-note{font-size:12px}.section-heading{flex-direction:column;gap:12px}.section-heading h2{font-size:34px}.section-heading .text-link{min-height:30px}.stories{gap:34px 16px}.story-copy :is(h2,h3){font-size:18px}.metric{gap:5px}.metric strong{font-size:18px}.source{font-size:12px}.story-platform{font-size:12px;bottom:8px;left:8px}.system-flow{grid-template-columns:1fr}.system-flow>div{min-height:100px}.case-links{gap:18px}.phone-pair{padding-top:40px}.resume-layout{grid-template-columns:1fr;gap:40px}.resume-layout aside{display:grid;grid-template-columns:100px 1fr;align-items:center}.resume-layout aside .text-link{grid-column:2}.resume-portrait{grid-row:1/3;width:100px}.resume-layout aside .btn{font-size:12px;gap:12px}.source-videos{gap:14px}.source-videos figcaption{font-size:12px}.swatches{grid-template-columns:1fr}.swatches span{padding:18px}.type-sample{font-size:42px}.footer-main h2{font-size:35px}.timeline-row :is(h2,h3){font-size:21px}.timeline-row div>p{font-size:13px}.timeline-row{grid-template-columns:76px 1fr;gap:24px}.timeline:before{left:81px}.timeline-row:before{left:77px}.timeline .mono{font-size:12px}.live-products a{gap:10px;font-size:12px}.live-logo{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.work-visual>img{transform:none!important}}html[data-theme=dark] .live-logo[src$="comforttino.svg"],html[data-theme=dark] .logo[src$="comforttino.svg"]{background:#f3f2ee;border-radius:6px;padding:3px}.film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.film video:not([data-started]),.film video[data-visible=false]{opacity:0}.film-poster img{width:100%;height:100%;object-fit:contain}