/* Figma 130:471: 402×867 including the existing shared 60px header. */
@font-face{font-family:"Tutu Sans DemiBold";src:url("assets/tutu_sans_demibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
.vino-page .vino-frame{min-height:max(var(--screen-height,100svh),calc(100cqw * 807 / 402));background:#26170d}
.vino-page .vino-background{inset:auto;top:calc(100cqw * -60.087 / 402);left:-20.53%;width:135.84%;height:max(calc(100% + 100cqw * 60.087 / 402),calc(100cqw * 970.17 / 402));object-fit:cover;object-position:center top}
.vino-page .vino-shade{position:absolute;inset:0;z-index:-1;width:100%;height:auto;background:transparent url("assets/vino-figma-130-shade.svg") center/100% 100% no-repeat;opacity:1}
.vino-page .vino-copy{isolation:isolate;padding:calc(100cqw * 80 / 402) calc(100cqw * 15 / 402) calc(100cqw * 40 / 402);font-family:"Tutu Sans",Arial,sans-serif;font-weight:400;font-size:clamp(14.3px,4.477612cqw,30px);line-height:1.5;letter-spacing:-.01em}
.vino-page .vino-copy h2{position:static;width:calc(100cqw * 244 / 402);max-width:100%;min-height:calc(100cqw * 62.501 / 402);margin:0 0 calc(100cqw * 10 / 402);padding:0;color:#fff;font-family:"Tutu Sans DemiBold","Tutu Sans",Arial,sans-serif;font-weight:600;font-style:normal;font-size:clamp(25.47px,7.960199cqw,52px);line-height:.9;letter-spacing:-.01em}
.vino-page .vino-copy p{width:calc(100cqw * 364.583 / 402);max-width:100%;margin:0;padding:0;font:inherit;color:#fff;letter-spacing:inherit}
.vino-page .vino-copy p+p{margin-top:0}
.vino-page .vino-cta{display:flex;align-items:center;justify-content:center;position:relative;width:calc(100cqw * 169.929 / 402);height:calc(100cqw * 40 / 402);margin:calc(100cqw * 40 / 402) 0 0;padding:0;border:0;border-radius:0;background:transparent url("assets/vino-figma-130-button.svg") center/100% 100% no-repeat;color:#b6f4b1;font:inherit;letter-spacing:inherit;white-space:nowrap;text-decoration:none}
.vino-page .vino-cta span{position:relative;top:calc(100cqw * -1.99 / 402)}
.vino-page .vino-cta:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:999px}
/* Ugli continuation reuses the same frame, copy, shade and motion settings. */
.ugli-story-page .vino-background,.sport-story-page .vino-background{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ugli-story-page .vino-cta{border:1px solid #f6fd85;border-radius:999px;background:none;color:#f6fd85}
.ugli-story-page .vino-cta:disabled{cursor:default;opacity:1}