.cups-page{background:var(--paper);min-height:100vh}.cups-hero{background:var(--coral);background-image:repeating-linear-gradient(135deg,#0000 0 18px,#1210141f 18px 20px);padding:110px clamp(24px,10vw,155px) 90px;position:relative;overflow:hidden}.cups-hero:after{content:"501";color:#f3ecdf59;letter-spacing:-.16em;font-size:clamp(120px,25vw,330px);font-weight:950;line-height:.7;position:absolute;bottom:-25px;right:7vw;transform:rotate(-7deg)}.cups-hero>*{z-index:1;position:relative}.cups-hero h1{font-size:clamp(70px,9vw,135px)}.cups-hero h1 em{color:var(--paper)}.cups-hero>p:last-child{max-width:700px;margin:35px 0 0;font-size:19px;line-height:1.55}.cup-options{background:var(--coral);grid-template-columns:1fr 1fr;gap:20px;padding:0 clamp(24px,10vw,155px) 105px;display:grid}.cup-options article{background:var(--ink);min-height:360px;color:var(--paper);border:2px solid var(--ink);box-shadow:9px 9px 0 var(--lime);flex-direction:column;padding:33px;display:flex}.cup-options article:nth-child(2){box-shadow:9px 9px 0 var(--paper);transform:rotate(.7deg)}.cup-options article:nth-child(3){box-shadow:9px 9px 0 var(--ink);transform:rotate(-.7deg)}.cup-options article>b{color:var(--lime);font-size:10px}.cup-options article>span{color:var(--lime);letter-spacing:7px;margin-top:44px;font-size:25px}.cup-options h2{letter-spacing:-.07em;margin:18px 0 11px;font-size:44px}.cup-options p{color:#f3ecdfb3;max-width:390px;margin:0;font-size:15px;line-height:1.5}.cup-options footer{color:var(--lime);border-top:2px solid #ffffff40;margin-top:auto;padding-top:20px;font-size:11px;font-weight:900}.cup-system{background:linear-gradient(115deg,var(--paper) 0 75%,var(--lime) 75%);padding:105px clamp(24px,10vw,155px)}.cup-system h2{letter-spacing:-.07em;margin:0;font-size:clamp(44px,6vw,80px);line-height:.9}.cup-system>p:last-child{color:var(--muted);margin:25px 0 0;font-size:17px}@media (max-width:800px){.cups-hero{padding:75px 24px 55px}.cups-hero:after{right:-15px}.cup-options{grid-template-columns:1fr;padding:0 24px 75px}.cup-options article,.cup-options article:nth-child(2),.cup-options article:nth-child(3){transform:none}.cup-system{background:var(--paper);padding:75px 24px}}.cup-bracket{background:var(--ink);color:var(--paper);grid-template-columns:.7fr 1.3fr;gap:70px;padding:105px clamp(24px,10vw,155px);display:grid}.cup-bracket h2{font-size:clamp(52px,6vw,86px);line-height:.8}.cup-bracket h2 em{color:var(--lime)}.cup-bracket>div>p:last-child{color:#f3ecdfb3;max-width:360px;font-size:16px;line-height:1.55}.bracket-grid{grid-template-columns:1.1fr .9fr .8fr;align-items:center;gap:15px;display:grid}.bracket-grid article{gap:9px;display:grid}.bracket-grid article>b{color:var(--lime);letter-spacing:.12em;margin-bottom:5px;font-size:10px}.bracket-grid span{color:var(--ink);border-left:5px solid var(--coral);background:#fff8ea;justify-content:space-between;gap:10px;padding:12px;font-size:12px;font-weight:900;display:flex}.bracket-grid span em{font-style:normal}.bracket-grid .bracket-final span{background:var(--lime);border-left-color:var(--coral)}@media (max-width:800px){.cup-bracket{grid-template-columns:1fr;gap:38px;padding:75px 24px}.bracket-grid{grid-template-columns:1fr}.bracket-grid article{margin-top:8px}}