.site-header:after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;background:rgba(255,255,255,.05)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:245px}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font-size:25px;letter-spacing:-.045em;font-weight:800}
.brand-copy small{margin-top:4px;font-size:7px;letter-spacing:.03em;opacity:.8}
.brand-mark{position:relative;width:31px;height:34px;display:block;transform:skewY(-7deg)}
.brand-mark i,.brand-mark b,.brand-mark em{position:absolute;display:block;border-style:solid;transform:rotate(30deg)}
.brand-mark i{width:18px;height:18px;left:4px;top:2px;border-width:7px 0 0 7px;border-color:var(--accent);transform:rotate(45deg) skew(-7deg)}
.brand-mark b{width:20px;height:12px;left:2px;bottom:3px;border-width:0 0 7px 7px;border-color:var(--accent);transform:skewX(-20deg)}
.brand-mark em{width:10px;height:20px;right:1px;top:7px;border-width:0 7px 7px 0;border-color:var(--accent);transform:rotate(45deg)}
.main-nav{height:100%;display:flex;align-items:center;gap:clamp(35px,6vw,100px)}
.main-nav a{position:relative;height:100%;display:flex;align-items:center;color:rgba(255,255,255,.92);text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.02em}
.main-nav a:before{content:"";position:absolute;top:0;left:0;right:0;margin:auto;width:28px;height:2px;background:transparent}
.main-nav a.active:before{background:var(--accent)}
.header-tools{min-width:245px;display:flex;justify-content:flex-end}
.header-tools button{border:0;background:transparent;color:#fff;font-size:10px;font-weight:700;cursor:pointer}
.header-tools span{font-size:14px;margin-left:7px;opacity:.8}
.hero {
    position: relative;
    width: 100%;
    height: 46vw;
    overflow: hidden;
    background: #080d12;
    isolation: isolate;
    cursor: none;
}
.hero-image,.reveal-layer,.ink-mask{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-image{object-fit:cover;object-position:center center;transform:scale(1.035);will-change:transform}
.hero-image-base{filter:saturate(.76) contrast(1.05) brightness(.73)}
.reveal-layer{z-index:2;pointer-events:none;clip-path:inset(0)}
.hero-image-hover{opacity:0;filter:saturate(1.05) contrast(1.05) brightness(1.04)}
.ink-mask{mix-blend-mode:normal}
.hero-vignette{position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,7,10,.62) 0%,rgba(3,7,10,.22) 48%,rgba(3,7,10,.12) 100%),linear-gradient(0deg,rgba(3,7,10,.4),transparent 38%,rgba(3,7,10,.16))}
.hero-grain{position:absolute;z-index:6;inset:0;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:screen}
.hero-content{position:absolute;z-index:10;left:clamp(28px,7.5vw,140px);top:50%;transform:translateY(-38%);width:min(560px,46vw)}
.eyebrow{font-size:9px;letter-spacing:.25em;font-weight:700;color:rgba(255,255,255,.62);margin-bottom:18px}
.hero h1{margin:0;display:flex;flex-direction:column;font-size:clamp(34px,3.4vw,60px);line-height:1.03;letter-spacing:-.045em;font-weight:750;font-family: 'Gilroy-Bold';}
.hero h1 span{color:#fff; }
.hero h1 strong{color:var(--accent);font-weight:750; color: #FF5555;}
.hero-content p{margin:22px 0 0;max-width:440px;font-size:14px;line-height:1.65;color:rgba(255,255,255,.68)}
.hero-cta{display:inline-flex;align-items:center;gap:16px;margin-top:28px;padding:13px 18px;border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.09em;transition:.25s ease;background:rgba(0,0,0,.12)}
.hero-cta span{font-size:16px;line-height:0}
.hero-cta:hover{background:#fff;color:#111;border-color:#fff}
.hero-meta{position:absolute;z-index:11;right:clamp(28px,5vw,85px);bottom:28px;display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.72)}
.hero-meta i{width:55px;height:1px;background:rgba(255,255,255,.5)}
.ink-hint{position:absolute;z-index:11;left:50%;bottom:27px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.58);font-size:8px;letter-spacing:.22em;pointer-events:none;transition:.35s}
.hint-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(242,41,46,.8)}
.hero.hovering .ink-hint{opacity:0;transform:translate(-50%,8px)}
.ink-cursor{position:absolute;z-index:20;left:0;top:0;width:96px;height:96px;margin:-48px 0 0 -48px;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0);transition:opacity .2s ease}
.ink-cursor:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;filter:blur(.35px);transform:rotate(-12deg)}
.ink-cursor:after{content:"";position:absolute;width:7px;height:7px;left:50%;top:50%;margin:-3.5px;border-radius:50%;background:#fff;box-shadow:0 0 15px #fff}
.ink-cursor span{position:absolute;inset:0;display:grid;place-items:center;font-size:7px;letter-spacing:.15em;font-weight:700}
.hero.hovering .ink-cursor{opacity:1}
@media(max-width:900px){
 
  .site-header{padding:0 22px}
  .brand{min-width:auto}.brand-copy small{display:none}.brand-copy strong{font-size:20px}.brand-mark{transform:scale(.84) skewY(-7deg);transform-origin:left center}
  .main-nav{gap:24px}.main-nav a{font-size:9px}.header-tools{min-width:auto}
  .hero{height:82svh;min-height:600px}
  .hero-image{object-position:center center}
  .hero-content{left:25px;right:25px;width:auto;top:auto;bottom:90px;transform:none}
  .hero h1{font-size:clamp(36px,9vw,60px)}
  .hero-content p{font-size:13px;max-width:390px}
  .hero-meta{right:22px;bottom:25px}
  .ink-hint{bottom:26px}
}
@media(max-width:620px){
  .main-nav a:nth-child(2){display:none}
  .main-nav{gap:18px;margin-left:auto;margin-right:18px}
  .header-tools{display:none}
  .brand-copy strong{font-size:18px}
  .hero{height:76svh;min-height:560px}
  .hero-image{transform:scale(1.09);object-position:58% center}
  .hero-content{bottom:74px}
  .hero-content p{display:none}
  .hero-cta{margin-top:21px;padding:12px 15px}
  .hero-meta{display:none}
  .ink-hint{left:25px;transform:none}
  .hero.hovering .ink-hint{transform:translateY(8px)}
}
@media(pointer:coarse){
  .hero{cursor:default}
  .ink-cursor{display:none}
}