@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,500;0,600;1,500&display=swap');
:root{--paper:#f8f5ef;--ink:#202247;--purple:#6541b9;--line:#ded9e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 'DM Sans',sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #c98227;outline-offset:6px}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:18px;font-weight:700;letter-spacing:.14em;line-height:1.3}.brand span{display:block;font-size:9px;letter-spacing:.21em;margin-top:7px}.nav{font-size:13px;text-decoration:none}.nav span{margin-left:12px}.hero{text-align:center;padding-top:65px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:700;color:var(--purple)}.dot{display:inline-block;background:#a0ae87;width:7px;height:7px;border-radius:50%;margin-right:9px}h1,h2{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(44px,6.2vw,78px);margin:22px 0}em{font-weight:500;color:var(--purple)}.intro{max-width:560px;margin:0 auto 26px;color:#5e5c70}.button{display:inline-flex;gap:32px;align-items:center;text-decoration:none;background:var(--ink);color:#fff;padding:13px 23px;border-radius:5px;font-size:13px;font-weight:600;transition:background .2s}.button:hover{background:var(--purple)}.hero-art{margin:46px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #3631510d}.hero-art img{display:block;width:100%;height:auto}.art-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;margin-top:16px;color:#6d687c}.first{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center;padding:110px 0}.book-art{background:#e9e3f1;border-radius:160px 160px 12px 12px;text-align:center;padding:35px 45px 28px}.edition{display:block;font-size:9px;letter-spacing:.17em;margin-bottom:24px;color:var(--purple)}.book-art img{max-width:270px;width:100%;height:auto;display:block;margin:auto;box-shadow:12px 18px 30px #2c234334;transform:rotate(-4deg);border-radius:3px}.caption{display:block;font-size:11px;margin-top:28px;color:#686073}h2{font-size:clamp(36px,4.2vw,53px);margin:16px 0 24px}.first-copy p{color:#646171}.first-copy strong{color:var(--ink)}.ingredients{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.ingredients span{font-size:10px;border:1px solid #d9d2e2;border-radius:30px;padding:5px 11px}.studio{background:#242440;color:#f9f5ed;padding:75px 0}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.studio .eyebrow{color:#c1acd9}.studio em{color:#d6c0ee}.studio p{margin-top:0;color:#d8d3df}.studio .light{background:#f3ebfa;color:#302441;margin-top:14px}.closing{text-align:center;padding:75px 0 85px}.closing p:last-child{color:#666175;font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0;border-top:1px solid var(--line);font-size:10px;color:#6b6575}footer .brand{font-size:12px;color:var(--ink)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:10}@media(max-width:700px){.wrap{width:calc(100% - 36px)}header{padding:24px 0}.brand{font-size:13px}.brand span{font-size:7px}.nav{font-size:11px}.hero{padding-top:42px}h1{font-size:45px}.intro{font-size:15px}.hero-art{margin-top:32px;border-radius:8px}.art-caption{font-size:7px;gap:12px}.first{grid-template-columns:1fr;gap:35px;padding:65px 0}.book-art{max-width:350px;width:100%;margin:auto}.first-copy{padding:0 8px}.studio{padding:48px 0}.studio-grid{grid-template-columns:1fr;gap:12px}.closing{padding:55px 0}footer{flex-direction:column;text-align:center;gap:8px}footer p{margin:5px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}