:root{
 --ink:#17130f;--ink2:#221b16;--ink3:#30261f;--paper:#f4efe8;--paper2:#e9dfd3;--paper3:#d9c7b4;
 --cognac:#a75d2a;--cognac2:#7a3f1f;--sand:#c7a57e;--line:rgba(34,27,22,.14);--muted:#776c62;--white:#fff;
 --max:1480px;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans','Manrope',Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:#fbfaf8;line-height:1.55;overflow-x:hidden}body.cart-open,body.search-open{overflow:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}.container{width:min(var(--max),calc(100% - 64px));margin:auto}.eyebrow{font-size:10px;letter-spacing:.28em;font-weight:700;color:#866a55;text-transform:uppercase;display:block;margin-bottom:14px}.eyebrow.light{color:#d9bea3}.section-pad{padding:110px 0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
.announcement{height:30px;background:#0f0d0b;color:#d8c3ae;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.announcement-track{height:30px;width:max-content;display:flex;align-items:center;gap:28px;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.22em;animation:announcement 26s linear infinite}.announcement-track i{font-style:normal;color:#8b5b36}@keyframes announcement{to{transform:translateX(-50%)}}
.site-header{height:82px;position:sticky;top:0;z-index:60;background:rgba(249,247,243,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(30,24,19,.08);transition:.3s}.site-header.scrolled{height:72px;background:rgba(249,247,243,.95);box-shadow:0 16px 42px rgba(33,25,18,.08)}.nav-wrap{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand-mark{width:45px;height:45px;border:1px solid rgba(23,19,15,.4);background:var(--ink);color:#f4dcc3;display:grid;place-items:center;position:relative;overflow:hidden}.brand-mark b{font:500 25px/1 var(--serif);transform:translate(-2px,-1px)}.brand-mark em{font:500 13px/1 var(--serif);position:absolute;right:8px;bottom:7px;color:#a96d43}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy>b{font-size:14px;letter-spacing:.2em}.brand-copy small{margin-top:7px;font-size:7px;letter-spacing:.24em;color:#7c7168}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:28px;flex:1}.desktop-nav a{font-size:11px;font-weight:650;position:relative;padding:30px 0 26px}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:1px;background:var(--ink);transition:right .3s}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:8px}.nav-icon,.menu-toggle,.cart-btn{border:1px solid rgba(23,19,15,.13);background:rgba(255,255,255,.6);height:42px;cursor:pointer;transition:.25s}.nav-icon{width:42px;display:grid;place-items:center}.nav-icon svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.6}.nav-icon:hover,.cart-btn:hover{background:#fff;border-color:rgba(23,19,15,.35)}.cart-btn{padding:0 8px 0 15px;display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:9px;letter-spacing:.14em;font-weight:700}.cart-btn b{width:26px;height:26px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:600}.menu-toggle{display:none;width:44px;padding:0 12px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:5px 0}.mobile-nav{display:none}
.search-panel{position:fixed;inset:0;z-index:90;background:rgba(15,12,10,.76);backdrop-filter:blur(18px);display:grid;place-items:start center;padding-top:12vh;opacity:0;pointer-events:none;transition:.3s}.search-open .search-panel{opacity:1;pointer-events:auto}.search-box{position:relative;width:min(820px,calc(100% - 34px));background:#f8f5f0;padding:52px}.search-close{position:absolute;top:15px;right:18px;border:0;background:none;font-size:28px;cursor:pointer}.search-box form{display:flex;gap:10px}.search-box input{flex:1;border:0;border-bottom:1px solid #84776a;background:transparent;padding:12px 2px;font:500 28px var(--serif);outline:0}.search-box small{display:block;margin-top:12px;color:var(--muted);font-size:10px}.shimmer-btn,.glass-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 24px;border:1px solid transparent;overflow:hidden;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:750;cursor:pointer;transition:transform .25s,background .25s,border-color .25s}.shimmer-btn{background:#f7f3ed;color:var(--ink);box-shadow:0 12px 38px rgba(20,15,12,.15)}.shimmer-btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.85) 44%,rgba(255,255,255,.15) 60%,transparent 76%);transform:translateX(-140%) skewX(-18deg);animation:shimmer 4.5s ease-in-out infinite;z-index:-1}.shimmer-btn:hover{transform:translateY(-2px)}.shimmer-btn.dark{background:var(--ink);color:#fff}.shimmer-btn.dark:before{background:linear-gradient(110deg,transparent 25%,rgba(199,165,126,.3) 44%,rgba(255,255,255,.08) 60%,transparent 76%)}.shimmer-btn.full,.glass-btn.full{width:100%}.shimmer-btn.large{min-height:58px}.glass-btn{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.36);backdrop-filter:blur(10px)}.glass-btn:hover{background:rgba(255,255,255,.17)}.glass-btn.dark{color:var(--ink);border-color:rgba(23,19,15,.2);background:transparent}.glass-btn.dark:hover{background:#f1ebe3}.glass-btn span,.shimmer-btn span{font-size:15px}@keyframes shimmer{0%,58%{transform:translateX(-140%) skewX(-18deg)}85%,100%{transform:translateX(145%) skewX(-18deg)}}
.hero-v2{height:min(820px,calc(100vh - 112px));min-height:650px;position:relative;background:#17120e;overflow:hidden;color:#fff}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s}.hero-slide.active{opacity:1;visibility:visible;z-index:2}.hero-photo{position:absolute;inset:-3%;background-size:cover;background-position:center;transform:scale(1.04);transition:transform 8s ease}.hero-slide.active .hero-photo{transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,10,8,.86),rgba(13,10,8,.54) 42%,rgba(13,10,8,.1) 68%,rgba(13,10,8,.2)),linear-gradient(0deg,rgba(13,10,8,.45),transparent 45%)}.hero-copy{position:relative;z-index:3;padding-top:14vh}.hero-kicker{font-size:10px;letter-spacing:.26em;color:#d6b695;font-weight:700;display:block;margin-bottom:22px;transform:translateY(12px);opacity:0}.hero-slide.active .hero-kicker,.hero-slide.active h1,.hero-slide.active p,.hero-slide.active .hero-actions{animation:heroIn .8s both}.hero-slide.active h1{animation-delay:.08s}.hero-slide.active p{animation-delay:.15s}.hero-slide.active .hero-actions{animation-delay:.22s}@keyframes heroIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.hero-v2 h1{font:600 clamp(58px,6.1vw,96px)/.95 var(--serif);letter-spacing:-.04em;max-width:840px;margin:0 0 28px;text-wrap:balance}.hero-v2 p{font-size:15px;max-width:570px;color:#ddd2c8;margin:0 0 36px}.hero-actions{display:flex;gap:12px}.hero-caption{position:absolute;z-index:4;right:5%;bottom:88px;display:flex;align-items:center;gap:17px;border-left:1px solid rgba(255,255,255,.4);padding-left:18px}.hero-caption b{font:500 38px var(--serif);color:#dab896}.hero-caption span{font-size:8px;letter-spacing:.18em;color:#e7ddd5}.hero-ui{position:absolute;z-index:8;left:50%;transform:translateX(-50%);bottom:30px;display:flex;justify-content:space-between;align-items:center}.hero-dots{display:flex;gap:20px}.hero-dots button{border:0;background:none;color:#fff;padding:0;cursor:pointer;display:flex;align-items:center;gap:7px;opacity:.5}.hero-dots button span{width:24px;height:1px;background:#fff;transform-origin:left;transition:.35s}.hero-dots button em{font-style:normal;font-size:8px;letter-spacing:.12em}.hero-dots button.active{opacity:1}.hero-dots button.active span{width:55px}.hero-arrows{display:flex;gap:8px}.hero-arrows button,.slider-arrows button{width:44px;height:44px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:15px;transition:.25s}.hero-arrows button:hover{background:#fff;color:var(--ink)}.hero-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.12);z-index:8}.hero-progress span{display:block;height:100%;width:0;background:#d7b28c}.hero-v2.running .hero-progress span{animation:heroProgress 5.5s linear forwards}@keyframes heroProgress{to{width:100%}}
.marquee-band{height:66px;overflow:hidden;background:#f2e9df;border-bottom:1px solid #dacbbe}.marquee-track{height:100%;display:flex;align-items:center;gap:28px;width:max-content;white-space:nowrap;animation:marquee 24s linear infinite;font:500 18px var(--serif);letter-spacing:.04em}.marquee-track i{font-style:normal;color:#b27346}@keyframes marquee{to{transform:translateX(-50%)}}
.home-intro{background:#fbfaf8}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:end}.intro-grid h2,.section-title h2,.craft-copy h2,.materials h2,.journal h2,.story h2,.contact-info h2{font:550 clamp(44px,5.4vw,82px)/1 var(--serif);letter-spacing:-.045em;margin:0}.intro-copy{max-width:570px;padding-bottom:8px}.intro-copy p{font-size:15px;color:#665d55;margin:0 0 30px}.underline-link{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:750;border-bottom:1px solid #7d7064;padding:0 0 6px;display:inline-flex;gap:12px;align-items:center}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-title h2{font-size:clamp(40px,4.5vw,68px)}.slider-arrows{display:flex;gap:8px}.slider-arrows button{border-color:rgba(23,19,15,.18);background:#fff;color:var(--ink)}.slider-arrows button:hover{background:var(--ink);color:#fff}.featured{background:#eee5da;overflow:hidden}.featured-viewport{width:calc(100% - max(32px,(100vw - var(--max))/2));margin-left:max(32px,(100vw - var(--max))/2);overflow:hidden}.featured-track{display:flex;gap:22px;transition:transform .55s cubic-bezier(.2,.75,.2,1);will-change:transform}.featured-track .product-card{flex:0 0 min(345px,24vw)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.product-card{min-width:0;transform-style:preserve-3d;transition:transform .22s ease}.product-image{position:relative;display:block;overflow:hidden;background:#e6d9cc;aspect-ratio:4/5}.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(20,15,12,.16));pointer-events:none}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s}.product-card:hover .product-image img{transform:scale(1.055);filter:saturate(1.04)}.badge{position:absolute;top:15px;left:15px;background:rgba(20,16,13,.9);color:#fff;font-size:7px;letter-spacing:.16em;text-transform:uppercase;padding:8px 10px;z-index:3}.product-no{position:absolute;top:16px;right:16px;z-index:3;color:rgba(255,255,255,.82);font:500 19px var(--serif)}.quick{position:absolute;left:14px;right:14px;bottom:14px;z-index:4;background:rgba(248,245,240,.95);backdrop-filter:blur(10px);height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:750;transform:translateY(64px);transition:.35s}.product-card:hover .quick{transform:none}.quick b{font-size:14px}.card-glow{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.35),transparent 60%);opacity:0;transition:opacity .25s}.product-card:hover .card-glow{opacity:1}.product-info{padding:15px 2px 0}.meta{display:flex;justify-content:space-between;gap:10px;color:#8b7e72;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.product-info h3{font:500 17px/1.34 var(--serif);margin:8px 0 12px;min-height:46px}.price-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(23,19,15,.12);padding-top:11px}.price-row>b{font-size:12px}.add-mini{width:34px;height:34px;border:1px solid rgba(23,19,15,.17);background:transparent;cursor:pointer;font-size:18px;transition:.25s}.add-mini:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}
.craft-showcase{background:#fbfaf8}.craft-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:7%;align-items:center}.craft-media{position:relative}.craft-media img{width:100%;height:710px;object-fit:cover}.float-tag{position:absolute;right:-20px;top:35px;background:#f3e9de;padding:17px 21px;font-size:8px;letter-spacing:.2em;writing-mode:vertical-rl}.craft-copy h2{font-size:clamp(42px,4.6vw,68px)}.craft-copy>p{max-width:600px;color:#6f655b;margin:28px 0}.craft-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:32px 0}.craft-stats div{padding:22px 14px 22px 0;border-right:1px solid var(--line)}.craft-stats div:last-child{border:0;padding-left:18px}.craft-stats div:nth-child(2){padding-left:18px}.craft-stats b{display:block;font:500 30px var(--serif)}.craft-stats span{display:block;color:#82766c;font-size:9px;margin-top:5px}.categories{background:#f4eee7}.bento-grid{height:950px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:18px}.bento-card{position:relative;overflow:hidden;display:block;transform-style:preserve-3d;min-height:0}.bento-large{grid-row:span 2}.bento-wide{display:none}.bento-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.bento-card:hover img{transform:scale(1.04)}.bento-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,14,11,.68),transparent 58%)}.bento-card>div:last-child{position:absolute;left:28px;bottom:26px;color:#fff;right:28px}.bento-card span{font-size:8px;letter-spacing:.18em}.bento-card h3{font:500 clamp(30px,3vw,50px)/1 var(--serif);margin:8px 0 10px}.bento-card em{font-style:normal;text-transform:uppercase;font-size:8px;letter-spacing:.16em;border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:5px}.materials{position:relative;background:#15110e;color:#fff;padding:120px 0 130px;overflow:hidden}.materials:before{content:"";position:absolute;width:750px;height:750px;left:var(--spot-x,75%);top:var(--spot-y,45%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(148,83,45,.28),rgba(148,83,45,.07) 38%,transparent 68%);pointer-events:none;transition:left .12s linear,top .12s linear}.materials-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:55px}.materials-head .eyebrow{grid-column:1/-1}.materials h2{font-size:clamp(44px,4.8vw,72px)}.materials-head p{color:#b9aea5;max-width:560px;margin:0}.material-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spot-card{min-height:300px;padding:32px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);position:relative;overflow:hidden}.spot-card:before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.11),transparent 65%);opacity:0;transition:.25s}.spot-card:hover:before{opacity:1}.spot-card>span{font:500 34px var(--serif);color:#b57b50}.spot-card h3{font:500 30px var(--serif);margin:70px 0 12px}.spot-card p{font-size:12px;color:#aaa097;max-width:340px}.spot-card a{font-size:8px;text-transform:uppercase;letter-spacing:.18em;border-bottom:1px solid #786b60;padding-bottom:4px}.quote-run{background:#b96e3c;color:#24150d;height:108px;overflow:hidden}.quote-track{height:100%;display:flex;align-items:center;gap:38px;width:max-content;white-space:nowrap;animation:quoteRun 28s linear infinite}.quote-track blockquote{margin:0;font:500 31px var(--serif)}.quote-track span{font-size:18px}@keyframes quoteRun{to{transform:translateX(-50%)}}
.catalog-hero{height:430px;background:#18130f;color:#fff;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding-bottom:68px}.catalog-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,15,12,.95),rgba(20,15,12,.65),rgba(20,15,12,.1)),url('../images/demo/hero-2.webp') center/cover;filter:saturate(.8)}.catalog-hero .container{position:relative;z-index:2}.catalog-hero h1,.page-hero h1{font:550 clamp(52px,6vw,88px)/.95 var(--serif);letter-spacing:-.04em;margin:0}.catalog-hero p{max-width:600px;color:#d2c5b9;margin:16px 0 0}.catalog-hero-mark{position:absolute;z-index:2;right:4%;bottom:-30px;font:500 165px/.8 var(--serif);color:rgba(255,255,255,.05)}.catalog{padding:46px 0 120px}.catalog-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:34px;border-bottom:1px solid var(--line);padding-bottom:18px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips a{border:1px solid var(--line);padding:10px 13px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;background:#fff}.filter-chips a b{margin-left:6px;color:#9d8f83}.filter-chips a.selected,.filter-chips a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.catalog-sort{display:flex;align-items:center;gap:16px;white-space:nowrap;font-size:10px}.catalog-sort select{border:1px solid var(--line);background:#fff;padding:10px 28px 10px 11px}.catalog-grid{row-gap:42px}.empty{text-align:center;padding:80px 20px}.empty h3{font:500 34px var(--serif);margin:0 0 8px}.empty p{color:var(--muted)}
.product-page{padding:54px 0 120px}.product-detail{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.72fr);gap:6%;align-items:start}.gallery-main{position:relative;background:#e8ded2;aspect-ratio:1/1.12;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}.zoom-note{position:absolute;bottom:16px;left:16px;background:rgba(247,243,237,.92);padding:8px 11px;font-size:7px;letter-spacing:.15em}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,100px);gap:10px;margin-top:10px}.gallery-thumbs button{padding:0;border:1px solid transparent;background:none;cursor:pointer;opacity:.6}.gallery-thumbs button.active{border-color:var(--ink);opacity:1}.gallery-thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-summary{position:sticky;top:105px;padding-top:15px}.crumb{display:flex;gap:8px;color:#9a8b7f;font-size:8px;margin-bottom:30px}.product-summary h1{font:550 clamp(42px,4.5vw,66px)/1 var(--serif);letter-spacing:-.04em;margin:0 0 18px}.detail-price{font-size:20px;font-weight:700;margin-bottom:24px}.lead{color:#6d6359;font-size:13px;margin-bottom:26px}.option-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:0 0 12px}.option-row div{padding:16px}.option-row div+div{border-left:1px solid var(--line)}.option-row small{display:block;font-size:7px;color:#93867a;letter-spacing:.15em}.option-row b{display:block;margin-top:5px;font-size:11px}.product-summary>.glass-btn{margin-top:9px}.detail-accord{margin-top:28px;border-top:1px solid var(--line)}.detail-accord details{border-bottom:1px solid var(--line)}.detail-accord summary{list-style:none;cursor:pointer;padding:15px 0;font-size:10px;font-weight:700;display:flex;justify-content:space-between}.detail-accord summary::-webkit-details-marker{display:none}.detail-accord p{margin:0 0 18px;color:#746b63;font-size:10px}.detail-accord i{font-style:normal}.detail-accord details[open] i{transform:rotate(45deg)}.micro-benefits{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;color:#8d7c6d;font-size:7px;letter-spacing:.12em}.related{background:#eee6dc}
.page-hero{position:relative;background:#eee6dc}.page-hero.small{padding:78px 0 68px}.page-hero.small p{max-width:620px;color:#6d635a}.page-hero.image{height:620px;color:#fff;display:flex;align-items:end;padding-bottom:75px;overflow:hidden}.page-hero.image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero.image .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,14,11,.75),rgba(18,14,11,.22))}.page-hero.image .container{position:relative;z-index:2}.page-hero.image p{max-width:560px;color:#e3d7cb}.story{padding:105px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.story-grid p{color:#6e645b}.numbers{background:#191511;color:#fff}.number-grid{display:grid;grid-template-columns:repeat(4,1fr)}.number-grid div{padding:42px;border-right:1px solid rgba(255,255,255,.11)}.number-grid b{font:500 50px var(--serif);display:block;color:#d7b28b}.number-grid span{font-size:9px;letter-spacing:.08em;color:#c2b7ad}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.editorial-grid.reverse .editorial-image{order:1}.editorial-grid.reverse .editorial-copy{order:2}.editorial-image img{width:100%;height:650px;object-fit:cover}.editorial-copy h2{font:550 clamp(42px,4.5vw,68px)/1.04 var(--serif);letter-spacing:-.04em;margin:0}.editorial-copy p{color:#6d635a;margin:25px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:750}.btn.dark,.btn.primary{background:var(--ink);color:#fff}.btn.outline{border-color:var(--line);background:transparent}.contact-section{padding:90px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.contact-info h2{font-size:56px}.contact-line{border-top:1px solid var(--line);padding:18px 0}.contact-line small{display:block;font-size:7px;letter-spacing:.18em;color:#96877b;margin-bottom:6px}.contact-line a,.contact-line p{display:block;margin:2px 0;font-size:12px}.contact-form{background:#eee6dc;padding:42px}.contact-form label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form textarea{width:100%;margin-top:6px;border:1px solid rgba(23,19,15,.16);background:#fbfaf8;padding:13px;outline:0}.contact-form textarea{resize:vertical}.notice{padding:12px;margin-bottom:14px;font-size:10px}.notice.success{background:#e3efe6}.notice.error{background:#f5e3e0}.map-panel iframe{width:100%;height:460px;border:0;display:block;filter:grayscale(.25) contrast(.95)}.policy{padding:80px 0 110px}.policy-layout{display:grid;grid-template-columns:240px 1fr;gap:75px}.policy aside{display:flex;flex-direction:column}.policy aside a{border-bottom:1px solid var(--line);padding:13px 0;font-size:10px}.policy aside a.active{font-weight:800}.policy article{max-width:820px}.policy article h2{font:550 38px var(--serif);margin:0 0 15px}.policy article h3{font-size:12px;margin:28px 0 7px}.policy article p{font-size:12px;color:#6f655c}.cart-page{padding:55px 0 100px}.cart-table{border-top:1px solid var(--line)}.cart-row{display:grid;grid-template-columns:90px 1fr 120px 120px 32px;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.cart-row img{width:90px;height:100px;object-fit:cover}.cart-name b{font:500 16px var(--serif);display:block}.cart-name small{font-size:9px;color:#91847a}.qty{display:flex;align-items:center;gap:8px}.qty button{width:27px;height:27px;border:1px solid var(--line);background:#fff;cursor:pointer}.cart-summary{display:flex;justify-content:flex-end;gap:35px;padding:22px 0}.cart-actions{display:flex;justify-content:flex-end;gap:10px}.remove{border:0;background:none;cursor:pointer;color:#8c7d70;font-size:18px}
.journal{background:#2c211a;color:#fff;padding:90px 0}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}.journal h2{font-size:58px}.journal-grid p{color:#c3b8ae}.journal form{display:flex;margin-top:22px}.journal input{flex:1;border:1px solid rgba(255,255,255,.22);border-right:0;background:transparent;color:#fff;padding:0 16px;outline:0}.journal .shimmer-btn{min-width:125px}.footer{background:#110e0c;color:#c9bdb2;padding:70px 0 26px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:7%;padding-bottom:55px}.footer .brand{color:#fff}.footer .brand-mark{border-color:rgba(255,255,255,.3)}.footer-brand-wrap>p{max-width:360px;font-size:11px;color:#8f8379;margin-top:25px}.footer h4{color:#fff;text-transform:uppercase;font-size:8px;letter-spacing:.18em;margin:0 0 20px}.footer-grid>div>a,.footer-grid>div>p{display:block;font-size:10px;color:#9c9188;margin:9px 0}.footer-grid>div>a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.15em;color:#70665e}.whatsapp{position:fixed;right:24px;bottom:24px;z-index:55;width:54px;height:54px;border-radius:50%;background:#1e9e5a;color:#fff;display:grid;place-items:center;box-shadow:0 12px 35px rgba(0,0,0,.22);font-size:9px;font-weight:800}.cart-drawer{position:fixed;z-index:95;right:0;top:0;bottom:0;width:min(440px,94vw);background:#f9f6f1;transform:translateX(105%);transition:.38s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.cart-open .cart-drawer{transform:none}.drawer-overlay{position:fixed;inset:0;background:rgba(16,13,11,.58);z-index:94;opacity:0;pointer-events:none;transition:.3s}.cart-open .drawer-overlay{opacity:1;pointer-events:auto}.cart-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.cart-head h3{font:500 30px var(--serif);margin:0}.cart-head .eyebrow{margin:0 0 4px}.cart-head button{border:0;background:none;font-size:25px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:10px 24px}.cart-item{display:grid;grid-template-columns:76px 1fr 25px;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-item img{width:76px;height:88px;object-fit:cover}.cart-item b{font:500 14px/1.25 var(--serif);display:block}.cart-item small{font-size:9px}.cart-empty{padding:55px 0;color:#8f8276;text-align:center;font-size:11px}.cart-foot{padding:20px 24px;border-top:1px solid var(--line)}.cart-total{display:flex;justify-content:space-between;margin-bottom:14px;font-size:11px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:1180px){.desktop-nav{gap:15px}.desktop-nav a{font-size:9px}.product-grid{grid-template-columns:repeat(3,1fr)}.featured-track .product-card{flex-basis:30vw}.hero-v2 h1{font-size:72px}.craft-grid{gap:5%}.bento-grid{height:820px}}
@media(max-width:900px){.container{width:calc(100% - 34px)}.site-header{height:72px}.desktop-nav{display:none}.brand{min-width:0}.menu-toggle{display:block}.mobile-nav{position:absolute;top:72px;left:0;right:0;background:#f8f5f0;padding:12px 18px 22px;display:flex;flex-direction:column;transform:scaleY(0);transform-origin:top;transition:.25s;border-bottom:1px solid var(--line)}.menu-open .mobile-nav{transform:scaleY(1)}.mobile-nav a{padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.hero-v2{min-height:650px;height:75vh}.hero-copy{padding-top:13vh}.hero-v2 h1{font-size:59px;max-width:600px}.hero-caption{display:none}.intro-grid,.craft-grid,.materials-head,.journal-grid,.story-grid,.contact-grid,.editorial-grid{grid-template-columns:1fr;gap:42px}.intro-copy{max-width:650px}.product-grid{grid-template-columns:repeat(2,1fr)}.featured-track .product-card{flex-basis:43vw}.craft-media img{height:570px}.bento-grid{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:520px 390px}.bento-large{grid-row:auto;grid-column:1/-1}.materials-head .eyebrow{grid-column:auto}.material-grid{grid-template-columns:1fr}.spot-card{min-height:230px}.spot-card h3{margin-top:35px}.catalog-top{align-items:flex-start;flex-direction:column}.product-detail{grid-template-columns:1fr}.product-summary{position:static}.gallery-main{max-height:760px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-wrap{grid-column:1/-1}.number-grid{grid-template-columns:1fr 1fr}.editorial-grid.reverse .editorial-image,.editorial-grid.reverse .editorial-copy{order:initial}.policy-layout{grid-template-columns:1fr}.policy aside{flex-direction:row;overflow:auto;gap:20px}.policy aside a{white-space:nowrap}.cart-row{grid-template-columns:80px 1fr 100px 30px}.cart-row>b{display:none}}
@media(max-width:600px){.container{width:calc(100% - 26px)}.announcement{display:none}.site-header{top:0}.site-header,.site-header.scrolled{height:66px}.brand-mark{width:38px;height:38px}.brand-copy>b{font-size:11px}.brand-copy small{display:none}.nav-icon{display:none}.cart-label{display:none}.cart-btn{padding:0 7px}.menu-toggle{height:42px}.mobile-nav{top:66px}.search-box{padding:40px 20px 28px}.search-box form{flex-direction:column}.search-box input{font-size:22px}.hero-v2{height:76vh;min-height:610px}.hero-copy{padding-top:95px}.hero-v2 h1{font-size:47px}.hero-v2 p{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-ui{bottom:22px}.hero-arrows{display:none}.hero-dots button.active span{width:38px}.hero-progress{bottom:0}.marquee-band{height:54px}.marquee-track{font-size:15px}.section-pad{padding:72px 0}.intro-grid h2,.section-title h2,.craft-copy h2,.materials h2,.journal h2,.story h2,.contact-info h2{font-size:41px}.section-title{align-items:flex-start;gap:20px}.slider-arrows{display:none}.featured-viewport{margin-left:13px;width:calc(100% - 13px)}.featured-track{gap:12px}.featured-track .product-card{flex-basis:76vw}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-info h3{font-size:14px;min-height:56px}.meta{font-size:6px}.price-row>b{font-size:10px}.add-mini{width:30px;height:30px}.quick{display:none}.product-no{font-size:15px}.badge{font-size:6px;padding:6px 8px}.craft-media img{height:430px}.float-tag{right:4px;top:15px}.craft-stats{grid-template-columns:1fr}.craft-stats div,.craft-stats div:nth-child(2),.craft-stats div:last-child{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.craft-stats div:last-child{border-bottom:0}.bento-grid{grid-template-columns:1fr;grid-template-rows:430px 330px 330px}.bento-large{grid-column:auto}.bento-card h3{font-size:32px}.materials{padding:78px 0}.materials-head{gap:25px}.spot-card{padding:24px}.quote-run{height:82px}.quote-track blockquote{font-size:23px}.catalog-hero{height:350px;padding-bottom:44px}.catalog-hero h1,.page-hero h1{font-size:49px}.catalog-hero-mark{font-size:100px}.catalog{padding:30px 0 75px}.filter-chips{flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:6px}.filter-chips a{white-space:nowrap}.catalog-sort{width:100%;justify-content:space-between}.catalog-grid{row-gap:28px}.product-page{padding:25px 0 75px}.product-detail{gap:28px}.gallery-thumbs{grid-template-columns:repeat(3,72px)}.product-summary h1{font-size:39px}.option-row{grid-template-columns:1fr}.option-row div+div{border-left:0;border-top:1px solid var(--line)}.page-hero.small{padding:52px 0 44px}.page-hero.image{height:500px}.story{padding:65px 0}.number-grid div{padding:24px 16px}.number-grid b{font-size:37px}.editorial-image img{height:430px}.contact-section{padding:60px 0}.contact-form{padding:24px 18px}.field-grid{grid-template-columns:1fr}.map-panel iframe{height:350px}.journal{padding:62px 0}.journal h2{font-size:44px}.journal form{flex-direction:column}.journal input{height:50px;border-right:1px solid rgba(255,255,255,.22)}.journal .shimmer-btn{width:100%;margin-top:8px}.footer{padding-top:55px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-brand-wrap{grid-column:auto}.footer-bottom{flex-direction:column}.whatsapp{width:48px;height:48px;right:15px;bottom:15px}.cart-row{grid-template-columns:64px 1fr 30px;gap:10px}.cart-row .qty{grid-column:2}.cart-row img{width:64px;height:74px}.cart-actions{flex-direction:column}.cart-actions .btn{width:100%}}

/* ============================================================
   NAT LEATHER CINEMATIC / V3
   Scroll-driven product storytelling, no build step required.
   ============================================================ */
:root{--cinema:#0b0908;--cinema-paper:#ead8c2;--cinema-muted:#a89583;--cinema-accent:#b96731;--bag-color:#a85b2a;--cinema-p:0}
.page-transition{position:fixed;inset:0;z-index:9999;background:#100d0b;display:grid;place-items:center;transform:translateY(-101%);pointer-events:none;transition:transform .72s cubic-bezier(.76,0,.24,1)}.page-transition span{font:600 clamp(28px,4vw,68px)/1 var(--serif);letter-spacing:.18em;color:#e9d5be;opacity:.9}.is-leaving .page-transition{transform:translateY(0)}
.custom-cursor{display:none}
@media (pointer:fine){body{cursor:auto}.custom-cursor{position:fixed;z-index:10000;left:0;top:0;width:34px;height:34px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:block;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .18s,height .18s,border-color .18s;will-change:transform}.custom-cursor i{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.custom-cursor.big{width:58px;height:58px}}

.page-index .announcement{position:relative;z-index:80}.page-index .site-header{background:rgba(12,10,9,.74);border-color:rgba(255,255,255,.09);color:#f0e4d6;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.page-index .site-header.scrolled{background:rgba(12,10,9,.92)}.page-index .brand-mark{border-color:rgba(255,255,255,.25);background:#e3c7a7;color:#17120f}.page-index .brand-copy small,.page-index .desktop-nav a{color:#d8c9bb}.page-index .desktop-nav a:after{background:#d8b895}.page-index .nav-icon{border-color:rgba(255,255,255,.16)}.page-index .nav-icon svg{stroke:#eee}.page-index .cart-btn{background:#e6d0b7;color:#15100d}.page-index .menu-toggle span{background:#eee}

.cinema-scroll{height:390vh;background:var(--cinema);position:relative;color:#f5eadf}.cinema-sticky{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;isolation:isolate}.cinema-bg{position:absolute;inset:0;background:radial-gradient(circle at calc(22% + var(--cinema-p)*28%) calc(22% + var(--cinema-p)*14%),rgba(176,91,42,.24),transparent 35%),linear-gradient(135deg,#0b0908 0%,#15100d 52%,#080706 100%);transition:background .2s linear;z-index:-3}.cinema-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 44%,rgba(0,0,0,.17));pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.28;will-change:transform}.orb-a{width:38vw;height:38vw;min-width:360px;min-height:360px;background:#8f4627;right:-10%;top:-15%;transform:translate3d(calc(var(--cinema-p)*-16vw),calc(var(--cinema-p)*25vh),0)}.orb-b{width:30vw;height:30vw;min-width:300px;min-height:300px;background:#61442f;left:-12%;bottom:-12%;transform:translate3d(calc(var(--cinema-p)*20vw),calc(var(--cinema-p)*-18vh),0)}.grain{position:absolute;inset:-50%;opacity:.08;background-image:url('../images/demo/leather-grain.webp');background-size:260px;mix-blend-mode:soft-light;animation:grainShift 9s steps(8) infinite}@keyframes grainShift{0%{transform:translate(0,0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(0,0)}}.grid-lines{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent 0,#000 35%,#000 70%,transparent 100%)}
.cinema-progress{position:absolute;right:30px;top:50%;height:33vh;width:1px;background:rgba(255,255,255,.16);z-index:8}.cinema-progress i{position:absolute;left:0;top:0;width:1px;height:calc(var(--cinema-p)*100%);background:#e5c5a4;box-shadow:0 0 15px rgba(229,197,164,.7)}.cinema-progress span{position:absolute;left:-8px;top:calc(100% + 18px);font-size:8px;letter-spacing:.28em;white-space:nowrap;color:#a89786;transform-origin:left top;transform:rotate(90deg)}
.cinema-copy{position:absolute;z-index:7;left:max(32px,calc((100vw - var(--max))/2));top:50%;width:min(560px,43vw);transform:translateY(-44%) translateY(34px);opacity:0;pointer-events:none;transition:opacity .45s ease,transform .65s cubic-bezier(.22,.7,.2,1)}.cinema-copy.active{opacity:1;transform:translateY(-50%);pointer-events:auto}.cinema-index{display:block;font-size:9px;letter-spacing:.32em;color:#c19c7d;font-weight:700;margin-bottom:25px}.cinema-copy h1,.cinema-copy h2{font:600 clamp(48px,6.1vw,104px)/.9 var(--serif);letter-spacing:-.045em;margin:0 0 27px;color:#f1e7de}.cinema-copy h2{font-size:clamp(46px,5.2vw,84px)}.cinema-copy h1 em,.cinema-copy h2 em{font-weight:500;color:#c57943}.cinema-copy p{max-width:510px;color:#bdafa3;font-size:clamp(14px,1.2vw,18px);line-height:1.7;margin:0 0 30px}.cinema-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.cinema-rotate-hint{height:52px;background:transparent;color:#d8c3ae;border:1px solid rgba(255,255,255,.18);padding:0 20px;font-size:9px;letter-spacing:.18em;font-weight:700;cursor:pointer}.cinema-rotate-hint b{font-size:18px;margin-left:10px}.cinema-specs{display:flex;gap:35px}.cinema-specs span{display:flex;flex-direction:column;color:#8f8277;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.cinema-specs b{font:500 30px/1 var(--serif);color:#e7d1ba;margin-bottom:7px}.light-link{color:#f0decc;border-color:rgba(255,255,255,.25)}.cinema-swatches{display:flex;gap:12px}.cinema-swatches button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);padding:4px;background-clip:content-box;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.cinema-swatches button:nth-child(1){background-color:#a85b2a}.cinema-swatches button:nth-child(2){background-color:#4a2a1d}.cinema-swatches button:nth-child(3){background-color:#171412}.cinema-swatches button.active{border-color:#e3c7aa;box-shadow:0 0 0 3px rgba(227,199,170,.12)}
.bag-stage{position:absolute;z-index:5;left:62%;top:51%;width:min(48vw,720px);height:min(72vh,760px);transform:translate(-50%,-50%);perspective:1500px;pointer-events:none;will-change:left,top,transform}.bag-tilter{width:100%;height:100%;display:grid;place-items:center;transform-style:preserve-3d;will-change:transform}.bag-3d{position:relative;width:min(31vw,440px);aspect-ratio:.76;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 40px 38px rgba(0,0,0,.28))}.bag-volume{position:absolute;width:84%;height:43%;left:8%;bottom:7%;transform-style:preserve-3d;--depth:48px}.bag-face{position:absolute;inset:0;background-color:var(--bag-color);background-image:url('../images/demo/leather-grain.webp');background-blend-mode:multiply;background-size:250px;border:1px solid rgba(255,210,165,.17)}.bag-front{transform:translateZ(var(--depth));clip-path:polygon(3% 0,97% 0,91% 100%,9% 100%);box-shadow:inset 30px 0 45px rgba(38,15,5,.18),inset -30px 0 45px rgba(255,200,145,.08)}.bag-back{transform:rotateY(180deg) translateZ(var(--depth));clip-path:polygon(3% 0,97% 0,91% 100%,9% 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:12%;color:rgba(255,239,222,.55)}.bag-back small{font-size:8px;letter-spacing:.24em}.back-pocket{position:absolute;width:54%;height:42%;left:23%;top:33%;border:1px solid rgba(255,220,185,.22);border-radius:2px;box-shadow:inset 0 0 0 5px rgba(62,24,9,.08)}.bag-side{width:calc(var(--depth)*2);left:50%;right:auto;transform-origin:center}.bag-left{transform:translateX(calc(-50% - 50%)) rotateY(-90deg) translateZ(42%);background-color:color-mix(in srgb,var(--bag-color),#231008 25%)}.bag-right{transform:translateX(calc(50% + 50%)) rotateY(90deg) translateZ(42%);background-color:color-mix(in srgb,var(--bag-color),#e79c62 8%)}.bag-edge{height:calc(var(--depth)*2);top:50%;bottom:auto;transform-origin:center}.bag-top{transform:translateY(calc(-50% - 50%)) rotateX(90deg) translateZ(21.5%);background-color:color-mix(in srgb,var(--bag-color),#1b0d07 14%)}.bag-bottom{transform:translateY(calc(50% + 50%)) rotateX(-90deg) translateZ(21.5%);background-color:#552815}.bag-photo{position:absolute;z-index:5;left:50%;bottom:0;width:100%;height:auto;transform:translateX(-50%) translateZ(53px);backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:saturate(.92) contrast(1.04);pointer-events:none}.bag-handle{position:absolute;left:21%;top:4%;width:58%;height:46%;border:18px solid #3a2117;border-bottom:0;border-radius:50% 50% 0 0/58% 58% 0 0;transform-style:preserve-3d;background:transparent}.bag-handle-front{transform:translateZ(51px);opacity:.12}.bag-handle-back{transform:rotateY(180deg) translateZ(50px);opacity:.9;box-shadow:inset 3px 0 0 rgba(255,255,255,.08)}.bag-glint{position:absolute;z-index:7;inset:18% 6% 2%;background:linear-gradient(105deg,transparent 30%,rgba(255,233,207,.18) 44%,transparent 55%);transform:translateZ(57px) translateX(-55%);clip-path:polygon(0 30%,100% 10%,85% 100%,10% 100%);mix-blend-mode:screen;opacity:calc(.18 + var(--cinema-p)*.22);pointer-events:none}.bag-shadow{position:absolute;left:50%;bottom:9%;width:56%;height:11%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.58),rgba(0,0,0,0) 68%);filter:blur(14px);transform:translateX(-50%) scale(calc(1 - var(--cinema-p)*.18));opacity:.8}.bag-label{position:absolute;right:2%;bottom:5%;display:flex;flex-direction:column;gap:2px;text-align:right;color:#d9c8b8}.bag-label span{font:500 10px/1 var(--sans);letter-spacing:.24em;color:#9c846f}.bag-label b{font:500 17px/1.2 var(--serif);letter-spacing:.04em}.bag-label em{font-style:normal;font-size:7px;letter-spacing:.22em;color:#826f60}.cinema-scroll-cue{position:absolute;left:50%;bottom:25px;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translateX(-50%);color:#897b6d;font-size:7px;letter-spacing:.3em}.cinema-scroll-cue i{width:1px;height:35px;background:linear-gradient(#a88b70,transparent);animation:scrollCue 1.8s ease-in-out infinite}@keyframes scrollCue{0%,100%{transform:scaleY(.35);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}

.collection-reveal{background:#f3eee7;position:relative;z-index:2;padding-top:135px}.collection-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:65px}.collection-heading h2{font:600 clamp(48px,5vw,78px)/.96 var(--serif);letter-spacing:-.04em;margin:0}.collection-heading h2 em{font-weight:500;color:#9c5731}.collection-heading>p{color:#766b62;max-width:520px;font-size:17px}.runway{width:min(1680px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;perspective:1200px}.runway-card{min-width:0}.runway-photo{position:relative;display:block;overflow:hidden;background:#ddd4ca;aspect-ratio:.78}.runway-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,9,7,.48),transparent 35%);opacity:.22;transition:.5s}.runway-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .5s}.runway-card:hover .runway-photo img{transform:scale(1.045);filter:saturate(1.08)}.runway-card:hover .runway-photo:after{opacity:.5}.runway-no{position:absolute;z-index:2;left:18px;top:16px;color:#fff;font:500 18px/1 var(--serif);text-shadow:0 1px 8px rgba(0,0,0,.35)}.runway-view{position:absolute;z-index:2;right:16px;bottom:16px;color:#fff;font-size:8px;letter-spacing:.22em;font-weight:700;opacity:0;transform:translateY(10px);transition:.35s}.runway-card:hover .runway-view{opacity:1;transform:none}.runway-info{padding:18px 3px 28px}.runway-info>span{font-size:7px;letter-spacing:.18em;color:#917f70;text-transform:uppercase}.runway-info h3{font:500 clamp(17px,1.35vw,23px)/1.14 var(--serif);min-height:54px;margin:7px 0 12px}.runway-info>div{display:flex;justify-content:space-between;align-items:center}.runway-info b{font-size:12px}.runway-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(42,30,20,.15);padding-top:28px;margin-top:30px}.runway-footer>span{font-size:8px;letter-spacing:.24em;color:#8d7c6e}
.cinema-category{background:#16110e;color:#f3e8dc}.category-cinematic-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:12px}.category-film{height:670px;position:relative;overflow:hidden;display:block}.category-film img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.78);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s}.category-film:hover img{transform:scale(1.055);filter:saturate(1) brightness(.9)}.film-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,7,5,.85),transparent 58%)}.category-film>div{position:absolute;left:30px;right:30px;bottom:32px;z-index:2}.category-film small{font-size:8px;letter-spacing:.24em;color:#c3a58c}.category-film h3{font:500 clamp(36px,3.5vw,58px)/.92 var(--serif);margin:10px 0 20px;letter-spacing:-.04em}.category-film em{font-style:normal;font-size:8px;letter-spacing:.2em;color:#d4b99f}.craft-film{background:#0d0b09;color:#f2e4d6;position:relative;min-height:900px;display:grid;align-items:center;overflow:hidden}.craft-film-media{position:absolute;inset:0;overflow:hidden}.craft-film-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(.7);transform:scale(1.04)}.craft-film-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,5,.9) 0%,rgba(8,6,5,.62) 38%,rgba(8,6,5,.12) 72%)}.craft-film-copy{position:relative;z-index:2;margin-left:max(0px,4vw);max-width:680px}.craft-film-copy h2{font:500 clamp(58px,7vw,108px)/.88 var(--serif);letter-spacing:-.05em;margin:0 0 28px}.craft-film-copy p{max-width:550px;color:#b7a89b;font-size:17px;margin-bottom:30px}.cinematic-marquee{background:#b46532;color:#21130c;border:0;height:74px}.cinematic-marquee .marquee-track{height:74px;font-size:12px;font-weight:800;letter-spacing:.2em}.cinematic-marquee .marquee-track i{color:#2f1b11}

@media(max-width:1100px){.cinema-copy{left:35px;width:45vw}.bag-stage{left:68%;width:56vw}.bag-3d{width:min(38vw,410px)}.runway{grid-template-columns:repeat(3,1fr)}.category-cinematic-grid{grid-template-columns:1.2fr .8fr}.category-film:nth-child(3){grid-column:1/-1;height:470px}}
@media(max-width:760px){.page-index .site-header{height:72px}.cinema-scroll{height:470vh}.cinema-sticky{min-height:590px}.cinema-progress{right:13px;height:26vh}.cinema-progress span{display:none}.cinema-copy{left:20px;right:20px;top:18%;width:auto;transform:translateY(22px);text-align:left}.cinema-copy.active{transform:none}.cinema-copy h1,.cinema-copy h2{font-size:clamp(43px,13vw,66px);max-width:94%;margin-bottom:16px}.cinema-copy p{font-size:13px;max-width:88%;line-height:1.55;margin-bottom:18px}.cinema-index{margin-bottom:12px}.cinema-actions{gap:9px}.cinema-actions .shimmer-btn{height:45px;padding:0 16px}.cinema-rotate-hint{height:45px;padding:0 12px}.cinema-specs{gap:20px}.cinema-specs b{font-size:22px}.bag-stage{left:52%;top:69%;width:92vw;height:46vh}.bag-3d{width:min(62vw,330px)}.bag-label{right:5%;bottom:0}.bag-label b{font-size:13px}.cinema-scroll-cue{display:none}.orb-a,.orb-b{opacity:.2}.grid-lines{background-size:55px 55px}.collection-reveal{padding-top:75px}.collection-heading{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.collection-heading h2{font-size:45px}.collection-heading>p{font-size:14px}.runway{grid-template-columns:repeat(2,1fr);gap:8px;width:calc(100% - 16px)}.runway-info{padding:12px 2px 22px}.runway-info h3{font-size:15px;min-height:54px}.runway-view{display:none}.runway-no{left:10px;top:10px;font-size:14px}.runway-footer{flex-direction:column;align-items:stretch;gap:18px}.runway-footer .shimmer-btn{width:100%;justify-content:center}.cinema-category{padding:70px 0}.category-cinematic-grid{grid-template-columns:1fr;gap:8px}.category-film,.category-film:nth-child(3){grid-column:auto;height:430px}.category-film>div{left:20px;right:20px;bottom:22px}.category-film h3{font-size:44px}.craft-film{min-height:700px}.craft-film-copy{margin:0}.craft-film-copy h2{font-size:58px}.craft-film-copy p{font-size:14px}.cinematic-marquee,.cinematic-marquee .marquee-track{height:60px}}
@media(prefers-reduced-motion:reduce){.grain,.cinema-scroll-cue i{animation:none}.cinema-scroll{height:auto}.cinema-sticky{position:relative;height:auto;min-height:960px}.cinema-copy{display:none}.cinema-copy:first-of-type{display:block;opacity:1;transform:none;top:12%}.bag-stage{top:66%}.page-transition{display:none}}

/* ================= NAT LEATHER CINEMATIC / V4 REAL DEPTH ================= */
:root{--bag-frontness:1;--bag-backness:0;--bag-angle:0deg}
.bag-stage-v4{perspective:1900px;perspective-origin:50% 48%;filter:none}
.bag-stage-v4 .bag-aura{position:absolute;left:50%;top:50%;width:76%;height:66%;transform:translate(-50%,-47%);border-radius:50%;background:radial-gradient(circle,rgba(191,104,54,.2),rgba(123,62,30,.08) 36%,transparent 70%);filter:blur(30px);opacity:.82;pointer-events:none}
.bag-3d-v4{--bag-depth:82px;width:min(34vw,500px);aspect-ratio:.74;transform-origin:50% 68%;filter:drop-shadow(0 46px 42px rgba(0,0,0,.34));isolation:isolate}
.bag-volume-v4{width:84%;height:45%;left:8%;bottom:6%;--depth:var(--bag-depth);transform-style:preserve-3d}
.bag-volume-v4 .bag-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:var(--bag-color);background-image:linear-gradient(115deg,rgba(255,208,160,.10),transparent 22%,rgba(50,18,7,.12) 65%,rgba(255,220,178,.08)),url('../images/demo/leather-grain.webp');background-blend-mode:screen,multiply;background-size:100% 100%,220px;border:1px solid rgba(255,221,185,.18);box-shadow:inset 0 0 36px rgba(34,12,4,.13)}
.bag-volume-v4 .bag-front{transform:translateZ(var(--bag-depth));clip-path:polygon(2.5% 0,97.5% 0,93% 100%,7% 100%)}
.bag-volume-v4 .bag-back{transform:rotateY(180deg) translateZ(var(--bag-depth));clip-path:polygon(2.5% 0,97.5% 0,93% 100%,7% 100%);display:block;padding:0}
.bag-volume-v4 .bag-back:before{content:"";position:absolute;inset:9% 8% 10%;border:1px solid rgba(255,225,196,.16);box-shadow:inset 0 0 0 1px rgba(53,19,7,.16)}
.bag-volume-v4 .back-pocket{width:55%;height:38%;left:22.5%;top:34%;border:1px solid rgba(255,225,196,.25);border-radius:3px;box-shadow:inset 0 0 0 5px rgba(60,22,8,.08),0 8px 20px rgba(36,12,4,.12)}
.bag-volume-v4 .back-logo{position:absolute;left:0;right:0;bottom:10%;text-align:center;font:600 8px/1 var(--sans);letter-spacing:.28em;color:rgba(255,236,216,.48)}
.bag-volume-v4 .front-seam{position:absolute;left:19%;right:19%;bottom:13%;height:46%;border:1px solid rgba(255,226,196,.18);box-shadow:inset 0 0 0 4px rgba(49,16,5,.06)}
.bag-volume-v4 .bag-side{inset:auto;top:0;height:100%;width:calc(var(--bag-depth)*2);background-size:150px}
.bag-volume-v4 .bag-right{left:100%;transform-origin:0 50%;transform:translateZ(var(--bag-depth)) rotateY(90deg);background-color:color-mix(in srgb,var(--bag-color),#e9a36c 8%)}
.bag-volume-v4 .bag-left{right:100%;left:auto;transform-origin:100% 50%;transform:translateZ(var(--bag-depth)) rotateY(-90deg);background-color:color-mix(in srgb,var(--bag-color),#2a1208 28%)}
.bag-volume-v4 .side-seam{position:absolute;top:7%;bottom:7%;left:50%;width:1px;background:rgba(255,226,196,.26);box-shadow:3px 0 0 rgba(65,22,7,.10)}
.bag-volume-v4 .bag-edge{inset:auto;left:0;width:100%;height:calc(var(--bag-depth)*2)}
.bag-volume-v4 .bag-top{bottom:100%;transform-origin:50% 100%;transform:translateZ(var(--bag-depth)) rotateX(90deg);background-color:color-mix(in srgb,var(--bag-color),#21100a 18%);overflow:hidden}
.bag-volume-v4 .bag-bottom{top:100%;transform-origin:50% 0;transform:translateZ(var(--bag-depth)) rotateX(-90deg);background:#4b2416}
.bag-volume-v4 .bag-mouth{position:absolute;left:8%;right:8%;top:26%;height:48%;border-radius:50%;background:linear-gradient(180deg,#24140f,#0f0a08);box-shadow:0 0 0 7px color-mix(in srgb,var(--bag-color),#1d0d08 18%),inset 0 12px 22px rgba(0,0,0,.64)}
.bag-photo-v4{z-index:10;width:100%;bottom:0;transform:translateX(-50%) translateZ(calc(var(--bag-depth) + 7px));opacity:calc(.08 + var(--bag-frontness)*.92);transition:opacity .06s linear;filter:saturate(1.02) contrast(1.06) drop-shadow(0 6px 7px rgba(34,14,7,.16));backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bag-3d-v4 .bag-handle{z-index:4;left:21%;top:3%;width:58%;height:48%;border-width:17px;border-color:#3a2219;border-bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 30%,rgba(0,0,0,.16));box-shadow:inset 3px 0 0 rgba(255,216,180,.08),inset -3px 0 0 rgba(22,8,4,.22)}
.bag-3d-v4 .bag-handle:before,.bag-3d-v4 .bag-handle:after{content:"";position:absolute;bottom:-9px;width:8px;height:8px;border-radius:50%;background:#b88a45;box-shadow:0 0 0 2px #4a2c1d,0 0 0 3px rgba(255,224,174,.15)}
.bag-3d-v4 .bag-handle:before{left:-13px}.bag-3d-v4 .bag-handle:after{right:-13px}
.bag-3d-v4 .bag-handle-front{transform:translateZ(calc(var(--bag-depth) + 3px));opacity:calc((1 - var(--bag-frontness))*.72)}
.bag-3d-v4 .bag-handle-back{transform:rotateY(180deg) translateZ(calc(var(--bag-depth) - 2px));opacity:calc(.25 + var(--bag-backness)*.75)}
.bag-3d-v4 .bag-glint{z-index:12;transform:translateZ(calc(var(--bag-depth) + 12px)) translateX(calc(-65% + var(--bag-frontness)*28%));opacity:calc(var(--bag-frontness)*.35)}
.bag-depth-badge{position:absolute;z-index:15;right:-12%;top:21%;display:flex;align-items:center;gap:7px;transform:translateZ(145px) rotateY(-8deg);opacity:calc(.1 + (1 - var(--bag-frontness))*.58);color:#d9b795;pointer-events:none}
.bag-depth-badge span{font-size:6px;letter-spacing:.22em}.bag-depth-badge b{width:28px;height:28px;border:1px solid rgba(222,178,133,.42);border-radius:50%;display:grid;place-items:center;font-size:8px;letter-spacing:.06em;background:rgba(19,13,10,.42);backdrop-filter:blur(8px)}
.bag-rotation-readout{position:absolute;left:6%;bottom:7%;display:flex;align-items:center;gap:10px;color:#a88d76;font-size:8px;letter-spacing:.18em}
.bag-rotation-readout i{display:block;width:48px;height:1px;background:linear-gradient(90deg,#a5663b,rgba(165,102,59,.08));position:relative}.bag-rotation-readout i:after{content:"";position:absolute;left:calc(var(--cinema-p)*100%);top:50%;width:5px;height:5px;border-radius:50%;background:#d69a67;transform:translate(-50%,-50%);box-shadow:0 0 14px rgba(214,154,103,.65)}
.bag-stage-v4 .bag-shadow{bottom:7%;width:61%;height:12%;filter:blur(18px);opacity:.72}

@media(pointer:fine){body{cursor:none}.custom-cursor{width:30px;height:30px;border-color:rgba(255,255,255,.68);box-shadow:0 0 0 0 rgba(184,104,56,0);transition:width .2s,height .2s,border-color .2s,box-shadow .2s,background .2s}.custom-cursor:after{content:"";position:absolute;inset:50%;width:1px;height:1px;border-radius:50%;background:rgba(193,116,67,.38);transform:translate(-50%,-50%);transition:.2s}.custom-cursor.big{width:62px;height:62px;border-color:rgba(232,189,147,.8);box-shadow:0 0 0 8px rgba(177,94,47,.08)}.custom-cursor.cinema{width:46px;height:46px;border-color:#c77b48;box-shadow:0 0 36px rgba(187,101,51,.2)}.custom-cursor.cinema i{background:#e5b58f}.custom-cursor.cinema:after{width:70px;height:70px;background:radial-gradient(circle,rgba(192,105,53,.12),transparent 66%)}}

@media(max-width:1100px){.bag-3d-v4{--bag-depth:67px;width:min(40vw,430px)}}
@media(max-width:760px){.bag-3d-v4{--bag-depth:45px;width:min(67vw,350px)}.bag-depth-badge{display:none}.bag-rotation-readout{left:4%;bottom:1%}.bag-3d-v4 .bag-handle{border-width:12px}.bag-stage-v4 .bag-aura{width:92%;height:74%}}
@media(prefers-reduced-motion:reduce){.bag-photo-v4{opacity:1!important}.bag-depth-badge,.bag-rotation-readout{display:none}}

/* V4 WebGL 3D canvas */
.bag-webgl-wrap{position:absolute;z-index:20;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .35s ease}
.bag-webgl-wrap canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 45px 36px rgba(0,0,0,.30))}
.bag-webgl-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:7px;letter-spacing:.25em;color:#b89a80;padding:8px 12px;border:1px solid rgba(190,151,116,.2);background:rgba(10,8,6,.24);backdrop-filter:blur(8px)}
.bag-stage-v4.webgl-ready .bag-webgl-wrap{opacity:1}
.bag-stage-v4.webgl-ready .bag-tilter{opacity:0;visibility:hidden;transition:opacity .3s ease}
.bag-stage-v4.webgl-ready .bag-aura{opacity:1}
@media(max-width:760px){.bag-webgl-wrap{inset:-4% -5% -3%}.bag-webgl-wrap canvas{filter:drop-shadow(0 28px 28px rgba(0,0,0,.3))}}
.bag-stage-v4 .bag-label,.bag-stage-v4 .bag-rotation-readout{z-index:28}.bag-stage-v4 .bag-shadow{z-index:2}.bag-stage-v4 .bag-aura{z-index:1}


/* =========================================================
   NAT LEATHER V5 — PHOTO-REAL 360° SCROLL TURNTABLE
   Uses real multi-angle product renders. No WebGL cartoon bag.
   ========================================================= */
.bag-stage-v5{
  --photo-progress:0;
  --photo-side:0;
  perspective:1600px;
  perspective-origin:50% 52%;
  overflow:visible;
}
.bag-stage-v5 .bag-tilter,
.bag-stage-v5 .bag-webgl-wrap,
.bag-stage-v5 .bag-volume,
.bag-stage-v5 .bag-photo,
.bag-stage-v5 .bag-handle{display:none!important}

.photo360-shell{
  position:absolute;
  z-index:10;
  left:50%;
  top:50%;
  width:min(43vw,650px);
  aspect-ratio:1/1;
  transform:translate3d(0,0,0);
  transform-origin:50% 70%;
  transform-style:preserve-3d;
  will-change:transform;
  transition:filter .28s ease;
}
.photo360-frames,
.photo360-accessible{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
}
.photo360-accessible{
  opacity:0;
  pointer-events:none;
}
.photo360-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  transform:translateZ(0);
  will-change:opacity,filter;
  filter:drop-shadow(0 42px 34px rgba(0,0,0,.28));
}
.photo360-frame.is-active{opacity:1;visibility:visible}
.photo360-aura{
  position:absolute;
  z-index:2;
  left:50%;
  top:48%;
  width:78%;
  height:70%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at calc(54% + var(--photo-side)*7%) 48%,
      rgba(207,126,72,.25),rgba(126,64,31,.10) 38%,transparent 72%);
  filter:blur(34px);
  opacity:.9;
  pointer-events:none;
}
.photo360-floor{
  position:absolute;
  z-index:1;
  left:50%;
  bottom:7%;
  width:67%;
  height:17%;
  transform:translateX(-50%) perspective(450px) rotateX(64deg);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.46),rgba(0,0,0,.18) 46%,transparent 72%);
  filter:blur(15px);
  opacity:calc(.72 + var(--photo-progress)*.12);
}
.photo360-shadow{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:11%;
  width:48%;
  height:7%;
  transform:translateX(-50%) translateX(calc(var(--photo-side)*-12px));
  border-radius:50%;
  background:rgba(0,0,0,.46);
  filter:blur(21px);
  opacity:.62;
  pointer-events:none;
}
.photo360-highlight{
  position:absolute;
  z-index:12;
  left:20%;
  top:15%;
  width:20%;
  height:66%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,224,196,.13),transparent);
  filter:blur(9px);
  transform:translateX(calc(var(--photo-progress)*240%)) rotate(10deg);
  opacity:.7;
  mix-blend-mode:screen;
}
.photo360-tip{
  position:absolute;
  z-index:25;
  right:5%;
  top:31%;
  display:flex;
  align-items:center;
  gap:9px;
  color:#c5a58b;
  pointer-events:none;
}
.photo360-tip b{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(215,164,122,.34);
  border-radius:50%;
  font:600 9px/1 var(--sans);
  letter-spacing:.05em;
  background:rgba(18,12,9,.20);
  backdrop-filter:blur(8px);
}
.photo360-tip span{
  font:600 6px/1.3 var(--sans);
  letter-spacing:.22em;
  max-width:75px;
}
.bag-stage-v5 .bag-label{z-index:28}
.bag-stage-v5 .bag-rotation-readout{z-index:28}
.bag-stage-v5 .bag-rotation-readout i:after{
  left:calc(var(--photo-progress)*100%);
}
@media (hover:hover) and (pointer:fine){
  .bag-stage-v5:hover .photo360-shell{
    filter:drop-shadow(0 0 34px rgba(178,93,48,.10));
  }
}
@media(max-width:1100px){
  .photo360-shell{width:min(52vw,560px)}
  .photo360-tip{right:2%}
}
@media(max-width:760px){
  .photo360-shell{
    width:min(91vw,430px);
    top:51%;
  }
  .photo360-aura{width:98%;height:77%;top:50%}
  .photo360-floor{width:85%;bottom:4%}
  .photo360-shadow{width:64%;bottom:8%}
  .photo360-tip{display:none}
  .bag-stage-v5 .bag-label{right:4%;bottom:-1%}
}
@media(prefers-reduced-motion:reduce){
  .photo360-frame{display:none}
  .photo360-frame:first-child{display:block!important;opacity:1!important;visibility:visible!important}
  .photo360-shell{transform:none!important}
  .photo360-highlight{display:none}
}


/* NAT LEATHER V5.1 — smoother canvas turntable + corrected vertical placement */
.photo360-shell{
  left:50%;
  top:45%;
  width:min(41vw,620px);
  transform:translate(-50%,-50%);
  transform-origin:50% 58%;
}
.photo360-frames,.photo360-frame{display:none!important}
.photo360-canvas{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  filter:drop-shadow(0 34px 28px rgba(0,0,0,.26));
  opacity:0;transition:opacity .25s ease;will-change:transform;
}
.photo360-ready .photo360-canvas{opacity:1}
.photo360-accessible{opacity:1;transition:opacity .25s ease}
.photo360-ready .photo360-accessible{opacity:0}
.photo360-floor{bottom:13%;width:62%}
.photo360-shadow{bottom:16%;width:43%;filter:blur(17px)}
.photo360-highlight{top:9%;height:70%}
@media(max-width:1100px){
  .photo360-shell{top:44%;width:min(48vw,540px)}
}
@media(max-width:760px){
  .bag-stage{top:65%;height:48vh}
  .photo360-shell{top:46%;width:min(82vw,390px)}
  .photo360-floor{bottom:11%;width:77%}
  .photo360-shadow{bottom:14%;width:56%}
}
@media(prefers-reduced-motion:reduce){
  .photo360-canvas{display:none!important}
  .photo360-accessible{opacity:1!important}
  .photo360-shell{transform:translate(-50%,-50%)!important}
}
\n\n/* V5.2 — faster 360 rotation / 24-angle turntable */\n.bag-stage-v5 .photo360-shell{top:43%!important;}\n@media(max-width:760px){.bag-stage-v5 .photo360-shell{top:45%!important;}}\n
/* V5.3 — 72 frames / 5 degree professional turntable */
.photo360-canvas{image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}
.photo360-complete .photo360-canvas{filter:drop-shadow(0 31px 27px rgba(0,0,0,.255))}
.bag-stage-v5 .photo360-highlight{opacity:.46;filter:blur(12px)}
.bag-stage-v5 .photo360-tip b{animation:v53Pulse 2.8s ease-in-out infinite}
@keyframes v53Pulse{0%,100%{box-shadow:0 0 0 0 rgba(205,132,82,0)}50%{box-shadow:0 0 0 8px rgba(205,132,82,.05)}}
@media(prefers-reduced-motion:reduce){.bag-stage-v5 .photo360-tip b{animation:none}}


/* ================================================================
   NAT LEATHER V6 — SCROLL-SCRUBBED CINEMATIC FASHION FILM
   ================================================================ */
.film-scroll{
  --film-p:0;
  position:relative;
  height:285vh;
  background:#080706;
  color:#f6ede5;
}
.film-sticky{
  position:sticky;
  top:0;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  background:#0a0807;
}
.film-atmosphere{
  position:absolute;inset:0;z-index:-4;overflow:hidden;
  background:
    radial-gradient(circle at 72% 35%,rgba(126,66,36,.19),transparent 35%),
    linear-gradient(120deg,#070605 0%,#130d0a 52%,#080706 100%);
}
.film-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.28}
.film-orb-a{width:40vw;height:40vw;right:-10vw;top:-12vw;background:#8d4b2d;transform:translate(calc(var(--film-p)*-10vw),calc(var(--film-p)*20vh))}
.film-orb-b{width:31vw;height:31vw;left:-8vw;bottom:-10vw;background:#5c3929;transform:translate(calc(var(--film-p)*12vw),calc(var(--film-p)*-12vh))}
.film-grain{position:absolute;inset:-30%;opacity:.07;background:url('../images/demo/leather-grain.webp') repeat;background-size:240px;mix-blend-mode:soft-light;animation:grainShift 8s steps(6) infinite}

.film-frame-wrap{
  --film-widen:0;
  --film-shift:0vw;
  --film-scale:1;
  position:absolute;
  z-index:3;
  left:67%;
  top:50%;
  width:calc(39vh + var(--film-widen)*21vw);
  height:84vh;
  max-width:66vw;
  transform:translate(calc(-50% + var(--film-shift)),-50%) scale(var(--film-scale));
  transform-origin:center;
  overflow:hidden;
  background:#19110d;
  box-shadow:0 45px 100px rgba(0,0,0,.42);
  will-change:width,transform;
}
.film-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center center;
  background:#15100d;
  filter:saturate(.77) contrast(1.08) brightness(.84);
}
.film-video-grade{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(7,5,4,.16),transparent 34%,transparent 70%,rgba(7,5,4,.17)),
    linear-gradient(180deg,rgba(9,6,4,.09),transparent 58%,rgba(8,5,4,.44));
  mix-blend-mode:multiply;
}
.film-frame-line{position:absolute;z-index:4;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(240,210,186,.42),transparent)}
.film-frame-line.top{top:15px}.film-frame-line.bottom{bottom:15px}
.film-filmcode{
  position:absolute;z-index:5;left:18px;right:18px;bottom:19px;
  display:flex;justify-content:space-between;align-items:center;
  color:rgba(255,242,230,.72);font:600 7px/1 var(--sans);letter-spacing:.22em;
}
.film-filmcode b{font-weight:500;font-variant-numeric:tabular-nums}

.film-copy{
  position:absolute;z-index:7;left:max(5vw,54px);top:50%;
  width:min(38vw,560px);transform:translateY(calc(-50% + 26px));
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.16,1,.3,1),visibility .6s;
}
.film-copy.is-active{opacity:1;visibility:visible;transform:translateY(-50%);pointer-events:auto}
.film-copy .cinema-index{display:block;margin-bottom:18px;color:#ad8d76;font:600 8px/1 var(--sans);letter-spacing:.28em}
.film-copy h1,.film-copy h2{
  font:500 clamp(48px,5.4vw,88px)/.91 var(--serif);
  letter-spacing:-.045em;margin:0 0 24px;max-width:620px;
}
.film-copy h1::first-line,.film-copy h2::first-line{color:#fff7f0}
.film-copy p{max-width:460px;color:#c6b6a9;font-size:14px;line-height:1.75;margin:0 0 28px}
.film-control-note{display:inline-flex;align-items:center;gap:9px;font-size:7px;letter-spacing:.2em;color:#9d897a}
.film-control-note i{width:23px;height:1px;background:#a5795c;animation:filmNote 1.6s ease-in-out infinite}
@keyframes filmNote{50%{width:38px;opacity:.5}}
.film-specs{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}
.film-specs span{display:flex;flex-direction:column;gap:5px;color:#a99687;font-size:8px;letter-spacing:.08em}
.film-specs b{font:500 22px/1 var(--serif);color:#ead8ca}

.film-progress{
  position:absolute;z-index:9;right:24px;top:50%;height:34vh;transform:translateY(-50%);
  display:flex;flex-direction:column;align-items:center;gap:12px;color:#8b786b;
}
.film-progress>span{writing-mode:vertical-rl;font-size:6px;letter-spacing:.28em}
.film-progress>div{height:100%;width:1px;background:rgba(255,255,255,.12);position:relative}
.film-progress i{position:absolute;left:0;top:0;width:1px;height:100%;background:#c39775;transform:scaleY(0);transform-origin:top;will-change:transform}
.film-progress>b{font:500 8px/1 var(--sans);font-variant-numeric:tabular-nums}
.film-scroll-cue{position:absolute;z-index:8;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:#8f7d70;font-size:6px;letter-spacing:.3em}
.film-scroll-cue i{width:1px;height:34px;background:linear-gradient(#b38a6d,transparent);animation:scrollCue 1.8s ease-in-out infinite}
.film-loading{
  position:absolute;z-index:20;left:67%;top:50%;transform:translate(-50%,-50%);
  width:230px;padding:17px 18px;display:flex;align-items:center;gap:11px;
  color:#d7c5b8;background:rgba(10,7,5,.76);border:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(15px);font-size:8px;letter-spacing:.13em;
  transition:opacity .35s,visibility .35s;
}
.film-loading i{width:17px;height:17px;border:1px solid rgba(255,255,255,.25);border-top-color:#c89470;border-radius:50%;animation:filmLoad .8s linear infinite}
.film-loading.is-hidden{opacity:0;visibility:hidden}
.film-loading.is-error{color:#e3b99d}
.film-loading.is-error i{animation:none;border-color:#a86c4b}
@keyframes filmLoad{to{transform:rotate(360deg)}}

@media(max-width:980px){
  .film-copy{left:34px;width:42vw}
  .film-frame-wrap{left:70%;width:42vh;max-width:58vw}
}
@media(max-width:760px){
  .film-scroll{height:250vh}
  .film-sticky{min-height:590px}
  .film-frame-wrap{
    left:50%;top:57%;width:82vw;height:67vh;max-width:none;
    transform:translate(-50%,-50%) scale(var(--film-scale));
  }
  .film-video{object-position:center center}
  .film-video-grade{background:linear-gradient(180deg,rgba(5,4,3,.56) 0%,rgba(5,4,3,.10) 40%,rgba(5,4,3,.58) 100%)}
  .film-copy{left:20px;right:20px;top:19%;width:auto;transform:translateY(18px)}
  .film-copy.is-active{transform:none}
  .film-copy h1,.film-copy h2{font-size:clamp(38px,11vw,58px);max-width:90%;line-height:.94;margin-bottom:14px}
  .film-copy p{font-size:12px;line-height:1.5;max-width:82%;margin-bottom:14px}
  .film-copy .cinema-index{margin-bottom:10px;font-size:6px}
  .film-specs{display:none}
  .film-progress{right:12px;height:24vh}.film-progress>span{display:none}
  .film-scroll-cue{display:none}
  .film-loading{left:50%;top:58%;width:210px}
}
@media(prefers-reduced-motion:reduce){
  .film-scroll{height:auto}.film-sticky{position:relative;height:820px}
  .film-orb,.film-grain,.film-scroll-cue i,.film-control-note i{animation:none}
}


/* NAT LEATHER V6.1 — smoother short scrub + leather-focused film composition */
.film-scroll{height:210vh}
.film-frame-wrap{
  left:auto;
  right:4vw;
  top:50%;
  width:min(58vw,980px);
  height:min(78vh,720px);
  max-width:none;
  transform:translate(var(--film-shift),-50%) scale(var(--film-scale));
  border:1px solid rgba(240,214,194,.10);
  background:#0b0908;
}
.film-video{
  object-fit:contain;
  object-position:center;
  background:
    radial-gradient(circle at 50% 45%,#211813 0,#0d0a08 68%,#080706 100%);
  filter:saturate(.82) contrast(1.06) brightness(.90);
}
.film-video-grade{
  background:
    linear-gradient(90deg,rgba(7,5,4,.05),transparent 16%,transparent 84%,rgba(7,5,4,.08)),
    linear-gradient(180deg,rgba(8,6,5,.03),transparent 70%,rgba(8,5,4,.20));
}
.film-copy{
  left:4.2vw;
  width:min(32vw,500px);
}
.film-copy h1,.film-copy h2{font-size:clamp(44px,4.8vw,78px)}
.film-loading{left:auto;right:calc(4vw + min(29vw,490px));transform:translate(50%,-50%)}
@media(max-width:1100px){
 .film-frame-wrap{right:2.5vw;width:58vw;height:72vh}
 .film-copy{left:30px;width:35vw}
}
@media(max-width:760px){
 .film-scroll{height:200vh}
 .film-frame-wrap{
   left:50%;right:auto;top:60%;
   width:92vw;height:61vh;
   transform:translate(-50%,-50%) scale(var(--film-scale));
 }
 .film-copy{left:18px;right:18px;top:16%;width:auto}
 .film-copy p{max-width:88%}
 .film-loading{left:50%;right:auto;top:60%;transform:translate(-50%,-50%)}
}


/* =================================================================
   NAT LEATHER V7 — ATELIER SCROLL STORY
   Editorial stills + zoom parallax + cut reveal + triptych finish
   ================================================================= */
.atelier-scroll{
  --atelier-p:0;--s0:0;--s1:0;--s2:0;
  position:relative;height:245vh;background:#090806;color:#f5ede5;
}
.atelier-sticky{
  position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;
  isolation:isolate;background:#090806;
}
.atelier-ambient,.atelier-backdrops{position:absolute;inset:0;overflow:hidden}
.atelier-ambient{z-index:-5;background:linear-gradient(118deg,#090806 0%,#14100c 55%,#090806 100%)}
.atelier-glow{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none}
.glow-a{width:36vw;height:36vw;right:-8vw;top:4vh;background:rgba(149,79,40,.24);transform:translate(calc(var(--atelier-p)*-8vw),calc(var(--atelier-p)*10vh))}
.glow-b{width:27vw;height:27vw;left:-9vw;bottom:-5vw;background:rgba(108,74,52,.13);transform:translate(calc(var(--atelier-p)*10vw),calc(var(--atelier-p)*-8vh))}
.atelier-grain{position:absolute;inset:-20%;opacity:.07;background:url('../images/demo/leather-grain.webp') repeat;background-size:250px;mix-blend-mode:soft-light;animation:grainShift 9s steps(6) infinite}
.atelier-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,transparent 0,#000 32%,#000 100%)}

.atelier-backdrops{z-index:-4}
.atelier-backdrop{
  position:absolute;inset:-7%;width:114%;height:114%;object-fit:cover;
  opacity:0;filter:blur(28px) saturate(.72) brightness(.23);
  transform:scale(1.09) translate3d(0,0,0);transition:opacity .7s ease;
}
.atelier-backdrop.is-active{opacity:.55}
.atelier-backdrop[data-atelier-bg="0"]{transform:scale(calc(1.11 + var(--s0)*.07)) translate3d(calc(var(--s0)*-1.2%),calc(var(--s0)*-1.4%),0)}
.atelier-backdrop[data-atelier-bg="1"]{transform:scale(calc(1.12 + var(--s1)*.06)) translate3d(calc(var(--s1)*1.3%),calc(var(--s1)*-1.2%),0)}
.atelier-backdrop[data-atelier-bg="2"]{transform:scale(calc(1.11 + var(--s2)*.06)) translate3d(calc(var(--s2)*-1.2%),calc(var(--s2)*-1%),0)}

.atelier-copy{
  position:absolute;z-index:20;left:max(4.7vw,52px);top:50%;width:min(36vw,520px);
  opacity:0;visibility:hidden;transform:translateY(calc(-50% + 26px));
  transition:opacity .48s ease,transform .65s cubic-bezier(.16,1,.3,1),visibility .48s;
}
.atelier-copy.is-active{opacity:1;visibility:visible;transform:translateY(-50%)}
.atelier-kicker{display:flex;align-items:center;gap:12px;margin-bottom:19px;font:600 8px/1 var(--sans);letter-spacing:.26em;color:#b5977f}
.atelier-kicker b{font:500 17px/1 var(--serif);letter-spacing:0;color:#e6c8af}
.atelier-copy h1,.atelier-copy h2{
  margin:0 0 23px;font:500 clamp(52px,5.8vw,92px)/.88 var(--serif);
  letter-spacing:-.055em;color:#f7eee6;
}
.atelier-copy h1 span,.atelier-copy h2 span,.atelier-copy h1 em,.atelier-copy h2 em{
  display:inline-block;overflow:hidden;position:relative;
}
.atelier-copy h1 em,.atelier-copy h2 em{font-weight:500;color:#c57747}
.atelier-copy p{max-width:440px;margin:0 0 29px;color:#c3b3a5;font-size:14px;line-height:1.72}
.atelier-actions{display:flex;align-items:center;gap:22px}
.atelier-scroll-note{display:flex;align-items:center;gap:9px;color:#927e6e;font-size:7px;letter-spacing:.2em}
.atelier-scroll-note i{width:30px;height:1px;background:linear-gradient(90deg,#c48d67,transparent);animation:filmNote 1.8s ease-in-out infinite}
.atelier-facts{display:flex;gap:26px;flex-wrap:wrap;margin-top:27px}
.atelier-facts span{display:flex;flex-direction:column;gap:6px;color:#a99382;font-size:7px;letter-spacing:.16em;text-transform:uppercase}
.atelier-facts b{font:500 22px/1 var(--serif);letter-spacing:0;color:#ecd8c8}

.atelier-stage{position:absolute;z-index:10;left:43%;right:4.5%;top:9%;bottom:8%}
.atelier-visual{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s}
.atelier-visual.is-active{opacity:1;visibility:visible;pointer-events:auto}
.atelier-image-shell{
  position:absolute;overflow:hidden;background:#1a120e;box-shadow:0 45px 100px rgba(0,0,0,.35);
  border:1px solid rgba(255,239,226,.10);will-change:transform,clip-path;
}
.atelier-image-shell img{width:100%;height:100%;object-fit:cover;display:block;will-change:transform}
.image-code,.image-mark{position:absolute;z-index:4;color:rgba(255,245,235,.74);font:600 7px/1 var(--sans);letter-spacing:.22em}
.image-code{left:17px;bottom:17px}.image-mark{right:17px;top:17px;font:500 26px/1 var(--serif);letter-spacing:0}

.visual-one .atelier-image-shell{
  left:12%;top:7%;width:76%;height:86%;
  clip-path:inset(calc((1 - var(--s0))*0%) calc((1 - var(--s0))*12%) 0 0 round 3px);
  transform:translate3d(calc((1 - var(--s0))*4vw),calc((1 - var(--s0))*2vh),0) scale(calc(.94 + var(--s0)*.06));
}
.visual-one img{transform:scale(calc(1.07 - var(--s0)*.045)) translate3d(calc(var(--s0)*-1.5%),calc(var(--s0)*-1%),0)}

.visual-two .atelier-image-shell{
  left:8%;top:5%;width:84%;height:90%;
  clip-path:inset(0 calc((1 - var(--s1))*22%) 0 calc((1 - var(--s1))*4%) round 3px);
  transform:translate3d(calc((1 - var(--s1))*6vw),0,0) scale(calc(.95 + var(--s1)*.05));
}
.visual-two img{transform:scale(calc(1.09 - var(--s1)*.055)) translate3d(calc(var(--s1)*-1.2%),0,0)}

.atelier-triptych{position:absolute;inset:2% 0 2% 1%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:stretch}
.triptych-card{position:relative;overflow:hidden;background:#18110d;border:1px solid rgba(255,255,255,.08);color:#fff;transform:translateY(40px);opacity:0;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .48s ease}
.visual-three.is-active .triptych-card{opacity:1}
.visual-three.is-active .trip-a{transform:translateY(calc((1 - var(--s2))*30px))}
.visual-three.is-active .trip-b{transform:translateY(calc((1 - var(--s2))*-20px));transition-delay:.06s}
.visual-three.is-active .trip-c{transform:translateY(calc((1 - var(--s2))*42px));transition-delay:.11s}
.triptych-card img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(calc(1.08 - var(--s2)*.045));transition:filter .35s ease}
.triptych-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(8,5,4,.78))}
.triptych-card span{position:absolute;z-index:3;left:15px;right:15px;bottom:17px;display:flex;align-items:center;gap:9px;font:600 8px/1 var(--sans);letter-spacing:.16em}
.triptych-card span b{font:500 18px/1 var(--serif);letter-spacing:0;color:#d2a37f}
.triptych-card span em{margin-left:auto;font-size:15px;font-style:normal}
@media(hover:hover){.triptych-card:hover img{filter:brightness(1.08);transform:scale(1.02)}}

.atelier-side-nav{
  position:absolute;z-index:30;left:28px;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:3px;
}
.atelier-side-nav button{
  width:89px;height:37px;padding:0;background:transparent;border:0;color:#6f6259;
  display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left;
}
.atelier-side-nav button:before{content:"";width:12px;height:1px;background:#66574c;transition:width .3s,background .3s}
.atelier-side-nav b{font:500 12px/1 var(--serif);color:inherit}.atelier-side-nav span{font-size:6px;letter-spacing:.17em;opacity:0;transform:translateX(-4px);transition:.3s}
.atelier-side-nav button.is-active{color:#d5ac8d}.atelier-side-nav button.is-active:before{width:25px;background:#c0784a}.atelier-side-nav button.is-active span{opacity:1;transform:none}

.atelier-progress{
  position:absolute;z-index:30;right:18px;top:50%;height:31vh;transform:translateY(-50%);
  display:flex;flex-direction:column;align-items:center;gap:10px;color:#806e60;
}
.atelier-progress>span{writing-mode:vertical-rl;font-size:6px;letter-spacing:.25em}
.atelier-progress>div{position:relative;width:1px;height:100%;background:rgba(255,255,255,.12)}
.atelier-progress i{position:absolute;inset:0;background:#c37d50;transform:scaleY(0);transform-origin:top;will-change:transform}
.atelier-progress>b{font:500 8px/1 var(--sans);font-variant-numeric:tabular-nums}

@media(max-width:1100px){
  .atelier-copy{left:34px;width:34vw}
  .atelier-stage{left:40%;right:3.5%}
  .atelier-side-nav{display:none}
}
@media(max-width:760px){
  .atelier-scroll{height:215vh}
  .atelier-sticky{min-height:620px}
  .atelier-copy{left:18px;right:18px;top:17%;width:auto;transform:translateY(18px)}
  .atelier-copy.is-active{transform:none}
  .atelier-copy h1,.atelier-copy h2{font-size:clamp(42px,12vw,62px);margin-bottom:12px;max-width:92%}
  .atelier-copy p{font-size:11px;line-height:1.5;max-width:92%;margin-bottom:12px}
  .atelier-kicker{font-size:6px;margin-bottom:10px}.atelier-kicker b{font-size:13px}
  .atelier-actions .shimmer-btn{height:43px;padding:0 14px}.atelier-scroll-note{display:none}.atelier-facts{display:none}
  .atelier-stage{left:12px;right:12px;top:43%;bottom:5%}
  .visual-one .atelier-image-shell,.visual-two .atelier-image-shell{left:0;top:0;width:100%;height:100%}
  .atelier-triptych{inset:0;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
  .trip-c{grid-column:1/-1}.triptych-card span{left:10px;right:10px;bottom:11px;font-size:6px}
  .atelier-progress{right:8px;height:22vh}.atelier-progress>span{display:none}
}
@media(prefers-reduced-motion:reduce){
  .atelier-scroll{height:auto}.atelier-sticky{position:relative;height:auto;min-height:980px;overflow:visible}
  .atelier-copy{position:relative;left:auto;top:auto;width:auto;transform:none!important;opacity:1!important;visibility:visible!important;padding:50px 22px 20px}
  .atelier-copy:not(:first-of-type){display:none}
  .atelier-stage{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:520px;margin:0 18px}
  .atelier-visual{display:none}.atelier-visual:first-child{display:block;opacity:1;visibility:visible}
  .atelier-side-nav,.atelier-progress{display:none}.atelier-grain{animation:none}
}


/* =================================================================
   NAT LEATHER V7.1 — LEATHER-FOCUSED IMAGERY + SAFE TEXT LAYOUT
   ================================================================= */

/* Give typography a protected editorial column. */
.atelier-copy{
  z-index:40;
  left:max(6.1vw,74px);
  width:min(32.5vw,470px);
  padding-right:12px;
  isolation:isolate;
}
.atelier-copy:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-34px;
  top:-42px;
  width:calc(100% + 62px);
  height:calc(100% + 84px);
  background:linear-gradient(90deg,rgba(9,8,6,.82) 0%,rgba(9,8,6,.52) 68%,rgba(9,8,6,0) 100%);
  filter:blur(12px);
  pointer-events:none;
}
.atelier-copy h1,.atelier-copy h2{
  font-size:clamp(46px,4.9vw,78px);
  line-height:.91;
  max-width:100%;
}
.atelier-copy p{
  max-width:410px;
}

/* Make the image composition deliberately smaller and farther right. */
.atelier-stage{
  left:52.5%;
  right:6.5%;
  top:13%;
  bottom:11%;
}
.visual-one .atelier-image-shell{
  left:13%;
  top:7%;
  width:72%;
  height:84%;
}
.visual-two .atelier-image-shell{
  left:15%;
  top:5%;
  width:70%;
  height:88%;
}

/* Portrait/editorial images: show the leather product, not oversized empty body/background. */
.visual-one .atelier-image-shell img{
  object-position:center 48%;
}
.visual-two .atelier-image-shell img{
  object-position:center 38%;
}
.atelier-backdrop{
  opacity:0;
}
.atelier-backdrop.is-active{
  opacity:.30;
}

/* Third scene: compact premium gallery instead of wall-to-wall cards. */
.atelier-triptych{
  inset:7% 2% 7% 3%;
  gap:12px;
}
.triptych-card{
  border-radius:2px;
}
.triptych-card img{
  object-position:center center;
}
.triptych-card span{
  background:linear-gradient(90deg,rgba(10,7,5,.40),transparent);
  padding-top:9px;
}

/* Keep left scene index clear of the main copy. */
.atelier-side-nav{
  left:22px;
  z-index:50;
}
.atelier-progress{
  right:14px;
  z-index:50;
}

/* Prevent the inactive copy from visually lingering during scene switches. */
.atelier-copy{
  transition:
    opacity .34s ease,
    transform .52s cubic-bezier(.16,1,.3,1),
    visibility 0s linear .34s;
}
.atelier-copy.is-active{
  transition:
    opacity .42s ease .06s,
    transform .58s cubic-bezier(.16,1,.3,1) .03s,
    visibility 0s;
}
.atelier-copy:not(.is-active){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* 1366-wide screens: prioritize legible copy over a huge image. */
@media (max-width:1450px) and (min-width:761px){
  .atelier-copy{
    left:72px;
    width:31vw;
  }
  .atelier-copy h1,.atelier-copy h2{
    font-size:clamp(43px,4.45vw,67px);
  }
  .atelier-stage{
    left:51%;
    right:4.5%;
    top:14%;
    bottom:12%;
  }
  .visual-one .atelier-image-shell{
    left:17%;
    width:66%;
  }
  .visual-two .atelier-image-shell{
    left:18%;
    width:64%;
  }
}

/* Mobile: image is lower and copy has its own clean top zone. */
@media(max-width:760px){
  .atelier-copy{
    left:18px;
    right:18px;
    width:auto;
    padding-right:0;
    top:14.5%;
  }
  .atelier-copy:before{
    left:-18px;
    top:-25px;
    width:calc(100% + 36px);
    height:calc(100% + 50px);
    background:linear-gradient(180deg,rgba(9,8,6,.90),rgba(9,8,6,.58) 76%,transparent);
  }
  .atelier-copy h1,.atelier-copy h2{
    font-size:clamp(39px,10.5vw,55px);
  }
  .atelier-stage{
    left:20px;
    right:20px;
    top:48%;
    bottom:6%;
  }
  .visual-one .atelier-image-shell,
  .visual-two .atelier-image-shell{
    left:7%;
    top:2%;
    width:86%;
    height:96%;
  }
  .atelier-triptych{
    inset:0;
    gap:7px;
  }
}


/* =================================================================
   NAT LEATHER V7.2 — TEXT SAFETY + 3 SCROLL MODES
   ================================================================= */

/* FIX: Italic serif glyphs and large type must never be clipped. */
.atelier-copy,
.atelier-copy h1,
.atelier-copy h2,
.atelier-copy h1 span,
.atelier-copy h2 span,
.atelier-copy h1 em,
.atelier-copy h2 em{
  overflow:visible!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}
.atelier-copy h1,
.atelier-copy h2{
  line-height:1.02!important;
  padding:.06em .12em .12em .02em;
  margin-left:-.02em;
}
.atelier-copy h1 span,
.atelier-copy h2 span,
.atelier-copy h1 em,
.atelier-copy h2 em{
  display:inline-block;
  padding:.03em .09em .09em .02em;
  margin-right:-.02em;
}
.atelier-copy h1 em,
.atelier-copy h2 em{
  padding-left:.10em;
  margin-left:-.10em;
}
.atelier-copy{
  top:49%;
  max-height:78vh;
}
.atelier-kicker{line-height:1.3}
.atelier-copy p{line-height:1.68}

/* Optional test-only mode chooser. */
.scroll-preview-badge{
  position:absolute;z-index:80;top:122px;right:24px;
  display:flex;align-items:center;gap:5px;padding:6px;
  border:1px solid rgba(255,255,255,.10);background:rgba(10,8,7,.66);
  backdrop-filter:blur(12px);
}
.scroll-preview-badge span{padding:0 8px;color:#8d7a6c;font-size:6px;letter-spacing:.17em}
.scroll-preview-badge a{padding:8px 9px;color:#927e70;font-size:6px;letter-spacing:.12em;border:1px solid transparent}
.scroll-preview-badge a.active{color:#f2dfd0;border-color:rgba(205,145,101,.35);background:rgba(173,101,60,.12)}

/* MODE 1 — FOCUS REVEAL
   Safest typography, restrained image movement, premium catalogue feel. */
.scroll-mode-focus{height:205vh}
.scroll-mode-focus .atelier-stage{
  left:54%;
  right:8%;
  top:16%;
  bottom:14%;
}
.scroll-mode-focus .atelier-image-shell{
  left:12%!important;
  top:4%!important;
  width:76%!important;
  height:92%!important;
  clip-path:none!important;
  transform:none!important;
  border-radius:3px;
}
.scroll-mode-focus .atelier-image-shell img{
  transform:scale(calc(1.035 - var(--s0)*.02))!important;
}
.scroll-mode-focus .visual-two .atelier-image-shell img{
  transform:scale(calc(1.035 - var(--s1)*.02))!important;
}
.scroll-mode-focus .atelier-backdrop.is-active{opacity:.20}
.scroll-mode-focus .atelier-grid{opacity:.10}
.scroll-mode-focus .atelier-copy{
  width:min(32vw,470px);
}
.scroll-mode-focus .atelier-visual{
  transition:opacity .55s ease,visibility .55s;
}
.scroll-mode-focus .atelier-triptych{
  inset:8% 3%;
  gap:12px;
}

/* MODE 2 — ZOOM PARALLAX
   More cinematic, but text remains in a protected left column. */
.scroll-mode-zoom{height:230vh}
.scroll-mode-zoom .atelier-stage{
  left:50%;
  right:4%;
  top:11%;
  bottom:8%;
}
.scroll-mode-zoom .visual-one .atelier-image-shell{
  left:10%;top:5%;width:78%;height:90%;
  clip-path:none!important;
  transform:translate3d(calc((1 - var(--s0))*3vw),calc((1 - var(--s0))*1.2vh),0) scale(calc(.95 + var(--s0)*.05))!important;
}
.scroll-mode-zoom .visual-one img{
  transform:scale(calc(1.15 - var(--s0)*.10)) translate3d(calc(var(--s0)*-1%),calc(var(--s0)*-.5%),0)!important;
}
.scroll-mode-zoom .visual-two .atelier-image-shell{
  left:12%;top:5%;width:76%;height:90%;
  clip-path:none!important;
  transform:translate3d(calc((1 - var(--s1))*4vw),0,0) scale(calc(.95 + var(--s1)*.05))!important;
}
.scroll-mode-zoom .visual-two img{
  transform:scale(calc(1.14 - var(--s1)*.09))!important;
}
.scroll-mode-zoom .atelier-backdrop.is-active{opacity:.35}

/* MODE 3 — CURTAIN GALLERY
   A faster fashion/editorial reveal: image slides in like a leather lookbook page. */
.scroll-mode-curtain{height:215vh}
.scroll-mode-curtain .atelier-stage{
  left:51.5%;
  right:5%;
  top:14%;
  bottom:11%;
}
.scroll-mode-curtain .atelier-image-shell{
  left:11%!important;
  top:4%!important;
  width:76%!important;
  height:92%!important;
  transform:none!important;
  border-radius:2px;
}
.scroll-mode-curtain .visual-one .atelier-image-shell{
  clip-path:inset(0 calc((1 - var(--s0))*88%) 0 0 round 2px)!important;
}
.scroll-mode-curtain .visual-two .atelier-image-shell{
  clip-path:inset(0 0 0 calc((1 - var(--s1))*88%) round 2px)!important;
}
.scroll-mode-curtain .atelier-image-shell img{
  transform:scale(1.035)!important;
}
.scroll-mode-curtain .atelier-triptych{
  inset:5% 0;
  gap:7px;
}
.scroll-mode-curtain .visual-three.is-active .trip-a{
  transform:translateX(calc((1 - var(--s2))*40px))!important;
}
.scroll-mode-curtain .visual-three.is-active .trip-b{
  transform:translateY(calc((1 - var(--s2))*35px))!important;
}
.scroll-mode-curtain .visual-three.is-active .trip-c{
  transform:translateX(calc((1 - var(--s2))*-40px))!important;
}

/* 1366x768 safety: smaller headline, full visibility. */
@media(max-width:1450px) and (min-width:761px){
  .atelier-copy{
    left:76px!important;
    top:49%!important;
    width:30.5vw!important;
    max-height:76vh!important;
  }
  .atelier-copy h1,.atelier-copy h2{
    font-size:clamp(39px,4.1vw,61px)!important;
    line-height:1.03!important;
  }
  .atelier-copy p{
    font-size:12px!important;
    max-width:380px!important;
    margin-bottom:18px!important;
  }
  .atelier-kicker{margin-bottom:11px!important}
  .atelier-actions{gap:14px}
  .atelier-facts{margin-top:14px}
  .scroll-mode-focus .atelier-stage{left:52%;right:5.5%}
  .scroll-mode-zoom .atelier-stage{left:50%;right:3%}
  .scroll-mode-curtain .atelier-stage{left:51%;right:4%}
}

/* Short laptop heights: don't let the heading reach the header or bottom edge. */
@media(max-height:820px) and (min-width:761px){
  .atelier-copy h1,.atelier-copy h2{
    font-size:clamp(37px,4vw,58px)!important;
    margin-bottom:12px!important;
  }
  .atelier-copy p{
    line-height:1.48!important;
    margin-bottom:14px!important;
  }
  .atelier-kicker{margin-bottom:9px!important}
  .atelier-facts{margin-top:10px!important}
}

/* Mobile keeps the safe text zone and uses the Focus geometry for all modes. */
@media(max-width:760px){
  .scroll-preview-badge{top:90px;right:10px;transform:scale(.88);transform-origin:right top}
  .atelier-copy{
    top:14%!important;
    left:18px!important;
    right:18px!important;
    width:auto!important;
    max-height:none!important;
  }
  .atelier-copy h1,.atelier-copy h2{
    font-size:clamp(37px,10.2vw,52px)!important;
    line-height:1.02!important;
  }
  .scroll-mode-focus,.scroll-mode-zoom,.scroll-mode-curtain{height:205vh}
  .scroll-mode-focus .atelier-stage,
  .scroll-mode-zoom .atelier-stage,
  .scroll-mode-curtain .atelier-stage{
    left:18px!important;right:18px!important;top:49%!important;bottom:6%!important;
  }
  .scroll-mode-focus .atelier-image-shell,
  .scroll-mode-zoom .atelier-image-shell,
  .scroll-mode-curtain .atelier-image-shell{
    left:5%!important;top:1%!important;width:90%!important;height:98%!important;
  }
}


/* === NAT LEATHER V8 / MOTION COMMERCE === */
body.page-index,body.page-products,body.page-product{background:#f5f1eb}
.mc-primary,.mc-outline{display:inline-flex;align-items:center;justify-content:center;gap:18px;height:54px;padding:0 24px;border:1px solid transparent;text-transform:uppercase;font-size:9px;letter-spacing:.15em;font-weight:750;transition:.3s;position:relative;overflow:hidden}
.mc-primary{background:#f4eee6;color:#18130f}.mc-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.9) 48%,transparent 70%);transform:translateX(-130%);transition:transform .7s}.mc-primary:hover:after{transform:translateX(130%)}.mc-primary.dark{background:#17130f;color:#fff}.mc-primary.full,.mc-outline.full{width:100%}.mc-outline{border-color:rgba(25,19,15,.2);background:transparent}.mc-outline:hover{background:#ebe2d8}.mc-text-link{display:inline-flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(30,24,20,.35);padding-bottom:6px}.mc-text-link.light{color:#dcc9b7;border-color:rgba(255,255,255,.3)}.mc-kicker{display:block;font-size:8px;letter-spacing:.3em;color:#c49875;margin-bottom:20px;font-weight:700}

.mc-hero{height:180vh;background:#0b0907;color:#fff;position:relative}.mc-hero-sticky{position:sticky;top:0;height:calc(100svh - 30px);min-height:650px;overflow:hidden;background:radial-gradient(circle at 75% 42%,#3c2115 0,#18100c 35%,#090806 72%)}.mc-hero-ghost{position:absolute;left:-2vw;bottom:-8vh;font:600 15vw/.7 var(--serif);white-space:nowrap;color:rgba(255,255,255,.025);letter-spacing:-.08em}.mc-hero-copy{position:absolute;z-index:7;left:6vw;top:50%;transform:translateY(-50%);width:min(39vw,590px);will-change:opacity,transform}.mc-hero h1{font:550 clamp(58px,6.5vw,108px)/.84 var(--serif);letter-spacing:-.065em;margin:0 0 28px}.mc-hero h1 em{color:#ca7a49;font-weight:500}.mc-hero-copy p{max-width:500px;color:#c8b9ad;font-size:14px;line-height:1.75;margin:0 0 31px}.mc-hero-actions{display:flex;align-items:center;gap:25px}.mc-media-frame{position:absolute;z-index:4;right:3.5vw;top:8%;width:61vw;height:84%;overflow:hidden;transform-origin:75% 50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 42px 110px rgba(0,0,0,.36);will-change:transform,border-radius}.mc-media-frame img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(var(--media-zoom,1.10));filter:saturate(.82) contrast(1.04) brightness(.8)}.mc-media-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,7,5,.45),rgba(10,7,5,.05) 45%,rgba(10,7,5,.12)),linear-gradient(0deg,rgba(9,6,4,.35),transparent 42%)}.mc-media-label{position:absolute;left:20px;bottom:18px;display:flex;gap:13px;align-items:center}.mc-media-label span{font-size:6px;letter-spacing:.2em;color:#c6a98f}.mc-media-label b{font-size:8px;letter-spacing:.16em}.mc-media-corner{position:absolute;right:19px;top:17px;border:1px solid rgba(255,255,255,.25);width:48px;height:48px;display:grid;place-items:center;font:500 12px var(--serif);letter-spacing:.1em}.mc-hero-float{position:absolute;z-index:8;right:7%;bottom:6%;width:220px;background:rgba(16,11,8,.72);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(18px);padding:9px;display:grid;grid-template-columns:62px 1fr;gap:11px;align-items:center;transform:rotate(2deg);will-change:opacity,transform}.mc-hero-float img{width:62px;height:72px;object-fit:cover}.mc-hero-float span,.mc-hero-float small{display:block;font-size:6px;letter-spacing:.15em;color:#a98d78}.mc-hero-float b{display:block;font:500 15px var(--serif);margin:3px 0}.mc-scroll-meter{position:absolute;z-index:8;right:20px;top:50%;height:31vh;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#8c7665}.mc-scroll-meter span{writing-mode:vertical-rl;font-size:6px;letter-spacing:.25em}.mc-scroll-meter i{display:block;width:1px;height:100%;background:rgba(255,255,255,.13);position:relative}.mc-scroll-meter b{position:absolute;inset:0;background:#cf8250;transform:scaleY(0);transform-origin:top}.mc-scroll-meter em{font-style:normal;font-size:7px;font-variant-numeric:tabular-nums}.motion-soft .mc-hero{height:145vh}.motion-soft .mc-hero-float{display:none}

.mc-wordmark{height:68px;background:#c57543;color:#160f0b;overflow:hidden}.mc-wordmark>div{height:100%;width:max-content;display:flex;gap:32px;align-items:center;white-space:nowrap;animation:mcMarquee 23s linear infinite;font:600 21px var(--serif)}.mc-wordmark i{font-style:normal;font-size:12px}@keyframes mcMarquee{to{transform:translateX(-50%)}}

.mc-section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:44px}.mc-section-head h2{font:550 clamp(44px,5vw,78px)/.92 var(--serif);letter-spacing:-.055em;margin:0}.mc-section-head h2 em{color:#aa5d31;font-weight:500}.mc-head-side{max-width:440px;color:#73685f;font-size:12px}.mc-head-side p{margin:0 0 18px}.mc-rail-arrows{display:flex;gap:6px;justify-content:flex-end}.mc-rail-arrows button{width:45px;height:45px;border:1px solid rgba(25,20,16,.18);background:transparent;cursor:pointer;transition:.25s}.mc-rail-arrows button:hover{background:#17130f;color:#fff}

.nlx-spot{--sx:50%;--sy:50%;position:relative;isolation:isolate}.nlx-spot:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(360px circle at var(--sx) var(--sy),rgba(190,115,68,.17),transparent 52%);opacity:0;transition:opacity .25s}.nlx-spot.is-lit:before{opacity:1}.nlx-spot>*{position:relative;z-index:1}

.mc-focus{background:#f5f1eb;overflow:hidden}.mc-focus-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:15px max(6vw,calc((100vw - var(--max))/2 + 32px)) 40px;cursor:grab}.mc-focus-viewport::-webkit-scrollbar{display:none}.mc-focus-viewport.is-dragging{cursor:grabbing;scroll-snap-type:none}.mc-focus-track{display:flex;gap:18px;width:max-content}.mc-focus-card{width:min(31vw,410px);scroll-snap-align:center;flex:0 0 auto;background:#ece4db;border:1px solid rgba(30,22,17,.08);transform:scale(.92);opacity:.62;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s,box-shadow .4s}.mc-focus-card.is-focus{transform:scale(1);opacity:1;box-shadow:0 28px 70px rgba(56,35,23,.13)}.mc-focus-image{display:block;height:500px;position:relative;overflow:hidden;perspective:900px;background:#d9c9b9}.mc-focus-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}.mc-focus-num,.mc-card-index{position:absolute;left:14px;top:13px;font:500 22px var(--serif);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25)}.mc-focus-open{position:absolute;right:13px;bottom:12px;background:rgba(16,12,9,.78);color:#fff;padding:8px 10px;font-size:7px;letter-spacing:.15em;opacity:0;transform:translateY(8px);transition:.3s}.mc-focus-card.is-focus .mc-focus-open{opacity:1;transform:none}.mc-focus-info{padding:20px 18px 17px}.mc-focus-info>span,.mc-product-info>span{font-size:7px;letter-spacing:.14em;color:#7e6d60;text-transform:uppercase}.mc-focus-info h3{font:500 21px/1.16 var(--serif);margin:7px 0 18px;min-height:48px}.mc-focus-info>div{display:flex;justify-content:space-between;align-items:center}.mc-focus-info button,.mc-product-info button{width:35px;height:35px;border:1px solid rgba(25,20,16,.18);background:transparent;cursor:pointer;font-size:18px}

.mc-gallery{background:#100c09;color:#f4ebe3;overflow:hidden}.mc-gallery-layout{display:grid;grid-template-columns:.74fr 1.26fr;min-height:760px;gap:8%;align-items:center}.mc-gallery-copy h2{font:500 clamp(50px,5.7vw,88px)/.9 var(--serif);letter-spacing:-.055em;margin:0 0 25px}.mc-gallery-copy h2 em{color:#c87848}.mc-gallery-copy p{max-width:430px;color:#baa99b;font-size:13px;line-height:1.75;margin-bottom:28px}.mc-image-cloud{height:660px;position:relative}.mc-cloud-item{position:absolute;margin:0;overflow:hidden;background:#211711;transition:filter .4s,opacity .4s,transform .45s cubic-bezier(.16,1,.3,1);box-shadow:0 28px 70px rgba(0,0,0,.25)}.mc-cloud-item img{width:100%;height:100%;object-fit:cover}.mc-cloud-item figcaption{position:absolute;left:10px;bottom:9px;background:rgba(10,7,5,.72);padding:6px 8px;font-size:6px;letter-spacing:.16em}.cloud-a{width:42%;height:58%;left:4%;top:4%;transform:rotate(-2deg)}.cloud-b{width:34%;height:48%;right:5%;top:1%;transform:rotate(2.5deg)}.cloud-c{width:30%;height:37%;left:25%;bottom:1%;transform:rotate(1.5deg)}.cloud-d{width:35%;height:42%;right:4%;bottom:3%;transform:rotate(-2deg)}.mc-gallery.has-gallery-focus .mc-cloud-item:not(.is-gallery-focus){filter:blur(3px) saturate(.55);opacity:.34;transform:scale(.96)}.mc-cloud-item.is-gallery-focus{z-index:6;transform:scale(1.045) rotate(0);filter:saturate(1.06)}.mc-cloud-note{position:absolute;left:2%;bottom:23%;font-size:7px;letter-spacing:.19em;color:#846f60}.mc-cloud-note b{display:block;font:500 24px var(--serif);color:#d7b59b;margin-top:6px}

.mc-category{background:#eee6dd}.mc-category-row{display:flex;gap:8px;height:600px}.mc-category-card{flex:1;min-width:0;background:#f7f3ee;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(28,21,17,.09);transition:flex .55s cubic-bezier(.16,1,.3,1)}.mc-category-row:hover .mc-category-card{flex:.9}.mc-category-row .mc-category-card:hover{flex:1.28}.mc-category-image{height:100%;position:relative;overflow:hidden;transition:height .55s cubic-bezier(.16,1,.3,1)}.mc-category-card:hover .mc-category-image{height:67%}.mc-category-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:saturate(.85)}.mc-category-card:hover .mc-category-image img{transform:scale(1.035)}.mc-category-image>span{position:absolute;top:15px;left:15px;color:#fff;font:500 25px var(--serif)}.mc-category-meta{height:0;opacity:0;padding:0 22px;overflow:hidden;transition:height .5s,opacity .35s,padding .5s}.mc-category-card:hover .mc-category-meta{height:33%;opacity:1;padding:18px 22px}.mc-category-meta small{font-size:6px;letter-spacing:.18em;color:#8a7565}.mc-category-meta h3{font:500 28px var(--serif);margin:4px 0}.mc-category-meta p{font-size:10px;color:#75685d;margin:0 0 12px}.mc-category-meta b{font-size:7px;letter-spacing:.16em}

.mc-products{background:#17120e;color:#f5ece4}.mc-products.light-zone{background:#f4efe8;color:#17130f}.mc-products .mc-section-head h2 em{color:#ce7a47}.mc-products .mc-head-side{color:#ad9d90}.mc-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mc-product-card{background:#211914;border:1px solid rgba(255,255,255,.07);overflow:hidden}.light-zone .mc-product-card{background:#ebe3d9;border-color:rgba(30,23,18,.08)}.mc-product-image{display:block;height:410px;position:relative;overflow:hidden;perspective:900px;background:#2a201a}.light-zone .mc-product-image{background:#ded1c4}.mc-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}.mc-product-card:hover .mc-product-image img{animation:mcFloat 2.8s ease-in-out infinite}@keyframes mcFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}.mc-badge{position:absolute;right:12px;top:12px;background:#c2703e;color:#fff;padding:6px 8px;font-size:6px;letter-spacing:.14em}.mc-spot-glow{position:absolute;inset:0;background:radial-gradient(280px circle at var(--sx) var(--sy),rgba(255,217,185,.17),transparent 55%);opacity:0;transition:.2s;pointer-events:none}.is-lit .mc-spot-glow{opacity:1}.mc-product-info{padding:17px}.mc-product-info h3{font:500 18px/1.2 var(--serif);min-height:44px;margin:7px 0 16px}.mc-product-info>div{display:flex;align-items:center;justify-content:space-between}.mc-product-info b{font-size:11px}.mc-products:not(.light-zone) .mc-product-info button{color:#fff;border-color:rgba(255,255,255,.16)}

.mc-craft{min-height:760px;background:#0c0907;color:#fff;display:grid;grid-template-columns:1.15fr .85fr}.mc-craft-media{overflow:hidden;min-height:760px}.mc-craft-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.75);transition:transform 1.1s}.mc-craft:hover .mc-craft-media img{transform:scale(1.025)}.mc-craft-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw}.mc-craft-copy h2{font:500 clamp(50px,5vw,78px)/.9 var(--serif);letter-spacing:-.055em;margin:0 0 27px}.mc-craft-copy h2 em{color:#cb7847}.mc-craft-copy p{color:#b7a699;font-size:13px;line-height:1.75;max-width:430px;margin:0 0 28px}.mc-craft-copy .mc-primary{align-self:flex-start}

.mc-catalog-hero{height:470px;background:#120d0a;color:#fff;position:relative;overflow:hidden}.mc-catalog-hero-media{position:absolute;right:0;top:0;width:55%;height:100%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.mc-catalog-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.66)}.mc-catalog-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#120d0a 0,transparent 42%)}.mc-catalog-hero-copy{position:relative;z-index:2;padding-top:115px}.mc-catalog-hero h1{font:550 clamp(58px,6vw,92px)/.9 var(--serif);letter-spacing:-.055em;margin:0 0 16px}.mc-catalog-hero p{max-width:490px;color:#bba99b;font-size:13px}.mc-catalog-count{display:block;margin-top:30px;font-size:7px;letter-spacing:.2em;color:#c48e69}.mc-catalog{padding-bottom:110px}.mc-catalog-toolbar{position:sticky;top:72px;z-index:35;background:rgba(245,241,235,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(30,22,18,.09)}.mc-toolbar-inner{min-height:76px;display:flex;align-items:center;gap:20px}.mc-filter-rail{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;flex:1}.mc-filter-rail::-webkit-scrollbar{display:none}.mc-filter-rail a{white-space:nowrap;padding:10px 12px;border:1px solid rgba(28,22,18,.11);font-size:7px;letter-spacing:.11em}.mc-filter-rail a b{margin-left:5px;color:#a27354}.mc-filter-rail a.selected,.mc-filter-rail a:hover{background:#17130f;color:#fff}.mc-sort select{height:38px;background:transparent;border:1px solid rgba(28,22,18,.13);padding:0 30px 0 11px;font-size:8px}.mc-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:34px}.mc-catalog-card{background:#ece4db;border:1px solid rgba(30,22,18,.07)}.mc-catalog-image{height:520px;display:block;position:relative;overflow:hidden;perspective:900px}.mc-catalog-image img{width:100%;height:100%;object-fit:cover;transition:transform .38s cubic-bezier(.16,1,.3,1)}.mc-catalog-view{position:absolute;right:12px;bottom:12px;background:#17130f;color:#fff;padding:8px 9px;font-size:6px;letter-spacing:.15em;opacity:0;transform:translateY(6px);transition:.3s}.mc-catalog-card:hover .mc-catalog-view{opacity:1;transform:none}.mc-catalog-info{padding:17px}.mc-catalog-info>div:first-child{display:flex;justify-content:space-between;color:#85766a;font-size:7px;letter-spacing:.12em}.mc-catalog-info h2{font:500 20px/1.18 var(--serif);min-height:48px;margin:8px 0 17px}.mc-catalog-info footer{display:flex;justify-content:space-between;align-items:center}.mc-catalog-info footer button{border:0;background:none;font-size:7px;letter-spacing:.12em;border-bottom:1px solid #7f6e61;padding:0 0 4px;cursor:pointer}

.mc-detail{background:#f5f1eb;padding:55px 0 100px}.mc-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7%}.mc-detail-main{height:760px;background:#dfd4c7;overflow:hidden;position:relative}.mc-detail-main>img{width:100%;height:100%;object-fit:cover;transition:transform .28s cubic-bezier(.16,1,.3,1)}.mc-detail-main.lens-on{cursor:zoom-out}.mc-detail-code{position:absolute;left:15px;bottom:14px;background:rgba(20,14,11,.75);color:#fff;padding:7px 8px;font-size:6px;letter-spacing:.17em}.mc-lens-note{position:absolute;right:14px;top:14px;background:rgba(247,242,236,.85);padding:7px 8px;font-size:6px;letter-spacing:.14em}.mc-detail-thumbs{display:flex;gap:8px;margin-top:9px}.mc-detail-thumbs button{width:82px;height:92px;padding:0;border:1px solid transparent;background:none;cursor:pointer;overflow:hidden}.mc-detail-thumbs button.active{border-color:#6a5444}.mc-detail-thumbs img{width:100%;height:100%;object-fit:cover}.mc-detail-sticky{position:sticky;top:120px}.mc-detail-info .crumb{font-size:8px;color:#8b7d72;margin-bottom:35px}.mc-detail-info h1{font:500 clamp(42px,4.3vw,68px)/.96 var(--serif);letter-spacing:-.045em;margin:0 0 18px}.mc-detail-price{font:500 27px var(--serif);margin-bottom:25px}.mc-detail-info>div>p{color:#70645a;font-size:13px;line-height:1.75}.mc-detail-specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d4c8bd;border-bottom:1px solid #d4c8bd;margin:28px 0}.mc-detail-specs span{padding:15px 0}.mc-detail-specs span+span{border-left:1px solid #d4c8bd;padding-left:17px}.mc-detail-specs small{display:block;font-size:6px;letter-spacing:.16em;color:#8b7768}.mc-detail-specs b{font-size:10px}.mc-detail-info .mc-primary,.mc-detail-info .mc-outline{margin-bottom:8px}

@media(max-width:1100px){.mc-hero-copy{left:4vw;width:43vw}.mc-media-frame{right:1.5vw;width:64vw}.mc-product-grid{grid-template-columns:repeat(2,1fr)}.mc-catalog-grid{grid-template-columns:repeat(2,1fr)}.mc-gallery-layout{grid-template-columns:.85fr 1.15fr}.mc-category-row{height:520px}.mc-detail-grid{gap:4%}}
@media(max-width:760px){.mc-hero{height:155vh}.mc-hero-sticky{min-height:610px}.mc-hero-copy{left:20px;right:20px;top:24%;width:auto;transform:none!important}.mc-hero h1{font-size:clamp(48px,14vw,68px);line-height:.86}.mc-hero-copy p{font-size:11px;max-width:90%}.mc-hero-actions{gap:13px;flex-wrap:wrap}.mc-media-frame{right:12px;left:12px;top:43%;width:auto;height:51%;transform-origin:center bottom}.mc-hero-float{display:none}.mc-scroll-meter{right:7px;height:20vh}.mc-wordmark{height:55px}.mc-wordmark>div{font-size:17px}.mc-section-head{display:block;margin-bottom:30px}.mc-section-head h2{font-size:48px}.mc-head-side{margin-top:18px}.mc-rail-arrows{justify-content:flex-start}.mc-focus-viewport{padding-left:18px;padding-right:18px}.mc-focus-card{width:78vw}.mc-focus-image{height:430px}.mc-gallery-layout{display:block;min-height:auto}.mc-gallery-copy{margin-bottom:45px}.mc-gallery-copy h2{font-size:52px}.mc-image-cloud{height:600px}.mc-category-row{display:grid;height:auto;gap:9px}.mc-category-card{height:460px}.mc-category-card .mc-category-image{height:70%}.mc-category-card .mc-category-meta{height:30%;opacity:1;padding:14px 17px}.mc-product-grid{grid-template-columns:1fr 1fr;gap:7px}.mc-product-image{height:300px}.mc-product-info h3{font-size:15px}.mc-craft{display:block}.mc-craft-media{min-height:460px;height:460px}.mc-craft-copy{padding:65px 22px}.mc-catalog-hero{height:400px}.mc-catalog-hero-media{width:78%;opacity:.55}.mc-catalog-hero-copy{padding-top:100px}.mc-toolbar-inner{padding:10px 0;min-height:auto;display:block}.mc-filter-rail{margin-bottom:8px}.mc-sort select{width:100%}.mc-catalog-grid{grid-template-columns:1fr 1fr;gap:7px;padding-top:18px}.mc-catalog-image{height:330px}.mc-catalog-info h2{font-size:15px;min-height:55px}.mc-detail{padding-top:25px}.mc-detail-grid{display:block}.mc-detail-main{height:520px}.mc-detail-info{padding-top:34px}.mc-detail-sticky{position:static}.mc-detail-info h1{font-size:43px}}
@media(max-width:460px){.mc-product-grid,.mc-catalog-grid{grid-template-columns:1fr}.mc-product-image,.mc-catalog-image{height:430px}.mc-focus-card{width:84vw}.mc-detail-main{height:430px}}
@media(prefers-reduced-motion:reduce){.mc-hero{height:auto}.mc-hero-sticky{position:relative;height:790px}.mc-media-frame{transform:none!important;border-radius:0!important}.mc-hero-copy{opacity:1!important;transform:translateY(-50%)!important}.mc-wordmark>div,.mc-product-card:hover .mc-product-image img{animation:none}.mc-cloud-item,.mc-category-card,.mc-category-image,.mc-category-image img{transition:none}}



/* === V9 LANGUAGE / DRAG / LIVE CHAT === */
.lang-switch{position:relative}.lang-switch summary{list-style:none;width:42px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);cursor:pointer;font-size:8px;letter-spacing:.12em}.lang-switch summary::-webkit-details-marker{display:none}.lang-switch>div{position:absolute;right:0;top:46px;display:grid;min-width:54px;padding:5px;background:#17130f;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.25)}.lang-switch a{padding:8px 10px;color:#a99484;font-size:8px;text-align:center}.lang-switch a.active,.lang-switch a:hover{color:#fff;background:#2a1d16}.mobile-langs{display:flex!important;gap:7px!important;padding-top:10px!important}.mobile-langs a{width:45px!important;text-align:center!important}
.mc-focus-viewport{cursor:grab;touch-action:pan-y}.mc-focus-viewport.is-dragging{cursor:grabbing;user-select:none}.mc-focus-card{cursor:pointer}.mc-focus-card.is-dragging a{pointer-events:none}.focus-arrow,.mini-detail,.catalog-detail{font-size:9px;letter-spacing:.1em}.catalog-detail{border-bottom:1px solid currentColor;padding-bottom:3px}
.mc-hero-copy h1{max-width:650px}.mc-hero-copy h1{font-size:clamp(52px,6vw,94px);line-height:.92}.mc-hero-copy h1 em{font-style:italic}
.live-chat{position:fixed;z-index:150;right:22px;bottom:22px}.live-chat-launch{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#1a120e;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.28);position:relative}.live-chat-launch b{font:500 15px var(--serif)}.chat-pulse{position:absolute;right:3px;top:3px;width:10px;height:10px;background:#56b979;border:2px solid #1a120e;border-radius:50%}.live-chat-panel{position:absolute;right:0;bottom:70px;width:350px;height:510px;background:#f7f2ec;color:#17130f;border:1px solid rgba(25,18,14,.16);box-shadow:0 28px 70px rgba(0,0,0,.28);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(15px) scale(.97);transform-origin:right bottom;transition:.28s cubic-bezier(.16,1,.3,1)}.live-chat.open .live-chat-panel{opacity:1;visibility:visible;transform:none}.live-chat-panel>header{height:76px;padding:0 17px;background:#17110d;color:#fff;display:flex;align-items:center;justify-content:space-between}.live-chat-panel header span{font-size:6px;letter-spacing:.17em;color:#72c58e}.live-chat-panel header h3{font:500 22px var(--serif);margin:3px 0 0}.live-chat-panel header button{border:0;background:none;color:#fff;font-size:24px;cursor:pointer}.live-chat-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px}.chat-message{max-width:82%;padding:10px 12px;border-radius:2px}.chat-message span{display:block;font-size:5px;letter-spacing:.15em;margin-bottom:5px;color:#8e7a6b}.chat-message p{margin:0;font-size:11px;line-height:1.45}.chat-message.admin{background:#e6dbcf;align-self:flex-start}.chat-message.visitor{background:#17130f;color:#fff;align-self:flex-end}.chat-message.visitor span{color:#b49b87}.live-chat-panel form{padding:10px;border-top:1px solid #dfd5cb;display:grid;grid-template-columns:1fr auto;gap:7px}.live-chat-panel textarea{resize:none;border:1px solid #d8ccc1;background:#fff;padding:10px;font:12px var(--sans);outline:0}.live-chat-panel form button{border:0;background:#17130f;color:#fff;padding:0 13px;font-size:8px;letter-spacing:.1em;cursor:pointer}.chat-whatsapp{text-align:center;padding:8px;border-top:1px solid #dfd5cb;color:#715f52;font-size:7px;letter-spacing:.13em}
@media(max-width:760px){.live-chat{right:14px;bottom:14px}.live-chat-panel{position:fixed;left:10px;right:10px;bottom:84px;width:auto;height:min(68vh,520px)}.lang-switch summary{width:36px}.mc-hero-copy h1{font-size:clamp(42px,12.5vw,60px)}}


/* ===============================================================
   NAT LEATHER V9.1 — ORIGINAL WORDMARK + CLEAN DRAG/CLICK UX
   =============================================================== */
.brand-logo{
  display:flex;
  align-items:center;
  width:var(--brand-logo-width,205px);
  min-width:var(--brand-logo-width,205px);
  height:52px;
}
.brand-logo img{
  display:block;
  width:100%;
  height:auto;
  max-height:48px;
  object-fit:contain;
  object-position:left center;
}
.footer-brand.brand-logo{
  width:calc(var(--brand-logo-width,205px) + 20px);
  height:auto;
  margin-bottom:20px;
}
.footer-brand.brand-logo img{
  max-height:none;
}

/* Never allow the browser to pick up an image as a draggable ghost. */
.mc-focus-viewport,
.mc-focus-track,
.mc-focus-card,
.mc-focus-image{
  -webkit-user-select:none;
  user-select:none;
}
.mc-focus-image,
.mc-focus-image img{
  -webkit-user-drag:none;
  user-drag:none;
}
.mc-focus-image img{
  pointer-events:none;
}
.mc-focus-image{
  cursor:grab;
  touch-action:pan-y;
}
.mc-focus-viewport.is-dragging .mc-focus-image,
.mc-focus-card.is-dragging .mc-focus-image{
  cursor:grabbing;
}
.mc-focus-card.is-dragging{
  transition:none!important;
}

/* Product controls are a separate interaction zone, never a drag surface. */
.mc-focus-info[data-focus-action]{
  user-select:text;
}
.mc-focus-price{
  display:flex!important;
  align-items:center;
  min-height:26px;
  margin-top:3px;
}
.mc-focus-price b{
  font-size:11px;
}
.mc-focus-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:13px;
}
.mc-focus-actions a{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 11px;
  border:1px solid rgba(25,20,16,.16);
  font-size:6.5px;
  font-weight:750;
  letter-spacing:.09em;
  text-transform:uppercase;
  line-height:1.25;
  transition:background .22s,color .22s,border-color .22s;
}
.focus-detail-btn{
  background:#17130f;
  color:#fff;
  border-color:#17130f!important;
}
.focus-price-btn{
  background:transparent;
  color:#392a20;
}
.focus-detail-btn:hover{
  background:#a95f38;
  border-color:#a95f38!important;
}
.focus-price-btn:hover{
  background:#e0d2c4;
  border-color:#c4ac99;
}
.mc-focus-info h3{
  margin-bottom:10px;
}
.mc-focus-card{
  cursor:default;
}
.mc-focus-card .mc-focus-info a{
  cursor:pointer;
}
.mc-focus-open{
  pointer-events:none;
}

@media(max-width:760px){
  .brand-logo{
    width:160px;
    min-width:160px;
    height:44px;
  }
  .footer-brand.brand-logo{
    width:190px;
  }
  .mc-focus-actions{
    grid-template-columns:1fr;
  }
}


/* ===============================================================
   NAT LEATHER V9.2 — ADMIN CONTROLLED LOGO + LOGO EFFECTS
   =============================================================== */
.brand-logo img{transform-origin:center center;will-change:transform,filter,opacity}
.logo-effect-float img{animation:natLogoFloat var(--logo-effect-speed,4s) ease-in-out infinite}
.logo-effect-pulse img{animation:natLogoPulse var(--logo-effect-speed,4s) ease-in-out infinite}
.logo-effect-sway img{animation:natLogoSway var(--logo-effect-speed,4s) ease-in-out infinite}
.logo-effect-bounce img{animation:natLogoBounce var(--logo-effect-speed,4s) cubic-bezier(.45,.05,.55,.95) infinite}
.logo-effect-rotate img{animation:natLogoRotate var(--logo-effect-speed,4s) linear infinite}
.logo-effect-glow img{animation:natLogoGlow var(--logo-effect-speed,4s) ease-in-out infinite}
@keyframes natLogoFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
@keyframes natLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes natLogoSway{0%,100%{transform:rotate(-1.8deg)}50%{transform:rotate(1.8deg)}}
@keyframes natLogoBounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-8px)}55%{transform:translateY(0)}70%{transform:translateY(-3px)}}
@keyframes natLogoRotate{to{transform:rotate(360deg)}}
@keyframes natLogoGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(194,141,91,0));opacity:.96}50%{filter:drop-shadow(0 4px 12px rgba(194,141,91,.55));opacity:1}}
@media(prefers-reduced-motion:reduce){
  .logo-effect-float img,.logo-effect-pulse img,.logo-effect-sway img,.logo-effect-bounce img,.logo-effect-rotate img,.logo-effect-glow img{animation:none!important}
}
@media(max-width:760px){
  .brand-logo{width:min(var(--brand-logo-width,160px),160px);min-width:min(var(--brand-logo-width,160px),160px)}
  .footer-brand.brand-logo{width:min(calc(var(--brand-logo-width,170px) + 20px),190px)}
}

/* ===============================================================
   NAT LEATHER V9.3 — LIGHT LUXURY THEME
   =============================================================== */
:root{
  --nl-cream:#fffdf9;
  --nl-ivory:#fbf6ee;
  --nl-beige:#f2e8dc;
  --nl-sand:#e7d5c2;
  --nl-caramel:#b86c36;
  --nl-caramel-dark:#8a4b28;
  --nl-brown:#35251c;
  --nl-muted:#76685e;
  --nl-line:rgba(76,49,33,.13);
}
body{background:var(--nl-cream);color:var(--nl-brown)}
.announcement{height:28px;background:#f8efe4;color:#76533d;border-bottom:1px solid var(--nl-line)}
.announcement-track{height:28px;color:#795d48}.announcement-track i{color:#b86c36}
.site-header{height:88px;background:rgba(255,253,249,.92);border-bottom:1px solid var(--nl-line);box-shadow:none}
.site-header.scrolled{height:76px;background:rgba(255,253,249,.97);box-shadow:0 15px 40px rgba(86,52,31,.06)}
.nav-wrap{gap:24px}.brand{min-width:0}.brand-logo{height:58px}.brand-logo img{max-height:56px;filter:none}
.desktop-nav{gap:24px}.desktop-nav a{color:#3c2b22;font-size:10px}.desktop-nav a:after{background:#b86c36}
.nav-icon,.menu-toggle,.cart-btn{border-color:var(--nl-line);background:#fffaf4;color:#4f392c;border-radius:10px}
.cart-btn b{background:#a95f31;color:#fff;border-radius:7px}.lang-switch summary{background:#fffaf4!important;border-color:var(--nl-line)!important;color:#4f392c!important}
.search-panel{background:rgba(76,48,30,.28)}.search-box{background:#fffdf9;border:1px solid var(--nl-line);box-shadow:0 30px 80px rgba(77,45,27,.16)}
.page-transition{background:#fff7ed;color:#9b633e}
.custom-cursor{border-color:rgba(131,76,44,.48)!important}.custom-cursor i{background:#a9643d!important}

/* Home hero */
.nl-light-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffdf9 0%,#fcf5eb 54%,#f4e6d6 100%);border-bottom:1px solid var(--nl-line)}
.nl-light-hero:before{content:"";position:absolute;left:-14%;bottom:-40%;width:72%;height:80%;background:radial-gradient(ellipse at center,rgba(226,205,181,.42),transparent 65%);filter:blur(4px);border-radius:50%;transform:rotate(7deg)}
.nl-light-hero-grid{min-height:680px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:3%;position:relative;z-index:2;padding-top:20px}
.nl-light-hero-copy{padding:50px 0 70px;max-width:660px}.nl-light-kicker{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#a5633a;font-size:9px;font-weight:800;letter-spacing:.21em;margin-bottom:23px}.nl-light-kicker i{font-style:normal;color:#d1a17d}
.nl-light-hero-copy h1{font:500 clamp(58px,6vw,96px)/.91 var(--serif);letter-spacing:-.057em;margin:0;color:#34241b;max-width:700px}.nl-light-hero-copy p{max-width:560px;margin:26px 0 30px;color:#726258;font-size:13px;line-height:1.8}
.nl-light-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nl-light-primary,.nl-light-outline{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:0 22px;border-radius:3px;font-size:9px;font-weight:800;letter-spacing:.08em;transition:.28s}.nl-light-primary{background:linear-gradient(135deg,#be7541,#9e582f);color:#fff;border:1px solid #a85f35;box-shadow:0 14px 30px rgba(158,88,47,.15)}.nl-light-primary:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(158,88,47,.22)}.nl-light-outline{background:rgba(255,255,255,.65);border:1px solid #d9c2ae;color:#5a4030}.nl-light-outline:hover{background:#fff;border-color:#b8825e}
.nl-light-slider-ui{display:flex;align-items:center;gap:8px;margin-top:55px}.nl-light-slider-ui button{width:38px;height:38px;border-radius:50%;border:1px solid #decbbb;background:#fff;color:#6b4b37;font-size:18px;cursor:pointer}.nl-light-slider-ui span{width:7px;height:7px;border-radius:50%;background:#ddcbbb;cursor:pointer;transition:transform .25s ease,background .25s ease}.nl-light-slider-ui span.active{background:#ad673c;transform:scale(1.2)}
.nl-light-hero-visual{height:620px;position:relative;display:grid;place-items:center;isolation:isolate}.nl-hero-arch{position:absolute;right:4%;top:7%;width:72%;height:76%;border-radius:47% 47% 9% 9%/38% 38% 9% 9%;background:linear-gradient(160deg,rgba(247,228,207,.7),rgba(255,250,243,.1));border:1px solid rgba(184,108,54,.17);z-index:-3}.nl-hero-orbit{position:absolute;border:1px solid rgba(184,108,54,.22);border-radius:50%;z-index:-2}.orbit-a{width:520px;height:520px;right:-20px;top:10px}.orbit-b{width:360px;height:360px;right:60px;top:90px}.nl-hero-pedestal{position:absolute;right:2%;bottom:40px;width:78%;height:125px;border-radius:50% 50% 9% 9%;background:linear-gradient(180deg,#f5eadc,#dfccb8);box-shadow:inset 0 10px 25px rgba(255,255,255,.75),0 26px 45px rgba(77,45,26,.12);z-index:-1}.nl-hero-bag{position:absolute;right:12%;bottom:92px;width:min(62%,540px);max-height:490px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 28px 30px rgba(80,42,21,.22));animation:nlHeroBag 6s ease-in-out infinite;user-select:none;-webkit-user-drag:none;transition:opacity .32s ease,filter .32s ease}.nl-hero-bag.is-changing{opacity:.18;filter:drop-shadow(0 18px 18px rgba(80,42,21,.16)) blur(.3px)}@keyframes nlHeroBag{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(.6deg)}}
.nl-handmade-badge{position:absolute;right:2%;bottom:86px;width:98px;height:98px;border-radius:50%;background:rgba(255,253,249,.88);border:1px solid rgba(165,94,49,.22);display:grid;place-items:center;align-content:center;color:#7a4b30;box-shadow:0 10px 30px rgba(82,48,28,.08);backdrop-filter:blur(8px)}.nl-handmade-badge b{font:600 25px/1 var(--serif)}.nl-handmade-badge span{font-size:7px;letter-spacing:.18em;margin-top:6px}.nl-hero-mini-note{position:absolute;left:3%;bottom:54px;color:#9a775e}.nl-hero-mini-note small{display:block;font-size:7px;letter-spacing:.2em}.nl-hero-mini-note b{font-size:8px;letter-spacing:.12em}
.nl-light-marquee{height:44px;border-top:1px solid var(--nl-line);background:rgba(255,255,255,.52);overflow:hidden}.nl-light-marquee>div{height:100%;display:flex;align-items:center;gap:26px;width:max-content;padding:0 15px;color:#8e6d55;font-size:7px;font-weight:700;letter-spacing:.18em;white-space:nowrap;animation:announcement 28s linear infinite}.nl-light-marquee i{font-style:normal;color:#bd7748}

/* Shared light homepage sections */
.nl-light-section{padding:94px 0;background:#fffdf9}.nl-category-section{background:linear-gradient(180deg,#fffdf9,#fbf6ef)}.nl-featured-section{background:#fffdf9}.nl-light-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.nl-light-eyebrow{display:block;color:#b26e42;font-size:8px;font-weight:800;letter-spacing:.25em;margin-bottom:11px}.nl-light-section-head h2{font:500 clamp(38px,4vw,58px)/1 var(--serif);letter-spacing:-.045em;margin:0;color:#3a291f}.nl-light-section-head>a{font-size:9px;color:#765741;padding-bottom:7px;border-bottom:1px solid #d9c7b8}
.nl-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.nl-category-tile{min-height:205px;border:1px solid var(--nl-line);background:rgba(255,255,255,.8);padding:20px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 8px 35px rgba(76,49,33,.025);transition:.28s}.nl-category-tile:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(92,55,32,.09);border-color:rgba(184,108,54,.35)}.nl-cat-index{position:absolute;top:17px;left:18px;font-size:7px;color:#9d8878;letter-spacing:.15em}.nl-cat-icon{position:absolute;top:51px;left:50%;transform:translateX(-50%);width:46px;height:46px;border:2px solid #bd7748;border-radius:9px;opacity:.9}.nl-cat-icon:before,.nl-cat-icon:after{content:"";position:absolute}.nl-cat-bag:before{width:20px;height:12px;border:2px solid #bd7748;border-bottom:0;border-radius:10px 10px 0 0;left:11px;top:-11px}.nl-cat-shoulder{border-radius:8px 8px 14px 14px}.nl-cat-shoulder:before{width:28px;height:25px;border:2px solid #bd7748;border-bottom:0;border-radius:50%;left:7px;top:-22px}.nl-cat-wallet{height:34px;top:57px}.nl-cat-wallet:after{right:-2px;top:8px;width:16px;height:12px;border:2px solid #bd7748;border-radius:5px;background:#fffdf9}.nl-cat-star{border:0;border-radius:0;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,80% 94%,50% 71%,20% 94%,32% 56%,2% 35%,39% 35%);background:#bd7748}.nl-cat-gift{border-radius:2px}.nl-cat-gift:before{left:21px;top:-2px;width:2px;height:46px;background:#bd7748}.nl-cat-gift:after{left:-4px;top:9px;width:50px;height:2px;background:#bd7748}.nl-category-tile h3{font:500 21px var(--serif);margin:0 0 7px}.nl-category-tile small{font-size:8px;color:#7f6c5f}.nl-category-tile small b{float:right;color:#b66e40}

.nl-products-heading{align-items:center}.nl-filter-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nl-filter-pills a{padding:9px 13px;border:1px solid var(--nl-line);border-radius:3px;font-size:7px;color:#675145;background:#fff}.nl-filter-pills a.active,.nl-filter-pills a:hover{background:#b86c36;color:#fff;border-color:#b86c36}.nl-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.nl-feature-card{border:1px solid var(--nl-line);background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 10px 30px rgba(63,40,25,.035);transition:.28s}.nl-feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(66,39,22,.09)}.nl-feature-photo{height:330px;display:block;position:relative;overflow:hidden;background:linear-gradient(150deg,#f6efe7,#fffaf4)}.nl-feature-photo img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .45s cubic-bezier(.16,1,.3,1);mix-blend-mode:multiply}.nl-feature-card:hover .nl-feature-photo img{transform:scale(1.035) translateY(-4px)}.nl-product-badge{position:absolute;left:12px;top:12px;background:#b86c36;color:#fff;font-size:6px;letter-spacing:.12em;padding:6px 8px}.nl-fav{position:absolute;right:12px;top:10px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.86);display:grid;place-items:center;font-size:17px;color:#795744}.nl-feature-info{padding:15px 16px 17px}.nl-feature-info>small{font-size:6px;letter-spacing:.09em;color:#9b8879}.nl-feature-info h3{font:500 15px/1.25 var(--serif);height:39px;overflow:hidden;margin:7px 0 13px}.nl-feature-info>div{display:flex;align-items:center;justify-content:space-between}.nl-feature-info b{font-size:9px;color:#4d392d}.nl-arrow{width:31px;height:31px;border:1px solid var(--nl-line);display:grid;place-items:center;color:#a35e36}.nl-center-action{text-align:center;margin-top:34px}

.nl-story-light{display:grid;grid-template-columns:1fr 1fr;background:#fbf4eb;min-height:620px}.nl-story-photo{position:relative;min-height:620px;overflow:hidden}.nl-story-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) sepia(.16) brightness(1.14)}.nl-story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(251,244,235,.16),rgba(122,70,39,.08))}.nl-story-emboss{position:absolute;left:11%;bottom:11%;z-index:2;font:600 clamp(55px,6vw,94px)/.73 var(--serif);letter-spacing:-.06em;color:#865032;text-shadow:1px 1px 0 rgba(255,255,255,.45),-1px -1px 0 rgba(83,43,20,.18);mix-blend-mode:multiply;opacity:.72}.nl-story-copy{padding:8vw 8vw 7vw;display:flex;flex-direction:column;justify-content:center}.nl-story-copy h2{font:500 clamp(48px,5vw,76px)/.94 var(--serif);letter-spacing:-.05em;margin:0 0 24px;color:#38261c}.nl-story-copy>p{font-size:12px;line-height:1.8;color:#756357;max-width:560px;margin:0 0 35px}.nl-story-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:34px}.nl-story-stats b{display:block;font:500 29px var(--serif);color:#b36d42}.nl-story-stats span{font-size:7px;color:#7d695d}.nl-story-copy>.nl-light-primary{align-self:flex-start}
.nl-slogan-band{min-height:155px;display:flex;align-items:center;justify-content:center;gap:38px;background:linear-gradient(90deg,#f9efe4,#fffaf4,#f5e7d8);border-top:1px solid var(--nl-line);border-bottom:1px solid var(--nl-line);font:500 clamp(48px,7vw,106px)/1 var(--serif);letter-spacing:.03em;color:#b77a51;text-shadow:0 1px 0 #fff}.nl-slogan-band i{font-style:normal;color:#d1ae91}
.nl-contact-light{padding:100px 0;background:#fffdf9}.nl-contact-grid-light{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center}.nl-contact-copy h2{font:500 clamp(48px,5vw,74px)/.95 var(--serif);letter-spacing:-.05em;max-width:650px;margin:0 0 20px}.nl-contact-copy>p{font-size:12px;line-height:1.8;color:#78675c;max-width:530px;margin-bottom:28px}.nl-trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:44px}.nl-trust-row div{border-top:1px solid var(--nl-line);padding-top:15px}.nl-trust-row b{display:block;color:#b36c40;font-size:20px;margin-bottom:6px}.nl-trust-row span{font-size:7px;color:#725d50}.nl-contact-visual{height:520px;position:relative;background:linear-gradient(145deg,#f4e4d1,#fff9f1);overflow:hidden;border:1px solid var(--nl-line)}.nl-contact-visual:before{content:"";position:absolute;right:-15%;top:-20%;width:60%;height:90%;background:rgba(255,255,255,.58);border-radius:50%;transform:rotate(-22deg)}.nl-contact-card{position:absolute;left:28%;top:20%;width:43%;height:62%;border-radius:12px;background:linear-gradient(145deg,#b86735,#844322);box-shadow:0 30px 50px rgba(90,44,20,.22),inset 0 0 0 2px rgba(255,211,173,.2);transform:rotate(-12deg);color:#f4cba8;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #d39a6b}.nl-contact-card:before{content:"";position:absolute;inset:11px;border:1px dashed rgba(255,215,180,.4);border-radius:7px}.nl-contact-card span,.nl-contact-card b{font:600 40px/1 var(--serif);z-index:2}.nl-contact-card small{font-size:6px;letter-spacing:.16em;margin-top:10px;z-index:2}.nl-leaf{position:absolute;right:16%;top:20%;height:64%;width:2px;background:#66825e;transform:rotate(20deg);transform-origin:bottom}.nl-leaf i{position:absolute;width:34px;height:19px;background:#7c9d74;border-radius:100% 0 100% 0;box-shadow:inset 0 0 8px rgba(31,66,31,.14)}.nl-leaf i:nth-child(1){left:1px;top:10%}.nl-leaf i:nth-child(2){right:1px;left:auto;top:27%;transform:scaleX(-1)}.nl-leaf i:nth-child(3){left:1px;top:45%}.nl-leaf i:nth-child(4){right:1px;left:auto;top:63%;transform:scaleX(-1)}.nl-leaf i:nth-child(5){left:1px;top:80%}

/* Lighten all secondary pages */
.page-hero,.page-hero.small{background:linear-gradient(135deg,#fffaf4,#f5e9dc);color:#3a291f}.page-hero.small p{color:#75655a}.page-hero.image .shade{background:linear-gradient(90deg,rgba(55,34,21,.58),rgba(55,34,21,.12))}
.numbers{background:#f2e5d8;color:#3b2a20;border-block:1px solid var(--nl-line)}.number-grid div{border-right:1px solid var(--nl-line)}.number-grid b{color:#a8633c}.number-grid span{color:#7c685c}.story-section,.story,.contact-section,.policy,.cart-page{background:#fffdf9}.contact-form{background:#f8efe5;border:1px solid var(--nl-line)}.contact-form input,.contact-form textarea{background:#fffdf9;border-color:var(--nl-line)}
.mc-catalog-hero{background:linear-gradient(115deg,#fbf3e9,#ead5c0);color:#39271d}.mc-catalog-hero-media img{filter:saturate(.75) brightness(1.14)}.mc-catalog-hero-media:after{background:linear-gradient(90deg,#fbf3e9 0,rgba(251,243,233,.76) 32%,transparent 72%)}.mc-catalog-hero p{color:#756357}.mc-catalog-count{color:#a6623c}.mc-catalog-toolbar{background:rgba(255,253,249,.94)}.mc-filter-rail a.selected,.mc-filter-rail a:hover{background:#b5683a;color:#fff}.mc-catalog-card{background:#fff;border-color:var(--nl-line);box-shadow:0 8px 25px rgba(77,44,25,.03)}.mc-catalog-image{background:#f7efe6}.mc-catalog-image img{object-fit:contain;padding:10px;mix-blend-mode:multiply}.mc-catalog-view{background:#b86c36}.mc-detail{background:#fffdf9}.mc-detail-main{background:#f4eadf;border:1px solid var(--nl-line)}.mc-detail-main>img{object-fit:contain;mix-blend-mode:multiply}.mc-products.light-zone{background:#fbf6ef}.light-zone .mc-product-card{background:#fff;border-color:var(--nl-line)}.light-zone .mc-product-image{background:#f7efe6}.light-zone .mc-product-image img{object-fit:contain;padding:10px;mix-blend-mode:multiply}.mc-primary.dark,.btn.dark,.btn.primary{background:#a95f35;color:#fff}.mc-outline{border-color:#d7c2af;color:#5b4131}.journal{background:#f3e5d7;color:#3b2a20;border-top:1px solid var(--nl-line)}.journal .eyebrow.light{color:#a7623c}.journal-grid p{color:#756357}.journal input{border-color:#cfb7a3;color:#3b2a20;background:rgba(255,255,255,.45)}.footer{background:#fffaf4;color:#6f5c50;border-top:1px solid var(--nl-line)}.footer .brand{color:#3a291f}.footer-brand-wrap>p{color:#79665a}.footer h4{color:#4b3529}.footer-grid>div>a,.footer-grid>div>p{color:#77655a}.footer-grid>div>a:hover{color:#a85f36}.footer-bottom{border-color:var(--nl-line);color:#948074}.footer-brand.brand-logo img{filter:none}
.live-chat-launch{background:#ac6338!important;color:#fff!important;box-shadow:0 14px 35px rgba(123,67,34,.22)!important}.live-chat-panel{background:#fffaf4!important;color:#3a291f!important}

/* Logo: wide transparent PNG needs a little more visual space */
.brand-logo{width:var(--brand-logo-width,255px);min-width:var(--brand-logo-width,255px);max-width:300px}.brand-logo img{width:100%;height:auto;max-height:62px;object-fit:contain;object-position:left center}.footer-brand.brand-logo{width:min(calc(var(--brand-logo-width,255px) + 30px),310px)}

@media(max-width:1100px){
  .desktop-nav{gap:14px}.desktop-nav a{font-size:9px}.nl-light-hero-grid{grid-template-columns:1fr 1fr}.nl-feature-grid{grid-template-columns:repeat(3,1fr)}.nl-category-grid{grid-template-columns:repeat(3,1fr)}.nl-category-tile:nth-child(n+4){min-height:180px}.nl-story-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,var(--max))}.announcement{display:none}.site-header{height:72px}.brand-logo{width:min(var(--brand-logo-width,190px),190px);min-width:min(var(--brand-logo-width,190px),190px);height:48px}.brand-logo img{max-height:46px}.nl-light-hero-grid{min-height:auto;grid-template-columns:1fr;padding-top:0}.nl-light-hero-copy{padding:55px 0 15px}.nl-light-hero-copy h1{font-size:52px}.nl-light-hero-visual{height:430px}.nl-hero-bag{right:5%;width:82%;bottom:74px}.nl-hero-pedestal{width:92%;right:-5%;bottom:27px}.orbit-a{width:390px;height:390px;right:-150px}.orbit-b{width:280px;height:280px;right:-70px}.nl-handmade-badge{width:78px;height:78px;right:1%;bottom:68px}.nl-hero-mini-note{display:none}.nl-light-slider-ui{margin-top:32px}.nl-light-section{padding:70px 0}.nl-light-section-head{align-items:flex-start;flex-direction:column;margin-bottom:26px}.nl-light-section-head h2{font-size:42px}.nl-category-grid{grid-template-columns:1fr 1fr}.nl-category-tile{min-height:170px;padding:15px}.nl-category-tile:last-child{grid-column:1/-1}.nl-feature-grid{grid-template-columns:1fr 1fr;gap:9px}.nl-feature-photo{height:230px}.nl-feature-info{padding:12px}.nl-feature-info h3{font-size:14px}.nl-products-heading{gap:18px}.nl-filter-pills{justify-content:flex-start}.nl-story-light{grid-template-columns:1fr}.nl-story-photo{min-height:430px}.nl-story-copy{padding:70px 24px}.nl-story-stats{grid-template-columns:1fr 1fr}.nl-slogan-band{min-height:100px;gap:14px;font-size:45px}.nl-contact-grid-light{grid-template-columns:1fr}.nl-contact-copy{padding-bottom:45px}.nl-trust-row{grid-template-columns:1fr 1fr}.nl-contact-visual{height:430px}.nl-contact-card{left:18%;width:48%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-wrap{grid-column:1/-1}.journal-grid{grid-template-columns:1fr}.mc-catalog-hero-media{width:72%;opacity:.45}.mc-catalog-hero-copy{padding-top:95px}.mc-catalog-grid{grid-template-columns:1fr 1fr}.mc-catalog-image{height:320px}.mc-detail-main{height:480px}
}
@media(max-width:470px){
  .nl-light-hero-copy h1{font-size:46px}.nl-category-grid,.nl-feature-grid{grid-template-columns:1fr}.nl-category-tile:last-child{grid-column:auto}.nl-feature-photo{height:310px}.nl-slogan-band{font-size:36px}.footer-grid{grid-template-columns:1fr}.mc-catalog-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.nl-hero-bag{animation:none!important}}


/* ================= NAT LEATHER V9.4 QUICK CONTACT + MAP ================= */
.quick-contact{position:fixed;right:22px;bottom:96px;z-index:149;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.quick-contact-toggle,.quick-contact-action{width:54px;height:54px;border-radius:50%;border:1px solid rgba(172,99,56,.28);background:rgba(255,253,249,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(103,64,39,.13);display:grid;place-items:center;color:#a75f35;cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,opacity .25s}
.quick-contact-toggle:hover,.quick-contact-action:hover{background:rgba(255,255,255,.9);border-color:rgba(172,99,56,.48);transform:translateY(-2px)}
.quick-contact svg{width:23px;height:23px;fill:currentColor;display:block}
.quick-contact-toggle{position:relative;z-index:2}
.quick-contact-actions{display:flex;flex-direction:column;gap:9px;align-items:center;pointer-events:none}
.quick-contact-action{width:48px;height:48px;opacity:0;transform:translateY(18px) scale(.82);visibility:hidden}
.quick-contact.open .quick-contact-actions{pointer-events:auto}
.quick-contact.open .quick-contact-action{opacity:1;transform:none;visibility:visible}
.quick-contact.open .quick-contact-action:nth-child(1){transition-delay:.03s}.quick-contact.open .quick-contact-action:nth-child(2){transition-delay:.07s}
.quick-contact.open .quick-contact-toggle{background:rgba(255,250,244,.94);transform:rotate(7deg)}
.quick-contact-phone{color:#7f5b45}.quick-contact-whatsapp{color:#3e8f65}

.location-section{padding:30px 0 110px;background:#fffdf9}
.location-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.location-head h2{font:500 clamp(40px,4.7vw,68px)/1 var(--serif);letter-spacing:-.045em;margin:6px 0 13px;color:#3b2a20}
.location-head p{margin:0;color:#7a695d;font-size:12px;line-height:1.7;max-width:680px}
.route-btn{min-height:48px;padding:0 20px;border:1px solid rgba(166,95,53,.27);background:rgba(255,255,255,.58);display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#8f512f;box-shadow:0 10px 28px rgba(94,55,32,.08);transition:.25s}
.route-btn:hover{background:#fff7ee;border-color:rgba(166,95,53,.48);transform:translateY(-2px)}
.route-btn svg{width:19px;height:19px;fill:currentColor}.route-btn span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.location-map-wrap{position:relative;overflow:hidden;border:1px solid rgba(166,95,53,.14);background:#f7ede3;box-shadow:0 24px 70px rgba(93,55,34,.1);min-height:500px}
.location-map-wrap iframe{width:100%;height:500px;border:0;display:block;filter:saturate(.82) sepia(.08) contrast(.96)}
.location-address-card{position:absolute;left:24px;bottom:24px;max-width:min(520px,calc(100% - 48px));display:flex;align-items:flex-start;gap:13px;padding:17px 19px;background:rgba(255,253,249,.86);border:1px solid rgba(166,95,53,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 15px 35px rgba(76,47,28,.13)}
.location-address-card svg{width:20px;height:20px;fill:#aa633b;flex:0 0 auto;margin-top:2px}.location-address-card small{display:block;font-size:7px;letter-spacing:.15em;color:#a66b48;margin-bottom:5px}.location-address-card strong{font:500 15px/1.45 var(--serif);color:#3b2a20}

@media(max-width:760px){
 .quick-contact{right:14px;bottom:84px}.quick-contact-toggle{width:50px;height:50px}.quick-contact-action{width:44px;height:44px}.quick-contact svg{width:21px;height:21px}
 .location-section{padding:10px 0 72px}.location-head{align-items:flex-start;flex-direction:column}.location-head h2{font-size:42px}.route-btn{width:100%;justify-content:center}.location-map-wrap,.location-map-wrap iframe{min-height:390px;height:390px}.location-address-card{left:12px;right:12px;bottom:12px;max-width:none;padding:14px}
}

/* ===============================================================
   NAT LEATHER V9.5 — GLASS NAV + FLAG LANGUAGE SELECTOR
   Approved header control style: thin, transparent, premium.
   =============================================================== */
.site-header,
.page-index .site-header{
  background:rgba(255,253,249,.86)!important;
  border-bottom:1px solid rgba(95,62,41,.10)!important;
  color:#493328!important;
  box-shadow:none!important;
  backdrop-filter:blur(22px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(120%)!important;
}
.site-header.scrolled,
.page-index .site-header.scrolled{
  background:rgba(255,253,249,.94)!important;
  box-shadow:0 14px 38px rgba(72,45,28,.055)!important;
}
.page-index .desktop-nav a,.desktop-nav a{color:#493328!important}
.page-index .desktop-nav a:after,.desktop-nav a:after{background:#b46a3d!important}
.nav-actions-glass{gap:7px}
.nav-actions-glass .glass-nav-control,
.lang-switch-flags>summary{
  height:36px!important;
  min-height:36px!important;
  border:1px solid rgba(93,61,41,.20)!important;
  background:rgba(255,255,255,.30)!important;
  color:#4b362b!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
  backdrop-filter:blur(13px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(115%)!important;
  transition:background .22s,border-color .22s,transform .22s,box-shadow .22s!important;
}
.nav-actions-glass .glass-nav-control:hover,
.lang-switch-flags>summary:hover,
.lang-switch-flags[open]>summary{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(164,95,54,.36)!important;
  box-shadow:0 8px 24px rgba(75,46,28,.07),inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.lang-switch-flags{position:relative}
.lang-switch-flags>summary{
  width:96px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  list-style:none!important;
  cursor:pointer;
  user-select:none;
}
.lang-switch-flags>summary::-webkit-details-marker{display:none}
.lang-switch-flags .lang-flag,.mobile-langs span{font-size:16px;line-height:1;filter:saturate(.92)}
.lang-switch-flags .lang-code{font-size:8px;font-weight:700;letter-spacing:.13em;line-height:1}
.lang-switch-flags .lang-chevron{width:9px;height:7px;fill:none;stroke:currentColor;stroke-width:1.4;opacity:.62;transition:transform .2s}
.lang-switch-flags[open] .lang-chevron{transform:rotate(180deg)}
.lang-switch-flags .lang-hint-flag{font-size:15px;line-height:1;opacity:.92;margin-left:1px}
.lang-switch-flags .lang-menu{
  position:absolute!important;
  top:44px!important;
  right:0!important;
  width:178px!important;
  min-width:178px!important;
  padding:7px!important;
  display:grid!important;
  gap:3px!important;
  background:rgba(255,253,249,.96)!important;
  border:1px solid rgba(95,62,41,.16)!important;
  border-radius:13px!important;
  box-shadow:0 18px 50px rgba(72,44,27,.13)!important;
  backdrop-filter:blur(22px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(120%)!important;
  z-index:20;
}
.lang-switch-flags .lang-menu a{
  min-height:42px;
  display:grid!important;
  grid-template-columns:26px 1fr 18px;
  align-items:center;
  gap:7px;
  padding:7px 9px!important;
  border-radius:8px;
  color:#584236!important;
  background:transparent!important;
  text-align:left!important;
}
.lang-switch-flags .lang-menu a:hover,.lang-switch-flags .lang-menu a.active{background:rgba(232,214,198,.45)!important;color:#3f2b21!important}
.lang-switch-flags .lang-menu a>span:nth-child(2){display:flex;align-items:baseline;gap:7px}
.lang-switch-flags .lang-menu b{font-size:8px;letter-spacing:.11em}
.lang-switch-flags .lang-menu small{font-size:8px;color:#8c7566}
.lang-switch-flags .lang-menu i{font-style:normal;font-size:10px;color:#aa643c;text-align:center}
.nav-actions-glass .nav-icon{width:36px!important;padding:0!important}
.nav-actions-glass .nav-icon svg{width:15px!important;stroke:#5b4437!important;stroke-width:1.45!important}
.nav-actions-glass .cart-btn{
  height:36px!important;
  padding:0 6px 0 13px!important;
  gap:9px!important;
  font-size:8px!important;
  letter-spacing:.15em!important;
  background:rgba(255,255,255,.30)!important;
}
.nav-actions-glass .cart-btn b{
  width:24px!important;height:24px!important;
  border-radius:8px!important;
  background:rgba(166,91,49,.82)!important;
  color:#fff!important;
  font-size:8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.nav-actions-glass .menu-toggle{width:38px!important;padding:0 10px!important}
.nav-actions-glass .menu-toggle span{background:#5b4437!important}

/* Mobile menu follows the same transparent light-luxury language. */
.mobile-nav{
  background:rgba(255,253,249,.97)!important;
  border-bottom:1px solid rgba(95,62,41,.12)!important;
  box-shadow:0 22px 45px rgba(68,42,27,.08);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.mobile-nav>a{color:#4b352a;border-color:rgba(95,62,41,.09)!important}
.mobile-langs{display:flex!important;gap:7px!important;padding-top:13px!important;flex-wrap:wrap}
.mobile-langs a{
  width:auto!important;min-width:58px!important;height:35px!important;padding:0 9px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border:1px solid rgba(93,61,41,.16)!important;border-radius:10px!important;
  background:rgba(255,255,255,.42)!important;color:#5a4133!important;
}
.mobile-langs a.active{border-color:rgba(174,101,58,.42)!important;background:rgba(238,222,208,.58)!important}
.mobile-langs a b{font-size:8px;letter-spacing:.1em}

/* Keep the user-approved control proportions balanced at mid sizes. */
@media(max-width:1100px) and (min-width:901px){
  .lang-switch-flags>summary{width:88px!important}.nav-actions-glass .cart-btn{padding-left:10px!important}.nav-actions-glass{gap:5px}
}
@media(max-width:600px){
  .nav-actions-glass{gap:5px}
  .lang-switch-flags>summary{width:59px!important;padding:0 7px!important;gap:5px!important;height:34px!important;min-height:34px!important}
  .lang-switch-flags .lang-hint-flag{display:none}
  .lang-switch-flags .lang-flag{font-size:15px}.lang-switch-flags .lang-code{font-size:7px}
  .lang-switch-flags .lang-menu{right:-58px!important;top:41px!important}
  .nav-actions-glass .cart-btn{height:34px!important;min-height:34px!important;padding:0 5px!important}
  .nav-actions-glass .cart-btn b{width:22px!important;height:22px!important}
  .nav-actions-glass .menu-toggle{height:34px!important;min-height:34px!important;width:36px!important}
}

/* V9.5: make small secondary controls consistently elegant instead of bulky. */
.nl-filter-pills a,.mc-filter-rail a,.mc-outline,.route-btn,.row-actions a,.row-actions button,.ghost{
  border-radius:9px!important;
}
.nl-filter-pills a,.mc-outline,.route-btn{
  background:rgba(255,255,255,.46)!important;
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}



/* V9.5.1: real SVG language flags - reliable on Plesk/Windows */
.lang-switch-flags .lang-flag-img,
.mobile-langs .lang-flag-img{
  width:20px!important;height:14px!important;display:block!important;object-fit:cover!important;
  border-radius:2px!important;box-shadow:0 0 0 1px rgba(63,43,33,.10)!important;flex:0 0 auto!important;
}
.lang-switch-flags .lang-hint-flag-img{
  width:20px!important;height:14px!important;display:block!important;object-fit:cover!important;
  border-radius:2px!important;box-shadow:0 0 0 1px rgba(63,43,33,.10)!important;opacity:.9!important;flex:0 0 auto!important;
}
.lang-switch-flags .lang-menu a{grid-template-columns:26px 1fr 18px!important}
.mobile-langs a{min-width:64px!important}
@media(max-width:600px){
  .lang-switch-flags .lang-hint-flag-img{display:none!important}
  .lang-switch-flags .lang-flag-img{width:19px!important;height:13px!important}
}

/* ===============================================================
   NAT LEATHER V9.7 — COMFORT BEIGE / EYE-FRIENDLY PALETTE
   Removes stark white from public-facing surfaces while keeping
   the approved light luxury / glass-control visual language.
   =============================================================== */
:root{
  --nl-cream:#eee8df;
  --nl-ivory:#f3ede5;
  --nl-beige:#e6ddd2;
  --nl-sand:#d8c8b7;
  --nl-card:#f7f2eb;
  --nl-card-soft:#f2ece4;
  --nl-caramel:#ad673d;
  --nl-caramel-dark:#854928;
  --nl-brown:#3e2f27;
  --nl-muted:#74665c;
  --nl-line:rgba(78,55,40,.16);
}
html,body{background:#eee8df;color:var(--nl-brown)}

/* Header and glass controls: still airy, no hard white blocks. */
.site-header,.page-index .site-header{
  background:rgba(239,232,223,.88)!important;
  border-bottom-color:rgba(91,65,47,.13)!important;
}
.site-header.scrolled,.page-index .site-header.scrolled{
  background:rgba(239,232,223,.96)!important;
  box-shadow:0 14px 38px rgba(72,45,28,.07)!important;
}
.nav-actions-glass .glass-nav-control,.lang-switch-flags>summary{
  background:rgba(247,242,235,.34)!important;
  border-color:rgba(88,61,43,.22)!important;
}
.nav-actions-glass .glass-nav-control:hover,.lang-switch-flags>summary:hover,.lang-switch-flags[open]>summary{
  background:rgba(247,242,235,.64)!important;
}
.lang-switch-flags .lang-menu,.mobile-nav{
  background:rgba(240,233,224,.97)!important;
}
.mobile-langs a{background:rgba(247,242,235,.42)!important}
.nav-icon:hover,.cart-btn:hover{background:rgba(247,242,235,.76)!important}

/* Main light surfaces */
.nl-light-hero{
  background:linear-gradient(135deg,#f2ece4 0%,#ece3d8 55%,#e2d4c5 100%)!important;
}
.nl-light-hero:before{background:radial-gradient(ellipse at center,rgba(207,184,158,.38),transparent 65%)!important}
.nl-hero-pedestal{background:linear-gradient(180deg,#eee4d8,#d9c8b7)!important}
.nl-handmade-badge{background:rgba(242,235,226,.9)!important}
.nl-light-marquee{background:rgba(230,221,210,.72)!important}
.nl-light-section,.nl-featured-section{background:#eee8df!important}
.nl-category-section{background:linear-gradient(180deg,#eee8df,#e7ded3)!important}
.nl-category-tile{background:rgba(247,242,235,.72)!important;box-shadow:0 8px 35px rgba(76,49,33,.035)!important}
.nl-cat-wallet:after{background:#f2ece4!important}

/* Product/cards: slightly lighter than page so hierarchy remains clear. */
.nl-product-card,.mc-catalog-card,.light-zone .mc-product-card{
  background:#f7f2eb!important;
  border-color:rgba(79,55,40,.14)!important;
  box-shadow:0 10px 30px rgba(76,49,33,.045)!important;
}
.nl-product-image,.mc-catalog-image,.light-zone .mc-product-image,.mc-detail-main{
  background:#e8ded2!important;
}
.mc-products.light-zone,.mc-detail,.mc-catalog,.catalog,.home-intro,.craft-showcase{
  background:#eee8df!important;
}
.mc-catalog-toolbar{background:rgba(238,232,223,.94)!important}
.mc-filter-rail a,.filter-chips a,.catalog-sort select,.mc-sort select{
  background:rgba(247,242,235,.58)!important;
}

/* Content pages and forms */
.story-section,.story,.contact-section,.policy,.cart-page,.location-section{
  background:#eee8df!important;
}
.page-hero,.page-hero.small{
  background:linear-gradient(135deg,#f1ebe3,#e5d8ca)!important;
}
.numbers{background:#e4d8cb!important}
.contact-form,.search-box,.cart-drawer{
  background:#f2ece4!important;
  border-color:var(--nl-line)!important;
}
.contact-form input,.contact-form textarea,.search-box input{
  background:rgba(247,242,235,.58)!important;
}
.location-map-wrap{background:#e2d5c7!important}
.location-address-card{background:rgba(241,234,225,.9)!important}
.route-btn,.nl-light-outline,.glass-btn.dark,.nl-filter-pills a,.mc-outline{
  background:rgba(247,242,235,.46)!important;
}
.route-btn:hover,.nl-light-outline:hover,.glass-btn.dark:hover{
  background:#f6f0e9!important;
}

/* Lower site areas: remove the previous almost-white footer/journal. */
.journal{
  background:#ded1c3!important;
  color:#3d2d24!important;
  border-top-color:rgba(77,54,39,.14)!important;
}
.journal input{background:rgba(247,242,235,.38)!important}
.footer{
  background:#d8ccbf!important;
  color:#625448!important;
  border-top-color:rgba(77,54,39,.15)!important;
}
.footer .brand{color:#35271f!important}.footer h4{color:#443229!important}
.footer-grid>div>a,.footer-grid>div>p,.footer-brand-wrap>p{color:#67584d!important}
.footer-grid>div>a:hover{color:#8f512f!important}.footer-bottom{color:#806f62!important;border-color:rgba(77,54,39,.15)!important}

/* Floating contact / live chat remain transparent instead of white. */
.quick-contact-toggle,.quick-contact-action{
  background:rgba(239,232,223,.72)!important;
  border-color:rgba(155,91,52,.30)!important;
}
.quick-contact-toggle:hover,.quick-contact-action:hover,.quick-contact.open .quick-contact-toggle{
  background:rgba(246,240,233,.92)!important;
}
.live-chat-panel{background:#eee6dc!important}

/* Mobile gets the same softer canvas. */
@media(max-width:760px){
  body{background:#eee8df!important}
  .nl-light-section,.nl-featured-section,.location-section{background:#eee8df!important}
}