html,body,#root{color:#fff;background:#000;height:100%;margin:0;font-family:system-ui,sans-serif}.intro{height:100%;transition:opacity var(--fade) ease;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.intro.exiting{opacity:0}.intro-gif{width:min(300px,90vw);height:auto}.controls{width:220px;display:grid}.controls>*{grid-area:1/1}.enter{text-align:center;color:#fff;width:100%;font:inherit;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #fff;place-self:start stretch;padding:.6rem 2rem;transition:background .2s,color .2s}.enter:hover{color:#000;background:#fff}.controls>.enter,.menu{opacity:0;pointer-events:none;transition:opacity var(--fade) ease, background .2s, color .2s}.controls>.enter.visible,.menu.visible{opacity:1;pointer-events:auto}.menu{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.site{--header-h:120px;background:#000;flex-direction:column;min-height:100%;display:flex}.header{height:var(--header-h);z-index:10;background:#000;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;inset:0 0 auto}.header-logo{height:var(--header-h);cursor:pointer;width:auto}.site{animation:site-fade-in var(--fade) ease both}.page{animation:site-fade-in var(--fade) ease backwards;transition:opacity var(--fade) ease}.page.fading{opacity:0}@keyframes site-fade-in{0%{opacity:0}to{opacity:1}}.header-links{gap:2rem;display:flex}.header-links button{color:#fff;font:inherit;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;opacity:.6;background:0 0;border:none;transition:opacity .2s}.header-links button:hover,.header-links button.active{opacity:1}.page{padding:calc(var(--header-h) + 40px) 2rem 2rem;flex:1}.footer{letter-spacing:.15em;text-transform:uppercase;opacity:.7;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-size:.8rem;display:flex}.footer a{color:#fff;transition:opacity .2s;display:flex}.footer a:hover{opacity:.6}.hamburger{cursor:pointer;background:0 0;border:none;width:28px;height:20px;padding:0;display:none;position:relative}.hamburger span{background:#fff;width:100%;height:2px;transition:transform .3s,opacity .3s;position:absolute;left:0}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:9px}.hamburger span:nth-child(3){top:18px}.hamburger.open span:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.mobile-menu{z-index:5;opacity:0;pointer-events:none;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;transition:opacity .4s;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu .enter{align-self:center;width:220px}@media (width<=768px){.site{--header-h:100px}.header{padding:0 1rem}.hamburger{display:block}.header-logo{position:absolute;left:50%;transform:translate(-50%)}.header-links{display:none}.page{padding:calc(var(--header-h) + 20px) 1rem 1rem}.footer{padding:1.5rem 1rem}}.home{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;min-height:calc(100vh - 220px);margin:0 auto;display:grid}.home-photo{width:100%;height:auto;display:block}.home-text p{opacity:.85;margin:0 0 2.5rem;font-size:1.05rem;line-height:1.8}.home-buttons{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=768px){.home{grid-template-columns:1fr;gap:2rem;min-height:0}.home-buttons{flex-direction:column}}