@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap");

:root{color-scheme:light;--ink:#142b2b;--muted:#4f6260;--paper:#f6f4ec;--line:#c9d0c6;--lime:#d8ec9e;--dark:#122c2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.6 "Segoe UI",system-ui,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.07;letter-spacing:-.04em}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #597f48;outline-offset:4px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.top{border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.45rem;font-weight:800;text-decoration:none;letter-spacing:-.07em;white-space:nowrap}.nav nav{display:flex;gap:24px;align-items:center}.nav nav a{text-decoration:none;font-weight:650}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.75rem 1rem;background:var(--ink);color:white;border:1px solid transparent;border-radius:5px;text-decoration:none;font-weight:700;font-size:1rem;cursor:pointer}.button:hover{filter:brightness(1.12)}.button.alt{background:transparent;color:inherit;border-color:currentColor}.button.lime{background:var(--lime);color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero{background:var(--dark);color:var(--paper);padding:clamp(58px,10vw,130px) 0}.hero h1{font-size:clamp(3rem,9vw,7.3rem);max-width:13ch}.hero p{margin-top:24px;color:#e0e9df;max-width:56ch;font-size:1.18rem}.section{padding:clamp(48px,8vw,100px) 0;scroll-margin-top:1rem}.section h2{font-size:clamp(2rem,5.5vw,4rem)}.intro{margin:16px 0 34px;max-width:62ch;color:var(--muted)}.service{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:1fr 1.35fr;gap:22px}.service h3{font-size:clamp(1.35rem,3vw,2.05rem)}.service p{color:var(--muted)}.service a{display:inline-block;margin-top:10px;font-weight:750;text-underline-offset:4px}.invest{background:#e6ecd8}.invest p,.about p{max-width:65ch;margin-top:17px}.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,6vw,80px)}form{display:grid;gap:14px}label{display:grid;gap:5px;font-weight:650}input,select,textarea{font:inherit;color:var(--ink);width:100%;padding:.65rem .75rem;border-radius:4px;border:1px solid #82938a;background:white}textarea{resize:vertical}button:disabled{opacity:.55;cursor:default}.status{font-size:.9rem;color:var(--muted)}footer{background:var(--dark);color:var(--paper);padding:28px 0}footer .wrap{display:flex;gap:16px;justify-content:space-between}[hidden]{display:none!important}@media(max-width:680px){.wrap{width:calc(100% - 32px)}.nav nav{gap:12px}.nav nav a{font-size:.86rem}.nav nav .hide-small{display:none}.service,.contact-grid{grid-template-columns:1fr}.service{gap:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.expediting{background:#fff}.expediting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:0 32px}.expediting-grid article{border-top:1px solid var(--line);padding:20px 0}.expediting-grid h3{font-size:1.45rem;margin-bottom:.55rem}.expediting-grid p{color:var(--muted)}
.dob-help{background:#e6ecd8;padding:clamp(36px,6vw,68px) 0}.dob-help h2{font-size:clamp(1.9rem,4vw,3.15rem);max-width:25ch}.dob-help p{max-width:64ch;margin-top:16px}.dob-help p a{font-weight:700;text-underline-offset:3px}

:root{--ink:#202d36;--muted:#505b61;--paper:#f6f1e9;--line:#cfc1b2;--lime:#ead5b7;--dark:#172631;--copper:#9d5431}
body{font-family:system-ui,sans-serif}
.masthead{background:var(--dark);color:#fff7eb;border-bottom:1px solid #ffffff26}
.masthead .nav a{color:inherit}
.brand{font:600 1.65rem Georgia,serif;letter-spacing:-.04em}
.home,.detail-hero{background:linear-gradient(120deg,#14212c,#233744);color:#fff7eb}
.home{padding:clamp(48px,7vw,100px) 0 clamp(54px,8vw,112px)}
.home h1,.detail-hero h1{font:400 clamp(3.2rem,8vw,6.6rem)/1.02 Georgia,serif;letter-spacing:-.055em}
.home h1{margin-bottom:clamp(25px,5vw,52px)}
.service-menu{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ffffff34;border:1px solid #ffffff34}
.service-menu a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:156px;height:100%;padding:26px 64px 26px 26px;background:#20323f;text-decoration:none;transition:background .2s ease,color .2s ease}
.service-menu li:first-child a{background:#ead5b7;color:#202d36}
.service-menu a:hover,.service-menu li:first-child a:hover{background:#f7ebda;color:#202d36}
.service-menu h2{font:400 clamp(1.35rem,3vw,2.05rem)/1.13 Georgia,serif;letter-spacing:-.025em}
.service-menu p{font-size:.95rem;line-height:1.45;margin-top:9px}
.service-menu span{position:absolute;right:24px;top:27px;color:#c68a65;font-size:1.35rem;transition:transform .2s ease}
.service-menu a:hover span,.service-menu a:focus-visible span{transform:translate(4px,-4px)}
.service-menu li{animation:service-in .45s ease both}
.service-menu li:nth-child(2n){animation-delay:.05s}.service-menu li:nth-child(n+3){animation-delay:.1s}.service-menu li:nth-child(n+5){animation-delay:.16s}
@keyframes service-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.detail-hero{padding:clamp(45px,7vw,92px) 0}
.detail-hero h1{font-size:clamp(2.7rem,6vw,5.45rem);max-width:19ch;margin-top:20px}
.detail-hero p{color:#eee4d8}
.back{font-weight:700;text-underline-offset:4px;color:#ead5b7}
.section h2{font-family:Georgia,serif;font-weight:400}
.section:not(.contact) p>a{text-underline-offset:3px}
.expediting,.contact{background:#fcf8f1}
.expediting-grid{margin-top:24px}
.dob-help,.invest{background:#ead5b7}
.next-step p{margin-top:16px;max-width:65ch}
@media(max-width:680px){.service-menu{grid-template-columns:1fr}.service-menu a{min-height:116px;padding:20px 52px 20px 20px}.service-menu span{right:19px;top:21px}}
@media(prefers-reduced-motion:reduce){.service-menu li{animation:none}.service-menu a,.service-menu span{transition:none}}

body {
  font-family: "Instrument Sans", system-ui, sans-serif;
  background: #172631;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(11,22,34,.35), rgba(11,22,34,.73)), url("nyc-skyline.jpg") center 48% / cover no-repeat;
}
body { isolation: isolate; }
.masthead { background: rgba(15,27,39,.9); }
.masthead .nav { min-height: 94px; }
.masthead .brand {
  font: 700 clamp(1.6rem,3vw,2.35rem)/1 "Instrument Sans", system-ui, sans-serif;
  letter-spacing: -.045em;
}
.masthead nav a { font-size: 1.12rem; font-weight: 700; }
.home, .detail-hero { background: transparent; }
.home h1 {
  font: 600 clamp(2.25rem,4.5vw,3.6rem)/1.08 "Instrument Sans", system-ui, sans-serif;
  letter-spacing: -.045em;
  margin-bottom: clamp(24px,4vw,40px);
}
.service-menu { gap: 10px; border: 0; background: transparent; }
.service-menu a { background: rgba(22,37,49,.83); border: 1px solid rgba(240,224,202,.25); }
.service-menu h2 {
  font: 650 clamp(1.2rem,2vw,1.55rem)/1.2 "Instrument Sans", system-ui, sans-serif;
  letter-spacing: -.025em;
}
.detail-hero h1, .section h2 { font-family: "Instrument Sans", system-ui, sans-serif; font-weight: 600; }
.detail-hero h1, .detail-hero p, .home h1 { text-shadow: 0 2px 16px #071018; }
.dob-help, .invest { background: rgba(234,213,183,.96); }
.expediting, .contact, .next-step, .about { background: rgba(252,248,241,.95); }
footer { background: rgba(15,27,39,.93); }
@media (max-width: 680px) {
  .masthead .nav { min-height: 76px; }
  .masthead nav a { font-size: .98rem; }
  .service-menu h2 { font-size: 1.2rem; }
}


body { background: #d4e3eb; }
body::before {
  background-image: linear-gradient(180deg, rgba(244,249,251,.13), rgba(244,249,251,.08)), url("nyc-skyline.jpg");
}
.masthead {
  background: rgba(250,248,243,.96);
  color: #172631;
  border-bottom: 1px solid #a57c55;
}
.masthead .brand {
  font: 700 clamp(2.1rem,4.5vw,3.2rem)/.95 "Cormorant Garamond", Georgia, serif;
  letter-spacing: -.035em;
}
.masthead .nav nav { gap: clamp(14px,3vw,36px); }
.masthead nav a {
  font: 700 clamp(1.12rem,2.3vw,1.44rem)/1.1 "Cormorant Garamond", Georgia, serif;
  letter-spacing: .025em;
  padding: .4em 0;
  border-bottom: 1px solid transparent;
  transition: border-color .2s ease;
}
.masthead nav a:hover, .masthead nav a:focus-visible { border-color: #9d5431; }
.home, .detail-hero { color: #172631; }
.home h1, .detail-hero h1, .detail-hero p { text-shadow: none; }
.detail-hero .wrap {
  background: rgba(250,248,243,.93);
  padding: clamp(22px,4vw,48px);
  border-top: 2px solid #a57c55;
}
.detail-hero p { color: #354654; }
.back { color: #754527; }
.service-menu a {
  background: rgba(250,248,243,.92);
  color: #172631;
  border-color: rgba(137,104,73,.42);
}
.service-menu span { color: #8e5735; }
.service-menu li:first-child a { background: rgba(234,213,183,.96); }
.service-menu a:hover, .service-menu li:first-child a:hover { background: #fff8ec; }
@media (max-width: 380px) {
  .masthead .brand { font-size: 1.95rem; }
  .masthead .nav { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) { .masthead nav a { transition: none; } }
.about, .contact { background: transparent; padding-block: clamp(22px,4vw,45px); }
.about > .wrap, .contact > .wrap {
  background: rgba(250,248,243,.96);
  border-top: 1px solid #a57c55;
  padding: clamp(22px,4vw,48px);
}

/* Lift the active tile above its neighbors without shifting the grid. */
.service-menu li { position: relative; }
.service-menu li:focus-within { z-index: 2; }
.service-menu a {
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease, border-color .24s ease, color .24s ease;
}
.service-menu a:focus-visible {
  transform: translateY(-3px) scale(1.035);
  box-shadow: 0 12px 28px rgba(23,38,49,.24);
}
@media (hover: hover) and (pointer: fine) {
  .service-menu li:hover { z-index: 2; }
  .service-menu a:hover {
    transform: translateY(-3px) scale(1.035);
    box-shadow: 0 12px 28px rgba(23,38,49,.24);
    border-color: #a57c55;
  }
}
@media (prefers-reduced-motion: reduce) {
  .service-menu a, .service-menu a:hover, .service-menu a:focus-visible {
    transition: none;
    transform: none;
  }
}

.service-menu { gap: clamp(12px, 2vw, 18px); }
.service-menu a {
  border-radius: 20px;
  background: radial-gradient(ellipse at 30% 28%, #fffdf7 10%, #fbf5e8 57%, rgba(228,213,191,.88) 100%);
  border: 1px solid rgba(255,250,238,.85);
  box-shadow: inset 0 1px 1px #fff, 0 4px 18px rgba(43,55,67,.12);
}
.service-menu li:first-child a {
  background: radial-gradient(ellipse at 30% 28%, #fbefda 10%, #f0d8b4 62%, rgba(206,166,121,.9) 100%);
}
.service-menu a:hover, .service-menu li:first-child a:hover, .service-menu a:focus-visible {
  background: radial-gradient(ellipse at 30% 28%, #fffdf7 10%, #f8ead4 62%, rgba(223,195,160,.94) 100%);
  box-shadow: inset 0 1px 1px #fff, 0 12px 28px rgba(23,38,49,.24);
}

/* Service heading and tile surfaces. */
.home h1 {
  width: fit-content;
  font: 700 clamp(2.65rem, 5vw, 4.35rem)/1 "Cormorant Garamond", Georgia, serif;
  letter-spacing: -.04em;
  color: #20374d;
}
@supports (background-clip: text) {
  .home h1 {
    background: linear-gradient(105deg, #172f47 14%, #2b5962 48%, #8b4629 85%);
    background-clip: text;
    color: transparent;
  }
}
.home h1::after {
  content: "";
  display: block;
  width: 58%;
  height: 2px;
  margin-top: .22em;
  background: linear-gradient(90deg, #a05733, #cea36a 65%, transparent);
}
.service-menu a, .service-menu li:first-child a,
.service-menu a:hover, .service-menu li:first-child a:hover, .service-menu a:focus-visible {
  isolation: isolate;
  background: transparent;
  border: 0;
  border-radius: 28px;
  box-shadow: none;
}
.service-menu a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(135deg, #f9e6ca 0%, #fffaf0 42%, #f3f7f7 66%, #d2e4ea 100%);

}
.service-menu li:first-child a::before {
  background: linear-gradient(135deg, #ecd2ae, #f5e0c0 28%, #fff4df 70%, #e9c69e);
}
.service-menu a:hover::before, .service-menu a:focus-visible::before {
  filter: brightness(1.04) saturate(1.16);
}
.service-menu a { padding-right: 64px; }
@media (max-width: 680px) { .service-menu a { padding-left: 23px; padding-right: 48px; } }
@media (forced-colors: active) {
  .home h1 { color: CanvasText; }
  .service-menu a { border: 1px solid ButtonText; }
}

.masthead .brand-logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.brand-logo img {
  display: block;
  width: auto;
  height: clamp(70px, 8vw, 94px);
  clip-path: circle(43% at 48% 45%);
}

.service-menu a, .service-menu li:first-child a { border: 1px solid #a68f76; border-radius: 20px; box-shadow: 0 3px 12px #26384326; }
.service-menu a:hover, .service-menu li:first-child a:hover, .service-menu a:focus-visible { border-color: #825735; box-shadow: 0 10px 22px #26384340; }

.masthead .nav {
  width: calc(100% - clamp(22px, 5vw, 76px));
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  column-gap: clamp(8px, 2vw, 24px);
}
.masthead .brand-logo { justify-self: start; }
.brand-logo img { height: clamp(105px, 12vw, 141px); }
.masthead .nav nav { justify-self: end; }
.header-wordmark {
  display: grid;
  justify-self: center;
  font-family: "Archivo Black", "Instrument Sans", system-ui, sans-serif;
  color: #79502e;
  line-height: 1;
}
.header-wordmark-name {
  font-size: clamp(2rem, 5vw, 4.25rem);
  letter-spacing: -.065em;
  white-space: nowrap;
  text-transform: uppercase;
}
.header-wordmark-trade {
  display: flex;
  justify-content: space-between;
  margin-top: .35em;
  font-size: clamp(.64rem, 1.7vw, 1.2rem);
}
@supports (background-clip: text) {
  .header-wordmark-name, .header-wordmark-trade > span {
    background: linear-gradient(180deg, #77502e 0%, #c49558 29%, #8b5528 55%, #ad793f 78%, #684225 100%);
    background-clip: text;
    color: transparent;
  }
}
@media (max-width: 650px) {
  .masthead .nav { grid-template-columns: 1fr auto 1fr; row-gap: 0; }
  .masthead .nav nav { grid-column: 1 / -1; justify-self: center; padding-bottom: 9px; }
}
@media (max-width: 400px) {
  .header-wordmark-name { font-size: clamp(1.35rem, 5.5vw, 2rem); }
}
@media (forced-colors: active) {
  .header-wordmark-name, .header-wordmark-trade > span { color: CanvasText; }
}
.header-wordmark-name {
  font-family: "Cinzel", Georgia, serif;
  font-weight: 700;
  font-size: clamp(2rem, 5.1vw, 4.35rem);
  letter-spacing: .018em;
  line-height: 1.06;
}
@supports (background-clip: text) {
  .header-wordmark-name {
    background: linear-gradient(180deg, #916331 7%, #d7ad68 28%, #f6dfa0 43%, #bb8d4d 49%, #a16d35 71%, #77502d 94%);
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: .65px #74502d;
  }
}
.service-menu a::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(29, 26, 23, .77);
  border-radius: 13px;
  pointer-events: none;
}
@media (max-width: 650px) {
  .header-wordmark-name { font-size: clamp(1.35rem, 4.6vw, 2.7rem); }
}
@media (forced-colors: active) {
  .header-wordmark-name { color: CanvasText; -webkit-text-stroke: 0; }
  .service-menu a::after { border-color: ButtonText; }
}
.dob-hero h1 { font-size: clamp(2rem, 4.1vw, 3.55rem); max-width: 24ch; }
.dob-hero .button { white-space: normal; text-align: center; }

.home h1 {
  display: flex;
  align-items: center;
  gap: .65em;
  font: 700 clamp(1.4rem, 2.7vw, 2.35rem)/1.2 "Cinzel", Georgia, serif;
  letter-spacing: .13em;
  color: #213447;
  background: none;
}
.home h1::after {
  width: clamp(30px, 6vw, 84px);
  height: 1px;
  margin-top: 0;
  background: linear-gradient(90deg, #80502e, #b98750 60%, transparent);
}
@media (forced-colors: active) { .home h1 { color: CanvasText; } }

.copyright-note { padding: 10px 16px; text-align: center; background: rgba(250,248,243,.96); color: #4f504c; }
.copyright-note small { font-size: .72rem; }

.email-us { margin-top: 10px; }
