/* The new editorial sections share the original type, spacing and palette. */
.model-guide{background:#f8f6fc;border-bottom:1px solid var(--line)}
.model-image-row img{height:auto;aspect-ratio:1;object-fit:cover}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.guide-card{padding:25px 0 8px;border-top:1px solid #d5ccdf}
.guide-index{display:block;font-size:12px;letter-spacing:.035em;color:#79628f;margin-bottom:20px}
.guide-card h3{font-size:23px;max-width:280px;margin-bottom:15px}
.guide-card p{color:var(--muted)}
.motion-studio{background:#eee8f8;overflow:hidden}
.motion-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,6vw,96px);align-items:center}
.motion-copy h2{font-size:clamp(34px,3.4vw,54px);margin:18px 0 22px}
.motion-lead{font-size:19px;line-height:1.5;max-width:550px}
.motion-notes{display:grid;gap:24px;margin:30px 0}
.motion-notes article{display:flex;align-items:flex-start;gap:18px}
.motion-notes article>span{font-size:12px;color:#7b609b;padding-top:4px}
.motion-notes h3{font-size:20px;margin-bottom:8px}
.motion-notes p{color:#60546b;font-size:15px}
.motion-footnote{font-size:13px;color:#776584}
.motion-figure{margin:0;min-width:0}
.motion-media{position:relative;overflow:hidden;border-radius:200px 200px 18px 18px;background:#163d40;aspect-ratio:560/752;box-shadow:0 25px 50px -28px #33224375}
.showcase-video{display:block;width:100%;height:100%;object-fit:cover}
.motion-media:after{content:'';position:absolute;inset:65% 0 0;pointer-events:none;background:linear-gradient(transparent,#101b2d80)}
.film-label{position:absolute;bottom:27px;left:22px;z-index:1;color:white;font-size:9px;letter-spacing:.11em;max-width:45%;line-height:1.7}
.media-control{position:absolute;right:18px;bottom:19px;z-index:2;border:1px solid #ffffff99;border-radius:999px;padding:11px 16px;min-height:44px;background:#14212b70;backdrop-filter:blur(8px);color:#fff;font:500 12px/20px Geist,Arial,sans-serif;cursor:pointer;transition:background .25s,transform .25s}
.media-control[hidden]{display:none}.media-control:hover{background:#14212bc9;transform:translateY(-2px)}
.media-control:focus-visible{outline:3px solid white;outline-offset:4px}
.motion-figure figcaption{font-size:12px;color:#766980;line-height:1.6;margin-top:16px;display:flex;flex-direction:column;gap:4px}
.motion-figure figcaption a{text-decoration-color:#b9acc6;text-underline-offset:3px}
.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.settings-grid article{padding:24px 0;border-top:1px solid var(--line)}
.setting-tag{display:inline-block;background:#f0eafa;border-radius:6px;font-size:12px;padding:6px 9px;color:#77519d;margin-bottom:19px}
.settings-grid h3{font-size:20px;line-height:1.3;margin-bottom:12px}
.settings-grid p{font-size:15px;color:var(--muted)}
.workflow-note{display:grid;grid-template-columns:1fr 3fr;gap:28px;background:#f7f5fa;padding:25px 28px;border-radius:12px;margin-top:12px}
.workflow-note>span{font-size:14px;font-weight:550;color:#74598d;padding-top:3px}
.workflow-note p{color:var(--muted);font-size:15px}
.settings-section{padding-bottom:32px}
.path-art,.wide-art,.motion-media{isolation:isolate}
.mosaic img{transition:filter .3s,transform .7s cubic-bezier(.22,1,.36,1);border-radius:5px}
@media(hover:hover){.mosaic img:hover{transform:scale(.975);filter:brightness(1.06)}.guide-card:hover .guide-index{color:#522b89}.guide-card{transition:border-color .25s}.guide-card:hover{border-color:#9671c1}}
@media(min-width:801px){.mosaic{max-height:none;mask-image:none}}
@media(max-width:1120px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{gap:22px}.motion-layout{gap:35px}.motion-lead{font-size:17px}}
@media(max-width:800px){.guide-grid{grid-template-columns:1fr;gap:18px}.guide-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px 28px}.guide-index{grid-column:1/-1;margin:0}.guide-card h3{margin:0}.motion-layout{grid-template-columns:1fr;gap:24px}.motion-copy{display:contents}.motion-copy>.eyebrow{order:1}.motion-copy h2{order:2;font-size:42px;margin:0}.motion-lead{order:3}.motion-figure{order:4;width:min(100%,440px);margin:0 auto}.motion-notes{order:5;margin:4px 0}.motion-footnote{order:6}.workflow-note{grid-template-columns:1fr;gap:12px}}
@media(max-width:600px){.guide-card{display:block;padding:22px 0 0}.guide-index{margin-bottom:12px}.guide-card h3{max-width:none;font-size:23px;margin-bottom:12px}.motion-copy h2{font-size:36px}.motion-notes{gap:22px;margin:25px 0}.motion-notes p{font-size:16px}.motion-media{border-radius:160px 160px 16px 16px}.settings-grid{grid-template-columns:1fr;gap:0}.settings-grid article{padding:24px 0}.settings-grid p{font-size:16px}.setting-tag{margin-bottom:12px}.workflow-note{padding:22px}.settings-section{padding-bottom:26px}.film-label{left:18px;font-size:8px;bottom:26px}.media-control{right:14px;font-size:11px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after,*::details-content{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the full-width illustration proportionate to its surrounding steps. */
@media(min-width:801px){.wide-art img{height:clamp(360px,34vw,490px);aspect-ratio:auto;object-position:center 42%}}
