/* One identity: charcoal surfaces, lilac accents, illustrated artwork. */
:root{--font:'Segoe UI',Arial,sans-serif;--blue:#b985ed;--focus:#d8acff;--identity-surface:#17131f;--identity-line:#8e6bad45;--identity-muted:#b7adc4}
body{background:#111018;color:#eee8f5;font-family:var(--font)}
.reference-header.scrolled{background:#17131ff5;border-color:var(--identity-line);box-shadow:0 2px 15px #0002}
.header.scrolled .menu-toggle,.header.scrolled #navigation.open{background:#241c2e;border-color:#69517c66;color:#eee8f5}
.header nav a{font-family:var(--font)}
.section.realm-work,.section.realm-shop#shop,.section.realm-commissions{background:radial-gradient(ellipse at 95% 0%,#673b7d16,transparent 55%),#111018;border-color:#80618e26}
.section :is(h2,h3,h4){font-family:var(--font);color:#f0e9f8}
.section .chapter{color:#c8a0ed}
.realm-heading .text-link,.service-guide-link{color:#cdb5e1}
.section .section-heading h2,.section .realm-heading h2,.section .commission-intro h2{letter-spacing:-.035em}
.realm-commissions .commission-intro h2 span{color:#cfb3ed}
.realm-commissions .commission-intro>p,.realm-work figcaption,.commission-budget-note{color:var(--identity-muted)}
.realm-work .comparison-stage,.realm-work .artstation-card{border-radius:12px;border-color:#71548655}
.realm-work .work-contact-link{background:#251d30;border-color:#79599177;color:#dbc4ef;border-radius:9px}
.realm-work .work-contact-link:hover{background:#372644}
.commission-offer,.realm-shop .product-grid .product-card{background:var(--identity-surface);border:1px solid var(--identity-line);border-radius:16px;box-shadow:0 15px 40px #0002}
.commission-offer.signature-offer{border-color:#b584de88;box-shadow:0 15px 40px #0003,inset 0 0 0 1px #b584de12}
.commission-offer .commission-budget,.realm-shop .product-grid .price{color:#e5c4fc}
.commission-offer-body>p:not(.commission-budget):not(.commission-example-credit),.commission-offer ul{color:#c3b6d0}
.commission-offer li:before{color:#bb93df}
.commission-offer-body .commission-example-credit{color:#9989a7}
.commission-offer .button{background:#2a2036;border-color:#77578e66;color:#e2ceef;border-radius:9px}
.commission-offer .button:hover,.commission-offer .button[aria-pressed=true]{background:#432d53;border-color:#bb8cda}
.reference-hero .hero-primary,.signature-offer .button,.realm-shop .product-grid .card-actions .button{background:linear-gradient(105deg,#ba81ff,#f092d7);color:#21112f;border:1px solid #f4b2ed;border-radius:9px;font-weight:600;box-shadow:0 4px 0 #663b82,0 8px 24px #c265e320}
.reference-hero .hero-primary:hover,.signature-offer .button:hover,.realm-shop .product-grid .card-actions .button:hover{background:linear-gradient(105deg,#c89aff,#ffade5);color:#21112f;border-color:#f4b2ed}
.realm-shop .product-grid .product-body{background:#1b1523;color:#eee8f5}
.realm-shop .filters button{color:#b9a7c9;border-color:#69517b55;background:#1d1626}
.realm-shop .filters button[aria-pressed=true]{color:#eddbfc;border-color:#af83cd;background:#3a2949}
.realm-shop .coming-soon-art{background:radial-gradient(ellipse,#68448b55,transparent 70%),#1c1428}
.realm-shop .coming-soon-status{color:#ba9bd3}
.footer{background:#111018;color:#eee8f5;border-color:#80618e26}
.footer>span,.footer a:not(.brand),.footer button{color:#ae9ebe}
.chapter-nav,.chapter-nav a span,.chapter-current-label{background:#1b1424ee;border-color:#8e6bad45;color:#d3b9e9}
.chapter-nav a:before{background:#786586;border-color:#211629}
.chapter-nav a[aria-current=location]:before{background:#d3a3ff;box-shadow:0 0 0 3px #b883ec24}
.chapter-nav a:hover:before,.chapter-nav a:focus-visible:before,.chapter-progress span{background:#d3a3ff}
.chapter-nav a:focus-visible{outline-color:#d3a3ff}
.chapter-progress{background:#78528d55}
dialog{background:#1b1525;border-color:#8e6bad55;color:#eee8f5}
dialog::backdrop{background:#0b0713d9}
dialog .close-dialog{background:#2c2038;border-color:#8e6bad55;color:#e8d8f5}
@media(max-width:720px){.chapter-nav{background:transparent;border:0}.chapter-progress{background:#281b3555}.header.scrolled nav{background:#241c2e;border-color:#69517c66}}

/* Landscape-led palette: slate, mist and warm pearl. */
:root{--blue:#a8bdce;--focus:#dfceb4;--identity-surface:#243348ed;--identity-line:#c5d1dc36;--identity-muted:#bac8d6}body{background:#203044;color:#edf1f5}.reference-header.scrolled{background:#27374bec;border-color:#d2dce42e}.header.scrolled .menu-toggle,.header.scrolled #navigation.open{background:#35465a;border-color:#bdcbdc45}.section.realm-work,.section.realm-shop#shop{background:#203044}.section.realm-work:before{background:linear-gradient(180deg,#20304477,#203044ed 80%),url(/assets/hero-67.webp) center/cover}.section.realm-shop#shop:before{background:linear-gradient(0deg,#203044,transparent 85%),linear-gradient(90deg,#2030448c,#20304440),url(/assets/shop-gouache-v1.webp) center top/cover no-repeat}.section.realm-commissions{background:linear-gradient(115deg,#203044b8,#25364ace),url(/assets/hero-67.webp) center 65%/cover no-repeat}.section .chapter,.realm-heading .text-link,.service-guide-link{color:#d9d9ce}.realm-commissions .commission-intro h2 span{color:#cad6de}.commission-offer,.realm-shop .product-grid .product-card{background:#26364beb;border-color:#c5d1dc36;box-shadow:0 10px 25px #16243322}.commission-offer.signature-offer{border-color:#e3d2b477;box-shadow:none}.commission-offer .commission-budget,.realm-shop .product-grid .price{color:#e7d5b9}.commission-offer-body>p:not(.commission-budget):not(.commission-example-credit),.commission-offer ul{color:#c9d3df}.commission-offer-body .commission-example-credit{color:#aabaca}.commission-offer .button,.realm-work .work-contact-link{background:#3b4b60;color:#e9eef2;border-color:#b5c6d14d}.commission-offer .button:hover,.commission-offer .button[aria-pressed=true]{background:#4c5e73;border-color:#d1dbe2}.reference-hero .hero-primary,.signature-offer .button,.realm-shop .product-grid .card-actions .button{background:linear-gradient(105deg,#e6d6bb,#d4dbea);color:#2d3c50;border-color:#eee6d5;box-shadow:0 3px 10px #14233520}.reference-hero .hero-primary{background:#f5f3ed}.reference-hero .hero-primary:hover,.signature-offer .button:hover,.realm-shop .product-grid .card-actions .button:hover{background:#eee5d7;color:#2d3c50;border-color:#f7eee1}.realm-shop .product-grid .product-body{background:#29394d}.realm-shop .filters button{background:#2e4054;color:#cbd6df;border-color:#bdd0dc33}.realm-shop .filters button[aria-pressed=true]{background:#526378;color:#f2f1ec;border-color:#d1d5d28c}.realm-shop .coming-soon-art{background:radial-gradient(ellipse,#a5bbca33,transparent 70%),#293b51}.realm-shop .coming-soon-status{color:#d0d8e0}.footer{background:#203044;border-color:#a7bdcf33}.footer>span,.footer a:not(.brand),.footer button{color:#b9c9d7}.chapter-nav,.chapter-nav a span,.chapter-current-label{background:#293b4ee6;border-color:#b6cad338;color:#d4dcd9}.chapter-nav a:before{background:#91a2b4;border-color:#35475b}.chapter-nav a[aria-current=location]:before{background:#e4d2b4;box-shadow:0 0 0 3px #e4d2b41c}.chapter-nav a:hover:before,.chapter-nav a:focus-visible:before,.chapter-progress span{background:#e4d2b4}.chapter-progress{background:#8fa5b655}dialog{background:#29394e;border-color:#bacbd647}dialog::backdrop{background:#142436bd}dialog .close-dialog{background:#3b4c61;color:#eff1ed;border-color:#c3d3dc55}@media(max-width:720px){.chapter-nav{background:transparent;border:0}.section.realm-shop#shop:before{background-position:center,center,36% top}}

.reference-hero .hero-primary,.signature-offer .button,.realm-shop .product-grid .card-actions .button,.reference-hero .hero-primary:hover,.signature-offer .button:hover,.realm-shop .product-grid .card-actions .button:hover{box-shadow:none}

.reference-hero .hero-primary,.signature-offer .button,.realm-shop .product-grid .card-actions .button{background:linear-gradient(105deg,#efc48f,#e9d6b0);color:#23364b;border-color:#ffdfb7;box-shadow:none}
.reference-hero .hero-primary:hover,.signature-offer .button:hover,.realm-shop .product-grid .card-actions .button:hover{background:linear-gradient(105deg,#ffd39b,#f5e0b9);border-color:#fff0d8;color:#23364b;box-shadow:none}
.realm-shop .filters button{border:1px solid #a9bfd260;background:#3b5067;color:#f0f3f6}.realm-shop .filters button[aria-pressed=true]{background:#677f95;border-color:#d4dbd9;color:white}

/* Centered commission introduction, with restrained champagne highlights. */
.realm-commissions .commission-intro{text-align:center;width:100%;max-width:none;margin:0 auto 10px}
.realm-commissions .commission-intro h2{font-size:clamp(32px,4vw,56px);line-height:1.15;max-width:none;letter-spacing:-.035em;margin:14px auto 18px;font-weight:500}
.realm-commissions .commission-intro h2 span{color:#e5cf9f}
.realm-commissions .commission-intro>p{max-width:720px;margin:0 auto 14px}
.realm-commissions .commission-intro .service-guide-link{display:inline-block;font-size:15px;margin:6px auto 0;color:#d8dce2}
.realm-commissions .signature-offer{border:1px solid #cdb584;animation:signature-gold-light 9s ease-in-out infinite;box-shadow:none}
.realm-commissions .signature-offer li:before{color:#e5c992}
.realm-commissions .signature-offer .button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#dfc08b,#ece0be);border-color:#ead5ac;box-shadow:none}
.realm-commissions .signature-offer .button:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%);animation:commission-gold-sheen 9s ease-in-out infinite}
@keyframes commission-gold-sheen{0%,65%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@keyframes signature-gold-light{0%,100%{border-color:#b7a27d}50%{border-color:#e1cca0}}
@media(min-width:1000px){.realm-commissions .commission-intro h2{white-space:nowrap}}
@media(max-width:720px){.realm-commissions .commission-intro{margin-bottom:0}.realm-commissions .commission-intro h2{font-size:34px;max-width:440px}.realm-commissions .commission-intro>p{font-size:16px}.realm-commissions .commission-intro .service-guide-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.realm-commissions .signature-offer{animation:none}.realm-commissions .signature-offer .button:before{animation:none;display:none}}

/* Shared section headings: centered, readable and landscape-led. */
#work>.realm-heading,#shop>.section-heading{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:18px;margin:0 auto 34px}
#work>.realm-heading>div,#shop>.section-heading>div:first-child{width:100%}
#work #work-heading,#shop #shop-title{font-size:clamp(32px,4vw,56px);line-height:1.15;max-width:none;letter-spacing:-.035em;margin:14px auto 18px;font-weight:500}
#work #work-heading span,#shop #shop-title span{color:#e5cf9f}
#work .section-intro-copy,#shop .section-intro-copy{font-size:17px;line-height:1.6;color:#bac8d6;max-width:720px;margin:0 auto}
#work>.realm-heading>.text-link{display:inline-block;font-size:15px;margin:0;color:#d8dce2}
#shop>.section-heading>.filters{width:auto;align-self:center;justify-content:center;margin:0}
@media(min-width:1000px){#work #work-heading,#shop #shop-title{white-space:nowrap}}
@media(max-width:720px){#work>.realm-heading,#shop>.section-heading{gap:16px;margin-bottom:26px}#work #work-heading,#shop #shop-title{font-size:34px;max-width:440px}#work .section-intro-copy,#shop .section-intro-copy{font-size:16px}#work>.realm-heading>.text-link{font-size:14px}}

/* One focused quote flow, with Instagram as a secondary contact. */
.realm-commissions .quote-shell{display:flex;flex-direction:column;gap:18px;width:100%;padding:0;background:none;border:0;box-shadow:none;align-items:stretch}
.realm-commissions .quote-shell #commission-form{width:100%;box-sizing:border-box;max-width:none;margin:0;padding:clamp(24px,4vw,48px);border-radius:20px;background:#2b3748f2;border:1px solid #cbd3df33}
.quote-shell #commission-form .commission-form-title{font-size:clamp(28px,3vw,38px);font-weight:500;letter-spacing:-.025em}
.quote-shell #commission-form .image-drop{min-height:235px;gap:9px;border:1px dashed #dec38c;border-radius:14px;background:radial-gradient(ellipse at 50% 35%,#ead2a21a,transparent 75%),#d6bd8d08;transition:background .2s,border-color .2s}
.quote-shell #commission-form .image-drop:hover,.quote-shell #commission-form .image-drop.dragging,.quote-shell #commission-form .image-drop:focus-within{border-color:#f4dba9;background:#dcc18b18;outline:2px solid #e9cd953b;outline-offset:3px}
.quote-shell #commission-form .upload-mark{background:#e1c793;color:#293548;border:1px solid #eddbb8;border-radius:12px;width:46px;height:46px}
.quote-shell #commission-form .upload-copy{color:#f4e5c6;font-size:24px;font-weight:600}
.quote-shell #commission-form .upload-hint{font-size:17px;color:#d2d8e1}
.quote-shell #commission-form .upload-help{color:#b9c4d2;font-size:14px}
.quote-shell #commission-form .commission-continue{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#dfc08b,#ece0be);border-color:#eedbb5;color:#293346;box-shadow:none}
.quote-shell #commission-form .commission-continue:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,#ffffff40 50%,transparent 65%);transform:translateX(-120%);animation:commission-gold-sheen 9s ease-in-out infinite;pointer-events:none}
.realm-commissions .quote-shell .quote-instagram{text-align:center;max-width:none;width:100%;margin:0;font-size:16px;color:#c2cbd7}
.quote-instagram-link{color:#e5cf9f;margin-left:8px;text-underline-offset:4px}
@media(max-width:720px){.quote-shell #commission-form .image-drop{min-height:210px}.quote-shell #commission-form .upload-copy{font-size:22px}}
@media(prefers-reduced-motion:reduce){.quote-shell #commission-form .commission-continue:before{animation:none;display:none}}

.journey-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 30px;margin:22px auto 0;color:#e5cf9f;font-size:17px;font-weight:500;line-height:1.4}
.journey-benefits>span{display:flex;align-items:center;gap:10px}
.journey-benefits svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:720px){.journey-benefits{font-size:15px;gap:12px;margin-top:18px}.journey-benefits>span{justify-content:center}.journey-benefits svg{width:20px;height:20px}}

#shop #shop-title{white-space:normal;font-size:clamp(32px,3.2vw,48px);max-width:1100px}
#shop .tutorials-heading{text-align:center;margin:75px auto 30px;max-width:850px}#shop .tutorials-heading h3{font-size:clamp(32px,3.2vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.16;margin:14px 0 18px}#shop .tutorials-heading h3 span{color:#e5cf9f}#shop .tutorials-heading>p{color:#bdc9d7;font-size:17px;line-height:1.6;margin:0}
#shop .product-grid .product-card{border-radius:18px;background:#2b3748ed;border:1px solid #bfcbda36;box-shadow:none;overflow:hidden;transition:border-color .25s}#shop .product-grid .product-card:hover{border-color:#d7c29899;transform:none;box-shadow:none}#shop .product-grid .product-body{background:none;display:flex;flex-direction:column;padding:24px;flex:1}#shop .product-grid .product-title-row{gap:12px;align-items:baseline}#shop .product-grid .product-title-row h3{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.25}#shop .product-grid .price{font-size:20px;color:#e6d1a7;white-space:nowrap}#shop .product-grid .tutorial-description{font-size:16px;color:#bdc8d7;line-height:1.55;margin:14px 0 24px;min-height:50px}#shop .product-grid .card-actions{margin-top:auto}#shop .product-grid .card-actions .button{font-size:17px;min-height:50px;border-radius:10px;background:linear-gradient(110deg,#dfc08b,#ece0be);border-color:#ead7b1;color:#293346;font-weight:600}#shop .product-grid .preview-label{background:#263445dc;border:1px solid #dfcba799;color:#f5e5c5;width:44px;height:44px;font-size:17px}#shop .product-grid .coming-soon-art{background:radial-gradient(ellipse,#d5ba7f12,transparent 70%),#293747}#shop .coming-spark{color:#e2c995}#shop .coming-orbit{border-color:#dac59945}#shop .coming-soon-status{color:#d8c7a8;font-size:16px;margin-top:auto}
@media(max-width:720px){#shop .tutorials-heading{margin-top:48px}#shop .tutorials-heading h3{font-size:34px}#shop .product-grid .product-body{padding:22px}#shop .product-grid .tutorial-description{min-height:0}}
.reference-hero .scene-layer{transform:none!important;will-change:auto}

/* Explicit gallery playback affordance, September 2026. */
.artstation-card{position:relative;cursor:pointer}
.artstation-card .gallery-play{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 14px;border:1px solid rgba(235,220,176,.6);border-radius:30px;background:rgba(24,32,48,.88);color:#f5efdf;font-size:14px;font-weight:600;pointer-events:none}
.gallery-play svg{width:19px;height:19px}
.artstation-card[aria-pressed="true"]{outline:2px solid #dccb94;outline-offset:3px}
.artstation-card:hover .gallery-play,.artstation-card:focus-visible .gallery-play{background:#e5d4a8;color:#263145}
@media(max-width:600px){.artstation-card .gallery-play{font-size:12px;padding:8px 10px;bottom:10px}}

.quote-back-icon{display:grid;place-items:center;width:44px;height:44px;margin:24px 0;border:1px solid #788292;border-radius:50%;background:transparent;color:#e9ddb7;cursor:pointer}.quote-back-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}.quote-back-icon:hover{background:#435064}.quote-short-help{margin:0 0 28px;color:#c8cfd9}.quote-layer-switch{display:flex!important;align-items:center;justify-content:space-between;padding:24px 0;margin:12px 0!important}.quote-switch-control{display:flex;align-items:center;gap:12px;position:relative}.quote-switch-control input{position:absolute;left:0;width:48px!important;height:28px;opacity:0;cursor:pointer}.quote-switch-track{width:48px;height:28px;background:#566173;border-radius:20px;pointer-events:none}.quote-switch-track:before{content:'';display:block;width:20px;height:20px;margin:4px;border-radius:50%;background:#f2f0e8;transition:transform .2s}.quote-switch-control input:checked+.quote-switch-track{background:#ccb77d}.quote-switch-control input:checked+.quote-switch-track:before{transform:translateX(20px)}.quote-switch-control input:focus-visible+.quote-switch-track{outline:2px solid #ead7a2;outline-offset:4px}.quote-switch-value{min-width:30px}.commission-step[hidden]{display:none!important}

#shop .product-grid .product-image{aspect-ratio:1 / 1;height:auto;min-height:0}#shop .product-grid .product-body{gap:22px}#shop .product-grid .product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#shop .product-grid .fire-image img{object-fit:contain}

.quote-shell #commission-form .commission-form-title.quote-upload-heading{text-align:center;font-size:clamp(24px,2.4vw,36px);font-weight:500;line-height:1.25;margin:0 0 clamp(28px,3vw,44px);letter-spacing:-.025em}.quote-upload-heading span{color:#e5cf9f}

#shop .product-grid .product-card{grid-template-rows:minmax(0,1fr) auto}#shop .product-grid .product-image{aspect-ratio:auto;height:100%;min-height:0}#shop .product-grid .product-title-row{display:block}#shop .product-grid .product-title-row h3{display:block;margin:0;font-size:clamp(18px,1.6vw,24px);line-height:1.25;color:#f1f1f5}#shop .product-grid .product-title-row .price{display:none}#shop .product-grid .product-body{gap:14px;padding:18px 22px;background:#2b3748}#shop .product-grid .card-actions{margin-top:0}