@font-face{font-family:"Mark Popp Heavy";src:url("mark-popp-heavy-v1.woff") format("woff");font-style:normal;font-weight:900;font-display:block}
:root{--ink:#08090a;--paper:#f4f1ea;--white:#fff;--muted:#a5a7a9;--line:rgba(255,255,255,.22);--blue:#092e59;--sans:Arial,Helvetica,sans-serif;--display:"Arial Black","Helvetica Neue",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}body{margin:0;max-width:100%;background:var(--ink);color:var(--white);font:16px/1.5 var(--sans);overflow-x:clip}a{color:inherit;text-decoration:none}img{display:block;width:100%;max-width:100%}h1,h2,p{margin-top:0}main,section,header,footer{min-width:0}
.site-header{position:absolute;z-index:20;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:26px 3vw;color:#fff}.brand,.footer-brand{font:900 1.05rem/1 var(--display);letter-spacing:-.045em}.site-header nav{display:flex;gap:clamp(18px,2.2vw,38px);font-size:.75rem;text-transform:uppercase;letter-spacing:.13em}.site-header nav a{opacity:.8}.site-header nav a:hover{opacity:1}
.hero{position:relative;height:72svh;min-height:540px;display:flex;align-items:flex-end;padding:4vw 3vw clamp(62px,7vh,90px);background:#0f3047 url("mark-aerial.jpg") center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 38%,rgba(0,0,0,.62))}.hero-top{position:absolute;z-index:1;top:100px;left:3vw;right:3vw;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.45);padding-top:13px;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em}.hero-copy{position:relative;z-index:1;width:100%;padding-left:3vw}.hero-copy .hero-roles{margin:15px 0 0;font-size:.77rem;text-transform:uppercase;letter-spacing:.19em}.hero h1{font:900 clamp(3rem,4vw,3.8rem)/.9 var(--display);letter-spacing:-.065em;margin:0;text-transform:uppercase;white-space:nowrap}.scroll{position:absolute;z-index:2;right:3vw;bottom:4vw;width:180px;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}
.section-dark{padding:clamp(90px,10vw,160px) 3vw}.section-label{display:grid;grid-template-columns:70px 1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:13px;margin-bottom:70px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.section-label p{margin:0}.section-label p:last-child{text-align:right}.section-label.compact{grid-template-columns:55px 1fr;margin-bottom:45px}.section-label.compact p:last-child{text-align:left}
.project{display:grid;grid-template-columns:80px minmax(0,1fr) 260px;gap:20px;align-items:end;padding:28px 0 30px;border-top:1px solid var(--line);transition:padding .3s,color .3s}.project:last-child{border-bottom:1px solid var(--line)}.project:hover{padding-left:16px;color:#d99b82}.project-year,.project-role,.project p{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.project h2{font:900 clamp(2.4rem,5.4vw,6rem)/.85 var(--display);letter-spacing:-.065em;text-transform:uppercase;margin:0}.project p{margin:12px 0 0}.project-role{text-align:right}.arrow-link{width:min(100%,430px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid currentColor;padding:18px 0 12px;margin-top:65px;font-size:.74rem;text-transform:uppercase;letter-spacing:.15em}.arrow-link span{font-size:1rem}.arrow-link.dark{color:var(--ink)}
.manifesto{background:var(--paper);color:var(--ink);padding:clamp(90px,12vw,190px) 3vw}.manifesto-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.manifesto h2{font:400 clamp(4rem,10vw,11rem)/.82 var(--serif);letter-spacing:-.07em;margin:9vw 0}.manifesto h2 em{margin-left:9vw}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-left:34vw}.manifesto-grid p{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.65}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9c5bd;margin-top:8vw}.stats span{background:var(--paper);padding:26px 18px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.stats strong{display:block;font:400 2.4rem/1 var(--serif);margin-bottom:12px;text-transform:none}
.company{min-height:80svh;display:grid;grid-template-columns:1fr 1fr;background:var(--blue)}.company>*{min-width:0}.company-visual{min-height:64svh;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(42px,5vw,70px) 6vw;background:linear-gradient(135deg,#153f70,#06182c)}.company-visual img{max-width:560px;height:auto}.company-visual .company-tagline{margin:32px 0 0;color:#fff;font:400 clamp(1.6rem,2.7vw,3rem)/1 var(--sans);letter-spacing:-.03em}.company-tagline strong{font-family:var(--display);font-weight:900}.company-visual .company-meta{margin:26px 0 0;border-top:1px solid var(--line);padding-top:14px;color:#b9c6d5;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.company-visual .company-ceo{margin:10px 0 0;color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.company-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw 6vw}.company-copy h2{font:900 clamp(3.6rem,6.5vw,7rem)/.82 var(--display);letter-spacing:-.07em;margin:0 0 55px}.company-copy>p{max-width:620px;font-size:1.08rem;line-height:1.75;color:#d9e0e8}.company-phone{display:inline-block;margin-top:18px;color:#b9c6d5;font-size:.75rem;letter-spacing:.12em}
.photography{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr}.photo-title{padding:9vw 3vw 6vw;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);column-gap:5vw}.photo-title .section-label{grid-column:1/-1;width:100%}.photo-title h2{font:900 clamp(4.5rem,7.3vw,8rem)/.8 var(--display);letter-spacing:-.08em;text-transform:uppercase;margin:0}.photo-title>p{max-width:470px;align-self:end;font-size:1.05rem;line-height:1.7}.photo-card{position:relative;overflow:hidden;background:#ddd}.photo-card.panorama img{width:100%;height:clamp(220px,36.9vw,700px);object-fit:cover;object-position:center 50%;transition:transform .8s ease}.photo-card:hover img{transform:scale(1.015)}.photo-card span{position:absolute;left:28px;bottom:25px;background:rgba(8,9,10,.9);color:#fff;padding:12px 16px;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}
footer{padding:11vw 3vw 3vw;background:var(--ink)}.footer-top>p{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.footer-top h2{font:400 clamp(4.8rem,12vw,13rem)/.8 var(--serif);letter-spacing:-.07em;margin:7vw 0}.footer-top h2 em{color:#d99b82}.mail{display:inline-block;font-size:clamp(1.1rem,2.1vw,1.8rem);border-bottom:1px solid;padding-bottom:7px}.footer-bottom{display:grid;grid-template-columns:1.2fr 1.6fr .7fr .7fr;gap:30px;border-top:1px solid var(--line);padding-top:26px;margin-top:10vw;color:var(--muted);font-size:.7rem;line-height:1.8;text-transform:uppercase;letter-spacing:.1em}.footer-bottom strong{color:#fff}.footer-brand{color:#fff;font-size:1.25rem}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:1180px){.hero h1{font-family:"Mark Popp Heavy",sans-serif;font-weight:900;font-size:clamp(1.75rem,calc(10.7vw - 6.4px),3.75rem);letter-spacing:-.07em;-webkit-text-stroke:2px currentColor;paint-order:stroke fill}}
@media(max-width:850px){.site-header{align-items:flex-start;padding:22px 20px}.site-header nav{min-width:0;max-width:58%;flex-wrap:wrap;justify-content:flex-end;gap:9px 17px;font-size:.66rem}.hero{height:68svh;min-height:510px;padding:28px 20px 55px}.hero-top{top:92px;left:20px;right:20px}.hero-copy{padding-left:10px}.hero h1{max-width:100%}.scroll{right:20px;bottom:28px}.section-dark,.manifesto{padding-left:20px;padding-right:20px}.section-label{grid-template-columns:40px minmax(0,1fr)}.section-label p:last-child{display:none}.project{grid-template-columns:minmax(0,1fr);gap:8px}.project-year{margin-bottom:2px}.project-role{display:none}.project h2{font-size:clamp(1.5rem,7.2vw,3rem);white-space:nowrap;overflow-wrap:normal}.manifesto h2{font-size:15vw;margin:80px 0;overflow-wrap:anywhere}.manifesto h2 em{margin-left:0}.manifesto-grid{grid-template-columns:minmax(0,1fr);margin-left:18vw;gap:20px}.stats{grid-template-columns:minmax(0,1fr)}.company{grid-template-columns:minmax(0,1fr)}.company-visual{min-height:44svh;padding:45px 30px 55px}.company-copy{padding:85px 20px}.company-copy h2{overflow-wrap:anywhere}.company-copy .arrow-link{gap:16px;overflow-wrap:anywhere}.photo-title{padding:90px 20px 55px;grid-template-columns:minmax(0,1fr)}.photo-title h2{font-size:11vw;white-space:nowrap}.photo-title>p{margin-top:35px}.photography{grid-template-columns:minmax(0,1fr)}.photo-card img{height:62svh}footer{padding-left:20px;padding-right:20px}.footer-top h2{font-size:15vw;margin:80px 0;overflow-wrap:anywhere}.footer-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer-bottom>*{min-width:0;overflow-wrap:anywhere}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.site-header{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}.site-header nav{width:100%;max-width:none;justify-content:flex-start;gap:8px 16px;font-size:.7rem}.hero-top{top:140px}.hero-top span{display:none}.manifesto-grid{margin-left:0}.footer-top h2{font-size:13vw}.footer-bottom{grid-template-columns:minmax(0,1fr)}.footer-brand{grid-column:auto}.company-copy h2{font-size:13vw}.photo-title h2{font-size:11vw}.mail{max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.photo-card img{transition:none}}