:root{
  --black:#101010; --black2:#171717; --ivory:#f4f0e9; --sand:#d9c9b5; --oat:#c7aa87;
  --blue:#273e5c; --gold:#c59649; --gold2:#e0b66e; --muted:#8d8a84; --line:rgba(20,20,20,.13);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Manrope",sans-serif;color:#171717;background:#fff;overflow-x:hidden}img{display:block}a{text-decoration:none}
.venler-nav{padding:17px 0;transition:.35s ease;background:linear-gradient(to bottom,rgba(0,0,0,.58),rgba(0,0,0,0))}.venler-nav.scrolled{background:rgba(14,14,14,.94);padding:11px 0;backdrop-filter:blur(14px);box-shadow:0 1px rgba(255,255,255,.08)}
.venler-brand{display:flex;align-items:center;gap:11px;color:#fff!important;font-family:"Playfair Display",serif;font-size:1.35rem;letter-spacing:.27em}.brand-mark{font-family:"Manrope",sans-serif;font-weight:300;color:var(--gold2);font-size:1.45rem;line-height:1;transform:skew(-8deg)}
.nav-link{color:rgba(255,255,255,.82)!important;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:500;padding:9px 0!important;position:relative}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--gold2);transition:.25s}.nav-link:hover:after{right:0}.nav-cta{border:1px solid rgba(255,255,255,.34);padding:9px 17px!important}.nav-cta:after{display:none}
.hero-section{min-height:100vh;position:relative;background:#111;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('../images/venler-towels.png');background-size:cover;background-position:62% center;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.94) 0%,rgba(7,7,7,.74) 37%,rgba(7,7,7,.22) 67%,rgba(7,7,7,.05) 100%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 42%)}.hero-content{position:relative;z-index:2}.hero-kicker,.eyebrow{font-size:.68rem;letter-spacing:.25em;font-weight:600;text-transform:uppercase;color:#8b7861}.hero-kicker{color:var(--gold2)}.hero-section h1{font-family:"Playfair Display",serif;color:#fff;font-size:clamp(3.5rem,7vw,7rem);line-height:.96;font-weight:500;letter-spacing:-.035em;margin:20px 0 26px}.hero-section h1 span{color:#d9c3a6;font-style:italic;font-weight:500}.hero-copy{color:rgba(255,255,255,.76);max-width:625px;font-size:1.02rem;line-height:1.85;font-weight:300}.btn-gold,.btn-ghost{border-radius:0;padding:14px 22px;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.btn-gold{background:var(--gold);color:#111;border:1px solid var(--gold)}.btn-gold:hover{background:var(--gold2);border-color:var(--gold2);color:#111}.btn-ghost{border:1px solid rgba(255,255,255,.52);color:#fff}.btn-ghost:hover{background:#fff;color:#111}.hero-meta{display:flex;align-items:center;gap:17px;color:rgba(255,255,255,.55);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.hero-meta i{width:3px;height:3px;background:var(--gold2);border-radius:50%}.scroll-cue{position:absolute;right:38px;bottom:34px;z-index:3;color:rgba(255,255,255,.55);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:10px;transform:rotate(90deg);transform-origin:right bottom}.scroll-cue span{width:42px;height:1px;background:rgba(255,255,255,.42)}
.section-space{padding:120px 0}.bg-ivory{background:var(--ivory)}.bg-sand{background:#e4d9ca}.display-title{font-family:"Playfair Display",serif;font-size:clamp(2.7rem,5vw,5rem);line-height:1.04;letter-spacing:-.03em;font-weight:500;margin:14px 0 0}.section-copy{font-size:.98rem;line-height:1.9;color:#68635e;font-weight:300}.product-showcase{position:relative;background:#ddd;overflow:hidden;box-shadow:0 28px 55px rgba(50,38,25,.14)}.product-showcase img{width:100%;transition:transform .8s ease}.product-showcase:hover img{transform:scale(1.015)}.image-zoom{position:absolute;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.94);border:0;font-size:1.65rem;font-weight:200;line-height:1;box-shadow:0 8px 25px rgba(0,0,0,.16);transition:.25s}.image-zoom:hover{transform:scale(1.08)}.image-zoom.dark{background:#171717;color:#fff}.tone-card{min-height:190px;padding:32px;border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:start;background:rgba(255,255,255,.36)}.tone-number{font-size:.65rem;letter-spacing:.15em;color:#8a8074;padding-top:8px}.tone-card h3{font-family:"Playfair Display",serif;font-size:1.75rem;margin:0 0 10px}.tone-card p{font-size:.87rem;line-height:1.75;color:#726c65;margin:0}.swatch{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.42)}.swatch.oat{background:var(--oat)}.swatch.blue{background:var(--blue)}
.details-section{background:var(--black2)}.text-gold{color:var(--gold2)!important}.text-soft{color:#aaa6a0!important}.text-link{display:inline-flex;gap:16px;color:#fff;margin-top:15px;border-bottom:1px solid rgba(255,255,255,.26);padding-bottom:7px;font-size:.82rem;letter-spacing:.04em}.text-link span{color:var(--gold2)}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}.spec-item{min-height:170px;padding:28px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;justify-content:flex-end}.spec-item>span{color:var(--gold2);font-size:.62rem;letter-spacing:.14em;margin-bottom:auto}.spec-item strong{color:#fff;font-family:"Playfair Display",serif;font-weight:500;font-size:1.65rem}.spec-item small{color:#8f8d89;font-size:.72rem;margin-top:4px}.signature-strip{display:flex;align-items:center;gap:40px;color:#fff;border-top:1px solid rgba(255,255,255,.12);padding-top:36px}.signature-strip>div:not(.signature-line){flex:1}.signature-strip span{display:block;color:#77736d;font-size:.62rem;letter-spacing:.16em;margin-bottom:7px}.signature-strip strong{display:block;font-family:"Playfair Display",serif;font-size:1.45rem;letter-spacing:.07em;font-weight:500}.signature-strip small{color:#8e8a84;font-size:.72rem}.signature-line{width:1px;height:68px;background:rgba(255,255,255,.13)}
.packaging-frame{position:relative;background:#fff;padding:13px;box-shadow:0 34px 70px rgba(56,43,28,.18)}.packaging-frame img{width:100%}.packaging-points{margin-top:32px;border-top:1px solid rgba(20,20,20,.15)}.packaging-points div{display:grid;grid-template-columns:45px 1fr;padding:15px 0;border-bottom:1px solid rgba(20,20,20,.15);align-items:center}.packaging-points b{font-size:.65rem;letter-spacing:.12em;color:#8b6a45}.packaging-points span{font-size:.86rem}
.brand-section{background:#0c0c0c}.brand-board-wrap{box-shadow:0 35px 90px rgba(0,0,0,.45);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.brand-board-wrap img{width:100%}.brand-pillars{display:flex;flex-wrap:wrap;gap:9px}.brand-pillars span{border:1px solid rgba(255,255,255,.18);color:#c7c4bf;padding:9px 13px;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase}
.manifesto-section{background:#c8ab84}.manifesto{min-height:490px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:45px}.manifesto>span{font-size:.68rem;letter-spacing:.34em;font-weight:600}.manifesto h2{font-family:"Playfair Display",serif;font-size:clamp(3rem,6vw,6rem);line-height:.97;margin:20px 0;letter-spacing:-.04em}.manifesto p{font-size:.9rem;letter-spacing:.04em}
.contact-section{background:#f7f4ef}.domain-link{font-family:"Playfair Display",serif;color:#111;font-size:1.55rem;border-bottom:1px solid #111;padding-bottom:5px;display:inline-flex;gap:20px;align-items:center}.domain-link span{font-family:"Manrope",sans-serif;font-size:1rem;color:#967247}footer{background:#111;color:#777;padding:30px 0}.footer-brand{font-family:"Playfair Display",serif;color:#d9d6d0;letter-spacing:.22em}.footer-brand small{font-family:"Manrope",sans-serif;display:block;font-size:.48rem;color:#6e6c69;letter-spacing:.22em;margin-top:6px}.footer-copy{font-size:.68rem;letter-spacing:.06em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:991px){.section-space{padding:90px 0}.venler-nav{background:rgba(14,14,14,.94)}.hero-image{background-position:70% center}.hero-shade{background:linear-gradient(90deg,rgba(7,7,7,.95) 0%,rgba(7,7,7,.72) 60%,rgba(7,7,7,.3) 100%)}.scroll-cue{display:none}.nav-link{padding:10px 0!important}.nav-cta{border:0}.spec-grid{margin-top:25px}.signature-strip{gap:25px}}
@media (max-width:767px){.hero-section h1{font-size:3.7rem}.hero-image{background-position:74% center}.hero-shade{background:linear-gradient(90deg,rgba(7,7,7,.96),rgba(7,7,7,.67)),linear-gradient(0deg,rgba(0,0,0,.45),transparent)}.hero-meta{gap:10px;flex-wrap:wrap}.tone-card{grid-template-columns:auto 1fr}.tone-card .swatch{grid-column:2}.spec-item{min-height:145px;padding:21px}.signature-strip{flex-direction:column;align-items:flex-start}.signature-line{width:100%;height:1px}.manifesto{min-height:390px;padding:30px 10px}}
@media (max-width:480px){.section-space{padding:72px 0}.hero-section h1{font-size:3.2rem}.hero-copy{font-size:.92rem}.btn-gold,.btn-ghost{width:100%;text-align:center}.spec-grid{grid-template-columns:1fr}.spec-item{min-height:125px}.display-title{font-size:2.7rem}.tone-card{padding:24px}.image-zoom{width:42px;height:42px}}

/* Premium editorial hero — v2 */
.premium-hero{min-height:100vh;background:#111;overflow:visible;padding-bottom:58px}.premium-hero .min-vh-100{min-height:calc(100vh - 58px)!important}.hero-copy-panel{background:#f1ede6;display:flex;align-items:center;position:relative;z-index:2}.hero-copy-inner{width:100%;max-width:650px;margin-left:auto;padding:140px 70px 100px max(70px,calc((100vw - 1320px)/2))}.premium-hero .hero-kicker{color:#8f6d3b;letter-spacing:.28em}.hero-rule{width:42px;height:1px;background:#a67938;margin:22px 0 28px}.premium-hero h1{font-family:"Playfair Display",serif;color:#111;font-size:clamp(4rem,6.1vw,7.4rem);line-height:.88;font-weight:500;letter-spacing:-.055em;margin:0 0 32px;white-space:pre-line}.premium-hero h1 span{display:block;color:#9b7444;font-style:italic;font-weight:500;margin-top:10px}.premium-hero .hero-copy{color:#5f5a54;max-width:560px;font-size:1rem;line-height:1.85;font-weight:300}.btn-ghost-dark{border-radius:0;padding:14px 22px;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600;border:1px solid rgba(17,17,17,.35);color:#171717}.btn-ghost-dark:hover{background:#171717;color:#fff;border-color:#171717}.hero-trust{display:flex;gap:0;border-top:1px solid rgba(17,17,17,.14);border-bottom:1px solid rgba(17,17,17,.14);max-width:520px}.hero-trust>div{flex:1;padding:18px 22px 17px 0}.hero-trust>div+div{border-left:1px solid rgba(17,17,17,.12);padding-left:22px}.hero-trust strong{display:block;font-family:"Playfair Display",serif;font-size:1.35rem;font-weight:500;line-height:1.1}.hero-trust span{display:block;margin-top:5px;font-size:.56rem;letter-spacing:.18em;color:#817970}.hero-visual-panel{position:relative;min-height:700px;background:#1b1917;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url('../images/venler-hero.jpg');background-size:cover;background-position:center;transform:scale(1.02);transition:transform 1.5s ease}.premium-hero:hover .hero-photo{transform:scale(1.045)}.hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,16,14,.15),transparent 35%),linear-gradient(0deg,rgba(8,8,8,.50),transparent 38%)}.hero-product-label{position:absolute;left:54px;bottom:54px;color:#fff;z-index:2}.hero-product-label span{display:block;font-size:.58rem;letter-spacing:.23em;color:#d0aa70;margin-bottom:8px}.hero-product-label strong{font-family:"Playfair Display",serif;font-size:1.28rem;font-weight:500;letter-spacing:.01em}.hero-product-label i{font-style:normal;color:#caa05f;padding:0 7px}.hero-monogram{position:absolute;right:43px;top:108px;color:rgba(255,255,255,.12);font-family:"Playfair Display",serif;font-size:7.5rem;line-height:1;font-style:italic}.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;height:58px;background:#101010;z-index:4;display:flex;align-items:center}.hero-bottom-inner{display:flex;align-items:center;justify-content:center;gap:24px;height:58px;color:rgba(255,255,255,.68);font-size:.58rem;letter-spacing:.17em;white-space:nowrap}.hero-bottom-inner i{width:3px;height:3px;border-radius:50%;background:#bf9656}.premium-hero+.section-space{position:relative}
@media (max-width:1199px){.hero-copy-inner{padding-left:48px;padding-right:48px}.premium-hero h1{font-size:5.2rem}.hero-product-label{left:38px;bottom:38px}}
@media (max-width:991px){.premium-hero{padding-bottom:0}.premium-hero .min-vh-100{min-height:auto!important}.hero-copy-panel{min-height:620px}.hero-copy-inner{max-width:none;margin:0;padding:130px 48px 70px}.hero-visual-panel{min-height:580px}.hero-bottom-line{position:relative;height:auto}.hero-bottom-inner{height:auto;min-height:58px;flex-wrap:wrap;padding:17px 0;gap:12px 18px}.hero-monogram{top:35px}.premium-hero h1{font-size:clamp(4.2rem,10vw,6rem)}}
@media (max-width:767px){.hero-copy-panel{min-height:auto}.hero-copy-inner{padding:115px 26px 58px}.premium-hero h1{font-size:4rem}.hero-visual-panel{min-height:470px}.hero-product-label{left:24px;bottom:26px}.hero-product-label strong{font-size:1.05rem}.hero-trust>div{padding-right:12px}.hero-trust>div+div{padding-left:12px}.hero-trust strong{font-size:1.08rem}.hero-bottom-inner{justify-content:flex-start}.hero-bottom-inner i{display:none}}
@media (max-width:480px){.premium-hero h1{font-size:3.45rem}.hero-copy-inner{padding-top:105px}.hero-trust{flex-direction:column;border-bottom:0}.hero-trust>div,.hero-trust>div+div{border-left:0;border-bottom:1px solid rgba(17,17,17,.12);padding:12px 0}.hero-visual-panel{min-height:400px}.hero-photo{background-position:48% center}.hero-monogram{font-size:5rem;right:20px}.hero-product-label strong{display:block;max-width:260px}}

/* VENLER premium hero — final trademark launch version */
.hero-v3{min-height:100vh;background:#151412;position:relative;overflow:hidden;padding:0 0 76px;color:#fff}
.hero-v3:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.055) 0 1px,transparent 1.3px),radial-gradient(circle at 68% 42%,rgba(255,255,255,.025) 0 1px,transparent 1.5px);background-size:6px 6px,9px 9px;mix-blend-mode:soft-light}
.hero-v3-shell{min-height:calc(100vh - 76px);display:grid;grid-template-columns:40% 60%;position:relative;z-index:1}
.hero-v3-copy{background:linear-gradient(145deg,#1d1b18 0%,#131210 65%,#0f0e0d 100%);display:flex;align-items:center;position:relative}
.hero-v3-copy:after{content:"";position:absolute;top:0;right:-70px;width:140px;height:100%;background:linear-gradient(90deg,#0f0e0d 0%,rgba(15,14,13,.7) 45%,transparent 100%);z-index:2;pointer-events:none}
.hero-v3-copy-inner{width:100%;max-width:620px;margin-left:auto;padding:132px 48px 76px max(70px,calc((100vw - 1320px)/2));position:relative;z-index:3}
.hero-logo-lockup{width:min(350px,82%);margin:0 0 28px;overflow:hidden;position:relative}
.hero-logo-lockup img{display:block;width:100%;height:auto;filter:saturate(.76) brightness(.93) contrast(1.04)}
.hero-v3 .hero-kicker{font-size:.62rem;letter-spacing:.26em;color:#b8935f;margin-bottom:22px;font-weight:600}
.hero-v3 h1{font-family:"Playfair Display",serif;font-size:clamp(3.8rem,5.2vw,6.3rem);line-height:.93;letter-spacing:-.045em;font-weight:500;color:#f3efe9;margin:0 0 27px}
.hero-v3 h1 span{display:block;color:#b38a53;font-style:italic;font-weight:500;margin-top:7px}
.hero-v3 .hero-copy{color:#bdb7ae;max-width:520px;font-size:.96rem;line-height:1.82;font-weight:300;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:29px}
.hero-v3 .btn-gold{background:#aa824a;border-color:#aa824a;color:#111;border-radius:0;padding:14px 22px;text-transform:uppercase;letter-spacing:.095em;font-size:.69rem;font-weight:700}
.hero-v3 .btn-gold:hover{background:#bd9660;border-color:#bd9660;color:#111}
.btn-outline-luxe{border:1px solid rgba(255,255,255,.32);color:#f4f0ea;border-radius:0;padding:14px 22px;text-transform:uppercase;letter-spacing:.095em;font-size:.69rem;font-weight:600}
.btn-outline-luxe:hover{background:#f1ece4;color:#171513;border-color:#f1ece4}
.hero-signature{display:flex;gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);max-width:500px}
.hero-signature span{flex:1;padding:15px 18px 14px 0;color:#d0c8be;font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.hero-signature span+span{border-left:1px solid rgba(255,255,255,.12);padding-left:18px}
.hero-v3-visual{position:relative;min-height:720px;background:#111;overflow:hidden}
.hero-v3-photo{position:absolute;inset:0;background:url('../images/venler-hero.jpg') center/cover no-repeat;transform:scale(1.055);transition:transform 1.8s cubic-bezier(.2,.7,.2,1);filter:saturate(.9) contrast(1.03) brightness(.78)}
.hero-v3:hover .hero-v3-photo{transform:scale(1.085)}
.hero-v3-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,14,13,.58) 0%,rgba(15,14,13,.08) 27%,rgba(4,4,4,.03) 64%,rgba(0,0,0,.22) 100%),linear-gradient(0deg,rgba(0,0,0,.58) 0%,transparent 33%)}
.hero-v3-caption{position:absolute;left:64px;bottom:54px;z-index:2}.hero-v3-caption span{display:block;color:#b99259;font-size:.56rem;letter-spacing:.22em;margin-bottom:8px}.hero-v3-caption strong{font-family:"Playfair Display",serif;font-size:1.35rem;font-weight:500;letter-spacing:.01em}.hero-v3-caption i{font-style:normal;color:#b99259;padding:0 8px}
.hero-v3-features{height:76px;background:#0d0c0b;border-top:1px solid rgba(183,145,90,.24);position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center}
.hero-v3-feature-grid{display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.hero-v3-feature-grid>div{padding:0 24px;border-right:1px solid rgba(255,255,255,.11)}.hero-v3-feature-grid>div:first-child{padding-left:0}.hero-v3-feature-grid>div:last-child{border-right:0}.hero-v3-feature-grid b{display:block;color:#e1d8cd;font-size:.61rem;letter-spacing:.11em;font-weight:600}.hero-v3-feature-grid small{display:block;color:#77716a;font-size:.64rem;margin-top:4px}
.venler-brand-image{display:none!important}
@media(max-width:1199px){.hero-v3-shell{grid-template-columns:44% 56%}.hero-v3-copy-inner{padding-left:44px;padding-right:32px}.hero-logo-lockup{width:310px}.hero-v3 h1{font-size:4.7rem}.hero-v3-caption{left:40px;bottom:40px}.hero-v3-feature-grid>div{padding:0 15px}}
@media(max-width:991px){.hero-v3{padding-bottom:0}.hero-v3-shell{display:block}.hero-v3-copy{min-height:auto}.hero-v3-copy:after{display:none}.hero-v3-copy-inner{max-width:none;margin:0;padding:125px 44px 58px}.hero-logo-lockup{width:330px}.hero-v3-visual{min-height:580px}.hero-v3-features{position:relative;height:auto;padding:20px 0}.hero-v3-feature-grid{grid-template-columns:repeat(2,1fr);gap:18px}.hero-v3-feature-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 14px}.venler-brand-image{display:block!important;width:150px}.venler-brand-image img{width:100%;height:42px;object-fit:cover;object-position:center 40%;filter:saturate(.75) brightness(.95)} }
@media(max-width:767px){.hero-v3-copy-inner{padding:110px 26px 48px}.hero-logo-lockup{width:280px;margin-bottom:24px}.hero-v3 h1{font-size:3.75rem}.hero-v3 .hero-copy{font-size:.9rem}.hero-signature{flex-wrap:wrap}.hero-signature span{flex:none;width:50%;border-bottom:1px solid rgba(255,255,255,.08)}.hero-signature span+span{border-left:0;padding-left:0}.hero-v3-visual{min-height:460px}.hero-v3-caption{left:24px;bottom:25px}.hero-v3-caption strong{font-size:1.1rem}.hero-v3-feature-grid{grid-template-columns:1fr 1fr}.hero-v3-photo{background-position:54% center}}
@media(max-width:480px){.hero-logo-lockup{width:245px}.hero-v3 h1{font-size:3.25rem}.hero-actions .btn{width:100%;text-align:center}.hero-signature span{width:100%}.hero-v3-visual{min-height:390px}.hero-v3-feature-grid{grid-template-columns:1fr}.hero-v3-feature-grid>div{padding-bottom:12px}.venler-brand-image{width:130px}}

/* === HERO MATCHED TO APPROVED REFERENCE === */
:root{--venler-gold:#b98a49;--venler-gold-2:#c79a58;--venler-charcoal:#131311;--venler-ivory:#f2eee8}
.venler-nav{background:transparent!important;box-shadow:none!important;border:0!important;padding-top:18px;z-index:50}
.venler-nav.scrolled{background:rgba(12,12,11,.94)!important;backdrop-filter:blur(12px);padding-top:10px;padding-bottom:10px}
.venler-nav .container-xl{max-width:1450px}
.venler-nav .nav-link{color:#f2eee8!important;text-transform:uppercase;letter-spacing:.09em;font-size:.69rem;font-weight:500;padding:.65rem .25rem!important;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.venler-nav .nav-link:hover,.venler-nav .nav-link.active{color:var(--venler-gold-2)!important}
.venler-nav .nav-cta{border:0!important;padding-left:.25rem!important;padding-right:.25rem!important}
.venler-nav .navbar-collapse{margin-left:auto}
.venler-brand-image{visibility:hidden;width:315px!important;height:92px;overflow:hidden}
.venler-brand-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(.72) brightness(.91) contrast(1.08)!important}

.hero-reference{background:#0d0d0c;color:#fff;position:relative;overflow:hidden;padding-bottom:92px;min-height:100vh}
.hero-reference-main{min-height:calc(100vh - 92px);display:grid;grid-template-columns:38% 62%;position:relative}
.hero-reference-copy{position:relative;z-index:3;padding:34px 54px 48px max(72px,calc((100vw - 1480px)/2));display:flex;flex-direction:column;justify-content:center;background:#151412}
.hero-reference-copy:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.038),transparent 36%),linear-gradient(145deg,#191816 0%,#131210 62%,#0d0d0c 100%)}
.hero-reference-copy:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.10) 0 .6px,transparent .8px),radial-gradient(circle at 72% 48%,rgba(255,255,255,.06) 0 .5px,transparent .8px);background-size:5px 5px,8px 8px;mix-blend-mode:soft-light}
.hero-reference-logo{width:320px;margin:14px 0 30px;overflow:hidden}
.hero-reference-logo img{display:block;width:100%;height:auto;filter:saturate(.72) brightness(.9) contrast(1.08)}
.hero-reference-kicker{font-size:.64rem;letter-spacing:.20em;color:var(--venler-gold-2);font-weight:600;margin-bottom:19px}
.hero-reference h1{font-family:"Playfair Display",serif;font-weight:500;line-height:.88;letter-spacing:-.045em;font-size:clamp(4rem,5vw,6rem);margin:0}
.hero-reference h1 .white{color:#f8f5f0}
.hero-reference h1 .gold{color:var(--venler-gold);font-style:italic}
.hero-reference-rule{width:34px;height:2px;background:var(--venler-gold-2);margin:24px 0 17px}
.hero-reference-copy p{max-width:505px;color:#d0cbc4;font-size:.91rem;line-height:1.62;font-weight:300;margin:0}
.hero-reference-actions{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}
.btn-gold-ref,.btn-outline-ref{border-radius:0!important;padding:14px 20px!important;text-transform:uppercase;letter-spacing:.055em;font-size:.66rem!important;font-weight:600!important}
.btn-gold-ref{background:linear-gradient(90deg,#b68543,#c79b59)!important;border:1px solid #c79b59!important;color:#fff!important;min-width:225px}
.btn-gold-ref span{float:right;font-size:1rem;line-height:.8;margin-left:14px}
.btn-gold-ref:hover{filter:brightness(1.08)}
.btn-outline-ref{border:1px solid rgba(255,255,255,.42)!important;color:#fff!important;background:rgba(0,0,0,.08)!important;min-width:185px}
.btn-outline-ref:hover{background:#f2eee8!important;color:#111!important;border-color:#f2eee8!important}
.hero-reference-visual{position:relative;background-image:linear-gradient(90deg,rgba(13,13,12,.75) 0%,rgba(13,13,12,.16) 17%,rgba(10,10,10,.06) 55%,rgba(0,0,0,.20) 100%),linear-gradient(0deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,.05) 34%),url('../images/venler-hero.jpg');background-size:cover;background-position:center center;filter:saturate(.92) contrast(1.07) brightness(.72)}
.hero-reference-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 82% 18%,rgba(185,138,73,.08),transparent 32%),linear-gradient(90deg,#0d0d0c 0%,transparent 12%);pointer-events:none}
.hero-reference-features{height:92px;position:absolute;bottom:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:repeat(6,1fr);background:#0d0d0c;border-top:1px solid rgba(185,138,73,.28)}
.feature-ref-item{display:flex;align-items:center;gap:14px;padding:0 24px;border-right:1px solid rgba(255,255,255,.12);min-width:0}
.feature-ref-item:last-child{border-right:0}.feature-ref-icon{width:37px;min-width:37px}.feature-ref-icon svg{width:100%;height:auto;fill:none;stroke:#bf8a3a;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.feature-ref-item b{display:block;font-size:.60rem;letter-spacing:.045em;color:#fff;font-weight:600;white-space:nowrap}.feature-ref-item small{display:block;color:#c2bdb6;font-size:.61rem;line-height:1.45;margin-top:4px}

@media (max-width:1199px){.hero-reference-main{grid-template-columns:42% 58%}.hero-reference-copy{padding-left:42px;padding-right:32px}.hero-reference-logo{width:285px}.hero-reference h1{font-size:4.7rem}.hero-reference-features{grid-template-columns:repeat(3,1fr);height:auto;position:relative;padding:15px 0}.hero-reference{padding-bottom:0}.feature-ref-item{padding:12px 20px}.feature-ref-item:nth-child(3n){border-right:0}.feature-ref-item:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.08)}}
@media (max-width:991px){.venler-brand-image{visibility:visible!important;display:block!important;width:170px!important;height:48px}.hero-reference-main{display:block}.hero-reference-copy{min-height:660px;padding:115px 40px 55px}.hero-reference-logo{width:300px;margin-top:0}.hero-reference-visual{height:560px;background-position:center}.hero-reference h1{font-size:5rem}.venler-nav .navbar-collapse{background:rgba(12,12,11,.97);padding:18px;margin-top:10px}.venler-nav .nav-link{padding:.8rem 0!important}}
@media (max-width:767px){.hero-reference-copy{min-height:auto;padding:108px 26px 50px}.hero-reference-logo{width:270px}.hero-reference-kicker{font-size:.56rem}.hero-reference h1{font-size:4rem}.hero-reference-copy p{font-size:.88rem}.hero-reference-visual{height:450px;background-position:52% center}.hero-reference-features{grid-template-columns:repeat(2,1fr)}.feature-ref-item:nth-child(3n){border-right:1px solid rgba(255,255,255,.12)}.feature-ref-item:nth-child(2n){border-right:0}.feature-ref-item:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.08)}.feature-ref-item{padding:14px 16px}.feature-ref-item small{font-size:.58rem}}
@media (max-width:480px){.hero-reference-logo{width:240px}.hero-reference h1{font-size:3.35rem}.hero-reference-actions .btn{width:100%;min-width:0}.hero-reference-visual{height:390px}.hero-reference-features{grid-template-columns:1fr}.feature-ref-item,.feature-ref-item:nth-child(3n){border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.feature-ref-item:last-child{border-bottom:0}}

/* === APPROVED HERO: pixel-match to supplied reference === */
.approved-hero{position:relative;background:#0c0c0b;overflow:hidden;width:100%;line-height:0}
.approved-hero picture,.approved-hero-image{display:block;width:100%;height:auto}
.approved-hero-image{object-fit:contain;object-position:top center}
.approved-hero-links{position:absolute;inset:0;pointer-events:none}
.approved-hotspot{position:absolute;display:block;pointer-events:auto;background:transparent}
.approved-hotspot-collection{left:4.9%;top:58.5%;width:17.2%;height:7.1%}
.approved-hotspot-details{left:23.7%;top:58.5%;width:14.5%;height:7.1%}
/* Hide floating navbar on desktop because the approved reference already contains its exact navbar. */
@media (min-width:992px){
  body:has(.approved-hero) .venler-nav{display:none!important}
}
@media (max-width:991px){
  .approved-hero{padding-top:72px;background:#11100f}
  .approved-hero-image{width:170%;max-width:none;transform:translateX(-8%)}
  .approved-hotspot{display:none}
}
@media (max-width:575px){
  .approved-hero-image{width:205%;transform:translateX(-10%)}
}

/* === CLICKABLE APPROVED HERO NAV HOTSPOTS === */
/* Coordinates are percentages of the approved 1792×1024 hero artwork. */
.approved-nav{top:2.1%;height:5.2%;z-index:12}
.approved-nav-collection{left:49.1%;width:7.2%}
.approved-nav-details{left:57.4%;width:5.5%}
.approved-nav-packaging{left:63.9%;width:7.1%}
.approved-nav-story{left:72.0%;width:7.2%}
.approved-nav-contact{left:80.7%;width:6.8%}
.approved-hotspot:focus-visible{outline:2px solid #c79a58;outline-offset:2px}
@media (max-width:991px){
  .approved-nav{display:none}
}

/* =========================================================
   LIVE HTML/CSS HERO — REBUILT FROM THE APPROVED REFERENCE
   ========================================================= */
.live-hero{
  --hero-gold:#b88745;
  --hero-gold-bright:#c7974f;
  --hero-black:#0c0c0b;
  --hero-charcoal:#151513;
  background:var(--hero-black);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.live-hero-main{
  min-height:655px;
  display:grid;
  grid-template-columns:38.2% 61.8%;
  position:relative;
}
.live-hero-left{
  position:relative;
  z-index:3;
  min-width:0;
  padding:27px 55px 40px max(68px,calc((100vw - 1536px)/2 + 68px));
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 26% 18%,rgba(255,255,255,.035),transparent 38%),
    linear-gradient(135deg,#181816 0%,#121210 72%,#0c0c0b 100%);
}
.live-hero-left::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.25;
  background-image:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.12) 0 .55px,transparent .8px),
    radial-gradient(circle at 65% 45%,rgba(255,255,255,.07) 0 .45px,transparent .75px);
  background-size:5px 5px,8px 8px;
  mix-blend-mode:soft-light;
  pointer-events:none;
}
.live-hero-logo{
  display:block;
  width:min(330px,82%);
  margin:0 0 23px 0;
  line-height:0;
  overflow:hidden;
  text-decoration:none;
}
.live-hero-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:saturate(.75) brightness(.92) contrast(1.08);
}
.live-hero-copy{
  margin-top:auto;
  margin-bottom:auto;
  padding-top:4px;
}
.live-hero-kicker{
  color:var(--hero-gold-bright);
  text-transform:uppercase;
  letter-spacing:.19em;
  font-size:.68rem;
  font-weight:600;
  margin-bottom:18px;
  line-height:1.4;
}
.live-hero h1{
  margin:0;
  font-family:"Playfair Display",Georgia,serif;
  font-weight:500;
  font-size:clamp(4.2rem,5.05vw,5.8rem);
  line-height:.91;
  letter-spacing:-.047em;
}
.live-hero h1 span{display:block}
.hero-line-white{color:#f6f2ed}
.hero-line-gold{color:var(--hero-gold);font-style:italic}
.live-hero-rule{
  width:34px;
  height:2px;
  background:var(--hero-gold-bright);
  margin:22px 0 16px;
}
.live-hero-copy p{
  max-width:475px;
  color:#d3cec8;
  font-family:"Manrope",Arial,sans-serif;
  font-weight:300;
  font-size:.88rem;
  line-height:1.65;
  margin:0;
}
.live-hero-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:22px;
}
.live-btn-gold,.live-btn-outline{
  border-radius:0!important;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:.68rem!important;
  font-weight:600!important;
  padding:14px 18px!important;
  min-height:49px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  transition:.25s ease;
}
.live-btn-gold{
  min-width:232px;
  color:#fff!important;
  border:1px solid #c49752!important;
  background:linear-gradient(90deg,#b4803d 0%,#c89b57 100%)!important;
}
.live-btn-gold span{font-size:1.1rem;margin-left:16px;line-height:1}
.live-btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px)}
.live-btn-outline{
  min-width:188px;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.42)!important;
  background:rgba(0,0,0,.10)!important;
}
.live-btn-outline:hover{background:#f2eee8!important;color:#111!important;border-color:#f2eee8!important}

.live-hero-right{
  min-width:0;
  position:relative;
  background-image:
    linear-gradient(90deg,rgba(12,12,11,.65) 0%,rgba(12,12,11,.15) 13%,rgba(0,0,0,.02) 45%,rgba(0,0,0,.12) 100%),
    url('../images/venler-hero-product.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.live-hero-right::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(0,0,0,.30) 0%,transparent 30%);
}
.live-hero-nav{
  position:absolute;
  z-index:5;
  top:28px;
  left:0;
  right:52px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:42px;
  padding:0;
}
.live-hero-nav a{
  color:#f2eee9;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.71rem;
  line-height:1;
  font-weight:500;
  position:relative;
  padding:11px 0 12px;
  white-space:nowrap;
}
.live-hero-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:0;
  height:1px;
  background:var(--hero-gold-bright);
  transition:right .22s ease;
}
.live-hero-nav a:hover,.live-hero-nav a.active{color:var(--hero-gold-bright)}
.live-hero-nav a:hover::after,.live-hero-nav a.active::after{right:0}

.live-feature-strip{
  min-height:98px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  background:#0d0d0c;
  border-top:1px solid rgba(184,135,69,.28);
  border-bottom:1px solid rgba(255,255,255,.04);
}
.live-feature-item{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 24px;
  border-right:1px solid rgba(255,255,255,.12);
}
.live-feature-item:last-child{border-right:0}
.live-feature-item strong{
  display:block;
  color:#fff;
  font-size:.66rem;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.025em;
  font-weight:600;
  white-space:nowrap;
}
.live-feature-item small{
  display:block;
  color:#bfbab4;
  font-size:.62rem;
  line-height:1.45;
  margin-top:5px;
  font-weight:300;
}
.live-feature-icon{
  width:45px;
  min-width:45px;
  height:52px;
  color:#c28e42;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.7rem;
  line-height:1;
  font-family:Georgia,serif;
}
.waffle-icon{
  width:43px;height:47px;border:2px solid #c28e42;
  background:
    linear-gradient(90deg,transparent 29%,#c28e42 30%,#c28e42 34%,transparent 35%,transparent 64%,#c28e42 65%,#c28e42 69%,transparent 70%),
    linear-gradient(0deg,transparent 29%,#c28e42 30%,#c28e42 34%,transparent 35%,transparent 64%,#c28e42 65%,#c28e42 69%,transparent 70%);
}
.cotton-icon{font-size:3rem;transform:rotate(180deg);font-family:Georgia,serif}
.gsm-icon{display:flex;flex-direction:column;gap:2px;justify-content:center}
.gsm-icon i{display:block;width:34px;height:15px;border:2px solid #c28e42;transform:skewY(-24deg) rotate(-1deg)}
.size-icon{font-size:3.6rem;font-family:Arial,sans-serif;font-weight:100;transform:scaleX(.72)}
.border-icon{font-size:3.1rem;font-family:Arial,sans-serif}
.pack-icon{font-size:3.15rem;font-family:Georgia,serif}

@media (max-width:1300px){
  .live-hero-main{grid-template-columns:40% 60%;min-height:640px}
  .live-hero-left{padding-left:44px;padding-right:34px}
  .live-hero-logo{width:290px}
  .live-hero h1{font-size:4.55rem}
  .live-hero-nav{right:34px;gap:28px}
  .live-feature-item{padding:14px 16px;gap:10px}
  .live-feature-icon{width:37px;min-width:37px;transform:scale(.88)}
  .live-feature-item small{font-size:.58rem}
}
@media (max-width:1100px){
  .live-hero-main{grid-template-columns:44% 56%}
  .live-hero-nav{gap:19px;right:22px}
  .live-hero-nav a{font-size:.63rem}
  .live-feature-strip{grid-template-columns:repeat(3,1fr)}
  .live-feature-item:nth-child(3n){border-right:0}
  .live-feature-item:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media (max-width:991px){
  .live-hero-main{display:flex;flex-direction:column;min-height:0}
  .live-hero-left{order:2;padding:42px 34px 48px;min-height:auto}
  .live-hero-right{order:1;height:560px;background-position:center}
  .live-hero-nav{top:20px;left:24px;right:24px;justify-content:center;gap:25px;background:rgba(0,0,0,.30);backdrop-filter:blur(4px);padding:4px 14px}
  .live-hero-logo{width:300px;margin-bottom:28px}
  .live-hero h1{font-size:5rem}
}
@media (max-width:767px){
  .live-hero-right{height:430px;background-position:54% center}
  .live-hero-nav{overflow-x:auto;justify-content:flex-start;gap:22px;white-space:nowrap}
  .live-hero-left{padding:35px 24px 42px}
  .live-hero-logo{width:260px}
  .live-hero h1{font-size:4rem}
  .live-feature-strip{grid-template-columns:repeat(2,1fr)}
  .live-feature-item:nth-child(3n){border-right:1px solid rgba(255,255,255,.12)}
  .live-feature-item:nth-child(2n){border-right:0}
  .live-feature-item:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media (max-width:520px){
  .live-hero-right{height:350px;background-position:57% center}
  .live-hero-left{padding:30px 20px 36px}
  .live-hero-logo{width:230px}
  .live-hero-kicker{font-size:.58rem}
  .live-hero h1{font-size:3.35rem}
  .live-hero-copy p{font-size:.84rem}
  .live-hero-actions{display:grid;grid-template-columns:1fr}
  .live-btn-gold,.live-btn-outline{width:100%;min-width:0}
  .live-feature-strip{grid-template-columns:1fr}
  .live-feature-item,.live-feature-item:nth-child(3n){border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .live-feature-item:last-child{border-bottom:0}
}

/* =========================================================
   FINAL HERO VISIBILITY — FULL-BLEED TOWEL BACKGROUND
   Matches the supplied required-design visibility:
   one continuous product image across the hero, darkened on
   the left for copy, with the VENLER logo as a transparent PNG.
   ========================================================= */
.live-hero-main{
  min-height:655px;
  display:grid;
  grid-template-columns:38.2% 61.8%;
  position:relative;
  isolation:isolate;
  background-image:url('../images/venler-hero-product.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.live-hero-main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(12,12,11,.97) 0%,
      rgba(13,13,12,.94) 24%,
      rgba(13,13,12,.76) 36%,
      rgba(13,13,12,.26) 48%,
      rgba(0,0,0,.05) 63%,
      rgba(0,0,0,.10) 100%),
    linear-gradient(0deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.02) 45%);
}
.live-hero-main::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.13;
  background-image:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.22) 0 .45px,transparent .7px),
    radial-gradient(circle at 45% 70%,rgba(255,255,255,.12) 0 .4px,transparent .7px);
  background-size:5px 5px,8px 8px;
  mix-blend-mode:soft-light;
}
.live-hero-left{
  position:relative;
  z-index:2;
  min-width:0;
  padding:27px 55px 40px max(68px,calc((100vw - 1536px)/2 + 68px));
  display:flex;
  flex-direction:column;
  background:transparent !important;
}
.live-hero-left::after{display:none!important}
.live-hero-right{
  min-width:0;
  position:relative;
  z-index:2;
  background:none!important;
}
.live-hero-right::after{display:none!important}
.live-hero-logo{
  width:min(350px,88%);
  margin:4px 0 25px 0;
  overflow:visible;
}
.live-hero-logo img{
  width:100%;
  height:auto;
  display:block;
  filter:saturate(.78) brightness(.94) contrast(1.06);
}
.live-hero-nav{z-index:6}
.live-hero-copy{position:relative;z-index:3}

@media (max-width:1199px){
  .live-hero-main{grid-template-columns:42% 58%;background-position:56% center}
  .live-hero-main::before{background:linear-gradient(90deg,rgba(12,12,11,.98) 0%,rgba(13,13,12,.92) 30%,rgba(13,13,12,.56) 46%,rgba(0,0,0,.09) 62%,rgba(0,0,0,.12) 100%)}
}
@media (max-width:991px){
  .live-hero-main{display:block;background-position:62% center;min-height:auto}
  .live-hero-main::before{background:linear-gradient(90deg,rgba(12,12,11,.95) 0%,rgba(12,12,11,.80) 54%,rgba(0,0,0,.35) 100%),linear-gradient(0deg,rgba(0,0,0,.32),rgba(0,0,0,.10))}
  .live-hero-left{min-height:650px;background:transparent!important}
  .live-hero-right{position:absolute;inset:0;pointer-events:none}
  .live-hero-nav{pointer-events:auto}
}
@media (max-width:767px){
  .live-hero-main{background-position:66% center}
  .live-hero-main::before{background:linear-gradient(90deg,rgba(12,12,11,.96) 0%,rgba(12,12,11,.88) 67%,rgba(0,0,0,.44) 100%)}
  .live-hero-logo{width:min(300px,82%)}
}

/* =========================================================
   HERO PRODUCT POSITIONING — 2026-09-03 FINAL ADJUSTMENT
   Keep the approved hero composition, but scale the towel
   artwork down and anchor it to the right so it never sits
   behind the VENLER logo/copy area.
   ========================================================= */
@media (min-width:1200px){
  .live-hero-main{
    background-color:#0d0d0c;
    background-size:auto 88%;
    background-position:right 52%;
  }
  .live-hero-main::before{
    background:
      linear-gradient(90deg,
        rgba(12,12,11,.99) 0%,
        rgba(12,12,11,.97) 27%,
        rgba(12,12,11,.88) 36%,
        rgba(12,12,11,.48) 45%,
        rgba(0,0,0,.10) 57%,
        rgba(0,0,0,.06) 100%),
      linear-gradient(0deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.01) 45%);
  }
}
@media (min-width:1400px){
  .live-hero-main{
    background-size:auto 84%;
    background-position:right 52%;
  }
}
@media (min-width:1700px){
  .live-hero-main{
    background-size:auto 82%;
    background-position:right 52%;
  }
}
