@font-face{font-family:Acumin Pro;src:url(/fonts/Acumin-RPro.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Acumin Pro;src:url(/fonts/Acumin-BdPro.woff) format("woff");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Acumin Pro;src:url(/fonts/Acumin-ItPro.woff) format("woff");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Acumin Pro;src:url(/fonts/Acumin-BdItPro.woff) format("woff");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-4Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-5Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-6SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-7Bold.woff2) format("woff2");font-weight:700 900;font-display:swap}:root{--font-family: "Acumin Pro", "Paperlogy", Arial, sans-serif;--type-bump: 3px;color-scheme:dark;font-family:var(--font-family);color:#eaecf2;background:#080808;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #080808;--surface: #151515;--line: #292929;--muted: #a0a3a9;--accent: #9cbdff;--text: #eaecf2;--radius: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 0%,#181818,transparent 45%),linear-gradient(180deg,#080808,#020202 65%,#101010)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0;background:none}svg{flex-shrink:0}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-family)}input,textarea,select{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:11px 13px;min-width:0}textarea{resize:vertical;line-height:1.6}select{cursor:pointer}button,.button,a{transition:color .2s,background .2s,border-color .2s,transform .2s,opacity .2s}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-80px;background:var(--accent);color:var(--bg);padding:12px;z-index:100}.skip-link:focus{top:16px}.accent{color:var(--accent)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #8698ce44}.eyebrow{font-size:calc(10px + var(--type-bump));font-weight:550;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;text-transform:uppercase;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:14px 22px;border-radius:7px;font-size:calc(12px + var(--type-bump));font-weight:600;min-height:44px}.button-primary{background:var(--accent);color:#101524}.button-primary:hover{background:#bfc9e5;transform:translateY(-2px)}.button-outline{border:1px solid #43464e;background:transparent}.button-outline:hover{background:#202020;border-color:#8c92a4}.button-quiet{background:#252525;border:1px solid var(--line)}.button-quiet:hover{background:#313131}.button-danger{background:#292929;color:#ffb4a4}.icon-button{height:38px;width:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.icon-button:hover{background:#383838;color:var(--accent)}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:calc(12px + var(--type-bump));color:var(--muted)}.text-link:hover{color:var(--accent)}.site-header{max-width:1600px;margin:auto;height:92px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:0}.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-family);font-size:16px;font-weight:800;line-height:1.01;letter-spacing:-.7px;position:relative}.site-header nav{display:flex;gap:39px;align-items:center;font-size:calc(12px + var(--type-bump))}.site-header nav a{display:flex;align-items:center;gap:7px;color:var(--muted)}.site-header nav a:hover,.site-header nav .nav-selected{color:var(--text)}.site-header nav a span{font-size:calc(10px + var(--type-bump));color:var(--accent);margin-top:-10px}.site-header nav .nav-contact{color:var(--text)}.header-location{display:flex;align-items:center;gap:12px;font-size:calc(10px + var(--type-bump));letter-spacing:1.1px}.hero{position:relative;padding:36px 4.5% 0;max-width:1600px;margin:0 auto;overflow:hidden}.hero-grid{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(#6e768d33 1px,transparent 1px),linear-gradient(90deg,#6e768d33 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(90deg,transparent 35%,black);mask-image:linear-gradient(90deg,transparent 35%,black)}.hero-topline{display:flex;justify-content:space-between;align-items:center;position:relative}.edition{font-size:calc(10px + var(--type-bump));letter-spacing:1.6px;color:#7d808b}.hero-body{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:51px 0 59px;position:relative}.hero-copy{position:relative;z-index:2;flex:1;min-width:0}.hero h1{font-size:clamp(64px,7.8vw,122px);letter-spacing:-.077em;font-weight:650;line-height:1.035}.hero h1 span{display:block}.hero h1 .accent-line{color:var(--accent)}.hero-copy-bottom{display:flex;align-items:flex-end;gap:40px;margin-top:32px}.hero-copy-bottom p{font-size:calc(12px + var(--type-bump));line-height:1.95;color:#b0b3bc}.hero-copy-bottom p span{color:#80838e;font-size:calc(11px + var(--type-bump))}.hero-copy-bottom .button{padding:13px 18px;gap:17px;white-space:nowrap}.hero-reel{width:28%;max-width:340px;min-width:220px;position:relative;transform:rotate(5deg);margin:0 10px 0 0;padding:0;flex-shrink:0}.hero-reel:hover{transform:rotate(1deg) translateY(-6px)}.reel-frame{position:relative;aspect-ratio:1.05;overflow:hidden;border-radius:5px;background:#353535;border:1px solid #5e6473;box-shadow:0 22px 60px #0006;text-align:left}.reel-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 30%,#000b);pointer-events:none}.reel-frame>img{width:100%;height:100%;object-fit:cover;opacity:.8;filter:saturate(.65)}.reel-no,.reel-cross,.reel-caption,.reel-bottom,.reel-play{position:absolute;z-index:1}.reel-no{left:18px;top:18px;font-size:calc(10px + var(--type-bump));letter-spacing:1px}.reel-cross{right:15px;top:11px;font-size:25px;font-weight:400}.reel-play{display:grid;place-items:center;border:1px solid #fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;height:56px;width:56px;right:22px;top:38%;padding-left:3px}.reel-caption{bottom:48px;left:20px;font-family:var(--font-family);font-size:25px;letter-spacing:-1px;line-height:1.14}.reel-caption em{font-family:var(--font-family);font-weight:400}.reel-bottom{bottom:0;left:0;right:0;border-top:0;padding:14px 17px;display:flex;justify-content:space-between;font-size:calc(10px + var(--type-bump));letter-spacing:1.2px}.reel-sticker{position:absolute;right:-15px;bottom:-17px;transform:rotate(-14deg);display:flex;align-items:center;justify-content:center;gap:8px;width:84px;height:71px;background:var(--accent);color:var(--bg);font-size:15px;font-weight:800;line-height:1;box-shadow:2px 3px #0003}.hero-foot{position:relative;display:flex;align-items:center;justify-content:space-between;border-top:0;border-bottom:0;padding:21px 0;font-size:calc(10px + var(--type-bump));letter-spacing:1.3px;color:#9698a0}.hero-disciplines{display:flex;align-items:center;gap:18px;color:#b9bdc8;font-size:calc(10px + var(--type-bump))}.hero-disciplines b{color:var(--accent);font-size:calc(14px + var(--type-bump));font-weight:400}.hero-foot a{display:flex;gap:10px;align-items:center}.hero-foot a:hover{color:var(--accent)}.work-section{max-width:1600px;margin:0 auto;padding:65px 4.5% 70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px}.tiny-cross{color:var(--accent);font-size:16px}.section-heading h2{font-size:28px;font-weight:500;letter-spacing:-1.3px;margin-top:9px}.section-note{color:#858892;font-size:calc(10px + var(--type-bump));padding-bottom:3px}.work-toolbar{margin-bottom:26px}.category-tabs{display:flex;align-items:center;border-bottom:0;gap:6px;padding-bottom:17px;overflow-x:auto;scrollbar-width:none}.category-tabs button{font-size:calc(11px + var(--type-bump));padding:10px 15px;display:flex;align-items:center;gap:9px;border:1px solid transparent;white-space:nowrap;border-radius:6px;color:#b1b4bd}.category-tabs button.active{border-color:#5f667c;background:#232323;color:var(--accent)}.category-tabs button:hover{background:#1f1f1f;color:var(--accent)}.category-tabs span{font-size:calc(10px + var(--type-bump));opacity:.65}.work-controls{padding-top:16px;display:flex;align-items:center;gap:14px}.search-field{display:flex;align-items:center;color:#808592;gap:10px;flex:1;max-width:320px}.search-field input{padding:8px 0;border:0;background:none;font-size:calc(11px + var(--type-bump));flex:1;min-width:30px;width:100%;outline-offset:0}.search-field input::placeholder{color:#999daa}.search-field kbd{font-size:calc(10px + var(--type-bump));border:1px solid #2d3346;padding:2px 5px;white-space:nowrap;border-radius:3px}.work-controls select{background:transparent;border:0;font-size:calc(10px + var(--type-bump));padding:5px;color:#adb1bd;margin-left:auto}.work-controls option{background:var(--surface)}.layout-controls{display:flex;border-left:1px solid var(--line);padding-left:15px;gap:8px}.layout-controls button{display:grid;place-items:center;width:29px;height:29px;border-radius:4px;color:#787e90}.layout-controls button.active{background:#282828;color:var(--accent)}.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:31px 22px;transition:opacity .2s}.works.is-loading{opacity:.35;pointer-events:none}.work-card{min-width:0;animation:card-in .5s both;animation-delay:var(--card-delay);content-visibility:auto;contain-intrinsic-size:auto 285px}.work-card-button{display:block;width:100%;padding:0;text-align:left}.card-visual{position:relative;aspect-ratio:1.62;overflow:hidden;border-radius:10px;border:1px solid #ffffff12;background:#1f1f1f}.card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(#0004,transparent 30%,transparent 50%,#0008);pointer-events:none}.card-image,.card-preview{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.card-preview{position:absolute;inset:0;z-index:1}.type-app .card-image{object-fit:contain;padding:30px;background:radial-gradient(ellipse at bottom,#3b3b3b,#1c1c1c)}.work-card-button:hover .card-image{transform:scale(1.045)}.card-topline,.card-bottomline{position:absolute;left:15px;right:15px;display:flex;justify-content:space-between;z-index:2}.card-topline{top:14px;align-items:flex-start}.media-badge{font-size:calc(10px + var(--type-bump));letter-spacing:1.3px;padding:6px 8px;background:#0005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff30;border-radius:3px}.featured-badge{margin-left:auto;font-size:calc(10px + var(--type-bump));letter-spacing:1px;display:flex;gap:5px;align-items:center;color:var(--accent);padding:6px 8px;background:#121212bb;border-radius:3px}.card-bottomline{bottom:14px;font-size:calc(10px + var(--type-bump));color:#fff;letter-spacing:.4px;opacity:0;transform:translateY(6px);transition:.2s}.work-card-button:hover .card-bottomline,.work-card-button:focus-visible .card-bottomline{opacity:1;transform:none}.card-open{position:absolute;right:16px;bottom:15px;display:grid;place-items:center;width:36px;height:36px;z-index:3;border:1px solid #ffffff50;background:#0002;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;transition:.25s}.work-card-button:hover .card-open{right:calc(50% - 23px);bottom:calc(50% - 23px);width:46px;height:46px;color:var(--bg);background:var(--accent);border-color:var(--accent)}.card-caption{display:flex;justify-content:space-between;gap:15px;padding:15px 1px 0}.card-caption>div{min-width:0}.card-caption h3{font-size:calc(12px + var(--type-bump));line-height:1.5;letter-spacing:-.2px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-caption p{font-size:calc(10px + var(--type-bump));color:#9599a6;margin-top:5px}.card-year{display:flex;align-items:flex-start;gap:10px;font-size:calc(10px + var(--type-bump));color:#7a7f90;padding-top:3px}.card-year svg{color:#b3b8c8}.works-list{grid-template-columns:1fr;gap:0}.works-list .work-card{border-bottom:0;padding:16px 0;contain-intrinsic-size:auto 120px}.works-list .work-card-button{display:flex;gap:26px;align-items:center}.works-list .card-visual{width:170px;flex-shrink:0}.works-list .card-caption{flex:1;padding:0}.works-list .card-caption h3{font-size:20px}.works-list .card-topline{display:none}.works-list .card-caption p{font-size:calc(11px + var(--type-bump))}.image-missing{display:grid;place-items:center;padding:30px;background:linear-gradient(140deg,#292929,#262626)}.fallback-title{font-size:25px;letter-spacing:-1px;text-align:center}.load-more{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:45px}.load-more>span{font-size:calc(10px + var(--type-bump));color:#9499a6}.load-more .button{min-width:195px;justify-content:space-between}.load-more .archive-end{font-size:calc(10px + var(--type-bump));letter-spacing:1.5px;margin-top:8px;color:#646c83}.card-skeleton div{aspect-ratio:1.62;border-radius:10px;background:linear-gradient(110deg,#1c1c1c 10%,#2a2a2a,#1c1c1c 50%);background-size:200% 100%;animation:shimmer 1.8s infinite}.card-skeleton span{display:block;height:10px;width:65%;background:#222;margin-top:15px;border-radius:4px}.card-skeleton span:last-child{width:35%;height:7px;margin-top:8px}.empty-state{text-align:center;display:flex;align-items:center;flex-direction:column;gap:17px;padding:75px 20px;color:var(--muted)}.empty-state h3{font-size:26px;letter-spacing:-1px;color:var(--text)}.empty-state p{font-size:calc(12px + var(--type-bump));line-height:1.8}.error-banner{background:#2a2a2a;border:1px solid #614237;color:#f1bca8;padding:15px 20px;border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:calc(12px + var(--type-bump));margin-bottom:20px}.error-banner button{display:flex;align-items:center;gap:8px;white-space:nowrap}.studio-section{margin:10px auto 0;max-width:1456px;padding:65px 8%;display:flex;align-items:center;gap:11%;background:#1c1c1c;border:0;border-radius:13px;width:91%}.studio-mark{font-size:180px;color:var(--accent);font-weight:400;line-height:1;transition:transform 1s}.studio-section:hover .studio-mark{transform:rotate(90deg)}.studio-copy{max-width:620px}.studio-copy h2{font-size:48px;font-weight:500;line-height:1.15;letter-spacing:-2.2px;margin:20px 0}.studio-copy h2 em{font-family:var(--font-family);font-weight:400}.studio-copy>p{font-size:calc(12px + var(--type-bump));line-height:2;color:#b3b7c3;max-width:465px;word-break:keep-all}.discipline-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.discipline-chips span{padding:7px 11px;border:1px solid #30374c;border-radius:30px;font-size:calc(10px + var(--type-bump));color:#a7aec4}.contact-section{position:relative;max-width:1600px;margin:0 auto;padding:102px 4.5% 45px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.contact-section h2{font-size:clamp(45px,5.5vw,86px);font-weight:500;line-height:1.1;letter-spacing:-3.6px;margin-top:23px}.contact-section h2 em{font-family:var(--font-family);font-weight:400;color:var(--accent)}.contact-circle{width:125px;height:125px;border:1px solid #5b6175;border-radius:50%;display:grid;place-items:center;margin-right:25px;color:var(--accent)}.contact-circle:hover{background:var(--accent);color:var(--bg);transform:rotate(45deg)}.contact-baseline{width:100%;display:flex;align-items:center;gap:15px;border-bottom:0;padding:35px 0 30px}.contact-baseline>a{display:flex;gap:12px;align-items:center;font-size:calc(14px + var(--type-bump))}.contact-baseline button{display:flex;gap:6px;align-items:center;font-size:calc(10px + var(--type-bump));color:var(--muted);padding:6px 9px;border:1px solid var(--line);border-radius:4px}.contact-baseline>span{margin-left:auto;font-size:calc(10px + var(--type-bump));letter-spacing:1.2px;color:#7a8093}.site-footer{max-width:1600px;margin:auto;padding:0 4.5% 38px;display:flex;align-items:center;gap:40px}.brand-small{font-size:calc(12px + var(--type-bump))}.footer-brand{display:block;width:150px;flex-shrink:0}.footer-brand img{display:block;width:100%;height:auto}.site-footer>div{display:flex;flex-direction:column;gap:7px;font-size:calc(10px + var(--type-bump));color:#8a8e9b;line-height:1.6}.studio-access{font-size:calc(10px + var(--type-bump));display:flex;gap:7px;margin-left:auto;align-items:center;color:#9499a9}.back-top{font-size:calc(10px + var(--type-bump));letter-spacing:1px}.full-loading{min-height:100vh;display:grid;place-items:center;font-size:calc(14px + var(--type-bump));color:var(--accent)}.dialog{padding:0;max-width:min(1000px,94vw);max-height:92dvh;width:100%;border:1px solid #3b404d;border-radius:13px;background:#181818;color:var(--text);box-shadow:0 30px 150px #000a;overflow:auto;scrollbar-width:thin;scrollbar-color:#40475d transparent}.dialog::backdrop{background:#040404dd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-inner{position:relative}.dialog-close{position:absolute;right:14px;top:14px;z-index:5;background:#121212cc;border-color:#ffffff40;color:#fff}.project-screen{width:100%;aspect-ratio:16/9;background:#070707;display:grid;place-items:center}.project-screen iframe{width:100%;height:100%;border:0;display:block}.project-screen img{max-height:68vh;width:100%;height:100%;object-fit:contain}.project-detail{padding:32px 36px}.project-detail h2{font-size:30px;letter-spacing:-1.1px;line-height:1.4;margin:10px 0 17px;overflow-wrap:anywhere}.project-description{font-size:calc(13px + var(--type-bump));color:#a4aaba;line-height:1.9;white-space:pre-wrap}.project-facts{display:flex;flex-wrap:wrap;gap:40px;margin:26px 0;font-size:calc(12px + var(--type-bump))}.project-facts div{display:flex;flex-direction:column;gap:8px}.project-facts span{font-size:calc(10px + var(--type-bump));letter-spacing:1.5px;color:var(--muted)}.dialog-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dialog-actions .text-link{margin-left:auto}.media-strip{display:flex;gap:9px;padding:14px 20px;border-bottom:0;overflow-x:auto}.media-strip button{width:85px;height:50px;flex-shrink:0;padding:0;border:2px solid transparent;border-radius:5px;overflow:hidden;position:relative;opacity:.5}.media-strip button.active{opacity:1;border-color:var(--accent)}.media-strip img{width:100%;height:100%;object-fit:cover}.media-strip svg{position:absolute;right:4px;bottom:4px}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.hero-body{padding:70px 0 80px}.card-caption h3{font-size:calc(14px + var(--type-bump))}.card-caption p{font-size:calc(10px + var(--type-bump))}.category-tabs button{font-size:calc(12px + var(--type-bump))}.hero-copy-bottom p{font-size:calc(14px + var(--type-bump))}.hero-copy-bottom{margin-top:38px}.hero-reel{margin-right:25px}}@media(max-width:1050px){.hero-copy-bottom{flex-direction:column;align-items:flex-start;gap:18px}.hero h1{font-size:8.4vw}.hero-body{gap:20px}.hero-reel{width:30%;min-width:200px}.hero-foot>span:first-child{display:none}.section-heading h2{font-size:25px}.section-note{display:none}.category-tabs button{padding:9px 12px}.works{gap:26px 16px}.card-caption h3{font-size:calc(11px + var(--type-bump))}.card-year{font-size:calc(10px + var(--type-bump))}.studio-section{padding:55px 6%;gap:9%}.studio-mark{font-size:145px}.studio-copy h2{font-size:42px}}@media(max-width:720px){.site-header{height:75px;padding:0 5%}.brand{font-size:calc(13px + var(--type-bump))}.brand-symbol{transform:skew(-17deg) scale(.85);margin-right:-3px}.site-header nav{gap:24px;font-size:calc(11px + var(--type-bump))}.header-location{display:none}.hero{padding:27px 5% 0}.hero-topline .eyebrow{font-size:calc(10px + var(--type-bump));letter-spacing:1px}.edition{display:none}.hero-body{padding:37px 0 40px;align-items:flex-start}.hero h1{font-size:clamp(52px,9.4vw,69px);letter-spacing:-4px}.hero-copy-bottom{margin-top:23px;gap:18px}.hero-copy-bottom p{font-size:calc(11px + var(--type-bump))}.hero-copy-bottom p span{font-size:calc(10px + var(--type-bump))}.hero-copy-bottom .button{font-size:calc(10px + var(--type-bump));padding:12px 15px}.hero-reel{min-width:130px;width:28%;margin-top:76px;margin-right:3px}.reel-frame{aspect-ratio:.82}.reel-caption{font-size:16px;bottom:35px;left:10px}.reel-no{font-size:calc(10px + var(--type-bump));left:10px;top:11px}.reel-cross{font-size:18px;right:10px;top:5px}.reel-play{width:33px;height:33px;right:12px;top:30%}.reel-play svg{width:16px}.reel-bottom{padding:9px;font-size:calc(10px + var(--type-bump));letter-spacing:.5px}.reel-sticker{width:51px;height:44px;font-size:calc(10px + var(--type-bump));right:-7px;bottom:-13px;gap:3px}.reel-sticker svg{width:12px}.hero-disciplines{font-size:calc(10px + var(--type-bump));gap:13px}.hero-foot{padding:16px 0}.hero-foot a{font-size:calc(10px + var(--type-bump));letter-spacing:.7px;gap:5px}.work-section{padding:40px 5% 45px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:22px;letter-spacing:-1px}.section-heading .eyebrow{font-size:calc(10px + var(--type-bump))}.category-tabs{gap:0;padding-bottom:12px;margin-right:-5.5%;padding-right:5%}.category-tabs button{font-size:calc(10px + var(--type-bump));padding:8px 10px;gap:6px}.category-tabs span{font-size:calc(10px + var(--type-bump))}.work-controls{padding-top:12px;gap:9px}.search-field kbd{display:none}.search-field{max-width:220px}.layout-controls{padding-left:8px;gap:2px}.work-controls select{font-size:calc(10px + var(--type-bump))}.works{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.card-visual{aspect-ratio:1.25;border-radius:8px}.card-topline{top:9px;left:9px;right:9px}.media-badge{font-size:calc(10px + var(--type-bump));padding:4px 5px;letter-spacing:.6px}.featured-badge{font-size:0;padding:4px}.featured-badge svg{width:10px}.card-open{width:27px;height:27px;right:10px;bottom:10px}.card-open svg{width:15px}.card-caption{gap:6px;padding-top:10px}.card-caption h3{font-size:calc(11px + var(--type-bump))}.card-caption p,.card-year{font-size:calc(10px + var(--type-bump))}.card-year svg{display:none}.card-bottomline{display:none}.works-list{grid-template-columns:1fr}.works-list .card-visual{width:110px;aspect-ratio:1.5}.works-list .work-card-button{gap:15px}.works-list .card-caption h3{font-size:calc(14px + var(--type-bump));white-space:normal}.works-list .card-caption p{font-size:calc(10px + var(--type-bump))}.studio-section{padding:35px 7%;display:block;width:90%}.studio-mark{font-size:60px;margin-bottom:26px}.studio-copy>.eyebrow{font-size:calc(10px + var(--type-bump));letter-spacing:1px}.studio-copy h2{font-size:37px;margin:17px 0}.studio-copy>p{font-size:calc(11px + var(--type-bump))}.discipline-chips{gap:6px;margin-top:22px}.discipline-chips span{font-size:calc(10px + var(--type-bump));padding:6px 8px}.contact-section{padding:60px 5% 28px}.contact-section .eyebrow{font-size:calc(10px + var(--type-bump))}.contact-section h2{font-size:42px;letter-spacing:-2px;margin-top:20px}.contact-circle{height:65px;width:65px;margin-right:0}.contact-circle svg{width:28px}.contact-baseline{padding:25px 0 22px;gap:10px}.contact-baseline>a{font-size:calc(12px + var(--type-bump))}.contact-baseline>span{display:none}.contact-baseline button{font-size:calc(10px + var(--type-bump));margin-left:auto}.site-footer{padding:0 5% 26px;flex-wrap:wrap;gap:23px}.site-footer>div{font-size:calc(10px + var(--type-bump));flex:1}.studio-access{margin-left:0;font-size:calc(10px + var(--type-bump))}.back-top{margin-left:auto;font-size:calc(10px + var(--type-bump))}.project-detail{padding:25px 22px}.project-detail h2{font-size:23px;letter-spacing:-.5px}.project-description{font-size:calc(12px + var(--type-bump))}.project-facts{gap:20px;font-size:calc(11px + var(--type-bump))}.dialog-actions{gap:12px}.dialog-actions .text-link{margin-left:0;margin-top:7px}.dialog-actions .button{font-size:calc(11px + var(--type-bump));padding:11px 14px}.dialog-close{width:32px;height:32px;right:10px;top:10px}.dialog{max-width:95vw}.card-skeleton div{aspect-ratio:1.25}}@media(max-width:400px){.site-header nav{gap:15px}.hero h1{font-size:49px;letter-spacing:-3.6px}.hero-body{gap:0}.hero-reel{min-width:105px;width:105px;margin-top:73px;margin-left:-15px}.hero-copy-bottom p,.hero-copy-bottom p span{font-size:calc(10px + var(--type-bump))}.reel-caption{font-size:calc(14px + var(--type-bump))}.hero-reel .reel-no{font-size:calc(10px + var(--type-bump))}.contact-section h2{font-size:36px}.contact-circle{width:54px;height:54px}.search-field{max-width:170px}.card-caption h3{font-size:calc(10px + var(--type-bump))}.works{gap:22px 11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-reel:hover,.studio-section:hover .studio-mark{transform:none}}.brand{width:216px;flex-shrink:0}.brand img{width:100%;height:auto;aspect-ratio:3795 / 900;object-fit:contain}.brand-small{width:165px}.hero h1{letter-spacing:-.065em;font-weight:600}.hero-copy-bottom{flex-wrap:wrap;gap:22px 35px}.hero-copy-bottom p{font-size:16px}.hero-copy-bottom p span{font-size:14px;color:#a7b1c7}.hero h1 .accent-line{color:#a9c5ff;background:linear-gradient(105deg,#d6e6ff,#93b7ff 42%,#b2a8ff 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero{background:radial-gradient(ellipse at 76% 40%,#ffffff06 0%,transparent 55%)}.hero-grid{opacity:.2}.hero-reel .reel-frame{border-color:#899ed455;box-shadow:0 22px 70px #0007,0 0 60px #ffffff06}.reel-frame>img{filter:saturate(.85)}.reel-sticker{background:linear-gradient(140deg,#dbebff,#97baff 55%,#b9afff);color:#182c58;border:1px solid #d6e9ff;box-shadow:0 6px 28px #708eee55;border-radius:10px}.studio-section{background:radial-gradient(ellipse at 0% 40%,#202020,transparent 65%),#0c0c0c}.studio-mark{color:#a6c3ff;text-shadow:0 0 45px #819eff45}.reel-caption em,.studio-copy h2 em,.contact-section h2 em,.admin-login h1 em{font-style:italic}.category-tabs button{border-radius:999px}.category-tabs button.active{border-color:#7d9cdd60;box-shadow:inset 0 0 18px #8aaeff12;background:#37373766;color:#c7dcff}.card-caption h3{line-height:1.45}.card-caption p{line-height:1.6}@media(max-width:1050px){.hero-copy-bottom p{font-size:15px}.brand{width:185px}}@media(max-width:720px){:root{--type-bump: 1px}.brand{width:138px}.brand-small{width:130px}.site-header nav{gap:18px}.site-header nav a[href="#studio"]{display:none}.hero h1{font-size:clamp(47px,9.4vw,69px);letter-spacing:-.065em}.hero-copy-bottom p,.hero-copy-bottom p span{font-size:12px}.hero-copy-bottom{max-width:205px}.hero-copy-bottom .button{font-size:13px}.hero-reel{margin-top:88px}.hero-topline .eyebrow{font-size:11px;letter-spacing:.6px}.hero-foot a{font-size:10px;letter-spacing:0}.hero-disciplines{gap:9px}.hero-foot .hero-disciplines b{font-size:12px}.reel-no,.reel-bottom,.hero-reel .reel-no{font-size:8px}.reel-bottom span:last-child{display:none}.contact-section h2{font-size:clamp(32px,7.3vw,42px)}.contact-baseline{flex-wrap:wrap}.site-footer>div{flex-basis:100%;order:3}}@media(prefers-reduced-motion:reduce){.studio-mark{transition:none}}.reel-bottom{font-size:11px}@media(max-width:1050px){.reel-bottom{font-size:10px;letter-spacing:.5px}.reel-bottom span:last-child{display:none}}@media(max-width:720px){.reel-bottom{font-size:8px}}.hero-disciplines{gap:28px}.studio-section{justify-content:center;text-align:center;border-color:#282828}.studio-copy>p{margin-inline:auto}.discipline-chips{justify-content:center}.contact-section{min-height:420px;padding:100px 4.5%;flex-direction:column;justify-content:center;gap:22px;text-align:center;scroll-margin-top:40px}.contact-section #contact-heading{margin:0;max-width:100%;font-size:clamp(24px,5.3vw,84px);font-weight:500;letter-spacing:-.035em;line-height:1.2;color:#ededed;user-select:all;-webkit-user-select:all;cursor:text;overflow-wrap:anywhere}.contact-section>p{margin:0;font-size:14px;color:#929292;word-break:keep-all}@media(max-width:720px){.hero-disciplines{gap:20px}.contact-section{min-height:300px;padding:70px 5%;gap:20px}.contact-section>p{font-size:12px}}.button.button-primary,.contact-circle{--spark-hue: 223;position:relative;isolation:isolate;overflow:hidden;border:1px solid #a5c4ff55;border-radius:999px;color:#e3efff;background:linear-gradient(0deg,#bad7ff,#729fee 5%,#294c8c 15%,#101724 42%,#1d2840 90%);background-size:200% 300%;background-position:0% 28%;box-shadow:inset 0 1px 1px #c2d8ff26,0 4px 5px #0005,0 10px 28px #527cdb20;transition:background-position .55s cubic-bezier(.77,0,.18,1),box-shadow .55s,transform .3s,border-color .3s;text-shadow:0 1px 3px #000a}.button.button-primary{padding:17px 27px;min-height:54px;font-weight:600;letter-spacing:.15px}.button.button-primary:before,.contact-circle:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background-image:radial-gradient(circle,#e0ebff 0 .55px,transparent 1px),radial-gradient(circle,#9cbcff 0 .6px,transparent 1.1px),radial-gradient(circle,#fff 0 .65px,transparent 1px),linear-gradient(180deg,#000,#555 45%,#fff);background-size:17px 23px,31px 19px,43px 37px,100% 100%;background-position:0 0,7px 4px,12px 9px,0 0;background-blend-mode:multiply,multiply,color-dodge;mix-blend-mode:color-dodge;opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 100%);mask-image:linear-gradient(180deg,transparent 8%,#000 100%);animation:stardust-flow 12s linear infinite paused;transition:opacity .45s,filter .45s}.button.button-primary:after,.contact-circle:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 120%,#f0f7ffcc 0%,#8db9ff88 24%,transparent 64%);box-shadow:inset 0 -1px 3px #c4dfffaa,inset 0 8px 17px #0008;opacity:.35;transition:opacity .45s}.button.button-primary:is(:hover,:focus-visible):not(:disabled),.contact-circle:is(:hover,:focus-visible){background-position:100% 100%;color:#fff;border-color:#bcd7ffaa;box-shadow:0 -4px 28px #6399ff33,0 8px 35px #89b1ff66,0 3px 6px #000a,inset 0 -2px 5px #ebf4ff77;transform:translateY(-2px)}.button.button-primary:is(:hover,:focus-visible):not(:disabled):before,.contact-circle:is(:hover,:focus-visible):before{opacity:.9;animation-play-state:running;filter:brightness(1.4)}.button.button-primary:is(:hover,:focus-visible):not(:disabled):after,.contact-circle:is(:hover,:focus-visible):after{opacity:.9}.button.button-primary:active:not(:disabled){transform:translateY(1px)}.button.button-outline{border-radius:999px;background:linear-gradient(140deg,#2b365755,#0e1423);border-color:#8ba9e33d}.button.button-outline:hover{background:#23334f;border-color:#9cbdff99;box-shadow:0 0 24px #6c93fa16}.button.button-quiet{border-radius:999px;background:#1a2334}.button.button-quiet:hover{background:#283a57}.contact-circle{border-radius:50%}.contact-circle:hover{transform:translateY(-4px)}.hero-reel .reel-play{background:linear-gradient(140deg,#c5daff22,#18273b77);box-shadow:inset 0 1px 2px #fff3,0 0 20px #7aabfa26}@keyframes stardust-flow{to{background-position:34px -46px,-24px -34px,55px -65px,0 0}}@media(max-width:720px){.button.button-primary{min-height:48px;padding:14px 20px}}@media(prefers-reduced-motion:reduce){.button.button-primary:before,.contact-circle:before{animation:none}.button.button-primary,.contact-circle{transition:none}}.button.button-primary:before,.contact-circle:before{background-image:url(/effects/stardust.svg),url(/effects/stardust.svg),linear-gradient(180deg,#000,#fff 85%);background-size:180px 120px,240px 160px,200% 200%;background-position:0 0,60px 30px,50% 100%;background-blend-mode:multiply,multiply,overlay;filter:brightness(1.6) contrast(.8)}@keyframes stardust-flow{to{background-position:0 -240px,60px -290px,50% 50%}}
