.hud-card{--arwes-frames-bg-color: hsl(180 60% 6% / 55%);--arwes-frames-bg-stroke: hsl(165 80% 25% / 35%);--arwes-frames-line-color: hsl(165, 80%, 25%);--arwes-frames-line-filter: drop-shadow(0 0 2px hsl(165 80% 30% / 60%));color:#0d7359}.hud-card--accent{--arwes-frames-bg-color: hsl(165 100% 50% / 5%);--arwes-frames-bg-stroke: hsl(165 100% 50% / 22%);--arwes-frames-line-color: hsl(165, 100%, 50%);--arwes-frames-line-filter: drop-shadow(0 0 4px hsl(165 100% 50% / 55%))}.hud-card:hover,.hud-card-link:hover .hud-card,.hud-card-link:focus-visible .hud-card{--arwes-frames-line-color: hsl(165, 100%, 50%);--arwes-frames-line-filter: drop-shadow(0 0 6px hsl(165 100% 50% / 70%));--arwes-frames-bg-color: hsl(165 100% 50% / 6%)}.hud-card-link{display:block;color:inherit;text-decoration:none;outline:none}a.hud-card-link:hover,a.hud-button:hover{opacity:1}.hud-card-link:focus-visible{outline:1px dashed hsl(165,100%,50%);outline-offset:4px}.hud-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:Share Tech Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;background:none;border:none;color:#00ffbf;--arwes-frames-bg-color: hsl(165 100% 50% / 6%);--arwes-frames-line-color: hsl(165, 60%, 35%);--arwes-frames-line-filter: none}.hud-button svg [data-name]{transition:fill .2s,stroke .2s,filter .2s}.hud-button>.hud-button__label{position:relative;z-index:1}.hud-button--primary{color:#02100d;--arwes-frames-bg-color: hsl(165, 100%, 50%);--arwes-frames-line-color: hsl(165, 100%, 50%)}.hud-button:hover,.hud-button:focus-visible,.hud-card-link:hover .hud-button,.hud-card-link:focus-visible .hud-button{--arwes-frames-bg-color: hsl(165 100% 50% / 14%);--arwes-frames-line-color: hsl(165, 100%, 50%);--arwes-frames-line-filter: drop-shadow(0 0 5px hsl(165 100% 50% / 70%))}.hud-button--primary:hover,.hud-button--primary:focus-visible{--arwes-frames-bg-color: hsl(165, 100%, 62%);--arwes-frames-line-filter: drop-shadow(0 0 8px hsl(165 100% 50% / 80%))}.hud-button:focus-visible{outline:1px dashed hsl(165,100%,50%);outline-offset:4px}.link-tile__icon{color:#0f8a6b;transition:color .2s,filter .2s}.link-tile__label{color:#c9e8e0;transition:color .2s}.link-tile__arrow{color:#00ffbf;transition:transform .25s ease-out,filter .25s}.hud-card-link:hover .link-tile__icon,.hud-card-link:focus-visible .link-tile__icon{color:#00ffbf;filter:drop-shadow(0 0 4px hsl(165 100% 50% / 60%))}.hud-card-link:hover .link-tile__label,.hud-card-link:focus-visible .link-tile__label{color:#00ffbf}.hud-card-link:hover .link-tile__arrow,.hud-card-link:focus-visible .link-tile__arrow{transform:translate(3px,-3px);filter:drop-shadow(0 0 4px hsl(165 100% 50% / 70%))}.hud-panel{--arwes-frames-bg-color: hsl(180 60% 6% / 45%);--arwes-frames-line-color: hsl(165 100% 50% / 75%);--arwes-frames-line-filter: drop-shadow(0 0 3px hsl(165 100% 50% / 45%));color:#0d7359}.hud-image{--arwes-frames-bg-color: transparent;--arwes-frames-line-color: hsl(165, 100%, 50%);--arwes-frames-line-filter: drop-shadow(0 0 4px hsl(165 100% 50% / 60%))}.hud-image svg{pointer-events:none}.hud-image__label{position:absolute;left:10px;bottom:8px;padding:2px 6px;font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:.15em;color:#00ffbf;background:#020c0cbf;border-left:2px solid hsl(165,100%,50%)}.hud-button--sm{padding:7px 16px;font-size:12px}.hud-button--accent{color:#fc3;--arwes-frames-bg-color: hsl(45 100% 60% / 6%);--arwes-frames-line-color: hsl(45, 100%, 60%)}.hud-button--accent:hover,.hud-button--accent:focus-visible{--arwes-frames-bg-color: hsl(45 100% 60% / 16%);--arwes-frames-line-color: hsl(45, 100%, 65%);--arwes-frames-line-filter: drop-shadow(0 0 6px hsl(45 100% 60% / 70%))}.hud-nav-link{position:relative;padding:6px 12px;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6aaf9d;transition:color .2s,text-shadow .2s;--arwes-frames-bg-color: transparent;--arwes-frames-line-color: hsl(165, 100%, 50%)}.hud-nav-link svg{opacity:0;transition:opacity .2s}a.hud-nav-link:hover{opacity:1;color:#00ffbf}.hud-nav-link:hover svg{opacity:.5}.hud-nav-link.is-active{color:#00ffbf;text-shadow:0 0 8px hsl(165 100% 50% / 45%);--arwes-frames-bg-color: hsl(165 100% 50% / 6%);--arwes-frames-line-filter: drop-shadow(0 0 3px hsl(165 100% 50% / 60%))}.hud-nav-link.is-active svg{opacity:1}.hud-nav-link:focus-visible{outline:1px dashed hsl(165,100%,50%);outline-offset:2px}button.hud-image{padding:0;margin:0;border:0;background:none;width:100%;font:inherit;color:inherit}.instagram-grid .grid-item.hud-image{overflow:visible}.hud-image--interactive{cursor:pointer;--arwes-frames-line-color: hsl(165, 70%, 32%);--arwes-frames-line-filter: none}.hud-image--interactive img{transition:transform .3s ease-out,filter .3s}.hud-image--interactive:hover,.hud-image--interactive:focus-visible,.hud-frame-trigger:hover .hud-image--interactive,.hud-frame-trigger:focus-visible .hud-image--interactive{--arwes-frames-line-color: hsl(165, 100%, 50%);--arwes-frames-line-filter: drop-shadow(0 0 5px hsl(165 100% 50% / 70%))}.hud-image--interactive:hover img,.hud-frame-trigger:hover .hud-image--interactive img{transform:scale(1.04)}.hud-image--interactive:focus-visible{outline:1px dashed hsl(165,100%,50%);outline-offset:3px}a.hud-frame-trigger:hover{opacity:1}.hud-panel--subtle{--arwes-frames-bg-color: hsl(180 60% 6% / 35%);--arwes-frames-line-color: hsl(165 70% 40% / 55%);--arwes-frames-line-filter: none}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:dense;gap:var(--grid-gap, .75rem)}@media(min-width:640px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min, 200px),1fr))}}.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}@media(min-width:640px){.instagram-grid{gap:6px}}.instagram-grid .grid-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer}.instagram-grid .grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.instagram-grid .grid-item:hover img{transform:scale(1.04)}
