/* Anatomy of Experience — shared stylesheet
   Brand: plum / crimson / gold · Cormorant Garamond + Archivo
   Mobile-first; breakpoints at 700px (tablet) and 1040px (desktop). */

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{
  --plum:#4a0f46; --plum2:#7a1655; --crimson:#b3163f;
  --gold:#c69214; --gold2:#ffce3a;
  --ink:#3d2338; --muted:#75596d; --line:#ece2e8; --tint:#f5edf2;
  --paperbg:#fbf8f5; --darkbg:#2a0b34;
}
html{scroll-behavior:smooth}
body{background:var(--paperbg);color:var(--ink);font-family:'Archivo',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:16px;line-height:1.6}
.serif{font-family:'Cormorant Garamond',Georgia,serif}
img{display:block;max-width:100%}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{text-wrap:balance}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.container{max-width:1120px;margin:0 auto;padding-left:22px;padding-right:22px}

/* ===== HEADER ===== */
.top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:calc(env(safe-area-inset-top) + 18px);padding-bottom:6px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.bname{display:none;font-weight:700;font-size:21px;color:var(--plum);letter-spacing:-.2px;white-space:nowrap}
.bname i{color:var(--gold);font-style:italic}
.nav{display:none;gap:26px}
.nav a{font-size:14px;font-weight:500;color:var(--plum);text-decoration:none}
.nav a:hover{color:var(--crimson)}
.subbtn{font-size:13px;color:var(--plum);border:1px solid var(--plum);padding:8px 16px;border-radius:18px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.subbtn:hover{background:var(--plum);color:#fff}
.backrow{padding-top:12px}
.backrow a{font-size:14px;font-weight:600;color:var(--plum);text-decoration:none}

/* ===== HOME HERO ===== */
.hero{padding-top:14px;padding-bottom:26px}
.kick{font-size:12px;letter-spacing:2.2px;color:var(--crimson);margin-bottom:16px;font-weight:500}
.hero h1{font-weight:700;font-size:clamp(56px,15vw,66px);line-height:.9;color:var(--plum);letter-spacing:-1px}
.hero h1 i{color:var(--gold);font-style:italic}

.panel{position:relative;margin:22px 0 0;border-radius:20px;overflow:hidden;background:var(--darkbg)}
.swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.swipe::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;height:340px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:22px;color:#fff;text-decoration:none;text-align:left}
.slide .glyph{position:absolute;top:-24px;right:-8px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:190px;line-height:1;color:rgba(255,255,255,.10)}
.slide .tag{position:relative;font-size:12px;letter-spacing:1.6px;color:var(--gold2)}
.slide h2{position:relative;font-weight:600;font-size:34px;line-height:1.02;margin:10px 0 10px;max-width:560px}
.slide p{position:relative;font-size:14px;line-height:1.5;color:rgba(255,255,255,.9);max-width:520px}
.slide .go{position:relative;margin-top:15px;font-size:13px;font-weight:600;color:#fff}
.s1{background:linear-gradient(150deg,#b3163f,#3a0f46)}
.s2{background:linear-gradient(150deg,#7a1655,#180a28)}
.s3{background:linear-gradient(150deg,#a13c78,#2a0b34)}
.s4{background:linear-gradient(150deg,#ff8a6b,#5c1450)}
.swipehint{position:absolute;top:15px;right:18px;z-index:2;font-size:12px;letter-spacing:1px;color:rgba(255,255,255,.75)}
.dots{position:absolute;bottom:14px;left:0;right:0;z-index:2;display:flex;justify-content:center;gap:8px}
.dots button{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:rgba(255,255,255,.35);cursor:pointer}
.dots button.on{background:var(--gold2)}
.pn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:none;background:rgba(253,246,239,.92);color:var(--plum);font-size:19px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(20,5,25,.35)}
.pn:hover{background:#fff}
.pn.prev{left:14px}
.pn.next{right:14px}

.thesis{font-style:italic;font-weight:500;font-size:24px;color:var(--plum2);margin-top:26px;line-height:1.28;text-align:center}
.promise{font-size:14px;line-height:1.6;color:var(--ink);margin-top:14px;text-align:center;max-width:52ch;margin-left:auto;margin-right:auto}
.doors{display:flex;gap:10px;margin-top:24px;justify-content:center;flex-wrap:wrap}
.doors a{font-size:14px;font-weight:600;padding:14px 24px;border-radius:26px;text-decoration:none;transition:background .2s,color .2s}
.d1{background:var(--plum);color:#fff}
.d1:hover{background:var(--plum2)}
.d2{border:1px solid var(--plum2);color:var(--plum);font-weight:500}
.d2:hover{background:var(--tint)}
.cadence{font-size:13px;color:var(--muted);margin-top:15px;letter-spacing:.3px;text-align:center}
.cred{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);text-align:center;line-height:1.7}
.cred i{font-style:italic;font-family:'Cormorant Garamond',Georgia,serif}

section.block{padding-top:34px}
.lbl{font-size:12px;letter-spacing:2.2px;color:var(--crimson);margin-bottom:16px;font-weight:500}

/* ===== EPISODE THUMBNAIL (poster component; inner sizes are artwork, cqw-scaled) ===== */
.thumb{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(155deg,#2c0d36 0%,#160820 58%,#0d0514 100%);overflow:hidden;container-type:inline-size}
.thumb .side{position:absolute;top:0;bottom:0;width:35%;overflow:hidden}
.thumb .side.l{left:0;background:#1c0a24}
.thumb .side.r{right:0}
.thumb .side img{width:100%;height:100%;object-fit:cover;object-position:center 14%;filter:grayscale(1) contrast(1.04) brightness(1.03)}
.thumb .side.ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#3a2442,#170a20)}
.thumb .side.ph span{font-family:'Cormorant Garamond',serif;font-weight:700;color:#8a7d90;font-size:min(13cqw,88px)}
.thumb .ctr{position:absolute;left:30%;right:30%;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.thumb .tt{font-weight:800;color:#fff;text-transform:uppercase;line-height:.96;letter-spacing:.3px;font-size:min(7cqw,46px)}
.thumb .gn{margin-top:min(5cqw,26px);color:#fff;font-weight:700;letter-spacing:1.2px;font-size:min(3cqw,19px);text-transform:uppercase}
.thumb .gn small{display:block;font-weight:400;text-transform:none;letter-spacing:.2px;color:#cbbdd2;font-size:min(2.5cqw,15px);margin-top:min(1.2cqw,7px)}
.thumb .bd{position:absolute;left:0;right:0;bottom:min(5cqw,30px);text-align:center}
.thumb .bd b{font-family:'Cormorant Garamond',serif;font-weight:600;color:#fdf6ef;letter-spacing:2.4px;font-size:min(3cqw,17px);text-transform:uppercase}
.thumb .bd i{display:block;font-style:normal;color:var(--gold2);letter-spacing:3px;font-size:min(2cqw,12px);margin-top:min(.7cqw,5px)}

/* Start Here — full thumbnail cards */
.pods{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 22px 12px;margin:0 -22px;-webkit-overflow-scrolling:touch}
.pods::-webkit-scrollbar{display:none}
.fcard{flex:0 0 86%;scroll-snap-align:start;border-radius:14px;overflow:hidden;border:1px solid var(--line);text-decoration:none;display:block;background:#160820;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.fcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(42,11,52,.16)}

/* ===== PILLARS ===== */
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.pillars a{display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px 12px;border-radius:14px;background:var(--tint);text-decoration:none;color:var(--plum);font-size:15px;font-weight:600;transition:background .2s}
.pillars a:hover{background:#efdfe9}
.pillars a span{display:flex}

/* ===== LATEST grid ===== */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gcard{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;text-decoration:none;display:block;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.gcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(42,11,52,.14)}
.gcard .art{position:relative;height:112px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gcard .art .wm{width:88px;height:88px;opacity:.18}
.gcard .b{padding:12px 13px 16px}
.gcard .b .meta{font-size:12px;letter-spacing:1.1px;color:var(--crimson)}
.gcard .b h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:18px;color:var(--plum);margin-top:5px;line-height:1.1}
.allrow{padding:18px 0 2px;text-align:center}
.allrow a{font-size:13px;font-weight:500;color:var(--crimson);text-decoration:none}
.allrow a:hover{text-decoration:underline}

/* ===== GUESTS ===== */
.molrow{display:flex;gap:16px;overflow-x:auto;padding:2px 22px 10px;margin:0 -22px}
.molrow::-webkit-scrollbar{display:none}
.mol{flex:0 0 auto;width:104px;text-align:center;text-decoration:none}
.mol .bead{width:78px;height:78px;border-radius:50%;margin:0 auto 9px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:24px;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.mol:hover .bead{transform:scale(1.06)}
.mol .n{font-weight:600;font-size:14px;color:var(--plum);line-height:1.1}
.mol .r{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.3}

/* ===== NEWSLETTER ===== */
.news{margin:44px 22px 0;padding:28px 24px;background:linear-gradient(158deg,#5c1450,#2a0b34);border-radius:20px;text-align:center;color:#f6ecf3;scroll-margin-top:24px}
.news .lead{font-size:12px;letter-spacing:1.8px;color:var(--gold2);margin-bottom:8px}
.news h3{font-weight:600;font-size:30px;color:#fdf6ef;line-height:1.05}
.news p{font-size:14px;color:#e0c2d6;margin:11px 0 18px;line-height:1.55}
.news .row{display:flex;gap:8px}
.news input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.24);border-radius:9px;padding:13px;color:#fdf6ef;font-size:14px;font-family:inherit}
.news input::placeholder{color:#c9a8bd}
.news button{background:var(--gold2);color:#3a2600;border:none;font-size:14px;font-weight:600;padding:0 18px;border-radius:9px;cursor:pointer;font-family:inherit}
.news button:hover{background:#ffd85e}
.news .perr{display:none;font-size:13px;color:#ffc9d4;margin-top:9px}
.news.err .perr{display:block}
.news.err input{border-color:#ff9db1}
.news .ok{font-size:15px;color:#fdf6ef;padding:14px 0 4px;line-height:1.5}

footer{padding:36px 22px 44px;text-align:center;font-size:13px;color:var(--muted);line-height:2}
footer a{color:var(--plum2);text-decoration:none}
footer a:hover{text-decoration:underline}

/* ===== EPISODE PAGE ===== */
.video{position:relative;display:block;max-width:920px;margin:8px auto 0;cursor:pointer}
.video:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.28),transparent 60%)}
.video .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(253,246,239,.94);color:var(--plum);display:flex;align-items:center;justify-content:center;font-size:23px;padding-left:5px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:2;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.video:hover .play{transform:translate(-50%,-50%) scale(1.07)}
.ehead{max-width:720px;margin:0 auto;text-align:center;padding:24px 22px 0}
.ehead .date{font-size:12.5px;color:var(--muted);letter-spacing:.8px}
.ehead h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(34px,5vw,46px);line-height:1.05;color:var(--plum);margin:10px 0 6px}
.ehead .credit{font-size:15px;color:var(--plum2)}
.listen{display:flex;gap:18px;justify-content:center;align-items:center;margin-top:18px;scroll-margin-top:24px}
.listen a{display:flex;align-items:center;justify-content:center}
.listen svg{display:block}

.article{max-width:680px;margin:0 auto;padding:26px 22px 4px}
.lede{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;line-height:1.4;color:var(--plum);font-style:italic}
.body p{font-size:16px;line-height:1.7;color:var(--ink);margin-top:17px}
.h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:24px;color:var(--plum);margin:28px 0 4px}
.notes{list-style:none;margin-top:12px}
.notes li{position:relative;padding:10px 0 10px 22px;font-size:15px;line-height:1.55;color:var(--ink);border-top:1px solid var(--line)}
.notes li:first-child{border-top:none}
.notes li:before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--gold)}

.bio{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px}
.bio .av{width:52px;height:52px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:18px;overflow:hidden}
.bio .av img{width:100%;height:100%;object-fit:cover;object-position:center 12%}
.bio .role{font-size:12px;letter-spacing:.8px;color:var(--crimson);text-transform:uppercase;margin:2px 0 6px}
.bio h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:19px;color:var(--plum)}
.bio p{font-size:14px;line-height:1.55;color:var(--ink)}
.mt-lbl{margin-top:32px;margin-bottom:14px}

.rgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rgrid a{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;text-decoration:none;display:block;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.rgrid a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(42,11,52,.14)}
.rgrid .art{position:relative;height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rgrid .art .wm{width:78px;height:78px;opacity:.18}
.rgrid .b{padding:11px 12px 14px}
.rgrid .b h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:18px;color:var(--plum);line-height:1.08}
.rgrid .b .who{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:14px;color:var(--plum2);margin-top:2px}

/* ===== ESSAY PAGE ===== */
.essayhead{max-width:680px;margin:0 auto;padding:20px 22px 6px}
.essayhead .tag{font-size:12px;letter-spacing:1.6px;color:var(--crimson)}
.essayhead h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(42px,6.5vw,58px);line-height:1.0;color:var(--plum);letter-spacing:-.5px;margin:14px 0 18px}
.byline{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.byline .av{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none;background:linear-gradient(150deg,#7a1655,#2a0b34)}
.byline .av img{width:100%;height:100%;object-fit:cover;object-position:center 12%}
.byline .m b{font-size:14px;color:var(--plum);font-weight:600}
.byline .m span{display:block;font-size:13px;color:var(--muted);margin-top:1px}
.drop:first-letter{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:64px;float:left;line-height:.72;padding:6px 10px 0 0;color:var(--crimson)}
.pull{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:27px;line-height:1.3;color:var(--plum);margin:30px 0;padding:20px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.pull:before{content:"\201C";display:block;font-style:normal;font-size:44px;line-height:.5;color:var(--gold);margin-bottom:12px}
.author{display:flex;gap:14px;align-items:flex-start;margin-top:30px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}
.author .av{width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;background:linear-gradient(150deg,#7a1655,#2a0b34)}
.author .av img{width:100%;height:100%;object-fit:cover;object-position:center 12%}
.author .role{font-size:12px;letter-spacing:.8px;color:var(--crimson);text-transform:uppercase;margin:2px 0 6px}
.author h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:19px;color:var(--plum)}
.author p{font-size:14px;line-height:1.55;color:var(--ink)}
.rel a{display:block;padding:14px 0;border-top:1px solid var(--line);text-decoration:none}
.rel a:first-child{border-top:none}
.rel .tag{font-size:12px;letter-spacing:1.1px;color:var(--crimson)}
.rel h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:20px;color:var(--plum);line-height:1.08;margin-top:4px}
.rel a:hover h3{color:var(--crimson)}

/* ===== ARCHIVE ===== */
.ahead{padding-top:18px}
.ahead h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(44px,7vw,64px);line-height:.95;color:var(--plum);letter-spacing:-.5px}
.ahead p{font-size:15px;color:var(--muted);margin-top:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px}
.chip{border:1px solid var(--line);background:#fff;color:var(--plum);font-size:13px;font-weight:600;padding:8px 15px;border-radius:18px;cursor:pointer;font-family:inherit;transition:background .2s,color .2s}
.chip:hover{border-color:var(--plum2)}
.chip.on{background:var(--plum);color:#fff;border-color:var(--plum)}
.alist{display:grid;grid-template-columns:1fr;gap:16px;padding:18px 0 8px}
.acard{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;text-decoration:none;display:block;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.acard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(42,11,52,.14)}
.acard.hide{display:none}
.acard .art{position:relative;height:118px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.acard .art .wm{width:88px;height:88px;opacity:.18}
.acard .b{padding:13px 15px 17px}
.acard .b .meta{font-size:12px;letter-spacing:1.1px;color:var(--crimson)}
.acard .b h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:21px;color:var(--plum);margin-top:5px;line-height:1.08}
.acard .b .who{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:15px;color:var(--plum2);margin-top:3px}
.acard .b .sum{font-size:13.5px;color:var(--muted);line-height:1.5;margin-top:6px}

/* ===== ABOUT ===== */
.fourways{list-style:none;margin:18px 0 6px}
.fourways li{border-top:1px solid var(--line)}
.fourways li:first-child{border-top:none}
.fourways a{display:flex;align-items:baseline;gap:12px;padding:13px 2px;text-decoration:none}
.fourways b{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:21px;color:var(--plum);min-width:118px}
.fourways span{font-size:14px;color:var(--muted);line-height:1.5}
.fourways a:hover b{color:var(--crimson)}

/* ===== TABLET ≥700 ===== */
@media (min-width:700px){
  .container{padding-left:36px;padding-right:36px}
  .bname{display:block}
  .top.home .bname{display:none}
  .nav{display:flex}
  .backrow{display:none}
  .hero{text-align:center;padding-top:26px}
  .hero h1{font-size:clamp(72px,9vw,96px)}
  .kick{letter-spacing:3px}
  .slide{height:400px;padding:36px}
  .slide h2{font-size:44px}
  .slide p{font-size:15px}
  .swipehint{display:none}
  .pn{display:flex}
  .thesis{font-size:30px;margin-top:34px}
  .promise{font-size:16px}
  .cred{max-width:640px;margin-left:auto;margin-right:auto}
  section.block{padding-top:48px}
  .pods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;overflow:visible;margin:0;padding:2px 0 12px}
  .fcard{flex:none}
  .pillars{grid-template-columns:repeat(4,1fr);gap:14px}
  .grid{gap:18px}
  .molrow{flex-wrap:wrap;justify-content:center;overflow:visible;margin:0;padding:2px 0 10px;gap:26px}
  .mol{width:128px}
  .mol .bead{width:92px;height:92px;font-size:28px}
  .news{margin:56px auto 0;width:min(620px,calc(100% - 72px));padding:34px 36px}
  .news h3{font-size:34px}
  .video{padding:0 36px}
  .video .thumb{border-radius:18px}
  .rgrid{gap:18px}
  .essayhead h1{margin-top:18px}
  .alist{grid-template-columns:1fr 1fr;gap:18px}
}

/* ===== DESKTOP ≥1040 ===== */
@media (min-width:1040px){
  .container{padding-left:48px;padding-right:48px}
  .slide{height:440px;padding:48px 96px}
  .slide .glyph{font-size:300px;top:-40px;right:12px}
  .gcard .art{height:132px}
  .grid{grid-template-columns:repeat(4,1fr)}
  .alist{grid-template-columns:repeat(3,1fr)}
  .video{padding:0}
}


/* ===== ARTICLE EXTRAS ===== */
.body a{color:var(--plum2);text-decoration:underline;text-underline-offset:2px}
.body a:hover{color:var(--crimson)}
.body ul,.body ol{margin:14px 0 0 24px}
.body li{font-size:16px;line-height:1.65;margin-top:9px;color:var(--ink)}
.h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:20px;color:var(--plum);margin:24px 0 0}
.note{font-style:italic;color:var(--muted)}
.bq{margin:28px 0;padding:20px 22px;background:var(--tint);border-radius:14px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:21px;line-height:1.45;color:var(--plum)}
.bq cite{display:block;font-family:'Archivo',sans-serif;font-style:normal;font-size:13px;color:var(--muted);margin-top:10px}
.extlink{display:inline-block;margin-top:20px;font-weight:600;font-size:15px;color:var(--crimson);text-decoration:none}
.extlink:hover{text-decoration:underline}
.embed{position:relative;padding-top:56.25%;margin:26px 0;border-radius:14px;overflow:hidden;background:#000}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 6px}
.gal figure{margin:0}
.gal img{width:100%;border-radius:10px;border:1px solid var(--line)}
.gal figcaption{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.4}
@media (min-width:700px){.gal{grid-template-columns:repeat(3,1fr);gap:16px}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
