*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #0a0a0a;--near-black: #111111;--dark: #181818;--mid: #2a2a2a;--steel: #8a8a8a;--silver: #c0c0c0;--white: #f0f0f0;--accent: #d4a853;--accent-dim: #a07830;--accent-glow: #e8c46a}html{scroll-behavior:smooth}body{font-family:Barlow,sans-serif;background:var(--black);color:var(--silver);overflow-x:hidden;line-height:1.6}nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 40px;height:70px;display:flex;align-items:center;justify-content:space-between;background:#0a0a0aeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,168,83,.1)}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo-img{height:54px;width:auto}.nav-back{font-family:Barlow Condensed,sans-serif;font-weight:400;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--steel);text-decoration:none;transition:color .3s}.nav-back:hover{color:var(--white)}.nav-back:before{content:"\2190  "}.model-hero{position:relative;width:90%;max-width:1400px;aspect-ratio:16/9;overflow:hidden;margin:70px auto 0}.model-hero-video-wrap{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;overflow:hidden}.model-hero-video-wrap iframe{position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%);pointer-events:none;border:none}.model-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0a0a0a4d,#0a0a0a1a 40%,#0a0a0a33,#0a0a0af2)}.model-hero-content{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:2;text-align:center;width:100%;padding:0 40px}.model-hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(38px,6.4vw,72px);color:var(--white);letter-spacing:4px;line-height:.95}.divider{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--accent-dim),transparent)}.model-about{padding:70px 40px 60px;max-width:900px;margin:0 auto}.model-about h3{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:2px;color:var(--white);margin-bottom:20px}.model-about p{font-weight:300;font-size:16px;color:var(--steel);line-height:1.8;margin-bottom:16px}.model-gallery{padding:60px 40px 80px;max-width:840px;margin:0 auto}.model-gallery h3{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:2px;color:var(--white);margin-bottom:24px}.gallery-featured{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(255,255,255,.06);margin-bottom:16px;cursor:pointer;background:var(--dark)}.gallery-featured img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-featured:hover img{transform:scale(1.02)}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#0a0a0a99;border:1px solid rgba(255,255,255,.1);color:var(--silver);font-size:26px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;opacity:0}.gallery-featured:hover .gallery-arrow{opacity:1}.gallery-arrow:hover{background:#0a0a0ad9;border-color:var(--accent-dim);color:var(--white)}.gallery-arrow.prev{left:16px}.gallery-arrow.next{right:16px}.gallery-counter{position:absolute;bottom:14px;right:18px;font-family:Barlow Condensed,sans-serif;font-size:24px;letter-spacing:3px;color:var(--white);background:#0a0a0a99;padding:6px 16px;opacity:0;transition:opacity .3s}.gallery-featured:hover .gallery-counter{opacity:1}.gallery-hint{position:absolute;bottom:14px;left:18px;font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--steel);background:#0a0a0a99;padding:4px 12px;opacity:0;transition:opacity .3s}.gallery-featured:hover .gallery-hint{opacity:1}.gallery-thumbs{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.gallery-thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border:2px solid transparent;filter:brightness(.55);cursor:pointer;transition:filter .3s,border-color .3s}.gallery-thumbs img:hover{filter:brightness(.85)}.gallery-thumbs img.active{filter:brightness(1);border-color:var(--accent)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000f2;display:none;align-items:center;justify-content:center}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border:1px solid rgba(212,168,83,.15)}.lightbox-close{position:absolute;top:24px;right:30px;font-family:Barlow Condensed,sans-serif;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--steel);background:none;border:1px solid var(--mid);padding:8px 20px;cursor:pointer;transition:all .3s}.lightbox-close:hover{color:var(--white);border-color:var(--silver)}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:36px;color:var(--steel);background:none;border:none;cursor:pointer;padding:20px;transition:color .3s}.lightbox-arrow:hover{color:var(--white)}.lightbox-arrow.prev{left:20px}.lightbox-arrow.next{right:20px}.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:2px;color:var(--steel)}.model-cta{padding:80px 40px;text-align:center;background:var(--near-black)}.model-cta h2{font-family:Bebas Neue,sans-serif;font-size:clamp(28px,4vw,44px);color:var(--white);letter-spacing:3px;margin-bottom:16px}.model-cta p{font-weight:300;font-size:15px;color:var(--steel);max-width:480px;margin:0 auto 30px;line-height:1.7}.btn-primary{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:20px;letter-spacing:3px;text-transform:uppercase;padding:16px 44px;background:var(--accent);color:var(--black);border:none;cursor:pointer;transition:all .4s ease;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--accent-glow);transform:translateY(-2px);box-shadow:0 8px 30px #d4a8534d}footer{padding:40px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-copy{font-size:11px;color:#8a8a8a80}@media(max-width:768px){.gallery-thumbs{grid-template-columns:repeat(4,1fr)}nav{padding:0 20px}.model-hero{aspect-ratio:16/9}.nav-logo-img{height:54px}}@media(max-width:500px){.gallery-thumbs{grid-template-columns:repeat(4,1fr)}.model-hero{aspect-ratio:16/9}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cyradex-model.css.map */