.home-page{--c-bg:#08080A;--c-bg2:#0F0F12;--c-bg3:#16161A;--c-bg4:#1E1E23;--c-surface:#222228;--c-border:rgba(255,255,255,0.06);--c-border-m:rgba(255,255,255,0.10);--c-border-h:rgba(255,255,255,0.16);--c-text:#EDECEA;--c-text-m:#A8A6A0;--c-text-d:#5E5C58;--c-accent:#1DA882;--c-accent-l:#5DCAA5;--c-accent-bg:rgba(29,168,130,0.08);--c-accent-b:rgba(29,168,130,0.25);--c-glow:rgba(29,168,130,0.12);--f-display:var(--font-syne),"Syne",sans-serif;--f-body:var(--font-dm-sans),"DM Sans",sans-serif;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-elastic:cubic-bezier(0.34,1.56,0.64,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--t-fast:220ms;--t-med:360ms;--t-slow:520ms;--ease-smooth:cubic-bezier(0.4,0,0.2,1);--case-radius:14px;--case-grid-gap:10px;background-color:var(--c-bg);color:var(--c-text);min-height:100vh}.home-page ::-moz-selection{background:rgba(29,168,130,.3);color:#fff}.home-page ::selection{background:rgba(29,168,130,.3);color:#fff}.home-page a{color:inherit;text-decoration:none}.home-page img{display:block;max-width:100%}.home-page .cursor-glow{position:fixed;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--c-glow) 0,transparent 70%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:opacity .5s;opacity:0;will-change:left,top}.home-page:hover .cursor-glow{opacity:1}.home-page:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}.home-page nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,48px);height:64px;background:rgba(8,8,10,.72);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border-bottom:1px solid var(--c-border);transition:transform .5s var(--ease-out),background .3s}.home-page nav.hidden{transform:translateY(-100%)}.home-page .nav-name{font-family:var(--f-display);font-weight:700;font-size:14px;letter-spacing:.06em;color:var(--c-text);display:flex;align-items:center;gap:10px}.home-page .nav-name .dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 12px var(--c-accent);animation:pulse-dot 2.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 12px var(--c-accent);transform:scale(1)}50%{box-shadow:0 0 28px var(--c-accent),0 0 56px rgba(29,168,130,.15);transform:scale(1.15)}}.home-page .nav-links{display:flex;gap:32px;list-style:none;position:relative;align-items:center}.home-page .nav-active-pill{position:absolute;bottom:-7px;left:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-l));box-shadow:0 0 14px rgba(29,168,130,.45);pointer-events:none;opacity:0;width:0;transition:left var(--t-med) var(--ease-spring),width var(--t-med) var(--ease-spring),opacity var(--t-fast) var(--ease-out)}.home-page .nav-links a{font-size:13px;color:var(--c-text-d);letter-spacing:.02em;transition:color var(--t-fast) var(--ease-out);position:relative}.home-page .nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:var(--c-accent);transform-origin:left center;transform:scaleX(0);transition:transform var(--t-med) var(--ease-spring)}.home-page .nav-links a:hover{color:var(--c-text)}.home-page .nav-links a:hover:after{transform:scaleX(1)}.home-page .nav-links a.is-active{color:var(--c-text)}.home-page .nav-links a.is-active:after{transform:scaleX(0)}.home-page .nav-cta{padding:8px 20px;border-radius:100px;border:1px solid var(--c-accent-b);background:var(--c-accent-bg);color:var(--c-accent-l);font-size:12px;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:all .35s var(--ease-out)}.home-page .nav-cta:hover{background:var(--c-accent);color:#fff;border-color:var(--c-accent);transform:translateY(-1px);box-shadow:0 4px 24px rgba(29,168,130,.35)}.home-page .hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px clamp(20px,4vw,48px) 80px;position:relative;overflow:hidden;gap:40px;--hero-parallax:0}.home-page .hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;transform:translate3d(0,calc(var(--hero-parallax) * .22px),0);transition:transform .15s linear;will-change:transform}.home-page .hero-gradient-mesh{position:absolute;inset:-40%;background:radial-gradient(ellipse 55% 45% at 20% 30%,rgba(29,168,130,.11),transparent 50%),radial-gradient(ellipse 50% 40% at 85% 20%,rgba(93,202,165,.08),transparent 48%),radial-gradient(ellipse 40% 50% at 60% 85%,rgba(29,168,130,.06),transparent 45%);filter:blur(0);animation:hero-mesh-drift 28s ease-in-out infinite;opacity:.85}@keyframes hero-mesh-drift{0%,to{transform:translateZ(0) rotate(0deg) scale(1)}33%{transform:translate3d(2.5%,-1.5%,0) rotate(2deg) scale(1.04)}66%{transform:translate3d(-2%,2%,0) rotate(-1.5deg) scale(1.02)}}.home-page .hero-noise-slow{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px;animation:hero-noise-move 18s linear infinite;mix-blend-mode:overlay;pointer-events:none}@keyframes hero-noise-move{0%{background-position:0 0}to{background-position:256px 180px}}.home-page .hero-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 0);background-size:72px 72px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 70%);animation:hero-grid-shift 16s linear infinite}.home-page .hero-bg:after{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(93,202,165,.09),transparent 32%),radial-gradient(circle at 20% 20%,rgba(29,168,130,.06),transparent 35%);filter:blur(28px);opacity:.8;transition:opacity var(--t-med) var(--ease-out)}@keyframes hero-grid-shift{0%{transform:translateZ(0)}50%{transform:translate3d(-24px,-18px,0)}to{transform:translateZ(0)}}.home-page .hero-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:orb-float 14s ease-in-out infinite;--orb-scroll:0px}.home-page .hero-orb-1{width:600px;height:600px;background:rgba(29,168,130,.1);top:-150px;right:10%}.home-page .hero-orb-2{width:400px;height:400px;background:rgba(29,168,130,.06);bottom:5%;left:-100px;animation-delay:-5s}.home-page .hero-orb-3{width:250px;height:250px;background:rgba(93,202,165,.07);top:30%;left:40%;animation-delay:-9s}@keyframes orb-float{0%,to{transform:translateY(var(--orb-scroll)) scale(1)}33%{transform:translate(30px,calc(-25px + var(--orb-scroll))) scale(1.06)}66%{transform:translate(-25px,calc(18px + var(--orb-scroll))) scale(.96)}}.home-page .hero-content{position:relative;max-width:620px;z-index:2;transform:translate3d(0,calc(var(--hero-parallax) * -.1px),0);transition:transform .15s linear;will-change:transform}.home-page .hero-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent);margin-bottom:36px;opacity:0;animation:hero-fade-up .8s var(--ease-out) .2s forwards}.home-page .hero-eyebrow:before{content:"";width:36px;height:1px;background:var(--c-accent)}.home-page .hero-eyebrow .status-dot{width:6px;height:6px;border-radius:50%;background:var(--c-accent);animation:pulse-dot 2s ease-in-out infinite}.home-page .hero-title{font-family:var(--f-display);font-size:clamp(44px,6vw,80px);font-weight:800;line-height:.95;letter-spacing:-.035em;margin-bottom:32px}.home-page .hero-title .line{display:block;opacity:0;filter:blur(12px);transform:translateY(36px) rotateX(12deg);animation:hero-line-up 1.05s var(--ease-spring) forwards;transform-origin:bottom}.home-page .hero-title .line:first-child{animation-delay:.28s}.home-page .hero-title .line:nth-child(2){animation-delay:.44s}.home-page .hero-title .line:nth-child(3){animation-delay:.6s}.home-page .hero-title .accent{color:var(--c-accent)}.home-page .hero-title .dim{color:var(--c-text-d)}@keyframes hero-line-up{to{opacity:1;filter:blur(0);transform:translateY(0) rotateX(0)}}@keyframes hero-fade-up{to{opacity:1}}.home-page .hero-desc{font-size:clamp(15px,1.6vw,18px);color:var(--c-text-m);max-width:520px;line-height:1.75;margin-bottom:44px;opacity:0;animation:hero-fade-up .8s var(--ease-out) .8s forwards}.home-page .hero-actions{display:flex;gap:16px;align-items:center;opacity:0;animation:hero-fade-up .8s var(--ease-out) .95s forwards}.home-page .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;border-radius:100px;background:var(--c-accent);color:#fff;font-size:14px;font-weight:600;font-family:var(--f-body);border:none;cursor:pointer;transition:transform var(--t-med) var(--ease-elastic),box-shadow var(--t-med) var(--ease-out),background var(--t-fast) var(--ease-out);position:relative;overflow:hidden}.home-page .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s}.home-page .btn-primary:hover:before{opacity:1}.home-page .btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 40px rgba(29,168,130,.4),0 2px 8px rgba(29,168,130,.3)}.home-page .btn-primary:active{transform:translateY(0) scale(.97)}.home-page .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:100px;background:transparent;color:var(--c-text-m);font-size:14px;font-weight:500;font-family:var(--f-body);border:1px solid var(--c-border-m);cursor:pointer;transition:transform var(--t-med) var(--ease-elastic),border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.home-page .btn-secondary:hover{color:var(--c-text);border-color:var(--c-border-h);transform:translateY(-3px);background:var(--c-bg3)}.home-page .hero-photo-wrap{position:relative;display:flex;justify-content:center;align-items:center;z-index:2;transform:translate3d(0,calc(var(--hero-parallax) * -.16px),0);transition:transform .15s linear;will-change:transform}.home-page .hero-photo-container{position:relative;width:clamp(320px,30vw,480px);height:clamp(400px,38vw,580px);opacity:0;animation:hero-photo-in 1.15s var(--ease-out) .5s forwards}@keyframes hero-photo-in{0%{opacity:0;transform:scale(.92) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.home-page .hero-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border-radius:24px;filter:grayscale(1) contrast(1.05) brightness(.95);transition:filter .6s var(--ease-out),transform .6s var(--ease-out);position:relative;z-index:2;animation:hero-photo-breathe 6s ease-in-out infinite}.home-page .hero-photo-wrap:hover .hero-photo{animation-play-state:paused}@keyframes hero-photo-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.014)}}.home-page .hero-photo:hover{filter:grayscale(.3) contrast(1.02) brightness(1);transform:scale(1.02)}.home-page .hero-photo-glow{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);width:80%;height:200px;background:radial-gradient(ellipse,rgba(29,168,130,.25) 0,transparent 70%);filter:blur(40px);z-index:1;animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}.home-page .hero-photo-border{position:absolute;inset:-3px;border-radius:27px;background:linear-gradient(135deg,var(--c-accent),transparent 40%,transparent 60%,rgba(93,202,165,.3));z-index:1;opacity:.5;transition:opacity .4s}.home-page .hero-photo-container:hover .hero-photo-border{opacity:.9}.home-page .hero-float-tag{position:absolute;padding:8px 16px;border-radius:10px;background:rgba(22,22,26,.85);backdrop-filter:blur(12px);border:1px solid var(--c-border-m);font-size:12px;font-weight:500;color:var(--c-text-m);z-index:5;white-space:nowrap;animation:float-tag 5s ease-in-out infinite;box-shadow:0 8px 32px rgba(0,0,0,.3)}.home-page .hero-float-tag .tag-accent{color:var(--c-accent-l)}.home-page .hero-float-tag:first-child{top:12%;right:-16px;animation-delay:0s}.home-page .hero-float-tag:nth-child(2){bottom:18%;left:-20px;animation-delay:-2s}@keyframes float-tag{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-page .hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:hero-fade-up .8s var(--ease-out) 1.4s forwards;z-index:5}.home-page .scroll-mouse{width:24px;height:38px;border-radius:12px;border:1.5px solid var(--c-text-d);position:relative}.home-page .scroll-mouse:after{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:3px;height:8px;border-radius:2px;background:var(--c-accent);animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateX(-50%) translateY(0);opacity:1}50%{transform:translateX(-50%) translateY(12px);opacity:.2}}.home-page .scroll-text{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-d)}.home-page .section{padding:clamp(80px,10vw,140px) clamp(20px,4vw,48px);position:relative}.home-page .section-inner{max-width:1200px;margin:0 auto;text-align:center}.home-page .section-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);margin-bottom:20px}.home-page .section-label .num{opacity:.5}.home-page .section-title{font-family:var(--f-display);font-size:clamp(32px,4.5vw,56px);font-weight:700;line-height:1.06;letter-spacing:-.025em;margin-bottom:20px}.home-page .section-desc{color:var(--c-text-m);max-width:580px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.7}.home-page .band{background:var(--c-bg2)}.home-page .rv{opacity:0;transform:translateY(36px) scale(.98);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-spring)}.home-page .rv.visible{opacity:1;transform:translateY(0) scale(1)}.home-page .rv-stagger>*{opacity:0;transform:translateY(22px) scale(.99);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-spring)}.home-page .rv-stagger.visible>*{opacity:1;transform:translateY(0) scale(1)}.home-page .rv-stagger.visible>:first-child{transition-delay:0s}.home-page .rv-stagger.visible>:nth-child(2){transition-delay:.1s}.home-page .rv-stagger.visible>:nth-child(3){transition-delay:.2s}.home-page .rv-stagger.visible>:nth-child(4){transition-delay:.3s}.home-page .rv-stagger.visible>:nth-child(5){transition-delay:.4s}.home-page .rv-stagger.visible>:nth-child(6){transition-delay:.5s}.home-page .marquee-section{padding:44px 0;overflow:hidden;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:var(--c-bg2)}.home-page .marquee-track{display:flex;animation:marquee 35s linear infinite;width:-moz-max-content;width:max-content}.home-page .marquee-track:hover{animation-play-state:paused}.home-page .marquee-item{flex-shrink:0;padding:0 clamp(24px,3vw,48px);font-family:var(--f-display);font-size:clamp(15px,1.8vw,22px);font-weight:600;color:var(--c-text-d);white-space:nowrap;display:flex;align-items:center;gap:16px;transition:color .3s}.home-page .marquee-item:hover{color:var(--c-accent-l)}.home-page .marquee-item .sep{width:6px;height:6px;border-radius:50%;background:var(--c-accent);opacity:.4;flex-shrink:0}@keyframes marquee{to{transform:translateX(-50%)}}.home-page .about-section{position:relative;overflow:hidden}.home-page .about-section:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:70%;background:radial-gradient(ellipse 50% 60% at 15% 35%,rgba(29,168,130,.09),transparent 55%),radial-gradient(ellipse 45% 50% at 92% 25%,rgba(93,202,165,.06),transparent 50%);pointer-events:none;z-index:0}.home-page .about-section:after{content:"";position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;mix-blend-mode:overlay;pointer-events:none;z-index:0}.home-page .about-section .section-inner{position:relative;z-index:1}.home-page .about-header{text-align:center;max-width:680px;margin:0 auto}.home-page .about-header .about-title{margin-bottom:16px}.home-page .about-header .about-intro{max-width:100%;margin:0 auto}.home-page .about-title-line{display:block}.home-page .about-head-block.rv .about-intro,.home-page .about-head-block.rv .about-title-line{opacity:0;transform:translateY(22px)}.home-page .about-head-block.rv.visible .about-title-line{animation:about-line-in .85s var(--ease-spring) forwards}.home-page .about-head-block.rv.visible .about-title-line:first-child{animation-delay:.06s}.home-page .about-head-block.rv.visible .about-title-line:nth-child(2){animation-delay:.16s}.home-page .about-head-block.rv.visible .about-intro{animation:about-line-in .75s var(--ease-out) .28s forwards}@keyframes about-line-in{to{opacity:1;transform:translateY(0)}}.home-page .about-code{background:linear-gradient(120deg,var(--c-accent-l) 0,var(--c-accent) 42%,rgba(125,255,176,.95) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block}.home-page .about-code:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,transparent,var(--c-accent-b),transparent);opacity:.65;pointer-events:none}.home-page .about-intro{color:var(--c-text-m);font-size:clamp(15px,1.35vw,17px);line-height:1.65;max-width:36ch;margin:0}.home-page .about-intro br{display:none}@media (min-width:520px){.home-page .about-intro br{display:inline}}.home-page .about-pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(48px,5vw,64px)}@media (max-width:900px){.home-page .about-pillars-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.home-page .about-pillars-grid{grid-template-columns:1fr}}.home-page .about-pillar{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 20px;border-radius:20px;background:linear-gradient(145deg,rgba(34,34,40,.65),rgba(22,22,26,.92));border:1px solid var(--c-border);box-shadow:0 12px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);transition:transform var(--t-med) var(--ease-spring),box-shadow var(--t-med) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.home-page .about-pillar:hover{transform:translateY(-5px) scale(1.015);border-color:var(--c-accent-b);box-shadow:0 20px 56px rgba(0,0,0,.32),0 0 0 1px rgba(29,168,130,.12),0 0 48px rgba(29,168,130,.08),inset 0 1px 0 rgba(255,255,255,.07)}.home-page .about-pillar-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--c-accent-bg);border:1px solid var(--c-accent-b);color:var(--c-accent-l);flex-shrink:0}.home-page .about-pillar-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.home-page .about-pillar-title{font-family:var(--f-display);font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--c-text);margin:16px 0 6px}.home-page .about-pillar-desc{font-size:13px;line-height:1.5;color:var(--c-text-d);margin:0}.home-page .about-skills-row{margin-top:clamp(40px,4vw,56px);display:flex;justify-content:center}.home-page .about-skills-row .skill-tags{justify-content:center;margin-bottom:0}.home-page .skill-group-label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-d);margin-bottom:10px}.home-page .skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.home-page .skill-tags:last-child{margin-bottom:0}.home-page .skill-tag{padding:7px 14px;border-radius:100px;font-size:12px;font-weight:500;border:1px solid var(--c-border-m);color:var(--c-text-m);background:rgba(15,15,18,.4);transition:transform .35s var(--ease-elastic),border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),box-shadow var(--t-med) var(--ease-out);cursor:default}.home-page .skill-tag:hover{transform:translateY(-2px) scale(1.045);box-shadow:0 0 20px rgba(29,168,130,.18),0 4px 16px rgba(0,0,0,.15)}.home-page .skill-tag.highlight,.home-page .skill-tag:hover{border-color:var(--c-accent-b);color:var(--c-accent-l);background:var(--c-accent-bg)}.home-page #work .section-inner>.rv:not(.cases-grid){display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.home-page .cases-grid{display:flex;flex-direction:column;gap:0;margin-top:56px}.home-page .cases-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}.home-page .cases-filter-btn{font-family:var(--f-body);font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--c-text-m);background:rgba(255,255,255,.04);border:1px solid var(--c-border);border-radius:999px;padding:10px 18px;cursor:pointer;transition:color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.home-page .cases-filter-btn:hover{color:var(--c-text);border-color:var(--c-border-h);background:rgba(255,255,255,.07)}.home-page .cases-filter-btn.is-active{color:var(--c-bg);background:var(--c-accent);border-color:rgba(29,168,130,.55);box-shadow:0 0 0 1px rgba(29,168,130,.25)}.home-page .cases-filter-btn:focus-visible{outline:2px solid var(--c-accent-l);outline-offset:3px}.home-page .case-card-sticky-wrap.case-filter-hidden{display:none}.home-page .case-card-sticky-wrap{position:sticky;top:calc(var(--nav-h, 56px) + (var(--card-z, 1) - 1) * 32px);z-index:var(--card-z,1);padding-bottom:24px}.home-page .case-card-sticky-wrap:not(.case-filter-hidden):last-of-type{padding-bottom:0}.home-page .case-card{position:relative;border-radius:24px;overflow:hidden;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(260px,1fr);min-height:500px;text-decoration:none;color:inherit;background:var(--card-bg,#16181c);border:1px solid var(--c-border);box-shadow:0 16px 48px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);transition:transform var(--t-slow) var(--ease-spring),box-shadow var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out);--deco-x:0px;--deco-y:0px}.home-page .case-shimmer{position:absolute;inset:-1px;z-index:6;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.08) 49%,transparent 58%);background-size:240% 100%;background-position:130% 0;opacity:0;mix-blend-mode:soft-light;transition:opacity var(--t-med) var(--ease-out);border-radius:inherit}.home-page .case-card:hover .case-shimmer{opacity:1;animation:case-shimmer-sweep .75s var(--ease-out) forwards}@keyframes case-shimmer-sweep{0%{background-position:130% 0}to{background-position:-40% 0}}.home-page .case-card:before{border-radius:inherit;border:1px solid transparent;background:linear-gradient(135deg,rgba(29,168,130,.2),transparent,transparent,rgba(93,202,165,.15)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;z-index:2}.home-page .case-card:after,.home-page .case-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--t-med) var(--ease-out);pointer-events:none}.home-page .case-card:after{border-radius:inherit;background:radial-gradient(circle at var(--card-mx,50%) var(--card-my,50%),rgba(29,168,130,.14),transparent 34%),linear-gradient(110deg,rgba(255,255,255,.02),transparent 45%);z-index:1}.home-page .case-card:hover:after,.home-page .case-card:hover:before{opacity:1}.home-page .case-card:hover{border-color:var(--c-accent-b);transform:translateY(-8px) scale(1.01);box-shadow:0 36px 88px rgba(0,0,0,.4),0 0 0 1px var(--c-accent-b),inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 80px rgba(29,168,130,.04)}.home-page .case-card--club-tie{--card-bg:#100d16}.home-page .case-card--club-tie:before{background:linear-gradient(135deg,rgba(97,49,196,.35),transparent,transparent,rgba(179,147,249,.2)) border-box}.home-page .case-card--club-tie:after{background:radial-gradient(circle at var(--card-mx,50%) var(--card-my,50%),rgba(150,103,247,.22),transparent 38%),linear-gradient(110deg,rgba(255,255,255,.025),transparent 45%)}.home-page .case-card--club-tie:hover{border-color:rgba(150,103,247,.42);box-shadow:0 36px 88px rgba(0,0,0,.42),0 0 0 1px rgba(150,103,247,.32),inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 88px rgba(97,49,196,.12)}.home-page .case-card--club-tie .case-float{color:#c9b0fc}.home-page .case-card--club-tie .case-eyebrow{color:#b593f9}.home-page .case-card--halan-ds{--card-bg:#0a1210}.home-page .case-card--halan-ds:before{background:linear-gradient(135deg,rgba(0,169,112,.32),transparent,transparent,rgba(77,220,176,.18)) border-box}.home-page .case-card--halan-ds:after{background:radial-gradient(circle at var(--card-mx,50%) var(--card-my,50%),rgba(0,169,112,.22),transparent 40%),linear-gradient(110deg,rgba(255,255,255,.025),transparent 45%)}.home-page .case-card--halan-ds:hover{border-color:rgba(0,169,112,.48);box-shadow:0 36px 88px rgba(0,0,0,.42),0 0 0 1px rgba(0,169,112,.32),inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 88px rgba(0,169,112,.1)}.home-page .case-card--halan-ds .case-float{color:#4ddcb0}.home-page .case-card--halan-ds .case-eyebrow{color:#00a970}.home-page .case-card--mabaat:before{background:linear-gradient(135deg,rgba(68,136,134,.3),transparent,transparent,rgba(110,196,190,.16)) border-box}.home-page .case-card--mabaat:after{background:radial-gradient(circle at var(--card-mx,50%) var(--card-my,50%),rgba(68,136,134,.2),transparent 38%),linear-gradient(110deg,rgba(255,255,255,.02),transparent 45%)}.home-page .case-card--mabaat:hover{border-color:rgba(68,136,134,.45);box-shadow:0 36px 88px rgba(0,0,0,.4),0 0 0 1px rgba(68,136,134,.3),inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 80px rgba(68,136,134,.07)}.home-page .case-card--mabaat .case-float{color:#6ec4be}.home-page .case-card--mabaat .case-eyebrow{color:#448886}.home-page .case-card--otida:before{background:linear-gradient(135deg,rgba(26,90,187,.32),transparent,transparent,rgba(107,163,245,.14)) border-box}.home-page .case-card--otida:after{background:radial-gradient(circle at var(--card-mx,50%) var(--card-my,50%),rgba(26,90,187,.2),transparent 36%),linear-gradient(110deg,rgba(255,255,255,.02),transparent 45%)}.home-page .case-card--otida:hover{border-color:rgba(26,90,187,.42);box-shadow:0 36px 88px rgba(0,0,0,.4),0 0 0 1px rgba(107,163,245,.28),inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 80px rgba(26,90,187,.08)}.home-page .case-card--otida .case-float{color:#8bb8ff}.home-page .case-card--otida .case-eyebrow{color:#6ba3f5}.home-page .case-card--mnt-halan:before{background:linear-gradient(135deg,rgba(0,169,112,.3),transparent,transparent,rgba(77,220,176,.16)) border-box}.home-page .case-card--mnt-halan:after{background:radial-gradient(circle at var(--card-mx,50%) var(--card-my,50%),rgba(0,169,112,.2),transparent 38%),linear-gradient(110deg,rgba(255,255,255,.02),transparent 45%)}.home-page .case-card--mnt-halan:hover{border-color:rgba(0,169,112,.48);box-shadow:0 36px 88px rgba(0,0,0,.4),0 0 0 1px rgba(0,169,112,.3),inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 80px rgba(0,169,112,.08)}.home-page .case-card--mnt-halan .case-float{color:#4ddcb0}.home-page .case-card--mnt-halan .case-eyebrow{color:#00a970}.home-page .case-card-content{position:relative;z-index:4;padding:clamp(36px,5vw,52px) clamp(28px,4vw,48px) clamp(18px,3vw,28px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2vw,20px);transition:transform var(--t-med) var(--ease-spring)}.home-page .case-brand{font-family:var(--f-display);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-m)}.home-page .case-eyebrow{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);margin:0}.home-page .case-title{font-family:var(--f-display);font-size:clamp(26px,3.2vw,38px);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin:0;max-width:20ch;color:var(--c-text);transition:transform var(--t-med) var(--ease-spring)}.home-page .case-card:hover .case-title{transform:translateY(-2px)}.home-page .case-desc{font-family:var(--f-body);font-size:14px;color:var(--c-text-m);line-height:1.7;max-width:42ch;margin:0}.home-page .case-card-visual{position:relative;z-index:4;min-height:280px;overflow:hidden;display:flex;align-items:stretch;justify-content:flex-end;padding:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.15));transition:transform var(--t-med) var(--ease-spring)}.home-page .case-visual-mesh{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;mix-blend-mode:soft-light;pointer-events:none}.home-page .case-float{position:absolute;width:44px;height:44px;border-radius:14px;background:rgba(22,22,26,.92);border:1px solid var(--c-border-m);box-shadow:0 12px 32px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;color:var(--c-accent-l);z-index:2;animation:case-float-y 5s ease-in-out infinite;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home-page .case-float svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.home-page .case-float--1{top:14%;left:10%;animation-delay:0s}.home-page .case-float--2{top:22%;right:12%;animation-delay:-1.2s}.home-page .case-float--3{bottom:38%;left:8%;animation-delay:-2.4s;width:38px;height:38px;border-radius:12px}.home-page .case-float--3 svg{width:17px;height:17px}@keyframes case-float-y{0%,to{transform:translateZ(0) translate3d(var(--deco-x),var(--deco-y),0)}50%{transform:translate3d(0,-10px,0) translate3d(var(--deco-x),var(--deco-y),0)}}.home-page .case-card-full-img-wrap{position:relative;z-index:1;width:100%;flex:1;margin-top:auto;overflow:hidden;transform:translate3d(var(--deco-x),var(--deco-y),0);transition:transform .65s var(--ease-elastic)}.home-page .case-card-full-img,.home-page .case-card-thumb-video{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.home-page .case-card-thumb-video{min-height:clamp(200px,32vw,320px);background:var(--c-bg3)}.home-page .case-card-full-img-wrap:has(.case-card-full-img) .case-card-full-placeholder,.home-page .case-card-full-img-wrap:has(.case-card-thumb-video) .case-card-full-placeholder{display:none}.home-page .case-card-full-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;padding:24px;text-align:center;background:linear-gradient(165deg,var(--c-bg3) 0,var(--c-bg4) 100%);aspect-ratio:16/10;min-height:clamp(200px,32vw,320px)}.home-page .case-card-full-placeholder span{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-d)}.home-page .case-card-full-placeholder small{font-size:12px;color:var(--c-text-d);opacity:.75;max-width:280px;line-height:1.45}.home-page .soon-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-page .case-card-soon{position:relative;background:var(--c-bg3);border:1px dashed var(--c-border-m);border-radius:20px;padding:48px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;min-height:200px;transition:all .4s var(--ease-out)}.home-page .case-card-soon:hover{border-color:var(--c-accent-b);background:var(--c-bg4);transform:translateY(-3px)}.home-page .case-card-soon .soon-icon{width:52px;height:52px;border-radius:16px;background:var(--c-accent-bg);display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease-elastic)}.home-page .case-card-soon:hover .soon-icon{transform:scale(1.1) rotate(-4deg)}.home-page .case-card-soon .soon-icon svg{width:22px;height:22px;stroke:var(--c-accent);fill:none;stroke-width:1.5}.home-page .case-card-soon .soon-text{font-size:14px;color:var(--c-text-d);font-weight:500}.home-page .case-card-soon .soon-sub{font-size:12px;color:var(--c-text-d);opacity:.6}.home-page .philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--case-grid-gap);margin-top:56px;position:relative}.home-page .philosophy-grid:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,var(--c-accent-b) 12%,var(--c-accent) 50%,var(--c-accent-b) 88%,transparent);opacity:.22;pointer-events:none;animation:philosophy-flow 8s ease-in-out infinite}@keyframes philosophy-flow{0%,to{opacity:.18;filter:blur(0)}50%{opacity:.32;filter:blur(.5px)}}.home-page .philosophy-card{background:var(--c-bg3);border:1px solid var(--c-border);border-radius:var(--case-radius);padding:44px 34px;position:relative;overflow:hidden;transition:background var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out);cursor:default}.home-page .philosophy-card:hover{background:var(--c-bg4);border-color:var(--c-border-m);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.home-page .philosophy-card:after{content:"";position:absolute;inset:-30% -20%;background:radial-gradient(circle at 50% 0,rgba(29,168,130,.14),transparent 58%);opacity:0;transition:opacity var(--t-med) var(--ease-out);pointer-events:none}.home-page .philosophy-card:hover:after{opacity:1}.home-page .philosophy-card h3,.home-page .philosophy-card p,.home-page .philosophy-icon{position:relative;z-index:1}.home-page .philosophy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--c-accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}.home-page .philosophy-card:hover:before{transform:scaleX(1)}.home-page .philosophy-icon{width:44px;height:44px;border-radius:14px;background:var(--c-accent-bg);display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:transform .5s var(--ease-elastic)}.home-page .philosophy-card:hover .philosophy-icon{transform:scale(1.12) rotate(-6deg)}.home-page .philosophy-icon svg{width:20px;height:20px;stroke:var(--c-accent);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.home-page .philosophy-card h3{font-family:var(--f-display);font-size:18px;font-weight:600;color:var(--c-text);margin-bottom:10px}.home-page .philosophy-card p{font-size:14px;color:var(--c-text-m);line-height:1.7}.home-page .timeline.experience-stepper{margin-top:56px;position:relative;text-align:left;padding-top:0}.home-page .experience-stepper-list{--exp-rail:52px;--exp-spine-w:2px;--exp-spine-left:calc((var(--exp-rail) - var(--exp-spine-w)) / 2);--exp-node:44px;--exp-node-radius:10px;--exp-spine-progress:0;position:relative;display:flex;flex-direction:column;gap:clamp(28px,4vw,40px);list-style:none;margin:0;padding:0}.home-page .experience-stepper-list:before{background:rgba(255,255,255,.08)}.home-page .experience-stepper-list:after,.home-page .experience-stepper-list:before{content:"";position:absolute;left:var(--exp-spine-left);top:calc(var(--exp-node) / 2);bottom:calc(var(--exp-node) / 2);width:var(--exp-spine-w);border-radius:999px;pointer-events:none;z-index:0}.home-page .experience-stepper-list:after{background:linear-gradient(180deg,var(--c-accent) 0,rgba(93,202,165,.55) 70%,rgba(93,202,165,.2) 100%);box-shadow:0 0 16px rgba(29,168,130,.2);transform-origin:top center;transform:scaleY(var(--exp-spine-progress));will-change:transform}.home-page .experience-stepper-item.timeline-panel{position:relative;z-index:1;display:grid;grid-template-columns:var(--exp-rail) minmax(0,1fr);gap:clamp(14px,3vw,22px);align-items:start;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.home-page .experience-stepper-node{display:flex;justify-content:center;align-items:flex-start;padding-top:2px}.home-page .experience-step-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--exp-node);height:var(--exp-node);padding:7px;border-radius:var(--exp-node-radius);border:2px solid rgba(255,255,255,.12);background:var(--c-bg2);box-sizing:border-box;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out)}.home-page .experience-stepper-item.timeline-panel:hover .experience-step-indicator{border-color:rgba(29,168,130,.5)}.home-page .experience-step-logo.timeline-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;min-width:0;border-radius:calc(var(--exp-node-radius) - 3px);border:0;background:transparent;overflow:hidden}.home-page .experience-step-logo .timeline-logo-img{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.home-page .experience-stepper-card{min-width:0;padding-top:0}.home-page .timeline-panel-head{display:flex;align-items:flex-start;gap:18px}.home-page .timeline-panel-head--step{gap:0}.home-page .timeline-panel-logo.timeline-logo{width:72px;min-height:72px;border-radius:14px;border:1px solid var(--c-border-m);background:rgba(15,15,18,.45);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-page .timeline-panel-logo .timeline-logo-img{width:44px;height:44px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}.home-page .timeline-summary{min-width:0;flex:1}.home-page .timeline-role{font-family:var(--f-display);font-size:22px;font-weight:600;color:var(--c-text);margin-bottom:6px}.home-page h3.timeline-role{margin:0 0 6px;line-height:1.2}.home-page .timeline-company{font-size:14px;color:var(--c-text-m);margin-bottom:2px}.home-page .timeline-date{font-size:11px;font-weight:500;letter-spacing:.03em;color:var(--c-text-d);margin-top:8px;line-height:1.5}.home-page .experience-stepper-item .timeline-desc{margin-top:14px}.home-page .timeline-desc{margin:18px 0 0;padding:0;list-style:none;font-size:13px;color:var(--c-text-d);line-height:1.65}.home-page .timeline-desc li{margin-bottom:6px}.home-page .timeline-desc li:last-child{margin-bottom:0}@media (prefers-reduced-motion:reduce){.home-page .experience-step-indicator{transition:none}.home-page .experience-stepper-list:after{transform:scaleY(1);will-change:auto}}.home-page .contact-section{text-align:center;padding:clamp(80px,12vw,160px) clamp(20px,4vw,48px);position:relative;overflow:hidden}.home-page .contact-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(29,168,130,.06) 0,transparent 60%);pointer-events:none}.home-page .contact-section .section-title{max-width:none}.home-page .contact-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}.home-page .contact-link{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:100px;border:1px solid var(--c-border-m);font-size:14px;font-weight:500;color:var(--c-text-m);transition:all .4s var(--ease-elastic)}.home-page .contact-link:hover{border-color:var(--c-accent-b);color:var(--c-accent-l);background:var(--c-accent-bg);transform:translateY(-4px);box-shadow:0 8px 32px rgba(29,168,130,.1)}.home-page .contact-link svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.home-page footer{border-top:1px solid var(--c-border);padding:40px clamp(20px,4vw,48px);display:flex;justify-content:space-between;align-items:center}.home-page .footer-left{font-size:13px;color:var(--c-text-d)}.home-page .footer-right{font-size:12px;color:var(--c-text-d);display:flex;align-items:center;gap:6px}.home-page .footer-right .vibe-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:6px;background:var(--c-accent-bg);border:1px solid var(--c-accent-b);color:var(--c-accent-l);font-size:11px;font-weight:500}.home-page .magnetic{transition:transform .3s var(--ease-elastic)}.home-page .pressable{transition:transform .12s ease,filter .12s ease}.home-page .pressable.is-pressed{transform:scale(.97);filter:brightness(.95)}@media (max-width:1024px){.home-page .hero{grid-template-columns:1fr;text-align:left;min-height:auto;padding-top:140px;padding-bottom:60px}.home-page .hero-photo-wrap{order:-1;justify-content:flex-start}.home-page .hero-photo-container{width:240px;height:300px}.home-page .hero-float-tag{display:none}}@media (max-width:900px){.home-page .nav-links{display:none}.home-page .about-layout{grid-template-columns:1fr;gap:48px}.home-page .about-pillars{margin-top:8px}.home-page .case-card{min-height:0}.home-page .case-card-visual{min-height:240px}.home-page .case-float--3{display:none}.home-page .case-card:hover .case-title{transform:none}.home-page .case-card-full-img,.home-page .case-card-full-placeholder,.home-page .case-card-thumb-video{min-height:200px}.home-page .philosophy-grid{grid-template-columns:1fr}.home-page .philosophy-grid:before{display:none}.home-page .soon-grid{grid-template-columns:1fr}.home-page .timeline-panel-logo.timeline-logo{width:64px;min-height:64px}.home-page .timeline-panel-logo .timeline-logo-img{width:40px;height:40px}.home-page .timeline-role{font-size:18px}}@media (max-width:600px){.home-page .hero-actions{flex-direction:column;align-items:flex-start}.home-page .experience-stepper-list{--exp-rail:46px;--exp-node:38px;--exp-node-radius:8px;gap:24px}.home-page .experience-stepper-item.timeline-panel{gap:12px}.home-page .experience-step-indicator{padding:6px}.home-page .timeline-panel-head{flex-direction:column;align-items:flex-start;gap:14px}.home-page .timeline-date{margin-top:6px}}