@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{--page-bg:#f4f1e9;--surface:#ece8de;--surface-strong:#fffdf8;--border-strong:#1c1d193d;--border-soft:#1c1d191f;--heading:#1c1d19;--text:#4f514a;--muted-strong:#74766d;--accent:#9b3f27;--accent-bright:#bb4d30;--button-bg:#1c1d19;--button-text:#f8f5ed;--sans:"DM Sans", "Avenir Next", "Segoe UI", sans-serif;--display:"Newsreader", Georgia, serif;font-family:var(--sans);color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--page-bg);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit}p{margin:0}h1,h2,h3{color:var(--heading)}#root{width:min(1280px,100% - 4rem);margin:0 auto}::selection{color:#fffaf3;background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=720px){#root{width:100%}}.app-shell{min-height:100vh}.skip-link{z-index:100;color:var(--button-text);background:var(--button-bg);padding:.65rem .9rem;text-decoration:none;transition:transform .18s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.topbar{z-index:20;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f1e9e6;justify-content:space-between;align-items:center;gap:2rem;width:100vw;margin-left:calc(50% - 50vw);padding:.9rem max(2rem,50vw - 640px + 2rem);display:flex;position:sticky;top:0}.brand-lockup{align-items:baseline;gap:.9rem;min-width:0;display:flex}.brand-mark,.topnav-link,.section-link,.project-links a,.primary-link,.secondary-link{text-decoration:none}.brand-mark{color:var(--heading);font-family:var(--display);white-space:nowrap;font-size:1.2rem;font-weight:600}.brand-submark{color:var(--muted-strong);letter-spacing:.03em;font-size:.76rem}.topnav{justify-content:flex-end;align-items:center;gap:1.65rem;display:flex}.topnav-link{color:var(--muted-strong);padding:.45rem 0;font-size:.85rem;font-weight:600;transition:color .18s;position:relative}.topnav-link:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.topnav-link:hover,.topnav-link.is-active{color:var(--heading)}.topnav-link:hover:after,.topnav-link.is-active:after{transform-origin:0;transform:scaleX(1)}.topnav-contact{color:var(--button-text);background:var(--button-bg);padding:.62rem .92rem}.topnav-contact:after{display:none}.topnav-contact:hover{color:var(--button-text);background:var(--accent)}.site-shell{padding:0 2rem 4rem}.route-view{animation:.42s cubic-bezier(.22,1,.36,1) both routeEnter}.hero-panel,.section-grid,.about-panel,.contact-banner,.soccer-panel{position:relative}.hero-panel{grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);align-items:center;gap:clamp(3rem,7vw,7rem);min-height:min(800px,100vh - 74px);padding:4.5rem 0 5.5rem;display:grid}.hero-copy{max-width:43rem}.hero-status{align-items:center;margin-bottom:1.75rem;display:flex}.eyebrow,.card-kicker,.strengths-title,.hero-card-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.section-heading .eyebrow,.about-copy .eyebrow,.contact-banner .eyebrow,.page-header .eyebrow{margin-bottom:1rem}.hero-panel h1,.section-heading h2,.about-copy h2,.contact-banner h2,.page-title,.project-feature-copy h2{font-family:var(--display);margin:0;font-weight:500}.hero-panel h1{letter-spacing:-.065em;max-width:9ch;font-size:clamp(5rem,8.4vw,8.6rem);line-height:.83}.hero-lead{max-width:35rem;color:var(--heading);margin-top:2rem;font-size:clamp(1.15rem,1.7vw,1.35rem);font-weight:500;line-height:1.55}.hero-text,.page-intro,.info-card p,.about-copy p,.timeline-card>p,.project-feature-copy>p:not(.card-kicker){font-size:1rem;line-height:1.72}.hero-actions,.project-links,.section-actions{flex-wrap:wrap;align-items:center;gap:1.15rem;display:flex}.hero-actions{margin-top:2.6rem}.section-actions{margin-top:2rem}.primary-link,.secondary-link,.section-link,.project-links a{min-height:2.7rem;color:var(--heading);justify-content:center;align-items:center;padding:.65rem 0;font-size:.88rem;font-weight:700;transition:color .18s;display:inline-flex;position:relative}.primary-link{min-height:3rem;color:var(--button-text);background:var(--button-bg);padding:.75rem 1.1rem}.secondary-link,.section-link,.project-links a{border-bottom:1px solid var(--border-strong)}.secondary-link:after,.section-link:after,.project-links a:after{content:"↗";margin-left:.48rem;transition:transform .18s}.hero-actions .secondary-link:after{content:"→"}.secondary-link:hover,.section-link:hover,.project-links a:hover{color:var(--accent)}.secondary-link:hover:after,.section-link:hover:after,.project-links a:hover:after{transform:translate(2px,-2px)}.image-frame{background:var(--surface);position:relative;overflow:hidden}.image-frame img{object-fit:cover;width:100%;height:100%;display:block}.hero-visual{position:relative}.hero-image-frame{aspect-ratio:1.04;border:1px solid var(--border-soft);box-shadow:0 20px 48px #1c1d191f}.hero-image-frame img{object-position:center 42%;filter:saturate(.9)contrast(1.03);transition:transform .9s cubic-bezier(.22,1,.36,1),filter .4s}.hero-visual:hover .hero-image-frame img{filter:saturate()contrast(1.03);transform:scale(1.025)}.hero-visual-note{color:var(--muted-strong);letter-spacing:.08em;text-align:right;text-transform:uppercase;margin-top:.9rem;font-size:.7rem;font-weight:600}.section-grid,.about-panel,.soccer-panel{border-top:1px solid var(--border-soft);padding:clamp(5rem,9vw,8rem) 0}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.section-heading h2,.about-copy h2,.contact-banner h2{letter-spacing:-.045em;max-width:14ch;font-size:clamp(2.8rem,5vw,5rem);line-height:.98}.projects-list{display:grid}.home-projects-list{border-top:1px solid var(--border-strong);margin-top:3.5rem}.project-feature{border-top:1px solid var(--border-soft);grid-template-columns:minmax(0,.9fr) minmax(350px,1.1fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);padding:4rem 0;display:grid}.project-feature:first-child{border-top:0;padding-top:0}.home-projects-list .project-feature:first-child{padding-top:4rem}.home-projects-list .project-feature:nth-child(2n){grid-template-columns:minmax(350px,1.1fr) minmax(0,.9fr)}.home-projects-list .project-feature:nth-child(2n) .project-feature-copy{order:2}.home-projects-list .project-feature:nth-child(2n) .project-feature-visual{order:1}.project-feature-copy{align-content:start;gap:1.15rem;max-width:40rem;display:grid}.project-feature-copy h2{letter-spacing:-.045em;font-size:clamp(2.4rem,4.8vw,4.4rem);line-height:.97}.project-feature-links{padding-top:.55rem}.project-feature-visual{aspect-ratio:16/10.5;border:1px solid var(--border-soft);background:var(--surface);place-items:center;display:grid;overflow:hidden}.project-feature-image{object-fit:cover;filter:saturate(.92);width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .3s;display:block}.project-image-contain{object-fit:contain;background:var(--surface-strong);padding:clamp(.75rem,2.5vw,1.75rem)}.project-feature:hover .project-feature-image{filter:saturate();transform:scale(1.025)}.project-skills{flex-wrap:wrap;gap:.45rem;margin:.2rem 0 0;padding:0;list-style:none;display:flex}.project-skills li{border:1px solid var(--border-soft);color:var(--muted-strong);letter-spacing:.025em;background:#fffdf861;padding:.4rem .58rem;font-size:.7rem;font-weight:700}.about-panel{grid-template-columns:minmax(0,1fr) minmax(260px,23rem);align-items:start;gap:clamp(3rem,9vw,8rem);display:grid}.about-copy h2+p,.page-intro{margin-top:1.4rem}.about-copy p+p{margin-top:1.1rem}.strengths-panel{padding-top:.35rem}.strengths-panel ul{margin:1.25rem 0 0;padding:0;list-style:none}.strengths-panel li{border-top:1px solid var(--border-soft);color:var(--heading);padding:1rem 0;font-size:.95rem;line-height:1.5}.home-hobbies-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3.25rem;display:grid}.home-hobby{min-width:0}.home-hobby-image{aspect-ratio:4/5;background:var(--surface);overflow:hidden}.home-hobby-image img{object-fit:cover;filter:saturate(.88);width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .3s;display:block}.home-hobby:hover .home-hobby-image img{filter:saturate();transform:scale(1.035)}.home-hobby-copy{gap:.65rem;padding:1.2rem .15rem 0;display:grid}.home-hobby-copy p:last-child{font-size:.95rem;line-height:1.6}.contact-banner{border-top:1px solid var(--border-strong);justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:1rem;padding:5rem 0 1rem;display:flex}.site-footer{color:#c9c7be;background:var(--heading);width:100vw;margin-left:calc(50% - 50vw);padding:clamp(4rem,8vw,6.5rem) max(2rem,50vw - 640px + 2rem) 1.75rem}.footer-main{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:end;gap:clamp(3rem,10vw,9rem);display:grid}.footer-intro{max-width:42rem}.footer-intro .eyebrow{color:#db876e;margin-bottom:1.15rem}.footer-intro h2{color:#f8f5ed;max-width:12ch;font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(3rem,6vw,5.4rem);font-weight:500;line-height:.94}.footer-intro>p:last-child{max-width:36rem;margin-top:1.5rem;font-size:.95rem;line-height:1.65}.footer-links{border-top:1px solid #f8f5ed47;display:grid}.footer-links a{color:#f8f5ed;border-bottom:1px solid #f8f5ed29;justify-content:space-between;align-items:center;min-height:3.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .18s,padding-left .22s cubic-bezier(.22,1,.36,1);display:flex}.footer-links a:after{content:"↗";color:#db876e}.footer-links a:hover{color:#db876e;padding-left:.35rem}.footer-meta{color:#929189;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #f8f5ed29;justify-content:space-between;gap:1.5rem;margin-top:clamp(4rem,8vw,7rem);padding-top:1.25rem;font-size:.72rem;font-weight:600;display:flex}.page-shell{padding-top:0}.page-header{border-top:0;padding:clamp(5rem,11vw,9rem) 0 clamp(4rem,8vw,7rem)}.page-title{letter-spacing:-.065em;max-width:11ch;font-size:clamp(4.4rem,10vw,8rem);line-height:.88}.page-intro{max-width:43rem}.info-card{color:var(--text)}.info-card h3{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:1.8rem;font-weight:500;line-height:1.1}.experience-timeline{display:grid}#experience .section-heading-row{margin-bottom:2.75rem}.timeline-card-link{color:inherit;text-decoration:none;display:block}.timeline-card{border-top:1px solid var(--border-soft);grid-template-columns:8rem 4.5rem minmax(0,1fr);align-items:start;gap:1.5rem;padding:2.25rem 0;scroll-margin-top:7rem;transition:padding-left .26s cubic-bezier(.22,1,.36,1),border-color .18s;display:grid}.timeline-card-link:first-child .timeline-card,.experience-timeline>.timeline-card:first-child{border-top-color:var(--border-strong)}.timeline-card-link:hover .timeline-card{border-color:var(--accent);padding-left:.55rem}.timeline-side span{color:var(--muted-strong);letter-spacing:.03em;text-transform:uppercase;font-size:.76rem;font-weight:700}.timeline-content{grid-area:1/3}.timeline-content .card-kicker{margin-bottom:.45rem}.timeline-card>p,.timeline-attachment-preview,.timeline-links{grid-column:3}.timeline-logo-wrap{grid-area:1/2/span 2}.timeline-logo{object-fit:cover;border:1px solid var(--border-soft);width:3.4rem;height:3.4rem;display:block}.timeline-attachment-preview{object-fit:cover;width:100%;max-width:24rem;margin-top:.5rem}.soccer-panel{border-top:0;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(3rem,8vw,7rem);display:grid}.soccer-points{margin-top:2.2rem}.soccer-image-frame{aspect-ratio:.92;min-height:34rem;box-shadow:1.5rem 1.5rem #d9d1c1}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3rem;display:grid}.soccer-awards-grid{border-top:1px solid var(--border-strong)}.soccer-award-card{border-bottom:1px solid var(--border-soft);gap:1rem;padding:2rem 2rem 2rem 0;display:grid}.soccer-award-card:nth-child(2n){border-left:1px solid var(--border-soft);padding-left:2rem;padding-right:0}.soccer-award-header{align-items:center;gap:1rem;display:flex}.soccer-award-logo{flex:0 0 3.5rem;width:3.5rem;height:3.5rem}.soccer-award-logo img{object-fit:contain;width:100%;height:100%}.soccer-award-copy{gap:.35rem;display:grid}.soccer-gallery-carousel{justify-items:center;margin-top:3rem;display:grid}.soccer-gallery-frame{aspect-ratio:3/2;background:#e4dfd3;width:min(100%,72rem);box-shadow:0 24px 60px #1c1d1921}.soccer-gallery-frame img{object-fit:contain;width:100%;height:100%}.soccer-gallery-controls{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:absolute;inset:0}.project-carousel-button{width:2.8rem;height:2.8rem;color:var(--heading);font:inherit;cursor:pointer;pointer-events:auto;background:#fffdf8e6;border:1px solid #1c1d1929;border-radius:50%;transition:color .18s,background .18s,transform .18s}.project-carousel-button:hover{color:var(--button-text);background:var(--button-bg);transform:scale(1.06)}.soccer-gallery-status{color:var(--heading);background:#fffdf8e6;padding:.42rem .65rem;font-size:.78rem;font-weight:700;position:absolute;bottom:1rem;right:1rem}.motion-ready .motion-reveal{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--motion-delay,0s);transform:translateY(18px)}.motion-ready .motion-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes routeEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-reveal{opacity:1!important;transform:none!important}}@media (width<=980px){.brand-submark{display:none}.hero-panel,.about-panel,.soccer-panel{grid-template-columns:1fr}.hero-panel{min-height:auto}.hero-copy{max-width:52rem}.hero-panel h1{max-width:11ch}.hero-visual{max-width:38rem;margin-left:auto}.project-feature,.home-projects-list .project-feature:nth-child(2n){grid-template-columns:1fr;gap:2.25rem}.home-projects-list .project-feature:nth-child(2n) .project-feature-copy,.home-projects-list .project-feature:nth-child(2n) .project-feature-visual{order:initial}.footer-main{grid-template-columns:1fr}}@media (width<=720px){.topbar{align-items:center;width:100%;margin-left:0;padding:.85rem 1rem}.brand-mark{font-size:1rem}.topnav{scrollbar-width:none;gap:1rem;overflow-x:auto}.topnav::-webkit-scrollbar{display:none}.topnav-link{flex:none;font-size:.78rem}.topnav-link:first-child,.topnav-contact{display:none}.site-shell{padding:0 1rem 2.5rem}.hero-panel{gap:3rem;padding:3rem 0 4.5rem}.hero-panel h1,.page-title{font-size:clamp(3.7rem,18vw,5.5rem)}.hero-panel h1{max-width:9ch}.hero-actions{align-items:flex-start}.hero-visual{width:100%}.soccer-image-frame{min-height:26rem}.section-grid,.about-panel,.soccer-panel{padding:4.5rem 0}.section-heading-row,.contact-banner{flex-direction:column;align-items:flex-start}.section-heading h2,.about-copy h2,.contact-banner h2{font-size:clamp(2.65rem,13vw,4rem)}.project-feature{padding:3rem 0}.home-projects-list .project-feature:first-child{padding-top:3rem}.project-feature-copy h2{font-size:clamp(2.35rem,12vw,3.6rem)}.home-hobbies-list,.card-grid{grid-template-columns:1fr}.home-hobby-copy{padding-bottom:1rem}.timeline-card{grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;padding:1.8rem 0}.timeline-side{grid-column:1/-1}.timeline-logo-wrap{grid-area:2/1/span 2}.timeline-content,.timeline-card>p,.timeline-attachment-preview,.timeline-links{grid-column:2}.soccer-award-card,.soccer-award-card:nth-child(2n){border-left:0;padding:1.75rem 0}.soccer-gallery-frame img{max-height:none}.soccer-gallery-frame{aspect-ratio:4/3}.contact-banner .primary-link{overflow-wrap:anywhere;width:100%}.site-footer{margin-left:0;padding-left:1rem;padding-right:1rem}.footer-meta{flex-direction:column;align-items:flex-start;gap:.65rem}}