/* Project stories: main image, context, visual evidence, visible results. */
.deck-welcome h2{font-size:clamp(25px,2.5vw,36px);font-weight:600;line-height:1.4;color:#f5f6f2;letter-spacing:-.035em}
.hero-word{margin-bottom:51px}
.intro{padding-bottom:36px}
#content{padding-top:88px}
#remaining-modules>.chapter{margin-top:48px}
.subhead{margin-top:68px;padding-top:32px}
.group-title{margin-top:60px;align-items:end;gap:24px}
.group-title .series-label{font-family:Arial,sans-serif;font-size:12px;font-weight:300;letter-spacing:.15em;line-height:1.5;margin:0 0 10px;color:var(--muted);text-align:left}
.project[data-project] .project-copy{display:block;width:100%;margin:30px 0 0}
.project[data-project] .project-tags{max-width:none;margin:0 0 16px;padding:0;font-size:14px;font-weight:400;line-height:1.9}
.project[data-project] .project-problem{margin:0}
.case-outcome{min-width:0;margin-top:28px}
.project-keyword{white-space:nowrap;color:#566c7c}
.project-keyword:nth-of-type(3n){color:#63744f}
.project-keyword:nth-of-type(5n){color:#866451}
.keyword-divider{color:#90938e;padding-inline:3px}
#automation .project-keyword{color:#b6c8d4}
#automation .project-keyword:nth-of-type(3n){color:#bbcba9}
#automation .project-keyword:nth-of-type(5n){color:#d4bba5}
#automation .keyword-divider{color:#929c8b}
.project[data-project] .project-result{margin:28px 0 0;border-top:1px solid var(--line);padding-top:20px}
.project[data-project] .project-result h4{font-size:17px;font-weight:700;line-height:1.5;margin:0 0 12px}
.project[data-project] .project-result p{margin:0;font-size:16px;line-height:1.9}
.case-outcome>.project-result:first-child{margin-top:0}
#automation .project-result{border-color:#6c7465}
.case-main-gallery{grid-template-columns:minmax(0,1fr);background:#dcded8 url('assets/grain.svg');padding:28px;border-radius:20px}
.case-main-gallery .media-button{background:none;border-radius:12px;box-shadow:none}
.case-main-gallery .media-button img{width:100%;height:auto}
.case-main-gallery .media-caption{color:#292b29}
.project[data-project="05"] .case-main-gallery{max-width:520px;margin-inline:auto}
.result-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.result-gallery .media-button{background:none;border-radius:12px}
.result-gallery .media-button img{width:100%;height:auto;max-height:none}
.result-gallery.single-result{grid-template-columns:minmax(0,1fr);max-width:500px;margin-inline:auto}
.half-preview .media-button{aspect-ratio:1206/1311}
.half-preview .media-button img{width:100%;height:auto;object-position:top}
.result-gallery .matched-result .media-button{aspect-ratio:832/867}
.result-gallery .matched-result .media-button img{width:100%;height:100%;object-fit:fill}
#automation .result-gallery .media-caption{color:#d5dbce}
.project[data-project="06"] .phone-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
@media(max-width:1100px){.case-main-gallery{padding:24px}.project[data-project="06"] .phone-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.hero-word{margin-bottom:32px}.intro-copy{margin-bottom:40px}.case-outcome{margin-top:24px}}
@media(max-width:600px){
  .hero-word{margin-bottom:0}
  .intro-copy{margin-bottom:36px}
  .intro{padding-bottom:28px}
  #content{padding-top:60px}
  #remaining-modules>.chapter{margin-top:44px}
  .subhead{margin-top:56px;padding-top:30px}
  .group-title{margin-top:56px;gap:16px}
  .group-title .series-label{font-size:11px;letter-spacing:.12em;margin:0 0 9px}
  .project[data-project] .project-copy{margin-top:24px}
  .case-main-gallery{padding:20px 16px;border-radius:18px}
  .case-main-gallery .media-button,.result-gallery .media-button{border-radius:10px}
  .result-gallery{gap:22px 14px}
  .result-gallery .media-caption{font-size:13px;line-height:1.6}
  .project[data-project] .project-result{margin-top:24px;padding-top:18px}
  .project[data-project] .project-result h4{font-size:16px;margin-bottom:12px}
  .project[data-project="06"] .phone-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .deck-welcome h2{font-size:clamp(22px,5.5vw,28px);letter-spacing:-.035em;line-height:1.5}
}
/* Equal side gutters keep the reading area on the viewport's centre line. */
.wrap{margin-inline:auto}
@media(max-width:850px){
  .wrap{width:calc(100% - 48px);margin-inline:auto}
  .header{inset:24px auto auto 24px;width:auto;height:auto;padding:0}
  .wordmark{writing-mode:horizontal-tb;display:flex;align-items:center;gap:16px;line-height:1.3}
  .wordmark strong{font-size:22px}
  .wordmark span{font-size:12px;margin:0;letter-spacing:.04em}
  .intro{padding-top:90px}
}
@media(max-width:600px){
  .wrap{width:calc(100% - 38px);margin-inline:auto}
  .header{inset:22px auto auto 19px}
  .wordmark{gap:13px}
  .wordmark strong{font-size:21px}
  .intro{padding-top:80px}
}