/* Just 3 case-file layout. This page-specific stylesheet deliberately isolates
   the screenshot treatment from older cached versions of the shared site CSS. */

.just3-case{overflow:hidden}
.just3-hero{padding-bottom:145px;background:#eee9df}
.just3-hero-grid{grid-template-columns:.76fr 1.24fr;gap:clamp(55px,7vw,110px);align-items:center}
.just3-hero-copy{position:relative;z-index:2}
.just3-hero-copy .case-question{max-width:520px}
.just3-hero-note{max-width:530px;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--ink);color:var(--muted);font-size:13px;line-height:1.6}
.just3-hero-proof{position:relative;min-width:0;padding:0 42px 105px 0}

.just3-app-frame{width:100%;min-width:0;margin:0;background:#fff;border:1px solid var(--ink);box-shadow:9px 11px 0 rgba(23,24,23,.16);overflow:hidden}
.just3-app-frame>img{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
.just3-dark-frame{position:relative;z-index:1;background:#0d1713;box-shadow:10px 12px 0 var(--blue);transform:rotate(-1.2deg)}
.just3-hero-crop{height:0;padding-bottom:66%;position:relative;overflow:hidden;background:#0d1713}
.just3-hero-crop img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center}
.just3-app-frame figcaption{padding:10px 14px;color:var(--muted);background:var(--paper-light);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.just3-frame-bar{height:29px;padding:0 11px;display:flex;align-items:center;gap:6px;background:var(--paper-light);border-bottom:1px solid var(--rule)}
.just3-frame-bar i{width:7px;height:7px;border-radius:50%;background:var(--rule)}
.just3-frame-bar i:first-child{background:var(--red-soft)}
.just3-frame-bar i:nth-child(2){background:#e9d690}
.just3-frame-bar i:nth-child(3){background:#8eb9a3}
.just3-frame-bar span{margin-left:auto;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.11em}
.just3-dark-frame .just3-frame-bar{background:#18231f;border-color:#31403a}
.just3-dark-frame .just3-frame-bar span{color:#a5b2ad}
.just3-hero-proof .case-status-sheet{position:absolute;z-index:2;right:-10px;bottom:0;width:min(390px,68%);padding:23px 24px 20px;box-shadow:7px 8px 0 var(--red);transform:rotate(1.7deg)}
.just3-hero-proof .case-status-sheet:before{width:100px;height:23px}
.just3-hero-proof .case-status-sheet dl>div{padding:9px 0}
.just3-hero-proof .case-status-sheet>p{margin-top:13px;font-size:18px}

.just3-system{padding:120px 0 135px;background:#dce8e4;border-block:1px solid var(--ink);scroll-margin-top:80px}
.just3-system-heading{display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(70px,10vw,150px);align-items:end}
.just3-system-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}
.just3-system-intro{padding-top:20px;border-top:3px solid var(--red)}
.just3-system-intro span,.just3-screen-number,.just3-card-copy>span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.11em}
.just3-system-intro p{margin:15px 0 0;color:#42514c;font-size:15px;line-height:1.65}

.just3-today-feature{margin-top:80px;display:grid;grid-template-columns:1.42fr .58fr;gap:clamp(45px,6vw,85px);align-items:center;min-width:0}
.just3-today-feature>.just3-app-frame{transform:rotate(-.55deg)}
.just3-feature-copy{padding:30px 0;border-block:1px solid rgba(23,24,23,.55)}
.just3-feature-copy h3,.just3-card-copy h3{margin:18px 0 14px;font-family:var(--serif);font-size:39px;font-weight:400;letter-spacing:-.035em;line-height:1.02}
.just3-feature-copy>p:not(.just3-screen-number),.just3-card-copy p{margin:0;color:#42514c;font-size:14px;line-height:1.63}
.just3-three{margin:30px 0 0}
.just3-three>div{padding:17px 0;display:grid;grid-template-columns:115px 1fr;gap:16px;border-top:1px solid rgba(23,24,23,.25)}
.just3-three dt{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.11em}
.just3-three dd{margin:0;color:#42514c;font-size:12px;line-height:1.5}

.just3-system-grid{margin-top:110px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:90px 36px;align-items:start}
.just3-screen-card{min-width:0}
.just3-screen-card .just3-app-frame{box-shadow:8px 9px 0 var(--paper-light)}
.just3-card-copy{padding:26px 25px 30px;background:var(--paper-light);border:1px solid var(--ink)}
.just3-card-copy h3{font-size:32px}
.just3-bets-card{grid-column:1/span 5}
.just3-bets-card .just3-card-copy,.just3-doors-card .just3-card-copy{border-bottom:0}
.just3-vault-card{grid-column:6/span 7;margin-top:120px}
.just3-vault-card .just3-card-copy,.just3-review-card .just3-card-copy{border-top:0}
.just3-doors-card{grid-column:1/span 7;margin-top:-35px}
.just3-review-card{grid-column:8/span 5;margin-top:75px}

.just3-boundary{position:relative;margin:115px 0 0;padding:26px 32px 26px 190px;background:var(--paper-light);border:1px solid var(--ink);box-shadow:6px 7px 0 var(--red)}
.just3-boundary:before{content:"EVIDENCE BOUNDARY";position:absolute;left:28px;top:30px;color:var(--red);font-size:9px;font-weight:800;letter-spacing:.11em}
.just3-boundary strong{font-family:var(--serif);font-size:25px;font-weight:400}
.just3-boundary p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}

@media (max-width:1100px){
  .just3-hero-grid{grid-template-columns:.82fr 1.18fr;gap:50px}
  .just3-hero-proof .case-status-sheet{right:0}
  .just3-today-feature{grid-template-columns:1.28fr .72fr;gap:45px}
  .just3-system-grid{gap:75px 28px}
}

@media (max-width:850px){
  .just3-hero{padding-bottom:110px}
  .just3-hero-grid{grid-template-columns:1fr}
  .just3-hero-proof{max-width:720px;margin:25px 0 0 auto}
  .just3-system-heading,.just3-today-feature{grid-template-columns:1fr}
  .just3-system-heading{gap:42px}
  .just3-system-intro{max-width:620px}
  .just3-today-feature{gap:50px}
  .just3-feature-copy{max-width:650px;margin-left:auto}
  .just3-bets-card{grid-column:1/span 6}
  .just3-vault-card{grid-column:7/span 6;margin-top:85px}
  .just3-doors-card{grid-column:1/span 7;margin-top:0}
  .just3-review-card{grid-column:8/span 5;margin-top:65px}
  .just3-boundary{padding-left:165px}
}

@media (max-width:600px){
  .just3-hero{padding-bottom:82px}
  .just3-hero-note{font-size:12px}
  .just3-hero-proof{padding:0}
  .just3-dark-frame{transform:none;box-shadow:6px 7px 0 var(--blue)}
  .just3-hero-crop{padding-bottom:78%}
  .just3-hero-proof .case-status-sheet{position:relative;right:auto;bottom:auto;width:calc(100% - 20px);margin:-22px 0 0 20px;transform:rotate(1deg)}
  .just3-frame-bar span{font-size:6px}
  .just3-system{padding:82px 0 95px}
  .just3-system-heading h2{font-size:47px}
  .just3-today-feature{margin-top:58px}
  .just3-feature-copy{margin:0}
  .just3-feature-copy h3{font-size:33px}
  .just3-three>div{grid-template-columns:92px 1fr}
  .just3-system-grid{margin-top:75px;display:grid;grid-template-columns:1fr;gap:46px}
  .just3-screen-card:nth-child(n){grid-column:1;margin-top:0}
  .just3-card-copy{padding:24px 20px 26px}
  .just3-card-copy h3{font-size:29px}
  .just3-boundary{margin-top:70px;padding:65px 20px 22px}
  .just3-boundary:before{left:20px;top:24px}
}