/* Isolated direction studies. The current canvas and published site are unchanged. */
:root{--ink:#0e0e0c;--green:#3baf29;--paper:#f2f2ef;--rule:#d8d8d2;--unit:clamp(1px,.066138vw,1.693px)}
[hidden]{display:none!important}
.project-image,.story-cover img,.chapter-with-photo img,.photo-pair img,.feltex-detail img{border-radius:24px}
html{scroll-behavior:smooth;scroll-padding-top:64px}*{box-sizing:border-box}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:5px}figure{margin:0}img{display:block}a{transition:color .2s ease}a:hover{color:inherit}.reveal,.fade-up,.wipe,.settle{opacity:1!important;clip-path:none!important;transform:none!important;animation:none!important}.case-container{width:auto;max-width:none;margin:0 calc(96 * var(--unit))}.casework{padding:calc(110 * var(--unit)) 0 calc(72 * var(--unit));background:white;scroll-margin-top:54px}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:60px;margin-bottom:calc(55 * var(--unit))}.section-heading>div:last-child{justify-self:end;width:calc(380 * var(--unit))}.section-heading h1,.section-heading h2{font-size:calc(58 * var(--unit));line-height:1.02;letter-spacing:-.025em;font-weight:700;text-transform:uppercase}.section-heading p{font-size:calc(18 * var(--unit));line-height:1.5;margin:0 0 22px;color:#55554f}.text-link{display:inline-block;font-size:calc(15 * var(--unit));line-height:1.5;font-weight:600;border-bottom:1px solid;padding:4px 0}.text-link:hover{color:#28791c}.projects{display:grid;grid-template-columns:1.42fr 1fr;gap:calc(44 * var(--unit));align-items:start}.project-image{display:block;overflow:hidden;background:var(--paper)}.project-image img{width:100%;height:calc(485 * var(--unit));object-fit:cover;transition:transform .55s cubic-bezier(.2,.65,.3,1)}.project-image:hover img{transform:scale(1.025)}.project-1{padding-top:calc(105 * var(--unit))}.project-1 .project-image img{height:calc(330 * var(--unit));object-position:center}.project-info{padding:calc(23 * var(--unit)) 0 0}.project-type{font-size:calc(12 * var(--unit));line-height:1.4;color:#66665d;display:block}.project-info h3{font-size:calc(34 * var(--unit));font-weight:700;line-height:1.05;letter-spacing:-.015em;text-transform:uppercase;margin:12px 0}.project-info p{font-size:calc(17 * var(--unit));line-height:1.5;max-width:37ch;margin:0 0 20px}.work-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px;border-top:1px solid var(--rule);margin-top:calc(70 * var(--unit));padding-top:28px}.work-bottom p{font-size:calc(14 * var(--unit));line-height:1.5;color:#55554f;margin:0}.breadcrumbs{font-size:calc(13 * var(--unit));color:#62625a;line-height:1.6;margin-bottom:calc(40 * var(--unit));display:flex;gap:10px}.breadcrumbs a{border-bottom:1px solid #b5b5aa}.story-head{padding-top:calc(45 * var(--unit));padding-bottom:calc(54 * var(--unit))}.story-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:calc(65 * var(--unit));align-items:start}.story h1{font-size:calc(104 * var(--unit));line-height:.93;letter-spacing:-.06em;font-weight:600;max-width:8ch}.intro-copy{padding-top:5px}.dek{font-size:calc(27 * var(--unit));line-height:1.25;letter-spacing:-.025em;margin:0;max-width:25ch}.story-tags{font-size:calc(13 * var(--unit));line-height:1.6;color:#55554f;margin:28px 0 0}.story-cover img{width:100%;height:calc(645 * var(--unit));object-fit:cover;object-position:center 52%}.story figcaption{font-size:calc(12 * var(--unit));line-height:1.5;color:#66665d;padding-top:12px}.story-body{padding-top:calc(95 * var(--unit))}.story-chapter{display:grid;grid-template-columns:1fr 1.25fr;gap:calc(90 * var(--unit));margin-bottom:calc(90 * var(--unit))}.story h2{font-size:calc(42 * var(--unit));line-height:1.1;font-weight:500;letter-spacing:-.04em}.story-body p{font-size:calc(18 * var(--unit));line-height:1.65;margin:0 0 24px}.story-quote{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 0 calc(90 * var(--unit));padding:calc(65 * var(--unit)) calc(90 * var(--unit));text-align:center}.story-quote p{font-family:'Instrument Serif',Georgia,serif;font-size:calc(54 * var(--unit));line-height:1.1;max-width:30ch;margin:0 auto 25px}.story-quote cite{font-size:calc(13 * var(--unit));font-style:normal}.chapter-with-photo{display:grid;grid-template-columns:1fr .82fr;gap:calc(95 * var(--unit));align-items:center;margin-bottom:calc(105 * var(--unit))}.chapter-with-photo img{width:100%;height:auto}.chapter-with-photo h2{margin-bottom:30px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:calc(32 * var(--unit));margin-bottom:calc(95 * var(--unit));align-items:start}.photo-pair img{width:100%;height:auto}.photo-pair figure:last-child{padding-top:calc(95 * var(--unit))}.story-body .closing-quote{font-size:calc(34 * var(--unit));line-height:1.2;margin-top:35px}.feltex-detail{width:75%;margin:0 auto calc(95 * var(--unit))}.feltex-detail img{width:100%;height:auto}.next-project{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding:calc(55 * var(--unit)) 0 calc(75 * var(--unit));gap:30px}.next-project span{font-size:calc(13 * var(--unit));color:#62625a}.next-project h2{font-size:calc(56 * var(--unit));line-height:1;letter-spacing:-.045em;font-weight:600;margin-top:14px}.design-tools{background:#e7eddf;border-bottom:1px solid #b9c7ae;display:flex;align-items:center;gap:20px;padding:12px 24px;font:12px/1.4 Archivo,Arial,sans-serif;position:relative;z-index:100}.design-tools>a{font-weight:600;text-decoration:underline;text-underline-offset:3px}.design-tools span{color:#424e39}.design-tools nav{margin-left:auto;display:flex;gap:18px}.design-tools nav a{padding:3px 0;border-bottom:1px solid transparent}.design-tools nav a.active{border-color:#26361e}.design-tools nav a:hover{border-color:#26361e}
/* 02: Immersive photography, dark ink ground, short captions below. */
.dir-2.casework{background:var(--ink);color:#fff}.dir-2 .section-heading{grid-template-columns:1fr 1fr}.dir-2 .section-heading h1,.dir-2 .section-heading h2{font-size:calc(92 * var(--unit));max-width:8ch}.dir-2 .section-heading p,.dir-2 .work-bottom p,.dir-2 .breadcrumbs{color:#bcbcb2}.dir-2 .projects{grid-template-columns:1fr 1fr;gap:calc(24 * var(--unit));align-items:stretch}.dir-2 .project{position:relative;padding:0;min-height:calc(630 * var(--unit));display:flex;align-items:flex-end}.dir-2 .project-image{position:absolute;inset:0}.dir-2 .project-image:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88));pointer-events:none}.dir-2 .project-image img,.dir-2 .project-1 .project-image img{height:100%;width:100%;object-fit:cover}.dir-2 .project-info{position:relative;z-index:1;padding:calc(35 * var(--unit));pointer-events:none}.dir-2 .project-info a{pointer-events:auto}.dir-2 .project-type{color:#ddd}.dir-2 .project-info h3{font-size:calc(45 * var(--unit))}.dir-2 .text-link:hover{color:#99dc7e}.dir-2 .work-bottom{border-color:#45453f}.story.dir-2{background:var(--ink);color:white;padding-top:1px}.story.dir-2 .story-intro{grid-template-columns:1fr .8fr}.story.dir-2 .story-tags,.story.dir-2 .breadcrumbs,.story.dir-2 figcaption{color:#bcbcb2}.story.dir-2 .story-cover{margin:0}.story.dir-2 .story-cover img{height:calc(740 * var(--unit))}.story.dir-2 .story-cover figcaption{padding-left:calc(96 * var(--unit))}.story.dir-2 .story-body{background:white;color:var(--ink);margin:calc(65 * var(--unit)) calc(96 * var(--unit)) 0;padding:calc(70 * var(--unit));}.story.dir-2 .story-body figcaption{color:#66665d}.study-2 .next-project{padding-top:calc(65 * var(--unit))}
/* 03: Compact ruled index, proof and writing shown together. */
.dir-3.casework{background:var(--paper)}.dir-3 .section-heading{grid-template-columns:1fr 1fr}.dir-3 .projects{display:block}.dir-3 .project{padding:calc(28 * var(--unit)) 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:calc(60 * var(--unit));border-top:1px solid #b8b8b0}.dir-3 .project-image{grid-column:2;grid-row:1}.dir-3 .project-info{grid-column:1;grid-row:1;padding:calc(25 * var(--unit)) 0;display:flex;flex-direction:column;align-items:start;justify-content:center}.dir-3 .project-info h3{font-size:calc(52 * var(--unit));margin:18px 0}.dir-3 .project-info p{max-width:30ch}.dir-3 .project-image img,.dir-3 .project-1 .project-image img{height:calc(315 * var(--unit))}.dir-3 .work-bottom{margin-top:0}.story.dir-3{display:grid;grid-template-columns:1fr 1.05fr;column-gap:calc(60 * var(--unit));margin:0 calc(96 * var(--unit))}.story.dir-3 .case-container{margin:0}.story.dir-3 .story-head{grid-column:1;grid-row:1;padding-bottom:40px}.story.dir-3 .story-intro{display:block}.story.dir-3 h1{font-size:calc(88 * var(--unit));margin-bottom:30px}.story.dir-3 .story-cover{grid-column:2;grid-row:1;align-self:stretch;padding-top:calc(50 * var(--unit))}.story.dir-3 .story-cover img{height:calc(430 * var(--unit))}.story.dir-3 .story-body{grid-column:1 / -1;padding-top:calc(70 * var(--unit))}.story.dir-3 .story-quote{text-align:left;padding-left:0;padding-right:0}.story.dir-3 .story-quote p{margin-left:0;max-width:30ch}.story.dir-3 .photo-pair figure:last-child{padding-top:0}
@media(min-width:1600px){.nav-inner{max-width:none!important;--nav-h:calc(168 * var(--unit));margin:0 calc(48 * var(--unit))!important}.nav-logo{--logo-h:calc(128 * var(--unit))}.navlink{font-size:calc(14 * var(--unit))}.nav-links{gap:calc(28 * var(--unit))!important}}
@media(max-width:1100px){.case-container{margin-left:40px;margin-right:40px}.section-heading{grid-template-columns:1.3fr .7fr;gap:35px}.section-heading>div:last-child{width:340px}.story h1{font-size:80px}.story-intro{gap:40px}.story-chapter{gap:40px}.chapter-with-photo{gap:40px}.story.dir-2 .story-body{margin-left:40px;margin-right:40px;padding:40px}.story.dir-3{margin:0 40px;gap:35px}.story.dir-3 h1{font-size:68px}.dir-3 .project{gap:35px}.design-tools span{display:none}}
@media(max-width:700px){html{scroll-padding-top:0}.design-tools{padding:10px 18px;gap:8px;align-items:start;flex-direction:column;font-size:11px}.design-tools nav{margin:0;gap:18px}.case-container{margin-left:22px;margin-right:22px}.casework{padding:55px 0 42px}.section-heading,.dir-2 .section-heading,.dir-3 .section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-heading>div:last-child{justify-self:start;width:auto}.section-heading h1,.section-heading h2,.dir-2 .section-heading h1,.dir-2 .section-heading h2{font-size:48px;max-width:none}.section-heading p{font-size:16px;line-height:1.45;margin-bottom:15px}.projects,.dir-2 .projects{grid-template-columns:1fr;gap:38px}.project-1{padding:0}.project-image img{height:330px}.project-1 .project-image img{height:245px}.project-info{padding-top:20px}.project-info h3{font-size:32px}.project-info p{font-size:16px}.project-type{font-size:11px}.text-link{font-size:14px}.work-bottom{margin-top:38px;display:block;padding-top:22px}.work-bottom .text-link{margin-top:18px}.work-bottom p{font-size:13px}.breadcrumbs{font-size:12px;margin-bottom:30px}.story-head{padding-top:28px;padding-bottom:30px}.story-intro,.story.dir-2 .story-intro{display:block}.story h1{font-size:66px;max-width:8ch;margin-bottom:25px}.dek{font-size:23px;max-width:27ch}.story-tags{font-size:12px;margin-top:20px}.story-cover img{height:330px}.story figcaption{font-size:11px}.story-body{padding-top:45px}.story-chapter{grid-template-columns:1fr;gap:25px;margin-bottom:44px}.story h2{font-size:32px}.story-body p{font-size:16px;line-height:1.6;margin-bottom:20px}.story-quote{padding:35px 0;margin-bottom:45px}.story-quote p{font-size:36px;line-height:1.12}.story-quote cite{font-size:12px}.chapter-with-photo{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.chapter-with-photo h2{margin-bottom:20px}.photo-pair{gap:16px;margin-bottom:45px}.photo-pair figure:last-child{padding-top:40px}.story-body .closing-quote{font-size:29px}.next-project{padding:35px 0 45px;display:block}.next-project h2{font-size:42px}.next-project>.text-link{margin-top:25px}.feltex-detail{width:100%;margin-bottom:40px}.dir-2 .project{min-height:485px}.dir-2 .project-info{padding:25px}.dir-2 .project-info h3{font-size:36px}.story.dir-2 .story-cover img{height:430px}.story.dir-2 .story-cover figcaption{padding-left:22px}.story.dir-2 .story-body{margin:35px 0 0;padding:40px 22px}.dir-3 .project{display:flex;flex-direction:column;gap:0;padding:24px 0}.dir-3 .project-image{order:1}.dir-3 .project-info{order:2;padding:22px 0 5px}.dir-3 .project-info h3{font-size:36px;margin:12px 0}.dir-3 .project-image img,.dir-3 .project-1 .project-image img{height:240px}.story.dir-3{display:block;margin:0 22px}.story.dir-3 h1{font-size:64px}.story.dir-3 .story-cover{padding-top:0}.story.dir-3 .story-cover img{height:280px}.story.dir-3 .story-body{padding-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-image:hover img{transform:none}}
@media(min-width:901px){.casework{scroll-margin-top:calc(185 * var(--unit))}}

/* Case-studies hub: consistent cards without changing home or story layouts. */
.case-index.casework { padding: 64px 0; }
.case-index .case-container { max-width: 1320px; margin: 0 auto; padding: 0 48px; }
.case-index .section-heading { grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.case-index .breadcrumbs { margin-bottom: 24px; }
.case-index .section-heading h1 { font-size: clamp(42px, 4.2vw, 64px); margin: 0; }
.case-index .section-heading > div:last-child { width: auto; max-width: 400px; justify-self: start; }
.case-index .section-heading p { font-size: 17px; margin-bottom: 12px; }
.case-index .projects { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; align-items: stretch; }
.case-index .project { padding: 0; min-width: 0; display: flex; flex-direction: column; }
.case-index .project-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.case-index .project-info { flex: 1; display: flex; flex-direction: column; align-items: start; padding-top: 24px; }
.case-index .project-type { font-size: 12px; line-height: 1.5; min-height: 36px; }
.case-index .project-info h2 { font-size: clamp(28px, 2.6vw, 38px); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; text-transform: uppercase; margin: 8px 0 14px; }
.case-index .project-info p { font-size: 17px; line-height: 1.5; max-width: 38ch; margin: 0 0 20px; }
.case-index .project-info > .text-link { margin-top: auto; }
.case-index .text-link { font-size: 15px; }
.case-index .work-bottom { margin-top: 48px; padding-top: 24px; }
@media (max-width: 900px) {
  .case-index .case-container { padding: 0 32px; }
  .case-index .section-heading { grid-template-columns: 1fr; gap: 24px; }
  .case-index .projects { gap: 28px; }
}
@media (max-width: 600px) {
  .case-index.casework { padding: 32px 0 40px; }
  .case-index .case-container { padding: 0 22px; }
  .case-index .breadcrumbs { margin-bottom: 20px; }
  .case-index .section-heading { margin-bottom: 32px; }
  .case-index .section-heading p { font-size: 16px; }
  .case-index .projects { grid-template-columns: 1fr; gap: 40px; }
  .case-index .project-info { padding-top: 20px; }
  .case-index .project-type { min-height: 0; }
  .case-index .project-info h2 { font-size: 30px; margin-top: 12px; }
  .case-index .project-info p { font-size: 16px; }
  .case-index .work-bottom { margin-top: 40px; }
}

/* Homepage case studies follow the homepage type scale and content gutters. */
#case-studies.casework { padding: 110px 48px 90px; }
#case-studies .case-container { max-width: 1320px; margin: 0 auto; }
#case-studies .section-heading { grid-template-columns: 1fr 1fr; align-items: start; gap: 40px; margin-bottom: 48px; }
#case-studies .section-heading h2 { font-size: 58px; line-height: 1.02; margin: 0; }
#case-studies .section-heading > div:last-child { width: auto; max-width: 380px; }
#case-studies .section-heading p { font-size: 18px; margin-bottom: 16px; }
#case-studies .projects { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; align-items: stretch; }
#case-studies .project { padding: 0; min-width: 0; display: flex; flex-direction: column; }
#case-studies .project-image img { height: auto; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
#case-studies .project-info { padding-top: 24px; flex: 1; display: flex; flex-direction: column; align-items: start; }
#case-studies .project-type { font-size: 12px; line-height: 1.5; min-height: 36px; }
#case-studies .project-info h3 { font-size: 34px; margin: 8px 0 14px; }
#case-studies .project-info p { font-size: 17px; margin-bottom: 20px; }
#case-studies .project-info > .text-link { margin-top: auto; }
#case-studies .text-link { font-size: 15px; }
#case-studies .work-bottom { margin-top: 48px; padding-top: 24px; }
#case-studies .work-bottom p { font-size: 14px; }
@media (max-width: 900px) {
  #case-studies.casework { padding: 64px 20px; }
  #case-studies .section-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 36px; }
  #case-studies .section-heading h2 { font-size: clamp(30px, 8.5vw, 52px); }
  #case-studies .section-heading > div:last-child { justify-self: start; }
  #case-studies .section-heading p { font-size: 16px; }
  #case-studies .project-info h3 { font-size: 25px; }
  #case-studies .project-info p { font-size: 16px; }
  #case-studies .projects { gap: 28px; }
}
@media (max-width: 600px) {
  #case-studies .projects { grid-template-columns: 1fr; gap: 40px; }
  #case-studies .project-info { padding-top: 20px; }
  #case-studies .project-type { min-height: 0; }
  #case-studies .project-info h3 { margin-top: 12px; }
  #case-studies .work-bottom { margin-top: 40px; }
}