/* Shared editorial system for the collection archive and permanent pages. */
.archive-section{padding:7rem 4.4vw 8rem;background:#dfe2dc}
.archive-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:end;border-bottom:1px solid var(--line);padding-bottom:2.4rem}
.archive-heading .eyebrow{grid-column:1/-1}
.archive-heading h2{font:normal clamp(3.7rem,6.4vw,7rem)/.93 var(--font-serif);letter-spacing:-.045em;max-width:720px}
.archive-heading p{max-width:350px;line-height:1.6;color:#515c54;font-size:.92rem;justify-self:end}
.archive-grid,.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-top:2rem}
.page-art-card{display:block;position:relative;min-width:0;background:#f7f5f0;transition:transform .3s ease,box-shadow .3s ease}
.page-art-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #1b1e1b1c}
.page-art-image{display:grid;place-items:center;width:100%;aspect-ratio:4/5;overflow:hidden;background:#e8e5dd}
.page-art-image img{width:100%;height:100%;object-fit:contain}
.page-art-label{display:block;min-height:95px;padding:1.1rem 3rem 1.2rem 1.2rem;font:normal clamp(1.45rem,2.1vw,2rem)/1.06 var(--font-serif)}
.page-art-label small{display:block;margin-top:.5rem;font:normal .72rem/1.35 var(--font-sans);color:#69716a}
.page-card-arrow{position:absolute;right:1.2rem;bottom:1.2rem;display:grid;place-items:center;width:1.45rem;height:1.45rem}
.page-card-arrow .arrow-icon{width:1.35rem;height:1.35rem}
.dialog-page{display:inline-block;align-self:start;margin-top:.9rem;border-bottom:1px solid currentColor;padding-bottom:.2rem;font-size:.78rem;font-weight:600}
.experience-page-link{display:inline-block;align-self:start;margin-top:1.25rem;border-bottom:1px solid currentColor;padding-bottom:.4rem;font-size:.78rem;font-weight:600}
.experience-page-link:hover,.dialog-page:hover{opacity:.65}
/* Keep the full Tonante photograph visible, including on compact screens. */
.more-grid .work-card .artwork-button[data-work="tonante"] img,
.art-dialog[data-work="tonante"] .dialog-image img{object-fit:contain;object-position:center}

.page-header{height:82px;display:flex;align-items:center;gap:3rem;padding:0 4.4vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:rgba(234,231,224,.97);backdrop-filter:blur(16px)}
.page-header nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2.4rem);margin:auto}
.page-header nav a,.page-language{font-size:.8rem;font-weight:600;white-space:nowrap}
.page-header nav a:hover,.page-language:hover{opacity:.6}
.page-language{border-bottom:1px solid currentColor;padding:.2rem}
.page-footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem 4.4vw;background:#1b211d;color:#eae7e0;font-size:.76rem}
.page-footer a:hover{text-decoration:underline}
.page-footer .arrow-icon{width:.78rem;height:.78rem;margin-left:.25rem;vertical-align:-.12rem}
.page-breadcrumb{display:flex;justify-content:space-between;gap:1rem;padding:1.45rem 4.4vw;border-bottom:1px solid var(--line);font-size:.73rem;letter-spacing:.06em;text-transform:uppercase}
.page-breadcrumb a{border-bottom:1px solid currentColor;padding-bottom:.2rem}
.art-hero{display:grid;grid-template-columns:minmax(0,56%) minmax(0,44%);min-height:800px}
.art-visual{display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(1rem,3vw,3rem);background:#e8e5dd}
.art-visual img{width:100%;height:auto;max-height:calc(100svh - 150px);min-height:500px;object-fit:contain}
.art-copy{display:flex;flex-direction:column;align-items:start;padding:clamp(3rem,5vw,6rem) clamp(2rem,5vw,6rem) 5rem}
.art-copy h1{font:normal clamp(4rem,6.4vw,8rem)/.87 var(--font-serif);letter-spacing:-.055em;margin:3rem 0 2rem;overflow-wrap:anywhere}
.art-intro{font:italic clamp(1.35rem,1.75vw,1.9rem)/1.2 var(--font-serif);max-width:560px;color:#4e5b4f}
.art-copy dl{width:100%;margin:3rem 0 0;border-top:1px solid var(--line)}
.art-copy dl div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.83rem}
.art-copy dt{color:#6d766b}.art-copy dd{margin:0;max-width:62%;text-align:right}
.art-assurance{font-size:.77rem;color:#70776e;line-height:1.5;margin:1.2rem 0 0}
.art-inquiry{width:100%;margin-top:auto;padding-top:3rem}
.art-inquiry h2{font:normal clamp(2.2rem,3vw,3.4rem)/1 var(--font-serif);margin-bottom:1.4rem}
.art-inquiry label{display:block;font-size:.76rem;font-weight:600;margin-bottom:.55rem}
.art-inquiry textarea{display:block;width:100%;min-height:90px;resize:vertical;border:1px solid var(--line);border-radius:0;background:#f8f6f1;padding:.85rem;color:var(--ink);font:normal .85rem/1.5 var(--font-sans)}
.art-primary{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#1b211d;color:#fff;padding:1.1rem 1.25rem;margin-top:.8rem;font-size:.84rem;font-weight:600}
.art-primary:hover{background:#35493a}.art-primary span{display:grid;place-items:center}
.art-primary .arrow-icon{width:1.1rem;height:1.1rem}
.art-email{display:inline-block;margin-top:.9rem;font-size:.77rem;border-bottom:1px solid currentColor;padding-bottom:.2rem}
.art-related{padding:6rem 4.4vw 7rem;background:#f2f0ea}
.related-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;border-bottom:1px solid var(--line);padding-bottom:2rem}
.related-head h2{font:normal clamp(3.4rem,5vw,6rem)/.95 var(--font-serif)}
.art-all{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:.4rem;margin-top:2.5rem;font-size:.83rem;font-weight:600}
.art-all:hover{opacity:.6}
.art-all .arrow-icon,.experience-page-hero a .arrow-icon,.experience-offers a .arrow-icon{width:.9rem;height:.9rem;margin-left:.35rem}

.experience-page-hero{display:grid;grid-template-columns:52% 48%;min-height:680px;background:#1b211d;color:#f6f4ef}
.experience-page-hero>div{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:5rem 7vw 5rem 4.4vw}
.experience-page-hero h1{font:normal clamp(5.5rem,8vw,11rem)/.85 var(--font-serif);letter-spacing:-.055em;margin:3rem 0}
.experience-page-hero p{font:italic clamp(1.5rem,2vw,2rem)/1.2 var(--font-serif);max-width:510px;color:#cbd8ca}
.experience-page-hero a{border-bottom:1px solid currentColor;padding-bottom:.4rem;margin-top:4rem;font-size:.8rem;font-weight:600}
.experience-page-hero img{width:100%;height:680px;object-fit:cover;object-position:center 43%}
.experience-offers{display:grid;grid-template-columns:1fr 1fr;gap:3vw;padding:6rem 4.4vw}
.experience-offers article{border-top:1px solid var(--line);padding-top:1.2rem}
.experience-offers article>span{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em}
.experience-offers h2{font:normal clamp(3.5rem,5vw,6rem)/.95 var(--font-serif);margin:4rem 0 2rem;letter-spacing:-.045em}
.experience-offers p{max-width:530px;color:#4f5d50;line-height:1.65}
.experience-offers a{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:.35rem;margin-top:2rem;font-size:.8rem;font-weight:600}
.experience-dates{background:#e1e5df;padding:5rem 4.4vw;text-align:center}
.experience-dates h2{font:normal clamp(3.5rem,6vw,7rem)/.95 var(--font-serif);margin:2rem 0 1.2rem}
.experience-dates p{max-width:600px;margin:auto;line-height:1.6;color:#4f5d50}
.experience-form-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:7rem 4.4vw;background:#f7f5f0}
.experience-form-section h2{font:normal clamp(3.5rem,5.5vw,7rem)/.95 var(--font-serif);letter-spacing:-.04em;margin:2.5rem 0}
.experience-form-section>div p{max-width:460px;line-height:1.6;color:#536254}
.experience-form-section form{display:flex;flex-direction:column}
.experience-form-section form label{font-size:.76rem;font-weight:600;margin:0 0 .45rem}
.experience-form-section form input,.experience-form-section form select,.experience-form-section form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);padding:.85rem;font:normal .88rem var(--font-sans);margin-bottom:1.35rem;min-height:47px}
.experience-form-section form textarea{resize:vertical}
.experience-form-section form button{display:flex;justify-content:space-between;align-items:center;border:0;background:#1b211d;color:#fff;padding:1.1rem 1.2rem;cursor:pointer;font-size:.84rem;font-weight:600}
.experience-form-section form button:hover{background:#35493a}
.experience-form-section form button .arrow-icon{width:1.1rem;height:1.1rem}

@media(max-width:900px){.page-header nav{gap:.9rem}.page-header nav a{font-size:.72rem}.art-hero{grid-template-columns:52% 48%}.art-copy{padding:3rem 2rem}.art-copy h1{font-size:clamp(3.3rem,6vw,6rem)}}
@media(max-width:760px){
 .archive-section{padding:5rem 5vw}.archive-heading{display:block}.archive-heading h2{font-size:clamp(3.6rem,12vw,6rem);margin:2rem 0}.archive-heading p{max-width:480px}
 .archive-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
 .page-art-label{min-height:92px;padding:.9rem 2rem .9rem .9rem;font-size:1.45rem}.page-card-arrow{right:.75rem;bottom:.75rem}
 .page-header{height:68px;padding:0 5vw;gap:1rem}.page-header nav{margin-left:auto}.page-header nav a{display:none}.page-header nav a:first-child,.page-header nav a:nth-child(4){display:block}
 .page-footer{padding:2rem 5vw;flex-wrap:wrap}.page-breadcrumb{padding:1.2rem 5vw}
 .art-hero{display:block}.art-visual{padding:1.2rem 5vw}.art-visual img{height:auto;max-height:70svh;min-height:0}.art-copy{padding:3rem 5vw 4rem}.art-copy h1{font-size:clamp(4rem,13vw,6.5rem);margin:2.2rem 0 1.5rem}.art-copy dl{margin-top:2.2rem}.art-inquiry{padding-top:2.5rem}.art-related{padding:4.5rem 5vw 5rem}.related-head{display:block}.related-head h2{margin-top:1.4rem;font-size:clamp(3.3rem,10vw,5rem)}
 .experience-page-hero{display:flex;flex-direction:column-reverse}.experience-page-hero img{height:82vw;max-height:520px}.experience-page-hero>div{padding:4.5rem 5vw 5rem}.experience-page-hero h1{font-size:clamp(5rem,15vw,7rem);margin:2rem 0}.experience-page-hero a{margin-top:2.5rem}
 .experience-offers{grid-template-columns:1fr;gap:3.5rem;padding:5rem 5vw}.experience-offers h2{margin:2rem 0 1.4rem}.experience-dates{padding:5rem 5vw}.experience-form-section{grid-template-columns:1fr;padding:5rem 5vw;gap:3rem}
}
@media(max-width:480px){.archive-grid,.related-grid{grid-template-columns:1fr}.page-art-image{aspect-ratio:4/5}.page-art-label{font-size:1.8rem}.page-header nav a:nth-child(4){display:none}}
@media(prefers-reduced-motion:reduce){.page-art-card{transition:none}}