.page-story *,.page-story *::before,.page-story *::after{box-sizing:border-box;margin:0;padding:0}
.page-story{
  --bg:#050305;--bg2:#0A080C;--bg3:#100E12;
  --gold:#D4A853;--gold2:#EFC870;--gdim:#5E420F;
  --neon:#9D71FF;--cyan:#22D3EE;
  --w:#F5EFE6;--mu:#5A5450;
  --bdr:rgba(212,168,83,.13);
  --fd:'Bebas Neue',sans-serif;
  --fs:'Barlow Condensed',sans-serif;
  --fb:'DM Sans',sans-serif;
  --fj:"Hiragino Sans","ヒラギノ角ゴシック","Hiragino Kaku Gothic ProN","Yu Gothic","Yu Gothic UI","Noto Sans JP",sans-serif;
  --fk:'Noto Sans KR',sans-serif;
  --fz:'Noto Sans TC',sans-serif;
  scroll-behavior:smooth;
  margin:0;padding:0;
  background:var(--bg);color:var(--w);font-family:var(--fb);font-weight:300;overflow-x:hidden;line-height:1.7;
}

/* LANG */
.page-story [data-l]{display:none}.page-story [data-l="en"]{display:block}
.page-story span[data-l]{display:none}.page-story span[data-l="en"]{display:inline}
.page-story h2 span[data-l="en"]{display:block}.page-story p[data-l="en"]{display:block}

/* NAV */
.page-story #nav{
  position:fixed;top:5%;left:0;right:0;z-index:500;
  display:flex;justify-content:flex-end;align-items:center;
  padding:0 3.5rem;height:60px;
  transition:background .4s,border-color .4s;
  border-bottom:.5px solid transparent;
}
.page-story #nav.scrolled{background:transparent;border-color:transparent}
.page-story .c-header-logo{
  position:fixed;top:5%;left:3.5rem;width:80px;height:auto;
  z-index:9999;display:block;transition:opacity .2s
}
.page-story .c-header-logo:hover{opacity:.75}

/* HAMBURGER (mobile only) */
.page-story .hburg{
  display:none;position:fixed;top:calc(3.3% + 7px);right:4%;z-index:9999;
  width:26px;height:18px;
  background:transparent;border:none;padding:0;cursor:pointer;
  flex-direction:column;justify-content:space-between;align-items:stretch
}
.page-story .hburg span{display:block;width:100%;height:1.5px;background:var(--w);transition:transform .25s,opacity .2s}
.page-story .hburg.on span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.page-story .hburg.on span:nth-child(2){opacity:0}
.page-story .hburg.on span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(max-width:960px){.page-story .hburg{display:flex}}

/* MOBILE MENU OVERLAY */
.page-story .hmenu{
  position:fixed;inset:0;z-index:9000;
  background:rgba(5,3,5,.96);backdrop-filter:blur(14px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s
}
.page-story .hmenu.on{opacity:1;visibility:visible}
.page-story .hmenu-list{
  list-style:none;display:flex;flex-direction:column;gap:1.4rem;text-align:center;padding:0
}
.page-story .hmenu-list a{
  font-family:var(--fb);font-size:16px;font-weight:400;
  letter-spacing:.18em;text-transform:uppercase;color:var(--w);text-decoration:none;
  transition:color .2s
}
.page-story .hmenu-list a:hover{color:var(--gold)}
.page-story .hmenu-bk{
  display:inline-block;padding:11px 28px;margin-top:.5rem;
  border:1px solid rgba(212,168,83,.55);color:var(--gold)!important
}
.page-story .hmenu-sns{
  display:flex;gap:1.75rem;justify-content:center;margin-top:2.25rem
}
.page-story .hmenu-sns a{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;color:var(--w);
  transition:color .2s,transform .2s
}
.page-story .hmenu-sns a:hover{color:var(--gold);transform:translateY(-2px)}
.page-story .hmenu-sns svg{width:100%;height:100%}
.page-story .nlinks{display:flex;gap:2rem;list-style:none;align-items:center}
.page-story .nlinks a{font-size:16px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--w);text-decoration:none;transition:color .2s}
.page-story .nlinks a:hover{color:var(--gold)}
.page-story .nbk{
  display:inline-block;padding:7px 22px;border:.5px solid rgba(245,239,230,.45);
  font-family:var(--fs);font-size:11px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--w);text-decoration:none;
  transition:all .2s
}
.page-story .nbk:hover{background:var(--w);color:var(--bg);border-color:var(--w)}

/* HERO */
.page-story #hero{
  position:relative;height:100vh;min-height:680px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:clamp(0px,5vh,80px) 4rem 0;overflow:hidden;text-align:center
}
.page-story #hvideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#050305;
  filter:saturate(.78) contrast(1.08) brightness(.92)}
.page-story #hcanvas{position:absolute;inset:0;z-index:1;pointer-events:none}
.page-story .hov{
  position:absolute;inset:0;z-index:2;
  background:linear-gradient(160deg,rgba(5,3,5,.6) 0%,rgba(5,3,5,.1) 45%,rgba(5,3,5,.7) 80%,rgba(5,3,5,.98) 100%)
}
.page-story .hov2{
  position:absolute;inset:0;z-index:2;
  background:radial-gradient(ellipse 60% 50% at 70% 40%,rgba(157,113,255,.05) 0%,transparent 65%)
}
.page-story .hgrain{
  position:absolute;inset:-50%;z-index:2;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size:200px 200px;opacity:.18;mix-blend-mode:overlay;
  animation:grain 1.2s steps(6) infinite
}
@keyframes grain{
  0%{transform:translate(0,0)}
  20%{transform:translate(-3%,2%)}
  40%{transform:translate(2%,-3%)}
  60%{transform:translate(-2%,3%)}
  80%{transform:translate(3%,-2%)}
  100%{transform:translate(0,0)}
}
.page-story .hvgnt{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.45) 90%,rgba(0,0,0,.7) 100%)
}
@media(prefers-reduced-motion:reduce){
  .page-story .hgrain{animation:none}
}
.page-story .hcnt{position:relative;z-index:3;max-width:1400px;width:100%;display:flex;flex-direction:column;align-items:center}
@media(min-width:769px){
  .page-story .hcnt{transform:translateY(1rem)}
}
@media(max-width:768px){
  .page-story .hcnt{transform:translateY(3.5rem)}
}
.page-story .hkicker{
  position:relative;
  font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:34px;font-weight:600;
  letter-spacing:-1px;text-transform:none;color:var(--w);
  margin:0 0 1rem;padding-top:2rem;transform:translateY(-5.75rem)
}
.page-story .hkicker .lc{text-transform:lowercase}
@media(max-width:768px){
  .page-story .hkicker{font-size:22px;letter-spacing:-1px;transform:translateY(-2rem);margin:0 0 1.25rem;line-height:1.3}
  .page-story .hkicker .hk-l{display:block}
}
@media(max-width:480px){
  .page-story .univ-eyebrow{font-size:16px;letter-spacing:.18em}
}
.page-story .hh1{
  font-family:var(--fd);
  font-size:clamp(88px,18.7vw,277px);
  line-height:1;letter-spacing:.01em;
  color:var(--w);margin:0;
  text-shadow:0 0 100px rgba(212,168,83,.22),0 0 200px rgba(212,168,83,.08);
  display:flex;justify-content:center;align-items:center;
  width:100%;height:1.05em;white-space:nowrap
}
@media(max-width:768px){
  .page-story .hh1{font-size:clamp(120px,32vw,180px);margin-top:6vh;letter-spacing:-.02em}
}
.page-story .hword{display:inline-block;transition:color .2s}
.page-story .hword.gold{color:var(--gold)}
.page-story .sr-only{
  position:absolute;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0
}
.page-story .hsub{
  font-family:"Zen Kaku Gothic New",sans-serif;
  font-style:normal;font-weight:700;
  font-size:clamp(20px,2.8vw,32px);
  color:var(--gold);letter-spacing:.04em;
  margin-top:-3.25rem;margin-bottom:2.5rem;
  max-width:none;text-align:center;white-space:nowrap
}
@media(max-width:768px){
  .page-story .hsub{white-space:normal;max-width:90%;font-size:18px;line-height:1.4;margin:-1rem 0 .5rem;color:var(--gold);font-weight:700}
  .page-story .hsub [data-l="en"],.page-story .hsub [data-l="es"]{font-size:15px;letter-spacing:.02em}
}
.page-story .hsub [data-l="ko"]{font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.page-story .hsub [data-l="zh"]{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
.page-story .hsub [data-l="ja"],.page-story .hsub [data-l="ko"],.page-story .hsub [data-l="zh"]{
  font-size:52px;letter-spacing:-2px
}
.page-story .hsub [data-l="en"],.page-story .hsub [data-l="es"]{
  font-weight:700;font-size:40px;letter-spacing:-2px
}
@media(max-width:768px){
  .page-story .hsub [data-l="ja"],.page-story .hsub [data-l="ko"],.page-story .hsub [data-l="zh"]{font-size:22px;letter-spacing:-2px}
  .page-story .hsub [data-l="en"],.page-story .hsub [data-l="es"]{font-size:18px;line-height:1.0;font-weight:700;letter-spacing:0}
}
.page-story .hctas{
  display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;
  margin-top:-7rem
}
@media(max-width:768px){
  .page-story .hctas{margin-top:-3rem;flex-direction:column;align-items:center;gap:1rem;width:100%}
  .page-story .hctas .btno-tickets{width:88%;justify-content:center}
}
.page-story .btng{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 48px;background:var(--gold);color:var(--bg);
  font-family:var(--fs);font-size:13px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;text-decoration:none;
  transition:background .2s,transform .15s;border:none;cursor:pointer
}
.page-story .btng:hover{background:var(--gold2);transform:translateY(-2px)}
.page-story .btno{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 48px;border:.5px solid rgba(212,168,83,.4);
  color:var(--gold);background:transparent;
  font-family:var(--fs);font-size:13px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;text-decoration:none;
  transition:all .2s;cursor:pointer
}
.page-story .btno:hover{border-color:var(--gold);background:rgba(212,168,83,.06);transform:translateY(-2px)}
.page-story .btno-tickets{
  position:relative;
  font-family:'Barlow Condensed',sans-serif;font-weight:400;
  padding:12px 1.5rem;font-size:30px;letter-spacing:5px;gap:16px;
  color:var(--w);white-space:nowrap;
  min-width:33rem;justify-content:center;
  border:none;border-radius:0;
  opacity:1!important;visibility:visible!important;display:inline-flex!important
}
.page-story .btno-tickets::before,.page-story .btno-tickets::after{
  content:'';position:absolute;left:50%;
  transform:translateX(-50%);
  width:100%;height:2px;background:rgba(212,168,83,.7);
  transition:background .2s
}
.page-story .btno-tickets::before{top:0}
.page-story .btno-tickets::after{bottom:0}
.page-story .btno-tickets:hover{background:transparent;transform:translateY(-2px)}
.page-story .btno-tickets:hover::before,.page-story .btno-tickets:hover::after{background:var(--gold)}
.page-story .btno-tickets .btno-arr{
  position:absolute;right:1.5rem;top:50%;
  font-family:var(--fb);font-size:22px;line-height:1;
  transform:translateY(-50%);transition:transform .2s
}
.page-story .btno-tickets:hover .btno-arr{transform:translate(6px,-50%)}
@media(max-width:768px){
  .page-story .btno-tickets{min-width:0;padding:10px 8px;letter-spacing:3px;font-size:16px;gap:8px;width:100%;
    flex-wrap:nowrap;white-space:nowrap}
  .page-story .btno-tickets::before,.page-story .btno-tickets::after{width:80%}
  .page-story .btno-tickets .btno-arr{font-size:18px;flex-shrink:0;right:1rem}
  .page-story .hctas .btno-tickets{width:96%}
}
@media(max-width:480px){
  .page-story .btno-tickets{font-size:14px;letter-spacing:3px}
  .page-story .btno-tickets .btno-arr{font-size:16px}
}
.page-story .hlang{
  position:fixed;top:calc(5% + 54px);right:3.5rem;z-index:9998;
  display:flex;gap:5px
}
.page-story .hlang button{
  background:none;border:.5px solid rgba(245,239,230,.35);color:var(--w);
  font-size:10px;font-family:var(--fb);letter-spacing:.08em;white-space:nowrap;
  padding:4px 12px;cursor:pointer;transition:color .15s,border-color .15s,background .15s
}
@media(min-width:769px){
  .page-story .hlang button{min-width:80px;padding:4px 16px}
}
.page-story .hlang button.on{color:var(--gold);border-color:rgba(212,168,83,.4);background:rgba(212,168,83,.05)}
.page-story .hlang button:hover:not(.on){color:var(--w);border-color:var(--w)}
.page-story .scrl{
  position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);
  z-index:3;display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;color:var(--w)
}
.page-story .sarr{
  width:20px;height:20px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px);
  animation:arrBounce 1.6s ease-in-out infinite
}

@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes slideUp{from{transform:translateY(110%)}to{transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes arrBounce{
  0%,100%{transform:rotate(45deg) translate(-2px,-2px);opacity:.6}
  50%{transform:rotate(45deg) translate(2px,2px);opacity:1}
}

/* UNIVERSE STATEMENT — HAKKASAN STYLE */
.page-story .univ{
  position:relative;overflow:hidden;
  padding:3rem 0;border-top:.5px solid var(--bdr);
  background:
    linear-gradient(rgba(5,3,5,.75),rgba(5,3,5,.88)),
    url('../../../lib/images/story2.webp') center/cover no-repeat,
    #0A0808;
  min-height:100vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center
}
.page-story .univ-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 60% at 85% 15%,rgba(212,168,83,.08) 0%,transparent 60%),
    radial-gradient(ellipse 60% 60% at 15% 85%,rgba(157,113,255,.06) 0%,transparent 60%)
}
.page-story .univ-inner{
  position:relative;z-index:1;
  max-width:1600px;width:100%;margin:0 auto;text-align:center
}
.page-story .univ-eyebrow{
  font-family:var(--fb);font-size:20px;font-weight:400;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
  margin:0 0 1rem
}
.page-story .univ-title{
  font-family:"Inter",Arial,Helvetica,sans-serif;
  font-size:clamp(20px,4.5vw,64px);
  line-height:1.05;letter-spacing:-.04em;
  color:var(--w);margin:0 0 2rem;font-weight:600;
  white-space:nowrap
}
@media(min-width:769px){
  .page-story .univ-title{
    font-family:"Inter",Arial,Helvetica,sans-serif;
    font-size:101px;
    line-height:.92;letter-spacing:-.05em;
    font-weight:600;white-space:normal;
    font-stretch:normal;padding:0 2rem
  }
  .page-story .univ-title .brk-mob{display:block;width:100%;height:0}
}
.page-story .brk-mob,.page-story .mbr,.page-story .pbr{display:none}
.page-story .pc-only{display:inline}
@media(min-width:769px){
  .page-story .pbr{display:block;width:100%;height:0}
}
@media(max-width:768px){
  .page-story .pc-only{display:none}
}
@media(max-width:768px){
  .page-story .univ-title{white-space:normal;font-size:clamp(32px,9vw,56px)}
  .page-story .brk-mob,.page-story .mbr{display:block;width:100%;height:0}
}
.page-story .univ-divider{
  width:64px;height:2px;background:rgba(212,168,83,.7);
  margin:0 auto 2.5rem
}
@media(min-width:769px){
  .page-story .univ-divider{width:600px;max-width:90%}
}
.page-story .univ-body{min-height:360px;text-align:center}
@media(max-width:768px){
  .page-story .univ-body{min-height:0}
}
.page-story .ess-b{
  font-family:var(--fb);
  font-size:20px;
  line-height:1.71;color:var(--w);
  max-width:none;margin:0 auto;text-align:center
}
.page-story .ess-b p{margin:0 0 1.1rem}
.page-story .ess-b p:last-child{margin:0}
@media(min-width:769px){
  .page-story .ess-b p{white-space:nowrap}
}
.page-story .ess-b.j{font-family:var(--fj);font-weight:500;line-break:strict;word-break:keep-all;overflow-wrap:anywhere}
.page-story .ess-b.j .nowrap-lg{white-space:nowrap;letter-spacing:-.05em;font-size:.92em;display:inline-block}
.page-story .ess-b.k{font-family:var(--fk)}
.page-story .ess-b.z{font-family:var(--fz)}
@media(max-width:768px){
  .page-story .univ{padding:5rem 1.5rem;min-height:100vh}
  .page-story .univ-eyebrow{font-family:var(--fb);font-weight:400;font-size:16px;letter-spacing:.18em;margin:0 0 1rem;transform:translateY(.4rem)}
  .page-story .univ-title{font-size:clamp(32px,9vw,56px);margin-bottom:1rem}
  .page-story .univ-divider{margin-bottom:1.25rem}
  .page-story .ess-b{font-size:13.5px;line-height:1.75}
}

/* STATS BAR — UNVRS STYLE */
.page-story .stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:.5px solid var(--bdr);border-bottom:.5px solid var(--bdr);
}
.page-story .stat{
  padding:3rem 2rem;text-align:center;
  border-right:.5px solid var(--bdr);
}
.page-story .stat:last-child{border-right:none}
.page-story .snum{font-family:var(--fd);font-size:clamp(44px,5vw,72px);color:var(--gold);line-height:1;display:block}
.page-story .slbl{font-family:var(--fs);font-size:12px;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--mu);margin-top:.5rem;display:block}

/* EXPERIENCE — full width alternating */
.page-story .exp{display:grid;grid-template-columns:1fr 1fr;min-height:470px;border-top:.5px solid var(--bdr);overflow:hidden}
.page-story .exp.rev{direction:rtl}
.page-story .exp.rev>*{direction:ltr}
.page-story .eimg{position:relative;overflow:hidden;min-height:324px}
.page-story .eimg-bg{position:absolute;top:-15%;left:0;right:0;bottom:-15%;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.page-story .eimg:hover .eimg-bg{transform:scale(1.04)}
/* image art for placeholders */
.page-story .ia,.page-story .ib,.page-story .ic,.page-story .id{background:url('../../../lib/images/story2.webp') center/cover no-repeat,#0A0808}
.page-story .ia{background:url('../../../lib/images/story7.webp') center/cover no-repeat,#0A0808}
.page-story .ib{background:url('../../../lib/images/story6.webp') center/cover no-repeat,#0A0808}
.page-story .ic{background:url('../../../lib/images/story1.webp') center/cover no-repeat,#0A0808}
.page-story .id{background:url('../../../lib/images/story9.webp') center/cover no-repeat,#0A0808}
.page-story .ib-grid{display:none}
.page-story .vip-art{position:absolute;bottom:22%;left:50%;transform:translateX(-50%);width:50%;max-width:200px}
.page-story .vip-tbl{width:100%;height:3px;background:linear-gradient(to right,transparent,var(--gdim),var(--gold),var(--gdim),transparent);position:relative}
.page-story .vip-bot{position:absolute;bottom:3px;width:8px;background:linear-gradient(to top,rgba(212,168,83,.3),rgba(212,168,83,.9));border-radius:2px 2px 0 0}
.page-story .vip-glo{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:85%;height:18px;
  background:radial-gradient(ellipse,rgba(212,168,83,.25) 0%,transparent 70%);filter:blur(5px)}
.page-story .play-btn{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:76px;height:76px;border:1.5px solid rgba(212,168,83,.4);border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;
  transition:all .25s
}
.page-story .play-btn:hover{border-color:var(--gold);background:rgba(212,168,83,.08)}
.page-story .play-icon{width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid var(--gold);margin-left:5px}
.page-story .iplab{
  position:absolute;bottom:1.5rem;right:1.5rem;
  font-family:var(--fs);font-size:9px;letter-spacing:.35em;text-transform:uppercase;
  color:rgba(212,168,83,.3);border:.5px solid rgba(212,168,83,.15);padding:3px 9px
}
.page-story .etxt{
  padding:3rem 5rem;display:flex;flex-direction:column;
  justify-content:center;background:var(--bg2);position:relative
}
.page-story .exp.rev .etxt{align-items:flex-end;text-align:right}
.page-story .enum{
  font-family:var(--fd);font-size:100px;color:rgba(212,168,83,.05);
  line-height:1;margin-bottom:-1.75rem;user-select:none
}
.page-story .etit{
  font-family:"Inter",Arial,Helvetica,sans-serif;font-size:clamp(41px,5.4vw,70px);
  font-weight:600;letter-spacing:-.05em;line-height:1.02;color:var(--w);
  margin-bottom:1.75rem;position:relative;z-index:1
}
.page-story .ebo{font-size:14px;font-weight:300;color:var(--w);line-height:2;max-width:420px}
.page-story .ebo.j{font-family:var(--fj);font-weight:400}.page-story .ebo.k{font-family:var(--fk)}.page-story .ebo.z{font-family:var(--fz)}
@media(min-width:769px){
  .page-story .ebo{font-size:18px;max-width:560px}
  .page-story .ess-b,.page-story .ebo,.page-story .sg-body,.page-story .fdesc{font-weight:400}
  .page-story .ess-b.j{letter-spacing:.06em}
}
@media(max-width:768px){
  .page-story .ess-b.j,.page-story .ebo.j,.page-story .sg-body.j,.page-story .fdesc.j{font-weight:400}
}
.page-story .esl{
  display:flex;align-items:center;gap:1rem;
  font-family:var(--fb);font-size:20px;font-weight:400;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
  margin-bottom:1.4rem
}
.page-story .esl::before{display:none}
@media(max-width:768px){
  .page-story .esl{font-family:var(--fb);font-weight:400;font-size:16px;letter-spacing:.18em;transform:translateY(.4rem)}
}

/* SIGNATURE EXPERIENCES — HAKKASAN GRID */
.page-story .sig{padding:8rem 4rem;border-top:.5px solid var(--bdr);background:#121212}
.page-story .sig-hd{text-align:center;margin-bottom:5rem}
.page-story .sl{
  font-family:var(--fb);font-size:20px;font-weight:400;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
  margin:0 0 1rem
}
@media(max-width:768px){
  .page-story .sl{font-family:var(--fb);font-weight:400;font-size:16px;letter-spacing:.18em;margin:0 0 1rem;transform:translateY(.4rem)}
}
@media(max-width:480px){
  .page-story .sl{font-size:16px;letter-spacing:.18em}
}
.page-story .sig-tit{
  font-family:"Inter",Arial,Helvetica,sans-serif;font-size:clamp(41px,5.4vw,70px);
  font-weight:600;letter-spacing:-.05em;line-height:1.02;color:var(--w);
  margin-bottom:1rem;white-space:nowrap
}
.page-story .sig-tit-br{display:none}
@media(max-width:768px){
  .page-story .sig-tit{white-space:normal}
  .page-story .sig-tit-br{display:inline}
}
.page-story .sig-sub{font-size:14px;font-weight:300;color:var(--w);line-height:2;max-width:420px;margin:0 auto}
@media(min-width:769px){
  .page-story .sig-sub{font-size:20px;max-width:560px;font-weight:400}
}
.page-story .sig-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--bdr);max-width:1400px;margin:0 auto
}
.page-story .sgc{
  background-color:var(--bg2);background-size:cover;background-position:center;background-repeat:no-repeat;
  padding:6rem 2.5rem 2.5rem;position:relative;overflow:hidden
}
@media(max-width:768px){
  .page-story .sgc{padding:3.5rem 1.25rem 1.25rem}
}
.page-story .sgc::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(rgba(5,3,5,.55),rgba(5,3,5,.75));
  transition:opacity .5s ease
}
.page-story .sgc:hover::after{opacity:0}
.page-story .sgc::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:transparent;transition:background .3s;z-index:2}
.page-story .sgc:hover::before{background:var(--gold)}
.page-story .sgc > *{position:relative;z-index:1}
.page-story .sg-ico{display:none}
.page-story .sg-tit{font-family:var(--fd);font-size:30px;font-weight:400;letter-spacing:.06em;color:var(--w);margin-bottom:.75rem;transform:translateY(1rem)}
@media(min-width:769px){
  .page-story .sg-tit{font-size:38px}
}
@media(max-width:768px){
  .page-story .sg-tit{margin-top:1.5rem}
}
.page-story .sg-body{font-size:13px;color:var(--w);line-height:1.85;font-weight:300}
.page-story .sg-body.j{font-family:var(--fj);font-weight:400}.page-story .sg-body.k{font-family:var(--fk)}.page-story .sg-body.z{font-family:var(--fz)}
@media(min-width:769px){
  .page-story .sg-body{font-size:14px}
}

/* FLOORS */
.page-story .floors{padding:8rem 4rem;border-top:.5px solid var(--bdr)}
.page-story .floors-hd{max-width:600px;margin:0 auto 4.5rem;text-align:center}
.page-story .floors-tit{font-family:var(--fd);font-size:clamp(38px,5.5vw,76px);letter-spacing:.06em;color:var(--w);line-height:.95;margin-bottom:1.25rem}
.page-story .floors-sub{font-size:14px;color:var(--mu);letter-spacing:.06em}
.page-story .fgrid{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:1px;background:var(--bdr);max-width:1200px;margin:0 auto
}
.page-story .fc{
  background:var(--bg);padding:2.75rem 1.75rem;
  position:relative;overflow:hidden;transition:background .3s;cursor:default
}
.page-story .fc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.page-story .fc:nth-child(1)::before{background:var(--gold)}
.page-story .fc:nth-child(2)::before{background:#9D71FF}
.page-story .fc:nth-child(3)::before{background:#F43F5E}
.page-story .fc:nth-child(4)::before{background:var(--mu)}
.page-story .fc:nth-child(5)::before{background:#22D3EE}
.page-story .fc:hover{background:var(--bg3)}
.page-story .fn{font-family:var(--fd);font-size:46px;line-height:1;margin-bottom:1.25rem}
.page-story .fc:nth-child(1) .fn{color:var(--gold)}
.page-story .fc:nth-child(2) .fn{color:#9D71FF}
.page-story .fc:nth-child(3) .fn{color:#F43F5E}
.page-story .fc:nth-child(4) .fn{color:var(--mu)}
.page-story .fc:nth-child(5) .fn{color:#22D3EE}
.page-story .fname{font-family:var(--fs);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--w);margin-bottom:6px;line-height:1.35}
.page-story .fgen{font-size:11px;color:var(--mu);margin-bottom:1rem;font-weight:300;letter-spacing:.04em}
.page-story .fdesc{font-size:12px;color:rgba(245,239,230,.45);line-height:1.8;font-weight:300}
.page-story .fdesc.j{font-family:var(--fj);font-weight:400}.page-story .fdesc.k{font-family:var(--fk)}.page-story .fdesc.z{font-family:var(--fz)}

/* VOICES */
.page-story .voices{padding:8rem 4rem;border-top:.5px solid var(--bdr);text-align:center}
.page-story .vtit{font-family:var(--fd);font-size:clamp(34px,4.5vw,58px);letter-spacing:.06em;color:var(--w);margin-bottom:.5rem}
.page-story .vsub{font-size:13px;color:var(--mu);letter-spacing:.08em;margin-bottom:4rem}
.page-story .car{max-width:840px;margin:0 auto;overflow:hidden;position:relative}
.page-story .car-tr{display:flex;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.page-story .rc{flex:0 0 100%;padding:3.5rem 3rem;text-align:center}
.page-story .rstars{color:var(--gold);font-size:14px;letter-spacing:6px;margin-bottom:1.75rem}
.page-story .rtxt{
  font-family:var(--fs);font-style:italic;
  font-size:clamp(18px,2.5vw,28px);font-weight:300;
  color:var(--w);line-height:1.6;max-width:640px;margin:0 auto 2rem
}
.page-story .raut{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--mu);letter-spacing:.08em}
.page-story .rflag{font-size:18px}
.page-story .cdots{display:flex;justify-content:center;gap:8px;margin-top:2.5rem}
.page-story .dot{width:4px;height:4px;border-radius:50%;background:rgba(212,168,83,.2);cursor:pointer;transition:all .25s}
.page-story .dot.on{background:var(--gold);width:20px;border-radius:2px}

/* FINAL CTA */
.page-story .cta{
  padding:5rem 1.5rem;text-align:center;position:relative;overflow:hidden;
  border-top:.5px solid var(--bdr);
  background:linear-gradient(rgba(5,3,5,.65),rgba(5,3,5,.82)),url('../../../lib/images/story11.webp') center/cover no-repeat,var(--bg)
}
.page-story .cta::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    repeating-linear-gradient(to right,transparent 0,transparent 3px,rgba(255,255,255,.06) 3px,rgba(255,255,255,.06) 4px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.06) 3px,rgba(255,255,255,.06) 4px)
}
@media(max-width:768px){
  .page-story .cta::before{
    background-image:
      repeating-linear-gradient(to right,transparent 0,transparent 1px,rgba(255,255,255,.06) 1px,rgba(255,255,255,.06) 2px),
      repeating-linear-gradient(to bottom,transparent 0,transparent 1px,rgba(255,255,255,.06) 1px,rgba(255,255,255,.06) 2px)
  }
}
.page-story .cta-glow1{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:900px;height:500px;pointer-events:none;
  background:radial-gradient(ellipse,rgba(157,113,255,.06) 0%,transparent 60%)
}
.page-story .cta-glow2{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:500px;height:300px;pointer-events:none;
  background:radial-gradient(ellipse,rgba(212,168,83,.07) 0%,transparent 55%)
}
.page-story .cta-in{position:relative;z-index:1;transform:translateY(1.5rem)}
.page-story .ceye{
  font-family:var(--fb);font-size:20px;font-weight:400;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
  margin:0 0 1rem;transform:translateY(-.75rem)
}
@media(max-width:768px){
  .page-story .ceye{font-family:var(--fb);font-weight:400;font-size:16px;letter-spacing:.18em;margin:1.7rem 0 1rem;transform:translateY(.7rem)}
}
@media(max-width:480px){
  .page-story .ceye{font-size:16px;letter-spacing:.18em}
}
.page-story .ctit{
  font-family:var(--fd);font-size:clamp(34px,6.5vw,80px);
  letter-spacing:.03em;line-height:.9;color:var(--w);margin-bottom:1.5rem
}
@media(max-width:768px){
  .page-story .ctit{line-height:1.3}
}
.page-story .ctit [data-l="ja"]{font-family:var(--fj);font-weight:600}
.page-story .ctit [data-l="en"],.page-story .ctit [data-l="es"]{
  font-family:"Inter",Arial,Helvetica,sans-serif;font-weight:600;
  letter-spacing:-.05em;line-height:1.02
}
.page-story .csub{
  font-family:"Zen Kaku Gothic New",sans-serif;
  font-style:normal;font-weight:500;
  font-size:clamp(13px,1.6vw,19px);
  color:var(--w);letter-spacing:.04em;
  max-width:none;text-align:center;white-space:nowrap;
  margin:0 auto 3rem;transform:translateY(-10px)
}
.page-story .csub.j{font-family:var(--fj);font-weight:400}
@media(max-width:768px){
  .page-story .csub.j{line-height:2.04}
}
.page-story .csub.k{font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.page-story .csub.z{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
@media(max-width:768px){
  .page-story .csub{white-space:normal;max-width:90%;font-size:14px;line-height:1.4}
}
.page-story .cbtns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;transform:translateY(-24px)}
.page-story .cbtns .btng{padding:8px 5rem;font-size:19px;letter-spacing:.3em;min-width:min(317px,65vw);justify-content:center}
@media(max-width:768px){.page-story .cbtns .btng{font-size:19px;letter-spacing:.22em;padding:8px 2.9rem}}
@media(max-width:480px){.page-story .cbtns .btng{font-size:17px;letter-spacing:.18em;padding:7px 1.45rem}}

/* FOOTER */
.page-story footer{
  padding:3.5rem 4rem;border-top:.5px solid var(--bdr);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:0
}
.page-story .fsns{display:flex;gap:1.75rem;justify-content:center;margin-bottom:2.5rem;transform:translateY(.75rem)}
.page-story .fsns a{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;color:var(--w);
  transition:color .2s,transform .2s
}
.page-story .fsns a:hover{color:var(--gold);transform:translateY(-2px)}
.page-story .fsns svg{width:100%;height:100%}
.page-story .fcopy{font-size:12px;color:var(--w);letter-spacing:.08em;margin-top:2.5rem;transform:translateY(-1.5rem)}
@media(max-width:768px){
  .page-story .fcopy{transform:translateY(-2.5rem)}
}
.page-story .finfo-block{max-width:640px;width:100%}
.page-story .finfo-eyebrow{display:none}
.page-story .finfo-name{font-family:"Inter",Arial,Helvetica,sans-serif;font-weight:600;font-size:24px;letter-spacing:-.01em;color:var(--w);margin-bottom:.5rem;line-height:1.1}
.page-story .finfo-lang{font-size:13px;color:var(--mu);margin-bottom:2.25rem;letter-spacing:.15em;text-transform:uppercase}
.page-story .finfo-list{color:var(--w);font-size:13px;line-height:1.95;width:100%;max-width:1100px}
.page-story .finfo-row{display:flex;flex-direction:column;align-items:center}
.page-story .finfo-row a{color:inherit;text-decoration:none;transition:color .2s}
.page-story .finfo-row a:hover{color:var(--gold)}
@media(min-width:769px){
  .page-story .finfo-block{max-width:1100px}
  .page-story .finfo-row{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:.6rem}
  .page-story .finfo-row:last-child{margin-bottom:0}
  .page-story .finfo-row span{padding:0 .9rem;border-right:1px solid rgba(245,239,230,.3)}
  .page-story .finfo-row span:last-child{border-right:none}
}
@media(max-width:768px){
  .page-story footer{padding:3.5rem 1.5rem 2rem}
  .page-story .finfo-eyebrow{font-size:14px;letter-spacing:3px}
  .page-story .finfo-name{font-size:22px}
  .page-story .finfo-list{font-size:12px}
  .page-story .finfo-row span{display:block;margin-bottom:.4rem}
  .page-story .finfo-row span:last-child{margin-bottom:0}
}

/* GSAP-ready classes */
.page-story .gsap-split .char{display:inline-block}
.page-story [data-gsap-fade]{opacity:0;transform:translateY(30px)}
.page-story [data-gsap-line]{overflow:hidden}
.page-story [data-gsap-line]>*{transform:translateY(100%)}

/* RESPONSIVE */
@media(max-width:960px){
  .page-story #nav{padding:0 1.5rem}
  .page-story .nlinks{display:none}
  .page-story #hero{padding:0 2rem 8rem}
  .page-story .univ,.page-story .sig,.page-story .voices,.page-story .cta,.page-story .floors{padding:5rem 1.5rem}
  .page-story .exp,.page-story .exp.rev{grid-template-columns:1fr;direction:ltr}
  .page-story .eimg{min-height:280px}
  .page-story .etxt{padding:2.25rem 2rem 2.5rem}
  .page-story .sig-grid{grid-template-columns:1fr 1fr}
  .page-story .fgrid{grid-template-columns:1fr 1fr}
  .page-story .fgrid .fc:last-child{grid-column:span 2}
  .page-story .stats{grid-template-columns:1fr 1fr}
  .page-story .stat:nth-child(2){border-right:none}
  .page-story footer{grid-template-columns:1fr;text-align:center}
  .page-story .flinks{justify-content:center;flex-wrap:wrap}
  /* 言語スイッチ: ヘッダーのロゴとバーガーの間に配置 */
  .page-story .hlang{
    left:50%;right:auto;bottom:auto;
    top:calc(3.3% + 4px);
    transform:translateX(calc(-50% + 14px))
  }
  .page-story .scrl{bottom:4.5rem}
  .page-story .c-header-logo{left:3.7%;width:4vw;min-width:48px}
}
@media(max-width:600px){
  .page-story .sig-grid{grid-template-columns:1fr}
  .page-story .fgrid{grid-template-columns:1fr}
  .page-story .fgrid .fc:last-child{grid-column:auto}
}
@media only screen and (max-width:900px){
  .page-story .c-header-logo{width:40px;top:3.3%;left:4%}
  .page-story #nav{top:3.3%;height:30px}
}