/* Small responsive repairs to the original POFO/Bootsnav template. */
.site-footer-links{max-width:100%;flex-wrap:wrap;justify-content:center}
/* Keep original scroll-animated content readable before its animation fires. */
.wow:not(.animated){visibility:visible!important}
/* About and history use the original template type, spacing and color system. */
.about-intro{padding:150px 0 90px;background:#f5f4ef}
.about-intro__portrait{display:block;width:min(100%,340px);height:auto;aspect-ratio:1;object-fit:cover;margin:0 auto}
.artist-feature{background:#f5f4ef}
.artist-feature__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px;min-height:480px;padding:70px clamp(30px,7vw,115px)}
.artist-feature__portrait-wrap,.history-portrait-wrap{display:flex;align-items:center;justify-content:center;min-height:480px;padding:55px 25px;background:#e7e5df}
.artist-feature__portrait,.history-portrait{display:block;width:min(100%,340px);height:auto;aspect-ratio:1;object-fit:cover}
.about-intro h1,.history-heading h1{font-size:clamp(2.9rem,5vw,5rem);line-height:1.06}
.about-intro__lead{font-size:1.2rem;line-height:1.65}
.about-intro__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.about-intro__links .btn{margin:0}
#artist-history p{max-width:75ch;font-size:1.08rem;line-height:1.7}
.history-heading{padding:150px 0 95px}
.history-section{padding:85px 0}
.history-section:nth-of-type(even){background:#f6f6f3}
.history-record{max-width:1050px}
.history-list{list-style:none;margin:35px 0 0;padding:0}
.history-list li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px solid #d9d9d5;font-size:1.04rem;line-height:1.5}
.history-list time{font-family:Montserrat,sans-serif;font-weight:600;color:#087d74}
.history-archive-intro{padding:75px 0}
.history-era{padding:75px 0}
.history-era--dark h2,.history-era--dark h3,.history-era--dark p,.history-era--dark a{color:#eee}
.history-era__period{color:#087d74;letter-spacing:.12em}
.history-era--dark .history-era__period{color:#91d8d0}
.history-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}
.history-event{padding:24px;border:1px solid #dededb}
.history-era--dark .history-event{border-color:#5c5c5c}
.history-event h3{font-size:1.15rem;line-height:1.35}
.history-event p{line-height:1.55}
.history-event__image{display:block;width:100%;max-width:280px;max-height:230px;object-fit:cover;margin:12px 0}
.history-event a{font-weight:600;color:#087d74}
.history-era__media{margin-top:30px}
.history-era__media img{display:block;max-width:min(100%,680px);max-height:420px;object-fit:contain}
.history-era__media p{margin:10px 0 0;font-size:.85rem}
.history-cv-intro{padding:75px 0 20px}
.project-heading{padding:145px 0 85px}
.project-heading h1{font-size:clamp(2.9rem,5vw,5rem);line-height:1.06}
.project-heading .btn{margin-top:22px}
.project-detail__figure{max-width:760px;margin:30px 0}
.project-detail__figure img,.project-detail__figure video{display:block;max-width:100%;max-height:550px;width:auto;height:auto;object-fit:contain}
.project-detail__figure .artfaceoff-archive-logo{width:404px;height:auto}
.project-detail__figure figcaption{margin-top:10px;font-size:.9rem;line-height:1.5}
.bg-extra-dark-gray .project-detail__figure figcaption{color:#ddd}
.project-detail__record{margin:25px 0;padding-left:24px;line-height:1.65}
.project-detail__record li{margin-bottom:10px}
.project-detail__hero-image{display:block;width:100%;max-height:700px;object-fit:cover;object-position:center}
.project-detail__board-link{display:block;max-width:1000px;color:#087d74;font-weight:600}
.project-detail__board-link img{display:block;width:100%;max-height:600px;object-fit:contain;object-position:left center}
.project-detail__board-link span{display:block;margin-top:10px}
.project-detail__section.bg-extra-dark-gray p,.project-detail__section.bg-extra-dark-gray li{color:#ddd}
.project-detail__section.bg-extra-dark-gray .project-actions .btn{color:#fff;border-color:#aaa}
.project-detail__section.bg-extra-dark-gray .project-actions .btn:hover,.project-detail__section.bg-extra-dark-gray .project-actions .btn:focus{color:#1d2c29;background:#fff}
.project-book-cover{display:block;width:min(100%,370px);height:auto;margin:0 auto 14px}
audio{max-width:100%}
.project-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.project-actions .btn{margin:0}
.work-index-heading{padding:125px 0 65px}
.work-index-heading h1{font-size:clamp(3rem,5vw,5rem)}
.work-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.work-jumps a{display:inline-block;padding:8px 14px;border:1px solid rgba(255,255,255,.45);color:#fff;font-family:Montserrat,sans-serif;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.work-jumps a:hover,.work-jumps a:focus{background:#fff;color:#182d2b}
.work-category{padding:70px 0}
.work-category--dark h2,.work-category--dark>.container>.row p{color:#fff}
.work-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.work-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e2e2df;background:#fff;color:#283633;transition:box-shadow .2s ease,transform .2s ease}
.work-card:hover,.work-card:focus{box-shadow:0 12px 28px rgba(0,0,0,.14);transform:translateY(-2px);color:#283633}
.work-card__image{display:block;width:100%;height:175px;object-fit:cover;background:#f4f4f1}
.work-card__image--contain{object-fit:contain;padding:8px}
.work-card__text{display:flex;flex-direction:column;gap:9px;padding:22px;flex:1}
.work-card__text strong{font-size:1.25rem;color:#1d2c29}
.work-card__text span{line-height:1.5}
.work-card__text em{margin-top:auto;color:#087d74;font-style:normal;font-weight:600}
.visual-art-video{display:block;width:100%;height:auto}
@media(max-width:991px){.work-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Pudding Heroes: keep the original cloud artwork clear of its typography. */
#videoSectionPH.pudding-hero{display:grid;grid-template-columns:44% 56%;min-height:620px;background:#f5f4ef}
#videoSectionPH .pudding-hero__copy{display:flex;align-items:center;padding:100px clamp(34px,5.2vw,88px) 80px}
#videoSectionPH .pudding-hero__content{max-width:540px}
#videoSectionPH h1{margin:0;color:#182d2b;font-size:clamp(3.2rem,5.25vw,5.25rem);line-height:.99;letter-spacing:-.055em}
#videoSectionPH .pudding-hero__subtitle{margin:22px 0 0;color:#087d74;font-size:clamp(1rem,1.6vw,1.5rem);font-weight:600;letter-spacing:.12em;line-height:1.3}
#videoSectionPH .pudding-hero__question{max-width:25em;margin:32px 0 0;color:#283633;font-size:clamp(1.1rem,1.35vw,1.25rem);line-height:1.55}
#videoSectionPH .pudding-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
#videoSectionPH .pudding-hero__actions .btn{margin:0;padding:12px 25px;font-weight:600;line-height:1.35}
#videoSectionPH .pudding-hero__buy{background:#ffe400;border:2px solid #ffe400;color:#15211e}
#videoSectionPH .pudding-hero__about{background:transparent;border:2px solid #087d74;color:#087d74}
#videoSectionPH .pudding-hero__buy:hover,#videoSectionPH .pudding-hero__buy:focus{background:#e9d000;border-color:#e9d000;color:#15211e}
#videoSectionPH .pudding-hero__about:hover,#videoSectionPH .pudding-hero__about:focus{background:#087d74;color:#fff}
#videoSectionPH .pudding-hero__art{min-width:0;overflow:hidden}
#videoSectionPH .pudding-hero__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:100% center}
@media(max-width:767px){
  .about-intro{padding:100px 0 65px}
  .about-intro__portrait{width:min(100%,280px)}
  .artist-feature__copy{min-height:0;padding:65px 25px 35px}
  .artist-feature__portrait-wrap,.history-portrait-wrap{min-height:0;padding:35px 25px 55px}
  .artist-feature__portrait,.history-portrait{width:min(100%,280px)}
  .about-intro__links{gap:10px}
  .history-heading{padding:110px 0 65px}
  .history-section{padding:60px 0}
  .history-list li{grid-template-columns:3.5rem minmax(0,1fr);gap:12px;font-size:.96rem}
  .history-archive-intro,.history-era{padding:55px 0}
  .history-event-grid{grid-template-columns:1fr}
  .history-cv-intro{padding:55px 0 10px}
  .project-heading{padding:105px 0 65px}
  .work-index-heading{padding:100px 0 55px}
  .work-category{padding:55px 0}
  .work-card-grid{grid-template-columns:1fr;gap:16px}
  #videoSectionPH.pudding-hero{grid-template-columns:1fr;min-height:0}
  #videoSectionPH .pudding-hero__copy{padding:110px 25px 48px}
  #videoSectionPH h1{font-size:clamp(3rem,12vw,4rem)}
  #videoSectionPH .pudding-hero__subtitle{margin-top:18px;font-size:1.15rem}
  #videoSectionPH .pudding-hero__question{margin-top:26px;font-size:1.15rem}
  #videoSectionPH .pudding-hero__actions{margin-top:28px}
  #videoSectionPH .pudding-hero__art{height:clamp(280px,72vw,420px)}
  #videoSectionPH .pudding-hero__art img{object-position:100% center}
}
@media(max-width:767px){
  .site-footer-links{width:100%;gap:14px 20px!important}
  .site-footer-links a{max-width:100%;overflow-wrap:anywhere}
}

.artwork-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:38px}.artwork-gallery figure{margin:0}.artwork-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f5f4ef}.artwork-gallery figcaption{margin-top:12px;font-size:13px;color:#666}.artwork-gallery a:focus-visible{outline:3px solid #087d74;outline-offset:4px}@media(max-width:991px){.artwork-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.artwork-gallery{grid-template-columns:1fr;gap:28px}}

/* Project titles on category pages open the native artist-site page. */
.project-title-link{color:inherit}
.project-title-link:hover,.project-title-link:focus{color:inherit;text-decoration:underline}
/* Keep the shared mobile menu readable over image-led pages. */
@media(max-width:991px){
 header nav.navbar.bootsnav .navbar-nav{background-color:#171717}
 header nav.navbar.bootsnav .navbar-nav>li>a{color:#fff!important;min-height:44px;display:flex;align-items:center}
 header nav.navbar.bootsnav .navbar-nav>li>a:hover,header nav.navbar.bootsnav .navbar-nav>li>a:focus-visible{color:#91d8d0!important}
}