:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f2ee;background:#0b0b0f;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b0b0f;--panel: #121218;--muted: #9999a5;--line: rgba(255,255,255,.11);--white: #f4f2ee;--accent: #c7ff35;--accent2: #9b7cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 80% 5%,rgba(155,124,255,.13),transparent 30%),radial-gradient(circle at 10% 30%,rgba(199,255,53,.06),transparent 25%)}a{color:inherit;text-decoration:none}button{font:inherit}.site{overflow:hidden}.nav{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;transition:.3s ease;border-bottom:1px solid transparent}body.scrolled .nav{background:#0b0b0fd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--line)}.logo{display:flex;align-items:center;gap:11px}.logo>span{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-size:11px;letter-spacing:-.5px;font-weight:800}.logo-image{width:37px;height:37px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.35)}.logo strong{display:block;font-size:14px;letter-spacing:-.2px}.logo small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1.6px;margin-top:2px}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;color:#c6c6cd}.nav-links a:not(.nav-cta):hover{color:var(--white)}.nav-cta{display:flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;color:var(--white)}.nav-cta:hover{border-color:#c7ff3580;color:var(--accent)}.menu-btn{display:none;border:0;background:transparent;color:var(--white)}.section{width:100%;max-width:none;margin:0 auto;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)}.hero{min-height:100vh;padding-top:145px;padding-bottom:80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:7px;color:var(--accent);text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800}.hero h1{margin:20px 0;font-size:clamp(58px,7.5vw,108px);line-height:.88;letter-spacing:-6px;max-width:850px;font-weight:800}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(244,242,238,.72)}.hero-text{color:var(--muted);font-size:16px;line-height:1.75;max-width:580px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:700;transition:.25s ease}.btn-primary{background:var(--accent);color:#0b0b0f;border-color:var(--accent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #c7ff3524}.btn-ghost:hover{border-color:#ffffff59;transform:translateY(-2px)}.hero-meta{display:flex;align-items:center;gap:9px;margin-top:35px;color:#767681;font-size:11px}.dot{width:4px;height:4px;border-radius:50%;background:#555560}.hero-art{min-height:560px;position:relative;display:grid;place-items:center}.hero-art-image{position:absolute;z-index:2;width:min(56%,300px);height:min(68%,380px);object-fit:cover;border-radius:12px;opacity:.86;mix-blend-mode:screen}.art-grid{position:absolute;top:8%;right:5%;bottom:8%;left:5%;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:35px 35px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.orbit-one{width:430px;height:430px;transform:rotate(24deg) scaleX(.45)}.orbit-two{width:470px;height:470px;transform:rotate(-30deg) scaleX(.45);border-color:#c7ff3533}.main-card{width:310px;height:400px;position:relative;z-index:2;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#25252e,#101015 70%);border:1px solid rgba(255,255,255,.18);box-shadow:30px 35px 90px #00000073;transform:rotate(6deg)}.main-card small{font-size:9px;letter-spacing:2px;color:#aaaab3}.main-card strong{font-size:52px;line-height:.82;letter-spacing:-3px}.main-card i{color:var(--accent);font-style:normal}.card-line{height:1px;width:65%;background:#ffffff4d}.main-card>span{font-size:9px;letter-spacing:2px;color:#777783}.floating-tag{position:absolute;z-index:3;padding:9px 13px;border:1px solid rgba(255,255,255,.18);background:#0f0f14cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:9px;letter-spacing:1.5px}.tag-one{top:15%;right:5%;transform:rotate(8deg)}.tag-two{bottom:18%;left:5%;transform:rotate(-7deg);color:var(--accent2)}.tag-three{top:42%;left:-2%;transform:rotate(-12deg);color:var(--accent)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:150px}.stat{padding:30px 20px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:34px;letter-spacing:-1.5px}.stat span{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px;max-width:150px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading h2,.about-statement h2,.contact-inner h2{font-size:clamp(46px,6vw,78px);line-height:.92;letter-spacing:-4px;margin:14px 0 0}.section-heading h2 em,.about-statement h2 em,.contact-inner h2 em{color:var(--accent);font-style:normal}.section-heading>p{max-width:320px;color:var(--muted);font-size:13px;line-height:1.7}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter{background:transparent;color:#858590;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:10px;cursor:pointer}.filter.active,.filter:hover{color:var(--white);border-color:#ffffff59}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{display:block}.project-visual{height:440px;position:relative;overflow:hidden;border:1px solid var(--line);background:#17171e}.project-card:nth-child(3n) .project-visual{height:520px}.project-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:.8}.visual-number{position:absolute;top:18px;left:18px;font-size:10px;color:#ffffff8c;z-index:4}.visual-copy{position:absolute;left:25px;bottom:25px;z-index:4;max-width:72%}.visual-copy small{display:block;text-transform:uppercase;letter-spacing:2px;font-size:9px;margin-bottom:8px;opacity:.7}.visual-copy strong{display:block;font-size:clamp(28px,3vw,43px);line-height:.9;letter-spacing:-2px}.visual-shape{position:absolute;z-index:2;width:280px;height:380px;border-radius:48% 52% 45% 55%;background:#8b77ff;right:10%;top:8%;transform:rotate(22deg);filter:blur(.2px)}.project-orange .visual-shape{background:#ff8a35;border-radius:5%;transform:rotate(-15deg)}.project-purple .visual-shape{background:#a278ff;border-radius:50%;width:360px;height:360px}.project-green .visual-shape{background:#b9f33a;transform:rotate(45deg)}.project-pink .visual-shape{background:#ff5d91;border-radius:20% 80% 30% 70%}.project-cyan .visual-shape{background:#48e6df;border-radius:70% 30% 65% 35%;transform:rotate(-30deg)}.project-blue .visual-shape{background:#557bff}.project-visual:after{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 40%,#000000c7)}.project-arrow{position:absolute;z-index:5;top:18px;right:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#00000059;border:1px solid rgba(255,255,255,.2)}.project-info{display:flex;justify-content:space-between;gap:25px;padding:17px 2px 25px}.project-info h3{margin:0 0 5px;font-size:16px}.project-info p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:430px}.case-link{flex:0 0 auto;display:flex;align-items:center;gap:4px;color:#b8b8c0;font-size:10px;white-space:nowrap}.project-card:hover .project-arrow{background:var(--accent);color:#0b0b0f;transform:rotate(45deg)}.project-card:hover .visual-shape{transform:rotate(28deg) scale(1.05)}.project-card,.project-arrow,.visual-shape{transition:.35s ease}.center-action{text-align:center;padding:30px 0 150px}.about-section{padding:110px clamp(20px,5vw,80px) 150px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-statement>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:580px;margin-top:30px}.skill-list{align-self:center;border-top:1px solid var(--line)}.skill-row{display:grid;grid-template-columns:40px 1fr 25px;gap:15px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.skill-row>span{color:#555560;font-size:10px}.skill-row h3{margin:0 0 4px;font-size:16px}.skill-row p{margin:0;color:var(--muted);font-size:11px}.skill-row>svg{color:#666671}.experience-section{padding-bottom:150px}.section-heading.compact{margin-bottom:70px}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--line);padding:28px 0}.timeline-marker{color:var(--accent);font-size:10px;padding-top:4px}.timeline-top{display:flex;justify-content:space-between;gap:30px}.timeline-top span{color:#666671;font-size:10px}.timeline-top h3{margin:0;font-size:21px;letter-spacing:-.5px}.timeline-main h4{margin:8px 0;color:#b0b0b9;font-size:12px;font-weight:500}.timeline-main p{margin:0;color:var(--muted);font-size:12px;line-height:1.65;max-width:650px}.education-strip{padding:35px clamp(20px,5vw,80px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:30px}.education-strip h2{margin:12px 0 5px;font-size:30px;letter-spacing:-1px}.education-strip p{color:var(--muted);margin:0;font-size:11px}.education-note{color:#666671;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.contact-section{padding:160px clamp(20px,5vw,80px)}.contact-inner{max-width:900px}.contact-inner>p{color:var(--muted);max-width:500px;line-height:1.7;font-size:13px;margin:30px 0}.contact-mail{display:inline-flex;align-items:center;gap:12px;font-size:clamp(22px,3vw,38px);letter-spacing:-1px;border-bottom:1px solid rgba(199,255,53,.4);padding-bottom:7px}.contact-mail:hover{color:var(--accent)}.social-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.social-row a{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;font-size:10px;color:#aaaab3}.social-row a:hover{color:var(--white);border-color:#ffffff59}.footer{width:100%;margin:auto;padding:25px clamp(20px,5vw,80px) 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#5d5d67;font-size:10px}.footer a{color:var(--white)}.rotate-180{transform:rotate(180deg)}@media(max-width:900px){.nav-links{gap:18px}.hero{grid-template-columns:1fr;padding-top:125px}.hero-art{min-height:450px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat{border-bottom:1px solid var(--line)}.project-grid{grid-template-columns:1fr}.project-card:nth-child(3n) .project-visual{height:440px}.about-section{grid-template-columns:1fr}}@media(max-width:680px){.nav{padding:0 5%}.menu-btn{display:block}.nav-links{position:absolute;top:78px;left:5%;right:5%;padding:18px;display:none;flex-direction:column;align-items:stretch;gap:4px;background:#121218f7;border:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{padding:13px}.nav-cta{justify-content:center}.hero h1{letter-spacing:-4px}.hero-art{min-height:390px;transform:scale(.85);margin:-35px 0}.main-card{width:260px;height:335px}.main-card strong{font-size:43px}.section-heading{display:block}.section-heading>p{margin-top:25px}.stats{margin-bottom:100px}.stat{padding:23px 10px}.stat strong{font-size:27px}.project-visual{height:380px}.visual-shape{width:220px;height:300px}.project-info{display:block}.case-link{margin-top:13px}.timeline-item{grid-template-columns:45px 1fr}.timeline-top{display:block}.timeline-top span{display:block;margin-bottom:8px}.education-strip{display:block}.education-note{margin-top:25px}.contact-section{padding:110px clamp(20px,5vw,80px)}.footer{display:block;line-height:2}}.admin-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:#0b0b0f;color:#f4f1ea}.admin-card{width:min(100%,1100px);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:clamp(24px,5vw,56px);background:#14141a;box-shadow:0 24px 80px #00000059}.admin-login{max-width:520px}.admin-card h1{margin:10px 0 14px;font-size:clamp(2rem,5vw,4.5rem);line-height:.95}.admin-card p{color:#a5a3ac;line-height:1.7}.admin-card label{display:block;margin:28px 0 8px;color:#a5a3ac;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.admin-card input,.admin-textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#0d0d11;color:#f4f1ea;font:inherit;outline:none}.admin-card input{padding:14px 16px}.admin-card input:focus,.admin-textarea:focus{border-color:#d7ff54}.admin-button{border:0;border-radius:999px;padding:12px 18px;background:#d7ff54;color:#11120e;font:inherit;font-weight:700;cursor:pointer}.admin-button:disabled{cursor:wait;opacity:.55}.admin-button.muted{background:#ffffff1a;color:#f4f1ea}.admin-toolbar,.admin-footer,.admin-actions{display:flex;align-items:center;gap:12px}.admin-toolbar{justify-content:space-between;gap:24px}.admin-textarea{display:block;min-height:60vh;margin-top:24px;padding:18px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem;line-height:1.6}.admin-footer{flex-wrap:wrap;margin-top:18px}.admin-link{color:#d7ff54;text-decoration:none}.admin-status{margin:0 0 0 auto;color:#d7ff54!important}.admin-upload{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-top:24px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff08}.admin-upload label{margin-top:0}.admin-upload input[type=file]{padding:12px}@media(max-width:640px){.admin-shell{padding:16px}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-status{margin-left:0;width:100%}.admin-upload{grid-template-columns:1fr;align-items:stretch}}.admin-page{display:block;padding:32px clamp(16px,4vw,64px)}.admin-dashboard{width:100%;max-width:1440px;margin:0 auto}.admin-dashboard>.admin-toolbar{margin-bottom:24px}.admin-toolbar h1{margin:10px 0 8px;font-size:clamp(2.2rem,5vw,5rem);line-height:.95;letter-spacing:-3px}.admin-toolbar p{max-width:620px;margin:0;color:#a5a3ac;line-height:1.6}.admin-section{margin-top:18px;padding:clamp(20px,3vw,34px);border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#14141a}.admin-section-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.admin-section-heading h2{margin:0 0 7px;font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.7px}.admin-section-heading p{margin:0;color:#898894;font-size:.88rem;line-height:1.5}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.admin-field{display:block;min-width:0}.admin-field-wide{grid-column:1 / -1}.admin-field>span,.admin-label{display:block;margin:0 0 7px;color:#a5a3ac;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-field input,.admin-field textarea,.admin-list-row input{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:9px;padding:12px 13px;background:#0d0d11;color:#f4f1ea;font:inherit;font-size:.88rem;outline:none}.admin-field textarea{min-height:112px;resize:vertical;line-height:1.55}.admin-field input:focus,.admin-field textarea:focus,.admin-list-row input:focus{border-color:#d7ff54}.admin-repeaters,.admin-card-list{display:grid;gap:12px;margin-top:18px}.admin-item-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:end;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff06}.admin-repeat-card{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff06}.admin-repeat-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;color:#f4f1ea}.admin-repeat-heading strong{font-size:.9rem}.admin-remove-button,.admin-add-button,.admin-icon-button{border:0;cursor:pointer;font:inherit}.admin-remove-button{padding:7px 10px;border-radius:999px;background:#ff5b911f;color:#ff8eaf;font-size:.72rem}.admin-add-button{margin-top:16px;padding:9px 13px;border:1px dashed rgba(215,255,84,.45);border-radius:999px;background:transparent;color:#d7ff54;font-size:.78rem}.admin-icon-button{width:37px;height:37px;border-radius:50%;background:#ffffff14;color:#f4f1ea;font-size:1.35rem;line-height:1}.admin-list-field{margin-top:20px}.admin-list-row{display:flex;gap:8px;margin-top:8px}.admin-list-row input{flex:1}.admin-image-field{min-width:0}.admin-file-button{display:inline-flex;align-items:center;width:fit-content;margin-top:9px;padding:8px 11px;border-radius:999px;background:#d7ff541f;color:#d7ff54;font-size:.72rem;cursor:pointer}.admin-file-button input{display:none}.admin-savebar{position:sticky;bottom:16px;z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#14141af0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-savebar .admin-status{margin-left:auto}@media(max-width:720px){.admin-page{padding:18px 12px}.admin-grid,.admin-item-row{grid-template-columns:1fr}.admin-field-wide{grid-column:auto}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-actions{width:100%}.admin-actions .admin-button,.admin-actions .admin-link{flex:1;text-align:center}.admin-savebar{bottom:8px}.admin-savebar .admin-button{flex:1}.admin-savebar .admin-status{width:100%;margin-left:0}}