:root{--ink: #0b0b0d;--bone: #ece7dd;--muted: rgba(236, 231, 221, .46);--accent: #e4562f}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;overflow:hidden;background:var(--ink);color:var(--bone);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrapper{position:relative;width:100%;height:100%;z-index:-1}nav{position:fixed;top:0;left:0;width:100vw;display:flex;gap:2rem;padding:2.25em 2.25em 0}.nav-item:nth-child(1){flex:3}.nav-item:nth-child(2){flex:2;display:flex;gap:2rem}.nav-item:nth-child(2) p{flex:1}.brand{font-weight:600;font-size:.95rem;letter-spacing:.01em;color:var(--bone);margin-bottom:.85em;display:inline-flex;align-items:center}.brand .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:.5em;transform:translateY(1px)}.muted{font-weight:500;font-size:.72rem;line-height:1.5;letter-spacing:.075em;text-transform:uppercase;color:var(--muted)}.hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;pointer-events:none}.header{position:absolute;bottom:0;width:100%}.header h1{text-transform:uppercase;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:15vw;font-weight:400;color:var(--bone);text-align:center;line-height:.9;letter-spacing:-.015em;white-space:nowrap}video,img{width:100%;height:100%;object-fit:cover}.video-container,.img-container{position:absolute;width:700px;height:468px;transform:translateY(-50%);pointer-events:none;overflow:hidden}.cursor{position:absolute;width:132px;height:132px;background:var(--bone);border-radius:100%;display:flex;justify-content:center;align-items:center;color:var(--ink);z-index:-1}@media(max-width:768px){html,body{overflow-x:hidden}.video-container,.img-container{width:min(700px,88vw);height:min(468px,60vw)}nav{flex-direction:column;padding:1.5em 1.5em 0;gap:1.5em}.nav-item:nth-child(1),.nav-item:nth-child(2){flex:none}.nav-item:nth-child(2){flex-direction:column;gap:1em}.nav-item:nth-child(2) p{flex:none}.brand{font-size:1rem;margin-bottom:.6em}.muted{font-size:.68rem;letter-spacing:.07em}.hint{font-size:.64rem;letter-spacing:.12em}.cursor{display:none}.header h1{font-size:23vw;letter-spacing:-.02em}}