:root{--black:#080808;--panel:#111;--orange:#ff681c;--white:#f5f4f0;--muted:#a9a9a7;--line:#303030;--ease:cubic-bezier(.2,.75,.2,1);font-family:'Inter Tight',Arial,Helvetica,sans-serif;color:var(--white);background:var(--black);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:7px}::selection{background:var(--orange);color:var(--black)}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.055em}h2{font-size:clamp(40px,5.8vw,88px);line-height:1.02}p{line-height:1.5}.orange{color:var(--orange)}.wrap{padding-left:5%;padding-right:5%}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.skip-link{position:fixed;top:-70px;left:20px;padding:16px;background:var(--orange);color:black;z-index:100}.skip-link:focus{top:15px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:60}
.header{height:100px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:30;border-bottom:1px solid var(--line);background:var(--black)}.brand{display:flex;gap:15px;align-items:center}.brand svg{width:62px;height:40px;fill:none;stroke:var(--orange);stroke-width:7}.brand span{font-size:11px;line-height:1.1;font-weight:700;letter-spacing:.04em}.desktop-nav{display:flex;gap:32px;font-size:13px}.desktop-nav a{position:relative;padding:8px 0}.desktop-nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .35s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-contact{font-size:13px;border-bottom:1px solid var(--orange);padding:10px 0}.header-contact span{margin-left:28px;color:var(--orange)}.menu-button,.mobile-nav{display:none}
.hero{min-height:760px;height:100svh;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;padding:100px 5% 0}.hero-grid{position:absolute;inset:100px 5% 0;z-index:-2;background:linear-gradient(90deg,transparent calc(50% - .5px),#ffffff08 50%,transparent calc(50% + .5px));border-inline:1px solid #ffffff08}.hero-top{display:flex;justify-content:space-between;padding-top:35px}.hero-top p:last-child{color:var(--muted)}.hero-top i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:10px}.hero-visual{position:absolute;top:24%;right:5%;width:46%;height:60%;overflow:hidden;background:#151515;z-index:-1}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease;transform:scale(1.035)}.hero-slide.active{opacity:1;animation:photo-drift 12s linear both}.hero-slide:first-child{object-position:50% 38%}.hero-visual .image-shade{background:linear-gradient(90deg,#080808bb,transparent 60%),linear-gradient(0deg,#08080844,transparent 40%)}.image-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#000a,transparent 75%)}.frame-corner{position:absolute;top:0;right:0;width:32px;height:32px;border-top:2px solid var(--orange);border-right:2px solid var(--orange)}.hero-copy{position:absolute;left:5%;top:31%;z-index:2}.hero h1{font-size:clamp(80px,11.6vw,178px);line-height:.95;letter-spacing:-.065em;font-weight:700}.line-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.line-mask>span{display:block}.hero-copy>p{font-size:15px;margin-top:35px;color:#d0d0cc}.hero-bottom{position:absolute;bottom:32px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between}.explore{display:flex;align-items:center;gap:18px;font-size:12px}.circle{width:48px;height:48px;border:1px solid #686868;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:background .3s,transform .3s}.explore:hover .circle{background:var(--orange);color:black;transform:translateY(4px)}.hero-note{font-size:10px;letter-spacing:.1em;color:var(--muted)}.motion-toggle{font-size:11px;background:none;display:flex;align-items:center;gap:10px;padding:12px 0}.pause-symbol{color:var(--orange);font-size:16px}
.intro{padding-block:130px 110px}.intro h2{margin:58px 0 45px;max-width:1120px;font-size:clamp(40px,6.1vw,94px)}.intro-bottom{display:flex;justify-content:space-between;margin-left:40%;gap:45px;align-items:end}.intro-bottom p{max-width:420px;color:var(--muted);font-size:17px}.arrow-link{font-size:12px;white-space:nowrap;border-bottom:1px solid #777;padding-bottom:10px}.arrow-link span{color:var(--orange);padding-left:30px}
.showcase{height:145vh;min-height:850px;position:relative}.showcase-sticky{height:100vh;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.showcase-frame{position:relative;height:85%;width:100%;clip-path:inset(0 8%);overflow:hidden}.showcase-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.showcase-copy{position:absolute;left:13%;bottom:10%;z-index:2}.showcase-copy h2{font-size:clamp(42px,6.2vw,96px);margin-top:22px}.showcase-copy h2 span{color:var(--orange)}.ticker{overflow:hidden;padding:50px 0 65px;border-bottom:1px solid var(--line)}.ticker-track{display:flex;width:max-content;animation:ticker 35s linear infinite}.ticker span{font-size:clamp(50px,8vw,128px);line-height:1.1;letter-spacing:-.055em;font-weight:600;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #bfbfb9}.ticker b{color:var(--orange);-webkit-text-stroke:0;font-weight:400;margin-inline:30px}
.work{padding-block:125px}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:36px}.section-head h2{font-size:clamp(38px,5.1vw,76px)}.section-head>p:last-child:not(:first-child){grid-column:2;color:var(--muted);font-size:16px;max-width:330px}.projects{margin-top:85px;display:grid;grid-template-columns:1.1fr 1fr;gap:85px 7%}.project.offset{padding-top:140px}.project.wide{grid-column:1/-1;width:72%}.project-image{display:block;position:relative;width:100%;padding:0;background:#151515;overflow:hidden;aspect-ratio:4/3}.project-image.portrait{aspect-ratio:3/4}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease);filter:none}.project-image.portrait img{object-position:center 55%}.project-image:hover img{transform:scale(1.035)}.image-action{position:absolute;bottom:20px;right:20px;font-size:11px;display:flex;align-items:center;gap:28px;background:#080808d9;padding:12px 15px;backdrop-filter:blur(10px);transition:background .3s,color .3s}.image-action b{font-size:18px;color:var(--orange)}.project-image:hover .image-action{background:var(--orange);color:black}.project-image:hover .image-action b{color:black}.project-meta{padding-top:22px;border-top:1px solid var(--line);margin-top:12px}.project-meta>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}.project-meta h3{font-size:clamp(25px,2.9vw,45px);margin-top:9px;font-weight:500}
.capabilities{padding-block:110px;background:var(--panel)}.services{margin-top:80px}.service{border-top:1px solid #3a3a3a}.service:last-child{border-bottom:1px solid #3a3a3a}.service summary{display:grid;grid-template-columns:10% 1fr 40px;align-items:center;padding:32px 0;cursor:pointer;list-style:none;transition:color .3s}.service summary::-webkit-details-marker{display:none}.service summary>span{font-size:11px;color:var(--orange)}.service summary h3{font-size:clamp(25px,3.3vw,50px);font-weight:500;letter-spacing:-.045em}.service summary>b{font-size:35px;font-weight:400;justify-self:end;transition:transform .4s;color:var(--orange)}.service[open] summary>b{transform:rotate(45deg)}.service summary:hover{color:var(--orange)}.service-content{padding:0 0 35px 10%;display:flex;align-items:end;gap:60px;animation:detail-in .4s ease}.service-content p{max-width:510px;color:var(--muted)}
.regions{padding-block:130px}.regions h2{margin:60px 0}.region-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%}.region-bottom p{color:var(--muted);font-size:17px}.region-bottom>div{border-top:1px solid var(--line)}.region-bottom span{padding:20px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:20px}.region-bottom b{font-weight:400;color:var(--orange)}.contact{background:var(--orange);color:#080808;padding-block:70px}.contact-title{display:flex;justify-content:space-between;align-items:center;margin:60px 0 90px}.contact-title h2{font-size:clamp(58px,9.3vw,150px);line-height:.97}.contact-arrow{font-size:clamp(70px,13vw,210px);font-weight:400;line-height:1;transition:transform .5s var(--ease)}.contact-title:hover .contact-arrow{transform:translate(9px,-9px)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #0006;padding-top:27px}.contact-bottom p{font-size:15px}.contact-button{background:#080808;color:var(--white);padding:18px 25px;min-width:230px;display:flex;justify-content:space-between;font-size:13px;transition:background .3s}.contact-button span{color:var(--orange)}.contact-button:hover{background:#252525}.footer{padding-block:55px 30px}.footer-name{font-size:clamp(55px,10vw,160px);font-weight:700;letter-spacing:-.06em;line-height:1}.footer-name>span{display:block;font-size:12px;letter-spacing:.45em;margin-top:10px}.footer>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding-top:25px;font-size:11px;color:var(--muted)}
.gallery{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:25px 4%;border:0;background:#080808;color:var(--white);overscroll-behavior:contain}.gallery::backdrop{background:#000d}.gallery[open]{display:flex;flex-direction:column}.gallery-top,.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-top{height:45px;font-size:14px}.gallery button{background:none;padding:12px;min-width:44px;min-height:44px}.gallery>img{flex:1;min-height:0;width:100%;object-fit:contain;padding:20px 0}.gallery-bottom{font-size:13px}.gallery-bottom button{font-size:25px;color:var(--orange)}
.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js .reveal.visible{opacity:1;transform:none}.js .word{display:inline-block;opacity:.22;transition:opacity .6s,color .6s}.js .word.visible{opacity:1}.js .hero .line-mask>span{transform:translateY(115%);transition:transform 1.15s var(--ease)}.js.ready .hero .line-mask>span{transform:none}.js.ready .hero .line-mask:nth-child(2)>span{transition-delay:.13s}.js .hero-visual{clip-path:inset(0 0 100% 0);transition:clip-path 1.6s var(--ease)}.js.ready .hero-visual{clip-path:inset(0)}.js .project.reveal .project-image{clip-path:inset(0 0 18% 0);transition:clip-path 1.1s var(--ease)}.js .project.visible .project-image{clip-path:inset(0)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition-duration:0s!important}.motion-paused .reveal,.motion-paused .word{opacity:1;transform:none}.motion-paused .hero .line-mask>span{transform:none}.motion-paused .hero-visual,.motion-paused .project.reveal .project-image{clip-path:inset(0)}
@keyframes photo-drift{from{transform:scale(1.035)}to{transform:scale(1)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes detail-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
h1,h2,h3{word-spacing:.035em}h2{letter-spacing:-.035em}.hero h1{letter-spacing:-.045em;word-spacing:.045em}.project-meta h3{letter-spacing:-.03em}
@media(min-width:1700px){.hero-visual{right:10%;width:40%}.hero-copy{left:10%}.wrap{padding-inline:10%}.hero{padding-inline:10%}.hero-bottom{left:10%;right:10%}}
@media(max-width:900px){.desktop-nav{gap:18px}.hero-note{display:none}.intro-bottom{margin-left:25%;flex-direction:column;align-items:start}.section-head{grid-template-columns:1fr}.section-head>p:last-child:not(:first-child){grid-column:1}.project.wide{width:85%}.service-content{flex-direction:column;align-items:start;gap:24px}.hero h1{font-size:12.5vw}.hero-copy{top:33%}}
@media(max-width:600px){html{scroll-padding-top:25px}.header{height:80px}.brand svg{width:48px}.brand span{font-size:9px}.desktop-nav,.header-contact{display:none}.menu-button{display:flex;gap:15px;align-items:center;background:none;font-size:12px;padding:12px 0}.menu-button span{color:var(--orange);font-size:23px}.mobile-nav{display:flex;position:fixed;inset:80px 0 0;background:var(--black);z-index:29;padding:60px 6%;flex-direction:column;gap:30px;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .3s,visibility .3s}.mobile-nav.open{visibility:visible;opacity:1;transform:none}.mobile-nav a{font-size:34px;letter-spacing:-.045em;display:flex;align-items:center;justify-content:space-between}.mobile-nav span{font-size:12px;color:var(--orange)}.hero{padding-top:80px;height:calc(100svh - 5px);min-height:720px;max-height:920px}.hero-top{padding-top:25px;display:block}.hero-top p:last-child{margin-top:8px;font-size:9px}.hero-visual{top:38%;width:82%;right:5%;height:43%}.hero-copy{top:25%;left:5%;right:5%}.hero h1{font-size:17vw;line-height:.98}.hero-copy>p{font-size:13px;margin-top:24px;max-width:220px;padding:8px 0;text-shadow:0 1px 10px black}.hero-bottom{bottom:28px}.hero-visual .image-shade{background:linear-gradient(90deg,#08080899,transparent 80%)}.hero-grid{top:80px}.intro,.work,.regions{padding-block:80px}.intro h2{margin:35px 0;font-size:11vw;line-height:1.04}.intro-bottom{margin:0;gap:30px}.intro-bottom p{font-size:16px}.showcase{height:105svh;min-height:650px}.showcase-sticky{height:85svh}.showcase-frame{clip-path:inset(0 5%);height:90%}.showcase-copy{left:10%;bottom:10%}.showcase-copy h2{font-size:11vw}.showcase-frame>img{object-position:57% center}.ticker{padding:30px 0}.ticker span{font-size:57px}.ticker b{margin-inline:20px}.section-head{gap:25px}.section-head h2{font-size:10.5vw}.projects{display:block;margin-top:45px}.project,.project.offset,.project.wide{width:100%;padding:0;margin-bottom:48px}.project-image.portrait{aspect-ratio:4/5}.project-meta h3{font-size:29px}.image-action{bottom:12px;right:12px}.capabilities{padding-block:75px}.services{margin-top:40px}.service summary{grid-template-columns:9% 1fr 30px;padding:25px 0}.service summary h3{font-size:24px}.service summary>b{font-size:27px}.service-content{padding-left:9%;font-size:14px}.regions h2{font-size:11.5vw;margin:35px 0}.region-bottom{display:block}.region-bottom>div{margin-top:35px}.region-bottom p{font-size:16px}.contact{padding-block:50px}.contact-title{margin:40px 0 55px;align-items:end}.contact-title h2{font-size:13vw}.contact-arrow{font-size:60px}.contact-bottom{align-items:start;gap:25px;flex-direction:column}.contact-button{min-width:100%}.footer{padding-block:40px 25px}.footer-name{font-size:17vw}.footer-name>span{font-size:9px}.footer>div{gap:20px;font-size:10px}.gallery{padding:12px 4%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal,.js .word{opacity:1;transform:none}.js .hero .line-mask>span{transform:none}.js .hero-visual,.js .project.reveal .project-image{clip-path:inset(0)}}