*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #1e1913;--muted: #8a8175;--cream: #edebde;--paper: #fffef8;--amber: #e9822f;--teal: #2f9c9c}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink)}img{width:100%;height:100%;object-fit:cover}nav{position:fixed;top:0;left:0;width:100vw;padding:2em;display:flex;gap:4em;z-index:2}.logo{flex:3}.logo-img{width:104px}.tagline,.about{flex:1}nav p{font-size:.82rem;font-weight:500;line-height:1.4;letter-spacing:-.005em;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}nav p span{color:var(--muted)}section{position:relative;width:100vw;height:100vh;overflow:hidden}h1{text-transform:uppercase;font-size:4vw;font-weight:500;color:var(--ink)}.hero,.outro{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--cream)}.hero h1,.outro h1{text-transform:none;font-size:clamp(1.7rem,3.4vw,3.25rem);font-weight:500;letter-spacing:-.02em;color:var(--ink)}.outro-note{margin-top:1.1em;font-size:.8rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.sticky{background-color:var(--paper)}.titles{position:absolute;top:0%;left:0%;width:400vw;height:100vh;display:flex;will-change:transform}.title{position:relative;flex:1;display:flex;justify-content:center;align-items:center}.title h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(3.25rem,9vw,12rem);font-style:italic;font-weight:800;letter-spacing:-.035em;white-space:nowrap;will-change:transform}h1.title-1{color:var(--amber)}h1.title-2{color:var(--teal)}h1.title-3{color:var(--ink)}.images{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200vw;height:200vh;transform-style:preserve-3d;perspective:2000px;z-index:-1}.card{position:absolute;width:200px;height:200px;border-radius:1.25em;background:#ded9c9;box-shadow:0 30px 60px -20px #1e191359;transform-style:preserve-3d;will-change:transform;overflow:hidden}@media(max-width:768px){nav{flex-wrap:wrap;gap:.9em 1.25em;padding:1.25em}.logo{flex:1 1 100%}.logo-img{width:84px}.tagline,.about{flex:1 1 45%;min-width:0}nav p{font-size:.78rem;line-height:1.35}.title h1{font-size:clamp(2.75rem,15vw,6rem);letter-spacing:-.03em}.hero h1,.outro h1{font-size:clamp(1.5rem,6.5vw,2.25rem);text-align:center;padding:0 1rem}.outro-note{font-size:.72rem;text-align:center;padding:0 1.5rem}.card{width:150px;height:150px;border-radius:1em}}