/* Hallmark · component: exhibition galleries and film viewer · genre: editorial · theme: zzz light exhibition · states: 8 · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 · weakest: S; removed generic slogans from the photo section and used the actual subjects as captions. */
/* Hallmark · dismissed 11 · the rotating X is a close icon rather than photographic imagery; the effect acknowledges a user-requested close interaction. */
/* Hallmark · dismissed 29 · liquid glass is explicitly requested for portfolio controls; the gallery photographs remain unfiltered. */
/* Hallmark · answered F24 · refractive inner border and restrained shadow are intentional physical edge cues on the glass play control requested by the user. */
/* Hallmark · current refinement: independent video formats, side controls, expandable experience and scalable original-photo galleries. */
.film-exhibition{padding-block:var(--space-xl) var(--space-3xl)}
.film-introduction{text-align:center;margin-bottom:var(--space-lg)}
.film-introduction h2{font-size:var(--type-section);font-weight:400;line-height:1.35;letter-spacing:-.035em;margin:0 0 var(--space-sm)}
.film-introduction p,.collection-heading p{font-size:var(--type-ui);line-height:1.8;color:var(--muted);margin:0}
.collection-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);max-width:850px;margin:0 auto var(--space-lg);padding:0 var(--space-sm) var(--space-sm);border-bottom:1px solid var(--line)}
.collection-tabs button{appearance:none;position:relative;border:0;border-radius:0;padding:var(--space-sm) var(--space-3xs);margin:0;background:var(--transparent);color:var(--muted);font-size:var(--type-ui);min-height:44px}
.collection-tabs button::after{content:'';position:absolute;inset:auto 0 0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform var(--dur-short) var(--interaction-ease)}
.collection-tabs button[aria-selected=true]{color:var(--accent)}
.collection-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.collection-tabs button:hover{color:var(--ink)}
.film-collection{max-width:900px;margin:0 auto var(--space-2xl)}
.film-exhibition.is-enhanced .film-collection{margin-bottom:0}
.collection-heading{text-align:center;margin-bottom:var(--space-lg)}
.collection-heading h3{font-size:var(--type-category);font-weight:400;line-height:1.4;letter-spacing:-.025em;margin:0 0 var(--space-xs)}
.clip-deck{display:grid;isolation:isolate;position:relative}
.clip-slide{margin:0;min-width:0}
.clip-carousel.is-enhanced .clip-slide{grid-area:1/1}
.clip-carousel:not(.is-enhanced) .clip-slide+.clip-slide{margin-top:var(--space-xl)}
.clip-screen-row{height:var(--screen-height);display:grid;place-items:center;min-width:0}
.film-screen{position:relative;width:min(100%,calc(var(--screen-height) * var(--clip-ratio)));aspect-ratio:var(--clip-ratio);overflow:hidden;border-radius:var(--radius-media);background:var(--paper);box-shadow:0 12px 32px var(--shadow)}
.film-screen video{display:block;width:100%;height:100%;object-fit:contain}
.clip-play{appearance:none;position:absolute;inset:0;margin:auto;width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--glass-edge);border-radius:50%;background:var(--glass);color:var(--ink);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 var(--glass-edge),0 8px 24px var(--shadow)}
.clip-play svg{width:23px;height:23px;fill:currentColor;transform:translateX(2px)}
.film-screen.is-playing .clip-play{opacity:0;pointer-events:none}
.clip-caption,.clip-slide figcaption{text-align:center;max-width:720px;margin:var(--space-lg) auto 0;min-height:64px;padding:0 var(--space-sm)}
.clip-caption h4,.clip-slide h4{font-size:var(--type-work);font-weight:400;line-height:1.65;letter-spacing:-.02em;margin:0 0 var(--space-2xs);overflow-wrap:break-word}
.clip-caption p,.clip-slide figcaption p{font-size:var(--type-caption);color:var(--muted);margin:0;line-height:1.7}
.clip-carousel.is-enhanced .clip-slide figcaption{display:none}
.collection-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-top:var(--space-md)}
.clip-direction,.gallery-direction{appearance:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--glass-edge);border-radius:50%;background:var(--glass);color:var(--ink);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 var(--glass-edge)}
.clip-direction svg,.gallery-direction svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.clip-direction:disabled,.gallery-direction:disabled{opacity:1;background:var(--paper);color:var(--muted);border-color:var(--line);cursor:not-allowed;box-shadow:none}
.clip-counter,.gallery-counter{min-width:48px;text-align:center;color:var(--muted);font-size:var(--type-caption);font-variant-numeric:tabular-nums}
.clip-status{margin:var(--space-sm) 0 0;text-align:center;color:var(--muted);font-size:var(--type-caption);line-height:1.7}
.clip-status:empty{display:none}
.clip-carousel.is-stack .clip-deck{padding-block:var(--space-md);margin-inline:auto;max-width:740px}
.clip-carousel.is-stack .clip-slide{position:relative;pointer-events:none;transform-origin:50% 50%;transition:transform var(--dur-long) var(--interaction-ease),opacity var(--dur-long) var(--interaction-ease)}
.clip-carousel.is-stack .film-screen{pointer-events:auto}
.clip-carousel.is-enhanced.is-stack .clip-slide:not(.is-current) .clip-play{visibility:hidden}
.clip-carousel.is-stack .clip-slide[data-position=current]{z-index:var(--z-raised);transform:translate(0,0) scale(1);opacity:1}
.clip-carousel.is-stack .clip-slide[data-position=previous]{z-index:var(--z-base);transform:translate(calc(-1 * var(--stack-offset)),16px) scale(.86) rotate(-5deg);opacity:.62}
.clip-carousel.is-stack .clip-slide[data-position=next]{z-index:var(--z-base);transform:translate(var(--stack-offset),16px) scale(.86) rotate(5deg);opacity:.62}
.clip-select{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:var(--radius-media);background:var(--transparent);z-index:var(--z-raised)}
.clip-select:focus-visible{outline-offset:5px}
.live-photo-section{background:var(--warm-paper);padding-block:var(--space-2xl);margin:0}
.live-photo-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}
.live-photo-heading h2{font-size:var(--type-section);font-weight:400;line-height:1.35;letter-spacing:-.035em;margin:0 0 var(--space-sm)}
.live-photo-heading p{font-size:var(--type-ui);color:var(--muted);line-height:1.8}
.gallery-controls{display:flex;align-items:center;gap:var(--space-md);flex:none}
.gallery-counter{min-width:64px}
.live-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}
.live-photo-grid.is-enhanced{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px) / 3);gap:var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:var(--space-xs) var(--space-2xs) var(--space-md);scroll-padding-inline:var(--space-2xs)}
.live-photo-grid::-webkit-scrollbar{display:none}
.live-photo-card{min-width:0;scroll-snap-align:start}
.photo-open{position:relative;display:block;text-decoration:none;isolation:isolate}
.live-photo-card .photo-open{padding:var(--space-sm);background:var(--white);border-radius:2px;box-shadow:0 1px 0 var(--photo-edge)}
.live-photo-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}
.live-photo-card figcaption{display:flex;justify-content:space-between;gap:var(--space-xs);font-size:var(--type-caption);line-height:1.8;color:var(--muted);margin-top:var(--space-sm)}
.live-photo-card figcaption span:first-child{color:var(--ink)}
.gallery-note{font-size:var(--type-caption);color:var(--muted);margin-top:var(--space-md)}
.photo-section{padding-block:var(--space-2xl);background:var(--white)}
.photo-gallery{max-width:720px}
.photo-gallery-heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-lg);padding-bottom:var(--space-lg);margin-bottom:var(--space-xl);border-bottom:1px solid var(--line)}
.photo-gallery-heading h2{font-size:var(--type-section);font-weight:400;letter-spacing:-.035em;line-height:1.35;margin:0}
.photo-gallery-heading p{font-size:var(--type-caption);line-height:1.8;color:var(--muted)}
.photo-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);align-items:start}
.photo-gallery-grid figure{min-width:0}
.photo-gallery-grid .photo-featured{grid-column:1/-1;width:min(100%,560px);justify-self:center;margin-bottom:var(--space-xs)}
.photo-gallery-grid .photo-open{padding:var(--space-md);background:var(--paper);box-shadow:inset 0 0 0 1px var(--photo-edge);transition:transform var(--dur-long) var(--interaction-ease),box-shadow var(--dur-long) var(--interaction-ease)}
.photo-print{display:grid;place-items:center;overflow:hidden}
.photo-gallery-grid img{display:block;width:100%;height:auto;object-fit:contain}
.photo-gallery-grid figure:not(.photo-featured) .photo-print{aspect-ratio:3/2}
.photo-gallery-grid figure:not(.photo-featured) img{height:100%;max-height:100%;object-fit:contain}
.photo-gallery-grid figcaption{display:flex;justify-content:space-between;gap:var(--space-xs);align-items:baseline;padding-top:var(--space-sm)}
.photo-gallery-grid figcaption h3{font-size:var(--type-ui);font-weight:400;line-height:1.8;margin:0}
.photo-gallery-grid figcaption p{font-size:var(--type-caption);line-height:1.8;color:var(--muted)}
.photo-view-label{position:absolute;bottom:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:999px;background:var(--glass);color:var(--ink);backdrop-filter:blur(12px);font-size:var(--type-caption);opacity:0;transition:opacity var(--dur-short) var(--interaction-ease);pointer-events:none}
.photo-view-label svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.photo-open:focus-visible .photo-view-label{opacity:1;transform:none}
.photo-gallery-end{display:flex;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);margin-top:var(--space-xl);border-top:1px solid var(--line);font-size:var(--type-caption);color:var(--muted)}
.photo-dialog{width:min(860px,92%);max-width:860px;max-height:84svh;overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:var(--space-lg);border:1px solid var(--glass-edge);border-radius:16px;background:var(--white);color:var(--ink);box-shadow:0 24px 80px var(--shadow-strong)}
.photo-dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(6px)}
.photo-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}
.photo-dialog-header h2{font-size:var(--type-work);font-weight:400;line-height:1.6;margin:0}
.photo-close{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--glass);color:var(--ink)}
.photo-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;transition:transform var(--dur-long) var(--interaction-ease)}
.photo-dialog-image{display:grid;place-items:center;min-height:120px;background:var(--paper)}
.photo-dialog-image img{display:block;width:auto;max-width:100%;height:auto;max-height:57svh;object-fit:contain}
.photo-dialog-footer{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:var(--type-caption);color:var(--muted);padding-top:var(--space-md)}
.viewer-status{font-size:var(--type-caption);color:var(--muted);line-height:1.8}
.viewer-status:empty{display:none}
body.has-photo-dialog{overflow-y:hidden}
@media(hover:hover) and (pointer:fine){.photo-open:hover .photo-view-label{opacity:1;transform:none}.photo-gallery-grid .photo-open:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--photo-edge),0 12px 32px var(--shadow)}.photo-close:hover svg{transform:rotate(90deg)}}
@media(max-width:1000px){.live-photo-grid.is-enhanced{grid-auto-columns:calc((100% - 24px) / 2)}}
@media(max-width:700px){
  .film-exhibition{padding-block:var(--space-xl) var(--space-2xl)}
  .collection-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--space-sm);padding:0 0 var(--space-sm);margin-bottom:var(--space-lg)}
  .collection-tabs button{justify-self:center;padding:var(--space-sm) 0}
  .clip-play{width:56px;height:56px}.clip-caption{min-height:72px}
  .clip-carousel:not(.is-stack) .clip-screen-row{height:auto;aspect-ratio:16/9}
  .clip-carousel:not(.is-stack) .film-screen{width:100%}
  .clip-carousel.is-stack .film-screen{width:min(54%,calc(var(--screen-height) * var(--clip-ratio)))}
  .clip-carousel.is-stack .clip-slide[data-position=previous]{transform:translate(calc(-1 * var(--stack-offset)),12px) scale(.83) rotate(-5deg)}
  .clip-carousel.is-stack .clip-slide[data-position=next]{transform:translate(var(--stack-offset),12px) scale(.83) rotate(5deg)}
  .live-photo-section{padding-block:var(--space-xl)}
  .live-photo-heading{align-items:start;flex-wrap:wrap}
  .live-photo-grid.is-enhanced{grid-auto-columns:88%;gap:var(--space-md)}
  .live-photo-grid:not(.is-enhanced){grid-template-columns:minmax(0,1fr)}
  .gallery-controls{gap:var(--space-sm)}
  .photo-gallery-heading{display:block;margin-bottom:var(--space-lg)}
  .photo-gallery-heading p{margin-top:var(--space-sm)}
  .photo-gallery-grid{gap:var(--space-md)}
  .photo-gallery-grid .photo-open{padding:var(--space-xs)}
  .photo-gallery-grid figcaption{display:block;padding-top:var(--space-xs)}
  .photo-gallery-end{font-size:var(--type-caption);margin-top:var(--space-lg)}
  .photo-dialog{padding:var(--space-md)}
  .photo-dialog-image img{max-height:54svh}
  .photo-dialog-header h2{font-size:var(--type-body)}
}
@media(hover:none){.photo-view-label{opacity:1;transform:none;font-size:12px;padding:var(--space-2xs) var(--space-xs);bottom:var(--space-md);right:var(--space-md)}}
@media(prefers-reduced-motion:reduce){.collection-tabs button::after,.clip-carousel.is-stack .clip-slide,.photo-gallery-grid .photo-open,.photo-view-label,.photo-close svg{transition:none}.photo-gallery-grid .photo-open:hover,.photo-close:hover svg{transform:none}}

/* Independent formats share a calm heading rail and preserve native video frames. */
.film-introduction{margin-bottom:var(--space-xl)}
.format-group+.format-group{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--line)}
.format-heading{max-width:900px;margin:0 auto var(--space-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);border-bottom:1px solid var(--line);padding-bottom:var(--space-sm)}
.format-heading h3{font-size:var(--type-category);font-weight:400;letter-spacing:-.025em;margin:0;line-height:1.5}
.format-heading .collection-tabs{margin:0;padding:0;border:0;gap:var(--space-lg)}
.collection-heading h4{font-size:var(--type-work);font-weight:400;line-height:1.6;letter-spacing:-.02em;margin:0 0 var(--space-xs)}
.clip-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:var(--space-md);position:relative}
.clip-stage .clip-deck{grid-column:2;grid-row:1;width:100%}
.clip-stage [data-step="-1"]{grid-column:1;grid-row:1}
.clip-stage [data-step="1"]{grid-column:3;grid-row:1}
.clip-carousel.is-stack .clip-stage{max-width:740px;margin-inline:auto}
.clip-stage .clip-direction{z-index:var(--z-raised)}
.clip-play svg{transform:none;flex:none;display:block;overflow:visible}
.clip-caption h5,.clip-slide h5{font-size:var(--type-work);font-weight:400;line-height:1.65;letter-spacing:-.02em;margin:0 0 var(--space-2xs);overflow-wrap:break-word}
.collection-controls{margin-top:var(--space-xs)}
.clip-counter{font-size:var(--type-caption)}
.clip-carousel.is-stack .clip-deck{padding-block:0}
.clip-direction:hover svg{transform:translateX(2px)}
.clip-direction[data-step="-1"]:hover svg{transform:translateX(-2px)}
.clip-direction svg{transition:transform var(--dur-long) var(--interaction-ease)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.gallery-pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:200px;gap:0}
.gallery-page{appearance:none;display:grid;place-items:center;width:28px;height:32px;margin:0;padding:0;border:0;background:var(--transparent);color:var(--muted);border-radius:50%}
.gallery-page::after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45;transition:transform var(--dur-short) var(--interaction-ease),opacity var(--dur-short) var(--interaction-ease)}
.gallery-page[aria-current]{color:var(--accent)}
.gallery-page[aria-current]::after{transform:scale(1.6);opacity:1}
.gallery-page:hover::after{opacity:1}
.gallery-page:active::after{transform:scale(.8)}
.live-photo-grid.is-enhanced{position:relative;padding-inline:0;scroll-padding-inline:0}
.photo-placeholder-mat{aspect-ratio:3/2;padding:var(--space-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--muted);background:var(--paper);box-shadow:inset 0 0 0 1px var(--photo-edge)}
.photo-placeholder-mat svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1;opacity:.5}
.photo-placeholder-mat span{font-size:var(--type-caption);line-height:1.8}
.photo-placeholder figcaption p{max-width:16ch}
.about-title-link,.experience-link,.experience-more{position:relative;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-md);transition:color var(--dur-short) var(--interaction-ease)}
.about-title-link::after,.experience-link::after,.experience-more::after{content:'';position:absolute;inset:auto 0 -5px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-long) var(--interaction-ease)}
.about-title-link:hover,.experience-link:hover,.experience-more:hover{color:var(--accent)}
.about-title-link:hover::after,.experience-link:hover::after,.experience-more:hover::after,.about-title-link:focus-visible::after,.experience-link:focus-visible::after,.experience-more:focus-visible::after{transform:scaleX(1)}
.experience-more{font-size:var(--type-ui);margin-top:var(--space-lg);min-height:44px;color:var(--accent)}
.experience-link{justify-content:space-between;width:100%;min-height:36px}
.experience-link svg,.experience-more svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform var(--dur-long) var(--interaction-ease)}
.experience-link:hover svg,.experience-more:hover svg{transform:translateX(4px)}
.experience-details{padding:var(--space-xl) 0 var(--space-2xl);border-top:1px solid var(--line)}
.experience-details-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}
.experience-details h2{font-size:var(--type-section);font-weight:400;line-height:1.4;margin:0}
.experience-collapse{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--glass);color:var(--ink)}
.experience-collapse svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}
.experience-details-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}
.experience-details h3{font-size:var(--type-work);font-weight:400;margin:0 0 var(--space-md);line-height:1.6}
.experience-details p{color:var(--muted);font-size:var(--type-ui);line-height:1.9}
.experience-tools{grid-column:1/-1;padding-top:var(--space-lg);border-top:1px solid var(--line)}
.email-copy-wrap{position:relative;display:inline-block;max-width:100%}
.email-copy{appearance:none;position:relative;display:block;max-width:100%;padding:var(--space-xs) 0;margin:0;border:0;border-radius:0;background:var(--transparent);color:var(--footer-ink);font-size:var(--type-work);line-height:1.5;text-align:left;overflow-wrap:anywhere;user-select:text}
.email-copy::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:var(--footer-muted);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-long) var(--interaction-ease)}
.email-copy:hover::after,.email-copy:focus-visible::after{transform:scaleX(1)}
.email-copy:active{opacity:.7}
.email-copy[aria-busy=true]{cursor:progress}
.email-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;padding:var(--space-xs) var(--space-sm);font-size:var(--type-caption);white-space:nowrap;border-radius:6px;background:var(--footer-ink);color:var(--footer-paper);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--dur-short) var(--interaction-ease),transform var(--dur-short) var(--interaction-ease);transition-delay:600ms}
.email-copy-wrap:hover .email-tooltip,.email-copy-wrap:focus-within .email-tooltip,.email-copy-wrap.is-copied .email-tooltip{opacity:1;transform:none}
.email-copy-wrap:focus-within .email-tooltip,.email-copy-wrap.is-copied .email-tooltip{transition-delay:0ms}
.footer-explore{padding-top:var(--space-xs)}
@media(max-width:1000px){.experience-details-body{gap:var(--space-lg)}}
@media(max-width:700px){
  .format-heading{display:block;margin-bottom:var(--space-lg)}
  .format-heading h3{margin-bottom:var(--space-sm)}
  .format-heading .collection-tabs{display:flex;justify-content:flex-start;gap:var(--space-lg)}
  .format-group+.format-group{margin-top:var(--space-xl);padding-top:var(--space-lg)}
  .clip-stage{grid-template-columns:32px minmax(0,1fr) 32px;gap:var(--space-xs)}
  .clip-stage .clip-direction{width:32px;height:44px;border-radius:20px}
  .clip-carousel.is-stack .clip-stage{display:block}
  .clip-carousel.is-stack .clip-stage .clip-direction{position:absolute;top:50%;translate:0 -50%}
  .clip-carousel.is-stack [data-step="-1"]{left:0}
  .clip-carousel.is-stack [data-step="1"]{right:0}
  .clip-carousel.is-stack .clip-screen-row{height:clamp(240px,75vw,380px)}
  .clip-carousel.is-stack .film-screen{width:min(54%,calc(clamp(240px,75vw,380px) * var(--clip-ratio)))}
  .live-photo-grid.is-enhanced{grid-auto-columns:100%}
  .gallery-controls{width:100%;justify-content:space-between;gap:var(--space-xs)}
  .gallery-pagination{max-width:calc(100% - 104px);gap:0}
  .gallery-page{width:24px;height:28px}
  .photo-placeholder-mat{padding:var(--space-xs);gap:var(--space-xs)}
  .photo-placeholder-mat svg{width:26px;height:26px}
  .photo-placeholder-mat span{font-size:12px;text-align:center;max-width:9ch}
  .experience-details-body{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
  .experience-details-body article+article{padding-top:var(--space-lg);border-top:1px solid var(--line)}
  .email-copy{font-size:var(--type-body)}
  .footer-main{grid-template-columns:minmax(0,1fr) auto}
}
@media(prefers-reduced-motion:reduce){.gallery-page::after,.clip-direction svg,.about-title-link,.experience-link,.experience-more,.about-title-link::after,.experience-link::after,.experience-more::after,.experience-link svg,.experience-more svg,.email-copy::after,.email-tooltip{transition:none}.clip-direction:hover svg,.experience-link:hover svg,.experience-more:hover svg{transform:none}}