:root{
    --estate: #1F2E20;
    --estate-ink: #141810;
    --moss: #3E5641;
    --moss-soft: #5C6E52;
    --brass: #9A8A66;
    --beige: #EFE9DC;
    --cream: #F8F5EE;
    --cream-2: #FBF9F4;
    --line: rgba(20,24,16,0.14);
    --line-on-dark: rgba(248,245,238,0.28);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--cream); color:var(--estate-ink);
    font-family:'Work Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-weight:400; line-height:1.6;
    -webkit-font-smoothing:antialiased; overflow-x:hidden;
  }
  h1,h2,h3,.serif{ font-family:'Fraunces', Georgia, 'Times New Roman', serif; font-weight:400; letter-spacing:0.01em; }
  .eyebrow{
    font-family:'Work Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size:11px; letter-spacing:0.28em;
    text-transform:uppercase; color:var(--moss-soft); font-weight:500;
  }
  .eyebrow.on-dark{ color:rgba(248,245,238,0.72); }
  a{ color:inherit; text-decoration:none; }
  picture{ display:block; width:100%; height:100%; }
  .hero picture, .page-hero picture, .closing picture{ position:absolute; inset:0; }
  img{ display:block; width:100%; height:100%; object-fit:cover; }
  .wrap{ max-width:1180px; margin:0 auto; padding:0 40px; }
  @media (max-width:600px){ .wrap{ padding:0 24px; } }
  .section-pad{ padding:130px 0; }
  @media (max-width:760px){ .section-pad{ padding:90px 0; } }
  .center-col{ max-width:660px; margin:0 auto; text-align:center; }
  .section-head{ text-align:center; margin-bottom:56px; }
  .section-head .eyebrow{ margin-bottom:18px; display:block; }
  .section-head h2{ font-size:clamp(30px,4vw,46px); font-weight:300; color:var(--estate); line-height:1.18; }

  /* ---------- NAV ---------- */
  .nav{
    position:fixed; top:0; left:0; right:0; z-index:200;
    display:flex; align-items:center; justify-content:space-between;
    padding:30px 48px;
    transition:background .5s ease, padding .4s ease, box-shadow .4s ease;
  }
  .nav.scrolled{
    background:rgba(248,245,238,0.94); backdrop-filter:blur(10px);
    padding:18px 48px; box-shadow:0 1px 0 var(--line);
  }
  .nav-brand{ display:flex; flex-direction:column; align-items:flex-start; gap:13px; }
  .nav-mark{
    display:flex; align-items:center; gap:16px;
    font-family:'Fraunces', Georgia, 'Times New Roman', serif; font-size:21px; font-weight:400; letter-spacing:0.08em;
    color:#F8F5EE; white-space:nowrap; transition:color .4s ease, font-size .4s ease;
  }
  .logo-mark{ width:44px; height:auto; flex-shrink:0; color:inherit; transition:width .4s ease; }
  .nav.scrolled .nav-mark{ font-size:17px; color:var(--estate); }
  .nav.scrolled .logo-mark{ width:32px; }
  @media (max-width:900px){
    .nav-mark{ font-size:16px; letter-spacing:0.05em; gap:12px; }
    .logo-mark{ width:30px; }
    .nav.scrolled .nav-mark{ font-size:14px; }
    .nav.scrolled .logo-mark{ width:26px; }
  }
  .nav-links{
    display:flex; gap:36px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
    color:rgba(248,245,238,0.86); transition:color .4s ease;
  }
  .nav.scrolled .nav-links{ color:var(--moss); }
  .nav-links a{ position:relative; padding-bottom:4px; }
  .nav-links a::after{
    content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:currentColor;
    transition:width .35s ease;
  }
  .nav-links a:hover::after{ width:100%; }
  @media (max-width:900px){ .nav-links{ display:none; } }
  .btn-book{
    display:inline-block; margin-left:60px; padding:9px 22px;
    font-family:'Work Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size:11px; letter-spacing:0.14em; text-transform:uppercase;
    color:#F8F5EE; border:1px solid rgba(248,245,238,0.55); border-radius:2px; background:transparent;
    white-space:nowrap; transition:background .3s ease, color .3s ease, border-color .3s ease, padding .4s ease, margin .4s ease, font-size .4s ease;
  }
  .btn-book:hover{ background:rgba(248,245,238,0.12); border-color:rgba(248,245,238,0.9); }
  .nav.scrolled .btn-book{ color:var(--estate); border-color:var(--estate); padding:7px 18px; font-size:10px; margin-left:48px; }
  .nav.scrolled .btn-book:hover{ background:var(--estate); color:#F8F5EE; }
  @media (max-width:900px){ .btn-book{ margin-left:42px; padding:7px 16px; font-size:10px; } .nav.scrolled .btn-book{ margin-left:38px; } }
  @media (max-width:760px){ .btn-book{ margin-left:0; padding:7px 14px; font-size:9.5px; } .nav.scrolled .btn-book{ margin-left:0; } }

  /* ---------- HERO ---------- */
  .hero{ position:relative; height:100vh; min-height:640px; width:100%; overflow:hidden; display:flex; align-items:flex-end; }
  .hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.06); animation:heroIn 2.4s cubic-bezier(.2,.7,.2,1) forwards; }
  @keyframes heroIn{ to{ transform:scale(1); } }
  .hero::before{
    content:''; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(15,20,12,0.28) 0%, rgba(15,20,12,0.08) 32%, rgba(15,20,12,0.55) 100%);
    z-index:1;
  }
  .hero-content{ position:relative; z-index:2; width:100%; padding:0 48px 88px; color:#F8F5EE; text-align:center; }
  .hero-crest{ width:52px; height:auto; margin:0 auto 26px; color:#F8F5EE; opacity:0; animation:fadeUp 1.1s ease .3s forwards; }
  .hero-mark{ font-size:13px; letter-spacing:0.4em; text-transform:uppercase; color:rgba(248,245,238,0.82); margin-bottom:22px; opacity:0; animation:fadeUp 1s ease .6s forwards; }
  .hero h1{ font-size:clamp(38px, 6vw, 78px); font-weight:300; line-height:1.1; letter-spacing:0.01em; opacity:0; animation:fadeUp 1.1s ease .9s forwards; }
  .hero h1 em{ font-style:italic; font-weight:400; }
  .hero-sub{ margin-top:20px; font-family:'Work Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size:14px; letter-spacing:0.22em; text-transform:uppercase; color:rgba(248,245,238,0.86); opacity:0; animation:fadeUp 1.1s ease 1.15s forwards; }
  @keyframes fadeUp{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }
  .scroll-cue{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:2; display:flex; flex-direction:column; align-items:center; gap:8px; color:rgba(248,245,238,0.75); opacity:0; animation:fadeUp 1s ease 1.6s forwards; }
  .scroll-cue .line{ width:1px; height:34px; background:rgba(248,245,238,0.5); position:relative; overflow:hidden; }
  .scroll-cue .line::after{ content:''; position:absolute; top:-100%; left:0; width:100%; height:100%; background:#F8F5EE; animation:drop 2.2s ease-in-out infinite; }
  @keyframes drop{ 0%{top:-100%;} 60%{top:100%;} 100%{top:100%;} }

  /* ---------- PHILOSOPHY (no-rooms reframe) ---------- */
  .philosophy{ background:var(--cream); }
  .philosophy .lede{ font-family:'Fraunces', Georgia, 'Times New Roman', serif; font-style:italic; font-size:clamp(24px,3vw,32px); font-weight:400; color:var(--estate); line-height:1.5; margin-bottom:34px; }
  .philosophy p{ font-size:16.5px; color:#3A3E32; font-weight:300; line-height:1.85; }
  .philosophy p + p{ margin-top:20px; }
  .philosophy strong{ font-weight:500; color:var(--estate); }

  /* ---------- NET DIVIDER ---------- */
  .net-divider{ display:flex; align-items:center; justify-content:center; padding:20px 0 64px; }
  .net-divider svg{ width:56px; height:auto; opacity:0.5; }

  /* ---------- LUXURY VIGNETTES (shared: quiet + barefoot) ---------- */
  .vignette-seq.on-dark{ background:var(--estate); color:var(--cream); }
  .vignette-intro{ text-align:center; max-width:560px; margin:0 auto 60px; }
  .vignette-intro .eyebrow{ margin-bottom:16px; display:block; }
  .vignette-intro p.lede{
    font-family:'Fraunces', Georgia, 'Times New Roman', serif; font-style:italic; font-size:clamp(21px,2.6vw,26px);
    line-height:1.5; font-weight:400; color:var(--estate);
  }
  .vignette-seq.on-dark .vignette-intro p.lede{ color:#F8F5EE; }

  .vignette{ border-top:1px solid var(--line); }
  .vignette-seq.on-dark .vignette{ border-top:1px solid var(--line-on-dark); }
  .vignette:last-child{ border-bottom:1px solid var(--line); }
  .vignette-seq.on-dark .vignette:last-child{ border-bottom:1px solid var(--line-on-dark); }

  .vig-head{
    display:flex; align-items:center; justify-content:space-between; gap:24px;
    padding:32px 4px; width:100%; text-align:left; background:none; border:none; cursor:pointer;
  }
  .vig-title{ font-size:clamp(20px,2.6vw,27px); font-weight:300; color:var(--estate); }
  .vignette-seq.on-dark .vig-title{ color:#F8F5EE; }
  .vig-title em{ font-style:italic; font-weight:400; }
  .vig-plus{ flex-shrink:0; width:24px; height:24px; position:relative; }
  .vig-plus::before, .vig-plus::after{ content:''; position:absolute; background:var(--estate); transition:transform .4s ease; }
  .vignette-seq.on-dark .vig-plus::before, .vignette-seq.on-dark .vig-plus::after{ background:#F8F5EE; }
  .vig-plus::before{ top:50%; left:0; width:100%; height:1px; transform:translateY(-50%); }
  .vig-plus::after{ left:50%; top:0; width:1px; height:100%; transform:translateX(-50%); }
  .vignette.is-open .vig-plus::after{ transform:translateX(-50%) rotate(90deg); opacity:0; }

  .vig-panel{ max-height:0; overflow:hidden; transition:max-height .6s cubic-bezier(.2,.7,.2,1); }
  .vignette.is-open .vig-panel{ max-height:820px; }
  .vig-body{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:44px; padding:6px 4px 54px; align-items:center; }
  @media (max-width:820px){ .vig-body{ grid-template-columns:1fr; gap:26px; } }
  .vig-img{ position:relative; overflow:hidden; aspect-ratio:4/3; background:var(--beige); opacity:0; transform:scale(0.97); transition:opacity .7s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
  .vignette.is-open .vig-img{ opacity:1; transform:scale(1); }
  .vig-img img{ opacity:0; transition:opacity .5s ease .15s; }
  .vignette.is-open .vig-img img{ opacity:1; }
  .vig-text p{ font-size:15.5px; font-weight:300; line-height:1.85; color:#3A3E32; }
  .vignette-seq.on-dark .vig-text p{ color:rgba(248,245,238,0.82); }

  .photo-pillars{background:var(--cream);padding:80px 0;}
  .pillar-tabs{display:flex;justify-content:center;gap:clamp(28px,8vw,100px);margin-bottom:36px;}
  .pillar-tabs button{font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:clamp(25px,4vw,38px);color:var(--moss-soft);border:0;border-bottom:1px solid transparent;background:none;padding:0 0 12px;cursor:pointer;}
  .pillar-tabs button[aria-selected="true"]{color:var(--estate);border-bottom-color:var(--estate);}
  .pillar-panel{overflow:visible;}
  .pillar-panel[hidden]{display:none;}
  .pillar-panel img{display:block;width:100%;height:auto;}
  .pillar-placeholder{aspect-ratio:4/3;display:grid;place-items:center;background:var(--beige);color:var(--moss-soft);}
  .pillar-placeholder span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
  @media(max-width:760px){.photo-pillars{padding:48px 0;}.pillar-tabs{margin-bottom:24px;}}

  #pillar-place{aspect-ratio:auto;overflow:visible;}
  .pillar-details{margin:24px auto 0;max-width:680px;}
  .pillar-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);cursor:pointer;color:var(--estate);font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
  .pillar-details summary::-webkit-details-marker{display:none;}
  .pillar-details summary:focus-visible{outline:2px solid var(--moss);outline-offset:4px;}
  .pillar-toggle{position:relative;width:16px;height:16px;flex-shrink:0;}
  .pillar-toggle::before,.pillar-toggle::after{content:'';position:absolute;background:currentColor;}
  .pillar-toggle::before{left:0;top:7px;width:16px;height:1px;}
  .pillar-toggle::after{left:7px;top:0;width:1px;height:16px;}
  .pillar-details[open] .pillar-toggle::after{display:none;}
  .pillar-details .collapse-label{display:none;}
  .pillar-details[open] .collapse-label{display:inline;}
  .pillar-details[open] .expand-label{display:none;}
  .pillar-details p{padding-top:22px;font-size:16px;font-weight:300;line-height:1.9;color:#3A3E32;}

  /* ---------- PROPERTY ---------- */
  .property{ background:var(--beige); }
  .property .intro{ max-width:700px; margin:0 auto 76px; text-align:center; }
  .property .intro p{ font-size:16.5px; color:#3A3E32; font-weight:300; line-height:1.85; }
  .prop-frame{ position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--estate); outline:none; }
  .prop-slide{ position:absolute; inset:0; opacity:0; transition:opacity .8s ease; }
  .prop-slide.is-active{ opacity:1; z-index:1; }
  .prop-slide::after{ content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(15,20,12,0.6) 0%, rgba(15,20,12,0) 45%); }
  .prop-caption{ position:absolute; left:28px; bottom:24px; z-index:2; color:#F8F5EE; }
  .prop-counter{ display:block; font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(248,245,238,0.75); margin-bottom:6px; }
  .prop-caption h3{ font-family:'Fraunces', Georgia, 'Times New Roman', serif; font-style:italic; font-weight:400; font-size:22px; }
  .prop-arrow{
    position:absolute; top:50%; transform:translateY(-50%); z-index:3;
    width:42px; height:42px; border-radius:50%; border:1px solid rgba(248,245,238,0.55);
    background:rgba(15,20,12,0.25); color:#F8F5EE; display:flex; align-items:center; justify-content:center;
    cursor:pointer; transition:background .3s ease, border-color .3s ease;
  }
  .prop-arrow:hover{ background:rgba(15,20,12,0.5); border-color:#F8F5EE; }
  .prop-arrow svg{ width:18px; height:18px; }
  .prop-prev{ left:20px; } .prop-next{ right:20px; }
  .prop-thumbs{ display:flex; gap:10px; margin-top:18px; }
  .prop-thumb{ flex:1; aspect-ratio:16/10; overflow:hidden; border:none; padding:0; cursor:pointer; opacity:0.5; transition:opacity .3s ease; background:none; }
  .prop-thumb.is-active{ opacity:1; box-shadow:0 0 0 2px var(--brass); }
  .prop-thumb:hover{ opacity:0.85; }

  /* ---------- EXPERIENCES TEASER ---------- */
  .experiences{ background:var(--cream); }
  .exp-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
  @media (max-width:900px){ .exp-grid{ grid-template-columns:1fr; gap:28px; } }
  .exp-card{ display:flex; flex-direction:column; }
  .exp-img{ position:relative; overflow:hidden; aspect-ratio:4/5; }
  .exp-img img{ transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }
  .exp-card:hover .exp-img img{ transform:scale(1.06); }
  .exp-text{ padding:26px 6px 0; }
  .exp-text .eyebrow{ margin-bottom:10px; }
  .exp-text h3{ font-size:21px; font-weight:400; color:var(--estate); margin-bottom:10px; line-height:1.3; }
  .exp-text p{ font-size:14.5px; color:#4A4E40; font-weight:300; line-height:1.7; }
  .immersion-preview-intro{max-width:660px;margin:24px auto 0;font-size:16px;line-height:1.8;color:var(--moss-soft);font-weight:300;}
  .exp-note{ max-width:640px; margin:70px auto 0; text-align:center; }
  .exp-note p{ font-family:'Fraunces', Georgia, 'Times New Roman', serif; font-style:italic; font-size:19px; color:var(--moss); line-height:1.6; font-weight:400; }
  .btn-view-all{
    display:inline-block; margin-top:34px; padding:12px 28px;
    font-family:'Work Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size:11px; letter-spacing:0.14em; text-transform:uppercase;
    color:var(--estate); border:1px solid var(--estate); border-radius:2px; background:transparent;
    transition:background .3s ease, color .3s ease;
  }
  .btn-view-all:hover{ background:var(--estate); color:var(--cream); }

  /* ---------- THE MODEL, PLAINLY ---------- */
  .model-plainly{ background:var(--beige); text-align:center; }
  .model-plainly .lede{ font-family:'Fraunces', Georgia, 'Times New Roman', serif; font-style:italic; font-size:clamp(22px,2.8vw,28px); color:var(--estate); line-height:1.5; margin-bottom:26px; font-weight:400; max-width:640px; margin-left:auto; margin-right:auto; }
  .model-plainly p{ font-size:16px; color:#3A3E32; font-weight:300; line-height:1.85; max-width:640px; margin:0 auto 36px; }
  .btn-outline{
    display:inline-block; padding:12px 28px;
    font-size:11px; letter-spacing:0.14em; text-transform:uppercase;
    color:var(--estate); border:1px solid var(--estate); border-radius:2px; background:transparent;
    transition:background .3s ease, color .3s ease;
  }
  .btn-outline:hover{ background:var(--estate); color:var(--cream); }

  /* ---------- HOSPITALITY ---------- */
  .hospitality{ background:var(--estate); color:var(--cream); }
  .hospitality .grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:56px; margin-top:60px; }
  @media (max-width:820px){ .hospitality .grid3{ grid-template-columns:1fr; gap:44px; } }
  .hospitality .grid3 > div{ text-align:center; }
  .hospitality .grid3 h3{ font-size:18px; font-weight:400; font-family:'Fraunces',serif; font-style:italic; margin-bottom:14px; color:#F8F5EE; }
  .hospitality .grid3 p{ font-size:14.5px; color:rgba(248,245,238,0.72); font-weight:300; line-height:1.75; }
  .hospitality .center-col p{ color:rgba(248,245,238,0.85); }
  .hospitality .center-col .lede{ font-family:'Fraunces', Georgia, 'Times New Roman', serif; font-style:italic; font-size:clamp(22px,2.8vw,28px); color:#F8F5EE; line-height:1.5; font-weight:400; margin-bottom:8px; }

  /* ---------- CLOSING ---------- */
  .closing{ position:relative; min-height:80vh; display:flex; align-items:center; justify-content:center; overflow:hidden; }
  .closing img{ position:absolute; inset:0; }
  .closing::before{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,20,12,0.55) 0%, rgba(15,20,12,0.25) 40%, rgba(15,20,12,0.7) 100%); }
  .closing-content{ position:relative; z-index:2; text-align:center; color:#F8F5EE; padding:0 30px; }
  .closing-content .eyebrow{ color:rgba(248,245,238,0.75); margin-bottom:24px; display:block; }
  .closing-content h2{ font-size:clamp(28px,4vw,46px); font-weight:300; line-height:1.4; }
  .closing-content h2 em{ font-style:italic; font-weight:400; }

  /* ---------- NEWSLETTER (primary CTA) ---------- */
  .newsletter{ background:var(--beige); padding:100px 0; text-align:center; }
  @media (max-width:760px){ .newsletter{ padding:76px 0; } }
  .newsletter .eyebrow{ margin-bottom:18px; }
  .newsletter h2{ font-size:clamp(26px,3.4vw,38px); font-weight:300; color:var(--estate); line-height:1.25; margin-bottom:16px; }
  .newsletter p{ font-size:15.5px; color:#4A4E40; font-weight:300; max-width:440px; margin:0 auto 40px; line-height:1.75; }
  .newsletter-form{ display:flex; justify-content:center; align-items:flex-end; gap:18px; max-width:440px; margin:0 auto; }
  @media (max-width:560px){ .newsletter-form{ flex-direction:column; gap:22px; } }
  .nl-field{ flex:1; text-align:left; border-bottom:1px solid var(--estate); padding-bottom:10px; }
  .nl-field input{ width:100%; border:none; background:transparent; font-family:'Work Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size:15px; font-weight:300; color:var(--estate-ink); outline:none; }
  .nl-field input::placeholder{ color:rgba(20,24,16,0.42); }
  .btn-subscribe{
    flex-shrink:0; padding:11px 26px; font-family:'Work Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size:11px; letter-spacing:0.14em; text-transform:uppercase;
    color:var(--cream); background:var(--estate); border:1px solid var(--estate); border-radius:2px; cursor:pointer; white-space:nowrap;
    transition:background .3s ease, color .3s ease;
  }
  .btn-subscribe:hover{ background:var(--moss); border-color:var(--moss); }
  @media (max-width:560px){ .btn-subscribe{ width:100%; padding:13px 26px; } }
  .newsletter-note{ margin-top:18px; font-size:12px; color:var(--brass); letter-spacing:0.02em; }
  .newsletter-success{ display:none; margin-top:18px; font-family:'Fraunces', Georgia, 'Times New Roman', serif; font-style:italic; font-size:16px; color:var(--moss); }
  .newsletter.is-subscribed .newsletter-form, .newsletter.is-subscribed .newsletter-note{ display:none; }
  .newsletter.is-subscribed .newsletter-success{ display:block; }
  .secondary-links{ display:flex; gap:26px; justify-content:center; margin-top:30px; flex-wrap:wrap; }
  .secondary-links a{ font-size:11.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--moss); border-bottom:1px solid var(--moss); padding-bottom:2px; transition:opacity .3s ease; }
  .secondary-links a:hover{ opacity:0.65; }

  /* ---------- FOOTER ---------- */
  footer{ background:var(--cream-2); padding:56px 0 40px; text-align:center; }
  footer .fmark{ display:flex; align-items:center; justify-content:center; gap:12px; font-family:'Fraunces', Georgia, 'Times New Roman', serif; font-size:18px; letter-spacing:0.12em; color:var(--estate); margin-bottom:12px; }
  footer .logo-mark{ width:38px; color:var(--estate); }
  footer p{ font-size:12.5px; color:var(--brass); letter-spacing:0.04em; }

  a:focus-visible, button:focus-visible{ outline:2px solid var(--moss); outline-offset:3px; }
  .reveal{ opacity:0; transform:translateY(24px); transition:opacity .9s ease, transform .9s ease; }
  .reveal.is-visible{ opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.hero img,.hero-crest,.hero-mark,.hero h1,.hero-sub,.scroll-cue{animation:none;opacity:1;transform:none}}

/* Shared primary navigation */
.nav-links a[aria-current="page"]::after{width:100%;}
.nav-links a:focus-visible{outline:2px solid currentColor;outline-offset:6px;}
@media(max-width:900px){
 .nav,.nav.scrolled{padding:16px 20px;flex-wrap:wrap;gap:16px;}
 .nav-brand{width:100%;gap:10px;}
 .nav-links{display:flex;width:100%;justify-content:space-between;gap:18px;font-size:11px;}
 .nav-links a{padding:8px 0;min-height:36px;}
 .nav-mark{font-size:clamp(12px,3.6vw,16px);gap:10px;letter-spacing:.03em;}
 .nav.scrolled .nav-mark{font-size:clamp(12px,3.6vw,14px);}
 .page-hero{margin-top:175px;}
}