@font-face{font-family:Manrope;src:url('/web-assets/fonts/Manrope.ttf');font-weight:200 800;font-display:swap}
@font-face{font-family:Bebas;src:url('/web-assets/fonts/BebasNeue.ttf');font-display:swap}
@font-face{font-family:Outfit;src:url('/web-assets/fonts/Outfit.ttf');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;color-scheme:dark}body{margin:0;background:#141014;color:#faf7f3;font-family:Manrope,-apple-system,sans-serif;--accent:#ff6257;--surface:#23181d;--muted:#bcafb4;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-100px;z-index:10;padding:12px;background:var(--accent);color:#111}.skip:focus{top:12px}
.web-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:auto;max-width:1600px;padding:26px 5vw}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-symbol{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#100e14;background:var(--accent);font-size:25px;font-weight:800;line-height:1}.web-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.nav-app{padding:12px 20px;border:1px solid #ffffff35;border-radius:100px}.web-header a:hover,.web-footer a:hover{text-decoration:underline;text-underline-offset:5px}.web-hero{position:relative;max-width:1600px;margin:auto;min-height:720px;padding:60px 5vw 80px;display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;overflow:hidden}.web-eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:var(--accent);margin:0 0 22px}.hero-copy{position:relative;z-index:2}.web h1{font-size:clamp(52px,6vw,92px);font-weight:800;line-height:1.03;letter-spacing:-5px;margin:0 0 28px}.hero-intro{font-size:17px;max-width:440px;color:var(--muted);line-height:1.8}.web-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:30px 0 18px}.web-primary,.web-secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:14px 23px;border-radius:8px;font-size:13px;font-weight:750}.web-primary{background:var(--accent);color:#150e14}.web-secondary{border:1px solid #ffffff35;background:#ffffff08}.web-primary:hover{filter:brightness(1.12)}.platform-note{font-size:11px;color:var(--muted)}.poster-composition{display:flex;gap:16px;align-items:center;min-height:580px;transform:rotate(7deg);margin-right:-140px}.poster-composition .story-tile{width:230px;flex:none;box-shadow:0 30px 60px #0009}.poster-composition .story-tile:first-child{margin-top:120px}.poster-composition .story-tile:nth-child(2){margin-bottom:100px}.poster-composition .story-tile>div{display:none}.poster-composition:empty{background:linear-gradient(140deg,#521f31,transparent);border-radius:30px}.story-tile{display:block;min-width:0}.story-tile img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;background:var(--surface)}.story-tile h3{font-size:14px;line-height:1.4;margin:14px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-tile p{font-size:11px;color:var(--muted);margin:0}.story-tile:hover img{outline:2px solid var(--accent);outline-offset:4px}.story-section{padding:40px 5vw 100px;max-width:1600px;margin:auto}.web-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.web h2{font-size:clamp(30px,3.7vw,52px);line-height:1.12;letter-spacing:-2px;margin:0 0 20px}.web-section-heading h2{max-width:630px}.web-section-heading>a{font-size:13px;flex:none;padding-bottom:24px}.story-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px}.catalog-status{font-size:13px;color:var(--muted)}.catalog-status:empty{display:none}.app-section{max-width:1500px;margin:0 auto 90px;padding:65px 6vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;background:var(--surface);border-radius:24px;overflow:hidden}.app-section-copy>p:not(.web-eyebrow){color:var(--muted);font-size:16px;max-width:440px}.app-section-copy>.web-primary{margin-top:15px}.app-device{background:#040404;padding:7px;border:2px solid #646164;border-radius:36px;box-shadow:0 25px 60px #0006;overflow:hidden;width:300px;margin:auto}.app-device img{border-radius:27px;width:100%;height:auto}.app-device.ipad{width:410px;max-width:100%;border-radius:22px;padding:10px}.app-device.ipad img{border-radius:10px}.tablet-showcase{max-height:540px;align-self:start;transform:rotate(5deg)}.web-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;max-width:1350px;padding:30px 5vw 110px;margin:auto}.web-faq details{border-bottom:1px solid #ffffff20;padding:23px 0}.web-faq summary{font-size:17px;font-weight:650;cursor:pointer;list-style-position:outside;margin-left:18px;padding-left:5px}.web-faq details p{font-size:14px;color:var(--muted);max-width:600px}.web-faq details a{text-decoration:underline}.web-footer{max-width:1600px;margin:auto;padding:40px 5vw 45px;border-top:1px solid #ffffff20;display:grid;grid-template-columns:1fr auto;gap:8px 36px}.web-footer p,.web-footer small{font-size:12px;color:var(--muted);margin:4px 0}.web-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;grid-column:2;grid-row:1/3;font-size:12px}.web-footer small{grid-column:1/-1;margin-top:16px}.legal-content{max-width:900px;padding:70px 28px 110px;margin:auto;font-size:16px;line-height:1.9}.legal-content h1{font-size:54px;letter-spacing:-2px}.legal-content h2{font-size:27px;letter-spacing:-.7px;margin:42px 0 12px}.legal-content p{color:#d1cbd0}.legal-content a{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}.legal-content dl{display:grid;grid-template-columns:180px 1fr;gap:12px}.legal-content dt{color:var(--muted)}.legal-content dd{margin:0;overflow-wrap:anywhere}.draft-note{border-left:3px solid var(--accent);padding:10px 20px;background:var(--surface)}.get-app-layout{max-width:1300px;min-height:720px;margin:auto;padding:60px 5vw 100px;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:60px}.get-app-layout h1{font-size:65px}.get-app-layout #availability{max-width:490px;color:var(--muted);font-size:17px}
/* Reelvyn: a graphic green invitation, framed app, dense story shelf. */
.web.reelvyn{background:#101711;--accent:#53ec8b;--surface:#1a2a20;--muted:#a8b9ad}.reelvyn .web-hero{background:#baf5cc;color:#10261a;border-radius:24px;max-width:calc(100% - 6vw);grid-template-columns:1.2fr 1fr;padding:50px 6vw;min-height:740px}.reelvyn .hero-intro,.reelvyn .platform-note{color:#3c644b}.reelvyn .hero-copy .web-eyebrow{color:#2e6745}.reelvyn .hero-copy h1{font:400 clamp(95px,13vw,200px)/.87 Bebas,Impact,sans-serif;letter-spacing:-1px}.reelvyn .hero-copy .web-primary{background:#152d1d;color:#e7f7e9}.reelvyn .hero-copy .web-secondary{border-color:#234a3350}.reelvyn .hero-device{transform:rotate(7deg);height:630px;overflow:hidden;align-self:end}.reelvyn .hero-device .app-device{width:305px}.reelvyn .story-section{padding-top:100px}.reelvyn .app-section{border-radius:0;max-width:100%;padding-left:10vw;padding-right:10vw}.reelvyn h2{font-weight:800}.reelvyn .web-primary{border-radius:100px}
/* Dramyra: a centered streaming masthead and wide, browsable feature cards. */
.web.dramyra{font-family:Outfit,-apple-system,sans-serif;background:#1b1023;--accent:#eed6aa;--surface:#2b1d33;--muted:#bbadbf}.dramyra .brand-symbol{font-family:Georgia,serif;font-style:italic}.dramyra .web-hero{display:block;padding:55px 0 80px;max-width:none}.dramyra .hero-copy{text-align:center;padding:0 24px}.dramyra .hero-copy h1{font-weight:600;font-size:clamp(65px,7.8vw,120px);letter-spacing:-5px}.dramyra .hero-intro{margin:0 auto;max-width:490px}.dramyra .web-actions{justify-content:center}.dramyra .web-primary,.dramyra .web-secondary{border-radius:100px}.feature-films{display:flex;gap:20px;overflow-x:auto;padding:35px max(24px,calc((100vw - 1260px)/2)) 20px;scroll-snap-type:x proximity}.feature-film{position:relative;flex:0 0 610px;height:330px;overflow:hidden;border-radius:18px;scroll-snap-align:center;background:var(--surface)}.feature-film img{width:100%;height:100%;object-fit:cover;object-position:50% 23%}.feature-film>div{position:absolute;inset:40% 0 0;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent,#180e24ed)}.feature-film h3{font-size:27px;font-weight:550;line-height:1.15;margin:0;max-width:470px}.feature-film p{font-size:12px;color:#e2d2e8;margin:8px 0 0}.feature-films:empty{min-height:380px}.dramyra .app-section{background:#e2cfdb;color:#2a1a30}.dramyra .app-section .web-eyebrow{color:#71516c}.dramyra .app-section-copy>p:not(.web-eyebrow){color:#705e73}.dramyra .app-section .web-primary{background:#39233d;color:#fff4e5}.dramyra .tablet-showcase{transform:rotate(-5deg)}
@media(min-width:1600px){.reelvyn .web-hero{max-width:1500px}}
@media(max-width:1100px){.web-hero{min-height:650px;grid-template-columns:1.25fr 1fr}.web h1{font-size:68px;letter-spacing:-3px}.poster-composition .story-tile{width:190px}.story-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.app-section{margin-left:24px;margin-right:24px;gap:35px}.web-faq{gap:40px}.web-footer{grid-template-columns:1fr}.web-footer nav{grid-row:auto;grid-column:1;margin-top:20px}.reelvyn .web-hero{grid-template-columns:1fr 1fr}.get-app-layout h1{font-size:52px}.get-app-layout{gap:24px}}
@media(max-width:700px){.web-header{padding:20px;gap:14px}.wordmark{font-size:21px}.web-header nav{gap:16px;font-size:12px}.web-header nav>a:first-child{display:none}.nav-app{padding:10px 13px}.web-hero{display:flex;flex-direction:column;align-items:stretch;padding:38px 24px 40px;gap:0;min-height:0}.web h1{font-size:57px;letter-spacing:-3px}.hero-intro{font-size:15px;max-width:420px}.web-eyebrow{font-size:10px;letter-spacing:1.7px}.web-actions{gap:10px;margin-top:23px}.web-primary,.web-secondary{padding:13px 18px;font-size:12px;gap:12px}.poster-composition{min-height:320px;gap:12px;margin:15px -100px -10px -35px}.poster-composition .story-tile{width:160px}.poster-composition .story-tile:first-child{margin-top:50px}.poster-composition .story-tile:nth-child(2){margin-bottom:25px}.story-section{padding:55px 22px}.web h2{font-size:34px;letter-spacing:-1.3px}.web-section-heading{display:block;margin-bottom:22px}.web-section-heading>a{display:inline-block;padding-bottom:0}.story-rail{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:15px;padding:5px 4px 15px}.story-rail .story-tile{flex:0 0 155px;scroll-snap-align:start}.app-section{grid-template-columns:1fr;padding:38px 26px;margin:15px 20px 65px;border-radius:20px;gap:36px}.app-section-copy>p:not(.web-eyebrow){font-size:15px}.tablet-showcase{max-height:430px;max-width:310px;margin:0 auto}.web-faq{grid-template-columns:1fr;padding:0 25px 65px;gap:8px}.web-faq summary{font-size:16px}.web-footer{padding:30px 25px}.web-footer nav{gap:12px 22px}.legal-content{padding:35px 24px 70px;font-size:15px}.legal-content h1{font-size:39px;letter-spacing:-1px}.legal-content dl{grid-template-columns:1fr;gap:4px}.legal-content dd{margin-bottom:12px}.get-app-layout{grid-template-columns:1fr;padding:38px 26px 70px;gap:36px}.get-app-layout h1{font-size:53px}.get-app-layout .app-device{width:260px}.reelvyn .web-hero{display:flex;padding:35px 24px 0;max-width:calc(100% - 28px);border-radius:17px;gap:30px;min-height:0}.reelvyn .hero-copy h1{font-size:108px}.reelvyn .hero-device{height:460px;align-self:center;transform:rotate(5deg)}.reelvyn .hero-device .app-device{width:250px}.reelvyn .story-section{padding-top:60px}.reelvyn .app-section{margin-left:0;margin-right:0;padding:40px 28px}.dramyra .web-hero{padding:35px 0}.dramyra .hero-copy h1{font-size:78px;letter-spacing:-3px}.dramyra .hero-intro{max-width:350px}.feature-films{gap:14px;padding:25px 22px 12px}.feature-film{flex-basis:calc(100vw - 60px);height:270px}.feature-film h3{font-size:24px}.feature-film>div{padding:20px}.feature-films:empty{min-height:285px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
