@font-face{font-family:'Instrument Serif';src:url('../assets/top/journey/fonts/instrument-serif.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Shippori Mincho';src:url('../assets/top/journey/fonts/shippori-mincho.ttf') format('truetype');font-weight:400;font-display:swap}
html{background:#000;scroll-behavior:auto;scrollbar-width:none}
body{margin:0;background:#000;color:#ffeec8}
.demo-space{height:42svh;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-family:'Shippori Mincho',serif;font-size:13px}
.demo-space p{font:48px/1 'Instrument Serif',serif;margin:0}
.demo-space a{color:inherit}
.demo-space--section{height:100svh;background:#181713}
.demo-space--section+.demo-space--section{background:#28241e}
.discover,.discover *{box-sizing:border-box}
.discover{--outline:url('../assets/top/journey/xd/outline-pc.svg');--shade:url('../assets/top/journey/xd/shade-pc.svg');--corners:url('../assets/top/journey/xd/corners-pc.svg');position:relative;width:100%;background:#000;color:#ffeec8;font-family:'Yu Mincho','Shippori Mincho',serif;font-synthesis:none;isolation:isolate}
.discover__heading{position:relative;z-index:1;height:clamp(92px,13svh,126px);display:grid;place-content:center;width:100%;margin:0;text-align:center;color:#ffeec8;pointer-events:none}
.discover__stage{position:relative;height:100svh;min-height:520px;overflow:hidden;isolation:isolate}
.discover__surface{position:absolute;inset:0;mask:var(--outline) 0 0/100% 100% no-repeat}
.discover__canvas,.discover__fallback,.discover__shade,.discover__corners{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.discover__canvas{visibility:hidden}
.discover.is-webgl .discover__canvas{visibility:visible}
.discover.is-webgl .discover__fallback{visibility:hidden}
.discover__fallback img,.discover__fallback video{width:100%;height:100%;object-fit:cover}
.discover__fallback.is-transitioning{animation:discover-fallback-switch 1.8s ease-in-out both}
@keyframes discover-fallback-switch{0%,36%{opacity:1;transform:scale(1)}50%,58%{opacity:.12;transform:scale(1.018)}100%{opacity:1;transform:scale(1)}}
.discover__shade{background:var(--shade) 0 0/100% 100% no-repeat;opacity:.6}
.discover__corners{background:var(--corners) 0 0/100% 100% no-repeat}
.discover__preview{position:absolute;left:44.791667%;width:10.416667%;height:11.313465%;border:0;padding:0;appearance:none;border-radius:10px;overflow:hidden;background:#000;opacity:.5;transition:opacity .3s;cursor:pointer}
.discover__preview:focus-visible{outline:2px solid #ffeec8;outline-offset:-3px}
.discover__preview[aria-disabled=true]{cursor:default}
/* スマホでは文字がサムネイルに重なるため、文字の背後の選択操作を通す。 */
.discover__title,.discover__name,.discover__lead{pointer-events:none; color: var(--color-font-light);}
.discover__preview img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.discover__preview--far-top{top:0}
.discover__preview--top{top:12.02555%}
.discover__preview--bottom{top:75.42236%}
.discover__preview--far-bottom{top:88.686535%}
.discover__heading h2{margin:0;font:400 clamp(42px,3.7vw,70px)/1 var(--font-family02);letter-spacing:.025em; color:var(--color-font-light);}
.discover__heading h2 span{font-size:.9em;letter-spacing:.04em}
.discover__heading-ornament{margin:8px 0 0;font:400 12px/1 'Shippori Mincho','Yu Mincho',serif;letter-spacing:.16em; color: var(--color-font-light);}
.discover__title,.discover__name,.discover__lead{position:absolute;margin:0;font-weight:400;letter-spacing:.03em;transition:opacity .28s,translate .28s}
.discover__title{top:42.5%;right:70.260417%;max-width:29%;font:400 min(5.208333vw,10.416667svh)/1.3 'Instrument Serif',serif;letter-spacing:.03em;white-space:nowrap}
.discover__lead{top:41.041667%;left:70.572917%;font:400 min(3.645833vw,7.291667svh)/1.177143 'Instrument Serif',serif;letter-spacing:.03em;white-space:pre-line}
.discover__name{top:71.354167%;right:31.875%;font-size:clamp(12px,.833333vw,16px);line-height:1.3125;text-align:right}
.discover__portal{position:absolute;left:31.770833%;top:29.583333%;width:36.458333%;height:39.583333%;border-radius:10px;color:inherit;text-decoration:none}
.discover__portal:focus-visible{outline:1px solid #ffeec8;outline-offset:6px}
.discover__cursor{position:absolute;z-index:10;top:0;left:0;display:grid;width:100px;height:100px;place-items:center;border-radius:50%;color:#ffeec8;background:#23180fcc;opacity:0;pointer-events:none;translate:-50% -50%}
.discover__cursor span{font-family:'Hina Mincho','Yu Mincho','Shippori Mincho',serif;font-size:15px;letter-spacing:.03em}
@media(hover:hover) and (pointer:fine){
 .discover.is-pointer .discover__portal{cursor:none}
 .discover.is-pointer .discover__cursor{opacity:1}
}
.discover__view,.discover__counter{position:absolute;top:-28px;line-height:26px;font-size:clamp(12px,.833333vw,16px);letter-spacing:.03em}
.discover__view{left:1px}.discover__counter{right:3px}
.discover.is-switching .discover__title,.discover.is-switching .discover__name,.discover.is-switching .discover__lead{opacity:0;translate:0 6px}

.discover__media-pool{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.discover__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.discover__debug{position:absolute;z-index:30;right:8px;bottom:8px;max-width:min(94vw,520px);margin:0;padding:8px;background:rgb(0 0 0 / .82);color:#fff;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;pointer-events:none}
.discover__skip{position:absolute;left:20px;bottom:20px;color:#ffeec8;background:#000;padding:12px;transform:translateY(200%)}
.discover__skip:focus{transform:none}
@media(max-width:768px){
 .discover{--outline:url('../assets/top/journey/xd/outline-mobile.svg');--shade:url('../assets/top/journey/xd/shade-mobile.svg');--corners:url('../assets/top/journey/xd/corners-mobile.svg');font-family:'Shippori Mincho',serif}
 .discover__preview{left:32%;width:36%;height:7.5%}
 .discover__preview--far-top{top:0}.discover__preview--top{top:8.5%}
 .discover__preview--bottom{top:82%}.discover__preview--far-bottom{top:91%}
 .discover__heading{height:clamp(92px,13svh,112px)}
 .discover__heading-ornament{margin-top:6px;font-size:10px}
 .discover__title{top:17.17619%;left:3%;right:3%;max-width:none;text-align:center;font-size:min(14vw,8.571429svh);line-height:1.3}
 .discover__name{top:26.890476%;left:0;right:0;text-align:center;font-size:16px;line-height:1.5}
 .discover__lead{top:71.17619%;left:0;right:0;text-align:center;font-size:min(7.466667vw,4svh);line-height:1.178571}
 .discover__portal{left:5.104085%;top:35.01865%;width:90%;height:30%}
 .discover__view,.discover__counter{top:-22px;font-size:14px;line-height:20px}
 .discover__view{left:-1px}.discover__counter{right:5px}
}
@media(max-width:768px){
 .discover__canvas{display:none!important}
}
@media(prefers-reduced-motion:reduce){.discover *{transition:none!important}}