:root{--ink:#10091c;--paper:#1d102d;--white:#f7f8fc;--muted:#b2becd;--lime:#f279ce;--line:#ffffff26;--gold:#f279ce;--universe:radial-gradient(ellipse at 72% 30%,#68328c80,transparent 60%),radial-gradient(ellipse at 20% 80%,#50225e60,transparent 65%),#10091c}
body{background:var(--universe);color:var(--white)}main,footer{position:relative;z-index:1}.cosmic-sky{position:fixed;inset:-120px 0;pointer-events:none;z-index:0;overflow:hidden;background-image:radial-gradient(#d6e6f133 1px,transparent 1px);background-size:67px 73px}.cosmic-sky i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:#dfedff77;border-radius:50%;box-shadow:0 0 7px #d8eaff55}.cosmic-sky .gold-fragment{background:#e085d1;border-radius:0;transform:rotate(var(--r)) skewY(-25deg);height:14px;box-shadow:0 0 16px #e897f022}.page-progress{height:2px;position:fixed;top:0;left:0;width:100%;background:var(--gold);transform-origin:left;z-index:50}
.header{position:fixed;top:20px;left:6%;width:88%;border:1px solid #ffffff20;background:#10091cd9;backdrop-filter:blur(20px);border-radius:100px;padding:13px 24px;box-shadow:0 15px 50px #0002;z-index:10}.logo{font-size:35px}.header nav{gap:27px;margin-right:0;font-size:13px}.header nav>a:not(.hire){display:block}.header nav .hire{background:var(--gold);border:0;color:#180b24;border-radius:100px;padding:16px 24px;min-width:135px;margin-left:15px;font-weight:700}.menu-toggle{display:none}.header nav>a:not(.hire)::after{background:var(--gold)}.header.menu-open{background:#10091c;color:white}
.hero{background:transparent}.hero-wordmark{color:#f2f4fc}.hero-media{border-radius:24px;border:1px solid #f279ce44}.hero-shade{background:linear-gradient(0deg,#10091c,transparent 75%)}.hero h1>span{color:var(--gold);font-family:inherit;font-style:normal;font-weight:700}.hero h1{font-weight:650;letter-spacing:-.055em}.hero-top .eyebrow{color:var(--gold);letter-spacing:.16em}.hero-explore .circle{color:#10091c}.hero-bottom{bottom:180px}.hero-wordmark{opacity:.85}.hero-top{bottom:225px}
.intro,.studio,.contact,.films,.motion-film .film-pin{background:transparent;color:var(--white)}.intro h2 .read-word{color:var(--white)}.intro .section-label,.studio .section-label,.contact .section-label{border-color:var(--line)}.intro .underlink:hover,.studio .underlink:hover,.contact .underlink:hover{color:var(--gold)}.intro h2>span{color:var(--gold)}.intro-bottom p{color:var(--muted)}.cosmic-label{font-size:11px;letter-spacing:.27em;color:var(--gold);font-weight:700;display:flex;align-items:center;gap:14px}.cosmic-label:before{content:'';height:1px;width:32px;background:var(--gold)}
.brand-universe{padding:45px 0 75px;overflow:hidden}.brand-universe>.cosmic-label{justify-content:center;margin-bottom:35px}.brand-track{overflow:hidden;margin:18px 0}.brand-track>div{display:flex;gap:22px;width:max-content;animation:brand-orbit 45s linear infinite}.brand-track.reverse>div{animation-direction:reverse;animation-duration:53s}.brand-tile{display:flex;align-items:center;justify-content:center;width:230px;height:88px;border:1px solid #ffffff28;border-radius:22px;background:linear-gradient(135deg,#ffffff09,#ffffff03);box-shadow:inset 0 1px 0 #ffffff0b;font-size:23px;font-weight:700;letter-spacing:-.04em;color:#d7e1efab;padding:15px;text-align:center;transition:color .25s,border-color .25s}.brand-tile:hover{color:white;border-color:#f279ce90}.brand-0{font-family:Georgia,serif;font-size:22px}.brand-1{font-weight:800;font-style:italic}.brand-2{font-family:Georgia,serif;text-transform:uppercase;font-size:21px}.brand-3{letter-spacing:.08em;font-size:17px}.brand-4{text-transform:uppercase;font-weight:800}.brand-5{font-family:Georgia,serif;font-style:italic;font-size:30px}.brand-6{letter-spacing:.3em;font-size:27px}.ambient-toggle{display:block;margin:30px auto 0;background:none;border:1px solid #ffffff25;border-radius:50px;padding:10px 17px;color:var(--muted);font-size:11px}.paused .brand-track>div,.brand-universe:has(a:hover) .brand-track>div{animation-play-state:paused}@keyframes brand-orbit{to{transform:translateX(-50%)}}
.cosmic-services{padding:100px 8% 80px}.cosmic-services h2{font-size:clamp(55px,6.8vw,115px);letter-spacing:-.045em;line-height:1.08;margin:25px 0 35px;font-weight:700}.cosmic-services em,.film-heading em,.social-copy em{font-style:normal;color:var(--gold)}.cosmic-intro{font-size:clamp(18px,1.6vw,26px);color:#ccd5e1;line-height:1.6;margin:0 0 75px}.service-deck{display:grid;gap:32px}.service-orbit{min-height:340px;border:1px solid #f279ce60;border-radius:32px;padding:55px 45px;display:grid;grid-template-columns:15% 1fr 20%;gap:35px;align-items:center;background:radial-gradient(ellipse at 95% 10%,#f279ce0c,transparent 55%),linear-gradient(120deg,#3b1852d0,#160c25c0);transform:translateY(calc((1 - var(--entry,1))*65px));opacity:calc(.25 + var(--entry,1)*.75)}.service-number{font-size:clamp(85px,10vw,165px);font-weight:800;line-height:1;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #f279ce99}.service-orbit h3{font-size:clamp(28px,3.4vw,55px);line-height:1.1;letter-spacing:-.03em;margin:0 0 20px}.service-orbit p{font-size:18px;color:#c2cddd;line-height:1.65;max-width:590px;margin:0}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.service-tags span{font-size:11px;border:1px solid #ffffff25;border-radius:40px;padding:9px 13px;color:#d1d9e4}.service-symbol{justify-self:end;width:150px;height:150px;display:grid;place-items:center;border-radius:50%;border:1px solid #f279ce4d;background:radial-gradient(circle at 40% 30%,#f279ce22,transparent 70%);color:var(--gold);font-size:68px;transition:transform .6s cubic-bezier(.19,1,.22,1)}.service-orbit:hover .service-symbol{transform:rotate(30deg)}
.work{padding-left:8%;padding-right:8%}.project-stage{border-radius:24px;border:1px solid #ffffff24}.project-heading h2{font-weight:650;font-size:clamp(35px,4.7vw,78px)}.project-heading>span{color:var(--gold)}.project-caption p{color:#c2cede}.additional-work-heading h2{font-weight:600}.presentation-link{background:#321642;color:white;border-color:#ffffff22;border-radius:24px}.presentation-link:hover{color:var(--ink)}.stage-action{background:var(--gold)}
.films{padding:100px 0 80px;height:auto!important;overflow:hidden}.films>.section-label,.film-heading,.rail-foot{margin-left:8%;margin-right:8%}.film-heading{position:relative;display:grid;grid-template-columns:1fr auto;gap:28px;padding:20px 0 55px}.film-heading h2{font-size:clamp(65px,7vw,115px);font-weight:700;letter-spacing:-.04em;grid-column:1/-1;line-height:1.1}.film-heading p{font-size:20px;line-height:1.65;max-width:650px}.poster-controls{display:flex;align-items:center;align-self:end;gap:15px;font-size:12px}.poster-total{color:var(--muted);margin-left:-9px}.poster-controls button{width:56px;height:56px;border:1px solid #ffffff25;border-radius:50%;background:#ffffff03;font-size:24px}.poster-controls button:hover{background:var(--gold);color:var(--ink)}.film-rail{padding-left:8%;padding-right:8%;gap:28px;overflow:auto;transform:none!important;scrollbar-width:none}.film-card{flex:0 0 24%;min-width:270px;border:1px solid #ffffff29;border-radius:18px;overflow:hidden;background:#140b21;transition:transform .45s cubic-bezier(.19,1,.22,1)}.film-card:hover{transform:translateY(-10px)}.film-art{aspect-ratio:9/12;border-radius:0}.film-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 30%,transparent 50%,#140b21);pointer-events:none}.poster-strap{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;gap:12px;padding:17px 16px;font-size:8px;letter-spacing:.17em}.poster-strap b{color:var(--gold);font-weight:500}.film-card>div:last-child{position:relative;z-index:1;display:flex;flex-direction:column;padding:0 20px 25px;margin-top:-28px;min-height:110px}.film-card>div:last-child>span{font-weight:800;text-transform:uppercase;font-size:25px;line-height:1.06;letter-spacing:-.02em;max-width:230px}.film-card small{margin-top:13px;border-top:1px solid #ffffff24;padding-top:12px;color:var(--muted);font-size:9px;letter-spacing:.14em}.film-art .circle{z-index:2;bottom:55px;width:44px;height:44px;opacity:0;transition:opacity .25s}.film-card:hover .circle,.film-card:focus-visible .circle{opacity:1}
.social-flight{height:200svh;padding:0 3.5%;position:relative}.social-pin{position:sticky;top:0;height:100svh;min-height:650px;display:flex;align-items:center;padding:65px 0 40px}.social-frame{position:relative;isolation:isolate;overflow:hidden;width:100%;height:85svh;min-height:560px;border:2px solid #f279ce60;border-radius:40px;background:#140b22}.flying-wall{position:absolute;left:57%;top:50%;width:950px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;transform:translate(-50%,-46%) perspective(1200px) rotateX(22deg) rotateZ(-25deg);z-index:-3;opacity:.65}.wall-column{display:flex;flex-direction:column;gap:15px}.wall-column:nth-child(even){padding-top:100px}.wall-tile{aspect-ratio:9/12;overflow:hidden;border:1px solid #ffffff20;border-radius:12px;background:#12283b;position:relative;box-shadow:0 10px 25px #0005}.wall-tile img{width:100%;height:100%;object-fit:cover}.wall-tile>span{position:absolute;bottom:0;left:0;right:0;padding:15px 10px;background:linear-gradient(transparent,#10091c);font-size:8px;letter-spacing:.1em;color:#fff}.social-vignette{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#10091c70 0%,#10091cb0 58%,#10091cf5 100%),linear-gradient(90deg,#10091cd9,transparent 50%,#10091caa)}.social-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px 25px}.social-copy .cosmic-label{justify-content:center}.social-copy h2{font-size:clamp(60px,7.3vw,125px);font-weight:750;letter-spacing:-.04em;line-height:1.08;margin:34px 0}.social-copy p{font-size:clamp(17px,1.7vw,26px);line-height:1.65;color:#d1d8e2;margin:0}.cosmic-button{display:inline-flex;align-items:center;gap:35px;border-radius:100px;padding:17px 25px;background:var(--gold);color:#10091c;font-weight:700;font-size:12px;margin-top:34px;transition:transform .3s}.cosmic-button:hover{transform:translateY(-4px)}.cosmic-button span{font-size:22px}.flight-coordinate,.flight-progress{position:absolute;bottom:25px;font-family:monospace;font-size:9px;letter-spacing:.12em;color:#c4d0dd88}.flight-coordinate{left:30px}.flight-progress{right:30px;color:var(--gold)}
.studio{padding:65px 8% 110px}.studio-intro h2{font-weight:650}.studio-grid>img{border-radius:25px}.capabilities>div{border-color:var(--line)}.capabilities>div:hover{color:var(--ink);border-radius:12px}.contact{margin:20px 4% 0;padding:35px 4% 80px;border:1px solid #f279ce55;border-radius:35px;background:radial-gradient(ellipse at 80% 40%,#f279ce10,transparent 65%)}.contact h2{font-weight:700;font-size:clamp(65px,9vw,155px)}.contact-arrow{color:var(--gold)}.contact-bottom{color:var(--muted)}.contact-link:hover h2{color:var(--gold)}footer{padding:80px 8% 25px}.footer-logo{font-size:24vw;color:#ffffff0d;-webkit-text-stroke:1px #ffffff50}.social-dock{position:fixed;right:22px;bottom:26px;z-index:12;display:grid;place-items:center;width:55px;height:55px;background:#10091ce8;border:1px solid #f279ce90;color:var(--gold);border-radius:50%;box-shadow:0 0 30px #0005}.social-dock svg{width:24px;height:24px}.social-dock:hover{background:var(--gold);color:var(--ink)}.case-toolbar{background:#10091ced}.mobile-nav{background:#21102f;color:var(--white)}.mobile-nav a{border-color:var(--line)}.mobile-nav a:hover{color:var(--gold)}.motion-cursor{background:var(--gold)}
@media(min-width:1600px){.brand-tile{width:270px;height:100px}.service-orbit{min-height:380px}}
@media(max-width:1000px){.header nav{gap:17px}.header nav>a:not(.hire){display:none}.menu-toggle{display:flex}.header nav{margin-right:15px}.service-orbit{grid-template-columns:15% 1fr;gap:25px;padding:35px}.service-symbol{display:none}.film-card{flex-basis:33%}.cosmic-services{padding-left:6%;padding-right:6%}.hero-top{bottom:270px}}
@media(max-width:600px){.header{left:4%;width:92%;top:13px;padding:12px 18px}.logo{font-size:30px}.header nav{display:none}.menu-toggle{padding:7px 0 7px 15px}.hero-wordmark{top:135px}.hero-media{border-radius:20px}.hero-bottom{bottom:40px}.hero-top{bottom:360px}.hero h1{font-size:13vw}.cosmic-label{font-size:8px;letter-spacing:.19em}.brand-universe{padding:20px 0 40px}.brand-tile{width:170px;height:70px;font-size:18px;border-radius:16px}.brand-track{margin:12px 0}.brand-track>div{gap:13px}.cosmic-services{padding:65px 6% 45px}.cosmic-services h2{font-size:46px;margin:25px 0}.cosmic-intro{font-size:16px;line-height:1.65;margin-bottom:35px}.cosmic-intro br{display:none}.service-deck{gap:20px}.service-orbit{min-height:0;border-radius:22px;display:block;padding:25px}.service-number{display:block;font-size:67px;margin-bottom:25px}.service-orbit h3{font-size:30px;margin-bottom:16px}.service-orbit p{font-size:15px}.service-tags{gap:6px;margin-top:22px}.service-tags span{font-size:9px;padding:8px 10px}.work{padding-left:6%;padding-right:6%}.project-stage{border-radius:18px}.films{padding-top:50px;padding-bottom:35px}.films>.section-label,.film-heading,.rail-foot{margin-left:6%;margin-right:6%}.film-heading{grid-template-columns:1fr;padding:15px 0 30px;gap:22px}.film-heading h2{font-size:58px}.film-heading p{font-size:16px;margin:0}.poster-controls{justify-self:end}.poster-controls button{width:44px;height:44px}.film-rail{padding-left:6%;padding-right:6%;gap:18px}.film-card{flex-basis:78%;min-width:0}.film-card>div:last-child>span{font-size:26px}.film-art .circle{opacity:1}.social-flight{height:165svh;padding:0 4%}.social-pin{padding:85px 0 25px;min-height:650px}.social-frame{height:78svh;min-height:540px;border-radius:25px}.flying-wall{width:710px;left:60%;gap:10px}.wall-column{gap:10px}.social-copy{padding:30px 17px}.social-copy h2{font-size:45px;line-height:1.1;margin:26px 0}.social-copy p{font-size:16px;line-height:1.6}.social-copy p br{display:none}.social-copy .cosmic-label{font-size:8px;gap:8px}.social-copy .cosmic-label:before{width:20px}.cosmic-button{font-size:10px;padding:14px 19px;gap:20px;margin-top:27px}.flight-coordinate{left:16px;font-size:7px;bottom:18px}.flight-progress{right:16px;font-size:7px;bottom:18px}.studio{padding:35px 6% 65px}.contact{padding:20px 6% 45px}.contact h2{font-size:47px}.contact-arrow{font-size:57px}.contact-bottom p{font-size:18px}.contact .section-label{font-size:8px}.social-dock{width:46px;height:46px;right:13px;bottom:15px}footer{padding:60px 6% 25px}.footer-logo{font-size:27vw}}
@media(prefers-reduced-motion:reduce){.brand-track>div{animation:none}.brand-track{overflow:auto}.brand-track>div{transform:none}.ambient-toggle{display:none}.social-flight{height:auto}.social-pin{position:relative;height:auto;min-height:650px}.flying-wall{transform:translate(-50%,-46%) rotate(-20deg)!important}.wall-column{transform:none!important}.service-orbit{transform:none;opacity:1}.cosmic-sky{transform:none!important}}
/* Motion and colour belong to the same violet universe. */
:root{--ink:#10091c;--paper:#1c1029;--white:#fcf4fc;--muted:#c7b5d0;--lime:#f279ce;--gold:#f279ce;--universe:radial-gradient(ellipse at 75% 25%,#57247770,transparent 58%),radial-gradient(ellipse at 20% 80%,#70194c35,transparent 65%),#10091c}
.hero-media{border-color:#f279ce55}.electra-stage{background:#391027}.slano-stage{background:#71385e}.rolls-stage{background:#472e50}.rolls-title{color:#fff0fa}.project-external .presentation-link{background:#281238}.contact{background:radial-gradient(ellipse at 85% 35%,#c8459f20,transparent 65%)}.cosmic-sky .gold-fragment{box-shadow:0 0 17px #ec8eda44}.flight-motion-control{position:absolute;right:26px;top:24px;z-index:3;border:1px solid #f279ce66;border-radius:30px;color:#f9c2eb;background:#170c27b8;padding:10px 15px;font-size:10px;backdrop-filter:blur(10px)}.film-rail{cursor:grab;user-select:none;touch-action:pan-y}.film-rail.dragging,.film-rail.dragging .film-card{cursor:grabbing}.film-rail.dragging .film-card{pointer-events:none}.film-card{transform-style:preserve-3d}.film-card:hover{transform:translateY(-12px) rotate(-1.2deg)}.service-orbit{position:sticky;top:125px;box-shadow:0 -15px 50px #10091c80}.service-orbit:nth-child(2){top:145px}.service-orbit:nth-child(3){top:165px}.service-orbit:nth-child(4){top:185px}.service-deck{padding-bottom:60px;gap:70px}.service-orbit:hover{border-color:#f5a4de}.service-symbol{box-shadow:inset 0 0 40px #f279ce0c,0 0 40px #f279ce08}.brand-tile:hover{background:#f279ce14}.social-frame{box-shadow:0 0 80px #9d3b9d0c}.social-vignette{background:radial-gradient(ellipse at center,#13091d60 0%,#13091da0 58%,#10091cf5 100%),linear-gradient(90deg,#10091cd9,transparent 50%,#10091caa)}
@media(max-width:600px){.service-orbit{top:105px}.service-orbit:nth-child(2){top:115px}.service-orbit:nth-child(3){top:125px}.service-orbit:nth-child(4){top:135px}.service-deck{gap:40px}.flight-motion-control{right:15px;top:15px;padding:9px 12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.service-orbit{position:relative;top:auto!important}.flight-motion-control{display:none}.film-card:hover{transform:none}}


/* Compact glass-panel navigation for phones and tablets. */
@media(max-width:1000px){
  body.menu-is-open{overflow:hidden;overscroll-behavior:none}
  .mobile-nav{
    inset:0;width:100%;height:100dvh;min-height:100svh;overflow-y:auto;overscroll-behavior:contain;
    padding:calc(env(safe-area-inset-top) + 102px) clamp(22px,7vw,42px) calc(env(safe-area-inset-bottom) + 26px);
    display:flex;flex-direction:column;justify-content:flex-start;gap:11px;
    color:#f8f0fa;
    background:radial-gradient(ellipse at 90% 10%,#9c48b533,transparent 48%),radial-gradient(ellipse at 0 85%,#e85cae20,transparent 52%),rgba(13,6,22,.94);
    -webkit-backdrop-filter:blur(28px) saturate(1.25);backdrop-filter:blur(28px) saturate(1.25);
  }
  .mobile-nav[hidden]{display:none}
  .mobile-menu-head,.mobile-menu-foot{display:flex;align-items:center;justify-content:space-between;font:8px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;color:#c4a8cc}
  .mobile-menu-head{margin:0 3px 8px}
  .mobile-nav a{
    display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:13px 15px 13px 20px;
    border:1px solid #ffffff20;border-radius:17px;color:#fff;background:linear-gradient(115deg,#ffffff0e,#ffffff04);
    box-shadow:0 10px 28px #05020b38;font-size:clamp(19px,5vw,26px);font-weight:550;line-height:1.1;letter-spacing:-.045em;
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
  }
  .mobile-nav a:hover{transform:none;border-color:#f279ce77;background:linear-gradient(115deg,#ffffff16,#ffffff08)}
  .mobile-nav a:active{transform:scale(.985);background:#ffffff18}
  .mobile-nav a b{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #f279ce55;border-radius:50%;color:#f279ce;font-size:17px;font-weight:400;line-height:1}
  .mobile-menu-foot{margin-top:auto;padding:17px 3px 0;border-top:1px solid #ffffff20;color:#aa91b8;font-size:7px}
  .header.menu-open{background:rgba(19,8,27,.88);color:#fff;border-color:#ffffff20;box-shadow:0 8px 35px #05020b35;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
  .header.menu-open nav{display:none}
  .header.menu-open .menu-toggle{margin:-5px 0;padding:9px 12px;gap:9px;border:1px solid #ffffff22;border-radius:999px;background:#ffffff0d;color:#fff}
  .header.menu-open .menu-toggle span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;font-size:18px;line-height:1}
}
@media(prefers-reduced-motion:reduce){.mobile-nav:not([hidden]),.mobile-nav:not([hidden]) a{animation:none}}