:root{
  --bg:#080808;
  --bg2:#0c0c0c;
  --ink:#f0efe9;
  --muted:#8d8d88;
  --muted2:#666662;
  --line:rgba(240,239,233,.22);
  --line-soft:rgba(240,239,233,.10);
  --red:#ff1818;
  --pad:clamp(24px,4vw,64px);
  --max:1540px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bg)}
body{min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:"Inter",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--red);color:#fff}

body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:200;
  opacity:.055;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

.wrap{width:min(100%,var(--max));margin:0 auto;padding-inline:var(--pad)}
.editorial-section{border-top:1px solid var(--line);position:relative}
.kicker{font-size:10px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;color:var(--ink)}
.kicker b{color:var(--red)}
.display{font-family:"Anton","Arial Narrow",sans-serif;font-weight:400;letter-spacing:-.035em;line-height:.88;text-transform:uppercase}
.red{color:var(--red)}

/* top micro nav */
.micro-nav{position:absolute;z-index:30;left:0;right:0;top:0;padding:20px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.micro-nav .nav-center{display:flex;gap:20px;color:rgba(240,239,233,.68)}
.micro-nav .nav-center a{transition:color .18s ease}.micro-nav .nav-center a:hover{color:#fff}
.micro-nav .nav-right{text-align:right;color:rgba(240,239,233,.65)}

/* HERO */
.hero-editorial{min-height:760px;height:min(900px,100vh);position:relative;overflow:hidden;background:#080808;border-bottom:1px solid var(--line)}
.hero-editorial::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.88) 22%,rgba(5,5,5,.28) 53%,rgba(5,5,5,.62) 100%),linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.42))}
.hero-image{position:absolute;z-index:1;inset:0 0 0 22%;width:78%;height:100%;object-fit:cover;object-position:55% 38%;filter:grayscale(1) contrast(1.07) brightness(.68)}
.hero-inner{position:relative;z-index:4;height:100%;padding:0 var(--pad);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:70px}
.hero-code{position:absolute;top:20px;left:var(--pad);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.hero-year{position:absolute;right:var(--pad);top:20px;font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.68)}
.hero-title{font-family:"Anton",sans-serif;font-size:clamp(104px,13vw,205px);line-height:.72;letter-spacing:-.045em;text-transform:uppercase;max-width:800px;text-shadow:0 2px 20px rgba(0,0,0,.22)}
.hero-meta{margin-top:28px;padding-left:18px;border-left:2px solid var(--red);font-size:14px;font-weight:700;line-height:1.35;text-transform:uppercase;letter-spacing:-.01em}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}
.hero-btn{height:46px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.36);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:.2s ease}
.hero-btn.primary{background:var(--red);border-color:var(--red);color:#fff}
.hero-btn:not(.primary){border-color:transparent;border-bottom-color:rgba(255,255,255,.38);padding-inline:4px}
.hero-btn:hover{border-color:#fff}.hero-btn.primary:hover{background:#fff;color:#080808;border-color:#fff}
.hero-mark{position:absolute;z-index:5;right:28px;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:18px;font-family:"Anton",sans-serif;font-size:20px}
.hero-mark::before{content:"";height:88px;width:1px;background:rgba(255,255,255,.45)}

/* PROFILE */
.profile-editorial{padding:38px 0 0}
.profile-grid{display:grid;grid-template-columns:minmax(220px,31%) minmax(210px,20%) 1fr;gap:42px;align-items:start}
.profile-photo{height:430px;overflow:hidden;background:#121212}
.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(1) contrast(1.07) brightness(.80)}
.profile-title{padding-top:10px}.profile-title h2{font-size:clamp(60px,6.2vw,98px);margin-top:10px}
.profile-copy{padding-top:50px;max-width:590px;color:#c3c2bd;font-size:13px;line-height:1.68}
.profile-copy p+p{margin-top:15px}.profile-copy strong{color:#fff}
.profile-stats{grid-column:2/4;margin-top:-40px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.58);padding:20px 0 28px;gap:20px;font-size:11px;font-weight:700;text-transform:uppercase}
.profile-stats span{white-space:nowrap}

/* Booking */
.booking-editorial{padding:28px 0 16px}
.booking-layout{display:grid;grid-template-columns:32% 1fr;gap:56px}
.side-title h2{font-size:clamp(64px,6.6vw,104px);margin-top:12px}
.booking-table{border-top:1px solid var(--line)}
.booking-row{display:grid;grid-template-columns:50px 28px minmax(150px,220px) 1fr;align-items:start;gap:14px;border-bottom:1px solid var(--line);padding:13px 0;min-height:47px}
.booking-row .no{font-size:13px;font-weight:900;color:var(--red)}
.booking-row .dash{color:#8a8a86;font-size:12px}.booking-row h3{font-size:11px;letter-spacing:.02em;text-transform:uppercase}.booking-row p{font-size:10px;line-height:1.55;color:#94948f;max-width:620px}.booking-row strong{color:#d5d4ce}

/* Technical Rider */
.tech-editorial{padding:30px 0 34px}
.tech-layout{display:grid;grid-template-columns:28% 1fr;gap:58px}
.tech-title h2{font-size:clamp(68px,6.8vw,110px);margin-top:10px}
.tech-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 34px;align-content:start;padding-top:8px}
.tech-item{min-height:90px;border-top:1px solid var(--line);padding-top:10px}
.tech-item .top{display:flex;gap:16px;align-items:baseline}.tech-item .num{color:var(--red);font-size:13px;font-weight:900}.tech-item h3{font-size:11px;text-transform:uppercase;letter-spacing:.025em}.tech-item p{color:#9c9c96;font-size:10px;line-height:1.55;margin-top:8px;max-width:280px}
.tech-item.wide{grid-column:span 2}

/* 3D */
#setup.setup-real3d{min-height:790px;background:#070707;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#setup.setup-real3d .setup-grid{display:grid;grid-template-columns:25% 75%;min-height:790px;width:min(100%,var(--max));margin:0 auto;padding-inline:var(--pad);gap:0}
#setup.setup-real3d .setup-copy{min-height:790px;padding:36px 28px 40px 0;display:flex;flex-direction:column;background:transparent;border-right:0}
#setup.setup-real3d .setup-copy .section-code{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:16px}.section-code{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.section-code::first-letter{color:var(--red)}
#setup.setup-real3d .setup-copy h2{font-size:clamp(66px,6vw,98px);line-height:.88;margin:0 0 28px}
#setup.setup-real3d .setup-copy p{font-size:10px;line-height:1.55;color:#868681;max-width:260px;margin-top:0}
#setup.setup-real3d .setup-copy-line,#setup.setup-real3d .setup-copy-bottom{display:none}
#setup.setup-real3d .setup-mode-switch{margin-top:auto;width:220px;display:flex;gap:8px}
#setup.setup-real3d .setup-mode-btn{min-height:40px;padding:0 15px;width:auto;background:transparent;border:1px solid rgba(255,255,255,.22);font-size:9px}
#setup.setup-real3d .setup-mode-btn strong{font-size:9px}#setup.setup-real3d .setup-mode-btn span,#setup.setup-real3d .setup-mode-btn::after{display:none}
#setup.setup-real3d .setup-mode-btn.is-active{background:transparent;color:var(--red);border-color:var(--red)}
#setup.setup-real3d .setup-mode-btn.is-active::before{display:none}
.setup-stage.real3d-stage{position:relative;min-height:790px;background:radial-gradient(circle at 54% 48%,rgba(255,255,255,.045),transparent 38%),linear-gradient(#090909,#060606);border-left:1px solid var(--line-soft);overflow:hidden}
.real3d-grid{opacity:.08;background-size:60px 60px}
#setup-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.stage-vignette{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 52% 46%,transparent 38%,rgba(0,0,0,.22) 74%,rgba(0,0,0,.56) 100%)}

.real3d-badge{left:22px;top:26px;border-left:0;padding-left:0}.real3d-badge small{color:#777}.real3d-badge strong{font-size:18px}.real3d-badge span{color:#777}
.real3d-toolbar{top:auto;right:auto;left:22px;bottom:28px;max-width:none;z-index:15}.real3d-tool{height:32px;min-height:32px;background:rgba(5,5,5,.55);font-size:8px;border-color:rgba(255,255,255,.20)}
.real3d-tool.is-active{color:var(--red);border-color:var(--red);background:rgba(0,0,0,.2)}
.real3d-footer{display:none!important}.real3d-djs-label,.real3d-monitor-label{font-size:7px;border:0;border-left:1px solid var(--red);background:rgba(0,0,0,.22);backdrop-filter:blur(6px)}
.real3d-djs-label{left:5%;bottom:94px}.real3d-monitor-label{right:5%;bottom:94px}
.real3d-hint{right:24px;bottom:31px;font-size:7px;color:#666}.setup-side-label{display:none}

/* Press */
.press-editorial{padding:30px 0 22px}
.press-layout{display:grid;grid-template-columns:20% 1fr;gap:40px}
.press-title h2{font-size:clamp(58px,5.8vw,90px);margin-top:10px}
.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.asset-card-new{height:250px;border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;background:#0a0a0a;transition:transform .2s ease,border-color .2s ease}
.asset-card-new:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.48)}
.asset-preview{flex:1;min-height:0;overflow:hidden;display:grid;place-items:center;background:#0d0d0d}
.asset-preview img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.78);transition:transform .35s ease}
.asset-card-new:hover .asset-preview img{transform:scale(1.025)}
.asset-preview.logo img{object-fit:contain;padding:55px;filter:none}.asset-preview.doc{position:relative;background:linear-gradient(135deg,#0c0c0c,#151515)}
.asset-preview.doc::before{content:"TECHNICAL\A RIDER";white-space:pre;display:grid;place-items:center;width:42%;height:78%;transform:rotate(7deg);border:1px solid rgba(255,255,255,.16);background:#111;color:#e7e6df;font-family:"Anton",sans-serif;font-size:30px;line-height:.95;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.55)}
.asset-bottom{height:55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:10px;font-weight:800;text-transform:uppercase}.asset-bottom em{font-style:normal;color:var(--red);font-size:9px;margin-left:8px}.asset-bottom .arrow{color:var(--red);font-size:17px}

/* Contact */
.contact-editorial{padding:34px 0 42px}
.contact-layout{display:grid;grid-template-columns:38% 1fr auto;align-items:end;gap:50px}
.contact-title h2{font-size:clamp(78px,8vw,130px);margin-top:10px}.contact-title h2 .dot{color:var(--red)}
.contact-links{display:grid;gap:12px;padding-bottom:12px}.contact-links a{font-size:11px;font-weight:700;letter-spacing:.01em;color:#c8c7c1}.contact-links a span{color:var(--muted);display:inline-block;width:110px;font-size:9px;text-transform:uppercase}.contact-links a:hover{color:var(--red)}
.contact-mark{font-family:"Anton",sans-serif;font-size:20px;display:flex;align-items:center;gap:16px;padding-bottom:12px}.contact-mark::before{content:"";width:48px;height:1px;background:var(--line)}
.footer-mini{border-top:1px solid var(--line);padding:16px var(--pad) 22px;display:flex;justify-content:space-between;color:#6f6f6b;font-size:8px;text-transform:uppercase;letter-spacing:.08em}

[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}[data-reveal].visible{opacity:1;transform:none}

@media(max-width:980px){
  .micro-nav{grid-template-columns:1fr 1fr}.micro-nav .nav-center{display:none}
  .hero-image{inset:0;width:100%;object-position:55% 35%}.hero-editorial::after{background:linear-gradient(90deg,rgba(5,5,5,.95) 0%,rgba(5,5,5,.62) 60%,rgba(5,5,5,.50) 100%)}
  .profile-grid{grid-template-columns:38% 1fr}.profile-copy{grid-column:2;padding-top:0}.profile-stats{grid-column:1/3;margin-top:0}.profile-title{grid-column:2}.profile-photo{grid-row:1/3}
  .booking-layout,.tech-layout,.press-layout{grid-template-columns:1fr;gap:28px}.side-title h2,.tech-title h2,.press-title h2{font-size:72px}
  .tech-items{grid-template-columns:repeat(2,1fr)}
  #setup.setup-real3d .setup-grid{grid-template-columns:1fr;padding:0}
  #setup.setup-real3d .setup-copy{min-height:auto;padding:30px var(--pad);border-bottom:1px solid var(--line)}
  #setup.setup-real3d .setup-copy h2{font-size:70px;max-width:560px}.setup-stage.real3d-stage{min-height:640px;border-left:0}
  #setup.setup-real3d .setup-mode-switch{margin-top:25px}
  .contact-layout{grid-template-columns:1fr 1fr}.contact-mark{display:none}
}
@media(max-width:650px){
  :root{--pad:20px}
  .hero-editorial{height:760px;min-height:680px}.hero-image{object-position:64% 35%;filter:grayscale(1) contrast(1.1) brightness(.55)}.hero-editorial::after{background:linear-gradient(180deg,rgba(5,5,5,.2),rgba(5,5,5,.45) 36%,rgba(5,5,5,.96) 82%)}
  .hero-inner{padding-bottom:42px}.hero-title{font-size:96px}.hero-meta{font-size:12px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-btn{height:42px}.hero-mark{display:none}.hero-year{display:none}
  .profile-editorial{padding-top:20px}.profile-grid{display:block}.profile-photo{height:420px;margin-bottom:24px}.profile-title h2{font-size:68px}.profile-copy{padding-top:18px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;padding:18px 0 22px}
  .booking-row{grid-template-columns:38px 18px 1fr}.booking-row p{grid-column:3;padding-top:6px}.booking-row h3{font-size:10px}.side-title h2,.tech-title h2,.press-title h2{font-size:64px}
  .tech-items{grid-template-columns:1fr}.tech-item.wide{grid-column:auto}
  #setup.setup-real3d .setup-copy h2{font-size:62px}.setup-stage.real3d-stage{min-height:540px}.real3d-djs-label,.real3d-monitor-label,.real3d-hint{display:none}.real3d-toolbar{left:16px;bottom:16px}.real3d-badge{left:16px;top:16px}
  .asset-grid{grid-template-columns:1fr}.asset-card-new{height:300px}
  .contact-layout{grid-template-columns:1fr}.contact-title h2{font-size:88px}.contact-links{padding-bottom:0}.footer-mini{gap:14px;flex-direction:column}
}

/* =========================================================
   V2.1 CLEAN BLACK / ORIGINAL BUTTONS / BRAND NAV
   ========================================================= */
html,body{background:#000!important}
body::before{display:none!important;content:none!important}
.editorial-section,
.profile-editorial,
.booking-editorial,
.tech-editorial,
.press-editorial,
.contact-editorial,
.footer-mini{background:#000!important}

/* Fixed black navigation with original brand marks */
.micro-nav{
  position:fixed;
  height:62px;
  padding:0 var(--pad);
  background:rgba(0,0,0,.96);
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);
  gap:26px;
}
.nav-brand{display:flex;align-items:center;gap:14px;min-width:0;width:max-content}
.nav-tryhard-logo{display:block;width:104px;height:24px;object-fit:contain;object-position:left center}
.nav-brand-separator{display:block;width:1px;height:22px;background:rgba(255,255,255,.20)}
.nav-zone7-logo{display:block;width:78px;height:20px;object-fit:contain;object-position:left center}
.micro-nav .nav-center{gap:clamp(18px,2.3vw,34px)}
.micro-nav .nav-center a{padding:25px 0 22px;position:relative}
.micro-nav .nav-center a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.micro-nav .nav-center a:hover::after{transform:scaleX(1)}
.micro-nav .nav-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;text-align:right}
.nav-year{white-space:nowrap}
.nav-download{
  min-height:34px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid rgba(255,255,255,.30);background:linear-gradient(180deg,#151515 0%,#080808 100%);
  color:#fff;font-size:8px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;
  box-shadow:0 3px 0 #020202,inset 0 1px 0 rgba(255,255,255,.10);
  transition:transform .16s ease,border-color .18s ease,background .18s ease;
}
.nav-download:hover{transform:translateY(-1px);border-color:rgba(255,24,24,.8);background:linear-gradient(180deg,#1d1d1d 0%,#0d0d0d 100%)}
.nav-download span{color:var(--red);font-size:12px;line-height:1}

/* Keep the hero photographic, while the rest of the site stays pure black */
.hero-editorial{background:#000!important;padding-top:62px}

/* Restore the stronger, dimensional buttons from the previous version */
.hero-actions{gap:10px}
.hero-btn{
  position:relative;
  min-width:118px;
  min-height:38px;
  height:38px;
  padding:0 14px;
  gap:8px;
  border:1px solid rgba(255,255,255,.30)!important;
  background:linear-gradient(180deg,#151515 0%,#090909 100%)!important;
  color:#fff!important;
  font-size:8px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  box-shadow:0 4px 0 #020202,0 9px 18px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.11);
  transform:translateY(0);
  transition:transform .16s ease,box-shadow .16s ease,border-color .18s ease,background .18s ease;
}
.hero-btn::after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.025);pointer-events:none}
.hero-btn.primary{
  border-color:#ff5555!important;
  background:linear-gradient(180deg,#ff2525 0%,#d90000 100%)!important;
  box-shadow:0 4px 0 #610000,0 9px 20px rgba(0,0,0,.52),0 0 16px rgba(255,23,23,.13),inset 0 1px 0 rgba(255,255,255,.32);
}
.hero-btn:hover{
  border-color:rgba(255,23,23,.75)!important;
  background:linear-gradient(180deg,#1c1c1c 0%,#0d0d0d 100%)!important;
  transform:translateY(-2px);
  box-shadow:0 6px 0 #020202,0 12px 24px rgba(0,0,0,.55),0 0 18px rgba(255,23,23,.10),inset 0 1px 0 rgba(255,255,255,.14);
}
.hero-btn.primary:hover{
  color:#fff!important;border-color:#ff6a6a!important;
  background:linear-gradient(180deg,#ff3333 0%,#e00000 100%)!important;
  box-shadow:0 6px 0 #610000,0 12px 24px rgba(0,0,0,.55),0 0 20px rgba(255,23,23,.18),inset 0 1px 0 rgba(255,255,255,.38);
}
.hero-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #020202,0 4px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08)}
.hero-btn.primary:active{box-shadow:0 1px 0 #610000,0 4px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.20)}

/* Pure black card and rider surfaces — no page texture */
.asset-card-new,.asset-preview,.asset-preview.doc{background:#000!important}
#setup.setup-real3d{background:#000!important}
.setup-stage.real3d-stage{background:#000!important}
.real3d-grid{opacity:.035}
.stage-vignette{background:radial-gradient(circle at 52% 46%,transparent 43%,rgba(0,0,0,.20) 76%,rgba(0,0,0,.62) 100%)}

@media(max-width:1100px){
  .micro-nav{grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);gap:16px}
  .nav-tryhard-logo{width:88px}.nav-zone7-logo{width:66px}.nav-year{display:none}.nav-download{padding-inline:10px}
}
@media(max-width:980px){
  .micro-nav{grid-template-columns:1fr auto}.micro-nav .nav-center{display:none}
  .nav-year{display:none}
}
@media(max-width:650px){
  .micro-nav{height:58px;padding-inline:16px;gap:10px}
  .hero-editorial{padding-top:58px}
  .nav-brand{gap:9px}.nav-tryhard-logo{width:74px;height:20px}.nav-brand-separator{height:18px}.nav-zone7-logo{width:54px;height:17px}
  .nav-download{min-height:32px;padding:0 9px;font-size:7px}.nav-download span{font-size:11px}
  .hero-actions{gap:10px}.hero-btn{min-width:108px;height:38px;min-height:38px;padding-inline:12px}
}
@media(max-width:430px){
  .nav-zone7-logo,.nav-brand-separator{display:none}
  .nav-download{max-width:132px;line-height:1.1;text-align:center}
}


/* =========================================================
   V4 — WHITE BRAND LOGOS / CLEAN HERO BRANDING
   ========================================================= */
.nav-tryhard-logo,
.nav-zone7-logo{
  filter:grayscale(1) brightness(0) invert(1)!important;
  opacity:1!important;
}

/* The top-right year was intentionally removed; keep the download CTA alone. */
.micro-nav .nav-right{justify-content:flex-end}

/* Replace the typeset ZONE7 title with the actual artist mark. */
.hero-title-logo{
  width:min(560px,50vw);
  max-width:none;
  line-height:1;
  letter-spacing:0;
  text-shadow:none;
}
.hero-title-logo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
  filter:grayscale(1) brightness(0) invert(1);
}

@media(max-width:980px){
  .hero-title-logo{width:min(470px,62vw)}
}
@media(max-width:650px){
  .hero-title-logo{width:min(350px,88vw)}
}

@media(max-width:430px){
  .nav-zone7-logo,.nav-brand-separator{display:block}
  .nav-tryhard-logo{width:60px;height:18px}
  .nav-zone7-logo{width:42px;height:15px}
  .nav-download{max-width:112px;padding-inline:7px;font-size:6px}
}


/* =========================================================
   V5 — 3D TITLE SAFE ZONE / TRYHARD SPLASH CURSOR / I18N
   ========================================================= */

/* Give the 3D title a true safe column so the WebGL stage never cuts it. */
#setup.setup-real3d .setup-grid{
  grid-template-columns:minmax(0,30%) minmax(0,70%);
}
#setup.setup-real3d .setup-copy{
  position:relative;
  z-index:3;
  padding-right:36px;
  overflow:visible;
}
#setup.setup-real3d .setup-copy h2{
  width:100%;
  max-width:100%;
  font-size:clamp(54px,4.25vw,72px);
  line-height:.90;
  letter-spacing:-.035em;
  overflow:visible;
}
.setup-stage.real3d-stage{
  position:relative;
  z-index:1;
}

/* Compact controlled ES / EN switch: no browser auto-translation, no DOM reflow surprises. */
.presskit-language-switch{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:58px;
  height:34px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.18);
  background:#050505;
  flex:0 0 auto;
}
.presskit-language-btn{
  appearance:none;
  border:0;
  background:transparent;
  color:#666;
  min-width:18px;
  padding:0;
  font-size:7px;
  line-height:1;
  font-weight:900;
  letter-spacing:.07em;
  cursor:pointer;
  transition:color .18s ease;
}
.presskit-language-btn:hover,
.presskit-language-btn.is-active{color:#fff}
.presskit-language-btn.is-active{color:var(--red)}
.presskit-language-divider{color:#444;font-size:8px;line-height:1}

/* Same fluid mouse layer used by the TRYHARD home page. */
#splash-cursor{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:50;
  pointer-events:none;
  overflow:hidden;
}
#splash-fluid{
  width:100vw;
  height:100vh;
  display:block;
  pointer-events:none;
}

/* Translation-safe typography: allow copy to grow vertically, never horizontally. */
.booking-row h3,
.booking-row p,
.tech-item p,
.profile-copy p,
#setup.setup-real3d .setup-copy p{
  min-width:0;
  overflow-wrap:break-word;
}
html[lang="en"] .booking-row h3{font-size:10px}
html[lang="en"] .booking-row p{line-height:1.52}

@media(max-width:1200px) and (min-width:1101px){
  #setup.setup-real3d .setup-grid{grid-template-columns:32% 68%}
  #setup.setup-real3d .setup-copy{padding-right:30px}
  #setup.setup-real3d .setup-copy h2{font-size:clamp(52px,4.5vw,62px)}
}
@media(max-width:1100px){
  #setup.setup-real3d .setup-grid{grid-template-columns:1fr}
  #setup.setup-real3d .setup-copy{padding-right:var(--pad);overflow:hidden}
  #setup.setup-real3d .setup-copy h2{font-size:70px;max-width:560px}
}
@media(max-width:980px){
  .micro-nav .nav-right{gap:9px}
  .presskit-language-switch{height:32px;min-width:54px;padding-inline:7px}
}
@media(max-width:650px){
  .micro-nav .nav-right{gap:6px}
  .presskit-language-switch{height:32px;min-width:48px;padding:0 5px;gap:3px}
  .presskit-language-btn{font-size:6px;min-width:16px}
  #setup.setup-real3d .setup-copy h2{font-size:62px}
}
@media(max-width:430px){
  .nav-brand{gap:6px}
  .nav-tryhard-logo{width:54px;height:17px}
  .nav-brand-separator{height:16px}
  .nav-zone7-logo{width:36px;height:14px}
  .presskit-language-switch{min-width:44px;padding:0 4px}
  .nav-download{max-width:96px;padding-inline:6px;font-size:5.8px}
}
@media (hover:none) and (pointer:coarse){
  #splash-cursor{display:none}
}

/* Language-safe generated label for the technical PDF card */
html:lang(es) .asset-preview.doc::before{content:"FICHA\A TÉCNICA"}
html:lang(en) .asset-preview.doc::before{content:"TECHNICAL\A RIDER"}


/* =========================================================
   V8 — MOBILE BUTTON POLISH / NON-EMOJI ARROWS
   ========================================================= */

/* Icons are drawn with CSS, so iOS/Android never substitute emoji glyphs. */
.ui-icon{
  display:inline-block;
  position:relative;
  width:12px;
  height:12px;
  flex:0 0 12px;
  color:currentColor;
  vertical-align:-1px;
}
.ui-icon-right::before{
  content:"";
  position:absolute;
  left:1px;
  top:5.5px;
  width:9px;
  height:1px;
  background:currentColor;
}
.ui-icon-right::after{
  content:"";
  position:absolute;
  right:1px;
  top:3px;
  width:5px;
  height:5px;
  border-top:1px solid currentColor;
  border-right:1px solid currentColor;
  transform:rotate(45deg);
}
.ui-icon-external::before{
  content:"";
  position:absolute;
  left:2px;
  top:6px;
  width:9px;
  height:1px;
  background:currentColor;
  transform:rotate(-45deg);
  transform-origin:left center;
}
.ui-icon-external::after{
  content:"";
  position:absolute;
  right:1px;
  top:1px;
  width:6px;
  height:6px;
  border-top:1px solid currentColor;
  border-right:1px solid currentColor;
}
.ui-icon-download::before{
  content:"";
  position:absolute;
  left:5.5px;
  top:1px;
  width:1px;
  height:8px;
  background:currentColor;
}
.ui-icon-download::after{
  content:"";
  position:absolute;
  left:3px;
  top:5px;
  width:5px;
  height:5px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg);
}

/* Keep label/icon alignment deterministic on all browsers. */
.hero-btn{gap:9px}
.hero-btn .ui-icon{color:var(--red)}
.hero-btn.primary .ui-icon{color:#fff}
.asset-bottom .arrow{
  color:var(--red);
  font-size:0;
  width:13px;
  height:13px;
}
.contact-links a{
  display:flex;
  align-items:center;
}
.contact-links a > span:first-child{flex:0 0 110px}
.contact-links .contact-value{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:auto;
  color:inherit;
  font-size:11px;
  text-transform:none;
}
.contact-links .contact-value .ui-icon{width:11px;height:11px;flex-basis:11px;color:var(--red)}

.nav-download-mobile-label{display:none}
.nav-download .ui-icon-download{color:var(--red);width:11px;height:11px;flex-basis:11px}

@media(max-width:650px){
  /* Mobile header CTA: compact, flat and clean instead of the desktop beveled button. */
  .micro-nav{padding-inline:12px;gap:8px}
  .micro-nav .nav-right{gap:5px}
  .nav-download{
    min-width:82px;
    max-width:none;
    min-height:31px;
    height:31px;
    padding:0 9px;
    gap:7px;
    border:1px solid rgba(255,255,255,.22);
    background:#050505;
    box-shadow:none;
    font-size:7px;
    line-height:1;
    letter-spacing:.08em;
    white-space:nowrap;
  }
  .nav-download:hover,
  .nav-download:active{
    transform:none;
    background:#050505;
    box-shadow:none;
  }
  .nav-download-label{display:none}
  .nav-download-mobile-label{display:inline-block;color:#fff;font-size:7px;font-weight:900;letter-spacing:.08em}
  .nav-download .ui-icon-download{width:10px;height:10px;flex-basis:10px}

  .hero-btn{gap:8px}
  .hero-btn .ui-icon{width:11px;height:11px;flex-basis:11px}
  .asset-bottom .arrow{width:12px;height:12px}
  .contact-links .contact-value .ui-icon{width:10px;height:10px;flex-basis:10px}
}

@media(max-width:430px){
  .micro-nav{padding-inline:10px;gap:6px}
  .nav-brand{gap:5px}
  .nav-tryhard-logo{width:54px;height:17px}
  .nav-zone7-logo{width:38px;height:14px}
  .presskit-language-switch{min-width:40px;height:30px;padding:0 3px}
  .nav-download{min-width:76px;height:30px;min-height:30px;padding:0 7px;gap:6px}
  .nav-download-mobile-label{font-size:6.5px}
}

/* =========================================================
   V9 — DESKTOP SPACING / CENTERED PRESS ASSETS / CONTACT ALIGNMENT
   ========================================================= */

/* Large editorial headings need their own safe zones at desktop widths. */
@media (min-width:981px){
  .profile-grid{
    grid-template-columns:minmax(340px,31%) minmax(270px,22%) minmax(0,1fr);
    gap:56px;
  }
  .profile-photo{height:570px}
  .profile-title h2{
    font-size:clamp(58px,5.25vw,84px);
    line-height:.94;
    max-width:100%;
  }
  .profile-copy{
    padding-top:30px;
    max-width:none;
    font-size:11.5px;
    line-height:1.56;
  }
  .profile-copy p+p{margin-top:13px}
  .profile-stats{
    grid-column:2/4;
    margin-top:8px;
  }

  .booking-layout{
    grid-template-columns:minmax(390px,35%) minmax(0,1fr);
    gap:72px;
  }
  .side-title h2{
    font-size:clamp(60px,5.35vw,86px);
    line-height:.94;
    max-width:100%;
  }

  .tech-layout{
    grid-template-columns:minmax(350px,31%) minmax(0,1fr);
    gap:72px;
  }
  .tech-title h2{
    font-size:clamp(62px,5.45vw,88px);
    line-height:.98;
    max-width:100%;
  }
}

/* Keep title accents clear of the line above instead of visually colliding. */
.profile-title .display,
.side-title .display,
.tech-title .display{
  overflow:visible;
}

/* Press cards: center every visual in a consistent preview field. */
.asset-preview{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.asset-grid .asset-card-new:first-child .asset-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:60% 30%;
}
.asset-preview.logo img{
  width:72%;
  height:72%;
  object-fit:contain;
  object-position:center;
  padding:0;
  margin:auto;
}
.asset-preview.doc::before{
  position:absolute;
  left:50%;
  top:50%;
  margin:0;
  transform:translate(-50%,-50%) rotate(7deg);
  transform-origin:center;
}

/* Contact information stays on the right; decorative Z7 mark removed. */
@media (min-width:981px){
  .contact-layout{
    grid-template-columns:minmax(420px,46%) minmax(330px,1fr);
    align-items:center;
    gap:70px;
  }
  .contact-links{
    width:min(100%,390px);
    justify-self:end;
    padding-bottom:0;
  }
}
.contact-mark{display:none!important}

/* Long biography remains readable on tablet/mobile without crowding headings. */
@media (max-width:980px){
  .profile-copy{font-size:12px;line-height:1.58}
  .profile-copy p+p{margin-top:13px}
}


/* TRYHARD PRESSKIT: photo + unnumbered booking conditions */
/* Se conserva la fotografía completa y se evita el recorte por object-fit:cover */
.profile-photo { height: auto; overflow: visible; }
.profile-photo img { display: block; width: 100%; height: auto; object-fit: contain; object-position: center; }
/* Filas con únicamente los títulos, descripciones y líneas horizontales */
.booking-row { grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); }
.booking-row .no, .booking-row .dash { display: none !important; }
.booking-row h3 { grid-column: 1; }
.booking-row p { grid-column: 2; padding-top: 0; }
@media (max-width: 760px) {
  .booking-row { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .booking-row h3, .booking-row p { grid-column: 1; }
}

/* START TRYHARD ZONE7 PRESSKIT MOBILE CONTACT FIX */
/* Solo móvil. Evita el título cortado y aprovecha el ancho real del contacto. */
@media (max-width: 650px) {
  .contact-editorial { padding: 42px 0 35px; }
  .contact-editorial .wrap.contact-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
  .contact-title, .contact-links { min-width: 0; width: 100%; }
  .contact-title h2.display {
    font-size: clamp(48px, 12.4vw, 72px);
    line-height: 1.04;
    letter-spacing: -0.025em;
    max-width: 100%;
    overflow-wrap: normal;
  }
  .contact-links { display: grid; gap: 0; padding: 0; }
  .contact-links a {
    display: grid;
    grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 13px 0;
    border-bottom: 1px solid rgba(240,239,233,.18);
  }
  .contact-links a:first-child { border-top: 1px solid rgba(240,239,233,.18); }
  .contact-links a > span:first-child {
    flex: initial;
    width: auto;
    font-size: 10px;
  }
  .contact-links .contact-value {
    min-width: 0;
    width: auto;
    justify-self: end;
    justify-content: flex-end;
    gap: 10px;
    text-align: right;
    font-size: 11px;
    white-space: nowrap;
  }
  .footer-mini { padding-top: 22px; padding-bottom: 32px; gap: 12px; }
}
@media (max-width: 360px) {
  .contact-title h2.display { font-size: 12.1vw; }
  .contact-links a { grid-template-columns: minmax(0, 39%) minmax(0, 1fr); gap: 7px; }
  .contact-links .contact-value { font-size: 10px; }
}
/* END TRYHARD ZONE7 PRESSKIT MOBILE CONTACT FIX */