/* Sera cinematic direction — live typography, original brand mark. */
:root {
  --serif: 'Manrope', Arial, sans-serif;
  --sans: 'Inter', Arial, sans-serif;
  --cream: #f8f7f2;
  --paper: #fffefa;
  --deep: #122b20;
  --ink: #20392b;
  --muted: #526153;
  --line: #d6dcd2;
  --accent: #e6965c;
  --ease: cubic-bezier(.2,.7,.2,1);
}
body { font-size:1rem; line-height:1.8; }
h1,h2,h3 { font-family:var(--serif); font-weight:500; line-height:1.13; letter-spacing:-.045em; text-wrap:balance; }
h2 em,h3 em { font-style:normal; font-weight:500; color:#526e57; }
p { text-wrap:pretty; }
.wrap { width:min(1280px,88%); }
.section { padding-block:112px; }
.eyebrow { font-size:.75rem; letter-spacing:.14em; font-weight:600; }
.eyebrow::before { content:''; display:inline-block; width:6px; height:6px; background:var(--accent); border-radius:50%; margin-right:12px; vertical-align:2px; }
.site-header { position:fixed; top:18px; left:3%; width:94%; height:84px; padding-inline:28px; border-radius:8px; border:1px solid #ffffff66; background:rgba(248,247,242,.57); -webkit-backdrop-filter:blur(24px) saturate(125%); backdrop-filter:blur(24px) saturate(125%); box-shadow:inset 0 1px 0 #ffffff4d,0 8px 32px #071c1714; gap:24px; transition:top .35s var(--ease),width .35s var(--ease),left .35s var(--ease),border-radius .35s,background .35s; }
.site-header.is-scrolled { top:0; left:0; width:100%; border-radius:0; background:rgba(248,247,242,.78); border-bottom-color:#ffffff66; }
.site-header .desktop-nav a,.site-header .menu-button { color:#10251a; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .site-header,.site-header.is-scrolled { background:rgba(248,247,242,.94); }
}
.brand img { width:112px; }
.desktop-nav { gap:28px; }
.desktop-nav a { position:relative; border:0; min-height:44px; }
.desktop-nav a::after { content:''; position:absolute; left:0; bottom:8px; width:100%; height:1px; background:var(--green); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease); }
.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after { transform:scaleX(1); }
.site-header::after { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#b46b38; transform:scaleX(var(--page-progress,0)); transform-origin:left; }
.button { min-height:56px; border-radius:4px; padding:17px 24px; font-weight:500; gap:28px; transition:transform .3s var(--ease),background .3s,box-shadow .3s; }
.button:hover { transform:translateY(-3px); box-shadow:0 8px 22px #1026191a; }
.button span,.text-link span,.hero-contact span { display:inline-block; transition:transform .3s var(--ease); }
.button:hover span,.text-link:hover span,.hero-contact:hover span { transform:translate(3px,-3px); }
.header-cta { min-height:46px; padding:12px 20px; }
.hero { display:grid; grid-template-rows:1fr auto auto; min-height:max(780px,100svh); height:auto; max-height:none; isolation:isolate; }
.hero-media { position:absolute; inset:-24px 0; transform:translate3d(0,var(--hero-shift,0px),0); }
.hero-photo { width:100%; height:100%; object-fit:cover; object-position:60% 53%; transform:none; }
.hero-shade { background:linear-gradient(90deg,#071c16f2 0%,#071c16d1 32%,#071c168a 46%,#0b221b16 67%),linear-gradient(0deg,#0b221bcb,transparent 28%,transparent 80%,#0b221b40); }
.hero-copy { width:min(1280px,88%); height:auto; margin:0 auto; padding-top:clamp(165px,22vh,235px); padding-bottom:clamp(48px,6vh,72px); }
.hero-copy>.eyebrow { color:#fffaf2; margin-bottom:26px; }
.hero h1 { max-width:750px; font-size:clamp(3.7rem,6.35vw,6.5rem); line-height:1.04; letter-spacing:-.055em; font-weight:500; color:var(--cream); }
/* No line mask: Turkish descenders must remain visible at every font size. */
.hero-line { display:block; overflow:visible; padding-block:.12em .18em; margin-block:-.12em -.18em; }
.hero-line>span { display:block; }
.hero-line:last-child { color:#f0c299; }
.hero-description { margin-top:28px; font-size:1.0625rem; line-height:1.75; color:#f6f6ee; max-width:430px; }
.hero-actions { margin-top:30px; gap:28px; }
.hero-contact { font-size:.875rem; min-height:48px; display:flex; align-items:center; gap:14px; }
.hero-bottom { position:relative; inset:auto; display:grid; grid-template-columns:1fr 1fr 1fr; width:min(1280px,88%); margin:0 auto; padding-bottom:32px; font-size:.875rem; gap:32px; align-items:center; }
.hero-bottom>a { min-height:44px; gap:20px; }
.hero-bottom p { font-size:.8125rem; text-align:center; justify-self:center; }
.hero-caption { position:relative; inset:auto; width:min(1280px,88%); margin:0 auto 18px; font-size:.75rem; color:#fffc; max-width:none; text-align:right; }
.motion-toggle { border:1px solid #ffffff60; background:#10271c80; color:#fff; border-radius:30px; padding:9px 14px; min-height:44px; font-size:.75rem; display:flex; align-items:center; gap:8px; margin-left:auto; }
.motion-toggle:hover { background:#153626; }
.motion-toggle[hidden] { display:none; }
.quick-links { background:var(--cream); padding-inline:6%; }
.quick-links a { justify-content:flex-start; min-height:88px; padding:22px 18px; font-size:.875rem; transition:background .25s; }
.quick-links span { color:#9d5324; }
.about { gap:9%; grid-template-columns:1.06fr 1fr; }
.about-images { padding-right:17%; padding-bottom:85px; }
.about-main,.about-small { border-radius:5px; }
.about-main img,.about-small img,.visit-photo>img,.space-panel figure { border-radius:5px; }
.about h2,.section-heading h2,.visit h2,.faq h2 { font-size:clamp(2.5rem,3.65vw,3.6rem); }
.about .lead { font:500 1.2rem/1.6 var(--sans); letter-spacing:-.02em; margin-top:26px; }
.about-copy>p:not(.eyebrow):not(.lead) { font-size:1rem; line-height:1.8; }
.photo-stamp { letter-spacing:.09em; font-weight:500; }
.text-link { font-size:.875rem; min-height:58px; }
.spaces { background:#e8ede6; }
.section-heading { margin-bottom:45px; }
.section-heading>p { font-size:1rem; }
.space-tabs { gap:18px; margin-bottom:36px; }
.space-tabs button { position:relative; border-bottom:0; padding:18px 0; font-size:.9375rem; }
.space-tabs button::after { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:var(--green); transform:scaleX(0); transform-origin:left; transition:transform .4s var(--ease); }
.space-tabs button[aria-selected=true]::after { transform:scaleX(1); }
.space-panel { grid-template-columns:1.16fr 1fr; gap:8%; }
.space-panel figure { height:580px; }
.space-copy h3 { font-size:clamp(2.15rem,3vw,3rem); }
.space-copy ul { font-size:.9375rem; }
.space-copy li { padding:12px 0; }
.image-zoom { border-radius:30px; }
.visit { gap:10%; }
.visit-photo { height:565px; overflow:hidden; border-radius:5px; }
.visit-copy>p:not(.eyebrow) { font-size:1rem; }
.photo-tag { border-radius:3px; }
.gallery-section { background:#f0f2eb; }
.gallery { gap:28px 22px; }
.gallery-card img { border-radius:4px; transition:filter .35s; }
.gallery-card span { font-size:.875rem; line-height:1.5; }
.gallery-card b { transition:transform .3s var(--ease); }
.gallery-card:hover b { transform:translate(2px,-2px); }
.gallery-filters button { font-weight:500; transition:background .25s,color .25s,border-color .25s; }
.gallery-filters button:hover { border-color:var(--green); }
.faq { grid-template-columns:1fr 1.35fr; gap:8%; }
summary { padding-block:27px; font-weight:500; line-height:1.6; }
summary::after { transition:transform .25s; }
details[open] summary::after { transform:rotate(180deg); }
.contact h2 { font-size:clamp(2.8rem,4.7vw,4.7rem); line-height:1.12; }
.contact h2 em { color:#f0c299; }
.phone { font:500 clamp(1.6rem,2.5vw,2.2rem)/1.4 var(--serif); letter-spacing:-.045em; padding-block:28px 18px; }
.location-index { font-weight:500; letter-spacing:-.09em; }
footer p { font:500 1rem/1.5 var(--sans); letter-spacing:-.02em; }
dialog { border-radius:8px; box-shadow:0 30px 100px #0005; }
#video-dialog h2 { font-size:1.25rem; line-height:1.4; letter-spacing:-.02em; }
.mobile-contact a { border-radius:3px; font-weight:500; }
@media(min-width:1700px) { .hero-copy { padding-top:210px; } }
@media(max-width:1100px) {
  .site-header { left:2%; width:96%; padding-inline:20px; gap:18px; }
  .desktop-nav { gap:20px; }
  .desktop-nav a { font-size:.875rem; }
  .header-cta { padding-inline:15px; }
  .hero h1 { font-size:clamp(3.7rem,6.7vw,5.3rem); max-width:680px; }
  .about { gap:6%; }
  .space-panel { gap:6%; }
  .hero-copy { padding-top:180px; }
}
@media(max-width:800px) {
  html { scroll-padding-top:100px; }
  .site-header { top:12px; left:4%; width:92%; height:76px; padding-inline:16px; border-radius:6px; }
  .brand img { width:100px; }
  .menu-button { min-height:44px; border:0; padding:10px; }
  .mobile-nav { top:75px; left:-1px; right:-1px; border-radius:0 0 6px 6px; background:rgba(248,247,242,.94); border:1px solid #ffffff66; }
  .hero { min-height:max(860px,100svh); height:auto; max-height:none; }
  .hero-media { inset:0 0 auto; height:calc(100% - 140px); transform:none; }
  .hero-media::after { content:''; position:absolute; inset:auto 0 0; height:150px; background:linear-gradient(0deg,var(--deep),transparent); }
  .hero-photo { object-position:64% center; }
  .hero-shade { background:linear-gradient(180deg,#091d18e0 0%,#091d18b3 32%,#091d1820 55%,#091d1855 68%,#091d18eb 100%); }
  .hero-copy { min-height:0; display:flex; flex-direction:column; padding-top:145px; padding-bottom:40px; }
  .hero-copy>.eyebrow { font-size:.6875rem; margin-bottom:20px; letter-spacing:.12em; }
  .hero h1 { max-width:100%; font-size:clamp(2.6rem,10.4vw,4.4rem); line-height:1.08; letter-spacing:-.05em; }
  .hero-description { font-size:1rem; margin-top:22px; line-height:1.65; }
  .hero-actions { margin-top:auto; padding-top:185px; gap:12px; align-items:center; flex-wrap:wrap; }
  .hero-actions .button { min-height:52px; padding:14px 18px; gap:18px; }
  .hero-contact { font-size:.875rem; gap:8px; }
  .hero-bottom { grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; padding-bottom:28px; }
  .hero-bottom>a { display:none; }
  .hero-bottom p { font-size:.75rem; text-align:left; justify-self:start; }
  .hero-caption { text-align:left; font-size:.75rem; }
  .motion-toggle { max-width:150px; font-size:.75rem; padding-inline:12px; }
  .quick-links { padding-inline:6%; }
  .quick-links a { min-height:80px; padding:17px 9px; font-size:.875rem; }
  .section { padding-block:76px; }
  .about,.space-panel,.visit,.faq,.contact-grid { grid-template-columns:1fr; }
  .about { gap:40px; }
  .about h2,.section-heading h2,.visit h2,.faq h2 { font-size:clamp(2.15rem,7vw,3rem); }
  .about-images { padding-right:22%; padding-bottom:75px; }
  .about-small { border-width:7px; }
  .about .lead { font-size:1.125rem; }
  .section-heading>p br { display:none; }
  .space-tabs { grid-template-columns:repeat(2,1fr); gap:4px 20px; }
  .space-tabs button { min-height:54px; font-size:.875rem; }
  .space-panel figure { height:470px; }
  .space-copy h3 { font-size:clamp(2rem,6.8vw,2.8rem); }
  .space-copy { max-width:100%; }
  .visit { gap:34px; }
  .visit-photo { height:480px; }
  .gallery { grid-template-columns:repeat(2,1fr); gap:22px 15px; }
  .gallery-filters { gap:8px; }
  .gallery-filters button { padding-inline:17px; }
  .contact h2 { font-size:clamp(2.6rem,8.5vw,3.7rem); }
  .phone { font-size:1.8rem; }
  footer p { font-size:.875rem; max-width:170px; }
}
@media(max-width:400px) {
  .hero { min-height:max(875px,100svh); }
  .hero-copy { min-height:0; padding-top:132px; padding-bottom:40px; }
  .hero-actions { gap:10px; flex-direction:row; padding-top:175px; }
  .hero-actions .button { padding-inline:16px; }
  .hero-contact { font-size:.8125rem; }
  .hero-description { font-size:1rem; }
  .hero-caption { max-width:none; }
  .space-panel figure { height:380px; }
  .gallery { gap:18px 12px; }
  .gallery-card span { font-size:.875rem; }
  .quick-links a { font-size:.875rem; gap:8px; }
}
@media(max-width:350px) { .hero-media { height:calc(100% - 190px); } }
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .hero-media,.hero-photo { transform:none!important; }
}