/* WordPress + WooCommerce integration. Commerce state stays in WooCommerce. */
[hidden]{display:none!important}.clean-nav nav ul{display:flex;gap:38px;list-style:none;margin:0;padding:0}.clean-nav nav li{list-style:none}.admin-bar .clean-nav{top:32px}.wp-content-wrap{max-width:1120px;margin:0 auto;min-height:60vh;padding:40px 32px 76px}.wp-page-heading{margin:12px 0 34px}.wp-page-heading h1,.wp-post h1{font-size:clamp(32px,4vw,48px);line-height:1.3;letter-spacing:-.04em}.entry-content{line-height:1.85}.entry-content p{margin:0 0 20px}.entry-content ul,.entry-content ol{padding-left:24px}.entry-content .woocommerce ul{padding-left:0}.wp-post{margin-bottom:40px}.wp-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;max-width:1120px;margin:auto;padding:32px;border-top:1px solid #e5e5e8}.wp-footer nav{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#6e6e73}.site-search-dialog form>label{display:block;font-size:13px;margin-bottom:8px}.site-search-dialog form>.button{margin-top:16px}.wp-empty{text-align:center;padding:56px 20px;background:#f5f5f7;border-radius:20px}.wp-empty h3{font-size:26px;margin-bottom:16px}.wp-empty p{font-size:15px;color:#6e6e73;line-height:1.8;margin-bottom:22px}.wp-home-collection .section-heading{align-items:end}.wp-home-collection .section-heading .text-link{font-size:14px;white-space:nowrap}.wp-category-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.wp-category-links a{padding:12px 20px;border-radius:99px;background:#f5f5f7;font-size:13px;color:#515155}.wp-category-links a:hover{background:#f1ece3;color:#806541}.wp-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.wp-brand-card{display:flex;min-height:215px;padding:36px 26px;background:#f5f5f7;border-radius:24px;flex-direction:column;align-items:center;justify-content:space-between;gap:28px;text-align:center}.wp-brand-card img{width:100%;max-width:240px;height:65px;object-fit:contain}.wp-brand-card strong{font-size:25px;overflow-wrap:anywhere}.wp-brand-card span{color:#806541;font-size:14px}.wp-brand-card:hover{background:#f1ece3}.brand-search input{width:100%;min-height:48px;padding:12px 16px;margin-top:8px;border:1px solid #d2d2d7;border-radius:12px;font:inherit;font-size:16px}.brand-search label{font-size:13px;color:#6e6e73}.story-copy h1{white-space:pre-line}.story-copy .story-intro{margin-bottom:28px}.brand-story-page:not(.story-photo-page) .story-hero{display:block}.brand-story-page .wp-footer{width:100%}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:24px 0!important;padding:0!important}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:24px;background:#f5f5f7;border-radius:22px;min-width:0}.woocommerce ul.products li.product a img{height:240px;object-fit:contain;mix-blend-mode:multiply}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:20px;line-height:1.5;color:#1d1d1f}.woocommerce ul.products li.product .price{color:#806541;font-size:16px;line-height:1.7;margin:12px 0}.woocommerce ul.products li.product .button{font-size:13px;line-height:1.6;text-align:center;white-space:normal}.woocommerce .woocommerce-result-count{font-size:13px;color:#6e6e73}.woocommerce .woocommerce-ordering select,.woocommerce form .input-text,.woocommerce form select{font:inherit;font-size:16px;line-height:1.5;min-height:46px;padding:10px 12px;border:1px solid #d2d2d7;border-radius:9px;background:white;color:#1d1d1f}.woocommerce form .form-row label{font-size:13px}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce button.button.alt,.woocommerce a.button.alt,.wc-block-components-button:not(.is-link){border:1px solid #b9a888;background:linear-gradient(110deg,#d8cbb4,#c3b397 52%,#d1c3aa);color:#332d24;border-radius:99px;padding:13px 22px;line-height:1.5}.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:#c3b397;color:#332d24}.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:#806541;background:#f5f5f7;line-height:1.8}.woocommerce-message::before,.woocommerce-info::before{color:#806541}.woocommerce div.product div.images img{max-height:650px;object-fit:contain}.woocommerce div.product .product_title{font-size:clamp(36px,5vw,60px);letter-spacing:-.04em;line-height:1.2;margin:18px 0}.woocommerce div.product p.price,.woocommerce div.product span.price{color:#806541}.woocommerce .woocommerce-product-details__short-description{line-height:1.9;color:#6e6e73;margin:22px 0}.woocommerce .quantity .qty{min-height:48px;width:76px;font-size:16px;border:1px solid #d2d2d7;border-radius:8px}.woocommerce div.product form.cart .button{margin-left:12px}.woocommerce div.product .woocommerce-tabs{padding-top:44px}.woocommerce div.product .woocommerce-tabs .panel{line-height:1.9}.woocommerce table.shop_table{border-color:#e5e5e8;border-radius:14px}.woocommerce .cart-collaterals .cart_totals{padding:28px;background:#f5f5f7;border-radius:20px}.woocommerce .cart-collaterals h2{font-size:25px;margin-bottom:20px}.woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce-MyAccount-navigation a{display:block;padding:14px 18px;border-radius:12px;color:#6e6e73;font-size:14px}.woocommerce-MyAccount-navigation .is-active a{background:#f1ece3;color:#806541}.woocommerce-MyAccount-content{border:1px solid #e5e5e8;border-radius:22px;padding:28px}.woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon{border:1px solid #e5e5e8;border-radius:22px;padding:28px}.woocommerce form .show-password-input{top:.9em}.woocommerce fieldset{border:1px solid #e5e5e8;border-radius:12px;padding:20px;margin-top:24px}.woocommerce legend{padding:0 8px}.woocommerce a{color:#806541}.woocommerce a.woocommerce-LoopProduct-link{color:#1d1d1f}.wc-block-components-text-input input,.wc-block-components-textarea{font-size:16px!important}.wc-block-components-title{line-height:1.4}.wp-content-wrap :focus-visible{outline:3px solid #967a50;outline-offset:3px}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.wp-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce ul.products li.product a img{height:220px}}
@media(max-width:782px){.admin-bar .clean-nav{top:46px}}
/* WordPress's toolbar scrolls away at 600px and below; the sticky menu must not retain its offset. */
@media(max-width:600px){.admin-bar .clean-nav{top:0}}
@media(max-width:760px){.clean-nav nav ul{flex-direction:column;gap:0}.clean-nav nav li a{display:block}.wp-content-wrap{padding:26px 22px 52px}.wp-footer{padding:26px 22px}.wp-home-collection .section-heading{align-items:start}.woocommerce ul.products{gap:14px}.woocommerce ul.products li.product{padding:18px}.woocommerce ul.products li.product a img{height:190px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px}.woocommerce-MyAccount-content{padding:22px;margin-top:20px}.woocommerce-MyAccount-navigation ul{display:flex;gap:4px;overflow:auto;padding-bottom:12px}.woocommerce-MyAccount-navigation a{white-space:nowrap}.wp-brand-card{min-height:165px;padding:24px 18px}.wp-brand-card img{height:45px}.wp-brand-grid{gap:14px}.brand-intro h1{font-size:clamp(29px,7vw,48px)}.brand-collection-page .brand-intro{padding:40px 20px 30px}.brand-intro>p:last-child{font-size:14px}.story-photo-page .story-copy{max-width:100%}}
@media(max-width:480px){.woocommerce ul.products{grid-template-columns:1fr}.woocommerce ul.products li.product a img{height:250px}.wp-brand-grid{grid-template-columns:1fr}.wp-brand-card{min-height:190px}.woocommerce form.login,.woocommerce form.register{padding:20px}.woocommerce .cart-collaterals .cart_totals{padding:20px}}
.woocommerce-account:not(.logged-in) .wp-content-wrap{max-width:660px}.woocommerce-account:not(.logged-in) .wp-page-heading h1{font-size:38px}.woocommerce form .form-row .input-text,.woocommerce form .form-row input.input-text{border:1px solid #d2d2d7;border-radius:10px;min-height:48px;padding:12px 14px;font-size:16px}.woocommerce form.login .form-row{margin-bottom:18px}

/* Keep the headline together while fitting narrow screens. */
.hero #heroTitle{font-size:clamp(25px,6.8vw,82px);white-space:nowrap;line-height:1.25}
.hero #heroTitle span{display:inline;margin-left:.12em;color:var(--bronze,#806541)}
/* Bundled monochrome marks need dark ink on the light brand cards. */
.wp-brand-card img[src*="/assets/brands/"]{filter:brightness(0)}

/* Approved product-group graphic, always displayed uncropped. */
.hero{background:#fff}
.hero-graphic{width:min(780px,94%);margin:18px auto 0}
.hero-graphic img{-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.hero-graphic img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.hero-graphic{width:100%;margin-top:16px}}

.hero>.hero-actions{position:relative;z-index:2;margin:12px auto 0;padding:0 20px 36px}
@media(max-width:700px){.hero>.hero-actions{margin-top:8px;padding-bottom:28px;gap:20px}}

/* Help visitors choose by use after the featured products. */
.home-use-categories{background:#f5f5f7;padding:48px max(24px,calc((100vw - 1180px)/2)) 52px}
.use-category-heading{text-align:center;margin-bottom:26px}
.use-category-heading .eyebrow{color:#806541;margin-bottom:16px}
.use-category-heading h2{font-size:clamp(28px,3.5vw,44px);line-height:1.4}
.use-category-heading>p:last-child{font-size:15px;color:#6e6e73;line-height:1.8;margin-top:14px}
.use-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1180px;margin:auto}
.use-category-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e8e6e1;border-radius:16px;padding:22px;transition:border-color .2s,transform .2s}
.use-category-card>svg{width:32px;height:32px;color:#806541;stroke-width:1.4;margin-bottom:14px;flex:none}
.use-category-card h3{font-size:18px;line-height:1.7;letter-spacing:-.02em;margin:0 0 8px;font-weight:600;color:#1d1d1f}
.use-category-card p{font-size:13px;line-height:1.8;color:#6e6e73;margin-bottom:14px}
.use-category-action{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;font-size:13px;color:#806541;margin-top:auto}
.use-category-action>span{font-size:20px}
@media(hover:hover){.use-category-card:hover{border-color:#b2a080;transform:translateY(-4px)}}
@media(max-width:1000px){.use-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home-use-categories{padding:36px 16px 40px}.use-category-heading{margin-bottom:26px}.use-category-heading>p:last-child{font-size:13px}.use-category-grid{gap:12px}.use-category-card{padding:22px 16px;border-radius:16px}.use-category-card h3{font-size:16px}.use-category-card p{font-size:12px}.use-category-card>svg{margin-bottom:18px}}
@media(max-width:359px){.use-category-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.use-category-card{transition:none}.use-category-card:hover{transform:none}}




:root{--font-site:"Montserrat","Anuphan",sans-serif;font-family:var(--font-site)}
body,input,button,select,textarea{font-family:var(--font-site)}
h1,h2,h3{letter-spacing:-.025em}

/* Homepage selection: compact brand row, with neutral names until brand assets exist. */
.brand-list--curated{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;max-width:1100px}
.brand-list--curated>a,.brand-list--curated>.curated-brand{display:flex;align-items:center;justify-content:center;min-height:40px;width:128px;color:#555}
.brand-list--curated strong{font-family:"Montserrat",sans-serif;font-size:23px;letter-spacing:.02em}
@media(max-width:700px){.brand-list--curated{gap:18px 22px}.brand-list--curated>a,.brand-list--curated>.curated-brand{width:90px;min-height:30px}.brand-list--curated strong{font-size:20px}}

.brand-list--curated{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px;max-width:1180px}
.brand-list--curated>a,.brand-list--curated>.curated-brand{width:100%}
@media(max-width:1000px){.brand-list--curated{grid-template-columns:repeat(4,minmax(0,1fr));max-width:660px;gap:24px 28px}}
@media(max-width:400px){.brand-list--curated{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}}

.hero-copy .hero-actions{margin:0 auto 12px;padding:0 20px}
#choose-your-mic{scroll-margin-top:72px}
/* A quieter hero action with a comfortable touch target. */
.hero-copy .hero-actions .button{font-size:12px;min-height:44px;padding:10px 20px;line-height:1.4;font-weight:500}

/* Thai editorial copy wraps naturally; dates and short model names stay intact. */
.brand-story-page .story-copy h1{white-space:normal;text-wrap:balance;word-break:normal;letter-spacing:normal;line-height:1.4}
.story-intro,.story-body,.story-milestones p{word-break:normal;overflow-wrap:normal;text-wrap:pretty;letter-spacing:normal;line-height:1.85}
.text-unit{white-space:nowrap}
.story-body p{margin:0}.story-body p+p{margin-top:1em}
@media(max-width:1000px){.story-history{grid-template-columns:minmax(0,1fr);gap:20px}.story-body{padding-top:0;max-width:72ch}}

/* Reading flow shared by storefront copy; long user-entered strings can still wrap. */
main :is(p,li,dt,dd,label,figcaption,.story-intro,.woocommerce-product-details__short-description){word-break:normal;text-wrap:pretty}
main :is(h1,h2,h3){word-break:normal;text-wrap:balance}
.woocommerce-Price-amount,.michub-cart-quantity td{white-space:nowrap}

/* Give catalog titles, descriptions and category controls their own breathing room. */
.woocommerce .woocommerce-products-header{display:flex;flex-direction:column;gap:24px;margin:0 0 32px}
.woocommerce .woocommerce-products-header .page-title{font-size:clamp(30px,4vw,46px);line-height:1.35;margin:0}
.woocommerce .woocommerce-products-header .term-description{font-size:15px;line-height:1.85;color:#6e6e73;max-width:72ch}
.woocommerce .woocommerce-products-header .term-description p+p{margin-top:16px}
.woocommerce .woocommerce-products-header .wp-category-links{margin:0;gap:12px}
.wp-category-links a{display:inline-flex;align-items:center;min-height:44px;line-height:1.6}
@media(max-width:600px){.woocommerce .woocommerce-products-header{gap:20px;margin-bottom:28px}.woocommerce .woocommerce-products-header .wp-category-links{gap:10px}.wp-category-links a{padding:10px 16px}}
