/* ============================================================
   DJUN PARK — djunpark.com
   Identity: Durē (Brand Guideline Djun Park 2026)
   Architecture: Studio ASA (Zoning Proposal V.1)

   Treatment: editorial and restrained. Structure is carried by
   hairlines and space, not cards or shadows. The orange accent
   appears once per screen, never twice.
   ============================================================ */

:root{
  /* Brand palette — Brand Guideline p.14 */
  --burgundy:#4c0928;
  --burgundy-deep:#2c0517;
  --orange:#f16728;
  --olive:#9a8d44;
  --butter:#f9e487;
  --peri:#d3dcf7;
  --mint:#c3e1e1;

  /* Warm neutrals, biased toward the burgundy rather than neutral grey */
  --paper:#f6f1e9;
  --paper-2:#efe8dc;
  --ink:#1a1416;
  --muted:#6d5f63;
  --muted-d:rgba(246,241,233,.62);
  --rule:rgba(76,9,40,.16);
  --rule-soft:rgba(76,9,40,.09);
  --rule-d:rgba(246,241,233,.22);

  --head:"Cairo",system-ui,sans-serif;
  --body:"Archivo","Helvetica Neue",Arial,sans-serif;

  --pad:clamp(20px,5.4vw,88px);
  --maxw:1360px;
  --hdr:64px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--body);
  font-size:15.5px;
  line-height:1.62;
  letter-spacing:-.008em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
figure{margin:0}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:2px}

/* ---------- type ---------- */
h1,h2,h3,h4{font-family:var(--head);font-weight:900;line-height:.95;letter-spacing:-.045em;margin:0;text-wrap:balance}
.h-xl{font-size:clamp(2.9rem,10vw,8.2rem)}
.h-lg{font-size:clamp(2.2rem,6.4vw,5rem)}
.h-md{font-size:clamp(1.7rem,4vw,3.1rem)}
.lede{font-size:clamp(1.02rem,1.55vw,1.24rem);line-height:1.5;letter-spacing:-.014em;max-width:46ch}
p{margin:0 0 1.05em;max-width:62ch}
.dim{color:var(--muted)}
.dim-d{color:var(--muted-d)}

/* micro-label: the one recurring structural device */
.label{
  font-family:var(--body);font-weight:700;font-size:.635rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--burgundy);margin:0 0 1.5rem;
  display:flex;align-items:center;gap:.9em;
}
.label::after{content:"";flex:1;height:1px;background:var(--rule);max-width:120px}
.label.on-dark{color:var(--butter)}
.label.on-dark::after{background:var(--rule-d)}
.label.bare::after{display:none}

/* ---------- layout ---------- */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.wrap-narrow{max-width:960px;margin-inline:auto;padding-inline:var(--pad)}
section{padding-block:clamp(64px,10vw,150px)}
.band-burgundy{background:var(--burgundy);color:var(--paper)}
.band-paper2{background:var(--paper-2)}
.rule{height:1px;background:var(--rule);border:0;margin:0}

/* ---------- logo ---------- */
.logo{display:block;height:auto;color:var(--burgundy)}
.logo svg{width:100%;height:auto;display:block}

/* ---------- header ---------- */
.hdr{
  position:sticky;top:0;z-index:60;
  background:color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter:saturate(1.4) blur(16px);
  -webkit-backdrop-filter:saturate(1.4) blur(16px);
  border-bottom:1px solid var(--rule-soft);
}
.hdr-in{
  max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);
  height:var(--hdr);display:flex;align-items:center;gap:14px;
  flex-wrap:nowrap;white-space:nowrap;
}
.brand{display:flex;align-items:center;flex:0 0 auto;min-width:0;text-decoration:none}
.brand .logo{width:clamp(100px,19vw,128px)}
.nav{margin-left:auto;display:flex;align-items:center;gap:clamp(14px,2.1vw,30px);flex:0 0 auto}
.nav a{
  text-decoration:none;font-size:.775rem;font-weight:600;letter-spacing:.015em;
  color:var(--ink);opacity:.62;padding:6px 0;position:relative;transition:opacity .2s
}
.nav a:hover{opacity:1}
.nav a[aria-current="page"]{opacity:1;color:var(--burgundy)}
.nav a[aria-current="page"]::after{
  content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--burgundy)
}
.btn-menu{
  margin-left:auto;display:none;align-items:center;flex:0 0 auto;
  background:none;border:1px solid var(--rule);border-radius:0;
  padding:9px 15px;font-size:.68rem;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;cursor:pointer;color:var(--burgundy)
}
@media (max-width:900px){
  .nav{display:none}
  .btn-menu{display:inline-flex}
}

/* mobile drawer */
.drawer{
  position:fixed;inset:0;z-index:70;background:var(--burgundy);color:var(--paper);
  display:flex;flex-direction:column;padding:0 var(--pad) 34px;
  transform:translateY(-101%);transition:transform .5s cubic-bezier(.72,0,.16,1);
}
.drawer[data-open="true"]{transform:translateY(0)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;height:var(--hdr);margin-bottom:22px}
.drawer .logo{width:116px;color:var(--butter)}
.drawer-close{
  background:none;border:1px solid var(--rule-d);color:inherit;border-radius:0;
  padding:9px 15px;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;cursor:pointer
}
.drawer nav{display:flex;flex-direction:column}
.drawer nav a{
  text-decoration:none;font-family:var(--head);font-weight:900;
  font-size:clamp(1.9rem,9vw,3rem);line-height:1.1;letter-spacing:-.045em;
  border-top:1px solid var(--rule-d);padding:14px 0;
}
.drawer nav a:last-child{border-bottom:1px solid var(--rule-d)}
.drawer nav a[aria-current="page"]{color:var(--butter)}
.drawer-foot{margin-top:auto;font-size:.8rem;color:var(--muted-d);padding-top:26px;line-height:1.7}

/* ---------- links & buttons (used sparingly) ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;
  background:var(--burgundy);color:var(--paper);border:1px solid var(--burgundy);
  padding:14px 26px;font-weight:700;font-size:.735rem;letter-spacing:.16em;
  text-transform:uppercase;transition:background .22s ease,color .22s ease
}
.btn:hover{background:var(--burgundy-deep);border-color:var(--burgundy-deep)}
.btn-ghost{background:transparent;color:var(--burgundy);border-color:var(--rule)}
.btn-ghost:hover{background:var(--burgundy);color:var(--paper);border-color:var(--burgundy)}
.btn-ghost.on-dark{color:var(--paper);border-color:var(--rule-d)}
.btn-ghost.on-dark:hover{background:var(--paper);color:var(--burgundy);border-color:var(--paper)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}

/* the quiet default: a rule-underlined text link */
.tlink{
  display:inline-block;text-decoration:none;font-weight:700;font-size:.8rem;
  letter-spacing:.02em;padding-bottom:3px;border-bottom:1px solid var(--rule);
  transition:border-color .22s ease
}
.tlink:hover{border-color:var(--orange)}
.tlink.on-dark{border-color:var(--rule-d)}
.tlink.on-dark:hover{border-color:var(--butter)}

/* the single accent per screen — brand sticker, p.23 */
.sticker{
  display:inline-block;background:var(--orange);color:#2a0d02;
  font-weight:800;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;
  padding:7px 13px;transform:rotate(-2deg)
}

/* ---------- hero ---------- */
.hero{position:relative;min-height:clamp(560px,92svh,940px);display:flex;align-items:flex-end;overflow:hidden}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(44,5,23,.5) 0%,rgba(44,5,23,.06) 30%,rgba(44,5,23,.72) 78%,rgba(44,5,23,.86) 100%)
}
.hero-in{
  position:relative;width:100%;max-width:var(--maxw);margin-inline:auto;
  padding:0 var(--pad) clamp(38px,6vw,74px);color:var(--paper)
}
.hero h1{color:var(--paper);max-width:14ch}
.hero .lede{max-width:44ch;color:rgba(246,241,233,.82);margin-top:1.3rem}
.hero-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-bottom:24px;
  font-size:.665rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgba(246,241,233,.74)
}
.hero-foot{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;
  margin-top:clamp(26px,3.4vw,40px);padding-top:22px;border-top:1px solid var(--rule-d)
}
.hero-open{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(246,241,233,.74);font-weight:700}
.hero-open b{color:var(--paper);font-weight:700}

/* ---------- ticker ---------- */
.ticker{background:var(--orange);color:#2a0d02;overflow:hidden;padding:14px 0;border-block:1px solid rgba(0,0,0,.12)}
.ticker-track{display:flex;width:max-content;animation:slide 44s linear infinite}
.ticker span{
  font-family:var(--head);font-weight:900;font-size:clamp(1.05rem,2.4vw,1.7rem);
  letter-spacing:-.03em;padding-inline:.5em;white-space:nowrap
}
.ticker-track{align-items:center}
.ticker span.mark{
  display:inline-flex;align-items:center;padding-inline:1.1em;
  width:clamp(96px,9vw,132px);color:#2a0d02;opacity:.78
}
.ticker span.mark svg{width:100%;height:auto;display:block}
@keyframes slide{to{transform:translateX(-50%)}}

/* ---------- key figures ---------- */
.figs{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--rule)}
@media (min-width:820px){.figs{grid-template-columns:repeat(4,1fr)}}
.fig{padding:clamp(24px,3.4vw,42px) 0;border-bottom:1px solid var(--rule)}
.fig+.fig{border-left:1px solid var(--rule);padding-left:clamp(16px,2.4vw,32px)}
@media (min-width:820px){.fig+.fig{border-left:1px solid var(--rule)}}
.fig b{
  display:block;font-family:var(--head);font-weight:900;
  font-size:clamp(1.8rem,3.6vw,2.9rem);line-height:1;color:var(--burgundy);letter-spacing:-.045em;
  font-variant-numeric:tabular-nums
}
.fig span{display:block;margin-top:10px;font-size:.635rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* ---------- spirit list ---------- */
.spirits{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.4vw,16px)}
@media (min-width:900px){.spirits{grid-template-columns:repeat(4,1fr)}}
.spirit{border-radius:16px;overflow:hidden;display:flex;flex-direction:column;color:var(--burgundy);background:var(--white)}
.spirit-img{display:block;aspect-ratio:5/4;overflow:hidden;background:var(--paper-2)}
.spirit-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.16,.7,.2,1)}
.spirit:hover .spirit-img img{transform:scale(1.05)}
.spirit-txt{display:block;flex:1;padding:clamp(16px,2vw,22px)}
.spirit h3{font-size:clamp(1.3rem,2.6vw,1.9rem);margin-bottom:.45rem}
.spirit p{margin:0;font-size:.84rem;line-height:1.45;opacity:.78}

/* section head with a supporting paragraph on the right */
.sec-head{display:grid;gap:clamp(14px,2.4vw,40px);margin-bottom:clamp(28px,3.6vw,46px);align-items:end}
@media (min-width:900px){.sec-head{grid-template-columns:1.25fr 1fr}}
.sec-head .label{margin-bottom:1.1rem}

/* ---------- zones ---------- */
.zones{display:grid;grid-template-columns:1fr;gap:clamp(12px,1.6vw,20px)}
@media (min-width:700px){.zones{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1060px){.zones{grid-template-columns:repeat(3,1fr)}}
.zone{
  position:relative;margin:0;border-radius:16px;overflow:hidden;
  background:var(--paper-2);aspect-ratio:4/3;color:var(--paper);display:block
}
.zone img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,.7,.2,1)}
.zone:hover img{transform:scale(1.05)}
.zone::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(44,5,23,0) 34%,rgba(44,5,23,.86) 100%)
}
.zone figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(16px,2.2vw,26px)}
.zone h3{font-size:clamp(1.25rem,2.2vw,1.75rem);margin-bottom:.35rem;color:var(--paper)}
.zone p{margin:0;font-size:.83rem;color:rgba(246,241,233,.8);line-height:1.42;max-width:38ch}
.zone.wide{grid-column:1/-1;aspect-ratio:16/7}
@media (min-width:1060px){.zone.tall{grid-row:span 2;aspect-ratio:3/4}}

/* ---------- mosaic gallery ---------- */
.mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.4vw,16px)}
@media (min-width:820px){.mosaic{grid-template-columns:repeat(4,1fr)}}
.mosaic figure{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:1;background:var(--paper-2)}
.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.16,.7,.2,1)}
.mosaic figure:hover img{transform:scale(1.06)}
.mosaic figure.big{grid-column:span 2;grid-row:span 2;aspect-ratio:1}

/* ---------- split ---------- */
.split{display:grid;gap:clamp(28px,4.6vw,72px);align-items:center}
@media (min-width:900px){.split{grid-template-columns:1fr 1fr}.split.rev>*:first-child{order:2}}
.split img{width:100%;border-radius:16px}
.figure>img{border-radius:16px}
.figure figcaption,.cap{
  margin-top:14px;font-size:.645rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted)
}

/* ---------- directory: an editorial index ---------- */
.index{border-top:1px solid var(--rule)}
.entry{
  display:grid;grid-template-columns:1fr;gap:14px;align-items:center;
  padding:clamp(24px,3.2vw,40px) 0;border-bottom:1px solid var(--rule);
  text-decoration:none
}
@media (min-width:760px){
  .entry{grid-template-columns:132px 1fr auto;gap:clamp(20px,3vw,44px)}
}
.entry-logo{
  width:132px;max-width:40vw;height:92px;display:flex;align-items:center;justify-content:center;
  background:var(--white);border:1px solid var(--rule-soft);border-radius:14px;padding:14px
}
.entry-logo img{max-height:100%;max-width:100%;width:auto;object-fit:contain}
.entry-logo .wordmark{
  font-family:var(--head);font-weight:900;font-size:1.08rem;letter-spacing:-.035em;
  line-height:1.05;color:var(--burgundy)
}
.entry-main h3{font-size:clamp(1.5rem,3.2vw,2.5rem);margin-bottom:.35rem}
.entry-main .cat{font-size:.86rem;color:var(--muted);margin:0}
.entry-side{
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  font-size:.645rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)
}
@media (min-width:760px){.entry-side{align-items:flex-end;text-align:right}}
.status{
  display:inline-block;padding:5px 10px;border:1px solid var(--rule);
  color:var(--burgundy);letter-spacing:.18em
}
.status.open{background:var(--burgundy);color:var(--paper);border-color:var(--burgundy)}
a.entry:hover .entry-main h3{color:var(--burgundy)}

/* ---------- toolbar: search + sort, always one line ---------- */
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;white-space:nowrap;margin:0 0 10px}
.toolbar .search{
  flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:9px;
  border:0;border-bottom:1px solid var(--rule);padding:9px 2px
}
.toolbar .search input{
  border:0;outline:0;background:none;font:inherit;font-size:.85rem;width:100%;min-width:0;color:var(--ink)
}
.toolbar .search input::placeholder{color:var(--muted);opacity:.8}
.toolbar select{
  flex:0 0 auto;max-width:46vw;-webkit-appearance:none;appearance:none;
  background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234c0928' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 2px center/10px 7px;
  border:0;border-bottom:1px solid var(--rule);padding:9px 20px 9px 2px;
  font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--burgundy);cursor:pointer;text-overflow:ellipsis
}
.count{font-size:.645rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 26px}

/* ---------- units table ---------- */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:760px;font-size:.875rem}
th,td{text-align:left;padding:16px 20px 16px 0;border-bottom:1px solid var(--rule-soft);white-space:nowrap;vertical-align:top}
th{
  font-size:.615rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--burgundy);border-bottom:1px solid var(--rule);padding-top:0
}
td{font-variant-numeric:tabular-nums}
tbody tr:last-child td{border-bottom:1px solid var(--rule)}
tbody tr{transition:background .2s}
tbody tr:hover{background:rgba(76,9,40,.035)}
td .u-name{font-weight:700;font-size:.95rem}
.pill{
  display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  padding:4px 9px;border:1px solid var(--rule);color:var(--muted);white-space:nowrap
}
/* Taken is the loud state — it is the thing worth noticing. */
.pill.leased{background:var(--burgundy);border-color:var(--burgundy);color:var(--paper)}
.pill.open{border-color:var(--rule);color:var(--muted);background:transparent}
.pill.event{border-color:var(--olive);color:var(--olive)}

.u-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.u-note{display:block;font-size:.72rem;color:var(--muted);margin-top:5px;white-space:normal;max-width:34ch}

/* A taken row reads as taken at a glance: tinted, muted, ruled through. */
tbody tr.is-taken{background:rgba(76,9,40,.055)}
tbody tr.is-taken:hover{background:rgba(76,9,40,.075)}
tbody tr.is-taken td{color:var(--muted)}
tbody tr.is-taken .u-name{
  color:var(--muted);
  text-decoration:line-through;text-decoration-color:rgba(76,9,40,.4);text-decoration-thickness:1.5px
}
tbody tr.is-taken .bar{background:transparent}
tbody tr.is-taken .bar i{background:var(--rule)}
.bar{display:inline-block;vertical-align:middle;height:2px;background:var(--rule);width:104px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--burgundy)}

/* ---------- Q&A ---------- */
.qa{display:grid;gap:0;border-top:1px solid var(--rule)}
@media (min-width:900px){.qa{grid-template-columns:repeat(2,1fr);column-gap:clamp(30px,4vw,72px)}}
.qa>div{border-bottom:1px solid var(--rule);padding:clamp(20px,2.6vw,30px) 0}
.qa h3{font-size:clamp(1.1rem,1.9vw,1.4rem);margin-bottom:.6rem}
.qa p{margin:0;font-size:.9rem;color:var(--muted)}

/* ---------- definition rows ---------- */
.rows{display:grid;border-top:1px solid var(--rule)}
.row{display:flex;gap:18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--rule-soft);flex-wrap:wrap}
.row dt{flex:0 0 132px;font-size:.635rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--burgundy);margin:0}
.row dd{margin:0;flex:1 1 240px;min-width:0}
.row dd a{text-decoration:none;border-bottom:1px solid var(--rule)}
.row dd a:hover{border-color:var(--orange)}
.row-d{border-bottom-color:var(--rule-d)}
.row-d dt{color:var(--butter)}
.row-d dd,.row-d dd a{color:rgba(246,241,233,.82)}
.row-d dd a{border-bottom-color:var(--rule-d)}
.row-d dd a:hover{border-color:var(--butter);color:var(--butter)}

/* ---------- form ---------- */
.form{display:grid;gap:22px;max-width:600px}
.field{display:grid;gap:8px}
.field label{font-size:.635rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--burgundy)}
.field input,.field textarea,.field select{
  font:inherit;font-size:.92rem;padding:10px 0;border:0;border-bottom:1px solid var(--rule);
  border-radius:0;background:transparent;color:var(--ink);width:100%
}
.field textarea{min-height:112px;resize:vertical}
.field select{-webkit-appearance:none;appearance:none;
  background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234c0928' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 2px center/10px 7px}
.two{display:grid;gap:22px}
@media (min-width:640px){.two{grid-template-columns:1fr 1fr}}

/* ---------- notice ---------- */
.notice{
  border-top:1px solid var(--rule);padding-top:16px;margin-top:34px;
  font-size:.8rem;color:var(--muted);max-width:64ch
}
.notice a{color:var(--burgundy)}

/* ---------- footer ---------- */
.ftr{background:var(--burgundy);color:var(--paper);padding-block:clamp(56px,8vw,110px) 30px}
.ftr .logo{width:min(1100px,100%);color:var(--butter);margin-bottom:clamp(34px,6vw,64px)}
.ftr-grid{display:grid;gap:34px}
@media (min-width:820px){.ftr-grid{grid-template-columns:1.5fr 1fr 1fr}}
.ftr h4{
  font-family:var(--body);font-size:.635rem;font-weight:800;letter-spacing:.24em;
  text-transform:uppercase;color:var(--butter);margin:0 0 16px
}
.ftr a{color:rgba(246,241,233,.78);text-decoration:none;display:block;padding:4px 0;font-size:.875rem;transition:color .2s}
.ftr a:hover{color:var(--butter)}
.ftr .addr{color:rgba(246,241,233,.78);font-size:.9rem;max-width:32ch;margin:0 0 12px}
.ftr-btm{
  margin-top:clamp(38px,6vw,66px);padding-top:20px;border-top:1px solid var(--rule-d);
  display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;
  font-size:.645rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-d)
}

/* ---------- motion ---------- */
.view{animation:rise .55s cubic-bezier(.16,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.16,.7,.2,1),transform .85s cubic-bezier(.16,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .view{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
  .ticker-track{animation:none}
  .zone-media img{transition:none}
}

/* ---------- misc ---------- */
.skip{position:absolute;left:-9999px}
.skip:focus{left:14px;top:14px;z-index:99;background:var(--burgundy);color:var(--paper);padding:11px 18px}
.empty{padding:56px 0;color:var(--muted);font-size:.9rem}