/* Client-facing visual proof system */
.page-hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 78% 20%,rgba(20,154,114,.20),transparent 28%),
  linear-gradient(135deg,#071f35 0%,#102536 56%,#17364a 100%);color:#fff}
.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:
  linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,black 40%,black)}
.page-hero>.container{position:relative;z-index:1}
.page-hero h1{color:#fff}.page-hero p{color:#b8c7d2}.page-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.32)}
.work-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);gap:72px;align-items:center;padding-top:80px;padding-bottom:84px}
.work-hero-copy{max-width:760px}.work-hero-copy h1{font-size:clamp(2.65rem,5.2vw,4.65rem)}
.proof-stage{position:relative;min-height:470px;perspective:1300px}
.proof-window{position:absolute;width:min(390px,92%);border:1px solid rgba(255,255,255,.18);background:#fff;color:#091520;box-shadow:0 32px 70px rgba(0,0,0,.28);overflow:hidden}
.proof-window:before{content:"";display:block;height:28px;background:#102536;border-bottom:1px solid #dbe2e6}
.proof-window:after{content:"";position:absolute;top:10px;left:13px;width:7px;height:7px;border-radius:50%;background:#149a72;box-shadow:14px 0 0 #9fb0bd,28px 0 0 #d9e0e4}
.proof-window-model{right:0;top:0;transform:rotate(2.6deg)}
.proof-window-memo{left:0;top:92px;transform:rotate(-4deg) scale(.92)}
.proof-window-ppa{right:42px;bottom:0;transform:rotate(1deg) scale(.88)}
.proof-window-body{padding:20px}.proof-window-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.11em;color:#0b755b;font-weight:700}.proof-window h3{margin:8px 0 14px;font-size:1.1rem}.proof-window p{color:#62717c!important;font-size:.76rem;line-height:1.48}
.proof-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.proof-kpis div{padding:10px;border:1px solid #dce3e7;background:#f6f8f9}.proof-kpis span{display:block;font-size:.55rem;text-transform:uppercase;color:#7d8992}.proof-kpis strong{display:block;margin-top:4px;font-family:var(--serif);font-size:1rem}
.proof-table{margin-top:12px;border:1px solid #dce3e7}.proof-table div{display:grid;grid-template-columns:1.4fr .7fr .7fr;padding:7px 9px;border-bottom:1px solid #e4e9ec;font-size:.61rem}.proof-table div:first-child{background:#102536;color:#fff;font-weight:700}.proof-table div:last-child{border-bottom:0}
.memo-lines{display:grid;gap:8px;margin-top:12px}.memo-lines span{display:block;height:7px;border-radius:8px;background:#dfe5e8}.memo-lines span:nth-child(2){width:87%}.memo-lines span:nth-child(3){width:72%}.memo-risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.memo-risk-grid i{height:34px;background:#f6ecd7;border:1px solid #e8d8b6}.memo-risk-grid i:nth-child(2),.memo-risk-grid i:nth-child(6){background:#f5d8cf}.memo-risk-grid i:nth-child(3),.memo-risk-grid i:nth-child(7),.memo-risk-grid i:nth-child(8){background:#e1efe5}
.ppa-bridge{display:flex;height:28px;overflow:hidden;border-radius:4px;margin-top:12px}.ppa-bridge i:nth-child(1){width:68%;background:#149a72}.ppa-bridge i:nth-child(2){width:18%;background:#0f7f5f}.ppa-bridge i:nth-child(3){width:8%;background:#0b6650}.ppa-bridge i:nth-child(4){width:6%;background:#084d40}.ppa-metrics{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:.65rem}.ppa-metrics strong{font-size:.84rem}
.hero-proof-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-proof-pills span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);font-size:.72rem;color:#dbe5ec}
.minimum-budget-note{display:block;margin-top:7px;color:#6f7e88;font-size:.75rem}
.sample-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:66px;align-items:center;padding-top:80px;padding-bottom:82px}
.sample-collage{position:relative;min-height:430px}.sample-sheet{position:absolute;width:280px;min-height:360px;padding:22px;background:#fff;color:#091520;border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 65px rgba(0,0,0,.3)}.sample-sheet.one{left:0;top:28px;transform:rotate(-6deg)}.sample-sheet.two{right:0;top:0;transform:rotate(4deg)}.sample-sheet.three{right:45px;bottom:0;transform:rotate(-1deg) scale(.9)}
.sample-sheet .sheet-bar{height:12px;background:#102536;margin:-22px -22px 20px}.sample-sheet h3{font-size:1.15rem}.sample-sheet p{color:#687680!important;font-size:.72rem;line-height:1.55}.sample-sheet .sheet-stat{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.sample-sheet .sheet-stat div{padding:10px;background:#f3f6f7;border:1px solid #dce3e7}.sample-sheet .sheet-stat span{display:block;font-size:.56rem;text-transform:uppercase;color:#7e8a93}.sample-sheet .sheet-stat strong{display:block;margin-top:4px;font-size:.85rem}.sheet-lines{display:grid;gap:7px}.sheet-lines i{height:6px;background:#e3e8eb}.sheet-lines i:nth-child(2){width:82%}.sheet-lines i:nth-child(3){width:68%}.sheet-lines i:nth-child(5){width:88%}
.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sample-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);background:#fff;box-shadow:0 16px 38px rgba(9,21,32,.06)}.sample-card h2,.sample-card h3{font-size:1.5rem}.sample-card p{color:var(--muted);line-height:1.65}.sample-card .btn,.sample-card .project-link{margin-top:auto}.sample-visual{margin:-28px -28px 24px;padding:22px;background:linear-gradient(135deg,#102536,#1b4058)}.sample-visual-window{padding:14px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18)}.sample-visual-window header{height:16px;margin:-14px -14px 13px;background:#0c1c29}.sample-visual-window .mini-row{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:8px;padding:6px;border-bottom:1px solid #e3e8eb;font-size:.55rem}.sample-visual-window .mini-row:first-of-type{background:#eef2f4;font-weight:700}.sample-visual-window .mini-bars{display:grid;gap:6px;padding-top:10px}.sample-visual-window .mini-bars i{display:block;height:6px;background:#e0e6e9}.sample-visual-window .mini-bars i:nth-child(2){width:75%}.sample-visual-window .mini-bars i:nth-child(3){width:88%}
@media(max-width:960px){.work-hero-grid,.sample-hero-grid{grid-template-columns:1fr}.proof-stage,.sample-collage{max-width:620px;width:100%;margin:0 auto}.sample-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.work-hero-grid,.sample-hero-grid{padding-top:64px;padding-bottom:64px}.proof-stage{min-height:390px}.proof-window{width:88%}.proof-window-model{right:0}.proof-window-memo{left:0;top:84px}.proof-window-ppa{right:12px}.sample-collage{min-height:360px}.sample-sheet{width:235px;min-height:310px}.sample-sheet.three{display:none}.sample-grid{grid-template-columns:1fr}.page-hero:before{opacity:.14}}