@charset "UTF-8";
@font-face{font-family:Outfit;src:url('/assets/outfit-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#171318;--cream:#fff9f5;--coral:#ff705c;--muted:#b9afb9;--line:#3b323c;--lilac:#d3c0f4;font-family:Outfit,"Trebuchet MS",Arial,sans-serif;background:var(--bg);color:var(--cream);scroll-behavior:smooth;scroll-padding-top:28px}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--lilac);outline-offset:6px}a:hover{opacity:.92}img{display:block;max-width:100%}p{line-height:1.6}.shell{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;background:var(--cream);color:var(--bg);padding:12px;z-index:9}.skip:focus{top:12px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-block:24px}.brand{display:block}.wordmark{display:block;width:162px;height:54px;background:linear-gradient(90deg,var(--coral) 0 29%,var(--cream) 29% 100%);mask:url('/assets/yonvu-lockup.png') center/contain no-repeat}.topbar nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:500}.nav-pill{border:1px solid #5b4d59;border-radius:99px;padding:12px 17px;display:flex;gap:24px}.nav-pill span{color:var(--coral)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;min-height:630px;padding-block:24px 48px}.hero-copy{padding-bottom:10px;min-width:0;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:600;display:flex;align-items:center;gap:10px;line-height:1.5}.mini-mark{display:inline-block;background:var(--coral);mask:url('/assets/yonvu-symbol.svg') center/contain no-repeat;width:22px;height:22px;flex-shrink:0}.hero .eyebrow{letter-spacing:.08em;font-size:9px}.hero h1{font-size:clamp(66px,6.8vw,99px);font-weight:750;letter-spacing:-.065em;line-height:.99;margin:25px 0 23px}.hero h1>span{display:block;white-space:nowrap}.hero h1 em{display:block;font-style:normal;color:var(--coral)}.coral-dot{color:var(--lilac)}.intro{font-size:16px;line-height:1.55;color:#d8cfd6;max-width:480px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:27px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:20px;justify-content:space-between;background:var(--coral);color:var(--bg);border-radius:99px;padding:10px 11px 10px 22px;min-height:54px;font-size:14px;font-weight:600;transition:transform .18s ease,background .18s ease}.button:hover{opacity:1;background:#ff8d7b;transform:translateY(-2px)}.arrow-circle{display:grid;place-items:center;width:34px;height:34px;background:var(--bg);color:var(--coral);border-radius:50%;font-size:22px;line-height:1}.quiet-link{font-size:12px;display:inline-flex;gap:15px;align-items:center}.quiet-link span{color:var(--lilac)}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-top:18px}.status>span,.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lilac);flex-shrink:0}.hero-stage{position:relative;min-width:0;min-height:558px;isolation:isolate}.giant-mark{position:absolute;inset:35px 55px 25px -15px;background:var(--coral);mask:url('/assets/yonvu-symbol.svg') center/contain no-repeat;transform:rotate(-14deg);opacity:.98;z-index:-1}.moment-card{position:absolute;left:23%;top:22px;width:63%;height:450px;transform:rotate(7deg);border:5px solid var(--cream);border-radius:34px;overflow:hidden;background:var(--cream);color:var(--bg);box-shadow:0 24px 60px #0005}.moment-card>img{width:100%;height:100%;object-fit:cover;object-position:68% 42%}.moment-top{position:absolute;top:0;left:0;right:0;height:48px;background:var(--cream);display:flex;align-items:center;gap:8px;padding:0 13px;font-size:8px;font-weight:700;letter-spacing:.06em;z-index:1}.moment-top .mini-mark{width:20px;height:20px}.camera-icon{width:19px;height:15px;border:1.5px solid currentColor;border-radius:5px;display:inline-block;position:relative;flex-shrink:0}.camera-icon:after{content:"";width:6px;height:6px;border:1.5px solid currentColor;border-radius:50%;position:absolute;left:4.8px;top:2.8px}.moment-top .camera-icon{margin-left:auto}.moment-bottom{position:absolute;bottom:26px;left:0;right:0;padding:40px 15px 14px;display:flex;justify-content:space-between;align-items:end;background:linear-gradient(transparent,#171318ba);color:var(--cream);font-size:25px;letter-spacing:-.04em;line-height:1.04}.moment-bottom b{font-weight:650}.play-badge{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;background:var(--cream);color:var(--bg);font-size:25px}.moment-card figcaption{position:absolute;bottom:0;left:0;right:0;height:27px;background:var(--cream);display:grid;place-items:center;font-size:7px;font-weight:600;letter-spacing:.05em}.story-tag{position:absolute;top:34px;left:2%;display:flex;align-items:center;gap:11px;background:var(--cream);color:var(--bg);padding:14px 18px;border-radius:19px;transform:rotate(-8deg);box-shadow:0 8px 24px #17131820;line-height:1.3;font-size:12px}.story-tag b{font-weight:650}.tag-symbol{display:block;width:32px;height:32px;background:var(--coral);mask:url('/assets/yonvu-symbol.svg') center/contain no-repeat}.remix-card{position:absolute;left:0;bottom:12px;width:53%;background:var(--lilac);color:var(--bg);border-radius:25px;padding:20px 20px 15px;transform:rotate(-9deg);box-shadow:0 14px 38px #17131850}.remix-label{font-size:8px;font-weight:650;letter-spacing:.1em;border:1px solid #17131870;border-radius:20px;padding:5px 9px;display:inline-block}.remix-card p{font-size:clamp(28px,2.8vw,41px);letter-spacing:-.05em;line-height:1;margin:14px 0 20px;font-weight:450}.remix-card strong{font-weight:750}.remix-card>div{display:flex;align-items:center;gap:8px;font-size:6px;font-weight:700;letter-spacing:.03em;border-top:1px solid #17131840;padding-top:10px}.remix-card .mini-mark{background:var(--bg);width:15px;height:15px}.remix-card b{margin-left:auto;font-size:17px}.float-label{position:absolute;right:-7px;bottom:12px;font-size:10px;color:var(--muted);max-width:145px;transform:rotate(7deg)}.format-strip{background:var(--coral);color:var(--bg)}.format-strip>.shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;font-size:27px;font-weight:650;letter-spacing:-.04em}.format-strip .mini-mark{width:25px;height:25px;background:var(--bg)}.strip-last{font-size:22px}.section{padding-block:90px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:38px}.section-head h2{margin-top:18px}h2{font-size:clamp(36px,3.8vw,55px);line-height:1.06;font-weight:650;letter-spacing:-.055em}h2 span{color:var(--muted)}.section-head>p{font-size:15px;max-width:305px;color:var(--muted);padding-bottom:4px}.format-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.format-card{border-radius:29px;min-height:375px;position:relative;padding:25px;overflow:hidden;display:flex;flex-direction:column}.card-kicker{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:650;letter-spacing:.07em;margin-bottom:30px}.card-kicker>span:last-child:not(.camera-icon){font-size:22px}.format-card h3{font-size:clamp(26px,2.5vw,37px);line-height:1.05;letter-spacing:-.045em;font-weight:650;position:relative;z-index:1}.format-card p{font-size:13px;margin:20px 0 27px;max-width:280px;position:relative;z-index:1}.capture{background:var(--cream);color:var(--bg)}.visual-pills{display:flex;gap:6px;margin-top:auto}.visual-pills span{font-size:10px;font-weight:500;border:1px solid #17131865;border-radius:99px;padding:6px 13px}.visual-pills span:nth-child(2){background:var(--coral);border-color:var(--coral)}.remix{background:var(--coral);color:var(--bg)}.card-mark{position:absolute;width:180px;height:180px;right:-50px;bottom:-35px;background:var(--bg);opacity:.12;transform:rotate(-20deg);mask:url('/assets/yonvu-symbol.svg') center/contain no-repeat}.connect{background:#2b232e;color:var(--cream);border:1px solid #48384a}.connect .card-kicker{color:var(--lilac)}.connect p{color:#d7c9d9}.audience-pill{display:flex;align-items:center;gap:8px;border-radius:99px;background:#413447;font-size:11px;align-self:start;padding:9px 13px;margin-top:auto}.audience-pill span{color:var(--lilac);font-size:7px}.brand-statement{background:var(--lilac);color:var(--bg);overflow:hidden}.brand-statement>.shell{display:flex;align-items:center;gap:75px;padding-block:56px;position:relative}.statement-symbol{width:210px;height:210px;flex-shrink:0;background:var(--bg);mask:url('/assets/yonvu-symbol.svg') center/contain no-repeat;transform:rotate(-15deg)}.brand-statement p{font-size:clamp(31px,3.4vw,50px);line-height:1.05;letter-spacing:-.055em}.brand-statement strong{font-weight:750}.statement-note{font-size:9px;line-height:1.7;font-weight:650;letter-spacing:.1em;margin-left:auto;align-self:end}.beta{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center}.beta h2{margin:23px 0}.beta h2 span{color:var(--coral)}.section-intro{font-size:16px;color:var(--muted);max-width:475px}.text-link{display:inline-flex;gap:45px;align-items:center;color:var(--coral);font-size:13px;margin-top:24px;border-bottom:1px solid #ff705c88;padding-bottom:8px}.beta-note{border:1px solid #514151;background:#211b23;border-radius:30px;padding:30px}.beta-note img{border-radius:17px;margin-bottom:25px;width:58px;height:58px}.beta-note h3{font-size:28px;font-weight:550;letter-spacing:-.035em;line-height:1.1;margin-bottom:18px}.beta-note p{color:var(--muted);font-size:13px}.beta-note .note-bottom{border-top:1px solid var(--line);padding-top:17px;margin-top:19px;font-size:11px;color:#d4cbd3}.process{padding-bottom:80px}.process>h2{font-size:10px;letter-spacing:.1em;font-weight:550}.process ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:30px 0 0;padding:0}.process li{border-top:1px solid var(--line);padding-top:21px}.step-state{font-size:9px;font-weight:550;letter-spacing:.04em;color:var(--muted)}.step-state.active{color:var(--coral)}.process h3{font-size:24px;font-weight:550;letter-spacing:-.04em;margin:13px 0 10px}.process p{font-size:12px;color:var(--muted);max-width:280px}footer{padding-top:28px;border-top:1px solid var(--line)}.footer-line{display:flex;gap:25px;align-items:center;font-size:11px}.footer-line p{margin-right:auto}.footer-line a{color:var(--muted)}.footer-brand{display:block;margin:20px auto 15px;width:min(100%,900px)}.footer-brand .wordmark{width:100%;height:auto;aspect-ratio:3;opacity:.95}.privacy{padding-block:10px 30px;color:#a197a0;max-width:940px}.privacy h2{font-size:10px;letter-spacing:0;margin-bottom:8px;font-weight:500}.privacy p{font-size:10px;line-height:1.7}
@media(min-width:1550px){.hero h1{font-size:102px}.hero{gap:60px}.hero-stage{min-height:580px}.moment-card{height:470px}.remix-card{bottom:10px}}
@media(max-width:1050px){.shell{width:calc(100% - 64px)}.hero{min-height:580px;gap:0}.hero h1{font-size:72px}.hero-stage{min-height:510px}.moment-card{left:19%;width:74%;height:410px}.story-tag{left:-5%;font-size:10px;padding:11px 13px}.remix-card{width:63%;padding:17px;bottom:8px}.float-label{display:none}.hero-actions{gap:18px}.quiet-link{font-size:11px}.intro{font-size:14px}.hero .eyebrow{font-size:8px}.format-card{padding:21px}.format-card h3{font-size:29px}.beta{gap:45px}.brand-statement>.shell{gap:45px}.statement-symbol{width:165px;height:165px}.statement-note{display:none}.format-strip>.shell{font-size:23px}.strip-last{font-size:18px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.topbar{padding-block:18px}.wordmark{width:126px;height:42px}.topbar nav>a:first-child{display:none}.nav-pill{padding:10px 12px;font-size:10px;gap:15px}.hero{grid-template-columns:1fr;gap:15px;padding-block:23px 22px;min-height:0}.hero h1{font-size:clamp(56px,13.7vw,89px);line-height:.99;margin:22px 0 19px;letter-spacing:-.06em}.hero h1>span:first-child{white-space:nowrap}.hero .eyebrow{font-size:8px;letter-spacing:.04em;gap:7px}.hero .eyebrow .mini-mark{width:18px;height:18px}.intro{font-size:14px;max-width:370px}.hero-actions{gap:18px;margin-top:22px}.button{font-size:12px;padding-left:18px;gap:17px;min-height:48px}.arrow-circle{width:30px;height:30px;font-size:21px}.quiet-link{font-size:11px;gap:8px}.status{font-size:10px;margin-top:15px}.hero-stage{min-height:440px;max-width:440px;width:100%;margin:0 auto}.giant-mark{inset:30px 40px 20px 0;transform:rotate(-10deg)}.moment-card{left:24%;top:16px;width:65%;height:350px;border-width:4px;border-radius:27px}.moment-top{height:39px;font-size:6px;padding:0 9px;gap:5px}.moment-top .mini-mark{width:16px;height:16px}.moment-top .camera-icon{width:16px;height:13px;border-radius:4px}.moment-top .camera-icon:after{width:5px;height:5px;left:3.8px;top:2.4px}.moment-bottom{font-size:22px;padding:38px 11px 12px;bottom:23px}.moment-card figcaption{font-size:5.5px;height:23px;letter-spacing:.02em}.play-badge{width:31px;height:31px;font-size:21px}.story-tag{left:1%;top:31px;padding:10px 12px;font-size:9px;border-radius:14px;gap:7px}.tag-symbol{width:24px;height:24px}.remix-card{bottom:14px;left:1%;width:60%;max-width:245px;border-radius:21px;padding:15px 16px 12px}.remix-card p{font-size:31px;margin:12px 0 15px}.remix-label{font-size:7px;padding:4px 7px}.remix-card>div{font-size:5px;gap:6px;padding-top:8px}.remix-card .mini-mark{width:12px;height:12px}.format-strip>.shell{gap:12px;padding-block:17px;font-size:20px;width:calc(100% - 32px)}.format-strip .mini-mark{width:16px;height:16px}.format-strip .mini-mark:last-of-type,.strip-last{display:none}.section{padding-block:56px}.section-head{display:block;margin-bottom:27px}.section-head>p{font-size:13px;margin-top:18px;max-width:350px}.eyebrow{font-size:8px}h2{font-size:38px}.section-head h2{margin-top:15px}.format-cards{grid-template-columns:1fr;gap:13px}.format-card{padding:24px;border-radius:25px;min-height:305px}.format-card h3{font-size:35px}.card-kicker{margin-bottom:23px}.format-card p{max-width:350px;margin:18px 0 23px;font-size:13px}.visual-pills span{font-size:10px}.card-mark{width:230px;height:230px;right:-30px;bottom:-45px}.brand-statement>.shell{gap:22px;padding-block:38px;align-items:center}.statement-symbol{width:80px;height:100px}.brand-statement p{font-size:clamp(25px,6.6vw,40px)}.beta{grid-template-columns:1fr;gap:30px}.beta h2{font-size:38px;margin-block:18px}.section-intro{font-size:14px}.beta-note{padding:25px;border-radius:25px}.beta-note h3{font-size:27px}.beta-note img{width:51px;height:51px;border-radius:14px;margin-bottom:20px}.process{padding-bottom:50px}.process ol{grid-template-columns:1fr;gap:24px;margin-top:23px}.process h3{font-size:24px;margin-top:11px}.process p{max-width:350px}.footer-line{flex-wrap:wrap;font-size:10px;gap:15px}.footer-line p{width:100%;flex-basis:100%}.footer-line a:last-child{margin-left:auto}.footer-brand{margin-block:16px}.privacy{padding-bottom:26px}.privacy p{font-size:9px}}
@media(max-width:350px){.shell{width:calc(100% - 32px)}.hero .eyebrow{font-size:7px}.hero h1{font-size:54px}.hero-actions{gap:12px}.quiet-link{font-size:10px}.button{font-size:11px;gap:12px;padding-left:14px}.intro{font-size:12px}.hero-stage{min-height:390px}.moment-card{height:310px}.moment-top{font-size:5px}.moment-bottom{font-size:19px}.remix-card p{font-size:27px}.format-strip>.shell{font-size:17px;gap:9px}.format-strip .mini-mark{width:14px;height:14px}h2,.beta h2{font-size:34px}.statement-symbol{width:64px}.brand-statement p{font-size:23px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}