/* Large, composed artwork replaces the nested thumbnail treatment. */
.work-selections{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px}
.selection-visual{--art-limit:355px}
.selection-visual .portfolio-cover{height:410px;padding:5%;gap:3%}
.type-visual{--art-limit:365px}
.type-visual .portfolio-cover{height:440px;padding:5%;gap:3%}
.portfolio-cover .cover-piece>.asset-visual{box-shadow:none}
.type-visual .treatment-editorial .cover-piece,.selection-visual .treatment-editorial .cover-piece{transform:none}
.type-visual .treatment-editorial.cover-duo .cover-piece,.selection-visual .treatment-editorial.cover-duo .cover-piece{flex-basis:49%}
.type-visual .treatment-editorial.cover-triptych .cover-piece,.selection-visual .treatment-editorial.cover-triptych .cover-piece{flex-basis:32%}
.type-visual .treatment-scene,.selection-visual .treatment-scene{padding:0;display:block;height:auto;aspect-ratio:auto;min-height:0}
.treatment-scene .cover-piece{display:block!important;width:100%;height:auto;transform:none!important}
.treatment-scene .cover-piece>.asset-visual{width:100%;height:auto;box-shadow:none}
.treatment-scene .cover-piece>img{width:100%;height:auto;max-height:none;object-fit:contain}
.type-visual:has(.treatment-scene),.selection-visual:has(.treatment-scene){background:var(--accent-soft)}
.type-visual .treatment-mark,.selection-visual .treatment-mark{padding:4%;gap:0}
.treatment-mark.surface-black{background:#000}
.treatment-mark .cover-piece{transform:none!important}
.treatment-mark.cover-duo .cover-piece{flex-basis:50%}
.treatment-mark .asset-visual{box-shadow:none}
.treatment-cutout{background:radial-gradient(ellipse at 45% 35%,#F3FAF8 0%,var(--accent-soft) 60%,#B7DAD2 100%)}
.type-visual .treatment-cutout,.selection-visual .treatment-cutout{padding:3% 5%;height:410px;min-height:0}
.treatment-cutout .cover-piece{filter:drop-shadow(0 20px 14px #3D6D6535);transform:none}
.treatment-cutout .cover-piece>.asset-visual{box-shadow:none}
.work-type-card:nth-child(n+7) .type-visual{--art-limit:270px}
.work-type-card:nth-child(n+7) .portfolio-cover{padding:4%}
.work-type-card .type-arrow,.work-selection .type-arrow{right:16px;bottom:16px;box-shadow:0 5px 15px #0002}
.work-selection .selection-heading h3{font-size:22px}
.selection-status{font-size:13px}
.case-cover .treatment-scene{padding:0;min-height:0;display:block}
.case-cover .treatment-scene .cover-piece{width:100%;max-width:none;flex-basis:100%}
.case-cover .treatment-scene .asset-visual{width:100%;max-width:none}
.case-cover .treatment-cutout{padding:45px 5%;min-height:0}
.case-cover .treatment-cutout .cover-piece{max-width:1000px}
.case-cover .treatment-mark{padding:30px 3%;gap:0}
.case-cover .treatment-mark.cover-duo .cover-piece{flex-basis:50%}
.project-image .treatment-scene{padding:0;min-height:0}
.project-image .treatment-scene img{transform:none!important}
.project-image .treatment-cutout{padding:5%;min-height:0}
.project-image .treatment-mark{padding:5%;min-height:0}
.project-chapter:has([data-caption*="studio presentation"]){padding-bottom:60px}
.chapter-gallery.gallery-wide .case-figure:has(img[src*="presentation-"]){max-width:1300px}
.chapter-gallery.gallery-wide .gallery-open:has(img[src*="presentation-"]){max-width:1300px}
.gallery-open:has(img[src*="presentation-tote"]){padding:0}
/* One confident product composition gives the opening artwork room to breathe. */
.motion-hero-grid:has(.hero-product-stage){grid-template-columns:1fr 1.15fr;gap:4%;min-height:570px}
.hero-product-stage{margin:0;min-width:0;align-self:center}
.hero-product-link{display:block;color:var(--paper);text-decoration:none;outline-offset:6px}
.hero-product-image{overflow:hidden;background:var(--accent-soft);aspect-ratio:3/2}
.hero-product-image>.asset-visual{width:100%;height:auto}
.hero-product-image>img{display:block;width:100%;height:auto}
.hero-product-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 0;font-size:13px;line-height:1.5}
.hero-product-caption>span:last-child{color:var(--accent-soft);white-space:nowrap}
.hero-product-caption b{font-weight:400;font-size:20px;margin-left:10px}
.motion-ready .hero-product-stage.in-view .hero-product-image{animation:product-arrive 1.1s cubic-bezier(.16,1,.3,1) both}
.hero-product-link .hero-product-image>.asset-visual{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.hero-product-link:hover .hero-product-image>.asset-visual{transform:scale(1.025)}
@keyframes product-arrive{from{opacity:.25;transform:translateY(28px);clip-path:inset(7% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
.service-work-preview{transform:none;border:0;box-shadow:none;background:transparent}
.service-work-preview:has(>.asset-visual){border:0}
.service-work-preview figcaption{padding:17px 0 0}
.service-work-preview>.asset-visual{max-height:none;box-shadow:none}
.service-work-preview>img{background:none;object-fit:contain;aspect-ratio:auto}
@keyframes preview-swap{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){
 .selection-visual{--art-limit:290px}.selection-visual .portfolio-cover{height:340px}
 .type-visual{--art-limit:300px}.type-visual .portfolio-cover{height:365px}
 .type-visual .treatment-cutout,.selection-visual .treatment-cutout{height:340px}
 .type-visual .treatment-scene,.selection-visual .treatment-scene{height:auto}
 .motion-hero-grid:has(.hero-product-stage){grid-template-columns:1fr 1fr;min-height:500px}
 .hero-product-caption{font-size:12px;gap:10px}
}
@media(max-width:760px){
 .work-selections{grid-template-columns:1fr;gap:36px}
 .selection-visual{--art-limit:330px}.selection-visual .portfolio-cover{height:385px;padding:4%}
 .type-visual,.work-type-card:nth-child(n+7) .type-visual{--art-limit:330px}
 .type-visual .portfolio-cover,.work-type-card:nth-child(n+7) .portfolio-cover{height:385px;padding:4%}
 .type-visual .treatment-cutout,.selection-visual .treatment-cutout{height:360px}
 .type-visual .treatment-scene,.selection-visual .treatment-scene,.work-type-card:nth-child(n+7) .treatment-scene{height:auto;padding:0}
 .type-visual .treatment-mark,.selection-visual .treatment-mark{padding:3%}
 .work-selection .selection-heading h3{font-size:21px}
 .motion-hero-grid:has(.hero-product-stage){display:flex;gap:35px;min-height:0}
 .hero-product-stage{width:100%;margin:0}
 .hero-product-caption{font-size:12px;padding-top:12px}
 .case-cover .treatment-cutout{padding:30px 5%}
 .gallery-open:has(img[src*="presentation-tote"]){padding:0}
}
@media(max-width:420px){
 .selection-visual,.type-visual,.work-type-card:nth-child(n+7) .type-visual{--art-limit:265px}
 .selection-visual .portfolio-cover,.type-visual .portfolio-cover,.work-type-card:nth-child(n+7) .portfolio-cover{height:310px}
 .selection-visual .treatment-scene,.type-visual .treatment-scene{height:auto}
}
.motion-paused .hero-product-image{animation:none!important;clip-path:none!important;transform:none!important;opacity:1!important}
.motion-paused .hero-product-link:hover .hero-product-image>.asset-visual{transform:none}
@media(prefers-reduced-motion:reduce){.hero-product-image{animation:none!important}.hero-product-link:hover .hero-product-image>.asset-visual{transform:none}}
/* The founder portrait uses the same teal and sea-glass palette as the site. */
.founder-portrait{margin:0;align-self:center;min-width:0;background:var(--accent-soft);padding:22px 28px 28px;overflow:hidden}
.founder-avatar{max-width:490px;margin:0 auto}
.founder-avatar>img{display:block;width:100%;height:auto;object-fit:contain}
.founder-portrait figcaption{display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid #A6C6BE;padding-top:22px;color:var(--ink);font-size:16px;line-height:1.5}
.founder-experience-number{font-size:58px;line-height:1;font-weight:500;letter-spacing:-.06em;color:var(--accent)}
.founder-experience-number em{font-size:40px}
.founder-regions{text-align:center;font-size:11px;letter-spacing:.12em;margin-top:19px;color:var(--muted)}
@media(max-width:760px){.founder-portrait{width:100%;max-width:490px;margin:0 auto;padding:15px 22px 24px}.founder-portrait figcaption{font-size:14px;gap:16px}.founder-experience-number{font-size:50px}.founder-experience-number em{font-size:34px}}