/* A distinct, readable mobile VIP chapter, scoped to the design preview. */
@media(max-width:760px){
 .vip{display:block;min-height:0;padding:0;background:#e8c790;color:#241d13;isolation:isolate;overflow:hidden}
 .vip-media{position:relative;inset:auto;height:340px;z-index:0;background:#2d2117;overflow:hidden}
 .vip-media img{height:100%;width:100%;object-fit:cover;object-position:50% 58%;filter:saturate(.83) brightness(.88);transform:none}
 .vip-media>div{background:linear-gradient(0deg,#241d1380,transparent 50%)}
 .vip-media:after{content:'VIP';position:absolute;left:21px;bottom:10px;color:#f8e3bf;font:700 115px/.8 Display,sans-serif;letter-spacing:-.02em;text-shadow:0 3px 35px #0006}
 .vip-content{position:relative;padding:28px 23px 34px;border-bottom:8px solid #b88f56}
 .vip-content>.eyebrow{margin:0 0 30px;padding:0;border:0;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;color:#493820}
 .vip-content>.eyebrow>span:last-child{background:#241d13;color:#f7ddb1;border:1px solid #241d13;padding:9px 15px;font-size:11px;letter-spacing:.13em}
 .vip h2{font:700 clamp(60px,16.5vw,110px)/.9 Display,sans-serif;letter-spacing:-.02em;color:#241d13}
 .vip h2 em{font-size:.82em;color:#765123;line-height:1.02;display:inline-block;margin-top:12px}
 .vip-bottom{display:block;margin-top:25px}
 .vip-bottom>p{font-size:13px;line-height:1.85;color:#453522;max-width:550px}
 .vip-bottom .button{display:flex;width:100%;min-height:59px;margin-top:27px;justify-content:space-between;background:#241d13;border-color:#241d13;color:#f8e2bd;font-size:12px;padding:20px 22px}
 .vip-bottom .button:hover{background:#48331e}
 .vip-bottom .button:focus-visible{outline:2px solid #241d13;outline-offset:5px}
}
@media(max-width:370px){.vip-media{height:290px}.vip-content{padding-inline:19px}.vip-content>.eyebrow{font-size:7px}.vip h2{font-size:17vw}}