.composition{--comp-pad-y: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 41px);--comp-pad-x: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 41px);--comp-stack-gap: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 41px);--comp-copy-gap: clamp(9px, calc(10px + (var(--max-vw) - 375px) * .015), 20px);--comp-proof-unit: clamp(9px, calc(10px + (var(--max-vw) - 375px) * .015), 20px);--comp-avatar: clamp(34px, calc(40px + (var(--max-vw) - 375px) * .015), 82px);--comp-avatar-overlap: clamp(13px, calc(15px + (var(--max-vw) - 375px) * .015), 31px);--comp-cap-w: clamp(129px, calc(151px + (var(--max-vw) - 375px) * .015), 309px);--comp-copy-w: 100%;--comp-pill-w: 100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:var(--comp-stack-gap);width:100%;padding:var(--comp-pad-y) var(--comp-pad-x);aspect-ratio:335 / 390;min-height:fit-content;border-radius:20px}.composition__bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.composition__photo{width:100%;height:100%;object-fit:cover;object-position:39.3% 50%}.composition__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-scrim)}.composition__copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--comp-copy-gap);width:var(--comp-copy-w)}.composition__stat{width:100%;font-family:var(--font-body);font-size:var(--text-stat-xl);font-weight:500;line-height:var(--lh-flat);letter-spacing:var(--ls-stat-xl);color:var(--color-on-dark)}.composition__lead{width:100%;max-width:92.881%;font-family:var(--font-body);font-size:var(--text-lead);font-weight:500;line-height:var(--lh-tight);color:var(--color-on-dark);text-box-trim:trim-both;text-box-edge:cap alphabetic}.composition__proof{position:relative;width:var(--comp-pill-w);padding:var(--comp-proof-unit);border-radius:33px;background:var(--color-glass);-webkit-backdrop-filter:blur(6.5px);backdrop-filter:blur(6.5px)}.composition__proof-row{display:flex;flex-direction:row;align-items:center;gap:var(--comp-proof-unit)}.composition__avatars{display:flex;flex-direction:row;align-items:center;flex:none}.composition__avatar{width:var(--comp-avatar);height:var(--comp-avatar);flex:none;border-radius:50%}.composition__avatar:not(:last-child){margin-right:calc(var(--comp-avatar-overlap) * -1)}.composition__proof-text{flex:0 0 auto;width:var(--comp-cap-w);font-family:var(--font-body);font-size:var(--text-caption);font-weight:400;line-height:var(--lh-tight);color:var(--color-on-dark);white-space:pre-wrap}@media(min-width:768px){.composition{--comp-pad-y: clamp(20px, calc(20px + (var(--max-vw) - 768px) * .025), 80px);--comp-pad-x: clamp(20px, calc(20px + (var(--max-vw) - 768px) * .025), 100px);--comp-stack-gap: clamp(20px, calc(20px + (var(--max-vw) - 768px) * .025), 50px);--comp-copy-gap: clamp(10px, calc(10px + (var(--max-vw) - 768px) * .025), 30px);--comp-proof-unit: clamp(10px, calc(10px + (var(--max-vw) - 768px) * .025), 20px);--comp-avatar: clamp(40px, calc(40px + (var(--max-vw) - 768px) * .025), 55px);--comp-avatar-overlap: clamp(15px, calc(15px + (var(--max-vw) - 768px) * .025), 15px);--comp-copy-w: clamp(295px, calc(295px + (var(--max-vw) - 768px) * .025), 368px);--comp-pill-w: 42%;justify-content:center;aspect-ratio:1400 / 470;border-radius:100px}.composition__photo{object-position:50% 37.9%}.composition__lead{max-width:100%}.composition__proof{border-radius:96px}.composition__proof-text{flex:1 0 0;width:auto;min-width:0}.composition__avatar:first-child{height:calc(var(--comp-avatar) * 56 / 55)}}@media(min-width:1024px){.composition{--comp-pad-y: clamp(43px, calc(80px * (var(--max-vw) / var(--vw-base))), 80px);--comp-pad-x: clamp(53px, calc(100px * (var(--max-vw) / var(--vw-base))), 100px);--comp-stack-gap: clamp(27px, calc(50px * (var(--max-vw) / var(--vw-base))), 50px);--comp-copy-gap: clamp(16px, calc(30px * (var(--max-vw) / var(--vw-base))), 30px);--comp-proof-unit: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--comp-avatar: clamp(29px, calc(55px * (var(--max-vw) / var(--vw-base))), 55px);--comp-avatar-overlap: clamp(8px, calc(15px * (var(--max-vw) / var(--vw-base))), 15px);--comp-copy-w: clamp(196px, calc(368px * (var(--max-vw) / var(--vw-base))), 368px);--comp-pill-w: clamp(297px, calc(556px * (var(--max-vw) / var(--vw-base))), 556px)}}@media(min-width:768px)and (max-width:1023px){.composition{--comp-pill-w: 100%;aspect-ratio:auto}}@media(min-width:768px)and (max-width:1023px){.composition{--comp-pad-x: 7.143%;--comp-pad-y: 5.714%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/nooa-composition.css.map */