:root{color-scheme:dark;--bg:#10091b;--purple:#a85aff;--light:#d6acff;--white:#faf8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #e2b9ff;outline-offset:4px}.header{height:76px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #8f42cb;background:#10091b;position:relative;z-index:5}.brand{font-size:1.8rem;line-height:1;font-weight:900;letter-spacing:-.04em;white-space:nowrap}.brand span{color:#c08bff;margin-right:8px}.header nav{display:flex;align-items:center;gap:36px;font-size:.95rem}.nav-cta{border:1px solid var(--purple);border-radius:6px;padding:10px 28px}.menu-toggle{display:none}.hero{position:relative;min-height:590px;overflow:hidden;background:#130b24}.hero-panels{position:absolute;inset:0 0 0 20%;display:flex}.hero-panels>div{width:33.333%;background-size:cover;background-position:center}.hero-space{background-image:url('./assets/astro-prixe-race.png')}.hero-salon{background-image:url('./assets/crimps-waves-salon.png')}.hero-hearts{background-image:url('./assets/code-of-hearts-art.png')}.hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,#10091b 8%,rgba(16,9,27,.9) 21%,rgba(16,9,27,.2) 60%,rgba(16,9,27,.1)),linear-gradient(0deg,#10091b,transparent 30%)}.hero-content{position:relative;z-index:1;padding:90px 3% 100px;max-width:520px}.eyebrow{text-transform:uppercase;color:#d5a3ff;font-size:.73rem;letter-spacing:.19em;font-weight:700;margin:0 0 10px}.hero h1,.section-heading h2,.about h2,.contact h2{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:900}.hero h1 em{font-style:normal;color:#c58aff}.hero-content>p:not(.eyebrow){font-size:1.2rem;max-width:390px}.button{display:inline-flex;align-items:center;gap:30px;background:#943df2;padding:15px 22px;border-radius:5px;font-weight:bold;margin-top:15px}.button:hover{background:#ad65ff}.hero-note{position:absolute;bottom:22px;right:5%;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:#dabaff}.content{margin:0 3%;padding:26px 0 40px;border-top:1px solid #9b4bd0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2,.about h2,.contact h2{font-size:clamp(2.5rem,4.4vw,4rem)}.section-heading>p{margin:0}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.game-image{height:clamp(260px,30vw,440px);position:relative;overflow:hidden;background:#241236;border-radius:3px}.game-image>img:first-child{width:100%;height:100%;object-fit:cover}.game-image.astro>img{object-position:center 56%}.maya{position:absolute;bottom:0;left:15%;height:95%;max-width:80%;object-fit:contain}.heart-logo{position:absolute;right:0;bottom:0;width:40%;filter:drop-shadow(0 5px 8px #0008)}.game .eyebrow{margin:12px 0 4px}.game h3,.story h3,.details h3{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em;line-height:1.1;margin:0}.game p:not(.eyebrow),.story p:not(.eyebrow){margin:6px 0 12px}.underlink{color:#d6a7ff;border-bottom:1px solid #aa54ec;padding-bottom:4px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story{border:1px solid #50305e;border-radius:5px;overflow:hidden;background:#170e22}.story-art{height:230px;background-size:cover;background-position:center}.writing-art{background-image:linear-gradient(90deg,#180b23aa,#180b2322),url('./assets/hero.png')}.shorts-art{background-image:linear-gradient(90deg,#35104988,#180b2333),url('./assets/code-of-hearts-art.png')}.story-copy{padding:20px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.details article{scroll-margin-top:25px}.details p:not(.eyebrow){color:#ddd5e6;max-width:38ch}.about p:not(.eyebrow){max-width:720px;color:#ded6e7;font-size:1.1rem}.contact{border:1px solid var(--purple);border-radius:8px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.contact .button{margin:0}footer{margin:30px 3%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#d2b8df}footer .brand{color:white;font-size:1.3rem}footer p{font-size:.8rem}@media(max-width:760px){.header{height:68px}.brand{font-size:1.4rem}.menu-toggle{display:block;background:none;border:1px solid #a85aff;color:white;border-radius:5px;padding:8px 12px}.header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#10091b;flex-direction:column;align-items:stretch;gap:0;padding:12px 5% 20px}.header nav.open{display:flex}.header nav a{padding:12px}.hero{min-height:560px}.hero-panels{inset:0;opacity:.72}.hero-fade{background:linear-gradient(90deg,#10091b 4%,#10091bc9 45%,#10091b44),linear-gradient(0deg,#10091b,transparent 45%)}.hero-content{padding:95px 5% 100px}.hero-note{right:5%;left:5%;text-align:right;font-size:.6rem}.content{margin:0 5%}.section-heading{display:block}.section-heading>p{margin-top:10px}.game-grid,.story-grid,.details{grid-template-columns:1fr;gap:28px}.game-image{height:380px}.story-art{height:210px}.contact{display:block}.contact .button{margin-top:20px}footer{margin:28px 5%;flex-wrap:wrap}footer p:last-child{width:100%}}
:root{--bg:#3b2445;--purple:#9254bf;--light:#ead5f0;--white:#fff9f6}body{background:#f4eaf0;color:#38243c}.header{background:#513653;border-color:#b88caf;color:#fff9f6}.hero{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.5fr);gap:3%;padding:40px 3% 48px;min-height:600px;background:linear-gradient(125deg,#5b365c,#9b6685 72%,#c389a2);color:#fff9f6}.hero-content{padding:70px 0;max-width:490px}.hero h1,.section-heading h2,.about h2,.contact h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.045em;line-height:1.05}.hero h1{font-size:clamp(3rem,5vw,5rem)}.hero h1 em{color:#f2cbe5;font-weight:400}.hero-content .eyebrow,.hero .eyebrow{color:#fff0fa}.hero-accordion{display:flex;gap:10px;min-height:500px;align-self:stretch}.hero-panel{position:relative;min-width:70px;flex:1;overflow:hidden;border-radius:18px;background-size:cover;background-position:center;transition:flex .5s ease;box-shadow:0 12px 30px #2d15304a}.hero-panel.active{flex:5}.panel-salon{background-image:linear-gradient(0deg,#27132adc,transparent 65%),url('./assets/crimps-waves-salon.png')}.panel-space{background-image:linear-gradient(0deg,#24162fdd,transparent 70%),url('./assets/astro-prixe-race.png')}.panel-hearts{background-image:linear-gradient(0deg,#32182cdd,transparent 70%),url('./assets/code-of-hearts-art.png')}.panel-toggle{position:absolute;inset:0;z-index:1;width:100%;border:0;background:transparent;color:#fff;font:700 15px Arial,sans-serif;cursor:pointer;text-align:left;padding:20px;writing-mode:vertical-rl;transform:rotate(180deg)}.active .panel-toggle{inset:0 0 auto auto;width:auto;height:auto;writing-mode:initial;transform:none;opacity:0}.active .panel-toggle:focus-visible{opacity:1;background:#4b275d}.panel-content{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:28px;color:white}.panel-content h2{font:500 clamp(1.8rem,3vw,3rem)/1 Georgia,serif;margin:0}.panel-content p:not(.eyebrow){margin:10px 0}.panel-content a{display:inline-block;border-bottom:1px solid #f4d6ec;padding:6px 0;color:white}.panel-content[hidden]{display:none}.content{border-color:#c6a5be}.eyebrow{color:#805188}.game-image{border-radius:12px}.game h3,.story h3,.details h3{font-family:Georgia,serif;font-weight:500;letter-spacing:-.035em}.underlink{color:#714178;border-color:#9d70a3}.story{background:#eadbe7;border-color:#d1b4cb}.details p:not(.eyebrow),.about p:not(.eyebrow){color:#56445a}.contact{background:#e9d4e5;border-color:#bc90b4}.button{background:#784589;border-radius:25px}.button:hover{background:#603772}footer{color:#725976}footer .brand{color:#4a3051}footer .brand span{color:#875096}@media(max-width:760px){.header nav{background:#513653}.hero{display:block;padding:45px 5%;min-height:0}.hero-content{padding:10px 0 32px}.hero-accordion{display:flex;flex-direction:column;min-height:0;gap:8px}.hero-panel{min-height:62px;flex:none}.hero-panel.active{min-height:300px;flex:none}.panel-toggle{writing-mode:initial;transform:none;height:62px;bottom:auto;padding:18px;background:#3e284c55}.active .panel-toggle{opacity:1;background:#3e284c55;width:100%;height:62px}.panel-content{padding:20px}.contact{margin:0 5%}}@media(prefers-reduced-motion:reduce){.hero-panel{transition:none}}
.short-video{height:320px;background:#24152c;display:flex;justify-content:center;overflow:hidden}.short-video video{display:block;height:100%;width:100%;object-fit:contain}@media(max-width:760px){.short-video{height:380px}}
.short-video{height:auto;aspect-ratio:16/9}.short-video video{object-fit:cover;object-position:center}@media(max-width:760px){.short-video{height:auto;aspect-ratio:16/9}}
.story-cover,.short-cover{display:block;width:100%;height:260px}.story-cover{object-fit:cover;object-position:center 48%}.short-cover{position:relative;border:0;padding:0;overflow:hidden;cursor:pointer;background:#412b42}.short-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%;transition:transform .3s}.short-cover:hover img{transform:scale(1.03)}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;padding-left:4px;border:2px solid white;border-radius:50%;color:white;background:#25182e99;font-size:1.2rem}.cover-label{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);color:white;background:#25182ebd;border-radius:20px;padding:6px 13px;font-size:.85rem;white-space:nowrap}.short-dialog{width:min(94vw,470px);max-width:none;max-height:94dvh;border:0;border-radius:14px;padding:12px;background:#23162a;color:white;box-shadow:0 16px 50px #0008}.short-dialog::backdrop{background:#140b1cdb}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px}.dialog-header h2{font:500 1.2rem Georgia,serif;margin:0}.close-short{border:0;background:transparent;color:white;font-size:2rem;line-height:1;cursor:pointer}.short-dialog video{display:block;width:100%;max-height:calc(94dvh - 68px);aspect-ratio:9/16;object-fit:contain;background:#130d17}@media(max-width:760px){.story-cover,.short-cover{height:240px}}@media(prefers-reduced-motion:reduce){.short-cover img{transition:none}}