:root{--bg:#080808;--panel:#111;--line:#202c3a;--muted:#9da7b0;--blue:#00a2e8;--white:#f2f2f2}body{background-color:#080808;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:40px 40px;color:var(--white)}.wrap{max-width:1120px;padding-left:32px;padding-right:32px}.topbar{max-width:none;height:70px;padding:0 32px;border:0;background:transparent}.brand{color:#f5f5f5;font-size:13px;letter-spacing:.08em}.brand-mark{color:#00a2e8}.brand small{color:#929da9}.topbar nav{gap:24px;background:transparent;border-radius:0;padding:0}.topbar nav a{padding:8px 0;color:#abb4be;font-size:12px}.topbar nav a:hover{background:none;color:white}.topbar nav .nav-contact{background:#fb790f;color:#0b0b0b!important;padding:11px 18px;border-radius:3px}.nav-contact span{color:#0b0b0b}.hero{min-height:0;display:block;text-align:center;padding-top:18px;padding-bottom:80px}.hero-copy{background:none;padding:0;border-radius:0;display:block}.aperture-logo{display:block;width:min(290px,75%);height:auto;margin:0 auto 32px}.hero .eyebrow{font-size:11px;letter-spacing:.24em;color:#00a2e8}.hero h1{font-size:clamp(42px,5vw,62px);letter-spacing:-.025em;margin:22px 0 18px;line-height:1.05}.hero-intro{max-width:700px;margin:auto;color:#b5bec6;font-size:17px;line-height:1.7}.hero-aside{max-width:600px;margin:28px auto 0;padding:22px 0 0;background:none;border:0;border-top:1px solid #173f51;border-radius:0}.hero-aside p{font-size:14px;margin:8px 0;color:#abb4bd}.hero-aside a{color:#00a2e8}.actions{justify-content:center;gap:10px;margin-top:28px}.button{border-radius:3px;min-height:45px;font-size:12px;gap:25px;padding:0 18px}.button.primary{background:#00a2e8;color:#00131b}.button.primary:hover{background:#47bff1}.button.secondary{background:#111;color:#e4e8ec;border:1px solid #344353}.button span{color:inherit}.section{padding-top:75px;padding-bottom:75px;border:0}.section-heading{display:block;text-align:center;margin:0 auto 38px;max-width:720px}.section-heading .eyebrow{color:#00a2e8;letter-spacing:.18em}.section-heading h2{font-size:clamp(31px,4vw,46px);letter-spacing:0;margin-top:12px}.section-heading>p{max-width:630px;margin:16px auto 0;font-size:15px;line-height:1.7;color:#a4aeb8}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project,.featured,.projects .project,.projects .featured{display:flex;position:relative;flex-direction:column;align-items:stretch;min-height:240px;padding:28px 30px 28px 94px;background:#111;color:#f5f5f5;border:2px solid #202c3a;border-radius:7px;transition:border-color .2s,background .2s}.project:hover,.featured:hover{background:#191919;border-color:#3c5262;transform:none}.project:before{content:'◇';position:absolute;left:25px;top:29px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#09212b;color:#00a2e8;font-size:26px;font-weight:400}.project:nth-child(3n):before{color:#ff790f;background:#2b1b10}.project-top,.featured .project-top{font-size:10px;color:#82919f;letter-spacing:.09em}.project h3,.featured h3,.project .project-top+h3{font-size:21px;line-height:1.25;letter-spacing:.02em;margin:14px 0 10px;color:#f5f5f5}.project p,.featured p,.archive p,.lab p{color:#a8b2bd;font-size:14px;line-height:1.7}.featured>div:nth-child(2){display:block}.featured{grid-column:auto}.project .text-link,.featured .project-links{margin-top:auto;padding-top:20px;font-size:12px;color:#32b6ed}.featured .project-links{display:flex;gap:18px;flex-wrap:wrap}.approach{margin:0;background:#0d0f11eF;border-block:1px solid #1b2630;border-radius:0}.approach .wrap{padding-left:32px;padding-right:32px}.story-flow{border-top:1px solid #27323d}.story-flow>div{grid-template-columns:50px 1fr;gap:20px;border-color:#27323d}.story-flow span{color:#00a2e8}.story-flow p{color:#b8c0c8;font-size:15px}.approach-note{margin:0;font-size:14px;color:#abb6bf}.lab{background:#111;border:2px solid #202c3a;border-radius:7px;padding:10px 30px}.lab-head h3{font-size:24px}.lab-head p a{color:#00a2e8}.lab-items a{border-color:#26323e}.lab-items span,.lab-items b{color:#00a2e8}.lab-items strong{font-size:15px}.lab-items small{color:#9daab5;font-size:12px}.lab-note{border-color:#26323e;color:#9daab5!important;font-size:12px!important}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive article{background:#111;border:1px solid #202c3a;border-radius:5px;padding:24px;min-height:190px}.archive h3{font-size:18px}.archive article>a,.archive article>span{color:#39b4e6}.contact{padding:0 32px;background:none}.contact-inner{max-width:1056px;background:#111;color:#f5f5f5;border:2px solid #202c3a;border-radius:7px;padding:38px}.contact .eyebrow{color:#00a2e8}.contact h2{font-size:clamp(30px,4vw,44px)}.contact h2 .blue{color:#00a2e8}.contact p{font-size:15px;color:#a8b2bd}.contact-links a,.contact-links a:last-child{border-color:#344353}.contact-links span{color:#9daab5}.contact-links b{color:#00a2e8}.footer{max-width:1120px;color:#84909c}.footer .brand{font-family:'DIN Pro',sans-serif}@media(max-width:800px){.topbar nav{gap:0}.hero{padding-top:25px}.section-heading{display:block}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project,.featured,.projects .project,.projects .featured{padding-left:25px;padding-top:95px}.project:before{top:25px}.contact-inner{grid-template-columns:1fr}}@media(max-width:520px){.wrap{padding-left:18px;padding-right:18px}.topbar{height:65px;padding:0 18px}.topbar nav .nav-contact{padding:10px 13px;font-size:11px}.hero{padding-top:25px;padding-bottom:55px}.aperture-logo{width:220px;margin-bottom:28px}.hero h1{font-size:42px}.hero-intro{font-size:15px}.actions{flex-wrap:wrap}.button{padding:0 15px}.section{padding-top:55px;padding-bottom:55px}.projects,.archive-grid{grid-template-columns:1fr;gap:12px}.project,.featured,.projects .project,.projects .featured{min-height:0;padding:24px 22px 24px 82px}.project:before{left:20px;top:24px;width:42px;height:42px}.project h3,.featured h3{font-size:19px}.project p,.featured p{font-size:14px}.approach .wrap{padding-left:18px;padding-right:18px}.story-flow>div{grid-template-columns:28px 1fr;gap:10px}.story-flow p{font-size:14px}.lab{padding:5px 20px}.lab-items a{grid-template-columns:24px 1fr 18px}.lab-items small{grid-column:2}.lab-items b{grid-column:3;grid-row:1/3}.contact{padding:0 18px}.contact-inner{padding:25px 22px}.footer{padding:25px 18px}}@media(prefers-reduced-motion:reduce){.project{transition:none}}
.aperture-logo{filter:invert(1);opacity:.9}