@font-face{font-family:YoureGone;src:url(/assets/YoureGone-CRl4V0-h.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--green:#1a8c00;--green-dark:#004d00;--green-light:#0b0;--gold:#f0b060;--gold-light:#f8cc8a;--violet:#c96aff;--violet-dim:#c96aff29;--bg:#071a00;--bg-surface:#0e2e00;--bg-alt:#163800;--text:#e8f0e0;--text-muted:#7a9a78;--border:#00800047;--border-gold:#f0b06080;--font-brand:"Sarina", serif;--font-dba:"YoureGone", "Syncopate", sans-serif;--font-body:"Chakra Petch", sans-serif;--nav-h:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--gold);background:var(--bg);font-size:1rem;line-height:1.75;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-dba);color:var(--violet)}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover,a:focus-visible{color:var(--gold-light)}.skip-link{background:var(--green);color:#fff;z-index:9999;border-radius:0 0 4px;padding:8px 16px;font-size:.85rem;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.navbar{z-index:1000;width:100%;height:var(--nav-h);-webkit-backdrop-filter:blur(10px);padding:.5rem 0;transition:background-color .3s,border-color .3s;position:fixed;top:0;background-color:#071a001a!important}.navbar.scrolled{border-bottom-color:var(--border);background-color:#071a004d!important}.navbar-toggler{border-color:#00800061}.navbar-toggler-icon{filter:invert(.65)sepia()hue-rotate(80deg)}.nav-link{font-family:var(--font-body);letter-spacing:.1em;padding-bottom:4px;font-size:.9rem;font-weight:400;transition:color .2s;position:relative;color:var(--text)!important}.nav-link:after{content:"";background:var(--gold);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover,.nav-link.active{font-weight:700;color:var(--gold)!important}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}.btn-aloha{font-family:var(--font-body);letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);border:2px solid var(--gold);color:var(--gold);cursor:pointer;white-space:nowrap;background:#ffffff12;border-radius:50px;align-items:center;gap:8px;padding:.75rem 2.2rem;font-size:.8rem;font-weight:700;transition:background .25s,color .25s,border-color .25s;display:inline-flex;text-decoration:none!important}.btn-aloha:hover,.btn-aloha:focus-visible{-webkit-backdrop-filter:none;backdrop-filter:none;outline:none;background:var(--gold)!important;color:var(--bg)!important;border-color:var(--gold)!important;text-decoration:none!important}#hero{text-align:center;min-height:100svh;padding:calc(var(--nav-h) + 1.5rem) 1.5rem 3rem;background:linear-gradient(155deg,#071a00 0%,#0d3300 45%,#071a00 100%);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;display:flex;position:relative;overflow:hidden}#hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#00640021 0%,#0000 68%);width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-logo-container{aspect-ratio:1;z-index:1;flex-shrink:0;width:min(640px,min(88vw,100svh - 200px));position:relative}#hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}section{padding:5rem 0}.section-rule{background:var(--green);border-radius:2px;width:40px;height:3px;margin:0 auto .65rem}.section-title{color:var(--violet);text-align:center;margin-bottom:.35rem;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:400;line-height:1.2;font-family:YoureGone,Syncopate,sans-serif!important}.section-sub{font-family:var(--font-body);color:var(--text-muted);text-align:center;letter-spacing:.12em;margin-bottom:2.5rem;font-size:.95rem}.intro-banner{border:1.5px solid var(--border-gold);text-align:left;background:#f0b06012;border-radius:10px;flex-direction:column;gap:.75rem;max-width:780px;margin:0 auto 2rem;padding:1rem 1.5rem;display:flex}.banner-note{align-items:flex-start;gap:.75rem;display:flex}.banner-note .fa{color:var(--gold);flex-shrink:0;margin-top:2px;font-size:1.1rem}.banner-note p{color:var(--gold-light);letter-spacing:.06em;margin:0;font-size:.95rem;line-height:1.75}.banner-note strong{color:var(--gold)}.serv-sticky-nav{top:var(--nav-h);z-index:900;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#071a00e6;flex-wrap:wrap;justify-content:flex-end;gap:1.5rem;margin-bottom:2.5rem;padding:.55rem 0;display:flex;position:sticky}.serv-sticky-link{font-family:var(--font-body);color:var(--text);letter-spacing:.08em;border-radius:4px;padding:.3rem .9rem;font-size:.8rem;font-weight:400;text-decoration:none;transition:color .2s;position:relative}.serv-sticky-link:after{content:"";background:var(--gold);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.serv-sticky-link:hover,.serv-sticky-link.active{font-weight:700;color:var(--gold)!important}.serv-sticky-link:hover:after,.serv-sticky-link.active:after{width:80%}.port-sticky-nav{top:var(--nav-h);z-index:900;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#071a00e6;flex-wrap:wrap;justify-content:flex-end;gap:1.5rem;margin-bottom:2.5rem;padding:.55rem 0;display:flex;position:sticky}.port-sticky-link{font-family:var(--font-body);color:var(--text);letter-spacing:.08em;border-radius:4px;padding:.3rem .9rem;font-size:.8rem;font-weight:400;text-decoration:none;transition:color .2s;position:relative}.port-sticky-link:after{content:"";background:var(--gold);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.port-sticky-link:hover,.port-sticky-link.active{font-weight:700;color:var(--gold)!important}.port-sticky-link:hover:after,.port-sticky-link.active:after{width:80%}.dba-section{max-width:900px;margin:0 auto 3.5rem}.dba-title,.sub-dba-title{color:var(--violet);border-bottom:1px solid var(--border);margin-bottom:.35rem;padding-bottom:.5rem;font-weight:400;font-family:YoureGone,Syncopate,sans-serif!important}.dba-title{margin-bottom:1.5rem;font-size:clamp(1.4rem,2.5vw,1.9rem)}.sub-dba-title{border-bottom:1px dashed var(--border);margin:0 0 1.2rem;padding-bottom:.4rem;font-size:clamp(1.1rem,2vw,1.5rem)}.dba-desc{color:var(--text-muted);margin-bottom:1.4rem;font-size:.95rem}.single-card{background:var(--bg-surface);border:1.5px solid var(--border);cursor:pointer;opacity:0;border-radius:12px;flex-direction:column;gap:.35rem;margin-bottom:.65rem;padding:1.1rem 1.35rem;transition:background .22s,border-color .22s,box-shadow .22s,opacity .35s,transform .35s;display:flex;transform:translateY(14px);box-shadow:0 2px 14px #00000047}.single-card.visible{opacity:1;transform:translateY(0)}.single-card:hover{background:var(--bg-alt);border-color:var(--border-gold);box-shadow:0 5px 22px #f0b06014}.card-header{align-items:center;gap:1rem;display:flex;position:relative}.card-icon{width:38px;height:38px;color:var(--green-light);background:#0080001a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-icon .fa{font-size:1.15rem}.card-title{font-family:var(--font-body);color:var(--gold);margin:0;font-size:1.05rem;font-weight:700}.tag-row-horizontal{flex-wrap:wrap;gap:6px;margin-top:.4rem;display:flex}.tag-pill{font-family:var(--font-body);letter-spacing:.07em;color:var(--green-light);white-space:nowrap;background:#0080001f;border:1px solid #00800047;border-radius:4px;padding:2px 7px;font-size:.65rem;font-weight:700}.card-expand-body{opacity:0;max-height:0;transition:max-height .4s,opacity .3s,margin-top .3s;overflow:hidden}.single-card.expanded .card-expand-body{opacity:1;max-height:800px;margin-top:.8rem}.card-body-text{font-family:var(--font-body);color:var(--text);margin:0 0 .8rem;font-size:.95rem;line-height:1.75}.tag-list-vertical{grid-template-columns:1fr 2fr;align-items:start;gap:.6rem;display:grid}.tag-item-vert{display:contents}.tag-label{font-family:var(--font-body);color:var(--gold);white-space:nowrap;font-size:.75rem;font-weight:700}.tag-desc{font-family:var(--font-body);color:var(--text-muted);font-size:.85rem}.expand-indicator{color:var(--gold);font-size:.8rem;transition:transform .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.single-card.expanded .expand-indicator{transform:translateY(-50%)rotate(180deg)}#portfolio{background:linear-gradient(180deg, var(--bg) 0%, #0a2200 100%)}.port-section{margin-bottom:3.5rem;max-width:1100px;margin-inline:auto}.port-section:last-child{margin-bottom:0}.port-section-title{font-family:var(--font-dba);color:var(--gold);border-bottom:1px solid var(--border);margin-bottom:1.1rem;padding-bottom:.45rem;font-size:clamp(1.1rem,2.2vw,1.55rem)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.gallery-card{background:var(--bg-surface);border:1.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;border-radius:10px;transition:background .22s,border-color .22s,box-shadow .22s,opacity .35s,transform .35s;overflow:hidden;transform:translateY(10px)}.gallery-card.visible{opacity:1;transform:translateY(0)}.gallery-card:hover{background:var(--bg-alt);border-color:var(--border-gold);box-shadow:0 4px 18px #f0b0601a}.gallery-img-wrap{width:100%;padding-top:62%;position:relative;overflow:hidden}.gallery-img{background-position:50%;background-size:cover;transition:transform .5s;position:absolute;inset:0}.gallery-card:hover .gallery-img{transform:scale(1.2)}.gallery-protect{z-index:2;cursor:pointer;background:0 0;position:absolute;inset:0}.gallery-caption{padding:.7rem .9rem}.gallery-title{font-family:var(--font-body);color:var(--gold);margin-bottom:3px;font-size:.95rem;font-weight:700;display:block}.gallery-cat{font-family:var(--font-body);letter-spacing:.1em;color:var(--text-muted);font-size:.65rem;font-weight:700}.lightbox-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;animation:.22s forwards lbFadeIn;display:flex;position:fixed;inset:0}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;max-width:90vw;max-height:90vh;animation:.28s forwards lbImgIn;box-shadow:0 0 60px #000c}@keyframes lbImgIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-close{border:1.5px solid var(--border-gold);width:46px;height:46px;color:var(--gold);cursor:pointer;z-index:10000;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:background .2s,color .2s;display:flex;position:fixed;top:1.25rem;right:1.25rem}.lightbox-close:hover,.lightbox-close:focus-visible{background:var(--gold);color:var(--bg);outline:none}#about{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-inner{text-align:center;max-width:680px;margin:0 auto}.about-logo{object-fit:contain;width:88px;height:88px;margin:0 auto 1.25rem;display:block}.about-name{font-family:var(--font-dba);color:var(--gold);margin-bottom:5px;font-size:1.5rem}.about-role{font-family:var(--font-body);letter-spacing:.14em;color:var(--green-light);margin-bottom:1.35rem;font-size:.7rem}.about-body{font-family:var(--font-body);color:var(--text);margin-bottom:1.35rem;font-size:1rem;line-height:1.95}#platforms{background:var(--bg);padding:4rem 0}.platforms-heading{font-family:var(--font-dba);color:var(--violet);text-align:center;margin-bottom:.35rem;font-size:clamp(1.3rem,3vw,1.9rem)}.platforms-location{font-family:var(--font-body);letter-spacing:.18em;color:#00c80080;text-align:center;margin-bottom:2.5rem;font-size:.7rem}.platforms-grid{flex-wrap:wrap;justify-content:center;gap:14px;max-width:820px;margin:0 auto;display:flex}.platform-link{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:100px;height:100px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.platform-link:hover{border-color:var(--gold);background:var(--bg-alt)}.platform-icon{color:var(--text-muted);font-size:2rem;transition:color .2s}.platform-link:hover .platform-icon{color:var(--gold)}.platform-name{background:var(--gold);width:100%;color:var(--bg);font-family:var(--font-body);text-align:center;padding:4px 0;font-size:.58rem;font-weight:700;transition:transform .22s;position:absolute;bottom:0;left:0;transform:translateY(100%)}.platform-link:hover .platform-name{transform:translateY(0)}footer{border-top:1px solid var(--border);text-align:center;background:#00000073;padding:2rem 0 1.5rem}footer p{font-family:var(--font-body);color:var(--gold);letter-spacing:.06em;margin-bottom:4px;font-size:1rem}footer a:hover{color:var(--gold-light)}.home-button{z-index:999;background:var(--green);color:#fff;cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;transition:background .3s,transform .3s,opacity .3s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 16px #00000073}.home-button.visible{opacity:1;pointer-events:auto}.home-button:hover,.home-button:focus-visible{background:var(--gold);outline:none;transform:translateY(-3px)}@media (width<=768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.single-card{padding:.9rem 1rem}.serv-sticky-nav,.port-sticky-nav{top:var(--nav-h);flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.serv-sticky-link,.port-sticky-link{text-align:center;width:100%;max-width:280px}}@media (width<=500px){.platforms-grid{gap:10px}.platform-link{width:88px;height:88px}.tag-list-vertical{grid-template-columns:1fr!important}.tag-item-vert{display:block!important}.tag-label{margin-bottom:.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}