.gown-showcase{--gown-accent:#edbd43;--gown-wash:#f8e8b9;--gown-progress:25%;position:relative;height:205svh;color:#182e65;background:#faf8f0;border-block:1px solid #182e6514;scroll-margin-top:0}
.gown-showcase *,.gown-showcase *::before,.gown-showcase *::after{box-sizing:border-box}
.gown-stage{position:sticky;top:0;height:100svh;min-height:700px}
.gown-stage-inner{width:min(1260px,calc(100% - 112px));height:100%;margin:auto;padding:76px 0 28px;display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:1fr auto;gap:12px 6%;align-items:center}
.gown-copy{position:relative;z-index:3;max-width:470px}
.gown-eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 25px;font-size:10px;font-weight:650;line-height:1.8;letter-spacing:.08em}.gown-eyebrow>span{width:21px;height:1px;background:currentColor}
html[lang="ka"] .gown-showcase .gown-copy h2,.gown-showcase .gown-copy h2{font-family:'Noto Serif Georgian',Georgia,serif;font-size:clamp(32px,3.25vw,48px);font-weight:450;letter-spacing:-.045em;line-height:1.42;margin:0}
.gown-copy h2 em{font-style:normal;color:#2446ce}
.gown-intro{max-width:345px;font-size:12px;line-height:1.95;color:#65708a;margin:22px 0 0}
.gown-selection{margin-top:clamp(25px,4.5svh,48px)}
.gown-chapter{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-family:'Manrope',sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;color:#89909b}.gown-current{color:#182e65}.gown-chapter-line{width:37px;height:1px;background:#182e6526}
.gown-showcase .gown-name{font-family:'Noto Serif Georgian',Georgia,serif;font-size:clamp(23px,2vw,30px);font-weight:450;line-height:1.5;letter-spacing:-.035em;margin:0}
.gown-note{font-size:11px;line-height:1.8;color:#65708a;min-height:2em;margin:8px 0 17px}
.gown-swatches{display:flex;gap:8px;align-items:center}
.gown-showcase .gown-swatch{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid transparent;padding:6px;background:transparent;transition:border-color 250ms,transform 350ms}
.gown-swatch>span{display:block;width:30px;height:30px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #182e650c,inset 0 2px 3px #ffffff38;transition:transform 350ms}
.gown-showcase .gown-swatch.is-selected{border-color:#182e65}.gown-swatch.is-selected>span{transform:scale(.86)}.gown-swatch:hover>span{transform:scale(.93)}
.gown-showcase button:focus-visible{outline:2px solid #2446ce;outline-offset:5px}
.gown-colour-label{color:#65708a;margin:9px 0 21px;padding-left:3px;font-size:10px;line-height:1.6}
.gown-showcase .gown-choose{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;min-height:48px;padding:13px 21px;border:1px solid #2446ce;border-radius:3px;color:#fff;background:#2446ce;font:inherit;font-size:12px;font-weight:600;transition:background 250ms,box-shadow 250ms}
.gown-choose svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform 300ms}
.gown-showcase .gown-choose:hover{background:#1936aa;box-shadow:0 5px 14px #2446ce18}.gown-choose:hover svg{transform:translateX(3px)}
.gown-visual{min-width:0;width:100%;max-width:580px;justify-self:center}
.gown-display{position:relative;isolation:isolate;width:100%;aspect-ratio:6/7;-webkit-tap-highlight-color:transparent}
.gown-halo{position:absolute;inset:8% 5% 10%;border-radius:50%;background:radial-gradient(ellipse at 58% 42%,transparent,#faf8f0 70%);background-color:var(--gown-wash);opacity:.7;transition:background-color 900ms,opacity 850ms}
.gown-orbit{position:absolute;width:77%;height:82%;left:12%;top:6%;border:1px solid #182e6514;border-radius:50%;transform:rotate(14deg);transition:transform 1500ms cubic-bezier(.2,.7,.2,1),border-color 850ms}
.gown-orbit::before,.gown-orbit::after{content:'';position:absolute;width:5px;height:5px;background:var(--gown-accent);border-radius:50%;transition:background 700ms}
.gown-orbit::before{left:11%;top:16%}.gown-orbit::after{right:12%;bottom:15%;width:3px;height:3px}
.gown-scenes,.gown-scene,.gown-scene-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.gown-scene{opacity:0;transform:translateY(18px) scale(.97);transition:opacity 650ms ease,transform 1000ms cubic-bezier(.2,.7,.2,1)}
.gown-scene.is-current{opacity:1;transform:translateY(0) scale(1)}
.gown-scene .scene-emblem{opacity:.78;transform:translateY(13px) scale(.96);transform-origin:75% 27%;transition:transform 1300ms cubic-bezier(.16,1,.3,1),opacity 850ms}
.gown-scene .scene-float{opacity:.4;transform:translateY(10px) rotate(-3deg);transform-origin:center;transition:transform 1500ms cubic-bezier(.16,1,.3,1),opacity 900ms}
.gown-display.is-engaged .gown-scene.is-current .scene-emblem{opacity:1;transform:translateY(-15px) rotate(4deg) scale(1.04)}
.gown-display.is-engaged .gown-scene.is-current .scene-float{opacity:.95;transform:translateY(-16px) translateX(6px) rotate(8deg)}
.gown-display.is-engaged .gown-orbit{transform:rotate(20deg);border-color:#182e6526}.gown-display.is-engaged .gown-halo{opacity:1}
.gown-plinth{position:absolute;left:16%;right:16%;height:6.2%;bottom:6%;border:1px solid #182e650a;border-radius:50%;background:linear-gradient(180deg,#fffdf7,#eeebdf);box-shadow:0 12px 18px -12px #182e651f}
.gown-art{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;transform-origin:50% 68%;pointer-events:none}
.gown-art stop.g-accent,.gown-art stop.g-accent-dark,.gown-art stop.g-accent-pale{transition:stop-color 750ms cubic-bezier(.2,.7,.2,1)}
.gown-detail{position:absolute;z-index:3;color:#7d8490;font-size:9px;font-weight:400;line-height:1.7;transition:opacity 500ms}
.gown-detail-stole{top:58%;left:0}.gown-detail-stole>span{position:absolute;width:37px;height:1px;background:#182e6530;left:calc(100% + 9px);top:10px;transform:rotate(-25deg);transform-origin:left}
.gown-detail-blue{top:72%;right:0;text-align:right}.gown-detail-blue>span{position:absolute;width:30px;height:1px;background:#182e6530;right:calc(100% + 9px);top:10px;transform:rotate(18deg);transform-origin:right}
.gown-hover-hint{position:absolute;bottom:1%;left:0;right:0;text-align:center;color:#8a8e95;font-size:9px;transition:opacity 400ms}.gown-display.is-engaged .gown-hover-hint{opacity:0}
.gown-visual-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0 0;border-top:1px solid #182e651b;color:#7c8391;font-size:9px;line-height:1.7}
.gown-visual-caption>:first-child{color:#182e65;font:600 10px 'Manrope',sans-serif;letter-spacing:.2em}.gown-caption-number{font-family:'Manrope',sans-serif;letter-spacing:.1em;white-space:nowrap}
.gown-scroll-note{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:9px;color:#8a8e95;font-size:9px;line-height:1.7}
.gown-scroll-track{display:block;width:72px;height:2px;background:#182e6515}.gown-scroll-track i{display:block;width:var(--gown-progress);height:100%;background:#2446ce;transition:width 650ms cubic-bezier(.2,.7,.2,1)}
.gown-showcase .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:-1px;border:0}
@media(min-width:900px) and (max-height:800px){.gown-stage-inner{padding-top:45px;padding-bottom:22px}.gown-visual{max-width:470px}.gown-selection{margin-top:23px}.gown-eyebrow{margin-bottom:16px}.gown-intro{margin-top:14px}}
@media(min-width:900px) and (max-height:699px){.gown-showcase{height:auto}.gown-stage{position:relative;height:auto;min-height:0}.gown-stage-inner{padding-block:55px}.gown-scroll-note{display:none}}
@media(max-width:1100px) and (min-width:900px){.gown-stage-inner{width:calc(100% - 72px);gap:16px 3%}.gown-detail{display:none}}
@media(max-width:899px){
.gown-showcase{height:auto;scroll-margin-top:65px}.gown-stage{position:relative;height:auto;min-height:0}.gown-stage-inner{width:min(670px,calc(100% - 44px));height:auto;padding:64px 0 42px;grid-template-columns:1fr;gap:24px}
.gown-copy{display:contents}.gown-eyebrow,.gown-copy h2,.gown-intro{grid-column:1}.gown-eyebrow{margin:0;justify-content:center;text-align:center;font-size:9px}
html[lang="ka"] .gown-showcase .gown-copy h2,.gown-showcase .gown-copy h2{font-size:clamp(29px,5.8vw,40px);line-height:1.4;text-align:center;margin-top:-8px}
.gown-intro{justify-self:center;text-align:center;margin:-10px 0 0;max-width:340px;font-size:11px}
.gown-visual{grid-column:1;grid-row:4;width:min(100%,470px);margin-top:-20px}.gown-selection{grid-column:1;grid-row:5;margin:0;text-align:center}.gown-chapter,.gown-swatches{justify-content:center}.gown-chapter{margin-bottom:8px}
.gown-showcase .gown-name{font-size:25px}.gown-note{margin:8px 0 15px;font-size:11px}.gown-colour-label{margin-bottom:18px;padding-left:0}.gown-choose{min-width:220px}.gown-scroll-note{display:none}.gown-detail{font-size:8px}.gown-hover-hint{font-size:8px}
}
@media(max-width:420px){.gown-stage-inner{width:calc(100% - 36px);padding-top:48px}.gown-visual-caption>:nth-child(2){font-size:8px}.gown-detail{display:none}.gown-visual{margin-top:-12px}}
@media(prefers-reduced-motion:reduce){.gown-showcase *,.gown-showcase *::before,.gown-showcase *::after{transition:none!important;animation:none!important}.gown-scene,.gown-scene .scene-emblem,.gown-scene .scene-float,.gown-display.is-engaged .gown-scene.is-current .scene-emblem,.gown-display.is-engaged .gown-scene.is-current .scene-float{transform:none}.gown-display.is-engaged .gown-orbit{transform:rotate(14deg)}}