/* Service cards describe verified scope; they never impersonate ad reports. */
.project-layer .service-visual{position:relative;isolation:isolate;overflow:hidden;background:var(--panel,#181814);background-image:linear-gradient(90deg,#b7a57412 1px,transparent 1px),linear-gradient(#b7a57412 1px,transparent 1px);background-size:32px 32px;padding:30px;text-align:left}
.project-layer .service-visual:before{content:"";position:absolute;width:260px;height:260px;right:-45px;top:48px;border:1px solid var(--accent);border-radius:50%;opacity:.28;z-index:-1}
.project-layer .service-visual:after{content:"";position:absolute;inset:0;border-left:4px solid var(--accent);background:linear-gradient(120deg,transparent 50%,#e9b65710);pointer-events:none;z-index:-1}
.project-layer .service-mark{position:absolute;right:24px;top:100px;font:600 110px/.9 var(--condensed,var(--sans));letter-spacing:-.06em;color:var(--accent);opacity:.12;z-index:-1}
.project-layer .service-visual[data-channel=website]:before{border-radius:8px;top:65px;height:220px;box-shadow:inset 0 22px 0 #b7a57414}
.project-layer .service-visual[data-channel=meta-ads]:before{border-radius:8px;transform:rotate(-24deg);right:-70px}
.project-layer .service-visual[data-channel=seo]:before{border-radius:50% 0 0 50%;border-width:3px}
.project-layer .service-visual[data-channel=server]:before{border-radius:0;height:190px;box-shadow:-14px 14px 0 -1px #181814,-14px 14px 0 0 var(--accent)}
.project-layer .service-visual[data-channel=support]:before{border-radius:30%;transform:rotate(45deg)}
.project-layer .service-scope{display:flex;gap:14px;align-items:center;margin-top:26px;font:9px var(--mono);letter-spacing:.1em;color:var(--accent)}
.project-layer .service-scope span:first-child{border:1px solid var(--accent);padding:7px 10px}
.project-layer .service-visual strong{margin:20px 0 18px;max-width:420px;font-size:54px;line-height:1;text-transform:uppercase;background:none;color:var(--accent)}
.project-layer .service-visual p{max-width:390px;font-size:14px;line-height:1.5;background:none}
.project-layer .service-visual small{max-width:100%;line-height:1.5;font-size:9px}
.project-layer .service-visual>.service-legend{margin-top:auto;font:8px var(--mono);letter-spacing:.13em;color:var(--muted,#bdb5a6)}
.case-cover-caption{display:block;position:relative;margin:14px 0 0;padding:10px 0;border-top:1px solid #ffb40040;font:8px/1.7 var(--mono);letter-spacing:.08em;color:#c7ae7e}
.story-cover-wrap{margin:0;min-width:0}.story-cover-wrap .story-cover{width:100%}.story-cover-wrap figcaption{font:9px/1.6 var(--mono);color:#b9a47b;margin-top:12px}