.title-index{height:calc(100svh - 94px);min-height:850px;max-width:none;margin:0;padding:65px 5%;grid-template-columns:1fr 1.1fr;gap:50px;background:#ededed;border-top:1px solid #1112;align-items:center}.title-index-list{gap:16px}.title-index-list button{font-size:clamp(48px,4.1vw,72px);letter-spacing:-2.5px;line-height:1.06}.title-index-list button:after{font-size:24px}.title-index-label{margin-bottom:45px;font-size:9px}.title-index-preview{aspect-ratio:4/3;width:100%;background:#111}.title-index-preview img{object-fit:cover;background:#111}
.material{min-height:100svh;padding:45px 4% 50px}.material>.section-label{margin-bottom:25px}.material-layout{max-width:none;width:100%;padding:24px}.material-copy{margin-bottom:20px}.material h2{font-size:44px}.detail-surface{height:57svh;min-height:460px;max-height:760px;aspect-ratio:auto}.material-toolbar{margin-top:22px;gap:25px}.material-study-label{font-size:8px;letter-spacing:1px;color:#aaa}.material-selection-label{font-size:10px}.material-step{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;display:grid;place-items:center;border:1px solid #fffa;border-radius:50%;background:#1115;backdrop-filter:blur(12px);color:white;font-size:22px;z-index:4;transition:background .3s,transform .3s}.material-step:hover{background:#111b;transform:translateY(-50%) scale(1.08)}.material-prev{left:18px}.material-next{right:18px}.material-step:focus-visible{outline-color:white}.zoom-dial{width:280px}
.rail-card,.rail-card:hover,.rail-card:focus-visible,.rail-card:nth-child(even){width:155px;transition:none}.rail-card img,.rail-card:nth-child(3n) img{height:430px;transform-origin:center}.rail-card>span{font-size:10px}.archive-gallery{overflow:hidden}.archive h2{font-size:45px}
@media(min-width:1600px){.title-index{max-width:none}.rail-card,.rail-card:hover,.rail-card:focus-visible{width:180px}.rail-card img,.rail-card:nth-child(3n) img{height:480px}}