:root{--navy:#0b1526;--dark:#101d30;--ink:#1c2c3c;--orange:#fb923c;--cream:#f6f4f0;--line:#e0e3e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.header{height:78px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:20px;padding:0 max(22px,calc((100vw - 1250px)/2));position:relative;z-index:10}.logo{display:flex;align-items:center;gap:10px;white-space:nowrap}.logo b{font-size:32px;line-height:1}.logo b span{color:var(--orange)}.logo small{font-size:10px;letter-spacing:2px;color:#bdc6d1}.header nav{display:flex;gap:23px;margin-left:auto;align-items:center}.header nav a{font-size:13px;font-weight:600;color:#e7ebf2}.header nav a:hover,.tiny-admin:hover{color:var(--orange)}.tiny-admin{font-size:11px;color:#bfc9d7;border-left:1px solid #485361;padding-left:14px;margin-left:12px}.hero{background:radial-gradient(circle at 75% 30%,#263957 0%,#0b1526 57%);min-height:660px;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:88px max(28px,calc((100vw - 1200px)/2));color:white;overflow:hidden}.hero-copy{max-width:610px;align-self:center}.kicker{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:2.5px}.hero h1,.page-hero h1{font-size:clamp(43px,5vw,72px);line-height:1.12;letter-spacing:-2.5px;margin:19px 0 22px}.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--orange)}.hero p,.page-hero p{font-size:17px;color:#c7d1de;max-width:600px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{border:0;background:var(--orange);color:#111827;display:inline-block;padding:13px 22px;border-radius:7px;font-size:14px;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.outline{background:transparent;border:1px solid #adbacc;color:#fff}.btn.outline.dark{color:var(--navy);border-color:var(--navy)}.micro{font-size:10px;color:#9daabd;letter-spacing:2px;margin-top:40px}.hero-visual{position:relative;display:flex;align-items:center}.screen{width:100%;max-width:610px;background:#f7f7f5;border:10px solid #202d40;border-radius:16px;box-shadow:0 45px 120px #0008;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);overflow:hidden}.browserbar{height:38px;background:#edf1f5;font-size:12px;color:#ed9c70;padding:9px 14px}.browserbar span{color:#435061;float:right;font-size:10px;letter-spacing:2px}.landscape{height:360px;background:linear-gradient(105deg,#08131aa8,#152f3545),linear-gradient(160deg,#9dbaaf 0 28%,#42595c 28% 35%,#c9c6b8 35% 54%,#63796b 54% 61%,#252f38 61% 100%);padding:62px 38px;color:white;display:flex;flex-direction:column;justify-content:center}.landscape span{letter-spacing:3px;font-size:13px}.landscape strong{font-size:clamp(26px,3.4vw,53px);line-height:1.15;margin-top:15px}.float-card{position:absolute;right:-5%;bottom:7%;background:white;color:var(--navy);padding:18px 26px;border-radius:9px;box-shadow:0 14px 60px #0007}.float-card b,.float-card small{display:block}.float-card small{font-size:12px}.section{padding:90px max(25px,calc((100vw - 1200px)/2))}.section-head{max-width:680px;margin-bottom:34px}.section h2{font-size:clamp(31px,3.7vw,47px);line-height:1.15;letter-spacing:-1.3px;margin:15px 0}.section-head p{color:#6a7580}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 9px 30px #12223b10}.service-img{height:170px;background-size:cover;position:relative}.service-img.site{background:linear-gradient(130deg,#0b293b99,#9fbbac55),linear-gradient(155deg,#15344a 0 33%,#dedcc9 33% 47%,#314b51 47% 60%,#849d87 60%)}.service-img.landing{background:linear-gradient(130deg,#18223877,#df855433),repeating-linear-gradient(90deg,#ebebe6 0 35px,#cfd7d6 35px 60px,#5c7582 60px 70px)}.service-img.video{background:radial-gradient(circle at 40% 45%,#eb9a48 0 10%,#4a4655 11% 27%,#1e2839 28% 58%,#111827 59%)}.service-img.signs{background:linear-gradient(110deg,#33577377,#e8e3d333),linear-gradient(0deg,#749473 0 18%,#f0e9d6 19% 38%,#273c48 39% 65%,#b8b4a2 66%)}.service .inner{padding:21px}.service small{font-size:10px;letter-spacing:1.5px;color:#ed8730;font-weight:800}.service h3{font-size:22px;line-height:1.25;margin:9px 0}.service p{font-size:14px;color:#697785;min-height:98px}.price{font-weight:900;margin:12px 0}.service a{font-size:13px;font-weight:800;color:#cc6919}.dark-section{background:var(--navy);color:#fff}.dark-section h2{max-width:650px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:42px 0}.step-grid b{font-size:30px;color:var(--orange)}.step-grid h3{font-size:21px}.step-grid p{color:#bec7d4}.banner-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 30px;border-radius:12px;margin-top:40px;background:#182a41;color:#fff}.banner-cta h3{font-size:26px;margin:0}.banner-cta p{margin:5px 0;color:#bfc8d6}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split p{color:#677684}.progress-show{background:#fff;border-radius:15px;box-shadow:0 12px 70px #0c23301a;padding:35px}.progress-show small{color:#cc6919;letter-spacing:2px}.progress-show h3{font-size:26px;margin:8px 0}.meter{height:13px;border-radius:12px;background:#e2e6ea;overflow:hidden;margin:16px 0}.meter span{display:block;height:100%;background:var(--orange);border-radius:12px}.progress-steps{margin-top:19px;line-height:2.1;color:#4d6374}.center{text-align:center;background:var(--cream)}.center p{max-width:620px;margin:0 auto 25px}.page-hero{background:radial-gradient(circle at 78% 20%,#384b65,var(--navy) 60%);color:white;padding:85px max(25px,calc((100vw - 1200px)/2))}.page-hero.compact{padding-top:65px;padding-bottom:65px}.page-hero h1{max-width:700px}.page-hero p{max-width:710px}.sign-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.sign-gallery article{border:1px solid #e3e7eb;border-radius:11px;overflow:hidden}.sign-gallery h3,.sign-gallery p{margin:10px 20px}.sign-gallery p{margin-bottom:23px;color:#637385}.sign-visual{height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;gap:12px;background:#12334b;padding:10px}.sign-visual small{letter-spacing:2px;font-size:10px}.sign-visual b{font-size:29px;letter-spacing:1px;line-height:1.1}.sign-visual span{font-size:11px}.sign-visual.sale{background:linear-gradient(130deg,#0d2641,#335b7b)}.sign-visual.open{background:linear-gradient(135deg,#a85f1f,#f9aa42)}.sign-visual.rider{background:linear-gradient(135deg,#172338,#2b7c83)}.sign-visual.mortgage{background:linear-gradient(135deg,#2b354d,#568d90)}.sign-visual.banner{background:linear-gradient(135deg,#331b38,#a05d7d)}.sign-visual.custom{background:linear-gradient(135deg,#33412d,#899569)}.form-container{padding:55px 20px 95px;max-width:940px;margin:auto}.big-form,.admin-project{padding:30px;border:1px solid var(--line);box-shadow:0 10px 45px #192c3810;border-radius:13px;background:white}.big-form h3{margin-top:30px}.big-form label,.admin-form label{display:block;font-size:13px;font-weight:700;margin:15px 0}.big-form input:not([type=checkbox]),.big-form select,.big-form textarea,.admin-form input:not([type=checkbox]),.admin-form select,.admin-form textarea{display:block;width:100%;padding:12px;border:1px solid #cbd3dc;border-radius:7px;font:inherit;font-size:14px;margin-top:6px;color:#1c2c3c;background:white}.form-grid,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fine{font-size:12px;color:#8391a1}.notice{padding:20px;border-radius:9px;margin:15px 0}.notice.error{background:#fff1ed;color:#8f3826}.notice.success{background:#f0f9f1;color:#20553a}.access-code{font-family:monospace;overflow-wrap:anywhere;padding:15px;background:#f2f4f7;border-radius:8px;font-weight:700}.portal-header{display:flex;justify-content:space-between;align-items:start;gap:15px}.portal-header h2{font-size:26px;margin:8px 0}.pill{background:#ffebd7;padding:6px 12px;border-radius:50px;white-space:nowrap;font-size:12px;font-weight:800;color:#915117}.progress-row{display:flex;justify-content:space-between;align-items:center}.file-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.file-list a{color:#ba651d;font-weight:700}.message{border-bottom:1px solid var(--line);padding:10px 0}.message small{color:#728092}.admin-project{margin:30px 0}.admin-form{padding:15px;margin-top:15px;background:#f7f8fa;border-radius:9px}.check{display:flex!important;gap:10px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats>div{padding:20px;background:#f2f5f7;border-radius:10px}.stats b{display:block;font-size:30px}.stats span{font-size:13px;color:#728092}footer{background:var(--navy);color:#d9e0e8;padding:50px max(25px,calc((100vw - 1200px)/2)) 20px}.footer-grid{display:flex;justify-content:space-between;gap:30px}footer .fine{color:#8797aa;margin-top:36px}footer a:hover{color:var(--orange)}@media(max-width:1000px){.header nav{gap:12px}.service-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{min-height:350px}.sign-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.header{height:auto;min-height:70px;padding:12px 16px;flex-wrap:wrap}.header nav{order:3;width:100%;overflow-x:auto;white-space:nowrap;padding:8px 0}.tiny-admin{margin-left:auto}.hero{padding:55px 24px}.hero-visual{display:none}.service-grid,.sign-gallery,.step-grid,.split,.stats,.form-grid,.admin-grid{grid-template-columns:1fr}.section{padding:55px 22px}.banner-cta,.portal-header{flex-direction:column;align-items:start}.big-form{padding:20px}.footer-grid{flex-direction:column}}

/* JG Cinematic premium layer – shared across public, customer and admin pages */
:root{--navy:#051523;--dark:#071b2b;--ink:#edf3fb;--orange:#ff9c3c;--cream:#0b2233;--line:#294052}
body{background:#061521;color:#eaf1f9;background-image:radial-gradient(circle at 90% 8%,#26364765,transparent 34%),linear-gradient(#061521,#0b1c2c);}
.header{height:auto;min-height:76px;position:sticky;top:0;background:#041421ee;backdrop-filter:blur(17px);border-bottom:1px solid #31485870;padding:12px max(24px,calc((100vw - 1320px)/2));box-shadow:0 8px 25px #0005}
.logo b{font-size:29px}.logo small{color:#f3dfc6;font-size:10px}.header nav{flex-wrap:wrap;justify-content:center;gap:14px}.header nav a{font-size:12px;color:#d8e2ee}.tiny-admin{color:#ffb668}
.hero,.page-hero{position:relative;isolation:isolate;border-bottom:1px solid #ffaf6955;background-color:#081b2a;background-position:center;background-size:cover;background-repeat:no-repeat}
.hero::before,.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03121ff7 0%,#061827ed 35%,#06182795 64%,#06182724 100%)}
.cinematic-home{background-image:url('hero-home.jpg')}.cinematic-video{background-image:url('hero-video.jpg')}.cinematic-signs{background-image:url('hero-signs.jpg')}
.hero{min-height:520px;grid-template-columns:minmax(0,780px) 1fr;align-items:center;padding-top:70px;padding-bottom:70px}.hero-copy{max-width:780px}.hero h1,.page-hero h1{font-weight:900;letter-spacing:-.04em;text-shadow:0 5px 24px #0009}.hero p,.page-hero p{color:#e0e6ec;text-shadow:0 2px 12px #000b}.visually-hidden{display:none!important}
.section{padding-top:80px;padding-bottom:80px}.section h2{color:#f6f8fc}.section-head p,.split p,.sign-gallery p{color:#b1bfcc}.kicker{color:#ffae5a}.service-grid{gap:17px}.service,.sign-gallery article,.progress-show,.big-form,.admin-project{background:linear-gradient(155deg,#0d2a3d,#071a2a 80%);border:1px solid #35516b;border-radius:15px;box-shadow:0 14px 40px #0005;overflow:hidden;color:#f7f9fc}
.service-img{height:215px;background-size:cover;background-position:center;box-shadow:inset 0 -45px 30px #041421aa}.service h3,.service .price,.sign-gallery h3{color:#fff}.service p{color:#bac7d3}.service a,.file-list a{color:#ffae5a}.price,.feature-price{color:#ffa44d!important}.section.dark-section{background:linear-gradient(140deg,#05121f,#0a2032);border-block:1px solid #304a5b}
.banner-cta{background:linear-gradient(120deg,#102f44,#091c2c);border:1px solid #785332;box-shadow:0 14px 32px #0003}.banner-cta p{color:#d5dde7}.split{background:linear-gradient(120deg,#081b2b,#0a2638)}.progress-show small,.progress-show strong{color:#ffb369}.progress-show .progress-steps{color:#d8e0e8}.meter{background:#1f3547}
.center{background:linear-gradient(115deg,#0d2335,#071625)}.center p{color:#bdcad5}.btn{background:linear-gradient(135deg,#ffc172,#ff922e);color:#111c27;border-radius:9px;box-shadow:0 5px 20px #ee91353b}.btn.outline.dark{color:#ffe1b4;border-color:#cf8851}
.sign-gallery{gap:20px}.sign-visual{height:230px;background-position:center;background-size:cover;text-shadow:0 3px 14px #000}.sign-visual b{font-size:26px}.sign-gallery article p{color:#afc0cc}
.form-container{max-width:1040px}.big-form{padding:35px}.big-form label,.admin-form label{color:#ebf4fc}.big-form input:not([type=checkbox]),.big-form select,.big-form textarea,.admin-form input:not([type=checkbox]),.admin-form select,.admin-form textarea{background:#eff4f9;color:#11273b;border-color:#597081}.big-form textarea{min-height:132px}.fine{color:#9fb0bf}
.admin-form,.stats>div{background:#142c3c;color:#fff;border:1px solid #2e5062}.stats span,.message small{color:#b1c1cc}.portal-header h2,.progress-show h3{color:#fff}.pill{background:#814f22;color:#fff}.message,.file-list>div{border-color:#2a4659}
footer{border-top:1px solid #37546a;background:#03111d}footer a{color:#dbe6ee}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.visual-feature{background:#0b2335;border:1px solid #38546a;border-radius:17px;overflow:hidden;box-shadow:0 15px 38px #0005}.visual-feature img{width:100%;height:250px;object-fit:cover;display:block}.visual-feature>div{padding:25px}.visual-feature h3{font-size:27px;margin:0 0 8px;color:#fff}.visual-feature p{color:#c0cedc;min-height:75px}.visual-feature .btn{margin-top:15px}.feature-price{font-size:28px;display:block}
@media(max-width:1100px){.header nav{gap:8px}.header nav a{font-size:11px}}
@media(max-width:750px){.header{padding:12px 18px}.hero{min-height:490px}.hero h1,.page-hero h1{font-size:clamp(38px,9vw,61px)}.service-grid,.sign-gallery,.feature-grid{grid-template-columns:1fr}.visual-feature img{height:220px}.hero::before,.page-hero::before{background:linear-gradient(90deg,#041321fa,#051827df)}.header nav{order:3;justify-content:flex-start;overflow:auto;flex-wrap:nowrap;width:100%}}

/* Image display repair — placed last to override older placeholder gradients. */
.service-img.site{background-image:linear-gradient(0deg,rgba(4,17,29,.16),rgba(4,17,29,.03)),url('home-site.jpg')!important}
.service-img.landing{background-image:linear-gradient(0deg,rgba(4,17,29,.16),rgba(4,17,29,.03)),url('home-landing.jpg')!important}
.service-img.video{background-image:linear-gradient(0deg,rgba(4,17,29,.16),rgba(4,17,29,.03)),url('home-video.jpg')!important}
.service-img.signs{background-image:linear-gradient(0deg,rgba(4,17,29,.16),rgba(4,17,29,.03)),url('home-signs.jpg')!important}
.cinematic-websites{background-image:url('home-site.jpg')!important}
.cinematic-landing{background-image:url('home-landing.jpg')!important}
.cinematic-websites,.cinematic-landing{background-size:cover;background-position:center center;min-height:440px}
.cinematic-websites::before,.cinematic-landing::before{background:linear-gradient(90deg,rgba(2,14,26,.98),rgba(3,17,30,.85) 46%,rgba(4,20,33,.38))}
.visual-feature img{display:block;object-fit:cover;object-position:center;width:100%;height:290px}
@media(max-width:750px){.cinematic-websites,.cinematic-landing{min-height:390px}}

/* Premium cinematic definitive overrides: do not remove */
body{background:#061521!important;color:#ecf2f8!important}
.section{background:linear-gradient(115deg,#071928,#0b2133)!important;color:#edf4fa!important;border-bottom:1px solid #233d51}
.section.dark-section{background:linear-gradient(120deg,#04111e,#0c293c)!important}
.section.center{background:linear-gradient(120deg,#0d2d42,#061726)!important}
.section h2,.section h3,.section strong,.section label{color:#f8faff!important}
.section p,.section-head p,.section .split p{color:#b9c9d7!important}
.service,.visual-feature,.sign-gallery article{background:#092134!important;border:1px solid #3c5c73!important;box-shadow:0 16px 46px #0008!important}
.service-img.site,.service-img.landing,.service-img.video,.service-img.signs{background-size:cover!important;background-position:center!important}
.page-hero.cinematic-websites{background:url('home-site.jpg') center / cover no-repeat!important;min-height:570px}
.page-hero.cinematic-landing{background:url('home-landing.jpg') center / cover no-repeat!important;min-height:570px}
.page-hero.cinematic-video{background:url('hero-video.jpg') center / cover no-repeat!important;min-height:570px}
.page-hero.cinematic-signs{background:url('hero-signs.jpg') center / cover no-repeat!important;min-height:570px}
.page-hero::before{background:linear-gradient(90deg,#03121ffe 0%,#061927ed 33%,#061927a3 59%,#051a2940 100%)!important}
.page-hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.visual-feature img{height:340px!important;object-fit:cover!important}
.visual-feature p{color:#c4d0dc!important}
.feature-grid{gap:25px}
.section-head{max-width:850px}
.service .inner{padding:25px}
.service-img{height:205px}
@media(max-width:750px){.page-hero{min-height:450px!important}.page-hero::before{background:linear-gradient(90deg,#041321fa,#051827d9)!important}.visual-feature img{height:230px!important}.feature-grid{grid-template-columns:1fr!important}}

/* Cinematic design concept gallery */
.portfolio-wrap{max-width:1400px;margin:auto;padding:0 26px}.portfolio-hero{min-height:460px;background:linear-gradient(90deg,#03121ff7,#071827db 54%,#07182773),url('hero-home.jpg') center / cover;display:flex;align-items:center}.portfolio-hero .portfolio-wrap{width:100%}.portfolio-hero h1{font-size:clamp(36px,5vw,66px);line-height:1.13;max-width:970px;margin:22px 0;color:#fff}.portfolio-hero h1 em{font-style:normal;color:#ffa14b}.portfolio-hero p{font-size:18px;max-width:760px;color:#d9e3ec;margin-bottom:26px}.gallery-intro{padding-top:68px;padding-bottom:85px}.gallery-intro h2,.portfolio-bottom h2{font-size:clamp(30px,3vw,44px);color:#fff;margin:13px 0}.gallery-intro>p{max-width:960px;color:#c9d5df}.portfolio-filter{display:flex;gap:11px;flex-wrap:wrap;margin:32px 0}.portfolio-filter button{background:#102b3d;color:#dae5ec;border:1px solid #456072;border-radius:40px;padding:11px 19px;font-weight:800;cursor:pointer}.portfolio-filter button.selected,.portfolio-filter button:hover{background:#ff9c3c;color:#081b2a;border-color:#ff9c3c}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-card{background:#0d2638;border:1px solid #3d586c;border-radius:17px;overflow:hidden;box-shadow:0 19px 45px #0005}.portfolio-card[hidden]{display:none!important}.portfolio-preview{display:block;width:100%;position:relative;background:#091725;padding:0;border:0;cursor:zoom-in;overflow:hidden}.portfolio-preview img{display:block;width:100%;aspect-ratio:1200/730;object-fit:cover;transition:transform .3s}.portfolio-preview:hover img{transform:scale(1.06)}.zoom-pill{position:absolute;right:12px;bottom:11px;background:#071725dc;color:#fff;border:1px solid #ffffff80;border-radius:30px;padding:6px 12px;font-size:12px}.portfolio-card-body{padding:22px}.portfolio-badges{display:flex;gap:10px;flex-wrap:wrap}.portfolio-badges span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#ffb56d;background:#1d3443;padding:5px 9px;border-radius:15px}.portfolio-card h3{font-size:23px;line-height:1.25;color:#fff;margin:15px 0 8px}.portfolio-card p{font-size:14px;color:#c1cedb;min-height:46px}.portfolio-card .btn{font-size:12px;padding:12px 14px}.portfolio-bottom{background:linear-gradient(110deg,#0c2b40,#061625);padding:70px 0;border-top:1px solid #344b5c}.portfolio-bottom p{max-width:850px;color:#d0dce6}.portfolio-bottom .btn{margin:14px 10px 0 0}.portfolio-bottom .outline{color:#fff}.portfolio-lightbox:not([hidden]){position:fixed;inset:0;z-index:9999;background:#010b12ef;display:flex;align-items:center;justify-content:center;padding:50px 25px}.portfolio-lightbox>div{width:min(1100px,95vw);max-height:85vh;overflow:auto;text-align:center}.portfolio-lightbox img{width:100%;height:auto;border:1px solid #355061;border-radius:10px;display:block}.portfolio-lightbox p{color:#fff;font-size:20px;font-weight:800}.portfolio-close{position:absolute;right:26px;top:20px;background:#ff9c3c;color:#091927;border:0;border-radius:100%;width:42px;height:42px;font-size:29px;cursor:pointer}.gallery-empty{padding:35px;color:#fff}@media(max-width:1080px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.portfolio-grid{grid-template-columns:1fr}.portfolio-hero{min-height:370px}.portfolio-hero h1{font-size:36px}.portfolio-filter button{font-size:12px;padding:9px 12px}}

/* 2026-10-25 Bright marketing refresh */
body{background:#f4f7fb!important;color:#163048!important}
.header{background:#ffffff!important;color:#15304a!important;border-bottom:1px solid #dbe4ee!important;box-shadow:0 1px 0 rgba(10,30,50,.03)}
.logo small{color:#3b4f63!important}.header nav a{color:#17314b!important}.header nav a:hover,.tiny-admin:hover{color:#d96f16!important}.tiny-admin{color:#d96f16!important;border-left-color:#dde5ee!important}
.hero{background:linear-gradient(90deg,rgba(5,18,31,.90) 0%,rgba(6,20,33,.78) 34%,rgba(8,22,35,.28) 64%,rgba(9,23,36,.10) 100%), url('hero-home.jpg') center center / cover no-repeat!important;min-height:640px!important;grid-template-columns:1fr!important;padding-top:98px!important;padding-bottom:88px!important}
.hero-copy{max-width:720px!important}.hero h1{max-width:720px!important}.hero p{color:#eef4f9!important;max-width:660px!important}.micro{color:#d7e1ea!important}
.page-hero::before{background:linear-gradient(90deg,rgba(4,18,30,.93) 0%,rgba(4,18,30,.78) 38%,rgba(4,18,30,.38) 68%,rgba(4,18,30,.12) 100%)!important}
.page-hero p{color:#eef4f8!important}
.section{background:#ffffff!important;color:#17314a!important;border-bottom:1px solid #e7edf4!important}
.section.center{background:#f7fafc!important}
.section.dark-section{background:linear-gradient(135deg,#0e2640,#143659)!important;color:#ffffff!important}
.section h2,.section h3,.section strong,.section label{color:#102640!important}
.section p,.section-head p,.split p,.center p,.sign-gallery p,.visual-feature p,.service p,.portfolio-card p,.gallery-intro>p,.portfolio-bottom p{color:#5a6f84!important}
.dark-section h2,.dark-section h3,.dark-section strong,.dark-section p,.dark-section label{color:#ffffff!important}
.service,.visual-feature,.sign-gallery article,.progress-show,.big-form,.admin-project,.portfolio-card{background:#ffffff!important;border:1px solid #dee6ef!important;box-shadow:0 14px 40px rgba(15,35,55,.08)!important;color:#17314a!important}
.service h3,.visual-feature h3,.sign-gallery h3,.progress-show h3,.portfolio-card h3,.gallery-intro h2,.portfolio-bottom h2{color:#0f2740!important}
.service a,.file-list a,.portfolio-card .btn,.portfolio-bottom .btn{color:inherit}
.banner-cta{background:linear-gradient(135deg,#0f2740,#173c60)!important;border-color:#234865!important}
.banner-cta h3,.banner-cta p{color:#fff!important}
.split{background:linear-gradient(135deg,#eef4f8,#ffffff)!important}
.progress-show{color:#17314a!important}
.progress-show .progress-steps{color:#435a71!important}
footer{background:#081a2d!important;color:#dce7f2!important;border-top:none!important}
footer a{color:#dce7f2!important}
.portfolio-hero{background:linear-gradient(90deg,rgba(6,19,32,.82) 0%,rgba(8,22,35,.64) 42%,rgba(8,22,35,.25) 70%,rgba(8,22,35,.08) 100%), url('hero-home.jpg') center center / cover no-repeat!important}
.portfolio-filter button{background:#ffffff!important;color:#17314a!important;border:1px solid #d9e2ec!important}
.portfolio-filter button.selected,.portfolio-filter button:hover{background:#ff9c3c!important;color:#132a40!important;border-color:#ff9c3c!important}
.portfolio-badges span{background:#edf3f8!important;color:#21405b!important}
.portfolio-close{background:#ff9c3c!important;color:#0a1d31!important}
@media(max-width:750px){.hero{min-height:540px!important;padding-top:68px!important}.header nav a{font-size:12px!important}}

/* Clean, taller showcase hero: real DOM text, zero baked-in background typography */
.portfolio-hero.gallery-hero-clean{position:relative;isolation:isolate;min-height:580px!important;background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 44%,rgba(249,252,255,.94) 55%,rgba(249,252,255,.24) 72%,rgba(249,252,255,0) 88%),url('gallery/gallery-hero-photo.jpg') 100% 45%/auto 100% no-repeat,#f9fcff!important;border-bottom:1px solid #d8e4ee;display:flex;align-items:center}
.gallery-hero-clean .portfolio-wrap{max-width:1400px;width:100%;padding-top:60px;padding-bottom:65px}
.gallery-hero-clean h1{color:#102a44!important;text-shadow:none!important;font-size:clamp(39px,4vw,64px)!important;line-height:1.13!important;letter-spacing:-.04em;margin:16px 0 8px!important;max-width:770px}
.gallery-hero-clean h1 em{color:#e67520!important}
.gallery-hero-clean h2{font-size:clamp(21px,2vw,32px);color:#193550;margin:8px 0 16px;letter-spacing:-.02em}
.gallery-hero-clean p{color:#29465e!important;max-width:685px!important;text-shadow:none;font-size:17px;line-height:1.6;margin:0 0 24px}
.gallery-hero-clean .kicker{color:#d36b14}
@media(max-width:900px){.portfolio-hero.gallery-hero-clean{background:linear-gradient(90deg,rgba(250,252,255,.99),rgba(250,252,255,.90) 73%,rgba(250,252,255,.57)),url('gallery/gallery-hero-photo.jpg') center / cover no-repeat!important;min-height:490px!important}}

/* Homepage hero 2026: clean image, real buttons and text, no dark double overlay */
.hero.cinematic-home{background-image:linear-gradient(90deg,rgba(5,28,47,.20),rgba(5,28,47,0) 68%),url('hero-home-clean.jpg')!important;background-position:center center!important;background-size:cover!important;isolation:isolate;min-height:660px!important}
.hero.cinematic-home::before,.hero.cinematic-home::after{display:none!important;content:none!important}
.hero.cinematic-home .hero-copy{position:relative;z-index:1;max-width:730px!important}
.hero.cinematic-home h1{font-size:clamp(36px,4.1vw,65px)!important;line-height:1.12!important;max-width:740px!important}
.hero.cinematic-home p{color:#fff!important;font-size:17px!important;max-width:610px!important}
.hero.cinematic-home .micro{color:#dce8ee!important}
@media(max-width:730px){.hero.cinematic-home{background-position:60% center!important}.hero.cinematic-home{background-image:linear-gradient(90deg,rgba(5,28,47,.88),rgba(5,28,47,.64)),url('hero-home-clean.jpg')!important}.hero.cinematic-home h1{font-size:clamp(34px,8vw,48px)!important}}

/* Accessible project request form — light cards, high contrast, consistent branding */
body .form-container{max-width:1050px;padding:56px 22px 90px}
body .form-container .big-form{background:#fff!important;color:#162c43!important;border:1px solid #dce5ee!important;border-radius:18px!important;padding:42px!important;box-shadow:0 24px 75px rgba(17,43,68,.1)!important}
body .form-container .big-form label{color:#152c43!important;font-size:14px!important;font-weight:750!important;line-height:1.5!important;opacity:1!important;text-shadow:none!important}
body .form-container .big-form h3{color:#132c47!important}
body .form-container .big-form input:not([type=checkbox]),body .form-container .big-form select,body .form-container .big-form textarea{background:#f6f9fd!important;border:1px solid #aabfd0!important;color:#182d42!important;box-shadow:none!important;font-weight:500!important;opacity:1!important}
body .form-container .big-form input::placeholder,body .form-container .big-form textarea::placeholder{color:#64758a!important;opacity:1!important}
body .form-container .big-form input:focus,body .form-container .big-form select:focus,body .form-container .big-form textarea:focus{outline:3px solid rgba(255,156,60,.25)!important;border-color:#e98628!important}
body .form-container .big-form .fine{color:#52677a!important}
body .form-container .big-form .btn{color:#132536!important}
body .form-container .big-form [hidden]{display:none!important}
body .form-container .big-form input[type=file]{padding:18px!important;background:#f3f7fb!important;border:2px dashed #a8bac9!important}
body .form-container .big-form .form-grid{gap:18px 22px!important}
body .form-container .big-form .form-grid label{margin:6px 0 12px!important}
body .form-container .notice.success{color:#23503b!important}
body .form-container .notice.error{color:#8f3826!important}
body .page-hero.compact{min-height:280px!important;padding-top:62px!important;padding-bottom:58px!important;background:linear-gradient(115deg,#071b2d,#1a3d5d)!important}
body .page-hero.compact h1{font-size:clamp(35px,4.2vw,62px)!important;margin:10px 0 12px!important}
body .page-hero.compact p{color:#e4edf7!important}
@media(max-width:670px){body .form-container .big-form{padding:22px!important}}

/* Secure customer project portal: distinct production, chat, approvals, deliverables */
.portal-wide{max-width:1280px!important}.portal-block{border:1px solid #dce5ef;border-radius:16px;background:#fff;color:#18314a;box-shadow:0 12px 34px #102f4812;padding:28px;margin:18px 0}.portal-block h2,.portal-block h3,.portal-block strong,.portal-block label{color:#142c45!important}.portal-block p{color:#50677b!important}.portal-block input,.portal-block textarea,.portal-block select{color:#14304c;background:#f4f8fc;border:1px solid #bdcbd9;border-radius:8px;padding:12px;max-width:100%}.portal-block textarea{width:100%;display:block;min-height:88px}.portal-block label{display:block;font-weight:700;margin:15px 0}.portal-block a:not(.btn){color:#ba5912;text-decoration:underline;font-weight:700}.portal-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.portal-columns .portal-block{height:auto;min-width:0}.project-stages{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:700;color:#36546e;font-size:13px;padding-top:12px}.conversation{max-height:400px;overflow:auto;border:1px solid #dee6ee;border-radius:10px;padding:8px 16px;margin:20px 0}.conversation .message,.admin-record .message{border-bottom:1px solid #e5eaf1}.conversation .message small,.admin-record .message small{color:#537086}.proof-approval{border-top:1px solid #dbe4ef;padding:16px 0}.proof-approval .btn{margin:4px}.delivery-item{border:1px solid #dce6ec;border-radius:10px;padding:16px;margin:10px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-record{background:#f5f8fc;padding:25px;margin-top:25px;border-radius:12px;color:#102c46}.admin-record h3{color:#142c45!important}.admin-record p{color:#42596d!important}.admin-record a{color:#a85512;font-weight:bold}@media(max-width:850px){.portal-columns{grid-template-columns:1fr}.portal-block{padding:20px}.delivery-item{flex-direction:column;align-items:flex-start}}

/* Admin pipeline and coupon management */
.admin-navigation{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}.stage-pipeline{background:#f1f6fb;border:1px solid #d6e2ed;border-radius:12px;padding:20px;margin:20px 0;color:#18344f}.stage-pipeline-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.stage-track{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:8px;overflow-x:auto}.stage-step{min-width:90px;text-align:center;opacity:.55;position:relative}.stage-step small{display:block;color:#223b53;font-size:11px;line-height:1.3}.stage-step.done,.stage-step.current{opacity:1}.stage-dot{display:block;width:18px;height:18px;margin:0 auto 7px;border-radius:50%;background:#bbc9d4;border:3px solid #dce5ec}.stage-step.done .stage-dot{background:#ff9c3c;border-color:#ffcf9c}.stage-step.current .stage-dot{box-shadow:0 0 0 3px #ffa24744}.project-links{margin:16px 0}.project-links a{color:#d46c16;text-decoration:underline}.admin-project .btn:disabled{opacity:.45;cursor:not-allowed}.coupon-table-wrap{overflow-x:auto}.coupon-table{border-collapse:collapse;width:100%;background:#fff;color:#18344f}.coupon-table th,.coupon-table td{padding:12px;border-bottom:1px solid #dbe5ed;text-align:left}.coupon-table .btn{padding:8px 12px}.admin-form textarea{min-height:90px}

/* Compact admin project rows - Oct 2026 */
.project-table-panel{margin:30px 0;background:#fff;border:1px solid #d9e2eb;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px #11283c10;color:#173049}
.project-toolbar{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.project-toolbar h2{margin:0;color:#0e2942!important}.project-toolbar p{margin:4px 0;color:#5f7182!important}.project-tools{display:flex;gap:10px;flex-wrap:wrap}.project-tools input,.project-tools select{border:1px solid #c9d5df;background:#f7fafc;border-radius:9px;padding:12px;color:#18334e;min-width:180px}
.project-table-scroll{overflow-x:auto}.project-rows{border-collapse:collapse;width:100%;min-width:850px;text-align:left}.project-rows th{background:#eaf0f6;color:#294159;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:14px 16px}.project-rows td{padding:14px 16px;border-top:1px solid #e7eef5;vertical-align:middle;color:#213b53;font-size:13px}.project-rows tbody tr:hover{background:#f5f9fd}.project-rows tr[hidden]{display:none!important}.project-rows td strong{display:block;font-size:14px}.project-rows td small{display:block;color:#6c7e90;font-size:11px}.project-stage-badge{display:inline-block;background:#e7f1fc;color:#174c7d;border-radius:30px;padding:6px 10px;white-space:nowrap;font-weight:700;font-size:11px}.project-meter{height:7px;background:#dce6ef;border-radius:10px;min-width:75px;margin-bottom:3px;overflow:hidden}.project-meter span{height:100%;display:block;background:#f99a3e;border-radius:10px}.project-open{white-space:nowrap;padding:9px 13px!important;font-size:12px!important}.project-detail{max-width:1200px;margin:30px auto!important}.project-detail .admin-grid{gap:20px}.project-detail .portal-header{margin-top:16px}.project-table-panel #project-none{padding:20px;color:#294159}
@media(max-width:750px){.project-toolbar{align-items:stretch;flex-direction:column}.project-tools input,.project-tools select{width:100%}}

/* Unified conversations and prominent deliveries */
.thread-main{margin:28px 0!important;background:#fff!important;color:#19334b!important;padding:32px!important;border-radius:18px;border:1px solid #d9e2ec;box-shadow:0 12px 32px #142f4920}.thread-main h2,.thread-main h3,.thread-main strong,.thread-main label{color:#17314b!important}.thread-main p{color:#53697f!important}.thread-title{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.thread-feed{display:flex;flex-direction:column;gap:18px;margin:24px 0}.thread-entry{background:#f2f6fa;border:1px solid #d6e2ed;padding:20px 23px;border-radius:14px;max-width:92%}.thread-entry.from-customer{align-self:flex-end;background:#fff4e7;border-color:#f9d4ae}.thread-meta{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap}.thread-meta small{color:#567!important}.thread-entry p{white-space:normal;margin:12px 0}.thread-attachment{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#fff;border:2px solid #ff9c3c;border-radius:13px;padding:16px;margin-top:15px}.thread-attachment strong{color:#a9520d!important;flex-basis:100%;font-size:16px}.thread-attachment span{flex:1;min-width:180px;color:#102a43;font-weight:700;overflow-wrap:anywhere}.thread-attachment .btn{color:#122235!important}.thread-attachment.is-proof{border-color:#4675a6}.thread-attachment.is-proof strong{color:#174976!important}.thread-review-link{color:#155c92!important;font-weight:700}.delivery-alert{background:#fff0d8;border:2px solid #ffa544;color:#492c0a;display:flex;gap:15px;align-items:center;flex-wrap:wrap;border-radius:15px;padding:20px;margin:22px 0}.delivery-alert strong{font-size:20px}.delivery-alert span{flex:1;min-width:180px}.thread-reply{background:#f6f9fd;border:1px solid #d9e4ef;padding:22px;border-radius:13px}.thread-reply label{display:block;font-weight:700}.thread-reply textarea{display:block;width:100%;min-height:100px;padding:12px;margin:10px 0 16px;border:1px solid #a8bacb;border-radius:9px;font:inherit;color:#172f46;background:white}.thread-legacy{border-top:1px solid #ddd;padding-top:20px}.unified-update{background:#f5f8fb!important;border:2px solid #ffab59!important;padding:25px!important}.unified-update h3,.unified-update label{color:#18344d!important}.unified-update p{color:#4d6680!important}.unified-update textarea,.unified-update select,.unified-update input[type=file]{width:100%;margin-top:8px;margin-bottom:16px}.unified-update .check{color:#17314b!important}@media(max-width:700px){.thread-entry{max-width:100%}.thread-main{padding:18px!important}.delivery-alert{flex-direction:column;align-items:stretch}}

/* Chat first project communication, October 2026 */
.chat-panel{background:#fff!important;color:#14304a!important;border:1px solid #d4e0eb;border-radius:18px;padding:22px;margin-top:24px;box-shadow:0 10px 32px #152e4414}.chat-panel h3{color:#15324b!important;margin:4px 0;font-size:24px}.chat-panel p{color:#52687a!important}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.chat-export{font-size:12px;color:#536b83!important;text-decoration:underline}.chat-scroll{background:#f5f8fc;border:1px solid #dde6ef;border-radius:14px;display:flex;flex-direction:column;gap:15px;max-height:660px;min-height:160px;overflow:auto;overscroll-behavior:contain;padding:22px;margin:18px 0;scrollbar-color:#a4b6c6 #f5f8fc}.chat-line{display:flex;width:100%}.chat-in{justify-content:flex-start}.chat-out{justify-content:flex-end}.chat-bubble{background:#fff;border:1px solid #d5e2ed;border-radius:16px 16px 16px 4px;padding:16px 19px;max-width:min(80%,740px);box-shadow:0 3px 12px #16314b0b;color:#18334d}.chat-out .chat-bubble{background:#e5f0ff;border-color:#b7d2f2;border-radius:16px 16px 4px 16px}.chat-meta{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:13px;color:#17314b}.chat-meta time{color:#60768b;font-weight:400}.chat-text{margin:10px 0;line-height:1.6;overflow-wrap:anywhere}.chat-file{background:#fff;border:1px solid #b4cce1;border-radius:9px;padding:12px;margin-top:10px;display:flex;gap:7px;flex-direction:column}.chat-file.chat-final{background:#fff5e8;border:2px solid #ee9a34}.chat-file a{font-weight:800;color:#aa4e08!important;text-decoration:underline}.chat-caption{font-size:12px}.chat-empty{margin:auto!important}.thread-main .thread-feed{max-height:750px;overflow:auto;display:flex;background:#f3f7fc;border:1px solid #dde6ef;border-radius:14px;padding:20px;gap:15px}.thread-main .thread-entry{width:fit-content;max-width:82%;box-shadow:0 3px 12px #15324c10;border-radius:15px 15px 15px 4px;margin:0!important}.thread-main .thread-entry.from-customer{align-self:flex-end;background:#e5f0ff;border:1px solid #b7d2f2;border-radius:15px 15px 4px 15px}.thread-main .thread-entry.from-team{align-self:flex-start;background:#fff;border:1px solid #d6e2ed}.thread-main .thread-entry p{overflow-wrap:anywhere}.thread-title .portal-download{font-size:12px;color:#526b84!important}.thread-reply{position:relative;border:2px solid #d2e2f0!important}.thread-reply button{min-width:145px}.unified-update{border:2px solid #b4cce1!important;background:#f5f8fc!important}.unified-update h3{font-size:24px!important}.unified-update button{min-width:175px}@media(max-width:700px){.chat-panel{padding:14px}.chat-scroll,.thread-main .thread-feed{padding:10px}.chat-bubble,.thread-main .thread-entry{max-width:95%}.chat-meta{gap:6px;flex-direction:column}}

/* Showcase visual improvements */
.portfolio-hero.gallery-hero-clean{background:linear-gradient(90deg,#f5f8fa 0%,#f5f8fa 37%,rgba(245,248,250,.90) 48%,rgba(245,248,250,.10) 70%,rgba(245,248,250,0) 89%),url('gallery/gallery-hero-photo.jpg') right 45%/auto 100% no-repeat!important}
@media(max-width:900px){.portfolio-hero.gallery-hero-clean{background:linear-gradient(90deg,rgba(247,250,252,.96),rgba(247,250,252,.85)),url('gallery/gallery-hero-photo.jpg') center/cover no-repeat!important}}

/* Sales experience – October 2026 */
.sales-promise{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dfe8f0;padding:1px}.sales-promise>div{background:#fff;padding:22px 18px;text-align:center;color:#ee842b;font-size:23px}.sales-promise strong{display:block;font-size:14px;color:#112d49}.sales-promise span{display:block;font-size:12px;color:#54687a}.sales-intro{background:#f5f8fb!important}.sales-intro h2,.sales-next h2{color:#112b45!important}.sales-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sales-card{border:1px solid #dbe4ed;background:#fff;border-radius:21px;overflow:hidden;box-shadow:0 18px 46px #08213a18;color:#24394d}.sales-card img{width:100%;height:250px;object-fit:cover;display:block}.sales-card>div{padding:29px}.sales-card h3{font-size:29px;color:#112d49;margin:10px 0}.sales-card p{color:#445c71!important;min-height:86px}.sales-price{font-size:34px;font-weight:900;color:#e87716;margin:8px 0}.sales-price small{font-size:14px}.sales-card .smalltext{font-size:13px;min-height:110px;color:#5e7284!important}.sales-card .btn{display:block;text-align:center;margin-bottom:15px}.sales-card a:not(.btn){display:block;text-align:center;color:#c46c1f;font-weight:750}.sales-band{padding:75px max(25px,calc((100vw - 1200px)/2));background:linear-gradient(110deg,#071d31,#183d5d);color:white;text-align:center}.sales-band h2{font-size:clamp(31px,4vw,55px);max-width:800px;margin:20px auto}.sales-band p{color:#d3e2ee}.sales-band .buttons{justify-content:center}.brief-panel{margin:22px 0 27px;border:1px solid #d3e2ef;background:#f2f7fb;border-radius:17px;padding:26px;color:#16314a}.brief-panel h2,.brief-panel h3{color:#12304c!important}.brief-panel p{color:#49617a}.brief-panel label{color:#173650!important}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px}.choice-grid label{font-weight:600}.choice-grid input{accent-color:#ed7e23}.sales-next{text-align:center;background:#f5f8fb!important}.sales-next p{max-width:760px;margin:12px auto 26px;color:#455f73!important}.form-container .brief-panel .fine{color:#4a6476}
@media(max-width:960px){.sales-promise{grid-template-columns:repeat(2,1fr)}.sales-cards{grid-template-columns:1fr}.sales-card img{height:260px}.sales-card p,.sales-card .smalltext{min-height:0}}@media(max-width:600px){.sales-promise{grid-template-columns:1fr 1fr}.sales-promise>div{padding:14px 8px}.choice-grid{grid-template-columns:1fr}.brief-panel{padding:17px}.sales-band{padding:60px 22px}}

/* JG showroom homepage corrective layout: scoped, responsive, no missing-left overlay */
.hero.cinematic-home.jg-design-hero{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:555px!important;background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 32%,rgba(255,255,255,.44) 52%,rgba(255,255,255,0) 76%),url('hero-home-clean.jpg')!important;background-color:#fff!important;background-position:center center!important;background-size:cover!important;padding:66px max(24px,calc((100vw - 1250px)/2))!important;color:#102b44!important}.hero.jg-design-hero .hero-copy{max-width:650px!important;width:100%!important}.hero.jg-design-hero h1{font-size:clamp(40px,4.3vw,66px)!important;line-height:1.07!important;text-shadow:none!important;margin:20px 0!important;color:#102b44!important}.hero.jg-design-hero h1 em{color:#ec731a!important}.hero.jg-design-hero p{color:#25425d!important;text-shadow:none!important;font-size:17px!important;max-width:570px!important}.hero.jg-design-hero .btn.outline{color:#0b2841!important;border:1px solid #7792a9!important;background:#ffffffee!important}.hero.jg-design-hero .micro{color:#34546e!important;font-size:11px!important;letter-spacing:.06em!important;margin-top:23px!important}.jg-demo-selector{background:#f3f7fa;padding:56px 24px 68px;color:#112d46}.jg-demo-inner{max-width:1250px;margin:auto}.jg-demo-selector h2{font-size:clamp(30px,3.3vw,45px);line-height:1.15;margin:9px 0}.jg-demo-selector p{color:#51677b}.jg-demo-nav{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 25px}.jg-demo-nav a{background:white;padding:13px 16px;border:1px solid #cfdae4;border-radius:10px;font-weight:750;font-size:14px}.jg-demo-nav a:first-child{background:#ff9c38;color:#09233b}.jg-demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.jg-demo-grid article{background:white;border:1px solid #dce4ec;border-radius:13px;overflow:hidden;box-shadow:0 12px 25px #193b5715}.jg-demo-grid img{width:100%;height:160px;object-fit:cover;display:block}.jg-demo-grid article>div{padding:17px}.jg-demo-grid strong,.jg-demo-grid span,.jg-demo-grid a{display:block}.jg-demo-grid strong{font-size:18px}.jg-demo-grid span{color:#647b8f;font-size:13px;margin-bottom:12px}.jg-demo-grid a{font-size:13px;color:#075585;font-weight:800;padding:5px 0}.jg-demo-grid a:last-child{color:#b94f05}@media(max-width:1000px){.jg-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.hero.cinematic-home.jg-design-hero{min-height:540px!important;padding:52px 22px!important;background-image:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.87)),url('hero-home-clean.jpg')!important}.hero.jg-design-hero h1{font-size:clamp(36px,9vw,52px)!important}.jg-demo-grid{grid-template-columns:1fr}.jg-demo-grid img{height:210px}}

/* OCT 26 FINAL FIX: restore dark cinematic navy/gold visual, remove light panel and hard seam. */
:root{--orange:#e8ae52!important}
.hero.cinematic-home.jg-design-hero{background-color:#061b2e!important;background-image:linear-gradient(90deg,rgba(2,16,31,.96) 0%,rgba(3,20,35,.89) 27%,rgba(4,23,38,.58) 51%,rgba(6,24,38,.15) 77%,rgba(6,24,38,.05) 100%),url('hero-home-clean.jpg')!important;background-position:center center!important;color:#fff!important;min-height:590px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:68px max(24px,calc((100vw - 1200px)/2))!important}
.hero.cinematic-home.jg-design-hero::before,.hero.cinematic-home.jg-design-hero::after{content:none!important;display:none!important}
.hero.cinematic-home.jg-design-hero .hero-copy{max-width:690px!important;width:100%!important;position:relative!important;z-index:1!important;background:transparent!important}
.hero.cinematic-home.jg-design-hero h1{font-size:clamp(39px,4vw,61px)!important;line-height:1.08!important;color:white!important;text-shadow:0 3px 22px rgba(0,0,0,.3)!important;letter-spacing:-.035em!important;margin:17px 0!important}
.hero.cinematic-home.jg-design-hero h1 em{color:#f0bc66!important}
.hero.cinematic-home.jg-design-hero .kicker{color:#f0bc66!important}
.hero.cinematic-home.jg-design-hero p{color:#f6f7f8!important;text-shadow:0 2px 12px #031522aa!important;max-width:610px!important;font-size:17px!important}
.hero.cinematic-home.jg-design-hero .btn{background:linear-gradient(110deg,#e4ad58,#f5bd6d)!important;color:#102133!important}
.hero.cinematic-home.jg-design-hero .btn.outline{background:rgba(6,22,37,.62)!important;color:#fff!important;border:1px solid #d2aa6c!important}
.hero.cinematic-home.jg-design-hero .micro{color:#f0d3a2!important;font-size:11px!important;letter-spacing:.06em!important;margin-top:23px!important}
.jg-demo-selector{background:#eef2f4!important}.jg-demo-nav a:first-child{background:#e8ad59!important}
@media(max-width:720px){.hero.cinematic-home.jg-design-hero{padding:48px 22px!important;min-height:550px!important;background-image:linear-gradient(90deg,rgba(2,16,31,.95),rgba(3,20,35,.79)),url('hero-home-clean.jpg')!important}.hero.cinematic-home.jg-design-hero h1{font-size:clamp(36px,8vw,49px)!important}}


/* ===== Premium navy & gold homepage (2026-10-27) ===== */
.header{background:#030d1b!important;color:#f7f3e8!important;border-bottom:1px solid rgba(211,168,82,.72);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.header .logo b{color:#f5f0e5}.header .logo b span{color:#d6aa55}.header .logo small{color:#c7b27f}
.header nav a{color:#f3eee3}.header nav a:hover,.header .tiny-admin:hover{color:#e2b65f}
.header .tiny-admin{color:#e2b65f;border-left-color:rgba(214,170,85,.45)}
.cth-premium-home{background:#06111f;color:#f6f2e8;overflow:hidden}
.cth-premium-home *{box-sizing:border-box}
.cth-premium-home .cth-premium-hero{min-height:600px;display:flex;align-items:center;padding:74px max(24px,calc((100vw - 1260px)/2));position:relative;isolation:isolate;background:#06111f url('hero-signs.jpg') center 48%/cover no-repeat;border-bottom:1px solid rgba(211,168,82,.7)}
.cth-premium-home .cth-premium-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,10,22,.98) 0%,rgba(2,10,22,.91) 34%,rgba(2,10,22,.55) 58%,rgba(2,10,22,.08) 100%),linear-gradient(0deg,rgba(2,10,22,.42),transparent 48%)}
.cth-hero-copy{max-width:680px;position:relative}
.cth-kicker{display:inline-block;color:#e1b45b;font-size:11px;font-weight:800;letter-spacing:3px;line-height:1.6}
.cth-hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5.3vw,76px);font-weight:500;letter-spacing:-1.7px;line-height:1.04;margin:18px 0 20px;color:#fff}
.cth-hero-copy h1 em,.cth-section-heading h2 em,.cth-final-cta h2 em{font-style:normal;color:#e5b95e}
.cth-hero-copy p{font-size:17px;line-height:1.75;color:#e1e5eb;max-width:610px;margin:0}
.cth-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}
.cth-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800;font-size:13px;line-height:1.3;padding:14px 19px;border-radius:6px;transition:transform .18s ease,filter .18s ease;min-height:46px}
.cth-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.cth-btn-gold{color:#101723;background:linear-gradient(135deg,#f3d18a,#c99335);border:1px solid #e7bd68;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.cth-btn-outline{color:#f2d48e;background:rgba(3,13,27,.5);border:1px solid #d5aa56}
.cth-trust-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#e6e7e9;font-size:12px;font-weight:650}
.cth-trust-points span:first-letter{color:#e1b45b}
.cth-category-section,.cth-services-section{padding:66px max(22px,calc((100vw - 1260px)/2));background:linear-gradient(180deg,#081525,#050e1b)}
.cth-section-heading{text-align:center;max-width:820px;margin:0 auto 30px}
.cth-section-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.6vw,48px);font-weight:500;line-height:1.15;margin:12px 0;color:#f8f4eb}
.cth-section-heading p{color:#c4ceda;margin:0 auto;max-width:700px}
.cth-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cth-category-card{position:relative;min-height:340px;border:1px solid rgba(219,177,91,.4);border-radius:9px;overflow:hidden;background:#0b1a2c;box-shadow:0 18px 40px rgba(0,0,0,.25);isolation:isolate}
.cth-category-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .45s ease}
.cth-category-card:hover>img{transform:scale(1.035)}
.cth-card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,9,20,.97) 0%,rgba(2,9,20,.78) 43%,rgba(2,9,20,.12) 100%)}
.cth-category-content{position:absolute;inset:auto 0 0;padding:26px 25px 24px}
.cth-card-label{font-size:9px;letter-spacing:1.7px;color:#e7bd69;font-weight:800}
.cth-category-content h3{font:500 29px/1.1 Georgia,'Times New Roman',serif;margin:9px 0;color:#fff}
.cth-category-content p{font-size:13px;line-height:1.55;color:#e1e5eb;margin:0 0 15px;max-width:370px}
.cth-category-content>a:not(.cth-text-link){display:inline-flex;align-items:center;gap:9px;color:#111827;background:linear-gradient(135deg,#f1d28b,#c99436);border-radius:5px;padding:11px 14px;font-size:12px;font-weight:850}
.cth-category-content .cth-text-link{display:block;margin-top:12px;color:#f1d18a;font-size:12px;font-weight:700}
.cth-services-section{padding-top:54px;background:#030d1b;border-top:1px solid rgba(213,170,86,.25)}
.cth-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cth-service-card{background:linear-gradient(160deg,#10223a,#071321 75%);border:1px solid rgba(213,170,86,.34);border-radius:8px;padding:16px 16px 19px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.cth-service-image{width:100%;height:126px;border-radius:5px;overflow:hidden;margin-bottom:17px;background:#0b1a2c}
.cth-service-image img{width:100%;height:100%;object-fit:cover;display:block}
.cth-number{font-size:9px;letter-spacing:1.3px;color:#dcb35f;font-weight:850}
.cth-service-card h3{font:500 23px/1.15 Georgia,'Times New Roman',serif;color:#fff;margin:8px 0}
.cth-service-card p{font-size:12px;line-height:1.6;color:#c9d2df;margin:0 0 12px}
.cth-price{color:#e9c46f;font-size:13px;margin-top:auto;margin-bottom:14px}
.cth-price strong{font:500 30px Georgia,'Times New Roman',serif;color:#f1d28b}
.cth-price small{font:inherit;color:#e3e7ee}
.cth-service-card .cth-btn{width:100%;margin-bottom:12px;font-size:11px;padding:12px 9px}
.cth-service-card>small{font-size:10px;line-height:1.5;color:#aebaca;margin-top:auto}
.cth-service-portal{justify-content:flex-start}
.cth-portal-icon{width:100%;height:126px;display:grid;place-items:center;font-size:56px;color:#e5b95e;border:1px solid rgba(213,170,86,.24);border-radius:5px;margin-bottom:17px;background:radial-gradient(circle at 50% 30%,#23334b,#081321 70%)}
.cth-final-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:44px max(22px,calc((100vw - 1180px)/2));background:linear-gradient(110deg,#09182a,#111f30);border-top:1px solid #c89d4e}
.cth-final-cta h2{font:500 clamp(30px,3.4vw,45px)/1.15 Georgia,'Times New Roman',serif;margin:8px 0;color:#fff}
.cth-final-cta p{color:#c7d0dc;margin:0;max-width:680px}
@media(max-width:1000px){.cth-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cth-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cth-premium-home .cth-premium-hero{min-height:560px;background-position:60% center}}
@media(max-width:650px){.header{height:auto;min-height:72px;padding:14px 18px;flex-wrap:wrap}.header nav{width:100%;overflow-x:auto;gap:15px;margin:0;padding:6px 0}.header nav a{white-space:nowrap}.cth-premium-home .cth-premium-hero{min-height:600px;padding:60px 22px;background-position:62% center}.cth-premium-home .cth-premium-hero:before{background:linear-gradient(90deg,rgba(2,10,22,.95),rgba(2,10,22,.78)),linear-gradient(0deg,rgba(2,10,22,.4),transparent)}.cth-hero-copy h1{font-size:clamp(39px,11vw,56px)}.cth-trust-points{gap:11px 15px}.cth-category-section,.cth-services-section{padding:48px 18px}.cth-category-grid,.cth-service-grid{grid-template-columns:1fr}.cth-category-card{min-height:330px}.cth-final-cta{align-items:flex-start;flex-direction:column;padding:36px 20px}}


/* AUDITED VISUAL REPAIR / 2026-10-27 — navigation and showrooms */
.header{background:#041020!important;color:#f7f0e7!important}
.header nav a,.header nav a:link,.header nav a:visited{color:#f6f0e8!important;opacity:1!important;text-shadow:none!important}
.header nav a:hover,.header nav a:focus-visible,.header .tiny-admin{color:#f4c771!important}
.header .logo small{color:#d7bb84!important}
.show-hero,.show-wrap,.show-banner{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important;position:relative!important;left:auto!important;right:auto!important;overflow-wrap:break-word}
.show-hero{padding:66px max(24px,calc((100vw - 1240px)/2))!important;background:linear-gradient(115deg,#071626,#112e43)!important;color:#fff!important;min-height:unset!important}
.show-hero h1{color:#fff!important;font:500 clamp(36px,4.4vw,57px)/1.12 Georgia,serif!important;margin:16px 0!important;max-width:850px!important}
.show-hero p{color:#d9e3ec!important;max-width:760px!important;font-size:17px!important;line-height:1.65!important}
.show-hero .kicker,.show-eyebrow{font-weight:800!important;letter-spacing:2.3px!important;color:#f3c66e!important;text-transform:uppercase!important;font-size:12px!important}
.show-wrap{padding:52px max(24px,calc((100vw - 1240px)/2)) 75px!important;background:#f2f5f8!important;color:#132f49!important}
.show-wrap h2{font:600 clamp(29px,3vw,39px)/1.2 Georgia,serif!important;margin:14px 0!important}
.show-lead{max-width:900px!important;line-height:1.65!important;color:#3c5063!important}
.show-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:23px!important;margin-top:32px!important;width:100%!important;align-items:stretch!important}
.show-card{min-width:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #d9e1e9!important;border-radius:13px!important;box-shadow:0 13px 32px rgba(12,31,51,.10)!important}
.show-card figure{position:relative!important;margin:0!important;height:215px!important;overflow:hidden!important}
.show-card figure img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.show-card .flag{position:absolute!important;top:13px!important;left:13px!important;background:#072039!important;color:#f8d38a!important;border-radius:5px!important;padding:6px 10px!important;font-size:10px!important;font-weight:800!important}
.show-body{padding:23px!important;min-width:0!important}
.show-body h3{font-size:22px!important;color:#112d46!important;margin:0 0 10px!important}
.show-body p{color:#40566b!important;font-size:14px!important;line-height:1.6!important}
.show-details{color:#bd7525!important;font-size:12px!important;font-weight:750!important;margin:15px 0!important}
.show-actions{display:flex!important;flex-wrap:wrap!important;gap:11px!important;margin:22px 0 0!important}
.show-actions a,.show-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 17px!important;background:linear-gradient(120deg,#f2ce81,#dda84e)!important;border:1px solid #d5a554!important;border-radius:7px!important;color:#111c2c!important;font-weight:800!important;font-size:13px!important;text-decoration:none!important;min-height:44px!important}
.show-actions a.secondary{background:#fff!important;color:#17334d!important;border:1px solid #9ab0c1!important}
.show-card .show-actions a{flex:1 1 145px!important;text-align:center!important}
.show-proof,.show-note{font-size:12px!important;color:#758597!important}
.show-banner{background:#102d43!important;color:#fff!important;border-radius:12px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:25px!important;margin-top:36px!important;padding:25px!important}
.show-banner h3{color:#fff!important;margin:0 0 8px!important}.show-banner p{color:#d2dee9!important;margin:0!important}
@media(max-width:1000px){.show-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.show-hero,.show-wrap{padding-left:20px!important;padding-right:20px!important}.show-grid{grid-template-columns:1fr!important}.show-banner{flex-direction:column!important;align-items:flex-start!important}}
