.directory-page .site-page{max-width:1280px}.directory-page .lede{max-width:680px}.work-toolbar{flex-direction:column;gap:24px;margin:35px 0 20px;display:flex}.work-search{max-width:360px;color:var(--muted);flex-direction:column;gap:8px;font-size:12px;display:flex}.work-search input{font:inherit;color:var(--ink);background:#f0ede7;border:1px solid #d8cfc2;border-radius:12px;padding:14px;font-size:16px}.directory-page .filters{margin:0}.directory-page .jwork-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.story-tags{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.story-tags a{color:var(--muted);border:1px solid #d8cfc2;border-radius:22px;padding:7px 11px;font-size:12px;text-decoration:none}.story-tags a:hover{color:var(--red);border-color:var(--red)}.work-empty{background:#eee8df;border-radius:12px;padding:25px}.client-story h1,.client-story h2{letter-spacing:-.04em;font-family:Fraunces Variable,serif;font-weight:650;line-height:1.1}.story-intro{text-align:center;max-width:950px;margin:auto;padding:50px 5vw}.story-back{color:var(--muted);text-underline-offset:4px;margin-bottom:30px;font-size:14px;display:inline-block}.story-intro .eyebrow{justify-content:center;margin-inline:auto}.story-intro h1{margin:25px 0;font-size:clamp(42px,6vw,78px)}.story-lede{color:var(--muted);max-width:650px;margin:0 auto 25px;font-size:20px;line-height:1.6}.story-cover{max-width:1152px;margin:0 auto;padding:0 5vw 50px}.story-cover img{border-radius:16px;width:100%;height:auto;display:block}.story-cover figcaption{color:var(--muted);margin-top:15px;font-size:12px}.story-overview{grid-template-columns:1fr 1fr;align-items:center;gap:0 60px;max-width:1152px;margin:auto;padding:40px 5vw 65px;display:grid}.story-overview .eyebrow{grid-column:1/-1}.story-overview h2{font-size:44px}.story-overview>p:last-child{color:var(--muted);font-size:18px;line-height:1.7}.story-chapters>section{scroll-margin-top:var(--nav-h);background:#eee7dc;grid-template-columns:50px 1fr 1fr;gap:35px;padding:50px max(5vw,50vw - 525px);display:grid}.story-chapters>section:nth-child(2){background:var(--red);color:#fff}.story-chapters>section:nth-child(2) .eyebrow,.story-chapters>section:nth-child(2) a{color:inherit}.story-chapters>section:nth-child(2) .eyebrow:before{background:currentColor}.story-chapters h2{margin:14px 0 0;font-size:34px}.story-chapters p{font-size:16px;line-height:1.7}.story-chapters a{color:var(--red);text-underline-offset:5px;font-size:14px}.story-number{font:600 30px Fraunces Variable,serif}.story-invite{text-align:center;padding:65px 24px}.story-invite h2{margin:20px 0;font-size:48px}.story-invite .eyebrow{justify-content:center;margin-inline:auto}.story-invite p:not(.eyebrow){color:var(--muted);margin-bottom:25px}.story-invite .story-back{margin:24px auto 0;display:block}@media (width<=800px){.directory-page .jwork-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.story-overview{text-align:center;grid-template-columns:1fr;gap:5px}.story-overview .eyebrow{justify-content:center;margin-inline:auto}.story-chapters>section{text-align:center;grid-template-columns:1fr;gap:14px}.story-chapters .eyebrow{justify-content:center;margin-inline:auto}.story-overview h2{font-size:35px}}@media (width<=500px){.directory-page .site-page{text-align:center}.directory-page .eyebrow{justify-content:center;margin-inline:auto}.work-search{text-align:left;max-width:none}.directory-page .filters{justify-content:center;gap:7px}.directory-page .filters button{padding:10px 13px;font-size:13px}.directory-page .jwork-grid{grid-template-columns:1fr}}.story-draft{color:#67542f;text-align:center;background:#eee3cf;margin:0;padding:12px 24px;font-size:12px}.story-gallery,.story-challenge,.story-next{max-width:1152px;margin:auto;padding:55px 5vw}.story-gallery h2,.story-challenge h2,.story-next h2{margin:15px 0 24px;font-size:clamp(30px,4vw,45px)}.story-gallery>div{grid-template-columns:1fr 1fr;gap:25px;display:grid}.story-gallery figure{margin:0}.story-gallery figure:first-child{grid-column:1/-1}.story-gallery img{border-radius:12px;width:100%;height:auto;display:block}.story-gallery figcaption{color:var(--muted);margin-top:12px;font-size:12px}.story-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}.story-stats article{background:#eee7dc;border-radius:12px;padding:25px}.story-stats strong{color:var(--red);font:650 clamp(25px,3vw,39px) Fraunces Variable,serif}.story-stats h3{margin:15px 0;font-size:16px;line-height:1.4}.story-stats p,.story-challenge>p,.story-next>p{color:var(--muted);font-size:15px;line-height:1.7}.story-quote{text-align:center;background:#eee7dc;padding:45px max(5vw,50vw - 500px)}.story-quote .eyebrow{justify-content:center;margin-inline:auto}.story-quote blockquote{margin:20px 0;font:550 clamp(25px,3vw,37px)/1.4 Fraunces Variable,serif}.story-quote>p:last-child{color:var(--muted);font-size:13px}@media (width<=760px){.story-stats,.story-gallery>div{grid-template-columns:1fr}.story-gallery,.story-challenge,.story-next{text-align:center;padding-block:35px}.story-gallery .eyebrow,.story-challenge .eyebrow,.story-next .eyebrow{justify-content:center;margin-inline:auto}}.chapter-media,.website-demo,.chapter-results{grid-column:1/-1;min-width:0}.chapter-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.chapter-media figure{min-width:0;margin:0}.chapter-media figure:only-child{grid-column:1/-1;max-width:900px;margin:auto}.chapter-media img{border-radius:10px;width:100%;height:auto;display:block}.chapter-media figcaption{margin-top:12px;font-size:12px;line-height:1.5}.website-demo{color:var(--ink);text-align:center;background:#f0ede7;border-radius:16px;padding:25px}.device-controls{justify-content:center;gap:8px;display:flex}.device-controls button{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #d3c8b7;border-radius:30px;padding:12px 20px;font:600 14px Figtree Variable,sans-serif}.device-controls button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}.website-capture{overscroll-behavior:contain;background:#fff;border:6px solid #d8d0c3;border-top-width:22px;border-radius:12px;width:100%;height:580px;margin:20px auto;overflow:hidden auto}.website-capture[hidden]{display:none}.website-capture img{width:100%;height:auto;display:block}.capture-tablet{max-width:650px}.capture-phone{max-width:390px}.story-chapters .device-source a{color:var(--red)!important}.story-chapters .device-source{color:var(--muted);font-size:13px}.chapter-results>h3{margin:15px 0;font:600 30px Fraunces Variable,serif}.story-chapters .chapter-results .story-stats article{color:var(--ink);background:#f7f3ec}.story-stats h4{font-size:16px;line-height:1.5}.device-controls button:focus-visible,.website-capture:focus-visible{outline:2px solid var(--red);outline-offset:4px}@media (width<=760px){.chapter-media{grid-template-columns:1fr}.website-demo{padding:15px 10px}.website-capture{height:430px}.device-controls button{padding:10px 14px;font-size:12px}}.capture-page{width:100%}.capture-slice{width:100%;position:relative;overflow:hidden}.website-capture .capture-slice img{width:100%;max-width:none;height:auto;display:block;position:absolute;top:0;left:0}.capture-phone{aspect-ratio:390/844;border:3px solid #bcb3a7;border-radius:22px;max-width:320px;height:auto;box-shadow:0 4px 16px #22180f0a}.website-capture{scroll-behavior:auto}.website-capture.capture-tablet{aspect-ratio:820/1180;border-width:4px;border-radius:18px;max-width:520px;height:auto}