:root{
  --bg:#06131a;
  --bg-alt:#081a22;
  --surface:#0c2230;
  --surface-2:#0f2a38;
  --line:#1d3f4e;
  --ink:#eef4f2;
  --ink-dim:#a9bfc2;
  --muted:#708489;
  --accent:#e2b15a;
  --accent-2:#c86b3c;
  --sea:#2b7b82;
  --sea-2:#164249;
  --foam:rgba(255,255,255,.06);
  --radius:18px;
  --shadow:0 30px 60px rgba(0,10,14,.55);
  --container:1180px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --serif: Georgia, "Times New Roman", "Noto Serif", serif;
}
[hidden]{display:none!important}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden;max-width:100%}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{padding-top:92px}
body{width:100%;position:relative}
body{
  font-family:var(--font);
  background:
    radial-gradient(1400px 900px at 88% -12%, rgba(226,177,90,.12), transparent 60%),
    radial-gradient(1000px 700px at -10% 25%, rgba(43,123,130,.18), transparent 60%),
    radial-gradient(700px 600px at 50% 120%, rgba(43,123,130,.12), transparent 70%),
    linear-gradient(180deg,#04101a 0%, #06131a 35%, #06151d 70%, #04101a 100%);
  color:var(--ink);
  line-height:1.7;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.025) 0 1px, transparent 2px),
    radial-gradient(circle at 70% 60%, rgba(255,255,255,.02) 0 1px, transparent 2px),
    repeating-linear-gradient(135deg, rgba(226,177,90,.018) 0 2px, transparent 2px 9px);
  background-size:180px 180px, 240px 240px, auto;
  mix-blend-mode:overlay;
}
body::after{
  content:"";position:fixed;left:0;right:0;bottom:0;height:140px;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse at 50% 120%, rgba(43,123,130,.22), transparent 60%);
}
main,header,footer,section{position:relative;z-index:1;max-width:100%}
.hero,.contact-hero,.policy-hero,.marquee{overflow:hidden}
img{max-width:100%;display:block;height:auto}
a{
  color:var(--accent);text-decoration:none;
  position:relative;transition:color .25s ease;
}
a:hover,a:focus{text-decoration:none;color:#f5d38e}
main p a, .plain-list a, .sitemap-list a, footer a{
  background-image:linear-gradient(currentColor,currentColor);
  background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;
  transition:background-size .3s ease, color .25s ease;
}
main p a:hover, .plain-list a:hover, .sitemap-list a:hover, footer a:hover{
  background-size:100% 1px;
}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip-link{position:absolute;left:-9999px;top:auto;padding:10px 14px;background:var(--accent);color:#111;border-radius:6px}
.skip-link:focus{left:12px;top:12px;z-index:999}

.container{max-width:var(--container);margin:0 auto;padding:0 22px}
.narrow{max-width:760px}
.center{text-align:center}
.muted{color:var(--muted)}
.small{font-size:.85em}

h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:.2px;color:#f5efd9;line-height:1.18;margin:.2em 0 .5em}
h1{font-size:clamp(32px,4.2vw,52px);font-style:italic}
h2{font-size:clamp(24px,2.6vw,34px);margin-top:0;position:relative;padding-bottom:14px}
h2::after{
  content:"";position:absolute;left:0;bottom:0;width:62px;height:2px;
  background:linear-gradient(90deg, var(--accent), transparent);
}
h3{font-size:20px;font-style:italic}
p{margin:.6em 0}

/* Header */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  background:linear-gradient(180deg, rgba(4,16,22,.95), rgba(4,16,22,.82));
  border-bottom:1px solid var(--line);
  box-shadow:0 2px 0 rgba(226,177,90,.14), 0 12px 30px rgba(0,10,14,.4);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 26px;min-height:92px}
.brand{display:flex;align-items:center;gap:12px;color:#f5efd9;flex-shrink:0}
.brand:hover{text-decoration:none;background:none}
.brand-mark{
  width:50px;height:50px;flex-shrink:0;border-radius:50%;position:relative;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><defs><radialGradient id='s' cx='.35' cy='.3' r='.9'><stop offset='0' stop-color='%231c4a54'/><stop offset='.55' stop-color='%230c2530'/><stop offset='1' stop-color='%23030b13'/></radialGradient><linearGradient id='f' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23fbe4a8'/><stop offset='.5' stop-color='%23e2b15a'/><stop offset='1' stop-color='%23a06b1e'/></linearGradient><linearGradient id='fd' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23d89a38'/><stop offset='1' stop-color='%236b3a08'/></linearGradient></defs><circle cx='32' cy='32' r='30.5' fill='url(%23s)'/><circle cx='32' cy='32' r='30.5' fill='none' stroke='%23e2b15a' stroke-width='1.4'/><circle cx='32' cy='32' r='27' fill='none' stroke='%23e2b15a' stroke-opacity='.35' stroke-width='.5' stroke-dasharray='1.5 2.5'/><path d='M8 44 Q16 40 24 44 T40 44 T58 44' fill='none' stroke='%23e2b15a' stroke-opacity='.42' stroke-width='1' stroke-linecap='round'/><path d='M6 50 Q14 46 22 50 T38 50 T58 50' fill='none' stroke='%23e2b15a' stroke-opacity='.26' stroke-width='.9' stroke-linecap='round'/><path d='M10 54 Q20 51 30 54 T50 54' fill='none' stroke='%23e2b15a' stroke-opacity='.18' stroke-width='.8' stroke-linecap='round'/><g transform='translate(0,-3)'><path d='M14 31 L3 19 L9 31 L3 43 Z' fill='url(%23fd)' stroke='%23040f1a' stroke-width='.5' stroke-linejoin='round'/><path d='M7 22 L9 31 L7 40' fill='none' stroke='%23040f1a' stroke-width='.35' stroke-opacity='.55'/><path d='M14 31 Q22 14 42 18 Q53 22 56 31 Q53 40 42 44 Q22 48 14 31 Z' fill='url(%23f)' stroke='%23040f1a' stroke-width='.55' stroke-linejoin='round'/><path d='M20 38 Q34 46 52 36' fill='none' stroke='rgba(255,255,255,.22)'/><path d='M24 13 Q32 8 38 16 L36 20 Q30 18 24 20 Z' fill='url(%23fd)' stroke='%23040f1a' stroke-width='.4' opacity='.92'/><path d='M22 42 Q28 48 36 42 L32 38 Q28 40 24 38 Z' fill='url(%23fd)' stroke='%23040f1a' stroke-width='.4' opacity='.9'/><path d='M36 30 Q44 32 50 30' fill='none' stroke='rgba(10,20,26,.45)' stroke-width='.6'/><circle cx='44' cy='25' r='2.2' fill='%23fffbe0' stroke='%23040f1a' stroke-width='.4'/><circle cx='44.2' cy='25.2' r='1.2' fill='%23040f1a'/><circle cx='43.6' cy='24.6' r='.45' fill='%23fff'/><path d='M54 30 Q57 32 54 34' stroke='%23040f1a' stroke-width='.7' fill='none' stroke-linecap='round'/><circle cx='26' cy='28' r='.55' fill='rgba(255,255,255,.45)'/><circle cx='30' cy='30' r='.55' fill='rgba(255,255,255,.35)'/><circle cx='34' cy='28' r='.55' fill='rgba(255,255,255,.4)'/><circle cx='38' cy='30' r='.55' fill='rgba(255,255,255,.3)'/><circle cx='28' cy='33' r='.55' fill='rgba(255,255,255,.3)'/><circle cx='32' cy='34' r='.55' fill='rgba(255,255,255,.35)'/><circle cx='36' cy='33' r='.55' fill='rgba(255,255,255,.3)'/></g></svg>") center/contain no-repeat;
  filter:drop-shadow(0 6px 12px rgba(0,12,18,.55)) drop-shadow(0 0 4px rgba(226,177,90,.15));
}
.brand-name{font-family:var(--serif);font-weight:600;letter-spacing:2.6px;text-transform:uppercase;font-size:18px;font-style:italic}
.site-nav{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.site-nav a{
  color:var(--ink-dim);font-size:14px;letter-spacing:1.6px;text-transform:uppercase;font-weight:600;
  padding:12px 16px;border-radius:999px;
  position:relative;transition:color .25s ease, background .25s ease;
}
.site-nav a::before{
  content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);
  width:0;height:2px;background:var(--accent);transition:width .3s ease;border-radius:2px;
}
.site-nav a:hover{color:#f5efd9;background:rgba(226,177,90,.07);text-decoration:none}
.site-nav a:hover::before{width:22px}
.site-nav a.is-active{color:var(--accent);background:rgba(226,177,90,.1)}
.site-nav a.is-active::before{width:28px}

/* Mobile toggle */
.nav-toggle{
  display:none;background:transparent;border:1px solid var(--line);border-radius:10px;
  width:44px;height:44px;padding:0;cursor:pointer;position:relative;
}
.nav-toggle-box{position:relative;display:block;width:22px;height:16px;margin:0 auto}
.nav-toggle-bar,
.nav-toggle-bar::before,
.nav-toggle-bar::after{
  position:absolute;left:0;width:22px;height:2px;background:var(--ink);border-radius:2px;
  transition:transform .25s ease, top .25s ease, opacity .2s ease;
}
.nav-toggle-bar{top:7px}
.nav-toggle-bar::before{content:"";top:-7px}
.nav-toggle-bar::after{content:"";top:7px}
.nav-toggle[aria-expanded="true"] .nav-toggle-bar{background:transparent}
.nav-toggle[aria-expanded="true"] .nav-toggle-bar::before{top:0;transform:rotate(45deg);background:var(--accent)}
.nav-toggle[aria-expanded="true"] .nav-toggle-bar::after{top:0;transform:rotate(-45deg);background:var(--accent)}

@media (max-width:900px){
  body{padding-top:78px}
  .header-inner{padding:14px 18px;gap:14px;min-height:78px}
  .brand-name{font-size:14px;letter-spacing:1.6px}
  .brand-mark{width:42px;height:42px}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}
  .site-nav{
    position:fixed;left:0;right:0;top:78px;max-height:calc(100vh - 78px);overflow-y:auto;
    flex-direction:column;gap:2px;align-items:stretch;
    background:linear-gradient(180deg, #04101a, #06151d);
    border-bottom:1px solid var(--line);
    padding:14px 18px 22px;
    transform:translateY(-120%);transition:transform .3s ease;
    box-shadow:0 20px 40px rgba(0,0,0,.4);
  }
  .site-nav.open{transform:translateY(0)}
  .site-nav a{
    padding:14px 16px;border-bottom:1px solid rgba(34,62,72,.6);border-radius:0;
    font-size:13px;letter-spacing:1.6px;text-align:left;
  }
  .site-nav a::before{display:none}
  .site-nav a.is-active{border-bottom-color:var(--accent);background:rgba(226,177,90,.08)}
}
@media (max-width:480px){
  body{padding-top:70px}
  .header-inner{padding:12px 14px;gap:12px;min-height:70px}
  .brand-name{font-size:13px;letter-spacing:1.4px}
  .brand-mark{width:38px;height:38px}
  .nav-toggle{width:40px;height:40px}
  .site-nav{top:70px;max-height:calc(100vh - 70px);padding:14px 16px 22px}
  .site-nav a{padding:13px 15px;font-size:13px}
}
@media (max-width:360px){
  .brand-name{font-size:12px;letter-spacing:1.2px}
}

/* Hero */
.hero{padding:90px 0 80px;position:relative;overflow:hidden}
.hero::before{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:80px;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 80px at 20% 100%, rgba(43,123,130,.35), transparent 70%),
    radial-gradient(ellipse 80% 100px at 75% 100%, rgba(43,123,130,.28), transparent 70%);
}
.hero::after{
  content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 30% 30%, rgba(245,211,142,.12), transparent 60%);
}
.hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:42px;align-items:center}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
.hero-text{max-width:620px}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  text-transform:uppercase;letter-spacing:3px;font-size:11px;color:var(--accent);margin:0 0 18px;
}
.eyebrow::before{content:"";display:inline-block;width:28px;height:1px;background:var(--accent)}
.lead{color:var(--ink-dim);font-size:18px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 10px}
.hero-note{color:var(--muted);font-size:14px;margin-top:10px}
.hero-figure{
  margin:0;border-radius:var(--radius);overflow:hidden;position:relative;
  border:1px solid rgba(226,177,90,.35);box-shadow:var(--shadow);background:#10191d;
  transform:rotate(-1.2deg);transform-origin:center;max-width:100%;
}
.hero-figure::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  border:1px dashed rgba(245,211,142,.25);border-radius:14px;margin:10px;
}
.hero-figure::after{
  content:"Taze · Sezon · Paylaşım";position:absolute;left:14px;bottom:14px;z-index:3;
  font-family:var(--serif);font-style:italic;font-size:13px;color:#f5efd9;
  padding:6px 12px;background:rgba(4,16,22,.75);border:1px solid rgba(226,177,90,.35);border-radius:999px;
}
.hero-figure img{aspect-ratio:4/5;object-fit:cover;width:100%}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 26px;border-radius:999px;font-weight:700;font-size:14px;
  letter-spacing:1.5px;text-transform:uppercase;
  border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden;
  transition:transform .25s ease,background .25s ease,border .25s ease,color .25s ease,box-shadow .25s ease;
}
.btn::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at 50% 120%, rgba(255,255,255,.25), transparent 60%);
  opacity:0;transition:opacity .3s ease;
}
.btn:hover::after{opacity:1}
.btn-primary{
  background:linear-gradient(180deg, #f0c069 0%, #d8a24a 55%, #b9842b 100%);
  color:#120a02;border-color:#b9842b;
  box-shadow:0 10px 24px rgba(226,177,90,.25), inset 0 1px 0 rgba(255,255,255,.3);
}
.btn-primary:hover{transform:translateY(-2px);text-decoration:none;box-shadow:0 16px 30px rgba(226,177,90,.35), inset 0 1px 0 rgba(255,255,255,.35)}
.btn-ghost{background:rgba(245,239,217,.04);color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:rgba(226,177,90,.06);text-decoration:none;transform:translateY(-2px)}

/* Sections */
.section{padding:80px 0;position:relative}
.section+.section{border-top:1px solid var(--line)}
.section.alt{
  background:
    linear-gradient(180deg, rgba(11,36,45,.55), rgba(8,26,34,.55)),
    repeating-linear-gradient(45deg, rgba(226,177,90,.018) 0 6px, transparent 6px 14px);
}
.section.alt::before{
  content:"";position:absolute;left:0;right:0;top:0;height:18px;pointer-events:none;
  background:radial-gradient(ellipse 60% 18px at 50% 0%, rgba(43,123,130,.25), transparent 70%);
}
.section-intro{color:var(--ink-dim);max-width:780px;font-size:16px}

.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
@media (max-width:820px){.grid-2{grid-template-columns:1fr}}

.info-card{
  background:linear-gradient(160deg, var(--surface), var(--surface-2));
  border:1px solid rgba(226,177,90,.25);border-radius:var(--radius);
  padding:28px;box-shadow:var(--shadow);position:relative;
}
.info-card::before{
  content:"";position:absolute;left:-1px;top:20px;bottom:20px;width:3px;
  background:linear-gradient(180deg, var(--accent), transparent);border-radius:3px;
}

/* Inline figures */
.inline-figure{
  margin:0;border-radius:var(--radius);overflow:hidden;position:relative;
  border:1px solid rgba(226,177,90,.3);background:#10191d;box-shadow:var(--shadow);
}
.inline-figure::after{
  content:"";position:absolute;inset:8px;pointer-events:none;
  border:1px dashed rgba(245,211,142,.2);border-radius:12px;
}
.inline-figure img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .6s ease}
.inline-figure:hover img{transform:scale(1.03)}
.inline-figure figcaption{
  padding:14px 18px;color:var(--ink-dim);font-size:13px;font-family:var(--serif);font-style:italic;
  border-top:1px solid var(--line);background:rgba(4,16,22,.5);
}
.inline-figure.small{max-width:360px}

/* Menu layout */
.menu-layout{display:grid;grid-template-columns:320px 1fr;gap:34px;align-items:start;margin-top:22px}
@media (max-width:900px){.menu-layout{grid-template-columns:1fr}.inline-figure.small{max-width:none}}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media (max-width:620px){.cards{grid-template-columns:1fr}}
.card{
  background:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);
  border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px 24px;
  position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.card::before{
  content:"";position:absolute;left:24px;top:18px;width:26px;height:2px;
  background:var(--accent);border-radius:2px;opacity:.7;
}
.card h3{margin-top:16px}
.card:hover{transform:translateY(-3px);border-color:rgba(226,177,90,.45);box-shadow:0 18px 36px rgba(0,10,14,.45)}

.steps{list-style:none;padding:0;margin:18px 0;counter-reset:step}
.steps li{
  margin:14px 0;color:var(--ink-dim);padding:14px 18px 14px 58px;position:relative;
  background:rgba(11,34,48,.4);border:1px solid var(--line);border-radius:12px;counter-increment:step;
}
.steps li::before{
  content:counter(step,decimal-leading-zero);
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  font-family:var(--serif);font-style:italic;font-size:20px;color:var(--accent);
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(226,177,90,.4);border-radius:50%;
}
.steps strong{color:#f5efd9;font-family:var(--serif);font-style:italic}

/* Price table */
.price-table{
  display:grid;gap:1px;background:var(--line);
  border:1px solid rgba(226,177,90,.25);border-radius:var(--radius);overflow:hidden;margin-top:22px;
  box-shadow:var(--shadow);
}
.price-row{display:grid;grid-template-columns:2fr 1fr;background:var(--surface);transition:background .25s ease}
.price-row:not(.head):hover{background:var(--surface-2)}
.price-row.head{
  background:linear-gradient(180deg, #164249, #0c2a32);
  font-family:var(--serif);font-style:italic;color:var(--accent);
  letter-spacing:1px;text-transform:uppercase;font-size:13px;
}
.price-row>*{padding:16px 22px}
.price-row:not(.head) span:last-child{font-family:var(--serif);font-style:italic;color:var(--accent);font-size:17px}
.disclaimer{color:var(--muted);font-size:13px;margin-top:14px;font-style:italic}

/* Selector */
.selector{
  display:grid;grid-template-columns:1fr 1fr auto;gap:16px;margin-top:22px;
  background:linear-gradient(160deg, var(--surface), var(--surface-2));
  border:1px solid rgba(226,177,90,.25);border-radius:var(--radius);padding:22px;
  box-shadow:var(--shadow);
}
@media (max-width:720px){.selector{grid-template-columns:1fr}}
.selector .field{display:flex;flex-direction:column;gap:6px}
.selector label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.selector input,.selector select,.form input,.form textarea{
  background:#04101a;border:1px solid var(--line);color:var(--ink);
  padding:13px 16px;border-radius:12px;font:inherit;min-width:0;
  transition:border-color .25s ease, background .25s ease;
}
.selector input:focus,.selector select:focus,.form input:focus,.form textarea:focus{
  outline:none;border-color:var(--accent);background:#05151f;
}
.selector button{align-self:end}
.selector-result{
  display:block;margin-top:14px;padding:18px;border-radius:var(--radius);
  background:var(--surface-2);border:1px solid var(--line);color:var(--ink-dim);min-height:1em;
}
.selector-result strong{color:var(--accent)}

/* FAQ */
.faq{margin-top:20px}
.faq details{
  background:linear-gradient(180deg, var(--surface), var(--surface-2));
  border:1px solid var(--line);border-radius:14px;
  padding:16px 22px;margin:12px 0;transition:border-color .25s ease, box-shadow .25s ease;
}
.faq summary{
  cursor:pointer;font-weight:600;color:#f5efd9;font-family:var(--serif);font-style:italic;font-size:17px;
  list-style:none;position:relative;padding-right:30px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);
  color:var(--accent);font-size:22px;transition:transform .3s ease;line-height:1;
}
.faq details.is-open summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details.is-open{border-color:rgba(226,177,90,.45);box-shadow:0 14px 30px rgba(0,10,14,.35)}
.faq details p{color:var(--ink-dim);margin:10px 0 0}
.faq .details-body{
  display:grid;grid-template-rows:0fr;opacity:0;
  transition:grid-template-rows .32s cubic-bezier(.25,.8,.3,1), opacity .22s ease;
}
.faq .details-body>.details-inner{overflow:hidden;min-height:0}
.faq details.is-open .details-body{grid-template-rows:1fr;opacity:1}
.faq summary::after{transition:transform .28s cubic-bezier(.25,.8,.3,1)!important}

/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
@media (max-width:780px){.gallery{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.gallery{grid-template-columns:1fr}}
.gallery-item{
  margin:0;border-radius:14px;overflow:hidden;position:relative;
  border:1px solid rgba(226,177,90,.28);background:#10191d;transition:transform .4s ease;
}
.gallery-item:hover{transform:translateY(-3px) rotate(-.5deg)}
.gallery-item::after{content:"";position:absolute;inset:6px;border:1px dashed rgba(245,211,142,.15);border-radius:10px;pointer-events:none}
.gallery-item img{aspect-ratio:4/3;object-fit:cover;width:100%}

/* Form block */
.form-block{
  background:linear-gradient(160deg, var(--surface), var(--surface-2));
  border:1px solid rgba(226,177,90,.3);border-radius:var(--radius);
  padding:36px;box-shadow:var(--shadow);position:relative;overflow:hidden;
}
.form-block::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(600px 300px at 90% -20%, rgba(226,177,90,.12), transparent 60%),
    radial-gradient(500px 260px at -10% 110%, rgba(43,123,130,.2), transparent 60%);
}
.form-block::after{
  content:"";position:absolute;left:20px;right:20px;top:20px;bottom:20px;pointer-events:none;
  border:1px dashed rgba(245,211,142,.15);border-radius:12px;
}
.form-block>*{position:relative}
.form{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.form .field{display:flex;flex-direction:column;gap:6px}
.form label{font-size:14px;color:var(--ink-dim)}
.form .check label{display:flex;gap:10px;align-items:flex-start;color:var(--ink-dim);font-size:14px}
.form .honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{min-height:1em;color:var(--ink-dim);font-size:14px;margin:0}
.form-status.ok{color:#9ad69c}
.form-status.err{color:#e38b7a}

.plain-list{list-style:none;padding:0;margin:.4em 0}
.plain-list li{padding:8px 0;border-bottom:1px dashed var(--line);color:var(--ink-dim)}
.plain-list strong{color:#f2ecd8}

.sitemap-list{list-style:disc;padding-left:22px}
.sitemap-list li{margin:10px 0;color:var(--ink-dim)}

/* Policy hero — dramatic title banner */
.policy-hero{
  position:relative;padding:90px 0 70px;overflow:hidden;border-bottom:1px solid var(--line);
}
.policy-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(900px 420px at 18% 0%, rgba(43,123,130,.3), transparent 60%),
    radial-gradient(720px 420px at 82% 100%, rgba(226,177,90,.14), transparent 60%),
    repeating-linear-gradient(45deg, rgba(226,177,90,.02) 0 8px, transparent 8px 18px);
}
.policy-hero .container{position:relative;z-index:2}
.policy-hero .eyebrow{margin-bottom:22px}
.policy-hero h1{
  font-size:clamp(44px, 6vw, 82px);line-height:1.05;margin:0 0 20px;
  letter-spacing:-.5px;
}
.policy-hero h1::after{
  content:"";display:block;width:80px;height:3px;margin-top:22px;
  background:linear-gradient(90deg, var(--accent), transparent);border-radius:3px;
}
.policy-hero .lead{max-width:720px;color:var(--ink-dim);font-size:17px;margin:0}
.policy-hero .big-label{
  position:absolute;right:-20px;top:50%;transform:translateY(-50%);
  font-family:var(--serif);font-style:italic;font-weight:700;
  font-size:clamp(120px, 18vw, 260px);line-height:.85;letter-spacing:-4px;
  color:rgba(226,177,90,.04);pointer-events:none;z-index:1;white-space:nowrap;
}
@media (max-width:720px){.policy-hero{padding:70px 0 50px}.policy-hero .big-label{font-size:clamp(90px,22vw,160px);right:-10px}}

/* Sitemap cards */
.sitemap-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:10px;
}
.sitemap-card{
  display:block;position:relative;overflow:hidden;
  background:linear-gradient(170deg, var(--surface), var(--surface-2));
  border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 26px 28px;text-decoration:none;color:var(--ink);
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.sitemap-card:hover{transform:translateY(-4px);border-color:rgba(226,177,90,.45);box-shadow:0 22px 44px rgba(0,10,14,.5);text-decoration:none}
.sitemap-card::before{
  content:"";position:absolute;left:-1px;top:24px;bottom:24px;width:3px;
  background:linear-gradient(180deg, var(--accent), transparent);border-radius:3px;opacity:.9;
}
.sitemap-card::after{
  content:"";position:absolute;right:-30%;top:-40%;width:80%;height:80%;
  background:radial-gradient(circle, rgba(226,177,90,.12), transparent 70%);
  opacity:0;transition:opacity .5s ease;pointer-events:none;
}
.sitemap-card:hover::after{opacity:1}
.sitemap-num{
  display:block;font-family:var(--serif);font-style:italic;font-size:13px;
  color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;
}
.sitemap-card h3{
  margin:0 0 8px;font-size:21px;color:#f5efd9;
}
.sitemap-card p{margin:0;color:var(--ink-dim);font-size:14px;line-height:1.55}
.sitemap-card .arrow{
  display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:1.8px;font-weight:600;
}
.sitemap-card .arrow::after{
  content:"";width:22px;height:1px;background:var(--accent);transition:width .35s ease;
}
.sitemap-card:hover .arrow::after{width:38px}

/* Footer */
.site-footer{
  border-top:1px solid var(--line);padding:60px 0 40px;
  background:
    radial-gradient(900px 300px at 50% 0%, rgba(43,123,130,.18), transparent 60%),
    linear-gradient(180deg, #04101a, #020a10);
  position:relative;
}
.site-footer::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(226,177,90,.5), transparent);
}
.footer-inner{display:grid;grid-template-columns:1.3fr 2fr;gap:30px;align-items:start}
@media (max-width:820px){.footer-inner{grid-template-columns:1fr}}
.footer-brand .brand-name{font-size:18px;margin-bottom:6px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:18px}
.site-footer a{color:var(--ink-dim);font-size:14px}
.site-footer a:hover{color:var(--accent)}
.footer-copy{
  grid-column:1/-1;padding-top:24px;margin-top:10px;
  border-top:1px dashed var(--line);
  color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
}

/* Cookie banner */
.cookie-banner{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:100;
  background:linear-gradient(160deg, #05171f, #020b10);
  border:1px solid rgba(226,177,90,.3);border-radius:18px;
  box-shadow:var(--shadow);padding:22px 24px;max-width:720px;margin:0 auto;
}
.cookie-inner p{margin:.2em 0 14px;color:var(--ink-dim);font-size:14px}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-settings{
  display:grid;grid-template-rows:0fr;opacity:0;
  margin-top:0;border-top:1px dashed transparent;
  transition:grid-template-rows .32s cubic-bezier(.25,.8,.3,1), opacity .22s ease, margin-top .32s ease, border-top-color .3s ease;
}
.cookie-settings>*{min-width:0}
.cookie-settings-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:10px}
.cookie-settings.open{
  grid-template-rows:1fr;opacity:1;margin-top:16px;border-top-color:var(--line);
}
.cookie-settings.open .cookie-settings-inner{padding-top:14px}
.cookie-settings label{color:var(--ink-dim);font-size:14px;display:flex;gap:8px;align-items:center;padding:6px 0}

/* =========================
   Advanced thematic layer
   ========================= */

.hero-grid{position:relative;z-index:2}

/* Water tint + caustics */
.water-overlay{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(180deg, rgba(22,70,82,.32) 0%, rgba(10,40,50,.45) 45%, rgba(4,18,28,.7) 100%);
}
.caustics{
  position:absolute;inset:-10%;pointer-events:none;z-index:0;
  mix-blend-mode:screen;opacity:.55;filter:blur(2px);
  background:
    radial-gradient(ellipse 220px 60px at 12% 24%, rgba(255,240,200,.14), transparent 65%),
    radial-gradient(ellipse 190px 55px at 34% 58%, rgba(255,240,200,.11), transparent 65%),
    radial-gradient(ellipse 240px 70px at 58% 36%, rgba(255,240,200,.13), transparent 65%),
    radial-gradient(ellipse 170px 50px at 78% 72%, rgba(255,240,200,.1), transparent 65%),
    radial-gradient(ellipse 200px 60px at 48% 18%, rgba(255,240,200,.11), transparent 65%),
    radial-gradient(ellipse 160px 45px at 88% 44%, rgba(255,240,200,.09), transparent 65%);
  animation:causticDrift 22s ease-in-out infinite alternate;
}
.caustics.layer-b{
  animation-duration:34s;animation-direction:alternate-reverse;
  opacity:.38;filter:blur(10px);
}
@keyframes causticDrift{
  0%{transform:translate3d(-3%,-2%,0) scale(1)}
  50%{transform:translate3d(2.5%,3%,0) scale(1.06)}
  100%{transform:translate3d(-1.5%,1.5%,0) scale(.97)}
}

.bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.bubble{
  position:absolute;bottom:-40px;border-radius:50%;
  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,.85), rgba(180,225,230,.2) 40%, rgba(120,180,190,.08) 70%, transparent 80%);
  box-shadow:
    inset 0 0 6px rgba(255,255,255,.5),
    inset -2px -3px 4px rgba(120,160,170,.25),
    0 0 12px rgba(180,220,225,.25);
  animation:bubbleRise linear infinite;opacity:0;
  will-change:transform,opacity;
}
.bubble::before{
  content:"";position:absolute;left:22%;top:18%;width:28%;height:22%;
  border-radius:50%;background:rgba(255,255,255,.85);filter:blur(.5px);
}
@keyframes bubbleRise{
  0%{transform:translate3d(0,0,0) scale(.6);opacity:0}
  10%{opacity:.9}
  25%{transform:translate3d(6px,-18vh,0) scale(.85)}
  50%{transform:translate3d(-8px,-40vh,0) scale(1)}
  75%{transform:translate3d(10px,-65vh,0) scale(1.05)}
  100%{transform:translate3d(-6px,-92vh,0) scale(.9);opacity:0}
}

.swim-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.swim-fish{
  position:absolute;left:-280px;width:190px;
  filter:
    drop-shadow(0 10px 18px rgba(0,12,18,.55))
    drop-shadow(0 0 8px rgba(160,210,220,.1));
  will-change:transform;
  animation:swim 46s linear infinite;
}
.swim-fish.f1{top:16%;width:210px;opacity:.82;animation-duration:44s}
.swim-fish.f2{top:34%;width:150px;opacity:.68;animation-duration:58s;animation-delay:-22s}
.swim-fish.f3{top:56%;width:180px;opacity:.72;animation-duration:50s;animation-delay:-10s}
.swim-fish.f4{top:74%;width:120px;opacity:.55;animation-duration:66s;animation-delay:-34s}
.swim-fish .tail{
  transform-origin:36px 45px;
  animation:tailWag .38s ease-in-out infinite alternate;
}
.swim-fish.f2 .tail{animation-duration:.44s}
.swim-fish.f3 .tail{animation-duration:.42s}
.swim-fish.f4 .tail{animation-duration:.34s}
.swim-fish .pec{
  transform-origin:150px 48px;
  animation:pecSway 1.2s ease-in-out infinite alternate;
}
@keyframes tailWag{
  from{transform:rotate(-14deg)}
  to{transform:rotate(14deg)}
}
@keyframes pecSway{
  from{transform:rotate(-6deg)}
  to{transform:rotate(8deg)}
}
@keyframes swim{
  0%{transform:translate3d(0,0,0)}
  18%{transform:translate3d(22vw,-16px,0)}
  36%{transform:translate3d(42vw,8px,0)}
  54%{transform:translate3d(62vw,-12px,0)}
  72%{transform:translate3d(82vw,6px,0)}
  100%{transform:translate3d(128vw,0,0)}
}

.wave-divider{
  position:absolute;left:0;right:0;bottom:-2px;height:140px;
  pointer-events:none;overflow:hidden;z-index:2;
}
.wave-divider svg{position:absolute;left:0;bottom:0;width:220%;height:100%}
.wave-divider .wave-back{animation:waveScroll 26s linear infinite;opacity:.55}
.wave-divider .wave-back path{fill:rgba(43,123,130,.35)}
.wave-divider .wave-mid{animation:waveScroll 18s linear infinite reverse;opacity:.7;bottom:-10px}
.wave-divider .wave-mid path{fill:rgba(22,66,73,.6)}
.wave-divider .wave-front{animation:waveScroll 12s linear infinite;opacity:.95;bottom:-20px}
.wave-divider .wave-front path{fill:#04101a}
@keyframes waveScroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.marquee{
  position:relative;overflow:hidden;padding:18px 0;
  background:
    linear-gradient(90deg, rgba(11,36,45,.9), rgba(4,16,22,.92), rgba(11,36,45,.9));
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.marquee::before,.marquee::after{
  content:"";position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none;
}
.marquee::before{left:0;background:linear-gradient(90deg, #04101a, transparent)}
.marquee::after{right:0;background:linear-gradient(-90deg, #04101a, transparent)}
.marquee-track{
  display:flex;gap:56px;white-space:nowrap;width:max-content;
  animation:marqueeScroll 44s linear infinite;
}
.marquee-item{
  font-family:var(--serif);font-style:italic;color:var(--accent);
  letter-spacing:4px;text-transform:uppercase;font-size:13px;
  display:inline-flex;align-items:center;gap:56px;
}
.marquee-item::after{content:"◆";color:var(--sea);font-size:9px;opacity:.7}
@keyframes marqueeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@keyframes brandPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}
}
.brand-mark{animation:brandPulse 4.5s ease-in-out infinite}

/* Reveal on scroll — punchy but safe (never clips text) */
.reveal{
  opacity:0;
  transform:translateY(34px);
  transition:
    opacity .5s cubic-bezier(.2,.85,.3,1) var(--reveal-delay,0s),
    transform .55s cubic-bezier(.2,.9,.25,1.05) var(--reveal-delay,0s);
  will-change:transform,opacity;
}
.reveal.is-visible{opacity:1;transform:none}

h1.reveal,h2.reveal,h3.reveal,.section-intro.reveal,.lead.reveal,.eyebrow.reveal,p.reveal{
  transform:translateY(10px);
  transition:
    opacity .28s ease var(--reveal-delay,0s),
    transform .28s cubic-bezier(.25,.85,.35,1) var(--reveal-delay,0s);
}
h1.reveal.is-visible,h2.reveal.is-visible,h3.reveal.is-visible,.section-intro.reveal.is-visible,.lead.reveal.is-visible,.eyebrow.reveal.is-visible,p.reveal.is-visible{transform:none}

.card.reveal,.contact-card.reveal,.inline-figure.reveal,.info-card.reveal,.hero-figure.reveal,.form-block.reveal,.gallery-item.reveal,.sitemap-card.reveal{
  transform:translateY(54px) scale(.94);
}
.card.reveal.is-visible,.contact-card.reveal.is-visible,.inline-figure.reveal.is-visible,.info-card.reveal.is-visible,.hero-figure.reveal.is-visible,.form-block.reveal.is-visible,.gallery-item.reveal.is-visible,.sitemap-card.reveal.is-visible{transform:none}

.steps li.reveal,.process li.reveal,.plain-list li.reveal,.sitemap-list li.reveal,.price-row.reveal{
  transform:translateX(-28px);
}
.steps li.reveal.is-visible,.process li.reveal.is-visible,.plain-list li.reveal.is-visible,.sitemap-list li.reveal.is-visible,.price-row.reveal.is-visible{transform:none}

/* Price row shimmer on hover */
.price-row:not(.head){position:relative;overflow:hidden}
.price-row:not(.head)::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg, transparent 0%, rgba(245,211,142,.09) 50%, transparent 100%);
  transform:translateX(-100%);transition:transform .9s ease;
}
.price-row:not(.head):hover::after{transform:translateX(100%)}

/* Button ripple accent */
.btn-primary::before{
  content:"";position:absolute;left:-40%;top:0;bottom:0;width:40%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  transform:skewX(-20deg);transition:left .7s ease;pointer-events:none;
}
.btn-primary:hover::before{left:140%}

/* =========================
   Contact page layout
   ========================= */

.contact-hero{
  position:relative;padding:100px 0 90px;overflow:hidden;border-bottom:1px solid var(--line);
}
.contact-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(900px 420px at 18% 0%, rgba(43,123,130,.32), transparent 60%),
    radial-gradient(720px 420px at 82% 100%, rgba(226,177,90,.15), transparent 60%);
}
.contact-hero .container{position:relative;z-index:2}
.contact-hero h1{max-width:720px}
.contact-hero .lead{max-width:640px;color:var(--ink-dim);font-size:18px;margin-top:14px}

.anchor-deco{
  position:absolute;right:-40px;top:50%;transform:translateY(-50%);
  width:320px;height:320px;opacity:.18;pointer-events:none;z-index:1;
  animation:anchorFloat 9s ease-in-out infinite;
}
@keyframes anchorFloat{
  0%,100%{transform:translateY(-50%) rotate(-4deg)}
  50%{transform:translateY(calc(-50% - 14px)) rotate(2deg)}
}
@media (max-width:720px){.anchor-deco{display:none}}

.contact-cards{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
@media (max-width:980px){.contact-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.contact-cards{grid-template-columns:1fr}}
.contact-card{
  background:linear-gradient(170deg, var(--surface), var(--surface-2));
  border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 22px;position:relative;overflow:hidden;
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.contact-card::before{
  content:"";position:absolute;left:-50%;top:-60%;width:100%;height:100%;
  background:radial-gradient(circle, rgba(226,177,90,.18), transparent 70%);
  opacity:0;transition:opacity .5s ease;pointer-events:none;
}
.contact-card:hover{transform:translateY(-4px);border-color:rgba(226,177,90,.45);box-shadow:0 22px 44px rgba(0,10,14,.5)}
.contact-card:hover::before{opacity:1}
.contact-card>*{position:relative}
.contact-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:14px;
  background:linear-gradient(160deg, rgba(226,177,90,.2), rgba(43,123,130,.22));
  border:1px solid rgba(226,177,90,.35);margin-bottom:16px;color:var(--accent);
}
.contact-icon svg{width:22px;height:22px}
.contact-card h3{margin:0 0 4px;font-size:17px}
.contact-card .value{margin:4px 0 6px;color:#f5efd9;font-family:var(--serif);font-style:italic;font-size:16px}
.contact-card p{margin:0;color:var(--ink-dim);font-size:13px}

.contact-main{
  display:grid;grid-template-columns:1.4fr .9fr;gap:36px;align-items:start;
}
@media (max-width:980px){.contact-main{grid-template-columns:1fr}}

.contact-aside{
  background:linear-gradient(170deg, var(--surface), var(--surface-2));
  border:1px solid rgba(226,177,90,.25);border-radius:var(--radius);
  padding:32px;position:relative;overflow:hidden;box-shadow:var(--shadow);
}
.contact-aside::before{
  content:"";position:absolute;left:-1px;top:30px;bottom:30px;width:3px;
  background:linear-gradient(180deg, var(--accent), transparent);border-radius:3px;
}
.contact-aside h2{font-size:22px}
.process{list-style:none;padding:0;margin:18px 0 0;counter-reset:pstep}
.process li{
  counter-increment:pstep;padding:4px 4px 22px 58px;position:relative;
  color:var(--ink-dim);font-size:14px;line-height:1.6;
}
.process li::before{
  content:counter(pstep,decimal-leading-zero);position:absolute;left:0;top:0;
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(160deg, #0c2230, #0f2a38);
  border:1px solid rgba(226,177,90,.45);
  color:var(--accent);font-family:var(--serif);font-style:italic;font-size:15px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 4px rgba(226,177,90,.08);
}
.process li::after{
  content:"";position:absolute;left:19px;top:40px;bottom:-2px;width:1px;
  background:linear-gradient(180deg, rgba(226,177,90,.35), transparent);
}
.process li:last-child::after{display:none}
.process li strong{display:block;color:#f5efd9;font-family:var(--serif);font-style:italic;font-size:16px;margin-bottom:3px}

.aside-note{
  margin-top:6px;padding:16px 18px;border-radius:12px;
  background:rgba(43,123,130,.12);border:1px solid rgba(43,123,130,.4);
  color:var(--ink-dim);font-size:13px;line-height:1.6;
}

.map-frame{
  margin-top:22px;position:relative;border-radius:14px;overflow:hidden;
  border:1px solid var(--line);aspect-ratio:5/3;
  background:
    radial-gradient(circle at 50% 50%, rgba(226,177,90,.15), transparent 60%),
    repeating-linear-gradient(45deg, rgba(245,211,142,.04) 0 10px, transparent 10px 22px),
    repeating-linear-gradient(-45deg, rgba(43,123,130,.05) 0 14px, transparent 14px 28px),
    linear-gradient(180deg, #0b2230, #05171f);
}
.map-frame::before{
  content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;
  background:var(--accent);transform:translate(-50%,-50%);
  box-shadow:0 0 0 6px rgba(226,177,90,.2), 0 0 0 14px rgba(226,177,90,.08);
  animation:pinPulse 2.6s ease-in-out infinite;
}
@keyframes pinPulse{
  0%,100%{box-shadow:0 0 0 6px rgba(226,177,90,.22), 0 0 0 14px rgba(226,177,90,.08)}
  50%{box-shadow:0 0 0 10px rgba(226,177,90,.3), 0 0 0 26px rgba(226,177,90,.02)}
}
.map-frame::after{
  content:"Adres · Çağlayan Mah. Barınaklar Bulvarı No:76, Muratpaşa/Antalya";position:absolute;left:14px;bottom:14px;
  padding:7px 14px;background:rgba(4,16,22,.82);border:1px solid rgba(226,177,90,.35);
  border-radius:999px;color:var(--ink-dim);font-size:12px;
  font-family:var(--serif);font-style:italic;letter-spacing:1px;
}

/* Floating-label form */
.field.float{position:relative;display:block}
.field.float input,.field.float textarea{
  width:100%;padding:26px 16px 12px;
}
.field.float textarea{padding-top:30px;min-height:140px;resize:vertical}
.field.float label{
  position:absolute;left:16px;top:18px;pointer-events:none;
  color:var(--muted);font-size:14px;
  transition:top .25s ease, font-size .25s ease, color .25s ease, letter-spacing .25s ease;
}
.field.float textarea ~ label{top:20px}
.field.float input:focus ~ label,
.field.float input:not(:placeholder-shown) ~ label,
.field.float textarea:focus ~ label,
.field.float textarea:not(:placeholder-shown) ~ label{
  top:9px;font-size:11px;color:var(--accent);letter-spacing:1.4px;text-transform:uppercase;
}
.form-intro{color:var(--ink-dim);margin:4px 0 16px}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
  .bubble,.swim-fish,.caustics,.water-overlay{display:none!important}
}