/* November homepage refinement. Scoped to the homepage and its two rooms. */
.homepage-pass .hero-hint{font-size:12px;line-height:1.6;color:var(--text-secondary);margin:12px 0 0}
.homepage-pass .systems-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}
.homepage-pass .systems-heading h2{font:400 clamp(42px,5vw,70px)/1.12 var(--font-display);margin:0}
.homepage-pass .systems-heading p{max-width:56ch;color:var(--text-secondary)}
.homepage-pass .systems-heading .section-lede{font-size:clamp(22px,2.3vw,30px);line-height:1.3;color:var(--text-primary);margin:0 0 18px;font-weight:600}
.homepage-pass .capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}
.homepage-pass .capability-grid article{border-top:3px solid var(--brand-accent);padding-top:22px;display:flex;flex-direction:column;align-items:start}
.homepage-pass .capability-grid h3{font-size:22px;line-height:1.3;margin:16px 0 12px}
.homepage-pass .capability-grid p{font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0 0 15px}
.homepage-pass .capability-grid .text-link{margin-top:auto}
.homepage-pass .text-link{display:inline-flex;align-items:center;min-height:44px;padding:9px 0;line-height:1.55;text-underline-offset:5px}
.homepage-pass .creative-preview{display:grid;grid-template-columns:.65fr 1.35fr;gap:64px;align-items:center;padding-block:56px;border-bottom:1px solid var(--border-subtle)}
.homepage-pass .creative-preview h2{font:400 clamp(36px,4.5vw,62px)/1.12 var(--font-display);margin:15px 0 24px}
.homepage-pass .creative-preview p:not(.kicker){max-width:60ch;color:var(--text-secondary)}
.curiosity-mark{border:1px solid var(--border-strong);padding:25px;background:var(--surface-recessed);max-width:300px;transform:rotate(-2deg)}
.curiosity-mark>span,.curiosity-mark small{display:block;font:11px/1.6 var(--font-mono);letter-spacing:.08em}
.curiosity-mark b{display:block;font:400 clamp(64px,8vw,106px)/1.1 var(--font-display);margin:24px 0;color:var(--text-primary)}
.curiosity-mark b span{color:var(--brand-accent)}
.homepage-pass .approach-heading>div p{color:var(--text-secondary);max-width:56ch}
.homepage-pass .approach-heading{margin-bottom:0}
.homepage-pass :focus-visible{outline-color:var(--brand-focus)}
.homepage-pass .workbench :focus-visible,.homepage-pass .concept-footer :focus-visible{outline-color:var(--brand-lime)}
.homepage-pass .room-intro{padding-block:32px 50px;border-bottom:1px solid var(--border-subtle)}
.room-intro>.kicker{margin-top:32px}
.homepage-pass .room-intro h1{font:400 clamp(42px,6.2vw,88px)/1.13 var(--font-display);letter-spacing:-.02em;margin:24px 0}
.room-intro h1 span{color:var(--brand-accent)}
.room-intro p{max-width:70ch;color:var(--text-secondary)}
.homepage-pass .room-intro .room-lede{font-size:clamp(20px,2vw,27px);line-height:1.5;color:var(--text-primary);max-width:48ch}
.homepage-pass .room-experiments,.homepage-pass .method-room,.homepage-pass .method-evidence{padding-block:44px}
.room-page h2{font:400 clamp(30px,3.2vw,46px)/1.2 var(--font-display);margin:0 0 24px}
.homepage-pass .room-experiments .experiments{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;margin-top:30px}
.homepage-pass .room-experiments .experiments article{background:var(--surface-recessed);border:1px solid var(--border-subtle);padding:28px;min-width:0}
.homepage-pass .room-experiments .experiments article strong{font:400 28px/1.25 var(--font-display);display:block;color:var(--text-primary)}
.homepage-pass .room-experiments .experiments article p{font-size:15px;color:var(--text-secondary)}
.homepage-pass .room-experiments .experiments article>a{display:block;width:fit-content;max-width:100%;color:var(--text-primary);font-size:14px;line-height:1.6;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.homepage-pass .room-experiments .experiments article>a:focus-visible{outline-color:var(--brand-focus)}
.room-note{font-size:14px;color:var(--text-secondary);max-width:80ch;margin-top:28px}
.homepage-pass .visual-study{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;padding-block:44px 64px;border-top:1px solid var(--border-subtle)}
.visual-study figure{margin:0;max-width:330px}.visual-study svg{width:100%;height:auto;display:block}.visual-study figcaption{font:11px/1.6 var(--font-mono);margin-top:16px}.visual-study p{color:var(--text-secondary);max-width:54ch}
.method-steps{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;counter-reset:none}
.method-steps li{display:flex;gap:20px;border-top:1px solid var(--border-strong);padding-top:24px}
.step-number{font:24px/1.4 var(--font-mono);color:var(--brand-accent)}
.method-steps h3{font-size:23px;line-height:1.3;margin:0 0 12px}.method-steps p{font-size:15px;color:var(--text-secondary);line-height:1.75;margin:0}
.method-evidence{border-top:1px solid var(--border-subtle);max-width:900px}.method-evidence>p{max-width:72ch;color:var(--text-secondary)}.evidence-links{display:grid;margin-block:20px}
@media(max-width:700px){
 .homepage-pass .shop-header{flex-wrap:wrap;gap:14px}.homepage-pass .shop-header nav{max-width:none;width:100%;justify-content:space-between;gap:4px 10px}.homepage-pass .shop-header nav>a{font-size:11px;min-height:44px}.homepage-pass .shop-header nav .nav-cta{order:0}.homepage-pass .shop-header .theme-toggle{width:44px;height:44px;min-width:44px}
 .homepage-pass .systems-heading,.homepage-pass .capability-grid,.homepage-pass .creative-preview,.homepage-pass .visual-study,.homepage-pass .method-steps,.homepage-pass .room-experiments .experiments{grid-template-columns:1fr;gap:26px}
 .homepage-pass .creative-preview{padding-block:38px}.curiosity-mark{max-width:none;transform:none;padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.curiosity-mark b{font-size:60px;grid-column:2;grid-row:1/3;margin:0}.curiosity-mark small{max-width:150px}
 .homepage-pass .room-intro{padding-block:20px 32px}.homepage-pass .room-intro h1{font-size:clamp(38px,9.4vw,64px)}.homepage-pass .room-experiments,.homepage-pass .method-room,.homepage-pass .method-evidence{padding-block:32px}.homepage-pass .room-experiments .experiments article{padding:22px}.homepage-pass .visual-study{padding-block:32px}.visual-study figure{max-width:260px;margin:auto}.method-steps li{gap:14px}
}
