/* A sculptural pause, placed between the two shopping rails. */
.ribbon-edit{--ribbon-light:#f8e7e7;--ribbon-glow:#e5bdc2;--ribbon-edge:#bc8c96;isolation:isolate;position:relative;overflow:hidden;margin:16px 6.5% 24px;min-height:410px;display:grid;grid-template-columns:36% 64%;align-items:center;border-radius:8px;background:radial-gradient(ellipse at 72% 42%,var(--ribbon-light),var(--banner) 70%);border:1px solid var(--line);padding:38px 4% 48px;transition:background .7s}
.ribbon-edit[data-ribbon-mode="pearl"]{--ribbon-light:#fffdf8;--ribbon-glow:#dacdc4;--ribbon-edge:#b4a39b}
.ribbon-copy{position:relative;z-index:5;direction:rtl;text-align:right}.ribbon-copy>.eyebrow{font-size:7px;letter-spacing:2px;direction:ltr;color:var(--muted)}.ribbon-copy h2{font:40px/1.7 Body;margin:18px 0 12px;letter-spacing:-.6px}.ribbon-copy h2 em{color:var(--accent);font-style:normal}.ribbon-copy p{font:14px/2 Body;color:var(--muted);margin:0 0 16px}.ribbon-copy .text-link{font-size:13px;gap:24px;margin-top:14px}.ribbon-modes{display:flex;gap:7px;flex-wrap:wrap}.ribbon-modes button{font:12px/1.8 Body;padding:8px 11px;border:1px solid var(--line);border-radius:24px;background:transparent;min-height:40px}.ribbon-modes button[aria-pressed="true"]{background:var(--surface);border-color:var(--accent)}
.ribbon-scene{position:relative;width:100%;height:330px;perspective:1000px;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .6s;isolation:isolate}.ribbon-art{display:block;position:absolute;width:112%;height:112%;object-fit:contain;left:-6%;top:-8%;z-index:3;filter:drop-shadow(0 17px 18px #77505e20);animation:ribbon-levitate 8s ease-in-out infinite;transform-origin:center}.ribbon-aura{position:absolute;inset:3% 12% 6%;border-radius:50%;background:radial-gradient(ellipse,var(--ribbon-glow),transparent 68%);filter:blur(22px);opacity:.7;transition:background .7s}.ribbon-reflection{position:absolute;width:60%;height:7%;bottom:0;left:20%;border-radius:50%;background:radial-gradient(ellipse,#7d4d6038,transparent 70%);filter:blur(7px);transform:rotateX(50deg);animation:ribbon-shadow 8s ease-in-out infinite;z-index:1}.ribbon-orbit{border:1px solid var(--ribbon-edge);border-radius:50%;position:absolute;left:6%;right:2%;height:48%;top:26%;opacity:.3;pointer-events:none}.orbit-back{transform:rotate(-15deg) rotateX(60deg);z-index:2}.orbit-front{transform:rotate(18deg) rotateX(68deg);z-index:4;clip-path:inset(50% 0 0)}.ribbon-pearl{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff 0 7%,#f4dbdb 30%,#bd8e9a 75%,#8f6575);box-shadow:inset -3px -4px 7px #9b6c7920,3px 9px 14px #7d506522;z-index:4;animation:pearl-drift 7s ease-in-out infinite}.pearl-one{width:27px;height:27px;left:6%;top:19%}.pearl-two{width:15px;height:15px;right:6%;bottom:13%;animation-delay:-3s}.ribbon-footer{position:absolute;bottom:18px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:20px;font:6px/1.6 Arial;letter-spacing:1.6px;color:var(--muted);z-index:6}.ribbon-footer button{border:0;background:transparent;color:var(--muted);font:10px/1.8 Body;min-height:32px;display:flex;align-items:center;gap:7px}
html[data-theme="dark"] .ribbon-edit{--ribbon-light:#4b3d44;--ribbon-glow:#614b56;--ribbon-edge:#ac8796}html[data-theme="dark"] .ribbon-edit[data-ribbon-mode="pearl"]{--ribbon-light:#51494a;--ribbon-glow:#67585c;--ribbon-edge:#b9a7ad}
.ribbon-edit[data-paused="true"] *,.ribbon-edit[data-visible="false"] *,.motion-paused .ribbon-edit *{animation-play-state:paused!important}
@keyframes ribbon-levitate{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes ribbon-shadow{50%{opacity:.6;transform:scale(.9) rotateX(50deg)}}@keyframes pearl-drift{50%{transform:translate3d(5px,-12px,18px)}}
@media(max-width:700px){
/* Natural text sizes and a stable frame at 320–430px; no tiny desktop layout. */
#home.hero,#home.hero[data-photo="true"]{height:390px;min-height:390px;padding:0 0 55px}
#home.hero .hero-copy{width:54%;left:6%;top:calc(50% - 29px)}#home.hero .hero-copy p,#home.hero .hero-copy:has(.lady-logo-sculpture)>p{font-size:14px;line-height:1.85;max-width:none;margin-bottom:13px}#home.hero .hero-copy>.eyebrow{font-size:6px;line-height:1.8;letter-spacing:.8px}#home.hero .hero-copy h1{font-size:27px;line-height:1.15;margin:13px 0}#home.hero .hero-copy .lady-logo-word{font-size:26px;letter-spacing:.2px}#home.hero .hero-copy .lady-logo-line{font-size:46px}#home.hero .hero-copy .button{font-size:12px;min-height:44px;padding:9px 12px;gap:10px}#home.hero .hero-copy .logo-replay{font-size:9px;line-height:1.7;margin-top:9px}#home.hero .hero-art{width:40%;right:0;top:55px;height:230px}#home.hero .hero-art .motion-toggle{font-size:9px;bottom:-24px}#home.hero .hero-ritual{inset:0 3% 0 0}#home.hero .hero-bottom{left:6%;right:6%;bottom:11px}#home.hero .hero-controls{width:100%;justify-content:space-between;gap:4px}#home.hero .hero-controls>button{height:34px;width:34px}#home.hero .hero-dots{gap:5px}
#home.hero[data-photo="true"] .hero-photo{display:flex;flex-direction:column;justify-content:center;inset:0 0 55px;background:var(--banner-light)}#home.hero[data-photo="true"] .hero-photo img{height:auto;width:100%;max-height:none;object-fit:contain;flex:none}#home.hero[data-photo="true"] .hero-photo-caption{position:static;display:flex;align-items:center;justify-content:center;min-height:90px;font:14px/2 Body;padding:12px 7%;background:transparent;text-align:center;opacity:1}
.ribbon-edit{margin:14px 6% 23px;padding:24px 6% 45px;display:flex;flex-direction:column;min-height:0;gap:0}.ribbon-copy{width:100%;text-align:right}.ribbon-copy>.eyebrow{font-size:6px;letter-spacing:1.5px}.ribbon-copy h2{font-size:31px;line-height:1.6;margin:11px 0 6px}.ribbon-copy h2 br{display:none}.ribbon-copy p{font-size:14px;margin-bottom:12px}.ribbon-modes button{font-size:12px;min-height:40px;padding:7px 12px}.ribbon-copy .text-link{font-size:13px;margin-top:10px;padding:8px 0}.ribbon-scene{height:220px;min-height:220px;margin-top:6px}.ribbon-art{width:116%;height:116%;left:-8%;top:-7%}.ribbon-footer{bottom:12px;left:6%;right:6%;letter-spacing:1px;font-size:5px}.ribbon-footer button{font-size:10px}.pearl-one{height:19px;width:19px}.pearl-two{height:11px;width:11px}
}
@media(max-width:350px){#home.hero .hero-copy h1{font-size:24px}#home.hero .hero-copy .lady-logo-word{font-size:23px}#home.hero .hero-copy .lady-logo-line{font-size:42px}#home.hero .hero-copy p{font-size:13px}.ribbon-copy h2{font-size:28px}.ribbon-scene{height:190px;min-height:190px}}
@media(prefers-reduced-motion:reduce){.ribbon-edit *{animation:none!important;transition:none!important}.ribbon-scene{transform:none!important}}
@media(max-width:700px){#home.hero .lady-logo-word>span{animation-name:lady-letter-mobile}#home.hero .logo-replaying .lady-logo-word>span{animation-name:lady-letter-replay-mobile}}
@keyframes lady-letter-mobile{0%,19%,64%,100%{transform:translate3d(0,0,0) rotateY(0) rotateZ(0)}32%,45%{transform:translate3d(calc(var(--dx)*.18),calc(var(--dy)*.18),6px) rotateY(12deg) rotateZ(calc(var(--rz)*.22))}56%{transform:translate3d(0,0,0) rotateY(-3deg)}}
@keyframes lady-letter-replay-mobile{0%,100%{transform:translate3d(0,0,0)}35%,52%{transform:translate3d(calc(var(--dx)*.18),calc(var(--dy)*.18),6px) rotateY(12deg) rotateZ(calc(var(--rz)*.22))}}