/*
Theme Name: 01Game Golden Gallery
Version: 2.0
Description: Image-led editorial gaming WordPress theme for 01Game.
*/
:root{--gold:#d8ad3d;--gold2:#f5d778;--black:#090a0c;--white:#fff;--muted:#a9adb5;--line:rgba(255,255,255,.2);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.65;padding-bottom:86px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.outer-frame{position:fixed;inset:10px;border:1px solid rgba(255,255,255,.42);z-index:99;pointer-events:none}.wrap{width:min(92%,var(--max));margin:auto}
header{position:absolute;left:0;right:0;top:0;z-index:20}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:28px;font-weight:900;letter-spacing:-.07em}.brand i{font-style:normal;color:var(--gold)}.links{display:flex;gap:28px;text-transform:uppercase;font-size:11px;letter-spacing:.16em}.links a:hover{color:var(--gold)}.nav-cta{padding:11px 17px;border:1px solid #fff;color:var(--gold);font-weight:900}
.hero{min-height:850px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,5,7,.95) 0%,rgba(4,5,7,.62) 48%,rgba(4,5,7,.22) 100%),url('https://images.pexels.com/photos/34233977/pexels-photo-34233977.jpeg');background-size:cover;background-position:center}.hero-content{position:relative;padding:150px 0 90px;width:min(92%,var(--max));margin:auto}.hero-tag{color:var(--gold2);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:900}.hero h1{font-size:clamp(65px,10vw,150px);line-height:.78;letter-spacing:-.09em;margin:20px 0;max-width:850px}.hero h1 span{color:transparent;-webkit-text-stroke:1px #fff}.hero-copy{max-width:620px;font-size:19px;color:#e0e2e5}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 21px;border:1px solid #fff;font-weight:900}.btn.gold{background:var(--gold);border-color:var(--gold);color:#090a0c}.btn.ghost:hover{background:#fff;color:#090a0c}
.photo-strip{display:grid;grid-template-columns:1.7fr 1fr 1fr;border-top:1px solid #fff;border-bottom:1px solid #fff}.photo-tile{height:330px;position:relative;overflow:hidden;border-right:1px solid var(--line)}.photo-tile:last-child{border:0}.photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.photo-tile:hover img{transform:scale(1.06)}.photo-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.85))}.tile-label{position:absolute;z-index:2;bottom:20px;left:22px;font-weight:900}.tile-label small{display:block;color:var(--gold2);letter-spacing:.16em;font-size:10px;margin-bottom:5px}
.section{padding:110px 0;border-bottom:1px solid var(--line)}.eyebrow{color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.heading{font-size:clamp(40px,6vw,80px);line-height:.92;letter-spacing:-.065em;margin:14px 0 42px}.intro{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.intro p{font-size:20px;color:#d1d4d9}.rule{border-left:4px solid var(--gold);padding-left:25px}
.feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:620px;align-items:stretch}.feature.reverse{grid-template-columns:.95fr 1.05fr}.feature-photo{min-height:500px;overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:70px;background:#101216;border-top:1px solid #fff;border-bottom:1px solid #fff;display:flex;flex-direction:column;justify-content:center}.feature-copy h2{font-size:clamp(38px,5vw,67px);line-height:.95;letter-spacing:-.06em;margin:15px 0 25px}.feature-copy p{color:#bfc3ca;max-width:570px}.outline-num{font-size:90px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--gold)}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery figure{margin:0;position:relative;height:420px;overflow:hidden;border:1px solid #fff}.gallery figure.tall{height:620px}.gallery img{width:100%;height:100%;object-fit:cover}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 24px 20px;background:linear-gradient(transparent,rgba(0,0,0,.9));font-weight:900}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #fff}.step{min-height:300px;padding:30px;border-right:1px solid #fff;border-top:1px solid #fff}.step .n{font-size:55px;color:var(--gold);font-weight:900}.step h3{font-size:27px}.step p{color:var(--muted)}
.long{max-width:940px}.long p{font-size:17px;color:#c4c7cd}.long p+p{margin-top:22px}.quote{font-size:clamp(34px,5vw,68px);line-height:1.03;letter-spacing:-.05em;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:45px 0;margin:50px 0}.quote span{color:var(--gold)}
.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-size:20px;font-weight:900;cursor:pointer}.faq p{color:var(--muted)}
.cta{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden}.cta-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,12,.95),rgba(9,10,12,.55)),url('https://images.pexels.com/photos/34179707/pexels-photo-34179707.jpeg') center/cover}.cta-content{position:relative}.cta h2{font-size:clamp(55px,8vw,110px);line-height:.82;letter-spacing:-.08em;max-width:850px}
footer{padding:65px 0;border-top:1px solid #fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.muted{color:#8f949d;font-size:13px}
.sticky{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:100;background:var(--gold);color:#0b0b0c;border:1px solid #fff;padding:13px 25px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:850px){.links{display:none}.hero{min-height:760px}.photo-strip{grid-template-columns:1fr}.photo-tile{height:270px;border-right:0;border-bottom:1px solid var(--line)}.intro,.feature,.feature.reverse{grid-template-columns:1fr}.feature-photo{min-height:420px}.feature-copy{padding:50px 7%}.gallery{grid-template-columns:1fr}.gallery figure,.gallery figure.tall{height:430px}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.sticky{width:calc(100% - 30px);text-align:center}}

.section,.photo-tile,.feature,.step,.gallery figure{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.visible{opacity:1!important;transform:none!important}