@import url("signature-font.css");
/* Refined direction requested by Rachel: original logo, flowing script, quiet details. */
:root{--hand:'Allison','Snell Roundhand',cursive}
.site-header{justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:14px 4%;gap:30px;min-height:115px}
.site-header .brand{width:125px;flex:0 0 125px;margin-right:auto}
.site-header .logo-frame{position:static;display:block;width:125px;height:108px;overflow:visible}
.site-header .logo-frame img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:normal}
.site-header nav{width:auto;margin:0;justify-content:flex-end;gap:28px;font-size:14px;white-space:nowrap}
.site-header .small-tag{display:none}
.site-footer .footer-logo{width:95px;height:90px;overflow:visible}
.site-footer .footer-logo img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:normal}
.hero h1{font-family:var(--hand);font-size:clamp(48px,4.5vw,76px);font-weight:400;line-height:1.06;letter-spacing:0}
.planner-scene.compact .hero h1,body[data-page="archive"] .hero h1{font-family:var(--sans);font-size:clamp(34px,3.6vw,46px);font-weight:600;letter-spacing:-.03em;line-height:1.2}
.about-intro h1{font-weight:600;letter-spacing:-.025em}
.about-intro h1 em{font-family:var(--hand);font-size:1.15em;font-style:normal;font-weight:400;line-height:1.1;letter-spacing:0;display:inline-block;margin-top:10px}
.about-quote p{font-family:var(--hand);font-size:32px;line-height:1.3}
.rachel-portrait figcaption{font-family:var(--hand);font-size:28px;line-height:1.3}
.about-signoff{font-family:var(--hand);font-size:32px;line-height:1.4}
h2,.card h3{font-weight:600}
body[data-page="archive"]{background-image:none}
body[data-page="archive"] .planner-scene::after{display:none}
.archive-keepsake{display:none}
.archive-botanical{opacity:.4}
body[data-page="archive"] .catalog{background:transparent;border:0;box-shadow:none}
body[data-page="archive"] .section-heading h3{font-family:var(--sans);font-size:25px;font-weight:600;letter-spacing:-.025em;padding:5px 0}
body[data-page="archive"] .section-heading h3::before{display:none}
body[data-page="archive"] .book-section{border-top-style:solid}
body[data-page="archive"] .section-jumps a{border-radius:3px;border-width:0 0 1px;box-shadow:none;background:transparent;padding:10px 13px}
body[data-page="archive"] .section-jumps a:nth-child(n){background:transparent}
body[data-page="archive"] .section-jumps a:hover{background:var(--ivory)}
body[data-page="archive"] .cover{outline:0;border-radius:8px}
body[data-page="archive"] .section-more{border-style:solid;box-shadow:none;border-radius:4px}
.about-quote{background:transparent;border:0;border-left:1px solid var(--bone-taupe);border-radius:0;transform:none}
.rachel-portrait{transform:none;background:transparent;border:0;padding:0}
.photo-pair figure{border:0;background:transparent;padding:0}
.photo-pair figure::before{display:none}
.photo-pair img{border-radius:5px}
.searchbox{box-shadow:0 2px 10px #3d332908}
@media(max-width:650px){.site-header{padding:12px 18px;gap:16px;min-height:100px}.site-header .brand{width:95px;flex-basis:95px}.site-header .logo-frame{width:95px;height:90px}.site-header nav{gap:15px;font-size:12px;flex-wrap:wrap;white-space:normal;max-width:220px}.hero h1{font-size:54px}.about-intro h1{font-size:36px}.about-intro h1 em{font-size:1.18em}body[data-page="archive"] .section-heading h3{font-size:22px}.about-quote p{font-size:30px}}
@media(max-width:360px){.site-header nav{gap:10px;font-size:11px}.hero h1{font-size:47px}}

/* Keep handwriting to short personal accents; prose and captions stay easy to read. */
.about-intro h1 em{font-size:1.08em;line-height:1.2;font-synthesis:none}
.about-quote p{font-family:var(--sans);font-size:22px;line-height:1.6;font-weight:400}
.rachel-portrait figcaption{font-family:var(--sans);font-size:14px;line-height:1.5}
.about-signoff{font-size:36px;font-synthesis:none}
@media(max-width:650px){.about-intro h1 em{font-size:1.16em}.about-quote p{font-size:20px}.about-signoff{font-size:32px}}

/* Editorial stationery refinement: approved fonts and brand colors, quieter surfaces. */
body{background:#fcfaf6}
.site-header{background:#fcfaf6;padding:10px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line)}
.site-header .brand{width:150px;flex-basis:150px}
.site-header .logo-frame{width:150px;height:124px}
.site-header nav{gap:36px;font-size:14px}
.site-header nav a{padding:12px 0;text-underline-offset:9px;text-decoration-thickness:1px}
.site-header nav a:hover{color:#825135}
.eyebrow,.hero .eyebrow{font-size:11px;letter-spacing:2.2px}
.site-footer{background:var(--cream);padding:30px max(24px,calc((100vw - 1240px)/2));gap:40px}
.site-footer>span:nth-child(2){max-width:600px;line-height:1.8}
.maker-note{padding:30px 24px;background:#fcfaf6}
/* A spacious portrait introduction and a measured reading column. */
.about-page{max-width:1160px;padding:64px 40px 80px}
.about-intro:has(.rachel-portrait){grid-template-columns:minmax(0,1fr) 340px;gap:80px;align-items:center;padding:16px 0 70px}
.about-intro h1{font-size:clamp(40px,4.4vw,60px);line-height:1.16;margin:24px 0}
.about-intro h1 em{margin-top:16px;color:#825135}
.about-lead{max-width:430px;font-size:18px;line-height:1.8;margin-top:26px}
.rachel-portrait{position:relative;max-width:none;padding:0 0 18px 18px;border-left:1px solid var(--bone-taupe);border-bottom:1px solid var(--bone-taupe);border-radius:0}
.rachel-portrait img{border-radius:2px}
.rachel-portrait figcaption{text-align:left;font-size:12px;letter-spacing:.3px;margin-top:16px}
.about-story{grid-template-columns:minmax(0,650px) minmax(180px,1fr);gap:60px 70px;padding-top:64px}
.about-story h2{font-size:29px;line-height:1.3;margin:0 0 22px}
.about-story section p{font-size:17px;line-height:1.85;margin:0 0 20px;max-width:62ch}
.about-quote{padding:30px 0 30px 28px;text-align:left;align-self:start;margin-top:8px}
.about-quote p{font-size:23px;line-height:1.6;color:var(--ink)}
.about-quote span{font-size:10px;letter-spacing:2px}
.collection-photos{padding-top:48px;border-top:1px solid var(--line)}
.photo-pair{grid-template-columns:1.15fr 1fr;align-items:start;gap:36px;margin-top:32px}
.photo-pair figure:nth-child(2){margin-top:64px}
.photo-pair img{border-radius:2px}
.photo-pair figcaption{text-align:left;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}
.about-story .about-contact{grid-column:1/-1;padding:38px 42px;background:var(--cream);border-radius:0;border-top:1px solid var(--bone-taupe)}
.about-contact h2{font-size:27px}
.about-contact a{display:inline-block;padding:8px 0;text-underline-offset:6px}
.about-signoff{margin-top:44px;color:#825135}
/* Search stays the main event; controls have consistent, practical shapes. */
.searchbox{border-radius:5px;background:#fcfaf6;box-shadow:0 6px 24px #3d33290a;padding:6px}
.searchbox input{font-size:16px;padding:14px 8px}
.searchbox button{border-radius:3px;background:var(--ink);color:#fcfaf6;font-size:13px;padding:15px 18px}
.searchbox button:hover{background:#655043}
.suggestions{gap:8px 16px;margin-top:24px}
.suggestions button{border:0;border-bottom:1px solid var(--bone-taupe);border-radius:0;background:transparent;padding:7px 2px;font-size:12px}
.suggestions button:hover{background:transparent;border-color:var(--ink)}
/* Book covers presented like a consistent collection of objects. */
.catalog{max-width:1240px;padding:56px 40px}
.grid{gap:36px 28px}
.cover,.card:nth-child(n) .cover,body[data-page="archive"] .cover{background:#f2eee7;border:1px solid #e8e1d7;border-radius:3px;padding:22px}
.cover img{filter:drop-shadow(0 5px 5px #3d33291a)}
.card:hover .cover img{transform:translateY(-3px)}
.card h3{font-family:var(--sans);font-weight:600;font-size:18px;line-height:1.4}
.category{margin-top:18px;letter-spacing:1.1px}
.facts,.alias{line-height:1.65}
body[data-page="archive"] .planner-scene{background:var(--cream);padding:64px max(30px,calc((100vw - 900px)/2)) 54px;height:auto}
.archive-botanical{opacity:.22}
.quick input{border-radius:4px;background:#fcfaf6;border-color:var(--bone-taupe);padding:16px 18px}
body[data-page="archive"] .section-jumps{gap:8px 16px;margin-bottom:48px}
body[data-page="archive"] .section-jumps a{padding:12px 0;font-size:13px}
body[data-page="archive"] .book-section{padding-top:30px;margin-bottom:64px}
body[data-page="archive"] .section-heading{margin-bottom:28px}
body[data-page="archive"] .section-heading h3{font-size:28px}
.section-more,.more-wrap button,.button{border-radius:3px;padding:14px 24px}
.book{max-width:1160px;padding:60px 40px}
.book-top{gap:64px}
.terms li,.terms li:nth-child(n){background:transparent;border-radius:3px;border-color:var(--line)}
@media(max-width:900px){
 .about-intro:has(.rachel-portrait){grid-template-columns:minmax(0,1fr) 260px;gap:36px}
 .about-story{grid-template-columns:minmax(0,1fr) 210px;gap:44px 36px}
 .searchbox button{width:100%;margin:4px 0 0}
}
@media(max-width:750px){
 .about-page{padding:36px 24px 54px}
 .about-intro:has(.rachel-portrait){grid-template-columns:1fr;gap:32px;padding-bottom:44px}
 .rachel-portrait{width:100%;max-width:340px}
 .about-intro h1{font-size:40px}
 .about-story{grid-template-columns:1fr;gap:38px;padding-top:42px}
 .about-story section,.about-quote{grid-column:1;grid-row:auto}
 .about-quote{max-width:430px;margin:0;padding:10px 0 10px 24px}
 .about-story h2{font-size:26px}
 .about-story .about-contact{padding:28px 24px}
 .photo-pair{gap:24px}
 .photo-pair figure:nth-child(2){margin-top:32px}
 .book-top{gap:32px}
}
@media(max-width:650px){
 .site-header{padding:8px 20px;gap:16px}
 .site-header .brand{width:110px;flex-basis:110px}
 .site-header .logo-frame{width:110px;height:100px}
 .site-header nav{gap:12px;font-size:12px}
 .catalog,.book{padding:36px 22px}
 .grid{gap:28px 16px}
 .cover,.card:nth-child(n) .cover,body[data-page="archive"] .cover{padding:14px}
 .site-footer{padding:28px 24px;gap:20px}
 body[data-page="archive"] .planner-scene{padding:40px 24px}
 .hero .eyebrow{font-size:10px}
 .collection-photos{padding-top:32px}
}
@media(max-width:500px){.photo-pair{grid-template-columns:1fr}.photo-pair figure:nth-child(2){margin-top:8px}.about-intro h1{font-size:36px}}