/* One project hero pattern across retained templates and CMS-created projects. */
.cosmos-project-overview{display:grid;grid-template-columns:minmax(0,3fr) minmax(180px,1fr);gap:clamp(28px,4vw,72px);align-items:start}
.cosmos-project-media{min-width:0}
.cosmos-project-frame{overflow:hidden;background:#e4e3dd;aspect-ratio:16/10;touch-action:pan-y}
.cosmos-project-frame figure{margin:0;height:100%}
.cosmos-project-frame img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.cosmos-project-meta{padding-top:3px;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.cosmos-project-meta p{margin:0 0 18px}
.cosmos-project-meta .yt-text{margin:0}
.cosmos-project-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;font-size:11px}
.cosmos-project-controls button{display:grid;place-items:center;background:transparent;border:1px solid currentColor;border-radius:50%;width:44px;height:44px;color:inherit;font-size:21px;line-height:1}
.cosmos-project-controls button:hover{background:#242820;color:#f3f2ec}
.cosmos-project-controls button:focus-visible{outline:3px solid #647a42;outline-offset:4px}
.ol2 .cosmos-project-heading{padding:50px 48px 32px}
.ol2 .cosmos-project-heading h1{font-size:clamp(44px,6vw,88px);font-weight:400;line-height:1.05;letter-spacing:-.05em;margin:0}
.ol2 .cosmos-project-heading h1 span{font-size:inherit;vertical-align:baseline}
.ol2[data-project-layout] .ol2-hero{height:auto;min-height:0;max-height:none;background:transparent;color:inherit;margin:0;padding:0 48px}
.ol2[data-project-layout] .cosmos-project-frame>button{position:relative;inset:auto;display:block;width:100%;height:100%;border:0;padding:0;background:transparent}
.ol2[data-project-layout] .cosmos-project-frame img{height:100%;object-fit:contain}
.ol2 .cosmos-project-meta p span{display:block;margin-top:12px}
@media(max-width:780px){.cosmos-project-overview{grid-template-columns:minmax(0,1fr);gap:24px}.cosmos-project-meta{display:flex;flex-wrap:wrap;gap:12px 28px}.cosmos-project-meta .yt-text{display:flex;flex-wrap:wrap;gap:12px 28px}.cosmos-project-meta p{margin:0}.cosmos-project-frame{aspect-ratio:4/3}.ol2 .cosmos-project-heading{padding:36px 22px 26px}.ol2[data-project-layout] .ol2-hero{padding:0 22px}.ol2 .cosmos-project-meta p span{display:inline;margin-inline-start:16px}}
.ol2-page:has([data-project-layout]) .reference-header{position:relative;background:var(--ol-paper);color:var(--ol-ink);border-bottom:1px solid #19312e30}
.ol2-page:has([data-project-layout]) .reference-header .open-door-logo img{filter:none}