.home .masthead{height:155px;background:none;position:absolute;top:0;left:0;width:100%;z-index:10}
.home.admin-bar .masthead{top:32px}
.home .header-inner{align-items:center;border:0;width:94%;max-width:1340px;margin:auto}
.home .brand{width:210px}.home .brand img{height:175px}
.home .masthead nav{padding:8px 16px;font-size:19px;background:#020b1555;gap:38px}
.sss-reel{position:relative;isolation:isolate;color:#f3f5f6;background:#030d16 url('panorama-backdrop-crt-muted.png') center center/cover no-repeat;padding:155px 0 65px;overflow:hidden}
.sss-reel *{box-sizing:border-box}
.sss-reel-intro{width:min(1340px,94%);margin:auto;position:relative;z-index:2}
.sss-reel-intro h1{font:700 clamp(48px,6.3vw,92px)/1.04 Oswald,Impact,sans-serif;letter-spacing:-.025em;margin:0;color:#f5f5f2;text-shadow:0 2px 8px #030d16}
.sss-reel-intro h1 span{color:#49e6ff}
.sss-reel-intro p{font:400 clamp(13px,1.2vw,18px)/1.5 monospace;color:#f3f5f6;letter-spacing:.08em;margin:0;position:absolute;bottom:6px;right:0;padding:5px 12px;background:#020b15aa}
.sss-reel-projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;width:min(1340px,94%);margin:65px auto 0;align-items:stretch;position:relative;z-index:1;scroll-margin-top:30px}
.sss-reel-project{display:flex;flex-direction:column;color:#f3f5f6!important;background:#030c15;border:1px solid #49e6ffaa;box-shadow:0 0 8px #49e6ff55,0 9px 25px #0008;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;min-width:0}
.sss-reel-project-1{border-color:#49e6ff;box-shadow:0 0 15px #49e6ff70}
.sss-reel-art{display:block;height:350px;overflow:hidden;background:#06111d}
.sss-reel-art img{display:block;width:100%;height:100%;object-fit:cover}
.sss-reel-project-1 .sss-reel-art{height:350px}.sss-reel-project-1 .sss-reel-art img{object-fit:contain}
.sss-reel-project-2 .sss-reel-art img{object-fit:cover;padding:0}
.sss-reel-caption{display:block;padding:13px 16px 15px;min-height:135px;position:relative}
.sss-reel-caption h2{font:600 clamp(16px,1.5vw,23px)/1.35 Oswald,Impact,sans-serif;letter-spacing:.045em;margin:0;color:#f3f5f6}
.sss-reel-subtitle{display:block;font:500 clamp(12px,1vw,15px)/1.4 Oswald,sans-serif;letter-spacing:.14em;color:#49e6ff;margin-top:4px}
.sss-reel-action{display:flex;align-items:center;justify-content:space-between;font:600 clamp(12px,1.1vw,17px)/1.4 Oswald,sans-serif;letter-spacing:.08em;gap:14px;position:static;background:#ff0756;padding:11px 13px;margin-top:13px;white-space:nowrap}
.sss-reel-action img{width:23px;height:23px}
.sss-reel-project-1 .sss-reel-caption{min-height:135px}
.sss-reel-project:hover{transform:translateY(-7px);box-shadow:0 0 23px #49e6ff99,0 10px 30px #000b}
.sss-reel-project:focus-visible{outline:3px solid #ff0756;outline-offset:5px}
.sa-page .sa-reading-background{object-position:right center!important}
@media(prefers-reduced-motion:reduce){.sss-reel-project{transition:none}}
@media(max-width:1000px){
  .sss-reel-intro p{position:static;display:inline-block;margin-top:15px}
  .sss-reel-projects{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px;gap:24px 16px}
  .sss-reel-art,.sss-reel-project-1 .sss-reel-art{height:280px}
  .sss-reel-caption{padding:12px 16px}
  .sss-reel-action{font-size:14px;padding:11px 13px;gap:10px}
  .sss-reel-action img{width:20px;height:20px}
}

/* One shared phone layout, including phones held in landscape. */
@media(max-width:767px),(max-width:1000px) and (orientation:landscape) and (max-height:600px){
  .home .masthead{height:160px}
  .home .header-inner{width:90%;flex-direction:column;justify-content:center}
  .home .brand{width:130px}
  .home .brand img{height:105px}
  .home .masthead nav{width:100%;justify-content:space-around;padding:0 0 8px;font-size:14px;letter-spacing:1px;gap:clamp(10px,3vw,25px)}
  .sss-reel{padding:195px 0 35px;background-position:55% top;background-size:auto 1000px}
  .sss-reel-intro,.sss-reel-projects,.home #main .updates.wrap{width:min(540px,90%)}
  .sss-reel-intro h1{font-size:clamp(34px,8.8vw,58px)}
  .sss-reel-intro p{font-size:12px;margin-top:14px;padding:4px 0;background:#020b1580}
  .sss-reel-projects,.home #main .updates .post-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .sss-reel-projects{margin-top:32px}
  .sss-reel-projects>.sss-reel-project{width:100%;max-width:none;grid-column:auto;order:0;justify-self:stretch}
  .sss-reel-project .sss-reel-art{height:auto;aspect-ratio:3/4}
  .sss-reel-caption,.sss-reel-project-1 .sss-reel-caption{padding:14px 16px;min-height:135px}
  .sss-reel-caption h2,.sss-reel-project-1 .sss-reel-caption h2{font-size:20px}
  .sss-reel-subtitle{font-size:13px}
  .sss-reel-action{font-size:14px}
  .home #main .updates{padding-top:35px}
  .home #main .updates .post{width:100%;min-width:0;max-width:none;grid-column:auto}
  .home #main .updates .post-image{width:100%;height:auto;aspect-ratio:16/9}
  .home #main .updates .section-heading{margin:0 0 24px;gap:12px}
  .home #main .updates .section-heading h2{font-size:clamp(28px,7.5vw,40px)}
  .home .contact-badge{width:min(540px,90%)}
  .home .contact-badge h2{font-size:clamp(28px,7.5vw,44px)}
}

/* Keep the Charger focal point inside the portrait card. */
.sss-reel-project-0 .sss-reel-art img{object-position:18% center}

/* Poster title treatments for the two cinematic cards. */
.sss-reel-project-0 .sss-reel-art,.sss-reel-project-3 .sss-reel-art{position:relative;container-type:inline-size}
.sss-reel-project-0 .sss-reel-art:after{content:'GHOST\A MODE';white-space:pre;position:absolute;inset:auto 8px 15px;text-align:center;font:italic 700 18cqw/.86 Oswald,Impact,sans-serif;letter-spacing:-.04em;color:#d6f6ff;-webkit-text-stroke:1px #74bace;text-shadow:2px 3px 0 #133348,4px 5px 0 #a5193f,0 0 14px #000,0 0 28px #03121e;transform:skewY(-5deg);pointer-events:none}
.sss-reel-project-3 .sss-reel-art:after{content:'';position:absolute;inset:auto 0 8px;height:42cqw;background:url('https://shadowshadestudios.com/wp-content/plugins/darker-still-preview-page/assets/poster.webp') center 90%/130% auto no-repeat;mix-blend-mode:screen;pointer-events:none}
.sss-reel-project-0 .sss-reel-art:before,.sss-reel-project-3 .sss-reel-art:before{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#020911c9);pointer-events:none}