*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#f8faf9;color:#171e1b;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.stage:focus-visible{outline:2px solid #52685d;outline-offset:6px}.skip{position:absolute;left:16px;top:-80px;z-index:9;background:white;padding:12px}.skip:focus{top:12px}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:20px}.brand{text-decoration:none;font-size:18px;letter-spacing:-.8px}.brand span{color:#69756e}nav{display:flex;gap:30px;align-items:center;font-size:12px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.external{border-bottom:1px solid #abb6af;padding-bottom:5px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#ecf2ee66,transparent 65%);padding-bottom:30px}.intro{text-align:center;padding:16px 20px 0}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:500}.intro h1{font-size:clamp(30px,4.1vw,58px);font-weight:400;letter-spacing:-2px;margin:16px 0 10px}.subtitle{font-size:12px;color:#68736d}.stage{position:relative;height:clamp(340px,49vw,600px);max-width:1600px;margin:-25px auto -55px;touch-action:pan-y;cursor:grab;user-select:none}.stage.dragging{cursor:grabbing}.rail{position:absolute;top:4%;width:100%;height:24%;pointer-events:none}.products{position:absolute;inset:0;isolation:isolate}.garment{position:absolute;width:43%;height:100%;left:28.5%;top:0;border:0;background:transparent;padding:0;cursor:inherit;transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .6s,filter .6s;transform-origin:50% 23%;mix-blend-mode:multiply}.garment img{width:100%;height:100%;object-fit:contain;pointer-events:none;mix-blend-mode:multiply}.garment.active{transform:translateX(0) scale(1);z-index:2;opacity:1}.garment.before{transform:translateX(-86%) scale(.73);z-index:1;opacity:.78;filter:blur(.3px)}.garment.after{transform:translateX(86%) scale(.73);z-index:1;opacity:.78;filter:blur(.3px)}.stage-note{position:absolute;left:4vw;bottom:20%;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl;color:#849087}.selection{position:relative;text-align:center;z-index:3;pointer-events:none}.selection>*{pointer-events:auto}.selection h2{font-size:20px;font-weight:400;letter-spacing:-.5px;margin:8px 0 18px}.selection .eyebrow{color:#68766c;margin:0}.cta{background:#18211c;color:white;display:inline-flex;gap:40px;align-items:center;text-decoration:none;border-radius:30px;padding:15px 24px;font-size:12px;transition:background .2s,transform .2s}.cta:hover{background:#354c3e;transform:translateY(-2px)}.destination{font-size:10px;color:#718076;margin:9px 0 18px}.controls{display:flex;align-items:center;justify-content:center;gap:20px}.controls button{border:1px solid #a7b2aa;border-radius:50%;width:38px;height:38px;background:transparent;cursor:pointer}.controls button:hover{background:#e2eae5}.progress{width:130px;height:1px;background:#c6cfc8}.progress span{display:block;width:50%;height:2px;background:#203b2b;transition:transform .6s}#counter{font-size:10px;letter-spacing:2px}.hint{font-size:8px;letter-spacing:2.5px;margin-top:18px;color:#7a877e}.collection{padding:85px 7vw;background:#fff}.section-heading{max-width:650px}.section-heading h2,.about h2{font-size:clamp(27px,3vw,42px);font-weight:400;letter-spacing:-1.5px;margin:18px 0}.section-heading>p:last-child,.about p{font-size:14px;line-height:1.9;color:#657269}.cards{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:45px}.cards article{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px}.cards img{width:100%;height:auto}.cards h3{font-size:17px;font-weight:400;line-height:1.5}.cards p{font-size:12px;line-height:1.9;color:#657269}.cards a{font-size:11px;text-underline-offset:5px;line-height:1.9}.about{padding:75px 7vw;max-width:850px}.about .eyebrow{font-size:9px}footer{padding:30px 4vw;border-top:1px solid #dce3dd;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:10px;color:#657269}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.stage{margin-bottom:-45px}}@media(max-width:700px){header{height:70px;padding:0 22px}.brand{font-size:15px}nav{gap:16px;font-size:10px}nav .external{display:none}.intro{padding-top:20px}.intro h1{letter-spacing:-1.3px;font-size:34px}.subtitle{font-size:11px}.eyebrow{font-size:8px}.stage{height:clamp(370px,113vw,590px);margin:-15px auto -40px}.garment{width:92%;left:4%}.garment.before{transform:translateX(-69%) scale(.74)}.garment.after{transform:translateX(69%) scale(.74)}.rail{top:5%;height:22%;width:180%;left:-40%}.stage-note{display:none}.hero{padding-bottom:35px}.selection h2{font-size:18px}.collection{padding:55px 24px}.cards{grid-template-columns:1fr;gap:35px}.cards article{grid-template-columns:1fr 1fr;gap:16px}.cards h3{font-size:16px}.about{padding:50px 24px}footer{padding:28px 24px;flex-direction:column;align-items:flex-start;gap:10px}footer p{margin:0}.cta{padding:14px 23px}.controls{gap:16px}.progress{width:95px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* WebGL showroom replaces the first photograph slider. */
.hero{min-height:calc(100svh - 84px);display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 72%,#eaf1ec88,transparent 70%)}
.intro{position:relative;z-index:2;padding-top:12px}.intro h1{margin:12px 0 8px;font-size:clamp(32px,3.5vw,52px)}
.stage{width:100%;height:clamp(400px,56vh,690px);min-height:400px;max-width:none;margin:0 auto;flex:1;overflow:hidden;touch-action:pan-y}
.stage>canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.stage.webgl-ready>.rail,.stage.webgl-ready>.products,.stage.webgl-ready>.stage-note{display:none}
.stage:not(.scene-fallback)>.products,.stage:not(.scene-fallback)>.rail{visibility:hidden}
.scene-status{position:absolute;inset:40% 12% auto;text-align:center;font-size:12px;color:#657269;z-index:2}.scene-status[hidden]{display:none}
.selection{margin:0;padding:0 20px 16px}.selection h2{margin:7px 0 12px}.destination{margin:7px 0 12px}.hint{margin-bottom:0}
@media(max-width:700px){.hero{min-height:calc(100svh - 70px);padding-bottom:10px}.intro{padding-top:12px}.intro h1{font-size:32px}.intro .subtitle{margin-bottom:4px}.stage{height:clamp(360px,53svh,570px);min-height:360px;margin:0}.selection{padding-bottom:12px}.selection .cta{padding:12px 22px}.selection .hint{margin-top:12px}}

.selection h2{max-width:620px;margin:7px auto 12px;font-size:clamp(16px,1.7vw,23px);line-height:1.35}.progress span{width:50%}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:50px 28px;margin-top:35px}.catalog-card[hidden]{display:none}.catalog-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#f7f9f7}.catalog-card h3{font-size:14px;font-weight:400;line-height:1.5;margin:9px 0 13px}.catalog-card a,.show-in-scene,.archive-note{display:block;font-size:11px;line-height:1.6;margin:9px 0}.show-in-scene{border:0;border-bottom:1px solid #9ca99f;padding:3px 0;background:none;cursor:pointer}.archive-note{color:#79867c}.badge{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#6f7b73}.badge.disponibil{color:#345c40}.badge.disponibil:before{content:'● ';font-size:8px}.filters{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.filters label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#637167;flex:1;min-width:170px}.filters input,.filters select{font:inherit;font-size:13px;border:1px solid #d3dcd6;background:#fbfcfb;border-radius:4px;color:#1b2c20;padding:13px;width:100%;min-height:44px}.snapshot,#result-count{font-size:11px!important;color:#748077}.catalog-card:target{outline:1px solid #6c8874;outline-offset:12px}#result-count{margin-top:24px}@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}}@media(max-width:600px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 17px}.catalog-card h3{font-size:12px}.selection h2{max-width:340px}.filters{gap:12px}.filters label:first-child{flex-basis:100%}.filters label{min-width:120px}.catalog-card a,.show-in-scene,.archive-note{font-size:10px}}

.scene-fallback .products,.scene-fallback .rail{display:none}.scene-fallback{min-height:160px;height:160px;flex:0 0 auto}