/* Crème 1.7 / Art direction: give linen, woven check and engraving genuinely
   different layouts, while keeping the title selectable and accessible. */
.cd-cover { --cd-soft-foil: rgba(245,230,197,.73); }
.cd-cover .cf17-art { z-index:2; opacity:1; pointer-events:none; overflow:hidden; }
.cd-cover .cf17-art .embroidered-fruit { filter:drop-shadow(0 1px .85px rgba(31,17,11,.4)); }
.cd-cover .cf17-art .embroidered-sprig { filter:drop-shadow(0 .65px .65px rgba(25,13,7,.25)); }
.cd-cover .cf17-art .thread-flower { filter:drop-shadow(0 1px .7px rgba(26,18,9,.2)); }
.cd-cover .cf17-art .engraved-plate, .cd-cover .cf17-art .engraved-herb { vector-effect:non-scaling-stroke; }

/* 01 / Hand-embroidered linen: an asymmetrical heirloom layout. */
.cd-heirloom .cf17-art { opacity:.97; }
.cd-heirloom .cd-frame { inset:6.2% 7% 5.7% 10%;border:1px solid color-mix(in srgb,var(--cd-deco) 65%,transparent); outline:1px solid color-mix(in srgb,var(--cd-deco) 33%,transparent); outline-offset:-1.8cqw; }
.cd-heirloom .cd-typography {
  top:30%;left:13.5%;right:22%;min-height:0;max-height:32%;
  justify-content:center;align-items:flex-start;text-align:left;
}
.cd-heirloom .cd-overline { letter-spacing:.18em; font-size:3.1cqw; opacity:.85; }
.cd-heirloom .cd-title {
  font-family:'Cormorant Garamond',Georgia,serif; font-size:17.2cqw; line-height:.88;
  font-style:italic; font-weight:600; letter-spacing:-.045em;
  margin:7% 0 5%;
}
.cd-heirloom.cd-long .cd-title {font-size:12.7cqw;line-height:.96;}
.cd-heirloom.cd-verylong .cd-title {font-size:9.8cqw;line-height:.96;}
.cd-heirloom .cd-rule {justify-content:flex-start; width:74%;margin:5% 0 2%;}
.cd-heirloom .cd-subtitle {font-style:italic;text-align:left;font-size:5.4cqw;}
.cd-heirloom .cd-count { bottom:5.8%;left:18%;right:18%; }

/* 02 / Woven gingham: true all-over textile, a single printed linen label. */
.cd-check .cd-surface {
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.13) 0 .7px,rgba(28,18,20,.025) .7px 1.4px,transparent 1.4px 4.7px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 .75px,rgba(35,24,22,.025) .75px 1.4px,transparent 1.4px 4.7px),
    conic-gradient(from 90deg,var(--cd-check1) 25%,var(--cd-check2) 0 50%,var(--cd-check1) 0 75%,var(--cd-check2) 0) 0 0/20% 12.5%;
}
.cd-check .cd-typography {
  left:13%;right:12%;top:33%;min-height:30%;padding:9% 7%;
  background:linear-gradient(180deg,#f7ebd7,#eee0c9);
  border:1.1px solid #a28b75;outline:1px solid rgba(147,116,96,.55);outline-offset:-2.6cqw;
  box-shadow:0 3px 0 rgba(31,18,17,.09),0 13px 22px rgba(31,18,17,.22);
}
.cd-check .cd-overline {font-size:2.8cqw;letter-spacing:.15em;}
.cd-check .cd-title {font:600 16cqw/.89 'Cormorant Garamond',Georgia,serif;letter-spacing:-.055em;}
.cd-check.cd-long .cd-title {font-size:12.4cqw;}
.cd-check.cd-verylong .cd-title {font-size:9.2cqw;}
.cd-check .cf17-art {color:#68434b;opacity:.42;mix-blend-mode:multiply;}
.cd-check.cd-p-blue .cf17-art,.cd-check.cd-p-sage .cf17-art {color:#29434b;}
.cd-check .cd-rule {color:#8d7167;}
.cd-check .cd-count {color:var(--cd-ink);bottom:5.8%;text-shadow:0 2px 5px rgba(0,0,0,.4);}

/* 03 / Engraved cookbook: ink illustration above and below a confident title. */
.cd-etching .cd-surface {
  background:radial-gradient(circle at 50% 40%, rgba(255,255,255,.30),transparent 70%),
   repeating-linear-gradient(0deg,rgba(62,50,39,.018) 0 .7px,transparent .7px 4.2px);
}
.cd-etching .cf17-art {color:var(--cd-ink);opacity:.80;}
.cd-etching .cd-frame {border:1.6px solid var(--cd-ink);outline:1px solid color-mix(in srgb,var(--cd-ink) 55%,transparent);outline-offset:-2.8cqw;inset:4.8% 6.5% 4.5% 9%;}
.cd-etching .cd-typography {
  top:39%;left:12%;right:10%;min-height:22%;max-height:29%;
  background:color-mix(in srgb,var(--cd-bg) 88%,white 12%);border-top:1px solid color-mix(in srgb,var(--cd-ink) 37%,transparent);border-bottom:1px solid color-mix(in srgb,var(--cd-ink) 37%,transparent);
  padding:4% 1.5% 5%;text-align:center;
}
.cd-etching .cd-overline {font-size:3.1cqw;letter-spacing:.19em;color:var(--cd-ink);opacity:.83;}
.cd-etching .cd-title {font:600 18cqw/.91 'Cormorant Garamond',Georgia,serif;letter-spacing:-.06em;margin:4.5% 0 2.5%;text-wrap:balance;}
.cd-etching.cd-long .cd-title {font-size:13.4cqw;}
.cd-etching.cd-verylong .cd-title {font-size:9.8cqw;}
.cd-etching .cd-rule {margin:3% 0 2%;}
.cd-etching .cd-subtitle {font-size:5.1cqw;}
.cd-etching .cd-count {bottom:6.1%;}

/* Real-book presentation: quiet, tactile surfaces instead of generic cards. */
.atelier-choice {box-shadow:0 3px 8px rgba(72,50,35,.045);}
.atelier-choice:hover {box-shadow:0 14px 26px rgba(72,50,35,.11);}
.atelier-choice[aria-pressed="true"] {box-shadow:0 0 0 1px rgba(99,67,47,.5),0 13px 23px rgba(64,43,30,.13);}
.atelier-choice .cd-cover {box-shadow:inset 6px 0 10px -3px rgba(14,9,5,.39),2px 3px 0 -1px #eee1c8,4px 5px 0 -1px #ddc6ab,7px 11px 17px rgba(52,34,23,.17);}
.atelier-stage {background:radial-gradient(circle at 50% 25%,#fffaf0,#e9dbc6 84%);}
.atelier-stage #wsCanvas .cd-cover {box-shadow:inset 10px 0 16px -6px rgba(17,10,7,.43),4px 5px 0 -2px #f6ead7,8px 9px 0 -2px #d7c4ab,17px 23px 35px rgba(63,41,26,.23);}
.atelier-stage .stage-label {font-size:10px;letter-spacing:.21em;}
.atelier-panel .hint {line-height:1.5;}
@media(max-width:650px){.atelier-stage #wsCanvas .cd-cover {box-shadow:inset 8px 0 12px -5px rgba(17,10,7,.34),4px 5px 0 -2px #e9d5be,9px 15px 25px rgba(63,41,26,.17);}}
@media(prefers-reduced-motion:reduce){.cd-cover,.atelier-choice{transition:none!important;}}
@media print {.cd-cover .cf17-art{opacity:1}.cd-cover{box-shadow:none!important}}
/* Compact typesetting for long real-world book names and shelf thumbnails. */
.cd-heirloom.cd-long .cd-title {font-size:11.4cqw;line-height:.94;margin:5% 0 3%;}
.cd-heirloom.cd-verylong .cd-title {font-size:6.2cqw;line-height:.96;margin:3% 0 2%;}
.cd-heirloom.cd-verylong .cd-typography {top:30%;left:12%;right:12%;max-height:34%;}
.cd-heirloom.cd-long .cd-subtitle,.cd-heirloom.cd-verylong .cd-subtitle {font-size:4.5cqw;line-height:1.13;}
.cd-heirloom.cd-verylong .cd-rule {margin:2% 0;}
.cd-etching.cd-long .cd-title {font-size:11.1cqw;line-height:.94;margin:3% 0 2%;}
.cd-etching.cd-verylong .cd-title {font-size:7.8cqw;line-height:.95;margin:2% 0 1.5%;}
.cd-etching.cd-verylong .cd-overline {font-size:2.7cqw;}
.cd-etching.cd-verylong .cd-rule {margin:1% 0;}
.cd-etching.cd-long .cd-subtitle,.cd-etching.cd-verylong .cd-subtitle {font-size:4.1cqw;line-height:1.1;}