@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300;font-display:swap;src:url('assets/space-grotesk-300.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('assets/space-grotesk-400.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('assets/space-grotesk-500.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('assets/space-grotesk-700.ttf') format('truetype')}
:root{color-scheme:dark;--bg:#0b0b0b;--text:#efefef;--muted:#b0b0b0;--card:#252525;--yellow:#ffda56}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}a:hover{opacity:.82}.page{width:1440px;margin:0 auto;position:relative}section,article[id]{scroll-margin-top:32px}
/* Desktop artboard, 1440 × 4837. Mobile layout intentionally deferred. */
.header{height:96px;position:absolute;inset:0 0 auto;z-index:1}.brand{position:absolute;left:56px;top:32px}.header nav{position:absolute;left:465.5px;top:41px;display:flex;gap:53px;font-size:16px;line-height:20px;white-space:nowrap}.studio{position:absolute;left:1223px;top:29px;display:flex;align-items:center;gap:4px;font-size:12px;line-height:15px;text-transform:uppercase;white-space:nowrap}
.hero{height:894px;position:relative;text-align:center}.hero h1{position:absolute;top:225px;left:0;right:0;font-size:128px;font-weight:700;line-height:163px;letter-spacing:-.03em;text-transform:uppercase}.hero h2{position:absolute;top:399px;left:0;right:0;font-size:40px;line-height:51px;font-weight:700}.hero p{position:absolute;top:469px;left:0;right:0;color:var(--muted);font-size:24px;line-height:31px;font-weight:300}.hero-actions{position:absolute;top:574px;left:438px;display:flex;gap:19px}.button{border:0;display:flex;justify-content:center;align-items:center;gap:5px;height:50px;width:273px;border-radius:7px;background:var(--text);color:#000;font-size:16px;font-weight:500;line-height:20px;white-space:nowrap}.button img{width:15px;height:16px}.button:disabled{opacity:1;cursor:default}
.sections{width:1328px;margin:0 auto;display:flex;flex-direction:column;gap:180px}.sections>section>h2{font-size:64px;line-height:82px;font-weight:700}.how{height:405px}.intro{margin-top:37px;font-weight:700;font-size:16px;line-height:22px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:27px}.step{height:237px;background:var(--card);border-radius:9px;padding:24px;position:relative}.step h3{font-size:24px;line-height:31px;font-weight:400}.step-icon{position:absolute;right:24px;top:27px;width:25px;height:25px}.step p{position:absolute;left:24px;right:27px;top:102px;font-size:16px;line-height:1.4;font-weight:300;color:var(--muted)}
.showcase{height:572px}.showcase h2{text-align:center;letter-spacing:-.03em}.gallery{margin-top:37px;position:relative;height:453px}.gallery-side{position:absolute;top:66px;width:429px;height:321px;border-radius:9px}.gallery-left{left:0}.gallery-right{right:0}.gallery-main{position:absolute;left:338px;top:0;width:653px;height:453px;border-radius:9px;box-shadow:0 0 40px 50px #000b;overflow:hidden}.gallery-main>img{width:100%;height:100%}.gallery-main::after{content:'';position:absolute;inset:6px 0 0;background:linear-gradient(191.66deg,transparent 42.29%,#000 93.26%)}.gallery-main figcaption{position:absolute;left:36px;bottom:35px;z-index:1;font-size:24px;line-height:31px;font-weight:700}
.support{height:338px;position:relative;background:var(--yellow);color:var(--bg);border-radius:9px}.sections>.support>h2{position:absolute;left:90.07px;top:118px;width:655px;font-size:48px;line-height:48px;letter-spacing:-.04em}.support-copy{position:absolute;left:898.68px;top:120px;width:337.25px;font-size:16px;font-weight:500;line-height:1.4}.button-dark{margin-top:11px;width:242.18px;background:var(--bg);color:var(--text);border-radius:9px;justify-content:space-between;padding:0 16px}.button-dark span{font-size:22px;font-weight:300}
.tutorial{height:766px}.tutorial>h2{letter-spacing:-.03em}.tutorial-panels{display:flex;gap:16px;height:647px;margin-top:37px}.tutorial-closed{flex:0 0 50px;position:relative;background:var(--card);border-radius:9px}.tutorial-closed span{position:absolute;left:8px;bottom:28px;font-size:24px;line-height:31px;white-space:nowrap;transform:rotate(-90deg) translateY(100%);transform-origin:bottom left}.tutorial-open{position:relative;flex:0 0 866px;background:var(--card);border-radius:9px;padding:31px 26px}.tutorial-open h3{font-size:48px;line-height:61px;font-weight:700;color:#fff}.tutorial-open>img{position:absolute;left:26px;top:107.86px;width:813px;height:453.28px;border-radius:9px}.tutorial-open p{position:absolute;left:30px;top:580px;width:537px;font-size:11px;line-height:14px;color:var(--muted)}
.download{height:588px}.download>h2{text-align:center}.benefits{display:grid;grid-template-columns:429px 430px 429px;gap:20px;margin-top:51px}.benefits article{height:101px;background:var(--card);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center}.benefits h3{font-size:16px;line-height:20px;font-weight:700}.benefits p{font-size:12px;line-height:15px}.download-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:29px}.download-card{height:325px;background:var(--card);border-radius:9px;position:relative;padding:40px}.eyebrow{font-size:12px;line-height:15px;font-weight:500;text-transform:uppercase;color:var(--muted)}.download-card h3{position:absolute;left:37px;top:76px;font-size:48px;line-height:61px;color:white}.requirements{position:absolute;top:162px;left:40px;color:var(--muted);font-size:16px;line-height:20px;font-weight:500}.download-card .button{position:absolute;top:201px;left:40px;width:574px;height:52px;gap:10px}.download-card .button img{width:16.25px;height:19.33px}.release{position:absolute;top:264px;left:0;right:0;text-align:center;color:var(--muted);font-size:10px;line-height:13px;font-weight:500}
footer{margin-top:160px;border-top:1px solid var(--muted);height:394px}.footer-main{height:346px;position:relative}.footer-brand{position:absolute;left:54px;top:53px;font-size:36px;line-height:46px;letter-spacing:-.03em;text-transform:uppercase;font-weight:700}.footer-explore,.footer-contact{position:absolute;top:62px;display:flex;flex-direction:column;align-items:flex-start;gap:19px;font-size:16px;line-height:20px}.footer-explore{left:619px}.footer-contact{left:844px}.footer-main h2{font-size:12px;line-height:15px;font-weight:500;text-transform:uppercase;color:var(--muted)}.footer-bottom{height:47px;border-top:1px solid var(--muted);position:relative;font-size:12px;line-height:15px;font-weight:500;color:var(--muted)}.footer-bottom>p:first-child{position:absolute;left:54px;top:13px}.legal{position:absolute;left:0;right:0;top:14px;text-align:center}.footer-bottom>a{position:absolute;right:58px;top:14px;color:var(--text)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Interaction pass — desktop only */
:root{--orange:#f0613d;--yellow:#ffda56;--purple:#7065b2;--green:#41d784}
.tone-0{--accent:var(--orange)}.tone-1{--accent:var(--yellow)}.tone-2{--accent:var(--purple)}.tone-3{--accent:var(--green)}
.hero h1{width:fit-content;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;letter-spacing:-.03em;padding-left:.03em}.hero h2{width:675px;left:50%;right:auto;transform:translateX(-50%);font-size:38px}.hero p{width:675px;left:50%;right:auto;transform:translateX(-50%)}
.studio img{filter:grayscale(1) brightness(1.5);transition:filter .3s,transform .5s}.studio:hover{opacity:1}.studio:hover img{filter:none;transform:rotate(45deg)}
.how{height:375px}.step{height:207px;transition:background .25s,color .25s,transform .25s}.step:nth-child(1){--accent:var(--orange)}.step:nth-child(2){--accent:var(--yellow)}.step:nth-child(3){--accent:var(--purple)}.step:nth-child(4){--accent:var(--green)}.step p{top:85px;transition:color .25s}.step:hover{background:var(--accent);color:var(--bg);transform:translateY(-4px)}.step:hover p{color:var(--bg)}.step:hover h3{font-weight:700}
.showcase{height:auto}.carousel{margin-top:37px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;border-radius:9px}.carousel::-webkit-scrollbar{display:none}.carousel.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.carousel-track{display:flex;gap:24px;padding:12px 338px 20px}.showcase-card{flex:0 0 652px;aspect-ratio:16/9;background:var(--accent);border-radius:12px;position:relative;scroll-snap-align:center;color:var(--bg);overflow:hidden;transform:scale(.94);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s;opacity:.7}.showcase-card.is-active{transform:scale(1);opacity:1}.project-number{position:absolute;right:28px;top:24px;font-size:20px}.project-word{position:absolute;left:36px;top:36px;font-size:76px;line-height:.98;letter-spacing:-.06em;font-weight:700}.project-credit{position:absolute;bottom:28px;left:36px;font-size:18px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:12px;color:var(--muted);font-size:12px}.carousel-controls button{width:40px;height:40px;background:var(--card);border:0;border-radius:50%;color:var(--text);font-size:20px;cursor:pointer}.carousel-controls button:hover{background:var(--yellow);color:var(--bg)}
.support{background:var(--purple);color:var(--text);display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:70px;padding:64px 72px}.sections>.support>h2{position:static;width:auto;font-size:46px;line-height:1.06}.support-copy{position:static;width:auto;max-width:350px}.support-copy p{font-weight:400}.button-dark{margin-top:24px}
.tutorial-item{position:relative;flex:0 0 50px;min-width:0;background:var(--card);border-radius:9px;overflow:hidden;transition:flex-basis .65s cubic-bezier(.22,1,.36,1),background .25s,color .25s}.tutorial-item.is-open{flex-basis:866px}.tutorial-tab{position:absolute;inset:0;width:50px;border:0;background:transparent;color:inherit;cursor:pointer;z-index:2}.tutorial-tab span{position:absolute;left:8px;bottom:28px;font-size:24px;line-height:31px;white-space:nowrap;transform:rotate(-90deg) translateY(100%);transform-origin:bottom left}.tutorial-item:hover,.tutorial-item:focus-within{background:var(--accent);color:var(--bg)}.tutorial-item.is-open .tutorial-tab{width:100%;height:92px}.tutorial-item.is-open .tutorial-tab span{opacity:0}.tutorial-content{width:866px;padding:31px 26px;opacity:0;transition:opacity .2s}.is-open .tutorial-content{opacity:1;transition:opacity .4s .2s}.tutorial-content h3{font-size:48px;line-height:61px}.tutorial-content>img,.tutorial-placeholder{width:813px;height:453px;margin-top:16px;border-radius:9px}.tutorial-content>img{object-fit:cover}.tutorial-placeholder{background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;gap:36px;flex-direction:column}.tutorial-placeholder img{width:200px;filter:brightness(0)}.tutorial-placeholder span{font-size:40px;font-weight:700}.tutorial-content p{margin:19px 4px 0;width:537px;font-size:11px;line-height:14px;color:var(--muted)}.tutorial-item:hover p{color:var(--bg)}
.benefits article{transition:background .25s,color .25s,transform .25s}.benefits h3{font-weight:400}.benefits article:hover{background:var(--green);color:var(--bg);transform:translateY(-3px)}.benefits article:hover h3{font-weight:700}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Refinements */
.sections>section>h2{text-align:center}
.step:nth-child(1):hover,.step:nth-child(3):hover,.step:nth-child(1):hover p,.step:nth-child(3):hover p{color:var(--text)}
.showcase-card.tone-0,.showcase-card.tone-2{color:var(--text)}
.how{height:316px}.steps{margin-top:27px}
.support{background:var(--green);color:var(--bg);height:auto;min-height:360px;display:flex;flex-direction:column;gap:22px;padding:52px 100px;text-align:center}
.sections>.support>h2{font-size:48px;line-height:1.04;width:100%;max-width:1000px}
.support-copy{max-width:590px;display:flex;flex-direction:column;align-items:center}.support-copy p{font-size:16px;line-height:1.4}.support-copy .button{margin-top:24px}
.tutorial-item:hover,.tutorial-item:focus-within{background:var(--card);color:var(--text)}.tutorial-item:hover p{color:var(--muted)}
.tutorial-tab:hover{background:#ffffff08}.tutorial-content>img{object-fit:cover}
.carousel{overflow-anchor:none;touch-action:pan-y}
/* Full-window continuous carousel; animation is independent of native scroll/snap. */
.carousel{position:relative;width:100vw;margin-left:calc(664px - 50vw);height:412px;overflow:hidden;border-radius:0;scroll-snap-type:none;touch-action:pan-y}
.carousel-track{position:absolute;left:50%;top:12px;padding:0;gap:24px;will-change:transform}
.showcase-card{width:652px;height:366.75px;flex:0 0 652px;scroll-snap-align:none}
.support-copy .button-dark{width:auto;height:44px;padding:0 20px;justify-content:center;gap:12px}
.hero h1{padding:0;transform:translateX(-50%) translateX(var(--ink-shift,0px))}
.hero h2,.hero p{transform:translateX(-50%) translateX(var(--ink-shift,0px))}
body{overflow-x:clip}
.hero h1{font-size:136px}
/* Desktop navigation and release/media integration */
.header{position:fixed;top:0;left:50%;right:auto;transform:translateX(-50%);width:1440px;z-index:100;background:#0b0b0bf2;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0a}
.header nav{left:50%;transform:translateX(-50%);gap:32px;white-space:nowrap}
section,article[id]{scroll-margin-top:122px}
.studio:hover,.studio:active,.studio:focus-visible{color:var(--yellow);opacity:1}
.studio img{filter:grayscale(1) brightness(2)}
.studio:hover img,.studio:active img,.studio:focus-visible img{filter:brightness(0) saturate(100%) invert(86%) sepia(69%) saturate(654%) hue-rotate(330deg) brightness(104%) contrast(101%);transform:rotate(45deg)}
.benefits article:hover{background:var(--card);color:var(--text);transform:none}.benefits article:hover h3{font-weight:400}
.tutorial-tab span{left:9px;top:28px;bottom:auto;transform:none;writing-mode:vertical-rl;text-orientation:mixed}
.button[aria-disabled="true"]{cursor:wait;opacity:.65}
.showcase-card{cursor:pointer}.showcase-card.is-active{cursor:default}
.instagram-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:inherit}
.instagram-stage p{font-size:12px}.instagram-stage>a{font-size:14px;text-decoration:underline}.load-instagram{background:var(--bg);color:var(--text);border:0;border-radius:7px;padding:12px 20px;font:inherit;cursor:pointer}
.instagram-stage iframe{width:100%;height:100%;border:0;background:var(--bg)}
.showcase-card:not(.is-active) .instagram-stage{pointer-events:none}
/* Official Instagram embed with a permanent, unobscured external fallback. */
.instagram-content{position:absolute;inset:0 0 57px;background:#efefef;overflow:auto;overscroll-behavior:contain;cursor:auto}
.instagram-content blockquote.instagram-media{margin:0 auto!important;width:100%!important;min-width:0!important;max-width:none!important}
.instagram-content iframe{min-width:0!important;width:100%!important;height:740px;background:#efefef}
.instagram-stage>.instagram-status{position:absolute;bottom:34px;left:12px;right:12px;text-align:center;font-size:10px;margin:0}
.instagram-stage>.instagram-fallback{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:13px;background:var(--bg);color:var(--text);padding:5px 14px;border-radius:5px;text-decoration:none}
/* YouTube demonstration: native 16:9 player plus a separate source link. */
.carousel{height:445px}.showcase-card{height:405px;aspect-ratio:auto}
.youtube-stage{height:366.75px;width:652px;background:var(--accent)}
.youtube-stage>iframe{display:block;width:652px;height:366.75px;border:0}
.youtube-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.youtube-placeholder>strong{font-size:68px;line-height:1;letter-spacing:-.04em}
.youtube-placeholder>span{font-size:14px}.youtube-placeholder>p{font-size:11px}
.enable-youtube{font:inherit;border:0;border-radius:7px;padding:12px 20px;background:var(--bg);color:var(--text);cursor:pointer}
.youtube-source{height:38px;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--card);color:var(--text)}
.showcase-card:not(.is-active) .youtube-stage{pointer-events:none}
/* Full-bleed navigation background, with the desktop contents kept centred. */
.header::before{content:'';position:absolute;z-index:-1;top:0;bottom:-1px;left:50%;width:100vw;transform:translateX(-50%);background:#0b0b0bf2;border-bottom:1px solid #ffffff0a;backdrop-filter:blur(14px)}
.header{isolation:isolate;background:transparent;backdrop-filter:none;border-bottom:0}
.carousel{height:412px}.showcase-card{height:366.75px;aspect-ratio:16/9}