@import url('assets/fonts/fonts.css');
:root{--bg:#080c10;--panel:#10171d;--text:#f4f5f3;--muted:#a5b0b9;--cyan:#43d4f2;--line:#28333b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img{max-width:100%}header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}.brand{display:block;width:106px;height:94px}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav a:hover,.text-link:hover{color:var(--cyan)}.nav-cta{border:1px solid #7d8b94;padding:10px 20px;display:flex;gap:30px}.skip{position:absolute;top:-70px;left:20px;background:var(--cyan);color:#000;padding:10px;z-index:50}.skip:focus{top:10px}.hero{position:relative;min-height:690px;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,16,.97) 0%,rgba(8,12,16,.84) 29%,rgba(8,12,16,.18) 70%),linear-gradient(0deg,rgba(8,12,16,.8),transparent 45%)}.hero-copy{position:relative;padding:62px 5% 110px;max-width:900px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;margin:0 0 28px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:9px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-1.5px;line-height:.94;text-transform:uppercase;font-weight:700}h1{font-size:clamp(76px,10.8vw,152px);margin-bottom:30px}em{font-style:normal;color:var(--cyan)}.intro{font-size:19px;color:#d2d9dd;line-height:1.55;margin-bottom:30px}.actions{display:flex;gap:30px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--cyan);color:#071117;padding:15px 22px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}.button:hover{background:#a1ecfa}.button:disabled{opacity:.55;cursor:wait}.button span{font-size:22px}.text-link{font-size:13px;font-weight:600}.hero-bottom{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#c5cfd4}.ticker{padding:20px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:2px;align-items:center}.ticker b{color:var(--cyan);font-size:22px}.section{padding:95px 5%;max-width:1600px;margin:auto}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.aside{font-size:12px;color:var(--muted);line-height:1.5}.section h2{font-size:clamp(44px,5.6vw,80px);margin-bottom:30px}.section h2 span{color:#83909a}.section-intro{max-width:610px;color:var(--muted);font-size:16px;margin:0 0 44px}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services>a{padding:32px 30px 30px 0;position:relative}.services>a+a{border-left:1px solid var(--line);padding-left:30px}.services>a:hover h3{color:var(--cyan)}.service-num{font-size:11px;color:var(--cyan)}.services h3{font-size:25px;margin:30px 0 14px;letter-spacing:-.8px}.services p{color:var(--muted);font-size:14px;max-width:260px}.arrow{font-size:26px;display:block;margin-top:28px}.service-note{display:flex;gap:25px;align-items:center;padding-top:28px;font-size:12px}.service-note p{margin:0;color:var(--muted)}.service-note a{margin-left:auto;color:var(--cyan)}.work-section{background:var(--panel);max-width:none}.film{margin-top:48px}.film-frame{aspect-ratio:16/9;max-width:1160px;margin:auto;background:#000}.film iframe{width:100%;height:100%;border:0}.film-caption{display:flex;justify-content:space-between;align-items:center;padding-top:18px;max-width:1160px;margin:auto}.film-caption h3{font-size:16px;margin:0}.film-caption span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.portfolio-heading{margin-top:65px;align-items:center}.portfolio-heading h3{font-size:18px}.muted{color:var(--muted);font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.project-card{display:block}.project-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#1d2a33;transition:filter .2s}.project-card:hover img{filter:brightness(1.15)}.project-card h3{font-size:17px;font-weight:500;margin:14px 0 6px;display:flex;justify-content:space-between}.project-card h3 span{color:var(--cyan)}.project-card p{color:var(--muted);font-size:12px;line-height:1.6}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy{padding-top:45px}.about-copy p{color:var(--muted)}.about-copy .large{color:var(--text);font-size:27px;letter-spacing:-.7px;line-height:1.35}.about-line{border-top:1px solid var(--line);padding-top:25px;margin-top:32px;display:grid;grid-template-columns:110px 1fr;gap:20px}.about-line span{font-size:9px;letter-spacing:1px;color:var(--cyan)}.about-line p{font-size:13px}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#0e161c;max-width:none}.contact h2{font-size:clamp(60px,6vw,90px)}.contact-copy>p{color:var(--muted)}.contact-copy>a{display:block;font-size:14px;margin-bottom:8px}.contact-copy>a:hover{color:var(--cyan)}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:11px;color:#cad5db}.field input,.field select,.field textarea{color:var(--text);background:#121f28;border:1px solid #34434d;padding:12px;width:100%;border-radius:0;font-size:14px}.field textarea{min-height:110px;resize:vertical}.field.wide,.form-status,.form-buttons{grid-column:1/-1}.error{color:#ffab9e;font-size:12px;min-height:0}.field input[aria-invalid=true]{border-color:#ffab9e}.form-status{margin:0;font-size:13px}.form-buttons{display:flex;gap:20px}.form-hint{font-size:11px;color:var(--muted);margin:15px 0 0}footer{padding:54px 5% 22px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:1px;font-size:25px}.wordmark span{color:var(--cyan)}footer>p{grid-column:1;font-size:12px;color:var(--muted)}footer>div{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;font-size:12px;gap:7px}footer small{font-size:10px;color:var(--muted);margin-top:35px}.inner{min-height:65vh;padding-top:65px}.inner h1{font-size:clamp(65px,8vw,115px);margin:30px 0}.collection-links{display:flex;gap:20px;margin-bottom:35px}.collection-links a{border:1px solid var(--line);padding:9px 20px;font-size:12px}.collection-links a:hover{border-color:var(--cyan)}.project-detail-copy{max-width:730px;color:var(--muted);margin:30px 0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}.gallery img,.gallery video{width:100%;display:block;background:var(--panel)}.gallery figure{margin:0}.gallery figcaption{font-size:12px;color:var(--muted);margin-top:12px}.details{display:flex;gap:35px;flex-wrap:wrap}.details dt{font-size:10px;color:var(--cyan);text-transform:uppercase}.details dd{margin:0;font-size:14px}.notice{padding:25px;border:1px solid var(--line);color:var(--muted);grid-column:1/-1}
@media(min-width:1600px){.hero-copy{padding-left:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:760px){header{height:85px}.brand{width:85px;height:80px}nav{gap:20px;font-size:12px}nav>a:nth-child(3){display:none}.nav-cta{padding:8px 12px;gap:12px}.hero{min-height:660px}.hero-copy{padding-top:68px}.hero-photo{object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(8,12,16,.92),rgba(8,12,16,.35))}.hero h1{font-size:100px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-bottom span:last-child{display:none}.ticker{font-size:8px;letter-spacing:1px;gap:9px}.ticker b{font-size:16px}.section{padding:65px 6%}.services{grid-template-columns:1fr}.services>a,.services>a+a{padding:24px 0 20px;border-left:0}.services>a+a{border-top:1px solid var(--line)}.services h3{margin:12px 0}.services p{max-width:90%;margin-bottom:5px}.arrow{position:absolute;right:5px;top:20px}.service-note{flex-wrap:wrap;gap:8px}.service-note a{margin:5px 0 0;width:100%}.project-grid{grid-template-columns:1fr 1fr;gap:24px 14px}.project-card h3{font-size:14px}.project-card p{font-size:11px}.film-caption span{display:none}.about,.contact{grid-template-columns:1fr;gap:20px}.about-copy{padding:0}.about-line{grid-template-columns:90px 1fr}.contact{gap:40px}.section-top .aside{font-size:10px}.section h2{font-size:54px}.contact h2{font-size:80px}.actions{gap:20px}.button{padding:13px 16px;gap:20px;font-size:12px}.text-link{font-size:11px}.gallery{grid-template-columns:1fr}footer{grid-template-columns:1fr;gap:8px}footer>div{grid-column:1;grid-row:auto;align-items:flex-start;margin-top:15px}.inner h1{font-size:78px}.inner .eyebrow{margin-top:24px}}@media(max-width:400px){nav{gap:13px}.hero h1{font-size:87px}.project-grid{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.field{grid-column:1}.ticker span:last-of-type,.ticker b:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}