:root{--navy:#071b2e;--navy-soft:#0c2942;--navy-bright:#123b5c;--cream:#f6f3ed;--paper:#fffdfa;--gold:#c7ad82;--ink:#0e2133;--muted:#64717b;--line:rgba(11,35,55,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061727;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.45}
body:before{content:"";position:fixed;z-index:-1;inset:0;background:#061727;pointer-events:none}
a{color:inherit;text-decoration:none}.page-shell{position:relative;min-height:100vh;padding:24px 16px 46px;isolation:isolate}.stone-bg{position:fixed;z-index:-2;inset:0;overflow:hidden;background:#071b2e}.stone-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,22,.26) 0%,rgba(3,13,22,.44) 38%,rgba(3,13,22,.7) 100%),radial-gradient(circle at 50% 10%,transparent,rgba(0,0,0,.22) 70%)}.stone-bg span{position:absolute;inset:-2%;background-image:var(--bg);background-position:center;background-size:cover;opacity:0;transform:scale(1.05);animation:ambientCycle 24s infinite ease-in-out}.stone-bg span:nth-child(2){animation-delay:6s}.stone-bg span:nth-child(3){animation-delay:12s}.stone-bg span:nth-child(4){animation-delay:18s}@keyframes ambientCycle{0%{opacity:0;transform:scale(1.05)}5%,23%{opacity:1}28%,100%{opacity:0;transform:scale(1.12)}}
main{position:relative;width:min(100%,540px);margin:0 auto}.brand-block{text-align:center;color:#fff;padding:28px 24px 22px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:min(100%,390px);min-height:78px;margin-bottom:18px}.brand-mark img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.22))}.brand-block p{max-width:400px;margin:0 auto;color:rgba(255,255,255,.8);font-size:.96rem;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.contact-section{padding:0 2px}.secondary-section{margin-top:26px}.section-title{display:block;width:fit-content;text-align:center;margin:0 auto 13px;padding:9px 16px 11px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:linear-gradient(180deg,rgba(24,50,74,.30),rgba(7,25,41,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 30px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8)}.section-title span{display:block;margin-bottom:5px;color:#d8c29c;font-size:.67rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.section-title h1,.section-title h2{margin:0;color:#fff;font-family:"DM Sans",sans-serif;font-size:1.5rem;font-weight:500;line-height:1.12;letter-spacing:-.035em}.link-list{display:grid;gap:8px}
.contact-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;min-height:60px;padding:9px 15px 9px 12px;border:1px solid rgba(255,255,255,.17);border-radius:16px;color:#fff;background:linear-gradient(180deg,rgba(24,50,74,.34),rgba(7,25,41,.26));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 30px rgba(0,0,0,.24);-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);transition:transform .18s ease,background .18s ease,border-color .18s ease}.contact-card.primary{background:linear-gradient(180deg,rgba(28,56,82,.40),rgba(7,25,41,.31))}.contact-card:hover,.contact-card:focus-visible{transform:translateY(-2px);background:linear-gradient(180deg,rgba(34,64,92,.46),rgba(9,31,50,.36));border-color:rgba(220,198,158,.7);outline:none}.icon-box{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);color:#e6d3b1}.icon-box svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.card-copy{min-width:0}.card-copy strong{display:block;font-family:"DM Sans",sans-serif;font-size:.96rem;font-weight:600;line-height:1.2;letter-spacing:-.018em}.card-copy small{display:block;margin-top:2px;color:rgba(255,255,255,.84);font-size:.71rem;white-space:normal}.card-copy em{display:block;margin-top:2px;color:rgba(255,255,255,.62);font-size:.65rem;font-style:normal;line-height:1.35}
footer{display:flex;align-items:center;gap:13px;padding:30px 8px 8px;color:rgba(255,255,255,.68);text-shadow:0 2px 10px rgba(0,0,0,.45)}footer span{height:1px;flex:1;background:rgba(255,255,255,.22)}footer p{margin:0;font-size:.59rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.harpion-credit{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:rgba(255,255,255,.72);font-size:.68rem;letter-spacing:.04em;text-shadow:0 2px 10px rgba(0,0,0,.5)}.harpion-credit img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55))}.harpion-credit strong{color:#fff;font-weight:600}
@media(min-width:760px){.page-shell{padding-top:42px;padding-bottom:72px}.brand-block{padding-top:28px}.contact-section{padding:0 2px}.contact-card{min-height:64px}.brand-block p{font-size:1rem}}
@media(max-width:370px){.page-shell{padding-left:10px;padding-right:10px}.brand-block{padding-left:12px;padding-right:12px}.contact-section{padding-left:0;padding-right:0}.contact-card{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:9px 13px 9px 10px}.icon-box{width:36px;height:36px}.card-copy strong{font-size:1rem}.card-copy small{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.stone-bg span{animation:none;opacity:0}.stone-bg span:first-child{opacity:1}}

@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.contact-card,.contact-card.primary{background:rgba(7,25,41,.88)}.section-title{background:rgba(7,25,41,.86)}}