/* Performance editorial; scoped to this article. */
.perf-story .wv-hero{background:#241a15;min-height:650px}.perf-story .wv-hero:after{background:linear-gradient(90deg,#1b1613f5,#1b1613b0 48%,#1b161310)}.perf-display{font-size:clamp(42px,5.5vw,67px);font-weight:700;letter-spacing:-.055em;line-height:1.07;color:#fff;margin:30px 0 26px;max-width:520px}.perf-story .wv-hero h2{font-size:clamp(23px,2.5vw,30px)}.perf-story .wv-hero p{color:#e4d6ca}.perf-story .wv-release{color:#f3d0b3;border-color:#b88661;font-size:10px;letter-spacing:.14em}.perf-story .wv-button{background:#f5c7a3;color:#482b16!important}.perf-story .wv-button:hover{background:#ffe2cb}.perf-story .wv-eyebrow{color:#8b5c38}.perf-story .wv-card-number,.perf-story .wv-quote>span{color:#ab805e}.perf-story .wv-text-link{color:#8c572e;border-color:#c5a589}.perf-story a:focus-visible{outline-color:#bb743d}
.perf-pipeline{background:radial-gradient(ellipse at top,#4a3426,transparent 80%),#281e18;color:#f1e1d1;padding:35px;border:1px solid #8d6749;border-radius:20px;margin:32px 0;box-shadow:10px 12px 24px #c1bdc6}.perf-source{text-align:center;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #8b6a50}.perf-source span{display:block;font-size:10px;letter-spacing:.17em;color:#d4ad8b;margin-bottom:12px}.perf-source strong{font-size:25px;font-weight:500}.perf-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.perf-sizes>div{border:1px solid #9c7758;border-radius:10px;padding:25px 12px;text-align:center;background:#ffffff04}.perf-sizes strong{font-size:38px;font-weight:300;display:block;color:#ffd5b2}.perf-sizes span{display:block;font-size:11px;color:#d5bca8;letter-spacing:.08em;margin-top:6px}.perf-pipeline figcaption{font-size:11px;line-height:1.7;color:#d7bfae;margin-top:24px}
.perf-evidence{padding:40px;border-radius:18px;border:1px solid #f7f8ff;box-shadow:inset 6px 6px 12px #c5c6cf,inset -6px -6px 12px #f8f9ff;margin:65px 0}.perf-evidence h2{font-size:clamp(28px,3vw,37px);line-height:1.2;margin-bottom:23px}.perf-evidence p{font-size:16px}.perf-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:27px 0;margin:25px 0;border-top:1px solid #c7c4cb;border-bottom:1px solid #c7c4cb}.perf-metrics span{display:block;font-size:11px;color:#735c4e;margin-bottom:15px}.perf-metrics strong{font-size:clamp(25px,3.4vw,40px);font-weight:500;color:#5e422d;white-space:nowrap;letter-spacing:-.035em}.perf-metrics small{font-size:16px;font-weight:400}.perf-evidence .perf-note{font-size:12px;color:#63616c;line-height:1.7;margin:0}
.perf-cache-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.perf-cache-grid h3{font-size:25px;line-height:1.25;margin-bottom:20px}.perf-cache-grid p{font-size:16px}.perf-review{padding:43px;border-radius:20px;background:#2c211b;color:#f1e5dc;border:1px solid #8c684e;margin:65px 0}.perf-review .wv-eyebrow{color:#e9b68f}.perf-review h2{font-size:clamp(28px,3vw,37px);line-height:1.2;margin-bottom:25px}.perf-review p{color:#d8c7ba;font-size:16px}.perf-review ol{counter-reset:perf-check;list-style:none;margin:28px 0 0;padding:0}.perf-review li{counter-increment:perf-check;position:relative;padding:16px 0 16px 43px;border-top:1px solid #6f5745;font-size:14px;line-height:1.7}.perf-review li:before{content:counter(perf-check,decimal-leading-zero);position:absolute;left:0;color:#d7ac89;font-size:12px}
.perf-finale{padding:45px;border:1px solid #f8f9ff;border-radius:20px;box-shadow:8px 8px 18px #c4c6cf,-8px -8px 18px #f7f8ff}.perf-finale h2{font-size:clamp(30px,3.5vw,43px);line-height:1.15;max-width:850px;margin-bottom:25px}.perf-finale p{max-width:850px}.perf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}
@media(max-width:767px){.perf-cache-grid{grid-template-columns:1fr;gap:25px}.perf-sizes{grid-template-columns:repeat(2,1fr)}.perf-metrics{grid-template-columns:1fr;gap:22px}.perf-metrics strong{font-size:36px}.perf-metrics span{margin-bottom:7px}}
@media(max-width:575px){.perf-display{font-size:43px}.perf-story .wv-hero{min-height:680px}.perf-story .wv-hero-content{padding-top:35px}.perf-story .wv-hero:after{background:linear-gradient(90deg,#1b1613ee,#1b161390)}.perf-pipeline,.perf-evidence,.perf-review,.perf-finale{padding:27px 23px}.perf-sizes{gap:12px}.perf-sizes strong{font-size:32px}.perf-evidence,.perf-review{margin:45px 0}.perf-actions{flex-direction:column;align-items:flex-start}.perf-finale p{font-size:16px}}
/* Public PageSpeed case study. */
.perf-psi{margin:55px 0 70px;padding:45px;border-radius:24px;background:radial-gradient(ellipse at top right,#254c40,transparent 65%),#152c27;color:#eef8f1;border:1px solid #507264}.perf-psi .wv-eyebrow{color:#a9d7b8}.perf-psi h2{font-size:clamp(30px,4vw,48px);line-height:1.13;letter-spacing:-.035em;max-width:750px;margin:18px 0 25px;color:#f3fff7}.perf-psi-lead{max-width:800px;color:#d5e7dc}.perf-psi-meta{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:12px;color:#b5cec0;margin:25px 0 32px}.perf-psi-meta a{color:#d5f8df;text-decoration:underline}.perf-psi-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.perf-psi-card{padding:30px;border:1px solid #527365;border-radius:18px;background:#ffffff06}.perf-psi-card h3{font-size:20px;color:#e9f8ed;margin:0}.perf-psi-score{display:flex;align-items:baseline;gap:12px;margin:20px 0 0;color:#acfac0}.perf-psi-score strong{font-size:clamp(78px,10vw,112px);line-height:1;font-weight:500;letter-spacing:-.065em}.perf-psi-score span{color:#c1dfcd;font-size:20px}.perf-psi-label{color:#bdd8c8;font-size:13px;margin-top:10px}.perf-psi-card dl{margin:25px 0}.perf-psi-card dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #486356;padding:12px 0}.perf-psi-card dt{font-size:12px;font-weight:400;color:#c8ddd1}.perf-psi-card dd{margin:0;font-size:16px;white-space:nowrap;color:#f2fff6}.perf-psi-context{font-size:11px;color:#b5cebf;min-height:34px}.perf-psi .wv-button{background:#c4f3cf;color:#173f2c!important;font-size:12px;padding:13px 17px}.perf-psi-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;padding:25px 0;border-bottom:1px solid #486356}.perf-psi-secondary strong{display:block;font-size:36px;font-weight:400;color:#acfac0}.perf-psi-secondary span{font-size:12px;color:#c8ddd1}.perf-psi-note{font-size:12px;color:#b9d1c3;line-height:1.8;margin-bottom:0}.perf-psi a:focus-visible{outline:3px solid #c4f3cf;outline-offset:5px}
@media(max-width:767px){.perf-psi{padding:28px 20px}.perf-psi-grid{grid-template-columns:1fr}.perf-psi-card{padding:25px}.perf-psi-secondary{gap:10px}.perf-psi-secondary span{font-size:11px}.perf-psi-secondary strong{font-size:30px}}