@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-800-normal.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-900-normal.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Plex;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}:root{--dawn:#bfd2e3;--morning:#e6ecef;--day:#edf0ef;--afternoon:#f1ebe0;--late:#f0dfc7;--golden:#ecc89f;--ink:#12171e;--body:#313a45;--muted:#56616d;--line:#12171e1f;--line-2:#12171e3d;--acc:#2447c4;--grain:url(/media/noise.png);--display:"Barlow", "Arial Narrow", system-ui, sans-serif;--mono:"Plex", ui-monospace, Consolas, monospace;--gut:clamp(16px, 4vw, 72px);--pad:max(var(--gut), calc((100vw - 1600px) / 2));--head:64px;--ease:cubic-bezier(.2, .7, .1, 1);--shadow:0 2px 6px #12171e14, 0 24px 60px -12px #12171e47;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.5s;animation-timing-function:var(--ease)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--head);background:var(--morning)}body{background:var(--morning);color:var(--body);font:500 18px/1.6 var(--display);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,video,canvas{max-width:100%;display:block}a{color:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3{color:var(--ink)}::selection{background:var(--ink);color:var(--morning)}:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.skip{z-index:100;background:var(--ink);color:var(--morning);font:500 15px var(--mono);padding:10px 14px;text-decoration:none;position:fixed;top:-60px;left:16px}.skip:focus{top:16px}.top{z-index:50;height:var(--head);padding:0 var(--pad);font:700 16px var(--display);color:var(--ink);border-bottom:1px solid #0000;align-items:center;gap:32px;transition:background-color .3s,border-color .3s,color .3s;display:flex;position:fixed;top:0;left:0;right:0}.top.solid{border-color:var(--line);background:#ecf0f0f2}.brand{font-weight:800;text-decoration:none}.nav{gap:28px;margin-left:auto;display:flex}.nav a{color:var(--muted);border-bottom:2px solid #0000;padding:6px 0;text-decoration:none;transition:color .2s,border-color .2s}.nav a:hover{color:var(--ink)}.nav a.on{color:var(--ink);border-color:var(--acc)}.lang{font:500 14px var(--mono);color:var(--body);border:1px solid var(--line-2);border-radius:4px;padding:6px 10px;text-decoration:none}.lang:hover{color:var(--ink);border-color:var(--ink)}main,section{position:relative}.sec-head{padding:0 var(--pad)}.sec-title{max-width:20ch;font:800 clamp(36px, 4.6vw, 72px)/1.04 var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0}.sec-intro{text-wrap:pretty;max-width:60ch;margin:24px 0 0;font-size:clamp(18px,1.35vw,21px)}.sub{font:500 14px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.link{color:var(--ink);border-bottom:1px solid var(--line-2);align-items:baseline;gap:6px;padding-bottom:3px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.link:hover{color:var(--acc);border-color:currentColor}.link.strong{border-color:currentColor}.btn{background:var(--ink);color:var(--morning);font:700 17px var(--display);border-radius:4px;align-items:center;gap:10px;padding:14px 22px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.btn:hover{background:var(--acc)}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--ink)}.btn-meta{font:400 14px var(--mono);color:var(--muted)}.tri{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid;width:0;height:0}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:rise .9s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}@supports (animation-timeline:view()){.sec-head,.idx li,.shots li,.story-row,.rec li,.toolbox>div,.case-feat dl>div,.about-copy>*,.phone-copy,.end-row{animation:linear both rise;animation-timeline:view();animation-range:entry entry 30%}}}.hero{background:var(--grain), linear-gradient(var(--dawn), var(--morning) 92%)}.work{background:var(--grain), linear-gradient(var(--morning), var(--day) 30%)}.side{background:var(--grain), linear-gradient(var(--day), var(--afternoon) 40%)}.method{background:var(--grain), linear-gradient(var(--afternoon), var(--late))}.about{background:var(--grain), linear-gradient(var(--late), var(--golden))}.film{background:var(--grain), linear-gradient(var(--golden), var(--late) 40vh, var(--day))}.end{background:var(--grain), linear-gradient(var(--day), var(--dawn))}.case{background:var(--grain), linear-gradient(var(--dawn), var(--morning) 70vh, var(--day) 50%, var(--afternoon))}.hero{min-height:100svh;padding:calc(var(--head) + 24px) var(--pad) 40px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:3vw;display:grid;overflow:hidden}.hero-gl{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:1;position:relative}.hero-name{font:900 clamp(60px, 8.4vw, 144px)/.86 var(--display);text-transform:uppercase;letter-spacing:.005em;margin:0}.hero-name span{display:block}.hero-name .b{color:var(--acc)}.hero-role{font:500 15px var(--mono);color:var(--muted);margin:26px 0 0}.hero-line{max-width:22ch;font:700 clamp(24px, 2.4vw, 38px)/1.2 var(--display);color:var(--ink);margin:22px 0 0}.hero-line a{color:var(--acc);text-underline-offset:6px;-webkit-text-decoration:underline #2447c459;text-decoration:underline #2447c459;text-decoration-thickness:2px;transition:text-decoration-color .2s}.hero-line a:hover{-webkit-text-decoration-color:var(--acc);text-decoration-color:var(--acc)}.hero-lead{max-width:46ch;margin:18px 0 0}.hero-actions{flex-wrap:wrap;gap:14px;margin:34px 0 0;display:flex}.slot{width:100%;max-height:calc(100svh - var(--head) - 90px);justify-self:center;position:relative}.slot-hint{text-align:center;font:400 14px var(--mono);color:var(--muted);opacity:0;margin:0;padding-top:12px;transition:opacity .6s 1.4s;position:absolute;top:100%;left:0;right:0}.gl-on .slot-hint{opacity:1}.no-gl .slot{background:url(/media/portrait.webp) 50%/contain no-repeat}@media (hover:none){.slot-hint{display:none}}.work{padding:16vh 0 0}.idx{margin:8vh var(--pad) 0;border-top:1px solid var(--line-2);padding:0;list-style:none}.idx a{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 16rem;align-items:baseline;gap:24px;padding:22px 0;text-decoration:none;display:grid}.idx-name{font:800 clamp(28px, 3.2vw, 50px)/1 var(--display);color:var(--ink);transition:color .2s, transform .4s var(--ease)}.idx-tag{color:var(--body)}.idx-host{font:400 14px var(--mono);color:var(--muted);text-align:right}.idx a:hover .idx-name,.idx a:focus-visible .idx-name{color:var(--acc-ink,var(--acc));transform:translate(10px)}.peek{z-index:40;aspect-ratio:16/10;object-fit:cover;object-position:top;width:360px;height:auto;box-shadow:var(--shadow);pointer-events:none;opacity:0;border-radius:6px;transition:opacity .25s;position:fixed;top:0;left:0;transform:translate(-999px)}.peek.on{opacity:1}.proj{margin-top:14vh}.proj-track{position:relative}.proj-pin{padding:0 var(--pad)}.stage{--ink:var(--s-ink);--body:var(--s-body);--muted:var(--s-muted);--line:var(--s-line);--line-2:var(--s-line-2);--acc:var(--s-acc);color:var(--body);background:var(--grain), var(--s-bg);border-radius:18px;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:clamp(28px,3.6vw,64px);padding:clamp(24px,3.4vw,60px);display:grid}.proj-name{font:900 clamp(44px, 5vw, 84px)/.95 var(--display);letter-spacing:-.01em;margin:0}.proj-tag{font:700 clamp(19px, 1.5vw, 23px)/1.3 var(--display);color:var(--acc);margin:14px 0 0}.proj-sum{max-width:46ch;margin:20px 0 0}.proj-hl{color:var(--muted);margin:20px 0 0;padding:0;font-size:16px;list-style:none}.proj-hl li{border-top:1px solid var(--line);padding:9px 0}.proj-live{font:400 14px/1.6 var(--mono);color:var(--muted);margin:20px 0 0}.proj-live b{color:var(--ink);font-weight:500}.proj-links{flex-wrap:wrap;gap:14px 24px;margin-top:24px;display:flex}.proj-stack{font:400 14px/1.7 var(--mono);color:var(--muted);margin:22px 0 0}.browser{width:100%;max-width:calc((100svh - var(--head) - 200px) * 1.6);justify-self:end;margin:0}.browser-bar{background:#e9ebee;border-radius:10px 10px 0 0;align-items:center;gap:7px;height:36px;padding:0 14px;display:flex}.browser-bar i{background:#c9ced5;border-radius:50%;width:10px;height:10px}.browser-url{font:400 13px var(--mono);color:#4a525c;background:#fff;border-radius:5px;margin:0 auto;padding:2px 16px}.browser-view{aspect-ratio:16/10;background:#fff;border-radius:0 0 10px 10px;display:block;position:relative;overflow:hidden}.browser-bar,.browser-view{box-shadow:0 30px 70px -20px #00000073}.browser-page{will-change:transform;width:100%;height:auto}.browser-pill{color:#fff;font:700 15px var(--display);opacity:0;transition:opacity .2s, transform .3s var(--ease);background:#12171e;border-radius:4px;padding:9px 14px;position:absolute;bottom:14px;right:14px;transform:translateY(6px)}.browser-view:hover .browser-pill,.browser-view:focus-visible .browser-pill{opacity:1;transform:none}.browser-cap{font:400 14px var(--mono);color:var(--muted);align-items:center;gap:16px;margin-top:14px;display:flex}.browser-progress{background:var(--line);flex:0 0 140px;height:2px;margin-left:auto}.browser-progress i{transform-origin:0 0;width:100%;height:100%;transform:scaleX(var(--p,0));background:var(--acc);display:block}.shots{padding:0 var(--pad);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(18px,2vw,36px) clamp(14px,1.8vw,32px);margin:7vh 0 0;list-style:none;display:grid}.shots-3{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.shots-3 li:first-child{grid-row:span 2}.proj:nth-of-type(2n) .shots-3{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.proj:nth-of-type(2n) .shots-3 li:first-child{grid-area:1/2/span 2}.shots figure{margin:0}.shots img{width:100%;height:auto;box-shadow:var(--shadow);border-radius:8px}.shots figcaption{color:var(--muted);max-width:52ch;margin-top:14px;font-size:16px}.proj:nth-of-type(2n) .stage{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.proj:nth-of-type(2n) .browser{order:-1;justify-self:start}@media (width>=1000px) and (height>=640px){.proj-track{height:240vh}.proj-pin{height:100vh;padding-top:calc(var(--head) + 12px);padding-bottom:20px;display:flex;position:sticky;top:0}.stage{flex:1}.case .proj-track{height:200vh}}.side{height:340vh;padding-top:20vh}.side-pin{height:100vh;padding-top:calc(var(--head) + 5vh);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;position:sticky;top:0;overflow:hidden}.track{padding:5vh var(--pad) 0;will-change:transform;align-items:flex-start;gap:clamp(32px,4vw,72px);width:max-content;margin:0;list-style:none;display:flex}.phone{flex:none;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:28px;width:clamp(400px,34vw,580px);display:grid}.phone-frame{aspect-ratio:9/20;height:min(46vh,520px);box-shadow:var(--shadow);background:#16191e;border-radius:28px;padding:7px}.phone-frame img{object-fit:cover;object-position:top;border-radius:21px;width:100%;height:100%}.phone h3{font:800 26px/1.05 var(--display);margin:0}.phone-tag{margin:10px 0 0}.phone-facts{color:var(--muted);margin:10px 0 0;font-size:16px}.phone-stack{font:400 14px var(--mono);color:var(--muted);margin:10px 0 0}.phone:nth-child(2n){transform:translateY(3vh)}.bot-term{aspect-ratio:9/16;color:#c9cdfb;height:min(46vh,520px);box-shadow:var(--shadow);font:400 16px/2 var(--mono);background:#313338;border-radius:12px;flex-direction:column;justify-content:flex-end;margin:0;padding:22px;list-style:none;display:flex}.side-progress{left:var(--pad);right:var(--pad);background:var(--line);height:2px;position:absolute;bottom:4vh}.side-progress i{transform-origin:0 0;height:100%;transform:scaleX(var(--p,0));background:var(--ink);display:block}.method{padding:20vh 0 18vh}.ide{margin:8vh var(--pad) 0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;display:grid;position:relative}.pane{min-width:0;box-shadow:var(--shadow);background:#171b22;border-radius:10px;overflow:hidden}.pane-bar{font:400 13px var(--mono);color:#97a1ae;border-bottom:1px solid #ffffff14;gap:16px;margin:0;padding:12px 16px;display:flex}.pane-bar b{color:#eef2f7;font-weight:500}.pane-bar span{text-align:right;margin-left:auto}.pane-body{font:400 clamp(13px, 1vw, 15px)/1.85 var(--mono);counter-reset:ln;color:#d6dce4;margin:0;padding:16px 16px 20px;list-style:none;overflow-x:auto}.pane-body li{white-space:pre;min-height:1.85em}.code li{counter-increment:ln}.code li:before{content:counter(ln, decimal-leading-zero);color:#6f7a88;margin-right:18px}.spec .hot{color:#9cc0ff}.code li.fix{background:#9cc0ff29}.code li.tw{color:#f2c879}.tests{font:500 14px var(--mono);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:14px 22px;padding-top:14px;display:flex}.tests-k{color:var(--ink)}.cells{gap:6px;display:flex}.cells i{background:#12171e1a;border-radius:3px;width:clamp(20px,3.4vw,54px);height:22px;transition:background-color .15s}.cells i.ok{background:#2f8a5b}.cells i.bad{background:#c43d3d}.tests-n.all{color:#2f7a52}.tests-msg{color:var(--ink);flex-basis:100%;min-height:1.6em}.tests-msg.bad{color:#b02f2f}.stamp{color:#2f7a52;background:var(--late);font:800 clamp(16px, 1.7vw, 26px) var(--display);text-transform:uppercase;opacity:0;transition:transform .35s var(--ease), opacity .2s;pointer-events:none;border:2px solid #2f7a52;border-radius:4px;margin:0;padding:10px 16px;position:absolute;bottom:22%;right:4%;transform:rotate(-3deg)translateY(8px)}.stamp.on{opacity:1;transform:rotate(-3deg)}.rerun{grid-column:1/-1;justify-self:start;margin-top:6px}.about{padding:18vh 0 22vh}.about-top{margin:0 var(--pad);max-width:900px}.about-copy p{max-width:58ch;margin:0 0 1.1em;font-size:clamp(18px,1.35vw,21px)}.about-copy .sec-title{margin-bottom:4vh}.about-bottom{margin:12vh var(--pad) 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,96px);display:grid}.rec{border-top:1px solid var(--line-2);margin:0;padding:0;list-style:none}.rec li{border-bottom:1px solid var(--line);grid-template-columns:116px minmax(0,1fr);gap:4px 24px;padding:22px 0;display:grid}.rec-p{font:500 14px var(--mono);color:var(--ink);white-space:nowrap;grid-row:span 3;padding-top:6px}.rec-org{font:800 clamp(22px, 2vw, 30px)/1.1 var(--display);color:var(--ink)}.rec-role{font:400 14px var(--mono);color:var(--muted)}.rec-b{margin-top:6px;font-size:16px}.toolbox{border-top:1px solid var(--line-2);margin:0}.toolbox div{border-bottom:1px solid var(--line);grid-template-columns:116px minmax(0,1fr);gap:24px;padding:14px 0;display:grid}.toolbox dt{font:500 14px var(--mono);color:var(--ink)}.toolbox dd{margin:0;font-size:16px}.film{padding:20vh 0 0}.player{margin:7vh var(--pad) 0;background:#000;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #0009}.player-screen{position:relative}.player video{aspect-ratio:16/9;background:#000;width:100%;height:auto}.player-start{color:#12171e;font:700 18px var(--display);background:#eef2f7;border-radius:4px;align-items:center;gap:12px;padding:16px 24px;transition:background-color .2s,opacity .3s;display:inline-flex;position:absolute;bottom:clamp(14px,2.4vw,36px);left:clamp(14px,2.4vw,36px)}.player-start:hover{background:#f2c879}.player-meta{font:400 14px var(--mono)}.player.started .player-start{opacity:0;pointer-events:none}.player-ui{color:#eef2f7;font:400 14px var(--mono);background:#141a28;align-items:center;gap:16px;padding:12px 16px;display:flex}.p-btn{white-space:nowrap;border:1px solid #eef2f74d;border-radius:4px;padding:7px 11px}.p-btn:hover{border-color:#eef2f7}.p-time{color:#a1acba;white-space:nowrap;min-width:98px}.p-bar{cursor:pointer;touch-action:none;flex:1;height:28px;position:relative}.p-bar:before{content:"";background:#eef2f740;height:2px;position:absolute;top:13px;left:0;right:0}.p-fill{transform-origin:0 0;height:2px;transform:scaleX(var(--p,0));background:#f2c879;position:absolute;top:13px;left:0;right:0}.p-bar b{width:2px;height:10px;top:9px;left:calc(var(--x,0) * 100%);background:#a1acba;position:absolute}.p-vol{accent-color:#f2c879;width:96px}.chapters{margin:18px var(--pad) 0;flex-wrap:wrap;gap:8px 22px;padding:0;list-style:none;display:flex}.chapters button{font:700 16px var(--display);color:var(--muted);padding:4px 0}.chapters button span{font:400 14px var(--mono);color:var(--muted);margin-right:8px}.chapters button:hover,.chapters button.on{color:var(--ink)}.chapters button.on span{color:var(--acc)}.end{padding:24vh 0 0;overflow:hidden}.end-mark{padding:0 var(--gut);font:900 16.4vw/.8 var(--display);text-transform:uppercase;color:var(--ink);white-space:nowrap;letter-spacing:-.005em;margin:0}.end-mark .b{color:var(--acc)}.end-row{margin:8vh var(--pad) 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:4vw;display:grid}.end-line{max-width:34ch;font:700 clamp(22px, 2vw, 30px)/1.3 var(--display);color:var(--ink);margin:0}.end-links{flex-wrap:wrap;gap:14px 26px;margin:0;padding:0;list-style:none;display:flex}.foot{margin:14vh var(--pad) 0;border-top:1px solid var(--line);font:400 14px var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px 30px;padding:26px 0 32px;display:flex}.foot a{color:var(--body);text-decoration:none}.foot a:hover{color:var(--ink)}.case .proj{margin-top:6vh}.case-hero{padding:calc(var(--head) + 8vh) var(--pad) 0}.case-back{margin:0 0 6vh;font-size:16px}.case-name{font:900 clamp(60px, 10vw, 176px)/.9 var(--display);letter-spacing:-.015em;margin:0}.case-tag{font:700 clamp(22px, 2.2vw, 34px)/1.2 var(--display);color:var(--acc-ink);margin:22px 0 0}.case .proj-sum{color:var(--ink);font-size:clamp(19px,1.4vw,22px)}.case-story{margin:18vh var(--pad) 0}.story-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:4vw;padding:30px 0;display:grid}.story-row h3{font:800 clamp(24px, 2.2vw, 34px)/1.15 var(--display);margin:0}.story-row p{max-width:62ch;margin:0}.case .shots{margin-top:16vh}.case-feat{margin:18vh var(--pad) 0}.case-feat dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 5vw;margin:0;display:grid}.case-feat dl div{border-top:1px solid var(--line);padding:20px 0}.case-feat dt{font:800 20px var(--display);color:var(--ink)}.case-feat dd{max-width:52ch;margin:6px 0 0;font-size:17px}.case-next{margin:20vh var(--pad) 0;background:var(--grain), var(--s-bg);border-radius:18px;gap:10px;padding:clamp(28px,5vh,60px) clamp(24px,3.4vw,60px);text-decoration:none;display:grid}.case-next-k{font:500 14px var(--mono);color:var(--s-muted)}.case-next-name{font:900 clamp(52px, 8vw, 140px)/.95 var(--display);letter-spacing:-.015em;color:var(--s-ink);transition:color .2s}.case-next-tag{color:var(--s-acc);font-weight:700}.case-next:hover .case-next-name{color:var(--s-acc)}.case .foot{margin-top:10vh}@media (width<=1100px){.nav{gap:20px}.idx a{grid-template-columns:minmax(0,1fr) auto}.idx-tag{display:none}.ide,.end-row,.about-bottom{grid-template-columns:1fr}}@media (width<=999px),(height<=639px){.stage,.proj:nth-of-type(2n) .stage{grid-template-columns:1fr}.browser,.proj:nth-of-type(2n) .browser{order:0;max-width:none}.browser-view{aspect-ratio:4/3}.player-ui{flex-wrap:wrap}.p-bar{flex-basis:100%;order:-1}.shots-3,.proj:nth-of-type(2n) .shots-3{grid-template-columns:1fr 1fr}.shots-3 li:first-child,.proj:nth-of-type(2n) .shots-3 li:first-child{grid-area:auto/1/auto/-1}}@media (width<=900px){.hero{padding-top:calc(var(--head) + 8px);grid-template-columns:1fr;gap:8px}.slot{order:-1;width:min(100%,50svh)}.side{height:auto;padding-bottom:6vh}.side-pin{height:auto;padding-top:0;position:static;overflow:visible}.track{scroll-snap-type:x mandatory;width:auto;padding-bottom:24px;overflow-x:auto;transform:none!important}.phone{scroll-snap-align:center;grid-template-columns:1fr;row-gap:18px;width:min(86vw,420px)}.phone:nth-child(2n){transform:none}.phone-frame,.bot-term{justify-self:start;height:62vh;max-height:520px}.side-progress{display:none}.story-row{grid-template-columns:1fr;gap:10px}.case-feat dl{grid-template-columns:1fr}}@media (width<=760px){.nav{display:none}.lang{margin-left:auto}.proj{margin-top:10vh}.proj-pin{padding:0 10px}.stage{border-radius:14px;padding:22px 16px}.shots,.shots-3,.proj:nth-of-type(2n) .shots-3,.rec li,.toolbox div{grid-template-columns:1fr}.rec-p{grid-row:auto;padding-top:0}.p-vol{display:none}.player-start{padding:12px 16px;font-size:16px}.browser-progress{flex-basis:80px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.browser-view{overflow-y:auto}.browser-page{will-change:auto}}.slot{aspect-ratio:104/90}[data-slug=drone]{--s-bg:#07131d;--s-ink:#e8f1f5;--s-body:#c2d3dd;--s-muted:#8aa2b3;--s-acc:#1ec8f0;--s-line:#e8f1f524;--s-line-2:#e8f1f54d;--acc-ink:#00749a}.proj[data-slug=drone] .browser{view-transition-name:site-drone}[data-slug=atlas]{--s-bg:#f2efe6;--s-ink:#172d24;--s-body:#3a4e42;--s-muted:#6c7868;--s-acc:#1f4a3a;--s-line:#172d2424;--s-line-2:#172d244d;--acc-ink:#1f4a3a}.proj[data-slug=atlas] .browser{view-transition-name:site-atlas}[data-slug=academie]{--s-bg:#13285a;--s-ink:#eef2fb;--s-body:#c7d2ea;--s-muted:#a0b0d4;--s-acc:#9cc0ff;--s-line:#eef2fb24;--s-line-2:#eef2fb4d;--acc-ink:#2447c4}.proj[data-slug=academie] .browser{view-transition-name:site-academie}[data-slug=realworld]{--s-bg:#0e2b25;--s-ink:#e8f2ee;--s-body:#c0d4cc;--s-muted:#91b1a5;--s-acc:#45dfa9;--s-line:#e8f2ee24;--s-line-2:#e8f2ee4d;--acc-ink:#0b7253}.proj[data-slug=realworld] .browser{view-transition-name:site-realworld}[data-slug=vonk]{--s-bg:#0b3a7a;--s-ink:#fff;--s-body:#d3e0f6;--s-muted:#a9c4ee;--s-acc:#2f8cff;--s-line:#ffffff24;--s-line-2:#ffffff4d;--acc-ink:#1f5fd1}.proj[data-slug=vonk] .browser{view-transition-name:site-vonk}[data-slug=inspiratie]{--s-bg:#efebe2;--s-ink:#14248a;--s-body:#2a3470;--s-muted:#5a628f;--s-acc:#f0468f;--s-line:#14248a24;--s-line-2:#14248a4d;--acc-ink:#c2186a}.proj[data-slug=inspiratie] .browser{view-transition-name:site-inspiratie}