.hero-section{--bento-gap: 1.25rem;--bento-inner: 1.25rem;--bento-inner-lg: 1.5rem;--delay-identity: 0;--delay-insight: 160;--delay-blog-graph: 240;--delay-contact: 280;--status-indicator-color: var(--additive, hsl(142 50% 45%));--hero-photo-size: clamp(240px, 55vw, 340px);--hero-photo-fade-overlap: 2.5rem}@media(min-width:768px){.hero-section{--bento-gap: 1.75rem}}.bento-grid{display:grid;gap:var(--bento-gap);grid-template-columns:1fr}.bento-hero{--delay: var(--delay-identity)}.bento-insight{--delay: var(--delay-insight)}.bento-blog-graph{--delay: var(--delay-blog-graph);display:none}.bento-contact{--delay: var(--delay-contact);display:flex;flex-direction:column;justify-content:space-between;padding:0}@media(min-width:580px){.bento-grid{grid-template-columns:3fr 2fr;align-items:stretch}.bento-hero{grid-column:1 / 3;grid-row:1}.bento-insight{grid-column:1;grid-row:2}.bento-contact{grid-column:2;grid-row:2}.bento-blog-graph{grid-column:1 / 3;grid-row:3;display:flex}}@property --glow-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --glow-y{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.bento-card{position:relative;padding:var(--bento-inner);border-radius:16px;background:color-mix(in srgb,var(--background) 98%,var(--muted) 2%);border:1px solid color-mix(in srgb,white 20%,transparent);box-shadow:inset 1px 1px #ffffff0a,0 1px 3px #0006,0 .5px 1px #0000004d;transition:box-shadow .3s var(--ease-apple),border-color .25s var(--ease-apple),transform .3s var(--ease-apple),background .3s var(--ease-apple)}.bento-card:not(.bento-hero):after{content:"";position:absolute;top:0;left:0;right:0;height:1px;border-radius:16px 16px 0 0;background:linear-gradient(to right,transparent 8%,color-mix(in srgb,white 14%,transparent) 35%,color-mix(in srgb,white 14%,transparent) 65%,transparent 92%);pointer-events:none;z-index:2}@media(hover:hover)and (pointer:fine){.bento-card:not(.bento-hero){transition:box-shadow .3s var(--ease-apple),border-color .25s var(--ease-apple),transform .3s var(--ease-apple),background .3s var(--ease-apple),--glow-x .4s var(--ease-apple),--glow-y .4s var(--ease-apple)}.bento-card:not(.bento-hero):before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 85% 55% at var(--glow-x) var(--glow-y),color-mix(in srgb,var(--primary) 7%,transparent),transparent 100%);pointer-events:none;z-index:1;opacity:0;transition:opacity .6s var(--ease-apple)}.bento-card:not(.bento-hero):hover:before{opacity:1}}@media(prefers-reduced-motion:no-preference){.bento-card:hover{background:color-mix(in srgb,var(--background) 96%,var(--muted) 4%);transform:translateY(-1px);box-shadow:inset 1px 1px #ffffff14,0 4px 16px #00000080,0 2px 4px #00000059;border-color:color-mix(in srgb,white 38%,transparent)}.bento-hero:hover{transform:none}.bento-card:active{transform:translateY(0);background:color-mix(in srgb,var(--background) 97%,var(--muted) 3%);transition:box-shadow .15s var(--ease-apple),border-color .15s var(--ease-apple),transform .15s var(--ease-apple),background .15s var(--ease-apple)}}.bento-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px;box-shadow:inset 1px 1px color-mix(in srgb,white 8%,transparent),0 0 0 4px color-mix(in srgb,var(--ring) 20%,transparent),0 1px 3px #0000000a}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.bento-card{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}}@media(prefers-reduced-motion:no-preference){.bento-card{animation:bentoFadeIn .7s var(--ease-apple-smooth) both;animation-delay:calc(var(--delay, 0) * 1ms);opacity:0}@keyframes bentoFadeIn{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}}@media(prefers-reduced-motion:reduce){.bento-card{opacity:1;animation:none}}.hero-section.hero-skip-entrance .bento-card{opacity:1;animation:none}.bento-hero{padding:0;overflow:hidden;display:flex;flex-direction:column;border-top-color:color-mix(in srgb,var(--primary) 22%,transparent)}.bento-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--foreground) 100%,transparent) 1px,transparent 1px);background-size:22px 22px;opacity:.04;pointer-events:none;z-index:0}.bento-hero:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;border-radius:16px 16px 0 0;background:linear-gradient(to right,transparent 8%,color-mix(in srgb,var(--primary) 35%,transparent) 35%,color-mix(in srgb,var(--primary) 35%,transparent) 65%,transparent 92%);pointer-events:none;z-index:2}.bento-hero__photo{position:relative;width:100%;height:var(--hero-photo-size);flex-shrink:0;overflow:hidden}.bento-hero__photo .hero-img-inner{position:relative;z-index:1;width:100%;height:100%}.bento-hero__photo .hero-img-frame{position:absolute;left:6%;top:8%;width:90%;height:90%}.bento-hero__photo .hero-img-frame img{width:100%;height:100%}@media(max-width:639px){.bento-hero__photo{height:clamp(280px,72vw,360px);mask-image:linear-gradient(to bottom,black 65%,transparent 97%);-webkit-mask-image:linear-gradient(to bottom,black 65%,transparent 97%);margin-bottom:calc(var(--hero-photo-fade-overlap) * -1)}.bento-hero__photo .hero-img-frame{left:0;top:0;width:100%;height:100%}.bento-hero__identity{padding-top:calc(var(--bento-inner) + var(--hero-photo-fade-overlap))}}@media(max-width:389px){.bento-hero__photo{height:clamp(180px,55vw,240px)}.bento-hero__photo .hero-img-frame img{object-fit:contain;max-width:100%}}.bento-hero__identity{padding:var(--bento-inner-lg);display:flex;flex-direction:column;position:relative;flex:1}.bento-hero__identity-content{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;z-index:1}@media(min-width:640px){.bento-hero{flex-direction:row}.bento-hero__photo{width:clamp(200px,30%,300px);height:auto}}.panel-title{font-family:var(--font-mono, ui-monospace, monospace);font-size:.625rem;letter-spacing:.02em;color:var(--muted-foreground)}.identity-role{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;margin-top:0}.identity-role.panel-title{font-size:.6875rem;font-weight:500;letter-spacing:.03em}.identity-role__dot{position:relative;flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;background:var(--status-indicator-color);box-shadow:0 0 color-mix(in srgb,var(--status-indicator-color) 40%,transparent)}.identity-role__dot:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--status-indicator-color);opacity:.5}@media(prefers-reduced-motion:no-preference){.identity-role__dot:before{animation:identity-dot-pulse 2s var(--ease-apple) infinite}.identity-role__dot{animation:identity-dot-glow 2s var(--ease-apple) infinite}}@keyframes identity-dot-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(2);opacity:0}}@keyframes identity-dot-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--status-indicator-color) 40%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--status-indicator-color) 0%,transparent)}}.identity-role__sep{margin:0 .4em;color:color-mix(in srgb,var(--muted-foreground) 50%,transparent)}.identity-title{font-size:clamp(1.875rem,1rem + 2.5vw,3rem)}.identity-title__line{white-space:nowrap}.identity-title .text-primary{paint-order:stroke fill;-webkit-text-stroke:1px color-mix(in srgb,var(--primary) 60%,black)}.bento-insight{display:flex;flex-direction:column;padding:0;border-left:2px solid color-mix(in srgb,var(--primary) 30%,transparent)}@media(prefers-reduced-motion:no-preference){.bento-insight:hover{border-left-color:color-mix(in srgb,var(--primary) 40%,transparent)}}.insight-featured-link{display:flex;align-items:flex-start;gap:.75rem;padding:1.125rem var(--bento-inner-lg) 1rem;text-decoration:none;outline:none;flex:1;transition:background .2s var(--ease-apple)}.insight-featured-link:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.insight-featured-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.insight-eyebrow{font-family:var(--font-mono, ui-monospace, monospace);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}.insight-featured-title{font-size:clamp(1rem,.9rem + .4vw,1.125rem);font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--foreground);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;transition:color .2s var(--ease-apple)}.insight-featured-link:hover .insight-featured-title,.insight-featured-link:focus-visible .insight-featured-title{color:var(--primary-hover)}.insight-more-count{font-family:var(--font-mono, ui-monospace, monospace);font-size:.625rem;letter-spacing:.04em;color:color-mix(in srgb,var(--primary) 65%,transparent);margin-top:-.125rem}.insight-featured-desc{font-size:.8125rem;line-height:1.55;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}.insight-featured-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem;font-size:.6875rem;color:var(--muted-foreground);margin-top:.125rem}.insight-category-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);width:fit-content}.insight-live-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.625rem;font-family:var(--font-mono, ui-monospace, monospace);color:color-mix(in srgb,var(--additive) 75%,transparent);letter-spacing:.02em}.insight-live-dot{position:relative;display:inline-flex;width:.375rem;height:.375rem;flex-shrink:0}.insight-live-dot-core{display:inline-flex;width:100%;height:100%;border-radius:9999px;background:var(--additive)}@media(prefers-reduced-motion:no-preference){.insight-live-dot-ping{position:absolute;inset:0;border-radius:9999px;background:var(--additive);opacity:.7;animation:insight-ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes insight-ping{75%,to{transform:scale(2);opacity:0}}}.insight-empty{display:flex;align-items:center;justify-content:center;min-height:5rem;font-size:.875rem;color:color-mix(in srgb,var(--muted-foreground) 70%,transparent)}.bento-footer{padding:0 1.5rem;margin-top:auto}.insight-footer-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--touch-target-min);padding:.25rem 0 .75rem;border-top:1px solid color-mix(in srgb,var(--border) 30%,transparent);font-size:.8125rem;font-weight:500;color:var(--muted-foreground);text-decoration:none;transition:color .2s var(--ease-apple)}.insight-footer-link:hover{color:var(--primary-hover)}.insight-footer-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:.25rem}.insight-footer-arrow{width:.875rem;height:.875rem;flex-shrink:0;transition:translate .2s var(--ease-apple)}.insight-footer-link:hover .insight-footer-arrow{translate:2px -2px}.reach-root{display:flex;flex-direction:column;flex:1;padding:var(--bento-inner);padding-bottom:0}.reach-header{padding-bottom:.375rem;margin-bottom:0;border-bottom:1px solid color-mix(in srgb,var(--border) 30%,transparent)}.reach-heading{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--foreground);margin:0 0 .3125rem}.reach-list{display:flex;flex-direction:column;padding-bottom:.75rem}.reach-item{display:flex;align-items:center;gap:.625rem;padding:.4rem .25rem;text-decoration:none;outline:none}.reach-item+.reach-item{border-top:1px solid color-mix(in srgb,var(--border) 30%,transparent)}.reach-item:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.reach-item-icon{width:.875rem;height:.875rem;color:color-mix(in srgb,var(--muted-foreground) 65%,transparent);flex-shrink:0;transition:color .2s var(--ease-apple)}.reach-item:hover .reach-item-icon{color:var(--primary-hover)}.reach-item-label{flex:1;font-size:.8125rem;font-weight:500;color:var(--foreground);letter-spacing:-.01em;transition:color .2s var(--ease-apple)}.reach-item:hover .reach-item-label{color:var(--primary-hover)}.reach-item-arrow{width:.625rem;height:.625rem;flex-shrink:0;color:var(--muted-foreground);opacity:0;translate:-2px 2px;transition:opacity .18s var(--ease-apple),translate .18s var(--ease-apple)}.reach-item:hover .reach-item-arrow,.reach-email:hover .reach-item-arrow{opacity:.5;translate:0 0}.reach-email{margin-top:auto;display:flex;align-items:center;gap:.625rem;padding:.25rem 0 .75rem;border-top:1px solid color-mix(in srgb,var(--border) 45%,transparent);text-decoration:none;outline:none;min-height:var(--touch-target-min)}@media(min-width:768px){.reach-email{min-height:0}}.reach-email:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.reach-email-icon{width:1rem;height:1rem;color:var(--primary);flex-shrink:0;transition:color .2s var(--ease-apple)}.reach-email:hover .reach-email-icon{color:var(--primary-hover)}.reach-email-address{flex:1;min-width:0;font-family:var(--font-mono, ui-monospace, monospace);font-size:.75rem;font-weight:500;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;transition:color .2s var(--ease-apple)}.reach-email:hover .reach-email-address{color:var(--primary-hover)}@media(prefers-reduced-motion:reduce){.reach-item-icon,.reach-item-label,.reach-item-arrow,.reach-email{transition:none}}.identity-title .text-primary:after{content:"";display:inline-block;width:.55ch;height:.82em;background:color-mix(in srgb,var(--primary) 75%,transparent);margin-left:.2em;vertical-align:-.05em;border-radius:1px}@media(prefers-reduced-motion:no-preference){.identity-title .text-primary:after{animation:cursor-blink 1.1s step-end infinite}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.live-root{display:flex;flex-direction:column;flex:1;padding:var(--bento-inner);padding-bottom:0;gap:0}.live-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.375rem;margin-bottom:0;border-bottom:1px solid color-mix(in srgb,var(--border) 30%,transparent)}.live-heading{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--foreground);margin:0 0 .3125rem}.live-pulse-wrap{position:relative;display:inline-flex;width:.5rem;height:.5rem;flex-shrink:0;margin-bottom:.3rem}.live-pulse-core{display:inline-flex;width:100%;height:100%;border-radius:9999px;background:var(--additive, hsl(142 50% 45%))}@media(prefers-reduced-motion:no-preference){.live-pulse-ring{position:absolute;inset:0;border-radius:9999px;background:var(--additive, hsl(142 50% 45%));opacity:.6;animation:live-ping 1.8s cubic-bezier(0,0,.2,1) infinite}@keyframes live-ping{0%{transform:scale(1);opacity:.6}75%,to{transform:scale(2.4);opacity:0}}}.live-signals{display:flex;flex-direction:column;flex:1}.live-signal-row{display:flex;align-items:flex-start;gap:.6rem;padding:.45rem .125rem;text-decoration:none;outline:none;transition:background .15s var(--ease-apple, ease)}.live-signal-row+.live-signal-row{border-top:1px solid color-mix(in srgb,var(--border) 30%,transparent)}.live-signal-row:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.live-signal-icon{width:.875rem;height:.875rem;flex-shrink:0;margin-top:.1rem;color:color-mix(in srgb,var(--muted-foreground) 65%,transparent);transition:color .2s var(--ease-apple, ease)}.live-signal-icon--strava{color:color-mix(in srgb,#fc4c02 55%,var(--muted-foreground))}.live-signal-row:hover .live-signal-icon{color:var(--primary-hover, var(--primary))}.live-signal-row:hover .live-signal-icon--strava{color:#fc4c02}.live-signal-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.live-signal-label{font-family:var(--font-mono, ui-monospace, monospace);font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);opacity:.7}.live-signal-value{font-size:.8rem;font-weight:500;line-height:1.3;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s var(--ease-apple, ease)}.live-signal-row:hover .live-signal-value{color:var(--primary-hover, var(--primary))}.live-signal-dim{color:var(--muted-foreground);font-style:italic}.live-signal-meta{font-size:.625rem;color:var(--muted-foreground);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-mono{font-family:var(--font-mono, ui-monospace, monospace);font-size:.75em;letter-spacing:.01em}.live-signal-arrow{width:.625rem;height:.625rem;flex-shrink:0;margin-top:.2rem;color:var(--muted-foreground);opacity:0;translate:-2px 2px;transition:opacity .18s var(--ease-apple, ease),translate .18s var(--ease-apple, ease)}.live-signal-row:hover .live-signal-arrow{opacity:.5;translate:0 0}.live-social-row{display:flex;align-items:center;gap:.125rem;padding:.5rem 0 .75rem;margin-top:auto;border-top:1px solid color-mix(in srgb,var(--border) 45%,transparent)}.live-social-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:6px;text-decoration:none;outline:none;color:color-mix(in srgb,var(--muted-foreground) 70%,transparent);transition:color .18s var(--ease-apple, ease),background .18s var(--ease-apple, ease)}.live-social-btn:hover{color:var(--primary-hover, var(--primary));background:color-mix(in srgb,var(--primary) 8%,transparent)}.live-social-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.live-social-icon{width:.875rem;height:.875rem}@media(prefers-reduced-motion:reduce){.live-signal-icon,.live-signal-value,.live-signal-arrow,.live-social-btn{transition:none}}@media(max-width:579px){.hero-cta-row>a{justify-content:center}.bento-insight{order:1}.bento-contact{order:2}.bento-blog-graph{order:3}.hero-cta-row .btn-neo-outline{border-color:color-mix(in srgb,var(--border) 70%,transparent);color:var(--muted-foreground);box-shadow:2px 2px color-mix(in srgb,var(--border) 25%,transparent)}.hero-cta-row .btn-neo-outline:hover{box-shadow:0 0 color-mix(in srgb,var(--border) 25%,transparent)}.reach-item{min-height:var(--touch-target-min)}}