:root{--bg:#161617;--paper:#eeeee7;--lime:#dcff52;--wine:#701c3c;--muted:#acada7;--line:#ffffff29;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{outline-offset:7px}::selection{background:var(--lime);color:var(--bg)}.progress{position:fixed;left:0;top:0;height:3px;background:var(--lime);width:100%;transform:scaleX(var(--scroll));transform-origin:left;z-index:30}header{height:82px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#161617f5;z-index:20;border-bottom:1px solid var(--line);gap:20px}.logo{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:900;letter-spacing:-1px}.monogram{background:var(--lime);color:var(--bg);padding:7px;font-size:21px}.agency{font-size:8px;letter-spacing:1px;line-height:1.4;border-left:1px solid var(--line);padding-left:12px}nav{display:flex;gap:30px;font-size:12px}.navcta{font-size:12px;border-bottom:1px solid var(--lime);padding:10px 0}.hero{padding:38px 4% 0;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition,.section-label{font-size:10px;letter-spacing:1.6px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--lime);margin-right:10px}.edition{color:var(--muted)}h1{font-size:clamp(65px,11.5vw,180px);line-height:.87;letter-spacing:-.075em;margin:50px 0 35px;font-weight:900}h1>span{display:block}.second{color:var(--lime);display:flex!important;align-items:center;gap:40px}.outline{-webkit-text-stroke:1px var(--paper);color:transparent}.star{font-weight:400;font-size:.9em;line-height:1;transform:rotate(var(--turn,0deg));display:inline-block;color:var(--lime)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 0 45px;gap:25px}.hero-bottom p{font-size:17px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:space-between;padding:23px 26px;gap:48px;font-size:13px;font-weight:700;transition:transform .15s,background .15s}.button:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--wine)}.lime{background:var(--lime);color:var(--bg)}.dark{background:var(--bg);color:var(--paper)}.scroll{font-size:9px;letter-spacing:1px}.scroll span{font-size:27px;display:block;margin-top:10px}.hero-ticker{border-top:1px solid var(--line);padding:20px 0;white-space:nowrap;overflow:hidden;font-size:19px;letter-spacing:1px}.hero-ticker>span{display:block;transform:translateX(var(--ticker,0px));width:max-content}.hero-ticker b{color:var(--lime);padding:0 35px}.section{padding:95px 5%}.section-label{display:block;margin-bottom:45px}h2{font-size:clamp(38px,4.6vw,72px);font-weight:700;letter-spacing:-.055em;line-height:1.03;margin:0}h2 span{color:#92938c}.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px}.intro-copy{max-width:480px;font-size:17px;line-height:1.6}.intro-copy p:first-child{margin-top:0}.intro-copy p:nth-child(2){color:var(--muted);font-size:14px}.textlink{font-size:12px;display:inline-block;margin-top:20px;border-bottom:1px solid var(--lime);padding-bottom:8px}.conveyor{margin-top:65px;padding:40px 30px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 40px 1.5fr 40px 1fr;gap:20px;align-items:center;min-height:310px;background:linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:30px 100%;overflow:hidden}.brand-block{border:1px solid #777;padding:25px;display:grid;gap:25px}.brand-block b{font-size:35px;letter-spacing:-1px;line-height:.95}.brand-block small,.output small{font-size:9px;letter-spacing:2px;color:var(--muted)}.brand-block span{font-size:11px}.flow-arrow{font-size:35px;color:var(--lime)}.creator-stack{position:relative;height:235px}.creator{position:absolute;width:145px;height:200px;border:1px solid #fff5;padding:17px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s linear}.creator span{font-size:8px;letter-spacing:1px}.creator b{font-size:20px;letter-spacing:-1px}.creator i{font-size:50px;font-style:normal}.c1{background:var(--wine);left:0;top:15px;transform:translateX(calc(var(--spread,0) * -20px)) rotate(-12deg)}.c2{background:#d9d8d0;color:var(--bg);left:26%;top:0;transform:rotate(3deg)}.c3{background:var(--lime);color:var(--bg);left:48%;top:25px;transform:translateX(calc(var(--spread,0) * 20px)) rotate(14deg)}.output{display:grid;gap:20px}.output b{font-size:12px}.mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.mini-grid i{height:40px;background:var(--wine);border:1px solid #ffffff22;transform:scaleY(var(--tile,1));transform-origin:bottom}.mini-grid i:nth-child(3n){background:var(--lime)}.mini-grid i:nth-child(4n){background:#d9d8d0}.system-caption{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:var(--muted)}.scale{background:var(--lime);color:var(--bg)}.scale-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.scale h2 span{color:#526617}.scale-head p{font-size:13px;line-height:1.7}.equation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:65px 0 45px;border-top:1px solid #16161744;border-bottom:1px solid #16161744;padding:40px 0}.metric strong{display:block;font-size:clamp(50px,6vw,95px);line-height:1;letter-spacing:-6px}.metric span{font-size:11px;display:block;margin-top:20px}.operator{font-size:40px;font-weight:400}.result{background:var(--bg);color:var(--lime);padding:30px}.scale-bottom{display:flex;justify-content:space-between;gap:30px;align-items:start}.scale-bottom>span{font-size:8px;letter-spacing:1px}.scale-bottom p{font-size:12px;line-height:1.6;margin:0}.journey{padding:100px 5%;background:#24191f}.journey-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}.journey-heading{position:sticky;top:125px;align-self:start}.journey-heading h2{font-size:clamp(35px,4vw,64px)}.journey-heading h2 span{color:#d68aa6}.journey-heading p{font-size:13px;line-height:1.7;color:#bda7b1;margin-top:30px}.stage-counter{font-size:110px;letter-spacing:-8px;margin-top:45px;color:var(--lime)}.stage-counter small{font-size:17px;letter-spacing:0;color:#937c87;margin-left:15px}.stage{border-top:1px solid #ffffff35;padding:42px 0 70px;display:grid;grid-template-columns:40px 1fr;gap:15px;opacity:.45;transition:opacity .18s,transform .18s;min-height:330px}.stage.active{opacity:1;transform:translateX(-8px)}.step-no{font-size:12px;color:var(--lime)}.tag{font-size:9px;letter-spacing:2px;color:#cf95ad}.stage h3{font-size:30px;letter-spacing:-1px;line-height:1.1;margin:20px 0}.stage p{font-size:14px;color:#c3b5bc;line-height:1.7;max-width:440px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.chips span{font-size:9px;border:1px solid #ffffff40;padding:8px 11px}.control{background:var(--paper);color:var(--bg)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.control h2 span{color:var(--wine)}.control-list>div{border-top:1px solid #aaa;padding:22px 0 25px;display:grid;grid-template-columns:30px 1fr;gap:10px}.control-list b{font-size:11px;color:var(--wine)}.control-list h3{font-size:22px;letter-spacing:-.6px;margin:0}.control-list p{grid-column:2;font-size:14px;color:#65615f;line-height:1.5;margin:0}.faq h2{margin-bottom:40px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:22px;letter-spacing:-.6px;padding:27px 0;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--lime);font-size:28px}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);line-height:1.7;font-size:15px;max-width:750px;margin:0 0 30px}.contacts{background:var(--wine);color:var(--paper);overflow:hidden}.contact-top{display:flex;justify-content:space-between;align-items:start}.contact-star{font-size:90px;line-height:1;color:var(--lime);transform:rotate(var(--turn,0deg))}.contacts h2{font-size:clamp(48px,8.5vw,135px);letter-spacing:-.065em;line-height:.95}.contacts h2 span{color:var(--lime)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:65px}.contact-grid p{font-size:18px;line-height:1.5;margin-top:0;margin-bottom:25px}.contact-links>a{border-top:1px solid #ffffff40;padding:20px 0;display:grid;gap:10px}.contact-links small{font-size:9px;letter-spacing:1px;color:#d6a9ba}.contact-links>a span{font-size:clamp(15px,1.9vw,29px);letter-spacing:-.5px;overflow-wrap:anywhere}.socials{display:flex;gap:30px;border-top:1px solid #ffffff40;padding-top:25px;font-size:14px}.socials a:hover,.contact-links a:hover{color:var(--lime)}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer>a:last-child,footer button{font-size:9px;letter-spacing:1px}footer button{background:none;border:1px solid #ffffff40;color:var(--muted);padding:9px}.js-motion .reveal{opacity:0;transform:translateY(32px);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1)}.js-motion .reveal.visible{opacity:1;transform:none}.no-motion *{scroll-behavior:auto!important;transition:none!important}.no-motion .reveal{opacity:1;transform:none}.no-motion .stage{opacity:1;transform:none}
@media(min-width:1600px){main{max-width:1920px;margin:auto}}@media(max-width:1000px){nav{display:none}.agency{display:none}.conveyor{gap:10px;padding:30px 15px;grid-template-columns:1fr 25px 1.4fr 25px 1fr}.creator{width:110px}.creator b{font-size:16px}.intro-grid,.journey-inner,.control-grid{gap:35px}.equation{gap:12px}.metric strong{letter-spacing:-3px}.result{padding:20px}.contact-grid{gap:30px}}@media(max-width:700px){header{height:68px;padding:0 5%;gap:10px}.logo{font-size:18px;gap:8px}.monogram{font-size:16px}.navcta{font-size:10px}.hero{padding:28px 5% 0}.edition{display:none}.eyebrow{font-size:8px}h1{font-size:15vw;margin:40px 0 30px;letter-spacing:-.07em;line-height:.95}.second{gap:20px}.hero-bottom{flex-wrap:wrap;gap:15px;padding-bottom:30px}.hero-bottom p{width:100%;font-size:15px}.button{padding:19px 20px;gap:30px;font-size:12px}.scroll{margin-left:auto}.hero-ticker{font-size:13px}.section{padding:60px 6%}.section-label{font-size:8px;margin-bottom:30px}.intro-grid,.control-grid{grid-template-columns:1fr;gap:30px}.intro-copy{font-size:16px}.conveyor{grid-template-columns:1fr;margin-top:35px;padding:25px;gap:18px;justify-items:center}.brand-block{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px}.brand-block b{font-size:25px}.brand-block small{font-size:8px}.brand-block span{font-size:10px}.flow-arrow{transform:rotate(90deg);font-size:28px}.creator-stack{width:260px;height:220px}.creator{width:130px;height:190px}.output{width:100%}.mini-grid{grid-template-columns:repeat(10,1fr);gap:4px}.mini-grid i{height:30px}.system-caption{font-size:7px;line-height:1.5}.system-caption span:last-child{display:none}.scale-head{display:block}.scale-head p{margin-top:25px}.equation{flex-wrap:wrap;gap:20px;padding:25px 0;margin:35px 0}.metric strong{font-size:48px;letter-spacing:-3px}.metric span{font-size:10px;max-width:120px;line-height:1.5;margin-top:10px}.operator{font-size:28px}.result{width:calc(100% - 55px);padding:20px}.result strong{font-size:58px}.result span{max-width:none}.scale-bottom{display:block}.scale-bottom p{margin-top:20px}.journey{padding:60px 6%}.journey-inner{display:block}.journey-heading{position:static}.journey-heading h2{font-size:40px}.stage-counter{display:none}.stages{margin-top:35px}.stage{min-height:0;padding:30px 0 40px;opacity:.65}.stage h3{font-size:26px}.stage.active{transform:none}.control-list h3{font-size:20px}.faq summary{font-size:18px}.contacts h2{font-size:13vw}.contact-star{font-size:55px}.contact-grid{grid-template-columns:1fr;margin-top:35px}.contact-links>a span{font-size:21px}footer{flex-wrap:wrap;padding:25px 6%;gap:20px}footer>span{font-size:7px}footer .logo{width:40%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.js-motion .reveal{opacity:1;transform:none;transition:none}.creator,.stage{transition:none}.stage{opacity:1}}
/* Media production art direction */
.hero-composition{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:15px;position:relative}.hero-composition h1{font-size:clamp(65px,8.7vw,145px);position:relative;z-index:2}.hero-composition .second{gap:20px}.media-scene{height:470px;position:relative;min-width:0;isolation:isolate;--media-shift:0px;--media-rotate:0deg}.scene-grid{position:absolute;inset:40px 0 20px;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.scene-orbit{position:absolute;width:340px;height:340px;border:1px solid #ffffff20;border-radius:50%;left:12%;top:55px;transform:rotate(-25deg) scaleX(1.15)}.media-phone{position:absolute;width:174px;height:325px;border:5px solid #383335;border-radius:27px;overflow:hidden;box-shadow:10px 20px 0 #0003;background:#e6dacc;color:#161617;will-change:transform}.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:46px;height:10px;border-radius:10px;background:#181719;z-index:2}.phone-rear{left:10%;top:52px;transform:translateY(calc(var(--media-shift) * -1)) rotate(calc(-14deg - var(--media-rotate)));background:#d8c7b7}.phone-bar{padding:28px 13px 10px;font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:5px}.rec-dot{background:#9a173d;width:5px;height:5px;border-radius:50%;margin-left:auto}.camera-view{margin:0 10px;height:180px;position:relative;background:#b5a391;overflow:hidden}.camera-view svg{width:100%;height:100%;padding-top:10px}.frame-corner{position:absolute;width:18px;height:18px;border-color:#f3ede5;border-style:solid;z-index:1}.tl{top:10px;left:10px;border-width:1px 0 0 1px}.tr{top:10px;right:10px;border-width:1px 1px 0 0}.bl{bottom:10px;left:10px;border-width:0 0 1px 1px}.br{bottom:10px;right:10px;border-width:0 1px 1px 0}.focus-cross{position:absolute;top:43%;left:46%;font-size:20px;color:#fff9;font-weight:200}.camera-meta{font-size:7px;margin:10px 13px;display:flex;justify-content:space-between}.shutter{margin:10px auto;width:29px;height:29px;border:1px solid #161617;border-radius:50%;display:grid;place-items:center}.shutter i{width:21px;height:21px;background:#161617;border-radius:50%}.phone-front{left:44%;top:83px;transform:translateY(var(--media-shift)) rotate(calc(12deg + var(--media-rotate)));color:#eee7dd;background:#701c3c}.feed-bar{padding:30px 13px 10px;font-size:8px;display:flex;justify-content:space-between;letter-spacing:1px}.video-art{position:relative;background:linear-gradient(145deg,#a23c60,#4b1028);height:230px;padding:20px 12px}.video-kicker{font-size:5px;letter-spacing:1px}.video-art strong{font-size:22px;letter-spacing:-1px;line-height:1.05;display:block;margin-top:18px}.video-art em{color:var(--lime);font-style:normal}.video-play{width:36px;height:36px;border:1px solid #ffffff80;display:grid;place-items:center;border-radius:50%;margin-top:17px;font-size:12px}.video-actions{position:absolute;right:10px;bottom:54px;display:grid;gap:7px;font-size:19px}.creator-profile{display:flex;align-items:center;gap:7px;font-size:7px;position:absolute;bottom:12px}.profile-avatar{display:grid;place-items:center;width:22px;height:22px;border:1px solid #fff8;border-radius:50%;font-size:10px}.creator-profile small{display:block;font-size:5px;margin-top:4px;color:#dbb7c5}.feed-bottom{height:30px;display:flex;align-items:center;justify-content:space-around;font-size:15px;background:#29141d}.feed-plus{border:1px solid #c9b7a5;padding:0 6px;font-size:13px}.social-tile{position:absolute;width:57px;height:63px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:12px;box-shadow:5px 7px 0 #0003;z-index:3;transform:translateY(calc(var(--media-shift) * -.6)) rotate(-8deg);background:#e6dacc;color:#161617;padding:5px}.social-tile svg{width:34px;height:34px}.social-tile span{font-size:6px;letter-spacing:1px}.tile-vk{left:5%;top:15px;background:var(--lime)}.tile-yt{right:1%;top:42px;transform:translateY(var(--media-shift)) rotate(12deg)}.tile-tg{right:0;top:275px;background:#e6dacc;transform:translateY(calc(var(--media-shift) * -.6)) rotate(-8deg)}.edit-timeline{position:absolute;left:0;bottom:20px;width:220px;background:#252327;border:1px solid #8d6f7c;padding:12px;transform:translateX(calc(var(--media-shift) * -.4)) rotate(-5deg);box-shadow:7px 10px 0 #0003;z-index:4}.edit-timeline>div:first-child{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;margin-bottom:9px;color:#c9b7a5}.track{height:20px;display:flex;gap:3px}.video-track i{flex:1;background:#a76980;border:1px solid #d39aaf}.video-track i:nth-child(2n){background:#d8c7b7}.audio-track{height:15px;margin-top:4px;color:var(--lime);overflow:hidden;font-size:15px;line-height:13px;letter-spacing:2px;background:#dcff5215}.playhead{position:absolute;top:30px;bottom:8px;left:calc(25% + var(--timeline,0%));width:1px;background:var(--lime)}.playhead:before{content:'';position:absolute;top:-3px;left:-3px;width:7px;height:5px;background:var(--lime)}.scene-note{position:absolute;bottom:0;right:0;font-size:6px;letter-spacing:1px;color:#a79e9f}.socials a{display:inline-flex;align-items:center;gap:8px}.socials svg{width:24px;height:24px}.mini-grid i{position:relative;display:grid;place-items:center}.mini-grid i:after{content:'▶';color:#16161780;font-size:8px}.mini-grid i:nth-child(3n+1):after{color:#f4eee599}.no-motion .media-scene{--media-shift:0px!important;--media-rotate:0deg!important;--timeline:0%!important}
@media(min-width:1500px){.media-scene{height:520px}.media-phone{width:195px;height:360px}.camera-view{height:205px}.video-art{height:260px}.video-art strong{font-size:26px}.phone-front{top:100px}.phone-rear{top:60px}.edit-timeline{bottom:35px}}
@media(max-width:1000px) and (min-width:701px){.media-scene{transform:scale(.85);transform-origin:center right;height:420px;margin-left:-35px}.media-phone{width:150px;height:300px}.video-art{height:205px}.video-art strong{font-size:19px}.camera-view{height:155px}.tile-tg{right:-10px}.scene-note{display:none}.scene-orbit{width:260px;height:300px}}
@media(max-width:700px){.hero-composition{grid-template-columns:1fr;gap:0}.hero-composition h1{font-size:15vw;margin-bottom:20px}.media-scene{height:390px;width:min(100%,380px);margin:0 auto 15px}.media-phone{width:155px;height:295px}.phone-rear{left:12%;top:25px}.phone-front{left:48%;top:50px}.phone-bar{font-size:7px}.camera-view{height:155px}.video-art{height:202px}.video-art strong{font-size:20px}.scene-orbit{width:270px;height:270px;top:40px}.tile-vk{top:0;left:4%}.tile-yt{top:15px;right:0}.tile-tg{top:240px;right:0}.social-tile{width:45px;height:50px;border-radius:9px}.social-tile svg{width:27px;height:27px}.social-tile span{font-size:5px}.edit-timeline{width:185px;bottom:20px;left:2%}.scene-note{bottom:0;font-size:5px}.hero-bottom{padding-top:0}.hero-bottom p{margin-top:0}.media-phone{box-shadow:6px 10px 0 #0003}}
@media(prefers-reduced-motion:reduce){.media-phone{will-change:auto}}
/* Real creator content */
.hero-composition{grid-template-columns:1.15fr 1fr;gap:30px}.hero-composition h1{font-size:clamp(60px,8vw,132px)}.content-scene{height:500px;min-width:0;transform:none;margin:0;position:relative}.wall-heading{position:absolute;top:15px;left:0;right:0;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1px}.wall-heading .rec-dot{margin-left:0;background:var(--lime)}.wall-heading>span:last-child{margin-left:auto}.content-card{position:absolute;width:45%;height:340px;top:80px;padding:0;border:1px solid #ffffff50;border-radius:7px;overflow:hidden;background:#251b20;color:white;text-align:left;box-shadow:10px 15px 25px #0006;cursor:zoom-in;transition:box-shadow .2s;isolation:isolate}.content-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#000b);pointer-events:none}.content-card img{width:100%;height:100%;object-fit:cover;animation:contentZoom 11s ease-in-out infinite alternate}.card-0{left:0;transform:translateY(calc(var(--media-shift)*-.7)) rotate(-12deg);z-index:1}.card-1{left:28%;top:53px;transform:translateY(var(--media-shift)) rotate(3deg);z-index:3}.card-2{right:-2%;top:110px;transform:translateY(calc(var(--media-shift)*-.5)) rotate(14deg);z-index:2}.card-1 img{animation-delay:-4s}.card-2 img{animation-delay:-7s}.content-card:hover{z-index:5;box-shadow:0 0 0 3px var(--lime),10px 15px 25px #0006}.content-top{position:absolute;top:12px;left:10px;right:10px;font-size:6px;letter-spacing:1px;text-shadow:0 1px 5px #000;display:flex;justify-content:space-between;z-index:2}.content-top b{font-size:14px}.content-caption{position:absolute;bottom:15px;left:12px;right:12px;z-index:2;display:grid;gap:7px}.content-caption small{font-size:6px;letter-spacing:1px}.content-caption strong{font-size:25px;letter-spacing:-1px}.clip-progress{height:2px;background:#fff5;display:block}.clip-progress i{height:100%;width:40%;display:block;background:var(--lime);animation:clipRun 7s linear infinite}.wall-sticker{position:absolute;bottom:23px;left:5%;background:var(--lime);color:var(--bg);padding:15px 20px;font-size:20px;font-weight:900;letter-spacing:-1px;line-height:1;transform:rotate(-7deg);z-index:6}.wall-sticker b{font-weight:900}.content-scene .scene-note{font-size:5px;bottom:0;right:0}.hero-bottom p{max-width:590px;font-size:16px}.hero-bottom p strong{font-size:12px;color:var(--muted);font-weight:400;display:block;margin-top:8px}.platforms{padding:35px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:35px;align-items:center}.platform-label{font-size:8px;letter-spacing:1px;line-height:1.7;min-width:160px;color:var(--muted)}.platform-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:20px;flex:1}.platform{display:grid;justify-items:center;gap:12px}.platform svg{width:29px;height:29px;fill:currentColor;color:var(--paper)}.platform span{font-size:9px;white-space:nowrap}.platform:hover svg{color:var(--lime);transform:rotate(-9deg)}.brand-fit{background:#e5d7c7;color:var(--bg)}.brand-fit h2 span{color:var(--wine)}.brand-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border-top:1px solid #291a2040}.brand-categories span{padding:25px 10px 25px 0;border-bottom:1px solid #291a2040;font-size:19px;letter-spacing:-.5px}.brand-fit>p{font-size:14px;line-height:1.7;max-width:620px;color:#60534e;margin:30px 0 0}.analytics{background:#1c1e1d}.analytics-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.analytics h2 span{color:var(--lime)}.analytics p,.analytics li{font-size:14px;line-height:1.7;color:var(--muted)}.analytics ul{padding-left:18px;margin:25px 0}.analytics-note{font-size:11px!important}.dashboard{background:#242725;border:1px solid #ffffff25;padding:28px;box-shadow:18px 18px 0 #0d0f0e;transform:rotate(-2deg)}.dash-header{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff20;padding-bottom:22px;font-size:10px}.dash-header>span{font-size:7px;color:#b7bfac}.dash-tabs{display:flex;gap:8px;margin:25px 0}.dash-tabs button{padding:10px 12px;border:1px solid #ffffff30;color:var(--paper);background:none;font-size:10px}.dash-tabs .selected{background:var(--lime);color:var(--bg);border-color:var(--lime)}.dash-summary{display:flex;flex-direction:column;gap:10px}.dash-summary>span{font-size:23px;letter-spacing:-.6px}.dash-summary small{font-size:7px;letter-spacing:1px;color:var(--muted)}.chart-bars{margin:35px 0;display:grid;gap:22px}.chart-bars>div{display:grid;grid-template-columns:90px 1fr 65px;align-items:center;gap:12px;font-size:9px}.chart-bars i{display:block;width:var(--bar);height:24px;background:#9d657c;transition:width .4s}.chart-bars>div:nth-child(2) i{background:var(--lime)}.chart-bars>div:nth-child(3) i{background:#d8c7b7}.chart-bars b{font-size:12px;font-weight:400}.dash-insight{border:1px solid #dcff5240;background:#dcff5207;padding:20px;display:flex;gap:15px}.dash-insight>span{font-size:25px;color:var(--lime)}.dash-insight small{font-size:7px;letter-spacing:1px;color:var(--lime)}.dash-insight p{font-size:11px;margin-bottom:0}.dash-footer{font-size:6px;letter-spacing:1px;color:var(--muted);margin-top:25px}dialog{border:1px solid #ffffff40;background:#191919;color:var(--paper);max-width:min(600px,92vw);max-height:93dvh;padding:20px;text-align:center}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog img{display:block;max-width:100%;max-height:72dvh;margin:auto;object-fit:contain}dialog p{margin:14px 0 5px}dialog small{font-size:10px;color:var(--muted)}.photo-close{position:absolute;right:10px;top:10px;width:36px;height:36px;border:1px solid #fff6;background:#161617;color:white;font-size:26px;z-index:2}.no-motion .content-card img,.no-motion .clip-progress i{animation:none}@keyframes contentZoom{from{transform:scale(1)}to{transform:scale(1.09)}}@keyframes clipRun{from{width:0}to{width:100%}}@media(max-width:1000px){.content-scene{height:430px}.content-card{height:285px}.platforms{display:block}.platform-label{margin-bottom:25px}.platform-grid{gap:10px}.analytics-grid{gap:30px}.dashboard{padding:20px}.brand-categories span{font-size:16px}.hero-bottom p{max-width:460px}}@media(max-width:700px){.hero-composition{grid-template-columns:1fr;gap:0}.hero-composition h1{font-size:15vw}.content-scene{width:100%;height:420px;margin:10px auto 20px}.content-card{height:285px;width:44%}.card-0{top:70px;left:1%}.card-1{top:43px;left:28%}.card-2{top:90px;right:0}.content-caption strong{font-size:22px}.wall-sticker{font-size:18px;bottom:20px;padding:12px 16px}.content-scene .scene-note{font-size:5px;left:0;text-align:center}.platform-grid{grid-template-columns:repeat(4,1fr);row-gap:25px}.platform-label{font-size:8px}.platform span{font-size:8px}.brand-categories{grid-template-columns:1fr 1fr}.brand-categories span{font-size:15px;line-height:1.4;padding:20px 10px 20px 0}.analytics-grid{grid-template-columns:1fr;gap:35px}.dashboard{transform:none;box-shadow:8px 8px 0 #0d0f0e;padding:18px}.chart-bars>div{grid-template-columns:76px 1fr 54px;gap:7px;font-size:8px}.dash-header{font-size:8px}.dash-header>span{font-size:6px}.dash-summary>span{font-size:21px}.hero-bottom p{font-size:15px;max-width:none}.hero-bottom p strong{font-size:11px}}@media(prefers-reduced-motion:reduce){.content-card img,.clip-progress i{animation:none}.chart-bars i{transition:none}}