@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/fraunces-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/fraunces-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/work-sans-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/work-sans-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
svg,img{max-width:100%;height:auto}
.nv-r-21x9{aspect-ratio:21/9}
.nv-r-16x9{aspect-ratio:16/9}
.nv-r-3x2{aspect-ratio:3/2}
.nv-r-4x3{aspect-ratio:4/3}
.nv-r-1x1{aspect-ratio:1/1}
.nv-r-4x5{aspect-ratio:4/5}
.nv-r-3x4{aspect-ratio:3/4}
.nv-r-2x3{aspect-ratio:2/3}
.nv-r-9x16{aspect-ratio:9/16}
.nv-cover{object-fit:cover}
.nv-skip{position:absolute;left:-10000px;top:0}
.nv-skip:focus{left:12px;top:12px;z-index:2147483647;padding:10px 16px;border-radius:6px;background:#fff;color:#111;font:600 15px/1.2 system-ui,-apple-system,sans-serif;outline:2px solid #111;outline-offset:2px}
.nv-slot{display:block;width:100%;background:color-mix(in srgb,currentColor 7%,transparent)}

:root{--ink:#1d1b19;--ink2:#2b2926;--cream:#f3ebdd;--paper:#faf5ec;--amber:#e3a640;--ochre:#7d5416;--rust:#b4472e;--text:#2b2724;--muted:#5d554d;--line:rgba(43,39,36,.14);--serif:"Fraunces",Georgia,serif;--sans:"Work Sans",system-ui,sans-serif;--r:6px;--pad:clamp(3.5rem,8vw,6.5rem)}
*{box-sizing:border-box}
html{scroll-padding-top:1rem}
body{margin:0;font-family:var(--sans);font-size:1.0625rem;line-height:1.6;color:var(--text);background:var(--cream);overflow-wrap:anywhere}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.12;margin:0;letter-spacing:-.01em;overflow-wrap:normal}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
.wrap{width:min(100% - 2.5rem,72rem);margin-inline:auto}
.band{padding-block:var(--pad)}
.dark{background:var(--ink);color:#ece7df}
.eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ochre)}
.dark .eyebrow,.phero .eyebrow{color:var(--amber)}
.h2{font-size:clamp(1.9rem,4.5vw,3rem)}
.head{display:grid;gap:1rem;margin-bottom:2.5rem}
.head p{color:var(--muted);max-width:44ch}
.dark .head p{color:#c6bfb5}
@media(min-width:860px){.head{grid-template-columns:1.3fr 1fr;align-items:end}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.6rem 1.4rem;border-radius:999px;background:var(--amber);color:var(--ink);font-weight:600;text-decoration:none;border:1px solid var(--amber);font-size:.95rem}
.btn.ghost{background:transparent;color:#f3ebdd;border-color:rgba(243,235,221,.55)}
.more{display:inline-flex;align-items:center;min-height:44px;color:var(--ochre);font-weight:600;text-decoration:underline;text-underline-offset:3px;font-size:.95rem}
.dark .more,.phero .more{color:var(--amber)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem}
.panel{background:rgba(29,27,25,.88);border:1px solid rgba(243,235,221,.14);border-radius:var(--r);padding:1.6rem;color:#ece7df}
.phero{position:relative;color:#f3ebdd;background:var(--ink);overflow:hidden;isolation:isolate}
.phero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(29,27,25,.7) 0,rgba(29,27,25,0) 160px),linear-gradient(90deg,rgba(29,27,25,.95) 0%,rgba(29,27,25,.85) 55%,rgba(29,27,25,.6) 100%)}
.phero .inner{padding-block:clamp(3.5rem,9vw,6rem);padding-top:calc(70px + clamp(2.5rem,7vw,5rem))}
.phero h1{font-size:clamp(2.6rem,8vw,4.8rem);margin:.7rem 0 1rem}
.phero .lead{font-family:var(--serif);font-size:clamp(1.1rem,2.2vw,1.35rem);max-width:36rem;line-height:1.5}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.75rem}
.chips a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem 1rem;border:1px solid rgba(243,235,221,.35);border-radius:999px;text-decoration:none;font-size:.88rem}
@media(prefers-reduced-motion:no-preference){.btn,.chips a,.card{transition:transform .6s ease-out}.btn:hover,.chips a:hover{transform:translateY(-2px)}}

.ns-1 .site{position:absolute;top:0;left:0;right:0;z-index:10;color:#f3ebdd;background:none}
.ns-1 .bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px}
.ns-1 .brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;min-height:44px}
.ns-1 .emblem{width:42px;height:42px;object-fit:contain;border-radius:50%;flex:none}
.ns-1 .bt strong{font-family:var(--serif);font-size:1.15rem;display:block;line-height:1.1}
.ns-1 .bt small{font-size:.7rem;opacity:.8;display:block;line-height:1.3}
.ns-1 .open,.ns-1 .close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#f3ebdd}
.ns-1 .menu{display:none}
.ns-1 .menu:target{display:block;position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:.5rem 1.25rem 1.5rem}
.ns-1 .bar:has(.menu:target) .open{display:none}
.ns-1 .close{margin-left:auto;display:flex}
.ns-1 nav{display:flex;flex-direction:column}
.ns-1 nav a{display:flex;align-items:center;min-height:52px;text-decoration:none;border-bottom:1px solid rgba(243,235,221,.1);font-size:1.05rem}
.ns-1 nav a[aria-current]{color:var(--amber)}
.ns-1 nav a:hover{color:var(--amber)}
@media(min-width:860px){.ns-1 .open,.ns-1 .close{display:none}.ns-1 .menu,.ns-1 .menu:target{display:block;position:static;padding:0;border:0;background:none}.ns-1 nav{flex-direction:row;gap:1.75rem}.ns-1 nav a{border:0;min-height:44px;font-size:.92rem}.ns-1 nav a[aria-current]{box-shadow:inset 0 -2px var(--amber)}}

.ns-2 .letters{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.2rem 0 1.6rem}
.ns-2 .big{display:block;font-size:clamp(3rem,13vw,8.5rem);line-height:.9;font-weight:700;color:#f6eedf}
.ns-2 .w{display:block;font-family:var(--sans);font-size:clamp(.62rem,1.6vw,.95rem);color:var(--amber);font-weight:500;margin-top:.5rem;letter-spacing:0}
.ns-2 .otto{margin-top:2.5rem;max-width:28rem;padding:2rem 1.75rem}
.ns-2 .otto h2{font-size:clamp(1.8rem,3.4vw,2.4rem);margin-top:.6rem;color:#f6eedf}
.ns-2 .role{font-size:1.15rem;color:#bdb6ac;margin-top:.35rem}
.ns-2 .otto hr{border:0;border-top:1px solid rgba(243,235,221,.15);margin:1.5rem 0}
.ns-2 .small{font-size:.85rem;color:#bdb6ac}
.ns-2 .names{font-family:var(--serif);font-size:1.15rem;margin:.6rem 0 .75rem;line-height:1.65}
@media(min-width:960px){.ns-2 .grid{display:grid;grid-template-columns:1.7fr 1fr;gap:3rem;align-items:center}.ns-2 .otto{margin-top:0}}
@media(prefers-reduced-motion:no-preference){.ns-2 .big{animation:rise .9s ease-out both}.ns-2 .l:nth-child(2) .big{animation-delay:.1s}.ns-2 .l:nth-child(3) .big{animation-delay:.2s}.ns-2 .l:nth-child(4) .big{animation-delay:.3s}@keyframes rise{from{transform:translateY(8px)}to{transform:none}}}

.ns-3 .cards{display:grid;gap:1rem}
@media(min-width:760px){.ns-3 .cards{grid-template-columns:repeat(3,1fr)}}
.ns-3 .num{font-family:var(--serif);font-size:2.6rem;color:var(--ochre);font-weight:600;line-height:1}
.ns-3 h3{font-size:1.3rem;margin:.8rem 0 .5rem}
.ns-3 .card p:not(.num){font-size:.97rem;color:var(--muted)}
.ns-3 .card .more{margin-top:.6rem}
@media(prefers-reduced-motion:no-preference){.ns-3 .card:hover{transform:translateY(-3px)}}

.ns-4 .strip{padding-block:clamp(3rem,7vw,5.5rem)}
.ns-4 .row{display:grid;gap:1.5rem}
@media(min-width:860px){.ns-4 .row{grid-template-columns:1.7fr 1fr;align-items:center;gap:4rem}}
.ns-4 .m{font-size:clamp(2.2rem,5.5vw,3.8rem);color:#f3ebdd;line-height:1.08}
.ns-4 .m span{display:block}
.ns-4 .m .b{color:var(--amber)}
.ns-4 .note{color:#bdb6ac;font-size:.95rem;max-width:36ch}
.ns-4 .ochre{background:var(--ochre);color:#f8f0e2}
.ns-4 .ochre .note{color:#f8f0e2}
.ns-4 blockquote{margin:0}
.ns-4 .q{font-family:var(--serif);font-size:clamp(2rem,5.2vw,3.6rem);line-height:1.1}
.ns-4 .cite{margin-top:1.1rem;font-size:.9rem;color:#f3e7d3}
.ns-4 .link{display:inline-flex;align-items:center;min-height:44px;margin-top:.9rem;color:#fff;font-weight:600;font-size:.95rem;text-decoration:underline;text-underline-offset:3px}
.ns-4 .link:hover{text-decoration-thickness:2px}

.ns-5 .tl{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}
@media(min-width:560px){.ns-5 .tl{grid-template-columns:repeat(2,1fr);gap:2.5rem 1.75rem}}
@media(min-width:1000px){.ns-5 .tl{grid-template-columns:repeat(4,1fr);gap:3rem 2rem}}
.ns-5 .tl li{border-top:2px solid var(--text);padding-top:1.5rem}
.ns-5 .y{display:block;font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:600;color:var(--ochre);line-height:1.1}
.ns-5 .tl p{color:var(--text);font-size:.95rem;line-height:1.6;margin-top:.9rem;max-width:34ch}

.ns-6 .news{background:var(--paper)}
.ns-6 .cols{display:grid;gap:2.5rem}
@media(min-width:900px){.ns-6 .cols{grid-template-columns:1.7fr 1fr;align-items:start;gap:3rem}}
.ns-6 .list{margin-top:2rem;border-top:1px solid var(--line)}
.ns-6 .list li{display:grid;gap:.35rem;padding:1.35rem 0;border-bottom:1px solid var(--line)}
@media(min-width:600px){.ns-6 .list li{grid-template-columns:8.5rem 1fr;align-items:baseline;gap:1.5rem}}
.ns-6 .date{font-size:.82rem;color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.ns-6 .list h3{font-size:clamp(1.15rem,2.2vw,1.4rem);line-height:1.25}
.ns-6 .jl{background:var(--ink)}
.ns-6 .jl h3{font-size:1.4rem;margin:.6rem 0 .75rem}
.ns-6 .jl p:last-child{font-size:.95rem;color:#d3c7b5}
@media(prefers-reduced-motion:no-preference){.ns-6 .list h3{transition:color .6s ease-out}.ns-6 .list li:hover h3{color:var(--ochre)}}

.ns-7 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
@media(min-width:640px){.ns-7 .grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:960px){.ns-7 .grid{grid-template-columns:repeat(6,1fr);gap:1rem}}
.ns-7 .coaster{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.ns-7 .links{margin-top:1.5rem;font-size:.95rem;color:var(--muted)}
@media(prefers-reduced-motion:no-preference){.ns-7 .coaster{transition:transform .6s ease-out}.ns-7 .grid li:hover .coaster{transform:translateY(-3px) rotate(-2deg)}}

.ns-8 .foot{padding-top:4rem}
.ns-8 .grid{display:grid;gap:2.5rem}
@media(min-width:760px){.ns-8 .grid{grid-template-columns:1.4fr 1fr 1fr}}
.ns-8 .id{display:flex;gap:1rem;align-items:center}
.ns-8 .emblem{width:76px;height:76px;object-fit:contain;flex:none}
.ns-8 .name{font-family:var(--serif);font-size:1.5rem;font-weight:600}
.ns-8 .sub{font-size:.88rem;color:#cbbfae}
.ns-8 address{font-style:normal}
.ns-8 address a{display:inline-flex;align-items:center;min-height:44px;color:var(--amber);text-underline-offset:3px}
.ns-8 address a:hover{color:#f3ebdd}
.ns-8 .eyebrow{margin-bottom:.6rem}
.ns-8 nav{display:flex;flex-direction:column}
.ns-8 nav a{display:flex;align-items:center;min-height:40px;color:var(--amber);text-underline-offset:3px}
.ns-8 nav a[aria-current]{text-decoration:none;color:#f3ebdd}
.ns-8 .bottom{margin-top:3rem;padding-block:1.5rem;border-top:1px solid rgba(243,235,221,.12);font-size:.8rem;color:#a99c8a}

.ns-9 .chips a:hover{border-color:var(--amber);color:var(--amber)}

.ns-10 .hon{display:grid;gap:1.5rem;margin-bottom:var(--pad)}
@media(min-width:700px){.ns-10 .hon{grid-template-columns:10rem 1fr;align-items:center}}
.ns-10 .portrait{display:block;width:100%;max-width:10rem;aspect-ratio:3/4;object-fit:cover;border-radius:4px}
.ns-10 .hon h2{font-size:clamp(1.6rem,4vw,2.3rem);margin:.5rem 0 .3rem}
.ns-10 .txt{color:var(--muted);max-width:60ch;margin-top:1rem}
.ns-10 .latin{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:.9rem;line-height:1.35;margin-top:.3rem}
.ns-10 .latin.big{font-size:1.05rem}
.ns-10 .council{display:grid;gap:1rem}
@media(min-width:600px){.ns-10 .council{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.ns-10 .council{grid-template-columns:repeat(4,1fr)}}
.ns-10 .council .card{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem}
.ns-10 .ini{flex:none;width:3.25rem;height:3.25rem;display:grid;place-items:center;background:#e6dccb;color:var(--muted);font-family:var(--serif);font-size:1.1rem;border-radius:3px}
.ns-10 .council .eyebrow{font-size:.68rem}
.ns-10 .council h3{font-size:1.2rem;margin-top:.3rem}
@media(prefers-reduced-motion:no-preference){.ns-10 .council .card:hover{transform:translateY(-2px)}}

.ns-11 .chap{display:grid;gap:.75rem;padding-block:2.5rem;border-bottom:1px solid rgba(243,235,221,.12)}
@media(min-width:760px){.ns-11 .chap{grid-template-columns:12rem 1fr;align-items:baseline}}
.ns-11 .chap h2{font-size:1.5rem}
.ns-11 .chap p{color:#c6bfb5;max-width:70ch}
.ns-11 .chap strong{color:#f3ebdd;font-weight:500}
.ns-11 .lhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem}
.ns-11 .sub{font-family:var(--serif);font-style:italic;color:#b9b0a4;margin-top:.5rem}
.ns-11 .count{color:#b9b0a4;font-size:.95rem}
.ns-11 .names{columns:1;column-gap:2rem}
@media(min-width:600px){.ns-11 .names{columns:2}}
@media(min-width:960px){.ns-11 .names{columns:4}}
.ns-11 .names li{break-inside:avoid;padding:.5rem 0;border-bottom:1px solid rgba(243,235,221,.1);font-size:.95rem;color:#ece7df}
.ns-11 .names span{display:block}
.ns-11 .names em{display:block;font-family:var(--serif);font-size:.8rem;line-height:1.35;color:var(--amber);margin-top:.1rem}
.ns-11 .ochre{background:var(--ochre);color:#f8f0e2}
.ns-11 .ochre .eyebrow{color:#f6d79a}
.ns-11 .row{display:grid;gap:2.5rem}
@media(min-width:900px){.ns-11 .row{grid-template-columns:1fr 2fr;align-items:start}}
.ns-11 .intro .h2{margin:.6rem 0 1.25rem}
.ns-11 .intro p{max-width:46ch}
.ns-11 .intro .soft{margin-top:1rem;color:#f6d79a}
.ns-11 .vk{display:grid;gap:0 2rem}
@media(min-width:520px){.ns-11 .vk{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.ns-11 .vk{grid-template-columns:repeat(3,1fr)}}
.ns-11 .vk li{display:flex;gap:.9rem;padding:.65rem 0;border-bottom:1px solid rgba(248,240,226,.25);font-size:.95rem}
.ns-11 .yr{color:#f6d79a;font-variant-numeric:tabular-nums;flex:none}

.ns-12 .grid{display:grid;gap:2rem}
@media(min-width:900px){.ns-12 .grid{grid-template-columns:1.7fr 1fr;align-items:end}}
.ns-12 .panel h2{font-size:clamp(1.5rem,3vw,1.9rem);margin-top:.5rem}
.ns-12 .role{margin-top:.3rem;font-size:.95rem;color:#c6bfb5}

.ns-13 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ns-13 .feat{display:grid;grid-template-columns:1fr;border:1px solid rgba(243,235,221,.12);border-radius:var(--r);overflow:hidden}
@media(min-width:600px){.ns-13 .feat{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.ns-13 .feat{grid-template-columns:repeat(4,1fr)}}
.ns-13 .feat li{padding:1.5rem;background:var(--ink2);border:1px solid rgba(243,235,221,.08)}
.ns-13 .y{font-family:var(--serif);font-size:2rem;color:var(--amber);font-weight:600;line-height:1}
.ns-13 .feat h3{font-size:1.2rem;margin:.7rem 0 .2rem}
.ns-13 .t{font-size:.85rem;color:#bfb2a0}
.ns-13 .story{display:grid;gap:1rem;margin:var(--pad) 0;padding-block:2rem;border-block:1px solid rgba(243,235,221,.12)}
@media(min-width:860px){.ns-13 .story{grid-template-columns:1fr 1.3fr;gap:3rem}}
.ns-13 .sq{font-family:var(--serif);font-size:1.6rem;line-height:1.3}
.ns-13 .story p:last-child{color:#d3c7b5}
.ns-13 .alltitle{font-size:clamp(1.6rem,3.5vw,2.2rem)}
.ns-13 .all{margin-top:1.75rem;columns:1;column-gap:2.5rem}
@media(min-width:700px){.ns-13 .all{columns:2}}
@media(min-width:1000px){.ns-13 .all{columns:3}}
.ns-13 .all li{break-inside:avoid;display:grid;grid-template-columns:2.75rem 1fr;gap:.5rem;padding:.55rem 0;border-bottom:1px solid rgba(243,235,221,.1);font-size:.9rem;line-height:1.45}
.ns-13 .yr{color:var(--amber);font-variant-numeric:tabular-nums}
.ns-13 .all strong{color:#f3ebdd;font-weight:600}
.ns-13 .r{color:#a99c8a}
.ns-13 .r::before{content:", "}
@media(prefers-reduced-motion:no-preference){.ns-13 .feat li{transition:background-color .6s ease-out}.ns-13 .feat li:hover{background:#34312d}}

.ns-14 h3.eyebrow{font-family:var(--sans);margin-bottom:1rem}
.ns-14 .amb{display:grid;grid-template-columns:1fr;gap:.75rem}
@media(min-width:560px){.ns-14 .amb{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.ns-14 .amb{grid-template-columns:repeat(4,1fr)}}
.ns-14 .amb li{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.25rem}
.ns-14 .pl{font-size:.75rem;color:var(--muted)}
.ns-14 .amb h4{font-size:1.15rem;margin:.35rem 0 .25rem}
.ns-14 .ti{font-family:var(--serif);font-style:italic;font-size:.85rem;color:var(--ochre);line-height:1.4}
.ns-14 .groups{display:grid;gap:2.5rem;margin-top:3rem}
@media(min-width:860px){.ns-14 .groups{grid-template-columns:repeat(3,1fr);gap:2.5rem}}
.ns-14 .list li{padding:.65rem 0;border-bottom:1px solid var(--line);line-height:1.4}
.ns-14 .list strong{display:block;font-size:.95rem}
.ns-14 .list em{display:block;font-family:var(--serif);font-size:.85rem;color:var(--ochre)}
.ns-14 .list span{display:block;font-size:.85rem;color:var(--muted)}
@media(prefers-reduced-motion:no-preference){.ns-14 .amb li{transition:transform .6s ease-out}.ns-14 .amb li:hover{transform:translateY(-2px)}}

.ns-15 .inner{display:grid;gap:2rem;align-items:center}
@media(min-width:860px){.ns-15 .inner{grid-template-columns:1.6fr 1fr}}
.ns-15 .por{margin:0;justify-self:start}
@media(min-width:860px){.ns-15 .por{justify-self:end}}
.ns-15 .pimg{display:block;width:min(15rem,60vw);aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid var(--amber);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.ns-15 .facts{position:relative;background:rgba(29,27,25,.94);border-top:1px solid rgba(243,235,221,.14)}
.ns-15 .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem;margin-block:0;padding-block:1.5rem}
@media(min-width:860px){.ns-15 .fgrid{grid-template-columns:repeat(4,1fr)}}
.ns-15 dt{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--amber)}
.ns-15 dd{margin:.3rem 0 0;font-family:var(--serif);font-size:1.1rem;line-height:1.3}

.ns-16 .tl{display:grid;gap:2.25rem}
@media(min-width:700px){.ns-16 .tl{grid-template-columns:1fr 1fr}}
@media(min-width:1050px){.ns-16 .tl{grid-template-columns:repeat(4,1fr);gap:2rem}}
.ns-16 .tl li{display:grid;gap:.55rem;align-content:start;border-top:2px solid var(--amber);padding-top:1.1rem}
.ns-16 .yr{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ochre)}
.ns-16 h3{font-size:1.45rem}
.ns-16 .tl p{color:var(--muted);font-size:1rem}

.ns-17 .works{background:var(--paper)}
.ns-17 .works .card{background:var(--cream)}
.ns-17 .cards{display:grid;gap:1rem}
@media(min-width:640px){.ns-17 .cards{grid-template-columns:1fr 1fr}}
@media(min-width:1050px){.ns-17 .cards{grid-template-columns:repeat(4,1fr)}}
.ns-17 .card{display:grid;gap:.6rem;align-content:start}
.ns-17 .yr{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ochre)}
.ns-17 h3{font-size:1.4rem}
.ns-17 .card p{color:var(--muted);font-size:1rem}
.ns-17 .works .k{background:var(--ink);color:#ece7df;border-color:var(--ink)}
.ns-17 .k .yr,.ns-17 .k .more{color:var(--amber)}
.ns-17 .k p{color:#c6bfb5}
@media(prefers-reduced-motion:no-preference){.ns-17 .card:hover{transform:translateY(-3px)}}

.ns-18 .grid{display:grid;gap:2.5rem}
@media(min-width:860px){.ns-18 .grid{grid-template-columns:1fr 1.6fr;gap:4rem;align-items:center}}
.ns-18 figure{margin:0}
.ns-18 .cover{display:block;width:100%;max-width:20rem;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.ns-18 figcaption{margin-top:.75rem;font-size:.85rem;color:#a99c8a}
.ns-18 .text{display:grid;gap:1rem;max-width:62ch;justify-items:start}
.ns-18 .text p{color:#d8d1c6}
.ns-18 .q{margin:1rem 0 0;padding-left:1.25rem;border-left:3px solid var(--amber)}
.ns-18 .q p:first-child{font-family:var(--serif);font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.2;color:var(--amber)}
.ns-18 .q .cite{margin-top:.5rem;font-size:.88rem;color:#a99c8a}
.ns-18 .screen{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid rgba(243,235,221,.16);display:grid;gap:1.25rem}
.ns-18 .screen h3{font-family:var(--sans)}
.ns-18 .films{display:grid;gap:1.25rem}
@media(min-width:640px){.ns-18 .films{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.ns-18 .films{grid-template-columns:repeat(4,1fr)}}
.ns-18 .films li{display:grid;gap:.2rem;border-left:2px solid var(--amber);padding-left:1rem}
.ns-18 .fy{font-size:.8rem;letter-spacing:.12em;font-weight:600;color:var(--amber)}
.ns-18 .ft{font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.25}
.ns-18 .fd{font-size:.9rem;color:#c6bfb5}

.ns-19 .cols{columns:1;column-gap:2.5rem;column-rule:1px solid var(--line);font-size:1rem}
@media(min-width:640px){.ns-19 .cols{columns:2}}
@media(min-width:960px){.ns-19 .cols{columns:3}}
.ns-19 .cols li{display:grid;grid-template-columns:3.2rem 1fr;gap:.75rem;padding-block:.4rem;border-bottom:1px solid var(--line);break-inside:avoid}
.ns-19 .y{font-weight:600;color:var(--ochre);font-variant-numeric:tabular-nums}
.ns-19 .k{font-family:var(--serif);font-weight:600;color:var(--ink)}

.ns-20 .seura{background:var(--paper)}
.ns-20 .grid{display:grid;gap:2.5rem}
@media(min-width:860px){.ns-20 .grid{grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}}
.ns-20 figure{margin:0}
.ns-20 .pic{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);background:var(--cream);border:1px solid var(--line)}
.ns-20 figcaption{margin-top:.6rem;font-size:.85rem;color:var(--muted)}
.ns-20 .text{display:grid;gap:1rem;max-width:56ch}
.ns-20 .link a{display:inline-flex;align-items:center;min-height:44px;color:var(--ochre);font-weight:600;text-underline-offset:3px}

.ns-21 h1{max-width:16ch}

.ns-22 .cta{background:var(--ochre);color:#f8f0e2}
.ns-22 .row{display:grid;gap:2rem}
@media(min-width:860px){.ns-22 .row{grid-template-columns:1.6fr 1fr;align-items:center;gap:3rem}}
.ns-22 .txt{margin-top:1rem;max-width:52ch;color:#f3e7d3}
.ns-22 .panel{background:var(--ink)}
.ns-22 .panel h3{font-size:1.5rem;margin:.5rem 0 .75rem}
.ns-22 .mail{color:#e8dfd0}