/* Six distinct editorial entrances share the same readable type, actions and phone scale. */
body[data-view="home"] main.wrap{padding-top:clamp(18px,3vw,46px)}
.hp-hero{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:center;gap:clamp(30px,5.5vw,78px)}
.hp-copy.home-copy{padding:0}.hp-copy h1{font-weight:780;font-size:clamp(45px,5vw,78px);letter-spacing:-.065em;line-height:1.015;max-width:12.5ch}
.hp-copy .eyebrow,.hp-chooser .eyebrow,.hp-table .eyebrow,.hp-reading .eyebrow,.hp-qa .eyebrow{color:var(--clay)}
.hp-lead{font-size:clamp(17px,1.5vw,22px);max-width:49ch;margin-top:clamp(16px,2vw,26px);line-height:1.5}
.hp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 23px;margin-top:clamp(18px,2vw,28px)}
.hp-text-link,.hp-quick a{display:inline-flex;align-items:center;min-height:42px;color:var(--ink);font-weight:720;text-underline-offset:4px}
.hp-quick{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:5px;color:var(--muted);font-size:.93rem}
.hp-stage{margin:0;min-width:0;isolation:isolate}
.hp-stage-art{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:clamp(18px,2.4vw,32px) 9% 0 2%;background:#edc9a5;overflow:hidden;border-radius:10px 10px 0 0}
.hp-stage-art:before{position:absolute;display:block;content:"";inset:32% -26% -47% 13%;border-radius:55% 47% 0 0;background:#dba483;transform:rotate(-13deg)}
.hp-stage .hp-phone{position:relative;width:46%;height:auto;max-height:445px;object-fit:contain;filter:drop-shadow(2px 7px 9px #603f4638)}
.hp-stage-object{position:absolute;z-index:1;left:2%;bottom:10%;width:42%;text-align:center}
.hp-stage-object img{width:100%;height:auto;max-height:240px;object-fit:contain}.hp-stage-object span{display:block;margin-top:4px;color:#583744;font-family:var(--mono);font-size:.76rem}
.hp-stage figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;background:#f3dac1;border-radius:0 0 10px 10px;color:#493345;line-height:1.25}.hp-stage figcaption span,.hp-world-art figcaption,.hp-phone-stage figcaption{font-size:.82rem}
.hp-chooser{margin:clamp(44px,7vw,92px) 0 clamp(24px,3vw,42px)}
.hp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.hp-section-head h2,.hp-feature h2,.hp-world h2,.hp-table h2,.hp-reading h2,.hp-qa h2{font-size:clamp(33px,4.2vw,60px);line-height:1.035;letter-spacing:-.058em}
.hp-index{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 18px;margin-top:clamp(16px,2.5vw,30px)}
.hp-index a{text-decoration:none;display:grid;align-content:start;gap:4px;position:relative;padding:13px 0;min-height:88px;border-top:2px solid #cbb59f}
.hp-index small,.hp-stage figcaption span{font-family:var(--mono)}.hp-index small{font-size:.73rem;color:var(--clay)}.hp-index strong{font-size:clamp(15px,1.45vw,20px)}.hp-index span{font-size:.92rem;color:var(--muted)}.hp-index a:hover strong{text-decoration:underline;text-underline-offset:4px}
.hp-feature{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;overflow:hidden;background:#f1dfbd;border-radius:10px}
.hp-feature-copy{padding:clamp(21px,4vw,55px)}.hp-deck,.hp-world-lead{line-height:1.53;font-size:clamp(17px,1.55vw,22px);max-width:52ch;margin:18px 0}
.hp-steps{padding-inline-start:1.2em;line-height:1.65;margin:16px 0 0}.hp-steps li::marker{color:var(--clay);font-weight:720}.hp-note{max-width:65ch;font-size:.89rem;color:var(--muted);margin-top:18px}
.hp-phone-stage,.hp-world-art{display:grid;justify-items:center;align-content:center;align-self:stretch;min-width:0;margin:0;padding:22px 15px 14px}
.hp-phone-stage{background:#cfab7e}.hp-phone-stage .hp-phone{width:auto;max-width:100%;height:clamp(320px,31vw,420px);object-fit:contain}
.hp-phone-stage figcaption,.hp-world-art figcaption{display:block;margin-top:10px;text-align:center;color:inherit}.hp-quiz-art{color:#452b33}
.hp-worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(22px,3.3vw,48px);margin:clamp(24px,4.5vw,60px) 0}
.hp-world{min-width:0;padding:clamp(18px,2.4vw,32px);border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.65fr);grid-template-rows:auto 1fr;align-items:start;column-gap:clamp(16px,2vw,32px);row-gap:16px}
.hp-world-heading{grid-area:1/1/2/2}.hp-world h2{font-size:clamp(28px,3.1vw,47px)}
.hp-world-lead{font-size:clamp(16px,1.18vw,19px);margin:13px 0 0}
.hp-world-art{grid-area:1/2/3/3;padding:0;align-self:center}
.hp-world-art .hp-phone{width:100%;height:auto;max-height:335px;object-fit:contain}
.hp-world-art figcaption{font-size:.75rem;line-height:1.3}
.hp-world-footer{grid-area:2/1/3/2}.hp-world h3{font-size:1rem;letter-spacing:-.018em}.hp-world-footer>p{font-size:.94rem;line-height:1.48;margin:.5rem 0 0}.hp-world-footer .hp-actions{gap:4px 14px;margin-top:16px}
.hp-world-footer .hp-text-link{font-size:.9rem}.hp-world-footer .btn{padding:11px 15px}
.hp-detective{background:#513c50;color:#fff0dc}.hp-detective .eyebrow,.hp-detective .hp-world-art figcaption{color:#f3d4b8}
.hp-detective h2 .title-accent{background:none;color:inherit;-webkit-text-fill-color:currentColor}
.hp-detective .hp-text-link{color:#ffe1be}.hp-detective .btn{background:#f3d6b0;color:#392635}
.hp-pairs{background:#f5dfcf}.hp-words{background:#ece1cb}.hp-photo{background:#e7c4b8}
.hp-photo h2 .title-accent{background:none;color:#642c45;-webkit-text-fill-color:currentColor}
.hp-table,.hp-reading,.hp-qa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,6vw,84px);margin:clamp(50px,7vw,94px) 0}
.hp-table>div>p:not(.eyebrow){font-size:clamp(16px,1.45vw,20px);margin-top:16px;max-width:48ch}
.hp-join-list{list-style:none;counter-reset:join;padding:0;display:grid;gap:16px}.hp-join-list li{position:relative;counter-increment:join;padding-left:42px}
.hp-join-list li:before{content:counter(join,decimal-leading-zero);position:absolute;left:0;top:.18rem;color:var(--clay);font:700 .85rem/1.2 var(--mono)}
.hp-join-list p{color:var(--muted);margin-top:.15rem}
.hp-reading a{display:grid;align-content:start;gap:.3rem;padding:12px 0;text-decoration:none}.hp-reading a strong{font-size:clamp(18px,1.7vw,24px)}.hp-reading a span{color:var(--muted)}.hp-reading a:hover strong{text-decoration:underline;text-underline-offset:4px}
.hp-qa details{padding:10px 0;border-bottom:1px solid var(--line)}.hp-qa summary{cursor:pointer;font-weight:740;min-height:36px}.hp-qa details p{margin:6px 0 12px}
.hp-table h2,.hp-reading h2,.hp-qa h2{max-width:17ch}.hp-qa{margin-bottom:24px}
@media(min-width:721px) and (max-width:1070px){.hp-index{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-worlds{grid-template-columns:1fr}.hp-world{grid-template-columns:minmax(0,1.4fr) minmax(155px,.6fr);padding:26px 40px}.hp-world-art .hp-phone{max-height:280px}.hp-worlds .hp-world-lead{font-size:1.15rem}.hp-stage .hp-phone{width:50%}.hp-world-footer .hp-actions{gap:12px}}
@media(max-width:720px){.hp-hero,.hp-feature,.hp-table,.hp-reading,.hp-qa{grid-template-columns:1fr}.hp-hero{gap:20px}.hp-copy h1{font-size:clamp(38px,9vw,58px);max-width:14ch}.hp-copy .hp-lead{font-size:17px;margin-top:12px}.hp-copy .hp-actions{margin-top:15px;gap:8px 14px}.hp-quick{gap:6px 10px;margin-top:2px}.hp-stage-art{padding:14px 9% 0 0;justify-content:center;min-height:0}.hp-stage .hp-phone{max-height:259px;width:auto;max-width:47%;margin-left:35%;object-fit:contain}.hp-stage-object{width:38%;bottom:14%;left:5%}.hp-stage-object img{max-height:150px}.hp-stage figcaption{padding:10px 12px;font-size:.84rem}.hp-stage figcaption span{font-size:.7rem}.hp-section-head{align-items:start;gap:6px}.hp-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}.hp-index a{min-height:72px;padding:8px 0}.hp-index span{font-size:.8rem}.hp-index strong{font-size:1rem}.hp-worlds{grid-template-columns:1fr}.hp-feature{grid-template-columns:minmax(0,1fr) minmax(104px,.55fr);align-items:stretch}.hp-feature-copy{padding:18px}.hp-feature h2{font-size:clamp(29px,7vw,40px)}.hp-feature .hp-phone-stage{padding:15px 7px 12px}.hp-feature .hp-phone-stage .hp-phone{height:auto;width:100%}.hp-feature .hp-phone-stage figcaption{font-size:.7rem}.hp-deck{font-size:16px;margin:13px 0}.hp-steps{font-size:.92rem}.hp-feature .hp-actions{gap:4px}.hp-world{grid-template-columns:minmax(0,1fr) minmax(112px,.64fr)}.hp-world h2{font-size:clamp(27px,7vw,39px)}.hp-worlds .hp-world-art{align-self:start}.hp-world-footer{grid-column:1/-1}.hp-world-art{grid-area:1/2/2/3}.hp-table,.hp-reading,.hp-qa{gap:14px}.hp-qa summary{line-height:1.4}}
@media(max-width:410px){.hp-feature{grid-template-columns:1fr}.hp-feature .hp-phone-stage{padding:16px 14px}.hp-feature .hp-phone-stage .hp-phone{height:235px;width:auto}.hp-world{padding:18px 14px;gap:12px 8px}.hp-stage figcaption{align-items:start}.hp-stage figcaption span{max-width:13ch;text-align:right}.hp-index{column-gap:8px}.hp-index span{font-size:.76rem}.hp-section-head .hp-text-link{font-size:.88rem}.hp-world .eyebrow{font-size:.76rem}.hp-world-lead{font-size:.94rem}}
@media(forced-colors:active){.hp-stage-art:before{display:none}.hp-detective .hp-text-link{color:LinkText}}

/* Keep secondary routes and wrapped calls to action distinct from the primary choice. */
.hp-copy .hp-quick{margin-top:12px}
.hp-feature .hp-actions,.hp-world-footer .hp-actions{row-gap:12px}
.hp-steps li+li{margin-top:6px}