/* =========================================================
   NitNeil Partners — custom styles (layered on Bootstrap 5)
   Design tokens reproduced from the reference site.
   ========================================================= */

/* ---------- Fonts (self-hosted) ---------- */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-display:swap;font-weight:500;src:url("../fonts/bc-500.woff2") format("woff2");}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-display:swap;font-weight:600;src:url("../fonts/bc-600.woff2") format("woff2");}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-display:swap;font-weight:700;src:url("../fonts/bc-700.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:400;src:url("../fonts/inter-400.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:500;src:url("../fonts/inter-500.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:600;src:url("../fonts/inter-600.woff2") format("woff2");}

/* ---------- Design tokens ---------- */
:root{
  --orange: #f38e1f;
  --orange-text: var(--orange); /* matches design: single brand orange everywhere */
  --orange-deep: var(--orange); /* matches design: single brand orange everywhere */
  --charcoal: #4d4d4d;
  --ink: #141516;
  --ink-soft: #242526;
  --paper: #f4f3ef;
  --paper-deep: #e9e7e1;
  --white: #ffffff;
  --muted: #6d6d6d;
  --line: rgba(20, 21, 22, .18);
  --shell-width: min(1240px, calc(100% - 64px));

  --bs-body-font-family: "Inter", Arial, sans-serif;
  --bs-body-color: var(--ink);
  --bs-link-color: inherit;
}

html{scroll-behavior:smooth;overflow-x:hidden}
body{
  background:var(--ink);
  font-family:"Inter",Arial,sans-serif;
  min-width:320px;
  overflow-x:hidden;
}
/* `clip` blocks horizontal scroll without turning html/body into scroll
   containers, which would break position:sticky (e.g. the policy page TOC). */
@supports (overflow:clip){
  html,body{overflow-x:clip}
}
html.modal-open-lock{overflow-y:hidden}
body.modal-open{overflow:hidden}
button,input,textarea{font:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
picture{display:contents}

.shell{width:var(--shell-width);max-width:var(--shell-width);margin-inline:auto;padding:0}

h1,h2,h3{
  font-family:"Barlow Condensed",Impact,sans-serif;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:-.015em;
  line-height:.94;
  margin-top:0;
}
h1{font-size:clamp(4.5rem,8vw,8.75rem)}
h2{font-size:clamp(3.25rem,5.2vw,5.5rem)}
h3{font-size:2.15rem}
p{line-height:1.7;margin-top:0}

.eyebrow{
  margin-bottom:22px;color:var(--orange-text);
  font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
}
.eyebrow.light{color:var(--white)}

.section-light{color:var(--white);background:var(--charcoal)}
.section-dark{background:var(--ink);color:var(--white)}
.section-muted-dark{color:var(--white);background:var(--ink-soft)}
.section-rule{border-top:4px solid var(--orange)}

.text-link{
  display:inline-flex;align-items:center;gap:38px;padding:0 0 10px;
  color:var(--ink);border-bottom:2px solid var(--orange);
  font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
}
.text-link.light{color:var(--white)}
.text-link svg{color:var(--orange-deep);transition:transform .18s ease}
.text-link.light svg{color:var(--orange)}
.text-link:hover svg{transform:translateX(5px)}

:focus-visible{outline:3px solid var(--orange);outline-offset:4px}

/* ---------- Skip link ---------- */
.skip-link{
  position:absolute;top:-48px;left:12px;z-index:1100;
  background:var(--orange);color:var(--ink);padding:10px 16px;
  font-weight:700;text-transform:uppercase;font-size:.78rem;
  transition:top .15s ease;
}
.skip-link:focus{top:12px;color:var(--ink)}

/* ---------- Header / Navbar ---------- */
.site-header{
  position:absolute;top:0;left:0;right:0;z-index:1030;
  color:var(--white);background:transparent;border-bottom:0;
  transition:background-color .26s ease,border-color .26s ease,box-shadow .26s ease,color .26s ease;
}
.site-header .navbar{padding:16px 0;height:88px}
.header-inner{position:relative}
.site-header .shell.header-inner{width:min(1360px,calc(100% - 112px));max-width:min(1360px,calc(100% - 112px))}
.brand-link{display:block;position:relative;z-index:1}
.brand-link img{width:225px;height:56px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);transition:filter .18s ease}
.brand-link::after{
  content:"";position:absolute;inset:0;background:var(--orange);opacity:0;pointer-events:none;
  transition:opacity .18s ease;
  -webkit-mask:url(../images/logo-transparent.png) left center/contain no-repeat;
  mask:url(../images/logo-transparent.png) left center/contain no-repeat;
}
.brand-link:hover::after,.brand-link:focus-visible::after{opacity:1}
.site-header.is-scrolled{
  position:fixed;background:#fbeedd;color:var(--ink);
  border-bottom:1px solid rgba(20,21,22,.12);
  box-shadow:0 8px 24px #14151614;
}
.site-header.is-scrolled .navbar{height:72px}
.site-header.is-scrolled .brand-link img{filter:none;height:48px;width:auto}

.primary-nav{
  position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;
  align-items:center;justify-content:center;gap:0;
  margin:0;padding:0;list-style:none;pointer-events:none;
}
.primary-nav .nav-item{pointer-events:auto}
.primary-nav .nav-link{
  position:relative;display:block;color:var(--white);font-size:.78rem;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;padding:10px 0;margin:0 18px;
}
.site-header.is-scrolled .primary-nav .nav-link{color:var(--ink)}
.site-header.is-scrolled .primary-nav .nav-link:hover,
.site-header.is-scrolled .primary-nav .nav-link.active{color:var(--orange)}.primary-nav .nav-link:hover,
.primary-nav .nav-link.active{color:var(--orange)}

.header-cta{
  position:relative;z-index:1;
  display:inline-block;margin-left:8px;padding:15px 19px;
  color:var(--white);border:1px solid rgba(255,255,255,.8);
  font-size:.78rem;font-weight:600;line-height:normal;letter-spacing:.05em;text-transform:uppercase;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.header-cta:hover{color:var(--ink);background:var(--white);border-color:var(--white)}
.site-header.is-scrolled .header-cta{color:var(--ink);border-color:var(--ink);padding-top:9px;padding-bottom:9px}
.site-header.is-scrolled .header-cta:hover{color:var(--white);background:var(--ink);border-color:var(--ink)}

.navbar-toggler{
  border:0;padding:8px;color:var(--white);background:transparent;
  box-shadow:none !important;
}
.navbar-toggler svg{display:block}
.site-header.is-scrolled .navbar-toggler{color:var(--ink)}

.offcanvas.mobile-nav{background:var(--white);color:var(--ink);max-width:360px}
.offcanvas.mobile-nav .nav-link{
  display:flex;align-items:center;justify-content:space-between;
  padding:17px 4px;border-top:1px solid rgba(20,21,22,.1);
  font-family:"Barlow Condensed",sans-serif;font-size:1.3rem;text-transform:uppercase;color:var(--ink);
}
.offcanvas.mobile-nav .nav-link:first-child{border-top:0}
.offcanvas.mobile-nav .nav-link.active{color:var(--orange-deep)}
.offcanvas.mobile-nav .nav-link svg{flex-shrink:0}
.offcanvas.mobile-nav .header-cta{
  color:var(--ink);border-color:var(--ink);margin:20px 4px 0;text-align:center;
}
.offcanvas.mobile-nav .header-cta:hover{color:var(--white);background:var(--ink)}

/* ---------- Hero (home) ---------- */
.home-hero{
  position:relative;overflow:hidden;color:var(--white);background:var(--ink);
  min-height:720px;
}
.home-hero-media{position:absolute;inset:0;z-index:0}
.home-hero-media img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.home-hero-scrim{position:absolute;inset:0;background:#080a0d94;z-index:1}
.home-hero-content{
  position:relative;z-index:2;display:flex;min-height:720px;
  width:min(760px,calc(100% - 64px));max-width:none;
  flex-direction:column;align-items:flex-start;justify-content:center;
  margin-left:max(32px,calc((100vw - 1240px) / 2));
  padding:132px 0 72px;
}
.home-hero h1{
  max-width:700px;margin-bottom:44px;font-weight:500;text-transform:uppercase;
  font-size:clamp(3.25rem,4.15vw,4.45rem);line-height:1.06;
}

/* ---------- Stats ---------- */
.stats-section{color:var(--white);background:var(--ink-soft)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:38px 0}
.stat{
  display:flex;min-height:90px;flex-direction:column;justify-content:center;align-items:center;
  padding:0 42px;border-left:1px solid rgba(255,255,255,.17);text-align:left;height:100%;
}
.stat.stat-first{border-left:0;align-items:flex-start}
.stat strong{
  display:block;color:var(--orange);font-family:"Barlow Condensed",sans-serif;
  font-size:3rem;font-weight:600;line-height:1;
}
.stat span{display:block;margin-top:10px;font-size:.78rem}

/* ---------- Featured project (single feature) ---------- */
.single-feature{display:grid;grid-template-columns:38% 62%;min-height:475px}
.single-feature > div:first-child{display:flex;flex-direction:column}
.single-feature-copy{
  flex:1;display:flex;min-height:475px;flex-direction:column;align-items:flex-start;
  justify-content:space-between;padding:80px max(54px,calc((100vw - 1240px) / 2)) 80px max(32px,calc((100vw - 1240px) / 2));
}
.single-feature-copy h2{margin:0 0 10px;font-size:clamp(3.6rem,5.2vw,5.6rem)}
.single-feature-copy .text-link{white-space:nowrap}
.single-feature-copy .featured-location{color:#ffffffb8;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.single-feature-image{
  display:block;width:100%;min-height:360px;height:100%;padding:0;overflow:hidden;
  background:var(--charcoal);border:0;cursor:pointer;
}
.single-feature-image img{width:100%;height:100%;min-height:360px;object-fit:cover;transition:transform .35s ease}
.single-feature-image:hover img{transform:scale(1.025)}

/* ---------- Values (home) ---------- */
.home-values{padding:72px 0;color:var(--white);background:var(--charcoal)}
.home-values-heading{margin-bottom:42px}
.home-values-heading h2{margin-bottom:0}
.home-values-grid{display:flex;flex-direction:column}
.home-values-row{display:grid}
.home-values-row-top{grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.22)}
.home-values-row-top .home-value-card{padding-left:20px;padding-right:20px}
.home-values-row-top .home-value-card:first-child{padding-left:0}
.home-values-row-bottom{width:85%;margin-inline:auto;grid-template-columns:repeat(3,1fr)}
.home-values-row-bottom .home-value-card p{max-width:330px}
.home-value-card{position:relative;min-height:250px;padding:26px 24px 0;border-left:0;line-height:normal}
.home-value-card:not(:first-child)::before{content:"";position:absolute;top:28px;bottom:38px;left:0;width:1px;background:rgba(255,255,255,.22)}
.home-value-card:first-child{padding-left:0}
.home-values-row .home-value-card:last-child{border-right:0}
.home-value-card>span{display:block;color:var(--orange);font-family:"Barlow Condensed",sans-serif;font-size:1.5rem;font-weight:600}
.home-value-card h3{margin:42px 0 14px;font-size:1.75rem}
.home-values-row-bottom .home-value-card:last-child h3{white-space:nowrap}
.home-value-card p{max-width:270px;margin-bottom:0;color:rgba(255,255,255,.78);font-size:.86rem}

/* ---------- Contact CTA band (home) ---------- */
.home-contact-cta{padding:64px 0;color:var(--white);background:var(--ink)}
.home-contact-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:6%;align-items:center}
.home-contact-grid h2{max-width:900px;margin-bottom:22px;font-size:clamp(3.6rem,4.2vw,4.5rem)}
.home-contact-grid p:not(.eyebrow){max-width:680px;margin-bottom:0;color:#ffffffc7}
.home-contact-cta .eyebrow{color:var(--orange)}
.home-contact-grid > div:last-child{justify-self:end;line-height:normal}
.contact-email-button{
  display:inline-block;padding:18px 24px;color:var(--white);background:var(--orange);
  font-size:.74rem;font-weight:700;
  transition:color .18s ease,background .18s ease;
}
.contact-email-button:hover{color:var(--white);background:var(--ink)}

/* ---------- Generic page hero ---------- */
.page-hero{position:relative;overflow:hidden;color:var(--white);min-height:720px;background-position:center;background-size:cover}
.page-hero-scrim{position:absolute;inset:0;background:#0b0d0fa1}
.page-hero-content{
  position:relative;z-index:2;display:flex;min-height:inherit;max-width:900px;
  flex-direction:column;align-items:flex-start;justify-content:center;padding:118px 0 72px;
}
.page-hero h1{max-width:940px;margin-bottom:34px;font-size:clamp(3.55rem,5vw,5.1rem);line-height:1.02;text-transform:none}
.page-hero .hero-copy{max-width:650px;margin-bottom:0;font-size:1rem}

/* ---------- Portfolio ---------- */
.portfolio-page{padding:72px 0;background:var(--ink-soft);color:var(--white)}
.portfolio-toolbar{gap:24px;margin-bottom:48px}
.portfolio-toolbar h2{margin:0;font-size: 3.3rem;}
.filter-group{display:flex;flex-wrap:wrap;gap:4px}
.filter-group button{
  padding:12px 17px;color:#ffffffd6;background:transparent;border:1px solid rgba(255,255,255,.28);
  cursor:pointer;font-size:.72rem;font-weight:700;text-transform:uppercase;
}
.filter-group button.active,.filter-group button:hover{color:var(--ink);background:var(--orange);border-color:var(--orange)}

.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 16px}
.project-card{display:block;width:100%;padding:0;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}
.project-image-wrap{position:relative;display:block;overflow:hidden;aspect-ratio:1.25;background:var(--charcoal)}
.project-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.project-card:hover img{transform:scale(1.035)}
.status-tag{
  position:absolute;top:14px;left:14px;padding:8px 10px;color:var(--white);background:#141516db;
  font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.project-card-copy{display:flex;flex-direction:column;line-height:normal;padding:18px 2px 8px}
.project-card-copy strong{color:var(--white);font-family:"Barlow Condensed",sans-serif;font-size:1.65rem;font-weight:600;text-transform:uppercase}
.project-card-copy .project-city{display:flex;align-items:center;gap:5px;margin-top:6px;color:#ffffffad;font-size:.75rem}
.project-card-copy .project-city svg{color:var(--orange);flex-shrink:0}

/* ---------- Team ---------- */
.team-page{padding:72px 0;color:var(--white);background:var(--ink-soft)}
.section-heading-row{gap:24px;margin-bottom:50px}
.section-heading-row h2{margin-bottom:0}
.section-lead{max-width:500px;margin-bottom:4px;color:#ffffffc2}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 14px}
.team-card{padding:0;color:var(--white);text-align:left;background:transparent;border:0;cursor:pointer;width:100%}
.team-card img{width:100%;aspect-ratio:.78;object-fit:cover;object-position:top center;filter:grayscale(1);transition:filter .18s ease}
.team-card:hover img{filter:grayscale(0)}
.team-card .team-card-meta{display:flex;flex-direction:column;line-height:normal;padding-top:16px;border-top:3px solid transparent}
.team-card:hover .team-card-meta{border-top-color:var(--orange)}
.team-card strong{font-family:"Barlow Condensed",sans-serif;font-size:1.6rem;text-transform:uppercase;display:block}
.team-card small{margin-top:5px;display:block;font-size:smaller;color:#ffffffad}

/* ---------- Timeline (mission/history) ---------- */
.timeline-section{padding:72px 0;line-height:normal}
.history-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:start}
.history-intro .eyebrow{color:var(--orange)}
.history-intro h2{margin-bottom:.83em}
.history-intro p:not(.eyebrow){max-width:410px;color:#ffffffb3}
.history-years{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.2)}
.history-years button{
  min-width:70px;padding:11px 12px;color:#ffffffb8;background:transparent;border:1px solid rgba(255,255,255,.25);
  cursor:pointer;font-family:"Barlow Condensed",sans-serif;font-size:1.05rem;letter-spacing:.03em;
}
.history-years button:hover,.history-years button.active{color:var(--ink);background:var(--orange);border-color:var(--orange)}
.history-group-events{padding-top:30px}
.history-event{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.history-event:first-child{padding-top:0}
.history-event h3{margin:0 0 10px;font-size:2rem;text-transform:none}
.history-event p{max-width:680px;margin:0;color:#ffffffc7;font-size:.94rem}
.history-card-year{color:var(--orange);font-family:"Barlow Condensed",sans-serif;font-size:2rem;font-weight:600}

/* ---------- Mission pillars ---------- */
.mission-pillars{padding:0 0 72px;color:var(--white);background:var(--ink-soft);line-height:normal}
.pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.pillar-grid .pillar{padding:24px 9% 12px 0}
.pillar-grid .pillar + .pillar{padding-left:9%;border-left:1px solid var(--line)}
.pillar-grid .pillar>span{color:var(--orange);font-family:"Barlow Condensed",sans-serif;font-weight:600}
.pillar-grid h2{margin:62px 0 24px;font-size:clamp(3rem,4.5vw,4.8rem)}
.pillar-grid p{margin-bottom:1em;color:#ffffffc7;font-size:.9rem}

/* ---------- Philosophy / split intro ---------- */
.philosophy{padding:72px 0;color:var(--white);background:var(--charcoal);line-height:normal}
.philosophy .eyebrow{color:var(--orange)}
.split-intro{display:grid;grid-template-columns:1.08fr .92fr;gap:11%;align-items:center}
.split-intro h2{margin-bottom:0}
.editorial-copy{max-width:520px}
.editorial-copy p{margin-bottom:0;color:#ffffffc7;font-size:.9rem}
.editorial-copy em{font-style:normal}
.principle-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid #ffffff38}
.principle-card{position:relative;min-height:220px;padding:30px 38px 0}
.principle-card:first-child{padding-left:0}
.principle-card:not(:first-child)::before{content:"";position:absolute;top:28px;bottom:38px;left:0;width:1px;background:#ffffff38}
.principle-card>span{color:var(--orange);font-family:"Barlow Condensed",sans-serif;font-weight:600}
.principle-card h3{margin:42px 0 16px;font-size:2.15rem}
.principle-card p{max-width:310px;margin-bottom:1em;color:#ffffffc7;font-size:.9rem}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}
.contact-stage{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background-position:center;background-size:cover}
.contact-stage-scrim{position:absolute;inset:0;background:#090c10ad}
.contact-page{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:108px 0 44px;border-top:4px solid var(--orange);color:var(--white)}
.contact-details{line-height:normal}
.contact-details h2{margin-bottom:52px;color:var(--white)}
.contact-details>div{margin-bottom:30px}
.contact-details strong{display:block;margin-bottom:8px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--white)}
.contact-details p{color:var(--white);opacity:.78;margin-bottom:1rem}
.contact-details a:hover{color:var(--orange)}
.contact-details .text-link{color:var(--white)}

.contact-form{padding:52px;background:#fffffff0;border-top:6px solid var(--orange);box-shadow:0 24px 70px #1415161a;line-height:normal}
.contact-form .eyebrow{color:var(--orange)}
.contact-form h2{color:var(--ink);margin-bottom:42px}
.form-heading h2{font-size:clamp(3rem,4.5vw,4.8rem)}
.contact-form .form-heading h2{margin-bottom:14px}
.form-required-note{margin:0 0 30px;color:var(--muted);font-size:.78rem}
.required-mark{color:#b02a37}
.form-success:focus,.form-error:focus{outline:none}
.contact-form label{display:block;color:var(--charcoal);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
.field-row{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.field-row>div,.contact-form .mb-3{margin-bottom:24px}
.contact-form .form-control{
  padding:13px 2px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #b8b8b5;
  border-radius:0;font-size:.68rem;font-weight:700;line-height:normal;
}
.contact-form .form-control:focus{border-bottom-color:var(--orange);box-shadow:none;background:transparent}
.submit-button{
  display:inline-flex;align-items:center;gap:20px;padding:15px 20px;color:var(--white);background:var(--ink);
  border:0;cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
}
.submit-button svg{color:var(--orange)}
.submit-button:hover{background:var(--orange);color:var(--ink)}
.submit-button:hover svg{color:var(--ink)}
.form-success{display:flex;align-items:center;gap:9px;margin:20px 0 0;color:#275c35;font-size:.84rem}
.form-success[hidden],.form-error[hidden]{display:none}
.form-error{margin:20px 0 0;color:#b02a37;font-size:.84rem}
.form-consent{margin:18px 0 0;color:var(--muted);font-size:.78rem}
.form-consent a{color:var(--orange-deep);text-decoration:underline;text-underline-offset:3px}
.submit-button:disabled{opacity:.6;cursor:wait}
.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* ---------- Detail modal (project / team) ---------- */
.modal-backdrop{--bs-backdrop-bg:#090a0b;--bs-backdrop-opacity:0.84}
#detailModal{overflow-y:hidden}
#detailModal .modal-dialog{max-width:980px}
#detailModal .modal-content{border:0;border-radius:0;max-height:calc(100vh - 48px);overflow:auto;display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:minmax(0,1fr)}
#detailModal .detail-modal-image{background:var(--charcoal)}
#detailModal .detail-modal-image img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:top center}
#detailModal .detail-modal-copy{align-self:center;padding:48px}
#detailModal .eyebrow{color:var(--orange-deep)}
#detailModal .detail-modal-copy h2{margin-bottom:8px;font-size:3.5rem}
#detailModal .detail-meta{color:var(--orange-deep);font-size:.8rem;font-weight:700;text-transform:uppercase;margin-bottom:16px}
#detailModal .detail-modal-copy p:not(.eyebrow):not(.detail-meta){color:var(--charcoal)}
#detailModal .detail-modal-close{
  position:absolute;z-index:3;top:16px;right:16px;display:grid;place-items:center;
  width:42px;height:42px;padding:0;color:var(--white);background:var(--ink);border:0;cursor:pointer;
}
#detailModal .detail-modal-close:hover{background:var(--orange);color:var(--ink)}
#detailModal .detail-modal-close svg{display:block}

/* ---------- Back to top ---------- */
.back-to-top{
  position:fixed;z-index:1040;right:16px;bottom:24px;display:grid;width:44px;height:44px;padding:0;
  color:var(--white);background:var(--orange);border:0;cursor:pointer;opacity:0;pointer-events:none;
  transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,background .18s ease;place-items:center;
}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{background:var(--ink)}
.back-to-top svg{display:block}

/* ---------- Reveal-on-scroll ---------- */
html.reveal-ready [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}
html.reveal-ready [data-reveal="image"]{transform:translateY(18px) scale(.985)}
html.reveal-ready [data-reveal].is-visible{opacity:1;transform:translateY(0) scale(1)}

/* ---------- 404 ---------- */
.not-found{display:flex;min-height:80vh;flex-direction:column;align-items:center;justify-content:center;padding:180px 30px 80px;text-align:center;color:var(--white);background:var(--ink)}
.not-found>svg{color:var(--orange);margin-bottom:18px}
.not-found h1{font-size:clamp(3.5rem,7vw,7rem)}
.not-found-copy{max-width:520px;margin:0 0 36px;color:#ffffffb3}

/* ---------- Privacy policy ---------- */
.page-hero-compact,.page-hero-compact .page-hero-content{min-height:560px}
.page-hero-compact .eyebrow{margin-bottom:14px}
.policy-effective{margin:22px 0 0;color:#ffffffb3;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.policy{padding:88px 0 104px;color:var(--ink);background:var(--paper)}
.policy-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:9%;align-items:start}
.policy-toc{position:sticky;top:112px}
.policy-toc .eyebrow{color:var(--orange-deep)}
.policy-toc ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.policy-toc li{border-bottom:1px solid var(--line)}
.policy-toc a{display:flex;gap:16px;padding:12px 0;color:var(--charcoal);font-size:.8rem;font-weight:600;transition:color .18s ease}
.policy-toc a span{color:var(--orange-deep);font-weight:700;min-width:20px}
.policy-toc a:hover{color:var(--ink)}
.policy-body{max-width:760px}
.policy-section{padding:0 0 44px;margin-bottom:44px;border-bottom:1px solid var(--line);scroll-margin-top:104px}
.policy-section:focus{outline:none}
.policy-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.policy-number{display:block;margin-bottom:10px;color:var(--orange-deep);font-size:.75rem;font-weight:700;letter-spacing:.13em}
.policy-section h2{margin-bottom:20px;font-size:clamp(2.2rem,3.2vw,3rem)}
.policy-section p,.policy-section li{color:#3a3b3c;font-size:.95rem;line-height:1.75}
.policy-section p:last-child{margin-bottom:0}
.policy-section ul{margin:0 0 18px;padding:0;list-style:none}
.policy-section ul:last-child{margin-bottom:0}
.policy-section li{position:relative;padding:6px 0 6px 26px}
.policy-section li::before{content:"";position:absolute;left:0;top:18px;width:12px;height:2px;background:var(--orange)}
.policy-section a{color:var(--orange-deep);text-decoration:underline;text-underline-offset:3px}
.policy-contact{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:26px;padding:34px 36px;color:var(--white);background:var(--ink);border-top:5.6px solid var(--orange)}
.policy-contact strong{display:block;margin-bottom:8px;color:var(--orange-text);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.policy-contact p{margin-bottom:18px;color:#ffffffd9;font-size:.95rem;overflow-wrap:anywhere}
.policy-contact p:last-child{margin-bottom:0}

/* ---------- Skip-to-content fallback container ---------- */
main{display:block}

/* =========================================================
   Responsive adjustments
   ========================================================= */
@media (max-width:1024px){
  :root{--shell-width: min(100% - 44px, 920px)}
  .home-values-row-top{grid-template-columns:repeat(2,1fr)}
  .home-values-row-bottom{width:100%;grid-template-columns:repeat(2,1fr)}
  .home-values-row-bottom .home-value-card:last-child{grid-column:1 / -1;width:50%;justify-self:center;border-left:0}
  .home-values-row-bottom .home-value-card:last-child::before{display:none}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(3,1fr)}
  .policy-layout{grid-template-columns:1fr;gap:48px}
  .policy-toc{position:static}
}
@media (max-width:991.98px){
  .navbar-toggler{display:block}
  .single-feature-copy{padding:56px 32px}
}
@media (min-width:992px){
  .navbar-toggler{display:none}
}
@media (max-width:767.98px){
  :root{--shell-width: calc(100% - 36px)}
  .site-header .shell.header-inner{width:calc(100% - 36px);max-width:calc(100% - 36px)}
  .site-header .navbar{height:74px}
  .brand-link img{width:165px;height:42px}
  .site-header.is-scrolled .brand-link img{width:140px;height:36px}
  .home-hero,.home-hero-content{min-height:650px}
  .home-hero-content{width:calc(100% - 36px);margin-left:18px;padding:100px 0 56px}
  .home-hero h1{font-size:clamp(3.05rem,13.8vw,4rem)}
  .team-card strong{font-size:1.35rem}
  .history-event h3{font-size:1.65rem}
  .history-event p{font-size:.88rem}
  .single-feature{grid-template-columns:1fr;min-height:0}
  .single-feature-copy{padding:48px 18px;min-height:350px}
  .single-feature-image{min-height:320px}
  .single-feature-image img{min-height:320px}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .stat,.stat.stat-first{min-height:86px;align-items:flex-start;padding:20px 0;border-bottom:0.8px solid rgba(255,255,255,.14);border-left:0}
  .stat strong{font-size:2.5rem}
  .stat:nth-child(2n){padding-left:18px;border-left:0.8px solid rgba(255,255,255,.14)}
  .page-hero,.page-hero-content{min-height:650px}
  .page-hero-content{padding:104px 0 64px}
  .page-hero h1{margin-bottom:26px;font-size:clamp(2.75rem,10.5vw,3.55rem);line-height:1.04}
  .contact-page{padding:94px 0 28px}
  .contact-form{padding:34px 24px}
  .filter-group{width:100%}
  .filter-group button{flex:1}
  #detailModal .modal-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  #detailModal .detail-modal-image{min-height:260px}
  #detailModal .detail-modal-image img{min-height:260px}
  #detailModal .detail-modal-copy{padding:28px 22px}
  .philosophy{padding:52px 0}
  .mission-pillars{padding-bottom:52px}
  .principle-row{grid-template-columns:1fr;margin-top:38px}
  .principle-card,.principle-card:first-child{min-height:0;padding:22px 0}
  .principle-card+.principle-card{border-top:1px solid rgba(255,255,255,.22)}
  .principle-card:not(:first-child)::before{display:none}
  .principle-card h3{margin:30px 0 12px}
  .pillar-grid{grid-template-columns:1fr}
  .pillar-grid .pillar,.pillar-grid .pillar + .pillar{padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}
  .pillar-grid h2{margin-top:42px}
  .history-years{flex-wrap:nowrap;overflow-x:auto;padding-bottom:16px;scrollbar-width:thin}
  .history-years button{flex:0 0 auto;min-width:68px}
  .history-group-events{padding-top:18px}
  .history-event{grid-template-columns:72px 1fr;gap:16px;padding:18px 0}
  .home-contact-grid{grid-template-columns:1fr;gap:42px}
  .home-contact-grid > div:last-child{justify-self:start}
  .home-contact-grid h2{font-size:clamp(3.4rem,14vw,4.5rem)}
  .home-values{padding:52px 0}
  .home-values-heading{margin-bottom:34px}
  .home-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.22)}
  .home-values-row{display:contents}
  .home-values-row-top{width:auto;grid-template-columns:none;border-top:0}
  .home-values-row-bottom{width:auto;grid-template-columns:none}
  .home-value-card,.home-value-card:first-child{min-height:0;padding:22px 16px;border-left:0;border-bottom:1px solid var(--line)}
  .home-values-row-top .home-value-card,
  .home-values-row-top .home-value-card:first-child{padding-left:16px;padding-right:16px}
  .home-value-card::before{display:none}
  .home-values-row-top .home-value-card:nth-child(2n)::before,
  .home-values-row-bottom .home-value-card:nth-child(2)::before{display:block;top:22px;bottom:22px;left:0}
  .home-values-row-bottom .home-value-card:last-child{grid-column:1 / -1;width:50%;justify-self:center;padding-inline:0}
  .home-value-card h3{margin:24px 0 10px}
  .home-values-row-bottom .home-value-card:last-child h3{white-space:normal}
  .portfolio-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr);gap:32px 10px}
  .history-layout{grid-template-columns:1fr;gap:38px}
  .split-intro{grid-template-columns:1fr;gap:38px}
  .contact-grid{grid-template-columns:1fr;gap:38px}
  .field-row{grid-template-columns:1fr;gap:0}
  .page-hero-compact,.page-hero-compact .page-hero-content{min-height:480px}
  .policy{padding:56px 0 72px}
  .policy-toc{display:none}
  .policy-section{padding-bottom:34px;margin-bottom:34px}
  .policy-contact{grid-template-columns:1fr;gap:20px;padding:28px 22px}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important}
}