/*
 * public/site.css
 * Nazir Magsi
 *
 * Copyright © 2026 Nazir Magsi. All rights reserved.
 *
 * This source code is proprietary and confidential.
 * Unauthorized copying, modification, or distribution is prohibited.
 *
 * The software is provided "as is", without warranty of any kind.
 */

/* Editorial pages, shared with the audited profile. No runtime scripts. */
.site-header{border-top:6px solid var(--navy-deep);border-bottom:1px solid var(--line);background:var(--paper)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.25rem}
.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:700;line-height:1.3;flex-shrink:0}
.brand__mark{display:grid;place-items:center;background:var(--navy-deep);color:var(--paper);width:2.75rem;height:2.75rem;font-family:Georgia,serif;font-size:1.1rem;font-weight:400}
.brand small{display:block;margin-top:.25rem;font-size:.625rem;letter-spacing:.05em;color:var(--muted);font-weight:400}
.site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.25rem}
.site-nav a{display:flex;align-items:center;min-height:2.75rem;font-size:.8125rem;text-decoration:none;border-bottom:2px solid transparent}
.site-nav a:hover,.site-nav a[aria-current="page"]{border-color:var(--accent)}
.site-header .language-switch{flex-shrink:0;border:0}.site-header .language-switch a{padding-inline:.5rem}
.home-intro{background:var(--sand);border-bottom:1px solid var(--line);padding:4.25rem 0}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:clamp(2rem,6vw,6rem);align-items:center}
.home-intro h1{font-size:clamp(3rem,2rem + 3.5vw,5.25rem);line-height:1.04;max-width:10em}.accent-dot{color:var(--accent)}
.intro-statement{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.3rem,1rem + 1vw,1.75rem);line-height:1.4;max-width:27em;margin:1.5rem 0 1rem}
.intro-description{max-width:38rem;color:var(--muted);font-size:.9375rem}.hero-actions{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-top:1.75rem}
.button{display:inline-flex;gap:2rem;align-items:center;justify-content:space-between;padding:.875rem 1.2rem;background:var(--navy-deep);color:white;text-decoration:none;font-size:.875rem;font-weight:600;min-height:2.75rem}.button:hover{background:var(--navy)}
.text-link{display:inline-flex;align-items:center;gap:.75rem;min-height:2.75rem;font-size:.875rem;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}
.author-note{border-left:1px solid #ccc5b8;padding-left:2rem;font-size:.8125rem;color:var(--muted)}.author-note img{width:9rem;aspect-ratio:1;object-fit:cover;margin-bottom:1.25rem}
.author-note__name{color:var(--navy-deep);font-weight:700;font-size:1rem;margin-bottom:.5rem}.author-note a{display:inline-flex;min-height:2.75rem;align-items:center;font-size:.75rem}
.feature-section{padding-top:3.25rem}.feature-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:1rem}
.feature-card{display:grid;grid-template-columns:1fr 1.5fr;border:1px solid var(--line);background:#f8f5ef}
.feature-art{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;min-height:22rem;color:#e9b3a2;background:var(--navy-deep);background-image:linear-gradient(90deg,transparent 49.7%,#ffffff10 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#ffffff10 50%,transparent 50.3%);background-size:3.5rem 3.5rem;font-size:.6875rem;letter-spacing:.12em;line-height:1.6}
.feature-symbol{font-family:Georgia,serif;font-size:7rem;line-height:1;color:var(--paper);letter-spacing:-.07em}.feature-symbol span{font-size:4rem;color:var(--accent-soft);margin-left:.3em}
.feature-copy{padding:clamp(1.5rem,3vw,3rem);align-self:center}.feature-copy h2{font-size:clamp(1.65rem,1rem + 1.6vw,2.375rem);line-height:1.2;margin-bottom:1.25rem}.feature-copy h2 a{text-decoration:none}.feature-copy h2 a:hover{text-decoration:underline}.feature-copy>p:not(.eyebrow){color:var(--muted);font-size:.875rem}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.editorial-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.editorial-card{display:flex;flex-direction:column;position:relative;padding:1.75rem;border:1px solid var(--line);background:var(--paper)}
.editorial-card .eyebrow{font-size:.6875rem;margin-bottom:.875rem}.editorial-card h3{font-family:"Source Serif 4",Georgia,serif;font-size:1.6rem;line-height:1.25;margin-bottom:1rem}.editorial-card h3 a{text-decoration:none}.editorial-card h3 a:hover{text-decoration:underline}.editorial-card>p:not(.eyebrow){color:var(--muted);font-size:.875rem}.editorial-card .text-link{margin-top:auto}
.card-number{font-family:Georgia,serif;font-size:2.5rem;color:#9b725b;line-height:1;margin-bottom:1.5rem}
.publication-list{border-top:1px solid var(--line)}.publication-row{display:grid;grid-template-columns:12rem minmax(0,1fr) 2.75rem;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--line);align-items:start}.publication-row>p{font-size:.75rem;color:var(--muted);margin:.25rem 0 0}.publication-row h3{font-size:1.2rem;margin:0}.publication-row h3 a{text-decoration:none}.publication-row h3 a:hover{text-decoration:underline}.row-arrow{display:grid;place-items:center;width:2.75rem;min-height:2.75rem;border:1px solid var(--line);text-decoration:none}
.project-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.project-preview-grid .editorial-card{padding:1.25rem}.project-preview-grid h3{font-size:1.35rem}
.site-footer{padding:2.5rem 0;background:var(--navy-deep);color:#bdc8ce;font-size:.8125rem}.site-footer .shell{display:flex;justify-content:space-between;gap:1.5rem;align-items:center}.site-footer a{color:white;min-height:2.75rem;display:inline-flex;align-items:center}.site-footer p{margin:.5rem 0 0}.footer-name{font-family:"Source Serif 4",Georgia,serif;font-size:1.4rem;text-decoration:none}
.catalog{padding-top:3.5rem;padding-bottom:5rem}.page-heading{max-width:48rem;margin-bottom:3rem}.page-heading h1{font-size:clamp(2.5rem,2rem + 3vw,4.5rem)}.page-lead{color:var(--muted);margin:1.5rem 0 0;font-size:1.125rem}
.detail-page{padding-bottom:4rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:1.5rem 0;font-size:.8125rem;color:var(--muted)}.breadcrumbs a{display:inline-flex;align-items:center;min-height:2.75rem}.breadcrumbs>span{align-self:center}
.detail-heading{max-width:58rem;padding:1.5rem 0 3rem}.detail-heading h1{font-size:clamp(2rem,1.5rem + 2.4vw,3.6rem);line-height:1.13;letter-spacing:-.025em}
.detail-grid{display:grid;grid-template-columns:minmax(0,45rem) 15rem;gap:clamp(2rem,6vw,6rem);justify-content:space-between;align-items:start;border-top:1px solid var(--line);padding-top:2.5rem}
.article-prose{font-size:1.0625rem;line-height:1.8}.article-prose h2{font-size:1.65rem;margin-bottom:1.5rem}.article-prose ul{margin-bottom:1.5rem}.article-prose .button{margin-top:1rem}
.content-note{padding:1rem 1.25rem;border-left:3px solid var(--accent);background:var(--sand);font-size:.875rem;color:var(--muted);margin-top:2rem}.original-title{font-size:.9375rem;color:var(--muted)}
.detail-sidebar{background:var(--sand);padding:1.5rem;font-size:.875rem}.detail-sidebar img{width:4.5rem;aspect-ratio:1;object-fit:cover;margin-bottom:1rem}.detail-sidebar h2{font-size:1.375rem;line-height:1.25}.detail-sidebar hr{border:0;border-top:1px solid var(--line);margin:1rem 0}.detail-sidebar>a{display:inline-flex;align-items:center;min-height:2.75rem}
.related{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.related>a{font-family:"Source Serif 4",Georgia,serif;font-size:1.75rem;line-height:1.3;text-decoration:none}.related>a:hover{text-decoration:underline}
.profile-hero{border-top:0}.profile-hero .hero__portrait img{aspect-ratio:1}
@media screen and (max-width:67.5em){.site-header__inner{flex-wrap:wrap;gap:.5rem 1.5rem}.site-nav{order:3;width:100%;justify-content:flex-start}.project-preview-grid,.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:47.5em){.intro-grid{grid-template-columns:1fr;gap:2rem}.home-intro{padding:2.75rem 0}.author-note{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:0 1rem;padding:1.25rem 0 0;border-left:0;border-top:1px solid #ccc5b8}.author-note img{width:4.5rem;grid-row:1 / span 3;margin:0}.author-note p{margin-bottom:.25rem}.author-note a{grid-column:2}.feature-card{grid-template-columns:1fr}.feature-art{min-height:12rem;flex-direction:row;align-items:center;padding:1.5rem;gap:1rem}.feature-art>span:last-child{display:none}.feature-symbol{font-size:5rem}.feature-symbol span{font-size:3rem}.publication-row{grid-template-columns:minmax(0,1fr) 2.75rem;gap:.75rem 1rem}.publication-row>p{grid-column:1}.publication-row h3{grid-column:1}.row-arrow{grid-column:2;grid-row:1 / span 2}.detail-grid{grid-template-columns:1fr}.detail-sidebar{max-width:none}.site-footer .shell{align-items:flex-start;flex-direction:column}}
@media screen and (max-width:35em){.editorial-grid,.editorial-grid.two-col,.project-preview-grid{grid-template-columns:1fr}.site-header__inner{padding-top:.75rem;padding-bottom:.5rem}.brand{gap:.5rem;font-size:.875rem}.brand__mark{width:2.25rem;height:2.25rem}.brand small{font-size:.5625rem}.site-nav{gap:.2rem .875rem}.site-nav a{font-size:.75rem}.language-switch{gap:0;padding:0}.site-header .language-switch a{min-width:2.75rem}.feature-copy{padding:1.5rem}.editorial-card{padding:1.5rem}.section-title-row{gap:.5rem}.page-heading{margin-bottom:2rem}}
@media print{.site-header,.site-footer,.breadcrumbs,.detail-sidebar,.hero-actions,.related{display:none}.home-intro,.catalog,.detail-page{padding:0}.intro-grid,.feature-card,.detail-grid,.editorial-grid,.project-preview-grid{display:block}.feature-art{display:none}.feature-copy,.author-note,.editorial-card{padding:3mm}.detail-heading h1{font-size:24pt}.article-prose{font-size:10pt}.feature-card,.editorial-card{break-inside:avoid}}
.project-links{display:flex;flex-wrap:wrap;gap:.75rem 2rem;padding-block:0 3rem}.project-links a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.875rem;font-weight:600}.project-facts{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--muted)}