/* ApeOn uses the portfolio's native type, themes and media geometry. */
.apeon-page .apeon-intro{padding-bottom:clamp(24px,4vw,56px)}
.apeon-data-note{margin:0;max-width:44em;color:var(--muted);font-size:14px;line-height:1.5}
.apeon-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.27fr);gap:clamp(24px,4vw,64px);align-items:start}
.apeon-pair>.series-phone{width:100%;max-width:300px;justify-self:center}
.apeon-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,72px)}
.apeon-page .series-shot img{background:#0d1016}
.apeon-page .case-cover-art{padding:0;background:transparent}
.apeon-full-views{margin:0 var(--gutter) clamp(64px,9vw,140px)}
.apeon-full-views summary{padding:12px 0;min-height:44px;cursor:pointer;color:var(--ink);font-size:16px}
.apeon-full-views summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.apeon-full-views[open]>.apeon-pair{margin-top:32px}
@media(max-width:700px){.apeon-pair{grid-template-columns:minmax(0,1fr)}.apeon-pair>.series-phone{width:min(100%,300px)}}