@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#09090d;--text:#f5f4fa;--muted:#a5a2b1;--violet:#8e67ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ba9fff;outline-offset:6px}header{height:108px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:27px;letter-spacing:-1.3px}.brand img{object-fit:contain;margin-right:5px}.brand>span{font-size:12px;align-self:flex-start;margin-top:11px;margin-left:4px}nav{display:flex;gap:40px;align-items:center;font-size:14px}nav a>span{color:var(--muted);font-size:12px;margin-left:8px}.contact{border:1px solid #ffffff30;border-radius:50px;padding:13px 23px}.contact span{font-size:18px}.hero{position:relative;text-align:center;padding:62px 20px 82px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;position:relative;z-index:1}.spark{color:#ac8aff;font-size:20px;vertical-align:-2px;margin-right:9px}h1,h2{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(45px,5.4vw,79px);font-weight:500;line-height:1.13;letter-spacing:-4px;position:relative;z-index:1;margin:25px 0 22px}h1>span{background:linear-gradient(105deg,#b9a2ff 15%,#8858f0 65%,#d7c9ff);color:transparent;background-clip:text}.hero>p{color:var(--muted);position:relative;font-size:16px}.hero-link{display:inline-flex;gap:18px;align-items:center;font-size:14px;margin-top:20px}.hero-link>span{border:1px solid #ffffff24;border-radius:50%;padding:9px 13px}.orb{position:absolute;left:calc(50% - 330px);top:-210px;width:660px;height:610px;background:radial-gradient(ellipse,#632ecc2e,transparent 65%);filter:blur(18px);pointer-events:none}.orbit{width:115%;height:260px;position:absolute;top:380px;left:-7.5%;border-radius:50%;border:1px solid #8664b324;box-shadow:0 -5px 35px #6535a00b,0 -17px 0 -16px #76589d25,0 -34px 0 -33px #76589d15;transform:rotate(-5deg);pointer-events:none}.work{max-width:1440px;margin:auto;padding:5px 6% 70px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.section-top h2{font-size:20px;letter-spacing:-.5px;font-weight:500}.section-top h2 span{color:var(--muted)}.meta{font-size:11px;letter-spacing:1.6px;color:var(--muted)}.carousel{perspective:1500px;position:relative;height:580px;touch-action:pan-y}.stage{width:100%;height:100%;position:relative;transform-style:preserve-3d}.project{padding:0;border:1px solid #ffffff32;position:absolute;top:25px;left:50%;width:340px;height:510px;border-radius:22px;background:#17151c;overflow:hidden;text-align:left;box-shadow:0 28px 65px #0008;transition:transform .7s cubic-bezier(.22,.7,.17,1),filter .7s,box-shadow .5s;transform:translateX(-50%)}.project[data-position="0"]{transform:translateX(-50%) translateZ(85px);z-index:3;box-shadow:0 32px 100px #6d37c626}.project[data-position="-1"]{transform:translateX(calc(-50% - 345px)) rotateY(18deg) scale(.91);filter:brightness(.69);z-index:1}.project[data-position="1"]{transform:translateX(calc(-50% + 345px)) rotateY(-18deg) scale(.91);filter:brightness(.69);z-index:1}.project:hover{filter:brightness(1.08)}.project>img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.project:hover>img{transform:scale(1.035)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#0007,transparent 30%,#0002 42%,#08070ccc 74%,#08070c 100%)}.card-top{position:absolute;top:20px;left:22px;right:20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.7px}.round{width:33px;height:33px;border:1px solid #ffffff50;display:grid;place-items:center;border-radius:50%;font-size:19px;background:#ffffff10;backdrop-filter:blur(15px)}.card-info{position:absolute;left:24px;right:24px;bottom:23px}.film-title{display:block;font-size:30px;font-family:Manrope,Arial,sans-serif;letter-spacing:-1.1px;font-weight:600;margin-bottom:6px}.product-title{display:block;font-size:14px;color:#c2bfce}.card-bottom{border-top:1px solid #ffffff25;margin-top:23px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px;letter-spacing:.8px}.card-bottom>span:last-child{white-space:nowrap;font-size:11px}.card-bottom i{font-style:normal;color:#c3aaff;margin-left:7px}.carousel-controls{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff14;padding-bottom:35px;gap:12px}.hint{font-size:12px;color:var(--muted)}.end{font-size:10px;letter-spacing:1.2px}.controls{display:flex;gap:22px;align-items:center}.controls>button{background:#ffffff06;border:1px solid #ffffff25;border-radius:50%;width:42px;height:42px;font-size:21px}.controls>button:hover{background:#7448d44d}.controls>span{font-size:13px}.controls>span>span{color:#777382;margin-left:5px}.cta{text-align:center;position:relative;overflow:hidden;padding:66px 20px 100px}.cta>.eyebrow{color:var(--muted);font-size:11px}.cta h2{font-weight:500;font-size:clamp(36px,4.5vw,63px);line-height:1.2;letter-spacing:-2.6px;margin:24px 0 35px;position:relative;z-index:1}.cta h2 em{font-style:normal;color:#b394ff}.cta-button{display:inline-flex;gap:30px;align-items:center;background:#eee9ff;color:#181021;border-radius:40px;padding:18px 25px;font-size:14px;font-weight:600;position:relative;z-index:1;box-shadow:0 0 40px #9470ff20}.cta-button:hover{background:white}.cta-button>span{font-size:22px}.email{display:block;margin-top:22px;color:var(--muted);font-size:14px;position:relative;z-index:1}.cta-glow{position:absolute;bottom:-330px;left:calc(50% - 450px);width:900px;height:450px;background:#722deb40;filter:blur(110px);pointer-events:none}footer{margin:0 6%;padding:27px 0 32px;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>.brand{font-size:22px}footer>span{font-size:12px;color:var(--muted)}dialog{padding:0;border:1px solid #ffffff2b;border-radius:24px;background:#111015;color:var(--text);max-width:1060px;width:calc(100% - 50px);max-height:94dvh;overflow:auto;box-shadow:0 40px 150px #000}dialog::backdrop{background:#030207eb;backdrop-filter:blur(18px)}.cinema-shell{display:grid;grid-template-columns:1fr 1fr;min-height:550px}.close{position:absolute;top:16px;right:16px;z-index:3;border:1px solid #ffffff30;background:#111b;border-radius:50%;height:42px;width:42px}.screen{background:#000;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}.screen video{display:block;width:100%;max-height:89dvh;aspect-ratio:9/16;object-fit:contain}.project-details{padding:80px 45px 45px;align-self:center}.project-details .eyebrow{color:#b694ff;font-size:11px}.project-details h2{font-size:39px;line-height:1.12;letter-spacing:-1.7px;margin:20px 0}.project-details>p{color:var(--muted);line-height:1.7}.transformation{margin-top:32px;border-top:1px solid #ffffff20;padding-top:25px}.before,.after{display:flex;gap:18px;align-items:center;margin-top:20px}.before img{height:96px;width:72px;object-fit:cover;border-radius:9px}.before strong,.after strong{font-size:15px;font-weight:500}.before small,.after small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.transform-arrow{margin:18px 0;color:#aa81ff}.transform-arrow span{font-size:9px;letter-spacing:1.2px;margin-left:15px}.after{padding:18px;background:#9160ff12;border:1px solid #9160ff40;border-radius:12px}.after>span{color:#b694ff}.detail-contact{display:block;font-size:13px;margin-top:35px;color:#d8c9fa}#video-error{position:absolute;bottom:70px;background:#17131c;padding:20px}#video-error a{text-decoration:underline}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-top:85px}}@media(max-width:1100px){.project{width:290px;height:460px}.project[data-position="-1"]{transform:translateX(calc(-50% - 280px)) rotateY(22deg) scale(.85)}.project[data-position="1"]{transform:translateX(calc(-50% + 280px)) rotateY(-22deg) scale(.85)}.carousel{height:530px}.film-title{font-size:26px}.card-bottom{font-size:8px}.end{display:none}.cinema-shell{grid-template-columns:1fr 1fr}.project-details{padding:65px 25px 30px}.project-details h2{font-size:30px}}@media(max-width:700px){header{height:88px;padding:0 5%}.brand{font-size:25px}.brand img{width:40px;height:40px}nav{gap:0}nav>a:first-child{display:none}.contact{font-size:12px;padding:10px 15px}.hero{padding:49px 18px 70px}h1{font-size:clamp(38px,8.6vw,59px);letter-spacing:-2.1px}.hero>p{font-size:14px;line-height:1.6;max-width:280px;margin:20px auto}.eyebrow{font-size:10px;letter-spacing:2px}.work{padding:0 0 45px;overflow:hidden}.section-top{padding:0 6%;margin-bottom:18px}.section-top h2{font-size:17px}.section-top>.meta{display:none}.carousel{height:485px;perspective:1100px}.project{width:270px;height:420px;top:22px}.project[data-position="0"]{transform:translateX(-50%) translateZ(35px)}.project[data-position="-1"]{transform:translateX(calc(-50% - 250px)) rotateY(25deg) scale(.85)}.project[data-position="1"]{transform:translateX(calc(-50% + 250px)) rotateY(-25deg) scale(.85)}.card-info{left:20px;right:20px}.film-title{font-size:25px}.carousel-controls{margin:0 6%;flex-direction:column-reverse;gap:20px;padding-bottom:28px}.hint{font-size:12px}.cta{padding:36px 20px 75px}.cta h2{font-size:38px;letter-spacing:-1.8px}.cta>.eyebrow{font-size:9px;letter-spacing:1.2px}.cta-button{font-size:12px;gap:16px;padding:16px 20px}footer{flex-wrap:wrap;padding:20px 0;gap:12px}footer>span:nth-child(2){display:none}dialog{width:calc(100% - 20px);max-height:96dvh;border-radius:16px}.cinema-shell{display:block}.screen video{height:69dvh;max-height:700px}.project-details{padding:30px 25px}.close{position:fixed;top:25px;right:25px}.project-details h2{margin-top:16px}.project-details>p{font-size:15px}.transformation{margin-top:20px}.before img{height:85px}.detail-contact{line-height:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* PlotPop / editorial polish */
::selection{background:#956bff;color:white}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:12px 18px;background:#eee9ff;color:#171022;border-radius:9px;transform:translateY(-180%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:9;pointer-events:none}.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6131db,#d4b5ff);box-shadow:0 0 15px #b58bff80}.hero-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:26px;position:relative;z-index:1}.hero-actions .hero-link{margin:0}.hero-secondary{font-size:14px;color:#c7b1ff;border-bottom:1px solid #9f75e74a;padding:9px 0}.hero-secondary:hover{color:#fff;border-color:#d7c5ff}.studio-note{font-size:11px;letter-spacing:2px;color:#96919f;margin:28px 0 0;position:relative;z-index:1}.studio-note span{padding:0 14px;color:#9470cd}.hero{padding-bottom:62px}.hero h1{animation:hero-arrive 1s cubic-bezier(.16,1,.3,1) both}.orb{animation:light-drift 13s ease-in-out infinite alternate}.hero h1>span{background-size:150% 100%}.contact,.cta-button,.hero-secondary,.detail-contact{transition:background .25s,box-shadow .25s,color .25s,transform .25s}.contact:hover{background:#9d73ff16;border-color:#b78cff70}.cta-button:hover{transform:translateY(-3px);box-shadow:0 9px 44px #9470ff40}.work{overflow:hidden}.project{isolation:isolate;will-change:transform}.project[data-position="0"]{transform:translateX(-50%) translateZ(85px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.card-sheen{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,30%),#eee1ff20,transparent 60%);opacity:0;transition:opacity .45s}.project:hover .card-sheen{opacity:1}.watch-cue{position:absolute;top:42%;left:50%;transform:translate(-50%,10px);opacity:0;background:#10101780;border:1px solid #fff5;backdrop-filter:blur(15px);padding:13px 19px;border-radius:30px;font-size:13px;white-space:nowrap;transition:opacity .3s,transform .3s}.watch-cue>span{margin-left:7px}.project:hover .watch-cue,.project:focus-visible .watch-cue{opacity:1;transform:translate(-50%,0)}.card-bottom{font-size:10px;letter-spacing:.3px;gap:8px}.card-bottom>span:first-child{max-width:75%}.card-top{font-size:11px;letter-spacing:1.1px}.process{max-width:1180px;margin:-7px auto 25px;padding:0 34px 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.process>div{position:relative;padding:18px 0 18px 42px}.process-no{position:absolute;top:22px;left:0;font-size:12px;color:#ac83f2}.process h3{font-family:Manrope,Arial,sans-serif;font-size:18px;letter-spacing:-.5px;font-weight:500;margin:0 0 10px}.process p{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:245px}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal-ready.is-revealed{opacity:1;transform:none}.brief-hint{position:relative;z-index:1;color:#b1aabf;font-size:14px;line-height:1.6;margin:22px auto 12px}.email-row{position:relative;z-index:1;display:flex;justify-content:center;gap:14px;align-items:center}.email-row .email{margin:0;user-select:all}.copy-email{background:transparent;border:1px solid #ffffff24;padding:7px 10px;border-radius:7px;font-size:12px;color:#c4b9d5}.copy-email:hover{border-color:#a677fb}.copy-status{display:block;min-height:20px;font-size:12px;color:#c7b0ee;margin:12px auto 0;max-width:340px;position:relative;z-index:1}.floating-contact{position:fixed;bottom:25px;left:50%;z-index:5;display:flex;align-items:center;gap:9px;border:1px solid #c5adff55;padding:11px 19px 11px 11px;background:#1a1428e8;backdrop-filter:blur(20px);box-shadow:0 9px 40px #0006,0 0 25px #7a44d81c;border-radius:50px;font-size:13px;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%,20px);transition:opacity .3s,transform .3s,visibility .3s}.floating-contact.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.floating-contact>span{color:#c9abff;margin-left:12px}.floating-contact:hover{background:#302044}.modal-open .floating-contact{visibility:hidden}.film-progress{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:2;background:#ffffff12;pointer-events:none}.film-progress span{display:block;width:0;height:100%;background:#b88aff;transition:width .2s linear}.film-end{position:absolute;inset:0;background:#0c0913dc;backdrop-filter:blur(17px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;padding:25px}.film-end[hidden]{display:none}.film-end>.eyebrow{font-size:10px;color:#c8b4e9}.film-end h3{font-family:Manrope,Arial,sans-serif;font-size:38px;letter-spacing:-1.5px;line-height:1.15;margin:0}.end-contact{font-size:14px;padding:14px 19px;background:#eee6ff;color:#1c1428;border-radius:30px}.film-end button{background:none;border:0;color:#c6b8d7;font-size:13px;padding:10px}.project-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff1a;margin-top:28px;padding-top:20px}.project-navigation button{background:none;border:0;font-size:13px;padding:8px 0;color:#cfc6df}.project-navigation button:hover{color:white}.project-navigation>span{font-size:11px;letter-spacing:1px;color:#8f859f}dialog[open]{animation:cinema-arrive .35s cubic-bezier(.16,1,.3,1)}.project-details{padding-top:60px;padding-bottom:30px}.detail-contact{line-height:1.6}.detail-contact:hover{color:#fff}.email:hover{color:#eee4ff}.cta .eyebrow{line-height:1.7}#video-error{z-index:4;font-size:14px;line-height:1.6;border:1px solid #ffffff24;border-radius:10px;margin:16px}.card-bottom i{font-size:12px}footer{padding-bottom:45px}
@keyframes hero-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes light-drift{from{transform:translate(-20px,0);opacity:.6}to{transform:translate(35px,25px);opacity:1}}@keyframes cinema-arrive{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.project-navigation{gap:8px}.project-navigation button{font-size:12px}.card-bottom{font-size:9px}.process{gap:20px;padding-inline:6%}.process>div{padding-left:30px}.project-details h2{font-size:30px}}
@media(max-width:700px){.hero{padding-bottom:58px}.hero-actions{gap:23px}.hero-actions .hero-link,.hero-secondary{font-size:13px}.hero-actions .hero-link{gap:10px}.studio-note{font-size:9px;letter-spacing:1px;margin-top:24px}.studio-note span{padding:0 8px}.project[data-position="0"]{transform:translateX(-50%) translateZ(35px)}.watch-cue{opacity:1;transform:translate(-50%,0);padding:10px 16px;font-size:12px}.process{grid-template-columns:1fr;gap:6px;margin:0 6% 20px;padding:0 0 24px;border-bottom:1px solid #ffffff14}.process>div{padding:14px 0 14px 40px}.process-no{top:18px}.process h3{font-size:17px;margin-bottom:5px}.process p{font-size:14px;max-width:none}.cta{padding-top:25px}.cta h2{font-size:43px}.brief-hint{font-size:13px;max-width:285px}.email-row{gap:10px;flex-wrap:wrap}.email-row .email{font-size:13px}.floating-contact{bottom:calc(16px + env(safe-area-inset-bottom));font-size:12px;padding-block:9px}.project-details{padding:30px 25px}.film-end h3{font-size:35px}.project-navigation button{font-size:13px}.project-navigation{margin-top:22px}.card-bottom{font-size:9px}footer>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.orb{animation:none}.project{will-change:auto}}