/* saintclair.capital — site layer on saint-clair.css (v7). A private investment
   firm's door: the lockup hangs on its plumb from the top wire and carries the
   page; one line, three quiet lines, the address. No monument, no navigation,
   no action: the variation is silence. */
.cap a{text-decoration:none}
.cap .lat--win>.cell{padding-left:var(--edge);padding-right:var(--edge)}
.cap .ghost{right:-30vh}
.cap-lat{grid-template-columns:repeat(12,1fr);grid-template-rows:1fr auto auto;min-height:100vh;min-height:100svh}
.s12{grid-column:1/-1}.s7{grid-column:span 7}.s5{grid-column:span 5}
.cap .body a{color:var(--c)}

/* the plate: the plumb drops from the top wire on the mark's axis; the lockup hangs from it */
.cap-plate{padding-top:0!important;padding-bottom:clamp(28px,4vh,64px)!important;display:flex;flex-direction:column;align-items:flex-start;--lk:clamp(150px,min(26vw,44svh),520px)}
.cap-plumb{display:block;flex:1 1 auto;min-height:clamp(48px,12svh,200px);width:1px;background:var(--g);margin-left:calc(var(--lk) / 2 - .5px)}
.cap-name{margin:0;line-height:0;font-size:0}
.cap-lockup{display:block;width:var(--lk);height:auto}

/* one line, three quiet lines: both stand on the floor of their row */
.cap-floor{display:flex;flex-direction:column;justify-content:flex-end;padding-top:clamp(28px,4vw,72px)!important;padding-bottom:clamp(22px,2.6vw,48px)!important}
.cap .line{max-width:15em}
.cap-theses .body{margin:0;color:var(--c)}
.cap-theses .body+.body{margin-top:.15em}

/* the address row, read like the foot of a letter */
.cap-row{display:flex;align-items:center;padding-top:clamp(12px,1.1vw,20px)!important;padding-bottom:clamp(12px,1.1vw,20px)!important}
.cap-row .body{font-size:clamp(15px,1.25vw,20px)}
.cap-row .sys{color:var(--l)}

/* directory and colophon */
.below{grid-template-columns:repeat(2,1fr);padding-top:0}
.below>.cell{padding-top:clamp(10px,.9vw,16px);padding-bottom:clamp(10px,.9vw,16px)}
.below>.c-col{padding-top:clamp(14px,1.4vw,26px);padding-bottom:clamp(14px,1.4vw,26px)}
.c-col .colophon{margin:0;max-width:78em}
.c-col .colophon+.colophon{margin-top:.9em}

/* privacy policy: the shared legal text inside one cell */
.lg-head .sys{margin-top:clamp(12px,1.2vw,20px)}
.lg-head .mon{margin-top:clamp(28px,4vw,72px)}
.lg-head .wire{margin-top:clamp(18px,2vw,36px)}
.lg [class^="lang-sp"],.lg hr{display:none}
.lg h3{font:400 var(--sys)/1.6 var(--O);letter-spacing:.2em;text-transform:uppercase;color:var(--g);margin:clamp(32px,3.4vw,64px) 0 .8em}
.lg .lang-indent:first-child+.lang-sp-14+.lang-indent h3,.lg>.lang-indent:nth-child(3) h3{margin-top:1.6em}
.lg p,.lg li,.lg td{font:300 var(--body)/1.45 var(--J);color:var(--l);max-width:34em;margin:0 0 .6em}
.lg .lang-caption{font:400 var(--sys)/1.6 var(--O);letter-spacing:.06em;color:var(--m)}
.lg ul{list-style:none;padding:0;margin:.6em 0}
.lg li{position:relative;padding-left:1.1em;margin:0 0 .45em}
.lg li::before{content:"\2013";position:absolute;left:0}
.lg strong,.lg b{color:var(--c);font-weight:400}
.lg em{font-style:normal}
.lg a{color:var(--c)}
.lg table{border-collapse:separate;border-spacing:var(--gap);margin:.8em calc(-1 * var(--gap));max-width:60em}
.lg th,.lg td{border:var(--wire) solid var(--wire-c);padding:clamp(8px,.8vw,14px) clamp(10px,1vw,18px);vertical-align:top;text-align:left}
.lg th{font:400 var(--sys)/1.6 var(--O);letter-spacing:.2em;text-transform:uppercase;color:var(--g)}
.lg td{font-size:clamp(14px,1.15vw,19px);margin:0}

@media (max-width:900px){
  .cap-lat{grid-template-rows:auto}
  .cap-plate{min-height:62svh;--lk:clamp(150px,52vw,320px)}
  .cap-floor{padding-top:24px!important;padding-bottom:24px!important}
  .below{grid-template-columns:1fr}
}