/* Finite, purposeful movement. The site remains usable with all motion off. */
.hero-ring-reveal,.hero-ring-motion{position:absolute;inset:0;pointer-events:none}
.hero-light{position:absolute;inset:12% 4% 20%;background:radial-gradient(ellipse at center,#eff3e980 0%,#fafbf94d 45%,#fff0 72%);pointer-events:none}
.hero-finishes{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);z-index:4;text-align:center;white-space:nowrap}
.hero-finish-label{font-size:10px;color:#63735f;margin-bottom:7px;letter-spacing:.5px}
.hero-finish-options{display:flex;align-items:center;justify-content:center;gap:7px}
.hero-finish{width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;position:relative}
.hero-finish:before{content:'';width:21px;height:21px;border-radius:50%;border:1px solid #b8a77e;background:linear-gradient(130deg,#ac8745,#ead7a1 45%,#c3a256)}
.hero-finish[data-finish=white]:before{border-color:#b4bcb8;background:linear-gradient(130deg,#a8b2ad,#f5f6f4 45%,#aeb9b2)}
.hero-finish[data-finish=rose]:before{border-color:#b59583;background:linear-gradient(130deg,#ae806d,#f1d2c1 45%,#c0907a)}
.hero-finish:after{content:'';position:absolute;inset:5px;border:1px solid transparent;border-radius:50%}
.hero-finish[aria-pressed=true]:after{border-color:#597261}
.hero-finish:focus-visible{outline-offset:1px}
.hero-finish:hover:after{border-color:#8c9e86}
.hero-art .hero-ring{width:92%}
.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:#426b55;transform:scaleX(0);transform-origin:left center;z-index:30;pointer-events:none}
#motion-toggle{font-size:9px;color:#57704e;padding:5px 0;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
#motion-toggle:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
#motion-toggle[aria-pressed=false]:before{background:transparent;border:1px solid currentColor}
#motion-toggle:disabled{opacity:.7;cursor:default}
.footer-bottom{flex-wrap:wrap;gap:16px}
.detail-visual{isolation:isolate}
.detail-ring-wrap:before{content:'';position:absolute;width:62%;aspect-ratio:1;left:23%;top:0;background:radial-gradient(circle,#fff 0%,#fff0 67%);pointer-events:none}
.detail-ring-wrap[data-highlight=setting]:before{left:30%;top:12%}
.detail-ring-wrap[data-highlight=band]:before{left:5%;top:36%}
.hero-finishes[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){
 html[data-motion=on] .hero-ring-motion,html[data-motion=on] .hero-light{transition:transform .55s cubic-bezier(.2,.65,.2,1)}
 html[data-motion=on] .button span{transition:transform .3s ease}
 html[data-motion=on] .button:hover span{transform:translate(3px,-3px)}
 html[data-motion=on] .detail-ring-wrap:before{transition:left .6s ease,top .6s ease}
 html[data-motion=on] .detail-hotspot{transition:background .25s,box-shadow .3s}
 html[data-motion=on] .detail-hotspot[aria-pressed=true]{box-shadow:0 0 0 8px #0638310a}
 html[data-motion=on] .circle-link{transition:transform .35s,background .3s}
 html[data-motion=on] .circle-link:hover{transform:rotate(45deg)}
 html[data-motion=on] .hero-finish:after{transition:border-color .25s,transform .25s}
 html[data-motion=on] .hero-finish:hover:after{transform:scale(1.07)}
 html[data-motion=on] .education-faqs details[open]>p{animation:answer-in .3s ease both}
 @keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[data-motion=on] .catalog-card{transition:translate .4s cubic-bezier(.2,.7,.2,1)}
 html[data-motion=on] .catalog-card:hover{translate:0 -4px}
 html[data-motion=on] .catalog-image{transition:background .4s}
 html[data-motion=on] .catalog-card:hover .catalog-image{background:#f2f5ef}
 html[data-motion=on] .catalog-image .image-open img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
 html[data-motion=on] .catalog-image .image-open:hover img{transform:scale(1.035)}
}
@media(max-width:760px){.hero-art{height:470px;margin-bottom:28px}.hero-art .hero-ring{width:96%;transform:translate(-50%,-57%) rotate(-9deg)}.hero-finishes{bottom:4px}.hero-label.label-band{bottom:28%}.hero-label.label-setting{bottom:47%}.hero-label.label-diamond{top:19%}.reading-progress{height:1px}}
html[data-motion=off]{scroll-behavior:auto}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=off] .reading-progress{display:none}
html[data-motion=off] .button:hover,html[data-motion=off] .catalog-image .image-open:hover img{transform:none}
@media(prefers-reduced-motion:reduce){.reading-progress{display:none}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.catalog-image .image-open:hover img{transform:none}}