/* Shared content styles for the second collection. Each concept defines its own hero. */
:root{--ink:#293e33;--muted:#5d7064;--bg:#f5f4eb;--line:#d2d9cd;--accent:#345b43;--surface:#e9eddf;--on-accent:#f7f7ed}
body{background:var(--bg);color:var(--ink)}.variant-nav{background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted)}.page{max-width:1360px;margin:auto;padding-inline:52px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:20px;font-weight:600;letter-spacing:-.05em;text-decoration:none;display:flex;align-items:center;gap:13px}.brand-mark{font-family:Georgia,serif;font-size:30px;font-style:italic;line-height:1}.site-header nav{display:flex;align-items:center;gap:30px;font-size:12px}.site-header nav a{text-decoration:none}.header-contact{padding:11px 18px;border:1px solid var(--line);border-radius:30px;display:flex;gap:22px;align-items:center}.header-contact span{font-size:20px}.eyebrow{font-size:10px;letter-spacing:.1em;font-weight:550;line-height:1.6;color:var(--muted)}.intro-text{font-size:14px;line-height:1.85;max-width:410px;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin-top:25px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:49px;padding:11px 20px;background:var(--accent);color:var(--on-accent);border-radius:5px;text-decoration:none;font-size:12px}.button span{font-size:21px}.pdf-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;text-decoration:none;border-bottom:1px solid var(--line);padding:11px 0}.hero-meta{font-size:10px;color:var(--muted);margin-top:26px;display:flex;gap:13px;align-items:center}.hero-meta:before{content:'';height:6px;width:6px;background:var(--accent);border-radius:50%}.experience-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:35px;padding:25px 0}.experience-strip>p{font-size:11px;color:var(--muted)}.companies{display:flex;align-items:center;gap:56px}.companies span{font-size:23px;font-weight:550;letter-spacing:-.06em}.companies span:first-child{font-size:29px;font-weight:750}.experience-strip>.strip-note{font-size:10px;text-align:right}.content-section{padding-top:82px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:32px}.section-top h2{font-size:45px;font-weight:500;letter-spacing:-.055em;line-height:1.15;margin-top:18px}.section-top h2 em{font-family:Georgia,serif;font-weight:400}.section-top>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:300px}.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.case{border:1px solid var(--line);padding:27px;border-radius:8px;background:var(--surface)}.case-label{font-size:9px;font-weight:550;letter-spacing:.07em;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.case-motif{font-family:Georgia,serif;font-size:46px;line-height:1.2;letter-spacing:-.05em;margin:33px 0 25px;color:var(--accent);min-height:57px}.case-motif small{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.02em}.case-motif .case-arrow{font-size:30px}.case h3{font-size:24px;font-weight:550;letter-spacing:-.04em;line-height:1.25}.case>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:18px}.case-tags{font:9px/1.8 Consolas,monospace;display:block;margin-top:23px;color:var(--muted)}.case details{margin-top:18px;font-size:11px}.case details .details-content{font-size:12px;color:var(--muted)}.bio{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.bio h2{font-size:43px;font-weight:500;letter-spacing:-.055em;line-height:1.15;margin-top:18px}.bio h2 em{font-family:Georgia,serif;font-weight:400}.bio-text{font-size:14px;line-height:1.9;color:var(--muted)}.bio-text>p+p{margin-top:20px}.bio-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.bio-tags span{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:5px 12px}.career-list{border-top:1px solid var(--line)}.job{display:grid;grid-template-columns:155px 1fr 1.2fr;gap:30px;padding:25px 0;align-items:baseline;border-bottom:1px solid var(--line)}.job>span{font:10px/1.7 Consolas,monospace;color:var(--muted)}.job h3{font-size:25px;font-weight:550;letter-spacing:-.045em}.job p{font-size:12px;color:var(--muted);line-height:1.8}.job p b{color:var(--ink);font-weight:500}.reference{margin-top:34px;display:grid;grid-template-columns:45px 1fr;gap:10px 22px;padding:30px;background:var(--surface);border-radius:8px}.quote-symbol{font:80px/1 Georgia,serif;color:var(--accent)}.reference blockquote>p{font:italic 26px/1.4 Georgia,serif;max-width:870px;color:var(--ink)}.reference blockquote footer{font-size:10px;color:var(--muted);line-height:1.9;margin-top:17px}.reference blockquote footer strong{font-weight:550;color:var(--ink)}.reference>a{grid-column:2;font-size:11px;justify-self:start}.contact{margin-top:84px;background:var(--accent);color:var(--on-accent);padding:43px 46px;border-radius:10px;position:relative}.contact .eyebrow{color:inherit;opacity:.85}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:end;margin-top:25px}.contact h2{font:400 54px/1.1 Georgia,serif;letter-spacing:-.05em}.contact h2 em{opacity:.8}.contact-copy{font-size:12px;line-height:1.9;opacity:.9;margin-top:23px;max-width:350px}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:29px;text-decoration:none;letter-spacing:-.04em;border-bottom:1px solid color-mix(in srgb,var(--on-accent) 40%,transparent);padding-bottom:12px}.contact-email span{font-size:35px}.contact-links{display:flex;gap:28px;font-size:11px;margin-top:22px;flex-wrap:wrap}.contact-links a{text-decoration:none}.contact .copy-status{opacity:.9}.contact .mail-copy{opacity:.9}.bottom-nav{color:var(--muted);padding-block:28px;font-size:10px}.contact:focus-visible{outline-color:var(--on-accent)}
@media(max-width:1050px){.page{padding-inline:34px}.companies{gap:35px}.experience-strip{gap:25px}.cases{gap:15px}.case{padding:23px}.case h3{font-size:22px}.case-motif{font-size:40px}.section-top h2,.bio h2{font-size:39px}.bio{gap:55px}.job{grid-template-columns:140px 1fr 1.1fr;gap:25px}.contact-layout{gap:35px}.contact h2{font-size:48px}.contact-email{font-size:25px}.contact{padding:37px}.intro-text{font-size:13px}.section-top>p{font-size:12px;max-width:260px}}
@media(max-width:780px){.page{padding-inline:27px}.site-header{height:79px}.brand{font-size:16px}.site-header nav{font-size:10px;gap:19px}.header-contact{padding:8px 13px;gap:15px}.experience-strip>.strip-note{display:none}.experience-strip>p{font-size:10px}.companies{gap:29px}.companies span{font-size:20px}.companies span:first-child{font-size:26px}.content-section{padding-top:65px}.section-top h2,.bio h2{font-size:35px}.cases{grid-template-columns:1fr}.case{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:27px}.case-label{grid-column:1/-1}.case-motif{grid-column:1;grid-row:2;margin-block:25px 16px}.case h3{grid-column:1;grid-row:3;font-size:25px}.case>p{grid-column:2;grid-row:2/4;align-self:center;margin-top:20px;font-size:13px}.case-tags{grid-column:1;grid-row:4}.case details{grid-column:2;grid-row:4;align-self:start;margin-top:22px}.bio{gap:40px}.bio-text{font-size:13px}.job{grid-template-columns:110px 1fr 1.1fr;gap:20px}.job h3{font-size:22px}.job>span{font-size:9px}.job p{font-size:11px}.contact{margin-top:65px;padding:32px}.contact-layout{gap:30px}.contact h2{font-size:43px}.contact-email{font-size:23px}.contact-links{font-size:10px;gap:20px}.reference blockquote>p{font-size:24px}.section-top{gap:30px}}
@media(max-width:600px){.page{padding-inline:22px}.site-header{height:72px;gap:15px}.brand{font-size:15px;gap:8px}.brand-mark{font-size:25px}.site-header nav>a:not(.header-contact){display:none}.header-contact{font-size:10px;padding:8px 13px;gap:13px}.site-header nav{gap:0}.eyebrow{font-size:8px}.intro-text{font-size:13px;max-width:none}.actions{gap:25px;margin-top:23px}.button{font-size:11px;gap:25px;min-height:48px;padding:11px 17px}.pdf-link{font-size:11px;gap:17px}.hero-meta{font-size:9px;margin-top:23px}.experience-strip{display:block;padding:22px 0}.experience-strip>p{font-size:9px}.companies{justify-content:space-between;gap:22px;margin-top:10px}.companies span{font-size:22px}.companies span:first-child{font-size:29px}.content-section{padding-top:51px}.section-top{display:block;margin-bottom:24px}.section-top h2,.bio h2{font-size:35px;margin-top:17px}.section-top>p{font-size:12px;max-width:350px;margin-top:18px}.cases{gap:18px}.case{display:block;padding:25px;border-radius:9px}.case-label{font-size:8px}.case-motif{font-size:44px;min-height:0;margin-block:25px 20px}.case h3{font-size:26px}.case>p{font-size:12px;margin-top:17px}.case-tags{font-size:9px;margin-top:21px}.case details{font-size:11px;margin-top:18px}.bio{grid-template-columns:1fr;gap:25px}.bio-text{font-size:12px;line-height:1.95}.bio-text>p+p{margin-top:17px}.bio-tags{margin-top:19px}.bio-tags span{font-size:9px;padding:5px 10px}.job{grid-template-columns:95px 1fr;gap:10px 20px;padding:23px 0}.job>span{font-size:8px}.job h3{font-size:25px}.job p{grid-column:2;font-size:11px}.reference{grid-template-columns:1fr;padding:24px;gap:4px;margin-top:26px}.quote-symbol{font-size:66px;height:38px}.reference blockquote>p{font-size:25px}.reference blockquote footer{font-size:10px;margin-top:16px}.reference>a{grid-column:1;margin-top:12px;font-size:10px}.contact{margin-top:51px;padding:28px 25px;margin-inline:-6px}.contact-layout{grid-template-columns:1fr;gap:27px;margin-top:21px}.contact h2{font-size:43px}.contact-copy{font-size:12px;margin-top:18px}.contact-email{font-size:25px;gap:15px}.contact-email span{font-size:31px}.contact-links{font-size:11px;gap:24px;margin-top:17px}.bottom-nav{font-size:9px;gap:15px;padding-block:26px}}
@media(max-width:370px){.page{padding-inline:18px}.brand{font-size:14px}.header-contact{font-size:9px;gap:10px;padding-inline:11px}.button{font-size:10px;gap:17px}.actions{gap:19px}.pdf-link{font-size:10px;gap:15px}.companies span{font-size:19px}.companies span:first-child{font-size:25px}.section-top h2,.bio h2{font-size:32px}.contact h2{font-size:38px}.contact-email{font-size:22px}.contact{padding-inline:23px}.case{padding:23px}.case h3{font-size:24px}}