@import url(https://db.onlinewebfonts.com/c/c5bd605b45237a12c99133fa9d7cae49?family=Helvetica+W01+Roman);
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
*,*:before,*:after{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}html.lenis-enabled{scroll-behavior:auto}body{margin:0;font-family:'Playfair Display',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;color:#0f172a;background:#fff}img{max-width:100%;display:block}a{color:inherit}:root{--cf-primary:#033779;--cf-sky:#e7ecf7;--cf-ink:#0f172a;--cf-ink-2:#1f2937;--cf-paper:#ffffff;--cf-mist:#f5f7fb;--cf-blue:#1d4ed8;--cf-red:#8b0000;--cf-line: rgba(15,23,42,.10);--cf-sky:#e7ecf7;--p-shadow: 0 30px 70px rgba(15,23,42,.12);--p-radius: 26px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--cf-secondary:#a4daf1;--maxw:1750px;--pad:clamp(16px,2vw,28px);--radius:16px;--brand:#0ea5e9;--brand-dark:#0369a1;--brand-red:#7A1E2D;--brand-light-red:#b10000;--text-on-dark:#f8fafc;--header-bg:rgba(255,255,255,1);--shadow:0 10px 20px rgba(2,6,23,.08),0 2px 6px rgba(2,6,23,.06);--footer-bg:#0f1722;--footer-fg:#cbd5e1;--footer-fg-dim:#94a3b8;--footer-accent:#e2e8f0;--footer-link:#cbe1ff;--footer-link-hover:#fff;--footer-border:/*#263246*/#3c4e6b;--radius-lg:16px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--contact-clr: #44546a}p{font-family:Helvetica W01 Roman,sans-serif;font-size:18px;font-weight:400;color:#000000;}.site-header{position:fixed;contain:paint;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:center;padding-block:.5rem;transition:background .3s ease,backdrop-filter .3s ease,box-shadow .3s ease;background:transparent}.site-header .inner{width:100%;max-width:var(--maxw);padding-inline:var(--pad);display:flex;align-items:center;gap:16px;padding-left:0!important;padding-right:0!important}.brand{font-weight:700;letter-spacing:.2px;padding-left:30px}nav{margin-left:auto;padding-right:30px}.nav-list{display:flex;gap:clamp(12px,2vw,24px);list-style:none;padding:0;margin:0}.nav-list a{font-weight:400;text-decoration:none;color:#fff}.site-header.is-stuck{background:var(--header-bg)}.menu-btn{display:none;background:transparent;border:0;padding:8px;border-radius:10px}.menu-btn:focus-visible{outline:2px solid var(--brand)}@media(max-width:900px){nav{display:none}.menu-btn{display:inline-grid;place-items:center}.drawer{position:fixed;inset:64px var(--pad) auto var(--pad);border-radius:var(--radius);padding:16px;background:var(--header-bg);backdrop-filter:blur(6px);box-shadow:var(--shadow);margin-top:7em;opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;transition:opacity .2s ease-out,transform .2s ease-out}.drawer.open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.drawer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.drawer li+li{border-top:1px solid rgba(148,163,184,.25)}.drawer a{display:flex;align-items:center;justify-content:space-between;padding:.85rem .75rem;font-weight:400;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#0f172a;border-radius:999px;transition:background-color .14s ease-out,transform .14s ease-out}.drawer a:after{content:"\203a";font-size:.9rem;opacity:0;transform:translate(-4px);transition:opacity .14s ease-out,transform .14s ease-out}.drawer a:hover,.drawer a:focus-visible{background:#94a3b824;transform:translateY(-1px)}.drawer a:hover:after,.drawer a:focus-visible:after{opacity:1;transform:translate(0)}}@media(min-width:900px){.drawer{display:none}}.hero{padding:clamp(48px,10vw,20em)}.content{margin-top:clamp(48px,7em,20em);width:100%!important} .hero{position:relative;display:grid;place-items:center;overflow:hidden;contain:layout paint style}.hero-media{position:absolute;inset:0;z-index:-2;contain:paint}.hero-media .hero-video,.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;inset:0;transform:translate3d(var(--mx,0),var(--my,0),0) scale(var(--ms,1.03))}.hero-media .hero-video{will-change:transform;transform:translate3d(var(--mx,0),var(--my,0),0) scale(var(--ms,1.02));backface-visibility:hidden}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:transparent}.hero .content{width:min(95%,var(--maxw));color:var(--text-on-dark);text-align:center;padding-inline:var(--pad)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;opacity:.9;font-size:clamp(.75rem,1.6vw,.9rem)}h1{margin:.3rem 0 1rem;font-size:56px;line-height:1.05}.lead{font-size:clamp(1rem,2.2vw,1.25rem);max-width:60ch;margin-inline:auto}.cta{margin-top:3rem;margin-bottom:3rem;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{border:0;border-radius:999px;padding:.9rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost{background:#ffffff1f;color:var(--text-on-dark);backdrop-filter:blur(4px)}.container{max-width:var(--maxw);margin-inline:auto}.grid{display:grid;gap:clamp(16px,3vw,28px)}@media(min-width:860px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}}.card{border:1px solid #e2e8f0;border-radius:var(--radius);padding:clamp(16px,2vw,24px);content-visibility:auto;contain-intrinsic-size:300px}.muted{color:#475569;/*font-size:24px!important */
    
}footer p{font-size:14px;}footer .address{font-family:Helvetica W01 Roman,sans-serif;}footer a{font-family:Helvetica W01 Roman,sans-serif;}.site-footer a{font-size:14px;}footer{padding:40px var(--pad);background:#0b1220;color:#cbd5e1}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.panel{scroll-margin-top:120px;content-visibility:auto;contain-intrinsic-size:800px}.panel:first-of-type{content-visibility:visible}.short{min-height:50svh}@media(hover:hover){[class~=grow]{--grow-scale:1.03;--grow-duration:.22s;--grow-ease:cubic-bezier(.2,.8,.2,1);--grow-origin:center;transform:translateZ(0) scale(1);transform-origin:var(--grow-origin);transition:transform var(--grow-duration) var(--grow-ease),box-shadow var(--grow-duration) var(--grow-ease)}[class~=grow]:hover,[class~=grow]:focus-visible,[class~=grow]:focus-within{transform:scale(var(--grow-scale));z-index:1}[class~=grow]:active{transform:scale(calc(var(--grow-scale) - .03))}}h2{color:rgb(4,53,116);font-weight:700;font-size:clamp(28px,4vw,33px)}.srvimg{object-fit:cover}.site-footer{padding-bottom:5px!important;background:var(--step-dark);color:var(--footer-fg);font-size:.95rem;line-height:1;padding:var(--space-5) 0}.site-footer a{/*color:var(--footer-link)*/color:white;text-decoration:none;text-underline-offset:2px}.site-footer a:hover,.site-footer a:focus{color:var(--footer-link-hover);text-decoration-thickness:2px}.site-footer .container{margin:0 auto}.footer-inner{display:block;max-width:1600px!important;}.footer-top{display:grid;grid-template-columns:2fr .8fr;gap:var(--space-5);align-items:start;}.footer-col{background:transparent;border:none;border-radius:var(--radius-lg);padding:0 !important;}/* padding:var(--space-4)*/.footer-inner .footer-divider{margin-left:0 !important;margin-right:0 !important;margin-top:10px !important;margin-bottom:20px !important;}.footer-title{margin:0 0 var(--space-2);font-size:1rem;letter-spacing:.02em;font-weight:400;color:var(--footer-accent)}.legal p{margin:0 0 var(--space-2);color:/*var(--footer-fg-dim)*/white;}.contact .label{margin-top:0;color:var(--footer-fg-dim);font-size:.9rem}.address{color:/*var(--footer-fg)*/white;}.footer-divider{/*margin:var(--space-5) 0 var(--space-4);*/margin-bottom:20px;border:0;height:1px;background:var(--footer-border)}.footer-bottom{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between}.legal-links{display:flex;gap:var(--space-2);align-items:center}copyright,.copyright{margin:0;color:/*var(--footer-fg-dim)*/white;font-size:.92rem}@media(max-width:800px){.footer-top{gap:var(--space-4);}.footer-col{text-align:center}.footer-top>.footer-col{justify-self:stretch;text-align:left !important;margin:0;}}.footer-top > .footer-col:last-child{justify-self:end;text-align:end;}.footer-top .secnd{text-align:right!important;}@media(max-width:640px){.footer-col{padding:var(--space-3)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.no-cursor,.no-cursor *{cursor:none!important}.no-cursor input,.no-cursor textarea,.no-cursor [contenteditable]{caret-color:transparent}.arms{position:relative;}:root{--nav-ink-dark:#0b1220;--nav-ink-light:#f8fafc;--aurora-1:#60a5fa;--aurora-2:#22d3ee;--aurora-3:#34d399;--aurora-4:#a78bfa}.nav-list{gap:clamp(10px,1.2vw,20px)}.nav-list a{position:relative;display:inline-block;padding:.7rem 1rem;border-radius:999px;font-weight:700;letter-spacing:.02em;line-height:1;color:#5c5c5c;text-decoration:none;transform:translateZ(0);transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s,color .22s,opacity .22s;will-change:transform,filter;opacity:.95}@media(hover:hover){.nav-list a:hover,.nav-list a:focus-visible{transform:translateY(-2px) scale(1.02);filter:saturate(1.08);opacity:1}}.nav-list a:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent 0%,var(--aurora-1) 20%,var(--aurora-2) 40%,var(--aurora-3) 60%,var(--aurora-4) 80%,transparent 100%);background-size:200% 100%;transform-origin:center;transform:translateY(6px) scaleX(.35);opacity:0;box-shadow:0 0 10px #ffffff59,0 0 22px #22d3ee40;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .18s,background-position .6s ease}.nav-list a:hover:after,.nav-list a:focus-visible:after{opacity:1;transform:translateY(0) scaleX(1);background-position:100% 0}.nav-list a:hover:before,.nav-list a:focus-visible:before{opacity:.9}.nav-list a>.shimmer{-webkit-background-clip:text;background-clip:text}@keyframes auroraFloat{0%{transform:translateY(0)}50%{transform:translateY(-1.5px)}to{transform:translateY(0)}}@keyframes hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.nav-list a[aria-current=page],.nav-list a.is-active{color:#fff;text-shadow:0 1px 12px rgba(255,255,255,.18)}.site-header .nav-list a[aria-current=page]:after{background:linear-gradient(90deg,transparent,var(--brand),var(--brand-dark),transparent)!important;} .nav-list a[aria-current=page]:after,.nav-list a.is-active:after{opacity:1;transform:translateY(0) scaleX(1);}.nav-list a[aria-current=page]:before,.nav-list a.is-active:before{opacity:.95;animation:auroraFloat 5s ease-in-out infinite}.nav-list a i,.nav-list a .comet{display:none}.nav-list a{background:radial-gradient(6px 6px at -12px 50%,#fff 0,rgba(255,255,255,.85) 40%,transparent 60%) no-repeat;background-position:-20px 50%;transition:background-position .35s cubic-bezier(.2,.8,.2,1)}.nav-list a:hover{background-position:8px 50%}.site-header.is-stuck .nav-list a{background:none!important;color:#5c5c5c!important;opacity:1!important;text-shadow:none!important;font-weight:400;letter-spacing:0;padding:.9rem .4rem;border:0!important;border-radius:0;transform:none!important;filter:none!important}.site-header.is-stuck .nav-list a:after{background:linear-gradient(90deg,transparent,var(--brand),var(--brand-dark),transparent);box-shadow:0 0 10px color-mix(in oklab,var(--brand) 50%,transparent)}.site-header .nav-list a:after{background:linear-gradient(90deg,transparent,var(--brand-light-red),var(--brand-red),transparent)!important;box-shadow:0 0 10px color-mix(in oklab,var(--brand-light-red) 50%,transparent)}.site-header.is-stuck .nav-list a:before{filter:blur(14px) saturate(1.1);opacity:.55}.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6e9ef;z-index:50}.site-header .inner{max-width:1400px;margin:0 auto;padding:4px 24px;display:flex;align-items:center;gap:24px}.nav-list{display:flex;align-items:center;gap:28px;margin-left:8px}.nav-list li.has-sub>a:after{content:"\25be";margin-left:6px;font-size:.8em}.header-cta{display:flex;align-items:center;margin-top:auto;padding-bottom:15px}.button-outline{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border:2px solid #0e2642;border-radius:999px;background:#fff;color:#0e2642;font-weight:700;text-decoration:none;line-height:1}@media(prefers-reduced-motion:reduce){.nav-list a{transition:none}.nav-list a:after{transition:none;animation:none}.nav-list a:before{transition:none;animation:none}}li a{border-width:1px;border-style:solid;border-color:#fff}.menu-btn{margin-left:auto;margin-right:30px}.mainnv{margin-top:auto;padding-bottom:8px}html{scroll-behavior:auto!important}html:focus-within{scroll-behavior:auto!important}.site-header{position:sticky!important;inset:auto!important;background:var(--header-bg, #fff);border-bottom:1px solid #e6e9ef;z-index:50;contain:none!important}.panel{content-visibility:visible!important;contain-intrinsic-size:auto!important}.card{content-visibility:visible!important}.hero{contain:layout style!important}.panel{scroll-margin-top:0!important}.site-header.is-stuck{backdrop-filter:none!important}.site-header.is-stuck .nav-list a{transition:color .22s,opacity .22s;transform:none!important;filter:none!important}.site-header.is-stuck .nav-list a:after{transition:opacity .18s,transform .32s}html,body{max-width:100%;overflow-x:clip}.contactbanner{width:100%;min-height:100px;background:var(--contact-clr);color:#fff;padding:15px}.contactbanner h2{color:#fff;text-align:center}.contactbanner h3{font-weight:500;font-size:32px;text-align:center}.banner-cta{gap:30px;justify-content:center;display:flex;align-items:center;margin-top:auto;padding-bottom:15px}.banner-button-outline{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border:2px solid #0e2642;border-radius:999px;background:#fff;color:#0e2642;font-weight:700;text-decoration:none;line-height:1}.grid .btn{margin:0 auto}.cf-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999999!important}.cf-modal[aria-hidden=false]{display:flex}.cf-modal__backdrop{position:absolute;inset:0;background:#0f172a8c;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease-out}.cf-modal__panel{position:relative;width:min(92vw,520px);margin:24px;border-radius:20px;background:linear-gradient(180deg,#ffffffd1,#ffffffeb);box-shadow:0 20px 60px #02061759;border:1px solid rgba(226,232,240,.8);padding:24px 24px 20px;transform:translateY(10px) scale(.985);opacity:0;transition:transform .25s ease,opacity .25s ease;will-change:transform,opacity}.cf-modal[aria-hidden=false] .cf-modal__backdrop{opacity:1}.cf-modal[aria-hidden=false] .cf-modal__panel{opacity:1;transform:translateY(0) scale(1)}.cf-modal__close{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;display:grid;place-items:center;cursor:pointer}.cf-modal__close:hover{background:#f8fafc}.cf-modal__header{padding-right:40px}.cf-modal__header h2{margin:6px 0 2px;font-size:1.35rem;line-height:1.2;color:#0f172a}.cf-modal__sub{margin:0;color:#475569;font-size:.95rem}.cf-modal__form{display:grid;gap:16px;margin-top:16px}.cf-field{display:grid;gap:6px}.cf-label{font-weight:400;color:#0f172a;font-size:.95rem}.cf-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;outline:none}.cf-input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf840}.cf-input::placeholder{color:#94a3b8}.cf-submit{width:fit-content}.cf-modal__note{margin:4px 0 0;font-size:.85rem;color:#64748b}.cf-link{color:#0ea5e9;text-decoration:none}.cf-link:hover{text-decoration:underline}.cf-modal__status{margin-top:6px;min-height:1em;font-size:.9rem;color:#0f172a}html.lenis{height:auto!important}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain!important}.lenis.lenis-stopped{overflow:hidden!important}img{pointer-events:none}video{pointer-events:none}.hero,.hero-video,.site-header,.contactbanner,.leaf{will-change:transform;transform:translateZ(0)}.leaf{contain:layout paint}html.scrolling,html.scrolling body{cursor:pointer!important}html.scrolling #pointer-ripple-canvas,html.scrolling #pointer-halo,html.scrolling #pointer-halo-icon,html.scrolling #pointer-outline{display:none!important;opacity:0!important;pointer-events:none!important}html.scrolling :where(.hero,.hero *,.cb-reveal){animation-play-state:paused!important;transition:none!important}.stage,.contactbanner{content-visibility:auto;contain-intrinsic-size:800px 600px}/* ===== LEGAL: desktop shows all, mobile collapses ===== */

/* Desktop: hide preview + button, force full content visible even if <details> isn't open */
@media (min-width: 801px) {
  .legal-preview { display: block !important; }
  .legal-details > summary { display: none !important; }

  /* Override the browser's details:not([open]) hiding rule */
  .legal-details:not([open]) > .legal-full { display: block !important; }
  .legal-details[open] > .legal-full { display: block !important; }
}

/* Mobile: preview + Show more, hide full until opened, then hide button */
@media (max-width: 800px) {
  .legal-preview { display: block; }

  .legal-details > summary {
    display: inline-block;
    margin-top: .4rem;
    cursor: pointer;
    color: var(--footer-link);
    text-decoration: underline;
    text-underline-offset: 2px;
    list-style: none;
    user-select: none;
  }

  .legal-details > summary::-webkit-details-marker { display: none; }
  .legal-details > summary::marker { content: ""; }

  .legal-details:not([open]) > .legal-full { display: none; }
  .legal-details[open] > .legal-full { display: block; }

  .legal-details[open] > summary { display: none; } /* button disappears once pressed */
}.hero.panel{/*max-height:clamp(300px,50vh,60vh);*/min-width:640px;width:100%;
overflow:hidden;display:flex;align-items:center;position:relative;min-height:max-content}.hero-media{position:absolute;inset:0;z-index:-1}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover}.hero.panel .content{position:relative;z-index:1;margin:0 auto;padding:0rem 1.5rem}.site-header .nav-list a{font-weight:400;letter-spacing:0;padding:.9rem .4rem;border:0!important;transform:none!important;filter:none!important}.brand a img {height:62px;width:auto;}
.page{
      min-height: 100%;
      display: grid;
      place-items: center;
      padding: 24px;
    }
    .demo-btn{
      border: 0;
      background: #111;
      color: #fff;
      padding: 12px 16px;
      border-radius: 12px;
      font-weight: 600;
      cursor: pointer;
    }

    /* ===== Mobile Nav Overlay (YOUR STYLES + ANIMATION) ===== */
.nav-overlay{
  background: white;
  position: fixed;
  inset: 0;
  z-index: 9999;

  /* hidden by default */
  pointer-events: none;
  opacity: 0;
  transition: opacity 220ms var(--ease-out);
}

/* Backdrop (you had 0.00; kept but now animates) */
.nav-overlay::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.00);
  opacity: 0;
  transition: opacity 220ms var(--ease-out);
}

/* Drawer */
.nav-drawer{
  position: absolute;
  inset: 0;
  background: var(--bg);

  transform: translate3d(8%, 0, 0) scale(0.992);
  opacity: 0;
  transition:
    transform 520ms var(--ease-out),
    opacity 260ms var(--ease-out);

  will-change: transform, opacity;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  contain: layout paint style;

  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
}

/* OPEN STATE */
.nav-overlay[data-open="true"]{
  pointer-events: auto;
  opacity: 1;
}
.nav-overlay[data-open="true"]::before{
  opacity: 1;
}
.nav-overlay[data-open="true"] .nav-drawer{
  transform: translate3d(0,0,0) scale(1);
  opacity: 1;
}
.nav-overlay[data-open="false"]{
  opacity: 0;
  pointer-events: none;
}

/* Header (your padding preserved) */
.nav-header{
  position: relative;
  padding: 24px 5px 10px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Brand mark (your image change preserved) */
.brand-mark{
  width: 34px;
  height: 34px;
  position: relative;
}
.brand-mark::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(./CFLogobanner.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

/* Close button (unchanged) */
.nav-close{
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 12px;
}
.nav-close:active{ background: rgba(0,0,0,0.04); }

.x-icon{
  width: 22px;
  height: 22px;
  position: relative;
}
.x-icon::before,
.x-icon::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 2px;
  background: #111;
  transform-origin: center;
}
.x-icon::before{ transform: translate(-50%,-50%) rotate(45deg); }
.x-icon::after{ transform: translate(-50%,-50%) rotate(-45deg); }

/* Content (your padding preserved) */
.nav-content{
  padding: 8px 40px 0 40px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Your nav list name */
.nav-list1{
  display: flex;
  flex-direction: column;
  gap: 26px;
  margin-top: 8px;
}

/* Menu item base (your styles preserved) */
.nav-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: var(--text);
  font-size: 26px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -0.02em;
  padding: 2px 0;

  transform: translate3d(0, 10px, 0);
  opacity: 0;
  transition:
    transform 520ms var(--ease-out),
    opacity 380ms var(--ease-out);
  will-change: transform, opacity;
  backface-visibility: hidden;
}

/* Animate items in when open */
.nav-overlay[data-open="true"] .nav-item{
  transform: translate3d(0,0,0);
  opacity: 1;
}

.nav-overlay[data-open="true"] .nav-list1 .nav-item:nth-child(1){ transition-delay: 80ms; }
.nav-overlay[data-open="true"] .nav-list1 .nav-item:nth-child(2){ transition-delay: 130ms; }
.nav-overlay[data-open="true"] .nav-list1 .nav-item:nth-child(3){ transition-delay: 180ms; }
.nav-overlay[data-open="true"] .nav-list1 .nav-item:nth-child(4){ transition-delay: 230ms; }
.nav-overlay[data-open="true"] .nav-list1 .nav-item:nth-child(5){ transition-delay: 280ms; }
.nav-overlay[data-open="true"] .nav-list1 .nav-item:nth-child(6){ transition-delay: 330ms; }

.nav-overlay[data-open="false"] .nav-item{
  transition-delay: 0ms !important;
}

/* Chevron (unchanged) */
.chev1{
  width: 18px;
  height: 18px;
  position: relative;
  margin-left: 12px;
  opacity: 0.9;
}
.chev1::before{
  content:"";
  position:absolute;
  inset: 0;
  border-right: 2px solid #111;
  border-top: 2px solid #111;
  transform: rotate(45deg) translate(-1px, 1px);
  transform-origin: center;
}

/* CTA wrap (animated) */
.nav-cta-wrap{
  margin-top: 18px;
  padding-top: 10px;
}
.nav-overlay[data-open="true"] .nav-cta-wrap{
  transform: translate3d(0,0,0);
  opacity: 1;
  transition-delay: 300ms;
}

/* CTA button (your styles preserved) */
.nav-cta{
  width: 100%;
  border: 0;
  cursor: pointer;
  background: var(--btn);
  color: var(--btnText);
  border-radius: 10px;
  height: 56px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.nav-cta:active{ transform: translateY(1px); }

/* Footer (animated) */
.nav-footer{
  padding: 18px 22px 26px 22px;
}
.nav-overlay[data-open="true"] .nav-cta-wrap{
  transform: translate3d(0,0,0);
  opacity: 1;
  transition-delay: 140ms;
}

.nav-overlay[data-open="true"] .nav-footer{
  transform: translate3d(0,0,0);
  opacity: 1;
  transition-delay: 340ms;
}

.nav-cta-wrap,
.nav-footer{
  transform: translate3d(0, 10px, 0);
  opacity: 0;
  transition:
    transform 520ms var(--ease-out),
    opacity 380ms var(--ease-out);
  will-change: transform, opacity;
  backface-visibility: hidden;
}

/* Social (unchanged) */
.social{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-size: 16px;
  font-weight: 500;
}
.social a{
  color: inherit;
  text-decoration: none;
}

/* Frame (your change preserved) */
.frame{
  margin: 0 auto;
  width: 100%;
}
.nav-overlay[data-open="false"] .nav-cta-wrap,
.nav-overlay[data-open="false"] .nav-footer{
  transition-delay: 0ms !important;
}

/* Close motion: use ease-in on close for a nice “leave” */
.nav-overlay[data-open="false"] .nav-drawer{
  transition-timing-function: var(--ease-in), var(--ease-in);
}
.nav-overlay[data-open="false"] .nav-item,
.nav-overlay[data-open="false"] .nav-cta-wrap,
.nav-overlay[data-open="false"] .nav-footer{
  transition-timing-function: var(--ease-in), var(--ease-in);
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .nav-overlay,
  .nav-overlay::before,
  .nav-drawer,
  .nav-item,
  .nav-cta-wrap,
  .nav-footer{
    transition: none !important;
  }
}
.p-section{ padding: clamp(34px, 5vw, 66px) 18px; }
    .p-section.is-mist{ background: linear-gradient(180deg, var(--cf-mist), #fff); }
    .p-section.is-sky{ background: var(--cf-sky); }
    .p-container{ max-width: var(--maxw); margin: 0 auto; }
    .p-kicker{
      margin: 0 0 10px 0;
      color: var(--cf-red);
      font-family: Georgia, "Times New Roman", serif;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: none;
      font-size: 18px;
    }
    .p-title{
      margin: 0 0 14px 0;
      color: var(--cf-ink);
      font-family: var(--p-serif);
      font-weight: 800;
      letter-spacing: .04em;
      line-height: 1.1;
      font-size: clamp(1.7rem, 3.1vw, 2.7rem);
    }
    .p-lead{
      margin: 0;
      color: rgba(15,23,42,.82);
      font-size: 18px;
      line-height: 1.65;
      max-width: 70ch;
    }

    /* “Personal snapshot” ribbon */
    .p-snapshot{
      margin-top: 22px;
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 18px;
      align-items: stretch;
    }
    .p-card{
      background: rgba(255,255,255,.88);
      border: 1px solid var(--cf-line);
      border-radius: var(--p-radius);
      box-shadow: var(--p-shadow);
      overflow:hidden;
    }
    .p-snapshot__right{
      display:flex;
      align-items:center;
      grid-template-rows: 1fr 1fr;
      gap: 18px;
    }
    .p-mini{
      padding: 18px 18px 16px;
      position:relative;
      isolation:isolate;
    }
    .p-mini::after{
      content:"";
      position:absolute;
      inset:0;
      background: linear-gradient(135deg, rgba(11,75,122,.10), rgba(139,0,0,.08));
      z-index:-1;
      opacity:.9;
    }
    .p-callout.p-mini::after {
        background:none;
    }
    .p-mini h3{
      margin:0 0 6px 0;
      font-family: var(--p-serif);
      letter-spacing: .04em;
      font-weight: 800;
      color: var(--cf-ink);
      font-size: 20px;
    }
    .p-mini p{ margin:0; color: rgba(15,23,42,.80); line-height:1.6; }
    .p-mini a{
      display:inline-flex; align-items:center; gap:10px;
      margin-top: 12px;
      color: var(--cf-red);
      font-weight: 700;
      text-decoration: none;
      letter-spacing: .06em;
      font-family: Georgia, "Times New Roman", serif;
    }
    .p-mini a:hover{ text-decoration: underline; }
    .site-header.is-stuck .nav-list a:hover{}