:root{--ink:#24332c;--paper:#f5f1e9;--warm:#e6ded0;--clay:#b25d45;--leaf:#647968;--line:rgba(36,51,44,.2);--serif:Fraunces,Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;transition:background .25s,color .25s}body.dark{--ink:#f6f0e7;--paper:#1d2824;--warm:#314139;--clay:#d77d62;--leaf:#bdcdbb;--line:rgba(246,240,231,.22)}a{color:inherit;text-decoration:none}img{width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;z-index:50;top:-50px;left:20px;background:var(--paper);padding:8px 14px}.skip-link:focus{top:10px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);position:absolute;width:100%;z-index:5;color:#fff}.inner-header{position:relative;color:var(--ink);border-bottom:1px solid var(--line)}.brand{font:600 27px/1 var(--serif);letter-spacing:-1.8px}.brand span{font-style:italic;font-weight:500}.main-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:600;letter-spacing:.02em}.main-nav>a:not(.nav-book){position:relative}.main-nav>a:not(.nav-book):after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:currentColor;transition:width .2s}.main-nav>a:hover:after,.main-nav a.active:after{width:100%}.nav-book{border:1px solid currentColor;border-radius:30px;padding:10px 16px}.theme-toggle,.nav-toggle{border:0;background:none;color:inherit;cursor:pointer}.theme-toggle{font-size:21px;margin-left:20px}.nav-toggle{display:none}.hero{background:#34443d;color:#fff;min-height:730px;display:grid;grid-template-columns:48% 52%;position:relative}.hero-copy{padding:175px 7vw 70px max(7vw,80px);align-self:center}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.17em;margin:0 0 18px;color:var(--clay)}.hero .eyebrow{color:#efc4a7}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.055em;line-height:.98}h1{font-size:clamp(53px,6.6vw,94px);margin-bottom:28px}h1 em,h2 em{font-style:italic;font-weight:500}.hero-text{max-width:410px;color:#e7e3dd;margin-bottom:34px;font-size:17px}.button{background:var(--ink);color:var(--paper);display:inline-flex;gap:24px;align-items:center;padding:13px 18px;border:1px solid var(--ink);font-size:13px;font-weight:700;cursor:pointer;border-radius:1px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--clay);border-color:var(--clay)}.button-light{background:#f5f1e9;color:#24332c;border-color:#f5f1e9}.hero-image{background:linear-gradient(90deg,rgba(20,30,26,.06),rgba(20,30,26,.16)),url('https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=1600&q=85') center/cover}.hero-note{position:absolute;bottom:36px;right:7vw;font-size:11px;display:flex;gap:45px;align-items:end}.hero-note span{opacity:.8}.hero-note p{margin:0;font:400 17px/1.2 var(--serif)}.section-pad{padding:clamp(70px,10vw,145px) clamp(22px,8vw,128px)}.intro{background:var(--warm)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.intro h2,.section-heading h2,.why h2,.contact h2,.about-story h2{font-size:clamp(41px,5vw,70px);margin:0}.intro-grid>div{max-width:455px;font-size:18px}.text-link{display:inline-flex;gap:13px;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:13px;font-weight:700;margin-top:16px}.text-link span{font-size:17px;line-height:.8}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:54px}.desktop-link{margin:0}.stay-grid{display:grid;grid-template-columns:1.38fr 1fr 1fr;gap:24px}.stay-image{height:clamp(300px,35vw,490px);position:relative;background-size:cover;background-position:center}.stay-featured .stay-image{height:clamp(340px,39vw,560px)}.image-aframe{background-image:url('https://images.unsplash.com/photo-1449158743715-0a90ebb6d2d8?auto=format&fit=crop&w=1100&q=85')}.image-moss{background-image:url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=900&q=85')}.image-outpost{background-image:url('https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=900&q=85')}.tag,.heart{position:absolute;background:var(--paper);color:var(--ink);font-size:10px;font-weight:700}.tag{top:15px;left:15px;padding:7px 9px;text-transform:uppercase;letter-spacing:.09em}.heart{right:15px;top:13px;background:transparent;color:#fff;font-size:28px;font-weight:400}.stay-details{padding-top:15px;display:flex;justify-content:space-between;gap:12px}.stay-details h3{font:500 20px/1.1 var(--serif);margin:0 0 5px}.stay-details p{font-size:12px;margin:0;opacity:.7}.stay-details .price{white-space:nowrap;opacity:1}.gallery{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:270px 270px;gap:8px;background:var(--paper)}.gallery figure{margin:0;overflow:hidden}.gallery img{height:100%;object-fit:cover;transition:transform .5s}.gallery figure:hover img{transform:scale(1.04)}.gallery-large{grid-row:span 2}.gallery-quote{background:var(--clay);display:flex;align-items:center;padding:35px;color:#fff}.gallery blockquote{font:500 clamp(23px,2.5vw,37px)/1.1 var(--serif);letter-spacing:-.04em;margin:0}.why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,9vw,145px);align-items:center}.why-image{height:620px;background:url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=1200&q=85') center/cover}.why-copy>p:not(.eyebrow){max-width:400px;margin:25px 0;font-size:17px}.why ul{list-style:none;padding:0;margin:35px 0}.why li{padding:12px 0;border-top:1px solid var(--line);font-size:14px}.why li span{display:inline-block;width:44px;color:var(--clay);font-size:11px}.journal{background:var(--warm)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.journal-card{font-family:var(--serif);font-size:22px;line-height:1.15}.journal-image{display:block;height:235px;margin-bottom:18px;background-position:center;background-size:cover}.journal-one{background-image:url('https://images.unsplash.com/photo-1445023086979-7244a12345e8?auto=format&fit=crop&w=900&q=85')}.journal-two{background-image:url('https://images.unsplash.com/photo-1531928351158-2f736078e0a1?auto=format&fit=crop&w=900&q=85')}.journal-three{background-image:url('https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=900&q=85')}.journal-card>span:last-child{font:600 11px var(--sans);letter-spacing:.04em}.contact{display:grid;grid-template-columns:42% 58%;background:var(--ink);color:var(--paper)}.contact-art{min-height:720px;background:linear-gradient(rgba(26,36,31,.36),rgba(26,36,31,.36)),url('https://images.unsplash.com/photo-1476231682828-37e571bc172f?auto=format&fit=crop&w=1200&q=85') center/cover;position:relative}.contact-art p{position:absolute;bottom:35px;left:clamp(22px,5vw,75px);font:500 clamp(40px,4vw,66px)/.95 var(--serif);letter-spacing:-.05em}.contact-form-wrap{padding:clamp(65px,8vw,125px);max-width:770px}.contact-form-wrap>p:not(.eyebrow){margin:24px 0 30px;color:rgba(245,241,233,.75);max-width:450px}form label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:16px}input,textarea,select{font:400 15px var(--sans);display:block;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(245,241,233,.42);width:100%;padding:10px 0;outline:0;border-radius:0}select option{color:#24332c}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact form .button{background:var(--paper);border-color:var(--paper);color:var(--ink);margin-top:28px}.form-status{font-size:12px;margin:12px 0 0;color:#efc4a7}footer{background:#17221e;color:#f5f1e9;padding:50px clamp(22px,8vw,128px) 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}footer p{font:16px var(--serif);margin:0}footer div{display:flex;gap:23px;justify-content:end;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid rgba(245,241,233,.2);padding-top:20px;color:rgba(245,241,233,.6);font-size:10px}.about-hero{text-align:center;padding:clamp(110px,15vw,190px) 20px 95px;background:var(--warm)}.about-hero h1{font-size:clamp(45px,6vw,82px);margin:0 auto 28px}.about-hero>p:last-child{max-width:500px;margin:0 auto;font-size:17px}.about-image{height:min(53vw,620px);margin:0;overflow:hidden}.about-image img{height:100%;object-fit:cover}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-story>div:last-child{font-size:18px;max-width:490px}.about-story p{margin-bottom:20px}.values{background:var(--leaf);color:#fff}.values .eyebrow{color:#f1c4a4}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.values article{border-top:1px solid rgba(255,255,255,.5);padding-top:17px}.values article>span{font-size:11px;color:#f1c4a4}.values h3{font:500 26px/1.05 var(--serif);letter-spacing:-.04em;margin:48px 0 14px}.values p{font-size:14px;opacity:.85}.about-cta{text-align:center;padding:125px 20px;background:#b25d45;color:#fff}.about-cta p{font:500 clamp(43px,6vw,75px)/1 var(--serif);letter-spacing:-.05em;margin-bottom:28px}@media(max-width:780px){.site-header{height:70px;padding:0 20px}.brand{font-size:25px}.theme-toggle{margin-left:auto;margin-right:15px}.nav-toggle{display:flex;width:27px;height:20px;flex-direction:column;justify-content:space-between;padding:1px 0}.nav-toggle span:not(.sr-only){height:1px;background:currentColor;width:100%}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);color:var(--ink);padding:22px 20px 25px;flex-direction:column;align-items:flex-start;gap:17px;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.nav-book{margin-top:3px}.hero{min-height:700px;display:block}.hero-image{position:absolute;inset:0;z-index:0;opacity:.47}.hero-copy{position:relative;z-index:1;padding:180px 25px 40px}.hero-note{z-index:1;bottom:27px;left:25px;right:auto;gap:20px}.intro-grid,.why,.about-story{grid-template-columns:1fr;gap:28px}.section-heading{margin-bottom:35px}.desktop-link{display:none}.stay-grid{grid-template-columns:1fr;gap:35px}.stay-image,.stay-featured .stay-image{height:90vw;max-height:500px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:250px 250px}.gallery-large{grid-row:span 2}.gallery-quote{padding:18px}.why-image{height:92vw;max-height:540px}.journal-grid{grid-template-columns:1fr;gap:32px}.journal-image{height:60vw}.contact{grid-template-columns:1fr}.contact-art{min-height:330px}.contact-form-wrap{padding:65px 25px}.form-row{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr;gap:19px}footer div{justify-content:start}.about-hero{padding:125px 22px 80px}.about-image{height:78vw}.values-grid{grid-template-columns:1fr;gap:26px}.values h3{margin-top:25px}}@media(max-width:400px){h1{font-size:48px}.gallery{grid-template-rows:215px 215px}.gallery-quote{grid-column:1/-1;grid-row:auto}.gallery-large{grid-row:span 1}.gallery figure:last-child{display:none}}
/* Keep the small-screen menu below the wordmark instead of on top of it. */
@media(max-width:780px){.main-nav{top:calc(100% + 8px);left:12px;right:12px;border:1px solid var(--line);border-radius:3px;box-shadow:0 14px 30px rgba(17,29,24,.18)}}
/* Tablet previews also use the compact navigation so the links never crowd the logo. */
@media (min-width:781px) and (max-width:1024px){
  .site-header{padding:0 38px}
  .theme-toggle{margin-left:auto;margin-right:18px}
  .nav-toggle{display:flex;width:27px;height:20px;flex-direction:column;justify-content:space-between;padding:1px 0}
  .nav-toggle span:not(.sr-only){height:1px;width:100%;background:currentColor}
  .main-nav{display:none;position:absolute;top:calc(100% + 8px);left:24px;right:24px;background:var(--paper);color:var(--ink);padding:22px 24px 25px;flex-direction:column;align-items:flex-start;gap:17px;border:1px solid var(--line);border-radius:3px;box-shadow:0 14px 30px rgba(17,29,24,.18)}
  .main-nav.open{display:flex}
}

/* Header control order: wordmark left, theme and menu controls right. */
@media (max-width:1024px){
  .site-header>.brand{order:1;position:relative;z-index:2;flex-shrink:0}
  .site-header>.theme-toggle{order:2;margin-left:auto;margin-right:16px;flex-shrink:0}
  .site-header>.nav-toggle{order:3;flex-shrink:0}
  .site-header>.main-nav{order:4}
}

/* Washington, D.C. listing image */
.image-row-house{background-image:url('https://images.unsplash.com/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=900&q=85')}