/* YAOLAND 1.1 — a richer editorial collection, without external dependencies. */
.site-topline { background:#123b32; color:#ced5bf; height:30px; font-size:8px; letter-spacing:1px; }
.site-topline>.container { height:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.site-topline>.container>span { display:flex; gap:13px; align-items:center; }
.site-topline i { color:#c6af7b; font-size:10px; font-style:normal; }
.site-topline>.container>div { display:flex; align-items:center; gap:24px; font-size:9px; letter-spacing:.5px; }
.site-topline a { display:flex; gap:20px; align-items:center; }
.site-topline a>span { font-size:15px; }
.site-header { position:sticky; top:0; transition:box-shadow .25s,background .25s; }
.site-header.is-scrolled { box-shadow:0 8px 25px #0b2c2510; background:#f8f7f2f5; backdrop-filter:blur(12px); }
.admin-bar .site-header { top:32px; }
.nav-links { gap:27px; }
.nav-links a.is-current { color:#a68446; }
.nav-links a.is-current::after { width:100%; }

.hero-rich { height:650px; }
.hero-rich .hero-inner { padding-bottom:72px; }
.hero-scenes { position:absolute; inset:0; }
.hero-rich .hero-image { width:87%; object-position:50% 13%; }
.hero-rich .hero-scene { opacity:0; transition:opacity .75s ease; }
.hero-rich .hero-scene.is-active { opacity:1; }
.hero-rich [data-hero-scene="1"],.hero-rich [data-hero-scene="2"] { object-position:60% 50%; }
.hero-rich .hero-shade { background:linear-gradient(90deg,#0b2a24 0%,#0b2a24f2 22%,#0b2a2488 48%,#0b2a2400 79%),linear-gradient(0deg,#08241bf0 0%,#08241b55 21%,transparent 55%); }
.hero-engraving { position:absolute; left:-390px; top:-185px; width:820px; height:820px; border:1px solid #c0b0811c; border-radius:50%; pointer-events:none; }
.hero-engraving::after { content:""; position:absolute; inset:22px; border:1px solid #c0b08114; border-radius:50%; }
.hero-rich .hero-copy { padding-bottom:0; max-width:615px; }
.hero-edition { display:flex; align-items:center; gap:13px; color:#c3c9b7; font-size:8px; letter-spacing:1.7px; margin-bottom:24px; }
.hero-edition>span { color:#e4cc9d; padding:5px 8px; border:1px solid #d4bd853f; font-size:8px; letter-spacing:1.9px; }
.hero-rich h1 { font-size:67px; line-height:1.4; letter-spacing:5px; }
.hero-rich .hero-description { font-size:14px; margin-top:23px; line-height:2.1; max-width:390px; }
.hero-rich .hero-actions { margin-top:31px; gap:30px; }
.hero-rich .hero-footnote { margin-top:35px; font-size:7px; letter-spacing:1.6px; }
.hero-footnote-star { font-size:14px; color:#b4a577; margin-left:4px; }
.hero-rich .play-icon { font-size:14px; padding-left:0; }
.hero-rich .hero-signature { top:29px; }
.hero-scene-card { position:absolute; right:0; bottom:118px; width:300px; padding:20px 22px 16px; background:#0b2a24a6; backdrop-filter:blur(12px); border:1px solid #d4bd8545; border-radius:4px; }
.hero-scene-card-top { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:7px; letter-spacing:1.6px; color:#d7c59f; }
.hero-scene-card-top>span:last-child { font-size:22px; line-height:1; }
.hero-scene-card h2 { margin-top:12px; font-family:var(--serif); font-size:19px; line-height:1.6; font-weight:400; letter-spacing:.6px; text-wrap:balance; }
.hero-scene-card>p { font-size:10px; line-height:1.9; color:#c1cab7; margin-top:8px; }
.hero-image-note { display:block; font-size:7px; color:#aab49e; letter-spacing:.6px; margin-top:12px; }
.hero-bottom { position:absolute; bottom:27px; inset-inline:0; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.hero-scene-tabs { display:flex; gap:22px; }
.hero-scene-tab { display:flex; gap:12px; align-items:center; min-width:137px; color:#b4c0a9; font-size:11px; letter-spacing:.5px; text-align:left; padding:12px 0 14px; border-bottom:1px solid #d9d9ae3a; transition:color .25s,border-color .25s; }
.hero-scene-tab>span { font-family:Georgia,serif; font-size:13px; color:#8b9f85; }
.hero-scene-tab.is-active { color:#eadab7; border-color:#d4bb83; }
.hero-scene-tab.is-active>span { color:#d4bb83; }
.hero-scene-tab:hover { color:#f8eed9; }
.hero-scene-arrows { display:flex; align-items:center; gap:18px; color:#d0d5c5; }
.hero-scene-arrows>button { display:grid; place-items:center; width:34px; height:34px; border:1px solid #bdc7a84d; border-radius:50%; font-size:17px; transition:background .2s; }
.hero-scene-arrows>button:hover { background:#d8c28e22; }
.hero-scene-arrows>span { font-family:Georgia,serif; font-size:11px; letter-spacing:1px; color:#9aac92; }
.hero-scene-arrows b { font-weight:400; color:#eddfc1; font-size:18px; margin-right:6px; }

.collection-dock { border-bottom:1px solid #dce0d2; background:#f0f0e8; }
.collection-dock-inner { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.collection-dock-link { display:flex; align-items:center; gap:15px; min-height:110px; padding:18px 22px; border-right:1px solid #dce0d2; transition:background .25s; }
.collection-dock-link:first-child { border-left:1px solid #dce0d2; }
.collection-dock-link:hover { background:#e7ebde; }
.collection-dock-link>img { width:75px; height:56px; object-fit:cover; flex-shrink:0; border-radius:4px; box-shadow:0 4px 12px #15362d16; }
.collection-dock-link>span:not(.dock-arrow) { min-width:0; }
.collection-dock-link small { display:block; font-size:7px; letter-spacing:1.5px; color:#869174; line-height:1.6; }
.collection-dock-link strong { display:block; font-size:14px; font-weight:500; letter-spacing:.5px; margin-top:5px; white-space:nowrap; }
.dock-arrow { margin-left:auto; font-size:22px; color:#829072; }

.games-section { padding-top:90px; padding-bottom:76px; }
.section-heading h2 { font-size:38px; letter-spacing:2px; }
.collection-heading-aside { display:flex; align-items:center; gap:20px; padding-bottom:5px; }
.collection-large-number { font-family:Georgia,serif; font-size:68px; line-height:1; font-weight:400; color:#b5a476; letter-spacing:-3px; }
.collection-heading-aside>span:last-child { font-size:12px; line-height:1.7; letter-spacing:1px; }
.collection-heading-aside small { font-size:6px; letter-spacing:1px; color:#939c83; white-space:nowrap; }
.games-section .collection-toolbar { margin-top:37px; }
.games-section .game-art-button { aspect-ratio:1.17; border-radius:5px; }
.games-section .game-art-word { font-size:21px; bottom:20px; }
.games-section .game-card-copy { margin-top:20px; }
.games-section .game-card h3 { font-size:21px; }
.games-section .game-card>p { max-width:none; font-size:11px; line-height:1.95; }
.game-card-meta { display:flex; gap:8px; margin-top:14px; color:#899474; font-size:8px; }
.game-card-meta span { border:1px solid #dfe4d5; border-radius:2px; padding:3px 7px; line-height:1.5; }
.collection-spotlight { position:relative; height:245px; overflow:hidden; margin-top:45px; background:#153a30; border-radius:5px; }
.collection-spotlight>img { position:absolute; height:100%; width:80%; right:0; object-fit:cover; object-position:65% 63%; }
.spotlight-shade { position:absolute; inset:0; background:linear-gradient(90deg,#153a30 0%,#153a30ee 24%,#153a3050 66%,#0b24193b); }
.spotlight-copy { position:relative; padding:32px 39px; color:#f3efdf; }
.spotlight-copy .eyebrow { font-size:7px; margin-bottom:12px; }
.spotlight-copy h3 { font-family:var(--serif); font-size:29px; font-weight:400; line-height:1.6; letter-spacing:1px; }
.spotlight-link { display:inline-flex; align-items:center; gap:30px; color:#e0c994; padding:0 0 5px; border-bottom:1px solid #d8c18e66; margin-top:15px; font-size:11px; }
.spotlight-link>span { font-size:20px; line-height:1; }
.spotlight-signature { position:absolute; right:39px; top:55px; display:flex; flex-direction:column; align-items:center; gap:12px; color:#e9d8b2; }
.spotlight-signature>span { display:grid; place-items:center; border:1px solid #e9d8b273; width:80px; height:80px; border-radius:50%; font-family:Georgia,serif; font-size:45px; font-style:italic; }
.spotlight-signature small { font-size:6px; line-height:1.7; letter-spacing:2px; text-align:center; }

.experience-section { padding-top:65px; padding-bottom:82px; }
.experience-grid { gap:78px; }
.experience-photo { position:relative; height:525px; border-radius:5px; background:#173b32; overflow:hidden; }
.experience-photo>img { width:100%; height:100%; object-fit:cover; object-position:65% center; }
.experience-photo::after { content:""; position:absolute; inset:19px; border:1px solid #e3d5ad52; border-radius:120px 120px 0 0; pointer-events:none; }
.experience-photo-index { position:absolute; top:30px; left:31px; color:#e2d7b8; font-size:7px; letter-spacing:1.7px; padding:5px 8px; background:#12382ac7; z-index:1; }
.experience-photo-caption { display:flex; align-items:center; gap:19px; position:absolute; left:31px; right:31px; bottom:34px; padding:17px 21px; color:var(--ink); background:#f4f0e5f5; z-index:1; }
.experience-photo-caption>span { font-size:40px; line-height:1; color:#aa9058; }
.experience-photo-caption p { font-family:var(--serif); font-size:25px; letter-spacing:2px; }
.experience-photo-caption small { display:block; font-family:var(--sans); font-size:6px; letter-spacing:1.9px; margin-top:6px; color:#8c947b; }
.experience-photo-note { position:absolute; bottom:10px; right:30px; color:#d8ddc7; font-size:6px; letter-spacing:1px; }
.experience-copy h2 { font-size:37px; }
.experience-since { display:block; margin-bottom:8px; color:#294f40; font-size:12px; font-weight:500; letter-spacing:.2px; }
.experience-point { margin-top:23px; }
.experience-details { display:grid; grid-template-columns:1fr 1fr; gap:23px; margin-top:35px; }
.experience-details article { min-height:232px; border-radius:5px; overflow:hidden; position:relative; }
.experience-detail-note { display:flex; gap:24px; align-items:flex-start; background:#eee9dc; padding:35px 32px; }
.detail-note-symbol { font-size:55px; line-height:1; color:#a78d58; margin-top:6px; }
.experience-details .eyebrow { font-size:7px; letter-spacing:1.8px; margin-bottom:14px; }
.experience-details h3 { font-family:var(--serif); font-size:23px; letter-spacing:1px; font-weight:500; text-wrap:balance; }
.experience-details p:not(.eyebrow) { color:#6f7863; font-size:11px; line-height:2; margin-top:13px; max-width:350px; }
.detail-note-index { position:absolute; right:24px; bottom:20px; font-size:7px; letter-spacing:2px; color:#a19675; }
.experience-device-note { background:#e8ece2; padding:34px; }
.experience-device-note>div:first-child { max-width:245px; position:relative; z-index:1; }
.experience-device-note .text-link { font-size:9px; gap:15px; margin-top:17px; padding-bottom:3px; }
.experience-device-note .text-link>span { font-size:18px; }
.device-illustration { position:absolute; right:26px; top:45px; width:205px; height:155px; }
.device-monitor { position:absolute; top:0; left:0; width:181px; height:122px; background:#f5f4ec; border:5px solid #173b32; border-radius:6px; box-shadow:7px 12px 20px #173b3220; }
.device-monitor::before { content:""; position:absolute; top:117px; left:75px; width:17px; height:20px; background:#173b32; }
.device-monitor::after { content:""; position:absolute; top:135px; left:46px; width:75px; height:4px; background:#173b32; border-radius:3px; }
.device-mini-nav { height:19px; display:flex; align-items:center; padding-inline:7px; color:#b39357; font-family:Georgia,serif; font-size:9px; gap:5px; }
.device-mini-nav>span { font-size:5px; color:#355143; letter-spacing:1px; }
.device-mini-screen { display:flex; flex-direction:column; justify-content:center; padding-left:11px; height:93px; background:radial-gradient(ellipse at 80% 45%,#6c7b4c55,transparent 50%),linear-gradient(110deg,#0e2e24,#2b5140); color:#ded2aa; position:relative; overflow:hidden; }
.device-mini-screen::after { content:"Y"; position:absolute; right:4px; bottom:-18px; font-family:Georgia,serif; font-size:105px; color:#c1ae6940; }
.device-mini-screen>strong { font-family:var(--serif); font-size:12px; line-height:1.65; letter-spacing:.5px; font-weight:400; }
.device-mini-screen>span { font-size:3px; letter-spacing:.7px; margin-top:7px; }
.device-phone { position:absolute; width:52px; height:101px; right:0; top:55px; border:4px solid #294f3d; border-radius:10px; background:#d3d8bc; box-shadow:5px 9px 14px #173b3230; text-align:center; color:#294a35; overflow:hidden; }
.device-phone>span { display:block; width:20px; height:3px; border-radius:0 0 5px 5px; background:#294f3d; margin-inline:auto; }
.device-phone>strong { font-family:Georgia,serif; font-size:36px; line-height:1.5; font-weight:400; }
.device-phone>div { font-family:Georgia,serif; font-size:6px; letter-spacing:.6px; line-height:1.5; }
.brand-ribbon { padding-block:23px; border-top:1px solid #dce1d2; border-bottom:1px solid #dce1d2; background:#eff0e8; }
.brand-ribbon>.container { display:flex; align-items:center; justify-content:space-between; gap:25px; color:#819173; font-size:9px; letter-spacing:2.7px; }
.brand-ribbon i { color:#ae975f; font-size:14px; font-style:normal; }

.partnership-section { border-top:1px solid #d0ba8a22; }
.contact-panel { box-shadow:0 20px 60px #00110b25; }
.faq-section { background:#f8f7f2; }
.responsible-section { border-top:1px solid #dce2ce; }
.footer-rich { background:#102e26; color:#e0e2ce; padding-block:55px 28px; overflow:hidden; }
.footer-rich-top { display:grid; grid-template-columns:2.1fr 1fr 1fr 1fr auto; gap:40px; align-items:start; }
.footer-rich .footer-brand .brand-wordmark>span { font-size:26px; }
.footer-rich .brand-wordmark i { color:#c9cdb7; border-color:#8798746b; }
.footer-rich .brand-wordmark small { color:#a4b198; }
.footer-brand-block>p { font-family:var(--serif); font-size:19px; letter-spacing:2px; margin-top:24px; }
.footer-brand-block>small { display:block; margin-top:8px; font-size:6px; letter-spacing:1.8px; color:#8a9b7e; }
.footer-link-column { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.footer-link-column h2 { font-size:12px; font-weight:500; letter-spacing:.7px; color:#dac799; margin-bottom:9px; }
.footer-link-column>a,.footer-link-column>button { font-size:10px; line-height:1.8; color:#a7b39a; padding:0; text-align:left; }
.footer-link-column>a:hover,.footer-link-column>button:hover { color:#eee6d1; }
.footer-return-top { border:1px solid #a2ae8b59; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font-size:20px; color:#d5c598; }
.footer-brand-statement { margin-top:39px; display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; border-bottom:1px solid #a2ae8b2e; font-family:Georgia,serif; font-size:89px; line-height:1; letter-spacing:12px; color:#cad4b21f; }
.footer-brand-statement>span { font-family:var(--sans); font-size:8px; color:#879a7b; letter-spacing:2.8px; line-height:2; }
.footer-rich .footer-bottom { margin-top:23px; }
.footer-rich .footer-bottom p { color:#819475; }
.footer-rich .footer-bottom>div { min-width:0; max-width:100%; }
.footer-rich .footer-bottom .operator-info { margin-top:8px; font-size:10px; line-height:1.9; color:#aab79e; opacity:1; }
.footer-operations-line { display:flex; flex-wrap:wrap; gap:3px 19px; }
.footer-operations-line>span { overflow-wrap:anywhere; }
.footer-age-note { color:#9aa98a; font-size:9px; letter-spacing:.5px; }
.quick-tools { position:fixed; right:18px; bottom:23px; display:flex; flex-direction:column; z-index:12; border:1px solid #c8ceb9; border-radius:5px; box-shadow:0 5px 22px #19382b16; overflow:hidden; background:#f8f7f2f5; }
.quick-tools>a { display:flex; align-items:center; justify-content:center; width:43px; min-height:40px; font-size:20px; }
.quick-tools-contact { flex-direction:column; gap:3px; padding:9px 0!important; border-bottom:1px solid #dce1d2; }
.quick-tools-contact>span:last-child { font-size:7px; line-height:1.5; max-width:22px; text-align:center; }
.quick-tools>a:hover { background:#e6ecde; }

@media (prefers-reduced-motion:no-preference) {
  .motion-ready [data-reveal]:not(.is-revealed) { opacity:0; transform:translateY(20px); }
  .motion-ready [data-reveal] { transition:opacity .65s ease,transform .65s ease; }
}
@media (min-width:1600px) {
  .hero-rich { height:690px; }
  .hero-rich h1 { font-size:73px; }
}
@media (max-width:1199px) {
  .nav-links { gap:22px; }
  .hero-rich { height:625px; }
  .hero-rich h1 { font-size:59px; }
  .hero-scene-card { width:270px; bottom:115px; }
  .hero-scene-tab { min-width:122px; font-size:10px; }
  .collection-dock-link { padding-inline:17px; gap:11px; }
  .collection-dock-link>img { width:60px; height:49px; }
  .collection-dock-link strong { font-size:13px; }
  .collection-dock-link small { font-size:6px; letter-spacing:1px; }
  .dock-arrow { font-size:19px; }
  .games-section .game-art-word { font-size:18px; }
  .experience-grid { gap:55px; }
  .experience-photo { height:510px; }
  .experience-copy h2 { font-size:33px; }
  .experience-details { gap:20px; }
  .experience-detail-note { gap:19px; padding:30px 27px; }
  .detail-note-symbol { font-size:45px; }
  .experience-details h3 { font-size:21px; }
  .experience-device-note { padding:30px 27px; }
  .experience-device-note>div:first-child { max-width:205px; }
  .device-illustration { transform:scale(.82); transform-origin:right center; right:15px; }
  .footer-rich-top { grid-template-columns:1.8fr 1fr 1fr 1fr auto; gap:28px; }
}
@media (max-width:979px) {
  .site-topline { font-size:7px; }
  .site-topline>.container>div { font-size:8px; }
  .nav-links { gap:17px; }
  .hero-rich { height:610px; }
  .hero-rich .hero-image { width:100%; object-position:58% 20%; }
  .hero-rich .hero-shade { background:linear-gradient(90deg,#0b2a24f5 0%,#0b2a24d9 22%,#0b2a2460 60%,#0b2a2410),linear-gradient(0deg,#08241bf0 0%,transparent 60%); }
  .hero-rich h1 { font-size:53px; }
  .hero-rich .hero-description { font-size:13px; max-width:340px; }
  .hero-rich .hero-copy { max-width:490px; }
  .hero-rich .hero-actions { gap:21px; }
  .hero-scene-card { width:225px; padding:16px 17px; bottom:106px; }
  .hero-scene-card h2 { font-size:16px; }
  .hero-scene-card>p { font-size:9px; }
  .hero-scene-card-top { font-size:6px; letter-spacing:.7px; }
  .hero-scene-tab { min-width:112px; font-size:10px; gap:10px; }
  .hero-scene-tabs { gap:16px; }
  .hero-scene-arrows { gap:13px; }
  .hero-scene-arrows>button { width:30px; height:30px; }
  .collection-dock-link { gap:9px; padding:18px 11px; min-height:98px; }
  .collection-dock-link>img { width:44px; height:43px; }
  .collection-dock-link strong { font-size:12px; }
  .collection-dock-link small { font-size:5px; letter-spacing:.9px; }
  .dock-arrow { font-size:17px; }
  .games-section { padding-block:65px; }
  .section-heading h2 { font-size:32px; }
  .collection-large-number { font-size:56px; }
  .collection-heading-aside { gap:13px; }
  .collection-heading-aside>span:last-child { font-size:10px; }
  .collection-heading-aside small { font-size:5px; }
  .games-section .game-art-button { aspect-ratio:1.42; }
  .games-section .game-art-word { font-size:24px; }
  .games-section .game-card h3 { font-size:21px; }
  .collection-spotlight { margin-top:35px; height:230px; }
  .spotlight-copy { padding:29px 31px; }
  .spotlight-copy h3 { font-size:27px; }
  .experience-grid { gap:32px; }
  .experience-photo { height:490px; }
  .experience-photo-index { left:23px; top:25px; font-size:6px; letter-spacing:1px; }
  .experience-photo-caption { left:24px; right:24px; padding:14px; gap:11px; }
  .experience-photo-caption>span { font-size:29px; }
  .experience-photo-caption p { font-size:20px; letter-spacing:1px; }
  .experience-photo-caption small { font-size:5px; letter-spacing:1px; }
  .experience-copy h2 { font-size:28px; }
  .experience-point { margin-top:18px; }
  .experience-details { grid-template-columns:1fr; margin-top:29px; }
  .experience-details article { min-height:205px; }
  .experience-details p:not(.eyebrow) { max-width:500px; }
  .experience-device-note>div:first-child { max-width:360px; }
  .device-illustration { transform:none; right:35px; top:27px; }
  .brand-ribbon>.container { font-size:7px; letter-spacing:1.7px; gap:18px; }
  .footer-rich-top { grid-template-columns:1.6fr 1fr 1fr 1fr; gap:25px; }
  .footer-return-top { display:none; }
  .footer-brand-block>p { font-size:16px; letter-spacing:1px; }
  .footer-brand-block>small { font-size:5px; letter-spacing:1px; }
  .footer-brand-statement { font-size:76px; }
  .quick-tools { right:10px; bottom:18px; }
  .quick-tools>a { width:37px; min-height:36px; }
}
@media (max-width:782px) { .admin-bar .site-header { top:46px; } }
@media (max-width:719px) {
  .site-topline { height:27px; font-size:6px; letter-spacing:.7px; }
  .site-topline>.container>span { gap:8px; }
  .site-topline .topline-message { display:none; }
  .site-topline>.container>div { font-size:7px; gap:0; }
  .site-topline>.container>div>a { display:none; }
  .site-topline i { font-size:8px; }
  .nav-links { gap:0; }
  .hero-rich { height:745px; }
  .hero-rich .hero-inner { padding-top:53px; padding-bottom:0; align-items:flex-start; }
  .hero-rich .hero-image { width:100%; opacity:0; object-position:65% center; }
  .hero-rich .hero-image.is-active { opacity:.92; }
  .hero-rich .hero-shade { background:linear-gradient(90deg,#0b2a24d9 0%,#0b2a2475 53%,#0b2a2415 100%),linear-gradient(0deg,#0a2b24 0%,#0a2b24e6 20%,#0a2b2433 65%); }
  .hero-edition { font-size:6px; gap:9px; letter-spacing:1.2px; margin-bottom:24px; }
  .hero-edition>span { font-size:6px; letter-spacing:1.3px; padding:4px 6px; }
  .hero-rich h1 { font-size:46px; letter-spacing:2.7px; line-height:1.5; }
  .hero-rich .hero-copy { max-width:100%; }
  .hero-rich .hero-description { font-size:11px; line-height:2.1; max-width:290px; margin-top:22px; }
  .hero-rich .hero-actions { gap:20px; margin-top:25px; }
  .hero-rich .hero-footnote { margin-top:28px; font-size:6px; letter-spacing:1.2px; }
  .hero-footnote-star { display:none; }
  .hero-scene-card { right:0; left:0; bottom:114px; width:auto; padding:15px 18px 13px; background:#0a2b24ae; }
  .hero-scene-card h2 { font-size:18px; line-height:1.6; margin-top:8px; }
  .hero-scene-card>p { font-size:10px; margin-top:5px; }
  .hero-scene-card-top { font-size:6px; letter-spacing:1.1px; }
  .hero-scene-card-top>span:last-child { font-size:18px; }
  .hero-image-note { font-size:6px; margin-top:7px; }
  .hero-bottom { bottom:25px; gap:12px; }
  .hero-scene-tabs { gap:15px; width:100%; }
  .hero-scene-tab { min-width:0; flex:1; gap:9px; font-size:10px; padding:12px 0; }
  .hero-scene-tab>span { font-size:11px; }
  .hero-scene-arrows { display:none; }
  .collection-dock-inner { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .collection-dock-link { padding:17px 10px; min-height:85px; gap:9px; }
  .collection-dock-link:nth-child(2) { border-right:1px solid #dce0d2; }
  .collection-dock-link:nth-child(3) { border-left:1px solid #dce0d2; }
  .collection-dock-link:nth-child(-n+2) { border-bottom:1px solid #dce0d2; }
  .collection-dock-link>img { width:42px; height:42px; }
  .collection-dock-link strong { font-size:11px; letter-spacing:0; margin-top:4px; }
  .collection-dock-link small { font-size:5px; letter-spacing:.8px; }
  .dock-arrow { font-size:15px; }
  .games-section { padding-top:54px; padding-bottom:48px; }
  .section-heading { align-items:center; }
  .section-heading h2 { font-size:28px; letter-spacing:1px; }
  .collection-heading-aside { gap:0; align-self:start; margin-top:35px; padding:0; }
  .collection-large-number { font-size:44px; color:#c2b18b; }
  .collection-heading-aside>span:last-child { display:none; }
  .games-section .collection-toolbar { margin-top:25px; }
  .games-section .game-art-button { aspect-ratio:.95; }
  .games-section .game-art-word { font-size:13px; bottom:13px; }
  .games-section .game-card-copy { margin-top:13px; }
  .games-section .game-card h3 { font-size:16px; }
  .games-section .game-card>p { font-size:9px; line-height:1.95; }
  .game-card-meta { gap:5px; font-size:6px; margin-top:10px; }
  .game-card-meta span { padding:3px 5px; }
  .collection-spotlight { height:240px; margin-top:28px; }
  .collection-spotlight>img { width:100%; object-position:65% center; }
  .spotlight-shade { background:linear-gradient(90deg,#153a30f5,#153a3099 52%,#153a3020),linear-gradient(0deg,#102e26b3,transparent 70%); }
  .spotlight-copy { padding:27px 23px; }
  .spotlight-copy .eyebrow { font-size:6px; letter-spacing:1.3px; }
  .spotlight-copy h3 { font-size:26px; }
  .spotlight-link { font-size:10px; margin-top:21px; gap:21px; }
  .spotlight-signature { right:19px; top:25px; }
  .spotlight-signature>span { width:39px; height:39px; font-size:25px; }
  .spotlight-signature small { display:none; }
  .experience-section { padding-top:16px; padding-bottom:47px; }
  .experience-grid { gap:33px; }
  .experience-photo { height:380px; }
  .experience-photo>img { object-position:63% center; }
  .experience-photo::after { inset:16px; }
  .experience-photo-index { top:24px; left:24px; font-size:6px; }
  .experience-photo-caption { left:24px; right:24px; bottom:32px; padding:15px 17px; gap:16px; }
  .experience-photo-caption p { font-size:22px; }
  .experience-photo-caption small { font-size:5px; }
  .experience-photo-note { bottom:9px; right:23px; }
  .experience-copy h2 { font-size:30px; }
  .experience-point { margin-top:20px; }
  .experience-details { margin-top:30px; gap:17px; }
  .experience-details article { min-height:225px; }
  .experience-detail-note { padding:25px 22px; gap:17px; }
  .detail-note-symbol { font-size:35px; margin-top:5px; }
  .experience-details .eyebrow { font-size:6px; letter-spacing:1.4px; margin-bottom:12px; }
  .experience-details h3 { font-size:21px; line-height:1.6; letter-spacing:.5px; }
  .experience-details p:not(.eyebrow) { font-size:11px; line-height:2; }
  .experience-device-note { padding:27px 22px; }
  .experience-device-note>div:first-child { max-width:none; }
  .device-illustration { position:relative; right:auto; top:auto; transform:none; transform-origin:center; margin:20px auto 0; }
  .experience-device-note p:not(.eyebrow) { font-size:10px; }
  .experience-device-note .text-link { font-size:8px; gap:11px; }
  .brand-ribbon { padding-block:22px; }
  .brand-ribbon>.container { justify-content:center; flex-wrap:wrap; gap:13px 15px; font-size:7px; letter-spacing:1.5px; }
  .brand-ribbon i { font-size:9px; }
  .brand-ribbon i:nth-child(4) { display:none; }
  .footer-rich { padding-block:37px 25px; }
  .footer-rich-top { grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 17px; }
  .footer-brand-block { grid-column:1/-1; }
  .footer-rich .footer-brand .brand-wordmark>span { font-size:24px; }
  .footer-brand-block>p { font-size:18px; margin-top:20px; }
  .footer-brand-block>small { font-size:6px; letter-spacing:1.4px; }
  .footer-link-column { gap:8px; }
  .footer-link-column h2 { font-size:11px; margin-bottom:6px; }
  .footer-link-column>a,.footer-link-column>button { font-size:10px; }
  .footer-brand-statement { margin-top:29px; font-size:43px; letter-spacing:5px; padding-bottom:23px; gap:20px; }
  .footer-brand-statement>span { font-size:5px; letter-spacing:1px; line-height:1.8; flex-shrink:0; }
  .footer-rich .footer-bottom { gap:15px; margin-top:20px; }
  .footer-age-note { font-size:7px; }
  .footer-rich .footer-bottom .operator-info { font-size:9px; margin-top:9px; }
  .footer-operations-line { gap:4px 15px; }
  .quick-tools { display:none; }
}
@media (max-width:600px) { .admin-bar .site-header { top:0; } }
@media (max-width:374px) {
  .hero-rich h1 { font-size:41px; letter-spacing:2px; }
  .hero-edition { letter-spacing:.6px; gap:7px; font-size:5px; }
  .hero-edition>span { font-size:6px; letter-spacing:.8px; }
  .hero-rich .hero-actions { gap:14px; }
  .hero-rich .hero-secondary { font-size:9px; }
  .hero-rich .hero-description { font-size:10px; }
  .hero-scene-tab { gap:6px; font-size:9px; }
  .hero-scene-card h2 { font-size:16px; }
  .hero-scene-card>p { font-size:9px; }
  .collection-dock-link { padding-inline:8px; gap:6px; }
  .collection-dock-link>img { width:32px; height:37px; }
  .collection-dock-link strong { font-size:10px; }
  .collection-dock-link small { font-size:4px; letter-spacing:.5px; }
  .games-section .game-art-word { font-size:11px; }
  .games-section .game-card h3 { font-size:15px; }
  .collection-large-number { font-size:37px; }
  .collection-spotlight { height:235px; }
  .spotlight-copy h3 { font-size:24px; }
  .experience-details h3 { font-size:19px; }
  .experience-detail-note { padding:25px 18px; gap:13px; }
  .detail-note-symbol { font-size:29px; }
  .experience-details .eyebrow { font-size:5px; }
  .device-illustration { transform:scale(.92); transform-origin:top center; right:auto; top:auto; height:145px; }
  .experience-device-note>div:first-child { max-width:none; }
  .experience-photo-caption p { font-size:19px; }
  .experience-photo-caption small { letter-spacing:.5px; }
  .footer-brand-statement { font-size:36px; letter-spacing:3px; }
  .footer-brand-statement>span { font-size:4px; }
}
@media (prefers-reduced-motion:reduce) { .hero-rich .hero-scene { transition:none; } }