:root{--signature-bg:#101010;--signature-dot:#2a2a2a;--signature-ink:#f8f8f4;--signature-accent:#c5ff00;--signature-strip-ink:#060606;--signature-border:#303030}
/* User-supplied Higgsfield card composition. Service previews remain inside the window. */
.project-grid .cover{aspect-ratio:auto;min-height:610px;padding:28px 32px 22px;display:flex;flex-direction:column;border:1px solid var(--signature-border);border-radius:13px;background:radial-gradient(var(--signature-dot) .8px,transparent .9px),var(--signature-bg);background-size:11px 11px;color:#f5f5ef;overflow:visible}
.reference-heading{position:relative;min-height:182px;margin:0 0 24px}
.reference-heading h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:52px;line-height:.98;letter-spacing:-.3px;text-transform:uppercase;color:var(--signature-ink);margin:0 0 10px;width:117%;max-width:none;transform:scaleX(.85);transform-origin:left top;text-shadow:none}
.reference-strip{display:inline-block;max-width:calc(100% - 36px);padding:3px 6px;background:var(--signature-accent);color:var(--signature-strip-ink);font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;line-height:1.05;text-transform:uppercase}
.reference-arrow{position:absolute;right:-20px;bottom:-50px;width:47px;height:79px;color:var(--signature-accent);z-index:2;pointer-events:none}
.reference-window{border:1px solid #444;border-radius:7px;background:#050505;overflow:hidden;width:100%;box-shadow:0 4px 16px #0006}
.reference-chrome{height:23px;border-bottom:1px solid #383838;display:flex;align-items:center;gap:5px;padding:0 9px}.reference-chrome i{width:7px;height:7px;border-radius:50%;background:#ff6556}.reference-chrome i:nth-child(2){background:#f9c444}.reference-chrome i:nth-child(3){background:#4fc46c}.reference-chrome span{margin-left:auto;font:8px/1 monospace;color:#acaca5;letter-spacing:.3px}
.reference-content{position:relative;height:268px;overflow:hidden;background:#090909}
.reference-caption{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:21px;line-height:1.2;text-align:center;color:#f3f3ed;margin:19px 0 17px}
.reference-domain{font:9px/1.4 monospace;letter-spacing:.4px;color:#a9c950;text-align:center;margin-top:auto}
.cover .reference-content .mini-window,.cover .reference-content .map-demo,.cover .reference-content .learning,.cover .reference-content .profile-art{transform:none;position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;margin:0;box-shadow:none}
.cover .reference-content .web-window{inset:0;width:100%;height:100%;transform:none}.cover .reference-content .mock-top{height:21px}.cover .reference-content .mock-main{padding:12px 9px}.cover .reference-content .mock-side{width:12%;padding:8px}.cover .reference-content .mock-main>b{font-size:14px;color:#17232e}.cover .reference-content .web-art{padding:24px}.cover .reference-content .web-art>b{font-size:32px;color:#19282b}.cover .reference-content .web-art>small{max-width:180px}.cover .reference-content .web-details{font-size:10px;margin:12px 0}.cover .reference-content .web-shape{right:-12%;width:49%}
.cover .reference-content .map-demo{background:#e8ebe4}.cover .reference-content .map-toolbar{height:27px;padding:7px;font-size:9px}.cover .reference-content .map-toolbar span{font-size:8px}.cover .reference-content .detailed-map{margin-top:27px;height:163px;width:100%;background:#e8ebe4}.cover .reference-content .map-card{bottom:0;height:78px;padding:7px 10px}.cover .reference-content .map-card small{font-size:8px}.cover .reference-content .map-stats{gap:12px}
.cover .reference-content .phone{transform:none;left:50%;right:auto;top:12px;bottom:auto;margin-left:-86px;width:172px;height:270px;border-radius:18px;padding:16px 8px;border:3px solid #273347}.cover .reference-content .phone b{font-size:14px}.cover .reference-content .phone small{font-size:10px}.cover .reference-content .call-orb{margin:12px auto}.cover .reference-content .wave{margin:18px 0}.cover .reference-content .phone-camera{margin:-9px auto 8px}
.cover .reference-content .learning{display:flex}.cover .reference-content .lesson{width:38%}.cover .reference-content .lesson-list{padding:16px 10px}.cover .reference-content .lesson-list b{font-size:14px}.cover .reference-content .lesson-list span{font-size:10px;padding:11px 0}.cover .reference-content .lesson-list small{font-size:9px}.cover .reference-content .lesson small{font-size:8px}
.cover .reference-content .flow-art{transform:none;left:14px;right:14px;bottom:auto;top:14px;width:auto}.cover .reference-content .flow-art>div{padding:12px;background:#f6f6f2;border-radius:4px}.cover .reference-content .flow-art>i{line-height:20px}.cover .reference-content .flow-art b{font-size:13px;color:#14202a}.cover .reference-content .flow-art small{font-size:10px;color:#3b4853}
.cover .reference-content .profile-art{padding:0 20px}.cover .reference-content .profile-cover{height:60px;margin:0 -20px;background:#29343b}.cover .reference-content .profile-art>b{font-size:18px;margin-top:7px}.cover .reference-content .profile-art>small{font-size:11px}.cover .reference-content .profile-details{margin-top:12px}.cover .reference-content .profile-details span{font-size:10px}
@media(min-width:1600px){.reference-heading h2{font-size:49px}}
@media(max-width:1190px) and (min-width:1051px){.project-grid .cover{padding:22px 20px}.reference-heading h2{font-size:37px}.reference-strip{font-size:21px}.reference-heading{min-height:170px}}
@media(max-width:760px){.project-grid .cover{padding:25px;min-height:595px}.reference-heading h2{font-size:43px}.reference-heading{min-height:174px}.reference-strip{font-size:23px}.reference-arrow{right:-19px}.reference-caption{font-size:20px}}