:root{--red:#c91932;--ink:#20232b;--muted:#727680;--line:#e4e5e8;--paper:#f6f6f7}*{box-sizing:border-box}body{margin:0;font:15px 'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c9193280;outline-offset:4px}button{border:0}aside{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column;z-index:2}.logo{width:184px;border-radius:4px;mix-blend-mode:multiply}.brand-sub{font-size:10px;letter-spacing:4px;color:#787b82;margin:13px 0 39px 8px}nav{display:grid;gap:9px}nav button{text-align:left;padding:14px;border-radius:9px;background:transparent;color:#676b75}nav button.active{background:#fbedef;color:var(--red);font-weight:600}.navicon{display:inline-block;width:30px;font-size:19px}.aside-bottom{margin-top:auto;font-size:12px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:20px}.status{display:inline-block;width:7px;height:7px;border-radius:50%;background:#338060;margin-right:7px}main{margin-left:236px}header{height:83px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.crumb{font-size:13px;color:var(--muted)}.languages{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;padding:4px}.languages button{background:transparent;padding:6px 11px;border-radius:4px;font-size:12px}.languages button.active{background:var(--ink);color:white}.workspace{max-width:1600px;margin:auto;padding:32px 42px 24px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;text-transform:uppercase;color:var(--red)}h1{font-size:46px;line-height:1.13;letter-spacing:-1.9px;font-weight:600;margin:20px 0}h2{font-size:26px;letter-spacing:-.7px;font-weight:600;margin:8px 0}h3{font-size:18px;margin:10px 0}p{color:#6a6e78;line-height:1.65}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:440px;background:#ececee;border-radius:17px;overflow:hidden}.hero-copy{padding:43px 40px;position:relative}.hero-copy h1 span{color:var(--red)}.hero-copy p{max-width:355px}.hero-image{position:relative;min-height:440px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;position:absolute}.image-tag{position:absolute;bottom:21px;left:23px;right:23px;background:#ffffffed;border:1px solid #ffffff;border-radius:10px;backdrop-filter:blur(12px);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.image-tag strong{font-size:15px}.primary,.secondary{padding:13px 20px;border-radius:7px;font-size:13px;font-weight:600}.primary{background:var(--red);color:white}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;margin:0 0 24px;border-bottom:1px solid var(--line)}.stat{padding:0 25px;border-right:1px solid var(--line);display:flex;gap:13px;align-items:baseline}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font-size:24px;font-weight:500}.stat span{font-size:12px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:23px 0 19px}.link{color:var(--red);background:transparent;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;text-align:left;padding:0;color:inherit;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #25283212}.photo{height:265px;background:#eee;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}.serial{position:absolute;top:12px;left:12px;background:#ffffffec;color:#5d626e;border-radius:5px;padding:5px 8px;font-size:10px}.card-body{padding:20px;flex:1;display:flex;flex-direction:column}.category{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.presentation{color:var(--red);font-size:13px;margin:0 0 20px}.card-footer{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:var(--muted)}.card-footer strong{font-size:18px;color:var(--ink);font-weight:600}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}.filters input{flex:1;min-width:220px}.filters input,.filters select{padding:13px 16px;background:#fff;border:1px solid #d9dbe0;border-radius:8px;color:var(--ink)}.results{font-size:12px;color:var(--muted);margin:20px 0}.foot{color:#777b84;font-size:11px;line-height:1.7;margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}.panel{background:white;padding:30px;border:1px solid var(--line);border-radius:12px;margin-top:20px}.library{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.library button{text-align:left;padding:25px;background:white;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.library button:hover{border-color:var(--red)}.page-heading{max-width:740px}.page-heading h1{font-size:38px}.note{padding:16px 19px;border-left:3px solid var(--red);background:#faf0f1;font-size:13px;line-height:1.65;color:#6b3941}.empty{grid-column:1/-1;padding:60px;text-align:center;background:white;border-radius:12px}dialog{border:1px solid var(--line);border-radius:16px;padding:0;width:min(920px,92vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#171b28a8;backdrop-filter:blur(5px)}.modal-head{position:sticky;top:0;background:white;padding:16px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;z-index:2}.close{background:#f1f1f4;border-radius:6px;padding:7px 12px}.modal-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;padding:28px}.modal-grid>img{width:100%;border-radius:10px}.modal-copy{padding:4px}.modal-copy h2{font-size:30px}.spec{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.spec span{color:var(--muted)}.read{padding:28px 34px}.read h2{font-size:30px}.read p{font-size:15px;line-height:1.9}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-weight:600}.brand-select{width:100%;padding:8px;margin-bottom:18px;border:1px solid var(--line);border-radius:5px}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:480px}}@media(max-width:1050px){aside{width:195px;padding:25px 15px}.logo{width:160px}main{margin-left:195px}header{padding:0 25px}.workspace{padding:25px}.hero-copy{padding:28px}h1{font-size:37px}.grid,.library{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:390px}.hero-image{min-height:390px}.stat{padding:0 12px}}@media(max-width:700px){aside{position:static;width:auto;padding:16px}.logo{width:145px}.brand-sub,.aside-bottom{display:none}nav{display:flex;gap:3px;margin-top:10px;overflow:auto}nav button{white-space:nowrap;padding:10px;font-size:12px}.navicon{display:none}main{margin:0}header{height:62px;padding:0 18px}.workspace{padding:18px}.hero{grid-template-columns:1fr}.hero-image{min-height:330px}.hero-copy{padding:28px}.hero-copy p{max-width:none}.stats{gap:9px}.stat{display:block;padding:0 8px}.stat span{display:block}.grid,.library{gap:12px}.photo{height:215px}.card-body{padding:13px}.card h3{font-size:16px}.card-footer{display:block}.card-footer span{display:block;margin-top:7px}.modal-grid{grid-template-columns:1fr}.modal-grid>img{max-height:340px;object-fit:contain}.read{padding:23px}.crumb{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.logo{width:146px;height:153px;object-fit:contain;align-self:center;mix-blend-mode:normal;border-radius:10px}.brand-sub{text-align:center;margin:15px 0 28px}@media(max-width:700px){.logo{width:64px;height:67px;align-self:flex-start}}
.hero-image{background:#e5e5e7;min-height:500px}.hero-image img{object-fit:contain;object-position:center;padding:15px 15px 85px}.hero~.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo{height:300px;background:#ececee}.photo img{object-fit:contain;object-position:center}.image-tag{bottom:15px}@media(max-width:700px){.hero-image{min-height:420px}.hero~.grid{grid-template-columns:1fr}.photo{height:360px}}
@media(max-width:700px){nav button{min-height:44px;font-size:14px}.languages button{min-height:44px;font-size:14px;padding:8px 12px}.languages{padding:2px}header{height:72px}.filters input,.filters select{font-size:16px;min-height:48px;width:100%}.filters{display:grid;grid-template-columns:1fr}.primary,.secondary,.close{min-height:44px;font-size:15px}.link{min-height:44px}.card-footer{font-size:13px}.foot{font-size:12px}.library{grid-template-columns:1fr}.modal-head{padding:12px 16px}.modal-grid{padding:18px;gap:18px}.modal-copy h2{font-size:27px}.note{font-size:14px}.presentation{font-size:14px}.results{font-size:14px}.photo{height:270px}.hero~.grid .photo{height:360px}}
@media(max-width:420px){.grid{grid-template-columns:1fr}.photo{height:350px}h1{font-size:34px}.hero-copy{padding:25px}.crumb{max-width:130px}.section-title{align-items:flex-start;gap:12px}.section-title h2{font-size:23px}}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.brand-card{text-align:left;background:white;border:1px solid var(--line);border-radius:14px;padding:27px;color:var(--ink)}.brand-card:hover{border-color:var(--red);box-shadow:0 10px 25px #20232b0a}.brand-card img{width:90px;height:90px;object-fit:contain;border-radius:9px;margin-bottom:15px}.brand-initial{display:grid;place-items:center;width:75px;height:75px;border-radius:12px;background:#f2f2f4;font-size:30px;color:#6a6e78;margin-bottom:22px}.brands-empty{margin-top:35px;min-height:340px;border:1px solid var(--line);border-radius:16px;background:white;padding:50px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.brands-empty p{max-width:440px;margin:15px 0 25px}.empty-brand-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;color:var(--red);background:#fbedef;font-size:35px;margin-bottom:20px}.brand-back{padding:0;margin-bottom:22px;min-height:44px}@media(max-width:700px){nav{flex-wrap:wrap;overflow:visible;gap:3px}.brand-grid{grid-template-columns:1fr}.brands-empty{padding:32px 20px}.brands-empty h2{font-size:24px}.brands-empty .primary{white-space:normal}.brand-card{min-height:200px}}
/* Warm editorial palette, inspired by the supplied catalog. */
:root{--paper:#f2eee7;--ink:#29282b;--muted:#626269;--line:#dcd5c9}body{background:var(--paper)}aside,header,.modal-head{background:#f7f3ec}aside{border-right-color:#dcd5c9}.workspace{position:relative;background-image:repeating-linear-gradient(35deg,transparent 0 14px,#b69a6520 14px 15px,transparent 15px 27px);background-repeat:no-repeat;background-position:right top;background-size:220px 115px}p{color:#5e5b59}.hero{background:#e9e3d9}.hero-image,.photo{background:#e3ddd4}.image-tag{background:#faf6eff5;border-color:#eee6d8}.card,.panel,.library button,.brand-card,.brands-empty,.empty,dialog{background:#faf7f1;border-color:var(--line)}.secondary,.filters input,.filters select,.brand-select{background:#faf7f1;border-color:#cec5b8}nav button{color:#625d59}nav button.active{background:#f1dfe0;color:#a3132b}.languages button.active{background:#383333}.category,.foot{color:#696159}.close{background:#eae3d9}.note{background:#f1e3e0;color:#64383c}.brand-initial{background:#eae3d7;color:#625c51}.empty-brand-symbol{background:#f0dfe0}.card:hover{box-shadow:0 12px 32px #4b3e2712}.brand-card:hover{box-shadow:0 12px 30px #4b3e2712}.brands-empty{background-image:linear-gradient(35deg,transparent 65%,#b69a6514 65%,#b69a6514 65.2%,transparent 65.2%)}@media(max-width:700px){.workspace{background-size:130px 85px}}
.hero-movie{position:absolute;inset:12px 15px 91px;display:flex;flex-direction:column;gap:8px}.hero-movie[hidden],.hero-photo[hidden]{display:none}.hero-movie video{width:100%;min-height:0;flex:1;object-fit:contain;background:#e3ddd4;border-radius:8px}.hero-image{min-height:550px}.video-controls{display:flex;align-items:center;gap:13px;min-height:44px}.video-controls input{flex:1;min-width:30px;accent-color:var(--red)}.video-controls span{font-size:12px;min-width:32px}.video-controls button{padding:8px 14px;min-height:44px}.media-modes{display:flex;gap:5px}.media-modes button{min-height:44px;border-radius:6px;background:transparent;padding:8px 12px;font-size:13px}.media-modes .active{background:#383333;color:white}.image-tag{gap:12px;font-size:11px}.image-tag strong{font-size:14px}.main-product-photo{width:100%;max-height:480px;object-fit:contain;border-radius:9px}.gallery-thumbs{display:flex;gap:10px;margin:12px 0}.gallery-thumbs button{padding:4px;background:#eae3d7;border-radius:6px;min-width:54px;min-height:54px}.gallery-thumbs img{width:58px;height:62px;object-fit:contain}.original-image{width:100%;height:auto}.product-media .secondary{margin-top:8px}.card-footer strong{font-size:16px}.brand-card img{width:180px;height:120px}#video-error{font-size:13px;padding:8px;background:#f3e1df;margin:0}@media(max-width:700px){.hero-image{min-height:540px}.hero-movie{inset:12px 12px 106px}.image-tag{left:12px;right:12px;flex-wrap:wrap;padding:10px 12px}.media-modes{margin-left:auto}.hero-photo{padding-bottom:106px!important}.main-product-photo{max-height:420px}}
.spec strong{min-width:0;overflow-wrap:anywhere;text-align:right}.video-controls input{height:44px}.catalog-brand-logo{display:block;width:200px;height:132px;object-fit:contain;border-radius:9px;margin-top:20px}.product-media{min-width:0}
/* Silver / graphite composition. Product media stays untouched. */
:root{--paper:#dce0e2;--ink:#232831;--muted:#555e68;--line:#bbc2c8;--red:#b91e37}body{background:#d4dadd;color:var(--ink)}main{min-height:100vh;background:radial-gradient(ellipse at 92% 3%,#ffffff85 0,transparent 45%),linear-gradient(135deg,transparent 0 48%,#a6afb725 48.05% 48.15%,transparent 48.2%),linear-gradient(120deg,#e2e5e6,#cdd4d9 60%,#dde1e3)}aside{background:linear-gradient(160deg,#343a42 0,#20262d 60%,#30363d);border-right:1px solid #48515b;box-shadow:8px 0 30px #15222e12}aside:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#bc1835,#e04456 60%,#5f2531)}aside .logo{box-shadow:0 14px 24px #080f1926;border:1px solid #78818a44}aside .brand-sub{color:#c3cbd2}nav button{color:#cdd4da}nav button.active{background:linear-gradient(95deg,#83273a,#462c35);color:#fff;box-shadow:inset 3px 0 #ed4b64}nav button:hover{background-color:#ffffff0d}.aside-bottom{color:#c2cbd4;border-color:#ffffff20}header{background:linear-gradient(90deg,#f1f3f3ee,#e6eaeded);border-bottom:1px solid #aeb8c2;box-shadow:0 3px 18px #23333f08}.crumb{color:#535d68}.languages{background:#f0f2f3;border-color:#bdc5cd}.languages button.active{background:#2f3944}.workspace{background-image:linear-gradient(150deg,transparent 53%,#b71c3540 53.1% 53.35%,transparent 53.45%),repeating-linear-gradient(150deg,transparent 0 18px,#7b899b24 18px 19px,transparent 19px 35px),radial-gradient(ellipse at center,transparent 0 54%,#8c99a638 54.1% 54.6%,transparent 54.7% 64%,#8c99a624 64.1% 64.5%,transparent 64.6%);background-size:380px 240px,380px 240px,520px 520px;background-position:right top,right top,-230px 90px;background-repeat:no-repeat}.hero{position:relative;border:1px solid #ffffffb0;background:linear-gradient(120deg,#eef0f0 0,#dfe3e5 52%,#bbc5ce 100%);box-shadow:0 20px 48px #293b4b19,0 1px 1px #ffffffbd inset}.hero-copy{background:linear-gradient(120deg,#f1f3f34d,transparent 65%)}.hero-copy:after{content:'';position:absolute;left:40px;bottom:27px;width:96px;height:3px;background:linear-gradient(90deg,#b91e37 0 35%,#68798a88 35% 70%,transparent 70%);pointer-events:none}.hero-image{background:linear-gradient(145deg,#53606b,#252f39 65%,#46515d);border-left:1px solid #ffffff70}.hero-movie video{background:transparent}.hero-photo{background:linear-gradient(130deg,#cbd3d9,#eff0ed)}.video-controls{color:#e8edf0}.video-controls .secondary{background:#e6ebef;border-color:#bcc7d0;color:#28323c}.image-tag{background:#edf0f2f2;border:1px solid #ffffff94;box-shadow:0 4px 16px #16273617}.media-modes button{color:#414e5a}.media-modes .active{background:#32414e;color:#fff}.stats{border-color:#aeb9c3}.stat{border-color:#acb7c1}.stat span{color:#535f6b}.card,.panel,.library button,.brand-card,.brands-empty,.empty,dialog{background:linear-gradient(135deg,#f3f4f3,#e7ebec);border:1px solid #b8c2cb;box-shadow:0 5px 16px #2639490b}.photo{background:linear-gradient(130deg,#b6c1ca,#dbe0e3 55%,#c6ced4);border-bottom:1px solid #ffffffb0}.card-body{background:linear-gradient(145deg,#f4f5f3,#e5eaec)}.card:hover,.brand-card:hover{box-shadow:0 18px 32px #243b4e20;border-color:#8e9ca9}.category,.foot{color:#505d68}p{color:#515c65}.presentation{color:#a81630}.eyebrow{color:#a71630}.link{color:#a71630}.foot{border-color:#aeb9c3}.secondary,.filters input,.filters select,.brand-select{background:#edf0f2;border-color:#aab8c4}.note{background:#e9dade;border-left-color:#b91e37;color:#623542}.modal-head{background:linear-gradient(100deg,#e9eef0,#d4dce2);border-color:#acb8c2}.close{background:#c9d2da;color:#283440}.brand-initial{background:linear-gradient(140deg,#d0d8df,#b5c1ca);color:#435260}.brands-empty{background-image:linear-gradient(150deg,transparent 65%,#9ba9b525 65.1% 65.3%,transparent 65.4%),linear-gradient(130deg,#edf0f1,#d6dfe5)}.catalog-brand-logo{box-shadow:0 8px 20px #243b4e1c}.gallery-thumbs button{background:#c4cfd7}.serial{color:#44505b}.status{background:#6ac7a3}@media(max-width:700px){aside{background:linear-gradient(110deg,#303841,#202932)}nav button{font-size:14px}nav button.active{box-shadow:inset 0 -2px #ef536c}.workspace{background-size:190px 155px,190px 155px,300px 300px;background-position:right top,right top,-180px 220px}.hero-image{border-left:0;border-top:1px solid #fff9}.hero-copy:after{left:26px;bottom:12px;width:72px}.hero{box-shadow:0 12px 32px #293b4b19}}
@media(max-width:700px){.hero-image{order:-1}.hero-copy{padding-top:28px}.hero-image{border-top:0;border-bottom:1px solid #ffffff70}}
@media(max-width:700px){.hero-movie{bottom:145px}.hero-photo{padding-bottom:145px!important}}