/* Rooftop Go Where theme v1 ("Sky Bands"): pale gold, apricot, coral and rose bands, plum ink, sunset orange. Familjen Grotesk. */
html:root{--gold:#FFF4D6;--apri:#FFE0BF;--coral:#FFC9B5;--rose:#F7B7C4;--ink:#33202A;--mute:#6B4C55;--hot:#E8603C;--line:#F0DCC0;
 --bg:#FFF4D6;--surfaceBg:#FFFFFF;--text:51 32 42;--headerBg:#FFF4D6;--headerBorder:transparent;--headerColor:#33202A;--searchBarBg:#FFFFFF;--searchBarBorder:#F0DCC0;--searchBarColor:#6B4C55;
 --filtersBg:#FFFFFF;--filtersColor:#33202A;--filtersInputColor:#33202A;--filtersInputBg:#FFF9EC;--filtersInputBorder:#F0DCC0;--filtersTagBg:#FFE0BF;--filtersTagColor:#33202A;
 --inputBg:#FFFFFF;--inputBorder:#F0DCC0;--inputColor:#33202A;--highlightsPrimary:#E8603C;--highlightsSecondary:#33202A;--buttonBg:51 32 42;--buttonHoverBg:#1F1219;--buttonColor:#FFF4D6;
 --cardBg:255 255 255;--cardBorder:#FFFFFF;--cardTagBg:#FFE0BF;--cardTagColor:#33202A;--cardTagBorder:#FFE0BF;--cardColor:51 32 42;--cardColorLight:#6B4C55;--cardFeatureTitle:#E8603C;
 --font-sans:'Familjen Grotesk';--font-display:'Familjen Grotesk'}
body{background:var(--gold)!important;color:var(--ink);font-family:'Familjen Grotesk',system-ui,sans-serif}
h1,h2,h3,.font-display{font-family:'Familjen Grotesk',system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.035em!important}
p,li,span,div,h1,h2,h3,h4{word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}
.break-all{word-break:normal!important}.content-icon{display:none!important}
button,.btn,.bg-brand-button-bg{border-radius:999px!important}
.bg-brand-button-bg{background:var(--ink)!important;color:var(--gold)!important;font-weight:700!important;box-shadow:none!important}
.bg-brand-button-bg:hover{background:#1F1219!important}
a{text-underline-offset:3px}

/* Header */
header{background:var(--gold)!important;border-bottom:0!important}
header .h-20{height:80px}
header a[href="/"]{display:flex!important;align-items:center;color:var(--ink)!important}
header a[href="/"]>span.font-semibold,header a[href="/"]>span:not(.rgw-logo){display:none!important}
header a[href="/"]::before{display:none!important}
.rgw-logo{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font:700 22px/1 'Familjen Grotesk',sans-serif;letter-spacing:-.03em;color:var(--ink)}
.rgw-logo svg{width:30px;height:30px;flex:none}
@media(min-width:1024px){header nav.hidden{display:flex!important}header .xl\:hidden{display:none!important}}
header nav a,header nav a *,header nav button,header nav button *{font-weight:600!important;font-size:15px!important;color:var(--ink)!important}
header .bg-brand-button-bg,header nav .bg-brand-button-bg,header nav .bg-brand-button-bg *{color:var(--gold)!important;background:var(--ink)!important;border:0!important}
header .bg-brand-button-bg{padding:10px 20px!important}
header [role=menu]{border-radius:18px!important;border:0!important;background:#fff!important;box-shadow:0 22px 44px -24px rgba(51,32,42,.45)!important}
header [role=menu] a:hover{background:var(--apri)!important}
header .fixed.inset-0.bg-brand-card-bg{background:var(--gold)!important}
header .absolute.w-72.bg-brand-card-bg{background:#fff!important;border:0!important;border-radius:20px!important;overflow:hidden;box-shadow:0 22px 44px -24px rgba(51,32,42,.45)}
header nav div>button:has(+div:not([style*="none"])){background:var(--apri)!important;border-radius:14px 14px 0 0!important}
header nav div>button+div{background:var(--apri)!important;border-radius:0 0 14px 14px!important;padding:2px 0 8px!important}
.border-b:has(.full-width-search){border-color:var(--line)!important;box-shadow:none!important;background:var(--gold)!important}
body:has(.rgw-hero) .border-b:has(.full-width-search),body:has(.rgw-hero) .header-search-block,body:has(.rgw-hero) .hero{display:none!important}
h1+span.bg-gray-100.rounded-full{display:none!important}

/* Full-bleed colour bands (homepage custom blocks) */
.rgw-band{border-image:linear-gradient(var(--bandc),var(--bandc)) fill 0//0 100vmax;padding-block:46px}
.rgw-band.b1{--bandc:var(--gold)}.rgw-band.b2{--bandc:var(--apri)}.rgw-band.b3{--bandc:var(--coral)}.rgw-band.b4{--bandc:var(--rose)}
.rgw-band h2{font:700 38px/1.05 'Familjen Grotesk',sans-serif!important;letter-spacing:-.035em!important;margin:0 0 22px;color:var(--ink)}
.rgw-band .sh{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.rgw-band .sh h2{margin:0}
.rgw-band .sh a{font-weight:700;border-bottom:2px solid var(--hot);white-space:nowrap}

/* Homepage hero: headline left, staggered photo wall right */
body:has(.rgw-hero) .relative.pt-20>.max-w-\[108rem\].pt-12,body:has(.rgw-hero) .max-w-\[108rem\].pt-12:has(.rgw-hero){padding-top:0!important}
.rgw-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;height:660px;overflow:hidden;border-image:linear-gradient(var(--gold),var(--gold)) fill 0//0 100vmax}
.rgw-hero .txt{padding-top:84px}
.rgw-hero h1{font:700 88px/0.94 'Familjen Grotesk',sans-serif!important;letter-spacing:-.05em!important;margin:0;color:var(--ink)}
.rgw-hero p{margin:22px 0 26px;font-size:19px;line-height:1.5;color:var(--mute);max-width:470px}
.rgw-search{display:flex;background:#fff;border-radius:14px;padding:5px;max-width:470px;box-shadow:0 16px 34px -24px rgba(51,32,42,.5)}
.rgw-search input{flex:1;min-width:0;border:0!important;outline:0;padding:13px 14px;font:500 16px 'Familjen Grotesk',sans-serif;background:transparent;box-shadow:none!important;color:var(--ink)}
.rgw-search button{border:0;background:var(--hot);color:#fff;font:700 15px 'Familjen Grotesk',sans-serif;padding:0 24px;border-radius:10px!important;cursor:pointer}
.rgw-search button:hover{background:#D24F2D}
.rgw-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;max-width:480px}
.rgw-chips a{background:var(--apri);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px;color:var(--ink)!important;text-decoration:none!important}
.rgw-chips a:hover{background:var(--coral)}
.rgw-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rgw-wall .col{display:flex;flex-direction:column;gap:12px}
.rgw-wall a{display:block;position:relative;border-radius:18px;overflow:hidden;height:268px}
.rgw-wall img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.rgw-wall a:hover img{transform:scale(1.04)}
.rgw-wall a span{position:absolute;left:10px;bottom:10px;background:rgba(255,244,214,.94);color:var(--ink);border-radius:8px;padding:5px 9px;font-size:12.5px;font-weight:600;opacity:0;transition:opacity .2s}
.rgw-wall a:hover span{opacity:1}
.rgw-wall .col:nth-child(2){margin-top:-96px}.rgw-wall .col:nth-child(3){margin-top:44px}

/* Homepage bar cards */
.rgw-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.rgw-bars a{display:block;color:var(--ink)!important;text-decoration:none!important}
.rgw-bars .ph{display:block;border-radius:18px;overflow:hidden;aspect-ratio:4/3;position:relative}
.rgw-bars img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.rgw-bars a:hover img{transform:scale(1.04)}
.rgw-bars em{position:absolute;left:10px;top:10px;background:var(--gold);border-radius:8px;padding:4px 9px;font-style:normal;font-weight:700;font-size:12.5px}
.rgw-bars b{display:block;margin-top:12px;font-size:19px;letter-spacing:-.02em}
.rgw-bars small{display:block;color:var(--mute);font-size:14.5px;line-height:1.45;margin-top:3px}

/* Homepage cities */
.rgw-cities{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.rgw-cities a{display:block;text-align:center;color:var(--ink)!important;text-decoration:none!important}
.rgw-cities .ph{display:block;aspect-ratio:1;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.6)}
.rgw-cities img{width:100%;height:100%;object-fit:cover;display:block}
.rgw-cities b{display:block;margin-top:10px;font-size:16px}.rgw-cities small{display:block;color:var(--mute);font-size:13.5px}
.rgw-more{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(51,32,42,.15);font-size:15.5px}
.rgw-more b{font-weight:700;margin-right:4px}.rgw-more a{font-weight:600;color:var(--ink)!important;border-bottom:1.5px solid rgba(51,32,42,.3);text-decoration:none!important}
.rgw-more a:hover{border-color:var(--hot)}

/* Homepage numbers + views */
.rgw-views{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rgw-views a{position:relative;display:block;border-radius:18px;overflow:hidden;height:230px;color:var(--ink)!important;text-decoration:none!important}
.rgw-views img{width:100%;height:100%;object-fit:cover;display:block}
.rgw-views span{position:absolute;left:12px;bottom:12px;background:var(--gold);border-radius:10px;padding:8px 12px}
.rgw-views b{display:block;font-size:16px}.rgw-views small{color:var(--mute);font-size:13.5px}

/* Text, FAQ, CTA on the homepage and pages */
.text-block h2,.heading-block h2,.accordion-block h2,.selected-items-block h2{font-size:38px!important;line-height:1.05!important;color:var(--ink)!important}
.text-block .prose{color:var(--mute)}.text-block .prose p+p{margin-top:.8em}
.text-block .prose h2{font-size:26px!important;margin:30px 0 10px!important}
.accordion-block>div>.mx-auto{display:flex;flex-direction:column;gap:10px}
.accordion-block [data-headlessui-state]{background:#fff;border:0!important;border-radius:16px!important}
.accordion-block [data-headlessui-state] button span{font-weight:700!important;opacity:1!important;font-size:18px!important;color:var(--ink)}
.accordion-block [data-headlessui-state] svg{color:var(--hot)!important}
.cta-block,.cta-block>div{background:var(--rose)!important;border-radius:28px!important;color:var(--ink)!important}
.cta-block h2{color:var(--ink)!important;font-size:40px!important}.cta-block p{color:var(--mute)!important;opacity:1!important}
.cta-block button,.cta-block a{background:var(--ink)!important;color:var(--gold)!important;font-weight:700!important;padding:14px 26px!important}

/* Listing cards everywhere */
.card{border-radius:20px!important;border:0!important;box-shadow:none!important;background:#fff!important;overflow:hidden;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(51,32,42,.55)!important}
.card .aspect-video{aspect-ratio:4/3}
.card .p-5,.card .p-6{padding:16px 18px 20px!important}
.card h2,.card h3{font:700 19px/1.2 'Familjen Grotesk',sans-serif!important;letter-spacing:-.02em!important;color:var(--ink)!important;-webkit-line-clamp:2!important}
.card .leading-5,.card .intro{opacity:1!important;color:var(--mute)!important;font-size:14.5px;line-height:1.45!important}
.card .badge{opacity:1!important;background:var(--apri)!important;border:0!important;color:var(--ink)!important;border-radius:999px!important}
.card .badge:nth-child(n+4){display:none}.card .footer{display:none!important}

/* Category pages */
h1.text-4xl:not(.rgw-hero h1){font-size:60px!important;line-height:1!important;color:var(--ink);margin-bottom:14px!important;letter-spacing:-.045em!important}
.-mt-4.mb-12 .text-xl{font-size:18px!important;line-height:1.6!important;color:var(--mute)}
.-mt-4.mb-12 .text-xl p+p{margin-top:.7em}
.rgw-clampd:not(.open)>.text-xl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:0!important}
.rgw-clampd:not(.open)>.text-xl p{display:inline}
.rgw-clampd:not(.open){cursor:pointer}
.rgw-clampd:not(.open)::after{content:'Read more';display:inline-block;margin-top:10px;font:700 14px 'Familjen Grotesk',sans-serif;color:var(--ink);border-bottom:2px solid var(--hot)}
.category-card{border:0!important;border-radius:18px!important}
.category-card:nth-child(4n+1){background:var(--apri)!important}.category-card:nth-child(4n+2){background:var(--coral)!important}.category-card:nth-child(4n+3){background:var(--rose)!important}.category-card:nth-child(4n+4){background:#fff!important}
.category-card *{color:var(--ink)!important}
.image-tiles-block a,.image-tiles-block>div>div{border-radius:20px!important;overflow:hidden}
nav[aria-label=Breadcrumb] a,nav[aria-label=Breadcrumb] span{color:var(--mute)!important}

/* Listing pages */
.detail-introduction{opacity:1!important;color:var(--mute);font-size:20px!important;line-height:1.5}
[area=detail_page_main] img{border-radius:24px!important}
[area=detail_page_main] dl{border-radius:20px;background:#fff;border:0!important}
[area=detail_page_main] h2{font-size:30px!important}
.action-panel{background:var(--coral)!important;border:0!important;border-radius:24px!important;padding:22px!important;color:var(--ink)!important}
.action-panel>p,.action-panel p{font:700 19px/1.3 'Familjen Grotesk',sans-serif!important;color:var(--ink)!important}
.action-panel a,.action-panel button{border-radius:999px!important;background:var(--gold)!important;color:var(--ink)!important;border:0!important}
.action-panel .grid-cols-1 a,.action-panel a.bg-brand-button-bg{background:var(--ink)!important;color:var(--gold)!important;font-weight:700!important;height:50px}
.custom-fields-wrap dd .flex.flex-col{display:block!important}
.custom-fields-wrap dd .flex.flex-col>span{display:inline;margin-right:.3em}
.cta-block[area=detail_page_main]{position:static!important;left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important;width:auto!important;background:transparent!important}
.cta-block[area=detail_page_main]>div,.cta-block[area=detail_page_main] .max-w-4xl{background:var(--apri)!important;border-radius:22px!important;max-width:none!important;padding:28px 32px!important;text-align:left!important}
.cta-block[area=detail_page_main] h2{font-size:24px!important}
.cta-block[area=detail_page_main] .flex-wrap{justify-content:flex-start!important}

/* Browse */
.review-rating-filter{display:none!important}

/* Footer */
.rgw-ft{background:var(--rose)!important;border-top:0!important;border-image:linear-gradient(var(--rose),var(--rose)) fill 0//0 100vmax;margin-top:0!important}
.rgw-ft a,.rgw-ft p,.rgw-ft span,.rgw-ft button{color:var(--ink)!important}
.rgw-ft a:hover{color:var(--hot)!important}
.rgw-ft .border-t{border-top:0!important}
.rgw-ft .bg-brand-button-bg,.rgw-ft .bg-brand-button-bg *{color:var(--gold)!important}

@media(max-width:1100px){.rgw-cities{grid-template-columns:repeat(4,minmax(0,1fr))}.rgw-bars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .rgw-hero{grid-template-columns:1fr;height:auto;gap:22px}.rgw-hero .txt{padding-top:16px}.rgw-hero h1{font-size:52px!important}.rgw-hero p{font-size:17px}
 .rgw-wall{height:380px;overflow:hidden}.rgw-wall a{height:160px}.rgw-wall .col:nth-child(2){margin-top:-40px}.rgw-wall .col:nth-child(3){margin-top:24px}
 .rgw-views{grid-template-columns:repeat(2,minmax(0,1fr))}.rgw-views a{height:170px}
 .rgw-band{padding-block:30px}.rgw-band h2,.text-block h2,.accordion-block h2{font-size:30px!important}
 h1.text-4xl:not(.rgw-hero h1){font-size:40px!important}}
@media(max-width:767px){header .h-20{height:68px}.rgw-logo{font-size:19px}.rgw-logo svg{width:26px;height:26px}
 .rgw-hero h1{font-size:46px!important}.rgw-cities{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rgw-cities b{font-size:14px}
 .rgw-bars{gap:14px}.rgw-bars b{font-size:16px}.rgw-bars small{font-size:13px}.rgw-band .sh{display:block}.rgw-band .sh a{display:inline-block;margin-top:8px}
 .cta-block h2{font-size:28px!important}}
/* v2: bands sit flush against each other */
.blocks.space-y-16>.custom-html-block:has(.rgw-band),.blocks.space-y-16>.custom-html-block:has(.rgw-hero)+.custom-html-block{margin-top:0!important}
.blocks.space-y-16>.custom-html-block:has(.rgw-band)+:not(.custom-html-block){margin-top:56px!important}
/* v3: FAQ text inset inside its white cards; CTA set apart from the footer */
.accordion-block div[data-headlessui-state]{border-bottom:0!important;padding:0 22px!important}.accordion-block button[data-headlessui-state]{padding-left:0!important;padding-right:0!important}
.accordion-block [data-headlessui-state] button{padding-top:18px!important;padding-bottom:18px!important}
.accordion-block [data-headlessui-state] [id^=headlessui-disclosure-panel]{padding-bottom:18px;color:var(--mute)}
.blocks.space-y-16>.cta-block:last-child,.blocks.space-y-16>:last-child:has(.cta-block){margin-bottom:64px!important}
.cta-block,.cta-block>div{background:var(--coral)!important}
@media(max-width:767px){.accordion-block div[data-headlessui-state]{padding:0 18px!important}.accordion-block [data-headlessui-state] button span{font-size:16.5px!important}
 .blocks.space-y-16>.cta-block:last-child,.blocks.space-y-16>:last-child:has(.cta-block){margin-bottom:40px!important}}