.vv{--ink:#151310;--paper:#eee9df;--accent:#a64f38;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow:hidden}.vv *{box-sizing:border-box}.vv section{padding:8vw 6vw;position:relative}.vv section.dark{background:var(--ink);color:var(--paper)}.vv .hero{flex-direction:column;justify-content:space-between;min-height:116svh;padding-top:150px;display:flex}.vv .meta,.vv .code{letter-spacing:.18em;text-transform:uppercase;grid-template-columns:1fr 2fr 1fr;align-items:center;font-size:10px;display:grid}.vv .meta span:last-child{text-align:right}.vv .title{margin-top:7vw}.vv .title p{letter-spacing:.2em;font-size:10px}.vv .title h1{letter-spacing:-.065em;margin:18px 0;font-size:clamp(64px,10vw,150px);line-height:.78}.vv em{color:var(--accent);font-style:normal}.vv .hero-copy{grid-template-columns:1fr 80px 1fr;align-self:flex-end;align-items:center;width:62%;padding:3vw 0 5vw;display:grid}.vv .hero-copy h2{margin:0;font-size:clamp(25px,3.6vw,55px);line-height:.92}.vv .hero-copy i,.vv .code i{opacity:.35;background:currentColor;height:1px}.vv .code{margin-bottom:7vw}.vv .code small{text-align:right}.vv .headline{letter-spacing:-.055em;max-width:1000px;margin:0 0 7vw;font-size:clamp(40px,7vw,105px);line-height:.88}.vv .grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:9vw;display:grid}.vv .grid h2{letter-spacing:-.05em;margin:0;font-size:clamp(37px,5.5vw,82px);line-height:.91}.vv .grid>div{font-family:Georgia,serif;font-size:clamp(17px,1.45vw,23px);line-height:1.48}.vv .grid b{color:var(--accent);margin:38px 0;font-family:Arial,sans-serif;font-size:clamp(27px,3vw,46px);line-height:1;display:block}.vv .statement{letter-spacing:-.055em;max-width:1180px;margin:11vw auto 2vw;font-size:clamp(36px,6.3vw,94px);line-height:.9}.vv .alternatives{border-left:1px solid;margin:0 0 4vw 35%;padding-left:5vw}.vv .alternatives p{border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent);margin:0;padding:15px 0;font-family:Georgia,serif;font-size:clamp(18px,2vw,30px)}.vv .trajectory{grid-template-columns:1fr auto 1fr;align-items:center;gap:5vw;min-height:330px;margin:1vw 0 7vw;display:grid}.vv .trajectory>div{flex-direction:column;gap:36px;display:flex}.vv .trajectory span{letter-spacing:.18em;font-size:11px}.vv .trajectory>b{color:var(--accent);font-size:45px;font-weight:400}.vv .trajectory i{border:0;height:150px;display:block;position:relative}.vv .trajectory i:before{content:"";transform-origin:0;border-top:2px solid;position:absolute;inset:10px 0}.vv .real-path:before{clip-path:polygon(0 44%,15% 26%,27% 62%,41% 35%,55% 75%,67% 20%,83% 52%,100% 33%,100% 36%,83% 55%,67% 24%,55% 79%,41% 39%,27% 66%,15% 30%,0 48%);background:currentColor;border:0}.vv .imagined-path:before{opacity:.75;top:62px;transform:rotate(-3deg)}.vv .comparison{grid-template-columns:1fr auto 1fr;align-items:start;gap:7vw;margin:3vw 8vw;display:grid}.vv .comparison>span{color:var(--accent);font-size:52px}.vv .comparison h3{margin:0 0 30px;font-size:clamp(26px,3vw,44px)}.vv .comparison p{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);margin:0;padding:10px 0;font-family:Georgia,serif;font-size:18px}.vv .experiment{max-width:920px;margin:auto}.vv .experiment small{letter-spacing:.2em}.vv .experiment h2{margin:45px 0 60px;font-size:clamp(37px,5.5vw,82px);line-height:.9}.vv .experiment h3{color:var(--accent);margin:35px 0;font-size:clamp(35px,5vw,76px);line-height:.9}.vv .experiment p{font-family:Georgia,serif;font-size:21px;line-height:1.5}.vv .experiment i{opacity:.35;background:currentColor;width:1px;height:80px;margin:55px 0;display:block}.vv .experiment strong{margin-top:60px;font-size:clamp(27px,3.8vw,58px);line-height:.95;display:block}.vv .observe article{border-top:1px solid;grid-template-columns:100px 1fr;max-width:1050px;padding:35px 0;display:grid}.vv .observe article>span{font-size:12px}.vv .observe article p{margin:0;font-family:Georgia,serif;font-size:clamp(22px,3vw,43px);line-height:1.12}.vv .cross{max-width:1050px;margin:auto}.vv .cross h2{letter-spacing:-.055em;font-size:clamp(42px,7vw,105px);line-height:.87}.vv .cross>p,.vv .cross>div span{margin:60px 0;font-family:Georgia,serif;font-size:clamp(19px,2vw,30px);line-height:1.42;display:block}.vv .cross>strong,.vv .cross>div b{color:var(--accent);font-size:clamp(40px,6vw,90px);line-height:.88;display:block}.vv .cross>div{border-left:1px solid var(--accent);margin-top:10vw;padding-left:5vw}.vv .links{gap:35px;max-width:1050px;margin:8vw auto 0;display:flex}.vv .links a{color:inherit;letter-spacing:.14em;border-bottom:1px solid;padding-bottom:8px;font-size:11px;text-decoration:none}.vv .next{grid-template-columns:120px 1fr auto;align-items:end;gap:5vw;display:grid}.vv .next>span{color:var(--accent);font-size:90px}.vv .next h2{margin:0;font-size:clamp(40px,6vw,88px);line-height:.86}.vv .next p{font-family:Georgia,serif;font-size:20px;line-height:1.4}.vv .next strong{letter-spacing:.15em;font-size:11px}.vv-r{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(22px)}.vv-r.visible{opacity:1;transform:none}@media (width<=760px){.vv section{padding:70px 22px}.vv .hero{gap:55px;min-height:auto;padding-top:112px}.vv .meta,.vv .code{grid-template-columns:1fr 1fr}.vv .meta span:nth-child(2){display:none}.vv .title{margin:0}.vv .title h1{font-size:55px}.vv .hero-copy{grid-template-columns:1fr;gap:25px;width:100%;padding:0 0 30px}.vv .hero-copy i{width:45px}.vv .hero-copy h2{font-size:34px}.vv .code{margin-bottom:58px}.vv .code i{display:none}.vv .headline{margin-bottom:60px;font-size:44px}.vv .grid{grid-template-columns:1fr;gap:55px}.vv .grid h2{font-size:42px}.vv .statement{margin-top:75px;font-size:42px}.vv .alternatives{margin:0 0 20px 10%;padding-left:25px}.vv .alternatives p{padding:12px 0;font-size:18px}.vv .trajectory{grid-template-columns:1fr;gap:12px;min-height:auto;margin-bottom:60px}.vv .trajectory>b{font-size:30px}.vv .trajectory i{height:90px}.vv .imagined-path:before{top:38px}.vv .comparison{grid-template-columns:1fr;gap:45px;margin:0}.vv .comparison>span{font-size:35px}.vv .experiment h2{margin:35px 0 45px;font-size:41px}.vv .experiment h3{font-size:40px}.vv .experiment i{height:48px;margin:38px 0}.vv .observe article{grid-template-columns:45px 1fr;padding:28px 0}.vv .observe article p{font-size:25px}.vv .cross h2{font-size:45px}.vv .cross>p,.vv .cross>div span{margin:42px 0}.vv .cross>strong,.vv .cross>div b{font-size:43px}.vv .cross>div{margin-top:75px;padding-left:22px}.vv .links{flex-direction:column;margin-top:70px}.vv .next{grid-template-columns:1fr;gap:30px}.vv .next>span{font-size:70px}.vv .next h2{font-size:43px}.vv .next strong{margin-top:20px}}@media (prefers-reduced-motion:reduce){.vv-r{opacity:1;transition:none;transform:none}}