.composition-review{margin:10px 0 85px;padding:36px 0 0;border-top:1px solid var(--line)}
.composition-review-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:end;margin-bottom:42px}
.composition-review-intro .eyebrow{font-size:9px;letter-spacing:.1em;color:#526076}
.composition-review-intro h3{font-size:clamp(32px,3.4vw,58px);font-weight:650;line-height:1.04;margin-top:18px;letter-spacing:-.05em}
.composition-review-intro>p{font-size:15px;line-height:1.7;max-width:36ch;color:#526076}
.composition-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.composition-example{min-width:0}
.composition-example figcaption{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.composition-example figcaption>span{font-size:9px;letter-spacing:.09em;color:#526076}
.composition-example figcaption>strong{font-size:22px;line-height:1.2;font-weight:550;letter-spacing:-.035em}
.composition-poster{position:relative;aspect-ratio:3/2;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--paper);container-type:inline-size}
.composition-poster-disc{position:absolute;z-index:-1;width:70%;aspect-ratio:1;border-radius:50%;right:-16%;bottom:-18%;background:var(--blue)}
.composition-poster-logo{position:absolute;width:30%;height:auto;top:9%;left:8%;z-index:4}
.composition-poster-kicker{position:absolute;top:29%;left:8%;z-index:4;font-size:1.2cqw;letter-spacing:.1em;font-weight:550;color:var(--ice)}
.composition-poster-title{position:absolute;left:8%;top:39%;z-index:4;font-size:9.6cqw;font-weight:750;letter-spacing:-.065em;line-height:.99}
.composition-poster-person{position:absolute;z-index:2;height:103%;width:auto;max-width:none;right:5%;bottom:-21%;object-fit:contain}
.composition-poster-address{position:absolute;z-index:4;left:8%;bottom:10%;display:flex;justify-content:space-between;align-items:center;gap:30px;width:30%;padding:0 0 8px;border-bottom:1px solid #7ad8ff80;font-size:1.55cqw;letter-spacing:.045em;color:var(--ice)}
.composition-poster-address>span{font-size:2.2cqw;line-height:1}
.composition-poster-age{position:absolute;z-index:5;bottom:10%;right:7%;font-size:1.3cqw;color:var(--paper)}
.composition-poster-bad .composition-poster-logo{width:38%;left:2%;top:6%;transform:rotate(-9deg)}
.composition-poster-bad .composition-poster-person{height:116%;right:25%;bottom:-27%}
.composition-poster-bad .composition-poster-disc{width:100%;right:-39%;bottom:-38%}
.composition-poster-bad .composition-poster-kicker{top:29%;left:4%;font-size:1.8cqw;color:var(--paper)}
.composition-poster-bad .composition-poster-title{top:31%;left:20%;font-size:13.6cqw;line-height:.91;letter-spacing:-.06em;transform:rotate(4deg)}
.composition-poster-extra{position:absolute;z-index:5;font-weight:700;line-height:1.1;letter-spacing:-.035em}
.composition-poster-extra-top{right:3%;top:10%;width:33%;font-size:3.4cqw;color:var(--ice);transform:rotate(6deg)}
.composition-poster-extra-bottom{left:4%;bottom:6%;font-size:5.6cqw;transform:rotate(-5deg)}
.composition-poster-bad .composition-poster-address{left:auto;right:3%;bottom:19%;width:auto;font-size:3cqw;border:0;padding:10px 12px;background:var(--ice);color:var(--ink);gap:10px;transform:rotate(-6deg)}
.composition-poster-bad .composition-poster-age{bottom:3%;right:3%;font-size:2cqw}
.composition-notes{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:17px}
.composition-notes>li{display:grid;grid-template-columns:25px 1fr;gap:13px;align-items:start}
.composition-notes>li>span{font-size:9px;padding-top:3px;color:#526076;font-variant-numeric:tabular-nums}
.composition-notes p{font-size:13px;line-height:1.65;color:#526076;max-width:54ch}
.composition-notes strong{font-weight:600;color:var(--ink)}
.composition-review-note{font-size:10px;line-height:1.7;color:#526076;max-width:70ch;margin-top:30px}
@media(max-width:1000px){.composition-pair{gap:24px}.composition-example figcaption>strong{font-size:19px}.composition-review-intro>p{font-size:13px}.composition-notes p{font-size:12px}.composition-poster-address{gap:10px}}
@media(max-width:700px){.composition-review{padding-top:28px;margin:0 0 55px}.composition-review-intro{display:block;margin-bottom:30px}.composition-review-intro h3{font-size:36px;margin-top:14px}.composition-review-intro>p{font-size:13px;margin-top:20px;max-width:38ch}.composition-pair{display:block}.composition-example+.composition-example{margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}.composition-example figcaption{gap:8px;margin-bottom:18px}.composition-example figcaption>span{font-size:8px}.composition-example figcaption>strong{font-size:21px}.composition-poster{aspect-ratio:1.35}.composition-poster-kicker{font-size:1.7cqw;top:30%}.composition-poster-title{font-size:10.8cqw;top:40%}.composition-poster-logo{width:36%;top:9%}.composition-poster-person{height:95%;right:1%;bottom:-17%}.composition-poster-address{font-size:2cqw;width:37%;bottom:10%;padding-bottom:5px;gap:8px}.composition-poster-address>span{font-size:3cqw}.composition-poster-age{font-size:1.8cqw}.composition-poster-bad .composition-poster-kicker{font-size:2cqw;top:30%}.composition-poster-bad .composition-poster-person{right:17%;height:106%;bottom:-20%}.composition-poster-bad .composition-poster-logo{width:42%;left:3%;top:6%}.composition-poster-bad .composition-poster-title{top:37%;left:12%;font-size:15cqw}.composition-poster-bad .composition-poster-address{font-size:3cqw;bottom:19%;width:auto;padding:7px 9px}.composition-poster-extra-top{font-size:3.5cqw;width:37%;top:12%}.composition-poster-extra-bottom{font-size:6.8cqw;bottom:6%;left:4%}.composition-notes{gap:13px;margin-top:20px}.composition-notes>li{grid-template-columns:22px 1fr;gap:10px}.composition-notes p{font-size:12px;line-height:1.6}.composition-review-note{font-size:9px;margin-top:25px}}
@media print{.composition-review{break-before:page;break-inside:avoid}.composition-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.composition-review-intro h3{font-size:28px}.composition-notes p{font-size:10px}.composition-poster-title{font-size:8cqw}}