@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{color-scheme:dark;--bg:#080808;--fg:#f3f3f0;--soft:#929291;--line:#303030}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:6px}.skip{position:fixed;left:16px;top:-70px;z-index:30;background:white;color:black;padding:10px}.skip:focus{top:12px}header{height:96px;position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff20}.wordmark{font-size:22px;font-weight:700;letter-spacing:-1px}.mark{font-size:11px;vertical-align:top;margin-left:5px;line-height:2}nav{display:flex;gap:34px}nav a{font-size:14px;color:#c0c0bf}nav a:hover{color:#fff}.header-location,.eyebrow,.section-label,.scroll,.hero-index{font-size:12px;letter-spacing:1.7px;font-weight:500}.header-location{color:#a7a7a7}.hero{min-height:880px;height:100svh;max-height:1150px;position:relative;isolation:isolate;overflow:hidden;background:#020202}.portrait{filter:grayscale(1);position:absolute;z-index:-3;left:0;top:0;width:auto;height:100%;max-width:none;object-fit:cover}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#050505 0%,transparent 24%),linear-gradient(90deg,transparent 15%,#0000 32%,#0009 47%,#000 70%)}.hero-copy{padding-top:174px;margin-left:44%;padding-right:4%;position:relative}.eyebrow{color:#aaa;margin:0 0 32px;font-size:11px}h1{font-size:clamp(44px,4.55vw,78px);line-height:1.065;letter-spacing:-.058em;font-weight:500;margin:0}.muted{color:#a6a6a5}.hero-description{color:#c0c0c0;font-size:15px;margin:30px 0 4px}.location{color:#777;font-size:14px;margin-top:0}.hero-bottom{position:absolute;bottom:34px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between}.socials{display:flex;align-items:center;gap:20px}.social{padding:4px;display:inline-flex;align-items:center;justify-content:center;width:25px;height:27px;color:#aaa}.social svg{width:19px;height:19px;fill:currentColor}.social[aria-disabled=true]{opacity:.55;cursor:default}.scroll{display:flex;gap:22px;align-items:center;font-size:10px}.scroll span:last-child{font-size:25px}.hero-index{color:#777;font-size:10px}.section-pad{padding:88px 6% 110px}.section-label{display:flex;justify-content:space-between;gap:24px;padding-bottom:38px;color:#888;font-size:11px}.intro{background:#ededeb;color:#151515}.intro .section-label{color:#686867}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:34px}h2{font-weight:450;font-size:clamp(42px,5.4vw,82px);line-height:1.05;letter-spacing:-.055em;margin:0}.soft{color:var(--soft)}.intro h2 .soft{color:#868685}.intro-copy{padding-top:8px}.intro-copy p{color:#646463;margin:0 0 25px;max-width:540px}.intro-copy .lead{font-size:21px;line-height:1.5;color:#272727}.questions{border-top:1px solid #c7c7c5;padding-top:28px;margin-top:36px;display:flex;flex-direction:column;gap:6px;font-size:15px;color:#333}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:22px 0 64px}.section-heading p{font-size:15px;color:#999;margin:0 0 6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 28px}.project-image{overflow:hidden;aspect-ratio:1.48;background:#1b1b1b;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .7s,filter .7s}.project-card:hover img{transform:scale(1.035);filter:grayscale(.7)}.project-hover{position:absolute;right:18px;bottom:18px;background:#f2f2f0;color:#111;font-size:11px;letter-spacing:1px;padding:10px 14px;opacity:0;transform:translateY(8px);transition:.25s}.project-card:hover .project-hover{opacity:1;transform:none}.project-hover.inactive{background:#111c;color:#ddd}.project-meta{display:flex;justify-content:space-between;gap:20px;padding-top:18px}.project-meta h3{font-weight:500;letter-spacing:-.5px;font-size:23px;line-height:1.2;margin:0 0 5px}.project-meta p{font-size:13px;color:#888;margin:0}.project-year{font-size:12px;color:#aaa;white-space:nowrap}.project-category{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;margin-top:10px;color:#777}.nuevo{background:linear-gradient(135deg,#171717,#0b0b0b 70%);border-top:1px solid #252525}.nuevo h2{margin:23px 0 42px;font-size:clamp(40px,5vw,76px)}.nuevo-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-left:27%;color:#9a9a99;font-size:15px}.stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:40px;margin-top:76px}.stats>div{border-top:1px solid #404040;padding-top:30px}.stats h3{font-weight:450;font-size:clamp(30px,3.5vw,52px);line-height:1.07;letter-spacing:-2px;margin:0 0 23px}.stats p{color:#888;font-size:14px}.clients{padding-bottom:85px}.clients h2{font-size:clamp(35px,4vw,58px);margin:22px 0 64px}.logo-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.logo{height:114px;display:flex;align-items:center;justify-content:center;border-top:1px solid #262626}.logo img{width:125px;max-height:63px;object-fit:contain;filter:grayscale(1);opacity:.7}.nuevo-link{background:#dededb;color:#161616}.nuevo-link .section-label{color:#666}.link-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;margin-top:20px;align-items:end}.link-grid h2{font-size:clamp(40px,4.8vw,70px)}.link-grid p{font-size:16px;color:#686866;margin:0 0 26px}.outline-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #666;padding:13px 0;font-size:12px;letter-spacing:1.5px;max-width:320px}.outline-link span{font-size:23px}.outline-link:hover{border-color:#000}.footer-details{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:55px 0 70px}.footer-details p{margin:0}footer h2{font-size:clamp(90px,15vw,220px);line-height:1;letter-spacing:-.07em;margin-top:10px}.contact-links{display:flex;gap:30px;font-size:15px}.contact-links [aria-disabled=true]{color:#777;cursor:default}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#888}.footer-bottom span:nth-child(2){font-size:10px;letter-spacing:1.5px}footer.section-pad{padding-bottom:30px}
@media(min-width:1600px){.hero-copy{padding-top:185px}}@media(max-width:1000px){.header-location{display:none}.hero{min-height:820px}.hero-copy{margin-left:43%;padding-top:185px}h1{font-size:5.1vw}.hero-description{max-width:280px}.intro-grid{gap:6%}.nuevo-copy{margin-left:15%;gap:30px}.section-heading{gap:25px}.logo img{width:100px}.section-pad{padding-left:5%;padding-right:5%}.contact-links{gap:18px}}
@media(max-width:640px){header{height:76px;padding:0 6%;align-items:center}.wordmark{font-size:18px}nav{gap:14px}nav a{font-size:12px}nav a:first-child{display:none}.hero{min-height:940px;height:auto;max-height:none}.portrait{top:65px;height:500px;left:0;opacity:.85}.hero-shade{background:linear-gradient(0deg,#020202 43%,transparent 74%),linear-gradient(90deg,transparent,#0008)}.hero-copy{padding:440px 6% 125px;margin:0}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:clamp(36px,8.6vw,54px);line-height:1.075;letter-spacing:-.048em}.hero-description{font-size:13px;margin-top:23px;max-width:none}.location{font-size:13px}.hero-bottom{bottom:25px;left:6%;right:6%}.hero-index{display:none}.scroll{font-size:8px;gap:12px}.socials{gap:14px}.section-pad{padding:55px 6% 65px}.section-label{font-size:9px;letter-spacing:1.2px;padding-bottom:25px}.section-label span:last-child{text-align:right}.intro-grid{grid-template-columns:1fr;gap:34px;padding-top:10px}h2{font-size:49px}.intro h2 br:nth-child(2){display:none}.intro-copy .lead{font-size:19px}.intro-copy p{font-size:15px}.questions{font-size:14px}.section-heading{display:block;margin:12px 0 34px}.section-heading p{margin-top:25px;font-size:14px}.project-grid{grid-template-columns:1fr;gap:33px}.project-meta h3{font-size:23px}.project-image{aspect-ratio:1.35}.nuevo h2{font-size:39px;margin:15px 0 30px}.nuevo-copy{margin-left:0;display:block;font-size:15px}.nuevo-copy p{margin-bottom:20px}.stats{grid-template-columns:1fr;gap:20px;margin-top:38px}.stats>div{padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats h3{font-size:29px;letter-spacing:-1px}.stats p{font-size:13px;margin:0}.clients h2{font-size:38px;margin:15px 0 33px}.logo-wall{grid-template-columns:repeat(2,1fr)}.logo{height:94px}.logo img{width:110px;max-height:55px}.link-grid{grid-template-columns:1fr;gap:30px}.link-grid h2{font-size:43px}.footer-details{align-items:flex-start;flex-wrap:wrap;margin:35px 0 40px;gap:28px}.contact-links{width:100%;order:3;font-size:14px;gap:25px}.footer-details p{font-size:14px}footer h2{font-size:100px}.footer-bottom{font-size:11px}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.eyebrow,.section-label,.scroll,.hero-index,.project-category,.project-year,.project-hover,.footer-bottom,.footer-bottom span:nth-child(2){font-size:12px}.project-meta p{font-size:14px}

.logo img{filter:brightness(0) invert(1)}
.intro-grid>*{min-width:0}@media(max-width:640px){.intro h2{font-size:clamp(39px,10.5vw,49px)}nav a{font-size:14px}.stats p{font-size:14px}.hero-description,.location{font-size:14px}}
/* Updated personal media section and split portrait composition. */
.hero-copy{margin-left:53%;padding-right:5%}h1{font-size:clamp(40px,4.1vw,72px)}
.media-heading{margin:22px 0 48px}.media-heading h2{max-width:900px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,#292929,#121212);color:#eee;border:1px solid #444;display:flex;position:relative;align-items:center;justify-content:center}.video-platform{position:absolute;top:20px;left:20px;font-size:12px;letter-spacing:1.5px;color:#aaa}.play-circle{border:1px solid #777;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;padding-left:3px;font-size:17px;color:#bbb}.video-caption{position:absolute;bottom:18px;left:20px;font-size:14px;color:#aaa}.social-circles{margin-top:36px;gap:16px}.social-circles .social{width:52px;height:52px;border:1px solid #777;border-radius:50%;color:#222}.social-circles .social[aria-disabled=true]{opacity:.75}.social-circles svg{width:22px;height:22px}.regions{font-size:clamp(18px,2vw,28px);color:#bbb;margin:35px 0 0;line-height:1.8}.regions span{color:#626262;margin:0 12px}
@media(max-width:1000px) and (min-width:641px){.hero-copy{margin-left:50%}h1{font-size:4.6vw}.video-grid{gap:16px}}
@media(max-width:640px){.hero{min-height:710px;height:100svh;max-height:900px}.portrait{top:76px;height:calc(100% - 76px);left:-40px}.hero-shade{background:linear-gradient(0deg,#020202,transparent 25%),linear-gradient(90deg,transparent 15%,#000a 43%,#020202 53%)}.hero-copy{margin-left:46%;padding:168px 6% 105px 0}.hero-copy h1{font-size:clamp(24px,6.2vw,39px);line-height:1.14;letter-spacing:-.045em}.hero-copy h1 br{display:none}.hero-copy h1 br::after{content:' '}.hero-copy .eyebrow{font-size:12px;margin-bottom:24px}.hero-description{font-size:14px;line-height:1.6}.hero-bottom{gap:16px}.scroll{font-size:10px}.media-heading{margin:12px 0 30px}.media-heading h2{font-size:clamp(38px,10vw,56px)}.video-grid{grid-template-columns:1fr;gap:18px}.video-placeholder{aspect-ratio:16/9}.social-circles{justify-content:center}.regions span{margin:0 6px}}
.portrait,.project-image img,.project-card:hover img{filter:none}
.video-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.video-grid::-webkit-scrollbar{display:none}.video-grid .video-placeholder{flex:0 0 calc((100% - 24px)/2);min-width:0;scroll-snap-align:start}.carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:20px}.carousel-controls button{border:1px solid #888;border-radius:50%;width:46px;height:46px;color:#222;background:transparent;font-size:24px;cursor:pointer}.carousel-controls button:disabled{opacity:.3;cursor:default}.carousel-controls span{font-size:14px;color:#555}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card[hidden]{display:none}.project-meta h3{font-size:22px}.more-projects{display:block;margin:48px auto 0;background:transparent;color:#eee;border:1px solid #666;padding:17px 27px;font-size:13px;letter-spacing:1px;cursor:pointer}.more-projects:hover{background:#eee;color:#111}.video-grid:focus-visible{outline:2px solid #222;outline-offset:5px}
@media(max-width:640px){.video-grid{gap:12px}.video-grid .video-placeholder{flex-basis:calc((100% - 12px)/2);aspect-ratio:16/12}.video-platform{top:10px;left:10px;font-size:10px;letter-spacing:.4px}.video-caption{bottom:9px;left:10px;font-size:12px}.play-circle{width:34px;height:34px;font-size:12px}.project-grid{grid-template-columns:1fr}.carousel-controls{gap:16px}.carousel-controls button{width:44px;height:44px}}
.nuevo{background:#d5d5d3;color:#101010;border-top:0}.nuevo .section-label{color:#494949}.nuevo h2 .soft{color:#444}.experience-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;margin-top:65px;border-top:1px solid #9a9a98;padding-top:36px}.diagram-label{font-size:12px;letter-spacing:1.7px;font-weight:500;color:#444}.founding-year{font-size:clamp(75px,9vw,145px);letter-spacing:-.07em;line-height:1.3;display:flex;align-items:center;justify-content:space-between}.founding-year>span{font-size:48px;font-weight:400;letter-spacing:0}.year-line{border-top:1px solid #333;display:flex;justify-content:space-between;position:relative;padding-top:12px;font-size:12px;color:#444}.year-line:before,.year-line:after{content:'';position:absolute;top:-4px;width:7px;height:7px;border-radius:50%;background:#111}.year-line:after{right:0}.experience-time p{font-size:18px;line-height:1.5;margin:28px 0 0}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 35px;margin-top:26px}.region-grid>div{border-top:1px solid #aaa;padding-top:15px}.region-number{font-size:12px;color:#555}.region-grid h3{font-size:clamp(23px,2.5vw,36px);line-height:1.12;letter-spacing:-1px;font-weight:500;margin:12px 0 10px}.capability-flow{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:start;border-top:1px solid #9a9a98;margin-top:65px;padding-top:32px;gap:22px}.capability h3{font-size:clamp(25px,2.7vw,38px);font-weight:500;letter-spacing:-1.3px;line-height:1.15;margin:22px 0 16px}.capability p{color:#333;font-size:16px;margin:0;line-height:1.7}.flow-arrow{font-size:28px;color:#555;margin-top:51px}
@media(max-width:640px){.experience-layout{grid-template-columns:1fr;gap:40px;margin-top:38px;padding-top:25px}.founding-year{font-size:100px}.experience-time p{font-size:17px}.region-grid h3{font-size:27px}.capability-flow{grid-template-columns:1fr;gap:24px;margin-top:40px}.flow-arrow{display:none}.capability{border-bottom:1px solid #aaa;padding-bottom:24px}.capability:last-child{border-bottom:0;padding-bottom:0}.capability h3{font-size:32px;margin:15px 0 12px}}
.portrait{left:0;top:0;height:100%;width:auto;max-width:none;object-fit:contain;object-position:left center;opacity:1}.hero-copy h1{font-size:clamp(38px,4.05vw,69px);line-height:1.09}.logo-wall{gap:12px}.logo{background:#f4f4f2;border:0;border-radius:2px}.logo img{filter:none;opacity:1}
@media(max-width:640px){.portrait{left:0;top:76px;height:calc(100% - 76px);width:auto;object-position:left center}.hero-copy{margin-left:49%;padding-top:145px;padding-right:5%}.hero-copy h1{font-size:clamp(22px,5.8vw,37px);line-height:1.16}.hero{min-height:780px;max-height:none}.hero-shade{background:linear-gradient(0deg,#020202,transparent 22%),linear-gradient(90deg,transparent 28%,#000b 49%,#020202 58%)}}

.project-caption{font-size:14px;line-height:1.5;color:#c8c8c8;margin:12px 0 0}.project-card:first-child .project-caption{font-size:clamp(11px,1.05vw,14px);white-space:nowrap}@media(max-width:640px){.project-card:first-child .project-caption{font-size:14px}}
/* Compact opening and quieter section framing. */
header{height:76px;justify-content:flex-end;gap:60px}.hero{height:680px;min-height:0;max-height:none}.hero-copy{padding-top:125px;margin-left:49%;padding-right:6%}.hero-copy h1{font-size:clamp(36px,3.7vw,59px);line-height:1.08}.hero-copy .eyebrow{margin-bottom:22px}.hero-description{margin-top:22px}.hero-bottom{bottom:24px}.hero-bottom .socials{gap:18px}.hero-bottom .social{width:44px;height:44px;padding:8px}.hero-bottom .social svg{width:28px;height:28px}.hero-bottom .social[aria-disabled=true]{opacity:.85}.hero-bottom .social{color:#ddd}.portrait{top:76px;height:calc(100% - 76px);left:0}.section-heading,.media-heading{margin-top:0}.nuevo h2,.clients h2{margin-top:0}
@media(max-width:1000px) and (min-width:641px){.hero{height:680px}.hero-copy{padding-top:128px}.hero-copy h1{font-size:4.3vw}}
@media(max-width:640px){header{height:64px;justify-content:center;padding:0 6%;gap:0}nav{width:100%;justify-content:space-between;gap:22px}nav a{font-size:14px}.hero{height:600px;min-height:0;max-height:none}.portrait{top:64px;height:420px;left:0}.hero-copy{margin-left:49%;padding:104px 5% 105px 0}.hero-copy h1{font-size:clamp(21px,5.6vw,31px);line-height:1.13}.hero-copy .eyebrow{font-size:11px;margin-bottom:18px}.hero-description{font-size:13px;margin-top:18px}.location{font-size:13px}.hero-shade{background:linear-gradient(0deg,#020202 13%,transparent 39%),linear-gradient(90deg,transparent 25%,#0009 46%,#020202 59%)}.hero-bottom{bottom:15px;left:6%;right:6%;flex-wrap:wrap;row-gap:10px}.hero-bottom .socials{gap:12px}.hero-bottom .social{width:42px;height:42px;padding:7px}.hero-bottom .social svg{width:28px;height:28px}.scroll{font-size:9px;gap:8px}.scroll span:last-child{font-size:22px}.hero-bottom .scroll{margin-left:auto}.section-pad{padding-top:48px}}
@media(max-width:360px){.hero{height:630px}.hero-bottom{justify-content:center}.hero-bottom .scroll{margin-left:0}.hero-bottom .socials{width:100%;justify-content:center}}
.video-grid .video-cover{aspect-ratio:1672/941;border:0;background:#111;overflow:hidden;cursor:default;display:block}.video-cover>img{display:block;width:100%;height:100%;object-fit:contain}.youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;filter:drop-shadow(0 2px 8px #0008)}.youtube-play svg{display:block;width:100%;height:auto}.video-soon{position:absolute;right:10px;bottom:10px;background:#000c;color:white;font-size:11px;letter-spacing:1px;padding:5px 8px;border-radius:3px}@media(max-width:640px){.youtube-play{width:36px}.video-soon{right:5px;bottom:5px;font-size:8px;padding:3px 5px;letter-spacing:.5px}}
/* Restore the tall opening while retaining the current content and navigation. */
.hero{height:100svh;min-height:880px;max-height:1150px}.portrait{top:0;height:100%;left:0}.hero-copy{padding-top:174px}.hero-bottom{bottom:34px}
@media(max-width:1000px) and (min-width:641px){.hero{height:100svh;min-height:820px;max-height:1150px}.hero-copy{padding-top:185px}}
@media(max-width:640px){.hero{height:100svh;min-height:780px;max-height:none}.portrait{top:64px;height:calc(100% - 64px);left:0}.hero-copy{padding-top:145px}.hero-bottom{bottom:25px}.hero-shade{background:linear-gradient(0deg,#020202,transparent 22%),linear-gradient(90deg,transparent 28%,#000b 49%,#020202 58%)}}
/* Fully monochrome portrait and compact hero. */
.portrait{filter:grayscale(1)}.hero{height:680px;min-height:0;max-height:none}.portrait{top:76px;height:calc(100% - 76px)}.hero-copy{padding-top:125px}.hero-bottom{bottom:24px}
@media(max-width:1000px) and (min-width:641px){.hero{height:680px;min-height:0;max-height:none}.hero-copy{padding-top:128px}}
@media(max-width:640px){.hero{height:600px;min-height:0;max-height:none}.portrait{top:64px;height:420px;left:0}.hero-copy{padding-top:104px}.hero-bottom{bottom:15px}.hero-shade{background:linear-gradient(0deg,#020202 13%,transparent 39%),linear-gradient(90deg,transparent 25%,#0009 46%,#020202 59%)}}
@media(max-width:360px){.hero{height:630px}}

.projects .section-heading{align-items:flex-start;flex-direction:column;gap:24px}.projects .section-heading h2{max-width:1100px;font-size:clamp(38px,5vw,76px)}.projects .section-heading p{font-size:16px}.project-meta>div{min-width:0}.project-meta h3{overflow-wrap:anywhere}
