@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#1d3d3b;--cream:#f7f1e6;--paper:#fffdf8;--orange:#c96f3d;--line:#d8cdbd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:13px;line-height:1.05;letter-spacing:.08em;text-transform:uppercase}.brand em{font-family:'Playfair Display',serif;font-size:16px;text-transform:none;letter-spacing:0}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--cream);width:39px;height:39px;border-radius:50%;font-size:11px}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{opacity:.75}nav a:hover{opacity:1}.cart-button{border:1px solid var(--ink);background:transparent;border-radius:99px;padding:10px 16px;color:var(--ink);font:inherit;cursor:pointer}.cart-button span{display:inline-grid;place-items:center;margin-left:7px;background:var(--orange);color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px}.hero{min-height:580px;padding:100px 12vw 80px;display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(110deg,#f3e8d7 0%,var(--cream) 58%,#ead8bf 100%);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:470px;height:470px;border:1px solid #c9b79e;border-radius:50%;right:7vw;top:80px;opacity:.55}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin:0 0 22px}.hero h1{font:500 clamp(54px,8vw,112px)/.93 'Playfair Display',serif;letter-spacing:-.055em;margin:0;position:relative;z-index:1}.hero h1 i{color:var(--orange);font-weight:500}.hero-copy{font-size:16px;line-height:1.6;max-width:390px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:99px;padding:14px 22px;font-weight:700;font-size:13px;cursor:pointer}.button.dark{background:var(--ink);color:var(--cream)}.button.dark:hover{background:#285955}.hero-note{position:relative;z-index:1;display:flex;gap:15px;align-items:center;font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em}.hero-note span{font:italic 34px 'Playfair Display';color:var(--orange)}.catalog-section{padding:100px 8vw 120px}.section-intro{display:flex;align-items:baseline;gap:35px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:50px}.section-intro .eyebrow{margin:0}.section-intro h2{font:500 38px 'Playfair Display';margin:0}.section-intro>p:last-child{margin-left:auto;color:#777;font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.book-card{cursor:pointer}.cover-wrap{aspect-ratio:2/2.85;background:#e6dccb;overflow:hidden;margin-bottom:18px;position:relative}.cover-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.book-card:hover .cover-wrap img{transform:scale(1.035)}.book-number{position:absolute;left:12px;top:12px;color:white;background:var(--ink);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:10px}.book-card h3{font:500 20px/1.05 'Playfair Display';margin:0 0 7px}.book-card p{font-size:12px;color:#777;margin:0}.editorial{background:var(--ink);color:var(--cream);padding:110px 14vw;position:relative}.editorial h2{font:500 clamp(40px,6vw,76px)/.98 'Playfair Display';margin:0 0 28px}.editorial p:last-child{max-width:360px;line-height:1.7;color:#d6d1c7}.detail{padding:80px 10vw 110px;display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:9vw;align-items:center;min-height:calc(100vh - 86px)}.detail-cover{background:#e6dccb;box-shadow:20px 20px 0 #e8dac6}.detail-cover img{display:block;width:100%;aspect-ratio:2/2.85;object-fit:cover}.detail-copy h1{font:500 clamp(44px,6vw,76px)/.95 'Playfair Display';letter-spacing:-.04em;margin:0 0 14px}.detail-copy .author{font-size:15px;color:var(--orange);margin-bottom:35px}.detail-copy .description{font-size:16px;line-height:1.7;max-width:520px;color:#4e5c59}.format-options{border-top:1px solid var(--line);margin-top:38px}.format-option{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.format-option strong{font-size:15px}.format-option button{padding:9px 14px}.cart-drawer{position:fixed;inset:0;z-index:5;pointer-events:none}.cart-drawer[aria-hidden="false"]{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:#172c2bb8;opacity:0;transition:.3s}.cart-drawer[aria-hidden="false"] .drawer-backdrop{opacity:1}.cart-drawer aside{position:absolute;right:0;top:0;width:min(430px,100%);height:100%;background:var(--paper);padding:28px;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column}.cart-drawer[aria-hidden="false"] aside{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.drawer-head h2{font:500 29px 'Playfair Display';margin:0}.icon-button{border:0;background:none;font-size:30px;color:var(--ink);cursor:pointer}.cart-row{display:grid;grid-template-columns:55px 1fr auto;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-row img{width:55px;height:75px;object-fit:cover}.cart-row h3{font:500 16px 'Playfair Display';margin:0 0 5px}.cart-row p{font-size:11px;color:#777;margin:0}.remove{border:0;background:none;color:#a04d35;cursor:pointer;font-size:11px}.empty{color:#777;font-size:14px;padding:40px 0}.cart-footer{margin-top:auto}.total{display:flex;justify-content:space-between;padding:22px 0;font-size:14px}.total strong{font-size:17px}.full{width:100%}.fine-print{text-align:center;color:#888;font-size:11px;line-height:1.4}@media(max-width:850px){nav{gap:12px}nav>a{display:none}.hero{padding:80px 8vw;min-height:540px}.hero:after{right:-180px}.hero-note{display:none}.section-intro{display:block}.section-intro>p:last-child{margin:12px 0 0}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:38px 18px}.detail{grid-template-columns:1fr;gap:55px;padding:50px 8vw 80px}.detail-cover{max-width:320px;margin:auto}.detail-copy h1{font-size:52px}}