/* Shared module mastheads: Free Estimate scale and a continuous photo fade. */
@media(min-width:820px){
 /* One desktop frame for every template, including articles, archives and fallback pages. */
 body.complete-site .rounded-page,body.complete-site .site-main:not(:has(.rounded-page)){--u:1px;width:100%;max-width:1180px;padding:0 14px 24px;gap:24px}
 body.complete-site .site-header .header-inner{--cp-u:1px;width:100%;max-width:1180px;padding:12px 14px;gap:18px;min-height:76px}
 body.complete-site .header-inner .hibachi-navigation{font-size:14px}
 body.complete-site .hibachi-navigation .wp-block-navigation__container{gap:18px}
 body.complete-site .site-footer{--cp-u:1px;width:100%;max-width:1180px;padding-inline:14px}
 body.complete-site .rd-footer-inner{flex-wrap:wrap}
 body.complete-site .cp-journal-controls{padding-inline:0}
 body.complete-site .cm-city-page .cm-city-hero h1{font-size:42px}
 body.complete-site .cp-page .rd-final{height:auto;min-height:145px}
 body.complete-site .cp-page .rd-final.cp-short-final{min-height:94px}
 body.complete-site .cp-page .rd-final .rd-final-copy{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:none;gap:24px}
 body.complete-site .cp-page .rd-final-copy>:is(.rd-actions,.rd-button){flex-shrink:0;margin:0 0 0 auto}
}
@media(min-width:1025px){
 body.complete-site .site-header .has-child>.wp-block-navigation__submenu-icon{display:flex;align-items:center;flex:0 0 12px;width:12px;height:12px;margin:0 0 0 6px;pointer-events:none}
 body.complete-site .site-header .has-child>.wp-block-navigation__submenu-icon svg{display:block;width:12px;height:12px}
}
@media(min-width:820px) and (max-width:1024px){
 body.complete-site .site-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
 body.complete-site .site-header .wp-block-navigation__responsive-container-open{display:flex!important;min-width:44px;min-height:44px}
 body.complete-site .header-inner .hibachi-navigation{order:3;flex:0 0 auto;margin-left:0}
 body.complete-site .site-header .header-cta{margin-left:auto}
}
body.complete-site :is(.cp-article-heading,.cp-article-body){min-width:0;overflow-wrap:anywhere}
body.complete-site .cp-general-article .cp-article-body{width:100%}
body.complete-site .cp-article-nav{flex-wrap:wrap}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero){--u:1px;position:relative;isolation:isolate;display:flex!important;align-items:center;min-height:240px!important;height:auto!important;width:100%;max-width:1152px;margin-inline:auto;padding:0!important;overflow:hidden;border:1px solid #171715;border-radius:28px!important;background:#171715;color:#fff;box-sizing:border-box}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero)>:is(.rd-hero-copy,.rx-hero-copy,div:not([class])){position:relative;z-index:2;align-self:center;box-sizing:border-box;width:65%!important;max-width:none;padding:26px 28px!important;pointer-events:auto}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero)>figure{display:block!important;position:absolute!important;inset:0 0 0 35%!important;width:65%!important;height:100%!important;min-height:0!important;max-height:none;aspect-ratio:auto;margin:0!important;border-radius:0!important;clip-path:none!important;z-index:0;opacity:1}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero)>figure :is(img,video){width:100%;height:100%;object-fit:cover;max-height:none}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero)::after{content:"";display:block!important;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#171715 28%,#171715eb 43%,#17171570 68%,#1717151a)}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero)>figure::after{display:none}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero) h1{font-size:42px!important;line-height:1.08!important;letter-spacing:-.045em;max-width:none;margin:8px 0 12px!important;color:#fff}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero) .rd-accent{color:var(--rd-orange)}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero) p:not(.rd-kicker){font-size:17px!important;line-height:1.6;max-width:100%!important;color:#fff!important;opacity:1;margin-top:10px}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero) .rd-kicker{display:block!important;font-size:12px!important;line-height:1.5;letter-spacing:.1em;color:var(--rd-orange);margin:0 0 12px}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero) .rd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero) :is(.rd-button,.wp-block-button__link){font-size:14px;min-height:44px;padding:12px 22px;box-sizing:border-box}
body.complete-site .rounded-page>.rd-hero .mp-menu-hero-photo{display:none!important}
body.complete-site .rounded-page>.rd-hero .cp-hero-video-toggle{z-index:3}
@media(max-width:819px){
 body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero){min-height:260px!important;border-radius:23px!important}
 body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero)>:is(.rd-hero-copy,.rx-hero-copy,div:not([class])){width:100%!important;padding:24px 20px!important}
 body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero)>figure{inset:0 0 0 15%!important;width:85%!important}
 body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero)::after{background:linear-gradient(90deg,#171715f5 8%,#171715c9 50%,#17171566)}
 body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero) h1{font-size:30px!important;line-height:1.12!important}
 body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero) p:not(.rd-kicker){font-size:15px!important;line-height:1.5}
 body.complete-site .rounded-page>.rd-hero .rd-actions{display:flex!important}
 body.complete-site .rounded-page>.rd-hero .rd-actions a{max-width:100%}
}
/* Fade the photo edge itself so no vertical seam appears on pale source images. */
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero)>figure{mask-image:linear-gradient(90deg,transparent,#000 45%)}
body.complete-site .rounded-page>:is(.rd-hero,.rx-hero,.cm-directory-hero) :is(.rd-hero-copy,.rx-hero-copy)>p:not(.rd-kicker){color:#fff!important}

/* Keep the larger reading text on desktop; phones use their original type scale. */
@media(min-width:820px){
body.complete-site .cp-page p:not(.rd-kicker):not(.rd-rate):not(.pc-price):not(.mp-rate):not(.cp-total):not(.cm-hero-rate):not(.rd-upgrades p):not(.rd-hero p):not(.rx-hero p){font-size:17px;line-height:1.6}
body.complete-site .cp-page :is(.pc-richtext,.cp-article-body,.rd-checks,.cp-checks,.pc-package-grid) li{font-size:17px!important;line-height:1.6}
body.complete-site .cp-article-body :is(p,li){font-size:18px!important;line-height:1.65}
body.complete-site .cp-page :is(.rd-note,.rd-field-hint,.rd-form-note,.cp-child-note,.mp-review-note,.pc-note,.pc-food-label,.rd-option-detail),body.complete-site .cp-page .rd-package-copy>p:not(.rd-rate),body.complete-site .cp-page .cp-price-card>p:not(.rd-rate):not(.rd-kicker){font-size:16px!important;line-height:1.55}
body.complete-site :is(.rx-article-byline,.rx-article-byline strong,.cp-story-date,.hc-location-credit,.rd-footer-inner>small,.rd-footer-links a,.rd-footer-phone){font-size:14px!important;line-height:1.5}
body.complete-site .cp-page .rd-rate{font-size:18px!important;line-height:1.4!important}
body.complete-site .cp-page :is(.cp-option-price small,.mp-rate small,.cp-package-options>button>span:last-child,.cp-field-grid label,.cp-extra-check,.cp-extra-check strong,.cp-protein-upgrades label,.cp-protein-upgrades summary,.rd-setup-rate,.rd-summary-row,.cp-breakdown>div){font-size:16px;line-height:1.5}
body.complete-site .cp-page .cp-protein-upgrades summary>span{font-size:14px}
}
body.complete-site .cp-page .cp-article-cover{height:auto;aspect-ratio:auto;max-width:100%;background:transparent}
body.complete-site .cp-page .cp-article-cover>img{position:static;width:auto;height:auto;max-width:100%;max-height:620px;margin-inline:auto;object-fit:contain}
.cp-story-card>a:not(:has(figure)){display:block}
@media(max-width:819px){
 body.complete-site .cp-page .cp-article-cover>img{max-height:480px}
 body.complete-site .cp-page .rd-final{height:auto}
 body.complete-site .cp-page .rd-final .rd-final-copy{display:block;width:100%;max-width:100%}
 body.complete-site .cp-page .rd-final-copy>:is(.rd-actions,.rd-button){margin-top:16px}
}
