/* Installation detail notes for the project examples page. Scoped to .installation-notes. */
.installation-notes{padding:72px 28px;background:var(--cream);border-top:1px solid var(--line)}
.installation-notes .notes-in{max-width:1360px;margin:0 auto}
.installation-notes .notes-head{max-width:72ch;margin-bottom:42px}
.installation-notes .notes-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,48px);line-height:1.06;letter-spacing:-.015em;margin:14px 0 18px}
.installation-notes .notes-head h2 em{font-style:italic;color:var(--red);font-weight:300}
.installation-notes .notes-head p{color:var(--ink-soft);font-size:16px;line-height:1.7}
.installation-notes .note{border-top:1px solid var(--line);padding-top:38px;margin-top:38px;scroll-margin-top:110px}
.installation-notes .note:first-of-type{border-top:none;padding-top:0;margin-top:0}
.installation-notes .note h3{font-family:var(--serif);font-weight:400;font-size:clamp(25px,2.4vw,33px);line-height:1.15;letter-spacing:-.01em;margin-bottom:24px}
.installation-notes .note-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
.installation-notes .note-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
.installation-notes figure{margin:0;min-width:0}
.installation-notes figure img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);background:var(--paper)}
.installation-notes figcaption{margin-top:12px;font-size:14px;line-height:1.6;color:var(--ink-soft)}
.installation-notes .note-body{min-width:0}
.installation-notes .note-body p{color:var(--ink-soft);font-size:15.5px;line-height:1.7;max-width:62ch;margin-bottom:18px}
.installation-notes .note-ask{list-style:none;margin:0 0 22px;padding:0;border-top:1px solid var(--line);max-width:62ch}
.installation-notes .note-ask li{border-bottom:1px solid var(--line);padding:12px 0;font-size:15px;line-height:1.6;color:var(--ink-soft)}
.installation-notes .note-ask li b{color:var(--ink);font-weight:600}
.installation-notes .note-links{display:flex;flex-wrap:wrap;gap:10px}
.installation-notes .note-links a{max-width:100%;padding:10px 16px;border:1px solid var(--line);border-radius:24px;font-size:14px;background:var(--paper);text-decoration:underline;text-underline-offset:3px}
.installation-notes .note-links a:hover{border-color:var(--red);color:var(--red)}
.installation-notes a:focus-visible{outline:3px solid var(--red);outline-offset:4px}
@media(max-width:980px){.installation-notes .note-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:700px){.installation-notes{padding:48px 20px}.installation-notes .notes-head{margin-bottom:32px}.installation-notes .note{padding-top:30px;margin-top:30px;scroll-margin-top:88px}.installation-notes .note-figs{grid-template-columns:1fr;gap:22px}.installation-notes .note-body p{font-size:15px}}