/* V89 — MS Fashion Institute: vector wordmark and editorial first screen. */
.institute-site{--ink:#111;--paper:#f6f5f1;background:#f6f5f1;color:#111;font-family:Arial,Helvetica,sans-serif}
.institute-site>.topbar{height:94px!important;min-height:94px!important;padding:0 4.5vw;gap:24px;background:#0b0b0b!important}
.institute-site .topbar .site-logo{width:220px!important;height:auto!important;max-height:52px!important;filter:invert(1)!important}
.institute-site .topbar nav{font-size:12px;gap:26px}
.institute-site .topbar .nav-pill{padding:12px 19px;border-radius:0;background:#fff!important;border-color:#fff!important;color:#111!important;opacity:1}
.institute-site .topbar nav a:hover{opacity:.65}
.institute-site .header-actions{gap:24px}
.institute-site .header-socials{display:none}
.institute-site .lang-btn{min-height:40px;min-width:28px}
.institute-hero{display:grid;grid-template-columns:52% 48%;min-height:710px;border-bottom:1px solid #d9d7d0}
.institute-copy{min-width:0;padding:64px 4.5vw 26px;display:flex;flex-direction:column;align-items:flex-start}
.institute-eyebrow{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.15em;margin:0 0 52px;color:#6b6b65}
.institute-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(44px,4.65vw,82px);line-height:1.07;font-weight:500;letter-spacing:-.055em;margin:0 0 27px;color:#111}
.institute-intro{font-size:16px;line-height:1.65;letter-spacing:-.01em;margin:0 0 36px;color:#64645e;max-width:440px}
.institute-actions{display:flex;align-items:stretch;gap:28px;width:100%;flex-wrap:wrap}
.institute-primary{min-height:52px;min-width:173px;padding:16px 27px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;background:#111;color:#fff;border:1px solid #111}
.institute-primary:hover{background:#333}
.institute-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;font-size:13px;border-bottom:1px solid #aaa8a0}
.institute-secondary>span:last-child{font-size:23px;font-weight:400}
.institute-copy .returning-student{margin-top:19px!important;font-size:12px!important;color:#6b6b65}
.institute-index{align-self:stretch;display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:54px;font-size:9px;font-weight:500;letter-spacing:.09em;color:#818179}
.institute-visual{position:relative;min-width:0;display:block;overflow:hidden;background:#b19a7e}
.institute-visual>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 52%;transition:transform .8s ease}
.institute-visual:hover>img{transform:scale(1.025)}
.institute-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.66));pointer-events:none}
.institute-visual-caption{position:absolute;z-index:1;bottom:34px;left:34px;right:34px;color:#fff;display:flex;justify-content:space-between;gap:22px;align-items:flex-end}
.institute-visual-caption small{display:block;font-size:9px;letter-spacing:.15em;margin-bottom:12px}
.institute-visual-caption strong{font-size:29px;line-height:1.2;font-weight:400;letter-spacing:-.035em;display:block}
.institute-visual-arrow{font-size:28px;width:45px;height:45px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;flex-shrink:0}
.institute-site .site-footer .footer-logo{width:185px!important;height:auto!important;max-height:50px;filter:invert(1)!important}
.auth-brand img{width:220px;height:auto;max-height:52px;filter:invert(1)}
.site-wordmark{width:190px;height:44px;flex-shrink:0}
.site-wordmark img{height:auto;max-height:44px}
.home-brand-logo,.website-learning .home-brand-logo{width:360px;max-width:100%;height:auto}
.telegram-gate-card>img{width:280px;max-width:90%;height:auto}
.institute-site :is(a,button):focus-visible{outline:2px solid #73736b;outline-offset:5px}
@media(min-width:1700px){.institute-hero{min-height:800px}.institute-copy{padding-top:76px}.institute-eyebrow{margin-bottom:65px}.institute-intro{font-size:18px}}
@media(max-width:1100px){
 .institute-site .topbar nav{display:none;position:absolute;left:0;right:0;top:94px!important;padding:26px 4.5vw!important;background:#0b0b0b!important;align-items:stretch;flex-direction:column;gap:22px!important;border-top:1px solid #333;z-index:50}
 .institute-site.menu-open .topbar nav{display:flex}
 .institute-site .menu-btn{display:block;min-height:44px;min-width:38px}
 .institute-site .topbar nav .nav-pill{align-self:flex-start;min-width:180px}
 .institute-hero{min-height:650px;grid-template-columns:53% 47%}
 .institute-copy{padding:46px 4vw 24px}
 .institute-eyebrow{margin-bottom:46px}
 .institute-copy h1{font-size:clamp(38px,4.7vw,53px)}
 .institute-actions{gap:18px}.institute-primary{min-width:150px;padding-left:20px;padding-right:20px}
 .institute-intro{font-size:14px}
 .institute-visual-caption{left:24px;right:24px}.institute-visual-caption strong{font-size:24px}
}
@media(max-width:760px){
 .institute-site>.topbar{height:78px!important;min-height:78px!important;padding:0 22px;gap:12px}
 .institute-site .topbar .site-logo{width:174px!important;max-height:42px!important}
 .institute-site .header-actions{gap:10px}
 .institute-site .topbar nav{top:78px!important;padding:24px 22px!important}
 .institute-site .topbar nav .nav-pill{align-self:stretch}
 .institute-site .lang-switch{gap:0}
 .institute-site .lang-btn{font-size:9px;letter-spacing:.05em;min-width:25px}
 .institute-hero{display:flex;flex-direction:column;min-height:0}
 .institute-copy{padding:36px 22px 30px;display:block}
 .institute-eyebrow{margin-bottom:27px;font-size:9px;letter-spacing:.12em}
 .institute-copy h1{font-size:clamp(33px,8.85vw,63px);line-height:1.1;letter-spacing:-.05em;margin-bottom:23px}
 .institute-intro{font-size:13px;line-height:1.65;margin-bottom:27px}
 .institute-actions{gap:18px;flex-wrap:nowrap}.institute-primary{min-width:0;flex:1;padding:14px 18px;font-size:12px}
 .institute-secondary{font-size:12px;gap:14px}
 .institute-copy .returning-student{margin-top:17px!important;font-size:11px!important}
 .institute-index{display:none}
 .institute-visual{height:420px;min-height:0}
 .institute-visual>img{object-position:center 52%}
 .institute-visual-caption{bottom:24px;left:22px;right:22px}.institute-visual-caption strong{font-size:27px}.institute-visual-caption small{font-size:8px}
 .institute-site .site-footer .footer-logo{width:175px!important;height:auto!important}
 .auth-brand img{width:172px;max-height:40px;height:auto}
 .site-wordmark{width:152px;height:36px}.site-wordmark img{max-height:36px}
 .home-brand-logo,.website-learning .home-brand-logo{width:300px;max-width:90%}
 .institute-site .program-card,.institute-site .academy-grid,.institute-site .module-grid{grid-template-columns:minmax(0,1fr)!important}
 .institute-site .program-card>*,.institute-site .academy-grid>*,.institute-site .module-grid>*{min-width:0}
 .institute-site .module-grid h3{overflow-wrap:anywhere}
 .institute-site .pc-content h3,.institute-site .academy h2,.institute-site .auth-focus h2,.institute-site .speakers-head h2{font-size:clamp(28px,8.2vw,40px)!important;overflow-wrap:anywhere}
}
@media(max-width:360px){
 .institute-site>.topbar{padding:0 16px}.institute-site .topbar .site-logo{width:154px!important}.institute-site .header-actions{gap:3px}.institute-site .menu-btn{min-width:30px}
 .institute-copy{padding:30px 18px 28px}.institute-copy h1{font-size:31px}
 .institute-actions{gap:13px}.institute-secondary{gap:10px;font-size:11px}
 .auth-brand img{width:152px}.site-wordmark{width:132px}
}
@media(prefers-reduced-motion:reduce){.institute-visual>img{transition:none}.institute-visual:hover>img{transform:none}}