:root{
  --bg:#050505;
  --bg-soft:#0a0a0a;
  --panel:#111;
  --panel-2:#171717;
  --text:#f4f4f4;
  --muted:#9a9a9a;
  --line:#242424;
  --line-soft:rgba(255,255,255,.08);
  --red:#e30613;
  --red-2:#ff1722;
  --red-dark:#8e050b;
  --max:1440px;
  --radius:18px;
  --ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,Arial,sans-serif;overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(circle at 85% 10%,rgba(227,6,19,.07),transparent 30rem);
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}
.loader{
  position:fixed;inset:0;z-index:9999;background:#020202;
  display:grid;place-items:center;transition:.7s var(--ease);
}
.loader.hide{opacity:0;visibility:hidden}
.loader img{width:min(360px,60vw);filter:drop-shadow(0 0 30px rgba(227,6,19,.12))}
.loader-bar{width:220px;height:2px;background:#222;margin:24px auto 0;overflow:hidden}
.loader-bar span{display:block;width:38%;height:100%;background:var(--red);animation:loading 1.2s ease infinite}
@keyframes loading{from{transform:translateX(-120%)}to{transform:translateX(360%)}}

.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  transition:.35s var(--ease);border-bottom:1px solid rgba(255,255,255,.06);
}
.site-header.scrolled{background:rgba(5,5,5,.93);backdrop-filter:blur(18px)}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between}
.nav-logo img{width:200px;height:auto}
.nav-links{display:flex;align-items:center;gap:36px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nav-links a{position:relative;padding:35px 0}
.nav-links a::after{
  content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--red);transition:.25s
}
.nav-links a:hover::after,.nav-links a.active::after{right:0}
.nav-menu{width:44px;height:44px;border:1px solid #252525;background:#0a0a0a;border-radius:50%;color:white;display:none}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.78) 35%,rgba(0,0,0,.14) 82%),
    linear-gradient(0deg,rgba(0,0,0,.72),transparent 56%);
}
.hero-content{position:relative;z-index:2;padding-top:80px;max-width:760px}
.eyebrow{color:var(--red-2);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em}
.hero h1,.page-hero h1{
  font-family:"Barlow Condensed",Arial,sans-serif;
  text-transform:uppercase;font-weight:800;line-height:.94;letter-spacing:-.025em;
  margin:18px 0 24px;
}
.hero h1{font-size:clamp(4rem,8vw,8rem)}
.hero h1 span,.page-hero h1 span{color:var(--red)}
.hero p,.page-hero p{max-width:620px;color:#c2c2c2;line-height:1.75;font-size:1rem}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 24px;border-radius:3px;
  text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.08em;
  transition:.25s var(--ease);border:1px solid #2b2b2b;
}
.btn-red{background:var(--red);border-color:var(--red);color:white}
.btn:hover{transform:translateY(-2px)}
.hero-badges{position:absolute;left:0;right:0;bottom:0;z-index:3;border-top:1px solid rgba(255,255,255,.08)}
.badge-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.badge{padding:28px 0;border-right:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}
.badge:last-child{border-right:0}
.badge strong{font-family:"Barlow Condensed",sans-serif;font-size:2.15rem;color:var(--red)}
.badge span{font-size:.8rem;text-transform:uppercase;color:#d3d3d3;font-weight:700}
.section{padding:110px 0}
.section-title{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:end;margin-bottom:52px}
.section h2{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
  font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.02em;margin:14px 0 0
}
.section-lead{max-width:640px;color:var(--muted);line-height:1.8;justify-self:end}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{
  border:1px solid #252525;border-radius:10px;overflow:hidden;background:#0b0b0b;
  transition:.35s var(--ease)
}
.card:hover{transform:translateY(-6px);border-color:#5c0b0e}
.card-image{aspect-ratio:1.12/1;overflow:hidden}
.card-image img{width:100%;height:100%;object-fit:cover;transition:.6s var(--ease)}
.card:hover .card-image img{transform:scale(1.04)}
.card-body{padding:26px}
.card h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:2rem;margin:0 0 10px}
.card p{color:var(--muted);line-height:1.65;font-size:.9rem}
.card a{display:inline-flex;gap:8px;color:var(--red);text-transform:uppercase;font-size:.73rem;font-weight:800;letter-spacing:.06em;margin-top:12px}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}
.about-copy{padding:52px 0}
.about-copy h2{max-width:540px}
.about-copy p{color:var(--muted);line-height:1.8;max-width:600px}
.about-visual{border-radius:12px;overflow:hidden;border:1px solid #1f1f1f}
.about-visual img{width:100%;height:100%;object-fit:cover;min-height:560px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #252525;border-radius:10px;margin-top:28px}
.stat{padding:28px;display:flex;gap:18px;align-items:center;border-right:1px solid #252525}
.stat:last-child{border-right:0}
.stat strong{font-family:"Barlow Condensed",sans-serif;font-size:2.4rem}
.stat span{font-size:.74rem;text-transform:uppercase;color:#bbb}
.icon{width:48px;height:48px;border:1px solid #4a0a0d;border-radius:50%;display:grid;place-items:center;color:var(--red);font-weight:900}
.page-hero{min-height:62svh;position:relative;display:flex;align-items:end;padding:150px 0 74px;overflow:hidden}
.page-hero .hero-media::after{background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.55),rgba(0,0,0,.2)),linear-gradient(0deg,rgba(0,0,0,.75),transparent)}
.page-hero-content{position:relative;z-index:2;max-width:820px}
.page-hero h1{font-size:clamp(4rem,7vw,7rem)}
.company-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.sticky{position:sticky;top:120px;height:max-content}
.company-copy h2{margin-top:0}
.company-copy p{color:var(--muted);line-height:1.85}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
.feature{border:1px solid #252525;border-radius:8px;padding:22px;background:#0a0a0a}
.feature b{display:block;color:var(--red);margin-bottom:8px}
.feature span{font-size:.86rem;color:#a6a6a6}
.contact-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}
.contact-info,.contact-form{border:1px solid #252525;border-radius:10px;background:#090909;padding:34px}
.contact-item{padding:18px 0;border-bottom:1px solid #222}
.contact-item small{display:block;color:#707070;text-transform:uppercase;font-size:.65rem;letter-spacing:.12em;margin-bottom:8px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field input,.field textarea{
  width:100%;background:#161616;border:1px solid #262626;color:white;padding:15px;border-radius:4px;outline:none
}
.field textarea{min-height:170px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:#5c0c0f}
.form-note{color:#6f6f6f;font-size:.76rem;line-height:1.5}
.footer{border-top:1px solid #1e1e1e;background:#030303;padding:46px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:38px}
.footer-logo{width:180px}
.footer p,.footer a{color:#727272;font-size:.8rem;line-height:1.75}
.footer h5{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 15px}
.footer-links{display:grid;gap:7px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:20px;border-top:1px solid #191919;color:#595959;font-size:.72rem}
.reveal{opacity:0;transform:translateY(28px);transition:.85s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media(max-width:980px){
 .section-title,.about-grid,.company-layout,.contact-wrap{grid-template-columns:1fr}
 .section-lead{justify-self:start}
 .cards{grid-template-columns:1fr}
 .about-visual img{min-height:440px}
 .footer-grid{grid-template-columns:1fr 1fr}
 .sticky{position:static}
}
@media(max-width:760px){
 .container{width:min(calc(100% - 24px),var(--max))}
 .nav{height:72px}.nav-logo img{width:150px}
 .nav-links{display:none;position:absolute;left:12px;right:12px;top:76px;background:#090909;border:1px solid #252525;border-radius:8px;padding:10px;flex-direction:column;align-items:stretch;gap:0}
 .nav-links.open{display:flex}.nav-links a{padding:13px}.nav-links a::after{display:none}.nav-menu{display:block}
 .hero-content{padding-top:40px}.hero h1{font-size:clamp(3.6rem,17vw,5.6rem)}
 .hero-badges{position:relative;margin-top:50px}
 .badge-grid{grid-template-columns:1fr}.badge{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
 .hero{display:block;padding-top:120px}
 .section{padding:78px 0}
 .stats,.features,.form-grid{grid-template-columns:1fr}
 .stat{border-right:0;border-bottom:1px solid #252525}
 .stat:last-child{border-bottom:0}
 .footer-grid{grid-template-columns:1fr}
 .footer-bottom{flex-direction:column}
 .page-hero{padding-top:110px}
}


/* ===== REV2 / Premium corporate components ===== */
:root{
  --shadow-red:0 0 45px rgba(227,6,19,.12);
}
.section-dark{
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 24%),
    radial-gradient(circle at 85% 25%,rgba(227,6,19,.07),transparent 26rem),
    #070707;
  border-top:1px solid #171717;
  border-bottom:1px solid #171717;
}
.section-label-row{
  display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:38px;
}
.section-label-row p{max-width:620px;color:var(--muted);line-height:1.75;margin:0}

/* About premium layout */
.about-premium-grid{
  display:grid;grid-template-columns:.86fr 1.14fr;gap:22px;align-items:stretch;
}
.about-story{
  position:relative;padding:48px;border:1px solid #242424;border-radius:12px;
  background:linear-gradient(145deg,#0d0d0d,#070707);
  overflow:hidden;
}
.about-story::after{
  content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(227,6,19,.14);
  border-radius:50%;right:-150px;bottom:-150px;box-shadow:0 0 0 54px rgba(227,6,19,.025),0 0 0 108px rgba(227,6,19,.015);
}
.about-story h3{
  font-family:"Barlow Condensed",sans-serif;font-size:clamp(2.8rem,5vw,5rem);
  text-transform:uppercase;line-height:.94;margin:14px 0 22px;position:relative;z-index:1;
}
.about-story p{color:var(--muted);line-height:1.85;position:relative;z-index:1}
.about-points{display:grid;gap:0;margin-top:28px;border-top:1px solid #222;position:relative;z-index:1}
.about-point{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #222}
.about-point b{color:var(--red);font-family:"Barlow Condensed",sans-serif;font-size:1.7rem}
.about-point strong{display:block;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;margin-bottom:5px}
.about-point span{color:#777;font-size:.8rem;line-height:1.55}

.about-photo-stack{
  display:grid;grid-template-rows:1.35fr .65fr;gap:16px;
}
.about-photo-main,.about-photo-mini{
  position:relative;overflow:hidden;border:1px solid #252525;border-radius:12px;background:#0b0b0b;
}
.about-photo-main img,.about-photo-mini img{width:100%;height:100%;object-fit:cover}
.about-photo-main::after,.about-photo-mini::after{
  content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.64),transparent 58%);
}
.about-photo-caption{
  position:absolute;left:24px;bottom:22px;z-index:2;
}
.about-photo-caption small{display:block;color:var(--red);text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.about-photo-caption strong{display:block;margin-top:6px;font-family:"Barlow Condensed",sans-serif;font-size:1.6rem;text-transform:uppercase}

/* timeline */
.timeline{
  display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #232323;border-radius:10px;overflow:hidden;
}
.timeline-item{padding:28px;min-height:210px;border-right:1px solid #232323;position:relative;background:#090909}
.timeline-item:last-child{border-right:0}
.timeline-item::before{content:"";position:absolute;top:0;left:0;right:100%;height:2px;background:var(--red);transition:.35s}
.timeline-item:hover::before{right:0}
.timeline-item b{font-family:"Barlow Condensed",sans-serif;color:var(--red);font-size:2.3rem}
.timeline-item h4{text-transform:uppercase;margin:34px 0 8px;font-size:.85rem;letter-spacing:.08em}
.timeline-item p{color:#777;font-size:.8rem;line-height:1.6;margin:0}

/* Sliders */
.slider{
  position:relative;overflow:hidden;border-radius:12px;border:1px solid #242424;background:#090909;
}
.slider-track{
  display:flex;transition:transform .7s cubic-bezier(.2,.75,.2,1);will-change:transform;
}
.slide{
  min-width:100%;position:relative;min-height:540px;display:flex;align-items:flex-end;overflow:hidden;
}
.slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.1) 65%)}
.slide-content{position:relative;z-index:2;padding:38px;max-width:660px}
.slide-content .eyebrow{margin-bottom:10px}
.slide-content h3{
  font-family:"Barlow Condensed",sans-serif;font-size:clamp(2.6rem,5vw,4.8rem);
  line-height:.95;text-transform:uppercase;margin:0 0 12px
}
.slide-content p{color:#b7b7b7;line-height:1.65;margin:0}
.slider-controls{
  position:absolute;right:22px;bottom:22px;z-index:5;display:flex;gap:8px;
}
.slider-btn{
  width:46px;height:46px;border:1px solid rgba(255,255,255,.15);border-radius:50%;
  background:rgba(5,5,5,.65);backdrop-filter:blur(8px);color:#fff;cursor:pointer;font-size:1.15rem;
  transition:.25s
}
.slider-btn:hover{background:var(--red);border-color:var(--red)}
.slider-dots{
  position:absolute;left:38px;top:28px;z-index:5;display:flex;gap:7px
}
.slider-dot{
  width:28px;height:3px;border:0;padding:0;background:rgba(255,255,255,.22);cursor:pointer;transition:.25s
}
.slider-dot.active{background:var(--red);width:52px}
.mini-slider{min-height:0}
.mini-slider .slide{min-height:380px}

/* rotating product showcase */
.product-showcase{
  display:grid;grid-template-columns:.78fr 1.22fr;gap:18px;align-items:stretch;
}
.product-copy{
  border:1px solid #242424;border-radius:12px;padding:42px;background:linear-gradient(145deg,#0c0c0c,#060606);
  display:flex;flex-direction:column;justify-content:center;
}
.product-copy h3{
  font-family:"Barlow Condensed",sans-serif;font-size:clamp(2.8rem,5vw,5rem);
  text-transform:uppercase;line-height:.93;margin:14px 0 18px
}
.product-copy p{color:var(--muted);line-height:1.8}
.product-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.product-tab{
  border:1px solid #2a2a2a;background:#0b0b0b;color:#aaa;padding:11px 14px;border-radius:3px;
  text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:.25s
}
.product-tab.active,.product-tab:hover{background:var(--red);color:#fff;border-color:var(--red)}

.product-stage{
  min-height:590px;position:relative;border:1px solid #242424;border-radius:12px;overflow:hidden;
  background:
   radial-gradient(circle at 50% 42%,rgba(227,6,19,.14),transparent 19rem),
   linear-gradient(#0d0d0d,#050505);
  perspective:1100px;display:grid;place-items:center;
}
.product-stage::before{
  content:"";position:absolute;left:10%;right:10%;bottom:14%;height:1px;background:linear-gradient(90deg,transparent,#373737,transparent);
  box-shadow:0 35px 70px rgba(227,6,19,.13);
}
.product-orbit{
  position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.07);border-radius:50%;
  animation:orbitSpin 18s linear infinite;
}
.product-orbit::before,.product-orbit::after{
  content:"";position:absolute;inset:64px;border:1px solid rgba(227,6,19,.09);border-radius:50%;
}
.product-orbit::after{inset:128px;border-color:rgba(255,255,255,.06)}
@keyframes orbitSpin{to{transform:rotate(360deg)}}

.product-3d{
  width:min(68%,520px);aspect-ratio:1.28;position:relative;transform-style:preserve-3d;
  animation:productRotate 10s linear infinite;z-index:2;
}
.product-3d.paused{animation-play-state:paused}
@keyframes productRotate{
  0%{transform:rotateX(-9deg) rotateY(0deg)}
  50%{transform:rotateX(8deg) rotateY(180deg)}
  100%{transform:rotateX(-9deg) rotateY(360deg)}
}
.product-3d .face{
  position:absolute;inset:0;display:grid;place-items:center;backface-visibility:visible;transform-style:preserve-3d;
}
.product-3d img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 35px 35px rgba(0,0,0,.55))}
.product-caption{
  position:absolute;left:28px;bottom:24px;z-index:3
}
.product-caption small{color:var(--red);text-transform:uppercase;font-size:.65rem;font-weight:800;letter-spacing:.12em}
.product-caption strong{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:1.8rem;margin-top:4px}

/* CSS-generated products to avoid external dependencies */
.pipe-object{width:100%;height:100%;position:relative;transform-style:preserve-3d}
.pipe-cylinder{
  position:absolute;width:76%;height:30%;left:12%;top:35%;
  border-radius:999px;
  background:linear-gradient(180deg,#4f4f4f 0%,#1c1c1c 32%,#050505 60%,#343434 100%);
  box-shadow:inset 0 0 0 3px #585858,0 34px 44px rgba(0,0,0,.5);
  transform:rotate(-12deg);
}
.pipe-cylinder::before,.pipe-cylinder::after{
  content:"";position:absolute;top:0;width:30%;height:100%;border-radius:50%;
}
.pipe-cylinder::before{
  left:-1%;background:radial-gradient(ellipse at center,#020202 0 37%,#202020 40% 54%,#696969 56% 62%,#222 64%);
}
.pipe-cylinder::after{right:-1%;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}

.sheet-object{
  position:absolute;width:70%;height:54%;left:15%;top:23%;border-radius:7px;
  background:linear-gradient(135deg,#909090,#2d2d2d 28%,#b8b8b8 48%,#363636 71%,#838383);
  box-shadow:18px 18px 0 #222,36px 36px 0 #151515,0 35px 55px rgba(0,0,0,.55);
  transform:rotateX(58deg) rotateZ(-18deg);
}
.sheet-object.galv{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.7) 0 1px,transparent 2px),
    radial-gradient(circle at 50% 55%,rgba(255,255,255,.45) 0 1px,transparent 2px),
    linear-gradient(135deg,#d2d5d3,#68706d 28%,#f1f2f0 48%,#757c79 70%,#c5c8c6);
  background-size:22px 22px,31px 31px,100% 100%;
}
.bullion{
  position:absolute;width:70%;height:42%;left:15%;top:29%;border-radius:24px 24px 38px 38px;
  transform:rotateX(58deg) rotateZ(-12deg);
  box-shadow:0 40px 55px rgba(0,0,0,.55);
}
.bullion.silver{
  background:linear-gradient(135deg,#f9f9f9,#777 20%,#dadada 43%,#5e5e5e 68%,#ededed);
  border:2px solid #d6d6d6;
}
.bullion.gold{
  background:linear-gradient(135deg,#6b4300,#ffd558 18%,#9f6900 38%,#ffe37f 58%,#7a4a00 82%,#d99b15);
  border:2px solid #efbd3d;
}
.bullion::after{
  content:attr(data-mark);position:absolute;inset:0;display:grid;place-items:center;
  font-family:"Barlow Condensed",sans-serif;font-size:2.25rem;font-weight:800;letter-spacing:.06em;
  color:rgba(20,20,20,.58);text-transform:uppercase;
}
.coin-stack{position:absolute;inset:0}
.coin{
  position:absolute;width:42%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff0aa,#d89b15 34%,#8a5900 70%,#ffcf3a);
  border:5px solid #d7a125;box-shadow:0 20px 35px rgba(0,0,0,.4);
}
.coin:nth-child(1){left:18%;top:35%;transform:rotateX(64deg) rotateZ(-15deg)}
.coin:nth-child(2){left:39%;top:22%;transform:rotateX(64deg) rotateZ(16deg)}
.coin:nth-child(3){left:45%;top:45%;transform:rotateX(64deg) rotateZ(4deg)}
.silver-coin .coin{
  background:radial-gradient(circle at 35% 30%,#fff,#b8b8b8 34%,#686868 70%,#e7e7e7);
  border-color:#bcbcbc;
}

/* logo/header safety */
.nav-logo img,.footer-logo,.loader img{object-fit:contain}

/* CTA */
.red-cta{
  border:1px solid #42080b;border-radius:12px;padding:48px;
  background:linear-gradient(120deg,#140405,#080808 58%,#050505);position:relative;overflow:hidden;
}
.red-cta::after{
  content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-130px;top:-180px;
  border:1px solid rgba(227,6,19,.2);box-shadow:0 0 0 54px rgba(227,6,19,.03),0 0 0 108px rgba(227,6,19,.02);
}
.red-cta h3{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:clamp(3rem,6vw,5.8rem);
  line-height:.92;margin:10px 0 22px;max-width:800px;position:relative;z-index:2;
}
.red-cta>*{position:relative;z-index:2}

@media(max-width:980px){
  .about-premium-grid,.product-showcase{grid-template-columns:1fr}
  .timeline{grid-template-columns:repeat(2,1fr)}
  .timeline-item:nth-child(2){border-right:0}
  .timeline-item:nth-child(-n+2){border-bottom:1px solid #232323}
}
@media(max-width:760px){
  .about-story{padding:30px 22px}
  .timeline{grid-template-columns:1fr}
  .timeline-item{border-right:0;border-bottom:1px solid #232323!important}
  .timeline-item:last-child{border-bottom:0!important}
  .slide{min-height:520px}
  .slide-content{padding:28px 22px 82px}
  .slider-dots{left:22px}
  .product-copy{padding:32px 22px}
  .product-stage{min-height:440px}
  .product-orbit{width:300px;height:300px}
  .product-3d{width:86%}
  .red-cta{padding:34px 24px}
}
/* Professional photographic product refresh */
.hero-media img,.card-image img,.slide>img,.about-photo-main img,.about-photo-mini img{object-fit:cover;object-position:center}
.hero-media img{filter:saturate(.86) contrast(1.06) brightness(.72)}
.card-image img,.slide>img{filter:saturate(.9) contrast(1.04)}
.nav-logo img{max-height:54px;width:auto;object-fit:contain}
.footer-logo{max-height:66px;width:auto;object-fit:contain}
.loader img{max-width:190px;height:auto}

/* Premium homepage product visuals — reuse the site's 360° product language without low-quality photos */
.card-product-stage{
  position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.08),transparent 26%),
    radial-gradient(circle at 50% 125%,rgba(227,6,19,.14),transparent 43%),
    linear-gradient(145deg,#111 0%,#070707 58%,#040404 100%);
}
.card-product-stage::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 38%,rgba(255,255,255,.018) 65%,transparent);
}
.card-product-stage::after{
  content:"";position:absolute;left:13%;right:13%;bottom:18%;height:1px;z-index:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  box-shadow:0 26px 44px rgba(0,0,0,.85);
}
.card-product-orbit{
  position:absolute;width:74%;aspect-ratio:1;border:1px solid rgba(255,255,255,.065);border-radius:50%;z-index:0;
  animation:homeOrbit 18s linear infinite;
}
.card-product-orbit::before,.card-product-orbit::after{
  content:"";position:absolute;border-radius:50%;inset:17%;border:1px solid rgba(227,6,19,.08)
}
.card-product-orbit::after{inset:34%;border-color:rgba(255,255,255,.05)}
.card-product-3d{
  position:relative;z-index:1;width:78%;height:78%;transform-style:preserve-3d;
  animation:homeProductFloat 7s ease-in-out infinite;
}
.card-product-stage .pipe-cylinder{
  width:86%;height:31%;left:7%;top:35%;
  background:linear-gradient(180deg,#777 0%,#292929 28%,#060606 59%,#464646 78%,#151515 100%);
  box-shadow:inset 0 0 0 2px #737373,inset 0 7px 10px rgba(255,255,255,.08),0 32px 38px rgba(0,0,0,.62);
}
.card-product-stage .pipe-cylinder::before{
  background:radial-gradient(ellipse at center,#010101 0 36%,#171717 39% 52%,#8b8b8b 54% 59%,#2a2a2a 61% 68%,#0e0e0e 70%);
  box-shadow:inset -5px 0 9px rgba(255,255,255,.08);
}
.card-product-stage .bullion{
  width:72%;height:43%;left:14%;top:29%;border-radius:18px 18px 32px 32px;
  transform:rotateX(57deg) rotateZ(-10deg);
  box-shadow:0 36px 45px rgba(0,0,0,.68),inset 0 2px 3px rgba(255,255,255,.34);
}
.card-product-stage .bullion::before{
  content:"";position:absolute;inset:9%;border:1px solid rgba(25,25,25,.28);border-radius:12px 12px 22px 22px;
}
.card-product-stage .bullion::after{font-size:clamp(.9rem,1.55vw,1.45rem);letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.18)}
.card-product-stage .bullion.silver{
  background:linear-gradient(135deg,#fcfcfc 0%,#8f9396 17%,#f3f5f6 34%,#7b7f82 50%,#e8eaeb 68%,#65696c 82%,#f7f8f8 100%);
  border:1px solid #d9dcde;
}
.card-product-stage .bullion.gold{
  background:linear-gradient(135deg,#7a4d00 0%,#ffd96b 16%,#a86d00 32%,#ffe998 47%,#9a6200 65%,#eeb636 81%,#7d4c00 100%);
  border:1px solid #f2c854;
}
.card-product-label{
  position:absolute;left:18px;bottom:15px;z-index:2;font-size:.62rem;font-weight:800;letter-spacing:.16em;color:#bdbdbd;
}
.card:hover .card-product-3d{animation-play-state:paused;transform:rotateX(-4deg) rotateY(12deg) scale(1.035)}
.card:hover .card-product-orbit{border-color:rgba(227,6,19,.15)}
@keyframes homeProductFloat{
  0%,100%{transform:rotateX(-4deg) rotateY(-6deg) translateY(2px)}
  50%{transform:rotateX(4deg) rotateY(8deg) translateY(-8px)}
}
@keyframes homeOrbit{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.card-product-3d,.card-product-orbit{animation:none}}

/* REV7 — supplied real photography / premium treatment */
.hero-factory img{object-position:center 42%;filter:saturate(.92) contrast(1.08) brightness(.68)}
.hero-factory::after{background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.70) 37%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.78),transparent 58%)}
.premium-real-card{position:relative;background:#080808;isolation:isolate}
.premium-real-card img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.09) brightness(.82);transform:scale(1.01);transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .7s ease}
.premium-real-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 40%,rgba(0,0,0,.72) 100%),linear-gradient(120deg,rgba(227,6,19,.06),transparent 45%);pointer-events:none}
.card:hover .premium-real-card img{transform:scale(1.055);filter:saturate(.92) contrast(1.08) brightness(.9)}
.premium-real-card .card-product-label{z-index:2;color:#fff;text-shadow:0 2px 14px #000}
.about-visual img{object-position:center;filter:saturate(.9) contrast(1.06) brightness(.8)}
@media(max-width:720px){.hero-factory img{object-position:58% center}.hero-factory::after{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.38)),linear-gradient(0deg,rgba(0,0,0,.82),transparent 60%)}}
.product-photo-stage{display:block;min-height:590px;background:#050505}
.product-photo-stage .product-real-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84) contrast(1.08) brightness(.78);transition:opacity .25s ease,transform .7s ease}
.product-photo-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 58%),linear-gradient(90deg,rgba(0,0,0,.22),transparent 48%);pointer-events:none}
.product-photo-stage .product-caption{z-index:3}
@media(max-width:720px){.product-photo-stage{min-height:440px}}
/* REV8 — supplied real imagery + corporate KOCBO presentation */
.hero-factory img{object-position:50% 20%;filter:saturate(.92) contrast(1.09) brightness(.62)}
.hero-factory::after{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 35%,rgba(0,0,0,.18) 68%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 55%)}
.premium-real-card img{object-position:center!important;filter:saturate(.96) contrast(1.04) brightness(.88)!important}
.about-brand{min-height:560px;border:1px solid #262626;border-radius:12px;background:radial-gradient(circle at 72% 25%,rgba(211,31,38,.16),transparent 34%),linear-gradient(145deg,#171717,#080808 70%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.about-brand:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 46%,rgba(255,255,255,.025) 46% 47%,transparent 47% 100%);background-size:42px 42px;opacity:.65}
.about-brand-inner{position:relative;z-index:1;width:min(78%,520px);padding:48px 20px;text-align:center}
.about-brand-inner img{width:min(340px,86%);height:auto!important;min-height:0!important;object-fit:contain!important;filter:drop-shadow(0 16px 30px rgba(0,0,0,.55))!important;margin:24px auto}
.about-brand-kicker{font-size:.72rem;letter-spacing:.22em;font-weight:800;color:#d31f26}
.about-brand-line{width:54px;height:2px;background:#d31f26;margin:22px auto}
.about-brand-inner strong{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.02;color:#f3f3f3}
.about-brand-inner small{display:block;margin-top:26px;color:#858585;letter-spacing:.16em;font-weight:700}
.about-brand-page{height:100%;min-height:620px}
@media(max-width:720px){.hero-factory img{object-position:48% 15%}.about-brand{min-height:420px}.about-brand-page{min-height:480px}}


/* REV9 — KOCBO logo-led corporate page heroes */
.logo-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 50%,rgba(222,20,34,.16),transparent 24%),linear-gradient(115deg,#050607 0%,#0b0d10 52%,#050607 100%)}
.logo-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 68px,rgba(255,255,255,.018) 69px 70px);pointer-events:none}
.logo-hero .logo-hero-media{opacity:1!important;filter:none!important;background:transparent;display:flex;align-items:center;justify-content:flex-end;padding:70px max(6vw,70px) 35px 48%}
.logo-hero .logo-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050607 0%,rgba(5,6,7,.9) 36%,rgba(5,6,7,.2) 68%,rgba(5,6,7,.45) 100%)}
.logo-hero-art{position:relative;z-index:2;width:min(520px,38vw);aspect-ratio:1.7;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:0 35px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(7px)}
.logo-hero-art:before{content:"";position:absolute;width:65%;height:2px;bottom:58px;background:linear-gradient(90deg,transparent,#e21a2c,transparent);box-shadow:0 0 28px rgba(226,26,44,.7)}
.logo-hero-art img{position:relative;z-index:3;width:64%;max-height:130px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.7))}
.logo-hero-art small{position:relative;z-index:3;margin-top:24px;letter-spacing:.34em;font-size:10px;color:rgba(255,255,255,.58)}
.brand-orbit{position:absolute;border:1px solid rgba(226,26,44,.24);border-radius:50%;transform:rotate(-14deg)}
.orbit-a{width:92%;height:58%}.orbit-b{width:72%;height:92%;border-color:rgba(255,255,255,.07)}
.contact-logo-hero .logo-hero-art:after{content:"24/7";position:absolute;right:24px;top:20px;font:700 11px/1 Arial;letter-spacing:.18em;color:#e21a2c;border:1px solid rgba(226,26,44,.4);padding:8px 10px;border-radius:99px}
@media(max-width:900px){.logo-hero .logo-hero-media{padding:110px 24px 25px 38%;justify-content:center}.logo-hero-art{width:min(420px,58vw);opacity:.72}.logo-hero-art small{font-size:8px}.logo-hero .page-hero-content{position:relative;z-index:4}}
@media(max-width:620px){.logo-hero .logo-hero-media{padding:90px 16px 20px 28%}.logo-hero-art{width:68vw;border-radius:20px}.logo-hero-art img{width:72%}.logo-hero-art small{display:none}}

/* Mobile fix: Hakkımızda / İletişim hero logo artwork should not sit behind text.
   Desktop/tablet layout is intentionally unchanged. */
@media (max-width:620px){
  .about-logo-hero .logo-hero-media,
  .contact-logo-hero .logo-hero-media{
    display:none;
  }
}