.pantin-page{background:#f3f0e9;color:#1c2925}
.pantin-page main{padding:0!important;max-width:none!important}
.pantin-page .reference-header{position:absolute!important;inset:0 0 auto;z-index:20;background:transparent!important;border:0!important;color:#172b25}
.pantin-project{font-family:Arial,Helvetica,sans-serif;background:#f3f0e9}
.pantin-project button{font:inherit;color:inherit;cursor:zoom-in}
.pantin-project a{color:inherit;text-decoration:none}
.pantin-project a:focus-visible,.pantin-project button:focus-visible,.pantin-project summary:focus-visible{outline:2px solid #526b53;outline-offset:6px}
.pantin-hero{position:relative;margin:0;height:100svh;min-height:540px;background:#b3b8ac}
.pantin-hero>button{display:block;width:100%;height:100%;padding:0;border:0;background:none}
.pantin-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.pantin-hero::after{content:'';position:absolute;inset:0 0 auto;height:140px;background:linear-gradient(#f3f0e9ed,#f3f0e980 65%,transparent);pointer-events:none}
.pantin-scroll{position:absolute;bottom:32px;right:44px;background:#f3f0e9cc;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:22px}
.pantin-description{padding:130px 40px 64px;scroll-margin-top:30px}
.pantin-intro{max-width:670px;margin:auto}
.pantin-intro h1{font-size:15px;font-weight:400;line-height:1.5;text-transform:uppercase;letter-spacing:.01em;margin:0 0 34px}
.pantin-intro h1 em{font-weight:400}
.pantin-meta{font-size:18px;font-weight:600;line-height:1.5;margin:0}
.pantin-lead{font-size:20px;line-height:1.5;margin:0;text-align:justify}
.pantin-status{font-size:12px;letter-spacing:.04em;margin:26px 0 0;color:#607067}
.pantin-details{margin-top:68px}
.pantin-details summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:15px;padding:24px 0;font-size:11px;letter-spacing:.07em}
.pantin-details summary::-webkit-details-marker{display:none}
.pantin-plus{font-size:27px;line-height:1;font-weight:300;transition:transform .2s}
.pantin-details[open] .pantin-plus{transform:rotate(45deg)}
.pantin-expanded{padding-top:30px;font-size:15px;line-height:1.65}
.pantin-expanded dl{margin:0 0 35px;border-top:1px solid #1c29252b}
.pantin-expanded dl>div{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:10px 0;border-bottom:1px solid #1c29251a}
.pantin-expanded dt{color:#607067}.pantin-expanded dd{margin:0}.pantin-expanded p{margin:0 0 20px}
.pantin-gallery-nav{display:flex;justify-content:space-between;align-items:center;margin:20px 44px 40px;padding:20px 0;border-bottom:1px solid #1c29252b;font-size:13px}
.pantin-gallery-nav sup{margin-left:6px;font-size:9px}
.pantin-gallery{padding:0 44px;scroll-margin-top:24px}
.pantin-photo{margin:0 0 80px;min-width:0}
.pantin-photo button{position:relative;display:block;width:100%;border:0;padding:0;background:none;overflow:hidden}
.pantin-photo img{display:block;width:100%;height:auto}
.pantin-photo button>span{position:absolute;right:20px;bottom:16px;width:34px;height:34px;display:grid;place-items:center;background:#f3f0e9d9;border-radius:50%;opacity:0;transition:opacity .2s}
.pantin-photo button:hover>span,.pantin-photo button:focus-visible>span{opacity:1}
.pantin-photo figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.5;color:#5a665f;padding-top:12px}
.pantin-inset{width:74%;margin-left:auto;margin-right:auto}
.pantin-chapter{max-width:670px;margin:100px auto 110px;display:grid;grid-template-columns:60px 1fr;gap:24px}
.pantin-chapter>span{font-size:11px;padding-top:7px;color:#607067}
.pantin-chapter h2{font-size:24px;font-weight:400;margin:0 0 22px;letter-spacing:-.02em}
.pantin-chapter p{font-size:17px;line-height:1.65;margin:0}
.pantin-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.pantin-pair .pantin-photo{width:100%}
.pantin-end{padding:50px 44px 110px}
.pantin-end>p{font-size:12px;margin:0 0 24px;color:#607067}
.pantin-end>a:not(.pantin-contact){display:flex;justify-content:space-between;font-size:clamp(30px,4vw,60px);letter-spacing:-.04em;border-bottom:1px solid #1c29252b;padding-bottom:25px}
.pantin-end .pantin-contact{display:block;font-size:13px;margin-top:30px}
@media(max-width:780px){.pantin-hero{height:82svh;min-height:480px}.pantin-hero img{object-position:48% center}.pantin-description{padding:76px 24px 30px}.pantin-intro h1{font-size:12px;margin-bottom:26px}.pantin-meta{font-size:15px}.pantin-lead{font-size:17px;text-align:left}.pantin-details{margin-top:38px}.pantin-expanded dl>div{grid-template-columns:100px 1fr;gap:16px}.pantin-gallery-nav{margin:10px 22px 26px}.pantin-gallery{padding:0 22px}.pantin-photo{margin-bottom:38px}.pantin-inset{width:100%}.pantin-pair{grid-template-columns:1fr;gap:0}.pantin-chapter{margin:65px auto;grid-template-columns:32px 1fr;gap:15px}.pantin-chapter h2{font-size:23px}.pantin-chapter p{font-size:16px}.pantin-end{padding:30px 22px 70px}.pantin-scroll{right:22px;bottom:22px}}

/* Keep the complete garden perspective visible at every screen width. */
.pantin-project .pantin-hero{height:auto;min-height:0;aspect-ratio:1672/941}
.pantin-project .pantin-hero>button{height:auto}
.pantin-project .pantin-hero img{height:auto;object-fit:contain}
@media(max-width:780px){.pantin-project .pantin-hero{margin-top:110px}.pantin-project .pantin-hero::after{display:none}}
