@font-face { font-family: 'Cormorant Garamond'; src: url(fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cormorant Garamond'; src: url(fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cormorant Garamond'; src: url(fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url(fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url(fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Nastaliq Urdu'; src: url(fonts/noto-nastaliq-urdu-arabic-500-normal.woff2) format('woff2'); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF; }

:root { color-scheme: dark; --bg: #0a0d24; --surface: #131a3d; --text: #efe8d6; --gold: #d4a64a; --blue: #7b8cde; --muted: #b9bed2; --rule: rgb(212 166 74 / .28); --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'IBM Plex Sans', system-ui, sans-serif; --gutter: clamp(1.25rem, 5vw, 5rem); }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 9rem; }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 1rem/1.85 var(--sans); overflow-wrap: break-word; }
body::after { content: ''; position: fixed; inset: 0; z-index: 80; pointer-events: none; opacity: .055; background-image: repeating-radial-gradient(circle at 17% 31%, transparent 0 1px, #efe8d6 1px 2px, transparent 2px 5px); background-size: 7px 9px; }
.page, main, section, article, div, figure, nav { min-width: 0; }
.page-home, .page-sub { background-color: var(--bg); }
::selection { background: var(--gold); color: var(--bg); }
a { color: inherit; text-underline-offset: .3em; text-decoration-thickness: 1px; transition: color .25s, background-color .25s; }
a:hover { color: var(--gold); }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 6px; }
img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
svg { display: block; max-width: 100%; height: auto; }
figure, p, ul, ol, blockquote { margin: 0 0 1.5rem; }
ul, ol { padding-inline-start: 1.4rem; }
li + li { margin-top: .5rem; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 1.5rem; font-family: var(--serif); font-weight: 500; line-height: 1.05; letter-spacing: -.035em; text-wrap: balance; }
h1 { font-size: clamp(3rem, 6.5vw, 7rem); }
h2 { font-size: clamp(2.5rem, 4.8vw, 5.5rem); }
h3 { font-size: clamp(1.8rem, 3vw, 3rem); }
strong, b { font-weight: 600; }
em, i { font-style: italic; }
[lang='ur'] { font-family: 'Noto Nastaliq Urdu', Georgia, serif; font-weight: 500; line-height: 2; letter-spacing: normal; }
figcaption { margin-top: 1.5rem; font-size: .78rem; color: var(--muted); }
blockquote { border-inline-start: 1px solid var(--gold); padding-inline-start: 1.5rem; font: italic 500 1.8rem/1.45 var(--serif); }
hr { border: 0; border-top: 1px solid var(--rule); margin-block: 3rem; }
.wrap { width: min(calc(100% - 2 * var(--gutter)), 1440px); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: 1rem; left: 1rem; padding: .7rem 1.2rem; background: var(--text); color: var(--bg); transform: translateY(-200%); }
.skip-link:focus { transform: none; }
.site-header { position: fixed; inset: 0 0 auto; z-index: 50; border-bottom: 1px solid rgb(239 232 214 / .14); transition: transform .35s, background-color .35s, backdrop-filter .35s; }
.header-inner { min-height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-block: .8rem; }
.brand { display: inline-flex; align-items: center; gap: .8rem; text-decoration: none; flex-shrink: 0; }
.brand-name { font: 500 2.7rem/1 var(--serif); letter-spacing: -.055em; }
.brand-mark { width: 11px; height: 30px; background: var(--gold); border-radius: 90% 0 80% 15%; transform: rotate(30deg); }
.brand-ur { font-size: 1.1rem; color: var(--gold); border-inline-start: 1px solid var(--rule); padding-inline-start: .9rem; }
.site-nav ul, .footer-nav ul { display: flex; flex-wrap: wrap; list-style: none; gap: .5rem 1.8rem; margin: 0; padding: 0; }
.site-nav li, .footer-nav li { margin: 0; }
.site-nav a { display: block; font-size: .75rem; padding-block: .65rem; text-decoration: none; }
.site-nav a:hover { text-decoration: underline; }
.site-header.is-scrolled, .site-header:focus-within { background: rgb(10 13 36 / .91); backdrop-filter: blur(20px); }
.site-header.is-hidden:not(:focus-within) { transform: translateY(-101%); }
.scroll-progress { position: fixed; z-index: 60; inset: 0 0 auto; height: 2px; background: var(--gold); transform: scaleX(0); transform-origin: left; pointer-events: none; }

/* Liquid ink, a quiet left margin, then the first line of verse. */
.hero { position: relative; isolation: isolate; min-height: 100vh; min-height: 100svh; display: grid; align-items: center; background: var(--bg); }
.hero::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgb(10 13 36 / .94), rgb(10 13 36 / .55) 48%, transparent 82%), linear-gradient(0deg, var(--bg), transparent 30%); }
.hero-inner { padding-block: 10rem 6rem; }
.hero-text { max-width: 900px; }
.eyebrow { color: var(--gold); font-size: .65rem; font-weight: 600; text-transform: uppercase; letter-spacing: .22em; margin-bottom: 2rem; }
.hero .eyebrow { display: flex; align-items: center; gap: 1rem; }
.hero .eyebrow::before { content: ''; width: 2.5rem; height: 1px; flex-shrink: 0; background: var(--gold); }
.hero-title { max-width: 10ch; font-size: clamp(4.5rem, 9.6vw, 10rem); line-height: .89; letter-spacing: -.055em; margin-bottom: 2.25rem; }
.hero-title .word:last-child { color: var(--gold); font-style: italic; }
.hero-ur { position: absolute; right: 8%; top: 29%; font-size: clamp(3rem, 5.5vw, 6rem); color: var(--gold); margin: 0; transform: rotate(-8deg); text-shadow: 0 2px 35px var(--bg); }
.lead { max-width: 55ch; font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.75; }
.hero .lead { max-width: 36ch; color: var(--muted); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.btn { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: .8rem 1.5rem; border: 1px solid var(--gold); font-size: .75rem; text-decoration: none; }
.btn-primary { background: var(--gold); color: var(--bg); }
.btn-primary::after { content: '↗'; margin-left: 2rem; font-size: 1.2rem; }
.btn-primary:hover { background: var(--text); border-color: var(--text); color: var(--bg); }
.btn-ghost { border-color: transparent; border-bottom-color: var(--rule); }
.hero-media { position: absolute; inset: 0; z-index: -3; margin: 0; overflow: hidden; opacity: 1; }
.hero-media img { height: 100%; object-position: 65% center; }
.ink-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; pointer-events: none; display: none; }
.js .webgl-ready .hero-media { opacity: 0; }
html:not(.js) .hero-media, .no-webgl .hero-media { opacity: 1; }
.no-webgl .ink-canvas { display: none !important; }
.scroll-hint { position: absolute; bottom: 2rem; right: var(--gutter); display: flex; align-items: center; gap: 1rem; margin: 0; font-size: .6rem; text-transform: uppercase; letter-spacing: .2em; }
.scroll-hint::before { content: ''; width: 5rem; height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }
.section { padding-block: clamp(5rem, 10vw, 11rem); }
.section-title { max-width: 18ch; }
.prose-wide { max-width: 1000px; }
.section-lead { border-top: 1px solid var(--rule); position: relative; }
.section-lead::before { content: ''; display: block; width: 1px; height: 3rem; margin: -2rem auto 3rem; background: var(--gold); }
.lead-big { margin: 0; font: 500 clamp(1.65rem, 2.6vw, 2.8rem)/1.5 var(--serif); }
.lead-big::first-letter { float: left; color: var(--gold); font-size: 3.2em; line-height: .8; margin: .1em .12em 0 0; }
.story { position: relative; }
.story-stage { padding-block: clamp(5rem, 8vw, 9rem); }
.story-ink { border-block: 1px solid var(--rule); background: radial-gradient(ellipse at 85% 80%, #1c254f, var(--surface) 60%); }
.story-inner { display: grid; grid-template-columns: 1fr 1.8fr; gap: 3rem 5rem; align-items: start; }
.story-inner > .eyebrow { padding-top: 2.5rem; }
.story-steps { list-style: none; padding: 0; margin: 0; }
.story-step { display: grid; grid-template-columns: 2rem 1fr; gap: 1rem; padding-block: 2rem; margin: 0; border-top: 1px solid var(--rule); }
.step-num { font-size: .7rem; color: var(--gold); padding-top: .5rem; }
.story-step p { font: 500 clamp(2rem, 3.8vw, 4rem)/1.15 var(--serif); margin: 0; }
.story-lines { grid-column: 1 / -1; width: 75%; justify-self: end; margin-top: 1rem; }
.ink-line { fill: none; stroke: var(--gold); stroke-width: 1.2; stroke-linecap: round; }
.ink-line:nth-child(2n) { stroke: var(--blue); stroke-width: .8; }
.section-cover { border-bottom: 1px solid var(--rule); }
.split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.split-text p { color: var(--muted); max-width: 55ch; }
.split-media { margin: 0 calc(-1 * var(--gutter)) 0 0; overflow: hidden; position: relative; }
.split-media::after { content: ''; position: absolute; inset: 1.2rem; border: 1px solid rgb(212 166 74 / .45); pointer-events: none; }
.split-media img { aspect-ratio: 4 / 5; }
.story-forms { background: var(--surface); }
.forms-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(3rem, 9vw, 9rem); }
.form-panel { position: relative; border-top: 1px solid var(--gold); padding-top: 2.5rem; }
.form-title { font-size: clamp(3.5rem, 7vw, 7rem); font-style: italic; }
.form-ur { float: right; font-size: clamp(2rem, 3vw, 3rem); color: var(--gold); margin: 0 0 1rem 1rem; }
.form-panel > p:not(.form-ur) { max-width: 32ch; color: var(--muted); min-height: 4em; }
.form-ghazal { --verse-color: var(--gold); }
.form-nazm { --verse-color: var(--blue); border-color: var(--blue); }
.form-nazm .form-ur { color: #a5b2f3; }
.verse-stack { list-style: none; padding: 0; margin: 3rem 0 0; width: 85%; }
.verse-stack li { height: 10px; border-block: 1px solid var(--verse-color); margin-block: 22px; border-radius: 50% 0 30% 0; transform: rotate(-2deg); }
.verse-stack li:nth-child(even) { width: 76%; margin-left: 24%; }
.verse-flow { height: 170px; width: 85%; margin: 3rem 0 0; border-inline-end: 1px solid var(--verse-color); }
.verse-flow span { display: block; height: 100%; background: repeating-linear-gradient(0deg, transparent 0 22px, var(--verse-color) 22px 23px, transparent 23px 32px); border-radius: 45% 0 0 10%; }
.story-timeline { border-bottom: 1px solid var(--rule); }
.timeline-track { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(calc(100% - 2 * var(--gutter)), 1440px); margin: 4rem auto 0; gap: 3rem; list-style: none; padding: 0; }
.timeline-item { position: relative; border-top: 1px solid var(--rule); padding: 2rem 1rem 0 0; margin: 0; }
.timeline-item::before { content: ''; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); }
.timeline-year { display: block; color: var(--gold); font: italic 500 clamp(2.5rem, 4.6vw, 5rem)/1.1 var(--serif); margin-bottom: 1.5rem; }
.timeline-title { font-size: clamp(1.7rem, 2.2vw, 2.3rem); }
.timeline-text { color: var(--muted); font-size: .9rem; max-width: 30ch; }
.timeline-link, .card-link { color: var(--gold); font-size: .75rem; display: inline-block; padding-block: .5rem; }
.timeline-link::after, .card-link::after { content: '↗'; display: inline-block; margin-left: 1.5rem; }
.section-feature { background: linear-gradient(rgb(10 13 36 / .88), rgb(10 13 36 / .94)), url(img/ink-texture.jpg) center / cover; }
.section-feature .section-title { max-width: 20ch; font-style: italic; font-size: clamp(3rem, 5.5vw, 6rem); }
.section-feature p { max-width: 60ch; margin-left: auto; color: var(--muted); }
.story-journey { border-block: 1px solid var(--rule); background: var(--surface); }
.journey-inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 5rem; }
.journey-text p { color: var(--muted); }
.journey-map { margin: 0; padding-block: 3rem; border-block: 1px solid var(--rule); }
.journey-map svg { width: 100%; overflow: visible; }
.journey-map figcaption { max-width: 40ch; }
.route { fill: none; stroke: var(--gold); stroke-width: 1.5; }
.stop { fill: var(--gold); stroke: var(--surface); stroke-width: 3; }
.stop-a, .stop-b { opacity: 1; }
.stop-label { fill: var(--text); font: 500 23px var(--serif); }
.section-cards { background: var(--bg); }
.section-intro { max-width: 65ch; color: var(--muted); margin: 2rem 0 4rem auto; }
.card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 5rem 4rem; counter-reset: articles; }
.card { position: relative; counter-increment: articles; border-bottom: 1px solid var(--rule); padding-bottom: 2rem; background: radial-gradient(240px circle at var(--mx, -500px) var(--my, -500px), rgb(212 166 74 / .055), transparent); }
.card:nth-child(even) { margin-top: 6rem; }
.card-media { display: block; overflow: hidden; margin-bottom: 2rem; }
.card-media img { aspect-ratio: 3 / 2; transition: transform .8s cubic-bezier(.2,.65,.3,1), filter .8s; filter: saturate(.72); }
.card-title { font-size: clamp(2.5rem, 4vw, 4.5rem); padding-right: 2rem; }
.card::after { content: '0' counter(articles); position: absolute; right: 0; bottom: 2.5rem; font-size: .7rem; color: var(--muted); }
.card-text { max-width: 45ch; color: var(--muted); font-size: .95rem; }
.card-link { margin-top: .5rem; }
.closing-line { max-width: 35ch; margin: 7rem auto 0; text-align: center; font: italic 500 clamp(1.8rem, 3vw, 3rem)/1.4 var(--serif); }
.closing-line::after { content: ''; display: block; width: 7px; height: 18px; background: var(--gold); border-radius: 90% 0 80% 0; transform: rotate(25deg); margin: 3rem auto 0; }
.partners-slot { min-height: 6rem; }
.section-partners { background: var(--surface); border-top: 1px solid var(--rule); padding-inline: var(--gutter); }
.section-partners > .wrap { width: 100%; }
.section-partners .section-title, .partner-list { max-width: 1440px; margin-inline: auto; }
.partner-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 2.5rem; list-style: none; padding: 0; margin-block: 3rem 0; }
.partner { min-width: 0; margin: 0; padding-block: 1.5rem; border-top: 1px solid var(--rule); overflow-wrap: anywhere; }
.partner-link { color: var(--gold); font-size: .9rem; overflow-wrap: anywhere; }
.partner-phrase { font: 500 1.8rem/1.25 var(--serif); margin-block: 1rem; }
.partner-desc { font-size: .9rem; color: var(--muted); margin: 0; }

.article { padding-block: 9rem 7rem; }
.breadcrumb { font-size: .7rem; color: var(--muted); }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: .5rem 1rem; list-style: none; padding: 0; }
.breadcrumb li { margin: 0; }
.breadcrumb li + li::before { content: '/'; color: var(--gold); margin-right: 1rem; }
.page-header { padding-block: 3rem 4rem; }
.page-header h1 { max-width: 24ch; font-size: clamp(3rem, 6.3vw, 6.7rem); }
.page-header .lead { max-width: 65ch; color: var(--muted); margin: 2rem 0 0 auto; }
.article-hero { width: calc(100% + 2 * var(--gutter)); margin: 0 calc(-1 * var(--gutter)); height: clamp(280px, 44vw, 640px); overflow: hidden; }
.article-hero img { height: 100%; }
.prose { position: relative; width: min(100%, 850px); margin: -3rem auto 0; padding: clamp(1.5rem, 5vw, 5rem); border-top: 2px solid var(--gold); background: var(--surface); color: var(--text); font-size: clamp(1rem, 1.2vw, 1.125rem); line-height: 1.95; box-shadow: 0 25px 70px rgb(0 0 0 / .15); }
.prose h2 { font-size: clamp(2rem, 3vw, 3rem); margin-top: 3rem; line-height: 1.15; }
.prose > :first-child { margin-top: 0; }
.prose > :last-child { margin-bottom: 0; }
.prose a { color: var(--gold); }
.prose a:hover { color: var(--text); }
.note { margin-top: 4rem; border-top: 1px solid var(--rule); padding-top: 2rem; }
.note > p { font: italic 500 2rem/1.3 var(--serif); }
.note ul { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; list-style: none; padding: 0; font-size: .85rem; }
.note li { margin: 0; }
.page-plain .page-header { max-width: 850px; margin-inline: auto; }
.page-plain .page-header h1 { font-style: italic; }
.page-plain .prose { margin-top: 0; }
.site-footer { border-top: 1px solid var(--rule); padding-block: 3rem 4rem; }
.footer-inner { display: flex; justify-content: space-between; align-items: start; gap: 4rem; }
.footer-note { max-width: 34ch; font: 500 1.5rem/1.5 var(--serif); margin: 0; }
.footer-nav { max-width: 550px; }
.footer-nav a { display: block; color: var(--muted); font-size: .75rem; padding-block: .4rem; }
.footer-nav a:hover { color: var(--gold); }
.word { display: inline-block; max-width: 100%; vertical-align: top; overflow: clip; padding: .08em .06em .18em; margin: -.08em -.06em -.18em; }
.word-inner { display: inline-block; max-width: 100%; overflow-wrap: anywhere; }
.cursor { position: fixed; top: 0; left: 0; z-index: 90; width: 18px; height: 18px; border: 1px solid var(--gold); border-radius: 50%; pointer-events: none; opacity: 0; transition: width .25s, height .25s; }
.cursor.is-active { width: 42px; height: 42px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) { .card:hover .card-media img { transform: scale(1.045); filter: saturate(1); } }
@media (min-width: 900px) and (min-height: 700px) {
  .js.has-motion .story-ink .story-stage, .js.has-motion .story-forms .story-stage, .js.has-motion .story-timeline .story-stage { min-height: 100svh; padding-block: clamp(2rem, 5vh, 3.5rem); display: flex; flex-direction: column; justify-content: center; }
  .js.has-motion .story-lines { max-height: 28vh; }
}
@media (max-width: 1100px) {
  .site-nav ul { gap: .3rem 1rem; }
  .hero-ur { right: 5%; top: 35%; font-size: 3.5rem; }
  .journey-inner { gap: 3rem; }
}
@media (max-width: 899px) {
  .header-inner { gap: .5rem; flex-wrap: wrap; min-height: 108px; }
  .brand-name { font-size: 2.2rem; }
  .site-nav { width: 100%; }
  .site-nav ul { justify-content: space-between; gap: .1rem .75rem; }
  .site-nav a { font-size: .68rem; padding-block: .35rem; }
  .hero-inner { padding-top: 11rem; }
  .hero-title { font-size: clamp(4.5rem, 11vw, 7.5rem); }
  .hero-ur { right: 6%; top: 45%; font-size: 2.8rem; }
  .story-inner { grid-template-columns: 1fr; gap: 1.5rem; }
  .story-inner > .eyebrow { padding: 0; }
  .story-lines { width: 100%; }
  .story-stage { min-height: auto; }
  .timeline-track { display: block; margin-top: 3rem; border-left: 1px solid var(--rule); padding-left: 1.5rem; }
  .timeline-item { padding: 0 0 2.5rem 1rem; border: 0; }
  .timeline-item:last-child { padding-bottom: 0; }
  .timeline-item::before { left: calc(-1.5rem - 4px); top: 1rem; }
  .timeline-year { font-size: 3rem; margin-bottom: .75rem; }
  .timeline-text { max-width: 50ch; margin-bottom: .75rem; }
  .split, .journey-inner { grid-template-columns: 1fr; gap: 3rem; }
  .split-media { margin-inline: calc(-1 * var(--gutter)); }
  .split-media img { aspect-ratio: 16 / 10; }
  .journey-map { max-width: 650px; width: 100%; }
  .card-grid { gap: 3rem 2rem; }
  .footer-inner { flex-direction: column; gap: 2rem; }
}
@media (max-width: 599px) {
  .header-inner { padding-block: .55rem; }
  .brand-ur { font-size: .9rem; }
  .hero-title { font-size: clamp(4.25rem, 16vw, 6rem); }
  .hero-ur { position: static; transform: none; text-align: left; font-size: 1.5rem; margin: -.5rem 0 1rem; }
  .hero .eyebrow { font-size: .57rem; letter-spacing: .12em; gap: .6rem; }
  .hero .eyebrow::before { width: 1.25rem; }
  .hero::after { background: linear-gradient(90deg, rgb(10 13 36 / .92), rgb(10 13 36 / .5)), linear-gradient(0deg, var(--bg), transparent 50%); }
  .hero-actions { gap: .75rem; }
  .btn { padding-inline: 1rem; font-size: .7rem; }
  .btn-primary::after { margin-left: 1rem; }
  .scroll-hint { bottom: 1.5rem; }
  .forms-grid, .card-grid { grid-template-columns: 1fr; }
  .forms-grid { gap: 4rem; }
  .form-panel > p:not(.form-ur) { min-height: 0; }
  .card:nth-child(even) { margin-top: 0; }
  .card-grid { gap: 4rem; }
  .section-intro { margin-bottom: 3rem; }
  .section-feature p { margin-left: 0; }
  .prose { margin-top: -1rem; }
  .page-header { padding-block: 2rem 3rem; }
  .page-header h1 { font-size: clamp(2.7rem, 10vw, 3.75rem); }
  .article { padding-top: 9rem; }
  .article-hero { height: 300px; }
  .closing-line { margin-top: 4rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .ink-canvas, .cursor { display: none !important; }
  .js .hero .hero-media { opacity: 1; }
  .word-inner, [data-reveal], .story-step, .form-panel, .timeline-item, .stop, .stop-label { opacity: 1 !important; visibility: visible !important; transform: none !important; clip-path: none !important; }
  .ink-line, .route { stroke-dashoffset: 0 !important; }
  .site-header.is-hidden { transform: none; }
}
@media print {
  body { background: white; color: black; }
  body::after, .site-header, .site-footer, .cursor, .scroll-progress, .skip-link, .ink-canvas { display: none !important; }
  .article { padding: 0; }
  .prose { color: black; background: white; box-shadow: none; margin: 0 auto; padding: 1rem 0; }
  .page-header .lead, .prose a { color: black; }
  .word-inner, [data-reveal] { opacity: 1 !important; transform: none !important; }
}