.hero{min-height:100vh;isolation:isolate;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero__wall{z-index:-2;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:180px;align-content:start;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero__tile{min-width:0;position:relative;overflow:hidden}.hero__tile img{object-fit:cover;filter:brightness(.7);opacity:0;width:100%;max-width:none;height:100%;transition:opacity 1s,transform .5s,filter .5s;position:absolute;top:0;bottom:0;left:0;right:0}.hero__tile img.is-loaded{opacity:1}.hero__tile img:hover{filter:brightness(.9);transform:scale(1.05)}.hero__shade{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 40% at 50% 50%, #0000008c, transparent 75%), linear-gradient(180deg, #00000059 0%, transparent 20%, transparent 80%, var(--bg) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero__content{padding:calc(var(--header-h) + 24px) var(--gutter) 96px;text-align:center;flex-direction:column;align-items:center;display:flex}.hero__logo{filter:drop-shadow(0 0 1.5px #fffffff2)drop-shadow(0 18px 40px #000000b3);width:max(170px,min(34vw,280px));height:auto;margin-bottom:20px;animation:.9s both rise}.hero__title{letter-spacing:.14em;text-shadow:0 4px 30px #000000b3;margin-bottom:32px;font-size:max(1.6rem,min(5.2vw,3.2rem));line-height:1.15;animation:.9s .15s both rise}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;animation:.9s .3s both rise;display:flex}.hero__actions--left{justify-content:flex-start;animation:none}.hero .btn--ghost{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.hero__scroll{bottom:calc(24px + env(safe-area-inset-bottom));border:2px solid #fff9;border-radius:14px;width:28px;height:46px;position:absolute;left:50%;translate:-50%}.hero__scroll span{background:#fff;border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.8s infinite wheel;position:absolute;top:8px;left:50%}@keyframes wheel{to{opacity:0;transform:translateY(14px)}}@media (max-width:600px){.hero__wall{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:120px}.hero__actions{flex-direction:column;width:100%;max-width:320px}.hero__actions--left{max-width:none}.hero__scroll{display:none}}.next-ride__skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface) 30%, var(--surface-2) 50%, var(--surface) 70%) 0 0 / 300% 100%;height:180px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.next-ride__card{border-radius:var(--radius);background:linear-gradient(120deg, color-mix(in srgb, var(--c) 14%, transparent), transparent 55%), var(--surface);border:1px solid var(--line);color:var(--text);grid-template-columns:auto 1fr auto;align-items:center;gap:max(16px,min(4vw,40px));padding:max(20px,min(4vw,36px));text-decoration:none;transition:border-color .25s,transform .25s;display:grid;position:relative;overflow:hidden}.next-ride__card:before{content:"";background:var(--c);width:4px;position:absolute;top:0;bottom:0;left:0}.next-ride__card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.next-ride__date{background:var(--accent);min-width:96px;color:var(--accent-ink);font-family:var(--font-display);text-transform:uppercase;border-radius:12px;flex-direction:column;align-items:center;padding:14px 10px;line-height:1;display:flex}.next-ride__day{font-size:3.6rem;font-weight:700}.next-ride__month{letter-spacing:.15em;font-size:1.2rem;font-weight:600}.next-ride__body h2{margin-bottom:.2em}.next-ride__when{text-transform:capitalize;margin-bottom:.6em}.next-ride__meta{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.next-ride__stat{font:600 1.1rem/1 var(--font-display);letter-spacing:.08em;color:var(--muted)}.next-ride__arrow{color:var(--accent);font-size:2rem;transition:transform .25s}.next-ride__card:hover .next-ride__arrow{transform:translate(6px)}.next-ride__empty{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:32px}@media (max-width:640px){.next-ride__card{grid-template-columns:1fr}.next-ride__date{flex-direction:row;place-self:start;gap:10px;min-width:0;padding:10px 16px}.next-ride__day{font-size:2rem}.next-ride__arrow{display:none}}.section--alt{border-block:1px solid var(--line);background:radial-gradient(60% 80% at 0 100%,#f5c40014,#0000 60%),#101012}.intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:max(32px,min(6vw,80px));display:grid}.intro__text p{max-width:560px;margin-bottom:28px;font-size:1.1rem}.intro__stats{gap:12px;margin:0;padding:0;list-style:none;display:grid}.intro__stats li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:baseline;gap:16px;padding:18px 22px;display:flex}.intro__stats strong{min-width:4ch;font:700 2.6rem/1 var(--font-display);color:var(--accent)}.intro__stats span{color:var(--muted)}@media (max-width:820px){.intro{grid-template-columns:1fr}}@media (max-width:420px){.hero__actions--left .btn{width:100%}}.twinning__intro{max-width:560px;margin-bottom:28px}.marquee{padding-top:6px;padding-bottom:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6%,#000 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6%,#000 94%,#0000)}.marquee__track{width:-webkit-max-content;width:-moz-max-content;width:max-content;animation:marquee var(--duration,30s) linear infinite;display:flex}.marquee:hover .marquee__track,.marquee:focus-within .marquee__track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.twins{gap:16px;margin:0;padding:0 8px;list-style:none;display:flex}.twins+.twins{padding-left:8px}.twins li{flex:0 0 170px}@media (max-width:600px){.twins{gap:12px;padding-left:6px;padding-right:6px}.twins li{flex-basis:132px}}@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.marquee__track{animation:none}.marquee .twins[aria-hidden=true]{display:none}}.twin{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:100%;color:var(--text);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:14px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}a.twin:hover{border-color:var(--accent);transform:translateY(-3px)}.twin__logo{aspect-ratio:1;background:#f4f2ee;border-radius:10px;place-items:center;width:100%;padding:14px;display:grid;position:relative;overflow:hidden}.twin__logo img{object-fit:contain;width:calc(100% - 28px);max-width:none;height:calc(100% - 28px);position:absolute;top:14px;bottom:14px;left:14px;right:14px}.twin__initials{font:700 1.3rem/1.1 var(--font-display);text-transform:uppercase;color:#222}.twin__name{font-size:.9rem;font-weight:600;line-height:1.3}.social-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.social-head h2{margin:0}.social-follow{flex-wrap:wrap;gap:8px;display:flex}.social-follow img{width:18px;height:18px}.posts{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1000px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.posts{grid-template-columns:minmax(0,1fr)}}.post{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.post:hover{border-color:var(--line-strong);transform:translateY(-3px)}.post__media{aspect-ratio:1;background:var(--surface-2);position:relative;overflow:hidden}.post__media img{object-fit:cover;width:100%;max-width:none;height:100%;transition:transform .4s;position:absolute;top:0;bottom:0;left:0;right:0}.post:hover .post__media img{transform:scale(1.04)}.post__play{color:#fff;background:#0009;border-radius:50%;place-items:center;width:52px;height:52px;padding-left:4px;font-size:1.2rem;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.post__body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.post__meta{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.post__meta img{width:16px;height:16px}.post__text{-webkit-line-clamp:4;white-space:pre-line;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.5;display:-webkit-box;overflow:hidden}.post--text{background:linear-gradient(160deg, #f5c4001a, transparent 60%), var(--surface)}.post--text .post__text{-webkit-line-clamp:10;font-size:1rem}
