@font-face{font-family:InstrumentSans;src:url('/assets/fonts/instrument-sans-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Arimo;src:url('/assets/fonts/arimo-400.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--black:#040404;--paper:#f4f4f4;--white:#fff;--teal:#03333c;--blue:#035171;--burgundy:#400220;--cyan:#00e5ec;--content:1460px;--gutter:clamp(22px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:Arimo,Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.48}img{max-width:100%;height:auto}a{color:inherit}button{font:inherit}::selection{background:#00e5ec;color:#000}.skip-link{position:absolute;z-index:50;left:12px;top:-100px;background:#fff;color:#000;padding:10px 16px}.skip-link:focus{top:12px}.container{width:min(calc(100% - var(--gutter)*2),var(--content));margin-inline:auto}
.status-notice{min-height:34px;display:flex;align-items:center;justify-content:center;gap:14px;padding:7px var(--gutter);background:#17282b;color:#eaf6f7;font-size:.78rem;line-height:1.3;text-align:center;position:relative;z-index:5}.status-notice a{text-underline-offset:3px;white-space:nowrap}.status-notice[hidden]{display:none}
.site-header{position:absolute;top:34px;left:0;width:100%;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:20px var(--gutter);color:#fff}.status-notice[hidden]+.site-header{top:0}.site-header.solid{position:relative;top:0;background:var(--black)}.brand{display:inline-flex;align-items:center;justify-self:start}.brand img{display:block;width:clamp(175px,18vw,250px);height:auto}.desktop-nav{display:flex;gap:clamp(22px,3vw,48px);align-items:center}.desktop-nav a,.header-link,.mobile-nav a{text-decoration:none;font-size:.96rem}.desktop-nav a:hover,.header-link:hover,.mobile-nav a:hover{text-decoration:underline;text-underline-offset:5px}.header-link{justify-self:end;border:1px solid #fff;padding:11px 18px;white-space:nowrap}.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;background:#020405;color:#fff;min-height:min(780px,100svh);display:flex;align-items:end}.hero-home{min-height:clamp(640px,90svh,930px)}.ambient-field{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,0) 34%,rgba(0,0,0,.32) 100%);pointer-events:none}.hero-inner{position:relative;z-index:1;width:min(calc(100% - var(--gutter)*2),var(--content));margin:0 auto;padding:180px 0 62px}.hero h1{font:400 clamp(2.5rem,4.2vw,4.7rem)/1.06 InstrumentSans,Arial,sans-serif;letter-spacing:-.035em;max-width:1250px;margin:0}.hero-eyebrow{margin:0 0 24px;color:#defdff}.eyebrow{font-size:.83rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.motion-toggle{position:absolute;z-index:2;bottom:22px;right:var(--gutter);border:0;background:transparent;color:#e6f9fa;cursor:pointer;padding:10px;font-size:.8rem}.motion-toggle:hover{text-decoration:underline}.motion-toggle[hidden]{display:none}
.field-current{position:absolute;inset:-20% -60%;pointer-events:none;background:linear-gradient(112deg,transparent 30%,rgba(0,229,236,.015) 39%,rgba(0,229,236,.065) 46%,rgba(0,229,236,.15) 51%,rgba(0,229,236,.065) 57%,rgba(0,229,236,.015) 65%,transparent 74%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 66%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 66%);transform:translate3d(-38%,0,0);animation:field-sweep 22s linear infinite}.hero-home.motion-paused .field-current{animation-play-state:paused}@keyframes field-sweep{to{transform:translate3d(38%,0,0)}}
.section{padding:clamp(80px,9vw,150px) 0}.section.light{background:var(--paper);color:var(--black)}.section.dark{background:var(--black);color:var(--paper)}.section.teal{background:var(--teal);color:var(--paper)}.section.blue{background:var(--blue);color:var(--paper)}.section.burgundy{background:var(--burgundy);color:var(--paper)}.section-grid{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,2.25fr);gap:clamp(30px,7vw,140px)}.section-grid>.eyebrow{margin:9px 0}.reading-column{max-width:860px}.reading-column h2,.section-title{font:400 clamp(2rem,3.1vw,3.7rem)/1.1 InstrumentSans,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 28px}.reading-column p,.lead{font-size:clamp(1.13rem,1.55vw,1.46rem);line-height:1.48;margin:0 0 23px}.text-link{display:inline-block;margin-top:17px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:1.02rem}.text-link:hover{opacity:.65}.image-band{position:relative;min-height:570px;display:flex;align-items:end;background-size:cover;background-position:center}.home-band{background-image:url('/assets/home-classical.jpg')}.image-band-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.78))}.image-band-content{position:relative;z-index:1;padding-block:90px}.image-band h2{font:400 clamp(2.3rem,4.1vw,4.9rem)/1.08 InstrumentSans,Arial,sans-serif;max-width:900px;letter-spacing:-.035em;margin:8px 0 0}.exploration-section{padding-block:125px}.exploration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #5a6263;margin-top:45px}.editorial-link{display:block;text-decoration:none;padding:26px 30px 40px 0;border-bottom:1px solid #5a6263}.editorial-link:not(:first-child){padding-left:30px;border-left:1px solid #5a6263}.editorial-link span{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#b3c5c6}.editorial-link h2{font:400 clamp(1.8rem,2.8vw,3.1rem)/1.12 InstrumentSans,Arial,sans-serif;margin:48px 0 12px}.editorial-link p{max-width:340px;color:#cad0d0;line-height:1.5}.editorial-link:hover h2{text-decoration:underline;text-underline-offset:6px}
.site-footer{background:#080808;color:#eee;padding:76px 0 25px;border-top:1px solid #343434}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;align-items:start;justify-items:start;text-align:left}.footer-grid img{display:block;width:64px;height:auto}.footer-grid p{margin:18px 0;color:#d0d0d0}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-grid>div:last-child p:first-child{margin-top:0}.footer-grid a{text-decoration:none}.footer-grid a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #444;margin-top:90px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.8rem;color:#b5b5b5}.footer-bottom a{color:inherit}
.page-hero{min-height:540px;background-size:cover;background-position:center;position:relative;display:flex;align-items:end}.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.page-hero .container{position:relative;padding-top:130px;padding-bottom:70px}.page-hero h1{font:400 clamp(2.8rem,4.7vw,5.7rem)/1.05 InstrumentSans,Arial,sans-serif;letter-spacing:-.035em;max-width:1100px;margin:0}.page-hero p{font-size:clamp(1.08rem,1.5vw,1.35rem);max-width:760px;margin:25px 0 0}.page-hero.project{background-image:url('/assets/project-hero.png');background-color:var(--burgundy)}.page-hero.rulebooks{background-image:url('/assets/rulebooks-hero.jpg');background-color:var(--teal)}.page-hero.ideas{background-image:url('/assets/ideas-hero.png');background-color:#081138}.article-hero{min-height:480px}.article-hero h1{font-size:clamp(2.5rem,4vw,4.8rem)}.article-hero .container{padding-bottom:55px}.article-date{display:block;margin-top:22px;font-size:.9rem;color:#e2e2e2}
.prose{max-width:830px;margin-inline:auto;font-size:1.08rem;line-height:1.72}.prose h2,.prose h3{font-family:InstrumentSans,Arial,sans-serif;font-weight:400;line-height:1.18;letter-spacing:-.02em}.prose h2{font-size:clamp(1.75rem,2.35vw,2.7rem);margin:70px 0 18px}.prose h3{font-size:1.5rem;margin:50px 0 15px}.prose p{margin:0 0 1.35em}.prose blockquote{margin:36px 0;padding:0 0 0 24px;border-left:2px solid #555;font-size:1.25rem}.prose ul,.prose ol{padding-left:26px;margin:0 0 26px}.prose li{margin:8px 0}.prose a{text-underline-offset:3px}.prose strong{font-weight:700}.prose hr{border:0;border-top:1px solid #bbb;margin:55px 0}.prose img{display:block;margin:40px 0}.article-note{background:#e1e8e8;color:#17383c;padding:18px 22px;font-size:.89rem;line-height:1.45;margin-bottom:55px}.article-note a{color:inherit}.article-layout{background:var(--paper);color:var(--black);padding:70px var(--gutter) 120px}.article-layout .prose h1{font:400 clamp(2rem,3vw,3rem)/1.1 InstrumentSans,Arial,sans-serif}.page-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#b7c5c8;border:1px solid #b7c5c8}.page-index a{background:var(--paper);color:var(--black);text-decoration:none;padding:32px;display:block;min-height:250px}.page-index a:hover{background:#e6ecec}.page-index span{display:block;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#41636a}.page-index h2{font:400 clamp(1.5rem,2.3vw,2.4rem)/1.14 InstrumentSans,Arial,sans-serif;margin:24px 0 0}.page-index p{margin:20px 0 0;color:#3b494b}.small-section{padding:80px 0}.body-copy{font-size:1.15rem;max-width:760px;line-height:1.63}.body-copy p{margin:0 0 1.2em}.body-copy h2{font:400 clamp(1.8rem,2.8vw,3rem)/1.16 InstrumentSans,Arial,sans-serif;margin:50px 0 20px}.rulebook-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.rulebook-steps article{border-top:1px solid #94b0b5;padding-top:20px}.rulebook-steps span{font-size:.86rem;color:#a6d2d7}.rulebook-steps h3{font:400 1.75rem/1.18 InstrumentSans,Arial,sans-serif;margin:20px 0}.rulebook-steps p{font-size:1.04rem;line-height:1.55;color:#d8e5e5}
.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,4vw,65px);margin-top:45px}.person{display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:start}.person img{width:170px;aspect-ratio:1;object-fit:cover;filter:grayscale(15%)}.person h3{font:400 clamp(1.55rem,2vw,2.15rem)/1.15 InstrumentSans,Arial,sans-serif;margin:0 0 14px}.person p{font-size:1.02rem;line-height:1.55;margin:0}.person .text-link{font-size:.92rem}.diagram{margin:45px 0}.diagram img{width:100%;height:auto;background:#fff}.diagram figcaption{font-size:.82rem;color:#566;margin-top:9px}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto;padding-top:18px}.desktop-nav,.header-link{display:none}.mobile-nav{display:block;justify-self:end;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;border:1px solid white;padding:8px 13px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:48px;min-width:190px;background:#050505;border:1px solid #777;padding:15px;display:flex;flex-direction:column;gap:14px}.hero-home{min-height:680px}.hero-inner{padding-top:180px;padding-bottom:60px}.section-grid{grid-template-columns:1fr;gap:12px}.exploration-grid,.footer-grid,.rulebook-steps,.people-grid{grid-template-columns:1fr}.editorial-link:not(:first-child){padding-left:0;border-left:0}.editorial-link h2{margin-top:24px}.footer-grid{gap:30px}.footer-bottom{margin-top:45px}.page-index{grid-template-columns:1fr}.status-notice{font-size:.73rem;flex-wrap:wrap;gap:2px 10px}.site-header{top:48px}.status-notice[hidden]+.site-header{top:0}}
@media(max-width:540px){.hero h1{font-size:clamp(2.35rem,9.7vw,3.3rem)}.page-hero h1{font-size:clamp(2.35rem,9.7vw,3.3rem)}.section{padding:70px 0}.image-band{min-height:430px}.image-band-content{padding-block:65px}.footer-bottom{flex-direction:column}.article-layout{padding-top:48px}.page-hero{min-height:450px}.person{grid-template-columns:120px 1fr;gap:18px}.person img{width:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.field-current{animation:none;opacity:0}.motion-toggle{display:none}}