:root{ --paper:#f6f7fb; --ink:#192d3a; --muted:#526273; --surface:#fff; --soft:#edf0f7; --line:#d5dce7; --accent:#304dc0; --room-glow:#c7d5ff; --room-warm:#fae7d8; --motion-time:.65s; }
html[data-gallery-light=night]{ color-scheme:dark; --paper:#131d2b; --ink:#f1f3f8; --muted:#b7c3d5; --surface:#202d40; --soft:#1b283b; --line:#394a60; --accent:#adc0ff; --room-glow:#334a7e; --room-warm:#4a374a; }
body{ background:radial-gradient(ellipse at 3% 32%,color-mix(in srgb,var(--room-glow) 14%,transparent),transparent 45%),var(--paper); }
.shell{ width:min(1320px,calc(100% - 64px)); }
.section{ padding-block:64px; }
.site-header{ background:color-mix(in srgb,var(--paper) 94%,transparent); border-bottom:1px solid var(--line); }
.header-inner{ min-height:76px; gap:20px; }
.brand strong{ font-weight:600; font-size:1.15rem; }
.brand small{ letter-spacing:1.5px; }
.desktop-nav{ gap:24px; }
.desktop-nav a:hover,.desktop-nav a[aria-current=page],.text-link,.button-outline,.steps>li>span{ color:var(--accent); }
.text-link{ text-underline-offset:6px; }
.button{ border-radius:12px; }
.button-dark{ background:#304dc0; border-color:#304dc0; color:#fff; box-shadow:0 5px 16px #1022541a; }
.button-dark:hover{ background:#223994; border-color:#223994; color:#fff; }
.button-outline{ border-color:var(--line); background:var(--surface); }
.button-outline:hover{ color:#fff; background:#304dc0; border-color:#304dc0; }
.button-glass,.button-glass:hover{ background:#fffef4f5; color:#192d3a; border:1px solid #d5dce7; }
.skip-link{ background:#192d3a; color:#fff; }
#art-search{ background:transparent; }
.icon-button:hover{ background:var(--soft); color:var(--accent); }
:focus-visible{ outline-color:var(--accent); }
.brush-choice{ display:flex; align-items:center; gap:9px; min-height:44px; margin-top:9px; cursor:pointer; font-size:.85rem; }
.brush-choice input{ width:18px; height:18px; accent-color:#304dc0; }
.language-picker nav{ background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.hero-atelier.luminous-hero{ position:relative; display:block; isolation:isolate; overflow:hidden; margin-block:22px 0; min-height:520px; padding:0; border-radius:28px 76px 28px 28px; background:#142638; color:#fff; }
html[dir=ltr] .hero-atelier.luminous-hero{ border-radius:90px 28px 28px 28px; }
.luminous-hero .hero-copy{ position:relative; z-index:3; width:48%; padding:60px 52px 80px; pointer-events:auto; }
.luminous-hero .hero-copy a{ pointer-events:auto; }
.luminous-hero .atelier-byline{ color:#d5dcf4; font-size:.8rem; margin-bottom:18px; }
.luminous-hero .atelier-byline::before{ width:22px; height:1px; background:#e5b27e; rotate:0deg; }
.hero-atelier.luminous-hero .hero-copy h1{ color:#fff9f1; font-size:clamp(3.1rem,4.9vw,4.7rem); line-height:1.45; letter-spacing:-.035em; margin-bottom:18px; text-shadow:0 2px 24px #0004; text-wrap:balance; }
.luminous-hero h1 em{ color:#f7d1aa; }
.luminous-hero h1 em::after{ display:none; }
.luminous-hero .hero-description{ color:#e4e8f1; max-width:360px; font-size:.9rem; line-height:2; margin-bottom:27px; }
.luminous-hero .hero-buttons{ gap:18px; flex-wrap:wrap; }
.luminous-hero .hero-buttons>.button-dark{ background:#f3e4ce; border-color:#f3e4ce; color:#192d3a; box-shadow:none; }
.luminous-hero .hero-buttons>.button-dark:hover{ background:#fff7eb; border-color:#fff7eb; }
.luminous-hero .hero-buttons>.text-link{ color:#fff; text-decoration-color:#d3b08e; }
.luminous-hero .hero-stage{ position:absolute; inset:0; max-width:none; width:auto; margin:0; padding:0; isolation:auto; }
.luminous-hero .hero-stage::before{ display:none; }
.luminous-hero .hero-stage::after{ content:''; position:absolute; inset:0; width:auto; height:auto; border:0; border-radius:0; rotate:0deg; z-index:1; pointer-events:none; background:linear-gradient(270deg,#0d1e31f5 0%,#0d1e31e8 25%,#0d1e318a 43%,#0d1e3100 63%),linear-gradient(0deg,#0d1e31b8,transparent 30%); }
html[dir=ltr] .luminous-hero .hero-stage::after{ background:linear-gradient(90deg,#0d1e31f5 0%,#0d1e31e8 25%,#0d1e318a 43%,#0d1e3100 63%),linear-gradient(0deg,#0d1e31b8,transparent 30%); }
.hero-atelier.luminous-hero .hero-art,.hero-atelier.luminous-hero .hero-art:hover{ position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; rotate:0deg; border:0; border-radius:0; background:#142638; box-shadow:none; }
.hero-atelier.luminous-hero .hero-art img{ width:100%; height:100%; object-fit:cover; object-position:center 57%; transform:scale(1.18); transform-origin:center; }
.luminous-hero .atelier-stage-heading{ position:absolute; z-index:2; top:25px; inset-inline-end:28px; margin:0; padding:6px 13px; color:#f5f1e9; border:1px solid #ffffff45; border-radius:20px; background:#142638ba; font-size:.67rem; gap:18px; }
.luminous-hero .atelier-art-caption{ position:absolute; z-index:3; bottom:20px; inset-inline:28px; margin:0; padding:0; color:#fff; pointer-events:none; }
.luminous-hero .atelier-art-caption>span{ color:#e2e7ee; font-size:.68rem; }
.luminous-hero .atelier-art-caption .text-link{ pointer-events:auto; color:#fff; background:#142638bf; border:1px solid #ffffff60; border-radius:24px; padding:4px 15px; font-size:.76rem; }
.gallery-light-field{ position:absolute; inset:-12%; pointer-events:none; z-index:2; opacity:0; background:radial-gradient(ellipse at 55% 40%,#ffe0a87a 0%,#bac8ff30 23%,transparent 57%); }
.hero-art[data-art-open],.art-image-button[data-art-open]{ cursor:zoom-in; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none){.atelier-pointer-enabled .uses-real-brush,.atelier-pointer-enabled .uses-real-brush *{ cursor:none; }
}
.gallery-invitation{ display:flex; gap:25px; align-items:center; justify-content:space-between; padding-block:17px; border-bottom:1px solid var(--line); color:var(--muted); font-size:.83rem; }
.gallery-invitation .text-link{ white-space:nowrap; font-size:.8rem; }
.section-heading{ margin-bottom:26px; gap:30px; }
.mf-view-home .collection{ padding-top:48px; }
.collection .section-heading{ border:0; padding-bottom:0; }
.section-heading .eyebrow{ margin-bottom:8px; }
.section-heading h1,.section-heading h2{ font-size:clamp(1.8rem,3.4vw,3rem); }
.gallery-tools{ margin-bottom:4px; }
.search-field{ background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.result-status{ font-size:.73rem; }
.filters button{ border-radius:24px; border-color:var(--line); color:var(--muted); }
.filters button[aria-pressed=true]{ background:#304dc0; color:#fff; border-color:#304dc0; }
.art-grid{ gap:38px 28px; }
.art-card:nth-child(n){ margin-top:0; }
.art-media,.art-card:nth-child(n) .art-media{ border:1px solid var(--line); border-radius:23px; background:linear-gradient(135deg,var(--surface),var(--soft)); box-shadow:0 1px 2px #1829410a,0 9px 24px -16px #18294140; }
.art-image-button{ padding:18px; border-radius:inherit; }
.art-image-button img{ object-fit:contain; border-radius:5px; filter:none; }
.art-info{ padding:15px 3px 0; margin:0; border:0!important; }
.art-info h3{ font-size:.94rem; margin-bottom:0; }
.art-card-bottom>span{ font-size:.72rem; }
.art-card-bottom .text-link{ font-size:.76rem; }
.art-serial{ background:var(--surface); color:var(--ink); border-radius:12px; font-size:.62rem; }
.art-card .atelier-surface-light{ border-radius:40%; }
.collection-preview .art-info{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:13px; }
.collection-preview .art-info h3{ margin:0; color:var(--muted); font-weight:400; font-size:.82rem; }
.collection-preview .art-card-bottom{ border:0; padding:0; }
.collection-preview .art-card-bottom .text-link{ gap:8px; font-size:.74rem; }
.collection-preview .art-card-bottom .icon{ width:17px; transition:transform .35s ease; }
.collection-preview .art-card:focus-within .art-card-bottom .icon{ transform:translateX(-3px); }
html[dir=ltr] .collection-preview .art-card:focus-within .art-card-bottom .icon{ transform:translateX(3px); }
.collection-preview .art-media{ background:linear-gradient(145deg,var(--surface) 30%,var(--soft)); box-shadow:0 2px 4px #18294105,0 18px 30px -26px #14284170,inset 0 0 0 5px color-mix(in srgb,var(--surface) 60%,transparent); }
.collection-preview .art-image-button{ padding:22px; }
.collection-preview .section-end{ padding-top:38px; margin-top:0; }
.collection-preview .section-end .button{ min-width:210px; border-radius:30px; }
.artist-section{ background:radial-gradient(ellipse at 15% 30%,#354b70,transparent 58%),#172c43; border-radius:28px; margin-inline:24px; padding-block:48px; }
.artist-grid{ gap:54px; }
.artist-visual{ border-radius:22px 70px 22px 22px; overflow:hidden; rotate:0deg; padding:0; background:#fff; box-shadow:0 20px 50px #06122155; }
.artist-visual>img{ aspect-ratio:1.28; }
.artist-visual figcaption{ border-radius:16px; background:#fff; color:#243747; }
.artist-copy h1,.artist-copy h2{ font-weight:400; text-wrap:balance; }
.artist-copy .eyebrow{ color:#bdcde1; }
.artist-copy p:not(.eyebrow){ color:#dbe4f0; }
.artist-copy .text-link{ background:#f3e4ce; color:#192d3a; border-radius:24px; padding-inline:20px; }
.commission{ gap:60px; }
.commission-intro>h1,.commission-intro>h2{ text-wrap:balance; }
.commission-form{ background:var(--surface); border:1px solid var(--line); border-radius:24px; box-shadow:0 14px 35px -25px #172c3266; }
html[data-gallery-light=night] .field-error{ color:#ffb4c1; }
html[data-gallery-light=night] input[aria-invalid=true],html[data-gallery-light=night] textarea[aria-invalid=true]{ border-color:#ffb4c1; }
input:not([type=checkbox]):not([type=radio]),select,textarea{ background:var(--paper); color:var(--ink); border-color:var(--line); border-radius:9px; }
.journal-section{ background:color-mix(in srgb,var(--soft) 55%,var(--paper)); }
.journal-card{ border:0; border-radius:22px; overflow:hidden; background:var(--surface); }
.journal-image{ overflow:hidden; border-radius:22px 22px 0 0; }
.journal-copy{ padding:24px; }
.journal-copy>h2{ text-wrap:balance; }
.journal-copy .eyebrow{ color:var(--muted); }
.contact-card{ border:1px solid var(--line); background:var(--surface); border-radius:24px; }
.site-footer{ background:var(--soft); border-top:1px solid var(--line); }
.footer-bottom{ border-color:var(--line); }
.mobile-menu,.art-dialog{ color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:22px; }
.zoom-dialog{ background:var(--paper); }
.art-dialog .modal-meta,.art-dialog .modal-meta dd{ color:var(--ink); }
.art-dialog .notice,.notice{ color:var(--muted); background:var(--soft); border-color:var(--line); }
.art-dialog{ width:min(1160px,calc(100% - 48px)); max-height:92dvh; padding:20px 24px; border-radius:28px; box-shadow:0 30px 120px #07152155; }
.art-dialog::backdrop,.zoom-dialog::backdrop{ background:#0e1a2bd9;  }
.art-dialog .dialog-top{ padding-bottom:15px; margin-bottom:18px; border-bottom:1px solid var(--line); }
.art-detail-grid{ grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr); gap:0; align-items:stretch; }
.detail-image-panel{ padding:22px; min-height:460px; border-radius:18px; background:radial-gradient(ellipse at 45% 30%,var(--surface),var(--soft)); box-shadow:inset 0 1px 8px #152a4010; }
.detail-image-panel>img{ max-height:62dvh; object-fit:contain; filter:none; }
.detail-info{ min-width:0; padding:26px 28px; max-height:66dvh; overflow:auto; }
.detail-info>h2{ font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.6; margin:8px 0 20px; }
.detail-info .art-specs{ margin:18px 0 24px; }
.detail-info .art-specs>div[hidden]{ display:none; }
.detail-info .art-specs:empty{ display:none; }
.detail-info .viewer-pending{ color:var(--muted); line-height:2; font-size:.88rem; margin:0 0 24px; }
.detail-info .button{ width:100%; font-size:.83rem; }
.detail-info>#product-detail-link{ margin-top:15px; min-height:44px; }
.viewer-navigation{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding-top:16px; margin-top:20px; border-top:1px solid var(--line); }
.viewer-step{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; width:fit-content; padding:8px 16px; border:1px solid var(--line); border-radius:28px; background:var(--surface); color:var(--ink); font-size:.78rem; cursor:pointer; transition:background .25s ease,border-color .25s ease; }
.viewer-step:not(:disabled):hover{ background:var(--soft); border-color:var(--accent); }
.viewer-step:disabled{ opacity:.4; cursor:default; }
.viewer-next{ justify-self:end; }
.viewer-previous .icon{ transform:rotate(180deg); }
html[dir=ltr] .viewer-previous .icon{ transform:none; }
html[dir=ltr] .viewer-next .icon{ transform:rotate(180deg); }
.viewer-step .icon{ width:18px; height:18px; }
.viewer-position{ margin:0; color:var(--muted); font-size:.75rem; text-align:center; font-variant-numeric:tabular-nums; }
.zoom-dialog{ padding:40px; border-radius:18px; background:var(--paper); }
.zoom-dialog>button{ width:44px; height:44px; border:1px solid var(--line); background:var(--surface); z-index:1; }
@media(max-width:760px){.art-dialog{ width:calc(100% - 20px); padding:14px; max-height:94dvh; border-radius:22px; }
.art-dialog .dialog-top{ padding-bottom:9px; margin-bottom:12px; }
.art-detail-grid{ grid-template-columns:minmax(0,1fr); gap:0; }
.detail-image-panel{ min-height:240px; max-height:47dvh; padding:16px; }
.detail-image-panel>img{ max-height:43dvh; }
.detail-info{ padding:20px 6px 4px; max-height:none; overflow:visible; }
.detail-info>h2{ font-size:1.7rem; margin:5px 0 12px; }
.detail-info .viewer-pending{ font-size:.8rem; margin-bottom:16px; }
.detail-info .art-specs{ margin-block:12px; }
.viewer-navigation{ gap:6px; margin-top:12px; padding-top:12px; position:sticky; bottom:-14px; background:var(--surface); z-index:2; padding-bottom:9px; }
.viewer-step{ min-width:44px; padding:8px 12px; gap:5px; font-size:.72rem; }
.viewer-position{ font-size:.68rem; }
.zoom-dialog{ padding:50px 14px 22px; }
}
@media(max-width:350px){.viewer-step{ padding-inline:10px; }
.viewer-step span{ font-size:.65rem; }
.viewer-step .icon{ width:15px; }
}
html[lang=en] .luminous-hero .hero-copy h1{ font-size:clamp(3.2rem,5.7vw,5.4rem); line-height:1.08; }
html[lang=ar] .luminous-hero .hero-copy h1{ font-size:clamp(2.9rem,5vw,4.7rem); line-height:1.55; }
html[data-gallery-motion=off]{ scroll-behavior:auto; }
html[data-gallery-motion=off] *,html[data-gallery-motion=off] *::before,html[data-gallery-motion=off] *::after{  transition:none!important; }
@media(min-width:1000px){.collection-preview .art-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 28px; }
}
@media(min-width:680px) and (max-width:999px){.collection-preview .art-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:679px){.collection-preview .art-grid{ grid-template-columns:minmax(0,1fr); }
}
@media(hover:hover) and (pointer:fine){.collection-preview .art-card:hover .art-card-bottom .icon{ transform:translateX(-3px); }
html[dir=ltr] .collection-preview .art-card:hover .art-card-bottom .icon{ transform:translateX(3px); }
}
@media(max-width:1180px){.luminous-hero .hero-copy{ width:51%; padding:60px 38px 80px; }
.hero-atelier.luminous-hero{ min-height:510px; }
}
@media(max-width:900px){.shell{ width:calc(100% - 40px); }
.header-inner{ min-height:76px; }
.section{ padding-block:58px; }
.hero-atelier.luminous-hero{ margin-top:18px; min-height:500px; border-radius:24px 60px 24px 24px; }
.luminous-hero .hero-copy{ width:58%; padding:65px 28px 85px; }
.hero-atelier.luminous-hero .hero-copy h1{ font-size:3.3rem; }
.artist-section{ margin-inline:12px; border-radius:26px; }
.artist-grid,.commission{ gap:35px; }
}
@media(max-width:600px){.shell{ width:calc(100% - 32px); }
.site-header .brand{ gap:7px; }
.site-header .brand>img{ width:32px; height:32px; }
.site-header .brand strong{ font-size:.93rem; }
.site-header .brand small{ font-size:7px; letter-spacing:.6px; }
.site-header .saved-shortcut,.site-header .cart-shortcut{ display:none; }
.site-header .language-picker summary{ min-width:53px; padding-inline:3px; font-size:.74rem; }
.header-inner{ gap:5px; min-height:70px; }
.header-actions{ gap:1px; }
.hero-atelier.luminous-hero{ min-height:610px; margin-top:12px; border-radius:22px 52px 22px 22px; }
html[dir=ltr] .hero-atelier.luminous-hero{ border-radius:52px 22px 22px 22px; }
.luminous-hero .hero-copy{ width:100%; padding:268px 24px 82px; }
.hero-atelier.luminous-hero .hero-copy h1{ font-size:2.9rem; line-height:1.4; margin-bottom:12px; }
.luminous-hero .atelier-byline{ font-size:.7rem; margin-bottom:8px; }
.luminous-hero .hero-description{ font-size:.83rem; line-height:1.9; max-width:100%; margin-bottom:18px; }
.luminous-hero .hero-buttons{ gap:15px; }
.luminous-hero .hero-buttons .button{ font-size:.79rem; padding:9px 16px; min-height:46px; }
.luminous-hero .hero-buttons .text-link{ font-size:.78rem; }
.luminous-hero .hero-stage::after,html[dir=ltr] .luminous-hero .hero-stage::after{ background:linear-gradient(0deg,#0d1e31 3%,#0d1e31f5 39%,#0d1e31c4 56%,#0d1e3129 79%,#0d1e3100); }
.hero-atelier.luminous-hero .hero-art img{ object-position:center; height:410px; transform:scale(1.56); transform-origin:50% 62%; }
.luminous-hero .atelier-stage-heading{ top:17px; inset-inline-end:17px; font-size:.6rem; gap:10px; }
.luminous-hero .atelier-art-caption{ inset-inline:20px; bottom:15px; }
.luminous-hero .atelier-art-caption>span{ display:none; }
.luminous-hero .atelier-art-caption .text-link{ margin-inline-start:auto; font-size:.69rem; min-height:44px; }
.gallery-invitation{ display:block; padding-block:17px; font-size:.8rem; }
.gallery-invitation .text-link{ display:flex; width:fit-content; margin-top:3px; font-size:.73rem; }
.art-grid{ gap:29px 15px; }
.art-image-button{ padding:13px; }
.collection-preview .art-image-button{ padding:17px; }
.art-media,.art-card:nth-child(n) .art-media{ border-radius:18px; }
.art-info{ padding-top:10px; }
.section-heading h1,.section-heading h2{ font-size:2rem; }
.mf-view-home .collection{ padding-top:38px; }
.artist-section{ padding-block:42px; }
.artist-visual{ width:100%; padding:0; border-radius:18px 48px 18px 18px; }
.commission-form{ padding:23px; }
html[lang=en] .luminous-hero .hero-copy h1{ font-size:3.3rem; }
html[lang=ar] .luminous-hero .hero-copy h1{ font-size:2.7rem; line-height:1.6; }
}
@media(max-width:350px){.site-header .brand strong{ font-size:.78rem; }
.site-header .brand small{ display:none; }
.site-header .brand>img{ width:27px; height:27px; }
.shell{ width:calc(100% - 24px); }
.luminous-hero .hero-copy{ padding-inline:19px; }
.hero-atelier.luminous-hero .hero-copy h1{ font-size:2.55rem; }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.gallery-light-field{ display:none!important; }
}
@media(forced-colors:active){body,.site-header,.luminous-hero,.luminous-hero .hero-stage::after{ background:Canvas; }
.luminous-hero .hero-copy h1,.luminous-hero .hero-description,.luminous-hero .atelier-byline,.luminous-hero h1 em,.luminous-hero .atelier-art-caption .text-link{ color:CanvasText; background:Canvas; text-shadow:none; }
.luminous-hero .hero-copy{ background:Canvas; }
}
@media print{
.hero-atelier.luminous-hero{ background:#fff; min-height:0; }
.luminous-hero .hero-copy{ width:100%; padding:20px; }
.luminous-hero .hero-stage{ display:none; }
.luminous-hero .hero-copy h1,.luminous-hero .hero-description,.luminous-hero .atelier-byline{ color:#000; }
}