:root{--bg:hsl(35 50% 96%);--bg2:hsl(35 50% 92%);--ink:hsl(0 0% 15%);--gold:hsl(38 65% 55%);--gold-d:hsl(38 65% 42%);--navy:hsl(220 93% 8%);--muted:hsl(210 5% 40%);--line:hsl(35 25% 82%);
--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.75 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-d)}
h1,h2,h3{font-family:var(--serif);color:var(--navy);line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,5vw + 1rem,5rem);font-weight:600}
h2{font-size:clamp(2rem,3vw + 1rem,3rem);font-weight:600;text-align:center}
h3{font-size:1.55rem;font-weight:600}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px;margin-left:auto;margin-right:auto}
.c{text-align:center}

/* header */
.top{position:sticky;top:0;z-index:20;background:hsl(35 50% 96% / .94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);margin-right:auto}
.brand img{border-radius:50%}
.brand b{display:block;font:600 1.3rem/1.1 var(--serif)}
.brand small{display:block;font-size:.72rem;font-weight:500;color:var(--gold-d);letter-spacing:.02em}
nav{display:flex;gap:2px;flex-wrap:wrap}
nav a{padding:6px 12px;border-radius:6px;text-decoration:none;color:var(--ink);font-size:.9rem;font-weight:500}
nav a:hover{background:var(--bg2)}
nav a.active{background:hsl(38 65% 55% / .18);color:var(--gold-d)}
.burger{display:none;background:none;border:0;font-size:1.6rem;color:var(--navy);cursor:pointer}
@media(max-width:1000px){.burger{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);flex-direction:column;padding:10px 20px;border-bottom:1px solid var(--line)}body.open nav{display:flex}}

/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(2rem,4vw,3.2rem) 0;background:
 radial-gradient(900px 420px at 85% -10%,hsl(38 65% 55% / .28),transparent 60%),
 radial-gradient(700px 380px at 0% 110%,hsl(38 65% 55% / .14),transparent 60%),
 linear-gradient(160deg,hsl(220 80% 10%),hsl(222 70% 15%) 60%,hsl(220 85% 8%));
 color:hsl(35 30% 90%);border-bottom:3px solid var(--gold)}
.hero::before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;
 background-image:repeating-linear-gradient(45deg,var(--gold) 0 1px,transparent 1px 22px)}
.hero .wrap{position:relative}
.hero h1{color:hsl(35 50% 96%);text-shadow:0 2px 24px hsl(0 0% 0% / .35)}
.hero .eyebrow{color:var(--gold)}
.hero .lead{color:hsl(35 30% 86%);max-width:680px}
.rule{display:block;width:84px;height:3px;margin:.2rem 0 1.4rem;border-radius:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero.center .rule{margin-left:auto;margin-right:auto;background:linear-gradient(90deg,transparent,var(--gold),transparent);width:140px}
.hero.center{text-align:center}
.hero.center .lead{margin-left:auto;margin-right:auto}
.hero.split .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}
@media(max-width:800px){.hero.split .wrap{grid-template-columns:1fr;gap:32px}}
.hero-img{position:relative}
.hero-img::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:2px solid var(--gold);border-radius:18px;opacity:.7}
.hero-img img{position:relative;border-radius:14px;box-shadow:0 30px 60px -20px hsl(0 0% 0% / .7);border:1px solid hsl(38 65% 55% / .5)}
.hero .btn{background:var(--gold);color:var(--navy)}
.hero .btn:hover{background:hsl(35 50% 96%)}
.hero .btn.ghost{background:transparent;color:var(--bg);border:1.5px solid hsl(38 65% 55% / .7);margin-left:12px}
.hero .btn.ghost:hover{background:hsl(38 65% 55% / .18);color:var(--bg)}
.hero p.cta{margin-top:1.6rem}
/* home hero */
.hero.home{padding:clamp(1.6rem,3vw,2.4rem) 0 clamp(2.2rem,4vw,3rem)}
.seal-wrap{position:relative;width:min(250px,60vw);margin:0 auto 1.2rem}.seal-wrap.sm{width:min(230px,60vw);margin:0 auto}
.seal-wrap::before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,hsl(38 65% 55% / .55),hsl(38 65% 55% / .12) 45%,transparent 68%);filter:blur(6px)}
.seal{position:relative;width:100%;filter:drop-shadow(0 24px 34px hsl(0 0% 0% / .55))}
.hero.home h1{font-size:clamp(2.6rem,4vw + 1rem,4.4rem)}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:1.6rem}
.chips a{padding:.45em 1.1em;border:1px solid hsl(38 65% 55% / .55);border-radius:999px;color:hsl(35 40% 90%);text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:.04em;transition:.2s}
.chips a:hover{background:var(--gold);color:var(--navy)}
.hero-img img{height:auto;max-height:300px;width:100%;object-fit:cover}
.hero-text{position:relative}
.seal-wrap,.hero-img{animation:rise .8s ease both}
.hero-text,.hero.center>.wrap>*:not(.seal-wrap){animation:rise .8s .1s ease both}
@keyframes rise{from{transform:translateY(12px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;color:var(--gold-d);margin:0 0 .6rem}
.lead{font-size:clamp(1.15rem,1.2vw + .8rem,1.4rem);line-height:1.7;color:hsl(0 0% 25%)}
.btn{display:inline-block;background:var(--navy);color:var(--bg);padding:.8em 1.8em;border-radius:8px;text-decoration:none;font-weight:600;transition:.2s}
.btn:hover{background:var(--gold);color:var(--navy)}

/* sections */
.sec{padding:clamp(3rem,7vw,5.5rem) 0}
.sec.alt{background:var(--bg2)}
.sec h2{margin-bottom:1rem}
.sec h2:empty{display:none}
.grid{display:grid;gap:22px;margin-top:2.2rem}
.c2{grid-template-columns:repeat(2,1fr)}.c3{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.c3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.c2,.c3{grid-template-columns:1fr}}
.card{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:26px;color:var(--ink);text-decoration:none}
.alt .card{background:hsl(35 50% 97%)}
.card h3{margin-bottom:.35em}
.card p{margin:.4em 0 0}
.card .tag{font-family:var(--serif);font-size:1.2rem;color:var(--gold-d);font-weight:600;line-height:1.3}
a.card.link{transition:.2s}
a.card.link:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 14px 30px -16px hsl(220 93% 8% / .35)}
.card.media img{border-radius:8px;margin-bottom:1rem;aspect-ratio:1;object-fit:cover;width:100%}
.more{display:inline-block;margin-top:.6rem;font-weight:600;color:var(--gold-d)}

.verse{background:var(--navy);text-align:center}
.verse blockquote{color:var(--bg);font:italic 500 clamp(1.5rem,2.4vw + .8rem,2.4rem)/1.4 var(--serif);max-width:860px;margin:0 auto}
.verse cite,.verse .eyebrow{display:block;margin-top:1rem;font:600 .95rem var(--sans);color:var(--gold);font-style:normal}
blockquote{border-left:3px solid var(--gold);margin:1.5rem 0;padding:.2rem 0 .2rem 1.2rem;font:italic 500 1.5rem/1.5 var(--serif);color:var(--navy)}
blockquote cite{display:block;font:600 .9rem var(--sans);color:var(--gold-d);font-style:normal;margin-top:.4rem}
.verse blockquote{border:0;padding:0}

.prose h2{text-align:left;font-size:2rem;margin-top:2.2rem}
.prose h3{margin-top:1.8rem}
.prose ul{padding-left:1.3rem}
.prose li{margin:.4rem 0}

/* media / figures */
.feature{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:40px;align-items:center;margin:2.2rem 0}
.feature img{border-radius:10px;box-shadow:0 18px 40px -18px hsl(0 0% 0% / .5);width:100%}
.feature img.logo{box-shadow:none;border-radius:0}
@media(max-width:760px){.feature{grid-template-columns:1fr}.feature img{max-width:320px;margin:0 auto}}
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:26px;margin-top:2.2rem}
.book{text-decoration:none;text-align:center;color:var(--ink)}
.book img{border-radius:6px;box-shadow:0 10px 24px -10px hsl(0 0% 0% / .5);margin:0 auto 12px;transition:.2s}
.book:hover img{transform:translateY(-4px)}
.book h3{font-size:1.15rem;margin-bottom:.1em}
.book span{font-size:.85rem;font-weight:600;color:var(--gold-d)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:2rem 0}
.gallery img{border-radius:8px;aspect-ratio:2/3;object-fit:cover;width:100%}
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;margin:2.4rem 0 0;align-items:start}
.figs figure{margin:0}
.figs img{border-radius:10px;box-shadow:0 14px 34px -16px hsl(0 0% 0% / .45);width:100%}
.figs figcaption{text-align:center;font:600 .9rem var(--sans);color:var(--muted);margin-top:.7rem}

/* footer */
footer{background:var(--navy);color:hsl(35 30% 85%);text-align:center;padding:56px 0 40px}
footer .wrap{max-width:720px}
footer img{margin:0 auto 14px;border-radius:50%}
footer h3{color:var(--bg);margin-bottom:.2em}
footer p{margin:.4em 0}
footer .motto{font:italic 500 1.15rem var(--serif);color:var(--gold)}
footer a{color:var(--gold)}
footer .fine{margin-top:1.6rem;font-size:.85rem;opacity:.8}

/* hero sizing + graphics */
.hero h1{font-size:clamp(2.1rem,2.6vw + 1rem,3.5rem);margin-bottom:.3em}
.hero .lead{font-size:clamp(1.05rem,.8vw + .8rem,1.25rem);margin:0 0 1rem}
.hero .rule{margin-bottom:1rem}
.hero.center .lead{margin-bottom:.4rem}
.hero p.cta{margin-top:1rem}
.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:230px}
.emblem{width:min(260px,70vw);color:var(--gold);filter:drop-shadow(0 8px 24px hsl(38 65% 55% / .35))}
.fan{position:relative;width:min(380px,90%);height:280px}
.fan img{position:absolute;top:0;height:100%;width:auto;border-radius:8px;border:1px solid hsl(38 65% 55% / .55);box-shadow:0 20px 40px -12px hsl(0 0% 0% / .7);object-fit:cover}
.fan img:nth-child(1){left:2%;transform:rotate(-9deg) translateY(10px)}
.fan img:nth-child(2){left:50%;transform:translateX(-50%) translateY(-6px);z-index:2}
.fan img:nth-child(3){right:2%;transform:rotate(9deg) translateY(10px)}
.fan.books{height:300px}
.fan.books img{aspect-ratio:2/3}
@media(max-width:800px){.hero-art{min-height:0}.fan{height:230px}.fan.books{height:250px}}

/* buy buttons */
.books{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:30px}
.book{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:22px 18px}
.book img{width:150px;height:auto;margin:0 auto 14px}
.book .sub{font-size:.9rem;color:var(--muted);line-height:1.45;margin:.2rem 0 1rem;flex:1}
.buys{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.buy{display:inline-block;padding:.5em 1em;border-radius:7px;background:var(--navy);color:var(--bg);font-size:.85rem;font-weight:600;text-decoration:none;transition:.2s}
.buy:hover{background:var(--gold);color:var(--navy)}
.buys.lg .buy{padding:.7em 1.4em;font-size:.95rem}
.book:hover img{transform:none}

/* TOPS Trap feature */
.sec.tops{background:linear-gradient(170deg,hsl(220 80% 9%),hsl(222 70% 14%));color:hsl(35 30% 88%);border-top:3px solid var(--gold);border-bottom:3px solid var(--gold)}
.tops h2{text-align:left;color:hsl(35 50% 96%);margin-bottom:.3em}
.tops h3{color:hsl(35 50% 96%);margin-top:2.4rem}
.tops .lead{color:hsl(35 40% 92%)}
.tops a:not(.btn){color:var(--gold)}
.tops .eyebrow{color:var(--gold)}
.tops-grid{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:44px;align-items:center}
@media(max-width:760px){.tops-grid{grid-template-columns:1fr}.cover{max-width:260px;margin:0 auto}}
.cover{margin:0}
.cover img{border-radius:6px;box-shadow:0 26px 50px -14px hsl(0 0% 0% / .8);width:100%}
.cover figcaption{font-size:.75rem;color:hsl(35 20% 70%);text-align:center;margin-top:.5rem}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.4rem}
.tops .btn{background:var(--gold);color:var(--navy)}
.tops .btn:hover{background:hsl(35 50% 96%)}
.tops .btn.ghost{background:transparent;color:var(--bg);border:1.5px solid hsl(38 65% 55% / .7)}
.tops .btn.ghost:hover{background:hsl(38 65% 55% / .18)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:2.6rem}
@media(max-width:800px){.stats{grid-template-columns:1fr}}
.stats div{border:1px solid hsl(38 65% 55% / .4);border-radius:12px;padding:20px;background:hsl(0 0% 100% / .04)}
.stats b{display:block;font:600 clamp(2rem,3vw,2.8rem)/1.1 var(--serif);color:var(--gold);margin-bottom:.4rem}
.stats span{font-size:.92rem;line-height:1.5}
.findings{max-width:760px;margin:1rem auto 0;padding-left:1.3rem;font-size:1.05rem}
.findings li{margin:.35rem 0;padding-left:.3rem}
.findings li::marker{color:var(--gold);font-weight:700}
.fine-note{text-align:center;font-size:.9rem;margin-top:1.8rem;color:hsl(35 20% 75%)}
.buys.lg{justify-content:flex-start}

/* Kindle Unlimited */
.kubadge{display:inline-block;background:var(--gold);color:var(--navy);font:700 .68rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:.4em .7em;border-radius:999px}
.book .kubadge{margin:-.2rem 0 .7rem}
.buy.ku{background:var(--gold);color:var(--navy);flex-basis:100%;text-align:center}
.buy.ku:hover{background:var(--navy);color:var(--bg)}
.kunote{font-size:.95rem;color:var(--muted);max-width:640px;margin:1rem auto 0}
.kunote .kubadge{margin-right:.4rem}
.book .kubadge{color:var(--navy);font-size:.68rem;font-weight:700;background:var(--gold)}
.buy.ku{white-space:nowrap;font-size:.8rem;padding:.55em .8em}
.buys.lg .buy.ku{flex-basis:auto}
.book .buy.ku{font-size:.74rem;padding:.6em .5em}

/* hero images: never crop, show the whole picture */
.hero-img{display:flex;justify-content:center}
.hero-img::before{display:none}
.hero-img img{width:auto;height:auto;max-width:100%;max-height:300px;object-fit:contain;outline:2px solid hsl(38 65% 55% / .6);outline-offset:9px}
.showcase{margin:2rem auto 0;max-width:900px}
.showcase img{width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:0 24px 50px -22px hsl(0 0% 0% / .55)}
.showcase figcaption{text-align:center;font-size:.8rem;color:var(--muted);margin-top:.5rem}

/* Authors Toolworx wordmark banner (Create hero) */
.wordmark{width:min(500px,100%);padding:30px 26px 26px;text-align:center;border:1px solid hsl(38 65% 55% / .55);border-radius:14px;background:radial-gradient(420px 220px at 50% 0%,hsl(38 65% 55% / .16),transparent 70%),linear-gradient(160deg,hsl(220 85% 7%),hsl(222 70% 12%));box-shadow:0 30px 60px -24px hsl(0 0% 0% / .8),inset 0 0 0 6px hsl(220 85% 7%),inset 0 0 0 7px hsl(38 65% 55% / .25)}
.wordmark .mark{width:58px;margin:0 auto 8px;color:var(--gold)}
.wordmark .name{font:600 clamp(2.1rem,3.6vw,3.1rem)/1 var(--serif);color:hsl(35 50% 97%);letter-spacing:.01em}
.wordmark .name b{color:var(--gold);font-weight:600;margin-left:.08em}
.wordmark .sub{margin:1rem 0 .8rem;font:600 .68rem/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:hsl(35 40% 92%)}
.wordmark hr{border:0;height:2px;width:60%;margin:0 auto .9rem;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.wordmark .tag{margin:0;font-size:.98rem;line-height:1.5;color:hsl(35 30% 86%)}
.wordmark .tag b{color:var(--gold);font-weight:600}

/* Lightbox */
.zoomable{cursor:zoom-in;transition:transform .2s,box-shadow .2s}
.gallery img.zoomable:hover,.figs img.zoomable:hover{transform:translateY(-3px);box-shadow:0 16px 32px -14px hsl(0 0% 0% / .55)}
.zoomable:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
body.lb-open{overflow:hidden}
.lightbox{position:fixed;inset:0;z-index:100;background:hsl(220 85% 5% / .94);display:flex;align-items:center;justify-content:center;padding:56px 64px;cursor:zoom-out}
.lightbox[hidden]{display:none}
.lightbox figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default}
.lightbox img{max-width:100%;max-height:calc(100vh - 140px);width:auto;height:auto;border-radius:8px;box-shadow:0 30px 80px -20px #000;object-fit:contain}
.lightbox figcaption{color:hsl(35 40% 90%);font:500 .95rem var(--sans);text-align:center}
.lightbox button{position:absolute;background:hsl(0 0% 100% / .1);color:#fff;border:1px solid hsl(38 65% 55% / .5);border-radius:50%;width:46px;height:46px;font-size:1.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.lightbox button:hover{background:var(--gold);color:var(--navy)}
.lightbox button[hidden]{display:none}
.lb-close{top:14px;right:16px}
.lb-prev{left:12px;top:50%;margin-top:-23px}
.lb-next{right:12px;top:50%;margin-top:-23px}
@media(max-width:700px){.lightbox{padding:60px 10px 40px}.lb-prev{left:6px;top:auto;bottom:10px;margin:0}.lb-next{right:6px;top:auto;bottom:10px;margin:0}}

/* ---- Navigation: What I Do menu, Contact ---- */
nav{align-items:center}
.dd{position:relative}
.ddb{font:500 .9rem var(--sans);background:none;border:0;padding:6px 12px;border-radius:6px;color:var(--ink);cursor:pointer}
.ddb:hover,.dd:focus-within .ddb{background:var(--bg2)}
.ddb.active{background:hsl(38 65% 55% / .18);color:var(--gold-d)}
.ddm{display:none;position:absolute;right:0;top:100%;min-width:330px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 22px 44px -16px hsl(220 85% 8% / .45);z-index:30}
.dd:hover .ddm,.dd.open .ddm,.dd:focus-within .ddm{display:block}
.ddm .mi{display:block;padding:9px 12px;border-radius:8px;color:var(--ink)}
.ddm .mi:hover{background:var(--bg2)}
.ddm .mi.active{background:hsl(38 65% 55% / .18)}
.ddm .mi b{display:block;font:600 1.02rem var(--serif);color:var(--navy)}
.ddm .mi small{display:block;font-size:.78rem;color:var(--muted);margin-top:1px}
.ddm .mi.sub{margin-left:22px;padding:6px 12px;border-left:2px solid var(--line);border-radius:0 8px 8px 0}
.ddm .mi.sub b{font-size:.95rem}
nav a.navcta{background:var(--navy);color:var(--bg);margin-left:6px;padding:7px 16px;font-weight:600}
nav a.navcta:hover{background:var(--gold);color:var(--navy)}
section[id]{scroll-margin-top:84px}
@media(max-width:1000px){
 .ddb{display:block;width:100%;text-align:left;font-weight:600;padding:8px 12px}
 .ddb span{display:none}
 .ddm{display:block;position:static;min-width:0;box-shadow:none;border:0;padding:0 0 0 8px;background:none}
 .dd{width:100%}
 nav a.navcta{margin:6px 0 0;text-align:center}
}

/* ---- New cards and layouts ---- */
.logo-card{background:#fff;border-radius:12px;padding:18px;display:flex;align-items:center;justify-content:center;min-height:150px;box-shadow:0 18px 40px -20px hsl(0 0% 0% / .5)}
.logo-card img{max-height:150px;width:auto;max-width:100%;object-fit:contain}
.hero-art .logo-card{width:min(380px,100%);min-height:190px}
.hero-art .logo-card img{max-height:170px}
.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:2rem}
@media(max-width:760px){.duo{grid-template-columns:1fr}}
.duo-card{display:flex;flex-direction:column;gap:6px;text-align:center}
.duo-card .logo-card{margin-bottom:12px}
.duo-card .more{margin-top:auto;padding-top:.6rem}
.grid.c5{grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:1000px){.grid.c5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.grid.c5{grid-template-columns:repeat(2,1fr)}}
.card.mini{padding:14px;text-align:center}
.card.mini h3{font-size:1.1rem;margin:.1rem 0 .2rem}
.feature.wide{grid-template-columns:minmax(260px,1.05fr) 1fr;gap:48px}
@media(max-width:760px){.feature.wide{grid-template-columns:1fr}.feature.wide img{max-width:none}}
.h2l,h2.l{text-align:left}
.btn.ghost-d{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.btn.ghost-d:hover{background:var(--navy);color:var(--bg)}
.figs.two{grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:34px}
@media(max-width:640px){.figs.two{grid-template-columns:1fr;max-width:320px;margin-inline:auto}}

/* ---- Mobile menu: scrollable, one consistent left-aligned style ---- */
@media(max-width:1000px){
 nav{flex-wrap:nowrap;flex-direction:column;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-items:stretch;padding:8px 16px 22px;box-shadow:0 18px 30px -18px hsl(220 85% 8% / .45)}
 body.open{overflow:hidden}
 nav > a{text-align:left;padding:12px;font-size:1.02rem;border-radius:8px}
 .ddb{display:block;pointer-events:none;cursor:default;background:none!important;padding:16px 12px 4px;font:700 .72rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:left}
 .ddm .mi{padding:10px 12px}
 .ddm .mi b{font-size:1.08rem}
 .ddm .mi.sub{margin-left:20px}
 nav a.navcta{margin:14px 0 0;padding:13px 16px;text-align:center;font-size:1rem}
}
.ddm{max-height:calc(100vh - 84px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1000px){.ddm{max-height:none;overflow:visible}}
.showcase.poster{max-width:560px}