/* Portrait client stories: clean footage, useful context beneath it. */
.client-stories{padding:30px 0 36px;background:#003c2d;color:#f4f3ea;overflow:hidden}
.stories-heading{width:min(1400px,calc(100% - 88px));margin:0 auto 22px;display:flex;justify-content:space-between;align-items:end;gap:30px}
.stories-heading .eyebrow{font:500 10px/1.5 'Manrope',Arial,sans-serif;letter-spacing:.13em;color:#b9d1c5;margin:0 0 10px;text-transform:uppercase}
body .stories-heading h1,body .stories-heading h2{font:500 clamp(32px,3.3vw,48px)/1.08 'Manrope',Arial,sans-serif;letter-spacing:-.055em;margin:0;color:#f4f3ea}
.stories-heading-copy{display:flex;align-items:end;gap:28px}
body .stories-heading-copy p{font:400 12px/1.7 'Manrope',Arial,sans-serif;color:#c5d8ce;margin:0;max-width:300px}
.stories-navigation{display:flex;align-items:center;gap:8px;flex-shrink:0}
.stories-navigation button{display:grid;place-content:center;width:44px;height:44px;border:1px solid #bed9cb66;border-radius:50%;background:transparent;color:#f4f3ea;font:400 19px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.stories-navigation button:hover{background:#ffffff12;border-color:#e1ede5}
.stories-navigation button:disabled{opacity:.3;cursor:default}
.stories-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;width:min(1400px,calc(100% - 88px));margin:auto;padding:0 1px 18px;scrollbar-width:thin;scrollbar-color:#789c8b #174c3e}
.story-card{min-width:0;scroll-snap-align:start;--story-bg:#0c0c0c;--story-ink:#fff;--story-muted:#c8c8c8;--story-accent:#ff1a1a;--story-font:'Bodoni Moda',Georgia,serif;background:var(--story-bg);color:var(--story-ink);border:1px solid #ffffff2b;display:flex;flex-direction:column}
.story-card[data-story=casa-jardin]{--story-bg:#fffdf9;--story-ink:#5a382c;--story-muted:#765548;--story-accent:#b34067;--story-font:'Fraunces',Georgia,serif}
.story-card[data-story=skybox]{--story-bg:#071426;--story-ink:#fff;--story-muted:#bed0e5;--story-accent:#75e4d5;--story-font:'Barlow Condensed',Arial,sans-serif}
.story-card[data-story=penny-z]{--story-bg:#164c3b;--story-ink:#fffdf9;--story-muted:#e8c8d7;--story-accent:#f08cac;--story-font:'Manrope',Arial,sans-serif}
.story-card[data-story=h-wellness]{--story-bg:#12110f;--story-ink:#f4eddf;--story-muted:#d7cbb6;--story-accent:#d4b671;--story-font:'Cormorant Garamond',Georgia,serif}
.story-card[data-story=sunday-blitz]{--story-bg:#101012;--story-ink:#fff;--story-muted:#d0d0d3;--story-accent:#ff3645;--story-font:'Barlow Condensed',Arial,sans-serif}
.story-picture{position:relative;aspect-ratio:9/16;overflow:hidden;background:#101612;flex-shrink:0}
.story-picture>img,.story-picture>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.story-picture>img{opacity:1}
.story-picture>video{opacity:0;transition:opacity .55s ease}
.story-card.has-video .story-picture>video{opacity:1}
.story-caption{display:flex;flex-direction:column;flex:1;padding:18px 18px 14px;border-top:2px solid var(--story-accent)}
.story-caption>a{display:block;text-decoration:none;color:var(--story-ink)}
.story-topic{display:block;font:500 8px/1.5 'Manrope',Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--story-muted);margin-bottom:7px}
body .story-caption h2,body .story-caption h3{font:500 clamp(22px,2.15vw,30px)/1.1 var(--story-font);letter-spacing:-.025em;color:var(--story-ink);margin:0}
.story-card[data-story=skybox] h2,.story-card[data-story=skybox] h3,.story-card[data-story=sunday-blitz] h2,.story-card[data-story=sunday-blitz] h3{font-weight:700;text-transform:uppercase;letter-spacing:0}
body[data-page] .story-scope{font:400 10px/1.7 'Manrope',Arial,sans-serif;color:var(--story-muted);margin:12px 0 17px;min-height:3.4em}
.story-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:11px;border-top:1px solid color-mix(in srgb,var(--story-ink) 25%,transparent);margin-top:auto}
.story-actions>a{font:500 10px/1.4 'Manrope',Arial,sans-serif;color:var(--story-ink);text-decoration:none;min-height:32px;display:inline-flex;gap:14px;align-items:center}
.story-actions>a span{font-size:17px;color:var(--story-accent)}
.story-play{font:500 9px/1.4 'Manrope',Arial,sans-serif;min-height:36px;padding:4px 0 4px 7px;background:transparent;border:0;color:var(--story-muted);cursor:pointer;white-space:nowrap}
.story-play:hover,.story-actions>a:hover{color:var(--story-accent)}
.story-play:disabled{opacity:.65;cursor:default}
.client-stories :focus-visible{outline:2px solid #f1d98f;outline-offset:4px}
.stories-footer{width:min(1400px,calc(100% - 88px));margin:17px auto 0;display:flex;justify-content:space-between;align-items:center;gap:25px;font:400 10px/1.7 'Manrope',Arial,sans-serif;color:#c5d8ce}
.stories-footer a{color:#f4f3ea;text-decoration:none;border-bottom:1px solid #b9d1c55c;padding:4px 0}
body[data-page=home] .studio-note{padding-top:48px;padding-bottom:48px}
body[data-page=work] .client-stories{padding-top:8px;padding-bottom:45px}
body[data-page=work] .stories-heading h2{font-size:28px}
body[data-page=work] .work-intro{padding-block:35px 28px;border-bottom:0;gap:28px}
body[data-page=work] .work-intro h1{font:500 clamp(40px,5vw,70px)/1.02 'Manrope',Arial,sans-serif;letter-spacing:-.055em}
@media(max-width:1100px){.stories-track{grid-auto-columns:calc((100% - 36px)/3)}.stories-heading-copy p{max-width:230px}.story-caption h2,.story-caption h3{font-size:27px}}
@media(max-width:760px){
 .client-stories{padding-top:24px;padding-bottom:24px}
 .stories-heading{width:calc(100% - 38px);margin-bottom:20px;align-items:start;gap:14px}
 body .stories-heading h1,body .stories-heading h2{font-size:34px;max-width:260px}
 .stories-heading .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:9px}
 .stories-heading-copy{display:block;align-self:end}
 body .stories-heading-copy p{display:none}
 .stories-navigation{gap:6px}
 .stories-navigation button{width:34px;height:34px;font-size:16px}
 .stories-track{width:calc(100% - 19px);margin-left:19px;grid-auto-columns:min(78vw,330px);gap:14px;padding-right:19px;scroll-padding-right:19px;scrollbar-width:none}
 .stories-track::-webkit-scrollbar{display:none}
 .story-caption{padding:15px 16px 10px}
 body .story-caption h2,body .story-caption h3{font-size:27px;min-height:0}
 body[data-page] .story-scope{margin:10px 0 13px;min-height:0}
 .story-topic{font-size:8px;margin-bottom:5px}
 .stories-footer{width:calc(100% - 38px);font-size:9px;gap:15px;align-items:start;margin-top:12px}
 .stories-footer>span{max-width:130px}
 body[data-page=home] .studio-note{padding-top:33px;padding-bottom:33px}
 body[data-page=work] .client-stories{padding-top:0}
}
@media(prefers-reduced-motion:reduce){.story-picture>video,.stories-navigation button{transition:none}.stories-track{scroll-behavior:auto}}