/* v1.9 brand, navigation and content refinements. All artwork comes from the approved logo. */
:root{--brand-navy:#102c5c;--brand-purple:#8050b8;--brand-gold:#e9b653;--page-ivory:#fcfaf6;--card-bg:#fff;--header-bg:#fff;--body-ink:#102c5c;--subtle-bg:#f5f7fb}
html[data-theme=dark]{--card-bg:#1b2d4b;--header-bg:#11233f;--body-ink:#f1f5fc;--subtle-bg:#0d1930}
html,body{max-width:100%;overflow-x:clip}
[id]{scroll-margin-top:20px}
.guide-feature[id]{scroll-margin-top:clamp(28px,9vh,110px)}
.page-intro+.archive-content{padding-top:8px}
.archive-content .archive-results .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.archive-content .archive-results .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.archive-content .archive-results .card-grid{grid-template-columns:1fr}}
.site-header .brand,html[data-theme=dark] .site-header .brand{width:142px;height:102px;padding:0;border:0;background:transparent;border-radius:0;overflow:visible;flex:none;position:relative}
.site-header .brand-image{display:block;width:100%;height:100%;object-fit:contain}
.site-header .brand-image-dark{display:none}
html[data-theme=dark] .site-header .brand-image-light{display:none}
html[data-theme=dark] .site-header .brand-image-dark{display:block}
html[data-theme=dark] .site-header .brand{background:transparent}
.site-header{background:var(--header-bg)}
.header-inner{min-height:104px;gap:clamp(12px,1.8vw,26px)}
.header-controls{gap:7px}.header-tool,.menu-toggle{min-width:46px;min-height:46px;border-radius:11px}
html[data-theme=dark] .menu-toggle{color:#f1f5fc}
.nav-list .sub-menu{inset-inline-start:0;right:auto;left:auto}
.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);background:radial-gradient(circle at 92% 8%,rgba(233,182,83,.13),transparent 30%),#f6f2fa;border:1px solid #e9e2ef}
.hero-visual{width:min(100%,430px);background:#f8f4eb;box-shadow:7px 7px 0 rgba(233,182,83,.65)}
.hero-visual img{width:100%;height:auto!important;object-fit:contain;object-position:center;aspect-ratio:1/1}
.hero-float-card{inset-inline-start:10px;inset-inline-end:auto;top:10px;max-width:55%;font-size:.76rem}
.hero-sticker{background:#fbf7ec;border-top:1px solid #e9dfc4;box-shadow:none}
.hero-copy>p{max-width:57ch;line-height:1.85}
.hero-title-wrap{padding-block-start:18px}
.hero-title-wrap h1{position:relative;z-index:1;margin-block:0 18px;line-height:1.5}
.hero-title-wrap h1 em{position:relative;white-space:normal}
.hero-title-wrap h1 em::after{content:"";position:absolute;inset-inline:0;bottom:.02em;height:3px;border-radius:3px;background:var(--brand-gold);opacity:.9;transform:scaleX(1);transform-origin:right center}
.hero-title-wrap.flight-active h1 em::after{animation:headline-underline 1s ease-out .2s both}
html[lang=en] .hero-title-wrap h1 em::after{transform-origin:left center}
@keyframes headline-underline{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.9}}
.hero-title-plane{top:-4px;inset-inline-start:0;width:48px;height:32px;filter:drop-shadow(0 4px 6px rgba(16,44,92,.15))}
.hero-title-wrap.flight-active .hero-title-plane{animation-duration:1.04s}
@keyframes fursati-title-flight-rtl{0%{opacity:0;translate:0 6px;rotate:10deg}14%{opacity:1;translate:calc(-.12 * var(--flight-width, 300px)) -4px;rotate:-4deg}50%{opacity:1;translate:calc(-.5 * var(--flight-width, 300px)) -10px;rotate:-9deg}82%{opacity:.85}100%{opacity:0;translate:calc(-1 * var(--flight-width, 300px)) -1px;rotate:0deg}}
@keyframes fursati-title-flight-en{0%{opacity:0;translate:0 6px;rotate:-10deg}14%{opacity:1;translate:calc(.12 * var(--flight-width, 300px)) -4px;rotate:4deg}50%{opacity:1;translate:calc(.5 * var(--flight-width, 300px)) -10px;rotate:9deg}82%{opacity:.85}100%{opacity:0;translate:var(--flight-width, 300px) -1px;rotate:0deg}}
.hero-title-plane::after{content:"";position:absolute;top:22px;inset-inline-start:42px;width:min(18vw,100px);border-top:2px dashed var(--brand-gold);opacity:.65;mask-image:linear-gradient(90deg,#000,transparent)}
html[lang=en] .hero-title-plane svg{transform:scaleX(-1)}
.button{transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}.button svg{flex:none;transition:transform .2s}.button-primary:hover{box-shadow:0 7px 20px rgba(128,80,184,.2)}.button:hover svg{transform:translateX(-2px)}html[lang=en] .button:hover svg{transform:translateX(2px)}.button:active{transform:translateY(0) scale(.98)}
.content-card .card-media img,.story-demo-card .card-media img,.editorial-card .card-media img{aspect-ratio:16/10;height:auto;object-fit:cover}
.content-card:hover .card-media img{transform:none}
@media(hover:hover) and (pointer:fine){.content-card:hover .card-media img{transform:scale(1.025)}}
.section-white{background:var(--card-bg)}
html[data-theme=dark] .section-white{background:#12223d}
html[data-theme=dark] .hero{background:radial-gradient(circle at 90% 7%,rgba(233,182,83,.08),transparent 32%),#1b2d4b;border-color:#344b6d}
html[data-theme=dark] .hero-visual{background:#263654}
html[data-theme=dark] .hero-sticker{background:#263654;border-color:#496080;color:#f1f5fc}
html[data-theme=dark] .hero-title-wrap h1 em::after{background:#e9b653}
html[data-theme=dark] .hero-float-card{background:#263654;color:#f1f5fc}
html[data-theme=dark] .card-media .card-badge,html[data-theme=dark] .card-country .country-badge{color:#102c5c}
/* A real accordion is injected only with JS; ordinary links remain visible without it. */
.nav-group-toggle{display:none}
@media(max-width:1100px){.header-cta{display:none}}
@media(max-width:900px){
 .header-inner{min-height:82px;gap:9px;flex-wrap:wrap}
 .site-header .brand{width:122px;height:68px;margin-inline-end:auto}
 .header-controls{margin-inline-start:0;order:0}.menu-toggle{order:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line)}
 .primary-navigation{inset-inline:0;top:100%;padding:12px max(15px,calc((100vw - 1200px)/2));max-height:calc(100dvh - 82px);overflow-y:auto;overscroll-behavior:contain;background:var(--header-bg)}
 .nav-list>li{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;border-bottom:1px solid var(--line)}
 .nav-list>li>a{grid-column:1;font-size:.95rem;min-height:48px;display:flex;align-items:center}
 .nav-list>li>.nav-group-toggle{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;color:var(--body-ink);border:0}
 .nav-group-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.nav-group-toggle svg{transition:transform .18s}
 .nav-list>li>.sub-menu{grid-column:1/-1;position:static;display:block;min-width:0;padding:0 12px 8px;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}
 .primary-navigation.nav-enhanced .nav-list>li>.sub-menu{display:none}
 .primary-navigation.nav-enhanced .nav-list>li:has(>.nav-group-toggle[aria-expanded=true])>.sub-menu{display:block}
 .nav-list .sub-menu li{border:0}.nav-list .sub-menu a{font-size:.9rem;min-height:42px;padding:8px 0}
 .primary-navigation .mobile-explore-button{min-height:48px;display:flex;align-items:center;justify-content:center;margin-block:14px 4px}
}
@media(max-width:700px){
 .hero{display:flex;flex-direction:column;gap:18px;padding:24px 19px}
 .hero-copy{order:0;width:100%}.hero-visual{order:1;width:min(100%,340px);margin-inline:auto}
 .hero-copy>p{font-size:1rem}.hero-actions{margin-top:18px}.hero-actions .button{min-width:130px}
 .hero-title-wrap{padding-block-start:10px}.hero-title-plane{top:-7px;width:36px}.hero-title-plane svg{width:36px}
 .hero-float-card{position:static;max-width:none;justify-content:center;border-radius:0}.hero-sticker{font-size:.73rem}
}
@media(max-width:480px){.site-header .brand{width:112px;height:64px}.header-inner{min-height:74px;gap:5px}.header-tool,.menu-toggle{width:44px;min-width:44px;height:44px;min-height:44px;padding:5px}.header-controls{gap:4px}.language-short{font-size:.66rem}.primary-navigation{max-height:calc(100dvh - 74px)}.hero h1{font-size:clamp(1.85rem,7vw,2.3rem)}.hero-visual{width:min(100%,300px)}.hero-actions .button{padding-inline:11px;font-size:.87rem}}
@media(max-width:370px){.site-header .brand{width:100px}.header-inner{gap:3px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-title-wrap.flight-active h1 em::after,.hero-title-wrap.flight-active .hero-title-plane{animation:none!important}.hero-title-plane{display:none}.button,.button svg,.nav-group-toggle svg{transition:none!important}.content-card:hover .card-media img{transform:none!important}}
@media(max-width:900px){noscript+ .primary-navigation{display:block}}