@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#391724;--wine:#62253e;--paper:#c98b9b;--rose:#dfa9b6;--muted:#59313f;--line:#39172435}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--wine);outline-offset:6px}::selection{background:var(--wine);color:#ffe7ed}
.header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 7%;border-bottom:1px solid var(--line)}.wordmark{font-family:'Playfair Display',Georgia,serif;font-size:25px;line-height:1.3}.wordmark span{display:block;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:3px;color:var(--muted);margin-top:6px}nav{display:flex;flex-wrap:wrap;gap:30px;font-size:14px}nav a{border-bottom:1px solid transparent}nav a:hover{border-color:var(--wine)}
.hero{position:relative;min-height:650px;display:flex;align-items:center;padding:55px 7% 75px;overflow:hidden}.hero-image{position:absolute;right:7%;top:45px;bottom:65px;width:39%;border-radius:220px 220px 16px 16px;background:linear-gradient(#cc8b9b55,#cc8b9b55),url('romance-hero.png') 76% center/cover no-repeat;box-shadow:0 18px 50px #62253e25}.hero-content{position:relative;z-index:1;width:57%;max-width:740px;padding:20px 0}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;line-height:1.6;margin:0 0 24px;color:var(--wine)}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-1px;margin:0}h1{font-size:clamp(60px,7.3vw,104px)}em{font-weight:400;color:var(--wine)}.intro{max-width:410px;font-size:18px;margin:28px 0 32px}.button{display:inline-block;background:var(--wine);color:#ffe7ed;padding:14px 26px;font-size:14px;font-weight:600;border:1px solid var(--wine);border-radius:28px;transition:background .2s}.button:hover{background:#491c2f}.hero-note{position:absolute;bottom:22px;right:7%;font-size:12px;letter-spacing:1.7px;color:var(--muted)}
.section{padding:82px 8%}.section-top{display:flex;justify-content:space-between;gap:20px;color:var(--wine)}.section-top>span{font-size:14px}h2{font-size:clamp(38px,4.3vw,60px)}.stories{background:#d49aa9;border-top:1px solid var(--line)}.stories>h2{margin:0 0 48px}.story{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;padding:48px;margin-top:24px;border:1px solid var(--line);border-radius:12px}.story-one{background:#c38194}.story-two{background:#dfa9b6}.number{font-size:12px;letter-spacing:1.6px;margin:0 0 28px;font-weight:600}.story h3{font-size:clamp(38px,4.2vw,58px)}.status{font-size:14px;margin:22px 0 0;color:var(--muted)}.story-copy{padding-top:8px}.story-copy>p{max-width:510px}.story-lead{font-family:'Playfair Display',Georgia,serif;font-size:25px;line-height:1.4;margin:0 0 20px}.themes{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.themes span{font-size:12px;line-height:1.5;border:1px solid var(--line);border-radius:20px;padding:7px 12px}.progress{font-size:14px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:0}.availability{font-size:14px;color:var(--muted);margin:27px 0 0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.signature{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:68px;color:var(--wine);line-height:1;margin-top:42px}.about-copy{padding-top:36px;max-width:540px}.about-lead{font-family:'Playfair Display',Georgia,serif;font-size:27px;line-height:1.4;margin-top:0}.author-name{font-size:14px;letter-spacing:1px;margin-top:32px;color:var(--wine)}
.closing{text-align:center;background:#b87389;padding:70px 24px 78px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.closing>p:not(.eyebrow){max-width:480px;margin:24px auto}.text-link{display:inline-block;border-bottom:1px solid var(--wine);padding-bottom:4px;font-size:14px;color:var(--wine)}.contact{border-bottom:1px solid var(--line);text-align:center;background:#d49aa9}.contact-email{display:inline-block;font-size:clamp(18px,3vw,28px);color:var(--wine);border-bottom:1px solid var(--wine);overflow-wrap:anywhere;max-width:100%;margin:12px 0}.contact-domain{font-size:14px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 7%;font-size:12px}footer>a{font-family:'Playfair Display',Georgia,serif;font-size:20px}footer p{margin:0;color:var(--muted)}footer>span{color:var(--muted)}
@media(min-width:1600px){.section{padding-left:max(8%,calc((100vw - 1350px)/2));padding-right:max(8%,calc((100vw - 1350px)/2))}}
@media(max-width:900px){.hero{min-height:590px}.hero-image{width:36%;right:5%}.hero-content{width:60%}h1{font-size:clamp(58px,8vw,78px)}.story{gap:35px;padding:35px}.about{gap:40px}}
@media(max-width:760px){.header{padding:20px 6%;align-items:flex-start;gap:20px}.wordmark{font-size:21px}nav{gap:15px;font-size:14px;padding-top:5px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:40px 7% 65px;gap:30px}.hero-content{width:100%;padding:0;order:0}.hero-image{position:relative;inset:auto;width:100%;height:280px;order:1;border-radius:140px 140px 12px 12px;background-position:center,75% 55%}.hero-note{left:7%;right:7%;font-size:12px;letter-spacing:1px;bottom:20px}h1{font-size:clamp(58px,12vw,88px)}.intro{font-size:17px;max-width:440px}.section{padding:58px 7%}.section-top>span{display:none}.stories>h2{margin-bottom:30px}.story{grid-template-columns:1fr;gap:25px;padding:30px 25px}.number{margin-bottom:20px;letter-spacing:1px}.story h3{font-size:44px}.story-copy{padding-top:0}.status{margin-top:16px}.story-lead{font-size:24px}.themes{margin:22px 0}.about{grid-template-columns:1fr;gap:20px}.signature{display:none}.about-copy{padding-top:12px}.closing{padding:58px 7%}footer{flex-direction:column;gap:7px;text-align:center;padding:25px 6%}}
@media(max-width:480px){.header{flex-direction:column;gap:14px}.header nav{padding-top:0;gap:20px}.hero-image{height:240px}.eyebrow{letter-spacing:1.6px}.story{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}