.intro{--intro-gap:20px;--intro-pad:max(24px,calc((100vw - 1200px) / 2));padding-bottom:120px}.intro-hero{position:relative;isolation:isolate;padding:132px var(--intro-pad) 72px;text-align:center;overflow:hidden}.intro-hero:before{content:"";position:absolute;inset:-56px 0 0;z-index:-2;background-image:url(https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=900&q=45&auto=format&fit=crop);background-size:cover;background-position:center 55%}@media (min-width:901px){.intro-hero:before{background-image:url(https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=1400&q=40&auto=format&fit=crop)}}.intro-hero:after{content:"";position:absolute;inset:-56px 0 0;z-index:-1;background:linear-gradient(180deg,rgba(15,15,15,.3) 0,rgba(15,15,15,.58) 38%,rgba(15,15,15,.86) 76%,var(--bg) 100%)}[data-theme=light] .intro-hero:after{background:linear-gradient(180deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.72) 38%,rgba(255,255,255,.92) 76%,var(--bg) 100%)}.intro-hero h1{font-size:clamp(30px,5.6vw,50px);font-weight:800;line-height:1.28;letter-spacing:-.02em;color:var(--text);word-break:keep-all}.intro-hero p{margin-top:20px;font-size:15px;line-height:1.7;color:var(--text-tertiary);word-break:keep-all}.intro-pills{position:sticky;top:56px;z-index:9;display:flex;justify-content:center;padding:10px 16px;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.intro-pills-inner{display:inline-flex;gap:2px;padding:5px;max-width:100%;overflow-x:auto;border-radius:9999px;background:var(--bg-secondary);border:1px solid var(--border-light);scrollbar-width:none}.intro-pills-inner::-webkit-scrollbar{display:none}.intro-pill{flex-shrink:0;padding:9px 18px;border:none;border-radius:9999px;background:transparent;font-size:14px;font-weight:600;line-height:1.2;color:var(--text-secondary);transition:color .2s ease,background .2s ease}.intro-pill:hover{color:var(--text)}.intro-pill[aria-current=true]{background:var(--text);color:var(--bg)}.intro-section{margin-top:96px;scroll-margin-top:122px}.intro-section h2{padding:0 var(--intro-pad);font-size:clamp(22px,3.2vw,30px);font-weight:800;line-height:1.35;letter-spacing:-.01em;color:var(--text);word-break:keep-all}.intro-section:last-of-type{min-height:calc(100dvh - 102px - 120px - 286px)}.intro-rail{display:flex;gap:var(--intro-gap);margin-top:32px;padding:4px var(--intro-pad);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--intro-pad);scrollbar-width:none;overscroll-behavior-x:contain}.intro-rail::-webkit-scrollbar{display:none}.intro-card{flex:0 0 clamp(260px,74vw,540px);scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--border-light);border-radius:20px;overflow:hidden;background:var(--bg-secondary);transition:transform .2s ease,border-color .2s ease}.intro-card:hover{transform:translateY(-2px);border-color:var(--border)}.intro-card-visual{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;padding:24px;background:var(--bg-tertiary)}.intro-card-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.intro-card-visual:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-tint)}.intro-card-visual[data-tone=blue]{--card-tint:linear-gradient(150deg,rgba(10,132,255,0.5),rgba(15,15,15,0.78) 72%)}.intro-card-visual[data-tone=teal]{--card-tint:linear-gradient(150deg,rgba(48,176,192,0.5),rgba(15,15,15,0.78) 72%)}.intro-card-visual[data-tone=green]{--card-tint:linear-gradient(150deg,rgba(16,185,129,0.48),rgba(15,15,15,0.78) 72%)}.intro-card-visual[data-tone=red]{--card-tint:linear-gradient(150deg,rgba(255,59,48,0.42),rgba(15,15,15,0.8) 72%)}.intro-card-visual[data-tone=sky]{--card-tint:linear-gradient(150deg,rgba(90,200,250,0.46),rgba(15,15,15,0.78) 72%)}.intro-card-visual[data-tone=gray]{--card-tint:linear-gradient(150deg,rgba(150,150,160,0.42),rgba(15,15,15,0.8) 72%)}[data-theme=light] .intro-card-visual[data-tone=blue]{--card-tint:linear-gradient(150deg,rgba(0,105,217,0.42),rgba(255,255,255,0.74) 72%)}[data-theme=light] .intro-card-visual[data-tone=teal]{--card-tint:linear-gradient(150deg,rgba(26,139,153,0.4),rgba(255,255,255,0.74) 72%)}[data-theme=light] .intro-card-visual[data-tone=green]{--card-tint:linear-gradient(150deg,rgba(16,185,129,0.4),rgba(255,255,255,0.74) 72%)}[data-theme=light] .intro-card-visual[data-tone=red]{--card-tint:linear-gradient(150deg,rgba(215,0,21,0.32),rgba(255,255,255,0.76) 72%)}[data-theme=light] .intro-card-visual[data-tone=sky]{--card-tint:linear-gradient(150deg,rgba(90,200,250,0.44),rgba(255,255,255,0.74) 72%)}[data-theme=light] .intro-card-visual[data-tone=gray]{--card-tint:linear-gradient(150deg,rgba(120,120,130,0.34),rgba(255,255,255,0.76) 72%)}.intro-card-body{padding:20px 22px 24px}.intro-card-body h3{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700;line-height:1.3;color:var(--text)}.intro-card-body p{margin-top:8px;font-size:13.5px;line-height:1.65;color:var(--text-tertiary);word-break:keep-all}.intro-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:9999px;background:var(--glass);border:1px solid var(--border-light);font-size:13px;font-weight:600;color:var(--text);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap}.intro-chip-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;letter-spacing:-.01em}.intro-chip-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.intro-chip-sm{padding:6px 11px;font-size:12px}.intro-chip-dim{color:var(--text-tertiary)}.intro-arrows{display:flex;gap:10px;margin-top:24px;padding:0 var(--intro-pad)}.intro-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-light);border-radius:9999px;background:transparent;color:var(--text-secondary);transition:color .15s ease,border-color .15s ease,opacity .15s ease}.intro-arrow:hover:not(:disabled){color:var(--text);border-color:var(--border)}.intro-arrow:disabled{opacity:.3;cursor:default}.intro-shot{flex:0 0 clamp(160px,42vw,240px);scroll-snap-align:start;border:1px solid var(--border-light);border-radius:16px;overflow:hidden;background:var(--bg-secondary);transition:transform .2s ease,border-color .2s ease}.intro-shot:hover{transform:translateY(-2px);border-color:var(--border)}.intro-shot img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--bg-tertiary)}.intro-shot-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:16px;font-size:13px;line-height:1.6;text-align:center;color:var(--text-tertiary)}.intro-cta{margin-top:40px;padding:0 var(--intro-pad)}.intro-cta a{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:9999px;background:var(--text);color:var(--bg);font-size:15px;font-weight:700;transition:opacity .15s ease}.intro-cta a:hover{opacity:.85}@media (prefers-reduced-motion:reduce){.intro-card,.intro-shot{transition:none}.intro-card:hover,.intro-shot:hover{transform:none}}