:root{
  
  --c-bg:#141D3A;
  --c-surface:#243564;
  --c-text:#E6EDF8;
  --c-primary:#73E7E5;
  --c-secondary:#F0C987;
  --c-accent:#7FB9E8;
  --c-dark-bg:#141D3A;
  --c-dark-text:#E6EDF8;
  --c-hairline:#47568C;           
  --c-plate:#EEF3FA;              
  --c-ink:#141D3A;                
  --c-muted:rgba(230,237,248,0.74);
  --c-primary-wash:rgba(115,231,229,0.12);
  --c-primary-edge:rgba(115,231,229,0.40);

  
  --ff-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --ff-body:"Karla","Helvetica Neue",Arial,sans-serif;

  
  --sp-1:0.25rem;
  --sp-2:0.5rem;
  --sp-3:0.75rem;
  --sp-4:1rem;
  --sp-5:1.5rem;
  --sp-6:2rem;
  --sp-7:3rem;
  --sp-8:clamp(3.5rem, 2.5rem + 4vw, 7rem);

  
  --container:1200px;
  --gutter:clamp(1.15rem, 0.85rem + 2.2vw, 3rem);
  --header-h:134px;

  
  --radius-xs:2px;
  --radius-sm:4px;
  --radius:6px;
  --radius-lg:10px;

  
  --mo-dur:560ms;
  --mo-ease:cubic-bezier(0.16, 0.84, 0.28, 1);
  --mo-dist:26px;
  --mo-stagger:70ms;
  --mo-quick:160ms;
}

@media (min-width:720px){
  :root{ --header-h:100px; }
}

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{
  margin:0;
  overflow-x:hidden;
  background:var(--c-bg);
  color:var(--c-text);
  font-family:var(--ff-body);
  font-size:1.0625rem;
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}
img,svg,video{display:block;max-width:100%;height:auto}
ul,ol{margin:0;padding:0}
li{list-style:none}
figure{margin:0}
hr{border:0;height:1px;background:var(--c-hairline);opacity:.7;margin-block:var(--sp-6)}

[id]{scroll-margin-top:calc(var(--header-h) + 1rem)}

h1,h2,h3,h4,h5{
  font-family:var(--ff-display);
  font-weight:700;
  letter-spacing:-0.015em;
  line-height:1.12;
  margin:0 0 0.5em;
  text-wrap:balance;
}
h1,.h1{
  font-size:clamp(2.25rem, 1.6rem + 2.6vw, 4.5rem);
  line-height:1.05;
  letter-spacing:-0.02em;
  max-width:18ch;
}
h2,.h2{ font-size:clamp(2rem, 1.2rem + 3vw, 4.5rem); line-height:1.06; max-width:20ch; }
h3,.h3{ font-size:clamp(1.25rem, 1.05rem + 0.7vw, 1.6rem); line-height:1.2; }
h4,.h4{ font-size:1.0625rem; letter-spacing:0; }
p{margin:0 0 1em;max-width:62ch}
p:last-child{margin-bottom:0}
.lead{font-size:clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);color:var(--c-text);max-width:58ch}
.measure{max-width:58ch}
.copy{max-width:62ch}
.copy > * + *{margin-top:1em}
.text-secondary{color:var(--c-secondary)}
.text-primary{color:var(--c-primary)}
.text-accent{color:var(--c-accent)}
.text-muted{color:var(--c-muted)}

a{
  color:var(--c-primary);
  text-decoration:none;
  text-underline-offset:0.22em;
}
a:hover{color:var(--c-secondary)}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible{
  outline:2px solid var(--c-secondary);
  outline-offset:3px;
  border-radius:2px;
}

.container{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.container--narrow{max-width:860px}
.container--wide{max-width:1440px}

.section__inner{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
section{padding-block:var(--sp-8);position:relative}
section > .container,
section > .section__inner{position:relative}
.section--surface{background:var(--c-surface)}
.section--dark{background:var(--c-dark-bg);color:var(--c-dark-text)}
.stack > * + *{margin-top:var(--sp-5)}
.grid{display:grid;gap:clamp(1rem, 0.7rem + 1.4vw, 2rem);grid-template-columns:1fr}
@media (min-width:768px){
  .grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:960px){
  .grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.center{text-align:center;margin-inline:auto}

.visually-hidden,.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);
  white-space:nowrap;border:0;
}

.skip-link{
  position:absolute;
  left:var(--gutter);
  top:-140px;
  z-index:2000;
  background:var(--c-secondary);
  color:var(--c-ink);
  font-family:var(--ff-body);
  font-weight:700;
  font-size:0.9375rem;
  padding:0.7rem 1rem;
  border-radius:var(--radius);
}
.skip-link:focus{top:0.5rem;color:var(--c-ink)}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.5em;
  min-height:44px;
  padding:0.75rem 1.35rem;
  font-family:var(--ff-body);
  font-weight:700;
  font-size:1rem;
  line-height:1.2;
  letter-spacing:0.01em;
  border:1px solid transparent;
  border-radius:var(--radius);
  cursor:pointer;
  text-align:center;
  text-decoration:none;
}
.btn--primary{background:var(--c-secondary);color:var(--c-ink);border-color:var(--c-secondary)}
.btn--primary:hover,.btn--primary:focus-visible{background:#F7DCAC;border-color:#F7DCAC;color:var(--c-ink)}
.btn--ghost{background:transparent;color:var(--c-primary);border-color:var(--c-primary-edge)}
.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--c-primary-wash);border-color:var(--c-primary);color:var(--c-primary)}
.btn--block{width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-4);align-items:center}

.wash-line{
  display:block;
  width:72px;
  height:6px;
  border-radius:3px;
  margin:0 0 16px;
  background:linear-gradient(102deg, var(--c-hairline) 0 40%, var(--c-primary) 40% 100%);
  transform-origin:left center;
}
.wash-line--wide{width:112px}
.center > .wash-line,.wash-line--center{margin-inline:auto;transform-origin:center}

.kicker{
  display:inline-block;
  font-family:var(--ff-body);
  font-weight:700;
  font-size:0.75rem;
  line-height:1.25;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--c-secondary);
  border:1px solid var(--c-primary-edge);
  border-radius:var(--radius-xs);
  padding:4px 10px;
  margin:0 0 var(--sp-4);
}

.ba-frame{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:2px solid var(--c-surface);
  border-radius:var(--radius-sm);
  background:var(--c-surface);
}
.ba-frame img{width:100%;height:100%;object-fit:cover}
.ba-frame::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:var(--wash-x, 50%);
  width:3px;
  background:var(--c-primary);
  transform-origin:top center;
  z-index:2;
}
.ba-labels{
  display:flex;
  align-items:center;
  gap:0.5rem;
  margin-top:0.6rem;
  font-family:var(--ff-body);
  font-weight:600;
  font-size:0.75rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--c-secondary);
}
.ba-labels .ba-labels__slash{color:var(--c-hairline)}

.img-treated{
  filter:saturate(0.93) contrast(1.05) brightness(0.99) hue-rotate(-4deg);
}
.img-frame{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-sm)}
.img-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(36,53,100,0) 42%, rgba(20,29,58,0.45) 100%);
  pointer-events:none;
}

.card{
  background:var(--c-surface);
  border:1px solid rgba(71,86,140,0.85);
  border-radius:var(--radius-lg);
  padding:clamp(1.25rem, 1rem + 1vw, 2rem);
  color:var(--c-text);
}
.card h3{color:var(--c-primary)}
.card p{max-width:52ch}
.card--dark{background:var(--c-dark-bg);border-color:var(--c-hairline)}
.card--plain{background:transparent;border-color:rgba(71,86,140,0.6)}

.note{
  background:rgba(230,237,248,0.05);
  border:1px solid var(--c-primary-edge);
  border-radius:var(--radius-lg);
  padding:clamp(1.1rem, 0.9rem + 0.8vw, 1.75rem);
}
.note__label{
  display:block;
  font-weight:700;
  font-size:0.75rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--c-secondary);
  margin-bottom:0.5rem;
}

.fact,[data-count],.price{
  display:block;
  font-family:var(--ff-body);
  font-weight:700;
  font-variant-numeric:tabular-nums;
  font-size:clamp(2.2rem, 1.4rem + 2.4vw, 3.6rem);
  line-height:1;
  letter-spacing:-0.01em;
  color:var(--c-secondary);
}
.fact__label,[data-count] + .label{
  display:block;
  margin-top:0.5rem;
  font-size:0.8125rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--c-muted);
}

.form{display:grid;gap:var(--sp-5);max-width:640px}
.field{display:block}
.field > label,.label{
  display:block;
  margin-bottom:0.35rem;
  font-family:var(--ff-body);
  font-weight:700;
  font-size:0.8125rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--c-secondary);
}
.field input,.field textarea,.field select,
input[type="text"],input[type="email"],input[type="tel"],textarea,select{
  width:100%;
  font:inherit;
  font-size:1rem;
  color:var(--c-text);
  background:transparent;
  border:0;
  border-bottom:2px solid var(--c-hairline);
  border-radius:0;
  padding:0.7rem 0.2rem;
  min-height:44px;
}
.field textarea,textarea{min-height:132px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus,
input:focus,textarea:focus,select:focus{
  outline:none;
  border-bottom-color:var(--c-primary);
}
.field .hint{display:block;margin-top:0.4rem;font-size:0.8125rem;color:var(--c-muted)}
::placeholder{color:rgba(230,237,248,0.45)}

.statement{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:max(700px, 82vh);
}
.statement__copy,.statement > .copy{
  font-family:var(--ff-display);
  font-weight:700;
  font-size:clamp(2.25rem, 1.6rem + 2.6vw, 4.5rem);
  line-height:1.14;
  letter-spacing:-0.02em;
  max-width:26ch;
}

#hero,.hero{
  position:relative;
  isolation:isolate;
  display:grid;
  align-content:center;
  overflow:hidden;
  min-height:calc(100svh - var(--header-h));
  padding-block:clamp(2rem, 1.5rem + 2.5vw, 4rem);
}
@media (min-height:640px){
  #hero,.hero{max-height:calc(100svh - var(--header-h))}
}
#hero.statement{min-height:calc(100svh - var(--header-h))}
.hero__bg{position:absolute;inset:0;z-index:-1}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg, rgba(20,29,58,0.92) 0%, rgba(20,29,58,0.72) 55%, rgba(20,29,58,0.45) 100%)}
.hero__copy{max-width:min(92vw, 720px)}
.hero__copy p{max-width:56ch}
.hero__grid{display:grid;gap:clamp(1.25rem, 1rem + 2vw, 3rem);align-items:center;grid-template-columns:1fr;min-height:0}
@media (min-width:960px){
  .hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr)}
}
.hero__grid > *{min-width:0;min-height:0}
@media (max-width:959px){
  .hero__figure,.hero .ba-frame{max-height:30svh}
  .hero__figure img,.hero .ba-frame img{height:100%;max-height:30svh;object-fit:cover}
}

.pillars{display:grid;gap:clamp(1rem, 0.7rem + 1.4vw, 2rem);grid-template-columns:1fr}
@media (min-width:768px){ .pillars{grid-template-columns:repeat(3,minmax(0,1fr))} }
.pillar{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:var(--radius-lg);
  border:1px solid rgba(71,86,140,0.85);
  background:var(--c-surface);
  padding:clamp(1.25rem, 1rem + 1vw, 2rem);
  min-height:320px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.pillar__photo{
  position:absolute;
  inset:0;
  z-index:-1;
  clip-path:inset(0 0 55% 0);
}
.pillar__photo img{width:100%;height:100%;object-fit:cover}
.pillar__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(20,29,58,0.2), rgba(20,29,58,0.85))}
.pillar:hover .pillar__photo,.pillar:focus-within .pillar__photo{clip-path:inset(0 0 0 0)}
@media (hover:none){ .pillar__photo{clip-path:inset(0 0 0 0)} }

.tour-scroller{
  display:flex;
  gap:clamp(0.75rem, 0.5rem + 1vw, 1.5rem);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:0.5rem;
}
.tour-scroller::-webkit-scrollbar{display:none}
.tour-panel{
  flex:0 0 auto;
  scroll-snap-align:center;
  width:min(82vw, 520px);
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:var(--c-surface);
}

[data-card]{
  position:sticky;
  top:calc(var(--header-h, 0px) + 88px + (var(--card-i, 0) * 16px));
}

.quote-serif{
  font-family:var(--ff-display);
  font-style:italic;
  font-weight:600;
  font-size:clamp(1.375rem, 1.1rem + 1.2vw, 2.125rem);
  line-height:1.25;
  max-width:22ch;
  color:var(--c-text);
  margin:0;
}
.quote-serif__cite{
  display:block;
  margin-top:var(--sp-4);
  font-family:var(--ff-body);
  font-style:normal;
  font-weight:700;
  font-size:0.8125rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--c-secondary);
}

.wordmark-footer{container-type:inline-size;width:100%}
.wordmark-footer__mark{
  display:block;
  font-family:var(--ff-display);
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:0.92;
  font-size:clamp(2.5rem, 1rem + 11vw, 9rem);
  color:var(--c-text);
}
@supports (container-type:inline-size){
  .wordmark-footer__mark{font-size:max(2.5rem, 13cqw)}
}
.wordmark-footer__mark .wm-b{color:var(--c-primary)}

.site-header{
  position:sticky;
  top:0;
  z-index:900;
  background:var(--c-bg);
  border-bottom:1px solid rgba(71,86,140,0.75);
}
.header__bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:clamp(0.75rem, 0.4rem + 1.6vw, 2rem);
  row-gap:0.5rem;
  padding-block:0.5rem;
}
.brand{
  display:flex;
  align-items:center;
  gap:0.75rem;
  flex:0 0 auto;
  color:var(--c-text);
  text-decoration:none;
}
.brand:hover{color:var(--c-text)}
.brand__plate{
  display:grid;
  place-items:center;
  background:var(--c-plate);
  border-radius:var(--radius);
  padding:5px;
}
.brand__plate img{height:56px;width:auto}
.brand__name{
  display:none;
  font-family:var(--ff-display);
  font-weight:800;
  letter-spacing:-0.02em;
  font-size:clamp(1.125rem, 1rem + 0.5vw, 1.5rem);
  line-height:1;
  white-space:nowrap;
}
.brand__name .wm-a{color:var(--c-text)}
.brand__name .wm-b{color:var(--c-primary)}
.site-nav{margin-inline-start:auto;flex:0 1 auto}
.nav-list{display:flex;align-items:center;gap:clamp(0.9rem, 0.5rem + 1.6vw, 2rem);flex-wrap:wrap}
.nav-list a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding-block:0.25rem;
  color:var(--c-text);
  font-family:var(--ff-body);
  font-weight:700;
  font-size:0.9375rem;
  letter-spacing:0.01em;
}
.nav-list a:hover,.nav-list a:focus-visible{color:var(--c-primary)}
.nav-list a[aria-current="page"]{color:var(--c-primary)}
.header__cta{flex:0 0 auto;font-size:0.9375rem;padding:0.65rem 1.1rem}
@media (max-width:719px){
  .header__cta{flex:1 0 100%;width:100%}
}
@media (min-width:600px){
  .brand__name{display:flex;gap:0}
}
@media (min-width:720px){
  .header__bar{padding-block:0.75rem}
  .brand__plate img{height:64px}
}

.site-footer{
  margin-top:0;
  background:var(--c-surface);
  color:var(--c-text);
  padding-top:clamp(2.75rem, 2rem + 3vw, 5rem);
  padding-bottom:clamp(1.75rem, 1.25rem + 2vw, 3rem);
}
.footer__grid{
  display:grid;
  gap:clamp(1.75rem, 1.2rem + 2.5vw, 3.5rem);
  grid-template-columns:1fr;
}
@media (min-width:760px){
  .footer__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,0.8fr) minmax(0,1.1fr)}
}
.footer__wordmark{
  display:inline-flex;
  font-family:var(--ff-display);
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:1;
  font-size:clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
  text-decoration:none;
}
.footer__wordmark .wm-a{color:var(--c-text)}
.footer__wordmark .wm-b{color:var(--c-primary)}
.footer__wordmark:hover .wm-b{color:var(--c-secondary)}
.footer__blurb{margin-top:var(--sp-4);color:var(--c-muted);max-width:40ch;font-size:1rem}
.footer__head{
  font-family:var(--ff-body);
  font-weight:700;
  font-size:0.8125rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--c-secondary);
  margin:0 0 var(--sp-4);
}
.footer__list li + li{margin-top:0.5rem}
.footer__list a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  color:var(--c-text);
  font-size:1rem;
}
.footer__list a:hover,.footer__list a:focus-visible{color:var(--c-primary)}
.footer__meta{color:var(--c-muted);font-size:0.9375rem;margin-top:0.5rem;max-width:34ch}
.footer__bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3) var(--sp-5);
  margin-top:clamp(2rem, 1.5rem + 2vw, 3.25rem);
  padding-top:var(--sp-5);
  border-top:1px solid rgba(71,86,140,0.8);
}
.footer__copy{margin:0;font-size:0.875rem;color:var(--c-muted);max-width:none}
.footer__legal{display:flex;flex-wrap:wrap;gap:0.5rem 1.25rem}
.footer__legal a{font-size:0.875rem;color:var(--c-muted)}
.footer__legal a:hover,.footer__legal a:focus-visible{color:var(--c-primary)}
.footer__by{margin:0;font-size:0.875rem}
.footer__by a{color:var(--c-accent)}
.footer__by a:hover{color:var(--c-secondary)}

.footer__social{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:var(--sp-5)}
.footer__social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:var(--radius);
  border:1px solid var(--c-primary-edge);
  color:var(--c-primary);
  font-size:1.25em;
}
.footer__social a:hover,.footer__social a:focus-visible{color:var(--c-secondary);border-color:var(--c-secondary)}

.link-draw{position:relative;display:inline-block}
.link-draw::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:2px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left center;
}
.link-draw:hover::after,.link-draw:focus-visible::after{transform:scaleX(1)}
.media-zoom{overflow:hidden;position:relative;border-radius:var(--radius-sm)}
.media-zoom img{width:100%}

@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth}

  .reveal{
    opacity:0;
    transform:translateY(var(--mo-dist));
    transition:opacity var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms),
               transform var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms);
  }
  .reveal.is-visible{opacity:1;transform:none}

  .reveal-stagger > *{
    opacity:0;
    transform:translateY(var(--mo-dist));
    transition:opacity var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms),
               transform var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms);
  }
  .reveal-stagger.is-visible > *,
  .reveal-stagger > .is-visible{opacity:1;transform:none}

  .reveal .wash-line,.wash-line.reveal{transform:scaleX(0);transition:transform var(--mo-dur) var(--mo-ease)}
  .reveal.is-visible .wash-line,.wash-line.reveal.is-visible{transform:scaleX(1)}

  .ba-frame::after{transform:scaleY(0);transition:transform var(--mo-dur) var(--mo-ease)}
  .ba-frame.is-visible::after,.is-visible .ba-frame::after{transform:scaleY(1)}

  .media-zoom img{transition:transform calc(var(--mo-dur) * 2) var(--mo-ease)}
  .media-zoom:hover img,.media-zoom:focus-within img{transform:scale(1.03)}

  .ken-burns{overflow:hidden}
  .ken-burns img{animation:nn-kenburns 13s var(--mo-ease) infinite alternate}
  @keyframes nn-kenburns{ from{transform:scale(1)} to{transform:scale(1.04)} }

  .btn{transition:transform var(--mo-quick) var(--mo-ease),
                 background-color var(--mo-quick) var(--mo-ease),
                 border-color var(--mo-quick) var(--mo-ease),
                 color var(--mo-quick) var(--mo-ease),
                 opacity var(--mo-quick) var(--mo-ease)}
  .btn:hover,.btn:focus-visible{transform:translateY(-2px)}
  a,.nav-list a,.footer__list a,.footer__legal a,.footer__social a{
    transition:color var(--mo-quick) var(--mo-ease),
               border-color var(--mo-quick) var(--mo-ease),
               opacity var(--mo-quick) var(--mo-ease);
  }
  .link-draw::after{transition:transform var(--mo-quick) var(--mo-ease)}
  .card,.pillar,.tour-panel{transition:transform var(--mo-dur) var(--mo-ease), opacity var(--mo-dur) var(--mo-ease)}
  .card:hover,.pillar:hover,.pillar:focus-within,.tour-panel:hover{transform:translateY(-2px)}
  .pillar__photo{transition:clip-path var(--mo-dur) var(--mo-ease)}
  .field input,.field textarea,.field select,input,textarea,select{transition:border-color var(--mo-quick) var(--mo-ease)}
}

@media (prefers-reduced-motion: reduce){
  .reveal,.reveal-stagger > *{opacity:1;transform:none;transition:none}
  .wash-line,.ba-frame::after{transform:none}
  .ken-burns img{animation:none}
  .pillar__photo{clip-path:inset(0 0 0 0)}
  [data-card]{position:static}
  *,*::before,*::after{animation-duration:0.001ms !important;transition-duration:0.001ms !important}
}

.reveal{opacity:0;transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1));transition-delay:var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1}
.reveal-stagger>*{opacity:0;transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1));transition-delay:var(--reveal-delay,0ms)}
.reveal-stagger.is-visible>*,.reveal-stagger>.is-visible{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .reveal{transform:translateY(14px);transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1)),transform var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1))}
  .reveal.is-visible{transform:none}
  .reveal-stagger>*{transform:translateY(14px);transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1)),transform var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1))}
  .reveal-stagger.is-visible>*,.reveal-stagger>.is-visible{transform:none}
}
@media (prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:none}}
.split-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split-word__i{display:inline-block}
html.motion [data-split] .split-word__i{transform:translateY(112%);opacity:0}
html.motion [data-split].is-visible .split-word__i{transform:none;opacity:1;transition:transform var(--mo-split-dur,900ms) var(--mo-ease,cubic-bezier(.22,1,.36,1)),opacity var(--mo-split-dur,900ms) var(--mo-ease,cubic-bezier(.22,1,.36,1));transition-delay:calc(var(--split-i,0) * var(--mo-split-stagger,40ms))}
[data-magnetic]{transition:transform .5s var(--mo-ease,cubic-bezier(.22,1,.36,1))}
.marquee{overflow:hidden}
.marquee-track{display:flex;width:max-content}
html.motion .marquee-track{animation:nn-marquee var(--mo-marquee-dur,40s) linear infinite}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
@keyframes nn-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){
  html.motion [data-split] .split-word__i,html.motion [data-split].is-visible .split-word__i{transform:none;opacity:1;transition:none}
  .marquee-track,html.motion .marquee-track{animation:none}
  [data-magnetic]{transition:none;transform:none}
}
.shape-figures{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 2.5rem}
@media(min-width:1024px){.shape-figures{grid-template-columns:repeat(4,1fr)}}
.shape-figures [data-count]{font-variant-numeric:tabular-nums;font-size:clamp(2.75rem,6.2vw,5.5rem);font-weight:300;line-height:1;letter-spacing:-.04em;display:block}
.shape-wordmark{container-type:inline-size;overflow:hidden}
.shape-wordmark .wordmark{display:block;font-size:clamp(3.5rem,29vw,15rem);font-weight:300;line-height:.82;letter-spacing:-.045em}
@supports (font-size:1cqw){.shape-wordmark .wordmark{font-size:38cqw}}
/* nn:mobile-floor */
@media (max-width:899px){
.site-header{position:sticky}
.header__bar{flex-wrap:nowrap}
.nav-panel{position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100dvh - var(--header-h,64px));overflow-y:auto;-webkit-overflow-scrolling:touch}
}
input,select,textarea{min-width:0;box-sizing:border-box;max-width:100%}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],input[type="week"]{-webkit-appearance:none;appearance:none;width:100%}
input[type="date"]::-webkit-date-and-time-value{text-align:left;margin:0}
input[type="date"]::-webkit-calendar-picker-indicator{margin-inline-start:auto}

/* nn:nav-open-floor */
@media (max-width:899px){
header:has(.nav-toggle:checked) :where(.nav-panel,.mobile-nav,.mobile-menu,#nav-panel,#mobile-nav,#mobile-menu),
header:has(input[id="nav-toggle"]:checked) :where(.nav-panel,.mobile-nav,.mobile-menu,#nav-panel,#mobile-nav,#mobile-menu),
header:has(input[id="menu-toggle"]:checked) :where(.nav-panel,.mobile-nav,.mobile-menu,#nav-panel,#mobile-nav,#mobile-menu),
header:has(input[id="nav-check"]:checked) :where(.nav-panel,.mobile-nav,.mobile-menu,#nav-panel,#mobile-nav,#mobile-menu){display:block;max-height:calc(100dvh - var(--header-h,64px));overflow-y:auto;visibility:visible;opacity:1;transform:none;pointer-events:auto}
}

/* nn:logo-floor */
header .identity img{min-height:64px;width:auto;object-fit:contain}
@media (max-width:899px){
header .identity img{min-height:56px;width:auto;object-fit:contain}
}


/* nn:neatreason-header — added 2026-09-14. The shell shipped no toggle, so the
   "Get a Free Estimate" button was forced onto the logo's row by the mobile
   floor's flex-wrap:nowrap and ran 137px past a 390px viewport. */
.brand__mark{display:block;height:44px;width:auto}
.brand__lockup{display:none;height:44px;width:auto}
@media (min-width:600px){
  .brand__mark{display:none}
  .brand__lockup{display:block;height:46px}
}
@media (min-width:900px){
  .brand__lockup{height:58px}
}
.nav-burger-wrap{display:none}
.nav-toggle{position:absolute;width:0;height:0;opacity:0;margin:0;pointer-events:none}
@media (max-width:899px){
  .header__bar{flex-wrap:nowrap;column-gap:var(--sp-3);row-gap:0}
  .nav-burger-wrap{display:inline-flex;position:relative;flex:0 0 auto;width:44px;height:44px;margin-inline-start:auto}
  .nav-toggle{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:auto;cursor:pointer;z-index:2;-webkit-appearance:none;appearance:none}
  .nav-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--c-hairline);border-radius:var(--radius);background:var(--c-surface)}
  .nav-burger__bars,.nav-burger__bars::before,.nav-burger__bars::after{display:block;width:20px;height:2px;background:var(--c-primary);border-radius:2px}
  .nav-burger__bars{position:relative}
  .nav-burger__bars::before,.nav-burger__bars::after{content:"";position:absolute;left:0}
  .nav-burger__bars::before{top:-6px}
  .nav-burger__bars::after{top:6px}
  .nav-toggle:focus-visible + .nav-burger{outline:2px solid var(--c-primary);outline-offset:3px}
  .nav-toggle:checked + .nav-burger .nav-burger__bars{background:transparent}
  .nav-toggle:checked + .nav-burger .nav-burger__bars::before{top:0;transform:rotate(45deg)}
  .nav-toggle:checked + .nav-burger .nav-burger__bars::after{top:0;transform:rotate(-45deg)}
  .site-nav.nav-panel{
    display:none;position:absolute;top:100%;left:0;right:0;width:100%;margin:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--c-bg);border-top:1px solid var(--c-hairline);border-bottom:1px solid var(--c-hairline);
    box-shadow:0 20px 44px -26px rgba(0,0,0,0.75);
    padding:0 var(--gutter) var(--sp-4);
  }
  header:has(.nav-toggle:checked) .site-nav.nav-panel{display:flex}
  .site-nav.nav-panel .nav-list{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .site-nav.nav-panel .nav-list li + li{border-top:1px solid var(--c-hairline)}
  .site-nav.nav-panel .nav-list a{min-height:52px;width:100%;font-size:1rem}
  .site-nav.nav-panel .header__cta{display:inline-flex;justify-content:center;flex:0 0 auto;width:100%;margin-top:var(--sp-4)}
}
@media (min-width:900px){
  .site-nav{display:flex;align-items:center;gap:clamp(0.9rem, 0.5rem + 1.6vw, 2rem)}
}
@media (prefers-reduced-motion: no-preference){
  .nav-burger__bars,.nav-burger__bars::before,.nav-burger__bars::after{transition:transform var(--mo-quick,140ms) ease,background-color var(--mo-quick,140ms) ease,top var(--mo-quick,140ms) ease}
}

/* nn:neatreason-header-h — the token has to match the real header or every
   calc(100svh - var(--header-h)) is wrong. Measured after the burger change:
   60px / 63 / 71 / 83 at 390 / 640 / 760 / 900+. */
:root{--header-h:60px}
@media (min-width:600px){:root{--header-h:64px}}
@media (min-width:720px){:root{--header-h:72px}}
@media (min-width:900px){:root{--header-h:84px}}