
@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url("assets/original/90cfb22de854.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url("assets/original/8e9188fd0717.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url("assets/original/b6040370f3bc.woff2") format("woff2-variations");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:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url("assets/original/dd3aa3f8a2dc.woff2") format("woff2-variations");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:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url("assets/original/a09d88842fec.woff2") format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("assets/original/4d428d04ff0d.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("assets/original/1cbbc17c6090.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("assets/original/aaa401d4e0d9.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("assets/original/44f167ce58ca.woff2") format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("assets/original/c0acdfec89cd.woff2") format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("assets/original/77c8455fb9b5.woff2") format("woff2-variations");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{color-scheme:dark;font-family:Manrope Variable,sans-serif;color:#e6edf2;background:#060b10;font-synthesis:none;--ice:#9beaff;--muted:#8b9aa6;--line:#34434d;--display:"Oswald Variable",sans-serif;--page-pad:clamp(24px,3.4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ice);outline-offset:6px}img{display:block;max-width:100%}button svg,a svg{flex-shrink:0}svg{width:22px;height:22px}::selection{background:#a8ecfa;color:#061019}.site-shell{overflow:clip}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--ice);color:#071017;z-index:99;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{height:72px;padding:0 var(--page-pad);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.wordmark{font-size:18px;font-weight:400;letter-spacing:.33em;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:44px;font-size:13px}.site-header nav>a{color:#c6d2da;transition:color .2s}.site-header nav>a:hover{color:var(--ice)}.contact-button{border:1px solid #b4e5f1;border-radius:30px;display:inline-flex;gap:18px;align-items:center;padding:11px 22px;font-size:13px;transition:box-shadow .25s,background .25s,transform .25s}.contact-button svg{width:17px;height:17px}.contact-button:hover{background:#14242c;box-shadow:0 0 24px #77ddff32;transform:translateY(-2px)}.mobile-menu-toggle{display:none!important}.hero{height:744px;position:relative;isolation:isolate;--pointer-x:0px;--pointer-y:0px}.scene-background{position:absolute;top:-72px;left:0;width:100%;height:calc(100% + 150px);max-width:none;object-fit:cover;object-position:center 53%;z-index:-2;transform:translate3d(var(--pointer-x),var(--pointer-y),0) scale(1.025);transition:transform 1.1s cubic-bezier(.22,1,.36,1);pointer-events:none}.hero-copy{position:absolute;top:35px;left:var(--page-pad);z-index:2;width:32%}.hero-copy h1{font-family:var(--display);font-weight:700;line-height:.98;letter-spacing:-.055em;margin:0;color:#d9e6f0;text-shadow:0 1px 0 #fff,0 3px 0 #728699,0 14px 40px #0008}.hero-copy h1 span{display:block;white-space:nowrap;transform-origin:left;transform:scaleX(.72);width:139%}.hero-copy h1 span:first-child{font-size:clamp(118px,11.6vw,192px)}.hero-copy h1 span:last-child{font-size:clamp(85px,9.05vw,150px);line-height:1.05;letter-spacing:-.055em;transform:scaleX(.69)}.hero-copy p{font-size:clamp(11px,1.05vw,15px);line-height:1.8;white-space:nowrap;margin:30px 0 0;color:#c1d5e2;letter-spacing:-.025em}.hero-copy p span{color:#8aa3b3;margin:0 3px}.hero-work-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;margin-top:25px;color:#9fb2c0;padding:7px 0;border-bottom:1px solid #5d778b6b;transition:color .2s,gap .2s}.hero-work-link:hover{color:var(--ice);gap:20px}.hero-work-link svg{width:17px;height:17px}.carousel{position:absolute;top:0;left:33%;right:3.4%;bottom:0;perspective:1300px;z-index:3}.orbit-track{height:580px;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;perspective:1100px;transform-style:preserve-3d}.orbit-card{position:absolute;top:18px;left:50%;width:clamp(235px,20.7vw,320px);aspect-ratio:9/16;padding:0;border-radius:15px;overflow:hidden;transform:translate(calc(-50% + var(--offset)*282px + var(--drag))) translateY(calc(var(--depth)*50px)) translateZ(calc(var(--depth)*-110px)) rotateY(calc(var(--offset)*-22deg)) scale(calc(1 - var(--depth)*.14));transform-origin:center;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .5s,box-shadow .35s,filter .45s;z-index:calc(4 - var(--depth));border:2px solid #afc5d9;box-shadow:inset 0 0 0 1px #f2faff,3px 2px #6e8996,-3px -1px #a8c5d7,8px 12px 25px #0009;cursor:grab;will-change:transform;backface-visibility:hidden}.orbit-card:active{cursor:grabbing}.orbit-card img{width:100%;height:100%;object-fit:cover;pointer-events:none;filter:brightness(.78);transition:filter .5s}.orbit-card.is-active{border-color:#c8f4ff;box-shadow:inset 0 0 0 1px #fff,4px 2px #4b879a,-3px -1px #c6e8f7,0 0 12px #8ae2ff88,0 0 37px #5bcfff22,12px 20px 42px #000b}.orbit-card.is-active img{filter:brightness(1)}.orbit-card:hover{box-shadow:0 0 0 1px #d0f6ff,0 0 28px #92eaff65,8px 20px 45px #000b}.orbit-card:hover img{filter:brightness(1.04)}.orbit-card.is-hidden{opacity:0;pointer-events:none}.orbit-card.wide-project img{object-position:48% center}.orbit-count{position:absolute;bottom:15px;right:15px;padding:5px 10px;border:1px solid #c3d5e76b;border-radius:30px;background:#06111e88;font-size:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;display:grid;place-items:center;border:1px solid #f2f6fa;border-radius:50%;background:#0b15233d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 4px 24px #0003;transition:background .25s,box-shadow .25s;pointer-events:none}.play-mark svg{width:31px;height:31px;margin-left:4px;color:#fff}.play-mark.small{width:54px;height:54px}.play-mark.small svg{width:22px;height:22px}.orbit-card:hover .play-mark,.project-card:hover .play-mark{background:#5cbad740;box-shadow:0 0 25px #a6ecff38}.carousel-controls{position:absolute;left:50%;top:566px;transform:translate(-50%);width:min(550px,88%);text-align:center}.selected-name{font-size:21px;line-height:1.4;margin:0 0 17px;font-weight:500;text-shadow:0 2px 16px #000}.slider-controls{display:flex;gap:24px;align-items:center}.icon-button{width:48px;height:48px;display:inline-grid;place-items:center;border:1px solid #a3b8c6;border-radius:50%;flex-shrink:0;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.icon-button:hover{background:#2237438a;border-color:var(--ice);box-shadow:0 0 18px #9ae5ff2b;transform:translateY(-2px)}.slider-rail{height:30px;position:relative;flex:1;display:flex;align-items:center}.slider-rail input{width:100%;height:24px;position:relative;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;margin:0;cursor:ew-resize}.slider-rail input::-webkit-slider-runnable-track{height:2px;background:#a8b9c5}.slider-rail input::-moz-range-track{height:2px;background:#a8b9c5}.slider-rail input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#a3eeff;border:1px solid #c5f4ff;box-shadow:0 0 11px #6bd9ff,0 0 26px #6bd9ff72;margin-top:-5.5px}.slider-rail input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#a3eeff;border:1px solid #c5f4ff;box-shadow:0 0 11px #6bd9ff}.slider-ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.slider-ticks span{display:block;width:4px;height:4px;background:#c6d7e3;border-radius:50%}.drag-hint{margin:6px 0 0;font-size:11px;color:#a3b8c7;letter-spacing:.06em}.drag-hint>span{margin:0 9px;color:#62899e}.cursor-light{position:absolute;top:0;left:0;width:84px;height:84px;pointer-events:none;z-index:5;border:1px solid #74d9ff55;border-radius:50%;box-shadow:0 0 20px #4cc4fb15,inset 0 0 24px #70d5ff12;-webkit-backdrop-filter:brightness(1.15);backdrop-filter:brightness(1.15);opacity:0;transition:opacity .4s}.motion-switch{position:absolute;bottom:30px;left:var(--page-pad);display:flex;align-items:center;gap:8px;color:#8ea2b0;font-size:10px;z-index:5;padding:10px 0}.motion-switch svg{width:14px;height:14px}.motion-switch:hover{color:var(--ice)}.section-container{margin:0 var(--page-pad);padding:57px 0 76px;border-top:1px solid #73818b;display:grid;grid-template-columns:240px minmax(0,1fr);gap:38px;position:relative}.section-side{align-self:start}.display-title{font-family:var(--display);font-size:92px;letter-spacing:-.055em;font-weight:600;line-height:1.04;margin:0;color:#d8e4ed;text-shadow:0 1px 0 #f4f9fd,0 2px 0 #8398a8}.display-title.smaller{font-size:66px;line-height:1.12}.section-side>p{font-size:12px;color:#8b9eac;line-height:1.85;margin-top:24px}.works-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 23px;min-height:36px}.filters{display:flex;gap:12px;flex-wrap:wrap}.filters button{border:1px solid #54626e;border-radius:30px;padding:8px 23px;font-size:12px;line-height:1.3;transition:all .2s}.filters button:hover{border-color:#a4c4d6;background:#13222c}.filters button.active{border-color:#b7effb;box-shadow:inset 0 -6px 12px #67daf21c,0 0 15px #7de0f61a;background:#0b1a22}.demo-caption{font-size:10px;color:#8296a5;white-space:nowrap}.project-card{padding:0;display:block;text-align:left;width:100%;min-width:0}.project-image{position:relative;aspect-ratio:var(--aspect);overflow:hidden;border-radius:14px;border:1px solid #60788a;isolation:isolate;background:#0b1720}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s}.project-card:hover .project-image>img{transform:scale(1.035);filter:brightness(1.08)}.project-card:hover .project-image{border-color:#b3e3f4;box-shadow:0 0 25px #81dbff1e}.project-card.featured .project-image{aspect-ratio:2.4/1;min-height:300px}.featured-title{position:absolute;left:24px;bottom:24px;text-shadow:0 2px 12px #0009;background:#07131e5c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 20px;border:1px solid #a7bbce35;border-radius:10px}.featured-title>span{font-size:9px;letter-spacing:.15em;color:#d9e8f3}.featured-title h3{font-size:27px;font-weight:500;margin:5px 0}.featured-title p{font-size:12px;color:#d0dfeb;margin:0}.demo-cover{position:absolute;bottom:24px;right:22px;font-size:10px;padding:6px 10px;border:1px solid #c6d4df88;background:#09111a72;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px}.portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:32px}.portrait-grid .project-image{aspect-ratio:9/13.8;max-height:470px}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0}.project-meta h3{font-size:15px;line-height:1.4;font-weight:500;margin:0 0 7px}.project-meta p{font-size:10px;color:#8498a6;margin:0;line-height:1.6}.project-meta>svg{color:#afc9da;width:19px;height:19px;transition:transform .2s}.project-card:hover .project-meta>svg{transform:translate(3px,-3px)}.filtered-projects{animation:reveal-content .45s ease}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start;padding-top:15px}.story-grid .project-image{aspect-ratio:16/10}.eyebrow{font-size:10px;letter-spacing:.15em;color:#a5bac9;display:block;margin-bottom:18px}.stories-section{padding-top:68px;border-color:#34454f}.about-section{padding-top:70px;border-color:#34454f}.about-content{padding:0 0 10px;max-width:780px}.about-content h3{font-size:clamp(32px,4.1vw,62px);line-height:1.17;letter-spacing:-.04em;font-weight:400;margin:0 0 30px}.about-content h3 em{color:#a4ddf3;font-style:normal}.about-content>p{color:#a8b9c6;font-size:16px;line-height:1.85;max-width:650px}.format-line{display:flex;flex-wrap:wrap;gap:30px;border-top:1px solid #273b48;margin-top:35px;padding-top:21px;font-size:12px;color:#d6e5ef}.contact-section{margin:0 var(--page-pad);padding:100px 0 95px;border-top:1px solid #34454f;position:relative}.contact-section h2{font-family:var(--display);font-size:clamp(44px,6.7vw,106px);line-height:1.11;letter-spacing:-.04em;font-weight:500;margin:22px 0 36px;color:#d6e6f0}.contact-section h2 span{color:#9eddf7}.contact-hero-button{border:1px solid #a6d7eb;border-radius:50px;padding:18px 26px;display:flex;gap:60px;align-items:center;font-size:15px;transition:background .2s,box-shadow .3s,transform .3s}.contact-hero-button svg{width:25px;height:25px}.contact-hero-button:hover{background:#102b3a;box-shadow:0 0 34px #82dcff2b;transform:translateY(-3px)}.site-footer{margin:0 var(--page-pad);border-top:1px solid #34454f;padding:30px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .wordmark{font-size:11px;letter-spacing:.28em}.site-footer>span{font-size:10px;color:#7f95a3}.site-footer>a:last-child{display:flex;align-items:center;gap:8px;font-size:11px}.site-footer svg{width:16px;height:16px}[data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}[data-reveal].is-visible{opacity:1;transform:translateY(0)}dialog{padding:0;color:#e5eef4;background:#09121a;border:1px solid #4b6575;box-shadow:0 30px 140px #000b;border-radius:18px;max-height:92dvh}dialog::backdrop{background:#01070ce8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.project-modal{width:min(1130px,94vw)}.modal-shell{padding:24px 30px 30px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}.modal-header>span{font-size:11px;letter-spacing:.13em;color:#abc2d1}.modal-header .icon-button{width:38px;height:38px;border-color:#617c8c}.modal-header svg{width:21px;height:21px}.modal-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:34px;align-items:start}.media-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:#03080c;border-radius:10px;overflow:hidden;aspect-ratio:var(--media-aspect);max-height:72dvh}.media-stage>img{width:100%;height:100%;object-fit:contain}.media-stage>video{width:100%;height:100%;object-fit:contain;max-height:72dvh}.portrait .media-stage{max-width:380px;width:100%;justify-self:center}.portrait{grid-template-columns:1fr 1fr}.no-video-state{position:absolute;bottom:20px;left:20px;right:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#07121ad9;border:1px solid #acc6d451;border-radius:12px;padding:22px 14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.no-video-state>svg{width:27px;height:27px;color:#b4e1f2}.no-video-state strong{font-size:16px;font-weight:500}.no-video-state>span{font-size:11px;color:#9fb6c6}.soft-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #6d9bb3;border-radius:30px;padding:9px 14px;font-size:11px;margin-top:6px;transition:background .2s}.soft-button:hover{background:#244459}.soft-button svg{width:16px;height:16px}.project-details{padding:10px 0}.project-details h2{font-size:31px;letter-spacing:-.03em;font-weight:500;line-height:1.2;margin:0 0 19px}.project-details>p{font-size:14px;line-height:1.8;color:#a9bcc9}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tag-list span{font-size:10px;color:#b9d0de;border:1px solid #395563;border-radius:20px;padding:6px 10px}.episode-list{display:grid;gap:8px;margin-top:24px}.episode-list>button{display:flex;align-items:center;gap:12px;text-align:left;padding:8px;border:1px solid #263e4c;border-radius:9px;transition:border-color .2s,background .2s}.episode-list>button:hover{background:#132634}.episode-list>button.active{border-color:#9cddee;background:#102633}.episode-list img{width:66px;aspect-ratio:16/10;object-fit:cover;border-radius:5px}.episode-list button>span{font-size:11px;flex:1;line-height:1.7}.episode-list small{display:block;font-size:8px;letter-spacing:.13em;color:#95b1c4}.episode-list svg{width:16px;height:16px;margin-right:5px}.prototype-note{margin-top:28px;padding-top:20px;border-top:1px solid #28414e}.prototype-note>span{font-size:9px;letter-spacing:.15em;color:#7da5bb}.prototype-note p{font-size:10px;line-height:1.8;color:#839baa;margin:8px 0}.error-message{font-size:12px!important;color:#f4bcaa!important}.text-button{font-size:11px;display:inline-flex;gap:8px;align-items:center;padding:10px 0;color:#b7e6f9}.text-button svg{width:17px;height:17px}.contact-modal{width:min(510px,92vw)}.contact-modal-content{padding:27px 30px 32px}.contact-modal h2{font-family:var(--display);font-size:56px;letter-spacing:-.04em;line-height:1.12;margin:15px 0}.contact-modal-content>p{font-size:13px;line-height:1.8;color:#a4bac9}.contact-modal label{display:block;font-size:11px;color:#a6bfce;margin-top:23px}.contact-modal select,.contact-modal textarea{width:100%;display:block;margin-top:9px;background:#0e202c;border:1px solid #3e596a;border-radius:9px;padding:12px 14px;color:#d9e8f1;font-size:13px;line-height:1.6;resize:vertical}.contact-modal textarea::placeholder{color:#708b9e}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border:1px solid #a3e4f6;border-radius:30px;background:#153747;font-size:13px;margin-top:25px;transition:background .25s,box-shadow .25s}.primary-button:hover{background:#24516a;box-shadow:0 0 24px #8ee8ff25}.primary-button svg{width:18px;height:18px}.contact-note{font-size:10px!important;color:#829eaf!important;min-height:36px}@keyframes reveal-content{0%{opacity:.1;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-copy h1 span,.display-title{background-image:url("assets/original/6fe0a94b0003.webp");background-size:100% 100%;background-position:center;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #bbd7e766) drop-shadow(0 3px 10px #0008);width:max-content!important}.section-side{min-width:0}.section-side .display-title{transform:scaleX(.8);transform-origin:left;white-space:nowrap}@media(min-width:1201px)and (max-width:1599px){.carousel{left:28%;right:5.4%}.hero-copy h1 span:first-child{font-size:clamp(145px,13vw,186px);transform:scaleX(.59)}.hero-copy h1 span:last-child{font-size:clamp(112px,11.1vw,159px);transform:scaleX(.53)}.orbit-card{transform:translate(calc(-50% + var(--offset)*300px + var(--drag))) translateY(calc(var(--depth)*-14px)) translateZ(calc(var(--depth)*-110px)) rotateY(calc(var(--offset)*24deg)) scale(calc(1 - var(--depth)*.14))}}.reduce-motion *{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}.reduce-motion .cursor-light{display:none}.reduce-motion [data-reveal]{opacity:1;transform:none}@media(min-width:1600px){.hero{height:830px}.carousel-controls{top:640px}.orbit-track{height:650px}.orbit-card{transform:translate(calc(-50% + var(--offset)*320px + var(--drag))) translateY(calc(var(--depth)*55px)) translateZ(calc(var(--depth)*-110px)) rotateY(calc(var(--offset)*-22deg)) scale(calc(1 - var(--depth)*.14))}.hero-copy{top:45px}.section-container{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:1200px){.site-header nav{gap:25px}.wordmark{font-size:15px;letter-spacing:.28em}.hero{height:670px}.hero-copy{top:45px}.hero-copy h1 span:first-child{font-size:130px}.hero-copy h1 span:last-child{font-size:104px}.hero-copy p{max-width:300px;white-space:normal}.carousel{left:34%;right:2%}.orbit-card{width:235px;top:35px;transform:translate(calc(-50% + var(--offset)*220px + var(--drag))) translateY(calc(var(--depth)*48px)) translateZ(calc(var(--depth)*-100px)) rotateY(calc(var(--offset)*-24deg)) scale(calc(1 - var(--depth)*.17))}.carousel-controls{top:490px}.orbit-track{height:510px}.hero-work-link{margin-top:18px}.section-container{grid-template-columns:180px minmax(0,1fr);gap:28px;padding-top:40px}.display-title{font-size:72px}.display-title.smaller{font-size:52px}.works-toolbar{align-items:flex-start;flex-direction:column;gap:13px}.filters{gap:8px}.filters button{padding:8px 19px}.demo-caption{align-self:flex-end;margin-top:-3px}.portrait-grid{gap:17px}.project-meta h3{font-size:13px}.project-meta p{font-size:9px}.project-card.featured .project-image{min-height:260px}.featured-title{left:18px;bottom:18px}.demo-cover{bottom:18px;right:16px}}@media(max-width:850px){.site-header{height:70px}.wordmark{font-size:13px;letter-spacing:.26em}.site-header nav>a{display:none}.site-header nav{gap:0}.contact-button{padding:9px 15px;font-size:11px;gap:8px}.hero{height:1030px}.hero-copy{top:23px;width:calc(100% - 2*var(--page-pad))}.hero-copy h1{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap;line-height:1}.hero-copy h1 span{width:auto;transform:none!important;letter-spacing:-.05em}.hero-copy h1 span:first-child,.hero-copy h1 span:last-child{font-size:79px}.hero-copy p{max-width:none;margin-top:18px;font-size:12px;white-space:normal}.hero-work-link{margin-top:10px}.carousel{top:240px;left:0;right:0;height:690px}.orbit-card{width:260px;top:28px;transform:translate(calc(-50% + var(--offset)*235px + var(--drag))) translateY(calc(var(--depth)*48px)) translateZ(calc(var(--depth)*-100px)) rotateY(calc(var(--offset)*-25deg)) scale(calc(1 - var(--depth)*.17))}.carousel-controls{top:520px;width:470px}.scene-background{height:950px;top:115px;object-position:65% center;object-fit:cover}.motion-switch{bottom:34px}.cursor-light{display:none}.section-container{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:50px}.section-side>p{display:none}.works-section .section-side{display:flex;align-items:center;gap:25px}.display-title{font-size:67px}.display-title.smaller{font-size:59px}.display-title.smaller br{display:none}.works-toolbar{flex-direction:row;align-items:center;margin:0 0 24px}.demo-caption{align-self:auto;margin:0;white-space:normal;max-width:100px;text-align:right;line-height:1.6}.story-grid{padding:0}.stories-section .section-side .eyebrow{margin-bottom:10px}.about-content{padding-top:0}.about-content h3{font-size:43px}.about-content>p{font-size:14px}.contact-section{padding:65px 0}.contact-section h2{font-size:60px}.modal-body,.portrait{grid-template-columns:1fr 1fr;gap:22px}.modal-body.landscape{grid-template-columns:1fr}.landscape .media-stage{max-height:43dvh}.project-details h2{font-size:27px}.site-footer{flex-wrap:wrap}.site-footer>span{order:3;width:100%;font-size:9px}.portrait-grid .project-image{max-height:none}}@media(max-width:560px){:root{--page-pad:20px}.site-header{height:67px}.wordmark{font-size:12px;letter-spacing:.2em}.site-header>nav{display:none;position:absolute;top:60px;right:20px;left:20px;flex-direction:column;align-items:stretch;background:#0b1925f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #41677d;border-radius:14px;padding:15px;gap:6px;box-shadow:0 18px 60px #000a}.site-header>nav.menu-open{display:flex}.site-header nav>a{display:block;padding:12px}.site-header .contact-button{justify-content:space-between;margin-top:6px;padding:13px 15px}.mobile-menu-toggle{display:inline-grid!important;width:36px;height:36px;border-color:#4d6878}.mobile-menu-toggle svg{width:18px;height:18px}.hero{height:850px}.hero-copy{top:21px}.hero-copy h1{display:block}.hero-copy h1 span:first-child{font-size:clamp(80px,26vw,102px);line-height:.95;transform:scaleX(.78)!important;transform-origin:left}.hero-copy h1 span:last-child{font-size:clamp(60px,19vw,74px);line-height:1.1;white-space:nowrap;transform:scaleX(.76)!important;transform-origin:left}.hero-copy p{margin-top:18px;font-size:10px;line-height:1.7;letter-spacing:0}.hero-work-link{font-size:10px;margin-top:12px}.hero-work-link svg{width:14px;height:14px}.carousel{top:300px;height:485px}.orbit-track{height:355px}.orbit-card{top:4px;width:190px;border-radius:11px;transform:translate(calc(-50% + var(--offset)*155px + var(--drag))) translateY(calc(var(--depth)*35px)) translateZ(calc(var(--depth)*-85px)) rotateY(calc(var(--offset)*-24deg)) scale(calc(1 - var(--depth)*.17))}.orbit-card .play-mark{width:53px;height:53px}.orbit-card .play-mark svg{width:22px;height:22px}.carousel-controls{top:365px;width:290px}.selected-name{font-size:15px;margin-bottom:12px}.slider-controls{gap:17px}.slider-controls .icon-button{width:37px;height:37px}.slider-controls svg{width:19px;height:19px}.drag-hint{font-size:9px;margin-top:7px}.scene-background{height:660px;top:205px;width:220%;max-width:none;left:-96%;object-fit:cover;object-position:center;opacity:.85}.motion-switch{bottom:19px;font-size:9px}.section-container{padding-top:33px;padding-bottom:42px;gap:23px}.display-title{font-size:58px}.display-title.smaller{font-size:48px}.works-toolbar{display:block;margin-bottom:20px}.filters{gap:7px;justify-content:space-between}.filters button{padding:8px 13px;font-size:10px}.demo-caption{display:block;max-width:none;text-align:left;font-size:9px;margin-top:15px}.project-card.featured .project-image{aspect-ratio:4/3;min-height:0}.project-card.featured .play-mark{width:54px;height:54px;top:35%}.project-card.featured .play-mark svg{width:24px;height:24px}.featured-title{left:12px;bottom:12px;right:12px;padding:12px 14px;border-radius:8px}.featured-title>span{font-size:8px}.featured-title h3{font-size:23px;margin:4px 0}.featured-title p{font-size:10px}.demo-cover{top:11px;bottom:auto;right:11px;font-size:8px;padding:4px 8px}.portrait-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.portrait-grid .project-card:last-child:nth-child(odd){grid-column:1/3;width:calc(50% - 6.5px)}.project-image{border-radius:10px}.project-meta{padding:12px 0;gap:5px;align-items:flex-start}.project-meta h3{font-size:12px;line-height:1.4;margin-bottom:5px}.project-meta p{font-size:8px;line-height:1.7}.project-meta>svg{width:15px;height:15px;margin-top:3px}.play-mark.small{width:39px;height:39px}.play-mark.small svg{width:17px;height:17px}.story-grid{grid-template-columns:1fr;gap:18px}.story-grid .project-meta h3{font-size:15px}.story-grid .project-meta p{font-size:10px}.story-grid .play-mark.small{width:52px;height:52px}.eyebrow{font-size:9px;letter-spacing:.12em}.about-content h3{font-size:35px;margin-bottom:24px}.about-content>p{font-size:13px;line-height:1.9}.format-line{font-size:10px;gap:18px;margin-top:26px;padding-top:18px}.contact-section{padding:48px 0 52px}.contact-section h2{font-size:41px;line-height:1.18;margin:22px 0 29px;letter-spacing:-.04em}.contact-hero-button{width:100%;justify-content:space-between;padding:16px 22px;font-size:13px}.site-footer{padding:24px 0;gap:21px}.site-footer .wordmark{font-size:10px}.site-footer>a:last-child{font-size:10px}.project-modal{width:calc(100vw - 18px);max-height:95dvh;border-radius:14px}.modal-shell{padding:17px 16px 23px}.modal-header{margin-bottom:17px}.modal-header>span{font-size:9px}.modal-header .icon-button{width:34px;height:34px}.modal-body,.portrait{display:flex;flex-direction:column;gap:22px}.media-stage{width:100%;max-height:none}.portrait .media-stage{width:min(100%,250px);align-self:center;max-height:65dvh}.portrait .media-stage>img{max-height:65dvh}.landscape .media-stage{aspect-ratio:4/3;max-height:none}.landscape .media-stage>img{object-fit:cover}.media-stage>video{max-height:65dvh}.no-video-state{left:12px;right:12px;bottom:12px;padding:16px 10px;gap:6px}.no-video-state strong{font-size:13px}.no-video-state>span{font-size:9px}.no-video-state>svg{width:22px;height:22px}.soft-button{font-size:10px;padding:8px 12px}.project-details{padding:0;width:100%}.project-details h2{font-size:27px}.project-details>p{font-size:13px}.project-details .eyebrow{margin-bottom:12px}.prototype-note{margin-top:22px}.contact-modal{width:calc(100vw - 26px)}.contact-modal-content{padding:20px}.contact-modal h2{font-size:48px}.contact-modal-content>p{font-size:12px}}

