*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fff;font-family:'Inter Tight',sans-serif;min-height:100vh;display:flex;flex-direction:column}header{padding:1.5rem;display:flex;flex-direction:column;gap:2rem;width:100%}.title-section h1{font-size:4rem;font-weight:500;letter-spacing:2px;line-height:.9;margin:0}.title-section h1 a{color:#fff;text-decoration:none;display:inline-block;transition:transform 0.3s ease}.title-section h1 a:hover{transform:scale(1.03)}.subtitle{font-weight:100;font-size:1rem;letter-spacing:1px;line-height:1.5;margin-top:1rem}nav{width:100%;display:flex;justify-content:space-between;gap:2rem;font-weight:200}nav a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:100;transition:all 0.3s ease;position:relative}nav a:hover{opacity:1;color:#fff}nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:#fff;transition:width 0.3s ease}nav a:hover::after{width:100%}nav a.active{font-weight:500}footer{text-align:center;padding:1rem;font-size:.9rem;opacity:.7;font-weight:200}@media (max-width:850px){header{padding:1.5rem}.title-section h1{font-size:4rem}nav{width:100%;justify-content:space-between;gap:2rem}}@media (min-width:851px){header{flex-direction:row;justify-content:space-between;align-items:flex-start;padding:2rem}.title-section h1{font-size:5rem}nav{width:auto;padding-top:.5rem;gap:6rem}}@media (min-width:992px){header{padding:2rem 4rem}.title-section h1{font-size:6rem}}@media (min-width:1200px){.title-section h1{font-size:7rem}}