/* Display covers and complete reading images have separate framing contracts. */
.home-ambient,.studio-table{display:none}
.welcome-page{background:var(--paper)}
.orbit-card,.catalog-card{background:#fcfcfb}
.orbit-card .cover-art,.catalog-card .cover-art,.curated-grid>.catalog-item:first-child .cover-art{aspect-ratio:16/9;height:auto;background:#eceeea}
.cover-custom img{object-fit:var(--cover-fit,cover);object-position:var(--cover-focus,50% 50%)}
.orbit-card [data-cover=tal-report].cover-art,.catalog-card [data-cover=tal-report].cover-art{background:#67dce3}
.orbit-gallery.is-inspecting .orbit-card:not(:hover):not(:focus-visible){filter:none}
.orbit-card.is-current{outline:1px solid #243c3230;outline-offset:-1px;box-shadow:0 24px 44px -24px #293e3555}
.orbit-card.is-current .card-caption{background:#fcfcfb;box-shadow:inset 0 -3px var(--accent)}
.orbit-card .card-caption{min-height:0;padding:13px 17px 16px}
.orbit-card .card-caption h2{font-size:21px;line-height:1.3;margin-bottom:7px;letter-spacing:-.02em}
.orbit-card .card-design{font-size:13px;line-height:1.5;margin:0}
.orbit-card .card-curation{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px;margin-right:66px}
.orbit-card .card-meta{display:none}
.orbit-card .current-label{top:auto;left:auto;right:14px;bottom:15px;background:transparent;color:var(--accent);padding:0;font-size:10px;line-height:20px}
.orbit-track{--orbit-base-height:390px}
.orbit-gallery{min-height:0}
.cover-composed{padding:0;gap:0;overflow:hidden;background:var(--cover-surface,#eceeea);container-type:size}
.cover-composed .cover-panel{min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center;container-type:size}
.cover-layout-series{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.cover-layout-series .cover-panel{height:120%;transform:rotate(-7deg) scale(1.06);transform-origin:center}
.cover-layout-series .cover-panel:nth-child(2){transform:translateY(-5%) rotate(-7deg) scale(1.06)}
.cover-layout-series .cover-window,.cover-layout-interface .cover-window,.cover-layout-paired .cover-window{width:100%;height:100%;aspect-ratio:auto}
.cover-layout-series .cover-window img,.cover-layout-interface .cover-window img,.cover-layout-paired .cover-window img{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.cover-layout-interface{grid-template-columns:1fr 1fr 1.05fr;gap:5px;background:#e7efe9}
.cover-layout-interface .cover-panel:last-child img{object-position:center;object-fit:cover}
.cover-layout-paired{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.cover-layout-paired .cover-window img{object-position:center}
.cover-layout-product-complete .cover-window{width:min(96cqw,calc(94cqh * var(--panel-ratio)));aspect-ratio:var(--panel-ratio);overflow:hidden}
.cover-layout-product-complete .cover-window img{filter:drop-shadow(0 7px 5px #26302814)}
.project-page .artwork-opening{display:grid;grid-template-columns:minmax(0,1fr);gap:20px!important;align-items:start;margin-top:20px}
.artwork-opening .project-heading{margin:0;max-width:1050px}
.artwork-opening .project-heading h1{font-size:clamp(32px,3.6vw,52px);line-height:1.2;margin:0 0 12px;letter-spacing:-.025em}
.artwork-opening .project-type{font-size:12px;margin-bottom:10px}
.artwork-opening .project-intro{font-size:16px;line-height:1.7;max-width:850px;margin:0}
.project-page .artwork-opening .project-lead{padding:0;background:transparent;border-radius:0;width:100%}
.project-page .artwork-opening .lead-figure{width:100%;max-width:none;margin:0}
.project-page .artwork-opening .project-lead .media-frame,.project-page .case-section .media-frame{height:auto;aspect-ratio:var(--media-ratio);max-height:none;background:transparent;border-radius:0}
.artwork-opening .media-frame img,.project-page .case-section .media-frame img{object-fit:contain}
.artwork-opening .opening-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:950px}
.artwork-opening .project-responsibility{margin:0;max-width:850px;font-size:14px}
.artwork-opening .project-heading-actions{margin-top:15px}
.artwork-opening .representative-note{margin:14px 0 0;padding-top:14px;font-size:13px}
.artwork-opening .case-figure figcaption{font-size:12px;line-height:1.6;margin-top:9px}
.artwork-opening .media-reading-copy{font-size:13px}
.lead-composition{margin:0;width:100%}
.artwork-opening .lead-composition-art{height:auto;aspect-ratio:16/9;display:grid;gap:8px;align-items:stretch;overflow:hidden;background:#eaf0ed}
.lead-composition-art .reading-image-button{min-width:0;min-height:0;overflow:hidden;position:relative;border-radius:0}
.lead-layout-series .lead-composition-art{grid-template-columns:repeat(3,minmax(0,1fr))}
.lead-layout-series .reading-image-button{height:120%;transform:rotate(-7deg) scale(1.08)}
.lead-layout-series .reading-image-button:nth-child(2){transform:translateY(-5%) rotate(-7deg) scale(1.08)}
.lead-layout-series img{object-fit:cover;object-position:50% 0}
.lead-layout-interface .lead-composition-art{grid-template-columns:1fr 1fr 1.05fr;background:#e7efe9}
.lead-layout-interface img{object-fit:cover;object-position:50% 0}
.lead-layout-interface .reading-image-button:last-child img{object-position:center}
.artwork-opening .lead-layout-product-complete .lead-composition-art{aspect-ratio:4/3;grid-template-columns:1fr;background:#edede8}
.lead-layout-product-complete .reading-image-button{width:100%;height:100%;display:grid;place-items:center;container-type:size}
.lead-layout-product-complete .reading-image-button img{height:auto;width:120cqh;max-width:none;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.lead-original{margin-top:13px}
.lead-original summary{width:fit-content;min-height:38px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.lead-original[open] summary{margin-bottom:14px}
.project-page .artwork-opening .lead-original-figure{max-width:min(100%,720px);margin:0 auto}
[data-project-id=tal-report] .artwork-opening .lead-original-figure{max-width:300px!important}
[data-project-id=tea] .artwork-opening .lead-original-figure{max-width:340px!important}
.project-page .carrier-study{margin-top:28px}
.carrier-visual{background:transparent;padding:0;min-height:0}
.carrier-visual.has-comparison{grid-template-columns:minmax(0,1fr);gap:22px}
.carrier-board{width:100%}
.project-page .carrier-study .carrier-reference .media-frame,.project-page .carrier-study .carrier-main .media-frame{height:auto;aspect-ratio:var(--media-ratio);background:transparent}
.series-panel{grid-template-columns:minmax(207px,320px) minmax(0,1fr);gap:36px;padding-left:0;max-width:1050px}
.series-art{width:min(var(--source-width,413px),320px)}
.project-page .case-section{margin-top:44px}
@media(min-width:961px){
 .home-intro{min-height:250px}
 .home-study{height:240px}
 .study-sheet{height:170px;top:27px}
 .study-volume{height:224px}
 .orbit-gallery{margin-top:12px}
}
@media(min-width:961px) and (max-height:700px){
 .home-intro{min-height:210px}
 .home-study{height:205px}
 .study-sheet{height:152px;top:22px}
 .study-volume{height:190px}
 .orbit-track{--orbit-base-height:375px}
}
@media(max-width:760px){
 .project-page .artwork-opening{gap:18px!important;margin-top:15px}
 .artwork-opening .project-heading h1{font-size:32px;line-height:1.23}
 .artwork-opening .project-intro{font-size:15px;line-height:1.7}
 .artwork-opening .case-figure figcaption{flex-wrap:wrap;gap:5px 12px}
 .artwork-opening .media-reading-copy{display:none}
 .carrier-visual,.carrier-visual.has-comparison,.carrier-visual.has-readout{padding:0;grid-template-columns:minmax(0,1fr);gap:20px}
 .series-panel{grid-template-columns:minmax(0,1fr);gap:24px}
 .project-page .case-section{margin-top:32px}
 .artwork-opening .lead-composition-art{gap:4px}
}
@media(max-width:600px){
 .orbit-track{--orbit-base-height:330px}
 .orbit-gallery{min-height:0;margin-top:15px}
 .orbit-card .card-caption{padding:12px 15px 15px;min-height:0}
 .orbit-card .card-caption h2{font-size:20px}
 .orbit-card .current-label{right:12px;bottom:14px}
 .home-copy .home-description{padding-right:0}
 [data-project-id=gamejam] .artwork-opening .project-lead .lead-figure .media-frame{aspect-ratio:16/9}
 [data-project-id=gamejam] .artwork-opening .lead-figure .media-frame img{object-fit:cover;object-position:50% 50%}
 .project-page .artwork-opening .lead-original-figure{max-width:100%}
}