:root{--bg: #140909;--bg-soft: #210100;--surface: rgba(33, 1, 0, .8);--surface-strong: #2b0902;--text: #fce79b;--muted: #e6a341;--border: rgba(177, 74, 54, .3);--accent: #b14a36;--accent-soft: rgba(177, 74, 54, .16);--accent-2: #fce79b;--accent-deep: #210100;--cloud-tint: #e6a341;--forest-deep: #8c0902;--forest-soft: rgba(140, 9, 2, .18);--max-width: 1180px;--shadow: 0 30px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at 18% 18%,rgba(230,163,65,.12),transparent 22%),radial-gradient(circle at 14% 76%,rgba(177,74,54,.08),transparent 20%),radial-gradient(circle at 78% 18%,rgba(252,231,155,.05),transparent 16%),radial-gradient(circle at 72% 62%,rgba(140,9,2,.05),transparent 18%),linear-gradient(180deg,#0f0505,#140909 35%,#1a0b08);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,rgba(0,0,0,.36),transparent 75%);opacity:.42;animation:grid-drift 22s linear infinite}body:after{content:"";position:fixed;inset:-10%;pointer-events:none;background:radial-gradient(circle at 22% 20%,rgba(230,163,65,.08),transparent 18%),radial-gradient(circle at 30% 72%,rgba(177,74,54,.055),transparent 16%),radial-gradient(circle at 78% 18%,rgba(252,231,155,.03),transparent 14%),radial-gradient(circle at 62% 64%,rgba(140,9,2,.03),transparent 16%);filter:blur(34px);opacity:.9;animation:ambient-shift 16s ease-in-out infinite alternate}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-shell{position:relative}.container{width:min(var(--max-width),calc(100% - 2rem));margin:0 auto}.topbar{position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);background:#140909c7;border-bottom:1px solid rgba(255,255,255,.05)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}.brand{display:flex;align-items:center;gap:.8rem;font-size:.94rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.brand-mark{width:2.5rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--border);border-radius:.9rem;color:var(--accent-2);background:linear-gradient(135deg,#210100f5,#b14a368a)}.nav{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:flex-end}.nav a{position:relative;color:var(--muted);font-size:.95rem;transition:color .18s ease}.nav a:after{content:"";position:absolute;left:0;bottom:-.35rem;width:100%;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav a:hover,.nav a:focus-visible{color:var(--text)}.nav a.is-active{color:var(--text)}.nav a.is-active:after{transform:scaleX(1)}.nav a:hover:after,.nav a:focus-visible:after{transform:scaleX(1)}.hero{padding:6rem 0 3.5rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:2rem;align-items:end}.hero-grid>*:first-child{animation:fade-up .7s ease both}.hero-grid>*:last-child{animation:fade-up .85s ease both}.eyebrow{display:inline-flex;align-items:center;gap:.65rem;padding:.5rem .8rem;border-radius:999px;background:#ffffff0b;border:1px solid rgba(143,58,34,.24);color:var(--accent-2);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:1.25rem 0 1rem;font-size:clamp(3rem,8vw,6.2rem);line-height:.95;letter-spacing:-.05em;max-width:14ch}.hero p{margin:0}.lead{max-width:62ch;color:#f3dab0;font-size:1.1rem;line-height:1.8}.hero-actions,.socials{display:flex;flex-wrap:wrap;gap:.9rem}.hero-actions{margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.15rem;padding:0 1.2rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-weight:600;position:relative;isolation:isolate;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.button:hover,.button:focus-visible{transform:translateY(-2px);border-color:#d7c4a438;box-shadow:0 14px 28px #00000038}.button-primary{background:transparent;color:#1e0d05;border-color:transparent}.button-primary:hover,.button-primary:focus-visible{background:transparent}.button-primary:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#fce79b;z-index:-1;transform:translateZ(0);outline:1px solid transparent}.button-primary:hover:before,.button-primary:focus-visible:before{background:#f7d775}.hero-panel,.section-card,.project-card,.contact-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.section-card,.focus-card,.project-card,.contact-card{opacity:0;transform:translateY(22px);animation:reveal-card .7s ease forwards;animation-timeline:view();animation-range:entry 10% cover 28%}.hero-panel{padding:1.2rem;border-radius:1.8rem;position:relative;overflow:hidden;transform:perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .18s ease,border-color .18s ease;background:radial-gradient(circle at 20% 20%,rgba(230,163,65,.12),transparent 28%),radial-gradient(circle at 84% 24%,rgba(177,74,54,.08),transparent 18%),linear-gradient(180deg,#210100e0,#210100c7)}.hero-panel:before{content:"";position:absolute;inset:auto -20% -35% 20%;height:60%;background:radial-gradient(circle,rgba(230,163,65,.14),transparent 60%);filter:blur(30px);opacity:.7;pointer-events:none}.hero-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 28%,rgba(27,36,29,.14),transparent 22%);pointer-events:none}.hero-panel:hover,.hero-panel:focus-within{border-color:#fce79b33}.hero-panel-grid{display:grid;gap:.85rem}.metric{padding:1rem 1.05rem;border-radius:1.2rem;background:radial-gradient(circle at 18% 20%,rgba(230,163,65,.08),transparent 26%),linear-gradient(180deg,#ffffff07,#ffffff03);border:1px solid rgba(255,255,255,.06);transform:translateY(0);transition:transform .22s ease,border-color .22s ease,background .22s ease}.metric:nth-child(1){animation:fade-up .7s ease both .1s}.metric:nth-child(2){animation:fade-up .7s ease both .18s}.metric:nth-child(3){animation:fade-up .7s ease both .26s}.metric:hover,.metric:focus-within{transform:translateY(-3px);border-color:#fce79b29;background:linear-gradient(180deg,#ffffff0b,#ffffff05)}.metric span{display:block}.metric-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.metric-value{margin-top:.35rem;font-size:1.05rem;line-height:1.45}.socials{margin-top:1.4rem}.socials a{color:var(--muted)}.socials a:hover,.socials a:focus-visible{color:var(--text)}.section{padding:1.5rem 0 4rem;scroll-margin-top:6.5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}.section-heading h2{margin:0;font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.04em;opacity:0;transform:translateY(18px);animation:reveal-card .65s ease forwards;animation-timeline:view();animation-range:entry 0% cover 22%}.section-heading p{max-width:36rem;margin:0;color:var(--muted);line-height:1.8}.about-grid,.focus-grid{display:grid;gap:1rem}.about-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.section-card{border-radius:1.6rem;padding:1.5rem;background:radial-gradient(circle at 85% 18%,rgba(27,36,29,.12),transparent 20%),var(--surface)}.section-card p{margin:0;color:#f0d8b4;line-height:1.85}.section-card p+p{margin-top:1rem}.stack-list{display:grid;gap:.75rem}.section-card h3+.stack-list{margin-top:1rem}.stack-item{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(215,196,164,.08)}.stack-item:last-child{border-bottom:0;padding-bottom:0}.stack-label{color:var(--muted)}.stack-value{color:var(--text);text-align:right;max-width:17rem}.focus-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.focus-card{padding:1.5rem;border-radius:1.4rem;background:radial-gradient(circle at 15% 15%,rgba(230,163,65,.08),transparent 24%),linear-gradient(180deg,#ffffff07,#ffffff03);border:1px solid rgba(255,255,255,.08);transition:transform .22s ease,border-color .22s ease,background .22s ease}.focus-card:hover,.focus-card:focus-within{transform:translateY(-4px);border-color:#fce79b29;background:radial-gradient(circle at 15% 15%,rgba(230,163,65,.1),transparent 24%),linear-gradient(180deg,#ffffff0a,#ffffff05)}.focus-card h3,.project-card h3,.section-card h3,.contact-card h2,.contact-card h3{margin:0;letter-spacing:-.03em}.focus-card p,.project-card p,.project-card li,.contact-card p{color:#f0d8b4;line-height:1.8}.focus-card p{margin:.85rem 0 0}.projects{display:grid;gap:1.2rem}.project-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem;padding:1rem;border-radius:1.8rem;transition:transform .24s ease,border-color .24s ease,background .24s ease;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(230,163,65,.08),transparent 18%),radial-gradient(circle at 14% 88%,rgba(177,74,54,.05),transparent 18%),var(--surface)}.project-card:hover,.project-card:focus-within{transform:translateY(-5px);border-color:#fce79b24}.project-card:before{content:"";position:absolute;inset:auto auto -25% -10%;width:14rem;height:14rem;background:radial-gradient(circle,rgba(230,163,65,.12),transparent 68%);filter:blur(24px);opacity:0;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease;pointer-events:none}.project-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%),rgba(252,231,155,.09),transparent 24%);opacity:0;transition:opacity .22s ease;pointer-events:none}.project-card:hover:before,.project-card:focus-within:before{opacity:1;transform:translateY(0)}.project-card:hover:after,.project-card:focus-within:after{opacity:1}.project-media{position:relative;overflow:hidden;border-radius:1.25rem;min-height:280px;background:#1a0908;border:1px solid rgba(252,231,155,.08)}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-media img,.project-card:focus-within .project-media img{transform:scale(1.025)}.project-copy{display:grid;gap:1rem;align-content:start;padding:.55rem .4rem .4rem .1rem}.project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-head a{color:var(--accent-2);transition:color .18s ease,transform .18s ease}.project-head a:hover,.project-head a:focus-visible{color:var(--text);transform:translate(2px)}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.42rem .7rem;border-radius:999px;background:radial-gradient(circle at 18% 20%,rgba(230,163,65,.08),transparent 28%),#ffffff0b;color:var(--muted);border:1px solid rgba(252,231,155,.08);font-size:.84rem;transition:transform .18s ease,border-color .18s ease,color .18s ease}.project-card:hover .tag,.project-card:focus-within .tag{border-color:#fce79b24}.tag:hover,.tag:focus-visible{transform:translateY(-2px);color:var(--text)}.project-card ul{margin:0;padding-left:1.1rem}.section-card ul{margin:1rem 0 0;padding-left:1.1rem;color:#f0d8b4;line-height:1.75}.section-card li+li{margin-top:.45rem}.project-card li+li{margin-top:.45rem}.contact-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.7rem;border-radius:1.8rem;margin-bottom:4rem}.contact-copy p{margin:.8rem 0 0}.footer{padding:0 0 2rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid rgba(215,196,164,.08);color:var(--muted);font-size:.95rem}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-card{to{opacity:1;transform:translateY(0)}}@keyframes grid-drift{0%{transform:translateY(0)}to{transform:translateY(24px)}}@keyframes ambient-shift{0%{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.04)}}@media(max-width:980px){.hero-grid,.about-grid,.project-card,.contact-card{grid-template-columns:1fr}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.footer-inner{align-items:start;flex-direction:column}.contact-card{align-items:start}}@media(max-width:720px){.topbar-inner{min-height:auto;padding:.9rem 0;align-items:flex-start;flex-direction:column}.nav{width:100%;gap:.6rem 1rem;justify-content:flex-start}.nav a{font-size:.92rem}.brand{font-size:.88rem;letter-spacing:.1em}.brand-mark{width:2.2rem}.hero{padding-top:4.4rem}.lead{font-size:1rem}.focus-grid{grid-template-columns:1fr}.project-media{min-height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-grid>*:first-child,.hero-grid>*:last-child,.section-card,.focus-card,.project-card,.contact-card{animation:none;opacity:1;transform:none}.button,.focus-card,.project-card,.project-media img,.metric,.nav a,.project-head a,.tag,.hero-panel{transition:none}body:before,body:after{animation:none}}