@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
.mobile-nav{display:none}

:root{--paper:#f5f1e8;--ink:#202824;--pine:#29453c;--brick:#a7553f;--line:#d8d0c2;--sand:#e8dfcf;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit}img{display:block;max-width:100%}.shell{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{padding:24px 0;position:relative;z-index:5}.site-header .shell{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:Fraunces,Georgia,serif;font-size:1.45rem;font-weight:500;letter-spacing:-.045em;text-decoration:none}.brand span{font-family:"DM Sans",sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;margin-left:.45rem;color:var(--brick);vertical-align:middle}.desktop-nav{display:flex;align-items:center;gap:22px;font-size:.84rem}.desktop-nav a{text-decoration:none}.desktop-nav a:not(.button):hover{color:var(--brick)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--pine);color:white;text-decoration:none;padding:12px 18px;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background .2s}.button:hover{background:var(--brick)}.menu-toggle{display:none;border:0;background:none;color:var(--ink);font:inherit;padding:8px}.hero{padding:42px 0 72px}.eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--brick);font-weight:600;margin:0 0 18px}.hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(32px,6vw,100px);align-items:end}.hero h1,.page-hero h1{font-family:Fraunces,Georgia,serif;letter-spacing:-.06em;font-weight:500;line-height:1.02;font-size:clamp(3.4rem,7vw,6.3rem);margin:0 0 27px}.hero p{font-size:1.08rem;max-width:33rem;margin:0 0 32px}.hero-photo{min-height:560px;background:center/cover url('https://images.unsplash.com/photo-1569429590627-3df6c9ab1d59?auto=format&fit=crop&w=1400&q=85');position:relative}.hero-photo:after{content:"Est. 1857 · Charleston, South Carolina";position:absolute;bottom:18px;left:18px;background:var(--paper);padding:8px 11px;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}.intro{border-top:1px solid var(--line);padding:68px 0 80px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px}.section-heading h2{font:500 clamp(2.25rem,4vw,3.7rem)/1.05 Fraunces,Georgia,serif;letter-spacing:-.05em;margin:0}.section-heading p{margin:8px 0 0;max-width:30rem}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guide-card{border-top:1px solid var(--ink);padding-top:13px;text-decoration:none}.guide-card img{width:100%;aspect-ratio:1.18;object-fit:cover;margin-bottom:17px}.guide-card h3{font:500 1.65rem/1.1 Fraunces,Georgia,serif;letter-spacing:-.04em;margin:0 0 8px}.guide-card p{font-size:.91rem;margin:0;color:#566058}.guide-card .arrow{display:block;color:var(--brick);font-size:1.3rem;margin-top:12px}.stay{background:var(--pine);color:white;padding:76px 0}.stay .shell{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.stay h2{font:500 clamp(2.5rem,5vw,4.7rem)/1 Fraunces,Georgia,serif;letter-spacing:-.06em;margin:0}.stay p{max-width:30rem;margin:0 0 24px;color:#dae2dc}.stay .button{background:#f8f2e7;color:var(--pine)}.stay .button:hover{background:#e8c6a2}.site-footer{padding:34px 0;font-size:.8rem;color:#5c655d}.site-footer .shell{display:flex;justify-content:space-between;gap:16px}.page-hero{padding:65px 0 46px;border-bottom:1px solid var(--line)}.page-hero .lede{font-size:1.1rem;max-width:40rem;margin:0}.guide-list{padding:36px 0 88px}.guide-item{display:grid;grid-template-columns:160px minmax(0,1fr) 1.35fr;gap:28px;border-top:1px solid var(--line);padding:26px 0}.guide-item:first-child{border-top:0}.guide-item img{width:160px;height:124px;object-fit:cover}.guide-item h2{font:500 1.75rem/1.1 Fraunces,Georgia,serif;letter-spacing:-.04em;margin:0 0 7px}.guide-item .detail{color:var(--brick);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.guide-item p{margin:0;color:#48534c}.home-note{padding:72px 0}.home-note-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.home-note img{width:100%;aspect-ratio:1.2;object-fit:cover}.home-note h2{font:500 clamp(2.4rem,4.5vw,4.2rem)/1.04 Fraunces,Georgia,serif;letter-spacing:-.06em;margin:0 0 18px}.home-note p{max-width:34rem}.note-list{padding:0;margin:25px 0;list-style:none;border-top:1px solid var(--line)}.note-list li{padding:12px 0;border-bottom:1px solid var(--line)}
@media(max-width:760px){.shell{width:min(calc(100% - 32px),var(--max))}.site-header{padding:18px 0}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav{display:none;position:absolute;inset:72px 16px auto;background:var(--paper);border:1px solid var(--line);padding:20px;box-shadow:0 12px 24px #20282418}.mobile-nav.open{display:grid;gap:15px}.mobile-nav a{text-decoration:none}.mobile-nav .button{margin-top:6px}.hero{padding:26px 0 52px}.hero-grid,.stay .shell,.home-note-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:clamp(3rem,13vw,4.5rem)}.hero-photo{min-height:390px;order:-1}.section-heading{grid-template-columns:1fr;margin-bottom:30px}.guide-grid{grid-template-columns:1fr;gap:42px}.guide-card img{aspect-ratio:1.45}.stay{padding:55px 0}.page-hero{padding:38px 0 30px}.guide-list{padding:16px 0 55px}.guide-item{grid-template-columns:1fr;gap:15px;padding:24px 0}.guide-item img{width:100%;height:auto;aspect-ratio:1.7}.site-footer .shell{display:block}.site-footer p{margin:0 0 9px}}

/* Quiet, modern typography: warmth comes from the photography and palette, not a theatrical display face. */
.brand,.hero h1,.page-hero h1,.section-heading h2,.guide-card h3,.stay h2,.guide-item h2,.home-note h2{font-family:"Manrope",Arial,sans-serif}.brand{font-weight:700;letter-spacing:-.065em}.hero h1,.page-hero h1,.stay h2,.home-note h2{font-weight:500;letter-spacing:-.075em;line-height:.98}.section-heading h2,.guide-card h3,.guide-item h2{font-weight:500;letter-spacing:-.055em}

/* Horizontal guide navigation, deliberately close to the familiar original structure. */
body{font-size:18px}.site-header{background:#222422;padding:0}.site-header .shell{width:100%;max-width:none;justify-content:center}.site-header .brand{display:none}.desktop-nav{width:min(calc(100% - 48px),1280px);justify-content:space-between;gap:16px;font-size:clamp(1rem,1.4vw,1.3rem);padding:25px 0}.desktop-nav a{color:#f6f1e8;white-space:nowrap}.desktop-nav a:not(.button):hover{color:#e5b78d}.hero h1,.page-hero h1{font-size:clamp(4rem,7.8vw,7rem)}.hero p,.page-hero .lede{font-size:1.22rem}.section-heading h2{font-size:clamp(2.6rem,4.5vw,4.15rem)}.guide-card h3{font-size:1.9rem}.guide-card p{font-size:1.02rem}.guide-item h2{font-size:2rem}.guide-item p{font-size:1.05rem}.stay h2{font-size:clamp(3rem,5.5vw,5.2rem)}.home-note h2{font-size:clamp(2.8rem,5vw,4.6rem)}
@media(max-width:760px){.site-header{background:var(--paper)}.site-header .shell{width:min(calc(100% - 32px),var(--max));justify-content:space-between}.site-header .brand{display:block;font-size:1.45rem}.menu-toggle{font-size:1rem}.hero h1,.page-hero h1{font-size:clamp(3.35rem,14vw,4.8rem)}.hero p,.page-hero .lede{font-size:1.1rem}}

@media(min-width:761px){.desktop-nav{width:auto;max-width:calc(100% - 48px);justify-content:flex-end;gap:clamp(22px,2vw,34px);margin-left:auto;margin-right:24px}}

/* Guide pages lead with their photography; the homepage cards intentionally stay compact. */
.guide-list .guide-item{grid-template-columns:minmax(330px,1fr) minmax(240px,.72fr) minmax(300px,.95fr);gap:38px;padding:38px 0;align-items:center}.guide-list .guide-item img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover}.guide-list .guide-item p{font-size:1.08rem;line-height:1.65}
.visual-list .guide-item{grid-template-columns:minmax(360px,1.1fr) minmax(260px,.7fr) minmax(320px,.9fr);gap:42px;padding:44px 0;align-items:center}.visual-list .guide-item img{width:100%;height:auto;aspect-ratio:1.28;object-fit:cover}.visual-list .guide-item h2{font-size:clamp(2.15rem,3.6vw,3.5rem)}.visual-list .guide-item p{font-size:1.12rem;line-height:1.65}@media(max-width:760px){.visual-list .guide-item{grid-template-columns:1fr;gap:17px}.visual-list .guide-item img{aspect-ratio:1.35}}