/* Nunbetter Customs studio identity — local fonts, zero external dependencies */
:root{--orange:#46b8ff;--ink:#142139;--paper:#f5f7fc;--line:#dfe5f1;--gray:#68768e;--charcoal:#0b1530}
body{background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:-.012em}
h1,h2,h3{font-family:'Arial Narrow','Franklin Gothic Medium',Impact,Arial,sans-serif;font-weight:900;letter-spacing:-.045em}
h2{font-size:clamp(2.8rem,5.1vw,5.8rem);line-height:.98}h3{line-height:1.06}em{color:#5965de}
.top{height:auto;min-height:86px;background:#081327;border-bottom:1px solid #ffffff1c;padding:15px clamp(18px,5vw,88px);position:relative;z-index:10}.brand{font-family:system-ui,sans-serif;font-size:19px;letter-spacing:-.055em}.brand-logo{height:54px;width:54px;border-radius:12px;padding:4px;box-shadow:0 5px 26px #4077f026}.brand b{color:#77aaff}.brand small{font-family:system-ui,sans-serif;font-size:9px;color:#90a8cd;letter-spacing:.17em}.top nav{gap:clamp(10px,1.65vw,29px)}nav a{font-size:12px;letter-spacing:.02em}nav a:hover{color:#90d9ff}nav .nav-action{background:linear-gradient(120deg,#45c8ff,#8384ff);border-radius:4px;color:#071125;font-weight:800;padding:12px 17px}nav .nav-action:hover{color:#071125}
.hero-studio{min-height:670px;grid-template-columns:1.08fr .92fr;background:#09162f}.hero-studio .hero-content{padding:clamp(80px,9vw,138px) 3vw 70px clamp(28px,7.5vw,130px);background:radial-gradient(circle at 15% 60%,#162956 0,transparent 63%)}.hero-studio h1{font-size:clamp(5rem,9vw,10.5rem);line-height:.83;letter-spacing:-.07em;margin:24px 0 32px;color:#fff}.hero-studio .display-stroke{background:linear-gradient(115deg,#4dd4ff,#7977ff 65%,#c1a7ff);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-studio .eyebrow{color:#86cbff;font-size:11px;letter-spacing:.2em;display:flex;align-items:center;gap:12px}.eyebrow-line{height:2px;width:33px;background:#5acbff;display:inline-block}.hero-studio p{font-size:clamp(16px,1.4vw,19px);line-height:1.75;max-width:520px;color:#b9cae5}.hero-studio .actions{margin:33px 0 58px}.btn{font-family:system-ui,sans-serif;font-size:13px;letter-spacing:.015em;border-radius:4px;padding:17px 23px;gap:20px}.btn.primary{background:linear-gradient(115deg,#54d2ff,#8d96ff);color:#091428}.btn.outline{color:inherit;border-color:#7c90ad}.btn:hover{transform:translateY(-3px)}.hero-meta{font-size:10px;gap:16px;color:#879cbc;letter-spacing:.14em}.hero-meta span{border-top:1px solid #567298;padding-top:12px}.hero-studio .hero-art{background:radial-gradient(circle at center,#243c77 0,#121f49 44%,#09162f 75%);min-height:640px;isolation:isolate}.hero-art:after{content:'';position:absolute;inset:7%;border:1px solid #7aa9ff24;pointer-events:none;z-index:-1}.hero-art-frame{position:relative;width:min(68%,430px);aspect-ratio:1;display:grid;place-items:center;transform:rotate(-5deg)}.hero-art-frame img{width:100%;height:100%;object-fit:contain;background:white;border-radius:12px;padding:14px;box-shadow:0 24px 75px #0308178e, 0 0 90px #5d85ff45;position:relative}.hero-halo{position:absolute;inset:-11%;border:1px solid #7e94ff69;border-radius:50%;transform:rotate(20deg)}.hero-halo:after{content:'';position:absolute;inset:9%;border:1px dashed #a1c8ff66;border-radius:50%}.hero-art-caption{position:absolute;bottom:63px;right:9%;font-size:11px;color:#e5f3ff;letter-spacing:.16em;display:flex;align-items:center;gap:9px}.hero-art-caption .dot{width:7px;height:7px;background:#61d4ff;border-radius:50%;box-shadow:0 0 18px #61d4ff}.hero-art-index{position:absolute;top:35px;right:38px;color:#7799ce;letter-spacing:.17em;font-size:10px}
.ticker{background:#dfeafa;border-block:1px solid #c6d6f0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(12px,3vw,55px);padding:19px;font-size:11px;font-weight:900;color:#273f6a;letter-spacing:.16em}.ticker b{color:#687ff3;font-size:20px}
.section{padding-top:110px;padding-bottom:115px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-heading>p{width:320px;color:#6c7791;max-width:36%;line-height:1.7;margin:0 0 10px}.section-heading h2{margin:0}.studio-services .eyebrow,.process .eyebrow,.photo-feature .eyebrow{color:#5869d8;letter-spacing:.17em}.service-grid-premium{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:30px}.service-grid-premium .service{position:relative;overflow:hidden;min-height:440px;padding:26px;background:#fff;color:#152544;border:1px solid #dce4f2;border-radius:6px;text-decoration:none;justify-content:space-between;transition:transform .25s,box-shadow .25s,border-color .25s}.service-grid-premium .service:hover{transform:translateY(-7px);box-shadow:0 24px 48px #192b5317;border-color:#88aefa}.service-grid-premium .featured-service{background:linear-gradient(150deg,#132449,#242b71 70%,#564fbe);color:white;border-color:#304384}.service-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em;font-weight:850;color:#647793}.featured-service .service-top{color:#b4c7ff}.service-arrow{font-size:24px;font-weight:400}.service-symbol{font:100 105px/1 'Segoe UI Symbol',Arial,sans-serif;opacity:.45;color:#6b88f8;align-self:end}.featured-service .service-symbol{color:#8bcaff;opacity:.65}.service-grid-premium h3{font-size:clamp(25px,2.5vw,41px);line-height:1.05;margin:0 0 14px}.service-grid-premium .service p{line-height:1.65;color:#687791;font-size:13px;margin:0 0 25px}.service-grid-premium .featured-service p{color:#d1dafe}.service-cta{font-size:12px;font-weight:800;color:#3465d4}.featured-service .service-cta{color:#9de5ff}
.photo-feature{display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:#101d3b;color:white}.photo-feature-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 50%,#354a95,#131d41 68%);display:flex;align-items:center;justify-content:center;border:20px solid #16254a}.photo-feature-visual:before,.photo-feature-visual:after{content:'';position:absolute;inset:11%;border:1px solid #96baff52;border-radius:50%}.photo-feature-visual:after{inset:20%;border-style:dashed;transform:rotate(25deg)}.camera-icon{font-size:clamp(160px,21vw,300px);color:#94a4ff;line-height:1;text-shadow:0 0 60px #688aff66;transform:translateY(-15px)}.photo-feature-visual>span{position:absolute;top:27px;left:30px;font-size:10px;letter-spacing:.18em;color:#a9bdf0}.photo-frame-label{position:absolute;bottom:27px;right:30px;font-size:10px;letter-spacing:.15em;color:#a9bdf0}.photo-feature-copy{padding:90px clamp(30px,7vw,110px);display:flex;flex-direction:column;align-items:start;justify-content:center}.photo-feature-copy h2{font-size:clamp(3rem,5.5vw,6.5rem);margin:10px 0 25px}.photo-feature-copy em{color:#88a6ff}.photo-feature-copy p{color:#b4c4e0;max-width:480px;line-height:1.8}.photo-feature-copy .btn{margin-top:20px}
.process{max-width:none;background:#edf1f9}.process .section-heading{margin-bottom:50px}.steps{gap:18px}.steps>div{border-top:2px solid #889aca;padding-top:28px}.steps b{font:900 26px system-ui;color:#5869d8}.steps h3{font-size:clamp(22px,2.1vw,32px);margin:20px 0 14px}.steps p{color:#718099;line-height:1.65}.callout{background:linear-gradient(115deg,#173570,#5362c9 72%,#6578e5);color:#fff;padding-top:85px;padding-bottom:85px}.callout em{color:#a5e2ff}.callout .eyebrow{color:#a8dafa}.callout h2{font-size:clamp(3rem,5.3vw,6.5rem)}.callout p{color:#d7e6ff;line-height:1.7}.callout-actions{display:flex;align-items:start;flex-direction:column;gap:25px}.callout-actions>a:last-child{color:#e2efff;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid #e2efff77;padding-bottom:6px}.callout .light{color:#14264c}
footer{background:#081327;color:#8396b9;padding-block:31px}footer a{color:#9db4d4}
.form-heading h1,.admin-heading h1,.detail-head h2,.settings-shell h1{letter-spacing:-.055em}.form-card,.panel,.stats>div{border:1px solid #dde6f5;box-shadow:0 12px 32px #1a3b6410;border-radius:5px}.form-card input,.form-card select,.form-card textarea,.manage input,.manage select,.manage textarea{border-radius:4px;background:#f8faff}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{outline:2px solid #6e88ee;outline-offset:1px}.aside{background:linear-gradient(140deg,#172c5f,#222663);border-radius:6px}.aside h4{color:#a6b7ff}.admin-shell .stats>div{border-top:4px solid #7385eb}th{background:#e6eefa}.pill{background:#e4edfb;color:#29466c}
/* Holiday colors accent the premium composition without replacing the layout. */
.theme-holiday .hero-studio{background:#102820}.theme-holiday .hero-studio .hero-content{background:radial-gradient(circle at 10% 60%,#1b4638,transparent 65%)}.theme-holiday .hero-studio .hero-art{background:radial-gradient(circle,#2c5748,#102820 70%)}.theme-holiday .hero-studio .display-stroke{background:linear-gradient(130deg,#f7dfad,#ed8e98);background-clip:text;-webkit-background-clip:text}.theme-holiday .top,.theme-holiday footer{background:#102820}.theme-holiday .callout{background:linear-gradient(115deg,#184c38,#8c3442)}.theme-holiday .btn.primary{background:linear-gradient(115deg,#eddba7,#ed9da7)}.theme-holiday .photo-feature{background:#173b30}
@media(max-width:1180px){.service-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid-premium .service{min-height:350px}.top nav{gap:13px}}
@media(max-width:900px){.hero-studio{grid-template-columns:1fr}.hero-studio .hero-content{padding:85px 6vw 65px}.hero-studio .hero-art{min-height:440px}.hero-art-frame{width:min(55%,300px)}.section-heading{align-items:start}.photo-feature{grid-template-columns:1fr}.photo-feature-visual{min-height:350px}.photo-feature-copy{padding:75px 7vw}}
@media(max-width:600px){.top{gap:15px}.top nav{gap:8px 17px}.hero-studio .hero-content{padding:72px 24px}.hero-studio h1{font-size:clamp(4rem,17vw,6.6rem)}.hero-studio .hero-art{min-height:340px}.hero-art-frame{width:220px}.hero-art-caption{bottom:24px;font-size:9px}.hero-meta{gap:11px}.ticker{gap:9px;font-size:9px}.ticker b{font-size:13px}.section{padding:70px 22px}.section-heading{display:block}.section-heading>p{max-width:100%;width:auto;margin-top:20px}.service-grid-premium{grid-template-columns:1fr}.service-grid-premium .service{min-height:305px}.service-symbol{font-size:70px}.photo-feature-visual{min-height:280px}.photo-feature-copy{padding:60px 24px}.callout{padding:65px 24px}.brand-logo{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.service{transition:none!important}}
