/* Small static exits from the opening; keep the sky and the shared type scale. */
.opening__copy .opening__value { margin: 18px 0 0; color: #fff; text-shadow: 0 1px 8px #061427; }
.opening__stores { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:360px; margin-top:28px; }
.opening__stores a { display:flex; align-items:center; gap:9px; min-height:52px; min-width:0; padding:12px 14px; border:1px solid #d0e6f344; border-radius:14px; background:#071b30b8; color:#fff; font:500 13px/1.4 var(--font-latin); text-decoration:none; box-shadow:inset 0 1px 0 #ffffff0d,0 8px 24px #06142518; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.opening__stores img { flex:none; width:18px; height:20px; object-fit:contain; }
.opening__store-arrow { margin-left:auto; color:#c6dce8; font-size:12px; }
.opening__stores a:hover { background:#15364ddb; border-color:#d0e6f37a; }
.opening__actions { margin-top:12px; }
.opening__guide { display:inline-flex; align-items:center; gap:18px; min-height:44px; color:#e9f3f9; font-size:12px; letter-spacing:.05em; text-decoration:none; }
.opening__guide:hover { text-decoration:underline; text-underline-offset:5px; }
.opening__stores a:focus-visible, .opening__guide:focus-visible { outline:2px solid #a8e9fa; outline-offset:4px; }
.brand-context__body .language-note { font-size:13px; line-height:1.85; color:#a9bdcf; }
@media(min-width:768px) and (max-width:900px) {
  .brand-context { grid-template-columns:1fr; row-gap:22px; }
  .brand-context__body, .brand-context h2, .brand-context__eyebrow { grid-column:1; grid-row:auto; }
}
.sample-caption { color:#d8e5ef; font-size:12px; line-height:1.6; }
.analytics-choice { position:fixed; z-index:1000; bottom:max(12px,env(safe-area-inset-bottom)); left:12px; right:12px; max-width:620px; margin:auto; padding:16px; border:1px solid #718297; border-radius:14px; color:#fff; background:#0a1730; box-shadow:0 4px 24px #0005; font:14px/1.6 system-ui,sans-serif; }
.analytics-choice[hidden] { display:none; }
.analytics-choice p { margin:0 0 10px; }
.analytics-choice a { color:#fff; margin-right:12px; }
.analytics-choice button { border:1px solid #b0c2d6; border-radius:8px; background:#152943; color:#fff; padding:10px 14px; margin:4px; cursor:pointer; font:inherit; }
.analytics-settings { background:transparent; color:inherit; border:0; text-decoration:underline; font:inherit; padding:12px; cursor:pointer; }
/* Mobile opening follows the approved sky-first reference. */
@media(max-width:767px) {
  .opening { height:auto; min-height:max(650px,100svh); }
  .opening__copy { position:relative; top:auto; left:auto; width:auto; max-width:none; padding:clamp(130px,19svh,170px) clamp(20px,4.7vw,36px) 148px; }
  .opening__copy .scene-label { margin-bottom:32px; color:#f0f7ff; letter-spacing:.26em; }
  #main .opening .opening__copy h1 { font-size:clamp(34px,9.5vw,60px); line-height:1.32; }
  .opening__identity { max-width:100%; margin-bottom:34px; font-size:clamp(10px,2.12vw,13px); letter-spacing:.04em; color:#f0f7ff; }
  .opening__copy .opening__value { max-width:32em; margin-top:24px; color:#fff; font-size:clamp(13px,2.8vw,17px); line-height:1.95; }
  .opening__veil { background:linear-gradient(90deg,#061b353d,transparent 110%),linear-gradient(180deg,#061b350d 45%,#061b352e 100%); }
  .opening__stores { max-width:420px; gap:12px; margin-top:34px; }
  .opening__stores a { gap:12px; min-height:54px; padding:10px 12px; border:1px solid #e2f2ff80; border-radius:14px; background:linear-gradient(120deg,#114d7e9e,#92c2e257); box-shadow:inset 0 1px 0 #ffffff40,0 6px 18px #07294314; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
  .opening__stores img { width:22px; height:25px; }
  .opening__store-copy { display:flex; flex-direction:column; min-width:0; gap:3px; }
  .opening__store-copy b { font-size:clamp(12px,2.9vw,15px); font-weight:600; white-space:nowrap; }
  .opening__store-copy small { font-family:var(--font-jp); font-size:clamp(9px,2vw,10px); line-height:1.4; color:#eef7ff; white-space:nowrap; }
  .opening__store-arrow { display:block; font-size:20px; font-weight:300; color:#fff; }
  .opening__actions { margin-top:18px; }
  .opening__guide { gap:18px; min-height:40px; padding:0 0 5px; border-bottom:1px solid #eff8ffcc; color:#fff; font-size:clamp(12px,2.6vw,16px); }
  .opening__guide:hover { text-decoration:none; border-color:#fff; }
  .opening .scroll-cue { left:clamp(20px,4.7vw,36px); bottom:0; transform:none; align-items:flex-start; gap:12px; }
  .opening .scroll-cue i { width:1px; height:38px; }
}
@media(max-width:420px) {
  .opening__stores a { gap:8px; padding-inline:12px; }
  .opening__stores img { width:24px; height:27px; }
}
@media(max-width:380px) {
  .opening__stores { gap:8px; }
  .opening__stores a { gap:8px; padding-inline:10px; }
  .opening__stores img { width:20px; height:24px; }
  .opening__store-arrow { display:none; }
}
@media(max-width:767px) and (max-height:700px) {
  .opening__copy { padding-top:110px; }
  .opening__copy .scene-label { margin-bottom:24px; }
  .opening__identity { margin-bottom:24px; }
  .opening__stores { margin-top:26px; }
}
@media(max-height:600px) and (min-width:768px) { .opening__copy { top:100px; } }

/* The desktop header already provides both exits. Match its 768px breakpoint. */
@media (min-width:768px) {
  .opening__actions, .opening__stores { display:none; }
}