:root{--bg: #34353C;--panel: #242832;--muted: #9aa3ad;--text: #e8eaed;--accent: #F0C06C;--accent-2: #ffd58a;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 12px;--max: 1100px;--padX: 80px;--contact-panel-y: 40px;--thanks-gap: 14vh;--vw: calc(100vw - (100vw - 100%)) }*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}html,body{height:100%}body{margin:0;color:var(--text);background:var(--bg);overflow-x:hidden;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;letter-spacing:.2px}html{overflow-x:hidden}#root{overflow-x:hidden;width:100%}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-20px);transition:opacity .8s ease,transform .8s ease}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(20px);transition:opacity .8s ease,transform .8s ease}.slide-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}.scale-in.visible{opacity:1;transform:scale(1)}.stagger-delay-1{transition-delay:.1s}.stagger-delay-2{transition-delay:.2s}.stagger-delay-3{transition-delay:.3s}.stagger-delay-4{transition-delay:.4s}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:0 auto;padding:0 var(--padX)}section{padding:96px 0}.section-title{font-family:Playfair Display,serif;font-size:clamp(26px,3.8vw,38px);font-weight:700;margin:0 0 20px;letter-spacing:.3px}.rule{height:2px;width:60px;background:var(--accent);border-radius:2px;margin:10px 0 26px}.btn{display:inline-block;border:2px solid var(--accent);color:var(--accent);font-weight:600;padding:8px 18px;border-radius:7px;transition:all .2s ease;background:transparent}.btn:hover{background:var(--accent);color:#1b1e24;box-shadow:var(--shadow)}@media (min-width: 1400px){.container{padding:0 96px}}@media (max-width: 1280px){:root{--padX: 56px}}@media (max-width: 980px){:root{--padX: 28px}}@media (max-width: 560px){:root{--padX: 20px}}@media (max-width: 780px){.btn{padding:8px 14px}}.nav{position:sticky;top:0;z-index:50;background:var(--bg)}.nav-wrap{display:flex;align-items:center;justify-content:center;gap:28px;height:70px}.nav a{font-weight:500;color:var(--muted);transition:color .2s ease}.nav a:hover,.nav a:focus{color:var(--accent)}.hero{position:relative;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:calc(100vh - 70px);gap:24px;position:relative;z-index:3}.kicker{color:var(--muted);font-weight:500;letter-spacing:.28em}.headline{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(28px,5.2vw,54px);line-height:1.1;margin:.3rem 0 1rem;opacity:0;transform:translateY(30px);animation:slideInUp 1s ease .3s forwards}.headline .im{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:.5em;letter-spacing:.08em}.headline .name{color:var(--accent)}.subtitle{color:var(--text);font-size:clamp(1.05rem,2.4vw + .25rem,1.75rem);max-width:42ch}.cta{margin-top:28px;opacity:0;transform:translateY(20px);animation:slideInUp .8s ease .8s forwards}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.portrait{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;pointer-events:none}.portrait img{height:calc(100vh - 100px);max-height:92vh;width:auto;max-width:none;display:block;filter:grayscale(100%);-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;-webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,1) 60%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(270deg,#000 60%,#0000);transition:filter .3s ease}.portrait:hover img{filter:grayscale(0%)}.social-rail{position:absolute;right:16px;bottom:18px;top:auto;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;z-index:12}.social-rail .rail-line{width:3px;height:140px;background:var(--accent);border-radius:6px}.social-rail .rail-icons{display:flex;flex-direction:column;gap:15px}.social-rail .si{width:20px;height:20px;display:grid;place-items:center;color:#fff;transition:transform .18s ease,color .18s ease;opacity:.9}.social-rail .si:hover{color:var(--accent);transform:translate(-2px);opacity:1}.edge-shadow{height:8vh;background:linear-gradient(to bottom,#00000014,#0000);pointer-events:none}@media (max-width:980px){.hero-inner{grid-template-columns:1fr;padding:40px 0;justify-items:center;text-align:center}.cta{display:flex;justify-content:center}.portrait{position:static;right:auto;top:auto;bottom:auto;justify-content:center;width:100%}.portrait img{width:min(640px,92vw);height:auto;max-height:70vh;-webkit-mask-image:none;mask-image:none}.social-rail{right:12px;bottom:18px;position:absolute;z-index:12}.edge-shadow{height:6vh}}@media (max-width:680px){.hero-inner{justify-items:center;text-align:center}.cta{display:flex;justify-content:center}.portrait{width:var(--vw);margin-left:calc(50% - var(--vw)/2);margin-right:calc(50% - var(--vw)/2);max-width:100%;overflow:hidden}.portrait img{width:100%;height:auto;max-height:none}.social-rail{position:absolute;right:16px;bottom:16px;z-index:12}.social-rail .rail-line{height:120px}.social-rail .si{width:18px;height:18px}}@media (max-width:560px){.edge-shadow{height:5vh}}#about{padding:56px 0}#about .section-title{margin:0 0 12px}#about .rule{margin:6px 0 16px}.about p{color:#cfd6dd;max-width:85ch;margin:0}.about strong{font-weight:700}.skills-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.skill-card{background:#3c3e42;border:1px solid #3C3E42;padding:24px;border-radius:var(--radius);text-align:center;min-height:110px;display:flex;align-items:center;justify-content:center;text-wrap:balance;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease;box-shadow:0 4px 16px #00000029}.skill-card:hover{background:var(--accent);color:#1b1e24;transform:translateY(-3px);border-color:transparent}.skills-grid{role:list}#skills .section-title{text-align:center}@media (max-width:980px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.skills-grid{grid-template-columns:1fr}}#portfolio,#contact{background:#2f333b;overflow-x:hidden;width:100%;max-width:100%}#portfolio{--tl-left: 22px}#portfolio .section-title{text-align:center}#portfolio .portfolio-timeline{position:relative}#portfolio .portfolio-timeline:before{content:"";position:absolute;left:var(--tl-left);top:0;bottom:0;width:2.5px;background:#ffffff47;border-radius:2px}.portfolio-subtitle{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:clamp(20px,2.2vw,26px);margin:55px 0 12px;text-align:left;position:relative;padding-left:calc(var(--tl-left) + 26px)}.portfolio-subtitle:before{content:"";position:absolute;left:calc(var(--tl-left) - 8px);top:.45em;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px #f0c06c2e,0 0 18px #f0c06c8c}.portfolio-placeholder{background:#3c3e42;border:1px dashed rgba(255,255,255,.12);color:var(--muted);border-radius:var(--radius);padding:16px 18px;text-align:left;margin-left:calc(var(--tl-left) + 26px)}.portfolio-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;margin-left:calc(var(--tl-left) + 26px)}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 24px #0000003d}.video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.portfolio-desc h3{margin:0 0 10px;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,24px);color:var(--accent)}.portfolio-desc p{margin:0;color:#dfe5ea}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-left:calc(var(--tl-left) + 26px)}.photo-card{background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 24px #0000003d;margin:0}.photo-card.v{aspect-ratio:3/4}.photo-card.h{aspect-ratio:16/10;grid-column:1 / span 2}.photo-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.photo-card:hover img{transform:scale(1.05)}.workshop-image{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 24px #0000003d}.workshop-image img{width:100%;height:auto;display:block;transition:transform .3s ease}.workshop-image:hover img{transform:scale(1.05)}@media (max-width:980px){.portfolio-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card.h{grid-column:1 / -1}}@media (max-width:680px){#portfolio{--tl-left: 14px}.portfolio-placeholder,.portfolio-grid,.photo-grid{margin-left:calc(var(--tl-left) + 18px)}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.photo-grid{grid-template-columns:1fr}}.chart-card{background:#3c3e42;border-radius:var(--radius);padding:16px 16px 10px;box-shadow:0 10px 24px #0000002e;position:relative;overflow:hidden;margin:14px 0;margin-left:calc(var(--tl-left) + 26px);--fb: var(--accent);--ig: #9ecbff}.chart-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:8px;padding-left:6px}.chart-title{font:600 16px Poppins,system-ui;color:#fff;letter-spacing:.2px}.legend{display:flex;gap:14px;align-items:center;color:#e5e8ec;font:500 13px Poppins,system-ui}.legend .dot{width:10px;height:10px;border-radius:50%}.legend .fb{background:var(--fb)}.legend .ig{background:var(--ig)}.chart{width:100%;height:auto;display:block}.chart-grid line{stroke:#ffffff1f;shape-rendering:crispEdges}.chart-grid text{fill:#cfd6dd;font:500 10px Poppins,system-ui}.chart-path.fb{fill:none;stroke:var(--fb);stroke-width:2.5}.chart-path.ig{fill:none;stroke:var(--ig);stroke-width:2.5}.chart-points circle{r:3;fill:#15171c;stroke-width:2}.chart-points circle.fb{stroke:var(--fb)}.chart-points circle.ig{stroke:var(--ig)}.year-label{fill:#dfe5ea;font:600 12px Poppins,system-ui}.chart-tooltip{position:absolute;left:0;top:0;transform:translate(-50%,-100%);background:#2a2e36;border:1px solid rgba(255,255,255,.12);color:#fff;padding:8px 10px;border-radius:10px;font:500 12px Poppins,system-ui;pointer-events:none;box-shadow:0 10px 24px #00000047}.chart-tooltip .row{display:flex;align-items:center;gap:8px}.chart-tooltip .dot{width:8px;height:8px;border-radius:50%}.chart-note{color:#dfe5ea;font:500 13px Poppins,system-ui;line-height:1.6;margin:10px 0 4px;padding-left:calc(var(--tl-left) + 26px)}.chart-note em{color:var(--muted)}.contact-title{display:flex;align-items:center;justify-content:center;gap:16px}.contact-title .line{flex:1;height:2px;background:var(--accent);border-radius:2px;max-width:240px;opacity:.95}.contact-panel{background:var(--bg);border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);padding:28px 0 34px;margin-top:18px}.contact-cards{display:grid;grid-template-columns:repeat(2,minmax(240px,360px));gap:18px 22px;justify-content:center;max-width:820px;margin:0 auto 22px}.contact-chip{background:#2f333b;border:0;border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 0 6px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.contact-chip svg{width:22px;height:22px;color:#e8eaed;opacity:.9}.contact-chip span{color:var(--accent);font-weight:500}.contact-social{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px}.contact-social:before,.contact-social:after{content:"";height:2px;width:140px;background:var(--accent);border-radius:2px;opacity:.95}.contact-social a{color:#fff;opacity:.9;transition:color .2s,transform .2s}.contact-social a:hover{color:var(--accent);transform:translateY(-2px);opacity:1}.contact-divider{display:flex;align-items:center;gap:14px;width:100%;max-width:100%;padding:0;position:relative;z-index:3;overflow:hidden}.contact-divider .line{flex:1;height:2px;background:var(--accent);border-radius:2px}.contact-divider .label{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(24px,3.4vw,40px);color:var(--text)}.contact-divider .icons{display:flex;align-items:center;gap:18px}.contact-divider .icons .si{color:#fff;opacity:.9}.contact-divider .icons .si:hover{color:var(--accent);opacity:1}.contact-band{background:var(--bg);width:100%;max-width:100%;position:relative;z-index:1;padding:60px 0;margin-top:-30px;margin-bottom:-30px;overflow:hidden}.thanks-wrap{padding-top:var(--thanks-gap);text-align:center;padding-bottom:0;margin-bottom:0}.thanks{font-family:Playfair Display,serif;font-size:clamp(22px,3vw,34px);color:var(--accent);margin:0;padding-bottom:48px;transition:opacity .8s ease,transform .8s ease}@media (max-width:680px){.contact-cards{grid-template-columns:1fr}.contact-title .line{max-width:120px}.contact-social:before,.contact-social:after{width:90px}}footer{background:var(--bg);border-top:0;padding:64px 0 48px;text-align:center;color:var(--muted)}.footer-social{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 0}.footer-social .si{color:#fff;opacity:.9;transition:color .2s ease}.footer-social .si:hover{color:var(--accent);opacity:1}.copy{color:var(--muted);font-size:.95rem}