/* N&E category worlds — matched square campaign art and a circular watch reveal. */
.category-atelier{position:relative;background:#f6f4ed;isolation:isolate;padding-block:85px}.category-atelier:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,#d8e2bf44,transparent 50%);z-index:-1;pointer-events:none}.category-atelier .section-head{max-width:1240px;margin-inline:auto}.category-atelier .category-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-atelier .category-orbit,.category-atelier .category-orbit:nth-child(n){grid-column:auto;min-width:0}.category-atelier .category-trigger,.category-atelier .category-orbit:last-child .category-trigger{display:flex;flex-direction:column;gap:0;padding:0;height:100%;width:100%;text-align:right;border:0;border-radius:130px 130px 8px 8px;background:#fffdf7;box-shadow:0 12px 40px #183c3408;overflow:hidden;aspect-ratio:auto;position:relative;transition:transform .5s,box-shadow .5s,border-radius .5s}.category-atelier .category-trigger:before,.category-atelier .category-trigger:after{display:none}.category-cover{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:inherit;background:#193c33}.category-cover picture{display:block;width:100%;height:100%}.category-atelier .category-cover img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;mix-blend-mode:normal;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .6s}.category-cover:after{content:'';position:absolute;inset:0;border:1px solid #e7e7ca33;border-radius:inherit;pointer-events:none}.category-cover-index{position:absolute;bottom:15px;right:18px;color:#eee8c9;font:11px/1.5 Arial;letter-spacing:2px}.category-cover-open{position:absolute;bottom:11px;left:12px;width:34px;height:34px;border:1px solid #f4f0dc70;border-radius:50%;display:grid;place-items:center;color:#fff9e8;background:#0d2d2544;backdrop-filter:blur(5px);transition:transform .5s,background .5s}.category-cover-open svg{width:18px;height:18px}.category-atelier .category-card-copy,.category-atelier .category-orbit:last-child .category-card-copy{position:static;padding:23px 18px 26px;display:block;width:100%;background:#fffdf7;text-align:right}.category-atelier .category-card-copy small{font:9px/1.7 Arial;letter-spacing:1.6px;color:#7b876e}.category-atelier .category-trigger h3{font-size:26px;line-height:1.6;margin:8px 0 4px}.category-atelier .category-card-copy>span{font-size:13px;line-height:1.9;color:#68775d}.category-atelier .category-trigger:hover,.category-atelier .category-trigger[aria-expanded=true]{border-radius:100px 100px 8px 8px;transform:translateY(-6px);box-shadow:0 20px 45px #183c341a;background:#fffdf7}.category-atelier .category-trigger:hover .category-cover img{transform:scale(1.045)}.category-atelier .category-trigger:hover .category-cover-open,.category-atelier .category-trigger[aria-expanded=true] .category-cover-open{transform:rotate(90deg);background:#bbd081;color:#173b31}.category-atelier .category-hint{margin-top:26px;font-size:13px;color:#69785e}.category-trigger:focus-visible{outline:3px solid #7c9255;outline-offset:5px}
/* The top layer is bounded to the viewport, with no layout reservation. */
.category-halo.clock-popover{position:fixed;inset:auto;left:var(--halo-left);top:var(--halo-top);width:var(--halo-size);height:auto;max-height:var(--halo-height);max-width:calc(100vw - 24px);margin:0;padding:26px 30px 24px;border:1px solid #d2dbb459;border-radius:36px;background:#15382e;color:#f6f4df;box-shadow:0 28px 100px #09241c66,0 0 0 6px #e2e9c214;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6c48b #163a30;isolation:isolate;opacity:0;transform:translateY(18px) scale(.87) rotate(-3deg);transform-origin:var(--halo-origin-x) var(--halo-origin-y);transition:opacity .28s,transform .58s cubic-bezier(.16,1,.3,1),display .58s allow-discrete,overlay .58s allow-discrete;box-sizing:border-box}.clock-popover:popover-open{opacity:1;transform:translateY(0) scale(1) rotate(0)}@starting-style{.clock-popover:popover-open{opacity:0;transform:translateY(18px) scale(.87) rotate(-3deg)}}.clock-popover::backdrop{background:#183c3428;backdrop-filter:blur(3px);pointer-events:none;transition:opacity .3s,display .58s allow-discrete,overlay .58s allow-discrete}.clock-atmosphere{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(35px);opacity:.1;z-index:-2;pointer-events:none}.clock-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#82965035,transparent 55%),linear-gradient(150deg,#234b3e88,#0f3029e8)}.clock-ambient:after{content:'';position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,#dbe8b319,transparent 65%);animation:clock-ambient-breathe 6s ease-in-out infinite alternate}.clock-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:4}.clock-heading small{font:10px/1.8 Arial;letter-spacing:2px;color:#c1cba4}.clock-heading h3{font-size:33px;line-height:1.5;margin:8px 0 0;color:#fcfaea}.clock-popover .clock-close{position:static;float:none;flex:0 0 44px;width:44px;height:44px;margin:0;padding:11px;border:1px solid #d8e2b64d;border-radius:50%;display:grid;place-items:center;background:#f8f3de0c;color:#eeeecb;cursor:pointer;transition:transform .3s,background .3s}.clock-close svg{width:100%;height:100%}.clock-close:hover{transform:rotate(90deg);background:#ffffff18}.clock-instruction{font-size:14px;line-height:1.8;margin:12px 0 5px;color:#d0d8b8}.category-clock{position:relative;width:min(100%,650px);aspect-ratio:1;margin:12px auto 18px;isolation:isolate;touch-action:pan-y}.clock-dial{position:absolute;inset:0;width:100%;height:100%;stroke:#d6dbb735;stroke-width:.8;pointer-events:none}.clock-dial .clock-minute-marks{stroke:#dedebc75;stroke-width:7;stroke-dasharray:1 25.39;transform-origin:center;animation:clock-dial-turn 90s linear infinite}.clock-inner-orbit{stroke-dasharray:2 7}.clock-core-ring{stroke:#dddfad55;stroke-width:1.2}.clock-sweep{position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 305deg,#d9e6a419 355deg,#e2edac5e 359deg,transparent 360deg);animation:clock-dial-turn 18s linear infinite;pointer-events:none;z-index:-1}.clock-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:27%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-radius:50%;color:#e7edcc;isolation:isolate;background:radial-gradient(circle,#2c5546,#163b31);box-shadow:0 0 45px #b8cd7a19,inset 0 0 20px #e1e7b110}.clock-logo img{width:63%;height:auto;filter:brightness(0) invert(1);opacity:.92;animation:clock-logo-light 4.5s ease-in-out infinite}.clock-logo small{font:7px/1.4 Arial;letter-spacing:1.2px;color:#b7c794;text-align:center}.clock-logo>span:last-child{font-size:13px}.clock-logo-ring{position:absolute;inset:-7px;border:1px solid #c9d69b66;border-left-color:transparent;border-right-color:#e9edc3;border-radius:50%;animation:clock-dial-turn 14s linear infinite;pointer-events:none}.clock-logo-ring:before{content:'';position:absolute;top:11%;left:12%;width:5px;height:5px;border-radius:50%;background:#e6efbc;box-shadow:0 0 14px #e0eb9c}.clock-piece{--cx:50%;--cy:17%;--piece-order:0;position:absolute;left:var(--cx);top:var(--cy);width:24%;max-width:153px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:0;border:0;background:transparent;color:#f5f4e0;font:inherit;cursor:pointer;transform:translate(-50%,-50%);z-index:2}.clock-piece-1{--cx:83%;--cy:33%;--piece-order:1}.clock-piece-2{--cx:83%;--cy:71%;--piece-order:2}.clock-piece-3{--cx:50%;--cy:86%;--piece-order:3}.clock-piece-4{--cx:17%;--cy:71%;--piece-order:4}.clock-piece-5{--cx:17%;--cy:33%;--piece-order:5}.clock-product-frame{display:block;width:75%;aspect-ratio:1;background:#f4f0e6;border-radius:50%;padding:7px;box-shadow:0 5px 18px #0b201e44;border:1px solid #dce2be55;transition:transform .4s,border-color .4s,box-shadow .4s;overflow:hidden}.clock-product-frame img{width:100%;height:100%;object-fit:contain;border-radius:50%;mix-blend-mode:multiply;display:block}.clock-product-name{font-size:12px;line-height:1.6;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.clock-product-code{display:none}.clock-piece strong{font:700 14px/1.5 NEArabic,sans-serif;color:#e4edb2;white-space:nowrap}.clock-piece:hover .clock-product-frame,.clock-piece.is-selected .clock-product-frame{transform:scale(1.07);border-color:#e0eaa0;box-shadow:0 0 0 4px #d1e4a120,0 6px 20px #0a211b55}.clock-piece:focus-visible,.clock-logo:focus-visible,.clock-shop-link:focus-visible,.clock-selection a:focus-visible,.clock-close:focus-visible{outline:2px solid #e5eea9;outline-offset:6px;border-radius:10px}.clock-popover.is-open .clock-piece{animation:clock-piece-reveal .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.1s + var(--piece-order)*.08s)}.clock-popover.is-open .clock-dial{animation:clock-dial-appear .9s cubic-bezier(.16,1,.3,1) both}.clock-selection{display:flex;align-items:center;gap:16px;margin:0;padding:16px;border:1px solid #d5deb133;border-radius:18px;background:#f9f6e70b;position:relative;z-index:3}.clock-selection>img{width:72px;height:72px;flex:0 0 72px;object-fit:contain;border-radius:12px;background:#eee9df}.clock-selection>div{min-width:0;flex:1}.clock-selection small{font-size:12px;color:#bdcba7;display:block;line-height:1.7}.clock-selection h4{font-size:16px;line-height:1.7;margin:3px 0 5px;color:#f4f3dc}.clock-selection strong{font-size:16px;color:#dce9a4}.clock-selection>a{font-size:14px;white-space:nowrap;color:#e3ebbd;border-bottom:1px solid #a7bc7a;padding:6px 0}.clock-selection>a span{font:18px Arial}.clock-shop-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;padding:15px 20px;background:#e0ebac;color:#163c30;border:1px solid #e9edbd;border-radius:12px;font-size:17px;line-height:1.6;font-weight:700;transition:background .25s,transform .25s}.clock-shop-link svg{width:25px;height:25px;flex-shrink:0}.clock-shop-link:hover{background:#edf4cf;transform:translateY(-2px)}
@keyframes clock-piece-reveal{from{opacity:0;transform:translate(calc(-50% + (50% - var(--cx)) * .7),calc(-50% + (50% - var(--cy)) * .7)) scale(.25);filter:blur(4px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}@keyframes clock-dial-appear{from{opacity:0;transform:scale(.65) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes clock-dial-turn{to{transform:rotate(360deg)}}@keyframes clock-logo-light{0%,100%{opacity:.75;transform:scale(.97);filter:brightness(0) invert(1) drop-shadow(0 0 0 #eff7c000)}50%{opacity:1;transform:scale(1.025);filter:brightness(0) invert(1) drop-shadow(0 0 8px #eff7c050)}}@keyframes clock-ambient-breathe{to{transform:scale(1.2);opacity:.5}}
@media(max-width:1000px){.category-atelier .category-selectors{gap:13px}.category-atelier .category-card-copy,.category-atelier .category-orbit:last-child .category-card-copy{padding:19px 12px 22px}.category-atelier .category-trigger h3{font-size:23px}.category-atelier .category-card-copy small{font-size:8px;letter-spacing:.8px}.category-atelier .category-card-copy>span{font-size:12px}}
@media(max-width:700px){.category-atelier{padding:50px 18px}.category-atelier .category-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.category-atelier .category-orbit:nth-child(n){grid-column:auto;width:100%;justify-self:stretch}.category-atelier .category-trigger,.category-atelier .category-orbit:last-child .category-trigger{display:flex;flex-direction:column;border-radius:100px 100px 8px 8px}.category-atelier .category-cover{width:100%;height:auto;aspect-ratio:1}.category-atelier .category-cover img{width:100%;height:100%;aspect-ratio:1}.category-atelier .category-card-copy,.category-atelier .category-orbit:last-child .category-card-copy{padding:17px 13px 22px}.category-atelier .category-trigger h3{font-size:25px}.category-atelier .category-card-copy small{font-size:8px}.category-atelier .category-card-copy>span{font-size:13px;line-height:1.8}.category-cover-open{width:30px;height:30px;bottom:9px;left:10px}.category-cover-index{font-size:10px;bottom:14px;right:12px}.category-atelier .category-hint{font-size:12px}.category-halo.clock-popover{padding:20px 16px 18px;border-radius:28px;max-height:var(--halo-height)}.clock-heading{gap:10px}.clock-heading small{font-size:9px;letter-spacing:1px}.clock-heading h3{font-size:29px;margin-top:6px}.clock-popover .clock-close{width:40px;height:40px;flex-basis:40px}.clock-instruction{font-size:13px;margin:10px 0 3px;line-height:1.8}.category-clock{margin:12px auto 20px;width:100%}.clock-product-frame{width:100%;padding:4px}.clock-product-name{display:none}.clock-product-code{display:block;font:10px/1.5 Arial;letter-spacing:.5px;color:#c5cfad}.clock-piece{width:22%;gap:4px}.clock-piece strong{font-size:12px;line-height:1.5}.clock-piece-0{--cy:18%}.clock-piece-1,.clock-piece-5{--cy:35%}.clock-piece-2,.clock-piece-4{--cy:72%}.clock-piece-3{--cy:88%}.clock-logo{width:27%;gap:6px}.clock-logo img{width:68%}.clock-logo small{display:none}.clock-logo>span:last-child{font-size:10px;line-height:1.7}.clock-logo-ring{inset:-5px}.clock-selection{padding:13px 10px;gap:10px;border-radius:14px;flex-wrap:wrap}.clock-selection>img{width:58px;height:58px;flex-basis:58px}.clock-selection h4{font-size:15px;line-height:1.7}.clock-selection small{font-size:12px}.clock-selection strong{font-size:15px}.clock-selection>a{margin-right:auto;font-size:13px}.clock-shop-link{font-size:16px;padding:14px 17px;margin-top:12px}.clock-dial .clock-minute-marks{stroke-width:5}.clock-sweep{inset:4%}}
@media(max-width:360px){.category-atelier{padding-inline:14px}.category-atelier .category-trigger h3{font-size:23px}.category-atelier .category-card-copy,.category-atelier .category-orbit:last-child .category-card-copy{padding-inline:11px}.category-atelier .category-card-copy>span{font-size:12px}.clock-popover .clock-heading small{font-size:8px;letter-spacing:.7px}.category-halo.clock-popover{padding:18px 12px 16px}.clock-instruction{font-size:12px}.clock-piece strong{font-size:11px}.clock-product-code{font-size:9px}.clock-selection h4{font-size:14px}.clock-selection>a{font-size:13px}.clock-logo>span:last-child{font-size:9px}.clock-heading h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.clock-popover,.clock-popover *,.category-atelier .category-trigger,.category-atelier .category-cover img,.category-cover-open{animation:none!important;transition:none!important}.clock-popover.is-open .clock-piece{opacity:1;transform:translate(-50%,-50%);filter:none}.clock-popover:popover-open{transform:none}.category-atelier .category-trigger:hover,.category-atelier .category-trigger:hover .category-cover img{transform:none}}
.clock-product-frame{padding:12%}.clock-product-frame img{border-radius:0}.clock-piece{--reveal-x:0px;--reveal-y:130px}.clock-piece-1{--reveal-x:-130px;--reveal-y:70px}.clock-piece-2{--reveal-x:-130px;--reveal-y:-70px}.clock-piece-3{--reveal-x:0px;--reveal-y:-130px}.clock-piece-4{--reveal-x:130px;--reveal-y:-70px}.clock-piece-5{--reveal-x:130px;--reveal-y:70px}
@keyframes clock-piece-reveal{from{opacity:0;transform:translate(calc(-50% + var(--reveal-x)),calc(-50% + var(--reveal-y))) scale(.25);filter:blur(4px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}
@media(max-width:700px){.clock-product-frame{padding:9%}.clock-piece{--reveal-y:70px}.clock-piece-1{--reveal-x:-65px;--reveal-y:35px}.clock-piece-2{--reveal-x:-65px;--reveal-y:-35px}.clock-piece-3{--reveal-y:-70px}.clock-piece-4{--reveal-x:65px;--reveal-y:-35px}.clock-piece-5{--reveal-x:65px;--reveal-y:35px}}
.category-clock[data-count="4"] .clock-piece-1{--cx:83%;--cy:52%}.category-clock[data-count="4"] .clock-piece-2{--cx:50%;--cy:86%;--reveal-x:0px;--reveal-y:-130px}.category-clock[data-count="4"] .clock-piece-3{--cx:17%;--cy:52%;--reveal-x:130px;--reveal-y:0px}
@media(max-width:700px){.category-clock[data-count="4"] .clock-piece-2{--cy:88%;--reveal-y:-70px}.category-clock[data-count="4"] .clock-piece-3{--reveal-x:65px}}
.category-atelier .category-orbit:last-child .category-cover img{aspect-ratio:1;width:100%;height:100%;object-fit:cover}
.clock-selection>a{display:inline-flex;align-items:center;gap:6px}.clock-selection>a svg{width:17px;height:17px}

/* Six category cards share one rhythm across shoes, bags and the full collection. */
.category-atelier .category-selectors{max-width:1120px;margin-inline:auto;gap:28px}
.category-atelier .category-orbit:nth-child(n){width:100%;grid-column:auto;justify-self:stretch}
.category-atelier .category-trigger{border-radius:90px 90px 12px 12px}
.category-atelier .category-cover{border-radius:inherit}
.category-atelier .category-card-copy{min-height:130px}
@media(max-width:700px){.category-atelier .category-selectors{gap:20px 14px}.category-atelier .category-card-copy{min-height:122px}.category-atelier .category-trigger h3{font-size:24px}.category-atelier .category-card-copy>span{font-size:12px}}
@media(max-width:360px){.category-atelier .category-selectors{gap:16px 10px}.category-atelier .category-trigger h3{font-size:21px}.category-atelier .category-card-copy>span{font-size:11px}}