:root{color-scheme:dark;--bg:#252727;--panel:#2c2e2e;--ink:#eeeee7;--muted:#b3b6b0;--line:#50534e;--accent:#d2dfab;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.masthead{margin:0 5%;padding:30px 0 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;flex-direction:column;line-height:1.2}.script{font-family:"Brush Script MT","Segoe Script",cursive;font-size:32px;font-weight:700;font-style:italic}.brand-note{font-size:10px;font-weight:bold;letter-spacing:.36em;margin-top:8px}nav{display:flex;gap:32px}nav a{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:10px 0}nav a[aria-current=page]{color:var(--accent)}.signal-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);vertical-align:middle;margin-left:3px}main{min-height:75vh;margin:0 5%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(62px,11vw,154px);font-weight:500;letter-spacing:-.07em;line-height:.95;margin-bottom:28px}h2{font-size:clamp(25px,3vw,40px);font-weight:400;letter-spacing:-.035em;line-height:1.2}h3{font-size:23px;font-weight:400;letter-spacing:-.025em;line-height:1.25}.eyebrow,.meta{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:var(--accent);margin-bottom:30px}.muted,.meta{color:var(--muted)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:65px 0 55px;min-height:560px}.hero-text{position:relative;z-index:1}.hero-text>p:not(.eyebrow){max-width:410px}.serif{font-family:Georgia,serif;font-style:italic;font-size:clamp(23px,3vw,38px);line-height:1.3;letter-spacing:-.025em}.orbital{width:100%;max-width:570px;overflow:visible;color:var(--accent)}.orbital .orbit{transform-origin:300px 240px;animation:drift 50s linear infinite}.orbital text{fill:var(--muted);font-size:9px;letter-spacing:2px;font-family:var(--font)}@keyframes drift{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--line);color:var(--ink);background:transparent;padding:12px 19px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;min-height:44px}.btn:hover{background:#363a34;border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#242821}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.status-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.status-strip p{margin:0}.status-strip strong{font-weight:400}.section{padding:55px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{display:block;border-top:1px solid var(--line);padding-top:16px}.art{height:230px;background:#303331;position:relative;overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.art svg{width:85%;height:85%}.art.paper{background:#c4c3b6;color:#3d4438}.art.field{background:#3f493f}.card h3{margin:10px 0 12px}.card:hover h3{color:var(--accent)}.card .meta{display:flex;justify-content:space-between;gap:10px}.tag{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:10px;letter-spacing:.03em;color:var(--muted);margin:3px 4px 3px 0}.intro{padding:65px 0 35px}.intro h1{font-size:clamp(50px,8vw,98px)}.intro p{max-width:630px}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:25px 0}.filters input{min-width:210px;flex:1}.filters input,.filters select,textarea,input[type=text]{background:var(--panel);border:1px solid var(--line);padding:12px;color:var(--ink);border-radius:0}.field-label{display:block;font-size:11px;color:var(--muted);margin:12px 0 6px}.filters .field-label{margin:0}.filters select{max-width:230px}.notice{border-left:2px solid var(--accent);padding:8px 18px;color:var(--muted);font-size:13px;max-width:750px}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.panel{border:1px solid var(--line);padding:25px;background:var(--panel)}.panel h3{margin-bottom:14px}.detail-art{height:330px}.detail-title{font-size:clamp(40px,6vw,78px)!important;margin:22px 0}.back{display:inline-block;color:var(--muted);font-size:11px;letter-spacing:.1em;margin-bottom:35px}.row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.row p{margin:0}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tabs button[aria-pressed=true]{background:var(--accent);color:var(--bg)}textarea{width:100%;min-height:110px;resize:vertical}input[type=file]{max-width:100%;padding:15px 0}.contribution{padding:22px 0;border-top:1px solid var(--line)}.contribution img{max-width:100%;max-height:320px}.contribution audio,audio{width:100%}.contribution p{white-space:pre-wrap}.principle-list{display:grid;grid-template-columns:1fr 1fr;gap:30px}.principle-list article{border-top:1px solid var(--line);padding-top:18px}.player{display:flex;gap:15px;align-items:center;padding:25px 0}.empty{padding:40px 0;color:var(--muted)}footer{margin:50px 5% 0;padding:24px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--bg);padding:12px 20px;max-width:90%;z-index:20;display:none}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:10px;z-index:30}.skip:focus{top:10px}.check{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:13px}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;color:var(--accent)}.inline-link{text-decoration:underline;text-underline-offset:4px}.counts{font-family:Georgia,serif;font-style:italic;font-size:30px}.nav-status{font-size:10px;color:var(--muted)}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0;gap:0;padding:45px 0}.orbital{max-width:430px;margin:auto;max-height:300px}.grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:30px}.masthead{align-items:start}nav{gap:15px;flex-wrap:wrap;justify-content:end;max-width:260px}footer{flex-wrap:wrap}.principle-list{grid-template-columns:1fr}}@media(max-width:520px){.masthead{flex-direction:column;gap:20px}nav{max-width:none;width:100%;justify-content:space-between;gap:8px}nav a{font-size:9px}.grid{grid-template-columns:1fr}.status-strip,.section-head{align-items:start;flex-direction:column}.hero .serif{font-size:26px}.intro{padding-top:40px}.filters{align-items:stretch;flex-direction:column}.filters select{max-width:none}.art{height:260px}footer span{display:block}.detail-art{height:260px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

.wordmark{display:block;width:clamp(130px,38vw,220px);line-height:0}
.wordmark img{display:block;width:100%;height:auto}

/* Keep the logo and page navigation centred at every breakpoint. */
.masthead{align-items:center;text-align:center}
.masthead .brand{align-self:center}
.masthead nav{align-self:center;width:100%;justify-content:center}

/* Intersecting waves with independent wavelengths and amplitudes. */
:root{--tri-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='32' viewBox='0 0 240 32'%3E%3Cg fill='none' stroke='%23848d79' stroke-width='.7' opacity='.6'%3E%3Cpath d='M0 16 C40 1 80 1 120 16 S200 31 240 16'/%3E%3Cpath d='M0 16 C20 8 40 8 60 16 S100 24 120 16 S160 8 180 16 S220 24 240 16'/%3E%3Cpath d='M0 12 C13 12 27 20 40 20 S67 12 80 12 S107 20 120 20 S147 12 160 12 S187 20 200 20 S227 12 240 12'/%3E%3C/g%3E%3C/svg%3E")}
.masthead{border-bottom:0;background-image:var(--tri-wave);background-repeat:repeat-x;background-position:center bottom}
main .premiere,.card,.context,.contribution,.principle-list details,footer{border-top:0;background-image:var(--tri-wave);background-repeat:repeat-x;background-position:center top}
.btn{border-radius:999px}
.filters input,.filters select,input[type=text],textarea,.panel{border-radius:22px}
.art{border-radius:24px}
.tag{border-radius:999px}

/* Centered, reduced interface. */
main{text-align:center;max-width:1080px;margin:0 auto;padding:0 24px;min-height:72vh}.masthead{max-width:1080px;margin:auto;padding:30px 24px;flex-direction:column;gap:25px}.brand{align-items:center}.script{font-size:36px}nav{justify-content:center;max-width:none}.intro{padding:70px 0 38px}.intro h1{font-size:clamp(48px,7vw,90px);line-height:1.05;letter-spacing:-.055em}.intro p{margin-left:auto;margin-right:auto}.intro .serif{font-size:clamp(22px,3vw,32px)}.eyebrow{margin-bottom:25px}.actions,.tabs{justify-content:center}.premiere{max-width:640px;margin:0 auto;padding:35px 0;border-top:1px solid var(--line)}.premiere h2{font-size:28px}.card{padding:28px 15px}.card h3{font-size:25px}.card .meta{display:block}.grid{gap:26px}.filters{max-width:850px;margin:12px auto}.context{max-width:620px;margin:30px auto}.exchange,.account{max-width:620px;margin:auto}.exchange h2{font-size:27px}textarea{text-align:left}input[type=text]{max-width:100%;width:100%;text-align:center}.check{justify-content:center}.field-label{margin-top:20px}#profile .btn{margin:15px}.account>.btn{margin:10px}.signout{display:block;margin:35px auto}#sumup-card{margin:24px auto}.membership{margin-top:30px}.contribution{margin-top:24px}.contribution audio{display:block;margin:20px auto}.contribution img{margin:20px auto}.principle-list{display:block;max-width:620px;margin:auto}.principle-list details{padding:20px 0}.principle-list p{margin:20px auto 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{justify-content:center;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-top:30px;margin-top:70px}.section{padding:30px 0}.back{margin-top:35px;margin-bottom:0}@media(max-width:520px){main{padding:0 20px}.masthead{padding:25px 20px}.intro{padding-top:55px}.grid{grid-template-columns:1fr}.filters{margin-bottom:25px}.card{padding:26px 0}.filters input{min-width:0}.check{align-items:flex-start}.account{padding:0 10px}nav{width:100%;justify-content:center;gap:20px}}


/* One consistent treatment for the complete slogan. */
.slogan,.intro h1.slogan{font-family:Georgia,serif;font-size:clamp(12px,3.4vw,32px);font-style:normal;font-weight:400;line-height:1.35;letter-spacing:-.025em;text-transform:none;text-align:center;white-space:nowrap}
.slogan>span{display:inline}.slogan>span:first-child{font-style:normal;font-weight:700}.slogan>span:last-child{font-style:italic;font-weight:400;letter-spacing:.06em}
footer .slogan{margin:8px 0}

/* Fit Relay to the handwritten wordmark width. */
.brand .wordmark{align-self:center}
.brand-note{display:block;width:max-content;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:900;font-style:normal;font-size:32px;line-height:.95;letter-spacing:-.065em;margin-top:7px}