@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--cyan:#00E5FF;--black:#0B0C0E;--slate:#47505B;--white:#F5F7F8;--muted:#A5B0B5;--border:#31373B;--paper:#EDEFF0;--font:'DM Sans',Arial,sans-serif;--heading:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.container{width:min(1350px,calc(100% - 100px));margin:0 auto}.section-pad{padding-top:116px;padding-bottom:116px}.skip{position:absolute;left:1rem;top:-8rem;background:var(--cyan);color:var(--black);padding:12px;z-index:1000}.skip:focus{top:12px}.announcement{height:36px;border-bottom:1px solid #30373a;display:flex;align-items:center;padding:0 max(50px,calc((100vw - 1350px)/2));gap:11px;color:#b3bec2;font:600 10px var(--heading);letter-spacing:1.9px}.signal{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.top-sep{color:#5b646a}.announcement-end{margin-left:auto;color:var(--cyan)}.header{position:sticky;top:0;background:rgba(11,12,14,.94);backdrop-filter:blur(18px);z-index:25;border-bottom:1px solid #22272a}.navshell{height:86px;width:min(1350px,calc(100% - 100px));margin:auto;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--heading);font-weight:700;font-size:27px;letter-spacing:-1.7px;white-space:nowrap}.brand img{width:41px}.brand-period{color:var(--cyan)}.desktop-nav{margin-left:auto;display:flex;gap:38px;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:1.1px}.desktop-nav a{color:#bcc7cb;transition:color .2s}.desktop-nav a:hover{color:var(--cyan)}.nav-cta{background:var(--cyan);color:var(--black);font-weight:800;letter-spacing:.6px;font-size:11px;padding:17px 20px;white-space:nowrap}.nav-cta span{padding-left:13px}.menu-toggle,.mobile-nav{display:none}.hero{padding-top:70px;padding-bottom:74px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center}.eyebrow{font-family:var(--heading);color:#c8d0d4;letter-spacing:2.1px;font-size:11px;font-weight:700;line-height:1.5;display:flex;align-items:center;gap:13px}.color-accent,.small-cross{color:var(--cyan)}.small-cross{font-size:20px}.hero h1{font-family:var(--heading);font-weight:700;font-size:clamp(58px,6vw,105px);line-height:.94;letter-spacing:-6.7px;margin:30px 0 30px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #dce5ea}.hero h1>span{color:var(--cyan)}.hero-description{max-width:520px;color:#bdc8cc;font-size:17px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:31px}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 19px;border:1px solid transparent;font-family:var(--heading);font-size:11px;font-weight:700;letter-spacing:1.1px;transition:transform .2s,background .2s,color .2s;text-align:left}.btn:hover{transform:translateY(-2px)}.btn-cyan{background:var(--cyan);color:var(--black)}.btn-cyan:hover{background:#7bf5ff}.btn-outline{color:var(--white);border:1px solid #697277;background:transparent}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan)}.textlink{font-family:var(--heading);font-size:11px;letter-spacing:1.4px;border-bottom:1px solid #7a8286;padding:12px 0}.textlink span{margin-left:10px;color:var(--cyan)}.hero-footnote{margin-top:74px;display:flex;align-items:center;gap:12px;font-family:var(--heading);letter-spacing:1.7px;font-size:10px;color:#849398}.hero-footnote .rule{height:1px;width:66px;background:#5f6d75}.hero-gallery{height:625px;position:relative;display:grid;grid-template-columns:1.1fr .78fr;grid-template-rows:1fr 1fr;gap:12px}.hero-gallery img{width:100%;height:100%;object-fit:cover}.hero-main-img,.hero-mini{position:relative;overflow:hidden;background:#1a1f22}.hero-main-img{grid-row:span 2}.hero-main-img img{object-position:center 38%}.hero-mini-top img{object-position:center 22%}.hero-mini-bottom img{object-position:center 48%}.img-overlay-label,.hero-mini span{position:absolute;bottom:0;left:0;width:100%;padding:42px 14px 15px;background:linear-gradient(transparent,rgba(0,0,0,.77));font:700 10px var(--heading);letter-spacing:1.15px}.hero-image-tag{position:absolute;top:50%;left:-52px;transform:translateY(-50%) rotate(-90deg);transform-origin:center;background:var(--cyan);color:var(--black);padding:10px 15px;font:700 10px var(--heading);letter-spacing:1.6px;white-space:nowrap}.hero-image-tag span{font-weight:400}.marquee-wrap{height:65px;background:var(--cyan);overflow:hidden;display:flex;align-items:center;color:var(--black)}.marquee-text{min-width:max-content;display:flex;align-items:center;gap:25px;animation:marq 38s linear infinite;font:700 18px var(--heading);letter-spacing:1.5px}.marquee-text b{font-size:20px}@keyframes marq{to{transform:translateX(-34%)}}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:43px}.section-heading h2,.statement-band h2,.story-copy h2,.inquiry h2{font:700 clamp(48px,5vw,76px)/1.02 var(--heading);letter-spacing:-4px;margin:18px 0 0}.section-heading h2 span,.statement-band h2 span,.story-copy h2 span,.inquiry h2 span{color:var(--cyan)}.section-heading p{max-width:370px;color:var(--muted);line-height:1.8;margin-bottom:0;font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:29px}.filter{padding:12px 15px;border:1px solid #374044;background:transparent;color:#bec7ca;font:700 10px var(--heading);letter-spacing:1px}.filter:hover{border-color:#7d8589}.filter.active{background:var(--cyan);color:var(--black);border-color:var(--cyan)}.filter sup{font-size:9px;margin-left:2px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 17px}.project-card{background:transparent;color:inherit;border:0;text-align:left;padding:0;min-width:0}.card-photo{height:410px;position:relative;background:#202427;overflow:hidden;display:block}.card-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.24),transparent 45%);pointer-events:none}.card-photo img{height:100%;width:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .card-photo img{transform:scale(1.045)}.card-number{position:absolute;top:16px;left:17px;z-index:1;background:rgba(11,12,14,.8);padding:9px;color:#eef7f9;font:700 10px var(--heading);letter-spacing:1px}.card-enter{position:absolute;z-index:1;right:14px;bottom:14px;background:var(--cyan);color:var(--black);width:40px;height:40px;display:grid;place-items:center;font-size:23px}.card-meta{padding:18px 0 0;display:flex;flex-direction:column;gap:8px}.card-type{color:var(--cyan);font:700 10px var(--heading);letter-spacing:1.4px}.card-title{font:700 25px var(--heading);letter-spacing:-1.15px}.card-sub{color:var(--muted);font-size:13px}.gallery-note{display:flex;align-items:center;gap:12px;padding-top:36px;color:#93a2a7;font-size:12px}.statement-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#111619;padding:92px 0}.statement-grid{display:grid;grid-template-columns:1fr 3fr;gap:20px}.statement-band h2{max-width:950px;margin:0 0 27px}.statement-band h2 span{color:var(--cyan)}.statement-band p{max-width:650px;color:var(--muted);line-height:1.8;margin-bottom:27px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service{border:1px solid #394147;min-height:330px;padding:24px;display:flex;flex-direction:column;transition:background .2s}.service:hover{background:#161d20}.service-no{font:700 12px var(--heading);color:#748288}.service-mark{font:400 62px var(--heading);color:var(--cyan);margin:17px 0}.service h3{font:700 21px var(--heading);letter-spacing:-.6px;margin-bottom:12px}.service p{color:var(--muted);font-size:13px;line-height:1.75}.service-end{margin-top:auto;border-top:1px solid #3a4449;padding-top:18px;font:700 10px var(--heading);letter-spacing:.6px;color:var(--cyan)}.story{background:#e8ecec;color:var(--black)}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.story-image{height:710px;position:relative;background:#1e1e1e}.story-image img{height:100%;width:100%;object-fit:cover;object-position:center 24%}.story-image-caption{position:absolute;bottom:19px;left:19px;right:19px;font:700 10px var(--heading);letter-spacing:1.5px;background:rgba(11,12,14,.85);color:white;padding:14px}.story-copy .eyebrow{color:#2a4248}.story-copy h2{margin-bottom:33px}.story-copy h2 span{color:#00889a}.story-copy p{font-size:16px;line-height:1.95;color:#394449;max-width:510px}.story-signoff{border-top:1px solid #b6bfc0;margin-top:32px;padding-top:20px;display:flex;align-items:center;gap:11px;font:700 12px var(--heading);letter-spacing:1.8px}.story-signoff .small-cross{color:#00889a}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}.process-grid>div{border-right:1px solid var(--border);padding:26px 24px 0 0;margin-right:24px;min-height:195px}.process-grid>div:last-child{border-right:0}.process-grid span{font:700 11px var(--heading);letter-spacing:1.3px;color:var(--cyan)}.process-grid h3{font:700 18px var(--heading);margin:18px 0 12px}.process-grid p{color:var(--muted);font-size:13px;line-height:1.75}.inquiry{background:#14191c}.inquiry-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.inquiry-intro h2{margin-bottom:29px}.inquiry-intro>p{font-size:16px;color:var(--muted);line-height:1.9;max-width:430px}.inquiry-side-note{margin-top:55px;border-top:1px solid #3c4549;padding-top:22px;color:#9dacae;display:flex;align-items:start;gap:12px;font-size:13px;line-height:1.7;max-width:420px}.inquiry-panel{background:#eff2f2;color:var(--black);padding:33px}.form-header{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #c6cfd1;padding-bottom:20px;margin-bottom:24px;font:700 10px var(--heading);letter-spacing:1.3px}.form-header span:last-child{color:#6c777b}#brief-form{display:flex;flex-direction:column}#brief-form label,.brief-output label{font:700 10px var(--heading);letter-spacing:1.1px;margin-bottom:9px}#brief-form label span{font-weight:400;color:#798488}#brief-form input,#brief-form select,#brief-form textarea{border:1px solid #c6d0d3;border-radius:0;padding:15px;background:white;color:#171b1d;outline-color:#007b8d;margin-bottom:22px;font-size:14px;resize:vertical}#brief-form input::placeholder,#brief-form textarea::placeholder{color:#889499}.brief-button{width:100%;font-size:11px}.form-disclaimer{font-size:11px;color:#637074;line-height:1.65;margin:15px 0 0}.brief-output{border-top:1px solid #acb9bc;padding-top:22px}.brief-output pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;border:1px solid #bec9cc;padding:16px;background:white}.brief-actions{display:flex;gap:10px;flex-wrap:wrap}.brief-output .btn-outline{color:#131719;border-color:#6a767a}.brief-output p{font-size:11px;color:#647073;line-height:1.7;margin-top:15px}.footer{padding:65px 0 27px;background:#080a0b}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:70px}.footer-brand{font-size:33px}.footer-top p{font:700 10px/1.8 var(--heading);letter-spacing:1.6px;color:#89989d;margin-top:17px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:20px;font:700 11px var(--heading);letter-spacing:1px}.footer-links a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #303638;padding-top:22px;color:#7d8c92;font:700 10px var(--heading);letter-spacing:1.1px}.project-dialog[hidden],.mobile-nav[hidden],.brief-output[hidden]{display:none!important}.project-dialog{position:fixed;inset:0;z-index:80;display:flex;align-items:stretch;justify-content:flex-end}.dialog-shade{position:absolute;inset:0;background:rgba(0,0,0,.85)}.dialog-panel{position:relative;width:min(1100px,95vw);background:#111518;height:100%;overflow:auto;box-shadow:0 0 70px rgba(0,0,0,.5)}.dialog-close{position:sticky;top:16px;margin:18px 18px -56px auto;width:42px;height:42px;z-index:10;border:1px solid #5c696c;color:white;background:rgba(9,10,12,.94);font-size:20px;display:grid;place-items:center}.dialog-body{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;padding:66px 43px}.detail-hero{background:#252b2e}.detail-hero img{width:100%;height:600px;object-fit:contain}.detail-thumbs{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.detail-thumb{border:2px solid transparent;padding:0;background:#1b2427;width:78px;height:82px;overflow:hidden}.detail-thumb.selected{border-color:var(--cyan)}.detail-thumb img{width:100%;height:100%;object-fit:cover}.detail-right{padding-top:14px}.detail-right h2{font:700 clamp(37px,4vw,60px)/1.04 var(--heading);letter-spacing:-2.5px;margin:30px 0}.detail-statement{font:500 21px/1.5 var(--heading);color:#e6f0f1}.detail-right>p:not(.detail-statement){font-size:14px;line-height:1.85;color:#acbabe}.specs{border-top:1px solid #4b565c;border-bottom:1px solid #4b565c;margin:28px 0;padding:22px 0}.specs strong{font:700 10px var(--heading);letter-spacing:1.4px;color:var(--cyan)}.specs ul{padding-left:17px;margin-bottom:0;font-size:13px;color:#c3d0d3;line-height:1.9}.rights-notice{font-size:11px!important;color:#87979b!important}.dialog-inquire{margin-top:15px}.dialog-open{overflow:hidden}
@media(max-width:1150px){.container,.navshell{width:calc(100% - 56px)}.announcement{padding:0 28px}.hero h1{font-size:clamp(55px,6.5vw,79px);letter-spacing:-4.5px}.hero-gallery{height:540px}.services-grid{grid-template-columns:repeat(2,1fr)}.hero-layout{gap:26px}.hero-footnote{margin-top:40px}.card-photo{height:350px}}
@media(max-width:760px){.container,.navshell{width:calc(100% - 36px)}.section-pad{padding-top:72px;padding-bottom:72px}.announcement{padding:0 18px;height:30px;font-size:8px;letter-spacing:1px}.announcement-end{display:none}.navshell{height:70px}.brand{font-size:24px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:7px;background:none;border:0;padding:10px}.menu-toggle span{height:2px;width:26px;background:white}.mobile-nav:not([hidden]){display:flex;position:absolute;left:0;right:0;top:70px;padding:22px;background:#101517;flex-direction:column;gap:0;border-bottom:1px solid var(--border)}.mobile-nav a{padding:16px 7px;border-bottom:1px solid #333c40;font:700 13px var(--heading);letter-spacing:1px}.hero{padding-top:60px}.hero-layout{grid-template-columns:1fr}.hero h1{font-size:clamp(58px,13.5vw,92px);letter-spacing:-4.7px;margin:24px 0}.hero-description{font-size:15px}.hero-footnote{margin:34px 0 8px}.hero-gallery{height:450px;grid-template-columns:1fr .7fr}.hero-image-tag{display:none}.marquee-wrap{height:54px}.marquee-text{font-size:15px}.section-heading{display:block}.section-heading h2,.statement-band h2,.story-copy h2,.inquiry h2{font-size:clamp(44px,10vw,72px);letter-spacing:-3px}.section-heading p{margin-top:25px;max-width:100%}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.card-photo{height:270px}.card-title{font-size:19px}.card-type{font-size:9px}.statement-grid{display:block}.statement-grid h2{margin-top:22px}.services-grid{grid-template-columns:1fr 1fr}.service{min-height:300px;padding:18px}.service h3{font-size:17px}.service p{font-size:12px}.story-layout{grid-template-columns:1fr;gap:42px}.story-image{height:480px}.story-copy{padding-bottom:8px}.process-grid{grid-template-columns:1fr 1fr}.process-grid>div:nth-child(2){border-right:0}.inquiry-layout{grid-template-columns:1fr;gap:35px}.inquiry-side-note{margin-top:25px}.footer-top{grid-template-columns:1fr 1fr;gap:20px}.footer-top>div:first-child{grid-column:span 2}.footer-bottom{display:block;line-height:1.8}.dialog-body{grid-template-columns:1fr;gap:25px;padding:61px 20px}.detail-hero img{height:420px}.dialog-panel{width:100vw}.detail-right h2{margin:20px 0}.detail-right{padding-top:3px}}
@media(max-width:450px){.hero-gallery{height:365px}.hero-actions{gap:14px}.btn{padding:14px;font-size:10px}.textlink{font-size:10px}.projects-grid{grid-template-columns:1fr 1fr}.card-photo{height:215px}.card-title{font-size:17px}.card-meta{gap:7px}.services-grid{grid-template-columns:1fr}.service{min-height:230px}.story-image{height:430px}.footer-top{grid-template-columns:1fr 1fr}.filter{padding:10px 11px;font-size:9px}.hero h1{font-size:clamp(50px,13vw,65px);letter-spacing:-3.8px}.hero-gallery{gap:6px}.announcement{font-size:7px}.form-header{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-text{animation:none}.card-photo img,.btn{transition:none}}