.cam-page{--cam-ink:#141412;--cam-paper:#f4f1e9;--cam-line:#1414122e;background:var(--cam-paper);min-height:100vh;color:var(--cam-ink)}.cam-shell{grid-template-columns:auto minmax(0,1fr);min-height:calc(100vh - 3.5rem);display:grid}.cam-workspace{border-left:1px solid var(--cam-line);grid-template-columns:minmax(0,1fr) minmax(22rem,24.5rem);min-width:0;display:grid}.cam-main{min-width:0;padding:1.1rem 1.35rem 2.5rem}.cam-hero{border-bottom:1px solid var(--cam-line);grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) auto;align-items:start;gap:1.25rem 1.5rem;padding-bottom:1.1rem;display:grid}.cam-kicker,.cam-label{font:400 .68rem / 1.4 var(--font-sans), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#14141294;margin:0}.cam-title{font:400 clamp(2rem, 3.2vw, 3.1rem) / .92 var(--font-display), "Cormorant Garamond", serif;letter-spacing:.04em;text-transform:uppercase;margin:.35rem 0 0}.cam-subtitle{font:400 .72rem / 1.4 var(--font-sans), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#1414129e;margin:.55rem 0 0}.cam-hero-aside{max-width:28rem;font:400 .92rem / 1.55 var(--font-sans), sans-serif;color:#141412b8;margin:.85rem 0 0}.cam-back{color:inherit;font:400 .62rem / 1 var(--font-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border:1px solid #14141259;place-self:start end;align-items:center;padding:.55rem .75rem;text-decoration:none;display:inline-flex}.cam-back:hover{background:var(--cam-ink);color:var(--cam-paper);border-color:var(--cam-ink)}.cam-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 1.15rem;display:flex}.cam-filters{flex-wrap:wrap;gap:.35rem .55rem;display:flex}.cam-filters button{color:#1414129e;cursor:pointer;font:400 .62rem / 1 var(--font-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;margin:0;padding:.38rem .55rem}.cam-filters button.is-active{background:var(--cam-ink);color:var(--cam-paper)}.cam-search{color:#1414128c;border:1px solid #14141247;align-items:center;gap:.4rem;min-width:min(16rem,100%);padding:.4rem .55rem;display:inline-flex}.cam-search input{min-width:0;color:var(--cam-ink);font:400 .78rem / 1.3 var(--font-sans), sans-serif;background:0 0;border:0;outline:none;flex:1}.cam-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem .85rem;display:grid}.cam-card{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.55rem;margin:0;padding:0;display:flex}.cam-card-media{aspect-ratio:21/9;outline-offset:-1px;background:#d8d2c6;outline:1px solid #0000;position:relative;overflow:hidden}.cam-card.is-selected .cam-card-media{outline-color:var(--cam-ink)}.cam-card-media img{object-fit:cover;width:100%;height:100%;transition:filter .25s;display:block}.cam-card:hover .cam-card-media img{filter:brightness(1.06)}.cam-path{color:#f4f1e9e0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cam-card-hover{opacity:0;font:400 .55rem / 1 var(--font-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f4f1e9eb;transition:opacity .2s;position:absolute;bottom:.4rem;right:.45rem}.cam-card:hover .cam-card-hover{opacity:1}.cam-card-title{font:400 .95rem / 1.15 var(--font-display), "Cormorant Garamond", serif;letter-spacing:.08em;text-transform:uppercase;margin:0}.cam-card-title span{color:#14141273;font:400 .62rem / 1 var(--font-sans), sans-serif;letter-spacing:.12em;margin-right:.45rem}.cam-card-desc{font:400 .72rem / 1.45 var(--font-sans), sans-serif;color:#1414129e;margin:.28rem 0 0}.cam-empty{font:400 .78rem / 1.4 var(--font-sans), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#14141280;grid-column:1/-1;margin:1rem 0}.cam-inspector{border-left:1px solid var(--cam-line);background:var(--cam-paper);align-self:start;max-height:100vh;position:sticky;top:0;overflow:auto}.cam-inspector-inner{flex-direction:column;gap:1rem;padding:1rem 1.05rem 1.4rem;display:flex}.cam-inspector-preview{aspect-ratio:21/9;background:#d8d2c6;position:relative;overflow:hidden}.cam-inspector-preview img{object-fit:cover;width:100%;height:100%;display:block}.cam-inspector-num{font:400 .62rem / 1 var(--font-sans), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#14141273;margin:0}.cam-inspector-head h2{font:400 1.55rem / 1 var(--font-display), "Cormorant Garamond", serif;letter-spacing:.06em;text-transform:uppercase;margin:.35rem 0 0}.cam-inspector-head p:last-child{font:400 .82rem / 1.5 var(--font-sans), sans-serif;color:#141412ad;margin:.55rem 0 0}.cam-inspector-section{border-top:1px solid var(--cam-line);padding-top:.85rem}.cam-inspector-section-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cam-copy{color:#1414128c;cursor:pointer;font:400 .58rem / 1 var(--font-sans), sans-serif;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.3rem;margin:0;padding:0;display:inline-flex}.cam-prompt{white-space:pre-wrap;max-height:14rem;font:400 .72rem / 1.55 var(--font-sans), sans-serif;color:#141412c7;margin:.55rem 0 0;overflow:auto}.cam-examples{grid-template-columns:1fr auto 1fr;align-items:center;gap:.55rem;margin-top:.65rem;display:grid}.cam-examples figure{margin:0}.cam-examples img{aspect-ratio:16/9;object-fit:cover;background:#d8d2c6;width:100%;display:block}.cam-examples figcaption,.cam-examples>span{font:400 .58rem / 1 var(--font-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#14141280;text-align:center;margin-top:.3rem}.cam-use{border:1px solid var(--cam-ink);background:var(--cam-ink);color:var(--cam-paper);font:400 .68rem / 1 var(--font-sans), sans-serif;letter-spacing:.16em;text-transform:uppercase;justify-content:center;align-items:center;margin-top:.35rem;padding:.85rem 1rem;text-decoration:none;display:flex}.cam-use:hover{color:var(--cam-ink);background:0 0}@media (width<=1200px){.cam-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cam-workspace{grid-template-columns:minmax(0,1fr) minmax(20rem,22rem)}}@media (width<=960px){.cam-workspace{grid-template-columns:1fr}.cam-inspector{border-left:0;border-top:1px solid var(--cam-line);max-height:none;position:static}.cam-hero{grid-template-columns:1fr}.cam-back{justify-self:start}.cam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.cam-shell{grid-template-columns:1fr}.cam-shell .sb-ep-rail{display:none}.cam-grid{grid-template-columns:1fr}}
