/* Five-level showroom additions. Loaded on every concept page; the Flagship/Bespoke rules only match their own markup.
   Motion classes (.depth-motion) come from demo-depth.js; the reduce block at the end flattens everything. */
.preview-bar>div{flex-wrap:wrap;row-gap:4px}
.preview-bar>div a{display:inline-flex;align-items:center;min-height:24px}

/* ---------- Flagship: three-plane depth hero ---------- */
.depth-hero{--px:0;--py:0;--hp:0;position:relative;perspective:1400px;perspective-origin:50% 40%;overflow:hidden;background:var(--surface)}
.dh-stage{position:relative;min-height:min(88vh,820px);transform-style:preserve-3d;transform:rotateX(calc(var(--py)*-2.5deg)) rotateY(calc(var(--px)*3deg))}
.dh-plane{position:absolute}
.dh-back{inset:-4%;transform:translateZ(-120px) scale(1.12) translate3d(calc(var(--px)*-14px),calc(var(--hp)*60px),0)}
.dh-back img{width:100%;height:100%;object-fit:cover;filter:saturate(.95)}
.dh-back::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0,color-mix(in srgb,var(--bg) 70%,transparent) 38%,transparent 70%)}
.dh-mid{right:6%;top:13%;width:min(30%,380px);aspect-ratio:4/5;border-radius:10px;overflow:hidden;box-shadow:0 40px 70px -30px #000a,0 0 0 1px #ffffff40;transform:translateZ(90px) rotateY(-10deg) translate3d(calc(var(--px)*16px),calc(var(--hp)*-50px),0)}
.dh-mid img{width:100%;height:100%;object-fit:cover}
.dh-front{left:5%;top:50%;width:min(560px,52%);transform:translateY(-50%) translateZ(60px)}
.dh-front .hero-copy{background:var(--bg);color:var(--ink);padding:clamp(24px,3.4vw,48px);border-radius:6px;box-shadow:0 30px 60px -30px #0007}
.dh-front h1{font-size:clamp(40px,5.2vw,82px);line-height:.98;margin:14px 0 18px}
.dh-front p{font-size:16px;line-height:1.7;margin-bottom:24px}
.dh-tag{position:absolute;left:5%;right:5%;bottom:18px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:var(--ink);transform:translateZ(40px);margin:0}
.dh-tag span{background:var(--bg);padding:4px 10px;border-radius:99px}

/* ---------- Bespoke: dark cinematic bands ---------- */
.dark-band,.wall-hero{background:#121211;color:#f1ece2;--lit:#f1ece2}
.dark-band .demo-eyebrow,.wall-hero .demo-eyebrow{color:var(--lit)}
.dark-band .demo-button,.wall-hero .demo-button{background:var(--lit);color:#121211;border-color:var(--lit)}
.wall-hero{--px:0;--py:0;--hp:0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:4%;align-items:center;padding:clamp(48px,7vw,110px) 5%;overflow:hidden}
.wh-copy h1{font-family:Editorial,EditorialFallback,Georgia,serif;font-weight:500;font-size:clamp(44px,6vw,96px);line-height:.95;letter-spacing:-.02em;margin:16px 0 20px;color:#f1ece2}
.wh-copy h1 em{color:var(--lit)}
.wh-copy p{font-size:17px;line-height:1.75;color:#d8d3c8;max-width:32em;margin-bottom:26px}
.wh-stage{perspective:1500px}
.wh-wall{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:12px;aspect-ratio:3/2;padding:12px;border-radius:14px;background:linear-gradient(150deg,#2a2926,#0b0b0a 70%);transform-style:preserve-3d;
 transform:rotateX(calc(10deg - var(--py)*6deg + var(--hp)*8deg)) rotateY(calc(-16deg + var(--px)*12deg + var(--hp)*10deg));box-shadow:0 60px 90px -40px #000}
.wh-pane{border-radius:8px;overflow:hidden;background:#1f1e1b;transform:translateZ(calc(var(--z)*1px*(1 + var(--hp))));box-shadow:0 20px 34px -16px #000d,0 0 0 1px #ffffff14}
.wh-pane img{width:100%;height:100%;object-fit:cover}
.wh-text{display:flex;align-items:flex-end;padding:12%;font-family:Editorial,EditorialFallback,Georgia,serif;font-size:clamp(15px,1.6vw,24px);line-height:1.1;color:#f1ece2}
.wh-text.lit{background:var(--lit);color:#121211}

/* ---------- Flagship + Bespoke: story chapters (static two-column list by default) ---------- */
.chapters{--p:.5;padding:clamp(56px,8vw,110px) 5%;background:var(--surface)}
.chapters.dark-band{background:#121211}
.ch-sticky{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center}
.ch-visual{position:relative;aspect-ratio:4/5;perspective:1100px;max-height:72vh}
.ch-visual img{position:absolute;object-fit:cover;border-radius:10px;box-shadow:0 30px 60px -30px #000b}
.ch-a{inset:0 18% 12% 0;width:82%;height:88%;transform:translateZ(calc(var(--p)*-80px)) rotateY(calc(6deg - var(--p)*12deg))}
.ch-b{right:0;bottom:0;width:48%;height:52%;transform:translateZ(calc(40px + var(--p)*80px)) translateY(calc(30px - var(--p)*60px)) rotateY(-8deg);border:6px solid var(--bg)}
.chapters.dark-band .ch-b{border-color:#121211}
.ch-list{list-style:none;margin:0;padding:0;display:grid;gap:44px}
.ch-list h2{font-size:clamp(30px,3.6vw,54px);line-height:1.02;margin:10px 0 14px}
.chapters.dark-band h2{font-family:Editorial,EditorialFallback,Georgia,serif;font-weight:500;color:#f1ece2}
.ch-list p{font-size:16px;line-height:1.75;max-width:32em}
.chapters.dark-band p{color:#d8d3c8}
.depth-motion .chapters{height:300vh;padding-block:0}
.depth-motion .ch-sticky{position:sticky;top:0;height:100vh;padding-block:40px;box-sizing:border-box}
.depth-motion .ch-list{grid-template-areas:'c'}
.depth-motion .ch-list li{grid-area:c;opacity:0;transform:translateY(22px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.depth-motion .ch-list li.on{opacity:1;transform:none;pointer-events:auto;transition:opacity .4s ease .18s,transform .4s ease .18s}

/* ---------- Flagship + Bespoke About: visit journey ---------- */
.journey ol{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;perspective:1000px}
.journey li{background:var(--surface);border-radius:10px;padding:26px;transform:rotateY(-6deg) translateZ(0);box-shadow:0 24px 40px -28px #0008}
.journey li span{font-size:34px;letter-spacing:-.04em}
.journey h3{font-size:19px;margin:14px 0 8px}
.journey p{font-size:15px;line-height:1.7}
.journey h2{font-size:clamp(34px,4vw,58px);line-height:1.02}

/* ---------- Bespoke Explore: brief studio ---------- */
.studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:5%;padding:clamp(56px,8vw,110px) 5%;align-items:start}
.studio-head{grid-column:1/-1;max-width:760px;margin-bottom:12px}
.studio-head h2{font-family:Editorial,EditorialFallback,Georgia,serif;font-weight:500;font-size:clamp(36px,4.6vw,70px);line-height:1;margin:12px 0 16px;color:#f1ece2}
.studio-head p{font-size:16px;line-height:1.75;color:#d8d3c8}
.studio-form fieldset{border:0;border-top:1px solid #3a3833;margin:0;padding:18px 0}
.studio-form legend{font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--lit);padding:0 0 10px}
.chips,.swatches-row{display:flex;flex-wrap:wrap;gap:10px}
.chip,.swatch{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px;border:1px solid #4a4842;border-radius:99px;font-size:14px;cursor:pointer;color:#f1ece2}
.chip input,.swatch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip:has(input:checked),.swatch:has(input:checked){border-color:var(--lit);box-shadow:inset 0 0 0 1px var(--lit)}
.chip:has(input:focus-visible),.swatch:has(input:focus-visible){outline:3px solid var(--lit);outline-offset:3px}
.swatch span{width:30px;height:18px;border-radius:5px;box-shadow:0 0 0 1px #ffffff30}
.studio-line{display:grid;gap:8px;font-size:14px;color:#f1ece2;margin:18px 0}
.studio-line input{min-height:46px;border:1px solid #4a4842;border-radius:8px;background:#1d1c1a;color:#f1ece2;padding:10px 14px;font:inherit}
.studio-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
#studio-status{font-size:14px;color:#d8d3c8;margin:0}
.studio-preview{perspective:1200px;position:sticky;top:90px}
.sp-card{--sp-bg:#f1ece2;--sp-surface:#e4ded1;--sp-ink:#121211;--sp-accent:#b4532a;--sp-font:Manrope,sans-serif;display:grid;gap:14px;aspect-ratio:4/5;padding:11%;border-radius:16px;background:var(--sp-bg);color:var(--sp-ink);
 transform:rotateX(8deg) rotateY(-14deg);box-shadow:0 60px 80px -40px #000,inset 0 0 0 12px var(--sp-surface);transition:background .4s,color .4s}
.sp-brand{font-family:var(--sp-font);font-size:clamp(28px,3vw,46px);font-weight:600;letter-spacing:-.02em;line-height:1}
.sp-card[data-mood=Bold] .sp-brand{font-weight:800;text-transform:uppercase;letter-spacing:-.04em}
.sp-line{font-family:var(--sp-font);font-size:18px;line-height:1.35}
.sp-tags{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
.sp-bar{align-self:end;height:46px;border-radius:99px;background:var(--sp-accent)}

@media(max-width:900px){
 .wall-hero,.ch-sticky,.studio{grid-template-columns:1fr}
 .journey ol{grid-template-columns:1fr 1fr}
 .studio-preview{position:static;max-width:360px}
}
@media(max-width:760px){
 .dh-stage{min-height:0;display:flex;flex-direction:column;padding:0 0 26px}
 .dh-plane{position:relative}
 .dh-back{inset:auto;height:300px;transform:none}.dh-back::after{background:linear-gradient(0deg,var(--surface),transparent 60%)}
 .dh-mid{display:none}
 .dh-front{left:auto;top:auto;width:auto;margin:-60px 5% 0;transform:none}
 .dh-tag{position:relative;left:auto;right:auto;bottom:auto;margin:16px 5% 0;transform:none;flex-wrap:wrap;gap:8px}
 .wh-wall{transform:rotateX(8deg) rotateY(-8deg)}
 .depth-motion .chapters{height:auto;padding-block:56px}
 .depth-motion .ch-sticky{position:static;height:auto;padding:0}
 .depth-motion .ch-list{grid-template-areas:none}
 .depth-motion .ch-list li{grid-area:auto;opacity:1;transform:none;pointer-events:auto}
 .ch-visual{max-width:360px;width:100%;margin:auto}
 .journey ol{grid-template-columns:1fr}.journey li{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .dh-stage,.dh-back,.dh-mid,.dh-front,.wh-pane,.ch-a,.ch-b,.sp-card{transition:none!important}
 .dh-stage{transform:none!important}.dh-back{transform:scale(1.04)!important}.dh-mid{transform:rotateY(-6deg)!important}
 .wh-wall{transform:rotateX(8deg) rotateY(-12deg)!important}.wh-pane{transform:translateZ(calc(var(--z)*1px))!important}
 .depth-motion .chapters{height:auto;padding-block:56px}.depth-motion .ch-sticky{position:static;height:auto}
 .depth-motion .ch-list{grid-template-areas:none}.depth-motion .ch-list li{grid-area:auto;opacity:1;transform:none;pointer-events:auto;transition:none}
}

/* ---------- Brand display type on the new openings ---------- */
.launch-hero h1,.growth-hero h1,.bh-copy h1,.dh-front h1{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.04em}
.serif .launch-hero h1,.serif .growth-hero h1,.serif .bh-copy h1,.serif .dh-front h1{font-family:Editorial,EditorialFallback,Georgia,serif;font-weight:500;letter-spacing:-.02em}
.condensed-display .launch-hero h1,.condensed-display .growth-hero h1,.condensed-display .bh-copy h1,.condensed-display .dh-front h1,.condensed-display .wh-copy h1{font-family:Condensed,Impact,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:-.02em;line-height:.88}

/* ---------- Launch: compact and focused ---------- */
.launch-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6%;align-items:center;padding:clamp(36px,5vw,64px) 5% clamp(36px,5vw,56px);border-bottom:1px solid var(--border)}
.launch-hero h1{font-size:clamp(36px,4.4vw,64px);line-height:1;margin:12px 0 16px}
.launch-hero p{font-size:16px;line-height:1.7;max-width:34em;margin-bottom:22px}
.lh-quick{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 0}
.lh-quick li{border:1px solid var(--border);padding:6px 12px;border-radius:99px;font-size:13px}
.lh-photo{margin:0}.lh-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.lh-photo figcaption{font-size:11px;letter-spacing:.12em;margin-top:8px}

/* ---------- Growth: editorial banner, guided path, highlights ---------- */
.growth-hero{padding:0 0 clamp(30px,4vw,50px)}
.gh-banner{position:relative;min-height:min(70vh,640px);display:flex;align-items:flex-end;overflow:hidden}
.gh-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gh-copy{position:relative;margin:0 5% 40px;max-width:600px;background:var(--bg);color:var(--ink);padding:clamp(22px,3vw,40px);border-radius:4px}
.gh-copy h1{font-size:clamp(38px,4.8vw,72px);line-height:.98;margin:12px 0 14px}
.gh-copy p{font-size:16px;line-height:1.7;margin-bottom:20px}
.gh-lower{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:5%;padding:30px 5% 0}
.gh-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gh-path a{display:grid;gap:6px;min-height:44px;padding:16px;border:1px solid var(--border);font-size:14px;font-weight:600;border-radius:4px}
.gh-path a:hover{background:var(--surface)}
.gh-path span{font-size:24px;font-weight:400;letter-spacing:-.04em;color:var(--accent)}
.gh-highlights{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;align-content:center}
.gh-highlights li{font-size:14px;padding:8px 0;border-bottom:1px solid var(--border)}

/* ---------- Bespoke families ---------- */
.bespoke-hero{--px:0;--py:0;--hp:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:4%;align-items:center;padding:clamp(48px,7vw,110px) 5%;overflow:hidden;background:#121211;color:#f1ece2}
.bespoke-hero .demo-eyebrow{color:var(--lit)}
.bespoke-hero .demo-button{background:var(--lit);color:#121211;border-color:var(--lit)}
.bh-copy h1{font-size:clamp(42px,5.6vw,92px);line-height:.95;margin:16px 0 20px;color:#f1ece2}
.bh-copy p{font-size:17px;line-height:1.75;color:#d8d3c8;max-width:32em;margin-bottom:24px}
.bh-services{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.bh-services li{font-size:13px;padding:8px 0;border-top:1px solid #3a3833;color:#d8d3c8}
/* blueprint: trades and property */
.fam-blueprint.bespoke-hero{background:#0e1a22;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:32px 32px}
.bp-stage{perspective:1400px;perspective-origin:50% 20%}
.bp-sheet{position:relative;aspect-ratio:4/3;transform-style:preserve-3d;transform:rotateX(calc(48deg - var(--py)*6deg - var(--hp)*14deg)) rotateZ(calc(-12deg + var(--px)*6deg));border:10px solid #f1ece2;box-shadow:0 60px 80px -30px #000}
.bp-sheet>img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.bp-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff40 1px,transparent 1px),linear-gradient(90deg,#ffffff40 1px,transparent 1px);background-size:12.5% 16.66%}
.bp-pin{position:absolute;left:var(--x);top:var(--y);transform-origin:bottom left;transform:rotateX(-70deg) translateZ(30px);display:inline-flex;gap:8px;align-items:center;background:#f1ece2;color:#0e1a22;padding:8px 12px;font-size:13px;font-weight:600;border-radius:4px;white-space:nowrap;box-shadow:0 18px 24px -12px #000c}
.bp-pin b{background:var(--lit);color:#0e1a22;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:11px}
.bp-legend{font-size:11px;letter-spacing:.14em;color:#9fb3bf;margin:26px 0 0;text-align:right}
/* table: hospitality */
.fam-table.bespoke-hero{background:radial-gradient(circle at 80% 30%,#3a2117,#140c09 65%)}
.tb-stage{position:relative;aspect-ratio:1.15;perspective:1500px;transform-style:preserve-3d}
.tb-stage>div{position:absolute;box-shadow:0 40px 60px -26px #000;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tb-poster{left:4%;top:4%;width:54%;aspect-ratio:3/4;border-radius:4px;overflow:hidden;transform:rotateY(calc(14deg + var(--px)*6deg)) rotateZ(-4deg) translateZ(20px)}
.tb-poster img{width:100%;height:100%;object-fit:cover}
.tb-poster span{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(transparent,#000c);font-family:Editorial,EditorialFallback,Georgia,serif;font-size:28px;color:#fff}
.tb-menu{right:2%;top:10%;width:48%;background:#f4ecdc;color:#2b1a12;padding:24px 22px;border-radius:3px;transform:rotateY(calc(-12deg + var(--px)*6deg)) rotateZ(3deg) translateZ(calc(60px + var(--hp)*40px))}
.tb-menu p{font-size:11px;letter-spacing:.14em;margin:0 0 12px}
.tb-menu ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tb-menu li{display:flex;gap:8px;align-items:baseline;font-family:Editorial,EditorialFallback,Georgia,serif;font-size:19px}
.tb-menu li i{flex:1;border-bottom:1px dotted #2b1a1288}
.tb-menu small{display:block;margin-top:14px;font-size:10px;letter-spacing:.1em;opacity:.8}
.tb-ticket{left:30%;bottom:2%;width:40%;background:var(--lit);color:#140c09;padding:14px 18px;border-radius:6px;display:grid;gap:2px;transform:rotateZ(-8deg) translateZ(100px)}
.tb-ticket b{font-family:Editorial,EditorialFallback,Georgia,serif;font-size:22px}.tb-ticket span{font-size:10px;letter-spacing:.14em}
/* pedestal: retail and portfolio */
.fam-pedestal.bespoke-hero{background:radial-gradient(ellipse at 50% 110%,#2c2a26,#0d0d0c 60%)}
.pd-stage{position:relative;aspect-ratio:1.2;perspective:1300px;perspective-origin:50% 30%}
.pd-ring{position:absolute;left:50%;top:44%;width:28%;aspect-ratio:3/4;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-8deg) rotateY(calc(-20deg + var(--px)*25deg - var(--hp)*140deg));transition:transform .3s ease-out}
.pd-face{position:absolute;inset:0;border-radius:6px;overflow:hidden;transform:rotateY(calc(var(--k)*60deg)) translateZ(min(19vw,250px));box-shadow:0 30px 40px -20px #000;background:#222}
.pd-face img{width:100%;height:100%;object-fit:cover}
.pd-base{position:absolute;left:18%;right:18%;bottom:4%;height:12%;border-radius:50%;background:radial-gradient(closest-side,var(--lit),transparent);opacity:.35;filter:blur(8px)}
/* studio result */
.studio-result{margin-top:28px;background:#1d1c1a;border:1px solid #3a3833;border-radius:12px;padding:22px}
.studio-result h3{font-family:Editorial,EditorialFallback,Georgia,serif;font-weight:500;font-size:26px;margin:0 0 12px;color:var(--lit)}
.studio-result ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:15px;line-height:1.5;color:#f1ece2}
.studio-result .fine-print{color:#b0afa6;font-size:12px;margin:14px 0 0}

@media(max-width:900px){.launch-hero,.gh-lower,.bespoke-hero{grid-template-columns:1fr}.gh-path{grid-template-columns:1fr}.bh-services{grid-template-columns:1fr}}
@media(max-width:760px){.gh-banner{min-height:520px}.gh-copy{margin:0 4% 20px}.tb-stage{aspect-ratio:.95}.tb-menu li{font-size:16px}.bp-pin{font-size:11px;padding:6px 8px}.pd-face{transform:rotateY(calc(var(--k)*60deg)) translateZ(40vw)}.pd-ring{width:40%}}
@media(prefers-reduced-motion:reduce){.pd-ring{transition:none!important;transform:translate(-50%,-50%) rotateX(-8deg) rotateY(-20deg)!important}.bp-sheet{transform:rotateX(48deg) rotateZ(-12deg)!important}.tb-stage>div{transition:none}.tb-poster{transform:rotateY(14deg) rotateZ(-4deg)!important}.tb-menu{transform:rotateY(-12deg) rotateZ(3deg) translateZ(60px)!important}}
/* Growth as an editorial split (distinct from Flagship's layered overlay) */
.gh-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;align-items:stretch;border-bottom:1px solid var(--border)}
.gh-banner>img{position:relative;inset:auto;order:2;height:100%;min-height:min(62vh,560px);object-fit:cover}
.gh-copy{order:1;margin:0;max-width:none;background:transparent;padding:clamp(36px,5vw,72px) 8% clamp(36px,5vw,56px) 10%;border-radius:0;align-self:center}
.gh-copy h1{font-size:clamp(40px,5vw,78px)}
@media(max-width:760px){.gh-banner{grid-template-columns:1fr}.gh-banner>img{order:1;min-height:300px;height:300px}.gh-copy{order:2;padding:28px 5%}}
@media(min-width:761px){.gh-banner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.gh-banner>img{order:1}.gh-copy{order:2;padding:clamp(36px,5vw,72px) 10% clamp(36px,5vw,56px) 8%}}
@media(max-width:760px){.tb-ticket{display:none}.tb-menu{width:56%;right:0}.tb-poster{width:52%}}
/* Flagship + Bespoke: chapter-to-chapter navigation across the four pages */
.next-chapter{padding:0 5% 40px}
.next-chapter a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:22px 26px;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:transform .3s ease,box-shadow .3s ease}
.next-chapter a:hover,.next-chapter a:focus-visible{transform:translateY(-3px);box-shadow:0 20px 30px -20px #0006}
.next-chapter span{font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.next-chapter b{font-size:clamp(20px,2.4vw,32px);font-weight:500;letter-spacing:-.02em}
.serif .next-chapter b{font-family:Editorial,EditorialFallback,Georgia,serif}
@media(prefers-reduced-motion:reduce){.next-chapter a{transition:none}.next-chapter a:hover{transform:none}}
/* Tap targets (WCAG 2.2 2.5.8): footer credit link and short brand wordmarks */
.demo-footer a{display:inline-flex;align-items:center;min-height:24px;padding:4px 0}
.demo-nav .brand{display:inline-flex;align-items:center;min-height:32px}