/* GH Portfolio — styles des sections (générés depuis le portfolio d'origine) */
:root{--font-body:"Poppins";--font-serif:"Playfair Display";--font-tall:"Anton"}
body.gh .poppins_29ee467-module__4vux9W__className{font-family: Poppins, "Poppins Fallback"; font-style: normal;}
body.gh .poppins_29ee467-module__4vux9W__variable{--font-body: "Poppins", "Poppins Fallback";}
body.gh .playfair_display_7c0896f9-module__ux2BWG__className{font-family: "Playfair Display", "Playfair Display Fallback";}
body.gh .playfair_display_7c0896f9-module__ux2BWG__variable{--font-serif: "Playfair Display", "Playfair Display Fallback";}
body.gh .anton_619868a3-module__JUxQ6a__className{font-family: Anton, "Anton Fallback"; font-style: normal; font-weight: 400;}
body.gh .anton_619868a3-module__JUxQ6a__variable{--font-tall: "Anton", "Anton Fallback";}
:root{--v950: #070707; --v900: #110405; --v800: #3a0509; --v700: #7a0a14; --v600: #9e0f1b; --v500: #cf1f2f; --v300: #f0b3b7; --v100: #fbe6e7; --lilac: #faf5f2; --ink: #0e0607; --yellow: #ffd21f; --orange: #e0182a; --grad: linear-gradient(95deg, #ffc400 0%, #ffd83a 55%, #ffec7a 100%); --red: #b3081c; --red-deep: #5c0410; --pad: clamp(20px, 5vw, 84px); --body: var(--font-body), system-ui, sans-serif; --display: var(--font-body), system-ui, sans-serif; --serif: var(--font-serif), Georgia, serif;}
*{box-sizing: border-box; margin: 0px; padding: 0px;}
html{scroll-behavior: smooth; scroll-padding-top: 96px;}
body{background: var(--v600); color: rgb(255, 255, 255); font-family: var(--body); -webkit-font-smoothing: antialiased; font-size: 16.5px; line-height: 1.6; overflow-x: hidden;}
body.gh img{max-width: 100%; height: auto; display: block;}
body.gh a{color: inherit; text-decoration: none;}
body.gh ul,body.gh ol{list-style: none;}
body.gh button{font: inherit; color: inherit; cursor: pointer; background: 0px 0px; border: 0px;}
body.gh ::selection{background: var(--yellow); color: var(--ink);}
body.gh :focus-visible{outline: 3px solid var(--yellow); outline-offset: 3px; border-radius: 8px;}
body.gh section{padding: clamp(70px, 9vw, 130px) var(--pad); position: relative; overflow: hidden;}
body.gh h2{letter-spacing: -0.035em; text-wrap: balance; font-size: clamp(2rem, 4.6vw, 3.9rem); font-weight: 500; line-height: 1.06; position: relative;}
body.gh h2 b{font-weight: 800;}
body.gh h3{letter-spacing: -0.025em; font-weight: 700; line-height: 1.15;}
body.gh .serif{font-family: var(--serif); color: var(--yellow); letter-spacing: -0.01em; font-style: italic; font-weight: 600;}
body.gh .light{background: var(--lilac); color: var(--ink);}
@keyframes slide { 
  100% { translate: -50%; }
}
body.gh .rail{padding: 9px 0px; overflow: hidden;}
body.gh .rail-track{gap: 18px; width: max-content; animation: 60s linear 0s infinite normal none running slide; display: flex;}
body.gh .rail.to-right .rail-track{animation-direction: reverse;}
body.gh .rail:hover .rail-track{animation-play-state: paused;}
body.gh .rail img{object-fit: cover; border-radius: 24px; width: auto; max-width: none; height: clamp(190px, 24vw, 300px);}
body.gh .rail.to-left{rotate: -1.2deg;}
body.gh .rail.to-right{rotate: 1.2deg;}
body.gh .phones{justify-content: center; align-items: center; display: flex;}
body.gh .phone{aspect-ratio: 9 / 18; background: rgb(13, 13, 13); border: 8px solid rgb(13, 13, 13); border-radius: 34px; width: 32%; max-width: 220px; transition: translate 0.3s, rotate 0.3s; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.55) 0px 30px 60px;}
body.gh .phone img{object-fit: cover; width: 100%; height: 100%;}
body.gh .phone.p1{translate: 14% 6%; rotate: -8deg;}
body.gh .phone.p2{z-index: 2; width: 38%; max-width: 260px;}
body.gh .phone.p3{translate: -14% 6%; rotate: 8deg;}
body.gh .phone:hover{z-index: 3; translate: 0px -12px; rotate: none;}
body.gh .phone-rec{background: rgba(0, 0, 0, 0.6); border-radius: 999px; align-items: center; gap: 6px; padding: 4px 10px; font-size: 0.66rem; font-weight: 700; display: inline-flex; position: absolute; top: 12px; left: 12px;}
body.gh .phone-rec i{background: rgb(255, 59, 59); border-radius: 50%; width: 8px; height: 8px; animation: 1.2s step-end 0s infinite normal none running blink;}
@keyframes blink { 
  50% { opacity: 0; }
}
body.gh .phone-cap{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); padding: 26px 12px 12px; font-size: 0.68rem; font-weight: 600; position: absolute; bottom: 0px; left: 0px; right: 0px;}
body.gh .wall-item{break-inside: avoid; border-radius: 20px; width: 100%; margin-bottom: 18px; transition: transform 0.25s, box-shadow 0.25s; display: block; overflow: hidden; box-shadow: rgba(120, 10, 20, 0.18) 0px 16px 36px;}
body.gh .wall-item:hover{transform: translateY(-6px) rotate(-1.2deg); box-shadow: rgba(120, 10, 20, 0.35) 0px 26px 50px;}
body.gh .wall-item img{width: 100%;}
body.gh .lightbox{z-index: 100; backdrop-filter: blur(8px); background: rgba(8, 6, 6, 0.92); place-items: center; padding: 20px; display: grid; position: fixed; inset: 0px;}
body.gh .lightbox img{border-radius: 18px; max-width: min(92vw, 720px); max-height: 90vh; box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 80px;}
body.gh .lb-close,body.gh .lb-nav{width: 52px; height: 52px; color: var(--v700); background: rgb(255, 255, 255); border-radius: 50%; place-items: center; font-size: 2rem; line-height: 1; display: grid; position: absolute;}
body.gh .lb-close{top: 18px; right: 18px;}
body.gh .lb-prev{top: 50%; left: 18px; translate: 0px -50%;}
body.gh .lb-next{top: 50%; right: 18px; translate: 0px -50%;}
body.gh .foot{padding: 22px var(--pad); color: var(--ink); border-top: 8px solid var(--yellow); background: rgb(255, 255, 255); flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px; font-size: 0.84rem; font-weight: 500; display: flex;}
.fx-ready [data-reveal]{opacity: 0; transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), translate 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); translate: 0px 40px;}
.fx-ready [data-reveal].in{opacity: 1; translate: 0px;}
@media (max-width: 620px){
body{font-size: 15.5px;}
body.gh .phone{border-width: 5px; border-radius: 24px;}
body.gh .foot{text-align: center; justify-content: center;}
}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior: auto;}
*,::before,::after{transition: none !important; animation: auto ease 0s 1 normal none running none !important;}
}
:root{--pad: max(20px, calc(50vw - 620px));}
body{font-size: 16px;}
body.gh section{padding-block: clamp(54px, 6vw, 92px);}
body.gh h2{font-size: clamp(1.8rem, 3.3vw, 2.9rem);}
body.gh .rail img{height: clamp(160px, 16vw, 220px);}
body.gh .phone.p2{max-width: 220px;}
body.gh .phone{max-width: 190px;}
body.gh .wall{columns: 200px 5; column-gap: 14px;}
body.gh .wall-item{border-radius: 16px; margin-bottom: 14px;}
:root{--grad: #ffd21f;}
*,::before,::after{box-shadow: none !important; text-shadow: none !important;}
body.gh .wall-item:hover,body.gh .phone:hover{transform: translate(0px, 0px);}
body.gh .wall-item{border: 1.5px solid rgba(14, 6, 7, 0.12);}
body.gh .lightbox{backdrop-filter: none; background: rgba(8, 6, 6, 0.96);}
body.gh .foot{color: rgb(255, 255, 255); border-top: 8px solid var(--yellow); background: rgb(10, 10, 10); padding: 0px; font-size: 0.92rem; font-weight: 400; display: block;}
body.gh .foot h3{letter-spacing: 0.12em; text-transform: uppercase; color: var(--yellow); margin-bottom: 14px; font-size: 0.78rem; font-weight: 700;}
body.gh .foot nav{flex-direction: column; align-items: flex-start; gap: 9px; display: flex;}
body.gh .foot nav a{color: rgba(255, 255, 255, 0.78);}
body.gh .foot nav a:hover{color: var(--yellow);}
:root{--v600: #8f0f19; --v700: #6d0a12; --violet: #5a1fcc; --violet-deep: #3f1299; --violet-soft: #cdb6ff;}
body.gh .hero5{background: radial-gradient(58% 82% at 50% 42%, rgb(194, 22, 36) 0%, rgb(156, 16, 27) 36%, rgb(92, 8, 15) 72%, rgb(43, 3, 6) 100%); height: clamp(600px, 100svh, 800px); padding-top: 0px; padding-bottom: 0px;}
body.gh .h5-fig{width: auto; max-width: none; height: 142%; position: absolute; top: 74px; left: 50%; translate: -50%; mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0.3) 46%, rgba(0, 0, 0, 0.06) 56%, rgba(0, 0, 0, 0) 64%);}
body.gh .h5-note{left: var(--pad); z-index: 2; color: rgba(255, 255, 255, 0.88); max-width: 250px; font-size: 0.95rem; line-height: 1.45; position: absolute; top: 30%;}
body.gh .h5-center{z-index: 2; text-align: center; padding-inline: var(--pad); position: absolute; bottom: 44px; left: 0px; right: 0px;}
body.gh .hero5 h1{letter-spacing: -0.04em; font-size: clamp(2.4rem, min(5.6vw, 10.5vh), 5.4rem); font-weight: 500; line-height: 1.08;}
body.gh .hero5 h1 i{font-family: var(--serif); letter-spacing: -0.02em; color: var(--yellow); font-style: italic; font-weight: 500;}
body.gh .h5-cta{align-items: center; gap: 26px; margin-top: 34px; display: flex;}
body.gh .h5-cta::before,body.gh .h5-cta::after{content: ""; background: rgba(255, 255, 255, 0.35); flex: 1 1 0%; height: 1px;}
body.gh .h5-cta a{background: var(--yellow); color: var(--ink); border-radius: 999px; align-items: center; gap: 16px; padding: 7px 7px 7px 26px; font-size: 0.98rem; font-weight: 600; transition: background 0.2s; display: inline-flex;}
body.gh .h5-cta a:hover{background: rgb(255, 255, 255);}
body.gh .h5-cta span{background: var(--ink); color: rgb(255, 255, 255); border-radius: 50%; place-items: center; width: 44px; height: 44px; font-size: 1.2rem; display: grid;}
@media (max-width: 1080px){
body.gh .hero5{height: min(100svh, 760px);}
body.gh .h5-fig{height: 118%;}
body.gh .h5-note{display: none;}
}
@media (max-width: 620px){
body.gh .hero5 h1{font-size: 9.4vw;}
body.gh .h5-cta{gap: 12px;}
}
@media (min-width: 1081px){
body.gh .h5-fig{height: 150%; top: -92px; mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 37%, rgba(0, 0, 0, 0.32) 47%, rgba(0, 0, 0, 0.07) 57%, rgba(0, 0, 0, 0) 65%);}
body.gh .hero5 h1{font-size: clamp(2.4rem, min(4.7vw, 9vh), 4.5rem);}
}
body.gh .hero5{background: radial-gradient(50% 70% at 50% 36%, rgb(207, 28, 43) 0%, rgb(163, 17, 29) 34%, rgb(92, 8, 15) 72%, rgb(39, 3, 6) 100%);}
body.gh .hero5::after{content: ""; z-index: 1; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(58, 5, 10, 0.78) 46%, rgb(43, 3, 6) 100%); position: absolute; inset: 44% 0px 0px;}
body.gh .h5-fig{z-index: 0;}
body.gh .h5-note{border-left: 2px solid var(--yellow); max-width: 270px; padding-left: 18px; top: 27%;}
body.gh .h5-note small{letter-spacing: 0.14em; text-transform: uppercase; color: var(--yellow); font-size: 0.7rem; font-weight: 700; display: block;}
body.gh .h5-note b{color: rgb(255, 255, 255); margin: 6px 0px 8px; font-size: 1.5rem; line-height: 1.15; display: block;}
body.gh .h5-note p{color: rgba(255, 255, 255, 0.82); font-size: 0.9rem; line-height: 1.5;}
body.gh .hero5 h1{letter-spacing: -0.045em; font-weight: 600;}
body.gh .hero5 h1 i{padding-right: 0.06em; font-weight: 600;}
body.gh .h5-center{bottom: 40px;}
body.gh .h5-cta{gap: 22px; margin-top: 30px;}
body.gh .h5-cta::before,body.gh .h5-cta::after{content: none;}
body.gh .h5-cta > i{background: rgba(255, 255, 255, 0.3); flex: 1 1 0%; height: 1px;}
body.gh .h5-cta a{padding: 8px 8px 8px 28px; font-size: 1rem;}
body.gh .h5-cta a:hover span{rotate: 45deg;}
body.gh .h5-cta span{transition: rotate 0.25s;}
@media (max-width: 1080px){
body.gh .h5-cta > i{display: none;}
body.gh .h5-cta{justify-content: center;}
}
@media (min-width: 1081px){
body.gh .h5-fig{height: 128%; top: -22px;}
}
@media (max-width: 1080px){
body.gh .h5-cta > i{display: none;}
}
@media (min-width: 1081px){
body.gh .hero5 h1{font-size: clamp(2.2rem, min(3.9vw, 7.6vh), 3.7rem);}
}
body.gh .trophy{width: 52px; height: auto;}
body.gh .h5-socials{align-items: center; gap: 10px; margin-top: 18px; display: flex;}
body.gh .h5-socials a{color: rgb(255, 255, 255); border: 1.5px solid rgba(255, 255, 255, 0.6); border-radius: 50%; place-items: center; width: 42px; height: 42px; font-size: 1.15rem; transition: background 0.2s, color 0.2s, border-color 0.2s; display: grid;}
body.gh .h5-socials a:hover{background: var(--yellow); border-color: var(--yellow); color: var(--ink);}
body.gh .h5-socials span{color: rgba(255, 255, 255, 0.8); margin-left: 6px; font-size: 0.8rem;}
body.gh .h5-socials span b{font-family: var(--body); color: var(--yellow); margin: 0px; font-size: 1rem; font-style: normal; font-weight: 800; display: inline;}
body.gh .h5-note{top: 21%;}
@media (min-width: 1081px){
body.gh .h5-note{flex-direction: column; max-width: 290px; display: flex; top: 15%; bottom: 31%;}
body.gh .h5-socials{margin-top: auto;}
}
body.gh .h5-note b.serif{font-size: 1.75rem;}
body.gh .h5-does{margin-top: 20px;}
body.gh .h5-does li{border-top: 1px solid rgba(255, 255, 255, 0.18); padding: 7px 0px 7px 22px; font-size: 1rem; font-weight: 600; line-height: 1.3; position: relative;}
body.gh .h5-does li:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.18);}
body.gh .h5-does li::before{content: "+"; color: var(--yellow); font-size: 1.2rem; font-weight: 800; position: absolute; top: 4px; left: 0px;}
@media (min-width: 1081px){
body.gh .h5-note{top: 128px; bottom: 246px;}
body.gh .h5-center{bottom: 30px;}
body.gh .h5-cta{margin-top: 24px;}
}
@media (min-width: 1081px) and (max-height: 820px){
body.gh .trophy{width: 36px;}
body.gh .h5-note b.serif{font-size: 1.5rem;}
body.gh .h5-does{margin-top: 12px;}
body.gh .h5-does li{padding-block: 5px; font-size: 0.92rem;}
body.gh .h5-socials a{width: 38px; height: 38px;}
}
body.gh .h5-right{left: auto; right: var(--pad); border-left: 0px; border-right: 2px solid var(--yellow); text-align: right; padding-left: 0px; padding-right: 18px;}
body.gh .h5-right .h5-does li{padding: 7px 22px 7px 0px;}
body.gh .h5-right .h5-does li::before{left: auto; right: 0px;}
body.gh .h5-awards{justify-content: flex-end; align-items: flex-end; gap: 10px; margin-top: auto; padding-top: 18px; display: flex;}
body.gh .h5-awards span{color: rgba(255, 255, 255, 0.8); margin-right: 6px; font-size: 0.8rem;}
body.gh .h5-awards span b{color: var(--yellow); margin: 0px; font-size: 1rem; font-weight: 800; display: inline;}
@media (min-width: 1081px) and (max-height: 820px){
body.gh .h5-right .h5-does li{padding-block: 5px;}
body.gh .h5-awards .trophy{width: 24px;}
}
body.gh .h5-awards span{white-space: nowrap;}
body.gh .h5-right p{max-width: 260px; margin-left: auto;}
@media (min-width: 1081px){
body.gh .hero5 h1{font-size: clamp(1.9rem, min(2.75vw, 6.2vh), 2.9rem);}
body.gh .h5-note{top: auto; bottom: 74px;}
body.gh .h5-note .h5-socials,body.gh .h5-note .h5-awards{margin-top: 18px; padding-top: 0px;}
body.gh .h5-note .h5-does,body.gh .h5-note .h5-socials,body.gh .h5-note .h5-awards{margin-top: 30px;}
}
body.gh .h5-socials,body.gh .h5-awards{flex-wrap: wrap; row-gap: 10px;}
body.gh .h5-socials span,body.gh .h5-awards span{flex: 0 0 100%; order: -1; margin: 0px;}
body.gh .h5-awards{gap: 14px;}
body.gh .h5-awards .trophy{width: 46px;}
@media (min-width: 1081px) and (max-height: 820px){
body.gh .h5-awards .trophy{width: 42px;}
}
@media (min-width: 1081px){
body.gh .h5-fig{height: 108%; top: 0px; mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 46%, rgba(0, 0, 0, 0.34) 58%, rgba(0, 0, 0, 0.08) 68%, rgba(0, 0, 0, 0) 76%);}
body.gh .h5-note .h5-does,body.gh .h5-note .h5-socials,body.gh .h5-note .h5-awards{margin-top: 44px;}
}
body.gh .h5-note b.serif em{font-style: inherit; color: var(--yellow);}
body.gh .nav3{z-index: 60; padding: 16px var(--pad); grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; transition: background 0.25s, padding 0.25s; display: grid; position: fixed; inset: 0px 0px auto;}
body.gh .nav3::after{content: ""; left: var(--pad); right: var(--pad); background: rgba(255, 255, 255, 0.22); height: 1px; position: absolute; bottom: 0px;}
.scrolled .nav3{background: rgb(10, 10, 10); padding-block: 10px;}
body.gh .nav3-brand{justify-self: start; align-items: center; gap: 12px; display: inline-flex;}
body.gh .nav3-brand span{border: 1.5px solid var(--yellow); width: 42px; height: 42px; color: var(--yellow); font-family: var(--serif); border-radius: 50%; place-items: center; font-size: 1.05rem; font-style: italic; font-weight: 600; display: grid;}
body.gh .nav3-brand b{color: rgb(255, 255, 255); font-size: 1.35rem;}
body.gh .nav3 nav{gap: 34px; display: flex;}
body.gh .nav3 nav a{letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255, 255, 255, 0.82); padding: 8px 0px; font-size: 0.72rem; font-weight: 600; transition: color 0.2s; position: relative;}
body.gh .nav3 nav a::after{content: ""; background: var(--yellow); border-radius: 50%; width: 5px; height: 5px; transition: scale 0.2s; position: absolute; bottom: 0px; left: 50%; translate: -50%; scale: 0;}
body.gh .nav3 nav a:hover{color: var(--yellow);}
body.gh .nav3 nav a:hover::after{scale: 1;}
body.gh .nav3-cta{border: 1.5px solid rgba(255, 255, 255, 0.6); border-radius: 999px; justify-self: end; align-items: center; gap: 12px; padding: 5px 5px 5px 20px; font-size: 0.88rem; font-weight: 600; transition: background 0.2s, color 0.2s, border-color 0.2s; display: inline-flex;}
body.gh .nav3-cta span{background: var(--yellow); width: 34px; height: 34px; color: var(--ink); border-radius: 50%; place-items: center; font-size: 1rem; transition: rotate 0.25s, background 0.2s, color 0.2s; display: grid;}
body.gh .nav3-cta:hover{background: var(--yellow); border-color: var(--yellow); color: var(--ink);}
body.gh .nav3-cta:hover span{background: var(--ink); color: rgb(255, 255, 255); rotate: 45deg;}
@media (max-width: 1080px){
body.gh .nav3{grid-template-columns: 1fr auto;}
body.gh .nav3 nav{display: none;}
}
body.gh .h5-word{z-index: 0; text-align: center; white-space: nowrap; font-family: var(--font-tall), var(--body); text-transform: uppercase; letter-spacing: 0.01em; color: rgba(255, 255, 255, 0.075); pointer-events: none; font-size: min(13vw, 212px); line-height: 1; position: absolute; top: 92px; left: 0px; right: 0px;}
@media (max-width: 1080px){
body.gh .h5-word{display: none;}
}
body.gh .h5-word{letter-spacing: 0.02em; padding-left: 0px; font-size: min(8.5vw, 140px); line-height: 0.9; top: 86px;}
@media (min-width: 1081px) and (max-height: 820px){
body.gh .h5-word{font-size: min(7.4vw, 120px);}
}
body.gh .nav3-brand b{font-family: var(--body); letter-spacing: -0.03em; font-size: 1.3rem; font-style: normal; font-weight: 800; line-height: 1; display: block;}
body.gh .nav3-brand b i{color: var(--yellow); font-style: normal;}
body.gh .nav3-brand small{letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); margin-top: 5px; font-size: 0.56rem; font-weight: 600; display: block;}
body.gh .nav3-mark{flex: 0 0 auto; width: 48px; height: 48px;}
body.gh .nav3-brand b{letter-spacing: 0px; font-weight: 400;}
body.gh .nav3-brand b small{letter-spacing: 0.24em; color: var(--yellow); margin: 0px 0px 3px; font-size: 0.6rem; font-weight: 700;}
body.gh .nav3-brand b .serif{color: rgb(255, 255, 255); white-space: nowrap; border: 0px; border-radius: 0px; place-items: start; width: auto; height: auto; font-size: 1.3rem; font-weight: 600; line-height: 1.05; display: block;}
body.gh .h5-word{letter-spacing: 0.01em; color: rgba(255, 255, 255, 0.067); font-size: min(13vw, 25vh, 215px); line-height: 0.88; top: 84px;}
@media (min-width: 1081px) and (max-height: 820px){
body.gh .h5-word{font-size: min(13vw, 25vh, 215px);}
}
body.gh .h5-note p strong{color: rgb(255, 255, 255); font-weight: 800;}
body.gh .nav3::after{content: none;}
body.gh .nav3-mark{width: auto; height: 42px;}
body.gh .refs{color: rgb(255, 255, 255); background: rgb(10, 10, 10); align-items: center; gap: 34px; padding-block: 26px; display: flex;}
body.gh .refs-label{border-right: 2px solid var(--yellow); letter-spacing: 0.16em; text-transform: uppercase; color: var(--yellow); flex: 0 0 auto; padding-right: 34px; font-size: 0.7rem; font-weight: 700; line-height: 1.5;}
body.gh .refs-rail{flex: 1 1 0%; overflow: hidden; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, rgba(0, 0, 0, 0));}
body.gh .refs-rail ul{width: max-content; animation: 46s linear 0s infinite normal none running slide; display: flex;}
body.gh .refs-rail:hover ul{animation-play-state: paused;}
body.gh .refs-rail li{white-space: nowrap; font-family: var(--serif); color: rgba(255, 255, 255, 0.9); align-items: center; font-size: 1.3rem; font-style: italic; font-weight: 600; display: flex;}
body.gh .refs-rail li::after{content: ""; background: var(--yellow); border-radius: 50%; width: 7px; height: 7px; margin: 0px 30px;}
@media (max-width: 620px){
body.gh .refs{flex-direction: column; align-items: flex-start; gap: 14px;}
body.gh .refs-label{border-right: 0px; padding-right: 0px;}
body.gh .refs-label br{display: none;}
body.gh .refs-rail{width: 100%;}
}
body.gh .mk-c{stroke: var(--yellow);}
body.gh .mk-gh{stroke: rgb(255, 255, 255);}
body.gh .nav3,body.gh .nav3 *{transition: background-color 0.3s, color 0.3s, border-color 0.3s, stroke 0.3s;}
.scrolled .nav3{background: var(--nav-bg,#0a0a0a);}
body.gh .nav-light .mk-c{stroke: rgb(143, 15, 25);}
body.gh .nav-light .mk-gh{stroke: var(--ink);}
body.gh .nav-light .nav3-brand b small{color: rgb(143, 15, 25);}
body.gh .nav-light .nav3-brand b .serif{color: var(--ink);}
body.gh .nav-light .nav3 nav a{color: rgba(14, 6, 7, 0.78);}
body.gh .nav-light .nav3 nav a:hover{color: rgb(143, 15, 25);}
body.gh .nav-light .nav3 nav a::after{background: rgb(143, 15, 25);}
body.gh .nav-light .nav3-cta{color: var(--ink); border-color: rgba(14, 6, 7, 0.55);}
body.gh .nav-light .nav3-cta:hover{background: var(--ink); border-color: var(--ink); color: rgb(255, 255, 255);}
body.gh .nav-light .nav3-cta:hover span{background: var(--yellow); color: var(--ink);}
.scrolled .nav3{backdrop-filter: blur(18px) saturate(1.4); background: var(--nav-bg,#96101b47);}
body.gh .kicker{letter-spacing: 0.2em; text-transform: uppercase; color: rgb(143, 15, 25); font-size: 0.72rem; font-weight: 700; display: block;}
body.gh .ab2-mission{border-left: 3px solid var(--yellow); max-width: 600px; font-family: var(--serif); color: var(--ink); margin-top: 30px; padding-left: 22px; font-size: clamp(1.25rem, 1.9vw, 1.6rem); font-style: italic; font-weight: 600; line-height: 1.3;}
body.gh .ab2-mission small{font-family: var(--body); letter-spacing: 0.2em; text-transform: uppercase; color: rgb(143, 15, 25); margin-bottom: 8px; font-size: 0.68rem; font-style: normal; font-weight: 700; display: block;}
body.gh .about3{color: rgb(255, 255, 255); background-color: rgb(10, 10, 10); background-image: radial-gradient(46% 70% at 24% 62%, rgb(143, 15, 25) 0%, rgb(74, 7, 13) 45%, rgba(0, 0, 0, 0) 78%); grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(30px, 5vw, 80px); padding-bottom: 0px; display: grid;}
body.gh .ab3-stage{aspect-ratio: 1 / 1.02; align-self: end; width: 100%; max-width: 590px; position: relative;}
body.gh .ab3-word{z-index: 1; font-family: var(--font-tall), var(--body); letter-spacing: 0.005em; text-transform: uppercase; white-space: nowrap; color: var(--yellow); font-size: min(12.4vw, 172px); line-height: 0.9; position: absolute; top: 4%; left: 0px;}
body.gh .ab3-outline{z-index: 3; color: rgba(0, 0, 0, 0); -webkit-text-stroke: 2px var(--yellow); pointer-events: none;}
body.gh .ab3-stage img{z-index: 2; width: auto; max-width: none; height: 104%; position: absolute; bottom: 0px; right: -6%;}
body.gh .ab3-text{padding-bottom: clamp(54px, 6vw, 92px);}
body.gh .about3 .kicker,body.gh .about3 .ab2-mission small{color: var(--yellow);}
body.gh .ab3-text h2{max-width: 560px; margin: 14px 0px 20px; font-weight: 600;}
body.gh .ab3-text h2 i{font-family: var(--serif); color: var(--yellow); font-weight: 600;}
body.gh .ab3-text > p{color: rgba(255, 255, 255, 0.82); max-width: 560px; margin-top: 14px;}
body.gh .ab3-text > p strong,body.gh .about3 .ab2-mission{color: rgb(255, 255, 255);}
@media (max-width: 1080px){
body.gh .about3{background-image: radial-gradient(90% 40% at 50% 26%, rgb(143, 15, 25) 0%, rgb(74, 7, 13) 45%, rgba(0, 0, 0, 0) 78%); grid-template-columns: 1fr; padding-bottom: clamp(54px, 6vw, 92px);}
body.gh .ab3-stage{max-width: 440px;}
body.gh .ab3-word{font-size: min(29vw, 128px);}
body.gh .ab3-text{padding-bottom: 0px;}
}
body.gh section.gh-sec,body.gh .foot{isolation: isolate;}
body.gh section.gh-sec::before,body.gh .foot::before{content: ""; z-index: -1; background: linear-gradient(var(--prev,transparent) 0%, transparent 100%); pointer-events: none; height: min(220px, 70%); position: absolute; inset: 0px 0px auto;}
body.gh .foot{border-top: 0px; position: relative;}
body.gh .zdark{--acc: var(--yellow); color: rgb(255, 255, 255);}
body.gh .light{--acc: #8f0f19;}
body.gh .zdark .kicker{color: var(--yellow);}
body.gh .zh{max-width: 760px; margin-bottom: clamp(30px, 4vw, 54px);}
body.gh .zh h2{margin-top: 12px; font-weight: 600;}
body.gh .zh h2 i,body.gh h3 > i{font-family: var(--serif); color: var(--acc); font-style: italic; font-weight: 600;}
body.gh .zh > p{opacity: 0.82; max-width: 560px; margin-top: 16px;}
body.gh .zplus li{border-top: 1px solid color-mix(in srgb, currentcolor 18%, transparent 82%); padding: 9px 0px 9px 24px; font-size: 0.95rem; font-weight: 600; line-height: 1.35; position: relative;}
body.gh .zplus li:last-child{border-bottom: 1px solid color-mix(in srgb, currentcolor 18%, transparent 82%);}
body.gh .zplus li::before{content: "+"; color: var(--acc); font-size: 1.25rem; font-weight: 800; position: absolute; top: 5px; left: 0px;}
body.gh .zpb{background: var(--yellow); width: fit-content; color: var(--ink); border-radius: 999px; align-items: center; gap: 16px; padding: 7px 7px 7px 24px; font-size: 0.96rem; font-weight: 600; transition: background 0.2s; display: inline-flex;}
body.gh .zpb span{background: var(--ink); color: rgb(255, 255, 255); border-radius: 50%; place-items: center; width: 42px; height: 42px; font-size: 1.15rem; transition: rotate 0.25s; display: grid;}
body.gh .zpb:hover{background: rgb(255, 255, 255);}
body.gh .zpb:hover span{rotate: 45deg;}
body.gh .zpb.dark{background: var(--ink); color: rgb(255, 255, 255);}
body.gh .zpb.dark span{background: var(--yellow); color: var(--ink);}
body.gh .zpb.dark:hover{background: rgb(143, 15, 25);}
body.gh .zrb{background: var(--yellow); width: 46px; height: 46px; color: var(--ink); border-radius: 50%; place-items: center; font-size: 1.2rem; transition: rotate 0.25s, background 0.2s; display: grid;}
body.gh .zrb:hover{background: rgb(255, 255, 255); rotate: 45deg;}
body.gh .zsv-list > li{border-top: 1px solid rgba(14, 6, 7, 0.18); grid-template-columns: 96px 1.15fr 1fr 220px; align-items: center; gap: clamp(18px, 3vw, 44px); padding: 30px 0px; display: grid;}
body.gh .zsv-list > li:last-child{border-bottom: 1px solid rgba(14, 6, 7, 0.18);}
body.gh .zsv-n{font-family: var(--font-tall), var(--body); color: rgb(143, 15, 25); font-size: 4.6rem; line-height: 1;}
body.gh .zsv-main small{letter-spacing: 0.18em; text-transform: uppercase; color: rgb(143, 15, 25); font-size: 0.68rem; font-weight: 700; display: block;}
body.gh .zsv-main h3{margin: 8px 0px 10px; font-size: clamp(1.3rem, 2vw, 1.7rem);}
body.gh .zsv-main p{color: rgb(75, 60, 62); max-width: 400px; font-size: 0.95rem;}
body.gh .zsv-list figure{position: relative;}
body.gh .zsv-list figure img{aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px; width: 100%;}
body.gh .zsv-list .zrb{border: 5px solid var(--lilac); width: 56px; height: 56px; position: absolute; bottom: -14px; right: -14px;}
body.gh .zdt{--acc: var(--yellow); --violet: #5a1fcc; background: var(--violet); color: rgb(255, 255, 255);}
body.gh .zdt .kicker{color: var(--yellow);}
body.gh .zdt-top{grid-template-columns: 1.1fr 0.9fr; align-items: center; gap: clamp(30px, 5vw, 80px); display: grid;}
body.gh .zdt-name{background: rgb(255, 255, 255); border-radius: 18px; width: clamp(170px, 14vw, 220px); margin: 16px 0px 24px; padding: 16px 18px; line-height: 0;}
body.gh .zdt-name img{width: 100%; height: auto;}
body.gh .zdt-lead{color: rgba(255, 255, 255, 0.9); max-width: 540px; font-size: 1.05rem;}
body.gh .zdt-lead strong{color: var(--yellow);}
body.gh .zdt-stats{grid-template-columns: repeat(4, auto); justify-content: start; gap: 26px; margin-top: 34px; display: grid;}
body.gh .zdt-stats div{border-top: 1px solid rgba(255, 255, 255, 0.4); padding-top: 12px;}
body.gh .zdt-stats dt{font-family: var(--font-tall), var(--body); color: var(--yellow); font-size: 2.6rem; line-height: 1;}
body.gh .zdt-stats dd{color: rgba(255, 255, 255, 0.85); margin-top: 6px; font-size: 0.8rem;}
body.gh .zdt-photo{position: relative;}
body.gh .zdt-photo img{aspect-ratio: 4 / 3; object-fit: cover; border-radius: 28px; width: 100%;}
body.gh .zdt-photo figcaption{color: var(--ink); background: rgb(255, 255, 255); border-radius: 999px; padding: 7px 14px; font-size: 0.76rem; font-weight: 600; position: absolute; bottom: 16px; left: 16px;}
body.gh .zdt-h{margin-top: clamp(50px, 6vw, 86px);}
body.gh .zdt-progs{border-top: 1px solid rgba(255, 255, 255, 0.35); border-bottom: 1px solid rgba(255, 255, 255, 0.35); grid-template-columns: repeat(4, 1fr); gap: 0px; display: grid;}
body.gh .zdt-progs article{flex-direction: column; padding: 26px 24px 26px 0px; display: flex;}
body.gh .zdt-progs article + article{border-left: 1px solid rgba(255, 255, 255, 0.35); padding-left: 24px;}
body.gh .zdt-progs span{font-family: var(--font-tall), var(--body); color: var(--yellow); font-size: 1.9rem; line-height: 1;}
body.gh .zdt-progs h3{margin: 12px 0px 8px; font-size: 1.22rem;}
body.gh .zdt-progs p{color: rgba(255, 255, 255, 0.85); font-size: 0.9rem;}
body.gh .zdt-progs ul{margin: 14px 0px 18px;}
body.gh .zdt-progs li{padding: 3px 0px 3px 16px; font-size: 0.84rem; line-height: 1.35; position: relative;}
body.gh .zdt-progs li::before{content: "+"; color: var(--yellow); font-weight: 800; position: absolute; left: 0px;}
body.gh .zdt-progs small{letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.7); margin-top: auto; font-size: 0.72rem; font-weight: 600;}
body.gh .zdt-free{grid-template-columns: 0.8fr 1.2fr; align-items: center; gap: clamp(24px, 4vw, 60px); margin-top: clamp(36px, 4vw, 56px); display: grid;}
body.gh .zdt-free h3{margin: 10px 0px 8px; font-size: clamp(1.4rem, 2.4vw, 1.9rem);}
body.gh .zdt-free p{color: rgba(255, 255, 255, 0.85); max-width: 380px; font-size: 0.95rem;}
body.gh .zdt-free ol{counter-reset: g 0;}
body.gh .zdt-free li{counter-increment: g 1; border-top: 1px solid rgba(255, 255, 255, 0.35); align-items: baseline; gap: 16px; padding: 12px 0px; font-size: 0.95rem; font-weight: 500; line-height: 1.4; display: flex;}
body.gh .zdt-free li:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.35);}
body.gh .zdt-free li::before{content: counter(g, decimal-leading-zero); font-family: var(--font-tall), var(--body); color: var(--yellow); font-size: 1.2rem;}
body.gh .ztr{background: rgb(10, 10, 10); padding-inline: 0px;}
body.gh .ztr-head{padding-inline: var(--pad); align-items: center; gap: clamp(16px, 3vw, 44px); margin-bottom: clamp(26px, 3vw, 44px); display: flex;}
body.gh .ztr-head > b{font-family: var(--font-tall), var(--body); color: var(--yellow); font-size: clamp(5rem, 13vw, 11.5rem); font-weight: 400; line-height: 0.86;}
body.gh .ztr-head .zh{margin-bottom: 0px;}
body.gh .ztr-sub{padding-inline: var(--pad); margin-top: clamp(50px, 6vw, 86px);}
body.gh .ztr-wall{padding-inline: var(--pad);}
body.gh .ztr .wall-item{border: 0px;}
body.gh .zcf{background-color: rgb(143, 15, 25); background-image: radial-gradient(50% 80% at 78% 60%, rgb(196, 23, 37) 0%, rgb(143, 15, 25) 55%, rgb(106, 10, 18) 100%); grid-template-columns: 1.2fr 0.8fr; align-items: end; gap: clamp(30px, 5vw, 80px); padding-bottom: 0px; display: grid;}
body.gh .zcf-list{grid-template-columns: 1fr 1fr; column-gap: 34px; margin-bottom: 32px; display: grid;}
body.gh .zcf-list li{border-top: 1px solid rgba(255, 255, 255, 0.3); gap: 16px; padding: 15px 0px; display: flex;}
body.gh .zcf-list li:nth-last-child(-n+2){border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
body.gh .zcf-list span{font-family: var(--font-tall), var(--body); color: var(--yellow); font-size: 1.3rem; line-height: 1.2;}
body.gh .zcf-list p{color: rgba(255, 255, 255, 0.8); font-size: 0.82rem; line-height: 1.4;}
body.gh .zcf-list b{color: rgb(255, 255, 255); margin-bottom: 3px; font-size: 1rem; font-weight: 600; line-height: 1.25; display: block;}
body.gh .zcf-fig{place-self: end center; width: min(100%, 420px); position: relative;}
body.gh .zcf-fig p{font-family: var(--font-tall), var(--body); text-transform: uppercase; white-space: nowrap; color: rgba(255, 255, 255, 0.1); font-size: min(13vw, 190px); line-height: 0.88; position: absolute; top: 6%; left: -28%;}
body.gh .zcf-fig img{width: 100%; position: relative;}
body.gh .zaw{background: rgb(10, 10, 10);}
body.gh .zaw-top{grid-template-columns: 1.2fr 0.8fr; align-items: center; gap: clamp(30px, 5vw, 80px); display: grid;}
body.gh .zaw .zh h2{font-size: clamp(2.2rem, 5vw, 4.2rem);}
body.gh .zaw-prizes li{border-top: 1px solid rgba(255, 255, 255, 0.28); align-items: center; gap: 22px; padding: 20px 0px; display: flex;}
body.gh .zaw-prizes li:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.28);}
body.gh .zaw-prizes .trophy{flex: 0 0 auto; width: 46px;}
body.gh .zaw-prizes p{font-size: clamp(1.15rem, 2.2vw, 1.7rem); font-weight: 600; line-height: 1.2;}
body.gh .zaw-prizes small{letter-spacing: 0.18em; text-transform: uppercase; color: var(--yellow); margin-bottom: 4px; font-size: 0.66rem; font-weight: 700; display: block;}
body.gh .zaw-strip{grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: clamp(34px, 4vw, 56px); display: grid;}
body.gh .zaw-strip img{aspect-ratio: 4 / 3; object-fit: cover; object-position: center 25%; border-radius: 18px; width: 100%;}
body.gh .zcn{background-color: rgb(110, 10, 18); background-image: radial-gradient(50% 80% at 76% center, rgb(179, 18, 31) 0%, rgb(110, 10, 18) 60%, rgb(74, 6, 11) 100%); grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(30px, 5vw, 80px); display: grid;}
body.gh .zcn .zh{margin-bottom: 22px;}
body.gh .zcn-count{color: rgba(255, 255, 255, 0.85); font-size: 0.95rem;}
body.gh .zcn-count b{font-family: var(--font-tall), var(--body); color: var(--yellow); margin-right: 8px; font-size: 3.2rem; font-weight: 400; line-height: 1;}
body.gh .zcn-links{flex-wrap: wrap; gap: 10px; margin-top: 22px; display: flex;}
body.gh .zcn-links a{border: 1.5px solid rgba(255, 255, 255, 0.6); border-radius: 999px; align-items: center; gap: 8px; padding: 11px 20px; font-size: 0.92rem; font-weight: 600; transition: background 0.2s, color 0.2s, border-color 0.2s; display: inline-flex;}
body.gh .zcn-links a:hover{background: var(--yellow); border-color: var(--yellow); color: var(--ink);}
body.gh .zpc-grid{grid-template-columns: 1.25fr 0.75fr; align-items: start; gap: clamp(30px, 5vw, 80px); display: grid;}
body.gh .zpc-time li{border-top: 1px solid rgba(14, 6, 7, 0.18); grid-template-columns: 150px 1fr; gap: 24px; padding: 24px 0px; display: grid;}
body.gh .zpc-time li:last-child{border-bottom: 1px solid rgba(14, 6, 7, 0.18);}
body.gh .zpc-time span{letter-spacing: 0.14em; text-transform: uppercase; color: rgb(143, 15, 25); padding-top: 5px; font-size: 0.68rem; font-weight: 700;}
body.gh .zpc-time h3{font-size: clamp(1.15rem, 1.8vw, 1.45rem);}
body.gh .zpc-time small{font-family: var(--serif); color: rgb(143, 15, 25); margin: 4px 0px 8px; font-size: 1.05rem; font-style: italic; font-weight: 600; display: block;}
body.gh .zpc-time p{color: rgb(75, 60, 62); font-size: 0.93rem;}
body.gh .zpc aside{border-left: 2px solid var(--yellow); padding-left: clamp(20px, 3vw, 40px);}
body.gh .zpc aside h3{letter-spacing: 0.2em; text-transform: uppercase; color: rgb(143, 15, 25); margin: 30px 0px 12px; font-size: 0.7rem; font-weight: 700;}
body.gh .zpc aside h3:first-child{margin-top: 0px;}
body.gh .zpc-tags{flex-wrap: wrap; gap: 8px; display: flex;}
body.gh .zpc-tags li{border: 1.5px solid rgba(14, 6, 7, 0.22); border-radius: 999px; padding: 7px 14px; font-size: 0.82rem; font-weight: 600;}
body.gh .zfq{grid-template-columns: 0.75fr 1.25fr; align-items: start; gap: clamp(30px, 5vw, 80px); padding-top: 0px; display: grid;}
body.gh .zfq::before{content: none !important;}
body.gh .zfq .zh{position: sticky; top: 110px;}
body.gh .zfq .zpb{margin-top: 22px;}
body.gh .zfq-list details{border-top: 1px solid rgba(14, 6, 7, 0.18);}
body.gh .zfq-list details:last-child{border-bottom: 1px solid rgba(14, 6, 7, 0.18);}
body.gh .zfq-list summary{cursor: pointer; justify-content: space-between; align-items: center; gap: 18px; padding: 20px 0px; font-size: 1.05rem; font-weight: 600; list-style: none; display: flex;}
body.gh .zfq-list summary::-webkit-details-marker{display: none;}
body.gh .zfq-list summary span{border: 1.5px solid var(--ink); border-radius: 50%; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; font-size: 1.3rem; font-weight: 500; transition: rotate 0.25s, background 0.2s, color 0.2s; display: grid;}
body.gh .zfq-list details[open] summary span{background: var(--yellow); border-color: var(--yellow); rotate: 45deg;}
body.gh .zfq-list p{color: rgb(75, 60, 62); padding: 0px 60px 22px 0px;}
body.gh .zct{text-align: center; background-color: rgb(42, 3, 6); background-image: radial-gradient(50% 70% at 50% 46%, rgb(207, 28, 43) 0%, rgb(163, 17, 29) 34%, rgb(92, 8, 15) 72%, rgb(39, 3, 6) 100%); padding-block: clamp(80px, 9vw, 130px);}
body.gh .zct-word{font-family: var(--font-tall), var(--body); text-transform: uppercase; white-space: nowrap; color: rgba(255, 255, 255, 0.07); pointer-events: none; font-size: min(21vw, 330px); line-height: 1; position: absolute; top: 50%; left: 0px; right: 0px; translate: 0px -58%;}
body.gh .zct-in{position: relative;}
body.gh .zct h2{margin: 14px 0px 34px; font-size: clamp(2rem, 4.4vw, 3.6rem); font-weight: 600;}
body.gh .zct h2 i{font-family: var(--serif); color: var(--yellow); font-weight: 600;}
body.gh .zct .h5-cta{margin-top: 0px;}
body.gh .zct-ways{text-align: left; grid-template-columns: repeat(3, auto); justify-content: center; gap: clamp(24px, 5vw, 70px); margin-top: 44px; display: grid;}
body.gh .zct-ways small{letter-spacing: 0.18em; text-transform: uppercase; color: var(--yellow); margin-bottom: 6px; font-size: 0.66rem; font-weight: 700; display: block;}
body.gh .zct-ways a{border-bottom: 1px solid rgba(255, 255, 255, 0.35); font-size: 1.05rem; font-weight: 600; transition: color 0.2s, border-color 0.2s;}
body.gh .zct-ways a:hover{color: var(--yellow); border-color: var(--yellow);}
body.gh .zct-ways span{gap: 16px; display: flex;}
body.gh .zft{color: rgb(255, 255, 255); background: rgb(10, 10, 10); padding: 0px; font-size: 0.92rem;}
body.gh .zft-top{padding: clamp(50px, 6vw, 80px) var(--pad) clamp(30px, 4vw, 48px); grid-template-columns: 1.5fr 0.8fr 1fr 1.1fr; gap: clamp(24px, 4vw, 60px); display: grid;}
body.gh .zft h3{letter-spacing: 0.18em; text-transform: uppercase; color: var(--yellow); margin-bottom: 14px; font-size: 0.7rem; font-weight: 700;}
body.gh .zft nav,body.gh .zft-contact{flex-direction: column; align-items: flex-start; gap: 9px; display: flex;}
body.gh .zft nav a,body.gh .zft-contact > a,body.gh .zft-contact > span{color: rgba(255, 255, 255, 0.78); transition: color 0.2s;}
body.gh .zft nav a:hover,body.gh .zft-contact > a:hover,body.gh .zft-bottom a:hover{color: var(--yellow);}
body.gh .zft-contact > a:first-of-type{color: rgb(255, 255, 255); font-size: 1.15rem; font-weight: 700;}
body.gh .zft-brand p{color: rgba(255, 255, 255, 0.78); max-width: 340px; margin-top: 16px;}
body.gh .zft-brand .zft-mission{font-family: var(--serif); color: var(--yellow); font-size: 1.15rem; font-style: italic; line-height: 1.35;}
body.gh .zft .mk-c{stroke: var(--yellow);}
body.gh .zft .mk-gh{stroke: rgb(255, 255, 255);}
body.gh .zft .nav3-brand b small{color: var(--yellow);}
body.gh .zft .nav3-brand b .serif{color: rgb(255, 255, 255);}
body.gh .zft-bottom{padding: 18px var(--pad); color: rgba(255, 255, 255, 0.65); border-top: 1px solid rgba(255, 255, 255, 0.16); flex-wrap: wrap; justify-content: space-between; gap: 10px; font-size: 0.82rem; display: flex;}
@media (max-width: 1080px){
body.gh .zsv-list > li{grid-template-columns: 70px 1fr;}
body.gh .zsv-list > li > .zplus,body.gh .zsv-list figure{grid-column: 2;}
body.gh .zsv-list figure{max-width: 320px;}
body.gh .zdt-top,body.gh .zdt-free,body.gh .zcf,body.gh .zaw-top,body.gh .zcn,body.gh .zpc-grid,body.gh .zfq{grid-template-columns: 1fr;}
body.gh .zdt-progs{grid-template-columns: 1fr 1fr;}
body.gh .zdt-progs article:nth-child(3){border-left: 0px; padding-left: 0px;}
body.gh .zdt-progs article:nth-child(n+3){border-top: 1px solid rgba(255, 255, 255, 0.35);}
body.gh .zcf{padding-bottom: 0px;}
body.gh .zcf-main{padding-bottom: 20px;}
body.gh .zcf-fig{width: min(80%, 320px);}
body.gh .zpc aside{padding-left: 20px;}
body.gh .zfq{padding-top: clamp(54px, 6vw, 92px);}
body.gh .zfq .zh{position: static;}
body.gh .zft-top{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 620px){
body.gh .zsv-list > li{grid-template-columns: 1fr;}
body.gh .zsv-list > li > .zplus,body.gh .zsv-list figure{grid-column: 1;}
body.gh .zsv-n{font-size: 3.2rem;}
body.gh .zdt-stats{grid-template-columns: 1fr 1fr;}
body.gh .zdt-progs,body.gh .zcf-list{grid-template-columns: 1fr;}
body.gh .zdt-progs article + article{border-top: 1px solid rgba(255, 255, 255, 0.35); border-left: 0px; padding-left: 0px;}
body.gh .zcf-list li:nth-last-child(2){border-bottom: 0px;}
body.gh .ztr-head{flex-direction: column; align-items: flex-start;}
body.gh .zaw-strip{grid-template-columns: 1fr 1fr;}
body.gh .zpc-time li{grid-template-columns: 1fr; gap: 6px;}
body.gh .zct-ways{grid-template-columns: 1fr; justify-content: start;}
body.gh .zfq-list p{padding-right: 0px;}
body.gh .zft-top{grid-template-columns: 1fr;}
}
body.gh section.gh-sec::before,body.gh .foot::before{background: linear-gradient(var(--prev,transparent) 0%, var(--mid,transparent) 50%, transparent 100%); height: min(260px, 70%);}
body.gh .about3{background-image: radial-gradient(34% 44% at 24% center, rgb(143, 15, 25) 0%, rgb(74, 7, 13) 50%, rgb(10, 10, 10) 100%);}
body.gh .ab3-stage img,body.gh .zcf-fig img{mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 99%);}
body.gh .zcf{background-image: radial-gradient(40% 44% at 78% center, rgb(196, 23, 37) 0%, rgb(143, 15, 25) 100%);}
body.gh .zcn{background-image: radial-gradient(40% 44% at 76% center, rgb(179, 18, 31) 0%, rgb(110, 10, 18) 100%);}
body.gh .zct{background-image: radial-gradient(50% 46%, rgb(207, 28, 43) 0%, rgb(163, 17, 29) 36%, rgb(92, 8, 15) 74%, rgb(42, 3, 6) 100%);}
body.gh section.gh-sec::before,body.gh .foot::before{height: min(150px, 70%);}
body.gh .zft-top{padding-top: calc(60px + clamp(50px, 6vw, 80px));}
body.gh section.gh-sec.gh-after:not(.refs):not(.zfq){padding-top: calc(56px + clamp(54px, 6vw, 92px));}
body.gh .zpc-tags.inv li{background: var(--ink); color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0);}
body.gh .zcf-fig{width: min(100%, 400px);}
body.gh .zcf-fig img{background: rgb(92, 8, 15); border-radius: 999px 999px 0px 0px; mask-image: none;}
body.gh .zcf-fig p{top: 2%; left: -46%;}
body.gh section.gh-sec.sheet::before{content: none;}
@media (max-width: 620px){
body.gh section.gh-sec.sheet{border-radius: 28px 28px 0px 0px; margin-top: -28px;}
}
body.gh section.gh-sec.sheet{border-radius: 0px; margin-top: 0px;}
body.gh section.gh-sec.sheet:not(.refs):not(.zfq){padding-top: calc(96px + clamp(54px, 6vw, 92px));}
body.gh section.gh-sec.sheet::before,body.gh section.gh-sec.sheet::after{content: ""; pointer-events: none; position: absolute; inset: 0px 0px auto; mask-size: 100% 100%; mask-repeat: no-repeat;}
body.gh section.gh-sec.sheet::before{z-index: -1; background: var(--prev); height: 92px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 92' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V46C1260 46 1260 84 1080 84S900 12 720 12 540 84 360 84 180 46 0 46Z'/%3E%3C/svg%3E");}
body.gh section.gh-sec.sheet::after{z-index: -2; background: var(--yellow); height: 122px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 122' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V72C1280 72 1260 30 1100 30S860 112 700 112 440 26 300 26 120 72 0 72Z'/%3E%3C/svg%3E");}
body.gh .foot.sheet::before,body.gh .foot.sheet::after{content: ""; pointer-events: none; position: absolute; inset: 0px 0px auto; mask-size: 100% 100%; mask-repeat: no-repeat;}
body.gh .foot.sheet::before{z-index: -1; background: var(--prev); height: 92px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 92' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V46C1260 46 1260 84 1080 84S900 12 720 12 540 84 360 84 180 46 0 46Z'/%3E%3C/svg%3E");}
body.gh .foot.sheet::after{z-index: -2; background: var(--yellow); height: 122px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 122' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V72C1280 72 1260 30 1100 30S860 112 700 112 440 26 300 26 120 72 0 72Z'/%3E%3C/svg%3E");}
body.gh .zsv,body.gh .zpc,body.gh .zfq,body.gh .zcn{padding-bottom: clamp(54px, 6vw, 92px);}
body.gh .ab3-stage{margin-bottom: 0px;}
@media (max-width: 620px){
body.gh section.gh-sec.sheet::before{height: 56px;}
body.gh section.gh-sec.sheet::after{height: 76px;}
}
body.gh .zdt-progs{display: block;}
body.gh .zdt-progs article,body.gh .zdt-progs article + article{border-left: 0px; grid-template-columns: 70px 1fr 1.35fr 190px; align-items: center; column-gap: clamp(18px, 3vw, 40px); padding: 24px 0px; display: grid;}
body.gh .zdt-progs article + article{border-top: 1px solid rgba(255, 255, 255, 0.35);}
body.gh .zdt-progs span{grid-row: 1 / 3; font-size: 3rem;}
body.gh .zdt-progs h3{grid-column: 2; align-self: end; margin: 0px 0px 6px; font-size: 1.3rem;}
body.gh .zdt-progs p{grid-area: 2 / 2; align-self: start;}
body.gh .zdt-progs ul{flex-wrap: wrap; grid-area: 1 / 3 / 3; gap: 8px; margin: 0px; display: flex;}
body.gh .zdt-progs li{border: 1.5px solid rgba(255, 255, 255, 0.5); border-radius: 999px; padding: 6px 13px; font-size: 0.82rem; font-weight: 500;}
body.gh .zdt-progs li::before{content: none;}
body.gh .zdt-progs small{text-align: right; color: var(--yellow); grid-area: 1 / 4 / 3; margin: 0px; line-height: 1.5;}
@media (max-width: 1080px){
body.gh .zdt-progs article,body.gh .zdt-progs article + article{grid-template-columns: 56px 1fr; padding-left: 0px;}
body.gh .zdt-progs article:nth-child(n+3){border-top: 1px solid rgba(255, 255, 255, 0.35);}
body.gh .zdt-progs ul,body.gh .zdt-progs small{text-align: left; grid-area: auto / 2; margin-top: 12px;}
body.gh .zdt-progs span{grid-row: 1 / 5; align-self: start; font-size: 2.2rem;}
body.gh .zdt-progs h3,body.gh .zdt-progs p{grid-row: auto;}
}
body.gh .ztk{color: var(--ink); grid-template-columns: 1fr 250px 300px; align-items: stretch; margin-top: clamp(70px, 7vw, 110px); display: grid; position: relative;}
body.gh .ztk-main{background: var(--yellow); border-radius: 30px 0px 0px 30px; grid-area: 1 / 1 / auto / 3; padding: clamp(26px, 3vw, 44px) 290px clamp(26px, 3vw, 44px) clamp(26px, 3vw, 44px); position: relative; overflow: hidden;}
body.gh .ztk-two{font-family: var(--font-tall), var(--body); color: rgba(14, 6, 7, 0.09); pointer-events: none; font-size: 27rem; line-height: 1; position: absolute; top: 50%; right: 250px; translate: 0px -52%;}
body.gh .ztk-kicker{background: var(--ink); color: rgb(255, 255, 255); letter-spacing: 0.16em; text-transform: uppercase; border-radius: 999px; align-items: center; gap: 9px; padding: 6px 14px; font-size: 0.68rem; font-weight: 700; display: inline-flex; position: relative;}
body.gh .ztk-kicker i{background: rgb(53, 224, 138); border-radius: 50%; width: 8px; height: 8px; animation: 1.4s step-end 0s infinite normal none running blink;}
body.gh .ztk h3{font-family: var(--font-tall), var(--body); letter-spacing: 0.005em; text-transform: uppercase; margin: 16px 0px 10px; font-size: clamp(3rem, 6.2vw, 5.4rem); font-weight: 400; line-height: 0.9; position: relative;}
body.gh .ztk h3 i{font-family: var(--serif); text-transform: none; color: rgb(90, 31, 204); margin-bottom: 4px; font-size: 0.5em; font-style: italic; font-weight: 600; line-height: 1.1; display: block;}
body.gh .ztk-main > p{max-width: 420px; font-size: 1.02rem; font-weight: 500; position: relative;}
body.gh .ztk-list{grid-template-columns: 1fr 1fr; gap: 8px 18px; max-width: 560px; margin: 18px 0px; display: grid; position: relative;}
body.gh .ztk-list li{padding-left: 22px; font-size: 0.92rem; font-weight: 600; line-height: 1.35; position: relative;}
body.gh .ztk-list li::before{content: "+"; color: rgb(90, 31, 204); font-size: 1.2rem; font-weight: 800; position: absolute; top: -3px; left: 0px;}
body.gh .ztk-main > .ztk-bonus{align-items: center; gap: 10px; max-width: none; font-size: 0.9rem; font-weight: 600; display: inline-flex;}
body.gh .ztk-bonus b{color: rgb(255, 255, 255); background: rgb(90, 31, 204); border-radius: 50%; place-items: center; width: 40px; height: 40px; font-size: 0.95rem; display: grid;}
body.gh .ztk-flyer{z-index: 2; border: 5px solid rgb(255, 255, 255); border-radius: 16px; grid-area: 1 / 2; align-self: center; width: 250px; margin: -46px 0px; transition: rotate 0.35s; position: relative; rotate: 5deg;}
body.gh .ztk:hover .ztk-flyer{rotate: -2deg;}
body.gh .ztk-stub{border-left: 3px dashed var(--yellow); background: var(--ink); color: rgb(255, 255, 255); border-radius: 0px 30px 30px 0px; flex-direction: column; grid-area: 1 / 3; justify-content: center; gap: 18px; padding: clamp(24px, 3vw, 38px) clamp(24px, 3vw, 38px) clamp(24px, 3vw, 38px) clamp(40px, 4vw, 56px); display: flex; position: relative;}
body.gh .ztk-stub::before,body.gh .ztk-stub::after{content: ""; background: var(--violet,#5a1fcc); border-radius: 50%; width: 36px; height: 36px; position: absolute; left: -19px;}
body.gh .ztk-stub::before{top: -18px;}
body.gh .ztk-stub::after{bottom: -18px;}
body.gh .ztk-date{font-size: 0.95rem; font-weight: 600; line-height: 1.3;}
body.gh .ztk-date b{font-family: var(--font-tall), var(--body); color: var(--yellow); font-size: 3.4rem; font-weight: 400; line-height: 1; display: block;}
body.gh .ztk-date small{color: rgba(255, 255, 255, 0.7); margin-top: 4px; font-size: 0.78rem; font-weight: 400; display: block;}
body.gh .ztk-price{border-top: 1px solid rgba(255, 255, 255, 0.25); padding-top: 16px;}
body.gh .ztk-price s{color: rgba(255, 255, 255, 0.6); font-size: 0.85rem; display: block;}
body.gh .ztk-price b{font-family: var(--font-tall), var(--body); font-size: 3.6rem; font-weight: 400; line-height: 1; display: block;}
body.gh .ztk-price span{color: rgba(255, 255, 255, 0.75); margin-top: 4px; font-size: 0.74rem; display: block;}
body.gh .ztk-seats{letter-spacing: 0.16em; text-transform: uppercase; color: var(--yellow); font-size: 0.7rem; font-weight: 700;}
@media (max-width: 1080px){
body.gh .ztk{grid-template-columns: 1fr;}
body.gh .ztk-main{border-radius: 30px 30px 0px 0px; grid-column: 1; padding-right: clamp(26px, 3vw, 44px);}
body.gh .ztk-two{font-size: 18rem; right: 10px;}
body.gh .ztk-flyer{grid-area: 2 / 1; justify-self: center; width: 220px; margin: -30px 0px;}
body.gh .ztk-stub{border-left: 0px; border-top: 3px dashed var(--yellow); border-radius: 0px 0px 30px 30px; grid-area: 3 / 1; padding-top: 56px;}
body.gh .ztk-stub::before,body.gh .ztk-stub::after{top: -19px; bottom: auto;}
body.gh .ztk-stub::before{left: -18px;}
body.gh .ztk-stub::after{left: auto; right: -18px;}
}
@media (max-width: 620px){
body.gh .ztk-list{grid-template-columns: 1fr;}
}
body.gh .ztk-stub .zpb{white-space: nowrap; gap: 10px; padding-left: 18px; font-size: 0.9rem;}
body.gh .ztk-stub .zpb span{width: 38px; height: 38px;}
body.gh section.gh-sec.sheet.gh-even::before,body.gh section.gh-sec.sheet.gh-even::after{transform: scaleX(-1);}
body.gh .zft.sheet .zft-top{padding-top: calc(100px + clamp(50px, 6vw, 80px));}
body.gh .ztr{background: var(--lilac); color: var(--ink);}
body.gh .ztr-head > b{color: rgb(143, 15, 25);}
body.gh .zaw-year{font-family: var(--font-tall), var(--body); color: rgba(255, 210, 31, 0.07); pointer-events: none; font-size: min(34vw, 520px); line-height: 0.9; position: absolute; top: 30px; right: -1%;}
body.gh .zaw-top{grid-template-columns: 1.1fr 0.9fr; align-items: center; position: relative;}
body.gh .zaw-col{justify-self: end; width: min(100%, 400px); margin-left: 90px; position: relative;}
body.gh .zaw-main{aspect-ratio: 4 / 5; object-fit: cover; object-position: center 18%; border-radius: 28px; width: 100%;}
body.gh .zaw-side{aspect-ratio: 3 / 4; object-fit: cover; border: 6px solid rgb(10, 10, 10); border-radius: 18px; width: 44%; position: absolute; bottom: 34px; left: -90px; rotate: -5deg;}
body.gh .zaw-badge{background: var(--yellow); color: var(--ink); border-radius: 999px; align-items: center; gap: 8px; padding: 9px 16px; font-size: 0.8rem; font-weight: 700; display: inline-flex; position: absolute; top: 22px; right: -14px; rotate: 4deg;}
body.gh .zaw-prizes .trophy{width: 58px;}
body.gh .zaw-prizes li{padding: 24px 0px;}
@media (max-width: 1080px){
body.gh .zaw-col{justify-self: center; width: min(80%, 340px); margin-left: 60px;}
body.gh .zaw-side{left: -60px;}
}
body.gh .zpc-grid{grid-template-columns: 1fr; gap: clamp(34px, 4vw, 56px);}
body.gh .zpc-time li{grid-template-columns: 220px 1fr;}
body.gh .zpc-time p{max-width: 820px;}
body.gh .zpc aside{border-left: 0px; grid-template-rows: auto 1fr; grid-template-columns: 1fr 1.15fr 0.9fr; grid-auto-flow: column; column-gap: clamp(28px, 4vw, 64px); padding-left: 0px; display: grid;}
body.gh .zpc aside h3,body.gh .zpc aside h3:first-child{border-top: 2px solid var(--yellow); margin: 0px 0px 14px; padding-top: 16px;}
@media (max-width: 1080px){
body.gh .zpc aside{padding-left: 0px; display: block;}
body.gh .zpc aside h3{margin-top: 30px;}
body.gh .zpc-time li{grid-template-columns: 150px 1fr;}
}
body.gh .zpc aside > ul{align-content: flex-start; align-self: start;}
body.gh .zcf{align-items: center; padding-bottom: clamp(54px, 6vw, 92px);}
body.gh .zcf-main{padding-bottom: 0px;}
body.gh .zcf-fig{align-self: center; width: min(100%, 380px);}
body.gh .zcf-fig img{aspect-ratio: 4 / 5.2; object-fit: cover; object-position: center 20%; border: 6px solid var(--yellow); background: 0px 0px; border-radius: 999px 999px 28px 28px;}
body.gh .ab3-facts{flex-wrap: wrap; gap: 14px 30px; margin-top: 34px; display: flex;}
body.gh .ab3-facts li{align-items: center; gap: 12px; display: flex;}
body.gh .ab3-facts span{background: var(--yellow); width: 44px; height: 44px; color: var(--ink); border-radius: 50%; flex: 0 0 auto; place-items: center; font-size: 1.25rem; display: grid;}
body.gh .ab3-facts p{white-space: nowrap; color: rgb(255, 255, 255); margin: 0px; font-size: 0.95rem; font-weight: 600; line-height: 1.25;}
body.gh .ab3-facts small{letter-spacing: 0.16em; text-transform: uppercase; color: var(--yellow); margin-bottom: 2px; font-size: 0.62rem; font-weight: 700; display: block;}
body.gh .about3{padding-bottom: clamp(40px, 5vw, 70px);}
body.gh .ab3-text{padding-bottom: clamp(30px, 4vw, 54px);}
body.gh .ab3-facts{z-index: 4; border-top: 1px solid rgba(255, 255, 255, 0.22); border-bottom: 1px solid rgba(255, 255, 255, 0.22); grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); gap: 0px; margin-top: 0px; display: grid; position: relative;}
body.gh .ab3-facts li{gap: 16px; padding: 22px 0px 22px clamp(18px, 3vw, 40px);}
body.gh .ab3-facts li:first-child{padding-left: 0px;}
body.gh .ab3-facts li + li{border-left: 1px solid rgba(255, 255, 255, 0.22);}
body.gh .ab3-facts span{width: 52px; height: 52px; font-size: 1.45rem;}
body.gh .ab3-facts p{font-size: 1.12rem;}
body.gh .ab3-facts small{margin-bottom: 4px; font-size: 0.66rem;}
@media (max-width: 760px){
body.gh .ab3-facts{grid-template-columns: 1fr;}
body.gh .ab3-facts li,body.gh .ab3-facts li:first-child{padding: 16px 0px;}
body.gh .ab3-facts li + li{border-top: 1px solid rgba(255, 255, 255, 0.22); border-left: 0px;}
}
@media (min-width: 1081px){
body.gh .ab3-facts{margin-top: -70px;}
}
body.gh .progress{z-index: 80; background: var(--yellow); transform-origin: 0px center; pointer-events: none; height: 3px; position: fixed; inset: 0px 0px auto; transform: scaleX(0);}
body.gh .icon-trail{z-index: 90; pointer-events: none; width: 100%; height: 100%; position: fixed; inset: 0px;}
.fx-ready [data-reveal]{opacity: 1; translate: none;}
.fx-ready [data-anim]{opacity: 0; transition-behavior: normal, normal, normal, normal, normal, normal, normal, normal; transition-duration: 0.7s, 0.95s, 1.05s, 0.35s, 0.3s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease, cubic-bezier(0.2, 0.8, 0.2, 1), cubic-bezier(0.2, 0.8, 0.2, 1), ease, ease, ease, ease, ease; transition-property: opacity, transform, clip-path, rotate, translate, background-color, color, border-color; transition-delay: calc(var(--i,0) * 75ms);}
.fx-ready [data-anim="up"]{transform: translateY(70px);}
.fx-ready [data-anim="left"]{transform: translate(-90px);}
.fx-ready [data-anim="right"]{transform: translate(90px);}
.fx-ready [data-anim="kick"]{transform: translate(-34px);}
.fx-ready [data-anim="rise"]{transform-origin: 0px 100%; transform: translateY(64px) skewY(5deg);}
.fx-ready [data-anim="row"]{transform: translate(-60px);}
.fx-ready [data-anim="row"][data-alt]{transform: translate(60px);}
.fx-ready [data-anim="wipe"]{opacity: 1; clip-path: inset(0px 100% 0px 0px); transform: scale(1.12);}
.fx-ready [data-anim="wipe"][data-alt]{clip-path: inset(0px 0px 0px 100%);}
.fx-ready [data-anim="pop"]{transition-timing-function: ease, cubic-bezier(0.3, 1.5, 0.5, 1), ease, ease, ease, ease, ease, ease; transform: scale(0.55);}
.fx-ready [data-anim="zoom"]{transform: translateY(40px) scale(0.82);}
.fx-ready [data-anim="zoom"][data-alt]{transform: translateY(-30px) scale(0.82);}
.fx-ready [data-anim="flip"]{transform-origin: 50% 0px; transform: perspective(1400px) rotateX(-32deg) translateY(80px);}
.fx-ready [data-anim="drop"]{transition-delay: 0.35s; transform: translateY(-90px) rotate(-16deg);}
.fx-ready [data-anim="tilt"]{transition-delay: 0.3s; transform: translate(-80px) rotate(-22deg);}
.fx-ready [data-anim="fan"]{transform: translateY(110px) scale(0.8);}
.fx-ready [data-anim].in{opacity: 1; transform: none;}
.fx-ready [data-anim="wipe"].in{clip-path: inset(0px);}
body.gh .h5-word,body.gh .zct-word,body.gh .zaw-year,body.gh .zcf-fig p,body.gh .ztk-two{transform: translate3d(0, var(--py,0), 0); will-change: transform;}
body.gh section.gh-sec.sheet::before,body.gh section.gh-sec.sheet::after,body.gh .foot.sheet::before,body.gh .foot.sheet::after{width: 200%; animation: 30s linear 0s infinite normal none running wave; right: auto; transform: none; mask-size: 50% 100%; mask-repeat: repeat-x;}
body.gh section.gh-sec.sheet::after,body.gh .foot.sheet::after{animation-duration: 19s;}
body.gh section.gh-sec.sheet.gh-even::before,body.gh section.gh-sec.sheet.gh-even::after{animation-direction: reverse; transform: none;}
@keyframes wave { 
  100% { transform: translate(-50%); }
}
body.gh .zaw-badge{animation: 4.5s ease-in-out 0s infinite normal none running sway;}
@keyframes sway { 
  50% { rotate: -3deg; }
}
body.gh .h5-cta a span,body.gh .zpb span{animation: 2.6s ease-in-out 0s infinite normal none running nudge;}
@keyframes nudge { 
  50% { translate: 3px -3px; }
}
body.gh .zrb{animation: 3s ease-in-out 0s infinite normal none running breathe;}
@keyframes breathe { 
  50% { scale: 1.08; }
}
body.gh .phone.p2{animation: 5s ease-in-out 0s infinite normal none running bob;}
@keyframes bob { 
  50% { translate: 0px -10px; }
}
@media (prefers-reduced-motion: reduce){
body.gh .progress{display: none;}
}
body.gh .zdt-stats dt,body.gh .ztk-price b,body.gh .ztk-date b,body.gh .ztr-head > b,body.gh .zcn-count b,body.gh .zsv-n{font-variant-numeric: tabular-nums;}
@media (max-width: 1080px){
body.gh .nav3{gap: 12px; padding-block: 12px;}
body.gh .nav3-cta{white-space: nowrap; gap: 8px; padding: 4px 4px 4px 14px; font-size: 0.8rem;}
body.gh .nav3-cta span{width: 30px; height: 30px;}
body.gh .hero5{height: auto; padding: 0 var(--pad) 36px; grid-template-columns: 1fr 1fr; column-gap: 14px; display: grid;}
body.gh .h5-fig{height: 540px; top: 64px;}
body.gh .hero5::after{inset: 300px 0px 0px;}
body.gh .h5-center{order: 1; grid-column: 1 / -1; margin-top: 350px; padding-inline: 0px; position: relative; inset: auto;}
body.gh .h5-note,body.gh .h5-note.h5-right{flex-direction: column; order: 2; max-width: none; margin-top: 34px; display: flex; position: relative; inset: auto;}
body.gh .h5-note > p,body.gh .h5-note .h5-does{display: none;}
body.gh .h5-note b.serif{margin: 4px 0px 0px; font-size: 1.15rem;}
body.gh .h5-note .h5-socials,body.gh .h5-note .h5-awards{margin-top: 14px;}
body.gh .h5-socials a{width: 36px; height: 36px; font-size: 1rem;}
body.gh .h5-socials{gap: 7px;}
body.gh .h5-awards .trophy{width: 34px;}
body.gh section.gh-sec.sheet:not(.refs):not(.zfq){padding-top: calc(58px + clamp(54px, 6vw, 92px));}
body.gh .ab3-stage{margin-inline: auto;}
body.gh .ab3-facts{margin-top: 10px;}
body.gh .ztk-main{padding-bottom: 64px;}
body.gh .ztk-main > .ztk-bonus{align-items: flex-start;}
body.gh .ztk-bonus b{flex: 0 0 auto;}
body.gh .ztk-flyer{margin: -40px 0px -30px;}
body.gh .zaw-top{grid-template-columns: 1fr;}
body.gh .zaw-col{justify-self: center; width: min(74%, 320px); margin: 10px 0px 0px 50px;}
body.gh .zaw-side{left: -50px;}
body.gh .zaw-year{font-size: 46vw;}
body.gh .zcf-fig{width: min(78%, 320px); margin-top: 10px;}
body.gh .zcf-fig p{display: none;}
body.gh .zct-word{white-space: normal; font-size: 30vw; line-height: 0.86;}
}
@media (max-width: 620px){
body.gh h2{font-size: 1.75rem;}
body.gh .nav3-mark{height: 34px;}
body.gh .nav3-brand b .serif{font-size: 1.1rem;}
body.gh .hero5 h1{font-size: 8.4vw;}
body.gh .refs{padding-block: 20px;}
body.gh .refs-rail li{font-size: 1.1rem;}
body.gh .ab3-word{font-size: 27vw;}
body.gh .ztk h3{font-size: 16.5vw;}
body.gh .ztk-two{font-size: 15rem;}
body.gh .ztk-stub .zpb{justify-content: space-between; width: 100%;}
body.gh .ztr-head > b{font-size: 30vw;}
body.gh .rail img{border-radius: 16px; height: 150px;}
body.gh .wall{columns: 2; column-gap: 10px;}
body.gh .wall-item{border-radius: 12px; margin-bottom: 10px;}
body.gh .zaw .zh h2{font-size: 2rem;}
body.gh .zaw-prizes p{font-size: 1.1rem;}
body.gh .zaw-prizes .trophy{width: 44px;}
body.gh .zaw-strip{gap: 8px;}
body.gh .zcn-count b{font-size: 2.6rem;}
body.gh .phones{margin-top: 10px;}
body.gh .zpc-time li{grid-template-columns: 1fr; gap: 6px; padding: 20px 0px;}
body.gh .zfq-list summary{padding: 16px 0px; font-size: 0.98rem;}
body.gh .zct{padding-block: 70px;}
body.gh .zct h2{font-size: 1.8rem;}
body.gh .zct-ways{text-align: center; grid-template-columns: 1fr; justify-content: stretch; gap: 18px;}
body.gh .zct-ways span{justify-content: center;}
body.gh .zct-ways a{word-break: break-word; font-size: 1rem;}
body.gh .zft-top{grid-template-columns: 1fr 1fr; row-gap: 30px;}
body.gh .zft-brand,body.gh .zft-contact{grid-column: 1 / -1;}
body.gh .zft-bottom{text-align: center; justify-content: center;}
.fx-ready [data-anim="left"]:not(.in),.fx-ready [data-anim="row"]:not(.in),.fx-ready [data-anim="tilt"]:not(.in){transform: translate(-28px);}
.fx-ready [data-anim="right"]:not(.in),.fx-ready [data-anim="row"][data-alt]:not(.in){transform: translate(28px);}
}
@media (max-width: 1080px){
body.gh .hero5{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);}
body.gh .h5-note small{letter-spacing: 0.1em; font-size: 0.58rem;}
body.gh .h5-note,body.gh .h5-note.h5-right{padding-inline: 12px;}
body.gh .h5-awards span{white-space: normal;}
body.gh .h5-socials{flex-flow: column; align-items: flex-start;}
body.gh .h5-socials span{flex: 0 0 auto;}
body.gh .h5-socials a{display: inline-grid;}
body.gh .zct-word{white-space: nowrap; font-size: 23vw;}
body.gh .zft,body.gh .zft *{text-align: left;}
}
@media (max-width: 620px){
body.gh .h5-socials{flex-flow: wrap; gap: 6px;}
body.gh .h5-socials span{flex: 0 0 100%;}
body.gh .h5-socials a{width: 34px; height: 34px;}
}
html,body{max-width: 100%; overflow-x: clip;}
body.gh .foot{overflow: hidden;}
@media (max-width: 400px){
:root{--pad: 16px;}
body.gh .nav3{gap: 8px;}
body.gh .nav3-brand{gap: 8px; min-width: 0px;}
body.gh .nav3-mark{height: 30px;}
body.gh .nav3-brand b small{letter-spacing: 0.18em; font-size: 0.5rem;}
body.gh .nav3-brand b .serif{font-size: 1rem;}
body.gh .nav3-cta{padding: 3px 3px 3px 12px; font-size: 0.74rem;}
body.gh .nav3-cta span{width: 28px; height: 28px; font-size: 0.85rem;}
body.gh .h5-cta a{white-space: nowrap; gap: 10px; padding: 6px 6px 6px 18px; font-size: 0.9rem;}
body.gh .h5-cta span{width: 38px; height: 38px;}
body.gh .zpb{gap: 10px; padding-left: 18px; font-size: 0.9rem;}
}
@media (max-width: 350px){
body.gh .nav3-cta{border: 0px; gap: 0px; padding: 3px; font-size: 0px;}
body.gh .nav3-cta span{width: 36px; height: 36px; font-size: 1rem;}
body.gh .hero5{grid-template-columns: minmax(0px, 1fr);}
body.gh .h5-note,body.gh .h5-note.h5-right{margin-top: 24px;}
body.gh .h5-center{margin-top: 330px;}
body.gh .hero5 h1{font-size: 9vw;}
body.gh .ab3-facts p{white-space: normal; font-size: 1rem;}
body.gh .zdt-stats{gap: 16px;}
body.gh .zdt-stats dt{font-size: 2.1rem;}
body.gh .ztk-main,body.gh .ztk-stub{padding-inline: 18px;}
body.gh .ztk-date b,body.gh .ztk-price b{font-size: 2.8rem;}
body.gh .zdt-progs article,body.gh .zdt-progs article + article{grid-template-columns: 40px 1fr; column-gap: 12px;}
body.gh .zdt-progs span{font-size: 1.8rem;}
body.gh .zcn-links a{padding: 9px 14px; font-size: 0.85rem;}
body.gh .zft-top{grid-template-columns: 1fr;}
}
body.gh .burger,body.gh .mmenu{display: none;}
@media (max-width: 1080px){
body.gh .nav3{grid-template-columns: 1fr auto auto;}
body.gh .burger{z-index: 3; background: var(--yellow); border-radius: 50%; align-content: center; gap: 5px; width: 42px; height: 42px; padding: 0px 10px; display: grid; position: relative;}
body.gh .burger i{background: var(--ink); border-radius: 2px; height: 2.5px; transition: transform 0.3s, opacity 0.2s, width 0.3s; display: block;}
body.gh .burger i:nth-child(2){width: 70%;}
body.gh .burger.open i:first-child{transform: translateY(7.5px) rotate(45deg);}
body.gh .burger.open i:nth-child(2){opacity: 0;}
body.gh .burger.open i:nth-child(3){transform: translateY(-7.5px) rotate(-45deg);}
body.gh .mmenu{z-index: 2; height: 100dvh; padding: 90px var(--pad) 34px; color: rgb(255, 255, 255); clip-path: circle(0px at calc(100% - 37px) 34px); visibility: hidden; background: radial-gradient(90% 60% at 80% 10%, rgb(163, 17, 29) 0%, rgb(92, 8, 15) 45%, rgb(10, 10, 10) 100%); flex-direction: column; justify-content: center; gap: 28px; transition: clip-path 0.55s cubic-bezier(0.6, 0, 0.2, 1), visibility 0.55s; display: flex; position: fixed; inset: 0px; overflow-y: auto;}
body.gh .mmenu.open{clip-path: circle(150% at calc(100% - 37px) 34px); visibility: visible; transition: clip-path 0.55s cubic-bezier(0.6, 0, 0.2, 1);}
body.gh .mmenu nav{flex-direction: column; display: flex;}
body.gh .mmenu nav a{font-family: var(--serif); opacity: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.18); align-items: baseline; gap: 16px; padding: 11px 0px; font-size: clamp(1.5rem, 7vw, 2.1rem); font-style: italic; font-weight: 600; line-height: 1.15; transition: opacity 0.4s, transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), color 0.2s; display: flex; transform: translate(26px);}
body.gh .mmenu.open nav a{opacity: 1; transform: none;}
body.gh .mmenu nav a:hover{color: var(--yellow);}
body.gh .mmenu nav span{font-family: var(--font-tall), var(--body); color: var(--yellow); font-size: 0.95rem; font-style: normal; font-weight: 400;}
body.gh .nav3:has(.mmenu.open){backdrop-filter: none; background: 0px 0px;}
body.gh .nav3:has(.mmenu.open) .nav3-brand{z-index: 3; position: relative;}
body.gh .nav3:has(.mmenu.open) .mk-c{stroke: var(--yellow);}
body.gh .nav3:has(.mmenu.open) .mk-gh{stroke: rgb(255, 255, 255);}
body.gh .nav3:has(.mmenu.open) .nav3-brand b small{color: var(--yellow);}
body.gh .nav3:has(.mmenu.open) .nav3-brand b .serif{color: rgb(255, 255, 255);}
body.gh .nav3:has(.mmenu.open) .nav3-cta{visibility: hidden;}
}
@media (max-width: 400px){
body.gh .nav3-cta{display: none;}
body.gh .nav3{grid-template-columns: 1fr auto;}
body.gh .burger{width: 40px; height: 40px;}
body.gh .mmenu{clip-path: circle(0px at calc(100% - 36px) 32px);}
}
@media (max-width: 1080px){
body.gh .mmenu{justify-content: flex-start; gap: 22px; padding-top: 84px;}
body.gh .nav3 .mmenu nav{gap: 0px; display: flex;}
body.gh .nav3 .mmenu nav a{letter-spacing: 0px; text-transform: none; color: rgb(255, 255, 255); padding: 9px 0px; font-size: clamp(1.3rem, 6.2vw, 1.8rem); font-weight: 600;}
body.gh .nav3 .mmenu nav a::after{content: none;}
body.gh .nav3 .mmenu nav a:hover{color: var(--yellow);}
body.gh .mmenu .zpb{flex: 0 0 auto; align-self: center;}
body.gh .h5-fig{height: 440px; top: 74px; left: 43%; mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0.35) 78%, rgba(0, 0, 0, 0) 96%);}
body.gh .hero5::after{background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(58, 5, 10, 0.82) 30%, rgb(43, 3, 6) 100%); inset: 360px 0px 0px;}
body.gh .h5-center,body.gh .hero5 .h5-center{margin-top: 400px;}
}
@media (max-width: 620px){
body.gh .hero5 h1{font-size: 6.6vw; line-height: 1.12;}
body.gh .h5-cta{margin-top: 18px;}
}
@media (max-width: 350px){
body.gh .hero5 h1{font-size: 7.2vw;}
body.gh .hero5 .h5-center{margin-top: 390px;}
}
@media (max-width: 620px){
body.gh .ab3-stage img,body.gh .ab3-outline{display: none;}
body.gh .ab3-stage{aspect-ratio: auto; max-width: none; margin: 0px;}
body.gh .ab3-word{font-size: 30vw; position: static;}
}
@media (max-width: 1080px){
body.gh .about3{background-color: rgb(10, 10, 10); background-image: none;}
body.gh section.gh-sec.about3{padding-top: 30px;}
body.gh .refs{padding-bottom: 14px;}
body.gh section.gh-sec.gh-after.about3:not(.refs):not(.zfq){padding-top: 26px;}
}
@media (max-width: 620px){
body.gh .ztk-kicker{display: none;}
body.gh .ztk h3{margin-top: 0px;}
body.gh .ztk-flyer{display: none;}
body.gh .ztk-main{padding-bottom: 30px;}
body.gh .ztk-stub{grid-row: 2; padding-top: 34px;}
body.gh .zdt-progs article,body.gh .zdt-progs article + article{grid-template-columns: auto 1fr; align-items: center; column-gap: 14px;}
body.gh .zdt-progs span{grid-row: 1; align-self: center; font-size: 2.2rem;}
body.gh .zdt-progs h3{grid-area: 1 / 2; align-self: center; margin: 0px;}
body.gh .zdt-progs p,body.gh .zdt-progs ul,body.gh .zdt-progs small{grid-area: auto / 1 / auto / -1;}
body.gh .zdt-progs p{margin-top: 10px;}
}
@media (max-width: 1080px){
body.gh section.gh-sec.sheet::before,body.gh section.gh-sec.sheet::after,body.gh .foot.sheet::before,body.gh .foot.sheet::after{width: 400%;}
}
@media (max-width: 620px){
body.gh section.gh-sec.sheet::before,body.gh section.gh-sec.sheet::after,body.gh .foot.sheet::before,body.gh .foot.sheet::after{width: 560%;}
body.gh section.gh-sec.sheet::before,body.gh .foot.sheet::before{height: 30px;}
body.gh section.gh-sec.sheet::after,body.gh .foot.sheet::after{height: 42px;}
body.gh section.gh-sec.sheet:not(.refs):not(.zfq){padding-top: calc(34px + clamp(54px, 6vw, 92px));}
body.gh .zaw-badge{display: none;}
body.gh .zpb{margin-inline: auto; display: flex;}
body.gh .zcn-links{justify-content: center;}
}
@media (max-width: 1080px){
body.gh .ztk-stub{padding-left: clamp(24px, 3vw, 38px);}
}
@media (min-width: 621px) and (max-width: 1080px){
body.gh .h5-socials{flex-flow: wrap; align-items: center;}
body.gh .h5-socials span{flex: 0 0 100%;}
body.gh .ab3-facts li{gap: 12px; padding-left: 16px;}
body.gh .ab3-facts span{width: 44px; height: 44px; font-size: 1.2rem;}
body.gh .ab3-facts p{white-space: normal; font-size: 0.95rem;}
body.gh .zdt-photo img{aspect-ratio: 16 / 9;}
}