/* Client stories: static project imagery and clearly attributed experiences. */
.stories-hero{padding:64px 0 34px;border-bottom:2px solid var(--line)}
.stories-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:74px;align-items:center}
.stories-hero h1{font-size:clamp(48px,6.1vw,82px);margin-bottom:28px}
.stories-hero h1 em{display:inline-block;margin-top:.05em;font-style:normal;background:var(--lime);color:#20231f;padding:0 .08em;line-height:1.08}
.stories-intro{max-width:620px;font-size:19px;color:var(--muted)}
.stories-hero-note{border:2px solid var(--line);padding:34px;background:var(--lavender);box-shadow:7px 7px 0 var(--line);transform:rotate(1.5deg)}
.stories-hero-note>p{font-size:28px;line-height:1.22;letter-spacing:-.035em;margin:0}
.stories-hero-note strong{display:block;margin-top:18px}
.stories-note-rule{display:block;width:56px;height:5px;background:var(--ink);margin:26px 0}
.stories-hero-note .stories-note-small{font-size:14px;line-height:1.6;letter-spacing:0;color:var(--muted);margin-bottom:20px}
.stories-hero-note .text-link{font-size:13px}
.stories-jump{display:flex;flex-wrap:wrap;gap:10px 24px;border-top:1px solid var(--line);padding-top:25px;margin-top:55px}
.stories-jump a{font-size:12px;font-weight:700;padding:6px 0;text-decoration:underline;text-underline-offset:5px}
.stories-jump a:hover{text-decoration-thickness:2px}
.stories-list{padding-top:45px}
.stories-context{display:grid;grid-template-columns:1fr 2.3fr;gap:35px;align-items:start;padding-bottom:44px}
.stories-context .eyebrow{margin:3px 0 0}
.stories-context p{font-size:13px;line-height:1.65;color:var(--muted);max-width:850px;margin:0}
.stories-reviews-link{font-size:12px;margin-top:14px}
.client-story{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--line);background:var(--white);margin-bottom:42px;box-shadow:6px 6px 0 var(--line);scroll-margin-top:115px}
.story-project{min-width:0;border-right:2px solid var(--line)}
.story-project-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 23px;font:11px/1.45 Consolas,'Courier New',monospace;background:var(--paper);border-bottom:1px solid var(--line)}
.story-project-label>span:last-child{color:var(--muted);font-size:10px}
.story-screen{display:block;background:var(--paper);border-bottom:2px solid var(--line)}
.story-browser{display:block;padding:9px 23px;border-bottom:1px solid var(--line);font:11px/1.5 Consolas,'Courier New',monospace;overflow-wrap:anywhere}
.story-browser:before{content:'● ● ●';font-size:8px;letter-spacing:2px;margin-right:14px;color:var(--muted)}
.story-screen img{display:block;width:100%;aspect-ratio:1265/712;object-fit:cover;object-position:top}
.story-project-caption{padding:26px 30px 30px}
.story-project-caption h2{font-size:31px;letter-spacing:-.045em;margin-bottom:14px}
.story-project-caption p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:18px}
.story-project-caption .story-timeframe{font:11px/1.5 Consolas,'Courier New',monospace;color:var(--ink);margin-bottom:16px}
.story-project-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.story-project-links .text-link{font-size:12px;gap:8px}
.story-outcome{display:flex;flex-direction:column;padding:40px;min-width:0}
.story-outcome>.eyebrow{font-size:11px;margin-bottom:25px}
.story-outcome h3{font-size:clamp(29px,3.1vw,42px);line-height:1.08;letter-spacing:-.045em;margin-bottom:24px}
.story-result{font-size:17px;line-height:1.65;margin-bottom:30px}
.story-relationship{border-top:1px solid var(--line);padding-top:22px;margin-top:auto}
.story-relationship .eyebrow{margin-bottom:12px;font-size:10px}
.story-relationship p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.client-story:nth-of-type(even) .story-outcome{background:var(--lavender)}
.stories-source-note{font-size:12px;color:var(--muted);line-height:1.65;margin:24px 0 0;max-width:920px}
.stories-source-note a{text-decoration:underline;text-underline-offset:3px}
.stories-approach{background:var(--paper);border-top:2px solid var(--line);padding-top:68px}
.stories-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:42px}
.stories-values article{border-top:2px solid var(--line);padding-top:25px;min-width:0}
.stories-values .eyebrow{font-size:10px;margin-bottom:20px}
.stories-values h3{font-size:28px;margin-bottom:16px}
.stories-values p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}
.stories-final-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;flex-shrink:0}
.stories-final-actions .text-link{font-size:13px}
.stories-teaser{border-top:2px solid var(--line);background:var(--paper)}
.stories-teaser .section-head h2{max-width:720px;font-size:clamp(34px,3.6vw,49px)}
.stories-teaser .section-head>p{max-width:325px}
.story-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.story-highlight{border:2px solid var(--line);padding:30px 27px;background:var(--white);box-shadow:4px 4px 0 var(--line);display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.story-highlight:nth-child(2){background:var(--lavender)}
.story-highlight .eyebrow{font-size:11px;margin-bottom:23px}
.story-highlight h3{font-size:31px;line-height:1.08;letter-spacing:-.045em;margin-bottom:20px}
.story-highlight p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:23px}
.story-highlight .text-link{font-size:12px;margin-top:auto;gap:8px}
.stories-teaser-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px 30px;margin-top:32px}
.stories-teaser-actions .text-link{font-size:13px}
.stories-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1050px){.stories-hero-grid{gap:42px;grid-template-columns:1.3fr 1fr}.stories-hero-note{padding:28px}.stories-hero-note>p{font-size:25px}.story-outcome{padding:30px}.story-project-caption{padding:25px}.story-result{font-size:16px}.story-highlight{padding:26px 22px}.story-highlight h3{font-size:28px}}
@media(max-width:860px){.stories-hero{padding-top:44px}.stories-hero-grid{grid-template-columns:1fr;gap:35px}.stories-hero h1{font-size:62px}.stories-hero-note{transform:none;max-width:570px}.stories-hero-note>p{font-size:27px}.stories-jump{margin-top:38px}.stories-context{grid-template-columns:1fr;gap:10px;padding-bottom:32px}.client-story{grid-template-columns:1fr;max-width:680px;margin-inline:auto}.story-project{border-right:0;border-bottom:2px solid var(--line)}.story-outcome{padding:30px}.story-outcome h3{max-width:560px;font-size:36px}.story-relationship{margin-top:0}.stories-values{grid-template-columns:1fr;gap:30px}.stories-values h3 br{display:none}.story-highlights{grid-template-columns:1fr}.story-highlight{padding:28px}.story-highlight h3{font-size:32px}.story-highlight p{max-width:670px}.stories-teaser .section-head>p{max-width:600px}.stories-final-actions{flex-shrink:1}}
@media(max-width:480px){.stories-hero h1{font-size:clamp(41px,11vw,51px)}.stories-intro{font-size:17px}.stories-hero-note{padding:24px;box-shadow:5px 5px 0 var(--line)}.stories-hero-note>p{font-size:25px}.stories-jump{gap:8px 20px}.stories-jump a{font-size:11px}.client-story{box-shadow:4px 4px 0 var(--line);margin-bottom:30px}.story-project-label{padding:13px 18px}.story-browser{padding:9px 18px;font-size:10px}.story-project-caption,.story-outcome{padding:24px 20px}.story-project-caption h2{font-size:28px}.story-outcome h3{font-size:32px}.story-result{font-size:16px}.story-highlight{padding:26px 22px}.story-highlight h3{font-size:29px}.stories-teaser-actions{align-items:flex-start;flex-direction:column}.stories-final-actions .button{width:100%}.stories-source-note{font-size:11px}}