@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#ecebe5;--ink:#20211e;--muted:#74756c;--orange:#df502c;--mono:'IBM Plex Mono',monospace;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:fixed;top:-70px;left:20px;z-index:100;padding:12px;background:white}.skip:focus{top:10px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #20211e26;position:relative;z-index:5}.brand{display:flex;align-items:center;font:bold 28px var(--display);letter-spacing:-1.8px;gap:2px}.brand span{font-weight:400}.brand i{font-style:normal;color:var(--orange);font-size:44px;margin-left:10px;line-height:1}nav{display:flex;gap:38px;font-size:13px}nav span{margin-left:12px;color:var(--muted)}#motion{background:transparent;border:1px solid #20211e35;border-radius:30px;padding:9px 13px;font:10px var(--mono);cursor:pointer;text-transform:uppercase}.hero{position:relative;min-height:780px;height:calc(100svh - 94px);max-height:1100px;overflow:hidden;padding:32px 5%}.topline,.hero-bottom{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:1px}.topline{position:relative;z-index:2}.live{display:inline-block;background:var(--orange);width:6px;height:6px;border-radius:50%;margin-right:9px}.hero-copy{position:relative;z-index:2;padding-top:73px;width:60%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font:10px var(--mono);letter-spacing:1.4px;text-transform:uppercase;margin:0 0 30px}h1{font:500 clamp(72px,7.6vw,124px)/.95 var(--display);letter-spacing:-7px;margin:0 0 32px}h1 em,h2 em{font-style:normal;color:var(--orange)}.intro{font-size:15px;line-height:1.7;color:#64655d;margin-bottom:28px}.round-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:600}.arrow{display:grid;place-items:center;border:1px solid #20211e50;border-radius:50%;width:44px;height:44px;font-size:20px;transition:background .2s,transform .2s}.round-link:hover .arrow{background:var(--orange);color:white;border-color:var(--orange);transform:translateY(4px)}.orb-scene{position:absolute;width:64%;height:90%;right:-5%;top:5%;pointer-events:none}canvas{width:100%;height:100%;display:block}.orb-label{position:absolute;bottom:10%;left:24%;right:19%;display:flex;justify-content:space-between;border-top:1px solid #20211e30;padding-top:10px;font:8px var(--mono);color:var(--muted)}.orb-coordinate{position:absolute;right:17%;top:12%;font:9px/1.7 var(--mono);color:var(--muted)}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;color:var(--muted)}.ticker{background:var(--orange);color:var(--paper);overflow:hidden;padding:22px 0}.ticker div{font:500 19px var(--display);letter-spacing:1px;white-space:nowrap;width:max-content;animation:marquee 60s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:110px 5%}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;margin-bottom:58px}.section-heading .eyebrow{margin-top:11px}.section-heading h2{font:500 clamp(34px,3.5vw,58px)/1.12 var(--display);letter-spacing:-2.5px;margin:0}.section-heading h2 span{color:var(--muted)}.section-heading>p:last-child{font-size:13px;line-height:1.8;margin-top:10px;color:var(--muted)}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.world{min-height:445px;position:relative;overflow:hidden;background:#dcded2;padding:26px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s}.world:hover{transform:translateY(-7px)}.card-top{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;position:relative;z-index:2}.card-top>span:last-child{font-size:23px;line-height:.7}.card-copy{position:relative;z-index:2}.card-copy h3{font:500 30px var(--display);letter-spacing:-1.4px;margin:0 0 12px}.card-copy p{font-size:12px;line-height:1.7;margin:0;opacity:.7}.television{background:#d9dccd}.tv-art{position:absolute;top:90px;left:13%;width:76%;height:175px;background:#383e35;border:8px solid #4b5045;border-radius:28px;box-shadow:12px 20px 25px #20211e20;transform:rotate(-8deg);display:flex;padding:12px}.tv-screen{flex:1;position:relative;border-radius:50% / 15%;overflow:hidden;background:repeating-linear-gradient(0deg,#a7b597 0 2px,#869a79 2px 4px);display:grid;place-items:center;border:5px solid #1e281d}.tv-screen span{font:bold 65px var(--display);letter-spacing:-5px;color:#273b28;z-index:1}.tv-screen i{position:absolute;inset:0;background:linear-gradient(90deg,#fff1,transparent,#0003)}.tv-knobs{color:#a8ac97;text-align:center;width:25px;font-size:20px;line-height:1.8;margin-left:10px}.radio{background:#cf562e;color:#f4e8ce}.radio-art{position:absolute;top:83px;left:20%;width:60%;height:190px}.globe{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 40% 50%,transparent 0 14px,#efc6a855 15px 16px);border:1px solid #efc6a8;box-shadow:inset -30px -10px 50px #71391f66;transform:rotate(-20deg)}.orbit{position:absolute;left:-20%;top:35%;width:140%;height:35%;border:1px solid #f6dec9aa;border-radius:50%;transform:rotate(-30deg)}.o2{transform:rotate(35deg)}.radio-art i{position:absolute;top:35px;right:20px;width:9px;height:9px;border-radius:50%;background:#f1deb7;box-shadow:0 0 20px #fff8}.gallery{background:#202323;color:white}.gallery>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;transition:transform .7s;opacity:.8}.gallery:after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,transparent 40%,#000c)}.gallery:hover>img{transform:scale(1.05)}.instrument-list{margin-top:45px}.instrument-list>a{display:grid;grid-template-columns:65px 1fr auto 55px;align-items:center;border-top:1px solid #20211e30;padding:28px 0;gap:20px;transition:padding .2s}.instrument-list>a:last-child{border-bottom:1px solid #20211e30}.instrument-list>a:hover{padding-left:10px;padding-right:10px}.number{font:11px var(--mono);color:var(--muted)}.instrument-list h3{font:500 25px var(--display);letter-spacing:-1px;margin:0 0 6px}.instrument-list p{font-size:12px;color:var(--muted);margin:0}.tag{font:9px var(--mono);border:1px solid #20211e30;padding:8px 12px;border-radius:20px}.list-arrow{justify-self:end;font-size:28px}.interlude{position:relative;min-height:680px;overflow:hidden;background:#302632;color:white;display:flex;align-items:center;padding:80px 9%}.landscape{position:absolute;inset:-18% 0;background:linear-gradient(90deg,#171518aa,#17151810),url('https://nodegod.co.uk/assets/images/gallery-2026-08-28-roadside-snack-stand-scoreboard.jpg') center/cover;will-change:transform}.interlude-content{position:relative;z-index:1}.interlude h2{font:500 clamp(68px,8vw,128px)/.95 var(--display);letter-spacing:-5px;margin:35px 0 25px}.interlude h2 em{color:#f0b287}.interlude p:not(.eyebrow){font-size:15px;color:#eee9e1}.light-button{display:inline-flex;gap:65px;align-items:center;border:1px solid #ffffff60;padding:17px 22px;border-radius:2px;font-size:12px;margin-top:20px;transition:background .2s}.light-button:hover{background:#ffffff20}.image-caption{position:absolute;bottom:25px;right:5%;font:8px var(--mono);letter-spacing:1px;color:#ddd}.statement{padding-top:120px;padding-bottom:120px}.statement-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12%}.statement h2{font:500 clamp(40px,4.8vw,76px)/1.08 var(--display);letter-spacing:-3px;margin:15px 0}.statement h2 span{color:var(--muted)}.statement-grid>div{padding-top:15px}.statement-grid p{font-size:16px;line-height:1.8;color:#65665e;margin:0 0 22px}.text-link{display:inline-flex;gap:30px;border-bottom:1px solid #20211e50;padding:12px 0;font-size:13px;font-weight:600}footer{padding:45px 5% 28px;background:var(--ink);color:var(--paper)}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.footer-top>a:last-child{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:22px;font:8px var(--mono);letter-spacing:1px;color:#bbbcb2}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .75s,transform .75s}.js .reveal.visible{opacity:1;transform:none}.motion-off *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.motion-off .reveal{opacity:1;transform:none}@media(min-width:1600px){header,.section,footer{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}.hero{padding-left:calc((100vw - 1440px)/2)}.hero-bottom{left:calc((100vw - 1440px)/2);right:calc((100vw - 1440px)/2)}}@media(max-width:1050px){h1{letter-spacing:-5px}.hero-copy{width:70%}.orb-scene{right:-15%;width:75%;opacity:.8}.world{padding:20px;min-height:405px}.card-copy h3{font-size:24px}.tv-art{height:145px}.radio-art{height:160px}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.section-heading h2{font-size:40px}}@media(max-width:700px){header{height:76px;padding:0 6%}.brand{font-size:23px}.brand i{font-size:35px}nav{gap:0}nav a{font-size:11px}nav a:last-child{display:none}#motion{font-size:8px;padding:7px}.hero{min-height:820px;height:auto;padding:24px 6%}.topline{font-size:8px;letter-spacing:.4px}.hero-copy{padding-top:48px;width:100%}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:24px}h1{font-size:clamp(62px,13vw,90px);letter-spacing:-4px}.intro{font-size:13px}.round-link{font-size:12px}.orb-scene{width:95%;height:390px;right:-25%;top:410px;opacity:.9}.orb-label{bottom:6%;left:15%;right:30%;font-size:6px}.orb-coordinate{display:none}.hero-bottom{font-size:7px;bottom:22px;left:6%;right:6%;letter-spacing:0}.hero-bottom>span:last-child{display:none}.ticker{padding:17px 0}.ticker div{font-size:15px}.section{padding:70px 6%}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:37px;letter-spacing:-1.8px}.section-heading>p:last-child{margin-top:24px}.world-grid{grid-template-columns:1fr}.world{min-height:420px;padding:25px}.tv-art{width:66%;left:17%;height:165px}.radio-art{width:180px;height:180px;left:calc(50% - 90px)}.card-copy h3{font-size:30px}.instrument-list>a{grid-template-columns:24px 1fr 24px;gap:12px;padding:24px 0}.tag{display:none}.instrument-list h3{font-size:21px}.instrument-list p{font-size:11px;line-height:1.6}.list-arrow{font-size:22px}.interlude{min-height:550px;padding:65px 7%}.interlude h2{font-size:70px;letter-spacing:-4px}.interlude p:not(.eyebrow){font-size:13px}.image-caption{font-size:6px;left:7%;right:auto}.statement-grid{display:block}.statement h2{font-size:45px;letter-spacing:-2px}.statement-grid>div{margin-top:30px}.statement-grid p{font-size:14px}.footer-top{margin-bottom:35px}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:7px}.footer-bottom span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.js .reveal{opacity:1;transform:none;transition:none}.world,.gallery>img{transition:none}}
