/* Sagroth2: Yolculuk Öncesi — bağımsız tasarım önizlemesi */
.hero{min-height:100svh}
.hero-art{background-image:url('../img/sagroth-journey-v1.png');background-position:center;filter:brightness(.83) saturate(.83);transform:none}
.hero-vignette{background:linear-gradient(90deg,rgba(20,29,35,.76),rgba(24,32,37,.51) 30%,rgba(18,25,30,.06) 58%),linear-gradient(0deg,rgba(11,16,21,.65),transparent 35%); }
.topbar{background:rgba(17,23,29,.97)}
.hero-content{width:43%;max-width:600px;margin:0 0 0 6%;padding:30px 0 70px;transform:none}
.hero-logo-main{width:90%;max-width:450px;max-height:none;margin:0 0 24px}
.hero-content .eyebrow{width:max-content;max-width:100%;height:auto;min-height:24px;background:none;border:0;padding:0;letter-spacing:.15em;font-size:11px;margin-bottom:22px}
.hero-content .eyebrow i{width:30px}
.hero-content h1{font-size:clamp(45px,4.4vw,73px);line-height:1.02;color:#f4ead2}
.hero-content h1 em{color:#e0c28b}
.hero-content .hero-lead{font-size:15px;line-height:1.7;max-width:440px;color:#e0e1d8}
.hero-date{height:auto;width:auto;display:flex;justify-content:flex-start;gap:12px;padding:4px 0 4px 14px;margin:24px 0;border:0;border-left:2px solid #b6383f;background:none;text-align:left}
.hero-date strong{font-size:16px}.hero-date span{font-size:11px}
.hero-content .action{height:55px;width:auto;flex:1;max-width:260px;font-size:12px;border-radius:2px;box-shadow:inset 0 0 0 2px #ffffff09,0 6px 20px #0002}
.hero-content .action-primary{background:linear-gradient(#ad3038,#7b1d26);color:#fff0df;border-color:#c05a5d}
.hero-content .action-secondary{background:linear-gradient(#2e3230dd,#191f23ee);border-color:#9c8351;color:#f0e5d1}
.hero-status{position:absolute;inset:auto 4% 55px auto;width:290px;transform:none;height:auto;display:grid;gap:12px;background:rgba(18,27,31,.58);padding:18px;border:1px solid #c8b78c35;box-shadow:none;backdrop-filter:blur(8px)}
.status-heading{padding:0;height:auto;min-height:22px;border:0;background:none;backdrop-filter:none;display:flex;flex-direction:row}
.status-heading>span{font-size:9px}.status-heading>b{font-size:10px}
.status-metrics{gap:0;height:auto}.status-metrics article{height:auto;min-height:65px;padding:9px 10px;background:none;border:0!important;backdrop-filter:none}.status-metrics article+article{border-left:1px solid #cec3aa33!important}
.status-metrics strong{font-size:29px;margin:6px 0}.status-metrics article>span{display:none}.status-metrics small{color:#d0cbbd;font-size:9px}
.status-countdown{height:auto;background:none;border:0;border-top:1px solid #cec3aa33;padding:12px 0 0;backdrop-filter:none}
.countdown-title{margin-bottom:10px}.countdown-title span{color:#d8b788}.status-clock strong{font-size:20px}
.status-community{height:auto;padding:12px 0 0;background:none;border:0;border-top:1px solid #cec3aa33;backdrop-filter:none}
.status-community>div>span{display:none}.status-community nav{margin-top:8px}.status-community nav a{height:32px;border:0;background:none}.status-community img{width:20px;height:20px}
.status-support{height:38px;border:0;background:none;padding:0;border-top:1px solid #cec3aa33}.status-support span{font-size:0}.status-support small{font-size:11px}
.scroll-prompt{bottom:14px}.scroll-prompt span{display:block}
@media(min-width:1600px){.hero-status{width:320px;bottom:65px;right:6%}.hero-content{margin-left:max(6%,calc((100vw - 1450px)/2))}}
@media(max-height:760px) and (min-width:901px){.hero-content{margin-top:0;padding:22px 0 46px}.hero-logo-main{width:330px;margin-bottom:20px;max-height:none}.hero-content h1{font-size:53px}.hero-content .hero-lead{margin:17px 0}.hero-date{margin:20px 0}.hero-status{transform:none;bottom:42px;width:265px;padding:14px;gap:9px}}
@media(max-width:900px){.hero{display:flex;flex-direction:column;padding-bottom:60px}.hero-content{width:88%;max-width:540px;min-height:700px;margin:auto;padding:65px 0;text-align:left}.hero-logo-main{margin-left:0}.hero-content h1,.hero-content .hero-lead{text-align:left}.hero-content .eyebrow{margin-left:0}.hero-date{flex-wrap:wrap;justify-content:flex-start}.hero-status{position:relative;inset:auto;width:88%;max-width:540px;margin:0 auto;transform:none}.hero-art{background-position:65% top}.hero-vignette{background:linear-gradient(90deg,#15232cd9,#15232c44),linear-gradient(0deg,#10191fde,transparent)}.hero-content .hero-actions{flex-direction:row}.hero-content .action{padding:0 10px;font-size:10px}.scroll-prompt{display:none}}