/* Existing editorial typography and restrained colour, with uncropped project artwork. */
.work-summary { display:flex; flex-wrap:wrap; gap:22px 50px; align-items:baseline; padding:24px 0 32px; border-top:1px solid var(--line); }
.work-summary>p { font-size:13px; max-width:42ch; }
.work-summary nav { display:flex; flex-wrap:wrap; gap:12px 24px; }
.work-summary a { display:inline-flex; align-items:center; min-height:44px; font-size:13px; text-decoration:underline; text-underline-offset:5px; }
.work-case [id] { scroll-margin-top:30px; }
.work-subjects { margin-bottom:45px; padding-top:6px; }
.work-subjects ol { list-style:none; padding:0; margin:16px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 35px; }
.work-subjects a { display:flex; align-items:center; gap:16px; min-height:58px; border-top:1px solid var(--line); font-size:14px; }
.work-subjects a>span:first-child { font-size:11px; color:var(--muted); }
.work-subjects a>span:last-child { margin-left:auto; }
.work-subjects a:hover { color:#22786b; }
.work-palette { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:60px; }
.work-palette>div { display:grid; gap:10px; font-size:13px; }
.work-palette code { font-size:11px; color:var(--muted); }
.work-colour { display:block; height:100px; border:1px solid var(--line); border-radius:6px; }
.project-card[data-artwork][href$='/orela'] .project-image img,.project-card[data-artwork][href$='/sorta'] .project-image img { object-fit:cover; padding:0; }
.work-case .work-figure { margin:0; min-width:0; }
.work-figure>a { display:grid; place-items:center; padding:clamp(12px,2.5vw,36px); border-radius:var(--radius); background:#eaeae4; min-height:250px; }
.work-figure img { display:block; max-height:760px; width:100%; height:auto; object-fit:contain; }
.work-figure figcaption { font-size:12px; color:#5e5c62; line-height:1.65; padding:16px 2px 0; }
.work-figure figcaption>a { display:inline-block; text-decoration:underline; text-underline-offset:4px; }
.work-cover .work-figure>a { min-height:420px; }
.work-cover img { max-height:670px; }
.work-case .design-case-intro>div:first-child>p { max-width:40ch; line-height:1.8; }
.work-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; align-items:start; }
.work-gallery[data-count="1"] { grid-template-columns:1fr; }
.work-gallery[data-count="1"] img { max-height:900px; }
.work-section-title { font:500 clamp(32px,4vw,60px)/1.12 Outfit,Inter,sans-serif; letter-spacing:-.05em; margin-bottom:38px; }
.work-decisions { list-style:none; padding:0; margin:0; counter-reset:workdecision; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.work-decisions li { counter-increment:workdecision; border-top:1px solid var(--line); padding-top:24px; }
.work-decisions li:before { content:'0' counter(workdecision); display:block; font-size:12px; color:#65616b; margin-bottom:25px; }
.work-decisions h3 { font-size:24px; line-height:1.25; letter-spacing:-.04em; margin-bottom:18px; }
.work-decisions p { font-size:15px; line-height:1.8; }
.work-state { margin:0; }
.work-state>div { display:grid; grid-template-columns:1fr 2fr; gap:10%; border-top:1px solid var(--line); padding:28px 0; }
.work-state dt { font-size:20px; letter-spacing:-.03em; }
.work-state dd { margin:0; max-width:70ch; line-height:1.8; }
.work-related { border-top:1px solid var(--line); padding-top:35px; }
.work-related h2 { font-size:28px; letter-spacing:-.04em; margin-bottom:25px; }
.work-related a { display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); font-size:clamp(22px,3vw,38px); letter-spacing:-.035em; }
.work-related a:hover { color:#22786b; }
.work-ending { padding:50px 0 100px; }
.project-card[data-artwork] .project-image { background:#e9e9e3; }
.project-card[data-artwork] .project-image img { object-fit:contain; padding:20px; }
.work-home-more { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; }
.project-brand { display:block; font-size:11px; color:#5d5965; margin-bottom:12px; }
.project-brand-filters>span,.project-service-filters>span { display:block; font-size:12px; color:#5d5965; margin-bottom:14px; }
.project-brand-filters .filters { margin-bottom:24px; }
.project-service-filters .filters { margin-bottom:12px; }
.filter-feedback { min-height:28px; margin-bottom:20px; font-size:13px; }
.footer-identity { display:flex; flex-direction:column; align-items:flex-start; width:max-content; max-width:100%; padding-top:12px; }
.footer-identity .footer-wordmark { display:block; margin:0; }
.footer-identity small { align-self:flex-end; font:500 clamp(10px,1.5vw,23px)/1.5 Inter,sans-serif; letter-spacing:.23em; margin-top:10px; }
@media(max-width:760px) {
 .work-subjects ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
 .work-subjects a { font-size:12px; gap:10px; }
 .work-palette { gap:10px; }
 .work-colour { height:65px; }
 .work-summary { gap:12px; padding:18px 0 26px; }
 .work-summary nav { gap:0 20px; }
 .work-cover .work-figure>a { min-height:260px; }
 .work-gallery,.work-decisions,.work-state>div { grid-template-columns:1fr; gap:28px; }
 .work-gallery img,.work-gallery[data-count="1"] img { max-height:660px; }
 .work-figure>a { min-height:180px; }
 .work-gallery { gap:35px; }
 .work-decisions h3 { font-size:23px; }
 .work-state>div { gap:14px; }
 .work-state dd { font-size:14px; }
 .work-ending { padding:35px 0 65px; }
 .project-card[data-artwork] .project-image img { padding:12px; }
 .work-home-more { grid-template-columns:1fr; }
}

.featured-interface { background:#191d1c; }
.featured-interface>img { object-fit:contain; padding:20px 20px 75px; }

.studio-image-note { font-size:12px; line-height:1.6; margin-top:14px; }
.studio-art-credit { margin-top:-40px; margin-bottom:52px; }
.world-card-action { display:inline-flex; align-items:center; gap:16px; min-height:44px; margin-top:14px; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.world-card-link:hover h3 { color:#22786b; }
.world-card-link img { filter:none; }
.world-card-link:focus-visible { outline-offset:7px; border-radius:var(--radius); }