.projection-reading{background:#eeece4;border-top:1px solid #d8dcce}
.projection-lead{max-width:900px;color:#59634f;font-size:14px;line-height:1.85;margin-bottom:35px}
.projection-cylindrique{--projection-color:#2e6659}
.projection-rayon{--projection-color:#467d8e}
.projection-conique{--projection-color:#aa7848}
.projection-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:50px}
.projection-nav a{display:flex;align-items:center;gap:14px;border:1px solid #c2c8ba;padding:20px;color:var(--ink);font-size:14px}
.projection-nav a>span:first-child{width:13px;height:13px;flex-shrink:0;border-radius:50%;background:var(--projection-color)}
.projection-nav a>span:last-child{margin-left:auto;color:var(--projection-color);font-size:21px}
.projection-nav small{display:block;color:#59634f;font-size:10px;margin-top:6px}
.projection-nav a:hover{border-color:var(--projection-color);background:#f8f7f1}
.projection-case{border-top:3px solid var(--projection-color);padding-top:32px;scroll-margin-top:105px}
.projection-case+.projection-case{margin-top:65px}
.projection-case-heading{max-width:850px;margin-bottom:30px}
.projection-case-heading>.overline{color:var(--projection-color)}
.projection-case-heading h3{font:39px/1.15 var(--serif);letter-spacing:-.035em;margin:17px 0 22px}
.projection-case-heading p{font-size:13px;color:#59634f;line-height:1.85}
.projection-location{min-width:0}
.projection-location .zoom-button{height:auto;min-height:0;background:#f8f7f1}
.projection-location img{height:auto;max-height:none;object-fit:contain;transform:none!important}
.projection-location figcaption{font-size:11px;line-height:1.7}
.projection-contact{margin-top:45px}
.projection-top-view{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;margin-top:40px;border-top:1px solid #c2c8ba;padding-top:35px}
.projection-top-view h3{font:32px/1.2 var(--serif);letter-spacing:-.025em;margin:18px 0 22px}
.projection-top-view p{font-size:13px;color:#59634f;line-height:1.85;max-width:550px}
.projection-top-view img{max-height:420px}
@media(max-width:800px){.projection-top-view{grid-template-columns:1fr;gap:28px}.projection-top-view .projection-location{width:min(100%,500px);justify-self:center}}
@media(max-width:900px){.projection-nav{gap:12px}.projection-nav a{padding:16px 12px;font-size:12px;gap:10px}.projection-nav small{font-size:9px}}
@media(max-width:650px){.projection-lead{font-size:12px;margin-bottom:28px}.projection-nav{grid-template-columns:1fr;gap:10px;margin-bottom:35px}.projection-nav a{padding:15px 18px;font-size:14px}.projection-nav small{font-size:10px}.projection-case{padding-top:25px}.projection-case+.projection-case{margin-top:45px}.projection-case-heading{margin-bottom:25px}.projection-case-heading h3{font-size:32px}.projection-case-heading p{font-size:12px}.projection-location figcaption{font-size:10px}}