/* Christa Paige | Mauve Noir brand, Fay-style layout. Site by @DetailedbyDenise */
@font-face{font-family:"Enoway";src:url("/fonts/EnowayPro-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{
  --noir:#140A10;--cherry:#2A0F1E;--garnet:#3E1830;--velvet:#5E3548;--rose:#6B2B45;
  --dusty:#8E6478;--orchid:#B48CA3;--cam:#D45B8A;--blush:#EBC5D2;--pearl:#F7E9ED;
  --display:"Enoway","Cormorant Garamond",Georgia,serif;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:70rem;--gutter:clamp(1.25rem,4vw,2.5rem);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noir);color:var(--pearl);font-family:var(--serif);font-size:1.25rem;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--blush);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--pearl)}
:focus-visible{outline:2px solid var(--cam);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:.1em;margin:0;color:inherit;text-transform:uppercase;text-wrap:balance}
h1{font-size:clamp(2.2rem,5.5vw,4rem)}
h2{font-size:clamp(1.7rem,3.6vw,2.6rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em;max-width:64ch}
.lede{font-size:1.4rem;line-height:1.5}
.center{text-align:center}.center p{margin-inline:auto}
.label{font:500 .78rem/1.3 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--cam);margin:0 0 1rem;max-width:none}
.wrap{width:min(100% - 2*var(--gutter),var(--wrap));margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--cam);color:var(--noir);padding:.6rem 1rem;font-family:var(--sans);z-index:100}
.skip:focus{left:1rem;top:1rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px}

/* ---------- Header: centred seal over the menu ---------- */
.site-head{background:var(--noir);text-align:center;padding:1.1rem var(--gutter) 1rem;position:relative;border-bottom:1px solid var(--garnet)}
.brand{display:inline-block;width:clamp(9.5rem,17vw,12.5rem);line-height:0}
.brand img{width:100%}
.site-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem clamp(1.25rem,3.5vw,2.75rem);list-style:none;margin:.5rem 0 0;padding:0}
.site-nav a{font:500 .8rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--blush);text-decoration:none;padding:.5rem 0;border-bottom:1px solid transparent}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--pearl);border-bottom-color:var(--cam)}
.head-cta{position:absolute;right:var(--gutter);top:2.4rem}
.head-social{position:absolute;left:var(--gutter);top:2.4rem;margin:0}
.nav-toggle{display:none}

/* ---------- Buttons ---------- */
.btn{display:inline-block;font:600 .8rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;padding:1.05rem 1.6rem;text-decoration:none;cursor:pointer;border:1px solid var(--cam);background:var(--cam);color:var(--noir);transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--pearl);border-color:var(--pearl);color:var(--noir)}
.btn.ghost{background:transparent;border-color:var(--blush);color:var(--blush)}
.btn.ghost:hover{background:var(--blush);color:var(--noir)}
.btn.dark{background:var(--noir);border-color:var(--noir);color:var(--blush)}
.btn.dark:hover{background:var(--rose);border-color:var(--rose);color:var(--pearl)}
.btn.small{padding:.7rem 1.1rem;font-size:.7rem}
.actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.5rem}
.center .actions{justify-content:center}

/* ---------- Bands ---------- */
.band{padding-block:clamp(3rem,7vw,5.5rem);position:relative;overflow-x:clip}
.band.light{background:var(--pearl);color:var(--noir)}
.band.light a:not(.btn){color:var(--rose)}
.band.light a:not(.btn):hover{color:var(--noir)}
.band.cherry{background:var(--cherry);border-block:1px solid var(--garnet)}
.band.wall{background:var(--noir);isolation:isolate}
.band.wall::before{content:"";position:absolute;inset:0;background:url("/img/pattern-peony-noir.jpg") center/700px repeat;opacity:.6;z-index:-2;pointer-events:none}
.band.wall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,10,16,.5),rgba(20,10,16,.82));z-index:-1;pointer-events:none}
.wall-b::before{opacity:.4;background-size:560px}
.wall-c::before{opacity:.45;background-size:620px}
.wall-d::before{background:url("/img/pattern-sparkle.png") center/420px repeat;opacity:1}
.wall-d::after{background:rgba(42,15,30,.78)}

/* sparkle that sits on the seam between two bands */
.seam{position:absolute;left:50%;top:0;width:2.6rem;height:2.6rem;transform:translate(-50%,-50%);z-index:2}
.seam path{fill:var(--pearl);stroke:var(--cam);stroke-width:2}
.band.wall .seam path,.band.cherry .seam path{fill:var(--cam);stroke:var(--noir)}
.ruled{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;text-align:center}
.ruled::before,.ruled::after{content:"";flex:1;height:1px;background:currentColor;opacity:.45}

/* ---------- Featured block in a framed arch ---------- */
.feature{display:grid;grid-template-columns:minmax(11rem,19rem) 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(1.75rem,5vw,3.5rem);border:1px solid var(--blush);border-radius:9rem/7rem;outline:1px solid rgba(235,197,210,.4);outline-offset:.6rem;background:rgba(20,10,16,.74);backdrop-filter:blur(2px)}
.feature.flip{grid-template-columns:1fr minmax(11rem,19rem)}
.feature.flip .cover{order:2}
.feature .cover{box-shadow:0 28px 50px -18px #000;transform:rotate(-4deg);justify-self:center;width:100%}
.feature.flip .cover{transform:rotate(4deg)}
.feature .cover.mono{box-shadow:none;max-width:17rem;filter:drop-shadow(0 24px 36px rgba(0,0,0,.55))}
.feature .kicker{font:500 .78rem/1.3 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--cam);margin-bottom:1rem}
.feature h1,.feature h2{color:var(--pearl);margin-bottom:1rem}
.feature h1{text-transform:none;letter-spacing:.01em;font-weight:500;font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.08}
.feature h1 em{color:var(--blush)}
.feature h2{font-size:clamp(2rem,4.6vw,3.4rem)}
.feature p{color:var(--blush)}
@media (prefers-reduced-motion:no-preference){
  .hero .feature .cover{animation:settle 1.3s cubic-bezier(.2,.7,.2,1) both}
  @keyframes settle{from{opacity:0;transform:rotate(-11deg) translateY(1.5rem)}}
}

/* ---------- Arched doorways ---------- */
.intro{font-size:clamp(1.3rem,2.6vw,1.9rem);max-width:34ch;margin:0 auto .5rem;color:var(--blush);font-style:italic}
.band.wall.center>.wrap>p:not(.intro){color:var(--blush)}
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,3.5vw,2.75rem);list-style:none;padding:0;margin:2.75rem auto 0;max-width:60rem}
.door{position:relative;display:grid;place-content:center;gap:1rem;justify-items:center;aspect-ratio:4/5;text-decoration:none;text-align:center;color:var(--pearl)!important;border:1px solid var(--blush);border-radius:999px 999px 0 0;outline:1px solid rgba(235,197,210,.35);outline-offset:.5rem;overflow:hidden;isolation:isolate;background:var(--noir);transition:border-color .3s,box-shadow .3s}
.door::before{content:"";position:absolute;inset:-10%;background:url("/img/pattern-peony-noir.jpg") center/430px;opacity:.55;transition:transform .8s ease;z-index:-2}
.door::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,10,16,.35),rgba(20,10,16,.85));z-index:-1}
.door img{width:30%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}
.door span{font-size:clamp(1.05rem,2.1vw,1.45rem);line-height:1.2;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 2px 14px rgba(10,4,14,.9)}
.door small{display:block;font:500 .72rem/1 var(--sans);letter-spacing:.32em;color:var(--cam);margin-bottom:.6rem}
.door:hover{border-color:var(--cam);box-shadow:0 0 26px rgba(212,91,138,.35)}
.door:hover::before{transform:scale(1.1)}

/* ---------- Ticker strips ---------- */
.ticker{overflow:hidden;white-space:nowrap;background:var(--cam);color:var(--noir);font:600 .85rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;padding:.8rem 0;border-block:1px solid var(--noir)}
.ticker div{display:inline-block}
.ticker.dark{background:var(--noir);color:var(--blush);border-color:var(--rose)}
@media (prefers-reduced-motion:no-preference){
  .ticker div{animation:tick 45s linear infinite}
  @keyframes tick{to{transform:translateX(-50%)}}
}

/* ---------- Book shelf ---------- */
.shelf{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem clamp(1rem,2.5vw,2rem);list-style:none;margin:0;padding:0}
.book{text-align:center}
.book a.cover-link{display:block;text-decoration:none}
.book img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 16px 30px -14px rgba(0,0,0,.75);transition:transform .25s ease}
.book a.cover-link:hover img{transform:translateY(-6px) rotate(-1.5deg)}
.book h3{margin:1rem 0 .3rem;font-size:1.05rem;letter-spacing:.08em}
.book .order{display:block;font:500 .7rem/1.3 var(--sans);letter-spacing:.26em;text-transform:uppercase;opacity:.8;color:var(--rose)}
.slot{aspect-ratio:2/3;display:grid;place-content:center;justify-items:center;gap:.9rem;background:linear-gradient(160deg,var(--garnet),var(--cherry));border:1px solid var(--velvet);box-shadow:0 16px 30px -14px rgba(0,0,0,.75);color:var(--blush);text-align:center;padding:1rem}
.slot img{width:44%;aspect-ratio:auto;object-fit:contain;box-shadow:none}
.slot span{font:500 .62rem/1.4 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--orchid)}
.tag{display:inline-block;font:500 .72rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:.45rem .8rem;border:1px solid currentColor;margin:0 .5rem .5rem 0}

/* ---------- Book entries (Books page): cover stays while the words scroll ---------- */
.entry{display:grid;grid-template-columns:minmax(10rem,17rem) 1fr;gap:clamp(1.5rem,5vw,3.5rem);align-items:start;max-width:58rem;margin:0 auto;padding-block:2.75rem;scroll-margin-top:1rem}
.entry+.entry{border-top:1px solid rgba(20,10,16,.2)}
.entry .cover-wrap{position:sticky;top:1.5rem}
.entry .cover{width:100%;box-shadow:0 18px 34px -14px rgba(0,0,0,.75)}
.entry .order{font:500 .72rem/1.3 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--rose)}
.entry h3{font-size:clamp(1.8rem,4vw,2.6rem);margin:.4rem 0 1rem}
.entry .hook{font-size:1.45rem;font-style:italic;line-height:1.4;color:var(--rose)}
.entry .formats{font-size:1.05rem;opacity:.8;margin-top:1.25rem}
.series-note{text-align:center;margin:-1.75rem auto 2rem}
.series+.series{margin-top:4.5rem}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .entry .cover{animation:drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    .entry .txt>*{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
    .shelf .book{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
    @keyframes drift{from{transform:translateY(2.2rem) rotate(-4deg)}50%{transform:translateY(0) rotate(0)}to{transform:translateY(-2.2rem) rotate(4deg)}}
    @keyframes rise{from{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:none}}
  }
}

.shelf.pair{grid-template-columns:repeat(2,minmax(0,16rem));justify-content:center;gap:2rem clamp(2rem,6vw,4rem)}
.shelf.pair p{font-size:1.05rem;line-height:1.4;margin:.3rem auto 0}

/* ---------- Newsletter band ---------- */
.band.cam{background:var(--cam) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23140A10' fill-opacity='.38'%3E%3Cpath d='M30 20l3 11 11 3-11 3-3 11-3-11-11-3 11-3z'/%3E%3Cpath d='M160 60l5 19 19 5-19 5-5 19-5-19-19-5 19-5z'/%3E%3Cpath d='M80 150l2 8 8 2-8 2-2 8-2-8-8-2 8-2z'/%3E%3Ccircle cx='120' cy='20' r='3'/%3E%3Ccircle cx='190' cy='170' r='4'/%3E%3Ccircle cx='25' cy='120' r='2.5'/%3E%3Cpath d='M130 185l2 7 7 2-7 2-2 7-2-7-7-2 7-2z'/%3E%3C/g%3E%3C/svg%3E");color:var(--noir)}
.signup{max-width:35rem;margin-inline:auto;padding:clamp(2rem,5vw,3rem);text-align:center;background:linear-gradient(rgba(20,10,16,.82),rgba(20,10,16,.9)),url("/img/pattern-peony-noir.jpg") center/520px;color:var(--pearl);box-shadow:0 0 0 1px var(--noir),0 0 0 .45rem var(--blush),0 0 0 calc(.45rem + 1px) var(--noir)}
.signup h2{color:var(--blush);margin-bottom:.4rem}
.signup .orn{margin:.6rem auto 1.1rem}
.signup p{color:var(--blush);margin-inline:auto}
.blade{display:block;position:relative;height:1.6rem;width:min(15rem,60%);margin:1.2rem auto 0;background:linear-gradient(var(--blush),var(--blush)) left center/38% 1px no-repeat,linear-gradient(var(--blush),var(--blush)) right center/38% 1px no-repeat}
.blade svg{position:absolute;left:50%;top:50%;width:1.5rem;height:1.5rem;transform:translate(-50%,-50%)}
.blade path,.orn path{fill:var(--cam)}
.orn{display:block;position:relative;height:1.4rem;width:min(13rem,70%);background:linear-gradient(var(--blush),var(--blush)) left center/36% 1px no-repeat,linear-gradient(var(--blush),var(--blush)) right center/36% 1px no-repeat}
.orn svg{position:absolute;left:50%;top:50%;width:1.3rem;height:1.3rem;transform:translate(-50%,-50%)}

/* MailerLite embed, restyled for the dark signup panel (functional markup is untouched) */
#mlb2-46716557 .ml-form-embedContainer{margin:0!important;max-width:none!important;width:100%!important}
#mlb2-46716557 .ml-form-embedWrapper,#mlb2-46716557 .ml-form-embedWrapper.embedForm{background:transparent!important;max-width:none!important;width:100%!important;padding:0!important;border:0!important;box-shadow:none!important}
#mlb2-46716557 .ml-form-embedContent{display:none!important}
#mlb2-46716557 .ml-form-embedBody,#mlb2-46716557 .ml-form-embedBodyHorizontal{padding:0!important}
#mlb2-46716557 .ml-form-formContent.horozintalForm{padding:0 0 .8rem!important;margin:0!important}
#mlb2-46716557 .ml-form-horizontalRow{display:block!important}
#mlb2-46716557 .ml-field-group,#mlb2-46716557 .horizontal-fields,#mlb2-46716557 .ml-form-horizontalRow .ml-input-horizontal .ml-field-group{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
#mlb2-46716557 .ml-input-horizontal,#mlb2-46716557 .ml-button-horizontal{width:100%!important;float:none!important;padding:0!important}
#mlb2-46716557 .ml-button-horizontal{margin-top:.8rem}
#mlb2-46716557 .ml-mobileButton-horizontal{display:none!important}
#mlb2-46716557 .ml-form-embedBody input[type=email]{width:100%;font:500 1rem var(--sans);background:var(--pearl)!important;color:var(--noir)!important;border:1px solid var(--blush)!important;border-radius:0!important;padding:1.05rem 1rem;height:auto;box-shadow:none!important}
#mlb2-46716557 .ml-form-embedBody input::placeholder{color:#7a5b69}
#mlb2-46716557 .ml-form-horizontalRow button.primary{width:100%;font:600 .8rem var(--sans)!important;letter-spacing:.26em;text-transform:uppercase;background:var(--blush)!important;color:var(--noir)!important;border:1px solid var(--blush)!important;border-radius:0!important;padding:1.15rem 1rem;cursor:pointer;height:auto!important}
#mlb2-46716557 .ml-form-horizontalRow button.primary:hover{background:var(--pearl)!important}
#mlb2-46716557 .ml-form-embedPermissions,#mlb2-46716557 .ml-form-checkboxRow{clear:both;width:100%;text-align:left!important}
#mlb2-46716557 .ml-form-embedPermissionsContent p,#mlb2-46716557 .ml-form-checkboxRow .label-description,#mlb2-46716557 .ml-form-checkboxRow .label-description p{font:400 .92rem/1.4 var(--sans)!important;color:var(--blush)!important;text-align:left!important;margin:0 0 .5rem!important}
#mlb2-46716557 .ml-form-embedPermissionsContent p a{color:var(--pearl)!important}
#mlb2-46716557 .ml-form-checkboxRow{margin:.4rem 0 .4rem}
#mlb2-46716557 .ml-form-checkboxRow label{position:relative;display:block;padding-left:1.5rem;font-weight:400;cursor:pointer}
#mlb2-46716557 .ml-form-checkboxRow input[type=checkbox]{position:absolute;opacity:0;z-index:-1}
#mlb2-46716557 .ml-form-checkboxRow .label-description::before{position:absolute;left:-1.5rem;top:.12rem;border-radius:0!important;content:"";display:block;width:16px;height:16px;border:1px solid var(--blush);background:transparent!important}
#mlb2-46716557 .ml-form-checkboxRow input:checked~.label-description::before{background:var(--cam)!important;border-color:var(--cam)}
#mlb2-46716557 .ml-form-checkboxRow input:focus-visible~.label-description::before{outline:2px solid var(--cam);outline-offset:2px}
#mlb2-46716557 .ml-form-successBody{padding:.5rem 0!important}
#mlb2-46716557 .ml-form-successContent h4{font:500 1.6rem var(--serif)!important;color:var(--blush)!important;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .4rem!important}
#mlb2-46716557 .ml-form-successContent p{font:400 1.2rem var(--serif)!important;color:var(--pearl)!important;text-align:center!important;margin:0 auto!important}
#mlb2-46716557 .ml-form-successContent{text-align:center!important}
#mlb2-46716557 .ml-error input{border-color:#ff8fb1!important}
#mlb2-46716557 .ml-form-embedSubmitLoad{display:inline-block;width:20px;height:20px}
#mlb2-46716557 .ml-form-embedSubmitLoad:after{content:" ";display:block;width:11px;height:11px;margin:1px;border-radius:50%;border:4px solid var(--noir);border-color:var(--noir) var(--noir) var(--noir) transparent;animation:mlspin 1.2s linear infinite}
@keyframes mlspin{to{transform:rotate(360deg)}}
#mlb2-46716557 .ml-form-embedBody .ml-field-group .label-description,#mlb2-46716557 .ml-form-fieldRow .label-description{color:#ff8fb1!important}


#mlb2-46716557 .ml-form-formContent.horozintalForm .ml-button-horizontal{display:block!important}
#mlb2-46716557 .ml-form-embedBody .ml-form-formContent{margin:0!important}

/* ---------- Inner page titles ---------- */
.title{text-align:center;padding-block:clamp(3rem,7vw,5rem)}
.title h1{font-family:var(--display);font-weight:400;letter-spacing:.04em;text-transform:none;font-size:clamp(2.4rem,6.5vw,4.5rem);color:var(--pearl)}
.title .lede{margin:.9rem auto 0;color:var(--blush)}
.title .label{margin-bottom:1.2rem}
.notfound{text-align:center}
.notfound img{width:min(11rem,45vw);margin:0 auto 1.5rem}

/* ---------- About / contact ---------- */
.about{display:grid;grid-template-columns:minmax(16rem,26rem) 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.arch{border-radius:999px 999px 0 0;overflow:hidden;border:1px solid var(--blush);outline:1px solid rgba(235,197,210,.4);outline-offset:.6rem;box-shadow:0 28px 50px -22px #000;aspect-ratio:4/5;background:var(--cherry)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:center top}
.pull{font-size:1.55rem;font-style:italic;line-height:1.4;color:var(--cam);border-left:2px solid var(--cam);padding-left:1.2rem;margin:1.6rem 0}
.band.light .pull{color:var(--rose);border-color:var(--rose)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0 2.2rem}
.fact{border:1px solid rgba(20,10,16,.25);padding:1.1rem 1rem;text-align:center}
.fact span{display:block;font:500 .68rem/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--rose);margin-bottom:.55rem}
.fact b{font-weight:500;font-size:1.15rem;line-height:1.25;display:block}
.notice{font:400 .9rem var(--sans);text-align:center;margin:2rem auto 0;color:var(--rose)}
.contact-one{max-width:22rem;margin-inline:auto;text-align:center}

/* ---------- Socials ---------- */
.social{display:flex;justify-content:center;gap:.6rem;list-style:none;padding:0;margin:0 0 1.25rem}
.social a{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--blush);color:var(--noir)}
.social a:hover{background:var(--cam);color:var(--noir)}
.social svg{width:1.3rem;height:1.3rem;fill:currentColor}

/* ---------- Footer ---------- */
.site-foot{position:relative;padding:3.5rem 0 2.5rem;text-align:center;color:var(--blush);font-size:1.05rem;overflow:hidden;background:var(--noir);isolation:isolate;border-top:1px solid var(--garnet)}
.site-foot::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,10,16,.86),rgba(20,10,16,.86)),url("/img/pattern-lattice.png") center/360px repeat;z-index:-1;pointer-events:none}
.foot-mark{display:block;width:12rem;margin:0 auto 1.4rem}
.foot-tag{font:500 .75rem/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--orchid);margin:0 auto}
.site-foot .site-nav ul{margin:1.4rem 0}
.site-foot .social{margin:0 0 1.4rem}
.site-foot p{margin-inline:auto}
.site-foot .credit{font-size:.95rem}
.motion-toggle{background:none;border:1px solid rgba(235,197,210,.55);color:var(--blush);font:500 .8rem var(--sans);letter-spacing:.08em;padding:.45rem 1.1rem;cursor:pointer}
.motion-toggle:hover{background:var(--blush);color:var(--noir)}

/* ---------- Small screens ---------- */
@media (max-width:56rem){.head-cta,.head-social{display:none}.shelf{grid-template-columns:repeat(3,1fr)}.facts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:42rem){
  .site-head .nav-toggle{display:inline-block;margin-top:.8rem;background:none;border:1px solid var(--blush);color:var(--blush);font:500 .78rem var(--sans);letter-spacing:.24em;text-transform:uppercase;padding:.7rem 1.25rem}
  .site-head .site-nav{display:none}
  .site-head .site-nav.open{display:block}
  .site-head .site-nav ul{flex-direction:column;gap:.4rem}
  .feature,.feature.flip,.about{grid-template-columns:minmax(0,1fr);text-align:center}
  .feature{border-radius:4rem;padding:3rem min(1.5rem,6vw)}
  .feature .cover,.feature.flip .cover{order:0;max-width:min(13rem,78%)}
  .feature .cover.mono{max-width:9.5rem}
  .hero .feature{padding-block:2.5rem}
  .feature p,.about p{margin-inline:auto}
  .feature .actions,.about .actions{justify-content:center}
  .feature h1,.feature h2{overflow-wrap:anywhere}
  .doors{grid-template-columns:1fr;max-width:14rem;gap:2rem}
  .door{aspect-ratio:1/1.1;gap:.6rem}.door img{width:24%}
  .shelf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shelf>.book:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - .5rem);justify-self:center}
  .book h3{font-size:.95rem;overflow-wrap:anywhere}
  .ruled{display:block}.ruled::before,.ruled::after{display:none}
  .entry{grid-template-columns:minmax(0,1fr);text-align:center}
  .entry .cover-wrap{position:static;max-width:14rem;margin-inline:auto}
  .entry p{margin-inline:auto}
  .entry .actions{justify-content:center}
  .arch{max-width:21rem;margin-inline:auto;width:100%}
  .pull{text-align:left}
  .site-foot{padding-bottom:5.5rem}
}

/* ---------- Accessibility menu kit: brand colours ---------- */
html:root{--a11y-brand:#6B2B45;--a11y-brand-ink:#ffffff;--a11y-accent:#D45B8A;--a11y-font-ui:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif}
html.a11y-dark .band.wall::before,html.a11y-light .band.wall::before,html.a11y-dark .band.wall::after,html.a11y-light .band.wall::after,
html.a11y-dark .site-foot::before,html.a11y-light .site-foot::before,html.a11y-dark .door::before,html.a11y-light .door::before{display:none}
html.a11y-links body .door.door.door{background:transparent!important;outline:0}
html.a11y-links body .door.door span{background:#fff200!important;color:#000!important;text-decoration:underline!important;padding:.1em .35em;text-shadow:none}
html.a11y-links body .door.door small{color:#000!important}