@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#101a2c;--muted:#566174;--line:#dce2e9;--paper:#f8fafc;--white:#fff;--accent:#d5fd6d;--blue:#315a79;font-family:'DM Sans',Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6}a{color:inherit}button,a{outline-offset:4px}::selection{background:var(--accent);color:var(--ink)}.shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-100px;z-index:20;background:var(--accent);padding:10px 16px}.skip-link:focus{top:12px}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:white;font:800 15px 'Manrope',Arial,sans-serif;letter-spacing:-.08em;border-radius:8px}.brand-dot{color:var(--accent)}.brand-name{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.04em;font-size:18px}.site-header nav{display:flex;gap:33px}.site-header nav a,.header-link{font-size:14px;font-weight:700;text-decoration:none}.site-header nav a:hover,.header-link:hover,.text-link:hover,.contact-links>a:not(.button):hover,.footer-inner a:hover{color:#326f9a}.header-link{white-space:nowrap}.header-link span{margin-left:6px}
.hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:clamp(35px,5vw,90px);padding-top:106px;padding-bottom:105px;align-items:stretch}.hero-main{padding-top:12px}.eyebrow,.small-label,.tag,.card-index,.project-num,.timeline-date{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 28px;color:#2d5e7f}.eyebrow-line{display:block;width:27px;height:2px;background:#2d5e7f}.hero h1,h2,h3,p{margin-top:0}.hero h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.065em;line-height:1.1}.hero h1{font-size:clamp(48px,5vw,76px);font-weight:800;max-width:900px;margin-bottom:31px}.hero h1 em{font-style:normal;color:#3a6282}.hero-intro{color:#3f4c5e;font-size:19px;line-height:1.72;max-width:740px;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}.button{min-height:52px;padding:14px 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;text-decoration:none;font-size:14px;font-weight:700;border-radius:3px;transition:transform .15s ease,background .15s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:white}.button-primary:hover{background:#263f5d}.text-link{font-size:14px;font-weight:700;text-decoration:none}.text-link span{margin-left:5px}.hero-aside{background:var(--ink);color:white;padding:31px 34px;display:flex;flex-direction:column;min-height:500px;box-shadow:22px 22px 0 #e5eaf0}.aside-top{display:flex;justify-content:space-between;color:var(--accent)}.aside-glyph{font-size:26px;line-height:1}.hero-aside>p{font:700 clamp(21px,2vw,28px)/1.4 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:38px 0 24px}.aside-metrics{margin-top:auto;border-top:1px solid #435065}.aside-metrics>div{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;border-bottom:1px solid #435065;padding:14px 0}.aside-metrics strong{font:800 30px/1 Manrope,Arial,sans-serif;letter-spacing:-.06em;color:var(--accent)}.aside-metrics span{font-size:13px;line-height:1.45;color:#d1d9e2}.aside-note{font-size:11px;line-height:1.5;color:#9eacbd;margin-top:20px}
.principle-band{background:#e8eef2;border-block:1px solid var(--line)}.principle-inner{padding-block:31px;display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:center}.principle-inner .small-label{color:#2d5e7f}.principle-inner p{font:700 clamp(20px,2.15vw,27px)/1.42 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0;max-width:810px}
.section{padding-top:105px;padding-bottom:112px}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end;margin-bottom:42px}.section-heading .eyebrow,.experience-intro .eyebrow,.contact-inner .eyebrow{margin-bottom:18px}.section-heading h2,.experience-intro h2,.contact-inner h2{font-size:clamp(39px,4vw,56px);font-weight:800;max-width:750px;margin:0}.section-heading>p{color:var(--muted);font-size:16px;margin:0 0 6px;line-height:1.65}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{background:white;border:1px solid var(--line);min-height:370px;padding:28px 28px 23px;display:flex;flex-direction:column;justify-content:space-between}.work-card-featured{background:#e8eff1;border-color:#ccdae0}.card-head{display:flex;justify-content:space-between;gap:12px}.tag{color:#315a79;letter-spacing:.09em;line-height:1.5}.card-index{color:#9aa7b6}.work-card h3{font:800 28px/1.19 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:30px 0 14px}.work-card p{color:#536072;line-height:1.65;font-size:15px;margin:0}.card-footer{font-size:12px!important;font-weight:700;color:#7c8b9a!important;border-top:1px solid var(--line);padding-top:19px;margin-top:24px!important}.card-footer span{float:right}.card-link{font-size:14px;text-decoration:none;font-weight:800;border-top:1px solid var(--line);padding-top:17px;margin-top:24px}.card-link span{float:right}.card-link:hover{color:#2d5e7f}.work-note{display:flex;align-items:start;gap:18px;border-left:3px solid #8dadba;background:#eef3f5;padding:18px 22px;margin-top:24px}.work-note p{font-size:14px;line-height:1.6;color:#48596a;margin:0}.work-note strong{color:var(--ink)}.note-symbol{font-size:24px;color:#315a79;line-height:1}
.experience-section{background:white;border-block:1px solid var(--line)}.experience-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;align-items:start}.experience-intro{position:sticky;top:30px}.experience-intro h2{margin-bottom:25px}.experience-intro>p:not(.eyebrow){color:var(--muted);max-width:475px;font-size:17px;line-height:1.7;margin-bottom:27px}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:114px 1fr;gap:25px;padding:26px 0 29px;border-bottom:1px solid var(--line)}.timeline-date{color:#557792;white-space:nowrap;margin-top:3px}.timeline-item h3{font:800 20px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 4px}.timeline-org{color:#315a79;font-weight:700;font-size:14px;margin:0 0 11px}.timeline-item p:last-child{color:var(--muted);font-size:15px;line-height:1.65;margin:0}
.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:75px minmax(0,1fr) 110px;gap:30px;padding:30px 0;border-bottom:1px solid var(--line);align-items:center}.project-num{color:#9aa7b6;align-self:start;padding-top:4px}.project-row h3{font:800 24px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:8px 0 8px}.project-row p{color:var(--muted);max-width:700px;font-size:15px;line-height:1.65;margin:0}.project-row>a,.project-private{font-size:14px;font-weight:800;text-decoration:none;justify-self:end;white-space:nowrap}.project-row>a:hover{color:#315a79}.project-private{color:#82909e;font-size:12px}
.contact-section{background:var(--ink);color:white}.contact-inner{padding-block:87px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.contact-inner .eyebrow{color:var(--accent)}.contact-inner h2{max-width:730px}.contact-inner p:not(.eyebrow){color:#c2ccd7;font-size:17px;line-height:1.65;max-width:610px;margin:25px 0 0}.contact-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.button-light{background:var(--accent);color:var(--ink)}.button-light:hover{background:#e3ff9c}.contact-links>a:not(.button){font-size:14px;text-decoration:none;font-weight:700}.site-footer{background:#0a1220;color:#9fabb9}.footer-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.footer-inner a{text-decoration:none;color:#d6dfeb;font-weight:700}
@media(max-width:1050px){.shell{width:min(100% - 48px,1240px)}.hero{grid-template-columns:1fr .75fr;gap:30px;padding-top:74px;padding-bottom:80px}.hero h1{font-size:clamp(45px,5.2vw,65px)}.hero-aside{padding:26px;box-shadow:12px 12px 0 #e5eaf0}.site-header nav{gap:17px}.work-grid{gap:12px}.work-card{padding:22px;min-height:410px}.work-card h3{font-size:24px}.contact-inner{grid-template-columns:1fr}.contact-links{justify-content:flex-start}}
@media(max-width:760px){.shell{width:min(100% - 36px,600px)}.header-inner{min-height:68px;flex-wrap:wrap;gap:0;padding-block:12px}.brand-name{font-size:16px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:8px;padding-top:14px}.site-header nav a{font-size:12px}.header-link{font-size:12px}.hero{grid-template-columns:1fr;gap:42px;padding-top:62px;padding-bottom:75px}.hero h1{font-size:clamp(45px,9vw,64px)}.hero-intro{font-size:17px}.hero-aside{min-height:auto}.hero-aside>p{font-size:24px;margin:24px 0}.aside-metrics>div{grid-template-columns:85px 1fr}.principle-inner{grid-template-columns:1fr;gap:10px;padding-block:28px}.principle-inner p{font-size:22px}.section{padding-top:76px;padding-bottom:82px}.section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:30px}.section-heading h2,.experience-intro h2,.contact-inner h2{font-size:clamp(38px,8vw,50px)}.section-heading>p{max-width:600px}.work-grid{grid-template-columns:1fr}.work-card{min-height:300px}.experience-layout{grid-template-columns:1fr;gap:40px}.experience-intro{position:static}.timeline-item{grid-template-columns:95px 1fr;gap:16px}.project-row{grid-template-columns:38px 1fr;gap:12px}.project-row>a,.project-private{grid-column:2;justify-self:start}.contact-inner{padding-block:72px}.footer-inner{padding-block:24px;min-height:0;flex-wrap:wrap}.footer-inner span:nth-child(2){display:none}}
@media(max-width:420px){.header-link{display:none}.site-header nav{gap:5px}.hero h1{font-size:43px}.eyebrow{font-size:10px}.button{width:100%}.hero-actions{align-items:stretch;gap:20px}.timeline-item{grid-template-columns:1fr;gap:5px}.timeline-date{margin:0}.project-row{grid-template-columns:1fr}.project-num{display:none}.project-row>a,.project-private{grid-column:1}.footer-inner{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.resume-main{padding-top:78px;padding-bottom:75px}.resume-header{display:flex;justify-content:space-between;gap:45px;padding-bottom:38px;border-bottom:2px solid var(--ink)}.resume-header h1{font:800 clamp(38px,4.2vw,58px)/1.13 Manrope,Arial,sans-serif;letter-spacing:-.06em;max-width:760px;margin:0 0 20px}.resume-header p:last-child{color:var(--muted);margin:0}.resume-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-top:24px;white-space:nowrap}.resume-actions a,.resume-actions button,.resume-back a{font:700 14px 'DM Sans',Arial,sans-serif;text-decoration:none;color:#315a79}.resume-actions button{border:0;background:none;padding:0;cursor:pointer}.resume-actions a:hover,.resume-actions button:hover,.resume-back a:hover{text-decoration:underline}.resume-content{max-width:900px}.resume-content section{padding:32px 0;border-bottom:1px solid var(--line)}.resume-content h2{font:800 14px Manrope,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#315a79;margin:0 0 15px}.resume-content p,.resume-content li{color:#415064;line-height:1.7}.resume-content p{margin:0}.resume-content ul{padding-left:21px;margin:0}.resume-content li{padding-left:3px;margin-bottom:8px}.resume-role{padding:23px 0;border-top:1px solid var(--line)}.resume-role:first-of-type{border-top:0;padding-top:4px}.resume-role>div{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-bottom:10px}.resume-role h3{font:800 19px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin:0}.resume-role span{font-size:13px;color:#667b8c;white-space:nowrap}.resume-back{margin:30px 0 0}
@media(max-width:760px){.resume-main{padding-top:55px}.resume-header{flex-direction:column;gap:20px}.resume-actions{align-items:flex-start;padding-top:0}.resume-role>div{display:block}.resume-role span{display:block;margin-top:4px}}
@media print{body{background:white;color:#111;font-size:10pt}.site-header,.site-footer,.resume-actions button,.resume-back,.skip-link{display:none!important}.shell{width:100%;max-width:none}.resume-main{padding:0}.resume-header{padding-bottom:14px}.resume-header h1{font-size:27pt}.resume-header .eyebrow{margin-bottom:8px}.resume-actions{padding-top:0}.resume-content{max-width:none}.resume-content section{padding:13px 0}.resume-content p,.resume-content li{line-height:1.35}.resume-content li{margin-bottom:3px}.resume-role{padding:10px 0;break-inside:avoid}.resume-content h2{margin-bottom:6px}.resume-role h3{font-size:12pt}}
.aside-areas{margin-top:auto;border-top:1px solid #435065}.aside-areas>div{display:grid;grid-template-columns:88px 1fr;gap:15px;align-items:start;border-bottom:1px solid #435065;padding:18px 0}.aside-areas strong{color:var(--accent);font:800 16px/1.4 Manrope,Arial,sans-serif}.aside-areas span{color:#d1d9e2;font-size:14px;line-height:1.5}.hero-aside{min-height:470px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{min-height:310px}.work-card h3{max-width:400px}
@media(max-width:1050px){.work-card{min-height:340px}}
@media(max-width:760px){.work-grid{grid-template-columns:1fr}.work-card{min-height:290px}.hero-aside{min-height:auto}}
.aside-portrait{display:flex;align-items:center;gap:16px;margin:24px 0 0}.aside-portrait img{width:86px;height:86px;object-fit:cover;border:2px solid #d5fd6d;border-radius:6px}.aside-portrait figcaption{max-width:115px;color:#aebccb;font:700 11px/1.45 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.hero-aside>p{margin-top:26px}
.work-card-plugin{background:#f7f3f8;border-color:#e6dce9}.plugin-icon{width:58px;height:58px;object-fit:contain;flex:none;border-radius:10px}.work-card-plugin .card-head .tag{align-self:start}
.art-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:16px;margin:0 110px 26px 105px}.art-gallery figure{margin:0;background:#fff;border:1px solid var(--line);overflow:hidden}.art-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.art-gallery figcaption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 11px;color:var(--ink);font-size:12px;font-weight:700}.art-gallery figcaption span{color:#667789;font-size:10px;font-weight:600;white-space:nowrap}
@media(max-width:760px){.art-gallery{margin:0 0 22px 50px;grid-template-columns:repeat(2,minmax(0,1fr))}.art-gallery figcaption{display:block}.art-gallery figcaption span{display:block}}
@media(max-width:420px){.art-gallery{margin-left:0;gap:10px}.aside-portrait img{width:74px;height:74px}}
.brand-mark{overflow:hidden;background:#0b1d31}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.aside-portrait{margin:22px 0 0}.aside-portrait img{width:120px;height:120px;object-fit:cover;object-position:center 29%;border:1px solid #62758b;border-radius:7px}.hero-aside>p{margin-top:22px}
.wally-note{display:flex;align-items:center;gap:13px;margin-top:18px}.wally-note img{display:block;width:66px;height:66px;object-fit:cover;border-radius:8px;flex:none}.wally-note p{max-width:560px;font-size:13px;line-height:1.55;margin:0}.wally-note strong{color:var(--ink)}
.creative-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 110px 30px 105px}.creative-gallery figure{min-width:0;margin:0;background:#fff;border:1px solid var(--line);overflow:hidden}.creative-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.creative-gallery figure:first-child img{object-position:center top}.creative-gallery figcaption{padding:14px 16px 16px;min-height:91px}.creative-gallery figcaption strong{display:block;font:800 16px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.025em}.creative-gallery figcaption span{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:5px}
.maker-photo{max-width:440px;margin:20px 0 0;background:#fff;border:1px solid var(--line)}.maker-photo img{display:block;width:100%;height:auto}.maker-photo figcaption{color:var(--muted);font-size:12px;font-weight:700;padding:9px 12px}
.process-details{margin:0 110px 28px 105px;padding:15px 18px;background:#eaf0f4;border:1px solid #d4e0e7}.process-details summary{cursor:pointer;color:#315a79;font:800 13px Manrope,Arial,sans-serif}.process-details p{font-size:13px;line-height:1.65;color:#4b5e6c;margin:12px 0 0}.process-details strong{color:var(--ink)}
@media(max-width:760px){.creative-gallery{grid-template-columns:1fr;margin:0 0 28px 50px}.creative-gallery figcaption{min-height:0}.aside-portrait img{width:108px;height:108px}}
@media(max-width:760px){.process-details{margin:0 0 26px 50px}}
@media(max-width:420px){.creative-gallery{margin-left:0}.aside-portrait img{width:100px;height:100px}}
@media(max-width:420px){.process-details{margin-left:0}}
.work-icon{width:58px;height:58px;object-fit:contain;flex:none;border-radius:10px}.work-card-featured .card-head .tag{align-self:start}
.project-row p a{color:#315a79;text-decoration-color:#9db6c5;text-underline-offset:3px}.project-row p a:hover{color:#1b425e;text-decoration-color:currentColor}.stack-side{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.stack-side img{display:block;width:88px;height:88px;object-fit:cover;border-radius:12px}
.portrait-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}.portrait-pair img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.creative-gallery .portrait-pair img{aspect-ratio:2/3}.maker-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:700px;margin-top:20px}.maker-gallery .maker-photo{max-width:none;margin:0}.maker-gallery .maker-photo img{aspect-ratio:1;object-fit:contain;background:#f4f6f7}
@media(max-width:760px){.stack-side{grid-column:2;justify-self:start;align-items:flex-start;flex-direction:row;gap:14px}.stack-side img{width:56px;height:56px}.maker-gallery{grid-template-columns:1fr;max-width:440px}}
@media(max-width:420px){.stack-side{grid-column:1}}
.work-card-featured{grid-column:1/-1;min-height:340px}.work-card-featured .card-body{max-width:920px}.work-card-featured h3{max-width:none}.work-card-featured p{max-width:900px}.work-card .card-body p+p{margin-top:10px}.work-card-personal{background:#f1f5f6;border-color:#dbe5e9}.card-actions{display:flex;align-items:center;gap:14px 28px;flex-wrap:wrap;border-top:1px solid #cbd8dc;padding-top:17px;margin-top:24px}.card-actions a{font-size:14px;font-weight:800;text-decoration:none}.card-actions a:hover{color:#2d5e7f}.card-actions > span{font-size:12px;color:#6b7985}
@media(max-width:760px){.work-card-featured{grid-column:1;min-height:0}.card-actions{align-items:flex-start;flex-direction:column;gap:9px}}

.hero-contact{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:26px;font-size:14px;font-weight:700}.hero-contact a,.footer-contact a{text-underline-offset:4px;text-decoration-thickness:1px}.footer-contact{display:flex;gap:14px 22px;flex-wrap:wrap}.timeline-date{width:145px;flex-basis:145px;line-height:1.6}.work-card strong,.project-row strong{font-weight:750;color:var(--ink)}
@media(max-width:760px){.timeline-date{width:110px;flex-basis:110px}.footer-contact{gap:10px 20px}}
.timeline-item{grid-template-columns:145px 1fr}.timeline-date{white-space:normal;width:auto}@media(max-width:760px){.timeline-item{grid-template-columns:110px 1fr}}@media(max-width:420px){.timeline-item{grid-template-columns:1fr}}

.work-card p+p{margin-top:12px}.project-row p.community-tools{margin-top:14px}