:root { color-scheme: light; }
html, body { overflow-x: hidden; }
body::before, body::after { content: ""; position: fixed; z-index: 0; pointer-events: none; border-radius: 999px; filter: blur(42px); }
body::before { width: 34rem; height: 34rem; top: 8%; right: -16rem; background: radial-gradient(circle, rgba(255, 112, 76, .17), transparent 68%); animation: infoseer-float-a 18s ease-in-out infinite; }
body::after { width: 28rem; height: 28rem; bottom: -12rem; left: -12rem; background: radial-gradient(circle, rgba(255, 170, 122, .15), transparent 67%); animation: infoseer-float-b 22s ease-in-out infinite; }
[data-glass] { border-color: rgba(255,255,255,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 18px 46px -30px rgba(45, 22, 13, .38) !important; }
a[href^="mailto:"] { overflow-wrap: anywhere; }
button, a { -webkit-tap-highlight-color: transparent; }
.share-block { margin-top: 22px; }
.share-label { display:block; margin-bottom:9px; color:#57514E; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.share-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.share-link { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:1px solid rgba(26,22,20,.14); border-radius:50%; background:rgba(255,255,255,.72); color:#3A3532; text-decoration:none; cursor:pointer; transition:border-color .18s ease-out,color .18s ease-out,background .18s ease-out,transform .18s ease-out; }
.share-link svg { width:18px; height:18px; fill:currentColor; }
.share-native { background:#B8300D; border-color:#B8300D; color:#fff; }
.share-native:hover { background:#96260A; border-color:#96260A; color:#fff; }
.share-link:hover { border-color:rgba(184,48,13,.42); background:#fff; color:#B8300D; text-decoration:none; }
.share-link:hover { transform:translateY(-1px); }
.share-status { color:#57514E; font-size:12px; }
.ev-card .share-block { margin-top:18px; padding-top:16px; border-top:1px solid rgba(26,22,20,.08); }
.ev-card-image { display:block; margin:calc(clamp(20px,2.6vw,30px) * -1) calc(clamp(20px,2.6vw,30px) * -1) 20px; overflow:hidden; border-radius:14px 14px 0 0; }
.ev-card-image img { display:block; width:100%; aspect-ratio:16/7; object-fit:cover; transition:transform .3s ease-out; }
.ev-card-image:hover img { transform:scale(1.015); }
.ev-title a { color:inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid rgba(184,48,13,.34); outline-offset: 3px; }
@keyframes infoseer-float-a { 50% { transform: translate(-2rem, 2.5rem) scale(1.08); } }
@keyframes infoseer-float-b { 50% { transform: translate(2rem, -2rem) scale(.94); } }
.hero-fluid-panel {
  background-image: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,250,247,.44)), url('/assets/hero-fluid-glass.webp') !important;
  background-size: cover, 118% auto !important;
  background-position: center, 62% center !important;
  animation: infoseer-hero-shift 16s ease-in-out infinite;
}
.hero-fluid-panel > * { position: relative; z-index: 1; }
.hero-fluid-panel > div:not(:first-child) > div,
.hero-fluid-panel > div:first-child,
.hero-fluid-panel figcaption { background-color: rgba(255,255,255,.62) !important; }
[data-glass] { transition: transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease-out; }
@media (hover: hover) and (pointer: fine) { [data-glass]:hover { transform: translateY(-4px); box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 26px 54px -30px rgba(45,22,13,.46) !important; } }
@keyframes infoseer-hero-shift { 0%, 100% { background-position: center, 59% center; } 50% { background-position: center, 68% center; } }
.site-nav-menu { display: block; position: relative; }
.site-nav-toggle, .site-nav-toggle-label { display: none; }
.site-nav-links { display: flex; align-items: center; gap: clamp(16px,2.4vw,30px); padding-bottom: 2px; }
@media (max-width: 720px) { body { font-size: 15px; } header nav { padding-inline: 18px !important; align-items: flex-start !important; padding-block: 10px !important; } header nav > div { width: 100%; gap: 9px !important; justify-content: flex-start !important; } header nav a { min-height: 38px; } [style*="minmax(400px"], [style*="minmax(380px"], [style*="minmax(360px"] { grid-template-columns: minmax(0, 1fr) !important; } [style*="padding:clamp(56px"], [style*="padding:clamp(48px"] { padding-inline: 20px !important; } input, select, textarea, button { font-size: 16px !important; } textarea { min-height: 132px; } [data-glass] { backdrop-filter: blur(16px) saturate(160%) !important; -webkit-backdrop-filter: blur(16px) saturate(160%) !important; } }
@media (max-width: 720px) { .site-nav-menu { width: auto; margin-left: auto; } .site-nav-toggle-label { display: inline-flex; align-items: center; justify-content:center; width:42px; height:42px; border:1px solid rgba(255,255,255,.82); border-radius:12px; color:#5B514C; cursor:pointer; background:rgba(255,255,255,.66); box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 24px -18px rgba(26,22,20,.35); backdrop-filter:blur(14px) saturate(165%); -webkit-backdrop-filter:blur(14px) saturate(165%); transition:transform .18s ease-out,background .18s ease-out,color .18s ease-out; } .site-nav-toggle-label svg { width:19px; height:19px; } .site-nav-toggle:checked + .site-nav-toggle-label { color:#fff; background:#B8300D; border-color:#B8300D; transform:translateY(-1px); } .site-nav-links { display:none; position:absolute; top:calc(100% + 10px); right:0; width:min(320px,calc(100vw - 36px)); gap:2px; padding:10px; border:1px solid rgba(255,255,255,.8); border-radius:14px; background:rgba(255,255,255,.96); box-shadow:0 20px 44px -24px rgba(26,22,20,.38); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } .site-nav-toggle:checked ~ .site-nav-links { display:grid; } .site-nav-links a { display:flex !important; align-items:center; min-height:42px; padding:0 11px !important; border-radius:7px; } .site-nav-links a:last-child { justify-content:center; margin-top:6px; } }
@media (max-width: 420px) { header nav > div a { font-size: 12px !important; } header nav > div { gap: 7px !important; } h1 { font-size: clamp(34px, 11vw, 46px) !important; } }
@media (prefers-reduced-motion: reduce) { .hero-fluid-panel, body::before, body::after { animation: none !important; } [data-glass] { transition: none !important; } }