:root{--studio-background:radial-gradient(ellipse at 49% 25%,#f2f2f2 0%,#e3e4e5 42%,#bfc1c4 100%)}
html{scroll-padding-top:80px}
html.presentation{scrollbar-width:none}html.presentation::-webkit-scrollbar{display:none}
body{padding-top:80px}
.header{--header-progress:0;position:fixed;inset:0 0 auto;height:80px;padding:0 32px;background:#fafafa;border-bottom:1px solid #babdc0;isolation:isolate;overflow:hidden}
.header:before{content:"";position:absolute;inset:0 -25%;z-index:-1;background:linear-gradient(105deg,#f5f6f7 10%,#fff 35%,#eef0f1 51%,#fff 72%,#f5f6f7 90%);transform:translateX(calc(var(--header-progress)*12%));pointer-events:none}
.header nav{grid-column:1;gap:28px;align-items:center;align-self:end;margin-bottom:20px;white-space:nowrap;font-size:14px}
.brand-mark{display:block;transition:transform .25s}
.brand-mark:hover{transform:rotate(-7deg)}
.brand-mark img{width:38px;height:38px}
.header .catalog-nav{display:flex;align-items:center;gap:16px;font-size:16px;font-weight:700}
.catalog-nav span{font-size:21px;color:#b52a20}
.header .brand{position:absolute;left:50%;top:19px;width:350px;transform:translateX(-50%)}
.header .brand img{width:100%;height:auto}
.header-actions{grid-column:3;justify-self:end;align-self:end;display:flex;align-items:center;gap:36px;font-size:15px;margin-bottom:20px;height:38px}
.bag-toggle{display:flex;align-items:center;gap:12px;padding:0;font-size:15px}
.bag-toggle>span{border:1px solid #a4a4a4;margin:0;width:30px;height:30px;font-size:12px;align-items:center}
.header-actions>a,.category-nav{position:relative;padding:10px 0}
.header-actions>a:after,.category-nav:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:1px;background:#b52a20;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.header-actions>a:hover:after,.category-nav:hover:after{transform:scaleX(1)}
.is-product{padding-top:80px}.is-product .header{--header-progress:1!important}
.catalog{padding:46px 24px 72px}
.product-grid{gap:var(--card-gap)}
@media(min-width:1101px){.catalog-curated .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:681px) and (max-width:1100px){.catalog-curated .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.catalog-curated .product:first-child{grid-column:auto}.catalog-curated .product:first-child .product-picture{aspect-ratio:.64}}
.product-picture:before{background:var(--studio-background)}
.product-line,.product-subline{padding-left:10px;padding-right:10px}
.product-subline{min-height:30px}
.product-picture{--hover-color:#8b789c;background-image:radial-gradient(ellipse at 46% 18%,#ffffff20,transparent 62%)}
.product:not(.bronze):not(.pearl):not(.red) .pose{object-fit:contain;object-position:50% 100%;padding:0}
.product:not(.bronze):not(.pearl):not(.red) .pose-a,.product:not(.bronze):not(.pearl):not(.red) .product-picture:not(.outfit-hover).is-active .pose-b{transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--px),var(--py)) scale(1)}
.model-photo{filter:none}
.product .product-picture .pose.edge-crop,.product:not(.bronze):not(.pearl):not(.red) .pose.edge-crop{object-fit:cover;object-position:50% 0;padding:0}
.product:not(.bronze):not(.pearl):not(.red) .pose.top-crop{object-position:50% 0}
.bronze .product-picture .pose-b{object-fit:contain;object-position:50% 100%;padding:0}
.bronze .product-picture:not(.outfit-hover).is-active .pose-b{transform:translate(var(--px),var(--py)) scale(1)}
.pearl .product-picture .pose-a{object-fit:contain;object-position:50% 100%;padding:0;transform:translate(var(--px),var(--py)) scale(1)}
.pearl .product-picture .pose-b{object-fit:cover;object-position:50% 0;padding:0}
.red .product-picture .pose-a{object-fit:cover;object-position:50% 0;padding:0}
.red .product-picture .pose-b{object-fit:contain;object-position:50% 100%;padding:0}
.red .product-picture:not(.outfit-hover).is-active .pose-b{transform:translate(var(--px),var(--py)) scale(1)}
.product-picture:after{display:none}
/* Keep the card, background and clipping frame fixed; ease only the alternate photograph and its shadow. */
.product-picture.outfit-hover{contain:paint;transform:translateZ(0);backface-visibility:hidden}
.product-picture.outfit-hover:before{opacity:1;transition:none}
.product-picture.outfit-hover .pose-a{opacity:1;transform:scale(1);transition:none;will-change:auto}
.product.bronze .product-picture.outfit-hover .pose-a,.product.red .product-picture.outfit-hover .pose-a{transform:scale(1.06)}
.product .product-picture.outfit-hover .picture-hover .pose-b{opacity:1;transform:none;transition:none;will-change:auto}
.picture-hover{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 46% 18%,#ffffff20,transparent 62%),var(--hover-color);clip-path:inset(0 100% 0 0);transform:translateZ(0);will-change:clip-path;transition:clip-path .52s cubic-bezier(.22,.61,.36,1)}
.picture-hover-scene{position:absolute;inset:0;transform:scale(1.025);transform-origin:50% 100%;will-change:transform;transition:transform .52s cubic-bezier(.22,.61,.36,1)}
.picture-hover{background:radial-gradient(ellipse at 49% 30%,#ffffff22 0%,#ffffff08 30%,#10101c18 64%,#090c1859 100%),var(--hover-color)}
.product-picture.is-active .picture-hover{clip-path:inset(0)}
.product-picture.is-active .picture-hover-scene{transform:scale(1)}
.product-picture.outfit-hover .pose.plan-general{object-fit:contain;object-position:50% 100%;padding:0}
.product.red .product-picture .pose-a{object-fit:contain;object-position:50% 100%;transform:scale(1)}
@media(prefers-reduced-motion:reduce){.picture-hover,.picture-hover-scene{will-change:auto;transition:none}.picture-hover-scene{transform:none!important}}
.hero{contain:paint;isolation:isolate}
.hero-canvas{position:absolute;inset:0;display:none;width:100%;height:100%;pointer-events:none}
.hero.has-canvas .hero-canvas{display:block}
.hero.has-canvas .hero-scene{display:none}
.hero.has-canvas .hero-photo{visibility:hidden}
.hero-scene{position:absolute;pointer-events:none;display:none;transform:translateZ(0);backface-visibility:hidden}
.hero.has-layers .hero-scene{display:block}.hero.has-layers .hero-photo{visibility:hidden}
.hero-background{position:absolute;inset:0;width:100%;height:100%}
.hero-layer{position:absolute;height:auto;max-width:none;will-change:transform;backface-visibility:hidden}
.hero-layer-bronze{left:0;top:-12.962963%;width:50%;transform:translate3d(var(--hero-bronze-x,0px),var(--hero-bronze-y,0px),0)}
.hero-layer-pearl{left:58.398438%;top:-4.62963%;width:36.328125%;transform:translate3d(var(--hero-pearl-x,0px),var(--hero-pearl-y,0px),0)}
.story-stage{top:80px;height:1000px;max-height:calc(100svh - 80px)}
.story-person>img{position:absolute;inset:0;filter:none}
#story,.story-seated,.story-editorial{--story-height:min(800px,78svh);height:var(--story-height)}
#story .story-stage,.story-seated .story-stage,.story-editorial .story-stage{position:relative;top:0;height:var(--story-height);min-height:0}
#story .story-type{left:4%;top:16%;font-size:clamp(130px,18vw,346px);letter-spacing:-.035em;line-height:.83}
#story .story-type span+span{margin-left:2vw}
#story .story-person{inset:6% -3% 3% 45%}
.story-seated{background:#c7342b}
.story-seated .story-backdrop{background:radial-gradient(ellipse at 35% 32%,#dc4838 0%,#ca352c 38%,#b52926 76%,#941e22 100%)}
.story-seated .story-type{left:34%;top:17%;font-size:clamp(130px,13.2vw,253px);line-height:1;color:#fff9ef;letter-spacing:-.015em;white-space:nowrap}
.story-seated .story-type span+span{margin-left:2vw}
.story-seated .story-person{inset:6% 47% 5% 1%}
.story-seated .story-person img{position:relative;filter:drop-shadow(9px 12px 9px #39291e27)}
.story-seated .story-person:before{content:"";position:absolute;bottom:0;left:27%;width:43%;height:4%;background:radial-gradient(ellipse,#3b2b2445,transparent 68%);filter:blur(5px)}
.story-seated .story-kicker,.story-seated .story-bottom>span{color:#fff9ef}
.story-seated .story-bottom>a{background:#fff9ef;color:#151515}
.detail-photos{gap:8px}
.detail-photo{background:var(--studio-background);overflow:hidden;aspect-ratio:1400/1875}
.detail-photo:first-child{grid-column:1/-1;aspect-ratio:auto;height:min(850px,56vw)}
/* Eight originals: a lead, two pairs, then three complementary views. */
.detail-photos[data-count="8"]{grid-template-columns:repeat(6,minmax(0,1fr))}
.detail-photos[data-count="8"] .detail-photo{grid-column:span 3}
.detail-photos[data-count="8"] .detail-photo:nth-child(n+6){grid-column:span 2}
.detail-photos[data-count="8"] .detail-photo:first-child{grid-column:1/-1}
.detail-photos .detail-photo img{width:100%;height:100%;max-height:none;object-fit:contain;background:transparent}
.detail-info{top:105px}
.bag-item img{background:var(--studio-background)}
.detail-photo{position:relative;padding:0;border:0;cursor:zoom-in;display:block}
.detail-photos .detail-photo img{position:absolute;inset:0}
.detail-photos .detail-photo img.edge-crop{object-fit:cover;object-position:50% 0}
.detail-photo:after,.zoom-canvas:after{display:none}
.image-viewport{background:var(--studio-background)}
.ground-shadow{pointer-events:none}
.image-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#e2e3e5;color:#151515}
.image-dialog::backdrop{background:#151515bb}
.image-dialog-bar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px;background:#fff;border-bottom:1px solid #ccc}
.image-tools{display:flex;align-items:center;gap:12px}.image-tools button{width:42px;height:42px;font-size:25px}.image-tools button:disabled{opacity:.25;cursor:default}.image-tools output{font-size:14px;width:50px;text-align:center}
.image-viewport{height:calc(100% - 76px);overflow:auto;overscroll-behavior:contain;padding:12px 0}
.zoom-canvas{position:relative;margin:0 auto;background:var(--studio-background);cursor:zoom-in}.zoom-canvas.zoomed{cursor:zoom-out}
.zoom-canvas img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none}
.recommendations{border-top:1px solid #ddd;padding-top:52px}.recommendations .product-picture{aspect-ratio:.9}
.story-editorial .story-type{left:5%;top:28%;font-size:clamp(100px,12.5vw,240px);line-height:1.03;letter-spacing:-.035em;white-space:nowrap}
.story-editorial .story-type span+span{margin-left:0}
.story-editorial .story-person{inset:7% 2% 4% 51%}
.story-editorial.person-left .story-person{inset:7% 50% 4% 3%}
.story-editorial.person-left .story-type{left:31%;top:36%;font-size:clamp(100px,10.6vw,203px)}
.story-graphite{background:#65666d}.story-graphite .story-backdrop{background:radial-gradient(ellipse at 48% 30%,#93959d,#72737b 50%,#4d4e55 100%)}.story-graphite .story-type,.story-graphite .story-kicker{color:#fff}
.story-red{background:#c7342b}.story-red .story-backdrop{background:radial-gradient(ellipse at 45% 35%,#df4b3c,#c5322a 50%,#a32325 100%)}.story-red .story-type,.story-red .story-kicker{color:#fff}
#story-mesh .story-type{font-size:clamp(130px,11.6vw,223px);top:33%}
#story-mesh .story-person{left:42%;right:8%}
#story-motion .story-type{font-size:clamp(150px,20vw,384px);top:18%}
#story-motion .story-person{left:43%;right:7%}
#story-net .story-type{font-size:clamp(130px,10.6vw,203px);top:28%}
#story-net .story-person{inset:7% -3% -14% 49%}
@media(max-width:1450px){.header .brand{width:300px}.category-nav:last-child{display:none}.header nav{gap:22px}}
@media(max-width:1100px){
 body{padding-top:82px}.header{height:82px;padding:0 22px}
 .header .brand{width:225px;top:27px;transform:translateX(-50%)}
 .header nav,.header-actions{margin-bottom:20px;height:38px}.header nav{gap:20px}.header-actions{gap:22px;font-size:14px}
 .category-nav{display:none}.brand-mark img{width:34px;height:34px}.header .catalog-nav{gap:16px;font-size:14px}.bag-toggle{font-size:14px;gap:9px}
 .is-product{padding-top:82px}.catalog{padding-left:16px;padding-right:16px}.product-grid{gap:var(--card-gap)}.product-line,.product-subline{padding-left:5px;padding-right:5px}
 .story-stage{top:82px;max-height:calc(100svh - 82px)}
 #story .story-type{top:24%;font-size:22vw;left:3%}#story .story-person{inset:9% 0 6% 32%}
 .story-seated .story-type{left:34%;top:31%;font-size:14.6vw}.story-seated .story-type span+span{margin-left:1vw}.story-seated .story-person{inset:8% 43% 6% -3%}
}
@media(max-width:680px){
 html{scroll-padding-top:72px}body,.is-product{padding-top:72px}.header{height:72px;padding:0 13px}
 .header nav,.header-actions{height:32px;margin-bottom:20px}.header nav{gap:10px}.header nav a:nth-child(2){display:flex}.header .catalog-nav{font-size:12px;gap:0}.catalog-nav span{display:none}
 .brand-mark img{width:28px;height:28px}.header .brand{width:136px;top:27px;transform:translateX(-50%)}
 .header-actions>a{display:none}.bag-toggle{font-size:12px;gap:5px}.bag-toggle>span{width:23px;height:25px;font-size:11px}
 .catalog{padding-left:10px;padding-right:10px;padding-bottom:48px}.product-grid{gap:var(--card-gap)}.product-line,.product-subline{padding-left:4px;padding-right:4px}
 .story-stage{top:72px;max-height:calc(100svh - 72px)}#story .story-type{left:3%;top:25%;font-size:30vw;line-height:.95}#story .story-type span+span{margin-left:0}#story .story-person{inset:12% -13% 12% 17%}
 .story-seated .story-type{left:30%;top:33%;font-size:16.8vw;line-height:1.15;letter-spacing:-.035em}.story-seated .story-type span+span{margin-left:1vw}
 .story-seated .story-person{inset:8% 40% 12% -27%}.story-seated .story-kicker>span:first-child{max-width:165px}.story-seated .story-bottom>a{width:192px}.story-seated .story-bottom>span{max-width:115px}
 .detail-photo:first-child{height:auto;aspect-ratio:1400/1875}.detail-photos .detail-photo img{max-height:none}
 .detail-photos[data-count="8"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail-photos[data-count="8"] .detail-photo:nth-child(n){grid-column:span 1}
 .detail-photos[data-count="8"] .detail-photo:first-child,.detail-photos[data-count="8"] .detail-photo:last-child{grid-column:1/-1}
 .detail-photos[data-count="8"] .detail-photo:last-child{aspect-ratio:1.25}
 .image-dialog-bar{height:64px;padding:0 12px;gap:8px}.image-dialog-bar>span{max-width:100px;font-size:12px}.image-tools{gap:3px}.image-tools button{width:32px;font-size:22px}.image-tools output{font-size:12px;width:40px}.image-viewport{height:calc(100% - 64px)}
 .story-editorial .story-type{font-size:15vw;top:32%}.story-editorial.person-left .story-type{left:23%;font-size:12vw;top:38%}.story-editorial .story-person{inset:15% -10% 10% 32%}.story-editorial.person-left .story-person{inset:15% 28% 10% -12%}
}
@media(max-width:370px){.brand-mark{display:none}.header .brand{width:135px}.header nav{gap:0}.bag-toggle{gap:4px}}
@media(prefers-reduced-motion:reduce){body{padding-top:80px}.header{--header-progress:0!important}.story-stage{position:relative;top:auto}.hero-layer{transform:none!important}}
@media(max-width:1100px) and (prefers-reduced-motion:reduce){body{padding-top:82px}}
@media(max-width:680px) and (prefers-reduced-motion:reduce){body{padding-top:72px}}
.stock-badge{position:absolute;z-index:4;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:20px;background:rgba(248,247,245,.92);color:#444;font-size:11px;line-height:1.2;pointer-events:none}
.stock-badge i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%}
.add-to-bag:disabled{background:#e5e3df;color:#777;cursor:default}
.size-option:disabled{opacity:.4;cursor:default}