:root{--ink:#171918;--graphite:#242725;--gold:#b39864;--gold-soft:#ded0af;--ivory:#f7f4ed;--paper:#fbfaf6;--titanium:#d9d9d4;--line:#ddd9cf;--muted:#696d68}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:15px/1.6 Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:var(--paper)}
.seo-breadcrumb{display:flex;align-items:center;gap:9px;padding:12px 4vw;border-bottom:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px}.seo-breadcrumb a{color:var(--ink);text-decoration:none}.seo-breadcrumb span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.home-hero-actions a{background:#fff;color:#151817;text-decoration:none;padding:13px 17px}.home-hero-actions a:last-child{background:var(--gold);color:#151817}
.home-factory-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}
.home-factory-stats div{background:#f4f1e9;padding:30px 3vw;min-height:128px}.home-factory-stats small{display:block;color:#8d7444;font-size:10px;letter-spacing:.13em}.home-factory-stats b{display:block;margin-top:12px;font:clamp(22px,2.4vw,34px) Georgia,serif}
.home-main-products{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:1px;background:var(--line)}
.home-main-products article{background:#f0eee8;padding:58px 4vw;min-height:360px}.home-main-products article:first-child{background:#202422;color:#fff}.home-main-products article:first-child p{color:#bbc0bc}.home-main-products small,.why-hcup small,.home-faq small,.home-factory-entry small,.home-strong-rfq small{letter-spacing:.13em;color:#8d7444;font-size:11px}.home-main-products h2{font:clamp(36px,4vw,58px)/1 Georgia,serif;margin:18px 0}.home-main-products p{color:var(--muted)}.home-main-products a{display:inline-block;margin-top:18px;color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}.section-head small{letter-spacing:.15em;color:#8d7444}.section-head h2{font:clamp(42px,5vw,72px)/1 Georgia,serif;margin:12px 0 0;max-width:850px}.section-head p{max-width:460px;color:#696d68}
.home-section{padding:100px 6vw}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.featured-card{display:block;color:#171918;text-decoration:none;min-width:0}.featured-image{aspect-ratio:1/1;background:#ebe9e2;display:grid;place-items:center;overflow:hidden;margin-bottom:20px}.featured-image img{display:block;width:100%;height:100%;object-fit:contain}.featured-card small{color:#777;font-size:11px}.featured-card h3{font:24px/1.18 Georgia,serif;margin:8px 0;min-height:58px}.featured-card span{font-size:12px}
.process{background:#f0ede5}.process-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line)}.process-grid article{background:#fbfaf6;padding:28px 18px;min-height:190px}.process-grid b{color:#a28958}.process-grid h3{font:20px Georgia,serif}.process-grid p{color:var(--muted);font-size:13px}
.center-link{text-align:center;margin:34px 0 0}.center-link a{display:inline-block;background:#171918;color:#fff;text-decoration:none;padding:14px 20px}
.home-factory-entry{display:grid;grid-template-columns:1fr 1.1fr;gap:4vw;align-items:center;padding:100px 7vw;background:#202422;color:#fff}.home-factory-entry h2{font:clamp(42px,5vw,72px)/1 Georgia,serif;margin:18px 0}.home-factory-entry p{color:#b8bdb8;max-width:620px}.home-factory-entry a{display:inline-block;background:#fff;color:#171918;text-decoration:none;padding:15px 20px;margin-top:22px}.home-factory-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-factory-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#333}.home-factory-photos img:first-child{grid-row:span 2;height:100%;aspect-ratio:auto}
.why-hcup{padding:100px 7vw;background:#fbfaf6}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.why-grid article{background:#f0eee8;padding:34px 24px;min-height:240px}.why-grid b{color:var(--gold)}.why-grid h3{font:25px Georgia,serif}.why-grid p{color:var(--muted)}
.home-faq{padding:88px 8vw;background:#f0eee8;display:grid;grid-template-columns:.9fr 1.3fr;gap:18px 5vw;align-items:start}.home-faq>div{grid-row:1/span 5}.home-faq h2{font:clamp(42px,5vw,68px)/1 Georgia,serif;margin:18px 0}.home-faq details{grid-column:2;background:#fbfaf6;border:1px solid var(--line);padding:18px 22px}.home-faq summary{font:21px Georgia,serif;cursor:pointer}.home-faq p{color:var(--muted);margin-bottom:0}
.home-strong-rfq{padding:90px 8vw;background:#b39864;color:#171918;display:flex;justify-content:space-between;align-items:center;gap:40px}.home-strong-rfq h2{font:clamp(42px,5vw,72px)/1 Georgia,serif;margin:14px 0;max-width:900px}.home-strong-rfq a{color:inherit}.home-strong-rfq>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.home-strong-rfq>div:last-child a{background:#171918;color:#fff;text-decoration:none;padding:15px 20px}.home-strong-rfq>div:last-child a:last-child{background:#fff;color:#171918}
.home-carousel{position:relative;background:#151817;overflow:hidden;width:100%;height:auto;aspect-ratio:32/15;min-height:0}
.home-slide{display:none;position:relative;height:100%;min-height:0}
.home-slide.active{display:block}
.home-slide picture{position:absolute;inset:0;width:100%;height:100%;display:block;background:#151817}
.home-slide picture img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}
.home-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101311e8 0,#101311bf 38%,#10131122 78%)}
.home-slide-copy{position:relative;z-index:2;color:#fff;padding:clamp(76px,5.8vw,105px) 8vw;width:min(720px,50%)}
.home-slide-copy small{letter-spacing:.14em;color:#d4bd8b;font-size:12px}
.home-slide-copy h1,.home-slide-copy h2{font-size:clamp(46px,4.8vw,76px);line-height:.94;letter-spacing:-.055em;margin:18px 0}
.home-slide-copy em{font-family:Georgia,serif;color:#d5c39b;font-weight:400}
.home-slide-copy p{color:#d2d6d2;font-size:16px;max-width:560px}
.home-dots{position:absolute;z-index:3;bottom:28px;left:8vw;display:flex;gap:8px}.home-dot{width:34px;height:3px;border:0;background:#ffffff66;padding:0;cursor:pointer}.home-dot.active{background:#fff}
.site-header{height:84px;background:rgba(251,250,246,.96);color:var(--ink);display:grid;grid-template-columns:180px 1fr 180px;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand{color:var(--ink);text-decoration:none;font-size:22px;letter-spacing:.18em;font-weight:800}
.brand span{color:var(--gold)}
nav{display:flex;justify-content:center;gap:35px}
nav a,.quote{color:var(--ink);text-decoration:none}
nav a{font-size:14px;position:relative}
nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:.25s}
nav a:hover:after{right:0}
.quote{border:1px solid #bdb7aa;padding:12px 15px;transition:.25s}
.quote:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.hero,.product-hero{min-height:700px;background:radial-gradient(circle at 78% 42%,#fff 0,#efede6 23%,var(--ivory) 52%,#e7e3da 100%);color:var(--ink);padding:110px 8vw;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;border-bottom:1px solid var(--line)}
.hero>div:first-child{position:relative;z-index:1}
.hero small,.page-hero small,.product-hero small{font-size:12px;letter-spacing:.12em;color:#6c675d}
.hero h1,.product-hero h1,.page-hero h1{font-size:clamp(55px,7vw,100px);line-height:.94;letter-spacing:-.06em;margin:20px 0}
.hero em{font-family:Georgia,serif;color:#8d7444;font-weight:400}
.hero p,.page-hero p,.product-hero p{color:var(--muted);line-height:1.8;max-width:620px}
.hero a,.product-hero a{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:16px 21px;margin-top:20px}
.hero a:hover,.product-hero a:hover{background:#8d7444}
.vessel{width:190px;height:410px;border-radius:28px 28px 50px 50px;background:linear-gradient(100deg,#aaa,#f8f8f5 36%,#aaa 69%,#e9e9e4);display:grid;place-items:center;color:#5d5f5b;letter-spacing:.2em;margin:auto;filter:drop-shadow(0 30px 24px #28282033);box-shadow:inset 0 0 0 1px #ffffff77}
.hero>div:last-child{position:relative}
.collections{display:grid;grid-template-columns:repeat(2,1fr)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.collections article,.product{min-height:380px;padding:54px;background:#eeece5;border:1px solid var(--line)}
.collections article:nth-child(2){background:var(--graphite);color:#fff;border-color:var(--graphite)}
.collections article:nth-child(3){background:#dfe0dc}
.collections article:nth-child(4){background:#f5efe2}
.collections article b{font-size:12px;letter-spacing:.15em;color:#8d7444}
.collections h2,.product h2{font:36px/1.15 Georgia,serif}
.collections p{color:#676a66}
.collections article:nth-child(2) p{color:#b8bbb8}
.page-hero{background:linear-gradient(120deg,#ebe8df,var(--paper) 64%);color:var(--ink);padding:110px 8vw;min-height:450px;border-bottom:1px solid var(--line)}
.page-hero h1{max-width:900px}
.product-hero{background:linear-gradient(115deg,#222523,#303431);color:#fff}
.product-hero p,.product-hero small{color:#b9bcb8}
.grid{padding:70px 6vw;gap:15px}
.category-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);padding:1px;margin:0}.category-nav a{display:block;padding:28px 2vw;background:#f4f1e9;color:var(--ink);text-decoration:none;min-width:0}.category-nav a.active{background:var(--ink);color:#fff}.category-nav small{display:block;color:#8d7444;letter-spacing:.08em}.category-nav b{display:block;margin-top:7px;font:clamp(17px,1.6vw,22px) Georgia,serif}.category-nav span{display:block;font-size:10px;color:var(--muted);line-height:1.45}.category-nav a.active span{color:#bbb}
.product{color:var(--ink);text-decoration:none;background:#f1efe9;transition:transform .25s,box-shadow .25s}
.grid .product{min-height:0;padding:28px}
.grid .product h2{font-size:25px;margin:12px 0}
.grid .product p{margin-bottom:0;color:var(--muted)}
.product:hover{transform:translateY(-4px);box-shadow:0 18px 40px #24251f16}
.product-art{height:260px;background:linear-gradient(135deg,#e7e6e1,#d4d5d1);display:grid;place-items:center;letter-spacing:.2em;margin-bottom:26px}
.content{padding:90px 10vw;max-width:1100px}
.content h2{font:45px Georgia,serif}
.feature-page ul{padding-left:22px;color:var(--muted);line-height:1.9}
.factory-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.factory-stats div{background:#f4f1e9;padding:28px 18px;min-height:125px}
.factory-stats small{display:block;color:#8d7444;font-size:10px;letter-spacing:.12em;line-height:1.4}
.factory-stats b{display:block;margin-top:14px;font:clamp(18px,1.8vw,28px) Georgia,serif;color:var(--ink);line-height:1.1}
.factory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0 50px;max-width:1200px}
.factory-gallery figure{margin:0;background:#f0eee8;border:1px solid var(--line);overflow:hidden}
.factory-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e5e1d8}
.factory-gallery figcaption{padding:12px 14px;font-size:12px;color:#5f625f;letter-spacing:.03em}
.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 46px}
.spec-grid article{background:#f0eee8;border:1px solid var(--line);padding:26px;min-height:190px}
.spec-grid b{color:var(--gold);letter-spacing:.1em;font-size:12px}
.spec-grid h3{font:24px Georgia,serif;margin:14px 0 8px}
.spec-grid p{color:var(--muted);margin:0}
.landing-hero a{display:inline-block;background:#171918;color:#fff;text-decoration:none;padding:15px 20px;margin-top:18px}
.landing-section{padding:90px 8vw;background:#fbfaf6}.landing-section.muted{background:#f0eee8}.landing-section h2{font:clamp(42px,5vw,68px)/1 Georgia,serif;margin:0 0 30px}.landing-section ul{line-height:2;color:var(--muted);font-size:16px}
.oem-hero{background:linear-gradient(120deg,#eee9df,#fbfaf6 58%,#dfd6c3)}
.oem-builder{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:95px 7vw;background:#191c1b;color:#fff;align-items:center}
.oem-builder-copy small,.oem-timeline small,.oem-rfq small,.oem-cards small{letter-spacing:.13em;color:var(--gold);font-size:11px}
.oem-builder-copy h2,.oem-timeline h2,.oem-rfq h2{font:clamp(42px,5vw,72px)/1 Georgia,serif;margin:14px 0}
.oem-builder-copy p,.oem-rfq p{color:#b8bcb8;max-width:560px}
.oem-preview{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:center;background:#242927;padding:30px;border:1px solid #ffffff18}
.cup-visual{--cup-color:#d8d5cc;width:180px;height:360px;margin:auto;border-radius:30px 30px 54px 54px;background:linear-gradient(105deg,#777,var(--cup-color) 30%,#fff8 46%,var(--cup-color) 65%,#777);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #fff8,0 30px 45px #0005;transition:.25s}
.cup-visual span{letter-spacing:.22em;font-weight:800;color:#343633;background:#ffffff99;padding:8px 10px;border-radius:3px}
.oem-summary b{font:28px Georgia,serif;color:#fff}.oem-summary p{color:#b7bbb7}
.oem-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.oem-controls div{background:#242927;border:1px solid #ffffff18;padding:18px}
.oem-controls h3{margin:0 0 12px;font:18px Georgia,serif}
.oem-controls button{display:block;width:100%;margin:7px 0;padding:11px 10px;background:#303633;color:#e8e8e3;border:1px solid #ffffff22;text-align:left;cursor:pointer}
.oem-controls button.active,.oem-controls button:hover{background:var(--gold);color:#171918;border-color:var(--gold)}
.oem-timeline{padding:90px 7vw;background:#f0eee8}.section-head.compact{margin-bottom:34px}
.timeline-track{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line)}
.timeline-track article{background:#fbfaf6;padding:28px 18px;min-height:220px}.timeline-track b{color:var(--gold)}.timeline-track h3{font:21px Georgia,serif}.timeline-track p{color:var(--muted);font-size:13px}
.oem-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.oem-cards article{background:#fbfaf6;padding:42px 3vw;min-height:260px}.oem-cards h2{font:31px Georgia,serif}.oem-cards p{color:var(--muted)}
.oem-rfq{padding:90px 8vw;background:#b39864;color:#171918;display:flex;align-items:center;justify-content:space-between;gap:34px}
.oem-rfq p{color:#2d2f2b}.oem-rfq a{background:#171918;color:#fff;text-decoration:none;padding:16px 22px;white-space:nowrap}
.inquiry{max-width:900px;margin:70px auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 25px}
.inquiry label{display:flex;flex-direction:column;gap:8px;color:#494c49}
.inquiry input,.inquiry textarea{padding:13px;border:1px solid #c9c6bc;background:#fff}
.inquiry input:focus,.inquiry textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}
.inquiry textarea{height:130px}
.inquiry .wide,.inquiry button,.inquiry #result{grid-column:1/-1}
.inquiry button{background:var(--ink);color:#fff;border:0;padding:16px}
.inquiry button:hover{background:#8d7444}
footer{background:#1e211f;color:#fff;padding:60px 7vw;display:grid;grid-template-columns:1fr 2fr;gap:30px}
footer .brand{color:#fff}
footer p{font:24px Georgia,serif;color:#b9bbb8;margin:0}
footer small{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:20px;color:#858885}
footer small a{font-size:9px;color:#777b77;margin-left:15px}
.company-profile{max-width:1200px}.company-profile>small{color:#8d7444;letter-spacing:.13em}.company-profile p{color:var(--muted);font-size:16px;line-height:1.9}
@media(max-width:850px){.site-header{min-height:112px;height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 18px 0}
.home-factory-stats{grid-template-columns:repeat(2,1fr)}.home-factory-stats div:last-child{grid-column:1/-1}.home-main-products,.home-factory-entry,.home-faq{grid-template-columns:1fr}.home-main-products article{min-height:auto;padding:42px 24px}.home-factory-entry,.why-hcup,.home-faq,.home-strong-rfq{padding:65px 24px}.home-factory-photos{grid-template-columns:1fr}.home-factory-photos img:first-child{grid-row:auto;height:auto;aspect-ratio:16/10}.why-grid{grid-template-columns:1fr}.home-faq details{grid-column:1}.home-strong-rfq{display:block}.home-strong-rfq>div:last-child{margin-top:24px}
.home-section{padding:65px 22px}.section-head{display:block}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-card h3{font-size:17px;min-height:62px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-carousel{width:100%;height:auto;aspect-ratio:3/4;min-height:0;background:#151817}
.home-slide{height:100%;min-height:0}
.home-slide picture,.home-slide picture img{width:100%;height:100%}
.home-slide:after{background:linear-gradient(0deg,#101311ee 0,#101311bb 48%,#10131122 100%)}
.home-slide-copy{position:absolute;left:0;right:0;bottom:0;padding:150px 24px 54px;width:100%}
.home-slide-copy h1,.home-slide-copy h2{font-size:clamp(34px,10.5vw,46px);margin:10px 0;line-height:.96}
.home-slide-copy p{font-size:13px;line-height:1.55;margin:10px 0}
.home-slide-copy small{font-size:9px}
.home-hero-actions a{padding:12px 14px;font-size:12px}
.site-header nav{display:flex;order:3;width:calc(100% + 36px);margin:10px -18px 0;padding:0 18px;border-top:1px solid var(--line);overflow-x:auto;justify-content:flex-start;gap:26px;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#f6f4ee}
.site-header nav::-webkit-scrollbar{display:none}
.site-header nav a{flex:0 0 auto;padding:12px 0 11px;font-size:12px;white-space:nowrap}
.site-header nav a:after{bottom:6px}
.hero,.product-hero{grid-template-columns:1fr;padding:75px 25px 55px;min-height:auto}
.hero h1,.product-hero h1,.page-hero h1{font-size:clamp(46px,15vw,68px)}
.vessel{width:145px;height:310px;margin-top:50px}
.collections{grid-template-columns:1fr}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.category-nav{grid-template-columns:repeat(2,1fr)}
.category-nav a{padding:18px}.category-nav b{font-size:18px}
.collections article{min-height:300px;padding:36px 25px}
.grid .product{min-height:0;padding:12px}
.grid .product h2{font-size:18px;line-height:1.25;margin:8px 0}
.grid .product p{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.grid .product small{font-size:10px}
.grid .product-art{margin-bottom:12px}
.page-hero{padding:75px 25px;min-height:360px}
.grid{padding:30px 18px}
.content{padding:60px 25px}
.factory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.factory-stats div{padding:20px 14px;min-height:105px}
.factory-stats div:last-child{grid-column:1/-1}
.factory-gallery{grid-template-columns:1fr;gap:12px}
.landing-section{padding:65px 24px}
.factory-gallery img{aspect-ratio:16/10}
.spec-grid{grid-template-columns:1fr}
.oem-builder{grid-template-columns:1fr;padding:65px 22px}.oem-preview{grid-template-columns:1fr}.cup-visual{width:135px;height:275px}.oem-controls{grid-template-columns:1fr}.timeline-track{grid-template-columns:1fr 1fr}.oem-cards{grid-template-columns:1fr}.oem-rfq{display:block;padding:65px 24px}.oem-rfq a{display:inline-block;margin-top:24px}
.inquiry{grid-template-columns:1fr;margin:45px auto}
.inquiry .wide,.inquiry button,.inquiry #result{grid-column:1}
.quote{font-size:11px;padding:10px}
.brand{font-size:18px}
footer{grid-template-columns:1fr;padding:45px 25px}
}