.mast{padding:0 0 0 6vw;grid-template-columns:44% 56%;min-height:88svh}.portrait{height:clamp(540px,88svh,1050px);width:100%;mask-image:linear-gradient(to bottom,#000 0 68%,rgba(0,0,0,.94) 77%,rgba(0,0,0,.48) 89%,transparent 100%)}.portrait img{object-position:center bottom}.mastcopy{z-index:1}.salon{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(235px,.75fr);align-items:center;background:linear-gradient(110deg,#fff 10%,#faf8fc 80%,#fff);border-block:1px solid #eee7ef}.mirror{position:relative;isolation:isolate;height:clamp(450px,67vh,740px);--accent:#856599;background:radial-gradient(ellipse at 47% 88%,color-mix(in srgb,var(--accent) 12%,white),transparent 56%)}.avatar{position:absolute;inset:4% 23% 6% 5%;pointer-events:none}.avatar img{height:100%;width:100%;object-fit:contain;position:absolute;filter:drop-shadow(2px 3px 2px #251d2d18)}.floor{position:absolute;bottom:5.5%;left:32%;width:20%;height:2%;background:#41324835;border-radius:50%;filter:blur(6px)}.orbit{position:absolute;inset:6% 4% 6% 43%;pointer-events:none}.orbit svg{width:100%;height:100%;overflow:visible}.orbit path{stroke:#bda9ca;stroke-width:1.2;vector-effect:non-scaling-stroke;fill:none}.orbit button{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);width:50px;height:50px;display:grid;place-items:center;border:1px solid #ded5e4;border-radius:50%;background:#fff;box-shadow:0 4px 18px #30173c10}.orbit button[aria-pressed=true]{background:#3d294c;color:white;box-shadow:0 0 0 5px #b49acb38}.orbit button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.orbit button path{stroke:currentColor;stroke-width:1.5}.drawer{padding:30px}.drawer h3{font:normal clamp(36px,4vw,64px)/1 Georgia;letter-spacing:-.055em;margin:0 0 20px}.drawer #palette{display:flex;flex-wrap:wrap;gap:8px}.drawer #palette button{border:1px solid #d9d3dc;border-radius:22px;background:white;padding:9px 15px}.drawer #palette button[aria-pressed=true]{border-color:#7b588a;background:#f0eaf4}.drawer #selection{color:#675d70;margin:20px 0}.swatch{display:inline-block;width:13px;height:13px;border-radius:50%;vertical-align:middle;margin-right:7px;border:1px solid #3332}.mirror[data-mood=Gala]{background-color:#f8f5ef}.mirror[data-mood=Disco]{background-color:#f5f1fa}
@media(max-width:760px){.mast{padding:25px 5vw 0;grid-template-columns:1fr;min-height:0}.portrait{height:clamp(360px,54svh,590px)}.salon{grid-template-columns:1fr}.mirror{height:430px}.orbit{right:5%}.orbit button{width:42px;height:42px}.drawer{padding:14px 18px 28px}}