.presented-showcase{padding-top:70px;padding-bottom:25px}
.presented-showcase .presented-heading{align-items:flex-end;gap:35px;margin-bottom:35px}.presented-heading h2{margin-bottom:0}.presented-intro{width:335px;max-width:40%;flex:none}.presented-intro>p{font:12px/1.9 var(--sans);color:var(--ink);max-width:280px;margin:0}
.presented-stage{position:relative;isolation:isolate;padding:18px;border:1px solid #fff;border-radius:12px;background:linear-gradient(125deg,#e8ece3,#f6f7f3 45%,#dfe5d7);box-shadow:12px 18px 36px #a4af9847,-7px -7px 22px #fff,inset 0 0 0 1px #bbc7ae66;overflow:hidden}.presented-stage:before{content:'';position:absolute;inset:7px;border:1px solid #b4c1a661;border-radius:7px;pointer-events:none;z-index:-1}.presented-stage:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 0%,#ffffffb3,transparent 55%);pointer-events:none;z-index:-1}
.presented-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:13px;height:clamp(520px,45vw,650px);min-width:0}.presented-tile{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:18px 18px 0;border:1px solid #fff;border-radius:7px;background:linear-gradient(145deg,#ffffffed,#f0f2ebf5);box-shadow:3px 5px 13px #73805d21,inset 0 0 0 1px #d4ddca6b;transition:box-shadow .3s,border-color .3s;overflow:hidden}.presented-tile:first-child{grid-row:span 2;padding:30px 28px 0}.presented-image{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 0 10px;opacity:1;transform:none;transition:opacity .25s ease,transform .55s var(--ease)}.presented-image img{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(3px 7px 5px #28381a20)}.presented-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;height:78px;min-height:78px;padding:11px 0 13px;border-top:1px solid #d6dece8f;flex:none;transition:opacity .2s}.presented-caption>div{min-width:0}.presented-collection{display:block;font:600 6px/1.6 var(--sans);letter-spacing:1.1px;text-transform:uppercase;color:var(--ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.presented-caption h3{font:500 13px/1.4 var(--serif);letter-spacing:-.1px;margin:5px 0 0;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.presented-tile:first-child .presented-caption{height:100px;min-height:100px;padding-block:12px}.presented-tile:first-child .presented-caption h3{font-size:21px}.presented-tile:first-child .presented-collection{font-size:7px}.presented-tile-arrow{display:grid;place-items:center;width:27px;height:27px;flex:none;border:1px solid #fff;border-radius:5px;box-shadow:2px 3px 6px #9cac8e40;background:#ecf1e5;color:var(--ink);transition:transform .3s}.presented-tile-arrow .ui-icon{width:14px;height:14px;min-width:14px}.presented-position{position:absolute;top:9px;left:10px;font:500 6px/1 var(--sans);letter-spacing:1px;color:var(--muted);pointer-events:none}.presented-tile:first-child .presented-position{top:15px;left:15px}.presented-tile:hover{box-shadow:5px 9px 18px #64774e30;border-color:#bcccae}.presented-tile:hover .presented-tile-arrow{transform:translate(1px,-1px)}.presented-tile:focus-visible{outline:2px solid #687e55;outline-offset:-4px}
.presented-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 3px 8px}.presented-note{display:flex;align-items:center;gap:10px;font:10px var(--sans);letter-spacing:.3px;color:var(--muted)}.presented-note i{display:block;width:5px;height:5px;border-radius:50%;background:#9da990;box-shadow:0 0 0 4px #a8b6971f}.presented-showcase[data-playing=true] .presented-note i{animation:presented-breathe 3.5s ease-in-out infinite}.presented-footer>.engraved{margin-left:auto;font-size:10px;padding:12px 18px;gap:18px}
.presented-grid[data-count="1"]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.presented-grid[data-count="1"] .presented-tile:first-child{grid-row:auto}.presented-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.presented-grid[data-count="2"] .presented-tile:first-child{grid-row:auto}.presented-grid[data-count="3"]{grid-template-columns:1.35fr 1fr}.presented-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.presented-grid[data-count="4"] .presented-tile:first-child{grid-row:auto}
@keyframes presented-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:1050px){.presented-showcase .presented-heading{align-items:flex-start}.presented-intro{width:290px;max-width:43%}.presented-grid{height:720px;grid-template-columns:1.25fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr))}.presented-tile:first-child{grid-row:span 2;padding:24px 20px 0}.presented-tile{padding:17px 15px 0}.presented-grid[data-count="1"],.presented-grid[data-count="2"]{height:520px;grid-template-rows:minmax(0,1fr)}.presented-grid[data-count="3"],.presented-grid[data-count="4"]{height:560px;grid-template-rows:repeat(2,minmax(0,1fr))}.presented-tile:first-child .presented-caption h3{font-size:19px}}
@media(max-width:700px){.presented-showcase{padding-top:45px}.presented-showcase .presented-heading{display:block;margin-bottom:25px}.presented-intro{width:auto;max-width:none;margin-top:23px}.presented-intro>p{max-width:290px;font-size:11px;margin-bottom:0}.presented-grid{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:280px repeat(2,200px);gap:11px}.presented-tile:first-child{grid-column:span 2;grid-row:auto;padding:22px 23px 0}.presented-stage{padding:12px;border-radius:10px}.presented-stage:before{inset:5px}.presented-tile{padding:14px 12px 0}.presented-caption{height:68px;min-height:68px;padding:9px 0 11px;gap:7px}.presented-caption h3{font-size:12px;margin-top:4px}.presented-collection{font-size:5px;letter-spacing:.6px}.presented-tile:first-child .presented-caption{height:94px;min-height:94px;padding-block:12px}.presented-tile:first-child .presented-caption h3{font-size:19px}.presented-tile:first-child .presented-collection{font-size:6px}.presented-tile-arrow{width:23px;height:23px}.presented-tile-arrow .ui-icon{width:12px;height:12px;min-width:12px}.presented-footer{gap:14px;align-items:center;padding-top:20px}.presented-note{font-size:8px;gap:8px;max-width:90px;line-height:1.8}.presented-footer>.engraved{font-size:9px;padding:11px 13px;gap:10px}.presented-grid[data-count="1"]{height:360px;grid-template-rows:minmax(0,1fr)}.presented-grid[data-count="1"] .presented-tile:first-child{grid-column:auto}.presented-grid[data-count="2"]{height:260px;grid-template-rows:minmax(0,1fr)}.presented-grid[data-count="2"] .presented-tile:first-child{grid-column:auto}.presented-grid[data-count="3"]{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:280px 200px}.presented-grid[data-count="4"]{height:430px;grid-template-rows:repeat(2,minmax(0,1fr))}.presented-grid[data-count="4"] .presented-tile:first-child{grid-column:auto}}
@media(max-width:360px){.presented-grid{grid-template-rows:255px repeat(2,185px)}.presented-tile{padding-inline:9px}.presented-caption h3{font-size:11px}.presented-tile:first-child .presented-caption h3{font-size:18px}.presented-footer>.engraved{font-size:8px;padding-inline:11px}.presented-grid[data-count="3"]{grid-template-rows:255px 185px}}
@media(prefers-reduced-motion:reduce){.presented-image,.presented-caption,.presented-tile,.presented-tile-arrow{transition:none}.presented-showcase .presented-note i{animation:none!important}}

/* Keep the original artwork layer intact while a decoded incoming layer fades in. */
.presented-surface{position:absolute;inset:0;display:flex;flex-direction:column;min-width:0;min-height:0;padding:18px 18px 0;background:linear-gradient(145deg,#fff,#f0f2eb);border-radius:inherit;opacity:1;transform:none}
.presented-tile:first-child>.presented-surface{padding:30px 28px 0}
.presented-surface.is-current{z-index:1}
.presented-surface.is-incoming{z-index:2;opacity:0;transition:opacity 1600ms ease-in-out;will-change:opacity}
.presented-surface.is-incoming.is-visible{opacity:1}
.presented-surface>.presented-image{transition:none;transform:none}
.presented-surface>.presented-caption{transform:none;opacity:1}
.presented-surface.is-incoming>.presented-caption{opacity:0;transition:opacity 700ms ease-in-out;transition-delay:650ms}
.presented-surface.is-incoming.is-visible>.presented-caption{opacity:1}
.presented-surface.is-retiring>.presented-caption{opacity:0;transition:opacity 550ms ease-in-out}
.presented-position{z-index:3}
.presented-previous{display:none}
@media(max-width:1050px){.presented-surface{padding:17px 15px 0}.presented-tile:first-child>.presented-surface{padding:24px 20px 0}}
@media(max-width:700px){.presented-surface{padding:14px 12px 0}.presented-tile:first-child>.presented-surface{padding:22px 23px 0}}
@media(max-width:360px){.presented-surface{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.presented-surface,.presented-surface>.presented-caption{transition:none!important;transform:none}}