:root{--ink:#091117;--blue:#325feb;--lightblue:#528ffe;--paper:#f0f1f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:76px;position:absolute;z-index:10;top:28px;left:42px;right:42px;background:#fffefc;border:1px solid #e4e8ed;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;box-shadow:0 8px 24px #0911170d}.logo{font-size:35px;font-weight:850;letter-spacing:-2px;display:flex;align-items:center}.logo>span{font-size:13px;align-self:flex-start;margin:5px 0 0 3px;letter-spacing:0}.logo small{font-size:7px;line-height:1.2;letter-spacing:.1px;margin:10px 0 0 9px;font-weight:500}nav{display:flex;align-items:center;gap:36px;font-size:13px}.nav-cta{padding:13px 17px;background:var(--ink);color:#fff;border-radius:9px}.nav-cta span{margin-left:24px}main{padding:14px}.panel{border-radius:24px;overflow:hidden;margin-bottom:14px;position:relative}.hero{height:920px;min-height:92vh;background:radial-gradient(ellipse at 77% 48%,#79b1ff 0%,#3067e2 29%,#142d66 52%,#091117 78%);color:white;padding:125px 50px 32px}.hero-top,.section-kicker{display:flex;justify-content:space-between;font:10px/1.4 'Helvetica Neue',sans-serif;letter-spacing:1px}.hero-top{position:relative;z-index:3;color:#d2ddef}.eyebrow{font-size:10px;letter-spacing:1.5px}.eyebrow i{display:inline-block;background:#8cb8ff;width:6px;height:6px;border-radius:100%;margin-right:8px;box-shadow:0 0 14px #528ffe}.hero-copy{position:relative;z-index:2;padding-top:72px;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-size:clamp(65px,6.8vw,104px);line-height:.99;letter-spacing:-6px;font-weight:500;margin:0 0 26px}h1>span{color:#c8d9f4}p{font-size:15px;line-height:1.5}.hero-copy p{color:#c4cfe2;font-size:15px;margin-bottom:30px}.button{display:inline-flex;align-items:center;background:white;color:var(--ink);border-radius:12px;padding:7px 22px 7px 7px;gap:21px;font-size:13px;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0002}.button b{display:grid;place-items:center;background:var(--blue);color:white;width:48px;height:48px;border-radius:8px;font-size:24px;font-weight:400}.button.dark{background:var(--ink);color:white}.button.dark b{background:white;color:var(--ink)}#scene{position:absolute;inset:75px -3% 130px 34%;z-index:1;pointer-events:none}#scene canvas{width:100%;height:100%;display:block}.fallback{position:absolute;width:80%;top:22%;left:10%;filter:drop-shadow(20px 40px 25px #0007)}.object-label{position:absolute;right:60px;bottom:250px;display:flex;gap:40px;font-size:8px;letter-spacing:1px;color:#d1dfff}.hero-bottom{position:absolute;bottom:98px;left:50px;right:50px;z-index:3;display:flex;justify-content:space-between;align-items:end}.hero-bottom>p{font-size:12px;color:#c3cee2}.featured{width:340px;background:#ffffffed;border:1px solid #fff;border-radius:14px;padding:9px;display:flex;align-items:center;color:var(--ink);gap:15px}.featured img{width:94px;height:76px;object-fit:cover;border-radius:8px}.featured span{font-size:10px;line-height:2;color:#69717e}.featured strong{font-size:14px;color:var(--ink);font-weight:500}.featured b{margin-left:auto;margin-right:14px;font-size:23px;font-weight:400}.hero-word{position:absolute;bottom:-38px;left:42px;font-size:clamp(100px,15vw,250px);line-height:1;letter-spacing:-.06em;color:#adcaff12;font-weight:600;pointer-events:none}.hero-noise{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:2}.light{background:var(--paper)}.about,.work,.expertise,.process,.contact{padding:48px 50px 60px}h2{font-size:clamp(48px,5.6vw,83px);line-height:1.02;letter-spacing:-4px;font-weight:500;margin:0}h2 span{color:#9299a4}.about>h2{margin:85px 0 55px;font-size:clamp(60px,7vw,106px);max-width:1000px}.about-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:65px;align-items:start}.symbol{font-size:180px;line-height:.8;color:var(--blue);font-weight:600}.about-bottom p{margin:0;color:#525c68;font-size:14px;max-width:340px}.text-link{display:inline-block;border-bottom:1px solid #99a3b1;margin-top:23px;padding-bottom:7px;color:var(--ink)}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid #ccd1d9}.principles>div{padding:28px 30px 0;border-right:1px solid #ccd1d9}.principles>div:first-child{padding-left:0}.principles>div:last-child{border:0}.principles span{font-size:11px;color:#7a8594}.principles h3{font-size:38px;letter-spacing:-1px;font-weight:500;margin:20px 0 6px}.principles p{font-size:13px;color:#77808d}.work{background:var(--ink);color:#fff}.section-title{display:flex;align-items:end;justify-content:space-between;margin:70px 0 46px}.section-title>p{font-size:13px;color:#8f9baa;max-width:320px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:45px 25px}.project{border:0;padding:0;background:none;text-align:left;color:inherit}.project-image{height:410px;overflow:hidden;border-radius:13px;position:relative}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.project:hover img{transform:scale(1.04)}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-caption h3{font-size:20px;font-weight:400;letter-spacing:-.5px}.project-caption>span{font-size:8px;letter-spacing:.7px;color:#abb5c4}.round-arrow{position:absolute;right:18px;bottom:18px;background:white;color:var(--ink);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:23px}.project.wide{grid-column:1 / -1}.wide .project-image{height:560px}.image-tag{position:absolute;top:22px;left:22px;background:white;padding:9px 13px;border-radius:4px;color:var(--ink);font-size:9px;letter-spacing:1px}.expertise-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;margin-top:85px}.expertise-layout>div>p{margin:28px 0;color:#6b7583}.services details{border-bottom:1px solid #cbd1da}.services summary{display:flex;align-items:center;gap:24px;list-style:none;cursor:pointer;padding:28px 0;font-size:19px;letter-spacing:-.3px}.services summary::-webkit-details-marker{display:none}.services summary>span{font-size:10px;color:#7f8c9e}.services summary b{margin-left:auto;font-weight:300;font-size:25px}.services details[open] b{transform:rotate(45deg)}.services details p{padding:0 30px 18px 45px;color:#697482;font-size:14px;margin:0}.manifesto{padding:70px 50px;background:radial-gradient(ellipse at 90% 20%,#8abcff 0,#325feb 42%,#152c67 85%);color:white;min-height:690px}.manifesto h2{margin-top:50px;font-size:clamp(55px,6.5vw,95px)}.manifesto em{font-style:normal;color:#adc7ff}.manifesto>div{display:flex;justify-content:space-between;align-items:end;margin-top:30px}.manifesto>div>span{font-size:95px;font-weight:200}.manifesto p{font-size:13px;color:#d9e5ff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c9d0da;margin-top:70px}.process article{padding:25px 28px 0;border-right:1px solid #c9d0da}.process article:first-child{padding-left:0}.process article:last-child{border:0}.process article>span{font-size:11px;color:var(--blue)}.process h3{font-size:29px;letter-spacing:-1px;font-weight:500;margin:55px 0 15px}.process p{font-size:13px;color:#6c7785}.contact{background:var(--ink);color:white;padding-bottom:40px}.contact h2{position:relative;font-size:clamp(85px,11.8vw,180px);margin:95px 0 80px;letter-spacing:-8px}.contact h2>span{color:#528ffe}.contact h2>a{position:absolute;right:0;top:20px;background:#325feb;border-radius:50%;width:135px;height:135px;display:grid;place-items:center;font-size:90px;font-weight:200}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding-top:30px;font-size:13px;color:#cbd2df}footer{display:flex;align-items:center;justify-content:space-between;padding:24px 55px 38px}footer p,footer>a:last-child{font-size:10px;letter-spacing:.5px;color:#707b89}dialog{border:0;background:var(--paper);color:var(--ink);border-radius:20px;padding:48px;width:min(1100px,90vw);max-height:90vh}dialog::backdrop{background:#091117cc;backdrop-filter:blur(12px)}dialog h2{margin:25px 0;font-size:55px}dialog p{max-width:650px;color:#647080}dialog img{width:100%;border-radius:12px;margin:15px 0}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:35px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #528ffe;outline-offset:5px}@media(min-width:1600px){.hero{height:1000px}.hero-copy{padding-top:95px}}@media(max-width:1000px){header{left:30px;right:30px}nav{gap:20px}.hero{padding-left:30px;padding-right:30px}h1{letter-spacing:-4px}.about,.work,.expertise,.process,.contact{padding:35px 30px}.expertise-layout{gap:35px}.project-caption{display:block}.project-caption>span{display:block;margin-bottom:12px}.about-bottom{gap:25px}.contact h2>a{width:90px;height:90px;font-size:60px}.object-label{right:35px;gap:15px}.hero-copy p{max-width:370px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
