@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0c0e10;--panel:#14181c;--line:#2a3035;--ink:#f1f2f3;--muted:#a1aab2;--blue:#9cdcff;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:var(--blue);color:var(--bg)}header{height:108px;margin:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;gap:16px;align-items:center;font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.045em}.mark{font-size:43px;line-height:1;letter-spacing:-5px;color:var(--blue);padding-right:4px}.brand small{display:block;font-size:10px;letter-spacing:.15em;color:var(--muted);margin-top:4px}.brand .mark+span{white-space:nowrap}nav{display:flex;gap:30px;font-size:14px;color:#aeb6bc}nav a{padding:8px 0;position:relative}nav a:hover,nav a[aria-current]{color:var(--ink)}nav a[aria-current]:after{content:'';width:16px;height:2px;background:var(--blue);position:absolute;bottom:0;left:0}.header-cta{border:1px solid #515a61;border-radius:3px;padding:10px 18px;font-size:14px}.header-cta span{margin-left:24px}.menu{display:none}.hero{margin:52px 5% 64px;display:grid;grid-template-columns:1.08fr 1fr;gap:6%;align-items:stretch}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:600;margin:0 0 25px;color:#b9c4cc}.tiny-bars{color:var(--blue);font-size:18px;margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:500}h1{font-size:clamp(48px,5.65vw,86px);line-height:1.07;letter-spacing:-.06em;margin-bottom:27px}em{font-style:normal;color:var(--blue)}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.7}.actions{display:flex;gap:32px;align-items:center;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:15px 24px;border-radius:3px;font-weight:600;font-size:14px;line-height:1.5;border:0;transition:background .2s,transform .2s}.primary{background:var(--blue);color:#0c1922}.primary:hover{background:#c6ebff;transform:translateY(-2px)}.text-link{font-size:14px;border-bottom:1px solid #505960;padding:8px 0}.text-link span{margin-left:20px}.hero-credit{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:43px;padding-top:18px;font-size:10px;letter-spacing:.12em;color:#86929b}.hero-art{position:relative;overflow:hidden;min-height:540px;background:#c4e4f4;border-radius:4px;color:#112632}.hero-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:58% center;transition:transform 1s}.hero-art:hover img{transform:scale(1.035)}.hero-art:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,25,42,.9))}.art-top{display:flex;justify-content:space-between;position:absolute;top:28px;left:27px;right:27px;font-size:10px;letter-spacing:.14em;font-weight:700}.art-bottom{position:absolute;bottom:30px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;z-index:1;color:#fff}.art-bottom span{font-size:11px;letter-spacing:.14em}.art-bottom h2{font-size:40px;line-height:1.2;margin:8px 0 4px;letter-spacing:-.04em}.art-bottom p{font-size:14px;margin:0;color:#c5d6e3}.art-bottom .round-arrow{font-size:28px;border:1px solid #bcd5e9;border-radius:50%;width:52px;height:52px;text-align:center;line-height:48px}.discipline-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding:22px 5%;font-family:var(--display);letter-spacing:.08em;font-size:14px}.discipline-strip b{color:var(--blue)}.section{padding:76px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.045em;line-height:1.15;margin-bottom:0}.track{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:24px 0}.track:last-child{border-bottom:1px solid var(--line)}.track-number{color:#75818a;font-size:12px}.play{width:45px;height:45px;flex-shrink:0;border:1px solid #495159;background:transparent;border-radius:50%;color:var(--ink);font-size:15px}.play:hover,.track.active .play{background:var(--blue);border-color:var(--blue);color:#101b24}.track-name{min-width:220px}.track-name h3{font-size:20px;margin:0 0 1px;letter-spacing:-.025em}.track-name span{font-size:12px;color:var(--muted)}.wave{display:flex;align-items:center;justify-content:space-between;height:34px;gap:3px;flex:1;margin:0 28px}.wave i{height:var(--h);min-height:3px;flex:1;background:#475159;border-radius:1px;transition:background .3s}.track.active .wave i{background:var(--blue)}.track-time{font-size:13px;color:#a4aeb5;font-variant-numeric:tabular-nums}.track-inquire{font-size:13px;margin-left:30px}.service-teaser{background:#14181c;padding:68px 5%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.service-teaser h2{margin-bottom:32px}.service-links a{display:flex;gap:25px;border-bottom:1px solid #353d44;align-items:center;padding:19px 0;font-family:var(--display);font-size:24px}.service-links span{font-size:12px;color:var(--muted)}.service-links b{margin-left:auto;font-size:23px;font-weight:400}.service-links a:hover{color:var(--blue)}footer{margin:0 5%;padding:50px 0 90px;display:flex;justify-content:space-between;gap:30px;align-items:center}footer>div,footer>a:last-child{font-size:13px}footer p{color:#828d96;font-size:12px;margin:9px 0 0}.page-intro{padding:80px 5% 45px;max-width:1100px}.page-intro h1{font-size:clamp(48px,6vw,82px)}.intro-copy{color:var(--muted);max-width:590px;font-size:18px}.beats-section{padding-top:10px}.list-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#909ca6;margin:5px 0 20px}.note{font-size:13px;line-height:1.7;color:var(--muted);margin:20px 0 0}.service-grid{padding:10px 5% 70px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-grid article{padding:35px;background:var(--panel);border:1px solid var(--line);scroll-margin-top:30px}.service-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:30px}.service-icon{font-size:45px;color:var(--blue);line-height:1}.service-grid h2{font-size:36px;margin-bottom:22px}.service-grid h3{font-size:18px;margin-bottom:12px}.service-grid p{color:var(--muted);max-width:520px;min-height:78px}.tags{font-size:12px;color:#a8c9dd;letter-spacing:.025em;padding-bottom:28px}.service-bottom{padding-top:24px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;font-size:13px}.service-bottom a{color:var(--blue)}.closing{text-align:center;padding:60px 5% 90px;border-bottom:1px solid var(--line)}.closing h2{margin-bottom:30px}.shop{padding:80px 5%;display:grid;grid-template-columns:1.16fr 1fr;gap:7%;align-items:center}.shop-image img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover;border-radius:3px}.image-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.08em;margin-top:16px;gap:20px}.shop-info h1{font-size:clamp(50px,5vw,76px)}.shop-lead{font:28px/1.3 var(--display);letter-spacing:-.02em}.shop-info>p:not(.eyebrow):not(.shop-lead){color:var(--muted)}.spec-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;padding:22px 0;margin:30px 0}.wide{width:100%;justify-content:space-between}.kit-content{padding:40px 5% 85px}.kit-categories{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin-top:45px}.kit-categories>div{padding:30px 25px;border-right:1px solid var(--line)}.kit-categories>div:first-child{padding-left:0}.kit-categories>div:last-child{border:0}.kit-categories span{font-family:var(--display);font-size:55px;line-height:1.2;color:var(--blue)}.kit-categories h3{font-size:17px;margin:10px 0 0;color:var(--muted)}.contact-layout{padding:80px 5% 90px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact-copy h1{font-size:clamp(45px,5vw,70px)}.contact-copy>p:not(.eyebrow){max-width:440px;color:var(--muted)}.direct{margin-top:65px}.direct>span{font-size:11px;letter-spacing:.14em;color:#929fa8;display:block;margin-bottom:13px}.direct a{font-family:var(--display);font-size:clamp(17px,1.7vw,24px)}form{background:var(--panel);border:1px solid var(--line);padding:32px}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.form-heading h2{font-size:24px;letter-spacing:-.04em}.form-heading>span{font-size:10px;color:#919ea8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;margin:0 0 21px}input,textarea,select{display:block;width:100%;border:1px solid #3b444c;background:#101316;color:var(--ink);border-radius:2px;padding:12px 13px;margin-top:8px;font-size:14px;min-height:48px}input::placeholder,textarea::placeholder{color:#7f8a94}textarea{resize:vertical;min-height:130px}.optional{color:#98a1a9}#form-result{padding:16px;border:1px solid #59768a;font-size:14px;margin-top:20px}#form-result p{margin-bottom:10px}#copy-message{background:transparent;border:0;color:var(--blue);padding:0;border-bottom:1px solid var(--blue)}.player{position:fixed;bottom:18px;left:5%;right:5%;z-index:20;padding:16px 24px;background:#20282ef5;backdrop-filter:blur(14px);border:1px solid #526370;box-shadow:0 8px 40px #0008;border-radius:6px;display:flex;gap:20px;align-items:center}.player[hidden]{display:none}.player button{border:0;background:transparent;color:var(--blue);font-size:25px}.playing-info{min-width:140px}.playing-info small{display:block;font-size:9px;color:var(--blue);letter-spacing:.1em}.playing-info strong{font-size:15px;font-weight:500}.player input{padding:0;min-height:auto;margin:0;accent-color:var(--blue);border:0;flex:1}.player>span{font-size:12px;font-variant-numeric:tabular-nums}.skip{position:absolute;left:20px;top:-100px;background:var(--blue);color:black;padding:12px;z-index:30}.skip:focus{top:12px}#audio-status{position:fixed;bottom:110px;right:5%;max-width:320px;background:var(--panel);font-size:14px;z-index:30}#audio-status:not(:empty){padding:15px;border:1px solid var(--line)}
@media(min-width:1600px){header,.hero,.section,.service-teaser,.page-intro,.service-grid,.shop,.kit-content,.contact-layout,footer{padding-left:max(0px,calc((100vw - 1600px)/2));padding-right:max(0px,calc((100vw - 1600px)/2))}}
@media(max-width:1050px){header{gap:20px}.brand{font-size:11px}.brand small{font-size:8px}nav{gap:19px}.header-cta{display:none}.hero{gap:4%}.hero-art{min-height:510px}.hero-credit{font-size:9px;gap:15px}.actions{gap:22px}.track-name{min-width:190px}.wave{margin:0 10px;gap:2px}.track-inquire{margin-left:10px}.contact-layout{gap:5%}.contact-copy h1{font-size:48px}.form-row{grid-template-columns:1fr;gap:0}.service-bottom{flex-direction:column;gap:10px}}
@media(max-width:760px){header{height:90px}.brand{font-size:11px}.brand small{font-size:8px}.mark{font-size:38px}.menu{display:flex;gap:15px;color:var(--ink);border:1px solid var(--line);background:transparent;padding:7px 12px;font-size:13px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:#11161b;padding:20px 5%;z-index:25;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:24px}nav.open{display:flex}.hero{grid-template-columns:1fr;margin-top:38px;gap:32px;margin-bottom:38px}h1{font-size:clamp(44px,10vw,70px);letter-spacing:-.055em}.hero-art{min-height:430px}.hero-art img{object-position:center}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-credit{margin-top:30px}.eyebrow{font-size:10px;letter-spacing:.13em}.discipline-strip{gap:10px;padding-top:17px;padding-bottom:17px;font-size:9px;letter-spacing:.035em}.discipline-strip b{font-size:11px}.section{padding-top:45px;padding-bottom:45px}.section-heading{gap:20px;align-items:start}.section-heading .text-link{font-size:12px;white-space:nowrap;margin-top:25px}h2{font-size:29px}.track{gap:13px;padding:20px 0;flex-wrap:wrap}.track-number{display:none}.track-name{min-width:0;flex:1}.track-name h3{font-size:18px}.track-name span{font-size:10px}.track .wave{order:5;flex-basis:100%;margin:0 0 0 58px;height:20px;gap:2px}.track-inquire{font-size:12px;margin-left:4px}.track-time{font-size:11px}.play{width:42px;height:42px}.service-teaser{grid-template-columns:1fr;gap:36px;padding-top:45px;padding-bottom:45px}.service-links a{font-size:23px}footer{align-items:start;flex-direction:column;gap:27px;padding-top:40px}.page-intro{padding-top:45px}.page-intro h1{font-size:clamp(43px,9vw,65px)}.intro-copy{font-size:16px}.list-heading{font-size:9px;gap:20px}.list-heading span:last-child{display:none}.service-grid{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.service-grid article{padding:27px}.service-grid p{min-height:auto}.service-bottom{flex-direction:row}.closing{padding-top:45px;padding-bottom:60px}.shop{padding-top:35px;grid-template-columns:1fr;gap:40px}.shop-image img{aspect-ratio:1.2}.shop-info h1{font-size:64px}.kit-content{padding-top:0;padding-bottom:40px}.kit-categories{grid-template-columns:repeat(3,1fr)}.kit-categories>div{padding:20px 15px}.kit-categories>div:first-child{padding-left:15px}.kit-categories span{font-size:42px}.kit-categories>div:nth-child(3){border-right:0}.kit-categories h3{font-size:14px}.contact-layout{padding-top:42px;grid-template-columns:1fr;gap:35px}.contact-copy h1{font-size:48px}.direct{margin-top:32px}form{padding:24px}.form-heading>span{display:none}.player{padding:12px;gap:12px;bottom:10px;left:3%;right:3%}.playing-info{min-width:62px}.player>span{display:none}.playing-info small{font-size:8px}.playing-info strong{font-size:13px}.player button{font-size:22px}.button{gap:22px;padding:14px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* NORTHFX — Arctic sound studio */
:root{--bg:#040a10;--panel:#0b1822;--line:#263b49;--ink:#edf7ff;--muted:#a2b8c8;--blue:#a5e8ff}body{background:var(--bg);isolation:isolate}.arctic-background{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#040a10}.aurora-drift{position:absolute;inset:-4%;background:linear-gradient(180deg,rgba(2,8,15,.12),rgba(2,8,15,.3) 45%,#040a10 100%),url('/assets/arctic-aurora.png') center top/cover;animation:auroraDrift 28s ease-in-out infinite alternate;opacity:.86;will-change:transform}.arctic-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02071060,transparent 65%),linear-gradient(0deg,#040a10 0%,transparent 75%)}header{position:relative;z-index:3;border-bottom-color:#92dcff28;height:104px}.brand{display:block;width:230px;height:60px;flex-shrink:0;overflow:hidden;mix-blend-mode:screen}.brand img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;display:block}header nav a{color:#b2cbd9;font-size:14px}header nav a[aria-current]{color:#fff}header nav a[aria-current]:after{width:100%;box-shadow:0 0 14px #9eefff99}.header-cta{border-color:#a7e8ff60;background:#07192355;backdrop-filter:blur(12px)}.header-cta:hover{background:#143847}.north-hero{margin:0 5%;padding-top:35px}.hero-eyeline{display:flex;justify-content:space-between;align-items:center;gap:25px}.hero-eyeline .eyebrow{margin:0}.hero-index{font-size:11px;letter-spacing:.15em;color:#b2cfdf}.brand-banner{width:100%;height:clamp(170px,20vw,290px);overflow:hidden;margin:22px 0 28px;mix-blend-mode:screen;filter:drop-shadow(0 0 28px #72d4ff15)}.brand-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 53%}.north-hero-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center}.north-hero h1{font-size:clamp(37px,3.85vw,62px);letter-spacing:-.045em;line-height:1.12;margin-bottom:18px}.north-hero-bottom>div>p{font-size:16px;color:#b1c9d9;line-height:1.75;margin-bottom:0}.north-hero .actions{margin-top:25px}.primary{background:linear-gradient(115deg,#c2f4ff,#8dcef5);box-shadow:inset 0 1px 0 #fff9,0 0 25px #70caff0d}.primary:hover{background:linear-gradient(115deg,#e0fcff,#b5e5ff);box-shadow:0 0 30px #7fdcff30}.kit-mini{background:linear-gradient(130deg,#c4efff0f,#254f6524);border:1px solid #aee5ff35;display:flex;gap:20px;align-items:center;padding:16px;backdrop-filter:blur(14px);border-radius:6px;transition:border-color .4s,transform .4s,box-shadow .4s}.kit-mini:hover{transform:translateY(-4px);border-color:#acebffa0;box-shadow:0 0 45px #87d4f51a}.kit-mini>img{width:135px;height:155px;object-fit:cover;border-radius:3px}.kit-mini .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:12px;display:block}.kit-mini h2{font-size:28px;white-space:nowrap}.kit-mini h2 span{margin-left:12px;color:var(--blue)}.kit-mini p{font-size:12px;color:#bed0db;margin:10px 0 0;max-width:190px}.hero-bottom-line{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #9fdfff2b;margin-top:47px;padding:17px 0 23px;font-size:10px;letter-spacing:.12em;color:#92b1c6}.hero-bottom-line a{color:#c5e2f2}.discipline-strip{background:#07121d80;backdrop-filter:blur(20px);border-color:#78c8fb2c;font-size:12px;padding-top:19px;padding-bottom:19px}.discipline-strip b{color:#89cfe9;font-weight:400}.section{background:linear-gradient(180deg,#040c13a0,#040c13e0);scroll-margin-top:20px}.section-heading .eyebrow{color:#9fcde4}.section-heading h2{font-size:clamp(28px,3vw,44px)}.tracks{border-top:1px solid #759eaf30}.track{border-top:0;border-bottom:1px solid #759eaf30;padding:22px 16px;transition:background .3s,border-color .3s;position:relative;gap:20px}.track:hover{background:#14344835}.track.active{background:linear-gradient(90deg,#2c62752b,#142d4512);border-color:#89dbff65}.track-name h3{font-size:29px;letter-spacing:-.05em}.track-name{min-width:170px}.track-name span{color:#8fabbc}.track-number{font-size:11px;color:#8aa6b7}.play{width:45px;height:45px;border-color:#9dd4ef50;background:#9dd4ef0a}.track.active .play{background:#a5e8ff;color:#081621;box-shadow:0 0 20px #9cdfff25}.track.is-playing .play{box-shadow:0 0 25px #9cdfff50}.track-inquire{color:#c4dbe8}.track-time{min-width:33px}.wave-help{font-size:12px;color:#9ebacc;margin:-8px 0 19px}.wave-help>span{color:#a7e5ff;margin-right:8px;font-size:10px}.wave{--progress:0%;--hover:0%;position:relative;height:58px;margin:0 18px;display:block;flex:1;min-width:80px;cursor:crosshair;touch-action:pan-y;user-select:none;border-radius:3px}.wave-bars{display:flex;align-items:center;justify-content:space-between;gap:3px;position:absolute;inset:8px 0;pointer-events:none}.wave .wave-bars i,.track.active .wave .wave-bars i{height:var(--h);min-height:3px;flex:1;background:#426275;border-radius:2px;transition:background .12s,filter .25s}.wave:hover .wave-bars i{background:#698c9f}.wave .wave-bars i.played,.track.active .wave .wave-bars i.played{background:#b7efff;filter:drop-shadow(0 0 3px #78ddff66)}.wave:focus-visible{outline:1px solid #a8eaff;outline-offset:6px;background:#8ed7ff08}.wave-cursor{position:absolute;height:100%;top:0;left:var(--progress);width:1px;background:#d4f8ff;box-shadow:0 0 10px #9cdfff;opacity:0;pointer-events:none}.wave.selected .wave-cursor{opacity:.85}.wave:before{content:'';position:absolute;left:var(--hover);top:4px;bottom:4px;width:1px;background:#c7f1ff77;opacity:0}.wave:hover:before,.wave.scrubbing:before{opacity:1}.wave-tooltip{position:absolute;left:clamp(20px,var(--hover),calc(100% - 20px));bottom:100%;transform:translateX(-50%);padding:1px 5px;background:#c1efff;color:#081722;font-size:10px;font-variant-numeric:tabular-nums;border-radius:2px;opacity:0;pointer-events:none;white-space:nowrap}.wave:hover .wave-tooltip,.wave.scrubbing .wave-tooltip{opacity:1}.service-teaser{background:linear-gradient(120deg,#122b3baf,#08131fd9);border-block:1px solid #8fdbff26;backdrop-filter:blur(20px)}.service-links a{border-color:#7eafc731}.service-links a:hover{padding-left:10px;background:#a8e3ff05;transition:padding .3s}.page-intro{padding-top:75px}.page-intro h1{font-size:clamp(48px,6vw,80px)}.name-divider{color:#7eb0c955;font-weight:400;margin:0 .07em}.page-intro .intro-copy{color:#b4cbd9}.beats-section{background:transparent;padding-top:12px}.service-grid article,form{background:linear-gradient(135deg,#163244b0,#07131eea);backdrop-filter:blur(24px);border:1px solid #8edbff30;border-radius:5px;box-shadow:inset 0 1px 0 #b4eaff0c}.service-grid article{transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.service-grid article:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,#b8edff0d 40%,transparent 60%);transform:translateX(-100%);transition:transform .8s}.service-grid article:hover{transform:translateY(-4px);border-color:#a6e4ff70;box-shadow:inset 0 1px 0 #d6f6ff2b,0 15px 50px #02060b88}.service-grid article:hover:before{transform:translateX(100%)}.service-icon{color:#bceeff;filter:drop-shadow(0 0 10px #64bff044)}input,textarea,select{background:#06101acc;border-color:#8cc6e52d;color:#ecf8ff}input:focus,textarea:focus,select:focus{border-color:#a1e3ff;box-shadow:0 0 20px #71c8fc15}.shop-image img{box-shadow:0 0 70px #6ab5e426;border:1px solid #b9edff38}.shop-info{padding:20px 0}.kit-content{background:#06101999}.kit-categories{border-color:#91cbe32f}.kit-categories>div{border-color:#91cbe32f}.kit-categories span{color:#b5e9ff}.closing{background:#07131e88;border-color:#91cbe32f}footer{border-top:1px solid #91cbe322;margin-top:0}footer .brand{width:220px;height:62px}footer>div{color:#c0d7e5}.player{background:linear-gradient(115deg,#133144ed,#07131ef5);border-color:#a3e6ff65;box-shadow:0 8px 45px #000b,inset 0 1px 0 #c7f4ff17;padding:16px 24px;backdrop-filter:blur(24px)}.playing-info strong{font-family:var(--display);font-size:23px;line-height:1.1}.playing-info small{font-size:9px;letter-spacing:.13em}.player input{min-height:30px;background:transparent;box-shadow:none}.player>span{color:#b6d5e6}#audio-status{border-radius:4px;background:#102736}.fade-in{animation:appear .7s ease-out both}body.audio-playing .aurora-drift{filter:saturate(1.18);transition:filter 2s}
@keyframes auroraDrift{from{transform:scale(1.01) translate(-.6%,0);filter:brightness(.9)}to{transform:scale(1.07) translate(.7%,-1%);filter:brightness(1.1)}}@keyframes appear{from{opacity:.1;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.north-hero{max-width:1500px;margin:auto}.north-hero-bottom{gap:16%}}
@media(max-width:1100px){.north-hero-bottom{gap:6%}.kit-mini{gap:14px}.kit-mini>img{width:100px;height:130px}.kit-mini h2{font-size:24px}.kit-mini h2 span{margin-left:5px}.track-name{min-width:145px}.wave{margin:0 8px}.track{gap:15px}.brand{width:210px}}
@media(max-width:760px){header{height:85px}.brand{width:182px;height:50px}.menu{border-color:#85c8ea44;background:#0d263a66}.menu span{color:#b0e9ff}nav{top:85px;background:#081726f5;backdrop-filter:blur(20px);border-color:#92daff44}header nav a{font-size:14px}.aurora-drift{background-position:65% top;opacity:.85}.north-hero{padding-top:28px}.hero-eyeline .eyebrow{font-size:9px;letter-spacing:.09em}.hero-index{display:none}.brand-banner{height:145px;margin:17px -1% 20px;width:102%}.north-hero-bottom{grid-template-columns:1fr;gap:30px}.north-hero h1{font-size:clamp(34px,8vw,51px)}.north-hero-bottom>div>p{font-size:15px}.north-hero .actions{gap:24px;margin-top:22px}.kit-mini{padding:12px;gap:20px}.kit-mini>img{width:116px;height:100px}.kit-mini h2{font-size:27px}.kit-mini .eyebrow{font-size:9px;margin-bottom:6px}.kit-mini p{max-width:none;font-size:12px;margin-top:6px}.hero-bottom-line{font-size:8px;letter-spacing:.08em;margin-top:30px;padding:15px 0 20px}.discipline-strip{font-size:9px;gap:8px}.section-heading{margin-bottom:27px}.section-heading .text-link{font-size:11px}.section-heading h2{font-size:27px}.wave-help{font-size:11px;line-height:1.6;max-width:320px;margin-top:0}.track{padding:19px 10px;gap:13px}.track-name{min-width:0}.track-name h3{font-size:27px}.track-name span{font-size:10px}.track .wave{order:5;flex-basis:100%;margin:5px 3px 0 0;height:51px}.wave-bars{gap:2px;inset:7px 0}.track-time{margin-left:auto}.track-inquire{font-size:11px}.wave-tooltip{bottom:88%}.page-intro{padding-top:43px;padding-bottom:27px}.page-intro h1{font-size:clamp(39px,10vw,64px)}.service-grid article{padding:27px}.contact-copy h1{font-size:45px}.player{padding:12px 14px;gap:12px}.player .playing-info{min-width:64px}.player .playing-info strong{font-size:22px}.player .playing-info small{font-size:8px}footer .brand{height:60px;width:220px}}
@media(prefers-reduced-motion:reduce){.aurora-drift,.fade-in{animation:none;will-change:auto}.service-grid article:hover,.kit-mini:hover,.primary:hover{transform:none}.service-grid article:before{display:none}}
/* Full artwork, consistent listening cards and an unobtrusive cold cursor. */
.kit-mini>img{object-fit:contain;background:#9dd7f0;width:150px;aspect-ratio:16/9;height:auto;align-self:center}.shop-image img{object-fit:contain;aspect-ratio:16/9;height:auto;background:#9dd7f0}.shop{align-items:center}.hero-art img{object-fit:contain}.beat-title{display:flex;align-items:baseline;gap:clamp(15px,3vw,44px);white-space:nowrap!important;font-size:clamp(42px,7vw,90px)!important}.beat-title>span{display:block;line-height:1.1;margin:0;letter-spacing:-.045em}.beat-title>span+span{border-left:1px solid #a5e8ff40;padding-left:clamp(15px,3vw,44px)}.beats-section .tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border:0;align-items:stretch}.beats-section .track{display:grid;grid-template-columns:1fr auto;gap:20px 10px;margin:0;padding:24px 20px;border:1px solid #97d8ff38;border-radius:6px;background:linear-gradient(145deg,#143040a6,#06121dde);min-width:0}.beats-section .track.active{border-color:#a4e6ff99;background:linear-gradient(145deg,#204b60aa,#071622e8)}.beats-section .track-number{display:block;grid-column:1;grid-row:1;align-self:center}.beats-section .play{grid-column:2;grid-row:1}.beats-section .track-name{grid-column:1/-1;grid-row:2;min-width:0}.beats-section .track-name h3{font-size:60px;line-height:1;margin:0 0 12px}.beats-section .track-name span{font-size:11px}.beats-section .wave{grid-column:1/-1;grid-row:3;width:100%;margin:10px 0;height:78px;min-width:0;order:initial}.beats-section .wave-bars{gap:2px}.beats-section .track-time{grid-column:1;grid-row:4;margin:0}.beats-section .track-inquire{grid-column:2;grid-row:4;margin:0;font-size:12px;white-space:nowrap}.cursor-light{position:fixed;top:0;left:0;z-index:9999;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .3s;will-change:transform;mix-blend-mode:screen}.cursor-light.visible{opacity:1}.cursor-light:before{content:'';position:absolute;left:-110px;top:-110px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#c3f4ff20 0%,#67c9ff12 27%,#60d6ff08 45%,transparent 70%)}.cursor-light:after{content:'';position:absolute;left:-17px;top:-17px;width:34px;height:34px;border:1px solid #b2eaff80;border-radius:50%;box-shadow:0 0 12px #9cdfff38,inset 0 0 10px #a9eaff12;opacity:.7}.cursor-light.frost-pulse:after{animation:frostPulse .8s ease-out forwards}@keyframes frostPulse{0%{transform:scale(.65);opacity:1;box-shadow:0 0 0 0 #c4f3ff55,inset 0 0 14px #c4f3ff66}65%{transform:scale(2.8);opacity:.45;box-shadow:0 0 0 9px #b0eaff08,inset 0 0 20px #b0eaff18}100%{transform:scale(3.6);opacity:0}}
@media(max-width:1000px){.beats-section .tracks{grid-template-columns:repeat(4,minmax(230px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 22px;scrollbar-width:thin;scrollbar-color:#85caea #102535}.beats-section .track{scroll-snap-align:start}.kit-mini>img{width:120px}.beat-title{gap:22px}.beat-title>span+span{padding-left:22px}}
@media(max-width:760px){.beats-section .tracks{grid-template-columns:repeat(4,minmax(255px,80vw));gap:15px}.beats-section .track{padding:23px 20px}.beats-section .wave{height:74px;margin:10px 0}.beats-section .track-name h3{font-size:58px}.beat-title{gap:16px;font-size:clamp(39px,10vw,64px)!important}.beat-title>span+span{padding-left:16px}.kit-mini>img{width:116px;height:auto}.kit-mini h2{font-size:24px}}
@media(prefers-reduced-motion:reduce),(hover:none){.cursor-light{display:none}}