.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;transform:scale(1);opacity:1;will-change:transform,opacity,filter;overflow:hidden}.intro--out{transform:scale(1.9);opacity:0;filter:blur(24px);transition:transform .8s cubic-bezier(.6,0,.9,.2),opacity .7s ease,filter .8s ease}@keyframes lightBloom{0%{opacity:0;transform:scale(.5)}45%{opacity:.85;transform:scale(1.3)}to{opacity:0;transform:scale(2.4)}}.intro-flash{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:3;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.3) 35%,transparent 70%);opacity:0;animation-name:lightBloom;animation-timing-function:ease-out;animation-fill-mode:both}.intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.04;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.6) 100%)}.intro-frame{position:absolute;top:28px;right:28px;bottom:28px;left:28px;z-index:1;pointer-events:none}.intro-frame:before,.intro-frame:after{content:"";position:absolute;left:0;right:0;height:1px;background:#ffffff1f}.intro-frame:before{top:0}.intro-frame:after{bottom:0}.intro-frame-corner{position:absolute;width:18px;height:18px}.intro-frame-corner--tl{top:-1px;left:0;border-top:1px solid rgba(255,255,255,.28);border-left:1px solid rgba(255,255,255,.28)}.intro-frame-corner--tr{top:-1px;right:0;border-top:1px solid rgba(255,255,255,.28);border-right:1px solid rgba(255,255,255,.28)}.intro-frame-corner--bl{bottom:-1px;left:0;border-bottom:1px solid rgba(255,255,255,.28);border-left:1px solid rgba(255,255,255,.28)}.intro-frame-corner--br{bottom:-1px;right:0;border-bottom:1px solid rgba(255,255,255,.28);border-right:1px solid rgba(255,255,255,.28)}.intro-fallback{display:none}@media (prefers-reduced-motion: reduce){.intro-fallback{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:22px;-webkit-user-select:none;user-select:none}}.intro-mark{width:56px;height:56px;color:var(--text-primary)}.intro-star-svg{width:100%;height:100%}.intro-wordmark{font-family:var(--font-display);font-style:normal;font-size:clamp(24px,4vw,36px);font-weight:500;letter-spacing:-.01em;color:var(--text-primary)}.intro-caption{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--text-tertiary)}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0);opacity:.4}50%{transform:translate(-50%) translateY(8px);opacity:.9}}.hero{position:relative;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px var(--space-md) 140px;text-align:center;background:var(--bg)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.5) 100%)}.hero-frame{position:absolute;top:28px;right:28px;bottom:28px;left:28px;pointer-events:none;z-index:1}.hero-frame:before,.hero-frame:after{content:"";position:absolute;left:0;right:0;height:1px;background:#ffffff1f}.hero-frame:before{top:0}.hero-frame:after{bottom:0}.hero-frame-corner{position:absolute;width:18px;height:18px}.hero-frame-corner--tl{top:-1px;left:0;border-top:1px solid rgba(255,255,255,.28);border-left:1px solid rgba(255,255,255,.28)}.hero-frame-corner--tr{top:-1px;right:0;border-top:1px solid rgba(255,255,255,.28);border-right:1px solid rgba(255,255,255,.28)}.hero-frame-corner--bl{bottom:-1px;left:0;border-bottom:1px solid rgba(255,255,255,.28);border-left:1px solid rgba(255,255,255,.28)}.hero-frame-corner--br{bottom:-1px;right:0;border-bottom:1px solid rgba(255,255,255,.28);border-right:1px solid rgba(255,255,255,.28)}.hero-sidenote{position:absolute;z-index:1;right:18px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--text-secondary);white-space:nowrap}@media (max-width: 700px){.hero-sidenote{display:none}}.hero-content{position:relative;z-index:2;max-width:820px;opacity:0;transform:translateY(22px);transition:opacity 1.1s var(--ease-smooth),transform 1.1s var(--ease-smooth)}.hero-content--in{opacity:1;transform:none}.hero-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary);margin-bottom:28px}.hero-title{font-size:clamp(56px,12vw,152px);font-weight:500;letter-spacing:-.02em;line-height:.98;color:var(--text-primary);margin-bottom:var(--space-md)}.hero-title em{font-style:italic;font-weight:400;color:var(--text-secondary)}.hero-body{font-size:clamp(16px,2.2vw,20px);color:var(--text-secondary);max-width:460px;margin:0 auto;line-height:1.7}.hero-scroll{position:absolute;bottom:40px;left:50%;color:var(--text-tertiary);opacity:0;transition:opacity 1s ease .6s;z-index:2;animation:scrollBounce 2.8s ease-in-out infinite}.hero-scroll--in{opacity:1}.work-wrap{background:var(--bg)}.work-intro{max-width:1100px;margin:0 auto;padding:var(--space-xl) var(--space-md) var(--space-lg);text-align:center}.work-intro-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary);margin-bottom:16px}.work-intro-title{font-size:clamp(32px,5.5vw,56px);font-weight:500;letter-spacing:-.01em;line-height:1.15;color:var(--text-primary)}.work-section{padding:var(--space-2xl) var(--space-md);border-top:1px solid var(--border)}.work-section--alt{background:var(--bg-alt)}.work-reel{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-tertiary);border:1px solid var(--border);border-radius:4px;padding:4px 8px;margin-bottom:20px}.work-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1100px;margin:0 auto}.work-layout--reverse{direction:rtl}.work-layout--reverse>*{direction:ltr}.work-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--text-tertiary);margin-bottom:12px}.work-name{font-size:clamp(48px,7.5vw,92px);font-weight:500;letter-spacing:-.01em;line-height:1;color:var(--text-primary);margin-bottom:24px}.work-desc{font-size:clamp(15px,1.8vw,18px);color:var(--text-secondary);line-height:1.7;margin-bottom:28px;max-width:440px}.work-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);padding-bottom:3px;border-bottom:1px solid var(--border);transition:border-color .2s ease,gap .2s ease,color .2s ease}.work-link:hover{border-color:var(--text-primary);gap:12px}.work-link svg{flex-shrink:0}.work-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px}.work-visual-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.work-spotlight{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.bframe{position:relative;width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 16px #0000004d}.bframe-bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--border);background:#ffffff05}.bframe-dot{width:8px;height:8px;border-radius:50%;background:#ffffff24}.bframe-body{padding:28px;display:flex;flex-direction:column;align-items:center;gap:20px}.work-apps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.work-app-chip{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.work-icon-wrap{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:#ffffff0a;border:1px solid var(--border);border-radius:24px;color:var(--icon-color)}.work-icon-wrap--lg{width:110px;height:110px;border-radius:28px}.work-tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.work-tag{font-size:12px;font-weight:600;padding:6px 12px;background:#ffffff0a;border:1px solid var(--border);border-radius:980px;color:var(--text-secondary)}@media (max-width: 780px){.work-layout{grid-template-columns:1fr;gap:48px}.work-layout--reverse{direction:ltr}.work-visual{min-height:200px}.work-apps-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.work-apps-grid{grid-template-columns:repeat(2,1fr)}}.ethos{padding:var(--space-2xl) var(--space-md);display:flex;flex-direction:column;align-items:stretch;gap:56px;background:var(--bg-alt)}.ethos-rule{height:1px;background:var(--border);max-width:1100px;margin:0 auto;width:100%}.ethos-inner{max-width:760px;margin:0 auto;text-align:center}.ethos-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary);margin-bottom:20px}.ethos-title{font-size:clamp(42px,8.5vw,96px);font-weight:500;letter-spacing:-.01em;line-height:1.05;color:var(--text-primary);margin-bottom:28px}.ethos-title em{font-style:italic;font-weight:400;color:var(--text-secondary)}.ethos-body{font-size:clamp(15px,2vw,18px);color:var(--text-secondary);line-height:1.7;max-width:600px;margin:0 auto 32px}.ethos-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ethos-tag{font-size:12px;font-weight:600;padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:980px;color:var(--text-secondary);letter-spacing:.04em}