*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #0b0908;--paper: #f4efe6;--paper-dim: #a89f92;--ember: #e6452e;--amber: #e7b449}html{overflow-x:hidden}body{width:100%;height:500vh;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}nav{position:fixed;top:0;width:100vw;padding:1.9em 2.4em;display:flex;justify-content:space-between;align-items:center;z-index:2;mix-blend-mode:difference}.links{display:flex;align-items:center;gap:2.1em}nav a{text-decoration:none;color:var(--paper)}.links a{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;opacity:.85;transition:opacity .25s ease}.links a:hover{opacity:1}.logo a{font-size:25px;font-weight:600;letter-spacing:-.01em}.logo a sup{position:relative;top:-.85em;font-size:10px;font-weight:500}.lottie-container .animation{position:fixed;width:100vw;height:100vh;top:0;z-index:-1;overflow:hidden;filter:saturate(1.18) contrast(1.03)}.animation:after{content:"";background-image:url(/c/lottie-scroll-animation/noise.png);height:200%;width:200%;position:fixed;top:0;left:0;opacity:.09;animation:animateGrain 8s steps(10) infinite}.gradient{width:100vw;position:relative;height:200vh;background:linear-gradient(180deg,#0b090800,#0b0908b3 55%,#0b0908);z-index:1}.website-content{position:relative;width:100%;min-height:300vh;padding:12vh 2.4em 3em;background:var(--ink);color:var(--paper);z-index:1}.end-lottie{position:absolute;top:100vh;width:100%;height:1px}.content-inner{max-width:62rem}.overline{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ember);margin-bottom:1.4em}h1{font-size:clamp(46px,8.2vw,118px);font-weight:500;letter-spacing:-.035em;line-height:.96;margin:0 0 .5em}p{max-width:34ch;font-size:clamp(18px,1.4vw,22px);font-weight:400;line-height:1.65;color:var(--paper-dim)}.cta{display:inline-flex;align-items:center;gap:.55em;margin-top:2.2em;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);text-decoration:none;padding-bottom:.4em;border-bottom:1px solid rgba(244,239,230,.35);transition:border-color .25s ease,gap .25s ease}.cta:hover{border-color:var(--ember);gap:.85em}.cta span{color:var(--ember)}.studio-footer{position:absolute;left:2.4em;right:2.4em;bottom:3em;display:flex;justify-content:space-between;align-items:baseline;gap:1.5em;flex-wrap:wrap;padding-top:1.6em;border-top:1px solid rgba(244,239,230,.12);font-size:13px;letter-spacing:.06em;color:var(--paper-dim)}.studio-name{color:var(--paper);font-weight:600}.studio-mail{color:var(--paper-dim);text-decoration:none;transition:color .25s ease}.studio-mail:hover{color:var(--ember)}@media(max-width:768px){nav{padding:1.25em;align-items:center}.logo a{font-size:20px}.logo a sup{font-size:9px}.links{gap:1em}.links a{font-size:10px;letter-spacing:.08em}.website-content{padding:10vh 1.5em 2.5em}h1{font-size:clamp(38px,12vw,60px);line-height:1}p{max-width:100%;font-size:17px}.overline{margin-bottom:1em}.cta{font-size:13px}.studio-footer{left:1.5em;right:1.5em;bottom:2em;flex-direction:column;gap:.4em;font-size:12px}}@media(max-width:430px){.links{gap:.75em}.links a{letter-spacing:.04em}}@keyframes animateGrain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,-20%)}30%{transform:translate(-5%,-10%)}40%{transform:translate(-15%,-20%)}50%{transform:translate(-5%,-10%)}60%{transform:translate(-15%,-20%)}70%{transform:translate(-5%,-10%)}80%{transform:translate(-15%,-20%)}90%{transform:translate(-5%,-10%)}to{transform:translate(-15%,-20%)}}