/* MRVS Studio / painted surfaces, precise controls, readable cards. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--focus-ring:0 0 0 4px #ff941f24}
.page-top{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
body{background-image:radial-gradient(ellipse at 88% 7%,#ff941f07,transparent 32%);background-repeat:no-repeat}
.header{position:sticky;top:0;backdrop-filter:blur(18px);background:#191a1ee8;border-bottom-color:#ffffff0d}
.brand>img{transition:transform .45s var(--ease-out)}
.brand:hover>img{transform:rotate(-6deg)}
.nav-link{position:relative;padding:10px 0;font-weight:500}
.nav-link:after{content:"";height:2px;position:absolute;bottom:1px;left:0;right:0;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.nav-link:hover:after,.nav-link[aria-current="location"]:after{transform:scaleX(1)}
.nav-cta{min-height:45px;padding:5px 6px 5px 16px;gap:20px;border-color:#ffffff29;border-radius:13px;background:linear-gradient(135deg,#ffffff07,#ffffff02);font-size:11px}
.nav-cta>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#ffffff0b;font-size:18px;transition:transform .3s var(--ease-out),background .3s}
.nav-cta:hover{border-color:#ff941f8a;background:#ff941f09;box-shadow:0 5px 25px #0002}
.nav-cta:hover>span{background:var(--orange);color:var(--bg);transform:rotate(4deg)}
.saved-button{border:1px solid #ffffff19;border-radius:12px;min-height:42px;min-width:48px;justify-content:center;gap:7px;background:#ffffff03}
.hero{position:relative;gap:48px;padding-top:76px;padding-bottom:76px}
.hero-copy>.eyebrow{width:max-content;max-width:100%;border:1px solid #ff941f24;background:#ff941f06;border-radius:30px;padding:6px 10px;color:#d0c6ba;letter-spacing:1px;font-size:8px}
.hero h1{margin-top:26px;line-height:1.04}
.hero h1>span:first-of-type{position:relative;isolation:isolate;display:inline-block}
.hero h1>span:first-of-type:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:-3%;right:-3%;bottom:-.12em;height:.32em;background:url('assets/ui-brush-orange-v1.png') center/100% 100% no-repeat;opacity:.28;transform:rotate(-2deg)}
.hero-description{font-size:14px;line-height:1.9;max-width:390px;margin-top:30px}
.hero-actions{margin-top:32px;gap:14px}
.button{position:relative;isolation:isolate;overflow:hidden;min-height:58px;gap:22px;border:1px solid transparent;border-radius:14px;padding:8px 9px 8px 21px;font-size:12px;font-weight:700;line-height:1.5;transition:transform .3s var(--ease-out),box-shadow .3s,background-color .3s,filter .3s}
.button-label{position:relative;z-index:1}
.button-arrow{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:#17171915;border:1px solid #17171912}
.button-arrow>.icon{width:17px;height:17px;transition:transform .35s var(--ease-out)}
.button:hover .button-arrow>.icon{transform:translateX(3px)}
.button.primary{background:var(--orange) url('assets/ui-button-orange-v1.png') center/100% 145% no-repeat;border-color:#ffbc5c9c;box-shadow:inset 0 1px 0 #fff4d83d,0 6px 0 -3px #8f480c,0 10px 25px #0002;color:#201c19}
.button.primary:hover{transform:translateY(-3px);filter:brightness(1.09);box-shadow:inset 0 1px 0 #fff4d84d,0 7px 0 -3px #8f480c,0 15px 35px #ff941f1f}
.button:active{transform:translateY(1px) scale(.99)!important}
.button:focus-visible,.secondary-button:focus-visible{outline:2px solid var(--cream);outline-offset:4px;box-shadow:var(--focus-ring)}
.secondary-button{min-height:58px;padding:12px 17px;border:1px solid #ffffff24;border-radius:14px;background:linear-gradient(145deg,#ffffff05,#ffffff01);color:#d3ccc5;font-size:11px;gap:9px;transition:background .3s,border-color .3s,transform .3s var(--ease-out)}
.secondary-button:hover{border-color:#ff941f75;background:#ff941f08;transform:translateY(-2px);color:var(--cream)}
.secondary-button:active{transform:translateY(1px)}
.secondary-button>.icon{color:var(--orange)}
.hero-note{margin-top:27px;color:#8e8990}
.hero-art{padding:14px;border:1px solid #ffffff0c;border-radius:22px;background:linear-gradient(140deg,#ffffff04,#ffffff01);box-shadow:0 20px 70px -40px #0008}
.hero-stage{border-color:#ffffff20;border-radius:13px;box-shadow:none}
.hero-cover-button:focus-visible{outline-offset:-5px}
.art-topline{font-size:8px;padding-inline:3px;margin-bottom:13px}
.art-caption{padding:0 3px;margin-top:19px}
.art-caption h2{font-size:26px}
.art-stats{margin-top:18px;padding:15px 3px 3px}
.round-button{width:42px;height:42px;border-color:#ffffff26;background:#ffffff03;transition:transform .35s var(--ease-out),background .3s,border-color .3s}
.round-button:hover{transform:rotate(-8deg);border-color:var(--orange)}
.catalog-toolbar{padding-bottom:23px;align-items:center;gap:20px}
.filters{display:inline-flex;align-items:center;border:1px solid #ffffff12;background:#11121688;padding:5px;border-radius:15px;gap:3px;box-shadow:inset 0 1px 5px #0002}
.filter{min-height:40px;border-radius:10px;padding:10px 18px;font-size:12px;font-weight:500;transition:background .25s,color .25s,box-shadow .25s,transform .25s}
.filter.active{color:#201c19;background:var(--orange);box-shadow:inset 0 1px 0 #ffd59e80,0 3px 9px #0003}
.filter:not(.active):hover{background:#ffffff08;color:var(--cream)}
.filter:active{transform:scale(.97)}
.filter>span{font-size:9px;opacity:.65}
.favorites-filter{margin-left:4px}
.catalog-meta{font-size:11px}
.product-grid{gap:24px;align-items:stretch}
.product-card{border-color:#ffffff15;border-radius:17px;background:linear-gradient(160deg,#24252c,#202126);box-shadow:0 10px 25px -20px #0008;transition:transform .4s var(--ease-out),border-color .35s,box-shadow .35s}
.product-card:hover{transform:translateY(-5px);border-color:#ff941f68;box-shadow:0 17px 40px -22px #000b}
.card-topbar{min-height:60px;padding:12px 15px;background:transparent;border-color:#ffffff0c;gap:8px}
.card-topbar .badge{font-size:8px;letter-spacing:.8px;padding:7px 9px;border-radius:6px}
.card-topbar .orange-badge{background:#ff941f16;border:1px solid #ff941f45;color:#ffae51}
.card-topbar .cream-badge{border-color:#ffffff1c;color:#b8b0bb}
.card-topbar .favorite{width:32px;height:32px;border-radius:10px;border-color:#ffffff23;background:#ffffff03}
.card-topbar .favorite>.icon{width:14px;height:14px}
.card-topbar .model-gallery{font-size:7px;min-height:32px;gap:5px;padding:7px;border-color:#ffffff23;border-radius:8px;color:#c0b7c2}
.card-topbar .model-gallery>.icon{color:var(--orange);width:13px;height:13px}
.card-tools{gap:7px}
.card-image{border-block:1px solid #ffffff08}
.image-open img{transition:opacity .25s;transform:none!important}
.card-body{padding:24px 20px 20px}
.card-category{font-size:8px;letter-spacing:.8px;gap:8px;line-height:1.6}
.status{font-size:9px}
.status>span{width:5px;height:5px}
.card-title{font-size:25px;margin-top:12px;line-height:1.2}
.card-title>span{color:#99909b;transition:color .3s,transform .3s var(--ease-out)}
.card-title:hover>span{color:var(--orange);transform:translate(2px,-2px)}
.card-body>p{font-size:11px;line-height:1.8;margin-top:11px;color:#a39aa7}
.card-bottom{margin-top:24px;padding-top:18px;min-height:50px;border-top-color:#ffffff0e;gap:10px}
.model-spec,.pack-model-count{font-size:10px;color:#b0a5b2}
.card-link{font-size:10px;gap:10px;padding:6px 0}
.card-link>span{transition:transform .3s var(--ease-out);font-size:16px}
.card-link:hover>span{transform:translateX(4px)}
.craft{background:linear-gradient(140deg,#22232a,#1e1f25);border-color:#ffffff0c}
.craft-image{border-radius:17px;border-color:#ffffff20;box-shadow:0 25px 55px -40px #000c}
.craft-image-top{background:#292a31;padding:18px 20px}
.craft-image-top>.eyebrow{font-size:9px}
.craft-copy h2{font-size:36px}
.craft-intro{font-size:13px;color:#b1a7b4}
.craft-feature{gap:20px;margin-top:25px}
.craft-feature>span{border:1px solid #ff941f2b;background:#ff941f06;border-radius:8px;display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;font-size:9px;padding:0}
.craft-feature h3{font-size:14px}
.craft-feature p{font-size:12px;max-width:370px;color:#9e95a5}
.craft-link{border:1px solid #ffffff20;border-radius:11px;padding:12px 15px;gap:14px;font-size:12px;background:#ffffff02}
.craft-link>span{margin-left:0;font-size:17px}
.craft-link:hover{border-color:#ff941f5f;background:#ff941f05}
.faq-list{border-top:0}
.faq-list details{border:1px solid #ffffff12;background:#ffffff02;border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .3s,background .3s}
.faq-list details[open]{border-color:#ff941f40;background:#ff941f03}
.faq-list summary{padding:20px;font-size:13px;gap:20px}
.faq-list summary>span{width:25px;height:25px;border-radius:50%;border:1px solid #ffffff1c;display:grid;place-items:center;font-size:17px;transition:transform .3s var(--ease-out)}
.faq-list details>div{padding:0 54px 22px 20px;font-size:12px;line-height:1.9;color:#aaa0b0}
.closing{isolation:isolate;background:#e9841b;border:1px solid #ffbd5b69;border-radius:22px;padding:36px 42px 23px;box-shadow:inset 0 1px 0 #ffe0a666,0 30px 70px -50px #ff941f55}
.closing:before{content:"";position:absolute;z-index:-1;inset:-20% 0;background:url('assets/ui-button-orange-v1.png') center/100% 150% no-repeat;opacity:.8;pointer-events:none}
.closing:after{content:"";position:absolute;z-index:-1;right:-4%;top:-70%;width:65%;height:210%;background:url('assets/ui-brush-orange-v1.png') center/contain no-repeat;filter:brightness(1.6);opacity:.13;transform:rotate(-38deg);pointer-events:none}
.closing-main{padding-block:24px 37px}
.closing h2{font-size:66px}
.dark-button{background:linear-gradient(145deg,#2c292b,#1c1c21);border-color:#ffffff18;box-shadow:0 8px 20px #6f310b33;color:var(--cream);font-size:12px;min-width:180px}
.dark-button .button-arrow{background:#ffffff0b;border-color:#ffffff12}
.dark-button:hover{background:#29282e;transform:translateY(-3px);box-shadow:0 13px 25px #6f310b44}
.closing-spark{right:43px;top:27px;font-size:50px}
.product-dialog{border-radius:20px;border-color:#6b5a4b;background:#222329;box-shadow:0 40px 130px #0009}
.dialog-header{background:#222329f0;backdrop-filter:blur(16px);border-bottom-color:#ffffff10;padding:15px 23px}
.dialog-close{width:36px;height:36px;background:#ffffff06;border:1px solid #ffffff18;transition:background .3s,transform .3s}
.dialog-close:hover{background:#ff941f16;transform:rotate(90deg)}
.preview-area{border-radius:12px}
.preview-toolbar{background:#16171b66;border:1px solid #ffffff0d;border-radius:12px;padding:5px;gap:4px}
.preview-tab{border-radius:8px;background:transparent;font-size:10px;min-height:35px;padding:8px 12px;transition:background .25s,border-color .25s,color .25s}
.preview-tab.active{background:#ff941f15;border-color:#ff941f55;color:#ffb563}
.preview-tab:not(.active):hover{background:#ffffff05}
.dialog-info h2{font-size:32px}
.dialog-specs{gap:10px}
.spec{background:#ffffff02;border-color:#ffffff12;border-radius:10px;padding:14px}
.spec b{font-size:22px}
.spec-download{min-height:48px;padding:12px 15px;font-size:11px;border-radius:12px;gap:10px}
.dialog-save{min-height:42px;border:1px solid #ffffff12;border-radius:11px;margin-top:14px;font-size:11px}
.dialog-save:hover{background:#ffffff03}
.roster-grid>div{border-radius:10px;background:#ffffff02;border-color:#ffffff12;padding:16px 13px}
.roster-preview>button{border-radius:11px;transition:border-color .25s,background .25s}
.roster-preview>button:hover{background:#ff941f06}
.toast{padding:15px 24px;border-radius:13px;border:1px solid #fff6e6;box-shadow:0 10px 40px #0005}
.menu-button{border-radius:10px;min-height:36px;min-width:36px}
.mobile-nav{background:#222329f5;backdrop-filter:blur(16px);box-shadow:0 15px 30px #0003}
.mobile-nav a{border-bottom:1px solid #ffffff0b;font-size:15px}
.closing h2>span{color:#242026}
@media(max-width:480px){.hero .hero-actions{display:grid;grid-template-columns:1fr;gap:11px}.hero .hero-actions>.button{justify-content:space-between;width:100%;padding-left:18px}.hero .hero-actions>.secondary-button{width:100%;justify-content:center}}
@media(max-width:1200px){.hero{gap:32px}.hero-actions{gap:12px}.hero-actions .button{font-size:11px;padding-left:17px;gap:14px}.hero-actions .secondary-button{font-size:10px;padding-inline:13px}.hero-art{padding:12px}.card-title{font-size:23px}.card-body{padding-inline:17px}.card-category{font-size:7px}.status{font-size:8px}.card-topbar{padding-inline:12px}.card-topbar .badge{font-size:7px;letter-spacing:.5px}.card-topbar .model-gallery{font-size:6px}.craft-layout{gap:45px}.craft-copy h2{font-size:32px}}
@media(min-width:681px) and (max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-topbar{min-height:58px;padding:12px 15px}.card-topbar .badge{font-size:8px;padding:7px 9px;letter-spacing:.5px}.card-topbar .model-gallery{font-size:7px;padding:7px;min-height:32px}.card-topbar .favorite{width:32px;height:32px}.card-topbar .model-gallery>.icon{width:12px;height:12px}.card-title{font-size:25px}.card-body{padding:23px 18px 19px}.card-category{font-size:8px;gap:6px;flex-wrap:wrap}.status{font-size:9px}.card-body>p{font-size:12px;min-height:0}.card-bottom{margin-top:22px;gap:10px}.model-spec,.pack-model-count{font-size:10px}.card-link{font-size:10px}.card-tools{gap:7px}}
@media(max-width:900px){.hero{padding-block:52px;gap:24px}.hero h1{font-size:56px}.hero-description{font-size:12px}.hero-actions{gap:12px}.hero-actions .button{min-height:52px}.hero-actions .secondary-button{min-height:46px}.art-caption h2{font-size:23px}.art-stats b{font-size:8px}.craft-layout{gap:30px}.craft-copy h2{font-size:28px}.craft-intro{font-size:12px}.craft-feature{gap:13px;margin-top:20px}.craft-feature h3{font-size:12px}.craft-feature p{font-size:11px}.craft-feature>span{width:28px;height:28px}.filters{max-width:100%}.filter{font-size:11px;padding-inline:13px}.catalog-meta{font-size:10px}.faq-list summary{font-size:12px;padding:17px}.faq-list details>div{font-size:11px;padding-left:17px;padding-right:30px}.closing h2{font-size:56px}.dialog-info h2{font-size:27px}}
@media(max-width:680px){.header{height:80px}.nav{gap:10px}.nav-actions{gap:10px}.saved-button{min-width:43px;min-height:36px;padding:7px;font-size:10px;border-radius:10px}.hero{padding-top:32px;padding-bottom:40px}.hero-copy>.eyebrow{font-size:6px;letter-spacing:.65px;padding:6px 8px}.hero h1{font-size:clamp(52px,12.8vw,76px);margin-top:24px;letter-spacing:-2.7px}.hero-description{max-width:360px;font-size:13px;line-height:1.8;margin-top:26px}.hero-actions{gap:11px;flex-wrap:wrap;align-items:center;margin-top:26px}.hero-actions .button{font-size:11px;min-height:52px;padding:7px 8px 7px 16px;gap:16px;border-radius:13px}.button-arrow{width:32px;height:32px;border-radius:9px}.button-arrow>.icon{width:15px;height:15px}.hero-actions .secondary-button{font-size:11px;min-height:48px;padding:12px 14px;border-radius:13px}.hero-note{font-size:9px;margin-top:23px}.hero-art{margin-top:34px;padding:11px;border-radius:18px}.art-caption h2{font-size:24px}.art-stats>span{font-size:8px;padding-inline:13px}.art-stats b{font-size:8px}.art-topline{font-size:6px;margin-bottom:10px}.hero-stage{border-radius:10px}.section-heading h2{font-size:32px}.section-heading>p{font-size:12px}.catalog-toolbar{padding-bottom:20px;margin-top:25px}.filters{width:100%;justify-content:space-between;padding:4px;border-radius:13px;gap:2px}.filter{padding:9px 11px;gap:6px;font-size:10px;min-height:38px;border-radius:9px}.filter>span{font-size:8px}.favorites-filter{margin-left:0;gap:6px;padding-inline:9px}.catalog-meta{font-size:10px;margin-top:15px}.product-grid{grid-template-columns:1fr;gap:23px}.product-card{border-radius:16px}.card-topbar{min-height:57px;padding:11px 14px}.card-topbar .badge{font-size:7px;letter-spacing:.65px;padding:7px 9px}.card-topbar .model-gallery{font-size:7px;min-height:32px;padding:7px}.card-body{padding:23px 18px 19px}.card-category{font-size:8px;letter-spacing:.7px}.status{font-size:9px}.card-title{font-size:26px;margin-top:12px}.card-body>p{font-size:12px;line-height:1.8;margin-top:10px}.card-bottom{padding-top:17px;margin-top:23px}.model-spec,.pack-model-count{font-size:10px}.card-link{font-size:11px}.craft-copy h2{font-size:32px}.craft-intro{font-size:13px}.craft-feature{gap:14px;margin-top:25px}.craft-feature h3{font-size:14px}.craft-feature p{font-size:12px}.craft-feature>span{width:30px;height:30px}.craft-link{font-size:12px;padding:12px 14px}.craft-image-top{padding:16px 14px}.craft-image-top>.eyebrow{font-size:8px}.faq-heading h2{font-size:32px}.faq-list summary{font-size:12px;padding:18px 16px}.faq-list details>div{font-size:11px;padding:0 20px 21px 16px}.closing{padding:29px 23px 20px;border-radius:18px}.closing h2{font-size:47px}.closing-main{padding:23px 0 30px}.closing-spark{font-size:39px;top:21px;right:22px}.dark-button{min-width:160px;min-height:52px;font-size:11px;gap:25px;padding:8px 8px 8px 17px;margin-top:25px}.closing-bottom{font-size:6px;letter-spacing:.5px}.product-dialog{border-radius:15px}.dialog-header{padding:11px 14px}.dialog-info h2{font-size:30px}.dialog-content{padding:15px;gap:24px}.preview-tab{font-size:9px;padding:7px 10px;min-height:34px}.preview-toolbar{padding:4px}.dialog-info>p{font-size:12px}.spec b{font-size:22px}.spec-download{min-height:48px;font-size:11px;padding:12px 14px}.dialog-close{width:32px;height:32px}}
@media(max-width:360px){.hero-actions .button{font-size:10px;gap:13px}.hero-actions .secondary-button{font-size:10px;gap:7px}.filter{font-size:9px;padding-inline:9px}.favorites-filter{padding-inline:6px}.closing h2{font-size:42px}.card-category{font-size:7px}.status{font-size:8px}.card-topbar .badge{font-size:6px}}
