/* Quanta's graphite / warm amber identity. Layout and brand presentation only. */
:root{color-scheme:dark;--paper:#101315;--ink:#f1f0eb;--muted:#a6adae;--accent:#dc814d;--line:#343a3c;--dark:#0b0e10;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--pad:clamp(24px,6vw,104px)}
html{scroll-padding-top:24px}body{background:#101315;color:var(--ink);max-width:none}::selection{background:#dc814d;color:#101315}
.header{height:104px;margin:0;padding:0 var(--pad);background:#0c0f11;border-color:#2d3235;gap:40px}.brand.brand-lockup{display:block}.brand .brand-logo{display:block;width:244px;height:61px;max-width:none}.header-note{font-size:10px;letter-spacing:1.5px;color:#949d9f;max-width:170px}nav{font-size:14px;gap:30px}nav a{color:#d7dddc}.nav-contact{color:#edb08b}.nav-contact span{border-color:#795440}nav a:hover{color:#efaa80}
.hero{isolation:isolate;min-height:690px;display:flex;align-items:center;padding:88px var(--pad) 136px;background:#0a0d0f;overflow:hidden}.studio-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero:before{z-index:-2;background:linear-gradient(90deg,#090d10f5 0%,#090d10db 26%,#090d1080 51%,#090d1005 77%),linear-gradient(0deg,#0a0d10 0%,transparent 28%)}.hero-copy{position:relative;z-index:1;max-width:860px}.hero h1{font-size:clamp(56px,6.3vw,96px);font-weight:400;line-height:1.045;letter-spacing:-.065em;margin:30px 0}.hero-soft{color:#edb28d;white-space:normal}.hero .eyebrow{font-size:11px;color:#c1c7c7;letter-spacing:1.7px}.hero .unit-dot{background:var(--accent)}.hero-description{color:#b7bfc2;font-size:17px;line-height:1.8;max-width:540px}.hero .button{border:1px solid #7a6559;background:#171b1ed9;color:#f1f0eb;border-radius:999px;padding:17px 24px;margin-top:34px;min-height:55px;font-size:14px;gap:42px}.hero .button:hover{background:#dd8656;color:#0d1012}.hero-bottom{left:var(--pad);right:var(--pad);bottom:29px;padding-top:20px;border-top:1px solid #64707945;color:#a3acb1;font-size:10px;letter-spacing:1.7px}.hero-study{position:absolute;z-index:0;right:var(--pad);bottom:66px;margin:0;width:200px;height:120px;opacity:.7}.hero-study .study-note{top:0;right:0;font-size:8px;color:#b9bdbe;letter-spacing:1.5px}.hero-study .study-caption{font-size:8px;left:0;bottom:0;color:#b9bdbe}.hero-study .resonance{width:100%;height:100%;color:#d89970}.hero-study svg{width:100%;height:100%}.hero .string-particle{fill:#efb089}
.section{padding:90px var(--pad);border-color:var(--line)}.section-top{margin-bottom:35px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#aeb7b9}.section-number{color:var(--accent)}.small,.muted{color:var(--muted)}h2{font-size:clamp(38px,4.2vw,64px);letter-spacing:-.055em;line-height:1.08;font-weight:400}.section-heading{margin-bottom:38px;align-items:end}.section-heading>p,.section-intro{color:#abb3b6;line-height:1.75;font-size:16px}.work{background:#131719}.work .section-top{margin-bottom:24px}.project-featured{grid-template-columns:minmax(0,1.85fr) minmax(285px,1fr);gap:clamp(28px,4.2vw,70px)}.project-media{background:#080b0d;border:1px solid #424748;border-radius:5px;box-shadow:0 18px 70px #0005}.project-category{font-size:10px;color:#d39369;letter-spacing:2px;margin-bottom:16px}.project-featured .project-caption h3{font-size:clamp(25px,2.5vw,38px);line-height:1.14;letter-spacing:-.04em}.project-description{color:#aab3b6;font-size:15px;line-height:1.75}.project-featured .reel-action{margin-top:26px}.project-featured .reel-action p{font-size:15px;color:#d4d9d9;line-height:1.55;margin-bottom:17px}.project-featured .reel-cta{width:100%;font-size:18px;letter-spacing:-.025em;font-weight:500;min-height:56px;padding:14px 20px;background:#dd8755;border:1px solid #e69a6c;color:#121416;box-shadow:0 5px 25px #dc814d15}.project-featured .reel-cta:hover{background:#efaa7f;color:#101315;box-shadow:0 6px 25px #dc814d25}.project-featured .reel-cta:focus-visible{outline-color:#f4c4a3}.project-featured .project-external{font-size:12px;color:#b0b8bb;text-underline-offset:5px}.project-external:hover{text-decoration:underline;color:#f4c4a3}
.reviews{background:#0a0d0f;padding-top:74px;padding-bottom:35px;border-block:1px solid #323739}.reviews-heading .eyebrow{color:#d49166}.reviews-heading h2{font-size:clamp(31px,3.4vw,49px)}.reviews-motif{color:#dd8755;opacity:.8}.review-stage{min-height:245px}.review-slide{max-width:1100px}.review-slide blockquote p{font-size:clamp(28px,3.5vw,49px);letter-spacing:-.035em;line-height:1.3;color:#e7e8e5}.review-slide figcaption{color:#dda07a;font-size:13px}.review-controls{border-color:#343a3d}.review-controls .review-toggle{color:#bcc5c7;font-size:13px}.review-navigation button{border:1px solid #636669;background:#171d20;color:#e9eceb;font-size:14px}.review-navigation button:hover{background:#313333;color:#f6c3a4;border-color:#b38468}.review-count{color:#b8c0c2;font-size:12px}.review-jump{color:#b8c0c2;font-size:13px}.review-jump select{background:#171d20;border-color:#4a5155;color:#e7e8e5}.review-hint{color:#aeb8bb;font-size:12px}
.services{background:#15191c}.services-layout{gap:clamp(40px,8vw,130px)}.service{border-color:#3b4245;padding-top:28px;padding-bottom:28px}.service-number{color:#c68c66;font-size:12px}.service h3{font-size:27px;letter-spacing:-.035em;color:#eeefed}.service p{color:#abb5b8;font-size:15px;line-height:1.8}.section-intro{margin-top:24px;max-width:410px}.about{position:relative;overflow:hidden;isolation:isolate;background:#0d1113;padding-top:85px;padding-bottom:90px}.about:after{content:'';z-index:-1;position:absolute;width:300px;height:300px;left:14%;bottom:-130px;background:url('/assets/quanta-monogram.svg') center/contain no-repeat;opacity:.15}.about .section-number{color:#d49166}.about h2{color:#e9eae6;font-size:clamp(38px,4.3vw,62px)}.about .about-note{color:#a8b2b6}.about-copy .about-lead{color:#e8b28f;font-size:23px;line-height:1.5}.about-copy p{color:#aeb7bb;line-height:1.85;font-size:16px}.about-layout{gap:clamp(40px,8vw,120px)}
.contact{background:#191d20;padding-block:85px}.contact h2{font-size:clamp(44px,5.6vw,80px);font-weight:400;letter-spacing:-.06em}.contact-intro{color:#aeb7bb}.contact-layout{gap:clamp(38px,7vw,110px)}.contact-form label{color:#c8d0d1;font-size:14px;letter-spacing:0}.contact-form input,.contact-form textarea,.contact-form select{background:#111619;color:#eef0ed;border:1px solid #586164;border-radius:4px;font:16px/1.6 var(--sans);padding:13px 15px}.contact-form select{min-height:52px;margin:0 0 14px}.contact-form input{margin-bottom:14px}.contact-form textarea{min-height:155px}.contact-form ::placeholder{color:#a0a9ae}.contact-form select:focus-visible,.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline-color:#e3a075}.form-footer .button{background:#dd8755;color:#141719;border-radius:999px;min-height:50px;font-size:15px;padding:14px 24px}.form-footer .button:hover{background:#efaa7f}.form-footer p{font-size:12px;color:#a8b2b7}#contact-status{color:#bdc7c9;font-size:14px}#contact-status[data-state=error]{color:#f5aa8d}#contact-status[data-state=success]{color:#a7d3b6}
footer{background:#0b0e10;border-top:1px solid #343b3e;padding-block:35px;gap:22px}footer .brand .brand-logo{width:205px;height:52px}footer>span,footer>a:last-child{font-size:12px;color:#a9b3b7}.cookie-settings{font-size:13px;color:#bfc8cb}.cookie-bar{background:#1b2225f5;border-color:#687174;border-radius:8px;box-shadow:0 8px 35px #0007;backdrop-filter:blur(12px)}.cookie-bar>p{color:#e5b18e}.cookie-bar>p span{color:#c3cbcd;font-size:13px}.cookie-actions button{border-color:#889295;border-radius:4px;color:#eef0ed;font-size:13px}.cookie-actions button:hover{background:#d6b093;color:#0f1315}#cookie-dialog,dialog{background:#181e21;color:#eef0ed;border-color:#596165;border-radius:8px}#cookie-dialog::backdrop{background:#06090bbb}.consent-option p,.consent-option span span,.privacy-detail{color:#b7c1c5}.consent-option input{accent-color:#d98c5c}.consent-dialog-actions button{color:#e6eae9;border-color:#758087}.consent-dialog-actions button:hover{background:#394044}#consent-save{background:#d98c5c;color:#111619}.skip{background:#e6a174;color:#101315}
@media(min-width:1600px){.hero{min-height:780px}.hero-copy{max-width:1000px}.hero-description{font-size:19px}.hero h1{font-size:104px}}
@media(max-width:1100px){.header-note{display:none}.hero{min-height:640px}.hero h1{font-size:clamp(55px,7vw,78px)}.project-featured{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:28px}.hero-study{right:35px;opacity:.5}}
@media(max-width:900px){.project-featured{grid-template-columns:1fr}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.project-featured .reel-action{margin:0;grid-column:2;grid-row:1/3}.project-featured .project-description{margin-top:0}.hero:before{background:linear-gradient(90deg,#090d10e8,#090d1070 75%),linear-gradient(0deg,#0a0d10,transparent 45%)}.hero-study{bottom:64px}}
@media(max-width:760px){.header{height:86px;padding-inline:var(--pad)}.brand .brand-logo{width:195px;height:50px}.menu-toggle{color:#dbe1e1;font-size:14px;min-height:44px}nav{top:85px;left:0;right:0;background:#141a1d;box-shadow:0 20px 35px #0005;padding:24px var(--pad)}nav.open{gap:14px}nav a{font-size:20px}.hero{min-height:720px;align-items:flex-start;padding-top:55px;padding-bottom:110px}.hero h1{font-size:clamp(45px,7.8vw,60px);letter-spacing:-.055em;line-height:1.07;margin:25px 0}.hero .eyebrow{font-size:10px;letter-spacing:1.1px}.hero-description{font-size:16px;max-width:430px}.studio-scene{object-position:67% center;opacity:.83}.hero:before{background:linear-gradient(180deg,#090d10e0 0%,#090d10bc 36%,#090d1020 65%,#090d10 100%)}.hero .button{margin-top:25px}.hero-study{bottom:80px;width:150px;height:90px;right:24px;opacity:.65}.hero-bottom{font-size:8px;letter-spacing:1px;bottom:25px}.section{padding-block:58px}.work .section-top{margin-bottom:15px}.work .section-heading{display:flex;gap:20px;align-items:center;margin-bottom:24px}.work .section-heading>p{margin:0;font-size:14px}.work h2{font-size:38px}.about-layout,.services-layout{grid-template-columns:1fr;gap:32px}.service:first-child{padding-top:22px}.about h2{font-size:42px}.contact h2{font-size:52px}.contact-layout{grid-template-columns:1fr;gap:35px}.reviews-heading{margin-bottom:26px}.review-stage{min-height:280px}.review-slide blockquote p{font-size:30px}.review-controls{gap:15px}.reviews{padding-bottom:28px}.about:after{left:auto;right:0;width:200px;height:200px;bottom:-90px}footer .brand.brand-lockup{width:auto}.cookie-bar>p{min-width:0}}
@media(max-width:600px){.project-info{display:flex;flex-direction:column;gap:0}.project-featured{gap:20px}.project-category{font-size:10px;margin-bottom:9px}.project-featured .project-caption h3{font-size:27px}.project-featured .project-description{font-size:14px;margin-top:12px}.project-featured .reel-action{margin:18px 0 8px;width:100%}.project-featured .reel-action p{font-size:14px;line-height:1.5;margin-bottom:12px}.project-featured .reel-cta{font-size:18px;min-height:54px}.project-featured .project-external{padding:5px 0}.work .section-heading{display:block}.work .section-heading>p{font-size:14px;line-height:1.6;margin-top:12px}.work{padding-top:28px;padding-bottom:45px}.work .section-top>.small{display:none}.work h2{font-size:34px}.work .section-heading{margin-bottom:20px}.review-slide blockquote p{font-size:28px}.review-stage{min-height:300px}.review-jump{font-size:12px}.review-navigation button{font-size:14px;padding:0 10px}.review-count{font-size:11px}.review-jump select{padding-left:8px}.cookie-bar{padding:13px 14px}.cookie-actions{gap:6px}.cookie-actions button{padding:10px 7px;font-size:12px;min-height:44px}.cookie-bar>p span{font-size:12px}.header .brand-logo{width:182px;height:47px}.hero{min-height:715px}.hero h1{font-size:clamp(40px,10.7vw,57px)}.hero-description{font-size:15px}.hero .eyebrow{font-size:9px;letter-spacing:.7px}.hero-bottom{font-size:7px;letter-spacing:.5px}.hero-study{bottom:70px}.contact .small{display:none}.form-footer p{font-size:12px}footer{gap:18px}footer .brand.brand-lockup{width:100%}footer .brand .brand-logo{width:190px;height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep both the single-cut guitar and Q headphones visible on narrow screens. */
@media(max-width:760px){.studio-scene{inset:auto 0 62px auto;width:155%;max-width:none;height:auto;object-fit:contain;opacity:1}.hero:before{background:linear-gradient(180deg,#090d10 0%,#090d10ed 23%,#090d1080 40%,transparent 62%,#090d1050 88%,#090d10 100%)}.hero-study{left:24px;right:auto;bottom:61px;width:125px;height:68px;opacity:.6}.hero-study .study-note{font-size:7px}.hero-study .study-caption{font-size:6px;white-space:nowrap}.hero-bottom>a{font-size:8px}.hero-bottom>a span{font-size:18px}}