/* Case study discovery and reading, within the portfolio's existing visual system. */
.case-study-teaser{margin-bottom:100px;scroll-margin-top:110px}
.case-study-spotlight{display:grid;grid-template-columns:1fr 1.05fr;border:1px solid #d5cddd;border-radius:6px;background:#eee9f4;overflow:hidden}
.case-spotlight-copy{padding:45px 42px;align-self:center}
.case-spotlight-copy .eyebrow{color:#66517f}
.case-spotlight-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin-top:19px}
.case-spotlight-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#655e6e;max-width:400px;margin-top:23px}
.case-spotlight-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:280px;margin-top:27px;font-size:13px;font-weight:600}
.case-spotlight-art{position:relative;min-width:0;min-height:390px;background:radial-gradient(ellipse at 55% 40%,#fbf9fe,#e3dced);overflow:hidden}
.case-print{position:absolute;display:block;height:auto;padding:6px;background:#fff;border:1px solid #d9d2e2;box-shadow:0 12px 26px #32223b25}
.case-print-1{width:80%;left:9%;top:12%;transform:rotate(-5deg);z-index:1}
.case-print-2{width:57%;left:0;bottom:12%;transform:rotate(-9deg);z-index:2}
.case-print-3{width:57%;right:0;bottom:4%;transform:rotate(6deg);z-index:3}
.case-study-spotlight:hover .cover-arrow{background:var(--ink);color:white}
.case-study-spotlight:focus-visible,.study-card:focus-visible{outline:3px solid var(--purple);outline-offset:6px}
.case-studies-page{background:var(--paper)}
.study-index-heading{padding-block:65px 35px}
.study-index-heading h1{font-size:clamp(48px,6.4vw,88px);line-height:1.05;letter-spacing:-.055em;margin-top:18px}
.study-index-heading>p:last-child{font-size:16px;line-height:1.7;color:var(--muted);margin-top:24px;max-width:650px}
.study-index-nav{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.study-index-nav a{display:inline-flex;align-items:center;gap:18px;padding:12px 17px;min-height:44px;border:1px solid #cfc5dc;border-radius:3px;font-size:12px}
.study-index-nav a:hover{background:#e8e1f0}
.study-index-nav span{font-size:10px;color:#766687}
.study-index-group{margin-block:42px 65px;scroll-margin-top:110px}
.study-group-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.study-group-heading h2{font-size:26px;letter-spacing:-.03em}
.study-group-heading>span{font-size:11px;color:var(--muted)}
.study-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.study-card{display:block;border:1px solid #d7cedf;border-radius:6px;overflow:hidden;min-width:0;background:#fff;transition:border-color .2s}
.study-card:hover{border-color:#88729f}
.study-card-art{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:#ede8f5;padding:26px}
.study-tone-afrigenetry .study-card-art{background:#eee7d1}
.study-card-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #2b203417)}
.study-card-copy{padding:30px}
.study-card-copy>.eyebrow{font-size:9px;color:#766287}
.study-card-brand{display:flex;align-items:center;gap:11px;min-width:0}
.study-card-copy .study-card-brand{margin-top:18px}
.study-card-brand .brand-logo{width:38px;height:38px;border-radius:8px}
.study-card-brand>span{font-size:13px;font-weight:600;line-height:1.5}
.study-card-copy h3{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin-top:20px}
.study-card-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin-top:14px}
.study-read{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e4deeb;margin-top:25px;padding-top:18px;font-size:12px;font-weight:600}
.study-read>span{font-size:21px;font-weight:400}
.study-card-featured{display:grid;grid-template-columns:1fr 1fr}
.study-card-featured .study-card-art{aspect-ratio:auto;background:#0b1b2d;padding:20px}
.study-card-featured .study-card-copy{padding:34px}
.case-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.case-card-metrics strong{display:block;font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.04em;color:#38654f}
.case-card-metrics span{display:block;font-size:11px;line-height:1.6;margin-top:5px;color:var(--muted)}
.study-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:28px;font-size:11px;color:var(--muted)}
.study-breadcrumb a{padding-block:10px;min-height:44px;display:inline-flex;align-items:center}
.study-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.study-detail-heading{padding-block:35px 15px}
.study-detail-heading>.study-card-brand .brand-logo{width:48px;height:48px;border-radius:10px}
.study-detail-heading>.study-card-brand>span{font-size:15px}
.study-detail-heading h1{font-size:clamp(40px,5.3vw,74px);line-height:1.08;letter-spacing:-.05em;max-width:1020px;margin-top:24px;overflow-wrap:break-word}
.study-detail-heading>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:740px;margin-top:23px}
.study-facts{display:flex;flex-wrap:wrap;gap:22px 60px;border-top:1px solid var(--line);padding-top:24px;margin-block:28px 20px}
.study-facts>div{max-width:480px}
.study-facts dt{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.study-facts dd{font-size:13px;line-height:1.7;margin:9px 0 0}
.study-deliverables{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.study-deliverables li{font-size:10px;line-height:1.5;padding:7px 10px;border:1px solid #d8cfdf;border-radius:3px;color:#665574}
.study-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:28px}
.study-actions .text-link{min-height:44px}
.study-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:32px 5px;background:#ece7f2;border:1px solid #d6cde0;border-radius:5px;padding:28px}
.study-highlights strong{font-size:40px;line-height:1.2;font-weight:500;letter-spacing:-.05em;display:block}
.study-highlights span{display:block;font-size:12px;line-height:1.7;margin-top:9px;color:#665a72}
.study-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-block:42px 27px}
.study-overview h2{font-size:21px;letter-spacing:-.025em;line-height:1.3}
.study-overview p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:14px}
.study-context{font-size:12px;line-height:1.8;color:#5f536d;border-left:3px solid #9279aa;background:#efebf4;padding:16px 20px;margin-bottom:48px}
.study-pages{scroll-margin-top:110px}
.study-pages-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px}
.study-pages-heading h2{font-size:42px;line-height:1.1;letter-spacing:-.04em;margin-top:13px}
.study-pages-heading>div>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);margin-top:15px}
.study-pages .project-category-heading h3{font-size:23px;line-height:1.3;letter-spacing:-.025em}
.study-page .project-sample-frame{aspect-ratio:16/10;padding:5px;background:#eeeaf2}
.study-page figcaption{font-size:12px}
.study-related{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--line);padding-block:22px 45px}
.study-related a{display:inline-flex;gap:28px;align-items:center;min-height:44px;font-size:12px;line-height:1.5}
.study-related a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.case-spotlight-copy{padding:35px 28px}.case-spotlight-art{min-height:350px}.study-card-featured .study-card-copy{padding:28px}.study-card-featured .study-card-art{padding:12px}.study-card-copy h3{font-size:25px}.study-overview{gap:25px}}
@media(max-width:800px){.case-study-teaser{margin-bottom:65px}.case-study-spotlight{grid-template-columns:minmax(0,1fr)}.case-spotlight-copy{padding:32px}.case-spotlight-art{min-height:320px}.case-print-1{width:64%;left:18%;top:8%}.case-print-2,.case-print-3{width:45%}.case-print-2{left:4%;bottom:12%}.case-print-3{right:4%;bottom:4%}.study-index-heading{padding-top:45px}.study-card-featured{grid-template-columns:minmax(0,1fr)}.study-card-featured .study-card-art{aspect-ratio:16/9;padding:18px}.study-overview{grid-template-columns:minmax(0,1fr);gap:26px}.study-overview p{max-width:700px}.study-highlights{gap:18px;padding:22px}.study-highlights strong{font-size:34px}.study-card-grid{gap:20px}.study-card-copy{padding:24px}.study-card-art{padding:16px}.study-card-copy h3{font-size:24px}.study-detail-heading h1{font-size:clamp(38px,6.4vw,58px)}}
@media(max-width:560px){.case-spotlight-copy{padding:29px 24px}.case-spotlight-copy h2{font-size:38px}.case-spotlight-copy>p:not(.eyebrow){font-size:12px}.case-spotlight-art{min-height:245px}.case-print-1{width:78%;left:11%;top:7%}.case-print-2,.case-print-3{width:53%}.case-print-2{left:1%;bottom:12%}.case-print-3{right:0;bottom:4%}.case-study-teaser{margin-bottom:60px}.study-index-heading{padding-block:34px 28px}.study-index-heading h1{font-size:49px}.study-index-heading>p:last-child{font-size:14px;margin-top:19px}.study-index-nav{gap:8px;padding-bottom:25px}.study-index-nav a{font-size:11px;gap:13px;padding:10px 13px}.study-index-group{margin-block:30px 45px}.study-group-heading h2{font-size:22px}.study-group-heading>span{font-size:10px}.study-card-grid{grid-template-columns:minmax(0,1fr);gap:25px}.study-card-copy,.study-card-featured .study-card-copy{padding:23px}.study-card-copy h3{font-size:25px}.study-card-copy>p:not(.eyebrow){font-size:12px}.study-card-art{padding:20px}.study-card-featured .study-card-art{padding:10px}.study-breadcrumb{padding-top:18px;font-size:10px}.study-detail-heading{padding-top:23px}.study-detail-heading h1{font-size:38px;margin-top:21px}.study-detail-heading>p{font-size:14px;margin-top:18px}.study-facts{gap:20px;margin-top:24px;padding-top:21px}.study-facts dd{font-size:12px}.study-actions{gap:10px 24px;margin-top:25px}.study-actions .button{width:100%}.study-deliverables li{font-size:9px}.study-highlights{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:24px;padding:22px}.study-highlights>div{display:flex;align-items:center;gap:20px}.study-highlights strong{font-size:34px;min-width:115px}.study-highlights span{font-size:11px;margin:0}.study-overview{padding-top:30px}.study-overview h2{font-size:20px}.study-overview p{font-size:12px;line-height:1.9;margin-top:10px}.study-context{font-size:11px;padding:13px 16px;margin-bottom:36px}.study-pages-heading{align-items:flex-start;flex-direction:column;gap:16px}.study-pages-heading h2{font-size:35px}.study-pages .project-category-heading h3{font-size:21px}.study-page .project-sample-frame{aspect-ratio:4/3;padding:3px}.study-page figcaption{font-size:11px}.study-related{gap:4px;padding-block:17px 30px}.study-related a{justify-content:space-between;width:100%}.case-studies-page .gallery-header{gap:14px}.case-studies-page .gallery-back{font-size:10px;gap:8px}.case-studies-page .header .wordmark{font-size:20px}}
@media(prefers-reduced-motion:reduce){.study-card{transition:none}}