/*
Theme Name: Origin-Collection
Theme URI: https://www.origin-collection.com/
Author: Origin-Collection
Description: Tema one-page custom per Origin-Collection — Studio Hotels.
Version: 1.0.0
Text Domain: origin-collection
*/
:root{
  --green:#2f7d67;
  --dark:#153a31;
  --cream:#f2efe7;
  --white:#fff;
  --bar-h:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y proximity;background:#173f35}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#173f35;color:#fff}
a{color:inherit;text-decoration:none}
.topbar{position:fixed;inset:0 0 auto 0;height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:50;background:linear-gradient(180deg,rgba(11,35,29,.72),rgba(11,35,29,.16));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12)}
.brand{display:flex;flex-direction:column;line-height:1}.brand span{font-size:19px;font-weight:500;letter-spacing:-.02em}.brand small{font-size:9px;letter-spacing:.31em;margin-top:7px;opacity:.78}
.nav{display:flex;gap:20px;align-items:center;font-size:12px;letter-spacing:.02em}.nav a{opacity:.75;transition:.2s ease}.nav a:hover,.nav a.active{opacity:1}
.menu-btn{display:none;border:0;background:transparent;color:#fff;font:inherit}
.deck{width:100%}
.panel{position:relative;width:100%;min-height:100svh;scroll-snap-align:start;background:#173f35;overflow:hidden}
.panel--image::before{content:"";position:absolute;inset:0;background-image:var(--bg);background-position:center;background-repeat:no-repeat;background-size:cover}
.panel--image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,30,25,.15),transparent 18%,transparent 84%,rgba(9,30,25,.18))}
.panel-hit{position:absolute;z-index:3}.panel-hit--bottom{left:50%;bottom:26px;transform:translateX(-50%)}.panel-hit a{display:flex;gap:10px;align-items:center;padding:10px 16px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(21,58,49,.26);backdrop-filter:blur(8px);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.join-cta{position:absolute;z-index:4;left:50%;bottom:7%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:18px;padding:15px 22px;border-radius:999px;background:rgba(255,255,255,.92);color:#214e41;font-weight:600;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.progress{position:fixed;right:0;top:0;width:3px;height:100vh;z-index:70;background:rgba(255,255,255,.12)}.progress span{display:block;width:100%;height:0;background:#fff;transition:height .12s linear}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width: 980px){
  :root{--bar-h:64px}.topbar{padding:0 18px}.menu-btn{display:block}.nav{position:absolute;left:14px;right:14px;top:64px;display:none;flex-direction:column;align-items:flex-start;gap:0;background:rgba(20,58,49,.96);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.nav.open{display:flex}.nav a{width:100%;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.nav a:last-child{border-bottom:0}
  .panel{min-height:78svh;background:#2f7d67}.panel--image::before{background-size:contain;background-color:#2f7d67}.panel--image::after{background:linear-gradient(180deg,rgba(8,30,24,.28),transparent 22%,transparent 78%,rgba(8,30,24,.22))}.panel-hit--bottom{bottom:14px}.join-cta{bottom:5%;font-size:14px}
}
@media (max-width: 640px){
  .brand span{font-size:16px}.brand small{font-size:8px}.panel{min-height:62svh}.progress{display:none}.join-cta{padding:12px 18px}.panel-hit{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav a,.progress span{transition:none}}