
.archive-page .topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.archive-page [aria-current="page"]{color:var(--ink);opacity:1}
.archive-main{max-width:1600px;margin:auto;padding:160px var(--pad) 90px}
.archive-heading{padding-bottom:44px;border-bottom:1px solid var(--line);margin-bottom:48px}
.archive-heading h1{font-family:Oswald,Impact,sans-serif;font-size:clamp(48px,7.5vw,108px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:24px 0 0;text-transform:uppercase}
.archive-copy{max-width:880px;margin:48px auto;font-size:15px;line-height:1.85;color:#484848;overflow-wrap:anywhere}
.archive-copy p{margin:0 0 24px}.archive-copy h2{font-family:Oswald,Impact,sans-serif;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--ink);text-transform:uppercase;margin:46px 0 24px}
.archive-copy strong,.archive-copy b{color:var(--ink)}
.archive-copy a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.archive-copy li{margin:10px 0}.archive-copy li::marker{color:var(--accent)}
.archive-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:56px 0;align-items:center}
.archive-gallery img{height:auto;max-height:760px;object-fit:contain;transition:opacity .3s}
.archive-gallery a:hover img{opacity:.85}.archive-gallery a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.archive-gallery:has(>a:only-child){grid-template-columns:1fr;max-width:1000px;margin:56px auto}
.archive-gallery:has(>a:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.about-me-page .archive-gallery:has(>a:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.about-me-page .archive-gallery:has(>a:nth-child(5)) a{background:white;padding:14px;display:flex;align-items:center;justify-content:center;min-height:100px}
.about-me-page .archive-gallery:has(>a:nth-child(5)) img{max-height:110px}
.archive-back{border-top:1px solid var(--line);padding-top:36px;margin-top:64px}
@media(max-width:980px){.archive-gallery{gap:16px}.about-me-page .archive-gallery:has(>a:nth-child(5)){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.archive-main{padding-top:110px;padding-bottom:60px}.archive-heading h1{font-size:clamp(38px,10vw,62px)}.archive-copy{font-size:14px;margin:32px auto}.archive-gallery,.archive-gallery:has(>a:nth-child(2):last-child){grid-template-columns:1fr;gap:24px;margin:36px 0}.about-me-page .archive-gallery:has(>a:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.archive-heading{margin-bottom:32px;padding-bottom:32px}}
/* Shared editorial layout for internal pages. */
.archive-main{max-width:1760px}
.editorial-section{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,2fr);gap:64px;border-top:1px solid var(--line);padding:64px 0}
.editorial-section>h2,.equipment-section>h2{font-family:Oswald,Impact,sans-serif;font-size:clamp(28px,3.2vw,48px);text-transform:uppercase;line-height:1.1;margin:0}
.editorial-section .archive-copy{max-width:none;margin:0 0 32px}
.editorial-section .archive-gallery{margin:0 0 32px}
.editorial-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;margin:64px 0}
.editorial-split .archive-gallery{margin:0;max-width:none}
.editorial-split .archive-copy{margin:0;max-width:none}
.editorial-split .archive-copy h2{margin-top:0}
.bio-intro{align-items:center}.bio-intro .archive-copy{font-size:clamp(18px,1.8vw,25px);line-height:1.65}
.bio-cards{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.bio-cards article{border-bottom:1px solid var(--line);padding-bottom:20px}
.bio-cards .archive-gallery img{max-height:200px;object-position:left center}
.bio-cards .archive-copy{font-size:14px}
.logo-section .archive-gallery{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1000px;margin:64px auto}
.people-grid figure{margin:0}.people-grid img{height:auto;max-height:600px;object-fit:contain}
.people-grid figcaption{font-size:12px;color:var(--muted);padding-top:16px}
.icons57-page .gallery-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.icons57-page .gallery-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.equipment-section{border-top:1px solid var(--line);padding-top:56px;margin:64px 0}
.equipment-grid{columns:3;column-gap:48px;margin-top:40px}
.equipment-category{break-inside:avoid;display:flow-root;margin-bottom:30px;border-top:1px solid var(--line);padding-top:20px}
.equipment-category h3{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:22px;line-height:1.3;margin:0 0 16px}
.equipment-category ul{list-style:none;padding:0;margin:0;color:#484848;font-size:14px;line-height:1.7}
.equipment-category li{margin-bottom:8px;overflow-wrap:anywhere}
.gear-page .archive-copy{max-width:1100px}
@media(max-width:1100px){.editorial-section{gap:32px}.editorial-split{gap:32px}.equipment-grid{columns:2}.bio-cards{grid-template-columns:1fr}}
@media(max-width:640px){.editorial-section,.editorial-split{grid-template-columns:1fr;gap:28px;margin:36px 0}.editorial-section{padding:36px 0}.equipment-grid{columns:1}.icons57-page .gallery-five,.icons57-page .gallery-four{grid-template-columns:repeat(2,minmax(0,1fr))}.people-grid{gap:16px;margin:36px 0}.logo-section .archive-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bio-intro .archive-copy{font-size:18px}}
/* Compact client logos; align visible partner artwork without altering assets. */
.about-me-page .logo-section .archive-gallery img{width:35%;max-height:38.5px;object-fit:contain}
.bio-cards article{min-width:0}
.bio-cards .archive-gallery,.bio-cards .archive-gallery:has(>a:only-child){height:160px;margin:0 0 28px;max-width:none;align-items:start;justify-items:start}
.bio-cards .archive-gallery>a{display:block;width:100%;max-width:260px}
.logo-crop{display:block;position:relative;overflow:hidden;aspect-ratio:var(--logo-ratio);width:min(100%,var(--logo-size))}
.bio-cards .archive-gallery .logo-crop img{position:absolute;width:var(--logo-width);max-width:none;max-height:none;height:auto;left:var(--logo-left);top:var(--logo-top)}

.about-me-page .logo-section .archive-gallery .static-logo{background:white;padding:14px;display:flex;align-items:center;justify-content:center;min-height:100px}

.static-image{display:block;cursor:default}
.bio-cards .archive-gallery>.static-image{width:100%;max-width:260px}
.archive-gallery:has(>.static-image:only-child){grid-template-columns:1fr;max-width:1000px;margin:56px auto}
.bio-cards .archive-gallery:has(>.static-image:only-child){height:160px;margin:0 0 28px;max-width:none}
.editorial-split .archive-gallery:has(>.static-image:only-child){margin:0;max-width:none}
.archive-gallery:has(>.static-image:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.propaganda-intro{grid-template-columns:minmax(160px,.65fr) minmax(0,1fr) minmax(0,1.6fr);gap:40px;align-items:start}
.propaganda-intro>.archive-gallery{margin:0;max-width:none;grid-template-columns:1fr}
.propaganda-intro>.archive-copy{margin:0}
@media(max-width:980px){.propaganda-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:28px}.propaganda-intro>h2{grid-column:1/-1}}
@media(max-width:640px){.propaganda-intro{grid-template-columns:1fr}.archive-gallery:has(>.static-image:nth-child(2):last-child){grid-template-columns:1fr}}

.contact-form{display:grid;gap:24px;width:100%}.contact-form label{display:grid;gap:8px;font-size:12px;letter-spacing:.04em;color:#333}
.contact-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-form input,.contact-form textarea{width:100%;min-width:0;padding:12px;border:1px solid #ccc;background:white;color:#111;font:15px Inter,Arial,sans-serif;border-radius:0}
.contact-form textarea{resize:vertical}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #555;outline-offset:2px}
.contact-form button{justify-self:start;background:#111;color:#fff;border:0;padding:16px 22px;font:600 11px Inter,Arial,sans-serif;letter-spacing:.1em;cursor:pointer}
.contact-form .contact-note{font-size:12px;color:#606060;margin:0}.contact-form #contactStatus{font-size:12px;margin:0}
.contact-page .editorial-section>.archive-copy{width:100%}
@media(max-width:640px){.contact-pair{grid-template-columns:1fr}}
