:root{--cream:#fdf3ef;--cream-soft:#fef8f5;--paper:#fffbf9;--ink:#4a2f27;--ink-soft:#6f4c3e;--ink-faint:#84695c;--rose:oklch(0.60 0.13 28);--rose-deep:oklch(0.44 0.13 26);--rose-tint:oklch(0.93 0.04 30);--line:oklch(0.84 0.035 40);--ch1:oklch(0.50 0.15 22);--ch2:oklch(0.47 0.13 32);--ch3:oklch(0.44 0.07 150);--ch4:oklch(0.48 0.09 72);--ch5:oklch(0.44 0.05 350);--maxw:1120px;--gut:clamp(22px, 5vw, 60px);--pad:clamp(56px, 8vw, 104px);--radius:13px;--serif:"Frank Ruhl Libre",Georgia,"David Libre",serif;--sans:"Assistant",system-ui,sans-serif;--shadow:0 14px 40px -26px rgba(74,47,39,0.4);--ease:cubic-bezier(0.22, 0.61, 0.36, 1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;direction:rtl;font-family:var(--sans);color:var(--ink);background:var(--cream);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url("assets/paper-soft.webp") center top/cover no-repeat;opacity:.28}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.2;margin:0;letter-spacing:-.005em}
p{margin:0 0 1em;text-wrap:pretty}
a{color:var(--rose-deep);text-decoration:none}
a:hover{color:var(--rose)}
img{max-width:100%;height:auto;display:block}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut);position:relative;z-index:1}
section{position:relative;z-index:1}
.section{padding-block:var(--pad);scroll-margin-top:90px}
#hero,#openbook,#policies,.gates,.spread{scroll-margin-top:90px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.eyebrow{font-family:var(--sans);font-size:.76rem;letter-spacing:.28em;font-weight:600;color:var(--rose);display:inline-flex;align-items:center;gap:.7em;margin-bottom:1rem}
.eyebrow::before{content:"";width:30px;height:1px;background:currentColor;opacity:.6}
.eyebrow.center{justify-content:center}
.section-title{font-size:clamp(1.9rem, 4vw, 2.9rem);color:var(--ink)}
.sig{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--rose-deep)}
.rose-divider{background:url("assets/rose-line.png") center/contain no-repeat;height:clamp(44px,6vw,66px);width:min(420px,70%);margin:0 auto}
.section-divider{padding-block:clamp(24px,5vw,56px);position:relative;z-index:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--sans);font-size:1rem;font-weight:600;padding:.85em 1.9em;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease);white-space:nowrap}
.btn-primary{background:var(--rose-deep);color:#fff;box-shadow:0 10px 24px -14px var(--rose-deep)}
.btn-primary:hover{background:var(--rose);color:#fff;transform:translateY(-2px)}
.btn-ghost{background:0 0;color:var(--rose-deep);border-color:var(--rose)}
.btn-ghost:hover{background:var(--rose-tint);color:var(--rose-deep);transform:translateY(-2px)}
@media (max-width:400px){
.connect-actions,.hero-cta,.thanks-actions{max-width:320px;margin-inline:auto}
.connect-actions .btn,.hero-cta .btn,.thanks-actions .btn{flex:1 1 auto}
}
:focus-visible{outline:2px solid var(--rose-deep);outline-offset:3px;border-radius:4px}
.btn:focus-visible,.nav .nav-cta:focus-visible{outline-offset:4px}
.page-open:focus-visible{outline-offset:5px}
.reveal{opacity:1}
.js-anim .reveal:not(.in){opacity:0}
.reveal.in{animation:revealIn .6s var(--ease) both}
.reveal.d1.in{animation-delay:.08s}
.reveal.d2.in{animation-delay:.16s}
.reveal.d3.in{animation-delay:.24s}
@keyframes revealIn{
from{opacity:0;transform:translateY(18px)}
to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
.js-anim .reveal:not(.in){opacity:1}
.reveal.in{animation:none}
.taste-panel{animation:none}
html{scroll-behavior:auto}
}
.nav{position:fixed;inset-block-start:0;inset-inline:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,44px);padding:15px var(--gut);transition:background .4s var(--ease),padding .4s var(--ease),box-shadow .4s var(--ease)}
.nav.scrolled{background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(12px);padding-block:10px;box-shadow:0 1px 0 var(--line)}
.nav-brand{font-family:var(--serif);font-size:1.3rem;color:var(--ink);font-weight:500}
.nav-links{display:flex;align-items:center;gap:clamp(14px,2.2vw,30px);list-style:none;margin:0;padding:0}
.nav-links a{font-family:var(--sans);font-size:.96rem;color:var(--ink-soft);font-weight:500;position:relative;padding-block:4px}
.nav-links a::after{content:"";position:absolute;inset-block-end:0;inset-inline:0;height:1px;background:var(--rose);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}
.nav-links a:hover{color:var(--rose-deep)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-cta{padding:.5em 1.3em!important;background:var(--rose-deep);color:#fff!important;border-radius:var(--radius);font-weight:600}
.nav-cta::after{display:none}
.nav-cta:hover{background:var(--rose);color:#fff!important}
.burger{display:none;flex-direction:column;gap:5px;background:0 0;border:0;cursor:pointer;padding:8px}
.burger span{width:24px;height:2px;background:var(--ink);transition:transform .35s var(--ease),opacity .25s}
.burger.open span:first-child{transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:55;background:color-mix(in srgb,var(--paper) 97%,transparent);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s var(--ease),visibility 0s linear .35s}
.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s var(--ease),visibility 0s}
.mobile-menu a{font-family:var(--serif);font-size:1.7rem;color:var(--ink);padding:.32em 0}
.mobile-menu a:hover{color:var(--rose-deep)}
@media (max-width:860px){
.nav-links{display:none}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nav-brand{grid-column:2;justify-self:center}
.burger{display:flex;grid-column:3;justify-self:end}
}
.hero{min-height:100svh;display:flex;align-items:center;padding-block:118px 64px;overflow:hidden;position:relative}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("assets/paper-bg.webp") center/cover no-repeat;opacity:.6}
.hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(30px,6vw,84px);align-items:center;width:100%}
.hero-text{text-align:center}
.hero h1{font-size:clamp(2.6rem, 6vw, 4.6rem);line-height:1.04;color:var(--ink);margin-bottom:.15em}
.hero-id{font-family:var(--sans);font-size:clamp(1.05rem, 1.6vw, 1.3rem);letter-spacing:.04em;color:var(--rose-deep);font-weight:600;margin-bottom:1.8rem;text-align:center}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.hero-art{display:flex;justify-content:center;position:relative;z-index:1}
.book-mockup{width:min(400px,90%);height:auto;filter:drop-shadow(-10px 22px 26px rgba(74,47,39,.24))}
@media (max-width:800px){
.hero-grid{grid-template-columns:1fr;text-align:center;gap:36px}
.hero-cta{justify-content:center}
.hero-art{order:-1}
.book-mockup{width:min(300px,76vw,29svh)}
}
@media (max-width:800px) and (max-height:740px){
.hero{padding-block:92px 36px}
.hero-grid{gap:26px}
.hero-id{margin-bottom:1.1rem}
}
.about{background:0 0}
.about-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:clamp(32px,6vw,80px);align-items:start}
.about-lead{font-family:var(--serif);font-size:clamp(1.4rem, 2.7vw, 2rem);line-height:1.4;color:var(--ink)}
.about-lead em{color:var(--rose-deep);font-style:italic}
.about-body p{color:var(--ink-soft);font-size:1.08rem;max-width:56ch}
.about-body p+p{margin-top:1.1em}
@media (max-width:760px){
.about-grid{grid-template-columns:1fr;gap:26px}
}
.gates-intro{text-align:center;max-width:54ch;margin:0 auto clamp(30px,5vw,52px)}
.gates-intro p{color:var(--ink-soft);margin-top:.8rem}
.spread{position:relative;overflow:hidden;min-height:clamp(340px,48vh,480px);display:flex;align-items:center}
.spread-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.spread::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(-90deg,color-mix(in srgb,var(--cream) 78%,transparent) 0,color-mix(in srgb,var(--cream) 30%,transparent) 46%,transparent 72%)}
.spread.flip::before{background:linear-gradient(90deg,color-mix(in srgb,var(--cream) 78%,transparent) 0,color-mix(in srgb,var(--cream) 30%,transparent) 46%,transparent 72%)}
.spread-inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut);display:flex;justify-content:flex-start}
.spread.flip .spread-inner{justify-content:flex-end}
.spread-col{max-width:40ch}
.spread-num{font-family:var(--serif);font-style:italic;font-size:1rem;letter-spacing:.02em;display:block;margin-bottom:.4rem}
.spread-name{font-size:clamp(1.7rem, 3.4vw, 2.5rem);color:var(--ink);margin-bottom:.7rem}
.spread-quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem, 2.1vw, 1.45rem);line-height:1.45;margin-bottom:.8rem}
.spread-desc{color:var(--ink-soft);font-size:1.02rem;max-width:34ch;margin:0}
.spread--ch1 .spread-num,.spread--ch1 .spread-quote{color:var(--ch1)}
.spread--ch2 .spread-num,.spread--ch2 .spread-quote{color:var(--ch2)}
.spread--ch3 .spread-num,.spread--ch3 .spread-quote{color:var(--ch3)}
.spread--ch4 .spread-num,.spread--ch4 .spread-quote{color:var(--ch4)}
.spread--ch5 .spread-num,.spread--ch5 .spread-quote{color:var(--ch5)}
@media (max-width:620px){
.spread{min-height:300px}
.spread.flip::before,.spread::before{background:linear-gradient(0deg,color-mix(in srgb,var(--cream) 82%,transparent),color-mix(in srgb,var(--cream) 42%,transparent))}
.spread-col,.spread.flip .spread-col{max-width:none;text-align:center;margin-inline:auto}
.spread-desc{max-width:none}
}
.openbook{background:0 0}
.openbook-head{text-align:center;margin-bottom:clamp(22px,4vw,38px)}
.openbook-head p{color:var(--ink-soft);margin-top:.7rem}
.taste-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-bottom:clamp(24px,4vw,40px)}
.taste-tab{font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--ink-soft);background:color-mix(in srgb,var(--paper) 70%,transparent);border:1px solid var(--line);border-radius:999px;padding:.5em 1.15em;cursor:pointer;transition:color .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}
.taste-tab:hover{color:var(--rose-deep);border-color:var(--rose)}
.taste-tab.active{background:var(--rose-deep);color:#fff;border-color:var(--rose-deep)}
.taste-stage{display:flex;justify-content:center}
.taste-panel{margin:0;width:100%;display:flex;flex-direction:column;align-items:center;animation:fadePage .5s var(--ease) both}
.taste-panel[hidden]{display:none}
@keyframes fadePage{
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:none}
}
.page-open{padding:0;border:1px solid var(--line);cursor:zoom-in;border-radius:6px;overflow:hidden;box-shadow:var(--shadow);display:block;transition:transform .35s var(--ease),box-shadow .35s var(--ease);width:min(420px,86vw);aspect-ratio:1456/2041;background:var(--cream-soft)}
.page-open:hover{transform:translateY(-4px);box-shadow:0 22px 46px -24px rgba(74,47,39,.5)}
.page-open img{width:100%;height:100%;object-fit:cover;display:block}
.spread-pages{display:flex;gap:clamp(10px,2vw,20px);justify-content:center}
.spread-pages .page-open{width:min(336px,42vw)}
.pages-nav{display:none;align-items:center;justify-content:center;gap:16px;margin-top:14px}
.pages-arrow{width:40px;height:40px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.5rem;line-height:1;color:var(--rose-deep);background:var(--paper);border:1px solid var(--line);border-radius:50%;cursor:pointer;transition:background .25s var(--ease),border-color .25s var(--ease),opacity .25s}
.pages-arrow:hover:not(:disabled){background:var(--rose-tint);border-color:var(--rose)}
.pages-arrow:disabled{opacity:.32;cursor:default}
.pages-count{font-family:var(--sans);font-size:.86rem;color:var(--ink-faint);min-width:11ch;text-align:center}
.taste-cap{font-family:var(--serif);font-style:italic;color:var(--ink-soft);font-size:1.05rem;margin-top:18px;text-align:center}
@media (max-width:620px){
.spread-pages{flex-direction:column;align-items:center}
.page-open,.spread-pages .page-open{width:min(360px,86vw)}
.js-anim .pages-nav{display:flex}
.js-anim .spread-pages.paged .page-open{display:none}
.js-anim .spread-pages.paged .page-open.is-current{display:block}
}
.lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px);background:color-mix(in srgb,var(--ink) 66%,transparent);backdrop-filter:blur(4px)}
.lightbox.open{display:flex}
.lightbox-img{max-width:min(620px,94vw);max-height:92vh;width:auto;height:auto;border-radius:8px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.lightbox-close{position:fixed;inset-block-start:18px;inset-inline-start:18px;z-index:101;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:var(--paper);color:var(--ink);font-size:1.4rem;line-height:1;box-shadow:var(--shadow)}
.author{background:0 0}
.author-grid{display:grid;grid-template-columns:0.72fr 1.28fr;gap:clamp(32px,6vw,76px);align-items:center}
.author-photo{border-radius:10px;overflow:hidden;border:1px solid var(--line);max-width:340px}
.author-photo img{width:100%;height:auto;display:block}
.author-body h2{font-size:clamp(1.9rem, 3.6vw, 2.6rem);margin-bottom:.5em}
.author-body p{color:var(--ink-soft);font-size:1.08rem;max-width:54ch}
.author-body .sig{margin-top:.5em}
@media (max-width:760px){
.author-grid{grid-template-columns:1fr}
.author-photo{max-width:280px;margin-inline:auto}
.author-body{text-align:center}
.author-body p{margin-inline:auto}
.author-body .eyebrow{justify-content:center}
}
.invite{background:0 0;text-align:center}
.invite .wrap{max-width:720px}
.invite h2{margin-bottom:.7rem}
.invite p{font-family:var(--serif);font-size:clamp(1.15rem, 2.3vw, 1.5rem);font-style:italic;line-height:1.55;color:var(--ink);margin:0 auto;max-width:46ch}
.reviews{background:0 0}
.reviews-head{text-align:center;margin-bottom:clamp(28px,5vw,48px)}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review{background:color-mix(in srgb,var(--paper) 82%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px}
.review .qm{font-family:var(--serif);font-size:2.4rem;color:var(--rose);opacity:.4;line-height:0;height:16px;display:block}
.review p{font-family:var(--serif);font-style:italic;font-size:1.12rem;color:var(--ink);line-height:1.45;margin:20px 0 16px}
.review cite{font-family:var(--sans);font-style:normal;font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--ink-faint)}
@media (max-width:780px){
.reviews-grid{grid-template-columns:1fr;max-width:440px;margin-inline:auto}
}
.purchase{background:0 0}
.purchase-head{text-align:center;margin-bottom:clamp(30px,5vw,52px)}
.purchase-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(26px,4vw,52px);align-items:stretch}
.buy-photo{position:relative;display:flex;align-items:center;justify-content:center;padding:12px}
.buy-photo .book-mockup{width:min(300px,76%)}
.buy-panel{background:color-mix(in srgb,var(--cream-soft) 90%,transparent);border:1px solid var(--line);border-radius:16px;padding:clamp(26px,4vw,42px)}
.buy-panel h3{font-size:1.7rem;margin-bottom:.2em}
.buy-panel .sub{color:var(--ink-soft);font-size:.98rem;margin-bottom:1.1em}
.isbn{color:var(--ink-faint);font-size:.85rem;margin:-.4em 0 1.3em;letter-spacing:.01em}
.spec-list{list-style:none;padding:0;margin:0 0 1.4em;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.spec-list li{color:var(--ink-soft);font-size:.95rem;display:flex;gap:8px}
.spec-list li::before{content:"✶";color:var(--rose)}
.price{display:flex;align-items:baseline;gap:8px;margin-bottom:1.1em}
.price .num{font-family:var(--serif);font-size:2.8rem;color:var(--rose-deep);line-height:1}
.price .cur{font-size:1.3rem;color:var(--rose-deep)}
.price .note{font-size:.8rem;color:var(--ink-faint);align-self:center;background:var(--paper);padding:3px 9px;border-radius:999px}
.price .price-was{align-self:center;font-size:1.1rem;color:var(--ink-faint);text-decoration:line-through;text-decoration-color:var(--rose)}
.choice-group{display:grid;gap:10px;margin-bottom:4px}
.choice-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius);padding:.8em 1em;cursor:pointer;background:var(--paper);transition:border-color .25s,background .25s}
.choice-card:has(input:checked){border-color:var(--rose);background:var(--rose-tint)}
.choice-card input{width:18px;height:18px;accent-color:var(--rose-deep);flex-shrink:0}
.choice-label{flex:1;font-size:.98rem;color:var(--ink)}
.choice-label small{display:block;color:var(--ink-faint);font-size:.8rem;font-weight:400}
.choice-price{font-size:.9rem;color:var(--ink-soft);font-weight:600}
.order-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--line);margin-top:16px;padding-top:14px;font-family:var(--serif);font-size:1.15rem;color:var(--ink)}
.order-breakdown{list-style:none;padding:0;margin:12px 0 0}
.order-breakdown li{display:flex;justify-content:space-between;font-size:.92rem;color:var(--ink-soft);padding-block:2px}
.order-total span:last-child{color:var(--rose-deep);font-size:1.4rem}
.buy-panel .btn{width:100%;margin-top:16px}
.secure-note{text-align:center;font-size:.84rem;color:var(--ink-faint);margin:12px 0 0}
.secure-note::before{content:"🔒 "}
@media (max-width:800px){
.purchase-grid{grid-template-columns:1fr}
.buy-photo{order:-1}
}
@media (max-width:440px){
.spec-list{grid-template-columns:1fr}
}
.buy-sticky{position:fixed;inset-block-end:0;inset-inline:0;z-index:45;display:none;align-items:center;justify-content:space-between;gap:14px;padding:12px clamp(16px,5vw,24px);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);box-shadow:0 -1px 0 var(--line),0 -8px 24px -18px rgba(74,47,39,.5);transform:translateY(120%);transition:transform .4s var(--ease)}
.buy-sticky.show{transform:none}
.buy-sticky .st-price{font-family:var(--serif);color:var(--ink);font-size:1.05rem}
.buy-sticky .btn{padding:.7em 1.3em}
@media (max-width:860px){
.buy-sticky{display:flex}
}
.connect{background:0 0;text-align:center}
.connect .wrap{max-width:640px}
.connect h2{margin-bottom:.6rem}
.connect p{color:var(--ink-soft);margin:0 auto 1.6rem;max-width:44ch}
.connect-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.policies{background:0 0}
.policies .wrap{max-width:760px}
.policies h2{text-align:center;margin-bottom:clamp(20px,4vw,36px);font-size:clamp(1.5rem, 3vw, 2rem)}
.policy{border-top:1px solid var(--line)}
.policy:last-child{border-bottom:1px solid var(--line)}
.policy summary{cursor:pointer;list-style:none;padding:1.05em .2em;font-family:var(--serif);font-size:1.2rem;color:var(--ink);display:flex;justify-content:space-between;align-items:center}
.policy summary::-webkit-details-marker{display:none}
.policy summary::after{content:"+";color:var(--rose);font-size:1.4rem;transition:transform .3s var(--ease)}
.policy[open] summary::after{transform:rotate(45deg)}
.policy-body{padding:0 .2em 1.3em;color:var(--ink-soft);font-size:1rem}
.policy-body p{max-width:62ch}
.thanks{min-height:100svh;display:flex;align-items:center;padding-block:118px 64px;text-align:center;position:relative;z-index:1}
.thanks::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("assets/paper-bg.webp") center/cover no-repeat;opacity:.6}
.thanks-inner{max-width:640px}
.thanks h1{font-size:clamp(2.6rem, 6vw, 4.6rem);line-height:1.04;color:var(--ink);margin-bottom:.25em}
.thanks-lead{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem, 2.3vw, 1.5rem);line-height:1.55;color:var(--ink);margin:0 auto 2rem;max-width:46ch}
.thanks-card{background:color-mix(in srgb,var(--cream-soft) 90%,transparent);border:1px solid var(--line);border-radius:16px;padding:clamp(26px,4vw,42px);text-align:start}
.thanks-card h2{font-size:1.3rem;margin-bottom:.7rem}
.thanks-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.thanks-list li{color:var(--ink-soft);font-size:.95rem;display:flex;gap:8px}
.thanks-list li::before{content:"✶";color:var(--rose)}
.thanks-list strong{color:var(--ink);font-weight:600}
.thanks .sig{margin:1.5rem 0 1.3rem}
.thanks-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.thanks-fine,.thanks-policy{font-size:.84rem;color:var(--ink-faint)}
.thanks-policy{margin:1.1rem 0 0}
.thanks-fine{margin:1.6rem 0 0}
.thanks-fine a,.thanks-policy a{text-decoration:underline}
.footer{background:var(--rose-deep);color:color-mix(in srgb,#fff 88%,var(--rose-deep));padding-block:52px 40px;text-align:center;margin-top:clamp(40px,6vw,72px)}
.thanks+.footer{margin-top:0}
.footer .f-rose{width:40px;margin:0 auto 16px;opacity:.92;filter:brightness(0) invert(1)}
.footer .f-brand{font-family:var(--serif);font-size:1.7rem;color:#fff;margin-bottom:6px}
.footer .f-tag{font-size:.92rem;opacity:.8;margin-bottom:22px}
.footer .f-links{display:flex;gap:10px 22px;justify-content:center;flex-wrap:wrap;margin:0 0 22px}
.footer .f-links a{color:color-mix(in srgb,#fff 88%,var(--rose-deep));font-size:.94rem}
.footer .f-links a:hover{color:#fff}
.footer .f-fine{font-size:.8rem;opacity:.66;line-height:1.7}
.footer .f-fine a{color:inherit;text-decoration:underline}