/* Studio portfolio: compact category covers, readable editorial project notes. */
.selected-stories{padding-block:44px 70px;border-top:1px solid var(--line)}
.stories-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.stories-heading h2,.collection-copy h2,.portfolio-enquiry h2{font:400 clamp(30px,3.4vw,46px)/1.12 var(--serif);letter-spacing:-.025em;margin:12px 0 16px}
.stories-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0;line-height:1.6}
.story-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.story-card{display:block;min-width:0;text-decoration:none;color:inherit}
.story-frame{background:#f2f1ec;padding:12px;overflow:hidden}
.story-frame img{display:block;width:100%;height:300px;object-fit:cover;object-position:center;transition:transform .45s ease}
.story-card:hover .story-frame img{transform:scale(1.025)}
.story-index,.project-number,.collection-heading>span{font-size:10px;letter-spacing:.1em;color:var(--muted)}
.story-index{margin:18px 0 12px}
.story-card h3{font:400 24px/1.2 var(--serif);margin:0 0 12px;letter-spacing:-.015em}
.story-card>p:not(.story-index){font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 18px;max-width:33em}
.story-link,.story-watch{display:inline-block;font-size:12px;line-height:1.7;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px;color:var(--ink)}
.story-link:hover,.story-watch:hover{border-color:var(--ink)}
.story-link span,.story-watch span{margin-left:10px}
.story-card:focus-visible,.story-link:focus-visible,.story-watch:focus-visible,.story-jump-links a:focus-visible{outline:2px solid #667362;outline-offset:6px}
.portfolio-title{padding:30px 0 50px;max-width:900px}
.portfolio-title h1{font:400 clamp(45px,6vw,80px)/1.03 var(--serif);letter-spacing:-.04em;margin:24px 0}
.portfolio-title>p:not(.eyebrow){max-width:600px;font-size:16px;line-height:1.85;color:var(--muted)}
.story-jump-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin:30px 0 24px}
.story-jump-links a{font-size:12px;line-height:1.7;border-bottom:1px solid var(--line);padding-bottom:4px}
.portfolio-title .portfolio-viewing-note{font-size:11px;letter-spacing:.015em}
.story-collection{scroll-margin-top:32px;padding-block:26px 60px;border-top:1px solid var(--line)}
.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.collection-heading .eyebrow{margin:0}
.collection-heading>span{white-space:nowrap}
.collection-intro{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center;margin-bottom:32px}
.collection-intro .story-frame img{height:330px}
.collection-copy{max-width:570px}
.collection-copy>p{font-size:14px;line-height:1.9;color:var(--muted)}
.collection-copy .client-need{font-size:19px;line-height:1.5;color:var(--ink)}
.service-fit{border-top:1px solid var(--line);padding-top:17px;margin-top:24px}
.service-fit .eyebrow{font-size:10px;margin:0 0 8px}
.service-fit>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.story-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.story-project{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;border-top:1px solid var(--line);padding:24px 0 28px}
.project-number{padding-top:2px;font-size:9px}
.project-focus{font-size:10px;line-height:1.7;color:var(--muted);margin:0 0 9px}
.story-project h3{font:400 21px/1.25 var(--serif);margin:0 0 12px}
.story-project h3+p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 16px}
.portfolio-enquiry{border-top:1px solid var(--ink);padding:40px 0 24px}
.portfolio-enquiry>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted);max-width:650px}
.portfolio-enquiry>div{display:flex;gap:26px;flex-wrap:wrap;align-items:center;margin-top:25px}
@media(max-width:900px){.story-categories{gap:20px}.story-frame img{height:250px}.story-card h3{font-size:21px}.story-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-intro{grid-template-columns:240px minmax(0,1fr);gap:30px}.collection-intro .story-frame img{height:300px}}
@media(max-width:600px){.selected-stories{padding-block:32px 44px}.stories-heading{display:block}.stories-heading>.story-link{margin-top:18px}.story-categories{grid-template-columns:1fr;gap:32px}.story-frame{padding:10px}.story-frame img{height:280px;object-position:center 45%}.story-card h3{font-size:26px}.story-card>p:not(.story-index){margin-bottom:12px}.portfolio-title{padding-top:15px;padding-bottom:30px}.portfolio-title h1{font-size:48px}.story-jump-links{flex-direction:column;align-items:start;gap:12px}.collection-heading{align-items:start;gap:15px}.collection-heading .eyebrow{font-size:10px;line-height:1.8;max-width:210px}.collection-heading>span{font-size:8px;line-height:2.2}.collection-intro{grid-template-columns:1fr;gap:24px}.collection-intro .story-frame{max-width:330px;width:100%;box-sizing:border-box}.collection-intro .story-frame img{height:300px}.collection-copy h2{font-size:34px}.story-projects{grid-template-columns:1fr}.story-collection{padding-bottom:36px}.portfolio-enquiry{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.story-frame img{transition:none}.story-card:hover .story-frame img{transform:none}}