*{box-sizing:border-box}html,body{margin:0;background:#071012;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow:hidden}header{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;display:flex;align-items:center;padding:0 4vw;background:linear-gradient(#071012dd,transparent)}.brand{font-weight:800;letter-spacing:.12em}.brand em{font-style:normal;color:#d6a759}nav{margin-left:auto;display:flex;gap:5px}nav button,.exit,footer button{color:#fff;background:#ffffff10;border:1px solid #ffffff28;border-radius:999px;padding:9px 13px;text-decoration:none;cursor:pointer}nav button.on{background:#d6a759;color:#111;border-color:#d6a759}.exit{margin-left:12px}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;background-image:var(--bg);background-size:cover;background-position:center;transition:opacity .7s ease,transform .7s ease;transform:scale(1.015)}.slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#061012ed 0%,#061012c9 40%,#06101250 72%,#06101224),linear-gradient(0deg,#061012a8,transparent 50%)}.copy{position:absolute;left:7vw;bottom:18vh;width:min(720px,76vw)}.eyebrow{font-size:12px;letter-spacing:.2em;color:#d6a759;margin-bottom:18px}.copy h2{font-size:clamp(42px,6vw,88px);line-height:.94;margin:0 0 22px;max-width:1000px}.copy p{font-size:clamp(17px,1.55vw,24px);line-height:1.55;color:#e9efee;margin:0;max-width:760px}.status{margin-top:28px;font-size:11px;letter-spacing:.15em;display:flex;align-items:center;gap:8px;color:#cbd4d2}.status span{width:8px;height:8px;border-radius:50%;background:#d6a759}footer{position:fixed;z-index:20;bottom:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(transparent,#071012e8)}#dots{display:flex;gap:5px}#dots i{width:18px;height:2px;background:#ffffff30}#dots i.on{background:#d6a759}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(#04101420,#04101438),url('login_final.png') center/cover no-repeat}.login main{width:min(500px,86vw);padding:44px 42px 38px;text-align:center;background:#071012c4;border:1px solid #ffffff42;border-radius:18px;box-shadow:0 30px 90px #0008;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.login-logo{font-family:Georgia,serif;font-size:42px;letter-spacing:-.35em;padding-right:.35em;color:#fff;opacity:.9;line-height:1}.login .mark{margin-top:12px;font-family:Georgia,'Times New Roman',serif;font-size:24px;letter-spacing:.18em;font-weight:500}.login em{color:#d6a759;font-style:normal}.login-tagline{margin:14px 0 30px!important;font-size:10px!important;letter-spacing:.24em;color:#e5e9e8!important}.login form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.login input{width:100%;padding:15px 16px;background:#ffffff10;border:1px solid #ffffff4d;border-radius:7px;color:#fff;outline:none}.login input:focus{border-color:#d6a759}.login button{padding:15px 24px;background:#123d2f;color:#fff;border:1px solid #ffffff36;border-radius:7px;font-family:Georgia,serif;letter-spacing:.18em;font-weight:500;cursor:pointer}.login button:hover{background:#184c3a}.setup{margin-top:24px;padding:16px;border:1px solid #d6a75966;border-radius:7px;color:#f1d9ae;line-height:1.5}.login small{display:block;margin-top:12px;color:#ffb6b6}@media(max-width:700px){header{height:65px;padding:0 18px}.brand{font-size:12px}nav button{padding:7px 8px;font-size:11px}.exit{display:none}.copy{left:24px;right:24px;bottom:18vh;width:auto}.copy h2{font-size:40px}.copy p{font-size:16px}.shade{background:linear-gradient(0deg,#061012f2 0%,#061012b8 58%,#06101245)}#dots{display:none}footer{height:72px;padding:0 18px}.login main{padding:30px}.login form{flex-direction:column}.login button{padding:14px}}
/* V3 masterplan */
.concept-slide .shade{background:linear-gradient(90deg,rgba(3,9,16,.9) 0%,rgba(3,9,16,.55) 42%,rgba(3,9,16,.1) 100%)}
.status.concept{border-color:rgba(212,169,85,.55);background:rgba(8,15,23,.72)}
.status.concept span{background:#d4a955;box-shadow:0 0 18px rgba(212,169,85,.7)}
@media(max-width:700px){.concept-slide{background-position:62% center}.concept-slide .shade{background:linear-gradient(0deg,rgba(3,9,16,.94),rgba(3,9,16,.35))}}
/* V4 cinematic project overview */
.overview-slide{background-position:center center}
.overview-slide .shade{background:linear-gradient(90deg,rgba(3,9,16,.91) 0%,rgba(3,9,16,.58) 35%,rgba(3,9,16,.12) 67%,rgba(3,9,16,.06) 100%)}
.overview-slide .copy{bottom:15vh;max-width:660px;padding:28px 30px;border-left:1px solid rgba(214,167,89,.72);background:linear-gradient(90deg,rgba(4,11,17,.75),rgba(4,11,17,.05));backdrop-filter:blur(2px)}
.overview-slide .copy h2{font-size:clamp(40px,5.3vw,78px)}
@media(max-width:700px){.overview-slide{background-position:64% center}.overview-slide .copy{left:18px;right:18px;bottom:15vh;padding:20px;background:rgba(4,11,17,.72);border-left:2px solid #d6a759}.overview-slide .copy h2{font-size:36px}}

/* V5 technical project screens */
.tech-slide{background-position:center}.tech-slide .shade{background:linear-gradient(90deg,rgba(3,10,14,.96) 0%,rgba(3,10,14,.78) 43%,rgba(3,10,14,.12) 76%)}
.tech-slide .copy{bottom:12vh;width:min(780px,76vw)}.tech-slide .copy h2{font-size:clamp(38px,5.1vw,72px);margin-bottom:14px}.tech-slide .copy>p{font-size:clamp(15px,1.25vw,19px);max-width:720px}
.tech-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;max-width:900px}.tech-card{min-height:112px;padding:15px 16px;background:rgba(5,17,21,.72);border:1px solid rgba(255,255,255,.14);border-top:2px solid rgba(214,167,89,.8);backdrop-filter:blur(6px)}.tech-card b{display:block;color:#e5b862;font-size:10px;letter-spacing:.13em;margin-bottom:9px}.tech-card span{display:block;color:#e9efee;font-size:12px;line-height:1.45}.tech-slide .status{margin-top:14px}
@media(max-width:850px){.tech-matrix{grid-template-columns:1fr;gap:6px;margin-top:14px}.tech-card{min-height:0;padding:10px 12px}.tech-card span{font-size:11px}.tech-slide .copy{left:20px;right:20px;bottom:12vh;width:auto}.tech-slide .copy h2{font-size:34px}.tech-slide .copy>p{font-size:14px;line-height:1.35}.tech-slide .shade{background:linear-gradient(0deg,rgba(3,10,14,.97) 0%,rgba(3,10,14,.88) 65%,rgba(3,10,14,.28) 100%)}}
/* V6 — dedicated development chapters */
.project-focus .copy{max-width:820px}
.project-focus h2{letter-spacing:.035em}
.project-focus .copy>p{max-width:760px}
@media (min-width:900px){.project-focus .copy{padding-left:7vw}.project-focus .shade{background:linear-gradient(90deg,rgba(4,10,16,.92) 0%,rgba(4,10,16,.66) 43%,rgba(4,10,16,.14) 76%,rgba(4,10,16,.28) 100%)}}

/* V7 — heritage, finale and presentation polish */
.deck-progress{display:flex;align-items:center;gap:14px;min-width:42vw;justify-content:center}#counter{font-size:10px;letter-spacing:.18em;color:#d6a759;white-space:nowrap}#progress{width:110px;height:2px;background:#ffffff20;overflow:hidden}#progress span{display:block;height:100%;width:0;background:#d6a759;transition:width .45s ease}
.heritage-slide .shade{background:linear-gradient(90deg,rgba(4,10,14,.94) 0%,rgba(4,10,14,.72) 48%,rgba(4,10,14,.22) 78%),linear-gradient(0deg,rgba(4,10,14,.72),transparent 55%)}.heritage-slide .copy{width:min(850px,80vw)}.heritage-slide .copy h2{font-size:clamp(46px,6.3vw,92px)}.heritage-slide .copy p{max-width:830px}.heritage-line{margin-top:28px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;letter-spacing:.12em;color:#f1e6d0}.heritage-line i{font-style:normal;color:#d6a759}.heritage-line span:last-child{color:#d6a759;font-weight:800}
.legacy-slide .shade{background:radial-gradient(circle at 65% 35%,rgba(8,15,18,.18),rgba(4,10,14,.86) 70%),linear-gradient(0deg,rgba(4,10,14,.88),rgba(4,10,14,.2))}.legacy-slide .copy{left:50%;bottom:12vh;transform:translateX(-50%);width:min(900px,86vw);text-align:center}.legacy-slide .eyebrow,.legacy-slide .status{justify-content:center}.legacy-slide h2{margin-left:auto;margin-right:auto}.legacy-stack{display:grid;justify-items:center;gap:7px;margin:20px auto 10px;font-size:clamp(15px,1.45vw,22px);font-weight:700;letter-spacing:.1em}.legacy-stack i{font-style:normal;color:#d6a759;font-weight:400}.legacy-stack .gold{color:#d6a759;font-size:1.12em}.legacy-note{margin:18px auto 0!important;font-size:clamp(14px,1.1vw,17px)!important;color:#cbd4d2!important}.slide.active .copy{animation:copyIn .75s cubic-bezier(.2,.7,.2,1) both}@keyframes copyIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.deck-progress{min-width:auto}.deck-progress #dots{display:none}#progress{width:70px}.heritage-slide .copy{width:auto}.heritage-line{font-size:9px;gap:7px}.legacy-slide .copy{left:18px;right:18px;transform:none;width:auto;bottom:12vh}.legacy-stack{font-size:13px}.legacy-slide h2{font-size:34px}}

/* V8 — final presentation controls */
.utility{margin-left:7px;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff28;background:#ffffff0d;color:#fff;cursor:pointer;font-size:16px}.utility:hover,.utility:focus-visible{border-color:#d6a759;color:#d6a759;outline:none}.overview-panel{position:fixed;z-index:50;inset:0;background:rgba(3,8,10,.88);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .25s ease;padding:7vh 5vw}.overview-panel.open{opacity:1;pointer-events:auto}.overview-inner{height:100%;max-width:1300px;margin:auto;display:flex;flex-direction:column}.overview-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #ffffff1c;letter-spacing:.14em}.overview-head strong{color:#d6a759}.overview-head button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff28;background:#ffffff0d;color:#fff;font-size:26px;cursor:pointer}#overviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:auto;padding:22px 0}.overview-item{text-align:left;display:flex;align-items:center;gap:14px;min-height:62px;padding:12px 15px;border:1px solid #ffffff18;background:#ffffff08;color:#fff;cursor:pointer}.overview-item:hover,.overview-item:focus-visible{border-color:#d6a759;background:#d6a75912;outline:none}.overview-item span{color:#d6a759;font-size:10px;letter-spacing:.15em}.overview-item b{font-size:12px;letter-spacing:.07em}.overview-hint{margin-top:auto;padding-top:18px;color:#9eaaa8;font-size:12px;letter-spacing:.08em}.slide:focus{outline:none}@media(max-width:760px){.utility{display:none}.overview-panel{padding:4vh 18px}#overviewGrid{grid-template-columns:1fr}.overview-item{min-height:52px}}
@media(prefers-reduced-motion:reduce){.slide,.slide.active .copy,#progress span{transition:none!important;animation:none!important}}

/* V10 — authentic heritage archive */
.heritage-slide .copy{width:min(980px,86vw);bottom:12vh}.heritage-slide .copy p{max-width:850px}.heritage-photos{display:flex;gap:14px;margin-top:22px;align-items:flex-end}.heritage-photos figure{margin:0;width:170px;background:#071012b8;border:1px solid #ffffff35;border-radius:10px;overflow:hidden;box-shadow:0 16px 40px #0007;transform:rotate(-1deg)}.heritage-photos figure:nth-child(2){transform:rotate(1deg)}.heritage-photos img{display:block;width:100%;height:112px;object-fit:cover;filter:saturate(.88) contrast(1.03)}.heritage-photos figcaption{padding:7px 9px;font-size:9px;letter-spacing:.16em;color:#d6a759}.heritage-line{margin-top:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;letter-spacing:.12em;color:#e7d4ae}.heritage-line i{color:#d6a759;font-style:normal}
@media(max-width:700px){.heritage-slide .copy{bottom:13vh}.heritage-photos{gap:8px}.heritage-photos figure{width:112px}.heritage-photos img{height:74px}.heritage-line{font-size:9px;gap:6px}}
/* MOBILE LAYOUT FIX */
@media (max-width:700px){

  body{
    overflow-x:hidden;
  }

  header{
    padding:0 14px;
  }

  .slide{
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:110px;
  }

  .copy,
  .overview-slide .copy,
  .tech-slide .copy,
  .project-focus .copy,
  .heritage-slide .copy,
  .legacy-slide .copy{
    left:18px !important;
    right:18px !important;
    width:auto !important;
    max-width:none !important;
    transform:none !important;
    padding:18px !important;
    box-sizing:border-box;
  }

  .copy h2{
    font-size:clamp(27px,8vw,38px) !important;
    line-height:1.05 !important;
  }

  .copy p{
    font-size:14px !important;
    line-height:1.5 !important;
  }

  .tech-matrix{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .overview-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .heritage-photos{
    gap:6px !important;
  }

  .heritage-photos figure{
    width:31% !important;
  }

  footer{
    height:76px !important;
    padding:0 12px !important;
    gap:8px !important;
  }

  footer nav{
    gap:6px !important;
  }

  nav button{
    padding:8px 10px !important;
    font-size:13px !important;
  }

  .deck-progress{
    min-width:0 !important;
    gap:7px !important;
  }

  #progress{
    width:55px !important;
  }

  #counter{
    font-size:9px !important;
    white-space:nowrap;
  }
/* MOBILE HEADER + FOOTER FIX */
@media (max-width:700px){

  header{
    height:auto !important;
    min-height:72px !important;
    padding:8px 12px !important;
    box-sizing:border-box;
    flex-wrap:wrap !important;
  }

  header .brand{
    margin-right:10px !important;
  }

  header nav{
    margin-left:auto !important;
  }

  .slide{
    padding-top:90px !important;
    padding-bottom:95px !important;
    box-sizing:border-box;
  }

  .copy,
  .overview-slide .copy,
  .tech-slide .copy,
  .project-focus .copy,
  .heritage-slide .copy,
  .legacy-slide .copy{
    bottom:95px !important;
  }

/* MOBILE TOP OVERLAP - ALL SLIDES */
@media (max-width:700px){
  .copy,
  .overview-slide .copy,
  .tech-slide .copy,
  .project-focus .copy,
  .heritage-slide .copy,
  .legacy-slide .copy{
    top:135px !important;
    bottom:auto !important;
  }
}
 /* FINAL MOBILE HEADER FIX */
@media (max-width:700px){

  header{
    height:86px !important;
    min-height:86px !important;
    padding:8px 12px !important;
    align-items:center !important;
  }

  .slide{
    padding-top:110px !important;
  }

  .copy,
  .overview-slide .copy,
  .tech-slide .copy,
  .project-focus .copy,
  .heritage-slide .copy,
  .legacy-slide .copy{
    top:150px !important;
    bottom:auto !important;
  }
}
/* MOBILE CLEAN HEADER */
@media (max-width:700px){
  header .brand{
    display:none !important;
  }

  header{
    justify-content:flex-end !important;
    height:72px !important;
    min-height:72px !important;
  }

  header nav{
    margin-left:0 !important;
  }
}/* DEFINITIVE MOBILE HEADER LAYOUT */
@media (max-width:700px){

  header{
    height:110px !important;
    min-height:110px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:8px !important;
    padding:8px 18px !important;
    box-sizing:border-box !important;
  }

  header nav{
    margin-left:0 !important;
    width:100% !important;
  }

  .slide{
    padding-top:0 !important;
  }

  .copy,
  .overview-slide .copy,
  .tech-slide .copy,
  .project-focus .copy,
  .heritage-slide .copy,
  .legacy-slide .copy{
    top:140px !important;
    bottom:auto !important;
  }
}