:root{color-scheme:dark;--black:#080808;--bone:#e6e3dc;--soft:#b1aea6}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black);scroll-padding-top:0}body{margin:0;background:var(--black);color:var(--bone);font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid var(--bone);outline-offset:8px}::selection{background:#d4d0c4;color:#111}header{position:fixed;z-index:20;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:28px 38px;pointer-events:none}header a{pointer-events:auto}.brand{width:28px;display:block}.brand svg,.mark{fill:var(--bone)}.contact-nav{font-size:12px;letter-spacing:.22em;min-height:44px;display:grid;place-items:center;text-shadow:0 1px 8px #000}header:before{content:'';position:absolute;inset:0;background:linear-gradient(#0007,transparent);z-index:-1;height:120px;pointer-events:none}.skip{position:fixed;left:20px;top:-100px;z-index:40;padding:16px;background:#111}.skip:focus{top:10px}.chapter{position:relative;height:185svh}.stage{height:100svh;position:sticky;top:0;overflow:hidden;background:var(--black);isolation:isolate}.media{position:absolute;overflow:hidden;will-change:transform;transform:scale(var(--scale,1)) translateY(var(--shift,0px))}.media svg{width:100%;height:100%;display:block}.intro-type{position:absolute;z-index:3;left:0;top:0;width:49%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:5vh;opacity:1;transform:translateY(var(--titleShift,0px));text-align:center}.mark{width:49px;height:47px;margin-bottom:42px}h1,footer h2{font-size:clamp(17px,1.55vw,25px);font-weight:400;letter-spacing:.34em;margin:0 0 26px;padding-left:.34em}p{margin:0}.motto{font-size:12px;letter-spacing:.26em}.hero-photo{inset:0 0 0 46%;opacity:.84}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808,transparent 27%),linear-gradient(0deg,#08080899,transparent 40%)}.scroll-cue{position:absolute;z-index:5;left:24.5%;bottom:11%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:20px;font-size:10px;letter-spacing:.23em;padding:15px;white-space:nowrap}.scroll-cue i{display:block;width:1px;height:42px;background:linear-gradient(var(--soft),transparent)}.wing{left:-3%;top:6%;width:70%;height:66%;transform-origin:35% 50%}.form-stone{right:0;bottom:0;width:40%;height:70%;opacity:.65}.form-stone:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808,transparent 45%),linear-gradient(0deg,#080808,transparent 55%)}h2{font-weight:400} .boxer{left:0;top:0;width:57%;height:100%;opacity:.86}.car{right:-5%;top:22%;width:55%;height:67%}.car:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808,transparent 40%),linear-gradient(0deg,#080808,transparent 20%)}.sculpture{inset:0 0 0 29%}.sculpture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808,transparent 42%),linear-gradient(0deg,#080808a0,transparent 30%)}.war h2{position:absolute;z-index:3;left:7%;top:45%;margin:0;font-size:clamp(26px,3.5vw,58px);letter-spacing:.18em;text-shadow:0 2px 18px #000}.architecture{inset:0;opacity:.8}.architecture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808bd,transparent 65%),linear-gradient(0deg,#080808,transparent 40%)}.signature-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080808,transparent 65%)}.signature{height:150svh}footer{height:95svh;min-height:620px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:80px 25px 110px;background:#080808}footer .mark{margin-bottom:40px}footer h2{margin-bottom:46px}.instagram{font-size:13px;letter-spacing:.2em;border-bottom:1px solid #67645e;padding:12px 0;min-width:154px;transition:color .2s}.instagram:hover{color:white}.handle{font-size:10px;letter-spacing:.17em;color:#9b988f;margin-top:19px}.back-top{font-size:10px;letter-spacing:.15em;position:absolute;bottom:90px;padding:15px}.copyright{font-size:9px;letter-spacing:.17em;position:absolute;bottom:33px;color:#77746f}.chapter-nav{position:fixed;right:28px;top:50%;z-index:20;display:flex;flex-direction:column}.chapter-nav a{width:28px;height:26px;display:grid;place-items:center}.chapter-nav a:after{content:'';height:1px;width:7px;background:#ffffff65;transition:width .3s,background .3s}.chapter-nav a[aria-current=true]:after{width:18px;background:var(--bone)}
@media(max-width:700px){header{padding:16px 22px}.brand{width:23px}.contact-nav{font-size:10px}.chapter{height:155svh}.stage{min-height:560px}.intro-type{width:100%;height:40%;padding:60px 18px 0;justify-content:center}.intro-type .mark{width:33px;height:34px;margin-bottom:23px}h1{font-size:18px;letter-spacing:.24em;margin-bottom:18px}.motto{font-size:10px;letter-spacing:.2em}.hero-photo{inset:36% 0 0;opacity:.88}.hero-photo svg{width:100%;height:100%}.hero-photo:after{background:linear-gradient(0deg,#080808 0%,transparent 35%,transparent 80%,#080808 100%)}.scroll-cue{left:50%;bottom:7%;font-size:9px;gap:13px}.scroll-cue i{height:27px}.chapter-nav{right:8px}.chapter-nav a{height:25px;width:25px}.wing{top:11%;left:-32%;width:147%;height:42%}.form-stone{width:70%;height:54%;right:-12%;bottom:0;opacity:.5}.boxer{width:100%;height:67%;top:0;left:0}.car{right:-15%;top:auto;bottom:1%;width:108%;height:43%}.car:after{background:linear-gradient(0deg,#080808,transparent 50%),linear-gradient(180deg,#080808,transparent 30%)}.sculpture{inset:20% -34% 0 -17%}.sculpture:after{background:linear-gradient(0deg,#080808,transparent 40%),linear-gradient(180deg,#080808,transparent 32%)}.war h2{left:8%;right:8%;top:20%;font-size:28px;letter-spacing:.13em;white-space:nowrap}.architecture{inset:0 -80% 0 -60%}.signature{height:130svh}footer{min-height:570px;height:90svh}footer h2{font-size:18px;letter-spacing:.25em}footer .mark{width:40px}.copyright{font-size:8px}.back-top{bottom:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter{height:100svh;min-height:560px}.stage{position:relative}.media{transform:none!important;will-change:auto}.intro-type{opacity:1!important;transform:none!important}.chapter-nav a:after{transition:none}}
@media(max-height:600px) and (min-width:701px){.mark{margin-bottom:20px}.scroll-cue{bottom:3%}.intro-type{padding-bottom:0}footer{height:650px}}

/* Standalone artwork and restrained native-photo sizing. */
.media img{width:100%;height:100%;display:block;object-fit:cover}
.sculpture{inset:auto 0 12% auto;width:min(74vw,1100px);height:auto;aspect-ratio:1203/738;transform:none;will-change:auto}
.sculpture:after{background:linear-gradient(90deg,#080808,transparent 26%)}

@media(max-width:700px){
.sculpture{inset:auto -10% 14% auto;width:120%;max-width:600px;height:auto;aspect-ratio:1203/738}
.sculpture:after{background:linear-gradient(90deg,#08080855,transparent 20%,transparent 80%,#08080855)}
.war h2{top:25%}

.wing{left:0;width:100%;height:44%;top:10%}
.car{right:0;width:100%;height:42%;bottom:3%}
.architecture{inset:0}
.architecture img{object-position:64% center}
}

.wing img{object-position:40% center}.car img{object-position:65% center}.form-stone img{object-position:70% center}
@media(min-width:701px){.wing{width:76%;height:65%;left:0;top:7%}.car{right:0;width:53%;height:65%;top:22%}}

.worked-with{position:relative;padding:88px 0 78px;background:var(--black);overflow:hidden}
.logo-filters{position:absolute;width:0;height:0;overflow:hidden}
.worked-heading{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:42px}
.worked-heading h2{font-size:12px;font-weight:400;letter-spacing:.3em;margin:0;color:var(--soft)}
.marquee-toggle{border:0;background:transparent;color:#8e8b84;font:16px Georgia,serif;width:44px;height:44px;cursor:pointer;position:absolute;right:30px}
.marquee-toggle:focus-visible{outline:1px solid var(--bone);outline-offset:2px}
.logo-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.logo-track{display:flex;width:max-content;animation:logo-drift 42s linear infinite;will-change:transform}
.logo-group{display:flex;flex:none;align-items:center;justify-content:space-around;gap:clamp(40px,5vw,96px);min-width:100vw;padding:0 48px;margin:0;list-style:none}
.client-logo{height:76px;width:190px;flex:0 0 190px;display:flex;align-items:center;justify-content:center;opacity:.8}
.client-logo svg,.client-logo img{display:block;width:100%;height:auto;max-height:58px;overflow:visible}
.client-kaspiote{width:164px;flex-basis:164px}.client-remax{width:176px;flex-basis:176px}.client-dnata{width:151px;flex-basis:151px}.client-swissport{width:204px;flex-basis:204px}
.worked-with.is-paused .logo-track{animation-play-state:paused}
@media(hover:hover){.logo-window:hover .logo-track{animation-play-state:paused}}
@keyframes logo-drift{to{transform:translateX(-50%)}}
@media(max-width:700px){.worked-with{padding:60px 0 52px}.worked-heading{margin-bottom:25px}.worked-heading h2{font-size:11px}.marquee-toggle{right:14px}.logo-group{gap:44px;padding:0 22px}.client-logo{width:158px;flex-basis:158px;height:65px}.client-kaspiote{width:137px;flex-basis:137px}.client-remax{width:148px;flex-basis:148px}.client-dnata{width:126px;flex-basis:126px}.client-swissport{width:170px;flex-basis:170px}.client-logo svg,.client-logo img{max-height:49px}.logo-track{animation-duration:36s}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;transform:none;will-change:auto}.logo-group[aria-hidden=true]{display:none}.logo-window{overflow-x:auto;mask-image:none}.marquee-toggle{display:none}}

/* Keep essential words on a controlled dark surface, away from image highlights. */
header:before{height:132px;background:linear-gradient(180deg,rgba(8,8,8,.96) 0%,rgba(8,8,8,.9) 62%,transparent 100%)}
.contact-nav{font-size:12px;color:var(--bone);text-shadow:none}
.intro-type{background:var(--black)}
.motto{font-size:13px;line-height:1.8}
.scroll-cue{font-size:12px;color:var(--bone);background:rgba(8,8,8,.94);padding:12px 18px}
.war h2{top:18%;left:7%;right:auto;max-width:86%;font-size:clamp(26px,3.2vw,52px);line-height:1.45;color:var(--bone);text-shadow:none;white-space:normal}
.sculpture{bottom:8%;height:62svh;max-height:62svh;aspect-ratio:auto}
.handle,.copyright{color:var(--soft);font-size:12px;line-height:1.6}
.back-top{font-size:12px;color:var(--bone)}
.worked-heading h2,.marquee-toggle{color:var(--bone)}
@media(max-width:700px){
.intro-type{height:36%;padding-top:54px;padding-bottom:12px}
.intro-type .mark{margin-bottom:18px}
.motto{font-size:12px;letter-spacing:.15em}
.scroll-cue{bottom:6%;font-size:11px}
.war h2{top:21%;left:8%;right:8%;font-size:clamp(23px,6.4vw,34px);letter-spacing:.1em}
.sculpture{bottom:10%;height:52svh;max-height:52svh}
.copyright{font-size:10px;letter-spacing:.1em}
}

/* Preserve the complete supplied GT design and put its caption on black. */
.car{margin:0;right:0;top:26%;bottom:auto;width:55%;height:auto;overflow:visible;transform:none;will-change:auto;background:var(--black)}
.car:after{display:none}
.car img{width:100%;height:auto;object-fit:contain;display:block}
.car figcaption{margin:0;padding:24px 24px 28px;background:var(--black);color:var(--bone);text-align:center;font-size:clamp(15px,1.35vw,21px);letter-spacing:.08em;line-height:1.65}
@media(max-width:700px){.car{top:auto;bottom:6%;right:0;width:100%;height:auto}.car figcaption{padding:20px 20px 24px;font-size:15px;letter-spacing:.04em}.boxer{height:60%}}

footer{padding-bottom:190px;min-height:700px}.legal-footer{position:absolute;bottom:24px;left:20px;right:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;color:var(--soft);font-size:12px;line-height:1.6}.legal-footer a{text-decoration:underline;text-underline-offset:4px}.copyright{bottom:82px}.back-top{bottom:122px}@media(max-width:700px){footer{min-height:680px}.legal-footer{font-size:11px}.legal-footer span{flex-basis:100%}.copyright{bottom:95px}.back-top{bottom:135px}}

/* One seamless tile: complete original marks never touch a tile edge. */
.fabric{inset:-110px;background-color:var(--black);background-image:url('assets/pattern-tile.svg');background-repeat:repeat;background-size:160px 128px;background-position:center;opacity:var(--fabricOpacity,1);transform:translate3d(0,var(--shift,0px),0);will-change:transform}
@media(max-width:700px){.fabric{background-size:105px 84px}}
@media(prefers-reduced-motion:reduce){.fabric{opacity:1;transform:none!important;will-change:auto}}

.contact-email{display:block;max-width:100%;overflow-wrap:anywhere;font-size:16px;letter-spacing:.06em;line-height:1.6;padding:12px 0;margin-bottom:18px;color:var(--bone);text-decoration:underline;text-underline-offset:6px;text-decoration-color:#67645e}.contact-email:hover{color:white}

.site-links{display:flex;align-items:center;gap:28px;pointer-events:auto}@media(max-width:700px){.site-links{gap:20px}}