@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Tajawal:wght@400;500;700&display=swap');
:root{--paper:#faf4ef;--ink:#402e30;--rose:#8e5f5a;--line:#d9c8bf;--night:#4a2c3a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding:18px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Tajawal,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8e5f5a;outline-offset:3px}button{background:none;border:0}.announce{text-align:center;background:var(--night);color:white;padding:6px;font-size:.85rem}header,footer,.trust,.shophead,.tools,.actions,.filters,nav,.logo,.bag{display:flex;align-items:center}.logo{direction:ltr;gap:11px;font:600 clamp(24px,3vw,37px)/1 'Cormorant Garamond',Georgia,serif;white-space:nowrap}.logo img{width:47px;height:47px}header{justify-content:space-between;gap:22px;padding:16px 6%;border-bottom:1px solid var(--line)}nav,.tools{gap:26px}.bag{gap:7px}.tools button{min-height:44px}.hero{display:grid;grid-template-columns:.92fr 1.08fr}.hero-copy{align-self:center;padding:50px 12%}.eyebrow{display:block;letter-spacing:.22em;font:600 11px/1.6 Arial,sans-serif;color:var(--rose)}h1,h2,h3{font-family:Amiri,'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.22;margin:0}html[lang=en] :is(h1,h2,h3){font-family:'Cormorant Garamond',Georgia,serif}h1{font-size:clamp(50px,5.6vw,89px);margin:22px 0}h1 em{color:var(--rose);font-style:normal}html[lang=en] h1 em{font-style:italic}.hero-copy p{max-width:400px}.actions{gap:20px;flex-wrap:wrap;margin-top:28px}.primary,.light,.add{background:var(--rose);color:white;padding:11px 21px;display:inline-block;text-align:center}.textlink{border-bottom:1px solid}.hero figure{margin:0;position:relative;min-height:365px}.hero figure img{width:100%;height:100%;position:absolute;object-fit:cover}.hero figcaption{position:absolute;bottom:16px;left:20px;background:var(--paper);padding:5px 12px;font:italic 15px Georgia;color:var(--rose)}figcaption i{margin:0 6px}.trust{justify-content:center;gap:clamp(15px,5vw,80px);padding:15px;background:#f1e4db;font-size:.95rem}.trust b{font-size:.8em;color:var(--rose)}.section,.story,.routine{max-width:1450px;margin:auto;padding:64px 6%}.shophead{justify-content:space-between;gap:12px}h2{font-size:clamp(32px,4vw,58px);margin-top:8px}.search{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px}.search span{font:32px Georgia}.search input{border:0;background:none;width:180px;padding:9px 4px}.filters{gap:7px;flex-wrap:wrap;margin:22px 0}.filters button{border:1px solid var(--line);padding:6px 17px;border-radius:30px}.filters [aria-pressed=true]{background:var(--night);color:white;border-color:var(--night)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.photo{display:block;padding:0;width:100%}.photo img{width:100%;aspect-ratio:1/1.05;object-fit:cover;display:block}.meta{color:var(--rose);font:600 11px Arial;letter-spacing:.12em;margin:14px 0 5px}h3{font-size:clamp(22px,2.1vw,33px)}.name{padding:0;text-align:start}.price{margin:4px 0 8px}.add{width:100%;background:transparent;color:var(--rose);border:1px solid var(--rose);padding:7px 8px}.add:hover,.primary:hover{background:var(--night);color:white}.routine{background:var(--night);color:var(--paper);display:grid;grid-template-columns:1fr .56fr;align-items:center;gap:40px}.routine img{width:100%;max-height:305px;object-fit:contain;background:#ebebeb}.routine .eyebrow{color:#edc9c2}.light{background:var(--paper);color:var(--night)}.story{display:flex;align-items:center;gap:40px;max-width:880px}.story img{width:90px}footer{border-top:1px solid var(--line);justify-content:space-between;padding:24px 6%}footer span{font:30px Georgia,serif}dialog{border:0;background:var(--paper);color:var(--ink);width:min(94vw,490px);max-height:88vh;padding:32px}dialog::backdrop{background:#33252891}.close{float:inline-end;font-size:30px;line-height:1.3;min-width:44px}dialog h2{font-size:32px}dialog .detail-img{display:block;width:100%;height:210px;object-fit:contain;background:#ececec;margin-bottom:18px}.line{border-bottom:1px solid var(--line);padding:10px 0}.line button{border:1px solid var(--line);width:36px;height:36px;margin:0 5px}.contact{cursor:pointer}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--night);color:white;padding:9px 20px;pointer-events:none}#toast:empty{display:none}
@media(max-width:760px){header{padding:9px 5%;gap:6px}nav{display:none}.tools{gap:7px}.logo img{width:34px;height:34px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 6%}.hero-copy h1{margin:12px 0}.hero figure{min-height:0;height:clamp(250px,65vw,385px)}.actions{margin-top:16px}.trust{gap:10px;font-size:.8rem;text-align:center}.section,.routine,.story{padding:35px 5%}.shophead{align-items:start;flex-direction:column}.search input{width:170px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.filters{margin:15px 0;gap:5px}.filters button{padding:6px 12px}.routine{grid-template-columns:1fr .55fr;gap:14px}.routine img{height:205px}.story{gap:18px}.story img{width:55px}footer span{font-size:23px}body{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Immersive beauty direction: the existing catalogue and checkout remain intact. */
:root{--paper:#f6eee5;--ink:#3f2934;--rose:#885568;--night:#392535}
header{position:relative;z-index:5;background:var(--paper)}
.hero{min-height:min(800px,88vh);overflow:hidden}.hero-copy{padding:60px 10%;position:relative;z-index:2}.hero h1{font-size:clamp(58px,6.8vw,106px);letter-spacing:-.025em}.hero-copy p{color:#765e63}.eyebrow{letter-spacing:.25em}.primary,.light{border-radius:2px;padding:14px 26px}.hero .experience{min-height:660px;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#ffe9d9,#d9b8b5 70%,#b18c99);overflow:hidden}.scene-fallback{transition:opacity .8s}.scene-ready .scene-fallback{opacity:0}.hero #scene{position:absolute;inset:0;z-index:2}#scene canvas{display:block;width:100%;height:100%}.scene-top{position:absolute;top:24px;inset-inline:28px;z-index:4;display:flex;justify-content:space-between;align-items:center;font:10px Arial;letter-spacing:.17em;direction:ltr}.scene-top button{border:1px solid #734a6255;border-radius:50%;width:40px;height:40px;background:#fff2}.scene-caption{position:absolute;bottom:75px;inset-inline:20px;z-index:4;text-align:center;font-size:24px;pointer-events:none}.scene-hint{display:block;font:11px/2 Arial;letter-spacing:.06em;opacity:.7}.hero .scene-note{inset-inline:20px;bottom:18px;background:none;text-align:center;font:10px/1.5 Arial;color:#634253}.scene-orbit{position:absolute;z-index:1;width:90%;height:90%;border:1px solid #fff7;border-radius:50%;left:5%;top:5%;transform:rotate(-35deg) scaleX(.65)}.orbit-two{transform:rotate(38deg) scaleX(.65)}.ritual-track{overflow:hidden;display:flex;white-space:nowrap;direction:ltr;border-block:1px solid #b6939d;background:var(--night);color:#e8c6bf;font:13px/1.6 Georgia;letter-spacing:.3em;padding:18px 0}.ritual-track span{min-width:100%;text-align:center;animation:drift 24s linear infinite}.trust{background:transparent;padding-block:24px}.section{padding-block:90px}.photo{overflow:hidden;border-radius:40% 40% 3px 3px;background:#e9ded4}.photo img{transition:transform .6s ease}.photo:hover img{transform:scale(1.06)}.grid article{transition:transform .5s ease}.grid article:hover{transform:translateY(-6px)}.routine{position:relative;overflow:hidden;border-radius:180px 180px 0 0;padding-top:110px;padding-bottom:80px}.routine::before{content:'';position:absolute;width:500px;height:500px;border:1px solid #f8dfcf33;border-radius:50%;right:-130px;top:-140px;pointer-events:none}.routine img{border-radius:48% 48% 5px 5px;max-height:380px}.story{padding-block:90px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.motion-off .ritual-track span{animation-play-state:paused}@keyframes drift{to{transform:translateX(-100%)}}
@media(max-width:760px){.hero{min-height:0}.hero-copy{padding:38px 7% 42px}.hero h1{font-size:64px}.hero .experience{min-height:470px;height:470px}.scene-caption{font-size:21px;bottom:65px}.scene-top{top:15px;inset-inline:18px}.scene-hint{display:none}.ritual-track{font-size:10px}.section{padding-block:45px}.routine{border-radius:80px 80px 0 0;padding-top:65px;padding-bottom:45px}.story{padding-block:50px}.grid article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.experience:not(.scene-ready) .scene-caption,.experience:not(.scene-ready) .scene-note{display:none}.experience:not(.scene-ready) .scene-top{color:#fff;text-shadow:0 1px 4px #301b2e}