/* 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:76px;padding-right:76px}}
/* 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) + 92px)}
@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}
#t01 .t01-mini.t01-mini--8{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(8,auto);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}
#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:thin;scrollbar-color:rgba(20,20,20,.25) transparent}
.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__arr{position:absolute;top:calc(50% - 40px);z-index:2;width:40px;height:40px;display:grid;place-items:center;background:rgba(248,241,231,.94);border:1px solid var(--hair);border-radius:2px;font:400 16px/1 var(--sans);color:var(--onyx);cursor:pointer}
.mk-pick__arr--l{left:max(8px,calc((100vw - 1240px)/2 - 12px))}.mk-pick__arr--r{right:max(8px,calc((100vw - 1240px)/2 - 12px))}
.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}
@media (max-width:760px){.mk-pick__head{grid-template-columns:1fr}.mk-pick__arr{display:none}.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}
/* 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 #w1 .w1-sub,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 hint in the site's sentence-case caption */
html body #w1 .w1-hint{font:400 var(--fs-cap)/1.5 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)!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)}