@font-face{font-family:Peyda;src:url('assets/fonts/Peyda-Black.woff2') format('woff2');font-display:swap;font-weight:100 900}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3eadf;color:#2b170d;font-family:Peyda,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.nav{position:absolute;z-index:20;top:18px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 40px));height:72px;padding:0 20px 0 30px;display:flex;align-items:center;gap:36px;background:rgba(250,246,240,.88);border:1px solid rgba(255,255,255,.78);border-radius:28px;backdrop-filter:blur(18px);box-shadow:0 12px 45px rgba(67,38,20,.08);direction:ltr}.brand{font-size:29px;letter-spacing:.12em;font-weight:900;line-height:.72;white-space:nowrap}.brand span,.footer-brand span{color:#9c6333}.brand small,.footer-brand small{display:block;font-size:5px;letter-spacing:.25em;margin-top:10px}.nav nav{margin-left:auto;display:flex;gap:34px;font-size:13px;direction:rtl}.nav nav a{opacity:.78;white-space:nowrap}.nav nav a:hover{opacity:1}.nav-actions{display:flex;align-items:center;gap:12px}.nav-actions #lang{border:0;background:transparent;font-size:12px;cursor:pointer}.search{font-size:27px;line-height:1;transform:rotate(-20deg);opacity:.8}.consult{background:#32190d;color:#fff;padding:12px 20px;border-radius:999px;font-size:12px;white-space:nowrap}.hero{width:min(1440px,calc(100% - 28px));height:min(880px,96svh);min-height:720px;margin:0 auto 0;position:relative;overflow:hidden;border-radius:0 0 34px 34px;background:radial-gradient(circle at 72% 38%,#fbf7f0 0,#f3eadf 54%,#eee1d2 100%)}.hero-copy{position:absolute;z-index:4;left:7.2%;top:25%;width:min(390px,31%);direction:rtl;text-align:right}.kicker,.eyebrow,.section-head span,.corp-copy>span{font-size:10px;letter-spacing:.22em;color:#8e6c55}.hero-copy h1{font-size:clamp(38px,4.1vw,64px);line-height:1.18;margin:15px 0 20px;letter-spacing:-.025em}.hero-copy p{font-size:15px;line-height:2;max-width:360px;color:#6c5748;margin:0 0 27px}.cta{display:inline-flex;align-items:center;gap:20px;padding:14px 24px;border-radius:999px;background:#341a0d;color:#fff;font-size:13px}.cta b{font-size:19px}.hero-products{position:absolute;z-index:2;right:-1%;top:11%;width:72%;height:68%;display:flex;align-items:center;justify-content:flex-end}.hero-products img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center;filter:drop-shadow(0 25px 35px rgba(71,38,19,.08))}.swatches{position:absolute;z-index:5;left:-1%;right:-1%;bottom:-2px;height:29%;display:flex;align-items:flex-end;pointer-events:none}.swatches:before{content:"";position:absolute;inset:-50px 0 0;background:linear-gradient(to bottom,transparent,#f3eadf 75%);z-index:-1}.swatches img{width:102%;height:auto;max-height:100%;object-fit:cover;object-position:center bottom;filter:drop-shadow(0 16px 14px rgba(55,27,12,.18))}.intro{max-width:900px;margin:auto;padding:0px 30px 105px;text-align:center}.intro h2{font-size:clamp(38px,5vw,70px);margin:14px 0 20px;line-height:1.1}.intro p{max-width:700px;margin:auto;font-size:16px;line-height:2;color:#5e4a3e}.collections,.gallery-more{padding:0 max(4vw,24px) 115px}.section-head{max-width:1280px;margin:0 auto 34px;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2,.corp-copy h2{font-size:clamp(30px,4vw,56px);margin:8px 0;line-height:1.12}.section-head p{font-size:13px;color:#78685d}.grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:0;padding:0;background:#fff;border-radius:22px;overflow:hidden;position:relative;cursor:zoom-in;aspect-ratio:16/10}.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.card:hover img{transform:scale(1.025)}.card .label{position:absolute;right:14px;bottom:14px;background:rgba(247,241,232,.9);padding:9px 13px;border-radius:999px;font-size:11px;backdrop-filter:blur(8px)}.corporate{margin:0 max(4vw,24px) 115px;background:#2a170e;color:#f7efe5;border-radius:34px;padding:clamp(26px,5vw,70px);display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.corp-copy p{line-height:2;color:#d7c6b9;max-width:520px}.packs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;direction:ltr}.packs span{border:1px solid #ffffff30;border-radius:999px;padding:8px 12px;font-size:10px;letter-spacing:.1em}.corp-image{border:0;padding:0;background:none;border-radius:24px;overflow:hidden;cursor:zoom-in}.corp-image img{display:block;width:100%;height:auto}.statement{padding:0 max(4vw,24px) 115px}.statement picture{display:block;max-width:1280px;margin:auto;border-radius:32px;overflow:hidden}.statement img{width:100%;height:auto;display:block}.mosaic{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mosaic button{border:0;padding:0;background:#fff;border-radius:18px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/3}.mosaic img{width:100%;height:100%;object-fit:cover;display:block}.mosaic button:nth-child(3n){grid-column:span 2;aspect-ratio:2/1}footer{background:#1d100a;color:#f4eee5;padding:70px max(5vw,30px) 35px;display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:50px;align-items:start}footer a,footer p{display:block;color:#cdbdb2;font-size:13px;line-height:1.8}footer b{display:block;margin-bottom:12px}.footer-brand{font-size:38px;letter-spacing:.12em;direction:ltr;justify-self:start}.footer-brand small{font-size:7px}footer>small{grid-column:1/-1;border-top:1px solid #ffffff1a;padding-top:25px;color:#8f7c70}.lightbox{position:fixed;inset:0;background:#160b07ed;z-index:100;display:none;align-items:center;justify-content:center;padding:28px}.lightbox.open{display:flex}.lightbox img{max-width:min(1400px,92vw);max-height:88vh;object-fit:contain;border-radius:12px}.lightbox button{position:absolute;border:0;background:#f4eee5;color:#24130b;width:46px;height:46px;border-radius:50%;font-size:28px;cursor:pointer}.close{top:22px;right:22px}.prev{left:22px}.next{right:22px}
@media(max-width:900px){.nav{width:calc(100% - 20px);top:10px;height:60px;padding:0 14px;border-radius:20px}.nav nav,.search,.consult{display:none}.nav-actions{margin-left:auto}.brand{font-size:22px}.hero{width:100%;height:auto;min-height:760px;border-radius:0;padding-top:80px}.hero-products{top:88px;right:-14%;width:112%;height:47%}.hero-copy{left:22px;right:22px;top:auto;bottom:23%;width:auto;text-align:right}.hero-copy h1{font-size:clamp(34px,9vw,48px);max-width:520px;margin-right:0}.hero-copy p{font-size:14px;line-height:1.85;max-width:520px}.swatches{height:18%;bottom:0}.swatches img{width:140%;max-width:none;transform:translateX(14%);object-fit:cover}.intro{padding:90px 24px 75px}.section-head{align-items:start;flex-direction:column}.grid{grid-template-columns:1fr 1fr;gap:8px}.card{border-radius:15px}.card .label{font-size:9px;right:8px;bottom:8px;padding:7px 9px}.corporate{margin:0 14px 80px;padding:24px;grid-template-columns:1fr;gap:25px;border-radius:24px}.corp-copy h2{font-size:34px}.statement{padding:0 14px 80px}.statement picture{border-radius:20px}.mosaic{grid-template-columns:1fr 1fr;gap:7px}.mosaic button:nth-child(3n){grid-column:span 2}.gallery-more,.collections{padding-left:14px;padding-right:14px;padding-bottom:80px}footer{grid-template-columns:1fr;padding:50px 24px 30px;gap:28px}.lightbox{padding:12px}.prev,.next{bottom:18px;top:auto}.prev{left:calc(50% - 58px)}.next{right:calc(50% - 58px)}}
@media(max-width:520px){.hero{min-height:720px}.hero-products{top:75px;right:-28%;width:135%;height:44%}.hero-copy{bottom:20%}.hero-copy h1{font-size:35px}.hero-copy p{font-size:13px}.swatches{height:15%}.swatches img{width:175%;transform:translateX(21%)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* === MO|TE hero system: actual HTML/CSS, not a flattened screenshot === */
:root{--site:#f3eadf;--ink:#2b170d;--nav:rgba(250,246,240,.88)}
body{overflow-x:hidden}
.nav{position:sticky;top:14px;z-index:80;margin:14px auto 0;left:auto;transform:none;width:min(1320px,calc(100% - 40px));height:72px;padding:0 20px 0 30px;background:var(--nav);border:1px solid rgba(255,255,255,.9);border-radius:28px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 14px 44px rgba(67,38,20,.10);transition:height .25s ease,top .25s ease,box-shadow .25s ease}
.nav.is-stuck{top:8px;height:64px;box-shadow:0 12px 34px rgba(67,38,20,.15)}
.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0;border-radius:2px}
.hero{width:100%;max-width:none;height:auto;min-height:0;margin:-86px 0 0;padding-top:86px;position:relative;overflow:visible;border-radius:0;background:var(--site);isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-3;inset:0 0 0 0;background:radial-gradient(ellipse at 78% 28%,#fbf7f0 0,#f5ecdf 42%,var(--site) 74%)}
.hero-copy{position:absolute;z-index:6;left:max(6vw,52px);top:25%;width:min(410px,29vw);direction:rtl;text-align:right}
.hero-copy h1{font-size:clamp(42px,4vw,66px);line-height:1.16;margin:15px 0 20px;letter-spacing:-.035em}
.hero-copy p{font-size:15px;line-height:2;max-width:385px;color:#6c5748;margin:0 0 27px}
.hero-products{position:relative;z-index:2;right:auto;top:auto;width:min(1500px,100%);height:auto;margin:0 auto;display:block;overflow:visible}
.hero-products:before{content:"";position:absolute;inset:0 0 0 0;background:linear-gradient(90deg,var(--site) 0%,rgba(243,234,223,.97) 9%,rgba(243,234,223,.60) 24%,rgba(243,234,223,0) 43%);z-index:2;pointer-events:none}
.hero-products img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;filter:none;mask-image:linear-gradient(to bottom,#000 0,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 87%,transparent 100%)}
.swatches{position:relative;z-index:7;left:auto;right:auto;bottom:auto;width:100%;height:auto;margin-top:clamp(-105px,-7vw,-62px);display:flex;align-items:flex-end;overflow:visible;pointer-events:none}
.swatches:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:30%;bottom:-42px;background:linear-gradient(to bottom,rgba(243,234,223,0),var(--site) 46%,var(--site) 100%)}
.swatches:after{content:"";position:absolute;z-index:-2;left:8%;right:8%;bottom:1%;height:35%;border-radius:50%;background:rgba(73,40,20,.20);filter:blur(25px);transform:perspective(500px) rotateX(72deg)}
.swatches img{display:block;width:min(1665px,108%);height:auto;max-height:none;margin:0 auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 17px 12px rgba(55,27,12,.22));transform:translateY(12px)}
@media(max-width:900px){
 .nav{position:sticky;width:calc(100% - 20px);height:62px;top:10px;margin-top:10px;padding:0 12px 0 16px;border-radius:21px}.nav.is-stuck{height:58px;top:6px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;padding:14px;background:rgba(250,246,240,.98);border-radius:20px;box-shadow:0 18px 45px rgba(67,38,20,.13);flex-direction:column;gap:0;direction:rtl}.nav.open nav{display:flex}.nav nav a{padding:12px 10px;border-bottom:1px solid rgba(70,42,26,.08)}.menu-toggle{display:block;margin-left:auto}.nav-actions{margin-left:0}.nav-actions .consult,.search{display:none}
 .hero{margin:-72px 0 0;padding-top:72px}.hero-products{width:100%;margin:0}.hero-products:before{background:linear-gradient(to bottom,rgba(243,234,223,.04) 0,rgba(243,234,223,.06) 54%,var(--site) 88%)}.hero-products img{aspect-ratio:4/5;object-position:65% center;mask-image:linear-gradient(to bottom,#000 0,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 76%,transparent 100%)}
 .hero-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin:-22% 22px 0;padding:0 0 16px;z-index:8;text-align:right}.hero-copy h1{font-size:clamp(34px,9.2vw,48px);max-width:580px}.hero-copy p{font-size:14px;max-width:540px}.swatches{margin-top:-12px}.swatches img{width:150%;max-width:none;transform:translateX(16.5%) translateY(8px)}.swatches:before{bottom:-25px}.intro{padding-top:100px}
}
@media(max-width:520px){.brand{font-size:21px}.hero-products img{aspect-ratio:1/1.22;object-position:67% center}.hero-copy{margin-top:-28%}.hero-copy h1{font-size:35px}.hero-copy p{font-size:13px}.swatches img{width:190%;transform:translateX(24%) translateY(7px)}}

/* ===== HERO REBUILD v3 — clean split composition ===== */
:root{--site:#f2e8dc;--ink:#2b170d;--max:1440px}
body{background:var(--site)}
.nav{position:sticky!important;top:12px!important;z-index:100!important;width:min(var(--max),calc(100% - 32px))!important;margin:12px auto 0!important;left:auto!important;transform:none!important}
.hero{width:min(var(--max),100%)!important;margin:-84px auto 0!important;padding:116px 32px 0!important;display:grid!important;grid-template-columns:minmax(320px,.72fr) minmax(620px,1.5fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:20px!important;background:var(--site)!important;overflow:visible!important;min-height:0!important}
.hero:before{display:none!important}
.hero-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:430px!important;grid-column:1!important;grid-row:1!important;z-index:8!important;padding:42px 0 90px!important;text-align:right!important}
.hero-copy h1{font-size:clamp(42px,3.7vw,62px)!important;line-height:1.17!important;margin:15px 0 20px!important}
.hero-copy p{font-size:15px!important;line-height:2!important}
.hero-products{position:relative!important;right:auto!important;top:auto!important;width:100%!important;height:auto!important;margin:0!important;grid-column:2!important;grid-row:1!important;align-self:stretch!important;display:flex!important;align-items:center!important;overflow:visible!important}
.hero-products:before{display:none!important}
.hero-products img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 24px 30px rgba(63,36,20,.08))!important;mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%)!important}
.swatches{grid-column:1/-1!important;grid-row:2!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:calc(100% + 64px)!important;height:auto!important;margin:-76px -32px 0!important;z-index:12!important;overflow:visible!important;background:transparent!important}
.swatches:before{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;inset:0!important;background:linear-gradient(to bottom,rgba(242,232,220,0) 0%,rgba(242,232,220,.22) 36%,var(--site) 92%)!important}
.swatches:after{content:""!important;position:absolute!important;z-index:-2!important;left:8%!important;right:8%!important;bottom:-4%!important;height:34%!important;background:rgba(65,35,18,.22)!important;filter:blur(30px)!important;border-radius:50%!important;transform:perspective(600px) rotateX(76deg)!important}
.swatches img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:contain!important;filter:drop-shadow(0 17px 13px rgba(54,28,14,.22))!important;transform:translateY(10px)!important;mix-blend-mode:multiply!important}
@media(max-width:1000px){
 .hero{padding:100px 20px 0!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:0!important}
 .hero-products{grid-column:1!important;grid-row:1!important;width:100%!important;margin:0!important}
 .hero-products img{mask-image:linear-gradient(to bottom,#000 0,#000 88%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 88%,transparent 100%)!important}
 .hero-copy{grid-column:1!important;grid-row:2!important;margin:-7vw 0 0!important;padding:0 4px 44px!important;max-width:620px!important}
 .hero-copy h1{font-size:clamp(36px,7vw,52px)!important}
 .swatches{grid-column:1!important;grid-row:3!important;width:calc(100% + 40px)!important;margin:-38px -20px 0!important}
}
@media(max-width:600px){
 .nav{width:calc(100% - 16px)!important;top:8px!important;margin-top:8px!important}
 .hero{margin:-70px auto 0!important;padding:86px 12px 0!important}
 .hero-products{margin:0 -12px!important;width:calc(100% + 24px)!important}
 .hero-products img{width:115%!important;max-width:none!important;transform:translateX(-7%)!important}
 .hero-copy{margin:-4px 4px 0!important;padding-bottom:34px!important}
 .hero-copy h1{font-size:35px!important;line-height:1.2!important}
 .hero-copy p{font-size:13px!important}
 .swatches{width:calc(100% + 24px)!important;margin:-16px -12px 0!important;overflow:hidden!important}
 .swatches img{width:180%!important;max-width:none!important;transform:translateX(22%) translateY(6px)!important}
 .intro{padding-top:82px!important}
}

/* FINAL HERO FIX — full-width banner + seamless palette */
.hero{
  width:100%!important;max-width:none!important;margin:-84px 0 0!important;
  padding:116px max(5vw,32px) 0!important;
  grid-template-columns:minmax(330px,.72fr) minmax(640px,1.55fr)!important;
  background:var(--site)!important;
}
.hero-products{width:100%!important;max-width:1180px!important;justify-self:end!important}
.hero-products img{width:100%!important;display:block!important}
.swatches{
  width:100vw!important;
  margin:-92px calc(50% - 50vw) 0!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.swatches:before{display:none!important}
.swatches:after{
  left:4%!important;right:4%!important;bottom:-12px!important;height:34%!important;
  background:rgba(60,32,17,.18)!important;filter:blur(28px)!important;
}
.swatches img{
  width:100vw!important;max-width:none!important;height:auto!important;margin:0!important;
  display:block!important;object-fit:contain!important;mix-blend-mode:multiply!important;
  filter:drop-shadow(0 18px 14px rgba(55,28,14,.20))!important;
  transform:none!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 86%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 86%,transparent 100%)!important;
}
@media(max-width:900px){
 .hero{width:100%!important;padding:92px 16px 0!important;grid-template-columns:1fr!important}
 .hero-products{max-width:none!important;margin:0 -16px!important;width:calc(100% + 32px)!important}
 .swatches{width:100vw!important;margin:-20px calc(50% - 50vw) 0!important;overflow:hidden!important}
 .swatches img{width:165vw!important;transform:translateX(19%)!important}
}
@media(max-width:520px){
 .hero{padding-left:10px!important;padding-right:10px!important}
 .hero-products{margin:0 -10px!important;width:calc(100% + 20px)!important}
 .swatches img{width:195vw!important;transform:translateX(24%)!important}
}

/* === MO|TE FINAL HERO — built as real web layout, reference-matched === */
:root{--site:#f4eadf;--ink:#2a160c;--nav:#fbf7f1}
body{overflow-x:hidden;background:var(--site)}
.nav{position:sticky!important;top:14px!important;z-index:1000!important;width:min(1440px,calc(100% - 36px))!important;height:72px!important;margin:14px auto 0!important;left:auto!important;transform:none!important;border-radius:28px!important;background:rgba(251,247,241,.91)!important;box-shadow:0 12px 40px rgba(57,31,17,.08)!important;backdrop-filter:blur(18px)!important}
.hero{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:min(900px,calc(100svh - 12px))!important;min-height:720px!important;margin:-86px 0 0!important;padding:0!important;overflow:hidden!important;border-radius:0!important;background-color:var(--site)!important;background-image:linear-gradient(90deg,var(--site) 0%,rgba(244,234,223,.98) 8%,rgba(244,234,223,.88) 20%,rgba(244,234,223,.40) 34%,rgba(244,234,223,0) 49%),url('assets/img/hero-products.webp')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:24%;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--site) 96%)}
.hero-products{display:none!important}
.hero-copy{position:absolute!important;z-index:10!important;left:max(6vw,64px)!important;right:auto!important;top:26%!important;width:min(430px,34vw)!important;max-width:430px!important;padding:0!important;margin:0!important;text-align:right!important;direction:rtl!important}
.hero-copy .kicker{display:block;margin-bottom:20px;font-size:11px!important;letter-spacing:.22em!important;color:#8b6040!important;text-align:left}
.hero-copy h1{font-size:clamp(42px,4.15vw,68px)!important;line-height:1.12!important;letter-spacing:-.04em!important;margin:0 0 24px!important;color:var(--ink)!important}
.hero-copy p{font-size:15px!important;line-height:2!important;max-width:410px!important;margin:0 0 28px!important;color:#654d3e!important}
.cta{padding:15px 28px!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(53,27,13,.10)!important}
.swatches{position:absolute!important;z-index:12!important;left:0!important;right:0!important;bottom:-4px!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;overflow:visible!important;display:block!important;pointer-events:none!important}
.swatches:before{display:none!important}.swatches:after{content:""!important;display:block!important;position:absolute!important;left:3%!important;right:3%!important;bottom:0!important;height:32%!important;z-index:-1!important;border-radius:50%!important;background:rgba(54,28,14,.17)!important;filter:blur(24px)!important;transform:perspective(600px) rotateX(72deg)!important}
.swatches img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 16px 11px rgba(54,28,14,.20))!important;transform:none!important;mix-blend-mode:normal!important;mask-image:none!important;-webkit-mask-image:none!important}
@media(max-width:900px){
 .nav{top:8px!important;margin-top:8px!important;width:calc(100% - 16px)!important;height:62px!important;border-radius:22px!important}.brand{font-size:22px!important}.nav nav{top:68px!important}
 .hero{height:auto!important;min-height:820px!important;margin:-70px 0 0!important;padding-top:70px!important;background-image:linear-gradient(to bottom,rgba(244,234,223,.02) 0%,rgba(244,234,223,.08) 48%,var(--site) 79%),url('assets/img/hero-products.webp')!important;background-size:auto 58%!important;background-position:67% 70px!important}
 .hero-copy{position:relative!important;left:auto!important;top:auto!important;width:auto!important;max-width:620px!important;margin:48vh 22px 0!important;padding:0!important}
 .hero-copy .kicker{text-align:right!important}.hero-copy h1{font-size:clamp(36px,9vw,50px)!important;max-width:540px!important}.hero-copy p{font-size:14px!important;max-width:520px!important}
 .swatches{bottom:-1px!important;overflow:hidden!important}.swatches img{width:165%!important;max-width:none!important;transform:translateX(19.5%)!important}
 .intro{padding-top:92px!important}
}
@media(max-width:520px){
 .hero{min-height:760px!important;background-size:auto 50%!important;background-position:65% 68px!important}.hero-copy{margin:40vh 16px 0!important}.hero-copy h1{font-size:36px!important}.hero-copy p{font-size:13px!important}.swatches img{width:195%!important;transform:translateX(24%)!important}
}

/* SWATCH TRANSPARENCY FIX 2026-09-26 */
.swatches{background:transparent!important;isolation:isolate!important}
.swatches:before,.swatches:after{display:none!important;content:none!important}
.swatches img{background:transparent!important;filter:drop-shadow(0 18px 12px rgba(55,28,14,.18))!important;mix-blend-mode:normal!important}

/* swatch final: true transparent asset, crisp labels, 3D floating leather */
.swatches{background:transparent!important;isolation:isolate!important}
.swatches:before{display:none!important}
.swatches:after{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;left:5%!important;right:5%!important;bottom:-1%!important;height:34%!important;background:radial-gradient(ellipse at center,rgba(67,35,17,.30) 0%,rgba(67,35,17,.16) 38%,rgba(67,35,17,0) 74%)!important;filter:blur(17px)!important;transform:translateY(9px) scaleY(.55)!important}
.swatches img{mix-blend-mode:normal!important;filter:drop-shadow(0 10px 7px rgba(53,27,13,.22)) drop-shadow(0 22px 18px rgba(53,27,13,.13))!important}

/* ===== 2026-09-26 SEAMLESS HERO / PALETTE FINAL ===== */
body{background:#f4eadf!important}
.nav{position:sticky!important;top:10px!important;z-index:1000!important}
.hero{
  width:100%!important;max-width:none!important;
  margin:-86px 0 0!important;padding:0!important;
  min-height:clamp(760px,52vw,940px)!important;height:auto!important;
  overflow:hidden!important;background-color:#f4eadf!important;
  background-image:
    linear-gradient(90deg,#f4eadf 0%,rgba(244,234,223,.98) 7%,rgba(244,234,223,.82) 20%,rgba(244,234,223,.25) 38%,rgba(244,234,223,0) 52%),
    linear-gradient(to bottom,rgba(244,234,223,0) 72%,#f4eadf 95%),
    url('assets/img/hero-products.webp')!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
.hero:after{display:none!important}
.hero-copy{top:25%!important}
.swatches{
  position:absolute!important;z-index:15!important;left:50%!important;right:auto!important;
  bottom:-2px!important;width:100vw!important;height:auto!important;
  transform:translateX(-50%)!important;margin:0!important;padding:0!important;
  background:transparent!important;overflow:visible!important;isolation:isolate!important;
}
.swatches:before{content:""!important;display:block!important;position:absolute!important;z-index:-2!important;left:0!important;right:0!important;top:-80px!important;bottom:-30px!important;background:linear-gradient(to bottom,rgba(244,234,223,0),#f4eadf 48%,#f4eadf 100%)!important;pointer-events:none!important}
.swatches:after{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;left:4%!important;right:4%!important;bottom:-7px!important;height:42%!important;border-radius:50%!important;background:radial-gradient(ellipse at center,rgba(64,34,18,.30),rgba(64,34,18,.13) 42%,transparent 72%)!important;filter:blur(17px)!important;transform:perspective(700px) rotateX(74deg) translateY(12px)!important;pointer-events:none!important}
.swatches img{
  display:block!important;width:100vw!important;max-width:none!important;height:auto!important;margin:0!important;
  object-fit:contain!important;object-position:center bottom!important;
  mix-blend-mode:multiply!important;
  filter:contrast(1.04) saturate(1.03) drop-shadow(0 9px 5px rgba(49,25,12,.20)) drop-shadow(0 24px 18px rgba(49,25,12,.12))!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 8%,#000 25%,#000 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 8%,#000 25%,#000 100%)!important;
}
@media(max-width:900px){
 .hero{margin:-70px 0 0!important;min-height:850px!important;background-size:auto 58%!important;background-position:64% 70px!important;background-image:linear-gradient(to bottom,rgba(244,234,223,.02) 0%,rgba(244,234,223,.10) 45%,#f4eadf 78%),url('assets/img/hero-products.webp')!important}
 .hero-copy{top:auto!important;margin:47vh 20px 0!important}
 .swatches{bottom:0!important;overflow:hidden!important}
 .swatches img{width:170vw!important;transform:translateX(20.5%)!important}
 .swatches:before{top:-45px!important}
}
@media(max-width:520px){
 .hero{min-height:790px!important;background-size:auto 51%!important;background-position:63% 68px!important}
 .hero-copy{margin:40vh 16px 0!important}
 .swatches img{width:205vw!important;transform:translateX(25.5%)!important}
}

/* ===== MO|TE SEAMLESS HERO V2 — clean transparent palette ===== */
:root{--site:#f4eadf;--ink:#2a160c}
body{background:var(--site)!important;overflow-x:hidden!important}

/* floating/sticky navigation */
.nav{
  position:sticky!important; top:10px!important; z-index:1000!important;
  width:min(1440px,calc(100% - 36px))!important; height:72px!important;
  margin:10px auto 0!important; left:auto!important; transform:none!important;
  background:rgba(251,247,241,.92)!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:28px!important;
  box-shadow:0 14px 42px rgba(55,29,15,.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}

/* one continuous full-width hero surface */
.hero{
  position:relative!important; display:block!important;
  width:100%!important; max-width:none!important;
  height:clamp(760px,54vw,900px)!important; min-height:0!important;
  margin:-82px 0 0!important; padding:0!important;
  overflow:hidden!important; border-radius:0!important;
  background-color:var(--site)!important;
  background-image:
    linear-gradient(90deg,var(--site) 0%,rgba(244,234,223,.98) 7%,rgba(244,234,223,.86) 18%,rgba(244,234,223,.48) 30%,rgba(244,234,223,.08) 43%,rgba(244,234,223,0) 52%),
    linear-gradient(to bottom,rgba(244,234,223,0) 65%,rgba(244,234,223,.15) 74%,var(--site) 91%,var(--site) 100%),
    url('assets/img/hero-products.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.hero:after{display:none!important}
.hero-products{display:none!important}

.hero-copy{
  position:absolute!important; z-index:20!important;
  left:max(6vw,64px)!important; right:auto!important; top:25%!important;
  width:min(430px,34vw)!important; max-width:430px!important;
  margin:0!important; padding:0!important;
}
.hero-copy h1{font-size:clamp(42px,4.05vw,66px)!important;line-height:1.12!important;margin:0 0 22px!important}
.hero-copy p{font-size:15px!important;line-height:2!important;margin:0 0 26px!important}

/* actual transparent PNG: no mask, no blend mode, no fake rectangular background */
.swatches{
  position:absolute!important; z-index:30!important;
  left:50%!important; right:auto!important; bottom:4px!important;
  width:100vw!important; height:auto!important;
  margin:0!important; padding:0!important;
  transform:translateX(-50%)!important;
  background:transparent!important; overflow:visible!important;
  isolation:isolate!important; pointer-events:none!important;
}
.swatches:before{display:none!important;content:none!important}
.swatches:after{
  content:""!important; display:block!important;
  position:absolute!important; z-index:-1!important;
  left:5%!important; right:5%!important; bottom:-3px!important;
  height:26%!important; border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(52,27,13,.27) 0%,rgba(52,27,13,.13) 38%,rgba(52,27,13,0) 72%)!important;
  filter:blur(16px)!important;
  transform:perspective(700px) rotateX(72deg) translateY(10px)!important;
}
.swatches img{
  display:block!important; width:100vw!important; height:auto!important;
  max-width:none!important; max-height:none!important; margin:0!important;
  object-fit:contain!important; object-position:center bottom!important;
  background:transparent!important; mix-blend-mode:normal!important;
  opacity:1!important;
  -webkit-mask-image:none!important; mask-image:none!important;
  transform:none!important;
  filter:drop-shadow(0 8px 4px rgba(48,24,12,.18)) drop-shadow(0 22px 18px rgba(48,24,12,.12))!important;
}


@media(max-width:900px){
  .nav{top:8px!important;margin-top:8px!important;width:calc(100% - 16px)!important;height:62px!important;border-radius:22px!important}
  .hero{
    height:820px!important; margin:-70px 0 0!important;
    background-image:
      linear-gradient(to bottom,rgba(244,234,223,.02) 0%,rgba(244,234,223,.05) 42%,rgba(244,234,223,.88) 66%,var(--site) 78%),
      url('assets/img/hero-products.webp')!important;
    background-size:auto 58%!important; background-position:66% 70px!important;
  }
  .hero-copy{position:absolute!important;left:20px!important;right:20px!important;top:48%!important;width:auto!important;max-width:600px!important}
  .hero-copy h1{font-size:clamp(36px,9vw,50px)!important;max-width:520px!important}
  .hero-copy p{font-size:14px!important;max-width:520px!important}
  .swatches{bottom:2px!important;overflow:hidden!important}
  .swatches img{width:168vw!important;transform:translateX(20.2%)!important}
  .intro{padding-top:76px!important}
}
@media(max-width:520px){
  .hero{height:760px!important;background-size:auto 51%!important;background-position:64% 68px!important}
  .hero-copy{left:16px!important;right:16px!important;top:43%!important}
  .hero-copy h1{font-size:36px!important}
  .hero-copy p{font-size:13px!important;line-height:1.9!important}
  .swatches img{width:202vw!important;transform:translateX(25.2%)!important}
}

/* ===== MO|TE HERO V3 — spacing + true floating palette ===== */
@media(min-width:901px){
  .hero{
    height:clamp(780px,52vw,880px)!important;
    overflow:visible!important;
    background-image:
      linear-gradient(90deg,var(--site) 0%,rgba(244,234,223,.94) 6%,rgba(244,234,223,.72) 17%,rgba(244,234,223,.28) 29%,rgba(244,234,223,.04) 40%,rgba(244,234,223,0) 48%),
      linear-gradient(to bottom,rgba(244,234,223,0) 82%,rgba(244,234,223,.42) 91%,var(--site) 100%),
      url('assets/img/hero-products.webp')!important;
  }
  .hero-copy{top:24%!important;z-index:40!important}
  .hero-copy p{margin-bottom:24px!important}
  .swatches{bottom:-92px!important;z-index:50!important}
  .swatches:after{
    left:4%!important;right:4%!important;bottom:4px!important;height:34%!important;
    background:radial-gradient(ellipse at center,rgba(45,22,10,.34) 0%,rgba(45,22,10,.16) 38%,rgba(45,22,10,0) 73%)!important;
    filter:blur(18px)!important;
    transform:perspective(700px) rotateX(73deg) translateY(13px)!important;
  }
  .swatches img{
    filter:drop-shadow(0 7px 4px rgba(42,20,9,.22)) drop-shadow(0 24px 19px rgba(42,20,9,.15))!important;
  }
}
@media(max-width:900px){
  .hero{overflow:visible!important}
  .swatches{bottom:-56px!important;overflow:visible!important}
  .intro{padding-top:130px!important}
}
@media(max-width:520px){
  .swatches{bottom:-42px!important}
  .intro{padding-top:105px!important}
}

/* USER-APPROVED desktop swatch position */
@media (min-width: 901px) {
  .swatches {
    bottom: -240px !important;
    z-index: 50 !important;
  }
  .hero{overflow:visible!important;margin-bottom:175px!important}
}

/* Full collections */
.collections .grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Corporate gifts — editorial, image-led section */
.corporate-premium{display:grid!important;grid-template-columns:.78fr 1.22fr!important;align-items:start!important;gap:clamp(34px,5vw,76px)!important;padding:clamp(34px,5vw,76px)!important}
.corporate-premium .corp-copy{position:sticky;top:110px}
.corporate-premium .corp-copy h2{max-width:560px;margin:12px 0 24px!important}
.corporate-premium .corp-copy>p{font-size:15px;line-height:2.15!important;max-width:610px!important}
.corp-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:30px}
.corp-points span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);border-radius:14px;padding:12px 14px;font-size:11px;color:#eaded5}
.corp-pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.corp-pack{position:relative;border:0;padding:0;background:#f2e8dc;color:#2a170e;border-radius:24px;overflow:hidden;text-align:right;cursor:zoom-in;min-width:0}
.corp-pack img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .55s ease}
.corp-pack:hover img{transform:scale(1.025)}
.corp-pack div{padding:18px 18px 20px}
.corp-pack b{font-size:14px;letter-spacing:.12em}
.corp-pack p{font-size:11px!important;line-height:1.9!important;color:#665247!important;margin:8px 0 0!important}
@media(max-width:900px){
  .corporate-premium{grid-template-columns:1fr!important;padding:26px!important}
  .corporate-premium .corp-copy{position:static}
  .corp-pack-grid{grid-template-columns:1fr 1fr}
  .collections .grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.corp-pack-grid{grid-template-columns:1fr}.corp-points{grid-template-columns:1fr}}
.digital-catalog{
  display:flex !important;
  align-items:center;
  gap:7px;
  padding:8px 12px !important;
  border:1px solid rgba(63,32,18,.16);
  border-radius:999px;
  background:rgba(255,255,255,.46);
  color:#3b2014 !important;
  transition:
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease !important;
  white-space:nowrap;
}

.digital-catalog:hover{
  background:#3b2014;
  color:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(59,32,20,.16);
}

.catalog-icon{
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
}

.catalog-icon svg{
  width:100%;
  height:100%;
}

.catalog-arrow{
  font-size:13px;
  opacity:.55;
  transition:transform .25s ease;
}

.digital-catalog:hover .catalog-arrow{
  transform:translate(2px,-2px);
  opacity:1;
}
/* ===== MO|TE MOBILE NAV FINAL ===== */
@media (max-width:900px){
  .nav{
    width:calc(100% - 16px)!important;
    height:62px!important;
    padding:0 10px 0 14px!important;
    gap:8px!important;
    direction:ltr!important;
  }
  .brand{font-size:21px!important;flex:0 0 auto!important}
  .brand small{font-size:4.5px!important;margin-top:8px!important}
  .menu-toggle{
    display:block!important;
    order:3!important;
    margin:0!important;
    margin-left:2px!important;
    flex:0 0 42px!important;
    position:relative!important;
    z-index:3!important;
  }
  .nav-actions{
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    order:2!important;
  }
  .nav-actions .search,.nav-actions .consult{display:none!important}
  .nav-actions #lang{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:34px!important;height:34px!important;padding:0!important;
    border:1px solid rgba(55,29,15,.10)!important;border-radius:50%!important;
    background:rgba(255,255,255,.42)!important;font-size:10px!important;
  }
  .digital-catalog{
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:5px!important;height:36px!important;padding:0 10px!important;
    border-radius:999px!important;background:#32190d!important;color:#fff!important;
    border:0!important;box-shadow:0 7px 18px rgba(50,25,13,.14)!important;
    font-size:10px!important;line-height:1!important;white-space:nowrap!important;
  }
  .digital-catalog .catalog-icon{width:16px!important;height:16px!important}
  .digital-catalog .catalog-arrow{display:none!important}

  .nav nav{
    display:flex!important;
    position:fixed!important;
    top:78px!important;
    left:8px!important;right:8px!important;
    width:auto!important;
    max-height:calc(100dvh - 92px)!important;
    overflow:auto!important;
    padding:10px!important;
    border-radius:22px!important;
    background:rgba(251,247,241,.98)!important;
    border:1px solid rgba(255,255,255,.9)!important;
    box-shadow:0 22px 60px rgba(48,25,13,.18)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    flex-direction:column!important;
    gap:2px!important;
    direction:rtl!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-10px) scale(.985)!important;
    transform-origin:top center!important;
    transition:opacity .22s ease,transform .22s ease,visibility .22s!important;
    z-index:1200!important;
  }
  .nav.open nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .nav nav a{
    display:flex!important;align-items:center!important;
    min-height:48px!important;padding:0 14px!important;
    border:0!important;border-radius:14px!important;
    font-size:14px!important;opacity:1!important;
  }
  .nav nav a:hover,.nav nav a:active{background:rgba(55,29,15,.055)!important}
  .nav.open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)!important}
  .nav.open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)!important}
  .menu-toggle span{transition:transform .22s ease!important}

  /* mobile hero: readable, no overlap with palette */
  .hero{
    height:auto!important;min-height:900px!important;
    padding-bottom:165px!important;
    background-size:auto 49%!important;
    background-position:65% 68px!important;
    overflow:hidden!important;
  }
  .hero-copy{
    top:43%!important;left:18px!important;right:18px!important;
    width:auto!important;max-width:520px!important;
    padding:0!important;margin:0!important;
  }
  .hero-copy .kicker{font-size:9px!important;margin-bottom:12px!important}
  .hero-copy h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.16!important;margin-bottom:16px!important}
  .hero-copy p{font-size:13px!important;line-height:1.9!important;margin-bottom:20px!important;max-width:470px!important}
  .cta{padding:12px 20px!important;font-size:12px!important}
  .swatches{
    bottom:-20px!important;
    width:100vw!important;
    overflow:visible!important;
  }
  .swatches img{
    width:170vw!important;
    transform:translateX(20.5%)!important;
  }
  .intro{padding-top:90px!important}

  .grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .corporate-premium{margin-left:10px!important;margin-right:10px!important;padding:22px 16px!important}
  .corp-pack-grid{grid-template-columns:1fr!important}
  .corp-points{grid-template-columns:1fr!important}
}

@media (max-width:520px){
  .nav{height:58px!important;padding-left:12px!important;padding-right:7px!important}
  .brand{font-size:19px!important}
  .nav-actions #lang{width:30px!important;height:30px!important}
  .digital-catalog{height:32px!important;padding:0 8px!important;font-size:9px!important}
  .digital-catalog .catalog-icon{width:14px!important;height:14px!important}
  .menu-toggle{width:36px!important;flex-basis:36px!important;padding:8px!important}
  .nav nav{top:72px!important}
  .hero{min-height:840px!important;padding-bottom:145px!important;background-size:auto 44%!important;background-position:64% 64px!important}
  .hero-copy{top:39%!important;left:15px!important;right:15px!important}
  .hero-copy h1{font-size:34px!important}
  .hero-copy p{font-size:12.5px!important}
  .swatches{bottom:-12px!important}
  .swatches img{width:205vw!important;transform:translateX(25.5%)!important}
  .intro{padding-top:78px!important}
  .grid{grid-template-columns:1fr!important}
}