:root{--orange:#F05A28;--ink:#111;--muted:#666;--line:#D8D8D8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #BE3C14;outline-offset:6px}.header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Epilogue,sans-serif;font-size:25px;font-weight:900;letter-spacing:-1.5px}.header nav{display:flex;gap:30px;font:700 12px Epilogue,sans-serif;text-transform:uppercase;letter-spacing:-.3px}.header nav a:hover,.text-link:hover{color:#BE3C14}.cta{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--orange);border-radius:30px;padding:16px 25px;font:700 11px Epilogue,sans-serif;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.cta:hover{background:#BE3C14;color:#fff}main{max-width:1600px;margin:auto}.preview-tools{display:flex;align-items:center;gap:15px;margin:18px 5% 0;color:var(--muted);font-size:10px}.preview-tools>span{text-transform:uppercase;letter-spacing:1.8px}.preview-tools>div{display:flex;background:#F6F6F6;padding:3px;border-radius:30px}.preview-tools button{border:0;padding:7px 13px;border-radius:30px;cursor:pointer;color:#666;background:transparent;font-size:11px}.preview-tools button[aria-pressed=true]{background:#111;color:white}.preview-tools>a{margin-left:auto;text-decoration:underline;text-underline-offset:3px}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;min-height:540px;padding:5px 5% 24px;position:relative;column-gap:0}.hero-copy{z-index:2;padding:12px 0 20px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font:700 10px Epilogue,sans-serif;letter-spacing:2px;color:#666;margin:0 0 22px}.hero h1{font:800 clamp(38px,4.4vw,70px)/1.04 'Bricolage Grotesque',sans-serif;letter-spacing:-2.4px;margin:0}.hero h1 span{color:var(--orange)}.intro{font-size:15px;line-height:1.75;max-width:410px;color:#666;margin:25px 0 28px}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:11px;font-weight:600}.text-link span{margin-left:8px}.globe-block{min-width:0;position:relative;align-self:start}.globe{height:500px;width:100%;position:relative;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:hidden;border-radius:4px}.globe.dragging{cursor:grabbing}.globe-scene{position:absolute;width:520px;height:520px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--globe-scale,1));perspective:1100px;pointer-events:none}.globe-world{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.globe-tile{position:absolute;left:50%;top:50%;width:86px;height:113px;margin:-56.5px 0 0 -43px;background:#eee;backface-visibility:visible;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 1px #1111110d;pointer-events:none}.globe-tile img{display:block;height:100%;width:100%;object-fit:cover;pointer-events:none}.globe-tile.wide{width:116px;height:80px;margin:-40px 0 0 -58px}.globe-hint{margin:0;text-align:center;color:#666;font-size:10px;letter-spacing:.5px}.globe-hint>span:first-child{color:#BE3C14;font-size:16px;vertical-align:-1px;margin-right:6px}.keyboard-hint{color:#888}.proof{margin:0 5%;padding:25px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof>div{display:flex;align-items:center;gap:18px;justify-content:center}.proof>div+div{border-left:1px solid var(--line)}.proof strong{font:700 clamp(28px,3.5vw,48px)/1 'Bricolage Grotesque',sans-serif;letter-spacing:-1.7px}.proof strong span{font-size:.65em;color:var(--orange);padding-left:2px}.proof p{font-size:11px;color:#666;margin:0}.clients{padding:30px 5% 35px}.clients>.eyebrow{text-align:center;margin-bottom:22px;font-size:9px}.logo-wall{display:flex;align-items:center;gap:45px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ddd transparent;padding:5px 0 15px}.logo-wall>div{flex:0 0 100px;display:flex;height:35px;align-items:center;justify-content:center}.client-logo{max-width:100px;max-height:32px;object-fit:contain;filter:grayscale(1);opacity:.65}.work{padding:65px 5% 80px;background:#F6F6F6}.work-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.work h2{font:800 clamp(26px,3vw,44px)/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-1px;margin:0}.work-heading p:not(.eyebrow){font-size:12px;line-height:1.6;color:#666}.work .eyebrow{margin-bottom:14px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work figure{margin:0}.work figure img{width:100%;height:340px;display:block;object-fit:cover}.work figcaption{font-size:11px;margin-top:15px;color:#666}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 5%;font-size:10px;color:#666}footer p{font-size:9px}body[data-placement=center] .hero{grid-template-columns:1fr;min-height:0;padding-top:10px}body[data-placement=center] .globe-block{grid-row:1;width:min(650px,100%);justify-self:center}body[data-placement=center] .globe{height:420px}body[data-placement=center] .hero-copy{text-align:center;padding:24px 0 32px}body[data-placement=center] .hero h1{font-size:clamp(35px,4vw,62px)}body[data-placement=center] .desktop-break{display:none}body[data-placement=center] .intro{margin:20px auto;max-width:540px}body[data-placement=center] .hero-actions{justify-content:center}body[data-placement=center] .hero-copy>.eyebrow{display:none}
@media(min-width:1450px){.hero{min-height:650px}.globe{height:600px}}
@media(max-width:900px){.header nav{gap:16px;font-size:10px}.hero h1{letter-spacing:-1.5px}.hero{min-height:450px}.globe{height:420px}.proof>div{flex-direction:column;gap:8px}.intro{font-size:13px}.hero-actions{gap:16px}.hero-actions .cta{padding:14px 20px}.keyboard-hint{display:none}}
@media(max-width:650px){.header{height:72px}.header nav{display:none}.header .cta{font-size:9px;padding:12px 18px}.preview-tools{flex-wrap:wrap;gap:8px;margin-top:14px}.preview-tools>span{font-size:8px}.preview-tools>a{font-size:8px}.preview-tools button{font-size:10px;padding:6px 10px}.hero{grid-template-columns:1fr;padding-top:0}.hero .globe-block{grid-row:1}.globe{height:330px}.hero-copy{padding:25px 0}.hero h1{font-size:39px;letter-spacing:-1.3px}.desktop-break{display:none}.eyebrow{font-size:9px;margin-bottom:15px}.intro{font-size:14px;margin:18px 0 22px}.hero-actions .cta{padding:16px 25px}.proof{padding:22px 0}.proof strong{font-size:32px}.proof p{font-size:9px}.clients{padding-top:25px;padding-bottom:20px}.logo-wall{gap:25px}.logo-wall>div{flex-basis:84px}.client-logo{max-width:84px;max-height:27px}.work{padding-top:42px}.work-heading{display:block}.work-grid{gap:12px;grid-template-columns:repeat(3,78%);overflow-x:auto;padding-bottom:15px}.work figure img{height:300px}.work-heading>p{margin-top:15px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}body[data-placement=center] .globe{height:330px}body[data-placement=center] .hero-copy{padding-top:25px}body[data-placement=center] .hero h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Restore the approved site's font roles, weight, casing and tracking. */
.wordmark{font-family:ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:900;letter-spacing:-1.2px}
.header nav{font-family:Epilogue,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.8px}
.cta{font-family:Manrope,sans-serif;font-size:12px;font-weight:600;letter-spacing:1.2px}
.hero h1,body[data-placement=center] .hero h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(30px,3.5vw,54px);line-height:1.02;letter-spacing:-.24px;text-transform:uppercase}
.hero .text-link{font-family:Epilogue,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.28em;padding:12px 0;display:inline-block}
.hero .text-link span{margin-left:14px}
.work h2{font-family:Epilogue,sans-serif;font-weight:900;text-transform:uppercase;line-height:.98;letter-spacing:-.035em;font-size:clamp(30px,4.2vw,60px)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.header nav{font-size:13px;gap:22px}}
@media(max-width:650px){.hero h1,body[data-placement=center] .hero h1{font-size:32px;line-height:1.02;letter-spacing:-.24px}.hero .text-link{font-size:11px}.proof{padding:22px 0;border-radius:9px}.proof>div{padding:2px 5px}.proof strong{font-size:32px}.proof p{font-size:9px}.work h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.proof>div{transform:none!important;transition:none}.proof strong{transition:none}}
@media(forced-colors:active){.proof strong{-webkit-text-fill-color:CanvasText;background:none;filter:none;-webkit-text-stroke:0}}

/* Quiet automatic motion and a wordmark placed inside the same 3D world. */
.preview-tools{justify-content:flex-end;margin-top:12px;margin-bottom:-5px}
.globe-core{position:absolute;left:50%;top:50%;width:280px;height:170px;transform:translate(-50%,-50%);transform-style:preserve-3d;pointer-events:none}
.globe-core span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:800 68px/.88 'Bricolage Grotesque',sans-serif;letter-spacing:-2px;backface-visibility:hidden;color:#111;transform:translateZ(1px)}
.globe-core span+span{transform:rotateY(180deg) translateZ(1px)}
.motion-toggle{position:absolute;right:12px;bottom:16px;border:1px solid #d8d8d8;background:#ffffffb3;color:#666;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font:600 12px Manrope,sans-serif;cursor:pointer;z-index:3}
.hero{min-height:510px}
.hero .intro{font-size:14px;margin-top:25px;margin-bottom:20px}
.logo-wall{display:block;overflow:hidden;padding:5px 0 15px;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.logo-wall>.logo-track{height:auto;width:max-content;max-width:none;display:flex;gap:0;animation:clientOrbit 48s linear infinite}
.logo-group{display:flex;align-items:center;gap:45px;padding-right:45px}
.logo-group>div{flex:0 0 100px;width:100px;height:35px;display:flex;align-items:center;justify-content:center}
@keyframes clientOrbit{to{transform:translateX(-50%)}}
.logo-wall:hover .logo-track,.logo-wall:focus-within .logo-track,.motion-paused .logo-track{animation-play-state:paused}
.work-heading{margin-bottom:30px}.work{padding-top:55px}
@media(max-width:650px){.hero{min-height:0}.preview-tools{margin-bottom:0}.globe-core span{font-size:68px}.hero .intro{font-size:13px;line-height:1.7;margin-top:18px}.proof{padding:25px 0}.logo-group{gap:25px;padding-right:25px}.logo-group>div{width:84px;flex-basis:84px;height:30px}}
@media(prefers-reduced-motion:reduce){.logo-wall>.logo-track{animation:none}.logo-wall{overflow-x:auto}.logo-group[aria-hidden=true]{display:none}}

.motion-toggle[hidden]{display:none}

/* Use the supplied transparent brand asset, with its original shape and color. */
.globe-core{width:440px;height:440px;transform:translate(-50%,-54%)}
.globe-core span{font:inherit;letter-spacing:normal}
.globe-core img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
/* Give the globe the space previously occupied by the logo/stat bands. */
.hero{grid-template-columns:.9fr 1.25fr;min-height:650px;padding:0 2% 35px 5%;column-gap:0}
.hero-copy{padding-right:10px}
.globe{height:620px;border-radius:0}
.globe-block{align-self:center}
body[data-placement=center] .globe-block{width:min(850px,100%)}
body[data-placement=center] .globe{height:620px}
.clients{padding-top:55px;padding-bottom:45px}
.proof{position:relative;margin:0 5%;padding:42px 0;isolation:auto;overflow:visible;background:none;border:0;border-top:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.proof:before,.proof:after{content:none}
.proof>div{position:relative;padding:0 12px;transform:none;transition:none}
.proof>div+div{border-left:1px solid #D8D8D8}
.proof strong{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.015em;background:none;color:#111;-webkit-text-fill-color:#111;-webkit-text-stroke:0;filter:none;text-shadow:none}
.proof strong span{color:#111;-webkit-text-fill-color:#111}
@media(min-width:1450px){.hero{min-height:760px}.globe{height:730px}}
@media(max-width:900px) and (min-width:651px){.hero{min-height:540px}.globe{height:510px}.hero h1{font-size:29px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;min-height:0;padding:0 5% 40px}.globe,body[data-placement=center] .globe{height:390px}.hero-copy{padding-right:0}.clients{padding-top:35px;padding-bottom:30px}.proof{padding:30px 0}.proof>div{padding:0 5px}}

/* Portfolio proof stays with the opening rather than below the whole page. */
.hero+.proof{margin-bottom:42px;padding-top:28px;padding-bottom:28px}
@media(max-width:650px){.hero+.proof{margin-bottom:30px;padding-top:25px;padding-bottom:25px}}

/* Globe-led composition: smaller copy anchored to the lower corner. */
body[data-placement=right] .hero{display:block;min-height:0;height:clamp(660px,calc(100svh - 210px),850px);padding:0;overflow:hidden}
body[data-placement=right] .globe-block{position:absolute;right:-1%;top:-12px;width:77%;height:100%}
body[data-placement=right] .globe{width:100%;height:100%}
body[data-placement=right] .hero-copy{position:absolute;left:5%;bottom:38px;width:35%;max-width:440px;padding:0;z-index:2}
body[data-placement=right] .hero h1{font-size:clamp(25px,2.65vw,42px)}
body[data-placement=right] .hero .intro{font-size:12px;margin:18px 0 13px}
body[data-placement=right] .hero .text-link{font-size:10px;letter-spacing:.24em}
.globe-core{width:220px;height:220px}
.globe-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0}
.globe-tile video.ready{opacity:1}
.motion-toggle{right:7%;bottom:18px}
.proof{display:flex;justify-content:center;gap:0}
.proof>div{flex:0 1 205px;min-width:0;display:flex;flex-direction:column;gap:6px;padding:0 24px}
.proof strong{font-size:42px}
.proof p{font-size:10px;white-space:nowrap}
.hero+.proof{padding-top:22px;padding-bottom:22px;margin-bottom:32px}
body[data-placement=center] .globe-block{width:min(1000px,100%)}
body[data-placement=center] .globe{height:720px}
@media(max-width:900px) and (min-width:651px){body[data-placement=right] .hero{height:610px}body[data-placement=right] .hero-copy{bottom:30px;width:40%}body[data-placement=right] .globe-block{width:83%;right:-8%;top:-25px}}
@media(max-width:650px){body[data-placement=right] .hero{height:auto;display:flex;flex-direction:column;overflow:hidden;padding:0 5% 30px}body[data-placement=right] .globe-block{position:relative;right:auto;top:0;width:calc(100% + 30px);height:400px;align-self:center}body[data-placement=right] .globe{height:400px}body[data-placement=right] .hero-copy{position:relative;left:auto;bottom:auto;width:100%;max-width:none;padding:5px 0 0}body[data-placement=right] .hero h1{font-size:28px}body[data-placement=right] .hero .intro{font-size:12px}body[data-placement=right] .hero .text-link{font-size:10px}.proof>div{flex:1;padding:0 8px;gap:7px}.proof strong{font-size:30px}.proof p{font-size:8px}.hero+.proof{padding:22px 0}body[data-placement=center] .globe{height:400px}.motion-toggle{right:5%;bottom:15px}}
@media(max-width:650px){body[data-placement=right] .globe-block{order:1}body[data-placement=right] .hero-copy{order:2}}
/* Keep portfolio previews visible in the opening desktop viewport. */
.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.proof>div{width:100%;padding:0 14px;justify-content:center;text-align:center}
@media(min-width:651px){
 body[data-placement=right] .hero{height:var(--opening-height,clamp(270px,calc(100svh - 425px),700px))}
 body[data-placement=right] .hero-copy{bottom:24px}
 body[data-placement=right] .globe-block{top:0;right:0;height:100%;width:72%}
 .hero+.proof{padding:17px 0;margin-bottom:0}
 .proof strong{font-size:38px;line-height:1.05}
 .proof p{font-size:10px}
 .work{padding-top:24px}
 .work-heading{margin-bottom:20px}
 .work h2{font-size:clamp(23px,2.4vw,34px);line-height:1.05}
 .work figure img{height:clamp(260px,34svh,340px)}
}

/* Centered composition keeps the full proof row in the opening viewport. */
body[data-placement=center] .hero{padding-top:0;padding-bottom:12px}
body[data-placement=center] .globe-block{width:min(940px,100%)}
body[data-placement=center] .globe{height:var(--center-globe-height,clamp(240px,calc(100svh - 580px),650px))}
body[data-placement=center] .hero-copy{padding:8px 0 10px}
body[data-placement=center] .hero h1{font-size:clamp(26px,2.7vw,38px)}
body[data-placement=center] .intro{margin:12px auto 8px;font-size:12px}
body[data-placement=center] .hero .text-link{padding:9px 0;font-size:10px}
@media(max-width:650px){body[data-placement=center] .globe{height:clamp(230px,calc(100svh - 425px),370px)}body[data-placement=center] .hero{padding-bottom:15px}body[data-placement=center] .hero h1{font-size:26px}body[data-placement=center] .hero-copy{padding:8px 0 12px}body[data-placement=center] .intro{font-size:11px}}

/* Let the centered globe lead; the work section follows naturally below. */
body[data-placement=center] .globe-block{width:min(1120px,100%)}
body[data-placement=center] .globe{height:var(--center-globe-height,clamp(320px,calc(100svh - 365px),900px))}
body[data-placement=center] .hero-copy{padding:6px 0 12px}
.work{padding-top:30px}
@media(max-width:650px){body[data-placement=center] .globe-block{width:calc(100% + 30px);max-width:100vw}body[data-placement=center] .globe{height:clamp(280px,calc(100svh - 390px),440px)}body[data-placement=center] .hero-copy{padding-top:4px}.work{padding-top:20px}}

/* Approved type scale, independent of the data-wall light. */
body[data-placement=center] .hero h1{font-size:clamp(40px,4vw,62px)}
body[data-placement=center] .intro{font-size:clamp(19px,1.65vw,24px);font-weight:600;color:var(--ink);letter-spacing:.01em;margin:24px auto 7px;max-width:720px}
body[data-placement=center] .hero-copy{padding-bottom:19px}
.human-way{position:relative;display:inline-block;padding-bottom:8px}
.intro>span{display:inline-block}
.human-underline{position:absolute;left:0;bottom:-3px;width:100%;height:12px;overflow:visible;pointer-events:none}
.human-underline path{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;animation:humanUnderline 6s ease-in-out infinite}
@keyframes humanUnderline{0%,8%{stroke-dashoffset:1;opacity:0}12%{opacity:1}32%,85%{stroke-dashoffset:0;opacity:1}96%,100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.human-underline path{animation:none;stroke-dashoffset:0}}
@media(max-width:650px){body[data-placement=center] .hero h1{font-size:33px}body[data-placement=center] .intro{font-size:17px;line-height:1.6;margin-top:20px}body[data-placement=center] .hero-copy{padding-bottom:16px}body[data-placement=center] .globe{height:clamp(280px,calc(100svh - 450px),400px)}}

/* Thin orange accent at the bottom of the data wall. */
/* Expand the rendered globe without changing the copy or header layout. */
body[data-placement=center] .hero{overflow-x:clip;overflow-y:visible}
body[data-placement=center] .globe-block{z-index:0}
body[data-placement=center] .globe{overflow:visible}
body[data-placement=center] .globe-scene{transform:translate(-50%,calc(-50% + 8px)) scale(calc(var(--globe-scale,1) * 1.2))}
body[data-placement=center] .globe-block::after{content:"";position:absolute;z-index:1;pointer-events:none;left:0;right:0;bottom:-70px;height:170px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.65) 40%,#fff 78%)}
body[data-placement=center] .hero-copy{position:relative;z-index:2}
body[data-placement=center] .hero h1{text-shadow:0 0 12px #fff,0 0 25px #fff}
@media(max-width:650px){body[data-placement=center] .globe-scene{transform:translate(-50%,calc(-50% + 4px)) scale(calc(var(--globe-scale,1) * 1.13))}body[data-placement=center] .globe-block::after{height:120px;bottom:-45px}}

/* Contain the enlarged sphere below navigation and fade it before the copy. */
body[data-placement=center] .hero{overflow:clip}
body[data-placement=center] .globe{overflow:hidden}
body[data-placement=center] .hero h1{font-size:clamp(35px,3.55vw,55px)}
body[data-placement=center] .globe-scene{
 top:calc(60% + 20px);
 transform:translate(-50%,-50%) scale(calc(var(--globe-scale,1) * 1.36));
}
body[data-placement=center] .globe-block::after{
 bottom:0;
 height:150px;
 background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.72) 48%,#fff 82%);
}
body[data-placement=center] .intro{margin-top:20px}

@media(max-width:650px){
 body[data-placement=center] .hero{overflow:hidden}
 body[data-placement=center] .hero h1{font-size:30px}
 body[data-placement=center] .globe-scene{
  top:50%;
  transform:translate(-50%,calc(-50% - 18px)) scale(calc(var(--globe-scale,1) * 1.2));
 }
 body[data-placement=center] .globe-block::after{
  bottom:-2px;
  height:105px;
  background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.82) 55%,#fff 90%);
 }
 body[data-placement=center] .intro{margin-top:23px}
}

/* Alternative composition: footage and copy share the hero's vertical space. */
body[data-placement=immersive] .hero{display:block;height:clamp(440px,calc(100svh - 255px),980px);min-height:0;padding:0;overflow:clip;isolation:isolate}
body[data-placement=immersive] .globe-block{position:absolute;inset:0 0 0 auto;width:76%;height:100%;z-index:0}
body[data-placement=immersive] .globe{height:100%;overflow:hidden}
body[data-placement=immersive] .globe-scene{transform:translate(-50%,-50%) scale(calc(var(--globe-scale,1) * 1.1))}
body[data-placement=immersive] .hero-copy{position:absolute;left:5%;bottom:36px;width:40%;max-width:570px;padding:30px 0 0;z-index:2}
body[data-placement=immersive] .hero-copy::before{content:"";position:absolute;z-index:-1;inset:-60px -75px -36px -60px;background:radial-gradient(ellipse at 20% 80%,#fff 40%,rgba(255,255,255,.94) 56%,rgba(255,255,255,0) 75%);pointer-events:none}
body[data-placement=immersive] .hero h1{font-size:clamp(30px,3.05vw,49px);line-height:1.06;letter-spacing:-.8px}
body[data-placement=immersive] .intro{font-size:clamp(16px,1.3vw,21px);font-weight:600;line-height:1.6;max-width:560px;color:var(--ink);margin:22px 0 0}
@media(min-width:651px){
 body[data-placement=immersive] main{position:relative}
 body[data-placement=immersive] .preview-tools{position:absolute;top:12px;right:5%;margin:0;z-index:3}
 body[data-placement=immersive] .hero{height:clamp(482px,calc(100svh - 213px),1022px)}
 body[data-placement=immersive] .globe-block{inset:28px 0 auto auto;height:calc(100% - 56px)}
 body[data-placement=immersive] .globe-scene{transform:translate(-50%,-50%) scale(calc(var(--globe-scale,1) * 1.08))}
}
@media(max-width:650px){
 body[data-placement=immersive] .hero{display:flex;flex-direction:column;height:auto;padding:0 5% 22px}
 body[data-placement=immersive] .globe-block{position:relative;inset:auto;order:0;width:calc(100% + 30px);height:clamp(310px,47svh,410px);align-self:center}
 body[data-placement=immersive] .globe-scene{transform:translate(-50%,-50%) scale(calc(var(--globe-scale,1) * 1.08))}
 body[data-placement=immersive] .hero-copy{position:relative;left:auto;bottom:auto;order:1;width:100%;max-width:none;padding:18px 0 0;text-align:center}
 body[data-placement=immersive] .hero-copy::before{content:none}
 body[data-placement=immersive] .hero h1{font-size:30px;line-height:1.05}
 body[data-placement=immersive] .intro{font-size:17px;margin:18px auto 0}
}

.work figcaption{font-family:Epilogue,sans-serif;font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.25;color:var(--ink);margin-top:20px;letter-spacing:-.5px}
.clients>.eyebrow{font-size:16px;letter-spacing:0;color:var(--ink);margin-bottom:28px}
.logo-group>div{flex-basis:125px;width:125px;height:46px}
.client-logo{max-width:125px;max-height:42px}
@media(max-width:650px){.work figcaption{font-size:21px}.logo-group>div{flex-basis:105px;width:105px;height:40px}.client-logo{max-width:105px;max-height:35px}}

.site-footer{display:block;padding:64px 5% 0;border-top:1px solid var(--line);overflow:hidden;color:var(--ink)}
.footer-links{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:40px;padding-bottom:42px}
.footer-links nav{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.footer-links h2{font:600 16px Manrope,sans-serif;margin:0 0 9px}
.footer-links nav a{font-size:15px;color:var(--muted)}
.footer-links a:hover,.footer-meta a:hover{color:var(--orange)}
.footer-contact{justify-self:end}
.footer-contact>a{display:inline-flex;gap:32px;align-items:center;font:700 clamp(22px,2.8vw,38px) 'Bricolage Grotesque',sans-serif;border-bottom:2px solid var(--orange);padding-bottom:10px}
.footer-contact>a span{color:var(--orange)}
.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 14px;border-top:0;font-size:12px;color:var(--muted)}
.footer-meta p{font-size:10px;margin:0}
.footer-wordmark{display:flex;align-items:flex-end;width:max-content;margin:0 auto;padding-bottom:.10em;font-family:system-ui,sans-serif;font-weight:900;font-size:clamp(90px,24vw,384px);line-height:.95;letter-spacing:-.065em}
.footer-wordmark .footer-accent{display:block;flex:none;width:.55em;height:.12em;margin-left:.06em;margin-bottom:.01em;background:var(--orange)}
.footer-lettering{display:inline-flex;align-items:baseline;gap:.025em;letter-spacing:0}
.footer-letter{display:block;position:relative;isolation:isolate;background:var(--ink)}
.footer-reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:0;transition:opacity .45s ease;pointer-events:none}
.footer-letter-mask{position:relative;display:block;background:#fff;color:#000;mix-blend-mode:screen;pointer-events:none}
.footer-wordmark.is-previewing .footer-reel{opacity:1}
@media(prefers-reduced-motion:reduce){.footer-reel{transition:none}}
@media(max-width:650px){.site-footer{padding-top:40px}.footer-links{grid-template-columns:1fr 1fr;gap:36px 20px;padding-bottom:28px}.footer-contact{grid-column:1/-1;justify-self:start}.footer-links nav a{font-size:14px}.footer-meta{flex-wrap:wrap;gap:10px 14px;padding-bottom:10px;font-size:11px}.footer-meta p{order:3;width:100%;font-size:9px}.footer-wordmark{font-size:24vw;margin-top:0}}

.hero::after{content:none}
.proof{isolation:isolate;overflow:visible;border-bottom-color:transparent}
.proof>div{position:relative;z-index:1}
.proof::before{content:none}
.proof::after{
 content:"";position:absolute;z-index:0;pointer-events:none;
 left:-5.5556%;right:-5.5556%;bottom:-1px;height:2px;
 background:linear-gradient(90deg,rgba(240,90,40,0),rgba(240,90,40,.55) 12%,#F05A28 35%,#ffb36f 63%,rgba(240,90,40,.6) 87%,rgba(240,90,40,0));
}

.globe-tile .globe-interview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;--controls:none;--media-object-fit:cover;--media-object-position:center;--loading-indicator:none}