/* Montserrat's faces are declared in mish-identity.css (400 and 600, the files that exist). */
:root{--paper:#f5f0fb;--ink:#251637;--muted:#62536f;--line:#d8cde4;--deep:#050607;--teal:#006274;--mint:#63d7e3;--light:#fbf7ff;--max:1320px;--gutter:clamp(24px,5vw,80px);color-scheme:dark;font-family:Montserrat,'Avenir Next',sans-serif;color:var(--light);background:var(--deep);font-synthesis:none}
/* The MISH host: the black stage behind the bar, the home page and the footer. Inner pages share the black host canvas. */
/* Zero specificity, so a page or wrapper that carries .mish-stage or .mish-paper decides for itself. */
:where(main>.page){background:var(--mish-deep,#050607);color:var(--mish-body,#ded7ea);color-scheme:dark}:where(main>#p-home){background:var(--deep);color:var(--light);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--deep)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}::selection{background:var(--mint);color:var(--ink)}:focus-visible{outline:3px solid var(--focus,#a0672e);outline-offset:5px}:where(#p-home,.channel-ui){--focus:#ffb16b}input,textarea{caret-color:var(--teal)}html{scrollbar-color:#89929e var(--deep);scroll-padding-top:80px}svg{flex-shrink:0}svg path{stroke:currentColor;stroke-width:1.5;fill:none}.arrow{width:22px;height:22px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;text-wrap:balance}h1{font-size:clamp(42px,5.3vw,78px);line-height:1.07;letter-spacing:-.04em}h2{font-size:clamp(30px,3.1vw,46px);line-height:1.15;letter-spacing:-.035em}h3{font-size:22px;line-height:1.3;letter-spacing:-.025em}p{font-size:16px;line-height:1.8;max-width:68ch}p+p{margin-top:18px}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
figcaption{padding:25px 10px 0;font-size:14px;text-align:center}figcaption span{display:block;font-size:10px;color:#aebfb6;margin-top:10px}
/* Part 4: Learn and Contact on the identity's paper reading layout (.mish-read-intro, .mish-read, .mish-rows, .mish-panel).
   The other inner pages bring their own scoped sheets (inner-*.css). Field sizing stays here; colour, edge and focus are the identity's. */
.mish-rows .inner-learn-cite{margin-top:var(--mish-space-3);font-size:var(--mish-step-small);line-height:1.6}
.inner-close{padding:var(--mish-section) var(--mish-gutter)}.inner-close-in{box-sizing:border-box;max-width:var(--mish-max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--mish-space-6) var(--mish-space-8)}.inner-close .mish-text{margin-top:var(--mish-space-3)}
.inner-contact-layout{box-sizing:border-box;max-width:calc(var(--mish-max) + var(--mish-gutter)*2);margin:0 auto;padding:clamp(56px,5.5vw,80px) var(--mish-gutter) var(--mish-section);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:var(--mish-space-7) clamp(32px,6vw,84px)}.inner-contact-copy{min-width:0}.inner-contact-copy .mish-display{max-width:20ch}.inner-contact-copy .mish-display span{display:block;color:var(--mish-signal)}.inner-contact-copy .mish-lead{margin-top:var(--mish-space-5);max-width:46ch;color:var(--mish-text-muted)}.inner-contact-details{margin-top:var(--mish-space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.inner-contact-details>div:nth-child(-n+2){grid-column:1/-1}.inner-contact-details dd{overflow-wrap:anywhere}.inner-contact-details dd a{display:inline-flex;align-items:center;min-height:var(--mish-target)}.inner-contact-terms{list-style:none;margin:var(--mish-space-6) 0 0;padding:var(--mish-space-4) 0 0;border-top:1px solid var(--mish-line);font:var(--mish-weight-mono) var(--mish-step-label)/2 var(--mish-font-mono);letter-spacing:var(--mish-track-label);text-transform:uppercase;color:var(--mish-text-muted)}
.inquiry-panel{min-width:0}.inquiry-panel>p{margin-top:var(--mish-space-3);font-size:var(--mish-step-small);line-height:1.6;color:var(--mish-text-muted);max-width:none}.inquiry-panel form{margin-top:var(--mish-space-5)}.inquiry-panel label{margin-bottom:15px}label{font-size:12px;line-height:1.6;display:block;margin-bottom:19px;font-weight:600}label>span{font-size:10px;font-weight:400;color:#52635e}input,textarea,select{width:100%;max-width:100%;display:block;margin-top:8px;border:1px solid #a4b3a3;background:#f8faf5;border-radius:2px;color:var(--ink);font-size:15px;padding:12px;min-height:47px}select{font-size:12px;padding-right:20px}textarea{resize:vertical;line-height:1.7}input:focus,textarea:focus,select:focus{outline:2px solid var(--teal);outline-offset:2px}input::placeholder,textarea::placeholder{color:#5e6d63;font-size:13px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-pair>label{min-width:0}.field-hint{font-size:11px;line-height:1.7;color:#52635e;margin-top:-7px}#form-error{color:#8e3225;font-size:13px;margin:15px 0}#form-error:empty{margin:14px 0}.draft{margin-top:30px;padding-top:30px;border-top:1px solid #a4b3a3}.draft h3{font-size:20px}.draft>p{font-size:13px;margin:14px 0}.draft label{margin-top:20px}.draft-actions{display:flex;gap:12px;flex-wrap:wrap}.noscript-note{padding:20px;background:var(--mint)}
@media(max-width:56.25em){.inner-close-in,.inner-contact-layout{grid-template-columns:minmax(0,1fr);align-items:start}}
@media(max-width:650px){:root{--gutter:24px}figcaption span{font-size:11px;margin-top:7px}.inquiry-panel.mish-panel{padding:var(--mish-space-5) var(--mish-space-4)}.field-pair{grid-template-columns:1fr;gap:0}.inquiry-panel form input,.inquiry-panel form select,.inquiry-panel form textarea{font-size:16px}.draft-actions{flex-direction:column}h1,h2,h3{overflow-wrap:normal}}
/* The complete business offer stays readable without scripts or motion. */
.business-offer{position:relative;isolation:isolate;overflow:clip;padding:var(--mish-section) var(--mish-gutter);border-block:1px solid var(--mish-rule)}
/* The closing section's moving shapes, pinned to the screen while the section scrolls over them: at full strength in the margins
   and held back behind the words, which keep a dark halo. */
.business-offer .ct-signal{--m:calc(var(--mish-max)/2);position:sticky;inset:auto;top:0;height:100svh;opacity:.5;margin:calc(-1*var(--mish-section)) calc(-1*var(--mish-gutter)) calc(var(--mish-section) - 100svh);mask-image:linear-gradient(90deg,#000 max(2%,calc(50% - var(--m) - 60px)),#00000030 max(10%,calc(50% - var(--m) + 20px)),#00000030 min(90%,calc(50% + var(--m) - 20px)),#000 min(98%,calc(50% + var(--m) + 60px))),linear-gradient(transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.business-offer>p,.bo-intro h2,.bo-row :is(h3,p,a){text-shadow:0 0 10px #050607,0 0 3px #050607}
.bo-intro,.bo-rows,.bo-proof{max-width:var(--mish-max);margin-inline:auto}
.bo-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--mish-space-8);align-items:start}
.bo-intro h2{font-size:clamp(28px,3.5vw,48px);font-weight:700;line-height:1.16;color:var(--mish-text)}
.bo-intro p,.bo-row p,.bo-proof p{color:var(--mish-text);font-weight:600;font-size:16px;line-height:1.75}
.bo-rows{margin-block:var(--mish-space-7)}
.bo-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(160px,.65fr);align-items:start;gap:var(--mish-space-6);padding-block:var(--mish-space-6);border-top:1px solid var(--mish-rule)}
.bo-row:last-child{border-bottom:1px solid var(--mish-rule)}
.bo-row h3{font-size:clamp(20px,2vw,27px);font-weight:700;line-height:1.3;color:var(--mish-text)}
.bo-row p.bo-measure{font-size:14px;margin-top:var(--mish-space-3);color:var(--mish-signal);font-weight:600}
.bo-row .mish-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;line-height:1.5;justify-self:start}
.bo-proof{display:grid;grid-template-columns:1fr 1fr;gap:var(--mish-space-7)}
.bo-proof strong{color:var(--mish-text)}
.bo-origin{max-width:var(--mish-max);margin:var(--mish-space-5) auto 0;font-size:16px;font-weight:600;line-height:1.75;color:var(--mish-text)}
@media(max-width:1000px){.bo-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.bo-row>a{grid-column:2}}
@media(max-width:650px){.bo-intro,.bo-row,.bo-proof{grid-template-columns:minmax(0,1fr);gap:var(--mish-space-4)}.bo-row>a{grid-column:1}.bo-row{padding-block:var(--mish-space-5)}.bo-intro h2{max-width:22ch}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* MISH reading and contact surfaces; sample business form and caption themes keep their own colors. */
:is(.mish-stage,.mish-paper) figcaption span{color:var(--mish-text-muted)}
.inner-contact-layout label>span,.inner-contact-layout .field-hint{color:var(--mish-text-muted)}
.inner-contact-layout :is(input,textarea,select){border-color:var(--mish-edge);background:var(--mish-field);color:var(--mish-text);caret-color:var(--mish-mint)}
.inner-contact-layout :is(input,textarea,select):focus{outline-color:var(--mish-amber)}
.inner-contact-layout :is(input,textarea)::placeholder{color:var(--mish-text-muted)}
.inner-contact-layout #form-error{color:var(--mish-red)}
.inner-contact-layout .draft{border-color:var(--mish-rule)}

.bo-intro>div,.bo-proof>p{padding:var(--mish-space-5);background:var(--mish-lift);border:1px solid #63d7e326;border-radius:var(--mish-radius-panel)}
.bo-intro>div,.bo-proof>p{background:#190f26f2} /* the same purple, solid enough to read over the shapes behind it */
.noscript-note{color:var(--mish-on-mint)}