.heritage-story{position:relative;z-index:6;background:var(--paper) url('assets/paper.webp') repeat;background-size:140px;border-block:1px solid #a7864c44;scroll-margin-top:var(--header-height);color:#432d17}
.story-stage{position:relative;overflow:clip;isolation:isolate;background:inherit}
.story-scene{position:relative;min-height:max(720px,calc(100svh - var(--header-height)));overflow:clip;background:inherit}
.story-mark{position:absolute;z-index:8;top:4.5%;left:50%;translate:-50% 0;pointer-events:none;width:116px}
.story-mark img{width:100%;filter:brightness(.18)}
.story-copy{position:absolute;z-index:5;top:31%;left:55%;width:38%;max-width:640px}
.story-copy .story-eyebrow{font:11px/1.5 Georgia,'PMingLiU',serif;letter-spacing:.2em;margin:0 0 17px;color:#90672f}
.story-copy h2{font-size:clamp(26px,3.2vw,48px);font-weight:700;letter-spacing:.035em;line-height:1.35;margin:0 0 28px;color:#78430d}
.story-copy>p:not(.story-eyebrow){font-size:clamp(13px,1.05vw,17px);line-height:1.9;letter-spacing:.035em;margin:0 0 18px;text-wrap:pretty}
.story-figure{position:absolute;z-index:4;transform-origin:50% 65%;perspective:1200px;pointer-events:none;will-change:transform,opacity}
.story-figure img{width:100%;height:100%;object-fit:contain;object-position:center bottom;max-width:none}
.story-figure-origin{left:1%;bottom:-12%;width:53%;height:109%}
.story-figure-sword{left:28%;bottom:-17%;width:87%;height:120%}
.story-figure-action{left:-1%;bottom:-17%;width:59%;height:122%}
.story-building{position:absolute;pointer-events:none;z-index:1;object-fit:contain}
.story-gate{width:39%;left:-17%;bottom:15%;opacity:.82}
.story-palace{width:44%;left:4%;top:6%}
.story-temple{width:35%;right:4%;bottom:5%}
.story-name{position:absolute;z-index:6;left:5.2%;top:14%;display:flex;gap:12px;writing-mode:vertical-rl;letter-spacing:.16em;color:#76410d}
.story-name span{font-size:30px}.story-name small{font-size:15px}
.story-courage .story-copy{left:7%;width:38%;top:53%}
.story-courage .story-copy h2{font-size:clamp(26px,3vw,46px)}
.story-legacy .story-copy{top:24%;left:57%;width:38%}
.story-cloud{position:absolute;z-index:7;pointer-events:none;will-change:transform,opacity}
.story-cloud-right{right:-3%;top:7%;width:23%}
.story-cloud-left{left:-8%;bottom:9%;width:25%}
.story-cloud img{width:100%}
.story-wordmark{position:absolute;z-index:8;left:50%;bottom:3%;translate:-50% 0;width:215px;pointer-events:none}
.story-scroll{position:absolute;z-index:9;right:4%;bottom:2.7%;display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.14em;margin:0;color:#795a33}
.story-scroll>span:last-child{font-size:22px;line-height:1}
.story-chapters{display:none;position:absolute;z-index:10;left:4.5%;bottom:1.3%;align-items:center;gap:5px}
.story-chapters button{min-width:52px;min-height:44px;padding:10px 6px;display:flex;align-items:center;gap:7px;font:11px/1 Georgia,serif;color:#9d845e;touch-action:manipulation}
.story-chapters i{width:17px;height:1px;background:currentColor;transition:width .2s}
.story-chapters [aria-current=step]{color:#643707}.story-chapters [aria-current=step] i{width:31px;height:2px}
.story-enhanced{height:420svh}
.story-enhanced .story-stage{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));min-height:0}
.story-enhanced .story-scene{position:absolute;inset:0;min-height:0;background:none;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity}
.story-enhanced .story-scene:first-of-type{opacity:1;visibility:visible}
.story-enhanced .story-chapters{display:flex}
.story-enhanced .story-figure,.story-enhanced .story-building{opacity:0}
.story-enhanced.is-ready .story-figure,.story-enhanced.is-ready .story-building{opacity:1}
.story-enhanced .story-copy{will-change:transform,opacity}
.story-motion-layer{display:none;position:absolute;inset:0;z-index:4;pointer-events:none}
.story-enhanced.has-character-motion .story-motion-layer{display:block}
.story-enhanced.has-character-motion .story-figure{display:none!important}
#story-character{display:block;position:absolute;max-width:none;translate:-50% 0;opacity:1;transform:none}
.story-enhanced:lang(en) .story-copy h2{font-size:clamp(24px,2.7vw,40px);letter-spacing:0}
.story-enhanced:lang(en) .story-copy>p:not(.story-eyebrow){font-size:clamp(12px,1vw,16px);line-height:1.75;letter-spacing:0}
@media(min-width:1600px){.story-copy{left:56%;max-width:680px}.story-copy h2{margin-bottom:34px}.story-courage .story-copy{top:56%}}
@media(max-width:1100px) and (min-width:781px){.story-copy{left:55%;width:40%;top:29%}.story-copy h2{font-size:30px;margin-bottom:20px}.story-copy>p:not(.story-eyebrow){font-size:13px;line-height:1.75;margin-bottom:12px}.story-courage .story-copy{top:53%;left:5%;width:40%}.story-legacy .story-copy{left:55%;width:41%;top:24%}.story-figure-origin{left:-4%;width:61%}.story-name{left:3%;top:15%;gap:7px}.story-name span{font-size:24px}.story-name small{font-size:12px}.story-scroll{font-size:9px;gap:8px}.story-wordmark{width:185px}}
@media(max-width:780px) and (orientation:portrait){
 .heritage-story{background-size:90px}.story-enhanced{height:440svh}
 .story-scene{min-height:870px}
 .story-mark{top:2.2%;width:91px}
 .story-figure-origin,.story-figure-sword,.story-figure-action{left:3%;top:6%;bottom:auto;width:94%;height:43%}
 .story-figure-sword{left:-7%;width:114%;height:45%;top:5%}
 .story-figure-action{left:4%;width:92%;height:45%;top:5%}
 .story-copy,.story-courage .story-copy,.story-legacy .story-copy{left:7%;top:51%;width:86%;max-width:none}
 .story-copy .story-eyebrow{font-size:10px;margin-bottom:9px;letter-spacing:.15em}
 .story-copy h2,.story-courage .story-copy h2{font-size:clamp(25px,6.5vw,34px);line-height:1.35;margin-bottom:17px;letter-spacing:.025em}
 .story-copy>p:not(.story-eyebrow){font-size:clamp(12px,3.35vw,15px);line-height:1.85;margin-bottom:12px;letter-spacing:.02em}
 .story-gate{width:47%;left:-10%;bottom:auto;top:31%;opacity:.62!important}
 .story-palace{width:61%;left:-13%;top:25%;opacity:.35!important}
 .story-temple{width:51%;right:-8%;bottom:auto;top:28%;opacity:.52!important}
 .story-name{left:9%;top:13%;gap:6px}.story-name span{font-size:21px}.story-name small{font-size:10px}
 .story-cloud-right{width:36%;right:-12%;top:12%}.story-cloud-left{width:38%;left:-19%;bottom:53%}
 .story-chapters{left:5%;bottom:.4%;gap:0}.story-chapters button{min-width:48px;padding-inline:4px;font-size:10px;gap:5px}.story-chapters i{width:12px}.story-chapters [aria-current=step] i{width:22px}
 .story-wordmark{left:auto;right:6%;translate:none;width:128px;bottom:2.4%}.story-scroll{display:none}
 .story-enhanced:lang(en) .story-copy h2{font-size:27px}.story-enhanced:lang(en) .story-copy>p:not(.story-eyebrow){font-size:12px;line-height:1.65}
}
@media(max-width:780px) and (max-height:710px) and (orientation:portrait){
 .story-mark{width:74px;top:2%}.story-figure-origin,.story-figure-action{top:4%;height:39%}.story-figure-sword{top:5%;height:39%}
 .story-copy,.story-courage .story-copy,.story-legacy .story-copy{top:45%;left:6%;width:88%}
 .story-copy h2,.story-courage .story-copy h2{font-size:25px;margin-bottom:13px}.story-copy>p:not(.story-eyebrow){font-size:12px;line-height:1.72;margin-bottom:9px}
 .story-copy .story-eyebrow{margin-bottom:8px;font-size:9px}.story-wordmark{width:111px}.story-name{top:12%}
 .story-enhanced:lang(en) .story-copy h2{font-size:23px;margin-bottom:12px}.story-enhanced:lang(en) .story-copy>p:not(.story-eyebrow){font-size:11px;line-height:1.55;margin-bottom:9px}
}
@media(max-height:500px) and (orientation:landscape){
 .story-enhanced{height:500svh}.story-mark{width:75px;top:4%}.story-name{display:none}.story-copy,.story-legacy .story-copy{left:53%;top:17%;width:43%}
 .story-copy h2,.story-courage .story-copy h2{font-size:24px;margin-bottom:12px}.story-copy .story-eyebrow{font-size:9px;margin-bottom:7px}
 .story-copy>p:not(.story-eyebrow){font-size:11px;line-height:1.5;margin-bottom:8px}.story-courage .story-copy{left:5%;top:27%;width:43%}
 .story-palace{top:-8%;width:24%}.story-temple{width:24%;right:49%;bottom:10%;opacity:.6!important}.story-figure-origin{width:53%;left:-2%;height:113%}.story-figure-sword{left:27%;width:84%;height:125%}.story-figure-action{width:57%;left:-5%;height:119%}
 .story-wordmark{width:145px;bottom:3%}.story-scroll{display:none}.story-chapters{bottom:0%;left:3%}.story-chapters button{font-size:9px;min-width:40px;gap:5px;padding-inline:3px}.story-chapters i{width:10px}.story-chapters [aria-current=step] i{width:17px}
 .story-enhanced:lang(en) .story-copy h2{font-size:22px}.story-enhanced:lang(en) .story-copy>p:not(.story-eyebrow){font-size:10px;line-height:1.45}
}
@media(prefers-reduced-motion:reduce){
 .heritage-story.story-enhanced{height:auto}.story-enhanced .story-stage{position:relative;top:0;height:auto;overflow:clip}
 .story-enhanced .story-scene{position:relative;min-height:max(720px,calc(100svh - var(--header-height)));opacity:1!important;visibility:visible!important;transform:none!important}
 .story-enhanced .story-figure,.story-enhanced .story-copy,.story-enhanced .story-building{transform:none!important;opacity:1!important}
 .story-chapters,.story-scroll,.story-enhanced .story-wordmark,.story-cloud,.story-mark{display:none!important}
 .story-scene+.story-scene{border-top:1px solid #a7864c44}
}