:root{--dark:#0c181e;--ink:#14272e;--paper:#edf2f1;--cyan:#56cadd;--line:#cbd6d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}.progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#b7e9ef,#33b7ce);z-index:20;width:0}header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;z-index:5;border-bottom:1px solid #ffffff2b}.logo img{width:165px;display:block}nav{display:flex;gap:35px}nav a{color:#ccd8da;text-decoration:none;font-size:12px;letter-spacing:.08em}.hero{height:780px;background:radial-gradient(circle at 78% 40%,#20404a 0,transparent 32%),linear-gradient(125deg,#09151b,#10252d);color:white;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:8vw;top:150px;width:430px;height:430px;border:1px solid #54c9da33;border-radius:50%;box-shadow:0 0 0 90px #ffffff05,0 0 0 180px #ffffff03}.hero-inner{position:absolute;left:8vw;top:210px;z-index:2}.eyebrow{font-size:10px;letter-spacing:.25em;color:#73d4e2}.hero h1{font:clamp(62px,8vw,112px)/.95 Georgia,serif;margin:25px 0;letter-spacing:-.045em}.hero h1 em{font-size:.62em;color:#74d5e3;font-weight:400}.intro{max-width:530px;color:#b6c5c8;line-height:1.9}.down{display:inline-flex;gap:50px;background:#70d3e1;color:#10232a;text-decoration:none;padding:16px 22px;margin-top:25px}.hero-number{position:absolute;right:7vw;bottom:65px;font:110px Georgia;color:#ffffff18}.hero-number small{font:9px Arial;display:block;letter-spacing:.25em;text-align:right;color:#fff8}.collection{padding:130px 7vw}.section-head{display:grid;grid-template-columns:1.3fr 1fr;align-items:end}.section-head h2,.contact h2{font:clamp(48px,5vw,76px) Georgia;margin:15px 0}.section-head>p{max-width:470px;line-height:1.8;color:#6f8085}.eyebrow.dark{color:#398f9e}.filters{display:flex;margin:55px 0 28px;border-bottom:1px solid var(--line);gap:5px}.filters button{border:0;background:none;padding:16px 22px;cursor:pointer;color:#73858a}.filters button.active{background:var(--dark);color:white}.filters span{margin-left:12px;font-size:9px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{display:block;text-decoration:none;background:white;transition:.3s}.card.hide{display:none}.card:hover{transform:translateY(-7px);box-shadow:0 25px 60px #102f3a1d}.photo{height:380px;overflow:hidden;position:relative;background:#dbe3e2}.photo img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover img{transform:scale(1.035)}.photo>span{position:absolute;top:18px;right:18px;color:white;font:28px Georgia;text-shadow:0 2px 12px #0009}.card-body{padding:28px}.card-body small{font-size:9px;letter-spacing:.18em;color:#5f9199}.card h3{font:29px Georgia;margin:16px 0}.card p{font-size:12px;line-height:1.8;color:#718186;min-height:45px}.spec{display:flex;gap:10px;margin:24px 0}.spec span{background:#edf2f1;padding:8px 10px;font-size:9px}.card b{display:flex;justify-content:space-between;border-top:1px solid #e0e6e5;padding-top:18px;font-size:11px}.card b i{font-size:17px;font-style:normal}.contact{text-align:center;background:linear-gradient(120deg,#75ccd9,#a9e0e5);padding:120px 7vw}.contact p{color:#31646d}.contact a{display:inline-flex;gap:45px;background:var(--dark);color:white;text-decoration:none;padding:16px 24px;margin-top:25px}footer{background:#08151a;color:#90a2a6;padding:38px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:10px}footer img{width:145px}footer a{color:#90a2a6;text-decoration:none}@media(max-width:900px){nav{display:none}.grid{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr}.hero:before{right:-180px}.photo{height:48vw}}@media(max-width:600px){header{height:72px}.logo img{width:135px}.hero{height:720px}.hero-inner{left:7vw;right:7vw;top:170px}.hero h1{font-size:57px}.hero-number{font-size:70px}.collection{padding:85px 6vw}.filters{overflow:auto}.filters button{white-space:nowrap}.grid{grid-template-columns:1fr}.photo{height:95vw}.section-head h2,.contact h2{font-size:42px}footer{flex-direction:column;gap:20px}}/* Refined product-card typography */
a{color:inherit}.card{color:#17282e}.card-body{font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans SC",Arial,sans-serif}.card-body small{color:#4c858e;font-family:Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.16em}.card h3{font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans SC",Arial,sans-serif;font-size:28px;font-weight:500;letter-spacing:-.025em;line-height:1.35;color:#17282e;margin:17px 0 15px}.card p{color:#62757a;font-size:13px;line-height:1.85;font-weight:400}.spec span{color:#445c61;background:#edf2f1;font-size:10px;font-weight:500}.card b{color:#1d5964;font-family:"Microsoft YaHei UI","PingFang SC",Arial,sans-serif;font-weight:500;font-size:12px}.card:hover h3{color:#176d7c}.card:hover b{color:#0e8195}.card b i{color:#2aa8bd}@media(max-width:600px){.card h3{font-size:26px}}
/* Textile photographic hero */
.hero{background-color:#08151b;background-image:linear-gradient(90deg,rgba(5,15,20,.82) 0%,rgba(5,15,20,.6) 38%,rgba(5,15,20,.13) 68%,rgba(5,15,20,.08) 100%),url("assets/collection-hero-textile.png");background-size:cover;background-position:center center;background-repeat:no-repeat}.hero:before{display:none}.hero-inner{text-shadow:0 2px 24px rgba(0,0,0,.22)}@media(max-width:700px){.hero{background-position:62% center;background-image:linear-gradient(90deg,rgba(5,15,20,.92) 0%,rgba(5,15,20,.76) 58%,rgba(5,15,20,.3) 100%),url("assets/collection-hero-textile.png")}}.empty-state{display:none;margin:45px 0 0;padding:46px;text-align:center;color:#6d7f83;border:1px solid #ccd7d7;background:#f4f7f6;font-size:13px}.empty-state.show{display:block}
/* Unified generated catalog covers v2 */
.card { grid-template-rows: auto 1fr; }
.photo { aspect-ratio: 1 / 1; }
.photo img,
.card:nth-child(4) .photo img,
.card:nth-child(5) .photo img,
.card:nth-child(6) .photo img,
.card:nth-child(9) .photo img { filter: none; object-position: center; }
@media (max-width: 900px) { .card { grid-template-rows: auto 1fr; } }
@media (max-width: 600px) { .card { grid-template-rows: auto 1fr; } }

/* Persistent site navigation */
html{scroll-padding-top:100px}
header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1100;background:linear-gradient(180deg,rgba(5,16,22,.97),rgba(7,22,29,.91))!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.13),0 10px 35px rgba(0,0,0,.12)}
.progress{z-index:1200!important}
@media(max-width:600px){html{scroll-padding-top:82px}}

/* Bright homepage hero */
.hero {
  background: #f4f1eb;
}
.hero::after {
  background: url("assets/collection-hero-bright-v2.png") center center / cover no-repeat;
  filter: none;
}
.hero::before {
  background: linear-gradient(90deg, rgba(247,245,240,.98) 0%, rgba(247,245,240,.92) 34%, rgba(247,245,240,.32) 56%, rgba(247,245,240,0) 74%);
}
.hero-inner {
  text-shadow: none;
}
.hero .eyebrow {
  color: #268596;
}
.hero h1 {
  color: #10272f;
}
.hero h1 em {
  color: #238ca0;
}
.hero .intro {
  color: #526a71;
}
.hero-number {
  color: rgba(18,53,63,.12);
}
.hero-number small {
  color: rgba(18,53,63,.62);
}
@media(max-width:700px) {
  .hero::after {
    background-position: 63% center;
    filter: none;
  }
  .hero::before {
    background: linear-gradient(90deg, rgba(247,245,240,.97) 0%, rgba(247,245,240,.9) 62%, rgba(247,245,240,.28) 100%);
  }
}

/* Bright homepage hero v2 */
.hero{background:#f4f1eb}.hero::after{background:url("assets/collection-hero-bright-v2.png") center center/cover no-repeat;filter:none}.hero::before{background:linear-gradient(90deg,rgba(247,245,240,.98) 0%,rgba(247,245,240,.92) 34%,rgba(247,245,240,.32) 56%,rgba(247,245,240,0) 74%)}.hero-inner{text-shadow:none}.hero .eyebrow{color:#268596}.hero h1{color:#10272f}.hero h1 em{color:#238ca0}.hero .intro{color:#526a71}.hero-number{color:rgba(18,53,63,.12)}.hero-number small{color:rgba(18,53,63,.62)}@media(max-width:700px){.hero::after{background-position:63% center;filter:none}.hero::before{background:linear-gradient(90deg,rgba(247,245,240,.97) 0%,rgba(247,245,240,.9) 62%,rgba(247,245,240,.28) 100%)}}

/* Warm textile palette v2 */
:root{--dark:#263a40;--ink:#293c40;--paper:#f5f3ef;--cyan:#789eaa;--line:#d6dad5}body,.collection{background:#f5f3ef;color:#293c40}.progress{background:linear-gradient(90deg,#c8c0ac,#8da7a1,#789eaa)}header{background:linear-gradient(180deg,rgba(31,49,55,.98),rgba(38,58,64,.95))!important;border-bottom-color:rgba(230,235,232,.24)!important;box-shadow:0 1px 0 rgba(255,255,255,.1),0 12px 35px rgba(38,54,58,.11)!important}nav a{color:#e3e8e6}.hero .eyebrow{color:#6f929c}.hero h1{color:#26383d}.hero h1 em{color:#6f929c}.hero .intro{color:#586f73}.down{background:#aebcb0;color:#24383d;box-shadow:0 12px 30px rgba(73,96,91,.13)}.down:hover{background:#9eaea2}.hero-number{color:rgba(53,77,80,.1)}.hero-number small{color:rgba(53,77,80,.58)}.eyebrow.dark{color:#738e88}.section-head>p{color:#6d7b79}.filters{border-bottom-color:#d7dad4}.filters button{color:#71817f}.filters button.active{background:#334b50;color:#f5f3ef}.card{box-shadow:0 10px 32px rgba(54,76,75,.055)}.card-body small{color:#718f94}.card:hover h3{color:#536f74}.card b{color:#536f74}.card:hover b{color:#668b92}.card b i{color:#809f9a}.spec span{background:#eef0ec;color:#526466}.contact{background:linear-gradient(120deg,#bbc9c2,#d9ded5)}.contact p{color:#506a65}.contact a{background:#334b50}footer{background:#263a40;color:#b9c4c1}footer a{color:#c3cdca}

/* Tech comfort palette v3 */
:root{--dark:#0d252d;--ink:#17323a;--paper:#f3f7f6;--cyan:#4db7c8;--line:#cedbda}body,.collection{background:#f3f7f6;color:#17323a}.progress{height:3px;background:linear-gradient(90deg,#9fe0e6 0%,#50bdcc 55%,#8fc6bd 100%);box-shadow:0 0 14px rgba(70,188,204,.55)}header{background:linear-gradient(110deg,rgba(7,24,30,.99),rgba(14,43,51,.97))!important;border-bottom-color:rgba(112,205,217,.22)!important;box-shadow:0 1px 0 rgba(255,255,255,.08),0 14px 38px rgba(7,31,37,.13)!important}nav a{color:#d7e5e6;transition:color .25s ease}nav a:hover{color:#78d2de}.hero{background:#f6f7f3}.hero::after{filter:saturate(.92) contrast(.98)}.hero::before{background:linear-gradient(90deg,rgba(248,249,246,.985) 0%,rgba(248,249,246,.93) 34%,rgba(248,249,246,.42) 55%,rgba(248,249,246,.04) 76%),repeating-linear-gradient(90deg,rgba(65,166,181,.028) 0,rgba(65,166,181,.028) 1px,transparent 1px,transparent 64px)}.hero-inner{border-left:1px solid rgba(69,174,190,.32);padding-left:28px}.hero .eyebrow{color:#258ca0;font-weight:600}.hero h1{color:#102d35}.hero h1 em{color:#35a8bb;text-shadow:0 8px 30px rgba(53,168,187,.09)}.hero .intro{color:#506d73}.down{background:linear-gradient(135deg,#91dce3,#69c5d2);color:#0d3038;border:1px solid rgba(255,255,255,.66);box-shadow:0 14px 36px rgba(64,168,183,.19);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.down:hover{background:linear-gradient(135deg,#a1e4e9,#75cbd6);transform:translateY(-2px);box-shadow:0 18px 42px rgba(64,168,183,.25)}.hero-number{color:rgba(18,69,78,.105)}.hero-number small{color:rgba(18,69,78,.62)}.collection{background:linear-gradient(180deg,#f3f7f6 0%,#f7f9f8 48%,#eef4f3 100%)}.eyebrow.dark{color:#318e9c}.section-head>p{color:#667b7e}.filters{border-bottom-color:#cfdcdb}.filters button{color:#6b7f82;transition:.25s}.filters button:hover{color:#238ca0}.filters button.active{background:linear-gradient(135deg,#15343d,#1e4b56);color:#eefafb;box-shadow:0 9px 24px rgba(18,61,71,.15)}.card{border:1px solid rgba(80,128,132,.1);box-shadow:0 10px 34px rgba(24,65,72,.055)}.card:hover{box-shadow:0 25px 62px rgba(29,83,93,.14)}.card-body small{color:#3e8f9c}.card:hover h3{color:#16788a}.card b{color:#285f69}.card:hover b{color:#158da1}.card b i{color:#39afc0}.spec span{background:#ecf3f2;color:#405d62}.contact{background:radial-gradient(circle at 72% 26%,rgba(164,229,234,.6),transparent 28%),linear-gradient(120deg,#9bd5dc,#c7e3e0 54%,#dce7df)}.contact p{color:#35636b}.contact a{background:linear-gradient(135deg,#102f38,#1d4a55);box-shadow:0 14px 34px rgba(17,59,69,.16)}footer{background:linear-gradient(110deg,#071b22,#102f38);color:#a9bdc0}footer a{color:#b9cacc}@media(max-width:700px){.hero::before{background:linear-gradient(90deg,rgba(248,249,246,.98) 0%,rgba(248,249,246,.91) 63%,rgba(248,249,246,.3) 100%)}.hero-inner{padding-left:18px}}


/* Catalog card geometry: keep the final row aligned with every row above. */
.collection .grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.collection .grid>.card{
  width:100%!important;
  min-width:0!important;
}
.collection .card-body{
  min-height:330px;
}
.collection .card h3{
  min-height:76px;
  display:flex;
  align-items:flex-start;
}
@media(max-width:760px){
  .collection .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .collection .grid{grid-template-columns:minmax(0,1fr)!important}
  .collection .card-body{min-height:0}
  .collection .card h3{min-height:0}
}