:root{--headline:'Aref Ruqaa',serif;--section-font:'El Messiri',sans-serif;--surface:#19201b;--tint:#bd8b64;--hue:0deg;--night:#101310}
body{transition:background-color 1.1s,color .8s}
body[data-theme=rose]{--gold:#d9b5b9;--night:#171216;--surface:#231b22;--tint:#c48b9c;--paper:#f4eded;--hue:322deg;--line:#cda0ac35}
body[data-theme=amethyst]{--gold:#c8b0e0;--night:#14121e;--surface:#211c30;--tint:#9473cd;--paper:#f0edf4;--hue:250deg;--line:#baa4dd35}
body[data-theme=moon]{--gold:#bcd7e4;--night:#10191f;--surface:#1c2a33;--tint:#86b6d7;--paper:#edf1f3;--hue:165deg;--line:#aacbdc35}
body[data-theme=onyx]{--gold:#c3ccd2;--night:#101316;--surface:#1b2126;--tint:#8596ad;--paper:#eef0f0;--hue:180deg;--line:#aabac735}
body[data-theme=carnelian]{--gold:#e6b48b;--night:#1d1511;--surface:#30221b;--tint:#d27e44;--paper:#f5eee7;--hue:345deg;--line:#d4a37735}
.hero,.mobile-nav,.journal,footer{background:var(--night);transition:background-color 1.2s}
.stone-finder{background:radial-gradient(ellipse at 43% 50%,color-mix(in srgb,var(--tint) 12%,transparent),transparent 60%),var(--surface);transition:background-color 1.2s}
.section-light{transition:background-color 1.2s}
.brand-ribbon{background:color-mix(in srgb,var(--night) 75%,var(--surface));transition:background-color 1.2s}
.header.scrolled{background:color-mix(in srgb,var(--night) 94%,transparent)}
.contact{background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--tint) 24%,transparent),transparent 65%),var(--surface);transition:background-color 1.2s}
.hero h1{font-family:var(--headline);font-size:clamp(69px,6.4vw,100px);font-weight:400;letter-spacing:0;line-height:1.32;margin-top:18px;padding-bottom:10px}
h2,.product-meta h3,.stone-result h3,.journal-card>p{font-family:var(--section-font);letter-spacing:0!important}
.hero-content{margin-left:auto;margin-right:8%;padding-top:165px;text-align:right;width:46%}
.hero-english{margin-top:10px}
.hero-description{margin-top:20px}
.hero-scene img,.hero-scene video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:42% center;transform:scale(1.04);filter:hue-rotate(var(--hue)) saturate(.7);transition:filter 1.3s;animation:none;will-change:auto}
.hero-scene video{opacity:0;transition:opacity 1.2s,filter 1.3s}
.video-ready .hero-scene video{opacity:1}
.cosmic-tint{position:absolute;inset:0;background:radial-gradient(ellipse at 27% 45%,var(--tint),transparent 68%);mix-blend-mode:color;opacity:.25;transition:background 1.4s}
.hero-shade{background:linear-gradient(90deg,transparent 25%,color-mix(in srgb,var(--night) 12%,transparent) 45%,var(--night) 100%),linear-gradient(0deg,var(--night),transparent 20%,transparent 80%,color-mix(in srgb,var(--night) 50%,transparent));transition:background 1.2s}
.hero-specks i{background:var(--gold);box-shadow:0 0 12px var(--gold);animation-duration:9s}
.language-toggle{border:1px solid var(--line);min-width:42px;min-height:38px;font:12px Arial,sans-serif;letter-spacing:1px;color:var(--gold);padding:5px 10px}
.language-toggle:hover{background:#ffffff0c}
.universe-picker{position:absolute;right:8%;bottom:100px;z-index:3;display:flex;align-items:center;gap:22px;direction:rtl}
.universe-label{font-size:12px;color:#d7cfc9}
.universe-swatches{display:flex;gap:11px;align-items:center;direction:rtl}
.universe-swatches button{width:17px;height:17px;padding:0;background:var(--swatch);border-radius:50%;box-shadow:inset 0 1px 4px #fff3,0 0 0 4px transparent;border:2px solid var(--night);transition:box-shadow .3s,transform .3s;position:relative}
.universe-swatches button:before{content:'';position:absolute;inset:-10px}
.universe-swatches button[aria-pressed=true]{box-shadow:0 0 0 1px var(--gold)}
.universe-swatches button:hover{transform:scale(1.17)}
.motion-toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:#c8c9cb;border-inline-start:1px solid var(--line);padding:8px 16px 8px 0}
.motion-toggle>span:first-child{font:13px Arial,sans-serif;min-width:12px}
.natural-stone{width:100%;height:100%;position:relative;display:grid;place-items:center;animation:stone-drift 11s ease-in-out infinite;filter:drop-shadow(0 24px 24px #0005)}
.natural-stone img{grid-area:1/1;width:91%;height:91%;object-fit:contain;mix-blend-mode:normal;pointer-events:none}
.natural-stone img.stone-frame{opacity:0;transform:translate3d(0,5px,0) scale(.985);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;backface-visibility:hidden}
.natural-stone img.stone-frame.is-active{opacity:1;transform:translate3d(0,0,0) scale(1)}
.natural-stone.stone-instant img.stone-frame{transition:none}
.stone-stage:before{inset:1%;background:radial-gradient(ellipse,color-mix(in srgb,var(--stone) 17%,transparent),transparent 66%)}
.stone-orbit{border-color:var(--line)}
.stone-symbol{bottom:0;color:#aeb6b8;font-size:12px}
.stone-options button{font-size:12px;color:#b7bbc0}
.stone-options button.selected{color:var(--gold)}
.stone-options button.selected>span:after{border-color:var(--gold)}
.finder-copy .finder-small{font-size:12px;max-width:340px;line-height:1.9;color:#aeb3bc}
.stone-name-en{line-height:1.3}
.stone-result>p:not(.stone-name-en),.finder-copy>p{color:#bec2c8}
.stone-mood{font-size:12px;color:var(--gold)}
.stone-number,.finder-top>span{color:#aab1bb}
.dialog-layout>img.stone-dialog-image{object-fit:contain;padding:20px;background:#d8d7d2;min-height:300px}
body.motion-paused .hero-specks i,body.motion-paused .natural-stone,body.motion-paused .scroll-cue>span,body.motion-paused .brand-ribbon>div{animation-play-state:paused}
html[lang=en] body{font-family:Arial,sans-serif;line-height:1.75}
html[lang=en] h1,html[lang=en] h2,html[lang=en] .product-meta h3,html[lang=en] .stone-result h3,html[lang=en] .journal-card>p{font-family:var(--serif);font-weight:500;letter-spacing:-.5px!important}
html[lang=en] .hero-content{text-align:left;margin-left:auto;margin-right:6%;width:44%;padding-top:185px}
html[lang=en] .hero h1{font-size:clamp(66px,6vw,97px);line-height:1.02;letter-spacing:-2px!important}
html[lang=en] .hero-english,html[lang=en] .product-meta p,html[lang=en] .product-meta h3 button,html[lang=en] .stone-name-en,html[lang=en] .world-copy .signature{text-align:left}
html[lang=en] .eyebrow{font-family:Arial,sans-serif;letter-spacing:1.6px}
html[lang=en] .eyebrow.dark{justify-content:flex-start}
html[lang=en] .hero-description{font-size:15px;line-height:1.8}
html[lang=en] .world-copy{direction:ltr}
html[lang=en] .section-heading h2,html[lang=en] .world-copy h2{font-size:54px;line-height:1.12}
html[lang=en] .finder-copy h2{font-size:46px;line-height:1.15}
html[lang=en] .universe-picker{direction:ltr;right:6%}
html[lang=en] .motion-toggle{padding:8px 0 8px 16px}
html[lang=en] .stone-name-en{display:none}
html[lang=en] .stone-result h3{font-size:39px;line-height:1.1;margin-top:16px;color:var(--gold)}
html[lang=en] .faq h2{font-size:43px}
html[lang=en] .contact h2{font-size:66px;line-height:1.2}
html[lang=en] .hero-actions .button svg,html[lang=en] #stone-inquiry svg{transform:rotate(180deg)}
html[lang=en] .button,html[lang=en] .text-link{font-size:12px}
html[lang=en] .dialog-copy h2{font-size:36px;line-height:1.2}
html[lang=en] .section-intro,html[lang=en] .world-copy>p:not(.eyebrow):not(.signature),html[lang=en] .faq-items p{font-size:14px}
@keyframes stone-drift{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@media(min-width:1600px){.hero-content{padding-top:175px}.hero h1{font-size:105px}}
@media(max-width:1100px){.header-actions{gap:10px}.desktop-nav{gap:18px}.header-contact{display:none}.hero-content{padding-top:166px}.hero h1{font-size:80px}.universe-picker{bottom:105px;gap:15px}.motion-label{display:none}.finder-copy h2{font-size:33px}.natural-stone img{width:100%;height:100%}html[lang=en] .hero h1{font-size:72px}html[lang=en] .finder-copy h2{font-size:38px}}
@media(max-width:850px){.hero h1{font-size:68px}.hero-content{width:49%;margin-right:6%}.hero-scene img,.hero-scene video{object-position:33% center}.universe-picker{right:6%}.motion-toggle{padding-right:12px}.hero-actions{gap:18px}html[lang=en] .hero-content{padding-top:165px;width:50%;margin-right:4%}html[lang=en] .hero h1{font-size:64px}html[lang=en] .hero-actions{flex-wrap:wrap;gap:10px 20px}html[lang=en] .section-heading h2,html[lang=en] .world-copy h2{font-size:45px}}
@media(max-width:600px){.header-actions{gap:3px}.language-toggle{min-width:35px;padding:5px 7px;font-size:12px;min-height:33px}.wordmark>span{font-size:17px}.wordmark>svg{width:22px}.wordmark{gap:7px}.header{padding-inline:5%}.hero{height:940px}.hero-content{width:100%;margin:0;padding:116px 6% 0;text-align:center}.hero h1{font-size:65px;line-height:1.28;margin-top:19px;padding-bottom:0}.hero-description{margin-top:17px}.hero-actions{margin-top:22px;gap:22px}.hero-english{margin-top:14px}.hero-scene{top:420px}.hero-scene img,.hero-scene video{object-position:17% center;transform:scale(1.05)}.hero-shade{background:linear-gradient(180deg,var(--night),color-mix(in srgb,var(--night) 80%,transparent) 12%,transparent 35%,transparent 62%,var(--night) 98%)}.cosmic-tint{opacity:.2}.universe-picker{bottom:82px;right:6%;left:6%;justify-content:center;gap:16px}.universe-label{font-size:12px}.universe-swatches{gap:12px}.motion-toggle{font-size:12px;padding-right:13px}.art-caption{bottom:93px;font-size:12px}.hero-edition{top:67%}.hero-bottom{bottom:25px}.stone-stage{height:315px;width:85%;max-width:350px;margin:20px 0 12px}.natural-stone img{width:100%;height:100%}.finder-copy h2{font-size:33px;line-height:1.55}.finder-copy .finder-small{font-size:12px;max-width:320px;margin:15px auto 0}.stone-options{gap:18px}.stone-options button{min-width:36px;font-size:12px}.stone-options button>span{width:27px;height:27px}.stone-mood{font-size:12px}.stone-result h3{font-size:20px}.section-heading h2{line-height:1.5}.finder-top>span{font-size:12px}.world-copy h2{line-height:1.5}.journal-kind{font-size:12px;letter-spacing:.6px}.footer-bottom{font-size:12px}.saved-note{font-size:12px}.dialog-layout>img.stone-dialog-image{height:230px;min-height:0}.product-meta h3{font-size:24px}.contact h2{font-size:39px}html[lang=en] .hero-content{width:100%;margin:0;padding:133px 6% 0;text-align:center}html[lang=en] .hero h1{font-size:64px;line-height:1.02;letter-spacing:-1.5px!important}html[lang=en] .hero-english{text-align:center;font-size:24px;margin-top:14px}html[lang=en] .hero-description{font-size:13px;margin-top:15px}html[lang=en] .hero-actions{flex-wrap:nowrap;gap:16px;margin-top:24px}html[lang=en] .hero-actions .button,html[lang=en] .hero-actions .text-link{font-size:12px}html[lang=en] .universe-picker{right:6%}html[lang=en] .section-heading h2,html[lang=en] .world-copy h2{font-size:44px;line-height:1.1}html[lang=en] .finder-copy h2{font-size:44px}html[lang=en] .stone-result h3{font-size:40px}html[lang=en] .stone-name-en{text-align:center}html[lang=en] .contact h2{font-size:47px}html[lang=en] .faq h2{font-size:39px}html[lang=en] .journal .section-heading h2{font-size:42px}html[lang=en] .product-meta h3{font-size:29px}html[lang=en] .footer-bottom{font-size:12px}}
@media(prefers-reduced-motion:reduce){.natural-stone,.hero-specks i{animation:none}.natural-stone img.stone-frame{transition:none;transform:none;will-change:auto}.hero-scene video{display:none}.hero-scene img{transform:none}}
@media(prefers-reduced-motion:reduce){body.motion-opt-in .hero-scene video{display:block}}

.language-toggle{font-size:14px;min-width:44px;min-height:44px}
.universe-label,.motion-toggle,.stone-options button,.stone-mood{font-size:14px;line-height:1.8}
.motion-toggle{min-height:44px}.universe-picker{flex-wrap:wrap;row-gap:12px}.universe-swatches{gap:15px}
.finder-copy .finder-small{font-size:13px;line-height:1.9;max-width:360px}.finder-top .eyebrow,.finder-top>span{font-size:12px;line-height:1.8}
.stone-options{flex-wrap:wrap;row-gap:18px}.stone-options button{min-width:48px;padding-inline:3px}
.stone-stage{height:410px;grid-template-rows:minmax(0,1fr) auto;row-gap:22px;align-items:stretch}
.natural-stone{grid-row:1;min-width:0;min-height:0;width:100%;height:100%}
.stone-symbol{position:static;grid-row:2;display:block;align-self:end;justify-self:center;width:100%;text-align:center;padding:0 8px 8px;font-size:12px;line-height:1.8;letter-spacing:1.7px;white-space:normal}
.stone-stage:before{inset:0 0 56px}.stone-orbit{top:0;bottom:56px;height:auto;inset-inline:0;margin-inline:auto}.orbit-two{top:-5px;bottom:51px}
html[lang=en] .button,html[lang=en] .text-link,html[lang=en] .hero-actions .button,html[lang=en] .hero-actions .text-link{font-size:14px}
html[lang=en] .section-intro,html[lang=en] .world-copy>p:not(.eyebrow):not(.signature),html[lang=en] .faq-items p{font-size:15px;line-height:1.9}
@media(max-width:850px){.universe-picker{max-width:48%;gap:12px}.hero-content{padding-top:154px}.hero-actions{gap:15px}}
@media(max-width:600px){
  .hero{height:1000px}.hero-content{padding-top:120px}.hero-scene{top:465px}.hero-bottom{bottom:23px;align-items:flex-end}.hero-caption{max-width:47%;text-align:end}.art-caption{bottom:130px;max-width:200px;line-height:1.8}
  .universe-picker{max-width:none;bottom:126px;gap:12px 17px}.universe-label{font-size:14px}.motion-toggle{padding-inline-start:12px;padding-inline-end:0}.motion-label{display:inline}.universe-swatches{gap:14px}.universe-swatches button{width:19px;height:19px}
  .language-toggle{font-size:13px;min-width:39px;min-height:40px}.stone-stage{height:370px;max-width:350px;width:86%;margin:28px 0 20px;row-gap:24px}.natural-stone img{max-height:100%;width:100%;height:100%}.stone-symbol{font-size:12px;letter-spacing:1.2px;padding-bottom:4px}.finder-copy .finder-small{font-size:13px;max-width:340px}.stone-options{gap:14px}.stone-options button{font-size:14px;min-width:43px}.stone-mood{font-size:14px}.stone-result{padding-top:22px}.stone-result>p:not(.stone-name-en){max-width:340px}.finder-top>span{font-size:12px}.footer-bottom,html[lang=en] .footer-bottom{font-size:12px}
  html[lang=en] .hero-description{font-size:14px;line-height:1.9}html[lang=en] .hero-actions{flex-wrap:wrap;gap:14px 20px}html[lang=en] .section-intro,html[lang=en] .world-copy>p:not(.eyebrow):not(.signature),html[lang=en] .faq-items p{font-size:14px}
}
@media(max-width:360px){.stone-stage{width:100%;height:340px}.hero h1{font-size:58px}.universe-picker{gap:10px 13px}.universe-label{width:100%;text-align:center}.motion-label{font-size:13px}}

.stone-option-label{display:block;font:inherit;line-height:1.65;max-width:120px}.stone-options button{max-width:130px}.universe-swatches{flex-wrap:wrap;max-width:340px;row-gap:20px}.finder-layout.no-stone-image{grid-template-columns:1.1fr 1fr}
.brand-ribbon>div{width:max-content;gap:34px;padding-inline:28px}.brand-ribbon span{white-space:nowrap}.brand-ribbon b{display:inline-flex}.brand-ribbon b svg{width:20px;height:20px}
.filters .filter-label{font:inherit;margin:0}.filters .filter-count{margin-inline-start:8px}.filters{flex-wrap:wrap;gap:10px 24px}.collection-empty{grid-column:1/-1;padding:40px 20px;text-align:center;color:#66715d;font-size:16px}.view-product>span{font-size:inherit}.view-product svg,.product-arrow svg,.journal-card>div>span svg{width:20px;height:20px}.icon-diag-start{transform:scaleX(-1)}.hero-actions .text-link>span,#stone-stories-link>span,#source-post>span{display:inline-flex}.scroll-cue>span svg{width:17px;height:17px}.motion-toggle>span:first-child{display:inline-flex;align-items:center}.motion-toggle>span:first-child svg{width:16px;height:16px}.footer-bottom>a{display:inline-flex;align-items:center;gap:8px}.footer-bottom>a svg{width:16px;height:16px}#admin-link{color:#bac4b3}.favorite-item .remove-favorite svg{width:18px;height:18px}.dialog-layout:has(>img[hidden]){grid-template-columns:1fr}
@media(max-width:600px){.universe-swatches{max-width:240px}.stone-options{gap:14px 9px}.stone-options button{max-width:110px}.stone-option-label{font-size:13px}.filters{gap:6px 16px}.collection-empty{font-size:14px}.finder-layout.no-stone-image{display:flex}}

/* Keep decoded stone layers within their own row, clear of the caption. */
.natural-stone{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;min-width:0}.natural-stone img{min-height:0;min-width:0;max-height:100%;max-width:100%}