/* SITEGALLERYPHOTOS TOP08 : STATIC HERO ONLY : 2026-10-09 */
body.sg08-top-active>.navbar{display:none!important}
body.sg08-top-active{margin:0}
body.sg08-top-active .sg08-hero,body.sg08-top-active .sg08-hero *{box-sizing:border-box}
.sg08-hero{position:relative;isolation:isolate;width:100%;height:100svh;min-height:650px;background:#101010;overflow:hidden;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;z-index:3}
.sg08-hero>.sg08-ink{position:absolute;inset:-1.5%;z-index:0;background:#080808 url('/assets/media/topo08/ink-background.webp') center center /cover no-repeat;transform:scale(1.03)}
.sg08-hero .sg08-crosses{position:absolute;inset:0;z-index:2;pointer-events:none}
.sg08-hero .sg08-crosses span{position:absolute;top:46.7%;font:400 29px/1 Arial,Helvetica,sans-serif;color:#fff;transform:translate(-50%,-50%);text-shadow:0 1px 3px #3336}
.sg08-crosses span:nth-child(1){left:3.1%}.sg08-crosses span:nth-child(2){left:16.3%}.sg08-crosses span:nth-child(3){left:29.5%}.sg08-crosses span:nth-child(4){left:69.3%}.sg08-crosses span:nth-child(5){left:82.7%}.sg08-crosses span:nth-child(6){left:95.9%}
.sg08-hero .sg08-menu{position:absolute;z-index:12;top:26px;right:3.9%;height:74px;display:flex;align-items:center;gap:30px;padding:10px 10px 10px 32px;background:#fff;color:#080808;border-radius:20px;box-shadow:0 14px 24px #0002;font-size:18px;letter-spacing:-.45px;font-weight:500;white-space:nowrap}
.sg08-menu a{color:#0a0a0a!important;text-decoration:none!important;white-space:nowrap}.sg08-menu a:hover{text-decoration:underline!important}.sg08-menu .sg08-menu-cta{background:#050505;color:#fff!important;height:53px;border-radius:15px;display:grid;place-items:center;padding:0 20px;box-shadow:0 4px 8px #0004;text-decoration:none!important}
.sg08-hero .sg08-composition{position:absolute;z-index:5;left:46%;top:50%;width:500px;height:586px;transform:translate(-50%,-50%);pointer-events:none}
.sg08-composition .sg08-back-card{position:absolute;z-index:1;left:62px;top:-10px;width:470px;height:560px;border-radius:19px;background:#a1b5ae;overflow:hidden;transform:rotate(5deg);box-shadow:0 18px 28px #0005}
.sg08-back-card>img{width:100%;height:100%;object-fit:cover;object-position:58% center;display:block}
.sg08-composition .sg08-front-card{position:absolute;z-index:2;left:0;top:24px;width:470px;height:566px;padding:8px;background:#030303;border-radius:20px;transform:rotate(-3.4deg);box-shadow:0 22px 32px #0005;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}
.sg08-front-card .sg08-photo-frame{position:relative;flex:0 0 354px;height:354px;width:100%;overflow:hidden;border-radius:11px;background:#344e45}
.sg08-photo-frame>img{width:100%;height:100%;object-fit:cover;object-position:49% 35%;display:block}
.sg08-front-card .sg08-role{position:absolute;left:18px;bottom:16px;background:#070707;border-radius:12px;color:white;padding:9px 14px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px;line-height:1.15;letter-spacing:-.5px}
.sg08-role-icon{font-size:23px;font-weight:400;line-height:.7;border:1px solid #666;border-radius:3px;width:24px;height:24px;display:grid;place-items:center}
.sg08-front-card .sg08-card-copy{padding:17px 15px 0;flex:1;display:flex;flex-direction:column;justify-content:flex-start}
.sg08-front-card .sg08-card-copy p{font-size:16px;color:#adadad;line-height:1.43;letter-spacing:-.35px;font-weight:400;margin:0 0 7px;max-width:415px}
.sg08-front-card .sg08-card-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:66px;line-height:1;letter-spacing:-4.5px;font-weight:750;color:#fff;white-space:nowrap;margin:0}
.sg08-hero .sg08-scroll{position:absolute;z-index:10;bottom:45px;left:50%;transform:translateX(-50%);font-size:17px;font-weight:600;color:#fff;margin:0;white-space:nowrap}.sg08-scroll>span{margin-left:13px;font-size:23px;font-weight:400}
@media(max-width:1000px){.sg08-hero .sg08-menu{top:18px;right:18px;gap:15px;height:58px;padding-left:20px;font-size:14px}.sg08-menu .sg08-menu-cta{height:43px;padding:0 15px}.sg08-hero .sg08-composition{left:50%;top:51%;transform:translate(-50%,-50%) scale(.81)}.sg08-hero .sg08-scroll{bottom:23px}}
@media(max-width:650px){.sg08-hero{min-height:560px}.sg08-hero .sg08-menu{right:10px;top:10px;border-radius:13px;height:49px;gap:12px;font-size:12px;padding:6px}.sg08-menu>a:nth-child(2),.sg08-menu>a:nth-child(4){display:none}.sg08-menu .sg08-menu-cta{height:37px;border-radius:10px;padding:0 10px}.sg08-hero .sg08-composition{top:53%;left:48%;transform:translate(-50%,-50%) scale(min(.65,calc(100vw / 680)))}.sg08-hero .sg08-crosses span{font-size:22px}.sg08-hero .sg08-scroll{bottom:18px;font-size:14px}}