/* ==================================================================
   Tema Alê Primo — estilos
   ================================================================== */
:root{
  --paper:#f6f0ea; --paper-2:#ede3d9; --ink:#2b1418; --muted:#76605b; --line:#e0d1c5; --chip:#fffaf6;
  --crimson:#9e1b32; --on-crimson:#ffffff; --gold:#99681a; --hero-bg:#efe4d9;
  --wine:#2a1216; --on-wine:#f5ebe4; --wine-muted:#cdb3aa; --wine-gold:#e8c46f; --wine-line:rgba(245,235,228,.18);
  --display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --thin:"Josefin Sans","Futura","Century Gothic",sans-serif;
  --body:"Karla","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --nav-h:3.4rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--wp-admin--admin-bar--height,0px) + .5rem);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.7}
.wp-site-blocks{padding:0}
img{max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--crimson);outline-offset:3px}

/* ---- tipografia e estrutura base ---- */
h1,h2,h3{margin:0;text-wrap:balance;font-weight:500}
h2{font-family:var(--display);font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.04;margin-bottom:1.1rem}
h2 em,h1 em{color:var(--gold)}
h3{font-family:var(--display);font-size:1.4rem;line-height:1.2}
p{margin:0 0 1rem;max-width:62ch}
ul,ol{margin:0 0 1rem}
.wp-block-image{margin:0}
.wp-block-image img{display:block}
.wrap{max-width:72rem;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:clamp(3.2rem,8vw,6rem)}
.band.alt{background:var(--paper-2)}
.band.wine{background:var(--wine);color:var(--on-wine)}
.wine h2 em{color:var(--wine-gold)}
p.eyebrow{font-family:var(--mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem}
.wine p.eyebrow{color:var(--wine-gold)}
p.small{font-size:.85rem;color:var(--muted)}
p.muted{color:var(--muted)}
.wine p.muted{color:var(--wine-muted)}
p a{text-underline-offset:3px}
.texto-simples h1{font-family:var(--display);font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.05;margin-bottom:1rem}

/* ---- botões ---- */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}
.wp-block-buttons .wp-block-button{margin:0}
.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.35rem;border-radius:999px;font-family:var(--body);font-weight:700;font-size:.98rem;line-height:1.3;text-decoration:none;border:2px solid var(--crimson);background:var(--crimson);color:var(--on-crimson);transition:transform .15s ease}
.wp-block-button .wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button.line .wp-block-button__link{background:transparent;color:var(--ink);border-color:var(--ink)}
.wine .wp-block-button.line .wp-block-button__link{color:var(--on-wine);border-color:var(--on-wine)}
.wp-block-button.gold .wp-block-button__link{background:var(--wine-gold);border-color:var(--wine-gold);color:#2a1216}
.wine :focus-visible{outline-color:var(--wine-gold)}

/* ---- cabeçalho ---- */
.site-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50}
.site-nav{background:var(--wine);color:var(--on-wine);border-bottom:1px solid var(--wine-line)}
.site-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.75rem}
.site-nav p{margin:0}
.site-nav .brand a{font-family:var(--thin);font-weight:600;letter-spacing:.22em;text-decoration:none;white-space:nowrap;font-size:.95rem}
.site-nav .brand strong{color:var(--wine-gold);font-weight:600}
.site-nav .links{display:flex;gap:1.4rem;overflow-x:auto;scrollbar-width:none;font-size:.95rem;white-space:nowrap}
.site-nav .links::-webkit-scrollbar{display:none}
.site-nav .links a{text-decoration:none;opacity:.85}
.site-nav .links a:hover,.site-nav .links a[aria-current]{opacity:1;color:var(--wine-gold)}
@media (max-width:440px){.site-nav .links{gap:.9rem;font-size:.88rem}.site-nav .brand a{letter-spacing:.14em;font-size:.86rem}}

/* ---- rodapé ---- */
.site-footer{background:var(--wine);color:var(--wine-muted);font-size:.9rem}
.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:2rem}
.site-footer p{margin:0}
.site-footer a{color:var(--on-wine)}
.site-footer .foot-links{display:flex;flex-wrap:wrap;gap:1.2rem}

/* ==================================================================
   INÍCIO
   ================================================================== */
.hero{padding-block:clamp(2.4rem,6vw,4.5rem) clamp(2.4rem,5vw,4rem)}
.hero-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem 3rem}
.hero-top > *{min-width:0}
h1.name{font-family:var(--thin);font-weight:300;line-height:.9;letter-spacing:.14em;font-size:clamp(2.7rem,8.4vw,6rem)}
h1.name strong{display:block;font-weight:600;font-size:1.33em;letter-spacing:.06em;color:var(--gold)}
p.tagline{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.3;max-width:20ch;margin:0;padding-bottom:.4rem}
.wp-block-separator.rule{border:0;height:2px;background:var(--crimson);margin:1.6rem 0 1.8rem;opacity:1;width:auto}
.faces{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.5rem,1.4vw,1rem)}
.faces .wp-block-image{margin:0;min-width:0}
.faces .wp-block-image a{display:block;text-decoration:none;color:var(--ink);overflow:hidden;border-radius:999px 999px 10px 10px;aspect-ratio:2/3;background:var(--paper-2)}
.faces .wp-block-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.faces .wp-block-image a:hover img{transform:scale(1.05)}
.faces .wp-element-caption{display:block;text-align:center;margin:.6rem 0 0;font-family:var(--thin);font-weight:600;font-size:clamp(.66rem,1.2vw,.84rem);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.faces .wp-element-caption a{text-decoration:none}

.role .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,5.5rem);align-items:center}
.role .wrap > *{min-width:0}
.role.flip .wrap{grid-template-columns:7fr 5fr}
.role.flip .role-photo{order:2}
.role .role-photo{position:relative;isolation:isolate}
.role .role-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px}
.role .role-photo::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1.5px solid var(--gold);border-radius:8px;z-index:-1}
.role.flip .role-photo::after{inset:14px 14px -14px -14px}
.wine.role .role-photo::after{border-color:var(--wine-gold)}
.role .role-text p:not(.eyebrow){font-size:1.08rem}
.role .role-text p.eyebrow + h2 + p::first-letter{font-family:var(--display);float:left;font-size:3.6em;line-height:.8;padding:.06em .1em 0 0;color:var(--gold)}
.wine.role .role-text p.eyebrow + h2 + p::first-letter{color:var(--wine-gold)}

.insta{display:grid;grid-template-columns:1fr auto;gap:1.5rem 3rem;align-items:center}
.insta > *{min-width:0}
p.handle{font-family:var(--display);font-size:clamp(2.2rem,6vw,4rem);line-height:1;margin:0 0 1.2rem;color:var(--gold);word-break:break-word}
.wine p.handle{color:var(--wine-gold)}
p.handle a{text-decoration:none;color:inherit!important}
p.handle a:hover{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.insta .wp-block-buttons{margin-top:0}

/* ==================================================================
   PÁGINAS INTERNAS (Pesquisas, Contato)
   ================================================================== */
.page-head{padding-block:clamp(2.6rem,6vw,4.5rem) clamp(1.6rem,4vw,2.4rem);border-bottom:1px solid var(--line)}
.page-head h1{font-family:var(--display);font-size:clamp(2.6rem,6vw,4.4rem);line-height:1}
.page-head p{font-size:1.12rem;margin-top:1rem}
.page-head p.eyebrow{font-size:.76rem;margin-top:0}
.page-head.with-photo{display:grid;grid-template-columns:7fr 5fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.page-head.with-photo > *{min-width:0}
.page-head p.intro::first-letter{font-family:var(--display);float:left;font-size:3.6em;line-height:.8;padding:.06em .1em 0 0;color:var(--gold)}
.page-head p.lead-links{border-top:1px solid var(--line);padding-top:1.2rem;margin-top:1.6rem;color:var(--muted)}
.page-head p.lead-links a{color:var(--crimson);font-weight:700}
.ph-photo{position:relative;isolation:isolate;margin-right:14px!important}
.ph-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px}
.ph-photo::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1.5px solid var(--gold);border-radius:8px;z-index:-1}

.band.lista{padding-top:1rem}
.pesquisa{display:grid;grid-template-columns:5.5rem 1fr auto;gap:.4rem 1.6rem;align-items:baseline;padding:1.3rem 0;border-bottom:1px solid var(--line)}
.pesquisa > *{min-width:0}
.pesquisa p{margin:0}
p.pesq-ano{font-family:var(--mono);font-size:.9rem;color:var(--crimson);font-variant-numeric:tabular-nums}
.pesquisa h3{font-size:1.3rem;line-height:1.25;margin-bottom:.2rem}
p.pesq-meta{color:var(--muted);font-size:.95rem}
p.pesq-tipo{display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:.15rem .55rem;margin-top:.4rem}
p.pesq-link a{font-weight:700;color:var(--crimson);white-space:nowrap;text-underline-offset:3px}

.contato-band{padding-top:2.4rem}
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}
.contact > *{min-width:0}
.cards{display:grid;gap:1rem}
.card{background:var(--chip);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.3rem}
.card p{margin:0}
p.card-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
p.card-value{font-weight:600;margin-top:.25rem;word-break:break-word}
p.card-value a{color:var(--crimson)}
p.card-note{color:var(--muted);font-size:.95rem}

/* formulário de contato */
.cform{display:grid;gap:1rem;background:var(--chip);border:1px solid var(--line);border-radius:14px;padding:clamp(1rem,3vw,1.6rem)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.row2 > *{min-width:0}
.cform label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.3rem}
.cform .opt{font-weight:400;color:var(--muted)}
.cform input,.cform select,.cform textarea{width:100%;padding:.75rem .85rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:1rem}
.cform textarea{resize:vertical;min-height:9rem}
.cform p{margin:0!important}
.btn-form{display:inline-flex;padding:.85rem 1.35rem;border-radius:999px;font:inherit;font-weight:700;border:2px solid var(--crimson);background:var(--crimson);color:var(--on-crimson);cursor:pointer}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{padding:.9rem 1.1rem;border-radius:8px;background:var(--paper-2);border-left:4px solid var(--crimson)}
.status.ok{border-left-color:#2f7a4a}

/* ==================================================================
   EU SOU ELA
   ================================================================== */
.book-hero{background:var(--hero-bg);overflow:hidden}
.book-hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding-block:clamp(2.5rem,6vw,5rem)}
.book-hero .wrap > *{min-width:0}
.stack p{margin:0}
.stack p.eu{font-family:var(--thin);font-weight:200;font-size:clamp(3.6rem,10vw,7rem);line-height:.85;letter-spacing:.02em}
.stack p.sou{font-family:var(--thin);font-weight:300;font-size:clamp(2.4rem,6.5vw,4.5rem);line-height:1;margin-top:.2rem}
.stack .wp-block-separator.rule{width:6.5rem;margin:1rem 0 .3rem}
.stack .wp-block-separator.rule.long{width:min(22rem,80%);margin:1rem 0 0}
.stack h1.ela{font-family:var(--display);font-weight:500;font-size:clamp(5rem,15vw,10.5rem);line-height:.9;color:var(--gold);letter-spacing:-.01em}
.book-hero p.sub{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;margin:1rem 0 1.6rem;max-width:28ch}
.launch{display:grid;grid-template-columns:auto 1fr;column-gap:1.2rem;border-left:2px solid var(--crimson);padding:.3rem 0 .3rem 1.1rem;margin-bottom:.4rem}
.launch p{margin:0}
p.launch-d{font-family:var(--display);font-size:2.6rem;line-height:1;color:var(--gold);grid-row:1;grid-column:1;align-self:end}
p.launch-dia{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);grid-row:2;grid-column:1}
p.launch-t{grid-row:1;grid-column:2;align-self:end;font-size:1.02rem}
p.launch-l{grid-row:2;grid-column:2;font-size:.92rem;color:var(--muted)}
.cover{max-width:23rem;margin-inline:auto!important}
.cover img{width:100%;border-radius:3px 9px 9px 3px;box-shadow:0 40px 70px -26px rgba(43,20,24,.55),0 0 0 1px rgba(43,20,24,.14);transform:rotate(2deg)}

.promo-strip{background:var(--crimson);color:var(--on-crimson)}
.promo-strip .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.5rem;padding-block:1rem}
.promo-strip p{margin:0;font-weight:600;max-width:none}
.promo-strip p:first-child{flex:1 1 30rem}
.promo-strip p.promo-link a{font-weight:700;text-underline-offset:4px;white-space:nowrap}

p.lead{font-family:var(--display);font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.35;max-width:34ch;margin-bottom:1.5rem}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem)}
.cols > *{min-width:0}
ul.chips{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0 1rem;padding:0;list-style:none}
ul.chips li{font-family:var(--mono);font-size:.8rem;padding:.38rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--chip)}

.parts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);margin-top:2rem}
.part{min-width:0;border-top:2px solid var(--ink);padding-top:1.1rem}
p.part-num{font-family:var(--mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson);margin:0}
.part h3{font-size:2rem;margin:.2rem 0 .6rem}
.part p:not(.part-num){color:var(--muted);font-size:1rem}
.part ol{margin:0;padding-left:1.4rem;columns:2;column-gap:1.6rem;font-size:.95rem}
.part li{break-inside:avoid;margin:.18rem 0}
.part li::marker{font-family:var(--mono);font-size:.78rem;color:var(--muted)}
.sample{margin-top:2.6rem;display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem 1.6rem;align-items:center;background:var(--chip);border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.6rem}
.sample > *{min-width:0}
p.pdf{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;border:1.5px solid var(--crimson);color:var(--crimson);border-radius:6px;padding:.9rem .55rem;line-height:1.1;text-align:center;margin:0}
.sample h3{font-size:1.5rem;margin-bottom:.2rem}
.sample p:not(.pdf){margin:0;color:var(--muted);font-size:.98rem}
.sample .wp-block-buttons{margin-top:0}

p.quote{font-family:var(--display);font-style:italic;font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.3;max-width:30ch;margin:0}
p.quote::before{content:"“";display:block;font-size:4.5rem;line-height:.6;color:var(--wine-gold);font-style:normal;margin-bottom:.8rem}
p.quote-by{margin:1.4rem 0 0;font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wine-muted)}

.author{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.author > *{min-width:0}
.facts{display:grid;border-top:1px solid var(--line)}
.fact{padding:.85rem 0;border-bottom:1px solid var(--line)}
.fact p{margin:0}
p.fact-k{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
p.fact-v{font-weight:600;margin-top:.15rem}
p a[href*="instagram.com"]{color:var(--crimson);font-weight:700}
.wine p a[href*="instagram.com"]{color:var(--wine-gold)}

.news{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}
.news > *{min-width:0}
.formbox,.formcard{background:var(--chip);border:1px solid var(--line);border-radius:14px;padding:clamp(1rem,3vw,1.6rem);min-width:0}
.formcard{max-width:44rem}
.form-pending{padding:1rem 1.2rem;border:1px dashed var(--line);border-radius:10px;color:var(--muted);margin:0!important}
.tally-box p.small{margin:.6rem 0 0}

/* ==================================================================
   PROMOÇÃO
   ================================================================== */
.promo-hero{display:grid;grid-template-columns:1.25fr .9fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding-block:clamp(2.5rem,6vw,5rem)}
.promo-hero > *{min-width:0}
.promo-hero h1{font-family:var(--display);font-size:clamp(3.2rem,9vw,6.4rem);line-height:.95;letter-spacing:-.01em}
.promo-hero h1 em{display:block}
.promo-hero p.sub{font-family:var(--display);font-style:italic;font-size:clamp(1.15rem,2.2vw,1.45rem);color:var(--muted);margin:1rem 0 1.6rem;max-width:30ch}
.offer{border-top:2px solid var(--crimson);padding-top:1.25rem;margin-top:.5rem}
.offer p{font-size:1.15rem}
.offer strong{color:var(--crimson)}
.coverimg{max-width:22rem;margin-inline:auto!important}
.coverimg img{width:100%;border-radius:3px 8px 8px 3px;box-shadow:0 34px 60px -24px rgba(43,20,24,.6),0 0 0 1px var(--line);transform:rotate(-2deg)}
.countdown{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-block:1.4rem;border-block:1px solid var(--line)}
.countdown .lbl{font-family:var(--display);font-style:italic;font-size:1.25rem}
.clock{display:flex;gap:1.4rem;font-family:var(--mono);font-variant-numeric:tabular-nums}
.clock div{display:flex;flex-direction:column;align-items:center}
.clock b{font-size:clamp(1.7rem,4vw,2.3rem);font-weight:500;color:var(--crimson);line-height:1}
.clock span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.35rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.2rem;counter-reset:passo}
.step{border-top:2px solid var(--ink);padding-top:1rem;min-width:0}
.step::before{counter-increment:passo;content:counter(passo);font-family:var(--display);font-style:italic;font-size:3rem;line-height:1;color:var(--gold);display:block;margin-bottom:.5rem}
.step h3{font-size:1.45rem;margin-bottom:.4rem}
.step p{font-size:1rem;color:var(--muted)}
.gift{margin-top:2.4rem;padding:1.2rem 1.4rem;background:var(--chip);border:1px dashed var(--crimson);border-radius:12px;max-width:44rem}
.gift p{margin:0}
.talk{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:start}
.talk > *{min-width:0}
.talk ul{padding-left:1.1rem}
.talk li{margin:.35rem 0}
.talk-facts{border-top-color:var(--wine-line)}
.talk-facts .fact{display:flex;justify-content:space-between;gap:1rem;border-bottom-color:var(--wine-line)}
.talk-facts p.fact-k{color:var(--wine-muted)}
.talk-facts p.fact-v{color:var(--wine-gold);text-align:right;margin:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem}
.two > *{min-width:0}
.wp-block-buttons.stores .wp-block-button__link{padding:.75rem 1.2rem;border-width:1px;font-weight:600}
.faq .wp-block-details{border-bottom:1px solid var(--line);padding:1rem 0;max-width:46rem}
.faq .wp-block-details summary{cursor:pointer;font-weight:700;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq .wp-block-details summary::-webkit-details-marker{display:none}
.faq .wp-block-details summary::after{content:"+";font-family:var(--mono);color:var(--crimson)}
.faq .wp-block-details[open] summary::after{content:"–"}
.faq .wp-block-details p{margin:.6rem 0 0;color:var(--muted)}
.promo-foot{padding-block:2.5rem;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line)}
.promo-foot p{max-width:none}
.promo-foot a{color:var(--crimson);font-weight:700}

/* ==================================================================
   CELULAR
   ================================================================== */
@media (max-width:860px){
  .role .wrap,.role.flip .wrap,.insta,.contact,.page-head.with-photo,.book-hero .wrap,.cols,.parts,.author,.news,.promo-hero,.talk,.two{grid-template-columns:1fr}
  .role.flip .role-photo{order:0}
  .role .role-photo{max-width:26rem;margin-right:14px}
  .role.flip .role-photo::after{inset:14px -14px -14px 14px}
  .faces{grid-template-columns:repeat(3,1fr);row-gap:1.2rem}
  .pesquisa{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .ph-photo{max-width:24rem;order:-1}
  .book-hero .cover{order:-1;max-width:16rem}
  .cover img{transform:rotate(1.5deg)}
  .coverimg{max-width:16rem}
  .sample{grid-template-columns:auto 1fr}
  .sample .wp-block-buttons{grid-column:1 / -1}
  .steps{grid-template-columns:1fr}
}
@media (max-width:480px){.part ol{columns:1}}
.site-footer .foot-links a{color:var(--on-wine)!important}
