/* Real desktop and mobile interfaces share one photographic device composition. */
.gc-paired-cover{container-type:size}
.gc-pair-stage{position:absolute;inset:0;isolation:isolate}
.gc-pair-stage>.gc-pair-device{display:block;position:absolute;margin:0;max-width:none;transform:none;line-height:0}
.gc-pair-stage>.gc-pair-device--laptop{width:96%;left:-3%;top:10%;z-index:1}
.gc-pair-stage>.gc-pair-device--phone{width:31%;left:67%;top:38%;z-index:2}
.gc-pair-device img{user-select:none;-webkit-user-drag:none}

/* Project-page covers retain their fully interactive device screens. */
.dc-live-cover.gc-paired-cover{position:relative;aspect-ratio:3/2;padding:0}
.gc-paired-cover .dc-live-cover__head{position:absolute;inset:6% 7% auto;z-index:3;padding:0;display:flex;align-items:center;gap:24px}
.gc-paired-cover .dc-live-cover__head>img{width:19%;max-width:30%;max-height:64px}
.gc-paired-cover .dc-live-cover__head>p{max-width:56%;font-size:clamp(14px,2.1vw,27px);margin:0;text-align:right}
.gc-paired-cover .dc-device-figure>figcaption{display:none}
.dc-cover-pair-links{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 3px 0;font:12px/1.5 var(--dc-ui,Arial,sans-serif);color:var(--dc-ink)}
.dc-cover-pair-links>a{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid currentColor;padding-bottom:3px}

/* Taller home covers show the same devices in a more open, staggered arrangement. */
@container (max-aspect-ratio:1/1){
 .gc-pair-stage>.gc-pair-device--laptop{width:102%;left:-5%;top:19%}
 .gc-pair-stage>.gc-pair-device--phone{width:52%;left:53%;top:40%}
}
@media(max-width:700px){
 .dc-live-cover.gc-paired-cover{aspect-ratio:4/5;border-radius:16px}
 .gc-paired-cover .dc-live-cover__head{inset:6% 8% auto;gap:18px;align-items:start}
 .gc-paired-cover .dc-live-cover__head>img{width:27%;max-width:35%;max-height:45px}
 .gc-paired-cover .dc-live-cover__head>p{max-width:54%;font-size:clamp(12px,3.3vw,17px);line-height:1.4;letter-spacing:-.025em}
 .dc-cover-pair-links{font-size:10px;gap:14px;padding-top:13px}
}
