/* HOMOGENIX — responsive, standalone redesign */
:root{--bg:#0c0c0e;--panel:#151517;--panel2:#1b1b1e;--gold:#c7a875;--goldlight:#f2d8ac;--text:#f3f0eb;--muted:#a49e96;--line:#34302b;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--goldlight);outline-offset:4px}::selection{background:var(--gold);color:#111}.wrap{max-width:1300px;margin:auto;padding:0 44px}.skip{position:absolute;top:-80px;left:15px;z-index:30;background:white;color:black;padding:12px}.skip:focus{top:12px}.site-header{position:fixed;inset:0 0 auto;z-index:20;transition:background .3s,border .3s;border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(12,12,14,.94);backdrop-filter:blur(20px);border-color:#2b2825}.nav-shell{height:92px;display:flex;align-items:center;gap:48px}.wordmark{font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:.115em;white-space:nowrap}.mark-dot{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:40px;margin-left:auto}.nav-links a{font-size:13px;font-weight:600;color:#c9c4bd;transition:color .2s}.nav-links a:hover{color:var(--goldlight)}.language-switch{display:flex;gap:9px;align-items:center;border:1px solid #3c3730;padding:7px 12px;border-radius:30px;font-size:12px;color:#666}.language-switch button{background:none;border:0;color:#80796f;cursor:pointer;padding:2px 3px;font-weight:700}.language-switch button.active{color:var(--goldlight)}.menu-toggle{display:none}.hero{min-height:800px;min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 45%,#2b241c 0%,#111113 38%,#0c0c0e 72%);display:flex;flex-direction:column;justify-content:center}.hero-glow{pointer-events:none;position:absolute;width:700px;height:700px;right:-210px;top:70px;background:radial-gradient(circle,#9270411c,transparent 66%)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;padding-top:130px;padding-bottom:100px;gap:12px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.25em;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:16px;text-transform:uppercase}.eyebrow-line{width:35px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.055em}h1{font-size:clamp(54px,6.3vw,100px);line-height:1.08;font-weight:600;margin:32px 0}h1 em,h2 em{font-style:normal;color:var(--gold);font-weight:500}.hero-description{max-width:470px;font-size:17px;line-height:1.95;color:#aea9a3}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:40px}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:18px 24px;font-size:13px;font-weight:700;transition:transform .25s,background .25s;border:1px solid transparent;min-height:56px}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--gold);color:#18140f}.btn.primary:hover{background:var(--goldlight)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #665942;padding-bottom:10px;display:inline-flex;gap:22px;align-items:center}.text-link:hover{color:var(--goldlight)}.hero-meta{display:flex;margin-top:80px;gap:35px}.hero-meta>div{border-left:1px solid #5a5042;padding-left:17px;display:flex;flex-direction:column;gap:7px}.hero-meta strong{font-size:24px;font-family:var(--display);font-weight:500}.hero-meta span{font-size:10px;letter-spacing:.07em;color:#8d857c}.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.hero-product{width:min(100%,610px);position:relative;z-index:2;mix-blend-mode:screen;filter:drop-shadow(0 25px 36px #0008);animation:float 7s ease-in-out infinite}.hero-image-backdrop{position:absolute;inset:10%;background:radial-gradient(ellipse,#b68b4940,transparent 68%);filter:blur(40px)}.hero-orbit{position:absolute;border:1px solid #b4935e22;border-radius:50%;width:90%;aspect-ratio:1}.orbit-two{width:70%}.hero-vertical{position:absolute;right:-20px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:10px;letter-spacing:.25em;color:#786c5d}.hero-number{position:absolute;bottom:4%;left:15%;font-size:14px;letter-spacing:.1em}.hero-number span{color:#68615a}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:16px;align-items:center;color:#817970;font-size:10px;letter-spacing:.2em}.section{padding:128px 0}.collection{background:#101012}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:52px}.section-heading h2,.statement h2,.contact h2{font-size:clamp(38px,4.1vw,64px);line-height:1.15;font-weight:600;margin:15px 0 0}.section-heading>p{color:var(--muted);max-width:335px;font-size:14px;line-height:1.9;margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #34302c;margin-bottom:32px;padding-bottom:18px;gap:15px}.filters{display:flex;gap:24px;flex-wrap:wrap}.filter{border:0;background:none;color:#908a82;padding:7px 0;cursor:pointer;font-size:13px;font-weight:700;position:relative}.filter span{font-size:10px;color:#6e695f;margin-left:3px}.filter.active{color:var(--goldlight)}.filter.active:after{content:'';position:absolute;height:2px;background:var(--gold);bottom:-20px;left:0;right:0}#resultCount{font-size:12px;color:#858078}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{background:var(--panel);min-width:0;border:1px solid #242226;transition:transform .3s,border-color .3s;overflow:hidden;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-6px);border-color:#7a6340}.card-visual{width:100%;aspect-ratio:1.13;position:relative;overflow:hidden;background:#070708;display:flex;align-items:center;justify-content:center}.card-visual img{width:100%;height:100%;object-fit:contain;transition:transform .6s;filter:brightness(.95)}.product-card:hover img{transform:scale(1.06)}.card-tag{position:absolute;top:19px;left:19px;z-index:1;font-size:10px;letter-spacing:.13em;color:var(--goldlight);border:1px solid #8d744b88;padding:8px 10px;background:#101012cc}.placeholder-visual{background:radial-gradient(ellipse at center,#29241e,#111113 64%)}.placeholder-mark{font-family:var(--display);font-weight:500;font-size:100px;color:#9e835342;line-height:1}.placeholder-lines{position:absolute;inset:13%;border:1px solid #8c74412c;transform:rotate(45deg)}.card-content{padding:27px 28px 29px;flex:1;display:flex;flex-direction:column}.card-topline{font-size:10px;letter-spacing:.17em;color:#a58b67;margin-bottom:9px}.card-content h3{font:600 26px var(--display);margin:0 0 16px}.card-spec-row{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #2e2b28;padding:13px 0;font-size:12px}.card-spec-row span{color:#918b83}.card-spec-row strong{font-weight:600;color:#ddd6c9;text-align:right}.card-action{margin-top:auto;padding-top:18px;color:var(--goldlight);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.card-action .arrow{font-size:22px;font-weight:400}.card-button{display:block;width:100%;cursor:pointer;text-align:left;border:0;background:transparent;color:inherit;padding:0}.card-button:focus-visible{outline-offset:-4px}.product-card[hidden]{display:none}.statement{background:radial-gradient(circle at 15% 50%,#292219,#181718 50%,#121214 90%);padding:130px 0}.statement-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.statement-symbol{font-size:230px;text-align:center;color:#7f6641;font-family:serif;text-shadow:0 0 100px #ad814152}.statement h2{margin-bottom:24px}.statement p:not(.eyebrow){color:#b5aea6;max-width:640px;font-size:16px;line-height:2;margin-bottom:28px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.contact p:not(.eyebrow){font-size:15px;max-width:450px;color:var(--muted);line-height:1.9;margin:25px 0 35px}.contact-card{border:1px solid #36312b;background:#141416;padding:28px 38px}.contact-row{padding:27px 0;display:flex;flex-direction:column;gap:11px;border-bottom:1px solid #36312b}.contact-row:last-child{border:0}.contact-row>span{font-size:10px;letter-spacing:.16em;color:var(--gold)}.contact-row a,.contact-row strong{font-weight:500;font-size:19px;word-break:break-word}.contact-row a:hover{color:var(--goldlight)}.footer{border-top:1px solid #262329}.footer-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .wordmark{font-size:17px}.footer p,.top-link{font-size:12px;color:#837e77;margin:0}.top-link:hover{color:var(--goldlight)}.product-dialog{width:min(1000px,calc(100vw - 28px));max-height:min(90dvh,850px);padding:0;border:1px solid #5b4b37;background:#181719;color:var(--text);box-shadow:0 20px 90px #000b;overflow-y:auto}.product-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-layout{display:grid;grid-template-columns:1fr 1fr}.dialog-photo{background:#050505;min-height:510px;display:flex;align-items:center;justify-content:center}.dialog-photo img{width:100%;height:100%;max-height:620px;object-fit:contain}.dialog-photo.placeholder-visual{min-height:510px}.dialog-content{padding:60px 45px 45px}.dialog-content h2{font-size:52px;line-height:1.1;margin:15px 0 20px}.dialog-content>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#aaa39b}.specs{margin:26px 0}.spec-row{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #38332e;font-size:12px}.spec-row span{color:#a49a8d}.spec-row strong{color:#ece5d9;text-align:right;font-weight:600;max-width:56%}.dialog-contact{margin-top:15px}.dialog-close{position:sticky;top:12px;float:right;margin:12px 12px -55px 0;z-index:3;width:40px;height:40px;border:1px solid #534838;background:#211d1b;color:white;font-size:29px;cursor:pointer}.dialog-close:hover{background:#433629}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-17px)}}@media(max-width:1000px){.wrap{padding:0 28px}.hero-grid{grid-template-columns:1fr 1fr}.hero-meta{gap:14px}.hero-meta span{font-size:9px}.hero-visual{min-height:390px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{gap:55px}.hero-vertical{display:none}}@media(max-width:700px){.wrap{padding:0 20px}.nav-shell{height:72px;gap:14px}.wordmark{font-size:18px}.language-switch{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:0;padding:10px;order:3;cursor:pointer}.menu-toggle span{width:21px;height:2px;background:var(--text)}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;padding:22px 25px 30px;background:#111113;border-bottom:1px solid #40352b;flex-direction:column;align-items:flex-start;gap:22px}.nav-links.open{display:flex}.hero{min-height:850px;min-height:100svh}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:135px;padding-bottom:85px;gap:0}.hero-copy{z-index:3}.hero h1{font-size:clamp(43px,11vw,72px);margin:22px 0}.hero-description{font-size:14px;line-height:1.8;max-width:380px}.hero-actions{margin-top:28px;gap:20px;flex-wrap:wrap}.hero-meta{margin-top:35px}.hero-meta strong{font-size:19px}.hero-meta>div{padding-left:10px}.hero-visual{min-height:220px;margin-top:-10px;align-self:flex-end;width:85%;opacity:.85}.hero-orbit{max-width:260px}.hero-product{max-width:340px}.hero-number{display:none}.scroll-cue{bottom:12px}.section{padding:78px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.statement h2,.contact h2{font-size:clamp(34px,9vw,48px)}.section-heading>p{margin-top:20px}.toolbar{align-items:flex-start}.filters{gap:15px}.filter{font-size:11px}.filter.active:after{bottom:-20px}.product-grid{grid-template-columns:1fr;gap:18px}.card-visual{aspect-ratio:1.3}.card-content{padding:24px}.statement{padding:80px 0}.statement-layout{display:block}.statement-symbol{font-size:100px;text-align:left;margin-bottom:10px}.statement p:not(.eyebrow){font-size:14px}.contact-layout{grid-template-columns:1fr;gap:38px}.contact-card{padding:10px 25px}.contact-row a,.contact-row strong{font-size:16px}.footer-inner{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.footer p{order:3;flex-basis:100%}.dialog-layout{grid-template-columns:1fr}.dialog-photo,.dialog-photo.placeholder-visual{min-height:260px;max-height:310px}.dialog-content{padding:35px 25px}.dialog-content h2{font-size:36px}.spec-row{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Original HOMOGENIX leather background from the previous website. */
.hero{background:#0b0b0c;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('assets/original-leather-background.webp');background-size:cover;background-position:center 42%;opacity:.70;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,7,9,.88) 0%,rgba(7,7,9,.65) 41%,rgba(7,7,9,.40) 72%,rgba(7,7,9,.61) 100%),linear-gradient(0deg,#0c0c0e 0%,transparent 20%,transparent 80%,#0c0c0e 100%);pointer-events:none}
.hero-glow{opacity:.35}.hero-image-backdrop{opacity:.6}
.statement{isolation:isolate;position:relative;background:#0d0c0d}
.statement::before{content:"";inset:0;position:absolute;z-index:-2;background:url('assets/original-leather-background.webp') center 44%/cover no-repeat;opacity:.45}
.statement::after{content:"";inset:0;position:absolute;z-index:-1;background:linear-gradient(90deg,rgba(8,7,8,.85),rgba(8,7,8,.61)),linear-gradient(0deg,#0d0c0d,transparent 18%,transparent 82%,#0d0c0d)}
@media(max-width:700px){.hero::before{background-position:57% 48%;opacity:.52}.hero::after{background:linear-gradient(180deg,rgba(7,7,9,.85),rgba(7,7,9,.68) 66%,rgba(7,7,9,.79))}.statement::before{background-position:60% center}}

/* 2026 responsive update: headline uses a cropped editorial banner */
.hero{min-height:640px;min-height:min(740px,92svh);background:#0c0b0a;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/baner-homogenix.webp') center 45% / cover no-repeat;opacity:1}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,9,.93) 0%,rgba(8,8,9,.69) 49%,rgba(8,8,9,.28) 100%),linear-gradient(0deg,#0c0c0e,transparent 18%,transparent 83%,#0c0c0e)}
.hero-grid{padding-top:135px;padding-bottom:95px}.hero-visual{min-height:390px}.hero-product{max-height:400px;object-fit:contain;animation:none}.hero-orbit{opacity:.4}.hero-glow{display:none}
.hero-number{display:none}.hero-meta{display:none}.toolbar{display:none}
.card-visual img{object-fit:contain;display:block}.product-grid{margin-top:28px}
.statement::before{background-image:url('assets/baner-homogenix.webp')}
@media(max-width:700px){.hero{min-height:760px}.hero::before{background-position:57% center}.hero::after{background:linear-gradient(180deg,rgba(9,9,10,.86) 0%,rgba(9,9,10,.66) 55%,rgba(9,9,10,.84) 100%)}.hero-grid{padding-top:120px;padding-bottom:65px}.hero-visual{min-height:190px}.hero-product{max-height:230px}.card-visual{aspect-ratio:1.3}}


/* === v2 header banner corrections === */
.wordmark--image{display:block;line-height:0;flex:0 0 auto}
.wordmark--image img{display:block;width:min(380px,42vw);height:auto;max-height:60px;object-fit:contain;border-radius:6px;box-shadow:0 6px 22px rgba(0,0,0,.28)}
.site-header{background:rgba(12,12,14,.80);backdrop-filter:blur(16px)}
.site-header.scrolled{background:rgba(12,12,14,.94)}
.nav-shell{height:96px}
.hero{background:radial-gradient(ellipse at 74% 45%,#2b241c 0%,#111113 38%,#0c0c0e 72%)}
.hero::before,.statement::before{content:none !important;background:none !important}
.hero-grid{padding-top:160px}
@media(max-width:700px){
  .nav-shell{height:84px}
  .wordmark--image img{width:min(250px,56vw);max-height:42px}
  .nav-links{top:84px}
  .hero-grid{padding-top:132px}
}

/* Original cut-out logo, no leather background */
.wordmark--image img{width:248px;max-height:none;height:auto;object-fit:contain;border-radius:0;box-shadow:none}
.nav-shell{height:136px;gap:28px}
.nav-links{gap:26px}
@media(max-width:900px){.wordmark--image img{width:195px}.nav-shell{height:108px;gap:14px}.nav-links{gap:14px}}
@media(max-width:700px){.wordmark--image img{width:150px;max-height:none}.nav-shell{height:86px}.nav-links{top:86px}.hero-grid{padding-top:150px}}

/* EMI Reference variant labels */
.emi-variant{margin:-5px 0 18px;font-size:12px;letter-spacing:.08em;color:var(--goldlight);line-height:1.5}

/* Mobile hero product centering correction. Desktop remains unchanged. */
@media (max-width:700px) {
  .hero-grid {
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  .hero-visual {
    align-self:stretch;
    width:100%;
    min-width:0;
    margin:22px auto 0;
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
  }
  .hero-product {
    display:block;
    width:min(82vw,330px);
    max-width:100%;
    max-height:310px;
    height:auto;
    object-fit:contain;
    object-position:center center;
    margin-inline:auto;
    position:relative;
    left:auto;
    right:auto;
    transform:none;
    animation:none;
  }
  .hero-image-backdrop,.hero-orbit {left:50%;right:auto;transform:translateX(-50%);}
}