/* Collaboration cases: uncropped, local media. No additional typefaces or libraries. */
.collaborations .heading-row{margin-bottom:48px}
.collaboration-story{align-items:center;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.collaboration-identity h3{margin-bottom:28px}
.collaboration-identity .collaboration-brand{line-height:0}
.collaboration-brand img{display:block;width:clamp(84px,7.4vw,104px);height:auto;max-width:100%;object-fit:contain}
.collaboration-story.silikomart-story{align-items:start;border-top:0;scroll-margin-top:120px}
.silikomart-brand img{width:clamp(220px,22vw,280px);height:auto;max-width:100%}
.silikomart-subtitle{font:300 clamp(26px,2.7vw,38px)/1.2 var(--serif);letter-spacing:-.025em;max-width:23ch}
.silikomart-cover{margin-top:28px}
.silikomart-story .collaboration-copy{align-self:center}
.collaboration-story.consultancy-story,.collaboration-story.editorial-story{align-items:start;border-top:0;scroll-margin-top:120px}
.consultancy-story .collaboration-identity h3,.editorial-story .collaboration-identity h3{margin-bottom:16px}
.consultancy-subtitle,.editorial-subtitle{font-size:18px;line-height:1.5;max-width:28ch}
.consultancy-archive-photo{margin-top:28px}
.consultancy-archive-photo img{display:block;width:100%;height:auto;object-fit:contain}
.consultancy-archive-note{grid-column:1/-1;font-size:13px;line-height:1.6;color:var(--ink);margin-top:-12px}
.collaboration-cover{display:block;border:0;padding:0;background:transparent;width:100%}
.collaboration-cover img{width:100%;height:auto}
.collaboration-copy>.text-link{margin-top:24px;background:transparent;border:0;border-bottom:1px solid var(--line);min-height:44px}
.editorial-cover{margin-top:28px}
.editorial-intro{max-width:78ch;font-size:16px;line-height:1.8}
.editorial-intro p+p{margin-top:20px}
.editorial-gallery{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:36px}
.editorial-gallery img{display:block;width:100%;height:auto;object-fit:contain}
.editorial-contact{margin-top:32px}
dialog.dialog-case{width:min(1180px,calc(100% - 40px));max-width:none;max-height:calc(100svh - 40px);padding:0;overflow:auto;scrollbar-width:thin}
.dialog-case>.dialog-top{position:sticky;top:0;z-index:4;margin:0;padding:12px 24px;background:var(--cream);border-bottom:1px solid var(--line)}
.case-body{padding:clamp(24px,4vw,56px)}
.case-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}
.case-intro>.case-film-shell{width:min(100%,380px);justify-self:center}
.case-intro-copy p{font-size:16px;line-height:1.8;margin-bottom:20px}
.case-intro-copy h2{animation:case-title-in .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes case-title-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.motion-paused .case-intro-copy h2{animation:none}
@media(prefers-reduced-motion:reduce){.case-intro-copy h2{animation:none}}
.case-intro-copy .case-photo{margin-top:32px}
.case-product-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);margin-bottom:40px}
.case-product-chapter{margin-bottom:56px}
.case-product-chapter+.case-product-chapter{padding-top:40px;border-top:1px solid var(--line)}
.case-product-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}
.case-product-heading h3{margin:0}
.case-media-role{font-size:13px;line-height:1.6;color:var(--ink);margin:0}
.case-product-social{margin-top:28px}
.case-product-social>.case-media-role{margin-bottom:12px}
.case-product-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.case-product-photos-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-product-social-single{max-width:480px;margin-inline:auto}
.case-product-social-single .case-product-photos{grid-template-columns:1fr}
.case-product .case-contact{margin-top:0}
.case-film-shell{position:relative;min-width:0;background:#211912;aspect-ratio:var(--film-ratio)}
.case-film-shell video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:var(--film-ratio)}
.case-film-shell .film-toggle{right:12px;bottom:12px}
.case-film-with-audio{aspect-ratio:auto;background:transparent}
.case-film-with-audio video{height:auto}
.film-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:12px}
.film-actions .film-toggle{position:static;margin:0}
.case-film-with-audio .film-status{position:static;margin:12px 0 0}
.film-sound{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid #211912;border-radius:24px;color:#fff7e8;background:#211912;font:13px/1 var(--sans);white-space:nowrap;cursor:pointer}
.film-sound:hover{background:#332418}
.film-sound:focus-visible,.film-actions .film-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.film-sound svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.film-sound .sound-on,.film-sound[aria-pressed="true"] .sound-off{display:none}
.film-sound[aria-pressed="true"] .sound-on{display:block}
.film-sound[aria-pressed="true"]{color:#211912;background:#fff0bc}
.case-photo{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.case-photo img{width:100%;height:auto;object-fit:contain;transform:none;filter:none}
.case-body h3{font:clamp(30px,3vw,42px)/1.15 var(--serif);letter-spacing:-.025em}
.case-designs{margin-top:56px;padding-top:36px;border-top:1px solid var(--line)}
.case-designs>h3{margin:0 0 32px}
/* Match the column proportions to the original images: equal height, no crop. */
.case-design-pair{display:grid;grid-template-columns:minmax(0,var(--drawing-track)) minmax(0,var(--photo-track));gap:clamp(20px,3vw,40px);align-items:start}
.case-design-pair+.case-design-pair{margin-top:36px;padding-top:36px;border-top:1px solid var(--line)}
.case-design-pair .case-photo{min-width:0}
.case-design-pair img{display:block}
.case-design-pair .case-photo img{max-height:none}
.case-design-pair .case-photo:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.case-photographs{margin-top:56px}
.case-interview{margin-top:56px;padding-top:36px;border-top:1px solid var(--line)}
.case-contact{background:transparent;border:0;border-bottom:1px solid var(--line);min-height:44px;flex-shrink:0;text-align:left}
#case-interview-panel{margin-top:28px}
#case-interview-video{display:block;width:min(100%,420px);height:auto;max-height:75svh;aspect-ratio:9/16;object-fit:contain;margin:auto;background:#211912}
#case-interview-video:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.case-interview-status{max-width:420px;margin:12px auto 0;font-size:14px}
.case-interview-status:empty{display:none}
.case-contact{margin-top:36px}
@media(max-width:760px){
 .editorial-gallery{grid-template-columns:1fr;gap:20px;margin-top:28px}
 .editorial-intro{font-size:15px}
 .collaboration-story,.case-intro{grid-template-columns:1fr}
 .collaboration-identity h3{margin-bottom:20px}
 .collaborations .heading-row{margin-bottom:32px}
 dialog.dialog-case{width:calc(100% - 16px);max-height:calc(100svh - 16px)}
 .dialog-case>.dialog-top{padding:10px 16px}
 .case-body{padding:24px}
 .case-intro-copy{grid-row:1}
 .case-intro-copy p{font-size:15px}
 .case-intro-copy .case-photo{margin-top:24px}
 .case-product-intro{grid-template-columns:1fr;gap:8px;margin-bottom:24px}
 .case-product-intro .case-intro-copy{grid-row:auto}
 .case-product-chapter{margin-bottom:36px}
 .case-product-chapter+.case-product-chapter{padding-top:28px}
 .case-product-heading{gap:12px;margin-bottom:16px}
 .case-product-heading h3{font-size:27px}
 .case-product-heading .case-media-role{flex-shrink:0}
 .case-product-social{margin-top:24px}
 .case-product-photos{grid-template-columns:1fr;gap:20px}
 .case-intro>.case-film-shell{width:min(100%,340px)}
 .case-design-pair{grid-template-columns:1fr;gap:20px}
 .case-design-pair+.case-design-pair{margin-top:32px;padding-top:32px}
 .case-design-pair .case-photo:not(.case-drawing) img{max-height:none}
 .case-designs{padding-top:28px}
 .case-designs>h3{margin-bottom:24px}
 .case-photographs,.case-interview,.case-designs{margin-top:40px}
}