@layer reset, tokens, base, layout, parts, widgets, pages, util;

@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Figtree";src:url(/assets/fonts/figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}

@layer reset{
  *,*::before,*::after{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}
  ul,ol{padding:0;list-style:none}
  img,svg{display:block;max-width:100%}
  button,input,select,textarea{font:inherit;color:inherit}
  button{cursor:pointer}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
}

@layer tokens{
  :root{
    --forest:#123B2E;--forest-2:#1C5440;--brick:#B4532A;--brick-2:#8F3F1D;--brass:#D6A23C;--cream:#FBF7EF;--sand:#F1E9D8;--ink:#1B2621;--mute:#56645D;--line:#E2D9C6;--white:#fff;
    --serif:"Fraunces",Georgia,serif;--sans:"Figtree",system-ui,sans-serif;
    --r:14px;--r-lg:22px;--shadow:0 1px 2px rgba(18,59,46,.08),0 8px 24px rgba(18,59,46,.08);
    --gut:clamp(16px,4vw,32px);
  }
}

@layer base{
  body{font-family:var(--sans);font-size:1.0625rem;line-height:1.62;color:var(--ink);background:var(--cream);padding-bottom:76px}
  h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.14;color:var(--forest);letter-spacing:-.01em}
  h1{font-size:clamp(2.1rem,5.4vw,3.4rem)}
  h2{font-size:clamp(1.6rem,3.6vw,2.3rem)}
  h3{font-size:1.28rem}
  p+p{margin-top:1em}
  a{color:var(--brick-2);text-underline-offset:3px}
  a:hover{color:var(--forest)}
  :focus-visible{outline:3px solid var(--brass);outline-offset:3px;border-radius:4px}
  .skip{position:absolute;left:-999px;top:8px;background:var(--forest);color:#fff;padding:10px 16px;z-index:100;border-radius:8px}
  .skip:focus{left:8px}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ico{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.2em}
  .ico--sm{width:.95em;height:.95em}
  .ico use,.ico{fill:none}
}

@layer layout{
  .shell{width:min(1160px,100% - 2*var(--gut));margin-inline:auto}
  .band{padding-block:clamp(48px,8vw,92px)}
  .band--sand{background:var(--sand)}
  .band--forest{background:var(--forest);color:#EDE6D4}
  .band--forest h2,.band--forest h3{color:#fff}
  .narrow{max-width:760px}
  .split{display:grid;gap:clamp(24px,5vw,56px)}
  @media(min-width:860px){.split{grid-template-columns:1.1fr .9fr;align-items:center}.split--flip>:first-child{order:2}}
  .grid{display:grid;gap:18px}
  @media(min-width:680px){.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}}
  @media(min-width:680px) and (max-width:979px){.grid--3{grid-template-columns:repeat(2,1fr)}}
}

@layer parts{
  .top{position:sticky;top:0;z-index:50;background:var(--cream);border-bottom:1px solid var(--line)}
  .top__strip{background:var(--forest);color:#EDE6D4;font-size:.85rem}
  .top__strip a{color:#fff;font-weight:700;text-decoration:none}
  .top__strip-in{display:flex;justify-content:space-between;gap:12px;padding-block:6px}
  .top__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}
  .brand{display:flex;align-items:center;gap:11px;text-decoration:none}
  .brand__mark{width:46px;height:46px;flex:none}
  .brand__text{display:flex;flex-direction:column;line-height:1}
  .brand__text b{font-family:var(--serif);font-size:1.3rem;color:var(--forest);letter-spacing:.02em;text-transform:uppercase}
  .brand__text i{font-style:normal;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--brick);font-weight:700;margin-top:5px}
  .menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:46px;height:46px;position:relative}
  .menu-btn__bars,.menu-btn__bars::before,.menu-btn__bars::after{position:absolute;left:12px;right:12px;height:2px;background:var(--forest);content:"";transition:.2s}
  .menu-btn__bars{top:22px}.menu-btn__bars::before{left:0;right:0;top:-7px}.menu-btn__bars::after{left:0;right:0;top:7px}
  .menu-btn[aria-expanded=true] .menu-btn__bars{background:transparent}
  .menu-btn[aria-expanded=true] .menu-btn__bars::before{top:0;transform:rotate(45deg)}
  .menu-btn[aria-expanded=true] .menu-btn__bars::after{top:0;transform:rotate(-45deg)}
  .nav{display:flex;align-items:center;gap:6px}
  .nav>a,.nav__trigger{padding:9px 13px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600;background:none;border:0;font-size:1rem}
  .nav>a:hover,.nav__trigger:hover{background:var(--sand)}
  .nav__group{position:relative}
  .nav__drop{display:none;position:absolute;top:100%;left:0;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:8px;z-index:5}
  .nav__group.open .nav__drop,.nav__group:focus-within .nav__drop{display:block}
  .nav__drop a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500}
  .nav__drop a:hover{background:var(--sand)}
  .nav>.nav__cta{margin-left:8px;color:#fff;background:var(--brick)}
  .nav>.nav__cta:hover{background:var(--brick-2);color:#fff}
  @media(max-width:900px){
    .menu-btn{display:block}
    .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px var(--gut) 20px;gap:2px;max-height:80vh;overflow:auto}
    .nav.open{display:flex}
    .nav__drop{position:static;display:block;box-shadow:none;border:0;background:transparent;padding:0 0 0 12px}
    .nav__trigger{text-align:left;width:100%}
    .nav>.nav__cta{margin:8px 0 0;text-align:center}
    .top__strip span{display:none}.top__strip-in{justify-content:flex-end}
  }

  .go{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent;transition:.18s;line-height:1.1}
  .go--solid{background:var(--brick);color:#fff}
  .go--solid:hover{background:var(--brick-2);color:#fff;transform:translateY(-1px)}
  .go--line{border-color:var(--forest);color:var(--forest);background:transparent}
  .go--line:hover{background:var(--forest);color:#fff}
  .go--light{background:var(--brass);color:var(--forest)}
  .go--light:hover{background:#fff;color:var(--forest)}
  .go--sm{padding:10px 18px;font-size:.95rem}
  .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

  .eyebrow{display:inline-block;font-weight:800;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brick);margin-bottom:12px}
  .band--forest .eyebrow{color:var(--brass)}
  .lede{font-size:clamp(1.1rem,2.2vw,1.3rem);color:var(--mute);line-height:1.55}
  .section-head{max-width:720px;margin-bottom:34px}
  .section-head p{color:var(--mute);margin-top:12px}

  .card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow)}
  .card h3{margin-bottom:8px}
  .card p{color:var(--mute)}
  .svc{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:.2s}
  .svc:hover{transform:translateY(-3px);border-color:var(--brass)}
  .svc svg{width:52px;height:52px;color:var(--forest);margin-bottom:14px}
  .svc .more{margin-top:auto;padding-top:14px;font-weight:700;color:var(--brick-2)}

  .ticks li{position:relative;padding-left:32px;margin-block:10px}
  .ticks li::before{content:"";position:absolute;left:0;top:.3em;width:20px;height:20px;border-radius:50%;background:var(--forest) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
  .ticks--x li::before{background-color:var(--brick);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}

  .faq{display:grid;gap:10px;max-width:820px}
  .faq__item{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
  .faq__item summary{list-style:none;cursor:pointer;padding:18px 54px 18px 20px;font-weight:700;color:var(--forest);position:relative}
  .faq__item summary::-webkit-details-marker{display:none}
  .faq__item summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--brick);transition:.2s}
  .faq__item[open] summary::after{content:"\2212"}
  .faq__item p{padding:0 20px 20px;color:var(--mute)}

  .crumbs{font-size:.88rem;color:var(--mute);padding-block:16px}
  .crumbs ol{display:flex;flex-wrap:wrap;gap:6px}
  .crumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}
  .crumbs a{color:var(--mute)}

  .foot{background:var(--forest);color:#CFD8D2;padding-top:56px;font-size:.97rem}
  .foot a{color:#fff;text-decoration:none}
  .foot a:hover{color:var(--brass);text-decoration:underline}
  .foot__grid{display:grid;gap:32px}
  @media(min-width:760px){.foot__grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
  .foot__name{font-family:var(--serif);font-size:1.4rem;color:#fff;margin-bottom:10px}
  .foot__h{font-family:var(--sans);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:12px}
  .foot li{margin-block:7px}
  .foot__zips{display:flex;gap:8px;flex-wrap:wrap}
  .foot__zips span{border:1px solid rgba(255,255,255,.3);padding:3px 10px;border-radius:999px;font-size:.85rem}
  .foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:40px;padding-block:20px;border-top:1px solid rgba(255,255,255,.14);font-size:.88rem}

  .sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:10px;padding:10px var(--gut);background:rgba(251,247,239,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
  .sticky .go{flex:1;padding:12px}
  @media(min-width:900px){.sticky{display:none}body{padding-bottom:0}}
}

@layer widgets{
  .wid{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
  .wid__head{padding:20px 24px 0}
  .wid__head h3{font-size:1.35rem}
  .wid__head p{color:var(--mute);font-size:.97rem;margin-top:4px}
  .wid__body{padding:20px 24px 26px}

  .tabs [role=tablist]{display:flex;gap:6px;padding:14px 24px 0;overflow-x:auto;border-bottom:1px solid var(--line)}
  .tabs [role=tab]{background:none;border:0;padding:11px 16px;font-weight:700;color:var(--mute);border-bottom:3px solid transparent;white-space:nowrap}
  .tabs [role=tab][aria-selected=true]{color:var(--forest);border-bottom-color:var(--brick)}
  .tabs [role=tabpanel]{padding:22px 24px 26px}
  .tabs [role=tabpanel][hidden]{display:none}

  .chk{display:grid;gap:8px}
  .chk label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--cream)}
  .chk label:hover{border-color:var(--brass)}
  .chk input{width:20px;height:20px;margin-top:2px;accent-color:var(--forest);flex:none}
  .chk input:checked+span{text-decoration:line-through;color:var(--mute)}
  .meter{height:10px;background:var(--sand);border-radius:99px;overflow:hidden;margin:6px 0 14px}
  .meter i{display:block;height:100%;background:var(--brick);width:0;transition:width .3s}

  .opt{display:grid;gap:10px;margin-block:12px}
  .opt button{text-align:left;padding:14px 16px;border:2px solid var(--line);border-radius:12px;background:var(--cream);font-weight:600}
  .opt button:hover{border-color:var(--brass)}
  .opt button[aria-pressed=true]{border-color:var(--forest);background:#EAF1EC}
  .result{background:var(--forest);color:#EDE6D4;border-radius:var(--r);padding:20px 22px;margin-top:18px}
  .result b{color:#fff}
  .result .big{font-family:var(--serif);font-size:2rem;color:var(--brass);line-height:1.1;display:block;margin:4px 0 8px}

  .rng{display:grid;gap:6px;margin-block:14px}
  .rng label{font-weight:700;color:var(--forest);display:flex;justify-content:space-between}
  .rng input[type=range]{width:100%;accent-color:var(--brick)}
  .seg{display:flex;flex-wrap:wrap;gap:8px;margin-block:8px}
  .seg button{padding:9px 16px;border-radius:999px;border:2px solid var(--line);background:var(--cream);font-weight:700}
  .seg button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:#fff}

  .cmp{width:100%;border-collapse:collapse;font-size:.97rem}
  .cmp th,.cmp td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center}
  .cmp th:first-child,.cmp td:first-child{text-align:left}
  .cmp thead th{font-family:var(--serif);color:var(--forest);font-size:1rem}
  .cmp .y{color:var(--forest);font-weight:800}.cmp .n{color:#B9B2A1}
  .scroll-x{overflow-x:auto}

  .steps{counter-reset:s;display:grid;gap:14px}
  .steps li{counter-increment:s;position:relative;padding:18px 18px 18px 70px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
  .steps li::before{content:counter(s);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--forest);color:#fff;font-family:var(--serif);font-weight:700;display:grid;place-items:center;font-size:1.15rem}
  .steps b{display:block;color:var(--forest)}

  .form{display:grid;gap:14px}
  .form label{font-weight:700;color:var(--forest);display:grid;gap:6px;font-size:.97rem}
  .form input,.form select,.form textarea{padding:13px 14px;border:2px solid var(--line);border-radius:12px;background:#fff;width:100%}
  .form input:focus,.form select:focus,.form textarea:focus{border-color:var(--forest);outline:none}
  .form .two{display:grid;gap:14px}
  @media(min-width:560px){.form .two{grid-template-columns:1fr 1fr}}
  .form [hidden]{display:none}
  .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
  .form .check{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--mute)}
  .form .check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--forest)}
  .form__note{font-size:.88rem;color:var(--mute)}
  .form__msg{padding:14px 16px;border-radius:12px;background:#EAF1EC;color:var(--forest);font-weight:600}
  .form__msg--bad{background:#F8E6DC;color:var(--brick-2)}
  .stepbar{display:flex;gap:6px;margin-bottom:6px}
  .stepbar i{flex:1;height:6px;border-radius:9px;background:var(--sand)}
  .stepbar i.on{background:var(--brick)}
}

@layer pages{
  .hero{background:linear-gradient(180deg,var(--sand),var(--cream));padding-block:clamp(36px,6vw,72px);position:relative;overflow:hidden}
  .hero h1{margin-bottom:18px}
  .hero__facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;font-weight:700;color:var(--forest);font-size:.95rem}
  .hero__facts li{display:flex;align-items:center;gap:8px}
  .hero__facts svg{color:var(--brick)}
  .hero__art{border-radius:var(--r-lg);background:var(--forest);padding:24px;color:#EDE6D4;box-shadow:var(--shadow)}
  .hero__art h2{color:#fff;font-size:1.3rem;margin-bottom:6px}
  .hero__art p{font-size:.95rem;color:#CFD8D2}

  .proof{display:grid;gap:14px;margin-top:6px}
  @media(min-width:760px){.proof{grid-template-columns:repeat(4,1fr)}}
  .proof div{border-left:3px solid var(--brass);padding:4px 0 4px 14px}
  .proof b{display:block;font-family:var(--serif);font-size:1.7rem;color:var(--forest)}
  .proof span{font-size:.92rem;color:var(--mute)}

  .landmarks{display:grid;gap:12px}
  @media(min-width:680px){.landmarks{grid-template-columns:repeat(2,1fr)}}
  .landmarks li{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);border-left:4px solid var(--brick)}
  .landmarks b{color:var(--forest);display:block}

  .price{display:grid;gap:10px}
  .price li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}
  .price b{color:var(--forest);white-space:nowrap}

  .callout{background:#fff;border-left:5px solid var(--brass);padding:18px 22px;border-radius:0 var(--r) var(--r) 0;box-shadow:var(--shadow)}
  .callout p{color:var(--mute)}

  .prose{max-width:740px}
  .prose h2{margin:44px 0 14px}
  .prose h3{margin:28px 0 8px}
  .prose ul:not(.price):not(.ticks){margin-block:14px}
  .prose ul:not(.price):not(.ticks) li{margin-block:8px;padding-left:22px;position:relative}
  .prose ul:not(.price):not(.ticks) li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;background:var(--brass);border-radius:50%}
  .cta-band{text-align:center}
  .cta-band p{max-width:560px;margin:12px auto 24px;color:#CFD8D2}

  .rooms{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .rooms button{padding:18px 10px;border-radius:14px;border:2px solid var(--line);background:#fff;font-weight:700;color:var(--forest)}
  .rooms button[aria-pressed=true]{background:var(--forest);color:#fff;border-color:var(--forest)}
  .thanks{min-height:50vh;display:grid;place-items:center;text-align:center}
}