*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#090909;color:#eee;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.075;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.site-header{height:84px;position:absolute;z-index:30;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #ffffff1c}.brand{display:flex;align-items:center;gap:11px;font:600 21px Cinzel,serif;letter-spacing:4px}.brand small{display:block;font:500 8px Manrope,sans-serif;letter-spacing:2.3px;color:#aaa;margin-top:4px}.brand-mark{width:37px;height:37px;border:1px solid #9e2424;display:grid;place-items:center;color:#d63b3b;font:600 22px Cinzel,serif}.main-nav{display:flex;align-items:center;gap:34px;font-size:10px;letter-spacing:1.7px;text-transform:uppercase}.main-nav a{color:#ccc;transition:.25s}.main-nav a:hover{color:#e04a4a}.language-switch{background:none;border:1px solid #777;color:#eee;padding:8px 11px;font:600 10px Manrope;letter-spacing:1px;cursor:pointer}.menu-toggle{display:none}.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:#111}.hero-bg,.experience-bg{position:absolute;inset:-8% 0;background-image:url('https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=2200&q=85');background-size:cover;background-position:center 54%;transform:scale(1.08)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.47) 53%,rgba(0,0,0,.2)),linear-gradient(0deg,#090909 0%,transparent 28%,rgba(0,0,0,.25))}.hero-content{position:relative;z-index:2;margin:80px 0 0 12vw;max-width:720px}.eyebrow,.section-kicker{font-size:9px;letter-spacing:3px;color:#c64b4b;font-weight:700}.hero h1{font:500 clamp(58px,9vw,128px)/.94 Cinzel,serif;letter-spacing:-3px;margin:25px 0}.hero h1 em,h2 em{font-style:normal;color:#b72c31}.hero-copy{max-width:460px;color:#c3c3c3;font-size:14px;line-height:1.9;font-weight:300}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 20px;font-size:9px;letter-spacing:1.8px;font-weight:800;border:1px solid #a52a2e;margin-top:28px;min-width:220px;transition:.25s}.button-primary{background:#9d252a;color:#fff}.button-primary:hover{background:#c2383d;transform:translateY(-3px)}.button b{font-size:17px;font-weight:400}.hero-meta{display:flex;align-items:center;gap:20px;margin-top:65px;font:500 20px Cinzel;color:#eee}.hero-meta small{display:block;font:600 8px Manrope;letter-spacing:2px;color:#aaa;margin-top:6px}.meta-line{height:1px;width:55px;background:#9c292d}.hero-bottom{position:absolute;bottom:30px;left:6vw;right:6vw;display:flex;align-items:center;gap:18px;color:#aaa;font-size:8px;letter-spacing:2px}.hero-bottom span:last-child{margin-left:auto}.scroll-line{width:70px;height:1px;background:#a52a2e}.section-pad{padding:125px 12vw}.intro{background:#090909}.section-kicker{color:#777;border-bottom:1px solid #ffffff24;padding-bottom:18px}.section-kicker span{color:#c64b4b}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;padding:75px 0 65px}.intro h2,.section-heading h2,.experience h2,.booking-grid h2{font:500 clamp(42px,6vw,78px)/1.08 Cinzel,serif;margin:18px 0}.intro-text{align-self:end;padding-bottom:8px}.intro-text p,.section-heading>p,.experience-content>p,.booking-note{color:#aaa;font-size:13px;line-height:2;font-weight:300}.text-link{display:inline-block;color:#d34a4e;font-size:9px;letter-spacing:2px;font-weight:800;margin-top:20px}.wide-image{height:470px;position:relative;background-size:cover;background-position:center;background-image:linear-gradient(0deg,#09090955,#09090911),url('https://images.unsplash.com/photo-1511497584788-876760111969?auto=format&fit=crop&w=1800&q=85')}.image-caption{position:absolute;bottom:22px;left:25px;font-size:8px;letter-spacing:2px;color:#ddd}.rooms-section{background:#0e0e0e}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:55px 0 45px}.section-heading>p{max-width:290px}.room-list{border-top:1px solid #ffffff2b}.room-card{min-height:210px;border-bottom:1px solid #ffffff2b;display:grid;grid-template-columns:70px 190px 1fr 40px;align-items:center;gap:28px;padding:22px 10px;position:relative;overflow:hidden;transition:background .3s}.room-card:hover{background:#ffffff08}.room-number{font:400 13px Cinzel;color:#a83a3e;align-self:start;padding-top:10px}.room-photo{height:155px;background-size:cover;background-position:center;filter:grayscale(65%);transition:.5s}.room-card:hover .room-photo{filter:grayscale(0);transform:scale(1.03)}.room-one .room-photo{background-image:url('https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=500&q=80')}.room-two .room-photo{background-image:url('https://images.unsplash.com/photo-1509248961158-e54f6934749c?auto=format&fit=crop&w=500&q=80')}.room-three .room-photo{background-image:url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=500&q=80')}.room-four .room-photo{background-image:url('https://images.unsplash.com/photo-1518709594023-6eab9bab7b23?auto=format&fit=crop&w=500&q=80')}.room-five .room-photo{background-image:url('https://images.unsplash.com/photo-1509557965875-b88c97052f0e?auto=format&fit=crop&w=500&q=80')}.room-info>span{font-size:8px;letter-spacing:2px;color:#a7474a}.room-info h3{font:500 clamp(24px,3vw,36px) Cinzel;margin:9px 0}.room-info p{font-size:11px;color:#999;margin:0}.room-arrow{font-size:22px;color:#bd4246}.experience{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden}.experience-bg{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2000&q=85');background-position:center 60%}.experience-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#080808e8,#0808089c 65%,#08080855)}.experience-content{position:relative;max-width:650px}.experience h2{font-size:clamp(46px,7vw,88px)}.experience-content>p{max-width:430px}.stats{display:flex;gap:55px;margin-top:55px}.stats strong{display:block;font:500 38px Cinzel;color:#eee}.stats span{font-size:8px;letter-spacing:2px;color:#b64a4d}.booking-section{background:#0b0b0b}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:70px}.booking-grid h2{font-size:clamp(45px,6vw,76px)}.booking-note{max-width:390px}.contact-line{margin-top:65px;color:#999;font-size:8px;letter-spacing:2px}.contact-line span{color:#b83237;margin:0 8px}.booking-form{display:flex;flex-direction:column;gap:22px}.booking-form label{display:flex;flex-direction:column;gap:10px;flex:1}.booking-form label>span{font-size:8px;letter-spacing:2px;color:#c45a5d;font-weight:700}.booking-form input,.booking-form select,.booking-form textarea{width:100%;background:#141414;border:1px solid #333;color:#eee;padding:14px;font:12px Manrope;outline:none;border-radius:0}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:#a93439}.booking-form input::placeholder,.booking-form textarea::placeholder{color:#777}.form-row{display:flex;gap:15px}.submit-button{width:100%;cursor:pointer;margin-top:0}.form-disclaimer{font-size:9px;line-height:1.7;color:#777}.site-footer{min-height:170px;border-top:1px solid #ffffff20;padding:40px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer>p,.back-top{font-size:8px;letter-spacing:2px;color:#999}.site-footer>small{font-size:9px;color:#666}.back-top{color:#c64b4b}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:72px;padding:0 6vw}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px}.menu-toggle i{width:25px;height:1px;background:#eee}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#090909;padding:25px 7vw 30px;flex-direction:column;align-items:flex-start;gap:24px;border-bottom:1px solid #333}.main-nav.open{display:flex}.hero{min-height:650px}.hero-content{margin:80px 7vw 0}.hero h1{font-size:clamp(54px,13vw,90px)}.hero-copy{font-size:12px}.section-pad{padding:85px 7vw}.intro-grid,.booking-grid{grid-template-columns:1fr;gap:35px;padding-top:50px}.intro-text{max-width:520px}.wide-image{height:330px}.section-heading{display:block;padding:45px 0 30px}.section-heading>p{max-width:450px}.room-card{grid-template-columns:30px 105px 1fr 20px;gap:12px;min-height:150px;padding:15px 0}.room-photo{height:105px}.room-info h3{font-size:20px}.room-info p{font-size:9px;line-height:1.5}.room-info>span{font-size:7px}.experience{min-height:620px}.stats{gap:35px}.stats strong{font-size:30px}.contact-line{margin-top:35px}.site-footer{flex-wrap:wrap;padding:35px 7vw}.site-footer>p{order:3;width:100%;margin:0}.site-footer>small{width:100%}.form-row{gap:10px}}@media(max-width:420px){.room-card{grid-template-columns:22px 82px 1fr 15px;gap:9px}.room-photo{height:90px}.room-info h3{font-size:17px}.room-info p{font-size:8px}.room-arrow{font-size:16px}.stats{gap:22px}.stats strong{font-size:27px}.hero-meta{margin-top:45px}}
/* =========================================
   NOX CINEMATIC PARALLAX – DESIGN UPGRADE
========================================= */

:root {
  --nox-red: #a9272d;
  --nox-red-light: #d4484e;
  --nox-black: #080808;
  --nox-white: #eeeeee;
}

/* Sinematik ana ekran */
.hero {
  isolation: isolate;
  background: #080808;
}

.hero-bg {
  will-change: transform;
  transition: filter .8s ease;
  filter: brightness(.72) contrast(1.12);
}

.hero-vignette {
  background:
    linear-gradient(90deg, rgba(0,0,0,.94), rgba(0,0,0,.48) 55%, rgba(0,0,0,.12)),
    linear-gradient(0deg, #080808 0%, transparent 38%, rgba(0,0,0,.35));
}

.hero-content {
  animation: noxIntro 1.3s ease both;
}

.hero h1 {
  text-shadow: 0 8px 40px rgba(0,0,0,.65);
}

.hero h1 em {
  text-shadow: 0 0 35px rgba(169,39,45,.2);
}

@keyframes noxIntro {
  from {
    opacity: 0;
    transform: translateY(35px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Kaydırma göstergesi */
.scroll-line {
  position: relative;
  overflow: hidden;
}

.scroll-line::after {
  content: "";
  position: absolute;
  inset: 0;
  background: white;
  transform: translateX(-100%);
  animation: scrollIndicator 2s infinite;
}

@keyframes scrollIndicator {
  to { transform: translateX(100%); }
}

/* Hikâye görseli */
.wide-image {
  overflow: hidden;
  background-color: #171313;
  background-attachment: scroll;
}

.wide-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    0deg,
    rgba(0,0,0,.65),
    transparent 55%,
    rgba(0,0,0,.12)
  );
  transition: background .5s;
}

/* Oda kartları */
.room-card {
  transition: background .45s ease;
}

.room-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(169,39,45,.08),
    transparent
  );
  opacity: 0;
  transition: opacity .5s;
  pointer-events: none;
}

.room-card:hover::before {
  opacity: 1;
}

.room-photo {
  overflow: hidden;
  position: relative;
  transition:
    filter .6s ease,
    transform .6s ease;
}

.room-info h3 {
  transition: color .35s ease;
}

.room-card:hover .room-info h3 {
  color: #d34a4e;
}

.room-arrow {
  transition: transform .35s ease, color .35s ease;
}

.room-card:hover .room-arrow {
  transform: translate(5px,-5px);
  color: #ed555b;
}

/* Deneyim bölümü */
.experience {
  isolation: isolate;
}

.experience-bg {
  will-change: transform;
  filter: brightness(.65) contrast(1.1);
}

.experience h2 em {
  text-shadow: 0 0 30px rgba(183,44,49,.25);
}

.stats > div {
  transition: transform .3s ease;
}

.stats > div:hover {
  transform: translateY(-6px);
}

/* Buton iyileştirmeleri */
.button-primary {
  position: relative;
  overflow: hidden;
}

.button-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -110%;
  width: 70%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.18),
    transparent
  );
  transform: skewX(-20deg);
  transition: left .65s ease;
}

.button-primary:hover::before {
  left: 140%;
}

/* Form */
.booking-form input,
.booking-form select,
.booking-form textarea {
  transition: border-color .3s, background .3s;
}

.booking-form input:focus,
.booking-form select:focus,
.booking-form textarea:focus {
  background: #191313;
  box-shadow: 0 0 0 2px rgba(169,39,45,.12);
}

/* Menü */
.main-nav a {
  position: relative;
}

.main-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 0;
  height: 1px;
  background: var(--nox-red-light);
  transition: width .3s ease;
}

.main-nav a:hover::after {
  width: 100%;
}

/* Mobil geliştirmeler */
@media(max-width:800px) {
  .hero-bg {
    background-position: 58% center;
  }

  .hero-vignette {
    background:
      linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.38)),
      linear-gradient(0deg,#080808,transparent 55%);
  }

  .hero-content {
    max-width: 100%;
  }

  .room-card:hover .room-photo {
    transform: none;
  }

  .room-card {
    overflow: hidden;
  }

  .main-nav {
    box-shadow: 0 20px 35px rgba(0,0,0,.5);
  }

  .site-footer {
    align-items: flex-start;
  }
}

/* Hareket hassasiyeti */
@media(prefers-reduced-motion:reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }
}