/* Media page: Allison's keepsake wall. Shared story-page base first, then the page. */
.story-page{--story-plum:#674877;--story-soft:#efe5f1;color:var(--ink);background:var(--cream)}
.story-page .wrap{max-width:1180px}.story-page main{padding-top:var(--nav-height)}.story-page main p{color:var(--body);line-height:1.8}.story-page .ln a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--gold)}
.story-page h1{font-size:clamp(3.5rem,6vw,5.5rem);font-weight:600;line-height:1.02}.story-page h2{font-size:clamp(2.5rem,4.2vw,3.6rem);line-height:1.07}.story-page h3{font-size:2rem;line-height:1.13}
.story-page .text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--story-plum);font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.text-link svg,.footer-social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.story-page .actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:30px}.story-page figcaption{font-size:13px;line-height:1.6;color:#665b64}.story-page p+p{margin-top:20px}.story-page .script{color:var(--story-plum)}
.story-footer{padding:46px 0 24px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left}.footer-social{text-align:right}.footer-social .script{font-size:30px;margin-bottom:10px}.footer-social a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;margin-left:22px}.story-footer .fnav{justify-content:flex-start;gap:0 23px;border-bottom:1px solid var(--line);padding:20px 0;margin:20px 0}.story-footer .fnav a{font-size:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#665b64}.footer-bottom>div{display:flex;flex-wrap:wrap;gap:20px}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom p{margin:0}
@media(hover:hover) and (pointer:fine){.story-page .text-link:hover,.footer-social a:hover,.story-footer .fnav a:hover,.footer-bottom a:hover{color:#452858;text-decoration:underline;text-underline-offset:5px}}
@media(max-width:900px){.story-page main{padding-top:var(--nav-height)}.story-page h1{font-size:clamp(3.35rem,11.8vw,4.4rem)}.story-page h2{font-size:clamp(2.6rem,9.3vw,3.4rem)}.footer-top{flex-direction:column;align-items:flex-start}.footer-social{text-align:left}.footer-social a{margin-left:0;margin-right:22px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:6px}.story-footer .fnav{gap:0 20px}.story-footer{padding-top:38px}}

/* Page tokens */
.media-page{
  --mx-gold:#7a5a22;
  --mx-paper:#fbf6ec;
  --mx-paper-edge:#e9dfcd;
  --mx-shadow:0 1px 2px rgba(52,36,20,.16),0 12px 26px -10px rgba(52,36,20,.42);
  --mx-shadow-lift:0 2px 4px rgba(52,36,20,.14),0 24px 44px -16px rgba(52,36,20,.48);
  --mx-ease:cubic-bezier(.16,1,.3,1);
}
.media-page ::selection{background:#ead7ab;color:var(--ink)}
.media-page{caret-color:var(--story-plum)}
.media-page :focus-visible{outline:2px solid var(--story-plum);outline-offset:4px;border-radius:4px}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.media-page h1,.media-page h2,.media-page h3{text-wrap:balance}
.media-page main p,.media-page main li,.media-page main dd{text-wrap:pretty}
.media-page h1 em,.media-page h2 em{display:block;font-style:italic;font-weight:500;color:var(--mx-gold)}
.mx-ext{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Hero: the wall */
.mx-hero{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid rgba(23,35,55,.12)}
.mx-hero-plate,.mx-close-plate{position:absolute;inset:0;z-index:-2}
.mx-hero-plate img,.mx-close-plate img{width:100%;height:100%;object-fit:cover;object-position:left bottom}
.mx-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(250,246,240,.66) 0%,rgba(250,246,240,.52) 34%,rgba(250,246,240,.12) 62%,rgba(250,246,240,0) 78%)}
.mx-hero-grid{display:grid;gap:44px;padding-block:44px 230px}
.mx-hero-copy{max-width:34rem}
.mx-hero h1{color:var(--ink)}
.mx-lead{margin-top:22px;font-size:17px;max-width:31rem}
.mx-hero .mx-lead{color:#2f3842}

/* The pinned interview */
.mx-board{position:relative;width:100%;max-width:640px;margin-inline:auto}
.mx-prints{position:relative;aspect-ratio:640/470}
.mx-print{position:absolute;display:block;padding:9px 9px 12px;background:#fffdf8;box-shadow:var(--mx-shadow);rotate:var(--mx-r,0deg)}
.mx-print .mx-shot{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.mx-print--mic{right:0;top:0;width:50%;--mx-r:4deg}
.mx-print--duo{left:0;top:20%;width:72%;--mx-r:-2.4deg;z-index:1}
.mx-print--duo .mx-shot{aspect-ratio:4/3}
.mx-print .mx-pin,.mx-contact .mx-pin{position:absolute;top:-13px;left:50%;width:30px;height:auto;aspect-ratio:auto;object-fit:contain;translate:-50% 0;z-index:2;filter:drop-shadow(1px 3px 2px rgba(40,26,10,.42));pointer-events:none}
.mx-print--duo .mx-pin{left:52%}
a.mx-print{transition:rotate 200ms var(--mx-ease),translate 200ms var(--mx-ease),box-shadow 200ms var(--mx-ease)}
.mx-ticket{position:relative;z-index:2;width:min(92%,440px);margin:-30px 0 0 4%;padding:20px 22px 16px;background:var(--mx-paper) url(mediaPaper.4a3c475a97.webp) center/520px;box-shadow:var(--mx-shadow);rotate:-1.4deg}
.mx-ticket .script{font-family:var(--font-script);font-size:27px;line-height:1.15!important;color:var(--story-plum)}
.mx-ticket-title{margin-top:6px!important;font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.15!important;color:var(--ink)!important}
.mx-ticket-meta{margin-top:6px;font-size:13px!important;line-height:1.5!important;color:#5a5249!important;font-variant-numeric:tabular-nums}
.mx-ticket-links{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:6px!important}
.mx-ticket-links a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:14px;font-weight:500;color:var(--story-plum);text-decoration:underline;text-underline-offset:4px}

/* In print: the clippings */
.mx-section{padding:96px 0 104px}
.mx-section-head{display:grid;gap:18px;margin-bottom:58px}
.mx-section-head p{max-width:40rem;font-size:17px}
.mx-wall{display:grid;gap:44px 32px;align-items:start}
.mx-wall .mx-section-head{margin-bottom:0}
.mx-clip{position:relative;padding:34px 28px 24px;background:var(--mx-paper) url(mediaPaper.4a3c475a97.webp) center/520px;box-shadow:var(--mx-shadow);rotate:var(--mx-r,0deg);transition:rotate 200ms var(--mx-ease),translate 200ms var(--mx-ease),box-shadow 200ms var(--mx-ease)}
.mx-clip::before{content:"";position:absolute;top:-13px;left:50%;width:118px;height:24px;translate:-50% 0;rotate:-3deg;background:url(mediaTape.a113b38668.webp) center/100% 100% no-repeat;opacity:.94}
.mx-wall>.mx-clip:nth-of-type(4n+1){--mx-r:-1.2deg}.mx-wall>.mx-clip:nth-of-type(4n+2){--mx-r:.9deg}.mx-wall>.mx-clip:nth-of-type(4n+3){--mx-r:-.5deg}.mx-wall>.mx-clip:nth-of-type(4n){--mx-r:1.3deg}
.mx-wall>.mx-clip:nth-of-type(even)::before{rotate:2.5deg;left:56%}
.mx-outlet{font-family:var(--font-display);font-size:28px!important;font-weight:700;line-height:1.05!important;color:var(--ink)!important}
.mx-dateline{margin-top:8px!important;padding-bottom:12px;border-bottom:1px solid var(--mx-paper-edge);font-size:13px!important;line-height:1.4!important;font-weight:600;color:#6b6157!important;font-variant-numeric:tabular-nums}
.mx-headline{margin-top:14px;font-family:var(--font-body);font-size:15px!important;font-weight:500;line-height:1.5!important;color:#2f3842}
.mx-quote{margin:18px 0 0}
.mx-quote p{font-family:var(--font-display);font-size:27px!important;font-style:italic;font-weight:500;line-height:1.22!important;color:var(--ink)!important}
.mx-context{margin-top:14px!important;font-size:14px!important;line-height:1.65!important}
.mx-note{margin-top:10px!important;font-size:12.5px!important;line-height:1.55!important;color:#6b6157!important}
.mx-read{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:10px;font-size:14px;font-weight:500;color:var(--story-plum);text-decoration:underline;text-underline-offset:4px}
.mx-also{margin-top:0!important;font-size:13px!important;color:#6b6157!important}
.mx-also a{color:var(--story-plum);text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:24px}
.mx-clip--small .mx-outlet{font-size:24px!important}
.mx-clip--small .mx-headline{font-family:var(--font-display);font-size:21px!important;font-weight:600;line-height:1.2!important;color:var(--ink)}

/* On air: the podcasts */
.mx-air{background:var(--story-soft) url(mediaPaper.4a3c475a97.webp) center/520px;background-blend-mode:multiply}
.mx-eps{display:grid;gap:14px 40px;margin:0;padding:0;list-style:none}
.mx-ep{display:grid;grid-template-columns:80px minmax(0,1fr) 24px;align-items:center;gap:18px;min-height:96px;padding:12px 14px 12px 12px;border-radius:12px;color:var(--ink);text-decoration:none;transition:background-color 200ms var(--mx-ease)}
.mx-ep img{box-sizing:border-box;width:80px;height:80px;padding:4px 4px 6px;background:#fffdf8;object-fit:cover;box-shadow:0 1px 2px rgba(52,36,20,.18),0 8px 16px -7px rgba(52,36,20,.42);rotate:var(--mx-cr,-1.6deg)}
.mx-eps>li:nth-child(3n+2) img{--mx-cr:1.4deg}.mx-eps>li:nth-child(3n) img{--mx-cr:-.4deg}
.mx-ep-text{display:grid;gap:3px}
.mx-ep-show{font-size:13px;font-weight:600;color:#5d4a6c}
.mx-ep-title{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.24}
.mx-ep-meta{font-size:13px;color:#5a5249;font-variant-numeric:tabular-nums}
.mx-ep>svg{width:22px;height:22px;fill:none;stroke:var(--story-plum);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:translate 150ms var(--mx-ease)}

/* Press kit */
.mx-kit{background:var(--cream)}
.mx-kit-grid{display:grid;gap:56px}
.mx-kit-quote{margin:26px 0 0}
.mx-kit-quote p{font-family:var(--font-display);font-size:28px!important;font-style:italic;font-weight:500;line-height:1.3!important;color:var(--ink)!important}
.mx-kit-quote figcaption{margin-top:12px;font-size:14px;color:#6b6157}
.mx-kit-quote blockquote{margin:0}
.mx-contact{position:relative;margin-top:44px;padding:34px 28px 26px;background:var(--mx-paper) url(mediaPaper.4a3c475a97.webp) center/520px;box-shadow:var(--mx-shadow);rotate:-.8deg}
.mx-contact h3{font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1.1;color:var(--ink)}
.mx-contact-note{margin-top:8px!important;font-size:15px!important;line-height:1.55!important;color:#4d4339!important}
.mx-contact-lines{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:6px!important}
.mx-contact-lines a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:500;color:var(--story-plum);text-decoration:underline;text-underline-offset:4px;font-variant-numeric:tabular-nums}
.mx-contact .btn{margin-top:14px}
.mx-facts{display:grid;gap:0;margin:16px 0 0;border-top:1px solid var(--line)}
.mx-facts>div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.mx-facts dt{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b6157;padding-top:3px}
.mx-facts dd{margin:0;font-size:15px;line-height:1.55;color:var(--ink);font-variant-numeric:tabular-nums}
.mx-facts dd a{padding-block:3px;color:var(--story-plum);text-decoration:underline;text-underline-offset:3px}
.mx-kit h3.mx-sub{font-size:28px;line-height:1.15}
.mx-kit h3.mx-sub--facts{margin-top:46px}
.mx-topics{margin:16px 0 0;padding:0;list-style:none;counter-reset:none;border-top:1px solid var(--line)}
.mx-topics li{padding:13px 0;border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:21px;font-weight:500;line-height:1.3;color:var(--ink)}
.mx-bios{margin-top:72px}
.mx-bio-grid{display:grid;gap:28px;margin-top:18px;align-items:start}
.mx-bio{padding:24px 24px 18px;background:var(--mx-paper) url(mediaPaper.4a3c475a97.webp) center/520px;box-shadow:var(--mx-shadow)}
.mx-bio h4{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b6157}
.mx-bio-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px}
.mx-bio-head .mx-copy{margin-top:0}
.mx-bio-text{max-width:64ch;margin-top:6px}
.mx-bio-text p{font-size:15px!important;line-height:1.7!important;color:#2f3842!important}
.mx-copy{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;padding:0;border:0;background:none;font:500 14px/1.3 var(--font-body);color:var(--story-plum);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.mx-copy svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mx-copy-status{min-height:1.5em;margin-top:8px!important;font-size:13px!important;color:#4f6a4a!important}
.mx-photos{margin-top:72px}
.mx-photo-grid{display:grid;gap:40px 36px;margin-top:22px}
.mx-photo{position:relative;margin:0;padding:12px 12px 16px;background:#fffdf8;box-shadow:var(--mx-shadow)}
.mx-photo img{display:block;width:100%;height:auto}
.mx-photo:first-child{rotate:-1.2deg}.mx-photo:last-child{rotate:1.1deg}
.mx-photo figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;margin-top:12px;color:#5a5249}
.mx-photo figcaption a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:14px;font-weight:500;color:var(--story-plum);text-decoration:underline;text-underline-offset:4px}
.mx-photo figcaption svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mx-photo-note{margin-top:22px!important;font-size:14px!important}
.mx-photo-note a{padding-block:4px;color:var(--story-plum);text-decoration:underline;text-underline-offset:3px}

/* Closing: back to the wall */
.mx-close{position:relative;isolation:isolate;overflow:hidden;padding:120px 0 128px;text-align:center}
.mx-close::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(250,246,240,.5),rgba(250,246,240,.62))}
.mx-close-plate img{height:160%;object-position:right top}
.mx-close h2{max-width:15ch;margin-inline:auto}
.mx-close .actions{justify-content:center}

/* Pointer feedback: things on the wall lift when you reach for them */
@media(hover:hover) and (pointer:fine){
  a.mx-print:hover,a.mx-print:focus-visible{rotate:0deg;translate:0 -6px;box-shadow:var(--mx-shadow-lift)}
  .mx-clip:hover,.mx-clip:focus-within{rotate:0deg;translate:0 -4px;box-shadow:var(--mx-shadow-lift)}
  .mx-ep:hover{background:rgba(255,253,250,.72)}
  .mx-ep:hover>svg{translate:3px 0}
  .mx-ticket-links a:hover,.mx-read:hover,.mx-also a:hover,.mx-contact-lines a:hover,.mx-copy:hover,.mx-photo figcaption a:hover,.mx-facts dd a:hover,.mx-photo-note a:hover{color:#452858}
}
.mx-ep:focus-visible{background:rgba(255,253,250,.72)}

/* Tablet and up */
@media(min-width:700px){
  .mx-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx-wall .mx-section-head,.mx-wall>.mx-clip:nth-of-type(3){grid-column:1/-1}
  .mx-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx-eps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1100px){
  .mx-hero::before{background:linear-gradient(90deg,rgba(250,246,240,.7) 0%,rgba(250,246,240,.6) 30%,rgba(250,246,240,.18) 52%,rgba(250,246,240,0) 66%)}
  .mx-hero-plate img{object-position:82% bottom}
  .mx-hero-grid{grid-template-columns:minmax(0,5.6fr) minmax(0,6.4fr);align-items:center;gap:48px;min-height:clamp(700px,56vw,800px);padding-block:52px 150px}
  .mx-hero h1{font-size:clamp(3.4rem,4.6vw,4.5rem)}
  .mx-board{margin-inline:0 0;justify-self:end}
  .mx-section-head{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:48px}
  .mx-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 32px}
  .mx-wall .mx-section-head{grid-column:1;grid-template-columns:none;align-items:start;gap:18px}
  .mx-wall>.mx-clip:nth-of-type(-n+2){margin-top:-166px}
  .mx-wall>.mx-clip:nth-of-type(3){grid-column:1;grid-row:2/span 2;align-self:center}
  .mx-kit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px}
  .mx-bio--short{max-width:46rem}
  .mx-bio--long .mx-bio-text{max-width:none;columns:2;column-gap:48px;orphans:3;widows:3}
  .mx-bio--long .mx-bio-text p{margin:0 0 16px}
  .mx-close h2{max-width:none}
  .mx-close-plate img{height:100%;object-position:center 30%}
}

/* Tablets: the board steps right so the microphone and lavender stand beside the ticket */
@media(min-width:700px) and (max-width:1099px){
  .mx-board{max-width:min(560px,56%);margin-inline:auto 0}
}

/* Phones */
@media(max-width:699px){
  .mx-hero-grid{padding-block:28px 430px;gap:34px}
  .mx-hero-plate img{height:110%;object-position:9% top}
  .mx-ticket .script{font-size:23px}
  .mx-lead{font-size:16px}
  .mx-hero .actions .btn{width:100%}
  .mx-hero .actions{justify-content:center}
  .mx-prints{aspect-ratio:auto}
  .mx-print--mic{display:none}
  .mx-print--duo{position:relative;top:auto;left:auto;width:100%;--mx-r:-1deg}
  .mx-ticket{margin:22px 0 0;width:100%;rotate:.6deg}
  .mx-section{padding:72px 0 80px}
  .mx-section-head{margin-bottom:44px}
  .mx-clip{padding:30px 22px 20px}
  .mx-quote p{font-size:25px!important}
  .mx-ep{grid-template-columns:68px minmax(0,1fr) 20px;gap:14px;padding:10px 6px 10px 4px}
  .mx-ep img{width:68px;height:68px;padding:3px 3px 5px}
  .mx-ep-title{font-size:20px}
  .mx-facts>div{grid-template-columns:1fr;gap:2px}
  .mx-contact{padding:30px 20px 22px}
  .mx-contact .btn{width:100%}
  .mx-close{padding:96px 0 104px}
  .mx-close .actions .btn{width:100%}
}

/* Motion is an enhancement; with reduced motion nothing moves */
@media(prefers-reduced-motion:reduce){
  a.mx-print,.mx-clip,.mx-ep,.mx-ep>svg{transition:none}
}