/* Museum objects stay intact. Only the invitation uses a deliberate, labelled detail. */
.art-directed .journey-image{width:100%;height:100%;object-fit:cover;display:block}
.art-directed .journey-image.contain{object-fit:contain}
.material-slide.material-without-card{grid-template-columns:1.25fr 1fr}
.material-slide .material-art .journey-image{height:500px;object-fit:contain}
#storyChapters .story-art .journey-image{height:390px;object-fit:contain}
#mechanicChapters .mechanic{min-height:660px}
#mechanicChapters .carousel-controls{border-block:1px solid #c4caba;background:#dde4d6}
#mechanicChapters .carousel-tabs{gap:22px}
#mechanicChapters .mechanic-bg .journey-image{object-position:65% 38%}
#mechanicChapters .mood-stone:after{background:linear-gradient(90deg,#e4e4d9fc,#e4e4d9ef 37%,#e4e4d938 74%)}
#manifesto{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}
#manifesto .manifesto-panel{grid-column:2;max-width:720px}
#manifesto .background-credit{grid-column:1;grid-row:1;align-self:end;margin:0;max-width:410px}
#manifesto .section-art{grid-column:auto}
#manifesto .section-art img{object-position:40% 55%}
.artwork-route{background:#e9e5d7;border-block:1px solid var(--line)}
.artwork-route h2{font-size:clamp(38px,5vw,70px)}
.route-ribbon{display:flex;gap:0;flex-wrap:wrap;margin:30px 0 22px;border-block:1px solid #949d87;padding:18px 0;align-items:center}
.route-ribbon span{font:500 15px/1.5 Georgia;padding:5px 18px 5px 0;display:flex;align-items:center;gap:18px}
.route-ribbon span:not(:last-child):after{content:'→';font:14px system-ui;color:#78886d}
#artworkIndex summary{cursor:pointer;font:400 25px/1.3 Georgia;padding:18px 0;min-height:56px}
#artworkIndex summary span{display:block;font:11px/1.5 system-ui;margin:8px 0 0 24px;color:#65715d}
.index-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:25px 0}
.index-tools label{max-width:280px;width:100%}
.artwork-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}
.index-work{padding:0 0 25px;border-bottom:1px solid #c4c7b7;min-width:0}
.index-work>button:first-child{width:100%;border:0;background:#dedcca;padding:12px;cursor:zoom-in;height:180px}
.index-work .journey-image{height:100%;width:100%;object-fit:contain}
.index-work h3{font-size:23px;line-height:1.12;margin:8px 0 12px}
.index-work .eyebrow{font-size:8px;margin:18px 0 0}
.index-work p{font-size:11px;line-height:1.65}
.index-work .fine{font-size:10px}
.index-work .text-button{text-align:left}
.route-landfalls{padding-bottom:60px;background:#eef0e6}
.route-landfalls h2{font-size:clamp(38px,4.6vw,68px)}
.landfall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:35px}
.landfall{min-width:0}
.landfall-image{display:block;width:100%;height:240px;padding:0;border:0;background:#e0ddc9;cursor:zoom-in;margin-bottom:22px}
.landfall-image img{width:100%;height:100%;object-fit:contain}
.landfall h3{font-size:26px;line-height:1.1;margin-bottom:12px}
.landfall>.eyebrow{font-size:9px;margin-bottom:10px}
.landfall>p{font-size:12px;margin-bottom:18px}
.landfall .wall-label{font-size:10px;border-top:1px solid #b5bdaa;padding-top:16px}
.landfall .wall-label h4{font-size:15px}
.landfall .wall-label .rights{font-size:9px}
/* No blur, gradient, typography or button is permitted over Odysseus's face. */
#development.face-invitation{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:65px;padding:70px 6vw;background:#e6dbc7;min-height:0;align-items:center}
#development.face-invitation:after{display:none}
#development.face-invitation .participation-panel{padding:0;max-width:670px;background:none;backdrop-filter:none;box-shadow:none}
.participation-artwork{margin:0;min-width:0;width:100%;align-self:start}
#development.face-invitation #developmentImage{position:relative;inset:auto;z-index:auto;width:100%;height:660px;background:#273935;overflow:hidden}
#development.face-invitation #developmentImage img{object-fit:cover;object-position:center 32%;filter:none;transform:none}
#development.face-invitation #developmentCredit{position:static;max-width:none;width:100%;margin:0;padding:22px 0 0;background:none}
#development .detail-caption{font:700 9px/1.6 system-ui;letter-spacing:.16em;color:#77603a;margin:0 0 12px}
#development .participation-panel h2{font-size:clamp(44px,5vw,76px)}
@media(min-width:1700px){#development.face-invitation{padding-inline:max(6vw,calc((100vw - 1450px)/2))}}
@media(max-width:1100px){.artwork-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landfall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 26px}.landfall-image{height:300px}#development.face-invitation{gap:35px;padding:55px 5vw}#development.face-invitation #developmentImage{height:590px}#manifesto{grid-template-columns:1fr}#manifesto .manifesto-panel{grid-column:1;justify-self:end;max-width:680px}#manifesto .background-credit{grid-column:1;grid-row:2;justify-self:start}.material-slide .material-art .journey-image{height:360px}}
@media(max-width:700px){#mechanicChapters .mechanic{min-height:0;padding:40px 22px 65px}#mechanicChapters .carousel-tabs{gap:16px}#mechanicChapters .carousel-tabs button{font-size:9px;letter-spacing:.03em}#mechanicChapters .carousel-controls{padding-inline:14px}.artwork-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.index-work>button:first-child{height:135px}.index-work h3{font-size:19px}.index-tools{align-items:start;flex-direction:column}.route-ribbon span{font-size:13px;padding-right:12px;gap:12px}#artworkIndex summary{font-size:23px}.material-slide.material-without-card{display:flex}.material-slide .material-art .journey-image{height:260px}#storyChapters .story-art .journey-image{height:280px}.landfall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.landfall-image{height:160px}.landfall h3{font-size:23px}.landfall .wall-label{font-size:10px}.landfall .wall-label h4{font-size:14px}#development.face-invitation{grid-template-columns:1fr;gap:32px;padding:42px 22px}#development.face-invitation .participation-panel{grid-row:2}#development.face-invitation .participation-artwork{grid-row:1}#development.face-invitation #developmentImage{height:500px;width:100%}#development.face-invitation #developmentImage img{object-fit:cover;object-position:center 25%}#development.face-invitation #developmentCredit{padding-top:15px}#development .detail-caption{font-size:8px}#development.face-invitation .participation-panel h2{font-size:48px}#manifesto .background-credit{max-width:100%}}
@media(prefers-reduced-motion:reduce){.artwork-route *{scroll-behavior:auto}}