.hero{height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;padding:var(--header-height) 0 0;overflow:hidden}.hero .container{display:block;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;margin:0 auto}.hero-scroll-indicator{position:absolute;bottom:var(--space-16);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:#1a1a1a;transition:opacity var(--transition-base);z-index:2;animation:scroll-fade-in 1.5s ease-out 1s both}.hero-scroll-indicator:hover{opacity:1}.hero-scroll-indicator span{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 4px rgba(255,255,255,.3);animation:scroll-pulse 3s ease-in-out infinite}.apple-mouse-icon{width:20px;height:34px;filter:drop-shadow(0 1px 3px rgba(255,255,255,.3));animation:mouse-float 2s ease-in-out infinite}@keyframes mouse-float{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes scroll-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes scroll-fade-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hero-name-row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(1.5rem,4vw,3rem);width:100%;margin:0 0 var(--space-6)}.hero-name-group{display:flex;flex-direction:column}.hero-name-group:first-child{align-items:flex-start}.hero-name-group:last-child{align-items:flex-end}.hero-bear-wrap{position:relative;flex-shrink:0;margin:0 clamp(-20px,-2vw,-8px);align-self:center;z-index:2}.hero-name{font-size:clamp(4rem,10vw,9rem);font-weight:700;color:var(--color-text-heading);line-height:1;letter-spacing:-.04em;-webkit-text-stroke:1.5px var(--color-text-heading);paint-order:stroke fill;white-space:nowrap}.hero-role{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text-secondary);letter-spacing:.08em;font-weight:700;margin-top:var(--space-2)}.hero-bear{display:block;width:clamp(140px,16vw,240px);height:clamp(140px,16vw,240px);object-fit:cover;border-radius:50%;mix-blend-mode:multiply;filter:drop-shadow(0 4px 24px rgba(0,0,0,.25));transition:transform .4s cubic-bezier(.16,1,.3,1)}.hero-bear{position:relative;z-index:1}.hero-name-row:hover .hero-bear{transform:scale(1.3) rotate(-3deg);z-index:2}.hero-cta{display:flex;justify-content:center;gap:var(--space-4)}.hero-cta .btn{width:220px;justify-content:center}.quote-section{padding:var(--space-28) 0}.hero-quote{max-width:800px;margin:0 auto;text-align:center;position:relative}.hero-quote-mark{width:64px;height:64px;color:var(--color-accent);margin:0 auto var(--space-6);display:block;opacity:.8}.hero-quote-text{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;color:#fff;line-height:1.3;letter-spacing:-.01em;margin-bottom:var(--space-6)}.hero-quote-cite{font-family:var(--font-mono);font-size:var(--text-sm);font-style:normal;color:#9ca3af;letter-spacing:.05em;text-transform:uppercase}.dark-section{background:#0a0a0a;color:#fff;padding:var(--space-28) 0;position:relative}.dark-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}.dark-section>.container{position:relative;z-index:1}.dark-section+.dark-section{padding-top:0}.dark-section-header .section-label{color:var(--color-accent)}.dark-section-header .section-title{color:#fff}.dark-section-header .view-all-link{color:#9ca3af}.dark-section-header .view-all-link:hover{color:#fff}.dark-card-grid{display:grid;border:1px solid #333;border-radius:0;position:relative}.dark-card-grid:before{content:"";position:absolute;inset:-12px;pointer-events:none;z-index:1;background:linear-gradient(#333,#333) left 0 top 0 / 1px 16px no-repeat,linear-gradient(#333,#333) left 0 top 0 / 16px 1px no-repeat,linear-gradient(#333,#333) right 0 top 0 / 1px 16px no-repeat,linear-gradient(#333,#333) right 0 top 0 / 16px 1px no-repeat,linear-gradient(#333,#333) left 0 bottom 0 / 1px 16px no-repeat,linear-gradient(#333,#333) left 0 bottom 0 / 16px 1px no-repeat,linear-gradient(#333,#333) right 0 bottom 0 / 1px 16px no-repeat,linear-gradient(#333,#333) right 0 bottom 0 / 16px 1px no-repeat}.dark-card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.dark-card-grid.cols-2{grid-template-columns:repeat(2,1fr)}.dark-card{padding:48px 40px;border-right:1px solid #333;border-bottom:1px solid #333;transition:background var(--transition-base)}.dark-card:hover{background:radial-gradient(ellipse at 85% 15%,rgba(139,92,246,.15),transparent 60%),radial-gradient(ellipse at 95% 40%,rgba(236,72,153,.12),transparent 50%),radial-gradient(ellipse at 75% 5%,rgba(251,146,60,.08),transparent 45%),#0a0a0a}.dark-card-grid.cols-3 .dark-card:nth-child(3n){border-right:none}.dark-card-grid.cols-2 .dark-card:nth-child(2n){border-right:none}.dark-card-grid.cols-3 .dark-card:nth-last-child(-n+3){border-bottom:none}.dark-card-grid.cols-2 .dark-card:nth-last-child(-n+2){border-bottom:none}.dark-card-icon{width:40px;height:40px;margin-bottom:var(--space-5);color:var(--color-accent)}.dark-card-icon svg{width:40px;height:40px;stroke-width:1.5;transition:transform var(--transition-base)}.dark-card:hover .dark-card-icon svg{transform:translateY(-2px)}.dark-card-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:var(--space-3);line-height:1.4}.dark-card-desc{font-size:.875rem;color:#9ca3af;line-height:1.6;margin-bottom:var(--space-6)}.dark-card-features{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.dark-card-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#d1d5db}.dark-card-features li svg{width:16px;height:16px;color:#9ca3af;flex-shrink:0}.dark-card-cta{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:12px 24px;background:#5b21b6;border:none;border-radius:0;transition:all var(--transition-fast)}.dark-card-cta:hover{background:#6d28d9;box-shadow:0 4px 20px #5b21b666}.dark-card-cta svg{width:14px;height:14px}.dark-card-image{width:100%;aspect-ratio:16 / 10;background:var(--gradient-accent);border-radius:0;margin-bottom:var(--space-5)}.dark-card-grid.cols-featured{grid-template-columns:1.5fr 1fr}.dark-card-grid.cols-asymmetric{grid-template-columns:1.2fr .8fr}.dark-card-grid.cols-featured .dark-card:nth-child(2n){border-right:none}.dark-card-grid.cols-featured .dark-card:nth-last-child(-n+2){border-bottom:none}.dark-card-grid.cols-asymmetric .dark-card:nth-child(2n){border-right:none}.dark-card-grid.cols-asymmetric .dark-card:nth-last-child(-n+2){border-bottom:none}.dark-card-carousel{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;border:1px solid #333;border-radius:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dark-card-carousel::-webkit-scrollbar{display:none}.dark-card-carousel .dark-card{min-width:60%;flex-shrink:0;scroll-snap-align:start;border-bottom:none}.dark-card-carousel .dark-card:last-child{border-right:none}.dark-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.dark-card-tag{display:inline-block;padding:4px 12px;border:1px solid #333;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:#9ca3af;background:#ffffff0f}.dark-card-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-accent);transition:gap var(--transition-fast),color var(--transition-fast)}.dark-card-link:after{content:"→";transition:transform var(--transition-fast)}.dark-card-link:hover{color:#8aacff}.dark-card-link:hover:after{transform:translate(4px)}.cta-section{text-align:center}.cta-content{max-width:640px;margin:0 auto}.cta-heading{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:#fff;margin-bottom:var(--space-4);line-height:1.2}.cta-subtitle{font-size:var(--text-lg);color:#9ca3af;line-height:1.6;margin-bottom:var(--space-8)}.cta-buttons{display:flex;justify-content:center;gap:var(--space-4)}.btn-outline-dark{background:#e8e4d9;color:#1a1a1a}.btn-outline-dark:hover{background:#f5f1e6;transform:translateY(-1px)}@media(max-width:768px){.hero-name-row{flex-direction:column;align-items:center;gap:var(--space-3)}.hero-name-group{align-items:center!important}.hero-name{font-size:clamp(3rem,14vw,5rem);-webkit-text-stroke:1px var(--color-text-heading)}.hero-bear-wrap{order:-1;margin:0}.hero-bear{width:160px;height:160px}.hero-cta{flex-direction:column;gap:var(--space-3)}.hero-cta .btn{text-align:center;justify-content:center}.dark-card-grid.cols-3,.dark-card-grid.cols-2,.dark-card-grid.cols-featured,.dark-card-grid.cols-asymmetric{grid-template-columns:1fr}.dark-card{border-right:none;padding:32px 28px}.dark-card-grid.cols-3 .dark-card:nth-child(3n),.dark-card-grid.cols-2 .dark-card:nth-child(2n),.dark-card-grid.cols-featured .dark-card:nth-child(2n),.dark-card-grid.cols-asymmetric .dark-card:nth-child(2n){border-right:none}.dark-card-grid.cols-3 .dark-card:nth-last-child(-n+3),.dark-card-grid.cols-2 .dark-card:nth-last-child(-n+2),.dark-card-grid.cols-featured .dark-card:nth-last-child(-n+2),.dark-card-grid.cols-asymmetric .dark-card:nth-last-child(-n+2){border-bottom:1px solid #333}.dark-card:last-child{border-bottom:none}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.dark-card-carousel{flex-direction:column;overflow-x:visible;scroll-snap-type:none}.dark-card-carousel .dark-card{min-width:100%;border-right:none;border-bottom:1px solid #333}.dark-card-carousel .dark-card:last-child{border-bottom:none}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:280px;justify-content:center}.hero-scroll-indicator{bottom:var(--space-10)}}@media(max-width:480px){.hero{height:100svh}.dark-section{padding:var(--space-16) 0}.dark-section+.dark-section{padding-top:0}.dark-card{padding:20px 16px}.dark-card-title{font-size:var(--text-base)}.dark-card-image{aspect-ratio:16 / 9}.hero-name{font-size:clamp(2.5rem,16vw,4rem);-webkit-text-stroke:.75px var(--color-text-heading)}.hero-bear{width:120px;height:120px}.hero-role{font-size:var(--text-base)}.hero-cta .btn{width:100%;justify-content:center}.cta-heading{font-size:clamp(1.5rem,6vw,2rem)}.cta-subtitle{font-size:var(--text-base)}.quote-section{padding:var(--space-16) 0}.hero-quote-text{font-size:clamp(1.25rem,5vw,1.75rem)}}