/* GENERATED FILE. Edit the source stylesheets, not this bundle. */

/* source: styles.css */
:root{--ink:#08090b;--surface:#101216;--slate:#9da2aa;--paper:#f2efe8;--gold:#d6b779;--gold-bright:#efd49b;--line:rgba(239,212,155,.18);--serif:"Playfair Display",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",Menlo,monospace;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.7;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-60px;background:var(--gold);color:var(--ink);padding:10px 16px;z-index:100}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.3s ease}.site-header.scrolled{background:rgba(8,9,11,.88);backdrop-filter:blur(16px);border-color:var(--line)}.wordmark{font-weight:600;font-size:1.1rem;letter-spacing:.32em}.wordmark span{color:var(--gold)}.nav{display:flex;align-items:center;gap:32px;font-size:.78rem;letter-spacing:.08em}.nav>a:not(.button){color:#c3c5c8;transition:color .2s}.nav>a:hover{color:var(--gold-bright)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(120deg,var(--gold),var(--gold-bright));color:#111;padding:16px 24px;border:1px solid var(--gold-bright);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(214,183,121,.16)}.button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}.button-small{padding:10px 16px}.menu-button{display:none;background:none;border:0;color:#fff}.eyebrow,.section-label p{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;color:var(--gold);font-weight:600}.hero h1,.section h2,.final-cta h2{font-family:var(--serif);font-weight:600;line-height:1.04;letter-spacing:-.03em}.hero h1 em,.final-cta em{color:var(--gold);font-weight:500}.hero-lead{max-width:650px;font-size:clamp(1rem,1.6vw,1.24rem);color:#bdc0c5;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:40px}.text-link{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:4px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.text-link span{color:var(--gold);margin-left:7px}.book-stage{position:relative;min-height:590px;display:grid;place-items:center;perspective:1200px}.book-shadow{position:absolute;width:70%;height:60px;bottom:25px;background:rgba(0,0,0,.9);filter:blur(28px);transform:rotate(-4deg)}.section{max-width:var(--max);margin:auto;padding:130px 5vw;border-bottom:1px solid var(--line)}.section-label{display:flex;gap:20px;align-items:center;margin-bottom:70px}.section-label span{color:#666b72;font-family:var(--mono);font-size:.8rem}.section-label p{margin:0}.overview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10vw}.section h2{font-size:clamp(2.5rem,4.7vw,5rem);margin:0}.prose{color:#b7bac0;font-size:1.05rem}.prose p:first-child{color:var(--paper);font-size:1.3rem}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px}.section-intro h2{max-width:800px}.section-intro>p{max-width:260px;color:#898d94}.learning-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.learning-grid li{position:relative;padding:45px 42px 45px 68px;border-bottom:1px solid var(--line)}.learning-grid li:nth-child(odd){border-right:1px solid var(--line)}.learning-grid li>span{position:absolute;left:0;top:50px;color:var(--gold);font-family:var(--mono);font-size:.62rem}.learning-grid h3{font-family:var(--serif);font-size:1.5rem;margin:0 0 12px}.learning-grid p{color:#8d9198;margin:0}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:11vw;align-items:end}.audience h2{font-size:clamp(3.1rem,5vw,5.6rem)}.audience-copy{border-left:1px solid var(--gold);padding-left:40px;font-size:1.1rem;color:#aeb1b6}.audience-copy p:last-child{color:var(--paper)}.author{display:grid;grid-template-columns:.8fr 1.2fr;gap:11vw;align-items:center}.author-copy h2{font-size:clamp(2.7rem,4vw,4.4rem);margin:15px 0 30px}.author-copy>p:not(.eyebrow){color:#aaadb3;max-width:630px}.author-copy .text-link{margin-top:22px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}.accordion details{border-top:1px solid var(--line);padding:26px 0}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-family:var(--serif);font-size:1.25rem}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--gold);transition:transform .2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{color:#999da4;max-width:680px}.final-cta{position:relative;padding:150px 5vw;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 110%,rgba(214,183,121,.16),transparent 44%)}.final-cta h2{font-size:clamp(3rem,6vw,6.5rem);margin:20px 0 25px}.final-cta>div>p:not(.eyebrow){color:#a9acb2;margin-bottom:38px}.final-cta .button{min-width:270px}footer{max-width:var(--max);margin:auto;padding:70px 5vw 35px;display:grid;grid-template-columns:1fr 1fr auto;align-items:start;gap:30px;color:#7e8289;font-size:.78rem}footer .wordmark{color:var(--paper)}.footer-links{display:flex;gap:26px}.footer-links a:hover{color:var(--gold)}.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:28px;font-size:.65rem;line-height:1.7}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}@media(max-width:900px){.site-header{height:70px}.menu-button{display:flex;width:40px;height:40px;flex-direction:column;justify-content:center;gap:7px;align-items:center}.menu-button span:not(.sr-only){display:block;width:22px;height:1px;background:#fff}.nav{position:absolute;top:70px;left:0;width:100%;padding:32px 5vw;background:#0c0e11;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;gap:24px}.nav.open{display:flex}.book-stage{min-height:520px}.overview-grid,.audience-grid,.author,.faq-grid{grid-template-columns:1fr;gap:55px}.section-intro{display:block}.section-intro>p{max-width:none}footer{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1}}@media(max-width:600px){.hero-actions{align-items:flex-start;flex-direction:column}.book-stage{min-height:460px}.section{padding:95px 24px}.section-label{margin-bottom:45px}.learning-grid{grid-template-columns:1fr}.learning-grid li:nth-child(odd){border-right:0}.learning-grid li{padding-right:10px}.final-cta{padding:110px 24px}footer{grid-template-columns:1fr;padding-inline:24px}.footer-links{grid-column:auto;flex-wrap:wrap}}

/* source: cover.css */
/* Corrected book cover presentation
   Keeps the full front cover visible at all viewport sizes. */

.book-stage {
  min-width: 0;
  overflow: visible;
}

.book-shell {
  position: relative;
  z-index: 2;
  width: min(320px, 100%);
  max-width: 100%;
  margin: 0 auto;
  transform: none;
  transform-style: flat;
  filter: drop-shadow(-16px 24px 24px rgba(0, 0, 0, .42));
}

.book-shell::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 7px -10px 7px 10px;
  background: linear-gradient(90deg, #8e7751, #d3bd91 62%, #665334);
  border: 1px solid rgba(239, 212, 155, .38);
}

.book-shell picture {
  display: block;
}

.book-cover {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: inset 4px 0 12px rgba(255, 255, 255, .05);
}

@media (max-width: 900px) {
  .book-shell {
    width: min(300px, 82vw);
  }
}

@media (max-width: 600px) {
  .book-shell {
    width: min(270px, 78vw);
  }
}

@media (prefers-reduced-motion: reduce) {
  .book-shell {
    transform: none;
  }
}

/* source: theme.css */
:root {
  color-scheme: light;
  --ink: #f2ebdc;
  --surface: #e8dcc6;
  --slate: #625d54;
  --paper: #211e19;
  --gold: #8b6b3d;
  --gold-bright: #b38a4d;
  --line: rgba(50, 40, 29, .18);
  --accent: #9f342c;
}

.skip-link {
  color: #211e19;
}

body {
  background:
    radial-gradient(circle at 88% 4%, rgba(179, 138, 77, .13), transparent 27rem),
    linear-gradient(135deg, #f7f1e5 0%, #eee5d4 52%, #f4ecde 100%);
  color: var(--paper);
}

body::before {
  opacity: .35;
  background-image:
    linear-gradient(rgba(53, 43, 32, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(53, 43, 32, .025) 1px, transparent 1px);
}

.site-header.scrolled {
  background: rgba(244, 237, 223, .92);
  border-color: var(--line);
  box-shadow: 0 8px 35px rgba(56, 44, 31, .06);
}

.wordmark,
footer .wordmark {
  color: #27231d;
}

.wordmark span,
.text-link span {
  color: var(--accent);
}

.nav > a:not(.button) {
  color: #4f4a42;
}

.nav > a:hover {
  color: var(--accent);
}

.menu-button {
  color: #27231d;
}

.menu-button span:not(.sr-only) {
  background: #27231d;
}

.button {
  background: #29241d;
  color: #f6efe2;
  border-color: #29241d;
  box-shadow: 0 10px 26px rgba(46, 37, 28, .12);
}

.button:hover {
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 14px 34px rgba(111, 43, 35, .17);
}

.hero h1 em,
.final-cta em,
.eyebrow,
.section-label p {
  color: var(--accent);
}

.hero-lead,
.prose,
.author-copy > p:not(.eyebrow),
.audience-copy,
.accordion details p,
.final-cta > div > p:not(.eyebrow) {
  color: #5d5850;
}

.prose p:first-child,
.audience-copy p:last-child {
  color: #28241e;
}

.microcopy,
.section-label span,
.learning-grid p,
.section-intro > p,
.review-grid figcaption,
.review-grid figcaption span {
  color: #6d675d;
}

.text-link {
  border-bottom-color: var(--accent);
}

.book-shadow {
  background: rgba(67, 48, 28, .28);
}

.section {
  border-color: var(--line);
}

.learn,
.reviews,
.faq {
  background: rgba(218, 202, 174, .18);
}

.statement,
.learning-grid,
.learning-grid li,
.accordion details,
.legal {
  border-color: var(--line);
}

.learning-grid li > span,
.accordion summary span,
.stars {
  color: var(--accent);
}

.author-portrait {
  position: relative;
  margin: 0;
  padding: 14px;
  background: #e2d4bc;
  border: 1px solid rgba(88, 65, 39, .28);
  box-shadow: 0 28px 65px rgba(67, 49, 31, .16);
}

.author-portrait::after {
  content: "";
  position: absolute;
  inset: 26px -12px -12px 26px;
  z-index: -1;
  border: 1px solid var(--accent);
  opacity: .55;
}

.author-portrait img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  object-position: center 25%;
  filter: saturate(.86) contrast(1.02);
}

.author-portrait figcaption {
  padding: 14px 4px 2px;
  color: #655d51;
  font-size: .62rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.final-cta {
  background:
    linear-gradient(90deg, rgba(159, 52, 44, .08), transparent 22%, transparent 78%, rgba(159, 52, 44, .08)),
    #dfd0b5;
  border-block: 1px solid rgba(75, 55, 34, .18);
}

footer {
  color: #625c52;
}

.audience-grid {
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  align-items: start;
  gap: clamp(56px, 8vw, 110px);
}

.audience-heading h2 {
  max-width: 650px;
  font-size: clamp(3.2rem, 5.4vw, 5.7rem);
  line-height: 1.02;
}

.audience-content {
  min-width: 0;
}

.audience-types {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.audience-types li {
  min-width: 0;
  padding: 28px 24px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font-family: var(--serif);
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  line-height: 1.2;
}

.audience-types li span {
  display: block;
  margin-bottom: 15px;
  color: var(--accent);
  font-family: var(--mono);
  font-size: .58rem;
  letter-spacing: .15em;
}

.audience-copy {
  max-width: 650px;
  margin-top: 42px;
  padding-left: 34px;
  border-left: 1px solid var(--gold);
}

.audience-copy p:first-child {
  margin-top: 0;
}

.audience-copy p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1100px) {.audience-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }.audience-heading h2 {
    max-width: 760px;
    font-size: clamp(3rem, 7vw, 5.2rem);
  }.audience-content {
    max-width: 760px;
  }.audience-copy {
    max-width: 700px;
  }}

@media (max-width: 900px) {.nav {
    background: #f1e8d8;
    border-color: var(--line);
    box-shadow: 0 18px 35px rgba(65, 49, 32, .12);
  }.author-portrait {
    width: min(520px, 100%);
    margin-inline: auto;
  }}

@media (max-width: 520px) {.audience-heading h2 {
    font-size: clamp(2.65rem, 13vw, 4rem);
  }.audience-types {
    grid-template-columns: minmax(0, 1fr);
  }.audience-types li {
    padding: 23px 20px;
  }.audience-copy {
    margin-top: 34px;
    padding-left: 22px;
  }}

@media (prefers-contrast: more) {:root {
    --paper: #120f0b;
    --line: rgba(18, 15, 11, .4);
  }}

/* Keep the reader profile copy comfortably readable at every width. */
.audience-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: clamp(56px, 7vw, 96px);
}

.audience-grid > * {
  min-width: 0;
}

.audience-copy {
  width: 100%;
  max-width: 540px;
}

@media (max-width: 1100px) {.audience-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 52px;
  }.audience-copy {
    max-width: 720px;
  }}

@media (max-width: 600px) {.audience h2 {
    font-size: clamp(2.75rem, 13vw, 4rem);
  }.audience-copy {
    padding-left: 24px;
  }}

.author-portrait picture {
  display: block;
}

/* Keep decorative elements and long theme strips inside the viewport. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

/* Content stays visible when JavaScript is unavailable. */
.reveal {
  opacity: 1;
  transform: none;
}

.js-ready .reveal {
  opacity: 0;
  transform: translateY(24px);
}

.js-ready .reveal.visible {
  opacity: 1;
  transform: none;
}

@media (max-width: 900px) {.menu-button {
    width: 44px;
    height: 44px;
  }}

@media (prefers-reduced-motion: reduce) {.js-ready .reveal {
    opacity: 1;
    transform: none;
  }}

/* source: premium-pages.css */
body.premium-page{--ink:#080a0c;--ink-2:#0c1013;--paper:#f2eee5;--muted:#a8adb2;--gold:#d7ab67;--gold-2:#f0cf98;--line:rgba(215,171,103,.28);--hair:rgba(255,255,255,.08);background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}body.premium-page::before{opacity:.34;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:72px 72px}.premium-page .reading-progress{position:fixed;z-index:1000;inset:0 0 auto;height:2px;pointer-events:none}.premium-page .reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));box-shadow:0 0 12px rgba(240,207,152,.35)}.premium-page .premium-header{height:74px;padding:0 clamp(22px,4.2vw,72px);border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(8,10,12,.86),rgba(8,10,12,.24));transition:height .3s ease,background .3s ease,border-color .3s ease}.premium-page .premium-header.scrolled{height:62px;background:rgba(8,10,12,.9);border-color:rgba(215,171,103,.16);backdrop-filter:blur(14px)}.premium-page .wordmark{font-family:var(--serif);font-weight:500;font-size:1.55rem;letter-spacing:.08em}.premium-page .nav{gap:28px}.premium-page .nav>a:not(.button){position:relative;font-size:.67rem;letter-spacing:.12em;color:#d5d6d7}.premium-page .nav>a:not(.button)::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--gold-2);transition:right .25s ease}.premium-page .nav>a:not(.button):hover::after,.premium-page .nav>a[aria-current="page"]::after{right:0}.premium-page .button{background:linear-gradient(180deg,#f1d7a6,#d5aa66);border:1px solid rgba(255,255,255,.14);box-shadow:none;color:#17130e;transition:transform .25s ease,box-shadow .25s ease}.premium-page .button:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,0,0,.28)}.premium-page .button span{display:inline-block;transition:transform .25s ease}.premium-page .button:hover span{transform:translateX(4px)}.premium-page main{position:relative;isolation:isolate}.premium-page .page-hero{position:relative;max-width:none;margin:0;padding:156px clamp(24px,7vw,112px) 92px;min-height:68vh;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--hair);overflow:hidden}.premium-page .page-hero::before{content:"";position:absolute;inset:74px 0 0 48%;background-image:linear-gradient(rgba(215,171,103,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(215,171,103,.065) 1px,transparent 1px);background-size:48px 48px;opacity:.35;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 70%,transparent)}.premium-page .page-hero::after{content:"";position:absolute;width:720px;height:720px;right:-210px;top:-120px;border:1px solid rgba(215,171,103,.12);transform:rotate(18deg);clip-path:polygon(18% 0,100% 0,100% 82%,0 100%);pointer-events:none}.premium-page .page-hero>*{position:relative;z-index:1;max-width:1050px}.premium-page .page-hero .eyebrow,.premium-page .section-label p{font-size:.62rem;letter-spacing:.34em;color:#e3daca}.premium-page .page-hero h1{font-family:var(--serif);font-size:clamp(3.6rem,7vw,7.2rem);font-weight:400;line-height:.96;letter-spacing:-.04em;margin:18px 0 28px}.premium-page .page-hero h1 em{font-style:normal;color:var(--gold-2)}.premium-page .page-hero .hero-lead{font-family:var(--serif);font-size:clamp(1.08rem,1.7vw,1.38rem);line-height:1.65;color:#c2c4c5;max-width:760px}.premium-page .section{max-width:none;padding:96px clamp(24px,7vw,112px);border-bottom:1px solid var(--hair)}.premium-page .section-label{display:grid;grid-template-columns:auto minmax(40px,1fr) auto;gap:18px;align-items:center;margin-bottom:50px}.premium-page .section-label::after{content:"";height:1px;background:linear-gradient(90deg,var(--gold),rgba(215,171,103,.12));order:2;transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.premium-page .section-label.visible::after{transform:scaleX(1)}.premium-page .section-label span{order:1;font-family:var(--mono);font-size:2rem;color:var(--gold-2)}.premium-page .section-label p{order:3;margin:0;text-transform:uppercase;white-space:nowrap}.premium-page .section h2,.premium-page .section h1{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}.premium-page .section h2{font-size:clamp(2.65rem,4.7vw,5rem);line-height:1.02}.premium-page .section h3{font-family:var(--serif);font-weight:400}.premium-page .prose{color:#b8bbbe}.premium-page .prose p:first-child{color:#eee8df}.premium-page .text-link{font-size:.62rem;letter-spacing:.16em;border-bottom:1px solid rgba(215,171,103,.5);transition:color .2s,border-color .2s}.premium-page .text-link span{display:inline-block;transition:transform .2s}.premium-page .text-link:hover{color:var(--gold-2);border-color:var(--gold-2)}.premium-page .text-link:hover span{transform:translateX(4px)}.premium-page .built-cover-grid{display:grid;grid-template-columns:minmax(340px,.72fr) 1fr;gap:10vw;align-items:center}.premium-page .book-stage{position:relative;min-height:670px;display:grid;place-items:center;perspective:1400px}.premium-page .book-shell{position:relative;z-index:3;margin:0;width:min(390px,72vw);transform-style:preserve-3d;transition:transform .22s ease-out;will-change:transform}.premium-page .book-shell::before{content:"";position:absolute;inset:3% -4% 1% auto;width:10%;background:linear-gradient(90deg,#bdb7aa,#e8e1d5 38%,#7f796e);transform:translateZ(-14px);z-index:-1;filter:brightness(.62)}.premium-page .book-shell::after{content:"";position:absolute;inset:0;border:1px solid rgba(239,207,152,.22);box-shadow:inset -10px 0 22px rgba(0,0,0,.28);pointer-events:none}.premium-page .book-cover{display:block;width:100%;height:auto;filter:grayscale(.74) sepia(.31) brightness(.64) contrast(1.16) saturate(.72);box-shadow:0 36px 80px rgba(0,0,0,.64),0 0 0 1px rgba(215,171,103,.14)}.premium-page .book-shadow{width:68%;height:70px;bottom:45px;background:#000;filter:blur(30px);opacity:.88}.premium-page .built-cover-grid .prose{font-family:var(--serif);font-size:1.18rem;line-height:1.75}.premium-page .learning-grid{border-top:1px solid var(--line)}.premium-page .learning-grid li{padding:42px 42px 42px 70px;border-color:var(--hair);transition:background .25s ease,transform .25s ease}.premium-page .learning-grid li:hover{background:rgba(215,171,103,.028);transform:translateY(-2px)}.premium-page .learning-grid li>span{color:var(--gold-2)}.premium-page .learning-grid h3{font-size:1.55rem}.premium-page .audience-types{border-color:var(--hair)}.premium-page .audience-types li{border-color:var(--hair);transition:color .2s ease,background .2s ease}.premium-page .audience-types li:hover{color:var(--gold-2);background:rgba(215,171,103,.025)}.premium-page .audience-types span{color:var(--gold)}.premium-page .accordion details{border-color:var(--hair)}.premium-page .accordion summary span{color:var(--gold-2)}.premium-page .author{padding-top:154px;display:grid;grid-template-columns:minmax(360px,.82fr) 1.18fr;gap:9vw;align-items:center}.premium-page .author-portrait{position:relative;margin:0}.premium-page .author-portrait::before{content:"";position:absolute;inset:-18px 20px 18px -18px;border:1px solid rgba(215,171,103,.32);z-index:-1}.premium-page .author-portrait img{display:block;width:100%;height:auto;filter:grayscale(1) sepia(.15) brightness(.8) contrast(1.08)}.premium-page .author-portrait figcaption{text-transform:uppercase;letter-spacing:.22em;font-size:.55rem;color:#9fa3a5;margin-top:18px}.premium-page .author-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(3.2rem,6vw,6.6rem);line-height:.98;letter-spacing:-.04em;margin:16px 0 28px}.premium-page .author-copy>p:not(.eyebrow){font-family:var(--serif);font-size:1.12rem;line-height:1.7}.premium-page .systems-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.premium-page .systems-copy p{font-family:var(--serif);font-size:1.1rem;line-height:1.7;color:#b9bcc0}.premium-page .systems-flow{display:grid;gap:0;max-width:520px;margin-left:auto}.premium-page .systems-flow div{position:relative;padding:18px 24px;border:1px solid rgba(215,171,103,.28);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;background:rgba(255,255,255,.012)}.premium-page .systems-flow div:not(:last-child)::after{content:"";position:absolute;width:1px;height:22px;left:50%;top:100%;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform .45s ease}.premium-page .systems-flow.activated div:not(:last-child)::after{transform:scaleY(1)}.premium-page .systems-flow.activated div:nth-child(2)::after{transition-delay:.1s}.premium-page .systems-flow.activated div:nth-child(3)::after{transition-delay:.2s}.premium-page .systems-flow.activated div:nth-child(4)::after{transition-delay:.3s}.premium-page .systems-flow div+div{margin-top:22px}.premium-page .about-links-grid{gap:1px;background:var(--hair);border:1px solid var(--hair)}.premium-page .about-link-card{background:#090b0d;padding:42px;transition:background .25s ease,transform .25s ease}.premium-page .about-link-card:hover{background:#0d1013;transform:translateY(-2px)}.premium-page .about-link-card h3{font-size:1.8rem}.premium-page .insights-grid{grid-template-columns:repeat(2,1fr)}.premium-page .insights-grid li{min-height:210px}.premium-page .insights-note{margin-top:48px;color:#a8adb0}.premium-page .media-assets-grid{gap:2px;background:var(--hair);border:1px solid var(--hair)}.premium-page .media-assets-grid figure{background:#090b0d;padding:28px}.premium-page .media-assets-grid img{filter:grayscale(.72) sepia(.18) brightness(.74);transition:filter .25s ease}.premium-page .media-assets-grid figure:hover img{filter:grayscale(.42) sepia(.15) brightness(.82)}.premium-page .media-assets-grid figcaption{border-color:var(--hair);color:#c5c5c1}.premium-page .media-assets-grid figcaption a{color:var(--gold-2)}.premium-page .media-kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair)}.premium-page .media-kit-card{padding:34px;background:#090b0d}.premium-page .media-kit-card h3{font-size:1.65rem;margin-top:6px}.premium-page .media-kit-card p{color:#b7b9bb}.premium-page .topic-list{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--hair)}.premium-page .topic-list li{padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--serif);font-size:1.08rem}.premium-page .contact-form{max-width:900px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.006));border:1px solid var(--line);padding:clamp(24px,4vw,52px)}.premium-page .form-row input,.premium-page .form-row select,.premium-page .form-row textarea{background:#090b0d;border-color:rgba(255,255,255,.13);color:var(--paper);transition:border-color .2s ease,box-shadow .2s ease}.premium-page .form-row input:focus,.premium-page .form-row select:focus,.premium-page .form-row textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,171,103,.08);outline:none}.premium-page .form-note{color:#9fa3a7}.premium-page footer{max-width:none;padding:72px clamp(24px,7vw,112px) 38px;border-top:1px solid var(--hair)}.premium-page .footer-links{flex-wrap:wrap}.premium-page .final-cta{background:radial-gradient(circle at 50% 110%,rgba(215,171,103,.14),transparent 45%);border-top:1px solid var(--hair)}.premium-page .final-cta h2{font-weight:400}.premium-page .final-cta h2 em{font-style:normal;color:var(--gold-2)}@media(max-width:900px){.premium-page .page-hero{min-height:60vh;padding-top:130px}.premium-page .built-cover-grid,.premium-page .author,.premium-page .systems-panel{grid-template-columns:1fr;gap:58px}.premium-page .book-stage{min-height:560px}.premium-page .author{padding-top:130px}.premium-page .author-portrait{max-width:640px}.premium-page .systems-flow{margin:0;max-width:none}.premium-page .insights-grid{grid-template-columns:1fr}.premium-page .media-kit-grid{grid-template-columns:1fr}}@media(max-width:600px){.premium-page .page-hero{padding:120px 24px 72px;min-height:auto}.premium-page .page-hero h1{font-size:3.55rem}.premium-page .section{padding:78px 24px}.premium-page .section-label{grid-template-columns:auto 1fr;gap:14px}.premium-page .section-label::after{grid-column:2;grid-row:1}.premium-page .section-label p{grid-column:1/-1;grid-row:2}.premium-page .book-stage{min-height:480px}.premium-page .book-shell{width:260px}.premium-page .media-assets-grid{grid-template-columns:1fr}.premium-page .contact-form{padding:24px}.premium-page footer{padding-inline:24px}}@media(prefers-reduced-motion:reduce){.premium-page .section-label::after,.premium-page .systems-flow div::after{transition:none;transform:none!important}.premium-page .book-shell{transition:none}}

/* source: premium-overrides.css */
/* Final compatibility layer for the dark BUILT redesign. It intentionally sits after the legacy light theme. */
body.home-premium,
body.premium-page{color-scheme:dark}

.home-premium .wordmark,
.premium-page .wordmark,
.home-premium footer .wordmark,
.premium-page footer .wordmark{color:var(--paper)}

.home-premium .menu-button span:not(.sr-only),
.premium-page .menu-button span:not(.sr-only){background:var(--paper)}

.premium-page .author-portrait{padding:0;background:transparent;border:0;box-shadow:none}
.premium-page .author-portrait::after{display:none}

.premium-page .learn,
.premium-page .reviews,
.premium-page .faq{background:rgba(255,255,255,.012)}

.premium-page .final-cta{border-block-color:var(--hair)}

@media(max-width:900px){
  .home-premium .nav,
  .premium-page .nav{background:rgba(8,10,12,.98);border-color:rgba(215,171,103,.18);box-shadow:0 20px 48px rgba(0,0,0,.38)}
  .home-premium .nav>a:not(.button),
  .premium-page .nav>a:not(.button){color:#e2dfd8}
  .home-premium .menu-button,
  .premium-page .menu-button{color:var(--paper)}
}

/* source: site-tuning.css */
/* Shared readability and responsive tuning for the premium BUILT site.
   Keeps the dark architectural identity while introducing more ambient light
   and a cleaner tablet/mobile transition. */

body.home-premium,
body.premium-page {
  --ink: #11151a !important;
  --ink-2: #171c22 !important;
  --paper: #f6f1e8 !important;
  --muted: #c2c6ca !important;
  --hair: rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 78% 8%, rgba(255,244,225,.055), transparent 30%),
    linear-gradient(180deg, #12171c 0%, #0f1317 48%, #12171c 100%) !important;
}

.home-premium .premium-header,
.premium-page .premium-header {
  background: linear-gradient(180deg, rgba(17,21,26,.90), rgba(17,21,26,.40));
  border-bottom-color: rgba(255,255,255,.09);
}

.home-premium .premium-header.scrolled,
.premium-page .premium-header.scrolled {
  background: rgba(17,21,26,.92);
}

.home-premium .hero-lead,
.premium-page .page-hero .hero-lead {
  color: #d1d4d6;
}

.home-premium .hero-note,
.home-premium .premium-section p,
.premium-page .prose,
.premium-page .systems-copy p {
  color: #c4c7ca;
}

.premium-page .book-cover {
  filter: grayscale(.62) sepia(.25) brightness(.72) contrast(1.12) saturate(.78);
  box-shadow: 0 34px 76px rgba(0,0,0,.48), 0 0 0 1px rgba(240,207,152,.18);
}

.home-premium .premium-section,
.premium-page .section {
  background:
    radial-gradient(circle at 88% 0%, rgba(255,244,225,.035), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.006) 24%, transparent 72%);
}

.home-premium .premium-section:nth-of-type(even),
.premium-page .section:nth-of-type(even) {
  background:
    radial-gradient(circle at 12% 12%, rgba(240,207,152,.035), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.016), transparent 72%);
}

.home-premium .foundation-card,
.premium-page .learning-grid li,
.premium-page .systems-flow div {
  background: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.010));
}

.premium-page .about-link-card,
.premium-page .media-assets-grid figure,
.premium-page .media-kit-card,
.premium-page .form-row input,
.premium-page .form-row select,
.premium-page .form-row textarea {
  background: #12171c;
}

.premium-page .about-link-card:hover {
  background: #171d23;
}

/* WCAG AA footer treatment. The old light-theme footer color was too dark on
   the graphite footer after the premium theme was introduced. */
.home-premium .premium-footer,
.home-premium footer,
.premium-page footer {
  color: #bfc3c6 !important;
}

.home-premium .premium-footer .wordmark,
.home-premium footer .wordmark,
.premium-page footer .wordmark {
  color: var(--paper) !important;
}

.home-premium .premium-footer .wordmark span,
.home-premium footer .wordmark span,
.premium-page footer .wordmark span {
  color: var(--gold-2, #f0cf98) !important;
}

.home-premium .premium-footer a,
.home-premium footer a,
.premium-page footer a,
.home-premium .premium-footer .legal,
.home-premium footer .legal,
.premium-page footer .legal {
  color: #bfc3c6;
}

.home-premium .premium-footer a:hover,
.home-premium footer a:hover,
.premium-page footer a:hover {
  color: var(--gold-2, #f0cf98);
}

/* Homepage authority layer: author and editorial discovery. */

.home-premium .closing-band,
.premium-page .final-cta {
  background:
    radial-gradient(circle at 72% 115%, rgba(240,207,152,.20), transparent 38%),
    linear-gradient(180deg, #171c21, #101419);
}

.home-premium .premium-footer,
.premium-page footer {
  background: #0d1115;
}

/* Switch layout at tablet width rather than waiting until a cramped 900px. */
@media (max-width: 1024px) {.site-header {
    height: 70px;
  }.menu-button {
    display: flex;
    width: 40px;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    align-items: center;
  }.menu-button span:not(.sr-only) {
    display: block;
    width: 22px;
    height: 1px;
    background: var(--paper);
  }.nav {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    padding: 30px clamp(24px,5vw,48px);
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
  }.nav.open {
    display: flex;
  }.home-premium .nav,
  .premium-page .nav {
    background: rgba(17,21,26,.985);
    border-bottom: 1px solid rgba(240,207,152,.20);
    box-shadow: 0 22px 52px rgba(0,0,0,.34);
  }.premium-page .page-hero {
    min-height: 56vh;
    padding-top: 128px;
  }.premium-page .built-cover-grid,
  .premium-page .author,
  .premium-page .systems-panel,
  .premium-page .about-links-grid,
  .premium-page .media-assets-grid {
    grid-template-columns: 1fr;
  }.premium-page .author,
  .premium-page .built-cover-grid,
  .premium-page .systems-panel {
    gap: 58px;
  }.premium-page .systems-flow {
    max-width: none;
    margin-left: 0;
  }}

/* Phone-specific refinement. */
@media (max-width: 640px) {.premium-page .page-hero h1 {
    font-size: clamp(3rem, 14vw, 3.7rem);
  }.home-premium .premium-section,
  .premium-page .section {
    padding-inline: 22px;
  }.home-premium .book-stage,
  .premium-page .book-stage {
    min-height: 460px;
  }}

/* Touch devices should not depend on hover-only movement. */
@media (hover: none), (pointer: coarse) {.home-premium .button:hover,
  .premium-page .button:hover,
  .home-premium .foundation-card:hover,
  .home-premium .home-insight-index li:hover,
  .premium-page .learning-grid li:hover,
  .premium-page .about-link-card:hover {
    transform: none;
  }.home-premium .book-shell,
  .premium-page .book-shell {
    will-change: auto;
  }}

/* source: pages.css */
/* Shared components for the interior pages. Loads after styles.css / cover.css / theme.css
   and only adds new selectors or new properties on existing ones, so nothing already
   live is overridden. */

.nav > a[aria-current="page"] { color: var(--accent); }
h2.shift-heading, h2.media-assets-heading, h2.contact-form-heading { margin: 0 0 48px; max-width: 720px; }
.footer-links { flex-wrap: wrap; row-gap: 12px; }

/* Interior page hero (BUILT, About, Insights, Media, Contact) */
.page-hero { max-width: var(--max); margin: auto; padding: 170px 5vw 60px; }
.page-hero h1 { font-family: var(--serif); font-weight: 600; line-height: 1.05; letter-spacing: -.02em; font-size: clamp(3rem, 6vw, 5.5rem); margin: 18px 0 24px; }
.page-hero h1 em { color: var(--accent); font-style: italic; }
.page-hero .hero-lead { max-width: 680px; }

/* Homepage: book facts strip beside the hero copy */

/* Homepage: seven-mechanic grid */

/* Homepage: effort -> architecture shift table */

/* Homepage: compact book teaser linking to /built/ */

/* Homepage: short author preview linking to /about/ */

/* Homepage: insights theme preview linking to /insights/ */

.insights-note { margin-top: 50px; color: var(--slate); font-size: .95rem; }

/* BUILT page: cover beside intro copy */
.built-cover-section { padding-top: 0; }
.built-cover-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 9vw; align-items: center; }

/* About / Media: two-up link tiles, hairline divider instead of shadowed cards */
.about-links-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); }
.about-link-card { display: block; background: var(--surface); padding: 44px 38px; transition: background .2s; }
.about-link-card:hover { background: #dfd0b5; }
.about-link-card .eyebrow { display: block; margin-bottom: 14px; }
.about-link-card h3 { font-family: var(--serif); font-size: 1.5rem; margin: 0 0 10px; }
.about-link-card p { margin: 0; color: var(--slate); font-size: .92rem; }

/* Media page: approved asset pair */
.media-assets-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.media-assets-grid figure { margin: 0; }
.media-assets-grid picture { display: block; }
.media-assets-grid img { width: 100%; height: auto; display: block; border: 1px solid var(--line); }
.media-assets-grid figcaption { margin-top: 14px; display: flex; justify-content: space-between; align-items: center; font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; color: var(--slate); }
.media-assets-grid figcaption a { color: var(--accent); border-bottom: 1px solid var(--accent); padding-bottom: 2px; }

/* Contact page: live form routed through a privacy-conscious email relay */
.contact-form { max-width: 640px; }
.form-note { background: rgba(159, 52, 44, .07); border: 1px solid rgba(159, 52, 44, .22); padding: 16px 20px; font-size: .86rem; color: #6b3229; margin: 0 0 36px; }
.form-note a { color: inherit; text-decoration: underline; }
.form-row { margin-bottom: 24px; display: flex; flex-direction: column; gap: 8px; }
.form-row label { font-size: .68rem; text-transform: uppercase; letter-spacing: .12em; color: var(--slate); }
.form-row input, .form-row select, .form-row textarea { font: inherit; font-size: .95rem; padding: 14px 16px; background: var(--surface); border: 1px solid var(--line); color: #28241e; }
.form-row input:focus-visible, .form-row select:focus-visible, .form-row textarea:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 2px; }
.contact-form button { margin-top: 8px; }
.contact-form button:disabled { cursor: wait; opacity: .65; transform: none; }

/* Privacy / Terms: simple prose pages */
.legal-page { padding-top: 170px; }
.legal-page h1 { font-family: var(--serif); font-size: clamp(2.6rem, 5vw, 4rem); margin: 18px 0 40px; }
.legal-page .prose { max-width: 680px; color: var(--slate); }
.legal-page .prose p { margin-bottom: 20px; }

@media (max-width: 900px) {.built-cover-grid, .built-intro-grid, .about-links-grid, .media-assets-grid { grid-template-columns: 1fr; gap: 40px; }.page-hero { padding-top: 130px; }.legal-page { padding-top: 130px; }}

@media (max-width: 600px) {.page-hero, .legal-page { padding-top: 110px; }.about-link-card { padding: 32px 24px; }}

@media (max-width: 360px) {.page-hero h1 { font-size: 2.7rem; }}

@media (prefers-reduced-motion: reduce) {.about-link-card { transition: none; }}

/* Analytics consent banner (injected by analytics.js) */
.consent-banner{position:fixed;z-index:90;left:max(16px,2vw);right:max(16px,2vw);bottom:16px;max-width:880px;margin:0 auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#0c1013;color:#f6f1e8;border:1px solid rgba(215,171,103,.28);box-shadow:0 18px 50px rgba(0,0,0,.5);font-family:"Manrope",Arial,sans-serif;font-size:.85rem;line-height:1.55}
.consent-banner strong{display:block;font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:1.05rem;margin-bottom:4px}
.consent-banner p{margin:0;color:#c2c6ca}
.consent-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.consent-banner .button{white-space:nowrap}
.consent-decline{background:none;border:0;padding:8px 2px;color:#f0cf98;font:inherit;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #d7ab67;cursor:pointer}
.consent-decline:hover{color:#fff}
.consent-decline:focus-visible{outline:2px solid #f0cf98;outline-offset:4px}
@media (max-width:650px){.consent-banner{flex-direction:column;align-items:flex-start;gap:14px;bottom:10px;padding:16px}.consent-actions{width:100%;justify-content:space-between}}

/* source: pass1-stability.css */
/* Pass 1: critical stability, accessibility, responsive navigation and portrait framing.
   This layer is intentionally narrow. Broader CSS consolidation belongs to Pass 2. */

body.home-premium,
body.premium-page {
  color-scheme: dark;
}

/* Progressive enhancement: content is visible by default. JavaScript opts into positional reveal motion only. */
body .reveal {
  opacity: 1 !important;
  transform: none !important;
}

html.js-ready body .reveal {
  opacity: 1 !important;
  transform: translateY(24px) !important;
}

html.js-ready body .reveal.visible {
  opacity: 1 !important;
  transform: none !important;
}

/* Permanent author-photo treatment: always show the complete source image, never crop or scale it up. */
body.home-premium .home-author-portrait,
body.premium-page .author-portrait {
  width: min(100%, 540px) !important;
  max-width: 540px !important;
  justify-self: center;
}

body.home-premium .home-author-portrait picture,
body.premium-page .author-portrait picture {
  display: block;
  padding: clamp(10px, 1.35vw, 16px);
  background: rgba(10, 14, 18, .78);
  border: 1px solid rgba(240, 207, 152, .14);
}

body.home-premium .home-author-portrait img,
body.premium-page .author-portrait img,
body.premium-page .media-assets-grid figure:last-child img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

body.home-premium .home-author-portrait img,
body.premium-page .author-portrait img {
  box-shadow: none !important;
}

/* Keep anchored sections clear of the sticky header. */
main [id] {
  scroll-margin-top: 96px;
}

/* Strong, consistent keyboard focus. */
.menu-button:focus-visible,
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--gold-bright, #efd49b) !important;
  outline-offset: 4px !important;
}

.skip-link:focus-visible,
.skip-link:focus {
  top: 12px;
  outline-offset: 3px !important;
}

.menu-button {
  min-width: 44px;
  min-height: 44px;
}

/* WCAG AA footer contrast on the dark premium palette. Legacy light-theme rules otherwise bleed through. */
body.home-premium footer,
body.premium-page footer,
body.home-premium footer p,
body.premium-page footer p,
body.home-premium footer a,
body.premium-page footer a {
  color: #aeb3b6 !important;
}

body.home-premium footer .wordmark,
body.premium-page footer .wordmark {
  color: #f2eee5 !important;
}

body.home-premium footer .wordmark span,
body.premium-page footer .wordmark span {
  color: var(--gold-2, #f0cf98) !important;
}

/* Recovery/related cards are dark surfaces; prevent legacy light-theme accent/text colors bleeding into them. */
body.premium-page .about-link-card .eyebrow {
  color: var(--gold-2, #f0cf98) !important;
}

body.premium-page .about-link-card p {
  color: #b8bdc1 !important;
}

/* Mobile navigation remains usable if JavaScript is unavailable. */
@media (max-width: 1024px) {
  html:not(.nav-ready) .menu-button {
    display: none !important;
  }

  html:not(.nav-ready) .nav {
    display: flex !important;
  }

  html.nav-ready .nav:not(.open) {
    display: none !important;
  }

  html.nav-ready .nav.open {
    display: flex !important;
  }

  .nav > a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  body.menu-open {
    overflow: hidden;
  }
}

/* Full motion opt-out, including reveals, hero entrance, diagrams and smooth scrolling. */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }

  html.js-ready body .reveal,
  html.js-ready body .reveal.visible,
  body .reveal,
  body.home-premium .hero-step {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  body.home-premium .rail-line,
  body.home-premium .shift-row i,
  body.home-premium .system-map path,
  body.premium-page .section-label::after,
  body.premium-page .systems-flow div::after {
    transition: none !important;
  }
}

@media (max-width: 640px) {
  body.home-premium .home-author-portrait,
  body.premium-page .author-portrait {
    width: min(100%, 480px) !important;
  }

  body.home-premium .home-author-portrait picture,
  body.premium-page .author-portrait picture {
    padding: 8px;
  }
}