:root{color-scheme:dark;--bg:#0a0a0c;--panel:#151519;--paper:#f3f1ec;--ink:#151515;--muted:#a1a1a8;--line:rgba(255,255,255,.14);--blue:#368cff;--lime:#ccff4c;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f7f8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body::selection{background:var(--lime);color:#111}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:10px 14px;border-radius:999px;background:#fff;color:#111}.skip-link:focus{top:16px}.site-header{width:min(1180px,calc(100% - 28px));height:58px;margin:12px auto 0;padding:0 10px 0 14px;position:fixed;z-index:40;left:50%;top:0;transform:translateX(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid var(--line);border-radius:999px;background:rgba(16,16,19,.68);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 48px rgba(0,0,0,.18)}.identity{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.identity__mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f6f6f7;color:#111;font-size:10px;letter-spacing:-.03em}.site-header nav{display:flex;gap:3px;font-size:11px}.site-header nav a,.header-contact{padding:9px 13px;border-radius:999px;color:#c8c8ce;transition:background .2s,color .2s}.site-header nav a:hover,.site-header nav a:focus-visible,.header-contact:hover,.header-contact:focus-visible{background:rgba(255,255,255,.1);color:#fff}.header-contact{justify-self:end;border:1px solid var(--line);color:#fff}.eyebrow{margin:0;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.15em}.hero{min-height:100svh;padding:160px max(22px,calc((100% - 1180px)/2)) 55px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 72% 28%,rgba(54,140,255,.23),transparent 30%),radial-gradient(circle at 28% 78%,rgba(204,255,76,.1),transparent 28%),#0a0a0c}.hero__glow{width:min(58vw,720px);aspect-ratio:1;position:absolute;right:-8%;top:8%;border-radius:50%;background:conic-gradient(from 180deg,transparent,rgba(54,140,255,.18),transparent,rgba(204,255,76,.09));filter:blur(16px);animation:float 12s ease-in-out infinite alternate}.hero h1{max-width:1100px;margin:22px 0 26px;position:relative;font-size:clamp(60px,9.6vw,146px);font-weight:650;line-height:.84;letter-spacing:-.078em}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.52)}.hero__intro{max-width:620px;margin:0;color:#b8b8bf;font-size:clamp(17px,2vw,23px);line-height:1.5}.hero__actions{margin-top:34px;display:flex;gap:10px;flex-wrap:wrap}.button{min-height:46px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}.button--primary{border-color:var(--lime);background:var(--lime);color:#111}.button--primary:hover{background:#dcff7b}.hero__facts{width:100%;margin:90px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.hero__facts div{padding:21px 18px 8px 0;display:flex;align-items:baseline;gap:12px}.hero__facts dt{font-size:22px;font-weight:700}.hero__facts dd{margin:0;color:var(--muted);font-size:11px;letter-spacing:.04em}.section-heading{width:min(1120px,calc(100% - 40px));margin:0 auto 50px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-heading h2{margin:12px 0 0;font-size:clamp(44px,6vw,82px);line-height:.92;letter-spacing:-.06em}.section-heading>p{max-width:400px;margin:0;color:#68686d;font-size:15px;line-height:1.5}.poster-section{padding:120px 0 80px;position:relative;overflow:hidden;background:var(--paper);color:var(--ink)}.poster-section .eyebrow{color:#6d6d72}.poster-gallery{position:relative}.poster-gallery__atmosphere{position:absolute;inset:-120px 0 0;background-image:linear-gradient(180deg,rgba(243,241,236,.1),rgba(10,10,12,.2)),var(--poster-atmosphere);background-position:center;background-size:cover;filter:blur(34px) saturate(.72);transform:scale(1.13);opacity:.3;transition:background-image .6s ease}.poster-gallery__stage{height:clamp(650px,72vw,940px);position:relative;isolation:isolate;perspective:1500px;outline:0}.poster-card{width:min(600px,50vw);position:absolute;left:50%;top:0;opacity:.55;filter:brightness(.48) saturate(.68);transform-origin:center;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .7s,filter .7s}.poster-card img{width:100%;height:auto;display:block;border-radius:24px;background:#111;box-shadow:0 40px 110px rgba(0,0,0,.28)}.poster-card.is-active{z-index:3;opacity:1;filter:none;transform:translateX(-50%) scale(1)}.poster-card.is-previous{z-index:1;transform:translateX(-120%) scale(.72) rotateY(7deg)}.poster-card.is-next{z-index:2;transform:translateX(20%) scale(.72) rotateY(-7deg)}.poster-card.is-hidden{z-index:0;opacity:0;visibility:hidden;transform:translateX(-50%) scale(.58)}.poster-card:not(.is-active){pointer-events:none}.poster-card__copy{padding:19px 4px 0;color:var(--ink);opacity:0;transform:translateY(10px);transition:opacity .35s .18s,transform .5s .12s}.poster-card.is-active .poster-card__copy{opacity:1;transform:none}.poster-card__copy p{margin:0;color:#727277;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.poster-card__copy h3{margin:8px 0 0;font-size:23px;letter-spacing:-.035em}.poster-gallery__controls{position:absolute;z-index:10;left:0;right:0;top:38%;padding:0 max(14px,4vw);display:flex;justify-content:space-between;pointer-events:none}.poster-gallery__controls button,.reel-arrow{width:54px;height:54px;padding:0;display:grid;place-items:center;border:1px solid rgba(20,20,22,.18);border-radius:50%;background:rgba(255,255,255,.94);color:#141416;font-size:21px;cursor:pointer;pointer-events:auto;box-shadow:0 10px 34px rgba(0,0,0,.18);transition:transform .2s,background .2s}.poster-gallery__controls button:hover,.reel-arrow:hover{transform:scale(1.08);background:#fff}.poster-gallery__position{margin:16px 0 0;position:relative;z-index:2;color:#747479;font-size:11px;letter-spacing:.13em;text-align:center}.poster-gallery__position span{color:#111;font-weight:800}.reel-section{padding:120px 0 110px;background:radial-gradient(circle at 50% 0,rgba(78,30,51,.35),transparent 34%),#0a0a0c}.section-heading--dark>p{color:#9898a1}.reel-showcase{width:min(1070px,100%);margin:auto;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:22px}.reel-player{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:#050506;box-shadow:0 38px 110px rgba(0,0,0,.56)}.reel-player__bar{height:42px;padding:0 15px;display:flex;align-items:center;gap:6px;background:#1d1d21}.reel-player__bar i{width:7px;height:7px;border-radius:50%;background:#62626a}.reel-player__bar span{margin-left:auto;color:#96969e;font-size:10px;letter-spacing:.12em}.reel-player video{width:100%;height:min(70vh,720px);display:block;background:#030304;object-fit:contain}.reel-player__copy{position:absolute;left:22px;bottom:20px;padding:12px 15px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(10,10,12,.64);backdrop-filter:blur(16px)}.reel-player__copy p{margin:0 0 4px;color:#b8b8c0;font-size:9px;letter-spacing:.14em}.reel-player__copy h3{margin:0;font-size:18px}.reel-arrow{border-color:var(--line);background:#f6f6f7}.reel-filmstrip{width:min(980px,calc(100% - 32px));margin:28px auto 0;padding:8px 4px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.reel-filmstrip::-webkit-scrollbar{display:none}.reel-thumb{flex:0 0 132px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#17171b;color:#fff;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s}.reel-thumb__visual{height:82px;display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#251319,#17171b)}.reel-thumb img{width:100%;height:100%;display:block;object-fit:cover}.reel-thumb__visual::after{content:'▶';width:28px;height:28px;position:absolute;left:50%;top:50%;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.58);font-size:9px;transform:translate(-50%,-50%)}.reel-thumb__copy{padding:10px;display:block}.reel-thumb b,.reel-thumb small{display:block}.reel-thumb b{font-size:11px}.reel-thumb small{margin-top:4px;color:#9898a1;font-size:8px;letter-spacing:.07em}.reel-thumb.is-active{border-color:#fff;transform:translateY(-4px)}.about-section{padding:130px max(22px,calc((100% - 1120px)/2));display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:#f3f1ec;color:#171719}.about-section .eyebrow{color:#77777d}.about-section__intro h2{margin:12px 0 22px;font-size:clamp(50px,6vw,86px);line-height:.92;letter-spacing:-.06em}.about-section__intro>p:last-child{max-width:480px;margin:0;color:#5e5e63;font-size:19px;line-height:1.55}.about-section__details{display:grid;gap:46px}.about-section__details article{padding-top:20px;border-top:1px solid rgba(20,20,22,.16)}.tag-list{margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.tag-list li{padding:9px 13px;border:1px solid rgba(20,20,22,.16);border-radius:999px;font-size:12px}.tool-list{margin:15px 0 0;padding:0;list-style:none}.tool-list li{padding:18px 0;display:grid;grid-template-columns:48px 1fr;border-bottom:1px solid rgba(20,20,22,.14)}.tool-list span{color:#76767b;font-size:11px}.tool-list strong{font-size:18px}.contact-section{padding:130px max(22px,calc((100% - 1120px)/2));background:#111114}.contact-section h2{max-width:900px;margin:14px 0 60px;font-size:clamp(54px,8vw,112px);line-height:.86;letter-spacing:-.07em}.contact-section__links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-section__links a{min-height:190px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));transition:transform .25s,border-color .25s}.contact-section__links a:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.38)}.contact-section__links span{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.contact-section__links strong{margin-top:auto;font-size:clamp(17px,2vw,24px);overflow-wrap:anywhere}.contact-section__links i{margin-top:10px;color:var(--lime);font-style:normal}footer{min-height:110px;padding:32px max(22px,calc((100% - 1120px)/2));display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--line);color:#8f8f97;font-size:11px}@keyframes float{to{transform:translate3d(-4%,5%,0) rotate(10deg)}}@media(max-width:780px){.site-header{height:54px;grid-template-columns:1fr auto}.site-header nav{display:none}.header-contact{font-size:10px}.hero{padding-top:120px}.hero__facts{margin-top:60px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.poster-card{width:74vw}.poster-gallery__stage{height:calc(74vw * 1.45 + 92px);min-height:570px}.reel-showcase{grid-template-columns:1fr;padding:0 12px}.reel-arrow{position:absolute;z-index:8}.reel-arrow--prev{left:18px}.reel-arrow--next{right:18px}.reel-player video{height:64vh}.about-section{grid-template-columns:1fr;gap:70px}.contact-section__links{grid-template-columns:1fr}.contact-section__links a{min-height:150px}}@media(max-width:520px){.identity>span:last-child{display:none}.hero h1{font-size:clamp(54px,17vw,80px)}.hero__facts{grid-template-columns:1fr}.hero__facts div{border-bottom:1px solid var(--line)}.poster-section,.reel-section{padding-top:88px}.poster-card{width:84vw}.poster-card.is-previous{transform:translateX(-104%) scale(.76) rotateY(5deg)}.poster-card.is-next{transform:translateX(4%) scale(.76) rotateY(-5deg)}.poster-gallery__stage{height:calc(84vw * 1.45 + 92px)}.poster-gallery__controls{top:32%;padding-inline:8px}.poster-gallery__controls button,.reel-arrow{width:48px;height:48px}.reel-player{border-radius:22px}.reel-player video{height:60vh}.contact-section h2{font-size:16vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
