*{box-sizing:border-box}.portfolioCanvas{min-height:100vh;background:#3c3d3f;color:#f4f4f2;padding:72px 7vw 90px;position:relative;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(115deg,rgba(255,255,255,.025),transparent 38%);background-size:4px 4px,100% 100%}.editorialHeader{max-width:1180px;margin:0 auto 100px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;color:#bbb;font-size:9px;letter-spacing:.22em}.editorialHeader>span:last-child{text-align:right}.editorialHeader div{text-align:center}.editorialHeader small{display:block;font-size:7px;margin-bottom:8px}.editorialHeader strong{display:block;font-size:22px;letter-spacing:.18em;color:#fff}.sideLabel{position:absolute;top:310px;font-size:8px;letter-spacing:.25em;color:#8f9092;writing-mode:vertical-rl}.sideLeft{left:3vw;transform:rotate(180deg)}.sideRight{right:3vw}.projectPanel{width:min(1120px,100%);margin:0 auto;background:#101114;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 65px rgba(0,0,0,.42),inset 0 0 100px rgba(255,255,255,.015);position:relative}.projectPanel nav{height:75px;padding:23px 34px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.18em}.projectPanel nav div{display:flex;gap:34px;align-items:center}.projectPanel a{color:inherit;text-decoration:none}.microLogo{font-weight:900;font-size:10px;line-height:.8;letter-spacing:-.05em}.heroPanel{height:610px}.heroCenter{height:445px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.heroCenter img{width:92px;height:92px;object-fit:cover;border-radius:50%;filter:grayscale(1);border:1px solid #6f7072;margin-bottom:24px}.heroCenter p,.proofIntro>span,.contactColumns>div>span,.sectionKicker{font-size:8px;letter-spacing:.27em;color:#8f9092}.heroCenter h1{font-size:clamp(74px,11vw,148px);line-height:.8;letter-spacing:-.065em;margin:21px 0 25px;color:#f8f8f5}.heroCenter>span{font-size:12px;color:#9b9b9d;max-width:420px;line-height:1.7}.heroFoot{position:absolute;bottom:0;left:0;right:0;height:60px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #242529;color:#777;font-size:7px;letter-spacing:.18em}.panelIndex{width:min(1180px,100%);margin:0 auto 105px;color:#bdbdbd;font-size:15px;transform:translateX(-28px);padding-top:11px}.proofPanel{min-height:785px;padding-bottom:34px}.proofIntro{text-align:center;margin:16px auto 22px}.proofIntro h2{font-size:55px;letter-spacing:.05em;margin:14px 0 10px}.proofIntro p{color:#8c8d90;font-size:11px;max-width:500px;line-height:1.65;margin:auto}.analyticsTriptych{height:430px;display:flex;justify-content:center;align-items:center;gap:0;perspective:1200px}.analyticsTriptych figure{margin:0;width:25%;background:#18191c;padding:7px 7px 0;border:1px solid #343539;box-shadow:0 20px 35px rgba(0,0,0,.5)}.analyticsTriptych figure:first-child{transform:translateX(22px) rotateY(8deg) rotate(-2deg);opacity:.72}.analyticsTriptych figure:nth-child(2){z-index:2;width:28%;transform:translateY(-10px)}.analyticsTriptych figure:last-child{transform:translateX(-22px) rotateY(-8deg) rotate(2deg);opacity:.72}.analyticsTriptych img{width:100%;height:370px;object-fit:cover;object-position:top;display:block;filter:saturate(.55)}.analyticsTriptych figcaption{height:26px;padding-top:9px;text-align:center;color:#777;font-size:7px;letter-spacing:.18em}.panelMetricRow{display:grid;grid-template-columns:repeat(3,1fr);max-width:780px;margin:0 auto;border-top:1px solid #292a2e}.panelMetricRow strong{text-align:center;font-size:27px;padding:20px 10px 0}.panelMetricRow small{display:block;color:#777;font-size:7px;letter-spacing:.17em;margin-top:8px}.dataSection{width:min(1120px,100%);margin:0 auto 110px}.sectionKicker{text-align:center;margin-bottom:30px}.metricDeck,.reachDeck{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#606164;border:1px solid #606164}.metricDeck article,.reachDeck article{background:#eeeeeb;color:#151619;padding:25px;min-height:175px;display:flex;flex-direction:column}.metricDeck span,.reachDeck span{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#747577}.metricDeck strong,.reachDeck strong{font-size:38px;margin:auto 0 8px;letter-spacing:-.05em}.metricDeck em,.reachDeck em{font-style:normal;color:#35769e;font-size:11px;font-weight:800}.reachDeck{margin-top:1px}.reachDeck article{background:#191a1d;color:#f4f4f2}.audienceLine{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center;padding:27px;border:1px solid #5b5c5e;border-top:0}.audienceLine b{font-size:23px}.audienceLine span{font-size:7px;letter-spacing:.16em;color:#a1a1a3}.contactPanel{min-height:570px}.contactColumns{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;padding:70px 75px}.contactColumns h2{font-size:50px;line-height:1.05;letter-spacing:-.04em;margin:20px 0}.contactColumns p{color:#8e8f91;max-width:480px;font-size:12px;line-height:1.8}.serviceList article{height:72px;border-bottom:1px solid #303135;display:grid;grid-template-columns:45px 1fr;align-items:center;font-size:10px;letter-spacing:.13em}.serviceList b{color:#67686a}.contactPanel footer{height:110px;border-top:1px solid #2b2c2f;display:grid;grid-template-columns:repeat(3,1fr);padding:28px 55px;gap:30px}.contactPanel footer small{display:block;color:#656669;font-size:7px;letter-spacing:.16em;margin-bottom:12px}.contactPanel footer a{font-size:10px;letter-spacing:.08em}.endMark{text-align:center;display:flex;flex-direction:column;gap:13px}.endMark small{font-size:7px;letter-spacing:.2em}.endMark strong{font-size:24px;letter-spacing:.12em}.endMark a{color:#aaa;font-size:8px;letter-spacing:.16em;text-decoration:none}
@media(max-width:800px){.portfolioCanvas{padding:42px 14px 70px}.editorialHeader{margin-bottom:55px}.editorialHeader>span{display:none}.editorialHeader{grid-template-columns:1fr}.heroPanel{height:550px}.projectPanel nav{padding:20px}.heroCenter h1{font-size:68px}.heroFoot span{display:none}.heroFoot{justify-content:center}.analyticsTriptych{height:auto;padding:30px 18px;display:grid;gap:16px}.analyticsTriptych figure,.analyticsTriptych figure:nth-child(2){width:100%;transform:none!important;opacity:1!important}.analyticsTriptych img{height:auto;max-height:520px;object-fit:contain}.panelMetricRow{grid-template-columns:1fr}.metricDeck,.reachDeck{grid-template-columns:1fr 1fr}.audienceLine{grid-template-columns:auto 1fr}.contactColumns{grid-template-columns:1fr;padding:55px 28px;gap:35px}.contactColumns h2{font-size:38px}.contactPanel footer{height:auto;grid-template-columns:1fr;padding:28px}.panelIndex{transform:none}.sideLabel{display:none}}
@media(max-width:480px){.metricDeck,.reachDeck{grid-template-columns:1fr}.projectPanel nav div{gap:12px}.proofIntro h2{font-size:37px}.panelMetricRow strong{font-size:23px}.heroCenter img{width:78px;height:78px}}