*{box-sizing:border-box}body{margin:0;background:#f1efe8;color:#15140f;font:17px/1.65 system-ui,sans-serif}main,nav,footer{max-width:1050px;margin:auto;padding:28px clamp(20px,5vw,60px)}nav{border-bottom:1px solid #aaa;display:flex;justify-content:space-between;gap:20px}a{color:#244f43;text-underline-offset:5px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(38px,6vw,68px);max-width:18ch;margin:24px 0}h2{font-size:32px;margin-top:48px}p,li{max-width:75ch}figure{margin:32px 0}img{width:100%;height:auto;border:1px solid #b8b4aa}figcaption,.meta{font-size:14px;color:#55524b}table{width:100%;border-collapse:collapse;margin:24px 0}td,th{text-align:left;padding:12px;border-bottom:1px solid #aaa}.callout{border-left:3px solid #a85639;padding:12px 20px;background:#e9e5dc}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}footer{border-top:1px solid #aaa;margin-top:48px}/* Editorial case studies, connected by the portfolio's transit system. */
:root{--accent:#d97757;--ink:#141812;--muted:#596052}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:#f1efe8;color:var(--ink);font-family:'Helvetica Neue',Arial,sans-serif}body:before{content:'';position:fixed;left:0;top:0;height:4px;background:var(--accent);width:100%;z-index:10}nav{max-width:none;padding:22px max(24px,calc((100vw - 1080px)/2));background:#151914;color:#fff;border-bottom:1px solid #565d50;align-items:center;font-size:12px;letter-spacing:.035em}nav a{color:inherit;text-decoration:none}nav a:first-child:before{content:'C';display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#151914;font-weight:700;margin-right:12px}nav a:hover{text-decoration:underline}main{max-width:1120px;padding-top:62px}main>.meta{font:11px/1.7 monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-top:2px solid var(--ink);padding-top:18px}h1{font-family:'Helvetica Neue',Arial,sans-serif;font-weight:700;letter-spacing:-.055em;font-size:clamp(42px,6vw,76px);line-height:1.04;max-width:20ch;margin:28px 0}main>h1+p{font-size:clamp(19px,2.3vw,24px);line-height:1.5;color:#515a49;max-width:58ch;margin-bottom:32px}h2{font-family:'Helvetica Neue',Arial,sans-serif;font-weight:650;letter-spacing:-.035em;font-size:clamp(26px,3vw,36px);margin-top:0}section{padding:36px 0;border-top:1px solid #bdc1b4;scroll-margin-top:30px}section p,section li{font-size:17px;color:#47513f}section p{max-width:69ch}main>figure{margin:44px -20px}figure{background:#e6e6dd;padding:clamp(10px,2.5vw,28px);border:1px solid #c7cabd}img{display:block;max-height:800px;object-fit:contain;background:#fafaf5;border:0}figcaption{font-size:12px;line-height:1.6;max-width:90ch;margin-top:16px;color:#59614f}.callout{border:0;border-left:4px solid var(--accent);background:#e3e6da;padding:22px 26px;margin:28px 0 40px;font-size:15px;max-width:80ch}.case-stops{display:flex;gap:0;flex-wrap:wrap;margin:35px 0 50px;border-top:1px solid #bec2b3;border-bottom:1px solid #bec2b3;padding:12px 0}.case-stops a{position:relative;display:flex;align-items:center;gap:8px;padding:9px 20px 9px 0;font-size:12px;color:#46513d;text-decoration:none}.case-stops a:before{content:'';width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;flex:none}.case-stops a:hover{color:#111;text-decoration:underline}td,th{font-size:14px}th{background:#182016;color:#f2f3e9}footer{max-width:1000px;padding:42px 30px;background:#161c14;color:#d9dfcf;border-top:5px solid var(--accent);margin:48px auto 35px}footer p{font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.035em;max-width:24ch;margin:0 0 24px}footer a{color:#f3b192;font-size:14px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.case-enter{animation:case-arrival .7s both}@keyframes case-arrival{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:600px){nav{padding:16px 20px;gap:15px;font-size:10px}main{padding:32px 24px}main>figure{margin:28px -10px}h1{font-size:44px}section{padding:28px 0}.case-stops{margin:26px 0 32px}footer{margin:20px 14px;padding:28px 24px}table{display:block;overflow-x:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-enter{animation:none}}