/* Mergen2 Epic Theme — dark plum, royal violet and warm ivory */
:root {
  --ink: #f3eadb;
  --muted: #b8a9c7;
  --purple: #8d4bea;
  --purple-2: #bd6cff;
  --lavender: #251738;
  --paper: #0d0815;
  --white: #fffaf0;
  --cream: #f0e7d8;
  --night: #0b0712;
  --plum: #170d24;
  --line: rgba(240, 231, 216, .13);
  --shadow: 0 28px 90px rgba(3, 1, 9, .48);
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body { background: var(--night); }
::selection { color: #160b23; background: #d8b7ff; }

.page-loader { color: var(--cream); background: #09050f; }
.loader-mark { border-color: rgba(205, 166, 255, .25); }
.loader-mark::before, .loader-mark::after { border-color: rgba(205, 166, 255, .13); border-top-color: #b76cff; }

.site-header { border-color: rgba(246, 235, 217, .1); background: linear-gradient(180deg, rgba(7, 4, 13, .62), transparent); }
.site-header.scrolled { border-color: rgba(246, 235, 217, .12); background: rgba(10, 6, 17, .88); box-shadow: 0 15px 45px rgba(0,0,0,.32); }
.navbar { min-height: 86px; }
.brand { min-width: 172px; }
.brand-logo { width: 172px; height: auto; max-height: 50px; object-fit: contain; filter: drop-shadow(0 5px 14px rgba(125, 58, 201, .35)); }
.nav-links a, .nav-login { color: rgba(247, 237, 221, .76); }
.nav-links a:hover, .nav-links a.active, .nav-login:hover { color: #fffaf0; }
.nav-links a::after { bottom: 21px; background: linear-gradient(90deg, transparent, #b968ff, transparent); }
.language-trigger { border-color: rgba(244, 231, 211, .18); color: #f8efdf; background: rgba(21, 12, 33, .68); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.language-globe { color: #d9bdff; background: rgba(154, 85, 232, .22); }
.current-flag { display: inline-flex; width: 22px; height: 16px; overflow: hidden; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.28); border-radius: 4px; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.28); }
.current-flag img, .flag-icon { display: block; width: 100%; height: 100%; object-fit: cover; }
.flag-icon { width: 22px; height: 15px; border: 1px solid rgba(35, 20, 45, .14); border-radius: 3px; box-shadow: 0 2px 6px rgba(38, 20, 48, .12); }
.language-menu { width: 260px; max-height: min(610px, calc(100vh - 110px)); overflow-y: auto; border-color: rgba(76, 48, 103, .15); color: #24172f; background: rgba(248, 242, 232, .98); box-shadow: 0 28px 80px rgba(0,0,0,.36); }
.language-menu button:hover, .language-menu button[aria-selected="true"] { color: #5f2fa5; background: #e9dcf8; }
.language-menu button small { color: #897e91; }
.button { border-color: #9450ed; color: #fff9ee; background: linear-gradient(135deg, #a15cf3, #6c2fca); box-shadow: 0 16px 38px rgba(87, 34, 159, .38), inset 0 1px 0 rgba(255,255,255,.22); }
.button:hover { box-shadow: 0 20px 46px rgba(105, 41, 188, .5), inset 0 1px 0 rgba(255,255,255,.28); }

.hero { min-height: 850px; background: #08050e; }
.hero-image { z-index: 0; transform: scale(1.025); background-image: url('../images/hero-mergen2.png'); background-position: center center; }
.hero-video { z-index: 1; mix-blend-mode: screen; filter: saturate(.25) hue-rotate(20deg) contrast(1.08); }
.hero.video-ready .hero-video { opacity: .13; }
.hero-wash {
  z-index: 2;
  background:
    radial-gradient(ellipse at 50% 52%, rgba(24, 11, 39, .05) 0%, rgba(8, 4, 14, .16) 48%, rgba(5, 3, 10, .72) 100%),
    linear-gradient(180deg, rgba(7, 4, 13, .36) 0%, transparent 19%, transparent 65%, rgba(6, 3, 11, .88) 100%);
}
.aurora { z-index: 2; opacity: .36; filter: blur(110px); }
.aurora-one { top: 18%; left: 28%; background: rgba(120, 45, 216, .3); }
.aurora-two { right: 19%; bottom: 8%; background: rgba(185, 87, 255, .18); }
.petal { width: 3px; height: 3px; border-radius: 50%; background: #d9b0ff; box-shadow: 0 0 10px #a849ff; }
.hero-rings { z-index: 3; top: 50%; right: auto; left: 50%; width: min(62vw, 710px); transform: translate(-50%, -46%); opacity: .36; }
.hero-rings i { border-color: rgba(205, 169, 255, .17); box-shadow: inset 0 0 40px rgba(115, 52, 197, .04); }
.hero-rings i:nth-child(1) { animation: ringSpin 34s linear infinite; }
.hero-rings i:nth-child(2) { animation: ringSpin 27s linear infinite reverse; }
.hero-rings i:nth-child(3) { animation: ringPulse 8s ease-in-out infinite; }
@keyframes ringSpin { to { transform: rotate(360deg); } }

.hero-content {
  position: relative;
  z-index: 5;
  display: flex;
  min-height: 850px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding-top: 112px;
  padding-bottom: 74px;
  text-align: center;
}
.hero-copy { display: flex; width: min(920px, 100%); max-width: none; flex-direction: column; align-items: center; }
.hero .eyebrow { justify-content: center; margin: 0 0 16px; color: #d5bcf3; font-size: 9px; text-shadow: 0 2px 16px #000; }
.hero .eyebrow > span { width: 56px; background: linear-gradient(90deg, transparent, #b880ef); }
.hero .eyebrow::after { content: ''; width: 56px; height: 1px; background: linear-gradient(90deg, #b880ef, transparent); }
.hero-logo { width: clamp(480px, 60vw, 830px); max-height: 290px; object-fit: contain; filter: drop-shadow(0 8px 4px rgba(0,0,0,.7)) drop-shadow(0 0 28px rgba(162, 68, 236, .25)); animation: logoBreathe 5s ease-in-out infinite; }
@keyframes logoBreathe { 50% { filter: drop-shadow(0 10px 5px rgba(0,0,0,.74)) drop-shadow(0 0 42px rgba(172, 74, 247, .38)); transform: translateY(-3px); } }
.hero-lead { max-width: 690px; margin: -8px auto 0; color: rgba(247, 236, 220, .74); font-size: 13px; line-height: 1.7; text-shadow: 0 3px 14px #000; }
.countdown-card { position: relative; width: min(650px, 100%); align-self: center; margin: 20px 0 0; padding: 16px 18px 18px; overflow: hidden; border: 1px solid rgba(222, 188, 255, .27); border-radius: 24px; background: linear-gradient(145deg, rgba(32, 17, 48, .91), rgba(11, 6, 19, .9)); box-shadow: 0 24px 65px rgba(0,0,0,.42), 0 0 48px rgba(143, 67, 219, .14), inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter: blur(20px); }
.countdown-card::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 0, rgba(190, 108, 255, .18), transparent 42%), linear-gradient(90deg, transparent, rgba(255,255,255,.025), transparent); }
.countdown-card::after { content: '◆'; position: absolute; top: 11px; left: 50%; color: rgba(222, 185, 255, .2); font-size: 9px; transform: translateX(-50%) rotate(45deg); }
.countdown-head { position: relative; z-index: 1; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 0 2px 12px; border-bottom: 1px solid rgba(239, 219, 255, .12); color: #e2c8ff; font-size: 8px; text-align: left; text-shadow: 0 2px 12px #000; }
.countdown-head small { color: rgba(247, 233, 214, .5); text-align: right; }
.live-dot { background: #b967ff; box-shadow: 0 0 0 4px rgba(178, 92, 247, .14), 0 0 14px #ac55ed; }
.opening-date { position: relative; z-index: 1; justify-content: center; gap: 9px; padding: 11px 0 4px; }
.opening-date strong { color: #fff8eb; font-size: 34px; line-height: 1; text-shadow: 0 3px 18px #000, 0 0 24px rgba(194, 111, 255, .2); }
.opening-date span { color: #d9a8ff; font-size: 14px; letter-spacing: .14em; }
.opening-date b { margin-left: 7px; padding: 4px 7px; border: 1px solid rgba(219, 183, 250, .17); border-radius: 6px; color: rgba(255, 244, 227, .74); background: rgba(255,255,255,.045); font-size: 9px; }
.countdown-label { position: relative; z-index: 1; margin: 1px 0 9px; color: rgba(226, 199, 249, .52); font-size: 6px; font-weight: 800; letter-spacing: .35em; text-align: center; }
.countdown { position: relative; z-index: 1; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 8px; padding: 0; background: transparent; box-shadow: none; }
.countdown div { min-height: 73px; justify-content: center; border: 1px solid rgba(231, 208, 255, .18); border-radius: 13px; background: linear-gradient(180deg, rgba(66, 38, 91, .78), rgba(21, 12, 33, .9)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 26px rgba(0,0,0,.25); backdrop-filter: blur(12px); }
.countdown strong { color: #fff8e9; font-size: 25px; }
.countdown span { color: rgba(239, 222, 250, .56); font-size: 6px; }
.countdown > i { align-self: center; padding: 0; color: rgba(213, 175, 245, .35); }
.countdown-note { position: relative; z-index: 1; justify-content: center; margin-top: 10px; }
.countdown-note > span { color: #ead7ff; background: rgba(145, 74, 212, .26); }
.countdown-note p { color: rgba(247, 234, 216, .48); }
.hero-cta { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 18px; }
.hero-cta .button { min-width: 184px; min-height: 48px; }
.hero .text-link { min-width: 184px; min-height: 48px; justify-content: center; padding: 0 19px; border: 1px solid rgba(239, 222, 252, .17); border-radius: 999px; color: #f5ebdf; background: rgba(13, 8, 22, .46); backdrop-filter: blur(12px); }
.hero .play-icon { width: 27px; height: 27px; border-color: rgba(244, 228, 255, .2); color: #f7ebff; background: rgba(255,255,255,.09); }
.hero-trust { display: flex; justify-content: center; gap: 22px; margin-top: 16px; }
.hero-trust span { color: rgba(241, 227, 210, .5); font-size: 8px; }
.hero-trust i { border-color: #bb78f6; box-shadow: 0 0 0 3px rgba(174, 91, 241, .11), 0 0 10px rgba(177, 79, 239, .45); }
.scroll-cue small { color: rgba(244, 229, 211, .5); }
.scroll-cue span { background: rgba(236, 210, 255, .18); }
.scroll-cue span::after { background: #c590f5; }

.signal-bar { border-color: rgba(241, 224, 203, .1); background: #0b0712; }
.signal-grid > div, .signal-grid > a { border-color: rgba(241, 224, 203, .1); }
.signal-grid > * > span { color: #745492; }
.signal-grid small { color: #806f8f; }
.signal-grid strong { color: #e9dece; }
.signal-grid a > b { color: #b669ef; }

.preface { color: #24172e; background: var(--cream); }
.preface .kicker { color: #7744a8; }
.preface .kicker > span { color: #9e84ae; }
.preface .lead-quote { color: #30203e; }
.preface .copy-columns p { color: #6f6371; }
.preface .signature { border-color: rgba(45, 25, 59, .14); }
.preface .signature > span { background: linear-gradient(145deg, #8c4ed3, #4d276e); }
.preface .signature small { color: #8a7a8c; }
.preface .orb { background: rgba(141, 75, 234, .09); }

.story { background: #0c0713; }
.story::before { background: radial-gradient(circle at 72% 38%, rgba(123, 53, 190, .3), transparent 34%), linear-gradient(125deg, #0c0713 0%, #20102d 52%, #090610 100%); }
.story::after { opacity: .09; }
.story-moon { background: radial-gradient(circle at 38% 35%, #fff2d9, #bda4d2 55%, #6c358d); box-shadow: 0 0 100px rgba(183, 109, 230, .25); }
.story-mountain { background: linear-gradient(135deg, #502b6e, #10091a 70%); }
.story-layout-real { min-height: 0; grid-template-columns: minmax(300px, .74fr) minmax(0, 1.26fr); align-items: start; gap: clamp(55px, 7vw, 110px); }
.story-layout-real .story-intro { position: sticky; top: 126px; max-width: 470px; padding-top: 12px; }
.story-layout-real .story-intro h2 { font-size: clamp(47px, 5vw, 72px); }
.story-layout-real .story-origin { max-width: 440px; margin: 28px 0 24px; color: rgba(246, 232, 214, .72); font-size: 14px; line-height: 1.85; }
.founder-seal { display: flex; width: fit-content; align-items: center; gap: 14px; margin: 28px 0 32px; padding: 12px 16px 12px 12px; border: 1px solid rgba(222, 187, 252, .16); border-radius: 16px; background: rgba(15, 8, 24, .58); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 38px rgba(0,0,0,.16); backdrop-filter: blur(14px); }
.founder-seal > span { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(230, 199, 255, .24); border-radius: 50%; color: #fff2df; background: radial-gradient(circle at 35% 30%, #ad68ec, #4e246f 70%); box-shadow: 0 0 24px rgba(169, 84, 232, .24); font: 800 13px 'Manrope'; letter-spacing: .05em; }
.founder-seal p { display: grid; gap: 2px; margin: 0; text-align: left; }
.founder-seal small { color: #b982e2; font-size: 6px; font-weight: 800; letter-spacing: .22em; }
.founder-seal strong { color: #fff6e8; font: 700 13px 'Manrope'; }
.founder-seal b { color: rgba(236, 218, 198, .52); font-size: 8px; font-weight: 600; }
.story-manifesto { position: relative; padding: clamp(30px, 4vw, 52px); border: 1px solid rgba(233, 210, 252, .13); border-radius: 30px; color: rgba(244, 231, 215, .72); background: linear-gradient(145deg, rgba(32, 17, 45, .88), rgba(10, 6, 17, .91)); box-shadow: 0 34px 90px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.055); backdrop-filter: blur(18px); }
.story-manifesto::before { content: ''; position: absolute; top: -1px; left: 12%; width: 76%; height: 1px; background: linear-gradient(90deg, transparent, #b86df3, transparent); }
.story-manifesto > p { margin: 0 0 20px; font-size: 14px; line-height: 1.9; }
.story-manifesto > p strong { color: #fff1dc; }
.story-manifesto blockquote { display: grid; gap: 10px; margin: 30px 0; padding: 25px 27px; border: 1px solid rgba(209, 166, 243, .14); border-left: 2px solid #b66df0; border-radius: 0 18px 18px 0; color: #ead3ff; background: rgba(123, 57, 172, .1); font: 600 15px/1.55 'Manrope'; }
.story-manifesto blockquote span::before { content: '◆'; margin-right: 10px; color: #9d5bd0; font-size: 6px; vertical-align: middle; }
.story-turn { display: grid; gap: 7px; margin: 34px 0; padding: 25px 0; border-top: 1px solid rgba(230, 210, 247, .13); border-bottom: 1px solid rgba(230, 210, 247, .13); text-align: center; }
.story-turn small { color: #ad6bdd; font-size: 7px; font-weight: 800; letter-spacing: .35em; }
.story-turn strong { color: #fff2df; font: 600 clamp(18px, 2vw, 25px)/1.35 'Manrope'; }
.story-manifesto .story-belief { margin-top: 30px; padding: 24px; border-radius: 17px; color: #f4e5d2; background: linear-gradient(135deg, rgba(138, 69, 190, .22), rgba(78, 36, 107, .08)); font: 500 17px/1.7 'Manrope'; }
.story-manifesto .story-motto { margin: 30px 0 0; color: #fff6e7; font: 700 clamp(17px, 2vw, 23px)/1.4 'Manrope'; letter-spacing: -.02em; text-align: center; }
.story-motto i { padding: 0 7px; color: #b96ef2; font-style: normal; }

.why { color: #f1e7d8; background: #130b1d; }
.why::before { content: ''; position: absolute; inset: 0; opacity: .16; background: radial-gradient(circle at 50% 15%, #7131a7, transparent 35%); pointer-events: none; }
.why .section-heading > p:last-child { color: #aa9bb6; }
.why .kicker { color: #c486f2; }
.why .kicker > span { color: #76558b; }
.bento { border-color: rgba(239, 218, 250, .12); background: linear-gradient(155deg, rgba(41, 24, 57, .92), rgba(17, 10, 27, .96)); box-shadow: 0 22px 65px rgba(0,0,0,.25); }
.bento-large { background: radial-gradient(circle at 50% 24%, rgba(128, 59, 182, .18), transparent 35%), linear-gradient(160deg, #251433, #100918); }
.bento-purple { background: linear-gradient(145deg, #7034ac, #34174f); }
.bento-number { color: #755b86; }
.bento small { color: #bd88df; }
.bento h3 { color: #f2e7d8; }
.bento p { color: #a99aad; }
.bento-symbol, .language-cloud span { border-color: rgba(205, 154, 242, .16); color: #d2a1f6; background: #241333; box-shadow: 0 0 0 18px rgba(157, 74, 214, .04); }
.icon-orbit::before, .icon-orbit::after, .icon-orbit i { border-color: rgba(196, 133, 239, .18); }
.icon-orbit b { color: #cb88f6; }
.language-cloud span:nth-child(7) { left: 28%; top: 0; animation-delay: -2.5s; }
.language-cloud span:nth-child(8) { left: 35%; bottom: 0; animation-delay: -3.5s; }
.language-cloud span:nth-child(9) { right: 10%; top: 42%; animation-delay: -4.5s; }

.seasons { color: #281934; background: #efe6d8; }
.seasons::before { opacity: .45; background: radial-gradient(circle at 10% 20%, rgba(137, 71, 190, .12), transparent 25%), radial-gradient(circle at 90% 80%, rgba(93, 42, 136, .08), transparent 30%); }
.seasons .kicker.light { color: #7742a7; }
.seasons .kicker.light > span { color: #a48aab; }
.season-head > p { color: #706270; }
.season-card { border-color: rgba(65, 35, 82, .16); color: #f1e5d6; background: linear-gradient(150deg, #241332, #120a1c); box-shadow: 0 24px 55px rgba(42, 21, 54, .15); }
.season-card.current { border-color: rgba(121, 56, 169, .4); background: radial-gradient(circle at 50% 35%, rgba(190, 103, 250, .23), transparent 32%), linear-gradient(145deg, #7139a7, #33174f); box-shadow: 0 28px 75px rgba(82, 37, 115, .28); }
.season-info a { color: #432354; background: #f5eadb; }

.rewards { color: #f1e7d9; background: #100918; }
.rewards::before { border-color: rgba(193, 122, 238, .1); box-shadow: 0 0 0 80px rgba(129, 58, 177, .018), 0 0 0 160px rgba(129, 58, 177, .012); }
.rewards .kicker { color: #c181ef; }
.rewards .kicker > span { color: #765585; }
.rewards-copy > p:not(.kicker) { color: #a99aaa; }
.verified > span { background: linear-gradient(145deg, #a35ee5, #623092); box-shadow: 0 0 0 7px rgba(155, 84, 211, .14); }
.verified small { color: #92839a; }
.reward-ledger { border-color: rgba(238, 218, 198, .17); color: #281b31; background: #eee5d8; box-shadow: 0 28px 80px rgba(0,0,0,.34); }
.ledger-head { border-color: rgba(54, 31, 65, .12); color: #817184; }
.ledger-row { border-color: rgba(54, 31, 65, .1); background: rgba(255, 250, 241, .46); }
.ledger-icon { color: #8149b3; background: #dfd0e8; }
.ledger-row small, .ledger-foot { color: #877a88; }
.pending { color: #673390; background: #dfcbea; }

.partners { color: #271832; background: #eee5d8; }
.partners .kicker { color: #7b46a9; }
.partners .kicker > span { color: #9f86a7; }
.partners .section-heading > p:last-child { color: #746777; }
.partner-card { border-color: rgba(57, 30, 72, .15); color: #f1e5d7; background: linear-gradient(150deg, #241331, #130b1c); box-shadow: 0 20px 55px rgba(45, 22, 55, .14); }
.partner-card.featured { background: linear-gradient(145deg, #7940b5, #371950); }
.partner-card > small, .partner-card a { color: #c88df1; }
.partner-card p { color: #a89aac; }
.featured a { color: #fff4e4; }
.platform.youtube { color: #241330; background: #f2b8c1; }
.platform.tiktok { background: #efe4d4; color: #281832; }

.final-cta { background: radial-gradient(circle at 50% 0, rgba(188, 91, 255, .28), transparent 38%), linear-gradient(135deg, #4b206d, #180c27 75%); }
.button-white { border-color: #f4e9da; color: #4d246d; background: #f4e9da; }
.site-footer { background: #08050d; }

@media (max-width: 1120px) {
  .nav-menu { color: #f4e9da; background: rgba(11, 7, 18, .98); }
  .nav-links a { border-color: rgba(243, 226, 206, .11); color: #f3e8d9; }
  .menu-toggle { border-color: rgba(244, 228, 209, .16); background: rgba(19, 11, 29, .72); }
  .menu-toggle span { background: #f6ecdd; }
}

@media (max-width: 820px) {
  html { scroll-padding-top: 72px; }
  .navbar { min-height: 72px; }
  .brand { min-width: 142px; }
  .brand-logo { width: 142px; }
  .hero { min-height: 890px; }
  .hero-content { min-height: 890px; padding-top: 105px; padding-bottom: 66px; }
  .hero-image { background-position: center center; }
  .hero-wash { background: radial-gradient(ellipse at 50% 46%, rgba(13, 7, 22, .05), rgba(5, 3, 10, .48) 78%), linear-gradient(180deg, rgba(6,3,10,.35), transparent 25%, rgba(6,3,11,.9) 100%); }
  .hero-logo { width: min(92vw, 700px); }
  .hero-rings { right: auto; left: 50%; top: 46%; width: 115vw; transform: translate(-50%, -50%); }
  .hero-lead { max-width: 580px; }
  .countdown-card { width: min(100%, 570px); }
  .story-layout-real { grid-template-columns: 1fr; gap: 45px; }
  .story-layout-real .story-intro { position: static; max-width: 650px; }
  .signal-bar { background: #0b0712; }
}

@media (max-width: 560px) {
  .brand { min-width: 122px; }
  .brand-logo { width: 122px; max-height: 40px; }
  .hero { min-height: 900px; }
  .hero-content { min-height: 900px; padding-top: 88px; padding-bottom: 45px; }
  .hero .eyebrow { margin-bottom: 8px; font-size: 7px; letter-spacing: .18em; }
  .hero .eyebrow > span, .hero .eyebrow::after { width: 25px; }
  .hero-logo { width: min(100vw, 430px); max-width: none; margin: 0; }
  .hero-lead { max-width: 340px; margin-top: -3px; font-size: 11px; line-height: 1.65; }
  .countdown-card { margin-top: 17px; padding: 13px 12px 14px; border-radius: 19px; }
  .countdown-head { padding-bottom: 10px; font-size: 7px; }
  .opening-date { padding: 10px 0 3px; }
  .opening-date strong { font-size: 29px; }
  .opening-date span { font-size: 12px; }
  .opening-date b { margin-left: 3px; padding: 3px 5px; font-size: 8px; }
  .countdown-label { margin-bottom: 8px; font-size: 5.5px; letter-spacing: .24em; }
  .countdown { gap: 4px; }
  .countdown div { min-height: 63px; border-radius: 10px; }
  .countdown strong { font-size: 20px; }
  .countdown-note p { display: none; }
  .hero-cta { width: 100%; margin-top: 13px; }
  .hero-cta .button, .hero .text-link { min-width: 0; width: 50%; min-height: 45px; padding-inline: 12px; font-size: 9px; }
  .hero .text-link { gap: 7px; }
  .hero-trust { gap: 10px; margin-top: 13px; }
  .hero-trust span { font-size: 6.5px; }
  .language-menu { position: fixed; top: 82px; right: 14px; left: 14px; width: auto; max-height: calc(100vh - 96px); }
  .story-layout-real { gap: 32px; }
  .story-layout-real .story-intro h2 { font-size: 40px; }
  .story-layout-real .story-origin { font-size: 12px; }
  .founder-seal { margin: 22px 0 26px; }
  .story-manifesto { padding: 25px 20px; border-radius: 22px; }
  .story-manifesto > p { margin-bottom: 17px; font-size: 12px; line-height: 1.85; }
  .story-manifesto blockquote { margin: 24px 0; padding: 20px 17px; font-size: 12px; }
  .story-turn { margin: 26px 0; padding: 21px 0; }
  .story-manifesto .story-belief { padding: 19px; font-size: 14px; }
  .section { padding-block: 84px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-logo { animation: none; }
}