.commerce-page{--ink:#090908;--paper:#fff9e8;--yellow:#ffd400;background:var(--paper);min-height:100vh;color:var(--ink);padding-bottom:5rem}.commerce-header{border-bottom:1px solid #d5cfbd;grid-template-columns:1fr auto 1fr;align-items:center;min-height:6.5rem;padding:1rem clamp(1rem,4vw,4rem);display:grid}.commerce-header a{color:var(--ink);font-weight:900;text-decoration:none}.commerce-header .wordmark{font-size:clamp(1.4rem,3vw,2.4rem)}.commerce-header .wordmark span{color:var(--yellow)}.commerce-header>span{text-transform:uppercase;letter-spacing:.1em;justify-self:end;font-size:.78rem;font-weight:900}.commerce-steps{border-bottom:2px solid #bbb4a3;grid-template-columns:repeat(3,1fr);width:min(118rem,100% - 4rem);margin:auto;display:grid}.commerce-steps button{font:inherit;color:#756f63;background:0 0;border:0;padding:1rem;position:relative}.commerce-steps button span{margin-right:.7rem;font-weight:950}.commerce-steps button.is-active{color:var(--ink);font-weight:950}.commerce-steps button.is-active:after{content:"";background:var(--yellow);height:3px;position:absolute;bottom:-2px;left:0;right:0}.commerce-steps button:disabled{opacity:.45}.commerce-shell{grid-template-columns:minmax(0,2fr) minmax(20rem,.75fr);align-items:start;gap:clamp(2rem,5vw,5rem);width:min(112rem,100%);margin:auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,3vw,3rem);display:grid}.commerce-main{min-width:0}.commerce-main>.eyebrow,.commerce-main>div>.eyebrow{text-transform:uppercase;letter-spacing:.14em;margin:0 0 .7rem;font-size:.75rem;font-weight:900}.commerce-main h1{text-transform:uppercase;max-width:16ch;margin:0 0 2rem;font-size:clamp(2.5rem,6vw,6rem);line-height:.86}.cart-line{background:#fffdfa;border:1px solid #cbc3b5;border-radius:1rem;grid-template-columns:14rem 1fr auto;display:grid;overflow:hidden}.cart-line>.media-frame{object-fit:cover;width:100%;height:100%;min-height:16rem}.cart-line>div{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem;display:flex}.cart-line h2{text-transform:uppercase;margin:0;font-size:clamp(1.5rem,3vw,2.5rem)}.cart-line small{text-transform:uppercase;letter-spacing:.1em}.cart-line p{color:#746f64;margin:0}.cart-remove{background:0 0;border:0;border-bottom:1px solid;margin-top:auto;padding:.2rem 0}.cart-line>.choice-counter{flex-direction:row;align-self:center;align-items:center}.commerce-back-link{color:var(--ink);margin-top:1rem;font-weight:900;display:inline-block}.commerce-fields{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.commerce-fields label{gap:.4rem;display:grid}.commerce-fields label span{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900}.commerce-fields input{min-height:4rem;font:inherit;background:#fffdfa;border:1px solid #565249;padding:1rem}.commerce-note,.review-block{border-left:.35rem solid var(--yellow);color:#fff;background:#0a0a08;margin-top:1.5rem;padding:1.25rem}.commerce-note p{margin:.4rem 0 0;line-height:1.5}.review-block{border:1px solid #cbc3b5;border-left:.35rem solid var(--yellow);color:var(--ink);background:#fffdfa;gap:.7rem;display:grid}.review-block h2,.review-block p{margin:0}.review-block strong{font-size:1.7rem}.commerce-code{background:#fffdfa;border:1px solid #cbc3b5;border-radius:1rem;margin-top:1rem;padding:1rem}.commerce-code input{width:100%;min-height:3.5rem;margin-top:1rem;padding:.8rem}.commerce-summary{background:#fffdfa;border:1px solid #cbc3b5;border-radius:1rem;padding:1.5rem;position:sticky;top:1rem}.commerce-summary h2{text-transform:uppercase;font-size:clamp(1.5rem,3vw,2.5rem);line-height:.95}.commerce-summary dl{margin:1.5rem 0}.commerce-summary dl div{border-bottom:1px solid #ddd6c7;justify-content:space-between;padding:.8rem 0;display:flex}.commerce-summary dd{margin:0;font-weight:900}.commerce-total{border-top:1px solid #cbc3b5;justify-content:space-between;align-items:end;margin-top:1.5rem;padding-top:1.5rem;display:flex}.commerce-total strong{font-size:1.7rem}.commerce-summary>button{background:var(--yellow);width:100%;font:inherit;text-transform:uppercase;border:0;border-radius:.7rem;margin-top:1.5rem;padding:1.1rem;font-weight:950}.commerce-summary>button:disabled{opacity:.35}.commerce-summary>small{text-align:center;color:#756f63;margin-top:.7rem;display:block}.commerce-empty{padding:3rem 0}.membership-checkout{color:#fff;background:#070707}.membership-checkout .commerce-header,.membership-checkout .commerce-steps{border-color:#353535}.membership-checkout .commerce-header a{color:#fff}.membership-checkout .commerce-steps button{color:#aaa}.membership-checkout .commerce-steps button.is-active{color:#fff}.membership-plan{background:var(--yellow);color:#090908;padding:clamp(1.5rem,5vw,4rem)}.membership-plan h1{margin-bottom:1rem}.membership-price{margin:0;font-size:clamp(2rem,5vw,4.5rem);font-weight:950}.membership-price small{font-size:1rem}.membership-trial{color:#fff;background:#090908;padding:.5rem .8rem;display:inline-block}.membership-plan ul,.commerce-summary--membership ul{gap:.8rem;padding-left:1.2rem;line-height:1.4;display:grid}.membership-plan li::marker{color:var(--yellow)}.commerce-summary--membership li::marker{color:var(--yellow)}.membership-plan li::marker{color:#090908}.membership-checkout .commerce-fields input,.membership-checkout .review-block{color:#fff;background:#111;border-color:#444}.membership-checkout .commerce-summary{background:#101010;border-color:#3a3a3a}.membership-checkout .checkout-consent{color:#fff}.product-sticky a{color:#080808;text-transform:uppercase;background:#ffd400;padding:1rem 1.5rem;font-weight:950;text-decoration:none}@media (max-width:55rem){.commerce-header{min-height:4.5rem}.commerce-steps{width:100%}.commerce-steps button{font-size:.76rem}.commerce-steps button span{display:none}.commerce-shell{grid-template-columns:1fr;padding-bottom:6rem}.commerce-summary{order:-1;position:static}.commerce-summary dl{display:none}.commerce-summary>button{z-index:40;border-radius:0;width:100%;margin:0;position:fixed;bottom:0;left:0;right:0}.cart-line{grid-template-columns:8rem 1fr}.cart-line>.choice-counter{grid-column:1/-1;justify-self:end}.cart-line>.media-frame{min-height:10rem}}@media (max-width:38rem){.commerce-header>span{display:none}.commerce-header{grid-template-columns:1fr auto}.commerce-main h1{font-size:clamp(2.2rem,14vw,4rem)}.commerce-fields,.cart-line{grid-template-columns:1fr}.cart-line>.media-frame{aspect-ratio:1.5}.commerce-steps button{padding:.8rem .3rem}}
