/* Cockroach Janta: campaign imagery, warm paper and ink. */
.cj-store{--paper:#eeece5;--ink:#171814;--mut:#68695f;background:var(--paper)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.cj-store .ticker{padding:10px 0;letter-spacing:.13em;font-size:10px}
.site-header{background:rgba(238,236,229,.97);border-bottom:1px solid #17181420;backdrop-filter:blur(16px)}
.store-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:82px;padding:0 3vw;gap:20px}
.nav-start{display:flex;gap:26px;align-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.store-logo{justify-self:center;font-size:18px;letter-spacing:.035em;font-weight:850;gap:9px;line-height:1}
.store-logo svg{width:26px;height:30px}
.store-nav .acts{gap:14px;align-items:center}.store-nav .acct-btn{padding:0;width:36px;height:40px;justify-content:center}
.store-nav .acct-btn svg,.store-nav .icon-btn svg{width:22px;height:22px}
.store-nav summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;cursor:pointer}
.store-nav summary::-webkit-details-marker{display:none}.menu-lines{font-size:22px;font-weight:300}
.nav-search summary{width:36px}.nav-search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.nav-panel,.search-panel{position:absolute;top:100%;background:var(--paper);color:var(--ink);box-shadow:0 16px 24px #0002;border:1px solid #17181420;padding:28px;z-index:85}
.nav-panel{left:0;width:min(410px,100vw);display:flex;flex-direction:column;gap:0}
.nav-panel a,.nav-panel .nav-account{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #17181418;font-size:12px;letter-spacing:.07em}
.nav-panel a:last-child{border-bottom:0}.nav-panel a:hover{color:#65733a}
.search-panel{right:0;width:min(440px,100vw)}.search-panel label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}
.search-panel div{display:flex;border-bottom:1px solid var(--ink)}.search-panel input{background:transparent;border:0;padding:12px 0;font:inherit;min-width:0;flex:1;outline-offset:3px}.search-panel button{font-size:25px;width:48px;background:none;border:0}
.cj-store a:focus-visible,.cj-store button:focus-visible,.cj-store summary:focus-visible{outline:2px solid #647145;outline-offset:5px}
.storefront section{padding:0}.store-wrap{max-width:1640px;margin:0 auto;padding:0 clamp(18px,3vw,48px)}
.film-hero{position:relative;isolation:isolate;min-height:570px;height:calc(100svh - 117px);max-height:1060px;background:#23251f;overflow:hidden;color:#fff}
.film-poster,.film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;display:block}
.neutral-hero-art{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#151713;padding:58px 5vw 96px}
.neutral-hero-art figure{margin:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--tee) 86%,#d6ccb9);transform:rotate(-1.2deg)}
.neutral-hero-art figure:nth-child(2){transform:translateY(22px) rotate(1.2deg)}.neutral-hero-art figure:nth-child(3){transform:rotate(-.5deg)}
.neutral-hero-art img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 22px 20px #0005)}
.film-video{opacity:0}.film-hero.has-video .film-video{opacity:1}
.film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080c0bbc,transparent 50%,#080c0b26);pointer-events:none}
.film-top,.film-bottom{position:absolute;left:3vw;right:3vw;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.16em;z-index:2}
.film-top{top:20px}.film-bottom{bottom:18px;font-size:9px;letter-spacing:.1em}
.film-bottom a{font-size:25px}.film-bottom span:first-child{letter-spacing:.015em;text-transform:none;opacity:.85}
.film-hero #heroVideoToggle{display:flex;align-items:center;gap:8px;color:inherit;border:1px solid #ffffff70;background:#12171130;border-radius:30px;padding:9px 14px;min-height:42px;font:inherit;cursor:pointer;backdrop-filter:blur(6px)}
.film-hero #heroVideoToggle[hidden]{display:none}.film-hero #heroVideoToggle:hover{background:#12171180}
.film-copy{position:absolute;left:6%;bottom:clamp(65px,9vh,115px);z-index:2;max-width:90%}
.film-kicker{font-size:10px;letter-spacing:.2em}.film-copy h1{font-size:clamp(48px,6.5vw,104px);font-weight:850;line-height:.92;letter-spacing:-.055em;margin:18px 0;text-transform:uppercase}.film-copy p{font-size:14px;margin:0 0 23px;letter-spacing:.015em;line-height:1.5}
.campaign-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--paper);color:var(--ink);border:1px solid var(--paper);padding:17px 23px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:.2s}
.campaign-button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.campaign-button.dark{background:var(--ink);color:var(--paper)}
.collection-ribbon{background:#dfe2d0;display:flex;align-items:center;justify-content:space-evenly;gap:20px;padding:22px 3vw;border-bottom:1px solid #17181418;font-size:10px;font-weight:650;letter-spacing:.13em}
.storefront .colour-section,.storefront .shop-section{padding:clamp(36px,4vw,60px) 0 0;scroll-margin-top:108px}
.store-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}
.section-index{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#68695f;margin-bottom:15px}
.store-section-head h2{font-size:clamp(28px,3.1vw,48px);line-height:1;letter-spacing:-.035em;font-weight:750;margin:0}.store-section-head p{font-size:13px;color:#626358;margin:0 0 4px}
.colour-editorials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.colour-editorial{display:block;min-width:0;color:var(--ink)}
.colour-editorial-image{position:relative;display:block;overflow:hidden;background:#d3d1c9;aspect-ratio:1/1}
.colour-editorial-image>img{width:100%;height:100%;object-fit:cover;object-position:center 12%;transition:transform .5s}
.colour-editorial:hover img{transform:scale(1.025)}
.colour-editorial-action{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:26px;padding:10px 15px;background:var(--paper);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.colour-editorial-action b{font-size:20px;font-weight:400}
.colour-editorial-copy{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px 10px;padding:18px 0 0}
.colour-editorial-copy i{width:12px;height:12px;border-radius:50%;background:var(--tee);border:1px solid #17181430}
.colour-editorial-copy strong{font-size:clamp(18px,1.7vw,25px);line-height:1.2;letter-spacing:-.025em;font-weight:650}.colour-editorial-copy>span{font-size:22px;font-weight:400}.colour-editorial-copy small{grid-column:2/-1;font-size:11px;color:var(--mut)}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #17181425;border-bottom:1px solid #17181425;padding:18px 0;margin-bottom:28px;gap:20px}
.colour-filters{display:flex;gap:24px}.colour-filters a{font-size:11px;padding:5px 0;border-bottom:1px solid transparent}.colour-filters a.active{border-color:var(--ink);font-weight:750}.design-count{font-size:11px;color:#737469;white-space:nowrap}
.storefront .statement-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 17px}
.cj-store .pc-body{padding:13px 0 0}.cj-store .pc-flag{position:absolute;top:12px;left:12px;width:auto;min-height:0;margin:0;background:var(--paper);color:var(--ink);padding:7px 9px;font-size:8px;letter-spacing:.1em;z-index:2;line-height:1}.cj-store .pc[data-badge="NEW"] .pc-flag{background:var(--paper);color:var(--ink)}
.cj-store .pc-img{aspect-ratio:4/5;background:#ded9cd}.cj-store .pc-img img{object-fit:cover;object-position:center}.cj-store .pc-img img.front{opacity:1}.cj-store .pc-img img.back{opacity:0}
.cj-store .pc-name{font-size:12px;font-weight:700;letter-spacing:.015em;line-height:1.4}.cj-store .pc-cw{font-size:11px;margin:5px 0 8px}.cj-store .price b{font-size:13px;font-weight:650}
.cj-store .pc-cta{opacity:1;transform:none;padding:10px 0;border:0;border-bottom:1px solid #17181435;text-align:left;margin-top:7px;font-size:9px;letter-spacing:.075em}.cj-store .pc-cta:after{content:'↗';float:right;font-size:15px}.cj-store .pc-cta:hover{background:none;color:#647145;border-color:#647145}.cj-store .pc:hover .pc-body{transform:none}
.storefront .statement-colours{gap:9px;margin:12px 0 0}.storefront .statement-colours a{padding:3px}.storefront .statement-colours i{width:16px;height:16px}.storefront .statement-colours a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.storefront .statement-colours a.selected i{outline-offset:3px}
.storefront .statement-note{font-size:10px;margin:25px 0 0;color:#747568}.search-summary{font-size:14px;display:flex;justify-content:space-between;padding:0 0 25px;gap:20px}.search-summary a{text-decoration:underline;font-size:12px}.store-empty{text-align:center;padding:70px 0}.store-empty p{margin:18px 0 25px}
.storefront .fabric-story{display:grid;grid-template-columns:1.15fr 1fr;margin-top:clamp(56px,7vw,100px);background:#dfe2d0}
.fabric-images{display:grid;grid-template-columns:1fr 1fr;gap:3px;min-width:0;overflow:hidden}.fabric-images img{width:100%;height:100%;object-fit:cover;min-width:0;aspect-ratio:3/5}.fabric-images img:nth-child(2){object-position:52% 50%}
.fabric-copy{padding:clamp(30px,5vw,80px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.fabric-copy h2{font-size:clamp(34px,4.3vw,68px);line-height:.98;font-weight:800;letter-spacing:-.045em;margin:10px 0 23px}.fabric-copy p{font-size:13px;line-height:1.9;max-width:42ch;color:#4d5343}.fabric-facts{display:flex;gap:36px;padding:28px 0 34px}.fabric-facts div{display:flex;flex-direction:column;gap:10px}.fabric-facts strong{font-size:38px;line-height:1;font-weight:500;letter-spacing:-.045em}.fabric-facts span{font-size:8px;letter-spacing:.08em}
.text-link{display:inline-flex;align-items:center;gap:36px;padding:10px 0;border-bottom:1px solid #17181470;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:650}
.storefront .brand-signoff{text-align:center;padding:clamp(65px,8vw,125px) 20px}.brand-signoff h2{font-size:clamp(40px,7.6vw,112px);line-height:.92;letter-spacing:-.055em;font-weight:850;margin:25px 0}.brand-signoff p{font-size:12px;line-height:1.8;color:#747568;margin:22px 0}.brand-signoff .text-link{margin-top:8px}
.cj-store footer{margin-top:0}.cj-store footer .wrap{max-width:1540px}.cj-store .fnews h4{font-size:25px;letter-spacing:-.02em}.cj-store .fnews{padding-bottom:36px;margin-bottom:36px}
.cj-store .statement>.wrap,.cj-store .statement>section>.wrap{max-width:1540px}.cj-store .statement .pdp{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:clamp(30px,5vw,76px)}.cj-store .statement .pdp-main{background:#ded9cd}.cj-store .statement .pdp-main img{object-fit:cover;padding:0}.cj-store .statement .pdp-info h1{font-size:clamp(32px,3.4vw,52px);letter-spacing:-.035em;line-height:1.04}.cj-store .statement-availability{background:#dfe2d0;border-left:3px solid #697549}.cj-store .statement-variant-links a{font-size:11px;padding:12px}
@media(hover:hover){.cj-store .pc:hover .pc-img:has(img.back.ok) img.front{opacity:0}.cj-store .pc:hover .pc-img img.back.ok{opacity:1}}
@media(max-width:1050px){.nav-collection{display:none}.store-logo{font-size:16px}.storefront .statement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.colour-editorials{grid-template-columns:repeat(3,minmax(0,1fr))}.fabric-copy{padding:34px}.collection-ribbon{font-size:9px;letter-spacing:.05em}}
@media(max-width:760px){
 .store-nav{min-height:66px;padding:0 16px;gap:8px;grid-template-columns:1fr auto 1fr}.store-logo{font-size:13px;letter-spacing:.015em;gap:5px}.store-logo svg{width:20px;height:24px}.nav-menu summary>span:last-child{display:none}.store-nav .acts{gap:4px}.store-nav .acct-btn{display:none}.store-nav .icon-btn,.nav-search summary{width:30px}.store-nav .icon-btn svg,.nav-search svg{width:20px;height:20px}.nav-start{gap:0}.cj-store .ticker{font-size:8px;padding:9px 0;letter-spacing:.09em}
 .film-hero{height:calc(100svh - 97px);min-height:590px;max-height:920px}.neutral-hero-art{grid-template-columns:1fr 1fr;padding:50px 10px 155px}.neutral-hero-art figure:nth-child(2){display:none}.neutral-hero-art figure{transform:rotate(-1deg)}.neutral-hero-art figure:nth-child(3){transform:translateY(25px) rotate(1deg)}.neutral-hero-art img{width:98%;height:92%}.film-poster,.film-video{object-position:center 35%}.film-top{top:12px;left:18px;right:18px;font-size:8px;letter-spacing:.08em}.film-hero #heroVideoToggle{min-height:36px;padding:7px 10px}.film-bottom{bottom:14px;left:18px;right:18px;font-size:8px}.film-bottom>span:nth-child(2){display:none}.film-copy{left:22px;right:20px;bottom:65px;max-width:none}.film-kicker{font-size:8px;letter-spacing:.14em}.film-copy h1{font-size:clamp(40px,10vw,68px);letter-spacing:-.045em;margin:12px 0}.film-copy p{font-size:12px;margin-bottom:18px}.campaign-button{font-size:10px;padding:14px 18px;gap:22px}
 .collection-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;text-align:center;padding:20px 12px;font-size:8px}.store-section-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:23px}.store-section-head h2{font-size:32px}.store-section-head p{font-size:12px}.section-index{font-size:8px;margin-bottom:12px}
 .colour-editorials{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.colour-editorial-image{aspect-ratio:3/4}.colour-editorial-action{display:none}.colour-editorial-copy{grid-template-columns:8px 1fr;gap:6px;padding-top:12px}.colour-editorial-copy i{width:8px;height:8px}.colour-editorial-copy strong{font-size:12px;letter-spacing:-.02em}.colour-editorial-copy>span,.colour-editorial-copy small{display:none}.colour-section .store-section-head{gap:14px}.colour-section .text-link{font-size:9px;padding:4px 0;gap:20px}.colour-section .store-section-head h2{font-size:clamp(26px,7vw,34px)}
 .shop-toolbar{padding:14px 0;margin-bottom:20px}.colour-filters{gap:16px;white-space:nowrap;overflow-x:auto}.colour-filters a{font-size:10px}.design-count{display:none}.storefront .statement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 11px}.cj-store .pc-name{font-size:10px}.cj-store .pc-cw{font-size:10px}.cj-store .price b{font-size:12px}.cj-store .pc-flag{top:8px;left:8px;padding:5px 7px;font-size:7px}.cj-store .pc-cta{font-size:8px}.storefront .statement-colours{gap:7px;margin-top:9px}.storefront .statement-colours i{width:14px;height:14px}.storefront .statement-note{font-size:10px;line-height:1.7}.search-summary{font-size:12px;flex-wrap:wrap}
 .storefront .fabric-story{grid-template-columns:1fr}.fabric-images img{aspect-ratio:3/4;height:auto}.fabric-copy{padding:34px 24px 40px}.fabric-copy h2{font-size:46px}.fabric-facts{gap:50px}.brand-signoff p{font-size:11px}.cj-store .statement .pdp{grid-template-columns:1fr;gap:28px}.cj-store .statement .pdp-info h1{font-size:36px}
 .cj-store .fnews h4{font-size:24px}.cj-store .fnews-form button{padding:0 16px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.colour-editorial-image>img{transition:none}}
@media(min-width:761px){
 .film-poster,.film-video{object-position:center top}
 .film-copy{left:4%;right:4%;max-width:none;bottom:64px;text-align:center}
 .film-copy h1{font-size:clamp(35px,4.6vw,76px);line-height:1;letter-spacing:-.045em;margin:13px 0}
 .film-copy p{margin-bottom:18px;font-size:12px}
 .film-shade{background:linear-gradient(0deg,#080c0bd9,transparent 48%,#080c0b18)}
}
@media(max-width:760px){.film-copy h1 span{display:block}}
.storefront .statement-colours a{min-width:32px;min-height:32px;justify-content:center}

.nav-panel .nav-account{width:100%;border:0;background:none;color:inherit;font-family:inherit;text-transform:uppercase;text-align:left;cursor:pointer}
.campaign-products{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:26px;padding:24px 3vw;border-bottom:1px solid #17181425}
.campaign-products>span{font-size:9px;letter-spacing:.12em;color:var(--mut)}
.campaign-products a{position:relative;padding:3px 28px 3px 20px;border-left:1px solid #17181425;font-size:13px;font-weight:650;line-height:1.5}
.campaign-products small{display:block;font-size:8px;letter-spacing:.12em;font-weight:400;color:var(--mut);margin-bottom:5px}
.campaign-products b{position:absolute;right:0;top:50%;font-size:18px;font-weight:400;transform:translateY(-50%)}
.campaign-products a:hover{color:#647145}
@media(min-width:761px){.film-copy{bottom:55px;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left}.film-copy h1{font-size:clamp(28px,3.3vw,52px);margin:0}.film-copy .film-kicker,.film-copy p{display:none}.film-copy .campaign-button{flex-shrink:0}}
@media(min-width:761px) and (max-width:1050px){.film-hero{height:auto;aspect-ratio:16/10;min-height:0}}
@media(max-width:760px){.film-copy h1{font-size:clamp(30px,8vw,48px);line-height:1.05}.film-copy p{font-size:12px}.film-copy{bottom:57px}.campaign-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:21px 18px}.campaign-products>span{grid-column:1/-1;font-size:8px;margin-bottom:5px}.campaign-products a{font-size:10px;padding:2px 0 2px 10px}.campaign-products small{font-size:6px;letter-spacing:.04em}.campaign-products b{display:none}}