/* Studio direction v2: continuous scene, editorial type, tactile controls. */
:root { --bg:#111516; --ink:#f0ece3; --muted:#a6aca8; --amber:#e6a36d; --line:#ffffff20; }
.wrap { width:min(1280px,calc(100% - 112px)); }
.header { height:108px; position:relative; z-index:2; border-color:#ffffff12; }
.brand { gap:14px; font-size:17px; letter-spacing:.04em; line-height:1.13; }
.brand img { width:76px; height:76px; }
.header nav { gap:32px; margin-left:auto; margin-right:62px; font-size:12px; }
.header-enquire { display:inline-flex; align-items:center; gap:24px; font-size:12px; border:1px solid #ffffff29; border-radius:7px; padding:12px 15px; box-shadow:inset 0 1px #ffffff0b; }
.header-enquire span { font-size:18px; color:var(--amber); }
.header-enquire:hover { border-color:var(--amber); }
.hero { display:block; min-height:670px; height:calc(100svh - 108px); max-height:840px; padding:0; isolation:isolate; overflow:hidden; }
.hero-scene { position:absolute; inset:0; z-index:-2; }
.hero-scene img { width:100%; height:100%; object-fit:cover; object-position:center 47%; }
.hero::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#111516e8 0%,#111516b0 30%,#11151600 62%),linear-gradient(0deg,#111516 0%,transparent 22%,transparent 80%,#1115167a); pointer-events:none; }
.hero-content { position:relative; height:100%; display:flex; align-items:center; padding-bottom:88px; }
.hero-copy { position:relative; width:56%; padding:0; }
.hero .eyebrow { font-size:9px; letter-spacing:.14em; margin-bottom:30px; display:flex; align-items:center; gap:12px; }
.hero .eyebrow>span { display:inline-block; width:25px; height:1px; background:var(--amber); }
h1 { font-size:clamp(56px,5.8vw,88px); line-height:1.05; letter-spacing:-.05em; }
h1 em { display:block; margin-top:3px; white-space:nowrap; }
.intro { max-width:365px; margin-top:30px; font-size:15px; line-height:1.7; color:#e0e0d8; }
.intro.second { max-width:380px; margin-top:12px; font-size:13px; color:var(--muted); line-height:1.8; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:30px; }
.button { margin:0; min-height:58px; padding:8px 9px 8px 21px; border:1px solid #f4bf9152; border-radius:7px; background:linear-gradient(160deg,#edb383,#d88e56); color:#201d18; box-shadow:inset 0 1px #ffe8ce8c,0 8px 25px #0003; font-size:12px; font-weight:600; gap:25px; transition:background .2s,box-shadow .2s; }
.button:hover { transform:none; background:linear-gradient(160deg,#f5c297,#e9a46e); box-shadow:inset 0 1px #ffe8ce,0 9px 30px #0004; }
.button:active { box-shadow:inset 0 2px 4px #73361144; }
.button .action-well { display:grid; place-items:center; height:37px; width:37px; background:#fff3; border-radius:5px; border:1px solid #fff2; font:22px var(--sans); box-shadow:inset 0 1px #fff4; color:inherit; }
.text-action { font-size:12px; display:inline-flex; align-items:center; gap:15px; min-height:48px; }
.text-action span { color:var(--amber); font-size:18px; }
.text-action:hover { color:var(--amber); }
.availability { margin-top:21px; font-size:9px; color:#9a9f99; display:flex; gap:8px; align-items:center; letter-spacing:.02em; }
.availability i { width:4px; height:4px; border-radius:50%; background:var(--amber); }
.hero-foot { left:0; right:0; bottom:23px; font-size:9px; letter-spacing:.04em; padding-top:19px; }
.hero-foot a { font-size:9px; letter-spacing:.02em; }
.hero-foot a span { margin-left:35px; font-size:16px; }
.idea { padding-block:94px 88px; background:#e9e4da; }
.idea-grid { grid-template-columns:1fr 2.45fr; gap:80px; }
.idea .eyebrow { display:flex; align-items:center; gap:14px; font-size:10px; letter-spacing:.08em; color:#665e51; }
.section-rule { width:25px; height:1px; background:#9b8165; }
.idea h2 { font-size:clamp(34px,3.4vw,50px); line-height:1.12; letter-spacing:-.04em; }
.idea h2 em { color:#8b5c36; }
.idea-copy { margin-top:30px; gap:42px; font-size:13px; line-height:1.9; color:#5e6059; }
.property-section { padding-block:88px 55px; scroll-margin-top:36px; }
.property-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:37px; }
.property-heading .eyebrow { margin-bottom:15px; font-size:9px; }
.property-heading h2 { font:400 53px/1.1 var(--serif); letter-spacing:-.04em; }
.property-heading>p { color:var(--muted); font-size:12px; line-height:1.8; }
.property-browser { display:grid; grid-template-columns:.95fr 1.35fr; border:1px solid #c9b6a22e; border-radius:12px; overflow:hidden; background:#181c1d; box-shadow:0 22px 60px #0003,inset 0 1px #ffffff07; }
.topic-rail { padding:18px; background:linear-gradient(115deg,#272a29,#1b2020); border-right:1px solid #ffffff12; display:flex; flex-direction:column; gap:5px; }
.topic-choice { display:flex; align-items:center; gap:20px; padding:23px 18px; min-height:106px; border-radius:6px; border:1px solid transparent; color:#c3c7c1; transition:background .2s,border-color .2s; font-size:14px; }
.topic-index { font:italic 16px var(--serif); color:#7e8781; }
.topic-choice small { display:block; margin-top:8px; font-size:10px; line-height:1.5; color:#929c95; }
.topic-arrow { margin-left:auto; color:#9b9e96; font-size:20px; }
.topic-choice:hover { background:#ffffff04; }
.topic-choice[aria-selected="true"] { background:linear-gradient(140deg,#41413a,#2d312e); border-color:#c9b6a236; color:#f2e6d6; box-shadow:0 6px 15px #0002,inset 0 1px #fff1; }
.topic-choice[aria-selected="true"] .topic-index,.topic-choice[aria-selected="true"] .topic-arrow { color:var(--amber); }
.topic-choice[aria-selected="true"] small { color:#b8b9ad; }
.topic-choice:focus-visible { outline-offset:-3px; }
.topic-panel { padding:34px 43px 30px; min-height:378px; background:radial-gradient(ellipse at 100% 0%,#9d704214,transparent 70%); }
.topic-panel[hidden] { display:none; }
.topic-panel + .topic-panel { border-top:1px solid var(--line); }
.is-enhanced .topic-panel + .topic-panel { border-top:0; }
.panel-label { font-size:8px; text-transform:uppercase; letter-spacing:.12em; color:#a2aaa3; display:flex; justify-content:space-between; margin-bottom:26px; }
.panel-label span { color:#818b83; }
.topic-panel h3 { font:400 clamp(27px,2.7vw,38px)/1.13 var(--serif); letter-spacing:-.035em; }
.topic-panel>p:not(.panel-label) { margin-top:19px; font-size:12px; line-height:1.8; color:#a8b0a8; max-width:410px; }
.official-link { display:flex; align-items:center; justify-content:space-between; max-width:410px; padding:17px 0 14px; border-bottom:1px solid #e6a36d66; color:#ead2bc; font-size:11px; margin-top:12px; }
.official-link span { font-size:20px; }
.official-link:hover { color:var(--amber); }
.topic-updates { display:inline-flex; align-items:center; gap:20px; min-height:44px; margin-top:6px; font-size:10px; color:#b0b7b0; }
.topic-updates:hover { color:var(--amber); }
.resource-note { display:flex; justify-content:space-between; gap:24px; padding-block:24px; font-size:10px; line-height:1.7; color:#929d94; }
.resource-note a { color:#c2c9c0; }
.resource-note a span { margin-left:12px; color:var(--amber); }
.waitlist { padding-block:80px 70px; gap:100px; }
.waitlist .eyebrow { font-size:9px; margin-bottom:24px; }
.waitlist .waitlist-form { padding:30px; border:1px solid #ffffff1d; border-radius:10px; background:linear-gradient(140deg,#232828,#191e1e); box-shadow:0 20px 50px #0002,inset 0 1px #ffffff06; }
.waitlist .waitlist-form input,.waitlist .waitlist-form select,.waitlist .waitlist-form textarea { border:1px solid #ffffff24; border-radius:5px; background:#0e131455; box-shadow:inset 0 2px 5px #0002; padding:11px 12px; margin-top:9px; font-size:14px; }
.waitlist .form-submit .button { background:linear-gradient(160deg,#edb383,#d88e56); color:#201d18; border:1px solid #f4bf9152; border-radius:6px; padding:13px 17px; min-height:49px; gap:32px; }
.waitlist .form-submit .link-icon { width:10px; height:10px; }
.link-icon { width:12px; height:12px; fill:currentColor; flex:none; vertical-align:middle; }
.external-icon { width:14px; height:14px; }
.down-icon { transform:rotate(90deg); }
.up-icon { transform:rotate(-90deg); margin-left:15px; }
.footer { padding-block:32px; }
.skip { z-index:10; clip-path:inset(50%); width:1px; height:1px; padding:0; overflow:hidden; }
.skip:focus { clip-path:none; width:auto; height:auto; padding:16px; overflow:visible; }
@media(min-width:1600px) { .hero { min-height:760px; } }
@media(max-width:1100px) and (min-width:721px) { .wrap { width:calc(100% - 72px); }.header nav { margin-right:30px; gap:22px; }.hero { min-height:650px; }.hero-copy { width:61%; }h1 { font-size:clamp(48px,5.8vw,64px); }.hero-scene img { object-position:54% center; }.hero-caption { width:40%; font-size:20px; }.idea-grid { gap:35px; grid-template-columns:1fr 2.9fr; }.topic-choice { padding:23px 12px; gap:12px; font-size:12px; }.topic-panel { padding:30px; }.waitlist { gap:50px; } }
@media(max-width:720px) {
  .wrap { width:calc(100% - 40px); }.header { height:94px; }.brand { font-size:14px; gap:9px; }.brand img { width:63px; height:63px; }.header-enquire { border:0; padding:10px 0; font-size:10px; gap:10px; }.header-enquire span { font-size:17px; }
  .hero { min-height:0; height:auto; max-height:none; padding:0; }.hero-content { display:block; padding-top:30px; padding-bottom:380px; }.hero-copy { width:100%; }.hero .eyebrow { font-size:7px; letter-spacing:.1em; gap:8px; margin-bottom:24px; }.hero .eyebrow>span { width:18px; }h1 { font-size:clamp(38px,10vw,67px); line-height:1.08; }h1 em { margin-top:1px; }.intro { font-size:13px; max-width:310px; line-height:1.7; margin-top:22px; }.intro.second { font-size:12px; line-height:1.8; margin-top:11px; max-width:320px; }.hero-actions { gap:20px; margin-top:25px; }.button { min-height:54px; padding:7px 8px 7px 15px; gap:20px; font-size:11px; }.button .action-well { width:32px; height:35px; font-size:20px; }.text-action { font-size:10px; gap:9px; }.availability { font-size:8px; margin-top:17px; }
  .hero-scene { inset:auto 0 25px; height:360px; }.hero-scene img { height:100%; width:100%; object-fit:cover; object-position:86% center; }.hero::before { background:linear-gradient(0deg,#111516 0,transparent 130px,transparent 305px,#111516 365px); }.hero-caption { width:auto; left:0; right:0; bottom:58px; font-size:21px; }.hero-foot { bottom:17px; font-size:8px; padding-top:14px; }.hero-foot a { font-size:8px; }.hero-foot a span { margin-left:10px; font-size:14px; }
  .idea { padding-block:55px; }.idea-grid { grid-template-columns:1fr; gap:0; }.idea .eyebrow { font-size:9px; margin-bottom:24px; }.idea h2 { font-size:34px; line-height:1.15; }.idea h2 br { display:block; }.idea-copy { grid-template-columns:1fr; margin-top:24px; gap:16px; font-size:12px; line-height:1.85; }
  .property-section { padding-block:53px 26px; }.property-heading { display:block; margin-bottom:25px; }.property-heading .eyebrow { font-size:8px; margin-bottom:13px; }.property-heading h2 { font-size:41px; }.property-heading>p { font-size:11px; margin-top:17px; }.property-browser { grid-template-columns:1fr; border-radius:9px; }.topic-rail { border-right:0; border-bottom:1px solid #ffffff12; padding:10px; gap:3px; }.topic-choice { min-height:71px; padding:14px 12px; gap:14px; font-size:12px; }.topic-choice small { margin-top:5px; font-size:9px; }.topic-index { font-size:14px; }.topic-panel { padding:25px 23px 22px; min-height:350px; }.panel-label { margin-bottom:24px; font-size:7px; }.topic-panel h3 { font-size:30px; }.topic-panel>p:not(.panel-label) { font-size:11px; }.official-link { font-size:10px; }.topic-updates { font-size:9px; }.resource-note { display:block; padding-block:21px; font-size:9px; }.resource-note a { display:block; padding-top:13px; }.resource-note a span { margin-left:5px; }
  .waitlist { padding-block:50px 30px; gap:28px; }.waitlist .waitlist-form { padding:23px 20px; }.waitlist h2 { font-size:44px; }.waitlist .waitlist-form .form-row { grid-template-columns:1fr; gap:0; }.footer { padding-block:26px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
/* Reserve a separate reading area below the studio object. */
@media(min-width:721px) {
  .hero-scene { bottom:138px; }
  .hero-scene img { object-fit:contain; object-position:right center; }
  .hero-caption { bottom:84px; right:3%; }
}
.hero-scene::after { content:''; position:absolute; inset:auto 0 -1px; height:70px; background:linear-gradient(transparent,var(--bg)); pointer-events:none; }
.header-enquire>.link-icon { color:var(--amber); width:10px; height:10px; }
.button .action-well .link-icon { width:12px; height:12px; }
.topic-arrow .link-icon { width:10px; height:10px; }
.text-action .link-icon,.topic-updates .link-icon { color:var(--amber); width:9px; height:9px; }
.hero-foot .link-icon { margin-left:20px; color:var(--amber); width:9px; height:9px; }
.official-link .link-icon { color:var(--amber); }
.resource-note .link-icon { width:10px; height:10px; margin-left:5px; }
@media(max-width:720px) { .hero-scene { bottom:110px; height:300px; } }
@media(max-width:720px) {
  .hero::before { background:none; }
  .hero-scene::after { height:28px; }
}
@media(max-width:720px) {
  .hero-content { padding-bottom:430px; }
  .hero-scene::before { content:''; position:absolute; inset:0 0 auto; height:22px; background:linear-gradient(var(--bg),transparent); }
}
.hero { position:relative; }
/* Reviewed Veo frames share the still's layout. Canvas stays under live copy. */
.hero-scene picture { display:block; width:100%; height:100%; }
.wig-sequence { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.sequence-ready picture { opacity:0; }
.hero-scene::before,.hero-scene::after { z-index:1; pointer-events:none; }
@media(prefers-reduced-motion:reduce) { .wig-sequence { display:none; }.sequence-ready picture { opacity:1; } }
/* Owner review: original logo export and direct property-topic language. */
.gavel-interlude { position:relative; background:#101112; overflow:hidden; }
.gavel-interlude::before,.gavel-interlude::after { content:''; position:absolute; left:0; right:0; height:90px; z-index:1; pointer-events:none; }
.gavel-interlude::before { top:0; background:linear-gradient(var(--bg),transparent); }
.gavel-interlude::after { bottom:0; background:linear-gradient(transparent,var(--bg)); }
.gavel-stage { position:relative; width:min(747px,100%); aspect-ratio:4/3; margin-inline:auto; }
.gavel-stage picture { display:block; width:100%; height:100%; }
.gavel-stage img { display:block; width:100%; height:100%; object-fit:contain; }
.gavel-stage picture,.gavel-sequence { mask-image:linear-gradient(90deg,transparent,#000 10%,#000 94%,transparent); }
.gavel-sequence { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.gavel-stage.sequence-ready picture { opacity:0; }
.gavel-interlude+.property-section { padding-top:38px; }
@media(max-width:720px) { .gavel-interlude::before,.gavel-interlude::after { height:50px; }.gavel-interlude+.property-section { padding-top:20px; } }
@media(prefers-reduced-motion:reduce) { .gavel-sequence { display:none; }.gavel-stage.sequence-ready picture { opacity:1; } }
.brand img { width:88px; height:88px; filter:brightness(1.24) contrast(1.06); }
.brand { font-size:18px; }
.topic-choice[aria-selected="true"] { box-shadow:inset 2px 0 #dda16d,0 6px 15px #0002,inset 0 1px #fff1; }
.property-heading>p { max-width:245px; }
.idea-copy { grid-template-columns:1fr 1fr; }
.idea .eyebrow { align-self:start; padding-top:8px; }
@media(max-width:720px) { .brand img { width:70px; height:70px; }.brand { font-size:14px; }.idea-copy { grid-template-columns:1fr; }.idea .eyebrow { padding-top:0; }.property-heading h2 { font-size:39px; } }

/* Educational scope and owner story: 26 October review. */
.education-note { max-width:380px; margin-top:17px; padding-left:12px; border-left:1px solid var(--amber); color:#d8d2c8; font-size:11px; line-height:1.7; }
.topic-panel .topic-sources { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:13px; font-size:10px; }
.topic-sources a { text-decoration:underline; text-underline-offset:4px; }
.topic-sources a:hover { color:var(--amber); }
.idea .eyebrow { flex-wrap:wrap; }
@media(max-width:720px) { .education-note { font-size:10px; max-width:320px; }.topic-panel .topic-sources { font-size:9px; } }

.waitlist .waitlist-form .signup-consent { display:grid; grid-template-columns:18px 1fr; gap:12px; align-items:start; font-size:11px; line-height:1.75; letter-spacing:0; }
.waitlist .waitlist-form input[type="checkbox"] { appearance:auto; width:18px; height:18px; margin:2px 0 0; padding:0; accent-color:var(--amber); box-shadow:none; border:0; }
.waitlist .waitlist-form .waitlist-privacy { margin-top:20px; }

/* 26 October: shared alignment, section rhythm and the original brand in the footer. */
:root { --section-heading:clamp(36px,4.2vw,54px); --section-gap:clamp(48px,6.5vw,88px); }
.idea h2,.property-heading h2,.waitlist h2 { font:400 var(--section-heading)/1.12 var(--serif); letter-spacing:-.04em; }
.idea-grid { grid-template-columns:minmax(0,1fr) minmax(0,2.45fr); }
.idea-copy { gap:32px; }
.idea-grid>*,.idea-copy>*,.property-heading>*,.property-browser>*,.waitlist>* { min-width:0; }
.property-heading { gap:32px; }
.topic-choice>span:first-child { min-width:0; }
.panel-label { flex-wrap:wrap; gap:8px 16px; line-height:1.6; }
.official-link { gap:16px; line-height:1.65; }
.resource-note { align-items:start; gap:32px; }
.resource-note>p { max-width:420px; }
.resource-note>a { max-width:330px; }
.waitlist { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:start; padding-block:var(--section-gap) 48px; }
.waitlist .eyebrow { margin-bottom:18px; }
.waitlist-copy>p:not(.eyebrow) { max-width:390px; margin-top:24px; }
.waitlist-copy>p.waitlist-note { margin-top:16px; }
.waitlist .waitlist-form { width:100%; padding:32px; }
.waitlist .form-submit .button { width:100%; justify-content:space-between; }
.waitlist .form-submit { gap:0; }
#waitlist-status:empty { display:none; }
.page-return { padding-bottom:28px; }
.hero-foot { font-size:10px; }
.footer { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr); gap:64px; align-items:start; padding-block:28px 32px; }
.footer .footer-brand { display:flex; width:max-content; max-width:100%; font-size:18px; font-weight:650; line-height:1.13; letter-spacing:.04em; color:var(--ink); margin:0; }
.footer .footer-brand img { width:88px; height:88px; }
.footer .footer-identity>p { margin-top:12px; font-size:11px; line-height:1.8; }
.footer-content { min-width:0; padding-top:12px; }
.footer-links { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:14px 28px; }
.footer .footer-links a { display:inline-flex; align-items:center; font-size:12px; line-height:1.6; padding:0; margin:0; }
.footer-links .up-icon { width:9px; height:9px; margin-left:9px; }
.footer .footer-disclaimer { max-width:660px; margin-top:18px; font-size:11px; line-height:1.8; }
.footer details { max-width:none; margin-top:14px; padding:0; border:0; font-size:11px; }
.footer summary { font-size:11px; line-height:1.8; }
.footer details p { max-width:850px; font-size:12px; line-height:1.85; margin-top:16px; }
.footer details a { display:inline; font:inherit; margin:0; overflow-wrap:anywhere; text-decoration:underline; text-underline-offset:3px; }
@media(min-width:721px) {
  .hero-scene { bottom:84px; }
}
@media(max-width:1100px) and (min-width:721px) {
  .hero-copy { width:55%; }
  h1 { font-size:clamp(43px,5.4vw,59px); }
  .hero-actions { gap:10px 18px; }
  .intro.second,.education-note { max-width:340px; }
  .idea-grid { gap:36px; }
  .idea-copy { grid-template-columns:1fr; gap:16px; }
  .waitlist { gap:36px; }
  .waitlist .waitlist-form { padding:24px; }
  .footer { grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr); gap:36px; }
}
@media(max-width:720px) {
  .hero-content { padding-bottom:355px; }
  .hero-scene { bottom:35px; }
  .hero-foot { justify-content:flex-end; padding-top:12px; }
  .hero-foot>span { display:none; }
  .idea-grid { grid-template-columns:1fr; }
  .idea-copy { gap:16px; }
  .property-heading>p { max-width:320px; }
  .waitlist { grid-template-columns:1fr; gap:28px; padding-block:48px 32px; }
  .waitlist .waitlist-form { padding:24px; }
  .waitlist .waitlist-form input[type="email"] { font-size:16px; }
  .waitlist-copy>p:not(.eyebrow) { font-size:13px; margin-top:20px; }
  .waitlist-copy>p.waitlist-note { font-size:12px; margin-top:14px; }
  .page-return { padding-bottom:20px; }
  .footer { grid-template-columns:1fr; gap:20px; padding-block:24px; }
  .footer-content { padding-top:0; }
  .footer .footer-brand { font-size:14px; }
  .footer .footer-brand img { width:70px; height:70px; }
  .footer-links { flex-direction:row; flex-wrap:wrap; gap:12px 24px; }
}
@media(min-width:721px) and (max-width:900px) {
  .hero-copy { width:44%; }
  h1 { font-size:43px; }
  .intro.second,.education-note { max-width:100%; }
  .hero-actions { flex-direction:column; align-items:flex-start; gap:8px; margin-top:22px; }
}

/* Selected topic studies sit behind the active information panel. */
.property-browser { grid-template-columns:minmax(240px,.75fr) minmax(0,1.55fr); }
/* Stack the panels in one shared frame so switching never moves the artwork
   or changes the section height. Hidden panels remain inaccessible. */
.is-enhanced .topic-panels { display:grid; }
.is-enhanced .topic-panel { grid-area:1 / 1; }
.is-enhanced .topic-panel[hidden] { display:flex; visibility:hidden; pointer-events:none; }
.topic-panel { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; min-height:480px; padding:34px 36px 28px; background:#111516; }
.topic-art { position:absolute; inset:50% 0 auto 28%; height:480px; transform:translateY(-50%); z-index:-2; pointer-events:none; }
.topic-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.topic-panel::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,#111516 0%,#111516f5 32%,#11151699 57%,#11151612 85%),linear-gradient(0deg,#111516d9,transparent 50%); }
.topic-panel .panel-label { position:relative; color:#c3c9c3; }
.topic-panel .panel-label span { color:#b2b8b1; }
.topic-panel h3 { max-width:330px; width:58%; min-height:2.26em; }
.topic-panel>p:not(.panel-label),.topic-panel .official-link { max-width:330px; width:58%; }
.topic-panel>p:not(.panel-label) { color:#c6cdc6; }
.topic-panel .official-link { color:#f0d4b9; }
.topic-panel .topic-updates { color:#c3cac1; margin-top:auto; padding-top:12px; }
.topic-panel>p:first-of-type { min-height:5.4em; }
.topic-panel .official-link { min-height:62px; }
@media(min-width:721px) and (max-width:1000px) {
  .property-browser { grid-template-columns:1fr; }
  .topic-rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-right:0; border-bottom:1px solid #ffffff12; padding:12px; gap:6px; }
  .topic-choice { min-height:112px; padding:16px 12px; gap:8px; }
  .topic-choice small { font-size:10px; }
}
@media(max-width:720px) {
  .property-browser { grid-template-columns:1fr; }
  .topic-panel { padding:250px 24px 26px; min-height:0; }
  .topic-art { inset:0 0 auto; height:270px; transform:none; }
  .topic-art img { object-fit:contain; object-position:center; }
  .topic-panel::before { background:linear-gradient(180deg,transparent 170px,#111516 270px); }
  .topic-panel h3,.topic-panel>p:not(.panel-label),.topic-panel .official-link { max-width:none; width:100%; }
  .topic-panel>p:not(.panel-label) { font-size:12px; }
}

/* Final reading pass: useful links stay legible at compact widths. */
.hero-foot { justify-content:flex-end; }
.topic-choice small { font-size:11px; line-height:1.6; }
.topic-panel .panel-label { font-size:9px; letter-spacing:.1em; }
.topic-panel .official-link { font-size:12px; }
.topic-panel .topic-sources { font-size:11px; gap:8px 18px; }
.topic-panel .topic-sources a { display:inline-flex; align-items:center; min-height:28px; }
.topic-panel .topic-updates { font-size:11px; }
.resource-note { font-size:11px; }
.availability { font-size:10px; }
.waitlist .waitlist-form .signup-consent { font-size:12px; }
.waitlist .waitlist-privacy { font-size:11px; }
@media(max-width:720px) {
  .education-note { font-size:11px; }
  .resource-note a { min-height:44px; }
}