/* Dark edition. Original PWRD artwork, warm whites and charcoal surfaces. */
:root{
  color-scheme:dark;
  --paper:#171916;
  --ink:#f7efe8;
  --muted:#aaa99e;
  --line:#3b3e36;
  --accent:#c5cf9d;
  --surface:#22251f;
}
body{background:var(--paper);color:var(--ink)}
::selection{background:var(--accent);color:var(--paper)}
.brand{display:block;line-height:1;font-size:0;letter-spacing:0;width:174px}
.brand .brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.header{height:116px}
.header-cta{border-color:#a6a89a}
.header nav a:hover,.contact-links a:hover{opacity:1;color:var(--accent)}
.period{color:var(--accent)}
.hero-photo,.project-image,.location-image{background:var(--surface)}
.hero-photo img{filter:none}
.hero-bottom,.intro-columns,.principles p,.section-note,
.project-heading>span,.project>p,.project-foot,
.about-copy>p,.experience>span,footer,
.dialog-copy>p,.dialog-copy dt,.gallery-caption{color:var(--muted)}
.hero-bottom{border-bottom-color:var(--line)}
.intro-columns{color:#c3c0b5}
.intro-content h2 .muted{color:#999c8d}
.principles h3,.about-copy .about-lead,.project-foot .text-link{color:var(--ink)}
.gallery-label{background:#171916e8;border:1px solid #a4a89a70;color:var(--ink);backdrop-filter:blur(7px)}
.location-photo:hover .gallery-label,.project:hover .gallery-label{background:var(--ink);color:var(--paper)}
.text-link:hover{opacity:1;color:var(--accent)}
.services{background:#10120f;color:var(--ink);border-top:1px solid #30342b;border-bottom:1px solid #30342b}
.services-intro p{color:var(--muted)}
.services-intro .text-link{color:var(--accent)}
.service-list details,.service-list details:last-child{border-color:#3b4134}
.service-list summary .mono{color:#a5ac98}
.service-body{color:#bfc4b4}
.service-body>span{color:#e0e3d8}
.portrait{background:#22251f}
.portrait>img{height:130%;object-fit:cover;object-position:center top}
.portrait>span{background:var(--paper);color:var(--muted);z-index:1}
.contact{background:#252d21;border-top:1px solid #414b36;color:var(--ink)}
.contact .dot{background:var(--accent)}
.contact .section-label{color:var(--accent)}
.contact-bottom{border-color:#505b42}
.contact-bottom>p{color:#c1c6b7}
.contact-button{border-color:#9da98c;color:var(--ink)}
.contact-button:hover{background:var(--ink);color:var(--paper)}
.contact-links>a:first-child{color:var(--accent)}
footer .brand{width:150px;font-size:0}
footer>a:last-child:hover{color:var(--ink)}
dialog{background:#1c1f19;color:var(--ink);border:1px solid #454a3d}
dialog::backdrop{background:#070906dc;backdrop-filter:blur(8px)}
.gallery>img{background:#11130f}
.close-dialog{border-color:#616756}
.close-dialog:hover,.gallery-controls button:not(:disabled):hover{color:var(--accent)}
.dialog-copy dl>div{border-color:var(--line)}
.dialog-copy dd{color:var(--ink)}
.solid-link{background:var(--ink);color:var(--paper)}
.solid-link:hover{background:var(--accent)}
.skip{background:var(--ink);color:var(--paper)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.network-photos{scrollbar-color:#737b60 #24291f}
@media(max-width:760px){
 .header{height:90px;gap:10px}
 .header .brand{width:140px}
 .header nav{top:90px;background:var(--paper);border-color:var(--line);box-shadow:0 15px 20px #0005}
 .header-cta{font-size:11px;margin-right:10px}
 .header nav a{padding:3px 0}
 .hero{padding-top:34px}
 .portrait>img{height:130%}
 footer .brand{width:142px}
}
@media(max-width:400px){
 .header .brand{width:123px}
 .header-cta{font-size:10px;margin-right:5px}
 .menu-toggle{font-size:11px}
}

/* Experience figures from the original Powered website. */
.track-record{padding-top:20px;padding-bottom:110px}
.record-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin:25px 0 50px}
.record-heading h2{font-size:clamp(36px,4.2vw,66px)}
.record-heading>p{max-width:310px;font-size:15px;line-height:1.55;color:var(--muted)}
.record-main,.record-details{margin:0;display:grid;gap:35px}
.record-main{grid-template-columns:repeat(3,1fr);padding:36px 0 45px;border-top:1px solid var(--line)}
.record-main>div,.record-details>div{display:flex;flex-direction:column-reverse;gap:12px}
.record-main dd{font-size:clamp(58px,7.8vw,118px);line-height:1;letter-spacing:-.06em;margin:0;white-space:nowrap;font-weight:400}
.record-main dd span{font-size:.63em;color:var(--accent)}
.record-main dt,.record-details dt{font-size:14px;color:var(--muted)}
.record-details{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:30px 0 36px}
.record-details dd{font-size:40px;letter-spacing:-.035em;line-height:1;margin:0}
.record-geography{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px}
.record-geography>span{color:var(--muted)}
.record-geography>p{font-size:16px}
@media(max-width:760px){
.track-record{padding-top:0;padding-bottom:70px}
.record-heading{display:block;margin:20px 0 30px}
.record-heading h2 br{display:none}
.record-heading>p{margin-top:20px;max-width:420px}
.record-main{gap:24px;grid-template-columns:1fr;padding:28px 0}
.record-main>div{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:20px}
.record-main dd{font-size:62px}
.record-main dt{max-width:130px;text-align:right}
.record-details{grid-template-columns:1fr 1fr;gap:30px 24px}
.record-details dd{font-size:36px}
.record-geography{display:block}
.record-geography>p{margin-top:12px;font-size:15px}
}