/* Creekside Inn & Suites — mockup v5, Direction A (Editorial Inn). ONE shared stylesheet.
   Sections: (1) v4 base.css verbatim, (2) v4 creek-line motif tokens (were inline in v4 direction-a.html),
   (3) v4 a.css verbatim, (4) v5 additions for the inner pages. */

/* ===== (1) v4 base.css ===== */
@import url("../fonts/fonts.css");
/* Creekside enhanced kit (v4 proposal) — shared tokens + components */
:root{
  /* anchors (Longitude) */
  --cream:#F8F7F2;--taupe:#D0B9AA;--rose:#94616B;--slate:#515A6B;--charcoal:#2E343D;
  /* supporting neutrals */
  --linen:#EFE8DF;--parchment:#E7DDD0;--blush:#EFDCD7;--ink:#23272E;--hair:#E4D6CC;
  /* action */
  --mulberry:#7A4D57;
  /* accents */
  --fern:#4E5A48;--sage:#A9B39F;--bloom:#A9455B;
  /* ---- Type tokens: the ONLY place font families are set (fonts/fonts.css holds the @font-face files) ---- */
  --font-display:"Libre Caslon Display",Georgia,serif;   /* headlines (matches the wordmark) */
  --font-body:"Libre Caslon Text",Georgia,serif;          /* body copy, italics, quotes, captions */
  /* UI: nav, buttons, labels/eyebrows, facts lines, stamp text, booking bar, utility bar.
     Gotham from Ankur's Adobe Fonts kit (https://use.typekit.net/uim8vno.css).
     The kit serves font-family "gotham" at 400 and 700 only; UI weights use 700 (no faux bold). */
  --font-ui:"gotham","Libre Caslon Condensed","Libre Caslon Text",Georgia,serif;
  --font-sign:var(--font-ui);                             /* Direction B signage; follows --font-ui by default */
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;--s8:128px;
  --wrap:1200px;--g:48px;--ease:cubic-bezier(.2,.7,.2,1);
  --accent:var(--mulberry);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--charcoal);font-family:var(--font-body);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}ul{list-style:none}figure{margin:0}
h1,h2,h3{font-weight:400;text-wrap:balance}p{text-wrap:pretty}

/* Gotham kit files are 400 and 700 only — do not synthesize a medium or fake bold */
.skip,.eyebrow,.btn,.tl,.utility,.nav,.head-phone,.facts dt,.card .meta,.foot,.foot h3,
.bb-call,.stamp text,.also span,.local-list .k,.q figcaption,.flag,.glance .d,.common h3,
.specs,.feat-h,.todo .k,.drive li span:last-child,.policy dt,.inq-contact .k,.form-note,
.inq-form label,.mnav-foot p{font-synthesis:none}
:focus-visible{outline:2px solid var(--mulberry);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:8px;background:var(--charcoal);color:var(--cream);padding:8px 16px;z-index:100;font-family:var(--font-ui)}
.skip:focus{left:8px}
.wrap{max-width:calc(var(--wrap) + 2*var(--g));margin:0 auto;padding:0 var(--g)}
.eyebrow{font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mulberry)}
.lede{font-size:20px;line-height:1.55;color:var(--slate)}
.caption{font-family:var(--font-body);font-style:italic;font-size:15px;color:var(--slate);margin-top:12px}
.ic{flex:none}
/* buttons + links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--accent);background:var(--accent);color:var(--cream);border-radius:2px;transition:background .25s var(--ease),color .25s,border-color .25s,transform .2s}
.btn:hover{background:var(--charcoal);border-color:var(--charcoal);color:var(--cream)}
.btn:active{transform:translateY(1px)}
.btn-sm{min-height:44px;padding:0 20px;font-size:13px}
.btn-line{background:transparent;color:var(--charcoal);border-color:var(--charcoal)}
.btn-line:hover{background:var(--charcoal);color:var(--cream)}
.btn-cream{background:var(--cream);color:var(--charcoal);border-color:var(--cream)}
.btn-cream:hover{background:transparent;color:var(--cream);border-color:var(--cream)}
.btn-ghost-cream{background:transparent;color:var(--cream);border-color:rgba(248,247,242,.75)}
.btn-ghost-cream:hover{background:var(--cream);color:var(--charcoal)}
.tl{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:6px 0;border-bottom:1.5px solid var(--taupe);color:var(--charcoal);transition:color .2s,border-color .2s}
.tl .ar{transition:transform .25s var(--ease)}
.tl:hover{color:var(--mulberry);border-color:var(--mulberry)}.tl:hover .ar{transform:translateX(4px)}
/* utility bar */
.utility{background:var(--charcoal);color:#E4D6CC;font-family:var(--font-ui);font-size:14px;letter-spacing:.04em}
.utility .wrap{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:24px}
.utility a{color:var(--cream);text-decoration:none;border-bottom:1px solid transparent}
.utility a:hover{border-color:var(--taupe)}
.u-links{display:flex;gap:24px}.u-short{display:none}
/* mobile menu */
.menu-toggle{display:none;width:48px;height:48px;background:none;border:0;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px;color:var(--charcoal)}
.menu-toggle i{display:block;width:24px;height:1.5px;background:currentColor;transition:transform .25s var(--ease)}
.menu-toggle[aria-expanded=true] i:first-of-type{transform:translateY(4.25px) rotate(45deg)}
.menu-toggle[aria-expanded=true] i:last-of-type{transform:translateY(-4.25px) rotate(-45deg)}
.mnav{position:fixed;inset:72px 0 0;background:var(--cream);z-index:25;padding:24px 24px 48px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto}
.mnav[hidden]{display:none}
.mnav nav{display:flex;flex-direction:column}
.mnav nav a{font-family:var(--font-display);font-size:32px;line-height:1.2;text-decoration:none;padding:16px 0;border-bottom:1px solid var(--hair);color:var(--charcoal)}
.mnav-foot p{font-family:var(--font-ui);font-size:15.5px;line-height:2;margin-top:24px;color:var(--slate)}
.mnav-foot a{text-decoration:none}
.mnav .btn{width:100%}
body.menu-open{overflow:hidden}
/* photos */
.ph{position:relative;overflow:hidden;background:var(--linen)}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.r32{aspect-ratio:3/2}.r45{aspect-ratio:4/5}.r11{aspect-ratio:1/1}
/* room cards (shared skeleton) */
.card{display:flex;flex-direction:column;background:var(--cream);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.card:hover{transform:translateY(-3px);box-shadow:0 28px 50px -34px rgba(46,52,61,.5)}
.card:hover .ph img{transform:scale(1.035)}
.card .meta{font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--mulberry)}
/* bookbar */
.bookbar{display:none}
/* footer (shared) */
.foot{background:var(--charcoal);color:#E4D6CC;font-family:var(--font-ui);font-size:15.5px;padding:0 0 32px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px}
.foot-brand img{height:96px;width:auto}
.foot-brand p{font-family:var(--font-body);font-style:italic;font-size:16px;max-width:280px;margin-top:16px}
.foot h3{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe);margin-bottom:16px}
.foot li{padding:4px 0;line-height:1.6}
.foot a{color:var(--cream);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.foot a:hover{border-color:var(--taupe)}
.foot-base{display:flex;justify-content:space-between;gap:16px;margin-top:64px;padding-top:24px;border-top:1px solid #4A515C;font-size:13px;color:#B9B0AC}
@media (max-width:1000px){
  .menu-toggle{display:inline-flex}
  .utility .u-links{display:none}.utility .wrap{justify-content:center;text-align:center}
}
@media (max-width:760px){
  :root{--g:24px}
  body{font-size:17px}
  .lede{font-size:18px}
  .u-long{display:none}.u-short{display:inline}.utility .wrap{min-height:36px}
  .foot-grid{grid-template-columns:1fr;gap:40px}
  .foot-grid>div:last-child ul{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
  .foot-base{flex-direction:column;margin-top:48px}
  .foot{padding-bottom:104px}
  .bookbar{display:grid;grid-template-columns:auto 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(248,247,242,.97);border-top:1px solid var(--hair);padding:8px 16px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(6px)}
  .bb-call{display:inline-flex;align-items:center;gap:8px;padding:0 20px;min-height:48px;font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--charcoal);border:1.5px solid var(--charcoal);border-radius:2px}
  .bookbar .btn{min-height:48px;padding:0 16px;white-space:nowrap;letter-spacing:.1em}
  body.menu-open .bookbar{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* stamp ring text takes the UI font via CSS (no hard-coded SVG font attribute) */
.stamp text{font-family:var(--font-ui)}

/* ===== (2) creek-line motif tokens (from v4 direction-a.html inline <style>) ===== */
:root{--creek:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27160%27%20height%3D%2728%27%20viewBox%3D%270%200%20160%2028%27%3E%3Cpath%20d%3D%27M-80%2010%20C-66.7%204%20-53.3%204%20-40.0%2010%20C-26.7%2016%20-13.3%2016%200.0%2010%20C13.3%204%2026.7%204%2040.0%2010%20C53.3%2016%2066.7%2016%2080.0%2010%20C93.3%204%20106.7%204%20120.0%2010%20C133.3%2016%20146.7%2016%20160.0%2010%20C173.3%204%20186.7%204%20200.0%2010%27%20fill%3D%27none%27%20stroke%3D%27%23D0B9AA%27%20stroke-width%3D%271.2%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M-40%2019%20C-26.7%2015%20-13.3%2015%200.0%2019%20C13.3%2023%2026.7%2023%2040.0%2019%20C53.3%2015%2066.7%2015%2080.0%2019%20C93.3%2023%20106.7%2023%20120.0%2019%20C133.3%2015%20146.7%2015%20160.0%2019%20C173.3%2023%20186.7%2023%20200.0%2019%27%20fill%3D%27none%27%20stroke%3D%27%23D0B9AA%27%20stroke-width%3D%271.2%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27/%3E%3C/svg%3E");--creek-dark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27160%27%20height%3D%2728%27%20viewBox%3D%270%200%20160%2028%27%3E%3Cpath%20d%3D%27M-80%2010%20C-66.7%204%20-53.3%204%20-40.0%2010%20C-26.7%2016%20-13.3%2016%200.0%2010%20C13.3%204%2026.7%204%2040.0%2010%20C53.3%2016%2066.7%2016%2080.0%2010%20C93.3%204%20106.7%204%20120.0%2010%20C133.3%2016%20146.7%2016%20160.0%2010%20C173.3%204%20186.7%204%20200.0%2010%27%20fill%3D%27none%27%20stroke%3D%27%23515A6B%27%20stroke-width%3D%271.2%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M-40%2019%20C-26.7%2015%20-13.3%2015%200.0%2019%20C13.3%2023%2026.7%2023%2040.0%2019%20C53.3%2015%2066.7%2015%2080.0%2019%20C93.3%2023%20106.7%2023%20120.0%2019%20C133.3%2015%20146.7%2015%20160.0%2019%20C173.3%2023%20186.7%2023%20200.0%2019%27%20fill%3D%27none%27%20stroke%3D%27%23515A6B%27%20stroke-width%3D%271.2%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27/%3E%3C/svg%3E")}

/* ===== (3) v4 a.css ===== */
/* Direction A — Editorial Inn: contained framed hero, lots of cream, printed-page restraint. */
h1{font-family:var(--font-display);font-size:clamp(42px,4.6vw,66px);line-height:1.06;letter-spacing:-.01em;color:var(--charcoal)}
h2{font-family:var(--font-display);font-size:clamp(32px,3.2vw,46px);line-height:1.12;color:var(--charcoal)}
h3{font-family:var(--font-body);font-size:22px;line-height:1.3}
.center{text-align:center}
.sec{padding:var(--s8) 0}.tint{background:var(--linen)}
/* header: masthead */
.site-head{background:rgba(248,247,242,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--hair);backdrop-filter:blur(6px)}
.head-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:96px;gap:24px}
.nav{display:flex;gap:32px;font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.nav a{text-decoration:none;padding:6px 0;background:linear-gradient(var(--mulberry),var(--mulberry)) 0 100%/0 1.5px no-repeat;transition:background-size .3s var(--ease)}
.nav a:hover{background-size:100% 1.5px;color:var(--mulberry)}
.brand img{height:64px;width:auto}
.head-cta{justify-self:end;display:flex;align-items:center;gap:24px}
.head-phone{font-family:var(--font-ui);font-size:15.5px;font-weight:700;text-decoration:none;letter-spacing:.04em}
.head-phone:hover{color:var(--mulberry)}
/* hero */
.hero{padding:var(--s7) 0 0}
.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--s7);align-items:center}
.hero-text{max-width:600px}
.hero h1{margin:var(--s3) 0}
.ctas{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s4)}
.facts{display:flex;gap:var(--s5);margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--hair)}
.facts dt{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--slate)}
.facts dd{font-size:19px}.facts a{text-decoration:none}.facts a:hover{color:var(--mulberry)}
.print{position:relative;background:#fff;padding:14px 14px 0;box-shadow:0 30px 60px -40px rgba(46,52,61,.55);justify-self:end;width:100%;max-width:440px}
.print::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--taupe);z-index:-1}
.print .caption{padding:12px 4px 16px;margin:0}
.stamp-wrap{position:absolute;width:132px;left:-66px;bottom:40px;transform:rotate(-12deg);background:var(--cream);border-radius:50%;padding:6px;color:var(--mulberry)}
.creek{height:28px;background:var(--creek) repeat-x center/160px 28px;margin-top:var(--s7);opacity:.9}
/* intro */
.intro{padding-top:var(--s7)}
.intro-head{max-width:900px}
.intro-head h2{margin:var(--s2) 0 var(--s4)}
.intro-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);color:var(--slate)}
.trio{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--s4);margin-top:var(--s6);align-items:end}
.trio figure:nth-child(2){margin-bottom:var(--s6)}
/* section heads */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s6);margin-bottom:var(--s6)}
.sec-head h2{margin-top:var(--s2)}
.sec-aside{max-width:420px;color:var(--slate)}
/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.card-body{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s1);flex:1}
.card-line{font-size:16px;color:var(--slate);margin-bottom:var(--s3)}
.card .tl{margin-top:auto;align-self:flex-start}
.also{margin-top:var(--s5);display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);align-items:baseline;font-size:17px;padding-top:var(--s3);border-top:1px solid var(--taupe)}
.also span{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--slate)}
/* amenities */
.amen{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--charcoal)}
.amen li{padding:var(--s4) var(--s3) var(--s4) 0;border-bottom:1px solid var(--hair);display:flex;flex-direction:column;gap:var(--s1)}
.amen li:not(:nth-child(4n+1)){padding-left:var(--s3);border-left:1px solid var(--hair)}
.amen .ic{color:var(--mulberry);width:32px;height:32px;margin-bottom:var(--s1)}
.amen p{font-size:16px;color:var(--slate)}
/* local */
.local{display:grid;grid-template-columns:5fr 7fr;gap:var(--s7);align-items:center}
.print-sm{max-width:360px;justify-self:center}
.print-sm::before{display:none}
.local h2{margin:var(--s2) 0 var(--s3)}
.local-list{margin-top:var(--s4)}
.local-list li{display:grid;grid-template-columns:40px 1fr;gap:var(--s2);padding:var(--s3) 0;border-top:1px solid var(--taupe)}
.local-list .ic{color:var(--mulberry);margin-top:4px}
.local-list .k{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mulberry)}
.local-list p:last-child{font-size:16px;color:var(--slate)}
/* quotes */
.eyebrow.center{margin-bottom:var(--s5)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.q{border-top:1px solid var(--taupe);padding-top:var(--s4)}
.q blockquote{font-style:italic;font-size:20px;line-height:1.55}
.q figcaption{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--slate);margin-top:var(--s2)}
/* band */
.band{background:var(--mulberry);color:var(--cream);padding:var(--s7) 0}
.band-in{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s5);align-items:center}
.band-stamp{width:120px;color:var(--cream)}
.band h2{color:var(--cream)}.band p{color:#F3E9E6;margin-top:var(--s1)}
.band-ctas{display:flex;flex-direction:column;gap:var(--s2)}
.foot-top{height:28px;background:var(--creek-dark) repeat-x center/160px 28px;background-color:var(--ink);margin-bottom:var(--s7)}
@media (max-width:1180px){.nav{gap:20px}.head-phone{display:none}}
@media (max-width:1000px){
  .head-in{grid-template-columns:1fr auto;height:72px}.nav,.head-cta{display:none}.brand img{height:50px}
  .hero-grid,.local{grid-template-columns:1fr 1fr;gap:var(--s5)}
  .amen{grid-template-columns:1fr 1fr}.amen li:not(:nth-child(4n+1)){padding-left:0;border-left:0}
  .amen li:nth-child(even){padding-left:var(--s3);border-left:1px solid var(--hair)}
  .cards{grid-template-columns:1fr 1fr}.cards .card:nth-child(3){display:none}
}
@media (max-width:760px){
  .sec{padding:var(--s7) 0}
  .hero{padding-top:var(--s5)}
  .hero-grid,.local,.intro-cols,.quotes{grid-template-columns:1fr;gap:var(--s5)}
  .print{max-width:none;justify-self:stretch;width:calc(100% - 14px);margin-left:14px}
  .print{order:-1}.print .ph{aspect-ratio:4/3}.print .ph img{object-position:50% 40%}
  .stamp-wrap{width:84px;left:auto;right:-10px;top:-18px;bottom:auto}
  .ctas{gap:var(--s3)}.ctas .btn{flex:1 1 100%}
  .facts{gap:var(--s3);flex-wrap:wrap}
  .creek{margin-top:var(--s6)}
  .trio{grid-template-columns:1fr 1fr;gap:var(--s2)}.trio figure:first-child{grid-column:1/-1}.trio figure:nth-child(2){margin:0}
  .trio .caption{font-size:14px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:var(--s2);margin-bottom:var(--s5)}
  .cards{grid-template-columns:1fr}.cards .card:nth-child(3){display:flex}
  .card-body{padding:var(--s3)}
  .also{flex-direction:column;gap:4px}
  .amen{grid-template-columns:1fr}.amen li,.amen li:nth-child(even){padding:var(--s3) 0;border-left:0;display:grid;grid-template-columns:44px 1fr;column-gap:var(--s2)}
  .amen .ic{grid-row:span 2;margin:2px 0 0}
  .print-sm{max-width:300px}
  .band-in{grid-template-columns:1fr;text-align:center;justify-items:center;gap:var(--s3)}
  .band-stamp{width:96px}.band-ctas{width:100%}
  .foot-top{margin-bottom:var(--s6)}
}

/* ===== (4) v5 inner-page additions: see bottom of file ===== */
/* ===== (4) v5 inner-page additions (Direction A tokens only; no new font families) ===== */
/* Header: 4 links incl. "Commercial & Corporate" -> collapse to the menu button below 1240px so the masthead never crowds */
.nav a[aria-current=page]{color:var(--mulberry);background-size:100% 1.5px}
.mnav nav a[aria-current=page]{color:var(--mulberry)}
@media (max-width:1240px){
  .head-in{grid-template-columns:1fr auto;height:72px}.nav,.head-cta{display:none}.brand img{height:50px}
  .menu-toggle{display:inline-flex}
}
/* clearly marked content placeholders */
.flag{display:inline;font-family:var(--font-ui);font-size:.86em;font-weight:700;letter-spacing:.04em;color:var(--mulberry);background:var(--blush);border:1px dashed var(--mulberry);padding:1px 6px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sec-tight{padding:var(--s7) 0}
.small{font-size:16px;color:var(--slate);margin-top:var(--s2)}
.all-rooms,.more{margin-top:var(--s4)}
.also a{text-decoration:none;border-bottom:1px solid var(--taupe)}.also a:hover{color:var(--mulberry);border-color:var(--mulberry)}
.page-hero .print{max-width:400px}
/* home: commercial band */
.comm-band{background:var(--charcoal);color:#E4D6CC;padding:var(--s7) 0;position:relative}
.comm-band::before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:var(--creek-dark) repeat-x center/160px 28px;opacity:.9}
.comm-in{display:grid;grid-template-columns:1fr auto;gap:var(--s6);align-items:center}
.comm-band .eyebrow{color:var(--taupe)}
.comm-band h2{color:var(--cream);margin:var(--s2) 0 var(--s3);max-width:760px}
.comm-band p:not(.eyebrow){max-width:680px;color:#E4D6CC}
.comm-ctas{display:flex;flex-direction:column;gap:var(--s2)}
/* rooms: at-a-glance */
.glance{border-top:1px solid var(--charcoal)}
.glance a{display:grid;grid-template-columns:2.2fr 1.2fr 1fr 1fr 24px;gap:var(--s3);align-items:center;padding:var(--s3) 0;border-bottom:1px solid var(--hair);text-decoration:none;transition:color .2s,padding .3s var(--ease)}
.glance a:hover{color:var(--mulberry);padding-left:var(--s1)}
.glance .n{font-family:var(--font-body);font-size:21px}
.glance .d{font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.common{margin-top:var(--s5);display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);align-items:baseline;padding-top:var(--s3)}
.common h3{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mulberry)}
.common ul{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4)}
.common li{font-size:17px}
.common li::before{content:"·";margin-right:var(--s1);color:var(--taupe)}
/* rooms: room rows */
.room{padding:var(--s8) 0;scroll-margin-top:96px}.room.tint{background:var(--linen)}
.room-in{display:grid;grid-template-columns:7fr 5fr;gap:var(--s7);align-items:center}
.room-in.flip{grid-template-columns:5fr 7fr}.room-in.flip .room-media{order:2}
.room-media{position:relative;padding-bottom:var(--s6)}
.room-inset{position:absolute;width:34%;right:-24px;bottom:0;background:#fff;padding:10px;box-shadow:0 24px 50px -32px rgba(46,52,61,.6)}
.flip .room-inset{right:auto;left:-24px}
.room-text h2{margin:var(--s2) 0 var(--s3)}
.specs{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding:var(--s2) 0;border-top:1px solid var(--taupe);border-bottom:1px solid var(--taupe);margin-bottom:var(--s3)}
.feat-h{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mulberry);margin-top:var(--s4)}
.feat{margin-top:var(--s1)}.feat li{font-size:17px;padding:4px 0}.feat li::before{content:"—";color:var(--taupe);margin-right:10px}
.actions{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;margin-top:var(--s5)}
.note-grid,.pol-grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--s7);align-items:start}
.notes>div{padding:var(--s3) 0;border-top:1px solid var(--taupe)}
.notes p{color:var(--slate);font-size:17px;margin-top:var(--s1)}.notes .tl{margin-top:var(--s1)}
/* location */
.todo{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s6);border-top:1px solid var(--charcoal)}
.todo-item{display:grid;grid-template-columns:40px 1fr;gap:var(--s2);padding:var(--s4) 0;border-bottom:1px solid var(--hair)}
.todo-item .ic{color:var(--mulberry);margin-top:4px;width:28px;height:28px}
.todo .k{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mulberry)}
.todo-item p:not(.k){font-size:17px;color:var(--slate);margin-top:var(--s1)}
.drive{margin-top:var(--s4);border-top:1px solid var(--taupe)}
.drive li{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--taupe);font-size:17px}
.drive li span:last-child{font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mulberry);white-space:nowrap}
#getting-here .ctas{margin-top:var(--s4)}
/* contact */
.cblocks{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);border-top:1px solid var(--charcoal)}
.cblock{padding-top:var(--s4);display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start;min-width:0}
.cblock p:not(.eyebrow){font-size:16px;color:var(--slate)}
.big-link{font-family:var(--font-display);font-size:32px;line-height:1.2;text-decoration:none;color:var(--charcoal)}
.big-link.email{font-family:var(--font-body);font-size:19px;overflow-wrap:anywhere}
.big-link:hover{color:var(--mulberry)}
.addr{font-size:19px!important;color:var(--charcoal)!important}
.policy{border-top:1px solid var(--charcoal)}
.policy>div{display:grid;grid-template-columns:200px 1fr;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--taupe)}
.policy dt{font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);padding-top:3px}
.policy dd{font-size:17px}.policy a{color:var(--mulberry)}
.pol-grid h2{margin:var(--s2) 0 var(--s3)}
.pol-fig{margin-top:var(--s5);max-width:300px;justify-self:start}
/* commercial */
.amen-6{grid-template-columns:repeat(3,1fr)}
.amen-6 li:not(:nth-child(4n+1)){padding-left:0;border-left:0}
.amen-6 li:not(:nth-child(3n+1)){padding-left:var(--s3);border-left:1px solid var(--hair)}
.inq-grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--s7);align-items:start}
.inq-grid h2{margin:var(--s2) 0 var(--s3)}
.inq-contact{margin-top:var(--s4);display:grid;gap:var(--s3)}
.inq-contact p{display:flex;flex-direction:column;gap:4px}
.inq-contact .k{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mulberry)}
.inq-form{background:var(--cream);padding:var(--s5);display:grid;gap:var(--s3);box-shadow:0 30px 60px -44px rgba(46,52,61,.55);border:1px solid var(--hair)}
.form-note{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mulberry);background:var(--blush);padding:var(--s1) var(--s2);border:1px dashed var(--mulberry)}
.inq-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);min-width:0}
.inq-form input,.inq-form textarea{font:inherit;font-family:var(--font-body);font-size:17px;letter-spacing:0;text-transform:none;color:var(--charcoal);background:#fff;border:1px solid var(--taupe);border-radius:2px;padding:12px 14px;min-height:48px;width:100%}
.inq-form input:focus,.inq-form textarea:focus{outline:2px solid var(--mulberry);outline-offset:1px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s3)}
.inq-form .btn[disabled]{opacity:.6;cursor:not-allowed;justify-self:start}
@media (max-width:1000px){
  .cblocks{grid-template-columns:1fr 1fr}
  .room-in,.room-in.flip,.note-grid,.pol-grid,.inq-grid{grid-template-columns:1fr;gap:var(--s5)}
  .room-in.flip .room-media{order:0}
  .comm-in{grid-template-columns:1fr}.comm-ctas{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:760px){
  .room{padding:var(--s7) 0;scroll-margin-top:72px}
  .room-inset{width:40%;right:-8px;padding:6px}.flip .room-inset{left:auto;right:-8px}
  .room-media{padding-bottom:var(--s5)}
  .glance a{grid-template-columns:1fr auto;gap:4px var(--s2)}
  .glance .n{grid-column:1/-1;font-size:20px}.glance .d{font-size:13px}.glance .d:nth-of-type(3){display:none}.glance .ar{display:none}
  .glance a{grid-template-columns:auto auto 1fr}
  .common{flex-direction:column;gap:var(--s1)}
  .todo{grid-template-columns:1fr}
  .cblocks{grid-template-columns:1fr}
  .big-link{font-size:30px}
  .policy>div{grid-template-columns:1fr;gap:4px}
  .pol-fig{display:none}
  .amen-6{grid-template-columns:1fr}.amen-6 li:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .inq-form{padding:var(--s3)}
  .f2,.f3{grid-template-columns:1fr}
  .comm-ctas{flex-direction:column}.comm-ctas .btn{width:100%}
  .drive li{flex-direction:column;gap:2px}
  .actions .btn{flex:1 1 100%}
}
/* v5 QA fixes */
.nav{gap:28px}.nav a{white-space:nowrap}
.inq-grid{grid-template-columns:4fr 8fr}
@media (max-width:1000px){.inq-grid{grid-template-columns:1fr}}
a[href^="tel:"]{white-space:nowrap}
.cblock .big-link.email{font-size:18px}
.cblock .btn{padding:0 18px;font-size:13px;letter-spacing:.12em;white-space:nowrap}

/* ===== (5) v5.2 restructure (Woodrose-style page set) — Direction A tokens only ===== */
/* masthead: 6 nav items -> logo left, nav centre, Book direct right (phone stays in the utility bar) */
.head-in{grid-template-columns:auto 1fr auto;gap:40px}
.site-head .nav{justify-self:center;gap:26px;font-size:14px;letter-spacing:.13em}
.site-head .brand img{height:58px}
.head-phone{display:none}
@media (max-width:1240px){.head-in{grid-template-columns:1fr auto;gap:24px}}
/* reviewer flags (visible on purpose; remove before launch) */
.flag{display:inline;font-family:var(--font-ui);font-size:.8em;font-weight:700;letter-spacing:.03em;color:var(--mulberry);background:var(--blush);border:1px dashed var(--mulberry);padding:1px 6px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.flag-line{margin:0 0 var(--s2)}
/* titled band (Woodrose pp-band equivalent) */
.page-head{padding:var(--s7) 0 0}
.page-head h1{margin:var(--s2) 0 var(--s2)}
.page-sub{font-style:italic;color:var(--slate);font-size:19px}
.page-head .creek{margin-top:var(--s6)}
/* long-form doc (Policies, Privacy) */
.doc-wrap{display:grid;grid-template-columns:260px minmax(0,760px);gap:var(--s7);align-items:start}
.jump{position:sticky;top:120px;border-top:1px solid var(--charcoal);padding-top:var(--s3)}
.jump ul{margin-top:var(--s2)}
.jump li{padding:6px 0;border-bottom:1px solid var(--hair)}
.jump a{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--charcoal)}
.jump a:hover{color:var(--mulberry)}
.doc h2{font-size:clamp(26px,2.4vw,34px);margin:var(--s6) 0 var(--s2);scroll-margin-top:120px}
.doc h2:first-child{margin-top:0}
.doc>p,.doc li,.doc .callout p{font-size:17.5px}
.doc p+p{margin-top:var(--s2)}
.doc ul{margin:var(--s2) 0 0;padding-left:0}
.doc li{padding:6px 0 6px 22px;position:relative}
.doc li::before{content:"—";position:absolute;left:0;color:var(--taupe)}
.doc a{color:var(--mulberry)}
.doc .btn-line{color:var(--charcoal)}
.callout{background:var(--linen);border-left:3px solid var(--mulberry);padding:var(--s3);margin-top:var(--s2)}
.callout p+p{margin-top:var(--s1)}
.doc-address{font-style:normal;font-size:17.5px;line-height:1.8}
/* gallery */
.gl-grid{columns:3;column-gap:var(--s3)}
.gl-grid li{break-inside:avoid;margin-bottom:var(--s3)}
.gl-item{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;padding:8px;box-shadow:0 24px 50px -36px rgba(46,52,61,.6)}
.gl-item img{display:block;width:100%;height:auto;transition:opacity .2s}
.gl-item:hover img{opacity:.88}
.gl-item:focus-visible{outline:2px solid var(--mulberry);outline-offset:3px}
.lightbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;overflow:hidden}
.lightbox::backdrop{background:rgba(35,39,46,.92)}
.lightbox figure{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 80px 40px}
.lightbox img{max-width:100%;max-height:calc(100vh - 160px);object-fit:contain;background:#fff;padding:8px}
.lightbox .caption{color:#E4D6CC;text-align:center}
.lb-btn{position:absolute;width:52px;height:52px;border:1.5px solid #E4D6CC;background:transparent;color:var(--cream);font-size:26px;line-height:1;cursor:pointer;border-radius:2px}
.lb-btn:hover,.lb-btn:focus-visible{background:var(--mulberry);border-color:var(--mulberry)}
.lb-close{top:16px;right:16px}.lb-prev{left:16px;top:50%;transform:translateY(-50%)}.lb-next{right:16px;top:50%;transform:translateY(-50%)}
/* skunk train */
.steps{counter-reset:none;border-top:1px solid var(--charcoal)}
.steps li{display:grid;grid-template-columns:48px 1fr;gap:var(--s2);align-items:baseline;padding:var(--s3) 0;border-bottom:1px solid var(--taupe)}
.steps .n{font-family:var(--font-display);font-size:34px;line-height:1;color:var(--mulberry)}
.steps p{font-size:18px}
.fine{margin-top:var(--s3)}
#perk .ctas{margin-top:var(--s4)}
.faq>div{grid-template-columns:240px 1fr}
.faq dt{text-transform:none;letter-spacing:.02em;font-size:15.5px;color:var(--charcoal)}
.foot-email{overflow-wrap:anywhere}
@media (max-width:1000px){
  .doc-wrap{grid-template-columns:1fr;gap:var(--s5)}
  .jump{position:static}
  .jump ul{display:flex;flex-wrap:wrap;gap:0 var(--s3)}.jump li{border:0;padding:4px 0}
  .gl-grid{columns:2}
}
@media (max-width:760px){
  .page-head{padding-top:var(--s5)}
  .page-head .creek{margin-top:var(--s5)}
  .gl-grid{columns:2;column-gap:var(--s2)}.gl-grid li{margin-bottom:var(--s2)}.gl-item{padding:4px}
  .lightbox figure{padding:72px 12px 88px}
  .lb-prev,.lb-next{top:auto;bottom:16px;transform:none}.lb-prev{left:calc(50% - 64px)}.lb-next{right:calc(50% - 64px)}
  .faq>div{grid-template-columns:1fr}
  .steps li{grid-template-columns:40px 1fr}
}

/* ===== (6) final: real Longitude logo (SVG), no stamp, no captions ===== */
.band-in{grid-template-columns:1fr auto}
.brand img,.site-head .brand img{height:58px;width:auto}
.foot-brand img{height:88px;width:auto}
.inq-solo{grid-template-columns:1fr 1fr;align-items:center}
@media (max-width:1240px){.site-head .brand img{height:48px}}
@media (max-width:1000px){.inq-solo{grid-template-columns:1fr}}
@media (max-width:760px){.band-in{grid-template-columns:1fr}}