@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#151515;background:#fff;scroll-behavior:smooth;scroll-padding-top:80px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}header{height:84px;display:flex;align-items:center;padding:0 5%;gap:50px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #eee}.logo{font-family:'Manrope',Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.logo span{font-size:12px;letter-spacing:3px;margin-left:9px;font-weight:600}header nav{display:flex;gap:36px;margin:auto;font-size:14px}header nav a:hover{color:#df361f}.locale{font-size:12px;letter-spacing:1px}.menu{display:none}.hero{height:680px;min-height:580px;position:relative;background:#111;color:white;overflow:hidden}.hero-art{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 45%,#42434a 0%,#141416 60%);background-size:cover;background-position:center}.hero-copy{position:relative;padding:105px 7%;max-width:740px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;margin:0 0 28px}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-2px;margin:0}h1{font-size:72px;line-height:1.07}.hero-copy>p:not(.eyebrow){line-height:1.65;color:#ceced1;margin:26px 0 32px;font-size:17px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:#e33e29;color:#fff;padding:17px 24px;font-size:14px;border:0;cursor:pointer}.button:hover{background:#bd2b19}.hero-bottom{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.hero-bottom i{display:inline-block;width:70px;height:1px;background:#777;vertical-align:middle;margin:0 15px}.concept{position:absolute;right:7%;bottom:12px;font-size:10px;color:#a7a7ac}.products{padding:92px 7%}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-title .eyebrow{color:#777;margin-bottom:15px}h2{font-size:44px;line-height:1.2}.section-title>p{font-size:15px;line-height:1.7;color:#777}.product-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.product{border:0;text-align:left;min-height:450px;background:#f3f3f3;position:relative;overflow:hidden}.primary{padding:0;color:#fff;cursor:pointer;background:#161619}.product-image{position:absolute;inset:0;background-size:cover;background-position:75% center;opacity:.65}.product-info{position:relative;padding:40px;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:end;background:linear-gradient(transparent,#111c)}.product-info span{font-size:11px;letter-spacing:2px;margin-bottom:16px}h3{font-size:32px;letter-spacing:-1px}.product-info p{color:#ccc;font-size:16px}.product-info b{font-weight:500;font-size:14px;margin-top:16px}.text-card{padding:46px;display:flex;flex-direction:column;justify-content:center}.text-card h3{font-size:46px;line-height:1.2}.text-card>p:not(.eyebrow){color:#686868;line-height:1.8;font-size:16px;max-width:370px;margin:25px 0}.text-card>a{font-size:14px;margin-top:20px;border-bottom:1px solid #bbb;padding-bottom:15px}.text-card>a span{float:right}.manufacturing{padding:85px 7%;background:#151515;color:white}.manufacturing>.eyebrow{color:#f2705c}.manufacturing h2{font-size:55px}.manufacturing-bottom{display:flex;justify-content:space-between;align-items:center;gap:50px;margin:28px 0 50px}.manufacturing-bottom p{max-width:560px;color:#aaa;line-height:1.8;font-size:16px}.light{background:white;color:#111;white-space:nowrap}.light:hover{background:#ddd}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;border-top:1px solid #444;padding-top:35px}.process span{font-size:12px;color:#888}.process h3{font-size:21px;letter-spacing:-.5px;margin:16px 0}.process p{font-size:15px;color:#aaa;line-height:1.7;max-width:300px}.about{padding:100px 7%;display:grid;grid-template-columns:1fr 2fr;gap:50px}.about>.eyebrow{color:#888;margin-top:10px}.about>div>p{max-width:660px;font-size:17px;line-height:1.9;color:#666;margin-top:28px}.about .chinese{font-size:14px}.about-meta{border-top:1px solid #ddd;display:flex;gap:40px;padding-top:24px;margin-top:35px;font-size:11px;letter-spacing:1.5px}.contact{padding:80px 7%;background:#f3f3f3;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:40px}.contact>div>p:last-child{color:#777;font-size:16px;line-height:1.8}form{display:flex;flex-direction:column;gap:22px}label{font-size:14px;display:flex;flex-direction:column;gap:9px}input,textarea{padding:13px;background:transparent;border:0;border-bottom:1px solid #aaa;border-radius:0;font-size:16px;resize:vertical}form .button{align-self:start}.form-note{font-size:13px;color:#737373;line-height:1.6;margin:0}#status{font-size:14px;margin:0}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>span,footer>a:last-child{font-size:12px;color:#777}dialog{border:0;padding:50px;max-width:560px;width:90%}dialog::backdrop{background:#0009}dialog h2{font-size:35px}dialog>p{line-height:1.8}dialog .button{margin-top:25px}.close{position:absolute;right:16px;top:8px;border:0;background:none;font-size:30px;cursor:pointer}@media(max-width:760px){header{height:68px;padding:0 6%;gap:15px}.logo{font-size:24px}.locale{display:none}.menu{display:block;margin-left:auto;background:none;border:0;font-size:24px}header nav{display:none;position:absolute;top:68px;left:0;right:0;padding:24px;background:#fff;flex-direction:column;gap:24px}header nav.open{display:flex}.hero{height:650px}.hero-art{background-position:65% center;opacity:.65}.hero-copy{padding:75px 7%;background:linear-gradient(90deg,#111b,transparent)}h1{font-size:53px}.hero-copy .eyebrow{font-size:10px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-bottom{font-size:9px}.concept{font-size:9px}.products,.manufacturing,.about,.contact{padding:58px 7%}.section-title{display:block}.section-title>p{margin-top:20px}h2{font-size:34px}.product-grid,.about,.contact{grid-template-columns:1fr;gap:25px}.product{min-height:390px}.text-card{padding:32px}.text-card h3{font-size:39px}.manufacturing h2{font-size:39px}.manufacturing-bottom{display:block}.manufacturing-bottom .button{margin-top:15px}.process{grid-template-columns:1fr;gap:25px}.process p{max-width:none}.about-meta{gap:20px;font-size:10px}.contact h2{font-size:34px}.contact form{margin-top:15px}footer{flex-wrap:wrap;padding:30px 7%}footer p{width:100%;order:2}footer>span{order:3}.about>div>p{font-size:16px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.hero-art,.product-image{background-image:url("earbuds-concept-hero.png")}

@media(max-width:760px){header .menu{min-width:44px;min-height:44px}header nav a{min-height:44px;display:flex;align-items:center}.catalog-controls input,.catalog-controls select{font-size:16px}.contact,.contact>div,.contact form{min-width:0}.contact a,.contact p{overflow-wrap:anywhere}}
/* Whole-image banners: the uploaded artwork owns all typography. */
.managed-image-banner{width:100%;margin:0;overflow:hidden;background:#fff}
.managed-image-banner>a{display:block;overflow:hidden}
.managed-image-banner img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#banner-fourth{padding:0 6%;box-sizing:border-box;border-bottom:1px solid #e4e6ea}
#banner-fourth img{width:100%;height:auto;max-height:610px;object-fit:contain}