*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

        :root {
            --earth-deep: #12100c;
            --earth-dark: #1a1610;
            --clay: #231c14;
            --clay-light: #2e2519;
            --amber: #c4943d;
            --amber-light: #d4aa5a;
            --amber-dim: #8b6a2f;
            --parchment: #d9cfc0;
            --parchment-dark: #b8ad9e;
            --dust: #8a7e70;
            --line: rgba(196, 148, 61, 0.2);
        }

        html { scroll-behavior: smooth; }

        body {
            font-family: 'Literata', Georgia, serif;
            color: var(--parchment);
            background: var(--earth-deep);
            line-height: 1.75;
            font-optical-sizing: auto;
            -webkit-font-smoothing: antialiased;
        }

        /* ── NAV ── */
        .site-nav {
            position: fixed; top: 0; left: 0; right: 0; z-index: 100;
            background: rgba(18, 16, 12, 0.92);
            backdrop-filter: blur(8px);
            border-bottom: 1px solid var(--line);
            padding: 0.7rem 2rem;
            display: flex; align-items: center; justify-content: space-between;
            transition: transform 0.3s ease;
        }
        .site-nav.nav-hidden { transform: translateY(-100%); }
        .nav-brand {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: 1.15rem; font-weight: 600;
            color: var(--amber); text-decoration: none; letter-spacing: 0.04em;
        }
        .nav-links { display: flex; gap: 1.8rem; list-style: none; }
        .nav-links a {
            font-family: 'Literata', Georgia, serif;
            font-size: 0.82rem; color: var(--parchment-dark);
            text-decoration: none; letter-spacing: 0.04em;
            transition: color 0.2s ease;
        }
        .nav-links a:hover { color: var(--amber); }

        /* ── HERO ── */
        .hero {
            position: relative; min-height: 100vh;
            display: flex; align-items: center; justify-content: center;
            overflow: hidden;
        }
        .hero-bg {
            position: absolute; inset: 0;
            background: url('images/hero.jpg') center center / cover no-repeat;
            z-index: 0;
        }
        .hero-overlay {
            position: absolute; inset: 0;
            background: linear-gradient(to bottom,
                rgba(18,16,12,0.6) 0%, rgba(18,16,12,0.3) 40%,
                rgba(18,16,12,0.7) 85%, var(--earth-deep) 100%);
            z-index: 1;
        }
        .hero-content {
            position: relative; z-index: 2;
            text-align: center; max-width: 820px; padding: 2rem;
        }
        .hero-title {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: clamp(3rem, 8vw, 5.5rem); font-weight: 700;
            color: var(--amber); line-height: 1.0; letter-spacing: 0.02em;
            text-shadow: 0 3px 30px rgba(0,0,0,0.7);
            margin-bottom: 0.5em;
        }
        .hero-numbers {
            background: rgba(26, 22, 16, 0.75);
            backdrop-filter: blur(6px);
            border: 1px solid var(--line);
            padding: 1.5rem 2.5rem; margin-bottom: 2rem;
            display: inline-block;
        }
        .hero-numbers p {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: clamp(1rem, 2vw, 1.25rem);
            color: var(--parchment); letter-spacing: 0.02em; line-height: 1.8;
        }
        .hero-numbers strong { color: var(--amber); font-weight: 700; }
        .hero-question {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 700;
            font-style: italic; color: var(--amber-light);
            text-shadow: 0 2px 20px rgba(0,0,0,0.6);
            margin-bottom: 2rem;
        }
        .scroll-cue {
            position: absolute; bottom: 2rem; left: 50%;
            transform: translateX(-50%); z-index: 2;
            color: var(--amber-dim); opacity: 0.5; font-size: 1.5rem;
            animation: pulse 2.5s ease-in-out infinite;
        }
        @keyframes pulse {
            0%, 100% { opacity: 0.3; transform: translateX(-50%) translateY(0); }
            50% { opacity: 0.6; transform: translateX(-50%) translateY(6px); }
        }

        /* ── SECTIONS ── */
        section { padding: 5rem 2rem; }
        .container { max-width: 740px; margin: 0 auto; }
        .section-rule { width: 50px; height: 2px; background: var(--amber); border: none; margin: 0 auto 2.5rem; }

        /* ── CARD SECTIONS ── */
        .card-section h2 {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: 2rem; font-weight: 600; color: var(--amber);
            text-align: center; margin-bottom: 0.5rem;
        }
        .card-section .section-intro {
            font-size: 1rem; color: var(--dust);
            max-width: 650px; margin: 0 auto 2rem; text-align: center;
        }
        .card-grid {
            max-width: 880px; margin: 2rem auto 0;
            display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.8rem;
        }
        .card {
            background: var(--clay); border: 1px solid var(--line);
            padding: 1.8rem; text-decoration: none; color: var(--parchment);
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }
        .card:hover {
            border-color: var(--amber);
            box-shadow: 0 4px 20px rgba(196, 148, 61, 0.1);
        }
        .card h3 {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: 1.3rem; font-weight: 600; color: var(--amber);
            margin-bottom: 0.6rem;
        }
        .card p {
            font-size: 0.92rem; color: var(--parchment-dark); line-height: 1.65;
        }
        .card-grid .card:only-child,
        .card-grid .card.full-width {
            grid-column: 1 / -1; max-width: 600px; justify-self: center;
        }
        .coming-soon {
            font-size: 0.8rem; color: var(--amber-dim);
            font-style: italic; margin-top: 0.8rem;
        }

        /* ── THEORY SECTION ── */
        .theory {
            background: var(--clay);
            border-top: 2px solid var(--amber);
            border-bottom: 1px solid var(--line);
        }
        .theory-inner {
            max-width: 800px; margin: 0 auto; text-align: center;
        }
        .theory-label {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: 0.85rem; color: var(--amber-dim);
            letter-spacing: 0.15em; text-transform: uppercase;
            margin-bottom: 1.5rem;
        }
        .theory h2 {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight: 700;
            color: var(--amber); margin-bottom: 1.5rem;
        }
        .theory p {
            font-size: 1.05rem; color: var(--parchment-dark);
            max-width: 650px; margin: 0 auto 1.2rem; line-height: 1.8;
        }
        .theory .book-title {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: 1.4rem; font-weight: 600; font-style: italic;
            color: var(--amber-light); margin: 2rem 0 0.5rem;
        }
        .theory .book-subtitle {
            font-size: 1rem; color: var(--parchment-dark);
            font-style: italic; margin-bottom: 2rem;
        }
        .btn-coming {
            display: inline-block; padding: 0.85rem 2.5rem;
            font-family: 'EB Garamond', Georgia, serif;
            font-size: 1.15rem; font-weight: 600;
            letter-spacing: 0.06em;
            border: 1px solid var(--amber-dim); color: var(--amber-light);
            text-decoration: none; margin: 0.5rem;
            transition: all 0.2s ease;
            cursor: default;
        }
        .btn-buy {
            display: inline-block; padding: 0.85rem 2.5rem;
            font-family: 'EB Garamond', Georgia, serif;
            font-size: 1.15rem; font-weight: 600;
            letter-spacing: 0.06em;
            background: var(--amber); color: var(--earth-deep);
            text-decoration: none; margin: 0.5rem;
            transition: background 0.2s ease;
        }
        .btn-buy:hover { background: var(--amber-light); }
        .also-by {
            margin-top: 3rem; padding-top: 2rem;
            border-top: 1px solid var(--line);
        }
        .also-by h3 {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: 1.1rem; font-weight: 600; color: var(--amber-dim);
            margin-bottom: 1rem;
        }
        .also-by p {
            font-size: 0.95rem; margin-bottom: 0.5rem;
        }
        .also-by a {
            color: var(--amber-light); text-decoration: none;
            border-bottom: 1px solid var(--amber-dim);
            transition: border-color 0.2s;
        }
        .also-by a:hover { border-color: var(--amber-light); }

        /* ── SISTER SITES ── */
        .sister {
            background: var(--earth-deep); padding: 3rem 2rem;
            text-align: center; border-top: 1px solid var(--line);
        }
        .sister p {
            font-family: 'EB Garamond', Georgia, serif;
            font-size: 1.15rem; color: var(--parchment-dark);
            max-width: 600px; margin: 0 auto 1.5rem;
        }
        .sister a {
            font-size: 0.95rem; color: var(--amber-light);
            text-decoration: none; border-bottom: 1px solid rgba(196,148,61,0.3);
            transition: border-color 0.2s; margin: 0 0.8rem;
        }
        .sister a:hover { border-color: var(--amber-light); }

        /* ── FOOTER ── */
        footer {
            background: var(--earth-deep); text-align: center;
            padding: 2rem; font-size: 0.82rem; color: var(--dust);
            border-top: 1px solid var(--line);
        }
        footer a { color: var(--amber-dim); text-decoration: none; }

        /* ── RESPONSIVE ── */
        @media (max-width: 700px) {
            .site-nav { padding: 0.6rem 1rem; }
            .nav-links { gap: 1rem; }
            .nav-links a { font-size: 0.75rem; }
            .card-grid { grid-template-columns: 1fr; }
            .hero-numbers { padding: 1.2rem 1.5rem; }
            section { padding: 3.5rem 1.5rem; }
        }
        @media (prefers-reduced-motion: reduce) {
            .scroll-cue { animation: none; opacity: 0.4; }
            html { scroll-behavior: auto; }
        }
    

    :root{
      --ink:#050b13;--navy:#07111f;--navy2:#0a1d31;--gold:#d7ae5b;--gold2:#f2d48a;
      --cream:#f3ead5;--muted:#c8c0b2;--line:rgba(215,174,91,.35);
      --serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;
    }
    *{box-sizing:border-box}
    body{margin:0;background:linear-gradient(180deg,var(--navy),var(--ink) 46%);color:var(--cream);font-family:var(--sans);line-height:1.72}
    a{color:var(--gold2)}
    .wrap{width:min(900px,calc(100% - 40px));margin:auto}
    header{border-bottom:1px solid var(--line);background:rgba(5,11,19,.88)}
    nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand{text-decoration:none;color:var(--gold2);font-family:var(--serif);font-size:1.45rem;letter-spacing:.14em}
    .back{text-decoration:none;font-family:var(--serif);color:var(--cream)}
    .back:hover{color:var(--gold2)}
    main{padding:68px 0 80px}
    h1,h2{font-family:var(--serif);font-weight:500;color:var(--gold2)}
    h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:.95;margin:0 0 18px;letter-spacing:-.02em;text-transform:uppercase}
    h2{font-size:1.55rem;margin:44px 0 12px}
    .dates{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:36px}
    p{margin:0 0 18px}
    strong{color:#fff4d7}
    .notice{margin:32px 0;padding:20px 22px;border:1px solid var(--line);background:rgba(10,29,49,.42)}
    footer{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:.92rem}
    @media (max-width:600px){main{padding-top:46px}nav{min-height:68px}.brand{font-size:1.2rem;letter-spacing:.1em}}
  
/* Article system */
.article-header{padding:9rem 1.5rem 3.25rem;max-width:940px;margin:auto}.breadcrumb{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--dust);margin-bottom:1.25rem}.breadcrumb a{color:var(--amber);text-decoration:none}.breadcrumb span{margin:0 .55rem}.article-header h1{font-family:'EB Garamond',Georgia,serif;color:var(--amber);font-size:clamp(2.8rem,7vw,5.25rem);line-height:1.02;max-width:900px}.subtitle{font-family:'EB Garamond',Georgia,serif;color:var(--parchment-dark);font-size:clamp(1.2rem,2.5vw,1.65rem);font-style:italic;margin-top:1rem}.article{max-width:740px;margin:auto;padding:0 1.5rem 4rem}.article .rule{border:0;border-top:1px solid var(--amber-dim);width:70px;margin:0 0 3rem}.article p,.article li{font-size:1.05rem;line-height:1.9}.article p{margin:0 0 1.5rem}.article h2{font-family:'EB Garamond',Georgia,serif;color:var(--amber);font-size:2rem;line-height:1.18;margin:3.6rem 0 1.25rem}.article h3{font-family:'EB Garamond',Georgia,serif;color:var(--amber-light);font-size:1.45rem;margin:2.5rem 0 1rem}.article blockquote{border-left:3px solid var(--amber);background:var(--clay);padding:1.4rem 1.7rem;margin:2rem 0;font-family:'EB Garamond',Georgia,serif;font-size:1.35rem;color:var(--amber-light);font-style:italic}.article ul{margin:0 0 1.75rem 1.4rem}.article li{padding-left:.35rem;margin:.35rem 0}.article figure{margin:2.6rem 0;border:1px solid var(--line);background:var(--clay)}.article figure img{display:block;width:100%;max-height:620px;object-fit:contain;background:#0b0907}.article .lead-figure{margin-top:.25rem}.article figcaption{padding:.9rem 1rem;font-size:.78rem;line-height:1.55;color:var(--parchment-dark)}.credit{display:block;color:var(--dust);margin-top:.25rem}.table-wrap{overflow-x:auto;margin:2rem calc((740px - min(940px,90vw))/2);width:min(940px,90vw)}table{width:100%;border-collapse:collapse;background:var(--clay);font-size:.84rem}th,td{border:1px solid var(--line);padding:.65rem .7rem;text-align:left}th{font-family:'EB Garamond',Georgia,serif;color:var(--amber);font-size:.96rem;background:var(--clay-light)}.further{border-top:1px solid var(--line);padding:2.5rem 0 0;margin-top:4rem}.further h2{font-size:1.15rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem}.further p{font-size:.85rem;color:var(--dust)}.page-nav{max-width:940px;margin:0 auto 5rem;padding:2rem 1.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:2rem}.page-nav a{color:var(--amber-light);text-decoration:none;font-family:'EB Garamond',Georgia,serif;font-size:1.15rem}.page-nav a span{display:block;font-family:'Literata',Georgia,serif;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--dust);margin-bottom:.35rem}.page-nav .next{text-align:right}@media(max-width:700px){.article-header{padding-top:7rem}.site-nav{padding:.7rem 1rem}.nav-links{gap:.8rem}.nav-links a{font-size:.72rem}.article p,.article li{font-size:1rem}.table-wrap{margin:2rem 0;width:100%}.page-nav{gap:1rem}}
/* Museum archive homepage — 2026 redesign */
body{background:#0b0b0a;color:#d8d3c9}.site-nav{background:rgba(11,11,10,.92);border-bottom-color:rgba(180,145,83,.24)}
.hero{display:block;min-height:0;padding:7.5rem 0 0;background:radial-gradient(circle at 68% 36%,#252017 0,#11110f 30%,#090908 72%);overflow:hidden;border-bottom:1px solid rgba(180,145,83,.25)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 4px;pointer-events:none}
.museum-portico{position:absolute;inset:0 3vw auto;height:6.2rem;border-top:1px solid rgba(196,148,61,.38);border-bottom:1px solid rgba(196,148,61,.18);display:grid;grid-template-columns:repeat(5,1fr);opacity:.55}
.museum-portico i{border-left:1px solid rgba(196,148,61,.23)}.museum-portico i:last-child{border-right:1px solid rgba(196,148,61,.23)}
.hero .hero-content{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(3rem,7vw,8rem);align-items:center;text-align:left;max-width:1180px;margin:0 auto;padding:6.5rem 2rem 5.5rem}
.hero-copy{position:relative}.collection-mark{font:600 .68rem/1.4 'Literata',Georgia,serif;text-transform:uppercase;letter-spacing:.2em;color:#a58a5c;margin-bottom:2.1rem}.collection-mark span{padding:0 .7rem;color:#604f35}
.hero .hero-title{font-size:clamp(4rem,8.2vw,7.8rem);letter-spacing:-.025em;line-height:.82;color:#d0ad6b;text-shadow:none;margin:0 0 .32em;max-width:700px}
.hero .hero-numbers{display:block;background:none;backdrop-filter:none;border:0;border-left:1px solid #806235;padding:.15rem 0 .15rem 1.5rem;margin:0 0 2.25rem}
.hero .hero-numbers p{font-family:'Literata',Georgia,serif;font-size:clamp(.88rem,1.35vw,1.02rem);line-height:1.85;color:#bab2a4}.hero .hero-numbers strong{color:#ddd5c8;font-weight:600}
.hero .hero-question{font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.16;color:#e0c28a;text-shadow:none;max-width:620px;margin:0 0 2rem}
.enter-archive{display:inline-flex;gap:1rem;align-items:center;justify-content:center;color:#17120b;background:#d0a454;border:1px solid #e0b969;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600;padding:.9rem 1.35rem;min-height:48px;box-shadow:0 8px 28px rgba(196,148,61,.12);transition:background .2s,color .2s,transform .2s,box-shadow .2s}.enter-archive span{color:#17120b}.enter-archive:hover{background:#e0b969;color:#0b0b0a;transform:translateY(-2px);box-shadow:0 12px 34px rgba(196,148,61,.22)}.enter-archive:focus-visible{outline:2px solid #f0cf8b;outline-offset:4px}
.hero-artifact{margin:0;position:relative}.artifact-frame{position:relative;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid rgba(196,148,61,.28);background:linear-gradient(145deg,#171713,#090908);box-shadow:0 35px 80px rgba(0,0,0,.62)}.artifact-frame::before,.artifact-frame::after{content:"";position:absolute;width:32px;height:32px;border-color:#9c7940}.artifact-frame::before{top:10px;left:10px;border-top:1px solid;border-left:1px solid}.artifact-frame::after{right:10px;bottom:10px;border-right:1px solid;border-bottom:1px solid}.artifact-frame img{display:block;width:100%;max-height:510px;object-fit:contain;filter:sepia(.16) contrast(1.08);mix-blend-mode:screen}.hero-artifact figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;color:#887f70;font-size:.72rem;letter-spacing:.08em}.hero-artifact figcaption span{text-transform:uppercase;color:#aa8950}
.landscape-plate{height:clamp(200px,28vw,390px);background:linear-gradient(90deg,rgba(8,8,7,.78),rgba(8,8,7,.18) 50%,rgba(8,8,7,.68)),linear-gradient(to bottom,#0b0b0a00 60%,#0b0b0a),url('images/hero.png') center 46%/cover no-repeat;border-top:1px solid rgba(196,148,61,.18);filter:saturate(.68) contrast(1.1)}
.card-section{position:relative;background:#0b0b0a;padding:6.7rem 2rem}.card-section[id]:before{content:"Archive / " attr(id);display:block;text-align:center;text-transform:uppercase;letter-spacing:.21em;font-size:.65rem;color:#806943;margin-bottom:1.25rem}.card-section h2{font-size:clamp(2.25rem,5vw,3.5rem);color:#d0ad6b}.card-section .section-intro{max-width:720px;font-size:.95rem}
.card-grid{max-width:980px;display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(196,148,61,.22);counter-reset:archive}.card{counter-increment:archive;position:relative;display:grid;grid-template-columns:58px minmax(170px,.72fr) 1.3fr;align-items:baseline;gap:1.2rem;background:transparent;border:0;border-bottom:1px solid rgba(196,148,61,.18);padding:1.45rem .6rem}.card::before{content:counter(archive,decimal-leading-zero);font-size:.65rem;letter-spacing:.14em;color:#705a35}.card h3{margin:0;font-size:1.42rem;color:#c6a25e}.card p{margin:0;font-size:.85rem;color:#938c80}.card:hover{background:linear-gradient(90deg,rgba(196,148,61,.055),transparent);box-shadow:none;border-color:rgba(196,148,61,.42)}.card-grid .card:only-child,.card-grid .card.full-width{grid-column:auto;max-width:none;justify-self:stretch}
.card-section[style]{background:#10100e!important}.theory{background:linear-gradient(145deg,#21190f,#110f0b);border-top:1px solid #9d7840;padding:8rem 2rem}.theory-inner{max-width:740px}.theory-label{letter-spacing:.25em}.sister{background:#0b0b0a}
@media(max-width:800px){.hero .hero-content{grid-template-columns:1fr;padding-top:4rem}.hero-artifact{max-width:480px;width:100%;margin:0 auto}.museum-portico{height:4rem}.card{grid-template-columns:40px 1fr}.card p{grid-column:2}}
@media(max-width:520px){.hero{padding-top:5rem}.hero .hero-content{padding:3rem 1.2rem 4rem}.hero .hero-title{font-size:3.85rem}.hero-artifact figcaption{font-size:.62rem}.card-section{padding:5rem 1.2rem}.card{padding:1.25rem 0}.landscape-plate{height:210px}}

/* Stronger visual impact, kept within the museum language */
.hero{background:radial-gradient(circle at 74% 35%,#382919 0,#18140e 25%,#090908 70%)}
.hero::after{content:"";position:absolute;width:46vw;height:46vw;max-width:760px;max-height:760px;right:-7vw;top:5rem;border:1px solid rgba(207,164,89,.12);border-radius:50%;box-shadow:0 0 120px rgba(196,148,61,.06);pointer-events:none}
.hero .hero-title{color:#e0b969;text-shadow:0 0 42px rgba(196,148,61,.12)}
.artifact-frame{transform:perspective(1100px) rotateY(-3deg);border-color:rgba(214,169,91,.48);box-shadow:0 38px 100px rgba(0,0,0,.72),0 0 55px rgba(179,126,54,.1)}
.artifact-frame img{filter:sepia(.22) contrast(1.14) brightness(1.08)}
.hero-artifact{animation:artifact-arrival 1.15s cubic-bezier(.2,.75,.25,1) both}.hero-copy{animation:copy-arrival .9s ease-out both}
.landscape-plate{position:relative;height:clamp(240px,31vw,430px);filter:saturate(.82) contrast(1.12) brightness(1.08);background-position:center 43%}
.landscape-plate::after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,transparent,#b5843e 35%,#e0b969 50%,#b5843e 65%,transparent);opacity:.55}
.card:hover h3{color:#e0b969}.card:hover::before{color:#c4943d}
@keyframes artifact-arrival{from{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:none}}
@keyframes copy-arrival{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-artifact,.hero-copy{animation:none}}
@media(max-width:800px){.hero::after{width:90vw;height:90vw;right:-40vw;top:20rem}.artifact-frame{transform:none}}

/* Cinematic museum entrance */
.hero{padding-top:5.8rem;background:#080807}.hero::after{display:none}.hero .museum-portico{z-index:2;height:4.5rem;top:5.8rem;inset-inline:0;opacity:.38}
.cinematic-entrance{position:relative;width:min(1440px,100%);margin:0 auto;background:#080807;border-bottom:1px solid rgba(196,148,61,.28);overflow:hidden}
.cinematic-entrance::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px 25px #080807;pointer-events:none}
.cinematic-entrance img{display:block;width:100%;height:auto;min-height:440px;object-fit:cover;object-position:center;animation:entrance-reveal 1.2s ease-out both}
.hero-thesis{position:relative;z-index:3;max-width:920px;margin:-1px auto 0;text-align:center;padding:3.4rem 2rem 4.5rem;background:linear-gradient(180deg,#12100c 0,#0a0a09 100%);border-left:1px solid rgba(196,148,61,.16);border-right:1px solid rgba(196,148,61,.16)}
.hero-thesis .collection-mark{margin-bottom:1.35rem}.hero-thesis .hero-numbers{display:block;background:none;border:0;border-top:1px solid rgba(196,148,61,.2);border-bottom:1px solid rgba(196,148,61,.2);padding:1.2rem;margin:0 auto 2rem}
.hero-thesis .hero-numbers p{font-family:'Literata',Georgia,serif;font-size:clamp(.88rem,1.5vw,1rem);line-height:1.8;color:#aaa294}.hero-thesis .hero-numbers strong{color:#ded4c3}
.hero-thesis .hero-question{font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.12;margin:0 auto 1.8rem;color:#e0b969;text-shadow:0 0 40px rgba(196,148,61,.12)}
@keyframes entrance-reveal{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.cinematic-entrance img{min-height:330px;object-position:64% center}.cinematic-entrance::after{box-shadow:inset 0 0 45px 12px #080807}.hero-thesis{padding:2.6rem 1.2rem 3.7rem}.hero-thesis .hero-numbers p{line-height:1.65}}
@media(prefers-reduced-motion:reduce){.cinematic-entrance img{animation:none}}

/* Clear actions throughout the archive */
.card{grid-template-columns:58px minmax(170px,.72fr) 1.3fr auto}
.card::after{content:"Read →";align-self:center;justify-self:end;border:1px solid rgba(196,148,61,.45);padding:.48rem .72rem;color:#caa65f;font:600 .66rem/1 'Literata',Georgia,serif;text-transform:uppercase;letter-spacing:.1em;transition:background .2s,color .2s,border-color .2s}
.card:hover::after{background:#c4943d;border-color:#c4943d;color:#12100c}
.also-by p{display:grid;grid-template-columns:minmax(145px,.55fr) 1.45fr;gap:1rem;align-items:center;text-align:left}
.also-by a{display:inline-block;text-align:center;padding:.72rem 1rem;border:1px solid rgba(196,148,61,.5);background:rgba(196,148,61,.04);text-decoration:none}
.also-by a:hover{background:#c4943d;color:#12100c}

/* The complete poster is more important than a dramatic crop on phones */
@media(max-width:700px){
  .cinematic-entrance{padding-top:1rem}
  .cinematic-entrance img{width:100%;height:auto;min-height:0;object-fit:contain;object-position:center;filter:brightness(1.24) contrast(1.06)}
  .cinematic-entrance::after{box-shadow:inset 0 0 24px 5px #080807}
  .hero-thesis{padding-top:2rem}
  .hero-thesis .collection-mark{margin-bottom:1rem}
  .hero-thesis .hero-numbers{padding:1rem .3rem;margin-bottom:1.5rem}
  .hero-thesis .hero-question{font-size:2.15rem}
  .card{grid-template-columns:34px 1fr auto;gap:.8rem}
  .card h3{grid-column:2/4}.card p{grid-column:2/4}.card::after{grid-column:2/4;justify-self:start;margin-top:.25rem}
  .also-by p{grid-template-columns:1fr;text-align:center;gap:.65rem}
}
.article-collection-mark{font:600 .65rem/1.4 'Literata',Georgia,serif;text-transform:uppercase;letter-spacing:.2em;color:#9e8050;margin-bottom:1.2rem}.article-collection-mark span{padding:0 .65rem;color:#604f35}
.not-found{min-height:calc(100vh - 130px);max-width:780px;margin:0 auto;padding:10rem 2rem 6rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-code{font:600 .72rem/1 'Literata',Georgia,serif;letter-spacing:.4em;color:#8b6a2f;margin-bottom:1.5rem}.not-found h1{font:700 clamp(2.7rem,7vw,5rem)/1 'EB Garamond',Georgia,serif;color:#d0ad6b;margin-bottom:1.25rem}.not-found>p:not(.error-code):not(.article-collection-mark){color:#a59d90;margin-bottom:2rem}.not-found-action{display:inline-block;padding:.85rem 1.4rem;border:1px solid #a67d3d;color:#d0ad6b;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.not-found-action:hover{background:#c4943d;color:#12100c}

/* Tight, intentional handoff from the hero into the archive */
#document{padding-top:3.25rem}
@media(max-width:700px){#document{padding-top:2.5rem}}

/* Final readability and action pass */
.card-section[id]::before,.card::before{display:none}
.card-section{padding-top:5.25rem;padding-bottom:5.25rem}
.card-section .section-intro{font-size:1.08rem;line-height:1.8;color:#b5aea2}
.card{grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr) auto;gap:1.6rem;padding:1.65rem .7rem}
.card h3{font-size:1.55rem;line-height:1.22}.card p{font-size:1rem;line-height:1.72;color:#b0a99d}
.card::after{font-size:.82rem;line-height:1.1;padding:.72rem .9rem;min-width:82px;text-align:center}
.collection-mark,.article-collection-mark{font-size:.875rem;line-height:1.5;letter-spacing:.13em}
.hero-artifact figcaption,.article figcaption{font-size:.9rem;line-height:1.65}
.breadcrumb{font-size:.875rem;line-height:1.5}.further p{font-size:.95rem;line-height:1.75}
.nav-brand{font-size:1.25rem}.nav-links a{font-size:.95rem}
.enter-archive,.not-found-action{font-size:.875rem;padding:1rem 1.45rem}
.btn-coming{font-size:1.1rem;padding:.9rem 1.6rem}
.also-by h3{font-size:1.35rem;color:#c4943d}.also-by p{font-size:1rem;line-height:1.65;margin-bottom:1rem}.also-by a{font-size:1rem;padding:.82rem 1.05rem;border:1px solid #9a7338}
.sister p{font-size:1.3rem}.sister a{display:inline-block;font-size:1rem;border:1px solid #87652f;padding:.78rem 1.05rem;margin:.35rem;text-decoration:none}.sister a:hover{background:#c4943d;border-color:#c4943d;color:#12100c}
footer{font-size:.9rem;line-height:1.7}footer a{text-decoration:underline;text-underline-offset:.18em}
.page-nav a{display:block;border:1px solid rgba(196,148,61,.36);padding:1rem 1.1rem;font-size:1.2rem;transition:background .2s,border-color .2s}.page-nav a:hover{background:rgba(196,148,61,.09);border-color:#c4943d}.page-nav a span{font-size:.8rem}
@media(max-width:700px){
 .card-section{padding:4rem 1.2rem}.card-section .section-intro{font-size:1rem}
 .card{grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1rem;padding:1.5rem 0}.card h3{grid-column:1/3;font-size:1.45rem}.card p{grid-column:1/3;font-size:1rem}.card::after{grid-column:1/3;justify-self:start}
 .collection-mark,.article-collection-mark{font-size:.82rem}.breadcrumb{font-size:.82rem}
 .nav-links a{font-size:1rem;padding:.85rem 0}.page-nav{grid-template-columns:1fr;gap:.75rem}.page-nav .next{text-align:left}
 .sister a{display:block;max-width:260px;margin:.65rem auto}.article figcaption{font-size:.875rem}
}

/* Compact mobile navigation */
.nav-toggle{display:none;width:42px;height:38px;border:1px solid rgba(196,148,61,.35);background:rgba(11,11,10,.7);padding:9px;cursor:pointer}
.nav-toggle>span:not(.sr-only){display:block;height:1px;background:#c6a25e;margin:4px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){
 .site-nav{min-height:58px;flex-wrap:wrap}.nav-toggle{display:block}.nav-links{display:none;flex:0 0 calc(100% + 2rem);margin:.7rem -1rem -.7rem;padding:.7rem 1rem 1rem;background:rgba(11,11,10,.98);border-top:1px solid var(--line);gap:0;flex-direction:column}
 .site-nav.menu-open .nav-links{display:flex}.nav-links li{width:100%}.nav-links a{display:block;padding:.85rem 0;font-size:1rem}
}

/* No essential or supporting copy below a comfortable reading size */
.card::after{font-size:.95rem}.theory-label{font-size:.95rem}.coming-soon{font-size:1rem}
table{font-size:1rem}th{font-size:1.05rem}.page-nav a span{font-size:.9rem}.error-code{font-size:.9rem}
@media(max-width:700px){.collection-mark,.article-collection-mark,.breadcrumb{font-size:.9rem}}