
:root{--bg:#10120f;--cream:#eae8dc;--muted:#aaa99e;--line:#35382f;--gold:#d6ed83}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:16px Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:800;letter-spacing:-2px}.brand small{font-size:10px;letter-spacing:3px;display:block;margin-top:4px}nav{display:flex;gap:32px;font-size:13px}.outline{border:1px solid #6b705c;padding:13px 20px}.hero{padding:75px 5% 50px;position:relative;overflow:hidden;min-height:650px}.eyebrow{font:11px monospace;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(65px,8.6vw,130px);line-height:.94;font-weight:500;letter-spacing:-7px;margin:34px 0;position:relative;z-index:1}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.intro{max-width:430px;color:var(--muted);line-height:1.7}.cta{display:inline-block;background:var(--gold);color:#161a10;padding:17px 25px;font-size:13px;border:0;cursor:pointer}.hero .cta{margin-top:22px}.record{position:absolute;right:1%;top:70px;width:500px;height:500px;border-radius:50%;background:repeating-radial-gradient(circle at center,#191d17 0px,#191d17 2px,#353b2b 3px,#12160f 4px);border:1px solid #49503b;transform:rotate(-22deg);box-shadow:0 0 100px #87985018}.record:before{content:'OmMG / ORIGINAL SOUND';position:absolute;inset:155px;border-radius:50%;background:var(--gold);color:#1b2113;display:grid;place-items:center;text-align:center;font:12px monospace;padding:30px}.record:after{content:'';position:absolute;inset:243px;background:#111;border-radius:50%}.hero-bottom{display:flex;justify-content:space-between;position:relative;margin-top:64px;font:10px monospace;letter-spacing:2px;color:var(--muted)}.network{padding:30px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5%;flex-wrap:wrap}.network span{font:10px monospace;color:var(--muted);max-width:100px;line-height:1.6}.network b{font-size:19px;letter-spacing:-.5px}section{padding:90px 5%}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}h2{font-size:clamp(40px,5vw,68px);font-weight:400;letter-spacing:-2px;line-height:1.05;margin:20px 0}.section-top p{max-width:370px;color:var(--muted);line-height:1.7}.featured{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.tile{min-height:310px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);position:relative;overflow:hidden;background:#1b2017}.tile:first-child{background:#d6ed83;color:#192011}.tile:nth-child(2){background:#272c25}.tile:nth-child(3){background:#30342a}.tile:after{content:'';width:210px;height:210px;border:1px solid currentColor;border-radius:50%;position:absolute;right:-90px;top:15px;opacity:.2;box-shadow:0 0 0 25px #ffffff08,0 0 0 50px #ffffff05}.tile small{font:11px monospace;letter-spacing:1px}.tile h3{font-size:30px;font-weight:400;max-width:240px;letter-spacing:-1px;margin-bottom:12px}.tile p{font-size:12px;line-height:1.6;margin:0}.archive{margin-top:55px}.tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 16px;cursor:pointer;font-size:12px}.filters .active{color:var(--bg);background:var(--cream)}input[type=search]{background:transparent;border:0;border-bottom:1px solid #666;color:var(--cream);padding:12px;width:230px}.credit{display:grid;grid-template-columns:1.6fr 1fr;gap:25px;border-top:1px solid var(--line);padding:22px 0}.credit h3{font-weight:400;margin:0 0 8px;font-size:18px}.credit p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.credit .year{text-align:right;font:12px monospace;color:var(--gold)}details{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.8}summary{cursor:pointer}#count{font:11px monospace;color:var(--muted);margin:18px 0}.sound{background:var(--cream);color:#1a2118}.sound .eyebrow{color:#536038}.sound p{color:#5b6156}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.direction{border-top:1px solid #a6ac9a;padding-top:24px}.direction span{font:11px monospace}.direction h3{font-size:27px;font-weight:400}.direction p{font-size:14px;line-height:1.8}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about p{line-height:1.85;color:var(--muted);max-width:510px}.about .large{font:32px/1.4 Georgia,serif;color:var(--cream)}.contact{background:#1c2318;display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact p{color:var(--muted);line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:11px;letter-spacing:1px;display:block;color:var(--muted)}select,textarea,input:not([type=search]){display:block;width:100%;background:transparent;color:var(--cream);border:1px solid #505744;padding:13px;margin:9px 0 20px}select option{background:#1c2318}textarea{min-height:100px;resize:vertical}#brief-output{white-space:pre-wrap;border-top:1px solid var(--line);margin-top:20px;padding-top:20px;font-size:13px;color:var(--cream)}footer{padding:35px 5%;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.note{font-size:11px!important;line-height:1.7} @media(max-width:850px){h1{letter-spacing:-4px}.record{right:-240px;opacity:.45}.intro{position:relative;z-index:1}.featured{grid-template-columns:1fr}.tile{min-height:230px}.section-top{display:block}.network{gap:25px}.directions{grid-template-columns:1fr}.about,.contact{grid-template-columns:1fr;gap:25px}nav{gap:16px}nav .outline{display:none}.credit{grid-template-columns:1.4fr 1fr}.credit .year{grid-column:2;text-align:left}.tools{align-items:start;flex-direction:column}section{padding:65px 5%}.hero-bottom{font-size:8px}.form-grid{grid-template-columns:1fr}footer{gap:20px}}
.palette-preview{padding:13px 5%;background:#e4e9ef;color:#172333;display:flex;justify-content:space-between;align-items:center;gap:18px;font:12px Arial,sans-serif;border-bottom:1px solid #8191a4}.palette-preview div{display:flex;gap:8px}.palette-preview a{padding:9px 13px;border:1px solid #8290a1}.palette-preview a[aria-current=page]{background:#172333;color:#fff}@media(max-width:600px){.palette-preview{flex-direction:column;align-items:start}.palette-preview a{font-size:11px}}
:root{--bg:#0b1220;--cream:#e4eaf2;--muted:#a8b6c8;--line:#2b394b;--gold:#a8c4e2}
.outline{border-color:#657e9a}.cta{color:#101b2b;background:#a8c4e2}
.record{background:repeating-radial-gradient(circle at center,#101c2d 0px,#101c2d 2px,#35475e 3px,#0a1322 4px);border-color:#526984;box-shadow:0 0 100px #679bcb1a}
.record:before{background:#aec2d7;color:#142237}.record:after{background:#0b1220}
.tile{background:#152338}.tile:first-child{background:#aebfd1;color:#152337}.tile:nth-child(2){background:#1b2b40}.tile:nth-child(3){background:#223249}
.sound{background:#dce4ed;color:#142236}.sound .eyebrow{color:#425e7b}.sound p{color:#4b5d73}.direction{border-color:#a1afbf}
.contact{background:#111f32}select option{background:#111f32}select,textarea,input:not([type=search]){border-color:#4d6380}
header .brand{display:inline-flex;flex-direction:column;align-items:center;line-height:1}header .brand small{margin-top:8px;padding-left:3px;line-height:1.2}.record{background:none;border:0;box-shadow:0 18px 55px #0008;transform:rotate(-12deg);object-fit:contain}.record:before,.record:after{content:none}footer .brand{display:inline-flex;flex-direction:column;align-items:center;line-height:1}footer .brand small{margin-top:8px;padding-left:3px;line-height:1.2}
.network{row-gap:24px}

/* Keep network names together in a balanced, responsive strip. */
.network{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px;row-gap:25px;align-items:center}
.network span{max-width:none;line-height:1.7}
.network b{font-size:clamp(12px,1.35vw,19px);line-height:1.35;letter-spacing:-.3px;white-space:normal}
@media(max-width:850px){.network{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.network span{grid-column:1/-1}.network b{font-size:14px}}
@media(max-width:480px){.network{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.network b{font-size:13px}}
