/* Motion from the original Elysian mark, adapted to the compact layout. */
.logo-motion-svg{display:block;width:100%;height:100%;color:var(--gold);overflow:visible;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
.logo-motion-svg .draw-line{display:none;fill:none;stroke:currentColor;stroke-width:3.45;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.logo-motion-svg .emblem-final,.logo-motion-svg .main-letter,.logo-motion-svg .sub-letter{fill:currentColor;opacity:1}
.is-drawing .draw-line{display:block}
.is-drawing .emblem-final,.is-drawing .main-letter,.is-drawing .sub-letter{opacity:0}
.brand-intro[hidden]{display:none}
.brand-intro{position:fixed;inset:0;z-index:250;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:#0a0b0a;color:var(--gold);padding:24px}
.brand-intro-logo{width:min(340px,82vw);aspect-ratio:216/135}
.brand-intro-track{width:min(210px,60vw);height:1px;background:var(--line);overflow:hidden}
.brand-intro-track i{display:block;height:100%;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.intro-playing{overflow:hidden}
.intro-skip{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));background:transparent;border:0;color:var(--muted);min-height:44px;padding:10px 18px;font-size:13px}
.intro-skip:hover{color:var(--gold)}
.about-photo.mark-stage{height:455px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0c100d;border:1px solid var(--line)}
.mark-stage .mark-stage-bg{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:.12;filter:saturate(.35)}
.mark-stage-logo{position:relative;z-index:1;width:min(330px,78%);aspect-ratio:216/135}
.mark-stage-logo .mark-fallback{width:100%;height:100%;object-fit:contain}
.mark-stage figcaption{position:absolute;z-index:1;bottom:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}
.motion-replay{border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--gold);padding:8px 0;min-height:44px;font-size:12px}
.cut-visual[hidden],.diamond-scale[hidden],.motion-toggle[hidden]{display:none}
.cut-visual{height:135px;display:flex;align-items:center;justify-content:center;position:relative}
.cut-svg{width:142px;height:142px;overflow:visible;color:#856d41}
.cut-girdle,.cut-table,.cut-facet{stroke:currentColor;stroke-dasharray:1;stroke-dashoffset:0;animation:cut-trace 1.25s cubic-bezier(.16,1,.3,1) both}
.cut-girdle{fill:rgba(133,109,65,.05);stroke-width:1.2}
.cut-table{fill:rgba(133,109,65,.1);stroke-width:1;animation-delay:.25s}
.cut-facet{fill:none;stroke-width:.9;opacity:.65;animation-delay:.15s}
.cut-ray{stroke:currentColor;stroke-width:1.1;stroke-linecap:round;opacity:0;animation:diamond-ray 3.4s cubic-bezier(.65,0,.35,1) infinite;animation-play-state:paused}
.cut-core{fill:currentColor;animation:diamond-core 3.4s ease-in-out infinite;animation-play-state:paused}
.motion-inview .cut-ray,.motion-inview .cut-core{animation-play-state:running}
.fourc-visual[data-motion-paused=true] .cut-ray,.fourc-visual[data-motion-paused=true] .cut-core,.page-motion-paused .cut-ray,.page-motion-paused .cut-core{animation-play-state:paused}
.motion-toggle{position:absolute;right:0;bottom:0;padding:8px 10px;background:transparent;border:0;border-bottom:1px solid #ada18a;min-height:44px;color:#686958;font-size:12px}
.diamond-scale img{transition:filter .65s ease,opacity .65s ease}
.product-card{animation:collection-arrive .65s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--motion-delay,0ms)}
@keyframes cut-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes diamond-ray{0%,100%{opacity:0;stroke-width:.6}35%{opacity:.85;stroke-width:1.6}}
@keyframes diamond-core{0%,100%{opacity:.25}50%{opacity:.9}}
@keyframes collection-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.about-photo.mark-stage{height:320px}.mark-stage-logo{width:min(285px,82%)}.mark-stage figcaption{left:18px;right:18px;font-size:11px}.motion-replay{font-size:11px}.brand-intro-logo{width:min(300px,82vw)}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none}.intro-playing{overflow:auto}.product-card,.cut-girdle,.cut-table,.cut-facet,.cut-core,.cut-ray{animation:none}.cut-ray{opacity:.4}.cut-core{opacity:.65}.diamond-scale img{transition:none}.motion-toggle{display:none}}