:root{
  --paper:#fafaf6; --ink:#172c32; --muted:#526268;
  --cobalt:#2644c4; --coral:#e96b52; --ochre:#f2bd35; --lilac:#dcd9f1;
  --wine:var(--cobalt); --sage:#edf0f5; --line:#d5dcd9; --white:#fff;
}
::selection{ background:var(--ochre); color:var(--ink); }
body{ background:var(--paper); }
.site-header{ background:#fafaf6f5; border-bottom-color:#172c321a; }
.header-inner{ min-height:90px; }
.brand small{ letter-spacing:2px; color:var(--muted); }
.desktop-nav a{ position:relative; }
.desktop-nav a::after{ content:''; position:absolute; inset-inline:0; bottom:5px; height:3px; background:var(--coral); transform:scaleX(0); transition:transform .18s; }
.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{ transform:scaleX(1); }
.button{ border-radius:3px; }
.button-dark,.filters button[aria-pressed=true]{ background:var(--cobalt); border-color:var(--cobalt); color:#fff; }
.button-dark:hover{ background:#1c3194; border-color:#1c3194; color:#fff; }
.button-outline{ border-color:var(--cobalt); color:var(--cobalt); }
.button-outline:hover{ background:var(--cobalt); color:#fff; }
.text-link{ color:var(--cobalt); }
.eyebrow{ color:var(--muted); font-size:.8rem; letter-spacing:0; }
.hero-atelier{ position:relative; grid-template-columns:.95fr 1.05fr; gap:78px; min-height:640px; padding-block:40px 48px; }
.hero-atelier .hero-copy{ position:relative; padding-block:0; min-width:0; }
.atelier-byline{ color:var(--cobalt); font-size:.87rem; margin-bottom:25px; }
.atelier-byline::before{ content:''; display:inline-block; vertical-align:middle; width:30px; height:3px; background:var(--coral); margin-inline-end:12px; rotate:-8deg; }
.hero-atelier .hero-copy h1{ color:var(--ink); font-size:clamp(3rem,5.4vw,5.2rem); line-height:1.4; letter-spacing:-.045em; margin-bottom:23px; }
.hero-atelier h1 em{ color:inherit; position:relative; z-index:0; display:inline-block; }
.hero-atelier h1 em::after{ content:''; position:absolute; height:13%; inset-inline:-2%; bottom:17%; background:var(--ochre); z-index:-1; clip-path:polygon(1% 25%,99% 0,97% 77%,4% 100%,0 60%); }
.hero-atelier .hero-description{ font-size:1rem; max-width:420px; margin-bottom:28px; }
.hero-atelier .hero-buttons{ gap:22px; }
.hero-atelier .hero-buttons>.text-link{ text-decoration:underline; text-decoration-color:var(--coral); text-underline-offset:8px; }
.atelier-palette{ display:flex; align-items:center; gap:7px; margin-top:37px; }
.atelier-palette i{ width:19px; height:24px; background:var(--cobalt); border-radius:45% 53% 38% 51%; rotate:-14deg; }
.atelier-palette i:nth-child(2){ background:var(--coral); height:20px; rotate:12deg; }
.atelier-palette i:nth-child(3){ background:var(--ochre); rotate:-23deg; }
.atelier-palette i:nth-child(4){ background:var(--lilac); height:20px; }
.atelier-palette span{ margin-inline-start:10px; color:var(--muted); font:italic 14px/1.5 Georgia,serif; }
.atelier-stage{ position:relative; isolation:isolate; background:transparent; padding:0 10px; min-width:0; width:100%; max-width:500px; margin-inline:auto; }
.atelier-stage::before{ content:''; position:absolute; z-index:-1; inset:20px -16px 65px 5px; background:var(--lilac); border-radius:48% 46% 41% 42%; rotate:-6deg; }
.atelier-stage::after{ content:''; width:68px; height:68px; border:13px solid var(--coral); border-radius:50%; position:absolute; z-index:-1; top:0; inset-inline-end:-12px; }
.atelier-stage-heading{ display:flex; justify-content:space-between; gap:14px; align-items:center; padding-inline:16px; margin-bottom:14px; font-size:.72rem; color:var(--muted); }
.atelier-ref{ font:11px/1.5 ui-monospace,monospace; letter-spacing:.08em; }
.hero-atelier .hero-art{ aspect-ratio:1.08; border:10px solid #fff; background:#fff; box-shadow:0 12px 25px #172c3220,13px 13px 0 var(--cobalt); rotate:-3deg; }
.hero-atelier .hero-art img{ object-fit:contain; }
.atelier-art-caption{ display:flex; justify-content:space-between; gap:12px; align-items:center; padding-inline:8px; margin-top:30px; font-size:.72rem; }
.atelier-art-caption>span{ color:var(--muted); }
.atelier-art-caption .text-link{ display:inline-flex; min-height:44px; align-items:center; gap:8px; font-size:.72rem; }
.atelier-art-caption .icon{ width:17px; height:17px; }
.atelier-studio-note{ display:flex; width:fit-content; max-width:100%; align-items:center; gap:15px; margin-inline-start:0; margin-top:30px; padding:10px 17px 10px 10px; background:#fff; box-shadow:0 3px 0 var(--ochre); border:1px solid var(--line); rotate:2deg; }
.atelier-studio-note img{ width:83px; height:73px; object-fit:cover; object-position:60% 45%; }
.atelier-studio-note small,.atelier-studio-note strong{ display:block; }
.atelier-studio-note small{ color:var(--muted); font-size:.69rem; margin-bottom:3px; }
.atelier-studio-note strong{ font-size:.91rem; font-weight:600; }
.atelier-studio-note>.icon{ width:17px; margin-inline-start:4px; color:var(--cobalt); }
.intro-strip{ background:var(--cobalt); border:0; padding-block:17px; }
.intro-strip>div,.intro-strip .icon{ color:#fff; }
.intro-strip .icon{ fill:var(--ochre); stroke:var(--ochre); }
.section-heading{ margin-bottom:42px; }
.section-heading h1,.section-heading h2{ color:var(--ink); }
.collection .section-heading{ border-bottom:1px solid var(--line); padding-bottom:30px; }
.collection .eyebrow{ margin-bottom:10px; }
.art-grid{ gap:48px 32px; align-items:start; }
.art-card{ min-width:0; }
.art-media,.art-card:nth-child(n) .art-media{ background:#f0f1ee; border:1px solid #e2e5e0; }
.art-image-button{ padding:18px; }
.art-image-button img{ filter:none; }
.art-info{ padding-top:18px; border-top:3px solid var(--cobalt); margin-top:12px; }
.art-card:nth-child(3n+2) .art-info{ border-top-color:var(--coral); }
.art-card:nth-child(3n) .art-info{ border-top-color:var(--ochre); }
.art-info h3{ font-size:.98rem; }
.art-card-bottom{ align-items:center; }
.art-card-bottom .text-link{ min-height:44px; }
.art-serial{ background:#ffffffef; color:var(--ink); font-family:ui-monospace,monospace; }
.artist-section{ background:var(--cobalt); color:#fff; padding-block:88px; }
.artist-grid{ gap:78px; }
.artist-copy h1,.artist-copy h2,.artist-copy p{ color:#fff; }
.artist-copy .eyebrow,.artist-copy p:not(.eyebrow){ color:#e9edff; }
.artist-copy .text-link{ color:var(--ink); background:var(--ochre); padding:9px 17px; min-height:44px; display:inline-flex; align-items:center; gap:12px; }
.artist-signature{ color:#fff; }
.artist-visual{ padding:12px; background:#fff; rotate:2deg; box-shadow:13px 13px 0 #172c3240; }
.artist-visual>img{ height:auto; aspect-ratio:1.15; object-fit:cover; }
.artist-visual figcaption{ background:#fff; color:var(--ink); }
.commission-form{ border-top:5px solid var(--ochre); box-shadow:10px 10px 0 #dcd9f166; }
.steps>li{ border-color:var(--line); }
.steps>li>span{ color:var(--cobalt); }
.journal-section{ background:#f0eff7; }
.journal-card{ border:0; border-bottom:3px solid var(--lilac); }
.journal-copy{ padding:25px 22px; }
.contact-card{ border-top:5px solid var(--coral); }
.site-footer{ background:#e9edf5; border-top:5px solid var(--cobalt); }
.mobile-menu nav a{ min-height:48px; }
.search-field{ background:#fff; border-color:var(--line); }
.widget_shopping_cart_live_region.screen-reader-text{ position:fixed!important; left:0!important; right:auto!important; top:0!important; }
.filters button{ min-height:44px; }
.art-dialog{ background:var(--paper); }
.zoom-dialog{ background:#eef0f2; }
html[lang=en] .hero-atelier .hero-copy h1{ font-family:Georgia,'Times New Roman',serif; font-weight:400; line-height:1.08; letter-spacing:-.055em; font-size:clamp(3.5rem,6.7vw,6.3rem); }
html[lang=en] .hero-atelier .hero-description{ line-height:1.8; }
html[lang=ar] .hero-atelier .hero-copy h1{ font-family:Yekan,Tahoma,sans-serif; line-height:1.65; font-size:clamp(2.8rem,5vw,4.9rem); }
@media (min-width:1000px){.art-card:nth-child(3n+2){ margin-top:45px; }
}
@media (hover:hover) and (pointer:fine){.hero-art[data-art-open],.art-image-button[data-art-open]{ cursor:url('brush-cursor.svg') 3 29,zoom-in; }
.hero-art:hover{ box-shadow:0 15px 32px #172c322b,16px 16px 0 var(--cobalt); }
}
@media (max-width:1180px){.hero-atelier{ gap:48px; min-height:620px; }
.hero-atelier .hero-copy h1{ font-size:4rem; }
.atelier-stage{ padding-inline:6px; }
.atelier-art-caption{ flex-wrap:wrap; gap:0 12px; }
}
@media (max-width:900px){.hero-atelier{ gap:38px; min-height:0; padding-block:42px 52px; }
.hero-atelier .hero-copy h1{ font-size:3.1rem; }
.hero-atelier .hero-description{ font-size:.9rem; }
.atelier-byline{ font-size:.78rem; margin-bottom:18px; }
.hero-atelier .hero-buttons{ gap:16px; }
.atelier-palette{ margin-top:26px; }
.atelier-stage::before{ inset-inline:14px; rotate:-3deg; }
.atelier-stage::after{ width:45px; height:45px; border-width:9px; inset-inline-end:-4px; }
.atelier-stage-heading{ padding-inline:0; font-size:.64rem; }
.atelier-studio-note{ gap:10px; padding:8px; }
.atelier-studio-note img{ width:57px; height:58px; }
.atelier-studio-note>.icon{ display:none; }
.artist-grid{ gap:38px; }
}
@media (max-width:680px){.header-inner{ min-height:76px; }
.hero-atelier{ grid-template-columns:1fr; gap:24px; padding-block:31px 48px; }
.hero-atelier .hero-copy{ padding-block:0; }
.hero-atelier .hero-copy h1{ font-size:clamp(2.9rem,10.7vw,4.1rem); line-height:1.48; margin-bottom:15px; }
.hero-atelier .hero-description{ max-width:100%; font-size:.92rem; margin-bottom:22px; }
.atelier-byline{ margin-bottom:13px; }
.atelier-palette{ margin-top:22px; }
.atelier-palette i{ width:15px; height:18px; }
.atelier-palette i:nth-child(2),.atelier-palette i:nth-child(4){ height:16px; }
.atelier-stage{ width:min(500px,100% - 14px); margin-inline:auto; padding:0 8px; }
.hero-atelier .hero-art{ aspect-ratio:1.08; border-width:8px; box-shadow:0 8px 15px #172c3220,8px 8px 0 var(--cobalt); rotate:-2deg; }
.atelier-stage-heading{ margin-bottom:12px; font-size:.68rem; }
.atelier-art-caption{ margin-top:20px; padding-inline:0; font-size:.65rem; }
.atelier-art-caption .text-link{ font-size:.68rem; }
.atelier-studio-note{ margin-top:24px; gap:12px; }
.atelier-studio-note img{ width:64px; height:58px; }
.atelier-studio-note small{ font-size:.65rem; }
.atelier-studio-note strong{ font-size:.86rem; }
.section-heading{ margin-bottom:26px; }
.collection .section-heading{ padding-bottom:22px; }
.art-grid{ gap:32px 18px; }
.art-image-button{ padding:16px; }
.artist-section{ padding-block:55px; }
.artist-grid{ gap:35px; }
.artist-visual{ width:calc(100% - 12px); margin-inline:auto; padding:9px; box-shadow:8px 8px 0 #172c3240; }
.artist-visual>img{ height:auto; }
.commission-form{ box-shadow:6px 6px 0 #dcd9f166; padding:24px; }
html[lang=en] .hero-atelier .hero-copy h1{ font-size:clamp(3.4rem,13vw,4.7rem); }
html[lang=ar] .hero-atelier .hero-copy h1{ font-size:clamp(2.7rem,10.2vw,3.8rem); line-height:1.6; }
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{  transition:none!important; }
html{ scroll-behavior:auto; }
}
@media (forced-colors:active){.hero-art[data-art-open],.art-image-button[data-art-open]{ cursor:zoom-in; }
.button,.icon-button,.filters button,.artist-copy .text-link{ border:1px solid ButtonText; }
.hero-art{ border:2px solid CanvasText; }
}
@media print{.hero-atelier .hero-art,.atelier-studio-note,.artist-visual{ rotate:0deg; box-shadow:none; }
.atelier-stage::before,.atelier-stage::after,.atelier-palette{ display:none; }
.artist-section{ background:#fff; color:#000; }
.artist-copy p,.artist-copy h1,.artist-copy h2,.artist-signature{ color:#000; }
}