:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{margin:0}:root{--bg:#faf8f4;--surface:#fff;--ink:#17150f;--muted:#6f6a5e;--faint:#a09a8c;--line:#e6e1d5;--accent:#b4452b;--accent-ink:#fff;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--page-w:1160px;--gutter:clamp(20px, 5vw, 48px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}::selection{background:var(--accent);color:var(--accent-ink)}main{max-width:var(--page-w);padding:0 var(--gutter);margin:0 auto}.section{border-top:1px solid var(--line);padding:96px 0}.section-head{margin-bottom:56px}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-size:13px;font-weight:600}.section-title{font-family:var(--serif);letter-spacing:-.02em;max-width:20ch;margin:0;font-size:clamp(32px,4.4vw,52px);font-weight:500;line-height:1.06}.nav{z-index:50;padding:20px var(--gutter);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--serif);letter-spacing:-.01em;font-size:22px;font-weight:600}.nav-logo-dot{color:var(--accent)}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.nav-cta:hover{background:var(--accent);transform:translateY(-1px)}.hero{padding:clamp(72px,12vw,140px) 0 clamp(56px,8vw,96px)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 28px;font-size:13px;font-weight:600}.hero-title{font-family:var(--serif);letter-spacing:-.03em;max-width:14ch;margin:0 0 32px;font-size:clamp(44px,8vw,92px);font-weight:500;line-height:1.02}.hero-line{display:block}.hero-sub{color:var(--muted);max-width:46ch;margin:0 0 40px;font-size:clamp(17px,2vw,20px)}.hero-ctas{flex-wrap:wrap;gap:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:12px;padding:15px 28px;font-size:15px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border:1px solid var(--line);background:var(--surface)}.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 calc(var(--gutter) * -1);padding:22px 0;overflow:hidden}.marquee-track{gap:48px;width:max-content;animation:32s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{font-family:var(--serif);color:var(--muted);white-space:nowrap;align-items:center;gap:48px;font-size:20px;font-style:italic;display:inline-flex}.marquee-star{color:var(--accent);font-size:14px;font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.stats{grid-template-columns:repeat(4,1fr);gap:32px;padding:64px 0;display:grid}.stat{border-left:1px solid var(--line);padding-left:24px}.stat-value{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(34px,4vw,48px);font-weight:500;line-height:1}.stat-label{color:var(--muted);max-width:18ch;font-size:13px}.work-grid{grid-template-columns:repeat(2,1fr);gap:48px;display:grid}.work-card{flex-direction:column;display:flex}.work-cover{aspect-ratio:4/3;color:var(--surface);border-radius:18px;align-items:flex-end;margin-bottom:24px;padding:24px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.work-card:hover .work-cover{transform:translateY(-6px);box-shadow:0 24px 48px -24px #17150f59}.cover-01{background:linear-gradient(135deg,#2b2a26 0%,#6a5a3a 55%,#b4452b 100%)}.cover-02{background:linear-gradient(135deg,#1f2a33 0%,#2f5d62 60%,#6fb4a8 100%)}.cover-03{background:linear-gradient(135deg,#3a2438 0%,#6d3a5e 55%,#c77ba6 100%)}.cover-04{background:linear-gradient(135deg,#22252e 0%,#4a4f66 55%,#8f9bc0 100%)}.work-cover-title{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(22px,3vw,30px);font-weight:500}.work-cover-index{font-family:var(--serif);opacity:.7;font-size:18px;position:absolute;top:20px;left:24px}.work-cover-year{letter-spacing:.08em;opacity:.8;font-size:13px;position:absolute;top:20px;right:24px}.work-body h3{font-family:var(--serif);margin:0 0 4px;font-size:24px;font-weight:500}.work-subtitle{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:13px;font-weight:600}.work-summary{color:var(--muted);margin:0 0 20px}.work-tags{flex-wrap:wrap;gap:8px;display:flex}.work-tags li{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500}.about-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.about-intro{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(20px,2.4vw,27px);line-height:1.45}.about-traits li{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr;gap:20px;padding:18px 0;display:grid}.about-traits li:first-child{border-top:1px solid var(--line)}.about-traits strong{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:14px;font-weight:600}.about-traits span{color:var(--muted)}.toolkit{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:28px 32px;margin:40px 0 0;padding:clamp(24px,3vw,36px);display:grid}.toolkit-group+.toolkit-group{border-left:1px solid var(--line);padding-left:32px}.toolkit-label{font:inherit;text-align:left;cursor:default;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);background:0 0;border:0;margin:0 0 16px;padding:0;font-size:12px;font-weight:600}.toolkit-chevron{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:9px;height:9px;transition:transform .2s;display:none;transform:rotate(45deg)}.toolkit-head{grid-column:1/-1}.toolkit-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0;font-size:12px;font-weight:600}.toolkit-items{grid-template-columns:repeat(3,1fr);place-items:start center;gap:18px 8px;display:grid}.toolkit-item{flex-direction:column;align-items:center;gap:8px;display:flex}.toolkit-tile{background:var(--bg);border:1px solid var(--line);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.toolkit-tile img{object-fit:contain;filter:grayscale();opacity:.75;border-radius:6px;width:26px;height:26px;transition:filter .2s,opacity .2s}.toolkit-item:hover .toolkit-tile{border-color:var(--faint);transform:translateY(-2px);box-shadow:0 8px 18px -12px #17150f66}.toolkit-item:hover .toolkit-tile img{filter:none;opacity:1}.toolkit-name{text-align:center;max-width:76px;min-height:2.7em;color:var(--muted);font-size:12px;line-height:1.35}.skills-grid{grid-template-columns:repeat(2,1fr);gap:56px 64px;display:grid}.skill-group-title{font-family:var(--serif);border-bottom:1px solid var(--line);margin:0 0 20px;padding-bottom:12px;font-size:20px;font-weight:500}.skill-items li{color:var(--muted);border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.skill-level{color:var(--accent);white-space:nowrap;font-size:13px;font-weight:600}.timeline-item{border-top:1px solid var(--line);grid-template-columns:200px 1fr;gap:48px;padding:32px 0;display:grid}.timeline-item:last-child{border-bottom:1px solid var(--line)}.timeline-period{margin:0 0 6px;font-size:14px;font-weight:600}.timeline-location{color:var(--muted);margin:0;font-size:13px}.timeline-role{font-family:var(--serif);margin:0 0 4px;font-size:24px;font-weight:500}.timeline-company{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:14px;font-weight:600}.timeline-detail{color:var(--muted);max-width:62ch;margin:0}.contact{text-align:center;padding-bottom:120px}.contact .section-head{margin-bottom:24px}.contact-title{font-family:var(--serif);letter-spacing:-.02em;max-width:20ch;margin:0 auto 24px;font-size:clamp(34px,5vw,60px);font-weight:500;line-height:1.05}.contact-sub{color:var(--muted);max-width:48ch;margin:0 auto 40px}.contact-trust{color:var(--faint);margin:0;font-size:14px}.contact-form{flex-direction:column;gap:22px;max-width:560px;margin:0 auto;display:flex}.field{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.field label,.field legend{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.field-input{font-family:var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);appearance:none;border-radius:12px;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.field-input::placeholder{color:var(--faint)}.field-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 14%, transparent);outline:none}.field-input--error{border-color:var(--accent)}textarea.field-input{resize:vertical;min-height:120px}.field-error{color:var(--accent);margin:0;font-size:14px}.contact-form-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.contact-thank-you{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 32px;font-size:clamp(20px,2.4vw,26px);line-height:1.4}.footer{border-top:1px solid var(--line);padding:32px var(--gutter);max-width:var(--page-w);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;font-size:13px;display:flex}.footer a:hover{color:var(--accent)}.anim{opacity:0;animation:.8s cubic-bezier(.22,1,.36,1) forwards rise}.a1{animation-delay:50ms}.a2{animation-delay:.18s}.a3{animation-delay:.34s}.a4{animation-delay:.5s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.anim{opacity:1;animation:none}html{scroll-behavior:auto}}@media (width<=860px){.nav-links{display:none}.stats{grid-template-columns:repeat(2,1fr);gap:24px}.stat{padding-left:16px}.work-grid{grid-template-columns:1fr;gap:40px}.about-grid,.skills-grid{grid-template-columns:1fr;gap:32px}.toolkit{grid-template-columns:1fr 1fr}.toolkit-group+.toolkit-group{border-left:none;padding-left:0}.timeline-item{grid-template-columns:1fr;gap:12px}}@media (width<=520px){.stats{grid-template-columns:1fr 1fr}.toolkit{grid-template-columns:1fr}.toolkit-group+.toolkit-group{border-top:1px solid var(--line);padding-top:24px}.toolkit-label{cursor:pointer;justify-content:space-between;align-items:center;width:100%;margin:0;padding:4px 0;display:flex}.toolkit-chevron{display:block}.toolkit-group.open .toolkit-chevron{transform:rotate(225deg)}.toolkit-items{display:none}.toolkit-group.open .toolkit-items{margin-top:18px;display:grid}.about-traits li{grid-template-columns:1fr;gap:6px}.section{padding:64px 0}.nav-cta{padding:8px 16px}}