/* Amberine v1.0.47: projects and quiet reading adjustments. */
.primary-nav{gap:clamp(1rem,2vw,2rem)}
.project-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}
.project-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.7rem 1.1rem;border:1px solid currentColor;border-radius:2px;text-decoration:none;font-size:.9rem;line-height:1.5}
.project-action:hover,.project-action:focus-visible{background:#173f42;color:#fffdf7;outline-offset:4px}
.project-action--filled{background:#173f42;color:#fffdf7;border-color:#173f42}
.project-action--text{border-color:transparent;padding-left:0;text-decoration:underline;text-underline-offset:.25em}
.project-links{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:1.4rem}
.project-links a{font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.5;text-underline-offset:.25em}
body.page-projects{height:auto;min-height:100svh;overflow:auto;background:#fbf8f1;color:#173f42}
body.page-projects .site-header{position:relative;padding-bottom:2rem;gap:2rem;background:#fbf8f1}
body.page-projects .logo--opening{opacity:1}body.page-projects .logo--light{opacity:0}
body.page-projects .primary-nav{color:#173f42}
.project-shell{max-width:1200px;margin:auto;padding:2rem clamp(1.4rem,6vw,5rem) 5rem}
.project-shell h1{font-size:clamp(2rem,4.3vw,3.8rem);line-height:1.23;letter-spacing:-.035em;font-weight:400;max-width:19ch;margin:.35rem 0 1.5rem}
.project-shell h2{font-size:clamp(1.5rem,2.9vw,2.4rem);line-height:1.3;letter-spacing:-.025em;font-weight:400;margin:0 0 1rem}
.project-shell p{font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.8;margin:.75rem 0;max-width:70ch}
.project-eyebrow{font-size:.75rem!important;letter-spacing:.12em;text-transform:uppercase;color:#916222}
.project-lead{font-size:clamp(1.1rem,1.7vw,1.4rem)!important;line-height:1.65!important;max-width:51ch!important}
.project-hero,.project-row{display:grid;grid-template-columns:1fr 1.03fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.project-row{padding:3.5rem 0;border-top:1px solid #173f4233}
.project-hero figure,.project-row figure,.field-gallery figure{margin:0}
.project-hero img,.project-row img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.project-shell figcaption{font-size:.7rem;line-height:1.5;color:#53625d;margin-top:.7rem}
.project-copy{max-width:800px;margin:4rem 0}
.project-copy section+section{margin-top:3rem}
.project-copy ul{padding-left:1.2rem;line-height:1.8}
.project-field{margin-top:2rem;padding-top:3rem;border-top:1px solid #173f4233;scroll-margin-top:2rem}
.field-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:2rem 0}
.field-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.field-gallery img.is-portrait{object-fit:contain;background:#f0e9df}
.project-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid #173f4233;display:flex;flex-wrap:wrap;gap:1.2rem;line-height:1.7;font-size:.85rem}
.project-context{font-size:1rem;line-height:1.5;margin:.8rem 0;color:inherit}
.thought--invitation .key{font-size:clamp(1.7rem,3vw,3rem)}
.thought--invitation .secondary{font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.65}
@media(max-width:900px){
 .project-shell{padding-top:1rem}.project-hero,.project-row{grid-template-columns:1fr;gap:1.8rem}.project-row{padding:2.8rem 0}
 .project-hero img,.project-row img{aspect-ratio:16/10}.project-copy{margin:3rem 0}.field-gallery{grid-template-columns:1fr;gap:1.8rem}
 body.page-projects .site-header{position:relative;padding-bottom:1rem;min-height:6.7rem}
 body.page-projects .mobile-menu-toggle{color:#173f42;border-color:#173f42}
 body.page-projects.mobile-menu-open .logo--opening{opacity:1!important}
 body.page-projects.mobile-menu-open .logo--light{opacity:0!important}
 body.page-projects.mobile-menu-open .mobile-menu-toggle{color:#173f42!important}
 .project-actions{gap:.75rem}.project-action{font-size:.85rem}.project-links a{font-size:1rem}
 html.engine-ready .thought__panel:not(.gift-copy-panel){text-shadow:0 1px 5px #1b2318a6}
 html[data-header-tone="dark"] .thought__panel{ text-shadow:0 1px 3px #fff8e6c9 }
 .thought__panel .long{font-size:clamp(1rem,4.2vw,1.3rem);line-height:1.5}
 .thought--invitation .key{font-size:clamp(1.5rem,6.3vw,2.1rem)}
 .thought--invitation .secondary{font-size:clamp(.98rem,4.1vw,1.25rem);line-height:1.5}
 .thought--invitation .project-action{font-size:.85rem;padding:.6rem .75rem}
}
@media(min-width:901px) and (max-width:1100px){.primary-nav{gap:1rem;font-size:.8rem}}