/* Giannis: The Marvelous Journey — consistent with Botched and Temptation Island. */
.giannis-page .site-header .nav-wrap{width:min(950px,calc(100% - 48px))}
.giannis-page .site-header nav a[href="/works.html"]{color:#4b2cff;border-bottom-color:#4b2cff}
.giannis-intro{width:min(950px,calc(100% - 48px));margin:0 auto;padding:80px 0 8px}
.giannis-intro-head{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start}
.giannis-kicker{font-size:15px;font-weight:400;letter-spacing:2px;color:#444;margin:0 0 21px}
.giannis-intro h1{font-size:clamp(34px,3.5vw,47px);line-height:1.18;letter-spacing:-.35px;margin:0;font-weight:600;color:#31835a}
.giannis-details{padding-top:5px}
.giannis-details p{display:block;margin:0 0 2px;font-size:15px;line-height:1.42;letter-spacing:1.65px;color:#454545}
.giannis-details b{font-weight:700;margin-right:6px;color:#252525}
.giannis-summary{margin:65px 0 0;max-width:880px}
.giannis-summary>p:not(.giannis-kicker){font-size:17px;line-height:1.78;color:#424242;margin:0 0 16px}
.giannis-art{width:min(1050px,calc(100% - 48px));margin:40px auto 108px;text-align:center}
.giannis-art figure{margin:0 auto 45px;min-width:0}
.giannis-art img{display:block;width:100%;height:auto;max-width:100%}
.giannis-art a{display:block;cursor:zoom-in}
.giannis-feature{max-width:650px}
.giannis-landscape,.giannis-platform{max-width:1050px}
.giannis-platform{margin-bottom:0!important}
.giannis-lightbox[hidden]{display:none}
.giannis-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(8,8,12,.95);display:grid;place-items:center;padding:40px;box-sizing:border-box;cursor:zoom-out}
.giannis-lightbox img{display:block;max-height:calc(100dvh - 80px);max-width:calc(100vw - 80px);width:auto;height:auto;object-fit:contain}
.giannis-lightbox button{position:absolute;right:20px;top:12px;background:none;border:0;color:white;font-size:42px;cursor:pointer;z-index:1}
@media(max-width:720px){
 .giannis-intro{padding-top:48px}
 .giannis-intro-head{grid-template-columns:1fr;gap:22px}
 .giannis-intro h1{font-size:clamp(30px,7vw,40px)}
 .giannis-details{padding-top:0}
 .giannis-details p{font-size:13px;line-height:1.6;letter-spacing:1.05px}
 .giannis-summary{margin-top:44px}
 .giannis-summary>p:not(.giannis-kicker){font-size:15px}
 .giannis-art{margin-top:28px;margin-bottom:75px}
 .giannis-art figure{margin-bottom:28px}
 .giannis-lightbox{padding:16px}
 .giannis-lightbox img{max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px)}
}