/* Syd by Design
   Centred identity, hairline-ruled nav, full-width stacked element
   sections, no sidebar anywhere. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FCFBF8;color:#333333;
  font-family:Lato,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:#2150BA}
a:focus-visible,:focus-visible{outline:2px solid #2150BA;outline-offset:2px}
h1,h2,h3{font-family:Oswald,"PT Sans Narrow","Arial Narrow",Arial,sans-serif;
  font-weight:700;margin:0;color:#333333;letter-spacing:.01em}
p{margin:0 0 16px}
p:last-child{margin-bottom:0}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}

/* header */
.site-head{background:#FCFBF8;border-bottom:1px solid #DDDDDD;padding:32px 0 20px}
.brand{display:block;margin:0 auto 18px;width:340px;max-width:76%}
.brand img{width:100%}
.pagenav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  justify-content:center;gap:8px 26px}
.pagenav a{font-family:"Open Sans","Segoe UI",Arial,sans-serif;font-size:13px;
  text-transform:uppercase;letter-spacing:.12em;text-decoration:none;color:#333333}
.pagenav a:hover{color:#2150BA;text-decoration:underline}
.pagenav a.is-current{color:#2150BA;border-bottom:2px solid #2150BA;padding-bottom:2px}

/* stacked element sections */
.chapter{border-bottom:1px solid #DDDDDD;padding:48px 0}
.chapter h2{font-size:26px;margin:0 0 24px}
.title-el{font-size:34px;text-align:center;margin:0 0 28px}
.lede{font-size:16px;max-width:730px;margin:24px auto 0;text-align:center}
.measure{max-width:730px}
.measure h2{font-size:26px;margin:32px 0 16px}
.measure h3{font-size:18px;margin:24px 0 10px;text-transform:uppercase;
  letter-spacing:.06em;font-family:"Open Sans","Segoe UI",Arial,sans-serif}
.prose-list{margin:0 0 16px;padding-left:22px}
.prose-list li{margin-bottom:10px}

/* gallery element strip */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tile{margin:0}
.tile a{text-decoration:none;color:#333333;display:block}
.plate{position:relative;display:flex;align-items:center;justify-content:center;
  aspect-ratio:4/3;background:#FFFFFF;border:1px solid #DDDDDD}
.tile-mark{width:44%;max-width:110px}
.tile-arrow{position:absolute;right:10px;top:10px;width:22px}
.caption{font-size:12px;font-style:italic;color:#6A6A6A;margin:8px 0 0;text-align:center}
.tile a:hover .plate{border-color:#2150BA}

/* columns element */
.cols{display:grid;gap:32px}
.cols-55{grid-template-columns:55fr 45fr;align-items:start}
.cols-svc{grid-template-columns:1.2fr 1fr 1fr}
.col h3{font-size:18px;margin:0 0 10px}
.col h3 a{text-decoration:none}
.plate-big{aspect-ratio:4/3;flex-direction:column;gap:14px;padding:24px;
  max-width:420px;margin-left:auto}
.plate-big img{width:46%;max-width:150px}
.plate-place{aspect-ratio:4/3;flex-direction:column;gap:12px;padding:24px;
  max-width:340px;margin-left:auto}
.plate-place img{width:40%;max-width:110px}
.plate .caption{margin:0}
.results{margin-top:24px}

/* fact + credential rows */
.facts,.factrail,.cred{margin:16px 0 0}
.factrow,.credrow{display:flex;gap:16px;justify-content:space-between;
  border-top:1px solid #DDDDDD;padding:8px 0}
.factrow dt,.credrow dt{font-family:"Open Sans","Segoe UI",Arial,sans-serif;font-size:13px;
  text-transform:uppercase;letter-spacing:.1em;color:#6A6A6A;margin:0;flex:0 0 auto}
.factrow dd,.credrow dd{margin:0;font-size:15px;text-align:right}
.factrail{max-width:730px;margin:0 0 32px}
.band{background:#FCFBF8}
.rails{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;align-items:start}
.rail h2,.rail h3{font-size:18px;margin:0;text-transform:uppercase;letter-spacing:.08em;
  font-family:"Open Sans","Segoe UI",Arial,sans-serif}
.rail .credrow{flex-direction:column;gap:2px}
.rail .credrow dd{text-align:left;font-size:14px;color:#6A6A6A}

/* contact chapter */
.contact-line{font-family:"Open Sans","Segoe UI",Arial,sans-serif;font-size:18px;
  letter-spacing:.06em;margin:0 0 20px}
.profiles{list-style:none;margin:0;padding:0}
.profiles li{border-top:1px solid #DDDDDD}
.profiles a{display:flex;align-items:center;gap:12px;padding:10px 0;
  font-family:"Open Sans","Segoe UI",Arial,sans-serif;font-size:13px;
  letter-spacing:.12em;text-decoration:none}
.profiles a:hover{text-decoration:underline}
.profiles img{width:22px;flex:0 0 22px}

/* rows */
.projrows,.relrows{list-style:none;margin:0;padding:0}
.projrows li,.relrows li{border-top:1px solid #DDDDDD}
.projrows li:last-child,.relrows li:last-child{border-bottom:1px solid #DDDDDD}
.projrows a,.projrows .norow,.relrows a{display:flex;align-items:center;gap:20px;
  padding:12px 0;text-decoration:none;color:#333333}
.projrows a:hover .rowtitle,.relrows a:hover span{color:#2150BA;text-decoration:underline}
.thumb{flex:0 0 100px;height:75px;background:#FFFFFF;border:1px solid #DDDDDD;
  display:flex;align-items:center;justify-content:center}
.thumb img{width:34px}
.rowtitle{flex:1 1 auto;font-family:Oswald,"PT Sans Narrow","Arial Narrow",Arial,sans-serif;
  font-size:19px;font-weight:700}
.rowyear{font-family:"Open Sans","Segoe UI",Arial,sans-serif;font-size:13px;
  letter-spacing:.1em;color:#6A6A6A}
.relrows a{gap:12px;padding:10px 0}
.relrows img{width:20px;flex:0 0 20px}
.relrows span{font-family:"Open Sans","Segoe UI",Arial,sans-serif;font-size:14px;
  letter-spacing:.06em}

/* footer */
.site-foot{padding:32px 0 40px;text-align:center}
.footnav{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;
  justify-content:center;gap:6px 20px}
.footnav a{font-family:"Open Sans","Segoe UI",Arial,sans-serif;font-size:13px;
  text-transform:uppercase;letter-spacing:.12em;text-decoration:none;color:#333333}
.footnav a:hover{color:#2150BA;text-decoration:underline}
.place,.credit{font-family:"Open Sans","Segoe UI",Arial,sans-serif;font-size:12px;
  letter-spacing:.08em;color:#6A6A6A;margin:0 0 6px}

@media (max-width:1100px){.rails{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.cols-svc{grid-template-columns:1fr 1fr}
  .cols-svc .col:last-child{grid-column:1 / -1}}
@media (max-width:760px){
  .cols,.cols-55,.cols-svc{grid-template-columns:1fr;gap:28px}
  .cols-svc .col:last-child{grid-column:auto}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .rails{grid-template-columns:1fr;gap:28px}
  .chapter{padding:32px 0}
  .brand{width:230px}
  .title-el{font-size:26px}
  .chapter h2{font-size:24px}
  .pagenav ul{gap:8px 18px}
  .plate-big,.plate-place{aspect-ratio:2/1;max-width:none;margin-left:0}
}
@media (max-width:560px){
  .wrap{padding:0 18px}
  .brand{width:200px}
  .pagenav a,.footnav a{font-size:12px;letter-spacing:.1em}
  .factrow,.credrow{flex-direction:column;gap:2px}
  .factrow dd,.credrow dd{text-align:left}
  .thumb{flex:0 0 76px;height:57px}
  .rowtitle{font-size:17px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}