/* Age of Aquarius — site styles
   Tokens and layout transcribed from the design handoff (README.md). */

@font-face{font-family:'IM Fell English';src:url('../assets/fonts/IMFellEnglish-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IM Fell English';src:url('../assets/fonts/IMFellEnglish-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}

:root{
  --bg:#0b0c14; --panel:#10111d; --alt:#0e0f1a;
  --hair:#1e1f2e; --mid:#2a2b3a; --mid2:#3a3b4d;
  --sky-hero:#2e3044; --sky-head:#3a3c52;
  --ivory:#ece6d6; --body:#b9b6ab; --muted:#8a8b99; --faint:#5a5b68;
  --gold:#d8b56a; --gold-hi:#f1d99a; --ruby:#c9485b; --slate:#1b2a4a; --on-gold:#14151f;
  --header-h:66px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ivory);font-family:'IM Fell English',Georgia,serif;font-size:19px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none;transition:color .3s ease}
a:hover{color:var(--gold-hi)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img{display:block;max-width:100%}
h1,h2,h3{font-weight:400;margin:0}
p{margin:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Keyframes */
@keyframes aqRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes aqLit{from{opacity:0}to{opacity:1}}
@keyframes aqFlicker{0%,92%,100%{opacity:1}94%{opacity:.2}97%{opacity:.8}}
@keyframes aqStar{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
@keyframes aqDraw{to{stroke-dashoffset:0}}
@keyframes aqTwinkle{0%,100%{opacity:.15}50%{opacity:.9}}
@keyframes aqGrain{0%{background-position:0 0}20%{background-position:-40px 30px}40%{background-position:30px -50px}60%{background-position:-60px -20px}80%{background-position:50px 60px}100%{background-position:0 0}}
@keyframes aqInk{0%{opacity:0;transform:translateY(3px)}100%{opacity:1;transform:none}}

/* Film grain */
.grain{position:fixed;inset:-80px;z-index:50;pointer-events:none;opacity:.13;mix-blend-mode:overlay;background-size:220px 220px;animation:aqGrain .9s steps(1) infinite;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* Shared type */
.eyebrow{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.h2{font-size:clamp(36px,4.4vw,54px);line-height:1.1;color:var(--ivory);text-wrap:pretty}
.h3{font-size:clamp(30px,3.4vw,40px);line-height:1.1;color:var(--ivory)}
.lede{font-size:20px;line-height:1.6;color:var(--body);text-wrap:pretty}
.small{font-size:17px;line-height:1.6;color:var(--body);text-wrap:pretty}
.caption{font-size:15px;color:var(--muted)}
.wrap{max-width:1100px;margin:0 auto}
.section{position:relative;overflow:hidden;min-height:calc(100vh - var(--header-h) - 330px);padding:104px 24px}
.section--alt{background:rgba(14,15,26,.72)}
.stack{display:flex;flex-direction:column}
.intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:680px;margin:0 auto}

/* Buttons */
.btn{display:inline-block;padding:13px 24px;white-space:nowrap;border:1px solid var(--mid2);color:var(--ivory);font-size:13px;letter-spacing:.16em;text-transform:uppercase;transition:all .35s ease}
.btn:hover{border-color:var(--gold-hi);color:var(--gold-hi)}
.btn--gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold);font-weight:500}
.btn--gold:hover{background:var(--gold-hi);border-color:var(--gold-hi);color:var(--on-gold)}
.btn--hero{padding:15px 32px;font-size:14px}
.btn--hero:hover{transform:translateY(-2px)}

/* Placeholder tiles (replace with real media) */
.tile{background:repeating-linear-gradient(135deg,#14151f 0 10px,#1a1b28 10px 20px);border:1px solid var(--hair);display:flex;align-items:flex-end;padding:14px;position:relative}
.tile__label{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--muted)}
.tile--16x9{aspect-ratio:16/9;grid-column:1 / -1;align-items:center;justify-content:center}
.tile--4x5{aspect-ratio:4/5}
.tile--1x1{aspect-ratio:1}
.tile--16x9 .tile__label{position:absolute;left:14px;bottom:12px}
.play{width:64px;height:64px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center}

/* Header */
.site-header{position:sticky;top:0;z-index:10;background:rgba(11,12,20,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair)}
.site-header__inner{max-width:1200px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.lockup{display:flex;align-items:center;gap:14px;color:var(--ivory)}
.lockup:hover{color:var(--ivory)}
.lockup__mark{flex:none;width:78px;height:36px}
.lockup__text{display:flex;align-items:center;gap:10px;line-height:1}
.lockup__pre{display:flex;flex-direction:column;align-items:center;gap:3px}
.lockup__ageof{font-style:italic;font-size:14px;color:var(--gold)}
.lockup__glyph{width:22px;height:12px}
.lockup__title{font-size:24px;letter-spacing:.1em;text-transform:uppercase}
.nav{display:flex;flex:none;gap:32px;font-size:18px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.nav a{color:var(--body);transition:color .35s ease}
.nav a:hover,.nav a[aria-current="page"]{color:var(--gold-hi)}
.menu-toggle{display:none;color:var(--ivory);font-size:18px;letter-spacing:.1em;text-transform:uppercase;padding:6px 0}
.nav--mobile{display:none;flex-direction:column;gap:0;border-top:1px solid var(--hair);padding:8px 28px 18px;font-size:24px;letter-spacing:.08em;white-space:normal}
.nav--mobile a{color:var(--ivory);padding:12px 0;border-bottom:1px solid var(--hair)}
.nav--mobile a:last-child{border-bottom:0}
@media (max-width:999px){
  .nav--desktop{display:none}
  .menu-toggle{display:block}
  .site-header.is-open .nav--mobile{display:flex}
}
@media (max-width:420px){ .lockup__text{display:none} }

/* Hero */
.hero{position:relative;min-height:calc(100vh - var(--header-h));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px 80px;overflow:hidden;
  background:radial-gradient(ellipse 70% 55% at 50% 110%, var(--slate) 0%, rgba(27,42,74,0) 70%), var(--bg)}
.stars{position:absolute;inset:0;pointer-events:none}
.star{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--ivory);animation:aqTwinkle 3.2s ease-in-out infinite}
.star--s{width:1.5px;height:1.5px}
.star--gold{background:var(--gold)}
.hero__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px;max-width:720px}
.hero__mark{width:340px;height:159px;max-width:80vw;height:auto}
.hero__wordmark{display:flex;flex-direction:column;align-items:center;line-height:1}
.hero__ageof{font-style:italic;font-size:32px;color:var(--gold);animation:aqRise 1s ease 1.6s both}
.hero__glyph{width:64px;height:34px;margin:12px 0 8px}
.hero__glyph polyline{stroke-dasharray:110;stroke-dashoffset:110;animation:aqDraw 1.1s ease-out 2s both}
.hero__glyph polyline:nth-child(2){animation-delay:2.25s}
.hero__title{font-size:clamp(44px,8vw,84px);letter-spacing:.12em;padding-left:.12em;text-transform:uppercase;color:var(--ivory);line-height:1;animation:aqRise 1.2s ease 2.2s both}
.hero__cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:4px;animation:aqRise 1s ease 2.7s both}
@media (max-width:480px){ .hero__cta{flex-direction:column;width:100%;max-width:340px} .hero__cta .btn{text-align:center} }
.hero__quote{margin:18px 0 0;font-style:italic;font-size:24px;color:var(--body);max-width:520px;min-height:1.4em;line-height:1.4;text-wrap:pretty}
.hero__quote .word{display:inline-block;white-space:nowrap}
.hero__quote .ch{display:inline-block;white-space:pre;animation:aqInk .45s ease-out both}
@media (max-width:480px){ .hero__quote{font-size:19px;max-width:300px} }
.js .hero__quote:not(.is-typing):not(.is-done){visibility:hidden}

/* Hero mark choreography */
.mark-star{transform-origin:148px 10px;animation:aqStar 3.4s ease-in-out 2.4s infinite}
.mark-king{animation:aqRise 1.2s var(--ease) .9s both}
.mark-queen{animation:aqRise 1.2s var(--ease) 1.15s both}
.mark-skyline{animation:aqRise 1.4s var(--ease) .3s both}
.mark-windows rect{animation:aqLit .4s ease both}
.mark-windows rect:nth-child(1){animation:aqLit .4s ease 1.8s both, aqFlicker 7s linear 4s infinite}
.mark-windows rect:nth-child(2){animation-delay:2.5s}
.mark-windows rect:nth-child(3){animation-delay:2.1s}
.mark-windows rect:nth-child(4){animation:aqLit .4s ease 2.9s both, aqFlicker 9s linear 6s infinite}
.mark-windows rect:nth-child(5){animation-delay:2.3s}
.mark-windows rect:nth-child(6){animation-delay:1.9s}
.mark-windows rect:nth-child(7){animation-delay:2.7s}
.mark-windows rect:nth-child(8){animation-delay:2s}
.mark-windows rect:nth-child(9){animation:aqLit .4s ease 3.1s both, aqFlicker 11s linear 5s infinite}
.mark-windows rect:nth-child(10){animation-delay:2.4s}
.mark-windows rect:nth-child(11){animation-delay:2.2s}
.mark-windows rect:nth-child(12){animation-delay:2.8s}
.mark-windows rect:nth-child(13){animation-delay:2.6s}

/* Sound toggle */
.sound-toggle{position:absolute;right:22px;bottom:18px;display:flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--mid);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);transition:all .3s ease}
.sound-toggle:hover{color:var(--ivory);border-color:var(--gold)}
.sound-toggle svg{flex:none}
.sound-toggle .ico-off,.sound-toggle[aria-pressed="false"] .ico-on{display:none}
.sound-toggle[aria-pressed="false"] .ico-off{display:block}
.sound-toggle--fixed{position:fixed;z-index:20;background:rgba(11,12,20,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.no-js .sound-toggle{display:none}
@media (max-width:600px){ .sound-toggle{left:50%;right:auto;bottom:18px;transform:translateX(-50%);letter-spacing:.14em;white-space:nowrap} }

/* The Readings */
.readings{display:flex;flex-direction:column;gap:36px}
.readings__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.readings__head .stack{gap:12px;max-width:680px;align-items:center}
.readings__hint{font-size:18px;line-height:1.6;color:var(--muted)}
.tabs{display:flex;border:1px solid var(--mid)}
.tab{padding:11px 20px;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--body);background:transparent;transition:all .3s ease}
.tab + .tab{border-left:1px solid var(--mid)}
.tab[aria-selected="true"]{background:var(--gold);color:var(--on-gold)}
.readings__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:center}
.cards{display:grid;gap:14px;justify-content:center}
.cards--celtic{grid-template-columns:repeat(3,minmax(60px,104px)) 12px minmax(60px,104px)}   /* cross · gap · staff */
.cards--row{grid-template-columns:repeat(8,minmax(28px,46px))}
.card{position:relative;z-index:1;aspect-ratio:57/100;border:1px solid var(--mid);background:var(--panel);overflow:hidden;cursor:pointer;padding:0;
  transform:perspective(500px);box-shadow:0 4px 14px rgba(0,0,0,.35);
  transition:transform .12s ease-out, box-shadow .3s ease, border-color .3s ease}
.card{perspective:700px}
.card__inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .55s var(--ease)}
.card__inner.is-flipped{transform:rotateY(180deg)}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:saturate(.8);transition:filter .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.card.is-active{z-index:5;border-color:var(--gold);box-shadow:0 26px 50px rgba(0,0,0,.65), 0 0 24px rgba(216,181,106,.25)}
.card.is-active img{filter:saturate(1)}
.card--cover{z-index:3}.card--cross{z-index:2}
.card img.card__back{object-fit:cover;transform:rotateY(180deg)}   /* 1909 Roses & Lilies back, public domain (Wikimedia Commons) */
.reading-detail{display:flex;flex-direction:column;gap:14px;min-height:220px}
.reading-detail__name{font-size:clamp(32px,3.4vw,44px);line-height:1.1;color:var(--ivory)}
.reading-detail__meaning{font-size:20px;line-height:1.6;color:var(--body);text-wrap:pretty}
.reading-detail__line{font-style:italic;font-size:20px;line-height:1.5;color:var(--muted)}

/* Film: bridge + single-column synopsis */
.film-about{display:flex;flex-direction:column;gap:40px;align-items:center;text-align:center}
.readings__outro{font-style:italic;font-size:20px;color:var(--muted);padding-top:8px;text-align:center}
.film-about__copy{display:flex;flex-direction:column;align-items:center;gap:26px;max-width:760px}
.h2--logline{font-size:clamp(30px,3.4vw,42px);line-height:1.25}
.film-about__cta{margin-top:10px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.credits{display:grid;grid-template-columns:auto auto;justify-content:center;text-align:left;gap:10px 24px;font-size:17px;color:var(--muted);margin-top:8px}
.credits dt{letter-spacing:.14em;text-transform:uppercase;font-size:12px;padding-top:4px}
.credits dd{margin:0;color:var(--ivory)}

/* Support */
.support{display:flex;flex-direction:column;gap:44px}
.tiers{display:flex;flex-direction:column;border-bottom:1px solid var(--hair)}
.tier{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:30px 0;border-top:1px solid var(--hair)}
.tier__piece{flex:none;width:56px;height:80px;transition:transform .35s ease}
.tier:hover .tier__piece{transform:translateX(3px)}
.tier__piece g{fill:var(--ivory)}
.tier__copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.tier__title{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.tier__name{font-size:34px;color:var(--ivory);line-height:1}
.tier__price{font-size:17px;letter-spacing:.14em;color:var(--gold)}
/* Progress line */
.progress{display:flex;flex-direction:column;gap:14px}
.progress__numbers{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 24px;font-size:18px;color:var(--body)}
.progress__numbers strong{font-weight:400;font-size:40px;color:var(--ivory);line-height:1;margin-right:6px}
.progress__goal{letter-spacing:.04em}
.progress__bar{height:6px;background:var(--hair);position:relative;overflow:hidden}
.progress__fill{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--gold);transition:width 1.6s var(--ease)}

/* Recent supporters ticker */
.ticker{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;max-width:860px;width:100%;margin:0 auto}
.ticker__track{width:100%}
.ticker__track{overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:16px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker__list{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap;width:max-content;animation:aqTicker var(--ticker-dur,40s) linear infinite}
.ticker__track:hover .ticker__list{animation-play-state:paused}
.ticker__list li{font-size:19px;color:var(--ivory);margin-right:56px}
.ticker__list li span{color:var(--gold);font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-left:10px}
.ticker--static .ticker__track{-webkit-mask-image:none;mask-image:none}
.ticker--static .ticker__list{animation:none;white-space:normal;flex-wrap:wrap;justify-content:center;width:auto;gap:10px 0}
.ticker--static .ticker__list li{margin:0 20px}
.ticker--static .ticker__list li{color:var(--muted);font-style:italic}
@keyframes aqTicker{to{transform:translateX(-50%)}}

.faq{max-width:860px;width:100%;margin:0 auto}
.faq .eyebrow{margin-bottom:10px}
.faq__row{padding:18px 0;border-top:1px solid var(--hair);display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:20px}
.faq__row:last-child{border-bottom:1px solid var(--hair)}
.faq__q{font-size:20px;color:var(--ivory)}
.faq__a{font-size:17px;line-height:1.6;color:var(--body)}
.support__ep{text-align:center;font-size:17px;color:var(--muted)}
@media (max-width:640px){
  .tier{grid-template-columns:auto 1fr;row-gap:18px}
  .tier .btn{grid-column:1 / -1;text-align:center}
  .faq__row{grid-template-columns:1fr;gap:6px}
}

/* Merch */
.merch{display:flex;flex-direction:column;gap:44px}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.product{display:flex;flex-direction:column;gap:16px;transition:transform .35s ease}
.product .tile{transition:border-color .35s ease}
.product:hover{transform:translateY(-4px)}
.product:hover .tile{border-color:var(--gold-hi)}
.product__row{display:flex;justify-content:space-between;align-items:baseline}
.product .btn{text-align:center}
.product__name{font-size:19px;color:var(--ivory)}
.product__price{font-size:17px;color:var(--gold)}

/* Contact / footer */
.site-footer{border-top:1px solid var(--hair);padding:28px 24px 72px;background:rgba(14,15,26,.72)}
.site-footer--page{padding-top:80px}
.site-footer--page{min-height:calc(100vh - var(--header-h));display:flex;flex-direction:column}
.site-footer--page .wrap{flex:1;justify-content:space-between}
.site-footer--page .colophon{padding-top:24px;border-top:1px solid var(--hair)}
.site-footer .wrap{display:flex;flex-direction:column;gap:40px;width:100%}
.contact{display:flex;justify-content:center;text-align:center}
.contact .stack{gap:12px;max-width:560px;align-items:center}
.contact .h2{font-size:clamp(28px,3.5vw,40px)}
.contact__line{font-size:18px;line-height:1.6;color:var(--muted)}
.colophon{text-align:center;line-height:1.9;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}

/* Reduced motion: no grain jump, no twinkle, no pulse/flicker, no entrance choreography, no tilt */
@media (prefers-reduced-motion: reduce){
  .grain,.star,.mark-star,.mark-windows rect{animation:none !important;opacity:1}
  .star{opacity:.5}
  .mark-king,.mark-queen,.mark-skyline,.hero__ageof,.hero__title,.hero__cta,.hero__glyph polyline,.hero__quote .ch{animation-duration:.01ms !important;animation-delay:0s !important}
  .card{transition:box-shadow .3s ease, border-color .3s ease}
  .card__inner{transition:none}
  .btn--hero:hover,.product:hover{transform:none}
  .progress__fill{transition:none}
  .ticker__list{animation:none;white-space:normal;flex-wrap:wrap;width:auto;gap:10px 0}
  .ticker__track{-webkit-mask-image:none;mask-image:none}
}

/* Sky: the Aquarius constellation, fixed behind every page */
.sky{position:fixed;left:50%;top:50%;width:min(96vw,1400px);height:auto;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;opacity:.5}
.sky__lines{opacity:.7}
.sky__stars circle{animation:aqTwinkle 3.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@media (max-width:640px){ .sky{width:150vw;opacity:.45} }

/* Support: tiers rise into place when they scroll into view */
.js .tiers:not(.is-in) .tier{opacity:0}
.tiers.is-in .tier{animation:aqRise 1.2s var(--ease) both}
.tiers.is-in .tier:nth-child(1){animation-delay:.1s}
.tiers.is-in .tier:nth-child(2){animation-delay:.4s}
.tiers.is-in .tier:nth-child(3){animation-delay:.7s}
.tiers.is-in .tier .tier__piece{animation:aqRise 1.2s var(--ease) both}
.tiers.is-in .tier:nth-child(1) .tier__piece{animation-delay:.3s}
.tiers.is-in .tier:nth-child(2) .tier__piece{animation-delay:.6s}
.tiers.is-in .tier:nth-child(3) .tier__piece{animation-delay:.9s}
@media (prefers-reduced-motion: reduce){
  .sky__stars circle{animation:none}
  .js .tiers:not(.is-in) .tier{opacity:1}
  .tiers.is-in .tier,.tiers.is-in .tier .tier__piece{animation:none}
  .tier:hover .tier__piece{transform:none}
}

/* Film: the writer */
.writer{margin:96px auto 0;display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:48px;align-items:center}
.writer__portrait{margin:0;aspect-ratio:4/5;background:var(--panel);border:1px solid var(--hair);overflow:hidden}
.writer__portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.writer__copy{display:flex;flex-direction:column;gap:14px;text-align:left}
.writer__role{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.writer__copy .lede{font-size:19px}
@media (max-width:720px){ .writer{grid-template-columns:1fr;gap:28px;justify-items:center} .writer__portrait{max-width:320px;width:100%} .writer__copy{text-align:center;align-items:center} }

/* Launch state: buttons that aren't live yet, and the merch list before products exist */
.btn--soon{border-style:dashed;color:var(--muted);cursor:default}
.btn--soon:hover,.tier:hover .btn--soon{border-color:var(--gold);color:var(--gold)}
.support__note{text-align:center;font-style:italic;font-size:18px;color:var(--muted);max-width:640px;margin:-8px auto 0}
.soon{display:flex;flex-direction:column;align-items:center;gap:22px;padding:24px 0 8px}
.soon .eyebrow{font-size:15px}
.soon__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px;font-size:26px;color:var(--ivory)}

/* Contact line: name — address, wrapping cleanly on phones */
.contact__line{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:20px;color:var(--ivory);margin-top:6px}
.contact__sep{color:var(--faint)}
@media (max-width:480px){ .contact__sep{display:none} .contact__line{flex-direction:column;gap:4px} }