/* Sign Your Image — dark canvas, original logo colors. */
:root{--bg:#0c1019;--panel:#151e2c;--yellow:#ffe323;--red:#ed2434;--blue:#1248cf;--muted:#bcc4d3;--line:#2b3d59}
body{background:var(--bg)}
header.site-header{background:linear-gradient(110deg,#071b49,#123ca3 58%,#092458);border-bottom:3px solid var(--blue);box-shadow:0 8px 28px #0005;isolation:isolate}
header.site-header:after{content:'';position:absolute;bottom:-3px;right:0;width:140px;height:7px;background:linear-gradient(115deg,transparent 12%,var(--red) 13% 52%,var(--yellow) 53% 80%,#fff 81%);pointer-events:none}
.site-header .brand img{filter:drop-shadow(0 5px 7px #0008)}
header.site-header nav.site-nav a{background:#071a43a8;border-color:#759af05c;border-radius:3px;color:#fff;box-shadow:none;min-height:48px}
header.site-header nav.site-nav a:hover,header.site-header nav.site-nav a[aria-current=page]{background:#174ec9;border-color:var(--yellow);color:var(--yellow)}
header.site-header nav.site-nav a:last-child{background:var(--yellow);border-color:var(--yellow);color:#101626}
header.site-header nav.site-nav a:last-child:hover{background:#fff18a}
.button{background:var(--yellow);border-radius:3px;box-shadow:0 4px 0 #b98e0a22;letter-spacing:.2px}
.button:hover{background:#fff18a}
.eyebrow{color:#ff6975}
.hero-wide .hero-copy>.eyebrow{color:var(--yellow)}
.hero.hero-wide{height:calc(100svh - 112px);min-height:720px;max-height:980px;background:transparent}
.hero-wide .hero-visual:after{background:linear-gradient(90deg,#060d1af2 0%,#06142cce 32%,#08152c30 70%),linear-gradient(0deg,#060c19f2,transparent 30%)}
.hero-wide .hero-copy{padding:95px 5% 170px;max-width:840px}
.hero-wide h1{font-size:clamp(80px,8.5vw,142px);font-style:italic;font-weight:900;letter-spacing:-1.5px;line-height:.94;margin:25px 0 30px;text-shadow:0 5px 25px #0005}
.hero-wide h1 em{display:block}
.hero-wide .intro{font-size:18px;max-width:410px;line-height:1.8}
.hero-wide .actions{gap:16px;flex-wrap:wrap}
.hero-wide .actions .textlink{display:inline-flex;align-items:center;justify-content:center;min-height:60px;border:1px solid #b7caed88;padding:17px 23px;background:#0b183c88;border-radius:3px}
.hero-wide .photo-top{color:#e1e8f8}.slide-arrow,.pause-slides{background:#082660b3;border-color:#8cabe377}.slide-dots button.active{background:var(--yellow)}
.ticker{background:linear-gradient(100deg,#103697,#124bd4);color:#fff;border-top:3px solid var(--red);border-bottom:1px solid #426ed5;font-size:22px;letter-spacing:.8px}.ticker b{color:var(--yellow)}
.section{position:relative}.section-head h2 em{color:var(--yellow)}
.transform,.trailer-card,.use-card{background:linear-gradient(135deg,#172437,#121a29);border:1px solid #2f4e7a;border-radius:5px}
.transform-detail{border-top:3px solid var(--blue)}
.project-picture{border:1px solid #365488;background:#0b1220;box-shadow:0 8px 24px #0003}
.project h3{color:#ffe323}.project small{color:#b8c7e2}
.filters button{background:#121d31;border-color:#34517c}.filters button.active{background:var(--blue);color:white;border-color:#5283ed}
.services{background:linear-gradient(115deg,#081a38,#101a2a 70%);border-block:1px solid #224477}
.service-list a{border-color:#2c4569}.service-list h3{color:var(--yellow)}.service-list span{color:#8aaeff}
.playground{background:linear-gradient(140deg,#092757,#142138);border-color:#345a93;border-radius:5px}
.process-grid{border-color:#315188}.process-grid>div{border-top:3px solid var(--blue);padding-top:20px}.process-grid>div:nth-child(2){border-color:var(--red)}.process-grid>div:nth-child(3){border-color:var(--yellow)}
.quote,.yard-contact{background:linear-gradient(120deg,#092b80,#1248cf 75%,#123b9c);border-top:5px solid var(--red)}
.quote .eyebrow,.yard-contact .eyebrow{color:var(--yellow)}
.quote form{background:#101c35;color:#fff;border:1px solid #6388d5;box-shadow:0 14px 45px #03173c66}.quote input,.quote select,.quote textarea{background:#09152b;border-color:#516990;color:#fff}.quote input::placeholder,.quote textarea::placeholder{color:#aebdd5}.quote .form-top span,.quote .form-note{color:#b9cbe8}.quote .download-brief{color:#d5e2ff}.quote #formStatus,.quote #rentalStatus{color:#ffe323}
.rental-home-feature,.rental-demo{background:linear-gradient(125deg,#10244a,#111b2b);border-block:1px solid #2e4770}
.rental-hero,.yard-intro,.art-intro{background:radial-gradient(ellipse at 90% 0%,#1248cf45,transparent 65%),#0c1019}
.rental-strip{background:var(--blue);border-top:3px solid var(--red)}.use-card.active{border-color:var(--yellow)}.use-card h3{color:var(--yellow)}
.rental-hero-image{border:1px solid #365488}.rental-hero-tags span{border-color:#3b5f98}
.art-collage{border-color:#123f9b;box-shadow:14px 14px 0 var(--red)}.art-collage p{background:#123f9b;color:#fff!important}.art-sticker{background:var(--yellow)}
.art-panel,.art-conversation{background:#121f36;border-color:#34568a;border-radius:6px}.art-panel .art-upload{border-color:#6d91cf;background:#112c5d}.assistant-heading>span{background:var(--blue)}.assistant-message{background:#1c3154}.art-finish{background:linear-gradient(120deg,#082567,#123da0);border-top:4px solid var(--red)}
footer{background:linear-gradient(110deg,#082667,#123ca0);border-top:3px solid var(--yellow)}footer p{font-style:italic;font-size:32px;font-weight:800}footer small{border-color:#6485bd66;color:#c3d1e9}
@media(max-width:1100px) and (min-width:701px){.hero-wide h1{font-size:clamp(75px,9.8vw,110px)}.hero-wide .hero-copy{padding-top:90px}}
@media(max-width:700px){
 header.site-header nav.site-nav a{min-height:44px}.hero.hero-wide,.site-header+.hero.hero-wide{height:940px;min-height:0;max-height:none}.hero-wide .hero-copy{padding:76px 5% 0;max-width:none}.hero-wide h1{font-size:clamp(54px,13vw,86px);line-height:1.01;letter-spacing:-.5px;margin:20px 0 24px}.hero-wide .intro{font-size:15px;max-width:360px;line-height:1.8}.hero-wide .hero-visual>img{height:47%;bottom:65px;object-position:center}.hero-wide .hero-visual:after{background:linear-gradient(0deg,#080f1d 0%,#080f1d00 21%,#080f1d00 38%,#0c1019 55%)}.hero-wide .actions{gap:12px;margin:24px 0}.hero-wide .actions .button,.hero-wide .actions .textlink{min-height:49px;padding:13px 15px;font-size:12px}.hero-wide .slider-bar{bottom:40px}.ticker{font-size:18px}.process-grid>div{padding-top:17px}.transform-detail{padding:28px}.quote form{padding:25px 20px}.art-collage{box-shadow:9px 9px 0 var(--red)}footer p{font-size:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The first banner slide plays the actual makeover clip, with a photo fallback. */
.hero-wide .hero-visual>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;pointer-events:none}
.hero-wide .hero-visual>video:not([hidden])~#heroImage{visibility:hidden}
.hero-wide .hero-visual>video[hidden]{display:none}
.watch-makeover{min-height:40px;padding:10px 15px;border:1px solid var(--yellow);border-radius:4px;background:#0b1d40e6;color:var(--yellow);font-size:12px;font-weight:700}
.watch-makeover:hover{background:var(--yellow);color:#10121b}.watch-makeover[hidden]{display:none}
#makeoverDialog{width:min(720px,94vw);padding:24px;background:#0c1426}#makeoverDialog h2{font-size:32px;margin:0 45px 8px 0}#makeoverDialog p{font-size:12px;line-height:1.7;color:#c0cbe0;margin-bottom:16px}#makeoverDialog video{display:block;width:100%;max-height:70svh;object-fit:contain;background:#050910}#closeMakeover{position:absolute;right:14px;top:14px;width:36px;height:36px;border:1px solid #7a8da9;border-radius:50%;color:#fff;background:#142446;font-size:18px}
@media(max-width:700px){.hero-wide .hero-visual>video{inset:auto 0 65px;width:100%;height:47%;object-fit:cover;object-position:center}.hero-wide .slider-controls{gap:7px}.watch-makeover{flex-basis:100%;min-height:36px;font-size:10px;padding:8px}.hero-wide .slider-controls .segmented{display:none}#makeoverDialog{padding:20px 14px}#makeoverDialog h2{font-size:27px}}