/* Option 01 — Midnight Signal. Cinematic, technical, purple after dark. */
body.midnight{--bg:#160d23;--panel:#211430;--muted:#b6a9c6;--line:#d8baff1b;--purple:#8547df;--radius:11px}
.midnight .showcase{background:#1d0e30}.midnight .slides{height:592px}.midnight .slide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1c0c30 3%,#1c0c30fb 25%,#1c0c30cc 43%,#21103130 75%,#24103516),linear-gradient(0deg,#1d0e30e6 1%,transparent 35%);z-index:2}.midnight .slide-photo-wrap{position:absolute;right:0;top:0;bottom:0;width:80%;overflow:hidden}.midnight .slide-photo{object-position:center 35%;filter:saturate(.75)}.midnight .slide[data-slide="1"] .slide-photo{object-position:center 55%;filter:saturate(.95)}.midnight .slide[data-slide="2"] .slide-photo{object-position:60% 60%;filter:saturate(.95)}.midnight .slide-copy{padding-top:50px;max-width:670px;padding-bottom:35px}.midnight .slide-kicker{color:#c3afd6;font-size:9px!important;letter-spacing:.2em}.midnight .slide-copy h1,.midnight .slide-copy h2{font-size:clamp(52px,5.15vw,75px);max-width:650px}.midnight .slide-summary{max-width:365px;font-size:13px;margin-top:24px;color:#c0b0cf}.midnight .slide-copy .button-row{margin-top:27px}.midnight .slide-copy .button-secondary{border-color:transparent;background:#ffffff08;font-size:11px}.midnight .slide-copy .button-secondary:hover{background:#ffffff16}.midnight .slider-footer{border-top:1px solid #ffffff12;position:relative;z-index:5;background:#1d0e30}.midnight .slider-controls{height:73px}.midnight .slide-tab{min-width:135px;padding-block:26px}.midnight .slide-tab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ff8a3d;transform:scaleX(0);transform-origin:left}.midnight .slide-tab[aria-current=true]::after{animation:progress 9s linear forwards}.midnight .showcase[data-paused=true] .slide-tab::after{animation-play-state:paused}.midnight .slide-tab[aria-current=true]{color:#fff}.midnight .slide-tab span{margin-right:4px}.midnight .slide-count{margin-inline:12px}.midnight .slide-photo-tag{position:absolute;z-index:3;right:var(--gutter);top:29px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.18em;color:#fff;text-transform:uppercase;padding:9px 0;border-top:1px solid #ffffff70;border-bottom:1px solid #ffffff70;text-shadow:0 1px 8px #14091d}.midnight .slide-photo-tag .ico{width:13px;height:13px}.midnight .photo-note{position:absolute;right:var(--gutter);bottom:34px;z-index:3;display:flex;align-items:center;gap:12px;color:white;text-shadow:0 1px 12px #160925}.midnight .photo-note .ico{width:25px;height:25px;color:var(--orange)}.midnight .photo-note strong{display:block;font-size:11px;font-weight:500}.midnight .photo-note span{display:block;font-size:9px;color:#eee2f5;margin-top:2px}.midnight .work-section{padding-top:76px;padding-bottom:73px}.midnight .work-section .section-heading h2{font-size:clamp(34px,3.2vw,46px);line-height:1.16}.midnight .work-section .section-description{max-width:270px;font-size:12px}.midnight .work-section .section-heading{margin-bottom:30px}.midnight .project-filters{gap:8px}.midnight .hero-section{padding-bottom:0}.midnight .hero-copy .eyebrow{font-size:8px}.midnight .hero-copy .button-row{gap:20px}.midnight .hero-copy .text-link{font-size:11px;color:#e2d0f3}.midnight .hero-copy .text-link .ico{color:var(--orange);width:16px;height:16px}.midnight .why-section{padding-bottom:75px}.midnight .why-section .section-heading h2{max-width:640px;font-size:37px}.midnight .services-section{background:#1b1029;border-block:1px solid var(--line)}.midnight .services-section .section-heading h2{max-width:600px}.midnight .process-section{padding-bottom:80px}.midnight .about-section{padding-top:15px;padding-bottom:85px}.midnight .about-visual{background:#28103e}.midnight .about-visual>img{object-position:50% 40%;filter:saturate(.8)}.midnight .reviews-section{border-top:1px solid var(--line);background:#1b1029}.midnight .reviews-section .section-heading h2{max-width:630px}.midnight .contact-copy h2{max-width:440px}.midnight .footer-bottom>span:first-child{color:#ac9cba}
@media(min-width:1600px){.midnight .slides{height:610px}.midnight .slide-copy{padding-top:84px}.midnight .slide-copy h1,.midnight .slide-copy h2{font-size:84px}.midnight .slide-summary{font-size:15px;max-width:430px}}
@media(max-width:1160px){.midnight .slide-copy{padding-top:59px}.midnight .slides{height:520px}.midnight .slide-copy h1,.midnight .slide-copy h2{font-size:62px}.midnight .slide-photo-wrap{width:75%}.midnight .slide::after{background:linear-gradient(90deg,#1c0c30 0,#1c0c30f5 27%,#1c0c30b0 48%,#2110312a 90%),linear-gradient(0deg,#1d0e30f0,transparent 40%)}.midnight .slide-copy{max-width:620px}.midnight .photo-note{bottom:27px}.midnight .slide-tab{min-width:115px}.midnight .slide-tabs{gap:22px}.midnight .slide-count{margin-inline:3px}}
@media(max-width:950px){.midnight .slide-copy h1,.midnight .slide-copy h2{font-size:61px}.midnight .slides{height:555px}.midnight .slide-copy{padding-top:62px}.midnight .slide-photo-wrap{width:100%}.midnight .slide-photo{object-position:70% 40%}.midnight .slide::after{background:linear-gradient(90deg,#1c0c30fb,#1c0c30d9 35%,#21103175 85%),linear-gradient(0deg,#1d0e30,transparent 50%)}.midnight .photo-note{bottom:24px}.midnight .slide-photo-tag{top:25px}.midnight .slide-tab{min-width:100px;font-size:9px}.midnight .slide-tabs{gap:15px}.midnight .slider-controls{height:69px}.midnight .slide-tab{padding-block:25px}.midnight .slide-count{display:none}.midnight .slide-summary{max-width:330px}.midnight .why-section .section-heading h2{font-size:34px}.midnight .hero-copy .button-row{gap:15px}}
@media(max-width:680px){.midnight .slides{height:592px}.midnight .slide-copy{padding-top:63px;padding-bottom:25px;max-width:520px}.midnight .slide-copy h1,.midnight .slide-copy h2{font-size:58px;line-height:1.045}.midnight .slide-copy .slide-kicker{font-size:8px!important;letter-spacing:.12em;gap:7px;margin-bottom:24px;max-width:290px}.midnight .slide-photo-wrap{width:100%;height:100%}.midnight .slide-photo{object-position:64% 45%;opacity:.55}.midnight .slide::after{background:linear-gradient(90deg,#1c0c30e8 0,#1c0c30a3 70%,#21103175),linear-gradient(0deg,#1d0e30 0,transparent 90%)}.midnight .slide-summary{font-size:13px;max-width:290px;margin-top:23px}.midnight .slide-copy .button-row{margin-top:26px;gap:10px}.midnight .slide-copy .button{padding-inline:17px}.midnight .photo-note{left:var(--gutter);right:auto;bottom:22px;gap:9px}.midnight .photo-note .ico{width:20px;height:20px}.midnight .photo-note strong{font-size:10px}.midnight .photo-note span{font-size:8px;display:none}.midnight .slide-photo-tag{right:22px;top:21px;font-size:7px;border-top:0;border-bottom:0;opacity:.75;padding:0}.midnight .slider-controls{height:66px;gap:8px}.midnight .slide-tabs{gap:17px;flex:1;justify-content:space-between}.midnight .slide-tab{min-width:0;font-size:8px;gap:3px;letter-spacing:.02em;padding-block:25px}.midnight .slide-tab span{font-size:7px;margin:0}.midnight .slider-arrows{gap:4px;margin-left:8px}.midnight .slider-arrows .round-button{width:29px;height:29px}.midnight .slider-arrows .round-button .ico{width:15px;height:15px}.midnight .pause-button{width:23px}.midnight .pause-button .ico{width:12px;height:12px}.midnight .work-section{padding-block:60px}.midnight .work-section .section-heading h2{font-size:34px}.midnight .work-section .section-description{max-width:330px;font-size:12px;margin-top:17px}.midnight .hero-copy .eyebrow{font-size:8px;letter-spacing:.12em}.midnight .why-section .section-heading h2{font-size:32px}.midnight .why-section{padding-block:60px}.midnight .about-section{padding-top:0;padding-bottom:60px}.midnight .process-section{padding-bottom:60px}.midnight .about-visual{min-height:360px}.midnight .hero-section{padding-bottom:0}.midnight .hero-copy .button-row{gap:16px}.midnight .hero-copy .button{font-size:11px;padding-inline:15px}.midnight .hero-copy .text-link{font-size:10px}}
@media(max-width:360px){.midnight .slide-copy h1,.midnight .slide-copy h2{font-size:51px}.midnight .slide-copy .button-row{display:block}.midnight .slide-copy .button-secondary{margin-left:5px;padding-inline:5px}.midnight .slide-tab{font-size:7px}.midnight .slide-tabs{gap:8px}.midnight .slider-arrows{gap:1px}}

/* Final readability refinements */
.midnight .project-info h3{font-size:17px}.midnight .project-info p{font-size:12px}.midnight .project-category{font-size:9px}.midnight .service-description{font-size:12px}.midnight .service-details summary{font-size:11px}.midnight .why-item p{font-size:13px}.midnight .process-step p{font-size:13px}.midnight .about-copy>p{font-size:14px}.midnight .review-card blockquote{font-size:14px}.midnight .hero-description{font-size:14px}.midnight .field input,.midnight .field select,.midnight .field textarea{font-size:13px}.midnight .footer-column a,.midnight .footer-column p{font-size:11px}.midnight .rating-score .stars{font-size:11px;letter-spacing:2px;margin:0;color:var(--orange)}
@media(max-width:680px){.midnight .project-info h3{font-size:19px}.midnight .why-item p,.midnight .process-step p{font-size:12px}.midnight .about-copy>p,.midnight .hero-description{font-size:13px}.midnight .service-description{font-size:12px}}

.midnight .service-number{opacity:1;color:#a188b7}

@media(max-width:480px){.midnight .slide[data-slide="1"] .slide-copy h2{font-size:clamp(36px,11.2vw,50px)}}