/* Glo spatial experience. Base layout remains in styles.css. */
:root { --element-color: #f0ad75; }
.hero { --pointer-x: 0; --pointer-y: 0; perspective: 1100px; min-height: 860px; }
.hero-backdrop { animation: none; transform: translate3d(calc(var(--pointer-x) * -12px), calc(var(--pointer-y) * -9px), 0) scale(1.055); will-change: transform; }
.scene-atmosphere { position: absolute; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(ellipse at 75% 45%, #b9894820, transparent 38%), radial-gradient(ellipse at 40% 85%, #6b559327, transparent 50%); mix-blend-mode: screen; transform: translate3d(calc(var(--pointer-x) * 20px), calc(var(--pointer-y) * 10px), 0); }
.star-depth { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; opacity: .8; }
.hero-art { transform: translate3d(calc(var(--pointer-x) * 27px), calc(var(--pointer-y) * 15px), 0) rotateX(calc(var(--pointer-y) * -5deg)) rotateY(calc(var(--pointer-x) * 7deg)); transform-style: preserve-3d; }
.orbit-outer { border-color: #e4c79930; box-shadow: 0 0 30px #d5b07908; }
.hero-content { z-index: 3; }
.hero h1 { text-shadow: 0 4px 45px #05071360; }
.hero h1 em { background: linear-gradient(115deg, #d0a976, #f8e5c3 48%, #bb9465); color: transparent; background-clip: text; -webkit-background-clip: text; }
.hero .hero-copy { font-size: 15px; }
.scene-window { display: flex; flex-direction: column; position: absolute; z-index: 3; right: 8%; bottom: 13%; width: 265px; min-height: 219px; padding: 25px; border: 1px solid #e9d4b435; border-radius: 15px; background: linear-gradient(130deg, #25243988, #0d101ba8); backdrop-filter: blur(17px); -webkit-backdrop-filter: blur(17px); box-shadow: 0 24px 80px #02050a50, inset 0 1px #ffffff0d; transform: translate3d(calc(var(--pointer-x) * 36px), calc(var(--pointer-y) * 18px), 0) rotateY(calc(var(--pointer-x) * -4deg)); transition: border-color .25s; overflow: hidden; }
.scene-window:hover { border-color: #e9d4b4aa; }
.window-top { display: flex; align-items: center; gap: 8px; font-size: 8px; letter-spacing: .17em; color: #cebdab; }
.window-top > span:last-child { margin-left: auto; font-size: 16px; }
.status-light { width: 4px; height: 4px; border-radius: 50%; background: #ead1a9; box-shadow: 0 0 11px #e6ba7e; }
.window-title { font-size: 33px; font-family: Georgia, serif; letter-spacing: -.045em; line-height: 1.12; margin-top: 27px; z-index: 1; }
.window-title em { color: #e5c799; font-weight: 400; }
.window-caption { color: #b0a8b6; font-size: 9px; margin-top: 17px; z-index: 1; }
.window-wave { position: absolute; width: 210px; height: 110px; border: 1px solid #d3b6e032; border-radius: 50%; right: -105px; bottom: 15px; transform: rotate(-30deg); box-shadow: 0 0 0 13px #d3b6e006, 0 0 0 26px #d3b6e006, 0 0 0 39px #d3b6e006; }
.motion-toggle { position: absolute; z-index: 4; bottom: 40px; right: 6.5%; color: #c2b8c9; background: #10132380; border: 1px solid #b4a7c033; border-radius: 30px; padding: 10px 14px; font-size: 9px; cursor: pointer; }
.motion-toggle[hidden] { display: none; }
.motion-toggle:hover { border-color: #dfbd8780; }
.cosmic-divider { display: flex; gap: 38px; justify-content: center; align-items: center; padding: 26px 5%; border-top: 1px solid #c9b08a17; border-bottom: 1px solid #c9b08a17; background: linear-gradient(90deg, #080b14, #151724, #080b14); }
.cosmic-divider span { font-size: 9px; letter-spacing: .3em; color: #aea1b0; }
.cosmic-divider i { font-style: normal; color: #d5b589; font-size: 11px; }
.observatory { --element-color: #f0ad75; position: relative; overflow: hidden; background: radial-gradient(ellipse at 30% 75%, #191a2e 0%, #080b14 60%); padding-bottom: 85px; }
.observatory::before { content: ''; position: absolute; inset: 35% 10% -20% -10%; background: radial-gradient(ellipse, var(--element-color), transparent 62%); opacity: .065; filter: blur(45px); transition: background .8s; pointer-events: none; }
.observatory-heading { position: relative; display: grid; grid-template-columns: 1.4fr 1fr; gap: 0 9%; align-items: end; }
.observatory-heading .small-label { grid-column: 1 / -1; }
.observatory-heading > p:last-child { color: var(--muted); font-size: 13px; max-width: 230px; line-height: 1.8; margin-bottom: 8px; }
.element-experience { display: grid; grid-template-columns: 1.25fr 1fr; gap: 7%; align-items: center; margin-top: 48px; position: relative; }
.element-stage { position: relative; width: 100%; max-width: 560px; aspect-ratio: 1; display: grid; place-items: center; margin: auto; isolation: isolate; }
.element-ring { position: absolute; border: 1px solid #d9c4e022; border-radius: 50%; pointer-events: none; }
.ring-one { inset: 12%; border-color: #d9c4e025; }
.ring-two { inset: 4%; transform: rotate(-28deg) scaleY(.74); }
.ring-three { inset: 2%; transform: rotate(40deg) scaleY(.57); border-color: #d9c4e012; }
.ring-one::after { content: ''; position: absolute; width: 5px; height: 5px; background: var(--element-color); border-radius: 50%; left: 14%; top: 14%; box-shadow: 0 0 15px var(--element-color); }
.element-ball { width: 43%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%; position: relative; background: radial-gradient(circle at 35% 23%, #d5b99d38, #1c1c3280 35%, #080b1c 70%); border: 1px solid var(--element-color); box-shadow: inset 15px 12px 35px #ffffff09, inset -20px -20px 35px #02030b, 0 0 70px -20px var(--element-color), 0 0 0 10px #baaacb04; transition: border-color .6s, box-shadow .6s; animation: sphere-float 9s ease-in-out infinite; }
.element-ball::after { content: ''; position: absolute; inset: 9%; border: 1px solid #d7badd17; border-radius: 50%; transform: rotate(30deg) scaleX(.7); }
.ball-symbol { font-family: Georgia, serif; font-size: clamp(62px, 7vw, 100px); line-height: .9; color: var(--element-color); text-shadow: 0 0 28px #c4a1dc30; transition: color .6s; }
.ball-name { margin-top: 20px; font-size: 9px; letter-spacing: .38em; color: var(--element-color); }
.element-button { position: absolute; z-index: 2; display: flex; align-items: center; flex-direction: column; gap: 8px; padding: 15px; width: 80px; height: 80px; border-radius: 50%; color: #afa4bc; background: #121522d9; border: 1px solid #a999bd30; backdrop-filter: blur(8px); transition: background .25s, border-color .25s, box-shadow .25s; }
.element-button span { font-size: 23px; line-height: 1; font-family: Georgia, serif; }
.element-button strong { font-weight: 400; font-size: 9px; letter-spacing: .06em; }
.element-button:hover { background: #262738; border-color: #b3a4be80; }
.element-button.is-active { color: var(--element-color); border-color: var(--element-color); background: #252335; box-shadow: 0 0 30px -12px var(--element-color); }
.element-feu { left: calc(50% - 40px); top: 0; }
.element-terre { right: 0; top: calc(50% - 40px); }
.element-air { left: calc(50% - 40px); bottom: 0; }
.element-eau { left: 0; top: calc(50% - 40px); }
.stage-coordinate { position: absolute; bottom: 7%; left: 2%; font-size: 7px; letter-spacing: .14em; color: #82798e; transform: rotate(-90deg); transform-origin: left; }
.element-reading { padding: 15px 0; }
.element-count { color: var(--element-color); font-size: 9px; letter-spacing: .2em; }
.element-reading h3 { font-family: 'Segoe UI', sans-serif; font-size: clamp(56px, 5.8vw, 90px); font-weight: 300; letter-spacing: -.06em; line-height: 1.1; margin: 17px 0 20px; }
.element-reading h3 span { color: var(--element-color); }
.element-reading .element-intro { color: #e1d7e6; font-family: Georgia, serif; font-size: 23px; line-height: 1.45; max-width: 390px; }
.element-reading > p:not(.element-intro) { color: #aaa0b6; font-size: 13px; line-height: 1.9; max-width: 390px; }
.element-signs { display: flex; flex-wrap: wrap; gap: 8px; margin: 25px 0 28px; }
.element-signs a { padding: 8px 12px; border: 1px solid #c1b1cc28; border-radius: 30px; font-size: 10px; color: #c2b6cc; }
.element-signs a:hover { border-color: var(--element-color); color: var(--element-color); }
.zodiac { background: radial-gradient(ellipse at 86% 75%, #221d31, #0c101a 70%); }
.zodiac-panel { border-radius: 12px; background: #10152280; box-shadow: 0 30px 85px #00000024; }
.sign-button { position: relative; min-height: 144px; }
.sign-button .sign-order { position: absolute; left: 13px; top: 13px; font-size: 8px; color: #877e93; }
.sign-detail { padding: 32px 35px; background: radial-gradient(ellipse at 85% 20%, #3a3049, #171a2b 60%); }
.sign-detail .button { align-self: flex-start; margin: 12px 0 8px; }
.sign-description { min-height: 84px; }
.sign-glyph { text-shadow: 0 0 40px #efc98945; }
.no-script-signs { display: flex; flex-wrap: wrap; gap: 15px; padding-top: 25px; }
.journal-section { background: #080b14; }
.glo-explorations { margin-bottom: 70px; }
.glo-explorations h2 { font-family: Georgia, serif; font-size: clamp(30px,4vw,48px); font-weight: 400; line-height: 1.2; margin-bottom: 30px; }
.glo-explorations details { border-top: 1px solid #d7c0de25; padding: 16px 0; margin-bottom: 16px; color: #dfbd87; }
.glo-explorations summary { cursor: pointer; font-size: 13px; }
.glo-explorations details p { color: #d1c6d5; font-size: 14px; line-height: 1.7; margin-top: 14px; }
.glo-explorations .journal-card-body > a { margin-top: auto; color: #dfbd87; font-size: 14px; }
.glo-date-invitation { padding: clamp(22px,4vw,40px); margin-top: 28px; border: 1px solid #dfbd8740; border-radius: 20px; background: linear-gradient(130deg,#241c35,#111521); }
.glo-date-invitation h3 { font: 400 30px Georgia,serif; }
.glo-date-invitation > p:not(.small-label) { max-width: 650px; color: #c5bbcc; line-height: 1.8; }
.journal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.journal-card { display: flex; flex-direction: column; border: 1px solid #d7c0de1c; border-radius: 12px; background: linear-gradient(155deg, #191d2d, #11151f); overflow: hidden; transition: transform .35s, border-color .35s; }
.journal-card:hover { transform: translateY(-7px); border-color: #dfbd8770; }
.journal-art { height: 205px; margin: 0; flex-shrink: 0; overflow: hidden; background: radial-gradient(ellipse at center, #42344e80, #10141f); border-bottom: 1px solid #d7c0de12; }
.journal-card:nth-child(2) .journal-art { background: radial-gradient(ellipse at center, #4c393170, #10141f); }
.journal-card:nth-child(3) .journal-art { background: radial-gradient(ellipse at center, #25404480, #10141f); }
.journal-card-body { padding: 28px; flex: 1; display: flex; flex-direction: column; }
.journal-card h3 { font-family: Georgia, serif; font-weight: 400; font-size: 27px; line-height: 1.2; letter-spacing: -.035em; margin: 0 0 17px; }
.journal-card .small-label { font-size: 8px; letter-spacing: .14em; margin-bottom: 18px; }
.journal-card-body > p:not(.small-label) { color: #a49dac; font-size: 12px; line-height: 1.9; margin-bottom: 22px; }
.card-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 18px; margin-top: auto; border-top: 1px solid var(--line); font-size: 8px; letter-spacing: .14em; color: #c4b095; }
.card-bottom span:last-child { font-size: 20px; }
.vision { background: radial-gradient(ellipse at 50% 45%, #32213b80, #080b14 70%); }
.vision-star { animation: emblem-breathe 8s ease-in-out infinite; }
/* Editorial reading layouts */
.reading-page { background: radial-gradient(ellipse at 85% 10%, #29223880, transparent 34%), #080b14; }
.reading-page .site-header { position: relative; left: auto; transform: none; margin: auto; border-bottom: 1px solid var(--line); }
.reading-main { max-width: 1400px; margin: auto; padding: 38px 6.5% 100px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 13px; color: #9890a4; font-size: 11px; margin-bottom: 62px; }
.breadcrumb a:hover { color: var(--gold); }
.portrait-hero { display: grid; grid-template-columns: 1.6fr 1fr; gap: 40px; align-items: center; margin-bottom: 75px; }
.portrait-hero h1 { font-size: clamp(66px, 7vw, 100px); line-height: 1.05; margin-bottom: 24px; }
.portrait-hero h1 em { display: block; font-size: clamp(25px, 3vw, 40px); letter-spacing: -.035em; margin-top: 17px; line-height: 1.25; }
.portrait-dates { color: #aba1b7; font-size: 11px; line-height: 1.8; }
.word-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 25px; }
.word-tags span { font-size: 10px; border: 1px solid #cab0d330; border-radius: 40px; padding: 9px 14px; color: #c8b9d0; }
.portrait-orb { aspect-ratio: 1; width: 85%; max-width: 310px; justify-self: center; display: grid; place-items: center; border-radius: 50%; border: 1px solid #e1c49c60; background: radial-gradient(circle at 30% 30%, #82728b66, #2a223e80 35%, #0a0e1b 70%); box-shadow: 0 0 80px #ad7fcc12, inset -20px -20px 40px #02040a80; position: relative; }
.portrait-orb::before { content: ''; position: absolute; inset: -12%; border: 1px solid #ad8cbb25; border-radius: 50%; transform: rotate(-25deg) scaleY(.8); }
.portrait-orb span, .related-glyph { font-family: 'Segoe UI Symbol', sans-serif; font-variant-emoji: text; color: var(--gold); }
.portrait-orb span { font-size: 90px; text-shadow: 0 0 40px #e3c09830; }
.reading-layout { display: grid; grid-template-columns: .7fr 1.7fr; gap: 10%; border-top: 1px solid var(--line); padding-top: 48px; }
.reading-aside { align-self: start; position: sticky; top: 30px; display: flex; flex-direction: column; gap: 18px; }
.reading-aside .small-label { margin: 0 0 5px; }
.reading-aside a { font-size: 11px; line-height: 1.6; color: #b4a8c0; }
.reading-aside a:hover { color: var(--gold); }
.reading-aside > p:not(.small-label) { font-size: 10px; line-height: 1.8; color: #867b93; margin-top: 15px; }
.reading-content { max-width: 700px; }
.reading-content .article-lead { font-family: Georgia, serif; color: #e0d5e6; font-size: 25px; line-height: 1.65; margin-bottom: 44px; }
.reading-content section { margin-bottom: 38px; scroll-margin-top: 30px; }
.reading-content h2 { font-size: 31px; margin-bottom: 18px; }
.reading-content p { font-size: 15px; color: #b3a8be; line-height: 1.95; }
.reading-content blockquote { border-left: 1px solid var(--gold); margin: 47px 0; padding: 12px 0 12px 29px; font-family: Georgia, serif; font-size: 29px; color: var(--gold); line-height: 1.45; }
.reading-content blockquote span { display: block; font-family: 'Segoe UI', sans-serif; color: #8f829e; font-size: 8px; letter-spacing: .17em; margin-bottom: 15px; }
.reading-content .editorial-note { font-size: 10px; color: #8e839b; line-height: 1.8; border-top: 1px solid var(--line); padding-top: 23px; }
.editorial-note a { text-decoration: underline; text-underline-offset: 3px; }
.related-section { margin-top: 85px; padding-top: 40px; border-top: 1px solid var(--line); }
.related-section h2 { font-size: 42px; margin-bottom: 32px; }
.related-signs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; margin-bottom: 23px; }
.related-signs a { border: 1px solid var(--line); border-radius: 9px; padding: 27px; display: flex; gap: 20px; align-items: center; background: #17192a80; transition: border-color .25s; }
.related-signs a:hover { border-color: var(--gold); }
.related-signs a > span:last-child { margin-left: auto; color: var(--gold); }
.related-glyph { font-size: 36px; }
.related-signs h3 { font-family: Georgia, serif; font-size: 24px; font-weight: 400; margin-bottom: 8px; }
.related-signs p { font-size: 11px; color: #a398b0; margin: 0; line-height: 1.5; }
.journal-heading, .guide-heading { margin: 70px 0 65px; }
.journal-heading h1, .guide-heading h1 { font-size: clamp(42px, 5.5vw, 78px); line-height: 1.12; max-width: 930px; letter-spacing: -.055em; }
.journal-heading > p:last-child, .guide-heading > p:last-child { color: #a89daf; font-size: 16px; line-height: 1.85; max-width: 620px; }
.related-section .journal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
@keyframes sphere-float { 50% { transform: translateY(-9px); } }
@keyframes emblem-breathe { 50% { transform: scale(1.12) rotate(25deg); opacity: .65; } }
@media (max-width: 1100px) {
  .hero-content { width: 60%; }
  .scene-window { width: 220px; right: 6%; bottom: 12%; }
  .hero .hero-actions { flex-wrap: wrap; gap: 20px; }
  .element-experience { gap: 6%; }
  .element-stage { min-width: 0; }
  .element-reading h3 { font-size: 65px; }
  .element-reading .element-intro { font-size: 21px; }
  .sign-button { min-height: 151px; }
  .journal-card-body { padding: 23px; }
  .journal-card h3 { font-size: 25px; }
}
@media (max-width: 760px) {
  .hero { min-height: 970px; padding-bottom: 300px; }
  .hero-content { width: 100%; }
  .scene-window { right: 6%; bottom: 105px; width: 220px; min-height: 155px; padding: 18px 22px; border-radius: 12px; transform: none; }
  .window-title { font-size: 28px; margin-top: 17px; }
  .window-title br { display: initial; }
  .window-caption { margin-top: 14px; }
  .hero-art { bottom: 17%; }
  .motion-toggle { bottom: 35px; right: 6%; font-size: 8px; padding: 9px 11px; }
  .scroll-hint { font-size: 7px; letter-spacing: .13em; gap: 10px; }
  .cosmic-divider { gap: 16px; flex-wrap: wrap; padding: 21px 5%; }
  .cosmic-divider span { font-size: 7px; letter-spacing: .13em; }
  .cosmic-divider i { font-size: 7px; }
  .observatory-heading { display: block; }
  .observatory-heading > p:last-child { margin-top: 20px; max-width: 100%; }
  .element-experience { grid-template-columns: 1fr; gap: 35px; margin-top: 35px; }
  .element-stage { max-width: 430px; }
  .element-reading { text-align: center; padding: 0 7%; }
  .element-reading .element-intro, .element-reading > p:not(.element-intro) { margin-left: auto; margin-right: auto; }
  .element-reading h3 { font-size: 70px; }
  .element-signs { justify-content: center; }
  .stage-coordinate { display: none; }
  .journal-grid { grid-template-columns: 1fr; }
  .journal-card { display: grid; grid-template-columns: .65fr 1fr; }
  .journal-art { height: 100%; min-height: 225px; border-bottom: 0; border-right: 1px solid var(--line); }
  .journal-card h3 { font-size: 25px; }
  .journal-card-body { padding: 25px; }
  .sign-button { min-height: 110px; }
  .sign-detail { min-height: 410px; }
  .reading-main { padding: 30px 6% 65px; }
  .breadcrumb { margin-bottom: 38px; }
  .portrait-hero { grid-template-columns: 1fr; gap: 40px; margin-bottom: 50px; }
  .portrait-hero h1 { font-size: 65px; }
  .portrait-orb { width: 170px; justify-self: start; margin-left: 15px; }
  .portrait-orb span { font-size: 67px; }
  .reading-layout { grid-template-columns: 1fr; gap: 34px; padding-top: 30px; }
  .reading-aside { position: static; gap: 13px; }
  .reading-aside > p:not(.small-label) { max-width: 420px; }
  .reading-content .article-lead { font-size: 23px; }
  .related-signs, .related-section .journal-grid { grid-template-columns: 1fr; }
  .related-section h2 { font-size: 36px; }
  .journal-heading, .guide-heading { margin: 40px 0; }
}
@media (max-width: 420px) {
  .hero { min-height: 900px; padding-top: 130px; padding-bottom: 270px; }
  .hero h1 { font-size: 65px; }
  .hero .hero-actions { flex-direction: column; align-items: flex-start; gap: 18px; }
  .hero-footnote { margin-top: 24px; }
  .scene-window { min-height: 137px; bottom: 84px; width: 205px; }
  .window-title { font-size: 25px; }
  .window-caption { font-size: 8px; }
  .window-top { font-size: 7px; }
  .motion-toggle { font-size: 7px; }
  .scroll-hint { font-size: 6px; }
  .element-button { width: 63px; height: 63px; padding: 10px; gap: 6px; }
  .element-feu { left: calc(50% - 31.5px); }
  .element-terre, .element-eau { top: calc(50% - 31.5px); }
  .element-air { left: calc(50% - 31.5px); }
  .element-button span { font-size: 20px; }
  .element-button strong { font-size: 8px; }
  .ball-symbol { font-size: 60px; }
  .ball-name { font-size: 7px; margin-top: 13px; }
  .element-reading { padding: 0; }
  .journal-card { display: flex; }
  .journal-art { height: 170px; min-height: 170px; border-right: 0; border-bottom: 1px solid var(--line); }
  .journal-card-body { padding: 25px; }
}
body[data-motion='paused'] *, body[data-motion='paused'] *::before, body[data-motion='paused'] *::after { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .hero-backdrop, .hero-art, .scene-window, .scene-atmosphere { transform: none !important; }
  .hero-backdrop { transform: scale(1.03) !important; }
}

.home-choices{background:linear-gradient(180deg,#0a0b15,#151023);padding-bottom:65px}.home-choices>h2{margin-top:35px}.home-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.home-choice{display:flex;flex-direction:column;border:1px solid #bca27338;border-radius:22px;padding:30px;background:radial-gradient(ellipse at top right,#66513422,transparent 70%),#15121f;transition:border-color .2s,transform .2s}.home-choice:hover{border-color:#dec08a;transform:translateY(-4px)}.home-choice-symbol{font-family:Georgia,serif;color:#e1be87;font-size:47px;margin-bottom:25px}.home-choice h3{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.15;margin:18px 0}.home-choice p{color:#bbb1c6;line-height:1.8;font-size:14px}.home-choice strong{margin-top:auto;padding-top:20px;font-size:12px;color:#edc998}.choice-love{background:radial-gradient(ellipse at top right,#883b6030,transparent 70%),#1c1424}.choice-love .home-choice-symbol{color:#eab7c6}.hero-content .hero-actions{flex-wrap:wrap}.preferences-link+ .preferences-link{margin-left:18px}@media(max-width:760px){.home-choice-grid{grid-template-columns:1fr}.home-choice{padding:25px}.home-choice h3{font-size:32px}}@media(prefers-reduced-motion:reduce){.home-choice{transition:none}.home-choice:hover{transform:none}}

.brand-celestial{display:block;position:relative;width:145px;height:72px;flex-shrink:0}.brand-celestial img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 13px #e8bd6133)}.brand-glint{position:absolute;right:9px;top:12px;font-size:14px;color:#ffe5af;filter:drop-shadow(0 0 7px #ffd08b);animation:glo-glint 5s ease-in-out infinite}.brand-sub{align-self:center;margin:12px 0 0 0}.footer-celestial{width:185px;height:auto;display:block}.home-choice{position:relative;overflow:hidden}.home-choice:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#f5dca312 45%,transparent 65%);transform:translateX(-110%);animation:glo-sheen 9s ease-in-out infinite}.home-choice:nth-child(2):before{animation-delay:2s}.home-choice:nth-child(3):before{animation-delay:4s}.choice-love{box-shadow:0 0 40px #bd537018;animation:glo-love 6s ease-in-out infinite}.choice-love .home-choice-symbol{filter:drop-shadow(0 0 10px #ed96b044)}.hero-actions .button-primary{box-shadow:0 0 28px #e7c28824;animation:glo-call 5s ease-in-out infinite}.home-choice:focus-visible{outline:2px solid #f2cd92;outline-offset:5px}@keyframes glo-glint{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes glo-sheen{0%,65%{transform:translateX(-110%)}100%{transform:translateX(110%)}}@keyframes glo-love{0%,100%{border-color:#bd899a44;box-shadow:0 0 20px #bd53700d}50%{border-color:#daa0b080;box-shadow:0 0 45px #bd537028}}@keyframes glo-call{0%,100%{box-shadow:0 0 22px #e7c28824}50%{box-shadow:0 0 38px #e7c28855}}@media(max-width:760px){.brand-celestial{width:120px;height:59px}.brand-glint{right:7px;top:9px;font-size:12px}.brand-sub{font-size:7px;letter-spacing:.15em}.hero h1{font-size:clamp(48px,11.5vw,72px)}}@media(prefers-reduced-motion:reduce){.brand-glint,.home-choice:before,.choice-love,.hero-actions .button-primary{animation:none}.home-choice:before{display:none}}