@font-face{font-family:"Bebas Neue";src:url("./assets/bebas-neue.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("./assets/roboto-condensed-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("./assets/roboto-condensed-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}

:root{color-scheme:dark;--background:#050605;--surface:#131513;--border:#2b2e2b;--accent:#40c842;--text:#f7f8f7;--muted:#b7bbb7;--content-width:480px}
*{box-sizing:border-box}
html{min-width:280px;min-height:100%;background:var(--background)}
body{margin:0;padding:32px 20px;font-family:"Roboto Condensed",Arial,sans-serif;color:var(--text);line-height:1.5;min-height:100svh;background:radial-gradient(ellipse at 50% 0%,#162015 0%,#090c09 44%,var(--background) 80%)}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.skip-link{position:fixed;left:16px;top:-100px;z-index:3;padding:12px 20px;background:var(--accent);color:#050605;font-weight:700}
.skip-link:focus{top:16px}
.profile{width:100%;max-width:var(--content-width);margin:0 auto;background:var(--background);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #0005}
.cover{height:268px;position:relative;isolation:isolate;background:#060806;overflow:hidden}
.cover-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:50% 48%;z-index:-2}
.cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 44%,#05060566 73%,var(--background) 100%)}
.brand-logo{position:absolute;width:178px;height:178px;left:50%;top:80px;transform:translateX(-50%);border-radius:50%;object-fit:contain;box-shadow:0 6px 24px #0008}
.intro{text-align:center;padding:8px 16px 22px}
h1{margin:0;font-family:"Bebas Neue","Arial Narrow",sans-serif;font-size:40px;font-weight:400;line-height:1.06;color:var(--accent);text-transform:uppercase;letter-spacing:.2px}
h1 span{display:block;color:var(--text);font-size:48px;margin-top:2px}
.intro p{font-size:17px;line-height:1.35;color:var(--muted);margin:12px 0 0}
.contact-links{display:grid;gap:10px;padding:0 20px;scroll-margin-top:12px}
.contact-link{display:flex;align-items:center;gap:14px;min-height:76px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s; -webkit-tap-highlight-color:transparent}
.icon-box{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #505750;border-radius:4px}
.icon-box svg{width:27px;height:27px}
.link-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:2px}
.link-copy strong{font-size:18px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.4px}
.link-copy>span{font-size:14px;color:var(--muted);line-height:1.3;overflow-wrap:anywhere}
.arrow{width:19px;height:19px;color:#d2d8d2;transition:transform .18s}
.contact-link--primary{background:var(--accent);border-color:var(--accent);color:#061406}
.contact-link--primary .icon-box{border-color:#123c1280}
.contact-link--primary .link-copy>span,.contact-link--primary .arrow{color:#123612}
.contact-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
.contact-link:active{transform:scale(.985)}
.service-area{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--muted);margin:28px 20px}
.service-area svg{width:17px;height:17px;color:var(--accent)}
footer{text-align:center;border-top:1px solid var(--border);margin:0 20px;padding:16px 0 18px;font-size:12px;color:#969d96}
footer p{margin:0}
footer .credit{margin-top:3px;font-size:11px;color:#8d968d}
@media(hover:hover){.contact-link:hover{border-color:#5b775b;background:#1b211b;transform:translateY(-2px)}.contact-link--primary:hover{background:#50d452;border-color:#50d452}.contact-link:hover .arrow{transform:translateX(3px)}}
@media(max-width:520px){body{padding:0;background:var(--background)}.profile{border:0;border-radius:0;box-shadow:none;min-height:100svh}.cover{height:clamp(218px,56vw,268px)}.brand-logo{width:164px;height:164px;top:auto;bottom:8px}.intro{padding-top:10px}h1{font-size:clamp(28px,8.25vw,40px)}h1 span{font-size:clamp(38px,10vw,48px)}.intro p{font-size:16px}.contact-links{padding:0 20px}.contact-link{gap:12px;padding:12px;min-height:76px}.icon-box{flex-basis:42px;height:42px}.link-copy strong{font-size:17px}.service-area{margin:26px 16px}}
@media(max-width:350px){.contact-links{padding:0 14px}.contact-link{gap:10px}.link-copy strong{font-size:16px}.link-copy>span{font-size:13px}.icon-box{flex-basis:36px;height:38px}.icon-box svg{width:24px;height:24px}.arrow{width:16px;height:16px}.intro p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.contact-link,.arrow{transition:none}}