:root{--brown:#28180f;--dark:#1c110c;--mid:#4a2e20;--gold:#d5b578;--cream:#f6ebd9;--muted:#ccbba6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--brown);color:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5b57830;background:var(--dark)}.brand{display:block;width:136px;height:78px}.logo{display:block;width:100%;height:100%;background:var(--gold);mask:url('assets/sugar-logo.png') center/contain no-repeat;-webkit-mask:url('assets/sugar-logo.png') center/contain no-repeat}header .logo,footer .logo{mask-size:140% auto;-webkit-mask-size:140% auto}nav{display:flex;gap:38px}nav a{text-decoration:none;font-size:14px;letter-spacing:.05em}nav a:hover{color:var(--gold)}.hero{position:relative;min-height:680px;padding:78px 6% 100px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:radial-gradient(ellipse at 83% 40%,#633d26 0,transparent 53%),var(--brown)}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.2em;font-weight:600;margin:0 0 24px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(44px,5.4vw,82px);letter-spacing:-.035em}em{font-weight:400;color:var(--gold)}.intro{color:var(--muted);max-width:420px;font-size:18px;line-height:1.7;margin:30px 0}.button{display:inline-block;text-decoration:none;padding:15px 28px;background:var(--gold);color:var(--dark);font-size:14px;font-weight:600;border:1px solid var(--gold);transition:background .2s}.button:hover{background:#ead0a1}.hero-mark{justify-self:center;width:100%;max-width:460px;aspect-ratio:1;border:1px solid #d5b57865;outline:1px solid #d5b57828;outline-offset:12px;position:relative}.hero-mark .logo{width:100%;height:100%;mask-size:115%;-webkit-mask-size:115%}.hero-mark p{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.21em;color:var(--gold)}.hero-bottom{position:absolute;left:6%;right:6%;bottom:26px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.1em}.collection{background:var(--cream);color:var(--brown);padding:90px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-head .eyebrow{color:#795735}h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.025em}.section-head>p{color:#775c48;font-size:14px;margin:0}.book-list{border-top:1px solid #96754b70}.book{display:flex;gap:32px;align-items:center;padding:36px 0;border-bottom:1px solid #96754b70}.number{font-family:Georgia,serif;font-size:20px;color:#886940;align-self:start;padding-top:10px}.book-info{flex:1}.book-by{font-size:11px;letter-spacing:.18em;color:#775c48;margin:0 0 9px}h3{font-size:clamp(26px,2.7vw,40px)}.purchase{font-size:14px;text-decoration:none;border:1px solid #87673f;padding:12px 22px;white-space:nowrap;transition:all .2s}.purchase:hover{background:var(--brown);color:var(--cream)}.availability{font-size:13px;color:#775c48;margin:26px 0 0}.about{padding:100px 6%;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;background:var(--mid)}.about h2{font-size:clamp(34px,3.5vw,52px);line-height:1.2}.about-copy p{color:#e4d4bf;margin:0 0 22px;font-size:17px}.text-link{color:var(--gold);text-underline-offset:6px;font-size:14px}.closing{text-align:center;padding:95px 6%;background:var(--dark)}.closing h2{font-size:clamp(42px,5vw,66px);margin-bottom:32px}footer{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d5b57830;background:var(--dark)}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}.skip{position:absolute;top:-100px;left:16px;background:var(--cream);color:var(--dark);padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:800px){header{height:85px}.hero{grid-template-columns:1fr;gap:48px;padding:56px 7% 95px}.hero-mark{max-width:300px}.hero-copy{max-width:520px}.hero-bottom{font-size:10px;gap:15px}nav{gap:20px}.collection{padding:65px 7%}.section-head{align-items:start;gap:20px}.section-head>p{max-width:120px}.book{gap:18px;flex-wrap:wrap;padding:28px 0}.purchase{margin-left:42px}.book-info{min-width:calc(100% - 50px)}.about{grid-template-columns:1fr;gap:35px;padding:65px 7%}.closing{padding:70px 7%}footer{flex-wrap:wrap;gap:16px}footer .brand{width:110px}h1{font-size:clamp(42px,9vw,68px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero{grid-template-columns:1fr 1.1fr;gap:55px}.hero-mark{max-width:650px;aspect-ratio:auto;border:0;outline:none;overflow:hidden;box-shadow:0 20px 60px #160c0860}.hero-mark img{display:block;width:100%;height:auto}.book-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;border:0}.book{display:flex;flex-direction:column;align-items:stretch;padding:0;border:0;gap:0;min-width:0}.cover{width:100%;aspect-ratio:2/3;object-fit:contain;object-position:bottom;background:#28180f;box-shadow:0 10px 25px #28180f25}.book-info{margin:24px 0 20px;min-height:100px}.book h3{font-size:27px;line-height:1.16}.purchase{text-align:center;margin-top:auto}.availability{margin-top:38px}@media(max-width:1000px){.book-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 25px}.hero{gap:35px}.book-info{min-height:72px}}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-mark{max-width:600px}.book-info{min-width:0}.purchase{margin-left:0}.book{padding:0}.hero h1{font-size:clamp(42px,8vw,65px)}}@media(max-width:440px){.book-list{gap:35px 18px}.book h3{font-size:23px}.purchase{padding:12px 7px;font-size:13px}.book-info{min-height:110px}}