/* storefront.css */
:root{--ink:#162439;--muted:#576475;--line:#dce1e8;--paper:#fff;--soft:#f3f5f8;--blue:#243e69;--focus:#527eaa;--font:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font:17px/1.55 var(--font);color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}img{display:block;width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}::selection{background:#c0d7ed;color:#172b49}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-70px;left:20px;z-index:50;background:#fff;padding:12px 18px}.skip-link:focus{top:10px}
.header{position:absolute;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:30px 5%;gap:30px;color:white}.brand{display:block;width:116px;flex-shrink:0}.brand svg{width:100%;display:block}.brand svg g{stroke-width:4}.header nav{display:flex;align-items:center;gap:36px;font-size:16px;font-weight:500}.header nav a{min-height:48px;display:flex;align-items:center;gap:12px;text-shadow:0 1px 7px #102135}.header nav a:hover{text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none}.hero{height:min(820px,88svh);min-height:640px;position:relative;overflow:hidden;isolation:isolate;color:#fff;background:#193357}.landscape{position:absolute;inset:0;z-index:-3;overflow:hidden}.scene-layer{position:absolute;max-width:none;width:calc(100% + 72px);height:calc(100% + 60px);left:-36px;bottom:-28px;object-fit:cover;object-position:center center;pointer-events:none;will-change:transform}.foreground{z-index:1}.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#08182c30,transparent 28%,#0b1c3438 50%,transparent 82%,#08162540)}.hero-copy{position:absolute;top:34%;left:50%;transform:translateX(-50%);width:90%;max-width:800px;text-align:center}.hero h1{margin:0 auto;width:clamp(280px,35vw,500px);max-width:95%;filter:drop-shadow(0 2px 10px #13274055)}.hero h1 svg{width:100%;display:block}.hero-copy>p{font-size:23px;font-weight:400;letter-spacing:.055em;margin:27px 0 30px;text-shadow:0 2px 9px #08162599}.hero-actions{display:flex;justify-content:center;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:55px;padding:14px 23px;font-size:16px;font-weight:600;border:1px solid transparent;border-radius:4px;line-height:1.4;transition:background .18s,transform .18s;white-space:normal;text-align:center}.button:hover{transform:translateY(-2px)}.hero-actions .button{min-width:220px;font-size:17px;letter-spacing:.02em;font-weight:500;color:white;border-color:#ffffffb0;background:#10243d36;backdrop-filter:blur(5px)}.hero-actions .hero-primary{background:#ffffff18;border-color:#fff;border-width:2px}.hero-actions .button:hover{background:#ffffff30}.dark{background:var(--ink);color:#fff}.dark:hover{background:#2c4467}.outline{border-color:#bec8d4;background:transparent;color:var(--ink)}.outline:hover{background:#eaf0f6}.full{width:100%;justify-content:space-between}.motion-toggle{position:absolute;bottom:24px;right:5%;border:1px solid #ffffff75;background:#10223955;backdrop-filter:blur(4px);border-radius:50%;width:45px;height:45px;color:white;font-size:19px}.motion-toggle:disabled{opacity:.6;cursor:default}
.section{padding:84px max(5%,calc((100vw - 1320px)/2))}h2{font-size:clamp(35px,4vw,50px);font-weight:600;letter-spacing:-.045em;line-height:1.12;margin:0}h3{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0}p{margin:16px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:34px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{font-size:16px;padding:11px 21px;min-height:48px;border:1px solid var(--line);border-radius:40px}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.filters button:hover:not([aria-pressed=true]){background:var(--soft)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.product-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.product-image{width:100%;aspect-ratio:1.65;display:block;padding:0;position:relative;overflow:hidden;background:#10151c}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.fire-image img{object-fit:contain;background:#151515}.product-image:hover img{transform:scale(1.03)}.badge{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;font-size:11px;line-height:1.25;font-weight:650;letter-spacing:.07em;border-radius:3px;background:#fff;color:var(--ink)}.product-image .badge{position:absolute;top:19px;left:19px}.free-badge{background:#e5efdb;color:#304c24}.preview-label{position:absolute;bottom:19px;left:19px;background:#142030dc;color:white;font-size:14px;min-height:40px;display:flex;gap:12px;align-items:center;padding:8px 13px;border:1px solid #ffffff45;border-radius:4px}.preview-label span{font-size:11px}.product-body{padding:25px}.product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.product-title-row h3{font-size:clamp(22px,2.1vw,29px);max-width:75%}.price{font-size:30px;line-height:1.12;font-weight:600;letter-spacing:-.045em;white-space:nowrap}.price>span{font-size:20px;margin-left:1px}.product-body>p{color:var(--muted);font-size:16px;margin:13px 0 19px}.product-specs{list-style:none;display:flex;gap:8px 16px;flex-wrap:wrap;padding:0;margin:0 0 24px}.product-specs li{font-size:13px;color:#4e5e70}.product-specs li:not(:last-child):after{content:'·';margin-left:16px;color:#a0a9b6}.card-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.card-actions .button{padding:14px 12px;font-size:15px;gap:10px}.plugin-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:6px;background:var(--soft)}.plugin-art{min-height:330px;background:#1a2638;display:flex;align-items:center;justify-content:center;gap:35px;color:#fff;overflow:hidden;position:relative}.plugin-art:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,#86a6e11a 35%,#86a6e11a 35.3%,transparent 35.3%,transparent 65%,#86a6e117 65%,#86a6e117 65.3%,transparent 65.3%)}.plugin-emblem{position:relative;width:106px;height:116px;background:#b6c8ea;border-radius:16px;display:grid;place-items:center;color:#1a2e4d;transform:rotate(-7deg);box-shadow:10px 13px 0 #0f1d32}.plugin-emblem>span{font:200 68px/1 var(--font)}.plugin-emblem i{position:absolute;width:19px;height:19px;border-radius:5px;background:#91b98d;right:-12px;bottom:22px;border:3px solid #1a2638}.plugin-emblem i:last-child{bottom:46px;background:#edc67d}.plugin-art-label{font-weight:300;font-size:30px;letter-spacing:.18em;position:relative}.plugin-art-label span{display:block;font-size:11px;letter-spacing:.1em;margin-top:12px;color:#a9b9d1}.plugin-body{padding:40px 45px}.development{background:#e5eaf4;color:#465876}.plugin-body h3{font-size:36px;margin-top:18px}.plugin-body p{font-size:16px;max-width:450px;color:var(--muted);margin:17px 0 22px}.shop-note{font-size:14px;color:var(--muted);text-align:center;margin:26px 0 0}.text-link{display:inline-flex;align-items:center;min-height:46px;font-size:16px;text-decoration:underline;text-underline-offset:6px;background:none}.text-link:hover{color:#5377a1}.work{background:#f3f5f8}.work-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center}.work-visual{position:relative;aspect-ratio:1.7;display:block;padding:0;border-radius:7px;overflow:hidden;background:#172030}.work-visual img{height:100%;width:100%;object-fit:cover}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;display:grid;place-items:center;border:1px solid #ffffffa0;border-radius:50%;background:#1d2f4988;color:white;padding-left:4px;font-size:20px}.work-video-label{position:absolute;bottom:15px;left:18px;color:white;font-size:14px;background:#102033c9;padding:7px 12px;border-radius:3px}.work-copy h3{font-size:32px;line-height:1.25}.work-copy p{color:var(--muted);font-size:17px;margin:19px 0 25px}.work-copy .credit{font-size:12px;margin:21px 0 0;line-height:1.6}.commissions{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;border-bottom:1px solid var(--line)}.product-kind{font-size:12px;letter-spacing:.12em;font-weight:650;color:var(--muted);display:block;margin:0 0 18px}.commissions>div>p{color:var(--muted);max-width:480px}.commission-offer{padding:30px 36px;border:1px solid var(--line);border-radius:7px}.commission-offer .commission-price{font-size:53px;line-height:1.2;color:var(--ink);letter-spacing:-.05em;font-weight:550;margin:0}.commission-price span{font-size:18px;letter-spacing:0;font-weight:400}.commission-offer>p{font-size:16px;margin:13px 0 24px}.commission-offer .fine-print{font-size:13px;margin:15px 0 0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq h2{font-size:36px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;font-size:18px;font-weight:500;min-height:64px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:25px;font-weight:300}details[open] summary:after{content:'−'}details p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 25px 22px 0}.footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#122338;color:#fff}.footer>.brand{width:100px}.footer>span{font-size:13px;color:#c5cede}.footer>div{display:flex;gap:25px;align-items:center}.footer a:not(.brand),.footer button{font-size:14px;min-height:44px;display:flex;align-items:center;color:#e1e8f4;padding:0}.footer a:hover,.footer button:hover{text-decoration:underline;text-underline-offset:5px}
dialog{background:#fff;color:var(--ink);padding:0;border:1px solid #d9e0e9;border-radius:8px;width:1100px;max-width:94vw;max-height:92svh;overscroll-behavior:contain;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#0c192ce0;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close-dialog{position:absolute;right:14px;top:14px;width:44px;height:44px;display:grid;place-items:center;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:50%;font-size:29px;line-height:1;z-index:2}.close-dialog:hover{background:#eaf0f6}.modal-inner{padding:46px}.modal-inner h2{font-size:38px;line-height:1.15;margin-bottom:22px}.modal-inner h3{font-size:20px;margin-top:25px}.modal-inner p{font-size:16px}.modal-inner .product-kind{margin-top:15px;font-size:12px}.product-dialog-grid{display:grid;grid-template-columns:1fr 1fr}.product-preview{display:flex;align-items:center;background:#111b2a;padding:20px}.product-dialog-grid .modal-inner{padding:45px 35px 32px}.product-dialog-grid h2{font-size:37px}.detail-price{font-size:34px!important;font-weight:600;letter-spacing:-.04em;margin:18px 0 10px}.software-label{font-size:14px!important;color:var(--muted);margin:0}.included{list-style:none;padding:0;margin:18px 0 28px;border-top:1px solid var(--line)}.included li{font-size:15px;line-height:1.5;padding:11px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.included li:before{content:'✓';color:#4a687e}.fine-print{font-size:13px!important;line-height:1.65!important;color:var(--muted);margin:17px 0 0}.availability-note{padding:17px;background:#eef2f7;color:#42546c;border-radius:4px}video{display:block;width:100%;max-height:62svh;background:#131e2d;border-radius:4px}#brief-dialog,#credits-dialog,#atelier-dialog{width:610px;max-width:94vw}form label,#brief-result label{display:block;font-size:15px;font-weight:600;margin:19px 0 7px}label>span{font-weight:400;color:var(--muted)}input,textarea,select{display:block;width:100%;font-size:16px;color:var(--ink);background:#fbfcfd;border:1px solid #b9c5d3;border-radius:4px;padding:12px;min-height:50px}textarea{resize:vertical;min-height:105px;max-height:340px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400;margin:22px 0!important}form .checkbox-label{display:flex;font-size:14px;font-weight:400}input[type=checkbox]{width:19px;height:19px;min-height:19px;flex:none;margin:3px 0 0;accent-color:var(--ink)}.brief-estimate{border-top:1px solid var(--line);padding:17px 0}.brief-estimate strong{font-size:25px}.brief-estimate span{display:block;color:var(--muted);font-size:13px;margin-top:4px}#copy-brief{margin-top:16px}#copy-status{min-height:20px;margin:10px 0 15px}#edit-brief{margin-top:15px}.noscript{background:#eff3f8;padding:15px;font-size:14px;margin:0}
@media(min-width:1600px){.hero-copy{top:36%}.hero-copy>p{margin-top:28px}}
@media(max-width:1100px){.section{padding:65px 5%}.header nav{gap:25px}.hero{min-height:620px;height:82svh}.hero-copy{top:35%}.hero-copy>p{font-size:22px}.product-title-row{display:block}.product-title-row h3{max-width:100%;font-size:26px}.price{display:block;margin-top:12px;font-size:29px}.product-body{padding:23px}.product-specs{display:block}.product-specs li{font-size:14px;margin:4px 0}.product-specs li:after{display:none}.card-actions{grid-template-columns:1fr}.plugin-body{padding:30px}.plugin-art{gap:25px}.plugin-art-label{font-size:23px}.plugin-emblem{width:88px;height:100px}.work-grid{gap:35px}.work-copy h3{font-size:28px}.commissions{gap:50px}.faq{gap:45px}.product-dialog-grid{grid-template-columns:1fr}.product-preview{max-height:38svh;padding:0}.product-preview video{max-height:38svh}.product-dialog-grid .modal-inner{padding:30px}}
@media(max-width:720px){html{scroll-padding-top:20px}.header{padding:22px 6%}.brand{width:96px}.menu-toggle{display:flex;align-items:center;gap:15px;min-height:46px;padding:8px 13px;color:white;border:1px solid #ffffffa0;background:#162a4280;border-radius:4px;font-size:16px}.header nav{display:none;position:absolute;top:83px;left:6%;right:6%;padding:14px 20px;border:1px solid #ffffff50;background:#13283bf5;backdrop-filter:blur(12px);border-radius:6px;flex-direction:column;align-items:stretch;gap:3px}.header nav.open{display:flex}.header nav a{font-size:17px;min-height:48px;padding:6px 0}.hero{min-height:600px;height:84svh;max-height:780px}.hero-copy{top:34%;width:88%}.hero h1{width:270px;max-width:96%}.hero-copy>p{font-size:18px;letter-spacing:.01em;max-width:280px;margin:23px auto 24px}.hero-actions{gap:12px;flex-direction:column;align-items:center}.hero-actions .button{min-height:54px;width:250px;max-width:100%;min-width:0;font-size:16px}.scene-layer{width:calc(100% + 80px);height:calc(100% + 60px);left:-40px;object-position:54% center}.foreground{object-fit:fill;width:calc(100% + 150px);left:-75px;opacity:.98}.hero:after{background:linear-gradient(180deg,#0a1f3230,transparent 20%,#11213d60 48%,transparent 85%)}.motion-toggle{bottom:18px;right:6%}.section{padding:52px 6%}.section-heading{display:block;margin-bottom:26px}h2{font-size:36px}.filters{margin-top:24px;gap:7px}.filters button{font-size:15px;min-height:46px;padding:10px 21px}.product-grid{grid-template-columns:1fr;gap:24px}.product-image{aspect-ratio:1.45}.product-body{padding:22px 20px}.product-title-row{display:flex;align-items:flex-start;gap:12px}.product-title-row h3{font-size:25px;max-width:71%}.price{margin:0;font-size:27px}.product-body>p{font-size:16px;margin:14px 0 18px}.product-specs{display:block;margin-bottom:21px}.product-specs li{font-size:14px}.card-actions{grid-template-columns:1fr}.card-actions .button{font-size:16px;min-height:54px}.badge{font-size:10px}.product-image .badge{top:14px;left:14px}.preview-label{left:14px;bottom:14px;font-size:13px}.plugin-card{grid-column:auto;grid-template-columns:1fr}.plugin-art{min-height:220px}.plugin-body{padding:27px 23px}.plugin-body h3{font-size:31px}.plugin-body p{font-size:16px}.plugin-body .button{width:100%}.shop-note{font-size:13px;margin-top:23px}.work .section-heading{display:flex;align-items:flex-start;gap:15px}.work h2{font-size:31px;max-width:60%}.text-link{font-size:15px;line-height:1.4}.work-grid{grid-template-columns:1fr;gap:26px}.work-visual{aspect-ratio:1.4}.work-copy h3{font-size:28px}.work-copy p{font-size:16px;margin:17px 0 21px}.work-copy .credit{font-size:12px}.commissions{grid-template-columns:1fr;gap:25px}.commissions h2{font-size:36px}.commissions>div>p{font-size:16px}.commission-offer{padding:25px}.commission-offer .commission-price{font-size:49px}.commission-offer .fine-print{font-size:13px}.faq{grid-template-columns:1fr;gap:23px}.faq h2{font-size:32px}summary{font-size:17px;padding:18px 0;min-height:62px}details p{font-size:15px}.footer{padding:30px 6%;display:grid;grid-template-columns:1fr 1fr;gap:28px 15px}.footer>.brand{width:92px}.footer>span{text-align:right;font-size:12px}.footer>div{grid-column:1/-1;justify-content:space-between;gap:15px}.footer a:not(.brand),.footer button{font-size:13px}.modal-inner,.product-dialog-grid .modal-inner{padding:54px 23px 25px}.modal-inner h2,.product-dialog-grid h2{font-size:32px}.modal-inner p{font-size:16px}.close-dialog{width:43px;height:43px;top:10px;right:10px}.product-preview{padding-top:52px;max-height:40svh}.product-preview video{max-height:32svh}.included li{font-size:14px}.fine-print{font-size:13px!important}.modal-inner .button{min-height:54px;font-size:16px}.detail-price{font-size:33px!important}.checkbox-label{font-size:14px}}
.header{position:fixed;background:linear-gradient(180deg,#08172c70,transparent);transition:background .2s,color .2s,padding .2s}.header nav{font-size:18px}.header.scrolled{background:#fffffffa;color:var(--ink);padding-top:17px;padding-bottom:17px;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header.scrolled nav a{color:var(--ink);text-shadow:none}.header.scrolled .menu-toggle{color:var(--ink);background:var(--soft);border-color:#c4cfdb}@media(max-width:720px){html{scroll-padding-top:96px}.header.scrolled{padding-top:15px;padding-bottom:15px}.header.scrolled nav{background:#fff;border-color:var(--line)}.header nav{font-size:17px}}
/* The user's final reference takes precedence over the earlier geometric hero. */
.reference-hero{height:auto;min-height:0;max-height:none;aspect-ratio:1672/941;background:#263d59}
.reference-hero:after{background:none}
.reference-hero .scene-layer{width:100.8%;height:100.8%;left:-.4%;bottom:-.4%;object-fit:cover;object-position:center}
.reference-hero .hero-copy{top:33%;width:90%;max-width:1000px}
.reference-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(68px,6.1vw,130px);font-weight:400;letter-spacing:.31em;line-height:1.1;padding-left:.31em;width:auto;max-width:none;margin:0;filter:none}
.reference-hero .hero-copy>p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.3vw,29px);font-weight:400;letter-spacing:.28em;margin:13px 0 25px;max-width:none;line-height:1.5;text-shadow:0 1px 4px #26374a30}
.reference-hero .hero-actions{gap:28px}
.reference-hero .hero-actions .button{font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,1vw,22px);font-weight:400;letter-spacing:.13em;padding:12px 25px;min-height:48px;min-width:210px;background:transparent;border:1px solid #ffffffb0;border-radius:3px;backdrop-filter:none;color:white}
.reference-hero .hero-actions .button:hover{background:#ffffff18}
.reference-header{background:transparent;padding:36px 4.6%;color:white}
.reference-header .reference-brand{font-family:Georgia,'Times New Roman',serif;font-size:25px;letter-spacing:.3em;font-weight:400;width:auto;line-height:1.3}
.reference-header nav{font-family:Georgia,'Times New Roman',serif;gap:39px;font-size:19px;letter-spacing:.15em;font-weight:400}
.reference-header nav a{font-weight:400;text-shadow:0 1px 5px #16304860}
.reference-header.scrolled{background:#fffffffa;color:var(--ink)}
@media(min-width:1700px){.reference-hero .hero-copy>p{margin-top:17px;margin-bottom:30px}.reference-hero .hero-actions .button{min-height:56px;min-width:235px}.reference-header nav{font-size:22px}}
@media(max-width:1000px) and (min-width:721px){.reference-hero h1{font-size:70px}.reference-hero .hero-copy>p{font-size:17px;letter-spacing:.15em;margin:10px 0 18px}.reference-hero .hero-actions{gap:20px}.reference-hero .hero-actions .button{min-width:170px;min-height:43px;padding:9px 17px;font-size:14px}.reference-header{padding-top:24px}.reference-header nav{font-size:16px;gap:26px}}
@media(max-width:720px){.reference-hero{height:100svh;min-height:620px;max-height:940px;aspect-ratio:auto}.reference-hero .hero-copy{top:33%;width:90%}.reference-hero h1{font-size:65px;letter-spacing:.23em;padding-left:.23em}.reference-hero .hero-copy>p{font-size:16px;letter-spacing:.12em;max-width:310px;line-height:1.7;margin:19px auto 23px}.reference-hero .hero-actions{gap:12px}.reference-hero .hero-actions .button{width:250px;min-height:52px;font-size:16px;min-width:0;padding:12px 18px}.reference-header{padding:23px 6%}.reference-header .reference-brand{font-size:22px}.reference-header nav{font-size:17px;gap:6px;letter-spacing:.1em}.reference-hero .scene-layer{object-position:48% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.scene-layer{transform:none!important;will-change:auto}}body.motion-paused .scene-layer{transform:none!important;will-change:auto}

/* atmosphere.css */
/* Lettering redrawn from the supplied BAPT reference, not a third-party font. */
.reference-brand{width:116px!important;line-height:1;letter-spacing:0!important}
.reference-brand svg{display:block;width:100%;height:auto}
.reference-brand svg g{stroke-width:5.5}
.reference-hero h1{width:clamp(280px,25vw,500px);max-width:96%;padding:0;margin:0 auto;line-height:1}
.reference-hero h1 svg{display:block;width:100%;height:auto}
.reference-hero .hero-copy>p{margin-top:23px}
.atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;contain:paint}
.mist{position:absolute;background-repeat:no-repeat;will-change:transform;animation:mist-drift 38s ease-in-out infinite alternate;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 35%,transparent 100%)}
.mist-far{left:10%;top:62%;width:84%;height:25%;opacity:.55;background-image:radial-gradient(ellipse at 32% 55%,#d9e8f48a,transparent 60%),radial-gradient(ellipse at 71% 48%,#e4eff575,transparent 58%);animation-duration:46s;animation-delay:-18s}
.mist-near{left:-12%;bottom:-7%;width:118%;height:39%;opacity:.6;background-image:radial-gradient(ellipse at 42% 65%,#e7f3fc8c,transparent 55%),radial-gradient(ellipse at 68% 54%,#e1eff77d,transparent 49%),radial-gradient(ellipse at 21% 48%,#eef5ff66,transparent 45%);animation-duration:33s;animation-delay:-11s}
.mist-near:after{content:'';position:absolute;inset:10% -8% 15%;background:radial-gradient(ellipse at 24% 60%,#eaf4ff66,transparent 48%),radial-gradient(ellipse at 77% 40%,#eaf4ff55,transparent 43%);animation:mist-wisp 27s ease-in-out -9s infinite alternate}
.mist-waterfall{right:9%;bottom:1%;width:30%;height:43%;opacity:.5;background-image:radial-gradient(ellipse at 50% 62%,#edf6ff9c,transparent 64%);animation:waterfall-haze 19s ease-in-out infinite alternate;animation-delay:-8s}
.sun-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 0%,#ffefba26,transparent 42%);opacity:.5;animation:sun-breathe 17s ease-in-out infinite alternate}
.motes{position:absolute;inset:0}
.mote{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#fff9de;box-shadow:0 0 6px 1px #fff1b4a0;opacity:0;animation:mote-drift var(--duration) linear var(--delay) infinite}
.mote-near{background:#fff2ca;box-shadow:0 0 11px 2px #ffe6a580}
@keyframes mote-drift{0%{transform:translate3d(0,0,0);opacity:0}18%,72%{opacity:var(--alpha)}100%{transform:translate3d(var(--drift),var(--rise),0);opacity:0}}
@keyframes mist-drift{from{transform:translate3d(-3%,0,0) scale(1);opacity:.4}to{transform:translate3d(5%,-2%,0) scale(1.045);opacity:.68}}
@keyframes mist-wisp{from{transform:translate3d(4%,2%,0) scaleY(.85)}to{transform:translate3d(-5%,-3%,0) scaleY(1.12)}}
@keyframes waterfall-haze{from{transform:translate3d(0,3%,0) scale(.97);opacity:.38}to{transform:translate3d(-3%,-3%,0) scale(1.04);opacity:.6}}
@keyframes sun-breathe{from{opacity:.35}to{opacity:.65}}
.motion-paused .atmosphere *,.atmosphere-paused .atmosphere *,.motion-paused .mist-near:after,.atmosphere-paused .mist-near:after{animation-play-state:paused!important}
@media(max-width:720px){.reference-brand{width:100px!important}.reference-hero h1{width:280px}.reference-hero .hero-copy>p{margin-top:22px}.mote:nth-child(n+41){display:none}.mist-far{left:-15%;width:130%;top:64%}.mist-near{left:-30%;width:155%}.mist-waterfall{right:0;width:50%}}
@media(prefers-reduced-motion:reduce){.atmosphere *,.mist-near:after{animation:none!important;will-change:auto}.motes{display:none}.mist{opacity:.25}.sun-haze{opacity:.35}}

/* More depth in the valley, with warm sunlight from the painted sky. */
.reference-hero .mist-far{top:63%;height:29%;background-image:radial-gradient(ellipse at 32% 55%,#e5f0fac2,transparent 63%),radial-gradient(ellipse at 71% 48%,#edf5faa3,transparent 61%)}
.reference-hero .mist-near{height:42%;background-image:radial-gradient(ellipse at 42% 65%,#edf7ffd1,transparent 58%),radial-gradient(ellipse at 68% 54%,#e7f3fbb8,transparent 53%),radial-gradient(ellipse at 21% 48%,#f1f7ff91,transparent 48%)}
.reference-hero .mist-waterfall{background-image:radial-gradient(ellipse at 50% 62%,#f1f8ffd6,transparent 67%)}
.reference-hero .sun-haze{background:radial-gradient(ellipse 31% 39% at 24% 0%,#fff4cd99 0%,#fbd68b38 46%,transparent 100%);animation-name:hero-sun-warmth}
.reference-hero .sun-haze:after{content:"";position:absolute;inset:-8% -5% 0;background:conic-gradient(from 134deg at 26% 0%,transparent 0deg,#fff1bf24 5deg,transparent 11deg,transparent 18deg,#fff3ce30 22deg,transparent 29deg,transparent 36deg,#ffe9a720 40deg,transparent 47deg);mask-image:linear-gradient(#0009,transparent 85%);pointer-events:none}
.reference-hero .mote{box-shadow:0 0 7px 2px #fff0b9b3}
.reference-hero .mote-near{box-shadow:0 0 13px 3px #ffe6a594}
@keyframes hero-sun-warmth{from{opacity:.65}to{opacity:.85}}
@media(max-width:720px){.reference-hero .mote:nth-child(n+49){display:none}.reference-hero .mote:nth-child(n+41):nth-child(-n+48){display:block}.reference-hero .sun-haze{background:radial-gradient(ellipse 65% 40% at 20% 0%,#fff0c170,#fbd68b24 48%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.reference-hero .sun-haze{animation:none;opacity:.7}.reference-hero .mist{opacity:.55}}

/* Keep the mist lower in the valley. */
.reference-hero .mist-far{top:68%}.reference-hero .mist-near{bottom:-12%}.reference-hero .mist-waterfall{bottom:-4%}

/* studio.css */
@font-face{font-family:Jost;src:url('/fonts/jost-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url('/fonts/jost-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Jost;src:url('/fonts/jost-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--font:Jost,'Segoe UI',sans-serif;--ink:#202c40;--muted:#647084;--line:#e0e5ed;--soft:#f5f7fb;--focus:#8daef4;--blue:#304b78}
body{font-size:16px;line-height:1.6;background:#fff}
button,input,select,textarea{font-family:var(--font)}
h2,h3{font-family:var(--font);font-weight:500;letter-spacing:-.025em}
.reference-header nav,.reference-hero .hero-copy>p,.reference-hero .hero-actions .button{font-family:var(--font)}
.reference-header nav{font-size:16px;letter-spacing:.015em;gap:30px}
.reference-hero .hero-copy>p{font-size:clamp(17px,1.3vw,24px);letter-spacing:.06em}
.reference-hero .hero-actions .button{font-size:16px;letter-spacing:.035em}
.header.scrolled{padding-block:12px;background:#fffffffa;box-shadow:0 1px 8px #24253804}
.header.scrolled nav a{min-height:42px}
.section{padding:48px max(6%,calc((100vw - 1120px)/2))}
.section-heading{gap:24px;margin-bottom:24px;align-items:center}
h2,.faq h2{font-size:29px;line-height:1.25}
h3{font-size:22px;line-height:1.3}
.section-subtitle{font-size:15px;color:var(--muted);margin:7px 0 0}
.eyebrow{display:block;font-size:11px;letter-spacing:.13em;font-weight:500;color:#686475;margin-bottom:10px}
.studio-intro{width:min(1120px,88%);margin:auto;padding:48px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line)}
.studio-intro h2{font-size:34px;font-weight:400;letter-spacing:-.025em;margin:0}
.studio-intro p{margin:9px 0 0;color:var(--muted);font-size:16px}
.intro-links{display:flex;flex-direction:column;gap:2px;min-width:220px}
.intro-links a{min-height:40px;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.intro-links a:hover{color:var(--blue)}
.button{min-height:44px;padding:10px 17px;font-size:15px;font-weight:500;gap:12px;border-radius:9px}
.button:hover{transform:none}
.dark{background:var(--blue)}.dark:hover{background:#243c64}
.outline{border-color:var(--line);background:white}.outline:hover{background:var(--soft)}
.text-link{min-height:40px;font-size:15px;text-underline-offset:4px}
.work{background:#fff;padding-top:32px}
.work-grid{grid-template-columns:1.15fr 1fr;gap:40px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--soft)}
.work-visual{aspect-ratio:16/9;border-radius:0;width:100%}
.work-copy{padding:24px 28px 24px 0}
.work-copy h3{font-size:26px;font-weight:400}
.work-copy p{font-size:15px;line-height:1.65;margin:12px 0 20px;max-width:360px}
.work-copy .credit{font-size:11px;line-height:1.5;margin:18px 0 0}
.play-button{width:52px;height:52px;font-size:16px}
.work-video-label{font-size:12px;bottom:12px;left:12px}
.shop{padding-top:24px}
.filters{gap:3px;padding:4px;background:#f1f1f5;border-radius:10px;flex-wrap:nowrap}
.filters button{font-size:14px;padding:7px 15px;min-height:36px;border:0;border-radius:7px;color:#62626c}
.filters button[aria-pressed=true]{background:white;color:#292732;box-shadow:0 1px 4px #28223a12}
.product-grid{gap:22px}
.product-card{border-radius:13px;border-color:var(--line)}
.product-image{aspect-ratio:16/9}
.product-image img{object-fit:cover}
.fire-image img{object-fit:contain}
.product-image .badge{left:14px;top:14px;font-size:10px;letter-spacing:.05em;min-height:25px;padding:5px 8px}
.preview-label{bottom:14px;left:14px;font-size:12px;min-height:33px;padding:6px 10px;background:#20212bdd}
.product-body{padding:20px 22px}
.product-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:15px}
.product-title-row h3{font-size:22px;max-width:78%;font-weight:500;letter-spacing:-.02em}
.price{font-size:24px;margin:0;letter-spacing:-.025em;display:block;white-space:nowrap}
.price>span{font-size:16px}
.product-body>p{font-size:15px;line-height:1.5;margin:9px 0 14px;color:var(--muted)}
.product-specs{display:flex;gap:5px 12px;margin:0 0 19px;flex-wrap:wrap}
.product-specs li{font-size:12px;margin:0;color:#656571}
.product-specs li:not(:last-child):after{display:inline;content:'·';margin-left:12px}
.card-actions{display:flex;gap:9px;flex-wrap:wrap}
.card-actions .button{min-height:42px;font-size:14px;padding:9px 15px}
.card-actions .outline{border-color:transparent;color:#61606d}
.plugin-card{display:flex;gap:22px;align-items:center;min-height:0;padding:22px 26px;background:#f8f7fb;border:1px solid #e7e4ef;border-radius:12px;margin-top:0}
.plugin-symbol{display:grid;place-items:center;width:55px;height:55px;flex:none;background:#eae6f3;color:#706088;border-radius:12px;font-size:35px;font-weight:400}
.plugin-body{padding:0;display:grid;grid-template-columns:1fr auto;column-gap:25px;align-items:center;width:100%}
.plugin-body .development{grid-column:1;font-size:9px;letter-spacing:.065em;padding:0;background:none;color:#787087;min-height:0;justify-self:start}
.plugin-body h3{font-size:20px;margin:3px 0 0;grid-column:1}
.plugin-body p{font-size:14px;margin:5px 0 0;max-width:none;grid-column:1}
.plugin-body .button{grid-column:2;grid-row:1/4;font-size:14px;min-height:42px}
.shop-note{font-size:12px;margin-top:18px}
.commissions{gap:50px;grid-template-columns:1.2fr 1fr;align-items:center;background:#f8f8fa;border-block:1px solid var(--line);margin-top:10px;padding-block:38px}
.commissions h2{font-size:30px;font-weight:400;line-height:1.25}
.commissions .product-kind{font-size:10px;margin-bottom:10px}
.commissions>div>p{font-size:15px;max-width:none;margin:10px 0 0}
.commission-offer{padding:0 0 0 30px;border:0;border-left:1px solid #dedee7;border-radius:0}
.commission-offer .commission-price{font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.025em}
.commission-price span{font-size:15px}
.commission-offer>p{font-size:14px;margin:8px 0 16px}
.commission-offer .fine-print{font-size:11px;margin:10px 0 0;line-height:1.5}
.faq{padding-block:40px;gap:50px;grid-template-columns:1fr 1.5fr}
.faq h2{font-size:25px}
summary{font-size:16px;font-weight:400;min-height:52px;padding:12px 0}
details p{font-size:14px;line-height:1.65;margin-bottom:16px}
.footer{background:#fff;color:var(--ink);border-top:1px solid var(--line);padding:25px max(6%,calc((100vw - 1120px)/2));gap:20px}
.footer>span,.footer a:not(.brand),.footer button{color:#646470;font-size:12px}
.footer>div{gap:22px}.footer>.brand{width:90px}
.modal-inner h2,.product-dialog-grid h2{font-size:29px;font-weight:500}
.modal-inner h3{font-size:18px}.modal-inner p{font-size:15px}.modal-inner{padding:35px}
.detail-price{font-size:28px!important}.included li{font-size:14px}.product-dialog-grid .modal-inner{padding:35px 28px}
.portfolio-intro,.portfolio-gallery,.portfolio-contact{width:min(1120px,88%)}
.portfolio-intro{padding:120px 0 32px}
.portfolio-intro h1{font-family:var(--font);font-size:38px;font-weight:400;letter-spacing:-.025em;line-height:1.2}
.portfolio-intro p{font-family:var(--font);font-size:16px;letter-spacing:0;margin-top:10px;color:var(--muted)}
.featured-project{display:grid;grid-template-columns:1.45fr 1fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--soft)}
.featured-visual{aspect-ratio:2048/1208;border-radius:0}
.project-caption{display:block;margin:0;padding:24px 25px 24px 0}
.project-caption h2{font-size:25px;font-weight:400;letter-spacing:-.02em;line-height:1.25}
.project-caption>.text-link{font-size:14px;margin-top:14px}
.project-credit{font-size:12px;line-height:1.6}.project-type{font-size:10px}
.project-play{width:54px;height:54px;font-size:17px}
.project-watch{font-size:12px;padding:7px 11px;bottom:14px;left:14px}
.studies-heading{margin:40px 0 20px}.studies-heading h2{font-family:var(--font);font-size:25px;font-weight:400;letter-spacing:-.02em}
.studies-grid{gap:24px}.study-visual{border-radius:10px}.study-caption{padding:16px 0 0}.study-caption h3{font-size:21px;font-weight:500}.study-caption p{font-size:14px;margin:6px 0}.study-caption .text-link{font-size:14px}
.portfolio-contact{padding:28px 0;margin-block:45px 28px;gap:25px}.portfolio-contact h2{font-family:var(--font);font-size:29px;letter-spacing:-.02em;font-weight:400}.portfolio-contact .button{min-width:175px}
@media(max-width:900px){.studio-intro{gap:25px}.studio-intro h2{font-size:30px}.intro-links{min-width:205px}.work-grid{gap:24px}.work-copy{padding:18px 18px 18px 0}.work-copy h3{font-size:23px}.work-copy .credit{margin-top:12px}.featured-project{gap:22px}.project-caption h2{font-size:22px}.project-caption{padding-right:20px}.product-specs{display:block}.product-specs li{margin-top:3px}.product-specs li:after{display:none!important}}
@media(max-width:720px){.reference-header nav{font-size:16px;letter-spacing:.015em}.section{padding:32px 6%}.studio-intro{display:block;padding:32px 0 26px}.studio-intro h2{font-size:29px}.studio-intro p{font-size:15px}.intro-links{margin-top:18px;gap:0;min-width:0}.intro-links a{font-size:15px;min-height:42px;border-bottom:1px solid #eeeef3}.section-heading,.work .section-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}.section-heading h2,.work h2{font-size:25px;max-width:none}.section-subtitle{font-size:14px}.work-grid{grid-template-columns:1fr;gap:0}.work-visual{aspect-ratio:16/9}.work-copy{padding:22px}.work-copy h3{font-size:24px}.work-copy p{font-size:15px;max-width:none;margin:10px 0 16px}.work-copy .credit{font-size:11px}.shop .section-heading{display:block}.filters{margin-top:17px;width:max-content;max-width:100%}.filters button{min-height:38px;font-size:14px;padding:7px 16px}.product-grid{gap:20px}.product-image{aspect-ratio:16/9}.product-body{padding:18px}.product-title-row h3{font-size:21px;max-width:76%}.price{font-size:23px}.product-body>p{font-size:15px}.product-specs{display:flex;gap:5px 12px}.product-specs li{font-size:12px}.card-actions{display:flex}.card-actions .button{font-size:14px;min-height:44px;padding:10px 13px}.plugin-card{padding:20px;gap:14px;align-items:flex-start}.plugin-symbol{width:42px;height:42px;font-size:28px}.plugin-body{display:block}.plugin-body h3{font-size:19px}.plugin-body p{font-size:14px;margin-top:6px}.plugin-body .button{margin-top:14px;width:auto}.commissions{grid-template-columns:1fr;gap:24px}.commissions h2{font-size:28px}.commission-offer{padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.commission-offer .commission-price{font-size:32px}.commission-offer>p{font-size:14px}.faq{grid-template-columns:1fr;gap:18px}.faq h2{font-size:25px}.footer{padding:24px 6%}.footer a:not(.brand),.footer button{font-size:12px}.modal-inner,.product-dialog-grid .modal-inner{padding:55px 22px 25px}.portfolio-intro{padding:110px 0 25px}.portfolio-intro h1{font-size:32px}.portfolio-intro p{font-size:15px}.featured-project{grid-template-columns:1fr;gap:0}.project-caption{padding:20px}.project-caption h2{font-size:24px}.studies-heading{margin:32px 0 18px}.studies-grid{gap:28px;grid-template-columns:1fr}.study-caption h3{font-size:21px}.portfolio-contact{margin-block:32px 20px;gap:20px}.portfolio-contact h2{font-size:27px}.portfolio-contact .button{width:auto}}
/* Larger inline showcase and visible landscape motion, following the latest review. */
.reference-hero .scene-layer{width:110%;height:110%;left:-5%;bottom:-5%}
.section.inline-work{padding:32px max(6%,calc((100vw - 1360px)/2)) 40px}
.inline-work figure{margin:0}
.inline-work video{width:100%;height:auto;max-height:none;aspect-ratio:var(--video-ratio,2048/1208);object-fit:contain;border-radius:12px;background:#11131a}
.inline-work figcaption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-top:12px;font-size:13px;color:var(--muted)}
.inline-work figcaption a{flex-shrink:0;min-height:40px;display:inline-flex;align-items:center;color:var(--ink)}
.inline-work figcaption a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:720px){.section.inline-work{padding:22px 6% 25px}.inline-work video{border-radius:8px}.inline-work figcaption{font-size:12px;gap:14px;margin-top:9px}.artwork-credit{display:block;margin-top:3px}.mote:nth-child(n+17){display:block}.mote:nth-child(n+29){display:none}}

/* realms.css */
.reference-hero .hero-actions{flex-direction:column;align-items:stretch;gap:12px;width:min(100%,420px);margin-inline:auto}
.reference-hero .hero-actions .button{border-radius:10px;letter-spacing:.015em;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s}
.reference-hero .hero-actions .hero-primary{background:#fff;color:#1c2d49;border:1px solid #fff;min-height:60px;min-width:0;width:100%;padding:16px 24px;font-size:18px;font-weight:500;box-shadow:0 8px 30px #101d3a30}
.reference-hero .hero-actions .hero-primary:hover{background:#eaf0ff;border-color:#eaf0ff;transform:none;box-shadow:0 10px 32px #101d3a45}
.hero-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.reference-hero .hero-actions .hero-secondary{border:1px solid #ffffff70;min-width:0;width:100%;min-height:52px;padding:12px 15px;font-size:16px;font-weight:500;color:#fff;text-shadow:0 1px 5px #101c3650;background:#152c4f66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #ffffff15,0 4px 16px #08182c14}
.reference-hero .hero-actions .hero-secondary:hover{background:#24477599;border-color:#ffffffc0;text-decoration:none;transform:none}
.reference-hero .hero-actions a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:720px){.reference-hero .hero-actions{width:min(100%,350px);gap:10px}.reference-hero .hero-actions .hero-primary{min-width:0;width:100%;font-size:17px}.reference-hero .hero-actions .hero-secondary{width:100%;font-size:14px;padding:12px 8px;min-height:48px}.hero-secondary-actions{gap:10px}}
.chapter{display:block;font-size:12px;letter-spacing:.16em;font-weight:500;margin-bottom:12px;color:#aabbd5}
.realm-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.realm-heading h2,.realm-shop h2,.realm-commissions h2{font-size:clamp(29px,3vw,43px);line-height:1.18;font-weight:400}
.section.realm-work{background:#111827;color:#f1f5fb;padding:58px max(6%,calc((100vw - 1240px)/2)) 48px;border-bottom:1px solid #27364f}
.realm-work .text-link,.realm-work figcaption a{color:#d8e4f5}
.realm-work video{border:1px solid #91a8cb55;border-radius:5px;box-shadow:0 15px 50px #0005}
.realm-work figcaption{color:#b5c2d6;font-size:12px}
.realm-work figcaption button{font-size:12px;color:#dce6f5}
.artstation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0 0 24px}
.artstation-card{padding:0;display:block;text-align:left;background:#1b263a;color:#e5ebf5;border:1px solid #8aa0c04d;border-radius:5px;overflow:hidden;transition:transform .2s,border-color .2s}
.artstation-card:hover{transform:translateY(-3px);border-color:#a8bfff}
.artstation-card[aria-pressed=true]{border-color:#a8bfff;box-shadow:0 0 0 1px #a8bfff}
#playback-status:empty{display:none}
#playback-status{font-size:14px;color:#d8e4f5;margin-top:12px}
.artstation-card img{width:100%;aspect-ratio:1.4;object-fit:cover}
.artstation-card>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;font-size:14px;line-height:1.3;min-height:59px}
.artstation-card b{font-size:12px;font-weight:400}
.gallery-source{font-size:12px;color:#adbbd1;margin:20px 0 0}.gallery-source a{text-decoration:underline;text-underline-offset:4px}
.portfolio-page .realm-work{padding-top:120px}
.section.realm-shop{background:#ffffff;padding-top:60px;padding-bottom:54px}
.realm-shop .chapter{color:#586984}.realm-shop .section-subtitle{color:#647084}
.realm-shop .filters{background:#edf0f5}
.atelier-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;padding:38px 48px;margin:28px 0 40px;min-height:280px;background:linear-gradient(125deg,#253451,#151d30);color:#f4f7ff;border:1px solid #445575;border-radius:6px;overflow:hidden;position:relative}
.atelier-identity{height:225px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#c4d3ff}
.atelier-letter{font-size:116px;line-height:1;font-weight:400;z-index:1}.atelier-identity small{font-size:13px;letter-spacing:.45em;padding-left:.45em;margin-top:12px;z-index:1}
.atelier-orbit{position:absolute;width:200px;height:200px;border:1px solid #c4d3ff55;transform:rotate(25deg);border-radius:32px}
.atelier-orbit:after{content:'';position:absolute;inset:14px;border:1px solid #c4d3ff33;transform:rotate(30deg);border-radius:24px}
.atelier-feature .plugin-body{display:block;padding:0;position:relative}
.atelier-feature .development{background:#c4d3ff20;color:#d4dfff;border:1px solid #a8bfff55;border-radius:4px;padding:5px 9px;font-size:10px;display:inline-block}
.script-label{font-size:11px;letter-spacing:.12em;display:block;color:#b7c6e0;margin-top:20px}
.atelier-feature h3{font-size:45px;color:#f4f7ff;font-weight:400;margin:5px 0 12px}
.atelier-feature p{color:#c3cee1;font-size:16px;line-height:1.6;max-width:430px;margin:0 0 22px}
.atelier-feature .button{background:#dce5ff;color:#202c46;border:0;min-height:44px}
.tutorials-heading{font-size:22px;font-weight:400;margin:0 0 20px}.realm-shop .product-card{border-color:#e0e5ed;border-radius:6px}
.realm-shop .dark{background:#243651}.realm-shop .dark:hover{background:#354d70}
.shop-faq{border-top:1px solid #e0e5ed;border-bottom:1px solid #e0e5ed;margin-top:26px}.shop-faq summary{font-size:15px}.shop-faq p{font-size:14px}
.section.realm-commissions{position:relative;background:linear-gradient(115deg,#101827f5,#23334ce8),url('/assets/hero-67.webp') center/cover;color:#eff4fc;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding:64px max(6%,calc((100vw - 1240px)/2));margin:0;border:0;align-items:start}
.realm-commissions .chapter{color:#b3c4e3}.realm-commissions h2{font-size:42px}.commission-intro{padding-top:12px;position:sticky;top:110px}
.realm-commissions .commission-intro>p{font-size:17px;color:#bdcbe0;line-height:1.6;margin-top:20px;max-width:370px}
.commission-terms{margin-top:32px;padding:22px 0;border-block:1px solid #91a8cb4a;display:flex;flex-direction:column;gap:7px;font-size:14px;color:#c0cde1}
.commission-terms strong{font-size:26px;font-weight:400;color:#f1f5ff}.direct-contact{margin-top:28px}.direct-contact p{color:#cad5e6;font-size:14px}
.direct-contact .button{background:transparent;color:#e7eefb;border-color:#91a8cb6b;margin:0 8px 8px 0;font-size:14px}
.commission-form{background:#fff;color:#273247;padding:30px;border-radius:7px;box-shadow:0 20px 60px #0003;min-width:0}
.commission-form label{font-size:14px;font-weight:500;margin:17px 0 7px}.commission-form .contact-fields:first-of-type label{margin-top:0}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-fields>div{min-width:0}
.commission-form input,.commission-form textarea,.commission-form select{font-size:15px;min-height:44px;border-color:#d5dce7;background:#fbfcfe;border-radius:5px;padding:10px 12px}
.commission-form textarea{min-height:110px;resize:vertical}
.image-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;min-height:145px;border:1px dashed #9aaac3;border-radius:6px;background:#f4f6fb;padding:20px;transition:background .2s}
.image-drop.dragging,.image-drop:focus-within{background:#eaf0ff;border-color:#526fa6;outline:2px solid #526fa6;outline-offset:3px}
.image-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.upload-mark{font-size:27px;color:#5c74a0;line-height:1}.upload-copy{font-size:15px}.upload-help{font-size:12px;color:#647188}
.upload-preview{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dce3ee;border-radius:5px;margin-top:12px}.upload-preview img{width:62px;height:62px;object-fit:cover;border-radius:3px}.upload-preview span{font-size:13px;overflow-wrap:anywhere;min-width:0}.upload-preview button{font-size:13px;text-decoration:underline;margin-left:auto;min-height:40px}
.field-status{font-size:12px;margin:6px 0;color:#70533b}.field-status:empty{display:none}
.layer-options{border:0;padding:0;margin:22px 0 5px;display:flex;flex-wrap:wrap;gap:9px}.layer-options legend{font-size:14px;font-weight:500;margin-bottom:10px}
.commission-form .layer-options label{display:flex;align-items:center;gap:7px;margin:0;padding:9px 11px;border:1px solid #d5dce7;border-radius:5px;font-size:13px;cursor:pointer}
.commission-form input[type=radio]{width:16px;height:16px;min-height:16px;flex:none;padding:0;margin:0;accent-color:#526fa6}
.layer-options label:has(input:checked){background:#edf2ff;border-color:#829bc8}
.commission-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-top:22px;border-top:1px solid #e1e6ef}.commission-submit>span{font-size:22px;font-weight:500;white-space:nowrap}.commission-submit .button{background:#304b78;color:#fff;min-height:46px}
.form-privacy{font-size:11px;line-height:1.6;color:#657188;margin:14px 0 0}
.commission-form [hidden]{display:none!important}
.commission-progress{display:flex;justify-content:space-between;gap:14px;padding-bottom:18px;margin-bottom:25px;border-bottom:1px solid #e1e6ef;font-size:12px;color:#657188}
.commission-progress>span:first-child{color:#304b78;font-weight:500}
.commission-form-title{font-size:clamp(24px,2.1vw,30px);font-weight:400;line-height:1.2;margin:0 0 9px;outline:none}
.commission-form-subtitle{font-size:15px;color:#657188;margin:0 0 24px;line-height:1.5}
.commission-form .image-drop{min-height:165px}
.commission-form .commission-link-option{border:0;margin:3px 0 18px}
.commission-form .commission-link-option summary{padding:10px 0;min-height:40px;font-size:13px;justify-content:flex-start;color:#526889;text-decoration:underline;text-underline-offset:4px}
.commission-form .commission-link-option summary:after{display:none}
.commission-form .commission-continue{width:100%;margin-top:22px;min-height:52px;background:#304b78;font-size:16px}
.commission-reassurance{font-size:12px;line-height:1.6;text-align:center;color:#657188;margin:12px 0 0}
.optional-label{font-weight:400;color:#737f91}
.commission-back{font-size:13px;color:#526889;min-height:40px;margin:-12px 0 14px;padding:5px 0}
.commission-email-help{font-size:12px;color:#657188;margin:7px 0 20px;line-height:1.5}
.commission-extras{border-block:1px solid #e1e6ef;margin:22px 0 0}
.commission-extras summary{font-size:14px;padding:17px 0;min-height:50px}
.commission-extras[open]{padding-bottom:20px}
.commission-price-note{display:flex;flex-direction:column;gap:4px}.commission-price-note>span{font-size:23px;font-weight:500}.commission-price-note small{font-size:11px;color:#657188}
.commission-form .commission-submit{border:0;padding-top:0;margin-top:25px;align-items:center}
.commission-submit .button{min-height:52px;font-size:16px}
.commission-form .form-privacy{text-align:center}
@media(max-width:720px){.commission-progress{margin-bottom:22px}.commission-form .commission-submit{flex-direction:column;align-items:stretch;gap:16px}.commission-submit .button{width:100%}.commission-price-note{align-items:center}.commission-form-subtitle{font-size:14px}.commission-form .image-drop{min-height:150px}}
@media(max-width:900px){.section.realm-commissions{gap:32px;grid-template-columns:.85fr 1.15fr}.realm-commissions h2{font-size:33px}.commission-form{padding:24px}.atelier-feature{gap:24px;padding:28px}.artstation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-fields{grid-template-columns:1fr;gap:0}}
@media(max-width:720px){.section.realm-work{padding:35px 6%}.realm-heading{align-items:end;gap:14px;margin-bottom:23px}.realm-heading h2{font-size:27px}.realm-heading .text-link{font-size:13px;flex-shrink:0}.chapter{font-size:10px;margin-bottom:10px}.realm-work figcaption{font-size:11px}.artstation-grid{gap:13px;margin-top:24px}.artstation-card>span{font-size:12px;padding:10px;min-height:54px}.gallery-source{font-size:11px}.section.realm-shop{padding:36px 6%}.realm-shop h2{font-size:29px}.atelier-feature{grid-template-columns:1fr;gap:8px;padding:25px;margin:24px 0 28px}.atelier-identity{height:160px}.atelier-letter{font-size:88px}.atelier-orbit{width:140px;height:140px}.atelier-feature h3{font-size:36px}.atelier-feature p{font-size:15px}.atelier-feature .button{width:auto}.script-label{margin-top:14px}.section.realm-commissions{grid-template-columns:1fr;padding:36px 6%;gap:26px}.commission-intro{position:static;padding:0}.realm-commissions h2{font-size:33px}.realm-commissions .commission-intro>p{font-size:16px;margin-top:15px}.commission-terms{margin-top:22px;padding:16px 0}.direct-contact{margin-top:20px}.commission-form{padding:21px}.contact-fields{grid-template-columns:1fr}.commission-submit{gap:12px}.commission-submit>span{font-size:21px}.commission-submit .button{font-size:14px;padding:10px 14px}.portfolio-page .realm-work{padding-top:105px}.layer-options{gap:7px}.commission-form .layer-options label{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.artstation-card{transition:none}.artstation-card:hover{transform:none}}
@media(max-width:720px){.artstation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 20px}.artstation-card img{aspect-ratio:1.6}.artstation-card>span{font-size:11px;padding:8px;min-height:44px}}

/* Shared visual language, with Atelier as the shop's lead product. */
.section.realm-shop{padding-inline:max(6%,calc((100vw - 1240px)/2))}
.footer{padding-inline:max(6%,calc((100vw - 1240px)/2))}
.realm-work .artstation-card,.realm-work video,.realm-shop .product-card,.commission-form{border-radius:8px}
.realm-shop .button,.realm-commissions .button{border-radius:8px}
.realm-shop .dark,.realm-commissions .commission-submit .button,.commission-form .commission-continue{background:var(--blue)}
.realm-shop .dark:hover,.realm-commissions .commission-submit .button:hover,.commission-form .commission-continue:hover{background:#243c64}
.realm-shop :is(button,a):focus-visible,.realm-commissions :is(button,a):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.atelier-feature{grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:38px 44px;margin:28px 0 40px;background:radial-gradient(ellipse at 100% 0,#25477c 0,transparent 65%),#111b2f;color:#f5f8ff;border:1px solid #385584;border-radius:12px}
.atelier-feature .plugin-body{min-width:0;display:block;padding:0}
.atelier-product-label{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.atelier-feature .script-label{margin:0;color:#c3d9fb;font-size:12px;font-weight:500;letter-spacing:.11em}
.atelier-feature .development{padding:4px 7px;background:#e7edf7;color:#52627c;border:1px solid #d3ddec;font-size:9px;letter-spacing:.04em}
.atelier-feature h3{font-size:clamp(48px,4.6vw,66px);font-weight:500;letter-spacing:-.04em;margin:10px 0 16px;color:#fff;line-height:1.05}
.atelier-feature .atelier-promise{font-size:32px;font-weight:400;line-height:1.15;letter-spacing:-.025em;color:#eef4ff;margin:0 0 25px;max-width:none}
.atelier-promise>span{color:#94c5ff}
.atelier-feature .atelier-description{font-size:16px;color:var(--muted);line-height:1.6;max-width:440px;margin:0 0 23px}
.atelier-benefits{list-style:none;display:grid;gap:0;margin:0 0 28px;padding:0}
.atelier-benefits li{position:relative;display:flex;gap:16px;align-items:flex-start;padding:0 0 19px}
.atelier-benefits li:last-child{padding-bottom:0}
.atelier-benefits li:not(:last-child):after{content:'';position:absolute;left:15px;top:31px;bottom:0;width:1px;background:#5276a266}
.atelier-benefits li>span:first-child{display:grid;place-items:center;flex:none;width:32px;height:32px;background:#294363;border-radius:8px;color:#b7d8ff;font-size:22px}
.atelier-benefits strong{display:block;font-weight:500;font-size:17px;line-height:1.4;color:#f3f7ff;margin:0 0 3px}
.atelier-benefits small{display:block;font-size:13px;color:#b6c9e4;line-height:1.5}
.atelier-benefits li>.step-number:first-child{font-size:11px;font-weight:500;letter-spacing:.02em;border:1px solid #55779d;border-radius:50%;width:31px;height:31px;background:#192e4b;color:#aaccff;position:relative;z-index:1;margin-top:2px}
.atelier-detail-steps{padding-left:22px;margin:24px 0;color:var(--muted)}.atelier-detail-steps li{padding:5px 0;font-size:15px;line-height:1.5}.atelier-detail-steps strong{color:var(--ink);font-weight:500}
.realm-shop .atelier-feature #atelier-details{background:#ffbf87;color:#212c40;min-height:58px;min-width:245px;padding:15px 28px;font-size:20px;font-weight:500;justify-content:space-between;box-shadow:0 8px 25px #ffac5a20;border:1px solid #ffce9f;width:auto}
.realm-shop .atelier-feature #atelier-details:hover{background:#ffd3ab;box-shadow:0 8px 28px #ffac5a35}
.atelier-feature .atelier-availability{font-size:12px;color:#b7c8e1;margin:12px 0 0;line-height:1.5}
.atelier-showcase{min-width:0;padding:13px;width:100%;max-width:425px;justify-self:end;background:#0a1323;border:1px solid #42618d;border-radius:10px;box-shadow:0 20px 45px #050a1640}
.atelier-demo-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#aabbd5;letter-spacing:.04em;margin:0 0 14px}
.atelier-demo-topline>span:last-child{font-size:10px;letter-spacing:0;color:#a2aec2}
.atelier-showcase video{display:block;width:100%;height:auto;aspect-ratio:1;background:#000;border-radius:5px}
.atelier-demo-options{display:flex;gap:8px;margin-top:14px}
.atelier-demo-options button{flex:1;min-height:42px;border:1px solid #36445e;border-radius:6px;color:#c4d2e7;font-size:13px;padding:8px}
.atelier-demo-options button[aria-pressed=true]{background:#dce7fa;color:#243b60;border-color:#dce7fa}
#atelier-demo-status{font-size:12px;color:#dce7fa;margin:10px 0 0}#atelier-demo-status:empty{display:none}
.tutorials-heading{margin:0 0 25px}.tutorials-heading h3{font-size:27px;font-weight:400;line-height:1.2;margin:0}.tutorials-heading p{font-size:15px;color:var(--muted);margin:8px 0 0}
.realm-shop .product-body{padding:24px}
.realm-shop .card-actions{display:grid;grid-template-columns:1fr;gap:5px}
.realm-shop .card-actions .dark{width:100%;min-height:48px;font-size:15px}
.realm-shop .card-actions .outline{min-height:40px;padding:7px;color:#526889;text-decoration:underline;text-underline-offset:4px}
.realm-shop .product-specs{min-height:20px}
.realm-shop .shop-note{text-align:center;color:var(--muted)}
@media(max-width:720px){.atelier-feature .plugin-body{display:flex;flex-direction:column;align-items:stretch}.atelier-product-label{align-self:flex-start}.realm-shop .atelier-feature #atelier-details{width:100%;min-width:0}.atelier-showcase{max-width:none}.atelier-feature .atelier-promise{font-size:29px}.atelier-feature h3{font-size:52px}}
@media(max-width:900px){.atelier-feature{gap:25px;padding:28px}.atelier-feature .atelier-promise{font-size:34px}.atelier-demo-topline{flex-wrap:wrap}.atelier-showcase{padding:12px}}
@media(max-width:720px){.section.realm-shop{padding-inline:6%}.atelier-feature{grid-template-columns:1fr;gap:26px;padding:23px;margin:25px 0 32px}.atelier-feature .atelier-promise{font-size:35px}.atelier-feature h3{margin-top:20px}.atelier-feature .atelier-description{font-size:15px}.atelier-feature .button{width:100%}.atelier-benefits{gap:0}.atelier-benefits strong{font-size:15px}.atelier-benefits small{font-size:13px}.atelier-demo-topline{flex-wrap:nowrap}.atelier-demo-topline>span:last-child{font-size:9px}.atelier-demo-options button{font-size:12px}.tutorials-heading h3{font-size:25px}.tutorials-heading p{font-size:14px}.realm-shop .product-body{padding:20px}}

/* A short, artwork-first commission request. */
.section.realm-commissions{align-items:center;gap:72px;padding-block:76px}
.commission-intro{position:static;padding:0}
.realm-commissions h2{font-size:clamp(40px,4.2vw,60px);line-height:1.08;letter-spacing:-.035em}
.realm-commissions h2 span{color:#a9caff}
.commission-terms{border:0;padding:0;margin-top:32px;gap:8px;font-size:17px}
.commission-terms strong{font-size:32px;font-weight:500}
.commission-terms .separation-note{font-size:14px;color:#b0bfd6}
.direct-contact{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}
.direct-contact .button{border:0;padding:4px 0;min-height:44px;margin:0;font-size:16px;text-decoration:underline;text-underline-offset:5px}
.commission-form{padding:34px;border-radius:16px;box-shadow:0 24px 70px #060e2340}
.commission-progress{padding:0;margin-bottom:24px;border:0;font-size:14px;align-items:center}
.commission-progress-dots{display:flex;gap:6px}
.commission-progress-dots i{display:block;width:25px;height:4px;border-radius:4px;background:#e2e7f0}
.commission-progress-dots i:first-child{background:#304b78}
.commission-form:has(#commission-step-artwork[hidden]) .commission-progress-dots i:last-child{background:#304b78}
.commission-form-title{font-size:clamp(28px,2.5vw,36px);font-weight:500;letter-spacing:-.025em;margin:0 0 24px}
.commission-form label,.commission-form .layer-options legend{font-size:17px}
.commission-form input,.commission-form textarea,.commission-form select{font-size:17px;min-height:52px;border-radius:8px}
.commission-form .commission-upload-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.commission-form .image-drop{min-height:210px;border-radius:12px;background:linear-gradient(145deg,#f5f8ff,#edf2fb);border-color:#b1c1db;gap:5px;padding:25px 16px}
.upload-mark{display:grid;place-items:center;width:44px;height:44px;background:#fff;border:1px solid #d7e1f1;border-radius:12px;margin-bottom:8px;font-size:28px;color:#304b78}
.upload-copy{font-size:23px;font-weight:500;color:#263c60}
.upload-hint{font-size:16px;color:#63718a}
.upload-help{font-size:13px;margin-top:10px}
.commission-form .commission-link-option{margin:4px 0 12px}
.commission-form .commission-link-option summary{font-size:15px}
.commission-idea-option{border-block:1px solid #e1e6ef;margin:0}
.commission-idea-option summary,.commission-extras summary{font-size:17px;min-height:52px;padding:15px 0}
.commission-idea-option summary,.commission-extras summary{justify-content:flex-start;gap:7px}
.commission-idea-option summary:after,.commission-extras summary:after{margin-left:auto}
.commission-idea-option[open]{padding-bottom:18px}
.commission-form .commission-continue,.realm-commissions .commission-submit .button{min-height:58px;font-size:20px;background:#ffbf87;color:#202c40;border:1px solid #ffcfaa;border-radius:9px;font-weight:500}
.commission-form .commission-continue:hover,.realm-commissions .commission-submit .button:hover{background:#ffcea3}
.commission-reassurance{font-size:14px;margin-top:14px}
.commission-form .commission-submit{flex-direction:column;align-items:stretch;gap:20px}
.commission-price-note{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}
.commission-price-note small{font-size:13px;text-align:right;max-width:150px}
.commission-back{font-size:15px}
.commission-form .form-privacy{font-size:12px}
@media(max-width:900px){.section.realm-commissions{gap:32px}.commission-form{padding:26px}.realm-commissions h2{font-size:42px}}
@media(max-width:720px){.section.realm-commissions{padding-block:42px;gap:30px}.commission-form{padding:24px 20px}.commission-terms{margin-top:22px;font-size:16px}.direct-contact{margin-top:16px}.commission-form-title{font-size:29px}.commission-form .image-drop{min-height:190px}.commission-progress{margin-bottom:20px}.commission-form .commission-continue,.realm-commissions .commission-submit .button{font-size:18px}.commission-price-note{align-items:center}.commission-form .layer-options label{font-size:14px}.realm-commissions h2{font-size:42px}}

/* site-theme.css */
/* Shared surfaces across the home and work pages. */
body{background:#131e2e}
.reference-header.scrolled{background:#162131f5;color:#edf3fb;border-color:#91a7c32b;box-shadow:0 2px 15px #050b141a}
.header.scrolled nav a{color:#edf3fb}
.header.scrolled .menu-toggle{background:#29384e;color:#edf3fb;border-color:#839ab640}
.footer{background:#131e2e;color:#e3ecf9;border-color:#839ab62b}
.footer>span,.footer a:not(.brand),.footer button{color:#b6c6dc}
.commission-form{background:#f2f5f9}
.commission-form input,.commission-form textarea,.commission-form select{background:#fcfdff}
.work-contact-link{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid #afc4e54f;border-radius:8px;color:#e6efff;font-size:14px;text-decoration:none}
.work-contact-link:hover{background:#2b3c58;border-color:#afc4e5}
.realm-work figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.realm-work figcaption>span{flex:1;min-width:220px}
@media(max-width:720px){.header.scrolled nav{background:#1c2b40;border-color:#8499b538}.realm-work figcaption{gap:12px}.work-contact-link{font-size:14px;min-height:44px}}

/* Quiet scenery below the landing: decorative layers never cover the content. */
.section.realm-work,.section.realm-shop,.section.realm-commissions{position:relative;isolation:isolate}
.section.realm-work{background:radial-gradient(ellipse at 0 50%,#293b5845,transparent 65%),#111b2b;border-bottom-color:#8ba2c326}
.section.realm-work:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:800px;max-height:100%;background:linear-gradient(180deg,#101b2bdd 0%,#111b2bd9 28%,#111b2bf2 72%,#111b2b 100%),url('/assets/hero-67.webp') center 40%/cover no-repeat;mask-image:linear-gradient(#000 45%,transparent);-webkit-mask-image:linear-gradient(#000 45%,transparent)}
.section.realm-work:after{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 10% 20%,#9ebde71c,transparent 42%),radial-gradient(ellipse at 95% 68%,#7685c318,transparent 38%)}
.section.realm-shop#shop{background:radial-gradient(ellipse at 95% 15%,#b9947921,transparent 46%),radial-gradient(ellipse at 0 40%,#7d9dca26,transparent 52%),linear-gradient(160deg,#192538,#172030 65%,#1c2b40);border-block-color:#91a7c326}
.section.realm-shop:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:url('/assets/section-grain.svg') repeat;opacity:.1}
.section.realm-shop:after{content:'';position:absolute;z-index:-1;pointer-events:none;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#b7cbe152,transparent)}
.section.realm-commissions{background:radial-gradient(ellipse at 0 35%,#7391b21f,transparent 65%),linear-gradient(115deg,#101b2bed,#1c2c43dc),url('/assets/hero-67.webp') center 65%/cover no-repeat}
.footer{background:radial-gradient(ellipse at 50% 0,#31466240,transparent 70%),#131e2e}
@media(max-width:720px){.section.realm-work:before{height:650px;background-position:center,35% center}.section.realm-shop#shop{background:radial-gradient(ellipse at 100% 8%,#b994791a,transparent 35%),radial-gradient(ellipse at 0 40%,#7d9dca21,transparent 55%),#192538}}

/* Quote-led commissions: examples and budgets before the short request form. */
.section.commission-packages{gap:30px 64px}
.commission-packages .commission-intro{grid-column:1/-1;position:static;padding:0}
.commission-packages .commission-intro>p{max-width:none;margin:17px 0 5px}
.commission-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;grid-column:1/-1}
.commission-offer{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:1px solid #9fb4d342;border-radius:15px;background:#131f31f2;box-shadow:0 12px 32px #07112130}
.commission-offer.signature-offer{border-color:#efc49a91;box-shadow:0 12px 36px #07112150,inset 0 0 0 1px #efc49a18}
.commission-example{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b111c;border-bottom:1px solid #9fb4d32b}
.commission-example video,.commission-example img{display:block;width:100%;height:100%;object-fit:cover}
.commission-example video:fullscreen{object-fit:contain}
.camera-study img{object-fit:cover;animation:commission-camera 5s ease-in-out infinite alternate;animation-play-state:paused}
.camera-study.playing img{animation-play-state:running}
.camera-study button{position:absolute;z-index:3;bottom:12px;left:12px;right:12px;min-height:42px;background:#111b2be8;border:1px solid #c5d4ed60;border-radius:7px;color:#fff;font-size:14px}
.essential-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.essential-fog{position:absolute;inset:10% -35% -12%;background:radial-gradient(ellipse at 25% 70%,#dae9ffc2,transparent 39%),radial-gradient(ellipse at 75% 85%,#eff5ffc9,transparent 44%);filter:blur(14px);opacity:.55;animation:essential-fog 10s ease-in-out infinite;animation-play-state:paused}
.essential-fog.fog-back{inset:6% -25% 0;opacity:.32;transform:scaleX(-1);animation-delay:-5s}
.essential-particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#fff0bc;box-shadow:0 0 7px #ffdc91b3;opacity:0;animation:essential-drift 10s linear infinite;animation-delay:var(--delay);animation-play-state:paused}
.camera-study.playing .essential-fog,.camera-study.playing .essential-particle{animation-play-state:running}
@keyframes essential-fog{0%,100%{translate:-4% 2%;scale:1}50%{translate:5% -3%;scale:1.07}}
@keyframes essential-drift{0%,100%{opacity:0;transform:translate(0,14px)}15%,75%{opacity:var(--alpha)}95%{opacity:0;transform:translate(var(--drift),-95px)}}
@media(max-width:720px){.essential-particle:nth-child(n+43){display:none}}
@media(prefers-reduced-motion:reduce){.essential-fog,.essential-particle{animation:none}.essential-particle{opacity:var(--alpha)}}
@keyframes commission-camera{from{transform:scale(1)}to{transform:scale(1.09) translate(-1%,.5%)}}
.commission-offer-body{display:flex;flex-direction:column;flex:1;padding:24px 22px}
.commission-offer h3{font-size:27px;font-weight:500;line-height:1.2;margin:0 0 10px}
.commission-offer .commission-budget{font-size:28px;font-weight:400;color:#f5d0aa;margin:0 0 20px;line-height:1.2}
.commission-offer-body>p:not(.commission-budget):not(.commission-example-credit){font-size:17px;color:#d9e3f1;line-height:1.45;margin:0 0 17px;min-height:50px}
.commission-offer ul{padding:0;margin:0 0 25px;list-style:none;color:#b9c9df;font-size:15px;line-height:1.6}
.commission-offer li{margin:5px 0}
.commission-offer li:before{content:'＋';margin-right:8px;color:#a9caff}
.commission-offer .button{width:100%;font-size:16px;min-height:50px;border-radius:8px;margin-top:auto;border:1px solid #a6bdd352;background:#24334a;color:#f0f5fc}
.commission-offer .button:hover,.commission-offer .button[aria-pressed=true]{background:#3b506d;border-color:#ccddf4}
.signature-offer .button{background:#f5c695;color:#16253c;border-color:#f7d2ac}
.signature-offer .button:hover,.signature-offer .button[aria-pressed=true]{background:#ffdfb8;border-color:#fff0d8}
.commission-offer-body .commission-example-credit{font-size:11px;line-height:1.4;color:#a7b8d0;margin:14px 0 0;min-height:31px}
.commission-budget-note{grid-column:1/-1;font-size:14px;color:#becee2;margin:-10px 0 22px;line-height:1.6;max-width:900px}
.commission-request-intro{padding-top:25px;position:sticky;top:100px}
.commission-request-intro h3{font-size:34px;line-height:1.25;font-weight:400;margin:0 0 20px}
.realm-commissions .commission-request-intro>p{font-size:18px;color:#cfdbed;max-width:330px}
.realm-commissions .commission-request-intro .commission-delivery{font-size:14px;color:#b2c4df;margin-top:25px}
.commission-packages .commission-form{scroll-margin-top:100px}
#commission-level{margin-bottom:23px}
@media(max-width:1000px){.commission-offers{gap:12px}.commission-offer-body{padding:20px 15px}.commission-offer h3{font-size:23px}.commission-offer .commission-budget{font-size:24px}.commission-offer .button{font-size:14px;padding-inline:10px}}
@media(max-width:720px){.commission-offers{grid-template-columns:1fr;gap:18px}.commission-example{aspect-ratio:16/9}.commission-offer-body{padding:24px}.commission-offer h3{font-size:27px}.commission-offer .commission-budget{font-size:29px}.commission-offer-body>p:not(.commission-budget):not(.commission-example-credit){min-height:0}.commission-offer ul{margin-bottom:18px}.commission-offer .button{font-size:17px}.commission-request-intro{position:static;padding-top:10px}.commission-request-intro h3{font-size:30px}.section.commission-packages{gap:26px}.commission-budget-note{margin:0;font-size:13px}.commission-offer-body .commission-example-credit{min-height:0}}
@media(prefers-reduced-motion:reduce){.camera-study img{animation:none}}

/* Keep the gallery attribution available without repeating it under the player. */
.realm-work .work-credits{flex:1;min-width:0;border:0;padding:0;color:#c2d0e4;position:relative}
.realm-work .work-credits summary{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:5px 0;cursor:pointer;font-size:15px;list-style:none}
.realm-work .work-credits summary::-webkit-details-marker{display:none}
.realm-work .work-credits summary:after{content:'+';font-size:17px;color:#aebfd6}
.realm-work .work-credits[open] summary:after{content:'−'}
.realm-work .work-credits #featured-caption{font-size:15px;line-height:1.5;margin:5px 0 0;color:#c2d0e4;max-width:850px}
.realm-work figcaption{align-items:flex-start}

/* Artwork-only gallery thumbnails; accessible names stay on the buttons. */
.artstation-grid .artstation-card{aspect-ratio:1;padding:0;min-height:0;line-height:0}
.artstation-grid .artstation-card img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.artstation-grid .artstation-card:focus-visible{outline:2px solid #f5c695;outline-offset:4px}

/* atelier-product.css */
/* A calmer store, with the actual plugin shown before its VFX examples. */
dialog{background:#172234;color:#edf3fb;border-color:#8aa2c042;border-radius:20px;box-shadow:0 30px 100px #0009;color-scheme:dark}
dialog::backdrop{background:#050b16c9;backdrop-filter:blur(7px)}
dialog .close-dialog{background:#26364a;color:#f2f6fc;border-color:#95acc138;width:42px;height:42px;top:12px;right:12px;font-size:27px}
dialog .close-dialog:hover{background:#3a4b62}
dialog .fine-print,dialog .product-kind,dialog .availability-note{color:#b9c9df}
dialog .modal-inner h2,dialog .modal-inner h3{color:#f2f6fc}
#product-dialog{width:940px;max-width:calc(100vw - 28px);max-height:90svh}
#product-dialog .product-dialog-grid{grid-template-columns:1fr 1fr}
#product-dialog .product-preview{min-width:0;padding:20px;background:#0c1422;max-height:none;display:flex;align-items:center}
#product-dialog .product-preview video{width:100%;height:auto;max-height:65svh;object-fit:contain;border-radius:12px;background:#070c14}
#product-dialog .modal-inner{padding:44px 30px 26px;min-width:0}
#product-dialog .product-kind{font-size:13px;letter-spacing:.09em;color:#bfcee3;margin:8px 0 12px}
#product-dialog h2{font-size:30px;line-height:1.15;margin:0 0 16px;letter-spacing:-.025em}
#product-dialog #product-description{font-size:18px;color:#c5d2e5;line-height:1.45;margin:0 0 18px}
#product-dialog .detail-price{font-size:29px!important;color:#f5d0aa;margin:0 0 15px;line-height:1.2}
#product-dialog .product-summary{font-size:17px;color:#edf3fb;margin:0 0 6px;line-height:1.5}
#product-dialog .software-label{font-size:15px!important;color:#b9c9df;margin:0 0 22px}
#product-dialog #product-checkout{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:54px;font-size:18px;background:#f5c695;color:#152238;border:1px solid #f7d2ac;border-radius:11px;padding:13px 18px}
#product-dialog #product-checkout:hover{background:#ffdfb8}
#product-dialog .checkout-note{text-align:center;color:#b9c9df;font-size:14px;margin:9px 0 18px}
#product-dialog .product-file-details{border-top:1px solid #8aa2c035;padding-top:14px;color:#c5d2e5}
#product-dialog .product-file-details summary{cursor:pointer;font-size:15px;min-height:30px;list-style-position:inside}
#product-dialog .product-file-details p{font-size:14px;line-height:1.5;color:#b9c9df}
#product-dialog .included{border:0;margin:12px 0}
#product-dialog .included li{font-size:15px;padding:7px 0;border:0;color:#cfdbed}
#product-dialog .included li:before{color:#f5c695}
@media(max-width:720px){#product-dialog{border-radius:16px}#product-dialog .product-dialog-grid{grid-template-columns:1fr}#product-dialog .product-preview{padding:52px 16px 0;max-height:none}#product-dialog .product-preview video{height:25svh;max-height:230px}#product-dialog .modal-inner{padding:22px}#product-dialog h2{font-size:27px}#product-dialog #product-description{font-size:17px}}
.section.realm-shop{background:#182231;color:#edf2f9;padding-block:64px;border-block:1px solid #7184a126}
.realm-shop .chapter{color:#9fb3d0}
.realm-shop .section-heading h2{color:#eef3fa;font-size:clamp(29px,3vw,40px)}
.realm-shop .filters{background:#263246;border:1px solid #7488aa26;padding:5px}
.realm-shop .filters button{color:#b9c8dc}
.realm-shop .filters button[aria-pressed=true]{background:#42536d;color:#fff;box-shadow:0 2px 5px #0002}
.realm-shop .filters button:hover:not([aria-pressed=true]){background:#35435a;color:#fff}
.atelier-editorial{display:grid;grid-template-columns:1.08fr .92fr;gap:36px 50px;align-items:center;padding:38px;border-radius:24px;border:1px solid #aabed23d;background:radial-gradient(ellipse at 18% 18%,#41567b45,transparent 55%),radial-gradient(ellipse at 95% 5%,#c9996921,transparent 40%),#0d1422;box-shadow:0 28px 70px #060c194d,inset 0 1px 0 #e4efff12;margin:28px 0 44px;isolation:isolate}
.atelier-editorial:before{content:none}
.atelier-gallery{min-width:0}
.atelier-stage{position:relative;display:grid;place-items:center;width:100%;min-width:0;aspect-ratio:1.1;min-height:0;overflow:hidden;border-radius:18px;border:0;background:radial-gradient(ellipse at 40% 45%,#8daee51c,transparent 65%)}
.atelier-interface{position:relative;z-index:1;width:74%;max-width:370px;border-radius:12px;border:1px solid #bcc8de6b;box-shadow:0 30px 50px #0009,0 0 45px #99baff14;overflow:hidden}
.atelier-interface img{width:100%;height:auto;display:block}
.atelier-stage video{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;background:#06090f}
.atelier-gallery-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.atelier-gallery-choices button{display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;padding:7px 10px;border:1px solid #8299ba30;border-radius:10px;color:#b4c3da;font-size:15px;text-align:left;background:#121d2d}
.atelier-gallery-choices button[aria-pressed=true]{border-color:#adc6ea80;background:#26354b;color:#fff;box-shadow:inset 0 1px 0 #adc6ea20}
.atelier-gallery-choices button:hover{background:#35465f;color:#fff}
.atelier-gallery-choices img{width:38px;height:38px;object-fit:cover;object-position:top;border-radius:4px;flex:none}
.atelier-product-header{min-width:0;padding:0 4px}
.atelier-editorial .atelier-category{font-size:clamp(23px,2.2vw,29px);line-height:1.2;font-weight:500;color:#c5d8f3;margin:0 0 17px;max-width:none}
.atelier-editorial h3{font-size:clamp(66px,6vw,88px);font-weight:500;line-height:1;letter-spacing:-.045em;color:#fff;margin:0 0 29px;text-shadow:0 3px 32px #d8e7ff12}
.atelier-editorial .atelier-purpose{font-size:clamp(23px,2.1vw,28px);line-height:1.35;color:#edf3fb;max-width:none;margin:0 0 32px;letter-spacing:-.015em}
.atelier-purpose span{display:inline-block;color:#adc2df;margin-top:7px}
.atelier-purchase{width:100%;max-width:345px}
.realm-shop .atelier-editorial #atelier-details{width:100%;min-width:0;min-height:62px;border-radius:10px;background:linear-gradient(135deg,#ffdcba,#f2bc89);color:#172336;font-size:22px;font-weight:500;border:1px solid #ffdfc0;padding:16px 24px;box-shadow:0 8px 28px #d99d6721,inset 0 1px 0 #fff5}
.realm-shop .atelier-editorial #atelier-details:hover{background:#ffdeb9;box-shadow:0 10px 28px #ffbd841c}
.atelier-editorial .atelier-availability{font-size:14px;color:#b6c5da;text-align:center;margin:13px 0 0;max-width:none;line-height:1.4}
.atelier-chapters{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:0;border:0}
.atelier-chapters li{--chapter-color:#b4d3ff;position:relative;display:block;padding:22px 19px;border:1px solid #aec5df26;border-radius:13px;background:linear-gradient(150deg,#d7e7ff0b,transparent 70%),#131e2e;min-width:0;overflow:hidden}
.atelier-chapters li:before{content:'';position:absolute;left:19px;right:19px;top:0;height:1px;background:linear-gradient(90deg,var(--chapter-color),transparent);opacity:.65}
.atelier-chapters li:nth-child(2){--chapter-color:#cbbff5}
.atelier-chapters li:nth-child(3){--chapter-color:#ffd1a5}
.atelier-chapters li:nth-child(4){--chapter-color:#afddcf}
.atelier-chapter-number{position:absolute;right:17px;top:21px;display:block;font-size:29px;line-height:1;color:var(--chapter-color);opacity:.7;font-weight:400;letter-spacing:-.035em;margin:0}
.atelier-chapter-icon{display:block;width:42px;height:42px;color:var(--chapter-color);margin:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.atelier-chapters h4{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.02em;color:#f1f5fc;margin:0 0 8px}
.atelier-editorial .atelier-chapters p{font-size:16px;line-height:1.45;color:#b7c8de;margin:0;max-width:210px}
.realm-shop .tutorials-heading h3{color:#eef3fa;font-size:28px}
.realm-shop .product-card{background:#222f43;border-color:#8aa2c02e;border-radius:14px;overflow:hidden}
.realm-shop .product-title-row h3,.realm-shop .price{color:#f0f5fb}
.realm-shop .product-body>p,.realm-shop .product-specs li{color:#b8c9e0}
.realm-shop .card-actions .dark{background:#ffb16b;color:#192234;border-color:#ffb16b}
.realm-shop .card-actions .dark:hover{background:#ffc38c;border-color:#ffc38c}
.realm-shop .card-actions .outline{color:#c3d2e6}
.realm-shop .card-actions .outline:hover{background:#354761}
.realm-shop .shop-faq{border-color:#8aa2c038}
.realm-shop .shop-faq summary{color:#e3edf9}
.realm-shop .shop-faq p,.realm-shop .shop-note{color:#b2c3dc}
.reference-header.scrolled{background:#162131f5;color:#edf3fb;border-color:#91a7c32b;box-shadow:0 2px 15px #050b141a}
.header.scrolled nav a{color:#edf3fb}
.header.scrolled .menu-toggle{background:#29384e;color:#edf3fb;border-color:#839ab640}
.footer{background:#131e2e;color:#e3ecf9;border-color:#839ab62b}
.footer>span,.footer a:not(.brand),.footer button{color:#b6c6dc}
@media(min-width:721px) and (max-width:1000px){.atelier-chapters{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.atelier-editorial{padding:26px;gap:28px}.atelier-stage{min-height:335px}.atelier-gallery-choices button{font-size:14px;gap:7px;padding:7px}.atelier-chapters li{padding-inline:15px}.atelier-chapters h4{font-size:20px}.atelier-editorial .atelier-chapters p{font-size:15px}}
@media(max-width:720px){.section.realm-shop{padding-block:42px}.atelier-editorial{display:flex;flex-direction:column;align-items:stretch;padding:23px 18px;gap:28px;border-radius:15px}.atelier-product-header{order:0;padding:0}.atelier-gallery{order:1}.atelier-chapters{order:2;grid-template-columns:1fr 1fr;gap:25px 14px;padding-top:25px}.atelier-chapters li,.atelier-chapters li:first-child,.atelier-chapters li:last-child{padding:0;border:0}.atelier-chapter-number{font-size:31px;margin-bottom:10px}.atelier-chapters h4{font-size:21px}.atelier-editorial .atelier-chapters p{font-size:16px}.atelier-editorial .atelier-category{font-size:25px}.atelier-editorial h3{font-size:65px;margin-bottom:22px}.atelier-editorial .atelier-purpose{font-size:23px;margin-bottom:25px}.atelier-purchase{max-width:none}.atelier-editorial .atelier-availability{font-size:13px}.atelier-stage{min-height:280px;aspect-ratio:1.05}.atelier-interface{width:80%}.atelier-gallery-choices{gap:8px}.atelier-gallery-choices button{font-size:13px;gap:6px;padding:7px;min-height:51px}.atelier-gallery-choices img{width:28px;height:31px}.header.scrolled nav{background:#1c2b40;border-color:#8499b538}.realm-shop .tutorials-heading h3{font-size:26px}}
@media(max-width:720px){.atelier-chapters{gap:10px;padding:0}.atelier-editorial .atelier-chapters li{padding:17px 12px;border:1px solid #aec5df26;border-radius:10px}.atelier-chapters li:before{left:12px;right:12px}.atelier-chapter-number{font-size:24px;top:20px;right:12px;margin:0}.atelier-chapter-icon{width:33px;height:33px;margin-bottom:19px}.atelier-chapters h4{font-size:18px}.atelier-editorial .atelier-chapters p{font-size:15px}.atelier-stage{min-height:270px}.atelier-interface{width:78%}}

/* Square tutorial covers and a single, prominent action. */
.realm-shop .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.realm-shop .product-card{display:flex;flex-direction:column;background:#192538}
.realm-shop .product-card[hidden]{display:none}
.realm-shop .product-image{aspect-ratio:1;width:100%;flex-shrink:0;border:0;border-bottom:1px solid #8aa2c026;border-radius:0}
.realm-shop .product-image img{display:block;width:100%;height:100%;object-fit:cover}
.realm-shop .product-image .badge{font-size:12px;padding:8px 11px;top:16px;left:16px}
.realm-shop .preview-label{font-size:16px;left:16px;bottom:16px;padding:10px 14px}
.realm-shop .product-body{display:flex;flex-direction:column;flex:1;padding:24px}
.realm-shop .product-title-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.realm-shop .product-title-row h3{font-size:clamp(23px,2vw,29px);font-weight:500;line-height:1.2;max-width:none;flex:1;margin:0}
.realm-shop .price{font-size:24px;line-height:1.4;white-space:nowrap;margin:0}
.realm-shop .product-body>p{font-size:18px;line-height:1.5;color:#c3d0e3;margin:14px 0 24px}
.realm-shop .card-actions{display:block;margin-top:auto}
.realm-shop .card-actions .button{width:100%;min-height:58px;font-size:19px;font-weight:500;display:flex;justify-content:space-between;padding:14px 20px;border-radius:10px}
.realm-shop .atelier-editorial #atelier-details,#product-checkout{background:#ffb16b;border-color:#ffb16b;color:#192234}
.realm-shop .atelier-editorial #atelier-details:hover,#product-checkout:hover{background:#ffc38c;border-color:#ffc38c}
.realm-shop .card-actions .button:focus-visible,#atelier-details:focus-visible,#product-checkout:focus-visible{outline:3px solid #fff;outline-offset:4px}
.realm-shop .coming-soon-art{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 48% 48%,#8f6fc047,transparent 58%),radial-gradient(ellipse at 80% 0%,#a47cf322,transparent 60%),#111c2e;overflow:hidden}
.coming-orbit{position:absolute;width:67%;height:67%;border:1px solid #bda2f36b;border-radius:50%;transform:rotate(-32deg) scaleY(.64);box-shadow:0 0 38px #a080ff18,inset 0 0 30px #a080ff14}
.coming-orbit:before,.coming-orbit:after{content:'';position:absolute;inset:-22%;border:1px solid #bda2f324;border-radius:50%}
.coming-orbit:after{inset:20%;border-color:#d7c0ff4a}
.coming-spark{font-size:110px;line-height:1;color:#dec9ff;text-shadow:0 0 45px #bc8fffa3}
.coming-art-label{position:absolute;bottom:28px;font-size:13px;letter-spacing:.22em;color:#d4c5eb}
.coming-soon-status{display:flex;align-items:center;justify-content:space-between;margin-top:auto;min-height:58px;padding:14px 20px;border-top:1px solid #bda2f32e;color:#cbb4ee;font-size:19px}
@media(min-width:721px) and (max-width:1050px){.realm-shop .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.realm-shop .product-grid{grid-template-columns:1fr;gap:24px}.realm-shop .product-body{padding:22px}.realm-shop .product-title-row h3{font-size:25px}}



/* The night landscape belongs to the section, behind the product cards. */
.section.realm-shop#shop{background:#101b2b}
.section.realm-shop#shop:before{inset:0 0 auto;height:1400px;max-height:100%;opacity:1;background:linear-gradient(#09142636,#101b2b55 60%,#101b2b),url('/assets/atelier-night-v1.webp') center top/cover no-repeat}
.realm-shop .atelier-editorial{background:linear-gradient(135deg,#22334bed,#101827f5);box-shadow:0 28px 70px #060c1966,inset 0 1px 0 #e4efff12}
@media(max-width:720px){.section.realm-shop#shop:before{height:1400px;background-position:center,38% top}}

/* Compact product overview: one main action, quiet preview controls. */
.realm-shop .atelier-editorial{width:100%;max-width:1060px;margin:24px auto 40px;padding:28px;gap:24px 40px;grid-template-columns:.95fr 1.05fr;border-radius:22px;background:linear-gradient(135deg,#1e2b3ef5,#111b2af5);border-color:#aabed22e}
.realm-shop .atelier-editorial .atelier-stage{height:330px;min-height:0;aspect-ratio:auto;border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#718fc52b,transparent 72%)}
.realm-shop .atelier-editorial .atelier-interface{width:min(72%,266px);max-width:100%;border-radius:10px;box-shadow:0 16px 36px #0006}
.realm-shop .atelier-editorial .atelier-gallery-choices{gap:4px;margin-top:8px;padding:4px;border-radius:12px;border:1px solid #a6bdd322;background:#101a2a}
.realm-shop .atelier-editorial .atelier-gallery-choices button{min-height:42px;justify-content:center;padding:9px 12px;font-size:15px;border:0;border-radius:8px;background:transparent;box-shadow:none}
.realm-shop .atelier-editorial .atelier-gallery-choices button[aria-pressed=true]{background:#33435b;color:#fff}
.realm-shop .atelier-editorial .atelier-gallery-choices button:hover{background:#2a3b53}
.realm-shop .atelier-editorial .atelier-gallery-choices img{display:none}
.realm-shop .atelier-editorial .atelier-product-header{padding:0 12px 0 0}
.realm-shop .atelier-editorial .atelier-category{font-size:18px;line-height:1.4;margin-bottom:12px;color:#c3d0e6}
.realm-shop .atelier-editorial h3{font-size:62px;line-height:1.05;margin-bottom:20px}
.realm-shop .atelier-editorial .atelier-purpose{font-size:22px;line-height:1.4;margin-bottom:24px}
.realm-shop .atelier-editorial .atelier-purpose span{margin-top:3px;color:#acbdd6}
.realm-shop .atelier-editorial .atelier-purchase{max-width:300px}
.realm-shop .atelier-editorial #atelier-details{min-height:52px;font-size:19px;padding:12px 20px;border-radius:12px;background:#f5c695;border-color:#f7d2ac;box-shadow:0 4px 16px #e5ac6520}
.realm-shop .atelier-editorial #atelier-details:hover{background:#ffdfb8}
.realm-shop .atelier-editorial .atelier-availability{font-size:13px;margin-top:10px}
.realm-shop .atelier-editorial .atelier-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #a6bdd326;padding-top:22px}
.realm-shop .atelier-editorial .atelier-chapters li{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:0 17px;border:0;border-right:1px solid #a6bdd326;border-radius:0;background:none;align-content:start}
.realm-shop .atelier-editorial .atelier-chapters li:first-child{padding-left:0}
.realm-shop .atelier-editorial .atelier-chapters li:last-child{border-right:0;padding-right:0}
.realm-shop .atelier-editorial .atelier-chapters li:before{content:none}
.realm-shop .atelier-editorial .atelier-chapter-number{position:static;grid-column:2;grid-row:1;font-size:16px;line-height:24px;opacity:.85;margin:0;align-self:center}
.realm-shop .atelier-editorial .atelier-chapter-icon{grid-column:1;grid-row:1;width:24px;height:24px;margin:0}
.realm-shop .atelier-editorial .atelier-chapters li>div{grid-column:1/-1}
.realm-shop .atelier-editorial .atelier-chapters h4{font-size:20px;margin:0 0 5px}
.realm-shop .atelier-editorial .atelier-chapters p{font-size:16px;line-height:1.4;max-width:none}
@media(min-width:721px) and (max-width:1000px){.realm-shop .atelier-editorial{gap:24px;padding:24px}.realm-shop .atelier-editorial .atelier-stage{height:300px}.realm-shop .atelier-editorial h3{font-size:54px}.realm-shop .atelier-editorial .atelier-purpose{font-size:20px}.realm-shop .atelier-editorial .atelier-chapters{grid-template-columns:1fr 1fr;gap:20px}.realm-shop .atelier-editorial .atelier-chapters li{padding:0;border:0}}
@media(max-width:720px){.realm-shop .atelier-editorial{padding:22px 18px;gap:24px;margin-block:20px 32px;border-radius:18px}.realm-shop .atelier-editorial .atelier-product-header{padding:0}.realm-shop .atelier-editorial h3{font-size:52px;margin-bottom:15px}.realm-shop .atelier-editorial .atelier-category{font-size:18px;margin-bottom:10px}.realm-shop .atelier-editorial .atelier-purpose{font-size:21px;margin-bottom:20px}.realm-shop .atelier-editorial .atelier-purchase{max-width:none}.realm-shop .atelier-editorial .atelier-stage{height:280px}.realm-shop .atelier-editorial .atelier-interface{width:min(80%,230px)}.realm-shop .atelier-editorial .atelier-gallery-choices button{font-size:14px;padding-inline:8px}.realm-shop .atelier-editorial .atelier-chapters{grid-template-columns:1fr 1fr;gap:20px 16px;padding-top:20px}.realm-shop .atelier-editorial .atelier-chapters li{padding:0;border:0}.realm-shop .atelier-editorial .atelier-chapters h4{font-size:18px}.realm-shop .atelier-editorial .atelier-chapters p{font-size:15px}}

.realm-shop .atelier-editorial #atelier-details{position:relative;display:flex;justify-content:center;text-align:center;padding-inline:45px}
.realm-shop .atelier-editorial #atelier-details>span{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.realm-shop .atelier-editorial .atelier-chapters h4{margin-bottom:0}

/* Return to the original warm gouache direction, with an open product layout. */
.section.realm-shop#shop:before{height:1150px;background:linear-gradient(0deg,#101b2b,transparent 75%),linear-gradient(90deg,#101b2bd9 8%,#101b2b85 54%,#101b2b40),url('/assets/shop-gouache-v1.webp') center top/cover no-repeat}
.realm-shop .atelier-editorial{grid-template-areas:'copy preview' 'steps steps';grid-template-columns:1fr 1fr;max-width:1080px;padding:20px 0 0;margin:28px auto 44px;gap:28px 70px;background:none;border:0;border-radius:0;box-shadow:none}
.realm-shop .atelier-editorial .atelier-product-header{grid-area:copy;padding:0;text-shadow:0 2px 18px #09132199}
.realm-shop .atelier-editorial .atelier-gallery{grid-area:preview;padding:14px;background:#0e192bdd;border:1px solid #c8d6e438;border-radius:18px;box-shadow:0 18px 40px #0003}
.realm-shop .atelier-editorial .atelier-category{display:inline-flex;border:1px solid #d8c6a647;border-radius:30px;padding:7px 13px;font-size:16px;color:#ecdbc3;background:#14213377;margin-bottom:17px}
.realm-shop .atelier-editorial h3{font-size:70px;margin-bottom:21px}
.realm-shop .atelier-editorial .atelier-purpose{font-size:23px;line-height:1.4;margin-bottom:25px}
.realm-shop .atelier-editorial .atelier-purpose span{color:#c4ccda}
.realm-shop .atelier-editorial .atelier-stage{height:300px;background:radial-gradient(ellipse at 50% 40%,#c4a77f1c,transparent 72%)}
.realm-shop .atelier-editorial .atelier-interface{width:min(72%,250px)}
.realm-shop .atelier-editorial .atelier-chapters{grid-area:steps;padding:20px 24px;border:1px solid #a6bdd32b;border-radius:14px;background:#111d2cd9}
.realm-shop .atelier-editorial .atelier-gallery-choices{border:0;background:#09132066}
.realm-shop .atelier-editorial .atelier-gallery-choices button[aria-pressed=true]{background:#3b485a}
@media(min-width:721px) and (max-width:1000px){.realm-shop .atelier-editorial{gap:24px 32px}.realm-shop .atelier-editorial h3{font-size:60px}.realm-shop .atelier-editorial .atelier-purpose{font-size:21px}}
@media(max-width:720px){.section.realm-shop#shop:before{height:1250px;background:linear-gradient(0deg,#101b2b,transparent 90%),linear-gradient(#101b2b99,#101b2b88),url('/assets/shop-gouache-v1.webp') 36% top/cover no-repeat}.realm-shop .atelier-editorial{padding:4px 0 0;gap:24px;margin-top:22px}.realm-shop .atelier-editorial h3{font-size:56px}.realm-shop .atelier-editorial .atelier-purpose{font-size:22px}.realm-shop .atelier-editorial .atelier-gallery{padding:10px}.realm-shop .atelier-editorial .atelier-stage{height:270px}.realm-shop .atelier-editorial .atelier-interface{width:min(78%,222px)}.realm-shop .atelier-editorial .atelier-chapters{padding:18px}.realm-shop .atelier-editorial .atelier-category{font-size:16px}}

/* Atelier launch dialog: readable dark surfaces and one clear action. */
#atelier-dialog{width:570px;max-width:calc(100vw - 28px);max-height:90svh;background:#192334;border:1px solid #90a6c042;border-radius:22px}
#atelier-dialog .modal-inner{padding:40px 32px 32px}
#atelier-dialog .atelier-launch-label{display:block;margin:0 48px 12px 0;color:#f5c695;font-size:13px;font-weight:600;letter-spacing:.12em}
#atelier-dialog h2{margin:0 0 20px;font-size:46px;line-height:1.1;color:#f2f6fc}
#atelier-dialog .atelier-launch-intro{font-size:21px;line-height:1.5;color:#f2f6fc;margin:0 0 24px}
#atelier-dialog .atelier-launch-intro span{color:#bdcbe0;font-size:18px}
#atelier-dialog .atelier-detail-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:0 0 24px}
#atelier-dialog .atelier-detail-steps li{display:flex;align-items:center;gap:12px;padding:16px 14px;background:#222f43;border:1px solid #8ba2bf24;border-radius:12px;margin:0;color:#f2f6fc;font-size:18px;line-height:1.4}
#atelier-dialog .atelier-detail-steps li span{color:#f5c695;font-size:14px}
#atelier-dialog .atelier-detail-steps strong{color:#f2f6fc;font-weight:500}
#atelier-dialog .availability-note{background:none;border:0;border-radius:0;padding:0;margin:0 0 22px;color:#bdcbe0;font-size:16px;line-height:1.5}
#atelier-dialog .atelier-launch-cta{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:56px;padding:14px 18px;border:1px solid #f7d2ac;border-radius:12px;background:#f5c695;color:#152238;font-size:18px;font-weight:600;text-align:center;text-decoration:none}
#atelier-dialog .atelier-launch-cta:hover{background:#ffdfb8}
#atelier-dialog .atelier-launch-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:480px){#atelier-dialog .modal-inner{padding:32px 20px 22px}#atelier-dialog h2{font-size:40px}#atelier-dialog .atelier-launch-intro{font-size:19px}#atelier-dialog .atelier-detail-steps li{padding:13px 10px;gap:8px;font-size:16px}#atelier-dialog .atelier-launch-cta{font-size:16px}}
/* Compact square tutorial cards. */
.realm-shop .product-grid .product-card{display:grid;grid-template-rows:minmax(0,1fr) auto;aspect-ratio:1;min-width:0;min-height:0;overflow:hidden;border-radius:18px}
.realm-shop .product-grid .product-card[hidden]{display:none}
.realm-shop .product-grid .product-image{position:relative;aspect-ratio:auto;height:100%;min-height:0;overflow:hidden}
.realm-shop .product-grid .product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.realm-shop .product-grid .preview-label{display:grid;place-items:center;left:auto;right:14px;bottom:14px;width:40px;height:40px;padding:0;border-radius:50%;font-size:16px;background:#101927b8;color:#fff;border:1px solid #d6e1f166;backdrop-filter:blur(8px)}
.realm-shop .product-grid .product-body{padding:18px;gap:16px;min-width:0}
.realm-shop .product-grid .product-title-row{flex-wrap:nowrap;align-items:center;gap:10px}
.realm-shop .product-grid .product-title-row h3{font-size:clamp(18px,1.6vw,24px);line-height:1.2;font-weight:500;min-width:0;max-width:none}
.realm-shop .product-grid .price{font-size:21px;line-height:1.2}
.realm-shop .product-grid .card-actions .button{min-height:46px;padding:10px 15px;font-size:17px;justify-content:center;position:relative;background:#f5c695;border-color:#f7d2ac;color:#152238}
.realm-shop .product-grid .card-actions .button span{position:absolute;right:15px}
.realm-shop .product-grid .card-actions .button:hover{background:#ffdfb8}
.realm-shop .product-grid .coming-soon-status{min-height:46px;padding:10px 0;border:0;font-size:17px}
@media(max-width:720px){.realm-shop .product-grid .product-title-row h3{font-size:21px}.realm-shop .product-grid .product-body{padding:16px;gap:14px}}
.realm-shop #shop-title,.realm-shop .tutorials-heading h3{font-size:clamp(29px,3vw,40px);font-weight:400;line-height:1.25;letter-spacing:-.025em;color:#eef3fa}

/* Fine social icons anchored to the landing illustration. */
.reference-hero .hero-socials{position:absolute;z-index:5;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px}
.hero-socials a{display:grid;place-items:center;width:44px;height:44px;color:#fff;opacity:.9;border-radius:50%;transition:opacity .18s,background .18s}
.hero-socials a[hidden]{display:none}
.hero-socials svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px #071321b3)}
.hero-socials a:hover{opacity:1;background:#ffffff16}
.hero-socials a:focus-visible{outline:2px solid #fff;outline-offset:3px;opacity:1}
@media(max-width:720px){.reference-hero .hero-socials{bottom:18px;gap:12px}.hero-socials svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.hero-socials a{transition:none}}
.commission-example .essential-preview{object-position:right center}

/* Original artwork / animated Jax, active on first view. */
.comparison-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:#101620}
.comparison-stage #featured-animation{display:block;border-radius:0}
.comparison-overlay{position:absolute;inset:0;pointer-events:none}
.comparison-overlay[hidden]{display:none}
.comparison-original{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 calc(100% - var(--comparison-split)) 0 0);user-select:none}
.comparison-divider{position:absolute;left:var(--comparison-split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 8px #0005}
.comparison-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #fff;background:#172334d9;box-shadow:0 2px 16px #0004;backdrop-filter:blur(8px)}
.comparison-handle svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.comparison-stage .comparison-range{position:absolute;z-index:3;left:-23px;top:50%;transform:translateY(-50%);width:calc(100% + 46px);height:48px;min-height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:auto;cursor:ew-resize;touch-action:pan-y;appearance:none;-webkit-appearance:none}
.comparison-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:46px;height:48px}
.comparison-range::-moz-range-thumb{width:46px;height:48px;border:0}
.comparison-stage:has(.comparison-range:focus-visible) .comparison-handle{outline:3px solid #f5c695;outline-offset:4px}

/* A compact, quieter primary action for the plugin. */
.realm-shop .atelier-editorial .atelier-purchase{max-width:none;width:fit-content;max-width:100%}
.realm-shop .atelier-editorial #atelier-details{display:inline-flex;align-items:center;justify-content:center;gap:22px;width:auto;max-width:100%;min-width:0;min-height:52px;padding:13px 24px;border-radius:999px;background:#edc895;border:1px solid #f7ddb5;color:#192436;font-size:18px;font-weight:500;line-height:1.3;letter-spacing:0;box-shadow:inset 0 1px 0 #fff4,0 5px 16px #09122026;text-shadow:none;transition:background .18s,box-shadow .18s}
.realm-shop .atelier-editorial #atelier-details>span{position:static;transform:none;font-size:21px;line-height:1;flex-shrink:0}
.realm-shop .atelier-editorial #atelier-details:hover{background:#f8dab0;border-color:#ffe5c3;box-shadow:inset 0 1px 0 #fff5,0 6px 20px #09122040}
.realm-shop .atelier-editorial .atelier-availability{text-align:left;font-size:13px;margin-top:12px;padding-left:4px}
@media(prefers-reduced-motion:reduce){.realm-shop .atelier-editorial #atelier-details{transition:none}}
/* Stillflow: one calm product surface, integrated preview and workflow. */
.realm-shop .atelier-editorial{max-width:1100px;padding:36px 40px 28px;gap:30px 44px;border:1px solid #b5c8e132;border-radius:24px;background:linear-gradient(125deg,#243149f5,#111c2cf7 76%);box-shadow:0 24px 60px #06101e40,inset 0 1px 0 #ffffff06}
.realm-shop .atelier-editorial .atelier-product-header{text-shadow:none}
.realm-shop .atelier-editorial .atelier-category{font-size:16px;padding:0;border:0;background:none;color:#edc895;letter-spacing:.015em;margin-bottom:14px}
.realm-shop .atelier-editorial h3{font-size:64px;line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}
.realm-shop .atelier-editorial .atelier-purpose{font-size:21px;line-height:1.5;margin-bottom:26px}
.realm-shop .atelier-editorial .atelier-gallery{padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.realm-shop .atelier-editorial .atelier-stage{height:280px;border-radius:14px;overflow:hidden;background:#101723}
.realm-shop .atelier-editorial .atelier-gallery-choices{margin-top:10px;padding:4px;border:1px solid #a6bdd322;border-radius:12px;background:#0b142580}
.realm-shop .atelier-editorial .atelier-gallery-choices button{min-height:42px;border-radius:8px;font-size:15px}
.realm-shop .atelier-editorial .atelier-chapters{padding:24px 0 0;border:0;border-top:1px solid #a6bdd32b;border-radius:0;background:none;box-shadow:none}
.realm-shop .atelier-editorial .atelier-chapters h4{font-size:19px}
@media(min-width:721px) and (max-width:1000px){.realm-shop .atelier-editorial{padding:28px;gap:26px}.realm-shop .atelier-editorial h3{font-size:52px}.realm-shop .atelier-editorial .atelier-purpose{font-size:19px}}
@media(max-width:720px){.realm-shop .atelier-editorial{padding:26px 22px 22px;gap:26px;border-radius:20px}.realm-shop .atelier-editorial h3{font-size:52px;margin-bottom:18px}.realm-shop .atelier-editorial .atelier-purpose{font-size:20px;margin-bottom:22px}.realm-shop .atelier-editorial .atelier-stage{height:250px}.realm-shop .atelier-editorial .atelier-chapters{padding:22px 0 0;gap:22px 16px}.realm-shop .atelier-editorial .atelier-chapters h4{font-size:18px}.realm-shop .atelier-editorial .atelier-gallery-choices button{font-size:14px}}

/* A quiet dark commission form, matching the portfolio surfaces. */
#commission-form{color-scheme:dark;color:#edf3fc;background:linear-gradient(140deg,#213047f7,#131e30fa);border:1px solid #afc4e133;border-radius:20px;padding:30px;box-shadow:0 20px 55px #06102040,inset 0 1px 0 #ffffff05}
#commission-form .commission-progress{margin-bottom:22px;color:#b8c9df}
#commission-form .commission-progress>span:first-child{color:#d8e3f3}
#commission-form .commission-progress-dots i{background:#41506a}
#commission-form .commission-progress-dots i:first-child,#commission-form:has(#commission-step-artwork[hidden]) .commission-progress-dots i:last-child{background:#edc895}
#commission-form .commission-form-title{color:#f3f6fc;font-size:clamp(27px,2.3vw,32px);line-height:1.2;margin-bottom:22px}
#commission-form label,#commission-form legend{color:#e0e8f5}
#commission-form input,#commission-form textarea,#commission-form select{color:#f0f5fd;background:#101b2b;border:1px solid #8da8ce50;box-shadow:none;font-size:17px;border-radius:10px;min-height:50px}
#commission-form input::placeholder,#commission-form textarea::placeholder{color:#9fb1ca;opacity:1}
#commission-form select option{color:#f0f5fd;background:#162238}
#commission-form input:focus-visible,#commission-form textarea:focus-visible,#commission-form select:focus-visible,#commission-form button:focus-visible,#commission-form summary:focus-visible{outline:2px solid #edc895;outline-offset:3px}
#commission-form input[type=radio]{min-height:16px;accent-color:#edc895}
#commission-form .image-drop{min-height:170px;padding:20px 16px;gap:4px;background:linear-gradient(135deg,#293b552e,#0c172655);border:1px dashed #8da8ce80;border-radius:12px}
#commission-form .image-drop:hover,#commission-form .image-drop.dragging,#commission-form .image-drop:focus-within{background:#2b3c56;border-color:#edc895;outline-color:#edc895}
#commission-form .upload-mark{width:38px;height:38px;font-size:25px;border:1px solid #edc89540;background:#edc89512;color:#edc895;border-radius:10px;margin-bottom:5px}
#commission-form .upload-copy{color:#edf3fc;font-size:22px}
#commission-form .upload-hint,#commission-form .upload-help,#commission-form .optional-label{color:#b7c7dc}
#commission-form .upload-help{margin-top:6px}
#commission-form .commission-link-option summary,#commission-form .commission-back{color:#c6d9f4}
#commission-form .commission-idea-option,#commission-form .commission-extras{border-color:#9bb2d030}
#commission-form summary{color:#dce7f7}
#commission-form .layer-options label{background:#142136;border-color:#8da8ce50}
#commission-form .layer-options label:has(input:checked){background:#35435a;border-color:#edc895}
#commission-form .upload-preview{background:#152238;border-color:#8da8ce50;color:#e0e8f5}
#commission-form .upload-preview button{color:#edc895}
#commission-form .commission-reassurance,#commission-form .commission-email-help,#commission-form .commission-price-note small,#commission-form .form-privacy{color:#b7c7dc}
#commission-form .field-status{color:#ffd5b4}
#commission-form #commission-estimate{color:#edc895}
#commission-form .commission-continue,#commission-form .commission-submit .button{min-height:54px;background:#edc895;color:#172337;border:1px solid #f3d6ae;border-radius:11px;font-size:19px;box-shadow:inset 0 1px 0 #fff3}
#commission-form .commission-continue:hover,#commission-form .commission-submit .button:hover{background:#f8d8ae}
#commission-form .commission-continue{margin-top:20px}
#commission-form .commission-submit button:disabled{opacity:.65;cursor:wait}
@media(max-width:720px){#commission-form{padding:24px 20px;border-radius:18px}#commission-form .image-drop{min-height:165px}#commission-form .commission-form-title{font-size:28px}#commission-form .commission-continue,#commission-form .commission-submit .button{font-size:18px}}
/* atelier-home.css */
/* The product and quote share one dark, iridescent card style. */
#plugins.atelier-home-card{display:block;max-width:1240px;margin:24px auto 34px;padding:0;border:0;background:none;min-width:0}
#plugins.atelier-home-card[hidden]{display:none}
atelier-product{display:block;min-width:0}
.atelier-loading{min-height:640px;padding:35px;border:1px solid #72598755;border-radius:22px;background:#17131f;color:#ede3f8;font-size:34px}
.atelier-loading span{display:block;font-size:14px;color:#b6a5c9;margin-top:12px}
.quote-shell{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px;padding:32px;border:1px solid #8e6bad45;border-radius:22px;background:radial-gradient(ellipse at 0% 0%,#69408324,transparent 65%),#17131f;box-shadow:0 24px 70px #0003;align-items:start;min-width:0}
.quote-shell .commission-request-intro{position:static;padding:20px 0 0}
.quote-eyebrow{display:block;color:#d6a3ff;font-size:11px;font-weight:600;letter-spacing:.14em;margin:0 0 22px}
.quote-shell .commission-request-intro h3{font-size:36px;line-height:1.16;letter-spacing:-.035em;color:#f1eaf9;max-width:380px;margin-bottom:18px}
.realm-commissions .quote-shell .commission-request-intro>p{color:#bcb0c9;font-size:16px;max-width:340px}
.realm-commissions .quote-shell .commission-delivery{padding:15px;border:1px solid #529d9133;border-radius:10px;background:linear-gradient(110deg,#163331,#1b2029);color:#b7ddd5;font-size:13px;margin:24px 0}
.quote-shell .direct-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.quote-shell .direct-contact .button{background:#272031;border:1px solid #72548366;color:#d7b6f1;border-radius:9px;min-height:43px;padding:10px 17px;font-size:13px}
.quote-shell .direct-contact .button:hover{background:#382845}
.quote-shell #commission-form{background:#1c1725;border:1px solid #54415f66;box-shadow:none;border-radius:14px;padding:25px;color:#eee7f6}
.quote-shell #commission-form .commission-progress{color:#b7a8c9;margin-bottom:18px}
.quote-shell #commission-form .commission-progress>span:first-child{color:#d8c5ed}
.quote-shell #commission-form .commission-progress-dots i{background:#46364f}
.quote-shell #commission-form .commission-progress-dots i:first-child,.quote-shell #commission-form:has(#commission-step-artwork[hidden]) .commission-progress-dots i:last-child{background:#cf96fb}
.quote-shell #commission-form .commission-form-title{font-size:28px;color:#f1eaf9;margin-bottom:10px}
.quote-shell #commission-form label,.quote-shell #commission-form legend{color:#ded2e9;font-size:14px}
.quote-shell #commission-form input,.quote-shell #commission-form textarea,.quote-shell #commission-form select{background:#120f19;border:1px solid #67507588;color:#f0e7fa;border-radius:9px;font-size:15px;min-height:46px}
.quote-shell #commission-form select option{background:#21192b;color:#f0e7fa}
.quote-shell #commission-form input::placeholder,.quote-shell #commission-form textarea::placeholder{color:#9f8eaf}
.quote-shell #commission-form input[type=radio]{min-height:16px;accent-color:#d79dff}
.quote-shell #commission-form input:focus-visible,.quote-shell #commission-form select:focus-visible,.quote-shell #commission-form textarea:focus-visible,.quote-shell #commission-form button:focus-visible,.quote-shell #commission-form summary:focus-visible{outline:2px solid #d79dff;outline-offset:3px}
.quote-shell #commission-form .image-drop{min-height:160px;background:linear-gradient(135deg,#38214855,#14151e);border:1px dashed #b57bd188;border-radius:12px}
.quote-shell #commission-form .image-drop:hover,.quote-shell #commission-form .image-drop.dragging,.quote-shell #commission-form .image-drop:focus-within{background:#35223f;border-color:#e8acff}
.quote-shell #commission-form .upload-mark{color:#daa9fb;background:#bb7ed519;border-color:#bb7ed555}
.quote-shell #commission-form .upload-copy{color:#eeddfb;font-size:20px}
.quote-shell #commission-form .upload-hint,.quote-shell #commission-form .upload-help,.quote-shell #commission-form .optional-label,.quote-shell #commission-form .commission-email-help,.quote-shell #commission-form .commission-reassurance,.quote-shell #commission-form .form-privacy,.quote-shell #commission-form .commission-price-note small{color:#b3a1c0}
.quote-shell #commission-form .commission-link-option summary,.quote-shell #commission-form .commission-back{color:#d2b3ed}
.quote-shell #commission-form .commission-idea-option,.quote-shell #commission-form .commission-extras{border-color:#80608d40}
.quote-shell #commission-form summary{color:#d9c8e9;font-size:14px}
.quote-shell #commission-form .layer-options label,.quote-shell #commission-form .upload-preview{background:#251a30;border-color:#76538977;color:#dfccec}
.quote-shell #commission-form .layer-options label:has(input:checked){background:#493056;border-color:#d79dff}
.quote-shell #commission-form #commission-estimate{color:#edc9ff}
.quote-shell #commission-form .commission-continue,.quote-shell #commission-form .commission-submit .button{min-height:54px;background:linear-gradient(105deg,#ba81ff,#f092d7);color:#21112f;border:1px solid #f4b2ed;border-radius:9px;box-shadow:0 5px 0 #663b82,0 10px 28px #c265e330;font-size:16px;font-weight:650}
.quote-shell #commission-form .commission-continue:hover,.quote-shell #commission-form .commission-submit .button:hover{background:linear-gradient(105deg,#c89aff,#ffade5)}
@media(max-width:800px){.quote-shell{grid-template-columns:1fr;padding:19px;gap:22px;border-radius:18px}.quote-shell .commission-request-intro{padding-top:0}.quote-shell .commission-request-intro h3{font-size:29px;margin-bottom:12px}.quote-eyebrow{margin-bottom:15px}.realm-commissions .quote-shell .commission-delivery{margin:16px 0}.quote-shell .direct-contact{margin-top:16px}.quote-shell #commission-form{padding:20px 17px}.atelier-loading{min-height:600px}#plugins.atelier-home-card{margin-top:18px}}

/* Carry the same quiet slate palette through the quote. */
.quote-shell{background:linear-gradient(125deg,#2b3c51f5,#263549f2);border-color:#c4d3df40;box-shadow:0 18px 45px #1425362b}.quote-eyebrow{color:#d3dacd}.quote-shell .commission-request-intro h3{color:#eef1f4}.realm-commissions .quote-shell .commission-request-intro>p{color:#becdda}.realm-commissions .quote-shell .commission-delivery{background:#39534f70;border-color:#bad0c32b;color:#d0ded7}.quote-shell .direct-contact .button{background:#3e5065;border-color:#b8ccda40;color:#dbe4e9}.quote-shell #commission-form{background:#28384bdd;border-color:#b5c9d433;box-shadow:none}.quote-shell #commission-form .commission-form-title{color:#eef1f4}.quote-shell #commission-form label,.quote-shell #commission-form legend,.quote-shell #commission-form summary{color:#d3dfe7}.quote-shell #commission-form input,.quote-shell #commission-form textarea,.quote-shell #commission-form select{background:#203044;color:#e8eff4;border-color:#a5bbcc55}.quote-shell #commission-form select option{background:#293c52}.quote-shell #commission-form .image-drop{background:linear-gradient(135deg,#45596d33,#293d52);border-color:#b0c4d36b}.quote-shell #commission-form .image-drop:hover,.quote-shell #commission-form .image-drop.dragging{background:#3d5367;border-color:#d8d8c8}.quote-shell #commission-form .upload-mark{background:#c9d8d110;border-color:#c9d8d133;color:#d2dfd9}.quote-shell #commission-form .upload-copy{color:#e0e8ee}.quote-shell #commission-form .upload-hint,.quote-shell #commission-form .upload-help,.quote-shell #commission-form .optional-label,.quote-shell #commission-form .commission-email-help,.quote-shell #commission-form .commission-reassurance,.quote-shell #commission-form .form-privacy,.quote-shell #commission-form .commission-price-note small{color:#b6c6d4}.quote-shell #commission-form .commission-progress>span:first-child,.quote-shell #commission-form .commission-link-option summary,.quote-shell #commission-form .commission-back{color:#cbd9e3}.quote-shell #commission-form .commission-progress-dots i:first-child,.quote-shell #commission-form:has(#commission-step-artwork[hidden]) .commission-progress-dots i:last-child{background:#d9cfb9}.quote-shell #commission-form #commission-estimate{color:#ecdcc2}.quote-shell #commission-form .commission-continue,.quote-shell #commission-form .commission-submit .button{background:linear-gradient(105deg,#e6d6bb,#d2dce6);color:#2a3b4d;border-color:#eee5d6;box-shadow:0 3px 10px #15253825}.quote-shell #commission-form .commission-continue:hover,.quote-shell #commission-form .commission-submit .button:hover{background:#eee4d4}.quote-shell #commission-form .layer-options label{background:#304359;border-color:#b2c5d34d}.quote-shell #commission-form .layer-options label:has(input:checked){background:#4b6074;border-color:#ded4ba}.quote-shell #commission-form input:focus-visible,.quote-shell #commission-form select:focus-visible,.quote-shell #commission-form textarea:focus-visible,.quote-shell #commission-form button:focus-visible,.quote-shell #commission-form summary:focus-visible{outline-color:#ded4ba}

.quote-shell #commission-form .commission-continue,.quote-shell #commission-form .commission-submit .button,.quote-shell #commission-form .commission-continue:hover,.quote-shell #commission-form .commission-submit .button:hover{box-shadow:none}

.quote-shell #commission-form .commission-continue,.quote-shell #commission-form .commission-submit .button{background:linear-gradient(105deg,#efc48f,#e9d6b0);color:#23364b;border-color:#ffdfb7;box-shadow:none}
.quote-shell #commission-form .commission-continue:hover,.quote-shell #commission-form .commission-submit .button:hover{background:linear-gradient(105deg,#ffd39b,#f5e0b9);color:#23364b;border-color:#fff0d8;box-shadow:none}

/* chapters.css */
.chapter-nav{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:35;display:flex;flex-direction:column;gap:6px;padding:9px 6px;border:1px solid #bfd0e229;border-radius:24px;background:#101b2bcc;box-shadow:0 6px 24px #0002;backdrop-filter:blur(10px)}
.chapter-nav[hidden]{display:none}
.chapter-current-label{display:none}
.chapter-nav a{position:relative;display:grid;place-items:center;width:30px;height:36px;border-radius:20px;text-decoration:none;color:#bdcce0;outline-offset:3px}
.chapter-nav a:before{content:'';z-index:1;width:7px;height:7px;border-radius:50%;background:#70839c;border:2px solid #172235;box-sizing:content-box;transition:background .18s,box-shadow .18s}
.chapter-nav a[aria-current=location]:before{background:#f5c695;box-shadow:0 0 0 3px #f5c69524}
.chapter-nav a:hover:before,.chapter-nav a:focus-visible:before{background:#ffe0b5}
.chapter-nav a:focus-visible{outline:2px solid #f5c695}
.chapter-nav a span{position:absolute;right:43px;top:50%;transform:translateY(-50%);padding:6px 11px;border:1px solid #a7bdd32b;border-radius:8px;background:#152133ed;color:#edf3fb;font-size:13px;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s}
.chapter-nav a[aria-current=location] span,.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1}
.chapter-progress{position:absolute;left:50%;top:27px;bottom:27px;width:2px;transform:translateX(-50%);background:#62738b66;overflow:hidden;border-radius:2px;pointer-events:none}
.chapter-progress span{display:block;width:100%;height:100%;background:#f5c695;transform:scaleY(var(--page-progress,0));transform-origin:top}
body:has(dialog[open]) .chapter-nav,body:has(#navigation.open) .chapter-nav{visibility:hidden}
@media(max-width:1100px){.chapter-nav{right:5px;padding:7px 2px;gap:4px}.chapter-nav a{width:24px;height:32px}.chapter-progress{top:23px;bottom:23px}.chapter-nav a span{right:34px}.chapter-nav a[aria-current=location] span{opacity:0}.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1}}
@media(prefers-reduced-motion:reduce){.chapter-nav a:before,.chapter-nav a span{transition:none}}
@media(max-width:1100px){.chapter-current-label{display:block;position:absolute;top:calc(100% + 8px);right:0;padding:5px 8px;border:1px solid #a7bdd32b;border-radius:7px;background:#152133ed;color:#e2ccac;font-size:12px;line-height:1.2;white-space:nowrap;pointer-events:none}}
@media(max-width:720px){
  .chapter-nav{inset:0 0 auto;top:0;transform:none;height:3px;padding:0;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;pointer-events:none}
  .chapter-nav a,.chapter-current-label{display:none}
  .chapter-progress{inset:0;width:100%;height:3px;transform:none;border-radius:0;background:#14203455}
  .chapter-progress span{transform:scaleX(var(--page-progress,0));transform-origin:left}
}

/* search-content.css */
.service-guide-link{display:inline-block;color:#edc895;text-decoration:underline;text-underline-offset:6px;font-size:17px;margin-top:16px}
.portfolio-page #work-heading{font-family:Jost,Arial,sans-serif;font-size:clamp(29px,3vw,43px);line-height:1.18;font-weight:400;letter-spacing:-.025em;margin:0}
.portfolio-service-intro{color:#b9cbe0;font-size:18px;margin-top:18px;max-width:800px}
.portfolio-service-intro a{text-decoration:underline;text-underline-offset:5px;color:#edc895}
.footer>div{flex-wrap:wrap}
.portfolio-project-link{margin-top:12px;font-size:17px;color:#edc895}.portfolio-project-link a{text-underline-offset:5px}
@media(max-width:720px){.portfolio-page #work-heading{font-size:29px}.portfolio-service-intro{font-size:17px}.service-guide-link{font-size:16px}}

/* site-identity.css */
/* 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}

/* gallery-previews.css */
.artstation-grid .artstation-card{aspect-ratio:16/9}
.artstation-card .gallery-preview{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:inherit}
@media(max-width:720px){.realm-work .artstation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Keep desktop arrows beside the artwork; on mobile, leave the comparison handle clear. */
.gallery-player{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:14px;align-items:center}
.gallery-player .comparison-stage{min-width:0}
.gallery-arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #b4a0c266;border-radius:50%;background:#211d35e6;color:#fff;cursor:pointer;box-shadow:0 3px 14px #100d2226;transition:background .18s,border-color .18s}
.gallery-arrow:hover{background:#514061;border-color:#d2bbdf}
.gallery-arrow:focus-visible{outline:3px solid #f5c695;outline-offset:3px}
.gallery-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:720px){.gallery-player{display:block}.gallery-arrow{position:absolute;z-index:4;top:10px;width:44px;height:44px;background:#211d35e6}.gallery-arrow[data-gallery-direction="previous"]{left:10px}.gallery-arrow[data-gallery-direction="next"]{right:10px}}
@media(prefers-reduced-motion:reduce){.gallery-arrow{transition:none}}

/* Center the upload itself; identity and secondary links sit outside that focal point. */
.reference-hero{height:100svh;min-height:720px;max-height:none;aspect-ratio:auto}
.reference-hero .hero-copy{top:50%;left:50%;width:min(720px,88%);max-width:none;transform:translate(-50%,-50%)}
.hero-identity{position:absolute;bottom:calc(100% + 36px);left:0;right:0}
.reference-hero .hero-identity h1{width:300px;max-width:75%;margin:0 auto;padding:0}
.hero-identity>p{font-family:var(--font);font-size:18px;font-weight:400;line-height:1.5;letter-spacing:.05em;color:#fff;margin:16px 0 0;text-shadow:0 1px 7px #15264155}
.reference-hero .hero-actions{position:relative;width:100%;gap:0;margin:0}
.reference-hero .hero-secondary-actions{position:absolute;top:calc(100% + 18px);left:0;right:0;width:100%;display:flex;justify-content:center;gap:12px}
.reference-hero .hero-actions .hero-secondary{width:auto;min-width:0;min-height:44px;padding:10px 20px;background:#1b304b66;border:1px solid #ffffff42;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff0d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:15px;font-weight:500;letter-spacing:0;text-shadow:0 1px 4px #10223955}
.reference-hero .hero-actions .hero-secondary:hover{background:#263f5e99;border-color:#ffffff80;color:#fff;text-decoration:none}
.hero-artwork-drop{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%;min-height:260px;padding:36px;text-align:center;color:#fff;border:1px dashed #ffffffa6;border-radius:20px;background:linear-gradient(115deg,#ffffff30,#ffffff14);box-shadow:inset 0 1px 0 #ffffff38,0 8px 28px #0a172214;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:background .18s,border-color .18s}
.hero-artwork-drop:hover,.hero-artwork-drop.dragging{background:linear-gradient(115deg,#ffffff40,#ffffff24);border-color:#fff}
.hero-artwork-drop:focus-within{outline:2px solid #fff;outline-offset:4px}
.hero-upload-choose{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 24px;border-radius:11px;background:#fff;color:#263c54;font-size:16px;font-weight:500;box-shadow:0 3px 14px #10223918}
.hero-upload-icon{display:grid;place-items:center;flex:none;color:inherit}
.hero-upload-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero-upload-copy{display:flex;flex-direction:column;gap:10px;min-width:0}
.hero-upload-title{font-size:28px;font-weight:500;line-height:1.35;letter-spacing:0;color:#fff;text-shadow:0 1px 7px #10243d80}
.hero-upload-help{font-size:13px;line-height:1.5;color:#fff;letter-spacing:.01em;text-shadow:0 1px 5px #10243d80}
.hero-artwork-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}
.hero-upload-status{position:absolute;top:100%;left:0;right:0;font-size:13px;line-height:1.4;color:#fff1d2;margin:12px 0 0;text-shadow:0 1px 4px #102033}
.hero-upload-status:empty{display:none}
.hero-upload-status:not(:empty)+.hero-secondary-actions{top:calc(100% + 70px)}
@media(max-width:720px){.reference-hero{min-height:680px}.reference-hero .hero-copy{top:50%;width:90%}.hero-identity{bottom:calc(100% + 30px)}.reference-hero .hero-identity h1{width:240px}.hero-identity>p{font-size:16px;letter-spacing:.02em;margin-top:14px}.hero-artwork-drop{min-height:230px;padding:28px 16px;gap:20px;border-radius:17px}.hero-upload-title{font-size:23px}.hero-upload-help{font-size:12px}.hero-upload-choose{min-height:48px;font-size:15px;padding:12px 22px}.reference-hero .hero-secondary-actions{gap:10px}.reference-hero .hero-actions .hero-secondary{font-size:14px;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.hero-artwork-drop{transition:none}}
.hero-upload-help{display:flex;flex-direction:column;gap:5px}
.hero-upload-help small{font:inherit;font-size:11px;color:#edf3fc}
.portfolio-case-link{text-align:center;margin:18px 0 0}
.portfolio-case-link a{display:inline-flex;align-items:center;min-height:44px;color:#e7d5b9;font-size:15px;text-decoration:underline;text-underline-offset:5px}

/* Give comparison playback a visible control on mouse, touch and keyboard. */
.gallery-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.gallery-playback{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid #b5c6d14d;border-radius:8px;background:#3b4b6080;color:#eef3f8;font:inherit;font-size:14px;cursor:pointer}
.gallery-playback:hover{background:#4c5e73}
.gallery-playback:focus-visible{outline:3px solid #e7d5b9;outline-offset:3px}
.commission-delivery-note{grid-column:1/-1;width:100%;max-width:none!important;margin:0;text-align:center;color:#c9d3df;font-size:14px;line-height:1.6}
.commission-delivery-note a{display:inline-flex;align-items:center;min-height:44px;margin-left:12px;color:#f0e4d0;text-decoration:underline;text-underline-offset:4px}
.section.realm-shop#shop:not(.shop-nearby):before{background-image:none}
@media(max-width:720px){
  .realm-work .artstation-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:112px;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:5px 4px 12px;margin-inline:-4px;scrollbar-width:thin;scrollbar-color:#9db0c180 transparent}
  .realm-work .artstation-grid .artstation-card{scroll-snap-align:center}
  .realm-work figcaption{flex-wrap:wrap;gap:10px}
  .gallery-controls{gap:12px}
  .gallery-playback{font-size:12px;padding:7px 10px}
  .commission-delivery-note{font-size:13px}
  .commission-delivery-note a{margin-left:8px}
}