/* Editorial reading field paired with one full-height photographic field. */
:root{--journey-aside:42%;--journey-header:68px;--journey-pad:clamp(28px,4vw,64px);--control-radius:2px}
#cover,#shell{position:relative;z-index:1;height:100dvh;min-height:0;background:transparent}
#cover{display:grid;grid-template-rows:var(--journey-header) minmax(min-content,1fr) auto}
body[data-screen=cover] #cover{display:grid!important}
#shell{display:none;flex-direction:column}
.cover-bar,.shell-bar{position:relative;height:var(--journey-header);min-height:var(--journey-header);display:flex;align-items:center;gap:28px;padding:0 var(--journey-pad);background:#fff;border-bottom:1px solid var(--ink);color:var(--ink)}
.studio-logo,.shell-bar .studio-logo{width:190px}.studio-logo img{filter:brightness(0)}
.cover-main{display:flex;flex-direction:column;justify-content:center;margin-right:var(--journey-aside);padding:24px var(--journey-pad) 16px;min-width:0;gap:24px;background:#fff}
.cover-copy{display:flex;flex-direction:column;gap:24px}.cover-message{display:flex;flex-direction:column;gap:20px}
.cover-copy .kicker{font-size:12px;line-height:18px;letter-spacing:.12em;color:var(--muted)}
.display{font-size:clamp(52px,5.3vw,84px);line-height:.98;letter-spacing:-.045em;text-wrap:initial;max-width:none}
.display>span{display:inline}.cover-sub{max-width:57ch;font-size:17px;line-height:1.5;color:var(--muted)}
.cover-cta .btn{min-height:50px;min-width:236px;font-size:16px;padding:13px 20px;border-radius:2px;background:var(--ink);color:#fff}
.cover-tail{display:grid;gap:12px}.cover-aud{max-width:60ch;border-top:1px solid var(--rule);padding-top:18px;font-size:14px;line-height:1.45}.cover-disc{max-width:70ch;font-size:13px;line-height:1.45;color:var(--muted)}
.cover-foot{margin-right:var(--journey-aside);display:flex;padding:0 var(--journey-pad) 8px;background:#fff;font-size:13px;color:var(--muted)}.cover-legal{display:flex;gap:14px;align-items:center}.cover-foot a{display:inline-flex;min-height:44px;align-items:center}
.shell-bar .question-progress{max-width:260px;order:1;margin-left:auto}.count{order:2;font-size:13px;letter-spacing:.12em;color:var(--ink);white-space:nowrap}.question-progress span{height:3px;border-radius:0;background:#d9dee2}.question-progress span.complete{background:var(--ink)}.question-progress span.current{background:#708c9f}
.question-layout{display:flex;flex:1;min-height:0;margin-right:var(--journey-aside);background:#fff}
.stage-wrap{width:100%;padding:32px var(--journey-pad);background:#fff;min-height:0}
.stage{display:grid;grid-template-columns:1fr 1fr;align-content:start;align-items:start;max-width:840px;margin:0 auto;min-width:0}
.backlink{min-height:44px;padding:8px 12px;font-size:13px;line-height:1.4;border-radius:2px;background:white;border-color:#8d969d;box-shadow:0 1px 2px #1b202510}
.q-kicker{font-size:12px;line-height:18px;letter-spacing:.08em;color:var(--muted)}
.q-title{font-size:clamp(32px,3.25vw,50px);line-height:1.08;margin:24px 0 0;text-wrap:initial;letter-spacing:-.035em}
.q-note{font-size:16px;line-height:1.4;color:var(--muted);margin:14px 0 0}
.opts{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:8px;min-width:0}
.opt.choice-control{display:flex;align-items:center;gap:14px;width:100%;min-height:50px;padding:11px 14px;text-align:left;font-size:16px;line-height:1.3;border:1px solid #a6afb6;border-radius:2px;background:#fff;color:var(--ink);box-shadow:0 2px 3px #1b20250a}
.opt.choice-control .n{flex-basis:24px;height:24px;font-size:12px;border-color:#c8d0d6;border-radius:1px;background:#f5f7f8;color:#5d6c77}.opt.choice-control .choice-indicator{flex-basis:20px;width:20px;height:20px;color:#889ba9}.choice-indicator svg{width:20px;height:20px}
.opt.choice-control.picked{background:var(--ink);color:white;border-color:var(--ink)}.opt.choice-control:focus-visible{outline:2px solid #6d8ca3;outline-offset:3px}.opt.choice-control.picked:focus-visible{background:var(--ink)}
.gate-bar{display:none}
@media(min-width:901px) and (max-height:800px){.display{font-size:56px}.cover-main,.cover-copy{gap:18px}.cover-message{gap:16px}.cover-sub{font-size:16px;line-height:1.4}.cover-aud{font-size:13px;padding-top:14px}.cover-disc{font-size:13px}.cover-tail{gap:10px}.q-title{font-size:36px;margin-top:20px}.opts{margin-top:20px;gap:7px}.opt.choice-control{min-height:48px;padding-block:10px}.stage-wrap{padding-block:28px}}
@media(min-width:541px) and (max-width:900px){
 :root{--journey-aside:0%;--journey-header:64px;--journey-pad:24px;--portrait-w:clamp(160px,27vw,210px);--portrait-h:calc(var(--portrait-w)*1.4)}
 .studio-logo,.shell-bar .studio-logo{width:164px}.shell-bar{gap:18px}.shell-bar .question-progress{max-width:220px}
 .cover-main{margin:0;padding:20px 24px 10px;gap:18px}.cover-copy{gap:18px}.cover-message{gap:14px}.display{font-size:44px;max-width:none;line-height:1.02;padding-right:calc(var(--portrait-w) + 32px);min-height:var(--portrait-h)}.cover-sub{font-size:17px;line-height:1.45;max-width:68ch}.cover-aud,.cover-disc{font-size:13px;line-height:1.45}.cover-tail{gap:10px}.cover-aud{padding-top:14px}.cover-cta .btn{min-width:236px;width:auto}.cover-foot{margin:0;padding-bottom:0}
 .question-layout{margin:0}.stage-wrap{padding:20px 24px}.q-title{font-size:38px;margin-top:20px;padding-right:calc(var(--portrait-w) + 32px);min-height:var(--portrait-h)}.q-kicker{font-size:12px;letter-spacing:.03em}.q-note{font-size:17px;line-height:1.4;margin-top:14px}.opts{grid-template-columns:1fr 1fr;margin-top:20px;gap:8px}.opt.choice-control{font-size:16px;min-height:52px;height:100%;padding:11px 12px;gap:10px}.opt.choice-control .n{flex-basis:22px;height:22px}
 .opts:has(>li:nth-child(3)):not(:has(>li:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:540px){
 :root{--journey-aside:0%;--journey-header:64px;--journey-pad:20px}
 .studio-logo,.shell-bar .studio-logo{width:164px}.cover-bar,.shell-bar{padding-inline:20px;gap:12px}.shell-bar{flex-wrap:nowrap;padding-block:0}.shell-bar .question-progress{position:absolute;left:20px;right:20px;bottom:0;width:auto;max-width:none;margin:0;gap:4px}.count{margin-left:auto;font-size:12px;min-width:62px}
 .cover-main{margin:0;padding:18px 20px 8px;gap:14px;justify-content:center}.cover-copy{gap:16px}.cover-message{gap:12px}.cover-copy .kicker{font-size:11px;line-height:16px}.display{font-size:34px;line-height:1.02;padding-right:128px;min-height:192px;max-width:none}.cover-sub{font-size:16px;line-height:1.4}.cover-cta .btn{width:100%;min-height:48px}.cover-tail{gap:9px}.cover-aud{font-size:13px;line-height:1.4;padding-top:12px}.cover-disc{font-size:13px;line-height:1.4}.cover-foot{margin:0;padding:0 20px 4px}
 .question-layout{margin:0}.stage-wrap{padding:20px}.q-kicker{font-size:11px;line-height:16px;letter-spacing:.04em}.q-title{font-size:28px;line-height:1.06;margin-top:16px;padding-right:116px;min-height:128px}.q-note{font-size:16px;line-height:1.35;margin-top:12px}.opts{margin-top:18px;gap:7px}.opt.choice-control{min-height:48px;padding:10px;gap:10px}.opt.choice-control .n{flex-basis:22px;height:22px}.backlink{font-size:13px}
}
@media(max-width:360px){
 :root{--journey-pad:16px;--journey-header:56px}.studio-logo,.shell-bar .studio-logo{width:148px}.cover-bar,.shell-bar{padding-inline:16px}
 .cover-main{padding:12px 16px 4px;gap:10px}.cover-copy{gap:12px}.cover-message{gap:10px}.display{font-size:28px;padding-right:104px;min-height:160px}.cover-sub{font-size:16px;line-height:1.3}.cover-aud,.cover-disc{font-size:12px;line-height:1.35}.cover-tail{gap:8px}.cover-aud{padding-top:8px}.cover-cta .btn{min-height:44px;padding-block:10px}.cover-foot{padding:0 16px;font-size:12px}
 .stage-wrap{padding:16px}.q-title{font-size:26px;padding-right:96px;min-height:112px;margin-top:14px}.q-kicker{font-size:10px}.q-note{font-size:16px}.opts{gap:6px;margin-top:16px}.opt.choice-control{min-height:44px;font-size:16px;padding:8px;gap:8px}.opt.choice-control .n{flex-basis:20px;height:20px}.opt.choice-control .choice-indicator{width:18px;flex-basis:18px}
}
@media(min-width:541px) and (max-height:600px){
 :root{--journey-aside:0%;--journey-header:48px;--journey-pad:20px}
 .identity-scene{display:none}.cover-bar,.shell-bar{position:relative;height:48px;min-height:48px}.studio-logo,.shell-bar .studio-logo{width:154px}
 #cover{grid-template-rows:48px 1fr}.cover-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;padding:8px 20px 0}.cover-copy,.cover-message{display:contents}.cover-message .kicker{grid-column:1;grid-row:1;font-size:11px}.display{grid-column:1;grid-row:2;font-size:28px;line-height:1;min-height:0;padding-right:0}.cover-sub{grid-column:1;grid-row:3;font-size:16px;line-height:1.3}.cover-cta{grid-column:2;grid-row:1}.cover-cta .btn{min-height:44px}.cover-tail{grid-column:2;grid-row:2/4;align-self:start;gap:12px}.cover-aud{padding:0;border:0}.cover-aud,.cover-disc{font-size:13px}.cover-foot{position:absolute;bottom:4px;left:50%;padding-left:12px}
 .question-layout{margin:0}.stage-wrap{padding:12px 20px}.stage{grid-template-columns:112px minmax(0,1fr);column-gap:12px}.backlink{grid-column:1;grid-row:1}.q-kicker{grid-column:1;grid-row:2;justify-self:start;text-align:left;margin-top:8px}.stage>.q-title{grid-column:2;grid-row:1/3;padding:0;min-height:0;font-size:26px;margin:0}.stage>.q-note{grid-column:2;font-size:16px;line-height:1.3;margin-top:8px}.opts{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.opt.choice-control{min-height:44px;padding:5px 8px;line-height:1.2}.stage:has(.q-note) .opts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media print{#identityScene,#cover,#shell,.gate-bar{display:none!important}}

@media(min-width:901px){.display>span{display:block}}
/* Keep the editorial opening anchored to the masthead in compact windows. */
@media(max-width:900px) and (min-height:601px){.cover-main{justify-content:flex-start}}
