:root{--color-background: #000000;--color-text: #000000;--color-beige: #f5f2ed;--color-blue: #3a7ca5;--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);line-height:1.4}#root{height:100vh;width:100vw}.text-block h1,.text-block h2,.subtitle,.footer,.nav-link{text-shadow:0 1px 3px rgba(0,0,0,.2)}.hero{min-height:100vh;width:100vw;background-image:url(/assets/giraffe_big-rwhPw3uG.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--color-background);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero-content{display:flex;flex-direction:column;align-items:flex-end;padding:clamp(1rem,3vh,3rem) clamp(1rem,4vw,4rem) 0;flex:1;justify-content:flex-start}.title{font-family:var(--font-serif);font-size:clamp(3rem,8vw,8rem);letter-spacing:1px;margin-bottom:4rem;color:#fff;text-align:right;font-weight:700}.tagline{font-family:var(--font-serif);font-size:clamp(2rem,6vw,6rem);text-align:right;font-weight:500;margin-bottom:1rem;line-height:1.2;color:#fff;margin-top:10rem}.tagline{font-family:var(--font-serif);font-size:clamp(1.8rem,4.5vw,5rem);font-weight:500;text-align:right;line-height:1.1;color:#fff;margin-top:auto;margin-bottom:clamp(.5rem,2vh,1rem);text-shadow:0 2px 8px rgba(0,0,0,.3)}.tagline-item{display:block}.subtitle{font-family:var(--font-serif);font-size:clamp(.7rem,1.5vw,1.2rem);letter-spacing:.3px;font-weight:400;text-align:right;margin-bottom:8rem;color:#fff;padding:1rem 0 0}.hero-footer{display:flex;flex-direction:column;align-items:flex-end;padding:0 clamp(1rem,4vw,4rem) clamp(1rem,3vh,3rem);gap:clamp(.5rem,2vh,1rem)}.navigation{display:flex;gap:clamp(1.5rem,4vw,3rem);margin-bottom:clamp(.5rem,1vh,1rem)}.nav-link{font-family:var(--font-serif);font-size:clamp(1rem,2.5vw,2rem);font-weight:500;color:#fff;text-decoration:none;position:relative;cursor:pointer;transition:color .3s ease;background:none;border:none;padding:0}.nav-link:hover{color:var(--color-blue)}.nav-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#fff;transition:width .3s ease}.nav-link:hover:after{width:100%}.footer{font-family:var(--font-serif);letter-spacing:.3px;text-align:right;font-size:clamp(.7rem,1.5vw,1.2rem);color:#fff;margin-top:.5rem}.footer a{font-family:var(--font-serif);color:#fff;text-decoration:none;letter-spacing:.3px;position:relative;transition:color .3s ease;padding:0}.footer a:hover{color:var(--color-blue)}.footer a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#fff;transition:width .3s ease}.footer a:hover:after{width:100%}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--color-beige);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.overlay.active{opacity:1;pointer-events:auto}.overlay-content{max-width:min(90vw,800px);padding:clamp(1.5rem,4vw,3rem);text-align:center}.overlay-title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--color-beige);margin-bottom:clamp(1rem,3vh,2rem);letter-spacing:.02em}.overlay-text{font-family:var(--font-serif);font-size:clamp(1rem,2.5vw,1.8rem);font-weight:400;color:var(--color-beige);line-height:1.6;letter-spacing:.01em}.overlay-text a{font-family:var(--font-serif);color:var(--color-beige);letter-spacing:.3px;text-decoration:none;font-weight:400;cursor:pointer;transition:color .3s ease;position:relative}.overlay-text a:hover{color:var(--color-blue)}.overlay-text a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--color-blue);transition:width .3s ease}.overlay-text a:hover:after{width:100%}.close-button{position:absolute;top:2rem;right:2rem;font-size:4rem;background:none;border:none;cursor:pointer;transition:transform .3s ease;color:var(--color-beige)}.close-button:hover{transform:rotate(90deg)}@media (max-width: 768px){.hero{background-position:center;background-color:#a7c4c9;overflow:hidden;background-size:cover}.hero-content{padding:1rem;align-items:center;margin-top:2rem}.hero-footer{padding:2rem;align-items:center;margin-bottom:2rem}.title{font-size:3rem;margin-bottom:0;text-align:center;line-height:1}.tagline{font-size:2.5rem;text-align:center;padding:0;margin-top:40vh;line-height:1.1}.tagline-item{display:block}.subtitle{text-align:center;font-size:.75rem;padding:0;margin-top:.5rem;margin-bottom:0}.navigation{justify-content:center;gap:6rem;margin-bottom:1rem}.nav-link{font-size:1.5rem}.footer{text-align:center;font-size:.75rem}.footer a{padding:0}}@media (max-width: 470px){.hero-content,.hero-footer{padding:1rem}.title{font-size:2.2rem}.tagline{font-size:2.2rem;margin-top:30vh}.navigation{gap:1.5rem}.nav-link{font-size:1rem}.subtitle,.footer a{font-size:.8rem}}