:root{--cream:#eee7d8;--paper:#f8f4eb;--green:#26372b;--green2:#314936;--brown:#76583d;--red:#9e4038;--ink:#263027;--line:#cdbfa8;--shadow:0 18px 45px rgba(38,55,43,.12);--header-h:76px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--paper);line-height:1.65;overflow-x:hidden}
body.nav-open{overflow:hidden;touch-action:none}
a{color:inherit}.container{width:min(1120px,92%);margin:auto}
img,video,iframe{max-width:100%;height:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(38,55,43,.97);color:#fff;box-shadow:0 4px 20px #0002;padding-top:var(--safe-top)}
.header-inner{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{font-size:clamp(16px,4vw,23px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.logo span{display:block;font-size:10px;letter-spacing:.2em;color:#d8cdb9;margin-top:-3px}
nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}
nav a{display:block;text-decoration:none;padding:10px 12px;border-radius:7px;font-size:13px;min-height:44px;display:flex;align-items:center}
nav a:hover{background:#ffffff12}
.header-tools{display:flex;gap:7px;align-items:center;flex-shrink:0}
.lang{border:1px solid #ffffff55;background:#ffffff0d;color:#fff;border-radius:6px;padding:10px 12px;text-decoration:none;font:700 12px Georgia;min-height:44px;display:inline-flex;align-items:center}
.lang.active{background:#eee7d8;color:#26372b}
.menu-btn{display:none;border:0;background:none;color:#fff;font-size:28px;width:48px;height:48px;cursor:pointer;line-height:1;border-radius:8px}
.menu-btn:hover{background:#ffffff14}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:4px;padding:14px 22px;font-weight:700;cursor:pointer;font-family:inherit;min-height:48px;text-align:center}
.btn-primary{background:var(--red);color:#fff}.btn-light{background:#eee7d8;color:var(--green)}.btn-outline{background:transparent;color:inherit;border:1px solid currentColor}
.hero{position:relative;min-height:min(680px,100svh);display:grid;align-items:center;overflow:hidden;background:var(--green);color:#fff}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,31,23,.9),rgba(20,31,23,.52),rgba(20,31,23,.32)),url("https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1800&q=85") center/cover;transform:scale(1.03)}
.hero-content{position:relative;z-index:2;padding:clamp(72px,12vw,110px) 0 clamp(64px,10vw,100px);max-width:800px}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:#e2d4bd;font-weight:700}
.hero h1{font-size:clamp(42px,10vw,92px);line-height:.94;margin:18px 0 22px;letter-spacing:-.035em}
.hero p{font-size:clamp(16px,2.5vw,20px);max-width:700px;color:#f4efe6}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.quick-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.quick-points span{background:#ffffff16;border:1px solid #ffffff2b;padding:8px 12px;border-radius:20px;font-size:13px}
.ornament{display:flex;align-items:center;gap:12px;margin:20px 0}
.ornament:before,.ornament:after{content:"";height:1px;width:min(70px,12vw);background:currentColor;opacity:.55}
.diamond{width:14px;height:14px;border:2px solid currentColor;transform:rotate(45deg);position:relative}
.diamond:after{content:"";position:absolute;inset:3px;background:currentColor}
.section{padding:clamp(56px,10vw,88px) 0;position:relative}
.section:nth-of-type(even){background:var(--cream)}
.section-dark{background:var(--green)!important;color:#fff}
.section-title{font-size:clamp(28px,6vw,42px);line-height:1.15;margin:0 0 15px;color:inherit}
.section-lead{max-width:760px;font-size:clamp(16px,2.2vw,18px);margin:0 0 36px;color:inherit;opacity:.84}
.grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,55px);align-items:center}
.photo-frame{padding:10px;border:1px solid var(--line);background:#e6ddcc;box-shadow:var(--shadow);transform:rotate(-1deg)}
.photo-frame img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.feature-list{display:grid;gap:0;margin:28px 0 0;padding:0;list-style:none}
.feature-list li{padding:13px 0 13px 30px;border-bottom:1px solid var(--line);position:relative}
.feature-list li:before{content:"–";position:absolute;left:4px;top:10px;color:var(--red);font-size:20px;font-weight:bold}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--paper);border:1px solid var(--line);padding:clamp(20px,3vw,28px);position:relative;box-shadow:0 10px 28px #26372b12;transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card:before{content:"";position:absolute;top:12px;right:12px;width:23px;height:23px;border-top:2px solid var(--brown);border-right:2px solid var(--brown)}
.card h3{margin:0 0 10px;font-size:clamp(18px,2.5vw,22px)}.card .icon{font-size:28px;margin-bottom:10px}
.section-dark .card{background:#f1eadc;color:var(--ink);border-color:#c7b99e}
/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;grid-auto-rows:140px}
.gallery-item{overflow:hidden;position:relative;background:#1a241c;border-radius:6px;cursor:pointer;grid-row:span 2;box-shadow:0 8px 24px #26372b18;transition:transform .35s,box-shadow .35s;-webkit-tap-highlight-color:transparent}
.gallery-item.wide{grid-column:span 2}
.gallery-item.tall{grid-row:span 3}
.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s;filter:brightness(.96)}
.gallery-item:hover{transform:translateY(-3px);box-shadow:0 16px 40px #26372b28}
.gallery-item:hover img{transform:scale(1.08);filter:brightness(1.05)}
.gallery-zoom{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.9);color:#26372b;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transform:translateY(6px);transition:.3s;pointer-events:none}
.gallery-item:hover .gallery-zoom{opacity:1;transform:none}
.gallery-lightbox{position:fixed;inset:0;z-index:200;background:rgba(12,18,14,.94);display:none;align-items:center;justify-content:center;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));backdrop-filter:blur(6px)}
.gallery-lightbox.open{display:flex;animation:lbIn .25s ease}
@keyframes lbIn{from{opacity:0}to{opacity:1}}
.lb-figure{margin:0;max-width:min(96vw,1200px);text-align:center}
.gallery-lightbox img{max-width:min(96vw,1200px);max-height:min(82vh,82dvh);object-fit:contain;box-shadow:0 24px 80px #000a;border-radius:4px;transition:opacity .25s}
#lb-cap{color:#e8dfd0;margin-top:12px;font-size:13px;letter-spacing:.06em;opacity:.85}
.gallery-lightbox .lb-close{position:absolute;top:calc(12px + var(--safe-top));right:14px;background:#fff;border:0;width:48px;height:48px;border-radius:50%;font-size:24px;cursor:pointer;line-height:1;z-index:2}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;width:48px;height:48px;border-radius:50%;font-size:30px;cursor:pointer;line-height:1;backdrop-filter:blur(4px)}
.lb-nav:hover{background:rgba(255,255,255,.25)}
.lb-prev{left:10px}.lb-next{right:10px}
.price-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.price-main{padding:clamp(24px,4vw,34px);background:var(--green);color:#fff}
.price-main .price{font-size:clamp(36px,8vw,48px);font-weight:700;line-height:1}
.price-main .small{opacity:.8}
.price-list{list-style:none;padding:0;margin:22px 0}
.price-list li{padding:10px 0;border-bottom:1px solid #ffffff2a}
.note{padding:22px;background:#e5dccb}.note strong{color:var(--red)}
.faq{display:grid;gap:10px}
.faq details{background:#fffaf2;border:1px solid var(--line);padding:0 16px}
.faq summary{cursor:pointer;font-weight:700;padding:16px 0;min-height:48px;list-style-position:outside}
.faq details p{margin-top:0;padding-bottom:12px}
.attraction-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.attraction-list li{position:relative;padding-left:25px}
.attraction-list li:before{content:"–";position:absolute;left:0;font-weight:bold;color:var(--red);font-size:18px}
.attraction-list a{color:var(--brown);font-weight:700;text-decoration:none;border-bottom:1px dotted currentColor;padding:4px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-box{padding:clamp(22px,4vw,34px);background:var(--green);color:#fff}
.contact-box.light{background:#e5dccb;color:var(--ink)}
.contact-box h3{margin-top:0;font-size:clamp(20px,4vw,25px)}
.contact-box a{color:inherit;word-break:break-word}
form{display:grid;gap:12px}
input,textarea{width:100%;border:1px solid #bdae96;background:#fffdf8;padding:14px 14px;border-radius:3px;font:inherit;font-size:16px}
textarea{min-height:130px;resize:vertical}
.map-wrap{overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#ddd;border-radius:4px}
.map-wrap iframe{width:100%;height:min(420px,55vh);border:0;display:block}
.map-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.footer{background:#18251d;color:#ddd3c3;padding:45px 0 calc(30px + var(--safe-bottom));text-align:center}
.footer .ornament{justify-content:center;color:#bda98a}
.footer small{opacity:.65}
#admin-trigger{cursor:default;user-select:none}
.admin-overlay{position:fixed;inset:0;z-index:300;background:rgba(20,31,23,.75);display:none;align-items:flex-start;justify-content:center;padding:16px;padding-top:calc(16px + var(--safe-top));overflow:auto}
.admin-overlay.open{display:flex}
.admin-panel{background:var(--paper);color:var(--ink);width:min(920px,100%);max-height:92vh;overflow:auto;border-radius:8px;box-shadow:0 25px 80px #0006;padding:0}
.admin-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--green);color:#fff;position:sticky;top:0;z-index:2}
.admin-panel header h2{margin:0;font-size:18px}
.admin-panel .admin-body{padding:18px}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.admin-tabs button{border:1px solid var(--line);background:#fff;padding:12px 14px;border-radius:6px;cursor:pointer;font:inherit;font-weight:700;min-height:44px}
.admin-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}
.admin-section{display:none}.admin-section.active{display:block}
.admin-field{margin-bottom:14px}
.admin-field label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
.admin-field input,.admin-field textarea{width:100%;border:1px solid #bdae96;background:#fffdf8;padding:12px;border-radius:3px;font:inherit;font-size:16px}
.admin-field textarea{min-height:90px}
.admin-gallery-list{display:grid;gap:12px}
.admin-gallery-row{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);padding:10px;border-radius:6px}
.admin-gallery-row img{width:80px;height:60px;object-fit:cover;border-radius:3px;background:#ddd}
.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.admin-hint{font-size:13px;opacity:.85;margin:0 0 14px;line-height:1.5}
.admin-login{padding:36px 22px;text-align:center}
.admin-login input{max-width:280px;margin:12px auto;display:block;font-size:16px}

/* Tablet */
@media(max-width:900px){
  :root{--header-h:64px}
  .header-inner{min-height:var(--header-h)}
  .logo{font-size:17px}
  nav{display:none;position:fixed;left:0;right:0;top:calc(var(--header-h) + var(--safe-top));bottom:0;background:rgba(24,37,29,.98);padding:16px 0 32px;z-index:60;overflow-y:auto;-webkit-overflow-scrolling:touch}
  nav.open{display:block}
  nav.open ul{flex-direction:column;align-items:stretch;gap:0;padding:0 16px}
  nav.open a{padding:16px 14px;font-size:17px;border-bottom:1px solid #ffffff18;border-radius:0;min-height:52px}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center}
  .header-tools{margin-left:auto}
  .hero{min-height:min(560px,92svh)}
  .hero-content{padding:72px 0 56px}
  .grid-2,.contact-grid,.price-grid{grid-template-columns:1fr}
  .photo-frame{transform:none;max-width:560px;margin:0 auto}
  .cards{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:110px;gap:10px}
  .gallery-item.wide{grid-column:span 2}
  .gallery-item.tall{grid-row:span 2}
  .gallery-zoom{opacity:.85;transform:none}
  .lb-prev{left:6px}.lb-next{right:6px}
}

/* Phone */
@media(max-width:560px){
  .container{width:min(94%,520px)}
  .section{padding:52px 0}
  .hero h1{font-size:clamp(36px,11vw,46px)}
  .hero p{font-size:16px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%}
  .cards{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:100px}
  .gallery-item,.gallery-item.wide,.gallery-item.tall{grid-column:span 1;grid-row:span 2}
  .section-title{font-size:28px}
  .price-main .price{font-size:36px}
  .map-wrap iframe{height:280px}
  .quick-points span{font-size:12px;padding:7px 10px}
  .admin-gallery-row{grid-template-columns:1fr}
  .lb-nav{width:44px;height:44px;font-size:26px}
  .contact-box a[href^="tel"]{font-size:18px;font-weight:700}
}

/* Prefer reduced motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .gallery-item,.gallery-item img,.card{transition:none}
}

.visit-counter{margin:14px 0 8px;font-size:13px;letter-spacing:.04em;opacity:.75}
.visit-counter strong{font-size:15px;color:#e8dfd0;opacity:1}