.splash-catalog{--catalog-travel:720svh;background:radial-gradient(ellipse at 50% 38%,#dedadb,#d1cdce 60%,#c4c0c1);color:#191718;margin-top:60px;position:relative;border-block:1px solid #19171822;overflow-anchor:none;scroll-margin-top:-20px}
.catalog-sticky{padding:24px var(--gutter);}
.catalog-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;line-height:1.5}
.catalog-topline p{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:650}
.catalog-topline a{min-height:44px;display:flex;align-items:center;gap:18px}
.catalog-stage{position:relative;min-height:0}
.catalog-canvas{position:absolute;inset:0;display:none;touch-action:pan-y}
.catalog-canvas canvas{display:block;width:100%;height:100%;cursor:default}
.catalog-hit-area{position:absolute;inset-block:0;left:50%;transform:translateX(-50%);pointer-events:none}
.catalog-fallback{max-width:380px;margin:40px auto;text-align:center}
.catalog-fallback img{max-height:60svh;object-fit:contain;filter:drop-shadow(15px 20px 20px #0003)}
.catalog-controls{display:none}
.catalog-ready{height:calc(100svh + var(--catalog-travel))}
.catalog-ready .catalog-sticky{position:sticky;top:var(--project-header-height);height:calc(100svh - var(--project-header-height));min-height:440px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px}
.catalog-ready .catalog-canvas,.catalog-ready .catalog-controls{display:block}
.catalog-ready .catalog-fallback{display:none}
.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.catalog-heading p{font-size:clamp(18px,2vw,29px);line-height:1.2;letter-spacing:-.03em;font-weight:600}
.catalog-heading p span{font-size:11px;font-weight:400;letter-spacing:0;margin-left:15px}
.catalog-progress{height:2px;background:#19171825;margin:10px 0 5px}
.catalog-progress i{display:block;height:100%;width:100%;background:#191718;transform:scaleX(0);transform-origin:left}
.catalog-navigation{display:grid;grid-template-columns:44px 1fr 44px;gap:20px;align-items:center}
.catalog-arrow{min-width:44px;min-height:44px;background:none;font-size:28px}
.catalog-arrow:disabled{opacity:.25;cursor:default}
.catalog-chapters{display:flex;justify-content:center;gap:clamp(16px,4vw,60px)}
.catalog-chapters button{background:none;font-size:11px;min-height:44px;padding:10px 0;color:#575254;border-bottom:1px solid transparent}
.catalog-chapters button[aria-pressed="true"]{color:#191718;border-color:#191718;font-weight:650}
.catalog-instruction{text-align:center;font-size:10px;line-height:1.4;letter-spacing:.05em;margin:4px 0 0}
.catalog-instruction .touch-note{display:none}
@media(max-width:700px){
 .splash-catalog{margin-top:40px;--catalog-travel:800svh}
 .catalog-sticky{padding:14px 14px 12px}
 .catalog-ready .catalog-sticky{min-height:390px}
 .catalog-topline{gap:15px}.catalog-topline p{font-size:9px;max-width:130px}.catalog-topline a{font-size:10px}
 .catalog-stage{margin-inline:-14px}
 .catalog-heading{gap:15px}.catalog-heading p{font-size:18px}.catalog-heading p span{display:block;font-size:9px;margin:5px 0 0}
 .catalog-navigation{gap:6px;grid-template-columns:36px 1fr 36px}
 .catalog-arrow{min-width:36px;font-size:25px}
 .catalog-chapters{gap:12px;overflow:auto;justify-content:flex-start;scrollbar-width:none}
 .catalog-chapters button{flex-shrink:0;font-size:9px;min-height:40px}
 .catalog-instruction{font-size:9px}.catalog-instruction .touch-note{display:inline}
}
@media(prefers-reduced-motion:reduce){
 .catalog-ready{height:auto}.catalog-ready .catalog-sticky{position:relative;top:auto;height:auto;min-height:0;display:block}
 .catalog-ready .catalog-canvas,.catalog-ready .catalog-controls{display:none}.catalog-ready .catalog-fallback{display:block}
}