/* Crème v1.5 Foundation — purposeful visual system: quiet UI, expressive books. */
:root {
  --creme-canvas:#faf6ee;
  --creme-ink:#30251e;
  --creme-ink-sub:#716355;
  --creme-cream:#fffaf3;
  --creme-border:#e2d4c4;
  --creme-accent:#755244;
  --creme-rose:#b86470;
  --creme-shadow:0 18px 46px rgba(66,44,31,.09);
}
:focus-visible {outline:3px solid #875b41;outline-offset:3px}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.welcome-stage {display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);gap:clamp(24px,4vw,60px);align-items:center;min-height:570px;background:linear-gradient(130deg,#fffaf3,#f0dfce);border:1px solid #e3d0bd;border-radius:28px;padding:clamp(28px,5vw,70px);overflow:hidden;box-shadow:var(--creme-shadow)}
.welcome-copy {position:relative;z-index:3}
.welcome-copy h1,.demo-copy h1 {font:500 clamp(45px,5.8vw,80px)/.99 'Cormorant Garamond',var(--font-book),serif;letter-spacing:-.05em;color:var(--creme-ink);margin:10px 0 20px;text-wrap:balance}
.welcome-copy .lead {max-width:42ch;font-size:18px;line-height:1.6;color:#695448}
.welcome-actions {display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}
.welcome-trust {display:flex;align-items:flex-start;gap:9px;color:#765f51;font:500 12px/1.5 var(--font-ui);max-width:47ch;margin:15px 0 0}
.welcome-visual {position:relative;min-height:420px;display:grid;place-items:center;isolation:isolate}
.welcome-visual::before {content:'';position:absolute;inset:10% 0 0;background:radial-gradient(ellipse,#edc8ae99,transparent 75%);z-index:-1}
.welcome-volume {position:absolute;width:clamp(160px,17vw,230px);filter:drop-shadow(8px 22px 20px #47352933);transition:transform .3s ease}
.welcome-volume .cover {width:100%;aspect-ratio:5/7}
.welcome-volume.volume-0 {transform:translate(-26%,8%) rotate(-8deg);z-index:3}
.welcome-volume.volume-1 {transform:translate(36%,-8%) rotate(10deg);z-index:2}
.welcome-volume.volume-2 {transform:translate(65%,-16%) rotate(23deg);z-index:1}
.demo-notice {display:flex;gap:10px;align-items:center;padding:13px 18px;margin-bottom:22px;border-radius:14px;background:#f8ebd7;border:1px solid #e7d5b8;color:#5b4434;font-size:14px}
.demo-preview {display:grid;grid-template-columns:minmax(220px,.68fr) minmax(0,1fr);gap:clamp(24px,5vw,65px);background:#fffbf5;border:1px solid #e6d6c4;border-radius:24px;padding:clamp(26px,5vw,60px);align-items:center}
.demo-book {width:min(100%,300px);margin:auto}.demo-book .cd-cover {width:100%}
.demo-ingredients {columns:2;padding-left:17px;margin-top:15px;line-height:1.9;color:#6a5446}
.quick-head {display:flex;gap:20px;justify-content:space-between;align-items:end;padding-bottom:20px;border-bottom:1px solid #dfcdbc;margin-bottom:22px}.quick-head>div {max-width:780px}
.quick-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.32fr);align-items:start;gap:24px}
.quick-form {padding:clamp(20px,3vw,34px);display:grid;gap:16px}
.quick-form .field {margin:0}.quick-import {padding:20px;border-radius:18px;background:#f5e8d8;border:1px solid #dfcbb3;display:grid;justify-items:start;gap:11px}
.quick-import>.field {width:100%}
.quick-import textarea {background:#fffcf8!important}
.quick-fields {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.quick-form textarea {resize:vertical;line-height:1.7;min-height:115px}
.quick-form [name="title"] {font:500 26px/1.25 'Cormorant Garamond',var(--font-book)}
.quick-form [name="ingredients"],.quick-form [name="steps"] {min-height:215px}
.quick-footer {border-top:1px solid #e2d3c1;padding-top:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.quick-footer .hint{margin:0;max-width:39ch}
.quick-aside {position:sticky;top:110px}.quick-note {background:#e8dacc;border:1px solid #d8c5b3;border-radius:20px;padding:22px 20px;color:#564336}
.quick-note h2 {font:italic 500 31px/1.16 'Cormorant Garamond',var(--font-book);margin:16px 0}.quick-note p {line-height:1.6}
.atelier-intro {font:italic 15px/1.5 var(--font-book);color:var(--muted);margin:-6px 0 14px;max-width:58ch}
.atelier-choice .cd-cover {box-shadow:0 13px 20px rgba(44,28,22,.22),inset 9px 0 14px -6px rgba(20,11,8,.45)}
@media(max-width:950px) {.welcome-stage {grid-template-columns:1fr}.welcome-visual {min-height:340px;max-width:480px;width:100%;margin:auto}.quick-layout {grid-template-columns:1fr}.quick-aside {display:none}}
@media(max-width:640px) {.welcome-stage {padding:22px 18px;min-height:0;gap:20px}.welcome-copy h1,.demo-copy h1 {font-size:52px}.welcome-visual {min-height:285px}.welcome-volume {width:150px}.welcome-actions>.btn,.welcome-actions>button {flex:1 1 100%}.demo-preview {grid-template-columns:1fr}.demo-book {width:160px}.demo-ingredients {columns:1}.quick-head {display:block}.quick-head>.btn {margin-top:14px}.quick-fields {grid-template-columns:1fr}.quick-form {padding:17px}.quick-form [name="ingredients"],.quick-form [name="steps"] {min-height:145px}.quick-footer>.btn {width:100%}}
@media print {.welcome-visual,.quick-aside {display:none}}

.atelier-more{grid-column:1/-1;border-top:1px solid #e1ceba;margin-top:2px;padding-top:12px}
.atelier-more summary{list-style:none;cursor:pointer;font:700 13px/1.5 var(--font-ui);color:var(--cocoa-dark);padding:11px 0;min-height:44px}
.atelier-more summary::-webkit-details-marker{display:none}
.atelier-more summary:after{content:' +';float:right;font-size:20px;line-height:1}
.atelier-more[open] summary:after{content:' −'}
.atelier-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.atelier-more-grid .atelier-choice .cd-cover{max-width:190px}

.recent-cook{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;align-items:center;padding:18px 24px;margin:28px 0;border-radius:24px;border:1px solid #e0cbb6;background:linear-gradient(110deg,#f1e4d5,#fff9f2);text-decoration:none;color:var(--creme-ink);box-shadow:0 12px 24px #46312310}
.recent-cook-photo .photo{border-radius:16px;aspect-ratio:1/1;overflow:hidden}
.recent-cook h2{font:italic 500 clamp(24px,3vw,35px)/1.13 'Cormorant Garamond',var(--font-book);margin:0 0 8px}
.recent-cook strong{display:block;font:600 18px/1.4 var(--font-book)}
.recent-cook span{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.recent-cook-link{display:inline-block;margin-top:12px;font-size:13px;color:var(--cocoa)}
@media(max-width:600px){.recent-cook{grid-template-columns:85px 1fr;gap:14px;padding:14px}.recent-cook h2{font-size:24px}.recent-cook .eyebrow{font-size:10px}}