html,body.shop-page{background:#fff}
body.shop-page>main{display:block;background:#fff;overflow-x:clip}
.sh{--n:#123b66;--g:#eeeff1;font-family:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;color:var(--n);-webkit-font-smoothing:antialiased}
:where(.sh) *{font-family:inherit;color:inherit;box-sizing:border-box}
.sh a{color:var(--n);text-decoration:none}.sh a:hover{color:var(--n);text-decoration:underline;text-underline-offset:3px}
:where(.sh) :where(figure,p,h1,h2){margin:0}
.sh-wrap{width:100%;padding-inline:clamp(18px,2.6vw,40px)}
.sh-lab{font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase;line-height:1.3}
.sh-p{font-size:14px;line-height:1.45;margin-top:14px;max-width:38ch;text-wrap:pretty}
.sh-rv{opacity:0;transform:translateY(24px);transition:opacity 700ms ease,transform 900ms cubic-bezier(.22,1,.36,1)}
.sh-rv.is-in{opacity:1;transform:none}
/* Hero */
.sh-hero{padding-top:clamp(28px,4vw,64px)}
.sh-giant{font-weight:700;font-size:20vw;line-height:.8;letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;padding-bottom:.04em;margin-left:-.05em}
.sh-giant span{display:inline-block;transform:translateY(105%);transition:transform 1100ms cubic-bezier(.22,1,.36,1)}
.sh-hero.is-in .sh-giant span{transform:none}
.sh-info{display:grid;grid-template-columns:1fr 1.4fr 1fr auto;gap:clamp(16px,2.4vw,40px);border-top:3px solid var(--n);padding-top:18px;margin-top:clamp(14px,1.6vw,24px)}
.sh-info__c{text-align:right}
/* Grid */
.sh-grid-sec{padding-top:clamp(90px,12vw,190px)}
.sh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.sh-card{display:flex;flex-direction:column}
.sh-card:hover{text-decoration:none!important}
.sh-card__ph,.sh-pp__ph{position:relative;aspect-ratio:4/5;background:var(--g);overflow:hidden}
.sh-card__ph img,.sh-pp__ph img,.sh-look__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.is-flat img{mix-blend-mode:multiply}
.sh-card__ph img{transition:transform 1000ms cubic-bezier(.22,1,.36,1)}
.sh-card:hover .sh-card__ph img{transform:scale(1.03)}
.sh-card__row{display:flex;justify-content:space-between;gap:12px;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:1.2;margin-top:14px}
.sh-cat{display:flex;align-items:center;gap:7px;font-size:11px;text-transform:uppercase;margin-top:7px}
.sh-cat::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--n);flex:none}
/* Lookbook */
.sh-look{padding-block:clamp(110px,14vw,220px) clamp(90px,12vw,180px)}
.sh-look__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:3px solid var(--n);padding-bottom:14px;margin-bottom:clamp(14px,1.6vw,24px)}
.sh-h2{font-weight:700;font-size:clamp(3rem,9vw,9rem);line-height:.84;letter-spacing:-.04em;text-transform:uppercase}
.sh-look__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.sh-look__ph{position:relative;aspect-ratio:4/5;background:var(--g);overflow:hidden;cursor:zoom-in}
.sh-look__ph img{transition:transform 1000ms cubic-bezier(.22,1,.36,1)}
.sh-look__ph:hover img{transform:scale(1.03)}
/* Product page */
.sh-pp{display:grid;grid-template-columns:1fr 1fr;align-items:start;min-height:calc(100vh - var(--nav-height))}
.sh-pp__media{display:flex;flex-direction:column}
.sh-pp__ph{aspect-ratio:4/5}
.sh-pp__info{position:sticky;top:calc(var(--nav-height) + var(--safe-top,0px));display:flex;flex-direction:column;padding:clamp(28px,4vw,64px) clamp(18px,2.6vw,40px) clamp(40px,5vw,80px) clamp(24px,3vw,48px)}
.sh-back{font-size:11px;font-weight:500;text-transform:uppercase;align-self:flex-start}
.sh-pp__title{font-weight:500;font-size:clamp(4rem,9vw,10rem);line-height:.86;letter-spacing:-.02em;margin-top:clamp(20px,2.6vw,40px)}
.sh-pp__price{font-size:40px;font-weight:500;letter-spacing:-.02em;line-height:1;margin-top:clamp(22px,2.6vw,36px)}
.sh-pp__desc{font-size:18px;line-height:1.35;max-width:38ch;margin-top:clamp(22px,2.6vw,36px);text-wrap:pretty}
.sh-rows{margin-top:clamp(32px,4vw,56px);border-top:1px solid var(--n)}
.sh-r{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;border-bottom:1px solid var(--n);font-size:18px}
.sh-sizes{display:flex;align-items:center;gap:12px}
.sh-sizes i{font-style:normal}
.sh-sizes label{position:relative;cursor:pointer}
.sh-sizes input{position:absolute;opacity:0;pointer-events:none}
.sh-sizes span{display:block;padding:4px 2px;text-underline-offset:5px;text-decoration-thickness:1px}
.sh-sizes:has(input:checked) span{opacity:.4}
.sh-sizes label:hover span{opacity:1}
.sh-sizes input:checked+span{opacity:1;text-decoration:underline;font-weight:500}
.sh-sizes input:focus-visible+span{outline:1px solid var(--n);outline-offset:3px}
.sh-qty{display:flex;align-items:center;gap:18px;font-size:22px}
.sh-qty button{font:inherit;line-height:1;background:none;border:0;padding:0;cursor:pointer;width:44px;height:44px;color:var(--n)}
.sh-qty output{min-width:1.2em;text-align:center}
.sh-pre{align-self:flex-start;margin-top:clamp(28px,3.4vw,48px);font:inherit;font-size:clamp(2.4rem,4vw,4rem);font-weight:500;letter-spacing:-.02em;line-height:1;background:none;border:0;padding:0;cursor:pointer;color:var(--n);opacity:.4;transition:opacity 250ms;display:flex;gap:.2em}
.sh-pre span{display:inline-block;transition:transform 300ms cubic-bezier(.22,1,.36,1)}
#sh-form.is-ready .sh-pre,.sh-pre:hover{opacity:1}
.sh-pre:hover span{transform:translate(4px,-4px)}
.sh-note{font-size:12px;line-height:1.5;margin-top:16px;min-height:1.5em}
.sh-note.is-err{font-weight:700}
/* Lightbox */
.sh-lb{position:fixed;inset:0;z-index:200;background:#fff;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity 300ms}
.sh-lb.is-open{opacity:1;pointer-events:auto}
.sh-lb img{max-width:92vw;max-height:84vh;object-fit:contain}
.sh-lb button{position:absolute;font:inherit;font-family:"Inter Tight",sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;background:none;border:0;color:#123b66;cursor:pointer;padding:16px}
.sh-lb__x{top:calc(var(--safe-top,0px) + 10px);right:10px}.sh-lb__p{left:6px;top:50%;transform:translateY(-50%)}.sh-lb__n{right:6px;top:50%;transform:translateY(-50%)}
/* Nav: single colour on this page */
body.shop-page .footer{background:#123b66!important;border-color:#123b66!important}
body.shop-page .footer__circle{color:#fff!important;border-color:#fff!important}
body.shop-page .footer__circle:hover{background:#fff!important;color:#123b66!important}
body.shop-page .footer__logo{filter:brightness(0) invert(1)}
body.shop-page .footer__word,body.shop-page .footer__legal,body.shop-page .footer__legal a{color:#fff!important}
body.shop-page .nav__made{background:#123b66!important}
body.shop-page .nav__made,body.shop-page .nav__made *{color:#fff!important}
@media (max-width:900px){
.sh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sh-info{grid-template-columns:1fr 1fr}
.sh-info>div{grid-column:1/-1;order:3}
.sh-look__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sh-pp{grid-template-columns:1fr}
.sh-pp__info{position:static}
.sh-pp__media{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.sh-pp__media::-webkit-scrollbar{display:none}
.sh-pp__ph{flex:0 0 100%;scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){.sh-rv,.sh-giant span{opacity:1!important;transform:none!important;transition:none}}