:root{--black:#050505;--white:#f5f5f2;--muted:#aaa;--line:#6f6f6f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;text-transform:uppercase}a{color:inherit;text-decoration:none}button{font:inherit}.landing-page{min-height:100vh}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:110px;padding:25px 5vw;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:135px;height:70px;object-fit:contain;filter:brightness(0) invert(1)}.main-nav{display:flex;gap:42px;align-items:center}.main-nav a,.archive-footer nav a{font-size:12px;letter-spacing:.06em}.main-nav a:hover,.archive-footer a:hover{opacity:.65}.menu-toggle{display:none;color:#fff;border:1px solid #777;background:rgba(0,0,0,.6);padding:9px 13px;text-transform:uppercase;letter-spacing:.12em}.landing-hero{position:relative;min-height:100vh;overflow:hidden}.cover-collage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);background:#111;transform:scale(1.02);filter:saturate(.85)}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.15),rgba(0,0,0,.72) 76%),rgba(0,0,0,.26)}.hero-content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:130px 24px 70px}.hero-logo{width:min(570px,75vw);height:auto;filter:brightness(0) invert(1);margin-bottom:18px}.hero-content p{margin:0 0 35px;font-size:14px;letter-spacing:.18em}.outline-button{display:inline-flex;justify-content:center;align-items:center;min-width:240px;padding:17px 25px;border:1px solid #eee;background:rgba(0,0,0,.22);color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:.25s}.outline-button:hover{background:#fff;color:#000}.scroll-cue{position:absolute;bottom:45px;width:34px;height:34px}.scroll-cue span{position:absolute;left:10px;top:5px;width:14px;height:14px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.minimal-footer{height:60px;display:flex;align-items:center;justify-content:center;color:#777;font-size:10px;letter-spacing:.12em}.archive-page{min-height:100vh;padding:0 3vw}.archive-heading{text-align:center;padding:10px 0 12px}.eyebrow{font-family:Georgia,serif;font-size:12px;letter-spacing:.32em}.archive-heading h1{font:400 clamp(27px,3vw,44px)/1.1 Georgia,serif;letter-spacing:.26em;margin:3px 0 10px}.filters{display:flex;justify-content:center;gap:42px}.filters button{position:relative;padding:3px 0 8px;border:0;background:none;color:#bbb;text-transform:uppercase;font-size:10px;letter-spacing:.08em;cursor:pointer}.filters button.active,.filters button:hover{color:#fff}.filters button.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#fff}.cover-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;max-width:1700px;margin:0 auto}.cover-card{position:relative;display:block;aspect-ratio:.72;overflow:hidden;background:#181818;border:1px solid #444}.cover-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s}.cover-card span{position:absolute;left:0;right:0;bottom:0;padding:30px 8px 10px;background:linear-gradient(transparent,rgba(0,0,0,.88));text-align:center;font-family:Georgia,serif;font-size:12px;letter-spacing:.07em}.cover-card:hover img{transform:scale(1.025);filter:brightness(1.08)}.cover-card[hidden]{display:none}.more-cover{display:none}.cover-grid.expanded .more-cover{display:block}.more-button{display:flex;margin:12px auto 9px;min-width:210px;padding:10px 18px}.archive-footer{border-top:1px solid #666;min-height:110px;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;gap:25px;padding:8px 2vw}.footer-logo img{width:150px;filter:brightness(0) invert(1)}.archive-footer nav{display:flex;justify-content:center;gap:34px}.archive-footer p{grid-column:2;text-align:center;color:#888;font-size:9px;letter-spacing:.1em;margin:-25px 0 0}.archive-footer:after{content:"◉   f   ✉";grid-column:3;grid-row:1;color:#bbb;word-spacing:16px;font-size:18px;text-align:right}
@media(max-width:900px){.site-header{height:auto;padding:18px 22px}.brand img{width:105px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:82px;left:18px;right:18px;flex-direction:column;gap:0;background:rgba(0,0,0,.96);border:1px solid #555}.main-nav.open{display:flex}.main-nav a{width:100%;padding:17px;text-align:center;border-bottom:1px solid #222}.hero-content p{font-size:11px;line-height:1.8}.cover-grid{grid-template-columns:repeat(3,1fr)}.archive-footer{grid-template-columns:1fr;text-align:center;padding:25px}.footer-logo img{width:130px}.archive-footer nav{grid-column:1;flex-wrap:wrap;gap:20px}.archive-footer p{grid-column:1;margin:0}.archive-footer:after{grid-column:1;grid-row:auto;text-align:center}.filters{gap:19px;overflow-x:auto;justify-content:flex-start;padding:0 15px}.archive-heading h1{letter-spacing:.15em}}
@media(max-width:520px){.cover-grid{grid-template-columns:repeat(2,1fr);gap:3px}.archive-page{padding:0 8px}.cover-card span{font-size:10px}.hero-logo{width:88vw}.outline-button{min-width:205px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover-card img{transition:none}}

/* Individual cover story */
.profile-page{min-height:100vh;background:#070707;text-transform:none}.profile-header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;border-bottom:1px solid #2a2a2a}.profile-header .brand img{filter:brightness(0) invert(1)}.back-link{font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #777;padding-bottom:5px}.profile-main{display:grid;grid-template-columns:minmax(320px,47%) minmax(320px,1fr);max-width:1320px;margin:0 auto;padding:70px 5vw 90px;gap:clamp(45px,7vw,110px);align-items:start}.profile-cover{margin:0;position:sticky;top:30px}.profile-cover img{display:block;width:100%;max-height:78vh;object-fit:contain;object-position:top center}.profile-story{padding-top:8vh}.profile-kicker{margin:0 0 17px;color:#aaa;font-size:11px;letter-spacing:.35em;text-transform:uppercase}.profile-story h1{margin:0;font:400 clamp(44px,6vw,84px)/.95 Georgia,serif;letter-spacing:.04em;text-transform:uppercase}.profile-tagline{margin:25px 0 35px;font:italic 21px/1.4 Georgia,serif;letter-spacing:.07em;text-transform:uppercase;color:#ddd}.profile-copy{max-width:650px;color:#c8c8c8;font:16px/1.9 Georgia,serif}.profile-copy p{margin:0 0 22px}.profile-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.profile-actions .outline-button{min-width:190px}.profile-actions .text-link{width:100%;margin-top:8px;font-size:11px;letter-spacing:.11em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}.profile-footer{border-top:1px solid #333;padding:28px;text-align:center;color:#777;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.related-covers{max-width:1320px;margin:0 auto;padding:0 5vw 80px}.related-covers h2{font:400 25px/1.2 Georgia,serif;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #444;padding-top:35px}.related-cover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.related-cover-card{border:1px solid #444;background:#111;cursor:pointer;color:#fff}.related-cover-card img{display:block;width:100%;aspect-ratio:.72;object-fit:cover}.related-cover-card span{display:block;padding:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:760px){.profile-header{height:82px;padding:12px 20px}.profile-header .brand img{width:95px;height:55px}.profile-main{grid-template-columns:1fr;padding:32px 20px 65px;gap:35px}.profile-cover{position:static}.profile-cover img{max-height:none}.profile-story{padding-top:0}.profile-story h1{font-size:46px}.profile-tagline{font-size:17px}.profile-copy{font-size:15px;line-height:1.75}.profile-actions{display:grid}.profile-actions .outline-button{width:100%}}
.related-cover-card{padding:0;text-align:left}.related-cover-card:hover,.related-cover-card.active{border-color:#fff}
.cover-selection-loading .profile-main,.cover-selection-loading .related-covers{visibility:hidden}.profile-main,.related-covers{visibility:visible}
.profile-loading .profile-main,.profile-loading .related-covers{visibility:hidden}

/* Compact profile layout keeps the cover, story, actions, and other covers upfront. */
@media(min-width:761px){.profile-header{height:68px;padding:8px 3vw}.profile-header .brand img{width:105px;height:48px}.profile-main{grid-template-columns:minmax(260px,38%) minmax(390px,1fr);max-width:1080px;padding:22px 3vw 14px;gap:clamp(28px,4vw,58px);min-height:0}.profile-cover{position:static}.profile-cover img{height:min(61vh,610px);width:100%;object-fit:contain;object-position:top center}.profile-story{padding-top:0}.profile-story h1{font-size:clamp(34px,4vw,56px);line-height:1}.profile-tagline{margin:10px 0 17px;font-size:15px}.profile-copy{font-size:13px;line-height:1.55}.profile-copy p{margin:0 0 10px}.profile-actions{gap:9px;margin-top:18px}.profile-actions .outline-button{min-width:170px;padding:11px 15px;font-size:10px}.profile-actions .text-link{margin-top:3px}.related-covers{max-width:1080px;padding:0 3vw 20px}.related-covers h2{font-size:15px;margin:0 0 9px;padding-top:12px}.related-cover-grid{display:flex;gap:8px}.related-cover-card{width:112px;flex:0 0 112px}.related-cover-card img{height:105px;aspect-ratio:auto;object-fit:cover;object-position:center 18%}.related-cover-card span{padding:6px;font-size:8px;line-height:1.25}.profile-footer{padding:14px}}
@media(max-width:760px){.profile-header{height:64px;padding:7px 14px}.profile-header .brand img{width:82px;height:43px}.back-link{font-size:9px;letter-spacing:.1em}.profile-main{padding:20px 14px 38px;gap:20px}.profile-cover{text-align:center}.profile-cover img{width:auto;max-width:88vw;height:min(58vh,520px);margin:0 auto;object-fit:contain}.profile-story h1{font-size:36px;line-height:.95}.profile-tagline{margin:11px 0 18px;font-size:14px}.profile-copy{font-size:14px;line-height:1.62}.profile-copy p{margin-bottom:13px}.profile-actions{gap:9px;margin-top:22px}.profile-actions .outline-button{padding:12px}.related-covers{padding:0 14px 35px}.related-covers h2{font-size:17px;padding-top:20px}.related-cover-grid{grid-template-columns:repeat(2,1fr);gap:7px}.related-cover-card span{padding:8px;font-size:8px}.profile-footer{padding:16px}}
.archive-heading{position:relative}.archive-home-link{position:absolute;left:0;top:15px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#bbb;border-bottom:1px solid #777;padding-bottom:4px}.archive-home-link:hover{color:#fff}@media(max-width:600px){.archive-home-link{position:static;display:block;width:max-content;margin:4px 0 10px}}

/* Current-site informational pages. */
.info-page{min-height:100vh;background:#070707}.info-main{width:min(980px,90vw);margin:0 auto;padding:150px 0 90px}.info-main>.eyebrow{color:#aaa;letter-spacing:.3em}.info-main>h1{margin:12px 0 38px;font:400 clamp(44px,8vw,100px)/.92 Georgia,serif;letter-spacing:.03em}.info-copy{max-width:760px;color:#d2d2cf;font:400 16px/1.8 Arial,Helvetica,sans-serif;text-transform:none}.info-copy .text-link{color:#fff;text-decoration:underline;text-underline-offset:5px}.info-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:55px 0;background:#444;border:1px solid #444}.info-values article{padding:28px;background:#0d0d0d}.info-values h2{margin:0 0 10px;font:400 19px/1.2 Georgia,serif;letter-spacing:.07em}.info-values p{margin:0;color:#aaa;font-size:12px;line-height:1.6;text-transform:none}.contact-main>h1{max-width:800px;line-height:1}.current-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;max-width:760px;margin-top:48px}.current-contact-form label{font-size:10px;letter-spacing:.13em;color:#aaa}.current-contact-form input,.current-contact-form textarea{grid-column:1/-1;width:100%;border:1px solid #555;background:#0e0e0e;color:#fff;padding:14px;font:inherit}.current-contact-form textarea{resize:vertical}.current-contact-form button{grid-column:1/-1;margin-top:8px}@media(max-width:600px){.info-main{padding-top:120px}.info-values{grid-template-columns:1fr}.current-contact-form{grid-template-columns:1fr}}

/* The landing page is a dense, darkened preview of the live cover archive. */
.cover-collage{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));background:#050505;background-image:none;gap:2px;transform:none;filter:saturate(.64) brightness(.68) contrast(.92)}.cover-collage img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;object-position:center 18%}.hero-shade{background:radial-gradient(circle at center,rgba(0,0,0,.3),rgba(0,0,0,.76) 82%),rgba(0,0,0,.28)}
@media(max-width:800px){.cover-collage{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.cover-collage img:nth-child(n+13){display:none}}
@media(max-width:520px){.cover-collage{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);background-image:none}.cover-collage img:nth-child(n+13){display:none}}

/* Cinematic edge fade: a framed archive preview with a brighter center. */
.landing-hero{background:#000;padding:clamp(18px,3.6vw,68px)}.cover-collage{inset:clamp(18px,3.6vw,68px);border:1px solid rgba(255,255,255,.13)}.hero-shade{inset:clamp(18px,3.6vw,68px);background:radial-gradient(ellipse 42% 48% at 50% 51%,rgba(0,0,0,.72) 0%,rgba(0,0,0,.56) 44%,rgba(0,0,0,.24) 72%,rgba(0,0,0,.54) 100%),linear-gradient(to right,rgba(0,0,0,.82) 0%,rgba(0,0,0,.38) 20%,rgba(0,0,0,.31) 50%,rgba(0,0,0,.38) 80%,rgba(0,0,0,.82) 100%),linear-gradient(to bottom,rgba(0,0,0,.74) 0%,rgba(0,0,0,.28) 25%,rgba(0,0,0,.3) 58%,rgba(0,0,0,.88) 100%)}.hero-logo{filter:brightness(0) invert(1) drop-shadow(0 3px 18px rgba(0,0,0,.95))}.hero-content p{text-shadow:0 2px 10px #000}.outline-button{box-shadow:0 0 24px rgba(0,0,0,.65)}
@media(max-width:700px){.landing-hero{padding:12px}.cover-collage,.hero-shade{inset:12px}.cover-collage{filter:saturate(.55) brightness(.56) contrast(.9)}.hero-shade{background:radial-gradient(ellipse 72% 44% at 50% 53%,rgba(0,0,0,.76) 0%,rgba(0,0,0,.62) 48%,rgba(0,0,0,.38) 74%,rgba(0,0,0,.66) 100%),linear-gradient(to bottom,rgba(0,0,0,.76),rgba(0,0,0,.38) 30%,rgba(0,0,0,.48) 62%,rgba(0,0,0,.9)),linear-gradient(to right,rgba(0,0,0,.72),rgba(0,0,0,.3) 50%,rgba(0,0,0,.72))}.hero-content{padding-left:18px;padding-right:18px}.hero-content p{max-width:620px}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.archive-pagination{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0 34px}.archive-count{margin:0;color:#999;font-size:10px;letter-spacing:.12em}.archive-pagination .outline-button[hidden]{display:none}

/* Cover archive — editorial masthead and controls. */
.archive-page{padding:0;background:#020202}.archive-site-header{position:relative;height:72px;padding:8px 4vw;border-bottom:1px solid #202020}.archive-site-header .brand img{width:120px;height:52px}.archive-site-header .main-nav a{position:relative;padding:20px 0;font-size:11px}.archive-site-header .main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:13px;height:1px;background:#b58a18}.archive-heading{padding:8px 24px 16px}.archive-heading .eyebrow{display:block;margin-bottom:-8px;font:400 16px/1 Georgia,serif;letter-spacing:.32em}.archive-heading h1{margin:0;font:400 clamp(44px,5vw,70px)/.95 Georgia,serif;letter-spacing:.27em}.archive-intro{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px auto 16px;color:#cfcfcf;font-size:11px;letter-spacing:.3em}.archive-intro span{display:block;width:88px;height:1px;background:#9b7110}.archive-search{width:min(550px,90vw);height:42px;margin:0 auto 18px;display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid #8a691c;border-radius:5px;background:#080808;color:#c49a2e}.archive-search>span{font:24px/1 Georgia,serif;transform:rotate(-15deg)}.archive-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font:13px Arial,Helvetica,sans-serif;text-transform:none}.archive-search input::placeholder{color:#777}.archive-heading .filters{gap:28px}.archive-heading .filters button{min-width:76px;padding:10px 13px;border:1px solid transparent;color:#ddd;letter-spacing:.18em}.archive-heading .filters button.active{border-color:#9b7110;color:#fff}.archive-heading .filters button.active:after{display:none}.archive-page main{padding:0 2.6vw}.archive-page .cover-grid{max-width:none;gap:5px}.archive-page .cover-card{border-color:#303030}.archive-pagination{padding:22px 0 30px}.archive-pagination .outline-button{border-color:#9b7110}.archive-random{border:0;border-bottom:1px solid #725a20;background:none;color:#aaa;padding:5px 2px;text-transform:uppercase;font-size:9px;letter-spacing:.15em;cursor:pointer}.archive-random:hover{color:#fff}.cover-cta{position:relative;overflow:hidden;min-height:112px;margin-top:0;padding:22px max(4vw,35px);display:grid;grid-template-columns:1fr minmax(320px,460px);align-items:center;gap:45px;border-top:1px solid #725a20;border-bottom:1px solid #28200d;background:radial-gradient(ellipse at 88% 100%,rgba(151,108,17,.2),transparent 47%),#030303}.cover-cta:before{content:"";position:absolute;left:max(2.7vw,26px);top:24px;bottom:24px;width:1px;background:#a77c18}.cover-cta div{padding-left:24px}.cover-cta h2{margin:0 0 8px;font:400 21px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.45em}.cover-cta p{margin:0;color:#ccc;font-size:9px;letter-spacing:.3em}.cover-cta>a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 28px;border:1px solid #9b7110;font-size:10px;letter-spacing:.27em}.cover-cta>a span{color:#d5a128;font-size:21px}.archive-page .archive-footer{border-top:0}
@media(max-width:900px){.archive-site-header{height:68px;padding:8px 20px}.archive-site-header .main-nav{top:68px;z-index:20}.archive-heading{padding-top:18px}.archive-heading h1{font-size:clamp(36px,8vw,56px)}.archive-intro{font-size:9px;line-height:1.7;letter-spacing:.2em}.archive-intro span{width:45px;flex:0 0 45px}.archive-heading .filters{justify-content:flex-start;gap:8px;padding:0;max-width:100%;overflow-x:auto}.archive-heading .filters button{min-width:max-content}.archive-page main{padding:0 14px}.cover-cta{grid-template-columns:1fr;padding:26px 30px;gap:22px}.cover-cta>a{width:100%}}
@media(max-width:520px){.archive-site-header .brand img{width:96px}.archive-heading{padding-left:8px;padding-right:8px}.archive-heading .eyebrow{font-size:12px;margin-bottom:-3px}.archive-heading h1{font-size:35px;letter-spacing:.13em}.archive-intro{gap:9px;font-size:8px;letter-spacing:.12em}.archive-intro span{width:20px;flex-basis:20px}.archive-search{width:100%;margin-bottom:12px}.archive-page main{padding:0 8px}.cover-cta{padding:25px 18px}.cover-cta:before{left:18px}.cover-cta div{padding-left:15px}.cover-cta h2{font-size:17px;letter-spacing:.28em}.cover-cta p{font-size:8px;line-height:1.7}.cover-cta>a{padding:0 18px;font-size:9px}.archive-page .archive-footer{display:none}}

/* Keep the mobile homepage cinematic without obscuring the cover artwork. */
@media(max-width:700px){.landing-page .cover-collage{filter:saturate(.72) brightness(.82) contrast(.96)}.landing-page .hero-shade{background:radial-gradient(ellipse 72% 46% at 50% 53%,rgba(0,0,0,.58) 0%,rgba(0,0,0,.43) 48%,rgba(0,0,0,.23) 75%,rgba(0,0,0,.42) 100%),linear-gradient(to bottom,rgba(0,0,0,.48),rgba(0,0,0,.16) 30%,rgba(0,0,0,.22) 64%,rgba(0,0,0,.7))}}

/* Metallic brush artwork behind the archive portfolio CTA. */
.cover-cta:before{z-index:2}.cover-cta:after{content:"";position:absolute;z-index:0;right:-2%;bottom:-28%;width:68%;height:150%;background:url("assets/textures/gold-brushstroke.webp") right bottom/contain no-repeat;opacity:.38;filter:saturate(.8) brightness(.72);pointer-events:none}.cover-cta>div,.cover-cta>a{position:relative;z-index:1}.cover-cta>a{background:rgba(0,0,0,.48)}
@media(max-width:900px){.cover-cta:after{width:100%;height:115%;bottom:-22%;opacity:.25}}

