/* SIAMORA – romantic black, gold and red roses. Loaded after style.css. */
:root{--bg:#0f0d0b;--panel:#1a1613;--line:#3d3226;--gold:#dcbd7e;--gold-deep:#a9813f;--rose:#b3182b;--ink:#f6eee0;--muted:#b9ae9b}
body{background:radial-gradient(1200px 700px at 85% -10%,#5a0f1a33,transparent 60%),radial-gradient(900px 600px at -10% 30%,#a9813f1f,transparent 60%),var(--bg)}
header{background:#0f0d0bf2}
.rose{display:block;pointer-events:none;overflow:visible}
.ornament{display:flex;justify-content:center}
.ornament .rose-divider{width:min(260px,70%);height:auto;margin:6px 0 10px}
.hero-copy .ornament{justify-content:flex-start}
.closing .ornament .rose-bloom{width:58px;height:auto;margin:0 auto 14px}
.button.ghost{background:transparent;color:var(--gold);border-color:var(--gold-deep)}
.button.ghost:hover{background:#dcbd7e14}
.centered{text-align:center}.section-head.centered{justify-content:center}.section-head.centered .intro{margin:0 auto 10px}

/* Hero: couple collage in a gold zodiac ring, with rose corners and falling petals */
.romance-hero{position:relative;grid-template-columns:1fr 1.1fr;gap:50px;min-height:640px;padding:70px 0 60px;isolation:isolate}
.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:6px}
.hero-couple{position:relative;margin:0;display:grid;place-items:center;aspect-ratio:1;max-width:620px;width:100%;justify-self:center}
.hero-couple .ring{position:absolute;inset:0;display:grid}
.zodiac-ring{width:100%;height:100%;animation:spin 140s linear infinite}
.couple-frame{position:relative;width:78%;padding:7px;border-radius:18px;background:linear-gradient(140deg,#f3dda4,#3a2a14 45%,#c9a35c);box-shadow:0 30px 80px #000c,0 0 70px #b3182b22;transform:rotate(-2deg)}
.couple-frame img{display:block;width:100%;height:auto;border-radius:12px}
.couple-frame .corner{position:absolute;width:120px;z-index:2;filter:drop-shadow(0 8px 16px #000a)}
.couple-frame .corner.tl{left:-46px;top:-48px;transform:scaleY(-1)}
.couple-frame .corner.br{right:-42px;bottom:-44px;transform:scaleX(-1)}
.hero-couple figcaption{position:absolute;bottom:4%;font:11px/1.8 Georgia,serif;letter-spacing:4px;color:var(--gold);text-align:center;text-transform:uppercase}
.petals{position:absolute;inset:-40px -5vw 0;overflow:hidden;pointer-events:none;z-index:-1}
.petal{position:absolute;top:-30px;width:18px;opacity:0;animation:fall 14s linear infinite}
.petal .rose-petal{width:100%;height:auto}
.p1{left:4%;animation-delay:0s}.p2{left:14%;animation-delay:4s;width:14px}.p3{left:23%;animation-delay:8s}.p4{left:33%;animation-delay:2s;width:12px}.p5{left:44%;animation-delay:10s}.p6{left:52%;animation-delay:6s;width:22px}.p7{left:61%;animation-delay:1s;width:13px}.p8{left:70%;animation-delay:9s}.p9{left:78%;animation-delay:3s;width:20px}.p10{left:86%;animation-delay:12s;width:12px}.p11{left:93%;animation-delay:7s}.p12{left:48%;animation-delay:13s;width:15px}
@keyframes fall{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:.85}100%{opacity:0;transform:translate(60px,720px) rotate(320deg)}}
@keyframes spin{to{transform:rotate(360deg)}}

/* Moments: photo mosaic */
.moments{padding:70px 0 40px}
.moment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:240px;gap:16px;margin:26px 0 14px}
.moment{position:relative;margin:0;overflow:hidden;border-radius:16px;border:1px solid #6b5430;background:#1a1613}
.moment.tall{grid-row:span 2}
.moment img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;transition:transform 1.2s ease}
.moment:hover img{transform:scale(1.06)}
.moment::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0f0d0bee 100%);pointer-events:none}
.moment figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1}
.moment figcaption span{display:block;font:22px/1.2 Georgia,serif;color:#f7e4b8}
.moment figcaption small{display:block;margin-top:4px;font-size:11px;color:#e3d6c0;line-height:1.5}

/* Profiles: real photos, gold frames, zodiac badge */
.profile-card{background:linear-gradient(180deg,#1d1814,#15120f);border-color:#4a3a26;transition:transform .3s ease,border-color .3s ease}
.profile-card:hover{transform:translateY(-4px);border-color:var(--gold-deep)}
.profile-photo.is-photo{object-position:center 22%}
.card-sign{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;background:#0f0d0bcc;display:grid;place-items:center}
.card-sign .zodiac-glyph{width:30px;height:30px}
.detail-image.is-photo{object-fit:cover;object-position:center 20%;max-height:420px;border:1px solid #6b5430}

/* Stars: zodiac picker */
.stars{position:relative;padding:80px 0 60px;border-top:1px solid var(--line);isolation:isolate}
.stars-sky{position:absolute;inset:0 -5vw;z-index:-1;opacity:.55;background:radial-gradient(1px 1px at 10% 20%,#f6e2a6,transparent),radial-gradient(1px 1px at 30% 70%,#f6e2a6,transparent),radial-gradient(1.5px 1.5px at 55% 30%,#fff,transparent),radial-gradient(1px 1px at 75% 60%,#f6e2a6,transparent),radial-gradient(1.5px 1.5px at 90% 15%,#fff,transparent),radial-gradient(1px 1px at 20% 90%,#f6e2a6,transparent),radial-gradient(1px 1px at 65% 85%,#fff,transparent),radial-gradient(700px 300px at 50% 40%,#2a1d3a55,transparent)}
.zodiac-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:28px 0}
.zodiac-sign{display:grid;justify-items:center;gap:4px;padding:16px 8px;border:1px solid var(--line);border-radius:14px;background:#17130fcc;color:var(--ink);transition:border-color .2s,background .2s}
.zodiac-sign:hover,.zodiac-sign.active{border-color:var(--gold);background:#2a2015}
.zodiac-sign .zodiac-glyph{width:46px;height:46px}
.zodiac-sign b{font:15px Georgia,serif;font-weight:400}
.zodiac-sign small{font-size:10px;color:var(--muted)}
.zodiac-card{position:relative;padding:28px 30px;border:1px solid var(--gold-deep);border-radius:18px;background:radial-gradient(500px 220px at 90% 0,#b3182b22,transparent),#17130f;margin-bottom:16px}
.zodiac-card .zodiac-rose{position:absolute;right:22px;top:18px;width:44px;height:auto;opacity:.9}
.zodiac-main{display:flex;gap:20px;align-items:center;margin-bottom:16px}
.zodiac-glyph.big{width:84px;height:84px;flex:none}
.zodiac-main h3{font:30px Georgia,serif;font-weight:400;margin:0 0 6px}
.zodiac-main h3 small{font:12px 'Segoe UI',sans-serif;color:var(--muted)}
.zodiac-main p{margin:0;color:#e8dcc6;max-width:640px}
.zodiac-matches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.zodiac-matches span{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:30px;font-size:12px}
.zodiac-matches .zodiac-glyph{width:28px;height:28px}
.zodiac-profiles{display:flex;flex-wrap:wrap;gap:12px}
.zodiac-profiles button{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:40px;background:#0f0d0b;color:var(--ink);font-size:12px}
.zodiac-profiles button:hover{border-color:var(--gold)}
.zodiac-profiles img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center 20%;border:1px solid var(--gold-deep)}

/* Gold & closing in front of the waterfall */
.gold-banner{background:radial-gradient(ellipse at 15% 25%,#a2712640,transparent 70%),radial-gradient(ellipse at 95% 90%,#b3182b2a,transparent 60%),#1c1712}
.gold-section{border-top:0}
.waterfall-close{position:relative;margin:40px 0 0;padding:140px 30px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#0f0d0bcc,#0f0d0b88 40%,#0f0d0bee),url(/photos/wasserfall.jpg) center 35%/cover;border:1px solid #6b5430}
.waterfall-close .closing-inner{max-width:620px;margin:auto}
.waterfall-close h2{color:#fbf1dc;text-shadow:0 2px 20px #000}
.waterfall-close p:not(.eyebrow){color:#eadfca!important}

/* Member area sign-in: couple strip above the form */
.auth-panel{position:relative;overflow:hidden;border-color:#6b5430!important;background:radial-gradient(500px 240px at 100% 0,#b3182b22,transparent),#1a1613!important}
.auth-panel::before{content:"";display:block;height:170px;margin:-28px -28px 24px;background:linear-gradient(180deg,transparent 40%,#1a1613),url(/photos/paar-einzelmotiv-optimiert.jpg) center 30%/cover}

@media(max-width:1000px){.romance-hero{grid-template-columns:1fr;min-height:0}.hero-couple{max-width:520px}.moment-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px}.moment.tall:last-child{grid-row:auto;grid-column:span 2}.moment.tall:last-child img{object-position:center 25%}.zodiac-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){nav .nav-stars{display:none}.romance-hero{padding:40px 0 30px;gap:24px}.hero-buttons .button{flex:1 1 100%}.couple-frame{width:84%}.couple-frame .corner{width:78px}.couple-frame .corner.tl{left:-22px;top:-28px}.couple-frame .corner.br{right:-18px;bottom:-24px}.hero-couple figcaption{font-size:8px;letter-spacing:2px;bottom:1%}.moments{padding:45px 0 25px}.moment-grid{grid-auto-rows:190px;gap:10px}.moment figcaption span{font-size:17px}.moment figcaption small{display:none}.zodiac-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.zodiac-sign{padding:12px 4px}.zodiac-sign .zodiac-glyph{width:38px;height:38px}.zodiac-sign b{font-size:13px}.zodiac-card{padding:22px 18px}.zodiac-main{flex-direction:column;align-items:flex-start}.zodiac-main h3{font-size:24px}.waterfall-close{padding:90px 20px;border-radius:18px}.auth-panel::before{height:120px;margin:-20px -20px 18px}}
@media(prefers-reduced-motion:reduce){.petal{display:none}.zodiac-ring{animation:none}.moment img{transition:none}.profile-card{transition:none}}

/* The rotating zodiac ring must never widen the page (a rotated square box grows at 45 degrees). */
.hero-couple .ring{overflow:hidden;border-radius:50%}
html,body{overflow-x:clip}