:root{--ink:#07111f;--navy:#0b1b30;--blue:#3f7cff;--cyan:#62d5ff;--paper:#f4f7fb;--white:#fff;--muted:#91a0b5;--line:rgba(255,255,255,.12);--dark-line:rgba(7,17,31,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:9;padding:18px 4vw}.nav{max-width:1240px;margin:auto;height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:rgba(7,17,31,.78);border:1px solid var(--line);backdrop-filter:blur(16px);border-radius:16px}.monogram{font:800 1.35rem "Manrope",sans-serif;letter-spacing:-.06em}.monogram span{color:var(--cyan)}.nav-links{display:flex;gap:30px;font-size:.9rem;color:#c5d0df}.nav-links a,.nav-cta{transition:.25s}.nav-links a:hover,.nav-cta:hover{color:var(--cyan)}.nav-cta{font-size:.9rem;font-weight:600}.section{max-width:1240px;margin:auto;padding:120px 4vw}.hero{min-height:100vh;padding-top:180px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;align-items:center;gap:40px;position:relative}.hero:before{content:"";position:absolute;width:580px;height:580px;right:-180px;top:80px;background:radial-gradient(circle,rgba(63,124,255,.17),transparent 67%);pointer-events:none}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.15em;color:#b4c1d4;text-transform:uppercase}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ae1a8;margin-right:10px;box-shadow:0 0 14px #4ae1a8}.hero h1,.section h2{font:700 clamp(3.2rem,7vw,6.7rem)/.98 "Manrope",sans-serif;letter-spacing:-.07em;margin:28px 0}.hero h1 span,.contact h2 span{color:var(--cyan)}.hero-description{max-width:620px;font-size:1.15rem;color:#aebdd1}.hero-actions{display:flex;gap:12px;margin-top:36px}.button{display:inline-flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;padding:14px 20px;font-weight:600;transition:.25s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);border-color:var(--blue);box-shadow:0 12px 32px rgba(63,124,255,.22)}.button.secondary:hover{border-color:var(--cyan)}.hero-visual{height:430px;position:relative;display:grid;place-items:center}.core{width:180px;height:180px;border-radius:50%;background:linear-gradient(145deg,#132b4d,#081421);border:1px solid rgba(98,213,255,.45);box-shadow:0 0 50px rgba(63,124,255,.25),inset 0 0 25px rgba(98,213,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.core strong{font:800 2rem "Manrope"}.core span{font-size:.68rem;letter-spacing:.16em;color:var(--cyan)}.core .core-small{color:#8093ab}.orbit{position:absolute;border:1px solid rgba(98,213,255,.22);border-radius:50%;animation:spin 28s linear infinite}.orbit-one{width:300px;height:300px}.orbit-two{width:420px;height:420px;animation-direction:reverse;animation-duration:38s}.skill-chip{position:absolute;padding:8px 12px;border:1px solid var(--line);background:rgba(13,31,54,.85);border-radius:9px;font-size:.76rem;color:#dbe7f6;z-index:3}.chip-one{top:60px;left:40px}.chip-two{top:95px;right:15px}.chip-three{bottom:75px;left:15px}.chip-four{bottom:52px;right:70px}@keyframes spin{to{transform:rotate(360deg)}}.hero-stats{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-top:30px}.hero-stats div{display:flex;align-items:center;gap:18px}.hero-stats strong{font:700 2.3rem "Manrope";color:var(--cyan)}.hero-stats span{font-size:.78rem;line-height:1.35;color:#8fa0b5}.about,.projects,.principles{background:var(--paper);color:var(--ink);max-width:none;padding-left:max(4vw,calc((100vw - 1240px)/2 + 4vw));padding-right:max(4vw,calc((100vw - 1240px)/2 + 4vw))}.section-label{display:flex;align-items:center;gap:14px;font-size:.76rem;font-weight:700;letter-spacing:.16em;color:#68758a}.section-label span{color:var(--blue)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about h2,.section-heading h2,.contact h2{font-size:clamp(2.7rem,5.2vw,5rem);margin:48px 0}.about-copy{padding-top:52px;color:#435168;font-size:1.05rem}.about-copy p:first-child{font-size:1.3rem;color:var(--ink)}.currently{border-left:3px solid var(--blue);padding-left:18px;margin-top:32px;display:flex;flex-direction:column}.currently span{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#7a8799}.currently strong{font-family:"Manrope"}.stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:65px;padding-top:35px;border-top:1px solid var(--dark-line)}.stack span,.project-tags span{border:1px solid var(--dark-line);padding:8px 12px;border-radius:8px;font-size:.8rem;background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{max-width:760px}.section-heading p{color:var(--muted);max-width:290px;margin-bottom:55px}.timeline{border-top:1px solid var(--line)}.role{display:grid;grid-template-columns:.7fr 1fr 1.35fr;gap:40px;padding:42px 0;border-bottom:1px solid var(--line)}.role-meta{display:flex;flex-direction:column;font-size:.7rem;letter-spacing:.12em;color:#71829a}.role-title h3{font:650 1.35rem "Manrope";margin:0}.role-title p{color:var(--cyan);margin:3px 0}.role-copy p{color:#aebcd0;margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:54px}.project-card{background:#fff;border:1px solid var(--dark-line);border-radius:20px;padding:34px;position:relative;min-height:360px;display:flex;flex-direction:column}.project-card.featured{grid-row:span 2;min-height:736px;background:var(--navy);color:#fff;justify-content:flex-end;overflow:hidden}.project-card.featured:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(98,213,255,.2);border-radius:50%;top:-70px;right:-100px;box-shadow:0 0 0 65px rgba(63,124,255,.04),0 0 0 130px rgba(63,124,255,.025)}.project-number{position:absolute;right:28px;top:18px;font:700 4.5rem "Manrope";color:rgba(7,17,31,.05)}.featured .project-number{color:rgba(255,255,255,.06)}.project-top{display:flex;gap:8px;font-size:.66rem;letter-spacing:.12em;color:#6a7890}.project-top span{border:1px solid var(--dark-line);border-radius:99px;padding:4px 8px}.featured .project-top{position:absolute;top:34px}.featured .project-top span{border-color:var(--line)}.project-card h3{font:700 2.3rem "Manrope";letter-spacing:-.04em;margin:auto 0 12px}.project-card p{color:#5d6a7c}.featured p{color:#b4c1d2;max-width:520px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.featured .project-tags span{background:rgba(255,255,255,.05);border-color:var(--line)}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:55px;border-top:1px solid var(--dark-line)}.principle{padding:32px 30px 10px 0}.principle+.principle{padding-left:30px;border-left:1px solid var(--dark-line)}.principle>span{font-size:.75rem;color:var(--blue)}.principle h3{font:650 1.35rem "Manrope"}.principle p{color:#667287}.contact{text-align:center;padding-top:150px;padding-bottom:150px}.contact h2{font-size:clamp(3.4rem,7vw,6.6rem)}.contact-copy{max-width:620px;margin:0 auto 36px;color:#9bacbf;font-size:1.1rem}.contact .button{margin:auto}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:30px 4vw;display:flex;align-items:center;justify-content:space-between;color:#7f90a6;font-size:.78rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:150px}.hero-visual{height:350px;grid-row:2}.hero-stats{grid-row:3}.about-grid,.section-heading{display:block}.about-copy{padding-top:0}.role{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card.featured{grid-row:auto;min-height:540px}.principles-grid{grid-template-columns:1fr}.principle+.principle{padding-left:0;border-left:0;border-top:1px solid var(--dark-line)}.orbit-two{width:350px;height:350px}}@media(max-width:560px){.section{padding:90px 22px}.nav-wrap{padding:12px}.nav{height:58px}.nav-cta{font-size:.78rem}.hero{padding-top:125px}.hero h1{font-size:3rem}.hero-actions{flex-direction:column}.button{justify-content:center}.hero-stats{grid-template-columns:1fr;gap:22px}.hero-visual{transform:scale(.86);margin-left:-22px;margin-right:-22px}.about,.projects,.principles{padding-left:22px;padding-right:22px}.role{gap:12px}.project-card{padding:26px}.section-heading p{margin-bottom:40px}.contact h2{font-size:3.2rem}footer{padding:25px 22px}footer p{display:none}}