:root{--ink:#17202a;--navy:#182536;--deep:#101923;--paper:#f3f1eb;--white:#fbfaf7;--muted:#697078;--bronze:#9a7a51;--line:rgba(23,32,42,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}
.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(243,241,235,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:1400px;height:74px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{font:500 1.35rem/1 "Source Serif 4",serif;letter-spacing:.03em}.brand span{color:var(--bronze)}.nav-links{display:flex;gap:2.3rem;color:#3e464e;font-size:.83rem}.nav a{transition:opacity .2s}.nav a:hover{opacity:.58}.contact-link{padding-bottom:.2rem;border-bottom:1px solid var(--ink);font-size:.83rem}
.hero{max-width:1400px;min-height:calc(100vh - 74px);margin:auto;padding:8vw 5vw 6vw;display:grid;grid-template-columns:1.22fr .78fr;gap:7vw;align-items:center}.eyebrow{margin:0 0 1.7rem;color:var(--bronze);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:0;font:400 clamp(5.3rem,10vw,9.6rem)/.8 "Source Serif 4",serif;letter-spacing:-.065em}.hero h1 span{color:var(--muted)}.intro{max-width:650px;margin:3rem 0;font:400 clamp(1.3rem,2vw,1.9rem)/1.4 "Source Serif 4",serif}.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.button{padding:.95rem 1.2rem;display:inline-flex;gap:3.4rem;align-items:center;background:var(--navy);color:white;font-size:.83rem}.text-link{border-bottom:1px solid var(--line);font-size:.83rem}
.hero-visual{min-height:560px;padding:4rem 3.5rem;position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--navy);color:var(--white);overflow:hidden}.hero-visual:before{content:"";width:1px;height:34%;position:absolute;top:0;right:18%;background:rgba(255,255,255,.18)}.hero-visual:after{content:"";height:1px;width:40%;position:absolute;bottom:22%;left:0;background:rgba(255,255,255,.18)}.discipline{margin:.9rem 0;font:400 clamp(1.6rem,2.7vw,2.7rem)/1.1 "Source Serif 4",serif}.visual-rule{width:100%;height:1px;background:rgba(255,255,255,.18)}.monogram{position:absolute;right:-1rem;bottom:5rem;color:rgba(255,255,255,.035);font:500 14rem/.7 "Source Serif 4",serif;letter-spacing:-.1em}.location{position:absolute;bottom:2rem;left:3.5rem;margin:0;color:#b7bdc3;font-size:.67rem;letter-spacing:.1em;line-height:1.55;text-transform:uppercase}
.proof{padding:2.6rem 5vw;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;background:var(--deep);color:white}.proof article{display:flex;gap:1rem;align-items:flex-end;border-right:1px solid rgba(255,255,255,.16)}.proof article:last-child{border:0}.proof strong{font:400 3.1rem/.9 "Source Serif 4",serif;color:#d8c5a8;letter-spacing:-.04em}.proof span{color:#c3c7ca;font-size:.75rem;line-height:1.3}
.section{max-width:1400px;margin:auto;padding:8rem 5vw}.section-head{display:grid;grid-template-columns:1fr 3fr;margin-bottom:4rem}.section-head h2{margin:0;font:400 clamp(2.8rem,5vw,5rem)/1.03 "Source Serif 4",serif;letter-spacing:-.045em}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.work-card{min-height:350px;padding:2.8rem;display:flex;flex-direction:column;background:var(--white);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.work-card>span{color:var(--bronze);font-size:.68rem;letter-spacing:.13em}.work-card h3{margin:auto 0 1.5rem;font:400 clamp(2rem,3.4vw,3.5rem)/1.04 "Source Serif 4",serif;letter-spacing:-.04em}.work-card p{max-width:520px;margin:0;color:#4e555c}
.feature{padding:8vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;background:var(--navy);color:white}.feature-number{font:400 clamp(6rem,14vw,13rem)/.8 "Source Serif 4",serif;color:#d8c5a8;letter-spacing:-.09em}.feature-number span{color:#88919a;font-size:.15em;letter-spacing:0}.feature h2{margin:.3rem 0 2rem;font:400 clamp(3rem,6.5vw,6.5rem)/.9 "Source Serif 4",serif;letter-spacing:-.06em}.feature p:last-child{max-width:650px;color:#d3d6d9;font-size:1.05rem}.perspective{padding-top:10rem;padding-bottom:10rem}.perspective blockquote{max-width:1250px;margin:0;font:400 clamp(2rem,4vw,4rem)/1.18 "Source Serif 4",serif;letter-spacing:-.035em}.perspective .attribution{margin:3rem 0 0;color:var(--bronze);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.timeline{border-top:1px solid var(--line)}.timeline article{padding:2.7rem 0;display:grid;grid-template-columns:1fr 3fr;border-bottom:1px solid var(--line)}.timeline time{color:var(--muted);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.timeline h3{margin:0 0 .4rem;font:400 1.9rem/1.15 "Source Serif 4",serif}.timeline h4{margin:0 0 .8rem;color:var(--bronze);font-size:.92rem;font-weight:500}.timeline p{max-width:760px;margin:0;color:#50575e}
.productions{max-width:none;background:#151b22;color:white}.productions>.section-head,.productions>.poster-grid{max-width:1260px;margin-left:auto;margin-right:auto}.poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.poster{aspect-ratio:3/4;padding:3rem;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.18)}.poster h3{margin:auto 0;font:400 clamp(2.8rem,5vw,5rem)/.94 "Source Serif 4",serif;letter-spacing:-.05em}.poster p,.poster span{font-size:.7rem;letter-spacing:.11em;text-transform:uppercase}.poster-one{background:#232d38;color:#f1ede4}.poster-two{background:#ded9cf;color:var(--ink)}
.credential-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.credential-grid>div{padding:2.7rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.credential-grid h3{margin-top:0;font:400 1.8rem "Source Serif 4",serif}.credential-grid p{max-width:560px;color:#4e555c}
footer{padding:8rem 6vw 3rem;background:var(--deep);color:white}footer h2{margin:0 0 4rem;font:400 clamp(3.8rem,8.5vw,8.5rem)/.9 "Source Serif 4",serif;letter-spacing:-.06em}.footer-contact{display:flex;align-items:baseline;gap:2.5rem;flex-wrap:wrap}.footer-mail{border-bottom:1px solid #d8c5a8;font:400 clamp(1.2rem,2.4vw,2.4rem) "Source Serif 4",serif}.footer-phone{color:#c6cbd0;font-size:.95rem;letter-spacing:.04em}.footer-bottom{margin-top:8rem;padding-top:1.5rem;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);color:#aeb4b9;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:800px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:5rem}.hero h1{font-size:23vw}.hero-visual{min-height:430px}.proof{grid-template-columns:1fr 1fr}.proof article{border-right:0}.section{padding:5rem 1.25rem}.section-head{grid-template-columns:1fr;margin-bottom:2.8rem}.work-grid,.feature,.poster-grid,.credential-grid{grid-template-columns:1fr}.feature{padding:5rem 1.25rem}.timeline article{grid-template-columns:1fr;gap:1rem}.poster{min-height:560px}.footer-bottom{flex-direction:column;gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Full-width photographic hero */
.hero{max-width:none;min-height:calc(100vh - 74px);padding:8vw max(5vw,calc((100vw - 1400px)/2 + 5vw));position:relative;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(7,18,29,.96) 0%,rgba(9,25,39,.86) 42%,rgba(9,25,39,.34) 72%,rgba(9,25,39,.14) 100%),url("basketball-texture.jpg");background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,29,44,.08) 55%,rgba(12,29,44,.72) 100%);pointer-events:none}.hero-copy{width:min(760px,62vw);position:relative;z-index:1}.hero h1,.hero h1 span{color:#f3f5f6;text-shadow:0 2px 22px rgba(0,0,0,.18)}.hero .intro{max-width:660px;color:#d7dde2}.hero .eyebrow{color:#d2b990}.hero .text-link{color:#e7ebee;border-color:rgba(255,255,255,.32)}.hero-visual{display:none}.hero-meta{margin:3rem 0 0;color:#9eacb8;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}
@media(max-width:800px){.hero{min-height:calc(100svh - 74px);padding:5rem 1.25rem 3rem;background-position:58% center}.hero-copy{width:100%}.hero h1{font-size:22vw}.hero .intro{font-size:1.25rem}.hero-meta{max-width:320px;line-height:1.6}}

/* Deep navy editorial colour system */
body{background:#101d2b;color:#edf1f4}.nav-wrap{background:rgba(13,27,41,.95);border-color:rgba(255,255,255,.12)}.nav-links{color:#b9c3cc}.contact-link{border-color:#8fa0ae}.hero h1 span{color:#8494a2}.intro{color:#c8d0d7}.text-link{border-color:rgba(255,255,255,.24)}.button{background:#e5e9ec;color:#142231}
.hero-visual{min-height:620px;padding:0;background-image:linear-gradient(180deg,rgba(8,19,30,.08) 0%,rgba(8,19,30,.08) 48%,rgba(8,19,30,.88) 100%),url("basketball-texture.jpg");background-size:cover;background-position:center}.hero-visual:before,.hero-visual:after,.monogram,.discipline,.visual-rule{display:none}.visual-caption{position:absolute;left:3rem;right:3rem;bottom:7rem;padding-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.35);color:#e9edf0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.location{left:3rem;bottom:2rem;color:#aeb9c2}
.proof{background:#0a1622}.work{background:#122131}.work-card{background:#17283a;border-color:rgba(255,255,255,.12)}.work-card:nth-child(2),.work-card:nth-child(3){background:#142536}.work-card p,.timeline p,.credential-grid p{color:#b9c3cc}.feature{background:#0b1926}.feature p:last-child{color:#c5ced5}.perspective{background:#152638}.experience{background:#101d2b}.timeline,.timeline article,.work-grid,.credential-grid,.credential-grid>div{border-color:rgba(255,255,255,.14)}.timeline time{color:#92a0ac}.timeline h4{color:#c2a77f}
.productions{background:#09141f}.poster-one{background:#172b3e;color:#edf1f4}.poster-two{background:#20364b;color:#edf1f4}.credentials{background:#122131}.credential-grid>div{background:#17283a}footer{background:#08131d}.footer-phone{color:#b8c2ca}
@media(max-width:800px){.hero-visual{min-height:520px}.visual-caption{left:1.5rem;right:1.5rem;bottom:7rem;flex-direction:column;gap:.45rem}.location{left:1.5rem}}

.hero .button{padding:.85rem 1.1rem;gap:2.5rem;background:rgba(8,19,30,.28);color:#eef2f4;border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(5px);transition:background .2s,border-color .2s}.hero .button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.72)}

.perspective{display:grid;grid-template-columns:minmax(280px,.72fr) 1.28fr;gap:7vw;align-items:center}.portrait{margin:0;position:relative}.portrait:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.13);pointer-events:none}.portrait img{width:100%;height:auto;display:block;filter:saturate(.88) contrast(1.02)}.perspective blockquote{font-size:clamp(1.8rem,3.2vw,3.3rem)}
@media(max-width:800px){.perspective{display:grid;grid-template-columns:1fr;gap:3rem}.portrait{max-width:520px}.perspective blockquote{font-size:1.8rem}}