#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 60px;position:relative;overflow:hidden}.hero-line{position:absolute;top:0;right:160px;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--border) 30%,var(--border) 70%,transparent);opacity:.5}.hero-counter{font-size:11px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:32px}.hero-title{font-family:Playfair Display,serif;font-size:clamp(56px,8vw,120px);font-weight:700;line-height:1;color:var(--white);overflow:hidden;margin-bottom:8px}.hero-title-line{display:block;overflow:hidden}.hero-title-inner{display:block;transform:translateY(100%)}.hero-italic{font-family:Playfair Display,serif;font-style:italic;font-weight:400;color:var(--accent)}.hero-sub{max-width:420px;color:var(--muted);font-size:13px;line-height:1.9;margin-top:40px;margin-left:4px}.hero-img{position:absolute;top:50%;right:0;height:70vh;margin-right:60px;transform:translateY(-50%);animation:heroFloat 6s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(-50%) translateY(0)}50%{transform:translateY(-50%) translateY(-12px)}}.hero-img img{height:100%;width:100%;object-fit:contain;pointer-events:none;display:block;mask-image:linear-gradient(180deg,black 75%,transparent);-webkit-mask-image:linear-gradient(180deg,black 75%,transparent)}.hero-img-frame{position:absolute;inset:-8px;pointer-events:none;overflow:visible}.hero-img:before{content:"";position:absolute;inset:-1px;border-left:1px solid var(--accent);border-bottom:1px solid var(--accent);opacity:0;transition:opacity .3s}.hero-frame-svg{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);pointer-events:none;overflow:visible}.hero-frame-svg .frame-rect{fill:none;stroke:var(--accent);stroke-width:1;stroke-dasharray:6 8;stroke-dashoffset:0;opacity:.55;animation:dashRun 22s linear infinite}@keyframes dashRun{to{stroke-dashoffset:-200}}.hero-frame-svg .corner-br,.hero-frame-svg .corner-tl{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:square;opacity:0}.hero-img-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 60%,rgba(200,169,126,.08) 0,transparent 70%);pointer-events:none;opacity:0;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.hero-img-scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,169,126,.5),transparent);top:0;pointer-events:none;opacity:0;animation:scanDown 5s ease-in-out infinite}@keyframes scanDown{0%{top:0;opacity:0}5%{opacity:1}95%{opacity:.6}to{top:100%;opacity:0}}.hero-scroll{position:absolute;bottom:40px;left:60px;display:flex;align-items:center;gap:16px}.scroll-line{width:48px;height:1px;background:var(--accent);transform-origin:left;transform:scaleX(0)}.scroll-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.hero-year{position:absolute;bottom:44px;right:60px;font-size:11px;letter-spacing:.1em;color:var(--muted)}#about{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:start}.about-heading{font-family:Playfair Display,serif;font-size:clamp(36px,4vw,56px);font-weight:400;line-height:1.2;color:var(--white);margin-bottom:32px}.about-text{color:var(--muted);font-size:13px;line-height:2;max-width:460px}.about-right{padding-top:80px}.skill-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.skill-name{font-size:13px;color:var(--text)}.skill-blobs{display:flex;gap:6px;align-items:center}.blob{border-radius:999px;flex-shrink:0;opacity:.55}#works{background:transparent}.works-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px;gap:20px}.project-card{background:var(--surface);border:1px solid var(--border);padding:40px;position:relative;overflow:hidden;cursor:none;transition:border-color .4s}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,169,126,.04),transparent 60%);opacity:0;transition:opacity .4s}.project-card:hover{border-color:rgba(200,169,126,.3)}.project-card:hover:before{opacity:1}.card-1{grid-column:span 7}.card-2,.card-3{grid-column:span 5}.card-4{grid-column:span 7}.project-number{font-size:10px;letter-spacing:.2em;color:var(--muted);margin-bottom:40px;display:block}.project-visual{width:100%;aspect-ratio:16/9;background:var(--border);margin-bottom:32px;position:relative;overflow:hidden}.project-visual-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.pv-1{background:linear-gradient(135deg,#3a3000,#5a4a00,#8a7000)}.pv-browser{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:2}.project-visual:hover .pv-browser{opacity:1}.pv-browser-bar{height:22px;background:#1a1a1a;display:flex;align-items:center;gap:5px;padding-left:10px;flex-shrink:0;border-bottom:1px solid #2a2a2a}.pv-browser-bar span{width:6px;height:6px;border-radius:50%;background:#444}.pv-iframe{flex:1 1;border:none;width:100%;background:var(--bg);overflow:hidden}.pv-2{background:linear-gradient(135deg,#0d1b1e,#1a3a3a,#2d5a5a)}.pv-3{background:linear-gradient(135deg,#0a1a0a,#1a3a1a,#2d5a2d)}.pv-4{background:linear-gradient(135deg,#2a0a0a,#4a1a1a,#6a2a2a)}.pv-shape{width:80px;height:80px;border:1px solid rgba(255,255,255,.08);border-radius:50%;position:relative}.pv-shape:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.06);border-radius:50%}.project-title{font-family:Playfair Display,serif;font-size:22px;color:var(--white);margin-bottom:8px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tag{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:4px 10px;transition:border-color .3s,color .3s}.project-card:hover .tag{border-color:rgba(200,169,126,.2);color:var(--accent)}.project-link{position:absolute;bottom:40px;right:40px;width:40px;height:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;font-size:16px;transition:border-color .3s,color .3s,transform .3s}.project-link:hover{border-color:var(--accent);color:var(--accent);transform:rotate(45deg)}#contact{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:end;border-top:1px solid var(--border)}.contact-heading{font-family:Playfair Display,serif;font-size:clamp(40px,5vw,72px);font-weight:700;color:var(--white);line-height:1.1}.contact-heading em{color:var(--accent);font-style:italic}.contact-desc{color:var(--muted);font-size:13px;line-height:2;margin-bottom:48px}.contact-email{display:inline-flex;align-items:center;gap:16px;text-decoration:none;color:var(--white);font-family:Playfair Display,serif;font-size:18px;border-bottom:1px solid var(--border);padding-bottom:12px;transition:border-color .3s,color .3s}.contact-email:hover{border-color:var(--accent);color:var(--accent)}.socials{display:flex;gap:24px;margin-top:40px}.social-link{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .3s}.social-link:hover{color:var(--accent)}@media (max-width:900px){#hero{padding-left:30px;padding-right:30px}#about,#contact{grid-template-columns:1fr}.card-1,.card-2,.card-3,.card-4{grid-column:span 12}.hero-scroll{left:30px}.hero-year{right:30px}}