.service-intro{padding:64px 0 40px;display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center;border-bottom:1px solid #ffffff18}.service-rate{border-left:1px solid #d4bd85;padding-left:28px}.service-rate>div{display:flex;align-items:baseline;gap:24px}.service-rate>div>span{font-size:13px;color:#b0a694}.service-rate strong{font-size:64px;line-height:1.3;font-weight:400;letter-spacing:-2px;color:#f1dfb6}.service-rate strong small{font-size:25px;margin-right:6px}.service-rate p{font-size:13px;line-height:2;color:#a8a9b0;margin-top:12px}.service-rate i{font-style:normal;padding:0 8px;color:#777}.service-rate a{display:inline-block;font-size:12px;border-bottom:1px solid #a59163;margin-top:23px;padding-bottom:7px;color:#d7c7a5}.service-heading h1{font-size:clamp(27px,3.2vw,42px);font-weight:400;line-height:1.7;letter-spacing:1px;margin:16px 0 20px}.service-heading>p:last-child{font-size:13px;line-height:2;color:#9fa4ad}.web-service-page .web-statement{padding:28px 0 0;max-width:780px}.web-service-page .web-statement p:first-child{font-size:15px;font-weight:400;line-height:2.1;color:#b3bac4}.web-service-page .web-statement p{font-size:13px;line-height:2}.web-showroom{display:grid;grid-template-columns:1fr 1fr;gap:54px 40px}.showroom-piece{position:relative;min-width:0;padding-top:35px}.gallery-lamp{height:3px;width:52px;background:#eadbc0;position:absolute;top:0;left:calc(50% - 26px);box-shadow:0 0 12px #fff5d9,0 18px 65px 28px #e5d0a619}.showroom-piece:before{content:"";position:absolute;inset:3px 0 48px;background:conic-gradient(from 152deg at 50% 0%,transparent,#e8d4a910 25deg,transparent 57deg);pointer-events:none}.page-preview{position:relative;border:1px solid #ffffff26;box-shadow:0 18px 40px #0008,0 0 35px #ebc87b10;transition:transform .35s,box-shadow .35s;background:#111722;overflow:hidden}.showroom-piece:hover .page-preview{transform:translateY(-5px);box-shadow:0 24px 55px #000a,0 0 45px #ebc87b24}.preview-bar{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #8883;font-size:8px;color:#92999f}.preview-bar small{font-size:8px}.preview-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:210px;padding:30px 24px;gap:18px}.preview-content small{font-size:7px;letter-spacing:2px;opacity:.6}.preview-content h3{font-size:clamp(15px,1.5vw,22px);font-weight:400;line-height:1.8;margin:18px 0}.preview-content img{width:100%;height:160px;object-fit:cover}.preview-pill{font-size:8px;border-bottom:1px solid currentColor;padding-bottom:5px;opacity:.7}.page-preview.cream{background:#f5eee5;color:#49342b}.page-preview.warm{background:#dfd4bd;color:#443e31}.page-preview.blue{background:#111d2a;color:#d2deee}.preview-caption{display:flex;align-items:start;gap:18px;margin-top:23px}.preview-caption>span{font-size:10px;color:#8a8173}.preview-caption h3{font-size:15px;font-weight:400;margin:0 0 9px}.preview-caption p{font-size:11px;line-height:1.9;color:#8a929f}.preview-caption>b{margin-left:auto;color:#c3b388;font-weight:400}.web-service-page .section-heading h2{font-size:25px;font-weight:400}.web-service-page .web-pricing h2{font-weight:400}@media(max-width:720px){.service-intro{grid-template-columns:1fr;gap:38px;padding-top:34px}.service-rate strong{font-size:56px}.service-heading h1{font-size:29px}.web-showroom{grid-template-columns:1fr;gap:40px}.preview-content{min-height:190px}.preview-content h3{font-size:20px}.web-service-page .section-heading h2{font-size:22px}}

.preview-dashboard{padding:16px;border:1px solid #8aa0bd40;background:#0b1420;min-height:160px}.preview-dashboard>div{font-size:10px;color:#9cb1cb}.preview-dashboard span{float:right;color:#6ca894}.preview-dashboard section{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:20px}.preview-dashboard i{font-size:8px;font-style:normal;padding:10px 3px;background:#233145;color:#a6b8ce;text-align:center}.preview-dashboard p{display:flex;align-items:flex-end;gap:8px;height:34px;margin-top:14px!important}.preview-dashboard b{display:block;width:22%;height:50%;background:#688aab}.preview-dashboard b:nth-child(2){height:85%}.preview-dashboard b:nth-child(3){height:65%}.preview-dashboard b:nth-child(4){height:100%}

.web-service-page main>.web-pricing:first-child{margin-top:48px;margin-bottom:0}.service-intro{display:block;padding:38px 0 30px}.service-heading h1{font-weight:400}.service-heading>p:last-child{margin-top:12px}

/* A narrow overhead source opens into a downward cone, without a horizontal halo. */
.showroom-piece{padding-top:70px;isolation:isolate}.gallery-lamp{top:10px;width:16px;height:4px;left:calc(50% - 8px);border-radius:4px 4px 1px 1px;background:#efe1bc;box-shadow:none;z-index:2}.showroom-piece:before{content:"";position:absolute;inset:auto;top:14px;left:50%;width:82%;height:260px;transform:translateX(-50%);background:linear-gradient(180deg,#f2dfa74a 0%,#e8d4a925 45%,#e8d4a90b 80%,transparent 100%);clip-path:polygon(48.5% 0,51.5% 0,100% 100%,0 100%);pointer-events:none;z-index:1}.showroom-piece:hover .gallery-lamp{box-shadow:none}.showroom-piece:hover:before{background:linear-gradient(180deg,#f2dfa75c 0%,#e8d4a932 45%,#e8d4a910 80%,transparent 100%)}@media(max-width:720px){.showroom-piece{padding-top:64px}.showroom-piece:before{width:90%;height:245px}}

/* Approx. 120-degree spotlight; place the beam behind the website artwork. */
.showroom-piece:before{width:100%;height:auto;aspect-ratio:3.464 / 1;z-index:-1}.page-preview{z-index:1;aspect-ratio:4 / 3;display:flex;flex-direction:column}.page-preview .preview-bar{flex-shrink:0}.page-preview .preview-content{flex:1;min-height:0;padding:24px;overflow:hidden}.page-preview .preview-content img{max-height:100%;height:160px;object-fit:cover}.gallery-lamp{z-index:2}@media(max-width:720px){.showroom-piece:before{width:100%;height:auto}.page-preview .preview-content{padding:16px;gap:12px}.page-preview .preview-content img{height:130px}}

@media(max-width:720px){.page-preview .preview-content h3{font-size:16px;margin:12px 0}.page-preview .preview-dashboard{min-height:0;max-height:140px;overflow:hidden}}