header.site-home-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:.8rem clamp(1rem,4vw,4rem);background:rgba(247,243,232,.94);border-bottom:3px solid #111;backdrop-filter:blur(12px)}
header.site-home-header .brand{display:inline-flex;flex-direction:column;align-items:flex-end;text-decoration:none} header.site-home-header .brand-established{margin-top:.4rem;color:#111;font-size:.75rem;font-weight:600;line-height:1.3;letter-spacing:.015em;white-space:nowrap} header.site-home-header .mini-logo{display:inline-flex;align-items:baseline;gap:.08em;font-family:"Arial Black","Avenir Next",sans-serif;font-size:clamp(1rem,2vw,1.4rem);font-weight:900;line-height:1;letter-spacing:-.09em;text-transform:uppercase;transform:rotate(-2deg)} header.site-home-header .mini-blue,header.site-home-header .mini-studio{color:#3457d5;-webkit-text-stroke:1px #111} header.site-home-header .mini-skye{position:relative;z-index:2;color:transparent;background:linear-gradient(105deg,#ef233c 0%,#ff7a00 16%,#ffd400 30%,#65c843 44%,#17c6c8 58%,#2e6bff 72%,#7e3fb2 86%,#f02d9c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px #111;transform:scale(1.13) rotate(-4deg)}
header.site-home-header .site-home-nav{display:flex;align-items:center;gap:.4rem} header.site-home-header .site-home-nav>a,header.site-home-header .nav-drop>button{padding:.72rem .9rem;border:0;background:transparent;color:#111;text-decoration:none;font-family:"Avenir Next","Century Gothic",Futura,"Trebuchet MS",sans-serif;font-size:.87rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease} header.site-home-header .site-home-nav>a:hover,header.site-home-header .site-home-nav>a:focus-visible,header.site-home-header .nav-drop>button:hover,header.site-home-header .nav-drop>button:focus-visible{background:#ffc63d;border-radius:999px;box-shadow:3px 3px 0 #ffd52f;outline:none;transform:rotate(-2deg) translateY(-1px)} header.site-home-header .nav-drop{position:relative} header.site-home-header .nav-drop>button:after{content:" ↓"} header.site-home-header .drop-menu{position:absolute;right:0;top:calc(100% - 1px);display:none;width:205px;padding:.45rem;background:#f7f3e8;border:3px solid #111;box-shadow:7px 7px 0 #111} header.site-home-header .nav-drop:hover .drop-menu,header.site-home-header .nav-drop:focus-within .drop-menu,header.site-home-header .nav-drop.open .drop-menu{display:block} header.site-home-header .drop-menu a{display:block;padding:.8rem;color:#111;text-decoration:none;border-radius:99px;font-size:.87rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase} header.site-home-header .drop-menu a:hover,header.site-home-header .drop-menu a:focus{background:#b8f537;outline:none} header.site-home-header .menu-toggle{display:none;border:3px solid #111;background:#ffc63d;color:#111;padding:.6rem .8rem;box-shadow:3px 3px 0 #111;font:inherit;font-weight:800}
@media (min-width:851px) and (max-width:1150px){header.site-home-header{flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;padding:.55rem 1.25rem .65rem}header.site-home-header .brand{justify-content:center}header.site-home-header .site-home-nav{width:100%;justify-content:center;padding-top:.35rem;border-top:2px solid #111}header.site-home-header .site-home-nav>a,header.site-home-header .nav-drop>button{padding:.55rem .82rem}}
@media (max-width:850px){header.site-home-header .menu-toggle{display:block}header.site-home-header .site-home-nav{position:absolute;top:100%;left:0;right:0;display:none;padding:1rem;background:#f7f3e8;border-bottom:3px solid #111}header.site-home-header .site-home-nav.open{display:grid}header.site-home-header .site-home-nav>a,header.site-home-header .nav-drop>button{text-align:left;font-size:1rem}header.site-home-header .nav-drop{display:grid}header.site-home-header .drop-menu{position:static;width:100%;box-shadow:none;margin-top:.2rem}}
