/* Work and case-study presentation — 14 September 2026
   One scoped source of truth for /work and /work/*.
   Uses the established ivory, charcoal and terracotta production palette. */
body.work-page{
  --work-bg:var(--hf-bg,#f7f5f0);
  --work-surface:var(--hf-surface,#fff);
  --work-ink:var(--hf-ink,#111);
  --work-dark:var(--hf-dark,#1a1a1a);
  --work-muted:var(--hf-muted,#5f5d58);
  --work-line:var(--hf-line,#e5e1da);
  --work-accent:var(--hf-accent,#ac5334);
  --work-accent-soft:var(--hf-accent-soft,#f6ece8);
  --work-max:1180px;
  background:var(--work-bg);
  color:var(--work-ink);
}
body.work-page:before{background:radial-gradient(780px circle at 88% 5%,rgba(172,83,52,.08),transparent 48%),radial-gradient(860px circle at 0 68%,rgba(17,17,17,.025),transparent 55%)}
.work-page .nav-links a:after{background:var(--work-accent)}
.work-page .btn{background:var(--work-accent)}
.work-page .btn:hover{background:#93452d;box-shadow:0 13px 28px rgba(172,83,52,.2)}
.work-page .btn.dark{background:var(--work-ink)}
.work-page .btn.light{background:#fff;color:var(--work-ink)}
.work-page .route-item i{background:var(--work-accent)}
.work-wrap{width:min(var(--work-max),calc(100% - 40px));margin-inline:auto}
.work-kicker{margin:0 0 14px;color:var(--work-accent);font-size:10px;font-weight:900;letter-spacing:.17em;line-height:1.4;text-transform:uppercase}
.work-kicker-light{color:#d58c72}
.work-crumb{display:flex;align-items:center;gap:9px;margin-bottom:38px;color:var(--work-muted);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.work-crumb a{color:var(--work-accent);min-height:36px;display:inline-flex;align-items:center}
.work-page h1,.work-page h2,.work-page h3,.work-page p{overflow-wrap:break-word}
.work-page h1 em,.work-page h2 em{color:var(--work-accent);font-family:Georgia,"Times New Roman",serif;font-weight:500}
.work-hero{padding:46px 0 52px}
.work-index .work-crumb{margin-bottom:24px}
.work-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:72px;align-items:end}
.work-hero h1{max-width:800px;margin:0;font-size:clamp(54px,7.4vw,96px);line-height:.89;letter-spacing:-.061em}
.work-hero-intro{border-left:1px solid var(--work-line);padding-left:32px}
.work-hero-intro>p:first-child{margin:0;color:var(--work-ink);font-size:18px;line-height:1.55}
.work-evidence-principle{margin:24px 0 0;padding-top:21px;border-top:1px solid var(--work-line);color:var(--work-muted);font-size:12px;line-height:1.65}
.work-selected{padding:26px 0 104px;background:var(--work-surface);border-top:1px solid var(--work-line)}
.work-section-heading{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:42px;align-items:end;margin-bottom:42px}
.work-section-heading .work-kicker{align-self:start;margin-top:10px}
.work-index .work-section-heading{margin-bottom:30px}
.work-section-heading h2{margin:0;font-size:clamp(42px,5.2vw,68px);line-height:.95;letter-spacing:-.052em}
.work-section-heading>p:last-child{max-width:600px;margin:0;color:#aaa59e;font-size:14px;line-height:1.65}
.work-project-list{display:grid;gap:84px}
.work-project-card{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(310px,.66fr);gap:42px;align-items:center;padding-top:34px;border-top:1px solid var(--work-line)}
.work-project-card:nth-child(even){grid-template-columns:minmax(310px,.66fr) minmax(0,1.34fr)}
.work-project-card:nth-child(even) .work-project-media{order:2}
.work-project-card:nth-child(even) .work-project-copy{order:1}
.work-project-media{position:relative;display:block;min-width:0;overflow:hidden;border-radius:18px;background:#e9e5de;box-shadow:0 25px 70px rgba(17,17,17,.1)}
.work-project-media picture,.work-project-media img{display:block;width:100%;height:100%}
.work-project-media{aspect-ratio:16/10}
.work-project-media img{object-fit:cover;object-position:top;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.work-project-media:hover img{transform:scale(1.014)}
.work-evidence-label{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:9px 12px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(17,17,17,.84);backdrop-filter:blur(10px);color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em}
.work-project-copy{min-width:0}
.work-project-classification{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}
.work-project-classification span{display:inline-flex;min-height:29px;align-items:center;padding:6px 9px;border:1px solid var(--work-line);border-radius:999px;color:var(--work-muted);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.work-project-classification span:first-child{border-color:rgba(172,83,52,.35);background:var(--work-accent-soft);color:#93452d}
.work-project-copy h3{margin:0;font-size:clamp(38px,4vw,55px);line-height:.95;letter-spacing:-.052em}
.work-project-statement{margin:21px 0 24px;color:var(--work-muted);font-size:15px;line-height:1.65}
.work-project-role{display:grid;gap:13px;margin:0;padding:21px 0;border-top:1px solid var(--work-line);border-bottom:1px solid var(--work-line)}
.work-project-role div{display:grid;grid-template-columns:105px 1fr;gap:15px}
.work-project-role dt{color:var(--work-accent);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.work-project-role dd{margin:0;font-size:11px;font-weight:750;line-height:1.5}
.work-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:20px 0;padding:0}
.work-tags li,.work-role-tags span{padding:7px 9px;border:1px solid var(--work-line);border-radius:999px;background:#fff;color:var(--work-muted);font-size:9px;font-weight:750}
.work-card-actions,.work-case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:25px}
.work-text-link,.work-secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:11px;font-weight:900}
.work-text-link{padding-bottom:2px;border-bottom:1px solid var(--work-ink)}
.work-secondary-link{color:var(--work-muted)}
.work-text-link span,.work-secondary-link span{color:var(--work-accent)}
.work-proof-bridge{padding:100px 0;background:var(--work-dark);color:#fff}
.work-proof-bridge .work-wrap{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:82px}
.work-proof-intro h2{margin:0;font-size:clamp(42px,5vw,66px);line-height:.95;letter-spacing:-.052em}
.work-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #383632}
.work-proof-grid article{min-height:300px;padding:26px 24px;border-right:1px solid #383632;display:flex;flex-direction:column}
.work-proof-grid article:last-child{border-right:0}
.work-proof-grid span{color:#d58c72;font-size:10px;font-weight:900;letter-spacing:.12em}
.work-proof-grid h3{margin:auto 0 14px;font-size:23px;line-height:1.05;letter-spacing:-.03em}
.work-proof-grid p{margin:0;color:#aaa59e;font-size:11px;line-height:1.65}
.work-truth{padding:90px 0;border-bottom:1px solid var(--work-line)}
.work-truth-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}
.work-truth h2{margin:0;font-size:clamp(40px,4.7vw,62px);line-height:.96;letter-spacing:-.05em}
.work-truth-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.work-truth-grid>div:last-child p{margin:0;color:var(--work-muted);font-size:13px;line-height:1.75}
.work-cta{padding:68px 0}
.work-cta-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:52px;align-items:center;padding:48px 52px;border-radius:26px;background:var(--work-dark);color:#fff}
.work-cta-card:after{content:"";position:absolute;right:-160px;top:-210px;width:370px;height:370px;border-radius:50%;background:rgba(172,83,52,.25);filter:blur(55px);pointer-events:none}
.work-cta-card>div,.work-cta-card>.btn{position:relative;z-index:1}
.work-cta-card h2{margin:0;font-size:clamp(39px,4.5vw,60px);line-height:.96;letter-spacing:-.05em}
.work-cta-card p:last-child{max-width:690px;margin:15px 0 0;color:#aaa59e;font-size:13px;line-height:1.65}
.work-cta-card>.btn{min-height:48px}

/* Individual case-study pages */
.work-case-hero{padding:52px 0 62px}
.work-case-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.62fr);gap:74px;align-items:end}
.work-case-hero h1{margin:18px 0 25px;font-size:clamp(60px,8.4vw,108px);line-height:.84;letter-spacing:-.065em}
.work-case-lede{max-width:730px;margin:0;color:var(--work-muted);font-size:18px;line-height:1.65}
.work-case-meta{display:grid;gap:0;margin:0;border-top:1px solid var(--work-line)}
.work-case-meta div{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--work-line)}
.work-case-meta dt{color:var(--work-accent);font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.work-case-meta dd{margin:0;font-size:11px;font-weight:700;line-height:1.55}
.work-hero-evidence{padding:0 0 86px}
.work-wide-shot{position:relative;display:block;overflow:hidden;border-radius:18px;background:#ebe7e0;box-shadow:0 28px 75px rgba(17,17,17,.11)}
.work-wide-shot picture,.work-wide-shot img{display:block;width:100%;height:auto}
.work-wide-shot>span,.work-phone-shot>span{position:absolute;left:13px;bottom:13px;padding:8px 11px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(17,17,17,.84);color:#fff;font-size:8px;font-weight:850;letter-spacing:.04em}
.work-case-summary{padding:88px 0 98px;background:#fff;border-top:1px solid var(--work-line);border-bottom:1px solid var(--work-line)}
.work-case-summary>.work-wrap>h2{max-width:850px;margin:0 0 45px;font-size:clamp(43px,5vw,66px);line-height:.96;letter-spacing:-.052em}
.work-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--work-line);border-bottom:1px solid var(--work-line)}
.work-summary-grid article{min-height:260px;padding:25px 22px;border-right:1px solid var(--work-line);display:flex;flex-direction:column}
.work-summary-grid article:last-child{border-right:0}
.work-summary-grid span,.work-feature-grid article>span{color:var(--work-accent);font-size:8px;font-weight:900;letter-spacing:.12em}
.work-summary-grid h3{margin:auto 0 11px;font-size:20px;line-height:1.12;letter-spacing:-.025em}
.work-summary-grid p{margin:0;color:var(--work-muted);font-size:10px;line-height:1.65}
.work-case-body{padding:24px 0;background:var(--work-bg)}
.work-chapter{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);gap:68px;padding:76px 0;border-bottom:1px solid var(--work-line)}
.work-chapter h2{max-width:470px;margin:0;font-size:clamp(36px,4vw,54px);line-height:.98;letter-spacing:-.047em}
.work-prose{max-width:720px}
.work-prose>p{margin:0;color:var(--work-muted);font-size:15px;line-height:1.8}
.work-prose>p+p{margin-top:20px}
.work-check-list{display:grid;gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--work-line)}
.work-check-list li{position:relative;padding:16px 0 16px 30px;border-bottom:1px solid var(--work-line);color:var(--work-muted);font-size:13px;line-height:1.6}
.work-check-list li:before{content:"✓";position:absolute;left:0;top:17px;color:var(--work-accent);font-weight:900}
.work-role-panel{padding:32px;border:1px solid var(--work-line);border-radius:18px;background:#fff}
.work-role-panel>p{margin:0;color:var(--work-muted);font-size:15px;line-height:1.75}
.work-role-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.work-decisions{padding:90px 0}
.work-decisions ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--work-line)}
.work-decisions li{display:grid;grid-template-columns:85px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--work-line)}
.work-decisions li>span{color:var(--work-accent);font-size:10px;font-weight:900;letter-spacing:.12em}
.work-decisions h3{margin:0 0 9px;font-size:22px;letter-spacing:-.03em}
.work-decisions p{max-width:780px;margin:0;color:var(--work-muted);font-size:12px;line-height:1.7}
.work-decisions strong{color:var(--work-ink)}
.work-built{padding:94px 0 102px;background:#fff;border-top:1px solid var(--work-line);border-bottom:1px solid var(--work-line)}
.work-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.work-feature-grid article{min-height:250px;padding:28px;border:1px solid var(--work-line);border-radius:18px;background:var(--work-bg);display:flex;flex-direction:column}
.work-feature-grid h3{margin:auto 0 10px;font-size:27px;letter-spacing:-.035em}
.work-feature-grid p{margin:0;color:var(--work-muted);font-size:11px;line-height:1.65}
.work-responsive{padding:96px 0 105px;background:var(--work-dark);color:#fff}
.work-evidence-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}
.work-wide-shot-dark{background:#292825;box-shadow:none}
.work-phone-shot{position:relative;display:block;overflow:hidden;border:9px solid #302f2c;border-radius:34px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.25)}
.work-phone-shot picture,.work-phone-shot img{display:block;width:100%;height:auto}
.work-outcome .work-kicker{color:#70706d}
.work-next{border-top:1px solid var(--work-line);border-bottom:1px solid var(--work-line);background:#fff}
.work-next a{display:grid;grid-template-columns:1fr auto;gap:9px 35px;align-items:center;min-height:180px;padding:32px 0}
.work-next a>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--work-accent)}
.work-next a>strong{grid-column:1;font-size:clamp(38px,5vw,66px);line-height:.95;letter-spacing:-.05em}
.work-next a>i{grid-row:1/3;grid-column:2;font-size:42px;font-style:normal;color:var(--work-accent)}
.work-page [data-touch-target]{min-height:44px}
.work-page main a:focus-visible,.work-page main button:focus-visible{outline:3px solid var(--work-accent);outline-offset:4px;border-radius:4px}

@media(max-width:980px){
  .work-hero-grid,.work-case-hero-grid{grid-template-columns:1fr;gap:35px}
  .work-hero-intro{max-width:720px}
  .work-project-card,.work-project-card:nth-child(even){grid-template-columns:1fr;gap:30px}
  .work-project-card:nth-child(even) .work-project-media,.work-project-card:nth-child(even) .work-project-copy{order:initial}
  .work-proof-bridge .work-wrap{grid-template-columns:1fr;gap:50px}
  .work-truth-grid{grid-template-columns:1fr;gap:36px}
  .work-summary-grid{grid-template-columns:1fr 1fr}
  .work-summary-grid article:nth-child(2){border-right:0}
  .work-summary-grid article:nth-child(-n+2){border-bottom:1px solid var(--work-line)}
  .work-chapter{grid-template-columns:1fr;gap:30px}
  .work-chapter h2{max-width:720px}
  .work-evidence-grid{grid-template-columns:minmax(0,1fr) 270px}
}
@media(max-width:700px){
  .work-page .nav-actions>a.btn{display:none}
  .work-wrap{width:calc(100% - 32px)}
  .work-hero{padding:38px 0 54px}
  .work-crumb{margin-bottom:25px}
  .work-hero h1{font-size:clamp(48px,15vw,70px)}
  .work-hero-intro{padding:22px 0 0;border-left:0;border-top:1px solid var(--work-line)}
  .work-hero-intro>p:first-child,.work-case-lede{font-size:15px}
  .work-selected{padding:25px 0 74px}
  .work-section-heading{grid-template-columns:1fr;gap:8px;margin-bottom:28px}
  .work-project-list{gap:62px}
  .work-project-card{padding-top:22px}
  .work-project-media{border-radius:14px;aspect-ratio:4/5}
  .work-project-copy h3{font-size:43px}
  .work-project-statement{font-size:14px}
  .work-project-role div{grid-template-columns:1fr;gap:5px}
  .work-evidence-label{left:10px;bottom:10px;font-size:8px}
  .work-card-actions,.work-case-actions{align-items:flex-start;flex-direction:column;gap:8px}
  .work-card-actions a,.work-case-actions a{width:100%}
  .work-proof-bridge{padding:72px 0}
  .work-proof-grid{grid-template-columns:1fr}
  .work-proof-grid article{min-height:190px;padding:23px 0;border-right:0;border-bottom:1px solid #383632}
  .work-proof-grid article:last-child{border-bottom:0}
  .work-proof-grid h3{margin:45px 0 10px}
  .work-truth{padding:68px 0}
  .work-truth-grid>div:last-child{grid-template-columns:1fr}
  .work-cta{padding:42px 0}
  .work-cta-card{grid-template-columns:1fr;padding:34px 25px;border-radius:20px}
  .work-cta-card>.btn{width:100%}
  .work-case-hero{padding:34px 0 45px}
  .work-case-hero h1{font-size:clamp(56px,18vw,78px)}
  .work-case-meta div{grid-template-columns:1fr;gap:5px}
  .work-hero-evidence{padding-bottom:64px}
  .work-wide-shot{border-radius:12px}
  .work-case-summary{padding:67px 0 75px}
  .work-summary-grid{grid-template-columns:1fr}
  .work-summary-grid article{min-height:220px;border-right:0;border-bottom:1px solid var(--work-line)}
  .work-summary-grid article:nth-child(2){border-right:0}
  .work-summary-grid article:last-child{border-bottom:0}
  .work-chapter{padding:58px 0}
  .work-chapter h2{font-size:39px}
  .work-prose>p{font-size:14px}
  .work-role-panel{padding:23px}
  .work-decisions{padding:70px 0}
  .work-decisions li{grid-template-columns:48px 1fr}
  .work-built{padding:72px 0 80px}
  .work-feature-grid{grid-template-columns:1fr}
  .work-feature-grid article{min-height:220px}
  .work-responsive{padding:72px 0 80px}
  .work-evidence-grid{grid-template-columns:1fr;gap:28px}
  .work-phone-shot{width:min(82vw,330px);margin-inline:auto}
  .work-next a{min-height:150px}
  .work-next a>strong{font-size:38px}
}
@media(max-width:360px){
  .work-wrap{width:calc(100% - 24px)}
  .work-project-copy h3{font-size:38px}
  .work-project-classification span{font-size:7px}
  .work-decisions li{grid-template-columns:1fr;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .work-project-media img{transition:none}
  .work-project-media:hover img{transform:none}
  .work-page .btn{transition:none}
}