@font-face{font-family:Portfolio;src:url('assets/fonts/portfolio.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#f7f7f2;--white:#fff;--ink:#25362f;--muted:#606960;--line:#d9ded4;--green:#245d49;--pale:#e8eddf;--dark:#203a31;--radius:5px;--width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Portfolio,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #54816a;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2.6rem,5.3vw,4.8rem)}h2{font-size:clamp(2rem,3.3vw,3rem)}h3{font-size:1.6rem}p+p{margin-top:1em}button{color:inherit}::selection{background:#cdddc7}[hidden]{display:none!important}.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:20px;top:-90px;background:var(--dark);color:white;padding:12px 20px;z-index:100}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:600;letter-spacing:-.03em}.monogram{height:36px;width:36px;border:1px solid #a6b2a4;display:grid;place-items:center;font-size:12px;letter-spacing:-.06em;border-radius:50%}.nav{display:flex;align-items:center;gap:33px;font-size:13px}.nav a{padding:8px 0}.nav a:hover,.nav a[aria-current=page]{color:var(--green);text-decoration:underline;text-underline-offset:7px}.nav .resume-link{border:1px solid #aab5a6;padding:8px 16px;border-radius:3px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:8px 13px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;line-height:1.5}.eyebrow .dot{height:6px;width:6px;border-radius:50%;background:var(--green)}.muted{color:var(--muted)}.hero{padding:80px 0 74px;display:grid;grid-template-columns:minmax(390px,.85fr) minmax(0,1.4fr);align-items:center;gap:40px}.hero h1{margin-top:26px;font-size:clamp(2.6rem,4.7vw,4.3rem);line-height:1.08;letter-spacing:-.055em}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em;color:var(--green)}.hero-copy{font-size:16px;max-width:470px;margin-top:28px;color:var(--muted);line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--dark);color:white;border:1px solid var(--dark);border-radius:3px;padding:12px 21px;font-size:13px;font-weight:500;transition:background .18s,transform .18s}.button:hover{background:#315943;transform:translateY(-2px)}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #b3bcae;padding-bottom:4px}.text-link:hover{color:var(--green);border-color:var(--green)}.arrow{font-size:19px;font-weight:400;line-height:1}.hero-visual{position:relative;padding:15px;background:#e8ebdf;border-radius:var(--radius)}.visual-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;padding:14px 0 0;color:#4b5b4e}.discipline-strip{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.discipline-strip span{display:flex;align-items:center;gap:13px}.discipline-strip b{color:#788776;font-size:10px;font-weight:400}.section{padding:82px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head h2{margin-top:13px}.section-intro{color:var(--muted);max-width:480px;font-size:14px}.feature{display:grid;grid-template-columns:1.17fr 1fr;background:var(--pale);border:1px solid #dfe4d8;border-radius:var(--radius);overflow:hidden}.feature-media{position:relative;min-height:360px;overflow:hidden}.feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.feature:hover .feature-media img{transform:scale(1.025)}.feature-content{padding:44px;display:flex;flex-direction:column;align-items:start;justify-content:center}.feature-content h3{font-size:2.15rem;margin-top:24px}.feature-content p{font-size:14px;color:#536153;margin:18px 0 24px}.feature-content .text-link{margin-top:25px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #c3cebb;border-radius:3px;padding:3px 9px;font-size:10px;letter-spacing:.02em;line-height:1.6}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 30px}.selected-grid{margin-top:32px}.work-card{min-width:0;position:relative}.card-image{display:block;overflow:hidden;background:#e8ebe4;border-radius:var(--radius);border:1px solid var(--line)}.card-image img{width:100%;height:270px;object-fit:cover;transition:transform .35s}.work-card:hover .card-image img{transform:scale(1.025)}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);gap:16px}.work-card h3{font-size:1.65rem;margin-top:10px;display:flex;justify-content:space-between;gap:16px}.work-card h3 a:after{content:'';position:absolute;inset:0}.work-card h3 .arrow{font-size:24px}.work-card p{font-size:14px;line-height:1.75;margin-top:12px;max-width:95%;color:var(--muted)}.card-note{font-size:11px;margin-top:15px;color:var(--green)}.about-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;padding:65px 0}.about-band h2{margin-top:14px}.about-band p{color:var(--muted);font-size:16px}.about-band .text-link{margin-top:22px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px}.capability{padding-top:24px;border-top:1px solid var(--line)}.capability h3{font-size:1.15rem;letter-spacing:-.025em}.capability p{font-size:13px;color:var(--muted);margin:13px 0}.capability a{font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:4px}.contact{margin-top:32px;padding:62px 0 55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:2.4rem;margin-top:13px}.contact p{font-size:14px;color:var(--muted);margin-top:15px}.contact-links{display:flex;align-items:center;gap:24px;margin-top:24px}.footer{padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.page-heading{padding:65px 0 44px}.page-heading h1{margin-top:20px;max-width:870px}.page-heading .lead{max-width:730px;font-size:18px;margin-top:27px;color:var(--muted);line-height:1.7}.breadcrumbs{font-size:12px;display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);margin-bottom:32px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:22px 0;border-block:1px solid var(--line);margin:0 0 35px}.filter{border:1px solid transparent;background:transparent;padding:8px 14px;font-size:12px;border-radius:3px}.filter:hover{border-color:var(--line)}.filter[aria-pressed=true]{background:var(--dark);color:white}.filter-status{margin-left:auto;font-size:11px;color:var(--muted)}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:35px 0 40px;padding:22px 0;gap:30px}.case-meta dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.case-meta dd{margin:0;font-size:13px}.case-hero{background:#e8ebe3;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.case-hero img{width:100%;max-height:590px;object-fit:contain}.figure-caption{padding:13px 0;font-size:11px;color:var(--muted);line-height:1.6;display:flex;justify-content:space-between;gap:25px}.figure-caption span:last-child{white-space:nowrap}.case-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:80px;padding-top:57px}.case-nav{align-self:start;position:sticky;top:30px;font-size:12px}.case-nav p{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.case-nav a{display:block;padding:7px 0}.case-nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}.case-section{margin-bottom:52px;scroll-margin-top:40px}.case-section h2{font-size:2rem;margin-bottom:22px}.case-section>p{color:#566155;line-height:1.85;font-size:15px}.case-section ul{color:#566155;padding-left:20px;font-size:15px;line-height:1.85}.case-section li+li{margin-top:8px}.process{counter-reset:steps;margin-top:30px}.process-step{padding:0 0 30px 48px;position:relative;border-left:1px solid var(--line);margin-left:14px}.process-step:last-child{padding-bottom:0;border-left-color:transparent}.process-step:before{counter-increment:steps;content:'0' counter(steps);position:absolute;left:-15px;top:0;width:29px;height:29px;display:grid;place-items:center;background:var(--paper);border:1px solid #bac8b3;border-radius:50%;font-size:10px;color:var(--green)}.process-step h3{font-size:1.17rem;letter-spacing:-.025em;padding-top:3px}.process-step p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.85}.outcome{background:var(--pale);border-left:3px solid #608263;padding:26px 30px;margin:30px 0}.outcome .eyebrow{margin-bottom:12px}.outcome p{font-size:15px;line-height:1.8;color:#455845}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.case-gallery figure:first-child:last-child{grid-column:1/-1}.case-gallery img{width:100%;height:255px;object-fit:contain;background:#e9ece4;border:1px solid var(--line);border-radius:3px}.case-gallery a{display:block}.case-gallery a:hover{opacity:.9}.case-gallery figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:10px}.technical{border-block:1px solid var(--line);padding:19px 0}.technical summary{font-size:14px;cursor:pointer;font-weight:500}.technical .detail-content{padding:20px 0 4px;font-size:14px;color:var(--muted);line-height:1.8}.technical .chips{margin-top:20px}.related{border-top:1px solid var(--line);padding:45px 0}.related h2{font-size:1.8rem;margin-bottom:22px}.next-link{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:25px}.next-link span{font-size:12px;color:var(--muted)}.experience-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:55px 0;border-bottom:1px solid var(--line)}.experience-intro h2{font-size:2.2rem}.experience-intro p{font-size:15px;line-height:1.85;color:var(--muted)}.experience-projects{padding-top:60px}.experience-projects .section-head{margin-bottom:30px}.flow{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.flow span{font-size:11px;border:1px solid #bdcbb4;padding:8px 12px;border-radius:3px}.flow b{font-weight:400;align-self:center;color:#6f8369}.about-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px;padding-bottom:70px}.portrait{border-radius:var(--radius);max-height:520px;width:100%;object-fit:cover;object-position:center 30%}.about-text h2{font-size:2rem;margin:12px 0 24px}.about-text p{color:var(--muted);font-size:15px;line-height:1.9}.timeline-row{padding:25px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:170px 1fr;gap:40px}.timeline-row h3{font-size:1.25rem;margin-bottom:10px}.timeline-row p{color:var(--muted);font-size:14px}.timeline-row .date{font-size:12px;color:var(--muted)}.resume{max-width:850px}.resume h1{font-size:3rem}.resume h2{font-size:1.6rem;margin:34px 0 18px}.resume h3{font-size:1.1rem;margin:22px 0 8px}.resume p,.resume li{font-size:14px;color:#465248}.resume .contact-line{margin:20px 0}.resume .contact-line a{text-decoration:underline}.resume ul{padding-left:20px}.print-note{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid var(--line);margin-bottom:40px;font-size:12px}dialog{padding:0;border:0;border-radius:5px;width:min(1200px,94vw);max-height:94vh;background:#f7f7f2;color:var(--ink);box-shadow:0 25px 100px #0005}dialog::backdrop{background:#15251ce6}dialog img{width:100%;height:auto;max-height:76vh;object-fit:contain;background:#e8eae4}.lightbox-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:25px}.lightbox-bar p{font-size:12px;line-height:1.6}.lightbox-bar button{background:transparent;border:1px solid #b6c2ae;padding:8px 14px;border-radius:3px;flex-shrink:0;font-size:12px}.no-js{font-size:12px;color:var(--muted)}
@media(min-width:1450px){.hero{padding-block:90px}.hero h1{font-size:4.7rem}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1fr;gap:38px}.hero>div:first-child{max-width:730px}.hero h1{font-size:3.5rem}.feature-content{padding:30px}.feature-content h3{font-size:1.9rem}.case-layout{grid-template-columns:165px minmax(0,1fr);gap:45px}.about-band{gap:50px}.card-image img{height:240px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:78px}.nav{gap:19px}.hero{grid-template-columns:1fr;gap:38px;padding:48px 0 35px}.hero h1{font-size:clamp(2.8rem,8vw,4rem);max-width:550px}.hero-copy{margin-top:22px}.hero-visual{margin-left:0;padding:8px}.hero-actions{margin-top:24px}.discipline-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px}.section{padding:52px 0}.section-head{align-items:start;gap:22px}.section-head h2{font-size:2rem}.feature{grid-template-columns:1fr}.feature-media{min-height:0;height:290px}.feature-content{padding:30px}.feature-content h3{margin-top:17px}.feature-content .text-link{margin-top:18px}.work-grid{gap:32px 22px}.card-image img{height:210px}.work-card h3{font-size:1.35rem}.work-card p{font-size:13px;max-width:100%}.about-band{grid-template-columns:1fr;gap:25px;padding:45px 0}.capabilities{grid-template-columns:1fr;gap:22px}.capability{padding-top:20px}.capability p{margin:9px 0}.contact{padding:40px 0;display:block}.contact>.button{margin-top:26px}.contact h2{font-size:2rem}.page-heading{padding:40px 0 30px}.page-heading .lead{font-size:16px}.page-heading h1{font-size:2.8rem}.case-meta{gap:18px;margin:25px 0}.case-meta dd{font-size:12px}.case-layout{grid-template-columns:1fr;gap:30px;padding-top:35px}.case-nav{position:static;border-bottom:1px solid var(--line);padding-bottom:20px;display:flex;flex-wrap:wrap;gap:5px 20px}.case-nav p{width:100%;margin-bottom:5px}.case-section{margin-bottom:37px}.case-section h2{font-size:1.8rem}.experience-intro{grid-template-columns:1fr;gap:25px;padding:35px 0}.experience-intro h2{font-size:1.9rem}.experience-projects{padding-top:42px}.about-layout{gap:30px;grid-template-columns:1fr}.portrait{max-height:380px;max-width:330px}.timeline-row{grid-template-columns:125px 1fr;gap:25px}.filters{gap:4px}.filter{padding:8px 11px}.filter-status{width:100%;margin:8px 0 0}.case-gallery img{height:220px}}
@media(max-width:520px){.brand{font-size:14px;gap:9px}.monogram{width:30px;height:30px}.menu-toggle{display:block;font-size:12px}.nav{display:none;position:absolute;left:0;right:0;top:78px;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #2330210a}.nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.nav a{padding:9px}.nav .resume-link{margin-top:5px}.hero h1{font-size:2.85rem}.hero-copy{font-size:14px}.visual-label{font-size:8px}.work-grid{grid-template-columns:1fr;gap:32px}.card-image img{height:auto;aspect-ratio:1.6;object-fit:cover}.section-head{flex-wrap:wrap}.section-head .text-link{margin-top:4px}.feature-media{height:240px}.feature-content{padding:25px}.feature-content h3{font-size:1.85rem}.case-meta{grid-template-columns:1fr;gap:15px}.case-meta>div{display:grid;grid-template-columns:95px 1fr;gap:12px}.case-meta dt{margin:0}.case-gallery{grid-template-columns:1fr}.case-gallery img{height:auto;max-height:400px}.page-heading h1{font-size:2.5rem}.case-section>p{font-size:14px}.case-section h2{font-size:1.7rem}.figure-caption{font-size:10px}.figure-caption span:last-child{display:none}.outcome{padding:22px}.process-step{padding-left:32px}.timeline-row{grid-template-columns:1fr;gap:7px}.contact-links{gap:20px;font-size:12px}.footer{flex-direction:column;gap:8px}.print-note{flex-wrap:wrap}.lightbox-bar{align-items:start;padding:12px;gap:12px}.lightbox-bar p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body{background:white;color:black;font-size:11pt}.site-header,.site-footer,.print-note,.case-nav,.skip,.hero-actions,dialog{display:none!important}.wrap{width:100%;max-width:none}.page-heading{padding:0 0 20px}.resume h1{font-size:28pt}.resume h2{font-size:17pt}.resume p,.resume li{font-size:10pt}.section{padding:20px 0}.case-layout{display:block}.case-section,.work-card{break-inside:avoid}a{color:inherit}.resume a:after{content:none}@page{margin:17mm}}

@media(max-width:520px){.hero-actions,.contact-links{flex-wrap:wrap}.hero-actions{gap:18px 24px}.contact-links{gap:15px 20px}}
@media print{.resume h2,.resume h3{break-after:avoid;page-break-after:avoid}}

.resource-links{display:flex;gap:16px 24px;flex-wrap:wrap;margin-top:22px}
.print-note{flex-wrap:wrap}.print-note .resource-links{width:100%;margin-top:0}
.heatmap>.eyebrow{margin-bottom:14px}.heatmap-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;padding:24px 0 8px}
.heatmap-controls label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:7px}
.heatmap select{width:100%;font:inherit;font-size:12px;color:var(--ink);border:1px solid #bcc8b5;background:var(--paper);padding:10px 8px;border-radius:3px;min-height:44px}
.heatmap select:focus-visible,.heatmap-scroll:focus-visible{outline:3px solid #54816a;outline-offset:3px}
.heatmap-status{font-size:11px;color:var(--green);margin:8px 0 18px}.heatmap-status:empty{display:none}
.heatmap-panel{border-bottom:1px solid var(--line);padding:15px 0}.heatmap-panel summary{font-size:13px;cursor:pointer}
.heatmap.is-enhanced .heatmap-panel>summary{display:none}.heatmap.is-enhanced .heatmap-panel{border:0;padding:0}
.heatmap-explanation{font-size:12px;color:var(--muted);line-height:1.8;margin:15px 0!important}
.heatmap-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:3px;background:#fff;overscroll-behavior-inline:contain}
.heatmap-table{border-collapse:separate;border-spacing:3px;width:100%;min-width:1070px;table-layout:fixed;font-size:11px;color:var(--ink)}
.heatmap[data-horizon]:not([data-horizon=all]) .heatmap-table{min-width:460px}
.heatmap-table caption{text-align:left;padding:16px 13px 12px;font-size:13px;font-weight:500;color:var(--ink)}
.heatmap-table caption span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}
.heatmap-table th,.heatmap-table td{padding:12px 4px;text-align:center;font-variant-numeric:tabular-nums;line-height:1.5}
.heatmap-table th{font-weight:500}.heatmap-table thead th{background:#eff1ea}
.heatmap-table thead tr:first-child>th:first-child{width:145px;text-align:left;padding-left:12px}
.heatmap-table tbody th{text-align:left;background:#fafaf7;padding-left:12px}
.heatmap-table td span{font-size:12px;font-weight:500}.heatmap-table td small{display:block;font-size:9px;margin-top:4px;word-break:break-word}
.heatmap-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;font-size:10px;color:var(--muted);margin:17px 0}
.heatmap-legend>span{display:flex;gap:7px;align-items:center}.heatmap-legend i{width:11px;height:11px;display:inline-block;border-radius:2px}
.heatmap-legend .better{background:#63be7b}.heatmap-legend .middle{background:#ffeb84}.heatmap-legend .worse{background:#f8696b}
.heatmap .heatmap-source{font-size:11px;line-height:1.8}
@media(max-width:520px){.heatmap-controls{grid-template-columns:1fr 1fr;gap:12px}.heatmap-controls label:first-child{grid-column:1/-1}.heatmap .resource-links{gap:16px}.heatmap .resource-links a{font-size:11px}}
@media print{.heatmap-controls,.heatmap-status{display:none}.heatmap-table{font-size:8px}.heatmap-table td span{font-size:8px}.heatmap-scroll{overflow:visible}.heatmap-panel{break-inside:avoid}}

.case-layout>div{min-width:0}.heatmap{min-width:0;max-width:100%}

/* Image framing is set per image in website/content/*.json. */
.slideshow{position:relative;min-width:0;background:var(--pale);border-radius:var(--radius);overflow:hidden}
.slideshow [data-slide]{margin:0}
.slideshow .slide-image{display:block;border:0;border-radius:0;overflow:hidden}
.slideshow .slide-image img{width:100%;height:clamp(230px,45vw,570px);max-height:none;aspect-ratio:auto;transform:none;background:#e9ece4}
.slide-caption{padding:14px 18px;font-size:12px;line-height:1.6;color:var(--muted)}
.slide-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 16px;border-top:1px solid var(--line);background:var(--paper)}
.slide-controls button{width:44px;height:44px;border:1px solid #aab5a6;border-radius:50%;background:var(--paper);font-size:20px;line-height:1}
.slide-controls button:hover{background:var(--pale)}
.slide-controls span{font-size:12px;font-variant-numeric:tabular-nums;min-width:48px;text-align:center}









@media print{.slide-controls{display:none!important}}

/* Asset browser: static project folders with searchable image paths. */
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.library-item,.library-folder{min-width:0;border:1px solid var(--line);padding:16px;border-radius:5px}
.library-grid img{width:100%;height:210px;object-fit:contain;background:#e9ece4}
.library-grid h2{font-size:1.15rem;line-height:1.4;letter-spacing:-.02em;margin-top:16px;overflow-wrap:anywhere}
.library-grid code{display:block;font-size:11px;line-height:1.7;overflow-wrap:anywhere;margin:12px 0}
.library-copy{padding:9px 13px;background:var(--pale);border:1px solid #aab5a6;border-radius:3px;font-size:12px}
.library-search{margin:0 0 30px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.library-search input{font:inherit;border:1px solid #aab5a6;padding:10px 14px;min-width:0;max-width:100%;background:var(--paper)}
.library-search p{font-size:13px;color:var(--muted)}
@media(max-width:900px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.library-grid{grid-template-columns:1fr}}

/* Grouped image sequences and illustrated software walkthroughs. */
.slide-group-label{display:block;color:var(--green);font-weight:600;font-size:11px;letter-spacing:.03em;margin-bottom:5px}
.slide-groups{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;border-top:1px solid var(--line);background:var(--paper)}
.slide-groups button{flex:0 0 auto;background:transparent;border:1px solid #aab5a6;border-radius:20px;padding:7px 13px;font-size:11px}
.slide-groups button[aria-pressed=true]{background:var(--dark);color:white;border-color:var(--dark)}
.lightbox-original{font-size:12px;text-decoration:underline;flex-shrink:0}
.software-architecture{padding:64px 0;border-bottom:1px solid var(--line)}
.software-architecture h2{margin:14px 0 28px}
.software-architecture figure{max-width:980px;margin-inline:auto}
.software-architecture .case-hero img{height:auto;max-height:none;width:100%;background:white}
.software-walkthrough{padding:64px 0;border-bottom:1px solid var(--line)}
.software-walkthrough header h2{margin:14px 0 20px}
.software-walkthrough .lead{max-width:820px;font-size:17px;color:var(--muted)}
.walkthrough-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:50px;margin-top:50px}
.walkthrough-nav{position:sticky;top:25px;align-self:start;max-height:90vh;overflow-y:auto}
.walkthrough-nav a{display:flex;gap:10px;padding:9px 0;font-size:12px;line-height:1.5}
.walkthrough-nav a:hover{color:var(--green);text-decoration:underline}
.walkthrough-nav span{color:var(--muted);font-variant-numeric:tabular-nums}
.walkthrough-step{padding:0 0 55px;margin-bottom:45px;border-bottom:1px solid var(--line);scroll-margin-top:30px}
.walkthrough-step:last-child{margin-bottom:0;border:0;padding-bottom:0}
.walkthrough-step h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:14px 0 22px}
.walkthrough-copy{color:var(--muted);font-size:15px;line-height:1.9;max-width:800px}
.walkthrough-images{display:grid;gap:26px;margin-top:26px}
.walkthrough-images .case-hero img{width:100%;height:auto;max-height:none;object-fit:contain;background:#e9ece4}
@media(max-width:900px){.walkthrough-layout{grid-template-columns:1fr;gap:32px}.walkthrough-nav{position:static;display:flex;flex-wrap:wrap;gap:5px 20px;max-height:none;border-block:1px solid var(--line);padding:15px 0}.walkthrough-nav a{max-width:240px}}
@media(max-width:520px){.software-architecture,.software-walkthrough{padding:40px 0}.walkthrough-step{padding-bottom:32px;margin-bottom:32px}.lightbox-bar{flex-wrap:wrap}.lightbox-bar p{width:100%}.slide-groups{padding:10px}.walkthrough-nav a{max-width:none;font-size:11px}}
@media print{.walkthrough-nav,.slide-groups{display:none!important}.walkthrough-layout{display:block}}

/* Keep the homepage image complete and in its natural proportions. */
.hero-visual>a{display:block;cursor:zoom-in}
.hero-photo{display:block;width:100%;height:auto;object-fit:contain;border-radius:2px}
.experience-more{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:36px}
.experience-more p{font-size:12px;color:var(--muted)}


/* Shared skills overview and experience links. */
.skills-jump{display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px;margin-top:30px}
.skills-section{padding:38px 0 60px;border-top:1px solid var(--line)}
.skills-section h2{margin:12px 0 20px}
.skills-intro{max-width:820px;color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:30px}
.skills-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.skills-table caption{text-align:left;font-size:12px;color:var(--muted);padding-bottom:14px}
.skills-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:var(--pale);font-weight:600}
.skills-table th,.skills-table td{padding:24px 22px;vertical-align:top;border-bottom:1px solid var(--line)}
.skills-table th:first-child{width:22%}
.skills-table th:nth-child(2){width:49%}
.skills-table tbody th{font-size:15px;line-height:1.5;font-weight:500;letter-spacing:-.02em;padding-left:0}
.skills-table td>p{font-size:14px;color:var(--muted);line-height:1.8}
.skill-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.skill-tags li{max-width:100%;scroll-margin-top:110px}
.skill-token,.skill-link{border:1px solid #c3cebb;border-radius:3px;font-size:12px;line-height:1.6;padding:6px 10px;background:#f0f3e9;overflow-wrap:anywhere}
.skill-token{display:flex;align-items:baseline;gap:8px}
.skill-cv{font-size:9px;font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:3px}
.skill-examples{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:12px;line-height:1.6}
.skill-examples a{color:var(--green);text-decoration:underline;text-decoration-color:#b3bcae;text-underline-offset:4px}
.skill-examples a:hover{text-decoration-color:var(--green)}
.skill-token:target,.skills-table tr:target{background:#dce8d0;outline:2px solid #54816a;outline-offset:3px}
.applied-skills{padding:40px 0;border-bottom:1px solid var(--line)}
.applied-skills .section-head{margin-bottom:24px;align-items:center}
.applied-skills h2{font-size:clamp(1.7rem,2.5vw,2.2rem)}
.applied-skills-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px}
.applied-skills-grid h3{font-size:13px;letter-spacing:0;margin-bottom:14px}
.skill-link{display:block;background:transparent}
.skill-link:hover{background:var(--pale);border-color:var(--green)}
.skills-overview-link{margin-top:30px}
@media(max-width:900px){.skills-table th,.skills-table td{padding:20px 12px}.skills-table th:first-child{width:24%}.skills-table th:nth-child(2){width:45%}.applied-skills-grid{gap:25px}}
@media(max-width:760px){
.menu-toggle{display:block;font-size:12px}.nav{display:none;position:absolute;left:0;right:0;top:78px;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #2330210a}.nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.nav a{padding:9px}.nav .resume-link{margin-top:5px}
.skills-table,.skills-table tbody{display:block}.skills-table caption{display:block;width:100%}.skills-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skills-table tr{display:block;padding:22px 0;border-top:1px solid var(--line)}.skills-table th,.skills-table td{display:block;width:100%!important;padding:0;border:0}.skills-table tbody th{font-size:17px;padding:0 0 15px}.skills-table td+td{padding-top:18px}.skill-examples{display:flex;flex-wrap:wrap;gap:10px 20px}.skills-table td>p{margin-bottom:0}.skills-section{padding-bottom:35px}.applied-skills-grid{grid-template-columns:1fr}.applied-skills .section-head{align-items:start}.skills-jump{gap:20px}
}
@media print{.skills-jump{display:none}.skills-table tr{break-inside:avoid}.skill-token,.skill-link{background:white}.skills-table{font-size:10pt}.applied-skills{break-inside:avoid}}


/* Vivid Excel-style result scales and workbook-derived component tables. */
.heatmap-table td{color:#18271f}
.heatmap-table tbody th small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}
.heatmap-table tr[data-setting="no-context"]+tr[data-setting="baseline"] th,.heatmap-table tr[data-setting="context"]+tr[data-setting="no-context"] th{border-top:2px solid var(--green)}
.bom>.eyebrow{margin-bottom:14px}
.bom-scroll{overflow-x:auto;max-width:100%;margin:24px 0;border:1px solid var(--line);border-radius:3px;background:white}
.bom-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;min-width:540px}
.bom-table caption{text-align:left;padding:16px;color:var(--muted);font-size:12px}
.bom-table th,.bom-table td{padding:13px 16px;border-top:1px solid var(--line);vertical-align:top}
.bom-table thead th{background:var(--pale);font-weight:500}
.bom-table tbody th{font-weight:500;white-space:nowrap}
.bom-table td:last-child{text-align:center}
.bom-table code{font-size:11px;white-space:normal;overflow-wrap:anywhere}
.bom h3{font-size:1.3rem;margin:28px 0 16px}
.bom-requirements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.bom-requirements div{padding:14px;background:var(--pale);border-radius:3px}
.bom-requirements dt{font-size:11px;color:var(--muted);margin-bottom:5px}
.bom-requirements dd{margin:0;font-size:16px}
.bom .bom-note{font-size:11px;margin:16px 0 22px;color:var(--muted)}
.bom-scroll:focus-visible{outline:3px solid #54816a;outline-offset:3px}
@media(max-width:520px){.bom-requirements{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Raw result families have independent, visibly separated colour scales. */
.heatmap-group+ .heatmap-group{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.heatmap-group>h3{font-size:1.35rem;margin:0 0 16px}
@media print{.heatmap-group{break-inside:avoid}}

/* Expanded results use the whole window; narrow screens stack labelled values. */
.heatmap-expand{margin:4px 0 20px}
.heatmap-dialog{width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;padding:0 28px 28px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);overflow:auto}
.heatmap-dialog::backdrop{background:rgba(16,32,25,.65)}
.heatmap-dialog-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;background:var(--paper);border-bottom:1px solid var(--line)}
.heatmap-dialog .heatmap{max-width:none;margin:0;padding-top:24px}
.heatmap-dialog .heatmap-table{min-width:0!important}
.heatmap-dialog .heatmap-scroll{overflow-x:visible}
.heatmap-dialog .heatmap-table th,.heatmap-dialog .heatmap-table td{overflow-wrap:anywhere}
@media(max-width:900px){
.heatmap-dialog{padding:0 16px 20px;width:calc(100vw - 16px);height:calc(100dvh - 16px)}
.heatmap-dialog .heatmap-table,.heatmap-dialog .heatmap-table tbody{display:block}
.heatmap-dialog .heatmap-table caption{display:block}
.heatmap-dialog .heatmap-table thead{display:none}
.heatmap-dialog .heatmap-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:4px}
.heatmap-dialog .heatmap-table tbody th{grid-column:1/-1;padding:12px;font-size:13px}
.heatmap-dialog .heatmap-table td:before{content:attr(data-cell-label);display:block;font-size:10px;margin-bottom:6px}
.heatmap-dialog .heatmap-table td[hidden]{display:none}
}