@media(max-width:700px){#work{display:flex!important;flex-direction:column;gap:24px;height:auto!important}#work .project{position:static!important;width:100%!important;transform:none!important;margin:0!important}}
.imprint-original{max-width:850px;font-size:16px;line-height:1.6;padding:24px 0 60px}.imprint-original p{margin:0 0 18px}.imprint-original a{text-decoration:underline;overflow-wrap:anywhere}.imprint-original ul{padding-left:24px}
.contact-page .contact-layout{grid-template-columns:1fr}
.project .caption{display:block;padding-top:12px}.project .caption h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,2vw,38px);font-weight:400;line-height:1.08;letter-spacing:-.025em;color:#fff}.project .caption h2 span{display:block;font-size:.72em;font-weight:400;line-height:1.45;letter-spacing:-.01em;color:#a2a2a2;margin:0}@media(max-width:700px){.project .caption{padding-top:10px}.project .caption h2{font-size:20px}.project .caption h2 span{font-size:15px}}
@media(max-width:700px){a:focus-visible{outline:none;text-decoration:underline;text-decoration-color:#fff;text-underline-offset:4px}.image-link:focus-visible{outline:none;text-decoration:none;opacity:.85}button:focus-visible{outline-color:#fff}a:hover,button:hover{color:inherit}}
.project .caption .project-teaser{font-family:Arial,Helvetica,sans-serif;font-size:clamp(17.28px,1.44vw,27.36px);font-weight:400;line-height:1.45;letter-spacing:-.01em;color:#a2a2a2;margin:0}@media(max-width:700px){.project .caption .project-teaser{font-size:15px}}
@media(max-width:700px){.menu-links a,.menu-links a:hover,.menu-links a:focus-visible{ text-decoration:none!important; border-bottom:0!important;box-shadow:none!important;}}
.contact-fallback{font-size:14px;line-height:1.5;margin:12px 0 20px;color:#fff;overflow-wrap:anywhere}.contact-fallback p{margin:0 0 6px}.contact-fallback button{padding:4px 0;text-decoration:underline}
.gallery+.project-intro .project-copy{grid-column:2}@media(max-width:700px){.gallery+.project-intro .project-copy{grid-column:1}}
:root{--accent:#fff}button:focus-visible,a:focus-visible{outline-color:#fff}
#work .caption h2{font-size:clamp(22px,1.8vw,34px)}#work .caption .project-teaser{font-size:clamp(15.5px,1.3vw,24px)}@media(max-width:700px){#work .caption h2{font-size:18px}#work .caption .project-teaser{font-size:14px}}
.contact-details .contact-list a{min-height:44px;display:flex;align-items:center}.contact-details .info-cta{min-height:44px;align-items:center}
.portfolio-page .masthead{padding-top:53px}.portfolio-page .rail-menu{position:relative;top:8px}
/* Align the home masthead with the exhibition title and give the final Norway caption a calm black finish. */
#work .project[data-photo="48"] .caption{padding-bottom:34px}
@media(max-width:700px){#work .project[data-photo="48"] .caption{padding-bottom:24px}}
/* Keep the next-project title comfortably inside the right visual edge. */
.project-pager>a{margin-right:clamp(20px,2.5vw,48px)}
@media(max-width:700px){.project-pager>a{margin-right:0}}
@media(min-width:701px){.portfolio-page .rail-menu{top:53px}.portfolio-page .rail-menu span:last-child{position:static}}
@media(max-width:700px){.portfolio-page .masthead{padding-top:30px}.portfolio-page .rail-menu{top:32px}.portfolio-page .rail-menu span:last-child{position:static}}
.about-page .info-title,.contact-page .info-title{font-size:clamp(62px,10.4vw,220px)}@media(max-width:700px){.about-page .info-title,.contact-page .info-title{font-size:12.5vw}}
.home-vimeo-link .home-vimeo-play{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid #fff;border-radius:50%;color:#fff;backdrop-filter:blur(5px);pointer-events:none}.home-vimeo-link .home-vimeo-play svg{margin-left:4px}@media(max-width:700px){.home-vimeo-link .home-vimeo-play{width:52px;height:52px}.home-vimeo-link .home-vimeo-play svg{width:22px;height:22px}}
.overlay{padding-left:50px;padding-right:50px}@media(max-width:700px){.overlay{padding-left:32px;padding-right:32px}}
/* Native contact/social anchors must always sit above the mobile overlay and
   keep a comfortably tappable hit-area. */
.overlay .menu-links a,.contact-details a,.about-copy .info-cta{position:relative;z-index:1;pointer-events:auto;touch-action:manipulation}
@media(max-width:700px){.overlay .menu-links a{min-height:44px;display:flex;align-items:center}.contact-details a,.about-copy .info-cta{min-height:48px}}
/* The page divider is sufficient; remove the duplicate short rule above the
   Contact name on both desktop and mobile. */
.contact-page .contact-list{border-top:0}
@media(max-width:700px){.contact-page .contact-details>.info-cta{display:flex;width:max-content;margin-left:auto;margin-right:auto;justify-content:center}}
/* Align every page's content edge with the open menu's inner edge. */
main{padding-left:50px;padding-right:50px}
/* The page title uses a historic negative margin in styles.css. Remove it here so
   content, images and the expanded-menu links share the exact same inner edge. */
main h1{margin-left:0}
@media(max-width:1050px){main{padding-left:40px;padding-right:40px}}
@media(max-width:700px){main{padding-left:32px;padding-right:32px}}
/* The MENU/+ control follows the top edge of the page title on every inner page. */
.info-page .rail-menu,.detail-page .rail-menu,.exhibition-page .rail-menu{position:relative;top:51px}.info-page .rail-menu span:last-child,.detail-page .rail-menu span:last-child,.exhibition-page .rail-menu span:last-child{position:static}@media(max-width:700px){.info-page .rail-menu,.detail-page .rail-menu,.exhibition-page .rail-menu{top:30px}}
.contact-page .contact-map{margin:0;overflow:hidden;background:#050505;text-align:center}.contact-page .contact-map img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;object-position:center;filter:none;margin:0 auto}@media(max-width:700px){.contact-page .contact-map img{height:auto;max-height:290px}}
@media(min-width:701px){.exhibition-page .sponsor-logos{padding-top:7px}}
/* SVG masks hide several homepage images in the IONOS rendering stack. */
.project .image-link img{mask-image:none!important;-webkit-mask-image:none!important}