@font-face{font-family:Object;src:url('../fonts/ObjectSans-Regular.otf')}@font-face{font-family:Object;src:url('../fonts/ObjectSans-Heavy.otf');font-weight:800}:root{--ink:#121210;--white:#fff;--salt:#f6f3eb;--mint:#a8d8cc;--pink:#f2cec8;--blue:#c9dde1;--g:clamp(1.25rem,3.4vw,4.6rem);--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Object,Arial,sans-serif;-webkit-overflow-scrolling:touch}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{font:inherit}.atlas-header{height:70px;position:fixed;z-index:100;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--g);background:#fff;border-bottom:1px solid #0000000a}.atlas-logo-text{font-family:var(--serif);font-size:clamp(1.2rem,2.2vw,1.4rem);letter-spacing:0.25em;font-weight:400;text-transform:uppercase;color:var(--ink);text-decoration:none}.atlas-header-right{display:flex;align-items:center;gap:clamp(1.2rem,3vw,2rem)}.buy-link{background:transparent;border:1px solid var(--ink);color:var(--ink);border-radius:999px;padding:0.4rem 0.95rem;font-size:0.65rem;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;transition:background 0.25s,color 0.25s}.buy-link:hover{background:var(--ink);color:#fff}.bag-link{display:flex;align-items:center;position:relative;color:var(--ink);padding:0.2rem}.bag-icon{width:18px;height:18px}.bag-count{position:absolute;top:-4px;right:-6px;background:var(--ink);color:#fff;font-size:0.5rem;width:12px;height:12px;border-radius:50%;display:grid;place-items:center;font-weight:800}.atlas-lang{font-size:0.65rem;font-weight:800;letter-spacing:0.05em;color:var(--ink)}.lang-active{color:var(--ink)}.lang-inactive{color:#aaa}.atlas-menu-button{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:11px;background:none;border:0;padding:0;cursor:pointer;margin-left:0.2rem}.atlas-menu-button i{display:block;width:100%;height:1px;background:var(--ink);transition:transform 0.3s, opacity 0.3s}.menu-open .atlas-menu-button i:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-open .atlas-menu-button i:nth-child(2){opacity:0}.menu-open .atlas-menu-button i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.atlas-nav{position:fixed;z-index:-1;inset:0;background:var(--salt);padding:clamp(8rem,14vh,11rem) var(--g) 4rem;display:grid;grid-template-columns:1.4fr .6fr;gap:5rem;transform:translateY(-105%);transition:transform .65s cubic-bezier(.16,1,.3,1)}.menu-open .atlas-nav{transform:none}.nav-primary{display:flex;flex-direction:column}.nav-primary a{font-size:clamp(2.5rem,5.5vw,6rem);line-height:1;border-bottom:1px solid #0001;padding:.35rem 0;letter-spacing:-.05em}.nav-primary small{font-size:.6rem;letter-spacing:.1em;margin-right:1rem}.nav-secondary{display:flex;flex-direction:column;justify-content:end;gap:1rem;font-size:.8rem}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.in{opacity:1;transform:none}
main{padding-top:78px}.atlas-home{padding-top:78px}.home-hero{min-height:calc(100svh - 78px);position:relative;background:var(--salt);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-video{position:absolute;right:0;top:0;width:52%;height:100%;clip-path:polygon(9% 0,100% 0,100% 100%,0 91%)}.hero-video video{width:100%;height:100%;object-fit:cover}.hero-title{position:relative;z-index:2;padding:clamp(5rem,11vh,9rem) 0 3rem var(--g)}.hero-title>span,.salt-intro .intro-index,.collection header>span,.craft-title>span,.bird-section>div>span,.home-journal header>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.hero-title h1{font-size:clamp(5rem,10.5vw,11rem);font-weight:400;line-height:.73;letter-spacing:-.078em;margin:2rem 0}.hero-title h1 i{font-family:var(--serif);font-weight:400;color:#69aa9b}.hero-caption{position:absolute;z-index:2;left:calc(var(--g) + 22vw);bottom:4rem;max-width:390px}.hero-caption p{line-height:1.65}.hero-caption a{display:flex;justify-content:space-between;margin-top:2rem;padding-bottom:.7rem;border-bottom:1px solid;font-size:.75rem;font-weight:800}.hero-coordinate{position:absolute;z-index:2;right:var(--g);top:2rem;color:#fff;font-size:.58rem;line-height:1.5;letter-spacing:.12em}.salt-intro{min-height:850px;padding:clamp(7rem,12vw,13rem) var(--g);position:relative}.salt-intro h2{font-size:clamp(4rem,9vw,10rem);font-weight:400;line-height:.8;letter-spacing:-.07em;margin:3rem 0}.salt-intro h2 em{font-family:var(--serif);font-weight:400;color:#70b0a0}.intro-copy{margin-left:45%;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:end}.intro-copy p{line-height:1.75;max-width:520px}.intro-copy a{font-size:.72rem;font-weight:800;white-space:nowrap}.salt-glyph{position:absolute;right:var(--g);top:5rem;font-size:7rem;color:var(--pink);animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landscape-story{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr;background:var(--salt)}.landscape-story figure{margin:0;overflow:hidden;position:relative}.landscape-story img{width:100%;height:100%;object-fit:cover}.landscape-wide{grid-row:1/3;min-height:900px}.landscape-wide figcaption{position:absolute;left:2rem;bottom:2rem;color:#fff;font-size:.6rem;text-transform:uppercase;letter-spacing:.14em}.landscape-card{background:var(--pink);padding:clamp(3rem,6vw,6rem)}.landscape-card span{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em}.landscape-card ol{list-style:none;padding:0;margin:3rem 0 0;counter-reset:x}.landscape-card li{font:italic clamp(2.2rem,4vw,4.5rem)/1.1 var(--serif)}.landscape-detail{min-height:420px}.collection{padding-bottom:6rem}.collection>header{padding:clamp(7rem,10vw,11rem) var(--g) 4rem;display:grid;grid-template-columns:1fr 1fr}.collection header h2{font-size:clamp(4rem,8vw,8.5rem);font-weight:400;line-height:.8;letter-spacing:-.07em;margin:2rem 0}.collection header p{align-self:end;justify-self:end;max-width:350px;line-height:1.7}.product-stage{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 var(--g)}.stage-product{min-height:650px;padding:1.6rem;border-radius:2rem;display:flex;flex-direction:column;overflow:hidden;transition:transform .4s}.stage-product:hover{transform:translateY(-8px)}.stage-product.mint{background:var(--mint)}.stage-product.pink{background:var(--pink)}.stage-product.cream{background:var(--salt)}.stage-product.blue{background:var(--blue)}.stage-product>div,.stage-product footer{display:flex;justify-content:space-between;align-items:end;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em}.stage-product img{height:500px;width:80%;object-fit:contain;align-self:center;filter:drop-shadow(0 30px 25px #0002);transition:transform .6s}.stage-product:hover img{transform:rotate(-2deg) scale(1.035)}.stage-product footer h3{font-size:2.3rem;line-height:.95;letter-spacing:-.05em;text-transform:none;margin:0}.craft-sequence{padding:8rem var(--g);background:var(--ink);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.craft-title h2{font-size:clamp(4rem,7vw,8rem);line-height:.79;font-weight:400;letter-spacing:-.07em}.craft-title em{font-family:var(--serif);color:var(--mint)}.craft-steps article{display:grid;grid-template-columns:45px 1fr;column-gap:2rem;padding:2.5rem 0}.craft-steps b{grid-row:span 2;color:var(--mint);font:italic 1rem var(--serif)}.craft-steps h3{font-size:2.3rem;margin:0}.craft-steps p{color:#fffb}.bird-section{min-height:850px;position:relative;color:#fff}.bird-section>img{position:absolute;width:100%;height:100%;object-fit:cover}.bird-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0001)}.bird-section>div{position:absolute;z-index:2;left:var(--g);bottom:5rem}.bird-section h2{font-size:clamp(4rem,8vw,8.5rem);line-height:.78;font-weight:400;letter-spacing:-.07em;margin:2rem 0}.bird-section p{max-width:420px;line-height:1.65}.bird-section a{display:inline-block;margin-top:1rem;font-weight:800;font-size:.75rem}.home-journal{padding-bottom:8rem}.home-journal header{padding:8rem var(--g) 4rem}.home-journal header h2{font-size:clamp(4rem,8vw,8rem);font-weight:400;line-height:.8;letter-spacing:-.07em}.journal-list{padding:0 var(--g)}.journal-list a{display:grid;grid-template-columns:130px 1fr auto;align-items:center;padding:2rem 0;transition:padding .25s}.journal-list a:hover{padding-inline:1rem}.journal-list h3{font:2.2rem/1.05 var(--serif);margin:0}.final-call{display:grid;grid-template-columns:1fr 1fr;min-height:750px;background:var(--mint)}.final-call img{width:100%;height:100%;object-fit:cover}.final-call div{padding:var(--g);display:flex;flex-direction:column;justify-content:center}.final-call span{font-size:.62rem;letter-spacing:.14em}.final-call h2{font-size:clamp(4rem,7vw,8rem);line-height:.8;font-weight:400;letter-spacing:-.07em}.final-call a{font-size:.78rem;font-weight:800}
/* interiors */.inner-hero{height:380px!important;min-height:380px!important;display:grid!important;grid-template-columns:1.15fr .85fr!important;padding:1.25rem 1.5rem!important;background:var(--salt);position:relative!important;align-items:center!important;border-radius:0 0 2.2rem 2.2rem!important;overflow:hidden!important;box-sizing:border-box!important}.tone-lagoon .inner-hero{background:var(--mint)!important;color:var(--ink)!important}.tone-clay .inner-hero{background:var(--pink)!important;color:var(--ink)!important}.tone-sky .inner-hero{background:var(--blue)!important;color:var(--ink)!important}.tone-salt .inner-hero{background:var(--salt)!important;color:var(--ink)!important}.tone-ink .inner-hero{background:var(--ink)!important;color:#fff!important}.inner-heading{padding:1rem calc(var(--g) - 1.5rem)!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.inner-heading nav{font-size:.6rem!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-weight:800!important;color:var(--ink)!important;opacity:.7!important;display:flex!important;gap:.6rem!important;margin-bottom:auto!important}.inner-heading nav a{text-decoration:none!important;color:var(--ink)!important;opacity:.8!important;transition:opacity .2s}.inner-heading nav a:hover{opacity:1!important}.inner-heading>span{font-size:.58rem!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-weight:800!important;color:var(--ink)!important;background:rgba(18,18,16,.06)!important;padding:.35rem .85rem!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;gap:.4rem!important;width:fit-content!important;margin-bottom:.4rem!important}.inner-heading h1{font-family:Object,Arial,sans-serif!important;font-size:clamp(2.8rem,3.8vw,3.2rem)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:400!important;text-transform:uppercase!important;color:var(--ink)!important;margin:.6rem 0!important;text-wrap:balance!important}.inner-heading small{font-size:.6rem!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-weight:800!important;color:var(--ink)!important;opacity:.65!important;margin-top:auto!important;border-top:1px solid rgba(18,18,16,.08)!important;padding-top:.6rem!important;display:flex!important;align-items:center!important;gap:.4rem!important}.inner-hero figure{margin:0!important;height:100%!important;max-height:330px!important;border-radius:1.5rem!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 16px 36px rgba(0,0,0,.07)!important;background:transparent!important;padding:0!important}.inner-hero figure img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:1.5rem!important;transition:transform .6s cubic-bezier(.16,1,.3,1)!important}.inner-hero figure:hover img{transform:scale(1.035)!important}.inner-body{display:grid;grid-template-columns:230px minmax(0,1050px);gap:5vw;justify-content:center;padding:clamp(4rem,7vw,7rem) var(--g)}.inner-body>aside{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:.8rem}.inner-body>aside b{font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:1rem}.inner-body>aside a{font-size:.72rem;line-height:1.3;opacity:.45}.inner-body>aside a.active{font-weight:800;opacity:1}.inner-body article>.content-intro{display:none}.inner-body article>section{margin-bottom:4.5rem}.inner-body article h2{font-size:clamp(2rem,3.5vw,3.8rem);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:0 0 1.2rem}.inner-body article h3{font-size:1.35rem;line-height:1.25;margin:1.8rem 0 .8rem}.inner-body article p,.inner-body article li{font-size:1rem;line-height:1.75;max-width:820px}.inner-body .split-layout,.inner-body .section-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);margin:0 0 4.5rem!important}.inner-body .split-image{width:100%;height:430px;object-fit:contain;background:var(--salt);border-radius:1.5rem}.inner-body [style*="margin: 60px"]{margin:2.5rem 0!important}.inner-body [style*="padding: 40px"]{padding:2rem!important;border:0!important;border-radius:1.5rem!important;background:var(--salt)!important}.inner-body .callout{padding:2rem!important;margin:2rem 0!important;border:0!important;border-radius:1.5rem!important;background:var(--mint)!important}.inner-body table{width:100%;border-collapse:collapse;background:var(--salt);border-radius:1.2rem;overflow:hidden}.inner-body th,.inner-body td{padding:1rem;text-align:left;border-bottom:1px solid #0001}.inner-body img{border-radius:1.5rem}.inner-portal .inner-body, .inner-questions .inner-body, .inner-contact .inner-body, .inner-legal .inner-body, .inner-trade .inner-body, .inner-experience .inner-body, .inner-landscape .inner-body, .inner-chef .inner-body, .inner-texture .inner-body, .inner-mineral .inner-body, .inner-object .inner-body, .inner-portrait .inner-body{grid-template-columns:minmax(0,1100px)}.inner-portal .inner-body>aside, .inner-questions .inner-body>aside, .inner-contact .inner-body>aside, .inner-legal .inner-body>aside, .inner-trade .inner-body>aside, .inner-experience .inner-body>aside, .inner-landscape .inner-body>aside, .inner-chef .inner-body>aside, .inner-texture .inner-body>aside, .inner-mineral .inner-body>aside, .inner-object .inner-body>aside, .inner-portrait .inner-body>aside{display:none}.inner-portal .cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.inner-portal .feature-card{padding:2rem;border-radius:1.5rem;background:var(--salt)}.inner-chronicle article h2{font-family:var(--serif);font-style:italic}.inner-evidence table{background:var(--blue)}.inner-steps article h2{counter-increment:steps}.inner-steps article h2:before{content:'0' counter(steps);display:block;font:.8rem var(--serif);color:#69a89a;margin-bottom:.6rem}.inner-chef .split-image{background:var(--pink)}.inner-landscape .inner-hero{grid-template-columns:.8fr 1.2fr}.inner-landscape .inner-hero figure{clip-path:none}.inner-portrait .inner-hero figure{border-radius:50% 50% 2rem 2rem}.inner-object .inner-hero figure{background:#fff}.inner-questions article h2{padding:1.5rem 2rem;background:var(--salt);border-radius:999px;font-size:1.6rem}.inner-legal .inner-hero{min-height:450px;grid-template-columns:1fr 300px}.inner-contact .split-layout{padding:2rem;background:var(--pink);border-radius:1.5rem}.contact-main-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,4vw,4rem);margin-bottom:4rem}@media (max-width:900px){.contact-main-grid{grid-template-columns:1fr}}.contact-form-card{background:var(--salt);padding:clamp(2rem,3.5vw,3rem);border-radius:1.8rem}.contact-form-card h2{font-size:clamp(1.8rem,2.8vw,2.4rem)!important;line-height:1.05!important;margin:0 0 .8rem!important;letter-spacing:-.04em!important}.contact-form-card p{font-size:.92rem;line-height:1.6;opacity:.8;margin-bottom:2rem}.db-form-group{margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.4rem}.db-form-group label{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;opacity:.85}.db-form-control{width:100%;padding:.95rem 1.2rem;border-radius:.9rem;border:1px solid rgba(18,18,16,.12);background:#fff;font-family:inherit;font-size:.95rem;color:var(--ink);transition:border-color .25s,box-shadow .25s;outline:none}.db-form-control:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(18,18,16,.06)}textarea.db-form-control{min-height:130px;resize:vertical}.db-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media (max-width:600px){.db-form-row{grid-template-columns:1fr}}.db-form-checkbox{display:flex;align-items:center;gap:.6rem;font-size:.78rem;margin:1.2rem 0 1.8rem;opacity:.85}.db-btn-submit{background:var(--ink);color:#fff;border:none;padding:1.1rem 2.2rem;border-radius:999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:transform .25s,background .25s;display:inline-flex;align-items:center;gap:.8rem}.db-btn-submit:hover{background:#2a2a26;transform:translateY(-2px)}.contact-info-cards{display:flex;flex-direction:column;gap:1.2rem}.info-card{padding:2rem;border-radius:1.6rem;display:flex;flex-direction:column;gap:.4rem}.info-card.mint{background:var(--mint)}.info-card.pink{background:var(--pink)}.info-card.blue{background:var(--blue)}.info-card-tag{font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;opacity:.75}.info-card-title{font-size:1.4rem;font-weight:400;line-height:1.1;margin:.2rem 0;letter-spacing:-.03em}.info-card a{text-decoration:underline;font-weight:800}.contact-map-section{margin-bottom:4rem;border-radius:2rem;overflow:hidden;background:var(--salt);box-shadow:0 16px 40px rgba(0,0,0,.04)}.contact-map-header{padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(18,18,16,.08)}.contact-map-header h3{font-size:1.4rem;margin:0;font-weight:400}.contact-map-frame{width:100%;height:380px;border:none;filter:grayscale(.2) contrast(1.05)}.contact-hero-compact{height:190px!important;min-height:190px!important;padding:.8rem 1.5rem!important;border-radius:0 0 1.5rem 1.5rem!important}.contact-hero-compact .inner-heading h1{font-size:clamp(2.2rem,3vw,2.6rem)!important;margin:.3rem 0!important}.compact-contact-body{padding:1.5rem var(--g)!important}.contact-compact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;align-items:stretch}@media(max-width:900px){.contact-compact-grid{grid-template-columns:1fr}}.compact-form{padding:1.5rem 1.8rem!important;display:flex;flex-direction:column;justify-content:space-between}.compact-form-header h2{font-size:1.5rem!important;margin-bottom:.2rem!important}.compact-form-header p{font-size:.82rem!important;margin-bottom:1rem!important}.compact-form .db-form-group{margin-bottom:.6rem}.compact-form .db-form-group label{font-size:.58rem}.compact-form .db-form-control{padding:.55rem .85rem;font-size:.85rem;border-radius:.6rem}.compact-textarea{min-height:70px!important;height:70px!important}.compact-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.6rem}.compact-form-footer .db-form-checkbox{margin:0;font-size:.72rem}.compact-btn{padding:.7rem 1.4rem!important;font-size:.68rem!important}.contact-side-compact{display:flex;flex-direction:column;gap:1rem}.compact-info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.compact-info-row{grid-template-columns:1fr}}.compact-card{padding:1.2rem!important;border-radius:1.2rem!important}.compact-card .info-card-title{font-size:1.05rem!important;margin:.1rem 0!important}.compact-card .info-card-sub{font-size:.78rem;opacity:.9}.compact-card small{font-size:.65rem;opacity:.75;margin-top:.3rem}.contact-map-compact{border-radius:1.2rem;overflow:hidden;background:var(--salt);display:flex;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.04)}.map-compact-bar{padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.62rem;font-weight:800;letter-spacing:.1em;border-bottom:1px solid rgba(18,18,16,.08)}.map-compact-frame{width:100%;height:140px;border:none;filter:grayscale(.2) contrast(1.05)}.compact-strip-callout{background:var(--mint);padding:.8rem 1.2rem;border-radius:1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.compact-strip-callout b{display:block;font-size:.82rem}.compact-strip-callout span{font-size:.72rem;opacity:.85}.strip-btns{display:flex;gap:.5rem}.strip-btn{padding:.4rem .8rem;border-radius:99px;font-size:.65rem;font-weight:800;background:rgba(18,18,16,.08);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.strip-btn.dark{background:var(--ink);color:#fff}.inner-contact .inner-body{grid-template-columns:1fr!important;max-width:100%!important;padding:1.5rem var(--g)!important}.inner-contact article{width:100%!important;max-width:100%!important}.contact-split-50{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}@media(max-width:900px){.contact-split-50{grid-template-columns:1fr}}.contact-left-col{display:flex;flex-direction:column;gap:1rem}.contact-right-map{border-radius:1.6rem;overflow:hidden;background:var(--salt);display:flex;flex-direction:column;height:100%;min-height:480px;box-shadow:0 12px 30px rgba(0,0,0,.05)}.map-50-bar{padding:1rem 1.4rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(18,18,16,.08)}.map-50-tag{font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;opacity:.7;display:block}.map-50-bar h3{font-size:1.15rem;margin:0;font-weight:400}.map-50-btn{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.4rem .85rem;border:1px solid var(--ink);border-radius:99px;white-space:nowrap}.map-50-frame{width:100%;height:100%;flex:1;min-height:420px;border:none;filter:grayscale(.15) contrast(1.05)}.contact-header-title{padding:1.4rem var(--g) .6rem!important;background:transparent;border-bottom:1px solid rgba(18,18,16,.08);margin-bottom:1rem}.contact-breadcrumbs{font-size:.6rem!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-weight:800!important;opacity:.6!important;display:flex!important;gap:.6rem!important;margin-bottom:.8rem!important}.contact-title-flex{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}.contact-pill{font-size:.58rem!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-weight:800!important;background:rgba(18,18,16,.06)!important;padding:.35rem .85rem!important;border-radius:999px!important;display:inline-block!important;margin-bottom:.5rem!important}.contact-header-title h1{font-family:Object,Arial,sans-serif!important;font-size:clamp(2.4rem,3.5vw,3rem)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:400!important;text-transform:uppercase!important;margin:0!important}.contact-meta-badge{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7;text-align:right;line-height:1.5}.contact-meta-badge span{font-size:.58rem;opacity:.85}.contact-header-centered{text-align:center;padding:2.2rem var(--g) 1.2rem!important;background:linear-gradient(180deg,var(--pink) 0%,rgba(242,206,200,.2) 100%);border-bottom:1px solid rgba(18,18,16,.08);margin-bottom:1.5rem;position:relative;border-radius:0 0 2rem 2rem}.contact-breadcrumbs-centered{font-size:.62rem!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-weight:800!important;opacity:.65!important;display:flex!important;justify-content:center!important;gap:.6rem!important;margin-bottom:.8rem!important}.contact-brand-badge{display:inline-flex;align-items:center;gap:.6rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:var(--ink);background:rgba(255,255,255,.65);backdrop-filter:blur(8px);padding:.4rem 1.1rem;border-radius:999px;border:1px solid rgba(18,18,16,.08);margin-bottom:.8rem;box-shadow:0 4px 15px rgba(0,0,0,.03)}.contact-sparkle{color:var(--ink);font-size:.7rem}.contact-centered-h1{font-family:Object,Arial,sans-serif!important;font-size:clamp(2.6rem,4vw,3.4rem)!important;line-height:.95!important;letter-spacing:-.055em!important;font-weight:400!important;text-transform:uppercase!important;color:var(--ink)!important;margin:.4rem 0 .8rem!important}.contact-centered-meta{font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.75;display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap}.meta-dot{opacity:.4}
/* journal */.journal-archive>header{padding:clamp(8rem,14vw,14rem) var(--g) 6rem;background:var(--mint)}.journal-archive>header span,.article-page>header span{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.journal-archive>header h1{font-size:clamp(4.5rem,9vw,10rem);line-height:.78;letter-spacing:-.075em;font-weight:400}.journal-archive>header em{font-family:var(--serif);color:#fff}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:var(--g)}.post-tile{min-height:430px;padding:2.5rem;border-radius:1.8rem;background:var(--salt)}.post-tile.tile-1{background:var(--pink)}.post-tile.tile-2{background:var(--blue)}.post-tile a{height:100%;display:flex;flex-direction:column}.post-tile h2{font:clamp(2.3rem,4vw,4.4rem)/.98 var(--serif)}.post-tile p{line-height:1.65}.post-tile b{margin-top:auto}.article-page>header{padding:clamp(8rem,13vw,13rem) var(--g) 5rem;background:var(--pink)}.article-page>header h1{font-size:clamp(3.6rem,7vw,7.5rem);line-height:.84;letter-spacing:-.07em;font-weight:400;max-width:1250px}.article-page>header p{max-width:620px;line-height:1.7}.article-page>article{max-width:900px;padding:6rem var(--g);margin:auto}.article-page article h2{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:400;line-height:1}.article-page article h3{font-size:1.35rem}.article-page article p{font-size:1.05rem;line-height:1.8}.article-page article .callout{padding:2rem;background:var(--mint);border-radius:1.5rem}
/* commerce */.atlas-commerce{padding-top:78px}.commerce-shell{padding:clamp(5rem,9vw,9rem) var(--g)}.woocommerce .products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:1rem}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:1.5rem;border-radius:1.8rem;background:var(--salt);overflow:hidden}.woocommerce ul.products li.product:nth-child(3n+2){background:var(--mint)}.woocommerce ul.products li.product:nth-child(3n+3){background:var(--pink)}.woocommerce ul.products li.product img{height:360px;object-fit:contain;transition:.5s}.woocommerce ul.products li.product:hover img{transform:translateY(-10px)}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.45rem!important}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--ink)!important;color:#fff!important;border-radius:99px!important;padding:1rem 1.3rem!important}.single-product div.product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem)}.single-product div.images,.single-product div.summary{width:auto!important;float:none!important}.single-product div.images{background:var(--mint);padding:2rem;border-radius:2rem}.single-product .product_title{font-size:clamp(3rem,5vw,5.5rem);line-height:.88;letter-spacing:-.06em}.single-product .price{font-size:1.5rem!important;color:#111!important}.woocommerce-tabs{grid-column:1/-1}.woocommerce-message,.woocommerce-info{border:0;background:var(--salt);border-radius:1rem}.fallback{padding:8rem var(--g)}.db-product-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000008}.db-product-card:hover .db-card-image{transform:scale(1.05)}.btn-product-details:hover{background:var(--ink);color:#fff}.btn-add-cart:hover{background:#000000cc;color:#fff}
.atlas-footer{background:var(--ink);color:#fff;padding:2.5rem var(--g) 1.5rem}.footer-main{display:grid;grid-template-columns:.32fr .68fr;gap:clamp(3rem,6vw,6rem);align-items:start;margin-bottom:0.8rem}.footer-left{display:flex;flex-direction:column;align-items:start;gap:1rem}.footer-logo-text{font-family:var(--serif);font-size:1.8rem;letter-spacing:0.25em;font-weight:400;text-transform:uppercase;color:#fff;margin:0}.footer-left p.micro{margin:0;font-size:0.8rem;line-height:1.65;color:#ffffffb3}.footer-logos{display:flex;align-items:center;gap:2rem;margin-top:0.2rem}.footer-logo-img{height:auto;filter:brightness(0) invert(1);opacity:0.55;transition:opacity 0.25s}.footer-logo-img:hover{opacity:0.9}.eco-logo{height:38px;width:auto}.finance-logo{height:52px;width:auto}.footer-right{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,4vw,4rem)}.footer-right>div{display:flex;flex-direction:column;align-items:start}.footer-right b{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--mint);margin-bottom:0.8rem;display:block}.footer-right a{font-size:0.82rem;line-height:1.8;color:#ffffffb3;transition:color 0.2s;display:block}.footer-right a:hover{color:#fff}.footer-legal{text-align:center;border-top:1px solid #ffffff0d;padding-top:1rem;margin-top:1.5rem;font-size:0.65rem;color:#ffffff66}.footer-legal a{color:#ffffff80;transition:color 0.2s}.footer-legal a:hover{color:#fff}
@media(max-width:1000px){.hero-title h1{font-size:9rem}.product-stage{grid-template-columns:1fr}.craft-sequence{grid-template-columns:1fr}.inner-hero{grid-template-columns:1fr}.inner-hero figure{height:380px}.inner-body{grid-template-columns:1fr}.inner-body>aside{position:static;flex-direction:row;overflow:auto}.woocommerce .products{grid-template-columns:repeat(2,1fr)!important}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.buy-link,.atlas-lang{display:none}.atlas-nav{grid-template-columns:1fr}.nav-primary a{font-size:3rem}.hero-video{width:100%;opacity:.72;clip-path:none}.home-hero{display:block}.hero-title{padding-top:6rem}.hero-title h1{font-size:19vw;color:#fff}.hero-title h1 i{color:var(--mint)}.hero-caption{left:var(--g);bottom:2rem;color:#fff}.hero-coordinate{display:none}.salt-intro{min-height:0}.intro-copy{margin-left:0;display:block}.salt-glyph{font-size:4rem}.landscape-story{display:block}.landscape-wide{min-height:520px}.landscape-card{counter-reset:x;min-height:400px}.collection>header{display:block}.product-stage{padding-inline:.75rem}.stage-product{min-height:520px}.stage-product img{height:380px}.craft-sequence{padding-block:5rem}.craft-title h2{font-size:17vw}.bird-section{min-height:700px}.journal-list a{grid-template-columns:1fr;gap:.5rem}.final-call{grid-template-columns:1fr}.final-call img{height:450px}.final-call div{min-height:550px}.inner-hero{min-height:0;padding:.75rem}.inner-heading{min-height:430px;padding:4rem .5rem 2rem}.inner-heading h1{font-size:13vw}.inner-hero figure{height:270px}.inner-body{padding:3rem 1.2rem}.inner-body .split-layout,.inner-body .section-split{grid-template-columns:1fr}.inner-body article h2{font-size:2rem}.inner-landscape .inner-hero{grid-template-columns:1fr}.inner-legal .inner-hero{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr;padding:.75rem}.woocommerce .products{grid-template-columns:1fr!important}.single-product div.product{grid-template-columns:1fr}.footer-logo-text{font-size:8vw;margin-bottom:0}.footer-main{grid-template-columns:1fr;text-align:center}.footer-left{align-items:center}.footer-logos{justify-content:center}.footer-right{grid-template-columns:1fr;gap:2rem}.footer-legal{border-top:1px solid #ffffff0d;padding-top:1.2rem;margin-top:2rem;text-align:center}.atlas-nav{padding-top:7rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.dbx-home{padding-top:78px;background:#fff}.dbx-label,.dbx-section-no,.dbx-process header>span,.dbx-products header span,.dbx-values-content>span,.dbx-biodiversity div>span,.dbx-journal header>span,.dbx-end div>span{font-size:.64rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.dbx-hero{min-height:calc(100svh - 78px);padding:clamp(1rem,2vw,2rem);display:grid;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);gap:clamp(1rem,2vw,2rem);background:#f7f5ef}.dbx-hero-copy{padding:clamp(2.5rem,5vw,6rem) clamp(1rem,3vw,4rem);display:flex;flex-direction:column;justify-content:center;position:relative}.dbx-hero h1{font-size:clamp(4.2rem,7.2vw,8rem);line-height:.86;letter-spacing:-.066em;font-weight:400;margin:1.5rem 0 2rem;text-wrap:balance}.dbx-hero h1 em{font-family:var(--serif);font-weight:400;color:#68aa9a}.dbx-lead{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.65;max-width:570px}.dbx-actions{display:flex;align-items:center;gap:2rem;margin-top:2.2rem}.dbx-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:1rem 1.2rem;border-radius:99px;background:#fff;color:#111;font-size:.74rem;font-weight:800;transition:transform .25s,background .25s}.dbx-button:hover{transform:translateY(-3px);background:#a8d8cc}.dbx-button.dark{background:#111;color:#fff}.dbx-button.light{background:#fff;color:#111}.dbx-text-link,.dbx-inline{font-size:.74rem;font-weight:800}.dbx-proof{display:flex;gap:clamp(1.2rem,3vw,3rem);margin-top:auto;padding-top:3rem}.dbx-proof span{font-size:.64rem;color:#1119}.dbx-proof b{display:block;color:#111;font-size:.82rem;margin-bottom:.3rem}.dbx-hero-film{position:relative;overflow:hidden;border-radius:clamp(1.2rem,2vw,2.2rem);min-height:600px}.dbx-hero-film video{width:100%;height:100%;object-fit:cover}.dbx-film-note{position:absolute;left:1.5rem;right:1.5rem;bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.63rem;text-transform:uppercase;letter-spacing:.13em}.dbx-sound{border:1px solid #fff7;border-radius:99px;background:#0002;color:#fff;padding:.65rem .9rem;font-size:.62rem}.dbx-intro{padding:clamp(6rem,10vw,11rem) var(--g);display:grid;grid-template-columns:140px 1fr;gap:clamp(2rem,5vw,6rem)}.dbx-intro h2{font-size:clamp(3.6rem,7vw,7.5rem);line-height:.86;letter-spacing:-.065em;font-weight:400;margin:0}.dbx-intro h2 em{font-family:var(--serif);font-weight:400;color:#75b4a5}.dbx-intro-copy{margin:4rem 0 0 35%;max-width:650px}.dbx-intro-copy p{font-size:1.08rem;line-height:1.75}.dbx-intro-copy a{display:inline-block;margin-top:1.5rem;font-size:.75rem;font-weight:800}.dbx-salinas-view{margin:0;padding:0 var(--g) clamp(6rem,10vw,10rem)}.dbx-salinas-view img{display:block;width:100%;height:auto;border-radius:1.8rem}.dbx-salinas-view figcaption{display:flex;justify-content:space-between;padding-top:1rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.dbx-process{padding:clamp(6rem,9vw,9rem) var(--g);background:#f3d0ca;border-radius:2.5rem 2.5rem 0 0}.dbx-process header{display:grid;grid-template-columns:150px 1fr}.dbx-process h2{font-size:clamp(3.8rem,6.5vw,7rem);line-height:.84;letter-spacing:-.065em;font-weight:400;margin:0}.dbx-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,5vw,6rem);margin:6rem 0 4rem;padding-left:150px}.dbx-process-grid i{font:italic 1rem var(--serif);color:#1118}.dbx-process-grid h3{font-size:clamp(1.8rem,2.5vw,2.7rem);letter-spacing:-.045em;margin:2rem 0 1rem}.dbx-process-grid p{line-height:1.7}.dbx-process>.dbx-inline{margin-left:150px}.dbx-products{padding:clamp(6rem,10vw,11rem) 0}.dbx-products>header{padding:0 var(--g) 4rem;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:4rem}.dbx-products h2{font-size:clamp(3.8rem,7vw,7.5rem);line-height:.83;letter-spacing:-.067em;font-weight:400;margin:1.5rem 0 0}.dbx-products header>p{line-height:1.75;max-width:430px}.dbx-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 var(--g)}.dbx-product{border-radius:1.8rem;overflow:hidden}.dbx-product a{display:flex;flex-direction:column;min-height:620px;padding:1.5rem}.dbx-mint{background:#a8d8cc}.dbx-rose{background:#f3d0ca}.dbx-sand{background:#f6f3eb}.dbx-blue{background:#cadde1}.dbx-product-top,.dbx-product-bottom{display:flex;justify-content:space-between;align-items:flex-end;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em}.dbx-product img{height:475px;width:78%;align-self:center;object-fit:contain;filter:drop-shadow(0 28px 22px #0002);transition:transform .55s}.dbx-product:hover img{transform:translateY(-10px) rotate(-2deg)}.dbx-product h3{font-size:clamp(1.8rem,2.6vw,2.8rem);line-height:.95;letter-spacing:-.05em;text-transform:none;margin:0}.dbx-products-more{text-align:center;padding-top:3.5rem}.dbx-values{display:grid;grid-template-columns:1fr 1fr;min-height:800px;background:#f7f5ef}.dbx-values-photo img{width:100%;height:100%;object-fit:cover}.dbx-values-content{padding:clamp(4rem,7vw,8rem)}.dbx-values-content h2{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.84;letter-spacing:-.065em;font-weight:400}.dbx-values-content ul{list-style:none;padding:0;margin:3rem 0 0}.dbx-values-content li{display:grid;grid-template-columns:180px 1fr;gap:2rem;padding:1.5rem 0}.dbx-values-content li b{font-size:.95rem}.dbx-values-content li p{margin:0;line-height:1.6;color:#111a}.dbx-biodiversity{min-height:780px;position:relative;color:#fff}.dbx-biodiversity>img{position:absolute;width:100%;height:100%;object-fit:cover}.dbx-biodiversity:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0000)}.dbx-biodiversity>div{position:absolute;z-index:2;left:var(--g);bottom:clamp(3rem,7vw,7rem);max-width:850px}.dbx-biodiversity h2{font-size:clamp(3.8rem,7vw,7.2rem);line-height:.83;letter-spacing:-.065em;font-weight:400;margin:1.5rem 0}.dbx-biodiversity p{max-width:540px;line-height:1.7}.dbx-biodiversity a{display:inline-block;margin-top:1rem;font-size:.75rem;font-weight:800}.dbx-journal{padding:clamp(6rem,10vw,10rem) var(--g)}.dbx-journal header{display:grid;grid-template-columns:1fr auto;align-items:end}.dbx-journal h2{font-size:clamp(3.8rem,7vw,7rem);line-height:.83;letter-spacing:-.065em;font-weight:400;margin:1.5rem 0 0}.dbx-journal header a{font-size:.74rem;font-weight:800}.dbx-journal-list{margin-top:5rem}.dbx-journal-list a{display:grid;grid-template-columns:130px 1fr auto;gap:2rem;align-items:center;padding:1.8rem 0;transition:padding .25s,background .25s}.dbx-journal-list a:hover{padding-inline:1rem;background:#f7f5ef}.dbx-journal-list small{font-size:.62rem}.dbx-journal-list h3{font:clamp(1.7rem,2.8vw,3rem)/1.05 var(--serif);margin:0}.dbx-journal-list span{font-size:.7rem;font-weight:800}.dbx-end{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:#a8d8cc}.dbx-end>div{padding:var(--g);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.dbx-end h2{font-size:clamp(3.5rem,6.5vw,6.8rem);line-height:.84;letter-spacing:-.065em;font-weight:400;margin:2rem 0 3rem}.dbx-end>img{width:100%;height:100%;object-fit:cover}
@media(max-width:1050px){.dbx-hero{grid-template-columns:1fr}.dbx-hero-film{min-height:58vh;grid-row:1}.dbx-hero-copy{grid-row:2}.dbx-proof{margin-top:2rem}.dbx-values{grid-template-columns:1fr}.dbx-values-photo{height:600px}.dbx-process-grid{padding-left:0}.dbx-process>.dbx-inline{margin-left:0}}
@media(max-width:700px){.dbx-hero{padding:.75rem}.dbx-hero-copy{padding:3rem .75rem}.dbx-hero h1{font-size:clamp(3.6rem,15vw,5rem)}.dbx-hero-film{min-height:58vh}.dbx-actions{align-items:flex-start;flex-direction:column}.dbx-proof{display:grid;grid-template-columns:1fr 1fr}.dbx-intro{grid-template-columns:1fr;padding-block:5rem}.dbx-intro-copy{margin:2.5rem 0 0}.dbx-salinas-view{padding-inline:.75rem}.dbx-salinas-view img{border-radius:1rem}.dbx-salinas-view figcaption{display:block}.dbx-process{border-radius:1.5rem 1.5rem 0 0;padding-inline:1.2rem}.dbx-process header{grid-template-columns:1fr}.dbx-process-grid{grid-template-columns:1fr;margin-block:4rem}.dbx-process-grid article{padding-bottom:1.5rem}.dbx-products>header{grid-template-columns:1fr;padding-inline:1.2rem}.dbx-product-grid{grid-template-columns:1fr;padding-inline:.75rem}.dbx-product a{min-height:500px}.dbx-product img{height:360px}.dbx-values-photo{height:430px}.dbx-values-content{padding:4rem 1.2rem}.dbx-values-content li{grid-template-columns:1fr;gap:.5rem}.dbx-biodiversity{min-height:680px}.dbx-journal{padding-inline:1.2rem}.dbx-journal header{grid-template-columns:1fr}.dbx-journal header a{margin-top:2rem}.dbx-journal-list a{grid-template-columns:1fr;gap:.6rem}.dbx-end{grid-template-columns:1fr}.dbx-end>div{min-height:560px}.dbx-end>img{height:450px}}

/* Dama Blanca 1.2 — digital translation of the packaging */
.db4-home{padding-top:78px;background:#fff}.db4-home :is(h1,h2,h3){font-family:Object,Arial,sans-serif}.db4-hero{min-height:calc(100svh - 78px);display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr 108px;background:#fff}.db4-film{position:relative;overflow:hidden}.db4-film video{width:100%;height:100%;object-fit:cover}.db4-film:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0005,transparent 40%)}.db4-sound,.db4-film-label{position:absolute;z-index:2;bottom:1.5rem;color:#fff;font-size:.58rem;letter-spacing:.13em}.db4-sound{right:1.5rem;background:transparent;border:1px solid #fff9;border-radius:99px;padding:.65rem .8rem}.db4-film-label{left:1.5rem}.db4-hero-brand{padding:clamp(2rem,4.5vw,5rem);display:flex;flex-direction:column;text-align:center}.db4-brand-top{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;gap:1.5rem;font-size:.58rem;letter-spacing:.11em}.db4-brand-top img{width:100%;mix-blend-mode:multiply}.db4-hero-brand>p{margin:3rem 0 1.5rem;font-size:.58rem;letter-spacing:.14em}.db4-hero h1{font-size:clamp(4.3rem,7.4vw,8.3rem);line-height:.79;letter-spacing:-.055em;font-weight:800;margin:0}.db4-hero h1 strong{font-weight:800;color:#74b9a8}.db4-hero-summary{margin-top:auto;display:grid;grid-template-columns:1.3fr .7fr;text-align:left;align-items:end;gap:2rem}.db4-hero-summary p{font-size:.9rem;line-height:1.65;margin:0}.db4-hero-summary a{display:flex;justify-content:space-between;background:#a8d8cc;padding:1rem 1.2rem;border-radius:99px;font-size:.68rem;font-weight:800}.db4-wave-band{grid-column:1/-1;display:grid;place-items:center;overflow:hidden;background:#a8d8cc}.db4-wave-band img{width:100%;min-width:1100px;height:100%;object-fit:cover;opacity:.8}.db4-origin{padding:clamp(6rem,10vw,11rem) var(--g)}.db4-origin header{display:grid;grid-template-columns:150px 1fr .65fr;gap:3rem;align-items:end;margin-bottom:4rem}.db4-origin header>span,.db4-code-title>span,.db4-collection header>span,.db4-craft-copy>span,.db4-land div>span,.db4-notes header>span,.db4-close>div>span{font-size:.6rem;letter-spacing:.15em;font-weight:800}.db4-origin h2,.db4-code h2,.db4-collection h2,.db4-craft h2,.db4-land h2,.db4-notes h2,.db4-close h2{font-weight:800;letter-spacing:-.055em;line-height:.84;margin:0}.db4-origin h2{font-size:clamp(3.8rem,6.8vw,7.5rem)}.db4-origin header p{line-height:1.65;max-width:360px}.db4-origin figure{margin:0}.db4-origin figure img{display:block;width:100%;height:auto}.db4-origin figcaption{display:flex;justify-content:space-between;margin-top:.8rem;font-size:.58rem;letter-spacing:.1em}.db4-origin-text{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:end;margin:4rem 0 0 42%}.db4-origin-text p{font-size:1.05rem;line-height:1.75;margin:0}.db4-origin-text a{font-size:.66rem;font-weight:800;white-space:nowrap}.db4-code{display:grid;grid-template-columns:.9fr 1.1fr;background:#f3d0ca}.db4-code-title{padding:clamp(4rem,7vw,8rem);position:relative;overflow:hidden}.db4-code-title>img{position:absolute;width:280px;right:-40px;top:-30px;mix-blend-mode:multiply;opacity:.18}.db4-code h2{font-size:clamp(3.8rem,6vw,6.8rem);margin-top:2rem}.db4-code-list{padding:clamp(4rem,7vw,8rem);background:#fff}.db4-all-wrap {text-align: center;margin-top: 2.5rem}.db4-all {display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;margin: 0 auto;padding: 1.05rem 2.6rem;background: #111111;color: #ffffff !important;font-size: 0.72rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;border-radius: 99px;text-decoration: none;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);position: relative;z-index: 2}.db4-all:hover {background: #68aa9a;color: #ffffff !important;transform: translateY(-3px);box-shadow: 0 15px 35px rgba(104, 170, 154, 0.4)}.db4-craft{min-height:760px;display:grid;grid-template-columns:.9fr 1.1fr;position:relative;background:#f5f3ee}.db4-craft-copy{padding:clamp(4rem,7vw,8rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}.db4-craft h2{font-size:clamp(3.8rem,6.4vw,7rem);margin:2rem 0}.db4-craft-copy p{line-height:1.75;max-width:540px}.db4-craft-copy a{font-size:.67rem;font-weight:800;margin-top:1rem}.db4-craft figure{margin:0;overflow:hidden}.db4-craft figure img{width:100%;height:100%;object-fit:cover}.db4-wave-vertical{position:absolute;left:0;bottom:0;width:45%;height:150px;overflow:hidden;opacity:.1}.db4-land-legacy{display:none}.db4-notes{padding:clamp(6rem,10vw,10rem) var(--g)}.db4-notes header{display:grid;grid-template-columns:150px 1fr}.db4-notes h2{font-size:clamp(3.8rem,6.5vw,7rem)}.db4-notes>div{margin-top:5rem}.db4-notes-legacy-a2{display:none}.db4-notes small,.db4-notes a>span{font-size:.58rem;font-weight:800}.db4-notes-legacy-h3{display:none}.db4-close-legacy{display:none}
@media(max-width:900px){.db4-hero{grid-template-columns:1fr;grid-template-rows:58vh auto 90px}.db4-film{grid-row:1}.db4-hero-brand{grid-row:2}.db4-wave-band{grid-row:3}.db4-brand-top{grid-template-columns:1fr 110px 1fr}.db4-hero-summary{margin-top:3rem}.db4-origin header,.db4-collection>header{grid-template-columns:1fr}.db4-origin-text{margin-left:20%}.db4-code,.db4-craft{grid-template-columns:1fr}.db4-products{grid-template-columns:1fr}.db4-close{grid-template-columns:1fr}.db4-collection h2{white-space:normal}}

@media(max-width:560px){.db4-film{min-height:58vh}.db4-hero-brand{padding:3rem 1.2rem}.db4-brand-top{grid-template-columns:1fr 80px 1fr}.db4-hero h1{font-size:16vw}.db4-hero-summary{grid-template-columns:1fr}.db4-origin{padding-inline:1.2rem}.db4-origin-text{grid-template-columns:1fr;margin:2.5rem 0 0}.db4-origin figcaption{display:block}.db4-code-title,.db4-code-list{padding:4rem 1.2rem}.db4-code h2,.db4-collection h2,.db4-craft h2,.db4-land h2,.db4-notes h2,.db4-close h2{font-size:13vw}.db4-collection>header{padding-inline:1.2rem}.db4-product{min-height:500px}.db4-product img{height:365px}.db4-craft-copy{padding:4rem 1.2rem}.db4-craft figure{height:480px}.db4-land{min-height:700px}.db4-notes{padding-inline:1.2rem}.db4-notes header{grid-template-columns:1fr}.db4-notes h2{margin-top:2rem}.db4-notes a{grid-template-columns:1fr;gap:.6rem}.db4-close>div:first-child{padding:1rem;height:450px}.db4-close>div:last-child{min-height:550px;padding:4rem 1.2rem}}
.commerce-hero{padding:clamp(6rem,11vw,11rem) var(--g) 5rem;background:var(--mint)}.commerce-hero span{font-size:.62rem;letter-spacing:.15em}.commerce-hero h1{font-size:clamp(5rem,9vw,10rem);line-height:.75;letter-spacing:-.075em;font-weight:400;margin:2rem 0}.commerce-hero p{max-width:420px;line-height:1.6}
/* DB4 Origin Split 2-Column Layout */
.db4-origin {
    padding: clamp(5rem, 8vw, 9rem) var(--g, 4rem);
    background: #fff;
}
.db4-origin-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(3rem, 5.5vw, 6rem);
    align-items: center;
}
.db4-origin-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.db4-origin-content .db4-tag {
    font-size: 0.65rem;
    letter-spacing: 0.15em;
    font-weight: 800;
    text-transform: uppercase;
    color: #68aa9a;
    margin-bottom: 1.2rem;
}
.db4-origin-content h2 {
    font-size: clamp(2.8rem, 4.8vw, 5.5rem);
    font-weight: 800;
    letter-spacing: -0.045em;
    line-height: 0.9;
    margin: 0 0 1.5rem 0;
    color: #111;
    text-transform: uppercase;
}
.db4-origin-content .db4-subtitle {
    font-size: clamp(1.1rem, 1.6vw, 1.4rem);
    line-height: 1.4;
    font-weight: 600;
    color: #111;
    margin: 0 0 1.4rem 0;
}
.db4-origin-content .db4-desc {
    font-size: 0.96rem;
    line-height: 1.7;
    color: #444;
    margin: 0 0 2.2rem 0;
    max-width: 520px;
}
.db4-origin-content .db4-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #111;
    color: #fff;
    padding: 0.95rem 1.8rem;
    border-radius: 99px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.25s ease;
}
.db4-origin-content .db4-btn:hover {
    background: #68aa9a;
    color: #fff;
    transform: translateY(-2px);
}
.db4-origin-media {
    margin: 0;
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}
.db4-origin-media img {
    display: block;
    width: 100%;
    height: clamp(380px, 52vh, 600px);
    object-fit: cover;
    border-radius: 1.5rem 1.5rem 0 0;
}
.db4-origin-media figcaption {
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background: #f7f5ef;
    font-size: 0.60rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 700;
    color: #666;
    border-radius: 0 0 1.5rem 1.5rem;
}
@media (max-width: 900px) {
    .db4-origin-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    .db4-origin-media img {
        height: 380px;
    }
}

/* DB4 Code Section 02 - Fully Centered & Ultra-Professional Layout */
.db4-code {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    background: #fff;
    position: relative;
    overflow: hidden;
    align-items: stretch;
}

.db4-code-title {
    padding: clamp(3.5rem, 6vw, 6rem) clamp(2.5rem, 5vw, 5.5rem);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(135deg, #f7d5cc 0%, #f4e5df 45%, #dcefe9 100%);
}

.db4-code-title > img {
    position: absolute;
    width: 280px;
    right: -30px;
    top: -20px;
    mix-blend-mode: multiply;
    opacity: 0.2;
    pointer-events: none;
}

.db4-code-title .db4-tag {
    font-size: 0.62rem;
    letter-spacing: 0.15em;
    font-weight: 800;
    text-transform: uppercase;
    color: #1a6060;
    margin-bottom: 1.2rem;
}

.db4-code-title h2 {
    font-size: clamp(2.6rem, 4.4vw, 4.8rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 0.9;
    margin: 0;
    color: #111;
    text-transform: uppercase;
}

.db4-code-list {
    padding: clamp(3.5rem, 6vw, 6rem) clamp(2rem, 4.5vw, 5rem);
    background: #fbf9f5;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
    align-content: center;
    justify-content: center;
}

.db4-code-card {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 1.4rem;
    align-items: center;
    padding: 1.6rem 2.2rem;
    border-radius: 1.2rem;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.db4-code-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    border-color: rgba(104, 170, 154, 0.4);
}

.db4-code-icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(168, 216, 204, 0.25);
    color: #1a6060;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    flex-shrink: 0;
}


.db4-code-info h3 {
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    margin: 0 0 0.25rem 0;
    color: #111;
    text-transform: uppercase;
}

.db4-code-info p {
    font-size: 0.86rem;
    line-height: 1.5;
    color: #555;
    margin: 0;
}

@media (max-width: 960px) {
    .db4-code {
        grid-template-columns: 1fr;
    }
    .db4-code-list {
        grid-template-columns: 1fr;
    }
}


/* DB4 Collection Section 03 - Compact & Stacked Description */
.db4-collection {
    padding: clamp(3.5rem, 6vw, 6rem) 0;
}

.db4-collection > header,
.db4-collection-header {
    padding: 0 var(--g, 4rem) 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
}

.db4-collection h2 {
    font-size: clamp(2.2rem, 4.2vw, 4.4rem) !important;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
    color: #111;
    text-transform: uppercase;
}

.db4-collection .db4-collection-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #555;
    margin: 0.4rem 0 0 0;
    max-width: 580px;
}

.db4-product {
    min-height: 420px;
    padding: 1.5rem;
}

.db4-product img {
    height: 330px;
    width: 78%;
    object-fit: contain;
    align-self: center;
}

@media (max-width: 900px) {
    .db4-collection h2 {
        white-space: normal;
    }
}

/* DB4 Collection Banner - Centered Brand Gradient CTA */
.db4-all-banner {
    margin: clamp(3rem, 5vw, 4.5rem) auto 0;
    width: calc(100% - (var(--g, 4rem) * 2));
    max-width: 1280px;
    padding: clamp(2.5rem, 4.5vw, 3.5rem) clamp(2rem, 4vw, 4rem);
    border-radius: 1.8rem;
    background: linear-gradient(135deg, #e4f3ef 0%, #f7eae6 50%, #f6f3eb 100%);
    border: 1px solid rgba(104, 170, 154, 0.3);
    box-shadow: 0 16px 40px rgba(26, 96, 96, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.4rem;
    position: relative;
    z-index: 2;
}

.db4-all-banner-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 650px;
}

.db4-all-banner-text .db4-tag {
    font-size: 0.64rem;
    letter-spacing: 0.18em;
    font-weight: 800;
    text-transform: uppercase;
    color: #1a6060;
    margin-bottom: 0.6rem;
}

.db4-all-banner-text h3 {
    font-size: clamp(1.3rem, 2.5vw, 2.1rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: #111111;
    margin: 0;
    text-transform: uppercase;
}

.db4-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 0.4rem;
    padding: 1.1rem 2.8rem;
    background: #111111;
    color: #ffffff !important;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    border-radius: 99px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.db4-all-btn:hover {
    background: #68aa9a;
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(104, 170, 154, 0.45);
}

@media (max-width: 900px) {
    .db4-all-banner {
        width: calc(100% - 2.4rem);
        padding: 2.2rem 1.4rem;
    }
}



/* DB4 Craft Section 04 - Compact & Professional Styling */
.db4-craft {
    min-height: auto;
    padding: clamp(3.5rem, 6vw, 5.5rem) var(--g, 4rem);
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: clamp(3rem, 6vw, 6rem);
    align-items: center;
    position: relative;
    background: #f5f3ee;
    overflow: hidden;
}

.db4-craft-copy {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.db4-craft-copy .db4-tag {
    font-size: 0.62rem;
    letter-spacing: 0.15em;
    font-weight: 800;
    text-transform: uppercase;
    color: #68aa9a;
    margin-bottom: 1rem;
}

.db4-craft h2 {
    font-size: clamp(2.4rem, 4vw, 4.2rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 0.92;
    margin: 0 0 1.2rem 0;
    color: #111;
    text-transform: uppercase;
}

.db4-craft-copy p {
    font-size: 0.92rem;
    line-height: 1.65;
    color: #444;
    max-width: 480px;
    margin: 0 0 1.8rem 0;
}

.db4-craft-copy .db4-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #111;
    color: #fff;
    padding: 0.85rem 1.6rem;
    border-radius: 99px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.25s ease;
}

.db4-craft-copy .db4-btn:hover {
    background: #68aa9a;
    color: #fff;
    transform: translateY(-2px);
}

.db4-craft-media {
    margin: 0;
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.09);
    border: 3px solid #ffffff;
    height: clamp(380px, 48vh, 500px);
}

.db4-craft-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 1.3rem;
}

/* Disabled old db4-land flex rules */
.db4-land-old-flex {
    display: none;
}

/* DB4 Notes Section 07 - Soft Brand Color Gradient Cards Layout */
.db4-notes {
    padding: clamp(4.5rem, 8vw, 7.5rem) var(--g, 4rem);
    background: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.db4-notes-header {
    margin-bottom: clamp(3rem, 5vw, 4.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.6rem;
}

.db4-notes-header .db4-tag {
    font-size: 0.62rem;
    letter-spacing: 0.18em;
    font-weight: 800;
    text-transform: uppercase;
    color: #1a6060;
}

.db4-notes h2 {
    font-size: clamp(2.2rem, 4vw, 4.2rem) !important;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 0.94;
    margin: 0;
    color: #111111;
    text-transform: uppercase;
}

.db4-notes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
}

.db4-note-card {
    position: relative;
    height: clamp(350px, 42vh, 410px);
    border-radius: 1.6rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(1.8rem, 3vw, 2.4rem);
    text-decoration: none !important;
    color: #ffffff !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.db4-note-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 22px 48px rgba(26, 96, 96, 0.22);
}

.db4-card-bg {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 1;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.db4-note-card:hover .db4-card-bg {
    transform: scale(1.08);
}

/* Subtle Brand Turquoise Gradient Overlay - No Box Background */
.db4-card-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(26, 96, 96, 0.35) 60%, rgba(15, 55, 55, 0.92) 100%);
    transition: opacity 0.35s ease;
}

.db4-note-card:hover .db4-card-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 15%, rgba(26, 96, 96, 0.52) 55%, rgba(15, 55, 55, 0.97) 100%);
}

.db4-card-footer {
    position: relative;
    z-index: 3;
    width: 100% !important;
    background: none !important;
    backdrop-filter: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.db4-card-title {
    font-size: clamp(1.1rem, 1.6vw, 1.35rem) !important;
    font-weight: 800 !important;
    line-height: 1.32 !important;
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
    margin: 0 !important;
    text-transform: none !important;
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

@media (max-width: 980px) {
    .db4-notes-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .db4-notes-grid {
        grid-template-columns: 1fr;
    }
}

/* DB4 Close Section 08 - Premium Final CTA Banner */
.db4-close {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: clamp(420px, 48vh, 500px);
    background: #a8d8cc;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.db4-close-media {
    position: relative;
    background: #f6f3eb;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(2rem, 4vw, 3.5rem);
    overflow: hidden;
}

.db4-close-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.85) 0%, rgba(246, 243, 235, 0.35) 75%);
    pointer-events: none;
}

.db4-close-media img {
    position: relative;
    z-index: 2;
    width: auto !important;
    max-width: 82% !important;
    max-height: clamp(260px, 34vh, 340px) !important;
    object-fit: contain !important;
    filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.12));
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.db4-close:hover .db4-close-media img {
    transform: translateY(-6px) scale(1.03);
}

.db4-close-content {
    padding: clamp(3rem, 6vw, 5.5rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: linear-gradient(135deg, #a8d8cc 0%, #8ac7b7 50%, #7db9ab 100%);
    color: #111111;
    position: relative;
}

.db4-close-tag {
    font-size: 0.68rem;
    letter-spacing: 0.22em;
    font-weight: 800;
    text-transform: uppercase;
    color: #1a6060;
    margin-bottom: 1.2rem;
    display: inline-block;
}

.db4-close h2,
.db4-close-title {
    font-size: clamp(2.4rem, 4.6vw, 4.5rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em !important;
    line-height: 0.94 !important;
    margin: 0 0 2rem 0 !important;
    color: #111111 !important;
    text-transform: uppercase !important;
}

.db4-close a,
.db4-close-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 1.1rem 2.6rem;
    background: #111111;
    color: #ffffff !important;
    border-radius: 99px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.db4-close a:hover,
.db4-close-btn:hover {
    background: #ffffff;
    color: #111111 !important;
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25);
}

.db4-hero-brand > p,
.db4-hero-subtag {
    margin: 0.6rem 0 1.5rem !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.16em !important;
    font-weight: 800 !important;
    color: #1a6060 !important;
    text-transform: uppercase !important;
}

/* DB4 Custom Gourmet Products Grid (Exact Match to User Reference - Larger Scale) */
.db4-products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 0 var(--g, 4rem);
}

.db4-product-card {
    min-height: clamp(480px, 52vh, 560px);
    border-radius: 0 !important;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    padding: clamp(2.5rem, 4.5vw, 4rem);
    gap: 2rem;
    box-sizing: border-box;
    transition: transform 0.35s ease;
}

.db4-product-card.img-right {
    grid-template-columns: 0.95fr 1.05fr;
}

.db4-product-card.mint {
    background: #a8d8cc;
}

.db4-product-card.pink {
    background: #f3d0ca;
}

.db4-pcard-media {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.db4-pcard-media img {
    max-height: clamp(300px, 38vh, 410px) !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 18px 24px rgba(0, 0, 0, 0.12));
    transition: transform 0.4s ease;
}

.db4-product-card:hover .db4-pcard-media img {
    transform: scale(1.05);
}

.db4-pcard-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.db4-pcard-text.text-right {
    align-items: flex-end;
    text-align: right;
}

.db4-pcard-text h3 {
    font-size: clamp(1.6rem, 2.5vw, 2.2rem) !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 0.5rem 0 !important;
    line-height: 1.15 !important;
}

.db4-pcard-text h4 {
    font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 0 0.9rem 0 !important;
    line-height: 1.35 !important;
    opacity: 0.9;
}

.db4-pcard-text p {
    font-size: clamp(0.88rem, 1.05vw, 1.02rem) !important;
    line-height: 1.55 !important;
    color: rgba(17, 17, 17, 0.85) !important;
    margin: 0 0 1.6rem 0 !important;
    max-width: 360px;
}

.db4-pcard-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 2.4rem;
    background: #ffffff;
    color: #111111 !important;
    border-radius: 99px;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.db4-pcard-btn:hover {
    background: #111111;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

@media (max-width: 1024px) {
    .db4-products {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        padding: 0 !important;
    }
    .db4-products > .db4-product-card:nth-child(odd) {
        background: #9ad5c6 !important;
    }
    .db4-products > .db4-product-card:nth-child(even) {
        background: #ffeae5 !important;
    }
}

@media (max-width: 768px) {
    .db4-product-card {
        min-height: auto !important;
        border-radius: 0 !important;
        display: grid !important;
        align-items: center !important;
        padding: clamp(1.8rem, 4.5vw, 2.6rem) clamp(1.4rem, 3.8vw, 2.2rem) !important;
        gap: clamp(1.2rem, 3.2vw, 2rem) !important;
        box-sizing: border-box !important;
    }
    .db4-product-card.img-left {
        grid-template-columns: 40% 60% !important;
    }
    .db4-product-card.img-right {
        grid-template-columns: 60% 40% !important;
    }
    .db4-product-card.img-left .db4-pcard-media {
        order: 1 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }
    .db4-product-card.img-left .db4-pcard-text {
        order: 2 !important;
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 0.2rem 0 !important;
    }
    .db4-product-card.img-right .db4-pcard-text {
        order: 1 !important;
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 0.2rem 0 !important;
    }
    .db4-product-card.img-right .db4-pcard-media {
        order: 2 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }
    .db4-pcard-media img {
        max-height: clamp(150px, 32vw, 220px) !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        filter: drop-shadow(0 10px 18px rgba(0,0,0,0.1)) !important;
    }
    .db4-pcard-text h3 {
        font-size: clamp(1.15rem, 3.2vw, 1.45rem) !important;
        font-weight: 800 !important;
        margin: 0 0 0.35rem 0 !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
    }
    .db4-pcard-text p:first-of-type {
        font-size: clamp(0.7rem, 1.9vw, 0.8rem) !important;
        font-weight: 800 !important;
        margin: 0 0 0.45rem 0 !important;
        line-height: 1.25 !important;
        opacity: 0.9 !important;
    }
    .db4-pcard-text p:last-of-type {
        font-size: clamp(0.68rem, 1.8vw, 0.76rem) !important;
        line-height: 1.4 !important;
        color: rgba(17, 17, 17, 0.8) !important;
        margin: 0 0 0.95rem 0 !important;
    }
    .db4-btn {
        padding: 0.55rem 1.15rem !important;
        font-size: clamp(0.65rem, 1.8vw, 0.74rem) !important;
        font-weight: 800 !important;
        border-radius: 999px !important;
    }
    .db4-product-card.reveal-zoom {
        display: flex !important;
        flex-direction: column !important;
        border-radius: 0 !important;
        padding: clamp(1.8rem, 4.5vw, 2.6rem) clamp(1.4rem, 3.8vw, 2.2rem) !important;
        gap: 1.5rem !important;
    }
    .db4-product-card.reveal-zoom > div {
        order: 1 !important;
        width: 100% !important;
    }
    .db4-product-card.reveal-zoom figure {
        order: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        margin: 0.5rem auto 0 !important;
    }
    .db4-product-card.reveal-zoom figure img {
        width: 100% !important;
        max-width: 380px !important;
        height: auto !important;
        max-height: 240px !important;
        object-fit: contain !important;
        transform: none !important;
        display: block !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 480px) {
    .db4-product-card {
        padding: 1.5rem 1.2rem !important;
        gap: 0.9rem !important;
        border-radius: 0 !important;
    }
    .db4-product-card.img-left {
        grid-template-columns: 38% 62% !important;
    }
    .db4-product-card.img-right {
        grid-template-columns: 62% 38% !important;
    }
    .db4-product-card.reveal-zoom {
        display: flex !important;
        flex-direction: column !important;
        padding: 1.5rem 1.2rem !important;
        gap: 1.2rem !important;
        border-radius: 0 !important;
    }
    .db4-pcard-media img {
        max-height: 145px !important;
    }
    .db4-pcard-text h3 {
        font-size: 1.1rem !important;
    }
    .db4-btn {
        padding: 0.48rem 0.95rem !important;
        font-size: 0.64rem !important;
    }
}

.tienda-intro-header {
    padding-top: calc(var(--i2-header-h, 70px) + 2rem) !important;
}

@media (max-width: 900px) {
    .tienda-intro-header {
        padding-top: calc(var(--i2-header-h, 70px) + 0.8rem) !important;
        padding-bottom: 0.8rem !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media (max-width: 480px) {
    .tienda-intro-header {
        padding-top: calc(var(--i2-header-h, 66px) + 0.4rem) !important;
        padding-bottom: 0.4rem !important;
        padding-left: 0.6rem !important;
        padding-right: 0.6rem !important;
    }
}

/* DB4 Section 05 Paisaje Vivo - Crisp White Background & Dark Typography */
.db4-land {
    padding: clamp(4rem, 7vw, 7rem) var(--g, 4rem) !important;
    background: #ffffff !important;
    min-height: auto !important;
    height: auto !important;
    display: block !important;
}

.db4-land-container {
    display: grid !important;
    grid-template-columns: 0.95fr 1.05fr !important;
    gap: clamp(3rem, 6vw, 6rem) !important;
    align-items: center !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

.db4-land-media {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.db4-land-media img {
    width: 100% !important;
    height: clamp(360px, 48vh, 480px) !important;
    object-fit: cover !important;
    border-radius: 1.8rem !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.5s ease !important;
    display: block !important;
}

.db4-land-media:hover img {
    transform: scale(1.02) !important;
}

.db4-land-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 0 !important;
    max-width: 100% !important;
    position: relative !important;
}

.db4-land-content .db4-tag {
    font-size: 0.62rem !important;
    letter-spacing: 0.16em !important;
    font-weight: 800 !important;
    color: #4a8b7c !important;
    text-transform: uppercase !important;
    margin-bottom: 1.2rem !important;
    display: inline-block !important;
}

.db4-land-content h2 {
    font-size: clamp(2.4rem, 4vw, 4.2rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 1.4rem 0 !important;
    text-transform: uppercase !important;
}

.db4-land-content p {
    font-size: clamp(0.92rem, 1.15vw, 1.08rem) !important;
    line-height: 1.65 !important;
    color: rgba(17, 17, 17, 0.78) !important;
    margin: 0 0 2rem 0 !important;
    max-width: 500px !important;
}

.db4-land-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 0.85rem 2.4rem !important;
    background: #111111 !important;
    color: #ffffff !important;
    border-radius: 99px !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14) !important;
    transition: all 0.3s ease !important;
}

.db4-land-btn:hover {
    background: #4a8b7c !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(74, 139, 124, 0.35) !important;
}

@media (max-width: 900px) {
    .db4-land {
        padding: 3.5rem 1.2rem !important;
    }
    .db4-land-container {
        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }
    .db4-land-media img {
        height: 320px !important;
    }
    .db4-land-content {
        align-items: center !important;
        text-align: center !important;
    }
    .db4-land-content p {
        max-width: 100% !important;
    }
}


/* High-End Luxury Popover Menu Design System */
.atlas-nav-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.22) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    z-index: 98 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.35s ease !important;
}

body.menu-open .atlas-nav-backdrop {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.atlas-nav {
    position: absolute !important;
    top: calc(70px + 10px) !important;
    right: var(--g, 1.5rem) !important;
    bottom: auto !important;
    left: auto !important;
    width: 330px !important;
    max-width: calc(100vw - 2rem) !important;
    height: auto !important;
    max-height: calc(100vh - 95px) !important;
    overflow-y: auto !important;
    z-index: 99 !important;
    background: #ffffff !important;
    border-radius: 1.4rem !important;
    box-shadow: 0 24px 60px -10px rgba(0, 0, 0, 0.18), 0 0 1px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    padding: 1.6rem 1.6rem 1.4rem !important;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    transform-origin: top right !important;
    opacity: 0 !important;
    transform: translateY(-12px) scale(0.95) !important;
    pointer-events: none !important;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.menu-open .atlas-nav {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
}

.atlas-nav-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.8rem !important;
}

.nav-brand-tag {
    font-size: 0.58rem !important;
    letter-spacing: 0.18em !important;
    font-weight: 800 !important;
    color: #999990 !important;
    text-transform: uppercase !important;
    margin-bottom: 0.4rem !important;
    padding-left: 0.2rem !important;
}

.nav-primary {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.2rem !important;
}

.nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    transition: background 0.2s ease !important;
}

.nav-item:last-child {
    border-bottom: none !important;
}

.nav-item-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.6rem 0.5rem !important;
    margin: 0 -0.5rem !important;
    border-radius: 0.6rem !important;
    transition: background 0.2s ease !important;
}

.nav-item-header:hover {
    background: rgba(0, 0, 0, 0.025) !important;
}

.nav-item-header a {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    color: #111111 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    border-bottom: none !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.nav-item-header a:hover {
    color: #4a8b7c !important;
}

.nav-item-header small {
    font-size: 0.58rem !important;
    letter-spacing: 0.08em !important;
    color: #4a8b7c !important;
    background: rgba(74, 139, 124, 0.1) !important;
    padding: 0.15rem 0.45rem !important;
    border-radius: 99px !important;
    font-weight: 800 !important;
    font-family: monospace, sans-serif !important;
}

.sub-toggle {
    background: rgba(0, 0, 0, 0.04) !important;
    border: none !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    color: #666666 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.sub-toggle:hover {
    background: rgba(74, 139, 124, 0.15) !important;
    color: #4a8b7c !important;
}

.nav-item.sub-open .sub-toggle {
    transform: rotate(180deg) !important;
    background: #4a8b7c !important;
    color: #ffffff !important;
}

.nav-sub {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
    opacity: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
    border-left: 2px solid rgba(74, 139, 124, 0.25) !important;
    margin-left: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.nav-item.sub-open .nav-sub {
    max-height: 600px !important;
    opacity: 1 !important;
    padding-bottom: 0.7rem !important;
    padding-top: 0.4rem !important;
}

.nav-sub a {
    font-size: 0.83rem !important;
    color: #444440 !important;
    font-weight: 500 !important;
    padding: 0.38rem 0.55rem !important;
    border-radius: 0.5rem !important;
    border-bottom: none !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    transition: all 0.22s ease !important;
}

.nav-sub a::before {
    content: "" !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #4a8b7c !important;
    opacity: 0.45 !important;
    flex-shrink: 0 !important;
    transition: all 0.22s ease !important;
}

.nav-sub a:hover {
    color: #1a6060 !important;
    font-weight: 700 !important;
    background: rgba(74, 139, 124, 0.08) !important;
    transform: translateX(4px) !important;
}

.nav-sub a:hover::before {
    opacity: 1 !important;
    transform: scale(1.4) !important;
    background: #1a6060 !important;
}


.nav-secondary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    margin-top: 0.6rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.nav-secondary a {
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #666660 !important;
    transition: color 0.2s ease !important;
    text-decoration: none !important;
}

.nav-secondary a:hover {
    color: #111111 !important;
}

@media (max-width: 600px) {
    .atlas-nav {
        right: 1rem !important;
        width: calc(100vw - 2rem) !important;
    }
}

/* Custom Tienda Layout & Interactive FAQ Styles */
.inner-tienda-custom {
    padding: 0 !important;
}

.inner-tienda-custom .inner-body {
    display: block !important;
    grid-template-columns: none !important;
    max-width: 100% !important;
    padding-left: var(--g, 2.5rem) !important;
    padding-right: var(--g, 2.5rem) !important;
    padding-top: 4rem !important;
    padding-bottom: 6rem !important;
}.tienda-hero-custom {
    padding-top: calc(70px + 3rem) !important;
    padding-bottom: 3.5rem !important;
    padding-left: var(--g, 2.5rem) !important;
    padding-right: var(--g, 2.5rem) !important;
    background: #f6f3eb !important;
    position: relative !important;
    width: 100% !important;
}


.tienda-hero-grid {
    max-width: 100% !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 0.9fr 1.1fr !important;
    gap: clamp(2rem, 4vw, 4.5rem) !important;
    align-items: center !important;
}

.tienda-hero-content h1 {
    font-size: clamp(1.4rem, 2.2vw, 2.4rem) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    color: #111111 !important;
    margin: 0 0 0.8rem !important;
}

.tienda-hero-media {
    margin: 0 !important;
    border-radius: 1.8rem !important;
    overflow: hidden !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.07) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    background: #ffffff !important;
    padding: 0.8rem !important;
    height: 100% !important;
    min-height: 360px !important;
    max-height: 420px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}


.tienda-hero-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 1.2rem !important;
    display: block !important;
}

.faq-card-item {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 1.2rem !important;
    padding: 1.4rem 1.6rem !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

.faq-card-item[open] {
    border-color: rgba(74, 139, 124, 0.4) !important;
    box-shadow: 0 8px 25px rgba(74, 139, 124, 0.08) !important;
}

.faq-card-item summary {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    cursor: pointer !important;
    list-style: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 1rem !important;
}

.faq-card-item summary::-webkit-details-marker {
    display: none !important;
}

.faq-badge-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: rgba(74, 139, 124, 0.12) !important;
    color: #4a8b7c !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    flex-shrink: 0 !important;
    transition: background 0.3s ease, color 0.3s ease !important;
}

.faq-card-item[open] .faq-badge-icon {
    background: #4a8b7c !important;
    color: #ffffff !important;
}

@media (max-width: 950px) {
    .tienda-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }
    .tienda-hero-media {
        min-height: 300px !important;
        max-height: 380px !important;
    }
    .shop-faq-section {
        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
        padding: 3rem 1.5rem !important;
    }
    .shop-value-section,
    .shop-formats-section {
        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
        padding: 2.5rem 1.5rem !important;
    }
}

/* ==========================================================================
   PROFESSIONAL ANIMATIONS & SCROLL REVEAL SYSTEM
   ========================================================================== */

/* Keyframe Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(60px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes zoomInSoft {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(30px);
        filter: blur(8px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0);
    }
}

.animate-fade-in {
    opacity: 0;
    animation: fadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.animate-fade-up {
    opacity: 0;
    animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.animate-scale-in {
    opacity: 0;
    animation: zoomInSoft 1.2s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Scroll reveal classes */
.reveal, .reveal-on-scroll, .reveal-from-bottom {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1), filter 1.1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform, filter;
}

.reveal-from-left {
    opacity: 0;
    transform: translateX(-60px);
    transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-from-right {
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-from-top {
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-zoom {
    opacity: 0;
    transform: scale(0.90);
    filter: blur(8px);
    transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1), filter 1.1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform, filter;
}

.reveal.is-visible, .reveal.in,
.reveal-on-scroll.is-visible, .reveal-on-scroll.in,
.reveal-from-bottom.is-visible, .reveal-from-bottom.in,
.reveal-from-left.is-visible, .reveal-from-left.in,
.reveal-from-right.is-visible, .reveal-from-right.in,
.reveal-from-top.is-visible, .reveal-from-top.in,
.reveal-zoom.is-visible, .reveal-zoom.in {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
    filter: blur(0) !important;
}

/* Stagger Delays */
.delay-1 { transition-delay: 0.15s !important; animation-delay: 0.15s !important; }
.delay-2 { transition-delay: 0.30s !important; animation-delay: 0.30s !important; }
.delay-3 { transition-delay: 0.45s !important; animation-delay: 0.45s !important; }
.delay-4 { transition-delay: 0.60s !important; animation-delay: 0.60s !important; }
.delay-5 { transition-delay: 0.75s !important; animation-delay: 0.75s !important; }

/* Interactive Hover Animations for Home Index & Cards */
.db4-pcard-media img,
.db4-origin-media img,
.db4-craft-media img,
.db4-land-media img {
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), filter 0.7s ease !important;
}

.db4-product-card:hover .db4-pcard-media img,
.db4-origin:hover .db4-origin-media img,
.db4-craft:hover .db4-craft-media img,
.db4-land:hover .db4-land-media img {
    transform: scale(1.05) !important;
}

.db4-code-card {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease !important;
}

.db4-code-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.06) !important;
}

.db4-btn, .db4-land-btn, .db4-pcard-btn {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important;
}

.db4-btn:hover, .db4-land-btn:hover, .db4-pcard-btn:hover {
    transform: translateY(-3px) scale(1.02) !important;
}

.db-product-card {
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease !important;
}

.db-product-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08) !important;
}

.db-product-card:hover .db-card-image {
    transform: scale(1.06) !important;
}

.btn-add-cart, .btn-product-details {
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

.btn-add-cart:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 20px rgba(123, 220, 181, 0.4) !important;
}

.btn-product-details:hover {
    transform: translateY(-2px) !important;
    background: rgba(123, 220, 181, 0.12) !important;
}

.shop-brand-banner, .shop-value-section, .shop-formats-section, .shop-faq-section {
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

.shop-brand-banner:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 40px rgba(123, 220, 181, 0.2) !important;
}



/* Product Card Hover & Micro-interactions */
.db-product-card {
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease !important;
}

.db-product-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08) !important;
}

.db-product-card:hover .db-card-image {
    transform: scale(1.06) !important;
}

.btn-add-cart, .btn-product-details {
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

.btn-add-cart:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 20px rgba(123, 220, 181, 0.4) !important;
}

.btn-product-details:hover {
    transform: translateY(-2px) !important;
    background: rgba(123, 220, 181, 0.12) !important;
}

.shop-brand-banner, .shop-value-section, .shop-formats-section, .shop-faq-section {
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

/* ==========================================================================
   AJUSTE DE ALTURA Y MAQUETACIÓN DE HEADER HERO
   ========================================================================== */

.inner-hero {
    min-height: 380px !important;
    max-height: 440px !important;
    padding: 2.5rem var(--g, 3rem) !important;
    align-items: center !important;
    gap: 3rem !important;
}

.inner-heading {
    padding: 1rem 0 !important;
    justify-content: center !important;
}

.inner-heading h1 {
    font-family: Object, Arial, sans-serif !important;
    font-size: clamp(2.8rem, 3.8vw, 3.2rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    margin: 0.8rem 0 0.6rem !important;
    text-wrap: balance !important;
}

.inner-hero figure {
    height: 320px !important;
    border-radius: 1.5rem !important;
    overflow: hidden !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08) !important;
}

.inner-hero figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

@media (max-width: 900px) {
    .inner-hero {
        min-height: auto !important;
        max-height: none !important;
        padding: 2rem 1.2rem !important;
    }
    .inner-hero figure {
        height: 250px !important;
    }
}


/* ==========================================================================
   ENTORNO 2-COLUMN PAGE GRID WITH INTERNAL HORIZONTAL SPLIT CARDS
   ========================================================================== */

.entorno-page-grid-2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.8rem !important;
    width: 100% !important;
    margin-bottom: 3.5rem !important;
}

.entorno-split-card {
    border-radius: 1.6rem !important;
    padding: clamp(1.4rem, 2.5vw, 1.8rem) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    width: 100% !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.entorno-split-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08) !important;
}

.entorno-split-card.mint-card {
    background: linear-gradient(160deg, #ffffff 0%, #e8f7f0 100%) !important;
    border: 1px solid rgba(123, 220, 181, 0.2) !important;
}

.entorno-split-card.pink-card {
    background: linear-gradient(160deg, #ffffff 0%, #fce8f3 100%) !important;
    border: 1px solid rgba(255, 206, 236, 0.3) !important;
}

.entorno-card-head {
    margin-bottom: 1rem !important;
}

.entorno-card-head .card-tag {
    font-size: 0.54rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    font-weight: 800 !important;
    padding: 0.22rem 0.55rem !important;
    border-radius: 99px !important;
    display: inline-block !important;
    margin-bottom: 0.5rem !important;
}

.mint-card .card-tag {
    color: #5cbf9a !important;
    background: rgba(123, 220, 181, 0.14) !important;
}

.pink-card .card-tag {
    color: #d4829f !important;
    background: rgba(255, 206, 236, 0.3) !important;
}

.entorno-card-head h3 {
    font-size: clamp(1.05rem, 1.4vw, 1.25rem) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    color: #111111 !important;
    margin: 0 !important;
    overflow-wrap: break-word !important;
}

.entorno-card-body-split {
    display: grid !important;
    grid-template-columns: 1.1fr 0.9fr !important;
    gap: 1.2rem !important;
    align-items: center !important;
    width: 100% !important;
}

.entorno-card-body-split.reverse-split {
    grid-template-columns: 0.9fr 1.1fr !important;
}

.entorno-card-info p {
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
    color: rgba(17, 17, 17, 0.78) !important;
    margin: 0 0 0.9rem 0 !important;
}

.entorno-card-thumb {
    margin: 0 !important;
    width: 100% !important;
    height: 190px !important;
    border-radius: 1.1rem !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
}

.entorno-card-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.4s ease !important;
}

.entorno-split-card:hover .entorno-card-thumb img {
    transform: scale(1.05) !important;
}

@media (max-width: 1100px) {
    .entorno-page-grid-2 {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
}

@media (max-width: 580px) {
    .entorno-card-body-split,
    .entorno-card-body-split.reverse-split {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    .entorno-card-thumb {
        height: 200px !important;
    }
}

.entorno-card-text h3 {
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    color: #111111 !important;
    margin: 0.4rem 0 0.8rem !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

.entorno-card-text p {
    font-size: 0.9rem !important;
    line-height: 1.65 !important;
    color: rgba(17, 17, 17, 0.78) !important;
    margin-bottom: 1.2rem !important;
}

.entorno-card-media {
    margin: 0 !important;
    width: 100% !important;
    height: 340px !important;
    border-radius: 1.4rem !important;
    overflow: hidden !important;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.08) !important;
}

.entorno-card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.entorno-stats-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.8rem !important;
    margin-bottom: 1.4rem !important;
    border-top: 1px solid rgba(123, 220, 181, 0.25) !important;
    padding-top: 0.9rem !important;
}

.entorno-stats-row b {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #5cbf9a !important;
    display: block !important;
    line-height: 1 !important;
}

.entorno-stats-row span {
    font-size: 0.62rem !important;
    color: #666660 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-top: 0.2rem !important;
}

@media (max-width: 880px) {
    .entorno-hero-grid,
    .entorno-card-inner {
        grid-template-columns: 1fr !important;
        gap: 1.8rem !important;
    }
    .entorno-card-media {
        height: 260px !important;
    }
}

/* Layout Global Unificado para Plantillas de la Sección Entorno */
.db-entorno-single-body,
.inner-landscape .db-entorno-single-body,
.inner-body.db-entorno-single-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 4vw !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: clamp(3rem, 5vw, 5rem) var(--g, 2.5rem) !important;
    box-sizing: border-box !important;
}

.db-entorno-single-body article,
.inner-landscape .db-entorno-single-body article {
    width: 100% !important;
    max-width: 900px !important;
    box-sizing: border-box !important;
}

.db-entorno-single-body aside,
.inner-landscape .db-entorno-single-body aside {
    display: block !important;
    align-self: start !important;
    box-sizing: border-box !important;
}

.db-sidebar-card {
    background: #fdfaf6 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 1.6rem !important;
    padding: 2.2rem 2rem !important;
    margin-bottom: 2rem !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.015) !important;
    position: relative !important;
    overflow: hidden !important;
}

.db-sidebar-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 4px !important;
    height: 100% !important;
    background: #5cbf9a !important;
}

.db-sidebar-sticky {
    position: sticky !important;
    top: 110px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.9rem !important;
    background: #ffffff !important;
    padding: 2.2rem !important;
    border-radius: 1.6rem !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.015) !important;
}

.db-sidebar-sticky b {
    font-size: 0.6rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.16em !important;
    font-weight: 800 !important;
    margin-bottom: 0.8rem !important;
    display: block !important;
    color: #5cbf9a !important;
}

.db-sidebar-sticky a {
    font-size: 0.72rem !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    color: var(--ink, #121210) !important;
    opacity: 0.55 !important;
    transition: all 0.25s ease !important;
    padding-left: 0.8rem !important;
    border-left: 2px solid transparent !important;
    display: block !important;
}

.db-sidebar-sticky a:hover { opacity: 0.85 !important; }
.db-sidebar-sticky a.active {
    font-weight: 800 !important;
    opacity: 1 !important;
    border-left: 2px solid #5cbf9a !important;
}

.db-entorno-single-body article p,
.db-entorno-single-body article li,
.db-entorno-single-body article h2,
.db-entorno-single-body article h3,
.db-entorno-single-body article ul,
.db-entorno-single-body article table,
.db-entorno-single-body article .split-layout,
.db-entorno-single-body article .section-split {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.db-entorno-single-body article > p:first-of-type {
    font-size: 1.15rem !important;
    line-height: 1.75 !important;
    margin-bottom: 2.2rem !important;
}

.db-entorno-single-body article .split-layout,
.db-entorno-single-body article .section-split {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 3.5rem !important;
    box-sizing: border-box !important;
    gap: 2rem !important;
}

.db-entorno-single-body article .split-layout .split-text,
.db-entorno-single-body article .section-split > div {
    width: 100% !important;
    max-width: 100% !important;
}

.db-entorno-single-body article .split-layout figure,
.db-entorno-single-body article .section-split figure {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 380px !important;
    border-radius: 1.5rem !important;
    overflow: hidden !important;
}

.db-entorno-single-body article .split-layout img,
.db-entorno-single-body article .section-split img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 1.5rem !important;
    display: block !important;
}

@media (max-width: 950px) {
    .db-entorno-single-body,
    .inner-landscape .db-entorno-single-body,
    .inner-body.db-entorno-single-body {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   ESTANDARIZACIÓN GLOBAL DE MIGAS DE PAN (BREADCRUMBS)
   ========================================================================== */
.db-faq-breadcrumbs,
.db-product-breadcrumbs,
.db-cart-breadcrumbs,
.tienda-breadcrumbs,
.contact-breadcrumbs,
.contact-breadcrumbs-centered,
.inner-heading nav,
nav[aria-label="Breadcrumbs"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.35rem 0.55rem !important;
    font-size: clamp(0.58rem, 1.8vw, 0.68rem) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.db-faq-breadcrumbs a,
.db-faq-breadcrumbs span,
.db-product-breadcrumbs a,
.db-product-breadcrumbs span,
.db-cart-breadcrumbs a,
.db-cart-breadcrumbs span,
.tienda-breadcrumbs a,
.tienda-breadcrumbs span,
.contact-breadcrumbs a,
.contact-breadcrumbs span,
.contact-breadcrumbs-centered a,
.contact-breadcrumbs-centered span,
.inner-heading nav a,
.inner-heading nav span,
nav[aria-label="Breadcrumbs"] a,
nav[aria-label="Breadcrumbs"] span {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Header Sticky / Fixed Global */
.i2-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

@media (max-width: 991px) {
    .i2-header {
        height: 64px !important;
        padding: 0 12px !important;
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
        column-gap: 6px !important;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .i2-header-left {
        display: flex !important;
        align-items: center !important;
        justify-self: start !important;
        flex: none !important;
        min-width: 0 !important;
    }
    .i2-header-left .i2-btn-shop-mobile {
        font-size: 0.58rem !important;
        letter-spacing: 0.12em !important;
        padding: 0.2rem 0 !important;
        white-space: nowrap !important;
        background: transparent !important;
        color: #121210 !important;
    }
    .i2-logo {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-self: center !important;
        margin: 0 auto !important;
        padding: 0 4px !important;
        min-width: 0 !important;
    }
    .i2-logo-img {
        height: auto !important;
        max-height: 20px !important;
        max-width: clamp(70px, 22vw, 105px) !important;
        object-fit: contain !important;
    }
    .i2-logo-subtitle {
        font-size: clamp(0.38rem, 1.3vw, 0.46rem) !important;
        letter-spacing: 0.12em !important;
    }
    .i2-header-right {
        display: flex !important;
        align-items: center !important;
        justify-self: end !important;
        gap: clamp(4px, 1.5vw, 7px) !important;
        flex: none !important;
        flex-shrink: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .i2-header-right .i2-btn-shop-desktop {
        display: none !important;
    }
    .i2-header-right .i2-lang-toggle {
        font-size: clamp(0.56rem, 1.5vw, 0.65rem) !important;
        padding: 2px 4px !important;
        gap: 1px !important;
        flex-shrink: 0 !important;
    }
    .i2-bag {
        width: 20px !important;
        height: 20px !important;
        flex-shrink: 0 !important;
    }
    .i2-bag svg {
        width: 18px !important;
        height: 18px !important;
    }
    .i2-menu-btn {
        width: 18px !important;
        height: 12px !important;
        flex-shrink: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 480px) {
    .i2-header {
        height: 60px !important;
        padding: 0 8px !important;
        column-gap: 4px !important;
    }
    .i2-header-left .i2-btn-shop-mobile {
        font-size: 0.50rem !important;
        letter-spacing: 0.08em !important;
    }
    .i2-logo-img {
        max-height: 17px !important;
        max-width: clamp(65px, 20vw, 85px) !important;
    }
    .i2-logo-subtitle {
        font-size: 0.40rem !important;
        letter-spacing: 0.10em !important;
    }
    .i2-header-right {
        gap: 4px !important;
    }
    .i2-header-right .i2-lang-toggle {
        font-size: 0.56rem !important;
        padding: 1px 3px !important;
    }
    .i2-bag {
        width: 18px !important;
        height: 18px !important;
    }
    .i2-bag svg {
        width: 16px !important;
        height: 16px !important;
    }
    .i2-menu-btn {
        width: 17px !important;
        height: 12px !important;
    }
}

@media (max-width: 360px) {
    .i2-header {
        padding: 0 5px !important;
        column-gap: 3px !important;
    }
    .i2-header-left .i2-btn-shop-mobile {
        font-size: 0.44rem !important;
        letter-spacing: 0.04em !important;
    }
    .i2-logo-img {
        max-height: 15px !important;
        max-width: 70px !important;
    }
    .i2-logo-subtitle {
        display: none !important;
    }
    .i2-header-right {
        gap: 3px !important;
    }
    .i2-header-right .i2-lang-toggle {
        font-size: 0.52rem !important;
        padding: 1px 2px !important;
    }
    .i2-bag {
        width: 16px !important;
        height: 16px !important;
    }
    .i2-bag svg {
        width: 14px !important;
        height: 14px !important;
    }
    .i2-menu-btn {
        width: 15px !important;
        height: 10px !important;
    }
}

/* ==========================================================================
   BOTÓN STICKY / FLOTANTE "VOLVER ARRIBA" (BACK TO TOP) - ALTA GAMA EDITORIAL
   ========================================================================== */
.db-back-to-top {
    position: fixed !important;
    bottom: 32px !important;
    right: 32px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    color: var(--i2-ink, #121210) !important;
    border: 1px solid rgba(18, 18, 16, 0.85) !important;
    box-shadow: 0 4px 16px rgba(18, 18, 16, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 99990 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(12px) scale(0.9) !important;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
    padding: 0 !important;
    user-select: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.db-back-to-top.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

.db-back-to-top:hover {
    background-color: var(--i2-ink, #121210) !important;
    color: #ffffff !important;
    border-color: var(--i2-ink, #121210) !important;
    transform: translateY(-3px) scale(1.04) !important;
    box-shadow: 0 8px 24px rgba(18, 18, 16, 0.22) !important;
}

.db-back-to-top svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    stroke: currentColor !important;
    transition: transform 0.25s ease !important;
}

.db-back-to-top:hover svg {
    transform: translateY(-2px) !important;
}

@media (max-width: 768px) {
    .db-back-to-top {
        bottom: 24px !important;
        right: 24px !important;
        width: 38px !important;
        height: 38px !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1) !important;
    }
    .db-back-to-top svg {
        width: 14px !important;
        height: 14px !important;
    }
}

@media (max-width: 480px) {
    .db-back-to-top {
        bottom: 20px !important;
        right: 20px !important;
        width: 36px !important;
        height: 36px !important;
    }
    .db-back-to-top svg {
        width: 13px !important;
        height: 13px !important;
    }
}