/* 6611 Tarrega — single-property listing site */
:root{
  --ink:#17150f; --ink-soft:#3a352c; --bone:#faf7f2; --paper:#fffdfa;
  --sand:#ece5d9; --line:#ddd4c5; --stone:#7d7568; --bronze:#9a7b4f;
  --max:1240px; --gut:clamp(20px,5vw,64px);
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Cormorant Garamond",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--sans);
  font-weight:330;font-size:16.5px;line-height:1.68;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:300;letter-spacing:.005em;margin:0}
p{margin:0 0 1.1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);
  font-weight:500;margin:0 0 18px}
.rule{height:1px;background:var(--line);border:0;margin:0}
.sec{padding:clamp(64px,9vw,128px) 0}
.sec--sand{background:var(--sand)}
.sec--ink{background:var(--ink);color:#e8e2d6}
.sec--ink .eyebrow{color:#c9a870}
.sec--ink .rule{background:#3a352c}

/* preview banner */
.banner{background:var(--ink);color:#d8cfbd;font-size:12px;letter-spacing:.06em;
  padding:9px var(--gut);text-align:center;position:relative;z-index:60}
.banner b{color:#e8c98f;font-weight:500}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(250,247,242,.94);
  backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;
  transition:border-color .3s}
.nav.stuck{border-bottom-color:var(--line)}
.nav__in{max-width:var(--max);margin:0 auto;padding:14px var(--gut);
  display:flex;align-items:center;justify-content:space-between;gap:24px}
.mark{font-family:var(--serif);font-size:19px;letter-spacing:.12em;text-decoration:none;white-space:nowrap}
.mark span{color:var(--bronze)}
.nav__links{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.nav__links a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;color:var(--ink-soft);padding:4px 0;border-bottom:1px solid transparent}
.nav__links a:hover{border-bottom-color:var(--bronze);color:var(--ink)}
@media(max-width:900px){.nav__links{display:none}}

/* buttons */
.btn{display:inline-block;font-family:var(--sans);font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;text-decoration:none;padding:15px 30px;border:1px solid currentColor;
  background:none;cursor:pointer;transition:background .25s,color .25s;color:inherit}
.btn--solid{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.btn--solid:hover{background:transparent;color:var(--ink)}
.btn--light{color:#fff;border-color:rgba(255,255,255,.65)}
.btn--light:hover{background:#fff;color:var(--ink)}

/* hero */
.hero{position:relative;min-height:clamp(560px,92svh,940px);display:flex;align-items:flex-end;
  color:#fff;overflow:hidden;background:#100e0a}
.hero picture,.hero img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,9,6,.52) 0%,rgba(10,9,6,.18) 34%,rgba(10,9,6,.72) 100%)}
.hero__in{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;
  padding:0 var(--gut) clamp(46px,7vw,84px)}
.hero h1{font-size:clamp(40px,7.4vw,92px);line-height:1.02;margin:0 0 6px;text-wrap:balance}
.hero__sub{font-size:clamp(13px,1.5vw,16px);letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.82);margin:0 0 30px}
.hero__stats{display:flex;flex-wrap:wrap;gap:18px 52px;margin:0 0 34px;padding:0;list-style:none}
.hero__stats li{padding:0}
.hero__stats b{display:block;font-family:var(--serif);font-size:clamp(26px,3.4vw,40px);font-weight:300;line-height:1.1}
.hero__stats span{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px}

/* lede */
.lede{max-width:760px}
.lede .eyebrow + p{font-family:var(--serif);font-size:clamp(23px,2.9vw,34px);line-height:1.42;
  color:var(--ink);margin-bottom:.9em;letter-spacing:0;text-transform:none}
.lede p{color:var(--ink-soft)}

/* facts */
.facts{display:grid;gap:1px;background:var(--line);
  grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
@media(max-width:860px){.facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.facts{grid-template-columns:1fr}}
.facts div{background:var(--bone);padding:24px 22px}
.facts dt{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin:0 0 8px}
.facts dd{margin:0;font-family:var(--serif);font-size:25px;line-height:1.2}
.facts dd small{display:block;font-family:var(--sans);font-size:12px;color:var(--stone);letter-spacing:.02em;margin-top:5px}

/* section head */
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;
  margin-bottom:clamp(30px,4vw,54px);flex-wrap:wrap}
.head h2{font-size:clamp(30px,4.4vw,52px);line-height:1.08}
.head p{max-width:460px;margin:0;color:var(--stone);font-size:15px}

/* gallery */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.filters button{font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 17px;
  border:1px solid var(--line);background:none;cursor:pointer;color:var(--ink-soft);
  font-family:var(--sans);transition:all .2s}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.grid{display:grid;gap:clamp(12px,1.5vw,22px);grid-template-columns:repeat(12,1fr);align-items:start}
.tile{grid-column:span 6;margin:0;position:relative;overflow:hidden;background:var(--sand);
  cursor:zoom-in;border:0;padding:0;font:inherit;text-align:left}
.tile--half{grid-column:span 6}
.tile--full{grid-column:span 12}
.tile img{width:100%;height:auto!important;aspect-ratio:3/2;object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.tile:hover img{transform:scale(1.035)}
.tile figcaption{position:absolute;left:0;bottom:0;right:0;padding:16px 18px;color:#fff;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  background:linear-gradient(0deg,rgba(10,9,6,.66),rgba(10,9,6,0));opacity:0;transition:opacity .3s}
.tile:hover figcaption,.tile:focus-visible figcaption{opacity:1}
@media(max-width:700px){.tile,.tile--half,.tile--full{grid-column:span 12}}

/* full-bleed band */
.bleed{position:relative;width:100%;margin:0;background:var(--ink);overflow:hidden}
.bleed img{width:100%!important;height:min(76svh,58vw)!important;min-height:320px;object-fit:cover;display:block}
.bleed figcaption{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,4vw,52px) var(--gut);
  color:#fff;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  background:linear-gradient(0deg,rgba(10,9,6,.62),rgba(10,9,6,0))}
.bleed--tall img{height:min(88svh,70vw)!important}

/* lightbox */
.lb{position:fixed;inset:0;z-index:100;background:rgba(12,10,7,.96);display:none;
  align-items:center;justify-content:center;padding:clamp(12px,3vw,44px)}
.lb[open],.lb.on{display:flex}
.lb img{max-width:100%;max-height:82svh;object-fit:contain}
.lb__cap{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#cfc6b6;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.lb__x,.lb__p,.lb__n{position:absolute;background:none;border:0;color:#fff;cursor:pointer;
  font-size:30px;line-height:1;padding:14px;opacity:.75;font-family:var(--sans)}
.lb__x:hover,.lb__p:hover,.lb__n:hover{opacity:1}
.lb__x{top:8px;right:10px;font-size:26px}
.lb__p{left:4px;top:50%;transform:translateY(-50%)}
.lb__n{right:4px;top:50%;transform:translateY(-50%)}

/* media block */
.media{position:relative;background:#000}
.media video{width:100%;height:auto;display:block}
.tag{display:inline-block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  border:1px solid currentColor;padding:6px 12px;margin-bottom:18px}
.note{font-size:13px;color:var(--stone);margin-top:16px;line-height:1.6}

/* floorplan */
.fp{background:#fff;border:1px solid var(--line);padding:clamp(16px,3vw,36px)}
.fp img{margin:0 auto}

/* two col */
.cols{display:grid;gap:clamp(30px,5vw,68px);grid-template-columns:1fr 1fr;align-items:start}
@media(max-width:860px){.cols{grid-template-columns:1fr}}

/* timeline */
.tl{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tl li{display:grid;grid-template-columns:118px 1fr;gap:26px;padding:22px 0;border-bottom:1px solid var(--line)}
.tl time{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);padding-top:4px}
.tl h3{font-size:21px;margin:0 0 5px}
.tl p{margin:0;color:var(--ink-soft);font-size:15px}
@media(max-width:560px){.tl li{grid-template-columns:1fr;gap:6px}}

/* team */
.team{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--line);
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));border:1px solid var(--line)}
.team li{background:var(--bone);padding:22px}
.team span{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin-bottom:7px}
.team b{font-family:var(--serif);font-weight:300;font-size:21px;line-height:1.25;display:block}

/* accordions */
.acc{border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;justify-content:space-between;
  align-items:center;gap:20px;font-family:var(--serif);font-size:clamp(21px,2.4vw,27px)}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font-family:var(--sans);font-size:19px;color:var(--bronze);flex:none}
.acc details[open] summary::after{content:"–"}
.acc table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px}
.acc th,.acc td{text-align:left;padding:11px 14px 11px 0;border-top:1px solid var(--line);vertical-align:top}
.acc th{width:34%;font-weight:500;color:var(--ink-soft);font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;padding-top:14px}
.acc td{color:var(--ink-soft)}

/* warranty table */
.wtab{width:100%;border-collapse:collapse;font-size:15px}
.wtab th,.wtab td{text-align:left;padding:15px 16px 15px 0;border-bottom:1px solid #3a352c}
.wtab thead th{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#a99a80;font-weight:500}
.wtab tbody th{font-weight:330;color:#e8e2d6}
.wtab td:last-child{text-align:right;font-family:var(--serif);font-size:21px;white-space:nowrap}

/* list */
.ticks{list-style:none;margin:0;padding:0}
.ticks li{padding:12px 0 12px 26px;border-bottom:1px solid var(--line);position:relative;font-size:15.5px}
.ticks li::before{content:"";position:absolute;left:0;top:21px;width:9px;height:1px;background:var(--bronze)}
.sec--ink .ticks li{border-bottom-color:#3a352c}

/* neighborhood */
.spots{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--line);
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));border:1px solid var(--line)}
.spots li{background:var(--bone);padding:28px 26px;display:flex;flex-direction:column;gap:9px}
.spots b{font-family:var(--serif);font-weight:300;font-size:26px;line-height:1.2}
.spots p{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.6;flex:1}
.spots .tagline{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze)}
.spots a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:5px;align-self:flex-start}
.spots a:hover{border-bottom-color:var(--bronze)}

/* form */
.form{display:grid;gap:16px;max-width:560px}
.form label{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--stone);margin-bottom:7px}
.form input,.form textarea{width:100%;padding:13px 15px;border:1px solid var(--line);background:var(--paper);
  font-family:var(--sans);font-size:15.5px;color:var(--ink);border-radius:0}
.form input:focus,.form textarea:focus{outline:2px solid var(--bronze);outline-offset:-2px;border-color:var(--bronze)}
.form textarea{min-height:120px;resize:vertical}
.hp{position:absolute;left:-9999px}

/* footer */
.foot{background:var(--ink);color:#9d9280;font-size:13px;padding:clamp(48px,6vw,80px) 0 40px}
.foot a{color:#c9bda6}
.foot__top{display:grid;gap:34px;grid-template-columns:1.4fr 1fr 1fr;margin-bottom:44px}
@media(max-width:800px){.foot__top{grid-template-columns:1fr}}
.foot h3{font-size:24px;color:#e8e2d6;margin-bottom:12px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:9px}
.foot__legal{border-top:1px solid #332f27;padding-top:26px;font-size:11.5px;line-height:1.75;color:#7d735f}
.eho{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:#c9bda6;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase}
.eho svg{flex:none}
.tbd{color:#e8c98f}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}}
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--ink);color:#fff;padding:12px 18px}

/* ---- team cards + person pages ---- */
.team-cards{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,2vw,24px);
  grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.team-cards{grid-template-columns:1fr}}
.team-cards li{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.team-cards a.card{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}
.team-cards .mono{font-family:var(--serif);font-size:44px;line-height:1;color:var(--bronze);
  padding:30px 28px 0;font-weight:300}
.team-cards .body{padding:18px 28px 30px;display:flex;flex-direction:column;gap:8px;flex:1}
.team-cards .role{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--stone)}
.team-cards h3{font-size:27px;line-height:1.2}
.team-cards p{margin:0;font-size:14.5px;color:var(--ink-soft);flex:1}
.team-cards .go{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
  border-bottom:1px solid var(--line);padding-bottom:5px;align-self:flex-start;margin-top:6px}
.team-cards a.card:hover{border-color:var(--bronze)}
.team-cards a.card:hover .go{border-bottom-color:var(--bronze)}

.phero{position:relative;min-height:clamp(340px,52svh,540px);display:flex;align-items:flex-end;
  color:#fff;overflow:hidden;background:#100e0a}
.phero picture,.phero img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.phero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,9,6,.45),rgba(10,9,6,.78))}
.phero__in{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;
  padding:0 var(--gut) clamp(34px,5vw,58px)}
.phero h1{font-size:clamp(34px,6vw,70px);line-height:1.04;margin:0 0 8px}
.phero__meta{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.8);margin:0}

.pquote{font-family:var(--serif);font-size:clamp(23px,3.1vw,36px);line-height:1.42;
  margin:0 0 34px;max-width:840px;text-wrap:balance}
.pquote::before{content:"\201C"}
.pquote::after{content:"\201D"}
.pstats{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:1px;background:var(--line);
  grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
@media(max-width:700px){.pstats{grid-template-columns:1fr}}
.pstats li{background:var(--bone);padding:24px 22px}
.pstats b{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.2vw,36px);line-height:1.1}
.pstats span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone)}
.ptab{width:100%;border-collapse:collapse;font-size:15px;margin-top:8px}
.ptab th,.ptab td{text-align:left;padding:16px 16px 16px 0;border-top:1px solid var(--line);vertical-align:top}
.ptab th{width:30%;font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--stone);padding-top:19px}
.ptab td{color:var(--ink-soft)}
.contact-card{border:1px solid var(--line);background:var(--paper);padding:clamp(24px,3vw,36px)}
.contact-card h3{font-size:26px;margin-bottom:14px}
.contact-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 22px;font-size:15px}
.contact-card dt{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);padding-top:4px}
.contact-card dd{margin:0;color:var(--ink-soft)}
.contact-card a{color:var(--ink)}

.prose p{font-size:16.5px;line-height:1.72;color:var(--ink-soft);margin:0 0 1.15em;max-width:62ch}
.prose p:first-child{font-family:var(--sans);font-size:16.5px;color:var(--ink-soft)}

/* selected work */
.work{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--line);
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border:1px solid var(--line)}
.work li{background:var(--bone);padding:26px 24px}
.work b{display:block;font-family:var(--serif);font-weight:300;font-size:24px;line-height:1.25;margin-bottom:7px}
.work p{margin:0;font-size:14.5px;color:var(--ink-soft);line-height:1.6}
.mark{font-size:15px;letter-spacing:.2em}
@media(max-width:1100px){.nav__links{gap:18px}.nav__links a{font-size:11px;letter-spacing:.1em}}

/* nav fit for the longer wordmark */
.nav__links a{white-space:nowrap}
.nav__in{gap:16px}
.mark{font-size:14px;letter-spacing:.17em}
@media(max-width:1280px){.nav__links{gap:16px}.nav__links a{font-size:10.5px;letter-spacing:.08em}}
@media(max-width:1060px){.nav__links{display:none}}

.fp img{width:100%;height:auto}
.cols picture img,.fp picture img{width:100%;height:auto}

.nav .btn{white-space:nowrap}

.pquote--statement::before,.pquote--statement::after{content:none}

.fp picture img{max-width:1024px;margin:0 auto}

.pstats--dark{background:#3a352c;border-color:#3a352c}
.pstats--dark li{background:#1f1c16}
.pstats--dark b{color:#f2ece0}
.pstats--dark span{color:#a99a80}

/* ---- justified gallery: every photo at its true proportions, rows share a height ---- */
:root{--rh:340px}
@media(max-width:700px){:root{--rh:250px}}
.grid{display:flex!important;flex-wrap:wrap;gap:clamp(10px,1.2vw,16px)}
.grid::after{content:"";flex-grow:999999}
.tile{grid-column:auto!important;min-width:0}
.tile picture{display:block}
.tile img{aspect-ratio:var(--ar)!important;height:auto!important;width:100%}

/* ---- hero crossfade ---- */
.hero .slide{opacity:0;transition:opacity 1.8s ease-in-out}
.hero .slide.on{opacity:1}
.hero__dots{position:absolute;z-index:3;top:22px;right:var(--gut);display:flex;gap:6px}
.hero__dots button{position:relative;width:30px;height:22px;border:0;padding:0;background:none;cursor:pointer}
.hero__dots button::before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;
  background:rgba(255,255,255,.45);transition:background .4s}
.hero__dots button.on::before{background:#fff}
@media(prefers-reduced-motion:reduce){.hero .slide{transition:none}}

/* phones: keep the wordmark and the showing button on one line, nothing clipped */
@media(max-width:560px){
  .nav__in{padding:12px 16px;gap:10px}
  .mark{font-size:11.5px;letter-spacing:.12em}
  .nav .btn{padding:10px 12px;font-size:10px;letter-spacing:.08em}
}
@media(max-width:360px){.mark{font-size:10.5px;letter-spacing:.08em}.nav .btn{padding:9px 10px}}

/* ---- hero detail panels: stacked in one cell so the hero never changes height, crossfade with the photos ---- */
.hero__panels{display:grid;margin:0 0 34px}
.hero__panel{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 0s linear 1.2s}
.hero__panel.on{opacity:1;visibility:visible;transition:opacity 1.2s ease .3s,visibility 0s}
.hero__panel .hero__stats{margin:0}
.hero__plabel{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#e8c98f;margin:0 0 12px}
@media(prefers-reduced-motion:reduce){.hero__panel,.hero__panel.on{transition:none}}

/* stronger scrim so the rotating details stay legible over bright interiors and lit windows */
.hero::after{background:linear-gradient(180deg,rgba(10,9,6,.5) 0%,rgba(10,9,6,.22) 30%,rgba(10,9,6,.62) 62%,rgba(10,9,6,.86) 100%)}
@media(max-width:700px){.hero::after{background:linear-gradient(180deg,rgba(10,9,6,.45) 0%,rgba(10,9,6,.5) 32%,rgba(10,9,6,.8) 60%,rgba(10,9,6,.92) 100%)}}
.hero__stats b,.hero h1,.hero__sub{text-shadow:0 1px 18px rgba(0,0,0,.35)}

.form .sent{font-size:17px;line-height:1.6;color:var(--ink-soft);padding:22px 0;border-top:1px solid var(--line)}
.form button[disabled]{opacity:.55;cursor:default}

/* One typeface throughout. Cormorant has a small x-height, so running text is
   scaled up by x-height and set heavier; display type keeps its designed sizes. */
body{font-weight:500;font-size-adjust:.46}
h1,h2,h3,.mark,.hero__stats b,.lede .eyebrow + p,.facts dd,.team b,.acc summary,
.wtab td:last-child,.spots b,.team-cards .mono,.pquote,.pstats b,.work b{font-size-adjust:none}
.facts dd small,.acc summary::after{font-size-adjust:.46}
.eyebrow,.btn,.acc th,.ptab th,.wtab thead th,.banner b{font-weight:600}
.wtab tbody th{font-weight:500}
@media(max-width:1200px){.nav__links{display:none}}
h2{line-height:1.1}
