@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800;1,900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--bg:#111214;--panel:#191b1e;--line:#33363c;--blue:#2479cf;--muted:#a5abb3;--text:#f4f4f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7dbfff;outline-offset:5px}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.logo strong{font:italic 800 32px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px}.logo span{color:var(--blue)}.logo small{display:block;font-size:12px;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}.nav-build{border:1px solid #526477;padding:12px 18px}nav a:hover,.text-link:hover{color:#7dbfff}.hero{padding:76px 5% 80px;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}.eyebrow{color:#74ade7;font-size:13px;letter-spacing:2px;font-weight:700;margin:0 0 20px}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;line-height:.98;margin:0;font-weight:800}h1{font-size:clamp(64px,7.5vw,116px);letter-spacing:-1px}em{color:var(--blue);font-style:italic}h2{font-size:clamp(42px,4.5vw,64px)}h3{font-size:34px}.intro{max-width:390px;color:#bbc0c7;font-size:19px;margin:26px 0}.actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{border:0;background:var(--blue);color:white;padding:16px 22px;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;cursor:pointer;font-weight:600}.button:hover{background:#378de3}.text-link{font-size:14px}figure{margin:0;transform:rotate(-3deg)}figure img{display:block;width:100%;border:1px solid #3b4652;border-radius:14px;box-shadow:18px 24px 0 #163657}figcaption{font-size:12px;letter-spacing:3px;margin:40px 0 0;text-align:right;color:#9da9b6}.ticker{display:flex;justify-content:space-around;padding:24px 5%;background:#182b40;border-top:1px solid #335579;border-bottom:1px solid #335579;font:700 22px 'Barlow Condensed',sans-serif;letter-spacing:2px;gap:16px}.ticker b{color:#5b8bbe}.section{padding:80px 5%;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-heading>p,.split>div>p{color:var(--muted);max-width:420px}.collections{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.collections>a{background:var(--panel);padding:28px 24px;min-height:310px;border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.collections>a:hover{border-color:#80b6ed;transform:translateY(-4px)}.number{font:600 14px Barlow,sans-serif;color:#8698ac;margin-bottom:38px}.collections p{color:#b6bdc6;font-size:15px}.card-link{font-size:14px;margin-top:auto;padding-top:20px;font-weight:600}.collections .blue-card{background:#173c63;border-color:#305c8c}.blue-card .number{color:#a9cbee}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-grid a{padding:26px;background:var(--panel);border:1px solid var(--line);font:700 28px 'Barlow Condensed',sans-serif}.case-grid a:hover{background:#173c63}.case-grid a span{float:right;color:#74ade7}.muted{color:var(--muted);font-size:14px;line-height:1.6}.prebuilt{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.prebuilt article{border-top:3px solid #28629e;padding:25px 0}.prebuilt .case-id{font:800 64px 'Barlow Condensed',sans-serif;color:#577491;line-height:1;margin-bottom:25px}.prebuilt p{color:var(--muted);font-size:14px}.prebuilt a{font-size:14px;text-decoration:underline;text-underline-offset:5px}.design-section{background:linear-gradient(115deg,#14263b,#111214 75%);display:grid;grid-template-columns:1fr 1fr;gap:10px 70px}.design-section>.eyebrow{grid-column:1/-1}.design-section h2{font-size:clamp(50px,6vw,86px)}.design-section>div{max-width:390px;align-self:center}.secondary{background:transparent;border:1px solid #4d6886;margin-top:20px}.builder{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}fieldset{margin:0 0 32px;padding:24px 0 32px;border:0;border-bottom:1px solid var(--line)}legend{font:700 25px 'Barlow Condensed',sans-serif}legend span{font:500 14px Barlow,sans-serif;color:#70a8df;margin-right:15px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-size:14px;display:block;color:#d3d7dc}select,textarea{display:block;width:100%;margin-top:9px;background:#202328;border:1px solid #464b53;border-radius:0;color:white;padding:13px;min-width:0}textarea{resize:vertical}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.checks label{display:flex;gap:8px;align-items:center}input[type=checkbox]{accent-color:var(--blue);width:18px;height:18px}.summary{position:sticky;top:25px;align-self:start;padding:32px;background:#192737;border:1px solid #36516e}.summary h3{font-size:46px;margin-bottom:24px}dl{margin:0}dl>div{display:flex;gap:18px;justify-content:space-between;border-bottom:1px solid #384653;padding:12px 0;font-size:14px}dt{color:#a7b6c7}dd{margin:0;text-align:right;max-width:65%;overflow-wrap:anywhere}.quote-label{font-weight:600;font-size:22px;margin-bottom:0}.summary .button{width:100%;margin-top:12px}.download{width:100%;padding:12px;border:1px solid #607790;background:transparent;color:white;margin-top:12px;cursor:pointer}.phone{display:block;text-align:center;margin-top:20px;font-weight:600}#status{font-size:14px;margin-bottom:0}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}footer p{color:var(--muted);font-size:14px}@media(max-width:900px){nav{gap:16px;flex-wrap:wrap}.hero{gap:40px;padding-top:55px}.collections,.prebuilt{grid-template-columns:1fr 1fr}.builder{gap:28px}.split{gap:30px}.actions{flex-wrap:wrap}h1{font-size:72px}}@media(max-width:650px){header{align-items:start;flex-direction:column;padding:20px 6%}nav{gap:14px;font-size:13px}.nav-build{padding:8px}.hero{grid-template-columns:1fr;padding:46px 6% 55px}.hero figure{max-width:440px;margin:12px 10px}.ticker{flex-wrap:wrap;font-size:17px;gap:12px}.ticker b{display:none}.section{padding:50px 6%}.section-heading{display:block}.section-heading>p{margin-top:24px}.collections{gap:10px}.collections>a{padding:22px 17px;min-height:320px}h3{font-size:30px}.split,.design-section,.builder{grid-template-columns:1fr;gap:24px}.summary{position:static}.fields{gap:16px}.design-section>.eyebrow{grid-column:auto}footer{flex-direction:column;align-items:start}figure img{box-shadow:10px 15px 0 #163657}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Preserve the original business-card lettering without substituting a font. */
.logo{flex-shrink:0}.brand-art{display:block;width:152px;height:auto;overflow:hidden}.logo small{max-width:230px}

:root{--blue:#3287f5}

.hero .product-hero{transform:none;margin:0}.hero .product-hero img{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none}.product-hero figcaption{text-align:center;margin-top:16px}

.email-contact{display:block;text-align:center;margin-top:10px;overflow-wrap:anywhere;color:#8abdff}.footer-contact{display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.email-contact:hover,.footer-contact a:hover{text-decoration:underline}

.design-section .build-collection{grid-column:1/-1;width:100%;margin:32px 0 0;transform:none;min-width:0}.design-section .build-collection img{display:block;width:100%;height:auto;border:1px solid #29415a;border-radius:4px;box-shadow:none}.design-section .build-collection figcaption{text-align:left;font-size:14px;letter-spacing:0;margin:12px 0 0;color:var(--muted)}

.logo .brand-art-new{width:200px;max-width:100%;height:auto}
/* Centered brand stage with the actual collection beneath blue studio light. */
header{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:34px 5% 0;overflow:hidden;background:#080f1b;border-bottom:1px solid #267fe0}
header::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,11,21,.68),rgba(5,11,21,.92) 38%,rgba(5,11,21,.92) 62%,rgba(5,11,21,.68)),url('jr-sounds-build-collection-v2.png') center 48%/cover no-repeat;opacity:.8}
header::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 15%,rgba(0,111,255,.3),transparent 60%),linear-gradient(0deg,rgba(5,11,21,.92),transparent 55%);box-shadow:inset 0 2px 0 #287be5}
header>.logo{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 26px 14px;background:rgba(7,12,19,.65);border:1px solid rgba(68,151,255,.23);box-shadow:0 0 42px rgba(0,108,255,.13);border-radius:8px}
header .brand-art-new{width:clamp(220px,25vw,330px);max-width:100%}
header .logo small{max-width:none;color:#d8e9fb;letter-spacing:3px;margin-top:12px}
header nav{width:100%;justify-content:center;gap:34px;flex-wrap:wrap;padding:16px 0;border-top:1px solid rgba(91,157,233,.25);font-size:15px}
header .nav-build{background:#155fae;border-color:#438edd;padding:10px 18px}
header .nav-build:hover{background:#2479cf;color:#fff}
@media(max-width:650px){header{padding:24px 6% 0;gap:18px}header>.logo{max-width:100%;padding:8px 18px 12px}header nav{gap:14px 20px;font-size:14px;padding:16px 0}header::before{background-position:center;background-size:auto 100%}header .logo small{font-size:12px;letter-spacing:2px}}

header>.logo{background:transparent;border-color:transparent;box-shadow:none}

/* Build gallery */
.gallery-section{background:linear-gradient(180deg,#0b111b,#111214 22%)}.gallery-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.gallery-toolbar button{border:1px solid #3b516a;background:#151b23;color:#dbe8f7;padding:11px 15px;cursor:pointer;font-size:14px;font-weight:600}.gallery-toolbar button:hover,.gallery-toolbar button.active{background:#1764b6;border-color:#4798ef;color:#fff}.gallery-count{color:var(--muted);font-size:14px;margin:0 0 24px}.build-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gallery-card{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:1px solid #263a50;background:#0a0f16;color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.gallery-card::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(3,7,13,.94));pointer-events:none}.gallery-card:hover{transform:translateY(-4px);border-color:#4598ef;box-shadow:0 16px 34px rgba(0,61,130,.24)}.gallery-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;background:#070b11}.gallery-card span{position:absolute;z-index:1;top:10px;left:10px;display:block;padding:6px 8px;background:rgba(4,10,18,.78);border:1px solid rgba(93,167,240,.48);color:#8dc6ff;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.gallery-card strong{position:absolute;z-index:1;left:0;right:0;bottom:0;display:block;padding:32px 12px 12px;font-size:15px;line-height:1.25}.gallery-dialog{width:min(92vw,720px);max-height:94vh;padding:0;border:1px solid #428ee1;background:#080d14;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.75)}.gallery-dialog::backdrop{background:rgba(2,5,10,.9)}.gallery-dialog img{display:block;width:100%;max-height:78vh;object-fit:contain;background:#05080d}.gallery-dialog>div{padding:16px 22px 22px}.gallery-dialog .eyebrow{margin-bottom:5px}.gallery-dialog p:last-child{margin:0}.gallery-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid #6caef0;border-radius:50%;background:rgba(5,10,17,.88);color:#fff;font-size:28px;line-height:1;cursor:pointer}.gallery-close:hover{background:#1764b6}.gallery-card[hidden]{display:none}
@media(max-width:1000px){.build-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.build-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-card span{top:7px;left:7px;padding:5px 6px;font-size:9px}.gallery-card strong{padding:28px 9px 9px;font-size:13px}.gallery-toolbar{gap:8px}.gallery-toolbar button{padding:9px 11px;font-size:13px}.gallery-dialog{width:96vw}}