*{box-sizing:border-box}html{background:#030303;color:#f2f2f2;font-family:Arial,Helvetica,sans-serif}body{margin:0;background:#030303;color:#f2f2f2;font-weight:400}a{color:inherit;text-decoration:none}.site-header{height:92px;border-bottom:1px solid #1c1c1c;display:flex;align-items:center;justify-content:space-between;padding:0 5.45vw;position:relative;z-index:20;background:#030303}.brand{font-size:10px;font-weight:700;letter-spacing:.29em}.nav{display:flex;gap:44px;font-size:8px;letter-spacing:.28em;color:#777}.nav a.active,.nav a:hover{color:#eee}.hero{height:calc(100vh - 92px);min-height:620px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-bg,.hero-bg:after{position:absolute;inset:0}.hero-bg{background:radial-gradient(ellipse at 52% 45%,#111 0,#060606 42%,#020202 78%)}.hero-bg:after{content:"";background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.16),rgba(0,0,0,.65))}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) saturate(0) brightness(.68) contrast(1.08);opacity:0;transform:scale(1.015);transition:opacity 1.8s ease-in-out;will-change:opacity}.hero-video.on{opacity:.94}.hero-grade{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 24%,rgba(0,0,0,.10) 74%,rgba(0,0,0,.30) 100%),linear-gradient(180deg,rgba(0,0,0,.07) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,.12) 100%);mix-blend-mode:normal}.wordmark{text-align:center;position:relative;z-index:3;margin-top:-2vh}.rewind{display:flex;align-items:center;justify-content:center;gap:clamp(29px,3.05vw,57px);white-space:nowrap}.rewind .letter,.rewind .two{font-size:clamp(36px,4.05vw,68px);font-weight:400;line-height:1;letter-spacing:0}.rewind .times{font-size:clamp(17px,1.55vw,27px);font-weight:400;margin-left:-12px;margin-right:-17px}.studios{font-size:clamp(8px,.8vw,13px);letter-spacing:1.18em;color:#606060;margin-top:28px;margin-left:1.18em}.tag{font-size:7px;letter-spacing:.52em;color:#3e3e3e;margin-top:45px}.scroll-mark{position:absolute;bottom:31px;width:1px;height:34px;background:#262626;z-index:3}.section{border-top:1px solid #1b1b1b}.wrap{width:82%;max-width:1380px;margin:auto}.home-intro{min-height:690px;padding:110px 0 120px}.eyebrow{font-size:8px;letter-spacing:.38em;color:#646464;text-transform:uppercase;margin-bottom:54px}.display{font-size:clamp(42px,4.25vw,76px);font-weight:400;letter-spacing:-.045em;line-height:1.03;max-width:960px;margin:0}.lead{font-size:18px;line-height:1.65;color:#969696;max-width:650px;margin-top:54px}.split{display:grid;grid-template-columns:35% 65%;min-height:650px}.split>div{padding:92px 8vw}.split>div+div{border-left:1px solid #1b1b1b}.section-no{font-size:7px;letter-spacing:.3em;color:#414141;margin-bottom:30px}.section-title{font-size:14px;letter-spacing:.18em;font-weight:700;line-height:1.55}.quote{font-size:clamp(31px,3vw,54px);line-height:1.25;letter-spacing:-.025em;color:#bdbdbd;max-width:800px}.body-large{font-size:clamp(24px,2.35vw,42px);line-height:1.28;color:#aaa;max-width:800px;margin-top:52px}.footer{height:82px;border-top:1px solid #1b1b1b;padding:0 5.45vw;display:flex;align-items:center;justify-content:space-between;color:#444;font-size:7px;letter-spacing:.25em}.page-hero{min-height:520px;padding:88px 9vw 100px}.page-hero .display{max-width:900px}.page-hero .lead{max-width:620px}.grid4{display:grid;grid-template-columns:1fr 1fr}.grid-card{min-height:350px;border-top:1px solid #1b1b1b;padding:70px 8vw}.grid-card:nth-child(even){border-left:1px solid #1b1b1b}.grid-card h3{font-size:13px;letter-spacing:.19em;margin:28px 0 30px}.grid-card p{font-size:14px;color:#888;line-height:1.8;max-width:470px}.about-block{display:grid;grid-template-columns:36% 64%;border-top:1px solid #1b1b1b;min-height:600px}.about-label{padding:95px 9vw}.about-copy{border-left:1px solid #1b1b1b;padding:95px 7vw}.about-copy h2{font-size:clamp(31px,3vw,54px);font-weight:400;line-height:1.25;color:#bbb;margin:0 0 52px;max-width:790px}.about-copy p{font-size:18px;color:#999;line-height:1.65;max-width:760px}.contact{display:grid;grid-template-columns:55% 45%;min-height:calc(100vh - 174px)}.contact>div{padding:100px 8vw}.contact>div+div{border-left:1px solid #1b1b1b}.contact h1{font-size:clamp(42px,4vw,70px);font-weight:400;letter-spacing:-.04em;margin:0 0 70px}.field{border-bottom:1px solid #292929;padding:18px 0;margin-bottom:28px}.field label{display:block;font-size:7px;letter-spacing:.3em;color:#555;margin-bottom:12px}.field input,.field textarea{width:100%;background:none;border:0;outline:0;color:#ddd;font:15px Arial;resize:none}.send{margin-top:20px;background:none;border:1px solid #333;color:#ddd;padding:14px 28px;font-size:9px;letter-spacing:.24em}.email{font-size:18px;color:#aaa;margin-top:45px}@media(max-width:800px){.site-header{padding:0 24px}.nav{gap:18px}.rewind{gap:17px}.rewind .times{margin-left:-5px;margin-right:-7px}.split,.about-block,.contact{grid-template-columns:1fr}.split>div+div,.about-copy,.contact>div+div{border-left:0;border-top:1px solid #1b1b1b}.grid4{grid-template-columns:1fr}.grid-card:nth-child(even){border-left:0}.wrap{width:86%}.page-hero{padding-left:7vw}.tag{letter-spacing:.3em}}

/* Homepage reconstruction from the Airo reference */
.home-page{font-family:'Outfit',Arial,sans-serif;background:#050505}.home-page .site-header{height:58px;padding:0 5.8vw;background:#050505}.home-page .brand{font-family:'Outfit',sans-serif;font-size:9px;font-weight:600;letter-spacing:.28em}.home-page .nav{gap:38px;font-family:'Outfit',sans-serif;font-size:7px;letter-spacing:.31em;color:#666}.home-page .hero{height:calc(100vh - 58px);min-height:610px}.home-page .rewind{gap:clamp(27px,3.15vw,55px)}.home-page .rewind span:not(.times){font-family:'Outfit',sans-serif;font-size:clamp(38px,4.2vw,70px);font-weight:400}.home-page .studios{font-family:'Outfit',sans-serif;font-weight:300}.home-page .tag{font-family:'Outfit',sans-serif}.airo-section{border-top:1px solid #1b1b1b;background:#050505}.airo-inner{width:88.4%;margin:0 auto}.airo-kicker{font-family:'Outfit',sans-serif;font-size:7px;font-weight:400;letter-spacing:.48em;color:#5f6266}.airo-about{min-height:605px;padding:92px 0 105px}.airo-about-copy{margin-top:66px}.airo-primary{margin:0;color:#f0f0f0;font-size:16px;font-weight:400;line-height:2.05;letter-spacing:-.01em}.airo-secondary{margin:30px 0 0;color:#5f6266;font-size:13px;font-weight:300;line-height:2.05;letter-spacing:.005em}.airo-focus{padding:83px 0 72px}.focus-list{margin-top:88px}.focus-item{padding:0 0 39px;margin-bottom:39px;border-bottom:1px solid #202020}.focus-item h2{margin:0;color:#f1f1f1;font-family:'Outfit',sans-serif;font-size:30px;font-weight:500;line-height:1.1;letter-spacing:.18em}.focus-item p{margin:23px 0 0;color:#555a61;font-size:11px;font-weight:300;line-height:1.8;letter-spacing:.025em}.airo-contact{min-height:286px;padding:81px 0 70px}.contact-copy{margin-top:58px;display:flex;flex-direction:column;gap:11px}.contact-copy span{color:#666a70;font-size:9px;letter-spacing:.25em}.contact-copy a{color:#f2f2f2;font-size:20px;font-weight:500;letter-spacing:.09em}.home-page .footer{height:70px;background:#050505;font-family:'Outfit',sans-serif}
@media(max-width:800px){.airo-inner{width:86%}.airo-primary br,.airo-secondary br,.focus-item p br{display:none}.focus-item h2{font-size:clamp(20px,6vw,30px);letter-spacing:.12em}.airo-about{min-height:auto}.home-page .site-header{height:64px}.home-page .hero{height:calc(100vh - 64px)}}

/* V4 typography calibration against Airo desktop reference */
.home-page .brand{font-size:10px}
.home-page .nav{font-size:8px}
.home-page .rewind span:not(.times){font-size:clamp(42px,4.55vw,76px)}
.home-page .rewind .times{font-size:clamp(18px,1.65vw,29px)}
.home-page .studios{font-size:clamp(9px,.85vw,14px)}
.home-page .tag{font-size:7.5px}
.airo-kicker{font-size:8px}
.airo-primary{font-size:18px;line-height:2.05}
.airo-secondary{font-size:15px;line-height:2.0}
.focus-item h2{font-size:34px}
.focus-item p{font-size:13px;line-height:1.75}
.contact-copy span{font-size:10px}
.contact-copy a{font-size:22px}
/* V5 typography calibration: modest increase after V4 review */
.home-page .brand{font-size:11px}
.home-page .nav{font-size:9px}
.home-page .rewind span:not(.times){font-size:clamp(46px,4.9vw,82px)}
.home-page .rewind .times{font-size:clamp(20px,1.8vw,31px)}
.home-page .studios{font-size:clamp(10px,.92vw,15px)}
.home-page .tag{font-size:8px}
.airo-kicker{font-size:9px}
.airo-primary{font-size:20px;line-height:1.95}
.airo-secondary{font-size:17px;line-height:1.9}
.focus-item h2{font-size:38px}
.focus-item p{font-size:15px;line-height:1.7}
.contact-copy span{font-size:11px}
.contact-copy a{font-size:24px}
/* Keep secondary pages proportionally aligned with the larger Airo type scale */
.page-hero .display{font-size:clamp(46px,4.6vw,80px)}
.page-hero .lead{font-size:20px}
.grid-card h3{font-size:15px}
.grid-card p{font-size:16px}
.section-title{font-size:16px}
.about-copy h2{font-size:clamp(34px,3.25vw,58px)}
.about-copy p{font-size:20px}
.contact h1{font-size:clamp(46px,4.4vw,76px)}
.email{font-size:20px}
@media(max-width:800px){
 .home-page .brand{font-size:9px}.home-page .nav{font-size:7px}
 .airo-primary{font-size:18px}.airo-secondary{font-size:15px}
 .focus-item h2{font-size:clamp(23px,6.5vw,34px)}.focus-item p{font-size:14px}
}

/* V6 responsive pass: desktop preserved, tablet and phone intentionally reflowed */
@media (max-width: 1100px){
  .site-header{padding-left:5vw;padding-right:5vw}
  .wrap{width:88%}
  .page-hero{padding-left:7vw;padding-right:7vw}
  .grid-card{padding-left:7vw;padding-right:7vw}
  .about-label{padding-left:7vw;padding-right:6vw}
  .about-copy{padding-left:6vw;padding-right:6vw}
  .contact>div{padding-left:7vw;padding-right:7vw}
}

@media (max-width: 800px){
  .site-header,.home-page .site-header{height:68px;padding:0 22px}
  .brand,.home-page .brand{font-size:9px;letter-spacing:.22em;white-space:nowrap}
  .nav,.home-page .nav{gap:18px;font-size:7px;letter-spacing:.20em}
  .hero,.home-page .hero{height:calc(100svh - 68px);min-height:560px}
  .hero-video{object-position:center center}
  .wordmark{width:100%;padding:0 18px;margin-top:-1vh}
  .rewind,.home-page .rewind{gap:clamp(13px,4.4vw,24px)}
  .rewind .letter,.rewind .two,.home-page .rewind span:not(.times){font-size:clamp(31px,9.2vw,55px)}
  .rewind .times,.home-page .rewind .times{font-size:clamp(14px,4vw,23px);margin-left:-4px;margin-right:-6px}
  .studios,.home-page .studios{font-size:clamp(8px,2.5vw,12px);letter-spacing:.92em;margin-top:22px;margin-left:.92em}
  .tag,.home-page .tag{font-size:7px;line-height:1.6;letter-spacing:.28em;margin-top:34px;padding:0 16px}
  .scroll-mark{height:28px;bottom:22px}

  .airo-inner{width:auto;margin:0 24px}
  .airo-about{padding:68px 0 76px}
  .airo-kicker{font-size:8px;letter-spacing:.42em}
  .airo-about-copy{margin-top:45px}
  .airo-primary{font-size:19px;line-height:1.65}
  .airo-secondary{font-size:15px;line-height:1.75;margin-top:25px}
  .airo-focus{padding:67px 0 58px}
  .focus-list{margin-top:57px}
  .focus-item{padding-bottom:31px;margin-bottom:31px}
  .focus-item h2{font-size:clamp(24px,7vw,34px);line-height:1.18;letter-spacing:.11em}
  .focus-item p{font-size:14px;line-height:1.65;margin-top:18px}
  .airo-contact{min-height:250px;padding:66px 0 58px}
  .contact-copy{margin-top:43px}
  .contact-copy span{font-size:10px}
  .contact-copy a{font-size:clamp(18px,5.3vw,24px);overflow-wrap:anywhere}
  .footer{height:68px;padding:0 24px;font-size:7px}

  .page-hero{min-height:auto;padding:70px 24px 76px}
  .page-hero .display{font-size:clamp(38px,10vw,58px);line-height:1.02}
  .page-hero .lead{font-size:18px;line-height:1.6;margin-top:36px}
  .eyebrow{margin-bottom:40px}
  .grid4{grid-template-columns:1fr}
  .grid-card{min-height:auto;padding:54px 24px 60px}
  .grid-card:nth-child(even){border-left:0}
  .grid-card h3{font-size:14px;margin-top:24px}
  .grid-card p{font-size:16px;line-height:1.7}
  .about-block{grid-template-columns:1fr;min-height:auto}
  .about-label{padding:56px 24px 38px}
  .about-copy{border-left:0;border-top:1px solid #1b1b1b;padding:54px 24px 64px}
  .about-copy h2{font-size:clamp(31px,8vw,46px);margin-bottom:38px}
  .about-copy p{font-size:18px;line-height:1.65}
  .split{grid-template-columns:1fr;min-height:auto}
  .split>div{padding:56px 24px}
  .split>div+div{border-left:0;border-top:1px solid #1b1b1b}
  .quote{font-size:clamp(29px,8vw,44px)}
  .body-large{font-size:clamp(23px,6vw,34px)}
  .contact{grid-template-columns:1fr;min-height:auto}
  .contact>div{padding:66px 24px}
  .contact>div+div{border-left:0;border-top:1px solid #1b1b1b}
  .contact h1{font-size:clamp(40px,11vw,62px);margin-bottom:50px}
  .email{font-size:18px;overflow-wrap:anywhere}
}

@media (max-width: 520px){
  .site-header,.home-page .site-header{height:64px;padding:0 17px}
  .brand,.home-page .brand{font-size:8px;letter-spacing:.16em}
  .nav,.home-page .nav{gap:12px;font-size:6.5px;letter-spacing:.13em}
  .hero,.home-page .hero{height:calc(100svh - 64px);min-height:535px}
  .wordmark{padding:0 10px}
  .rewind,.home-page .rewind{gap:clamp(10px,3.8vw,17px)}
  .rewind .letter,.rewind .two,.home-page .rewind span:not(.times){font-size:clamp(28px,9vw,42px)}
  .rewind .times,.home-page .rewind .times{font-size:clamp(13px,3.8vw,18px);margin-left:-2px;margin-right:-4px}
  .studios,.home-page .studios{font-size:8px;letter-spacing:.72em;margin-left:.72em}
  .tag,.home-page .tag{font-size:6.5px;letter-spacing:.20em;max-width:330px;margin-left:auto;margin-right:auto}
  .airo-inner{margin:0 20px}
  .airo-about{padding-top:59px;padding-bottom:66px}
  .airo-primary{font-size:18px;line-height:1.62}
  .airo-secondary{font-size:15px;line-height:1.68}
  .focus-item h2{font-size:clamp(22px,6.7vw,30px);letter-spacing:.08em}
  .focus-item p{font-size:14px}
  .footer{padding:0 20px}
}
