@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Sans:wght@400;500;600;700&family=Pacifico&display=swap');

:root{--bg:#151419;--panel:#1c1a20;--text:#f5f2f5;--muted:#b9b3ba;--accent:#d6ced7;--accent2:#8b818f;--line:#3a343d;--display:'Cormorant Garamond',serif;--shadow:0 20px 70px #0007}
:root[data-theme="bloom"]{--bg:#fff1fb;--panel:#fff9fd;--text:#35162f;--muted:#765e73;--accent:#ff3fad;--accent2:#7f5cff;--line:#f5addb;--display:'Pacifico',cursive;--shadow:0 20px 60px #c23b9128}
:root[data-theme="gloom"]{--bg:#08090c;--panel:#111217;--text:#f3edf3;--muted:#afa4af;--accent:#d19abd;--accent2:#9181a6;--line:#392f3b;--display:'Cormorant Garamond',serif;--shadow:0 20px 70px #000b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}

/* Neutral chooser */
.chooser-screen{min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,#2d2930 0,transparent 40%),linear-gradient(145deg,#f0ebef 0 49.7%,#141218 50.3% 100%);color:#211a22}
.chooser-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff2f 50%,transparent 50.2%);pointer-events:none}
.neutral-noise{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle,#fff 1px,transparent 1.3px);background-size:34px 34px;animation:drift 18s linear infinite}
.neutral-orbit{position:absolute;border:1px solid #ffffff35;border-radius:50%;animation:spin 22s linear infinite}.orbit-one{width:460px;height:460px}.orbit-two{width:690px;height:690px;animation-direction:reverse;animation-duration:32s}
.chooser-card{position:relative;z-index:3;width:min(620px,88vw);padding:46px 36px;text-align:center;border:1px solid #ffffff5c;border-radius:34px;background:linear-gradient(90deg,#ffffffc9 0 49%,#111015e8 51% 100%);backdrop-filter:blur(18px);box-shadow:0 28px 90px #0006}
.neutral-mark{font-family:'Cormorant Garamond',serif;font-size:4.3rem;font-weight:700;letter-spacing:.22em;color:#191319;text-shadow:320px 0 #f7f3f6}.neutral-kicker{font-size:.68rem;letter-spacing:.3em;color:#776b76}.chooser-card h1{font-family:'Pacifico',cursive;font-size:2rem;color:#2b1a2b;margin:14px 0}.neutral-copy{color:#665c66;margin-bottom:28px}.neutral-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mood-pick{border-radius:999px;padding:19px 24px;border:2px solid;cursor:pointer;font-family:'Pacifico',cursive;font-size:1.7rem;transition:.25s;position:relative;overflow:hidden}.mood-pick:hover{transform:translateY(-4px) scale(1.03)}.bloom-pick{background:linear-gradient(135deg,#ff8fd5,#fff2fb,#b8f2ff);border-color:#fff;color:#581847;box-shadow:0 0 30px #ff6fc455}.gloom-pick{background:linear-gradient(135deg,#18141a,#050506);border-color:#59465a;color:#fff;box-shadow:0 0 28px #0008}.mood-pick::after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 40%,#fff8 50%,transparent 60%);transform:translateX(-70%);animation:shimmer 3.4s infinite}.neutral-note{font-size:.74rem;color:#777078;margin-top:18px}

/* transition reveal */
.reveal-layer{position:fixed;inset:0;z-index:999;pointer-events:none;display:none}.reveal-layer.active{display:block}.reveal-bloom,.reveal-gloom{position:absolute;top:0;bottom:0;width:50%;transform:scaleX(0)}.reveal-bloom{left:0;transform-origin:left;background:linear-gradient(145deg,#ff9bd9,#c6f4ff)}.reveal-gloom{right:0;transform-origin:right;background:linear-gradient(145deg,#18121a,#050506)}.reveal-layer.active .reveal-bloom,.reveal-layer.active .reveal-gloom{animation:curtain .9s cubic-bezier(.7,0,.2,1) forwards}.reveal-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(4rem,12vw,9rem);letter-spacing:.2em;color:#fff;opacity:0}.reveal-layer.active .reveal-word{animation:wordPop .9s ease .15s forwards}

.site-shell{min-height:100vh;background:var(--bg);transition:background .5s,color .5s}.site-nav{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;gap:24px;padding:0 5vw;background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{font-family:var(--display);font-size:1.8rem;font-weight:700;margin-right:auto}.site-nav nav{display:flex;gap:17px;font-size:.86rem}.site-nav a:hover{color:var(--accent)}.switch-mood{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:9px 13px;cursor:pointer}

.selected-hero{position:relative;min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:60px 7vw;overflow:hidden;background:var(--bg)}
:root[data-theme="bloom"] .selected-hero{background:radial-gradient(circle at 15% 15%,#fff 0 1.5%,transparent 2%),linear-gradient(145deg,#ffe6f8,#ffc1e8 45%,#c7f3ff)}
:root[data-theme="gloom"] .selected-hero{background:radial-gradient(circle at 80% 18%,#5e5264 0 9%,transparent 10%),linear-gradient(145deg,#1a141c,#08090c 60%,#030304)}
.ambient{position:absolute;border-radius:50%;filter:blur(10px);opacity:.45;animation:floatBlob 10s ease-in-out infinite alternate}.ambient-a{width:320px;height:320px;left:-80px;top:40px;background:color-mix(in srgb,var(--accent) 45%,transparent)}.ambient-b{width:260px;height:260px;right:8%;bottom:-60px;background:color-mix(in srgb,var(--accent2) 35%,transparent);animation-delay:-4s}.floaters span{position:absolute;font-size:1.3rem;color:var(--accent);opacity:.55;animation:floatSymbol 7s ease-in-out infinite}.floaters span:nth-child(1){left:7%;top:18%}.floaters span:nth-child(2){left:18%;top:68%;animation-delay:-1s}.floaters span:nth-child(3){left:47%;top:12%;animation-delay:-2s}.floaters span:nth-child(4){right:18%;top:24%;animation-delay:-3s}.floaters span:nth-child(5){right:8%;top:65%;animation-delay:-4s}.floaters span:nth-child(6){left:55%;bottom:10%;animation-delay:-5s}
.hero-copy{position:relative;z-index:3;max-width:620px}.eyebrow{font-size:.67rem;letter-spacing:.28em;font-weight:700;color:var(--muted)}.theme-title{font-family:var(--display);font-size:clamp(3.2rem,7vw,6rem);line-height:1;margin:13px 0;color:var(--text)}.hero-line{font-family:var(--display);font-size:1.5rem;color:var(--accent);margin:.5rem 0}.hero-intro{max-width:560px;line-height:1.75;color:var(--muted)}.primary-cta{display:inline-block;margin-top:18px;padding:13px 20px;border-radius:999px;background:var(--text);color:var(--bg);font-weight:700;transition:.2s}.primary-cta:hover{transform:translateY(-3px)}
.hero-portrait{position:relative;z-index:3;justify-self:center;width:min(390px,70vw);aspect-ratio:4/5;margin:0}.hero-portrait img{width:100%;height:100%;object-fit:cover;border-radius:48% 48% 18% 18%;border:4px solid var(--line);box-shadow:var(--shadow);position:relative;z-index:2}.portrait-halo{position:absolute;inset:-26px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:50%;animation:haloPulse 4s ease-in-out infinite}
.bloom-only,.gloom-only{display:none}:root[data-theme="bloom"] .bloom-only{display:block}:root[data-theme="gloom"] .gloom-only{display:block}

.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:28px 6vw;background:#08090c;color:#eee;border-block:1px solid #ffffff14}.feature-strip div{text-align:center;display:flex;flex-direction:column;gap:4px}.feature-strip b{color:#f0a5d4;font-size:1.5rem}.feature-strip strong{font-size:.85rem}.feature-strip span{font-size:.72rem;color:#aaa2ae}
.explore-section{padding:72px 5vw 80px;background:var(--bg)}.section-heading{text-align:center;margin-bottom:34px}.section-heading h2{font-family:var(--display);font-size:2.6rem;margin:.3em 0}.single-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.single-card{position:relative;overflow:hidden;min-height:250px;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow);transition:.25s;animation:cardIn .7s both}.single-card:nth-child(2){animation-delay:.08s}.single-card:nth-child(3){animation-delay:.16s}.single-card:nth-child(4){animation-delay:.24s}.single-card:nth-child(5){animation-delay:.32s}.single-card:nth-child(6){animation-delay:.40s}.single-card:hover{transform:translateY(-7px) rotate(-.3deg)}.single-card::before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;top:-50px;background:color-mix(in srgb,var(--accent) 18%,transparent);transition:.3s}.single-card:hover::before{transform:scale(1.6)}.card-icon{font-size:1.5rem;color:var(--accent)}.single-card h3{font-family:var(--display);font-size:1.6rem;margin:14px 0 8px}.single-card p{color:var(--muted);line-height:1.6;font-size:.9rem}.single-card b{font-size:.78rem;color:var(--accent)}.photo-card{padding:0;display:grid;grid-template-columns:1fr 1.15fr}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-card div{padding:24px}
.linktree-section{padding:62px 5vw 48px;text-align:center;background:#050507;color:#eee;border-top:1px solid #ffffff15}.linktree{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:850px;margin:24px auto}.linktree a{border:1px solid #6a4d62;border-radius:999px;padding:10px 15px;font-size:.76rem;transition:.2s}.linktree a:hover{background:#ffffff0c;transform:translateY(-2px)}.footer-note{margin-top:30px;padding-top:22px;border-top:1px solid #ffffff14;font-size:.62rem;letter-spacing:.25em;color:#9c929c}

@keyframes drift{to{background-position:100px 70px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%,60%{transform:translateX(-80%)}100%{transform:translateX(80%)}}@keyframes curtain{0%{transform:scaleX(0)}48%{transform:scaleX(1)}100%{transform:scaleX(1)}}@keyframes wordPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}45%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}@keyframes floatBlob{to{transform:translate(40px,30px) scale(1.12)}}@keyframes floatSymbol{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(12deg)}}@keyframes haloPulse{0%,100%{transform:scale(.98);opacity:.4}50%{transform:scale(1.05);opacity:.85}}@keyframes cardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:850px){.site-nav nav{display:none}.selected-hero{grid-template-columns:1fr;text-align:center;padding-top:45px}.hero-copy{margin:auto}.hero-portrait{width:min(320px,76vw)}.feature-strip{grid-template-columns:repeat(2,1fr)}.single-grid{grid-template-columns:1fr 1fr}.neutral-mark{text-shadow:none}.chooser-card{width:min(560px,90vw)}}
@media(max-width:560px){.chooser-card{padding:32px 20px}.neutral-mark{font-size:3rem}.chooser-card h1{font-size:1.45rem}.mood-pick{font-size:1.25rem;padding:15px 10px}.neutral-actions{gap:10px}.site-nav{padding:0 4vw}.selected-hero{min-height:auto;padding:48px 20px}.theme-title{font-size:3.6rem}.feature-strip{padding:22px 15px}.single-grid{grid-template-columns:1fr}.photo-card{grid-template-columns:1fr 1.2fr}.explore-section{padding-inline:18px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}