/* Homepage palette trial: navy, warm ivory, and sea glass. */
.home{--paper:#faf7f0;--white:#ffffff;--ink:#163957;--navy:#163957;--muted:#52616d;--blue:#245b85;--aqua:#b9e8dc;--line:#deddd5;--wash:#f0ebe1}
.home .project-preview{background:var(--white)}
.home .project-topics li{background:var(--wash)}
.home .work .primary{background:var(--navy)}
.home .work .primary:hover{background:var(--blue)}
.home .work .text-link,.home .reference-more-link,.home .contact-links,.home .contact-message,.home .contact-back-top{color:var(--blue)}
.home .intro-answer{background:var(--blue)}
.home .intro-question{background:var(--paper)}
/* Keep the established palette and typography; size work by its role in the story. */
.supporting-projects{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.home .supporting-projects .project{display:block;padding-block:40px 56px}
.supporting-projects .project-copy h3{font-size:clamp(25px,2.5vw,30px)}
.supporting-projects .text-link{margin-top:24px}
.project-page .project{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:56px;margin-top:48px}
.project-page h1{font-size:clamp(38px,5vw,64px)}
.project-page .project-copy>p{font-size:19px}
.project-page .detail-body{padding-top:20px}
.about-page .about-section{padding-top:64px}
.about-page .experience h2{font-size:clamp(32px,4vw,52px)}
.legacy-links{display:flex;flex-wrap:wrap;gap:16px;padding:24px}
@media(max-width:700px){.supporting-projects{grid-template-columns:1fr;gap:0}.project-page .project{grid-template-columns:1fr;gap:32px;margin-top:32px}.home .supporting-projects .project{padding-block:36px}.about-page .about-section{padding-top:40px}}

.home-footer .contact{padding-bottom:40px}
.home-footer .contact-links{gap:16px 28px}
.contact-back-top{display:inline-block;margin-top:36px;padding:8px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:520px){.home-footer .contact-links{gap:16px 22px}.home-footer .contact{padding-bottom:24px}}

.home-footer .contact-compose{margin-top:16px}
.home-footer .contact-message{font-size:14px;gap:8px;padding:8px 0}
/* One calm surface below the introduction; content sets each section's height. */
.home .work,.home .references,.home-footer .contact{background:var(--paper);padding-top:64px}
.home .work{padding-bottom:32px}
.home .references{padding-bottom:64px;border-top:1px solid var(--line)}
.home-footer .contact{background:#eaf3ef;border-top:0}
.home .section-heading{margin-bottom:24px;text-align:left}
.home #work-title,.home .references h2{font-size:clamp(32px,3.5vw,44px)}
.home .project.feature{padding-block:36px 44px}
.home .project.feature h3{font-size:clamp(27px,2.8vw,34px);max-width:23ch;line-height:1.2}
.home .project-dates{font-size:13px;color:var(--muted);margin-top:5px}
.home .reference-grid{overflow-y:hidden}
.home .reference-reading{overflow:hidden}
.home-footer .contact h2{font-size:clamp(44px,6vw,72px)}
@media(max-width:700px){.home .work,.home .references,.home-footer .contact{padding-top:48px}.home .references{padding-bottom:48px}.home .project.feature{padding-block:28px 36px}}

/* The closing question comes from Olivier, matching his introduction bubble. */
.home-footer .contact>.inner>.conversation-question{background:var(--blue);color:white;padding:14px 22px 17px;border-radius:24px;font-size:18px}
.home-footer .contact .conversation-question::after{left:-8px;right:auto;bottom:0;height:20px;clip-path:polygon(100% 0,65% 30%,35% 72%,0 100%,85% 80%)}
.home-footer .message-speaker{font-size:12px;opacity:.85;margin-bottom:7px}
@media(max-width:700px){.home-footer .contact>.inner>.conversation-question{font-size:17px;padding:12px 16px 14px;border-radius:22px}}

.home-footer .contact-message{text-decoration:underline;text-underline-offset:5px}
.contact-resume{margin:28px auto 0;text-align:center;font-size:16px;color:var(--blue)}
.contact-resume a{text-decoration:underline;text-underline-offset:5px}
.home-footer .contact-links{margin-top:18px}

/* Each case study is one native link, including its copy and preview. */
.home .project-card{cursor:pointer;color:inherit}
.home .project-card:focus-visible{outline:3px solid var(--blue);outline-offset:8px;border-radius:4px}
.home .project-card:hover h3,.home .project-card:focus-visible h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.home .project-card .project-preview:hover{transform:none}
.home .project-card .project-logo{width:120px;height:75px}
@media(max-width:700px){.home .project-card .project-logo{width:100px;height:65px}}

/* One contact footer with quieter page navigation. */
.contact .footer-pages{margin-top:20px;gap:24px}
.contact .footer-pages a{font-size:14px}

.home .research .project-preview{background:none;padding:0;border-radius:0}
.home .research .project-preview img{border:0;border-radius:0;box-shadow:none}