/* September 24: targeted wide-display refinement. Mobile layout is preserved. */
.waitlist-form,.hero .waitlist-form{background:none;box-shadow:none;border:0}
.email-row input:focus,.email-row input:focus-visible{outline:none}
.email-row:focus-within{border-color:#e69a7d85}
body[data-keyboard=true] .email-row:has(input:focus-visible){outline:2px solid var(--copper);outline-offset:4px}
.form-promise{font-size:12px;line-height:1.6;margin-top:10px}
.form-promise .inline-link{padding:2px 4px;font:inherit;min-height:28px}
@media(min-width:1101px){
 .shell{width:min(1760px,calc(100% - clamp(112px,10vw,192px)))}
 .personal{grid-template-columns:1.05fr 1fr;gap:clamp(48px,5vw,100px);padding-top:115px}
 .memory{padding-top:110px}.research{padding-top:120px}.faqs{padding-top:110px}
 .closing{padding-top:125px;padding-bottom:50px}
 .research-panel{width:83%;max-width:1320px}
 .research-body{grid-template-columns:minmax(0,1fr) 240px;gap:35px}
 .research-tabs button{font-size:15px}.suggestions button{font-size:13px;padding:10px 16px}
 .source-types .source-type{font-size:15px}.source-types small{font-size:13px}
 .preview-label,.demo-note{font-size:12px}.condition-chips span{font-size:12px}
 .topic-card{grid-template-columns:clamp(170px,12vw,230px) minmax(0,1fr);gap:26px}
 .topic-card img{width:100%;height:190px;object-fit:cover}.topic-card h3{font-size:30px}
 .topic-card p{font-size:17px}.topic-card small{font-size:12px}
 .topic-question{font-size:14px}.topic-choices button{font-size:15px;padding:10px 20px}
 .watchlist-title h3{font-size:30px}.watchlist-title span{font-size:12px}
 .weekly-grid img{height:clamp(155px,11vw,190px)}
 .weekly-grid strong{font-size:17px}.weekly-grid span{font-size:15px}
 .memory-steps strong{font-size:18px}.memory-steps small{font-size:14px}
 .memory-icon{width:78px;height:78px}.memory-icon .icon{width:33px;height:33px}
 details p{font-size:17px}.footer nav,.footer nav button{font-size:14px}
 .desktop-nav{font-size:15px}.button.small{font-size:14px}
 .waitlist-form{max-width:640px}.email-row .button{font-size:14px;min-height:51px}
 .form-promise{font-size:13px}.consent{font-size:12px}
}
@media(min-width:761px){
 .connection-map{--node-size:88px;height:470px}
 .map-node{width:150px;transform:translateX(-50%)}
 .node-circle{width:var(--node-size);height:var(--node-size)}
 .policy-node,.chip-node{top:calc(46.428571% - var(--node-size)/2)}
 .delay-node,.project-node{top:calc(21.428571% - var(--node-size)/2)}
 .buffer-node{top:calc(75% - var(--node-size)/2)}
 .edge-four{left:42%;top:83%;background:transparent;padding:5px 0;text-align:left}
 .map-hint{margin-top:35px}
}
@media(min-width:1101px){
 .connection-map{--node-size:108px;height:490px}
 .map-node{width:180px}
 .node-circle .icon{width:44px;height:44px}
 .map-node strong{font-size:19px;line-height:1.45}
 .edge-label{font-size:14px;line-height:1.55}
 .edge-one{left:15%;top:28%}.edge-two{left:44%;top:0}
 .edge-three{left:76%;top:0}.edge-four{left:42%;top:83%}
 .uncertain{left:78%;top:65%;font-size:15px}
 .map-hint{font-size:14px}
}
@media(min-width:1700px){
 .topic-card img{height:220px}.story-grid{gap:clamp(50px,5vw,100px)}
 .story-grid p{font-size:20px;max-width:430px}
 .personal .section-lead{font-size:20px}
 .research-panel{padding:30px 36px}
}

/* Full-bleed closing arc; content retains responsive breathing room. */
.closing{position:relative;width:100%;padding-inline:20px}
.closing-curve path{stroke-width:1.8;vector-effect:non-scaling-stroke;opacity:.8}
.topic-choices button{transition:background-color .28s ease,color .28s ease,border-color .28s ease}
.topic-choices [data-topic=technology]{--topic-color:#4c9b91}
.topic-choices [data-topic=trade]{--topic-color:#d3a451}
.topic-choices [data-topic=energy]{--topic-color:#d66f74}
.topic-choices [aria-pressed=true]{background:var(--topic-color);border-color:var(--topic-color);color:#151515}
.topic-choices button:hover{border-color:var(--topic-color)}
.topic-choices button:focus,.topic-choices button:focus-visible{outline:none}
body[data-keyboard=true] .topic-choices button:focus-visible{outline:2px solid var(--topic-color);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.topic-choices button{transition:none}}

.email-error{min-height:24px;margin:7px 0 0;text-align:left;font-size:13px;line-height:24px;color:#d66f74}
.email-row{transition:border-color .2s ease}
.email-row>.icon{transition:color .2s ease}
.email-row:has([aria-invalid=true]){border-color:#d66f74}
.email-row:has([aria-invalid=true])>.icon{color:#d66f74}
@media(prefers-reduced-motion:reduce){.email-row,.email-row>.icon{transition:none}}

.uncertain{border:1px solid var(--amber);border-radius:6px;padding:14px;display:flex;align-items:center;gap:12px;color:var(--amber);line-height:1.5}
@media(min-width:761px){
 .uncertain{left:78%;top:75%;transform:translateY(-50%);width:max-content;max-width:22%;height:auto;padding:8px 10px;gap:7px;font-size:13px}
 .uncertainty-link{position:absolute;left:calc(64% + var(--node-size)/2 + 8px);right:calc(22% + 8px);top:75%;border-top:1px dashed var(--amber)}
 .uncertainty-link:after{content:"";position:absolute;right:0;top:-4px;width:6px;height:6px;border-top:1px solid var(--amber);border-right:1px solid var(--amber);transform:rotate(45deg)}
}
@media(min-width:1101px){.uncertain{font-size:15px}}
@media(max-width:760px){
 .uncertain{position:relative;margin-top:26px;padding:10px;font-size:12px;align-self:start;gap:8px}
 .uncertain .icon{width:20px;height:20px;margin:0}
 .uncertain:before{content:"";position:absolute;left:28px;bottom:calc(100% + 6px);height:26px;border-left:1px dashed var(--amber)}
 .uncertain:after{content:"";position:absolute;left:25px;bottom:calc(100% + 6px);width:6px;height:6px;border-right:1px solid var(--amber);border-bottom:1px solid var(--amber);transform:rotate(45deg)}
}
@media(max-width:760px){.uncertain{left:auto;top:auto;width:auto;min-width:0}.uncertain span{min-width:0}}

.brand{gap:12px}
.brand .brand-symbol{width:40px;height:auto}
.brand .brand-wordmark{width:170px;height:auto}
.footer .brand .brand-symbol{width:33px;height:auto}
.footer .brand .brand-wordmark{width:145px;height:auto}
@media(max-width:760px){.header{gap:12px}.header .brand{gap:8px}.header .brand-symbol{width:26px}.header .brand-wordmark{width:110px}}
/* Condition copy stays adjacent to its path; node geometry is unchanged. */
@media(min-width:761px){
 .edge-label{transform:translateX(-50%);background:transparent;text-align:center;padding:4px 6px}
 .edge-one{left:19.5%;top:calc(46.428571% - 54px)}
 .edge-two{left:48%;top:calc(21.428571% - 54px)}
 .edge-three{left:79%;top:calc(21.428571% - 54px)}
 .edge-four{left:46%;top:calc(75% + 8px);padding:4px 6px;text-align:center}
}
@media(min-width:1400px){
 .edge-label{white-space:nowrap;min-height:32px;line-height:24px}
 .edge-label br{display:none}
 .edge-label br:after{content:" "}
 .edge-one{top:calc(46.428571% - 38px)}
 .edge-two,.edge-three{top:calc(21.428571% - 38px)}
}

.hero h1{max-width:1000px;margin-inline:auto;text-wrap:balance}
.hero-lead{text-wrap:balance}

.curve-labels{display:none}
@media(min-width:1101px){
 .curve-labels{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
 .curve-labels text{font:14px var(--sans);cursor:pointer;pointer-events:auto;fill:var(--copper);stroke:none}
 .curve-labels .curved-alternatives{fill:var(--teal)}
 .curve-labels text:hover{text-decoration:underline}
 .curve-labels text:focus-visible{outline:2px solid var(--copper);outline-offset:6px}
 .edge-two,.edge-four{display:none}
}
@media(min-width:761px){.uncertain{height:var(--node-size);justify-content:center}}
@media(max-width:760px){.uncertain{height:60px;padding:6px;gap:6px;font-size:11px;line-height:1.5}.uncertain .icon{width:16px;height:16px}}
@media(max-width:370px){.uncertain{height:55px}}

/* Keep the diameter-matched callout a balanced horizontal rectangle. */
@media(min-width:1101px){.uncertain{width:210px;height:88px;max-width:22%;padding:12px;gap:8px}}

.question-display{flex:1;min-width:0;color:var(--ink);font-size:16px;min-height:42px;display:flex;align-items:center;cursor:auto}

/* One continuous line through the evolution stage circles. */
.memory-steps{--timeline-gap:42px;--timeline-size:78px;position:relative;gap:var(--timeline-gap)}
.memory-steps:before{content:"";position:absolute;left:calc((100% - 2*var(--timeline-gap))/6);right:calc((100% - 2*var(--timeline-gap))/6);top:calc(var(--timeline-size)/2);height:1px;background:#ffffff35;pointer-events:none}
.memory-steps button{flex-direction:column;align-items:center;text-align:center;gap:16px;color:var(--muted)}
.memory-steps button:not(:last-child):after{display:none}
.memory-icon{width:var(--timeline-size);height:var(--timeline-size);background:var(--bg);position:relative}
.memory-steps [aria-selected=true]{color:var(--copper)}
.memory-steps [aria-selected=true] .memory-icon,.memory-steps button:nth-child(2)[aria-selected=true] .memory-icon{color:var(--copper);border-color:var(--copper);background:#221c19}
@media(max-width:1100px){.memory-steps{--timeline-gap:35px;--timeline-size:58px}}
@media(max-width:760px){
 .memory-steps{gap:20px}
 .memory-steps:before{left:29px;right:auto;top:34px;bottom:34px;width:1px;height:auto}
 .memory-steps button{flex-direction:row;text-align:left;gap:18px}
}

/* A gently staggered evolution path, measured between the actual circle centres. */
.memory-steps:before{display:none}
.memory-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.memory-flow path{fill:none;stroke:#ffffff40;stroke-width:1.25}
@media(min-width:761px){
 .memory-steps button{align-self:start}
 .memory-steps [data-memory="0"]{margin-top:28px}
 .memory-steps [data-memory="2"]{margin-top:36px}
}
@media(max-width:760px){.memory-steps [data-memory="1"]{margin-left:22px}}

/* An authored, uneven route: understanding changes direction as evidence arrives. */
@media(min-width:761px){
 .memory-steps button{display:block;padding-top:210px;margin-top:0!important}
 .memory-steps .memory-icon{position:absolute;left:50%;transform:translateX(-50%)}
 .memory-steps [data-memory="0"] .memory-icon{top:66px}
 .memory-steps [data-memory="1"] .memory-icon{top:0}
 .memory-steps [data-memory="2"] .memory-icon{top:90px}
}
@media(max-width:760px){
 .memory-steps{gap:36px}
 .memory-steps [data-memory="1"]{margin-left:40px}
}
:root{--dusty-violet:#886faf}
.memory-steps [data-memory="1"][aria-selected=true]{color:#f1f0ec}
.memory-steps [data-memory="1"][aria-selected=true] .memory-icon{color:var(--dusty-violet);border-color:var(--dusty-violet);background:#1e1a25}
#memory[data-active="1"] #memory-detail{border-color:var(--dusty-violet)}
#memory[data-active="1"] #memory-detail .eyebrow{color:#f1f0ec}

@media(min-width:761px){
 .memory-steps button>span:last-child{display:block;max-width:280px;margin-inline:auto}
 .memory-steps [data-memory="0"]{padding-top:calc(66px + var(--timeline-size) + 16px)}
 .memory-steps [data-memory="1"]{padding-top:calc(var(--timeline-size) + 16px)}
 .memory-steps [data-memory="2"]{padding-top:calc(90px + var(--timeline-size) + 16px)}
}
@media(min-width:761px){.memory-steps strong,.memory-steps small{width:fit-content;max-width:100%;margin-inline:auto}}
@media(min-width:761px) and (max-width:1100px){.memory-steps button>span:last-child{max-width:130px}}
@media(min-width:761px) and (max-width:850px){.memory-steps [data-memory="1"]>span:last-child{max-width:112px}}

/* Approved two-column Perspective: all live text left, broad artwork right. */
.personal{position:relative;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:0;align-items:center;padding-top:120px;padding-bottom:70px}
.perspective-copy{position:relative;z-index:1;min-width:0;padding-right:32px}
.personal h2{font-size:clamp(42px,4.3vw,72px);line-height:1.06;letter-spacing:-.045em}
.personal .section-lead{font-size:clamp(17px,1.35vw,21px);line-height:1.65;margin-top:30px}
.personal .topic-choices{margin-top:30px}
#topic-preview{margin-top:48px}
.topic-card{display:block;min-height:0;border:0;background:transparent;border-radius:0;overflow:visible}
.topic-feature-copy{display:block;padding:0;max-width:610px}
.topic-card .topic-feature-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
.topic-card h3{font:clamp(34px,3vw,48px)/1.15 var(--serif);margin-bottom:20px}
.topic-card .topic-description{font-size:clamp(16px,1.25vw,20px);line-height:1.65;max-width:570px}
.topic-dependencies{display:flex;align-items:center;flex-wrap:wrap;gap:28px;list-style:none;padding:0;margin:28px 0 32px;color:var(--muted)}
.topic-dependencies li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4}
.topic-dependencies .icon{width:28px;height:28px;stroke-width:1.3}
.topic-card .topic-disclosure{font-size:11px;line-height:1.65;color:var(--muted);margin:0}
.perspective-art{min-width:0;align-self:stretch;position:relative;margin-left:-26px;margin-right:-35px}
.topic-feature-picture{display:block;position:absolute;inset:-35px -15px -35px 0}
.perspective-art .topic-feature-image{display:block;width:100%;height:100%;object-fit:cover;object-position:44% center;border-radius:0;mask-image:linear-gradient(to right,transparent,#000 13%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent);mask-composite:intersect}
.harbor-art picture{display:block;width:100%;height:100%}
.weekly-grid .weekly-item{cursor:default}
@media(min-width:761px) and (max-width:1100px){
 .personal{grid-template-columns:48% 52%;padding-top:90px;padding-bottom:50px}
 .personal>div:first-child{max-width:none}.perspective-copy{padding-right:16px}
 .personal h2{font-size:clamp(37px,4.6vw,50px)}
 .personal .section-lead{font-size:17px}.topic-choices button{padding:9px 12px}
 .topic-dependencies{gap:15px}.topic-dependencies li{font-size:12px;gap:6px}.topic-dependencies .icon{width:24px;height:24px}
 .perspective-art{margin-right:0;margin-left:-10px}.topic-feature-picture{right:0}.perspective-art .topic-feature-image{object-position:38% center}
}
@media(max-width:760px){
 .personal{grid-template-columns:1fr;gap:0;padding-top:75px;padding-bottom:20px}
 .perspective-copy{padding-right:0}.personal h2{font-size:clamp(36px,7.6vw,52px)}
 .personal .section-lead{font-size:17px;margin-top:24px}.personal .topic-choices{margin-top:24px}
 #topic-preview{margin-top:36px}.topic-card h3{font-size:34px}.topic-card .topic-description{font-size:16px}
 .topic-dependencies{gap:20px;margin:24px 0}.topic-dependencies li{font-size:12px;gap:7px}.topic-dependencies .icon{width:24px;height:24px}
 .perspective-art{margin:18px -12px 0;aspect-ratio:4/3;min-height:0}
 .topic-feature-picture{position:absolute;inset:0}.perspective-art .topic-feature-image{object-fit:contain;object-position:center;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 80%,transparent)}
}
