/* ===== Kuntur clone — global styles ===== */
/* ===== Curtain transition ===== */
#curtain{position:fixed;inset:0;background:#FF5911;z-index:9000;pointer-events:none;transform:scaleY(0);transform-origin:bottom;}
#curtain.in{animation:curtain-in .55s cubic-bezier(.65,0,.35,1) both}
#curtain.out{animation:curtain-out .55s cubic-bezier(.65,0,.35,1) both}
@keyframes curtain-in{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
@keyframes curtain-out{from{transform:scaleY(1);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}
@font-face{font-family:'General Sans';src:url('https://cdn.fontshare.com/wf/MFQT7HFGCR2L5ULQTW6YXYZXXHMPKLJ3/YWQ244D6TACUX5JBKATPOW5I5MGJ3G73/7YY3ZAAE3TRV2LANYOLXNHTPHLXVWTKH.woff2') format('woff2');font-weight:400;font-display:swap;font-style:normal}
@font-face{font-family:'General Sans';src:url('https://cdn.fontshare.com/wf/3RZHWSNONLLWJK3RLPEKUZOMM56GO4LJ/BPDRY7AHVI3MCDXXVXTQQ76H3UXA63S3/SB2OEB6IKZPRR6JT4GFJ2TFT6HBB6AZN.woff2') format('woff2');font-weight:500;font-display:swap;font-style:normal}
@font-face{font-family:'General Sans';src:url('https://cdn.fontshare.com/wf/K46YRH762FH3QJ25IQM3VAXAKCHEXXW4/ISLWQPUZHZF33LRIOTBMFOJL57GBGQ4B/3ZLMEXZEQPLTEPMHTQDAUXP5ZZXCZAEN.woff2') format('woff2');font-weight:600;font-display:swap;font-style:normal}
@font-face{font-family:'General Sans';src:url('https://cdn.fontshare.com/wf/KWXO5X3YW4X7OLUMPO4X24HQJGJU7E2Q/VOWUQZS3YLP66ZHPTXAFSH6YACY4WJHT/NIQ54PVBBIWVK3PFSOIOUJSXIJ5WTNDP.woff2') format('woff2');font-weight:700;font-display:swap;font-style:normal}
@font-face{font-family:'General Sans';src:url('https://cdn.fontshare.com/wf/HFTXPYOBEE22ON2ZH2TDSTBQLGERA7LU/4AOH2PGTMHZO2YX5HMTOAV52ONC3WIXE/TW4KNQIPR4LNP4I6I6C6HKQ23B2EQAU5.woff2') format('woff2');font-weight:300;font-display:swap;font-style:normal}
@font-face{font-family:'General Sans';src:url('https://cdn.fontshare.com/wf/FSGJYPLPXRLVZAZIVVF74LDN3Q3S2WUF/S5KG2IZFL42XIGI5UEGBWGDAYOGDCUXQ/XC3ORZWTJXPLYORAWMH6ZXES6GBV3W5L.woff2') format('woff2');font-weight:200;font-display:swap;font-style:normal}

:root{
  --bg:#181a1b;
  --bg-2:#1e2021;
  --bg-3:#121313;
  --text:#ecebe5;
  --text-2:#b6b8b6;
  --dim:#83878a;
  --accent:#ec5615;
  --accent-2:#ff6a23;
  --card:#202223;
  --card-2:#26282a;
  --line:rgba(255,255,255,.10);
  --line-2:rgba(255,255,255,.06);
  --r-lg:26px;
  --r-md:16px;
  --r-sm:10px;
  --ease:cubic-bezier(.6,.01,.05,.95);
  --pad:80px;
  --font:'General Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-weight:400;
  line-height:1.45;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--accent);color:#fff}

/* hide scrollbar for marquee tracks */
.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

/* layout */
.wrap{width:100%;max-width:1640px;margin:0 auto;padding:0 40px}
.section{position:relative;padding-block:120px}

/* eyebrow label: orange square + uppercase */
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-2);
}
.eyebrow::before{
  content:"";width:9px;height:9px;background:var(--accent);border-radius:2px;display:block;
}

/* big section title */
.sec-head{display:flex;align-items:baseline;gap:28px;flex-wrap:wrap}
.sec-title{
  font-size:clamp(40px,5.6vw,92px);
  font-weight:600;line-height:.95;letter-spacing:-.02em;color:var(--text);white-space:nowrap;
}
.divider{height:1px;background:var(--line);width:100%;border:0}

/* pill button with circle arrow */
.btn{
  display:inline-flex;align-items:center;gap:14px;
  background:var(--card);border:1px solid var(--line);
  border-radius:100px;padding:10px 10px 10px 22px;
  font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text);
  position:relative;overflow:hidden;transition:color .4s var(--ease);
}
.btn .btn-ic{
  width:34px;height:34px;border-radius:50%;background:var(--accent);
  display:grid;place-items:center;flex:none;color:#fff;
  transition:transform .5s var(--ease);
}
.btn .btn-ic svg{width:14px;height:14px}
.btn::before{
  content:"";position:absolute;inset:0;background:var(--accent);
  transform:translateY(101%);transition:transform .5s var(--ease);z-index:0;border-radius:100px;
}
.btn>*{position:relative;z-index:1}
.btn:hover{color:#fff}
.btn:hover::before{transform:translateY(0)}
.btn:hover .btn-ic{transform:translateX(3px);background:#fff;color:var(--accent)}

/* solid orange button variant */
.btn--solid{background:var(--accent);border-color:var(--accent);color:#fff}
.btn--solid .btn-ic{background:#fff;color:var(--accent)}
.btn--solid::before{background:#fff}
.btn--solid:hover{color:var(--accent)}
.btn--solid:hover .btn-ic{background:var(--accent);color:#fff}

/* reveal helpers (GSAP hides + animates only when document is visible;
   default state is visible so nothing gets stuck if the ticker is paused) */
.line-mask{overflow:hidden;display:block}
.line-inner{display:block;will-change:transform}

/* card base */
.card{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-md)}

/* marquee */
.marquee{display:flex;overflow:hidden;width:100%}
.marquee__track{display:flex;flex:none;align-items:center;will-change:transform}

@media (max-width:1100px){
  .wrap{padding:0 24px}
  .section{padding-block:80px}
}
@media (max-width:720px){
  .wrap{padding:0 18px}
  .sec-head{gap:14px}
  .sec-title{white-space:normal}
}