@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{--paper:#f4f3ed;--ink:#172d29;--muted:#53635c;--line:#c9d0c5;--accent:#d7f36b;--dark:#193a31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #507324;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 48px}header{border-bottom:1px solid var(--line)}nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1px;font-size:22px}.logo span{display:inline-grid;place-items:center;background:var(--ink);color:var(--accent);width:38px;height:38px;margin-right:12px;font-size:16px;letter-spacing:0}.links{display:flex;gap:28px;font-size:14px}.links a{text-decoration:none}.links a:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}.hero{padding:80px 0 70px;display:grid;grid-template-columns:1.55fr 1fr;gap:65px;align-items:center}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:600;line-height:1.13;letter-spacing:-2px}h1{font-size:clamp(44px,5.5vw,75px);margin:25px 0}h1 em{font-style:normal;color:#5a7154}h2{font-size:clamp(34px,4vw,50px);margin:16px 0 24px}h3{font-size:27px;letter-spacing:-.8px;margin:14px 0}.intro{max-width:590px;color:var(--muted);font-size:19px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:13px 21px;background:var(--ink);color:white;text-decoration:none;font-size:14px;border:1px solid var(--ink)}.button.light{background:transparent;color:var(--ink)}.button:hover{background:#315448;color:white}.hero-note{font-size:12px;color:var(--muted);margin-top:25px}.system{background:var(--dark);padding:30px;color:#edf1e7;transform:rotate(2deg);box-shadow:12px 14px 0 #e0e4d7}.system-head{display:flex;justify-content:space-between;border-bottom:1px solid #5d7666;padding-bottom:22px;font-size:11px;letter-spacing:1.5px}.system-body{padding:36px 0 23px}.flow{display:flex;align-items:center;gap:15px;margin:14px 0}.flow b{color:var(--accent);font-size:12px;font-weight:500}.flow span{border-bottom:1px solid #718575;flex:1;padding:9px;font-size:24px;letter-spacing:-1px}.system-foot{font-size:12px;color:#d4dfcf;border-top:1px solid #5d7666;padding-top:22px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:30px}.metric strong{display:block;font:600 36px Manrope,sans-serif;letter-spacing:-1px}.metric span{font-size:13px;color:var(--muted)}.section{padding:85px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:38px}.section-head p{color:var(--muted);margin-bottom:26px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid var(--line);border-radius:30px;background:transparent;padding:8px 18px;color:var(--ink);cursor:pointer;font-size:14px}.filter[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{border:1px solid var(--line);background:#fafaf5;display:flex;flex-direction:column}.project[hidden]{display:none}.visual{min-height:205px;background:#e3e9da;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.visual.dark{background:#23463b;color:#fff}.visual.peach{background:#eee0cd}.visual.blue{background:#dce5e6}.visual .label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.visual .big{font:600 46px Manrope,sans-serif;letter-spacing:-2px}.minirow{display:flex;gap:8px}.minirow span{font-size:11px;border:1px solid currentColor;padding:6px 10px;opacity:.85}.project-body{padding:28px}.tag{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.project p{font-size:15px;color:var(--muted)}details{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';font-size:20px}details[open] summary:after{content:'−'}details dl{font-size:14px}dt{font-weight:700;margin-top:17px}dd{margin:5px 0;color:var(--muted)}.wide{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr}.wide .visual{height:100%;min-height:300px}.about{display:grid;grid-template-columns:1fr 1fr;gap:85px}.about p{color:var(--muted)}.principles{margin-top:30px}.principles p{padding-top:16px;border-top:1px solid var(--line);font-size:15px}.principles b{color:var(--ink)}.experience{margin-top:35px}.job{display:grid;grid-template-columns:220px 1fr;gap:25px;border-top:1px solid var(--line);padding:24px 0}.job h3{font-size:20px;margin:0 0 8px;letter-spacing:-.5px}.job p{margin:0;color:var(--muted);font-size:14px}.job time{font-size:12px;color:var(--muted)}.skillset{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.skillset span{border:1px solid var(--line);padding:7px 12px;font-size:13px}.contact{background:var(--dark);color:#fff;padding:65px 0}.contact h2{max-width:650px}.contact .button{background:var(--accent);color:var(--ink);border-color:var(--accent)}.contact p{color:#d2ded5;max-width:620px}.contact small{display:block;color:#c2d1c6;margin-top:24px;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:12px;color:var(--muted)}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;padding:12px;z-index:2}.status{font-size:13px;color:var(--muted);min-height:25px}.resume-page{max-width:820px;margin:auto;padding:50px 30px}.resume-page p{margin:7px 0}.resume-page h2{font-size:23px;letter-spacing:0;margin-top:30px}.resume-page h1{font-size:36px}.resume-page .print{margin-bottom:25px}@media(max-width:800px){.wrap{padding:0 24px}.hero{grid-template-columns:1fr;gap:40px;padding-top:45px}.system{transform:none}.hero h1{max-width:650px}.section-head,.about{grid-template-columns:1fr;gap:10px}.projects{grid-template-columns:1fr}.wide{grid-column:auto;display:flex}.wide .visual{min-height:205px}.section{padding:55px 0}.job{grid-template-columns:1fr;gap:10px}.links{gap:16px}nav{min-height:85px}.logo{font-size:17px}.logo span{display:none}.metrics{gap:15px}.metric strong{font-size:28px}.metric span{font-size:11px}footer{flex-direction:column;gap:5px}}@media(max-width:430px){.links{font-size:12px;gap:12px}.links .resume-nav{display:none}.wrap{padding:0 20px}h1{font-size:45px}.visual .big{font-size:39px}.project-body{padding:23px}.hero{gap:35px}.metrics{grid-template-columns:1fr}.metric{display:flex;align-items:baseline;gap:15px}.metric strong{min-width:110px}.minirow{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,.print,.actions{display:none}body{background:white;color:black}.resume-page{padding:0;font-size:12px}a{color:black}.resume-page h1{font-size:24px}}
.resume-page h3{font-size:18px;letter-spacing:0;margin:24px 0 8px}.resume-page{font-size:15px}

.places{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin:10px 0 35px}.place{padding:22px 20px;border-right:1px solid var(--line)}.place:first-child{padding-left:0}.place:last-child{border:0}.place span{display:block;text-transform:uppercase;letter-spacing:1.4px;font-size:10px;color:var(--muted)}.place strong{display:block;font:500 clamp(23px,3vw,34px) Manrope,sans-serif;letter-spacing:-1px;margin-top:5px}.travel-gallery{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:22px;align-items:start}.travel-photo{margin:0;min-width:0}.travel-photo:first-child{grid-row:span 2}.travel-photo:nth-child(2){grid-column:span 2}.travel-photo a{display:block;position:relative;overflow:hidden;background:#dce4d7}.travel-photo img{display:block;width:100%;height:235px;object-fit:cover;transition:transform .25s}.travel-photo:first-child img{height:580px;object-position:60% center}.travel-photo:nth-child(2) img{height:285px;object-position:center 60%}.travel-photo a:hover img{transform:scale(1.025)}.photo-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;background:var(--paper);color:var(--ink)}.travel-photo figcaption{display:flex;gap:18px;font-size:12px;padding-top:12px;color:var(--muted)}.travel-photo figcaption span{font-size:10px;color:var(--ink)}.travel-end{display:flex;justify-content:space-between;gap:25px;align-items:baseline;margin-top:30px}.travel-end p{font-size:14px;color:var(--muted);margin:0}#photo-dialog{max-width:92vw;max-height:94dvh;padding:15px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}#photo-dialog::backdrop{background:rgba(10,25,20,.88)}.photo-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:12px}.photo-dialog-top p{margin:0;font-size:14px}.photo-close{border:1px solid var(--ink);background:transparent;padding:8px 15px;cursor:pointer;min-height:44px}#expanded-photo{display:block;max-width:85vw;max-height:77dvh;object-fit:contain;margin:auto}@media(max-width:900px){.travel-gallery{grid-template-columns:1fr 1fr}.travel-photo:first-child{grid-row:auto}.travel-photo:nth-child(2){grid-column:auto}.travel-photo img,.travel-photo:first-child img,.travel-photo:nth-child(2) img{height:350px}.links{gap:17px;font-size:13px}}@media(max-width:600px){.places{grid-template-columns:1fr 1fr}.place:nth-child(2){border-right:0}.place:nth-child(-n+2){border-bottom:1px solid var(--line)}.place:nth-child(3){padding-left:0}.travel-gallery{gap:24px 14px}.travel-photo img,.travel-photo:first-child img,.travel-photo:nth-child(2) img{height:240px}.travel-photo:nth-child(2),.travel-photo:nth-child(4){padding-top:40px}.travel-photo figcaption{font-size:11px;gap:8px}.travel-end{display:block}.travel-end p{margin-top:12px}.links{gap:12px}.logo{font-size:15px}.links a[href="#outside-work"]{font-size:0}.links a[href="#outside-work"]:after{content:'Travel';font-size:12px}}@media(prefers-reduced-motion:reduce){.travel-photo img{transition:none}}

.travel-map-block{border:1px solid var(--line);margin:15px 0 40px;background:#fafaf5}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px}.map-heading h3{font-size:22px;max-width:400px;line-height:1.3;margin-bottom:0}.map-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px}.map-legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:#244e3b}.map-legend .home:before{background:#ac572a}.map-legend .planned:before{background:transparent;border:2px solid #796040}.world-map{width:100%;height:auto;display:block}.land{fill:#becdbd;stroke:#fafaf5;stroke-width:.5}.graticule{stroke:#cbd7ca;stroke-width:.6;fill:none}.map-pin{cursor:pointer;outline:none}.pin-target{fill:transparent;stroke:none}.pin-ring{fill:transparent;stroke:transparent;stroke-width:2}.pin-dot{fill:#244e3b;stroke:#fff;stroke-width:1.4}.map-pin.home .pin-dot{fill:#ac572a;stroke-width:2;r:6}.map-pin.planned .pin-dot{fill:#fafaf5;stroke:#796040;stroke-width:2}.map-pin[aria-pressed=true] .pin-ring,.map-pin:focus-visible .pin-ring{stroke:#172d29}.map-pin:hover .pin-ring{stroke:#5b735c}.home-label{font:bold 10px 'DM Sans',sans-serif;fill:#172d29;paint-order:stroke;stroke:#e6ece5;stroke-width:3px;pointer-events:none}.map-selection{display:flex;align-items:baseline;gap:22px;border-block:1px solid var(--line);padding:18px 26px;background:#edf1e7}.map-selection strong{font:600 23px Manrope,sans-serif;min-width:155px}.map-selection span{font-size:14px;color:var(--muted)}.map-destinations{display:grid;grid-template-columns:.65fr 1.8fr 1fr;gap:25px;padding:25px}.map-destinations h4{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}.place-choice{border:1px solid var(--line);padding:8px 12px;min-height:44px;margin:0 5px 8px 0;background:transparent;color:var(--ink);font-size:13px;cursor:pointer}.place-choice[aria-pressed=true]{background:var(--ink);color:white}.place-choice.planned{border-style:dashed}.map-note{font-size:11px;color:var(--muted);margin:0;padding:0 25px 22px}@media(max-width:700px){.map-heading{display:block;padding:20px}.map-legend{margin-top:20px}.map-selection{display:block;padding:18px 20px}.map-selection strong,.map-selection span{display:block}.map-selection span{margin-top:5px}.map-destinations{grid-template-columns:1fr;padding:20px;gap:15px}.map-note{padding-inline:20px}.world-map{min-height:220px}.map-heading h3{font-size:21px}}
/* Recruiter-focused design audit: ink, ivory, forest and restrained clay. */
:root{--paper:#f5f3ed;--ink:#182f2b;--muted:#4f6058;--accent:#d9ea9a;--line:#c7cec1;--dark:#193a31}body{line-height:1.7}h1{font-weight:650;letter-spacing:-2.6px}.hero{gap:55px}.hero .intro{font-size:18px;max-width:610px}.system{transform:none;box-shadow:8px 8px 0 #e1e6d8}.recruiter-overview{display:grid;grid-template-columns:.9fr 1.3fr;gap:65px;padding:50px 0 55px;border-bottom:1px solid var(--line)}.recruiter-overview h2{font-size:31px;letter-spacing:-1px}.recruiter-overview>div>p{color:var(--muted);font-size:15px;max-width:340px}.overview-evidence>div+div{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.overview-evidence h3{font-size:19px;letter-spacing:-.4px;margin:0 0 7px}.overview-evidence p{font-size:14px;color:var(--muted);margin:0}.filter{min-height:44px}summary{min-height:44px;align-items:center}.project{border-radius:2px}.project-body>p{line-height:1.75}.visual .label{font-size:12px}.tag,.eyebrow{letter-spacing:1.5px}.pin-dot{r:7;stroke-width:1.8}.map-pin.home .pin-dot{r:10;fill:#a34820;stroke:#fff;stroke-width:2}.map-pin.planned .pin-dot{r:7;stroke:#73512a;stroke-width:2.5}.map-pin[aria-pressed=true] .pin-ring{stroke-width:2.5}.map-legend .home:before{background:#a34820}.map-legend span:before{width:12px;height:12px}.map-note{font-size:12px}.home-label{font-size:12px}.map-selection{min-height:85px}.map-pin:focus-visible .pin-ring{stroke:#172d29;stroke-width:4}.links a{min-height:44px;display:inline-flex;align-items:center}.map-heading h3{letter-spacing:-.5px}.map-legend{min-width:220px}#photo-dialog .photo-close{color:var(--ink)}@media(max-width:800px){.recruiter-overview{grid-template-columns:1fr;gap:20px;padding:35px 0}.recruiter-overview>div>p{max-width:none}.hero{gap:35px}nav{flex-wrap:wrap;gap:0;padding-block:12px}.links{gap:20px}.logo{font-size:18px}.hero h1{letter-spacing:-1.8px}}@media(max-width:480px){nav{align-items:flex-start;flex-direction:column}.links{width:100%;justify-content:space-between;gap:8px}.logo{line-height:1.8}.links a[href="#outside-work"]{font-size:12px}.links a[href="#outside-work"]:after{content:none}.hero{padding-top:30px}.hero h1{font-size:45px}.map-heading{padding:18px}.map-legend{gap:14px;min-width:0}.map-pin .pin-target{r:16}.map-selection strong{font-size:21px}.system{padding:24px}.flow span{font-size:21px}}

.writing-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.writing-card{border-top:3px solid var(--ink);padding:25px 26px 28px;background:#ecefe5;display:flex;flex-direction:column;align-items:flex-start}.writing-card:nth-child(2){background:#eee6d9;border-color:#73512a}.writing-top{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%}.writing-number{font:500 35px Manrope,sans-serif;color:var(--muted);opacity:.65}.writing-card h3{font-size:28px;line-height:1.3;margin:22px 0 12px;letter-spacing:-.8px}.writing-card h3 a{text-decoration:none}.writing-card h3 a:hover{text-decoration:underline}.writing-card p{font-size:15px;color:var(--muted);line-height:1.75}.writing-card .writing-date{font-size:12px;margin:0}.writing-read{font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:15px}.writing-next{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:30px;padding:25px 0;border-bottom:1px solid var(--line)}.writing-next h3{font-size:23px;letter-spacing:-.5px;margin-bottom:0}.writing-next p{font-size:15px;color:var(--muted);max-width:400px}.writing-context{font-size:12px;color:var(--muted)}@media(max-width:950px){nav{flex-wrap:wrap;padding-block:14px;gap:8px}.links{flex-wrap:wrap}}@media(max-width:600px){.writing-grid{grid-template-columns:1fr}.writing-card{padding:22px}.writing-card h3{font-size:25px}.writing-next{display:block}.links{gap:6px 15px;justify-content:flex-start}.links a{font-size:12px}.writing-next p{max-width:none}}

/* Results first; one overview and one focus control. */
.growth-results{border-block:1px solid var(--line);padding:40px 0 0}.results-header{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}.results-header h2{font-size:clamp(29px,3.5vw,43px);letter-spacing:-1.5px;margin:12px 0 22px}.results-header>p{font-size:16px;color:var(--muted);margin-bottom:25px}.commercial-results{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:18px 0 35px}.commercial-results>div{display:flex;flex-direction:column}.commercial-results strong{font:600 clamp(55px,7.5vw,92px) Manrope,sans-serif;letter-spacing:-4px;line-height:1.2}.commercial-results span{font-size:15px;color:var(--muted);margin-top:7px}.management-results{display:grid;grid-template-columns:.6fr .6fr 1.4fr;gap:35px;padding:30px 0;border-top:1px solid var(--line)}.management-number strong{display:block;font:600 36px Manrope,sans-serif;letter-spacing:-1px}.management-number span{display:block;font-size:13px;color:var(--muted);margin-top:8px;max-width:155px}.management-detail h3{font-size:17px;letter-spacing:-.3px;margin:0 0 9px}.management-detail p{font-size:14px;color:var(--muted);margin:0}.results-bridge{display:grid;grid-template-columns:.6fr 2fr;gap:35px;padding:23px 0;border-top:1px solid var(--line)}.results-bridge p{font-size:14px;color:var(--muted);margin:0}.results-bridge .eyebrow{padding-top:4px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}.work-select{display:flex;align-items:center;gap:18px}.work-select label{font-size:13px;font-weight:600}.work-select select{font:inherit;font-size:14px;min-height:46px;min-width:235px;padding:10px 40px 10px 14px;border:1px solid #879789;border-radius:3px;background:#fafaf5;color:var(--ink)}.work-select select:focus-visible{outline:3px solid #507324;outline-offset:3px}.work-toolbar .status{margin:0;min-height:0;font-size:12px}.section-head{margin-bottom:30px}@media(max-width:800px){.results-header{grid-template-columns:1fr;gap:0}.results-header>p{margin-top:0;max-width:620px}.management-results{grid-template-columns:1fr 1fr;gap:25px}.management-detail{grid-column:1/-1}.results-bridge{grid-template-columns:1fr;gap:10px}.commercial-results{gap:25px}.commercial-results strong{letter-spacing:-2px}.growth-results{padding-top:30px}}@media(max-width:550px){.work-select{display:block;flex:1}.work-select label{display:block;margin-bottom:8px}.work-select select{width:100%;min-width:0}.work-toolbar{align-items:flex-end;gap:15px}.work-toolbar .status{padding-bottom:12px;white-space:nowrap}.commercial-results{gap:18px}.commercial-results strong{font-size:53px}.commercial-results span{font-size:13px}.management-number strong{font-size:31px}.results-header h2{letter-spacing:-1px}}

.work-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 32px}.work-lane{padding:24px 22px;background:#e7ecdf;border-top:3px solid #244e3b;display:flex;flex-direction:column}.work-lane:nth-child(2){background:#eee6d9;border-color:#73512a}.work-lane:nth-child(3){background:#e0e8e8;border-color:#426367}.lane-index{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.work-lane h3{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:14px 0}.work-lane p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 14px}.work-lane ul{padding-left:17px;margin:0 0 20px;font-size:12px;line-height:1.8}.lane-evidence{display:block;font-size:11px;color:var(--muted);border-top:1px solid #b6c0af;padding-top:13px;margin-top:auto}.work-focus-buttons{margin:0;gap:8px}.work-focus-buttons .filter{font-size:12px;padding:8px 14px}.work-toolbar{flex-wrap:wrap;gap:13px;margin-bottom:16px;padding-bottom:18px}.work-view-intro{font-size:14px;color:var(--muted);margin:0 0 25px;min-height:25px}.work-toolbar .status{padding:0}.projects>.project{grid-column:auto}@media(max-width:800px){.work-lane{padding:20px 16px}.work-lane h3{font-size:20px}.work-lane p{font-size:13px}.work-lanes{gap:12px}}@media(max-width:580px){.work-lanes{grid-template-columns:1fr;gap:12px}.work-lane{padding:20px}.work-lane h3 br{display:none}.work-lane h3{font-size:22px;margin:10px 0}.work-lane h3 br:after{content:' '}.work-lane ul{margin-bottom:12px}.work-lane p{font-size:14px}.work-focus-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.work-focus-buttons .filter{border-radius:4px;font-size:12px;padding:9px 10px}.work-toolbar{display:block}.work-toolbar .status{margin-top:12px}.work-view-intro{min-height:0}}

.hero{padding-top:48px;padding-bottom:45px;gap:40px}.system{padding:22px;box-shadow:none;align-self:center}.system-body{padding:15px 0}.flow{margin:5px 0}.flow span{font-size:19px;padding:7px}.system-head{padding-bottom:13px}.system-foot{padding-top:13px;font-size:11px}.hero h1{font-size:clamp(43px,5vw,65px);margin:20px 0}.hero-resumes{display:flex;gap:24px;margin-top:19px;font-size:13px}.hero-note{margin-top:16px}.project-shot{margin:0;padding:22px;background:#e1e7de;display:flex;flex-direction:column}.project-shot a{display:block;overflow:hidden;border:1px solid #b6c2b0;background:#fff}.project-shot img{display:block;width:100%;height:310px;object-fit:contain;background:#edf0e8}.project-shot figcaption{font-size:11px;color:var(--muted);padding-top:10px}.project-shot.landscape img{height:310px}.project-shot a:after{content:'View full screenshot ↗';display:block;padding:9px 12px;font-size:12px;background:#fafaf5;color:var(--ink)}.project-shot+.project-body{flex:1}.system{max-width:370px}@media(max-width:800px){.hero{padding-top:30px;gap:22px}.system{max-width:none;width:100%;padding:18px}.system-body{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;padding:12px 0}.flow span{font-size:15px;letter-spacing:-.4px}.system-foot{font-size:10px}.hero h1{font-size:45px}.project-shot img,.project-shot.landscape img{height:300px}}@media(max-width:430px){.system-body{gap:4px 10px}.flow{gap:8px}.flow span{font-size:13px}.hero-resumes{gap:18px}.project-shot{padding:16px}.project-shot img,.project-shot.landscape img{height:260px}}

.bootstrap-context{display:flex;align-items:baseline;gap:18px;padding:15px 18px;margin:0 0 12px;background:#e7ecdf;border-left:3px solid #244e3b}.bootstrap-context strong{font-size:16px}.bootstrap-context span{font-size:13px;color:var(--muted)}@media(max-width:600px){.bootstrap-context{display:block}.bootstrap-context span{display:block;margin-top:5px}}

/* Clearer project footers and supporting outcomes. */
.visual .minirow{background:#193a31;color:#fff;margin:18px -28px -28px;padding:17px 22px;gap:8px;flex-wrap:wrap}.visual .minirow span{opacity:1;font-size:12px;font-weight:700;border-color:#8fa69a;color:#fff;padding:6px 9px}.visual-result{display:block;font-size:15px;font-weight:700;letter-spacing:0;margin-top:5px}.project-shot figcaption{background:#193a31;color:#fff;font-weight:700;padding:12px 14px;font-size:12px;margin-top:12px}.project-shot a:after{font-weight:700}@media(max-width:430px){.visual .minirow{padding:14px 18px}}