/* Elizabeth Carpenter / editorial portfolio system / October 2026 */
:root{--s-ink:#12373e;--s-deep:#102b32;--s-paper:#faf8f2;--s-sea:#53a69c;--s-text:#455e62;--s-line:#cbd6d0;--s-wash:#e8eee7;--s-sans:Arial,Helvetica,sans-serif}
.s-page{margin:0;background:var(--s-paper);color:var(--s-ink);font:16px/1.65 var(--s-sans);-webkit-font-smoothing:antialiased}
.s-page *{box-sizing:border-box}.s-page h1,.s-page h2,.s-page h3,.s-page p,.s-page figure,.s-page dl{margin:0}.s-page h1,.s-page h2,.s-page h3{line-height:1.06;letter-spacing:-.055em;font-weight:500;text-wrap:balance}.s-page h1{font-size:clamp(3rem,6.7vw,6.5rem)}.s-page h2{font-size:clamp(2.2rem,4.2vw,4.1rem)}.s-page h3{font-size:clamp(1.4rem,2.5vw,2rem)}.s-page p+p{margin-top:18px}.s-page a{color:inherit;text-underline-offset:5px}.s-page img{max-width:100%;height:auto;display:block}.s-page button{font:inherit}.s-page main{overflow:clip}.s-page [hidden]{display:none!important}
.s-wrap,.d-header.d-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.s-section{padding-block:100px}.s-rule{border-top:1px solid var(--s-line)}.s-label{font:600 11px/1.6 var(--s-sans);letter-spacing:.12em;text-transform:uppercase;color:#366d69;margin-bottom:20px!important}.s-note{font-size:12px;line-height:1.65;color:var(--s-text)}.s-lead{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.65;color:var(--s-text);max-width:56ch}.s-accent{color:#2e7973}.s-page ::selection{background:#b2d9cb;color:#12373e}.s-page :focus-visible,.d-header :focus-visible{outline:3px solid #2e7973;outline-offset:5px}.s-skip{position:absolute;left:20px;top:-90px;padding:12px 20px;background:var(--s-ink);color:white!important;z-index:99}.s-skip:focus{top:12px}
.d-header.d-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-block:22px;border-bottom:1px solid var(--s-line);font-family:var(--s-sans)}.d-header .d-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--s-ink);font-size:17px;font-weight:600;letter-spacing:-.04em;line-height:1.2}.d-header .d-brand img{width:42px;height:42px;flex:none}.d-header nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.d-header nav a{display:inline-flex;align-items:center;min-height:44px;font:500 13px/1.4 var(--s-sans);text-decoration:none;color:var(--s-ink);border:0;padding:0}.d-header nav a:hover{text-decoration:underline;text-underline-offset:7px}.d-header nav .d-nav-contact{padding:0;border:0}.s-arrow{display:inline-block;transition:transform .18s ease}.s-link:hover .s-arrow{transform:translate(3px,-3px)}
.s-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.s-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 21px;background:var(--s-ink);color:var(--s-paper)!important;font-size:13px;font-weight:600;text-decoration:none;min-height:48px;transition:background .18s}.s-button:hover{background:#246f70}.s-link{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:13px;font-weight:600}.s-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:70px;align-items:center;padding-block:66px 54px}.s-hero h1{max-width:11ch;line-height:1.01;font-weight:500;margin-bottom:26px}.s-hero .s-lead{max-width:46ch;font-size:17px}.s-hero-photo{position:relative}.s-hero-photo img{width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:center;border-radius:0}.s-hero-photo figcaption{padding-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:11px}.s-hero-photo figcaption span{color:var(--s-text)}.s-credentials{display:flex;align-items:center;gap:20px 40px;flex-wrap:wrap;padding:22px 0;border-block:1px solid var(--s-line);font-size:12px;color:var(--s-text)}.s-credentials strong{color:var(--s-ink);font-weight:500}.s-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.s-section-head p:last-child{max-width:38ch;color:var(--s-text);font-size:15px}
.s-feature{display:grid;grid-template-columns:1.05fr 1fr;background:var(--s-deep);color:var(--s-paper);text-decoration:none;min-height:410px}.s-feature-copy{padding:48px;display:flex;flex-direction:column;align-items:start}.s-feature .s-label{color:#9ecfc0}.s-feature h3{font-size:clamp(2rem,3.4vw,3.2rem);max-width:15ch}.s-feature-copy>p:not(.s-label){color:#c2d4d3;max-width:42ch;margin-top:23px;font-size:15px}.s-feature-copy .s-link{margin-top:auto;padding-top:25px}.s-feature-art{padding:40px;display:flex;align-items:center;justify-content:center;background:#163e45;overflow:hidden}.s-signal{width:100%;max-width:370px;border:1px solid #467078;padding:26px;position:relative}.s-signal-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#a8cfca}.s-signal-line{margin:30px 0 22px;height:92px;display:flex;align-items:end;gap:9px}.s-signal-line i{display:block;flex:1;background:#3e7776;min-height:10px}.s-signal-line i:nth-child(1){height:23%}.s-signal-line i:nth-child(2){height:48%}.s-signal-line i:nth-child(3){height:36%}.s-signal-line i:nth-child(4){height:62%}.s-signal-line i:nth-child(5){height:48%}.s-signal-line i:nth-child(6){height:85%;background:#8fc7b6}.s-signal-line i:nth-child(7){height:65%}.s-signal-line i:nth-child(8){height:100%;background:#8fc7b6}.s-signal strong{font-size:25px;font-weight:400;line-height:1.2;display:block;letter-spacing:-.04em}.s-signal small{display:block;margin-top:20px;color:#bad2cc;font-size:10px;line-height:1.6}.s-feature:hover .s-link,.s-work:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.s-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.s-work{display:block;text-decoration:none}.s-work-art{min-height:295px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:#e3eadd}.s-work-art.s-blue{background:#dce7e8}.s-work-art .s-label{margin:0!important}.s-type-art{font-size:clamp(2.3rem,3.8vw,3.6rem);line-height:1.02;letter-spacing:-.06em;font-weight:500}.s-type-art span{display:block;color:#428478}.s-art-foot{display:flex;justify-content:space-between;gap:12px;font-size:10px;border-top:1px solid #9eb8ad;padding-top:14px;margin-top:25px}.s-work-copy{padding-top:23px}.s-work-copy .s-label{margin-bottom:11px!important}.s-work-copy h3{font-size:26px;line-height:1.17}.s-work-copy>p:last-child{color:var(--s-text);font-size:14px;margin-top:14px;max-width:48ch}.s-creative{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;background:#edeadf;margin-top:48px;text-decoration:none}.s-creative-image{overflow:hidden}.s-creative-image img{width:100%;aspect-ratio:1.35;object-fit:cover;transition:transform .4s ease}.s-creative:hover img{transform:scale(1.025)}.s-creative-copy{padding:48px}.s-creative-copy h3{font:400 clamp(2.4rem,4vw,3.8rem)/1.08 Georgia,serif;letter-spacing:-.045em}.s-creative-copy>p:not(.s-label){font-size:15px;color:var(--s-text);margin-top:22px}.s-creative-copy .s-link{margin-top:26px}
.s-method{background:var(--s-deep);color:var(--s-paper)}.s-method .s-label{color:#a6d6c7}.s-method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.s-method h2{max-width:12ch}.s-method-intro>p:last-child{color:#bfd1d0;margin-top:26px;max-width:40ch}.s-method details{border-top:1px solid #48646a;padding:0}.s-method details:last-child{border-bottom:1px solid #48646a}.s-method summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:21px;letter-spacing:-.025em}.s-method summary::-webkit-details-marker{display:none}.s-method summary::after{content:'+';color:#9acbbb}.s-method details[open] summary::after{content:'−'}.s-method details p{color:#c5d5d3;font-size:15px;padding-bottom:23px;max-width:48ch}.s-method details a{display:inline-block;margin-top:12px;color:var(--s-paper);font-size:13px}
.s-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.s-about-grid h2{max-width:12ch}.s-about-grid .s-lead{margin-top:25px}.s-about-photo img{width:100%;aspect-ratio:1.55;object-fit:cover}.s-about-photo figcaption{font-size:11px;color:var(--s-text);margin-top:12px}.s-about-meta{border-top:1px solid var(--s-line);padding-top:24px;margin-top:34px;font-size:14px;color:var(--s-text)}.s-more{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:32px}.s-more a{padding:20px 0;border-top:1px solid var(--s-line);display:flex;justify-content:space-between;gap:20px;text-decoration:none;font-size:16px}.s-more small{display:block;font-size:11px;color:var(--s-text);margin-top:3px}.s-more a:hover>span:first-child{text-decoration:underline}.s-contact{border-top:1px solid var(--s-line);padding-block:70px;display:flex;align-items:center;justify-content:space-between;gap:40px}.s-contact h2{max-width:15ch}.s-footer{padding:25px 0 35px;border-top:1px solid var(--s-line);display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--s-text)}.s-footer button{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font-size:11px}.s-footer-note{width:100%;max-width:95ch;font-size:11px;line-height:1.6}
.s-case-hero{padding-block:60px 52px}.s-back{font-size:12px;display:inline-flex;margin-bottom:38px}.s-case-hero h1{max-width:16ch;font-size:clamp(3rem,6vw,5.7rem);margin-bottom:28px}.s-case-hero>.s-lead{max-width:64ch}.s-facts{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:30px;margin-top:40px!important;padding-top:24px;border-top:1px solid var(--s-line)}.s-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#366d69;margin-bottom:9px}.s-facts dd{margin:0;font-size:14px;line-height:1.6}.s-case-art{padding:45px 48px;background:var(--s-deep);color:var(--s-paper)}.s-case-art .s-label{color:#9dcfc1}.s-decision-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.s-decision-flow div{border-top:1px solid #52736f;padding-top:22px}.s-decision-flow small{font-size:11px;color:#aad1c5}.s-decision-flow h3{font-size:26px;margin:19px 0 12px}.s-decision-flow p{font-size:13px;color:#bfd2cf}.s-case-art>.s-note{color:#bfd2cf;margin-top:34px;font-size:11px}.s-case-body{display:grid;grid-template-columns:210px minmax(0,1fr);gap:80px;padding-block:70px}.s-case-nav{align-self:start;position:sticky;top:25px}.s-case-nav p{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.s-case-nav a{display:block;text-decoration:none;padding:9px 0;font-size:12px;color:var(--s-text)}.s-case-nav a:hover{color:var(--s-ink);text-decoration:underline}.s-chapter{padding-bottom:45px;margin-bottom:45px;border-bottom:1px solid var(--s-line);scroll-margin-top:30px}.s-chapter:last-child{margin-bottom:0}.s-chapter h2{font-size:clamp(1.9rem,3vw,2.8rem);max-width:22ch;margin-bottom:22px}.s-chapter h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:24px 0 12px}.s-chapter p{max-width:69ch;color:var(--s-text);font-size:16px}.s-chapter ul{padding-left:20px;color:var(--s-text)}.s-chapter li{margin-bottom:10px}.s-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.s-comparison>div{background:var(--s-wash);padding:25px}.s-comparison h3{margin-top:0}.s-comparison p{font-size:14px}.s-evidence{border-left:3px solid #53a69c;padding:8px 0 8px 24px;margin-top:28px}.s-evidence p{font-size:13px}.s-next{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:36px 70px}.s-next h2{font-size:28px}.s-career-row{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;padding:25px 0;border-top:1px solid var(--s-line)}.s-career-row h3{font-size:19px;line-height:1.35;letter-spacing:-.025em}.s-career-row p{font-size:14px;color:var(--s-text)}.s-sample{padding:35px;background:#e8eee7;margin-top:30px}.s-sample h3{font-size:29px;margin-top:0}.s-sample p{font-size:15px;margin-top:16px}.s-page .analytics-notice{position:fixed;bottom:16px;left:16px;right:16px;max-width:750px;padding:24px;background:var(--s-paper);border:1px solid var(--s-line);box-shadow:0 10px 30px #12373e20;z-index:50;display:flex;gap:24px;align-items:center}.s-page .analytics-notice h2{font-size:20px;letter-spacing:-.02em}.s-page .analytics-notice p{font-size:13px;margin-top:8px}.s-page .analytics-actions{display:flex;gap:12px}.s-page .analytics-actions button{background:var(--s-ink);color:white;border:1px solid var(--s-ink);padding:10px 16px;font-size:13px;cursor:pointer}.s-page .analytics-actions button:first-child{background:transparent;color:var(--s-ink)}
/* Bring retained, richly illustrated case studies into the same outer frame. */
body:not(.s-page){background:var(--s-paper)}body:not(.s-page) .case-page-intro{padding-top:55px}body:not(.s-page) .case-page-intro h1{font-weight:500}body:not(.s-page) .case-page-nav{gap:20px}body:not(.s-page) .project{border-radius:0;box-shadow:none}body:not(.s-page) .d-footer,body:not(.s-page) .site-footer{border-top-color:var(--s-line)}
@media(min-width:1600px){.s-hero h1{font-size:108px}}
@media(max-width:1000px){.s-wrap,.d-header.d-wrap{width:calc(100% - 56px)}.s-hero{gap:36px;grid-template-columns:1.25fr 1fr}.s-hero h1{font-size:clamp(3.3rem,7.2vw,5rem)}.s-section{padding-block:75px}.s-feature-copy,.s-feature-art,.s-creative-copy{padding:30px}.s-method-grid{gap:45px}.s-about-grid{gap:38px}.s-case-body{grid-template-columns:160px minmax(0,1fr);gap:40px}.s-decision-flow{grid-template-columns:1fr 1fr}.s-work-grid{gap:28px}}
@media(max-width:700px){.s-wrap,.d-header.d-wrap{width:calc(100% - 40px)}.d-header.d-wrap{gap:10px;padding-block:16px}.d-header .d-brand{font-size:16px}.d-header .d-brand img{width:34px;height:34px}.d-header nav{width:100%;gap:24px;justify-content:space-between}.d-header nav a{font-size:12px;min-height:36px}.s-hero{grid-template-columns:1fr;padding-block:42px;gap:35px}.s-hero h1{font-size:clamp(3.2rem,12.5vw,5.4rem);max-width:12ch}.s-hero .s-lead{font-size:16px}.s-hero-photo{max-width:440px;width:100%}.s-hero-photo img{aspect-ratio:1.2;object-position:center 40%}.s-section{padding-block:58px}.s-section-head{display:block}.s-section-head p:last-child{margin-top:20px}.s-feature,.s-work-grid,.s-creative,.s-method-grid,.s-about-grid,.s-case-body{grid-template-columns:1fr}.s-feature-copy{padding:30px}.s-feature h3{font-size:36px}.s-feature-art{padding:30px;min-height:300px}.s-work-grid{gap:36px;margin-top:36px}.s-work-art{min-height:270px}.s-creative{margin-top:36px}.s-creative-copy{padding:30px}.s-creative-image img{aspect-ratio:1.4}.s-method-grid{gap:35px}.s-about-grid{gap:35px}.s-more{grid-template-columns:1fr}.s-contact{display:block;padding-block:55px}.s-contact .s-button{margin-top:28px}.s-facts{grid-template-columns:1fr;gap:22px}.s-case-hero{padding-block:38px}.s-case-hero h1{font-size:clamp(2.8rem,10.4vw,4.2rem)}.s-case-art{padding:28px}.s-decision-flow{gap:30px 22px}.s-decision-flow h3{font-size:22px}.s-case-body{gap:30px;padding-block:40px}.s-case-nav{position:static;display:flex;gap:8px 22px;flex-wrap:wrap;border-bottom:1px solid var(--s-line);padding-bottom:20px}.s-case-nav p{width:100%;margin-bottom:0}.s-case-nav a{font-size:12px;padding:5px 0}.s-comparison{grid-template-columns:1fr}.s-chapter{padding-bottom:30px;margin-bottom:35px}.s-next{display:block}.s-next .s-link{margin-top:20px}.s-career-row{grid-template-columns:1fr;gap:12px}.s-page .analytics-notice{display:block}.s-page .analytics-actions{margin-top:15px}.s-sample{padding:25px}.s-credentials{gap:12px 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.s-case-nav,.d-header nav,.analytics-notice,.s-actions,.s-footer button{display:none!important}.s-page{font-size:11pt}.s-wrap{width:100%}.s-case-body{display:block}.s-chapter{break-inside:avoid}.s-section{padding-block:30px}.s-hero h1{font-size:38pt}.s-case-hero h1{font-size:36pt}}