/* Site look, September 2026. Brings the program, event, and utility pages in line with
   the refreshed homepage: the interactive 5C wheel, a dark closing band, and the same
   header, footer, and type system on the legal, 404, and 5C Kit pages. */

/* ---------- Interactive 5C wheel on light program sections ---------- */
.method-visual.wheel{margin:0}
.method-visual.wheel .w-stage{max-width:520px}
.method-layout .w-caption{margin-top:6px;font-size:inherit}
.method-layout .w-caption-kicker{color:var(--orange,#b4411c)}
.method-layout .w-caption-text{color:var(--muted,#625c54);font-size:15px}
.method-layout .w-enlarge{color:var(--muted,#625c54);border-bottom-color:var(--rule,#c9c1b5);text-decoration:none}
.method-layout .w-enlarge:hover,.method-layout .w-enlarge:focus-visible{color:var(--ink,#1d1b19);border-color:var(--orange,#b4411c)}
.method-layout .c-row{transition:background-color .35s ease;cursor:pointer;padding-inline:14px;margin-inline:-14px}
.method-layout .c-row .c-number{display:inline-block;transform-origin:left center;transition:transform .45s cubic-bezier(.34,1.56,.64,1),color .3s}
.method-layout .c-row h3{transition:color .3s}
.method-layout .c-row.is-linked{background:rgba(180,65,28,.07)}
.method-layout .c-row.is-linked .c-number{transform:scale(1.3)}
.method-layout .c-row.is-linked h3{color:var(--orange,#b4411c)}
@media(max-width:900px){.method-visual.wheel{position:static!important;margin-bottom:28px}.method-visual.wheel .w-stage{max-width:440px}}

/* ---------- Closing band: dark, like the homepage ---------- */
.closing{background:var(--ink,#1d1b19);color:var(--paper,#eee9df);border-top:1px solid #2d2925}
.closing .eyebrow{color:var(--warm,#f19a74)}
.closing p:not(.eyebrow){color:#d6ccbf}
.closing .button{background:var(--orange,#b4411c);border-color:var(--orange,#b4411c)}
.closing .button:hover{background:#943313;border-color:#943313}
.closing .small{color:#b9ae9f!important}
.closing a:not(.button){color:#f3eee6}

/* ---------- Event pages: show name and dates above the headline ---------- */
.show-badge{display:flex;flex-direction:column;gap:8px;margin:2px 0 30px}
.show-badge strong{font:700 clamp(30px,3vw,40px)/1 var(--display);letter-spacing:-.01em;color:var(--ink,#1d1b19)}
.show-badge span{font:600 12px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#625c54)}

/* ---------- Utility pages in the site shell ---------- */
.page-utility .hero{padding-block:62px 70px}
.legal-hero{border-bottom:1px solid var(--rule,#c9c1b5)}
.legal-hero .hero-copy{max-width:820px}
.legal-hero h1{font-size:clamp(52px,5.4vw,78px)}
.legal-hero .cta-note strong{color:var(--ink,#1d1b19)}
.legal .wrap{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start}
.legal-body{max-width:780px;font-size:17px;line-height:1.7}
.legal-body h2{font-size:clamp(30px,2.6vw,38px);margin:52px 0 14px}
.legal-body h2:first-child{margin-top:0}
.legal-body p{color:#3b3631}
.legal-body p+p{margin-top:14px}
.legal-body ul{margin:14px 0 0;padding-left:22px;color:#3b3631}
.legal-body li{margin:8px 0}
.legal-body li::marker{color:var(--orange,#b4411c)}
.legal-body a{color:var(--orange,#b4411c);text-underline-offset:4px}

.page-404 .hero-grid,.page-kit .hero-grid{align-items:center}
.page-404 .artifact .artifact-row{text-decoration:none;color:inherit}
.page-404 .artifact a.artifact-row:hover strong{color:var(--orange,#b4411c)}
.page-404 .artifact-number{font-size:64px}

.kit-cover{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px}
.kit-cover img{width:min(78%,360px);box-shadow:0 30px 60px -24px rgba(29,27,25,.55);transform:rotate(-2deg)}
.kit-cover figcaption{font:600 11px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted,#625c54)}
.kit-benefits{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;max-width:560px}
.kit-benefits li{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid var(--rule,#c9c1b5);font-size:15px;font-weight:600}
.kit-benefits li:before{content:'✓';color:var(--orange,#b4411c)}
@media(max-width:900px){.page-404 .hero-grid,.page-kit .hero-grid{grid-template-columns:1fr;gap:44px}.kit-cover img{width:min(64%,300px)}}
@media(max-width:500px){.kit-benefits{grid-template-columns:1fr}.page-utility .hero{padding-block:34px 50px}}

/* 5C Kit signup dialog */
.kit-modal{width:min(820px,calc(100vw - 1rem));max-width:none;max-height:calc(100svh - 1rem);margin:auto;padding:0;overflow:hidden;color:var(--ink,#1d1b19);border:1px solid var(--rule,#c9c1b5);border-radius:0;background:var(--white,#fcfaf5);box-shadow:0 38px 110px rgba(0,0,0,.5)}
.kit-modal::backdrop{background:rgba(17,16,15,.72);backdrop-filter:blur(4px)}
.kit-dialog-grid{position:relative;display:grid;grid-template-columns:minmax(200px,.52fr) minmax(0,1.48fr);max-height:calc(100svh - 1rem);overflow:auto}
.kit-dialog-cover{display:grid;place-items:center;padding:1.25rem;background:var(--ink,#1d1b19)}
.kit-dialog-cover img{width:min(78%,210px);height:auto;box-shadow:0 22px 55px rgba(0,0,0,.48);transform:rotate(-1.5deg)}
.kit-dialog-content{align-self:start;min-width:0;padding:28px 30px 24px}
.kit-dialog-eyebrow{margin:0 0 10px;color:var(--orange,#b4411c);font:600 12px/1.5 var(--mono);letter-spacing:.065em;text-transform:uppercase}
.kit-dialog-content h2{margin:0 0 10px;padding-right:40px;font-size:clamp(34px,3.6vw,46px)}
.kit-dialog-content>p:not(.kit-dialog-eyebrow):not(.kit-form-fallback){margin:0 0 12px;color:var(--muted,#625c54);font-size:15px;line-height:1.5}
.kit-dialog-close{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--rule,#c9c1b5);background:var(--white,#fcfaf5);color:var(--ink,#1d1b19);font-size:22px;line-height:1}
.kit-dialog-close:hover{background:var(--orange,#b4411c);border-color:var(--orange,#b4411c);color:#fff}
.kit-form-host{position:relative;min-height:240px}
.kit-form-host iframe{display:block;width:100%;min-height:240px;border:0}
.kit-signup-fr{pointer-events:none}
.kit-form-status{padding:16px 0;font-size:15px;line-height:1.5}
.kit-form-retry{min-height:44px;padding:10px 16px;border:0;background:var(--orange,#b4411c);color:#fff;font:600 12px var(--mono)}
.kit-form-fallback{margin:12px 0 0;color:var(--muted,#625c54);font-size:13px;line-height:1.55}
.kit-form-fallback a,.kit-privacy-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.kit-privacy-note{margin:12px 0 0;color:var(--muted,#625c54);font-size:12px;line-height:1.55}
@media(max-width:640px){.kit-dialog-grid{grid-template-columns:1fr}.kit-dialog-cover{display:none}.kit-dialog-content{padding:22px 18px 18px}}