.main-header{position:sticky;top:0;z-index:100;background:var(--bg-frame);border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-inner{width:min(var(--max-width),100%);margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;flex-direction:column;color:var(--ink);line-height:1.2;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;font-weight:650}.header-role{font-size:.72rem;font-weight:400;color:var(--muted);letter-spacing:.12em}.header-nav{display:flex;gap:1.4rem;align-items:center}.nav-link{position:relative;font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--accent-main);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.nav-link:hover:after,.nav-link--active:after{transform:scaleX(1)}@media(max-width:768px){.header-nav{display:none}}.sc-button{padding:.7rem 1.5rem;border-radius:999px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:transparent;border:1px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.sc-button .sc-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.sc-button .sc-button:focus-visible{transform:translateY(-1px)}.sc-button--primary{background-color:var(--ink);color:#fff;border-color:var(--ink)}.sc-button--primary:hover{background-color:var(--moon-deep);border-color:var(--moon-deep);transform:translateY(-1px)}.sc-button--accent{background-color:transparent;color:var(--ink);border-color:var(--sun-gold)}.sc-button--accent:hover{background-color:#9d822f14;color:var(--ink);border-color:var(--accent-hover);transform:translateY(-1px)}.sc-button--ghost{border-color:var(--border-soft);color:var(--muted)}.sc-button--ghost:hover{background-color:var(--moon-soft);border-color:var(--moon-violet);color:var(--moon-deep)}.sc-hero{min-height:92vh;display:flex;align-items:center;padding:7rem 1.5rem 5rem;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.08),transparent 30%),radial-gradient(circle at 20% 80%,rgba(255,255,255,.05),transparent 35%),var(--bg)}.sc-hero-inner{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:4rem;align-items:center}.sc-hero-text{max-width:720px}.sc-hero-kicker{margin-bottom:1rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 58%,white)}.sc-hero-title{margin:0;max-width:760px;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.95;letter-spacing:-.075em;color:var(--ink)}.sc-hero-body{max-width:620px;margin:1.6rem 0 0;font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.75;color:color-mix(in srgb,var(--text-main) 86%,white)}.sc-hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:2rem}.sc-hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.sc-logo-wrap{position:relative;width:min(340px,78vw);aspect-ratio:1}.sc-logo-circle{width:100%;height:100%;border-radius:999px;padding:1px;background:linear-gradient(135deg,#ffffff8c,#ffffff0f),color-mix(in srgb,var(--bg) 86%,white);box-shadow:0 32px 90px #00000047,inset 0 0 60px #ffffff0a}.sc-logo-inner{position:relative;width:100%;height:100%;border-radius:inherit;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.14),transparent 28%),color-mix(in srgb,var(--bg) 92%,black)}.sc-hero-monogram{position:relative;z-index:2;font-size:clamp(4rem,10vw,7rem);font-weight:700;letter-spacing:-.08em;color:var(--ink)}.sc-hero-orbit{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.12)}.sc-hero-orbit-one{width:76%;height:76%}.sc-hero-orbit-two{width:54%;height:54%;transform:rotate(35deg)}.sc-hero-card{position:absolute;right:0;bottom:2rem;max-width:230px;padding:1rem 1.1rem;border:1px solid var(--border-soft);border-radius:1.25rem;background:color-mix(in srgb,var(--bg) 86%,white);box-shadow:0 24px 70px #00000038}.sc-hero-card span{display:block;margin-bottom:.35rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--text-main) 60%,white)}.sc-hero-card strong{display:block;font-size:.95rem;line-height:1.4;color:var(--ink)}@media(max-width:860px){.sc-hero{min-height:auto;padding-top:6.5rem}.sc-hero-inner{grid-template-columns:1fr;gap:3rem}.sc-hero-visual{min-height:340px}.sc-hero-card{right:1rem;bottom:0}}@media(max-width:520px){.sc-hero-title{letter-spacing:-.055em}.sc-hero-actions{flex-direction:column;align-items:stretch}.sc-logo-wrap{width:min(280px,82vw)}}.sc-portfolio{padding:6rem 1.5rem;border-top:1px solid var(--border-soft);background:var(--tint-projects)}.sc-portfolio-inner{width:min(var(--max-width),100%);margin:0 auto}.sc-portfolio-header{max-width:680px;margin-bottom:3rem}.sc-portfolio-kicker{margin:0 0 .65rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 45%,white)}.sc-portfolio-title{margin:0 0 1rem;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1;letter-spacing:-.045em;color:var(--ink)}.sc-portfolio-intro{margin:0;max-width:620px;font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.75;color:color-mix(in srgb,var(--text-main) 88%,white)}.sc-portfolio-grid{display:grid;gap:1.25rem}@media(min-width:768px){.sc-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1040px){.sc-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sc-project-card{min-height:100%;padding:1.4rem;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-soft) 86%,white);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease,border-color .2s ease,background .2s ease}.sc-project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent-main) 45%,transparent);background:color-mix(in srgb,var(--bg-soft) 78%,white)}.sc-project-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.sc-project-title{margin:0;font-size:1.05rem;line-height:1.25;color:var(--ink)}.sc-project-year{flex:0 0 auto;font-size:.72rem;color:var(--muted)}.sc-project-role{margin:0;font-size:.82rem;color:var(--accent-main)}.sc-project-desc{margin:0;font-size:.92rem;line-height:1.65;color:color-mix(in srgb,var(--text-main) 88%,white)}.sc-project-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:.5rem}.sc-tag{padding:.28rem .65rem;border:1px solid color-mix(in srgb,var(--accent-main) 28%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent-main) 10%,transparent);color:color-mix(in srgb,var(--ink) 88%,white);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}.sc-project-link{width:fit-content;margin-top:.5rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-main)}.sc-project-link:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:768px){.sc-portfolio{padding:5rem 1.25rem}}.sc-about{padding:6rem 1.5rem;border-top:1px solid var(--border-soft);background:var(--tint-about)}.sc-about-inner{width:min(var(--max-width),100%);margin:0 auto}.sc-about-text{max-width:760px}.sc-about-kicker{margin:0 0 .65rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 45%,white)}.sc-about-title{margin:0 0 1.5rem;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1;letter-spacing:-.045em;color:var(--ink)}.sc-about-body{margin:0 0 1.25rem;max-width:44rem;font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.8;color:color-mix(in srgb,var(--text-main) 88%,white)}.sc-about-body:last-child{margin-bottom:0}@media(max-width:768px){.sc-about{padding:5rem 1.25rem}.sc-about-title{line-height:1.05}.sc-about-body{line-height:1.72}}.sc-skills{padding:6rem 1.5rem;border-top:1px solid var(--border-soft);background:var(--tint-skills)}.sc-skills-inner{width:min(var(--max-width),100%);margin:0 auto}.sc-skills-header{max-width:680px;margin:0 auto 3rem;text-align:center}.sc-skills-kicker{margin:0 0 .65rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 45%,white)}.sc-skills-title{margin:0 0 1rem;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1;letter-spacing:-.045em;color:var(--ink)}.sc-skills-intro{margin:0 auto;max-width:620px;font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.75;color:color-mix(in srgb,var(--text-main) 88%,white)}.sc-skills-grid{display:grid;gap:1.25rem}@media(min-width:900px){.sc-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sc-skills-card{padding:1.5rem;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-soft) 86%,white);box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease,background .2s ease}.sc-skills-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent-main) 45%,transparent);background:color-mix(in srgb,var(--bg-soft) 78%,white)}.sc-skills-card h3{margin:0 0 1rem;font-size:1.05rem;color:var(--ink)}.sc-tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.sc-skill-tag{display:inline-flex;align-items:center;padding:.35rem .75rem;border:1px solid color-mix(in srgb,var(--accent-main) 28%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent-main) 10%,transparent);color:color-mix(in srgb,var(--ink) 88%,white);font-size:.78rem;line-height:1}.sc-skill-tag--soft{border-color:color-mix(in srgb,var(--muted) 35%,transparent);background:color-mix(in srgb,var(--muted) 12%,transparent);color:color-mix(in srgb,var(--text-main) 92%,white)}@media(max-width:768px){.sc-skills{padding:5rem 1.25rem}.sc-skills-header{text-align:left}}.sc-contact{padding:6rem 1.5rem;border-top:1px solid var(--border-soft);background:var(--tint-contact)}.sc-contact-inner{width:min(var(--max-width),100%);margin:0 auto}.sc-contact-header{max-width:680px;margin-bottom:3rem}.sc-contact-kicker{margin:0 0 .65rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 45%,white)}.sc-contact-title{margin:0 0 1rem;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1;letter-spacing:-.045em;color:var(--ink)}.sc-contact-intro{margin:0;max-width:620px;font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.75;color:color-mix(in srgb,var(--text-main) 88%,white)}.sc-contact-grid{display:grid;gap:1.25rem}@media(min-width:768px){.sc-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sc-contact-card{padding:1.5rem;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-soft) 86%,white);box-shadow:var(--shadow-soft)}.sc-contact-card h3{margin:0 0 1rem;font-size:1.05rem;color:var(--ink)}.sc-contact-links{display:grid;gap:.9rem}.sc-contact-link{display:inline-flex;align-items:center;gap:.7rem;width:fit-content;line-height:1.5;color:color-mix(in srgb,var(--text-main) 88%,white);transition:color .2s ease,transform .2s ease}.sc-contact-link:hover{color:var(--accent-main);transform:translate(3px);text-decoration:none}.sc-contact-link .icon{color:var(--accent-main)}.sc-contact-list{margin:0;padding-left:1rem;display:grid;gap:.55rem}.sc-contact-list li{line-height:1.55;color:color-mix(in srgb,var(--text-main) 88%,white)}@media(max-width:768px){.sc-contact{padding:5rem 1.25rem}.sc-contact-header{margin-bottom:2.25rem}}.sc-footer{background:linear-gradient(180deg,var(--tint-contact),#ffffff);border-top:1px solid var(--border-soft);padding:3rem 1.5rem 1.8rem}.sc-footer-inner{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:center}.sc-footer-brand{display:flex;flex-direction:column}.sc-footer-name{font-size:.9rem;font-weight:600;letter-spacing:.04em;color:var(--ink);margin:0}.sc-footer-role{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}.sc-footer-nav{display:flex;gap:1.4rem;align-items:center}.sc-footer-nav a{font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);position:relative;text-decoration:none}.sc-footer-nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:var(--accent-main);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.sc-footer-nav a:hover:after{transform:scaleX(1)}.sc-footer-nav a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;border-radius:6px}.sc-footer-meta{max-width:1120px;margin:1.8rem auto 0;padding-top:1.2rem;border-top:1px solid var(--border-soft);font-size:.7rem;color:var(--muted);text-align:center}@media(max-width:640px){.sc-footer-inner{flex-direction:column;align-items:flex-start}.sc-footer-nav{margin-top:1rem}.sc-footer-meta{text-align:left}}:root{--bg: #080808;--bg-frame: rgba(8, 8, 8, .78);--bg-soft: #111111;--ink: #f7f3ea;--text-main: #d8d2c5;--muted: #8f887a;--accent-main: #d8b98c;--border-soft: rgba(255, 255, 255, .12);--focus-ring: rgba(216, 185, 140, .45);--max-width: 1120px;--section-padding: 5rem 1.5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-pill: 999px;--shadow-soft: 0 24px 70px rgba(0, 0, 0, .28);--font-main: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text-main);font-family:var(--font-main)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}main{overflow:hidden}.section-inner{width:min(var(--max-width),100%);margin:0 auto}.section-kicker{margin-bottom:.5rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 45%,white)}.section-title{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.055em;color:var(--ink)}.section-copy{max-width:620px;font-size:1rem;line-height:1.7;color:color-mix(in srgb,var(--text-main) 88%,white)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;border-radius:6px}.icon{width:1rem;height:1rem;flex-shrink:0;color:var(--accent-main);vertical-align:middle}.icon-sm{width:.85rem;height:.85rem}.icon-lg{width:1.2rem;height:1.2rem}.icon-muted{color:var(--muted)}.icon-white{color:var(--ink)}
