@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&family=Public+Sans:wght@300;400;500;600&family=Montserrat:wght@300;400&family=Inter+Tight:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Barlow+Condensed:wght@500;600&family=Pinyon+Script&family=Gloock&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Public Sans',system-ui,sans-serif;color:#1a1a1a;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:1366px;margin:0 auto}

/* ---------- reveal ---------- */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}

/* ---------- HOME · hero ---------- */
.hero{position:relative;height:min(56.25vw,100vh);min-height:520px;background:#e0310f url(img/hero-boxer.jpg) center/cover no-repeat;color:#fff;overflow:hidden}
.hero .logo{position:absolute;top:3.6vw;left:3.6vw;width:clamp(70px,9.5vw,130px)}
.nav{position:absolute;top:3.4vw;right:3.4vw;text-align:right;list-style:none;font-family:'DM Sans',sans-serif;font-weight:300;font-size:clamp(12px,1.35vw,18px);line-height:1.05;letter-spacing:.02em;z-index:5}
.nav a{text-decoration:none;display:inline-block;transition:opacity .2s}
.nav a:hover{opacity:.6}
.hero-title{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:44.5vw;min-width:300px;text-align:center}
.hero-title h1{font-family:'Bodoni Moda',serif;font-weight:400;font-size:clamp(46px,8vw,130px);line-height:.9;letter-spacing:-.02em;white-space:nowrap;display:inline-block}
.hero-title .sub{display:flex;justify-content:space-between;font-family:'DM Sans',sans-serif;font-weight:300;font-size:clamp(9px,1.05vw,15px);letter-spacing:.04em;margin-top:clamp(18px,4.4vw,64px)}
.hero-links{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);display:flex;gap:clamp(40px,10vw,150px);font-family:'DM Sans',sans-serif;font-size:clamp(11px,1.2vw,16px)}
.hero-links a{text-underline-offset:3px}

/* ---------- intro + logos ---------- */
.intro{text-align:center;padding:clamp(40px,7vw,80px) 20px clamp(24px,3vw,40px)}
.intro p{max-width:640px;margin:0 auto;font-size:clamp(12px,1.25vw,15px);line-height:1.35}
.intro h6{font-size:9px;font-weight:500;letter-spacing:.04em;margin-top:clamp(36px,5vw,56px)}
.logos{display:flex;justify-content:space-between;align-items:center;padding:clamp(24px,3.5vw,44px) 4.3vw clamp(28px,3vw,40px);gap:24px}
.logos img{height:clamp(34px,6.6vw,90px);width:auto;object-fit:contain;filter:grayscale(1);transition:filter .3s}
.logos img:hover{filter:none}
.logos .sm{height:clamp(24px,5vw,70px)}

/* ---------- split: Casa Vista Azul ---------- */
.split{display:grid;grid-template-columns:1fr 1fr}
.split .media{min-height:clamp(320px,48vw,700px);background:center/cover no-repeat}
.split .copy{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,3.5vw,48px) clamp(24px,5vw,72px) clamp(24px,2.5vw,36px) clamp(24px,4.8vw,50px);color:#4a2e25}
.split .copy .t{font-size:clamp(12px,1.25vw,15px);text-underline-offset:3px}
.split .copy p{font-size:clamp(13px,1.4vw,17px);line-height:1.3;max-width:360px}
.pill{display:inline-block;width:min(100%,235px);text-align:center;border:1px solid #6d5b54;border-radius:30px;padding:10px 0;font-size:11px;text-decoration:none;letter-spacing:.02em;transition:background .25s,color .25s}
.pill:hover{background:#4a2e25;color:#fff}
.copy .bottom{display:flex;flex-direction:column;gap:clamp(40px,8vw,110px)}

/* ---------- full image with caption ---------- */
.band{position:relative;height:clamp(300px,56vw,760px);background:center 55%/cover no-repeat}
.band figcaption{position:absolute;left:5.6vw;bottom:10%;color:#fff;font-family:'Bodoni Moda',serif;font-size:clamp(11px,1.25vw,16px);transform:scaleX(.9);transform-origin:left}

/* ---------- orange split ---------- */
.orange{display:grid;grid-template-columns:1fr 1fr;background:#cc4200;color:#fff}
.orange .copy{display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(60px,10vw,120px);padding:40px 4vw clamp(40px,6vw,72px)}
.orange p{font-size:clamp(12px,1.25vw,15px);line-height:1.35;max-width:390px}
.orange a{font-size:12px;text-decoration:none}
.orange a:hover{text-decoration:underline}
.orange .media{min-height:clamp(320px,56vw,760px);background:center/cover no-repeat}

/* ---------- work ---------- */
.work{padding:clamp(40px,6vw,60px) 0 clamp(50px,8vw,90px)}
.h-xl{font-family:'DM Sans',sans-serif;font-weight:400;font-size:clamp(38px,5.8vw,78px);line-height:1;letter-spacing:-.01em}
.work .h-xl{padding-left:7.4vw;margin-bottom:6px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2.4vw,30px);padding:0 8.5vw}
.card{text-decoration:none}
.card .ph{aspect-ratio:274/343;overflow:hidden;background:#e6e1d8}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card:hover img{transform:scale(1.05)}
.card b{display:block;font-size:9px;font-weight:600;margin-top:10px}
.card span{display:block;font-size:10px;line-height:1.35;max-width:230px;margin-top:2px}

/* ---------- name strip + personal brand ---------- */
.strip{background:#f5f5f5;display:flex;justify-content:space-between;align-items:center;padding:clamp(40px,6vw,64px) 3.6vw;gap:24px}
.strip a{font-size:10px;text-underline-offset:3px}
.strip p{max-width:370px;color:#4a2e25;font-size:clamp(12px,1.25vw,15px);line-height:1.3}
.pb-img{width:100%;aspect-ratio:1638/779;object-fit:cover}

/* ---------- services ---------- */
.services{background:#f7f7f7;padding:clamp(40px,6vw,64px) 3.6vw 0}
.services .h-xl{margin-bottom:clamp(24px,3.5vw,40px)}
.svc{list-style:none;max-width:625px}
.svc li{border-bottom:1px solid #6b6b6b;font-family:'DM Sans',sans-serif;font-size:clamp(13px,1.45vw,19px);letter-spacing:.01em;padding:clamp(14px,2vw,22px) 0 clamp(12px,1.5vw,18px);cursor:default;transition:padding .3s,color .3s}
.svc li:first-child{padding-top:0}
.svc li:last-child{border-bottom:0}
.svc li:hover{padding-left:12px;color:#cc4200}
.info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:clamp(60px,10vw,120px) 0 clamp(60px,8vw,100px);font-size:clamp(10px,1vw,12px);line-height:1.45}
.info a{text-decoration:none}
.info p:last-child{max-width:300px}

/* ---------- innovation hub ---------- */
.hub-title{background:linear-gradient(#f7f7f7 0%,#fff 12%,#f2d2b8 55%,#bfd3d0 100%);padding:clamp(80px,17vw,240px) 3.6vw clamp(10px,1.4vw,20px)}
.hub-title h2{font-family:'DM Sans',sans-serif;font-weight:400;font-size:clamp(52px,14.2vw,200px);line-height:.8;letter-spacing:-.02em;white-space:nowrap}
.hub-img{position:relative;height:clamp(340px,56vw,760px);background:url(img/innovation-green.jpg) center 62%/cover no-repeat}
.social{display:flex;gap:10px;align-items:center}
.social a{display:grid;place-items:center;width:20px;height:20px;transition:opacity .2s}
.social a:hover{opacity:.6}
.social svg{width:100%;height:100%;fill:currentColor}
.hub-img .social{position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);color:#fff}

/* ---------- video de marca ---------- */
.reel{position:relative;background:#000}
.reel-video{display:block;width:100%;aspect-ratio:1920/1246;object-fit:cover;background:#000}
.reel-sound{position:absolute;right:clamp(16px,3.6vw,48px);bottom:clamp(16px,3vw,40px);background:rgba(0,0,0,.35);color:#fff;border:1px solid rgba(255,255,255,.7);border-radius:30px;padding:9px 16px;font:400 11px/1 'DM Sans',sans-serif;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(6px);transition:background .25s,color .25s}
.reel-sound:hover,.reel-sound[aria-pressed="true"]{background:#fff;color:#000}

/* ---------- about / footer (black) ---------- */
.about{background:#000;color:#fff;position:relative}
.about .nav{position:absolute;top:clamp(20px,2vw,28px);right:6vw;font-size:clamp(11px,1.1vw,14px);line-height:1.1}
.about-text{font-family:'Montserrat',sans-serif;font-weight:300;font-size:clamp(20px,3.45vw,44px);line-height:1.02;letter-spacing:.01em;text-transform:uppercase;padding:clamp(140px,17vw,250px) 3.6vw clamp(6px,1vw,14px);max-width:1000px;border-bottom:1px solid #333;max-width:none}
.about-text span{display:block;max-width:960px}
.about .social{justify-content:flex-end;padding:clamp(24px,3vw,34px) 6vw;gap:12px}
.about .social a{width:22px;height:22px}
.wordmark{padding:clamp(30px,5vw,60px) 3.6vw clamp(50px,7vw,90px)}
.wordmark img{width:100%}

/* ---------- CONTACT ---------- */
.ct{background:#f0cdfb;display:grid;grid-template-columns:1fr 1fr;padding:clamp(10px,1.5vw,16px);gap:clamp(20px,4vw,48px);color:#6b0a64}
.ct .card-w{background:#fff;border-radius:18px;padding:clamp(14px,1.6vw,22px) clamp(14px,2.2vw,26px) clamp(20px,2.2vw,26px);display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(380px,53vw,550px)}
.cond{font-family:'Barlow Condensed',sans-serif;font-weight:500;letter-spacing:-.02em;line-height:.9;color:#0b1a0b}
.ct h1{font-size:clamp(44px,6.6vw,78px)}
.ct .card-w p{font-size:clamp(13px,1.5vw,17px);line-height:1.4;max-width:420px}
.ct form{padding:clamp(20px,3vw,34px) clamp(10px,2vw,24px) 0 0;display:flex;flex-direction:column}
.ct h2{font-family:'DM Sans',sans-serif;font-weight:400;font-size:clamp(20px,2.4vw,30px);margin-bottom:clamp(20px,2.4vw,30px)}
.ct label{font-size:14px;margin-bottom:8px}
.ct input,.ct textarea{background:transparent;border:1px solid #b36fb0;border-radius:6px;height:40px;margin-bottom:clamp(22px,3vw,34px);font:inherit;color:#330030;padding:8px 10px;outline:none;transition:border-color .2s,background .2s}
.ct textarea{height:78px;resize:vertical;margin-bottom:clamp(30px,5vw,56px)}
.ct input:focus,.ct textarea:focus{border-color:#6b0a64;background:#f6e0fd}
.ct button{background:#6b0a64;color:#fff;border:0;border-radius:12px;height:44px;font:inherit;font-size:clamp(14px,1.5vw,18px);cursor:pointer;transition:background .2s}
.ct button:hover{background:#4d0048}
.ct small{font-size:9px;text-align:center;margin-top:10px;opacity:.8}
.peer{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);padding:clamp(10px,1.5vw,16px)}
.peer .left{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:4px}
.peer h2{font-size:clamp(46px,6.2vw,72px)}
.peer p{color:#6b0a64;font-size:clamp(13px,1.4vw,16px);line-height:1.4;max-width:330px}
.peer img{border-radius:18px;width:100%;aspect-ratio:367/408;object-fit:cover}
.back{position:fixed;top:16px;left:16px;z-index:20;background:#fff;border-radius:30px;padding:8px 14px;font-size:12px;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.12)}

/* ---------- PROJECT pages ---------- */
.p-hero{position:relative;height:min(56vw,860px);min-height:420px;background:center/cover no-repeat;color:#fff;text-align:center;overflow:hidden}
.p-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.05) 50%,rgba(0,0,0,.25))}
.p-hero>*{position:relative;z-index:1}
.kicker{font-family:'Inter Tight',sans-serif;font-size:clamp(10px,1.2vw,15px);letter-spacing:.24em;text-transform:uppercase}
.p-hero .kicker:first-child{position:absolute;top:clamp(20px,3.2vw,44px);left:0;right:0}
.p-hero .title{position:absolute;top:36%;left:0;right:0}
.script{font-family:'Pinyon Script',cursive;font-size:clamp(46px,9vw,130px);line-height:.6;display:block;transform:translateX(6%)}
.p-hero h1{font-family:'Inter Tight',sans-serif;font-weight:400;font-size:clamp(40px,7.4vw,102px);letter-spacing:-.04em;line-height:1}
.p-hero .kicker.low{position:absolute;bottom:13%;left:0;right:0;letter-spacing:.14em}
.p-body{font-family:'Inter Tight',sans-serif;font-size:clamp(12px,1.25vw,15px);line-height:1.4;padding:clamp(40px,6vw,64px) 3.1vw}
.p-body b{font-weight:500}
.p-body.half{max-width:min(470px,100%)}
.gap{height:clamp(40px,7vw,90px)}
.pair{display:grid;grid-template-columns:400fr 330fr;gap:clamp(14px,2.8vw,36px);overflow:hidden}
.pair img{width:100%;aspect-ratio:auto;height:clamp(200px,36vw,480px);object-fit:cover}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.3vw,14px);padding:clamp(16px,3vw,34px) 3.1vw}
.trio img{width:100%;aspect-ratio:312/469;object-fit:cover}
.trio.land img{aspect-ratio:312/316}
.trio.sq img{aspect-ratio:1/1}
.dark{background:#000;color:#fff}
.dark .p-body{color:#ddd}
.lla{display:grid;grid-template-columns:1fr 1fr;padding:clamp(20px,3vw,30px) 0 0 3.1vw;gap:20px;min-height:clamp(300px,40vw,560px)}
.lla .l{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:clamp(14px,2vw,24px)}
.lla h2{font-family:'Inter Tight',sans-serif;font-weight:400;font-size:clamp(34px,4.6vw,62px);line-height:1.02;letter-spacing:-.03em}
.lla p{font-family:'Inter Tight',sans-serif;font-size:clamp(10px,1.05vw,13px);line-height:1.4;max-width:420px;color:#ddd}
.lla img{width:100%;height:100%;object-fit:cover;align-self:end;max-height:520px}
.dtrio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(4px,.6vw,8px);padding:clamp(4px,.6vw,8px) 0 0}
.dtrio img{width:100%;aspect-ratio:342/400;object-fit:cover}
.full{width:100%;object-fit:cover}
.rule{border-top:1px solid #444}
.news{padding:clamp(30px,5vw,56px) 2.4vw clamp(40px,6vw,64px);font-family:'Inter Tight',sans-serif;font-weight:300;font-size:clamp(28px,5.4vw,64px);line-height:1.02;letter-spacing:-.055em}
.news em{font-style:italic}
.nl{display:grid;grid-template-columns:1fr 1fr;padding:clamp(28px,4vw,48px) 3.1vw clamp(28px,4vw,40px)}
.nl form{grid-column:2;display:flex;flex-direction:column;font-family:'Inter Tight',sans-serif}
.nl h3{font-weight:500;font-size:clamp(16px,1.7vw,21px);margin-bottom:clamp(18px,2.2vw,26px)}
.nl label{font-size:11px;font-weight:500;margin-bottom:8px}
.nl input{background:#000;border:1px solid #444;border-radius:4px;height:36px;color:#fff;padding:0 10px;font:inherit;margin-bottom:12px;outline:none}
.nl input:focus{border-color:#aaa}
.nl button{background:#f6f2f0;border:0;border-radius:8px;height:34px;font:inherit;font-size:13px;cursor:pointer;transition:background .2s}
.nl button:hover{background:#fff}
.nl small{font-size:8px;text-align:center;color:#999;margin-top:10px}
.pb-head{display:flex;align-items:center;justify-content:center;position:relative;height:clamp(60px,8.6vw,89px)}
.pb-head img{position:absolute;left:3.6vw;width:clamp(60px,9.5vw,100px);filter:invert(1)}
.pb-hero{position:relative}
.pb-hero img{width:100%;aspect-ratio:1024/487;object-fit:cover}
.pb-hero .kicker{position:absolute;left:9vw;top:67%;color:#fff;font-size:clamp(11px,1.6vw,20px);line-height:1.15;letter-spacing:.14em;max-width:180px}
.palette{padding:clamp(40px,7vw,90px) 15.4vw}
.palette img{width:100%}
.trio-bg{position:relative;background:url(img/pb-trio-bg.jpg) center/cover;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,6vw,90px);padding:clamp(40px,7.6vw,110px) 5.7vw}
.trio-bg img{width:100%;aspect-ratio:242/363;object-fit:cover}
.sierra{position:relative}
.sierra img{width:100%;aspect-ratio:1024/682;object-fit:cover}
.sierra .t{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:clamp(60px,16vw,200px);padding-bottom:6%}
.sierra h2{font-family:'Inter Tight',sans-serif;font-weight:400;font-size:clamp(18px,2.6vw,34px);letter-spacing:.14em}
.sierra small{font-family:'Inter Tight',sans-serif;font-size:clamp(8px,.9vw,11px);letter-spacing:.14em}
.sage{background:#6f7d74;height:clamp(200px,34vw,460px)}

/* ---------- nav en páginas claras ---------- */
.nav.ink{color:#111;top:clamp(14px,2.6vw,34px);right:clamp(16px,2.6vw,34px);font-size:clamp(10px,1.05vw,13px);line-height:1.1;font-weight:400}

/* ---------- MAKE IT HAPPEN ---------- */
.mih{position:relative;background:#f1ece8;min-height:max(100svh,63vw);overflow:hidden}
.mih .logo{position:absolute;top:3.4vw;left:3.9vw;width:clamp(64px,9.6vw,120px);filter:invert(1)}
.mih h1{position:absolute;top:10vw;left:2vw;font-family:'Gloock',serif;font-weight:400;font-size:clamp(70px,15vw,230px);line-height:1;letter-spacing:-.035em;color:#0d1a0d;white-space:nowrap}
.mih figure{position:absolute;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mih figure img{width:100%;height:100%;object-fit:cover}
.mih .f1{left:11.4vw;top:29.3vw;width:13.9vw;aspect-ratio:142/214}
.mih .f2{left:36vw;top:25.5vw;width:22vw;aspect-ratio:238/300;transform:rotate(5deg)}
.mih .f3{left:73.4vw;top:29.3vw;width:22vw;aspect-ratio:226/210;background:#e6e1d8}
.mih figure:hover{transform:scale(1.03) rotate(0deg)}

/* ---------- CASA VISTA AZUL (v2) ---------- */
.v-head{display:flex;align-items:center;justify-content:center;position:relative;height:clamp(52px,6.5vw,66px)}
.v-head img{position:absolute;left:3.9vw;width:clamp(50px,5.8vw,60px);filter:invert(1)}
.v-hero{position:relative;height:min(49.8vw,760px);min-height:380px;background:url(img/vista-aerial-hero.jpg) center/cover;color:#fff;text-align:center}
.v-hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12)}
.v-hero>div{position:relative;z-index:1;padding-top:clamp(40px,12vw,180px)}
.v-hero .script{transform:translateX(3%);font-size:clamp(46px,8.4vw,120px)}
.v-hero h1{font-family:'Inter Tight',sans-serif;font-weight:300;font-size:clamp(38px,6.6vw,96px);letter-spacing:.01em;line-height:1.05}
.v-hero .kicker{margin-top:clamp(24px,5vw,64px);font-weight:300;letter-spacing:.06em;font-size:clamp(10px,1.45vw,18px);padding:0 16px}
.v-hero .meta{margin-top:clamp(20px,4.5vw,56px);font-family:'Inter Tight',sans-serif;font-weight:500;font-size:clamp(10px,1.08vw,14px);letter-spacing:.04em}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,13vw,130px);padding:clamp(50px,8.6vw,100px) 3.9vw clamp(60px,9vw,110px);font-family:'Inter Tight',sans-serif;font-size:clamp(13px,1.4vw,16px);line-height:1.3}
.two b{font-weight:600}
.two.dark{padding:clamp(40px,5.4vw,60px) 3.1vw clamp(50px,7vw,80px)}
.two .r{text-align:right;padding-top:8px}
.snap{text-align:center;padding:clamp(50px,6.4vw,70px) 16px clamp(50px,7vw,80px);font-family:'Public Sans',sans-serif}
.snap h6{font-size:11px;font-weight:600;letter-spacing:.02em;margin-bottom:clamp(30px,5vw,56px)}
.stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:center;gap:clamp(24px,11vw,140px);text-align:left}
.stats b{display:block;font-size:clamp(15px,1.6vw,18px);font-weight:600}
.stats span{font-size:clamp(11px,1.1vw,12px)}
.vtd{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:clamp(40px,5.6vw,60px) 0 clamp(20px,2.5vw,30px) 6.6vw}
.vtd h2{font-family:'Inter Tight',sans-serif;font-weight:400;font-size:clamp(34px,4.3vw,54px);line-height:1.02;letter-spacing:-.02em}
.vtd .l{display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.vtd p{font-family:'Inter Tight',sans-serif;font-size:clamp(12px,1.45vw,16px);line-height:1.4;margin-left:-3.2vw;max-width:420px}
.vtd p b{font-weight:600}
.vtd img{width:100%;object-fit:cover;aspect-ratio:513/450;padding-right:1.8vw}
.edit{padding:clamp(34px,4.4vw,50px) 3.1vw 0;font-family:'Inter Tight',sans-serif;font-size:clamp(13px,1.45vw,16px);line-height:1.3;max-width:520px}
.edit h6{font-size:clamp(13px,1.45vw,16px);font-weight:600;margin-bottom:clamp(20px,2.6vw,30px)}
.quote{padding:clamp(24px,3vw,34px) 2.4vw clamp(50px,7vw,80px);font-family:'Inter Tight',sans-serif;font-weight:400;font-size:clamp(28px,5.5vw,66px);line-height:1.08;letter-spacing:-.06em;max-width:900px}

/* ---------- responsive ---------- */
@media (max-width:720px){
  .hero{height:min(100svh,760px)}
  .hero-title{width:86vw}
  .logos{flex-wrap:wrap;justify-content:center;gap:28px 36px}
  .split,.orange,.ct,.peer,.lla,.nl,.two,.vtd{grid-template-columns:1fr}
  .two .r{text-align:left}
  .vtd{padding-left:16px}.vtd p{margin-left:0}
  .stats{grid-template-columns:1fr 1fr;gap:28px 40px}
  .mih{min-height:120vw}.mih h1{top:22vw}.mih .f1{top:52vw;width:26vw}.mih .f2{left:34vw;top:48vw;width:34vw}.mih .f3{left:70vw;top:56vw;width:27vw}
  .orange .media{order:-1}
  .split .copy .bottom{gap:32px;margin-top:40px}
  .cards{grid-template-columns:1fr 1fr;padding:0 16px}
  .work .h-xl{padding-left:16px}
  .strip{flex-direction:column;align-items:flex-start}
  .info{grid-template-columns:1fr}
  .hub-title h2{white-space:normal}
  .about .nav{right:16px}
  .nl form{grid-column:1}
  .pair{grid-template-columns:1fr}
  .trio.stack{grid-template-columns:1fr}
  .lla img{max-height:none}
}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}