/* WiseNatura · monochrome textile identity */
:root{--brand:#171717;--brand-strong:#141414;--brand-light:#dedede;--brand-tint:#f4f4f2;--brand-line:#dadad7;--ink:#181818;--ink-muted:#646464;--line:#dededc;--surface-alt:#f9f9f8;--wa:#202020;--wa-strong:#202020;--wa-dark:#090909;--card-shadow:0 0 0 transparent;--font-sans:"Helvetica Neue",Arial,sans-serif;--bs-link-color:#151515;--bs-link-hover-color:#454545;--bs-light-rgb:247,247,245;--bs-secondary-bg-rgb:244,244,242;--serif:Georgia,"Times New Roman",serif}
::selection{background:#222;color:#fff} .container{width:91.7%;max-width:1560px;padding-left:0;padding-right:0}
h1,h2{font-family:var(--serif);font-weight:400!important;letter-spacing:-.042em;text-wrap:balance}
h1.fs44{font-size:clamp(42px,4.7vw,76px);line-height:1.05}h2.fs32{font-size:clamp(32px,3.35vw,52px);line-height:1.08}
p{color:inherit} main p{max-width:79ch}main .text-center>p{margin-left:auto;margin-right:auto}img{object-fit:cover}
header.z-3{z-index:500!important;border-bottom-color:#d9d9d6!important;padding:0!important}
header .row{height:76px;--bs-gutter-y:0;--bs-gutter-x:0}
header .brand-sign,.offcanvas .brand-sign,footer .brand-sign{flex-shrink:0;gap:8px}
.brand-sign img{margin:0!important;width:37px!important;height:37px!important;object-fit:contain}
.brand-sign div{font-family:var(--serif);font-size:30px;line-height:1;letter-spacing:-.065em;font-weight:500!important;color:inherit}
.header-menu .header-menu-ul{gap:clamp(3px,1vw,22px)}
.header-menu .header-menu-ul>li>a{font-size:13px;line-height:1.4;letter-spacing:.005em;font-weight:500;padding:18px 5px}
.header-menu .header-menu-ul li.has-submenu>a:after{width:5px;height:5px;border-width:1px;margin-left:9px}
.header-menu .header-menu-ul li .sub-menu{width:230px;border-radius:0;border:1px solid #dadad7;padding:6px;box-shadow:0 8px 14px #0001;text-align:left}
.header-menu .header-menu-ul li .sub-menu li a{border-radius:0;line-height:1.3}
header a.header-contact{display:inline-flex!important;align-items:center;justify-content:center;gap:20px;padding:10px 17px!important;border-radius:0!important;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1.4!important}
.header-contact:after,.hero-primary:after,.home-content .wn-collections .swiper-slide a:after{content:"↗";font:16px/1 Arial}
.eyebrow,.hero-kicker,.hero-folio,.item-num,.step-index,.section-link,.hero-materials,.fact-value+h3,.wn-process .step-index{font:600 10px/1.4 var(--font-sans);letter-spacing:.17em;text-transform:uppercase}
.eyebrow,.hero-kicker{margin-bottom:19px!important}
.home-content .wn-hero{background:#101010!important;padding:0!important;color:#fff;isolation:isolate}
.wn-hero picture{height:clamp(490px,37.9vw,640px);display:block;background:#101010;position:relative;z-index:-1}
.wn-hero picture:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(8,8,8,.96) 0%,rgba(8,8,8,.86) 23%,rgba(8,8,8,.43) 45%,transparent 67%)}
.wn-hero picture img{width:100%;height:100%;object-position:center 51%;display:block}
.wn-hero .container>div{padding-top:0!important;padding-bottom:0!important;align-items:center!important}
.wn-hero .col-md-6{width:min(740px,70%)} .wn-hero .text-md-start{text-align:left!important}
.wn-hero h1{font-size:clamp(64px,5.8vw,101px);line-height:.99;letter-spacing:-.058em;color:white;margin:0 0 20px!important;text-wrap:initial}
.wn-hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.062em}
.hero-kicker{display:flex;align-items:center;gap:12px;color:#f4f4f4;font-size:10px;letter-spacing:.21em;margin:0 0 24px!important}
.hero-kicker span{width:29px;height:1px;background:#d9d9d9}
.wn-hero h1+p{font:400 clamp(14px,1.12vw,18px)/1.6 var(--font-sans);max-width:425px;margin:0 0 12px!important;color:#efefef}
.hero-materials{display:flex;gap:0;flex-wrap:wrap;color:#d2d2d2;margin:0!important;font-size:9px;letter-spacing:.11em}
.hero-materials li+li:before{content:"/";margin:0 8px;color:#929292}
.wn-hero .site-cta-group{justify-content:flex-start!important;margin-top:28px!important;gap:18px}
.wn-hero .site-cta{font-size:13px;line-height:1.2;min-height:45px;display:inline-flex;align-items:center;font-weight:550;border-radius:0!important;gap:16px;padding:12px 19px!important}
.wn-hero .hero-primary{background:#fff!important;color:#111!important}.wn-hero .hero-primary:hover{background:#ececea!important}
.wn-hero .hero-secondary{background:transparent!important;padding:8px 0!important;border-bottom:1px solid #aaa;color:white;min-height:0;align-self:center}
.hero-folio{position:absolute;right:4.2%;bottom:23px;display:flex;align-items:center;gap:9px;color:white;text-shadow:0 1px 5px #000;letter-spacing:.16em;font-size:9px}.folio-cross{font-size:18px;font-weight:400}
.wn-benefits{padding:0!important;border-bottom:1px solid var(--line);background:#f7f7f5}
.wn-benefits>.container>.col-lg-9{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.wn-benefits .height600{height:auto!important}
.wn-benefits .swiper{padding:21px 0 22px!important}
.wn-benefits .swiper-slide{border-left:1px solid #d1d1ce;padding-left:20px;height:auto;min-height:65px}.wn-benefits .swiper-slide:first-child{border-left:0;padding-left:0}
.wn-benefits .swiper-slide>div{text-align:left!important;padding:0!important}
.fact-value{display:block;font:400 clamp(22px,2.15vw,33px)/1.1 var(--serif);letter-spacing:-.045em}
.fact-value+h3{font-size:9px;letter-spacing:.12em;font-weight:600!important;margin:6px 0 3px!important}
.wn-benefits .swiper-slide p{font-size:11px;line-height:1.45;color:#565656;max-width:32ch;margin:0}
.wn-benefits .swiper-pagination{position:static;margin:3px 0 -10px;line-height:7px}.wn-benefits .swiper-pagination-bullet{width:5px;height:5px}
.wn-collections{background:white!important;padding:clamp(42px,5vw,86px) 0!important}
.wn-collections>.container>.text-center{position:relative;text-align:left!important;margin-bottom:24px!important}
.wn-collections .eyebrow{margin:0 0 12px!important;color:#646464;font-size:9px}
.wn-collections h2{margin-bottom:8px!important}.wn-collections h2+p{color:#656565;font-size:14px;margin:0!important}
.section-link{position:absolute;bottom:4px;right:0;font-size:10px;letter-spacing:.09em;border-bottom:1px solid #222;padding-bottom:6px}.section-link span{margin-left:8px}
.wn-collections .swiper-slide .bg-white{padding:0!important;text-align:left!important;border:0;position:relative}
.wn-collections img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:0!important;margin:0 0 14px!important}
.wn-collections .item-num{font-size:9px;color:#666;margin:0 0 6px}.wn-collections h3{font:400 29px/1.2 var(--serif)!important;letter-spacing:-.04em;margin:0 0 6px!important}
.wn-collections .swiper-slide p{font-size:14px;color:#565656;margin-bottom:12px!important}
.wn-collections .swiper-slide a{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;border-bottom:1px solid currentColor; padding-bottom:3px}
.wn-collections .swiper-slide a:before{content:"";position:absolute;inset:0}
.wn-process .step-index{font:italic 34px var(--serif);display:inline-block;margin-bottom:12px;letter-spacing:-.04em}
.home-content .wn-process .swiper-slide>div{text-align:left!important;border-top:1px solid #222}
.home-content .py80 .site-cta,main .site-cta{border-radius:0!important;font-size:14px}
main .rounded-3,main .rounded-4,main .rounded-2{border-radius:0!important}
main .rounded-circle{border-radius:50%}
main .swiper-slide a:focus-visible, main a:focus-visible, header a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
footer{--ink:#fff;background:#121212!important} footer .brand-sign img{width:30px!important;height:30px!important}
footer .fs22{letter-spacing:.13em;font-size:11px;text-transform:uppercase}
footer .mbli15 a{font-size:13px;color:#e9e9e9}
footer .footer-legal{border-top:1px solid #3a3a3a;padding-top:20px;color:#c2c2c2;font-size:12px}.float-btn{background:#171717;color:#fff;box-shadow:none;border:1px solid #747474;bottom:18px;right:16px}.float-btn__icon{background:#171717;color:white}.float-btn__text small{color:white}
@media(min-width:992px) and (max-width:1199px){.header-menu .header-menu-ul{gap:2px}.header-menu .header-menu-ul>li>a{font-size:12px;padding-right:5px;padding-left:5px}.brand-sign div{font-size:26px}.brand-sign img{width:30px!important;height:30px!important}}
@media(max-width:991.98px){header .row{height:67px} header .brand-sign div{font-size:28px}.wn-hero .col-md-6{width:80%}.wn-hero picture{height:480px}.wn-benefits .swiper-slide{padding-left:12px}footer .bxs992{display:block!important}.wn-benefits .swiper-slide p{font-size:11px}}
@media(max-width:767.98px){.container{width:89%}header .row{height:64px}header button.cxs992{margin-right:12px!important}.brand-sign img{width:27px!important;height:27px!important}.brand-sign div,header .brand-sign div{font-size:25px}.brand-sign{gap:4px!important}header a.header-contact{font-size:11px;padding:9px 12px!important;gap:9px}
.wn-hero picture{height:535px}.wn-hero picture img{object-position:66% center}.wn-hero picture:after{background:linear-gradient(90deg,#090909ce 0%,#090909a8 50%,#08080820 100%),linear-gradient(0deg,#09090988,transparent 60%)}
.wn-hero .col-md-6{width:100%}.wn-hero h1{font-size:clamp(50px,10.8vw,72px);margin-bottom:17px!important}
.wn-hero h1+p{font-size:14px;max-width:33ch}.hero-kicker{font-size:8px;gap:8px;letter-spacing:.18em;margin-bottom:21px!important}.hero-kicker span{width:19px}.hero-materials{font-size:8px}.hero-materials li+li:before{margin:0 5px}
.wn-hero .site-cta-group{flex-direction:row!important;align-items:center!important;gap:15px;margin-top:25px!important}.wn-hero .site-cta{width:auto!important;font-size:12px}.hero-folio{font-size:8px;bottom:18px;right:5.5%}
.wn-benefits .swiper{padding:16px 0!important}.wn-benefits .swiper-slide{min-height:76px}.fact-value{font-size:26px}
.wn-collections .section-link{position:static;display:table;margin-top:15px}
.home-content .wn-collections .swiper-slide .bg-white{margin-bottom:26px!important}main p{line-height:1.6}
.float-btn{bottom:14px;right:12px;width:43px;height:43px;box-shadow:0 4px 16px #0002}.float-btn__icon{height:41px;width:41px}.float-btn__icon svg{width:24px;height:24px}
footer .col.bxs992{text-align:left}footer .row{display:grid;grid-template-columns:1fr 1fr;gap:28px 12px}footer .row>.col{width:auto}footer .col .text-md-start{text-align:left!important}footer .brand-sign{justify-content:flex-start!important}
}
@media(max-width:379px){header .brand-sign img{display:none}header .row{height:60px}.wn-hero h1{font-size:45px}.hero-materials{font-size:7px}}
/* Below 360px the base layout hides the wordmark, so keep the brand icon visible. */
@media(max-width:359.98px){header .brand-sign img{display:block}}
/* Override the base template's fixed-size utility classes at their original priority. */
main h1.fs44,main h2.fs32{font-weight:400!important}
main h1.fs44{font-size:clamp(42px,4.7vw,76px)!important}
main h2.fs32{font-size:clamp(32px,3.35vw,52px)!important}
.wn-hero h1.fs44{font-size:clamp(66px,6.1vw,101px)!important;line-height:1.0!important}
.wn-hero h1+p{font-size:clamp(15px,1.18vw,18px)!important;line-height:1.58!important}
.wn-hero .site-cta-group{gap:19px!important}
.wn-benefits .fact-value+h3.fs22{font-size:9px!important;line-height:1.5!important;font-weight:600!important}
.wn-benefits .swiper-slide p.fs16{font-size:11px!important;line-height:1.45!important}
.wn-collections h2+p.fs17{font-size:14px!important}
.wn-collections h3.fs22{font-size:29px!important;font-weight:400!important}
header a.header-contact.fs16{font-size:12px!important;line-height:1.45!important}
footer .fs22.m_fs16{font-size:11px!important}
.collection-content>section:first-of-type{padding:0!important;background:#171717!important}
.collection-content>section:first-of-type picture{position:relative;display:block;height:clamp(400px,32vw,560px)}
.collection-content>section:first-of-type picture>img{width:100%;height:100%;object-fit:cover;object-position:center}
.collection-content>section:first-of-type picture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808d9,#08080891 42%,transparent 75%)}
.collection-content>section:first-of-type .position-absolute{color:white}
.collection-content>section:first-of-type .site-cta{background:#fff!important;color:#181818!important;border-radius:0!important}
.collections-index>section:first-of-type picture:after{background:#08080885}
.collections-index>section:first-of-type .col-md-5{width:min(90%,640px)}
.collection-content .h100,.collection-content .h80{object-fit:cover}
@media(max-width:767.98px){main h1.fs44{font-size:clamp(35px,9vw,54px)!important}main h2.fs32{font-size:clamp(29px,7.8vw,40px)!important}.wn-hero h1.fs44{font-size:clamp(49px,11.8vw,72px)!important}.wn-hero h1+p{font-size:15px!important}.wn-hero .site-cta-group{gap:15px!important}.wn-collections h3.fs22{font-size:26px!important}.collection-content>section:first-of-type picture{height:435px}.collection-content>section:first-of-type picture:after{background:#0a0a0a91}.collection-content>section:first-of-type .container>.d-flex{align-items:center!important;justify-content:center}.collection-content>section:first-of-type .col-md-6{max-width:95%}.collection-content>section:first-of-type h1{line-height:1.04!important}.collection-content>section:first-of-type .site-cta-group{margin-top:18px!important}}
/* Women's collections use the original hero / six advantages / three collection blocks. */
.wn-hero .hero-materials{display:grid;gap:3px;text-transform:none;font-size:12px;font-weight:450;letter-spacing:.008em;color:#fff;line-height:1.5}
.wn-hero .hero-materials li{display:flex;align-items:baseline;gap:8px}
.wn-hero .hero-materials li:before,.wn-hero .hero-materials li+li:before{content:"✓";margin:0;color:inherit;font-size:11px}
.wn-hero .site-cta-group{margin-top:24px!important}
.wn-benefits{background:#fff;padding:clamp(40px,4.7vw,80px) 0!important}
.wn-benefits>.container>.col-lg-9{position:static!important;width:auto;height:auto;clip-path:none;overflow:visible;margin-bottom:25px!important}
.wn-benefits h2.fs32{margin:0 0 10px!important}
.wn-benefits>.container>.col-lg-9>p{font-size:15px!important;color:#5e5e5e}
.wn-benefits .swiper{padding:8px 0 14px!important}
.wn-benefits .swiper-slide,.wn-benefits .swiper-slide:first-child{min-height:90px;border-left:0;padding:0 10px}
.wn-benefits .swiper-slide>div{text-align:center!important}
.wn-benefits .swiper-slide p.fs16{margin:auto;max-width:35ch;font-size:13px!important;color:#5b5b5b}
.wn-benefits .fact-value{font:400 clamp(26px,2.5vw,40px)/1.14 var(--serif)}
.wn-benefits .fact-value+h3.fs22{font-size:11px!important;margin:7px 0 3px!important}
.wn-benefits .swiper-slide .text-center{display:flex;flex-direction:column;align-items:center}
.wn-collections{background:#f7f7f6!important}
.wn-collections>.container>.text-center{margin:0 auto 24px!important;text-align:center!important}
.wn-collections h2+p{margin:0 auto!important}.wn-collections .eyebrow{margin-left:auto!important;margin-right:auto!important}
.wn-collections .section-link{position:static;display:table;margin:10px auto 0}
.wn-collections .swiper-slide .bg-white{text-align:center!important;background:white!important;padding:0 0 18px!important}
.wn-collections .swiper-slide p{padding:0 14px}
.wn-collections img{aspect-ratio:3/2;object-position:center 39%}
.wn-collections .swiper-slide a{justify-content:center}
.wn-hero picture{height:clamp(490px,40.4vw,680px)}
.wn-hero h1.fs44{font-size:clamp(51px,5.1vw,84px)!important}
@media(max-width:767.98px){.wn-hero h1.fs44{font-size:clamp(39px,9vw,58px)!important}.wn-hero picture{height:555px}.wn-hero .hero-materials{font-size:11px}.wn-benefits .swiper-slide p.fs16{font-size:13px!important}.wn-collections .eyebrow{margin-left:auto!important;margin-right:auto!important}}
.wn-hero picture img{object-position:center center}
.wn-hero picture:after{background:linear-gradient(90deg,#0a0a0a66 0%,#0a0a0a42 32%,transparent 59%)}
@media(max-width:767.98px){
 .wn-hero{display:flex;flex-direction:column;background:#20201f!important}
 .wn-hero>picture{order:2;width:100%;height:clamp(260px,78vw,400px);z-index:0}
 .wn-hero picture:after{display:none}.wn-hero picture img{object-position:76% 50%}
 .wn-hero>.position-absolute{position:relative!important;height:auto!important;order:1;padding:26px 0 24px}
 .wn-hero .hero-kicker{margin-bottom:13px!important}
 .wn-hero h1.fs44{font-size:clamp(38px,9.75vw,56px)!important;margin-bottom:12px!important}
 .wn-hero h1+p{margin-bottom:11px!important;max-width:44ch;font-size:14px!important}
 .wn-hero .site-cta-group{margin-top:15px!important}.wn-hero .site-cta{min-height:39px;padding:10px 15px!important}
 .wn-hero .hero-secondary{min-height:0;padding:7px 0!important}
 .hero-folio{z-index:1;background:#111b;padding:4px 7px;bottom:11px;right:12px}
}
@media(max-width:767.98px){.wn-hero picture img{object-position:center}.hero-folio{left:12px;right:auto}}
/* Keep the whole outfit in view beside the template's text column. */
@media(min-width:768px){
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type picture{background:#171717;display:flex;justify-content:flex-end}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type picture img{height:100%;width:56%;object-fit:contain;background:#e8e6e0}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type picture:after{display:none}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type .col-md-6{width:40%;max-width:570px}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type .d-flex.h-100{align-items:center!important}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type h1{font-size:clamp(38px,4.1vw,73px)!important;line-height:1.05!important}
}
@media(max-width:767.98px){
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type{display:flex;flex-direction:column}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type picture{order:2;height:auto}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type picture img{height:auto;aspect-ratio:3/2;object-fit:contain}.collection-content[data-hero-layout="lookbook"]>section:first-of-type picture:after{display:none}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type .position-absolute{order:1;position:relative!important;height:auto!important}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type .container>.d-flex{padding:27px 0!important}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type .text-center{text-align:left!important}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type .site-cta-group{justify-content:flex-start!important}
 .collection-content[data-hero-layout="lookbook"]>section:first-of-type .col-md-6{width:100%;max-width:100%}
}