.ed[data-composition] {
    --action: var(--accent);
    --on-action: #fff;
    --surface: color-mix(in srgb,var(--canvas),white 65%);
    --wash: color-mix(in srgb,var(--canvas),var(--tint) 42%);
    --line: color-mix(in srgb,var(--canvas),var(--ink) 22%);
    --muted: color-mix(in srgb,var(--ink),var(--canvas) 17%);
    --radius: var(--panel-radius,14px);
}
.ed[data-ed-tone="dark"] {
    --surface: color-mix(in srgb,var(--canvas),var(--tint) 35%);
    --on-action: #171a22;
}
.ed-inner.ed-kinetic { --accent: #cbd59e !important; }
.ed[data-ed-type="serif"] { --heading: "Baskervville","Songti SC","SimSun",Georgia,serif; }
.ed[data-ed-type="mono"] { --heading: "IBM Plex Mono","Microsoft YaHei",monospace; }
.ed[data-composition] .ed-header { border-color: var(--line); }
.ed-fullscreen {
    --frame-bound: max(var(--gutter),calc((100% - var(--max)) / 2));
    --stage-height: max(540px,calc(100svh - 74px));
    --art-floor: clamp(260px,42vw,560px);
    position: relative;
    display: grid;
    min-height: var(--stage-height);
    background: var(--canvas);
    overflow: clip;
}
.ed-scene, .ed[data-composition] .ed-inner-art {
    position: relative;
    min-width: 0;
    background: var(--scene-background,radial-gradient(ellipse at var(--focal),var(--tint) 18%,var(--art) 68%,var(--canvas)));
    overflow: hidden;
}
.ed-scene img { position: absolute; inset: 0; object-position: var(--focal); }
.ed[data-composition] .ed-inner-cover > img { object-position: var(--focal); }
.ed-fullscreen .ed-hero-frame { min-width: 0; margin: 0; width: auto; padding: clamp(24px,4vw,60px); }
.ed-fullscreen .ed-hero-copy { max-width: 570px; }
.ed-fullscreen .ed-hero-nav { align-items: center; z-index: 1; }
.ed-fullscreen .ed-hero-nav a { text-decoration-thickness: 1px; }
.ed-fullscreen .ed-hero-nav a:focus-visible { outline-offset: 2px; }
.ed-fullscreen .ed-actions { margin-top: 22px; }

.ed[data-motif="orbits"] {
    --scene-background:
        repeating-radial-gradient(ellipse at var(--focal),transparent 0 6.6%,color-mix(in srgb,var(--art),transparent 30%) 6.75% 7%,transparent 7.15% 10%),
        radial-gradient(ellipse at var(--focal),var(--art),var(--tint) 48%,var(--canvas) 78%);
}
.ed[data-motif="grid"] {
    --scene-background:
        repeating-linear-gradient(90deg,transparent 0 63px,color-mix(in srgb,var(--ink),transparent 83%) 64px 65px),
        repeating-linear-gradient(0deg,transparent 0 63px,color-mix(in srgb,var(--ink),transparent 83%) 64px 65px),
        radial-gradient(ellipse at var(--focal),var(--art),var(--tint) 44%,var(--canvas));
}
.ed[data-motif="wind"] {
    --scene-background:
        repeating-linear-gradient(133deg,transparent 0 7%,color-mix(in srgb,var(--art),transparent 36%) 8% 9%,transparent 10% 17%),
        linear-gradient(133deg,var(--canvas),var(--tint) 58%,var(--art));
}
.ed[data-motif="contour"] {
    --scene-background:
        repeating-radial-gradient(ellipse at var(--focal),transparent 0 8%,color-mix(in srgb,var(--art),transparent 45%) 8.1% 8.4%,transparent 9% 12%),
        linear-gradient(125deg,var(--canvas),var(--tint));
}
.ed[data-motif="stars"] {
    --scene-background:
        radial-gradient(circle at 12px 12px,var(--tint) 0 1px,transparent 2px) 0 0 / 43px 43px,
        radial-gradient(circle at 22px 10px,var(--accent) 0 1px,transparent 2px) 0 0 / 71px 71px,
        radial-gradient(ellipse at var(--focal),var(--art),var(--tint) 42%,var(--canvas));
}
.ed[data-motif="prism"] { --scene-background: conic-gradient(from 208deg at var(--focal),var(--tint),var(--surface),var(--art),var(--tint),var(--art),var(--surface),var(--tint)); }
.ed[data-motif="tiles"] {
    --scene-background: conic-gradient(from 45deg at 50% 50%,var(--tint) 0 90deg,var(--art) 90deg 180deg,var(--canvas) 180deg 270deg,var(--accent) 270deg) 0 0 / clamp(110px,22vw,300px) clamp(110px,22vw,300px);
}
.ed[data-motif="tides"] {
    --scene-background:
        repeating-radial-gradient(ellipse at 73% -11%,transparent 0 9%,color-mix(in srgb,var(--art),transparent 45%) 9.4% 10%,transparent 11% 16%),
        linear-gradient(165deg,var(--tint),var(--canvas) 63%,var(--art));
}
.ed[data-motif="weave"] {
    --scene-background:
        repeating-linear-gradient(45deg,color-mix(in srgb,var(--art),transparent 40%) 0 2px,transparent 3px 24px),
        repeating-linear-gradient(-45deg,color-mix(in srgb,var(--accent),transparent 57%) 0 2px,transparent 3px 24px),
        radial-gradient(ellipse at var(--focal),var(--art),var(--tint),var(--canvas));
}

/* Full-bleed stages */
:is([data-composition="cinema"],[data-composition="horizon"],[data-composition="stage"],[data-composition="cross"],[data-composition="orbit"],[data-composition="canopy"]) .ed-fullscreen {
    grid-template-columns: minmax(0,1fr) auto;
    grid-template-rows: 1fr auto;
    padding: clamp(20px,5vw,72px) var(--frame-bound);
    gap: clamp(12px,3vw,32px);
}
:is([data-composition="cinema"],[data-composition="horizon"],[data-composition="stage"],[data-composition="cross"],[data-composition="orbit"],[data-composition="canopy"]) .ed-scene { position: absolute; inset: 0; z-index: -1; }
:is([data-composition="cinema"],[data-composition="horizon"],[data-composition="stage"],[data-composition="cross"],[data-composition="orbit"],[data-composition="canopy"]) .ed-scene::after {
    content: ""; position: absolute; inset: 0;
    background: var(--scene-filter,linear-gradient(90deg,var(--canvas),transparent 73%));
}
[data-composition="cinema"] { --scene-filter: linear-gradient(0deg,var(--canvas) 2%,color-mix(in srgb,var(--canvas),transparent 19%) 24%,transparent 74%); }
[data-composition="cinema"] .ed-hero-frame { grid-area: 1 / 1; align-self: end; padding-inline: 0; }
[data-composition="cinema"] .ed-hero-nav { grid-area: 2 / 1 / 3 / -1; border-top: 1px solid var(--line); }
[data-composition="horizon"] { --scene-filter: linear-gradient(110deg,var(--canvas) 2%,color-mix(in srgb,var(--canvas),transparent 23%) 34%,transparent 64%); }
[data-composition="horizon"] .ed-hero-frame { grid-area: 1 / 1; align-self: center; padding-left: 0; }
[data-composition="horizon"] .ed-hero-nav { grid-area: 2 / 1 / 3 / -1; border-block: 1px solid var(--line); background: var(--surface); padding: 6px 18px; }
[data-composition="stage"] { --scene-filter: linear-gradient(0deg,var(--canvas),transparent 42%); }
[data-composition="stage"] .ed-hero-frame { grid-area: 1 / 1 / 2 / -1; align-self: end; justify-self: end; background: var(--surface); box-shadow: 0 16px 66px #142d492b; border-radius: 24px 24px 5px 24px; }
[data-composition="stage"] .ed-hero-nav { grid-area: 2 / 1 / 3 / -1; justify-content: end; }
[data-composition="cross"] { --scene-filter: linear-gradient(110deg,var(--canvas) 8%,color-mix(in srgb,var(--canvas),transparent 17%) 38%,transparent 71%); }
[data-composition="cross"] .ed-hero-frame { grid-area: 1 / 1; align-self: center; border-left: 4px solid var(--accent); }
[data-composition="cross"] .ed-hero-nav { grid-area: 1 / 2 / 3 / 3; align-self: end; padding: 10px 18px; background: var(--surface); }
[data-composition="orbit"] { --scene-filter: radial-gradient(ellipse at center,var(--canvas) 7%,color-mix(in srgb,var(--canvas),transparent 6%) 29%,transparent 68%); }
[data-composition="orbit"] .ed-hero-frame { grid-area: 1 / 1 / 2 / -1; align-self: center; justify-self: center; text-align: center; }
[data-composition="orbit"] :is(.ed-actions,.ed-hero-nav) { justify-content: center; }
[data-composition="orbit"] .ed-hero-nav { grid-area: 2 / 1 / 3 / -1; width: fit-content; justify-self: center; padding: 0 20px; border: 1px solid var(--line); background: var(--surface); border-radius: 40px; }
[data-composition="canopy"] { --scene-filter: linear-gradient(0deg,transparent 20%,color-mix(in srgb,var(--canvas),transparent 24%) 64%,var(--canvas) 100%); }
[data-composition="canopy"] .ed-hero-frame { grid-area: 1 / 1 / 2 / -1; align-self: start; justify-self: center; text-align: center; }
[data-composition="canopy"] .ed-actions { justify-content: center; }
[data-composition="canopy"] .ed-hero-nav { grid-area: 2 / 1 / 3 / -1; justify-content: center; margin-inline: auto; padding: 5px 22px; border-radius: 999px; background: var(--surface); }

/* Split stages */
:is([data-composition="diptych"],[data-composition="splitline"],[data-composition="lattice"],[data-composition="mosaic"],[data-composition="wing"],[data-composition="portal"],[data-composition="arch"],[data-composition="inlay"]) .ed-fullscreen {
    grid-template: "copy art" 1fr "nav art" auto / minmax(0,var(--text-side,.92fr)) minmax(0,var(--art-side,1.08fr));
}
:is([data-composition="diptych"],[data-composition="splitline"],[data-composition="lattice"],[data-composition="mosaic"],[data-composition="wing"],[data-composition="portal"],[data-composition="arch"],[data-composition="inlay"]) .ed-scene { grid-area: art; }
:is([data-composition="diptych"],[data-composition="splitline"],[data-composition="lattice"],[data-composition="mosaic"],[data-composition="wing"],[data-composition="portal"],[data-composition="arch"],[data-composition="inlay"]) .ed-hero-frame { grid-area: copy; align-self: center; padding-inline-start: var(--frame-bound); }
:is([data-composition="diptych"],[data-composition="splitline"],[data-composition="lattice"],[data-composition="mosaic"],[data-composition="wing"],[data-composition="portal"],[data-composition="arch"],[data-composition="inlay"]) .ed-hero-nav { grid-area: nav; padding: 10px 18px clamp(18px,4vw,50px) var(--frame-bound); }
[data-composition="splitline"] .ed-fullscreen { grid-template: "art copy" 1fr "nav nav" auto / minmax(0,1.12fr) minmax(0,.88fr); }
[data-composition="splitline"] .ed-hero-frame { padding-inline: clamp(22px,7vw,96px) var(--gutter); }
[data-composition="splitline"] .ed-hero-nav { border-top: 1px solid var(--line); padding-block: 8px; }
[data-composition="lattice"] .ed-fullscreen { --text-side: .73fr; --art-side: 1.27fr; background: var(--wash); }
[data-composition="lattice"] .ed-hero-nav { flex-direction: column; align-items: stretch; justify-content: end; gap: 0; border-bottom: 1px solid var(--line); }
[data-composition="lattice"] .ed-hero-nav a + a { border-top: 1px solid var(--line); }
[data-composition="mosaic"] .ed-fullscreen { padding: clamp(18px,4vw,44px) var(--frame-bound); gap: 12px; grid-template-rows: 1fr auto; }
[data-composition="mosaic"] .ed-scene { border-radius: 12px 70px 12px 12px; }
[data-composition="mosaic"] .ed-hero-frame { align-self: stretch; display: grid; align-content: center; background: var(--wash); padding-inline: clamp(20px,4vw,50px); border-radius: 48px 12px 12px 12px; }
[data-composition="mosaic"] .ed-hero-nav { background: var(--tint); padding: 8px clamp(14px,4vw,48px); border-radius: 12px; }
[data-composition="wing"] .ed-fullscreen { --text-side: 1.05fr; --art-side: 1fr; }
[data-composition="wing"] .ed-scene { clip-path: polygon(14% 0,100% 0,100% 100%,0 100%); }
[data-composition="wing"] .ed-hero-frame { align-self: end; }
[data-composition="wing"] .ed-hero-nav { align-self: start; }
[data-composition="portal"] .ed-fullscreen { grid-template: "art copy" 1fr "art nav" auto / minmax(0,.98fr) minmax(0,1.02fr); background: var(--wash); }
[data-composition="portal"] .ed-scene { margin: clamp(14px,3vw,42px) 0 clamp(14px,3vw,42px) clamp(14px,3vw,42px); border-radius: 8px 90px 8px 8px; }
[data-composition="portal"] .ed-hero-frame { padding-inline: clamp(22px,6vw,86px) var(--gutter); }
[data-composition="portal"] .ed-hero-nav { padding-inline: clamp(22px,6vw,86px) var(--gutter); }
[data-composition="arch"] .ed-fullscreen { grid-template: "copy art" 1fr "nav art" auto / minmax(0,.82fr) minmax(0,1.18fr); background: var(--wash); }
[data-composition="arch"] .ed-scene { margin: clamp(20px,5vw,68px) var(--gutter) clamp(20px,5vw,68px) 0; border-radius: 50% 50% 8px 8px / 46% 46% 8px 8px; }
[data-composition="arch"] .ed-hero-nav { border-top: 1px solid var(--line); padding-block: 12px; }
[data-composition="inlay"] .ed-fullscreen { padding: 0 var(--frame-bound); background: var(--surface); }
[data-composition="inlay"] .ed-scene { align-self: center; min-height: var(--art-floor); border: 8px solid var(--wash); outline: 1px solid var(--line); }
[data-composition="inlay"] .ed-hero-frame { padding-inline-start: 0; }
[data-composition="inlay"] .ed-hero-nav { padding-inline-start: 0; border-top: 1px solid var(--line); }

/* Editorial stages */
:is([data-composition="folio"],[data-composition="journal"],[data-composition="band"],[data-composition="quiet"],[data-composition="isle"],[data-composition="tide"],[data-composition="gallery"],[data-composition="marquee"]) .ed-fullscreen {
    grid-template: "copy nav" auto "art art" minmax(var(--art-floor),1fr) / minmax(0,1fr) minmax(165px,.37fr);
    padding-inline: var(--frame-bound);
}
:is([data-composition="folio"],[data-composition="journal"],[data-composition="band"],[data-composition="quiet"],[data-composition="isle"],[data-composition="tide"],[data-composition="gallery"],[data-composition="marquee"]) .ed-scene { grid-area: art; }
:is([data-composition="folio"],[data-composition="journal"],[data-composition="band"],[data-composition="quiet"],[data-composition="isle"],[data-composition="tide"],[data-composition="gallery"],[data-composition="marquee"]) .ed-hero-frame { grid-area: copy; padding-inline: 0 24px; align-self: end; }
:is([data-composition="folio"],[data-composition="journal"],[data-composition="band"],[data-composition="quiet"],[data-composition="isle"],[data-composition="tide"],[data-composition="gallery"],[data-composition="marquee"]) .ed-hero-nav { grid-area: nav; align-self: end; margin-block: 10px 22px; flex-direction: column; align-items: stretch; gap: 0; }
[data-composition="folio"] .ed-fullscreen { padding-bottom: clamp(15px,4vw,40px); }
[data-composition="folio"] .ed-scene { border-top: 5px solid var(--accent); }
[data-composition="journal"] .ed-fullscreen { grid-template-areas: "art art" "copy nav"; grid-template-rows: minmax(var(--art-floor),1fr) auto; padding-top: clamp(18px,4vw,50px); }
[data-composition="journal"] .ed-hero-frame { border-bottom: 1px solid var(--line); }
[data-composition="band"] .ed-fullscreen { padding-inline: 0; }
[data-composition="band"] .ed-hero-frame { padding-left: var(--frame-bound); }
[data-composition="band"] .ed-hero-nav { margin-right: var(--frame-bound); border-top: 1px solid var(--line); }
[data-composition="quiet"] .ed-fullscreen { grid-template: "copy copy" auto "art art" minmax(300px,1fr) "nav nav" auto / 1fr; text-align: center; }
[data-composition="quiet"] .ed-hero-frame { justify-self: center; padding-inline: 0; }
[data-composition="quiet"] .ed-scene { width: min(760px,100%); justify-self: center; border-radius: 48% 48% 5px 5px / 35% 35% 5px 5px; }
[data-composition="quiet"] :is(.ed-actions,.ed-hero-nav) { justify-content: center; }
[data-composition="quiet"] .ed-hero-nav { flex-direction: row; gap: 12px 24px; margin-block: 8px 16px; }
[data-composition="isle"] .ed-fullscreen { grid-template-rows: minmax(var(--art-floor),1fr) auto; grid-template-areas: "art art" "nav copy"; grid-template-columns: minmax(150px,.35fr) minmax(0,1fr); }
[data-composition="isle"] .ed-scene { border-radius: 0 0 50px 50px; }
[data-composition="isle"] .ed-hero-frame { justify-self: end; padding-inline: 22px 0; }
[data-composition="isle"] .ed-hero-nav { align-self: center; border-left: 3px solid var(--accent); padding-left: 12px; }
[data-composition="tide"] .ed-fullscreen { grid-template: "art art" minmax(0,1fr) "copy nav" auto / minmax(0,1fr) minmax(170px,.36fr); padding-block: clamp(20px,5vw,65px); background: var(--wash); gap: 14px 28px; }
[data-composition="tide"] .ed-scene { min-height: var(--art-floor); border-radius: 40px 8px 40px 8px; }
[data-composition="tide"] .ed-hero-frame { padding-block: 6px 0; }
[data-composition="gallery"] .ed-fullscreen { grid-template: "art art" minmax(var(--art-floor),1fr) "copy nav" auto / minmax(0,1fr) minmax(150px,.3fr); }
[data-composition="gallery"] .ed-scene { margin-top: clamp(18px,4vw,42px); box-shadow: 0 18px 46px #1e16251c; }
[data-composition="gallery"] .ed-hero-nav { border-top: 2px solid var(--line); }
[data-composition="marquee"] .ed-fullscreen { grid-template: "copy copy" auto "art art" minmax(var(--art-floor),1fr) "nav nav" auto / 1fr; text-align: center; }
[data-composition="marquee"] .ed-hero-frame { justify-self: center; padding-inline: 0; }
[data-composition="marquee"] :is(.ed-hero-nav,.ed-actions) { justify-content: center; }
[data-composition="marquee"] .ed-hero-nav { flex-direction: row; gap: 12px 24px; border-top: 2px solid var(--line); margin-block: 16px 10px; }

/* Offer and inner-page treatments */
[data-ed-plans="tiles"] { --panel-radius: 26px; }
[data-ed-plans="matrix"] { --panel-radius: 4px; --button-radius: 5px; }
[data-ed-plans="bare"] { --panel-radius: 0px; --button-radius: 7px; }
[data-ed-plans="rows"] { --panel-radius: 10px; --button-radius: 5px; }
[data-ed-plans="ribbon"] .ed-recommended { box-shadow: inset 0 4px var(--accent); }
[data-ed-plans="matrix"] .ed-plans { gap: 1px; padding: 1px; background: var(--line); }
[data-ed-plans="matrix"] .ed-plan { border: 0; }
[data-ed-plans="matrix"] .ed-plan .ed-measure { grid-template-columns: 1fr 1fr; }
[data-ed-plans="bare"] .ed-plan { background: transparent; border-inline: 0; }
[data-ed-plans="bare"] .ed-recommended { background: var(--wash); }
[data-ed-plans="rows"] .ed-plans { grid-template-columns: 1fr; }
[data-ed-plans="tiles"] .ed-plan > .ed-button { width: 100%; }
[data-ed-plans="matrix"] .ed-overview, [data-ed-plans="bare"] .ed-overview { border-top: 3px solid var(--accent); }
[data-ed-plans="rows"] .ed-downloads { grid-template-columns: 1fr; }
[data-ed-plans="rows"] .ed-downloads li { border-width: 0 0 1px; background: transparent; }
[data-ed-plans="ribbon"] .ed-downloads li { border-radius: 999px; }
[data-ed-plans="tiles"] .ed-downloads li { background: var(--wash); }
[data-ed-plans="bare"] .ed-downloads li { border-inline: 0; }
[data-composition] .ed-inner-cover > .ed-inner-art { grid-area: 1 / 2; align-self: stretch; padding: 0; }
[data-composition] .ed-inner-cover > .ed-inner-art + div { grid-area: 1 / 1; }
:is([data-composition="portal"],[data-composition="splitline"],[data-composition="gallery"]) .ed-inner-cover { grid-template-columns: minmax(0,.48fr) minmax(0,1fr); }
:is([data-composition="portal"],[data-composition="splitline"],[data-composition="gallery"]) .ed-inner-cover > :is(img,.ed-inner-art) { grid-column: 1; }
:is([data-composition="portal"],[data-composition="splitline"],[data-composition="gallery"]) .ed-inner-cover > div:not(.ed-inner-art) { grid-column: 2; }
@media (min-width: 860px) {
    [data-ed-plans="rows"] .ed-plan {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0,.65fr) minmax(0,1.05fr) auto;
        align-items: center;
        column-gap: 18px;
    }
    [data-ed-plans="rows"] .ed-plan .ed-measure { grid-area: 1 / 3 / span 2; padding: 0; border: 0; }
    [data-ed-plans="rows"] .ed-plan > .ed-button { grid-area: 1 / 4; margin: 0; }
    [data-ed-plans="rows"] .ed-plan .ed-disclosure { grid-column: 1 / 3; }
}
@media (max-width: 720px) {
    .ed-fullscreen { --stage-height: max(540px,calc(100svh - 64px)); --art-floor: clamp(225px,55vw,340px); }
    .ed-fullscreen .ed-hero-frame { padding-block: clamp(21px,7vw,42px); }
    :is([data-composition="cinema"],[data-composition="horizon"],[data-composition="stage"],[data-composition="cross"],[data-composition="orbit"],[data-composition="canopy"]) .ed-fullscreen { grid-template-columns: minmax(0,1fr); }
    :is([data-composition="cinema"],[data-composition="cross"]) { --scene-filter: linear-gradient(0deg,var(--canvas),color-mix(in srgb,var(--canvas),transparent 19%) 35%,transparent 80%); }
    [data-composition="cross"] .ed-hero-frame { align-self: end; grid-area: 1 / 1; }
    [data-composition="cross"] .ed-hero-nav { grid-area: 2 / 1; padding-inline: 14px; }
    [data-composition="horizon"] { --scene-filter: linear-gradient(176deg,var(--canvas),color-mix(in srgb,var(--canvas),transparent 14%) 42%,transparent 78%); }
    [data-composition="horizon"] .ed-hero-frame { align-self: start; }
    [data-composition="stage"] .ed-hero-frame { width: 100%; padding-inline: 22px; }
    [data-composition="orbit"] .ed-hero-frame { padding-inline: 0; }
    [data-composition="canopy"] .ed-hero-frame { padding-inline: 0; }
    :is([data-composition="diptych"],[data-composition="splitline"],[data-composition="lattice"],[data-composition="mosaic"],[data-composition="wing"],[data-composition="portal"],[data-composition="arch"],[data-composition="inlay"]) .ed-fullscreen {
        grid-template: "art" minmax(var(--art-floor),1fr) "copy" auto "nav" auto / minmax(0,1fr);
    }
    [data-composition="lattice"] .ed-fullscreen, [data-composition="wing"] .ed-fullscreen { grid-template-areas: "copy" "art" "nav"; grid-template-rows: auto minmax(var(--art-floor),1fr) auto; }
    :is([data-composition="diptych"],[data-composition="splitline"],[data-composition="lattice"],[data-composition="wing"],[data-composition="portal"],[data-composition="arch"],[data-composition="inlay"]) .ed-hero-frame { padding-inline: var(--gutter); }
    :is([data-composition="diptych"],[data-composition="splitline"],[data-composition="lattice"],[data-composition="wing"],[data-composition="portal"],[data-composition="arch"],[data-composition="inlay"]) .ed-hero-nav { padding: 8px var(--gutter) 14px; }
    [data-composition="wing"] .ed-scene { clip-path: polygon(0 5%,100% 0,100% 96%,0 100%); }
    [data-composition="arch"] .ed-scene, [data-composition="portal"] .ed-scene { margin: 18px var(--gutter) 0; }
    [data-composition="inlay"] .ed-fullscreen { padding-inline: 0; }
    [data-composition="inlay"] .ed-scene { align-self: stretch; min-height: 0; margin: 16px var(--gutter) 0; }
    :is([data-composition="folio"],[data-composition="journal"],[data-composition="band"],[data-composition="isle"],[data-composition="tide"],[data-composition="gallery"]) .ed-fullscreen {
        grid-template: "copy" auto "art" minmax(var(--art-floor),1fr) "nav" auto / minmax(0,1fr);
    }
    :is([data-composition="journal"],[data-composition="tide"],[data-composition="gallery"]) .ed-fullscreen { grid-template-areas: "art" "copy" "nav"; grid-template-rows: minmax(var(--art-floor),1fr) auto auto; }
    [data-composition="marquee"] .ed-fullscreen { grid-template: "art" minmax(var(--art-floor),1fr) "copy" auto "nav" auto / minmax(0,1fr); }
    [data-composition="band"] .ed-hero-nav { margin-inline: var(--gutter); }
    [data-composition="isle"] .ed-hero-frame { justify-self: start; padding-inline: 0; }
    [data-composition="tide"] .ed-fullscreen { padding-block: 18px 4px; }
}
@media (max-width: 460px) {
    .ed[data-composition] .ed-inner-cover { grid-template-columns: minmax(0,1fr) minmax(0,.32fr); }
    .ed:is([data-composition="portal"],[data-composition="splitline"],[data-composition="gallery"]) .ed-inner-cover { grid-template-columns: minmax(0,.32fr) minmax(0,1fr); }
}

/* Composition variations */
[data-variation="right-arch"] .ed-fullscreen { background: var(--surface); }
[data-variation="right-arch"] .ed-scene { border-radius: 62% 8px 8px 8px; }
[data-variation="foot-band"] .ed-fullscreen { grid-template: "art art" minmax(var(--art-floor),1fr) "copy nav" auto / minmax(0,1fr) minmax(170px,.35fr); }
[data-variation="center-horizon"] { --scene-filter: linear-gradient(180deg,var(--canvas),color-mix(in srgb,var(--canvas),transparent 11%) 29%,transparent 71%); }
[data-variation="center-horizon"] .ed-hero-frame { grid-column: 1 / -1; align-self: start; justify-self: center; text-align: center; padding-inline: 0; }
[data-variation="center-horizon"] .ed-actions { justify-content: center; }
[data-variation="floating-left"] .ed-hero-frame { justify-self: start; align-self: center; border-radius: 6px 30px 30px 6px; }
[data-variation="floating-left"] .ed-hero-nav { justify-content: start; }
[data-variation="high-portal"] .ed-hero-frame { align-self: start; }
[data-variation="high-portal"] .ed-scene { border-radius: 0 0 130px 0; margin: 0; }
[data-variation="lower-portal"] .ed-hero-frame { align-self: end; }
[data-variation="lower-portal"] .ed-scene { margin: 0; border-radius: 0; }
[data-variation="right-cross"] { --scene-filter: linear-gradient(270deg,var(--canvas) 10%,color-mix(in srgb,var(--canvas),transparent 12%) 37%,transparent 68%); }
[data-variation="right-cross"] .ed-fullscreen { grid-template-columns: minmax(0,.65fr) minmax(0,1fr); }
[data-variation="right-cross"] .ed-hero-frame { grid-column: 2; justify-self: end; }
[data-variation="right-cross"] .ed-hero-nav { grid-area: 2 / 1; }
[data-variation="wing-high"] .ed-hero-frame { align-self: center; }
[data-variation="wing-high"] .ed-scene { clip-path: polygon(32% 0,100% 0,100% 100%,0 100%); }
[data-variation="wing-strip"] .ed-hero-frame { align-self: start; }
[data-variation="wing-strip"] .ed-scene { margin-block: 12px; clip-path: polygon(6% 0,100% 0,100% 100%,24% 100%); }
[data-variation="marquee-low"] .ed-fullscreen { grid-template-areas: "art art" "copy copy" "nav nav"; grid-template-rows: minmax(var(--art-floor),1fr) auto auto; }
[data-variation="lattice-right"] .ed-fullscreen { grid-template: "art copy" 1fr "art nav" auto / minmax(0,1.2fr) minmax(0,.8fr); }
[data-variation="lattice-right"] .ed-hero-frame, [data-variation="lattice-right"] .ed-hero-nav { padding-inline: clamp(22px,6vw,80px) var(--gutter); }
[data-variation="quiet-split"] .ed-fullscreen { grid-template: "art copy" 1fr "art nav" auto / minmax(0,.9fr) minmax(0,1.1fr); align-content: stretch; text-align: start; gap: 12px 38px; }
[data-variation="quiet-split"] .ed-hero-frame { align-self: center; justify-self: start; }
[data-variation="quiet-split"] .ed-scene { margin-block: 32px; border-radius: 140px 140px 0 0; }
[data-variation="quiet-split"] :is(.ed-actions,.ed-hero-nav) { justify-content: start; }
[data-variation="folio-side"] .ed-fullscreen { grid-template: "art copy" 1fr "art nav" auto / minmax(0,1fr) minmax(0,.7fr); gap: 12px 38px; padding-top: 35px; }
[data-variation="folio-side"] .ed-hero-frame { align-self: center; }
[data-variation="lattice-band"] .ed-fullscreen { grid-template-areas: "copy art" "nav nav"; }
[data-variation="lattice-band"] .ed-hero-nav { flex-direction: row; justify-content: end; gap: 20px; border: 1px solid var(--line); padding: 10px var(--frame-bound); }
[data-variation="lattice-band"] .ed-hero-nav a + a { border: 0; }
[data-variation="isle-centered"] .ed-fullscreen { grid-template: "art art" minmax(var(--art-floor),1fr) "copy copy" auto "nav nav" auto / 1fr; text-align: center; }
[data-variation="isle-centered"] .ed-hero-frame { justify-self: center; padding-inline: 0; }
[data-variation="isle-centered"] :is(.ed-actions,.ed-hero-nav) { justify-content: center; }
[data-variation="isle-centered"] .ed-hero-nav { flex-direction: row; gap: 20px; border: 0; padding-left: 0; }
[data-variation="canopy-split"] .ed-hero-frame { justify-self: start; text-align: start; }
[data-variation="canopy-split"] .ed-actions { justify-content: start; }
[data-variation="canopy-split"] .ed-hero-nav { margin-inline: auto 0; }
[data-variation="canopy-low"] { --scene-filter: linear-gradient(0deg,var(--canvas) 0%,color-mix(in srgb,var(--canvas),transparent 13%) 34%,transparent 72%); }
[data-variation="canopy-low"] .ed-hero-frame { align-self: end; }
[data-variation="summit-card"] { --scene-filter: linear-gradient(0deg,var(--canvas),transparent 38%); }
[data-variation="summit-card"] .ed-hero-frame {
    grid-column: 1 / -1;
    align-self: end;
    justify-self: end;
    padding-inline: clamp(22px,4vw,54px);
    border: 1px solid var(--line);
    border-radius: 22px 22px 4px 22px;
    background: var(--surface);
}
[data-variation="summit-card"] .ed-hero-nav { justify-content: end; }

@media(max-width:480px) {
    .ed[data-composition] .ed-fullscreen {
        --stage-height:max(420px,calc(100svh - 64px));
        --art-floor:clamp(155px,29svh,235px);
    }
    .ed[data-composition]:has(.ed-notice) .ed-fullscreen { --stage-height:max(420px,calc(100svh - 137px)); }
    .ed[data-composition] .ed-fullscreen .ed-hero-frame { padding-block:18px; }
    .ed[data-composition] .ed-fullscreen .ed-hero-nav { margin-block:0; }
    .ed[data-composition] .ed-fullscreen .ed-hero-copy > p { margin-top:12px; }
}

@media (max-width: 720px) {
    :is([data-variation="foot-band"],[data-variation="folio-side"],[data-variation="lattice-right"],[data-variation="quiet-split"]) .ed-fullscreen {
        grid-template: "art" minmax(var(--art-floor),1fr) "copy" auto "nav" auto / minmax(0,1fr);
    }
    [data-variation="quiet-split"] .ed-scene { margin-block: 18px 0; }
    [data-variation="right-cross"] { --scene-filter: linear-gradient(0deg,var(--canvas),color-mix(in srgb,var(--canvas),transparent 19%) 35%,transparent 80%); }
    [data-variation="right-cross"] .ed-fullscreen { grid-template-columns: minmax(0,1fr); }
    [data-variation="right-cross"] .ed-hero-frame { grid-column: 1; }
    [data-variation="lattice-band"] .ed-fullscreen { grid-template-areas: "copy" "art" "nav"; }
    [data-variation="wing-strip"] .ed-scene, [data-variation="wing-high"] .ed-scene { clip-path: polygon(0 4%,100% 0,100% 98%,0 94%); }
}