@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#173c38;--ink:#f6f7f2;--muted:#a9c2ba;--body:#d3dfda;--line:#2e5752;--accent:#dceba5;--on-accent:#173c38;--teal:#167467;--soft:#1e4843;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.site{max-width:1280px;margin:auto;padding:0 64px}.header{height:111px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:22px;font-weight:600;letter-spacing:-.6px}.domain{font-weight:400;color:var(--muted)}.mark{width:31px;height:31px;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-family:monospace;line-height:1;margin-right:12px;border-radius:2px;font-size:26px;position:relative}.mark span{font-size:11px;position:absolute;right:1px;top:0;background:var(--accent)}nav{display:flex;gap:34px}nav a{font-size:14px;position:relative;padding:8px 0}nav a:hover,nav a[aria-current]{color:var(--accent)}nav a[aria-current]:after{position:absolute;content:'';left:0;right:0;bottom:1px;height:1px;background:var(--accent)}.preview{font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.6;color:var(--muted);padding-top:16px}.preview span{color:var(--accent);margin-right:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center;padding:72px 0 84px}.eyebrow,.card-meta,.figure-tab,.hero-figure figcaption,.section-head h2 span,.article-end>span{font-family:'IBM Plex Mono',monospace}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:12px;color:var(--muted);font-weight:400;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,4.7vw,65px);line-height:1.08;letter-spacing:-3px;font-weight:500;margin-bottom:25px}h1 em{font-style:normal;color:var(--accent)}.intro{max-width:420px;color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:27px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;padding:8px 0;border-bottom:1px solid var(--ink)}.text-link:hover{color:var(--accent);border-color:var(--accent)}.hero-figure{margin:0;min-width:0}.image-wrap{height:345px;position:relative;background:#d9ddd2;overflow:hidden}.image-wrap:before,.image-wrap:after{z-index:1;position:absolute;content:'+';font-family:monospace;font-size:26px;line-height:1;color:white;pointer-events:none}.image-wrap:before{top:14px;left:15px}.image-wrap:after{bottom:14px;right:15px}.hero-figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.image-button{border:0;background:none;padding:0;width:100%;height:100%;display:block;cursor:zoom-in}.image-button:hover img{transform:scale(1.025)}.figure-tab{position:absolute;bottom:17px;left:18px;background:var(--paper);padding:5px 9px;font-size:12px;pointer-events:none}.hero-figure figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-top:13px}.hero-figure figcaption a:hover{text-decoration:underline}.section{border-top:1px solid var(--line);padding-top:28px;margin-bottom:77px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.section-head h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:0}.section-head h2 span{font-size:11px;color:var(--muted);margin-left:14px;vertical-align:middle}.section-head>a{font-size:13px;display:flex;gap:18px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.project-card{display:block;min-width:0}.project-visual{aspect-ratio:1.86;overflow:hidden;background:var(--soft);margin-bottom:19px}.project-visual svg{width:100%;height:100%;display:block;transition:transform .3s}.project-card:hover .project-visual svg,.project-card:hover .photo-project img{transform:scale(1.035)}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.3px;color:var(--muted);text-transform:uppercase;margin-bottom:9px}.project-card h3{font-size:19px;line-height:1.4;letter-spacing:-.4px;font-weight:500;display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.project-card h3 span{font-size:18px;color:var(--accent)}.project-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:310px}.photo-project{height:100%;position:relative;overflow:hidden}.photo-project img{width:100%;height:100%;object-fit:cover;object-position:65% 40%;filter:grayscale(1);transition:transform .3s}.photo-project>span{position:absolute;bottom:12px;left:13px;font-family:monospace;font-size:10px;letter-spacing:1px;color:white;background:#262b2699;padding:3px 7px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:var(--muted);padding:27px 0 34px;margin-top:85px}.footer-name{font-size:16px;font-weight:500;color:var(--ink)}.footer-name span{color:var(--muted);font-weight:400}.page-intro{padding:74px 0 55px;max-width:680px}.page-intro h1{font-size:64px}.page-intro>p:last-of-type{color:var(--muted);font-size:18px;max-width:540px}.muted{color:var(--muted);font-size:13px;margin:0}.about-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;margin:80px 0}.about-text{max-width:550px;padding-top:8px;color:var(--muted)}.large-copy{font-size:26px;line-height:1.5;color:var(--ink);letter-spacing:-.5px}.interest-list{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 45px}.interest-list span{border:1px solid var(--line);padding:5px 12px;font-size:13px;border-radius:2px}.draft-note{background:var(--soft);border-left:2px solid var(--accent);padding:14px 18px;font-size:13px;color:var(--muted);line-height:1.7}.draft-note p:last-child{margin-bottom:0}.draft-note .eyebrow{font-size:11px}.credits{margin-top:45px;font-size:13px}.credits h2{font-size:17px;color:var(--ink);font-weight:500}.credits a{text-decoration:underline;text-underline-offset:3px}.back-link{font-size:13px;display:inline-block;margin:41px 0 30px;color:var(--muted)}.article{max-width:740px;margin:0 auto}.article-head{padding:20px 0 15px}.article-head h1{font-size:54px;line-height:1.14;letter-spacing:-2px}.article-deck{font-size:20px;color:var(--muted);line-height:1.6}.article>.draft-note{margin-bottom:42px}.prose{max-width:680px;margin:0 auto;font-size:17px;color:var(--body)}.prose h2{font-size:26px;font-weight:500;color:var(--ink);letter-spacing:-.6px;margin:37px 0 16px}.prose p{margin-bottom:22px}.prose ul{padding-left:22px}.prose li{padding:4px}.article-diagram{margin:35px 0}.article-diagram svg{display:block;width:100%;height:auto}.article-diagram figcaption{font-size:12px;color:var(--muted);margin-top:9px}.prose blockquote{margin:30px 0;padding:16px 0 16px 24px;border-left:2px solid var(--accent);font-size:25px;line-height:1.5;color:var(--accent)}.article-end{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding:25px 0;border-top:1px solid var(--line);font-size:14px}.article-end>span{font-size:11px;color:var(--muted);text-transform:uppercase}.skip{position:fixed;top:-100px;background:var(--accent);color:var(--on-accent);padding:12px;z-index:10}.skip:focus{top:10px}.image-dialog{background:var(--paper);border:0;padding:50px 18px 18px;max-width:90vw;max-height:90vh;overflow:auto}.image-dialog::backdrop{background:#111b}.image-dialog img{display:block;max-height:75vh;max-width:85vw;object-fit:contain}.close-image{position:absolute;top:9px;right:14px;background:none;border:0;padding:5px 10px;cursor:pointer;font-size:14px;color:var(--ink)}
@media(min-width:1400px){.site{padding:0 30px}.hero{gap:90px}.image-wrap{height:370px}.hero{padding-top:80px;padding-bottom:90px}}@media(max-width:980px){.site{padding:0 35px}.hero{gap:30px}.hero h1{font-size:48px}.image-wrap{height:320px}.intro{font-size:16px}.project-grid{gap:20px}.project-card h3{font-size:17px}.about-layout{gap:45px}.hero-figure figcaption{font-size:10px}}@media(max-width:700px){.site{padding:0 22px}.header{height:88px}.brand{font-size:19px}.mark{width:27px;height:27px;font-size:23px;margin-right:8px}nav{gap:18px}nav a{font-size:13px}.preview{font-size:10px;padding-top:14px}.preview span{display:block}.hero{grid-template-columns:1fr;padding:44px 0 47px;gap:37px}.hero h1{font-size:52px;letter-spacing:-2.4px}.intro{max-width:480px}.image-wrap{height:auto;aspect-ratio:1.4}.hero-figure figcaption{font-size:10px}.section{margin-bottom:50px;padding-top:23px}.section-head h2{font-size:21px}.section-head h2 span{display:none}.section-head>a{font-size:12px;gap:8px}.project-grid{grid-template-columns:1fr;gap:33px}.project-visual{aspect-ratio:1.8;margin-bottom:16px}.project-card h3{font-size:21px}.card-meta{font-size:11px}.project-card p{font-size:15px;max-width:none}footer{margin-top:58px;flex-wrap:wrap;padding:24px 0;gap:14px}footer>span{order:3;width:100%;font-size:11px}footer>a:last-child{margin-left:auto}.page-intro{padding:50px 0 32px}.page-intro h1{font-size:52px}.page-intro>p:last-of-type{font-size:17px}.about-layout{grid-template-columns:1fr;gap:25px;margin:50px 0}.about-layout h1{font-size:57px}.large-copy{font-size:23px}.about-text{padding-top:0}.article-head h1{font-size:41px;letter-spacing:-1.5px}.article-deck{font-size:18px}.back-link{margin-top:29px}.article-head{padding-top:8px}.prose{font-size:16px}.prose h2{font-size:24px}.article-end{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Thesis figures preserve the full scientific image, including scale bars. */
.thesis-cover{background:#111;display:flex;align-items:center}
.thesis-cover img{height:auto;object-fit:contain}
.project-card:hover .thesis-cover img{transform:none}
.thesis-cover>span{top:10px;bottom:auto}
.thesis-figure{margin:32px 0;min-width:0}
.thesis-figure img{display:block;width:100%;height:auto;background:white}
.thesis-figure .image-button{height:auto}
.thesis-figure .image-button:hover img{transform:none}
.thesis-figure figcaption{font-size:13px;line-height:1.65;color:var(--muted);margin-top:12px}
.thesis-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:520px;margin:28px auto}
.thesis-setup .thesis-figure{margin:0}
.thesis-setup img{height:clamp(110px,32vw,200px);object-fit:contain;background:white;border:1px solid var(--line);padding:6px}
.thesis-setup figcaption{font-size:14px;line-height:1.5;margin-top:10px}
.thesis-setup figcaption strong{color:var(--ink);font-weight:500}
@media(max-width:600px){.thesis-setup{gap:12px}}
.thesis-optics{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.thesis-optics .thesis-figure{margin:12px 0 24px}
.thesis-optics img{height:290px;object-fit:contain}
.thesis-source{border-top:1px solid var(--line);margin-top:44px;padding-top:28px}
.thesis-source h2{margin-top:0;font-size:23px}
.thesis-source .text-link{flex-wrap:wrap;gap:8px 20px}
.thesis-source .figure-credit{font-size:12px;line-height:1.7;margin:24px 0 0;color:var(--muted)}
.about-text>p>a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.thesis-optics{grid-template-columns:1fr}.thesis-optics img{height:auto;max-height:420px}.thesis-source h2{font-size:21px}}

/* Project covers and readable secondary details. */
.type-cover{background:#e5e8dc;color:#425438;height:100%;padding:24px 29px;display:flex;flex-direction:column;justify-content:space-between}.type-cover>span{font:12px 'IBM Plex Mono',monospace;letter-spacing:.6px}.type-cover strong{font-size:clamp(30px,3.8vw,49px);font-weight:450;line-height:1.03;letter-spacing:-2px}.document-outline{display:grid;gap:0;border-top:1px solid var(--line);margin:32px 0}.document-outline span{border-bottom:1px solid var(--line);padding:15px 0;font:14px 'IBM Plex Mono',monospace}.hero-figure figcaption,.card-meta,.section-head h2 span,.photo-project>span,.preview,.article-end>span{font-size:12px}.project-card p{font-size:16px}.section-head>a,.back-link,nav a{font-size:14px}nav a{min-height:44px;display:flex;align-items:center}.type-cover>span:last-child{font-size:11px}.project-card p{max-width:450px}.close-image{min-height:44px;min-width:80px}.hero-figure figcaption a{padding-bottom:8px}.image-wrap{background:#e4e5da}.hero-figure img{object-position:50% 40%}.photo-project img{filter:none}.photo-project>span{font-size:12px}.preview{font-size:12px}.header nav{gap:30px}@media(max-width:700px){.header nav{gap:16px}.header nav a{font-size:13px}.type-cover{padding:21px 24px}.type-cover strong{font-size:44px}.type-cover>span:last-child{font-size:10px}.hero-figure figcaption{font-size:11px}.preview{font-size:11px}.hero{padding-top:38px}}@media(max-width:380px){.site{padding:0 17px}.brand{font-size:17px}.mark{margin-right:6px}.header nav{gap:12px}.hero h1{font-size:47px}}

.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:32px}.project-facts span{display:block;font:12px 'IBM Plex Mono',monospace;color:var(--muted);margin-bottom:7px}.project-facts strong{font-size:15px;font-weight:500;color:var(--ink)}@media(max-width:500px){.project-facts{grid-template-columns:1fr;gap:15px}.project-facts>div{display:flex;justify-content:space-between;gap:15px}.project-facts span{margin:0}}

/* Dispenser model: compact, uncropped, and available at full size. */
.dispenser-figure{max-width:460px;margin:28px auto}
.dispenser-figure img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;background:white}
.dispenser-figure .image-button{height:auto}
.dispenser-figure .image-button:hover img{transform:none}
.dispenser-figure figcaption{margin-top:12px;font-size:14px;line-height:1.6;color:var(--muted)}
.dispenser-cover{background:white}
.dispenser-cover img{object-fit:contain;object-position:center;padding:12px}
.project-card:hover .dispenser-cover img{transform:none}


/* Personal introductions: clear hierarchy, compact portrait, direct actions. */
.home-about,.about-profile{display:grid;grid-template-columns:160px minmax(0,1fr);gap:48px;align-items:start;max-width:950px;margin:0 auto;padding:64px 0}
.intro-portrait{padding-top:8px}
.intro-portrait>p{font-size:14px;text-align:center;color:var(--muted);margin:16px 0 0}
.profile-photo{width:160px;height:160px;margin:0;background:white;overflow:hidden;border-radius:50%}
.profile-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:50%}
.home-about{grid-template-columns:180px minmax(0,1fr)}
.home-about .profile-photo{width:180px;height:180px}
@media(max-width:700px){.home-about .profile-photo{width:144px;height:144px}}
.home-about-copy,.about-profile .about-text{max-width:680px;min-width:0;padding:0}
.home-about .eyebrow,.about-profile .eyebrow{margin-bottom:18px;font-size:12px}
.home-about h1{font-size:clamp(36px,4.5vw,58px);line-height:1.12;letter-spacing:-1.8px;font-weight:500;margin:0 0 20px}
.home-about .intro-role{font-size:19px;line-height:1.5;color:var(--accent);margin-bottom:20px}
.intro-summary{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:0}
.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.profile-action{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:46px;padding:10px 20px;border:1px solid var(--line);border-radius:4px;font-size:14px;color:var(--ink);transition:background .15s,border-color .15s}
.profile-action:hover{background:var(--soft);border-color:var(--accent)}
.profile-action.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:500}
.profile-action.primary:hover{background:var(--ink);border-color:var(--ink)}
.about-profile h1{font-size:clamp(38px,4.7vw,56px);margin-bottom:22px;letter-spacing:-1.5px}
.about-profile .large-copy{font-size:23px;line-height:1.5;margin-bottom:18px}
.about-profile .about-text>p:not(.large-copy):not(.eyebrow):not(.profile-details){font-size:16px;line-height:1.8;margin-bottom:20px}
.profile-details{font-size:14px;color:var(--muted);margin:24px 0 0}
.about-detail{display:grid;grid-template-columns:160px minmax(0,1fr);gap:48px;max-width:950px;margin:0 auto;border-top:1px solid var(--line);padding:30px 0}
.about-detail h2{font-size:19px;font-weight:500;line-height:1.4;letter-spacing:-.3px;margin:0}
.about-detail p{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:16px}
.about-detail p:last-child{margin-bottom:0}
.about-detail a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
@media(max-width:700px){.home-about,.about-profile{grid-template-columns:1fr;gap:26px;padding:40px 0}.intro-portrait{padding:0;display:flex;align-items:center;gap:20px}.intro-portrait>p{margin:0;text-align:left}.profile-photo{width:128px;height:128px;flex-shrink:0}.home-about h1{font-size:clamp(32px,7.5vw,46px);letter-spacing:-1px}.home-about .intro-role{font-size:17px}.about-profile h1{font-size:42px}.about-detail{grid-template-columns:1fr;gap:16px;padding:26px 0}.profile-actions{gap:10px}.profile-action{padding:10px 16px}}

/* Keep the project listing focused on the work. */
.projects-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:48px 0 32px}
.projects-heading h1{font-size:clamp(40px,4.5vw,56px);letter-spacing:-1.8px;margin:0}
.projects-jump{color:var(--accent);border-color:var(--accent);white-space:nowrap}
.project-card .card-meta{font-family:inherit;font-size:14px;text-transform:none;letter-spacing:0;margin-bottom:6px}
.project-card p{max-width:100%}
.project-card:hover h3{color:var(--accent)}
@media(max-width:700px){.projects-heading{padding:36px 0 26px}}


.profile-contact{display:flex;align-items:center;flex-wrap:wrap;gap:4px 24px;margin-top:16px}
.profile-contact a{display:inline-flex;align-items:center;gap:9px;min-height:44px;max-width:100%;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.profile-contact img{flex-shrink:0}

/* Videos stay within the text column and play only when requested. */
.video-figure{margin:24px 0;min-width:0}
.video-figure--compact{max-width:460px;margin-inline:auto}
.video-figure video{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#0f2926;border-radius:4px}
.video-figure video:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.video-figure figcaption{margin-top:10px;font-size:14px;line-height:1.6;color:var(--muted)}
.profile-contact a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}


/* LED report figures remain compact and can be enlarged for inspection. */
.led-figure{max-width:460px;margin:28px auto;min-width:0}
.led-figure img{display:block;width:100%;height:auto;object-fit:contain;background:white}
.led-figure .image-button{height:auto}
.led-figure .image-button:hover img{transform:none}
.led-figure figcaption{margin-top:10px;font-size:14px;line-height:1.6;color:var(--muted)}
.led-figure-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.led-figure-pair .led-figure{width:100%;margin:0}
.led-cover{background:#171813}
.led-cover img{object-fit:contain}
.project-card:hover .led-cover img{transform:none}
@media(max-width:600px){.led-figure-pair{grid-template-columns:1fr}.led-figure-pair .led-figure{margin-inline:auto}}

/* PipeMatch theme: deep green surfaces, pale yellow accent. */
::selection{background:var(--accent);color:var(--on-accent)}
.text-link:hover,.section-head>a:hover,.back-link:hover,footer a:hover{color:var(--accent)}
.project-card h3,.feature-card h3{color:var(--ink)}

/* Selected projects: a curated, larger layout distinct from the full project list. */
.feature-list{display:grid;gap:24px}
.feature-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;padding:24px;background:var(--soft);border:1px solid var(--line);border-radius:6px;transition:border-color .2s}
.feature-card:hover{border-color:var(--accent)}
.feature-card .project-visual{margin:0;border-radius:4px}
.feature-card .card-meta{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:1px;color:var(--accent);margin-bottom:12px}
.feature-card h3{font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-.8px;font-weight:500;margin-bottom:12px}
.feature-card p{font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:22px}
.feature-link{display:inline-flex;gap:12px;font-size:14px;padding-bottom:4px;border-bottom:1px solid var(--accent);color:var(--accent)}
.feature-card:hover .photo-project img{transform:scale(1.035)}
.feature-card:hover .thesis-cover img{transform:none}
@media(max-width:800px){.feature-card{grid-template-columns:1fr;gap:20px;padding:16px}}

/* PipeMatch screenshots: wider than the text column so the interface stays legible. */
.pipematch-cover{background:#f6f7f2}
.pipematch-cover img{object-position:70% 70%}
.wide-figure{width:min(1100px,calc(100vw - 128px));margin:36px 0 36px 50%;transform:translateX(-50%);min-width:0}
.wide-figure img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--line)}
.wide-figure .image-button{height:auto}
.wide-figure .image-button:hover img{transform:none}
.wide-figure figcaption{max-width:680px;margin:12px auto 0;font-size:14px;line-height:1.6;color:var(--muted)}
.site{overflow-x:clip}
@media(max-width:980px){.wide-figure{width:calc(100vw - 70px)}}
@media(max-width:700px){.wide-figure{width:calc(100vw - 44px)}}

/* Smaller projects reuse the project cards' typography, colors, and grid spacing. */
.smaller-projects{margin-top:55px}
.smaller-projects:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.smaller-project-list{list-style:none;margin:0;padding:0;grid-template-columns:1fr}
.smaller-project-list>li{min-width:0}
.smaller-project-list>li+li{border-top:1px solid var(--line)}
.smaller-project{height:100%;padding-top:27px}
.smaller-project-list>li:first-child>.smaller-project{padding-top:0}
.smaller-project .card-meta{font-size:12px}
.smaller-project h3{display:block;font-size:16px}
.smaller-project h3 span{font-size:14px}
.smaller-project p{font-size:14px}
div.smaller-project:hover h3{color:var(--ink)}
@media(min-width:768px){
 .smaller-project-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .smaller-project-list>li:nth-child(2){border-top:0}
 .smaller-project-list>li:nth-child(2)>.smaller-project{padding-top:0}
}