/* Theme Name: 3MG Lakeside Description: Self-contained hotel presentation theme based on Owner-approved design. Version: 1.0.9 Requires at least: 5.2 Requires PHP: 7.0 Text Domain: 3mg-hotel License: GPL-2.0-or-later */ :root{--ivory:#FAF8F3;--stone:#F1EEE7;--charcoal:#202420;--champagne:#B8A078;--bronze:#77613F;--ink:#292D29;--muted:#626660;--line:#D9D8D0;--serif:Cambria,"Times New Roman",serif;--sans:"Segoe UI",Arial,sans-serif;--gutter:clamp(24px,6vw,105px)} :where(body.mg-owned,.mg-theme-ui) *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:100px} body{margin:0} body.mg-owned{background:var(--ivory);color:var(--ink);font:16px/1.75 var(--sans);-webkit-font-smoothing:antialiased} body.mg-shell.modal-open,body.mg-shell.menu-open{overflow:hidden} :where(body.mg-owned,.mg-theme-ui) a{color:inherit;text-decoration:none} :where(body.mg-owned,.mg-theme-ui) button{font:inherit;color:inherit;cursor:pointer} :where(body.mg-owned,.mg-theme-ui) img{display:block;width:100%;height:auto;object-fit:cover} :where(body.mg-owned,.mg-theme-ui) h1,:where(body.mg-owned,.mg-theme-ui) h2,:where(body.mg-owned,.mg-theme-ui) h3,:where(body.mg-owned,.mg-theme-ui) p{margin:0} :where(body.mg-owned,.mg-theme-ui) h1,:where(body.mg-owned,.mg-theme-ui) h2,:where(body.mg-owned,.mg-theme-ui) h3{font-family:var(--serif);font-weight:400;line-height:1.22;letter-spacing:-.01em} :where(body.mg-owned,.mg-theme-ui) h2{font-size:clamp(37px,3.7vw,58px)} :where(body.mg-owned,.mg-theme-ui) h3{font-size:31px} :where(body.mg-owned,.mg-theme-ui) em{font-weight:400} :where(body.mg-owned,.mg-theme-ui) button,:where(body.mg-owned,.mg-theme-ui) a{-webkit-tap-highlight-color:transparent} :where(body.mg-owned,.mg-theme-ui) button:focus-visible,:where(body.mg-owned,.mg-theme-ui) a:focus-visible,:where(body.mg-owned,.mg-theme-ui) summary:focus-visible{outline:2px solid var(--bronze);outline-offset:5px} :where(body.mg-owned,.mg-theme-ui) button[hidden],:where(body.mg-owned,.mg-theme-ui) [hidden]{display:none!important} :where(body.mg-owned) .sr-only,:where(.mg-theme-ui) .sr-only,.sr-only:where(.mg-theme-ui){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} :where(body.mg-owned) .skip-link,:where(.mg-theme-ui) .skip-link,.skip-link:where(.mg-theme-ui){position:fixed;top:-70px;left:20px;z-index:100;background:var(--ivory);padding:12px 20px} :where(body.mg-owned) .skip-link:focus,:where(.mg-theme-ui) .skip-link:focus,.skip-link:focus:where(.mg-theme-ui){top:10px} :where(body.mg-owned) .eyebrow,:where(.mg-theme-ui) .eyebrow,.eyebrow:where(.mg-theme-ui){font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1.6;color:var(--bronze);margin-bottom:21px} :where(body.mg-owned) .eyebrow.light,:where(.mg-theme-ui) .eyebrow.light,.eyebrow.light:where(.mg-theme-ui){color:#DFCBAA} :where(body.mg-owned) .button,:where(.mg-theme-ui) .button,.button:where(.mg-theme-ui){display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 24px;min-height:52px;font-size:14px;font-weight:500;line-height:1.5;border:1px solid transparent;transition:background .2s,transform .2s} :where(body.mg-owned) .button span,:where(.mg-theme-ui) .button span,.button:where(.mg-theme-ui) span{font-size:21px;line-height:1} :where(body.mg-owned) .button:hover,:where(.mg-theme-ui) .button:hover,.button:hover:where(.mg-theme-ui){transform:translateY(-2px)} :where(body.mg-owned) .button-brass,:where(.mg-theme-ui) .button-brass,.button-brass:where(.mg-theme-ui){background:var(--champagne);color:var(--charcoal)} :where(body.mg-owned) .button-brass:hover,:where(.mg-theme-ui) .button-brass:hover,.button-brass:hover:where(.mg-theme-ui){background:#C8B18B} :where(body.mg-owned) .button-plum,:where(.mg-theme-ui) .button-plum,.button-plum:where(.mg-theme-ui){background:var(--charcoal);color:var(--ivory)} :where(body.mg-owned) .button-plum:hover,:where(.mg-theme-ui) .button-plum:hover,.button-plum:hover:where(.mg-theme-ui){background:#343A34} :where(body.mg-owned) .text-link,:where(.mg-theme-ui) .text-link,.text-link:where(.mg-theme-ui){display:inline-flex;align-items:center;gap:24px;min-height:44px;padding:9px 0;border-bottom:1px solid var(--champagne);font-size:14px;font-weight:500} :where(body.mg-owned) .text-link span,:where(.mg-theme-ui) .text-link span,.text-link:where(.mg-theme-ui) span{font-size:21px;font-weight:400} :where(body.mg-owned) .text-link.light,:where(.mg-theme-ui) .text-link.light,.text-link.light:where(.mg-theme-ui){color:var(--ivory)} :where(body.mg-owned) .section-pad,:where(.mg-theme-ui) .section-pad,.section-pad:where(.mg-theme-ui){padding:88px var(--gutter)} :where(body.mg-owned) .site-header,:where(.mg-theme-ui) .site-header,.site-header:where(.mg-theme-ui){height:90px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:sticky;top:0;z-index:20;background:var(--charcoal);color:var(--ivory);border-bottom:1px solid #ffffff16} :where(body.mg-owned) .brand,:where(.mg-theme-ui) .brand,.brand:where(.mg-theme-ui){width:111px;flex:none} :where(body.mg-owned) .brand img,:where(.mg-theme-ui) .brand img,.brand:where(.mg-theme-ui) img{object-fit:contain;height:69px} :where(body.mg-owned) .desktop-nav,:where(.mg-theme-ui) .desktop-nav,.desktop-nav:where(.mg-theme-ui){display:flex;gap:clamp(18px,2vw,32px);align-items:center} :where(body.mg-owned) .desktop-nav a,:where(.mg-theme-ui) .desktop-nav a,.desktop-nav:where(.mg-theme-ui) a{font-size:14px;color:#E3E5DD;white-space:nowrap;padding:10px 0;border-bottom:1px solid transparent} :where(body.mg-owned) .desktop-nav a:hover,:where(.mg-theme-ui) .desktop-nav a:hover,.desktop-nav:where(.mg-theme-ui) a:hover{border-color:var(--champagne)} :where(body.mg-owned) .header-actions,:where(.mg-theme-ui) .header-actions,.header-actions:where(.mg-theme-ui){display:flex;gap:19px;align-items:center} :where(body.mg-owned) .language-link,:where(.mg-theme-ui) .language-link,.language-link:where(.mg-theme-ui){font-size:12px;min-width:36px;min-height:44px;display:grid;place-items:center;border-bottom:1px solid var(--champagne)} :where(body.mg-owned) .header-book,:where(.mg-theme-ui) .header-book,.header-book:where(.mg-theme-ui){font-size:13px;padding:12px 18px;min-height:46px;gap:20px} :where(body.mg-owned) .menu-toggle,:where(.mg-theme-ui) .menu-toggle,.menu-toggle:where(.mg-theme-ui){display:none;min-width:44px;min-height:44px;border:0;background:none;padding:12px 8px} :where(body.mg-owned) .menu-toggle span,:where(.mg-theme-ui) .menu-toggle span,.menu-toggle:where(.mg-theme-ui) span{display:block;background:var(--ivory);height:1px;margin:6px 0;transition:transform .2s} :where(body.mg-owned) .mobile-nav,:where(.mg-theme-ui) .mobile-nav,.mobile-nav:where(.mg-theme-ui){position:absolute;top:76px;left:0;right:0;background:var(--charcoal);padding:20px 24px 34px;border-top:1px solid #ffffff20;max-height:calc(100dvh - 158px);overflow:auto} :where(body.mg-owned) .mobile-nav a,:where(.mg-theme-ui) .mobile-nav a,.mobile-nav:where(.mg-theme-ui) a{display:block;padding:15px 0;border-bottom:1px solid #ffffff20;font-family:var(--serif);font-size:23px} :where(body.mg-owned) .menu-toggle[aria-expanded="true"] span:first-child,:where(.mg-theme-ui) .menu-toggle[aria-expanded="true"] span:first-child,.menu-toggle[aria-expanded="true"]:where(.mg-theme-ui) span:first-child{transform:translateY(3.5px) rotate(45deg)} :where(body.mg-owned) .menu-toggle[aria-expanded="true"] span:last-child,:where(.mg-theme-ui) .menu-toggle[aria-expanded="true"] span:last-child,.menu-toggle[aria-expanded="true"]:where(.mg-theme-ui) span:last-child{transform:translateY(-3.5px) rotate(-45deg)} :where(body.mg-owned) .hero,:where(.mg-theme-ui) .hero,.hero:where(.mg-theme-ui){height:620px;position:relative;background:var(--charcoal);color:var(--ivory);overflow:hidden} :where(body.mg-owned) .hero-photo,:where(.mg-theme-ui) .hero-photo,.hero-photo:where(.mg-theme-ui){position:absolute;inset:0;height:100%;object-position:62% 53%} :where(body.mg-owned) .hero-shade,:where(.mg-theme-ui) .hero-shade,.hero-shade:where(.mg-theme-ui){position:absolute;inset:0;background:linear-gradient(90deg,#10160fe0 0%,#10160f9c 28%,#10160f32 56%,transparent 80%),linear-gradient(0deg,#11170f7a,transparent 24%)} :where(body.mg-owned) .hero-content,:where(.mg-theme-ui) .hero-content,.hero-content:where(.mg-theme-ui){position:relative;z-index:1;padding:68px var(--gutter) 88px} :where(body.mg-owned) .hero .eyebrow,:where(.mg-theme-ui) .hero .eyebrow,.hero:where(.mg-theme-ui) .eyebrow{margin-bottom:27px} :where(body.mg-owned) .hero h1,:where(.mg-theme-ui) .hero h1,.hero:where(.mg-theme-ui) h1{font-size:clamp(48px,5vw,75px);line-height:1.18;max-width:830px;padding:3px 5px 8px 0} :where(body.mg-owned) .hero h1 em,:where(.mg-theme-ui) .hero h1 em,.hero:where(.mg-theme-ui) h1 em{font-style:normal;color:#F3EFE4} :where(body.mg-owned) .hero-description,:where(.mg-theme-ui) .hero-description,.hero-description:where(.mg-theme-ui){font-size:16px;line-height:1.75;margin:25px 0 27px;color:#EBEDE3} :where(body.mg-owned) .hero-choose,:where(.mg-theme-ui) .hero-choose,.hero-choose:where(.mg-theme-ui){min-width:181px} :where(body.mg-owned) .hero-foot,:where(.mg-theme-ui) .hero-foot,.hero-foot:where(.mg-theme-ui){position:absolute;bottom:23px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;color:#E5E6DB;font-size:11px;letter-spacing:.1em} :where(body.mg-owned) .hero-foot a,:where(.mg-theme-ui) .hero-foot a,.hero-foot:where(.mg-theme-ui) a{display:flex;gap:17px;align-items:center;min-height:44px} :where(body.mg-owned) .hero-foot a span,:where(.mg-theme-ui) .hero-foot a span,.hero-foot:where(.mg-theme-ui) a span{font-size:22px} :where(body.mg-owned) .stay-bar,:where(.mg-theme-ui) .stay-bar,.stay-bar:where(.mg-theme-ui){margin:0 var(--gutter);padding:28px 0 30px;display:flex;gap:25px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)} :where(body.mg-owned) .stay-bar .eyebrow,:where(.mg-theme-ui) .stay-bar .eyebrow,.stay-bar:where(.mg-theme-ui) .eyebrow{margin-bottom:6px} :where(body.mg-owned) .stay-bar p:not(.eyebrow),:where(.mg-theme-ui) .stay-bar p:not(.eyebrow),.stay-bar:where(.mg-theme-ui) p:not(.eyebrow){font-family:var(--serif);font-size:29px;line-height:1.35} :where(body.mg-owned) .stay-options,:where(.mg-theme-ui) .stay-options,.stay-options:where(.mg-theme-ui){display:flex;align-items:center;gap:28px;font-size:14px} :where(body.mg-owned) .stay-options>a:not(.button),:where(.mg-theme-ui) .stay-options>a:not(.button),.stay-options:where(.mg-theme-ui)>a:not(.button){min-height:44px;padding:10px 0;border-bottom:1px solid var(--line)} :where(body.mg-owned) .stay-options>a>span,:where(.mg-theme-ui) .stay-options>a>span,.stay-options:where(.mg-theme-ui)>a>span{margin-left:20px} :where(body.mg-owned) .story,:where(.mg-theme-ui) .story,.story:where(.mg-theme-ui){display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,7vw,100px);align-items:center;padding-top:83px;padding-bottom:90px} :where(body.mg-owned) .story-photo,:where(.mg-theme-ui) .story-photo,.story-photo:where(.mg-theme-ui){position:relative;padding:0 24px 30px 0;z-index:0} :where(body.mg-owned) .story-photo:after,:where(.mg-theme-ui) .story-photo:after,.story-photo:where(.mg-theme-ui):after{content:"";position:absolute;top:32px;left:24px;right:0;bottom:15px;border:1px solid var(--champagne);z-index:-1} :where(body.mg-owned) .story-photo img,:where(.mg-theme-ui) .story-photo img,.story-photo:where(.mg-theme-ui) img{height:540px;object-position:center 69%;border-radius:190px 190px 0 0} :where(body.mg-owned) .photo-caption,:where(.mg-theme-ui) .photo-caption,.photo-caption:where(.mg-theme-ui){position:absolute;bottom:0;left:0;font-size:11px;letter-spacing:.06em;color:var(--muted)} :where(body.mg-owned) .story-copy h2,:where(.mg-theme-ui) .story-copy h2,.story-copy:where(.mg-theme-ui) h2{font-size:clamp(37px,3.4vw,53px)} :where(body.mg-owned) .fine-rule,:where(.mg-theme-ui) .fine-rule,.fine-rule:where(.mg-theme-ui){width:48px;height:1px;background:var(--champagne);margin:27px 0} :where(body.mg-owned) .story-copy>p:not(.eyebrow),:where(.mg-theme-ui) .story-copy>p:not(.eyebrow),.story-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-bottom:20px;max-width:520px} :where(body.mg-owned) .story-copy>.text-link,:where(.mg-theme-ui) .story-copy>.text-link,.story-copy:where(.mg-theme-ui)>.text-link{margin:3px 0 29px} :where(body.mg-owned) .story-facts,:where(.mg-theme-ui) .story-facts,.story-facts:where(.mg-theme-ui){display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px;padding-top:23px;border-top:1px solid var(--line)} :where(body.mg-owned) .story-facts strong,:where(.mg-theme-ui) .story-facts strong,.story-facts:where(.mg-theme-ui) strong{display:block;font-family:var(--serif);font-size:35px;font-weight:400;line-height:1.3} :where(body.mg-owned) .story-facts span,:where(.mg-theme-ui) .story-facts span,.story-facts:where(.mg-theme-ui) span{display:block;font-size:11px;line-height:1.5;letter-spacing:.035em;margin-top:8px;color:var(--muted)} :where(body.mg-owned) .rooms,:where(.mg-theme-ui) .rooms,.rooms:where(.mg-theme-ui){background:var(--stone);padding-top:76px;padding-bottom:75px} :where(body.mg-owned) .section-heading,:where(.mg-theme-ui) .section-heading,.section-heading:where(.mg-theme-ui){display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:32px} :where(body.mg-owned) .section-heading h2,:where(.mg-theme-ui) .section-heading h2,.section-heading:where(.mg-theme-ui) h2{font-size:clamp(37px,3.6vw,56px)} :where(body.mg-owned) .section-heading>p,:where(.mg-theme-ui) .section-heading>p,.section-heading:where(.mg-theme-ui)>p{max-width:340px;font-size:15px;color:var(--muted);margin-bottom:5px} :where(body.mg-owned) .room-toolbar,:where(.mg-theme-ui) .room-toolbar,.room-toolbar:where(.mg-theme-ui){display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #CCCFC5} :where(body.mg-owned) .room-filters,:where(.mg-theme-ui) .room-filters,.room-filters:where(.mg-theme-ui){display:flex;gap:27px;flex-wrap:wrap} :where(body.mg-owned) .room-filters button,:where(.mg-theme-ui) .room-filters button,.room-filters:where(.mg-theme-ui) button{border:0;border-bottom:2px solid transparent;background:none;padding:13px 0;min-height:48px;font-size:14px;color:var(--muted)} :where(body.mg-owned) .room-filters .active,:where(.mg-theme-ui) .room-filters .active,.room-filters:where(.mg-theme-ui) .active{color:var(--charcoal);border-color:var(--charcoal);font-weight:600} :where(body.mg-owned) .room-count,:where(.mg-theme-ui) .room-count,.room-count:where(.mg-theme-ui){font-size:12px;color:var(--muted);white-space:nowrap} :where(body.mg-owned) .filter-help,:where(.mg-theme-ui) .filter-help,.filter-help:where(.mg-theme-ui){font-size:14px;color:var(--muted);line-height:1.65;max-width:1120px;margin:15px 0 23px} :where(body.mg-owned) .quick-comparison,:where(.mg-theme-ui) .quick-comparison,.quick-comparison:where(.mg-theme-ui){border-top:1px solid #CBCDCA;border-bottom:1px solid #CBCDCA;margin-bottom:29px;background:var(--ivory)} :where(body.mg-owned) .quick-comparison summary,:where(.mg-theme-ui) .quick-comparison summary,.quick-comparison:where(.mg-theme-ui) summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:500;padding:17px 21px;min-height:56px;cursor:pointer;list-style:none} :where(body.mg-owned) .quick-comparison summary::-webkit-details-marker,:where(.mg-theme-ui) .quick-comparison summary::-webkit-details-marker,.quick-comparison:where(.mg-theme-ui) summary::-webkit-details-marker{display:none} :where(body.mg-owned) .quick-comparison summary>span,:where(.mg-theme-ui) .quick-comparison summary>span,.quick-comparison:where(.mg-theme-ui) summary>span{font-size:23px;font-weight:300} :where(body.mg-owned) .quick-comparison[open] summary,:where(.mg-theme-ui) .quick-comparison[open] summary,.quick-comparison[open]:where(.mg-theme-ui) summary{border-bottom:1px solid var(--line)} :where(body.mg-owned) .quick-comparison[open] summary>span,:where(.mg-theme-ui) .quick-comparison[open] summary>span,.quick-comparison[open]:where(.mg-theme-ui) summary>span{transform:rotate(45deg)} :where(body.mg-owned) .comparison-table,:where(.mg-theme-ui) .comparison-table,.comparison-table:where(.mg-theme-ui){width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:14px} :where(body.mg-owned) .comparison-table thead th,:where(.mg-theme-ui) .comparison-table thead th,.comparison-table:where(.mg-theme-ui) thead th{font-size:12px;font-weight:500;color:var(--muted);padding:12px 16px} :where(body.mg-owned) .comparison-table thead th:nth-child(1),:where(.mg-theme-ui) .comparison-table thead th:nth-child(1),.comparison-table:where(.mg-theme-ui) thead th:nth-child(1){width:29%} :where(body.mg-owned) .comparison-table thead th:nth-child(2),:where(.mg-theme-ui) .comparison-table thead th:nth-child(2),.comparison-table:where(.mg-theme-ui) thead th:nth-child(2){width:12%} :where(body.mg-owned) .comparison-table thead th:nth-child(3),:where(.mg-theme-ui) .comparison-table thead th:nth-child(3),.comparison-table:where(.mg-theme-ui) thead th:nth-child(3){width:16%} :where(body.mg-owned) .comparison-table thead th:nth-child(4),:where(.mg-theme-ui) .comparison-table thead th:nth-child(4),.comparison-table:where(.mg-theme-ui) thead th:nth-child(4){width:28%} :where(body.mg-owned) .comparison-table thead th:nth-child(5),:where(.mg-theme-ui) .comparison-table thead th:nth-child(5),.comparison-table:where(.mg-theme-ui) thead th:nth-child(5){width:15%} :where(body.mg-owned) .comparison-table tbody th,:where(.mg-theme-ui) .comparison-table tbody th,.comparison-table:where(.mg-theme-ui) tbody th,:where(body.mg-owned) .comparison-table tbody td,:where(.mg-theme-ui) .comparison-table tbody td,.comparison-table:where(.mg-theme-ui) tbody td{padding:11px 16px;border-top:1px solid var(--line);font-weight:400;vertical-align:middle;overflow-wrap:anywhere} :where(body.mg-owned) .comparison-name,:where(.mg-theme-ui) .comparison-name,.comparison-name:where(.mg-theme-ui){display:flex;align-items:center;gap:13px;text-align:left;padding:0;background:none;border:0;font-size:14px;min-height:48px;width:100%} :where(body.mg-owned) .comparison-name img,:where(.mg-theme-ui) .comparison-name img,.comparison-name:where(.mg-theme-ui) img{width:72px;height:48px;object-fit:cover;flex:none} :where(body.mg-owned) .comparison-name span,:where(.mg-theme-ui) .comparison-name span,.comparison-name:where(.mg-theme-ui) span{min-width:0} :where(body.mg-owned) .comparison-action button,:where(.mg-theme-ui) .comparison-action button,.comparison-action:where(.mg-theme-ui) button{min-height:44px;font-size:13px;background:none;border:0;border-bottom:1px solid var(--champagne);padding:7px 0;text-align:left} :where(body.mg-owned) .mobile-label,:where(.mg-theme-ui) .mobile-label,.mobile-label:where(.mg-theme-ui){display:none} :where(body.mg-owned) .room-grid,:where(.mg-theme-ui) .room-grid,.room-grid:where(.mg-theme-ui){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 27px} :where(body.mg-owned) .room-card,:where(.mg-theme-ui) .room-card,.room-card:where(.mg-theme-ui){min-width:0} :where(body.mg-owned) .room-image,:where(.mg-theme-ui) .room-image,.room-image:where(.mg-theme-ui){display:block;position:relative;width:100%;aspect-ratio:1.43;background:#E1E1D8;padding:0;border:0;overflow:hidden} :where(body.mg-owned) .room-image img,:where(.mg-theme-ui) .room-image img,.room-image:where(.mg-theme-ui) img{position:absolute;inset:0;height:100%;transition:transform .6s} :where(body.mg-owned) .room-image:hover img,:where(.mg-theme-ui) .room-image:hover img,.room-image:hover:where(.mg-theme-ui) img{transform:scale(1.03)} :where(body.mg-owned) .room-image>span,:where(.mg-theme-ui) .room-image>span,.room-image:where(.mg-theme-ui)>span{position:absolute;top:15px;left:15px;background:#202420e6;color:var(--ivory);padding:5px 10px;font-size:11px;letter-spacing:.07em} :where(body.mg-owned) .room-card-copy,:where(.mg-theme-ui) .room-card-copy,.room-card-copy:where(.mg-theme-ui){padding-top:22px} :where(body.mg-owned) .room-card-copy .eyebrow,:where(.mg-theme-ui) .room-card-copy .eyebrow,.room-card-copy:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.035em;line-height:1.55;margin:0 0 9px;min-height:18px} :where(body.mg-owned) .room-title,:where(.mg-theme-ui) .room-title,.room-title:where(.mg-theme-ui){font-family:var(--serif);font-size:31px;line-height:1.28;letter-spacing:-.01em;background:none;border:0;padding:0;min-height:44px;text-align:left} :where(body.mg-owned) .room-meta,:where(.mg-theme-ui) .room-meta,.room-meta:where(.mg-theme-ui){display:flex;flex-wrap:wrap;align-items:center;gap:12px 17px;margin:14px 0 10px} :where(body.mg-owned) .room-meta>span,:where(.mg-theme-ui) .room-meta>span,.room-meta:where(.mg-theme-ui)>span{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)} :where(body.mg-owned) .fact-icon,:where(.mg-theme-ui) .fact-icon,.fact-icon:where(.mg-theme-ui){width:20px;height:20px;flex:none;color:var(--bronze)} :where(body.mg-owned) .room-bed,:where(.mg-theme-ui) .room-bed,.room-bed:where(.mg-theme-ui){display:flex;align-items:center;gap:8px;min-height:25px;font-size:14px;color:var(--ink)} :where(body.mg-owned) .card-actions,:where(.mg-theme-ui) .card-actions,.card-actions:where(.mg-theme-ui){margin-top:13px;display:flex;flex-direction:column;align-items:flex-start;gap:5px} :where(body.mg-owned) .card-actions .text-link,:where(.mg-theme-ui) .card-actions .text-link,.card-actions:where(.mg-theme-ui) .text-link{font-size:14px;background:none;border:0;border-bottom:1px solid var(--champagne);padding:9px 0} :where(body.mg-owned) .card-contact,:where(.mg-theme-ui) .card-contact,.card-contact:where(.mg-theme-ui){font-size:14px;color:var(--muted);padding:8px 0;min-height:44px} :where(body.mg-owned) .card-contact:hover,:where(.mg-theme-ui) .card-contact:hover,.card-contact:hover:where(.mg-theme-ui){color:var(--charcoal)} :where(body.mg-owned) .room-note,:where(.mg-theme-ui) .room-note,.room-note:where(.mg-theme-ui){border-top:1px solid var(--line);padding-top:20px;margin-top:27px;font-size:14px;color:var(--muted)} :where(body.mg-owned) .corporate,:where(.mg-theme-ui) .corporate,.corporate:where(.mg-theme-ui){display:grid;grid-template-columns:1fr 1fr;background:var(--ivory);border-bottom:1px solid var(--line);color:var(--ink)} :where(body.mg-owned) .corporate-copy,:where(.mg-theme-ui) .corporate-copy,.corporate-copy:where(.mg-theme-ui){padding:73px 55px 76px var(--gutter)} :where(body.mg-owned) .corporate-copy .eyebrow.light,:where(.mg-theme-ui) .corporate-copy .eyebrow.light,.corporate-copy:where(.mg-theme-ui) .eyebrow.light{color:var(--bronze)} :where(body.mg-owned) .corporate-copy h2,:where(.mg-theme-ui) .corporate-copy h2,.corporate-copy:where(.mg-theme-ui) h2{font-size:clamp(37px,3.4vw,53px)} :where(body.mg-owned) .corporate-copy>p:not(.eyebrow),:where(.mg-theme-ui) .corporate-copy>p:not(.eyebrow),.corporate-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px;max-width:475px;color:var(--muted);margin-top:22px} :where(body.mg-owned) .corporate-list,:where(.mg-theme-ui) .corporate-list,.corporate-list:where(.mg-theme-ui){list-style:none;padding:0;margin:25px 0 29px;max-width:475px} :where(body.mg-owned) .corporate-list li,:where(.mg-theme-ui) .corporate-list li,.corporate-list:where(.mg-theme-ui) li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;gap:14px} :where(body.mg-owned) .corporate-list li:before,:where(.mg-theme-ui) .corporate-list li:before,.corporate-list:where(.mg-theme-ui) li:before{content:"+";color:var(--bronze)} :where(body.mg-owned) .corporate-photo,:where(.mg-theme-ui) .corporate-photo,.corporate-photo:where(.mg-theme-ui){position:relative;overflow:hidden;min-height:100%} :where(body.mg-owned) .corporate-photo img,:where(.mg-theme-ui) .corporate-photo img,.corporate-photo:where(.mg-theme-ui) img{height:100%;min-height:560px;object-position:46% center} :where(body.mg-owned) .corporate-photo:after,:where(.mg-theme-ui) .corporate-photo:after,.corporate-photo:where(.mg-theme-ui):after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1520189c,transparent 50%)} :where(body.mg-owned) .image-label,:where(.mg-theme-ui) .image-label,.image-label:where(.mg-theme-ui){position:absolute;bottom:30px;left:35px;z-index:1;color:var(--ivory)} :where(body.mg-owned) .image-label span,:where(.mg-theme-ui) .image-label span,.image-label:where(.mg-theme-ui) span{font-size:11px;letter-spacing:.06em} :where(body.mg-owned) .image-label p,:where(.mg-theme-ui) .image-label p,.image-label:where(.mg-theme-ui) p{font-family:var(--serif);font-size:31px;line-height:1.3;margin-top:12px} :where(body.mg-owned) .experiences,:where(.mg-theme-ui) .experiences,.experiences:where(.mg-theme-ui){padding-top:82px;padding-bottom:87px} :where(body.mg-owned) .experience-grid,:where(.mg-theme-ui) .experience-grid,.experience-grid:where(.mg-theme-ui){display:grid;grid-template-columns:1fr 1fr;gap:35px} :where(body.mg-owned) .experience-image,:where(.mg-theme-ui) .experience-image,.experience-image:where(.mg-theme-ui){display:block;position:relative;aspect-ratio:1.4;overflow:hidden} :where(body.mg-owned) .experience-image img,:where(.mg-theme-ui) .experience-image img,.experience-image:where(.mg-theme-ui) img{position:absolute;inset:0;height:100%;transition:transform .6s} :where(body.mg-owned) .experience-image:hover img,:where(.mg-theme-ui) .experience-image:hover img,.experience-image:hover:where(.mg-theme-ui) img{transform:scale(1.03)} :where(body.mg-owned) .experience-image>span,:where(.mg-theme-ui) .experience-image>span,.experience-image:where(.mg-theme-ui)>span{position:absolute;bottom:17px;right:17px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ivory);font-size:23px} :where(body.mg-owned) .experience-copy,:where(.mg-theme-ui) .experience-copy,.experience-copy:where(.mg-theme-ui){padding-top:26px} :where(body.mg-owned) .experience-copy .eyebrow,:where(.mg-theme-ui) .experience-copy .eyebrow,.experience-copy:where(.mg-theme-ui) .eyebrow{font-size:11px;margin-bottom:13px} :where(body.mg-owned) .experience-copy h3,:where(.mg-theme-ui) .experience-copy h3,.experience-copy:where(.mg-theme-ui) h3{font-size:34px} :where(body.mg-owned) .experience-copy>p:not(.eyebrow),:where(.mg-theme-ui) .experience-copy>p:not(.eyebrow),.experience-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:490px;margin:18px 0} :where(body.mg-owned) .experience-copy .text-link,:where(.mg-theme-ui) .experience-copy .text-link,.experience-copy:where(.mg-theme-ui) .text-link{font-size:14px} :where(body.mg-owned) .welcome,:where(.mg-theme-ui) .welcome,.welcome:where(.mg-theme-ui){min-height:470px;position:relative;overflow:hidden;display:grid;place-items:center;color:var(--ivory);text-align:center} :where(body.mg-owned) .welcome>img,:where(.mg-theme-ui) .welcome>img,.welcome:where(.mg-theme-ui)>img{position:absolute;inset:0;height:100%;object-position:center 43%} :where(body.mg-owned) .welcome:after,:where(.mg-theme-ui) .welcome:after,.welcome:where(.mg-theme-ui):after{content:"";position:absolute;inset:0;background:#1020179c} :where(body.mg-owned) .welcome>div,:where(.mg-theme-ui) .welcome>div,.welcome:where(.mg-theme-ui)>div{z-index:1;padding:55px 24px} :where(body.mg-owned) .welcome h2,:where(.mg-theme-ui) .welcome h2,.welcome:where(.mg-theme-ui) h2{font-size:clamp(37px,4vw,60px);line-height:1.27} :where(body.mg-owned) .welcome .text-link,:where(.mg-theme-ui) .welcome .text-link,.welcome:where(.mg-theme-ui) .text-link{margin-top:25px} :where(body.mg-owned) .location,:where(.mg-theme-ui) .location,.location:where(.mg-theme-ui){display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding-top:86px;padding-bottom:85px} :where(body.mg-owned) .location h2,:where(.mg-theme-ui) .location h2,.location:where(.mg-theme-ui) h2{font-size:clamp(37px,3.3vw,52px)} :where(body.mg-owned) .location-copy>p:not(.eyebrow),:where(.mg-theme-ui) .location-copy>p:not(.eyebrow),.location-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:435px;margin-top:23px} :where(body.mg-owned) .location-copy .address,:where(.mg-theme-ui) .location-copy .address,.location-copy:where(.mg-theme-ui) .address{color:var(--ink)!important;font-size:16px!important} :where(body.mg-owned) .location-copy .text-link,:where(.mg-theme-ui) .location-copy .text-link,.location-copy:where(.mg-theme-ui) .text-link{margin-top:24px} :where(body.mg-owned) .destinations>div,:where(.mg-theme-ui) .destinations>div,.destinations:where(.mg-theme-ui)>div{display:grid;grid-template-columns:30px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0} :where(body.mg-owned) .destination-index,:where(.mg-theme-ui) .destination-index,.destination-index:where(.mg-theme-ui){font-family:var(--serif);font-size:14px;color:var(--bronze)} :where(body.mg-owned) .destinations>div>span:nth-child(2),:where(.mg-theme-ui) .destinations>div>span:nth-child(2),.destinations:where(.mg-theme-ui)>div>span:nth-child(2){font-size:15px;line-height:1.5} :where(body.mg-owned) .destinations span small,:where(.mg-theme-ui) .destinations span small,.destinations:where(.mg-theme-ui) span small{display:block;font-size:11px;letter-spacing:.04em;color:var(--muted);margin-top:5px} :where(body.mg-owned) .destinations strong,:where(.mg-theme-ui) .destinations strong,.destinations:where(.mg-theme-ui) strong{font-family:var(--serif);font-weight:400;font-size:29px} :where(body.mg-owned) .destinations strong small,:where(.mg-theme-ui) .destinations strong small,.destinations:where(.mg-theme-ui) strong small{font-size:15px;color:var(--muted)} :where(body.mg-owned) .estimate-note,:where(.mg-theme-ui) .estimate-note,.estimate-note:where(.mg-theme-ui){font-size:14px;line-height:1.65;color:var(--muted);margin-top:17px} :where(body.mg-owned) .closing,:where(.mg-theme-ui) .closing,.closing:where(.mg-theme-ui){position:relative;display:grid;grid-template-columns:1fr auto;gap:12px 35px;align-items:center;margin:0 var(--gutter);padding:40px 0 47px;border-top:1px solid var(--champagne);background:var(--ivory)} :where(body.mg-owned) .closing .eyebrow,:where(.mg-theme-ui) .closing .eyebrow,.closing:where(.mg-theme-ui) .eyebrow{grid-column:1;font-size:11px;margin:0} :where(body.mg-owned) .closing h2,:where(.mg-theme-ui) .closing h2,.closing:where(.mg-theme-ui) h2{grid-column:1;font-size:clamp(35px,3.2vw,49px)} :where(body.mg-owned) .closing .button,:where(.mg-theme-ui) .closing .button,.closing:where(.mg-theme-ui) .button{grid-column:2;grid-row:1/3} :where(body.mg-owned) .closing:before,:where(.mg-theme-ui) .closing:before,.closing:where(.mg-theme-ui):before{content:"";position:absolute;top:-1px;left:0;width:64px;height:2px;background:var(--charcoal)} :where(body.mg-owned) .footer,:where(.mg-theme-ui) .footer,.footer:where(.mg-theme-ui){background:var(--charcoal);color:#E0E3DC;padding:48px var(--gutter) 22px} :where(body.mg-owned) .footer-top,:where(.mg-theme-ui) .footer-top,.footer-top:where(.mg-theme-ui){display:grid;grid-template-columns:.85fr 1.35fr 1.3fr 1.1fr;gap:33px;padding-bottom:35px} :where(body.mg-owned) .footer-brand,:where(.mg-theme-ui) .footer-brand,.footer-brand:where(.mg-theme-ui){display:block;width:137px} :where(body.mg-owned) .footer-brand img,:where(.mg-theme-ui) .footer-brand img,.footer-brand:where(.mg-theme-ui) img{object-fit:contain;height:88px} :where(body.mg-owned) .footer .eyebrow,:where(.mg-theme-ui) .footer .eyebrow,.footer:where(.mg-theme-ui) .eyebrow{font-size:11px;color:#D4C5AB;margin-bottom:17px} :where(body.mg-owned) .footer-top p:not(.eyebrow),:where(.mg-theme-ui) .footer-top p:not(.eyebrow),.footer-top:where(.mg-theme-ui) p:not(.eyebrow){font-size:14px;line-height:1.85} :where(body.mg-owned) .footer-top>div a,:where(.mg-theme-ui) .footer-top>div a,.footer-top:where(.mg-theme-ui)>div a{display:block;font-size:14px;line-height:1.7;margin-top:8px;color:#D2D7CB;min-height:27px} :where(body.mg-owned) .footer-top>div a:hover,:where(.mg-theme-ui) .footer-top>div a:hover,.footer-top:where(.mg-theme-ui)>div a:hover{color:#FFF} :where(body.mg-owned) .footer-top .footer-phone,:where(.mg-theme-ui) .footer-top .footer-phone,.footer-top:where(.mg-theme-ui) .footer-phone{font-family:var(--serif);font-size:24px;color:var(--ivory);line-height:1.3;margin-bottom:13px} :where(body.mg-owned) .footer-bottom,:where(.mg-theme-ui) .footer-bottom,.footer-bottom:where(.mg-theme-ui){display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #ffffff24;padding-top:21px;font-size:12px;color:#BEC5B9} :where(body.mg-owned) .mobile-actions,:where(.mg-theme-ui) .mobile-actions,.mobile-actions:where(.mg-theme-ui){display:none} :where(body.mg-owned) dialog,:where(.mg-theme-ui) dialog,dialog:where(.mg-theme-ui){width:min(1110px,calc(100% - 40px));max-height:calc(100dvh - 40px);border:0;padding:0;background:var(--ivory);color:var(--ink);overflow:auto;box-shadow:0 18px 100px #0005} :where(body.mg-owned) dialog::backdrop,:where(.mg-theme-ui) dialog::backdrop,dialog:where(.mg-theme-ui)::backdrop{background:#111910df;backdrop-filter:blur(3px)} :where(body.mg-owned) .dialog-shell,:where(.mg-theme-ui) .dialog-shell,.dialog-shell:where(.mg-theme-ui){position:relative;display:grid;grid-template-columns:1.15fr 1fr} :where(body.mg-owned) .dialog-close,:where(.mg-theme-ui) .dialog-close,.dialog-close:where(.mg-theme-ui){position:absolute;top:13px;right:13px;z-index:2;width:44px;height:44px;border:1px solid var(--line);background:var(--ivory);font-size:19px;line-height:1} :where(body.mg-owned) .dialog-gallery,:where(.mg-theme-ui) .dialog-gallery,.dialog-gallery:where(.mg-theme-ui){padding:0 0 24px;min-width:0;background:var(--stone);align-self:stretch} :where(body.mg-owned) .dialog-media,:where(.mg-theme-ui) .dialog-media,.dialog-media:where(.mg-theme-ui){position:relative;aspect-ratio:1.5;background:#E8E6DF;overflow:hidden} :where(body.mg-owned) .dialog-media>img,:where(.mg-theme-ui) .dialog-media>img,.dialog-media:where(.mg-theme-ui)>img{position:absolute;inset:0;height:100%;object-fit:contain} :where(body.mg-owned) .gallery-previous,:where(.mg-theme-ui) .gallery-previous,.gallery-previous:where(.mg-theme-ui),:where(body.mg-owned) .gallery-next,:where(.mg-theme-ui) .gallery-next,.gallery-next:where(.mg-theme-ui){position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;line-height:1;background:#FAF8F3ed;border:1px solid #D4D6CB;font-size:20px} :where(body.mg-owned) .gallery-previous,:where(.mg-theme-ui) .gallery-previous,.gallery-previous:where(.mg-theme-ui){left:13px} :where(body.mg-owned) .gallery-next,:where(.mg-theme-ui) .gallery-next,.gallery-next:where(.mg-theme-ui){right:13px} :where(body.mg-owned) .gallery-caption,:where(.mg-theme-ui) .gallery-caption,.gallery-caption:where(.mg-theme-ui){font-size:14px;line-height:1.6;color:var(--muted);padding:18px 22px 13px;min-height:76px} :where(body.mg-owned) .gallery-thumbnails,:where(.mg-theme-ui) .gallery-thumbnails,.gallery-thumbnails:where(.mg-theme-ui){display:flex;gap:13px;padding:0 22px;flex-wrap:wrap} :where(body.mg-owned) .gallery-thumbnails>button,:where(.mg-theme-ui) .gallery-thumbnails>button,.gallery-thumbnails:where(.mg-theme-ui)>button{padding:3px;border:1px solid transparent;background:none;min-width:84px;min-height:60px} :where(body.mg-owned) .gallery-thumbnails>button.active,:where(.mg-theme-ui) .gallery-thumbnails>button.active,.gallery-thumbnails:where(.mg-theme-ui)>button.active{border-color:var(--bronze)} :where(body.mg-owned) .gallery-thumbnails img,:where(.mg-theme-ui) .gallery-thumbnails img,.gallery-thumbnails:where(.mg-theme-ui) img{width:84px;height:56px;object-fit:cover} :where(body.mg-owned) .dialog-copy,:where(.mg-theme-ui) .dialog-copy,.dialog-copy:where(.mg-theme-ui){padding:65px 31px 32px;min-width:0} :where(body.mg-owned) .dialog-copy .eyebrow,:where(.mg-theme-ui) .dialog-copy .eyebrow,.dialog-copy:where(.mg-theme-ui) .eyebrow{font-size:11px;margin-bottom:13px} :where(body.mg-owned) .dialog-copy h2,:where(.mg-theme-ui) .dialog-copy h2,.dialog-copy:where(.mg-theme-ui) h2{font-size:38px} :where(body.mg-owned) .dialog-copy>p:not(.eyebrow),:where(.mg-theme-ui) .dialog-copy>p:not(.eyebrow),.dialog-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:18px;line-height:1.65} :where(body.mg-owned) .dialog-facts,:where(.mg-theme-ui) .dialog-facts,.dialog-facts:where(.mg-theme-ui){margin-top:23px} :where(body.mg-owned) .dialog-facts>div,:where(.mg-theme-ui) .dialog-facts>div,.dialog-facts:where(.mg-theme-ui)>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px} :where(body.mg-owned) .dialog-facts>div>span,:where(.mg-theme-ui) .dialog-facts>div>span,.dialog-facts:where(.mg-theme-ui)>div>span{display:flex;align-items:center;gap:9px;color:var(--muted)} :where(body.mg-owned) .dialog-facts strong,:where(.mg-theme-ui) .dialog-facts strong,.dialog-facts:where(.mg-theme-ui) strong{font-weight:500;text-align:right;line-height:1.65} :where(body.mg-owned) .dialog-copy .dialog-note,:where(.mg-theme-ui) .dialog-copy .dialog-note,.dialog-copy:where(.mg-theme-ui) .dialog-note{font-size:14px!important;margin-top:21px;line-height:1.7} :where(body.mg-owned) .dialog-actions,:where(.mg-theme-ui) .dialog-actions,.dialog-actions:where(.mg-theme-ui){display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px} :where(body.mg-owned) .dialog-actions .button,:where(.mg-theme-ui) .dialog-actions .button,.dialog-actions:where(.mg-theme-ui) .button{font-size:14px;padding:15px 21px;gap:24px;max-width:100%} :where(body.mg-owned) .dialog-actions .text-link,:where(.mg-theme-ui) .dialog-actions .text-link,.dialog-actions:where(.mg-theme-ui) .text-link{font-size:14px;gap:17px} :where(body.mg-owned) .dialog-source,:where(.mg-theme-ui) .dialog-source,.dialog-source:where(.mg-theme-ui){font-size:14px;color:var(--muted);min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px} @media(min-width:1600px){ :where(body.mg-owned) .section-pad,:where(.mg-theme-ui) .section-pad,.section-pad:where(.mg-theme-ui){max-width:1640px;margin:auto} :where(body.mg-owned) .rooms,:where(.mg-theme-ui) .rooms,.rooms:where(.mg-theme-ui){max-width:none} :where(body.mg-owned) .room-grid,:where(.mg-theme-ui) .room-grid,.room-grid:where(.mg-theme-ui),:where(body.mg-owned) .room-toolbar,:where(.mg-theme-ui) .room-toolbar,.room-toolbar:where(.mg-theme-ui),:where(body.mg-owned) .rooms .section-heading,:where(.mg-theme-ui) .rooms .section-heading,.rooms:where(.mg-theme-ui) .section-heading,:where(body.mg-owned) .room-note,:where(.mg-theme-ui) .room-note,.room-note:where(.mg-theme-ui),:where(body.mg-owned) .filter-help,:where(.mg-theme-ui) .filter-help,.filter-help:where(.mg-theme-ui),:where(body.mg-owned) .quick-comparison,:where(.mg-theme-ui) .quick-comparison,.quick-comparison:where(.mg-theme-ui){max-width:1430px;margin-left:auto;margin-right:auto} :where(body.mg-owned) .corporate-copy,:where(.mg-theme-ui) .corporate-copy,.corporate-copy:where(.mg-theme-ui){padding-left:max(var(--gutter),calc((100vw - 1430px)/2))}} @media(max-width:1120px){ :where(body.mg-owned) .site-header,:where(.mg-theme-ui) .site-header,.site-header:where(.mg-theme-ui){padding:0 25px;gap:20px} :where(body.mg-owned) .brand,:where(.mg-theme-ui) .brand,.brand:where(.mg-theme-ui){width:100px} :where(body.mg-owned) .desktop-nav,:where(.mg-theme-ui) .desktop-nav,.desktop-nav:where(.mg-theme-ui){gap:19px} :where(body.mg-owned) .desktop-nav a,:where(.mg-theme-ui) .desktop-nav a,.desktop-nav:where(.mg-theme-ui) a{font-size:13px} :where(body.mg-owned) .header-actions,:where(.mg-theme-ui) .header-actions,.header-actions:where(.mg-theme-ui){gap:15px} :where(body.mg-owned) .header-book,:where(.mg-theme-ui) .header-book,.header-book:where(.mg-theme-ui){padding:12px 15px;font-size:12px;gap:16px} :where(body.mg-owned) .hero h1,:where(.mg-theme-ui) .hero h1,.hero:where(.mg-theme-ui) h1{font-size:64px} :where(body.mg-owned) .hero,:where(.mg-theme-ui) .hero,.hero:where(.mg-theme-ui){height:590px} :where(body.mg-owned) .hero-content,:where(.mg-theme-ui) .hero-content,.hero-content:where(.mg-theme-ui){padding-top:63px} :where(body.mg-owned) .stay-options,:where(.mg-theme-ui) .stay-options,.stay-options:where(.mg-theme-ui){gap:20px} :where(body.mg-owned) .stay-options>a,:where(.mg-theme-ui) .stay-options>a,.stay-options:where(.mg-theme-ui)>a{font-size:13px} :where(body.mg-owned) .stay-bar p:not(.eyebrow),:where(.mg-theme-ui) .stay-bar p:not(.eyebrow),.stay-bar:where(.mg-theme-ui) p:not(.eyebrow){font-size:26px} :where(body.mg-owned) .story,:where(.mg-theme-ui) .story,.story:where(.mg-theme-ui){gap:45px} :where(body.mg-owned) .story-photo img,:where(.mg-theme-ui) .story-photo img,.story-photo:where(.mg-theme-ui) img{height:505px} :where(body.mg-owned) .story-copy h2,:where(.mg-theme-ui) .story-copy h2,.story-copy:where(.mg-theme-ui) h2{font-size:39px} :where(body.mg-owned) .section-heading,:where(.mg-theme-ui) .section-heading,.section-heading:where(.mg-theme-ui){gap:38px} :where(body.mg-owned) .section-heading h2,:where(.mg-theme-ui) .section-heading h2,.section-heading:where(.mg-theme-ui) h2{font-size:42px} :where(body.mg-owned) .section-heading>p,:where(.mg-theme-ui) .section-heading>p,.section-heading:where(.mg-theme-ui)>p{max-width:280px;font-size:14px} :where(body.mg-owned) .room-filters,:where(.mg-theme-ui) .room-filters,.room-filters:where(.mg-theme-ui){gap:22px} :where(body.mg-owned) .room-filters button,:where(.mg-theme-ui) .room-filters button,.room-filters:where(.mg-theme-ui) button{font-size:13px} :where(body.mg-owned) .room-count,:where(.mg-theme-ui) .room-count,.room-count:where(.mg-theme-ui){font-size:11px} :where(body.mg-owned) .room-grid,:where(.mg-theme-ui) .room-grid,.room-grid:where(.mg-theme-ui){gap:33px 24px} :where(body.mg-owned) .room-title,:where(.mg-theme-ui) .room-title,.room-title:where(.mg-theme-ui){font-size:29px} :where(body.mg-owned) .room-meta,:where(.mg-theme-ui) .room-meta,.room-meta:where(.mg-theme-ui){gap:10px 15px} :where(body.mg-owned) .room-meta>span,:where(.mg-theme-ui) .room-meta>span,.room-meta:where(.mg-theme-ui)>span{font-size:14px} :where(body.mg-owned) .comparison-name,:where(.mg-theme-ui) .comparison-name,.comparison-name:where(.mg-theme-ui){gap:9px} :where(body.mg-owned) .comparison-name img,:where(.mg-theme-ui) .comparison-name img,.comparison-name:where(.mg-theme-ui) img{width:56px;height:42px} :where(body.mg-owned) .comparison-table thead th,:where(.mg-theme-ui) .comparison-table thead th,.comparison-table:where(.mg-theme-ui) thead th,:where(body.mg-owned) .comparison-table tbody th,:where(.mg-theme-ui) .comparison-table tbody th,.comparison-table:where(.mg-theme-ui) tbody th,:where(body.mg-owned) .comparison-table tbody td,:where(.mg-theme-ui) .comparison-table tbody td,.comparison-table:where(.mg-theme-ui) tbody td{padding-left:12px;padding-right:12px} :where(body.mg-owned) .comparison-name,:where(.mg-theme-ui) .comparison-name,.comparison-name:where(.mg-theme-ui),:where(body.mg-owned) .comparison-table,:where(.mg-theme-ui) .comparison-table,.comparison-table:where(.mg-theme-ui){font-size:13px} :where(body.mg-owned) .corporate-copy,:where(.mg-theme-ui) .corporate-copy,.corporate-copy:where(.mg-theme-ui){padding:65px 40px 67px var(--gutter)} :where(body.mg-owned) .corporate-copy h2,:where(.mg-theme-ui) .corporate-copy h2,.corporate-copy:where(.mg-theme-ui) h2{font-size:39px} :where(body.mg-owned) .corporate-copy .button,:where(.mg-theme-ui) .corporate-copy .button,.corporate-copy:where(.mg-theme-ui) .button{gap:20px;padding:16px 20px} :where(body.mg-owned) .location,:where(.mg-theme-ui) .location,.location:where(.mg-theme-ui){gap:60px} :where(body.mg-owned) .location h2,:where(.mg-theme-ui) .location h2,.location:where(.mg-theme-ui) h2{font-size:39px} :where(body.mg-owned) .footer-top,:where(.mg-theme-ui) .footer-top,.footer-top:where(.mg-theme-ui){gap:23px} :where(body.mg-owned) .footer-top>div a,:where(.mg-theme-ui) .footer-top>div a,.footer-top:where(.mg-theme-ui)>div a{font-size:14px} :where(body.mg-owned) .footer-top .footer-phone,:where(.mg-theme-ui) .footer-top .footer-phone,.footer-top:where(.mg-theme-ui) .footer-phone{font-size:23px} :where(body.mg-owned) .closing h2,:where(.mg-theme-ui) .closing h2,.closing:where(.mg-theme-ui) h2{font-size:43px}} @media(max-width:900px){ html{scroll-padding-top:86px} :where(body.mg-owned) .site-header,:where(.mg-theme-ui) .site-header,.site-header:where(.mg-theme-ui){height:80px} :where(body.mg-owned) .brand img,:where(.mg-theme-ui) .brand img,.brand:where(.mg-theme-ui) img{height:61px} :where(body.mg-owned) .desktop-nav,:where(.mg-theme-ui) .desktop-nav,.desktop-nav:where(.mg-theme-ui){display:none} :where(body.mg-owned) .menu-toggle,:where(.mg-theme-ui) .menu-toggle,.menu-toggle:where(.mg-theme-ui){display:block} :where(body.mg-owned) .mobile-nav,:where(.mg-theme-ui) .mobile-nav,.mobile-nav:where(.mg-theme-ui){top:80px} :where(body.mg-owned) .header-book,:where(.mg-theme-ui) .header-book,.header-book:where(.mg-theme-ui){font-size:13px} :where(body.mg-owned) .hero,:where(.mg-theme-ui) .hero,.hero:where(.mg-theme-ui){height:550px} :where(body.mg-owned) .hero h1,:where(.mg-theme-ui) .hero h1,.hero:where(.mg-theme-ui) h1{font-size:59px} :where(body.mg-owned) .hero-content,:where(.mg-theme-ui) .hero-content,.hero-content:where(.mg-theme-ui){padding-top:62px} :where(body.mg-owned) .hero-foot>span:last-child,:where(.mg-theme-ui) .hero-foot>span:last-child,.hero-foot:where(.mg-theme-ui)>span:last-child{display:none} :where(body.mg-owned) .hero-description,:where(.mg-theme-ui) .hero-description,.hero-description:where(.mg-theme-ui){font-size:15px} :where(body.mg-owned) .stay-bar,:where(.mg-theme-ui) .stay-bar,.stay-bar:where(.mg-theme-ui){align-items:flex-start} :where(body.mg-owned) .stay-options,:where(.mg-theme-ui) .stay-options,.stay-options:where(.mg-theme-ui){flex-wrap:wrap;max-width:340px;justify-content:flex-end;gap:10px 20px} :where(body.mg-owned) .story,:where(.mg-theme-ui) .story,.story:where(.mg-theme-ui){gap:36px;padding-top:69px;padding-bottom:72px} :where(body.mg-owned) .story-photo img,:where(.mg-theme-ui) .story-photo img,.story-photo:where(.mg-theme-ui) img{height:465px} :where(body.mg-owned) .story-copy h2,:where(.mg-theme-ui) .story-copy h2,.story-copy:where(.mg-theme-ui) h2{font-size:36px} :where(body.mg-owned) .story-copy>p:not(.eyebrow),:where(.mg-theme-ui) .story-copy>p:not(.eyebrow),.story-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:14px} :where(body.mg-owned) .story-facts,:where(.mg-theme-ui) .story-facts,.story-facts:where(.mg-theme-ui){grid-template-columns:1fr 1fr 1.3fr;gap:12px} :where(body.mg-owned) .story-facts span,:where(.mg-theme-ui) .story-facts span,.story-facts:where(.mg-theme-ui) span{font-size:11px;letter-spacing:0} :where(body.mg-owned) .story-facts strong,:where(.mg-theme-ui) .story-facts strong,.story-facts:where(.mg-theme-ui) strong{font-size:29px} :where(body.mg-owned) .section-pad,:where(.mg-theme-ui) .section-pad,.section-pad:where(.mg-theme-ui){padding:72px var(--gutter)} :where(body.mg-owned) .section-heading,:where(.mg-theme-ui) .section-heading,.section-heading:where(.mg-theme-ui){align-items:flex-start;gap:28px} :where(body.mg-owned) .section-heading h2,:where(.mg-theme-ui) .section-heading h2,.section-heading:where(.mg-theme-ui) h2{font-size:39px} :where(body.mg-owned) .section-heading>p,:where(.mg-theme-ui) .section-heading>p,.section-heading:where(.mg-theme-ui)>p{max-width:245px;font-size:14px} :where(body.mg-owned) .room-filters,:where(.mg-theme-ui) .room-filters,.room-filters:where(.mg-theme-ui){gap:17px} :where(body.mg-owned) .room-filters button,:where(.mg-theme-ui) .room-filters button,.room-filters:where(.mg-theme-ui) button{font-size:13px} :where(body.mg-owned) .room-grid,:where(.mg-theme-ui) .room-grid,.room-grid:where(.mg-theme-ui){grid-template-columns:repeat(2,minmax(0,1fr))} :where(body.mg-owned) .comparison-name img,:where(.mg-theme-ui) .comparison-name img,.comparison-name:where(.mg-theme-ui) img{width:48px;height:36px} :where(body.mg-owned) .comparison-table tbody th,:where(.mg-theme-ui) .comparison-table tbody th,.comparison-table:where(.mg-theme-ui) tbody th,:where(body.mg-owned) .comparison-table tbody td,:where(.mg-theme-ui) .comparison-table tbody td,.comparison-table:where(.mg-theme-ui) tbody td,:where(body.mg-owned) .comparison-table thead th,:where(.mg-theme-ui) .comparison-table thead th,.comparison-table:where(.mg-theme-ui) thead th{padding:11px 8px} :where(body.mg-owned) .comparison-table,:where(.mg-theme-ui) .comparison-table,.comparison-table:where(.mg-theme-ui),:where(body.mg-owned) .comparison-name,:where(.mg-theme-ui) .comparison-name,.comparison-name:where(.mg-theme-ui),:where(body.mg-owned) .comparison-action button,:where(.mg-theme-ui) .comparison-action button,.comparison-action:where(.mg-theme-ui) button{font-size:12px} :where(body.mg-owned) .corporate-copy,:where(.mg-theme-ui) .corporate-copy,.corporate-copy:where(.mg-theme-ui){padding:61px 30px 65px var(--gutter)} :where(body.mg-owned) .corporate-copy h2,:where(.mg-theme-ui) .corporate-copy h2,.corporate-copy:where(.mg-theme-ui) h2{font-size:36px} :where(body.mg-owned) .corporate-copy>p:not(.eyebrow),:where(.mg-theme-ui) .corporate-copy>p:not(.eyebrow),.corporate-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:14px} :where(body.mg-owned) .corporate-copy .button,:where(.mg-theme-ui) .corporate-copy .button,.corporate-copy:where(.mg-theme-ui) .button{font-size:13px;gap:16px;padding:15px 17px} :where(body.mg-owned) .corporate-list li,:where(.mg-theme-ui) .corporate-list li,.corporate-list:where(.mg-theme-ui) li{font-size:14px} :where(body.mg-owned) .corporate-photo img,:where(.mg-theme-ui) .corporate-photo img,.corporate-photo:where(.mg-theme-ui) img{min-height:620px} :where(body.mg-owned) .experience-grid,:where(.mg-theme-ui) .experience-grid,.experience-grid:where(.mg-theme-ui){gap:27px} :where(body.mg-owned) .experience-copy h3,:where(.mg-theme-ui) .experience-copy h3,.experience-copy:where(.mg-theme-ui) h3{font-size:31px} :where(body.mg-owned) .experience-copy>p:not(.eyebrow),:where(.mg-theme-ui) .experience-copy>p:not(.eyebrow),.experience-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:14px} :where(body.mg-owned) .location,:where(.mg-theme-ui) .location,.location:where(.mg-theme-ui){gap:42px} :where(body.mg-owned) .location h2,:where(.mg-theme-ui) .location h2,.location:where(.mg-theme-ui) h2{font-size:36px} :where(body.mg-owned) .location-copy>p:not(.eyebrow),:where(.mg-theme-ui) .location-copy>p:not(.eyebrow),.location-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:14px} :where(body.mg-owned) .destinations>div,:where(.mg-theme-ui) .destinations>div,.destinations:where(.mg-theme-ui)>div{gap:11px;grid-template-columns:23px 1fr auto} :where(body.mg-owned) .destinations>div>span:nth-child(2),:where(.mg-theme-ui) .destinations>div>span:nth-child(2),.destinations:where(.mg-theme-ui)>div>span:nth-child(2){font-size:14px} :where(body.mg-owned) .footer-top,:where(.mg-theme-ui) .footer-top,.footer-top:where(.mg-theme-ui){grid-template-columns:1fr 1fr;gap:30px 40px} :where(body.mg-owned) .footer-bottom,:where(.mg-theme-ui) .footer-bottom,.footer-bottom:where(.mg-theme-ui){flex-wrap:wrap;gap:13px 25px} :where(body.mg-owned) .closing h2,:where(.mg-theme-ui) .closing h2,.closing:where(.mg-theme-ui) h2{font-size:38px} :where(body.mg-owned) .closing .button,:where(.mg-theme-ui) .closing .button,.closing:where(.mg-theme-ui) .button{font-size:13px;padding:15px 19px;gap:20px} :where(body.mg-owned) .dialog-shell,:where(.mg-theme-ui) .dialog-shell,.dialog-shell:where(.mg-theme-ui){grid-template-columns:1fr 1fr} :where(body.mg-owned) .dialog-copy,:where(.mg-theme-ui) .dialog-copy,.dialog-copy:where(.mg-theme-ui){padding:66px 25px 30px} :where(body.mg-owned) .dialog-copy h2,:where(.mg-theme-ui) .dialog-copy h2,.dialog-copy:where(.mg-theme-ui) h2{font-size:33px} :where(body.mg-owned) .dialog-gallery,:where(.mg-theme-ui) .dialog-gallery,.dialog-gallery:where(.mg-theme-ui){padding-bottom:22px} :where(body.mg-owned) .gallery-caption,:where(.mg-theme-ui) .gallery-caption,.gallery-caption:where(.mg-theme-ui){padding:16px 17px 13px;font-size:14px} :where(body.mg-owned) .gallery-thumbnails,:where(.mg-theme-ui) .gallery-thumbnails,.gallery-thumbnails:where(.mg-theme-ui){padding:0 17px;gap:8px} :where(body.mg-owned) .gallery-thumbnails>button,:where(.mg-theme-ui) .gallery-thumbnails>button,.gallery-thumbnails:where(.mg-theme-ui)>button{min-width:65px;min-height:48px} :where(body.mg-owned) .gallery-thumbnails img,:where(.mg-theme-ui) .gallery-thumbnails img,.gallery-thumbnails:where(.mg-theme-ui) img{width:65px;height:44px} :where(body.mg-owned) .dialog-actions .button,:where(.mg-theme-ui) .dialog-actions .button,.dialog-actions:where(.mg-theme-ui) .button{font-size:14px;padding:14px 17px;gap:16px} :where(body.mg-owned) .dialog-facts>div,:where(.mg-theme-ui) .dialog-facts>div,.dialog-facts:where(.mg-theme-ui)>div{gap:12px;align-items:flex-start} :where(body.mg-owned) .dialog-facts>div>span,:where(.mg-theme-ui) .dialog-facts>div>span,.dialog-facts:where(.mg-theme-ui)>div>span{gap:6px} :where(body.mg-owned) .dialog-facts strong,:where(.mg-theme-ui) .dialog-facts strong,.dialog-facts:where(.mg-theme-ui) strong{max-width:160px}} @media(max-width:640px){ :root{--gutter:24px} html{scroll-padding-top:86px} body.mg-owned{font-size:15px;padding-bottom:calc(78px + env(safe-area-inset-bottom))} :where(body.mg-owned) .site-header,:where(.mg-theme-ui) .site-header,.site-header:where(.mg-theme-ui){height:76px;padding:0 19px} :where(body.mg-owned) .brand,:where(.mg-theme-ui) .brand,.brand:where(.mg-theme-ui){width:98px} :where(body.mg-owned) .brand img,:where(.mg-theme-ui) .brand img,.brand:where(.mg-theme-ui) img{height:58px} :where(body.mg-owned) .header-book,:where(.mg-theme-ui) .header-book,.header-book:where(.mg-theme-ui){display:none} :where(body.mg-owned) .language-link,:where(.mg-theme-ui) .language-link,.language-link:where(.mg-theme-ui){min-width:37px} :where(body.mg-owned) .header-actions,:where(.mg-theme-ui) .header-actions,.header-actions:where(.mg-theme-ui){gap:15px} :where(body.mg-owned) .mobile-nav,:where(.mg-theme-ui) .mobile-nav,.mobile-nav:where(.mg-theme-ui){top:76px;max-height:calc(100dvh - 154px - env(safe-area-inset-bottom))} :where(body.mg-owned) .hero,:where(.mg-theme-ui) .hero,.hero:where(.mg-theme-ui){height:500px;min-height:0;max-height:none} :where(body.mg-owned) .hero-photo,:where(.mg-theme-ui) .hero-photo,.hero-photo:where(.mg-theme-ui){object-position:52% 55%} :where(body.mg-owned) .hero-shade,:where(.mg-theme-ui) .hero-shade,.hero-shade:where(.mg-theme-ui){background:linear-gradient(90deg,#142016b3,#14201640),linear-gradient(0deg,#121C13c2 0%,#121C1366 54%,transparent 80%)} :where(body.mg-owned) .hero-content,:where(.mg-theme-ui) .hero-content,.hero-content:where(.mg-theme-ui){padding:46px 26px 78px} :where(body.mg-owned) .hero .eyebrow,:where(.mg-theme-ui) .hero .eyebrow,.hero:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.06em;margin-bottom:24px;max-width:340px} :where(body.mg-owned) .hero h1,:where(.mg-theme-ui) .hero h1,.hero:where(.mg-theme-ui) h1{font-size:clamp(38px,10.3vw,49px);line-height:1.22;padding-bottom:5px} :where(body.mg-owned) .hero-description,:where(.mg-theme-ui) .hero-description,.hero-description:where(.mg-theme-ui){font-size:14px;line-height:1.7;margin:22px 0 25px;max-width:335px} :where(body.mg-owned) .hero-choose,:where(.mg-theme-ui) .hero-choose,.hero-choose:where(.mg-theme-ui){font-size:14px;min-height:52px;padding:15px 22px;gap:27px} :where(body.mg-owned) .hero-foot,:where(.mg-theme-ui) .hero-foot,.hero-foot:where(.mg-theme-ui){font-size:11px;letter-spacing:.01em;left:26px;right:26px;bottom:19px} :where(body.mg-owned) .hero-foot a,:where(.mg-theme-ui) .hero-foot a,.hero-foot:where(.mg-theme-ui) a{font-size:11px;gap:14px} :where(body.mg-owned) .stay-bar,:where(.mg-theme-ui) .stay-bar,.stay-bar:where(.mg-theme-ui){display:block;margin:0 24px;padding:26px 0 28px} :where(body.mg-owned) .stay-bar .eyebrow,:where(.mg-theme-ui) .stay-bar .eyebrow,.stay-bar:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.09em} :where(body.mg-owned) .stay-bar p:not(.eyebrow),:where(.mg-theme-ui) .stay-bar p:not(.eyebrow),.stay-bar:where(.mg-theme-ui) p:not(.eyebrow){font-size:27px} :where(body.mg-owned) .stay-options,:where(.mg-theme-ui) .stay-options,.stay-options:where(.mg-theme-ui){display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:12px 20px;margin-top:15px;justify-content:stretch} :where(body.mg-owned) .stay-options>a:not(.button),:where(.mg-theme-ui) .stay-options>a:not(.button),.stay-options:where(.mg-theme-ui)>a:not(.button){font-size:14px;line-height:1.5;display:flex;align-items:center;justify-content:space-between} :where(body.mg-owned) .stay-options>a>span,:where(.mg-theme-ui) .stay-options>a>span,.stay-options:where(.mg-theme-ui)>a>span{margin-left:9px} :where(body.mg-owned) .stay-options .button,:where(.mg-theme-ui) .stay-options .button,.stay-options:where(.mg-theme-ui) .button{grid-column:1/-1;min-height:51px;justify-content:space-between;font-size:14px;margin-top:2px} :where(body.mg-owned) .section-pad,:where(.mg-theme-ui) .section-pad,.section-pad:where(.mg-theme-ui){padding:60px 24px} :where(body.mg-owned) .story,:where(.mg-theme-ui) .story,.story:where(.mg-theme-ui){display:flex;flex-direction:column;gap:36px} :where(body.mg-owned) .story-photo,:where(.mg-theme-ui) .story-photo,.story-photo:where(.mg-theme-ui){width:100%;padding-right:19px;padding-bottom:31px} :where(body.mg-owned) .story-photo:after,:where(.mg-theme-ui) .story-photo:after,.story-photo:where(.mg-theme-ui):after{left:19px;top:26px} :where(body.mg-owned) .story-photo img,:where(.mg-theme-ui) .story-photo img,.story-photo:where(.mg-theme-ui) img{height:395px;border-radius:150px 150px 0 0;object-position:center 75%} :where(body.mg-owned) .photo-caption,:where(.mg-theme-ui) .photo-caption,.photo-caption:where(.mg-theme-ui){font-size:11px;letter-spacing:.015em} :where(body.mg-owned) .story-copy h2,:where(.mg-theme-ui) .story-copy h2,.story-copy:where(.mg-theme-ui) h2{font-size:37px} :where(body.mg-owned) .story-copy .eyebrow,:where(.mg-theme-ui) .story-copy .eyebrow,.story-copy:where(.mg-theme-ui) .eyebrow{font-size:11px;margin-bottom:18px;letter-spacing:.1em} :where(body.mg-owned) .fine-rule,:where(.mg-theme-ui) .fine-rule,.fine-rule:where(.mg-theme-ui){margin:23px 0} :where(body.mg-owned) .story-copy>p:not(.eyebrow),:where(.mg-theme-ui) .story-copy>p:not(.eyebrow),.story-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-bottom:18px} :where(body.mg-owned) .story-copy>.text-link,:where(.mg-theme-ui) .story-copy>.text-link,.story-copy:where(.mg-theme-ui)>.text-link{margin-bottom:25px} :where(body.mg-owned) .story-facts,:where(.mg-theme-ui) .story-facts,.story-facts:where(.mg-theme-ui){gap:15px;padding-top:23px} :where(body.mg-owned) .story-facts strong,:where(.mg-theme-ui) .story-facts strong,.story-facts:where(.mg-theme-ui) strong{font-size:31px} :where(body.mg-owned) .story-facts span,:where(.mg-theme-ui) .story-facts span,.story-facts:where(.mg-theme-ui) span{font-size:11px;line-height:1.5;letter-spacing:0} :where(body.mg-owned) .section-heading,:where(.mg-theme-ui) .section-heading,.section-heading:where(.mg-theme-ui){display:block;margin-bottom:22px} :where(body.mg-owned) .section-heading h2,:where(.mg-theme-ui) .section-heading h2,.section-heading:where(.mg-theme-ui) h2{font-size:37px} :where(body.mg-owned) .section-heading .eyebrow,:where(.mg-theme-ui) .section-heading .eyebrow,.section-heading:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:18px} :where(body.mg-owned) .section-heading>p,:where(.mg-theme-ui) .section-heading>p,.section-heading:where(.mg-theme-ui)>p{max-width:360px;font-size:15px;margin-top:19px;line-height:1.75} :where(body.mg-owned) .room-toolbar,:where(.mg-theme-ui) .room-toolbar,.room-toolbar:where(.mg-theme-ui){display:block;padding-bottom:12px} :where(body.mg-owned) .room-filters,:where(.mg-theme-ui) .room-filters,.room-filters:where(.mg-theme-ui){display:grid;grid-template-columns:1fr 1fr;gap:0 24px} :where(body.mg-owned) .room-filters button,:where(.mg-theme-ui) .room-filters button,.room-filters:where(.mg-theme-ui) button{font-size:14px;min-height:48px;padding:10px 0;text-align:left} :where(body.mg-owned) .room-count,:where(.mg-theme-ui) .room-count,.room-count:where(.mg-theme-ui){margin-top:10px;font-size:12px} :where(body.mg-owned) .filter-help,:where(.mg-theme-ui) .filter-help,.filter-help:where(.mg-theme-ui){font-size:14px;line-height:1.7;margin:16px 0 22px} :where(body.mg-owned) .quick-comparison,:where(.mg-theme-ui) .quick-comparison,.quick-comparison:where(.mg-theme-ui){margin-bottom:25px} :where(body.mg-owned) .quick-comparison summary,:where(.mg-theme-ui) .quick-comparison summary,.quick-comparison:where(.mg-theme-ui) summary{padding:16px;font-size:15px;line-height:1.5;min-height:56px} :where(body.mg-owned) .comparison-table,:where(.mg-theme-ui) .comparison-table,.comparison-table:where(.mg-theme-ui),:where(body.mg-owned) .comparison-table tbody,:where(.mg-theme-ui) .comparison-table tbody,.comparison-table:where(.mg-theme-ui) tbody{display:block;width:100%} :where(body.mg-owned) .comparison-table thead,:where(.mg-theme-ui) .comparison-table thead,.comparison-table:where(.mg-theme-ui) thead{display:none} :where(body.mg-owned) .comparison-table tbody tr,:where(.mg-theme-ui) .comparison-table tbody tr,.comparison-table:where(.mg-theme-ui) tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:18px 16px 19px;border-top:1px solid var(--line)} :where(body.mg-owned) .comparison-table tbody th,:where(.mg-theme-ui) .comparison-table tbody th,.comparison-table:where(.mg-theme-ui) tbody th,:where(body.mg-owned) .comparison-table tbody td,:where(.mg-theme-ui) .comparison-table tbody td,.comparison-table:where(.mg-theme-ui) tbody td{padding:0;border:0;font-size:14px;line-height:1.5} :where(body.mg-owned) .comparison-table tbody th,:where(.mg-theme-ui) .comparison-table tbody th,.comparison-table:where(.mg-theme-ui) tbody th{grid-column:1/-1} :where(body.mg-owned) .comparison-name,:where(.mg-theme-ui) .comparison-name,.comparison-name:where(.mg-theme-ui){font-size:16px;gap:14px;min-height:48px} :where(body.mg-owned) .comparison-name img,:where(.mg-theme-ui) .comparison-name img,.comparison-name:where(.mg-theme-ui) img{width:66px;height:44px} :where(body.mg-owned) .mobile-label,:where(.mg-theme-ui) .mobile-label,.mobile-label:where(.mg-theme-ui){display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:3px} :where(body.mg-owned) .comparison-bed,:where(.mg-theme-ui) .comparison-bed,.comparison-bed:where(.mg-theme-ui){grid-column:1/-1} :where(body.mg-owned) .comparison-action,:where(.mg-theme-ui) .comparison-action,.comparison-action:where(.mg-theme-ui){grid-column:1/-1} :where(body.mg-owned) .comparison-action button,:where(.mg-theme-ui) .comparison-action button,.comparison-action:where(.mg-theme-ui) button{font-size:14px;min-height:44px;padding:6px 0} :where(body.mg-owned) .room-grid,:where(.mg-theme-ui) .room-grid,.room-grid:where(.mg-theme-ui){grid-template-columns:1fr;gap:35px} :where(body.mg-owned) .room-image,:where(.mg-theme-ui) .room-image,.room-image:where(.mg-theme-ui){aspect-ratio:1.4} :where(body.mg-owned) .room-image>span,:where(.mg-theme-ui) .room-image>span,.room-image:where(.mg-theme-ui)>span{font-size:11px;letter-spacing:.05em} :where(body.mg-owned) .room-card-copy,:where(.mg-theme-ui) .room-card-copy,.room-card-copy:where(.mg-theme-ui){padding-top:20px} :where(body.mg-owned) .room-card-copy .eyebrow,:where(.mg-theme-ui) .room-card-copy .eyebrow,.room-card-copy:where(.mg-theme-ui) .eyebrow{font-size:11px;line-height:1.6;margin-bottom:8px} :where(body.mg-owned) .room-title,:where(.mg-theme-ui) .room-title,.room-title:where(.mg-theme-ui){font-size:31px;min-height:44px} :where(body.mg-owned) .room-meta,:where(.mg-theme-ui) .room-meta,.room-meta:where(.mg-theme-ui){margin-top:13px;gap:11px 18px} :where(body.mg-owned) .room-meta>span,:where(.mg-theme-ui) .room-meta>span,.room-meta:where(.mg-theme-ui)>span{font-size:14px} :where(body.mg-owned) .room-bed,:where(.mg-theme-ui) .room-bed,.room-bed:where(.mg-theme-ui){font-size:14px;line-height:1.6;align-items:flex-start} :where(body.mg-owned) .room-bed .fact-icon,:where(.mg-theme-ui) .room-bed .fact-icon,.room-bed:where(.mg-theme-ui) .fact-icon{margin-top:2px} :where(body.mg-owned) .card-actions,:where(.mg-theme-ui) .card-actions,.card-actions:where(.mg-theme-ui){margin-top:13px;gap:6px} :where(body.mg-owned) .card-actions .text-link,:where(.mg-theme-ui) .card-actions .text-link,.card-actions:where(.mg-theme-ui) .text-link,:where(body.mg-owned) .card-contact,:where(.mg-theme-ui) .card-contact,.card-contact:where(.mg-theme-ui){font-size:14px;min-height:44px} :where(body.mg-owned) .room-note,:where(.mg-theme-ui) .room-note,.room-note:where(.mg-theme-ui){font-size:14px;line-height:1.7;margin-top:24px} :where(body.mg-owned) .corporate,:where(.mg-theme-ui) .corporate,.corporate:where(.mg-theme-ui){display:flex;flex-direction:column} :where(body.mg-owned) .corporate-copy,:where(.mg-theme-ui) .corporate-copy,.corporate-copy:where(.mg-theme-ui){padding:58px 24px} :where(body.mg-owned) .corporate-copy .eyebrow,:where(.mg-theme-ui) .corporate-copy .eyebrow,.corporate-copy:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.08em} :where(body.mg-owned) .corporate-copy h2,:where(.mg-theme-ui) .corporate-copy h2,.corporate-copy:where(.mg-theme-ui) h2{font-size:37px} :where(body.mg-owned) .corporate-copy>p:not(.eyebrow),:where(.mg-theme-ui) .corporate-copy>p:not(.eyebrow),.corporate-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px;line-height:1.75} :where(body.mg-owned) .corporate-list li,:where(.mg-theme-ui) .corporate-list li,.corporate-list:where(.mg-theme-ui) li{font-size:14px;line-height:1.7} :where(body.mg-owned) .corporate-copy .button,:where(.mg-theme-ui) .corporate-copy .button,.corporate-copy:where(.mg-theme-ui) .button{font-size:14px;padding:15px 20px;gap:16px;width:100%;max-width:370px} :where(body.mg-owned) .corporate-photo img,:where(.mg-theme-ui) .corporate-photo img,.corporate-photo:where(.mg-theme-ui) img{min-height:0;height:350px} :where(body.mg-owned) .image-label,:where(.mg-theme-ui) .image-label,.image-label:where(.mg-theme-ui){left:24px;bottom:27px} :where(body.mg-owned) .image-label span,:where(.mg-theme-ui) .image-label span,.image-label:where(.mg-theme-ui) span{font-size:11px;letter-spacing:.05em} :where(body.mg-owned) .image-label p,:where(.mg-theme-ui) .image-label p,.image-label:where(.mg-theme-ui) p{font-size:29px} :where(body.mg-owned) .experience-grid,:where(.mg-theme-ui) .experience-grid,.experience-grid:where(.mg-theme-ui){grid-template-columns:1fr;gap:36px} :where(body.mg-owned) .experience-copy,:where(.mg-theme-ui) .experience-copy,.experience-copy:where(.mg-theme-ui){padding-top:24px} :where(body.mg-owned) .experience-copy .eyebrow,:where(.mg-theme-ui) .experience-copy .eyebrow,.experience-copy:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.06em} :where(body.mg-owned) .experience-copy h3,:where(.mg-theme-ui) .experience-copy h3,.experience-copy:where(.mg-theme-ui) h3{font-size:32px} :where(body.mg-owned) .experience-copy>p:not(.eyebrow),:where(.mg-theme-ui) .experience-copy>p:not(.eyebrow),.experience-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px;line-height:1.75} :where(body.mg-owned) .welcome,:where(.mg-theme-ui) .welcome,.welcome:where(.mg-theme-ui){min-height:380px} :where(body.mg-owned) .welcome>img,:where(.mg-theme-ui) .welcome>img,.welcome:where(.mg-theme-ui)>img{object-position:54% center} :where(body.mg-owned) .welcome h2,:where(.mg-theme-ui) .welcome h2,.welcome:where(.mg-theme-ui) h2{font-size:34px;line-height:1.3} :where(body.mg-owned) .welcome .eyebrow,:where(.mg-theme-ui) .welcome .eyebrow,.welcome:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.06em;max-width:350px;margin-left:auto;margin-right:auto} :where(body.mg-owned) .location,:where(.mg-theme-ui) .location,.location:where(.mg-theme-ui){grid-template-columns:1fr;gap:31px} :where(body.mg-owned) .location h2,:where(.mg-theme-ui) .location h2,.location:where(.mg-theme-ui) h2{font-size:37px} :where(body.mg-owned) .location-copy .eyebrow,:where(.mg-theme-ui) .location-copy .eyebrow,.location-copy:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.08em} :where(body.mg-owned) .location-copy>p:not(.eyebrow),:where(.mg-theme-ui) .location-copy>p:not(.eyebrow),.location-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px} :where(body.mg-owned) .location-copy .address,:where(.mg-theme-ui) .location-copy .address,.location-copy:where(.mg-theme-ui) .address{font-size:16px!important} :where(body.mg-owned) .destinations>div,:where(.mg-theme-ui) .destinations>div,.destinations:where(.mg-theme-ui)>div{grid-template-columns:23px 1fr auto;gap:11px;padding:16px 0} :where(body.mg-owned) .destinations>div>span:nth-child(2),:where(.mg-theme-ui) .destinations>div>span:nth-child(2),.destinations:where(.mg-theme-ui)>div>span:nth-child(2){font-size:14px} :where(body.mg-owned) .destinations span small,:where(.mg-theme-ui) .destinations span small,.destinations:where(.mg-theme-ui) span small{font-size:11px;letter-spacing:.03em} :where(body.mg-owned) .destinations strong,:where(.mg-theme-ui) .destinations strong,.destinations:where(.mg-theme-ui) strong{font-size:28px} :where(body.mg-owned) .destinations strong small,:where(.mg-theme-ui) .destinations strong small,.destinations:where(.mg-theme-ui) strong small{font-size:14px} :where(body.mg-owned) .estimate-note,:where(.mg-theme-ui) .estimate-note,.estimate-note:where(.mg-theme-ui){font-size:14px;line-height:1.7} :where(body.mg-owned) .closing,:where(.mg-theme-ui) .closing,.closing:where(.mg-theme-ui){display:block;margin:0 24px;padding:31px 0 38px} :where(body.mg-owned) .closing .eyebrow,:where(.mg-theme-ui) .closing .eyebrow,.closing:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.06em;margin-bottom:13px} :where(body.mg-owned) .closing h2,:where(.mg-theme-ui) .closing h2,.closing:where(.mg-theme-ui) h2{font-size:37px;line-height:1.2} :where(body.mg-owned) .closing .button,:where(.mg-theme-ui) .closing .button,.closing:where(.mg-theme-ui) .button{font-size:14px;margin-top:23px;padding:15px 23px;max-width:100%;min-height:52px} :where(body.mg-owned) .footer,:where(.mg-theme-ui) .footer,.footer:where(.mg-theme-ui){padding:39px 24px 27px} :where(body.mg-owned) .footer-top,:where(.mg-theme-ui) .footer-top,.footer-top:where(.mg-theme-ui){grid-template-columns:1fr;gap:27px;padding-bottom:29px} :where(body.mg-owned) .footer-brand,:where(.mg-theme-ui) .footer-brand,.footer-brand:where(.mg-theme-ui){width:126px} :where(body.mg-owned) .footer-brand img,:where(.mg-theme-ui) .footer-brand img,.footer-brand:where(.mg-theme-ui) img{height:81px} :where(body.mg-owned) .footer .eyebrow,:where(.mg-theme-ui) .footer .eyebrow,.footer:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:12px} :where(body.mg-owned) .footer-top p:not(.eyebrow),:where(.mg-theme-ui) .footer-top p:not(.eyebrow),.footer-top:where(.mg-theme-ui) p:not(.eyebrow),:where(body.mg-owned) .footer-top>div a,:where(.mg-theme-ui) .footer-top>div a,.footer-top:where(.mg-theme-ui)>div a{font-size:14px;line-height:1.8} :where(body.mg-owned) .footer-top>div a,:where(.mg-theme-ui) .footer-top>div a,.footer-top:where(.mg-theme-ui)>div a{min-height:36px;overflow-wrap:anywhere} :where(body.mg-owned) .footer-top .footer-phone,:where(.mg-theme-ui) .footer-top .footer-phone,.footer-top:where(.mg-theme-ui) .footer-phone{font-size:24px;min-height:44px} :where(body.mg-owned) .footer-bottom,:where(.mg-theme-ui) .footer-bottom,.footer-bottom:where(.mg-theme-ui){display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding-top:20px;font-size:12px;line-height:1.7} :where(body.mg-owned) .mobile-actions,:where(.mg-theme-ui) .mobile-actions,.mobile-actions:where(.mg-theme-ui){position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:11px 17px calc(11px + env(safe-area-inset-bottom));background:#FAF8F3f5;border-top:1px solid #CBCDC2;box-shadow:0 -4px 17px #20242008;backdrop-filter:blur(8px)} :where(body.mg-owned) .mobile-actions a,:where(.mg-theme-ui) .mobile-actions a,.mobile-actions:where(.mg-theme-ui) a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:46px;padding:10px 15px;border:1px solid var(--charcoal);font-size:14px;color:var(--charcoal);line-height:1.5} :where(body.mg-owned) .mobile-actions a:last-child,:where(.mg-theme-ui) .mobile-actions a:last-child,.mobile-actions:where(.mg-theme-ui) a:last-child{background:var(--charcoal);color:var(--ivory)} :where(body.mg-owned) .mobile-actions a span,:where(.mg-theme-ui) .mobile-actions a span,.mobile-actions:where(.mg-theme-ui) a span{font-size:19px} body.modal-open .mobile-actions:where(.mg-theme-ui){display:none} :where(body.mg-owned) dialog,:where(.mg-theme-ui) dialog,dialog:where(.mg-theme-ui){width:calc(100% - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-bottom))} :where(body.mg-owned) .dialog-shell,:where(.mg-theme-ui) .dialog-shell,.dialog-shell:where(.mg-theme-ui){display:block} :where(body.mg-owned) .dialog-gallery,:where(.mg-theme-ui) .dialog-gallery,.dialog-gallery:where(.mg-theme-ui){padding-bottom:19px} :where(body.mg-owned) .dialog-media,:where(.mg-theme-ui) .dialog-media,.dialog-media:where(.mg-theme-ui){aspect-ratio:1.5} :where(body.mg-owned) .dialog-close,:where(.mg-theme-ui) .dialog-close,.dialog-close:where(.mg-theme-ui){width:44px;height:44px;top:10px;right:10px;background:#FAF8F3f2} :where(body.mg-owned) .gallery-previous,:where(.mg-theme-ui) .gallery-previous,.gallery-previous:where(.mg-theme-ui){left:10px} :where(body.mg-owned) .gallery-next,:where(.mg-theme-ui) .gallery-next,.gallery-next:where(.mg-theme-ui){right:10px} :where(body.mg-owned) .gallery-caption,:where(.mg-theme-ui) .gallery-caption,.gallery-caption:where(.mg-theme-ui){padding:15px 19px 12px;font-size:14px;min-height:72px;line-height:1.7} :where(body.mg-owned) .gallery-thumbnails,:where(.mg-theme-ui) .gallery-thumbnails,.gallery-thumbnails:where(.mg-theme-ui){padding:0 19px;gap:11px} :where(body.mg-owned) .gallery-thumbnails>button,:where(.mg-theme-ui) .gallery-thumbnails>button,.gallery-thumbnails:where(.mg-theme-ui)>button{min-width:76px;min-height:52px} :where(body.mg-owned) .gallery-thumbnails img,:where(.mg-theme-ui) .gallery-thumbnails img,.gallery-thumbnails:where(.mg-theme-ui) img{width:76px;height:50px} :where(body.mg-owned) .dialog-copy,:where(.mg-theme-ui) .dialog-copy,.dialog-copy:where(.mg-theme-ui){padding:26px 21px 30px} :where(body.mg-owned) .dialog-copy .eyebrow,:where(.mg-theme-ui) .dialog-copy .eyebrow,.dialog-copy:where(.mg-theme-ui) .eyebrow{font-size:11px;letter-spacing:.06em} :where(body.mg-owned) .dialog-copy h2,:where(.mg-theme-ui) .dialog-copy h2,.dialog-copy:where(.mg-theme-ui) h2{font-size:35px} :where(body.mg-owned) .dialog-copy>p:not(.eyebrow),:where(.mg-theme-ui) .dialog-copy>p:not(.eyebrow),.dialog-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px;line-height:1.7} :where(body.mg-owned) .dialog-facts,:where(.mg-theme-ui) .dialog-facts,.dialog-facts:where(.mg-theme-ui){margin-top:20px} :where(body.mg-owned) .dialog-facts>div,:where(.mg-theme-ui) .dialog-facts>div,.dialog-facts:where(.mg-theme-ui)>div{font-size:14px;gap:15px} :where(body.mg-owned) .dialog-facts>div>span,:where(.mg-theme-ui) .dialog-facts>div>span,.dialog-facts:where(.mg-theme-ui)>div>span{gap:7px} :where(body.mg-owned) .dialog-facts strong,:where(.mg-theme-ui) .dialog-facts strong,.dialog-facts:where(.mg-theme-ui) strong{max-width:175px;font-size:14px} :where(body.mg-owned) .dialog-copy .dialog-note,:where(.mg-theme-ui) .dialog-copy .dialog-note,.dialog-copy:where(.mg-theme-ui) .dialog-note{font-size:14px!important;line-height:1.7} :where(body.mg-owned) .dialog-actions,:where(.mg-theme-ui) .dialog-actions,.dialog-actions:where(.mg-theme-ui){gap:12px;margin-top:23px} :where(body.mg-owned) .dialog-actions .button,:where(.mg-theme-ui) .dialog-actions .button,.dialog-actions:where(.mg-theme-ui) .button{font-size:14px;width:100%;padding:15px 19px;gap:13px} :where(body.mg-owned) .dialog-actions .text-link,:where(.mg-theme-ui) .dialog-actions .text-link,.dialog-actions:where(.mg-theme-ui) .text-link{font-size:14px;gap:16px} :where(body.mg-owned) .dialog-source,:where(.mg-theme-ui) .dialog-source,.dialog-source:where(.mg-theme-ui){font-size:14px;line-height:1.7}} @media(max-width:360px){ :where(body.mg-owned) .hero h1,:where(.mg-theme-ui) .hero h1,.hero:where(.mg-theme-ui) h1{font-size:37px} :where(body.mg-owned) .hero-content,:where(.mg-theme-ui) .hero-content,.hero-content:where(.mg-theme-ui){padding-top:40px} :where(body.mg-owned) .hero .eyebrow,:where(.mg-theme-ui) .hero .eyebrow,.hero:where(.mg-theme-ui) .eyebrow{letter-spacing:.015em} :where(body.mg-owned) .hero-description,:where(.mg-theme-ui) .hero-description,.hero-description:where(.mg-theme-ui){font-size:14px} :where(body.mg-owned) .hero-foot,:where(.mg-theme-ui) .hero-foot,.hero-foot:where(.mg-theme-ui){font-size:11px} :where(body.mg-owned) .hero-foot a,:where(.mg-theme-ui) .hero-foot a,.hero-foot:where(.mg-theme-ui) a{gap:7px} :where(body.mg-owned) .stay-options,:where(.mg-theme-ui) .stay-options,.stay-options:where(.mg-theme-ui){grid-template-columns:1fr} :where(body.mg-owned) .stay-options .button,:where(.mg-theme-ui) .stay-options .button,.stay-options:where(.mg-theme-ui) .button{grid-column:1} :where(body.mg-owned) .story-facts,:where(.mg-theme-ui) .story-facts,.story-facts:where(.mg-theme-ui){gap:10px} :where(body.mg-owned) .story-facts span,:where(.mg-theme-ui) .story-facts span,.story-facts:where(.mg-theme-ui) span{font-size:11px} :where(body.mg-owned) .mobile-actions,:where(.mg-theme-ui) .mobile-actions,.mobile-actions:where(.mg-theme-ui){padding-left:12px;padding-right:12px;gap:9px} :where(body.mg-owned) .mobile-actions a,:where(.mg-theme-ui) .mobile-actions a,.mobile-actions:where(.mg-theme-ui) a{font-size:14px;padding-left:12px;padding-right:12px;gap:10px} :where(body.mg-owned) .dialog-facts>div,:where(.mg-theme-ui) .dialog-facts>div,.dialog-facts:where(.mg-theme-ui)>div{gap:9px} :where(body.mg-owned) .dialog-facts>div>span,:where(.mg-theme-ui) .dialog-facts>div>span,.dialog-facts:where(.mg-theme-ui)>div>span{gap:5px} :where(body.mg-owned) .dialog-facts strong,:where(.mg-theme-ui) .dialog-facts strong,.dialog-facts:where(.mg-theme-ui) strong{max-width:151px}} @media(min-width:641px){ :where(body.mg-owned) .comparison-table,:where(.mg-theme-ui) .comparison-table,.comparison-table:where(.mg-theme-ui),:where(body.mg-owned) .comparison-name,:where(.mg-theme-ui) .comparison-name,.comparison-name:where(.mg-theme-ui),:where(body.mg-owned) .comparison-action button,:where(.mg-theme-ui) .comparison-action button,.comparison-action:where(.mg-theme-ui) button{font-size:14px}} @media(max-width:640px){ body.mg-owned{padding-bottom:0} :where(body.mg-owned) .footer,:where(.mg-theme-ui) .footer,.footer:where(.mg-theme-ui){padding-bottom:calc(105px + env(safe-area-inset-bottom))}} @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} :where(body.mg-owned) *,:where(.mg-theme-ui) *,*:where(.mg-theme-ui),:where(body.mg-owned) *:before,:where(.mg-theme-ui) *:before,*:where(.mg-theme-ui):before,:where(body.mg-owned) *:after,:where(.mg-theme-ui) *:after,*:where(.mg-theme-ui):after{transition:none!important;animation:none!important}} /* Full-site extension of approved homepage, same palette and photo hierarchy. */ :where(body.mg-owned) .page-hero-copy h1,:where(.mg-theme-ui) .page-hero-copy h1,.page-hero-copy:where(.mg-theme-ui) h1,:where(body.mg-owned) .editorial h2,:where(.mg-theme-ui) .editorial h2,.editorial:where(.mg-theme-ui) h2,:where(body.mg-owned) .service-enquiry h2,:where(.mg-theme-ui) .service-enquiry h2,.service-enquiry:where(.mg-theme-ui) h2,:where(body.mg-owned) .contact-grid h2,:where(.mg-theme-ui) .contact-grid h2,.contact-grid:where(.mg-theme-ui) h2,:where(body.mg-owned) .detail-contact h2,:where(.mg-theme-ui) .detail-contact h2,.detail-contact:where(.mg-theme-ui) h2{text-wrap:balance;overflow-wrap:break-word;max-width:24ch} :where(body.mg-owned) .room-title,:where(.mg-theme-ui) .room-title,.room-title:where(.mg-theme-ui){display:inline-block} :where(body.mg-owned) .room-page-link,:where(.mg-theme-ui) .room-page-link,.room-page-link:where(.mg-theme-ui){font-size:14px;min-height:44px;display:inline-flex;align-items:center;color:var(--muted);text-decoration:underline;text-underline-offset:4px} :where(body.mg-owned) .comparison-action .text-link,:where(.mg-theme-ui) .comparison-action .text-link,.comparison-action:where(.mg-theme-ui) .text-link{font-size:14px;gap:10px} :where(body.mg-owned) .page-hero,:where(.mg-theme-ui) .page-hero,.page-hero:where(.mg-theme-ui){display:grid;grid-template-columns:1.15fr 1fr;min-height:530px;background:var(--stone)} :where(body.mg-owned) .page-hero-image,:where(.mg-theme-ui) .page-hero-image,.page-hero-image:where(.mg-theme-ui){position:relative;min-height:530px} :where(body.mg-owned) .page-hero-image img,:where(.mg-theme-ui) .page-hero-image img,.page-hero-image:where(.mg-theme-ui) img{position:absolute;inset:0;height:100%;object-position:center} :where(body.mg-owned) .page-hero-copy,:where(.mg-theme-ui) .page-hero-copy,.page-hero-copy:where(.mg-theme-ui){align-self:center;padding:70px clamp(35px,5vw,85px)} :where(body.mg-owned) .page-hero-copy h1,:where(.mg-theme-ui) .page-hero-copy h1,.page-hero-copy:where(.mg-theme-ui) h1{font-size:clamp(40px,4vw,62px);line-height:1.18} :where(body.mg-owned) .page-hero-copy>p:not(.eyebrow),:where(.mg-theme-ui) .page-hero-copy>p:not(.eyebrow),.page-hero-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:26px 0 20px} :where(body.mg-owned) .page-intro,:where(.mg-theme-ui) .page-intro,.page-intro:where(.mg-theme-ui){padding-bottom:54px} :where(body.mg-owned) .page-intro h1,:where(.mg-theme-ui) .page-intro h1,.page-intro:where(.mg-theme-ui) h1,:where(body.mg-owned) .detail-intro h1,:where(.mg-theme-ui) .detail-intro h1,.detail-intro:where(.mg-theme-ui) h1{font-size:clamp(43px,4.7vw,69px);line-height:1.18} :where(body.mg-owned) .page-intro>p:not(.eyebrow),:where(.mg-theme-ui) .page-intro>p:not(.eyebrow),.page-intro:where(.mg-theme-ui)>p:not(.eyebrow),:where(body.mg-owned) .detail-intro>p:not(.eyebrow),:where(.mg-theme-ui) .detail-intro>p:not(.eyebrow),.detail-intro:where(.mg-theme-ui)>p:not(.eyebrow){max-width:750px;color:var(--muted);margin-top:23px} :where(body.mg-owned) .editorial,:where(.mg-theme-ui) .editorial,.editorial:where(.mg-theme-ui){display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center} :where(body.mg-owned) .editorial figure,:where(.mg-theme-ui) .editorial figure,.editorial:where(.mg-theme-ui) figure{margin:0;min-width:0} :where(body.mg-owned) .editorial figure img,:where(.mg-theme-ui) .editorial figure img,.editorial:where(.mg-theme-ui) figure img{width:100%;aspect-ratio:1.3;height:auto;max-height:590px} :where(body.mg-owned) .editorial-reverse figure,:where(.mg-theme-ui) .editorial-reverse figure,.editorial-reverse:where(.mg-theme-ui) figure{order:2} :where(body.mg-owned) .editorial h2,:where(.mg-theme-ui) .editorial h2,.editorial:where(.mg-theme-ui) h2{font-size:clamp(36px,3.2vw,50px)} :where(body.mg-owned) .editorial p:not(.eyebrow),:where(.mg-theme-ui) .editorial p:not(.eyebrow),.editorial:where(.mg-theme-ui) p:not(.eyebrow){font-size:15px;color:var(--muted);margin-bottom:19px} :where(body.mg-owned) .editorial .fine-rule,:where(.mg-theme-ui) .editorial .fine-rule,.editorial:where(.mg-theme-ui) .fine-rule{margin:25px 0} :where(body.mg-owned) .about-facts,:where(.mg-theme-ui) .about-facts,.about-facts:where(.mg-theme-ui),:where(body.mg-owned) .corporate-benefits,:where(.mg-theme-ui) .corporate-benefits,.corporate-benefits:where(.mg-theme-ui),:where(body.mg-owned) .other-rooms,:where(.mg-theme-ui) .other-rooms,.other-rooms:where(.mg-theme-ui),:where(body.mg-owned) .service-enquiry,:where(.mg-theme-ui) .service-enquiry,.service-enquiry:where(.mg-theme-ui){background:var(--stone)} :where(body.mg-owned) .fact-grid,:where(.mg-theme-ui) .fact-grid,.fact-grid:where(.mg-theme-ui){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px;margin:35px 0} :where(body.mg-owned) .fact-grid>div,:where(.mg-theme-ui) .fact-grid>div,.fact-grid:where(.mg-theme-ui)>div{padding:20px 0;border-top:1px solid var(--line)} :where(body.mg-owned) .fact-grid strong,:where(.mg-theme-ui) .fact-grid strong,.fact-grid:where(.mg-theme-ui) strong{font:42px/1.4 var(--serif);display:block} :where(body.mg-owned) .fact-grid span,:where(.mg-theme-ui) .fact-grid span,.fact-grid:where(.mg-theme-ui) span{display:block;color:var(--muted);font-size:14px} :where(body.mg-owned) .service-enquiry>p:not(.eyebrow),:where(.mg-theme-ui) .service-enquiry>p:not(.eyebrow),.service-enquiry:where(.mg-theme-ui)>p:not(.eyebrow),:where(body.mg-owned) .corporate-benefits>p:not(.eyebrow),:where(.mg-theme-ui) .corporate-benefits>p:not(.eyebrow),.corporate-benefits:where(.mg-theme-ui)>p:not(.eyebrow){max-width:750px;margin:24px 0;color:var(--muted)} :where(body.mg-owned) .service-enquiry .button,:where(.mg-theme-ui) .service-enquiry .button,.service-enquiry:where(.mg-theme-ui) .button,:where(body.mg-owned) .corporate-benefits .button,:where(.mg-theme-ui) .corporate-benefits .button,.corporate-benefits:where(.mg-theme-ui) .button{margin-right:25px} :where(body.mg-owned) .service-enquiry .text-link,:where(.mg-theme-ui) .service-enquiry .text-link,.service-enquiry:where(.mg-theme-ui) .text-link,:where(body.mg-owned) .corporate-benefits .text-link,:where(.mg-theme-ui) .corporate-benefits .text-link,.corporate-benefits:where(.mg-theme-ui) .text-link{margin-right:20px} :where(body.mg-owned) .corporate-benefits ul,:where(.mg-theme-ui) .corporate-benefits ul,.corporate-benefits:where(.mg-theme-ui) ul{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;max-width:950px} :where(body.mg-owned) .corporate-benefits li,:where(.mg-theme-ui) .corporate-benefits li,.corporate-benefits:where(.mg-theme-ui) li{padding:18px 0;border-top:1px solid var(--line);font-size:16px} :where(body.mg-owned) .detail-intro,:where(.mg-theme-ui) .detail-intro,.detail-intro:where(.mg-theme-ui){padding-top:36px;padding-bottom:31px} :where(body.mg-owned) .detail-intro .breadcrumb,:where(.mg-theme-ui) .detail-intro .breadcrumb,.detail-intro:where(.mg-theme-ui) .breadcrumb{margin-bottom:29px;font-size:14px} :where(body.mg-owned) .detail-intro .eyebrow,:where(.mg-theme-ui) .detail-intro .eyebrow,.detail-intro:where(.mg-theme-ui) .eyebrow{margin-bottom:15px} :where(body.mg-owned) .room-detail,:where(.mg-theme-ui) .room-detail,.room-detail:where(.mg-theme-ui){padding-top:15px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(35px,5vw,80px);align-items:start} :where(body.mg-owned) .detail-main-image,:where(.mg-theme-ui) .detail-main-image,.detail-main-image:where(.mg-theme-ui){display:block;position:relative;aspect-ratio:1.5;overflow:hidden} :where(body.mg-owned) .detail-main-image img,:where(.mg-theme-ui) .detail-main-image img,.detail-main-image:where(.mg-theme-ui) img{position:absolute;inset:0;height:100%} :where(body.mg-owned) .detail-gallery .gallery-caption,:where(.mg-theme-ui) .detail-gallery .gallery-caption,.detail-gallery:where(.mg-theme-ui) .gallery-caption{padding:18px 0;font-size:14px;min-height:56px} :where(body.mg-owned) .detail-thumbnails,:where(.mg-theme-ui) .detail-thumbnails,.detail-thumbnails:where(.mg-theme-ui){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px} :where(body.mg-owned) .detail-thumbnails a,:where(.mg-theme-ui) .detail-thumbnails a,.detail-thumbnails:where(.mg-theme-ui) a{min-width:0} :where(body.mg-owned) .detail-thumbnails img,:where(.mg-theme-ui) .detail-thumbnails img,.detail-thumbnails:where(.mg-theme-ui) img{aspect-ratio:1.5;height:auto;border:2px solid transparent} :where(body.mg-owned) .detail-thumbnails a[aria-current=true] img,:where(.mg-theme-ui) .detail-thumbnails a[aria-current=true] img,.detail-thumbnails:where(.mg-theme-ui) a[aria-current=true] img{border-color:var(--bronze)} :where(body.mg-owned) .detail-thumbnails span,:where(.mg-theme-ui) .detail-thumbnails span,.detail-thumbnails:where(.mg-theme-ui) span{font-size:12px;color:var(--muted);display:block;margin-top:6px} :where(body.mg-owned) .detail-gallery-help,:where(.mg-theme-ui) .detail-gallery-help,.detail-gallery-help:where(.mg-theme-ui){font-size:14px;color:var(--muted);margin-top:20px} :where(body.mg-owned) .detail-contact,:where(.mg-theme-ui) .detail-contact,.detail-contact:where(.mg-theme-ui){background:var(--stone);padding:35px 31px} :where(body.mg-owned) .detail-contact h2,:where(.mg-theme-ui) .detail-contact h2,.detail-contact:where(.mg-theme-ui) h2{font-size:36px} :where(body.mg-owned) .detail-contact .dialog-facts,:where(.mg-theme-ui) .detail-contact .dialog-facts,.detail-contact:where(.mg-theme-ui) .dialog-facts{margin:22px 0 29px} :where(body.mg-owned) .detail-contact>.button,:where(.mg-theme-ui) .detail-contact>.button,.detail-contact:where(.mg-theme-ui)>.button{width:100%;font-size:14px} :where(body.mg-owned) .detail-contact>.text-link,:where(.mg-theme-ui) .detail-contact>.text-link,.detail-contact:where(.mg-theme-ui)>.text-link{margin-top:16px} :where(body.mg-owned) .detail-contact>p:not(.eyebrow),:where(.mg-theme-ui) .detail-contact>p:not(.eyebrow),.detail-contact:where(.mg-theme-ui)>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:22px} :where(body.mg-owned) .other-rooms h2,:where(.mg-theme-ui) .other-rooms h2,.other-rooms:where(.mg-theme-ui) h2{font-size:40px} :where(body.mg-owned) .other-rooms>p:not(.eyebrow),:where(.mg-theme-ui) .other-rooms>p:not(.eyebrow),.other-rooms:where(.mg-theme-ui)>p:not(.eyebrow){color:var(--muted);margin:20px 0} :where(body.mg-owned) .contact-grid,:where(.mg-theme-ui) .contact-grid,.contact-grid:where(.mg-theme-ui){display:grid;grid-template-columns:1fr 1fr;gap:80px} :where(body.mg-owned) .contact-grid article,:where(.mg-theme-ui) .contact-grid article,.contact-grid:where(.mg-theme-ui) article{border-top:1px solid var(--champagne);padding-top:30px;display:flex;flex-direction:column;align-items:flex-start} :where(body.mg-owned) .contact-grid h2,:where(.mg-theme-ui) .contact-grid h2,.contact-grid:where(.mg-theme-ui) h2{font-size:39px;margin-bottom:23px} :where(body.mg-owned) .contact-phone,:where(.mg-theme-ui) .contact-phone,.contact-phone:where(.mg-theme-ui){font:34px/1.5 var(--serif);margin-bottom:10px} :where(body.mg-owned) .contact-grid .button,:where(.mg-theme-ui) .contact-grid .button,.contact-grid:where(.mg-theme-ui) .button{margin:25px 0 10px} :where(body.mg-owned) .contact-grid article>p:not(.eyebrow),:where(.mg-theme-ui) .contact-grid article>p:not(.eyebrow),.contact-grid:where(.mg-theme-ui) article>p:not(.eyebrow){color:var(--muted);font-size:15px;margin-top:20px} :where(body.mg-owned) .not-found,:where(.mg-theme-ui) .not-found,.not-found:where(.mg-theme-ui){min-height:500px} :where(body.mg-owned) .not-found h1,:where(.mg-theme-ui) .not-found h1,.not-found:where(.mg-theme-ui) h1{font-size:52px} :where(body.mg-owned) .not-found p:not(.eyebrow),:where(.mg-theme-ui) .not-found p:not(.eyebrow),.not-found:where(.mg-theme-ui) p:not(.eyebrow){margin:25px 0;color:var(--muted)} :where(body.mg-owned) .not-found .button,:where(.mg-theme-ui) .not-found .button,.not-found:where(.mg-theme-ui) .button{margin-right:25px} :where(body.mg-owned) .legacy-content,:where(.mg-theme-ui) .legacy-content,.legacy-content:where(.mg-theme-ui){min-height:450px} :where(body.mg-owned) .legacy-content article,:where(.mg-theme-ui) .legacy-content article,.legacy-content:where(.mg-theme-ui) article{max-width:950px;margin:0 auto 45px} :where(body.mg-owned) .legacy-content article h1,:where(.mg-theme-ui) .legacy-content article h1,.legacy-content:where(.mg-theme-ui) article h1{font-size:43px;margin-bottom:25px} :where(body.mg-owned) .legacy-content p,:where(.mg-theme-ui) .legacy-content p,.legacy-content:where(.mg-theme-ui) p{margin-bottom:18px} :where(body.mg-owned) .legacy-content a,:where(.mg-theme-ui) .legacy-content a,.legacy-content:where(.mg-theme-ui) a{ text-decoration:underline } :where(body.mg-owned) .editorial,:where(.mg-theme-ui) .editorial,.editorial:where(.mg-theme-ui),:where(body.mg-owned) .contact-grid,:where(.mg-theme-ui) .contact-grid,.contact-grid:where(.mg-theme-ui),:where(body.mg-owned) .room-detail,:where(.mg-theme-ui) .room-detail,.room-detail:where(.mg-theme-ui){max-width:1640px;margin:auto} :where(body.mg-owned) .room-filters,:where(.mg-theme-ui) .room-filters,.room-filters:where(.mg-theme-ui){display:none} html.js :where(body.mg-owned) .room-filters,html.js :where(.mg-theme-ui) .room-filters,html.js .room-filters:where(.mg-theme-ui){display:flex} html.js :where(body.mg-owned) .room-filters button,html.js :where(.mg-theme-ui) .room-filters button,html.js .room-filters:where(.mg-theme-ui) button{min-height:48px} html:not(.js) :where(body.mg-owned) .room-count,html:not(.js) :where(.mg-theme-ui) .room-count,html:not(.js) .room-count:where(.mg-theme-ui){margin:12px 0} html:not(.js) :where(body.mg-owned) .mobile-nav,html:not(.js) :where(.mg-theme-ui) .mobile-nav,html:not(.js) .mobile-nav:where(.mg-theme-ui){display:block;position:static;padding:0 12px;max-height:none;background:var(--charcoal)} html:not(.js) :where(body.mg-owned) .mobile-nav a,html:not(.js) :where(.mg-theme-ui) .mobile-nav a,html:not(.js) .mobile-nav:where(.mg-theme-ui) a{display:inline-block;font:14px/1.5 var(--sans);padding:10px} html:not(.js) :where(body.mg-owned) .site-header,html:not(.js) :where(.mg-theme-ui) .site-header,html:not(.js) .site-header:where(.mg-theme-ui){flex-wrap:wrap;height:auto;position:relative} html:not(.js) :where(body.mg-owned) .menu-toggle,html:not(.js) :where(.mg-theme-ui) .menu-toggle,html:not(.js) .menu-toggle:where(.mg-theme-ui){display:none} @media(max-width:1120px){ :where(body.mg-owned) .desktop-nav,:where(.mg-theme-ui) .desktop-nav,.desktop-nav:where(.mg-theme-ui){display:none} :where(body.mg-owned) .menu-toggle,:where(.mg-theme-ui) .menu-toggle,.menu-toggle:where(.mg-theme-ui){display:block} :where(body.mg-owned) .mobile-nav,:where(.mg-theme-ui) .mobile-nav,.mobile-nav:where(.mg-theme-ui){top:90px} :where(body.mg-owned) .page-hero,:where(.mg-theme-ui) .page-hero,.page-hero:where(.mg-theme-ui){min-height:480px} :where(body.mg-owned) .page-hero-image,:where(.mg-theme-ui) .page-hero-image,.page-hero-image:where(.mg-theme-ui){min-height:480px} :where(body.mg-owned) .page-hero-copy,:where(.mg-theme-ui) .page-hero-copy,.page-hero-copy:where(.mg-theme-ui){padding:48px 35px} :where(body.mg-owned) .page-hero-copy h1,:where(.mg-theme-ui) .page-hero-copy h1,.page-hero-copy:where(.mg-theme-ui) h1{font-size:43px} :where(body.mg-owned) .room-detail,:where(.mg-theme-ui) .room-detail,.room-detail:where(.mg-theme-ui){gap:35px} :where(body.mg-owned) .detail-contact,:where(.mg-theme-ui) .detail-contact,.detail-contact:where(.mg-theme-ui){padding:30px 24px} :where(body.mg-owned) .detail-contact h2,:where(.mg-theme-ui) .detail-contact h2,.detail-contact:where(.mg-theme-ui) h2{font-size:32px} :where(body.mg-owned) .detail-contact .dialog-facts>div,:where(.mg-theme-ui) .detail-contact .dialog-facts>div,.detail-contact:where(.mg-theme-ui) .dialog-facts>div{display:block} :where(body.mg-owned) .detail-contact .dialog-facts strong,:where(.mg-theme-ui) .detail-contact .dialog-facts strong,.detail-contact:where(.mg-theme-ui) .dialog-facts strong{max-width:none;display:block;text-align:left;margin-top:5px} :where(body.mg-owned) .contact-grid,:where(.mg-theme-ui) .contact-grid,.contact-grid:where(.mg-theme-ui){gap:45px}} @media(max-width:900px){ :where(body.mg-owned) .mobile-nav,:where(.mg-theme-ui) .mobile-nav,.mobile-nav:where(.mg-theme-ui){top:80px} :where(body.mg-owned) .page-hero-copy h1,:where(.mg-theme-ui) .page-hero-copy h1,.page-hero-copy:where(.mg-theme-ui) h1{font-size:37px} :where(body.mg-owned) .page-hero-copy>p:not(.eyebrow),:where(.mg-theme-ui) .page-hero-copy>p:not(.eyebrow),.page-hero-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px} :where(body.mg-owned) .page-hero-image,:where(.mg-theme-ui) .page-hero-image,.page-hero-image:where(.mg-theme-ui){min-height:470px} :where(body.mg-owned) .page-hero-copy,:where(.mg-theme-ui) .page-hero-copy,.page-hero-copy:where(.mg-theme-ui){padding:38px 27px} :where(body.mg-owned) .editorial,:where(.mg-theme-ui) .editorial,.editorial:where(.mg-theme-ui){gap:32px} :where(body.mg-owned) .editorial h2,:where(.mg-theme-ui) .editorial h2,.editorial:where(.mg-theme-ui) h2{font-size:34px} :where(body.mg-owned) .room-detail,:where(.mg-theme-ui) .room-detail,.room-detail:where(.mg-theme-ui){grid-template-columns:1.3fr 1fr;gap:24px} :where(body.mg-owned) .detail-contact,:where(.mg-theme-ui) .detail-contact,.detail-contact:where(.mg-theme-ui){padding:27px 20px} :where(body.mg-owned) .detail-contact>.button,:where(.mg-theme-ui) .detail-contact>.button,.detail-contact:where(.mg-theme-ui)>.button{font-size:14px;padding:15px 14px;gap:8px} :where(body.mg-owned) .detail-contact>.text-link,:where(.mg-theme-ui) .detail-contact>.text-link,.detail-contact:where(.mg-theme-ui)>.text-link{font-size:14px;gap:8px} :where(body.mg-owned) .contact-grid h2,:where(.mg-theme-ui) .contact-grid h2,.contact-grid:where(.mg-theme-ui) h2{font-size:35px} :where(body.mg-owned) .service-enquiry .button,:where(.mg-theme-ui) .service-enquiry .button,.service-enquiry:where(.mg-theme-ui) .button{margin-bottom:15px}} @media(max-width:640px){ :where(body.mg-owned) .mobile-nav,:where(.mg-theme-ui) .mobile-nav,.mobile-nav:where(.mg-theme-ui){top:76px} :where(body.mg-owned) .page-hero,:where(.mg-theme-ui) .page-hero,.page-hero:where(.mg-theme-ui){display:flex;flex-direction:column;min-height:0} :where(body.mg-owned) .page-hero-image,:where(.mg-theme-ui) .page-hero-image,.page-hero-image:where(.mg-theme-ui){min-height:300px;height:300px} :where(body.mg-owned) .page-hero-copy,:where(.mg-theme-ui) .page-hero-copy,.page-hero-copy:where(.mg-theme-ui){padding:35px 24px 43px} :where(body.mg-owned) .page-hero-copy h1,:where(.mg-theme-ui) .page-hero-copy h1,.page-hero-copy:where(.mg-theme-ui) h1{font-size:39px} :where(body.mg-owned) .page-hero-copy>p:not(.eyebrow),:where(.mg-theme-ui) .page-hero-copy>p:not(.eyebrow),.page-hero-copy:where(.mg-theme-ui)>p:not(.eyebrow){font-size:15px;margin-top:22px} :where(body.mg-owned) .page-intro,:where(.mg-theme-ui) .page-intro,.page-intro:where(.mg-theme-ui){padding-bottom:42px} :where(body.mg-owned) .page-intro h1,:where(.mg-theme-ui) .page-intro h1,.page-intro:where(.mg-theme-ui) h1,:where(body.mg-owned) .detail-intro h1,:where(.mg-theme-ui) .detail-intro h1,.detail-intro:where(.mg-theme-ui) h1{font-size:43px} :where(body.mg-owned) .editorial,:where(.mg-theme-ui) .editorial,.editorial:where(.mg-theme-ui){display:flex;flex-direction:column;gap:32px} :where(body.mg-owned) .editorial-reverse figure,:where(.mg-theme-ui) .editorial-reverse figure,.editorial-reverse:where(.mg-theme-ui) figure{order:0} :where(body.mg-owned) .editorial figure,:where(.mg-theme-ui) .editorial figure,.editorial:where(.mg-theme-ui) figure{width:100%} :where(body.mg-owned) .editorial figure img,:where(.mg-theme-ui) .editorial figure img,.editorial:where(.mg-theme-ui) figure img{aspect-ratio:1.25} :where(body.mg-owned) .editorial h2,:where(.mg-theme-ui) .editorial h2,.editorial:where(.mg-theme-ui) h2{font-size:36px} :where(body.mg-owned) .editorial p:not(.eyebrow),:where(.mg-theme-ui) .editorial p:not(.eyebrow),.editorial:where(.mg-theme-ui) p:not(.eyebrow){font-size:15px} :where(body.mg-owned) .fact-grid,:where(.mg-theme-ui) .fact-grid,.fact-grid:where(.mg-theme-ui){grid-template-columns:1fr 1fr;gap:15px 25px} :where(body.mg-owned) .fact-grid strong,:where(.mg-theme-ui) .fact-grid strong,.fact-grid:where(.mg-theme-ui) strong{font-size:35px} :where(body.mg-owned) .fact-grid span,:where(.mg-theme-ui) .fact-grid span,.fact-grid:where(.mg-theme-ui) span{font-size:14px} :where(body.mg-owned) .service-enquiry h2,:where(.mg-theme-ui) .service-enquiry h2,.service-enquiry:where(.mg-theme-ui) h2,:where(body.mg-owned) .corporate-benefits h2,:where(.mg-theme-ui) .corporate-benefits h2,.corporate-benefits:where(.mg-theme-ui) h2{font-size:36px} :where(body.mg-owned) .service-enquiry .button,:where(.mg-theme-ui) .service-enquiry .button,.service-enquiry:where(.mg-theme-ui) .button,:where(body.mg-owned) .corporate-benefits .button,:where(.mg-theme-ui) .corporate-benefits .button,.corporate-benefits:where(.mg-theme-ui) .button{width:100%;margin:0 0 16px;padding:16px 18px;gap:14px} :where(body.mg-owned) .corporate-benefits ul,:where(.mg-theme-ui) .corporate-benefits ul,.corporate-benefits:where(.mg-theme-ui) ul{grid-template-columns:1fr;gap:0} :where(body.mg-owned) .corporate-benefits li,:where(.mg-theme-ui) .corporate-benefits li,.corporate-benefits:where(.mg-theme-ui) li{font-size:15px} :where(body.mg-owned) .contact-grid,:where(.mg-theme-ui) .contact-grid,.contact-grid:where(.mg-theme-ui){grid-template-columns:1fr;gap:50px} :where(body.mg-owned) .contact-grid h2,:where(.mg-theme-ui) .contact-grid h2,.contact-grid:where(.mg-theme-ui) h2{font-size:36px} :where(body.mg-owned) .room-detail,:where(.mg-theme-ui) .room-detail,.room-detail:where(.mg-theme-ui){grid-template-columns:1fr;padding-top:0;gap:30px} :where(body.mg-owned) .detail-intro,:where(.mg-theme-ui) .detail-intro,.detail-intro:where(.mg-theme-ui){padding-top:25px;padding-bottom:30px} :where(body.mg-owned) .detail-intro .breadcrumb,:where(.mg-theme-ui) .detail-intro .breadcrumb,.detail-intro:where(.mg-theme-ui) .breadcrumb{margin-bottom:22px} :where(body.mg-owned) .detail-thumbnails,:where(.mg-theme-ui) .detail-thumbnails,.detail-thumbnails:where(.mg-theme-ui){gap:9px} :where(body.mg-owned) .detail-thumbnails span,:where(.mg-theme-ui) .detail-thumbnails span,.detail-thumbnails:where(.mg-theme-ui) span{font-size:12px;line-height:1.5} :where(body.mg-owned) .detail-contact,:where(.mg-theme-ui) .detail-contact,.detail-contact:where(.mg-theme-ui){padding:30px 23px} :where(body.mg-owned) .detail-contact .dialog-facts>div,:where(.mg-theme-ui) .detail-contact .dialog-facts>div,.detail-contact:where(.mg-theme-ui) .dialog-facts>div{display:flex} :where(body.mg-owned) .detail-contact .dialog-facts strong,:where(.mg-theme-ui) .detail-contact .dialog-facts strong,.detail-contact:where(.mg-theme-ui) .dialog-facts strong{max-width:170px;text-align:right;margin-top:0} :where(body.mg-owned) .detail-contact h2,:where(.mg-theme-ui) .detail-contact h2,.detail-contact:where(.mg-theme-ui) h2{font-size:36px} :where(body.mg-owned) .other-rooms h2,:where(.mg-theme-ui) .other-rooms h2,.other-rooms:where(.mg-theme-ui) h2{font-size:36px} :where(body.mg-owned) .not-found h1,:where(.mg-theme-ui) .not-found h1,.not-found:where(.mg-theme-ui) h1{font-size:42px} html.js :where(body.mg-owned) .room-filters,html.js :where(.mg-theme-ui) .room-filters,html.js .room-filters:where(.mg-theme-ui){display:grid} :where(body.mg-owned) .contact-grid .button,:where(.mg-theme-ui) .contact-grid .button,.contact-grid:where(.mg-theme-ui) .button{max-width:100%;gap:16px;padding:16px 20px} :where(body.mg-owned) .legacy-content h1,:where(.mg-theme-ui) .legacy-content h1,.legacy-content:where(.mg-theme-ui) h1{overflow-wrap:anywhere}} /* JS-off navigation must override the universal [hidden] !important rule. With JS, html.js makes this rule inapplicable and menu remains hidden. */ html:not(.js) :where(body.mg-owned) #mobile-nav[hidden],html:not(.js) :where(.mg-theme-ui) #mobile-nav[hidden],html:not(.js) #mobile-nav[hidden]:where(.mg-theme-ui){display:block!important} /* Story portrait: one aligned arch, no offset rectangular decoration. */ :where(body.mg-owned) .story-photo,:where(.mg-theme-ui) .story-photo,.story-photo:where(.mg-theme-ui){padding:0 0 30px} :where(body.mg-owned) .story-photo:after,:where(.mg-theme-ui) .story-photo:after,.story-photo:where(.mg-theme-ui):after{content:none;display:none} :where(body.mg-owned) .story-photo img,:where(.mg-theme-ui) .story-photo img,.story-photo:where(.mg-theme-ui) img{border-radius:50% 50% 0 0 / 32% 32% 0 0} @media(min-width:641px) and (max-width:1120px){ :where(body.mg-owned) .story,:where(.mg-theme-ui) .story,.story:where(.mg-theme-ui){align-items:start} :where(body.mg-owned) .story-photo img,:where(.mg-theme-ui) .story-photo img,.story-photo:where(.mg-theme-ui) img{height:auto;aspect-ratio:3/4;max-height:505px} } /* Native content retains plugin element styles; shell alone carries brand type. */ :where(body.mg-owned) .site-header,:where(.mg-theme-ui) .site-header,.site-header:where(.mg-theme-ui),:where(body.mg-owned) .footer,:where(.mg-theme-ui) .footer,.footer:where(.mg-theme-ui),:where(body.mg-owned) .mobile-actions,:where(.mg-theme-ui) .mobile-actions,.mobile-actions:where(.mg-theme-ui),:where(body.mg-owned) #room-dialog,:where(.mg-theme-ui) #room-dialog,#room-dialog:where(.mg-theme-ui){font:16px/1.75 var(--sans);box-sizing:border-box} :where(body.mg-owned) .legacy-content img,:where(.mg-theme-ui) .legacy-content img,.legacy-content:where(.mg-theme-ui) img{width:auto;max-width:100%;height:auto;object-fit:initial} body.admin-bar .site-header:where(.mg-theme-ui){top:32px} @media(max-width:782px){ body.admin-bar .site-header:where(.mg-theme-ui){top:46px}} @media(max-width:600px){ body.admin-bar .site-header:where(.mg-theme-ui){top:0}} .mg-theme-ui{font:16px/1.75 var(--sans);box-sizing:border-box} /* Native layout only. Never make this content a generic mg-theme-ui root. */ body.mg-shell:not(.mg-owned) > main.mg-native-main{box-sizing:border-box;width:100%;max-width:1640px;margin:0 auto;min-height:450px;padding:88px var(--gutter)} body.mg-shell:not(.mg-owned) > main.mg-native-main > article{max-width:950px;margin:0 auto 45px} @media(max-width:900px){body.mg-shell:not(.mg-owned) > main.mg-native-main{padding:72px var(--gutter)}} @media(max-width:640px){body.mg-shell:not(.mg-owned) > main.mg-native-main{padding:55px 24px}} /* A focused skip link remains above the logged-in administration bar. */ .skip-link:where(.mg-theme-ui){z-index:100001} /* Native AweBooking uses content-box grid gutters without Mojado's reset. Correct its layout boundaries only; retain plugin controls and events. */ body.mg-shell:not(.mg-owned).awebooking > .awebooking-container{box-sizing:border-box;width:100%;max-width:1200px;margin-left:auto;margin-right:auto} body.mg-shell:not(.mg-owned).single-room_type .hotel-content > .hotel-content__main, body.mg-shell:not(.mg-owned).single-room_type .hotel-content > .hotel-content__aside{box-sizing:border-box;min-width:0;max-width:100%} @media(max-width:640px){ body.mg-shell:not(.mg-owned) > header.site-header.mg-theme-ui .header-actions{gap:10px;min-width:0} body.mg-shell:not(.mg-owned) > header.site-header.mg-theme-ui .header-book{padding:8px 10px;font-size:11px;white-space:nowrap;min-height:44px} body.mg-shell:not(.mg-owned) > header.site-header.mg-theme-ui .brand{flex-shrink:0;width:80px} body.mg-shell:not(.mg-owned) > header.site-header.mg-theme-ui .menu-toggle{flex-shrink:0} body.mg-shell:not(.mg-owned).single-room_type .hotel-content{flex-wrap:wrap} body.mg-shell:not(.mg-owned).single-room_type .hotel-content > .hotel-content__main, body.mg-shell:not(.mg-owned).single-room_type .hotel-content > .hotel-content__aside{width:100%;flex-basis:100%} } /* Responsive native images retain natural dimensions and aspect ratio. */ body.mg-shell:not(.mg-owned) > main.mg-native-main img{max-width:100%;height:auto} body.mg-shell:not(.mg-owned).awebooking-check-availability .filterbox > .filterbox__wrap{box-sizing:border-box} @media(max-width:360px){ body.mg-shell:not(.mg-owned) > header.site-header.mg-theme-ui{padding:0 12px;gap:8px} body.mg-shell:not(.mg-owned) > header.site-header.mg-theme-ui .brand{width:64px} body.mg-shell:not(.mg-owned) > header.site-header.mg-theme-ui .header-actions{gap:6px} }