.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.arrow{display:inline-flex}.icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--wine);cursor:pointer}.theme-toggle{margin-left:auto;margin-right:14px}header>.pill{margin-left:auto;margin-right:18px}.menu{display:inline-flex!important;align-items:center;gap:12px;min-height:44px;order:5;border:0;background:none;padding:0 8px;cursor:pointer}.menu-label{text-transform:uppercase;letter-spacing:2px;font-size:10px}.theme-toggle{order:4}.stars{display:flex;justify-content:center;gap:6px}.stars .icon{width:18px;height:18px;fill:currentColor;stroke-width:1}.quote:before{content:none}.laurel{color:#a67a41;margin-bottom:25px}.laurel .icon{width:38px;height:38px}.trust span:before{content:'';display:inline-block;width:5px;height:5px;border:1px solid var(--terra);transform:rotate(45deg);margin-bottom:1px}.menu-open{overflow:hidden}.menu-dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;height:100dvh;margin:0;border:0;padding:30px 6% 24px;background:#f2e8d6;color:#34251f;overflow-y:auto;z-index:200}.menu-dialog::backdrop{background:#211b18}.menu-dialog[open]{display:flex;flex-direction:column;animation:menu-in .35s ease-out}.menu-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line)}.menu-layout{flex:1;display:grid;grid-template-columns:1.5fr 1fr;gap:9%;align-items:center;padding:35px 0}.menu-layout nav{display:flex;position:static;flex-direction:column;gap:0;width:auto;height:auto;padding:0;margin-top:22px;background:transparent;border:0;align-items:stretch;backdrop-filter:none}.menu-layout nav a{display:flex;align-items:center;gap:20px;font:500 clamp(35px,4.5vw,72px)/1.14 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.6px;padding:10px 0;color:#74372b;transition:color .2s,transform .2s}.menu-layout nav a:hover{color:#ac563b;transform:translateX(8px)}.menu-layout nav a.active{font-style:italic}.menu-layout nav a>span:first-child{font:10px 'DM Sans',sans-serif;letter-spacing:1px;color:#8d7049;min-width:20px}.menu-layout nav a>.arrow{margin-left:auto}.menu-layout nav .arrow .icon{width:26px;height:26px}.menu-aside{padding-left:12%;border-left:1px solid var(--line)}.menu-aside img{width:100%;height:clamp(150px,29vh,300px);object-fit:cover;object-position:center;border-radius:50% 50% 4px 4px;filter:sepia(.2)}.menu-aside p{font:italic 32px/1.2 'Cormorant Garamond',serif;margin:24px 0;color:#74372b}.menu-aside .textlink{font-size:11px}.menu-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:10px;letter-spacing:1.5px}@keyframes menu-in{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
html[data-theme="dark"]{color-scheme:dark;--paper:#211b18;--ink:#f1e3cb;--wine:#e1b280;--line:#5c4938;--terra:#cf9467;--gold:#d3ad71}html[data-theme="light"]{color-scheme:light}html[data-theme="dark"] body{background-color:var(--paper)}html[data-theme="dark"] header{background:#2a211deb;border-color:#72523a}html[data-theme="dark"] .brand{color:#e3bd83}html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .card-meta,html[data-theme="dark"] .subtle,html[data-theme="dark"] .card p,html[data-theme="dark"] .page-head p,html[data-theme="dark"] footer .eyebrow{color:#c6ad8c}html[data-theme="dark"] .trust{color:#d0b491}html[data-theme="dark"] .filters button{color:#d7be9e;border-color:#71583e}html[data-theme="dark"] .filters button.selected{background:#c39a62;color:#211b18}html[data-theme="dark"] .textlink{color:#e4bd8b}html[data-theme="dark"] .tour-image{background:#392c22;border-color:#70543a}html[data-theme="dark"] .tag{background:#30231de8;color:#edcf9d;border-color:#886841}html[data-theme="dark"] .quote{background:#392b2333}html[data-theme="dark"] .quote blockquote{color:#eed5b2}html[data-theme="dark"] .quote .eyebrow{color:#c9aa7e}html[data-theme="dark"] .story{background:#242e25;box-shadow:inset 0 0 0 8px #242e25,inset 0 0 0 9px #b18d555c}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#30251e;color:#f1e3cb;border-color:#71573e}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#b5a38a}html[data-theme="dark"] .footer-bottom{color:#c6ac88}html[data-theme="dark"] .menu-dialog{background:#211b18;color:#f1e3cb}html[data-theme="dark"] .menu-layout nav a,html[data-theme="dark"] .menu-aside p{color:#e1b280}html[data-theme="dark"] .menu-layout nav a:hover{color:#f3d8ad}html[data-theme="dark"] .menu-layout nav a>span:first-child{color:#bfa078}html[data-theme="dark"] .top{background:#39261f;color:#eed2a2}html[data-theme="dark"] .pill:not(.light):not(.outline){background:linear-gradient(135deg,#a44f3f,#6d2b25);color:#faecd8}html[data-theme="dark"] .page-head:after{color:#c9a675}html[data-theme="dark"] .loader{background:#211b18}
@media(max-width:800px){header{gap:2px}header>.pill{display:none}.theme-toggle{margin-left:auto;margin-right:4px;min-width:40px;min-height:40px}.menu{padding-right:0;gap:6px;min-width:40px;justify-content:center}.menu-label{display:none}.menu-dialog{padding:24px 7%}.menu-layout{grid-template-columns:1fr;gap:25px;padding:30px 0;align-content:center}.menu-aside{display:none}.menu-layout nav{margin-top:20px}.menu-layout nav a{font-size:clamp(34px,8.7vw,58px);line-height:1.15;letter-spacing:-1px;padding:13px 0;gap:13px}.menu-layout nav a>.arrow .icon{width:21px;height:21px}.menu-top .brand{font-size:17px}.menu-top .brand small{font-size:6px}.menu-top .brand-seal{width:34px;height:34px}.menu-top .brand{gap:8px}.menu-bottom{font-size:8px;gap:15px;letter-spacing:1px}.menu-top{padding-bottom:20px}header .brand small{letter-spacing:1.4px}}
@media(max-height:650px) and (min-width:801px){.menu-layout nav a{font-size:36px;padding:5px 0}.menu-layout{padding:20px 0}.menu-aside img{height:160px}.menu-aside p{font-size:26px}}
/* OfficialMrPro mobile standard: center standalone calls to action. */
@media(max-width:800px){
  main .pill,main .textlink,.cta>.pill{
    display:flex;
    width:fit-content;
    max-width:100%;
    margin-inline:auto;
    align-self:center;
    justify-content:center;
    text-align:center;
    min-height:44px;
  }
  .filters{justify-content:center}
}
