:root{--primary:#259ca8;--secondary:#457fc7;--ink:#edf6fa;--muted:#95adbd;--line:#2c4659;--paper:#102333;--cyan:#68cbd7;--bg:#0b1521}
html{background:var(--bg);scroll-padding-top:110px}body{background:var(--bg);color:var(--ink)}h1{line-height:1.08}h2{line-height:1.16}p{line-height:1.75}.container{width:min(1320px,calc(100% - 96px))}.section{padding-block:78px}.section-spacer{height:75px}.eyebrow{color:var(--cyan)}.button{background:linear-gradient(110deg,var(--primary),var(--secondary));color:#f1fcff;border:1px solid #5ab8ce7a;border-radius:5px;font-weight:600;min-height:47px}.button:hover{box-shadow:0 8px 28px #0004;filter:brightness(1.12)}.button-outline,.button-glass{background:#0d243699;border-color:#4e98b0;color:#dff4f8}.button-white{background:#e2f5f9;color:#173b4c}.button-glass{border-radius:50px}.icon-button{background:#132b3c;color:#bce2ed;border-color:#345a71}.icon-button:hover{background:var(--primary);color:white}.text-link{color:#b3d9e3}.text-link:hover{color:var(--cyan)}.tiny-label{color:#839faf}.skip{background:#143346}.initial-state{color:#b9d8e4}.loader{background:linear-gradient(125deg,#0a1c2a,#17495f)}.loader i:after{background:#6ad3dc}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#header{background:#0b1521f5;border-bottom:1px solid #91c6e017}.header-inner{height:86px}.header-inner nav{font-size:11px;text-transform:uppercase;letter-spacing:.045em;gap:36px}.header-inner nav a:hover,.header-inner nav a[aria-current]{color:var(--cyan)}.brand .brand-mark{filter:none;width:36px;height:40px}.brand>span{font-size:22px}.brand small{color:#88a5b6;font-size:7px}.nav-cta{background:#14384b;color:#a1d7e4}
.hero{height:540px;min-height:0;background:#102e43}.hero-shade{background:linear-gradient(90deg,#09233055,#0c263466),linear-gradient(0deg,#0b1521bd,transparent 35%,#081b3025)}.hero-content{min-height:0;padding-block:50px;align-items:center;justify-content:center}.hero-copy{margin:auto 0;padding:0;text-align:center;max-width:1050px}.hero-copy .eyebrow{color:#6cd5e5;letter-spacing:.2em;font-size:10px}.hero-copy h1{font-size:clamp(43px,5.3vw,76px);margin-top:20px;text-shadow:0 3px 25px #03111d80;line-height:1.08}.hero-copy>p:not(.eyebrow){max-width:650px;color:#d3e7ee;font-size:15px;margin:24px auto 27px}.hero-copy .button-row{justify-content:center}.hero-copy .button{min-height:43px;font-size:11px;padding:10px 23px}.hero-bottom{position:absolute;bottom:17px;left:0;right:0;display:block;text-align:center}.hero-demo{color:#afc5d0;font-size:9px}.commission-section{padding-top:24px}
.discord-banner{background:linear-gradient(115deg,#104353,#173250);border:1px solid #3facc1;border-radius:8px;padding:31px 36px;gap:25px}.discord-symbol{transform:none;width:52px;height:52px;border-color:#70c2d74a;color:#9ee2ed}.discord-symbol svg{width:29px;height:29px}.discord-banner h2{font-size:28px;margin:9px 0}.discord-banner .eyebrow{color:#6acbd8;font-size:9px;letter-spacing:.13em}.discord-banner p:not(.eyebrow){color:#b7d6e0;font-size:12px}.discord-banner .button{background:linear-gradient(110deg,var(--primary),var(--secondary));color:#effdff;border-radius:50px;max-width:300px;padding:14px 21px;white-space:normal;font-size:11px}.discord-banner .button>span:nth-child(2){font-size:11px}.discord-banner:after{border-color:#65cadb12}
.section-heading .eyebrow{color:var(--cyan);margin-bottom:12px}.section-heading h2{font-size:clamp(30px,3vw,43px)}.section-heading h2:after{content:'';display:block;width:49px;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));margin-top:19px}.section-description{color:var(--muted)}.services-section{padding-top:76px;padding-bottom:30px}.services-section .section-heading{justify-content:center;text-align:center;margin-bottom:35px}.services-section h2:after{margin-inline:auto}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{padding:28px 30px 30px;border:1px solid #28475a;background:linear-gradient(145deg,#10202e,#0e1b29);border-radius:7px;text-align:center}.service-icon{display:grid;place-items:center;font-size:39px;color:#5bcbd9;background:linear-gradient(135deg,#184558a6,#14324a70);border:1px solid #2d697e61;width:70px;height:70px;border-radius:12px;margin:0 auto 22px;line-height:1}.service-card h3{font-size:21px;font-weight:600;margin-bottom:14px}.service-card p{font-size:13px;color:#9eb5c3;line-height:1.75}
.portfolio-section{padding-top:65px;padding-bottom:40px;scroll-margin-top:20px}.portfolio-section .section-heading{margin-bottom:0}.concept-note{font-size:10px;color:#718f9f;margin-top:17px;line-height:1.6}.project-caption{display:block;padding-top:20px;text-align:center}.project-caption h3{font-size:26px;margin:0;color:#b7d6e0}.project-visual{border-radius:7px;background:#17384b}.round-arrow{background:#102b3ae0;color:#b9e7ee;border:1px solid #c1eef450}.portfolio-carousel{margin-top:25px;position:relative;--card-width:calc((100% - 64px)/3);--portfolio-gap:32px}.portfolio-viewport{overflow:hidden;padding:17px 0 18px;touch-action:pan-y;cursor:grab;user-select:none}.portfolio-viewport.dragging{cursor:grabbing}.portfolio-track{display:flex;gap:var(--portfolio-gap);will-change:transform}.portfolio-slide{flex:0 0 var(--card-width);min-width:0;transform:scale(.94);opacity:.66;transition:transform 700ms cubic-bezier(.22,.7,.18,1),opacity 700ms}.portfolio-slide.is-current{transform:scale(1);opacity:1}.portfolio-slide .round-arrow{display:none}.portfolio-slide.is-current h3{color:var(--cyan)}.portfolio-slide .project-visual{aspect-ratio:1.55}.portfolio-slide .project-caption h3{font-size:clamp(18px,2vw,28px);line-height:1.25;letter-spacing:-.025em}.portfolio-slide .project-card{display:block}.portfolio-arrow{position:absolute;top:calc((100% - 54px)/2 - 16px);height:40px;width:40px;border:1px solid #65b1c4b3;border-radius:6px;background:#163544ed;transform:rotate(45deg);z-index:5;color:#caeff4;display:grid;place-items:center;box-shadow:0 8px 22px #0003}.portfolio-arrow:hover{background:#24899b}.portfolio-arrow span{display:block;transform:rotate(-45deg);font-size:21px}.portfolio-prev{left:13px}.portfolio-next{right:13px}.portfolio-all{margin-top:26px}.portfolio-all .button{font-size:10px;letter-spacing:.05em;min-height:42px;padding:10px 22px}.single-project .portfolio-track{justify-content:center;transform:none!important}.single-project .portfolio-slide{flex-basis:60%;opacity:1;transform:none}
.market-section{padding-block:62px}.market-section .section-heading{justify-content:center;text-align:center}.market-section .section-heading h2{font-size:29px}.market-section h2:after{margin-inline:auto}.market-grid{gap:22px}.market-card{border-color:#2b4d60;background:linear-gradient(130deg,#1028384d,#101e2e);display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center;padding:24px 26px}.market-card:hover{background:#133344}.market-number{display:none}.market-icon{grid-row:1/4;color:#67c9d6;height:auto}.market-card h3{font-size:22px;margin:0}.market-card>p{font-size:11px;color:#8da9ba;margin-top:7px}.market-card .text-link{font-size:10px;margin-top:16px}.market-card.unavailable .text-link{color:#6d8d9f}.home-contact{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:65px;border:1px solid #2e586b;border-radius:8px;padding:42px;background:linear-gradient(120deg,#122532,#0e1d2d)}.home-contact .eyebrow{font-size:9px;margin-bottom:17px}.home-contact h2{font-size:35px}.home-contact p:not(.eyebrow){font-size:13px;color:#a2b7c5;margin-top:21px;max-width:570px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.contact-actions .text-link{font-size:11px}
.page-intro{padding-block:57px 45px}.page-intro .eyebrow{color:var(--cyan)}.page-intro>p{color:var(--muted)}.categories-section{background:linear-gradient(180deg,#1024325e,#0a152200);border-top:1px solid #31506450}.category-card,.category-hero{border:1px solid #456c7d70;background:#123245}.category-shade{background:linear-gradient(90deg,#071e30cf,#08263744),linear-gradient(0deg,#07182780,transparent)}.category-arrow{color:#a8e1eb}.category-card div>span{color:#abcad7}.breadcrumbs{color:#829fb1}.category-hero .breadcrumbs{color:#c3d8e0}.product-card{background:#0f202f;border-color:#264457}.product-card:hover{border-color:#428198;box-shadow:0 10px 35px #0002}.product-visual{background:#183a4e}.product-meta{color:#8baabc}.product-info h3{font-size:18px}.product-bottom{border-color:#294555}.product-bottom small{color:#7f9db0}.product-bottom>strong{font-weight:600}.demo-badge{background:#0a1c2cd6;color:#c0e3ec;border:1px solid #71b7c832}.product-type{background:#102b3bd9;color:#b7e2ec}.search-field{background:#0d202e;border-color:#345366}.search-field input{color:#deedf3}.search-field input::placeholder{color:#7495a8}.search-field>span{color:#80b2c4}.sort-field{color:#8eacbd}.sort-field select{background:#112a3b;color:#d3e7ef;border-color:#345366;color-scheme:dark}.filter-chip{background:#112737;color:#a5c6d5;border-color:#34566b}.filter-chip.active{background:#1a4859;border-color:#55adbf;color:#d4f5f8}.theme-filters{border-color:#294556}.main-image-button{background:#102b3e;border:1px solid #31556a}.zoom-label{background:#0c2435e0;color:#c9edf3;border:1px solid #5e9bb16b}.gallery-thumbs button{border:1px solid #31556a}.detail-description,.project-story>p{color:#a2bac9}.specs{border-color:#2c495d}.specs dt{color:#6e99af}.specs dd{color:#c8dee9}.offer-soon{background:#122d40;color:#97d1e0;border:1px solid #345e73}.purchase-note{color:#789aaf}.detail-price small,.detail-price>.demo-price-note{color:#8fabbc}.discord-text{color:#69c3d4}.lightbox{background:#0c2232;border:1px solid #3e7288;color:#c4dfe9}.lightbox::backdrop{background:#03111eeb}.project-detail-heading>p{color:#88a6b8}.exclusive-hero:after{background:linear-gradient(90deg,#061e31e8,#082b3d5c)}.process-number{border-color:#2c4a5e;color:#4d9eb5}.process-grid p{color:#91adbe}.contact-art{border:1px solid #2e586d;background:linear-gradient(130deg,#103d4e,#163554)}.contact-page>div>p:not(.eyebrow){color:#97b4c6}.email-link{color:#6fc0d3}.legal>p:last-child{color:#97b4c4}
#footer{background:#09131e;border-top:1px solid #294659}.footer-bottom{border-color:#29465988;color:#6c91a7}.footer-socials{color:#a0c1d0}.footer-brand .brand-mark{filter:none}.footer-brand small{color:#7b9caf}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.header-inner nav{gap:25px}.discord-banner{padding:28px;grid-template-columns:1fr auto}.discord-symbol{display:none}.discord-banner .button{grid-column:auto;max-width:250px;white-space:normal}.discord-banner h2{font-size:26px}.portfolio-carousel{--portfolio-gap:24px;--card-width:calc((100% - 48px)/3)}.service-card{padding:26px 23px}.service-card h3{font-size:20px}.market-card{padding:21px 22px;column-gap:15px}.market-card h3{font-size:20px}.home-contact{gap:35px;padding:34px}.home-contact h2{font-size:32px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{height:75px}.mobile-nav:not([hidden]){background:#0d1c2b}.mobile-nav a{border-color:#294657}.hero{height:520px;min-height:0}.hero-content{min-height:0}.hero-copy{padding:0;max-width:100%}.hero-copy h1{font-size:clamp(42px,7.5vw,61px)}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:520px}.services-grid{gap:17px}.service-card{padding:24px 18px}.service-card h3{font-size:18px}.service-card p{font-size:12px}.service-icon{height:58px;width:58px;font-size:34px;margin-bottom:20px}.portfolio-carousel{--portfolio-gap:19px;--card-width:calc((100% - 38px)/3)}.portfolio-slide .project-caption h3{font-size:19px}.portfolio-slide .project-caption{padding-top:17px}.portfolio-arrow{width:33px;height:33px;top:calc((100% - 40px)/2 - 16px)}.portfolio-arrow span{font-size:18px}.portfolio-prev{left:8px}.portfolio-next{right:8px}.market-card{padding:22px 18px;display:block}.market-card h3{margin-top:15px}.market-icon{height:35px}.discord-banner{padding:27px;gap:20px;grid-template-columns:1fr}.discord-banner .button{grid-column:1;max-width:none;justify-self:start}.home-contact{grid-template-columns:1fr;gap:30px}.section-heading h2{font-size:33px}.section{padding-block:60px}}
@media(max-width:520px){html{scroll-padding-top:92px}.container{width:calc(100% - 36px)}.header-inner{height:72px}.brand>span{font-size:18px}.brand .brand-mark{width:31px;height:34px}.hero{height:505px;min-height:0}.hero-content{padding-block:45px;min-height:0}.hero-copy h1{font-size:44px;line-height:1.08}.hero-copy .eyebrow{font-size:8px;letter-spacing:.13em;max-width:100%}.hero-copy>p:not(.eyebrow){font-size:13px;margin:22px auto 25px;max-width:320px}.hero-bottom .hero-demo{font-size:8px}.commission-section{padding-top:18px}.discord-banner{padding:25px 23px}.discord-banner h2{font-size:28px}.discord-banner .button{font-size:11px;width:100%;padding:14px 17px;gap:10px}.discord-banner .button>span:nth-child(2){font-size:11px}.section{padding-block:48px}.section-heading h2{font-size:31px}.services-section{padding-top:49px;padding-bottom:18px}.services-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:24px;display:grid;grid-template-columns:auto 1fr;gap:7px 20px;text-align:left;align-items:center}.service-icon{grid-row:1/3;margin:0;height:55px;width:55px;font-size:31px}.service-card h3{font-size:19px;margin:0}.service-card p{font-size:12px;line-height:1.6}.portfolio-section{padding-top:45px;padding-bottom:25px}.concept-note{font-size:9px;max-width:260px}.portfolio-carousel{--card-width:calc((100% - 20px)/3);--portfolio-gap:10px;margin-top:25px}.portfolio-slide{opacity:.78;transform:scale(.94)}.portfolio-slide.is-current{opacity:1;transform:scale(1)}.portfolio-slide .project-visual{aspect-ratio:.83;border-radius:4px}.portfolio-slide .project-caption{padding:13px 1px 0}.portfolio-slide .project-caption h3{font-size:13px;line-height:1.4;letter-spacing:-.015em;overflow-wrap:break-word}.portfolio-arrow{width:28px;height:28px;top:calc((100% - 37px)/2 - 16px);border-radius:4px}.portfolio-arrow span{font-size:16px}.portfolio-prev{left:6px}.portfolio-next{right:6px}.portfolio-all{margin-top:21px}.portfolio-all .button{font-size:10px;padding:10px 17px;min-height:40px}.single-project .portfolio-slide{flex-basis:82%}.single-project .project-visual{aspect-ratio:1.4}.single-project .project-caption h3{font-size:25px}.market-section{padding-block:45px}.market-card{padding:22px;display:grid;grid-template-columns:auto 1fr;gap:0 20px}.market-card h3{font-size:22px;margin:0}.market-card p{font-size:11px}.market-icon{height:auto;font-size:28px}.home-contact{padding:28px 24px;gap:25px}.home-contact h2{font-size:31px}.home-contact p:not(.eyebrow){font-size:12px;margin-top:18px}.contact-actions .button{width:100%;font-size:11px}.project-caption h3{font-size:24px}.portfolio-grid .project-visual{aspect-ratio:1.4}}
@media(prefers-reduced-motion:reduce){.portfolio-slide{transition:none!important}}
/* Focused refinements: commission tile, navigation, contact animation and inbox. */
.header-inner.container{width:min(1120px,calc(100% - 80px))}.header-inner nav{gap:23px;font-size:10px}.header-inner nav a{padding:8px 0}.header-inner .brand>span{font-size:20px}
.discord-banner.exclusive-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;min-height:330px;padding:48px 52px;background:linear-gradient(115deg,#1a2231,#1d2b3b);border:1px solid #37576c;border-radius:20px}.discord-banner.exclusive-tile:after{display:none}.exclusive-tag{font-size:11px;font-weight:600;letter-spacing:.07em;color:#78c3ed;padding:6px 15px;line-height:1.4;border:1px solid #497b9c;border-radius:30px;background:#28405466;margin-bottom:22px}.discord-banner.exclusive-tile h2{font-size:clamp(31px,3.3vw,45px);line-height:1.12;letter-spacing:-.025em;margin:0 0 20px}.discord-banner.exclusive-tile .exclusive-description{font-size:14px;line-height:1.7;max-width:790px;margin:0;color:#bbc7d5}.discord-banner.exclusive-tile .button{margin-top:31px;border-radius:11px;padding:17px 28px;min-height:57px;max-width:100%;font-size:13px;font-weight:600;box-shadow:0 0 27px #248dab28}.discord-banner.exclusive-tile .button>span:nth-child(2){font-size:13px}.discord-banner.exclusive-tile .button svg{width:23px;height:23px}
.contact-art.seamless-animation{background:transparent;border:0;border-radius:0;overflow:visible;isolation:isolate}.contact-art.seamless-animation img{object-fit:contain;height:100%;width:100%;mask-image:radial-gradient(ellipse closest-side,#000 42%,#000f 62%,#0006 82%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side,#000 42%,#000f 62%,#0006 82%,transparent 100%)}.contact-art.seamless-animation>span{bottom:12px;color:#799aaa}.hero-copy h1:first-child{margin-top:0}#main[aria-busy=true]{will-change:opacity,transform,filter}
.footer-socials{gap:11px;align-items:center;flex-wrap:wrap;max-width:none}.footer-icon{display:inline-grid;place-items:center;width:36px;height:36px;padding:7px;color:#97b8c9;background:transparent;border:0;border-radius:7px;transition:color .2s,background .2s,transform .2s}.footer-icon svg{display:block;width:22px;height:22px}.footer-icon img{display:block;width:22px;height:22px;object-fit:contain;filter:grayscale(1);opacity:.95}.footer-icon:hover{color:#70d0de;background:#1b405333;transform:translateY(-2px)}.footer-icon.unavailable{opacity:.4;cursor:default}.footer-icon.unavailable:hover{background:transparent;transform:none;color:#97b8c9}
#contact-widget{position:fixed;right:25px;bottom:23px;z-index:120;font-family:Neo,Arial,sans-serif}.chat-toggle{width:57px;height:57px;border:1px solid #78c0df44;border-radius:50%;display:grid;place-items:center;background:linear-gradient(125deg,#238eaa,#3567b8);color:white;box-shadow:0 7px 30px #0005;transition:transform .2s,box-shadow .2s}.chat-toggle:hover{transform:translateY(-3px);box-shadow:0 9px 35px #0a7aaf40}.chat-toggle svg{width:26px;height:26px}.chat-hint{position:absolute;right:73px;bottom:3px;width:187px;padding:12px 15px;background:#f2f7fa;color:#29414f;border-radius:5px;box-shadow:0 5px 28px #0004;pointer-events:none}.chat-hint:after{content:'';position:absolute;right:-7px;top:21px;border-left:8px solid #f2f7fa;border-top:7px solid transparent;border-bottom:7px solid transparent}.chat-hint strong{display:block;font-size:12px;line-height:1.5;font-weight:400}.chat-hint span{display:block;font-size:11px;color:#70838c;line-height:1.5;margin-top:3px}.chat-hint[hidden],.chat-panel[hidden]{display:none}.chat-panel{position:absolute;right:0;bottom:75px;width:355px;max-height:calc(100dvh - 115px);overflow:auto;background:#101f2f;border:1px solid #365b70;border-radius:14px;box-shadow:0 18px 65px #0007;color:#d4e6ef}.chat-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(125deg,#18465b,#203b62);padding:23px 22px 21px;border-bottom:1px solid #4c7c9144}.chat-panel header strong{font-weight:600;font-size:19px;letter-spacing:-.02em}.chat-panel header p{font-size:11px;line-height:1.65;color:#a8c9d8;margin-top:10px}.chat-panel #chat-close{flex-shrink:0;width:27px;height:27px;display:grid;place-items:center;border:1px solid #6e9db249;background:#112d4280;color:#c5e3ef;border-radius:50%;font-size:20px}.chat-panel form{padding:23px 22px}.chat-panel label{display:block;font-size:11px;color:#9ab6c7;margin-bottom:17px}.chat-panel input,.chat-panel textarea{display:block;width:100%;border:1px solid #34566b;border-radius:5px;background:#0b1927;color:#d5e8f0;padding:10px 12px;font-size:13px;line-height:1.5;margin-top:7px}.chat-panel textarea{resize:vertical;min-height:90px;max-height:200px}.chat-panel .chat-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;margin:0}.chat-panel .chat-privacy{font-size:10px;line-height:1.7;color:#6e96ae;margin:0 0 18px}.chat-privacy a{color:#9fcedd;text-decoration:underline}.chat-panel .button{width:100%;font-size:12px;min-height:44px}.chat-response{font-size:12px;line-height:1.7;color:#83d7be;margin:0 0 15px}.chat-response:empty{display:none}.chat-response.error{color:#f7a4b1}
@media(max-width:800px){.header-inner.container{width:calc(100% - 40px)}.discord-banner.exclusive-tile{padding:36px 32px;min-height:320px}.discord-banner.exclusive-tile h2{font-size:36px}.discord-banner.exclusive-tile .exclusive-description{font-size:13px}.discord-banner.exclusive-tile .button{grid-column:auto;align-self:center;justify-self:auto;width:auto}.footer-socials{max-width:none;gap:8px}}
@media(max-width:520px){.header-inner .brand>span{font-size:18px}.discord-banner.exclusive-tile{padding:31px 23px;min-height:0;border-radius:15px}.exclusive-tag{font-size:9px;padding:5px 12px;margin-bottom:20px}.discord-banner.exclusive-tile h2{font-size:32px;margin-bottom:18px}.discord-banner.exclusive-tile .exclusive-description{font-size:12px;line-height:1.75}.discord-banner.exclusive-tile .button{margin-top:25px;padding:14px 16px;min-height:51px;width:100%;font-size:11px;gap:10px;border-radius:8px}.discord-banner.exclusive-tile .button>span:nth-child(2){font-size:11px}.discord-banner.exclusive-tile .button svg{height:20px;width:20px}.footer-socials{gap:6px}.footer-icon{width:34px;height:34px;padding:6px}#contact-widget{right:17px;bottom:17px}.chat-toggle{width:52px;height:52px}.chat-hint{right:65px;width:165px;padding:10px 13px}.chat-hint strong{font-size:11px}.chat-hint span{font-size:10px}.chat-panel{width:min(355px,calc(100vw - 50px));bottom:67px;max-height:calc(100dvh - 105px)}.chat-panel>header{padding:21px}.chat-panel form{padding:21px}.chat-panel input,.chat-panel textarea{font-size:16px}}

.chat-toggle{background:linear-gradient(125deg,var(--primary),var(--secondary))}

#footer{padding-bottom:95px}

/* Center the navigation groups beside the brand and show the transparent mark. */
@media(min-width:801px){.header-inner{column-gap:clamp(48px,8vw,130px)}.header-inner .nav-left{justify-content:flex-end}.header-inner .nav-right{justify-content:flex-start}}
.contact-art.contact-logo{background:transparent;border:0;border-radius:0;box-shadow:none;width:min(100%,520px);justify-self:center;overflow:visible}.contact-art.contact-logo img{mask-image:none;-webkit-mask-image:none;filter:none;object-fit:contain;width:100%;height:100%}

/* Larger, more generously spaced desktop navigation. */
@media(min-width:801px){.header-inner nav{font-size:12px;gap:30px}}
.logo-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}

/* Official marketplace marks and larger header branding. */
.market-icon>img.platform-logo{width:48px;height:54px;object-fit:contain}.mcmodels-symbol{display:block;width:50px;height:54px;overflow:hidden;flex-shrink:0}.mcmodels-symbol img.platform-logo{display:block;height:54px;width:auto;max-width:none;object-fit:contain;filter:none}.footer-icon img.platform-logo{width:26px;height:26px;filter:none;opacity:1;object-fit:contain}.footer-icon .mcmodels-symbol{width:26px;height:26px}.footer-icon .mcmodels-symbol img.platform-logo{height:26px;width:auto;max-width:none}.header-inner .brand>span{font-size:24px}.header-inner .brand .brand-mark{width:43px;height:48px}.header-inner .brand small{font-size:8px}
@media(max-width:520px){.header-inner .brand>span{font-size:21px}.header-inner .brand .brand-mark{width:36px;height:40px}.header-inner .brand small{font-size:7px}.market-icon>img.platform-logo{width:42px;height:48px}.market-icon .mcmodels-symbol{width:44px;height:48px}.market-icon .mcmodels-symbol img.platform-logo{height:48px}}

/* Match platform marks to the page accent, with transparent negative space. */
.market-icon img.builtbybit-logo,.footer-icon img.builtbybit-logo{filter:url(#platform-builtbybit)}.mcmodels-symbol img.mcmodels-logo{filter:url(#platform-mcmodels)}

.service-icon svg{width:34px;height:34px;display:block}@media(max-width:520px){.service-icon svg{width:29px;height:29px}}

/* Footer marks share one neutral colour and the same hover accent. */
:root{--footer-icon-color:#97b8c9;--footer-icon-hover:#70d0de}.footer-icon{color:var(--footer-icon-color)}.footer-icon:hover{color:var(--footer-icon-hover)}.footer-icon.unavailable:hover{color:var(--footer-icon-color)}.footer-icon img.builtbybit-logo{filter:url(#platform-builtbybit-footer)}.footer-icon .mcmodels-symbol img.mcmodels-logo{filter:url(#platform-mcmodels-footer)}.footer-icon:not(.unavailable):hover img.builtbybit-logo{filter:url(#platform-builtbybit-footer-hover)}.footer-icon:not(.unavailable):hover img.mcmodels-logo{filter:url(#platform-mcmodels-footer-hover)}
.platform-logo{user-select:none;-webkit-user-select:none}

.commission-copy .exclusive-tag { display: inline-block; }
.commission-section .exclusive-tile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px 38px;
  min-height: 0;
  padding: clamp(24px, 3vw, 40px);
  background: #122230;
  border: 1px solid #294657;
  border-left: 3px solid var(--cyan);
  border-radius: 8px;
  text-align: left;
}
.commission-section .exclusive-tag {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--cyan);
}
.commission-section .exclusive-tile h2 { font-size: clamp(26px, 2.75vw, 37px); margin-bottom: 10px; }
.commission-section .exclusive-tile .exclusive-description { max-width: 620px; }
.commission-section .exclusive-tile .button {
  grid-column: auto;
  justify-self: start;
  width: auto;
  min-height: 48px;
  margin: 0;
  padding: 11px 17px;
  border-radius: 6px;
  background: #8cd5df;
  color: #0e1a24;
  box-shadow: none;
}
.home-contact {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px 36px;
  padding: 30px 0;
  border: 0;
  border-block: 1px solid #294657;
  border-radius: 0;
  background: none;
}
.home-contact h2 { font-size: clamp(24px, 2.4vw, 33px); }
.home-contact p:not(.eyebrow) { margin-top: 9px; }
.home-contact .contact-actions { flex-flow: row wrap; align-items: center; gap: 14px 20px; }
.home-contact .contact-actions .button { width: auto; }
@media (max-width: 800px) {
  .commission-section .exclusive-tile, .home-contact { grid-template-columns: 1fr; }
  .commission-section .exclusive-tile .button { white-space: normal; }
}

.exclusive-content h1 + .button { margin-top: 26px; }
.exclusive-process { padding-block: clamp(40px, 5vw, 64px) 0; }
.exclusive-process .section-heading { margin-bottom: 22px; }
.exclusive-process .section-heading h2 { font-size: clamp(27px, 3.1vw, 39px); }
.exclusive-process .section-heading h2::after { content: none; }
.exclusive-process .process-grid { gap: 16px; margin: 0; padding: 0; list-style: none; }
.exclusive-process .process-grid > li {
  padding: clamp(18px, 2.4vw, 28px);
  background: #111e2b;
  border: 1px solid #294657;
  border-radius: 8px;
}
.exclusive-process .process-number {
  display: inline-grid;
  place-items: center;
  min-width: 32px;
  min-height: 28px;
  padding: 3px 5px;
  margin: 0 0 13px;
  background: #1a3444;
  border: 0;
  border-radius: 4px;
  color: var(--cyan);
  letter-spacing: .06em;
  font-weight: 600;
}
.exclusive-process .process-grid h3 { font-size: 20px; margin-bottom: 7px; font-weight: 600; }
.exclusive-process .process-grid p { font-size: 13px; line-height: 1.65; }
.exclusive-order { padding-block: 22px clamp(36px, 5vw, 62px); }
.exclusive-order .exclusive-tile { padding-block: clamp(22px, 2.4vw, 31px); }
.exclusive-order .exclusive-tile h2 { font-size: clamp(24px, 2.6vw, 34px); }
@media (max-width: 800px) {
  .exclusive-process .process-grid { grid-template-columns: 1fr; gap: 12px; }
  .exclusive-order .exclusive-tile { gap: 16px; }
}

.shop-lead .page-intro { padding-block: clamp(30px, 3.3vw, 46px) clamp(24px, 2.6vw, 34px); }
.shop-lead .page-intro h1 { font-size: clamp(36px, 4.75vw, 66px); }
.shop-lead .page-intro > p:empty { display: none; }
.shop-lead > .commission-section { padding-top: 0; }

.seo-copy nav { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 26px; }
.seo-copy p, .seo-copy dl, .seo-copy ul, .seo-copy ol { margin-block: 12px 18px; }
.seo-copy ul, .seo-copy ol { padding-left: 24px; }
.seo-copy a { color: var(--cyan); text-decoration: underline; }

.portfolio-carousel:not(.single-project) .portfolio-viewport { padding-block: 30px; }
.portfolio-carousel:not(.single-project) .portfolio-slide { transform: scale(.84); transform-origin: center 42%; }
.portfolio-carousel:not(.single-project) .portfolio-slide.is-current { transform: scale(1.08); }
.project-card { cursor: zoom-in; }
.dragging .project-card { cursor: grabbing; }

.contact-art.contact-logo::before {
  content: "";
  position: absolute;
  inset: 7%;
  background: radial-gradient(ellipse, #2f698b43, #4299a521 38%, transparent 69%);
  pointer-events: none;
}
.contact-art.contact-logo img {
  position: relative;
  display: block;
  width: 70%;
  height: 70%;
  margin: 15% auto;
  filter: drop-shadow(0 14px 26px #030a12b3);
}

.product-detail { align-items: start; }
.product-detail > * { min-width: 0; }
.gallery-stage, .lightbox-stage { position: relative; }
.category-gallery-link.button { margin-top: 12px; padding: 8px 12px; min-height: 36px; font-size: 11px; }
[data-gallery-open] { cursor: zoom-in; touch-action: pan-y; }
[data-gallery-open] img { pointer-events: none; }
.gallery-thumbs {
  display: flex;
  position: relative;
  gap: 8px;
  margin-top: 12px;
  padding: 4px 3px 8px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #31556a transparent;
}
.gallery-thumbs button { flex: 0 0 clamp(56px, 15%, 96px); opacity: .72; }
.gallery-thumbs button:hover, .gallery-thumbs button[aria-pressed="true"] { opacity: 1; border-color: var(--cyan); }
.gallery-thumbs button:focus-visible { outline-offset: -3px; }
.photo-prev, .photo-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #0c1726e8;
  color: #f1fcff;
  font-size: 24px;
}
.photo-prev { left: 12px; }
.photo-next { right: 12px; }
.photo-count {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 5px 9px;
  border-radius: 4px;
  background: #0c1726e8;
  color: #f1fcff;
  font-size: 12px;
  pointer-events: none;
}
.lightbox-stage > img { display: block; width: 100%; max-height: 75dvh; object-fit: contain; }
.lightbox-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 12px 22px; gap: 8px 20px; }
.lightbox-footer p { margin: 0; padding: 0; }
.lightbox [hidden] { display: none; }

.map-purchase { display: grid; gap: 12px; }
.map-discord-buy { min-height: 58px; justify-content: center; text-align: center; }
.marketplace-buy-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.marketplace-buy { gap: 7px; padding-inline: 8px; justify-content: center; white-space: nowrap; }
.marketplace-buy:disabled { cursor: default; opacity: .55; transform: none; }
.marketplace-buy img.builtbybit-logo { width: 24px; height: 24px; object-fit: contain; filter: url(#platform-builtbybit); }
.marketplace-buy .mcmodels-symbol { width: 24px; height: 24px; }
.marketplace-buy .mcmodels-symbol img.platform-logo { height: 24px; }
.map-purchase .purchase-note { margin: 0; }
.sale-prices { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: .1em .45em; }
.sale-prices s { color: #8fabbc; font-size: .67em; font-weight: 600; }
.sale-price { color: var(--cyan); }
.detail-price > .demo-price-note { margin-top: 7px; }
.detail-navigation { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 18px; }
.map-back.button { min-height: 34px; font-size: 11px; padding: 7px 12px; }
[data-gallery-open] { cursor: pointer; }
[data-gallery-open] img { transition: transform .35s ease; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  [data-gallery-open]:hover img { transform: scale(1.055); }
}
.sale-badge {
  display: table;
  padding: .3em .65em;
  margin-bottom: 5px;
  border: 1px solid #69c9d55c;
  border-radius: 4px;
  background: #183b47;
  color: #a0e5ed;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.3;
}
.detail-price .sale-badge { font-size: 12px; }
#contact-widget .chat-hint {
  width: 132px;
  right: calc(100% + 10px);
  top: 50%;
  bottom: auto;
  padding: 7px 10px;
  transform: translateY(-50%);
}
#contact-widget .chat-hint:after { top: 50%; transform: translateY(-50%); }
#chat-close { padding: 0; }
@media(max-width:520px) {
  .portfolio-carousel:not(.single-project) .portfolio-viewport { padding-block: 18px; }
}