#mmm-product-test{--honey:#fbd487;--green:#183D34;--cream:#F6F1E7;font-family:Arial,Helvetica,sans-serif;container-type:inline-size}
#mmm-product-test *{box-sizing:border-box}
#mmm-product-test .product-section *{color:inherit;-webkit-text-fill-color:currentColor}
#mmm-product-test .office-test{background:var(--green);color:var(--cream);padding:22px 16px 0;min-height:220px;position:relative}
#mmm-product-test .office-test *{color:inherit;-webkit-text-fill-color:currentColor}
#mmm-product-test .office-line{text-align:center;padding:64px 12px 80px;font-size:14px;letter-spacing:.04em;line-height:1.35}
#mmm-product-test .mobile-office{width:min(390px,100%);margin:auto;padding-inline:24px}
#mmm-product-test .product-section{background:var(--honey);color:var(--green);padding:22px 16px 28px}
#mmm-product-test p,#mmm-product-test h2{margin:0}
#mmm-product-test .eyebrow{font-size:11px;letter-spacing:.08em;font-weight:500;margin-bottom:20px}
#mmm-product-test .product-layout{position:relative;padding-left:16%;padding-right:9%}
#mmm-product-test .margin-label{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:12px;letter-spacing:.08em;font-weight:400}
#mmm-product-test .posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6%}
#mmm-product-test .poster{background-color:var(--honey);color:var(--green);border:1px solid var(--green);padding:66px 28px 58px;min-height:470px;display:grid;grid-template-rows:180px 1fr;transition:background-color 220ms ease,color 220ms ease,border-color 220ms ease}
#mmm-product-test h2{font-size:clamp(48px,7.9cqw,82px);font-weight:800;letter-spacing:-.065em;line-height:.85}
#mmm-product-test .single{white-space:nowrap;font-size:clamp(45px,7.4cqw,78px)}
#mmm-product-test .details{display:grid;grid-template-columns:18px minmax(0,1fr);gap:17px;align-self:start;font-size:13px;line-height:1.3}
#mmm-product-test .arrow{font-size:25px;line-height:.8;font-weight:400;color:inherit}
#mmm-product-test .price{margin-top:28px;line-height:1.35}
#mmm-product-test .price strong{font-weight:700}
#mmm-product-test .mobile-test{width:min(390px,100%);margin:28px auto 0;padding:30px 24px 36px}
#mmm-product-test .mobile-test .product-layout{padding:0}
#mmm-product-test .mobile-test .margin-label{position:static;transform:none;margin:28px 0 22px;font-size:13px}
#mmm-product-test .mobile-test .posters{grid-template-columns:1fr;gap:28px}
#mmm-product-test .mobile-test .poster{padding:48px 28px;min-height:470px;grid-template-rows:205px 1fr}
#mmm-product-test .mobile-test h2{font-size:78px}
#mmm-product-test .mobile-test .single{font-size:72px}
#mmm-product-test .mobile-test .details{font-size:14px;grid-template-columns:20px minmax(0,1fr);gap:18px}
@media(hover:hover) and (pointer:fine){#mmm-product-test .desktop-test .poster:hover{background-color:var(--green);color:var(--cream);border-color:var(--green)}}
@media(prefers-reduced-motion:reduce){#mmm-product-test .poster{transition:none}}
@container(max-width:600px){#mmm-product-test .desktop-test .product-layout{padding:0}#mmm-product-test .desktop-test .margin-label{position:static;transform:none;margin:24px 0}#mmm-product-test .desktop-test .posters{grid-template-columns:1fr;gap:28px}#mmm-product-test .desktop-test .poster{padding:48px 28px;grid-template-rows:205px 1fr}#mmm-product-test .desktop-test h2{font-size:78px}#mmm-product-test .desktop-test .single{font-size:72px}}
@container(max-width:350px){#mmm-product-test .mobile-test h2,#mmm-product-test .desktop-test h2{font-size:68px}#mmm-product-test .mobile-test .single,#mmm-product-test .desktop-test .single{font-size:60px}#mmm-product-test .mobile-test .poster{padding-inline:22px}}
/* Full-page sizing: the approved composition at its actual browser width. */
#mmm-product-test .product-section{padding:32px var(--gutter) 40px}
#mmm-product-test .eyebrow{font-size:.75rem;margin-bottom:24px}
#mmm-product-test .poster{padding:clamp(48px,7vw,140px) clamp(24px,3vw,64px);min-height:clamp(540px,35vw,740px);grid-template-rows:clamp(205px,14vw,290px) 1fr}
#mmm-product-test h2{font-size:clamp(72px,6.4vw,138px)}
#mmm-product-test .single{font-size:clamp(66px,6vw,130px)}
#mmm-product-test .details{font-size:16px;grid-template-columns:24px minmax(0,1fr);gap:18px}
#mmm-product-test .details>div>p:first-child{min-height:6.5em}
#mmm-product-test .arrow{font-size:30px}
#mmm-product-test .price{margin-top:24px}
.finale-interlude .office-eyebrow{position:absolute;top:32px;left:var(--gutter);color:var(--cream);font-size:.75rem;font-weight:500;letter-spacing:.08em;line-height:1.5}
@media(max-width:1100px){#mmm-product-test .product-layout{padding-left:8%;padding-right:0}#mmm-product-test .posters{gap:5%}#mmm-product-test h2{font-size:clamp(60px,7vw,78px)}#mmm-product-test .single{font-size:clamp(54px,6.5vw,72px)}#mmm-product-test .details>div>p:first-child{min-height:9em}}
@media(max-width:767px){#mmm-product-test .product-section{padding:32px 24px 40px}#mmm-product-test .product-layout{padding:0}#mmm-product-test .posters{grid-template-columns:1fr;gap:28px}#mmm-product-test .poster{padding:48px 28px;min-height:490px;grid-template-rows:205px 1fr}#mmm-product-test h2{font-size:78px}#mmm-product-test .single{font-size:72px}#mmm-product-test .details{grid-template-columns:20px minmax(0,1fr);gap:18px}#mmm-product-test .details>div>p:first-child{min-height:0}#mmm-product-test .price{margin-top:28px}.finale-interlude .office-eyebrow{top:32px;left:24px}}
@media(max-width:380px){#mmm-product-test .poster{padding-inline:22px}#mmm-product-test h2{font-size:68px}#mmm-product-test .single{font-size:60px}}