/* Home + How It Works layer over v15/style.css (ported from the 2026-09-28 website mockup). Uses the site's own tokens. */
:root{--hair:rgba(20,20,20,.14);--muted:rgba(20,20,20,.62)}
.sec-pad{padding-top:clamp(72px,11vh,140px);padding-bottom:clamp(72px,11vh,140px)}

/* ── What changes for you: the index ─────────────────────────── */
.mk-intro .d2{margin:18px 0 20px}
.mk-intro .lede{max-width:640px;margin:0 0 40px}
.mk-index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--onyx)}
.mk-index li{border-right:1px solid var(--hair)}
.mk-index li:last-child{border-right:0}
.mk-index a{display:block;padding:22px 18px 26px 0;margin-left:18px;color:inherit;text-decoration:none}
.mk-index li:first-child a{margin-left:0}
.mk-index b{display:block;font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mahogany);margin-bottom:12px}
.mk-index s{display:block;font:300 22px/1.2 var(--serif);text-decoration:line-through;text-decoration-thickness:1px;color:var(--muted)}
.mk-index span{display:block;font:400 22px/1.2 var(--serif);margin-top:6px}
.mk-index a:hover span{color:var(--mahogany)}
@media (max-width:860px){.mk-index{grid-template-columns:1fr 1fr}.mk-index li:nth-child(2){border-right:0}.mk-index li{border-bottom:1px solid var(--hair)}.mk-index li:nth-child(3) a{margin-left:0}}
@media (max-width:520px){.mk-index{grid-template-columns:1fr}.mk-index li{border-right:0}.mk-index a{margin-left:0}}

/* ── One outcome ─────────────────────────────────────────────── */
.mk-out{border-top:1px solid var(--onyx)}
.mk-out__head{padding-top:clamp(56px,9vh,110px);padding-bottom:clamp(28px,4vh,44px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px 56px;align-items:end}
.mk-out__n{font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mahogany);margin:0 0 16px}
.mk-out__h{font:300 clamp(36px,4.8vw,68px)/1.02 var(--serif);letter-spacing:-.01em;margin:0}
.mk-out__h em{font-style:italic}
.mk-ba{display:grid;gap:14px;margin:0}
.mk-ba p{margin:0;display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;font-size:16px;line-height:1.5;padding-top:14px;border-top:1px solid var(--hair)}
.mk-ba b{font:500 11px/1.9 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.mk-ba .was{color:var(--muted)}
.mk-ba .was b{color:var(--muted)}
.mk-ba .now b{color:var(--mahogany)}
.mk-plan{grid-column:1/-1;margin:4px 0 0;font:500 11px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mk-plan i{font-style:normal;color:var(--onyx)}
@media (max-width:860px){.mk-out__head{grid-template-columns:1fr}.mk-ba p{grid-template-columns:1fr;gap:4px}}

/* ── How easy: five steps, your part vs ours ─────────────────── */
.mk-steps .d2{margin:18px 0 14px}
.mk-steps .lede{max-width:620px;margin:0 0 44px;opacity:.85}
.mk-steps ol{list-style:none;margin:0 0 44px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(248,241,231,.35)}
.mk-steps li{padding:22px 18px 0 0;border-right:1px solid rgba(248,241,231,.14);margin-right:18px}
.mk-steps li:last-child{border-right:0;margin-right:0}
.mk-steps .n{font:300 44px/1 var(--serif);opacity:.55}
.mk-steps h3{font:400 22px/1.15 var(--serif);margin:14px 0 10px}
.mk-steps p{font-size:14px;line-height:1.5;margin:0 0 18px;opacity:.85}
.mk-steps .you{font:500 11px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;opacity:1}
.mk-bar{height:6px;background:rgba(248,241,231,.14);position:relative;margin-bottom:22px}
.mk-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--linen)}
.mk-steps .mk-key{display:flex;gap:22px;flex-wrap:wrap;font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0 0 36px;opacity:.85}
.mk-steps .mk-key span::before{content:"";display:inline-block;width:18px;height:6px;margin-right:8px;vertical-align:middle;background:var(--linen)}
.mk-steps .mk-key span+span::before{background:rgba(248,241,231,.14)}
@media (max-width:960px){.mk-steps ol{grid-template-columns:1fr 1fr}.mk-steps li{border-right:0;border-bottom:1px solid rgba(248,241,231,.14);margin-right:0;padding-right:0}}
@media (max-width:560px){.mk-steps ol{grid-template-columns:1fr}}

/* ── Proof on real suites ───────────────────────────────────── */
.mk-proof .d2{margin:18px 0 14px}
.mk-proof .lede{max-width:620px;margin:0 0 40px}
.mk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:40px}
.mk-card{display:block;color:inherit;text-decoration:none}
.mk-card figure{margin:0 0 16px;aspect-ratio:4/5;background:var(--alabaster) center/cover no-repeat;border-radius:2px;overflow:hidden}
.mk-card b{display:block;font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mahogany);margin-bottom:8px}
.mk-card span{display:block;font:400 24px/1.15 var(--serif)}
.mk-card em{display:block;font-style:normal;font-size:13px;color:var(--muted);margin-top:6px}
.mk-card:hover span{color:var(--mahogany)}
@media (max-width:860px){.mk-cards{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mk-cards{grid-template-columns:1fr}}
.mk-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* ── How It Works page: hide the prototype's own fake site bar and its A–Z (the 53 live at /events) ── */
.mk-hiw #t07 .t07-nav,.mk-hiw #t07 .t07-band-alab{display:none!important}


/* The prototype shell gave every stage a positioning context; the embedded picks rely on it. */
.mk-embed .way__stage{position:relative}
.mk-embed{display:block}
#t07 .t07-w3-line{overflow:hidden}

/* ── Event page (Ari Rosen): the chosen page fills the screen under the fixed site menu ── */
.mk-event{padding-top:76px;background:var(--linen)}
.mk-event #t08 article.way{margin:0}
.mk-event #t08 .t08-page{max-width:none;border:0;box-shadow:none}
.mk-event #t08 .t08-scroll{height:calc(100vh - 76px);min-height:0;max-height:none}
.mk-event #t08 .t08-sample{display:none}
/* ── Pricing: the page hero already says it; the plans start straight under it ── */
.mk-pricing #t01 .t01-eyebrow,.mk-pricing #t01 .t01-h2{display:none}
.mk-pricing #t01 .t01-stage{padding-top:24px}
.mk-event #t08 .t08-src,.mk-event #t08 .t08-hd__top{display:none}

/* ══ THE WHOLE EVENT — one story, seven chapters (light grounds only) ══ */
.fl{padding-top:clamp(72px,11vh,140px);background:var(--linen)}
.fl-intro .d2{margin:18px 0 18px}
.fl-intro .lede{max-width:660px;margin:0 0 14px}
.fl-sample{font:500 11px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 36px}
.fl-sample a{color:var(--mahogany)}
.fl-rail{position:sticky;top:76px;z-index:20;background:rgba(248,241,231,.96);backdrop-filter:blur(6px);border-top:1px solid var(--onyx);border-bottom:1px solid var(--hair)}
.fl-rail ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.fl-rail a{display:block;padding:12px 8px 12px 0;color:var(--muted);text-decoration:none;font:400 13px/1.25 var(--sans)}
.fl-rail b{display:block;font:500 10px/1 var(--sans);letter-spacing:.14em;margin-bottom:5px}
.fl-rail li.on a{color:var(--onyx)}
.fl-rail li.on b{color:var(--mahogany)}
.fl-rail__bar{display:block;height:2px;background:var(--hair);margin-bottom:-1px}
.fl-rail__bar i{display:block;height:2px;width:0;background:var(--bordeaux);transition:width .25s}
@media (max-width:760px){.fl-rail ol{display:flex;overflow-x:auto;scrollbar-width:none;gap:18px}.fl-rail ol::-webkit-scrollbar{display:none}.fl-rail li{flex:none}}
.fl-ch{padding:clamp(56px,9vh,110px) 0;scroll-margin-top:140px}
.fl-ch--alt{background:var(--alabaster)}
.fl-ch__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px 64px;align-items:center}
.fl-ch__n{font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mahogany);margin:0 0 16px}
.fl-ch__h{font:300 clamp(34px,4.2vw,58px)/1.04 var(--serif);letter-spacing:-.01em;margin:0 0 20px}
.fl-ch__h em{font-style:italic;color:var(--mahogany)}
.fl-ch__p{font-size:16px;line-height:1.6;margin:0 0 24px;max-width:520px}
.fl-part{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:1px solid var(--onyx);max-width:520px}
.fl-part div{padding:12px 16px 0 0}
.fl-part dt{font:500 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.fl-part div:first-child dt{color:var(--mahogany)}
.fl-part dd{margin:0;font:400 17px/1.3 var(--serif)}
.fl-more{margin:22px 0 0;padding:0 0 0 18px;font-size:14px;color:var(--muted);max-width:520px}
.fl-more li{margin-bottom:6px}
@media (max-width:900px){.fl-ch__in{grid-template-columns:1fr}}
/* shared card */
.fl-card{background:#FFFDF8;border:1px solid var(--hair);border-radius:2px;padding:22px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.fl-card__k{font:500 10px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fl-tag{font:500 10px/1 var(--sans);letter-spacing:.08em;text-transform:none;padding:5px 7px;border-radius:2px;white-space:nowrap}
.fl-tag--ok{background:rgba(70,100,97,.12);color:#2E4A47}
.fl-tag--sug{background:transparent;border:1px dashed var(--mahogany);color:var(--mahogany)}
.fl-note{font-size:12px;color:var(--muted);margin:14px 0 0}
/* 01 vision */
.fl-vision dl{margin:0;display:grid;gap:0}
.fl-vision dl div{display:grid;grid-template-columns:100px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--hair)}
.fl-vision dt{font:500 10px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fl-vision dd{margin:0;font-size:14px}
@media (max-width:520px){.fl-vision dl div{grid-template-columns:1fr}}
/* 02 dna */
.fl-dna{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;align-items:start}
.fl-dna__board{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fl-dna__board img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px;display:block}
.fl-dna__board img:first-child{grid-column:1/-1;aspect-ratio:4/3}
.fl-dna__lab{font:500 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:14px 0 8px;display:flex;gap:8px;align-items:center}
.fl-dna__lab:first-of-type{margin-top:0}
.fl-dna__v{margin:0;font:400 16px/1.35 var(--serif)}
.fl-sw{display:flex;gap:6px;flex-wrap:wrap}
.fl-sw span{font-size:10px;color:var(--muted);width:52px}
.fl-sw span::before{content:"";display:block;height:34px;background:var(--c);border:1px solid var(--hair);margin-bottom:4px}
.fl-bl{display:flex;gap:6px}
.fl-bl img{width:48px;height:48px;object-fit:contain;background:#F9EED6;border-radius:50%;padding:4px}
@media (max-width:520px){.fl-dna{grid-template-columns:1fr}}
/* 03 designs */
.fl-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.fl-piece{margin:0}
.fl-piece__f{position:relative;width:100%;aspect-ratio:var(--w)/var(--h);overflow:hidden;background:#FFFDF8;box-shadow:0 1px 2px rgba(0,0,0,.08),0 8px 24px -12px rgba(0,0,0,.25);border-radius:2px}
.fl-piece iframe{position:absolute;left:0;top:0;border:0;width:calc(var(--w)*1px);height:calc(var(--h)*1px);transform-origin:0 0;pointer-events:none}
.fl-piece figcaption{font:500 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.fl-web{display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:150px}
.fl-web .fl-card__k{justify-content:center}
.fl-web__u{font-size:11px;color:var(--muted);margin:0 0 10px}
.fl-web__t{font:300 24px/1 var(--serif);margin:0}
.fl-web__s{font-size:12px;color:var(--muted);margin:6px 0 12px}
.fl-web__b{align-self:center;font:500 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--onyx);padding:8px 12px;border-radius:2px}
@media (max-width:520px){.fl-pieces{grid-template-columns:1fr 1fr}}
/* 04 suppliers */
.fl-sup{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;align-items:start}
.fl-cats ul{list-style:none;margin:0;padding:0}
.fl-cats li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 0;border-top:1px solid var(--hair)}
.fl-cats b{font:400 16px/1.2 var(--serif)}
.fl-cats em{grid-column:1;font-style:normal;font-size:12px;color:var(--muted)}
.fl-st{grid-row:1/3;grid-column:2;align-self:center;font:500 10px/1 var(--sans);letter-spacing:.06em;padding:6px 8px;border:1px solid var(--hair);border-radius:2px;white-space:nowrap}
.fl-st--on{background:var(--bordeaux);border-color:var(--bordeaux);color:var(--linen)}
.fl-st--off{color:var(--muted);border-style:dashed}
.fl-kit ul{list-style:none;margin:0 0 16px;padding:0}
.fl-kit li{font-size:13px;padding:8px 0 8px 26px;border-top:1px solid var(--hair);position:relative}
.fl-kit li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border:1px solid var(--onyx);border-radius:2px}
.fl-kit li.on::before{background:var(--onyx);box-shadow:inset 0 0 0 3px #FFFDF8}
.fl-kit li.off{color:var(--muted);text-decoration:line-through}
.fl-kit li.off::before{border-color:var(--hair)}
.fl-kit__b{display:inline-block;font:500 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;background:var(--onyx);color:var(--linen);padding:10px 12px;border-radius:2px}
@media (max-width:640px){.fl-sup{grid-template-columns:1fr}}
/* 05 guests */
.fl-g__n{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--onyx)}
.fl-g__n div{padding:14px 10px 12px 0}
.fl-g__n b{display:block;font:300 40px/1 var(--serif)}
.fl-g__n span{font-size:11px;color:var(--muted)}
.fl-g__ch{font-size:13px;color:var(--muted);margin:16px 0}
.fl-g__ch span{display:inline-block;font:500 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--onyx);border:1px solid var(--hair);padding:5px 7px;border-radius:2px;margin-right:4px}
.fl-g__t{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fl-g__t i{width:36px;height:36px;border-radius:50%;border:1px solid var(--onyx);display:grid;place-items:center;font:400 14px/1 var(--serif);font-style:normal}
.fl-g__t em{font-style:normal;font-size:12px;color:var(--muted);margin-left:6px}
@media (max-width:520px){.fl-g__n{grid-template-columns:1fr 1fr}}
/* 06 day */
.fl-door__n{font:300 22px/1.2 var(--serif);margin:0 0 12px}
.fl-door__n b{font-size:56px;font-weight:300}
.fl-door ul{list-style:none;margin:0;padding:0}
.fl-door li{font-size:14px;padding:10px 0 10px 28px;border-top:1px solid var(--hair);position:relative;color:var(--muted)}
.fl-door li::before{content:"";position:absolute;left:0;top:11px;width:16px;height:16px;border-radius:50%;border:1px solid var(--hair)}
.fl-door li.in{color:var(--onyx)}
.fl-door li.in::before{background:#466461;border-color:#466461}
/* 07 after */
.fl-after{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px}
.fl-album__g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.fl-album__g img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px;background:#F9EED6;display:block}
.fl-book{display:flex;flex-direction:column;justify-content:center;background:#F9EED6}
.fl-book__t{font:300 28px/1.1 var(--serif);margin:0 0 12px}
.fl-book__t em{font-style:italic;color:#A0472F}
.fl-book__s{font-size:13px;color:var(--muted);margin:0}
@media (max-width:640px){.fl-after{grid-template-columns:1fr}}
/* other sample events (How It Works) */
.fl-also{margin-top:40px;border-top:1px solid var(--hair);padding-top:18px}
.fl-also__k{font:500 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.fl-also>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fl-also a{display:grid;grid-template-columns:64px 1fr;gap:4px 14px;align-items:center;color:inherit;text-decoration:none;font:400 16px/1.2 var(--serif)}
.fl-also a span{grid-row:1/3;width:64px;height:64px;background:var(--alabaster) center/cover;border-radius:2px}
.fl-also a b{font:500 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mahogany);align-self:end}
@media (max-width:760px){.fl-also>div{grid-template-columns:1fr}}
.fl-end{padding:clamp(56px,9vh,110px) 16px;text-align:center}
.fl-end__h{font:300 clamp(28px,3.4vw,44px)/1.1 var(--serif);margin:0 0 26px}
.fl-end__h em{font-style:italic;color:var(--mahogany)}
.fl-end .mk-row{justify-content:center}
@media (max-width:1180px){.fl-sup{grid-template-columns:1fr}}

/* ── Home five steps (topic 7 way 3) and the embedded sticky stage ── */
.mk-steps5 #t07 .t07-dock{display:none!important}
.mk-steps5 #t07 .t07-h1{font-size:clamp(34px,4.6vw,64px)}
.mk-stage > .way{border:0;padding:0}

/* ── Round-2 ways embedded in the site ── */
.mk-way > .way{border:0;padding:0}
.mk-way{background:var(--linen)}
.mk-way--8,.mk-way--7{background:var(--linen)}
.mk-way--4{background:var(--alabaster)}
/* one rhythm for the four "what we do" sections */
.mk-way{padding:clamp(64px,10vh,120px) clamp(16px,4vw,48px)}
.mk-way > .way{max-width:1240px;margin:0 auto}
.mk-way + .mk-way{border-top:1px solid var(--hair)}

/* ── Home: the designs strip ── */
.mk-ds{padding:clamp(64px,10vh,120px) 0 clamp(48px,7vh,90px)}
.mk-ds__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 48px;align-items:end;margin-bottom:36px}
.mk-ds__head .d2{margin:16px 0 0}
.mk-ds__head .lede{margin:0;max-width:520px}
@media (max-width:860px){.mk-ds__head{grid-template-columns:1fr}}
.mk-ds__strip{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(16px,calc((100vw - 1240px)/2 + 24px)) 18px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}
.mk-ds__i{flex:0 0 clamp(170px,19vw,236px);scroll-snap-align:start;color:inherit;text-decoration:none}
.mk-ds__i .fl-piece{margin:0 0 12px}
.mk-ds__i .fl-piece__f{border-radius:2px}
.mk-ds__i b{display:block;font:500 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mahogany);margin-bottom:6px}
.mk-ds__i span{display:block;font:400 18px/1.2 var(--serif)}
.mk-ds__i:hover span{color:var(--mahogany)}
.mk-ds__all{display:inline-block;margin-top:14px;font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--onyx);border-bottom:1px solid var(--onyx);padding-bottom:6px;text-decoration:none}
/* ── How It Works: jump links — pinned to the very top; the site's round buttons float over its ends ── */
.mk-jump{position:sticky!important;top:var(--mk-jt,0px)!important;z-index:40;background:rgba(248,241,231,.97);backdrop-filter:blur(6px);border-bottom:1px solid var(--hair)}
.mk-jump .wrap{display:flex;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none;min-height:76px;align-items:center;padding-left:clamp(72px,11vw,150px);padding-right:clamp(72px,11vw,150px)}
.mk-jump .wrap::-webkit-scrollbar{display:none}
.mk-jump a{flex:none;font:500 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:10px 12px;border:1px solid transparent;border-radius:2px}
.mk-jump a:hover{color:var(--onyx)}
.mk-jump a.on{color:var(--onyx);border-color:var(--onyx)}
@media (max-width:760px){.mk-jump .wrap{justify-content:flex-start;min-height:68px;padding-left:20px;padding-right:20px;scroll-padding-inline:20px}.mk-jump.is-under .wrap{padding-left:76px;padding-right:76px;scroll-padding-inline:76px}}
/* a sideways row that runs past the edge fades out on the right, so it reads as "more this way" */
.mk-jump .wrap.is-more,.mk-pick__chips.is-more{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent)}
/* the stage's pinned window and chapter rail sit below the jump bar */
.mk-stage #w11 .w11-stage{top:calc(var(--mk-jt,0px) + 92px);height:min(760px,calc(100vh - 110px - var(--mk-jt,0px)))}
#mkw-8,#mkw-4,#mkw-7,#whole-event,#process{scroll-margin-top:calc(var(--mk-jt,0px) + 96px)}

/* How It Works stage: quiet sample-event line only */
.mk-stage #w11 .w11-occ,.mk-stage #w11 .w11-strip,.mk-stage #w11 .w11-search{display:none!important}

/* Home problem tags: 24 tags in four even rows of six that fill the column (desktop); a natural wrap on phones */
@media (min-width:901px){
  .chaos{grid-template-columns:.8fr 1.2fr}
  .chaos__words{display:flex;flex-wrap:wrap;gap:10px 10px;align-content:center}
  .chaos__words span{flex:1 1 auto;text-align:center;font-size:clamp(14px,1.22vw,18px);padding:clamp(9px,.9vw,13px) clamp(8px,.8vw,14px);line-height:1.25}
  .chaos__words .mk-br{flex-basis:100%;height:0;margin:-5px 0}
}
@media (max-width:900px){.chaos__words .mk-br{display:none}.chaos__words{gap:6px}.chaos__words span{font-size:13.5px;padding:6px 10px}}
@media (max-width:520px){.chaos__words{gap:5px}.chaos__words span{font-size:12.5px;padding:4px 8px}.chaos__words span:nth-of-type(n+17){display:none}}

/* pinned parts inside the sections start below the jump bar */
.mk-way--4 #w4 .c-cnt,.mk-way--7 #w7 .rail,.mk-way--8 #w8 .w8-cols{top:calc(var(--mk-jt,0px) + var(--mk-jh,77px))}
@media (min-width:901px) and (max-width:1180px){.chaos__words{gap:8px 7px}.chaos__words span{font-size:13px;padding:9px 7px}}

/* ── Home close (owner pick: close 5) ── */
.mk-close{padding:clamp(80px,13vh,150px) 0;text-align:center}
.mk-close__k{font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin:0 0 24px}
.mk-close__h{font:300 clamp(40px,6vw,96px)/1.02 var(--serif);margin:0 0 30px;color:var(--linen)}
.mk-close__h em{font-style:italic;position:relative;white-space:nowrap}
.mk-close__h em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:2px;background:var(--linen);transform:scaleX(0);transform-origin:left;transition:transform 1.2s ease .3s}
.mk-close.in .mk-close__h em::after{transform:scaleX(1)}
.mk-close__row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}
.mk-close__go{background:var(--linen);color:var(--bordeaux)}
.mk-close__trust{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;max-width:880px;margin:0 auto;padding-top:22px;border-top:1px solid rgba(248,241,231,.22);font:400 15px/1.5 var(--sans);color:rgba(248,241,231,.82)}
.mk-close__trust span+span::before{content:"·";margin:0 14px;opacity:.6}
@media (max-width:700px){.mk-close__trust{flex-direction:column;align-items:center}.mk-close__trust span+span::before{display:none}}
.mk-close .consult-cta{background:transparent;color:var(--linen);border:1px solid rgba(248,241,231,.7)}
.mk-close .consult-cta:hover{background:var(--linen);color:var(--bordeaux)}
@media (prefers-reduced-motion:reduce){.mk-close__h em::after{transition:none;transform:scaleX(1)}}
/* ── Hero: the scrolling words fade where the headline and buttons sit (texture, not clutter) ── */
.hero--rc .rc__band{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 14%,transparent 30%,transparent 70%,#000 86%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#000 14%,transparent 30%,transparent 70%,#000 86%,#000 100%)}
@media (max-width:700px){.hero--rc .rc__band{-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 22%,transparent 78%,#000 100%);mask-image:linear-gradient(90deg,#000 0,transparent 22%,transparent 78%,#000 100%)}}
/* ── Plans (owner 09-28): eight stages of the whole event, named ON TOP of every plan's bar; a labelled
   "What's included"; the Design Collection linked; the lede given room above the rule ── */
#t01 .t01-keyrow{display:none!important}
#t01 .t01-rows{margin-top:34px}
#t01 .t01-row__bar{grid-template-columns:minmax(170px,.9fr) 2fr auto auto!important;padding:28px 0 24px!important;row-gap:18px!important}
/* the stage bar gets the whole row under the plan name, so every stage name sits on one line (owner: "before the day in 1 line") */
#t01 .t01-row__mid{display:contents!important}
#t01 .t01-row__prom{grid-column:2;grid-row:1;align-self:center}
/* eight equal stages, so every bar starts under its own name and a plan's reach reads as one run (owner 09-30: "move supplier more to the right") */
#t01 .t01-mini.t01-mini--8{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:6px;width:100%;max-width:none;margin:0}
#t01 .t01-mini--8 i{display:flex!important;flex-direction:column;gap:8px;height:auto!important;background:none!important;min-width:0}
#t01 .t01-mini--8 i::before{content:attr(title);position:static;font:500 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:rgba(20,20,20,.38);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#t01 .t01-mini--8 i::after{content:"";display:block;height:7px;background:rgba(20,20,20,.1)}
#t01 .t01-mini--8 i.on::before{color:var(--onyx)}
#t01 .t01-mini--8 i.on::after{background:var(--bordeaux)}
#t01 .t01-more{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--onyx);font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--onyx);white-space:nowrap;transition:background .2s,color .2s}
#t01 .t01-row__bar:hover .t01-more,#t01 .t01-row__bar:focus-visible .t01-more{background:var(--onyx);color:var(--linen)}
#t01 .t01-row__bar:hover .t01-more .t01-x::before,#t01 .t01-row__bar:hover .t01-more .t01-x::after{background:var(--linen)}
#t01 .t01-more .t01-x{width:12px;height:12px}
#t01 .t01-more__c{display:none}
#t01 .t01-row.is-open .t01-more__o{display:none}
#t01 .t01-row.is-open .t01-more__c{display:inline}
#t01 .t01-stg.is-off{color:rgba(20,20,20,.4)}
#t01 a.t01-dc{color:var(--bordeaux);text-decoration:none;border-bottom:1px solid currentColor}
#t01 .t01-dclink{display:inline-block;margin-top:12px;font:500 11px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bordeaux);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
@media (max-width:760px){
  #t01 .t01-row__bar{grid-template-columns:1fr auto!important}
  #t01 .t01-more{grid-column:1/-1;justify-self:start;margin-top:4px}
  #t01 .t01-row__prom{grid-column:1/-1;grid-row:auto}
  #t01 .t01-mini.t01-mini--8{grid-row:auto;grid-template-columns:repeat(8,1fr);column-gap:3px}
  #t01 .t01-mini--8 i::before{display:none}
  #t01 .t01-mini--8::after{content:attr(data-reach);grid-column:1/-1;margin-top:6px;font:500 10px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
}

/* ── HIW audit 09-28 ── */
/* One ending per section. The stage, the live log and the moments each carried their own buttons and price list, so the
   page said "Start your event / Talk to us" and the three prices five times; way 8 (after its plans table) and the close
   band keep them. */
.mk-stage #w11 .w11-end,.mk-way--4 #w4 .c-cta,.mk-way--7 #w7 .end{display:none!important}
/* ── Owner 09-28 (pic 3): every section starts on the site's own grid — the same container as .wrap ── */
#w1 .w1-wrap,#t01 .t01-wrap{max-width:var(--maxw)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--gutter)!important;padding-right:var(--gutter)!important;box-sizing:border-box;width:100%}
.mk-way--1{padding-left:0!important;padding-right:0!important}
.mk-way--1 .way,.mk-way--1 .way__stage{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}

/* ── HIW audit 09-28 · choose the one that feels like you ── */
/* The chooser: every event as its cover and palette (no count); the choice drives every section below (hiw.js). */
.mk-pick{padding:clamp(40px,6vh,72px) 0 clamp(26px,4vh,44px);border-top:1px solid var(--hair)}
.mk-pick__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 48px;align-items:end;margin-bottom:20px}
.mk-pick__head .d3{margin:14px 0 0}
.mk-pick__s{margin:0;max-width:520px;font-size:15px;line-height:1.55;color:var(--muted)}
.mk-pick__chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px;padding-bottom:2px}
.mk-pick__chips::-webkit-scrollbar{display:none}
.mk-pick__chips button{flex:none;font:500 11px/1 var(--sans);letter-spacing:.08em;color:var(--onyx);background:transparent;border:1px solid var(--hair);border-radius:2px;padding:9px 11px;cursor:pointer;white-space:nowrap}
.mk-pick__chips button[aria-pressed="true"]{background:var(--bordeaux);border-color:var(--bordeaux);color:var(--linen)}
.mk-pick__rail{position:relative}
.mk-pick__strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px max(16px,calc((100vw - 1240px)/2 + 24px)) 14px;scrollbar-width:none}
.mk-pick__strip::-webkit-scrollbar{display:none}
.mk-pick__strip:focus-visible{outline:2px solid var(--mahogany);outline-offset:-2px}
.mk-pick__c{flex:0 0 clamp(128px,12.5vw,172px);scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;color:var(--onyx)}
.mk-pick__img{display:block;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:var(--alabaster);transition:box-shadow .2s}
.mk-pick__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mk-pick__c:hover .mk-pick__img img{transform:scale(1.04)}
.mk-pick__c[aria-pressed="true"] .mk-pick__img{box-shadow:0 0 0 2px var(--linen),0 0 0 4px var(--bordeaux)}
.mk-pick__c:focus-visible{outline:2px solid var(--mahogany);outline-offset:4px}
.mk-pick__sw{display:inline-flex;gap:3px;vertical-align:middle}
.mk-pick__sw i{display:block;width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(20,20,20,.14)}
.mk-pick__o{font:500 9.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mk-pick__n{font:400 16px/1.15 var(--serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mk-pick__set{display:flex;flex:none;gap:inherit}
.mk-pick__strip.is-auto{scroll-snap-type:none}
.mk-pick__strip.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.mk-pick__now{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:8px;padding-top:14px;border-top:1px solid var(--hair)}
.mk-pick__nowk{font:500 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mahogany)}
.mk-pick__nowt{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font:400 22px/1.15 var(--serif)}
.mk-pick__nowt em{font-style:italic;color:var(--mahogany)}
.mk-pick__nowf{flex-basis:100%;font-size:13px;color:var(--muted)}
.mk-pick__go{font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mahogany);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.mk-pick__nowx{flex-basis:100%;font-size:13px;line-height:1.5;color:var(--muted)}
.mk-jump__x{color:var(--muted)}
/* phones: small text buttons keep their look but take a ~44px tap */
@media (max-width:760px){.mk-pick__go,.mk-pick__chips button{position:relative}.mk-pick__go::after{content:"";position:absolute;inset:-14px -6px}.mk-pick__chips{padding-top:6px;padding-bottom:8px;margin-top:-6px;margin-bottom:10px}.mk-pick__chips button::after{content:"";position:absolute;inset:-6px 0}}
@media (max-width:760px){.mk-pick__head{grid-template-columns:1fr}.mk-pick__strip{gap:12px}.mk-pick__nowt{font-size:19px}}
#choose{scroll-margin-top:calc(var(--mk-jt,0px) + 90px)}
/* the jump bar names the look being followed */
.mk-jump .mk-jump__ev{display:inline-flex;align-items:center;gap:8px;color:var(--onyx);border-color:var(--hair);text-transform:none;letter-spacing:.02em;font-size:12px}
.mk-jump__ev .mk-pick__sw i{width:9px;height:9px}

/* ── HIW 10-02 · the first screen: the words and the wall of designs together (owner: "go for version 10 … and make
   it adaptable for mobile too"). Desktop: words left, every event's design moving in three columns right, all inside
   one screen. Phones (≤ 900px): the wall gives way to the looping strip, placed right under the buttons. ── */
.hiw-top{height:100svh;min-height:640px;max-height:1100px;padding:calc(76px + 3.2vh) 0 3.2vh;box-sizing:border-box}
.hiw-top__in{height:100%;max-width:1440px;margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(360px,.9fr) 1.1fr;grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:". wall" "words wall" "chips wall" "now wall" ". wall";column-gap:clamp(32px,4.4vw,72px)}
.hiw-top__words{grid-area:words}
.hiw-top .eyebrow{margin-bottom:2.4vh}
.hiw-top .d1{font-size:clamp(40px,min(5.2vw,8.6vh),92px);line-height:1.02}
.hiw-top .phero__sub{margin-top:2.6vh;max-width:500px;color:color-mix(in srgb,var(--onyx) 72%,var(--linen))}
.hiw-top__cta{margin-top:3vh}
.hiw-top .mk-pick__chips{grid-area:chips;flex-wrap:wrap;margin:3.4vh 0 0}
.hiw-top .mk-pick__now{grid-area:now;margin-top:1.6vh}
.hiw-top .mk-pick__nowt{font-size:20px}
.hiw-top__h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hiw-top .mk-pick__rail{display:none}
.hiw-wall{grid-area:wall;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent)}
.hiw-wall__col{display:flex;flex-direction:column;animation:hiw-wall-up var(--t,80s) linear infinite;will-change:transform}
.hiw-wall__col--dn{animation-name:hiw-wall-dn}
.hiw-wall__set{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}
.hiw-wall:hover .hiw-wall__col,.hiw-wall:focus-within .hiw-wall__col{animation-play-state:paused}
@keyframes hiw-wall-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes hiw-wall-dn{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.hiw-wall .mk-pick__c{position:relative;flex:none;width:100%;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:30px 12px 11px;overflow:hidden;border-radius:2px;color:#fff}
.hiw-wall .mk-pick__img{position:absolute;inset:0;height:100%;aspect-ratio:auto;border-radius:0}
.hiw-wall .mk-pick__c::before{content:"";position:absolute;inset:38% 0 0;z-index:1;background:linear-gradient(180deg,transparent,rgba(16,5,8,.76))}
.hiw-wall .mk-pick__sw,.hiw-wall .mk-pick__o,.hiw-wall .mk-pick__n{position:relative;z-index:2}
.hiw-wall .mk-pick__sw i{box-shadow:0 0 0 1px rgba(255,255,255,.55)}
.hiw-wall .mk-pick__o{color:rgba(255,255,255,.8)}
.hiw-wall .mk-pick__n{color:#fff;font-size:15px}
.hiw-wall .mk-pick__c[aria-pressed="true"] .mk-pick__img{box-shadow:none}
.hiw-wall .mk-pick__c[aria-pressed="true"]::after{content:"";position:absolute;inset:0;z-index:3;box-shadow:inset 0 0 0 3px var(--linen),inset 0 0 0 5px var(--bordeaux);pointer-events:none}
.hiw-wall .mk-pick__c:focus-visible{outline:2px solid var(--bordeaux);outline-offset:-6px}
@media (prefers-reduced-motion:reduce){.hiw-wall__col{animation:none}.hiw-wall{overflow-y:auto;-webkit-mask-image:none;mask-image:none}}
@media (max-width:900px){
  .hiw-top{height:auto;min-height:0;max-height:none;padding:calc(76px + 26px) 0 22px}
  .hiw-top__in{display:flex;flex-direction:column}
  .hiw-top__words{order:1}
  .hiw-top .mk-pick__rail{display:block;order:2;margin:22px calc(-1 * var(--gutter)) 4px}
  .hiw-top .mk-pick__strip{padding:4px var(--gutter) 10px}
  .hiw-top .mk-pick__chips{order:3;flex-wrap:nowrap;margin:10px 0 0}
  .hiw-top .mk-pick__now{order:4}
  .hiw-wall{display:none}
}
/* ── The first screen gives the consent banner its height (RT-16-04, 2026-10-03). On a first visit the banner
   (#cookieBanner, fixed to the bottom, 75px on a desktop) arrives over the bottom of this 100svh screen and
   covered "See how it works for it" and the wall's lowest look cards: measured at 1280x720, the link at y682-697
   and the cards to y697 under a banner from y645 (cta-reachability, both hero arms). site.js already reserves the
   banner for the rest of the page (scroll-padding, root padding, html[data-ck-on] and --ck-h); this screen fits
   itself to the window and so has to do the same: while the banner is up it ends at the banner's top, and its
   vertical rhythm tightens so the words still fit above it (measured: 1280x720 link ends y636, banner y645;
   1080x810 y689 / y735; 1366x768 y676 / y693; 1920x1080 y921 / y1005). Answered banner: --ck-h 0, rules off,
   nothing moves. Phones keep the flowing layout above (≤ 900px). */
@media (min-width:901px){
  /* the chips wrap here, so the box must not scroll: a scrolling grid item can be squashed to 0 and cut the second row ("Celebrations") */
  .hiw-top .mk-pick__chips{overflow:visible;-webkit-mask-image:none;mask-image:none}
  html[data-ck-on] .hiw-top{padding-top:calc(76px + 1.6vh);padding-bottom:calc(var(--ck-h,0px) + 1.2vh)}
  html[data-ck-on] .hiw-top .eyebrow{margin-bottom:1.4vh}
  html[data-ck-on] .hiw-top .d1{font-size:clamp(40px,min(5.2vw,calc((100svh - var(--ck-h,0px)) * .086)),92px)}
  html[data-ck-on] .hiw-top .phero__sub{margin-top:1.6vh}
  html[data-ck-on] .hiw-top__cta{margin-top:1.8vh}
  html[data-ck-on] .hiw-top .mk-pick__chips{margin-top:2vh}
  html[data-ck-on] .hiw-top .mk-pick__now{margin-top:1vh}
}
/* the stage's own event switcher is replaced by the chooser above; its screens keep the event's monogram */
.mk-stage #w11 .w11-pick{display:none!important}
#w11 .w11-mono,#w7 .w7-mono{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 3px;margin-right:6px;border:1px solid var(--pa,var(--ev-a));border-radius:50%;font:400 9px/1 var(--serif);font-style:normal;letter-spacing:0;text-transform:none;color:var(--pa,var(--ev-a));vertical-align:-4px}
#w7 .w7-mono{border-color:var(--m,var(--ev-a));color:var(--m,var(--ev-a))}
#w7 .w7-mono:empty{display:none}

/* ══ Cohesion pass · owner 2026-09-28, "apply to the mockup" (audit: _handoff/jobs/owner-10-ways-0928/cohesion-audit-0928.md) ══ */
/* 1 · the four middle How It Works sections start on the site's own grid, like every other section */
#w8 .w8-in,#w11 .w11-wrap,#w4 .c-wrap,#w7 .wr{max-width:var(--maxw)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--gutter)!important;padding-right:var(--gutter)!important;box-sizing:border-box;width:100%}
.mk-way--8,.mk-way--4,.mk-way--7{padding-left:0!important;padding-right:0!important}
.mk-way--8 .way,.mk-way--4 .way,.mk-way--7 .way{max-width:none!important}
/* 2 · one eyebrow everywhere: the site's .eyebrow (11px · .2em · onyx) with its 22px crimson rule; no status dot */
html body .w1-eye,html body .t01-eyebrow,html body .w8-eyebrow,html body .w11-eyebrow,html body #w4 .c-eye,html body #w7 .kick{font-family:var(--sans)!important;font-size:var(--fs-label)!important;font-weight:var(--fw-label)!important;letter-spacing:var(--ls-label)!important;text-transform:uppercase!important;color:var(--onyx)!important;display:flex!important;align-items:center!important;gap:10px!important}
html body .w1-eye::before,html body .t01-eyebrow::before,html body .w8-eyebrow::before,html body .w11-eyebrow::before,html body #w4 .c-eye::before,html body #w7 .kick::before{content:""!important;display:block!important;width:22px!important;height:1px!important;background:var(--accent)!important;flex:none!important;border:0!important;border-radius:0!important;margin:0!important}
html body .w1-eye .w1-live{display:none!important}
/* 3 · headlines from the site scale (--fs-d3) and ledes as the site's serif .lede */
html body #w1 .w1-h,html body .w8-promise,html body .w11-h,html body #w4 .c-h,html body #w7 .intro__h{font-family:var(--serif)!important;font-weight:300!important;font-size:var(--fs-d3)!important;line-height:1.1!important}
html body .w8-sub,html body .w11-lede,html body #w4 .c-sub,html body #w7 .intro__s{font-family:var(--serif)!important;font-weight:300!important;font-size:var(--fs-lede)!important;line-height:1.5!important;color:color-mix(in srgb,var(--onyx) 72%,var(--linen))!important;max-width:560px!important}
/* 4 · every italic turn in the accent crimson (#9D0617), as the brand book says */
html body #w1 .w1-h em,html body .w8-promise em,html body .w11-h em,html body #w4 .c-h em,html body #w7 .intro__h em{color:var(--accent)!important;font-style:italic!important}
/* 5 · "What we do" ends with the site's square arrow buttons (markup: .btn-cta). Its head is two ruled rows (Yours / Ours):
   the sub-line is the site's serif lede at 34ch, the hint is the site's label in the accent */
html body #w1 .w1-sub{font-family:var(--serif)!important;font-weight:300!important;font-size:var(--fs-lede)!important;line-height:1.5!important;color:color-mix(in srgb,var(--onyx) 74%,var(--linen))!important;max-width:40ch!important;text-wrap:balance!important}
html body #w1 .w1-hint{font:var(--fw-label) var(--fs-label)/1.4 var(--sans)!important;letter-spacing:var(--ls-label)!important;text-transform:uppercase!important;color:var(--accent)!important}
/* 5b · the solid CTA keeps the site's linen text: #w1's own link colour (bordeaux) was winning over .btn-cta--solid */
html body #w1 .btn-cta--solid,html body #w1 .btn-cta--solid:visited{color:var(--linen)!important}
html body #w1 .btn-cta--solid:hover,html body #w1 .btn-cta--solid:focus-visible{background:var(--bordeaux)!important;border-color:var(--bordeaux)!important;color:var(--linen)!important}
html body #w1 .btn-cta:not(.btn-cta--solid):hover,html body #w1 .btn-cta:not(.btn-cta--solid):focus-visible{background:var(--bordeaux)!important;border-color:var(--bordeaux)!important;color:var(--linen)!important}

/* ── Plans (owner 09-28, Way 01): who each plan is for, opening the plan's detail ── */
#t01 .t01-for{margin:0 0 18px;max-width:62ch;font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--onyx)}