:root{--black:#080808;--panel:#11110f;--gold:#c7a64b;--gold-bright:#f1d47a;--white:#f5f4ef;--silver:#c4c3bd;--muted:#8b8a84;--line:rgba(199,166,75,.28)}
*{box-sizing:border-box}
html{color-scheme:dark;background:var(--black);font-family:"Segoe UI",Arial,sans-serif}
body{min-width:280px;min-height:100vh;margin:0;color:var(--white);background:radial-gradient(circle at 50% -10%,rgba(199,166,75,.2),transparent 34rem),linear-gradient(145deg,#080808,#13120f 55%,#080808)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}
a{color:inherit}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 16px;color:#080808;background:var(--gold-bright);font-weight:800;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.connect-shell{position:relative;z-index:1;width:min(100%,720px);min-height:100vh;margin:auto;padding:max(24px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}
.connect-card{padding:clamp(24px,6vw,52px);border:1px solid var(--line);background:linear-gradient(155deg,rgba(24,24,21,.96),rgba(9,9,9,.98));box-shadow:0 30px 90px rgba(0,0,0,.48)}
.brand-block{text-align:center}.brand-link{display:inline-block;max-width:370px}.brand-link img{display:block;width:100%;height:auto}.location{display:flex;align-items:center;justify-content:center;gap:9px;margin:15px 0 0;color:var(--silver);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.location span{width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.intro{margin:36px 0 28px;padding-top:30px;border-top:1px solid var(--line);text-align:center}.eyebrow{margin:0 0 12px;color:var(--gold-bright);font-size:10px;font-weight:900;letter-spacing:.18em}.intro h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,10vw,4.1rem);font-weight:500;line-height:.98}.intro h1 span{color:var(--gold-bright)}.intro>p:last-child{max-width:510px;margin:18px auto 0;color:var(--silver);font-size:15px;line-height:1.6}
.connect-links{display:grid;gap:12px}.connect-links a{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 18px;padding:15px 19px;border:1px solid rgba(199,166,75,.45);color:var(--white);background:rgba(255,255,255,.025);text-decoration:none;transition:border-color .18s,background .18s,transform .18s}.connect-links a:hover{border-color:var(--gold-bright);background:rgba(199,166,75,.1);transform:translateY(-2px)}.connect-links a:focus-visible,.brand-link:focus-visible,.consent-settings:focus-visible,.consent-button:focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px}.connect-links .featured{border-color:var(--gold-bright);color:#080808;background:linear-gradient(135deg,var(--gold-bright),var(--gold))}.connect-links .featured:hover{background:var(--gold-bright)}.connect-links> a>span:first-child{font-size:15px;font-weight:850;letter-spacing:.04em}.connect-links small{grid-column:1;color:var(--gold-bright);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.action-icon,.social-mark{grid-row:1/span 2;grid-column:2;width:24px;height:24px;display:block;flex:none}.action-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-mark{box-sizing:content-box;padding:6px}.social-mark img{display:block;width:24px;height:24px;object-fit:contain}
footer{margin-top:27px;text-align:center}footer p{margin:0 0 10px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.consent-settings{padding:4px;border:0;background:none;color:var(--gold-bright);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.consent-banner{position:fixed;z-index:60;right:16px;bottom:16px;width:min(560px,calc(100vw - 32px));padding:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;border:1px solid var(--gold);background:#11110f;box-shadow:0 24px 70px rgba(0,0,0,.65)}.consent-banner[hidden]{display:none}.consent-banner h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.5rem;font-weight:500}.consent-banner p:last-child{margin:9px 0 0;color:var(--silver);font-size:13px;line-height:1.5}.consent-banner a{color:var(--gold-bright)}.consent-actions{display:grid;gap:8px;min-width:110px}.consent-button{min-height:44px;padding:9px 15px;border:1px solid var(--gold);color:var(--white);background:#080808;font-weight:800;cursor:pointer}.consent-accept{color:#080808;background:var(--gold-bright)}
@media(min-width:600px){.connect-shell{display:grid;align-items:center;padding-inline:24px}.connect-links{grid-template-columns:1fr 1fr}.connect-links a{min-height:76px}.connect-links .featured{grid-column:span 2}}
@media(max-width:599px){.connect-card{padding-inline:20px}.brand-link{max-width:290px}.consent-banner{grid-template-columns:1fr}.consent-actions{grid-template-columns:1fr 1fr}}
@media(max-width:340px){.connect-shell{padding-inline:10px}.connect-card{padding-inline:15px}.connect-links a{padding-inline:14px}.connect-links span{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
