.opalco-page{--op-red:#df2719;--op-lime:#c4df37;background:var(--ink);color:var(--paper)}.opalco-page::selection{background:var(--op-lime);color:var(--ink)}.opalco-page a:focus-visible{outline-color:var(--op-lime)}.op-masthead{max-width:1440px;padding:22px 5%}.op-masthead .wordmark>span{color:var(--op-lime)}.op-nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:500}.op-nav a{display:flex;align-items:center;gap:8px;min-height:44px}.op-nav a:hover{text-decoration:underline;text-underline-offset:5px}.op-nav a:last-child>span{color:var(--op-lime);font-size:21px}.op-main{max-width:1440px;margin:0 auto;padding:50px 5% 56px}.op-hero{display:grid;grid-template-columns:1.05fr 1fr;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:8px 8px 0 #574e3d}.op-copy{padding:47px clamp(26px,4vw,60px);position:relative;min-width:0}.op-kicker{margin:0 0 23px;font-size:10px;line-height:1.6;font-weight:700;letter-spacing:1.5px}.op-title{font-family:var(--display);font-size:clamp(46px,5.9vw,83px);line-height:.95;letter-spacing:-3px;font-weight:400;color:var(--op-red);margin:0 0 27px;transform:rotate(-2deg);white-space:nowrap;text-shadow:2px 2px 0 var(--ink)}.op-title>span{display:inline;color:var(--ink)!important;text-shadow:none!important}.op-headline{font-size:clamp(25px,2.8vw,38px);line-height:1.12;letter-spacing:-1.4px;font-weight:700;margin:0 0 23px}.op-description{font-size:15px;line-height:1.75;max-width:370px;margin:0;color:#494236}.op-action{margin-top:30px}.op-checkout{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:370px;min-height:58px;padding:15px 20px;border:2px solid var(--ink);background:var(--op-lime);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font-size:13px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.opalco-page .op-checkout:focus-visible{outline-color:var(--op-red)}.op-checkout:hover{background:#d7ed73;transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--ink)}.op-checkout>span{font-size:25px;line-height:1;font-weight:400}.op-payment-note{font-size:11px;line-height:1.6;color:#5d5445;margin:14px 0 0}.op-signature{display:flex;align-items:center;gap:14px;margin-top:34px;padding-top:22px;border-top:1px dashed #19171455;max-width:370px}.op-signature>span:first-child{font-size:47px;line-height:1;color:var(--op-red)}.op-signature>span:last-child{font-size:10px;line-height:1.5;letter-spacing:1px;font-weight:700}.op-art{margin:0;position:relative;min-width:0;background:var(--op-red);padding:52px 22px 72px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-left:2px solid var(--ink)}.op-art::before{content:'';position:absolute;inset:0;background:url('/assets/grain.svg');opacity:.24;pointer-events:none}.op-art-frame{width:100%;position:relative;transform:rotate(3deg);border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink)}.op-art-frame>img{display:block;width:100%;height:auto}.op-art-caption{position:relative;align-self:flex-start;font-size:8px;font-weight:700;line-height:1.6;letter-spacing:.7px;color:var(--paper);margin:25px 0 0 5px}.op-art-tape{position:absolute;right:-9px;bottom:26px;transform:rotate(-5deg);padding:11px 24px;background:var(--op-lime);color:var(--ink);border:1px solid var(--ink);font-size:12px;font-weight:700;letter-spacing:.3px;box-shadow:3px 3px 0 var(--ink)}.op-perspective{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;margin-top:58px;padding-top:35px;border-top:1px solid #ede1c748}.op-perspective .op-kicker{color:var(--op-lime);margin-bottom:13px}.op-perspective h2{font-family:var(--display);font-size:clamp(24px,2.5vw,34px);font-weight:400;letter-spacing:-1px;line-height:1.15;margin:0}.op-perspective-copy{max-width:440px}.op-perspective-copy p{color:#c7beac;font-size:14px;line-height:1.8;margin:0 0 14px}.op-perspective-copy p:last-child{margin-bottom:0}.op-bottom-strip{padding:16px 20px;background:var(--op-lime);color:var(--ink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);text-align:center}.op-bottom-strip>span{font-family:var(--display);font-size:clamp(12px,2vw,22px);letter-spacing:-.3px;line-height:1.4}.op-footer{max-width:1440px;margin:auto;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;line-height:1.6;color:#c7beac}.op-footer>a{display:flex;align-items:center;gap:10px;min-height:44px}.op-footer>a:hover{text-decoration:underline;text-underline-offset:4px}.op-footer>a>span{color:var(--op-lime);font-size:20px}
@media(max-width:1000px){.op-main{padding-top:35px}.op-copy{padding:35px 28px}.op-title{font-size:clamp(40px,6vw,61px);letter-spacing:-2px}.op-headline{font-size:29px}.op-description{font-size:14px}.op-art{padding-left:19px;padding-right:19px}.op-checkout{font-size:12px;padding-left:15px;padding-right:15px}.op-perspective{gap:32px}}
@media(max-width:700px){.op-masthead{padding-top:15px;padding-bottom:15px}.op-nav{gap:18px;font-size:11px}.op-main{padding-top:25px;padding-bottom:35px}.op-hero{grid-template-columns:1fr;box-shadow:5px 5px 0 #574e3d}.op-copy{padding:34px 28px 30px}.op-kicker{font-size:9px;margin-bottom:21px}.op-title{font-size:clamp(50px,12vw,78px);letter-spacing:-2.4px;margin-bottom:25px}.op-headline{font-size:33px;letter-spacing:-1.2px}.op-description{font-size:14px;max-width:420px}.op-checkout{max-width:420px;font-size:13px}.op-payment-note{font-size:11px}.op-signature{max-width:420px;margin-top:27px;padding-top:19px}.op-art{border-left:0;border-top:2px solid var(--ink);padding:38px 28px 69px}.op-art-frame{max-width:460px}.op-art-caption{font-size:8px;align-self:center;margin-top:24px}.op-art-tape{font-size:11px;bottom:19px}.op-perspective{grid-template-columns:1fr;gap:23px;margin-top:39px;padding-top:28px}.op-perspective h2{font-size:29px}.op-perspective-copy{max-width:100%}.op-perspective-copy p{font-size:14px}.op-footer{font-size:10px}.op-footer>a{gap:6px}}
@media(max-width:359px){.op-nav{gap:12px;font-size:10px}.op-masthead .wordmark{font-size:23px;gap:5px}.op-copy{padding:29px 22px}.op-title{font-size:49px}.op-headline{font-size:28px}.op-checkout{font-size:12px;gap:8px}.op-art{padding-left:23px;padding-right:23px}.op-art-caption{font-size:7px;letter-spacing:.3px}.op-perspective h2{font-size:26px}.op-footer{align-items:flex-start;flex-direction:column;gap:5px}.op-footer>a{min-height:36px}}