/* Page-specific styles live here so this case file does not depend on a cached
   or older copy of the shared site stylesheet. */
.project-updates-case .case-study-hero{padding-bottom:135px}
.project-updates-case .case-hero-grid{grid-template-columns:.92fr 1.08fr;gap:clamp(65px,8vw,120px);align-items:center}
.project-hero-proof{position:relative;padding:0 34px 92px 0;min-width:0}
.project-hero-stack{position:relative;z-index:1;min-width:0}
.project-hero-screen,.project-browser-frame{width:100%;margin:0;background:#fff;border:1px solid var(--ink);box-shadow:9px 11px 0 var(--blue);overflow:hidden}
.project-hero-screen{transform:rotate(-1.4deg)}
.project-hero-screen img,.project-browser-frame img{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
.project-hero-screen figcaption{padding:10px 14px;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.project-screen-bar{height:28px;padding:0 10px;display:flex;align-items:center;gap:6px;background:var(--paper-light);border-bottom:1px solid var(--rule)}
.project-screen-bar i{width:7px;height:7px;border-radius:50%;background:var(--rule)}
.project-screen-bar i:first-child{background:var(--red-soft)}
.project-screen-bar i:nth-child(2){background:#e9d690}
.project-screen-bar i:nth-child(3){background:#8eb9a3}
.project-screen-bar span{margin-left:auto;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.11em}
.project-hero-proof .case-status-sheet{position:absolute;z-index:2;right:-15px;bottom:0;width:min(390px,72%);padding:24px 24px 20px;transform:rotate(1.7deg);box-shadow:7px 8px 0 var(--red)}
.project-hero-proof .case-status-sheet:before{width:100px;height:23px}
.project-hero-proof .case-status-sheet dl>div{padding:9px 0}
.project-hero-proof .case-status-sheet>p{margin-top:14px;font-size:18px}

.project-interface-evidence{padding:120px 0 130px;background:#d9e5ec;border-block:1px solid var(--ink);scroll-margin-top:80px}
.project-interface-heading{display:grid;grid-template-columns:1.08fr .72fr;gap:clamp(70px,10vw,150px);align-items:end}
.project-interface-heading h2{margin:15px 0 0;font-family:var(--serif);font-size:clamp(52px,6vw,82px);font-weight:400;letter-spacing:-.05em;line-height:.9}
.project-interface-intro{padding-top:20px;border-top:3px solid var(--red)}
.project-interface-intro span,.project-screen-copy>span,.project-screen-card>div>span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.11em}
.project-interface-intro p{margin:15px 0 0;color:#46535b;font-size:15px;line-height:1.65}
.project-screen-feature{margin-top:75px;display:grid;grid-template-columns:1.45fr .55fr;gap:clamp(45px,6vw,85px);align-items:center;min-width:0}
.project-browser-frame{box-shadow:9px 11px 0 rgba(23,24,23,.16);min-width:0}
.project-screen-feature .project-browser-frame{transform:rotate(-.65deg)}
.project-screen-copy{padding:30px 0;border-block:1px solid rgba(23,24,23,.55)}
.project-screen-copy h3,.project-screen-card h3{margin:18px 0 13px;font-family:var(--serif);font-size:38px;font-weight:400;letter-spacing:-.035em;line-height:1.02}
.project-screen-copy p,.project-screen-card p{margin:0;color:#46535b;font-size:14px;line-height:1.6}
.project-screen-copy .project-screen-outcome{margin-top:24px;padding-top:20px;border-top:1px solid rgba(23,24,23,.28);font-weight:650;color:var(--ink)}
.project-screen-pair{margin-top:95px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
.project-screen-card{display:flex;min-width:0;flex-direction:column}
.project-screen-card:nth-child(2){transform:translateY(22px)}
.project-screen-card .project-browser-frame{box-shadow:7px 8px 0 var(--paper-light)}
.project-screen-card>div{padding:28px 24px 30px;background:var(--paper-light);border:1px solid var(--ink);border-top:0;flex:1}
.project-screen-card h3{font-size:31px}
.project-interface-boundary{position:relative;margin:100px 0 0;padding:24px 30px 24px 170px;background:var(--paper-light);border:1px solid var(--ink);box-shadow:6px 7px 0 var(--red)}
.project-interface-boundary:before{content:"NOT A RESULT CLAIM";position:absolute;left:25px;top:26px;color:var(--red);font-size:9px;font-weight:800;letter-spacing:.11em}
.project-interface-boundary strong{font-family:var(--serif);font-size:25px;font-weight:400}
.project-interface-boundary p{margin:7px 0 0;color:var(--muted);font-size:13px}

@media (max-width:1100px){
  .project-updates-case .case-hero-grid{gap:55px}
  .project-hero-proof .case-status-sheet{right:0}
  .project-screen-feature{grid-template-columns:1.3fr .7fr;gap:45px}
}
@media (max-width:850px){
  .project-updates-case .case-study-hero{padding-bottom:105px}
  .project-updates-case .case-hero-grid{grid-template-columns:1fr}
  .project-hero-proof{max-width:700px;margin:25px 0 0 auto}
  .project-interface-heading,.project-screen-feature{grid-template-columns:1fr}
  .project-interface-heading{gap:42px}
  .project-interface-intro{max-width:620px}
  .project-screen-feature{gap:45px}
  .project-screen-copy{max-width:620px;margin-left:auto}
  .project-screen-pair{gap:26px}
  .project-interface-boundary{padding-left:145px}
}
@media (max-width:600px){
  .project-updates-case .case-study-hero{padding-bottom:80px}
  .project-hero-proof{padding:0}
  .project-hero-screen{transform:none;box-shadow:6px 7px 0 var(--blue)}
  .project-hero-proof .case-status-sheet{position:relative;right:auto;bottom:auto;width:calc(100% - 20px);margin:-25px 0 0 20px;transform:rotate(1deg)}
  .project-interface-evidence{padding:80px 0 95px}
  .project-interface-heading h2{font-size:47px}
  .project-screen-feature{margin-top:55px}
  .project-screen-copy{margin:0}
  .project-screen-copy h3{font-size:33px}
  .project-screen-pair{margin-top:70px;grid-template-columns:1fr;gap:42px}
  .project-screen-card:nth-child(2){transform:none}
  .project-screen-card h3{font-size:29px}
  .project-screen-card>div{padding:24px 20px 26px}
  .project-interface-boundary{margin-top:65px;padding:62px 20px 22px}
  .project-interface-boundary:before{left:20px;top:22px}
}