/* One continuous, reversible story. Copy remains in the document. */
.search-story{position:relative;isolation:isolate;height:auto;min-height:0;background:#080b12;color:#ffffff;overflow:clip;--story-progress:0;--story-accent:#c8ad74}
.search-story.is-3d-ready{height:560svh;min-height:2600px}
.story-sticky{position:sticky;top:0;width:100%;height:100svh;min-height:640px;overflow:hidden;background:radial-gradient(ellipse at 73% 48%,#171a21 0%,#0d1016 32%,#080b12 70%)}
.story-sticky:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,#080b12 0%,#080b12c9 23%,transparent 54%)}
.story-sticky:after{content:"";position:absolute;left:0;top:0;height:2px;width:calc(var(--story-progress) * 100%);background:#c8ad74;z-index:6;opacity:.85}
.story-canvas{position:absolute;inset:0;z-index:1;contain:layout paint;opacity:0;transition:opacity .7s ease}
.story-canvas canvas{display:block;width:100%;height:100%;outline:0}
.search-story.is-3d-ready .story-canvas{opacity:1}
.story-heading{position:absolute;z-index:3;left:clamp(26px,6vw,120px);top:50%;width:min(36%,510px);transform:translateY(-52%);pointer-events:none}
.story-heading .eyebrow{font-size:11px!important;letter-spacing:.1em;color:#d8c393;line-height:1.8;font-weight:500;display:inline-flex;align-items:center;gap:10px}
.story-heading .eyebrow:before{content:"";width:26px;height:1px;display:block;flex:0 0 auto;background:#c8ad74;margin-right:4px}
.story-heading h2{font-size:clamp(32px,3.6vw,60px)!important;line-height:1.55!important;letter-spacing:-.065em!important;font-weight:650!important;color:#ffffff;margin:27px 0 21px;white-space:pre-line;min-height:3.1em}
.story-heading p{font-size:clamp(12px,1.02vw,15px)!important;line-height:2.05!important;color:#bac6d8;max-width:340px;white-space:pre-line;min-height:6.1em;letter-spacing:.015em}
.story-heading h2,.story-heading p{transition:opacity .18s ease,transform .18s ease}
.story-heading.is-changing h2,.story-heading.is-changing p{opacity:0;transform:translateY(9px)}
.story-caption{position:absolute;bottom:44px;left:clamp(26px,6vw,120px);right:clamp(26px,6vw,120px);display:flex;gap:25px;align-items:center;z-index:4;font-size:10px;letter-spacing:.035em;color:#9baac1;border-top:1px solid #ffffff1a;padding-top:18px;line-height:1.8}
.story-caption #story-counter{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.12em;color:#dbc99f}
.story-caption a{margin-left:auto;color:#e4ecf8;padding:5px 0;transition:color .2s}
.story-caption a:hover{color:#e7d6b1}
.story-stage-label{position:absolute;right:6vw;top:51%;transform:translateY(190px);z-index:2;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.19em;color:#9aaeca;text-align:right;pointer-events:none}
.story-stage-label>span{display:block;font-family:inherit;font-size:9px;letter-spacing:.13em;color:#c8ad74;line-height:1.8;margin-top:6px}
.search-story[data-story-phase="1"] .story-stage-label{color:#a5caff}
.search-story[data-story-phase="1"] .story-stage-label>span{color:#7faae5}
.story-fallback{position:absolute;z-index:2;right:10%;top:50%;width:min(44%,520px);height:380px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;perspective:1000px;transition:opacity .4s}
.search-story.is-3d-ready .story-fallback{opacity:0;pointer-events:none}
.story-fallback>img:not(.story-static-picture){width:66%;height:90%;object-fit:cover;border-radius:22px;filter:brightness(.8);border:7px solid #26344a;transform:rotate(-7deg)}
.story-fallback>p{position:absolute;right:-4%;bottom:8%;width:65%;font-size:12px;line-height:1.9;padding:20px;background:#ffffff;color:#172033;box-shadow:0 12px 35px #0005}
.story-static-picture{width:66%;height:90%;object-fit:cover;filter:brightness(.85);border-radius:22px;transform:rotate(-7deg);box-shadow:0 18px 100px #0009;border:7px solid #26344a}
.story-static-layers{position:absolute;right:-8%;top:10%;width:62%;display:grid;gap:12px;transform:rotateY(-16deg) rotateZ(5deg)}
.story-static-layer{background:#ffffff;color:#172033;border-radius:4px;padding:16px 21px;box-shadow:0 12px 35px #0005;font-size:12px;line-height:1.5;border-left:3px solid #246bfd}
.story-static-layer small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.15em;color:#246bfd;margin-bottom:5px}
.story-static-layer:nth-child(2){margin-left:-22px}.story-static-layer:nth-child(3){margin-left:-44px}.story-static-layer:nth-child(4){margin-left:-66px}
.search-story.is-story-static{height:auto;min-height:0}
.is-story-static .story-sticky{height:auto;min-height:760px}
.is-story-static .story-stage-label{display:none}
@media(min-width:1700px){.story-heading{width:510px}}
@media(max-width:1000px){.story-heading{width:38%;left:36px}.story-heading h2{font-size:37px!important}.story-heading p{font-size:12px!important}.story-caption{left:36px;right:36px}.story-stage-label{right:36px}.story-sticky:before{background:linear-gradient(90deg,#080b12ed 0%,#080b1291 28%,transparent 64%)}}
@media(max-width:700px){.search-story.is-3d-ready{height:500svh;min-height:2300px}.story-sticky{min-height:650px;background:radial-gradient(ellipse at 50% 62%,#171a21 0%,#0d1016 36%,#080b12 77%)}.story-sticky:before{background:linear-gradient(180deg,#080b12 0%,#080b125e 33%,transparent 50%,transparent 80%,#080b12b0 100%)}.story-heading{left:24px;right:24px;top:clamp(88px,12svh,110px);width:auto;transform:none}.story-heading .eyebrow{font-size:9px!important;letter-spacing:.04em}.story-heading .eyebrow:before{width:20px}.story-heading h2{font-size:clamp(28px,7.5vw,39px)!important;line-height:1.4!important;min-height:2.8em;margin:17px 0 12px}.story-heading p{font-size:11px!important;line-height:1.85!important;max-width:330px;min-height:3.8em}.story-caption{left:24px;right:24px;bottom:29px;padding-top:13px;font-size:8px;gap:12px}.story-caption a{font-size:9px}.story-caption>span:nth-child(2){font-size:7px;letter-spacing:0}.story-stage-label{top:auto;bottom:155px;right:24px;font-size:8px;transform:none;opacity:.8}.story-stage-label>span{font-size:8px;margin-top:4px}.story-fallback{width:75%;right:13%;top:60%;height:280px}.story-static-picture{border-width:5px}.story-static-layers{width:66%}.story-static-layer{font-size:10px;padding:12px 15px}.story-static-layer small{font-size:7px}.is-story-static .story-sticky{min-height:850px}.is-story-static .story-heading{top:88px}.is-story-static .story-fallback{top:61%}}
@media(max-height:700px) and (min-width:701px){.story-sticky{min-height:570px}.story-heading{transform:translateY(-54%)}.story-heading h2{font-size:37px!important;margin-block:19px 15px}.story-caption{bottom:24px}.story-stage-label{transform:translateY(150px)}}
@media(prefers-reduced-motion:reduce){.search-story,.search-story.is-3d-ready{height:auto;min-height:0}.story-sticky{height:auto;min-height:760px}.story-canvas{display:none}.story-heading h2,.story-heading p,.story-canvas,.story-fallback{transition:none}.search-story.is-3d-ready .story-fallback{opacity:1}}

@media(min-width:701px) and (max-width:1100px){.story-heading{width:40%}.story-heading h2{font-size:clamp(27px,3.25vw,36px)!important;word-break:keep-all;letter-spacing:-.06em!important}}

/* Reduced-motion and WebGL fallback keep the four channels recognisable. */
.story-platform-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;transform:perspective(1000px) rotateY(-7deg)}
.story-platform-preview{overflow:hidden;min-width:0;background:#fff;border:1px solid #c7d5eb;border-radius:8px;box-shadow:0 18px 45px #0005;color:#172033;text-align:left}
.story-platform-preview>header{position:static!important;display:flex;align-items:center;gap:6px;justify-content:space-between;min-height:30px;padding:9px 11px;border-bottom:1px solid #e2e8f2;background:transparent!important;color:inherit!important}
.story-platform-preview>header b{font-size:10px;letter-spacing:-.025em}.story-platform-preview>header small{font:6px Arial;letter-spacing:.08em;color:#74839c;flex:none}
.story-platform-preview h3{font-size:12px;line-height:1.4;margin:10px 11px 4px;letter-spacing:-.04em}.story-platform-preview p{font-size:8px!important;line-height:1.6!important;margin:4px 11px 8px;color:#637083}
.preview-map-mark{color:#ea4335;font-size:12px}.preview-map-surface{height:72px;position:relative;overflow:hidden;background:repeating-linear-gradient(80deg,transparent 0 42px,#fff 43px 50px,transparent 51px 72px),repeating-linear-gradient(-17deg,#e9edf4 0 23px,#fff 24px 31px,#e9edf4 32px 55px)}
.preview-map-surface i{position:absolute;width:160%;height:15px;background:#b2dafb;transform:rotate(-20deg);left:-20%;top:40px}.preview-map-surface strong{position:absolute;left:58%;top:20px;font-size:25px;line-height:1;color:#ea4335;text-shadow:0 2px 0 #fff}.preview-map-surface>span{position:absolute;left:12px;top:11px;font:7px Arial;color:#6b7990}.preview-map-actions{display:flex;gap:5px;margin:8px 11px 12px}.preview-map-actions span{border:1px solid #c6d7f4;border-radius:14px;color:#246bfd;font-size:7px;padding:4px 8px}.preview-map-actions span:first-child{background:#246bfd;color:#fff;border-color:#246bfd}
.preview-account{display:flex;align-items:center;gap:6px;padding:10px 11px}.preview-account>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf1ff;color:#246bfd;font:bold 11px Arial;flex:none}.preview-account>b{font-size:7px;line-height:1.4}.preview-account small{display:block;font-size:6px;font-weight:400;color:#7c899e}.preview-account em{font-size:6px;background:#246bfd;color:white;margin-left:auto;padding:4px 7px;border-radius:3px;font-style:normal}.preview-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0 7px}.preview-photo-grid img{width:100%;height:79px;object-fit:cover}.preview-instagram p{font-size:14px!important;color:#172033}.preview-instagram p>span{font-size:6px;padding-left:8px}
.preview-tabelog>header b{font-size:14px;color:#ed7a20}.preview-tabelog h3 span{font-size:6px;font-weight:400;color:#8793a7}.preview-tabelog>img{width:calc(100% - 22px);height:79px;object-fit:cover;margin:6px 11px 0}.preview-tabelog>strong{display:block;margin:4px 11px 10px;background:#ed7a20;color:#fff;text-align:center;font-size:8px;line-height:2.6;border-radius:4px}
.preview-x{background:#080b12;color:#fff;border-color:#3d4d66}.preview-x>header{border-color:#2b3441}.preview-x>header b{font-size:17px}.preview-x .preview-account>span{background:#246bfd;color:#fff}.preview-x>p{color:#e7edf8;font-size:8px!important}.preview-x>img{margin:0 11px;width:calc(100% - 22px);height:71px;object-fit:cover;border-radius:4px}.preview-x>footer{font-size:11px;word-spacing:20px;color:#8793a7;margin:6px 11px 10px}
.search-story[data-story-phase="2"] .story-stage-label,.search-story[data-story-phase="3"] .story-stage-label{display:none}
@media(min-width:701px){.story-fallback{width:min(49%,650px);right:5%;height:auto}.is-story-static .story-sticky{min-height:780px}}
@media(max-width:700px){.story-fallback{width:84%;right:8%;top:61%;height:auto}.story-platform-grid{gap:8px;transform:none}.story-platform-preview>header{padding:6px 7px;gap:3px;min-height:22px}.story-platform-preview>header b{font-size:8px}.story-platform-preview>header small{font-size:5px}.story-platform-preview h3{font-size:10px;margin-left:8px}.story-platform-preview p{margin-left:8px;font-size:7px!important}.preview-map-surface{height:52px}.preview-map-actions{margin:5px 7px 8px;gap:3px}.preview-map-actions span{padding:3px 5px;font-size:6px}.preview-account{padding:7px;gap:4px}.preview-account>b{font-size:6px}.preview-account small{font-size:5px}.preview-account em{font-size:5px;padding:3px 5px}.preview-account>span{width:20px;height:20px}.preview-photo-grid img{height:51px}.preview-instagram p>span{font-size:5px;padding-left:2px}.preview-tabelog>img{height:51px}.preview-tabelog>strong{font-size:6px;margin:3px 8px 7px}.preview-x>img{height:43px}.preview-x>p{font-size:6px!important}.preview-x>footer{font-size:9px;margin:4px 8px 6px;word-spacing:15px}.is-story-static .story-sticky{min-height:900px}.is-story-static .story-fallback{top:62%}}

.story-map-credit{position:absolute;right:6vw;bottom:13px;z-index:5;color:#8496b1;font:8px Arial,sans-serif;text-decoration:none;letter-spacing:.015em}.story-map-credit:hover{color:#b5d2ff}.story-map-credit:focus-visible{outline:2px solid #c8ad74;outline-offset:4px}
@media(max-width:700px){.story-map-credit{right:24px;bottom:10px;font-size:7px}}

/* Compact platform previews keep the channel and primary action legible. */
@media(max-width:700px){.story-platform-preview>header b{font-size:10px}.story-platform-preview>header small{font-size:6px}.preview-account>b{font-size:8px}.preview-account small{font-size:6px}.preview-map-actions span{font-size:7px}.preview-tabelog>strong{font-size:8px}.preview-x>p{font-size:8px!important}.preview-platform-grid{gap:8px}}

@media(max-width:700px){.search-story[data-story-phase="2"] .story-heading,.search-story[data-story-phase="3"] .story-heading{top:84px}.search-story[data-story-phase="2"] .story-heading h2,.search-story[data-story-phase="3"] .story-heading h2{font-size:26px!important;line-height:1.35!important;margin:12px 0 8px;min-height:2.7em}.search-story[data-story-phase="2"] .story-heading p,.search-story[data-story-phase="3"] .story-heading p{font-size:10.5px!important;line-height:1.8!important;max-width:100%}}