.elementor-231 .elementor-element.elementor-element-cdafde1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-231 .elementor-element.elementor-element-9b22ced{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e34bca3 *//* Use on a full-width outer container with classes rados-page c1. Update font URL after upload. This is a scoped baseline for the supplied HTML structure, not an Elementor template export. */
.rados-page { --ink: #08090d; --paper: #f4f1ed; --pink: #ed0e7a; --blue: #5fb5d5; --purple: #352256; --orange: #ff8f36; --line: #ffffff2e; --display: Impact,'Arial Narrow',Arial,sans-serif; --wide: 'Arial Black',Arial,sans-serif; }
.rados-page * { box-sizing: border-box; }
.rados-page { scroll-behavior: smooth; scroll-padding-top: 28px; }
.rados-page { margin: 0px; background: var(--ink); color: var(--paper); font: 16px / 1.55 Arial, Helvetica, sans-serif; }
.rados-page a { color: inherit; text-decoration: none; }
.rados-page button { font: inherit; cursor: pointer; }
.rados-page a,
.rados-page button { touch-action: manipulation; }
.rados-page a:focus-visible,
.rados-page button:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
.rados-page h1,
.rados-page h2,
.rados-page h3,
.rados-page p,
.rados-page figure { margin: 0px; }
.rados-page h1,
.rados-page h2,
.rados-page h3 { line-height: 0.97; }
.rados-page h1,
.rados-page h2 { font-family: var(--display); font-weight: 400; text-transform: uppercase; letter-spacing: -0.025em; }
.rados-page h1 { font-size: clamp(68px, 8.8vw, 140px); }
.rados-page h2 { font-size: clamp(52px, 5.5vw, 84px); }
.rados-page h3 { font-size: 24px; letter-spacing: -0.025em; }
.rados-page p { color: rgb(198, 197, 203); }
.rados-page img { max-width: 100%; display: block; }
.rados-page em { font-style: normal; color: var(--pink); }
.rados-page .eyebrow { font-size: 12px; letter-spacing: 0.15em; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; }
.rados-page .micro { font-size: 12px; color: rgb(172, 170, 180); }
.rados-page .wrap { width: min(1280px, 88%); margin: auto; }
.rados-page .section { padding: 85px 0px; }
.rados-page .grid-bg { background-image: linear-gradient(rgba(95, 181, 213, 0.165) 1px, transparent 1px), linear-gradient(90deg, rgba(95, 181, 213, 0.165) 1px, transparent 1px); background-size: 40px 40px; }
.rados-page .review-bar { padding: 8px 3%; background: rgb(22, 23, 29); display: flex; justify-content: space-between; gap: 20px; font-size: 12px; color: rgb(187, 188, 199); border-bottom: 1px solid rgba(255, 255, 255, 0.13); }
.rados-page .review-bar b { color: var(--blue); }
.rados-page .review-bar a { text-decoration: underline; }
.rados-page .site-header { height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 12px 4%; position: relative; z-index: 4; background: rgb(9, 10, 14); }
.rados-page .brand { width: 175px; flex-shrink: 0; }
.rados-page .brand img { width: 100%; max-height: 76px; object-fit: contain; }
.rados-page .site-nav { display: flex; align-items: center; gap: 25px; font-size: 13px; font-weight: bold; }
.rados-page .nav-toggle { display: none; background: transparent; border: 1px solid var(--blue); color: white; padding: 10px 17px; }
.rados-page .btn { display: inline-flex; align-items: center; justify-content: center; gap: 22px; border: 1px solid var(--pink); background: var(--pink); color: white; font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 800; padding: 16px 24px; line-height: 1.1; min-height: 48px; }
.rados-page .btn::after { content: "↗"; font-size: 19px; font-weight: 400; }
.rados-page .btn.outline { background: transparent; border-color: rgba(244, 241, 237, 0.467); }
.rados-page .btn.blue { background: var(--blue); border-color: var(--blue); color: rgb(16, 21, 29); }
.rados-page .btn.dark { background: rgb(9, 10, 14); border-color: rgb(9, 10, 14); }
.rados-page .text-link { display: inline-block; border-bottom: 1px solid; font-weight: 700; font-size: 14px; padding-bottom: 3px; }
.rados-page .actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 26px; }
.rados-page .photo { position: relative; overflow: hidden; }
.rados-page .photo > img { width: 100%; height: 100%; object-fit: cover; }
.rados-page .photo-label { position: absolute; right: 10px; bottom: 10px; background: rgba(8, 9, 13, 0.733); padding: 4px 7px; color: rgb(231, 230, 235); font-size: 10px; line-height: 1.2; z-index: 2; letter-spacing: 0.035em; }
.rados-page .tag { display: inline-block; background: var(--blue); color: rgb(16, 18, 26); padding: 7px 12px; text-transform: uppercase; font-size: 12px; font-weight: 800; letter-spacing: 0.06em; }
.rados-page .stroke { -webkit-text-stroke: 1px var(--paper); color: transparent; }
.rados-page .script { font-family: var(--wide); font-weight: 950; font-style: italic; letter-spacing: -0.06em; transform: rotate(-6deg); display: inline-block; color: var(--pink); text-transform: uppercase; }
.rados-page .keg-line { font-size: 13px; color: rgb(175, 171, 185); }
.rados-page .keg-line strong { color: var(--blue); }
.rados-page .heading-row { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-bottom: 40px; }
.rados-page .heading-row > p { max-width: 370px; }
.rados-page .section-intro { max-width: 490px; margin-top: 24px; }
.rados-page .menu-list { display: grid; }
.rados-page .menu-row { border-top: 1px solid var(--line); padding: 19px 0px; }
.rados-page .menu-row .dish-head { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; }
.rados-page .menu-row h3 { font-size: 20px; }
.rados-page .menu-row b { color: var(--orange); white-space: nowrap; }
.rados-page .menu-row p { font-size: 14px; margin-top: 10px; }
.rados-page .gf { font-size: 11px; color: var(--blue); margin-left: 5px; }
.rados-page .food-caption { font-size: 12px; margin-top: 17px; color: rgb(158, 155, 168); }
.rados-page .reward .eyebrow { color: var(--blue); }
.rados-page .reward p { max-width: 460px; }
.rados-page .benefits { display: flex; gap: 25px; flex-wrap: wrap; font-size: 13px; margin: 20px 0px; color: rgb(212, 208, 218); }
.rados-page .benefits span::before { content: "✦"; color: var(--pink); margin-right: 8px; }
.rados-page .discounts { display: flex; gap: 25px; }
.rados-page .discount { border-top: 1px solid rgba(255, 255, 255, 0.376); padding: 15px 0px; flex: 1 1 0%; }
.rados-page .discount b { display: block; font-family: var(--display); font-size: 42px; font-weight: 400; color: var(--orange); line-height: 1; margin-bottom: 10px; }
.rados-page .discount span { font-size: 14px; display: block; }
.rados-page .fine { font-size: 12px; line-height: 1.5; color: rgb(180, 174, 190); }
.rados-page .gather-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.rados-page .gather-items article { border-top: 2px solid var(--blue); padding: 24px 0px; }
.rados-page .gather-items .number { display: block; color: var(--pink); font-family: var(--display); font-size: 38px; margin-bottom: 14px; }
.rados-page .gather-items p { font-size: 14px; margin-top: 17px; }
.rados-page .gather-items article:nth-child(2) { border-color: var(--pink); }
.rados-page .gather-items article:nth-child(3) { border-color: var(--orange); }
.rados-page .merch-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 35px; }
.rados-page .merch-list button,
.rados-page .merch-list a { display: flex; justify-content: space-between; gap: 20px; text-align: left; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(255, 255, 255, 0.25) currentcolor currentcolor; border-image: none; background: none; color: white; padding: 23px 0px; font-weight: 700; }
.rados-page .merch-list button span,
.rados-page .merch-list a span { color: var(--blue); white-space: nowrap; }
.rados-page .visit-details address { font-style: normal; font-size: 22px; line-height: 1.4; }
.rados-page .visit-details .phone { display: block; margin-top: 19px; font-size: 23px; font-weight: 700; }
.rados-page .site-footer { padding: 40px 6% 100px; background: rgb(8, 9, 13); border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; gap: 35px; color: rgb(188, 183, 196); font-size: 12px; }
.rados-page .footer-links { display: flex; justify-content: end; flex-wrap: wrap; gap: 20px; }
.rados-page .footer-note { grid-column: 1 / -1; font-size: 11px; color: rgb(141, 138, 150); }
.rados-page .quickbar { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 15; display: flex; background: rgb(10, 12, 18); border: 1px solid var(--blue); box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 40px; visibility: hidden; opacity: 0; transition: opacity 0.2s; }
.rados-page .quickbar.visible { visibility: visible; opacity: 1; }
.rados-page .quickbar a,
.rados-page .quickbar button { padding: 13px 24px; color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; letter-spacing: 0.04em; white-space: nowrap; border: 0px; background: none; }
.rados-page .quickbar > * + * { border-left: 1px solid rgba(95, 181, 213, 0.376); }
.rados-page .quickbar button { background: var(--pink); }
.rados-page .quickbar [data-track="toast-order"] { background: var(--pink); }
.rados-page dialog { background: rgb(17, 17, 26); color: white; border: 1px solid var(--blue); padding: 38px; max-width: 510px; width: calc(100% - 36px); }
.rados-page dialog::backdrop { background: rgba(0, 0, 0, 0.733); }
.rados-page dialog h2 { font-size: 44px; }
.rados-page dialog p { margin: 22px 0px; }
.rados-page dialog .eyebrow { color: var(--blue); }
.rados-page .badge { width: 126px; height: 126px; border-radius: 50%; background: var(--orange); color: rgb(17, 16, 24); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transform: rotate(9deg); font-size: 12px; font-weight: 800; line-height: 1.2; border: 5px double rgb(16, 16, 24); z-index: 2; }
.rados-page .badge strong { font-family: var(--display); font-size: 40px; font-weight: 400; }
.rados-page .divider { background: var(--pink); color: rgb(7, 8, 13); display: flex; justify-content: center; gap: 50px; align-items: center; overflow: hidden; white-space: nowrap; padding: 16px 0px; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.09em; }
.rados-page .divider span:nth-child(2n) { font-size: 22px; line-height: 1; }
.rados-page .mountain-divider { height: 90px; position: relative; margin-top: -60px; z-index: 2; display: flex; justify-content: center; pointer-events: none; }
.rados-page .mountain-divider img { width: 320px; object-fit: contain; }
.rados-page.c1 .hero { position: relative; min-height: 690px; display: flex; align-items: center; overflow: hidden; }
.rados-page.c1 .hero > .photo { position: absolute; inset: 0px; }
.rados-page.c1 .hero > .photo::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(7, 8, 13, 0.94) 0px, rgba(7, 8, 13, 0.79) 31%, rgba(7, 8, 13, 0.145) 68%), linear-gradient(0deg, rgba(8, 9, 13, 0.94), transparent 40%); }
.rados-page.c1 .hero .wrap { position: relative; z-index: 2; padding: 60px 0px 45px; }
.rados-page.c1 .hero h1 { font-size: clamp(78px, 9.2vw, 140px); line-height: 0.87; max-width: 900px; }
.rados-page.c1 .hero h1 .script { font-size: 0.8em; margin-top: 14px; text-shadow: rgb(13, 11, 22) 5px 5px; }
.rados-page.c1 .hero p { max-width: 450px; margin-top: 28px; color: rgb(223, 220, 229); }
.rados-page.c1 .hero .eyebrow { color: var(--blue); }
.rados-page.c1 .hero .badge { position: absolute; right: 6%; bottom: 85px; width: 160px; height: 160px; background: var(--blue); transform: rotate(10deg); }
.rados-page.c1 .hero .badge strong { font-size: 48px; }
.rados-page.c1 .hero .hero-coordinate { position: absolute; right: 6%; top: 36px; font: 12px monospace; color: rgb(222, 221, 229); letter-spacing: 0.15em; }
.rados-page.c1 .hero .hero-coordinate::before { content: "+"; margin-right: 15px; color: var(--pink); font-size: 25px; }
.rados-page.c1 .hero-location { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 35px; border-top: 1px solid var(--blue); border-bottom: 1px solid rgba(95, 181, 213, 0.376); padding: 22px 6%; background: rgb(16, 17, 27); }
.rados-page.c1 .hero-location .place { font-size: 13px; }
.rados-page.c1 .food { position: relative; padding-top: 90px; overflow: hidden; }
.rados-page.c1 .food-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 50px; align-items: center; }
.rados-page.c1 .food-copy { position: relative; z-index: 3; }
.rados-page.c1 .food h2 { font-size: clamp(70px, 7.6vw, 114px); line-height: 0.88; }
.rados-page.c1 .food h2 em { color: var(--blue); }
.rados-page.c1 .food-copy p { margin-top: 25px; max-width: 360px; }
.rados-page.c1 .food-visual { position: relative; margin-right: -8%; }
.rados-page.c1 .food-visual .photo { height: 450px; transform: rotate(3deg); border: 7px solid rgb(21, 20, 31); }
.rados-page.c1 .food-visual .badge { position: absolute; bottom: -28px; left: -38px; background: var(--pink); color: white; }
.rados-page.c1 .food-visual .dish-label { position: absolute; top: -20px; left: 30px; transform: rotate(-4deg); background: var(--paper); color: rgb(16, 17, 26); font-family: var(--display); font-size: 32px; padding: 10px 25px; z-index: 2; }
.rados-page.c1 .food .menu-list { grid-template-columns: repeat(3, 1fr); gap: 0px 35px; margin-top: 65px; }
.rados-page.c1 .food .menu-row:nth-child(3) { border-top-color: var(--pink); }
.rados-page.c1 .reward { border-top: 1px solid rgba(95, 181, 213, 0.25); border-bottom: 1px solid rgba(95, 181, 213, 0.25); padding: 35px 0px; background-color: rgb(17, 17, 28); }
.rados-page.c1 .reward-inner { display: grid; grid-template-columns: 0.8fr 1.2fr auto; gap: 40px; align-items: center; }
.rados-page.c1 .reward h2 { font-size: 52px; }
.rados-page.c1 .reward h2 em { color: var(--blue); }
.rados-page.c1 .reward .benefits { margin-bottom: 0px; gap: 17px; }
.rados-page.c1 .social-story { position: relative; padding-top: 110px; }
.rados-page.c1 .story-grid { display: grid; grid-template-columns: 1.25fr 0.75fr; gap: 75px; align-items: center; }
.rados-page.c1 .collage { position: relative; padding-bottom: 75px; }
.rados-page.c1 .collage .wide-shot { height: 370px; width: 88%; transform: rotate(-3deg); border: 6px solid rgb(34, 32, 44); }
.rados-page.c1 .collage .close-shot { height: 220px; width: 55%; position: absolute; bottom: 0px; right: 0px; transform: rotate(5deg); border: 6px solid rgb(8, 9, 13); box-shadow: rgb(95, 181, 213) 0px 0px 0px 1px; }
.rados-page.c1 .collage .tag { position: absolute; left: 25px; bottom: 20px; transform: rotate(-5deg); }
.rados-page.c1 .story-copy h2 { font-size: 68px; }
.rados-page.c1 .story-copy p { margin-top: 24px; }
.rados-page.c1 .story-copy .keg-line { border-top: 1px solid var(--line); padding-top: 22px; margin-top: 28px; }
.rados-page.c1 .happy { background: rgb(25, 16, 37); position: relative; margin-top: 20px; }
.rados-page.c1 .happy-grid { display: grid; grid-template-columns: 0.65fr 1.35fr; gap: 55px; align-items: center; }
.rados-page.c1 .happy-time { font-family: var(--display); font-size: clamp(135px, 14vw, 210px); line-height: 0.8; color: var(--pink); white-space: nowrap; }
.rados-page.c1 .happy-time small { font-size: 40px; }
.rados-page.c1 .happy h2 { font-size: 64px; margin-bottom: 27px; }
.rados-page.c1 .happy .photo { height: 320px; transform: rotate(-2deg); border: 5px solid rgb(53, 34, 86); }
.rados-page.c1 .happy .discounts { margin-top: 32px; }
.rados-page.c1 .happy .fine { margin-top: 14px; }
.rados-page.c1 .gather-top { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; align-items: end; margin-bottom: 38px; }
.rados-page.c1 .gather-top p { max-width: 440px; }
.rados-page.c1 .gather h2 { font-size: clamp(65px, 7vw, 105px); }
.rados-page.c1 .gather .gather-items { gap: 40px; }
.rados-page.c1 .gather .number { float: left; margin: 0px 18px 18px 0px; font-size: 50px; }
.rados-page.c1 .merch { background: rgb(19, 17, 30); border-top: 1px solid var(--purple); border-bottom: 1px solid var(--purple); }
.rados-page.c1 .merch-inner { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 60px; align-items: center; }
.rados-page.c1 .merch-logo { max-width: 340px; margin: 28px 0px 0px; transform: rotate(-5deg); }
.rados-page.c1 .merch h2 { font-size: 68px; }
.rados-page.c1 .merch-list { grid-template-columns: 1fr; }
.rados-page.c1 .merch-list button,
.rados-page.c1 .merch-list a { font-size: 18px; }
.rados-page.c1 .visit { position: relative; overflow: hidden; }
.rados-page.c1 .visit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; }
.rados-page.c1 .visit .photo { height: 410px; clip-path: polygon(10% 0px, 100% 0px, 90% 100%, 0px 100%); filter: saturate(0.85); }
.rados-page.c1 .visit-details h2 { font-size: 90px; margin-bottom: 30px; }
.rados-page.c1 .social-bottom { margin-top: 30px; border-top: 1px solid var(--line); padding-top: 20px; display: flex; gap: 20px; flex-wrap: wrap; }
@media (min-width: 1650px) {
.rados-page .hero { max-width: 1800px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 1100px) {
.rados-page .site-nav { font-size: 12px; gap: 13px !important; }
.rados-page .site-header { padding-left: 3%; padding-right: 3%; gap: 20px; }
.rados-page .brand { width: 140px; }
.rados-page .btn { padding: 14px 18px; }
.rados-page.c1 .hero h1 { font-size: 110px; }
.rados-page.c1 .hero .badge { width: 130px; height: 130px; }
.rados-page.c1 .hero .badge strong { font-size: 40px; }
.rados-page.c1 .reward-inner { grid-template-columns: 1fr 1.2fr; }
.rados-page .reward-inner > .btn { grid-column: 2; justify-self: start; margin-top: -10px; }
.rados-page.c1 .story-grid { gap: 40px; }
.rados-page.c1 .happy-grid { gap: 35px; }
.rados-page.c1 .happy-time { font-size: 145px; }
}
@media (max-width: 760px) {
.rados-page { font-size: 16px; }
.rados-page .wrap { width: 88%; }
.rados-page .section { padding: 62px 0px; }
.rados-page .review-bar { font-size: 11px; padding: 9px 4%; }
.rados-page .review-bar > span { display: none; }
.rados-page .site-header { min-height: 83px; flex-wrap: wrap; padding: 10px 6%; height: auto !important; }
.rados-page .brand { width: 135px; }
.rados-page .brand img { height: 62px; }
.rados-page .nav-toggle { display: block; }
.rados-page .site-nav { display: none; flex-wrap: wrap; width: 100%; font-size: 14px; padding: 10px 0px 15px; gap: 20px !important; }
.rados-page .site-nav.open { display: flex; }
.rados-page .site-nav .btn { width: 100%; }
.rados-page .eyebrow { font-size: 11px; margin-bottom: 17px; }
.rados-page .btn { font-size: 12px; min-height: 47px; padding: 14px 19px; }
.rados-page .actions { gap: 16px; }
.rados-page .heading-row { display: block; margin-bottom: 30px; }
.rados-page .heading-row > p { margin-top: 22px; }
.rados-page .divider { justify-content: start; gap: 25px; padding: 13px 6%; font-size: 11px; }
.rados-page .divider span:nth-child(n+5) { display: none; }
.rados-page .menu-row h3 { font-size: 18px; }
.rados-page .reward-inner > .btn { grid-column: auto; margin: 0px; }
.rados-page.c1 .reward-inner { grid-template-columns: 1fr; gap: 25px; }
.rados-page .benefits { font-size: 12px; gap: 17px; }
.rados-page .gather-items { grid-template-columns: 1fr; }
.rados-page .merch-list { grid-template-columns: 1fr; }
.rados-page .visit-details address { font-size: 20px; }
.rados-page .site-footer { grid-template-columns: 1fr; padding: 30px 6% 110px; gap: 23px; }
.rados-page .footer-links { justify-content: start; gap: 16px; }
.rados-page .footer-note { grid-column: auto; }
.rados-page .quickbar a,
.rados-page .quickbar button { font-size: 10px; padding: 13px 16px; }
.rados-page .quickbar { bottom: 12px; }
.rados-page .badge { width: 100px; height: 100px; font-size: 10px; }
.rados-page .badge strong { font-size: 30px; }
.rados-page.c1 .hero { min-height: 720px; align-items: start; }
.rados-page.c1 .hero .wrap { padding: 50px 0px 120px; }
.rados-page.c1 .hero h1 { font-size: 81px; max-width: 100%; }
.rados-page.c1 .hero h1 .script { font-size: 0.71em; margin-top: 20px; }
.rados-page.c1 .hero p { max-width: 310px; font-size: 15px; margin-top: 24px; }
.rados-page.c1 .hero > .photo > img { object-position: 62% center; }
.rados-page.c1 .hero > .photo::after { background: linear-gradient(90deg, rgba(7, 8, 13, 0.875), rgba(7, 8, 13, 0.467)), linear-gradient(0deg, rgba(8, 9, 13, 0.88), transparent 40%); }
.rados-page.c1 .hero .badge { width: 105px; height: 105px; bottom: 25px; right: 7%; }
.rados-page.c1 .hero .badge strong { font-size: 34px; }
.rados-page.c1 .hero .hero-coordinate { display: none; }
.rados-page.c1 .hero-location { display: block; padding: 22px 6%; }
.rados-page.c1 .hero-location .keg-line { margin-top: 14px; }
.rados-page.c1 .food { padding-top: 60px; }
.rados-page.c1 .food-grid { grid-template-columns: 1fr; gap: 45px; }
.rados-page.c1 .food h2 { font-size: 80px; }
.rados-page.c1 .food-visual { margin: 0px 5% 0px 0px; }
.rados-page.c1 .food-visual .photo { height: 300px; }
.rados-page.c1 .food-visual .badge { left: auto; right: -15px; bottom: -25px; }
.rados-page.c1 .food-visual .dish-label { font-size: 25px; left: 10px; }
.rados-page.c1 .food .menu-list { grid-template-columns: 1fr; margin-top: 45px; gap: 0px; }
.rados-page.c1 .reward h2 { font-size: 54px; }
.rados-page.c1 .story-grid { grid-template-columns: 1fr; gap: 40px; }
.rados-page.c1 .collage .wide-shot { height: 280px; }
.rados-page.c1 .collage .close-shot { height: 175px; width: 60%; }
.rados-page.c1 .collage .tag { left: 0px; font-size: 10px; bottom: 25px; }
.rados-page.c1 .story-copy h2 { font-size: 65px; }
.rados-page.c1 .happy-grid { grid-template-columns: 1fr; gap: 35px; }
.rados-page.c1 .happy h2 { font-size: 65px; }
.rados-page.c1 .happy-time { font-size: 150px; }
.rados-page.c1 .happy .photo { height: 260px; }
.rados-page.c1 .happy .discounts { gap: 18px; }
.rados-page .discount b { font-size: 33px; }
.rados-page .discount span { font-size: 12px; }
.rados-page.c1 .gather-top { grid-template-columns: 1fr; gap: 25px; }
.rados-page.c1 .gather h2 { font-size: 67px; }
.rados-page.c1 .gather .gather-items { gap: 15px; }
.rados-page.c1 .gather .number { float: none; font-size: 38px; margin: 0px 0px 17px; }
.rados-page.c1 .merch-inner { grid-template-columns: 1fr; gap: 28px; }
.rados-page.c1 .merch h2 { font-size: 67px; }
.rados-page.c1 .merch-logo { width: 250px; margin-top: 25px; }
.rados-page.c1 .merch-list button,
.rados-page.c1 .merch-list a { font-size: 16px; }
.rados-page.c1 .visit-grid { grid-template-columns: 1fr; gap: 35px; }
.rados-page.c1 .visit .photo { height: 270px; order: 2; clip-path: polygon(5% 0px, 100% 0px, 95% 100%, 0px 100%); }
.rados-page.c1 .visit-details h2 { font-size: 75px; }
.rados-page .photo-label { font-size: 9px; }
}
@media (max-width: 370px) {
.rados-page.c1 .hero h1 { font-size: 70px; }
.rados-page .quickbar a,
.rados-page .quickbar button { padding: 12px; }
.rados-page .actions { gap: 11px; }
.rados-page .btn { padding: 14px 16px; }
}
.rados-page.c1 .hero h1 .script { line-height: 1.05; margin-bottom: 10px; white-space: nowrap; }
@media (max-width: 760px) {
.rados-page.c1 .hero h1 .script { font-size: 0.8em; }
.rados-page.c1 .hero .wrap { padding-bottom: 110px; }
}
@media (max-width: 370px) {

}
@media (prefers-reduced-motion: reduce) {
.rados-page { scroll-behavior: auto; }
.rados-page .quickbar { transition: none; }
}
.rados-page.c1 .hero-full-logo { position: absolute; z-index: 3; right: 4.5%; bottom: 58px; width: 34%; max-width: 490px; height: auto; object-fit: contain; filter: drop-shadow(rgba(5, 4, 10, 0.75) 0px 7px 14px); }
@media (min-width: 761px) and (max-width: 950px) {
.rados-page.c1 .hero .wrap { padding-bottom: 210px; }
.rados-page.c1 .hero-full-logo { width: 42%; right: 5%; bottom: 45px; }
}
@media (max-width: 760px) {
.rados-page.c1 .hero { display: block; }
.rados-page.c1 .hero .wrap { padding-bottom: 25px; }
.rados-page.c1 .hero-full-logo { position: relative; right: auto; bottom: auto; width: 88%; max-width: 400px; margin: 0px auto 48px; }
}
.rados-page.c1 .hero-brand-location { position: absolute; z-index: 3; right: 4.5%; bottom: 58px; width: 34%; max-width: 490px; margin: 0px; }
.rados-page.c1 .hero-brand-location .hero-full-logo { position: static; width: 100%; max-width: none; height: auto; margin: 0px; }
.rados-page.c1 .hero-brand-caption { position: absolute; top: calc(100% + 8px); left: 0px; right: 0px; text-align: center; font-size: 14px; line-height: 1.4; letter-spacing: 0.14em; color: var(--blue); font-weight: 700; white-space: nowrap; text-shadow: rgb(0, 0, 0) 0px 2px 6px; }
.rados-page.c1 .hero > .photo > .photo-label { left: 12px; right: auto; }
@media (min-width: 761px) and (max-width: 950px) {
.rados-page.c1 .hero-brand-location { width: 42%; right: 5%; bottom: 45px; }
}
@media (max-width: 760px) {
.rados-page.c1 .hero-brand-location { position: relative; right: auto; bottom: auto; width: 88%; max-width: 400px; margin: 0px auto 48px; }
.rados-page.c1 .hero-brand-caption { font-size: 12px; letter-spacing: 0.12em; }
}
.rados-page.c1 .hero-brand-location { bottom: 45px; }
.rados-page.c1 .hero-brand-caption { position: static; margin-top: 12px; line-height: 1.6; letter-spacing: 0.07em; white-space: normal; font-size: 15px; }
.rados-page.c1 .hero-brand-caption a { display: inline-block; }
.rados-page.c1 .hero-brand-caption a:hover { text-decoration: underline; text-underline-offset: 4px; }
.rados-page.c1 .food-copy .food-welcome { font-size: 19px; font-weight: 700; line-height: 1.5; color: var(--paper); }
.rados-page.c1 .food-copy .food-welcome + p { margin-top: 15px; }
@media (max-width: 760px) {
.rados-page.c1 .hero-brand-location { bottom: auto; margin-bottom: 40px; }
.rados-page.c1 .hero-brand-caption { font-size: 14px; letter-spacing: 0.055em; margin-top: 10px; }
.rados-page.c1 .food-copy .food-welcome { font-size: 18px; }
}
@media (min-width: 761px) and (max-width: 950px) {
.rados-page.c1 .hero .wrap { padding-bottom: 285px; }
}
.rados-page.c1 .hangout { background: rgb(8, 9, 13); padding-top: 100px; padding-bottom: 85px; overflow: hidden; }
.rados-page.c1 .hangout-stage { position: relative; display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 0px; align-items: center; min-height: 515px; }
.rados-page.c1 .hangout-title { position: relative; z-index: 3; width: 120%; padding: 10px 0px 25px; pointer-events: none; }
.rados-page.c1 .hangout-title .eyebrow { font-size: 12px; letter-spacing: 0.12em; max-width: 420px; }
.rados-page.c1 .hangout-title h2 { font-size: clamp(70px, 7.25vw, 106px); line-height: 0.88; letter-spacing: -0.02em; text-shadow: rgb(8, 9, 13) 0px 3px 12px; }
.rados-page.c1 .hangout-title h2 .script { font-size: 0.71em; line-height: 0.97; transform: rotate(-6deg); margin-top: 18px; color: var(--pink); text-shadow: rgb(8, 9, 13) 4px 5px; letter-spacing: -0.06em; }
.rados-page.c1 .hangout-photo-wrap { position: relative; transform: rotate(4deg); margin-left: -25px; align-self: center; }
.rados-page.c1 .hangout-photo { height: 465px; border: 7px solid rgb(24, 21, 29); box-shadow: rgba(0, 0, 0, 0.533) 0px 10px 35px; }
.rados-page.c1 .hangout-photo > img { object-position: 60% center; }
.rados-page.c1 .pink-tape { position: absolute; z-index: 4; top: -17px; left: 45%; width: 155px; height: 39px; background: rgb(237, 14, 122); opacity: 0.95; transform: rotate(-13deg); clip-path: polygon(2% 0px, 99% 5%, 96% 22%, 100% 45%, 97% 63%, 99% 95%, 1% 100%, 3% 77%, 0px 58%, 3% 40%, 0px 20%); box-shadow: rgba(0, 0, 0, 0.333) 0px 2px 3px; }
.rados-page.c1 .cassette-sticker { position: absolute; z-index: 5; left: 38%; bottom: -31px; width: 205px; height: auto; transform: rotate(-11deg); filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 5px 9px); }
.rados-page.c1 .hangout-bottom { display: grid; grid-template-columns: 0.72fr 1.28fr; gap: 80px; margin-top: 65px; align-items: start; }
.rados-page.c1 .hangout-intro { max-width: 350px; padding-top: 10px; }
.rados-page.c1 .hangout-intro > p { font-size: 18px; line-height: 1.65; color: rgb(209, 204, 214); }
.rados-page.c1 .hangout-options { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 35px; }
.rados-page.c1 .hangout-options article { border-top: 1px solid rgba(255, 255, 255, 0.208); padding-top: 20px; }
.rados-page.c1 .hangout-options article:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 35px; }
.rados-page.c1 .hangout-options article:last-child .number { grid-column: 1; }
.rados-page.c1 .hangout-options article:last-child h3 { grid-column: 1; }
.rados-page.c1 .hangout-options article:last-child p { grid-area: 1 / 2 / 3; margin-top: 0px; }
.rados-page.c1 .hangout-options .number { display: block; color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; margin-bottom: 16px; }
.rados-page.c1 .hangout-options h3 { font-size: 23px; line-height: 1.1; }
.rados-page.c1 .hangout-options p { font-size: 14px; line-height: 1.6; margin-top: 14px; }
@media (max-width: 1100px) {
.rados-page.c1 .hangout-stage { min-height: 450px; }
.rados-page.c1 .hangout-title h2 { font-size: 86px; }
.rados-page.c1 .hangout-photo { height: 390px; }
.rados-page.c1 .cassette-sticker { width: 175px; left: 38%; bottom: -32px; }
.rados-page.c1 .hangout-bottom { gap: 40px; margin-top: 60px; }
.rados-page.c1 .hangout-intro > p { font-size: 16px; }
.rados-page.c1 .hangout-options h3 { font-size: 21px; }
}
@media (max-width: 760px) {
.rados-page.c1 .hangout { padding-top: 60px; padding-bottom: 60px; }
.rados-page.c1 .hangout-stage { display: flex; flex-direction: column; align-items: stretch; min-height: 0px; }
.rados-page.c1 .hangout-title { width: 100%; padding: 0px; z-index: 3; }
.rados-page.c1 .hangout-title .eyebrow { font-size: 10px; line-height: 1.5; margin-bottom: 19px; }
.rados-page.c1 .hangout-title h2 { font-size: 72px; line-height: 0.86; }
.rados-page.c1 .hangout-title h2 .script { font-size: 0.7em; margin-top: 14px; line-height: 1; }
.rados-page.c1 .hangout-photo-wrap { width: 96%; align-self: end; margin: -10px 0px 0px; transform: rotate(4deg); z-index: 2; }
.rados-page.c1 .hangout-photo { height: 300px; border-width: 5px; }
.rados-page.c1 .hangout-photo > img { object-position: 64% center; }
.rados-page.c1 .pink-tape { width: 100px; height: 29px; left: auto; right: 12px; top: -14px; transform: rotate(-12deg); }
.rados-page.c1 .cassette-sticker { position: relative; left: auto; bottom: auto; width: 155px; margin: -58px 0px -8px; align-self: start; transform: rotate(-10deg); z-index: 4; }
.rados-page.c1 .hangout-bottom { grid-template-columns: 1fr; gap: 36px; margin-top: 24px; }
.rados-page.c1 .hangout-intro { max-width: 100%; padding: 0px; }
.rados-page.c1 .hangout-intro > p { font-size: 16px; }
.rados-page.c1 .hangout-options { grid-template-columns: 1fr; gap: 28px; }
.rados-page.c1 .hangout-options article:last-child { display: block; grid-column: auto; }
.rados-page.c1 .hangout-options article:last-child p { margin-top: 14px; }
.rados-page.c1 .hangout-options .number { margin-bottom: 13px; }
.rados-page.c1 .hangout-options h3 { font-size: 23px; }
.rados-page.c1 .hangout-options p { font-size: 15px; }
}
@media (max-width: 370px) {
.rados-page.c1 .hangout-title h2 { font-size: 64px; }
.rados-page.c1 .hangout-photo { height: 265px; }
.rados-page.c1 .cassette-sticker { width: 140px; }
.rados-page.c1 .pink-tape { width: 80px; }
}
@media (min-width: 1101px) {
.rados-page.c1 .hangout-photo-wrap { margin-left: -65px; }
}
.rados-page.c1 .hangout-options .number { float: none; display: block; margin: 0px 0px 12px; text-align: left; color: var(--blue); }
.rados-page.c1 .hangout-options h3 { color: var(--paper); text-align: left; font-size: 21px; line-height: 1.2; margin: 0px; }
.rados-page.c1 .hangout-options article:last-child { display: block; }
.rados-page.c1 .hangout-options article:last-child p { margin-top: 14px; max-width: 620px; }
@media (min-width: 1200px) {
.rados-page.c1 .hangout-options h3 { font-size: 21px; }
.rados-page.c1 .hangout-options article { display: block; }
.rados-page.c1 .hangout-options p { max-width: 640px; }
}
@media (max-width: 760px) {
.rados-page.c1 .hangout-options h3 { font-size: 23px; }
}
@font-face{font-family:"Rados Brush";src:url("https://radosgrill.com/wp-content/uploads/2026/09/Edo-Regular.ttf") format("truetype");font-display:swap;font-style:normal;font-weight:400}
.rados-page.c1 .hero h1 .script,
.rados-page.c1 .story-copy h2 em,
.rados-page.c1 .hangout-title h2 .script,
.rados-page.c1 .merch h2 em,
.rados-page.c1 .visit-details h2 em { font-family: "Rados Brush", cursive; font-weight: 400; font-style: oblique 26deg; letter-spacing: -0.025em; -webkit-text-stroke: 0px; text-shadow: none; }
.rados-page.c1 .hero h1 .script { line-height: 1.15; }
.rados-page.c1 .hangout-title h2 .script { line-height: 1.1; }
.rados-page.c1 .merch h2 em,
.rados-page.c1 .visit-details h2 em { line-height: 1.14; }
.rados-page.c1 .hero h1 .script,
.rados-page.c1 .hangout-title h2 .script { transform: rotate(-6deg) skewX(-10deg); }
.rados-page.c1 .story-copy h2 em,
.rados-page.c1 .merch h2 em,
.rados-page.c1 .visit-details h2 em { display: inline-block; transform: rotate(-3deg) skewX(-10deg); transform-origin: left center; }/* End custom CSS */