/* Accepted D3 hero inside a persistent desktop navigation shell. */
.hero-world{margin-left:var(--rail-w)}
.stage{display:block}
.hero{height:100%}
.rail{position:fixed;inset:0 auto 0 0;width:var(--rail-w);height:100svh;overflow-y:auto;overscroll-behavior:contain;z-index:40;scrollbar-width:thin;scrollbar-color:#60716e transparent}
.brand,.brand span{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-.035em;line-height:1.04}
.brand span{margin-top:4px}
.brand:after{margin-top:23px}
.selling .main-link{color:var(--ink)}
.selling a:hover{color:var(--sand)}
.secondary-nav a{border:0;background:none;color:var(--muted);text-align:left;min-height:44px;padding:10px 0;font-size:15px;white-space:nowrap;text-decoration:none}
.secondary-nav a:hover{color:var(--ink)}
.rail a[aria-current="location"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sand);text-decoration-thickness:1px;text-underline-offset:8px}
.rail-contact .contact{color:var(--ink);text-decoration:none}
.mobile-header{display:none}
.review-notes{margin-left:var(--rail-w)}
:where(section[id],article[id]),.home-body :where(section,article)[id]{scroll-margin-top:32px}
/* The first shore edge lives below the hero so the accepted palm can overlap it. */
.home-catalog{background:linear-gradient(var(--sea) 0 60px,var(--home-cream) 60px)}
.home-catalog>.home-wave-top{top:-1px;height:62px}
.skip-link{z-index:100}
@media(min-width:1051px) and (max-width:1270px){.brand,.brand span{font-size:32px}}
@media(min-width:1700px){.brand,.brand span{font-size:37px}}
@media(max-height:700px) and (min-width:1051px){
 .rail{padding-top:22px;padding-bottom:20px}
 .menu-design{margin-top:28px}
 .brand,.brand span{font-size:30px}
 .brand:after{margin-top:15px}
 .selling a{min-height:57px;padding:14px 0;font-size:25px}
 .selling .main-link{font-size:32px;padding-bottom:16px}
 .secondary-nav{margin-top:14px}
 .rail-contact{padding-top:18px}
}
@media(max-width:1050px){
 .hero-world,.review-notes{margin-left:0}
 .hero-world{padding-top:80px}
 .hero{height:auto}
 .rail{display:none}
 .mobile-header{display:flex;position:fixed;inset:0 0 auto;height:80px;z-index:45;background:#10252df5}
 .mobile-header .brand,.mobile-header .brand span{font-size:25px;letter-spacing:-.025em;line-height:1}
 .mobile-header .brand span{display:inline;margin:0 0 0 6px}
 .mobile-header .brand:after{display:none}
 :where(section[id],article[id]),.home-body :where(section,article)[id]{scroll-margin-top:100px}
 #showcase{scroll-margin-top:80px}
}
@media(max-width:560px){
 .hero-world{padding-top:72px}
 .mobile-header{height:72px}
 .mobile-header .brand,.mobile-header .brand span{font-size:21px}
 :where(section[id],article[id]),.home-body :where(section,article)[id]{scroll-margin-top:90px}
 #showcase{scroll-margin-top:72px}
}