/*
Theme Name: Benyuan Studio
Version: 1.0.0
Description: Bespoke B2B supplement manufacturing website.
Author: Benyuan
*/
:root{--ink:#173e32;--muted:#617168;--paper:#faf9f4;--gold:#b78f63;--line:#dce2da}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(44px,5.2vw,80px)}h2{font-size:clamp(36px,4vw,56px)}h3{font-size:22px;line-height:1.25}.wrap{width:min(1240px,90%);margin:auto}.top{background:var(--ink);color:white;text-align:center;padding:8px;font-size:11px;letter-spacing:.14em}.header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.brand{font-size:26px;font-weight:700;letter-spacing:.1em}.brand small{display:block;font-size:9px;letter-spacing:.24em;font-weight:400}.links{display:flex;align-items:center;gap:28px;font-size:13px}.btn{display:inline-block;padding:15px 24px;background:var(--ink);color:white;border:1px solid var(--ink);font-size:13px;font-weight:600;cursor:pointer}.btn.light{background:transparent;color:var(--ink)}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#777052;font-weight:700;margin-bottom:22px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;padding:76px 0}.hero p{color:var(--muted);max-width:500px}.hero img{width:100%;object-fit:cover;aspect-ratio:1.08;border-radius:160px 160px 4px 4px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.caption{font-size:10px!important;color:var(--muted);margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:30px 0}.stat{padding:0 24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font:38px Georgia,serif;display:block}.stat span{font-size:12px;color:var(--muted)}section{padding:84px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.heading h2{max-width:650px;margin-bottom:0}.heading p{max-width:350px;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:white;display:flex;flex-direction:column}.card img{aspect-ratio:1.35;object-fit:cover;width:100%}.card-body{padding:26px}.card-body p{font-size:14px;color:var(--muted)}.card .arrow{font-size:13px;font-weight:bold;display:block;margin-top:24px}.number{font-size:12px;color:var(--gold);display:block;margin-bottom:28px}.dark{background:var(--ink);color:#fff}.dark .eyebrow{color:#d1b48d}.dark p{color:#cfdbd3}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps article{border-top:1px solid #afc3b6;padding-top:24px}.steps p{font-size:14px}.band{background:#ebece3}.checklist{list-style:none;padding:0}.checklist li{border-bottom:1px solid var(--line);padding:18px 0}.checklist li:before{content:'↗';margin-right:18px;color:var(--gold)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filters a{border:1px solid var(--line);padding:8px 18px;font-size:13px}.filters a.active{background:var(--ink);color:white}.content{max-width:820px}.content p{color:var(--muted)}.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px}.product-hero h1{font-size:52px}.product-hero img{width:100%;aspect-ratio:1;object-fit:cover}.specs{width:100%;border-collapse:collapse;margin:25px 0}.specs th,.specs td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:14px}.specs th{width:35%}form.rfq{background:#fff;padding:36px;border:1px solid var(--line)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:bold;margin-bottom:16px}input,textarea,select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #cdd5cd;background:#fff;border-radius:0}textarea{min-height:150px}.trap{position:absolute;left:-9999px}footer{background:#102c24;color:#e9eee9;padding:55px 0 24px}footer .grid{grid-template-columns:2fr 1fr 1fr}footer p,footer a{font-size:13px;color:#c5d2c9}footer .brand{color:#fff}.copyright{border-top:1px solid #365448;margin-top:40px;padding-top:20px;font-size:11px;display:flex;justify-content:space-between}.notice{padding:18px;background:#e3edde;border-left:4px solid var(--ink)}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:bold}.pagination{margin:30px 0}.pagination a,.pagination span{padding:8px}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:850px){.nav{flex-wrap:wrap;padding:20px 0;gap:18px}.links{gap:16px;flex-wrap:wrap}.hero,.split,.product-hero{grid-template-columns:1fr;gap:30px}.hero{padding:45px 0}.hero img{max-height:540px}.grid{grid-template-columns:repeat(2,1fr)}.steps,.stats{grid-template-columns:repeat(2,1fr);gap:24px}.stat{border:0}.heading{display:block}section{padding:55px 0}footer .grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid,.fields,footer .grid{grid-template-columns:1fr}.links{font-size:12px;gap:13px}.nav .btn{padding:10px 16px}.hero h1{font-size:48px}.steps{grid-template-columns:1fr 1fr}.stat strong{font-size:30px}.product-hero h1{font-size:38px}form.rfq{padding:22px}.copyright{display:block}}
