/* Pixel Note September product stories — unique V2 editorial art */
.note-art-products{position:relative;display:grid;min-height:100%;place-items:center;overflow:hidden;background:linear-gradient(128deg,#0c3327 0%,#154734 56%,#e7eee9 56%,#f8faf8 100%)}
.note-art-products:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-105px;top:-110px;border:1px solid rgba(21,71,52,.13);box-shadow:0 0 0 38px rgba(21,71,52,.035),0 0 0 76px rgba(21,71,52,.02)}
.note-art-products:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;left:-90px;bottom:-90px;background:rgba(199,166,90,.12)}
.note-art-products__marks{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:18px;transform:translateX(-4%)}
.note-art-products__mark{display:grid;width:104px;height:104px;place-items:center;border:1px solid rgba(255,255,255,.44);border-radius:27px;background:rgba(255,255,255,.96);box-shadow:0 24px 54px rgba(4,28,20,.19)}
.note-art-products__mark:nth-child(1){transform:translateY(-18px) rotate(-2deg)}
.note-art-products__mark:nth-child(2){transform:translateY(14px)}
.note-art-products__mark:nth-child(3){transform:translateY(-8px) rotate(2deg)}
.note-art-products__mark img{max-width:74px;max-height:74px;width:auto;height:auto;object-fit:contain}
.note-art-products__label{position:absolute;left:28px;bottom:24px;z-index:2;color:#ead8a7;font-size:9px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.note-art-products__signal{position:absolute;right:28px;bottom:24px;z-index:2;display:grid;gap:4px;color:#315f50;text-align:right}
.note-art-products__signal strong{font:500 22px/1 var(--wpc-serif);letter-spacing:-.025em}
.note-art-products__signal span{font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

.note-art-work{position:relative;display:grid;min-height:100%;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f8fbf9 0%,#edf3ef 54%,#ffffff 100%)}
.note-art-work:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-120px;border:1px solid rgba(21,71,52,.07);box-shadow:0 0 0 44px rgba(21,71,52,.025),0 0 0 88px rgba(21,71,52,.012)}
.note-art-work:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-72px;bottom:-72px;background:rgba(199,166,90,.10)}
.note-art-work__flow{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;padding:34px 40px}
.note-art-work__flow span{position:relative;display:grid;min-width:118px;min-height:72px;place-items:center;padding:15px 17px;border:1px solid rgba(21,71,52,.12);border-radius:20px;background:#154734;color:#fff;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;box-shadow:0 16px 34px rgba(20,49,39,.12)}
.note-art-work__flow span:before{position:absolute;left:12px;top:9px;color:#ead8a7;font-size:7px;letter-spacing:.08em}
.note-art-work__flow span:nth-of-type(1):before{content:"01"}
.note-art-work__flow span:nth-of-type(2):before{content:"02"}
.note-art-work__flow span:nth-of-type(3):before{content:"03"}
.note-art-work__flow span:nth-of-type(4):before{content:"04"}
.note-art-work__flow span:nth-of-type(5):before{content:"05"}
.note-art-work__flow i{position:relative;width:30px;height:2px;background:linear-gradient(90deg,#b6933e,#e1cb8a);box-shadow:0 0 14px rgba(199,166,90,.28)}
.note-art-work__flow i:after{content:"";position:absolute;right:-3px;top:-2px;width:6px;height:6px;border-radius:50%;background:#c7a65a}
.note-art-work__hub{position:absolute;right:28px;bottom:24px;z-index:2;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-width:230px;padding:11px 14px;border:1px solid rgba(21,71,52,.12);border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(20,49,39,.10)}
.note-art-work__hub img{width:42px;height:42px;object-fit:contain;border-radius:11px;background:#f5f7f5}
.note-art-work__hub span{color:#315f50;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.note-art-work__hub:before{content:"Outcome";position:absolute;right:13px;top:-18px;color:#9d7d34;font-size:7px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.note-art-work__title{position:absolute;left:30px;top:28px;z-index:2;color:#154734;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}

.note-featured-media.note-featured-media--art{display:grid;min-height:470px}
.note-card-media.note-card-media--art{display:grid}
.note-card-media.note-card-media--art .note-art-products__mark{width:62px;height:62px;border-radius:17px}
.note-card-media.note-card-media--art .note-art-products__mark img{max-width:40px;max-height:40px}
.note-card-media.note-card-media--art .note-art-products__marks{gap:9px}
.note-card-media.note-card-media--art .note-art-products__label{left:16px;bottom:13px;font-size:7px}
.note-card-media.note-card-media--art .note-art-work__flow{gap:5px;padding:18px 14px}
.note-card-media.note-card-media--art .note-art-work__flow span{min-width:52px;min-height:38px;padding:8px 6px;border-radius:12px;font-size:5px}
.note-card-media.note-card-media--art .note-art-work__flow span:before{left:6px;top:4px;font-size:4px}
.note-card-media.note-card-media--art .note-art-work__flow i{width:10px;height:1px}
.note-card-media.note-card-media--art .note-art-work__hub{right:10px;bottom:9px;grid-template-columns:24px 1fr;min-width:126px;padding:5px 7px;border-radius:10px}
.note-card-media.note-card-media--art .note-art-work__hub img{width:24px;height:24px}
.note-card-media.note-card-media--art .note-art-work__hub span{font-size:5px}
.note-card-media.note-card-media--art .note-art-work__hub:before{display:none}

.article-art-v2{width:min(1120px,calc(100% - 56px));aspect-ratio:16/6.3;height:auto;margin:0 auto;border-radius:26px;overflow:hidden;box-shadow:0 26px 72px rgba(20,49,39,.11)}
.article-art-v2 .note-art-products__mark{width:112px;height:112px}
.article-art-v2 .note-art-products__mark img{max-width:78px;max-height:78px}

@media(max-width:650px){
  .note-art-products__marks{gap:8px}
  .note-art-products__mark{width:66px;height:66px;border-radius:18px}
  .note-art-products__mark img{max-width:46px;max-height:46px}
  .article-art-v2{width:calc(100% - 28px);aspect-ratio:4/3;height:auto}
  .note-art-work__flow{flex-wrap:wrap!important;gap:8px!important;padding:24px 18px!important}
  .note-art-work__flow span{min-width:92px!important;min-height:58px!important}
  .note-art-work__flow i{display:none}
}

.note-featured-media--art .note-art-products__signal{right:20px;bottom:18px}
.note-featured-media--art .note-art-products__signal strong{font-size:18px}
.note-card-media--art .note-art-products__signal{display:none}
.note-card-media--art .note-art-work__title{left:15px;top:14px;font-size:6px}