html[data-era="90s"] .new-site{--site-bg:silver;--site-panel:#e6e6e6;--site-ink:#121212;--site-muted:#3e4147;--site-accent:navy;--site-pink:#75005e;--site-border:#747474;--site-font:"Times New Roman", serif;background-color:teal;background-image:repeating-linear-gradient(45deg,#ffffff06 0 1px,#0000 1px 4px)}html[data-era="90s"] .new-page,html[data-era="90s"] .desk-world{border-inline:3px ridge #ddd;max-width:1180px;margin:auto}html[data-era="90s"] .new-site .desk-header{background:silver;border:3px outset #eee;padding:15px 3vw}html[data-era="90s"] .desk-header img{filter:brightness(0)}html[data-era="90s"] .new-site .desk-navigation a{color:navy;font-family:Times New Roman,serif;font-size:16px;text-decoration:underline}html[data-era="90s"] .new-site .era-switcher{background:#dedede;border:2px inset #ddd}html[data-era="90s"] .new-site .era-switcher button{border:2px outset #eee;box-shadow:1px 1px #555}html[data-era="90s"] .new-site .era-switcher button[aria-pressed=true]{color:#fff;background:navy}html[data-era="90s"] .new-site .desk-intro{background:#c0c0c0ef;border:3px outset #eee;max-width:400px;padding:20px;top:40px}html[data-era="90s"] .new-site .desk-intro h1{text-shadow:none;font-size:49px;font-weight:700;line-height:1}html[data-era="90s"] .new-site .desk-stage{background:teal}html[data-era="90s"] .new-site .desk-actions a,html[data-era="90s"] .new-site .desk-actions button{color:navy;background:#ddd;border:2px outset #fff}html[data-era="90s"] .new-site .disk-library-heading{border-bottom:4px double #777;padding-bottom:15px}html[data-era="90s"] .new-site .work-directory h2{text-align:center;font-size:38px}html[data-era="90s"] .new-site .desk-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-era="90s"] .new-site .desk-project-grid .project-card{background:#ddd;border:2px inset #eee;padding:12px}html[data-era="90s"] .new-site .project-card h3{font-family:Times New Roman,serif;font-size:20px;text-decoration:underline}html[data-era="90s"] .new-site .desk-studio-links>a{border:3px outset #eee}html[data-era="2000s"] .new-site{--site-bg:#f0f6fc;--site-panel:#dcebf5;--site-ink:#16364f;--site-muted:#3e596e;--site-accent:#005b8e;--site-pink:#7b2872;--site-border:#81a5bf;--site-font:"Trebuchet MS", Arial, sans-serif;background:linear-gradient(#143f66,#72b3db 600px,#d9e9f5)}html[data-era="2000s"] .new-site .desk-header{background:linear-gradient(#5e9cc9,#174a74 50%,#103b63 51%,#24597f);border-bottom:1px solid #9bd8ff;box-shadow:0 3px 10px #0c284e55}html[data-era="2000s"] .new-site .desk-navigation a{color:#fff;font-family:Trebuchet MS,Arial,sans-serif;font-weight:700}html[data-era="2000s"] .new-site .era-switcher{background:linear-gradient(#fff,#c0d9eb)}html[data-era="2000s"] .new-site .era-switcher button{background:linear-gradient(#fff,#c1daea);border-radius:12px;box-shadow:inset 0 1px #fff,0 2px 3px #0003}html[data-era="2000s"] .new-site .era-switcher button[aria-pressed=true]{color:#fff;background:linear-gradient(#3e9bd2,#075184)}html[data-era="2000s"] .new-site .desk-intro{background:linear-gradient(#fffe,#e3f2faee);border:1px solid #fff;border-radius:18px;max-width:405px;padding:25px;top:45px;box-shadow:0 8px 25px #081b3844}html[data-era="2000s"] .new-site .desk-intro h1{text-shadow:0 1px #fff;letter-spacing:-.05em;font-size:45px;font-weight:700;line-height:1.03}html[data-era="2000s"] .new-site .desk-actions a,html[data-era="2000s"] .new-site .desk-actions button{color:#fff;background:linear-gradient(#438fbc,#0b507f);border:1px solid #39779e;border-radius:20px;box-shadow:inset 0 1px #a2d5f3}html[data-era="2000s"] .new-site .desk-project-grid .project-card{background:#fff;border:1px solid #afc9dc;border-radius:12px;padding:12px;box-shadow:0 4px 10px #38638222}html[data-era="2000s"] .new-site .project-image{border-radius:8px}html[data-era="2000s"] .new-site .directory-controls{background:linear-gradient(#fff,#d8eaf6);border-radius:10px}html[data-era="2000s"] .new-site .new-page{background:#f0f6fc;max-width:1200px;box-shadow:0 0 35px #002c4b33}html[data-era="2010s"] .new-site{--site-bg:#fff;--site-panel:#edf2f4;--site-ink:#203344;--site-muted:#4b5c6b;--site-accent:#146657;--site-pink:#a14429;--site-border:#acbdc8;--site-font:Arial, sans-serif}html[data-era="2010s"] .new-site .desk-header{border-bottom:0;padding-block:25px}html[data-era="2010s"] .desk-header img{filter:brightness(0)}html[data-era="2010s"] .new-site .desk-navigation a{text-transform:uppercase;letter-spacing:.1em;font-family:Arial,sans-serif;font-size:12px;font-weight:700}html[data-era="2010s"] .new-site .desk-stage{background:#172c35}html[data-era="2010s"] .new-site .desk-intro{background:#fff;max-width:400px;padding:25px}html[data-era="2010s"] .new-site .desk-intro h1{text-shadow:none;font-size:44px;font-weight:800;line-height:1.03}html[data-era="2010s"] .new-site .desk-actions a,html[data-era="2010s"] .new-site .desk-actions button{color:#fff;background:#146657;border:0;font-family:Arial,sans-serif}html[data-era="2010s"] .new-site .work-directory{padding-block:80px}html[data-era="2010s"] .new-site .desk-project-grid{gap:45px 30px}html[data-era="2010s"] .new-site .project-card h3{font-family:Arial,sans-serif;font-size:19px;font-weight:700}html[data-era="2010s"] .new-site .project-image{border:0}html[data-era="2010s"] .new-site .desk-studio-links h2{font-size:28px;font-weight:700}html[data-era=now] .new-site{--site-bg:#f3eee4;--site-panel:#e7e1d5;--site-ink:#252c28;--site-muted:#515a53;--site-accent:#235c49;--site-pink:#8c452c;--site-border:#a8b2a4;--site-font:Georgia, serif}html[data-era=now] .new-site .desk-header{border-bottom:0;padding-block:26px}html[data-era=now] .desk-header img{filter:brightness(0)}html[data-era=now] .new-site .desk-navigation a{font-family:Arial,sans-serif;font-size:13px}html[data-era=now] .new-site .desk-intro{background:#f3eee4ee;max-width:440px;padding:28px}html[data-era=now] .new-site .desk-intro h1{text-shadow:none;letter-spacing:-.05em;font-size:50px;font-weight:400;line-height:1.03}html[data-era=now] .new-site .desk-intro h1 em{font-style:italic}html[data-era=now] .new-site .desk-actions a,html[data-era=now] .new-site .desk-actions button{color:#235c49;background:0 0;border:0;border-bottom:1px solid #235c49;padding:12px 18px;font-family:Arial,sans-serif}html[data-era=now] .new-site .work-directory{padding-block:85px}html[data-era=now] .new-site .work-directory h2{letter-spacing:-.04em;font-size:52px;font-weight:400}html[data-era=now] .new-site .desk-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 35px}html[data-era=now] .new-site .desk-project-grid .project-card:first-child{grid-column:1/-1}html[data-era=now] .new-site .desk-project-grid .project-card:first-child .project-image{aspect-ratio:2.2}html[data-era=now] .new-site .project-card h3{font-family:Georgia,serif;font-size:25px;font-weight:400}html[data-era=now] .new-site .project-image{border:0;border-radius:2px}html[data-era=now] .new-site .directory-controls{background:0 0;border-inline:0;padding:20px 0}html[data-era=now] .new-site .desk-studio-links>a{background:0 0;padding-block:50px}html:not([data-era="80s"]) .new-site .directory-controls input,html:not([data-era="80s"]) .new-site .directory-controls select{color:var(--site-ink);border-color:var(--site-border);background:#fff}html:not([data-era="80s"]) .new-site .directory-controls>span,html:not([data-era="80s"]) .new-site .directory-controls label,html:not([data-era="80s"]) .new-site .project-meta,html:not([data-era="80s"]) .new-site .disk-library-heading p,html:not([data-era="80s"]) .new-site .disk-hint{color:var(--site-muted)}html:not([data-era="80s"]) .new-site .desk-studio-links span{color:var(--site-pink)}html:not([data-era="80s"]) .new-site .archive-toggle{background:var(--site-panel);color:var(--site-ink)}html:not([data-era="80s"]) .new-site .new-page .filters button[aria-pressed=true],html:not([data-era="80s"]) .new-site .era-switcher .era-options button[aria-pressed=true]{background:var(--site-accent);color:#fff}html:not([data-era="80s"]) .new-site .project-index{background:var(--site-panel);color:var(--site-ink)}html:not([data-era="80s"]) .new-site .project-open{background:var(--site-accent);color:#fff}@media (width<=1050px){html:not([data-era="80s"]) .new-site .desk-intro{max-width:345px}html:not([data-era="80s"]) .new-site .desk-intro h1{font-size:39px}}@media (width<=700px){html:not([data-era="80s"]) .new-site .desk-intro{width:100%;max-width:none;box-shadow:none;border-radius:0;padding:24px;position:relative;top:0;left:0}html:not([data-era="80s"]) .new-site .desk-intro h1{font-size:36px;line-height:1.08}html:not([data-era="80s"]) .new-site .desk-intro h1 br:last-child{display:none}html:not([data-era="80s"]) .new-site .desk-intro h1 em{display:block}html:not([data-era="80s"]) .new-site .desk-actions{gap:15px}html:not([data-era="80s"]) .new-site .desk-project-grid{grid-template-columns:1fr;gap:28px}html:not([data-era="80s"]) .new-site .work-directory{padding:35px 24px}html:not([data-era="80s"]) .new-site .work-directory h2{font-size:34px}html:not([data-era="80s"]) .new-site .desk-project-grid .project-card:first-child{grid-column:auto}}html[data-era] .new-site .desk-actions a,html[data-era] .new-site .desk-actions button{min-height:44px;padding:12px 18px;line-height:1.5}html[data-era] .new-site .era-options button{min-height:44px;padding:10px 14px}html[data-era] .new-site .new-page .filters button{min-height:44px;padding:10px 16px}html[data-era] .new-site .client-directory h2{padding:18px 20px;line-height:1.6}@media (width<=700px){html[data-era] .new-site .era-options button{flex:1;min-width:0;padding:10px 8px}}html[data-era] .new-site .era-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(100%,390px);display:grid}html[data-era] .new-site .era-options button{text-align:center;font-variant-numeric:tabular-nums;gap:0;min-width:0;padding-inline:8px;line-height:1}