/* A focused opening, followed by a dedicated film introduction. */
#top.hero{min-height:clamp(530px,44cqw,640px)}
#top .hero-copy{min-height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:5.5cqw}
#top h1,html[lang=sq] #top h1{max-width:56cqw;font-size:clamp(40px,5.05cqw,73px);line-height:1.09;letter-spacing:-.055em;margin:27px 0 28px}
#top h1 em{font-size:1em}
#top .statement,html[lang=sq] #top .statement{font-size:clamp(16px,1.45cqw,20px);width:auto;max-width:40cqw;line-height:1.6}
#top .hero-actions{margin-top:31px;gap:27px}
#top .hero-actions .discover,#top .hero-actions .official-hero-call{font-size:14px;min-height:46px}
#top .hero-actions .official-hero-call{font-size:13px}
#path #mf-compact .official-path-intro{margin-bottom:16px}
#path .official-path-context{max-width:90ch;font-size:14px;line-height:1.75;color:#b2b7aa;margin:0 0 30px}

.page-shell #vision{display:grid;grid-template-columns:.8fr 1.35fr;align-items:center;gap:4cqw;height:auto;min-height:0;margin:0;padding:42px 7% 50px;background:var(--bg)}
.page-shell #vision .official-vision-copy{position:static;max-width:none;text-shadow:none}
.page-shell #vision .official-vision-copy .eyebrow{font-size:9px;letter-spacing:.16em;line-height:1.7;color:#b5b9a3}
.page-shell #vision .official-vision-copy h2{font-size:clamp(24px,2.3cqw,33px);line-height:1.18;letter-spacing:-.04em;margin:17px 0}
.page-shell #vision .official-vision-copy blockquote{font-size:13px;line-height:1.8;max-width:40ch;margin:18px 0 0;color:#a9afa3}
#vision .vision-player{position:relative;isolation:isolate;aspect-ratio:16/9;width:100%;min-width:0;overflow:hidden;background:#151813}
#vision .vision-player>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 57%;filter:saturate(.6) brightness(.7)}
#vision .vision-player .photo-fade{inset:0;background:linear-gradient(0deg,#111211b8,transparent 60%),linear-gradient(90deg,#11121130,transparent 30%)}
.page-shell #vision .film-play{inset:0;transform:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:15px;font-size:12px;white-space:normal;text-align:center;padding:20px}
#vision .film-play .play-circle{width:62px;height:62px;border:1px solid #e0e3c499;background:#11121145;backdrop-filter:blur(3px);transition:background .3s,transform .3s}
#vision .film-play:hover .play-circle{background:#d7dfa225;transform:scale(1.06)}
#vision .film-play:focus-visible{outline:2px solid #d7dfa2;outline-offset:-5px}
#vision .play-circle svg{width:20px;height:20px}

@media(max-width:700px){
 .page-shell #vision{grid-template-columns:1fr;gap:24px;padding:25px 5% 34px}
 .page-shell #vision .official-vision-copy h2{font-size:25px;line-height:1.17;margin:12px 0}
 .page-shell #vision .official-vision-copy blockquote{font-size:13px;line-height:1.7;max-width:none;margin-top:12px}
 .page-shell #vision .official-vision-copy .eyebrow{font-size:8px}
 #vision .film-play .play-circle{width:50px;height:50px}
 .page-shell #vision .film-play{font-size:11px;gap:10px}
 #path .official-path-context{font-size:13px;line-height:1.7;margin-bottom:25px}
}
@media(max-width:640px){
 #top.hero,html[lang=sq] #top.hero{min-height:0}
 #top .hero-copy{display:block;min-height:0;padding-top:27px;padding-bottom:30px}
 #top .eyebrow{max-width:55%;font-size:8px;line-height:1.6;letter-spacing:.12em}
 #top h1,html[lang=sq] #top h1{display:flex;flex-direction:column;justify-content:center;width:55%;max-width:none;min-height:214px;font-size:clamp(27px,7.25cqw,42px);line-height:1.12;letter-spacing:-.045em;margin:13px 0 21px}
 #top h1>br{display:none}
 #top h1 em{display:block;font-size:1em;margin-top:10px}
 #top .hero-art.hero-portrait{inset:0 -7% auto 47%;height:300px;opacity:1}
 #top .hero-portrait img{object-position:50% 0%}
 #top .hero-art.hero-portrait:after{background:linear-gradient(90deg,var(--bg),transparent 24%,transparent 94%,var(--bg)),linear-gradient(0deg,var(--bg),transparent 25%,transparent 96%,var(--bg))}
 #top .statement,html[lang=sq] #top .statement{width:100%;max-width:100%;font-size:14px;line-height:1.65;margin:0}
 #top .hero-actions{width:100%;margin-top:20px;gap:20px}
 #top .hero-actions .discover,#top .hero-actions .official-hero-call{font-size:12px;line-height:1.45;min-height:46px;gap:10px}
 #top .founder-caption{top:242px;bottom:auto;right:5%;max-width:38%;font-size:6px;line-height:1.5}
 #top .founder-caption span{font-size:14px}
 #top .hero-threads{inset:0 -10% auto 30%;height:300px;width:85%;opacity:.3}
}
@media(prefers-reduced-motion:reduce){#vision .film-play .play-circle{transition:none}}

/* Keep the path introduction together as one readable editorial block. */
#path #mf-compact .official-path-intro{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:5%;margin:12px 0 32px}
#path #mf-compact .official-path-intro h2{max-width:16ch;line-height:1.15}
#path .official-path-summary{max-width:57ch}
#path #mf-compact .official-path-summary p{max-width:none;margin:0;font-size:14px;line-height:1.75;color:#b2b7aa}
#path #mf-compact .official-path-summary p+p{margin-top:12px}
@media(max-width:700px){
 #path #mf-compact .official-path-intro{grid-template-columns:1fr;gap:16px;margin-bottom:27px}
 #path #mf-compact .official-path-intro h2{max-width:none}
 #path #mf-compact .official-path-summary p{font-size:13px;line-height:1.7}
 #path #mf-compact .official-path-summary p+p{margin-top:10px}
}