@font-face {
font-family: 'DM Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmmono-aFTU7PB1QTsUX8KYthSQBLyM.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmmono-aFTU7PB1QTsUX8KYthqQBA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'DM Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmmono-aFTR7PB1QTsUX8KYvumzEY2tbZX9.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmmono-aFTR7PB1QTsUX8KYvumzEYOtbQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmsans-rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKK58VXh.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmsans-rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKy58Q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmsans-rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmsans-rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmsans-rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmsans-rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmsans-rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/dmsans-rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'EB Garamond';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/ebgaramond-SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QL9zU6ingQ.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'EB Garamond';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/ebgaramond-SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QL99U6g.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 400 600;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/ebgaramond-SlGUmQSNjdsmc35JDF1K5GR7SDktYw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 400 600;
font-display: swap;
src: url(//cesme.onturhotels.com/wp-content/plugins/ontur-elementor/assets/fonts/ebgaramond-SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}.ontur-site {
--bg:      #FFFFFF;
--surface: #F7F7F7;
--fg:      #1F1F1F;
--muted:   #5A5A5A;
--border:  #E8E8E8;
--accent:  #C8B48A;
--accent-ink: #806C47; --anthracite-soft: #2C2C2C;
--danger: #8B2525; --accent-soft: color-mix(in oklch, var(--accent) 18%, transparent);
--fg-soft:     color-mix(in oklch, var(--fg) 5%, transparent);
--font-display: 'EB Garamond', 'Iowan Old Style', Georgia, serif;
--font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
--font-mono:    'DM Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
--fs-h1: clamp(40px, 5.5vw, 72px);
--fs-h2: clamp(28px, 3.5vw, 40px);
--fs-h3: 22px;
--fs-lead: 18px;
--fs-body: 17px;
--fs-meta: 13px;
--gap-xs: 8px;
--gap-sm: 12px;
--gap-md: 20px;
--gap-lg: 32px;
--gap-xl: 56px;
--gap-2xl: 96px;
--container: 1180px;
--gutter: 28px;
--rail-pad: 28px;
--radius: 2px;
--radius-lg: 4px;
--icon-stroke: 1.25px; }
@media (max-width: 720px) {
.ontur-site {
--gutter: 20px;
--rail-pad: 20px;
--fs-h3: 20px;
--fs-body: 16px;
--fs-lead: 17px;
--gap-lg: 24px;
}
}
.ontur-site *, .ontur-site *::before, .ontur-site *::after { box-sizing: border-box; }
html.ontur-document { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body.ontur-page {
margin: 0;
background: var(--bg);
color: var(--fg);
font-family: var(--font-body);
font-size: var(--fs-body);
line-height: 1.6;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
.ontur-site img, .ontur-site svg { display: block; max-width: 100%; } .ontur-site svg.lucide { stroke-width: var(--icon-stroke); flex-shrink: 0; }
.ontur-site svg.lucide * { vector-effect: non-scaling-stroke; }
.ontur-site a { color: inherit; text-decoration: none; }
.ontur-site button { font: inherit; cursor: pointer; border: 0; background: none; }
.ontur-site p { text-wrap: pretty; margin: 0; }
.ontur-site h1, .ontur-site h2, .ontur-site h3, .ontur-site h4 { text-wrap: balance; margin: 0; font-weight: 500; }
.ontur-site .container {
max-width: var(--container);
margin-inline: auto;
padding-inline: var(--gutter);
}
.ontur-site .section {
padding-block: clamp(56px, 9vw, var(--gap-2xl));
}
.ontur-site .section + .section { border-top: 1px solid var(--border); }
.ontur-site .section-alt { background: var(--surface); }
.ontur-site .stack { display: flex; flex-direction: column; }
.ontur-site .stack > * + * { margin-top: var(--gap-md); }
.ontur-site .row { display: flex; align-items: center; gap: var(--gap-md); }
.ontur-site .row-between { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-md); }
.ontur-site .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-lg); }
.ontur-site .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-lg); }
.ontur-site .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); }
.ontur-site .grid-2-1 { display: grid; grid-template-columns: 2fr 1fr; gap: var(--gap-xl); align-items: start; }
.ontur-site .grid-1-2 { display: grid; grid-template-columns: 1fr 2fr; gap: var(--gap-xl); align-items: start; }
.ontur-site .grid-2 > *, .ontur-site .grid-3 > *, .ontur-site .grid-4 > *, .ontur-site .grid-cards > *, .ontur-site .card-rail > * { min-width: 0; } .ontur-site .grid-compact {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
} .ontur-site .grid-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px 12px;
} .ontur-site .card-rail {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap-lg);
}
.ontur-site .card-rail.card-rail--2 {
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 981px) {
.ontur-site .card-rail.card-rail--2 {
grid-template-columns: repeat(2, 1fr);
}
} .ontur-site .grid-quotes {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(16px, 2vw, 24px);
align-items: stretch;
}
.ontur-site .grid-quotes > figure {
margin: 0;
display: flex;
flex-direction: column;
height: 100%;
min-width: 0;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: clamp(24px, 3vw, 32px);
}
@media (max-width: 980px) { .ontur-site .card-rail {
display: flex;
gap: 14px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--rail-pad);
padding-inline: var(--rail-pad);
padding-bottom: 6px;
margin-inline: calc(var(--rail-pad) * -1);
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
scrollbar-width: none;
}
.ontur-site .card-rail::-webkit-scrollbar { display: none; }
.ontur-site .card-rail > * {
flex: 0 0 min(82vw, 300px);
width: min(82vw, 300px);
max-width: 300px;
scroll-snap-align: start;
} .ontur-site .card-rail::after {
content: '';
flex: 0 0 calc(var(--rail-pad) - 14px);
}
.ontur-site .grid-quotes {
grid-template-columns: 1fr;
gap: var(--gap-lg);
}
.ontur-site .grid-2-1, .ontur-site .grid-1-2 { grid-template-columns: 1fr; }
.ontur-site .card.grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 720px) { .ontur-site .grid-2 { grid-template-columns: 1fr; gap: var(--gap-lg); } .ontur-site .grid-2.grid-compact,
.ontur-site .grid-compact { grid-template-columns: repeat(2, 1fr); gap: 10px; } .ontur-site .grid-3:not(.card-rail):not(.grid-stats) {
grid-template-columns: 1fr;
gap: var(--gap-lg);
}
.ontur-site .grid-4 {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.ontur-site .grid-stats { gap: 12px 8px; }
.ontur-site .grid-stats .stat-num { font-size: clamp(28px, 8vw, 40px); }
.ontur-site .grid-stats .stat-label { font-size: 12px; max-width: none; }
.ontur-site .card-body { padding: 18px; }
.ontur-site .feature p { font-size: 14px; }
.ontur-site .lead { max-width: none; }
.ontur-site .media-hero h1 { max-width: 14ch; }
.ontur-site .media-hero .hero-cta .btn { flex: 1 1 auto; justify-content: center; min-height: 48px; } .ontur-site .access-features {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.ontur-site .access-features .feature {
display: grid;
grid-template-columns: 40px 1fr;
gap: 4px 14px;
align-items: start;
}
.ontur-site .access-features .feature-mark { margin-bottom: 0; grid-row: 1 / span 2; }
.ontur-site .access-features .feature h3 { margin: 0; }
}
@media (min-width: 721px) and (max-width: 980px) { .ontur-site .grid-2 { grid-template-columns: repeat(2, 1fr); }
.ontur-site .grid-3:not(.card-rail):not(.grid-stats) {
grid-template-columns: repeat(2, 1fr);
gap: var(--gap-md);
}
.ontur-site .grid-4 { grid-template-columns: repeat(2, 1fr); }
.ontur-site .grid-quotes { grid-template-columns: repeat(2, 1fr); gap: var(--gap-lg); }
} .ontur-site h1, .ontur-site .h1 {
font-family: var(--font-display);
font-size: var(--fs-h1);
font-weight: 450;
line-height: 1.08;
letter-spacing: 0.005em;
font-variant-numeric: lining-nums;
}
.ontur-site h2, .ontur-site .h2 {
font-family: var(--font-display);
font-size: var(--fs-h2);
font-weight: 450;
line-height: 1.15;
letter-spacing: 0;
font-variant-numeric: lining-nums;
}
.ontur-site h3, .ontur-site .h3 {
font-family: var(--font-display);
font-size: var(--fs-h3);
line-height: 1.3;
letter-spacing: 0;
font-variant-numeric: lining-nums;
}
.ontur-site .lead {
font-size: var(--fs-lead);
line-height: 1.6;
color: var(--muted);
max-width: 52ch;
}
.ontur-site .eyebrow {
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--accent-ink);
margin: 0 0 var(--gap-md);
} .ontur-site .card-body > .eyebrow,
.ontur-site .band-body > .eyebrow,
.ontur-site .report-side > .eyebrow,
.ontur-site .form-card > .eyebrow {
font-family: var(--font-body);
font-size: 13px;
letter-spacing: 0.01em;
text-transform: none;
color: var(--muted);
margin-bottom: 6px;
}
.ontur-site .meta {
font-family: var(--font-mono);
font-size: var(--fs-meta);
color: var(--muted);
letter-spacing: 0.04em;
}
.ontur-site .num {
font-family: var(--font-mono);
font-variant-numeric: tabular-nums;
} .ontur-site .topnav {
position: sticky;
top: 0;
z-index: 40;
background: color-mix(in oklch, var(--bg) 90%, transparent);
backdrop-filter: blur(14px);
border-bottom: 1px solid var(--border);
}
.ontur-site .topnav-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--gap-md);
padding-block: 12px;
min-height: 76px;
}
.ontur-site .logo {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--font-display);
font-size: 22px;
font-weight: 600;
letter-spacing: 0.02em;
white-space: nowrap;
flex-shrink: 0;
}
.ontur-site .logo-mark {
width: 22px;
height: 22px;
color: var(--accent);
flex-shrink: 0;
}
.ontur-site .logo-img {
height: 48px;
width: auto;
max-width: min(220px, 42vw);
display: block;
object-fit: contain;
object-position: left center;
}
.ontur-site .logo-img--light { display: none; }
.ontur-site .nav-drawer-head .logo-img { height: 44px; max-width: 200px; }
.ontur-site .pagefoot .logo-img { height: 52px; max-width: 240px; }
.ontur-site .logo span { font-size: 13px; font-family: var(--font-body); font-weight: 400; color: var(--muted); letter-spacing: 0.08em; text-transform: uppercase; margin-left: 2px; }
.ontur-site .nav-desktop {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
gap: clamp(10px, 1.2vw, 18px); max-width: min(760px, 70vw);
}
.ontur-site .nav-desktop a {
font-size: 13px;
font-weight: 500;
color: var(--muted);
transition: color 0.15s ease;
white-space: nowrap;
}
.ontur-site .nav-desktop a:hover,
.ontur-site .nav-desktop a.is-active { color: var(--fg); }
.ontur-site .nav-right {
display: flex;
align-items: center;
gap: 12px;
}
.ontur-site .lang-switch {
display: inline-flex;
border: 1px solid var(--border);
border-radius: var(--radius);
overflow: hidden;
}
.ontur-site .lang-switch a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 10px;
font-size: 12px;
font-weight: 500;
color: var(--muted);
min-width: 36px;
min-height: 40px;
}
.ontur-site .lang-switch a.is-active {
background: var(--fg);
color: var(--bg);
}
.ontur-site .lang-switch a:hover:not(.is-active) { color: var(--fg); }
.ontur-site .menu-toggle {
display: none;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
border: 1px solid var(--border);
border-radius: var(--radius);
color: var(--fg);
position: relative;
z-index: 70;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.ontur-site .menu-toggle:hover { border-color: var(--fg); }
.ontur-site .menu-toggle.is-open {
background: var(--fg);
border-color: var(--fg);
color: var(--bg);
}
.ontur-site .menu-toggle .icon-close { display: none; }
.ontur-site .menu-toggle.is-open .icon-menu { display: none; }
.ontur-site .menu-toggle.is-open .icon-close { display: block; } .ontur-site .nav-backdrop {
position: fixed;
inset: 0;
z-index: 55;
background: color-mix(in oklch, var(--fg) 48%, transparent);
backdrop-filter: blur(4px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.35s ease, visibility 0.35s ease;
}
.ontur-site .nav-backdrop.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.ontur-site .nav-drawer {
position: fixed;
top: 0;
right: 0;
z-index: 60;
width: min(360px, 88vw);
height: 100dvh;
height: 100%;
background: var(--bg);
border-left: 1px solid var(--border);
box-shadow: -24px 0 64px color-mix(in oklch, var(--fg) 12%, transparent);
display: flex;
flex-direction: column;
transform: translateX(105%);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
pointer-events: none;
visibility: hidden;
}
.ontur-site .nav-drawer.is-open {
transform: translateX(0);
pointer-events: auto;
visibility: visible;
}
.ontur-site .nav-drawer-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 18px 22px;
border-bottom: 1px solid var(--border);
min-height: 72px;
}
.ontur-site .nav-drawer-head .logo { font-size: 20px; }
.ontur-site .nav-drawer-close {
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--border);
border-radius: var(--radius);
color: var(--fg);
flex-shrink: 0;
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.ontur-site .nav-drawer-close:hover {
background: var(--fg);
border-color: var(--fg);
color: var(--bg);
}
.ontur-site .nav-drawer-body {
flex: 1;
overflow-y: auto;
padding: 12px 10px 28px;
-webkit-overflow-scrolling: touch;
}
.ontur-site .nav-drawer a.nav-link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 14px;
font-family: var(--font-display);
font-size: 22px;
font-weight: 500;
letter-spacing: 0.01em;
color: var(--fg);
border-radius: var(--radius);
transition: background 0.15s ease, color 0.15s ease;
}
.ontur-site .nav-drawer a.nav-link:hover,
.ontur-site .nav-drawer a.nav-link.is-active {
background: var(--surface);
color: var(--fg);
}
.ontur-site .nav-drawer a.nav-link .chev {
width: 16px;
height: 16px;
color: var(--accent);
opacity: 0.7;
}
.ontur-site .nav-drawer .nav-exp {
display: block;
padding: 10px 14px 10px 28px;
font-size: 14px;
font-weight: 500;
color: var(--muted);
border-radius: var(--radius);
transition: color 0.15s ease, background 0.15s ease;
}
.ontur-site .nav-drawer .nav-exp:hover,
.ontur-site .nav-drawer .nav-exp.is-active {
color: var(--fg);
background: var(--surface);
}
.ontur-site .nav-drawer-foot {
padding: 18px 22px 28px;
border-top: 1px solid var(--border);
display: flex;
flex-direction: column;
gap: 12px;
background: var(--surface);
}
.ontur-site .nav-drawer-foot .btn { width: 100%; }
.ontur-site .nav-drawer-meta {
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--muted);
text-align: center;
}
body.ontur-page.nav-open { overflow: hidden; }
body.ontur-page.nav-open .sticky-book { opacity: 0; pointer-events: none; } html.ontur-document.on-hero .ontur-site .topnav {
position: fixed;
top: 0;
left: 0;
right: 0;
background: transparent;
border-bottom-color: transparent;
backdrop-filter: none;
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .logo-img--dark { display: none; }
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .logo-img--light { display: block; }
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-desktop a {
color: color-mix(in oklch, var(--bg) 82%, transparent);
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-desktop a:hover,
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-desktop a.is-active {
color: var(--bg);
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .lang-switch {
border-color: color-mix(in oklch, var(--bg) 36%, transparent);
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .lang-switch a {
color: color-mix(in oklch, var(--bg) 78%, transparent);
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .lang-switch a.is-active {
background: var(--bg);
color: var(--fg);
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .lang-switch a:hover:not(.is-active) {
color: var(--bg);
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-right .btn-primary {
background: var(--bg);
color: var(--fg);
border-color: var(--bg);
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-right .btn-primary:hover {
background: color-mix(in oklch, var(--bg) 88%, var(--fg));
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .menu-toggle {
border-color: color-mix(in oklch, var(--bg) 42%, transparent);
color: var(--bg);
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .menu-toggle:hover {
border-color: var(--bg);
background: color-mix(in oklch, var(--bg) 12%, transparent);
}
html.ontur-document.on-hero.nav-solid .ontur-site .topnav {
background: color-mix(in oklch, var(--bg) 92%, transparent);
border-bottom-color: var(--border);
backdrop-filter: blur(14px);
}
@media (max-width: 980px) {
.ontur-site .nav-desktop { display: none; }
.ontur-site .menu-toggle { display: inline-flex; }
.ontur-site .nav-right .btn-primary { display: none; }
}
@media (min-width: 981px) {
.ontur-site .nav-backdrop,
.ontur-site .nav-drawer { display: none !important; }
} .ontur-site .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 12px 22px;
border-radius: var(--radius);
border: 1px solid transparent;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.02em;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.05s ease;
}
.ontur-site .btn:active { transform: translateY(1px); }
.ontur-site .btn:focus-visible {
outline: 2px solid var(--fg);
outline-offset: 2px;
}
.ontur-site .media-hero .btn:focus-visible,
.ontur-site .cta-panel .btn:focus-visible,
.ontur-site .sticky-book .btn:focus-visible { outline-color: var(--accent); }
.ontur-site .btn svg { width: 16px; height: 16px; }
.ontur-site .btn-primary {
background: var(--fg);
color: var(--bg);
border-color: var(--fg);
}
.ontur-site .btn-primary:hover {
background: var(--anthracite-soft);
border-color: var(--anthracite-soft);
color: var(--bg);
}
.ontur-site .btn-secondary {
background: transparent;
color: var(--fg);
border-color: var(--fg);
}
.ontur-site .btn-secondary:hover {
background: var(--fg);
color: var(--bg);
}
.ontur-site .btn-ghost {
background: transparent;
color: var(--fg);
border-color: transparent;
padding-inline: 8px;
}
.ontur-site .btn-ghost:hover { color: var(--muted); } .ontur-site .btn-arrow {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
}
.ontur-site .btn-light {
background: var(--bg);
color: var(--fg);
border-color: var(--bg);
}
.ontur-site .btn-light:hover {
background: var(--surface);
color: var(--fg);
}
.ontur-site .btn-outline-light {
background: transparent;
color: var(--bg);
border-color: color-mix(in oklch, var(--bg) 55%, transparent);
}
.ontur-site .btn-outline-light:hover {
border-color: var(--bg);
color: var(--bg);
}
.ontur-site .card {
background: var(--bg);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
overflow: hidden;
}
.ontur-site .card-body { padding: 24px; }
.ontur-site .card-flat { background: transparent; border: 0; }
.ontur-site .card-media {
aspect-ratio: 4 / 3;
overflow: hidden;
background: var(--surface);
}
.ontur-site .card-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.ontur-site .card:hover .card-media img { transform: scale(1.03); } .ontur-site .feature-mark {
width: 40px;
height: 40px;
display: grid;
place-items: center;
border: 1px solid color-mix(in oklch, var(--fg) 16%, transparent);
border-radius: 50%;
box-shadow: inset 0 0 0 3px var(--bg), inset 0 0 0 4px color-mix(in oklch, var(--fg) 12%, transparent);
background: var(--bg);
color: var(--fg);
margin-bottom: var(--gap-md);
}
.ontur-site .feature-mark svg { width: 22px; height: 22px; }
.ontur-site .feature h3 { margin-bottom: 8px; }
.ontur-site .feature p { color: var(--muted); font-size: 15px; }
.ontur-site .stat .stat-num {
font-family: var(--font-display);
font-size: clamp(40px, 5vw, 56px);
line-height: 1;
letter-spacing: 0;
color: var(--fg);
font-weight: 500;
font-variant-numeric: lining-nums tabular-nums;
white-space: nowrap;
}
.ontur-site .stat .stat-label {
color: var(--muted);
font-size: 14px;
margin-top: 10px;
max-width: 22ch;
}
.ontur-site .stat .stat-unit {
font-size: 0.45em;
opacity: 0.65;
margin-left: 2px;
font-family: var(--font-body);
}
.ontur-site .quote {
font-family: var(--font-display);
font-size: clamp(20px, 1.8vw, 24px);
line-height: 1.45;
letter-spacing: 0.01em;
font-variant-numeric: lining-nums;
max-width: none;
margin: 0;
flex: 1;
color: var(--fg);
}
.ontur-site .quote-author {
display: flex;
flex-direction: column;
gap: 2px;
margin-top: auto;
padding-top: 22px;
border-top: 1px solid var(--border);
color: var(--muted);
font-size: 13px;
font-style: normal;
}
.ontur-site .quote-author .quote-name {
font-family: var(--font-body);
font-size: 14px;
font-weight: 500;
color: var(--fg);
letter-spacing: 0.01em;
}
.ontur-site .quote-author .quote-meta {
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--muted);
}
.ontur-site .quote-mark {
font-family: var(--font-display);
font-size: 56px;
line-height: 0.85;
color: var(--accent);
opacity: 0.55;
margin: 0 0 8px;
user-select: none;
}
.ontur-site .pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 11px;
background: var(--accent-soft);
color: color-mix(in oklch, var(--fg) 70%, var(--accent));
border-radius: 999px;
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.ontur-site .tag {
display: inline-flex;
align-items: center;
padding: 6px 12px;
color: var(--muted);
border: 1px solid var(--border);
border-radius: 999px;
font-size: 12px;
background: var(--bg);
cursor: pointer;
min-height: 36px;
transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.ontur-site .tag:hover, .ontur-site .tag.is-active {
border-color: var(--fg);
color: var(--fg);
}
.ontur-site .tag.is-active {
background: var(--fg);
color: var(--bg);
}
.ontur-site .field { display: flex; flex-direction: column; gap: 6px; }
.ontur-site .field label { font-size: 13px; color: var(--muted); }
.ontur-site .input, .ontur-site .textarea, .ontur-site .select {
width: 100%;
padding: 12px 14px;
border: 1px solid var(--border);
border-radius: var(--radius);
background: var(--bg);
color: var(--fg);
font: inherit;
font-size: 15px;
min-height: 44px;
}
.ontur-site .input:focus, .ontur-site .textarea:focus, .ontur-site .select:focus {
outline: 2px solid var(--fg);
outline-offset: 1px;
border-color: var(--accent);
}
.ontur-site .textarea { min-height: 110px; resize: vertical; line-height: 1.55; }
.ontur-site .ds-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.ontur-site .ds-table th, .ontur-site .ds-table td {
padding: 14px 12px;
text-align: left;
border-bottom: 1px solid var(--border);
}
.ontur-site .ds-table th {
color: var(--muted);
font-weight: 500;
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ontur-site .ds-table tbody tr:hover { background: var(--fg-soft); }
.ontur-site .ds-table .num-col {
font-family: var(--font-mono);
font-variant-numeric: tabular-nums;
text-align: right;
}
.ontur-site .media {
overflow: hidden;
border-radius: var(--radius-lg);
background: var(--surface);
}
.ontur-site .media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ontur-site .media-wide { aspect-ratio: 16 / 9; }
.ontur-site .media-4x3 { aspect-ratio: 4 / 3; }
.ontur-site .media-hero {
position: relative;
min-height: min(100svh, 920px);
background: var(--fg);
color: var(--bg);
overflow: hidden;
}
.ontur-site .hero-video {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
background: var(--fg);
}
.ontur-site .hero-video-poster {
position: absolute;
inset: -4%;
width: 108%;
height: 108%;
max-width: none;
object-fit: cover;
opacity: 0.78;
z-index: 0;
transition: opacity 0.8s ease;
will-change: transform;
animation: hero-kenburns 22s ease-in-out infinite alternate;
}
@keyframes hero-kenburns {
0%   { transform: scale(1) translate(0, 0); }
100% { transform: scale(1.12) translate(-2.5%, -1.5%); }
}
@media (prefers-reduced-motion: reduce) {
.ontur-site .hero-video-poster { animation: none; inset: 0; width: 100%; height: 100%; }
}
@media (max-width: 720px) {
.ontur-site .hero-copy .eyebrow,
.ontur-site .hero-copy h1,
.ontur-site .hero-copy .lead,
.ontur-site .hero-dock,
.ontur-site .hero-book { animation-duration: 280ms; }
.ontur-site .view.is-entering { animation-duration: 260ms; }
}
.ontur-site .hero-video.is-playing .hero-video-poster {
opacity: 0;
animation: none;
} .ontur-site .hero-video-el {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border: 0;
pointer-events: none;
z-index: 1;
opacity: 0;
transition: opacity 0.7s ease;
background: var(--fg);
}
.ontur-site .hero-video.is-playing .hero-video-el {
opacity: 0.92;
} @media (max-width: 980px) {
.ontur-site .card-rail-wrap {
position: relative;
}
.ontur-site .card-rail-wrap::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 12px;
width: 36px;
pointer-events: none;
background: linear-gradient(90deg, transparent, var(--bg));
z-index: 2;
}
.ontur-site .section-alt .card-rail-wrap::after {
background: linear-gradient(90deg, transparent, var(--surface));
}
.ontur-site .card-rail-hint {
display: flex;
align-items: center;
gap: 6px;
margin-top: 14px;
font-family: var(--font-mono);
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--muted);
}
.ontur-site .card-rail-hint svg { width: 14px; height: 14px; }
}
@media (min-width: 981px) {
.ontur-site .card-rail-hint { display: none; }
}
.ontur-site .media-hero::after {
content: '';
position: absolute;
inset: 0;
z-index: 2;
background:
linear-gradient(180deg,
color-mix(in oklch, var(--fg) 52%, transparent) 0%,
color-mix(in oklch, var(--fg) 10%, transparent) 28%,
color-mix(in oklch, var(--fg) 12%, transparent) 58%,
color-mix(in oklch, var(--fg) 56%, transparent) 100%);
pointer-events: none;
}
.ontur-site .media-hero-inner {
position: relative;
z-index: 3;
min-height: inherit;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-block: clamp(36px, 7vw, 72px);
}
.ontur-site .media-hero h1 { color: var(--bg); max-width: 16ch; }
.ontur-site .media-hero .lead { color: color-mix(in oklch, var(--bg) 78%, transparent); }
.ontur-site .media-hero .eyebrow { color: var(--accent); }
.ontur-site .media-hero-inner .container {
display: flex;
flex-direction: column;
gap: clamp(28px, 5vw, 48px);
width: 100%;
}
.ontur-site .hero-copy {
max-width: 38rem;
}
.ontur-site .hero-copy .eyebrow,
.ontur-site .hero-copy h1,
.ontur-site .hero-copy .lead,
.ontur-site .hero-dock,
.ontur-site .hero-book {
animation: hero-rise 380ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.ontur-site .hero-copy h1 { animation-delay: 70ms; }
.ontur-site .hero-copy .lead { animation-delay: 120ms; }
.ontur-site .hero-dock { animation-delay: 160ms; }
@keyframes hero-rise {
from { opacity: 0; transform: translateY(14px); }
to   { opacity: 1; transform: none; }
}
.ontur-site .hero-copy .lead {
margin: 16px 0 0;
max-width: 42ch;
} .ontur-site .hero-dock {
display: flex;
align-items: stretch;
gap: 8px;
width: 100%;
max-width: 760px;
}
.ontur-site .hero-chips {
display: flex;
flex: 1 1 auto;
gap: 8px;
min-width: 0;
}
.ontur-site .hero-chip {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 3px;
min-width: 0;
min-height: 58px;
padding: 10px 16px;
background: color-mix(in oklch, var(--fg) 38%, transparent);
border: 1px solid color-mix(in oklch, var(--bg) 28%, transparent);
border-radius: var(--radius);
color: var(--bg);
text-align: left;
backdrop-filter: blur(14px);
transition: border-color 0.15s ease, background 0.15s ease;
}
.ontur-site .hero-chip:hover,
.ontur-site .hero-chip:focus-visible {
border-color: color-mix(in oklch, var(--bg) 70%, transparent);
background: color-mix(in oklch, var(--fg) 50%, transparent);
}
.ontur-site .hero-chip:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
}
.ontur-site .hero-chip small {
font-family: var(--font-mono);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--accent);
}
.ontur-site .hero-chip strong {
font-size: 15px;
font-weight: 500;
letter-spacing: 0.01em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.ontur-site .hero-dock .btn-light {
flex: 0 0 auto;
min-height: 58px;
padding-inline: 28px;
font-size: 15px;
letter-spacing: 0.04em;
box-shadow: 0 16px 40px color-mix(in oklch, var(--fg) 28%, transparent);
}
.ontur-site .hero-book-field {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.ontur-site .hero-book-field label {
font-family: var(--font-mono);
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--muted);
}
.ontur-site .date-hint {
font-weight: 400;
font-size: 0.85em;
color: var(--muted);
letter-spacing: 0;
text-transform: none;
}
.ontur-site .input.date-tr {
font-variant-numeric: tabular-nums;
letter-spacing: 0.04em;
}
.ontur-site .input.date-tr::placeholder {
color: color-mix(in oklch, var(--muted) 75%, transparent);
letter-spacing: 0.02em;
}
.ontur-site .hero-book {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
align-items: end;
}
.ontur-site .hero-book .input,
.ontur-site .hero-book .select {
width: 100%;
min-height: 48px;
background: var(--bg);
border-color: var(--border);
color: var(--fg);
font-size: 15px;
}
.ontur-site .hero-book .btn {
grid-column: 1 / -1;
width: 100%;
min-height: 50px;
}
.ontur-site .hero-book-note {
grid-column: 1 / -1;
margin: 0;
font-size: 12px;
color: var(--muted);
line-height: 1.45;
} .ontur-site .booking-rooms {
grid-column: 1 / -1;
display: grid;
gap: 12px;
min-width: 0;
}
.ontur-site .booking-room {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px 14px;
min-width: 0;
margin: 0;
padding: 12px 14px 14px;
border: 1px solid var(--border);
border-radius: var(--radius);
}
.ontur-site .booking-room-title {
padding: 0 6px;
font-family: var(--font-mono);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fg);
}
.ontur-site .booking-ages {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 14px;
}
.ontur-site .booking-ages[hidden],
.ontur-site .booking-room-remove[hidden] { display: none; }
.ontur-site .booking-ages-title {
grid-column: 1 / -1;
margin: 0;
font-size: 12px;
line-height: 1.45;
color: var(--muted);
}
.ontur-site .booking-room-remove {
grid-column: 1 / -1;
justify-self: start;
min-height: 32px;
font-size: 13px;
color: var(--muted);
text-decoration: underline;
text-underline-offset: 3px;
}
.ontur-site .booking-room-remove:hover { color: var(--fg); }
.ontur-site .hero-book .booking-add { min-height: 44px; }
.ontur-site .hero-book .booking-add[hidden] { display: none; } .ontur-site .booking-dates,
.ontur-site .booking-side { display: contents; }
.ontur-site .booking-help {
grid-column: 1 / -1;
padding-top: 14px;
border-top: 1px solid var(--border);
font-size: 14px;
line-height: 1.6;
}
.ontur-site .booking-help p { margin: 0; }
.ontur-site .booking-help .booking-help-title {
margin: 0 0 4px;
font-family: var(--font-mono);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--accent-ink);
}
.ontur-site .booking-help a {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
} .ontur-site .section .hero-book { position: relative; z-index: 2; }
@media (min-width: 1024px) {
.ontur-site .hero-book.booking-board {
--stay-cal-embed: 1;
grid-template-columns: minmax(0, 1fr) minmax(250px, 290px);
gap: 16px 32px;
align-items: stretch;
}
.ontur-site .booking-board .booking-dates {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
align-content: start;
min-width: 0;
}
.ontur-site .booking-board .booking-side {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
padding-left: 32px;
border-left: 1px solid var(--border);
}
.ontur-site .booking-board .booking-help { margin-top: auto; }
} .ontur-site .has-stay-cal { position: relative; }
.ontur-site .stay-cal {
--cal-cell: 38px;
--cal-day-h: 38px;
--cal-range: color-mix(in oklch, var(--accent) 24%, var(--bg));
--cal-tint: color-mix(in oklch, var(--accent) 10%, var(--bg));
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: 40;
width: max-content;
max-width: calc(100vw - 24px);
padding: 16px 18px 12px;
background: var(--bg);
color: var(--fg);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
box-shadow: 0 24px 64px color-mix(in oklch, var(--fg) 14%, transparent), 0 2px 8px color-mix(in oklch, var(--fg) 5%, transparent);
font-family: var(--font-body);
text-align: left;
scroll-margin: 96px 0 16px; animation: stay-cal-in 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
.ontur-site .stay-cal[hidden] { display: none; } .ontur-site .stay-cal::before {
content: "";
position: absolute;
top: -1px;
left: 18px;
right: 18px;
height: 1px;
background: var(--accent);
}
@keyframes stay-cal-in {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: none; }
}
.ontur-site .stay-cal.is-inline {
--cal-cell: minmax(0, 1fr);
--cal-day-h: 44px;
position: relative;
top: auto;
left: auto;
grid-column: 1 / -1;
width: 100%;
max-width: none;
padding: 12px 12px 8px;
box-shadow: none;
animation-name: stay-cal-fade;
}
@keyframes stay-cal-fade {
from { opacity: 0; }
to { opacity: 1; }
} .ontur-site .stay-cal.is-embedded {
--cal-day-h: 38px;
padding: 14px 16px 6px;
animation: none;
}
.ontur-site .stay-cal.is-embedded.is-double .stay-cal-months {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
justify-content: stretch;
}
.ontur-site .stay-cal.is-embedded .stay-cal-day { font-size: 14px; }
.ontur-site .stay-cal-months { display: grid; gap: 28px; }
.ontur-site .stay-cal.is-double .stay-cal-months { grid-template-columns: repeat(2, auto); justify-content: space-between; }
.ontur-site .stay-cal-title {
height: 36px;
margin: 0 0 6px;
padding-inline: 44px;
font-family: var(--font-display);
font-size: 20px;
font-weight: 500;
line-height: 36px;
letter-spacing: 0.01em;
text-align: center;
white-space: nowrap;
}
.ontur-site .stay-cal.is-double .stay-cal-title { padding-inline: 0; }
.ontur-site .stay-cal-week,
.ontur-site .stay-cal-row {
display: grid;
grid-template-columns: repeat(7, var(--cal-cell));
}
.ontur-site .stay-cal-row + .stay-cal-row { margin-top: 2px; }
.ontur-site .stay-cal-wd {
padding-bottom: 8px;
font-family: var(--font-mono);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
text-align: center;
color: var(--accent-ink);
}
.ontur-site .stay-cal .stay-cal-day {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: 0;
height: var(--cal-day-h);
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: var(--fg);
font-family: var(--font-body);
font-size: 14px;
font-weight: 400;
line-height: 1;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
transition: background-color 0.12s ease, color 0.12s ease;
}
.ontur-site .stay-cal.is-inline .stay-cal-day { font-size: 15px; }
.ontur-site .stay-cal .stay-cal-day:hover { background: var(--cal-tint); color: var(--fg); }
.ontur-site .stay-cal .stay-cal-day.is-disabled,
.ontur-site .stay-cal .stay-cal-day.is-disabled:hover {
background: transparent;
color: color-mix(in oklch, var(--muted) 38%, var(--bg));
cursor: default;
}
.ontur-site .stay-cal .stay-cal-day.is-range { background: var(--cal-range); }
.ontur-site .stay-cal .stay-cal-day.is-preview { background: var(--cal-tint); }
.ontur-site .stay-cal .stay-cal-day.is-start,
.ontur-site .stay-cal .stay-cal-day.is-end,
.ontur-site .stay-cal .stay-cal-day.is-start:hover,
.ontur-site .stay-cal .stay-cal-day.is-end:hover {
background: var(--fg);
color: var(--bg);
border-radius: var(--radius);
}
.ontur-site .stay-cal .stay-cal-day.is-hover-end { background: var(--cal-tint); box-shadow: inset 0 0 0 1px var(--fg); border-radius: var(--radius); }
.ontur-site .stay-cal .stay-cal-day.is-today:not(.is-start):not(.is-end):not(.is-hover-end) { box-shadow: inset 0 0 0 1px var(--accent); }
.ontur-site .stay-cal .stay-cal-day:focus-visible { z-index: 1; outline: 2px solid var(--fg); outline-offset: -2px; }
.ontur-site .stay-cal .stay-cal-day.is-start:focus-visible,
.ontur-site .stay-cal .stay-cal-day.is-end:focus-visible { outline-color: var(--accent); outline-offset: 2px; }
.ontur-site .stay-cal .stay-cal-nav {
position: absolute;
top: 16px;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
border: 1px solid var(--border);
border-radius: var(--radius);
background: var(--bg);
color: var(--fg);
transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.ontur-site .stay-cal .stay-cal-prev { left: 18px; }
.ontur-site .stay-cal .stay-cal-next { right: 18px; }
.ontur-site .stay-cal.is-inline .stay-cal-nav { top: 12px; }
.ontur-site .stay-cal.is-inline .stay-cal-prev { left: 12px; }
.ontur-site .stay-cal.is-inline .stay-cal-next { right: 12px; }
.ontur-site .stay-cal.is-embedded .stay-cal-nav { top: 14px; }
.ontur-site .stay-cal.is-embedded .stay-cal-prev { left: 16px; }
.ontur-site .stay-cal.is-embedded .stay-cal-next { right: 16px; }
.ontur-site .stay-cal .stay-cal-next svg { transform: scaleX(-1); }
.ontur-site .stay-cal .stay-cal-nav:hover { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.ontur-site .stay-cal .stay-cal-nav[aria-disabled="true"],
.ontur-site .stay-cal .stay-cal-nav[aria-disabled="true"]:hover {
background: var(--bg);
color: var(--fg);
border-color: var(--border);
opacity: 0.32;
cursor: default;
}
.ontur-site .stay-cal .stay-cal-nav:focus-visible { outline: 2px solid var(--fg); outline-offset: 2px; }
.ontur-site .stay-cal-foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 44px;
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid var(--border);
}
.ontur-site .stay-cal-summary {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px 12px;
min-width: 0;
margin: 0;
font-size: 13px;
line-height: 1.4;
color: var(--muted);
}
.ontur-site .stay-cal-nights {
font-family: var(--font-display);
font-size: 20px;
line-height: 1.2;
color: var(--fg);
}
.ontur-site .stay-cal-range { font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }
.ontur-site .stay-cal-hint { color: var(--fg); }
.ontur-site .stay-cal-muted { color: var(--muted); }
.ontur-site .stay-cal .stay-cal-clear {
flex-shrink: 0;
min-height: 32px;
margin: 0;
padding: 0 2px;
border: 0;
background: none;
color: var(--muted);
font-family: var(--font-body);
font-size: 13px;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.ontur-site .stay-cal .stay-cal-clear:hover { color: var(--fg); }
.ontur-site .stay-cal .stay-cal-clear[aria-disabled="true"] { opacity: 0.4; cursor: default; }
.ontur-site .stay-cal .stay-cal-clear[aria-disabled="true"]:hover { color: var(--muted); }
.ontur-site .stay-cal .stay-cal-clear:focus-visible { outline: 2px solid var(--fg); outline-offset: 2px; }
.ontur-site .stay-cal-sr {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
} .ontur-site .date-error {
grid-column: 1 / -1;
margin: -4px 0 0;
padding-left: 10px;
border-left: 2px solid currentColor;
font-size: 13px;
line-height: 1.45;
color: var(--danger);
}
.ontur-site .date-error[hidden] { display: none; }
.ontur-site .input.date-tr[aria-invalid="true"] { border-color: var(--danger); }
@media (max-width: 380px) {
.ontur-site .stay-cal.is-inline { padding: 10px 8px 6px; }
.ontur-site .stay-cal.is-inline .stay-cal-prev { left: 8px; }
.ontur-site .stay-cal.is-inline .stay-cal-next { right: 8px; }
.ontur-site .stay-cal.is-inline .stay-cal-nav { top: 10px; }
}
@media (prefers-reduced-motion: reduce) {
.ontur-site .stay-cal,
.ontur-site .stay-cal.is-inline { animation: none; }
.ontur-site .stay-cal .stay-cal-day,
.ontur-site .stay-cal .stay-cal-nav { transition: none; }
} .ontur-site .book-sheet {
position: fixed;
inset: 0;
z-index: 80;
display: flex;
align-items: flex-end;
justify-content: center;
pointer-events: none;
visibility: hidden;
}
.ontur-site .book-sheet[hidden] { display: none !important; }
.ontur-site .book-sheet.is-open {
display: flex !important;
pointer-events: auto;
visibility: visible;
}
.ontur-site .book-sheet-backdrop {
position: absolute;
inset: 0;
background: color-mix(in oklch, var(--fg) 48%, transparent);
backdrop-filter: blur(6px);
opacity: 0;
transition: opacity 0.3s ease;
}
.ontur-site .book-sheet.is-open .book-sheet-backdrop { opacity: 1; }
.ontur-site .book-sheet-panel {
position: relative;
z-index: 1;
width: 100%;
max-width: 480px;
max-height: min(88dvh, 720px);
overflow: auto;
background: var(--bg);
color: var(--fg);
border-radius: 12px 12px 0 0;
padding: 22px 22px 28px;
box-shadow: 0 -20px 60px color-mix(in oklch, var(--fg) 18%, transparent);
transform: translateY(108%);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.ontur-site .book-sheet.is-open .book-sheet-panel { transform: none; }
.ontur-site .book-sheet-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 22px;
}
.ontur-site .book-sheet-head h2 {
font-size: 28px;
}
.ontur-site .book-sheet-close {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--border);
border-radius: var(--radius);
color: var(--fg);
flex-shrink: 0;
}
.ontur-site .book-sheet-close:hover {
background: var(--fg);
color: var(--bg);
border-color: var(--fg);
}
body.ontur-page.book-open { overflow: hidden; }
body.ontur-page.book-open .sticky-book { opacity: 0; pointer-events: none; }
@media (min-width: 721px) {
.ontur-site .book-sheet { align-items: center; padding: 24px; }
.ontur-site .book-sheet-panel {
border-radius: var(--radius-lg);
padding: 32px;
transform: translateY(16px) scale(0.98);
opacity: 0;
box-shadow: 0 28px 80px color-mix(in oklch, var(--fg) 22%, transparent);
}
.ontur-site .book-sheet.is-open .book-sheet-panel {
transform: none;
opacity: 1;
}
} @media (min-width: 1024px) {
.ontur-site .book-sheet-panel {
max-width: 1040px;
max-height: min(94dvh, 800px);
padding: 28px 32px 32px;
}
.ontur-site .book-sheet-head { margin-bottom: 18px; }
}
@media (max-width: 980px) {
.ontur-site .media-hero {
min-height: 100svh;
min-height: 100dvh;
}
.ontur-site .media-hero::after {
background:
linear-gradient(180deg,
color-mix(in oklch, var(--fg) 42%, transparent) 0%,
color-mix(in oklch, var(--fg) 8%, transparent) 28%,
color-mix(in oklch, var(--fg) 10%, transparent) 52%,
color-mix(in oklch, var(--fg) 58%, transparent) 100%);
}
.ontur-site .hero-video.is-playing .hero-video-el { opacity: 1; }
.ontur-site .hero-copy .lead { display: none; }
.ontur-site .media-hero-inner {
padding-block: 88px 28px;
}
.ontur-site .hero-dock {
flex-direction: column;
max-width: none;
}
.ontur-site .hero-dock .btn-light {
width: 100%;
min-height: 56px;
font-size: 16px;
}
.ontur-site .hero-chips {
width: 100%;
}
.ontur-site .hero-chip {
min-height: 52px;
padding: 8px 10px;
}
.ontur-site .hero-chip strong { font-size: 13px; }
}
@media (max-width: 720px) {
.ontur-site .media-hero { min-height: 100svh; }
}
@media (max-width: 400px) {
.ontur-site .hero-chips { gap: 6px; }
.ontur-site .hero-chip { padding: 8px; }
.ontur-site .hero-chip small { font-size: 9px; }
} .ontur-site .cine-band { background: var(--bg); }
.ontur-site .cine-split {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: min(78vh, 700px);
background: var(--bg);
}
.ontur-site .cine-split--alt { background: var(--surface); }
.ontur-site .cine-split--flip .cine-media { order: 2; }
.ontur-site .cine-media {
position: relative;
min-height: 100%;
overflow: hidden;
background: var(--fg);
}
.ontur-site .cine-media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
}
.ontur-site .cine-copy {
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(40px, 7vw, 88px) clamp(28px, 6vw, 88px);
width: 100%;
max-width: 580px;
margin-inline: auto;
min-width: 0;
}
.ontur-site .cine-copy .lead { margin-top: 18px; } .ontur-site .cine-facts {
list-style: none;
padding: 0;
margin: 26px 0 0;
display: grid;
gap: 0;
border-bottom: 1px solid var(--border);
}
.ontur-site .cine-facts li {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px 0;
border-top: 1px solid var(--border);
font-size: 15px;
color: var(--muted);
line-height: 1.45;
}
.ontur-site .cine-facts svg {
width: 20px;
height: 20px;
color: var(--fg);
margin-top: 1px;
}
.ontur-site .cine-copy .btn { margin-top: 28px; align-self: flex-start; }
.ontur-site .cine-copy .grid-stats { margin-top: 28px; }
@media (min-width: 901px) { .ontur-site .cine-copy .grid-stats {
grid-template-columns: repeat(3, auto);
justify-content: start;
column-gap: clamp(20px, 2vw, 28px);
}
.ontur-site .cine-copy .grid-stats .stat-num { font-size: clamp(34px, 3.2vw, 46px); }
}
@media (max-width: 900px) {
.ontur-site .cine-split,
.ontur-site .cine-split--flip {
grid-template-columns: 1fr;
min-height: 0;
}
.ontur-site .cine-split--flip .cine-media { order: 0; }
.ontur-site .cine-media {
aspect-ratio: 16 / 11;
min-height: 240px;
}
.ontur-site .cine-copy { padding: 32px var(--gutter) 48px; }
} .ontur-site .service-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
.ontur-site .service-card {
background: var(--bg);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 22px 20px 24px;
min-width: 0;
height: 100%;
display: flex;
flex-direction: column;
gap: 8px;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ontur-site .service-card:hover {
border-color: color-mix(in oklch, var(--fg) 22%, var(--border));
box-shadow: 0 12px 32px color-mix(in oklch, var(--fg) 5%, transparent);
}
.ontur-site .service-card .feature-mark { margin-bottom: 4px; }
.ontur-site .service-card h3 {
font-family: var(--font-display);
font-size: 20px;
font-weight: 500;
letter-spacing: 0;
margin: 0;
line-height: 1.25;
}
.ontur-site .service-card p {
margin: 0;
color: var(--muted);
font-size: 14px;
line-height: 1.55;
flex: 0 0 auto;
} .ontur-site .service-card .meta {
margin-top: auto;
padding-top: 12px;
border-top: 1px solid var(--border);
font-family: var(--font-body);
font-size: 13px;
letter-spacing: 0;
color: var(--fg);
}
.ontur-site .section-alt .service-card { background: var(--bg); }
.ontur-site .extra-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px 20px;
}
.ontur-site .extra-item {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 16px 18px;
border: 1px solid var(--border);
border-radius: var(--radius-lg);
background: var(--bg);
min-width: 0;
}
.ontur-site .extra-item .feature-mark {
margin-bottom: 0;
flex-shrink: 0;
width: 36px;
height: 36px;
}
.ontur-site .extra-item .feature-mark svg { width: 20px; height: 20px; }
.ontur-site .extra-item h3 {
font-size: 16px;
font-weight: 500;
margin: 0 0 4px;
font-family: var(--font-body);
letter-spacing: 0;
}
.ontur-site .extra-item p {
margin: 0;
font-size: 13.5px;
color: var(--muted);
line-height: 1.5;
}
.ontur-site .badge-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.ontur-site .trust-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
border: 1px solid var(--border);
border-radius: var(--radius);
background: var(--bg);
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--fg);
}
.ontur-site .trust-badge svg {
width: 15px;
height: 15px;
color: var(--fg);
opacity: 0.72;
flex-shrink: 0;
}
.ontur-site .section-alt .trust-badge { background: var(--surface); }
.ontur-site a.trust-badge:hover {
border-color: var(--fg);
color: var(--fg);
}
@media (max-width: 980px) {
.ontur-site .service-grid { grid-template-columns: repeat(2, 1fr); }
.ontur-site [data-od-id="plaj-stats"] { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 640px) {
.ontur-site .service-grid { grid-template-columns: 1fr; }
.ontur-site .extra-list { grid-template-columns: 1fr; }
}
.ontur-site .pagefoot {
padding-block: var(--gap-xl);
color: var(--muted);
font-size: 13px;
border-top: 1px solid var(--border);
background: var(--fg);
color: color-mix(in oklch, var(--bg) 72%, transparent);
}
.ontur-site .pagefoot a:hover { color: var(--bg); }
.ontur-site .pagefoot a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.ontur-site .pagefoot .logo { color: var(--bg); margin-bottom: 12px; }
.ontur-site .pagefoot .meta { color: color-mix(in oklch, var(--bg) 48%, transparent); }
.ontur-site .footer-grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: var(--gap-xl);
}
@media (max-width: 720px) {
.ontur-site .footer-grid { grid-template-columns: 1fr; gap: var(--gap-lg); }
} .ontur-site .view { display: none; }
.ontur-site .view.is-active { display: block; }
.ontur-site .view.is-entering {
animation: view-enter var(--dur-enter, 340ms) cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes view-enter {
from { opacity: 0; transform: translateY(12px); }
to   { opacity: 1; transform: none; }
}
.ontur-site .page-hero {
padding-block: clamp(48px, 8vw, 80px) clamp(32px, 5vw, 48px);
border-bottom: 1px solid var(--border);
}
.ontur-site .page-hero h1 { margin-bottom: 12px; } .ontur-site .page-hero.page-hero--compact { padding-block: clamp(24px, 2.4vw, 32px) clamp(18px, 2vw, 24px); }
.ontur-site .page-hero.page-hero--compact h1 { font-size: clamp(34px, 3.4vw, 50px); margin-bottom: 8px; }
.ontur-site .page-hero.page-hero--compact .lead { max-width: 62ch; }
@media (min-width: 1024px) { .ontur-site .page-hero.page-hero--compact .container {
display: grid;
grid-template-columns: auto minmax(0, 46ch);
justify-content: space-between;
align-items: end;
column-gap: 48px;
}
.ontur-site .page-hero.page-hero--compact .eyebrow { grid-column: 1; }
.ontur-site .page-hero.page-hero--compact h1 { grid-column: 1; margin-bottom: 0; }
.ontur-site .page-hero.page-hero--compact .lead { grid-column: 2; grid-row: 1 / span 2; margin: 0; font-size: 16px; }
}
.ontur-site .section.rez-form { padding-top: clamp(20px, 2vw, 28px); }
.ontur-site .list-check {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 10px;
}
.ontur-site .list-check li {
display: flex;
gap: 10px;
align-items: flex-start;
color: var(--muted);
font-size: 15px;
}
.ontur-site .list-check svg {
width: 16px;
height: 16px;
color: var(--fg);
opacity: 0.72;
margin-top: 4px;
} .ontur-site .list-dash li::before {
content: "";
flex: 0 0 14px;
height: 1px;
margin-top: 0.8em;
background: currentColor;
opacity: 0.45;
}
.ontur-site .room-meta {
display: flex;
flex-wrap: wrap;
gap: 10px 16px;
margin: 12px 0 16px;
font-size: 13px;
color: var(--muted);
}
.ontur-site .room-meta span {
display: inline-flex;
align-items: center;
gap: 6px;
}
.ontur-site .room-meta svg { width: 16px; height: 16px; color: var(--fg); opacity: 0.72; } .ontur-site .room-detail {
display: grid;
grid-template-columns: 1.05fr 1fr;
gap: 0;
overflow: hidden;
min-width: 0;
}
.ontur-site .room-detail .media {
min-height: 300px;
border-radius: 0;
height: 100%;
}
.ontur-site .room-detail .media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ontur-site .room-detail .card-body {
padding: clamp(24px, 3vw, 36px);
display: flex;
flex-direction: column;
min-width: 0;
}
.ontur-site .room-detail h2 {
font-family: var(--font-display);
font-size: clamp(26px, 3vw, 34px);
font-weight: 450;
letter-spacing: 0;
margin: 0;
line-height: 1.2;
}
.ontur-site .room-detail .room-desc {
color: var(--muted);
font-size: 15.5px;
line-height: 1.65;
margin: 0;
}
.ontur-site .room-detail .list-check {
margin-top: 16px;
} .ontur-site .room-specs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 16px 0 18px;
border-top: 1px solid var(--border);
}
.ontur-site .room-specs > div {
padding: 10px 0;
border-bottom: 1px solid var(--border);
min-width: 0;
}
.ontur-site .room-specs > div:nth-child(odd) { padding-right: 16px; border-right: 1px solid var(--border); }
.ontur-site .room-specs > div:nth-child(even) { padding-left: 16px; }
.ontur-site .room-specs dt { font-size: 12px; color: var(--muted); letter-spacing: 0.01em; }
.ontur-site .room-specs dd { margin: 2px 0 0; font-size: 15px; font-weight: 500; color: var(--fg); }
.ontur-site .room-detail .btn {
margin-top: 22px;
align-self: flex-start;
}
.ontur-site .room-detail:nth-child(even) {
direction: rtl;
}
.ontur-site .room-detail:nth-child(even) > * {
direction: ltr;
}
@media (max-width: 920px) {
.ontur-site .room-detail,
.ontur-site .room-detail:nth-child(even) {
grid-template-columns: 1fr;
direction: ltr;
}
.ontur-site .room-detail .media {
min-height: 220px;
aspect-ratio: 16 / 10;
}
}
.ontur-site .gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: dense;
gap: 12px;
}
.ontur-site .gallery-grid .media {
aspect-ratio: 4 / 3;
cursor: default;
}
.ontur-site .gallery-grid .media.span-2 {
grid-column: span 2;
grid-row: span 2;
aspect-ratio: auto;
}
@media (max-width: 720px) {
.ontur-site .gallery-grid {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.ontur-site .gallery-grid .media {
aspect-ratio: 1 / 1;
border-radius: var(--radius);
}
.ontur-site .gallery-grid .media.span-2 {
grid-column: span 2;
grid-row: auto;
aspect-ratio: 16 / 10;
}
}
.ontur-site .gallery-grid .is-hidden { display: none; }
.ontur-site .cert-strip {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.ontur-site .cert-item {
border: 1px solid var(--border);
padding: 10px 16px;
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--muted);
display: inline-flex;
align-items: center;
transition: color 0.15s ease, border-color 0.15s ease;
}
.ontur-site a.cert-item:hover {
color: var(--fg);
border-color: var(--fg);
} .ontur-site .gastro-venues {
display: flex;
flex-direction: column;
gap: 28px;
}
.ontur-site .gastro-venue {
display: grid;
grid-template-columns: 1.05fr 1fr;
gap: 0;
overflow: hidden;
min-width: 0;
}
.ontur-site .gastro-venue .media {
min-height: 280px;
border-radius: 0;
height: 100%;
}
.ontur-site .gastro-venue .media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ontur-site .gastro-venue .card-body {
padding: clamp(24px, 3vw, 36px);
display: flex;
flex-direction: column;
min-width: 0;
}
.ontur-site .gastro-venue h2 {
font-family: var(--font-display);
font-size: clamp(26px, 3vw, 34px);
font-weight: 450;
letter-spacing: 0;
margin: 0;
line-height: 1.2;
}
.ontur-site .gastro-venue .room-desc {
color: var(--muted);
font-size: 15.5px;
line-height: 1.65;
margin: 0;
}
.ontur-site .gastro-venue .list-check { margin-top: 16px; }
.ontur-site .gastro-venue:nth-child(even) { direction: rtl; }
.ontur-site .gastro-venue:nth-child(even) > * { direction: ltr; }
@media (max-width: 920px) {
.ontur-site .gastro-venue,
.ontur-site .gastro-venue:nth-child(even) {
grid-template-columns: 1fr;
direction: ltr;
}
.ontur-site .gastro-venue .media {
min-height: 220px;
aspect-ratio: 16 / 10;
}
}
.ontur-site .bar-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--gap-lg);
}
.ontur-site .bar-card {
display: flex;
flex-direction: column;
min-width: 0;
height: 100%;
}
.ontur-site .bar-card .card-media {
aspect-ratio: 4 / 3;
}
.ontur-site .bar-card .card-body {
padding: 22px 22px 24px;
display: flex;
flex-direction: column;
flex: 1;
gap: 0;
}
.ontur-site .bar-card h3 {
font-family: var(--font-display);
font-size: clamp(22px, 2.4vw, 26px);
font-weight: 500;
letter-spacing: 0;
line-height: 1.2;
margin: 0;
}
.ontur-site .bar-card .room-meta {
margin: 10px 0 12px;
}
.ontur-site .bar-card .room-desc {
color: var(--muted);
font-size: 15px;
line-height: 1.6;
margin: 0;
flex: 1;
}
@media (max-width: 720px) {
.ontur-site .bar-grid {
grid-template-columns: 1fr;
gap: var(--gap-md);
}
}
@media (min-width: 721px) and (max-width: 980px) {
.ontur-site .bar-grid {
grid-template-columns: repeat(2, 1fr);
gap: var(--gap-md);
}
} .ontur-site .amenity-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--gap-lg);
}
.ontur-site .amenity-card {
display: flex;
flex-direction: column;
min-width: 0;
height: 100%;
background: var(--bg);
border: 1px solid var(--border);
overflow: hidden;
}
.ontur-site .amenity-card .card-media {
aspect-ratio: 4 / 3;
overflow: hidden;
background: var(--surface);
}
.ontur-site .amenity-card .card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.ontur-site .amenity-card:hover .card-media img { transform: scale(1.03); }
.ontur-site .amenity-card .card-body {
padding: 22px 22px 24px;
display: flex;
flex-direction: column;
flex: 1;
gap: 0;
}
.ontur-site .amenity-card h3 {
font-family: var(--font-display);
font-size: clamp(22px, 2.4vw, 28px);
font-weight: 500;
letter-spacing: 0;
line-height: 1.2;
margin: 0;
}
.ontur-site .amenity-card .room-meta { margin: 10px 0 12px; }
.ontur-site .amenity-card .room-desc {
color: var(--muted);
font-size: 15px;
line-height: 1.6;
margin: 0;
flex: 1;
}
.ontur-site .amenity-card .list-check {
margin-top: 14px;
}
.ontur-site .amenity-card .list-check li { font-size: 14px; }
.ontur-site .amenity-grid.cols-3 {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 960px) {
.ontur-site .amenity-grid.cols-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 720px) {
.ontur-site .amenity-grid,
.ontur-site .amenity-grid.cols-3 {
grid-template-columns: 1fr;
gap: var(--gap-md);
}
}
.ontur-site .highlight-band {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 0;
overflow: hidden;
border: 1px solid var(--border);
background: var(--bg);
}
.ontur-site .highlight-band .media {
min-height: 280px;
border-radius: 0;
height: 100%;
}
.ontur-site .highlight-band .media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ontur-site .highlight-band .band-body {
padding: clamp(28px, 4vw, 44px);
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
background: var(--surface);
}
.ontur-site .highlight-band h2 {
font-family: var(--font-display);
font-size: clamp(26px, 3vw, 34px);
font-weight: 450;
letter-spacing: 0;
margin: 0 0 12px;
line-height: 1.2;
}
.ontur-site .highlight-band p {
color: var(--muted);
font-size: 15.5px;
line-height: 1.65;
margin: 0;
}
.ontur-site .highlight-band .list-check { margin-top: 18px; }
.ontur-site .highlight-band .btn { margin-top: 22px; align-self: flex-start; }
@media (max-width: 920px) {
.ontur-site .highlight-band {
grid-template-columns: 1fr;
}
.ontur-site .highlight-band .media {
min-height: 220px;
aspect-ratio: 16 / 10;
}
}
.ontur-site .pill-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.ontur-site .pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
border: 1px solid var(--border);
background: var(--bg);
font-size: 13px;
color: var(--muted);
border-radius: var(--radius);
}
.ontur-site .pill svg {
width: 16px;
height: 16px;
color: var(--fg);
}
.ontur-site .spa-services {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap-lg);
}
.ontur-site .spa-service {
padding: 24px 22px;
border: 1px solid var(--border);
background: var(--bg);
height: 100%;
display: flex;
flex-direction: column;
} .ontur-site .spa-service .feature-mark {
margin-bottom: 16px;
box-shadow: inset 0 0 0 3px var(--bg), inset 0 0 0 4px color-mix(in oklch, var(--accent) 75%, transparent);
}
.ontur-site .spa-service h3 {
font-family: var(--font-display);
font-size: 22px;
font-weight: 500;
margin: 0 0 8px;
letter-spacing: 0;
}
.ontur-site .spa-service p {
color: var(--muted);
font-size: 14.5px;
line-height: 1.6;
margin: 0 0 16px;
} .ontur-site .spa-service .spa-facts {
display: flex;
justify-content: space-between;
gap: 12px;
margin: auto 0 0;
padding-top: 10px;
border-top: 1px solid var(--border);
font-size: 13px;
line-height: 1.5;
}
.ontur-site .spa-facts span + span { color: var(--fg); }
@media (max-width: 900px) {
.ontur-site .spa-services { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
.ontur-site .spa-services { grid-template-columns: 1fr; }
}
.ontur-site .cta-panel {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: clamp(28px, 4vw, 40px);
background: var(--fg);
color: var(--bg);
border-radius: var(--radius-lg);
}
.ontur-site .cta-panel h2 {
font-family: var(--font-display);
font-size: clamp(24px, 3vw, 32px);
font-weight: 450;
margin: 0 0 8px;
color: var(--bg);
letter-spacing: 0;
}
.ontur-site .cta-panel p {
margin: 0;
color: color-mix(in oklch, var(--bg) 72%, transparent);
font-size: 15px;
max-width: 42ch;
}
.ontur-site .cta-panel .btn-primary {
background: var(--bg);
color: var(--fg);
}
.ontur-site .cta-panel .btn-primary:hover {
background: color-mix(in oklch, var(--bg) 92%, var(--accent));
} .ontur-site .cap-stat-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--gap-md);
}
.ontur-site .cap-stat {
border: 1px solid var(--border);
background: var(--bg);
padding: clamp(22px, 2.5vw, 28px);
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
height: 100%;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ontur-site .cap-stat:hover {
border-color: color-mix(in oklch, var(--accent) 45%, var(--border));
box-shadow: 0 8px 28px color-mix(in oklch, var(--fg) 6%, transparent);
}
.ontur-site .cap-stat .cap-label {
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--muted);
}
.ontur-site .cap-stat .cap-num {
font-family: var(--font-display);
font-size: clamp(40px, 4.5vw, 56px);
font-weight: 500;
line-height: 1;
letter-spacing: 0;
color: var(--fg);
font-variant-numeric: lining-nums tabular-nums;
display: flex;
flex-wrap: wrap;
align-items: baseline;
white-space: nowrap;
}
.ontur-site .cap-stat .cap-num .unit {
font-size: 0.42em;
font-family: var(--font-mono);
letter-spacing: 0.04em;
color: var(--muted);
margin-left: 4px;
font-weight: 400;
}
.ontur-site .cap-stat .cap-note {
font-size: 14px;
color: var(--muted);
line-height: 1.5;
margin: 0;
margin-top: auto;
padding-top: 8px;
}
.ontur-site .cap-stat.is-range {
background: var(--fg);
border-color: var(--fg);
color: var(--bg);
}
.ontur-site .cap-stat.is-range .cap-label { color: color-mix(in oklch, var(--bg) 62%, transparent); }
.ontur-site .cap-stat.is-range .cap-num { color: var(--bg); }
.ontur-site .cap-stat.is-range .cap-num .unit { color: color-mix(in oklch, var(--bg) 55%, transparent); }
.ontur-site .cap-stat.is-range .cap-note { color: color-mix(in oklch, var(--bg) 68%, transparent); }
.ontur-site .cap-stat.is-range:hover {
border-color: var(--fg);
box-shadow: 0 10px 32px color-mix(in oklch, var(--fg) 18%, transparent);
}
@media (max-width: 960px) {
.ontur-site .cap-stat-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
.ontur-site .cap-stat-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
.ontur-site .cap-stat { padding: 18px 16px; }
.ontur-site .cap-stat .cap-num { font-size: clamp(32px, 10vw, 40px); }
}
.ontur-site .cap-table-shell {
border: 1px solid var(--border);
background: var(--bg);
overflow: hidden;
}
.ontur-site .cap-table-shell .cap-table-head {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 12px 24px;
padding: 22px 24px 18px;
border-bottom: 1px solid var(--border);
background: var(--surface);
}
.ontur-site .cap-table-shell .cap-table-head h3 {
font-family: var(--font-display);
font-size: clamp(22px, 2.4vw, 28px);
font-weight: 500;
letter-spacing: 0;
margin: 0;
}
.ontur-site .cap-table-shell .cap-table-head p {
margin: 0;
font-size: 13px;
color: var(--muted);
font-family: var(--font-mono);
letter-spacing: 0.04em;
}
.ontur-site .ds-table.cap-table {
margin: 0;
font-size: 15px;
}
.ontur-site .ds-table.cap-table th,
.ontur-site .ds-table.cap-table td {
padding: 18px 24px;
vertical-align: middle;
}
.ontur-site .ds-table.cap-table thead th {
background: transparent;
border-bottom: 1px solid var(--border);
padding-top: 14px;
padding-bottom: 14px;
}
.ontur-site .ds-table.cap-table tbody tr {
transition: background 0.15s ease;
}
.ontur-site .ds-table.cap-table tbody tr:hover {
background: color-mix(in oklch, var(--accent) 8%, var(--bg));
}
.ontur-site .ds-table.cap-table tbody tr:last-child td {
border-bottom: 0;
}
.ontur-site .ds-table.cap-table .area-name {
font-weight: 500;
color: var(--fg);
}
.ontur-site .ds-table.cap-table .area-sub {
display: block;
font-size: 13px;
color: var(--muted);
font-weight: 400;
margin-top: 4px;
line-height: 1.4;
}
.ontur-site .ds-table.cap-table .num-col {
font-family: var(--font-display);
font-size: 22px;
font-weight: 500;
letter-spacing: 0;
font-variant-numeric: lining-nums tabular-nums;
text-align: left;
color: var(--fg);
white-space: nowrap;
} .ontur-site .ds-table.cap-table .area-bar {
display: block;
width: calc(var(--a, 0) * 56px);
height: 2px;
background: var(--fg);
opacity: 0.7;
margin-bottom: 8px;
}
.ontur-site .ds-table.cap-table .num-col .unit {
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.06em;
color: var(--muted);
margin-left: 4px;
font-weight: 400;
}
.ontur-site .ds-table.cap-table .use-tag {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border: 1px solid var(--border);
background: var(--surface);
font-size: 13px;
color: var(--muted);
border-radius: var(--radius);
white-space: nowrap;
}
.ontur-site .ds-table.cap-table .use-tag svg {
width: 14px;
height: 14px;
color: var(--fg);
}
.ontur-site .ds-table.cap-table tbody tr.is-summary {
background: var(--surface);
}
.ontur-site .ds-table.cap-table tbody tr.is-summary:hover {
background: color-mix(in oklch, var(--accent) 10%, var(--surface));
}
.ontur-site .ds-table.cap-table tbody tr.is-summary .area-name {
font-family: var(--font-display);
font-size: 18px;
}
@media (max-width: 720px) {
.ontur-site .cap-table-shell .cap-table-head { padding: 18px 16px 14px; }
.ontur-site .ds-table.cap-table th,
.ontur-site .ds-table.cap-table td { padding: 14px 16px; }
.ontur-site .ds-table.cap-table .num-col { font-size: 20px; }
.ontur-site .ds-table.cap-table .use-col { display: none; }
}
.ontur-site .event-types {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap-lg);
}
.ontur-site .event-type {
border: 1px solid var(--border);
background: var(--bg);
padding: 28px 24px;
height: 100%;
display: flex;
flex-direction: column;
gap: 12px;
}
.ontur-site .event-type .feature-mark { margin-bottom: 4px; }
.ontur-site .event-type h3 {
font-family: var(--font-display);
font-size: clamp(22px, 2.4vw, 26px);
font-weight: 500;
margin: 0;
letter-spacing: 0;
}
.ontur-site .event-type p {
color: var(--muted);
font-size: 15px;
line-height: 1.6;
margin: 0;
flex: 1;
}
.ontur-site .event-type .list-check {
margin-top: 4px;
} .ontur-site .event-type .event-rooms {
flex: 0 0 auto;
margin: 4px 0 0;
padding-top: 12px;
border-top: 1px solid var(--border);
font-size: 13px;
color: var(--muted);
}
.ontur-site .event-type .event-rooms strong {
display: block;
font-weight: 500;
font-size: 14px;
color: var(--fg);
}
.ontur-site .event-type .list-check li { font-size: 14px; }
@media (max-width: 900px) {
.ontur-site .event-types { grid-template-columns: 1fr; }
}
.ontur-site .section-head {
margin-bottom: 28px;
max-width: 640px;
}
.ontur-site .section-head h2 {
font-family: var(--font-display);
font-size: var(--fs-h2);
font-weight: 450;
letter-spacing: 0;
line-height: 1.15;
margin: 8px 0 0;
}
.ontur-site .section-head .lead {
margin-top: 12px;
color: var(--muted);
font-size: var(--fs-lead);
}
.ontur-site .split-visual {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: var(--gap-xl);
align-items: center;
}
@media (max-width: 920px) {
.ontur-site .split-visual { grid-template-columns: 1fr; }
}
.ontur-site .form-card {
background: var(--surface);
border: 1px solid var(--border);
padding: 28px;
border-radius: var(--radius-lg);
}
.ontur-site .form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
@media (max-width: 640px) {
.ontur-site .form-grid { grid-template-columns: 1fr; }
}
.ontur-site .form-note {
font-size: 13px;
color: var(--muted);
margin-top: 12px;
}
.ontur-site .form-success {
display: none;
padding: 16px;
border: 1px solid var(--border);
background: var(--bg);
margin-top: 16px;
font-size: 14px;
}
.ontur-site .form-success.is-visible { display: block; }
.ontur-site .form-success.is-error {
color: var(--danger);
background: color-mix(in oklch, var(--danger) 4%, var(--bg));
border-color: color-mix(in oklch, var(--danger) 24%, var(--bg));
}
.ontur-site .hero-book .form-success { grid-column: 1 / -1; }
.ontur-site .sticky-book {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 30;
background: var(--fg);
color: var(--bg);
border-top: 1px solid var(--anthracite-soft);
transform: translateY(100%);
transition: transform 0.25s ease;
padding: 12px var(--gutter);
}
.ontur-site .sticky-book.is-visible { transform: translateY(0); }
.ontur-site .sticky-book-inner {
max-width: var(--container);
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.ontur-site .sticky-book p { font-size: 14px; color: color-mix(in oklch, var(--bg) 75%, transparent); }
.ontur-site .sticky-book strong { color: var(--bg); font-weight: 500; }
.ontur-site .dropdown {
position: relative;
}
.ontur-site .dropdown-panel {
display: none;
position: absolute;
top: calc(100% + 12px);
left: 50%;
transform: translateX(-50%);
min-width: 220px;
background: var(--bg);
border: 1px solid var(--border);
padding: 10px 0;
box-shadow: 0 12px 40px color-mix(in oklch, var(--fg) 8%, transparent);
z-index: 50;
}
.ontur-site .dropdown:hover .dropdown-panel,
.ontur-site .dropdown:focus-within .dropdown-panel { display: block; }
.ontur-site .dropdown-panel a {
display: block;
padding: 10px 16px;
font-size: 14px;
color: var(--muted);
}
.ontur-site .dropdown-panel a:hover { color: var(--fg); background: var(--surface); }
.ontur-site .map-ph {
aspect-ratio: 16 / 10;
background:
linear-gradient(135deg, var(--surface), color-mix(in oklch, var(--fg) 6%, var(--surface)));
border: 1px solid var(--border);
display: grid;
place-items: center;
text-align: center;
padding: 24px;
color: var(--muted);
font-size: 14px;
}
.ontur-site .map-ph strong {
display: block;
font-family: var(--font-display);
font-size: 24px;
color: var(--fg);
font-weight: 500;
margin-bottom: 6px;
} .ontur-site .nav-desktop a:focus-visible,
.ontur-site .tag:focus-visible,
.ontur-site .sustain-toc a:focus-visible,
.ontur-site a.card:focus-visible,
.ontur-site a.cert-item:focus-visible,
.ontur-site a.trust-badge:focus-visible,
.ontur-site .lang-switch a:focus-visible {
outline: 2px solid var(--fg);
outline-offset: 3px;
}
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-desktop a:focus-visible,
html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .lang-switch a:focus-visible { outline-color: var(--bg); }
.ontur-site .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
} .ontur-site .place-card .card-media { aspect-ratio: 16 / 11; }
.ontur-site .place-card h3 { font-size: 18px; margin-top: 2px; }
.ontur-site .place-card p {
color: var(--muted);
font-size: 14px;
margin-top: 8px;
line-height: 1.55;
}
.ontur-site .place-card .day-pill {
display: inline-flex;
align-items: center;
margin-top: 12px;
padding: 4px 10px;
border: 1px solid var(--border);
border-radius: 999px;
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--muted);
}
.ontur-site .report-band {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: var(--gap-xl);
align-items: center;
padding: clamp(28px, 4vw, 40px);
border: 1px solid var(--border);
background: var(--bg);
border-radius: var(--radius-lg);
}
.ontur-site .report-band .report-meta {
font-family: var(--font-mono);
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 10px;
}
.ontur-site .report-band h2 { font-size: clamp(26px, 3vw, 34px); }
.ontur-site .report-band p { color: var(--muted); margin-top: 12px; max-width: 48ch; }
.ontur-site .report-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 22px;
}
.ontur-site .report-side {
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 24px;
height: 100%;
}
.ontur-site .report-side ul {
list-style: none;
margin: 16px 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.ontur-site .report-side li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 14px;
color: var(--muted);
line-height: 1.45;
}
.ontur-site .report-side li svg {
width: 16px;
height: 16px;
margin-top: 2px;
color: var(--fg);
opacity: 0.72;
}
.ontur-site .check-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.ontur-site .check-list li {
display: flex;
gap: 12px;
align-items: flex-start;
color: var(--muted);
font-size: 15px;
line-height: 1.5;
}
.ontur-site .check-list li svg {
width: 18px;
height: 18px;
flex-shrink: 0;
margin-top: 2px;
color: var(--fg);
}
.ontur-site .sustain-toc {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 28px;
}
.ontur-site .sustain-toc a {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 6px 14px;
border: 1px solid var(--border);
border-radius: 999px;
font-size: 13px;
font-weight: 500;
color: var(--muted);
transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.ontur-site .sustain-toc a:hover {
color: var(--fg);
border-color: var(--fg);
background: var(--surface);
}
.ontur-site .policy-block {
border-top: 1px solid var(--border);
padding-top: 28px;
}
.ontur-site .policy-block + .policy-block { margin-top: 28px; }
.ontur-site .policy-block h3 { margin-bottom: 10px; }
.ontur-site .policy-block p { color: var(--muted); max-width: 72ch; }
@media (max-width: 920px) {
.ontur-site .report-band { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
.ontur-site .place-grid-4 { grid-template-columns: 1fr 1fr; gap: 12px; }
.ontur-site .place-grid-3 { grid-template-columns: 1fr; }
.ontur-site .place-grid-6 { grid-template-columns: 1fr 1fr; gap: 12px; }
}
.ontur-site #view-surdurulebilirlik [id^="sustain-"] {
scroll-margin-top: 88px;
} .ontur-site.has-reveal [data-reveal] {
--reveal-i: 0;
}
.ontur-site.has-reveal [data-reveal]:not(.is-revealed) {
opacity: 0;
transform: translateY(18px);
}
.ontur-site.has-reveal [data-reveal="media"]:not(.is-revealed) {
transform: translateY(14px);
}
.ontur-site.has-reveal [data-reveal].is-revealed {
animation: reveal-rise 560ms cubic-bezier(0.22, 1, 0.36, 1) both;
animation-delay: calc(var(--reveal-i, 0) * 70ms);
}
.ontur-site.has-reveal [data-reveal="media"].is-revealed {
animation-name: reveal-media;
animation-duration: 700ms;
}
.ontur-site.has-reveal [data-reveal="hero"]:not(.is-revealed) {
transform: translateY(14px);
}
.ontur-site.has-reveal [data-reveal="hero"].is-revealed {
animation-name: hero-rise;
animation-duration: 420ms;
}
@keyframes reveal-rise {
from { opacity: 0; transform: translateY(18px); }
to   { opacity: 1; transform: none; }
}
@keyframes reveal-media {
from { opacity: 0; transform: translateY(14px); }
to   { opacity: 1; transform: none; }
}
.ontur-site .parallax-media {
--parallax-y: 0px;
}
.ontur-site .parallax-media img {
transform: translate3d(0, var(--parallax-y), 0) scale(1.08);
will-change: transform;
}
@media (max-width: 720px) {
.ontur-site.has-reveal [data-reveal].is-revealed { animation-duration: 420ms; }
.ontur-site.has-reveal [data-reveal="media"].is-revealed { animation-duration: 520ms; }
}
@media (prefers-reduced-motion: reduce) {
html.ontur-document { scroll-behavior: auto; }
.ontur-site .hero-copy .eyebrow,
.ontur-site .hero-copy h1,
.ontur-site .hero-copy .lead,
.ontur-site .hero-dock,
.ontur-site .hero-book,
.ontur-site .book-sheet-backdrop,
.ontur-site .book-sheet-panel,
.ontur-site .view.is-entering,
.ontur-site.has-reveal [data-reveal],
.ontur-site.has-reveal [data-reveal].is-revealed {
animation: none !important;
transition: none !important;
}
.ontur-site.has-reveal [data-reveal]:not(.is-revealed) {
opacity: 1;
transform: none;
}
.ontur-site .card-media img,
.ontur-site .nav-drawer,
.ontur-site .nav-backdrop,
.ontur-site .sticky-book,
.ontur-site .hero-video-el,
.ontur-site .hero-video-poster,
.ontur-site .parallax-media img {
transition: none !important;
}
.ontur-site .parallax-media img {
transform: none;
will-change: auto;
}
.ontur-site .card:hover .card-media img { transform: none; }
.ontur-site .btn:active { transform: none; }
}body.ontur-page{margin:0;padding:0;background:#fff}
.ontur-site{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;color:var(--fg);text-align:left}
.ontur-site.ontur-layout{overflow-x:clip;min-height:100vh}
.ontur-site .elementor{--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px}
.ontur-site .elementor-widget{margin-bottom:0!important;max-width:100%;width:100%}
.ontur-site.ontur-block{width:100%;min-width:0}
.ontur-site .elementor-widget-container{margin:0}
.ontur-site .elementor-element{--container-widget-width:100%}
.ontur-site .elementor-widget-ontur-site-header,.ontur-site .elementor-widget-ontur2-site-header{z-index:1000}
.ontur-site .elementor-widget-ontur-site-footer,.ontur-site .elementor-widget-ontur2-site-footer{z-index:auto}
.ontur-site button,.ontur-site input,.ontur-site select,.ontur-site textarea{font-family:var(--font-body)}
.ontur-site button{font-size:inherit;letter-spacing:normal;text-transform:none}
.ontur-site img{box-shadow:none;border-radius:0}
.ontur-site a{box-shadow:none}
.ontur-site h1,.ontur-site h2,.ontur-site h3{letter-spacing:.01em;color:inherit}
.ontur-layout #ontur-main .elementor-widget:has(.ontur-block > .section) + .elementor-widget .ontur-block > .section{border-top:1px solid var(--border)}
.ontur-layout #ontur-main .ontur-wrap:has(.ontur-block > .section) + .ontur-wrap .ontur-block > .section{border-top:1px solid var(--border)} .ontur-site .e-con.ontur-wrap,.ontur-site .e-con.ontur-wrap>.e-con-inner{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--margin-top:0px;--margin-bottom:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--width:100%;--content-width:100%;--container-max-width:100%;--min-height:0;max-width:100%;width:100%;min-height:0;padding:0;margin:0;gap:0;border:0}
.ontur-site .elementor-section.ontur-wrap,.ontur-site .elementor-section.ontur-wrap>.elementor-container{max-width:none;width:100%;padding:0;margin:0}
.ontur-site .elementor-section.ontur-wrap .elementor-widget-wrap{padding:0!important} .ontur-site .ontur-header-slot{position:sticky;top:0;z-index:60}
body.admin-bar .ontur-site .ontur-header-slot{top:32px}
.ontur-site [hidden]{display:none!important}
.ontur-site .ontur-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.ontur-site .form-success.is-error{display:block;color:#8b2525;background:#fff6f6;border-color:#e9c9c9}
.ontur-site .form-success.is-visible{display:block}
.ontur-site [aria-busy=true]{opacity:.7}
.ontur-site :focus-visible{outline:2px solid currentColor;outline-offset:4px}
.ontur-site .ontur-skip{position:fixed;top:-100px;left:16px;z-index:99999;padding:12px 20px;background:#fff;color:#1f1f1f}
.ontur-site .ontur-skip:focus{top:12px}
body.admin-bar.ontur-page .topnav,html.ontur-document.on-hero body.admin-bar.ontur-page .ontur-site .topnav{top:32px}
.ontur-site .ontur-block .has-reveal{visibility:visible}
.elementor-editor-active .ontur-site [data-reveal]{opacity:1!important;transform:none!important;visibility:visible!important;animation:none!important}
.elementor-editor-active .ontur-site .hero-video-el{pointer-events:none}
.elementor-editor-active .ontur-site .sticky-book{display:none}
.elementor-editor-active .ontur-site .topnav{position:relative}
.ontur-site .map-ph{color:inherit;text-decoration:none}
.ontur-site a[aria-disabled="true"]{cursor:default;opacity:.55}
.ontur-site .hero-video-poster.otel-placeholder{animation:none;transform:none;inset:0;width:100%;height:100%} .ontur-site fieldset.booking-room{min-inline-size:0;background:none}
.ontur-site .booking-room legend{float:none;width:auto;margin:0;border:0;font-weight:400}
.ontur-site .booking-age select:invalid{color:var(--muted)}
.ontur-site .form-success{grid-column:1/-1}
@media(max-width:782px){body.admin-bar .ontur-site .ontur-header-slot{top:46px}body.admin-bar.ontur-page .topnav,html.ontur-document.on-hero body.admin-bar.ontur-page .ontur-site .topnav{top:46px}}
@media(max-width:600px){body.admin-bar .ontur-site .ontur-header-slot{top:0}body.admin-bar.ontur-page .topnav,html.ontur-document.on-hero body.admin-bar.ontur-page .ontur-site .topnav{top:0}}
@media(prefers-reduced-motion:reduce){.ontur-site *, .ontur-site *::before, .ontur-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ontur-consent{--oc-ink:#1f1f1f;--oc-text:#4b4945;--oc-line:rgba(31,31,31,.14);--oc-gold:#c8b48a;--oc-bg:#fff;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:var(--oc-ink);letter-spacing:normal;text-align:left;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ontur-consent *,.ontur-consent *::before,.ontur-consent *::after{box-sizing:border-box}
.ontur-consent[hidden],.ontur-consent [hidden]{display:none!important}
.ontur-consent__banner,.ontur-consent__prefs{position:fixed;z-index:2147483000;margin:0 auto;background:var(--oc-bg);color:var(--oc-ink);border:1px solid var(--oc-line);border-top:1px solid var(--oc-gold);border-radius:0;box-shadow:0 22px 60px -28px rgba(31,31,31,.35),0 2px 10px rgba(31,31,31,.05);font-family:inherit;text-align:left}
.ontur-consent__banner{left:24px;right:24px;bottom:24px;max-width:1180px;padding:28px 36px;display:flex;align-items:center;gap:24px 48px}
.ontur-consent__text{flex:1 1 auto;min-width:0}
.ontur-consent .ontur-consent__title{margin:0 0 6px;padding:0;border:0;background:none;font-family:inherit;font-size:17px;font-weight:500;font-style:normal;line-height:1.35;letter-spacing:.005em;text-transform:none;color:var(--oc-ink)}
.ontur-consent .ontur-consent__desc{margin:0;padding:0;max-width:74ch;font-family:inherit;font-size:14px;line-height:1.65;color:var(--oc-text)}
.ontur-consent a{color:var(--oc-ink);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--oc-gold);box-shadow:none;border:0;background:none}
.ontur-consent a:hover{color:var(--oc-ink);text-decoration-color:currentColor}
.ontur-consent .ontur-consent__actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;flex:0 0 auto;margin:0} .ontur-consent .ontur-consent__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:48px;height:auto;margin:0;padding:12px 22px;border:1px solid var(--oc-ink);border-radius:0;background:var(--oc-bg);color:var(--oc-ink);font-family:inherit;font-size:14px;font-weight:500;font-style:normal;line-height:1.25;letter-spacing:.01em;text-transform:none;text-align:center;text-decoration:none;text-shadow:none;white-space:nowrap;box-shadow:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s ease,color .2s ease} @media (hover:hover){.ontur-consent .ontur-consent__btn:hover{background:var(--oc-ink);color:#fff;border-color:var(--oc-ink)}}
.ontur-consent .ontur-consent__btn:active{background:var(--oc-ink);color:#fff;border-color:var(--oc-ink)}
.ontur-consent :focus{outline:none}
.ontur-consent :focus-visible{outline:2px solid var(--oc-ink)!important;outline-offset:3px!important;box-shadow:0 0 0 5px #fff!important}
.ontur-consent .ontur-consent__btn:focus-visible{outline-offset:2px!important}
.ontur-consent .ontur-consent__prefs:focus,.ontur-consent .ontur-consent__prefs:focus-visible{outline:none!important;box-shadow:0 22px 60px -28px rgba(31,31,31,.35),0 2px 10px rgba(31,31,31,.05)!important} .ontur-consent__prefs{left:0;right:0;bottom:24px;width:min(600px,calc(100% - 48px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:32px 32px 28px}
.ontur-consent__prefs .ontur-consent__title{padding-right:40px}
.ontur-consent .ontur-consent__close{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--oc-ink);box-shadow:none;cursor:pointer;-webkit-appearance:none;appearance:none}
@media (hover:hover){.ontur-consent .ontur-consent__close:hover{background:rgba(31,31,31,.05)}.ontur-consent .ontur-consent__float:hover{border-color:var(--oc-ink)}}
.ontur-consent .ontur-consent__close svg{display:block;width:14px;height:14px}
.ontur-consent .ontur-consent__cats{margin:22px 0 24px;padding:0;border-top:1px solid var(--oc-line)}
.ontur-consent .ontur-consent__cat{margin:0;padding:16px 0;border-bottom:1px solid var(--oc-line)}
.ontur-consent .ontur-consent__cat-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ontur-consent .ontur-consent__cat-name{display:block;margin:0;padding:0;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:.01em;text-transform:none;color:var(--oc-ink);cursor:pointer}
.ontur-consent .ontur-consent__always{display:inline-block;margin-left:8px;font-size:12px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--oc-text)}
.ontur-consent .ontur-consent__cat-desc{margin:4px 0 0;padding:0 60px 0 0;font-family:inherit;font-size:13px;line-height:1.55;color:var(--oc-text)} .ontur-consent .ontur-consent__switch{position:relative;flex:0 0 auto;display:inline-block;width:44px;height:24px;min-height:0;margin:0;padding:0;border:1px solid var(--oc-ink);border-radius:999px;background:var(--oc-bg);box-shadow:none;cursor:pointer;vertical-align:middle;opacity:1;clip:auto;-webkit-appearance:none;appearance:none;transition:background-color .2s ease}
.ontur-consent .ontur-consent__switch::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--oc-ink);transition:transform .2s ease,background-color .2s ease}
.ontur-consent .ontur-consent__switch::after{content:none}
.ontur-consent .ontur-consent__switch:checked{background:var(--oc-ink)}
.ontur-consent .ontur-consent__switch:checked::before{background:var(--oc-bg);transform:translateX(20px)}
.ontur-consent .ontur-consent__switch:disabled{opacity:.4;cursor:not-allowed}
.ontur-consent .ontur-consent__switch:focus-visible{outline-offset:3px!important}
.ontur-consent .ontur-consent__float{position:fixed;z-index:2147482990;left:16px;bottom:16px;display:inline-flex;align-items:center;min-height:36px;margin:0;padding:8px 14px;border:1px solid var(--oc-line);border-top-color:var(--oc-gold);border-radius:0;background:var(--oc-bg);color:var(--oc-ink);box-shadow:0 8px 24px -12px rgba(31,31,31,.3);font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.01em;text-transform:none;cursor:pointer;-webkit-appearance:none;appearance:none}
@keyframes ontur-consent-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ontur-consent__banner,.ontur-consent__prefs{animation:ontur-consent-in .35s cubic-bezier(.2,.7,.2,1) both}
@media (max-width:1024px){
.ontur-consent__banner{flex-direction:column;align-items:stretch;gap:20px;padding:24px 28px}
.ontur-consent .ontur-consent__desc{max-width:none}
}
@media (max-width:640px){
.ontur-consent__banner,.ontur-consent__prefs{left:0;right:0;bottom:0;width:auto;max-width:none;border-left:0;border-right:0;border-bottom:0}
.ontur-consent__banner{gap:16px;padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px))}
.ontur-consent__prefs{max-height:88vh;max-height:88dvh;padding:24px 16px calc(16px + env(safe-area-inset-bottom,0px))}
.ontur-consent .ontur-consent__title{font-size:16px}
.ontur-consent .ontur-consent__desc{font-size:13.5px;line-height:1.6}
.ontur-consent .ontur-consent__actions{grid-auto-flow:row;gap:8px}
.ontur-consent .ontur-consent__btn{min-height:46px;white-space:normal}
.ontur-consent .ontur-consent__cat-desc{padding-right:0}
.ontur-consent .ontur-consent__cats{margin:18px 0 20px}
}
@media (prefers-reduced-motion:reduce){
.ontur-consent *,.ontur-consent *::before,.ontur-consent *::after{animation:none!important;transition:none!important}
}
@media print{.ontur-consent{display:none!important}} body.ontur-page .ontur-consent .ontur-consent__banner{z-index:35}
body.ontur-page .ontur-consent .ontur-consent__float{z-index:34}:root {
--ontur-fg: #1f1f1f;
--ontur-muted: #5a5a5a;
--ontur-border: #e8e8e8;
--ontur-surface: #f7f7f7;
--ontur-accent: #c8b48a;
}
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: var(--ontur-fg); font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; font-size: 17px; line-height: 1.65; }
img, video { max-width: 100%; height: auto; } .ontur-theme-main { min-height: 50vh; }
.ontur-prose { max-width: 760px; margin: 0 auto; padding: clamp(48px, 8vw, 96px) 20px clamp(64px, 9vw, 120px); }
.ontur-prose--wide { max-width: 1120px; }
.ontur-prose .ontur-eyebrow { margin: 0 0 12px; font-family: 'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-ink, #806C47); }
.ontur-prose h1, .ontur-prose h2, .ontur-prose h3 { font-family: 'EB Garamond', Georgia, serif; font-weight: 450; font-variant-numeric: lining-nums; line-height: 1.15; letter-spacing: 0; color: var(--fg, var(--ontur-fg)); }
.ontur-prose h3 { font-weight: 500; }
.ontur-prose h1 { font-size: clamp(36px, 5vw, 52px); margin: 0 0 24px; }
.ontur-prose h2 { font-size: clamp(26px, 3.4vw, 34px); margin: 48px 0 16px; }
.ontur-prose h3 { font-size: 24px; margin: 32px 0 12px; }
.ontur-prose p, .ontur-prose li { color: var(--muted, var(--ontur-muted)); }
.ontur-prose a { color: var(--fg, var(--ontur-fg)); text-decoration: underline; text-underline-offset: 3px; }
.ontur-prose ul, .ontur-prose ol { padding-left: 1.2em; }
.ontur-prose table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: 15px; }
.ontur-prose th, .ontur-prose td { border-bottom: 1px solid var(--border, var(--ontur-border)); padding: 10px 8px; text-align: left; }
.ontur-prose blockquote { margin: 24px 0; padding-left: 20px; border-left: 2px solid var(--accent, var(--ontur-accent)); }
.ontur-prose .wp-post-image { margin: 0 0 32px; border-radius: 6px; }
.ontur-meta { font-size: 14px; color: var(--muted, var(--ontur-muted)); }
.ontur-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 28px; }
.ontur-list h2 { margin: 0 0 6px; font-size: 28px; }
.ontur-list h2 a { text-decoration: none; }
.ontur-pagination { margin-top: 48px; display: flex; gap: 12px; flex-wrap: wrap; }
.ontur-search { display: flex; gap: 8px; margin-top: 24px; }
.ontur-search input[type=search] { flex: 1; min-height: 46px; padding: 0 14px; border: 1px solid var(--border, var(--ontur-border)); border-radius: 4px; font: inherit; }
.ontur-search button, .ontur-button { min-height: 46px; padding: 0 22px; border: 0; border-radius: 4px; background: var(--fg, var(--ontur-fg)); color: #fff; font: inherit; cursor: pointer; text-decoration: none !important; display: inline-flex; align-items: center; } .elementor-page .ontur-prose { max-width: none; padding: 0; }
.elementor-page .ontur-prose > .ontur-entry-title { display: none; } .ontur-fallback-header, .ontur-fallback-footer { padding: 18px 20px; border-bottom: 1px solid var(--ontur-border); }
.ontur-fallback-header .inner, .ontur-fallback-footer .inner { max-width: 1120px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.ontur-fallback-header a { color: inherit; text-decoration: none; }
.ontur-fallback-header ul { list-style: none; display: flex; gap: 18px; margin: 0; padding: 0; flex-wrap: wrap; }
.ontur-fallback-footer { border-top: 1px solid var(--ontur-border); border-bottom: 0; background: var(--ontur-fg); color: #fff; font-size: 14px; }
.ontur-fallback-footer a { color: #fff; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.screen-reader-text:focus { clip: auto; width: auto; height: auto; padding: 12px 18px; top: 12px; left: 12px; z-index: 100000; background: #fff; color: #1f1f1f; }
.alignwide { margin-inline: calc(50% - 50vw + 20px); max-width: 1120px; }
.alignfull { margin-inline: calc(50% - 50vw); max-width: 100vw; }
.wp-caption-text, figcaption { font-size: 14px; color: var(--ontur-muted); }