:root{--bg:#ECEBD6;--band:#E4DEC6;--ink:#14110D;--gold:#8F7236;--line:#CFC7AB}
*{box-sizing:border-box}
body{margin:0;font:17px/1.65 Figtree,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.15;margin:0 0 .5em}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:16px;padding-bottom:16px}
.brand{display:flex;align-items:center;gap:10px;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.5rem;letter-spacing:.08em;color:var(--ink);text-decoration:none}
.brand img{height:38px;width:auto}
nav{display:flex;flex-wrap:wrap;gap:6px 24px}
nav a{color:var(--ink);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current]{border-color:var(--gold)}
.hero{padding:48px 0 72px}
.hero .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(2.2rem,5.5vw,3.8rem)}
.hero p{max-width:34em}
.hero img{width:100%;max-width:400px;justify-self:center}
.btn{display:inline-block;background:var(--ink);color:var(--bg);padding:12px 24px;border:0;border-radius:2px;font:600 1rem Figtree,system-ui,sans-serif;text-decoration:none;margin:8px 12px 0 0;cursor:pointer}
.btn:hover{background:var(--gold)}
.btn.alt{background:none;color:var(--ink);border:1px solid var(--ink)}
.pagehead{border-bottom:1px solid var(--line);padding:40px 0 32px}
.pagehead h1{font-size:clamp(2rem,4.5vw,3rem);margin:0}
main section{padding:56px 0}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.cols h3{border-top:2px solid var(--gold);padding-top:14px;font-size:1.6rem}
.prose{max-width:38em}
.band{background:var(--band)}
.calc,form{background:#fff8;border:1px solid var(--line);border-left:4px solid var(--gold);padding:24px 28px;max-width:34em;margin-top:24px}
label{display:block;font-weight:600;margin:14px 0 4px}
input,textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--ink);border-radius:2px;background:#fff}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{width:auto;margin-top:6px}
.result{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.5rem;margin:12px 0 0}
footer{background:var(--ink);color:#DDD6BE;padding:32px 0;font-size:.95rem}
footer a{color:#DDD6BE}
@media(max-width:720px){.hero .wrap{grid-template-columns:1fr}.hero img{max-width:240px;order:-1;justify-self:start}}

[hidden]{display:none!important}
select{width:100%;font:inherit;padding:10px;border:1px solid var(--ink);border-radius:2px;background:#fff}
fieldset{border:0;padding:0;margin:0}legend{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.7rem;padding:0;margin-bottom:8px}
.progress{font-weight:600;margin:0 0 16px}.note{font-size:.9rem;margin:16px 0 0}
.steps-nav{margin-top:20px}

.pagehead.photo{background:linear-gradient(rgba(20,17,13,.55),rgba(20,17,13,.55)),var(--img) center/cover;color:#F4EFDF;border:0;padding:96px 0 72px}
.band-photo{background:linear-gradient(rgba(20,17,13,.35),rgba(20,17,13,.6)),url(img/hakkimizda.webp) center/cover;color:#F4EFDF;padding:120px 0}
.band-photo h2{font-size:clamp(1.9rem,4.2vw,3.2rem);max-width:15em;margin:0}
.orn{height:24px;background:url(ornament.svg) center/240px 24px no-repeat;margin:40px 0 0}

.card{background:rgba(255,255,255,.38);border:1px solid var(--line);padding:28px;border-top:3px solid var(--gold)}
.card h2{font-size:2rem}
.meta{font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;opacity:.72}
.post-note{border-top:1px solid var(--line);margin:32px 0;padding-top:18px;font-size:.92rem}
.nav-instagram{font-weight:600}

/* ===== v2: modern görünüm ===== */
html{scroll-behavior:smooth}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(min-width:721px){
  .top{position:sticky;top:0;z-index:50;background:rgba(236,235,214,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
}

/* Tam ekran açılış */
.hero-photo{position:relative;min-height:82vh;display:flex;align-items:center;color:#F4EFDF;padding:96px 0;
  background:linear-gradient(180deg,rgba(14,17,26,.5),rgba(14,17,26,.3) 45%,rgba(20,17,13,.78)),url(img/hero.webp) center/cover no-repeat}
.hero-photo .wrap>*{animation:up .9s cubic-bezier(.2,.7,.2,1) both}
.hero-photo .wrap>*:nth-child(2){animation-delay:.12s}
.hero-photo .wrap>*:nth-child(3){animation-delay:.24s}
.hero-photo .wrap>*:nth-child(4){animation-delay:.36s}
.hero-photo .kicker{font-size:.85rem;letter-spacing:.32em;color:#E1C889;font-weight:600;margin:0 0 18px}
.hero-photo h1{font-size:clamp(2.4rem,6.4vw,4.6rem);max-width:13em;margin:0 0 .35em;text-shadow:0 2px 28px rgba(0,0,0,.35)}
.hero-photo p{max-width:36em;font-size:1.15rem;color:#EFE8D2}
.hero-photo .btn{background:#F4EFDF;color:var(--ink)}
.hero-photo .btn:hover{background:#E1C889}
.hero-photo .btn.alt{background:none;color:#F4EFDF;border:1px solid #F4EFDF}
.hero-photo .btn.alt:hover{background:#F4EFDF22}

.pagehead h1{animation:up .8s cubic-bezier(.2,.7,.2,1) both}

/* Manifesto */
.manifesto{text-align:center}
.manifesto .wrap{max-width:46em}
.manifesto .lead{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.4;margin:0 0 1em}

/* Hadis bölümü */
.hadith{background:var(--ink);color:#F4EFDF;text-align:center}
.hadith blockquote{margin:0 auto;max-width:40em}
.hadith .ar{font-family:"Amiri","Traditional Arabic","Scheherazade New",serif;font-size:clamp(1.9rem,4.2vw,2.9rem);line-height:1.9;direction:rtl;margin:0 0 .5em;color:#E8D7A8}
.hadith .tr{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.3rem,2.5vw,1.75rem);line-height:1.5;margin:0}
.hadith cite{display:block;margin-top:1em;font-style:normal;font-size:.9rem;letter-spacing:.08em;color:#CDBE94}

/* Kartlar */
.card{transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(20,17,13,.12)}
.card h2,.card h3{font-size:1.6rem;border:0;padding:0}

/* Açılır SSS */
details.faq{border-top:1px solid var(--line);padding:14px 0}
details.faq:last-of-type{border-bottom:1px solid var(--line)}
details.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";color:var(--gold);font-size:1.4rem;line-height:1}
details.faq[open] summary::after{content:"–"}
details.faq p{margin:.7em 0 0}

/* Haberdar ol */
.haberdar{background:var(--band)}
.haberdar form{background:none;border:0;padding:0;margin:16px 0 0;max-width:34em}
.inline-row{display:flex;gap:10px;flex-wrap:wrap}
.inline-row input{flex:1 1 220px;width:auto}
.inline-row .btn{margin:0}
.haberdar .check{margin-top:12px;font-size:.92rem}
.haberdar .ok{font-weight:600}

/* Scroll ile beliren bölümler (yalnızca JS varsa) */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.js .reveal.in,.js.rf .reveal{opacity:1;transform:none}

/* Mobil cila */
@media(max-width:720px){
  .top .wrap{justify-content:center;text-align:center;gap:8px 16px}
  nav{justify-content:center;gap:2px 16px;font-size:.95rem}
  .hero-photo{min-height:74vh;padding:72px 0}
  main section{padding:44px 0}
  form{padding:20px 18px}
  .band-photo{padding:88px 0}
}
/* Ayraç: sabit çizgi, dönen yıldız */
.orn{display:flex;justify-content:center;padding:6px 0}
.orn svg{display:block;width:180px;height:auto}
.orn-star{transform-box:fill-box;transform-origin:50% 50%;transition:transform .05s linear}
.band-photo .orn,.hadith .orn,.hero-photo .orn{filter:brightness(0) invert(1) opacity(.9)}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
}


/* ===== v3: premium editorial motion layer ===== */
:root{
  --gold-hi:#D8BD76;
  --gold-soft:rgba(216,189,118,.22);
  --ink-soft:#27221B;
  --shadow:0 24px 70px rgba(20,17,13,.14);
}
html{overflow-x:hidden}
body{position:relative;overflow-x:hidden;background:
  radial-gradient(circle at 8% 18%,rgba(216,189,118,.12),transparent 28rem),
  radial-gradient(circle at 92% 62%,rgba(143,114,54,.09),transparent 30rem),
  var(--bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.top{transition:background .35s ease,box-shadow .35s ease}
.top::after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent);transform:scaleX(.55);transition:transform .5s ease}
.top:hover::after{transform:scaleX(1)}
.brand{position:relative;transition:letter-spacing .35s ease,transform .35s ease}
.brand:hover{letter-spacing:.13em;transform:translateY(-1px)}
.brand img{transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.brand:hover img{transform:rotate(-8deg) scale(1.08);filter:drop-shadow(0 5px 14px rgba(216,189,118,.35))}
nav a{position:relative;transition:color .25s ease,transform .25s ease}
nav a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}
nav a:hover,nav a[aria-current]{border-color:transparent;transform:translateY(-1px)}
nav a:hover::after,nav a[aria-current]::after{transform:scaleX(1)}

.hero-photo{isolation:isolate;overflow:hidden;background-position:calc(50% + var(--hero-x,0px)) calc(50% + var(--hero-y,0px));transition:background-position .2s linear}
.hero-photo::before{content:"";position:absolute;inset:-12%;z-index:-1;background:radial-gradient(circle at 68% 32%,rgba(216,189,118,.22),transparent 22%),radial-gradient(circle at 20% 80%,rgba(255,255,255,.07),transparent 25%);animation:heroGlow 9s ease-in-out infinite alternate}
.hero-photo::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.07) 48%,transparent 61%);transform:translateX(-120%);animation:sheen 10s ease-in-out infinite}
.hero-photo .wrap{position:relative;z-index:1}
.hero-photo .kicker{display:inline-flex;align-items:center;gap:12px}
.hero-photo .kicker::before,.hero-photo .kicker::after{content:"";width:34px;height:1px;background:var(--gold-hi);opacity:.8}
.hero-photo h1{max-width:12em;letter-spacing:-.02em}
.hero-photo p:not(.kicker){text-wrap:balance}

.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .28s ease,color .28s ease,border-color .28s ease}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,17,13,.18)}
.btn:hover::before{transform:translateX(120%)}
.btn.alt:hover{border-color:var(--gold);color:var(--gold)}

.manifesto .wrap{position:relative}
.manifesto .wrap::before{content:"01";position:absolute;right:-1rem;top:-2.5rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:6rem;line-height:1;color:var(--gold-soft);font-weight:600;pointer-events:none}
.manifesto .lead{position:relative}
.hadith{position:relative;overflow:hidden}
.hadith::before,.hadith::after{content:"";position:absolute;border:1px solid rgba(216,189,118,.18);border-radius:50%;pointer-events:none}
.hadith::before{width:26rem;height:26rem;left:-13rem;top:-13rem;animation:orb 12s ease-in-out infinite}
.hadith::after{width:20rem;height:20rem;right:-10rem;bottom:-10rem;animation:orb 15s ease-in-out infinite reverse}
.hadith blockquote{position:relative;z-index:1}
.hadith .tr{max-width:30em;margin-left:auto;margin-right:auto}

.cols{perspective:1200px}
.card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,255,255,.22));box-shadow:0 4px 18px rgba(20,17,13,.04);transform-style:preserve-3d}
.card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.42),transparent 38%,rgba(216,189,118,.08));opacity:0;transition:opacity .35s ease}
.card::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-hi),transparent);transform:scaleX(.2);transition:transform .5s ease}
.card:hover{transform:translateY(-7px) rotateX(1.2deg) rotateY(-1.2deg);box-shadow:var(--shadow)}
.card:hover::before{opacity:1}.card:hover::after{transform:scaleX(1)}
.card .meta{color:var(--gold);font-weight:600}

.band{position:relative;overflow:hidden}
.band::before{content:"";position:absolute;width:30rem;height:30rem;right:-18rem;top:-18rem;border:1px solid rgba(143,114,54,.12);border-radius:50%;animation:slowSpin 28s linear infinite}
.band-photo{position:relative;isolation:isolate;overflow:hidden;background-position:calc(50% + var(--photo-x,0px)) center;transition:background-position .25s linear}
.band-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,17,13,.12),transparent 50%,rgba(20,17,13,.2));animation:photoPulse 8s ease-in-out infinite alternate}
.band-photo h2{max-width:14em;text-wrap:balance}

.pagehead{position:relative;overflow:hidden}
.pagehead::after{content:"✦";position:absolute;right:8vw;bottom:-.35em;font-family:"Cormorant Garamond",Georgia,serif;font-size:11rem;line-height:1;color:rgba(143,114,54,.08);animation:floatMark 7s ease-in-out infinite}
.pagehead.photo::after{color:rgba(244,239,223,.10)}
.prose h2{position:relative;margin-top:1.65em}
.prose h2::before{content:"";display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin:0 12px 4px 0;opacity:.7}

.orn{position:relative}
.orn svg{filter:drop-shadow(0 4px 10px rgba(143,114,54,.12))}
.orn::before,.orn::after{content:"";position:absolute;top:50%;width:clamp(30px,14vw,160px);height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft));pointer-events:none}
.orn::before{right:calc(50% + 130px)}.orn::after{left:calc(50% + 130px);transform:scaleX(-1)}

.haberdar{position:relative;overflow:hidden}
.haberdar::before{content:"";position:absolute;width:22rem;height:22rem;border-radius:50%;right:-9rem;top:-10rem;background:radial-gradient(circle,rgba(216,189,118,.18),transparent 68%);animation:heroGlow 8s ease-in-out infinite alternate}
.haberdar form{position:relative;z-index:1}
input,textarea,select{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(143,114,54,.10);transform:translateY(-1px)}

footer{position:relative;overflow:hidden}
footer::before{content:"THE MAQSAD";position:absolute;right:-2rem;bottom:-2.3rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:7rem;font-weight:600;letter-spacing:.05em;color:rgba(255,255,255,.035);white-space:nowrap}
footer a{transition:color .2s ease}footer a:hover{color:#E1C889}

@keyframes heroGlow{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}
@keyframes sheen{0%,35%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
@keyframes orb{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(25px,-18px,0) rotate(18deg)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes photoPulse{from{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}
@keyframes floatMark{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(6deg)}}

@media(max-width:720px){
  .manifesto .wrap::before{right:0;top:-1.5rem;font-size:4rem}
  .pagehead::after{right:-1rem;font-size:7rem}
  .orn::before,.orn::after{display:none}
  .card:hover{transform:translateY(-4px)}
}
@media(prefers-reduced-motion:reduce){
  .hero-photo,.band-photo{background-position:center}
  .hero-photo::before,.hero-photo::after,.band::before,.band-photo::after,.hadith::before,.hadith::after,.pagehead::after,footer::before{animation:none!important}
}

.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:200;background:linear-gradient(90deg,var(--gold),var(--gold-hi),var(--gold));transform-origin:left center;transform:scaleX(0);pointer-events:none;box-shadow:0 0 12px rgba(216,189,118,.35)}


/* ===== v4: full-width ornament + edge-safe image motion + mobile-first polish ===== */
.orn{width:100%;height:38px;display:flex;align-items:center;justify-content:center;padding:0;margin:34px 0;position:relative;isolation:isolate}
.orn::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--line) 6%,var(--gold) 32%,var(--gold) 44%,transparent 49%,transparent 51%,var(--gold) 56%,var(--gold) 68%,var(--line) 94%,transparent 100%);opacity:.85;z-index:-1}
.orn::after{content:"";position:absolute;left:50%;top:50%;width:82px;height:38px;transform:translate(-50%,-50%);background:var(--bg);z-index:-1}
.orn svg{position:relative;width:180px;height:24px;z-index:1}
.band .orn,.hadith .orn{background:transparent}

.hero-photo,.band-photo{background:none!important;isolation:isolate}
.hero-photo::before,.band-photo::before{content:"";position:absolute;inset:-9%;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.06) translate3d(var(--image-x,0px),var(--image-y,0px),0);will-change:transform;transition:transform .25s ease-out}
.hero-photo::before{background-image:linear-gradient(180deg,rgba(14,17,26,.50),rgba(14,17,26,.30) 45%,rgba(20,17,13,.78)),url(img/hero.webp);animation:heroImageDrift 18s ease-in-out infinite alternate}
.band-photo::before{background-image:linear-gradient(rgba(20,17,13,.35),rgba(20,17,13,.60)),url(img/hakkimizda.webp);animation:bandImageDrift 22s ease-in-out infinite alternate}
.hero-photo::after{z-index:-1}
.band-photo::after{z-index:-1}
.hero-photo .hero-stars{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.72}
.hero-stars::before,.hero-stars::after{content:"✦   ·      ✦        ·   ✦     ·       ✦";position:absolute;white-space:nowrap;font-family:"Cormorant Garamond",Georgia,serif;color:rgba(244,239,223,.78);font-size:1.05rem;letter-spacing:1.2rem;animation:starsSlide 24s linear infinite}
.hero-stars::before{top:17%;left:-25%;transform:rotate(-5deg)}
.hero-stars::after{top:42%;left:-55%;font-size:.75rem;opacity:.55;animation-duration:31s;animation-direction:reverse}
.hero-photo .wrap{position:relative;z-index:2}

.callback{position:relative;overflow:hidden}
.callback::after{content:"";position:absolute;width:30rem;height:30rem;right:-14rem;top:-13rem;border:1px solid rgba(143,114,54,.12);border-radius:50%;animation:slowSpin 30s linear infinite}
.callback-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.callback-grid h2{font-size:clamp(2rem,4vw,3rem)}
.callback-form{position:relative;z-index:2;max-width:none;margin:0;background:rgba(255,255,255,.38);border:1px solid var(--line);border-top:3px solid var(--gold);box-shadow:var(--shadow)}
.callback-form .btn{margin-top:14px}
.callback-form .check{margin-top:16px;font-size:.9rem}

@keyframes heroImageDrift{0%{transform:scale(1.06) translate3d(-1.2%,0,0)}50%{transform:scale(1.09) translate3d(1%, -1%,0)}100%{transform:scale(1.06) translate3d(2%,1%,0)}}
@keyframes bandImageDrift{0%{transform:scale(1.06) translate3d(1%,0,0)}50%{transform:scale(1.09) translate3d(-1%, -1%,0)}100%{transform:scale(1.06) translate3d(1%,1%,0)}}
@keyframes starsSlide{0%{transform:translate3d(-8vw,0,0) rotate(-5deg)}50%{transform:translate3d(48vw,8px,0) rotate(-3deg)}100%{transform:translate3d(108vw,-2px,0) rotate(-5deg)}}

@media(max-width:720px){
  .wrap{padding-left:18px;padding-right:18px}
  .top .wrap{justify-content:space-between;text-align:left;gap:8px 14px}
  .brand{font-size:1.28rem}
  .brand img{height:34px}
  nav{justify-content:flex-end;gap:4px 12px;font-size:.88rem}
  nav a{padding:6px 0}
  .hero-photo{min-height:78svh;padding:82px 0 64px}
  .hero-photo h1{font-size:clamp(2.25rem,12vw,3.4rem)}
  .hero-photo p:not(.kicker){font-size:1rem}
  .hero-photo .btn{width:100%;margin-right:0;text-align:center}
  .orn{height:32px;margin:28px 0}
  .orn::before{background:linear-gradient(90deg,transparent,var(--gold) 14%,var(--gold) 42%,transparent 48%,transparent 52%,var(--gold) 58%,var(--gold) 86%,transparent)}
  .orn::after{width:70px;height:32px}
  .orn svg{width:154px;height:22px}
  .orn::before,.orn::after{display:block}
  main section{padding:42px 0}
  .cols{grid-template-columns:1fr;gap:20px}
  .card{padding:24px 20px}
  .band-photo{padding:88px 0}
  .band-photo h2{font-size:clamp(2rem,10vw,3rem)}
  .callback-grid{grid-template-columns:1fr;gap:28px}
  .callback-form{padding:20px 18px}
  .callback-form .btn{width:100%;margin-right:0}
  .hero-stars::before{top:14%;font-size:.9rem;letter-spacing:.8rem}
  .hero-stars::after{top:38%;font-size:.65rem;letter-spacing:.65rem}
}
@media(prefers-reduced-motion:reduce){
  .hero-photo::before,.band-photo::before,.hero-stars::before,.hero-stars::after{animation:none!important}
}


/* ===== FINAL V6: cinematic hero image + true full-width ornaments ===== */
.orn{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:44px;margin-top:36px;margin-bottom:36px;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}
.orn::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(143,114,54,.18) 0%,rgba(143,114,54,.72) 9%,#8F7236 38%,#8F7236 47%,transparent 49.2%,transparent 50.8%,#8F7236 53%,#8F7236 62%,rgba(143,114,54,.72) 91%,rgba(143,114,54,.18) 100%);box-shadow:0 0 12px rgba(143,114,54,.10);z-index:0}
.orn::after{content:"";position:absolute;left:50%;top:50%;width:112px;height:44px;transform:translate(-50%,-50%);background:var(--bg);z-index:1}
.orn svg{position:relative;width:210px;height:28px;z-index:2;overflow:visible}
.orn .orn-star{transform-box:fill-box;transform-origin:center;transition:filter .3s ease}
.orn:hover .orn-star{filter:drop-shadow(0 0 6px rgba(143,114,54,.45))}

.hero-photo{position:relative;isolation:isolate;overflow:hidden;background:none!important;min-height:82vh}
.hero-photo-media{position:absolute;inset:-7%;z-index:-2;overflow:hidden;pointer-events:none}
.hero-photo-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,16,27,.18),rgba(9,16,27,.08) 42%,rgba(20,17,13,.70) 100%)}
.hero-photo-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 44%;transform:scale(1.065) translate3d(var(--image-x,0px),var(--image-y,0px),0);will-change:transform;transition:transform .25s ease-out}
.hero-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 24%,rgba(216,189,118,.12),transparent 26%),linear-gradient(115deg,transparent 32%,rgba(255,255,255,.055) 49%,transparent 66%);transform:translateX(-120%);animation:heroSheen 12s ease-in-out infinite;pointer-events:none}
.hero-photo::after{display:none}
.hero-stars{display:none!important}
.hero-photo .wrap{position:relative;z-index:3}

@keyframes heroSheen{0%,45%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}

@media(max-width:720px){
  .orn{width:100vw;margin-left:calc(50% - 50vw);height:34px;margin-top:26px;margin-bottom:26px}
  .orn::after{width:78px;height:34px}
  .orn svg{width:166px;height:24px}
  .hero-photo{min-height:84svh;padding:84px 0 62px}
  .hero-photo-media{inset:-9%}
  .hero-photo-media img{object-position:center 43%;transform:scale(1.10) translate3d(var(--image-x,0px),var(--image-y,0px),0)}
}
@media(prefers-reduced-motion:reduce){
  .hero-photo::before{animation:none}
  .hero-photo-media img{transform:scale(1.065)}
}


/* ===== FINAL V7: cinematic animated hero + true edge-to-edge ornaments ===== */
.orn{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  height:44px;
  margin-top:36px;
  margin-bottom:36px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  isolation:isolate;
}
.orn::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,#8F7236 0%,#8F7236 48.8%,transparent 48.8%,transparent 51.2%,#8F7236 51.2%,#8F7236 100%);
  opacity:.9;
  box-shadow:0 0 8px rgba(143,114,54,.12);
  z-index:0;
}
.orn::after{display:none}
.orn svg{position:relative;width:34px;height:28px;z-index:2;overflow:visible;background:var(--bg)}
.orn svg path{display:none}
.orn .orn-star{transform-box:fill-box;transform-origin:center;transition:filter .3s ease}
.orn:hover .orn-star{filter:drop-shadow(0 0 6px rgba(143,114,54,.45))}

.hero-photo{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#07111e!important;
  min-height:82vh;
  padding:96px 0;
}
.hero-canvas-wrap{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#07111e}
.hero-canvas{display:block;width:100%;height:100%;}
.hero-photo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 56%,rgba(216,189,118,.13),transparent 18%),
    linear-gradient(180deg,rgba(4,10,18,.12),rgba(4,10,18,.16) 42%,rgba(20,17,13,.82) 100%);
}
.hero-photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.045) 49%,transparent 68%);
  transform:translateX(-120%);
  animation:heroSheen 13s ease-in-out infinite;
}
.hero-photo .wrap{position:relative;z-index:3}
.hero-photo .kicker::before,.hero-photo .kicker::after{background:#D8BD76}

@keyframes heroSheen{0%,48%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}

@media(max-width:720px){
  .orn{height:34px;margin-top:26px;margin-bottom:26px}
  .orn svg{width:30px;height:24px}
  .hero-photo{min-height:84svh;padding:84px 0 62px}
  .hero-photo::after{animation-duration:16s}
}
@media(prefers-reduced-motion:reduce){
  .hero-photo::after{animation:none}
}


/* ===== V9 — THE MAQSAD: page-specific motion system ===== */
:root{
  --hero-ink:#0d1118;
  --hero-ink-2:#151b25;
  --hero-gold:#c8a45b;
  --hero-gold-soft:#e1c889;
  --hero-text:#f5efdf;
}
.top{position:sticky;top:0;z-index:60;background:rgba(236,235,214,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(143,114,54,.22)}
.brand img{height:38px}

/* Exact user-supplied ornament: lines are independent so the supplied star is never stretched. */
.orn{
  position:relative;
  width:100%;
  height:32px;
  margin:42px 0 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.orn img{
  position:relative;
  z-index:2;
  display:block;
  width:240px;
  height:24px;
  flex:0 0 240px;
  object-fit:contain;
}
.orn-line{
  height:1px;
  background:var(--gold);
  opacity:.82;
  position:absolute;
  top:50%;
  z-index:1;
}
.orn-line-left{left:0;right:calc(50% + 120px)}
.orn-line-right{left:calc(50% + 120px);right:0}
@media(max-width:720px){
  .orn{height:28px;margin:30px 0 4px}
  .orn img{width:210px;height:21px;flex-basis:210px}
  .orn-line-left{right:calc(50% + 105px)}
  .orn-line-right{left:calc(50% + 105px)}
}

/* Page-specific animated hero */
.page-hero{
  position:relative;
  min-height:52vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  color:var(--hero-text);
  background:#10151d;
  padding:92px 0 84px;
}
.page-hero-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:-2;
}
.page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 52%, rgba(200,164,91,.12), transparent 26%),
    linear-gradient(180deg,rgba(6,9,14,.08),rgba(6,9,14,.42));
}
.page-hero .wrap{position:relative;z-index:2}
.page-hero h1{
  color:#f7f1e2;
  font-size:clamp(2.7rem,6vw,5rem);
  max-width:13em;
  text-shadow:0 8px 40px rgba(0,0,0,.28);
  margin:0 0 .15em;
}
.page-hero .meta{color:#dfc98f}
.page-hero .kicker{color:#e1c889}
.page-hero--home{min-height:82vh;padding:112px 0 108px}
.page-hero--home h1{font-size:clamp(3rem,7vw,6rem);max-width:11em}
.page-hero--home .wrap>p:not(.kicker){max-width:40em;color:#eee7d5;font-size:1.16rem}
.page-hero--home .kicker{letter-spacing:.34em;font-weight:600;font-size:.84rem;margin-bottom:18px}
.page-hero--home .btn{background:#f4efdf;color:#14110d}
.page-hero--home .btn.alt{background:transparent;color:#f4efdf;border-color:#f4efdf}
.page-hero--about{background:#111917}
.page-hero--blog{background:#11151c}
.page-hero--bina{background:#161512}
.page-hero--ticaret{background:#10171b}
.page-hero--deneyim{background:#16131b}
.page-hero--niyet{background:#151714}
.page-hero--membership{background:#171319}
.page-hero--application{background:#10171b}
.page-hero--dayanisma{background:#181510}
.page-hero--yonerge{background:#11161b}
.page-hero--privacy,.page-hero--consent{background:#11151a}
.page-hero--thanks{background:#17150f}

/* Hero visual emblem, using the exact supplied ornament rather than redrawing it. */
.page-hero[data-hero="home"] .wrap:before{
  content:"";
  display:block;
  width:min(360px,62vw);
  height:36px;
  background:url("ornament.svg") center/240px 24px no-repeat;
  filter:drop-shadow(0 0 16px rgba(225,200,137,.48));
  margin:0 0 26px;
  opacity:.92;
}
.page-hero:not(.page-hero--home) .wrap:before{
  content:"";
  display:block;
  width:240px;
  height:24px;
  background:url("ornament.svg") center/240px 24px no-repeat;
  filter:drop-shadow(0 0 14px rgba(225,200,137,.34));
  margin:0 0 26px;
  opacity:.78;
}

/* Old hero background imagery is intentionally disabled: animation is the hero. */
.hero-photo,.pagehead.photo{background:none!important;color:inherit}

/* Motion-friendly cards and sections */
.card{transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease}
.card:hover{box-shadow:0 18px 40px rgba(20,17,13,.10)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform-origin:left center;background:var(--gold);z-index:100;pointer-events:none}

@media(max-width:720px){
  .page-hero{min-height:56vh;padding:78px 0 70px}
  .page-hero--home{min-height:78vh;padding:86px 0 82px}
  .page-hero h1{font-size:clamp(2.35rem,13vw,4rem)}
  .page-hero--home h1{font-size:clamp(2.6rem,14vw,4.5rem)}
  .page-hero--home .wrap>p:not(.kicker){font-size:1.02rem}
  .page-hero:not(.page-hero--home) .wrap:before{margin-bottom:20px}
  .top .wrap{padding-top:11px;padding-bottom:11px}
  .brand{font-size:1.32rem}
  .brand img{height:34px}
  nav{gap:4px 15px;font-size:.94rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .page-hero-canvas{display:none}
  .reveal{opacity:1;transform:none;transition:none}
  .card{transition:none}
}
/* V10: animated heroes should not carry the page ornament; keep ornament.svg only in the brand/section separators. */
.page-hero .wrap::before{display:none !important;content:none !important;background:none !important;filter:none !important;}