/* September 19 local hero proposal. Existing opening code and identity size preserved. */
body[data-selected-page="index"] .direction-hero { --identity-base: 180px; min-height:840px; }
body[data-selected-page="index"] .direction-name { top:auto; bottom:calc(var(--identity-base) + 8px); }
body[data-selected-page="index"] .direction-surname {
 top:auto; bottom:var(--identity-base); width:max-content; max-width:calc(100% - 8vw);
 display:flex; align-items:baseline; gap:.65em; margin:0;
 font:500 calc(clamp(90px,16vw,230px) * .09814)/1.5 'Instrument Sans',sans-serif;
 letter-spacing:.18em; text-transform:uppercase;
}
body[data-selected-page="index"] .direction-surname::before { display:none; }
body[data-selected-page="index"] .direction-surname span { font:inherit; letter-spacing:inherit; text-align:left; }
#st-frame main .direction-statement {
 top:155px; bottom:auto; width:72%; max-width:1050px;
 font-size:clamp(30px,3.3vw,48px)!important; line-height:1.1!important;
 letter-spacing:-.016em!important; text-wrap:pretty;
}
body[data-selected-page="index"] .direction-shade {
 background:linear-gradient(180deg,#08140fe6 0%,#08140f66 28%,#08140f00 45%,#08140f30 59%,#08140fe8 100%);
}
body[data-selected-page="index"] .direction-photo-credit { bottom:36px; }
body[data-selected-page="index"] .direction-actions { bottom:32px; }
body[data-selected-page="index"] .direction-cue { bottom:101px; }
body[data-selected-page="index"] .envelope-controls { top:88px; }
body[data-selected-page="index"].parallax-enabled:not([data-phase="resolved"]) .envelope-controls { top:18px; }
/* Bootstrap remains centered before the unchanged opening starts. */
.envelope-pending body[data-selected-page="index"] .direction-name { top:50%; bottom:auto; }
@media(max-width:1100px) and (min-width:761px) {
 #st-frame main .direction-statement {top:172px; width:85%;}
}
@media(max-width:760px) {
 body[data-selected-page="index"] .direction-hero { --identity-base:172px; min-height:880px; }
 body[data-selected-page="index"] .direction-name {bottom:calc(var(--identity-base) + 41px);}
 body[data-selected-page="index"] .direction-surname {
  left:22px; max-width:calc(100% - 44px); display:flex; flex-direction:column; gap:7px;
  font-size:calc(20.3vw * .2189); line-height:1.4; letter-spacing:.17em;
 }
 body[data-selected-page="index"] .direction-surname .identity-dot {display:none;}
 body[data-selected-page="index"] .direction-surname .identity-practice {font-size:calc(20.3vw * .2014); letter-spacing:.18em;}
 #st-frame main .direction-statement {top:180px; width:calc(100% - 44px); font-size:clamp(25px,5.4vw,36px)!important;line-height:1.14!important;}
 body[data-selected-page="index"] .direction-photo-credit {bottom:109px;font-size:9px;}
 body[data-selected-page="index"] .direction-actions {bottom:24px;gap:18px;}
 body[data-selected-page="index"] .direction-cue {bottom:152px;}
 body[data-selected-page="index"] .envelope-controls {top:124px;}
}

body[data-selected-page="index"] .envelope-controls:not(:has(button:not([hidden]))) {display:none;}

/* Preserve the approved face clearance on wide phones. */
@media(min-width:621px) and (max-width:760px) {
 body[data-selected-page="index"] .direction-hero {min-height:980px;}
}
/* Resolved opening rules are more specific than the generic replay placement. */
body[data-selected-page="index"].parallax-enabled[data-phase="resolved"] .envelope-controls {top:88px;}
@media(max-width:760px) {
 body[data-selected-page="index"].parallax-enabled[data-phase="resolved"] .envelope-controls {top:124px;}
}

/* Approved identity lockup: name, practice, then supporting introduction. */
body[data-selected-page="index"] .direction-hero {--identity-top:56%;min-height:960px;}
body[data-selected-page="index"] .direction-name {top:var(--identity-top);bottom:auto;}
body[data-selected-page="index"] .direction-surname {
 top:calc(var(--identity-top) + clamp(85.5px,15.2vw,218.5px) - 10px);bottom:auto;
}
#st-frame main .direction-statement {
 top:calc(var(--identity-top) + clamp(85.5px,15.2vw,218.5px) - 10px + (clamp(90px,16vw,230px) * .14721) + 12px);
 width:calc(clamp(90px,16vw,230px) * 3.09);max-width:calc(100% - 8vw);
 font-size:clamp(18px,1.45vw,21px)!important;line-height:1.22!important;
 letter-spacing:-.006em!important;text-wrap:pretty;
 text-shadow:0 1px 2px rgba(8,20,15,.9);
}
.envelope-pending body[data-selected-page="index"] .direction-name {top:50%;bottom:auto;}
@media(max-width:760px) {
 body[data-selected-page="index"] .direction-hero {--identity-top:55%;min-height:1000px;}
 body[data-selected-page="index"] .direction-surname {top:calc(var(--identity-top) + 19.285vw + 4px);}
 #st-frame main .direction-statement {
  top:calc(var(--identity-top) + 31.23vw + 23px);
  width:calc(20.3vw * 3.096);max-width:calc(100% - 44px);
  font-size:clamp(18px,4.6vw,22px)!important;line-height:1.2!important;
 }
 body[data-selected-page="index"] .direction-cue {bottom:108px;}
}
@media(min-width:621px) and (max-width:760px) {
 body[data-selected-page="index"] .direction-hero {min-height:1040px;}
}