@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#11110f;--paper:#ded9cb;--ink:#282820;--muted:#827c70;--line:#59564a;--accent:#9b342e;--panel:#1c1c19;--display:'Cinzel',Georgia,serif;--ui:'DM Mono',monospace;--body:'Inter',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font:15px/1.75 var(--body)}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.container{width:min(1160px,calc(100% - 56px));margin:auto}header{position:relative;z-index:5;border-bottom:1px solid #ffffff20;background:#11110fe8;backdrop-filter:blur(18px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;color:var(--paper);font:600 15px var(--display);letter-spacing:.16em;white-space:nowrap}.brand small{display:block;color:var(--muted);font:10px var(--ui);letter-spacing:.18em;margin-top:3px}.navlinks{display:flex;align-items:center;gap:29px}.navlinks a,.switch a{font:11px var(--ui);text-transform:uppercase;letter-spacing:.1em;text-decoration:none;color:#bab3a4}.navlinks a:hover,.switch a:hover{color:#fff}.switch{border:1px solid #77706366;padding:9px 13px}.menu{display:none}.hero{position:relative;overflow:hidden;min-height:680px;display:flex;align-items:center;border-bottom:1px solid #ffffff24}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 54%,var(--glow),transparent 50%),linear-gradient(90deg,#11110f 12%,transparent 90%);opacity:.8}.hero .container{z-index:2;position:relative;padding:100px 0 90px}.eyebrow,.kicker,.tiny{font:11px/1.5 var(--ui);text-transform:uppercase;letter-spacing:.19em}.eyebrow{color:#b2aa97}.red{color:var(--accent)}.hero h1{font:500 clamp(58px,8vw,112px)/.99 var(--display);letter-spacing:-.07em;margin:24px 0 14px;max-width:750px;text-shadow:0 8px 25px #0005}.hero h1 span{display:block;font-size:.56em;letter-spacing:.03em;margin-top:15px}.hero .lead{color:#b3ae9f;max-width:590px;font-size:16px;line-height:1.85;margin:29px 0}.actionrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.btn{font:11px var(--ui);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;gap:16px;align-items:center;justify-content:center;border:1px solid #6f695f;text-decoration:none;color:var(--paper);padding:15px 22px;transition:.2s}.btn.primary{background:var(--paper);border-color:var(--paper);color:#181814}.btn:hover{transform:translateY(-2px);border-color:#fff}.sigil{pointer-events:none;position:absolute;right:-6%;top:10%;width:min(730px,61vw);height:730px;opacity:.42;filter:drop-shadow(0 0 45px var(--glow))}.sigil circle,.sigil path,.sigil polygon{fill:none;stroke:var(--accent);stroke-width:.8}.sigil .heavy{stroke-width:3}.vertical{position:absolute;right:28px;bottom:50px;writing-mode:vertical-rl;font:10px var(--ui);letter-spacing:.2em;color:#aea89b}.section{padding:95px 0;border-bottom:1px solid #ffffff15}.sectionhead{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ffffff30;padding-bottom:22px;margin-bottom:32px;gap:20px}.sectionhead h2{font:500 clamp(30px,4vw,48px)/1.15 var(--display);letter-spacing:-.03em;margin:8px 0 0}.sectionhead .kicker{color:var(--accent)}.sectionhead p{color:var(--muted);font:11px var(--ui);max-width:320px}.introgrid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px}.prose{font-size:16px;color:#bbb5a7;line-height:1.95;max-width:680px}.meta{border-left:1px solid #ffffff30;padding-left:26px}.meta p{margin:0 0 28px;color:var(--paper)}.meta p span{display:block;color:#817a6a;font:10px var(--ui);text-transform:uppercase;letter-spacing:.14em;margin-bottom:5px}.statebar{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}.statebar span{border:1px solid #756d5e80;padding:7px 11px;font:10px var(--ui);letter-spacing:.05em}.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.progress article{background:#1c1c18;border:1px solid #71695743;padding:27px;min-height:225px}.progress article .num{color:var(--accent);font:11px var(--ui)}.progress h3{font:500 21px var(--display);margin:15px 0 10px}.progress p{color:#aaa493;margin:0;font-size:13px;line-height:1.8}.caution{padding:19px 23px;margin-top:25px;border-left:2px solid var(--accent);background:#26221e;color:#b9ad9b;font-size:13px}.roadmap{position:relative}.timeline{border-left:1px solid #6e695d;margin-left:13px;padding-left:36px}.phase{position:relative;padding:0 0 37px;display:grid;grid-template-columns:180px 1fr;gap:26px}.phase:last-child{padding-bottom:0}.phase:before{content:'';position:absolute;left:-42px;top:6px;width:10px;height:10px;border:1px solid var(--accent);background:var(--bg);transform:rotate(45deg)}.phase .phaseid{font:10px var(--ui);color:var(--accent);letter-spacing:.15em}.phase h3{font:500 22px var(--display);margin:0 0 9px}.phase p{font-size:13px;color:#aaa494;margin:0;line-height:1.85}.roadnote{margin-top:40px;color:#8e887a;font:12px/1.8 var(--ui)}.shots{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shot{margin:0;border:1px solid #6a64584d;background:#1b1b18}.shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0a0a09}.shot figcaption{padding:15px 19px;color:#a29b8c;font:11px/1.6 var(--ui)}.setup{background:#d6d1c4;color:#26261f;padding:60px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px}.setup h2{font:500 36px var(--display);margin:0 0 8px}.setup p{max-width:670px;color:#575346;font-size:14px;margin:0}.setup .btn{border-color:#38362e;color:#26261f}.setup .btn:hover{border-color:#000}footer{padding:42px 0 60px}.foot{display:flex;justify-content:space-between;gap:25px;color:#898375;font:11px/1.8 var(--ui)}footer a{color:#b4ab9d}.footer-brand{font:16px var(--display);color:#dad2c4;letter-spacing:.1em}.decorline{height:5px;background:repeating-linear-gradient(90deg,var(--accent) 0 32px,transparent 32px 43px);width:110px;margin-bottom:30px}.deck-theme{--accent:#a73934;--glow:#6b171b}.one-theme{--accent:#b7a085;--glow:#7b594a}.one-theme .hero{background:linear-gradient(120deg,#181714,#24211f 58%,#11110f)}.deck-theme .hero{background:linear-gradient(105deg,#1b1414,#271a1b 55%,#101010)}@media(max-width:850px){.navlinks{gap:12px}.navlinks a{font-size:10px}.hero{min-height:600px}.sigil{right:-28%;width:90vw;opacity:.22}.progress{grid-template-columns:1fr 1fr}.introgrid{grid-template-columns:1fr;gap:20px}.meta{border-left:0;border-top:1px solid #ffffff30;padding:25px 0 0;display:grid;grid-template-columns:1fr 1fr}.phase{grid-template-columns:110px 1fr}.setup{padding:35px;grid-template-columns:1fr}}@media(max-width:570px){.container{width:min(100% - 32px,1160px)}.navlinks a:not(.switch a){display:none}.brand{font-size:12px}.hero .container{padding:85px 0}.hero h1{font-size:59px}.hero .lead{font-size:14px}.vertical{display:none}.section{padding:65px 0}.sectionhead{align-items:start;flex-direction:column}.progress,.shots,.meta{grid-template-columns:1fr}.phase{grid-template-columns:1fr;gap:5px;padding-bottom:32px}.phase h3{font-size:19px}.timeline{padding-left:24px}.phase:before{left:-30px}.setup{padding:27px}.setup h2{font-size:28px}.foot{flex-direction:column}}

/* Drakengard 3 — Zero illustration placed inside the landing header. */
.deck-theme .hero{isolation:isolate;min-height:740px}
.deck-theme .hero .container{position:relative;z-index:3}
.deck-theme .hero .sigil{z-index:0;right:-6%;opacity:.38}
.deck-theme .hero:before{z-index:0}
.deck-theme .hero .vertical{z-index:4}
.deck-theme .hero-character{
  position:absolute;right:-1%;bottom:-9%;z-index:2;
  width:clamp(380px,43vw,680px);height:auto;
  pointer-events:none;user-select:none;
  opacity:.96;
  filter:drop-shadow(-18px 9px 32px rgba(0,0,0,.58));
  -webkit-mask-image:linear-gradient(to bottom,#000 76%,transparent 99%);
  mask-image:linear-gradient(to bottom,#000 76%,transparent 99%);
}
.deck-theme .hero .lead{max-width:520px}
.hero .container .actionrow .btn.telegram{border-color:#8e8578;color:var(--paper)}
.hero .container .actionrow .btn.telegram:hover{border-color:#fff}
@media(max-width:1080px){
  .deck-theme .hero-character{right:-9%;width:54vw;opacity:.78}
  .deck-theme .hero .lead{max-width:470px}
}
@media(max-width:750px){
  .deck-theme .hero-character{right:-25%;bottom:-5%;width:85vw;opacity:.28}
  .deck-theme .hero .container{z-index:3}
}
@media(max-width:570px){
  .deck-theme .hero-character{right:-58%;bottom:0;width:120vw;opacity:.23}
  .deck-theme .hero:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(17,17,15,.5),transparent)}
}

/* Character compositions: keep faces visible within the hero. */
.deck-theme .hero-character{
  height:min(720px,100%);width:auto;max-width:none;
  right:1%;bottom:0;object-fit:contain;object-position:center bottom;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 79%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 79%,transparent 100%);
}
.one-theme .hero{isolation:isolate}
.one-theme .hero::before{z-index:1}
.one-theme .hero .sigil{z-index:0;right:-6%;opacity:.22}
.one-theme .hero .container{position:relative;z-index:3}
.one-theme .hero .vertical{z-index:4}
.one-theme .hero-character{
  position:absolute;right:-2%;top:10%;height:90%;width:59%;
  z-index:2;pointer-events:none;user-select:none;
  background-image:url('drakengard1-hero-v2.jpg');background-position:center bottom;
  background-size:cover;background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 96%);
  mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 96%);
  opacity:.82;filter:sepia(.1) contrast(1.06);
}
.one-theme .hero .lead{max-width:510px}
@media(max-width:1100px){
 .deck-theme .hero-character{height:82%;width:auto;right:-1%;opacity:.75}
 .one-theme .hero-character{right:-12%;width:70%;opacity:.62}
}
@media(max-width:750px){
 .deck-theme .hero-character{height:76%;width:auto;right:-21%;bottom:0;opacity:.38}
 .one-theme .hero-character{right:-25%;width:98%;opacity:.33}
}
@media(max-width:570px){
 .deck-theme .hero-character{height:68%;width:auto;right:-50%;bottom:0;opacity:.24}
 .one-theme .hero-character{right:-55%;width:130%;opacity:.22}
}

/* Drakengard 3 hero: integrate the supplied Zero still into the red palette. */
.deck-theme .hero{
  min-height:700px;
  background:linear-gradient(105deg,#1b1114 8%,#42151d 57%,#721d2a 100%);
}
.deck-theme .hero-character{
  right:-3%;bottom:0;width:min(66vw,736px);height:auto;max-width:736px;
  object-fit:cover;object-position:center center;
  opacity:.9;
  filter:sepia(.72) saturate(1.55) hue-rotate(305deg) contrast(1.08);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);
}
.deck-theme .hero::after{
  content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(27,17,20,.18) 0%,transparent 48%,rgba(92,18,31,.18) 100%);
}
.deck-theme .hero .container{z-index:4}

/* Match Drakengard 1: one centered hero composition instead of a floating image. */
.deck-theme .hero-character{
  position:absolute;right:0;top:0;bottom:0;width:62%;height:auto;z-index:2;
  background-image:url('zero-pinterest-hero-v2.png');
  background-position:center center;background-size:cover;background-repeat:no-repeat;
  pointer-events:none;user-select:none;opacity:.9;
  filter:sepia(.72) saturate(1.55) hue-rotate(305deg) contrast(1.08);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 88%,transparent 100%);
}