:root{--ink:#25282b;--paper:#eeeae1;--asphalt:#465057;--amber:#d5a74c;--moss:#788573;--brick:#a85e49;--line:rgba(37,40,43,.17);--round:"Nunito Sans",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--round)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}header{height:76px;position:fixed;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:white;mix-blend-mode:difference}.brand{display:flex;align-items:center;gap:11px;font-weight:650}.round-mark{width:31px;height:31px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:12px}nav{display:flex;gap:30px;font-size:12px}.header-cta{font:11px var(--mono);text-transform:uppercase}.header-cta span{margin-left:12px}.crossing{height:280vh}.crossing-sticky{height:100vh;position:sticky;top:0;overflow:hidden;background:#333}.crossing img{position:absolute;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.02 + var(--p,0)*.16));filter:blur(calc((1 - var(--focus,0))*2.5px)) saturate(.72) contrast(1.03);will-change:transform,filter}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,27,30,.8) 0%,rgba(24,27,30,.36) 47%,rgba(24,27,30,.08) 75%);opacity:calc(1 - var(--p,0)*.35)}.traffic{position:absolute;height:2px;background:rgba(255,255,255,.55);width:22vw;right:0;top:30%;transform:translateX(calc(var(--p,0)*-180vw));opacity:calc(.9 - var(--p,0)*.8)}.traffic-b{top:72%;width:34vw;transform:translateX(calc(var(--p,0)*-140vw));background:var(--amber)}.hero-copy{position:absolute;z-index:4;left:6vw;top:50%;transform:translateY(-46%);color:white;max-width:850px;opacity:calc(1 - var(--p,0)*1.7)}.hero-copy h1{font-size:clamp(62px,7.4vw,116px);line-height:.88;letter-spacing:-.07em;margin:0;font-weight:550}.hero-copy p{font-size:17px;line-height:1.7;max-width:560px;margin-top:34px;opacity:.8}.scroll-cue{position:absolute;z-index:5;bottom:28px;left:6vw;color:white;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.scroll-cue i{margin-left:12px;font-style:normal}.freeze-copy{position:absolute;z-index:4;left:6vw;bottom:10vh;color:white;opacity:0;transform:translateY(16px);transition:.4s}.freeze-copy.show{opacity:1;transform:none}.freeze-copy span,.freeze-copy strong{display:block}.freeze-copy span{font-size:20px}.freeze-copy strong{font-size:clamp(35px,4vw,60px);letter-spacing:-.05em;margin-top:10px}.pause-ring{position:absolute;z-index:4;width:170px;height:170px;border:1px solid rgba(255,255,255,.8);border-radius:50%;right:25%;top:43%;display:grid;place-items:center;color:white;opacity:0;transform:scale(1.6);transition:.5s}.pause-ring.show{opacity:1;transform:scale(1)}.pause-ring span{font:10px var(--mono);text-transform:uppercase}.still{padding:140px 7vw}.still-title{display:grid;grid-template-columns:1fr .7fr;gap:12vw;align-items:end}.still h2,.reflection h2,.end h2{font-size:clamp(52px,6.5vw,94px);line-height:.94;letter-spacing:-.065em;margin:0;font-weight:550}.still-title p,.reflection-head p{font-size:17px;line-height:1.7;color:rgba(37,40,43,.65)}blockquote{font-size:clamp(32px,4vw,58px);line-height:1.15;letter-spacing:-.04em;text-align:center;margin:150px auto;max-width:900px;color:var(--brick)}.three-views{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.three-views article{padding:32px;border-right:1px solid var(--line)}.three-views article:first-child{padding-left:0}.three-views span{font:9px var(--mono);opacity:.5}.three-views svg{display:block;width:52px;margin:45px 0;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round}.three-views h3{font-size:25px}.three-views p{line-height:1.65;color:rgba(37,40,43,.62)}.look{background:var(--asphalt);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:start}.look-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.crop{position:absolute;inset:0}.crop img{width:100%;height:100%;object-fit:cover;object-position:66% center;filter:saturate(.6) contrast(1.05)}.crop:after{content:"";position:absolute;inset:0;background:rgba(30,36,39,.22)}.look-sticky>p{position:absolute;z-index:2;left:45px;bottom:45px;font-size:24px;line-height:1.3}.look-stories{padding:100px 7vw}.look-stories article{min-height:75vh;padding:60px 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:center}.look-stories small{font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#e0b55f}.look-stories h3{font-size:clamp(35px,4vw,58px);line-height:1.02;letter-spacing:-.05em;margin:35px 0}.look-stories p{line-height:1.7;color:rgba(255,255,255,.65);max-width:520px}.look-stories strong{font-size:12px;margin-top:8px}.reflection{padding:140px 7vw}.reflection-head{display:grid;grid-template-columns:1fr .6fr;gap:12vw;align-items:end}.steps{max-width:960px;margin:100px auto 0}.step{display:none;background:white;padding:55px}.step.active{display:block;animation:in .4s both}@keyframes in{from{opacity:0;transform:translateY(12px)}}.step>span,.reflection-result>span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.step h3{font-size:30px;margin:30px 0}.step>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.step button{border:1px solid var(--line);background:transparent;border-radius:100px;padding:16px;cursor:pointer}.step button:hover{background:var(--ink);color:white}.reflection-result{background:#d7c8bb;padding:55px;display:none}.reflection-result.show{display:block}.reflection-result h3{font-size:39px;letter-spacing:-.04em;margin:28px 0 12px}.reflection-result p{line-height:1.65;max-width:580px}.reflection-result a{display:inline-block;background:var(--ink);color:white;border-radius:100px;padding:17px 22px;margin-top:25px;font:10px var(--mono);text-transform:uppercase}.reflection-result b{margin-left:20px}.end{min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#c4c8b8;position:relative}.end p{font-size:18px;line-height:1.6}.quiet-line{width:1px;height:100px;background:var(--ink);margin-bottom:50px}footer{height:110px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font:9px var(--mono);text-transform:uppercase}@media(max-width:850px){nav{display:none}.hero-copy{left:22px;right:22px}.hero-copy h1{font-size:56px}.still,.reflection{padding:90px 22px}.still-title,.reflection-head{grid-template-columns:1fr}.three-views{grid-template-columns:1fr}.three-views article{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.look{grid-template-columns:1fr}.look-sticky{height:70vh;position:relative}.look-stories{padding:40px 22px}.step{padding:35px 22px}.step>div{grid-template-columns:1fr}.reflection-result{padding:35px 22px}footer{height:auto;min-height:150px;flex-direction:column;justify-content:center;gap:14px}.pause-ring{right:10%}.freeze-copy{left:22px;right:22px}.still h2,.reflection h2,.end h2{font-size:54px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;scroll-behavior:auto!important}}