@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;450;500;600;700&display=swap');
:root{font-family:'IBM Plex Sans',sans-serif;color:#171717;background:#fff;font-synthesis:none;--line:#d7d7d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #6552fc;outline-offset:6px}::selection{background:#d3fc5b;color:#171717}.wrap{padding-inline:4vw}header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:600;letter-spacing:-1.5px}.brand span{font-weight:400}nav{display:flex;align-items:center;gap:36px;font-size:16px}.navlink{position:relative;padding-block:8px}.navlink:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s} .navlink:hover:after,.navlink[aria-current=page]:after{transform:scaleX(1)}.contact{border:1px solid #171717;border-radius:100px;padding:12px 22px;transition:background .25s,color .25s}.contact:hover{background:#171717;color:white}.intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-block:58px 40px}.eyebrow{font-size:14px;letter-spacing:.04em;text-transform:uppercase}.intro h1{font-size:clamp(48px,7.5vw,124px);line-height:.98;letter-spacing:-.065em;font-weight:450;margin:0}.intro p{font-size:18px;line-height:1.4;max-width:270px;margin:0}.hero{position:relative;background:#151515;aspect-ratio:16/9;overflow:hidden}.hero iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hero-bottom{position:absolute;inset:auto 25px 22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;color:#fff;text-shadow:0 1px 8px #000}.hero-bottom a,.hero-bottom button{pointer-events:auto}.video-toggle{color:white;background:#151515b3;border:1px solid #ffffff75;padding:10px 16px;border-radius:50px;cursor:pointer}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-block:85px 30px}.section-head h2{font-size:clamp(30px,4vw,56px);font-weight:450;letter-spacing:-.045em;margin:0}.section-head sup{font-size:14px;vertical-align:top;margin-left:12px;letter-spacing:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.card{min-width:0;display:block}.card:first-child.featured{grid-column:1/-1}.cover{overflow:hidden;background:#ededed;aspect-ratio:16/10}.featured .cover{aspect-ratio:16/8}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.card:hover img{transform:scale(1.035)}.card-meta{display:flex;justify-content:space-between;gap:16px;padding-top:15px}.card h3{font-size:24px;font-weight:500;letter-spacing:-.025em;margin:0}.card p{font-size:14px;margin:7px 0 0;color:#666}.card .arrow{font-size:26px;transition:transform .3s}.card:hover .arrow{transform:translate(4px,-4px)}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:110px;padding-block:45px 100px}.about h2{font-size:16px;font-weight:400;margin:0}.about .statement{font-size:clamp(28px,3.6vw,55px);line-height:1.16;letter-spacing:-.035em;margin:0 0 32px}.about p{font-size:18px;line-height:1.6;max-width:650px}.about-links{display:flex;gap:28px;margin-top:36px}footer{background:#171717;color:#fff;padding:55px 4vw 25px}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:end}.footer-top h2{font-weight:400;font-size:clamp(38px,5vw,76px);letter-spacing:-.05em;line-height:1.05;margin:0}.footer-bottom{border-top:1px solid #555;display:flex;justify-content:space-between;margin-top:70px;padding-top:22px;font-size:14px;color:#bbb}.project-intro{padding-block:55px}.back{font-size:14px;display:inline-block;margin-bottom:50px}.project-intro h1{font-size:clamp(45px,9vw,140px);font-weight:450;letter-spacing:-.065em;line-height:1;margin:10px 0 40px}.project-summary{display:grid;grid-template-columns:1fr 1fr;gap:40px}.project-summary p{font-size:20px;line-height:1.55;margin:0}.gallery{display:grid;gap:20px}.gallery img{display:block;width:100%;height:auto}.next{border-top:1px solid var(--line);margin-top:70px;padding-block:45px 70px;display:flex;justify-content:space-between;align-items:center}.next strong{font-size:clamp(28px,4vw,60px);font-weight:450;letter-spacing:-.04em}.draft{background:#f0f0f0;padding:24px;font-size:16px;line-height:1.5}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion .reveal.visible{opacity:1;transform:none}@media(max-width:700px){.wrap{padding-inline:20px}header{height:76px}.brand{font-size:25px}nav{gap:18px;font-size:14px}nav .contact{display:none}.intro{padding-block:38px 26px;display:block}.intro p{font-size:16px;max-width:100%;margin-top:22px}.intro h1{font-size:60px}.hero{aspect-ratio:9/16}.hero-bottom{inset:auto 14px 18px;font-size:13px}.grid{grid-template-columns:1fr;gap:35px}.featured .cover{aspect-ratio:16/10}.section-head{padding-block:55px 25px}.section-head>a{font-size:14px}.about{grid-template-columns:1fr;margin-top:65px;gap:25px;padding-bottom:60px}.about p{font-size:16px}.footer-top{display:block}.footer-top>a{display:inline-block;margin-top:28px}.footer-bottom{gap:20px}.project-intro{padding-top:28px}.project-summary{grid-template-columns:1fr;gap:20px}.project-summary p{font-size:18px}.gallery{gap:10px}.next{gap:20px}.next .eyebrow{max-width:95px}footer{padding-inline:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion .reveal{opacity:1;transform:none}}

.case-video{position:relative;width:100%;background:#151515}.case-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.case-source{margin:24px 0;font-size:16px}
/* Full viewport showreel and overlaid navigation */
.home header{position:absolute;top:0;left:0;right:0;z-index:5;color:#fff;border-color:#ffffff35;background:linear-gradient(#0005,transparent)}.home header .contact{border-color:#ffffffa6}.home header .contact:hover{background:#fff;color:#171717}.home .hero{width:100%;height:100svh;min-height:620px;aspect-ratio:auto;color:#fff}.home .hero>iframe{top:50%;left:50%;width:max(100vw,177.778svh);height:max(100svh,56.25vw);transform:translate(-50%,-50%);pointer-events:none}.home .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 90%),linear-gradient(0deg,#0008,transparent 45%);pointer-events:none}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:110px;padding-bottom:110px}.home .intro{width:100%;align-items:end;padding:0}.home .intro h1{font-size:clamp(64px,10vw,160px);line-height:1;letter-spacing:-.06em}.home .intro p{text-shadow:0 2px 15px #0008}.hero-cta{margin-top:42px;padding:16px 27px;border-radius:100px;background:#fff;color:#171717;font-size:16px;transition:background .25s,transform .25s}.hero-cta:hover{background:#dedede;transform:translateY(-3px)}.hero-bottom{z-index:3;left:4vw;right:4vw}.animated-cover{position:relative;aspect-ratio:16/9!important}.animated-cover iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.eco-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.eco-tiles img{width:100%;height:auto;min-width:0}.home .hero.paused:after{background:#000c}.home .hero.paused>iframe{visibility:hidden}@media(max-width:700px){.home .hero{min-height:560px}.home .hero>iframe{width:max(100vw,56.25svh);height:max(100svh,177.778vw)}.home .intro h1{font-size:clamp(60px,15vw,100px)}.home .intro p{margin-top:28px}.hero-content{padding-top:100px;padding-bottom:105px}.hero-cta{margin-top:28px}.hero-bottom{left:20px;right:20px}.eco-tiles{gap:6px}.home header .contact{display:none}}

header,.home header{border-bottom:0}.brand{display:flex;flex-direction:column;gap:4px;letter-spacing:0;line-height:1.25}.brand .brand-name{font-size:20px;font-weight:500}.brand .brand-role{font-size:14px;font-weight:400}.home .hero-content{justify-content:flex-end;padding-bottom:64px}.hero-cta{margin-top:0}@media(max-width:700px){.brand .brand-name{font-size:17px}.brand .brand-role{font-size:12px}.home header,header{gap:12px}nav{gap:14px}.brand{max-width:190px}.home .hero-content{padding-bottom:40px}}

.brand{display:block;line-height:0;flex:none}.brand-avatar{display:block;width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center;border:1px solid #ffffff55}.home .brand-avatar{box-shadow:0 2px 16px #0005}@media(max-width:700px){.brand-avatar{width:48px;height:48px}}