
@font-face{font-family:"Pollard";font-display:swap;src:url("/img/691d7514033eaf8396293d18.ttf") format("truetype"),url("https://assets.cdn.filesafe.space/wsrNe24qXG0EPggrwTyw/media/691d7514033eaf8396293d18.ttf") format("truetype")}

*{box-sizing:border-box;margin:0;padding:0}
html{background:#fff;color:#111}
body{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:700;line-height:1.3;-webkit-font-smoothing:antialiased}
main{text-align:center}
section{padding:1.2rem 1.2rem 2.4rem}
section>*{max-width:640px;margin-left:auto;margin-right:auto}
section.y{background-color:#FFD200;background-image:radial-gradient(rgba(0,0,0,.09) 1.1px,transparent 1.6px);background-size:7px 7px;border-top:3px solid #111;border-bottom:3px solid #111}
section.y .o,section.y mark{background:#111;color:#FFD200}
section.y .get h3{text-decoration:none}
.get h2{font-family:Pollard,Anton,Impact,sans-serif!important;font-weight:400!important;text-transform:uppercase}
section.y .price{background:#fff}
.disp{font-family:Pollard,Anton,Impact,"Arial Narrow Bold",sans-serif;font-weight:400;text-transform:uppercase;line-height:.98;letter-spacing:.005em}
h1.disp,h2.disp{color:#111;font-size:clamp(2.6rem,12vw,4.2rem);margin:2.4rem 0 1rem}
h1.left{text-align:left;font-size:clamp(2.6rem,12vw,5rem);margin-top:1rem}
.k{color:#111}
p{font-size:clamp(1.2rem,4.6vw,1.55rem);margin:1.4rem 0}
p.small{font-size:1.05rem;text-align:left;margin:.4rem 0}
p.l{text-align:left}
p.reg{font-weight:400}
.o{background:#FFD200;color:#111;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
mark{background:#FFD200;color:#111;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body::before,body::after{content:"";display:block;height:14px;background:repeating-linear-gradient(-45deg,#111 0 14px,#FFD200 14px 28px)}
img{display:block;width:100%;height:auto;margin:1.4rem auto}
img.note{width:94%}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.4rem 0}
.pair img{margin:0;aspect-ratio:1;object-fit:cover}
.btn{display:block;background:#111;color:#FFD200;border:3px solid #111;text-decoration:none;font-family:Pollard,Anton,Impact,sans-serif;font-weight:400;
  text-transform:uppercase;font-size:clamp(1.5rem,6.5vw,2.3rem);line-height:1.1;padding:1.1rem 1rem;margin:1.6rem auto;max-width:560px}
.btn{transition:transform .15s ease,background .15s}
.btn:hover{background:#333;transform:scale(1.04)}
.btn:active{transform:scale(.98)}
a.no{transition:transform .15s ease}
a.no:hover{transform:scale(1.04)}
.bc{border:0;width:92%;height:42px;margin:.6rem auto 1rem;display:block}
.bca{width:100%;max-width:560px;border:3px solid #111;background:#fff;margin:.8rem auto 1.4rem;box-sizing:border-box}
.bca iframe{display:block;width:100%;border:0;height:120px!important;transition:height .35s ease}
.bca.open iframe{height:var(--h)!important}
.bcx{display:block;width:100%;border:0;border-top:3px solid #111;background:#fff;color:#111;font:inherit;font-weight:800;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;padding:.5rem;cursor:pointer;transition:background .15s}
.bcx:hover{background:#FFD200}
.bcl{font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;padding:.45rem .7rem;border-bottom:3px solid #111;background:#FFD200;text-align:left}
.bcpair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:900px;align-items:start}
.bcpair .bca{margin:0}
@media (max-width:700px){.bcpair{grid-template-columns:1fr}}
.get h3{font-size:clamp(1.5rem,6vw,2rem);color:#111;text-decoration:underline;text-decoration-color:#FFD200;text-decoration-thickness:.28em;text-underline-offset:-.05em;text-decoration-skip-ink:none;margin-top:1.6rem;line-height:1.1}
.get div{font-size:clamp(1.4rem,5.6vw,1.9rem);line-height:1.15}
.price{display:inline-block;background:#FFD200;border:3px solid #111;padding:.05em .35em;font-size:clamp(3.4rem,15vw,5.5rem);color:#111;font-weight:800;margin:2.2rem 0 1rem;letter-spacing:-.01em}
.price s{text-decoration-color:#111;text-decoration-thickness:.08em}
/* keep every block on the same centred column on wide screens */
main section>*{margin-left:auto!important;margin-right:auto!important}
/* breathing room so highlighted lines don't overlap the line above */
.disp{line-height:1.04}
h1.left{line-height:1.12}
h1.left mark{display:inline-block;padding:.1em .16em .02em;margin-top:.12em;line-height:1.02}
.disp{text-wrap:balance}
/* opening yellow block + caution tape */
section.open{border-top:0;border-bottom:0;padding-bottom:1.6rem}
.tape{height:18px;background:repeating-linear-gradient(-45deg,#111 0 14px,#FFD200 14px 28px)}
section.open+.tape+section{border-top:0}
main>.tape:last-child{display:none}
/* PORTALS handwriting: see-through orange ink -> black */
img.pn{filter:brightness(0)}
.price.sm{font-size:clamp(2rem,9.5vw,3.2rem);margin:1.4rem 0 .4rem}
a.no{display:block;margin:.4rem auto 1.4rem;font-size:1.1rem;color:#111;text-decoration:underline;text-underline-offset:.2em}
