@font-face{font-family:Inter;src:url("assets/inter-latin.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-02FF}@font-face{font-family:Inter;src:url("assets/inter-cyrillic.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+20BD}
:root{--paper:#faf7f1;--ink:#0e1020;--muted:#697180;--orange:#ff751f;--line:#d8d3cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #007f9b;outline-offset:5px}.ph{display:inline-block;line-height:1}[hidden]{display:none!important}
.site-header{position:absolute;top:0;left:0;right:0;max-width:1600px;margin:auto;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:22px 3.2%;gap:24px;height:108px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand img{width:72px;height:64px;object-fit:contain}.brand>span{font-size:28px;font-weight:760;letter-spacing:.17em}.brand small{display:block;font-weight:450;font-size:10px;letter-spacing:.22em;color:var(--muted);margin-top:3px}.site-header nav{display:flex;gap:38px;font-size:14px;font-weight:500}.site-header nav a:hover,.text-link:hover{color:#c65108}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:58px;padding:0 28px;border-radius:40px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button .ph{font-size:21px;font-weight:400}.button--orange{background:var(--orange);color:white}.button--orange:hover{background:#e8610e}.button--outline{border:1px solid #bdbab6;background:rgba(250,247,241,.5)}.button--outline:hover{background:var(--paper)}.login{min-height:43px;font-size:13px;padding:0 22px;gap:20px}
.hero{position:relative;min-height:840px;height:min(61vw,970px);overflow:hidden;max-width:1920px;margin:auto}.hero__world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__copy{position:relative;z-index:1;padding:175px 0 0 3.2%;max-width:790px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:.22em;color:#8990a0;line-height:1.6;margin:0 0 22px}.hero__copy>.eyebrow{letter-spacing:.16em;font-size:10px}.hero h1{font-size:clamp(84px,8.1vw,130px);font-weight:780;letter-spacing:-.07em;line-height:.98;margin:0 0 27px}.hero h1 span{color:#ee6e26}.hero__lead{color:#626c7d;font-size:clamp(17px,1.6vw,23px);line-height:1.45;margin:0;letter-spacing:-.035em}.hero__actions{display:flex;gap:14px;margin-top:30px}.hero__bird{position:absolute;top:92px;left:54%;width:27%;max-width:420px;filter:drop-shadow(0 12px 16px rgba(70,87,91,.12));pointer-events:none}.hero__note{position:absolute;top:140px;right:4.5%;color:#8791a3;letter-spacing:.23em;text-transform:uppercase;font-size:10px;line-height:1.7}.hero__bottom{position:absolute;bottom:53px;left:3.2%;right:3.2%;display:flex;align-items:end;justify-content:space-between}.hero__bottom p{font-size:10px;letter-spacing:.2em;line-height:1.65;text-transform:uppercase;color:#9299a8}.hero__bottom>a{border:1px solid #c2c7cc;border-radius:50%;display:grid;place-items:center;width:42px;height:42px;background:rgba(250,247,241,.65)}
.world-section,.journey{max-width:1600px;margin:auto;padding:65px 3.2% 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:21px}.section-heading h2{font-size:clamp(36px,4.4vw,70px);line-height:1.04;letter-spacing:-.065em;margin:0;font-weight:760}.section-heading>p{color:var(--muted);font-size:16px;line-height:1.45;min-width:310px;margin:0 0 3px}.islands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.island{position:relative;aspect-ratio:1/1.02;overflow:hidden;border-radius:18px;background:#ebe4d9;isolation:isolate}.island img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.island:hover img{transform:scale(1.045)}.island::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(18,21,29,.68));z-index:0;pointer-events:none}.island__copy{position:absolute;bottom:27px;left:27px;z-index:1;color:white}.island h3{font-size:26px;letter-spacing:-.025em;margin:0 0 8px}.island__copy p{font-size:15px;line-height:1.4;margin:0}.island__arrow{position:absolute;bottom:27px;right:27px;z-index:1;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff9c;border-radius:50%;color:white;font-size:21px}.island__play{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:65px;height:65px;border:1px solid #ffffff90;background:#ffffff26;backdrop-filter:blur(8px);border-radius:50%;display:grid;place-items:center;color:white;font-size:29px;z-index:1}.section-caption{display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#939aaa;padding:40px 0 35px;line-height:1.6}.section-caption:after{content:"";height:1px;background:var(--line);flex:1;order:1}.section-caption span:last-child{order:2}
.journey{padding-top:80px;padding-bottom:95px;border-top:1px solid var(--line)}.journey .section-heading h2{font-size:clamp(36px,3.7vw,59px)}.text-link{display:inline-flex;align-items:center;gap:20px;white-space:nowrap;font-size:14px}.journey__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding-top:18px}.journey__steps article>span{color:#c65108;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.journey__steps h3{font-size:23px;letter-spacing:-.04em;margin:18px 0 12px}.journey__steps p{font-size:15px;color:var(--muted);line-height:1.65;max-width:330px;margin:0}.closing{text-align:center;padding:40px 25px 90px;max-width:1600px;margin:auto;border-top:1px solid var(--line)}.closing>img{width:180px;margin:0 auto 10px}.closing h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.06em;margin:0 0 32px}.closing .eyebrow{margin-bottom:18px}.site-footer{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 3.2%;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.brand--footer>span{font-size:20px;color:var(--ink)}.site-footer p{margin:0}.site-footer>a:last-child{display:flex;gap:15px}.replay{border:0;background:none;color:var(--muted);padding:12px;font-size:12px;display:flex;align-items:center;gap:8px}.replay:hover{color:var(--ink)}
.flight{display:none;position:fixed;z-index:20;pointer-events:none;width:clamp(135px,20vw,280px);left:0;top:0;will-change:transform}.flight>img{width:100%;filter:drop-shadow(0 8px 18px #9d8a7740)}.flight__trail{position:absolute;right:70%;top:50%;width:150%;height:30%;background:linear-gradient(90deg,transparent,#37cdd13d,#a36fec4d,#ff853d6b);filter:blur(16px);border-radius:50%;z-index:-1;transform:rotate(-10deg)}.skip-flight{position:fixed;z-index:30;right:25px;bottom:25px;display:flex;align-items:center;gap:14px;min-height:43px;padding:0 20px;border-radius:30px;border:1px solid var(--line);color:#5e6571;background:var(--paper);font-size:12px}.is-building .reveal{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(12px)}.is-building .reveal.is-drawn{opacity:1;clip-path:inset(0 0 0 0);transform:none;transition:clip-path .8s cubic-bezier(.16,1,.3,1),opacity .4s,transform .8s}.is-building .hero__world.is-drawn{transition-duration:1.4s}.is-building .flight{display:block}
@media(max-width:1100px){.hero{min-height:730px}.hero__copy{padding-top:170px;max-width:650px}.hero h1{font-size:90px}.hero__lead{font-size:19px}.hero__actions{gap:10px}.hero__actions .button{padding:0 21px;font-size:13px;gap:15px}.hero__bird{left:58%;top:100px;width:30%}.hero__note{display:none}.section-heading h2{font-size:45px}.section-heading>p{font-size:14px;min-width:250px}.island__copy{left:20px;bottom:22px}.island h3{font-size:24px}.island__copy p{font-size:13px}.island__arrow{right:18px;bottom:22px;width:32px;height:32px}.journey__steps{gap:30px}}
@media(max-width:700px){html{scroll-padding-top:20px}.site-header{height:88px;padding:15px 6%;gap:12px}.brand img{width:50px;height:48px}.brand>span{font-size:20px}.brand small{font-size:8px}.site-header nav{display:none}.login{font-size:12px;min-height:38px;padding:0 16px;gap:12px}.hero{height:980px;min-height:0}.hero__world{inset:auto 0 0;height:610px;object-fit:cover;object-position:64% center}.hero__copy{padding:127px 6% 0;max-width:none}.hero__copy>.eyebrow{font-size:8px;letter-spacing:.11em;max-width:300px;margin-bottom:20px}.hero h1{font-size:clamp(65px,16vw,100px);margin-bottom:23px}.hero__lead{font-size:17px;line-height:1.5;letter-spacing:-.03em}.hero__actions{margin-top:24px;flex-wrap:wrap;gap:10px}.hero__actions .button{font-size:12px;padding:0 20px;min-height:49px;gap:15px}.hero__bird{top:490px;left:45%;width:47%}.hero__bottom{left:6%;right:6%;bottom:27px}.hero__bottom p{font-size:8px}.world-section,.journey{padding-left:6%;padding-right:6%}.world-section{padding-top:45px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:43px;line-height:1.03}.section-heading>p{font-size:14px;margin-top:22px;min-width:0}.section-heading>p br{display:none}.eyebrow{font-size:9px}.islands{grid-template-columns:1fr;gap:17px}.island{aspect-ratio:1/1.08;border-radius:15px}.island__copy{left:25px;bottom:27px}.island h3{font-size:27px}.island__copy p{font-size:15px}.island__arrow{right:25px;bottom:27px;width:39px;height:39px}.section-caption{gap:15px;font-size:8px;padding:30px 0}.section-caption:after{display:none}.journey{padding-top:45px;padding-bottom:50px}.journey .section-heading h2{font-size:38px}.text-link{margin-top:25px}.journey__steps{grid-template-columns:1fr;gap:35px}.journey__steps p{max-width:none}.closing{padding:30px 6% 55px}.closing h2{font-size:43px}.closing>img{width:150px}.site-footer{padding:27px 6%;flex-wrap:wrap;gap:25px}.site-footer .replay{order:3;width:100%;padding:8px 0}.site-footer p{display:none}.skip-flight{right:16px;bottom:16px}.flight__trail{filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.flight{display:none!important}.is-building .reveal{opacity:1;clip-path:none;transform:none}.skip-flight{display:none!important}}
/* The headline inherits the colours of Faibri's wings. */
.hero h1 span{background:linear-gradient(95deg,#05bac7 0%,#3564f5 25%,#9d4eeb 48%,#ef5881 69%,#ff7824 94%);background-clip:text;-webkit-background-clip:text;color:transparent}
/* Align the desktop composition with the selected cloud-world mock. */
@media(min-width:1101px){.hero{height:58.33vw;min-height:790px;max-height:970px}.hero__copy{padding-top:140px}.hero__bird{left:57%;width:26%;top:95px}}
@media(max-width:700px){.hero__world{mask-image:linear-gradient(to bottom,transparent,#000 100px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 100px)}}
.hero__trail{position:absolute;top:105px;left:30%;width:46%;opacity:.65;pointer-events:none}.flight .flight__trail{right:64%;top:18%;width:175%;max-width:none;height:auto;background:none;filter:none;opacity:.7;transform:rotate(-8deg)}
@media(max-width:700px){.hero__trail{top:490px;left:0;width:82%;opacity:.45}}
@media(min-width:1101px){.world-section{padding-top:45px}.world-section .section-heading h2{font-size:clamp(48px,5.2vw,80px)}}
@media(min-width:1101px){.hero__copy{padding-top:125px}.hero h1{font-size:clamp(100px,8.6vw,138px);letter-spacing:-.05em;line-height:.91;margin-bottom:20px}.hero__lead{font-size:24px}.hero__actions .button{min-height:64px;padding:0 30px}.world-section .section-heading h2{font-size:clamp(48px,5.6vw,88px)}}
@media(min-width:701px) and (max-width:900px){.hero{height:1040px;min-height:0}.hero__world{inset:auto 0 0;height:640px;mask-image:linear-gradient(to bottom,transparent,#000 110px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 110px)}.hero__copy{padding-top:145px}.hero__bird{top:475px;left:59%;width:32%}.hero__trail{top:480px;left:28%;width:53%}.hero__bottom{bottom:35px}}
@media(max-width:360px){.hero h1{font-size:58px}.hero__lead{font-size:16px}.hero__bird{top:510px}.hero__trail{top:510px}}
/* Producer-led creative team: four production stages. */
.hero__lead strong{font-weight:650;color:var(--ink)}
.islands{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.island{aspect-ratio:3/4}
.island__copy{left:22px;bottom:25px;right:45px}
.island h3{font-size:23px;line-height:1.15}
.island__copy p{font-size:13px;line-height:1.5}
.island__copy p br{display:none}
.island__arrow{width:32px;height:32px;right:14px;bottom:25px}
.world-section .section-heading h2{font-size:clamp(38px,4.4vw,68px)}
.brand img{width:61px;height:59px}
.hero__bird{width:23%;left:60%;top:95px}
.flight>img:not(.flight__trail){width:85%}
@media(max-width:1100px){.islands{grid-template-columns:repeat(2,minmax(0,1fr))}.island{aspect-ratio:1/1.05}.island__copy{right:65px}.island h3{font-size:27px}.island__copy p{font-size:15px}.island__arrow{right:22px;width:37px;height:37px}.hero__actions{flex-wrap:wrap}}
@media(min-width:701px) and (max-width:900px){.hero__bird{top:480px;left:62%;width:28%}}
@media(max-width:700px){.islands{grid-template-columns:1fr}.brand img{width:42px;height:43px}.hero__bird{top:500px;left:53%;width:37%}.world-section .section-heading h2{font-size:42px}.hero__actions .button--outline{font-size:11px}.closing h2{font-size:41px}}
@media(max-width:360px){.hero__bird{top:515px}.hero__lead{font-size:15px}.closing h2{font-size:35px}}

/* The flying bird settles into the Y slot of the wordmark. */
.site-header .brand__lockup{display:flex;flex-direction:column;letter-spacing:0}
.brand__wordmark{display:flex;align-items:center;font-size:32px;font-weight:760;letter-spacing:.12em;line-height:1}
.brand__y{position:relative;display:inline-flex;width:39px;height:36px;align-items:center;justify-content:center;letter-spacing:0}
.brand__letter-y{opacity:0;transition:opacity .2s}
.site-header .brand__bird{position:absolute;max-width:none;width:62px;height:auto;left:-12px;top:-7px;filter:none}
.site-header .brand small{padding-top:5px;letter-spacing:.22em}
.is-building .brand__bird{opacity:0}
.is-building .brand__letter-y{opacity:1}
.is-building.is-landing .brand__letter-y{opacity:0}
.flight{transform-origin:0 0}
.flight>img:not(.flight__trail){width:100%}
@media(max-width:700px){.brand__wordmark{font-size:26px}.brand__y{width:32px;height:29px}.site-header .brand__bird{width:51px;left:-10px;top:-6px}}

/* A lightweight bird accompanies the pointer after the opening flight. */
.bird-cursor__trail{position:fixed;inset:0;width:100%;height:100%;z-index:39;pointer-events:none}
.bird-cursor{position:fixed;left:0;top:0;width:70px;z-index:40;pointer-events:none;opacity:0;transition:opacity .16s;will-change:transform}
.bird-cursor.is-visible{opacity:1}
.bird-cursor img{display:block;width:100%;filter:drop-shadow(0 3px 5px rgba(61,74,103,.13));transition:scale .18s;transform-origin:50% 50%}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.bird-cursor,.bird-cursor__trail{display:none}}

.flight__bird{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 8px 12px rgba(50,60,80,.13))}
.flight__pose{transform-box:fill-box;transform-origin:center;transition:transform .26s ease-in-out}
.flight__wing{will-change:transform}

/* Abstract cinema sculpture: a compact illustration surrounded by open paper. */
.hero__world{inset:125px 3.2% auto auto;width:46%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;border-radius:50%;mask-image:none;-webkit-mask-image:none}
.hero__note{top:110px;right:5%;color:var(--muted);text-shadow:none}
.hero__note,.hero__bottom{z-index:1}
.hero__bottom p{color:#9299a8;text-shadow:none}
@media(min-width:901px) and (max-width:1100px){.hero__world{top:145px;right:0;width:47%}.hero__copy{max-width:590px}}
@media(min-width:701px) and (max-width:900px){.hero{height:calc(645px + 58vw)}.hero__world{inset:540px 7% auto auto;width:58%;height:auto;max-height:none}}
@media(max-width:700px){.hero{height:calc(635px + 92vw)}.hero__world{inset:530px 4% auto auto;width:92%;height:auto;max-height:none}}
@media(min-width:701px){.site-header nav{gap:24px}}