.catalog{background-color:var(--base-400);width:100%;height:100svh;position:relative;overflow:hidden}.catalog-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.catalog-nav{pointer-events:none;z-index:10;justify-content:space-between;width:100%;max-width:2000px;padding:1.5rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.catalog-nav p{color:var(--base-100);pointer-events:auto}.catalog-header{text-align:center;width:min(92vw,100%);transform-style:preserve-3d;perspective:1000px;will-change:transform;pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:.75rem;transition:transform .5s cubic-bezier(.215,.61,.355,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.catalog-header h1{transform-style:preserve-3d;backface-visibility:hidden;color:var(--base-100);font-size:clamp(2.75rem,12vw,5rem);line-height:1}.catalog-header .subheader{color:var(--base-100);font-size:clamp(1.35rem,4.5vw,2.5rem);line-height:1.05;transform:translate(-5%)}@media (min-width:1000px) and (max-width:1399px){.catalog-header h1{font-size:clamp(4rem,8vw,7rem)}.catalog-nav{padding:1.15rem}}@media (min-width:1400px){.catalog-header h1{font-size:clamp(5rem,10vw,10rem)}}@media (max-width:999px){.catalog-header{gap:.05rem}.catalog-nav{flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem}.catalog-nav p{max-width:90vw;font-size:.78rem}}