/* 80 giorni di te — case study 06 and home card. Warm paper behind the art, ink-brown captions. */
:root{--ot-paper:#efe9dd;--ot-ink:#191411;--ot-muted:#6d655b}
.project-ot .project-topline .all-projects{white-space:nowrap;flex-shrink:0}
.project-ot .project-topline>.mono{text-align:right}
.ot-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--project-gap);padding:64px 0 0;align-items:end}
.ot-intro-info{display:flex;flex-direction:column;gap:56px;padding-bottom:6px}
.ot-intro-info .project-summary{margin:0;max-width:34ch}
.ot-facts{display:grid;grid-template-columns:repeat(2,max-content);gap:28px 48px;font-size:11px;line-height:1.6;margin:0}
.ot-facts dt{color:#666;margin-bottom:8px}
.ot-facts dd{margin:0}
.ot-gallery{gap:24px}
.ot-chapter .project-copy h2{max-width:22ch;letter-spacing:-.045em}
.ot-chapter .project-copy p{max-width:48ch}

/* Films and photos */
.ot-film,.ot-photo{margin:0;background:transparent}
.ot-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:transparent}
.ot-frame .orbit-media{position:absolute;inset:0;background:transparent}
.ot-frame .orbit-media>img,.ot-frame .orbit-media>video{object-fit:cover}
.ot-film[data-project-media="full"] .ot-frame{width:100%;margin:0}
.ot-photo>img{display:block;width:100%;height:auto}
.ot-photo[data-project-media="left"],.ot-photo[data-project-media="right"]{align-self:start}
.ot-photo[data-project-media="left"]>img,.ot-photo[data-project-media="right"]>img{height:auto;object-fit:contain}
.ot-art{background:transparent;padding:0}
.ot-art>img{width:100%;height:auto}
.ot-video-control{position:absolute;z-index:2;right:16px;bottom:16px;min-height:44px;padding:12px 16px;background:#fff;color:#111;border:0;font-size:11px;cursor:pointer}
.ot-video-control:focus-visible{outline:2px solid currentColor;outline-offset:-4px}

/* Details triptych */
.ot-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ot-detail{margin:0}
.ot-detail>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}

/* Palette */
.ot-palette{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);min-height:180px}
.ot-palette>div{display:flex;flex-direction:column;justify-content:space-between;gap:56px;padding:24px;font-size:11px}

.ot-credits{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:75px 0 100px}
.ot-credits>.mono{font-size:11px}
.ot-credits p{font-size:14px;line-height:1.6;max-width:65ch}
.ot-credits p+p{margin-top:18px;color:#666}

/* Home card */
.ot-home-card{position:relative}
.ot-work-link{display:block;color:inherit;text-decoration:none}
.ot-sequence-cover{aspect-ratio:4/5!important;height:auto!important;background:var(--ot-paper)}
.ot-sequence-cover .orbit-media{position:absolute;inset:0;background:var(--ot-paper)}
.ot-sequence-cover .orbit-media>img,.ot-sequence-cover .orbit-media>video{object-fit:cover}
.ot-home-card>.ot-video-control{right:16px;bottom:16px;z-index:5}
.ot-home-card .work-view{display:none}

@media(max-width:800px){
 .ot-intro-grid{grid-template-columns:1fr;padding:35px 0 0;gap:32px;align-items:start}
 .ot-intro-info{gap:32px}
 .ot-intro-info .project-summary{max-width:none;font-size:22px}
 .ot-facts{font-size:10px;gap:22px 32px}
 .ot-chapter .project-copy h2{font-size:34px;max-width:none}
 .ot-chapter .project-copy p{font-size:18px;max-width:none}
 .ot-details{grid-template-columns:1fr 1fr;gap:12px}
 .ot-details>.ot-detail:first-child{grid-column:1/-1}
 .ot-palette{grid-template-columns:repeat(2,1fr)}
 .ot-palette>div{padding:20px;gap:42px;font-size:10px}
 .ot-palette>div:last-child{grid-column:1/-1}
 .ot-video-control{right:10px;bottom:10px;font-size:10px;padding:10px 12px}
 .ot-credits{grid-template-columns:1fr;padding:50px 0 65px}
}
/* Narrow footer, same fix as Ambrosio. */
@media(max-width:360px){.project-ot .site-footer{grid-template-columns:1fr;gap:14px}.project-ot .site-footer>a:last-child{justify-self:start}}
@media(prefers-reduced-motion:reduce){.ot-video-control{display:none}}