html:has(body.vy-site){height:auto;overflow:visible}html body.vy-site{height:auto;overflow:visible}.vy-site .page-wrapper{height:auto;overflow:visible}html body.vy-site.vy-dialog-open{overflow:hidden}
.vc-hero{--vc-angle:0;--vc-logo:0;--vc-sweep:-30;--vc-spark-one:0;--vc-spark-two:0;--vc-detail-light:0;--vc-p:0;--vc-zoom:0;--vc-case:0;--vc-dial:0;--vc-bracelet:0;position:relative;height:360svh;margin-top:-100px;background:#000;color:#ecebe6}
.vc-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#000}
.vc-content{height:100%;max-width:1440px;margin:auto;padding:112px 30px 60px;display:grid;grid-template-rows:112px minmax(180px,1fr) 12px 70px;gap:5px}
.vc-headline{text-align:center;z-index:2}.vc-headline .vy-eyebrow{font-size:8px;letter-spacing:.24em;margin:0 0 10px;color:#92928b}.vc-headline h1{font:400 clamp(36px,3.8vw,58px)/1.02 var(--vy-serif);letter-spacing:-.045em;white-space:pre-line;margin:0}
.vc-object-space{position:relative;display:flex;justify-content:center;align-items:center;min-height:0}
.vc-object{position:relative;height:100%;aspect-ratio:4/5;max-height:620px;flex-shrink:0;transform:translateX(calc(var(--vc-zoom)*-12%)) rotate(calc(var(--vc-zoom)*-16deg)) scale(calc(.98 + var(--vc-zoom)*1.1));transform-origin:49% 47%;opacity:calc(1 - var(--vc-angle))}
.vc-watch{position:absolute;inset:0;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 70% 70% at center,#000 60%,transparent 100%)}
.vc-watch img{position:absolute;width:100%;height:100%;object-fit:contain;display:block}
.vc-silhouette{filter:none;opacity:calc(1 - var(--vc-bracelet))}
/* Three overlapping light passes: metal contour, dial, then the bracelet. */
.vc-light-case{opacity:var(--vc-case);mask-image:radial-gradient(ellipse 32% 25% at 49% 46%,transparent 70%,#000 90%,#000 110%,transparent 150%)}
.vc-light-dial{opacity:var(--vc-dial);mask-image:radial-gradient(ellipse 30% 23% at 49% 46%,#000 85%,transparent 120%)}
.vc-light-bracelet{opacity:var(--vc-bracelet)}
.vc-object-space{overflow:hidden;mask-image:linear-gradient(transparent,#000 6%,#000 93%,transparent)}

.vc-progress{position:relative;height:1px;width:180px;margin:auto;background:#ffffff24}.vc-progress span{display:block;width:calc(var(--vc-p)*100%);height:1px;background:#dddcd4}
.vc-result{display:grid;text-align:center;align-items:start;position:relative;z-index:2}.vc-result>*{grid-area:1/1}
.vc-invitation{font-size:10px;letter-spacing:.08em;color:#aaa89f;margin-top:15px}.vc-cta{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s,transform .35s,visibility .35s}
.vc-cta .vy-button{min-height:39px;max-width:235px;font-size:13px;margin:0 auto;border-radius:24px;padding:8px 22px;gap:15px}.vc-cta .vy-button span{margin-left:0}.vc-cta p{font-size:10px;line-height:1.4;margin:8px 0 0;color:#aaa89e}
.vc-hero.is-complete .vc-invitation{visibility:hidden}.vc-hero.is-complete .vc-cta{opacity:1;visibility:visible;transform:none}
.vc-footer{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px}.vc-footer>span{font-size:8px;letter-spacing:.2em;color:#97968e}.vc-footer .vy-link{font-size:11px;gap:18px;padding-bottom:4px}
.vc-hero:not(.is-ready){height:auto}.vc-hero:not(.is-ready) .vc-watch{--vc-p:1;--vc-bracelet:1}.vc-hero:not(.is-ready) .vc-progress,.vc-hero:not(.is-ready) .vc-invitation{visibility:hidden}
@media(max-width:700px){.vc-hero{margin-top:-83px;height:330svh}.vc-stage{min-height:520px}.vc-content{padding:96px 18px 60px;grid-template-rows:105px minmax(160px,1fr) 12px 70px;gap:5px}.vc-headline h1{font-size:38px}.vc-headline .vy-eyebrow{font-size:7px}.vc-object{max-width:90vw;max-height:490px}.vc-footer{bottom:18px}.vc-footer>span{font-size:7px}.vc-footer .vy-link{font-size:9px}.vc-cta p{font-size:9px}}
@media(max-height:650px){.vc-content{padding-top:90px;grid-template-rows:80px minmax(140px,1fr) 8px 62px}.vc-headline h1{font-size:32px}.vc-headline .vy-eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){.vc-hero{height:auto}.vc-stage{position:relative}.vc-object{transform:none}.vc-cta{transition:none}}

/* Scroll-driven metal lettering; no autonomous flashing. */
.vc-metal-logo{position:relative;display:inline-grid;margin:0 auto 14px;font:400 clamp(22px,2.25vw,34px)/1 var(--vy-serif);letter-spacing:-.05em;isolation:isolate}
.vc-metal-logo>span{grid-area:1/1;background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}
.vc-logo-base{background-image:linear-gradient(180deg,#777 0%,#18191b 25%,#34363a 48%,#0b0c0d 53%,#424448 85%,#121314 100%);-webkit-text-stroke:.25px #6667}
.vc-logo-lit{opacity:var(--vc-logo);background-image:linear-gradient(175deg,#fcfcf8 0%,#7f8386 23%,#f4f5f0 42%,#595d62 49%,#d3d5d3 56%,#fcfcfa 73%,#858b91 100%);filter:drop-shadow(0 1px 1px #000)}
.vc-logo-sweep{background-image:linear-gradient(110deg,transparent calc(var(--vc-sweep)*1% - 9%),#fff calc(var(--vc-sweep)*1%),transparent calc(var(--vc-sweep)*1% + 9%));filter:drop-shadow(0 0 3px #ffffff70)}
.vc-spark{position:absolute;width:20px;height:20px;pointer-events:none;background:radial-gradient(ellipse 8% 50%,#fff,transparent),radial-gradient(ellipse 50% 8%,#fff,transparent);filter:drop-shadow(0 0 3px #cfe4ff);transform:rotate(12deg)}
.vc-spark-one{left:13%;top:-8px;opacity:var(--vc-spark-one)}.vc-spark-two{right:3%;bottom:-6px;opacity:var(--vc-spark-two)}
.vc-angle{position:absolute;inset:0;opacity:var(--vc-angle);transform:translateX(calc((1 - var(--vc-angle))*8%)) rotate(calc((1 - var(--vc-angle))*7deg)) scale(calc(1.09 + var(--vc-zoom)*.09));overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 91%,transparent)}
.vc-angle img{width:100%;height:100%;object-fit:cover;object-position:65% 49%;filter:brightness(calc(.7 + var(--vc-zoom)*.3));display:block}
.vc-angle-light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ddebff 49%,transparent 61%);mix-blend-mode:screen;opacity:var(--vc-detail-light);transform:translateX(calc((var(--vc-zoom)*2 - 1)*75%))}
@media(min-width:1000px){.vc-angle img{object-fit:contain}.vc-angle{background:#000}}
@media(max-width:700px){.vc-metal-logo{font-size:25px;margin-bottom:13px}.vc-headline h1{font-size:34px}.vc-angle img{object-position:67% 50%}}
@media(max-height:650px){.vc-metal-logo{font-size:20px;margin-bottom:8px}.vc-headline h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.vc-spark,.vc-logo-sweep,.vc-angle{display:none}.vc-logo-lit{opacity:1}}

.vc-dial-orbit{position:absolute;z-index:3;left:19%;top:23%;width:60%;height:46%;border-radius:50%;background:conic-gradient(from var(--vc-orbit-turn,-135deg),transparent 0deg,#eff7ff 18deg,#c1d8ed80 30deg,transparent 65deg,transparent 190deg,#fff7 212deg,transparent 236deg);mask-image:radial-gradient(ellipse closest-side,transparent 92%,#000 96%,#000 98%,transparent 100%);opacity:var(--vc-orbit,0);mix-blend-mode:screen;pointer-events:none}
.vc-dial-glint{position:absolute;z-index:4;left:var(--vc-glint-x,29%);top:var(--vc-glint-y,30%);width:17px;height:17px;transform:translate(-50%,-50%) rotate(20deg);background:radial-gradient(ellipse 8% 50%,#fff,transparent),radial-gradient(ellipse 50% 8%,#fff,transparent);filter:drop-shadow(0 0 3px #d5eaff);opacity:var(--vc-orbit,0);pointer-events:none}
@media(prefers-reduced-motion:reduce){.vc-dial-orbit,.vc-dial-glint{display:none}}

/* Header is the only animated wordmark; normal appearance elsewhere. */
.vy-header .vy-wordmark.vc-metal-logo{display:inline-grid;margin:0;flex-shrink:0;font-size:24px;line-height:1.15;letter-spacing:-.06em}
.vy-wordmark:not(.vc-logo-active) .vc-logo-base{background:none;color:inherit;-webkit-text-stroke:0}
.vy-wordmark:not(.vc-logo-active) .vc-logo-lit,.vy-wordmark:not(.vc-logo-active) .vc-logo-sweep,.vy-wordmark:not(.vc-logo-active) .vc-spark{visibility:hidden}
.vc-footer{justify-content:flex-end}.vc-footer>span:empty{display:none}
@media(max-width:700px){.vy-header .vy-wordmark.vc-metal-logo{font-size:20px}.vc-headline h1{font-size:38px}}
@media(max-height:650px){.vc-headline h1{font-size:32px}}