@font-face{font-family:Bricolage;src:url('/assets/bricolage-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Bricolage;src:url('/assets/bricolage-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--paper:#edf2f9;--ink:#203653;--muted:#52647b;--line:#c3cfe0;--blue:#325dad}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;font-family:Bricolage,Arial,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #8fc9ff;outline-offset:6px}::selection{background:#b7d4ff;color:var(--ink)}.wrap{width:87.5%;max-width:1400px;margin-inline:auto}.skip-link{position:absolute;z-index:20;top:-100px;left:20px;background:white;color:var(--ink);padding:16px}.skip-link:focus{top:15px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero{position:relative;isolation:isolate;min-height:760px;height:100svh;color:#fff;display:flex;flex-direction:column;background:#142439;overflow:hidden}.hero-poster,.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-video{z-index:-2;opacity:0}.hero-video.has-played{opacity:1}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(9,20,34,.79),rgba(9,20,34,.35) 68%,rgba(9,20,34,.24)),linear-gradient(0deg,rgba(9,20,34,.55),transparent 30%,transparent 78%,rgba(9,20,34,.45))}.header{display:flex;justify-content:space-between;align-items:center;padding-block:30px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600}.monogram{width:40px;height:35px;display:grid;place-items:center;background:white;color:var(--ink);border-radius:50%;letter-spacing:-2px;font-size:21px;padding-right:2px}nav{display:flex;gap:35px;align-items:center;font-size:15px}.nav-contact{border:1px solid #ffffff80;border-radius:4px;padding:12px 17px}.nav-contact span{margin-left:15px}nav a:hover{color:#cbdfff}.hero-content{margin-block:auto;padding-block:50px 70px}.hero-intro{font-size:17px;margin-bottom:27px}.hero h1{font-weight:600;font-size:clamp(66px,7.6vw,118px);line-height:1;letter-spacing:-.065em;max-width:14ch;margin-left:-.045em}.hero-description{font-size:clamp(19px,1.7vw,25px);line-height:1.5;margin-top:30px;color:#f0f3f9}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;padding:17px 24px;border-radius:4px;font-size:15px}.button-light{background:white;color:var(--ink);margin-top:31px}.button-light:hover{background:#dce9fa}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding-bottom:29px;gap:20px;font-size:14px}.explore{display:flex;align-items:center;gap:25px}.explore span{font-size:24px}.video-toggle{color:white;background:#122337a6;border:1px solid #ffffff70;border-radius:30px;padding:10px 17px;min-height:44px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px}.video-toggle[hidden]{display:none}.video-toggle:hover{background:#203653}.video-icon{display:inline-block;width:12px;text-align:center}
.services{padding-block:112px 90px}.section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.section-intro h2,.work h2,.approach h2{font-size:clamp(36px,3.6vw,55px);font-weight:400;line-height:1.1;letter-spacing:-.05em}.section-intro>p{font-size:20px;line-height:1.65;color:var(--muted);max-width:42ch}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:70px}.service-grid h3{font-weight:600;font-size:23px;letter-spacing:-.6px;margin-bottom:17px}.service-grid p{font-size:16px;line-height:1.75;color:var(--muted);max-width:38ch}.work{padding-block:54px 100px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}.work-heading p{color:var(--muted);font-size:17px;padding-bottom:4px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:3%}.project{min-width:0}.preview{aspect-ratio:1.35;padding:23px 17px;border-radius:7px;display:flex;align-items:center}.preview-art{background:#dde2f0}.preview-glass{background:#d4e3e7}.preview-ready{background:#dfe6d9}.preview img{width:100%;height:auto;display:block;border-radius:2px}.project-heading{padding-top:23px}.project-heading h3{font-size:24px;letter-spacing:-.8px;font-weight:600}.visit{display:inline-flex;gap:8px;align-items:center;font-size:13px;margin-top:10px}.visit svg{width:14px;height:14px}.project-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.project>p{font-size:15px;line-height:1.7;color:var(--muted);margin:16px 0}.project-type{color:var(--muted);font-size:12px}.approach{padding-block:65px 95px;display:grid;grid-template-columns:1fr 2fr;gap:8%;border-top:1px solid var(--line)}.section-label{font-size:16px;margin-top:9px}.approach>div>p{font-size:20px;line-height:1.65;color:var(--muted);max-width:48ch;margin-top:27px}.contact{background:var(--ink);color:white}.contact-inner{padding-block:90px 100px}.contact-inner>p{font-size:17px;color:#d5e1f1;margin-bottom:25px}.contact h2{font-size:clamp(44px,6.3vw,96px);line-height:1.05;letter-spacing:-.055em;font-weight:400}.contact-email{display:inline-flex;align-items:center;gap:35px;font-size:clamp(23px,2.6vw,36px);border-bottom:1px solid #ffffff80;padding-bottom:10px;margin-top:39px;letter-spacing:-.035em}.contact-email:hover{color:#cbdfff}.contact-email svg{width:28px;height:28px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px;font-size:12px;color:var(--muted)}footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.hero{min-height:700px}.hero h1{font-size:clamp(64px,9vw,85px)}.section-intro{gap:6%}.section-intro>p,.approach>div>p{font-size:18px}.service-grid{gap:4%}.service-grid h3{font-size:21px}.projects{gap:3%}.preview{padding:16px 10px}.project-heading h3{font-size:21px}.work-heading p{max-width:22ch}.services{padding-block:80px 65px}.work{padding-block:35px 70px}}
@media(max-width:650px){.wrap{width:88%}.hero{height:100svh;min-height:690px}.header{padding-block:23px;gap:15px}.brand{font-size:14px;gap:9px}.monogram{width:33px;height:30px;font-size:18px}nav{gap:16px;font-size:13px}nav>a:first-child{display:none}.nav-contact{padding:10px 12px}.nav-contact span{margin-left:6px}.hero-content{padding-block:55px}.hero-intro{font-size:13px;margin-bottom:24px}.hero h1{font-size:clamp(51px,11.9vw,77px);max-width:11ch;line-height:1.02;letter-spacing:-.058em}.hero h1 br{display:none}.hero-description{font-size:18px;margin-top:27px}.button{font-size:13px;padding:16px 17px;gap:15px;min-height:52px}.hero-bottom{padding-bottom:22px;font-size:12px;gap:12px}.explore{gap:12px}.video-toggle{font-size:12px;padding:9px 12px}.hero-video,.hero-poster{object-position:64% center}.hero-shade{background:linear-gradient(0deg,#09142299,#09142275 55%,#0914228c)}.services{padding-block:64px 40px}.section-intro{grid-template-columns:1fr;gap:25px}.section-intro h2,.work h2,.approach h2{font-size:37px}.section-intro>p{font-size:17px;line-height:1.7}.service-grid{grid-template-columns:1fr;gap:30px;margin-top:42px}.service-grid h3{font-size:23px;margin-bottom:10px}.service-grid p{max-width:none;font-size:16px}.work{padding-block:35px 60px}.work-heading{display:block;margin-bottom:29px}.work-heading p{margin-top:20px;max-width:none;font-size:16px}.projects{grid-template-columns:1fr;gap:40px}.preview{padding:25px 19px}.project-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px}.project-heading h3{font-size:24px}.visit{margin-top:0;flex-shrink:0}.project>p{margin-top:12px;font-size:16px}.approach{grid-template-columns:1fr;gap:25px;padding-block:34px 59px}.approach>div>p{font-size:17px;margin-top:23px}.contact-inner{padding-block:56px 65px}.contact-inner>p{font-size:15px;line-height:1.6;max-width:29ch;margin-bottom:24px}.contact h2{font-size:54px}.contact-email{font-size:27px;margin-top:32px}footer{flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:11px}footer>a:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}