.floating-perfume *{box-sizing:border-box}.floating-perfume{color-scheme:light;--ink:#352544;--muted:#74617f;--lav:#c9b6e0;--paper:#fdfbf8;--ease:cubic-bezier(.22,1,.36,1)}.floating-perfume{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Plex,Arial,sans-serif}.floating-perfume button,.floating-perfume a{-webkit-tap-highlight-color:#c9b6e033;touch-action:manipulation}.floating-perfume button{font:inherit;cursor:pointer}.floating-perfume a{color:inherit}.floating-perfume button:focus-visible,.floating-perfume a:focus-visible{outline:3px solid #8561a2;outline-offset:5px}.floating-perfume .preview-bar{padding:20px 5%;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e8e0eb;font-size:12px}.floating-perfume .preview-bar b{font-weight:400;letter-spacing:2px}.floating-perfume .preview-bar a{text-underline-offset:5px}.floating-perfume main{max-width:1180px;margin:auto;padding:50px 32px}.floating-perfume .intro-pyramid{text-align:center;margin-bottom:30px}.floating-perfume .eyebrow{font-size:12px;color:#856497}.floating-perfume .intro-pyramid h1{font-size:clamp(32px,4vw,48px);line-height:1.4;margin:9px 0;font-weight:600;letter-spacing:-1px}.floating-perfume .intro-pyramid p{margin:8px 0;color:var(--muted)}.floating-perfume .phone-break{display:none}.floating-perfume .scent-component{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:'sculpture notes' 'controls notes';column-gap:64px;align-items:center;background:#fffefa;border:1px solid #e9e1ed;border-radius:30px;padding:36px 42px 30px;box-shadow:0 20px 70px #35254406}.floating-perfume .sculpture{grid-area:sculpture;position:relative;aspect-ratio:500/450;width:100%;max-width:500px;margin:auto;isolation:isolate}.floating-perfume .sculpture:before{content:'';position:absolute;inset:14% 5%;border-radius:50%;background:radial-gradient(ellipse,#ede1f359,transparent 70%);z-index:-1}.floating-perfume .layer{position:absolute;right:0;width:100%;border:0;padding:0;background:none;display:block;z-index:2;border-radius:16px}.floating-perfume .layer-top{top:0;height:33.34%}.floating-perfume .layer-heart{top:34.45%;height:30.67%}.floating-perfume .layer-base{top:66.23%;height:30.67%}.floating-perfume .layer-art{display:block;width:100%;height:100%;transform:translateY(0);opacity:.8;transition:transform .45s var(--ease),opacity .3s;filter:drop-shadow(0 7px 5px #35254412)}.floating-perfume .layer svg{width:100%;height:100%;overflow:visible;display:block}.floating-perfume .layer svg text{font:600 22px Plex,Arial;fill:#352544;direction:rtl}.floating-perfume .layer-base svg text{fill:white}.floating-perfume .rim{fill:none;stroke:#ffffff9c;stroke-width:2;stroke-linejoin:round}.floating-perfume .face{stroke:#b297c438;stroke-width:1}.floating-perfume .layer[aria-pressed=true] .layer-art{transform:translateY(-7px);opacity:1;filter:drop-shadow(0 11px 8px #6e478c27)}.floating-perfume .layer[aria-pressed=true] .rim{stroke:#fff;stroke-width:3}.floating-perfume .layer:focus-visible{outline:2px dashed #9675ae;outline-offset:2px}.floating-perfume .pedestal{position:absolute;bottom:0;right:13%;width:74%;height:4%;border-radius:50%;background:radial-gradient(ellipse,#62417921,transparent 68%);z-index:0}.floating-perfume .layer-controls{grid-area:controls;display:flex;gap:8px;justify-content:center;margin-top:16px}.floating-perfume .layer-controls button{min-height:48px;flex:1;max-width:150px;border:1px solid #ddd0e7;border-radius:999px;background:#fff;color:#5b426c;padding:8px 10px;transition:background .2s,color .2s,transform .2s}.floating-perfume .layer-controls button span{font-size:10px;display:inline-block;margin-inline-end:7px;opacity:.7}.floating-perfume .layer-controls button[aria-pressed=true]{background:#352544;border-color:#352544;color:#fff}.floating-perfume .layer-controls button:active{transform:scale(.97)}.floating-perfume .notes-area{grid-area:notes;min-width:0}.floating-perfume .selection-label{display:flex;gap:9px;align-items:center;font-size:12px;color:#74617f;margin-bottom:24px}.floating-perfume .selection-dot{height:6px;width:6px;border-radius:50%;background:#916ca9;box-shadow:0 0 0 5px #f0e8f5}.floating-perfume .panel-eyebrow{font-size:10px;letter-spacing:2px;direction:ltr;display:block;color:#876797}.floating-perfume .note-panel h2{font-size:38px;margin:7px 0 20px;line-height:1.4;font-weight:600}.floating-perfume .note-cards{list-style:none;padding:0;margin:0;display:grid;gap:10px}.floating-perfume .note-cards li{display:flex;align-items:center;gap:14px;min-height:58px;padding:12px 18px;background:linear-gradient(120deg,#fbf7fe,#f3ecf8);border:1px solid #e7dceb;border-radius:15px;font-size:17px}.floating-perfume .note-cards svg{width:27px;height:27px;fill:none;stroke:#88619f;stroke-width:1.3;flex:none}.floating-perfume .note-panel[hidden]{display:none!important}.floating-perfume .notes-area{min-height:375px}.floating-perfume .panel-caption{font-size:12px;color:#86758e;margin:20px 0 0}.floating-perfume .component-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 10px;font-size:11px;color:#786783}.floating-perfume .component-footer p{max-width:720px;margin:0}.floating-perfume .component-footer button{flex:none;background:transparent;border:1px solid #dfd2e6;color:#594065;border-radius:999px;min-height:44px;padding:6px 16px;font-size:12px}.floating-perfume .verification{margin-top:35px;padding:25px;border-top:1px solid #e8e0eb;font-size:13px;color:#74617f}.floating-perfume .verification h2{font-size:18px;color:#352544}.floating-perfume .enter .layer-art{animation:assemble .7s var(--ease) both}.floating-perfume .enter .layer-heart .layer-art{animation-delay:.1s}.floating-perfume .enter .layer-base .layer-art{animation-delay:.2s}@keyframes assemble{from{transform:translateY(22px);opacity:.25}to{opacity:1}}.floating-perfume .embedded .preview-bar,.floating-perfume .embedded .intro-pyramid,.floating-perfume .embedded .verification{display:none}.floating-perfume .embedded main{padding:20px;max-width:none}.floating-perfume .embedded .component-footer{padding:12px 8px}.floating-perfume .embedded .scent-component{column-gap:44px}.floating-perfume .embedded .sculpture{max-width:420px}.floating-perfume .quiet .layer-art{transition:opacity .15s;transform:none!important;animation:none!important}.floating-perfume .quiet .layer-controls button{transition:none}
@media(max-width:680px){.floating-perfume main{padding:28px 16px}.floating-perfume .preview-bar{flex-wrap:wrap;padding:12px 20px}.floating-perfume .intro-pyramid{margin-bottom:22px}.floating-perfume .intro-pyramid h1{font-size:33px}.floating-perfume .scent-component{grid-template-columns:minmax(0,1fr);grid-template-areas:'sculpture' 'controls' 'notes';padding:25px 18px 20px;border-radius:24px;gap:0}.floating-perfume .sculpture{max-width:350px}.floating-perfume .layer-controls{margin:12px 0 26px;gap:6px}.floating-perfume .layer-controls button{font-size:14px;padding-inline:5px}.floating-perfume .layer-controls button span{display:none}.floating-perfume .notes-area{padding:0 5px}.floating-perfume .notes-area{min-height:320px}.floating-perfume .selection-label{margin-bottom:18px}.floating-perfume .note-panel h2{font-size:29px;margin:5px 0 15px}.floating-perfume .note-cards li{min-height:52px;padding:10px 15px;font-size:16px}.floating-perfume .component-footer{align-items:flex-start;flex-direction:column;gap:10px}.floating-perfume .embedded main{padding:12px}.floating-perfume .embedded .component-footer{font-size:10px}.floating-perfume .embedded .scent-component{padding:22px 16px 18px}}
@media(prefers-reduced-motion:reduce){.floating-perfume .layer-art{animation:none!important;transform:none!important;transition:opacity .15s!important}.floating-perfume .layer-controls button{transition:none!important}}
@container perfume-pyramid (max-width:680px){.floating-perfume main{padding:28px 16px}.floating-perfume .preview-bar{flex-wrap:wrap;padding:12px 20px}.floating-perfume .intro-pyramid{margin-bottom:22px}.floating-perfume .intro-pyramid h1{font-size:33px}.floating-perfume .scent-component{grid-template-columns:minmax(0,1fr);grid-template-areas:'sculpture' 'controls' 'notes';padding:25px 18px 20px;border-radius:24px;gap:0}.floating-perfume .sculpture{max-width:350px}.floating-perfume .layer-controls{margin:12px 0 26px;gap:6px}.floating-perfume .layer-controls button{font-size:14px;padding-inline:5px}.floating-perfume .layer-controls button span{display:none}.floating-perfume .notes-area{padding:0 5px}.floating-perfume .notes-area{min-height:320px}.floating-perfume .selection-label{margin-bottom:18px}.floating-perfume .note-panel h2{font-size:29px;margin:5px 0 15px}.floating-perfume .note-cards li{min-height:52px;padding:10px 15px;font-size:16px}.floating-perfume .component-footer{align-items:flex-start;flex-direction:column;gap:10px}.floating-perfume .embedded main{padding:12px}.floating-perfume .embedded .component-footer{font-size:10px}.floating-perfume .embedded .scent-component{padding:22px 16px 18px}}
.floating-perfume{container-type:inline-size;container-name:perfume-pyramid;margin:18px 0;background:#fdfbf8;font-family:inherit}
.floating-perfume .scent-component{padding:24px 16px;border-radius:20px;column-gap:25px}
.floating-perfume .notes-area{min-height:320px}
.floating-perfume .note-cards li{white-space:normal;overflow-wrap:anywhere}
.floating-perfume .layer svg text{font-family:inherit}
.visual-pyramid[hidden]{display:none!important}
.motion-paused .floating-perfume .layer-art{animation:none!important;transform:none!important;transition:none!important}