body{margin:0;background:#0b0b0c;color:#ede8df;font-family:Inter,sans-serif;line-height:1.6}
a{color:#c8a465;text-decoration:none}a:hover{color:#e3c98f}
.w{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.s{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.08;margin:0}
.eb{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#c8a465;margin:0 0 14px}
.mu{color:#a9a49a}
.btn{display:inline-block;border-radius:999px;min-height:44px;box-sizing:border-box;padding:12px 28px;background:#c8a465;color:#0b0b0c;font-weight:600;font-size:15px;border:0;cursor:pointer;font-family:inherit}
.btn:hover{background:#e3c98f;color:#0b0b0c}
.bo{background:transparent;color:#ede8df;border:1px solid #c8a465}
.bo:hover{background:#c8a465;color:#0b0b0c}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 32px;border-bottom:1px solid #26272a;flex-wrap:wrap}
.nav nav{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.nav nav a{color:#ede8df;font-size:15px}.nav nav a:hover{color:#c8a465}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:700px}
.pn{position:relative;display:flex;align-items:flex-end;padding:56px;box-sizing:border-box;background-size:cover;background-position:center}
.pn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,.25),rgba(11,11,12,.92))}
.pn>div{position:relative;max-width:480px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ph{width:100%;display:block;object-fit:cover;border-radius:16px}
.sec{padding:110px 0}
.ch{background:#141517}
.tile{position:relative;overflow:hidden;background:#141517;aspect-ratio:4/3}
.tile img{width:100%;height:100%;object-fit:cover;display:block}
.tile span{position:absolute;left:0;bottom:0;right:0;padding:28px 16px 12px;font-size:13px;background:linear-gradient(transparent,rgba(11,11,12,.85))}
.tab{background:none;border:0;border-bottom:2px solid transparent;color:#a9a49a;font:inherit;font-size:15px;min-height:44px;padding:0 4px;cursor:pointer}
.tab.on{color:#ede8df;border-color:#c8a465}
.vid{position:relative;aspect-ratio:16/9;background:#141517;border:1px solid #2a2b2e;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}
.pl{width:76px;height:76px;border-radius:50%;border:1px solid #c8a465;display:flex;align-items:center;justify-content:center}
.card{background:#141517;border:1px solid #26272a;padding:28px}
label{display:block;font-size:13px;color:#a9a49a;margin-bottom:6px}
input,select,textarea{width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;background:#0b0b0c;border:1px solid #3a3b3f;color:#ede8df;font:inherit;font-size:15px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ft{padding:48px 0;border-top:1px solid #26272a;font-size:14px}
.stp{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:56px}
.stp>div{border-top:1px solid #3a3b3f;padding-top:24px}
.num{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:56px;line-height:1;color:#c8a465;margin-bottom:18px}
.stp h3{margin:0 0 10px}.stp p{margin:0}
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:12px}
.gt{position:relative;overflow:hidden;background:#141517;border-radius:16px}
.gt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.gt:hover img{transform:scale(1.04)}
.gt>span{position:absolute;left:0;bottom:0;right:0;padding:36px 18px 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(transparent,rgba(11,11,12,.85))}
.vc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.mq{overflow:hidden;background:#c8a465;color:#0b0b0c;padding:16px 0;white-space:nowrap}
.mt{display:inline-flex;animation:mq 40s linear infinite;will-change:transform}
.mt span{font-weight:600;font-size:15px;letter-spacing:.16em;text-transform:uppercase}
.mt i{display:inline-block;width:6px;height:6px;background:#0b0b0c;transform:rotate(45deg);margin:0 36px;align-self:center}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mt{animation:none}}
.stp>div{position:relative}
.stp>div:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background:#c8a465;transform-origin:left;transform:scaleX(0)}
.stp>div:hover:before{transform:scaleX(1);transition:transform .6s}
.num{transition:transform .4s}.stp>div:hover .num{transform:translateY(-6px)}
@keyframes rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@supports(animation-timeline:view()){
.stp>div{animation:rise both linear;animation-timeline:view();animation-range:entry 0% entry 55%}
.stp>div:before{animation:draw both linear;animation-timeline:view();animation-range:entry 15% entry 90%}
.stp>div:nth-child(2){animation-range:entry 8% entry 63%}
.stp>div:nth-child(3){animation-range:entry 16% entry 71%}
.stp>div:nth-child(4){animation-range:entry 24% entry 79%}
}
@media(prefers-reduced-motion:reduce){.stp>div,.stp>div:before{animation:none!important;transform:none!important;opacity:1!important}}
.th{aspect-ratio:4/3;overflow:hidden;background:#0b0b0c;margin-bottom:14px;border-radius:16px}
.th img{width:100%;height:100%;object-fit:cover;display:block;animation:kb 14s ease-in-out infinite alternate,hl 12s linear infinite backwards}
.stp>div:nth-child(2) .th img{animation-delay:0s,3s}.stp>div:nth-child(3) .th img{animation-delay:0s,6s}.stp>div:nth-child(4) .th img{animation-delay:0s,9s}
.pb{height:3px;background:#2a2b2e;margin-bottom:22px}.pb i{display:block;height:100%;background:#c8a465;width:0;animation:fl 12s linear infinite}
.stp>div:nth-child(2) .pb i{animation-delay:3s}.stp>div:nth-child(3) .pb i{animation-delay:6s}.stp>div:nth-child(4) .pb i{animation-delay:9s}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.14)}}
@keyframes hl{0%{filter:brightness(.45)}5%,25%{filter:brightness(1.05)}30%,100%{filter:brightness(.45)}}
@keyframes fl{0%{width:0}25%,100%{width:100%}}
.vg{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:center}
.stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b0b0c;border:1px solid #2a2b2e;border-radius:16px}
.sl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:sw 20s linear infinite backwards,kb 10s ease-in-out infinite alternate}
.sl:nth-child(2){animation-delay:5s,0s}.sl:nth-child(3){animation-delay:10s,0s}.sl:nth-child(4){animation-delay:15s,0s}
@keyframes sw{0%{opacity:0}5%,25%{opacity:1}30%,100%{opacity:0}}
.sbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:40px 20px 16px;background:linear-gradient(transparent,rgba(11,11,12,.9))}
.pl2{width:40px;height:40px;border:1px solid #c8a465;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pb2{flex:1 1 100%;height:3px;background:#3a3b3f}.pb2 i{display:block;height:100%;background:#c8a465;animation:fl2 20s linear infinite}
@keyframes fl2{from{width:0}to{width:100%}}
.bl{list-style:none;padding:0;margin:26px 0 32px;display:grid;gap:14px}
.bl li{padding-left:28px;position:relative;font-size:17px}
.bl li:before{content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;background:#c8a465;transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){.th img,.sl,.pb i,.pb2 i{animation:none!important}.sl:first-child{opacity:1}.th img{filter:none}}
.fq{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:start}
details{border-top:1px solid #3a3b3f}details:last-child{border-bottom:1px solid #3a3b3f}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:26px 0;font-size:20px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:#c8a465;font-size:28px;line-height:1;transition:transform .3s}
details[open] summary:after{transform:rotate(45deg)}
summary:hover{color:#c8a465}
details p{margin:0 0 22px;color:#a9a49a;max-width:680px}
.svg{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sv{position:relative;display:block;height:400px;overflow:hidden;border-radius:16px;background:#141517}
.sv-w{grid-column:1/-1;height:440px}
.sv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.sv:hover img{transform:scale(1.05)}
.sv:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,11,12,.7),rgba(11,11,12,0) 45%,rgba(11,11,12,.55))}
.sv h3{position:absolute;z-index:2;top:26px;left:30px;margin:0;font-size:46px;color:#fff;font-weight:600}
.rm{position:absolute;z-index:2;right:28px;bottom:28px;padding:10px 24px;border-radius:999px;background:#0b0b0c;border:1px solid #c8a465;color:#ede8df;font-weight:600;font-size:15px;transition:background .3s,color .3s}
.sv:hover .rm{background:#c8a465;color:#0b0b0c}
.ar{display:grid;grid-template-columns:.9fr 1.1fr;min-height:400px;border-top:1px solid #26272a;border-bottom:1px solid #26272a}
.arm{background:radial-gradient(circle at 50% 50%,#1d1c19,#101011);padding:14px 24px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.arm svg{height:372px!important;width:auto!important;max-width:100%}
.art{padding:36px 6vw 36px 56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.al{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(4,auto);gap:10px 26px;justify-content:start}
.al li{display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}
.al li svg{width:18px;height:18px;flex:none}
.al li span{color:#ede8df}
.ab{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.abp{aspect-ratio:4/3;border-radius:16px;border:1px dashed #5a5b60;background:#141517;display:flex;align-items:center;justify-content:center;color:#a9a49a;font-size:14px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:24px}
.rv{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
.st{display:flex;gap:3px;margin-bottom:14px}
.pr{display:grid;grid-template-columns:minmax(240px,.8fr) 3.2fr;gap:48px;align-items:center;padding:44px 5vw;background:#141517;border-top:1px solid #26272a;border-bottom:1px solid #26272a}
.pr .stp{margin-top:0;gap:22px}
.pr .th{aspect-ratio:16/10;margin-bottom:12px;border-radius:14px}
.pr .pb{margin-bottom:14px}
.pr .stp>div{padding-top:0;border-top:0}
.pr .stp>div:before{display:none}
.sh{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.pr .num{font-size:30px;margin:0}
.pr .sh h3{font-size:22px;margin:0}
.pr .stp p{font-size:14px;line-height:1.5}
@media(max-width:560px){.stp{grid-template-columns:1fr}}
@media(max-width:860px){.stp{grid-template-columns:1fr 1fr}.vg,.fq,.svg,.ar,.ab,.rv,.pr{grid-template-columns:1fr;gap:36px}.pr{padding:48px 32px}.ar{gap:0}.art{padding:48px 32px}.al{grid-template-columns:1fr 1fr}.arm svg{height:auto!important;width:100%!important}.svg{gap:16px}.sv,.sv-w{height:300px}.sv h3{font-size:36px}.gal{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.gt{grid-column:span 2!important;grid-row:span 1!important}.hero,.g2,.g3,.fg{grid-template-columns:1fr}.pn{min-height:520px;padding:32px}.sec{padding:72px 0}#faq h2{font-size:42px!important}.g2{gap:36px}}
/* header / footer additions */
.nav{position:sticky;top:0;z-index:50;background:rgba(11,11,12,.94);backdrop-filter:blur(8px)}
.nav nav a.act:not(.btn){color:#c8a465}
.nav-tg{display:none;background:none;border:1px solid #3a3b3f;color:#ede8df;border-radius:8px;min-width:44px;min-height:44px;font-size:22px;cursor:pointer}
@media(max-width:860px){
.nav-tg{display:block}
.nav nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:16px;padding:12px 0 18px}
.nav.open nav{display:flex}
}
.ft .fl{display:flex;gap:22px;flex-wrap:wrap;margin-top:6px}
.ft .cp{margin-top:28px;font-size:13px;color:#a9a49a}
.tab:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid #e3c98f;outline-offset:3px}
.gt.hide{display:none}
.pgh{padding:80px 0 10px}
.gal.filtered .gt{grid-column:span 2!important;grid-row:span 1!important}
@media(max-width:860px){.gal.filtered .gt{grid-column:span 2!important}}
