@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
:root{--black:#050505;--charcoal:#1d1d1d;--red:#b21e1b;--red2:#911713;--navy:#17223a;--ink:#161616;--paper:#fff;--line:#d8d8d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 Inter,Arial,sans-serif;background:#fff}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.rrjs-shell,.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.rrjs-nav,.nav{background:#050505;color:#fff;position:relative;z-index:5}.rrjs-nav .nav-inner,.navin{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo-link img{width:54px;height:54px;border-radius:50%}.rrjs-nav nav,.navlinks{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.rrjs-nav nav>a:not(.red-button),.navlinks a:not(.button){transition:color .2s}.rrjs-nav nav>a:hover,.navlinks a:hover{color:#df332c}.red-button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--red);color:#fff;padding:15px 24px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:.2s}.red-button:hover,.button:hover{background:var(--red2);transform:translateY(-1px)}.rrjs-nav .nav-cta{padding:13px 21px}.button.alt{background:#252525;color:#fff}.brand{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:.04em;line-height:.8}.brand small{font:600 10px Inter,sans-serif;letter-spacing:.16em;display:block;margin-bottom:5px}.rrjs-hero{min-height:645px;display:grid;align-items:center;color:white;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.26)),url('/assets/live-reference/rrjs-home-hero.png') center/cover no-repeat}.hero-copy{padding:90px 0}.hero-copy h1{font-family:Poppins,Arial,sans-serif;font-size:clamp(46px,6.4vw,85px);font-weight:700;letter-spacing:-.055em;line-height:1.04;max-width:760px;margin:0}.hero-copy p{max-width:630px;font-size:16px;line-height:1.72;margin:22px 0 0}.hero-copy .hero-note{font-size:14px;margin-top:16px}.hero-copy .red-button{margin-top:28px}.homes-section{padding:90px 0;background:var(--charcoal);color:#fff}.section-title h2,.why-grid h2,.about-grid h2,.how-grid h2,.faq-section h2,.booking-copy h1,.section h1{font-family:Poppins,Arial,sans-serif;font-weight:700;letter-spacing:-.045em;line-height:1.07;margin:0;font-size:clamp(35px,4.3vw,54px)}.section-title>p,.section-subtitle{margin:10px 0 0;color:#d9d9d9}.property-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center;margin-top:39px}.property-photo{position:relative}.property-photo img{width:100%;height:440px;object-fit:cover}.slider-arrow{position:absolute;top:45%;font-size:55px;line-height:1;color:#fff;text-shadow:0 2px 6px #000}.slider-arrow.left{left:18px}.slider-arrow.right{right:18px}.slider-dots{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;letter-spacing:4px;font-size:12px}.property-details{font-size:14px;line-height:1.75}.property-details h3{font-size:27px;margin:0 0 14px}.property-details p{margin:0 0 20px}.property-details .included{border-top:1px solid #666;border-bottom:1px solid #666;padding:17px 0}.red-button.small{font-size:12px;padding:14px 20px}.dark-section{background:#050505;color:#fff}.why-section.why-grid{padding:91px 0;display:grid;grid-template-columns:.78fr 1.22fr;gap:82px}.why-grid>div>p{color:#d9d9d9}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px}.benefits article h3{font-size:16px;margin:0 0 7px}.benefits article h3:first-letter{color:#d02c25}.benefits article p{font-size:14px;color:#d3d3d3;margin:0}.about-section{background:#fff}.about-section .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;max-width:none}.about-grid>div:first-child{min-height:540px;background:url('/assets/live-reference/rrjs-about-bg.png') center/cover no-repeat}.about-grid>div:last-child{padding:91px max(24px,calc((100vw - 1140px)/2)) 91px 74px;max-width:650px}.about-grid h2{color:#161616}.about-grid p{max-width:485px;color:#4c4c4c}.about-grid .section-subtitle{color:#555}.about-grid .red-button{margin-top:8px}.how-section{padding:91px 0}.how-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:82px}.how-grid>div>p{color:#d6d6d6}.how-grid .steps{display:grid;gap:0;margin:0}.steps article{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #4c4c4c}.steps article:last-child{border:0;margin:0;padding:0}.steps h3{font-size:17px;margin:0 0 7px}.steps p{margin:0;font-size:14px;color:#d5d5d5}.contact-section{padding:91px 0;background:#fff}.contact-section .section-title{text-align:center;max-width:780px;margin:auto}.contact-section .section-title>p{color:#484848}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:40px}.contact-grid article{border:1px solid #dedede;padding:32px;text-align:left}.contact-grid h3{font-size:25px;margin:0 0 13px}.contact-grid p{font-size:14px;color:#474747;min-height:110px}.contact-grid em{display:block;margin-top:18px;color:#666;font-size:12px;line-height:1.5}.faq-section{background:#050505;color:#fff;padding:91px 0}.faq-section .narrow{width:min(930px,calc(100% - 48px));margin:auto}.faq-section h2{text-align:center;margin-bottom:34px}.faq-section details{background:var(--navy);margin:10px 0}.faq-section summary{list-style:none;cursor:pointer;padding:17px 52px 17px 20px;position:relative;font-size:14px;font-weight:700}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:'+';position:absolute;right:19px;top:11px;font-size:25px;font-weight:400}.faq-section details[open] summary:after{content:'−'}.faq-section details p{padding:0 20px 18px;margin:0;color:#d8dce5;font-size:14px}.rrjs-footer,footer{background:#050505;color:#e1e1e1;padding:32px 24px;text-align:center;font-size:13px}.rrjs-footer{background:#fff;color:#555}.rrjs-footer> a{color:#245392;font-size:22px}.rrjs-footer p{margin:5px 0 0}.rrjs-footer p a,footer a{font-weight:700;color:inherit}.section{padding:64px 0}.mist,.section.mist{background:#f4f4f4}.booking-copy{text-align:center;max-width:680px;margin:0 auto 30px}.booking-copy .eyebrow,.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--red);margin-bottom:10px}.booking-copy p{max-width:680px;margin:16px auto;color:#444}.card{background:#fff;border:1px solid #ddd;padding:25px}.enquiry{max-width:680px;margin:auto;display:grid;gap:16px}.enquiry label{font-weight:700}.enquiry input:not([type=checkbox]),.enquiry textarea{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #bdbdbd;font:inherit}.enquiry textarea{min-height:130px}.enquiry .check{display:flex;gap:10px;font-weight:400;font-size:14px}.enquiry button{justify-self:start}.contact-options{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.grid3,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid #ddd;padding:22px}.feature h3{margin:0 0 8px}.legal{width:min(800px,calc(100% - 40px));margin:55px auto}.legal h1{font-family:Poppins,sans-serif;font-size:42px}.legal h2{font-size:21px;margin-top:28px}.legal p,.legal li{color:#444}
@media(max-width:800px){.rrjs-shell,.wrap{width:min(100% - 32px,1140px)}.rrjs-nav .nav-inner,.navin{min-height:66px}.logo-link img{width:46px;height:46px}.rrjs-nav nav>a:not(.red-button),.navlinks a:not(.button){display:none}.rrjs-nav nav,.navlinks{gap:10px}.rrjs-nav .nav-cta,.button{padding:12px 15px}.rrjs-hero{min-height:565px}.hero-copy{padding:74px 0}.hero-copy h1{font-size:51px}.property-grid,.why-section.why-grid,.how-grid,.about-section .about-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.property-photo img{height:350px}.why-section.why-grid{padding:65px 0}.about-grid>div:first-child{min-height:360px}.about-grid>div:last-child{padding:63px 24px;max-width:none}.how-section,.contact-section,.faq-section{padding:65px 0}.contact-grid p{min-height:0}.grid3,.grid{grid-template-columns:1fr 1fr}.faq-section .narrow{width:min(100% - 32px,930px)}}@media(max-width:480px){.hero-copy h1{font-size:42px}.property-photo img{height:285px}.benefits,.grid3,.grid{grid-template-columns:1fr}.contact-grid article{padding:26px}.brand{font-size:25px}.rrjs-nav .nav-cta{font-size:11px}.contact-options{display:grid}.contact-options .button{width:100%}}
