@font-face{font-family:Transcity;src:url(/transcity/Transcity.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;font-family:Lato,-apple-system,BlinkMacSystemFont,sans-serif}body{overflow:hidden auto}.product-scroll{background:linear-gradient(#4a2c4a 0%,#c45c26 30%,#d5bca6 60% 100%);width:100%;height:500vh;position:relative}.product-canvas-container{z-index:1;width:100%;height:100vh;position:sticky;top:0;left:0}#productCanvas{width:100%;height:100%;display:block}.product-overlay{text-align:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .5s,top .8s,left .8s;position:fixed;top:15%;left:50%;transform:translate(-50%)}.product-overlay.active{opacity:1;pointer-events:auto}.product-overlay[data-section="0"]{top:12%;left:50%}.product-overlay[data-section="1"]{text-align:left;top:15%;left:25%;transform:translate(0)}.product-overlay[data-section="2"]{top:18%;left:50%;transform:translate(-50%)}.product-overlay[data-section="3"]{text-align:right;top:15%;left:75%;transform:translate(-100%)}.product-overlay[data-section="4"]{top:10%;left:50%;transform:translate(-50%)}.product-title{color:#fff;letter-spacing:2px;text-shadow:0 4px 30px #00000080;margin-bottom:15px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(32px,6vw,72px);font-weight:400}.product-subtitle{color:#fffc;letter-spacing:3px;text-transform:uppercase;text-shadow:0 2px 20px #00000080;font-family:Lato,sans-serif;font-size:clamp(14px,2vw,18px);font-weight:300}.scroll-progress{z-index:100;opacity:0;background:#fff3;border-radius:3px;width:3px;height:150px;transition:opacity .3s;position:fixed;top:50%;right:30px;transform:translateY(-50%)}.scroll-progress.visible{opacity:1}.scroll-progress-bar{background:#d5bca6;border-radius:3px;width:100%;height:0%;transition:height .1s}.back-link{color:#fffc;letter-spacing:1px;z-index:1000;font-family:Lato,sans-serif;font-size:14px;text-decoration:none;transition:color .3s;position:fixed;top:30px;left:30px}.back-link:hover{color:#fff}@media (max-width:768px){.product-overlay{width:90%;padding:0 20px}.product-overlay[data-section="1"],.product-overlay[data-section="3"]{text-align:center;left:50%;transform:translate(-50%)}.scroll-progress{height:100px;right:15px}.back-link{top:20px;left:20px}}.product-preloader{z-index:2000;background:#0a0a12;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 1s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.product-preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#preloaderCanvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.preloader-text{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.preloader-title{color:#fff;letter-spacing:8px;text-transform:uppercase;opacity:0;text-shadow:0 4px 30px #0006,0 2px 10px #0000004d;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(32px,6vw,56px);font-weight:400;animation:1.2s cubic-bezier(.16,1,.3,1) .5s forwards preloaderTitleIn;transform:translateY(30px)}.preloader-subtitle{color:#fffc;letter-spacing:5px;text-transform:uppercase;opacity:0;text-shadow:0 2px 15px #0000004d;font-family:Lato,sans-serif;font-size:clamp(11px,2vw,14px);font-weight:300;animation:1s cubic-bezier(.16,1,.3,1) .8s forwards preloaderSubtitleIn;transform:translateY(20px)}@keyframes preloaderTitleIn{0%{opacity:0;letter-spacing:12px;transform:translateY(30px)}to{opacity:1;letter-spacing:8px;transform:translateY(0)}}@keyframes preloaderSubtitleIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.8;transform:translateY(0)}}.preloader-progress{opacity:0;z-index:10;background:#ffffff26;border-radius:2px;width:180px;height:2px;animation:.8s 1s forwards preloaderProgressIn;position:absolute;bottom:10%;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes preloaderProgressIn{0%{opacity:0;width:0}to{opacity:1;width:180px}}.preloader-progress-bar{background:linear-gradient(90deg,#d4af37,#f0d78c,#d4af37) 0 0/200% 100%;border-radius:2px;width:0%;height:100%;transition:width .2s;animation:2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-scroll.hidden{opacity:0;visibility:hidden}.product-scroll.visible{opacity:1;visibility:visible;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.back-link.hidden{opacity:0;pointer-events:none;transform:translate(-20px)}.back-link.visible{opacity:1;pointer-events:auto;transition:opacity .6s .3s,transform .6s .3s;transform:translate(0)}.scroll-progress.preloader-hidden{opacity:0!important}@media (max-width:768px){.preloader-text{width:90%;bottom:15%}.preloader-progress{width:140px;bottom:8%}@keyframes preloaderProgressIn{0%{opacity:0;width:0}to{opacity:1;width:140px}}}