@font-face{font-family:Vazirmatn;src:url('assets/fonts/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.language-switch{display:flex;align-items:center;gap:9px;font:500 .875rem/1.5 Vazirmatn,Arial,sans-serif;white-space:nowrap;order:3;flex-shrink:0}
.language-switch a{padding:8px 4px;min-height:40px;display:inline-flex;align-items:center;color:var(--muted)}
.language-switch a[aria-current]{color:var(--gold);border-bottom:1px solid var(--gold)}
.language-switch span{color:#ffffff50}
.site-header{gap:20px}.site-header #navigation{gap:20px}
.original-title{display:block;font:400 .95rem/1.65 Arial,sans-serif;color:var(--muted);margin-top:12px;text-align:left;unicode-bidi:isolate}
[lang=fa]{--sans:Vazirmatn,Tahoma,Arial,sans-serif;--serif:Vazirmatn,Tahoma,Arial,sans-serif}
html[lang=fa] body{font-family:var(--sans);line-height:2}
html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3,html[lang=fa] h4,html[lang=fa] em{font-family:var(--sans);font-style:normal;letter-spacing:normal!important;line-height:1.65;font-weight:600}
html[lang=fa] .eyebrow,html[lang=fa] .hero-paths a,html[lang=fa] .site-header nav,html[lang=fa] .card-foot,html[lang=fa] .journal,html[lang=fa] .world-top,html[lang=fa] .hero-socials,html[lang=fa] .hero-bottom,html[lang=fa] .timeline span,html[lang=fa] .milestone>span{letter-spacing:normal!important}
html[lang=fa] main>section:not(.hero) h2{font-size:clamp(1.85rem,3.2vw,2.75rem);line-height:1.8}
html[lang=fa] .hero h1{font-family:var(--sans);font-size:clamp(2.5rem,5.5vw,4.3rem);font-weight:600;line-height:1.6}
html[lang=fa] .hero h1 em{font-weight:400;color:var(--gold)}
html[lang=fa] .hero-line{letter-spacing:normal;font-size:1.2rem;line-height:1.9}
html[lang=fa] .hero-intro{font-size:1.05rem;line-height:2.1;max-width:640px}
html[lang=fa] .hero-content .eyebrow{font-size:.875rem;line-height:2}
html[lang=fa] .hero-bottom a{text-align:end}
html[lang=fa] .hero-paths a{border-left:0;border-right:1px solid #ffffff88;font-size:1rem}
html[lang=fa] .hero-paths a:first-child{border-right:0}
html[lang=fa] .credential-row>div{border-left:0;border-right:1px solid var(--line)}
html[lang=fa] .credential-row>div:first-child{border-right:0;padding-right:0;padding-left:30px}
html[lang=fa] .research-card{border-left:0;border-right:1px solid var(--line)}
html[lang=fa] .research-card:first-child{border-right:0}
html[lang=fa] .research-card h3{line-height:1.8}
html[lang=fa] .paper h4{line-height:1.95;font-size:1.15rem}
html[lang=fa] .authors{font-family:Arial,sans-serif;text-align:left;unicode-bidi:isolate;line-height:1.8}
html[lang=fa] .timeline{border-left:0;border-right:1px solid #e6ba8355;padding:0 25px 0 0}
html[lang=fa] .timeline li:before{left:auto;right:-29px}
html[lang=fa] .vh-services article{border-left:0;border-right:1px solid var(--line)}
html[lang=fa] .vh-services article:first-child{border-right:0}
html[lang=fa] .vh-tagline{font-style:normal;line-height:1.9}
html[lang=fa] .vh-heading h2{letter-spacing:normal!important;font-size:clamp(2.3rem,4.5vw,3.5rem)!important;margin-bottom:0}
.vh-english-name{font-family:Georgia,serif;color:var(--gold);font-size:1.1rem;letter-spacing:.1em;margin-bottom:22px}
html[lang=fa] .vh-monogram,html[lang=fa] .world-card h3{font-family:Georgia,serif;direction:ltr;text-align:right}
html[lang=fa] .vh-monogram{text-align:center}
html[lang=fa] .video-topic{font-size:2rem;line-height:1.8;letter-spacing:normal}
html[lang=fa] .video-topic em{font-size:1em}
html[lang=fa] .world-card p{min-height:0;line-height:2.05}
html[lang=fa] .contact-section h2{font-size:clamp(1.9rem,3.5vw,3rem)!important}
.contact-email,.world-handle{direction:ltr;unicode-bidi:isolate}
html[lang=fa] .world-handle{text-align:right}
html[lang=fa] .eyebrow,html[lang=fa] .badge,html[lang=fa] .journal,html[lang=fa] .card-foot{font-size:.875rem}
html[lang=fa] .vh-services p:last-child,html[lang=fa] .timeline p,html[lang=fa] .milestone p,html[lang=fa] .teaching-list p{font-size:1rem}
@media(max-width:1100px){.site-header{height:78px;padding-inline:20px;gap:16px}.site-header .brand{margin-inline-end:auto}.menu-toggle{display:block;order:4;background:transparent;border:1px solid var(--line);padding:7px 12px;color:var(--text);font-size:.875rem;border-radius:3px}.site-header #navigation{display:none;position:absolute;top:78px;left:0;right:0;background:#111b28;border-bottom:1px solid var(--line);padding:24px;align-items:stretch;gap:14px}.site-header #navigation.open{display:flex;flex-direction:column}.site-header #navigation a{padding:6px}}
@media(max-width:1000px){html[lang=fa] .research-card,html[lang=fa] .vh-services article{border-right:0}}
@media(max-width:760px){.site-header{height:70px;gap:12px}.site-header #navigation{top:70px}.language-switch{gap:6px}.language-switch a{padding:7px 3px}html[lang=fa] .hero-paths a{border-right:0}html[lang=fa] .hero-bottom a{text-align:start}html[lang=fa] .credential-row>div,html[lang=fa] .credential-row>div:first-child{border-right:0;padding:20px 0}html[lang=fa] .hero-content{padding-bottom:125px}html[lang=fa] .hero h1{font-size:2.75rem}html[lang=fa] .hero-content .eyebrow{max-width:320px}html[lang=fa] .vh-roadmap ol{grid-template-columns:1fr}html[lang=fa] main>section:not(.hero) h2{font-size:1.8rem}html[lang=fa] .contact-section h2{font-size:1.8rem!important}}

/* Full section menu and bilingual teaching enquiry. */
.site-header{height:auto;min-height:78px;padding-block:10px}.site-header #navigation{flex-wrap:wrap;justify-content:center;gap:8px 18px;max-width:960px}.site-header #navigation a{font-size:.875rem;line-height:1.5}
.teaching-enquiry{margin:42px auto 0;padding:30px;border:1px solid #ead0a64d;background:#ead0a608;max-width:100%}.teaching-enquiry h3{margin-bottom:20px;line-height:1.5}.teaching-enquiry p{max-width:850px}.teaching-enquiry .small{margin:16px 0 0}
@media(max-width:1100px){.site-header{height:78px;padding-block:0}.site-header #navigation{max-width:none;max-height:calc(100svh - 78px);overflow-y:auto;flex-wrap:nowrap;justify-content:flex-start}}
@media(max-width:760px){.site-header{height:70px;min-height:70px}.site-header #navigation{max-height:calc(100svh - 70px)}.teaching-enquiry{padding:24px 18px}.teaching-enquiry .button{width:100%;text-align:center}}

/* Internal section navigation within each main category. */
main [id]{scroll-margin-top:120px}.view-toolbar{align-items:flex-start}.view-links{gap:12px 22px}.view-links a{line-height:1.7}.site-header #navigation{gap:10px 18px}
@media(max-width:760px){main [id]{scroll-margin-top:90px}.view-links{gap:10px 16px}}

/* Social destinations: YouTube leads, immediately below the introduction. */
.social-icons{display:flex;align-items:center;justify-content:center;gap:14px;direction:ltr}
.hero-socials.social-icons{margin:0 auto 28px;letter-spacing:normal}
.social-icons a.social-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:48px;height:48px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#15202ee6;color:#f7f3ec;transition:transform .18s,background .18s,border-color .18s;--play-fill:#15202e}
.social-icons a.social-youtube{width:66px;height:54px;border-radius:17px;background:#dc2638;border-color:#ff6a76;box-shadow:0 6px 24px #dc263833;--play-fill:#dc2638}
.social-youtube svg{width:33px;height:33px}
.social-icons a:hover{transform:translateY(-3px);border-color:#ead0a6;background:#2b3748}
.social-icons a.social-youtube:hover{background:#b91e2d;--play-fill:#b91e2d;border-color:#ff9ba4}
.social-icons a:focus-visible{outline:3px solid #ead0a6;outline-offset:5px}
.about-links.social-links,.contact-links.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.social-links .social-icons{flex-wrap:nowrap}
@media(max-width:380px){.social-icons{gap:11px}}
@media(prefers-reduced-motion:reduce){.social-icons a.social-icon{transition:none}.social-icons a:hover{transform:none}}

/* A quiet gold compass-like control, clear of mobile safe areas. */
.back-to-top{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:9;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--gold);border-radius:50%;background:#111c2bf5;color:var(--gold);box-shadow:0 6px 24px #0005;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.back-to-top[hidden]{display:none}
.back-to-top:hover{background:#253145;transform:translateY(-3px);box-shadow:0 8px 26px #0007}
.back-to-top:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.back-to-top:active{transform:translateY(0)}
@media(max-width:760px){.back-to-top{right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}.back-to-top:hover{transform:none}}
