/* Final type and mobile rendering layer. The same licensed faces serve every size. */
@font-face{
  font-family:DM;
  src:url('../assets/dm-sans.woff2') format('woff2');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:Instrument;
  src:url('../assets/instrument-serif-regular.woff2') format('woff2');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:Instrument;
  src:url('../assets/instrument-serif-italic.woff2') format('woff2');
  font-style:italic;
  font-weight:400;
  font-display:swap;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.signature-gallery.is-static .signature-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-inline:auto}

/* Use the real italic, rather than a skewed regular font. Leave room for swashes. */
html[lang=en] .hero h1,
html[lang=en] .hero h1>span,
html[lang=en] .hero h1 em{
  font-family:Instrument,Georgia,serif;
  font-weight:400;
  font-synthesis:none;
  letter-spacing:-.025em;
  overflow:visible;
}
html[lang=en] .hero h1{
  width:max-content;
  max-width:100%;
  line-height:.96;
  padding:0 .08em .08em 0;
}
html[lang=en] .hero h1>span{
  font-style:normal;
  line-height:.94;
  padding:0;
  transform:scaleX(1.025);
  transform-origin:left center;
}
html[lang=en] .hero h1 em{
  font-style:italic;
  line-height:1.02;
  padding:0 .1em .1em .02em;
  margin:-.025em 0 0 -.02em;
  transform:scaleX(1.025);
  transform-origin:left center;
}

/* Arabic contextual forms and the headline's stylistic sets remain intact on iOS. */
html[lang=ar] body{
  font-family:ThmanyahText,Tahoma,serif;
  font-synthesis:none;
  font-feature-settings:'kern' 1,'calt' 1,'liga' 1,'rlig' 1;
}
html[lang=ar] .hero h1,
html[lang=ar] .hero h1>span,
html[lang=ar] .hero h1 em{
  font-family:ThmanyahDisplay,ThmanyahText,serif;
  font-style:normal;
  font-synthesis:none;
  letter-spacing:0;
  overflow:visible;
}
html[lang=ar] .hero h1>span{font-feature-settings:'kern' 1,'calt' 1,'liga' 1,'rlig' 1,'ss01' 1}
html[lang=ar] .hero h1 em{font-feature-settings:'kern' 1,'calt' 1,'liga' 1,'rlig' 1,'ss04' 1}
html[lang=ar] :is(.site-header nav,.contact-bubble,.theme-toggle,.hero-register,.edition-register,.motion,.partner-link){
  font-family:ThmanyahSans,Tahoma,sans-serif;
  font-weight:500;
  font-synthesis:none;
  letter-spacing:0;
}
html[lang=ar] .language-switch{font-family:DM,Arial,sans-serif}

/* Practical answers, kept compact so the partnership close remains the focus. */
.faq-section{max-width:1120px;margin:58px auto 0;padding-top:42px;border-top:1px solid color-mix(in srgb,var(--page-ink) 12%,transparent)}
.faq-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.faq-heading h3{margin:0;font:500 clamp(30px,4vw,48px)/1.15 Instrument,Georgia,serif;color:var(--page-ink)}
.faq-heading p:last-child{margin:0;color:var(--page-muted);font-size:14px}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.faq-list details{border:1px solid color-mix(in srgb,var(--page-ink) 15%,transparent);border-radius:16px;background:color-mix(in srgb,var(--page-surface) 70%,transparent);overflow:hidden;transition:border-color .22s,background .22s}
.faq-list details[open]{border-color:#3a73b877;background:color-mix(in srgb,var(--page-surface) 92%,#3a73b8 8%)}
.faq-list summary{list-style:none;cursor:pointer;padding:18px 44px 18px 18px;position:relative;color:var(--page-ink);font:500 16px/1.55 DM,Arial,sans-serif}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;inset-inline-end:18px;top:15px;color:#3a73b8;font:400 24px/1 DM,Arial,sans-serif}
.faq-list details[open] summary:after{content:'−'}
.faq-list details p{margin:0;padding:0 18px 18px;color:var(--page-muted);font-size:14px;line-height:1.8}
html[lang=ar] .faq-heading h3,html[lang=ar] .faq-list summary,html[lang=ar] .faq-list details p{font-family:ThmanyahText,ThmanyahSans,Tahoma,sans-serif}
html[lang=ar] .faq-heading{direction:rtl}
html[lang=ar] .faq-list summary{padding-inline:18px 44px}

/* Repeat the signature typography at the two smaller brand moments. */
.collaboration-heading .go-beyond,
.site-footer .brand-slogan.go-beyond{
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  flex-wrap:wrap;
  column-gap:.13em;
  row-gap:0;
  max-width:100%;
  overflow:visible;
  font-synthesis:none;
}
html[lang=en] .collaboration-heading .go-beyond,
html[lang=en] .site-footer .brand-slogan.go-beyond{
  font-family:Instrument,Georgia,serif;
  font-style:normal;
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.025em;
}
html[lang=en] .collaboration-heading .go-beyond>span,
html[lang=en] .site-footer .brand-slogan.go-beyond>span{
  font:inherit;
  font-style:normal;
  transform:scaleX(1.025);
  transform-origin:center;
}
html[lang=en] .collaboration-heading .go-beyond em,
html[lang=en] .site-footer .brand-slogan.go-beyond em{
  font:inherit;
  font-style:italic;
  transform:scaleX(1.025);
  transform-origin:center;
}
.collaboration-heading .go-beyond{font-size:clamp(48px,5.4vw,78px);padding-bottom:.1em}
.site-footer .brand-slogan.go-beyond{font-size:36px;margin:0;padding-block:.08em}
html[lang=ar] .collaborations .collaboration-heading .go-beyond,
html[lang=ar] .site-footer .brand-slogan.go-beyond{
  font-family:ThmanyahDisplay,ThmanyahText,serif;
  font-weight:500;
  font-style:normal;
  font-synthesis:none;
  letter-spacing:0;
  line-height:1.4;
  direction:rtl;
  column-gap:.2em;
}
html[lang=ar] .collaborations .collaboration-heading .go-beyond{font-size:clamp(44px,4.8vw,68px)}
html[lang=ar] .site-footer .brand-slogan.go-beyond{font-size:31px}
html[lang=ar] .go-beyond>span{font-feature-settings:'kern' 1,'calt' 1,'liga' 1,'rlig' 1,'ss01' 1}
html[lang=ar] .go-beyond em{font-style:normal;font-feature-settings:'kern' 1,'calt' 1,'liga' 1,'rlig' 1,'ss04' 1}
.collaboration-heading .go-beyond em,
.site-footer .brand-slogan.go-beyond em{color:#8bd6ee}
html[data-theme=light] .collaboration-heading .go-beyond em,
html[data-theme=light] .site-footer .brand-slogan.go-beyond em{color:#3a73b8}

@media(max-width:760px){
  /* Sticky backdrop blur repaints behind every scroll on mobile Safari. */
  .site-header,
  html[data-theme=light] .site-header,
  .motion,
  .partnership-dialog::backdrop{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .site-header{background:#07111e}
  html[data-theme=light] .site-header{background:#e5ecf6}
  .site-header.scrolled{box-shadow:0 3px 12px #10294514}
  .motion{background:#0b1b2a}
  html[data-theme=light] .motion{background:#edf2fa}

  /* The canvases supply motion; large, decorative layers stay inexpensive. */
  .daylight-atmosphere i,
  html[data-theme=light] .daylight-atmosphere i,
  .hero-atmosphere,
  .impact-light,
  .horizon-lens{
    animation:none!important;
    will-change:auto;
    transform:none;
  }
  .horizon-lens{display:none}
  .hero:after{display:none}
  .hero-register:after,
  .academy-glint{display:none}
  .signature-art:after{filter:none}
  .signature-identity img{filter:none}
  .coin-fallback,
  .academy-emblem-fallback{filter:none}
  .assembly-caption{text-shadow:none}
  .hero h1 em,
  .is-signed .assembly-caption{
    animation:none!important;
    background:none;
    -webkit-text-fill-color:currentColor;
  }
  .hero h1 em{color:#8bd6ee}
  html[data-theme=light] .hero h1 em{color:#3a73b8!important;background:none}

  /* Center the slogan without clipping its italic terminals or Arabic marks. */
  html[lang=en] .hero h1{
    font-size:clamp(75px,22vw,122px);
    justify-self:center;
    text-align:left;
    margin-inline:auto;
    padding-inline-end:.12em;
  }
  html[lang=ar] .hero h1{
    width:100%;
    justify-self:center;
    text-align:center;
    line-height:1.15;
    padding-block:.06em .12em;
  }
  html[lang=ar] .hero h1 em{
    margin-inline:auto;
    line-height:1.25;
    padding-block:.02em .08em;
  }
  .hero-invitation{margin-bottom:0}
  .hero-invitation .hero-register{margin-block:10px 8px;min-height:52px}
  .hero-path .action-title{min-width:0}
  .site-header nav a{white-space:nowrap}
  .header-actions{min-width:0}
  .contact-bubble{white-space:nowrap}
  .workshop-topics h4{overflow-wrap:normal;text-wrap:balance}
  .edition-status{align-items:baseline}
  .edition-register{width:100%;min-height:52px}
  .track-overview p{max-width:none}
  .partner-email{overflow-wrap:anywhere}
  .footer-signature{max-width:100%;flex-wrap:wrap}
  .faq-section{margin-top:40px;padding-top:30px}
  .faq-heading{display:block;margin-bottom:16px}
  .faq-heading h3{font-size:34px;margin:6px 0 4px}
  .faq-list{grid-template-columns:1fr;gap:8px}
  .faq-list summary{padding:15px 40px 15px 15px;font-size:15px}
  .faq-list details p{padding:0 15px 15px;font-size:14px}
  .site-footer .brand-slogan.go-beyond{font-size:31px}
  html[lang=ar] .site-footer .brand-slogan.go-beyond{font-size:27px}
}

@media(max-width:360px){
  html[lang=en] .hero h1{font-size:clamp(68px,22vw,80px)}
  html[lang=ar] .hero h1{font-size:clamp(61px,19.4vw,70px)}
  .site-header{padding-inline:10px}
  .site-header .brand-lockup{width:92px}
  .header-actions .language-switch{padding-inline:8px;font-size:12px}
  .header-actions{gap:4px}
  .contact-bubble{padding-inline:9px}
}

@media(prefers-reduced-motion:reduce){
  .hero h1 em,.is-signed .assembly-caption{background:none;-webkit-text-fill-color:currentColor}
  .hero h1 em{color:#8bd6ee}
  html[data-theme=light] .hero h1 em{color:#3a73b8!important}
}