.composition{position:relative;background:linear-gradient(165deg,#fffdf7 0%,#f1e8d7 100%);overflow:hidden}.composition:before{content:"";position:absolute;right:-90px;top:-75px;width:220px;height:220px;border:1px solid rgba(216,169,47,.25);border-radius:50%;box-shadow:0 0 0 25px rgba(216,169,47,.06),0 0 0 50px rgba(216,169,47,.035)}.composition>*{position:relative;z-index:1}.composition-lead{margin-bottom:28px!important}.composition-grid{display:grid;gap:12px}.composition-grid article{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #ded2bd;border-radius:18px;background:rgba(255,253,248,.88);box-shadow:0 9px 24px rgba(22,69,55,.06)}.composition-grid .composition-main{border-color:#d4ad45;background:linear-gradient(135deg,#073f34,#0a5a49);color:#fff}.composition-icon{flex:0 0 52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#e9d28a;color:#073f34;font-size:15px;font-weight:900;letter-spacing:-.02em}.composition-grid h3{margin:0 0 5px;font-size:15px;line-height:1.2;color:#073f34}.composition-grid p{margin:0;font-size:12px;line-height:1.45;color:#65756f}.composition-main h3{color:#fff}.composition-main p{color:#d8e7e1}.composition-note{display:grid;gap:5px;margin-top:18px;padding:17px 18px;border-left:4px solid #d8a92f;border-radius:5px 15px 15px 5px;background:#fffaf0}.composition-note b{color:#073f34;font-size:13px}.composition-note span{color:#65756f;font-size:11px;line-height:1.5}
