.header-component .image{width:100%;height:100%;object-fit:cover}.header-component .header1{font-size:7.5rem;font-weight:500;letter-spacing:-.2rem;line-height:1}.header-component .paragraph{font-size:.95rem;font-weight:500}.header-component .paragraph-icon{font-size:.95rem;font-weight:500;color:var(--color-accent)}.header-component .links{text-decoration:none;color:var(--color-accent);font-size:1.5rem;font-weight:500}.header-component nav{position:fixed;top:0;left:0;width:100vw;height:100svh;pointer-events:none;overflow:hidden;z-index:999}.header-component .menu-bar{position:fixed;top:0;left:0;width:100vw;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;pointer-events:all;z-index:2;background-color:var(--color-primary);box-shadow:0 6px 14px #0000001a}.header-component .menu-logo{width:2rem;height:2rem}.header-component .menu-toggle-btn{display:flex;align-items:center;gap:1rem;cursor:pointer}.header-component .menu-toggle-label{overflow:hidden}.header-component .menu-toggle-label p{position:relative;transform:translateY(0);will-change:transform}.header-component .menu-hamburger-icon{position:relative;width:3rem;height:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;border:1px solid var(--color-light);border-radius:100%}.header-component .menu-hamburger-icon span{position:absolute;width:15px;height:1.25px;background-color:var(--color-accent);transition:all .75s cubic-bezier(.87,0,.13,1);transform-origin:center;will-change:transform}.header-component .menu-hamburger-icon span:first-child{transform:translateY(-3px)}.header-component .menu-hamburger-icon span:nth-child(2){transform:translateY(3px)}.header-component .menu-hamburger-icon.active span:first-child{transform:translateY(0) rotate(45deg) scaleX(1.05)}.header-component .menu-hamburger-icon.active span:nth-child(2){transform:translateY(0) rotate(-45deg) scaleX(1.05)}.header-component .menu-overlay,.header-component .menu-overlay-content{position:fixed;top:0;left:0;width:100vw;height:100svh;color:var(--color-accent);overflow:hidden;z-index:1}.header-component .menu-overlay{background-color:var(--color-primary);clip-path:polygon(0 0,100% 0,100% 0,0 0);will-change:clip-path}.header-component .menu-overlay-content{display:flex;transform:translateY(-50%);will-change:transform;pointer-events:all}.header-component .menu-media-wrapper{flex:2;opacity:0;will-change:opacity}.header-component .menu-media-wrapper img{opacity:.25}.header-component .menu-content-wrapper{flex:3;position:relative;display:flex}.header-component .menu-content-main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column}.header-component .menu-footer{margin:0 auto}.header-component .menu-content-main{align-items:flex-start}.header-component .menu-footer{align-items:flex-end}.header-component .menu-content-main,.header-component .menu-footer{width:75%;padding:2rem;display:flex;gap:2rem}.header-component .menu-col{text-shadow:0 1px 0 var(--tw-text-shadow-color,oklab(from rgb(0 0 0/.075) l a b/20%)),0 1px 1px var(--tw-text-shadow-color,oklab(from rgb(0 0 0/.075) l a b/20%)),0 2px 2px var(--tw-text-shadow-color,oklab(from rgb(0 0 0/.075) l a b/20%));display:flex;flex-direction:column;gap:.5rem}.header-component .menu-col:first-child{flex:3}.header-component .menu-col:nth-child(2){flex:2}.header-component .menu-link a{font-size:3.5rem;font-weight:500;line-height:1.2}.header-component .menu-footer p,.header-component .menu-tag a{color:var(--color-light)}.header-component .line{position:relative;will-change:transform}.header-component .menu-col a,.header-component .menu-link a,.header-component .menu-tag a{position:relative;text-decoration:none}.header-component .menu-col a:after,.header-component .menu-link a:after,.header-component .menu-tag a:after{position:absolute;content:"";top:102.5%;left:0;width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.6,0,.4,1)}.header-component .menu-col a:hover:after,.header-component .menu-link a:hover:after,.header-component .menu-tag a:hover:after{transform:scaleX(1);transform-origin:left}@media (max-width:1000px){.header-component .header1{font-size:3rem;letter-spacing:-.05rem}.header-component .menu-media-wrapper{display:none}.header-component .menu-content-main,.header-component .menu-footer{width:100%}.header-component .menu-content-main{top:50%;flex-direction:column;align-items:flex-start;gap:5rem}.header-component .menu-link a{font-size:3rem}.header-component .menu-tag a{font-size:1.25rem}}