:root{--bg:#e4e8df;--ink:#243631;--accent:#d54631;--surface:#cad4c5;--border:color-mix(in srgb,var(--ink) 22%,transparent);--gridline:color-mix(in srgb,var(--bg) 13%,transparent);--display:"Arial Black",Arial,sans-serif;--body:Arial,sans-serif}h1,h2{font-family:var(--display)}h3{margin-bottom:15px}section>h2+p{margin-top:26px}main>section+section{border-top:1px solid var(--border)}.art{min-width:0}.art svg{width:100%}.choice-image{max-width:640px;width:100%;max-height:450px;object-fit:contain;margin:25px 0}.stage-inner .art{max-width:850px;margin:auto;width:100%}.stage-inner>p{max-width:45ch;margin:22px auto}.stage>h2{position:relative;z-index:1}legend{font-size:19px;margin-bottom:18px}details{border-color:var(--border)}summary{font-size:20px}fieldset[disabled] input{opacity:.65}input[type=checkbox]{padding:0}header .brand{font-family:var(--body)}.auth main{min-height:calc(100svh - 170px)}.auth-help summary{font-size:16px}.stage-inner{min-height:0}.stage{padding-bottom:70px}.action{max-width:100%;font-size:16px}.status{min-height:1.8em}.note{margin-top:20px}footer{border-color:var(--border)}@media(min-width:900px) and (min-height:900px) and (prefers-reduced-motion:no-preference){.motion-ready .stage{min-height:190vh}.motion-ready .stage-inner{position:sticky;top:20px;min-height:90vh}}@media(max-width:899px),(max-height:899px){.stage-inner{position:static!important;min-height:0!important}.stage{min-height:0!important}.auth-shell{grid-template-columns:minmax(0,1fr)}}.bloc-title{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);align-items:end;gap:5vw}.bloc-title h1{font-weight:900;font-size:clamp(58px,7.7vw,120px)}.bloc-title p{max-width:21ch}.bloc-hero{padding-top:36px}.bloc-tiles{max-width:760px;margin:-30px auto 0}.bloc-tiles svg{max-height:510px}.piece-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.piece-index strong{font:clamp(28px,4vw,60px)/1.1 var(--display)}.piece-index p{grid-column:1/-1}.gap-study{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;margin-top:40px}.gap-study>span{height:280px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,60% 100%,60% 40%,30% 40%,30% 100%,0 100%)}.move-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin:35px 0}.bloc-take{background:var(--ink);color:var(--bg)}.bloc-take .action{background:var(--bg);color:var(--ink)}.auth-shell{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.auth-art{border:2px solid var(--ink);padding:12px}.auth h1{font-weight:900}@media(max-width:899px){.bloc-title,.piece-index,.gap-study,.move-list{grid-template-columns:minmax(0,1fr)}.bloc-tiles{margin:0}.bloc-title p{max-width:36ch}}
@media(max-width:899px){.auth .auth-shell{grid-template-columns:minmax(0,1fr);gap:32px}.auth .auth-copy{width:100%;max-width:520px;grid-column:1}.auth .auth-art{grid-column:1;max-width:100%;width:100%;margin:0}.auth .auth-art svg{height:auto;max-height:270px}.auth .auth-copy h1{overflow-wrap:normal}.auth .password-field input{min-width:0}}

/* Final composition follows the per-brand design agreement. */
@font-face{font-family:BlocDisplay;src:url(../../assets/fonts/Anton-Regular.ttf) format("truetype");font-display:swap}:root{--bg:#eb5937;--ink:#121a15;--accent:#f4e8cf;--surface:#f4e8cf;--display:BlocDisplay,"Arial Black",sans-serif}.bloc header{padding-block:16px}.bloc-hero{position:relative;min-height:840px;padding:55px 5vw 35px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.bloc-title{display:block;position:relative;z-index:2}.bloc-title h1{font-family:var(--display);font-size:clamp(76px,10.2vw,160px);font-weight:400;line-height:.98;letter-spacing:-.025em}.bloc-title p{margin-top:32px;max-width:25ch;font-size:19px}.bloc-tiles{width:100%;max-width:none;margin:0;transform:rotate(8deg)}.bloc-tiles svg{width:100%;max-height:none}.bloc-hero>.actions{grid-column:1/-1;margin:0}.bloc #pieces{background:var(--ink);color:var(--accent);padding-block:55px}.bloc .piece-index{grid-template-columns:1.2fr 1fr .75fr;align-items:end;margin-top:50px;gap:25px}.bloc .piece-index strong{font:clamp(38px,5.3vw,85px)/1.1 var(--display)}.bloc #reframe{background:var(--accent)}.bloc #gap{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw}.bloc #gap h2{font-size:clamp(48px,6vw,85px)}.bloc .gap-study{display:block;margin:0}.bloc .gap-study>span{display:block;height:340px;margin-bottom:32px}.bloc #choose{background:var(--accent);display:grid;grid-template-columns:.65fr 1.35fr;gap:10px 7vw}.bloc #choose h2{grid-row:1/3;max-width:9ch;font-size:70px}.bloc #choose .choice-image{grid-column:2;grid-row:1/4;width:100%;margin:0}.bloc #choose .actions,.bloc #choose .status{grid-column:1}.bloc #method{background:var(--ink);color:var(--accent)}.bloc .move-list{counter-reset:steps;margin-top:60px}.bloc .move-list li:before{counter-increment:steps;content:"0" counter(steps);font:62px/1 var(--display);display:block;margin-bottom:35px;color:#fa7956}.bloc #help{display:grid;grid-template-columns:1fr 1.2fr;gap:0 8vw}.bloc #help h2{grid-row:1/3}.bloc #take h2{font-size:clamp(60px,9vw,138px)}.bloc #take p{margin-top:30px}.bloc.auth{background:var(--accent)}.bloc.auth header{border-bottom:1px solid var(--ink)}.bloc.auth .auth-art{border:0;background:#eb5937;padding:25px;transform:rotate(-3deg)}.bloc.auth .auth-copy h1{font:clamp(48px,5vw,76px)/1.1 var(--display)}@media(max-width:899px){.bloc-hero{min-height:0;grid-template-columns:1fr;padding-top:40px}.bloc-title h1{font-size:clamp(68px,17vw,110px)}.bloc-tiles{max-width:620px}.bloc #gap,.bloc #choose,.bloc #help{display:block}.bloc #choose h2{font-size:50px;max-width:14ch}.bloc #choose .choice-image{margin:30px 0}.bloc .piece-index{grid-template-columns:1fr;gap:20px}.bloc.auth .auth-art{transform:none}.bloc .gap-study>span{margin-top:30px}}
@media(max-width:899px){.auth .auth-shell{grid-template-columns:minmax(0,1fr)}.auth .auth-copy,.auth .auth-art{grid-column:1;grid-row:auto}.auth .auth-copy{width:100%;max-width:520px}.auth .auth-copy h1{overflow-wrap:normal}}

@media (max-width:899px) {
  .bloc.auth .auth-shell { grid-template-columns:minmax(0,1fr); gap:32px; }
  .bloc.auth .auth-art, .bloc.auth .auth-copy { grid-column:1; grid-row:auto; width:100%; min-width:0; }
  .bloc.auth .auth-copy { max-width:520px; }
}

.bloc.auth button.primary { background:var(--ink); color:var(--accent); }
.bloc-title h1 { line-height:1.04; }

/* Allow room for enlarged text on medium screens. */
@media(min-width:900px) and (max-width:1199px){.bloc-hero{min-height:0;grid-template-columns:minmax(0,1fr)}.bloc-title h1{font-size:100px}.bloc-title p{max-width:45ch}.bloc-tiles{max-width:640px;margin:auto}.bloc #gap,.bloc #choose,.bloc #help{display:block}.bloc #choose h2{max-width:none;font-size:50px}.bloc #choose .choice-image{margin:30px 0}.bloc .piece-index,.bloc .move-list{grid-template-columns:minmax(0,1fr);gap:30px}.bloc .gap-study>span{margin-top:30px}}
@media(max-width:1199px){.bloc.auth .auth-shell{grid-template-columns:minmax(0,1fr);gap:36px}.bloc.auth .auth-copy,.bloc.auth .auth-art{grid-column:1;grid-row:auto;width:100%;min-width:0}.bloc.auth .auth-copy{max-width:650px;padding:0;margin:auto}.bloc.auth .auth-art{max-width:650px;margin:0 auto;transform:none}.bloc.auth .auth-art svg{max-height:400px}.bloc.auth .auth-copy h1{max-width:none}}