/* SiRaSiR Atelier — jewel forms, African geometry, emerald and champagne. */
:root{--ink:#133c32;--emerald:#0c3029;--gold:#b18c45;--champagne:#e6cf9d;--paper:#faf7f0;--line:#dcd8cc;--muted:#626e66}
body{background:var(--paper);color:var(--ink);font-family:system-ui,WantaEthiopic,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{line-height:1.25}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.03em}h2{font-size:26px;letter-spacing:-.02em}p{margin-bottom:16px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.15em;color:#926e32;line-height:1.6}.muted{color:var(--muted);font-size:12px}
.company-header{position:relative;background:var(--emerald);background-image:linear-gradient(110deg,#0b2d26ee,#163e34cc),url('art/atelier-pattern.svg');background-size:auto,160px;gap:16px;padding:24px max(5%,calc((100vw - 1100px)/2));border-bottom:1px solid #c9ab69}
.company-header img{flex:0 0 88px;width:88px;height:88px;object-fit:contain;border-radius:50%;border:1px solid #d6b76f55;box-shadow:0 0 0 5px #dfc58b0a,0 8px 24px #0004}.company-header>div{min-width:0}.company-header b{font-size:clamp(18px,3.5vw,26px);font-weight:550;letter-spacing:.025em;line-height:1.3}.company-header small{color:#e1cda0;font-size:12px;margin-top:6px;line-height:1.5}.company-header small:last-child{font-size:10px;letter-spacing:.1em}
main{max-width:1140px;padding:26px 5% 30px}#preferences,#site-search,#shop-navigation{padding-inline:max(5%,calc((100vw - 1024px)/2));background:var(--paper)}
#preferences{padding-block:12px;border-bottom:1px solid var(--line);gap:12px}#preferences label{font-size:9px;letter-spacing:.06em;color:#5c6e62}#preferences select{border:0;border-radius:0;border-bottom:1px solid #c5c9bd;background:transparent;padding:8px 0;font-size:11px;min-height:40px}
#site-search{padding-block:16px 8px}#site-search label{font-size:11px;margin:0 0 7px;color:var(--muted)}.search-row{gap:0;border:1px solid var(--line);border-radius:14px;background:#fffdf9;overflow:hidden;box-shadow:0 3px 12px #1b382b04}.search-row input{border:0;background:transparent;border-radius:0;padding:13px 15px;font-size:14px;min-height:48px}.search-row button{border:0;border-radius:0;margin:0;padding:12px 20px;min-height:48px;background:transparent;color:var(--ink);font-size:13px;font-weight:650;border-left:1px solid var(--line)}
#shop-navigation{padding-block:10px 15px;border-bottom:1px solid var(--line)}.shop-toolbar{gap:8px}.shop-toolbar>button{border:0;background:transparent;color:var(--ink);padding:8px 0;font-size:13px;min-height:40px}.shop-categories{margin-top:8px;gap:20px;scrollbar-width:none}.shop-categories::-webkit-scrollbar{display:none}.shop-categories .menu-row{border:0;border-radius:0;margin:0;background:transparent;padding:6px 0;font-size:12px;min-height:36px;color:#435f50;gap:6px}.shop-categories .menu-row .menu-icon,.shop-categories .menu-row .menu-arrow,.shop-categories .menu-row small{display:none}.shop-categories .menu-row .menu-label{display:inline!important}.shop-categories .menu-row:hover{color:#8e6c31}
button,.button,button.action{border-radius:10px;font-size:14px;min-height:44px;padding:11px 17px;line-height:1.5;transition:background .18s,box-shadow .18s,transform .18s}.button,button.action{background:var(--ink);color:#fffaf0;box-shadow:0 3px 7px #1434280b}.button:hover,button.action:hover{background:#245646}.button:active,button.action:active{transform:translateY(1px)}input,textarea,select{font-size:14px;background:#fffdf9;border-color:#cbd0c3;border-radius:10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #bd913f;outline-offset:3px}
.market-tools{gap:8px;scrollbar-width:none;margin:0 0 15px}.market-tools .action{background:transparent;border:1px solid var(--line);box-shadow:none;color:var(--ink);font-size:11px;min-height:38px;padding:8px 12px}.market-tools .action:hover{background:#eae9df}
.atelier-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;background:radial-gradient(ellipse at 78% 48%,#315f48 0,transparent 60%),var(--emerald);color:#fffaf1;border-radius:24px;padding:44px 40px 26px;border:1px solid #c9ac6d45;box-shadow:0 20px 38px #183b2913;isolation:isolate;overflow:hidden}.atelier-hero:before{content:'';position:absolute;inset:0;background:url('art/atelier-pattern.svg') center/160px;opacity:.26;z-index:-1}.atelier-hero .eyebrow{color:#dcc494;font-size:10px}.atelier-hero h1{font-family:Georgia,WantaEthiopic,serif;font-size:clamp(34px,5vw,54px);font-weight:400;line-height:1.12;letter-spacing:-.03em;white-space:pre-line;margin:14px 0 18px}.atelier-hero-copy>p:not(.eyebrow){font-size:14px;color:#d5ded0;max-width:400px}.atelier-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.atelier-hero-actions .action:first-child{background:#e3ca92;color:#173e30;border:1px solid #e3ca92}.atelier-hero-actions .action:last-child{background:transparent;border:1px solid #c9ab6a70;color:#efe3cc}.atelier-jewel{margin:0;text-align:center}.jewel-orbit{position:relative;max-width:280px;margin:0 auto;padding:15px;border:1px solid #d8bd7a65;border-radius:50%;box-shadow:0 0 0 14px #dec68c06,0 0 0 15px #dec68c1c}.jewel-orbit:before,.jewel-orbit:after{content:'◆';position:absolute;color:#d4b778;font-size:13px;top:13%;left:12%}.jewel-orbit:after{top:auto;left:auto;bottom:13%;right:12%}.jewel-orbit img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 20px 30px #0003}.atelier-jewel figcaption{font-size:9px;letter-spacing:.13em;color:#dbc699;margin-top:27px}.atelier-signature{display:flex;justify-content:space-between;gap:12px;grid-column:1/-1;border-top:1px solid #d4b77840;padding-top:18px;font-size:10px;color:#d6c69d;letter-spacing:.05em}.atelier-signature span:last-child{font-size:9px;letter-spacing:.15em}
.card,.product,.storefront-tile,.knowledge-topic{border:1px solid var(--line);border-top:1px solid var(--line);border-radius:18px;background:#fffdf8;box-shadow:0 7px 20px #1b382b04}.card:nth-child(n){border-top-color:var(--line)}.card{padding:24px}.card h2{font-family:Georgia,WantaEthiopic,serif;font-weight:400;font-size:27px}.product{padding:13px;transition:transform .2s,box-shadow .2s}.product:hover{box-shadow:0 12px 28px #1b382b12;transform:translateY(-2px)}.product h3{font-size:16px;font-weight:550;line-height:1.45;margin:10px 0}.product h2{font-size:19px;font-weight:550}.product .action{font-size:12px;min-height:40px;padding:9px 13px}.products{gap:16px}.gem-photo img,.sample-gem-image img{border-radius:12px;background:#f3efe5}.sample-gem-image{margin:0 0 14px}.sample-gem-image img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.sample-gem-image figcaption{font-size:10px;line-height:1.5;color:#667264;margin-top:8px}.watch{width:40px;height:40px;min-height:40px;font-size:24px;background:#ecefe6;color:var(--ink);padding:0;box-shadow:none}.watch[aria-pressed=true]{color:#805521;background:#eee2c7}.notice{background:#f0eadc;border-inline-start:2px solid #b89450;border-radius:10px;font-size:13px;line-height:1.65;padding:15px 18px;margin-top:20px}.chips button{font-size:12px;padding:8px 16px;border:1px solid var(--line);background:transparent;min-height:40px}.chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}
/* A compact, grouped account drawer replaces the long stack of oversized boxes. */
.drawer,.drawer.account{width:min(92vw,440px);padding:0 24px 30px;background:#10352c;color:#f7f1e4;border-radius:24px 0 0 24px;box-shadow:-20px 0 70px #0004;border-inline-start:1px solid #b9a16b66;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5e725d #10352c}.drawer.browse{border-radius:0 24px 24px 0}.drawer::backdrop{background:#061c19aa;backdrop-filter:blur(5px)}.drawer-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;background:#10352cf5;border-bottom:1px solid #d4b87a30}.drawer-brand{display:flex;align-items:center;gap:11px}.drawer-brand img{width:44px;height:44px;object-fit:contain;border-radius:50%;border:1px solid #c5a46860}.drawer-brand>span{font-family:Georgia,serif;font-size:23px;line-height:1.2;color:#f6eedb;letter-spacing:.04em}.drawer-brand small{display:block;font:8px/1.5 system-ui,sans-serif;letter-spacing:.17em;color:#d5bc83;margin-top:3px}.drawer .drawer-close{float:none;padding:0;width:44px;height:44px;min-height:44px;flex:0 0 44px;border-radius:50%;border:1px solid #a78d5c80;background:#ffffff06;color:#ead7b1;line-height:1;font:28px/1 system-ui}.drawer-intro{padding:24px 0 12px}.drawer-intro>.eyebrow{color:#cab07a;font-size:9px}.drawer-intro h2{font-family:Georgia,WantaEthiopic,serif;font-size:33px;font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:10px 0 12px}.drawer-locale{font-size:12px;color:#cfdbc9;margin:0 0 12px}.guest-status{display:inline-block;font-size:10px;letter-spacing:.02em;padding:5px 10px;border:1px solid #d4b77844;border-radius:24px;color:#e0cb9c;margin:0}.menu-search-label{font-size:10px;color:#c8d1c3;margin:10px 0 5px}.drawer #drawer-search{background:#ffffff06;color:#fff8e7;border:1px solid #c4ad743d;font-size:13px;min-height:44px;padding:10px 13px;border-radius:10px;margin-bottom:18px}.drawer #drawer-search::placeholder{color:#c2cabe}.menu-group{margin-bottom:16px}.menu-group h3{font:600 9px/1.5 system-ui,WantaEthiopic,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#c1a469;margin:10px 0 7px}.menu-icon{width:20px;height:20px;flex:0 0 20px;color:#c9af75}.menu-label{flex:1;min-width:0;line-height:1.45}.menu-arrow{flex:0 0 auto;color:#b9bfae;font-size:21px}.drawer .menu-row{display:flex;align-items:center;gap:12px;min-height:50px;background:transparent;border:0;border-bottom:1px solid #c7b27720;border-radius:0;box-shadow:none;margin:0;padding:10px 0;color:#f0eee3;font-size:14px;font-weight:400}.drawer .menu-row:hover{background:#ffffff06;color:#eed8a7}.drawer .menu-row small{flex-shrink:0;color:#c3ad7b;background:#bda76b10;font-size:9px;border:1px solid #c3ad7b25;border-radius:20px;padding:2px 6px}.drawer .muted{color:#c2cabb}.drawer-foot{margin:26px 0 0;padding-top:18px;border-top:1px solid #c3ad7b40;font:italic 15px Georgia,serif;color:#cdb783;text-align:center}.drawer-foot span{font-size:8px;padding:0 12px}.drawer [hidden],.menu-group[hidden],.menu-row[hidden]{display:none!important}
.app-footer,.site-footer{border-color:var(--line);background:transparent;font-size:12px;line-height:1.7}.footer-brand{font-family:Georgia,serif;font-weight:400;font-size:21px}.app-footer .menu-row .menu-icon{display:none}.app-footer .menu-row{background:transparent;color:var(--ink);border:0;padding:8px;font-size:12px}.app-footer .menu-label{display:inline!important}.app-footer .menu-arrow{display:none}.ribbon{height:18px;background-size:auto 18px;opacity:.6}.service-ticker{background:#0c2c24;color:#e1cca0;border-bottom:1px solid #b596563f;font-size:10px;font-weight:500}.service-ticker .ticker-window{padding:7px 0}
nav{inset:auto 14px 12px;gap:4px;border-radius:23px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#10372eef;color:#f6efdf;border:1px solid #c3a76c55;backdrop-filter:blur(14px);box-shadow:0 12px 30px #061d1930;z-index:5}nav button{padding:6px 3px;color:#cfdbca;min-height:52px;font-size:23px;font-weight:400;border:0;background:transparent;border-radius:15px}nav button[aria-current=page]{background:#ffffff0e;color:#e7cc91;box-shadow:inset 0 -2px #d0b377}nav span{font:10px/1.5 system-ui,WantaEthiopic,sans-serif;margin-top:3px;letter-spacing:.01em}body:has(nav) main{padding-bottom:105px}
.dubtera-copy,.knowledge-hero,.liyuwork-hero{background-color:var(--emerald)}.dubtera-copy h1,.dubtera-copy h2,.knowledge-hero h1{font-family:Georgia,WantaEthiopic,serif;font-weight:400}.knowledge-topic summary{font-size:17px}#mp-view input,#mp-view select{border-radius:10px;font-size:14px}#mp-view label{font-size:13px}
@media(max-width:600px){.company-header{padding:22px 5%;gap:15px}.company-header img{width:90px;height:90px;flex-basis:90px}.company-header b{font-size:20px}.company-header small{font-size:11px}.company-header small:last-child{font-size:9px}.atelier-hero{grid-template-columns:1fr;padding:30px 24px 22px;gap:20px;border-radius:22px}.atelier-hero h1{font-size:36px}.atelier-hero-copy>p:not(.eyebrow){font-size:13px}.atelier-hero-actions .action{font-size:12px;padding:10px 14px}.atelier-jewel{margin:7px 0 0}.jewel-orbit{max-width:196px;padding:11px}.atelier-jewel figcaption{margin-top:21px;font-size:8px}.atelier-signature{font-size:8px;padding-top:15px}.atelier-signature span:last-child{font-size:8px}.products{gap:12px}.card{padding:22px}.product{padding:11px}.product h3{font-size:14px}.drawer,.drawer.account{padding-inline:22px}.drawer-intro h2{font-size:31px}h2{font-size:24px}}
@media(max-width:360px){.company-header img{width:76px;height:76px;flex-basis:76px}.company-header b{font-size:17px}.drawer,.drawer.account{width:94vw;padding-inline:18px}.drawer .menu-row{font-size:13px;gap:9px}.atelier-hero h1{font-size:31px}.atelier-hero{padding-inline:20px}#preferences{gap:8px}.shop-categories{gap:16px}}
@media(prefers-reduced-motion:no-preference){.drawer[open]{animation:atelier-enter .22s ease-out}.atelier-hero .jewel-orbit{animation:atelier-rise .65s ease-out}@keyframes atelier-enter{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes atelier-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){button,.button,.product{transition:none}.product:hover{transform:none}}