:root{--paper:#f7f3ea;--ink:#111827;--muted:#6b7280;--blue:#0f4d8c;--purple:#6d3fa0;--red:#c83b4b;--orange:#f07a24}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:#f7f3ea;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:soft-light;background-image:linear-gradient(#ffffff59 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:18px 18px;position:fixed;inset:0}.page{min-height:100vh;padding:clamp(1.25rem,3vw,3rem);position:relative}.nav{z-index:10;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex;position:relative}.brand{min-height:7.5rem;color:var(--ink);align-items:center;gap:1rem;padding:.75rem .75rem 1rem 0;text-decoration:none;display:flex;overflow:visible}.brand-mark{letter-spacing:-.08em;background:linear-gradient(120deg,var(--blue),var(--purple),var(--red),var(--orange));color:#0000;-webkit-background-clip:text;background-clip:text;margin:-.35em -.25em -.35em -.12em;padding:.4em .35em .45em .16em;font-family:Water Brush,cursive;font-size:clamp(3.65rem,6vw,5.25rem);line-height:1.35;display:inline-block;overflow:visible}.brand-name{letter-spacing:.45em;text-transform:uppercase;font-size:.78rem;font-weight:700}.nav-links{align-items:center;gap:clamp(1.25rem,3vw,3rem);padding-top:1rem;list-style:none;display:flex}.nav-links a{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:700;text-decoration:none;position:relative}.nav-links a:after{content:"";transform-origin:0;background:linear-gradient(90deg,var(--blue),var(--red),var(--orange));height:2px;transition:transform .18s;position:absolute;bottom:-.45rem;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.hero{z-index:2;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);align-items:center;gap:clamp(2rem,4vw,5rem);min-height:calc(100vh - 7.5rem);display:grid;position:relative}.hero-copy{max-width:720px;padding-left:clamp(0rem,3vw,2.75rem)}.eyebrow{color:var(--muted);letter-spacing:.45em;text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(.9rem,1.6vw,1.15rem);font-weight:600}h1{letter-spacing:-.085em;max-width:780px;margin:-.08em -.08em -.22em -.02em;padding:.08em .08em .28em .02em;font-size:clamp(4.25rem,9vw,9.35rem);font-weight:900;line-height:1.08;overflow:visible}.gradient-text{background:linear-gradient(105deg,#071a36 0%,#0f4d8c 24%,#513b96 43%,#b63857 62%,#f07a24 84%);color:#0000;filter:saturate(1.05);-webkit-background-clip:text;background-clip:text;margin:-.04em -.08em -.14em -.02em;padding:.04em .08em .18em .02em;display:inline-block;overflow:visible}.tagline{letter-spacing:-.04em;margin-top:1.3rem;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:500}.accent-line{background:linear-gradient(90deg,var(--blue),var(--purple),var(--red),var(--orange));width:4.5rem;height:3px;margin:1.8rem 0}.intro{color:#4b5563;max-width:34rem;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.85}.button-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.button{min-width:15.5rem;color:var(--ink);letter-spacing:.18em;text-transform:uppercase;background:#f8f4ec8c;border:1px solid #111827a6;justify-content:center;align-items:center;gap:1.25rem;padding:1.25rem 1.65rem;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.button:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 18px 45px #0f172a1f}.hero-art{place-items:center;min-height:710px;display:grid;position:relative}.portrait-img{object-fit:contain;filter:drop-shadow(0 22px 45px #0f172a1a);width:min(100%,790px);height:auto;display:block}.story-section{z-index:2;padding:clamp(5rem,9vw,9rem) clamp(1rem,4vw,4rem);position:relative}.section-kicker{color:var(--muted);letter-spacing:.45em;text-transform:uppercase;margin-bottom:.75rem;font-size:.9rem;font-weight:700}.story-intro h2{letter-spacing:-.04em;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;line-height:1.1}.story-lead{margin-bottom:1.5rem;font-size:clamp(1.45rem,2.5vw,2rem);font-weight:600;line-height:1.35}.story-intro p:not(.section-kicker):not(.story-lead){color:#4b5563;max-width:30rem;font-size:1.05rem;line-height:1.8}.story-timeline{gap:3rem;display:grid;position:relative}.story-timeline:before{content:"";background:linear-gradient(var(--blue),var(--purple),var(--orange));opacity:.45;width:2px;position:absolute;top:1rem;bottom:1rem;left:1.55rem}.story-card{backdrop-filter:blur(4px);background:#ffffff47;border:1px solid #11182714;grid-template-columns:3.25rem 1fr;gap:1.75rem;padding:1.5rem;display:grid;position:relative}.story-card:after{content:"";z-index:-1;opacity:.18;filter:blur(10px);background:radial-gradient(circle,currentColor,#0000 65%);position:absolute;inset:-1.5rem}.story-icon{z-index:1;background:#fbf8f4;border:2px solid;border-radius:999px;place-items:center;width:3.25rem;height:3.25rem;font-size:1.35rem;font-weight:800;display:grid;position:relative}.story-card h3{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.85rem;font-size:clamp(1.4rem,2vw,2rem)}.story-card p{color:#4b5563;max-width:38rem;font-size:1rem;line-height:1.8}.story-card p+p{margin-top:.9rem}.story-card strong{letter-spacing:.12em;text-transform:uppercase;margin-top:1rem;font-size:.85rem;display:block}.story-personal{color:#6b7280;margin-top:1.5rem;font-size:.95rem;font-style:italic}.military{color:var(--blue)}.law{color:var(--purple)}.software{color:var(--orange)}.story-label{color:inherit;letter-spacing:.22em;text-transform:uppercase;opacity:.75;margin-bottom:.35rem;font-size:.72rem;font-weight:800}.resume-section{z-index:2;padding:clamp(5rem,9vw,9rem) clamp(1rem,4vw,4rem);position:relative}.resume-header{max-width:42rem;margin-bottom:3rem}.resume-header h2{letter-spacing:-.04em;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;line-height:1.1}.resume-header p:not(.section-kicker){color:#4b5563;margin:1.25rem 0 2rem;font-size:1.05rem;line-height:1.8}.resume-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.resume-card{backdrop-filter:blur(4px);background:#ffffff47;border:1px solid #11182714;padding:1.35rem}.resume-date{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:800}.resume-card h3{margin-bottom:.35rem;font-size:1.05rem;line-height:1.25}.resume-card p:last-child{color:#4b5563;line-height:1.6}.work-section{z-index:2;padding:clamp(5rem,9vw,9rem) clamp(1rem,4vw,4rem);position:relative}.work-header{max-width:42rem;margin-bottom:3rem}.work-header h2{letter-spacing:-.04em;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;line-height:1.1}.work-header p:not(.section-kicker){color:#4b5563;margin-top:1rem;line-height:1.8}.work-grid{gap:2rem;display:grid}.work-card{backdrop-filter:blur(4px);background:#ffffff47;border:1px solid #11182714;padding:1.5rem}.work-card h3{margin-bottom:.5rem;font-size:1.4rem}.work-tech{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;font-size:.8rem}.work-card p{color:#4b5563;line-height:1.7}.work-card.featured{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.work-images.small{width:260px;height:180px;margin-bottom:1.25rem;position:relative}.work-images.small img{border-radius:.4rem;width:180px;height:auto;transition:transform .2s;position:absolute;box-shadow:0 12px 28px #0f172a2e}.work-images.small img:first-child{top:0;left:0}.work-images.small img:nth-child(2){z-index:1;top:45px;left:90px}.work-images.small img:hover{z-index:3;transform:scale(1.05)}.work-link{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-top:1.25rem;font-size:.8rem;font-weight:800;text-decoration:none;display:inline-block;position:relative}.work-link:after{content:"";background:linear-gradient(90deg,var(--blue),var(--purple),var(--orange));transform-origin:0;width:100%;height:2px;transition:transform .18s;position:absolute;bottom:-.35rem;left:0;transform:scaleX(.6)}.work-link:hover:after{transform:scaleX(1)}@media (width<=900px){.work-card.featured{grid-template-columns:1fr}}.contact-section{z-index:2;text-align:center;padding:clamp(5rem,9vw,9rem) clamp(1rem,4vw,4rem);position:relative;overflow:hidden}.contact-section:before{content:"";z-index:-1;opacity:.95;filter:saturate(1.05);mix-blend-mode:multiply;pointer-events:none;background-image:url(/static/img/contact.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:min(900px,110%);height:220px;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.contact-inner{max-width:54rem;margin-inline:auto}.contact-inner h2{letter-spacing:-.05em;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.1}.contact-inner .accent-line{margin-inline:auto}.contact-inner p:not(.section-kicker){color:#4b5563;max-width:42rem;margin:1rem auto 0;font-size:1.05rem;line-height:1.8}.contact-links{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem;display:grid}.contact-links a{color:var(--ink);letter-spacing:.22em;text-transform:uppercase;justify-items:center;gap:.8rem;padding:1.25rem;font-size:.85rem;font-weight:800;text-decoration:none;display:grid}.contact-links a span{place-items:center;width:3rem;height:3rem;font-size:1.7rem;display:grid}.contact-links a:after{content:"";background:currentColor;width:3rem;height:2px;transition:transform .18s;transform:scaleX(.65)}.contact-links a:hover:after{transform:scaleX(1)}.social{z-index:10;color:#374151;justify-items:center;gap:.9rem;display:grid;position:fixed;bottom:clamp(2.5rem,8vw,6rem);left:clamp(1rem,3vw,2.8rem)}.social span{writing-mode:vertical-rl;letter-spacing:.25em;text-transform:uppercase;font-size:.7rem;font-weight:700;transform:rotate(180deg)}.social a{color:inherit;font-size:.9rem;font-weight:800;text-decoration:none}.scroll{z-index:10;color:#4b5563;letter-spacing:.28em;text-transform:uppercase;justify-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:grid;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.scroll:before{content:"⌄";letter-spacing:0;font-size:2.3rem;line-height:1}.story-img{filter:grayscale()contrast(1.05);border-radius:.75rem;width:260px;max-width:none;transition:filter .25s,transform .25s;display:block;position:absolute}.story-img:hover{filter:grayscale(0%);z-index:5;transform:translateY(-4px)scale(1.03)}.story-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(2rem,5vw,6rem);display:grid}.story-left{flex-direction:column;max-width:420px;display:flex}.story-right{display:block}.story-images{width:360px;height:520px;margin-top:1.5rem;position:relative}.story-images img:first-child{z-index:1;top:0;left:0}.story-images img:nth-child(2){z-index:2;top:135px;right:-40px}.story-images img:nth-child(3){z-index:3;top:405px;right:-120px}@media (width<=1100px){.hero{grid-template-columns:1fr;padding-top:3rem}.hero-copy{text-align:center;order:2;margin-inline:auto;padding-left:0}.accent-line,.intro{margin-inline:auto}.button-row{justify-content:center}.hero-art{order:1;min-height:auto}.portrait-img{width:min(92vw,600px)}.social,.scroll{display:none}.story-section{text-align:center;grid-template-columns:1fr}.story-intro p:not(.section-kicker):not(.story-lead){max-width:36rem;margin-inline:auto}.story-timeline:before{opacity:.2;left:50%;transform:translate(-50%)}.story-card{text-align:center;grid-template-columns:1fr;justify-items:center}.story-layout{grid-template-columns:1fr}.story-left{align-items:center;width:100%;max-width:none}.story-images{width:min(100%,320px);height:520px;margin-inline:auto}.story-img{width:220px}.story-images img:first-child{z-index:1;top:0;left:0}.story-images img:nth-child(2){z-index:2;top:120px;right:-25px}.story-images img:nth-child(3){z-index:3;top:320px;right:-70px}.resume-header{text-align:center;margin-inline:auto}.resume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.nav-links{display:none}.brand-name{letter-spacing:.28em}}@media (width<=560px){.page{padding:1rem}.brand-name{display:none}.brand{min-height:5.25rem}.brand-mark{font-size:4.25rem}h1{font-size:clamp(3.7rem,17vw,5.5rem);line-height:1}.eyebrow{letter-spacing:.32em}.button{width:100%}.resume-grid{grid-template-columns:1fr}.work-images.small{width:180px;height:120px;margin-bottom:1rem;position:relative}.work-images.small img{border-radius:.4rem;width:120px;height:auto;transition:transform .2s;position:absolute;box-shadow:0 8px 18px #0f172a26}.work-images.small img:first-child{z-index:1;top:0;left:0}.work-images.small img:nth-child(2){z-index:2;top:30px;left:60px}.contact-links{grid-template-columns:1fr;margin-top:3rem}.contact-section:before{width:120%;height:180px;bottom:1rem}}