@font-face{font-family:ChaloDisplay;src:url('assets/CormorantGaramond-Variable.ttf') format('truetype');font-display:swap;font-weight:300 700}
:root{--ink:#111424;--panel:#1d2435;--paper:#f8f3fc;--paperink:#1d1930;--purple:#dd7af0;--purple2:#a666ff;--lavender:#ead4ff;--muted:#bcb7cb;--line:rgba(221,122,240,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;max-width:100%}.shell{width:min(1160px,calc(100% - 38px));margin-inline:auto}.site-header{position:sticky;z-index:30;top:0;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(17,20,36,.84);backdrop-filter:blur(18px)}.header-inner{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:baseline;font-family:ChaloDisplay,Georgia,serif;font-size:34px;letter-spacing:-.06em;line-height:1}.brand i{font-style:normal;background:linear-gradient(120deg,#fff 4%,#e476ff 50%,#a666ff);background-clip:text;color:transparent}.brand b{margin-left:2px;color:var(--purple);font-size:20px}.brand small{margin-left:7px;color:#a9a3b8;font-family:Inter,sans-serif;font-size:8px;font-weight:800;letter-spacing:.18em}.nav{display:flex;gap:27px;color:#c7c2d1;font-size:12px}.nav a:hover,.support:hover{color:var(--purple)}.header-actions{position:relative;display:flex;align-items:center;gap:15px}.support{font-size:11px}.language-toggle{min-height:36px;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:transparent;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.language-toggle span{color:var(--purple);font-size:15px}.language-menu{position:absolute;top:46px;right:0;overflow:hidden;min-width:128px;border:1px solid var(--line);border-radius:14px;background:#28213a;box-shadow:0 15px 45px rgba(0,0,0,.35)}.language-menu button{display:block;width:100%;border:0;padding:11px 15px;background:transparent;color:#fff;text-align:left;cursor:pointer}.language-menu button:hover{background:rgba(221,122,240,.16)}
.hero{position:relative;overflow:hidden;min-height:calc(100svh - 72px);border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 77% 40%,rgba(170,73,190,.26),transparent 29%),radial-gradient(circle at 13% 75%,rgba(92,86,215,.18),transparent 31%),linear-gradient(118deg,#101322,#171326)}.hero:before{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;content:""}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .97fr;gap:70px;align-items:center;min-height:calc(100svh - 72px);padding:65px 0}.eyebrow{margin:0 0 19px;color:var(--purple);font-size:10px;font-weight:800;letter-spacing:.2em}.hero h1{margin:0;font-family:ChaloDisplay,Georgia,serif;font-size:clamp(70px,8vw,124px);font-weight:400;line-height:.8;letter-spacing:-.055em}.hero h1 em{color:var(--lavender);font-style:italic}.hero-intro{max-width:580px;margin:31px 0 0;color:var(--muted);font-size:16px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:0 24px;font-size:12px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.button.glow{border-color:var(--purple);background:linear-gradient(135deg,#ed8bfa,#ad65f6);box-shadow:0 7px 28px rgba(217,105,239,.28);color:#211329}.button.ghost:hover{border-color:var(--purple)}.micro{display:flex;align-items:center;gap:10px;margin-top:35px;color:#a39daf;font-size:10px;text-transform:uppercase}.micro:before{width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 15px var(--purple);content:""}.hero-visual{position:relative;min-height:700px;overflow:visible}.cover-flow{position:absolute;inset:0;overflow:visible;isolation:isolate}.flow-cover{position:absolute;bottom:58px;left:50%;width:342px;aspect-ratio:.69;overflow:hidden;border:1px solid rgba(232,135,249,.7);border-radius:31px;box-shadow:0 34px 65px rgba(0,0,0,.54);opacity:0;transform:translateX(122%) rotate(30deg) scale(.88);transform-origin:50% 100%;will-change:transform,opacity;animation:cover-handoff 22.5s linear infinite}.flow-cover img{height:100%;object-fit:cover}.flow-cover:after{position:absolute;inset:0;background:linear-gradient(transparent 47%,rgba(9,9,18,.92));content:""}.flow-cover span,.flow-cover strong{position:absolute;z-index:1;left:25px;right:25px}.flow-cover span{bottom:63px;color:#f1a6ff;font-size:8px;font-weight:800;letter-spacing:.16em}.flow-cover strong{bottom:24px;font-family:ChaloDisplay,Georgia,serif;font-size:32px;font-weight:500;line-height:.88}.cover-two{animation-delay:-4.5s}.cover-three{animation-delay:-9s}.cover-four{animation-delay:-13.5s}.cover-five{animation-delay:-18s}@keyframes cover-handoff{0%{z-index:3;opacity:0;transform:translateX(122%) rotate(30deg) scale(.88)}19%{z-index:3;opacity:1;transform:translateX(52.2%) rotate(17.8deg) scale(.96)}46.8%{z-index:3;opacity:1;transform:translateX(-50%) rotate(0) scale(1.08)}46.81%{z-index:2;opacity:1;transform:translateX(-50%) rotate(0) scale(1.08)}66.79%{z-index:2;opacity:1;transform:translateX(-50%) rotate(0) scale(1.08)}66.8%{z-index:1;opacity:1;transform:translateX(-50%) rotate(0) scale(1.08)}91.84%{z-index:1;opacity:0;transform:translateX(-142%) rotate(-30deg) scale(.88)}100%{z-index:1;opacity:0;transform:translateX(-142%) rotate(-30deg) scale(.88)}}.carousel-glow{position:absolute;z-index:0;top:11%;left:8%;width:78%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(216,94,243,.22),transparent 66%);filter:blur(8px)}.carousel-label{position:absolute;z-index:4;right:12px;bottom:26px;display:flex;flex-direction:column;gap:6px;color:#f2b8fb;font-size:9px;letter-spacing:.15em}.carousel-label b{color:#aba4ba;font-size:9px;font-weight:500;letter-spacing:0}.orb{position:absolute;z-index:4;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{top:18px;right:-42px;width:175px;height:175px;background:rgba(234,133,254,.25)}.orb-two{bottom:20px;left:-65px;width:140px;height:140px;background:rgba(109,110,255,.21)}.choice img,.story img{height:100%;object-fit:cover}.choice:after,.story:after{position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(9,9,18,.94));content:""}
.section{padding:105px 0}.light{background:var(--paper);color:var(--paperink)}.dark{background:#121624}.heading{max-width:720px}.heading h2,.feature h2,.contact h2{margin:0;font-family:ChaloDisplay,Georgia,serif;font-size:clamp(48px,6vw,78px);font-weight:500;line-height:.93;letter-spacing:-.035em}.heading>p:last-child,.feature>p:last-of-type{color:#716a7c;line-height:1.85}.dark .heading>p:last-child,.dark .feature>p:last-of-type{color:#b8b1c2}.flow{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;margin-top:68px}.steps{border-top:1px solid rgba(52,34,83,.18)}.step{display:grid;grid-template-columns:42px 1fr;gap:18px;border-bottom:1px solid rgba(52,34,83,.18);padding:26px 0}.step>span{color:#ad65f6;font-family:ChaloDisplay,serif;font-size:20px}.step h3{margin:0 0 8px;font-family:ChaloDisplay,serif;font-size:27px}.step p{margin:0;color:#766e80;font-size:13px;line-height:1.7}.choice{position:relative;min-height:590px;overflow:hidden;border-radius:26px}.choice-content{position:absolute;z-index:2;right:30px;bottom:30px;left:30px}.choice-content h3{margin:0 0 8px;font-family:ChaloDisplay,serif;font-size:43px;font-weight:500;line-height:.95}.choice-content>p{color:#d1c5d9}.choice-option{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:9px;border:1px solid rgba(231,127,247,.6);border-radius:13px;padding:0 15px;background:rgba(28,23,47,.83)}.choice-option b{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--purple);border-radius:50%;color:var(--purple)}.story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:17px;margin-top:58px}.story{position:relative;grid-column:span 4;aspect-ratio:.74;overflow:hidden;border:1px solid rgba(223,122,240,.27);border-radius:18px}.story:nth-child(n+4){grid-column:span 3}.story img{transition:.5s}.story:hover img{transform:scale(1.035)}.story-copy{position:absolute;z-index:2;right:19px;bottom:21px;left:19px}.story-copy h3{margin:8px 0 5px;font-family:ChaloDisplay,serif;font-size:31px;font-weight:500;line-height:.9}.promise{padding-top:20px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.mirror{position:relative;display:grid;min-height:440px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:48% 48% 28px 28px;background:radial-gradient(circle,#4b315d,#191829 65%);text-align:center}.mirror div:first-child{display:flex;flex-direction:column;gap:9px;max-width:300px}.mirror span{color:#d6c4dd;font-size:12px}.mirror strong{font-family:ChaloDisplay,serif;font-size:42px;font-weight:400;line-height:.9}.spark{position:absolute;right:22%;bottom:22%;color:var(--purple);font-size:38px}.text-link{display:inline-block;margin-top:20px;color:var(--purple);font-size:13px;font-weight:800}.contact{padding:0 0 100px}.contact-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;border:1px solid var(--line);border-radius:27px;padding:58px;background:radial-gradient(circle at 85% 20%,rgba(198,78,204,.26),transparent 35%),var(--panel)}.contact p{max-width:620px;color:#c0b8ca;line-height:1.8}.footer{border-top:1px solid rgba(255,255,255,.09);padding:55px 0 26px;background:#0b0e19}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:35px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;color:#bbb4c5;font-size:11px}.footer-bottom{margin-top:42px;border-top:1px solid rgba(255,255,255,.08);padding-top:23px;color:#777184;font-size:9px;text-transform:uppercase}
.legal{min-height:calc(100vh - 72px);background:var(--paper);color:var(--paperink)}.legal-wrap{max-width:820px;padding:82px 0 110px}.legal-wrap h1{margin:0 0 14px;font-family:ChaloDisplay,Georgia,serif;font-size:clamp(65px,9vw,110px);font-weight:500;line-height:.86}.legal-wrap h2{margin:46px 0 12px;font-family:ChaloDisplay,Georgia,serif;font-size:34px}.legal-wrap p{color:#625a6d;line-height:1.85}.legal-wrap a{color:#8d45cc;border-bottom:1px solid}
@media(max-width:930px){.nav{display:none}.hero-grid{grid-template-columns:1fr .82fr;gap:35px}.hero-visual{min-height:620px}.flow-cover{width:270px}.story:nth-child(n){grid-column:span 6}.story:last-child{grid-column:4/span 6}.feature-grid{gap:55px}}@media(max-width:700px){.shell{width:min(100% - 28px,600px)}.support{display:none}.hero-grid,.flow,.feature-grid{grid-template-columns:1fr}.hero-grid{padding:68px 0 90px}.hero-copy{text-align:center}.hero h1{font-size:clamp(62px,18vw,90px)}.actions,.micro{justify-content:center}.hero-visual{width:100%;min-height:570px;margin:15px auto 0}.flow-cover{bottom:32px;width:255px}.section{padding:78px 0}.choice{min-height:530px}.story:nth-child(n){grid-column:span 6}.mirror{min-height:390px}.contact-panel,.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.contact-panel{padding:35px}.contact-panel .button{width:100%}}@media(max-width:450px){.brand small{display:none}.hero .button{width:100%}.hero-visual{min-height:510px}.flow-cover{width:220px}.story:nth-child(n),.story:last-child{grid-column:span 12;aspect-ratio:.8}.story-copy h3{font-size:35px}}@media(prefers-reduced-motion:reduce){.flow-cover{animation:none}.cover-one{opacity:1;transform:translateX(-50%) rotate(0) scale(1.08)}}

/* One incoming card at a time: entering > main > exiting. */
.flow-cover{z-index:0;opacity:0;transform:translateX(65%) rotate(30deg) scale(.88);animation:none!important}.flow-cover.is-main{z-index:2;opacity:1;transform:translateX(-50%) rotate(0) scale(1.08)}.flow-cover.is-entering{z-index:3;animation:cover-enter 4s linear forwards!important}.flow-cover.is-exiting{z-index:1;animation:cover-exit 4s linear forwards!important}@keyframes cover-enter{0%{opacity:0;transform:translateX(65%) rotate(30deg) scale(.88)}19%{opacity:1;transform:translateX(43.15%) rotate(24.3deg) scale(.918)}100%{opacity:1;transform:translateX(-50%) rotate(0) scale(1.08)}}@keyframes cover-exit{0%{opacity:1;transform:translateX(-50%) rotate(0) scale(1.08)}100%{opacity:0;transform:translateX(-142%) rotate(-30deg) scale(.88)}}@media(prefers-reduced-motion:reduce){.flow-cover.is-entering,.flow-cover.is-exiting{animation:none!important}.flow-cover.is-entering{z-index:2;opacity:1;transform:translateX(-50%) rotate(0) scale(1.08)}}

/* App featured-banner typography on every moving poster. */
.flow-cover span,.flow-cover strong{right:24px;left:24px;text-align:center}.flow-cover strong{bottom:77px;display:-webkit-box;overflow:hidden;color:#fff;font-family:ChaloDisplay,Georgia,serif;font-size:34px;font-weight:600;line-height:.96;-webkit-box-orient:vertical;-webkit-line-clamp:4}.flow-cover span{bottom:23px;display:block;overflow:hidden;color:#f1a6ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;font-weight:500;letter-spacing:.04em;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.flow-cover span::after{display:block;margin-top:8px;color:#d1c7dc;content:'A CHALOTALK ORIGINAL';font-size:7px;font-weight:600;letter-spacing:1.25px}

/* Compact story-choice carousel: every story carries its own opening decision. */
.choice-carousel{min-height:519px;aspect-ratio:1.23;background:#171527}.choice-carousel .choice-backdrop,.choice-carousel .choice-image{position:absolute;inset:0;width:100%;height:100%;transition:opacity .24s linear,transform .24s linear}.choice-carousel .choice-backdrop{z-index:0;object-fit:cover;filter:blur(18px) brightness(.48) saturate(.72);transform:scale(1.08)}.choice-carousel .choice-image{z-index:1;object-fit:contain}.choice-carousel.is-sliding-next .choice-image,.choice-carousel.is-sliding-next .choice-backdrop{opacity:0;transform:translateX(-8%)}.choice-carousel.is-sliding-prev .choice-image,.choice-carousel.is-sliding-prev .choice-backdrop{opacity:0;transform:translateX(8%)}.choice-carousel .choice-content{right:25px;bottom:23px;left:25px;color:#fff}.choice-carousel .choice-content h3{color:#fff;font-size:33px;line-height:.94}.choice-carousel .choice-content>p{margin:0 0 12px;color:#f1eafb;font-size:13px}.choice-carousel .choice-option{min-height:42px;margin-top:7px;color:#fff;font-size:12px}.choice-carousel .choice-option span{color:#fff}.choice-controls{position:absolute;z-index:4;top:19px;right:19px;display:flex;gap:7px}.choice-controls button{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(239,155,255,.65);border-radius:50%;background:rgba(20,18,35,.72);color:#fff;font-size:18px;cursor:pointer}.choice-controls button:hover{background:rgba(221,122,240,.35)}@media(max-width:700px){.choice-carousel{min-height:466px;aspect-ratio:auto}.choice-carousel .choice-content h3{font-size:29px}}
.choice-progress{display:flex;align-items:center;gap:10px;margin-top:13px;color:#f3c3fb;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:9px;font-weight:700;letter-spacing:.12em}.choice-progress i{display:block;flex:1;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.25)}.choice-progress i b{display:block;width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ed8bfa,#ad65f6);transition:width .24s linear}

/* Complete catalog: five posters per desktop row, ten posters in two rows. */
.story-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.story,.story:nth-child(n),.story:last-child{grid-column:auto;aspect-ratio:.69}@media(max-width:930px){.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.story-grid{grid-template-columns:1fr}}

/* Five-column catalog cards: copy and contrast stay within the lower half. */
.story:after{background:linear-gradient(transparent 50%,rgba(9,9,18,.9))}.story-copy{right:14px;bottom:14px;left:14px;display:flex;max-height:46%;flex-direction:column;justify-content:flex-end;overflow:hidden}.story-copy small{font-size:7px;letter-spacing:.1em}.story-copy h3{display:-webkit-box;overflow:hidden;margin:6px 0 5px;font-size:clamp(19px,1.6vw,25px);font-weight:600;line-height:.9;-webkit-box-orient:vertical;-webkit-line-clamp:4}.story-copy p{display:-webkit-box;overflow:hidden;font-size:9px;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}