/* Inner pages, brief form, footer links. Builds on main.css tokens. */
.wrap{padding:9vh 3vw 6vh;max-width:1500px;margin:0 auto}
.crumbs{margin-bottom:14px}.crumbs a{color:var(--muted);border-bottom:1px solid #333}.crumbs a:hover{color:var(--ink)}
h1.ph{font:400 clamp(44px,7vw,112px)/.92 'Instrument Serif',serif;letter-spacing:-.01em;margin-bottom:18px}
h1.ph i{color:var(--muted)}
.lede{font:400 clamp(19px,1.8vw,26px)/1.35 'Instrument Serif',serif;color:#cfcdc6;max-width:760px;margin-bottom:34px}

/* galleries */
.masonry{columns:3 300px;column-gap:12px}
.masonry a{display:block;margin-bottom:12px;break-inside:avoid;overflow:hidden;border-radius:4px;cursor:zoom-in;background:#1d1d1d}
.masonry img{height:auto;transition:transform .5s,opacity .3s}.masonry a:hover img{transform:scale(1.03)}

/* project page */
.proj-text{margin-bottom:34px}
.facts{display:flex;gap:34px;flex-wrap:wrap;margin:0 0 28px}.facts dd{font:400 24px/1.2 'Instrument Serif',serif;margin-top:2px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:46px;border-top:1px solid var(--line);padding-top:22px}
.pn a{display:block;padding:12px 0}.pn a.r{text-align:right}.pn b{display:block;font:400 clamp(24px,2.6vw,38px)/1.1 'Instrument Serif',serif;margin-top:4px}
.pn a:hover b{color:var(--yellow)}

/* project cards */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px 12px}
.pcard{display:flex;flex-direction:column;gap:8px}
.pcard .cv{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:#1d1d1d}
.pcard .cv img{transition:transform .5s}.pcard:hover .cv img{transform:scale(1.04)}
.pcard b{font:400 28px/1.05 'Instrument Serif',serif}
a.chip{font:400 11px 'JetBrains Mono',monospace;border:1px solid #333;border-radius:999px;padding:6px 12px;color:var(--muted)}a.chip:hover{border-color:var(--ink);color:var(--ink)}

/* posts */
.plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pitem{border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}.pitem:hover{border-color:#555}
.pitem .cv{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:6px;margin:-4px -4px 6px}
.pitem b{font:400 26px/1.15 'Instrument Serif',serif}.pitem p{color:#a9a7a0;font-size:14px}
.pager{margin-top:26px;display:flex;gap:10px}.pager .current{color:var(--yellow)}
.article .ph{max-width:1000px;font-size:clamp(38px,5vw,76px)}
.hero-img{margin:10px 0 34px;max-width:1100px}.hero-img img{height:auto;border-radius:6px}

/* readable text */
.prose{max-width:720px;font-size:17px;line-height:1.75;color:#d8d6d0}
.prose p,.prose ul,.prose ol,.prose figure,.prose blockquote{margin:0 0 1.1em}
.prose h2,.prose h3,.prose h4{font-family:'Instrument Serif',serif;font-weight:400;line-height:1.15;margin:1.6em 0 .5em;color:var(--ink)}
.prose h2{font-size:38px}.prose h3{font-size:30px}.prose h4{font-size:24px}
.prose a{color:var(--yellow);border-bottom:1px solid rgba(255,210,63,.35)}
.prose img{width:auto;height:auto;max-width:100%;border-radius:4px}
.prose ul,.prose ol{padding-left:1.3em}.prose blockquote{border-left:2px solid var(--yellow);padding-left:16px;color:#bdbbb5}
.prose .masonry{margin:1.4em 0}
.prose iframe{max-width:100%}
.prose figure,.prose .wp-caption{width:auto!important;max-width:100%}
.prose figcaption,.prose .wp-caption-text{font:400 11px/1.5 'JetBrains Mono',monospace;color:var(--muted);margin-top:6px}

/* about timeline */
.tl{list-style:none;border-top:1px solid var(--line)}
.tl li{display:grid;grid-template-columns:160px 1fr 220px;gap:26px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.tl .yr b{display:block;font:400 56px/1 'Instrument Serif',serif;color:var(--yellow)}
.tl h3{font:400 30px/1.1 'Instrument Serif',serif;margin-bottom:8px}.tl p{color:#bdbbb5}
.tl img{aspect-ratio:4/3;border-radius:4px}

/* closing band */
.cta-band{text-align:center;padding:12vh 3vw;border-top:1px solid var(--line)}
.cta-band h2{font:400 clamp(40px,6vw,90px)/.95 'Instrument Serif',serif;margin:10px 0 6px}.cta-band h2 i{color:var(--muted)}

/* contact page + brief form */
.cgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:5vw;align-items:start}
.contact-page .mail{font:400 clamp(22px,2.4vw,34px) 'Instrument Serif',serif;border-bottom:1px solid var(--ink)}
.contact .brief{max-width:720px;margin:44px auto 0;text-align:left}
.brief .mono:first-child{margin-bottom:12px}
.brief label{display:block;font:400 11px 'JetBrains Mono',monospace;color:var(--muted);letter-spacing:.04em;margin-bottom:12px}
.brief .bf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.brief .wpcf7-form-control-wrap{display:block}.brief form p{margin:0}
.brief input:not([type=submit]),.brief select,.brief textarea{display:block;width:100%;margin-top:6px;background:#181818;border:1px solid #333;border-radius:8px;color:var(--ink);font:400 15px/1.4 Inter,sans-serif;padding:12px 14px;outline:none;transition:border-color .2s}
.brief input:focus,.brief select:focus,.brief textarea:focus{border-color:var(--yellow)}
.brief textarea{min-height:130px;resize:vertical}
.brief input[type=submit]{background:var(--yellow);color:#111;border:0;border-radius:6px;font:500 14px Inter,sans-serif;padding:12px 20px;cursor:pointer}
.brief .wpcf7-not-valid-tip{font:400 11px 'JetBrains Mono';color:#ff8a7a;margin-top:4px}
.brief .wpcf7-response-output{border:1px solid #333!important;border-radius:8px;padding:10px 14px!important;margin:14px 0 0!important;font-size:14px}
.brief .wpcf7-spinner{vertical-align:middle}

/* footer links */
footer{align-items:center}
.foot-links{display:flex;gap:14px;flex-wrap:wrap}.foot-links a:hover{color:var(--ink)}

/* lightbox (site.js) */
.lb .nav{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:18px;color:#fff;cursor:pointer;border:0}
.lb .nav.l{left:2vw}.lb .nav.r{right:2vw}

@media(max-width:860px){
 .wrap{padding:6vh 4vw 5vh}.masonry{columns:2 140px;column-gap:8px}.masonry a{margin-bottom:8px}
 .tl li{grid-template-columns:1fr;gap:10px}.tl img{max-width:320px}
 .cgrid{grid-template-columns:minmax(0,1fr)}.brief .bf-row{grid-template-columns:1fr}
 .pn{grid-template-columns:1fr}.pn a.r{text-align:left}
 .foot-links{display:none}
}

/* social profiles (footer, contact) */
.social{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
.social a{border-bottom:1px solid var(--line);padding-bottom:2px}.social a:hover{color:var(--ink);border-color:var(--ink)}
.social-c{justify-content:center;margin-top:22px}
.foot-social{margin-top:0}