:root{color-scheme:dark;--ink:#10151e;--paper:#f3f1ec;--soft:#bdc8d6;--line:#b5c5d13d;--metal:linear-gradient(120deg,#404550,#282e38 45%,#191e29 72%,#303843)}
*{box-sizing:border-box}body{margin:0;position:relative;isolation:isolate;background:var(--ink);color:var(--paper);font:1rem/1.6 ArtistSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:clamp(32rem,74vh,48rem);background:linear-gradient(180deg,#10151ee0,#10151ebd 37%,#10151ed1 68%,var(--ink)),url('/assets/studio-landscape.webp') center 54%/cover}
body:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 14% 26%,#6b86b319,transparent 36%),radial-gradient(ellipse at 90% 54%,#b3749815,transparent 45%)}
header{padding:1rem;display:flex;justify-content:center}nav,section:last-child>a{border:1px solid #bfc6d05c;border-radius:4rem;background:var(--metal);box-shadow:inset 0 1px #f5f6ff22}nav{display:flex;align-items:center;padding:.18rem .55rem;max-width:100%}
a{color:inherit;text-underline-offset:.23em}a:hover{color:white}a:focus-visible{outline:2px solid #adcef0;outline-offset:3px}nav a{display:grid;min-height:44px;place-items:center;padding:0 clamp(.48rem,2vw,1.25rem);text-decoration:none;font-size:.87rem}nav a:hover{background:#ffffff10;border-radius:3rem}.mark img{display:block}
main,footer{width:min(calc(100% - 2.5rem),62rem);margin:auto}.intro{text-align:center;padding:clamp(3rem,7vw,6rem) 0 clamp(2rem,5vw,4rem);max-width:54rem;margin:auto}small,footer span{color:var(--soft)}small{font: .72rem/1.5 ArtistSans,sans-serif;letter-spacing:.17em;text-transform:uppercase}
h1{margin:.7em 0 .55em;font-size:clamp(2.3rem,6vw,5.2rem);line-height:1.06}h1 b{font:900 1em/1.1 StudioKufam,sans-serif;text-transform:uppercase;letter-spacing:-.045em;color:#e8e9f1}.creative-technology h1 b{font:800 1.02em/1 SystemsDots,monospace;letter-spacing:0}h1 em{display:block;margin-top:.24em;font:400 .6em/1.15 ArtistSerif,Georgia,serif;letter-spacing:-.025em}.intro p{font-size:clamp(1.04rem,1.7vw,1.26rem);max-width:56ch;margin-inline:auto}p{color:#c8d1de}
section{max-width:50rem;margin:auto}h2{text-align:center;font-weight:500;letter-spacing:-.04em;font-size:clamp(1.6rem,3vw,2.3rem)}article{display:grid;grid-template-columns:clamp(5rem,14vw,10rem) 2rem 1fr;align-items:center;gap:1.2rem;padding:1.2rem 0;border-top:1px solid var(--line)}article small{align-self:start;padding-top:.3rem}article p{margin:.45rem 0 0}h3{font-size:1.32rem;line-height:1.2;font-weight:500;margin:0}h3 a{text-decoration-color:#899aa780}.specimen{display:grid;place-items:center;aspect-ratio:1.55;background:linear-gradient(138deg,#223239,#172027);border:1px solid #c3d6e023;border-radius:12px;overflow:hidden}.specimen img,.specimen svg{max-width:70%;height:3rem;object-fit:contain}.virginia-branding .specimen-0{background:#212939}.virginia-branding .specimen-1{background:#bdc9eb}.virginia-branding .specimen-2{background:#6d2027}.creative-technology .specimen{color:#c6ddec;background:linear-gradient(130deg,#161d31,#212a37 45%,#131820)}.creative-technology .specimen img{filter:brightness(0) invert(1)}section:last-child{text-align:center;margin:clamp(3rem,8vw,6rem) auto}section:last-child p{max-width:55ch;margin:0 auto 1.4rem}section:last-child>a{display:inline-flex;align-items:center;gap:1.5rem;min-height:44px;padding:.65rem 1.25rem;text-decoration:none}
footer{display:flex;align-items:center;justify-content:center;gap:1rem 1.5rem;flex-wrap:wrap;border-top:1px solid var(--line);font-size:.84rem;padding:1.6rem 0}footer span{width:100%;text-align:center}
@media(max-width:580px){article{grid-template-columns:4.25rem 1fr;gap:0 .85rem}article small{grid-column:2;grid-row:1;padding:0 0 .4rem}.specimen{grid-column:1;grid-row:1/3;aspect-ratio:1}.specimen img,.specimen svg{height:2.3rem}article>div:last-child{grid-column:2}article p{font-size:.95rem}}

.virginia-branding .intro {padding-top:clamp(1rem,3vw,2.75rem)}
.virginia-branding .studio-placement {
  width:clamp(10.5rem,19vw,16rem);
  max-width:100%;
  height:auto;
  aspect-ratio:3 / 2;
  margin:0 auto 1rem;
}
.virginia-branding .studio-mark-stage {inset:0}
.virginia-branding .studio-motion-toggle {right:-1.25rem;bottom:0;width:44px;height:44px}