@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/cormorant-garamond-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/cormorant-garamond-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/cormorant-garamond-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/cormorant-garamond-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/hanken-grotesk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/hanken-grotesk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/hanken-grotesk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/hanken-grotesk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ============ After Dark — quiet luxury ============ */
:root{
  --ground:#07091C;
  --ground-2:#0A0D24;
  --ink:#EDEFF6;
  --muted:#7E86A6;
  --hair:#1E2340;
  --sky:#2FB1EC;
  --serif:'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --sans:'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --pad:clamp(24px, 6vw, 96px);
  --ease:cubic-bezier(.22,.61,.21,1);
}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }
body{margin:0;background:#07091C;}
#ir-root{
  background:var(--ground);
  color:var(--ink);
  font-family:var(--sans);
  font-weight:300;
  font-size:16.5px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:clip;
}
#ir-root *,#ir-root *::before,#ir-root *::after{box-sizing:border-box;}
:where(#ir-root) :where(h1,h2,h3){margin:0;font-weight:300;text-wrap:balance;}
:where(#ir-root) p{margin:0;}
:where(#ir-root) img{display:block;max-width:100%;}
:where(#ir-root) a{color:inherit;text-decoration:none;}
#ir-root :focus-visible{outline:2px solid var(--sky);outline-offset:4px;border-radius:1px;}
#ir-root ::selection{background:#1B3A55;color:var(--ink);}

/* type utilities */
.label{
  font-family:var(--sans);font-weight:600;font-size:11px;
  letter-spacing:.3em;text-transform:uppercase;color:var(--muted);
}
.serif-em em{font-style:italic;font-weight:400;}

/* reveal motion */
.rv{opacity:0;transform:translateY(20px);
  transition:opacity .65s var(--ease), transform .65s var(--ease);
  transition-delay:var(--d, 0s);}
.rv.in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){
  .rv{opacity:1;transform:none;transition:none;}
}

/* ============ nav ============ */
.nav{
  position:fixed;inset:0 0 auto 0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;
  padding:22px var(--pad);
  transition:background .4s var(--ease), border-color .4s var(--ease), padding .4s var(--ease);
  border-bottom:1px solid transparent;
}
.nav.scrolled{
  background:rgba(7,9,28,.86);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom-color:var(--hair);
  padding-top:14px;padding-bottom:14px;
}
.nav-logo{display:flex;align-items:center;gap:14px;flex:0 0 auto;}
.nav-logo svg{height:28px;width:auto;display:block;}
.nav-logo .wordmark{
  font-family:var(--sans);font-weight:500;font-size:11.5px;
  letter-spacing:.42em;text-transform:uppercase;color:var(--ink);
  transform:translateY(1px);
}
.nav-links{display:flex;align-items:center;gap:clamp(20px,3vw,44px);list-style:none;margin:0;padding:0;}
.nav-links a{
  font-weight:500;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--ink);position:relative;padding:6px 0;
}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;
  background:var(--sky);transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
.nav-links a:hover::after{transform:scaleX(1);}
@media (prefers-reduced-motion: reduce){ .nav-links a::after{transition:none;} }
.nav-phone{white-space:nowrap;}
.menu-btn{
  display:none;appearance:none;background:none;border:0;cursor:pointer;
  padding:10px 2px;
}
.menu-btn .bar{display:block;width:26px;height:1px;background:var(--ink);margin:8px 0;transition:transform .35s var(--ease), opacity .35s var(--ease);}
.menu-btn[aria-expanded="true"] .bar:first-child{transform:translateY(4.5px) rotate(45deg);}
.menu-btn[aria-expanded="true"] .bar:last-child{transform:translateY(-4.5px) rotate(-45deg);}
.mobile-menu{
  position:fixed;inset:0;z-index:55;background:var(--ground);
  display:flex;flex-direction:column;justify-content:center;
  padding:0 var(--pad);
  opacity:0;visibility:hidden;
  transition:opacity .4s var(--ease), visibility 0s linear .4s;
}
.mobile-menu.open{opacity:1;visibility:visible;transition:opacity .4s var(--ease);}
@media (prefers-reduced-motion: reduce){ .mobile-menu{transition:none;} }
.mobile-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.mobile-menu li{border-bottom:1px solid var(--hair);}
.mobile-menu li:first-child{border-top:1px solid var(--hair);}
.mobile-menu a{
  font-family:var(--serif);font-weight:300;font-size:34px;line-height:1;
  display:block;padding:22px 0;color:var(--ink);
}
.mobile-menu .mm-meta{margin-top:36px;color:var(--muted);font-size:13px;letter-spacing:.08em;}
@media (max-width: 900px){
  .nav-links, .nav .nav-phone-wrap{display:none;}
  .menu-btn{display:block;}
}

/* ============ hero ============ */
.hero{position:relative;height:100svh;min-height:640px;max-height:1100px;overflow:hidden;}
.hero-media{position:absolute;inset:0;}
.hero-media img{
  width:100%;height:100%;object-fit:cover;object-position:center 40%;
  filter:saturate(.62) contrast(1.04) brightness(.9);
}
@keyframes heroSettle{from{transform:scale(1.035);}to{transform:scale(1);}}
.hero-media img{animation:heroSettle 2.6s var(--ease) both;}
@media (prefers-reduced-motion: reduce){ .hero-media img{animation:none;} }
.hero-media::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(to bottom, rgba(7,9,28,.7) 0%, rgba(7,9,28,.22) 22%, rgba(7,9,28,0) 42%),
    linear-gradient(to top, rgba(7,9,28,.97) 0%, rgba(7,9,28,.8) 18%, rgba(7,9,28,.46) 44%, rgba(7,9,28,.12) 68%, rgba(7,9,28,0) 82%);
}
.hero-media::after{
  content:"";position:absolute;inset:0;background:rgba(7,9,28,.16);
}
.hero-content{
  position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(56px,10vh,110px);
  display:flex;flex-direction:column;gap:30px;max-width:900px;
}
.hero h1{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(46px, 7.2vw, 100px);
  line-height:1.04;letter-spacing:.005em;
  text-shadow:0 2px 34px rgba(7,9,28,.55), 0 1px 8px rgba(7,9,28,.35);
}
.hero h1 em{font-style:italic;font-weight:400;}
.hero-rule{display:flex;align-items:center;gap:0;}
.hero-rule .line{height:1px;width:min(220px,40vw);background:rgba(237,239,246,.42);}
.hero-rule .dot{width:5px;height:5px;border-radius:50%;background:var(--sky);margin-left:-1px;}
.hero-meta{
  font-weight:400;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(237,239,246,.82);display:flex;flex-wrap:wrap;gap:8px 0;align-items:baseline;
}
.hero-meta .sep{margin:0 14px;color:rgba(237,239,246,.4);}
.hero-meta a{border-bottom:1px solid rgba(237,239,246,.3);padding-bottom:2px;transition:border-color .3s var(--ease);}
.hero-meta a:hover{border-color:var(--sky);}
@media (max-width: 640px){
  .hero-meta{flex-direction:column;gap:10px;align-items:flex-start;}
  .hero-meta .sep{display:none;}
}

/* ============ shared section chrome ============ */
.section{padding:clamp(96px,14vh,180px) var(--pad);}
.section-head{display:flex;align-items:center;gap:22px;margin-bottom:clamp(48px,8vh,84px);}
.section-head .label{flex:0 0 auto;}
.section-head .rule{flex:1;height:1px;background:var(--hair);}
.wrap{max-width:1280px;margin:0 auto;}
section{scroll-margin-top:84px;}

/* ============ intro statement ============ */
.intro .big{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(34px,4.6vw,62px);line-height:1.22;
  max-width:20em;
}
.intro .big em{font-style:italic;font-weight:400;}
.intro-body{
  margin-top:clamp(40px,6vh,64px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;
}
.intro-body .spacer{border-top:1px solid var(--hair);}
.intro-body p{max-width:58ch;color:rgba(237,239,246,.86);}
.intro-body p + p{margin-top:1.2em;}
@media (max-width: 820px){
  .intro-body{grid-template-columns:1fr;gap:28px;}
  .intro-body .spacer{display:none;}
}

/* ============ gallery ============ */
.work{padding-top:clamp(40px,7vh,90px);}
.stock-note{
  padding:0 var(--pad);max-width:1280px;margin:0 auto clamp(28px,4vh,44px);
  color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;
}
.figset{display:flex;flex-direction:column;gap:clamp(72px,12vh,150px);}
figure.ph{margin:0;position:relative;}
figure.ph .frame{position:relative;overflow:hidden;background:var(--ground-2);}
figure.ph img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.62) contrast(1.04) brightness(.88);
}
figure.ph .frame::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(to top, rgba(7,9,28,.9) 0%, rgba(7,9,28,.52) 14%, rgba(7,9,28,.14) 34%, rgba(7,9,28,0) 52%),
    rgba(7,9,28,.14);
}
figure.ph figcaption{
  position:absolute;left:clamp(22px,3.4vw,48px);bottom:clamp(20px,3vw,40px);right:clamp(22px,3.4vw,48px);
  display:flex;flex-direction:column;gap:6px;
}
figure.ph figcaption .cap-title{
  font-family:var(--serif);font-weight:400;font-style:italic;
  font-size:clamp(20px,2vw,26px);line-height:1.2;color:var(--ink);
}
figure.ph figcaption .cap-sub{
  font-weight:300;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(237,239,246,.62);
}
/* layout variants */
.ph-full .frame{aspect-ratio:16/9;max-height:820px;width:100%;}
.ph-pair{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(20px,3vw,44px);align-items:end;
  padding:0 var(--pad);max-width:1440px;margin:0 auto;width:100%;
}
.ph-pair .ph-a .frame{aspect-ratio:4/3;}
.ph-pair .ph-b .frame{aspect-ratio:4/5;}
.ph-band{padding:0 var(--pad);max-width:1440px;margin:0 auto;width:100%;}
.ph-band .inner{width:min(100%,1100px);margin-left:auto;}
.ph-band .frame{aspect-ratio:16/9;}
@media (max-width: 820px){
  .ph-pair{grid-template-columns:1fr;gap:56px;}
  .ph-pair .ph-b .frame{aspect-ratio:4/4.4;}
  .ph-full .frame{aspect-ratio:4/5;max-height:none;}
  .ph-band .frame{aspect-ratio:4/3;}
}

/* ============ services index ============ */
.services .lede{
  font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.6vw,48px);
  line-height:1.25;max-width:22em;margin-bottom:clamp(48px,8vh,84px);
}
.services .lede em{font-style:italic;font-weight:400;}
.svc-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair);}
.svc-item{border-bottom:1px solid var(--hair);}
.svc-btn{
  appearance:none;background:none;border:0;cursor:pointer;width:100%;
  display:flex;align-items:baseline;gap:18px;
  padding:clamp(22px,3vh,32px) 0;
  color:var(--ink);text-align:left;font-family:var(--serif);
  transition:padding-left .4s var(--ease);
}
.svc-btn:hover{padding-left:14px;}
@media (prefers-reduced-motion: reduce){ .svc-btn{transition:none;} .svc-btn:hover{padding-left:0;} }
.svc-title{
  font-weight:400;font-size:clamp(24px,3vw,38px);line-height:1.15;flex:1;
}
.svc-count{
  font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap;
  display:none;
}
@media (min-width: 640px){ .svc-count{display:block;} }
.svc-ind{position:relative;width:15px;height:15px;flex:0 0 auto;align-self:center;}
.svc-ind::before,.svc-ind::after{
  content:"";position:absolute;background:var(--muted);
  transition:transform .45s var(--ease), background .3s var(--ease);
}
.svc-ind::before{left:0;top:7px;width:15px;height:1px;}
.svc-ind::after{left:7px;top:0;width:1px;height:15px;}
.svc-btn[aria-expanded="true"] .svc-ind::after{transform:rotate(90deg);}
.svc-btn[aria-expanded="true"] .svc-ind::before,
.svc-btn[aria-expanded="true"] .svc-ind::after{background:var(--ink);}
.svc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease);}
@media (prefers-reduced-motion: reduce){ .svc-body{transition:none;} }
.svc-body > .clip{overflow:hidden;min-height:0;}
.svc-item.open .svc-body{grid-template-rows:1fr;}
.svc-cols{
  columns:2;column-gap:64px;
  padding:6px 0 clamp(30px,4vh,44px);
  max-width:840px;
}
.svc-cols span{
  display:block;break-inside:avoid;
  font-weight:300;font-size:15.5px;line-height:1.6;
  color:rgba(237,239,246,.8);
  padding:7px 0;border-bottom:1px solid rgba(30,35,64,.55);
}
@media (max-width: 640px){ .svc-cols{columns:1;} }

/* ============ why us ============ */
.why-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);}
.why-side h2{
  font-family:var(--serif);font-weight:300;font-size:clamp(32px,3.8vw,52px);line-height:1.18;
}
.why-side p{margin-top:26px;color:rgba(237,239,246,.78);max-width:44ch;}
.claims{
  list-style:none;margin:0;padding:0 0 0 clamp(24px,3vw,40px);
  border-left:1px solid var(--hair);
  display:flex;flex-direction:column;gap:clamp(18px,2.6vh,26px);
}
.claims li{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(22px,2.4vw,30px);line-height:1.3;
}
.claims li em{font-style:italic;}
@media (max-width: 820px){ .why-grid{grid-template-columns:1fr;} }
.tagline{
  padding:clamp(80px,12vh,140px) var(--pad);
  text-align:center;
}
.tagline p{
  font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(26px,3.4vw,44px);line-height:1.4;color:rgba(237,239,246,.92);
  max-width:24em;margin:0 auto;text-wrap:balance;
}
.tagline .tg-rule{width:1px;height:56px;background:var(--hair);margin:0 auto 40px;}

/* ============ process ============ */
.steps{list-style:none;margin:0;padding:0;position:relative;max-width:760px;}
.steps::before{
  content:"";position:absolute;left:5px;top:14px;bottom:14px;width:1px;background:var(--hair);
}
.steps li{
  position:relative;padding:0 0 clamp(44px,6vh,64px) clamp(44px,5vw,72px);
}
.steps li:last-child{padding-bottom:0;}
.steps li::before{
  content:"";position:absolute;left:0;top:12px;width:11px;height:11px;border-radius:50%;
  background:var(--ground);border:1px solid var(--muted);
}
.steps li:last-child::after{
  content:"";position:absolute;left:3px;top:26px;bottom:-6px;width:5px;background:var(--ground);
}
.step-no{
  font-weight:400;font-size:11px;letter-spacing:.3em;color:var(--muted);
  text-transform:uppercase;display:block;margin-bottom:8px;font-variant-numeric:tabular-nums;
}
.steps h3{
  font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,32px);line-height:1.2;
}
.steps p{margin-top:10px;color:rgba(237,239,246,.76);max-width:52ch;}

/* ============ contact ============ */
.contact h2{
  font-family:var(--serif);font-weight:300;font-size:clamp(40px,5.6vw,76px);line-height:1.08;
  margin-bottom:clamp(48px,8vh,90px);
}
.contact h2 em{font-style:italic;font-weight:400;}
.contact-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(48px,7vw,120px);align-items:start;}
@media (max-width: 900px){ .contact-grid{grid-template-columns:1fr;} }
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:34px;}
.field label{
  font-weight:500;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);
}
.field input,.field select,.field textarea{
  appearance:none;-webkit-appearance:none;background:transparent;border:0;
  border-bottom:1px solid var(--hair);border-radius:0;
  color:var(--ink);font-family:var(--sans);font-weight:300;font-size:16.5px;
  padding:8px 0 12px;line-height:1.5;
  transition:border-color .3s var(--ease);
}
.field textarea{resize:vertical;min-height:96px;}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#2A3054;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--sky);}
.field input::placeholder,.field textarea::placeholder{color:#4A5170;}
.field select{
  background-image:url("../icons/select-chevron.svg");
  background-repeat:no-repeat;background-position:right 4px center;
  padding-right:28px;cursor:pointer;
}
.field select option{background:#0A0D24;color:var(--ink);}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px var(--ground) inset;
  -webkit-text-fill-color:var(--ink);
  caret-color:var(--ink);
  transition:background-color 99999s ease-in-out 0s;
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;}
@media (max-width: 560px){ .form-row{grid-template-columns:1fr;} }
.submit-btn{
  appearance:none;cursor:pointer;background:transparent;
  border:1px solid rgba(237,239,246,.34);color:var(--ink);
  font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.3em;text-transform:uppercase;
  padding:18px 40px;margin-top:6px;
  transition:border-color .35s var(--ease), background .35s var(--ease);
}
.submit-btn:hover{border-color:var(--sky);}
.form-note{margin-top:18px;color:var(--muted);font-size:12.5px;letter-spacing:.04em;}
.form-done{display:none;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:44px 0;}
.form-done.show{display:block;}
.form-done .fd-big{
  font-family:var(--serif);font-weight:400;font-style:italic;
  font-size:clamp(24px,2.6vw,32px);line-height:1.35;
}
.form-done .fd-sub{margin-top:14px;color:var(--muted);font-size:13px;letter-spacing:.06em;}
.contact-aside{display:flex;flex-direction:column;}
.contact-aside .c-label{margin-bottom:14px;}
.phone-big{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(40px,4.6vw,62px);line-height:1.05;letter-spacing:.01em;
  color:var(--ink);white-space:nowrap;
  border-bottom:1px solid transparent;transition:color .3s var(--ease);
  font-variant-numeric:tabular-nums;
  align-self:flex-start;
}
.phone-big:hover{color:var(--sky);}
.contact-aside .area{
  margin-top:16px;color:var(--muted);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;
}
.people{margin-top:clamp(44px,6vh,64px);border-top:1px solid var(--hair);}
.person{padding:26px 0;border-bottom:1px solid var(--hair);}
.person .p-name{
  font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2;
}
.person .p-lines{margin-top:10px;display:flex;flex-direction:column;gap:5px;}
.person .p-line{display:flex;align-items:baseline;gap:16px;font-size:14.5px;font-weight:300;color:rgba(237,239,246,.82);}
.person .p-key{
  flex:0 0 54px;font-weight:500;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);
}
.person a{border-bottom:1px solid rgba(126,134,166,.35);padding-bottom:1px;transition:border-color .3s var(--ease);}
.person a:hover{border-color:var(--sky);}

/* ============ footer ============ */
.footer{
  border-top:1px solid var(--hair);
  padding:clamp(64px,10vh,110px) var(--pad) 56px;
}
.footer-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;}
.footer-logo svg{width:96px;height:auto;display:block;margin:0 auto;}
.footer-word{
  font-weight:500;font-size:11px;letter-spacing:.52em;text-transform:uppercase;color:var(--ink);
  margin-top:14px;text-indent:.52em;
}
.footer-meta{color:var(--muted);font-size:12.5px;letter-spacing:.08em;font-weight:300;line-height:2;}
.footer-meta a{border-bottom:1px solid rgba(126,134,166,.3);padding-bottom:1px;}
.footer-meta a:hover{border-color:var(--sky);}
.footer-credit{color:#4A5170;font-size:11px;letter-spacing:.06em;max-width:62ch;}