/* A single cinematic scene, with a dedicated reading area. */
.site-header{background:#0f0817;border-bottom-color:#d7b47530;height:92px;position:relative;z-index:5}
.hero{display:block;position:relative;isolation:isolate;min-height:760px;overflow:hidden;background:#12071e}
.hero-portrait{z-index:0;inset:0;width:100%;height:100%;overflow:hidden}
.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.hero-portrait:after{background:linear-gradient(90deg,#11091ce8 0%,#140a20a6 25%,#180a2720 48%,transparent 64%),linear-gradient(0deg,#11091ce6,transparent 24%);pointer-events:none}
.hero:after{display:none}
.hero-inner{position:relative;z-index:2;padding-top:83px;padding-bottom:132px;pointer-events:none}
.hero-copy{width:43%;max-width:510px;pointer-events:auto}
.hero .eyebrow{font-size:10px;letter-spacing:2.3px;line-height:1.8;color:#e2c68b;white-space:nowrap}
.hero .eyebrow>span{font-size:18px;margin-right:9px}
.hero h1{font-size:clamp(60px,5.7vw,84px);line-height:.99;letter-spacing:-1.4px;margin-top:27px;text-shadow:0 3px 30px #13072070}
.hero h1 em{font-size:1.08em;line-height:1.1;margin-top:0;color:#ecd3a3}
.hero-description{font-size:15px;line-height:1.9;max-width:405px;margin-top:27px;color:#d0c2d8;text-wrap:pretty}
.hero-description br{display:none}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:27px}
.hero-actions .button-gold{min-height:54px;padding:15px 26px;font-size:13px;border:1px solid #f5dca4;box-shadow:0 0 30px #c6973c20,inset 0 1px #fff5;background:linear-gradient(110deg,#eed59e,#c49a54);border-radius:2px}
.hero-actions .text-link{font-size:12px;border-bottom-color:#ad95785c;padding-bottom:3px;color:#ccbaa6}
.hero-note{border-left:0;padding:0;margin-top:27px}
.hero-note>span{font-size:8px;letter-spacing:2px;color:#9b849f}
.hero-note p{font-size:20px;color:#c4a985;margin-top:3px}
.hero-signature{z-index:2;right:6%;bottom:85px;top:auto;text-align:right;pointer-events:none}
.hero-signature>span{font-size:9px;letter-spacing:2.4px;color:#d3b57d}
.hero-signature strong{font-size:37px;color:#efd49c;line-height:1.3}
.hero-bottom{z-index:2;bottom:22px;padding-top:17px;border-top-color:#d9b16a30;font-size:9px;letter-spacing:1.8px;color:#a593b1}
.hero-bottom a{color:#c6a66b;font-size:9px}
.path-strip{background:#170d21;min-height:82px;border-color:#d9b16a24}
/* Keep the mentor text above image and mist, inside its own grid column. */
.mentor{isolation:isolate;min-height:640px;padding-top:0;overflow:hidden}
.mentor-image{z-index:0;width:50%;height:100%;left:0;top:0;pointer-events:none}
.mentor-image:after{background:linear-gradient(90deg,transparent 45%,#0e0a11 100%)}
.mentor-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:83px}
.mentor-copy{width:auto;min-width:0;grid-column:2;background:transparent}
.mentor-copy h2{font-size:clamp(40px,4vw,57px);overflow:visible}
.mentor-copy>p:not(.eyebrow){font-size:16px}
@media(min-width:1500px){.hero{min-height:860px}.hero-inner{padding-top:110px;padding-bottom:140px}.hero-description{font-size:16px}.hero .eyebrow{font-size:11px}.hero-signature{right:10%;bottom:98px}}
@media(min-width:901px) and (max-width:1150px){.site-header{padding-inline:26px}.desktop-nav{gap:20px;font-size:12px}.nav-cta{font-size:12px;padding-inline:18px}.brand>span{font-size:30px}.brand img{width:54px;height:54px}.hero{min-height:730px}.hero-inner{padding-top:73px;padding-bottom:117px}.hero-copy{width:44%;max-width:none}.hero h1{font-size:62px}.hero .eyebrow{font-size:8px;letter-spacing:1.65px}.hero-description{font-size:14px;max-width:340px}.hero-actions .button-gold{font-size:12px;padding-inline:18px}.hero-signature{right:5%;bottom:87px}.mentor-content{gap:65px}.mentor-copy h2{font-size:43px}}
@media(max-width:900px){.site-header{height:80px;padding-inline:24px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.hero{min-height:0;padding-top:0;display:flex;flex-direction:column}.hero-portrait{position:relative;inset:auto;z-index:0;width:100%;height:clamp(360px,66vw,600px);order:0}.hero-portrait img{position:absolute;width:165%;height:100%;left:-65%;object-fit:cover;object-position:75% center}.hero-portrait:after{background:linear-gradient(0deg,#12071e,transparent 28%)}.hero-inner{order:1;width:calc(100% - 64px);padding-top:0;padding-bottom:42px;margin-top:-14px}.hero-copy{width:100%;max-width:620px;margin-inline:auto;text-align:center}.hero .eyebrow{font-size:9px;letter-spacing:1.7px;white-space:normal}.hero h1{font-size:clamp(49px,8vw,68px);margin-top:20px;line-height:1.02;letter-spacing:-.7px}.hero-description{font-size:16px;max-width:470px;margin:23px auto 0;line-height:1.8}.hero-actions{align-items:center;margin-top:26px;gap:13px}.hero-actions .button-gold{font-size:13px;padding-inline:24px;max-width:100%}.hero-actions .text-link{font-size:13px}.hero-note{margin-top:25px}.hero-note>span{font-size:8px;letter-spacing:1.5px}.hero-note p{font-size:21px}.hero-signature{display:none}.hero-bottom{order:2;position:relative;inset:auto;padding-block:20px;margin-inline:auto;width:calc(100% - 48px);font-size:8px;letter-spacing:1px;gap:25px}.hero-bottom>span{max-width:230px}.hero-bottom a{font-size:8px;white-space:nowrap;gap:8px}.mentor{padding-top:0;min-height:0}.mentor-image{position:relative;width:100%;height:430px}.mentor-image img{object-position:center 42%}.mentor-image:after{background:linear-gradient(0deg,#0e0a11,transparent 75%)}.mentor-content{display:block;padding-block:0 65px;margin-top:-20px;position:relative;z-index:1}.mentor-copy{width:100%;max-width:600px;margin-inline:auto}.mentor-copy h2{font-size:44px}.mentor-copy>p:not(.eyebrow){font-size:16px}}
@media(max-width:480px){.hero-portrait{height:390px}.hero-portrait img{width:177%;left:-77%;object-position:72% center}.hero-inner{width:calc(100% - 44px)}.hero h1{font-size:53px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-description{font-size:15px;max-width:330px}.hero-bottom>span{max-width:175px}.hero-bottom{gap:13px}.hero-bottom a{font-size:7px;letter-spacing:.7px}.mentor-image{height:335px}.mentor-copy h2{font-size:40px}}
@media(max-width:360px){.hero h1{font-size:46px}.hero-portrait{height:350px}.hero-actions .button-gold{font-size:12px;padding-inline:16px}.hero-bottom>span{max-width:145px}}
