/* The Dante Curriculum (0.14.11, look "product_dante"), on top of product.css: the colours of the /dante/ page
   designed before the Showroom (ember and gold on a warm night, the paintings' palette), Merriweather for headings
   and the poem's lines (its italic), Nunito Sans for the rest. /dante/ and its nineteen products' pages share it.
   The products' heroes are dark, with an ember glow behind the cover. */
@font-face{font-family:"Merriweather";src:url(fonts/merriweather.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

.th-product_dante{
  --night:#1A1514;--night2:#2A1B15;--cta:#B4562A;--ctah:#96461F;--link:#96461F;--gold:#D98A52;--gold-l:#F3D9A8;
  --ink:#231C1A;--ink2:#6B5E55;--tint:#F7F3EE;--rule:#E6DED4;
  --pd-red:#96461F;--pd-rose:#D98A52;--pd-soft:#FBF1EA;--pd-text:#3D3330;--pd-line:#DCD2C6;
  --disp:"Merriweather",Georgia,serif;--para:#2F6F7A;--purg:#7E6246;
}
.th-product_dante .pd-btn,.th-product_dante a.pd-btn{color:#fff;border-radius:2px}
.th-product_dante .pd-btn.line{color:var(--ink)}
.th-product_dante .pd-ul{color:var(--ink);border-bottom-color:var(--cta)}
.th-product_dante .pd-ul:hover{color:var(--cta)}
.th-product_dante .bg-dark .pd-ul{color:#fff}
.th-product_dante .pd-eyebrow{color:var(--cta);font-size:12px;letter-spacing:.2em}
.th-product_dante .bg-dark .pd-eyebrow{color:var(--pd-rose)}
.th-product_dante .pd-h2{font:400 clamp(28px,3.3vw,38px)/1.2 var(--serif);color:var(--ink);text-wrap:balance}
.th-product_dante .pd-h3{font:400 clamp(20px,2.2vw,24px)/1.3 var(--serif);color:var(--ink)}
.th-product_dante .bg-dark .pd-h2,.th-product_dante .pd-person.dark .pd-h2{color:var(--gold-l)}
.th-product_dante .pd-k{color:var(--cta)}
.th-product_dante .sec-pd-crumbs{border-bottom:0}

/* the products' heroes: dark, the ember glow behind the cover, the buy box white */
.th-product_dante .pd-hero{background:radial-gradient(ellipse 60% 70% at 26% 48%,#4A2716 0%,#2A1B15 45%,#1A1514 80%);color:#D4C9BE}
.th-product_dante .sec-pd-crumbs{background:#1A1514}
.th-product_dante .pd-crumbs nav{color:#A89C92}
.th-product_dante .pd-crumbs nav a{color:#A89C92}
.th-product_dante .pd-crumbs nav span[aria-current]{color:var(--gold-l)}
.th-product_dante .pd-crumbs .pd-ul{color:#fff}
.th-product_dante .pd-hero-in{padding-block:clamp(28px,4vw,48px) clamp(48px,6vw,72px)}
.th-product_dante .pd-cover{padding-block:28px}
.th-product_dante .pd-cv{box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
.th-product_dante .pd-kicker{color:var(--gold);font-size:12px;letter-spacing:.2em}
.th-product_dante .pd-title{font:400 clamp(36px,4.6vw,54px)/1.08 var(--serif);color:#fff}
.th-product_dante .pd-sub{font:italic 400 clamp(18px,2vw,21px)/1.35 var(--serif);color:var(--gold-l)}
.th-product_dante .pd-credits{color:#A89C92;font-size:14.5px}
.th-product_dante .pd-strap{font:400 16.5px/1.65 var(--sans);color:#D4C9BE;max-width:600px}
.th-product_dante .pd-box{border-radius:6px}
.th-product_dante .pd-fs legend{color:var(--ctah)}
.th-product_dante .pd-add input{accent-color:var(--cta)}
.th-product_dante .pd-add-img{width:34px;height:auto;object-fit:contain;border-radius:0;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.th-product_dante .pd-add-grp .pd-add-img{width:40px}
.th-product_dante .pd-soon.pre,.th-product_dante .pd-add [data-half-note]{color:var(--para)}
.th-product_dante .pd-also{color:#D4C9BE}
.th-product_dante .pd-also:hover,.th-product_dante .pd-after a:hover{color:var(--gold-l)}
.th-product_dante .pd-after{color:#D4C9BE}
.th-product_dante .pd-after a{color:var(--gold-l)}
.th-product_dante .pd-hero .pd-btn.line.pd-more{align-self:flex-start;flex:0 0 auto;min-height:46px;padding:0 20px;color:var(--gold-l);box-shadow:inset 0 0 0 1.5px #A89C92;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase}
.th-product_dante .pd-hero .pd-btn.line.pd-more:hover{background:rgba(255,255,255,.06);color:#fff}

/* the opening of /dante/ */
.th-product_dante .pd-open-h{font:400 clamp(44px,6vw,68px)/1.05 var(--serif);color:var(--ink)}
.th-product_dante .pd-open-h span{font-style:italic;color:var(--cta)}
.th-product_dante .pd-open-line{font:italic 400 clamp(18px,2vw,21px)/1.5 var(--serif);color:#6B4A33}
.th-product_dante .pd-open-p p{font-size:18px;color:var(--pd-text)}
.th-product_dante .pd-open-acts .pd-btn{border-radius:2px;letter-spacing:.1em}
.th-product_dante .pd-open-acts .pd-ul{font-size:14.5px}

/* quotations, the poem's lines and the commendation */
.th-product_dante .pd-quote blockquote{font:italic 400 clamp(19px,2vw,22px)/1.6 var(--serif);color:var(--ink)}
.th-product_dante .pd-quote figcaption{font:800 12.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.th-product_dante .pd-quote figcaption span{font:400 13.5px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink2)}
.th-product_dante .pd-band-q blockquote{color:var(--gold-l)}

/* the course's three points beside its text (/dante/) */
.th-product_dante #course .pd-aside dt{color:var(--cta)}
.th-product_dante #course .pd-aside dd{font-weight:400;font-size:15.5px;line-height:1.55;color:var(--pd-text)}

/* the course's steps and the parts with their prices: six parts in two rows of three; the pages from inside the
   books two by two (they are spreads, wide) */
@media (min-width:900px){
  .th-product_dante .pd-parts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .th-product_dante .pd-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .th-product_dante .pd-feats:has(> .pd-feat:only-child){grid-template-columns:minmax(0,640px);justify-content:center}
  .th-product_dante .pd-parts:has(> .pd-part:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-inline:auto}
}
.th-product_dante .pd-step{border-top-color:var(--cta)}
.th-product_dante .pd-step .pd-k{color:var(--cta)}
.th-product_dante .pd-step-h{font:400 19px/1.3 var(--serif);color:var(--ink)}
.th-product_dante .pd-part h3{font:400 17.5px/1.3 var(--serif)}
.th-product_dante .pd-part h3 a{color:var(--ink)}
.th-product_dante .pd-part-price b{font:400 19px/1 var(--serif);color:var(--ink)}
.th-product_dante .pd-strip-i.here{box-shadow:inset 0 0 0 2px var(--cta)}
.th-product_dante .pd-strip-i b{color:var(--ink)}
.th-product_dante .pd-pair-t h3{font:400 clamp(20px,2vw,24px)/1.25 var(--serif)}
.th-product_dante .pd-feat h3{font:400 17px/1.3 var(--serif);color:var(--ink)}
.th-product_dante .pd-feat-pic{background:#fff;border-color:var(--rule);height:auto;padding:0}
.th-product_dante .pd-feat-pic img{width:100%;box-shadow:none}
.th-product_dante .pd-more-box{background:#fff}
.th-product_dante .pd-list-n{color:var(--cta)}
.th-product_dante .pd-cards .pd-card .pd-k{font-size:12px;letter-spacing:.14em}
.th-product_dante .pd-card p{font-size:15.5px;line-height:1.6}

/* the about section's box, the questions, the person */
.th-product_dante .pd-aside{border-top-color:var(--cta)}
.th-product_dante .pd-aside h3,.th-product_dante .pd-aside dd{color:var(--ink)}
.th-product_dante .pd-faq summary{font:400 17px/1.4 var(--serif);color:var(--ink)}
.th-product_dante .pd-faq-x::before,.th-product_dante .pd-faq-x::after{background:var(--cta)}
.th-product_dante .pd-person-img{aspect-ratio:4/5;object-fit:cover;border-radius:0;box-shadow:0 16px 36px rgba(26,21,20,.25)}
.th-product_dante .pd-person-ph{flex-basis:220px;max-width:220px}
.th-product_dante .pd-person .pd-h2{font-size:clamp(26px,3vw,32px)}

/* the After Hours talk, in the page's night */
.th-product_dante .pd-talk h2{font-family:var(--serif);font-weight:400}

@media (max-width:760px){
  .th-product_dante .pd-cv{max-width:220px}
  .th-product_dante .pd-cover{padding-block:8px}
}
.th-product_dante .pd-quote figcaption i,.th-product_dante .pd-quote figcaption em{font:italic 400 13.5px/1.4 var(--sans)}
/* 0.14.12: the parts in groups run the full width (the two-card rule above centres a lone pair of parts) */
.th-product_dante .pd-grps .pd-parts.n2:not(.choice){max-width:none;margin-inline:0}
