/* Local adaptation. Reference-matching layout intentionally retains cream section transitions. */
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; background:#0a0a0b; font-size:16px; }
button,a,input { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
:focus-visible { outline:3px solid #c7a35a; outline-offset:5px; }
.skip-link { position:fixed; top:-100px; left:20px; z-index:2000; padding:14px 20px; background:#ead39d; color:#111; }
.skip-link:focus { top:12px; }
#mentor-mentor-page .hero { min-height:100dvh; }
#mentor-mentor-page .header { background:rgba(10,10,11,.9); backdrop-filter:blur(18px); }
#mentor-mentor-page .logo { white-space:nowrap; font-size:23px; }
#mentor-mentor-page .nav { gap:18px; }
#mentor-mentor-page .nav-links { gap:20px; }
#mentor-mentor-page .btn { white-space:nowrap; }
#mentor-mentor-page .nav-actions .btn { min-height:44px; padding:0 17px; font-size:14px; }
#mentor-mentor-page .reveal { opacity:1; transform:none; }
#mentor-mentor-page .hero-bg { opacity:1; }
#mentor-mentor-page .hero::before { background:linear-gradient(90deg,rgba(5,5,6,.96),rgba(5,5,6,.8) 46%,rgba(5,5,6,.16) 100%); }
#mentor-mentor-page .video-reviews-swiper { overflow:hidden; }
#mentor-mentor-page .swiper-wrapper { display:flex; gap:24px; overflow:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
#mentor-mentor-page .swiper-slide { flex:0 0 calc((100% - 72px)/4); scroll-snap-align:start; }
#mentor-mentor-page .video-review-card img { width:100%; height:100%; object-fit:cover; }
#mentor-mentor-page .video-review-play { color:#111; background:#c7a35a; border:0; font-size:20px; }
#mentor-mentor-page .social-icon i { font-family:Arial,sans-serif; font-style:normal; font-size:14px; font-weight:700; }
#mentor-mentor-page .preview-note { font-size:13px; margin-top:12px; }
#mentor-mentor-page .footer-newsletter input { color:#fff; }
#mentor-mentor-page .footer-newsletter input::placeholder { color:#b9bcc3; }
#mentor-mentor-page .hero-stat strong { font-size:32px; }
#mentor-mentor-page .trust:hover .trust-track,#mentor-mentor-page .trust:focus-within .trust-track { animation-play-state:paused; }
dialog { max-width:min(520px,calc(100vw - 48px)); box-sizing:border-box; width:520px; border:1px solid #766342; border-radius:24px; padding:36px; background:#15171a; color:#fff; font-family:'DM Sans',sans-serif; box-shadow:0 24px 100px #0008; }
dialog::backdrop { background:#000b; backdrop-filter:blur(7px); }
dialog h2 { font-family:Manrope,sans-serif; font-size:30px; margin:12px 0 18px; }
dialog p { color:#b9bcc3; line-height:1.7; }
.dialog-eyebrow { font-size:12px; letter-spacing:.16em; color:#ead39d; }
.dialog-close { position:absolute; right:14px; top:10px; background:transparent; color:#fff; border:0; font-size:28px; width:44px; height:44px; }
.dialog-done { border:0; border-radius:999px; padding:14px 26px; background:#c7a35a; color:#111; font-weight:700; font-size:16px; margin-top:12px; }
#preview-content img { display:block; max-height:48vh; max-width:100%; margin:auto; border-radius:14px; }
@media(max-width:1100px) {
 #mentor-mentor-page .nav-links { display:none; }
 #mentor-mentor-page .menu-toggle { display:block; }
 #mentor-mentor-page .nav-links.open { position:absolute; top:86px; left:20px; right:20px; display:flex; flex-direction:column; gap:0; padding:16px; border:1px solid #444; border-radius:18px; background:#111214; }
 #mentor-mentor-page .nav-links.open a { display:block; padding:13px; }
}
@media(max-width:768px) {
 #mentor-mentor-page .section-head,#mentor-mentor-page .video-review-head { flex-direction:column; align-items:flex-start; }
 #mentor-mentor-page .swiper-slide { flex-basis:calc((100% - 24px)/2); }
 #mentor-mentor-page .hero-stat strong { font-size:27px; }
 #mentor-mentor-page .hero-stat span { font-size:12px; }
 #mentor-mentor-page .hero-stats { gap:14px; }
 #mentor-mentor-page .logo { font-size:21px; }
}
@media(max-width:480px) {
 #mentor-mentor-page .swiper-slide { flex-basis:76%; }
 #mentor-mentor-page .hero h1 { font-size:clamp(36px,9.3vw,44px); }
 #mentor-mentor-page .nav-actions .btn-secondary { display:none; }
 #mentor-mentor-page .framework-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 #mentor-mentor-page *,#mentor-mentor-page *::before,#mentor-mentor-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
/* Image editor controls are separate from the visitor-facing template. */
.template-toolbar{position:sticky;top:0;z-index:2000;display:flex;align-items:center;gap:20px;min-height:64px;padding:12px 24px;box-sizing:border-box;background:#ead39d;color:#171717;font:14px 'DM Sans',sans-serif;box-shadow:0 1px 0 #0002}
.template-toolbar strong{white-space:nowrap;font-size:16px}.template-toolbar span{flex:1}.template-toolbar button{border:1px solid #171717;background:#171717;color:#fff;padding:10px 16px;border-radius:999px;font:600 14px 'DM Sans',sans-serif;white-space:nowrap}
#mentor-mentor-page .header{top:64px}
#mentor-mentor-page .media-editable{position:relative}
#mentor-mentor-page .media-controls{position:absolute;top:16px;right:16px;z-index:20;display:flex;gap:6px;max-width:calc(100% - 32px);flex-wrap:wrap}
#mentor-mentor-page .media-controls button{font:600 13px 'DM Sans',sans-serif;line-height:1.3;min-height:40px;padding:10px 13px;background:#ead39d;color:#171717;border:1px solid #17171733;border-radius:999px;box-shadow:0 3px 14px #0004}
#mentor-mentor-page .media-controls button:disabled{opacity:.6;cursor:wait}
#mentor-mentor-page .hero>.media-controls{top:120px}
#mentor-mentor-page .person{padding-bottom:55px}
#mentor-mentor-page .person>.media-controls{top:auto;bottom:0;left:0;right:auto}
#mentor-mentor-page .footer .logo{min-height:115px}
#mentor-mentor-page .footer .logo>.media-controls{top:auto;bottom:0;left:0;right:auto}
#mentor-mentor-page .logo.has-logo{font-size:0!important}
#mentor-mentor-page .logo.has-logo>span{display:none}
#mentor-mentor-page .logo img.user-logo{width:140px;height:46px;object-fit:contain;display:block}
#mentor-mentor-page .video-review-card video.user-media{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover;pointer-events:auto}
#mentor-mentor-page .video-review-card img[hidden]{display:none}
#mentor-mentor-page .footer-grid{grid-template-columns:1.4fr 1fr}
#mentor-mentor-page{padding-bottom:0!important;line-height:1.65}
#mentor-mentor-page h1,#mentor-mentor-page h2,#mentor-mentor-page h3{font-weight:600}
#mentor-mentor-page .media-controls [hidden]{display:none!important}
.template-preview #mentor-mentor-page .media-controls{display:none}
@media(max-width:768px){.template-toolbar{gap:10px;padding:10px 14px;flex-wrap:wrap}.template-toolbar span{flex-basis:100%;order:3;font-size:12px}.template-toolbar button{margin-left:auto}#mentor-mentor-page .header{top:100px}#mentor-mentor-page .hero{padding-top:200px}#mentor-mentor-page .hero>.media-controls{top:104px}#mentor-mentor-page .footer-grid{grid-template-columns:1fr}}
#mentor-mentor-page .header{top:var(--editor-height,64px)}
html{scroll-padding-top:calc(var(--editor-height,64px) + 100px)}
#mentor-mentor-page .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
@media(max-width:768px){#mentor-mentor-page .footer-grid{grid-template-columns:1fr}}
/* Preserve the photographs while balancing them against the reference palette. */
#mentor-mentor-page .hero-bg{object-position:58% 58%;filter:saturate(.96) contrast(1.035)}
#mentor-mentor-page .hero::before{background:linear-gradient(90deg,rgba(5,5,6,.94) 0%,rgba(5,5,6,.76) 36%,rgba(5,5,6,.30) 68%,rgba(5,5,6,.12) 100%),linear-gradient(0deg,rgba(5,5,6,.65),transparent 48%)}
#mentor-mentor-page .service-image img,#mentor-mentor-page .program-card>img{filter:saturate(.96) contrast(1.025)}
#mentor-mentor-page .about-image,#mentor-mentor-page .manifest-visual{background-position:50% 36%}
#mentor-mentor-page .closing-image{min-height:0;aspect-ratio:4/3;align-self:center;margin:28px;border-radius:20px;background-position:center;background-size:cover;background-repeat:no-repeat}
#mentor-mentor-page .closing-card{grid-template-columns:1fr 1.18fr;align-items:center}
#mentor-mentor-page .closing-image::after{background:linear-gradient(90deg,rgba(17,18,20,.08),transparent 28%)}
.template-toolbar{gap:12px;flex-wrap:wrap}
.template-toolbar button{font-size:12px;padding:10px 12px}
.template-toolbar span{min-width:180px}
@media(max-width:768px){
 #mentor-mentor-page .hero-bg{object-position:62% center}
 #mentor-mentor-page .hero::before{background:linear-gradient(0deg,rgba(5,5,6,.94),rgba(5,5,6,.70) 48%,rgba(5,5,6,.24))}
 #mentor-mentor-page .closing-card{grid-template-columns:1fr}
 #mentor-mentor-page .closing-image{min-height:0;margin:16px;aspect-ratio:4/3;width:calc(100% - 32px);box-sizing:border-box}
 .template-toolbar{gap:6px}.template-toolbar strong{flex-basis:100%}.template-toolbar button{margin:0}
}


/* Clean public view; editor is available only through ?edit=1. */
:root{--editor-height:0px}
.template-toolbar[hidden]{display:none}
.template-toolbar .editor-close{color:#171717;font:600 13px 'DM Sans',sans-serif;padding:10px 12px;text-underline-offset:3px;white-space:nowrap}
#mentor-mentor-page .header{top:var(--editor-height,0px)}
html{scroll-padding-top:calc(var(--editor-height,0px) + 100px)}
body:not(.editor-enabled) #mentor-mentor-page .person{padding-bottom:0}
body:not(.editor-enabled) #mentor-mentor-page .footer .logo{min-height:0}
/* A landscape frame preserves the complete group on narrow screens. */
@media(max-width:900px){
 #mentor-mentor-page .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:86px 0 42px;background:#0a0a0b}
 #mentor-mentor-page .hero::before{display:none}
 #mentor-mentor-page .hero-bg{position:relative;inset:auto;z-index:0;display:block;width:100%;height:auto;aspect-ratio:4096/2218;object-fit:contain;object-position:center;filter:none}
 #mentor-mentor-page .hero-content{padding-top:28px}
 #mentor-mentor-page .hero h1{font-size:clamp(36px,6.6vw,60px);line-height:1.08;letter-spacing:-.045em}
 #mentor-mentor-page .hero .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.15em;margin-bottom:18px}
 #mentor-mentor-page .hero-copy{font-size:16px;line-height:1.7;margin-top:22px}
 #mentor-mentor-page .hero-actions{margin-top:26px}
 #mentor-mentor-page .hero-stats{margin-top:34px}
 #mentor-mentor-page .about-image{min-height:0;aspect-ratio:4/5;width:100%;max-width:520px;justify-self:center}
 #mentor-mentor-page .manifest-visual{min-height:0;aspect-ratio:2/3;width:100%;max-width:520px;justify-self:center}
 #mentor-mentor-page .service-image{height:auto;aspect-ratio:3/2}
 #mentor-mentor-page .service-image img{height:100%;object-fit:cover}
 #mentor-mentor-page .closing-card{grid-template-columns:1fr}
 #mentor-mentor-page .closing-image{min-height:0;width:calc(100% - 32px);aspect-ratio:4/3;margin:16px;box-sizing:border-box}
 #mentor-mentor-page .hero>.media-controls{top:102px}
}
@media(max-width:600px){
 #mentor-mentor-page .hero{padding-top:74px}
 #mentor-mentor-page .hero-content{width:calc(100% - 40px);padding-top:26px}
 #mentor-mentor-page .hero h1{font-size:clamp(34px,9.2vw,52px)}
 #mentor-mentor-page .hero>.media-controls{top:90px}
 #mentor-mentor-page .nav-links.open{top:74px;left:12px;right:12px;max-height:calc(100dvh - var(--editor-height,0px) - 94px);overflow:auto}
}

/* Closing invitation and footer: clear next steps using configured page sections. */
#mentor-mentor-page .closing-section{padding:64px 0 80px}
#mentor-mentor-page .closing-card{min-height:0;grid-template-columns:1fr 1.12fr;gap:0;border-radius:28px}
#mentor-mentor-page .closing-copy{padding:48px 44px}
#mentor-mentor-page .closing-copy h2{font-size:clamp(34px,3.5vw,48px);line-height:1.12;letter-spacing:-.045em;margin:20px 0}
#mentor-mentor-page .closing-copy p{font-size:16px;line-height:1.75;max-width:42ch}
#mentor-mentor-page .closing-actions{gap:14px 22px;align-items:center;margin-top:28px}
#mentor-mentor-page .closing-actions .btn{font-size:14px;padding:0 22px;min-height:50px}
#mentor-mentor-page .closing-secondary{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#ead39d;font-size:14px;text-underline-offset:5px}
#mentor-mentor-page .closing-secondary:hover{text-decoration:underline}
#mentor-mentor-page .closing-image{margin:24px 24px 24px 0;border-radius:18px;width:auto;min-height:0;aspect-ratio:4/3}
#mentor-mentor-page .footer{padding:56px 0 24px}
#mentor-mentor-page .footer-grid{grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(0,1fr));gap:32px 64px}
#mentor-mentor-page .footer-brand>p{max-width:34ch;line-height:1.8;margin:16px 0 0}
#mentor-mentor-page .footer-brand .footer-statement{font-family:Manrope,sans-serif;font-size:25px;line-height:1.35;font-weight:600;letter-spacing:-.025em;color:#f4f0e7;margin-top:22px}
#mentor-mentor-page .footer h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ead39d;margin-bottom:12px}
#mentor-mentor-page .footer-links{gap:0}
#mentor-mentor-page .footer-links a{display:flex;align-items:center;min-height:44px;width:fit-content;color:#c2c3c6;line-height:1.4}
#mentor-mentor-page .footer a:hover{color:#ead39d}
#mentor-mentor-page .footer-bottom{margin-top:40px;padding-top:18px;align-items:center;color:#a9acb2}
#mentor-mentor-page .back-to-top{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:#ead39d;white-space:nowrap}
@media(max-width:900px){
 #mentor-mentor-page .closing-card{grid-template-columns:1fr;max-width:680px;margin:auto}
 #mentor-mentor-page .closing-image{width:calc(100% - 32px);margin:16px;order:-1}
 #mentor-mentor-page .closing-copy{padding:24px 32px 36px}
 #mentor-mentor-page .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
 #mentor-mentor-page .footer-brand{grid-column:1/-1}
}
@media(max-width:480px){
 #mentor-mentor-page .closing-section{padding:32px 0 48px}
 #mentor-mentor-page .closing-card{border-radius:22px}
 #mentor-mentor-page .closing-copy{padding:20px 22px 28px}
 #mentor-mentor-page .closing-copy h2{font-size:34px}
 #mentor-mentor-page .closing-copy .eyebrow{font-size:10px;letter-spacing:.13em}
 #mentor-mentor-page .closing-actions{align-items:stretch;flex-direction:column;gap:8px}
 #mentor-mentor-page .closing-actions .btn,#mentor-mentor-page .closing-secondary{justify-content:center}
 #mentor-mentor-page .footer{padding:40px 8px 20px}
 #mentor-mentor-page .footer-grid{gap:28px 18px}
 #mentor-mentor-page .footer-bottom{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:28px}
 #mentor-mentor-page .footer-bottom>span{font-size:12px}
}

/* Private card text tools; absent from the normal public page. */
#mentor-mentor-page [data-card-text-empty]{display:none!important}
#mentor-mentor-page .text-card-editable{position:relative}
#mentor-mentor-page .card-text-controls{position:relative;z-index:22;display:flex;flex-wrap:wrap;gap:6px;padding:14px;flex-shrink:0}
#mentor-mentor-page .card-text-controls button{font:600 12px 'DM Sans',sans-serif;padding:10px 12px;min-height:40px;line-height:1.3;border:1px solid #a98b50;border-radius:999px;color:#171717;background:#ead39d;cursor:pointer}
#mentor-mentor-page .card-text-controls button[hidden]{display:none}
#mentor-mentor-page .program-card>.card-text-controls,#mentor-mentor-page .about-image>.card-text-controls,#mentor-mentor-page .manifest-visual>.card-text-controls{position:absolute;top:72px;left:16px;right:16px;padding:0;justify-content:flex-end}
#mentor-mentor-page .card-copy-cleared .service-content{display:none}
.template-preview #mentor-mentor-page .card-text-controls{display:none}
.card-text-dialog{width:620px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto}
.card-text-dialog h2{font-size:26px;margin:0 0 10px}.card-text-dialog p{font-size:14px;line-height:1.6;margin-bottom:20px}
.card-text-fields{display:grid;gap:16px}.card-text-fields label{display:grid;gap:7px;color:#ead39d;font-size:14px}
.card-text-fields textarea{width:100%;box-sizing:border-box;min-height:64px;resize:vertical;border:1px solid #65605a;border-radius:10px;padding:12px;background:#0a0a0b;color:#fff;font:16px/1.5 'DM Sans',sans-serif}
.card-text-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.card-text-actions button{min-height:44px;border:1px solid #a98b50;border-radius:999px;padding:10px 16px;background:transparent;color:#ead39d;font:600 14px 'DM Sans',sans-serif}.card-text-actions button[type=submit]{margin-left:auto;background:#ead39d;color:#171717}

.card-text-actions{position:sticky;bottom:-24px;background:#15171a;padding:12px 0;margin-bottom:0}

.template-toolbar .publish-changes{background:#171714;color:#f2d68f;border:2px solid #171714;font-weight:800}.template-toolbar .publish-changes:disabled{opacity:.65;cursor:wait}

/* Mobile photos keep their natural framing; copy occupies its own space. */
#mentor-mentor-page .responsive-photo{display:none}
@media(max-width:900px){
 #mentor-mentor-page{--container:min(100% - 40px,680px)}
 #mentor-mentor-page .hero-bg{width:var(--container);margin:16px auto 0;border-radius:18px;aspect-ratio:auto;height:auto}
 #mentor-mentor-page .hero-content{width:var(--container)}
 #mentor-mentor-page .about-grid,#mentor-mentor-page .manifest-grid{gap:32px}
 #mentor-mentor-page .about-grid>*,#mentor-mentor-page .manifest-grid>*,#mentor-mentor-page .program-grid>*{min-width:0;max-width:100%}
 #mentor-mentor-page .manifest-quote .eyebrow{font-size:10px;letter-spacing:.12em;flex-wrap:wrap}
 #mentor-mentor-page .about-image,#mentor-mentor-page .manifest-visual{max-width:none;aspect-ratio:auto;min-height:0;background:#141416!important;overflow:hidden;border-radius:22px}
 #mentor-mentor-page .responsive-photo{display:block;width:100%;height:auto;object-fit:contain;filter:none}
 #mentor-mentor-page .quote-card,#mentor-mentor-page .manifest-quote{position:relative;inset:auto;margin:0;padding:22px;border:0;border-radius:0;backdrop-filter:none;background:#141416}
 #mentor-mentor-page .quote-card{font-size:18px;line-height:1.55}
 #mentor-mentor-page .manifest-quote strong{font-size:26px}
 #mentor-mentor-page .program-card{min-height:0;padding:0 0 24px;justify-content:flex-start;background:#141416;border-radius:22px}
 #mentor-mentor-page .program-card::after{display:none}
 #mentor-mentor-page .program-card>img{position:static;inset:auto;z-index:auto;width:100%;height:auto;object-fit:contain;transform:none;filter:none;margin:0 0 22px}
 #mentor-mentor-page .program-card>small,#mentor-mentor-page .program-card>h3,#mentor-mentor-page .program-card>p{margin-left:22px;margin-right:22px}
 #mentor-mentor-page .program-card>h3{font-size:30px;line-height:1.2;margin-top:10px;margin-bottom:14px}
 #mentor-mentor-page .program-card>p{margin-bottom:0}
 #mentor-mentor-page .program-card>small{font-size:11px;line-height:1.65}
 #mentor-mentor-page .service-image{aspect-ratio:auto;height:auto}
 #mentor-mentor-page .service-image img{display:block;height:auto;object-fit:contain;transform:none}
 #mentor-mentor-page .program-card:hover img,#mentor-mentor-page .service-card:hover .service-image img{transform:none}
 #mentor-mentor-page .closing-image{aspect-ratio:auto;background:none!important;overflow:hidden}
 #mentor-mentor-page .closing-image::after{display:none}
 #mentor-mentor-page .program-card>.card-text-controls,#mentor-mentor-page .about-image>.card-text-controls,#mentor-mentor-page .manifest-visual>.card-text-controls{position:relative;inset:auto;padding:12px;justify-content:flex-start}
}
@media(max-width:360px){
 #mentor-mentor-page .hero h1{font-size:32px}
 #mentor-mentor-page .closing-copy h2{font-size:30px}
 #mentor-mentor-page .quote-card,#mentor-mentor-page .manifest-quote{padding:18px}
}
