/* CITY LIGHT / illuminated material direction */
:root{--yellow:#edff00;--line:#35382d}
body{background:#10120f}
.header{padding-top:28px;padding-bottom:28px}
.hero{position:relative;padding-top:40px;background:radial-gradient(ellipse at 77% 42%,#cadc0610,transparent 58%)}
.hero h1{margin-top:66px;letter-spacing:-.06em;position:relative}
.lit{color:#efff30;text-shadow:0 0 50px #d6f00026}
.hero-bottom{margin-top:45px;margin-bottom:64px}
.hero-rule{position:relative}
.hero-rule:before{content:"";position:absolute;top:-1px;left:0;width:20%;height:2px;background:var(--yellow);box-shadow:0 0 16px #edff0090}
.button{border-radius:7px}
.yellow{box-shadow:0 5px 35px #d6ee000c}
.yellow:hover{box-shadow:0 8px 35px #d6ee0030}
.services{background:linear-gradient(145deg,#1c2019,#141711 80%)}
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.service{padding:0 30px 28px;overflow:hidden;border-radius:12px;background:#11140f;border-color:#3a412d;box-shadow:0 18px 40px #00000024;position:relative}
.service-top{position:absolute;z-index:1;left:20px;right:20px;top:18px;color:#f6f9e8;font-size:13px;font-weight:700;align-items:center;pointer-events:none}
.service-top>span:first-child{background:#11180f99;padding:3px 9px;border:1px solid #ffffff29;border-radius:30px;backdrop-filter:blur(8px)}
.service-top>span:last-child{display:none}
.service-image{margin:0 -30px 28px;position:relative;overflow:hidden;aspect-ratio:3/2;background:#1c2115}
.service-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease;filter:saturate(.95)}
.service:hover .service-image img{transform:scale(1.035)}
.service-image figcaption{position:absolute;bottom:14px;right:16px;background:#10140fd9;color:#e6e9da;font-size:12px;padding:5px 10px;border:1px solid #ffffff1c;border-radius:30px}
.service h3{font-size:28px;letter-spacing:-1px;margin:0 0 14px}
.service p{font-size:16px;line-height:1.75;max-width:490px;margin-bottom:25px;color:#bec4b4}
.service>a{font-size:15px;padding-top:18px;border-color:#39422e}
.service>a span{color:var(--yellow);font-size:21px}
.print-service{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:45px;padding:38px 30px 28px;min-height:265px}
.print-service .service-top{display:none}
.print-type{grid-column:1;grid-row:1/4;height:auto;align-items:flex-start;justify-content:center;font-size:clamp(38px,4.1vw,60px);line-height:1.04;letter-spacing:-3px;padding:0 25px}
.print-type span:nth-child(1){color:#edff00}
.print-type span:nth-child(2){color:#b0c144}
.print-type span:nth-child(3){color:#738638}
.print-service h3{grid-column:2;font-size:25px;align-self:end}
.print-service p,.print-service>a{grid-column:2}
.steps article{position:relative;padding-top:24px}
.steps article>span{font-size:29px;letter-spacing:-1px;font-weight:500;color:#b7c77a}
.steps h3{margin-top:18px}
.steps p{font-size:15px}
.estimate{display:grid;grid-template-columns:1fr 1fr;background:#eaff0b}
.brand-scene{position:relative;margin:0;min-width:0;background:#151e18;overflow:hidden}
.brand-scene img{width:100%;height:100%;min-height:720px;object-fit:cover;object-position:47% 50%;display:block}
.brand-scene:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080c08db)}
.brand-scene figcaption{position:absolute;bottom:40px;left:42px;right:30px;z-index:1;font-size:24px;line-height:1.4;font-weight:600;letter-spacing:-.6px;color:#f5f8eb}
.brand-scene figcaption span{display:block;font-size:12px;font-weight:400;letter-spacing:.3px;margin-top:12px;color:#c1c7b5}
.estimate-inner.wrap{width:auto;margin:0;padding:55px clamp(28px,4vw,70px);display:block}
.estimate h2{font-size:clamp(48px,4.5vw,70px);margin-top:28px;margin-bottom:32px}
.estimate h2 span{color:#111211;-webkit-text-stroke:0;text-shadow:3px 3px 0 #eaff0b,4px 4px 0 #111211}
.estimate-copy>p:first-child{font-size:21px;margin-bottom:18px}
.estimate-copy .detail{font-size:15px;line-height:1.7;margin-bottom:25px}
.estimate .button{font-size:14px;gap:16px}
@media(min-width:1500px){.estimate h2{font-size:76px}}
@media(max-width:1000px){.service-grid{gap:20px}.service{padding-left:24px;padding-right:24px}.service-image{margin-left:-24px;margin-right:-24px}.service h3{font-size:23px}.service p{font-size:15px}.print-type{padding-left:0;font-size:4.6vw}.print-service{column-gap:28px}.print-service h3{font-size:23px}.estimate-inner.wrap{padding:42px 28px}.estimate h2{font-size:5.8vw}.brand-scene img{min-height:700px}.brand-scene figcaption{left:26px;font-size:21px}}
@media(max-width:650px){.hero{padding-top:28px}.hero h1{margin-top:40px}.hero-bottom{margin-top:26px;margin-bottom:36px}.service-grid{grid-template-columns:1fr;gap:24px}.service{padding:0 22px 24px;border-radius:10px}.service-image{margin:0 -22px 24px;aspect-ratio:1.2}.service h3{font-size:25px}.service p{font-size:15px}.service-image figcaption{font-size:11px;bottom:12px;right:12px}.print-service{display:flex;padding:26px 22px 24px;min-height:0;gap:0}.print-type{font-size:clamp(37px,11vw,64px);padding:10px 0 24px;letter-spacing:-2px;align-items:flex-start;flex-shrink:0}.print-service h3{align-self:auto;font-size:24px}.print-service>a{width:100%}.steps article>span{font-size:18px}.steps h3{margin-top:0}.estimate{grid-template-columns:1fr}.brand-scene{height:370px}.brand-scene img{min-height:0;height:100%;object-position:center}.brand-scene figcaption{bottom:24px;left:22px;font-size:21px}.estimate-inner.wrap{padding:38px 22px 42px}.estimate h2{font-size:clamp(42px,13vw,68px);margin-top:25px;margin-bottom:30px}.estimate-copy>p:first-child{font-size:21px}.estimate-copy .detail{font-size:15px}.estimate .button{font-size:14px;gap:12px}.section-head h2{font-size:clamp(27px,7.1vw,42px)}.footer-top{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.service-image img{transition:none}.service:hover .service-image img{transform:none}}