/* TRI Studio — archive and correspondence pages */
.inner-main{padding-top:var(--nav-h)}
.page-intro{max-width:1530px;margin:auto;padding:clamp(64px,11vw,145px) var(--gutter) clamp(48px,7vw,92px);border-bottom:1px solid var(--line)}
.page-kicker{margin-bottom:20px;color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.13em;text-transform:uppercase}
.page-title{max-width:9ch;font-size:clamp(3.8rem,10vw,10rem);line-height:.84}
.page-intro-copy{max-width:42ch;margin-top:28px;font-size:var(--fs-sm);line-height:1.42}
.archive{max-width:1530px;margin:auto;padding:clamp(48px,7vw,98px) var(--gutter)}
.archive .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.archive .landscape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.archive-group-title{margin:64px 0 28px;padding-top:28px;border-top:1px solid var(--line);font-size:clamp(1.8rem,3vw,3rem);line-height:1.1}
.archive .card{grid-column:span 1}
.archive .card[data-orientation="landscape"]{grid-column:span 1}
.archive .card[data-orientation="portrait"]{align-self:start}
.archive-note{padding-bottom:1rem;color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase}
.contact-page{max-width:1530px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(44px,10vw,165px);padding:clamp(64px,10vw,132px) var(--gutter) 70px}
.contact-page .page-title{font-size:clamp(3.7rem,8vw,8.5rem)}
.contact-details{margin-top:42px}
.contact-details p{margin-top:9px;color:var(--muted);font-size:var(--fs-xs)}
.contact-details .contact-mail{margin-top:16px}
.contact-form-wrap{padding:clamp(24px,3vw,42px);background:#e3e9e3;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}
.form-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.05em;line-height:1}
.form-note{margin:15px 0 29px;font-size:var(--fs-xs);line-height:1.45}
.contact-form{display:grid;gap:20px}
.field{display:grid;gap:8px}
.field label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase}
.field input,.field textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:inherit;outline:0}
.field textarea{min-height:116px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 2px 0 var(--accent)}
.contact-form .btn{width:max-content;margin-top:7px;cursor:pointer}
.form-status{min-height:1.5em;color:var(--muted);font-size:var(--fs-xs)}
.site-footer{max-width:1530px;margin:auto;padding:34px var(--gutter);border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase}
@media(max-width:768px){
 .archive .landscape-grid{grid-template-columns:1fr}
 .page-intro{padding-top:72px}.page-title{font-size:clamp(3.6rem,17vw,6.2rem)}.archive .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.archive .card,.archive .card[data-orientation="landscape"]{grid-column:span 1}.contact-page{grid-template-columns:1fr;padding-top:74px}.contact-form-wrap{padding:25px 20px}
}