:root{--bg:#061326;--surface:#0c213b;--soft:#132d4b;--line:#816f47;--ink:#f6f0e2;--muted:#b9c8d7;--gold:#dfc17e;--mint:#d9c18d}body{background:radial-gradient(ellipse at 82% 6%,#16365788,transparent 45%),radial-gradient(circle at 20% 32%,#38669026,transparent 35%),#061326}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle,#e5cf9b 0 1px,transparent 1.5px),radial-gradient(circle,#9dbeda 0 .8px,transparent 1.4px);background-size:173px 211px,107px 157px;background-position:20px 70px,65px 100px;z-index:-1}.preview-note{text-align:center;background:#102139;color:#c6d2df;font-size:12px;padding:7px 16px;border-bottom:1px solid #31475f}.shell{max-width:1340px;padding-inline:38px}.masthead{padding-block:22px}.brand b{color:var(--gold)}.nav{gap:7px;padding:12px 0}.nav button{flex:1;border:1px solid #36526e;border-radius:6px;background:#081b31;font-size:13px;padding:10px 8px}.nav button.active{border-color:var(--gold);background:#142a3e;color:#ffe0a0}.panel,.trait,.official-card{position:relative;background:linear-gradient(135deg,#102944e6,#071a30f0);border-color:#9b824d99;box-shadow:inset 0 0 0 4px #06132666,0 14px 35px #0002}.panel:after,.official-card:after{content:'✧';position:absolute;right:10px;top:6px;color:#c5a76a88;font-size:15px;pointer-events:none}.panel:before{content:'';position:absolute;width:42px;height:42px;right:14px;bottom:14px;border:1px solid #c6aa6b1c;border-radius:50%;pointer-events:none}button{background:#0b2139;border-color:#63778a}button.primary{background:linear-gradient(120deg,#fae0a0,#cfad68);color:#101d2d;border-color:#f3d699}input,textarea,select{background:#08182d;border-color:#637993}textarea{min-height:142px}main{padding-top:32px}h1,h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif}h1{font-size:clamp(30px,3.3vw,46px)}.eyebrow{color:#d8be7e}.page-heading{position:relative;min-height:345px;isolation:isolate;overflow:hidden;border-bottom:1px solid #b59b5d55}.page-heading>div:first-child{width:59%;position:relative;z-index:2}.page-heading h1{max-width:650px;line-height:1.6}.hero-cats{position:absolute;right:0;bottom:0;width:46%;height:340px;z-index:1}.hero-cats:before{content:'';position:absolute;inset:15px 12px 12px 0;border:1px solid #d7b66c66;border-radius:50%;box-shadow:0 0 60px #c0a36614}.hero-cats img{position:absolute;object-fit:contain;filter:drop-shadow(0 0 14px #d3b47322)}.hero-michi{width:74%;height:95%;left:0;top:0}.hero-shirube{width:69%;height:83%;right:0;bottom:-4px}.home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.welcome{padding:30px;gap:40px;background:linear-gradient(125deg,#102a43,#0a1b30)}.home-copy p{font-size:17px}.notice{background:#163348;border-left-color:#b6a16c}.join-box{border-left-color:#7c6f50}.owner-preview{margin-block:24px}.next-step{background:linear-gradient(100deg,#102a43,#081b31)}.official-card{border:1px solid #bba16a;overflow:hidden}.official-card:before{content:'☾';position:absolute;right:20px;bottom:5px;font:110px Georgia;color:#c9af7233}.official-card:nth-child(2):before{content:'✧'}.official-card:nth-child(3):before{content:'✦'}.official-platform{color:var(--gold)}.cat-navigator{margin:0 0 26px;padding:22px}.cat-caption{display:flex;align-items:center;gap:9px;color:#e6cb8c;font-family:'Yu Mincho',serif;font-size:18px;margin-bottom:16px}.cat-dialogue{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cat-line{display:flex;gap:12px;align-items:flex-start;min-width:0}.cat-line img{width:48px;height:48px;border:1px solid #cfad66;border-radius:50%;object-fit:cover;object-position:55% 30%;background:#152b43;flex-shrink:0}.cat-line b{font-size:12px;font-weight:600;display:block;color:#dacaab;margin-bottom:6px}.cat-line p{position:relative;margin:0;padding:14px 16px;border:1px solid #667e98;border-radius:3px 14px 14px 14px;background:#132d4a;color:#f4efdf;font-size:14px;line-height:1.8}.michi p{background:#f0e7d4;color:#172a40;border-color:#e0c98f}.guide-chapters{display:grid;gap:22px}.guide-chapter h2{font-size:25px;border-bottom:1px solid #8e79584d;padding-bottom:18px}.guide-chapter{padding:30px}.question[hidden]{display:none!important}.question-progress{display:flex;align-items:center;gap:20px;padding:20px 0;color:var(--gold);font:16px Georgia;clear:none}.question-progress>div{display:flex;gap:7px;flex:1}.question-progress>div>span{height:7px;flex:1;background:#1a304a;border:1px solid #3e536b;border-radius:6px}.question-progress>div>.lit{background:linear-gradient(90deg,#f0d99c,#bd9857);border-color:#d3b879}.question h2{font-size:27px;line-height:1.6;margin-block:18px}.question>label{color:#ead7ab;margin-top:26px;font-family:'Yu Mincho',serif;font-size:20px}.question>button{font-size:12px;padding:5px 10px;min-height:32px;margin-top:8px}.question-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;clear:both}.question-navigation>span{color:var(--gold)}main[data-page=try]>.cat-navigator{float:right;width:300px;margin-left:26px;margin-top:0}main[data-page=try] .cat-dialogue{grid-template-columns:1fr}main[data-page=try]>.stack,main[data-page=try]>.question-progress,main[data-page=try]>.panel.controls{width:calc(100% - 326px)}main[data-page=try]>.cat-navigator~h1,main[data-page=try]>.cat-navigator~p{max-width:calc(100% - 326px)}main:after{content:'';display:block;clear:both}.status-chips span{border-color:#9e8758}.bright-card{border-top-color:#c3aa6f}.after-home{background:#112f43}.rest-card .after-home{background:#2b2a3d}.comparison-header{background:#19324a}.comparison-row{background:#0c213a}.comparison-row>strong{background:#0a1b31}.comparison-details>details{background:#0a1b31}footer{border-top-color:#65778c}.modal{background:#0d2139!important}.cat-line img{max-width:48px} 
@media(max-width:950px){.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.nav button{white-space:normal;font-size:12px;gap:5px}.shell{padding-inline:24px}.page-heading{min-height:320px}.hero-cats{width:48%;height:290px}.page-heading h1{font-size:34px}.cat-dialogue{gap:15px}main[data-page=try]>.cat-navigator{float:none;width:auto;margin-left:0}main[data-page=try] .cat-dialogue{grid-template-columns:1fr 1fr}main[data-page=try]>.stack,main[data-page=try]>.question-progress,main[data-page=try]>.panel.controls{width:100%}main[data-page=try]>.cat-navigator~h1,main[data-page=try]>.cat-navigator~p{max-width:none}}
@media(max-width:600px){.shell{padding-inline:16px}.masthead{padding-block:20px}.brand{font-size:21px}.version{font-size:12px}.nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.nav button{font-size:12px;padding:9px 5px;min-height:40px}.nav svg{width:15px}main{padding-top:24px}.page-heading{display:block;min-height:0;padding-bottom:0;margin-bottom:20px}.page-heading>div:first-child{width:100%}.page-heading h1{font-size:30px;max-width:100%}.hero-cats{position:relative;display:block;width:100%;height:270px;margin-top:18px}.home-actions{margin-top:20px}.home-actions button{font-size:13px}.welcome{padding:22px;gap:24px}.home-copy p{font-size:15px;line-height:1.9}.join-box{padding-left:0;border-left:0;border-top:1px solid #796d50;padding-top:20px}.panel{border-radius:10px}.cat-dialogue,main[data-page=try] .cat-dialogue{grid-template-columns:1fr}.cat-line img{width:40px;height:40px}.cat-line p{font-size:14px;padding:12px 14px}.cat-navigator{padding:18px}.cat-caption{font-size:16px}.cat-dialogue{gap:16px}.question{padding:22px}.question h2{font-size:23px}.question-progress{gap:12px;font-size:13px;flex-wrap:wrap}.question-progress>div{min-width:160px}.question>label{font-size:18px}textarea{min-height:140px}.question-navigation button{padding:10px 12px;font-size:13px}.guide-chapter{padding:22px}.guide-chapter h2{font-size:22px}.official-card{min-height:170px}.preview-note{font-size:11px}.next-step{align-items:flex-start}.next-step h3{font-size:20px}.player-strip{flex-wrap:wrap}.player-strip .stat{margin-left:0;padding-left:10px}.status-chips span{font-size:12px}.hero-michi{width:73%}.hero-shirube{width:67%}}
.official-title{color:#f3e9d4}.official-card{min-height:138px;padding:20px 24px}.official-description{color:#b9c8d7}.official-card:before{font-size:78px}@media(max-width:760px){.official-grid{gap:10px}.official-card{min-height:0;padding:14px 18px;gap:3px}.official-platform{font-size:11px;line-height:1.4}.official-title{font-size:18px;line-height:1.5}.official-description{font-size:12px;line-height:1.6;margin-top:3px;padding-right:20px}.official-arrow{top:15px;right:17px;font-size:19px}.official-card:before{font-size:56px;bottom:-2px}.official-card:after{display:none}}
main[data-page=try]>.empty,main[data-page=try]>.notice{width:calc(100% - 326px)}@media(max-width:950px){main[data-page=try]>.empty,main[data-page=try]>.notice{width:100%}}
.page-heading:has(.hero-cats){min-height:430px;border:1px solid #596e87;border-radius:16px;background:radial-gradient(ellipse at 70% 40%,#23405c66,transparent 70%),linear-gradient(120deg,#0e2844,#08182c);padding:36px;margin-bottom:24px}.page-heading:has(.hero-cats)>div:first-child{width:59%}.hero-cats{height:100%;width:48%;right:0;bottom:0;overflow:hidden}.hero-cats:before{display:none}.hero-art{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 16%)}.hero-art img{position:relative;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:center top;filter:none}.hero-art{bottom:-30px}.hero-art img{transform:translateY(-4px)}@media(max-width:950px) and (min-width:601px){.page-heading:has(.hero-cats){min-height:360px;padding:28px}.page-heading:has(.hero-cats)>div:first-child{width:58%}.hero-cats{width:48%}.page-heading:has(.hero-cats) h1{font-size:30px}}@media(max-width:600px){.page-heading:has(.hero-cats){padding:24px 20px 0;display:flex;flex-direction:column;gap:0;min-height:0}.page-heading:has(.hero-cats)>div:first-child{width:100%}.hero-cats{position:relative;width:calc(100% + 40px);height:auto;aspect-ratio:498/420;margin-top:18px;flex-shrink:0;right:auto;bottom:auto}.hero-art{mask-image:linear-gradient(180deg,transparent,#000 10%);inset:0 0 -32px}.hero-art img{width:100%;min-height:0;height:auto;transform:none}.page-heading:has(.hero-cats) h1{font-size:29px}.home-actions{gap:9px}.home-actions button{font-size:12px;padding:10px 12px}}
.hero-art{inset:0}.hero-art img{width:100%;height:107%;min-height:0;object-fit:contain;object-position:center top;transform:none}@media(max-width:600px){.hero-art{inset:0}.hero-art img{height:107%;width:100%;object-fit:contain}}

.mobile-menu-toggle{display:none}@media(max-width:760px){.mobile-menu-toggle{display:flex;margin:0 0 0 auto;min-height:44px;padding:8px 14px;gap:10px;border-color:#9e8758;background:#0b2139;color:#e9d19b}.mobile-menu-toggle>span{font-size:24px;line-height:1}.nav{display:none!important;margin-top:10px}.nav.is-open{display:grid!important;grid-template-columns:1fr 1fr;padding-block:10px}.app-fieldset{border-top:1px solid #596c83;padding-top:12px}main{padding-top:20px}}
.mobile-drawer{display:none}.mobile-menu-toggle{display:none}@media(max-width:760px){.masthead{gap:12px}.masthead>.version{margin-left:auto}.masthead>.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:44px;height:44px;min-width:44px;border:0;background:transparent;box-shadow:none}.mobile-menu-toggle>span{font-size:28px;line-height:1}.app-fieldset{border-top:0;padding-top:0}.nav,.nav.is-open{display:none!important}.mobile-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(84vw,340px);max-width:none;height:100dvh;max-height:100dvh;border:0;border-left:1px solid #8f7a51;padding:0;color:#f5eedf;background:linear-gradient(155deg,#142c47,#07172a);box-shadow:-18px 0 55px #0006;overflow-y:auto}.mobile-drawer[open]{display:flex;animation:drawer-slide-in .22s ease-out}.mobile-drawer::backdrop{background:rgb(0 5 16 / .66)}.drawer-content{width:100%;min-height:100%;padding:16px 20px 30px;display:flex;flex-direction:column}.drawer-close{align-self:flex-end;width:44px;height:44px;padding:0;border:0;background:transparent;color:#e7cf98;font-size:34px;line-height:1}.drawer-close:hover{background:#ffffff0d}.drawer-nav{display:flex;flex-direction:column;gap:7px;margin-top:16px}.drawer-nav>button{justify-content:flex-start;width:100%;padding:14px 16px;min-height:52px;border:1px solid #36506a;background:#0a1d34;color:#dce4ef;font-size:15px;gap:12px}.drawer-nav>button.active{border-color:#d4b675;background:#21344b;color:#f3d89d}.drawer-nav>button:focus-visible{outline:2px solid #e2c88d;outline-offset:2px}@keyframes drawer-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}}@media(prefers-reduced-motion:reduce){.mobile-drawer[open]{animation:none}}
.first-visit{position:relative;overflow:hidden;margin:0 0 24px;padding:25px 30px;isolation:isolate}.first-visit h2{font-size:27px;margin:6px 0}.first-visit p{color:#c6d1dc;margin:5px 0 15px;font-size:14px}.first-visit button{border-color:#b69b63;color:#e7cf95;background:#091b2f}.first-visit>:not(.first-visit-moon){position:relative;z-index:1}.first-visit-moon{position:absolute;right:5%;top:-48px;font:260px/1 Georgia;color:#c5a56821;transform:rotate(-22deg);pointer-events:none;z-index:-1}.first-visit:before{width:160px;height:160px;right:55px;bottom:-70px;border-color:#c5a56844}@media(max-width:600px){.first-visit{padding:20px;margin-bottom:20px}.first-visit h2{font-size:22px}.first-visit p{font-size:13px}.first-visit button{font-size:13px;padding:9px 13px}.first-visit-moon{font-size:180px;right:-18px;top:10px}}
.page-heading:has(.hero-cats){border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;padding:32px 0;margin-inline:0;width:100%}.page-heading:has(.hero-cats)>div:first-child{padding-left:0}.hero-art{mask-image:linear-gradient(90deg,transparent,#000 12%)}@media(max-width:760px){.masthead>.mobile-menu-toggle{width:60px;height:60px;min-width:60px;min-height:60px}.mobile-menu-toggle>span{font-size:40px;line-height:1}}@media(max-width:950px) and (min-width:761px){.page-heading:has(.hero-cats){padding-inline:0}}@media(max-width:760px){main[data-page=home]{padding-top:8px}.page-heading:has(.hero-cats){display:flex;flex-direction:column;gap:0;min-height:0;width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;padding:16px 0 0;margin-bottom:22px}.page-heading:has(.hero-cats)>div:first-child{width:100%;padding:0 24px}.page-heading:has(.hero-cats) h1{font-size:clamp(29px,5.7vw,38px);margin-bottom:5px}.hero-cats{position:relative;right:auto;bottom:auto;width:100%;height:auto;aspect-ratio:498/420;flex-shrink:0;margin-top:16px}.hero-art{inset:0;mask-image:linear-gradient(180deg,transparent,#000 9%)}.hero-art img{width:100%;height:107%;object-fit:contain;object-position:center top;min-height:0;transform:none}}@media(max-width:600px){.page-heading:has(.hero-cats){width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;padding-top:14px}.page-heading:has(.hero-cats)>div:first-child{padding:0 20px}.hero-cats{width:100%;margin-top:12px}.masthead{gap:8px}.masthead>.version{font-size:11px}.masthead>.version span{font-size:8px}}
@media(max-width:760px){.masthead>.mobile-menu-toggle{margin-left:auto}}
.footer-copyright{margin:28px 0 0;padding-top:18px;border-top:1px solid #596c834d;text-align:center;font-size:12px;color:#b9c8d7;letter-spacing:.03em}
main[data-page=home] .page-heading>div:first-child{text-align:center}main[data-page=home] .page-heading h1{text-align:center;max-width:none}.hero-title-line{display:block;white-space:nowrap}@media(max-width:760px){main[data-page=home] .page-heading h1{font-size:clamp(24px,6.2vw,36px);line-height:1.65;letter-spacing:0}}
@media(min-width:761px){main[data-page=home] .page-heading:has(.hero-cats){position:relative;left:50%;width:100vw;max-width:none;margin-left:-50vw;margin-right:0;padding:48px max(4vw,28px);min-height:clamp(400px,34vw,620px);display:flex;align-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 76% 50%,#264a6b4d,transparent 64%)}main[data-page=home] .page-heading>div:first-child{width:55%;padding:0 20px 0 0;z-index:2}main[data-page=home] .page-heading h1{font-size:clamp(29px,3.25vw,60px);line-height:1.65;margin-inline:0;letter-spacing:0}main[data-page=home] .page-heading .eyebrow{font-size:clamp(9px,.8vw,13px)}main[data-page=home] .hero-cats{position:absolute;inset:0 0 0 auto;width:57%;height:100%;margin:0;aspect-ratio:auto;overflow:hidden;z-index:1}main[data-page=home] .hero-art{inset:0;mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(180deg,transparent 0%,#000 10%,#000 92%,transparent 100%);mask-composite:intersect}main[data-page=home] .hero-art img{position:absolute;right:0;top:0;width:100%;height:107%;min-height:0;object-fit:contain;object-position:right top;transform:none;filter:none}}
html{container-type:inline-size}@media(min-width:761px){main[data-page=home] .page-heading:has(.hero-cats){width:100cqw;margin-left:-50cqw;min-height:clamp(430px,37vw,640px)}main[data-page=home] .hero-art{mask-image:none}main[data-page=home] .hero-art img{width:auto;max-width:none;height:107%;object-fit:fill;mask-image:linear-gradient(90deg,transparent 0%,#000 20%),linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}}
/* Unified full-width hero: title overlays the shared night sky. */
@media(min-width:761px){main[data-page=home] .page-heading:has(.hero-cats){display:block;height:clamp(620px,58vw,920px);min-height:0;padding:0;background:radial-gradient(ellipse at 50% 70%,#304b664d,transparent 66%),#071629}main[data-page=home] .page-heading>div:first-child{position:absolute;top:32px;left:0;width:100%;padding:0 24px;z-index:3;text-align:center}main[data-page=home] .page-heading h1{font-size:clamp(30px,3.4vw,60px);line-height:1.4;margin:9px 0 0;text-shadow:0 2px 22px #020a16}main[data-page=home] .page-heading .eyebrow{font-size:10px;letter-spacing:.22em}main[data-page=home] .hero-cats{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:1}main[data-page=home] .hero-art{inset:0;overflow:hidden;mask-image:none}main[data-page=home] .hero-art img{position:absolute;top:0;left:0;right:auto;width:100%;height:100%;max-width:none;min-height:0;object-fit:cover;object-position:center 32%;transform:none;mask-image:linear-gradient(180deg,transparent 0%,#000 32%,#000 94%,transparent 100%);mask-composite:add}main[data-page=home] .page-heading:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#071629 0%,#071629eb 15%,#07162960 29%,transparent 43%,transparent 93%,#071629 100%)}}
@media(max-width:760px){main[data-page=home] .page-heading:has(.hero-cats){position:relative;display:block;height:auto;aspect-ratio:390/500;padding:0;min-height:0;background:#071629}main[data-page=home] .page-heading>div:first-child{position:absolute;top:18px;left:0;width:100%;padding:0 16px;z-index:3}main[data-page=home] .page-heading h1{font-size:clamp(23px,6.2vw,36px);line-height:1.45;margin-top:8px;text-shadow:0 2px 15px #020a16}main[data-page=home] .page-heading .eyebrow{font-size:8px;letter-spacing:.14em}main[data-page=home] .hero-cats{position:absolute;inset:0;width:100%;height:100%;margin:0;aspect-ratio:auto;z-index:1}main[data-page=home] .hero-art{inset:0;mask-image:none}main[data-page=home] .hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;min-height:0;transform:none;mask-image:linear-gradient(180deg,transparent 0%,#000 29%,#000 94%,transparent 100%)}main[data-page=home] .page-heading:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#071629 0%,#071629e8 13%,#07162950 28%,transparent 40%,transparent 94%,#071629 100%)}}
main[data-page=home] .page-heading:has(.unified-cats){background:radial-gradient(ellipse at 50% 78%,#36567555,transparent 74%),#071629}main[data-page=home] .unified-cats{inset:0;mask-image:none}main[data-page=home] .unified-cats img{position:absolute;inset:auto;top:auto;max-width:none;min-height:0;width:61%;height:calc(100% - 140px);object-fit:contain;object-position:center bottom;mask-image:linear-gradient(180deg,#000 89%,transparent 100%);transform:none;filter:drop-shadow(0 0 30px #c9ac6915)}main[data-page=home] .unified-cats .unified-michi{left:-1%;bottom:3%;z-index:1}main[data-page=home] .unified-cats .unified-shirube{right:-1%;bottom:-2%;z-index:2}.hero-orbit{position:absolute;left:16%;right:16%;top:20%;height:65%;border:1px solid #d5b57444;border-radius:50%;box-shadow:0 0 60px #d7b6750c;transform:rotate(-9deg)}main[data-page=home] .page-heading:has(.unified-cats):after{background:linear-gradient(180deg,#071629 0%,#071629cc 8%,transparent 23%,transparent 94%,#071629 100%)}@media(min-width:761px){main[data-page=home] .page-heading:has(.unified-cats){height:clamp(660px,55vw,940px)}main[data-page=home] .page-heading:has(.unified-cats)>div:first-child{top:24px}}@media(max-width:760px){main[data-page=home] .page-heading:has(.unified-cats){aspect-ratio:390/470}main[data-page=home] .unified-cats img{height:calc(100% - 115px);width:72%}main[data-page=home] .unified-cats .unified-michi{left:-10%;bottom:4%}main[data-page=home] .unified-cats .unified-shirube{right:-10%;bottom:0}.hero-orbit{left:6%;right:6%;top:29%;height:58%}}
/* Restore the approved paired artwork; use separate responsive image files. */
main[data-page=home] .restored-art{inset:0;mask-image:none;overflow:hidden}main[data-page=home] .restored-art picture{display:block;position:absolute;inset:0;overflow:hidden}main[data-page=home] .restored-art img{position:absolute;left:0;right:auto;top:0;bottom:auto;max-width:none;min-height:0;transform:none;filter:none;mask-image:none;object-position:center top}
@media(max-width:760px){main[data-page=home] .page-heading:has(.restored-art){position:relative;display:flex;flex-direction:column;height:auto;min-height:0;aspect-ratio:auto;padding:14px 0 0;background:transparent}main[data-page=home] .page-heading:has(.restored-art)>div:first-child{position:relative;top:auto;left:auto;width:100%;padding:0 20px;z-index:2}main[data-page=home] .page-heading:has(.restored-art) h1{font-size:clamp(24px,6.2vw,36px);line-height:1.65;margin:9px 0 5px}main[data-page=home] .page-heading:has(.restored-art) .eyebrow{font-size:8px}main[data-page=home] .page-heading:has(.restored-art):after{display:none}main[data-page=home] .hero-cats:has(.restored-art){position:relative;inset:auto;width:100%;height:auto;aspect-ratio:498/420;margin-top:12px;z-index:1}main[data-page=home] .restored-art img{width:100%;height:107%;object-fit:contain;mask-image:linear-gradient(180deg,transparent,#000 9%)} }
@media(min-width:761px){main[data-page=home] .page-heading:has(.restored-art){display:block;height:clamp(760px,73vw,1200px);min-height:0;padding:0;background:radial-gradient(ellipse at 50% 72%,#213a54,transparent 75%),#071629}main[data-page=home] .page-heading:has(.restored-art)>div:first-child{position:absolute;top:22px;left:0;width:100%;padding:0 24px;z-index:3}main[data-page=home] .page-heading:has(.restored-art) h1{font-size:clamp(30px,3.4vw,60px);line-height:1.4;margin:8px 0 0}main[data-page=home] .page-heading:has(.restored-art):after{display:none}main[data-page=home] .hero-cats:has(.restored-art){position:absolute;inset:0;width:100%;height:100%;z-index:1;margin:0}main[data-page=home] .restored-art picture{inset:150px 0 0}main[data-page=home] .restored-art img{height:107%;width:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 95%,transparent);mask-composite:intersect} }

@media(max-width:760px){.masthead>.mobile-menu-toggle,.drawer-close{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle svg,.drawer-close svg{width:28px;height:28px;flex-shrink:0;stroke-width:2.5}}
/* Device-specific original mobile art and expanded desktop sky, seamless edges. */
main[data-page=home] .page-heading:has(.restored-art){background:transparent}main[data-page=home] .restored-art picture{mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 91%,transparent 100%);mask-composite:intersect}main[data-page=home] .restored-art img{mask-image:none}
@media(min-width:761px){main[data-page=home] .page-heading:has(.restored-art){height:auto;min-height:0;aspect-ratio:1672/940;background:transparent}main[data-page=home] .restored-art picture{inset:0;mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-composite:intersect}main[data-page=home] .restored-art img{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none}main[data-page=home] .page-heading:has(.restored-art)>div:first-child{top:clamp(18px,1.8vw,36px)}main[data-page=home] .page-heading:has(.restored-art) h1{font-size:clamp(27px,3vw,54px);line-height:1.35}main[data-page=home] .page-heading:has(.restored-art) .eyebrow{font-size:9px}}
@media(max-width:760px){main[data-page=home] .page-heading:has(.restored-art){background:transparent}main[data-page=home] .restored-art picture{inset:0;mask-image:linear-gradient(90deg,transparent 0%,#000 3%,#000 97%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 9%,#000 90%,transparent 100%);mask-composite:intersect}main[data-page=home] .restored-art img{width:100%;height:107%;object-fit:contain;object-position:center top;mask-image:none}}

main[data-page=home] .home-card-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;height:48px;min-height:48px;padding:10px 18px;border:1px solid #63778a;border-radius:8px;background:#0b2139;color:var(--ink);font-family:inherit;font-size:14px;font-weight:650;line-height:1.5;white-space:nowrap}main[data-page=home] .home-card-action svg{width:16px;height:16px;flex-shrink:0;stroke-width:2}main[data-page=home] .home-compare{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:18px;row-gap:18px}main[data-page=home] .home-compare>.home-card-action{grid-column:1 / -1;justify-self:start;margin-left:0;margin-right:0}
/* Guide: reading card after all five chapters. */
.note-magazine-card{margin-top:24px;padding:clamp(20px,3vw,32px)}
.note-magazine-label{display:flex;align-items:center;gap:9px;color:var(--gold,#d7b86d);font-size:13px;font-weight:600;line-height:1.6}
.note-magazine-card h2{margin:18px 0 12px;font-size:clamp(22px,3vw,30px);line-height:1.5}
.note-magazine-card>p{margin:0 0 20px;line-height:1.85}
.note-magazine-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 16px;border:1px solid var(--gold,#d7b86d);border-radius:12px;color:var(--cream,#f3eddb);text-decoration:none;font-size:14px;font-weight:600;line-height:1.6}
.note-magazine-link:hover{background:rgba(215,184,109,.08)}
.note-magazine-link:focus-visible{outline:2px solid var(--gold,#d7b86d);outline-offset:4px}