.gallery-page .site-header{background:#fffffff0;backdrop-filter:blur(15px)}
/* Warm gallery backdrop, coordinated with the portfolio sections. */
body.centered-ai.gallery-page{background:#f3efec}
.gallery-page #konzepte{background:linear-gradient(160deg,#f5f2ee 0%,#efebee 58%,#f4f1ee 100%)}
.gallery-page footer{background:#ece7e9;border-top:1px solid #68566f12}
.gallery-page #konzepte{padding:155px 7% 70px}
.gallery-page #konzepte>.chapter-heading{margin:0 0 65px;max-width:none}
.gallery-page h1{font-size:clamp(40px,5vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:0 0 25px}
.gallery-page h1 em{font-family:'Cormorant Accent',Georgia,serif;font-style:italic;color:#795480;font-size:1.15em}
.gallery-page .website-concept{max-width:1100px;margin:0 auto 75px}
.gallery-page .website-concept .kalash-website-showcase{width:100%;transform:none;margin:0}
.gallery-page .website-concept-copy{margin-left:0;max-width:650px}
.gallery-page .concept-scroll{max-width:1100px}
.gallery-page .concept-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px;overflow:visible;align-items:start}
.gallery-page .concept-grid .concept{width:100%;margin:0!important;padding:0;min-width:0}
.gallery-page .concept .image-button{aspect-ratio:auto!important;height:auto!important;padding:0!important;background:transparent;border:0;border-radius:4px;overflow:hidden}
.gallery-page .concept .image-button>img{height:auto;width:100%;object-fit:contain;display:block;transform:none!important;filter:none}
.gallery-page .image-action{position:static;display:block;width:max-content;margin:10px 0 0;padding:0;background:transparent;opacity:1;transform:none;color:#795480}
.gallery-page figcaption{margin-top:12px}
.gallery-page .concept-pin{overflow:visible}
@media(max-width:800px){.gallery-page #konzepte{padding:130px 6% 45px}.gallery-page .concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.gallery-page .concept-grid .concept{width:100%;flex:none}.gallery-page .website-concept{margin-bottom:45px}.gallery-page nav>a:not(.nav-cta){display:inline-flex}.gallery-page nav>.nav-cta{display:none}}
@media(max-width:480px){.gallery-page .concept-grid{grid-template-columns:1fr;gap:32px}.gallery-page .concept-scroll{max-width:380px}.gallery-page h1{font-size:42px}}
@media(max-width:800px){
 .gallery-page .site-header nav{justify-content:center}
 .gallery-page .site-header nav>a:not(.nav-cta){font-size:12px;min-height:44px}
 .gallery-page .website-concept-copy p{font-size:14px;line-height:1.8}
 .gallery-page .concept figcaption h3{font-size:13px}
 .gallery-page .image-action{min-height:40px;display:flex;align-items:center;font-size:11px}
 .gallery-page .website-action{display:table}
 .gallery-page .kalash-concept-link{min-height:44px}
}
@media(max-width:800px){
 .gallery-page #konzepte{padding:110px 6% 32px}
 .gallery-page #konzepte>.chapter-heading{margin-bottom:30px}
 .gallery-page .website-concept{margin-bottom:30px;gap:20px}
 .gallery-page .website-concept .kalash-website-showcase{padding:12px 0 0;transform:none}
 .gallery-page .concept-grid{gap:24px 16px}
 .gallery-page .concept .image-button>img{width:100%;height:auto;max-height:none;object-fit:contain}
 .gallery-page .concept figcaption{margin-top:8px}
 .gallery-page .concept-scroll{width:100%;max-width:none}
}
.gallery-page h1 em{font-size:1.28em;font-weight:600;line-height:1.08}
.kalash-static-preview{aspect-ratio:1440/760;overflow:hidden;background:#171412}
.kalash-static-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

.gallery-page .website-concept .kalash-website-showcase{max-width:850px;margin-inline:auto;padding:0;background:none;border:0;transform:none}
.kalash-static-preview{aspect-ratio:8/5;border-radius:14px;overflow:hidden}
.kalash-static-preview picture,.kalash-static-preview img{display:block;width:100%;height:100%}
.kalash-static-preview img{object-fit:contain}
.gallery-page .kalash-website-showcase .photo-caption{padding:18px 0 0}
.gallery-page .kalash-website-showcase:hover .discover-website-button{background:#514158}
@media(max-width:600px){.gallery-page .kalash-website-showcase .photo-caption{flex-direction:column;gap:12px}}
/* Project presentation follows the same measurements as Boos. */
.gallery-page .website-concept .kalash-website-showcase{max-width:760px}
.kalash-static-preview{aspect-ratio:3/2;border-radius:14px}
.kalash-static-preview img{object-fit:cover}
.gallery-page .website-concept-copy{max-width:760px;margin:28px auto 0;width:100%}
.gallery-page h1 em{font-size:1.2em;font-weight:500}
.gallery-page .website-concept-copy h3{font-size:24px;font-weight:500;letter-spacing:-.035em}
@media(max-width:800px){.gallery-page .website-concept .kalash-website-showcase{width:92%}.gallery-page .website-concept-copy{margin-top:22px}}
