@font-face{font-family:Brilliance;src:url('/assets/brilliance/cormorant-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
.brilliance{--ivory:#f8f6f3;--purple:#503960;--lavender:#8d78a0;--champagne:#c9a35e;--whitegold:#f5e7c7;--mx:50%;--my:45%;background:var(--ivory);color:var(--purple);padding:22px 0 30px;position:relative;isolation:isolate;overflow:hidden}
.brilliance::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at var(--mx) var(--my),#f5e7c740,transparent 48%),radial-gradient(ellipse at 18% 34%,#e8dfed66,transparent 46%);pointer-events:none}
.brilliance::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23503960' opacity='.5' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.brilliance .brilliance-kicker{font:500 9px/1.5 var(--sans);letter-spacing:.25em;color:var(--lavender);text-align:center;margin:8px 0 0}
.brilliance .anniversary-visual{min-height:338px;position:relative}
.brilliance .hero-top{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:12px;width:100%;perspective:1000px}
.brilliance .num20{width:100%;height:330px;position:relative;min-width:0;touch-action:pan-y}
.brilliance .num20 canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.brilliance .brilliance-fallback{display:block;width:100%;height:100%;overflow:visible;transition:opacity .55s ease}
.brilliance.is-ready .num20 canvas{opacity:1}
.brilliance.is-ready .brilliance-fallback{opacity:0;visibility:hidden}
.brilliance .hero-title{min-width:0;transform-style:preserve-3d;will-change:transform;text-align:left;margin:0;padding:0 0 12px}
.brilliance .hero-title h1{font-family:Brilliance,Georgia,serif;font-weight:500;line-height:1.05}
.brilliance .hero-title .k{font-family:Brilliance,Georgia,serif;font-size:72px;letter-spacing:.035em;color:var(--title-ink,var(--purple));text-shadow:0 1px 0 #fff,var(--shadow-x,1px) 2px 0 #b9a9c129,2px 3px 5px #5039600b;transform:translate3d(var(--tx,0px),var(--ty,0px),10px)}
.brilliance .hero-title .a{font-family:Brilliance,Georgia,serif;font-size:30px;line-height:1.2;letter-spacing:-.015em;margin-top:7px;transform:translate3d(calc(var(--tx,0px)*.66),calc(var(--ty,0px)*.66),5px)}
.brilliance .hero-title .d{font-family:Brilliance,Georgia,serif;font-size:25px;letter-spacing:.14em;margin-top:26px;transform:translate3d(calc(var(--tx,0px)*.45),calc(var(--ty,0px)*.45),2px)}
.brilliance .hero-title .d::before{content:'';display:block;background:linear-gradient(90deg,var(--champagne),#f5e7c7);height:1px;width:34px;margin-bottom:15px}
.brilliance .hero-title .f{font-family:var(--sans);font-size:9px;line-height:1.8;letter-spacing:.03em;color:#786b7e;max-width:280px;margin-top:16px;transform:translate3d(calc(var(--tx,0px)*.2),calc(var(--ty,0px)*.2),0)}
.brilliance .brilliance-legend{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 16px;color:#88768c;font:8px/1.6 var(--sans);letter-spacing:.07em}
.brilliance .brilliance-legend svg{width:13px;height:13px;fill:none;stroke:var(--champagne);stroke-width:1}
.brilliance .brilliance-touch-hint{display:none}
.brilliance .brilliance-controls{display:flex;align-items:center;justify-content:center;gap:12px;min-height:28px;margin-top:16px;position:relative;z-index:4;font:8px/1.5 var(--sans);color:var(--lavender)}
.brilliance-controls button{font:inherit;color:#786581;background:transparent;border:0;border-bottom:1px solid #c9a35e70;padding:5px 2px;cursor:pointer;min-height:28px}
.brilliance-controls button:hover{color:var(--purple);border-color:var(--champagne)}
.brilliance-controls [hidden]{display:none!important}
.brilliance [hidden]{display:none!important}
.brilliance .lead{font-size:14px;letter-spacing:.06em;margin-top:4px}
.brilliance .count-panel{margin-top:16px;gap:16px}
.brilliance .panel-cell{border:0;border-left:1px solid #c9a35e50;background:transparent;width:65px;height:48px;padding-top:1px}
.brilliance .panel-cell:first-child{border-left:0}
.brilliance .panel-cell b{font-family:Brilliance,Georgia,serif;font-size:27px;color:var(--purple)}
.brilliance .panel-cell small{font-size:7px;letter-spacing:.1em;margin-top:3px}
.brilliance .hero-actions{margin-top:18px;gap:10px}
.brilliance .hero-actions .btn-l{width:260px;font-size:10px;letter-spacing:.06em;border-radius:2px;height:37px;line-height:37px;background:var(--purple)}
.brilliance .hero-actions .history-journey{background:transparent;border-color:#50396055;color:var(--purple)}
.brilliance .hero-actions .btn-l:hover{filter:brightness(1.08)}
.brilliance .hero-actions .history-journey:hover{background:#50396008}
.brilliance .brilliance-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brilliance.is-entering .hero-title .k{animation:brilliance-reveal 1.2s .7s both cubic-bezier(.16,1,.3,1)}
.brilliance.is-entering .hero-title .a{animation:brilliance-reveal 1.2s .95s both cubic-bezier(.16,1,.3,1)}
.brilliance.is-entering .hero-title .d{animation:brilliance-reveal 1.1s 1.15s both cubic-bezier(.16,1,.3,1)}
.brilliance.is-entering .hero-title .f{animation:brilliance-reveal 1.1s 1.35s both cubic-bezier(.16,1,.3,1)}
@keyframes brilliance-reveal{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:761px) and (max-width:1000px){.brilliance .hero-title .k{font-size:65px}.brilliance .hero-title .a{font-size:27px}}
@media(max-width:760px){
 .brilliance{padding:21px 0 30px}
 .brilliance .brilliance-kicker{font-size:8px;letter-spacing:.2em;margin-top:4px}
 .brilliance .hero-top{grid-template-columns:minmax(0,1fr);gap:0}
 .brilliance .anniversary-visual{min-height:465px}
 .brilliance .num20{height:270px;max-width:430px;margin:auto}
 .brilliance .hero-title{text-align:center;padding:0 0 10px;margin-top:-8px}
 .brilliance .hero-title .k{font-size:53px}
 .brilliance .hero-title .a{font-size:26px;margin-top:3px}
 .brilliance .hero-title .d{font-size:23px;margin-top:16px}
 .brilliance .hero-title .d::before{width:27px;margin:0 auto 11px}
 .brilliance .hero-title .f{font-size:10px;max-width:310px;margin:12px auto 0}
 .brilliance .brilliance-legend{font-size:8px;gap:5px;margin:15px auto 13px}
 .brilliance .brilliance-mouse-hint{display:none}.brilliance .brilliance-touch-hint{display:inline}
 .brilliance .lead{font-size:12px;line-height:1.9;letter-spacing:.015em}
 .brilliance .count-panel{margin-top:15px;gap:10px}
 .brilliance .count-panel .lbl{font-size:10px}
 .brilliance .panel-cells{max-width:300px;gap:0}
 .brilliance .panel-cell{height:48px}.brilliance .panel-cell b{font-size:27px}.brilliance .panel-cell small{font-size:9px}
 .brilliance .hero-actions{gap:9px;margin-top:18px}
 .brilliance .hero-actions .btn-l{width:100%;height:44px;line-height:44px;font-size:12px}
 .brilliance .brilliance-controls{font-size:10px;margin-top:14px;gap:16px}
 .brilliance-controls button{min-height:38px}
}
@media(prefers-reduced-motion:reduce){.brilliance *{animation:none!important;transition:none!important;will-change:auto!important}.brilliance .hero-title{transform:none!important}}