:root{--ink:#0c1d2b;--ink2:#152e3f;--paper:#f8faf9;--white:#fff;--muted:#617381;--accent:#df8c59;--border:#d8e0e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{max-width:1240px;margin:auto;padding-inline:42px}.skip{position:absolute;left:-9999px;top:8px;background:white;color:var(--ink);padding:10px}.skip:focus{left:8px;z-index:20}.site-header{position:sticky;top:0;z-index:10;background:rgba(12,29,43,.98);color:white;border-bottom:1px solid rgba(255,255,255,.12)}.nav{height:76px;display:flex;justify-content:space-between;align-items:center}.wordmark{font:800 24px/1 Manrope,sans-serif;letter-spacing:-.07em}.mark{color:var(--accent)}.name{font:600 14px/1 'DM Sans',sans-serif;letter-spacing:.01em;margin-left:18px}.nav nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}.nav nav a:hover,.text-link:hover,.underline-link:hover{color:var(--accent)}.nav-contact{border:1px solid rgba(255,255,255,.5);padding:9px 16px}.nav-contact span{margin-left:10px}.hero{background:var(--ink);color:white}.hero-grid{display:grid;grid-template-columns:1.22fr .78fr;min-height:570px}.hero-copy{padding:88px 24px 80px 0;align-self:center}.eyebrow,.section-index,.project-label,.role-meta{font-size:12px;letter-spacing:.15em;font-weight:800}.eyebrow{color:#e7aa83;display:flex;align-items:center;gap:14px}.line{width:28px;height:1px;background:currentColor}.hero h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{font-size:clamp(3rem,5vw,5.1rem);line-height:1.08;letter-spacing:-.065em;margin:32px 0 24px;font-weight:800}.hero h1 em,.contact-section h2 em{font-style:normal;color:var(--accent)}.hero-intro{font-size:clamp(1.12rem,1.7vw,1.4rem);line-height:1.55;max-width:650px;margin:0 0 16px}.hero-sub{color:#aab9c2;margin:0 0 36px}.hero-actions{display:flex;align-items:center;gap:34px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;padding:15px 19px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-light{background:var(--white);color:var(--ink)}.button-dark{background:var(--ink);color:var(--white)}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:5px}.text-link span{margin-left:12px}.portrait-wrap{position:relative;align-self:end;height:500px;overflow:hidden;background:#203649}.portrait-wrap:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(6,20,32,.8));pointer-events:none}.portrait-wrap img{height:100%;width:100%;object-fit:cover;object-position:50% 35%}.portrait-caption{position:absolute;bottom:24px;left:22px;z-index:1;font:700 11px Manrope,sans-serif;letter-spacing:.1em}.portrait-caption span{color:var(--accent);padding:0 6px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);padding-top:25px;padding-bottom:32px}.metrics>div{border-right:1px solid rgba(255,255,255,.16);padding:0 24px}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics strong{display:block;font:800 clamp(1.75rem,3vw,2.5rem)/1.15 Manrope,sans-serif;letter-spacing:-.05em}.metrics strong span{color:var(--accent)}.metrics div>span{color:#aebbc4;font-size:13px}.intro-section{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:105px;padding-bottom:105px}.section-index{color:#9e5934}.intro-section h2,.section-heading h2,.resume-section h2,.contact-section h2{font-size:clamp(2.15rem,3.65vw,3.6rem);line-height:1.16;letter-spacing:-.055em;margin:0 0 20px}.intro-section p{max-width:760px;color:#425664;font-size:18px;line-height:1.75;margin:0}.work-section{background:#edf2f2;padding:96px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-heading .section-index{margin:0 0 18px}.section-heading h2{margin:0}.section-heading>p{max-width:355px;color:#60727b;margin:0 0 4px}.feature-video{display:grid;grid-template-columns:1.55fr 1fr;background:var(--white);border:1px solid var(--border)}.video-frame{aspect-ratio:16/9;background:#142e41}.video-frame iframe{width:100%;height:100%;border:0}.feature-copy{padding:clamp(26px,4vw,52px);align-self:center}.project-label{color:#a15e3b}.feature-copy h3{font-size:clamp(1.8rem,2.5vw,2.7rem);letter-spacing:-.055em;line-height:1.2;margin:18px 0}.feature-copy p{color:#536a76;line-height:1.75}.underline-link{font-size:14px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:6px;display:inline-block;margin-top:12px}.underline-link span{margin-left:20px}.graphic-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:74px 0 22px}.graphic-heading h3{font-size:26px;letter-spacing:-.045em;margin:0}.graphic-heading p{color:#61737f;max-width:430px;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-card{margin:0;background:white;border:1px solid var(--border)}.gallery-image{height:320px;background:white;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}.gallery-image img{height:100%;width:100%;object-fit:contain}.gallery-card figcaption{border-top:1px solid var(--border);padding:17px 20px;display:flex;flex-direction:column;gap:2px}.gallery-card b{font:700 15px Manrope,sans-serif}.gallery-card figcaption span{font-size:13px;color:#6d7e88}.more-work{display:flex;align-items:center;gap:30px;border-top:1px solid #c9d5d8;margin-top:34px;padding-top:20px;font-size:14px}.more-work span{color:#657983;margin-right:auto}.more-work a{font-weight:700}.more-work a:hover{color:#ab6745}.experience-section{padding-top:104px;padding-bottom:110px}.experience-list{border-top:1px solid var(--border)}.role{display:grid;grid-template-columns:1fr 3fr;gap:36px;padding:32px 0;border-bottom:1px solid var(--border)}.role-meta{color:#9e5934;line-height:1.8}.role h3{font-size:22px;letter-spacing:-.035em;margin:0 0 10px}.role h3 span{font-weight:500;color:#6b7d86;margin-left:8px}.role p{color:#526673;max-width:750px;margin:0}.resume-section{background:#e3ebe9;padding:88px 0}.resume-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:100px}.resume-section p{color:#536b76;max-width:520px}.resume-section .button{margin-top:16px}.resume-detail{border-left:1px solid #c2d0d0;padding-left:55px}.resume-detail h3{font-size:16px;margin:4px 0 12px}.resume-detail h3:not(:first-child){margin-top:30px}.resume-detail ul{padding-left:20px;color:#526673;margin:0}.resume-detail p{line-height:1.8}.contact-section{background:var(--ink);color:white;padding:88px 0 96px}.contact-section .section-index{color:#e7aa83}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}.contact-grid h2{max-width:600px;font-size:clamp(2.8rem,5vw,5rem);margin:18px 0 0}.contact-grid p{max-width:420px;color:#b6c3c9;margin:0 0 26px;font-size:18px}.contact-email{display:block;font:700 clamp(1.1rem,2.2vw,1.7rem) Manrope,sans-serif;word-break:break-word;border-bottom:1px solid #637886;padding-bottom:14px}.contact-email:hover{color:var(--accent)}.contact-email span{margin-left:5px}.phone{display:block;color:#b6c3c9;margin-top:15px}.phone:hover{color:white}footer{background:#071721;color:#aab9c2}.footer-inner{display:flex;justify-content:space-between;padding-top:22px;padding-bottom:22px;font-size:13px}footer a:hover{color:white}@media(max-width:850px){.shell{padding-inline:24px}.hero-grid{grid-template-columns:1fr .7fr}.portrait-wrap{height:440px}.hero-copy{padding-block:70px}.feature-video{grid-template-columns:1fr}.feature-copy{padding:30px}.gallery-image{height:260px}.resume-grid,.contact-grid{gap:38px}.metrics>div{padding-inline:12px}}@media(max-width:650px){.shell{padding-inline:20px}.nav{height:auto;min-height:68px;flex-wrap:wrap;gap:12px;padding-block:14px}.nav nav{gap:16px;font-size:13px;flex-wrap:wrap}.nav nav a:nth-child(2),.nav nav a:nth-child(3){display:none}.name{margin-left:9px}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:64px 0 42px}.hero h1{margin-top:22px}.portrait-wrap{height:340px;width:100%}.portrait-wrap img{object-position:50% 30%}.metrics{grid-template-columns:repeat(2,1fr);gap:20px}.metrics>div{padding:0 8px 0 0}.metrics>div:nth-child(2){border:0}.intro-section{grid-template-columns:1fr;gap:18px;padding-block:70px}.work-section,.experience-section{padding-block:70px}.section-heading,.graphic-heading{display:block}.section-heading>p,.graphic-heading p{margin-top:15px}.gallery{grid-template-columns:1fr}.gallery-image{height:350px}.role{grid-template-columns:1fr;gap:8px}.role h3 span{display:block;margin:3px 0 0}.more-work{flex-wrap:wrap;gap:16px}.more-work span{width:100%}.resume-grid,.contact-grid{grid-template-columns:1fr}.resume-detail{padding-left:20px}.contact-grid{align-items:start}.contact-section{padding-block:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
:root{}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.video-card{background:#fff;border:1px solid var(--border)}.video-card-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 18px;font-size:14px;font-weight:700}.video-card-caption span{font-size:12px;color:#9e5934;letter-spacing:.12em}.video-card-caption a:hover{color:#9e5934}@media(max-width:650px){.video-grid{grid-template-columns:1fr}}
:root{}.portfolio-page{background:var(--paper)}.portfolio-hero{padding:82px 0 52px;background:var(--ink);color:white}.portfolio-hero .section-index{color:#e7aa83}.portfolio-hero h1{font:800 clamp(2.8rem,5vw,5rem)/1.1 Manrope,sans-serif;letter-spacing:-.06em;margin:20px 0}.portfolio-hero p:last-child{font-size:18px;color:#bccbd2;max-width:700px;margin:0}.portfolio-content{padding-top:54px;padding-bottom:95px}.portfolio-intro{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:25px}.portfolio-intro p{color:#637680;margin:0}.portfolio-intro a{font-weight:700;border-bottom:1px solid var(--ink);white-space:nowrap}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.design-tile{background:white;border:1px solid var(--border);margin:0;display:flex;flex-direction:column}.design-tile .art{height:360px;display:flex;align-items:center;justify-content:center;padding:16px;background:#fff}.design-tile img{max-height:100%;width:100%;object-fit:contain}.design-tile figcaption{border-top:1px solid var(--border);padding:14px 18px;font-weight:700;font-size:14px}.photo-grid{columns:3 280px;column-gap:18px}.photo-grid figure{break-inside:avoid;margin:0 0 18px;overflow:hidden;background:#e9eeee}.photo-grid img{display:block;width:100%;height:auto}.photo-grid figcaption{padding:10px 14px;background:white;color:#526673;font-size:13px}.back-work{display:inline-block;margin-top:35px;font-weight:700;border-bottom:1px solid var(--ink)}@media(max-width:900px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-tile .art{height:300px}}@media(max-width:650px){.design-grid{grid-template-columns:1fr}.portfolio-hero{padding:64px 0 44px}.portfolio-content{padding-block:40px 70px}.portfolio-intro{display:block}.portfolio-intro a{display:inline-block;margin-top:15px}.photo-grid{columns:2 160px;column-gap:10px}.photo-grid figure{margin-bottom:10px}.photo-grid figcaption{font-size:12px}}
.gallery-type{font-weight:500;color:#6b7d86}.design-tile img{width:auto;max-width:100%}@media(max-width:650px){.nav nav a:nth-child(2),.nav nav a:nth-child(3){display:inline}.nav nav a:nth-child(4),.nav nav a:nth-child(5){display:none}.nav nav{gap:12px}.nav-contact{padding:6px 10px}}

.reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reel-card{background:#fff;border:1px solid var(--border);min-width:0}.reel-frame{aspect-ratio:9/16;background:#0c1d2b}.reel-frame iframe{display:block;width:100%;height:100%;border:0}.reel-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;font-size:13px;font-weight:700}.reel-caption span{font-size:12px;color:#9e5934;letter-spacing:.1em}.reel-caption a:hover{color:#9e5934}@media(max-width:900px){.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav nav{gap:18px}}@media(max-width:650px){.reels-grid{grid-template-columns:1fr;max-width:380px;margin:auto}.nav nav a:nth-child(4){display:inline}.nav nav a:nth-child(5),.nav nav a:nth-child(6){display:none}}

.gallery-card[hidden]{display:none}.gallery-controls{display:flex;justify-content:space-between;align-items:center;padding-top:16px;gap:20px}.gallery-count{font-size:14px;color:#536a76}.gallery-buttons{display:flex;gap:8px}.gallery-buttons button{background:#fff;color:var(--ink);border:1px solid #c9d5d8;width:40px;height:40px;font-size:20px;cursor:pointer}.gallery-buttons button:hover,.gallery-buttons button:focus-visible{background:var(--ink);color:#fff}
/* Align the portrait with the headline in the desktop hero. */
@media(min-width:651px){.hero-copy{transform:translateY(-20px)}.portrait-wrap{align-self:start;margin-top:64px;transform:translateX(-16px)}}
@media(max-width:650px){.portrait-wrap{margin-top:0;transform:none}}

/* Experience affiliations */
.role-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:10px}.role-title h3{margin:0}.role-logo{width:170px;max-height:65px;object-fit:contain;object-position:right center;flex:none}.role-logo-wide{width:145px}.education-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}.education-logo{height:96px;background:#fff;border:1px solid var(--border);padding:18px;display:flex;align-items:center;justify-content:center}.education-logo img{width:100%;height:100%;object-fit:contain}.education-logo-dark{background:#173147}.education-logo-text{font:800 12px/1.3 Manrope,sans-serif;letter-spacing:.08em;text-align:center;color:#222}.education-logo-text span{font-size:10px;letter-spacing:.27em;font-weight:600}@media(max-width:850px){.education-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.role-title{align-items:flex-start;flex-direction:column;gap:12px}.role-logo{object-position:left center}.education-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep organization marks legible and slightly more compact. */
.role-logo-link{display:flex;align-items:center;flex:none}.role-logo{width:148px;max-height:54px}.role-logo-wide{width:128px}.education-logo{height:84px;padding:20px}.education-logo img{width:88%;height:88%}.education-logo:is(a):hover,.education-logo:is(a):focus-visible,.role-logo-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Broadcast station work beneath higher education affiliations. */
.broadcast-affiliations{margin-top:30px}.broadcast-affiliations h4{font:800 13px/1.4 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#596e7a;margin:0 0 14px}.station-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.station-logo{height:108px;border:1px solid var(--border);background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:14px 12px;transition:border-color .2s,transform .2s}.station-logo img{display:block;max-width:82%;max-height:61px;width:auto;height:auto;object-fit:contain}.station-logo:hover{border-color:var(--accent);transform:translateY(-2px)}.station-logo:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.station-name{font:700 12px/1.2 Manrope,sans-serif;letter-spacing:.05em;color:#526673}.station-wordmark{font:900 28px/1 Manrope,sans-serif;letter-spacing:-.04em;color:#18324c}.station-wordmark span{font-size:11px;letter-spacing:.08em;vertical-align:top;margin-left:2px}@media(max-width:650px){.station-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* A quiet graphic accent gives the hero statement more presence. */
.hero h1{position:relative;isolation:isolate}.hero-title-line{display:inline;box-shadow:inset 0 -.12em 0 rgba(223,140,89,.35);-webkit-box-decoration-break:clone;box-decoration-break:clone}.hero h1 em{position:relative;display:inline-block}.hero h1 em::after{content:"";position:absolute;left:0;right:15%;bottom:-.13em;height:5px;background:var(--accent);border-radius:4px;transform:rotate(-1deg)}@media(min-width:851px){.hero h1::before{content:"";position:absolute;left:-20px;top:-15px;width:8px;height:8px;background:var(--accent);transform:rotate(45deg)}}@media(max-width:650px){.hero h1 em::after{height:4px}}

/* Curated graphic design slider */
.gallery-rotation{position:relative;background:#102838;border:1px solid #274252;padding:24px 24px 20px;box-shadow:0 24px 48px rgba(12,29,43,.12);overflow:hidden}
.gallery-rotation::before{content:"";position:absolute;top:0;left:0;width:145px;height:3px;background:var(--accent)}
.gallery-kicker{display:flex;align-items:center;gap:12px;color:#b5cbd4;font:800 11px/1.3 Manrope,sans-serif;letter-spacing:.17em;padding-bottom:20px}
.gallery-kicker-mark{height:7px;width:7px;transform:rotate(45deg);background:var(--accent)}
.gallery-kicker-total{margin-left:auto;color:#e7aa83}
.gallery-rotation .gallery{gap:15px}
.gallery-rotation .gallery-card{position:relative;border:1px solid #dce5e6;box-shadow:0 9px 22px rgba(3,16,26,.18);animation:gallery-in .45s ease both}
.gallery-rotation .gallery-card[hidden]{display:none}
.gallery-rotation .gallery-image{height:300px;position:relative;background:#f7faf9;padding:24px}
.gallery-rotation .gallery-image img{filter:drop-shadow(0 3px 6px rgba(10,24,32,.08))}
.gallery-card-index{position:absolute;z-index:1;top:12px;left:12px;background:var(--ink);color:#fff;padding:6px 9px;font:800 10px/1 Manrope,sans-serif;letter-spacing:.1em}
.gallery-rotation .gallery-card figcaption{min-height:86px;padding:17px 19px 15px;border-top:1px solid #dce5e6}
.gallery-rotation .gallery-card b{font-size:16px;line-height:1.3}
.gallery-rotation .gallery-card figcaption span{color:#788c96}
.gallery-rotation .gallery-controls{padding-top:20px;color:#fff;gap:18px}
.gallery-controls-info{display:flex;flex-direction:column;gap:3px;min-width:135px}
.gallery-controls-label{font:800 10px/1.3 Manrope,sans-serif;letter-spacing:.15em;color:#df8c59}
.gallery-rotation .gallery-count{color:#e5eef1;font-size:13px}
.gallery-progress{display:flex;align-items:center;gap:6px;max-width:350px;width:100%;margin:auto}
.gallery-progress button{flex:1;height:22px;border:0;background:transparent;padding:0;cursor:pointer;position:relative}
.gallery-progress button::before{content:"";position:absolute;left:0;right:0;top:9px;height:3px;background:#537080;transition:background .2s,height .2s}
.gallery-progress button[aria-current="true"]::before{background:var(--accent);height:5px;top:8px}
.gallery-progress button:hover::before{background:#fff}
.gallery-progress button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.gallery-rotation .gallery-buttons{gap:7px}
.gallery-rotation .gallery-buttons button{height:46px;width:46px;border:1px solid #668090;background:transparent;color:#fff;font-size:22px}
.gallery-rotation .gallery-buttons button:hover,.gallery-rotation .gallery-buttons button:focus-visible{background:var(--accent);border-color:var(--accent);color:#102838}
@keyframes gallery-in{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.gallery-rotation{padding:18px}.gallery-rotation .gallery-image{height:245px;padding:18px}.gallery-rotation .gallery-card figcaption{min-height:92px}}
@media(max-width:650px){.gallery-rotation{padding:17px}.gallery-rotation .gallery-image{height:345px}.gallery-rotation .gallery-card figcaption{min-height:78px}.gallery-rotation .gallery-controls{flex-wrap:wrap}.gallery-progress{order:3;max-width:none}.gallery-controls-info{margin-right:auto}}
@media(prefers-reduced-motion:reduce){.gallery-rotation .gallery-card{animation:none}.gallery-progress button::before{transition:none}}

/* Editorial details through the middle and close of the portfolio. */
.intro-section{position:relative}
.intro-section::before{content:"";position:absolute;top:0;left:42px;width:110px;height:4px;background:var(--accent)}
.intro-section .section-index{display:flex;align-items:center;gap:12px}
.intro-section .section-index::after{content:"";height:1px;width:48px;background:#c9d2d4}
.intro-section h2{max-width:690px}
.intro-section h2::after{content:"";display:block;width:74px;height:6px;margin-top:24px;background:linear-gradient(90deg,var(--accent) 0 55%,#cedbda 55% 100%)}
.work-section{position:relative;background-color:#edf2f2;background-image:linear-gradient(90deg,rgba(19,51,66,.035) 1px,transparent 1px);background-size:96px 96px}
.work-section .shell{position:relative}
.work-section .section-heading{padding-bottom:27px;border-bottom:1px solid #cbd9db}
.work-section .section-heading h2{position:relative;display:inline-block}
.work-section .section-heading h2::after{content:"";position:absolute;left:0;bottom:-30px;width:72px;height:3px;background:var(--accent)}
.graphic-heading{border-left:4px solid var(--accent);padding-left:18px}
.feature-video{box-shadow:14px 14px 0 rgba(20,53,68,.09)}
.experience-section{position:relative}
.experience-section::before{content:"";position:absolute;top:0;right:42px;width:96px;height:4px;background:var(--accent)}
.experience-section .section-heading{padding-bottom:26px;border-bottom:1px solid var(--border)}
.experience-list{border-top:0}
.experience-list .role{position:relative;padding-left:18px;transition:background-color .2s}
.experience-list .role::before{content:"";position:absolute;left:0;top:33px;height:34px;width:3px;background:#ccd8d9}
.experience-list .role:hover{background:#f0f5f4}
.experience-list .role:hover::before{background:var(--accent)}
.resume-section{position:relative;overflow:hidden;background:#e3ebe9}
.resume-section::before{content:"";position:absolute;right:-78px;top:-94px;width:335px;height:335px;border:1px solid rgba(19,52,65,.14);border-radius:50%;box-shadow:0 0 0 54px rgba(19,52,65,.035),0 0 0 108px rgba(19,52,65,.025);pointer-events:none}
.resume-grid{position:relative}
.resume-section .section-index::before{content:"";display:inline-block;width:25px;height:2px;background:var(--accent);vertical-align:middle;margin-right:12px}
.resume-section h2{max-width:460px}
.resume-detail{border-left:2px solid #aebfbe}
.resume-detail h3{font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:#8f5e43}
.resume-detail ul{list-style:none;padding-left:0}
.resume-detail li{position:relative;padding-left:20px;margin:0 0 8px}
.resume-detail li::before{content:"";position:absolute;left:0;top:.67em;width:8px;height:2px;background:var(--accent)}
.contact-section{position:relative;overflow:hidden;background-image:radial-gradient(circle at 88% 25%,rgba(223,140,89,.13),transparent 32%),linear-gradient(135deg,#0c1d2b,#112d3e)}
.contact-section::before{content:"";position:absolute;right:-50px;top:30px;width:240px;height:240px;border:1px solid rgba(255,255,255,.13);transform:rotate(45deg);pointer-events:none}
.contact-section::after{content:"";position:absolute;left:0;bottom:0;width:180px;height:4px;background:var(--accent)}
.contact-section .shell{position:relative;z-index:1}
.contact-section .section-index{display:flex;align-items:center;gap:14px}
.contact-section .section-index::after{content:"";width:85px;height:1px;background:rgba(255,255,255,.35)}
.contact-section h2 em{position:relative;display:inline-block}
.contact-section h2 em::after{content:"";position:absolute;left:0;right:2%;bottom:-.1em;height:4px;background:var(--accent);transform:rotate(-2deg)}
.contact-email{transition:color .2s,border-color .2s}
.contact-email:hover,.contact-email:focus-visible{border-color:var(--accent)}
.footer-inner{border-top:1px solid rgba(255,255,255,.13)}
@media(max-width:650px){.intro-section::before{left:20px}.experience-section::before{right:20px}.work-section{background-size:72px 72px}.feature-video{box-shadow:8px 8px 0 rgba(20,53,68,.09)}.experience-list .role{padding-left:14px}.resume-section::before{right:-220px;top:30px}.contact-section::before{right:-180px;opacity:.6}}
@media(prefers-reduced-motion:reduce){.experience-list .role,.contact-email{transition:none}}

/* A typographic focal point for the approach statement. */
.intro-section .section-index{position:relative;isolation:isolate;align-self:start;padding-top:47px}
.intro-section .section-index::before{content:"01";position:absolute;left:0;top:-32px;font:800 clamp(5.5rem,10vw,10rem)/1 Manrope,sans-serif;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px #d3ddde;z-index:-1}
.intro-section>div:last-child{position:relative;padding-left:31px;border-left:1px solid #cbd8d8}
.intro-section>div:last-child::before{content:"";position:absolute;left:-3px;top:8px;width:5px;height:76px;background:var(--accent)}
.intro-section h2{max-width:790px;font-size:clamp(2.3rem,4vw,4.25rem);line-height:1.18}
.approach-highlight{position:relative;display:inline;background:linear-gradient(transparent 73%,rgba(223,140,89,.25) 73% 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#a65c36}
.approach-highlight::after{content:"";display:inline-block;width:.15em;height:.15em;margin-left:.07em;background:var(--accent);vertical-align:.04em;transform:rotate(45deg)}
.intro-section p{border-top:1px solid #d5dedf;padding-top:20px}
@media(max-width:650px){.intro-section .section-index{padding-top:22px}.intro-section .section-index::before{top:-17px;font-size:6rem}.intro-section>div:last-child{padding-left:19px}.intro-section>div:last-child::before{height:52px}.intro-section h2{font-size:clamp(2.2rem,8vw,3rem)}}
/* Keep the approach statement compact between the hero and selected work. */
.intro-section{padding-top:64px;padding-bottom:68px}
@media(max-width:650px){.intro-section{padding-top:48px;padding-bottom:52px}}

/* Keep the selected-work accent between the heading and description on phones. */
@media (max-width:650px){
  .work-section .section-heading h2::after{bottom:-12px}
  .work-section .section-heading>p{margin-top:26px}
}