.n-garment .gallery-viewport{touch-action:pan-y}.n-garment .gallery-arrows{position:absolute;right:12px;top:12px;display:flex;gap:8px}.n-garment .gallery-arrows button{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#f3f0e8ec;color:#171717;border:1px solid #fff7}.n-garment .gallery-tabs button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:52px}.n-garment .gallery-tabs button[aria-pressed=true]{background:#e5e1d7}.n-garment .gallery-tabs .n-icon{width:18px;height:18px}.n-garment .zoom-button{display:grid;place-items:center;min-width:48px;min-height:48px;border-radius:50%;background:#f3f0e8ed}.n-garment .close-dialog{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;background:#f3f0e8;color:#171717;border:1px solid #cbc6ba}.n-garment .light-button,.n-garment .dark-button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px}.n-garment .accordions summary>.n-icon{transform:none}.n-garment .accordions details[open] summary>.n-icon,.n-garment .text-button[aria-expanded=true]>.n-icon{transform:rotate(45deg)}.n-garment dialog:not(.n-menu){overscroll-behavior:contain}.n-garment dialog::backdrop{background:#1118;backdrop-filter:blur(5px)}.n-garment .colour-options label{min-height:48px;padding:12px;border:1px solid #c9c5bc;border-radius:8px;cursor:pointer}.n-garment .colour-options label:has(input:checked){background:#e6e2da;border-color:#171717}.n-garment .colour-options input{width:18px;height:18px;flex:none}.n-garment .size-options span{min-height:48px;display:grid;place-items:center;border-radius:8px}.n-garment .mobile-sticky button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px}
@media(max-width:700px){
.n-garment .hero{position:relative;display:block;isolation:isolate}.n-garment .hero-image{width:100%;height:calc(100svh - 112px);min-height:540px;max-height:820px}.n-garment .hero-image img{object-position:50% 38%}.n-garment .hero-image figcaption{bottom:auto;top:61px;left:22px;font-size:9px;z-index:2;color:#e8e4dc}.n-garment .hero-copy{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;padding:24px 22px 22px;background:linear-gradient(180deg,#0006 0%,transparent 28%,transparent 42%,#0008 69%,#111e 100%)}.n-garment .hero-copy .eyebrow{position:absolute;top:21px;left:22px;right:22px;display:flex;font-size:8px;line-height:1.6}.n-garment .hero-copy .eyebrow span{font-size:7px;color:#eee;opacity:.9;max-width:140px}.n-garment .hero h1{font-size:clamp(58px,17vw,84px);padding:0;margin:0 0 15px;line-height:.93;color:white}.n-garment .hero-deck{font-size:13px;line-height:1.5;color:#ece9e1;margin:0}.n-garment .hero .light-button{min-height:50px;padding:15px 18px;margin:22px 0 0;width:100%}.n-garment .hero-foot{font-size:7px;letter-spacing:.1em;padding-top:21px;margin-top:0;color:#ddd7cb}.n-garment .product{gap:30px;padding-top:40px}.n-garment .product-info h2{font-size:clamp(48px,13vw,60px);line-height:1.02}.n-garment .product-gallery{margin:0 -6px;width:calc(100% + 12px)}.n-garment .gallery-tabs button{font-size:11px;min-height:52px;padding:16px 10px}.n-garment .gallery-viewport{border-radius:4px}.n-garment .white-edition{padding-top:44px;padding-bottom:44px}.n-garment .white-copy h2{font-size:clamp(42px,12vw,56px)}.n-garment .white-edition figure{margin:0 -6px;width:calc(100% + 12px)}.n-garment .white-edition figure img{border-radius:4px}.n-garment .mobile-sticky{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:9px 10px 9px 16px;border:1px solid #d6d1c5;border-radius:15px;background:#f3f0e8f2;backdrop-filter:blur(18px);box-shadow:0 6px 30px #1112;transform:translateY(calc(100% + 50px))}.n-garment .mobile-sticky.visible{transform:translateY(0)}.n-garment .mobile-sticky button{border-radius:9px;font-size:11px;padding:12px 15px}.n-garment .mobile-sticky small{font-size:9px}.n-garment .footer{padding-bottom:120px}.n-garment dialog:not(.n-menu):not(#image-dialog){position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:92dvh;border-radius:20px 20px 0 0;padding:58px 22px max(28px,env(safe-area-inset-bottom));border:1px solid #cbc6ba;border-bottom:0}.n-garment dialog:not(.n-menu) .close-dialog{top:10px;right:14px;width:44px;height:44px}.n-garment dialog:not(.n-menu) h2{font-size:42px}.n-garment dialog textarea{font-size:16px}.n-garment #access-dialog .colour-options{gap:8px}.n-garment #access-dialog .colour-options label{font-size:12px}.n-garment #access-dialog .size-options{gap:7px}.n-garment #access-dialog .size-options span{font-size:12px}.n-garment #image-dialog{inset:0;margin:auto;width:calc(100% - 16px);max-height:94dvh;border-radius:12px}
}
@media(max-width:360px){.n-garment .hero-image{min-height:530px}.n-garment .hero h1{font-size:58px}.n-garment .mobile-sticky>span{font-size:11px}.n-garment .mobile-sticky small{max-width:110px;line-height:1.4}}
