.style-lab{background:#252d28;color:#f8f5ef;margin-block:85px;padding-block:90px;overflow:hidden;position:relative;background-image:radial-gradient(ellipse at 18% 45%,#64715a66,transparent 60%)}
.style-lab:before{content:"MN";position:absolute;inset-inline-end:-25px;bottom:-80px;font:400 360px Georgia,serif;color:#ffffff04;pointer-events:none}
.style-lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative}
.style-lab .eyebrow{color:#c4b293}.style-lab h2{font-size:clamp(32px,4vw,56px);line-height:1.7;font-weight:400;margin:20px 0}.style-lab h2 em{font-style:normal;color:#d3bf9b}.style-lab-copy>p{font-size:13px;color:#c4c9c1;max-width:340px;line-height:2.3}
.style-controls{display:flex;gap:12px;direction:ltr;margin-top:30px}.style-controls[hidden]{display:none}.style-controls button{font:14px Georgia,serif;width:48px;height:48px;border:1px solid #ffffff40;color:inherit;background:transparent;border-radius:50%;cursor:pointer;transition:background .25s,color .25s,transform .25s}.style-controls button[aria-pressed=true]{background:#d3bf9b;color:#252d28;border-color:#d3bf9b}.style-controls button:hover{transform:translateY(-4px)}.style-controls button:focus-visible,.style-face:focus-visible,.instagram-orbit:focus-visible{outline:3px solid #c6a674;outline-offset:7px}.style-status{min-height:30px}
.style-stage{--size:310px;width:var(--size);margin:35px auto 50px;perspective:1200px;position:relative}.style-cube{display:grid;gap:24px}.style-face{display:block;position:relative;aspect-ratio:1/1.15;color:#fff;overflow:hidden;border:1px solid #ffffff25;border-radius:4px}.style-face img{width:100%;height:100%;object-fit:cover}.style-face:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#121a16e6)}.style-face>span{position:absolute;inset-inline:24px;bottom:24px;z-index:1;display:grid;gap:10px}.style-face small{font:9px Georgia,serif;letter-spacing:2px}.style-face strong{font-size:20px;font-weight:400}.style-face b{font-size:11px;font-weight:400;color:#dfd1b9}
.is-interactive .style-stage{height:var(--size)}.is-interactive .style-cube{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(calc(var(--size) / -2)) rotateY(var(--turn,0deg));transition:transform 1s cubic-bezier(.22,.75,.2,1)}.is-interactive .style-face{position:absolute;inset:0;aspect-ratio:auto;backface-visibility:hidden;transform:rotateY(calc(var(--face) * 90deg)) translateZ(calc(var(--size) / 2))}.stage-caption{display:block;text-align:center;margin-top:35px;font:9px Georgia,serif;letter-spacing:4px;color:#c4b293}.is-interactive .stage-caption{position:absolute;top:100%;width:100%}
.instagram-note{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:35px 70px;border-bottom:1px solid #424a3725}.instagram-note h2{font-size:32px;font-weight:400;margin:16px 0}.instagram-note p{font-size:13px;color:var(--muted)}.instagram-orbit{display:grid;place-items:center;gap:12px;padding:30px 45px;border:1px solid #94765050;border-radius:100%;transition:background .3s,transform .3s}.instagram-orbit>span{font-size:30px}.instagram-orbit strong{font:16px Georgia,serif;letter-spacing:1px}.instagram-orbit small{font-size:9px}.instagram-orbit:hover{background:#e9ece2;transform:rotate(-3deg)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.perspective-card{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease-out}.hero-seal{transition:transform .8s}.hero-art:hover .hero-seal{transform:rotate(18deg)}.editorial-card img{transition:transform .8s}.editorial-card:hover img{transform:scale(1.06)}}
@media(max-width:900px){.style-lab-layout{gap:30px}.style-stage{--size:260px}.style-lab{padding-block:65px}}
@media(max-width:600px){.style-lab{margin-block:50px;padding-block:40px 55px}.style-lab-layout{grid-template-columns:1fr;gap:15px}.style-lab h2{font-size:32px;line-height:1.6}.style-lab h2 br{display:none}.style-lab h2 em{display:block}.style-stage{--size:min(260px,68vw);margin-block:30px 45px}.style-controls button{width:44px;height:44px}.instagram-note{flex-direction:column;align-items:start;gap:22px;padding-bottom:40px}.instagram-note h2{font-size:26px}.instagram-orbit{align-self:center;padding:24px 35px}.style-face strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.is-interactive .style-cube{transform:none;transform-style:flat;transition:none}.is-interactive .style-face{transform:none;visibility:hidden}.is-interactive .style-face.is-current{visibility:visible}.perspective-card{transform:none!important}.style-controls button:hover,.instagram-orbit:hover{transform:none}}
