.project-page{background:#fff}
.project-header{position:absolute}
.project-nav-back{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px}
.project-nav-back:hover{color:var(--gold)}
.work-hero{position:relative;min-height:760px;height:92svh;display:flex;align-items:flex-end;color:#fff;background:var(--navy);isolation:isolate}
.work-hero>img,.work-hero:after{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.work-hero>img{object-position:center}
.work-hero:after{content:"";z-index:-1;background:linear-gradient(180deg,#0a172733 10%,#0a172766 55%,#0a1727e8 100%)}
.work-hero-content{width:100%;padding:180px 7% 82px;display:flex;align-items:flex-end;justify-content:space-between;gap:60px}
.work-hero-copy{max-width:900px}
.work-hero .eyebrow{margin-bottom:25px}
.work-hero h1{font-size:clamp(44px,6vw,88px);line-height:1.02;font-weight:300;letter-spacing:-3.5px;margin:0;max-width:900px}
.work-hero-lead{font-size:18px;line-height:1.75;color:#e6e9ec;max-width:690px;margin:27px 0 0}
.work-index{font-size:10px;letter-spacing:1.8px;white-space:nowrap;color:#d7dde3;margin:0 0 8px}
.work-index strong{display:block;font-weight:300;font-size:32px;color:var(--gold);letter-spacing:-1px;margin-bottom:8px}
.work-facts{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;padding:0 7%}
.work-facts>div{padding:34px 28px;border-right:1px solid #ffffff18;min-width:0}
.work-facts>div:first-child{padding-left:0}
.work-facts>div:last-child{border:0}
.work-facts span{display:block;font-size:8px;letter-spacing:1.7px;color:var(--gold);margin-bottom:11px;text-transform:uppercase}
.work-facts p{font-size:15px;line-height:1.55;margin:0;color:#f3f5f6}
.work-story{padding-top:120px;padding-bottom:110px}
.story-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:start;margin-bottom:95px}
.story-intro h2{font-size:clamp(38px,4vw,59px)}
.story-intro-copy{border-left:1px solid var(--gold);padding-left:38px}
.story-intro-copy p{font-size:16px!important;line-height:1.9!important;margin:0 0 18px!important;color:#59636c!important}
.story-intro-copy p:last-child{margin-bottom:0!important}
.story-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:6%;align-items:center;margin:0 0 105px}
.story-feature.reverse{grid-template-columns:.8fr 1.2fr}
.story-feature.reverse .story-image{order:2}
.story-image{position:relative}
.story-image img{width:100%;height:610px}
.story-image:after{content:"";position:absolute;inset:auto -14px -14px auto;width:38%;height:42%;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);pointer-events:none}
.story-copy{padding:25px 3%}
.story-copy>span{font-size:9px;letter-spacing:1.8px;color:#8c713e}
.story-copy h2{font-size:clamp(31px,3vw,45px);margin:16px 0 24px}
.story-copy p{font-size:15px!important;line-height:1.9!important;margin:0 0 16px!important}
.story-list{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}
.story-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6;display:flex;gap:12px}
.story-list li:before{content:"↗︎";color:#8c713e}
.project-gallery{background:var(--cream);padding:105px 5.5% 115px}
.process-gallery{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gallery-title{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;max-width:1500px;margin:0 auto 50px}
.gallery-title>p:last-child{max-width:430px;font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.photo-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:8px;max-width:1500px;margin:auto}
.photo-grid button{grid-column:span 4;position:relative;border:0;padding:0;background:#d8d9d6;overflow:hidden;aspect-ratio:4/5}
.photo-grid button.wide{grid-column:span 8;aspect-ratio:16/9}
.photo-grid button.landscape{aspect-ratio:4/3}
.photo-grid button.tall{grid-row:span 2;aspect-ratio:auto;min-height:820px}
.photo-grid img{width:100%;height:100%;transition:transform .55s ease}
.photo-grid button:hover img{transform:scale(1.025)}
.photo-grid button:after{content:"↗︎";position:absolute;right:16px;bottom:16px;width:40px;height:40px;display:grid;place-items:center;background:#fff;color:var(--navy);font-size:20px;opacity:0;transform:translateY(6px);transition:.25s}
.photo-grid button:hover:after,.photo-grid button:focus-visible:after{opacity:1;transform:none}
.photo-grid .photo-label{position:absolute;left:16px;bottom:16px;background:#152a42e8;color:#fff;font-size:8px;letter-spacing:1.3px;padding:9px 11px;text-transform:uppercase}
.photo-credit{max-width:1500px;margin:22px auto 0;font-size:10px;line-height:1.8;color:#70777d}
.photo-credit a{text-decoration:underline;text-underline-offset:3px}
.technical-strip{background:var(--navy);color:#fff;padding:90px 7%}
.technical-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;max-width:1500px;margin:auto}
.technical-inner h2{font-size:clamp(34px,3.5vw,52px)}
.technical-copy p{font-size:15px;line-height:1.9;color:#c5cdd5;margin:0 0 17px}
.credit-box{margin-top:30px;padding:23px 0 0;border-top:1px solid #ffffff25;font-size:11px;line-height:1.9;color:#e2e5e8}
.credit-box span{color:var(--gold);letter-spacing:1.2px;font-size:8px;display:block;margin-bottom:8px}
.credit-box a{text-decoration:underline;text-underline-offset:3px}
.next-work{display:grid;grid-template-columns:1fr 1fr;min-height:470px;color:#fff;background:var(--deep)}
.next-image{position:relative;overflow:hidden}
.next-image img{position:absolute;width:100%;height:100%;transition:transform .6s}
.next-image:after{content:"";position:absolute;inset:0;background:#0a172766}
.next-copy{padding:80px 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.next-copy>span{font-size:9px;letter-spacing:1.8px;color:var(--gold)}
.next-copy h2{font-size:clamp(34px,4vw,56px);margin:18px 0 30px}
.next-work:hover .next-image img{transform:scale(1.035)}
.project-footer .brand{color:var(--gold)}
.lightbox{padding:0;border:0;width:94vw;max-width:1500px;height:92svh;max-height:92svh;background:#0d1928;color:#fff;overflow:hidden}
.lightbox::backdrop{background:#07101be8;backdrop-filter:blur(5px)}
.lightbox figure{width:100%;height:100%;margin:0;padding:28px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.lightbox img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.lightbox figcaption{position:absolute;left:18px;bottom:18px;background:#0d1928dc;padding:10px 13px;font-size:10px;letter-spacing:1px}
.lightbox-close{position:absolute;right:14px;top:14px;z-index:2;width:44px;height:44px;border:0;background:#fff;color:var(--navy);font-size:18px}
body.lightbox-open{overflow:hidden}
@media(max-width:900px){
 .project-header .project-nav-back{display:none}
 .work-hero{height:88svh;min-height:650px}
 .work-hero-content{padding:145px 6% 58px;display:block}
 .work-index{margin-top:30px}
 .work-hero h1{font-size:clamp(43px,12vw,65px);letter-spacing:-2px}
 .work-hero-lead{font-size:16px}
 .work-facts{grid-template-columns:1fr 1fr;padding:0 6%}
 .work-facts>div,.work-facts>div:first-child{padding:25px 18px 25px 0;border-bottom:1px solid #ffffff18}
 .work-facts>div:nth-child(even){border-right:0;padding-left:18px}
 .story-intro,.story-feature,.story-feature.reverse,.technical-inner{grid-template-columns:1fr;gap:40px}
 .story-intro{margin-bottom:70px}
 .story-intro-copy{padding-left:24px}
 .story-feature{margin-bottom:72px}
 .story-feature.reverse .story-image{order:0}
 .story-image img{height:min(580px,72vh)}
 .story-copy{padding:0}
 .gallery-title{display:block}
 .gallery-title>p:last-child{margin-top:22px}
 .photo-grid button,.photo-grid button.wide{grid-column:span 6;aspect-ratio:4/5}
 .photo-grid button.landscape{aspect-ratio:4/3}
 .photo-grid button.tall{grid-row:span 1;min-height:0}
 .next-work{grid-template-columns:1fr;min-height:680px}
 .next-image{min-height:350px}
 .next-copy{padding:55px 8%}
}
@media(max-width:560px){
 .work-hero>img{object-position:center}
 .work-hero-content{padding-bottom:45px}
 .work-hero h1{font-size:42px}
 .work-facts{display:block;padding:0 6%}
 .work-facts>div,.work-facts>div:first-child,.work-facts>div:nth-child(even){border-right:0;border-bottom:1px solid #ffffff18;padding:22px 0}
 .work-facts>div:last-child{border-bottom:0}
 .work-story{padding-top:80px;padding-bottom:70px}
 .story-intro-copy{padding-left:18px}
 .story-intro-copy p,.story-copy p,.technical-copy p{font-size:15px!important}
 .story-image img{height:470px}
 .project-gallery{padding:75px 4% 80px}
 .gallery-title{margin-bottom:32px}
 .photo-grid{gap:5px}
 .photo-grid button,.photo-grid button.wide{grid-column:span 12;aspect-ratio:4/4.4}
 .photo-grid button.landscape{aspect-ratio:4/3}
 .photo-grid button:after{opacity:1;transform:none;width:34px;height:34px;right:12px;bottom:12px}
 .technical-strip{padding:75px 7%}
 .next-work{min-height:610px}
 .next-image{min-height:300px}
 .lightbox{width:96vw;height:90svh;max-height:90svh}
 .lightbox figure{padding:12px}
}