/* Shared navigation and its feathered white foreground layer. */
body header{position:fixed;inset:0 0 auto;width:100%;height:150px;min-height:0;z-index:20;display:block;pointer-events:none;background:linear-gradient(180deg,#fff 0%,#fff 53%,#fffffff2 66%,#ffffffa6 80%,#ffffff00 100%)}body header .nav-surface{padding:2.55vw 4.85vw 0;display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:2.6vw;width:100%;font:clamp(10px,1.04vw,20px)/1.2 Diatype,monospace;color:#999;text-transform:uppercase;pointer-events:auto}body header .brand{white-space:nowrap}body header nav{width:auto;display:flex;gap:5.5vw;flex-wrap:nowrap;justify-content:space-between}body header a{text-decoration:none;color:inherit}body header .current,body header a:hover,body header a:focus-visible,body header .status{color:#ff633d}body header .status{display:grid;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}body.home header{height:210px;background:linear-gradient(180deg,#fff 0%,#fff 35%,#fffffffa 48%,#ffffffd9 62%,#ffffff80 78%,#ffffff00 100%)}body.home main{top:max(110px,6vw)}@media(max-width:1000px){body header .nav-surface{grid-template-columns:1fr auto;gap:16px;padding:22px 20px 0}body header nav{grid-row:2;grid-column:1/-1;justify-content:flex-start;gap:24px;font-size:10px}body header .status{grid-column:2;grid-row:1;font-size:9px}body header{height:130px}body.home header{height:160px}body.home main{top:125px}}

/* Mobile selected-work composition from the supplied phone reference. */
.mobile-project-name{display:none}
@media(max-width:750px){
 body:is(.home,.case-study,.about) header{height:125px;background:linear-gradient(180deg,#fffffff2 0%,#ffffffc9 34%,#ffffff63 65%,#ffffff00 100%)}
 body:is(.home,.case-study,.about) header .nav-surface{display:grid;grid-template-columns:1fr 2.4fr 1fr;align-items:start;padding:16px max(14px,3.6vw) 0;gap:8px;font-size:clamp(9px,1.8vw,13px)}
 body:is(.home,.case-study,.about) header .brand{white-space:normal;max-width:80px;line-height:1.2}
 body:is(.home,.case-study,.about) header .mobile-project-name{display:block;text-align:center;color:#ff633d;font:400 italic clamp(12px,2vw,17px)/1.2 TimesPortfolio,'Times New Roman',serif;text-transform:none;pointer-events:auto}
 body:is(.home,.case-study,.about) header nav{display:block;grid-column:3;grid-row:1;text-align:right;font-size:inherit}
 body:is(.home,.case-study,.about) header nav a{display:none}
 body:is(.home,.case-study,.about) header nav a[href="about.html"]{display:inline}
 body:is(.home,.case-study,.about) header .status{display:none}
}