/* MNK v32   THE LIVING BRIEF
   No permanently looping motion, no fixed illustration, no form cards.
   The choice itself becomes a sentence that a visitor can take to MNK. */
.mnk32-brief{
  --brief-ink:#102B3B;--brief-muted:#607684;--brief-rule:rgba(48,69,81,.20);--brief-warm:#CAD3D9;
  position:relative;overflow:hidden;color:var(--brief-ink);
  background:linear-gradient(157deg,#FFFFFF 0%,#FFFFFF 57%,#F0F3F5 100%);
  padding:clamp(88px,9vw,146px) 0 clamp(72px,7vw,110px);
  isolation:isolate;
}
.mnk32-brief:before{content:"";position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse 75% 85% at 85% 65%,rgba(16,43,59,.08),transparent 70%)}
.mnk32-brief-shell{position:relative;z-index:1}
.mnk32-brief-meta{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-bottom:26px;border-bottom:1px solid var(--brief-rule);font-size:11px;letter-spacing:.09em;font-weight:550}
.mnk32-brief-progress{display:flex;align-items:center;gap:22px}
.mnk32-brief-counter{color:#607684;white-space:nowrap;font-variant-numeric:tabular-nums}
.mnk32-progress-bars{display:flex;gap:5px}
.mnk32-progress-bars i{height:3px;width:28px;background:#DCE4EA;transform-origin:left;transition:background-color .35s ease}
.mnk32-progress-bars i.is-current{background:#102B3B}
.mnk32-brief-stage{min-height:clamp(535px,52vw,730px);position:relative;padding:clamp(34px,4vw,68px) 0 54px}
.mnk32-brief-stage.is-entering .mnk32-question,.mnk32-brief-stage.is-entering .mnk32-prompt,.mnk32-brief-stage.is-entering .mnk32-result{animation:mnk32-in .52s cubic-bezier(.2,1,.35,1) both}
@keyframes mnk32-in{from{opacity:.15;transform:translate3d(0,19px,0)}to{opacity:1;transform:none}}
.mnk32-prompt{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:42px}
.mnk32-chapter{display:none}
.mnk32-prompt h2{margin:0!important;font-weight:450;letter-spacing:-.057em;font-size:clamp(44px,5vw,83px);line-height:1.045;max-width:800px}
.mnk32-prompt h2 em{font-weight:450;font-style:normal;color:#CAD3D9}
.mnk32-prompt p{font-size:clamp(14px,1.1vw,17px);line-height:1.6;color:#607684;max-width:240px;margin:14px 0 0}
.mnk32-question{position:relative;z-index:2}
.mnk32-question h3{font-size:clamp(16px,1.5vw,21px);font-weight:500;letter-spacing:-.015em;color:#607684;margin:0 0 16px}
.mnk32-choices{position:relative;z-index:2;border-top:1px solid var(--brief-rule)}
.mnk32-choices[hidden],.mnk32-prompt[hidden],.mnk32-question[hidden],.mnk32-result[hidden]{display:none!important}
.mnk32-choice{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr) 44px;gap:clamp(16px,2.5vw,42px);align-items:center;width:100%;padding:clamp(18px,2.2vw,30px) 3px;border:0;border-bottom:1px solid var(--brief-rule);background:transparent;text-align:left;cursor:pointer;color:#607684;transition:padding .34s cubic-bezier(.22,1,.36,1),color .26s ease}
.mnk32-choice-index{font-size:12px;align-self:center;letter-spacing:0;color:#CAD3D9}
.mnk32-choice-title{font-size:clamp(26px,3.3vw,54px);letter-spacing:-.058em;font-weight:440;line-height:1.14;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.mnk32-choice-arrow{font-size:clamp(26px,3vw,38px);font-weight:300;text-align:right;color:#CAD3D9;opacity:0;transform:translate3d(-12px,10px,0);transition:opacity .3s ease,transform .36s ease}
.mnk32-choice:is(:hover,:focus-visible,.is-chosen){padding-left:13px;color:#102B3B}
.mnk32-choice:is(:hover,:focus-visible,.is-chosen) .mnk32-choice-title{transform:translate3d(10px,0,0)}
.mnk32-choice:is(:hover,:focus-visible,.is-chosen) .mnk32-choice-arrow{opacity:1;transform:translate3d(0,0,0)}
.mnk32-choice:focus-visible{outline:2px solid #607684;outline-offset:4px}
/* An intentionally small, optional editorial hover crop   no permanent second panel. */
.mnk32-visual-peek{position:absolute;right:6%;top:49%;width:clamp(160px,18vw,260px);aspect-ratio:5/4;pointer-events:none;opacity:0;z-index:3;overflow:hidden;transform:translate3d(0,26px,0) rotate(3deg) scale(.95);clip-path:inset(0 0 100% 0);box-shadow:0 20px 55px rgba(16,43,59,.18);transition:clip-path .46s cubic-bezier(.2,1,.35,1),opacity .34s ease,transform .52s cubic-bezier(.2,1,.35,1)}
.mnk32-visual-peek.is-visible{opacity:1;clip-path:inset(0 0 0 0);transform:translate3d(0,0,0) rotate(-2deg) scale(1)}
.mnk32-visual-peek img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}
.mnk32-brief-foot{border-top:1px solid var(--brief-rule);padding-top:28px;display:flex;align-items:start;justify-content:space-between;gap:45px}
.mnk32-sentence-wrap{max-width:850px;min-width:0}
.mnk32-sentence-wrap>span{display:block;font-size:11px;letter-spacing:.09em;color:#607684;margin-bottom:16px}
.mnk32-sentence-wrap p{margin:0;display:flex;gap:9px 16px;flex-wrap:wrap;align-items:baseline;font-size:clamp(15px,1.4vw,20px);line-height:1.55;color:#304551;font-weight:450}
.mnk32-sentence-piece{display:inline-block;white-space:normal}
.mnk32-sentence-piece:after{content:" ·";color:#A6B5BF;margin-left:6px}
.mnk32-sentence-piece:last-child:after{content:""}
.mnk32-sentence-piece em{font-style:normal;color:#CAD3D9;transition:color .25s ease}
.mnk32-sentence-piece em.is-pending{color:#A6B5BF;border-bottom:1px solid #DCE4EA}
.mnk32-foot-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.mnk32-foot-actions button{font-size:14px;padding:10px 0;white-space:nowrap;border:0;background:none;cursor:pointer;color:#304551;transition:color .22s ease}
.mnk32-foot-actions button:hover{color:#CAD3D9}
.mnk32-foot-actions button:disabled{opacity:.35;cursor:not-allowed}
.mnk32-result{padding:clamp(35px,4vw,65px) 0 0;max-width:1040px}
.mnk32-result-label{font-size:12px;color:#CAD3D9;letter-spacing:.08em}
.mnk32-result h3{font-size:clamp(62px,9.5vw,145px);letter-spacing:-.075em;line-height:.98;margin:24px 0 30px;font-weight:450;color:#304551}
.mnk32-result>p{font-size:clamp(16px,1.5vw,23px);line-height:1.55;max-width:620px;color:#607684;margin:0 0 16px}
.mnk32-result>p.mnk32-qualification{font-size:13px;color:#607684;max-width:550px;margin:12px 0 26px}
.mnk32-result-cta{display:inline-flex;gap:60px;align-items:center;border-bottom:1px solid #304551;padding:15px 0;color:#304551;font-size:17px;font-weight:550;text-decoration:none}
.mnk32-result-cta span{display:inline-block;transition:transform .3s ease}
.mnk32-result-cta:hover span{transform:translate3d(5px,-5px,0)}
@media(max-width:960px){.mnk32-prompt{gap:14px}.mnk32-prompt p{max-width:500px;margin:0}.mnk32-brief-stage{min-height:600px}.mnk32-visual-peek{right:2%;top:60%;width:175px}}
@media(max-width:700px){
 .mnk32-brief{padding:76px 0 65px}
 .mnk32-brief-meta{font-size:9px;padding-bottom:18px}
 .mnk32-progress-bars i{width:19px}
 .mnk32-brief-stage{min-height:560px;padding:36px 0 24px}
 .mnk32-prompt{margin-bottom:37px}
 .mnk32-prompt h2{font-size:clamp(42px,11.8vw,64px);letter-spacing:-.065em}
 .mnk32-prompt p{font-size:14px;margin-top:4px}
 .mnk32-question h3{font-size:16px;margin-bottom:16px}
 .mnk32-choice{grid-template-columns:25px minmax(0,1fr) 28px;gap:10px;padding:23px 0}
 .mnk32-choice-title{font-size:clamp(25px,7.3vw,37px)}
 .mnk32-choice-arrow{opacity:.55;transform:none;font-size:25px}
 .mnk32-choice:is(:hover,:focus-visible) .mnk32-choice-title{transform:none}
 .mnk32-visual-peek{display:none}
 .mnk32-brief-foot{gap:14px;flex-direction:column;padding-top:23px}
 .mnk32-sentence-wrap p{font-size:16px;gap:5px 10px}
 .mnk32-foot-actions{align-self:flex-end}
 .mnk32-result{padding:50px 0 0}
 .mnk32-result h3{font-size:clamp(64px,16vw,90px)}
 .mnk32-result-cta{font-size:16px;gap:24px}
}
@media(hover:none),(pointer:coarse){.mnk32-visual-peek{display:none}.mnk32-choice-arrow{opacity:.6;transform:none}}
@media(prefers-reduced-motion:reduce){.mnk32-brief *{animation:none!important;transition:none!important}.mnk32-visual-peek{display:none}}
/* Final rhythm pass: the live sentence belongs to the same viewport on desktop. */
@media(min-width:961px){
 .mnk32-brief{padding-top:clamp(68px,6vw,100px);padding-bottom:clamp(54px,4vw,78px)}
 .mnk32-brief-stage{min-height:clamp(460px,39vw,555px);padding:clamp(29px,3vw,48px) 0 27px}
 .mnk32-prompt{margin-bottom:22px}
 .mnk32-prompt h2{font-size:clamp(45px,4.5vw,73px)}
 .mnk32-choice{padding:clamp(13px,1.25vw,22px) 3px}
 .mnk32-choice-title{font-size:clamp(27px,2.8vw,44px)}
 .mnk32-brief-foot{padding-top:21px}
 .mnk32-visual-peek{top:42%;}
}
.mnk32-sentence-piece{animation:mnk32-words-in .32s cubic-bezier(.22,1,.36,1) both}
.mnk32-sentence-piece:nth-child(2){animation-delay:25ms}
.mnk32-sentence-piece:nth-child(3){animation-delay:50ms}
@keyframes mnk32-words-in{from{opacity:.45;transform:translate3d(0,7px,0)}to{opacity:1;transform:none}}