:root{--bg:#0a0a0b;--card:#141416;--gold:#d4af5a;--gold2:#f1d48a;--txt:#f4f1ea;--mute:#a7a299;--line:#2a2824}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:17px/1.6 Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit}img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px;width:100%}
header.site{position:fixed;inset:0 0 auto;z-index:30;transition:background .3s}
header.site.solid,header.site.inner{background:rgba(10,10,11,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo svg{width:44px;height:44px;flex:none}
.logo b{display:block;font:600 22px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:3px}
.logo small{display:block;font-size:10px;letter-spacing:3.5px;color:var(--gold)}
nav.main a{text-decoration:none;color:#d8d3c8;margin-left:20px;font-size:14px;letter-spacing:.4px}
nav.main a:hover{color:var(--gold2)}
.pill{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;font-weight:700;text-decoration:none;padding:10px 16px;border-radius:99px;white-space:nowrap;font-size:15px}
/* hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,11,.85) 0%,rgba(10,10,11,.45) 55%,rgba(10,10,11,.1) 100%)}
.hero .photo{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:opacity 1s}
.hero .wrap{position:relative;z-index:2;padding-top:100px;padding-bottom:70px}
.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:rgba(10,10,11,.5);padding:6px 12px;border-radius:99px;font-size:13px;color:#d8d3c8;letter-spacing:.5px}
.dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(61,220,132,.6)}70%{box-shadow:0 0 0 10px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.hero h1,.phero h1{font:600 clamp(2.5rem,6.6vw,4.8rem)/1.03 "Cormorant Garamond",Georgia,serif;margin:18px 0 16px;max-width:820px}
.hero h1 em,.phero h1 em{font-style:italic;background:linear-gradient(90deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:#d6d0c4;font-size:19px;max-width:600px;margin:0 0 28px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:15px 22px;border-radius:99px;border:0;cursor:pointer;font:700 16px Inter,sans-serif}
.btn.g{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111}
.btn.o{border:1.5px solid rgba(255,255,255,.5);color:#fff;background:transparent}
.btn.wa{background:#25d366;color:#062b14}
.trust{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px;color:#cfc9bd;font-size:14px}
.trust b{display:block;font:600 26px/1 "Cormorant Garamond",serif;color:var(--gold2)}
/* page hero (inner pages) */
.phero{position:relative;padding:150px 0 60px;overflow:hidden;background:radial-gradient(900px 400px at 80% 0%,rgba(212,175,90,.16),transparent 60%),linear-gradient(180deg,#07070a,#0e0e12)}
.phero h1{font-size:clamp(2.2rem,5.4vw,3.8rem)}
.crumbs{font-size:13px;color:var(--mute)}.crumbs a{text-decoration:none;color:var(--gold)}
/* sections */
section.s{padding:84px 0}section.alt{background:#0e0e11}
.kicker{font-size:12px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}
h2{font:600 clamp(2rem,4.6vw,3rem)/1.1 "Cormorant Garamond",Georgia,serif;margin:8px 0 14px}
h3{font-size:19px;margin:0 0 6px}
.sub{color:var(--mute);max-width:640px;margin:0 0 34px}
.prose{max-width:760px;color:#d8d3c8}.prose h2{margin-top:40px}.prose li{margin:6px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;transition:transform .25s,border-color .25s}
a.card:hover{transform:translateY(-4px);border-color:var(--gold)}
.card p{margin:0;color:var(--mute);font-size:15px}
.card .more{display:inline-block;margin-top:10px;color:var(--gold2);font-size:14px;font-weight:600}
.code{font:600 46px/1 "Cormorant Garamond",serif;color:var(--gold2)}
.line{display:flex;align-items:center;gap:8px;margin:12px 0 6px;color:#d8d3c8;font-size:14px}
.line i{flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 12px)}
.fleet{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.car{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.car .img{aspect-ratio:16/10;background:linear-gradient(160deg,#1b1a1f,#0d0d10) center/cover;display:flex;align-items:center;justify-content:center}
.car .img svg{width:70%;opacity:.9}
.car .body{padding:20px}.car h3{font:600 26px/1.1 "Cormorant Garamond",serif}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tags span{font-size:12px;border:1px solid var(--line);padding:4px 10px;border-radius:99px;color:#cfc9bd}
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.svc a{background:var(--bg);padding:26px;text-decoration:none;display:block}.svc a:hover{background:#111013}
.svc p{margin:0;color:var(--mute);font-size:15px}.svc .n{font:600 15px "Cormorant Garamond",serif;color:var(--gold);letter-spacing:2px}
.towns{display:flex;flex-wrap:wrap;gap:10px}
.towns a{text-decoration:none;border:1px solid var(--line);background:var(--card);padding:10px 16px;border-radius:99px;font-size:15px}
.towns a:hover{border-color:var(--gold);color:var(--gold2)}
.mapwrap{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.mapwrap svg{display:block;width:100%;height:auto}
.owner{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.portrait{aspect-ratio:4/5;border-radius:22px;background:linear-gradient(160deg,#1b1a1f,#0d0d10) center/cover;border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.quote{font:500 clamp(1.5rem,3vw,2rem)/1.3 "Cormorant Garamond",serif;font-style:italic;margin:0 0 18px}
.vals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.vals div{border-left:2px solid var(--gold);padding:4px 12px;font-size:15px;color:#d8d3c8}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.steps li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.steps li:before{content:"0" counter(s);display:block;font:600 34px/1 "Cormorant Garamond",serif;color:var(--gold2);margin-bottom:8px}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:600;font-size:17px}.faq p{color:var(--mute);margin:10px 0 0}
.qbox{background:linear-gradient(160deg,#17161a,#0f0f12);border:1px solid var(--line);border-radius:24px;padding:30px}
form.q{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
form.q label{font-size:13px;color:var(--mute);display:grid;gap:6px}
form.q input,form.q select{background:#0b0b0d;border:1px solid var(--line);color:var(--txt);border-radius:12px;padding:13px 14px;font:16px Inter,sans-serif;width:100%}
form.q input:focus,form.q select:focus{outline:none;border-color:var(--gold)}
.full{grid-column:1/-1}.formbtns{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.note{font-size:13px;color:var(--mute);margin-top:12px}
.cta{text-align:center;background:radial-gradient(700px 300px at 50% 0%,rgba(212,175,90,.18),transparent 70%),#0e0e11}
.cta .btns{justify-content:center}
footer.site{border-top:1px solid var(--line);padding:46px 0 40px;color:var(--mute);font-size:14px}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}
footer.site h4{color:var(--txt);margin:0 0 10px;font-size:14px;letter-spacing:1px;text-transform:uppercase}
footer.site a{display:block;text-decoration:none;margin:5px 0}footer.site a:hover{color:var(--gold2)}
footer.site .copy{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}
.sticky{display:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){nav.main{display:none}.owner{grid-template-columns:1fr}.portrait{max-width:420px}footer.site .cols{grid-template-columns:1fr 1fr}
 .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(10,10,11,.95);border-top:1px solid var(--line)}
 .sticky a{flex:1;padding:13px 6px}footer.site{padding-bottom:100px}section.s{padding:64px 0}.pill{display:none}
 .hero .shade{background:linear-gradient(180deg,rgba(10,10,11,.55),rgba(10,10,11,.8))}}
@media(prefers-reduced-motion:reduce){.dot{animation:none}.reveal{opacity:1;transform:none}}
/* ---- v3.1: real photo hero ---- */
.hero .heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;animation:kb 30s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.06)}}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;animation:kb 30s ease-in-out infinite alternate}
.hero .shade{background:linear-gradient(90deg,rgba(8,8,10,.93) 0%,rgba(8,8,10,.72) 42%,rgba(8,8,10,.15) 75%,rgba(8,8,10,.25) 100%),linear-gradient(180deg,rgba(8,8,10,.55) 0%,transparent 25%,transparent 70%,rgba(10,10,11,1) 100%)}
@media(max-width:900px){.hero .shade{background:linear-gradient(180deg,rgba(8,8,10,.6),rgba(8,8,10,.82) 45%,rgba(10,10,11,.97))}}
/* ---- Subtle Turkish motifs ---- */
/* kilim band: small stepped diamonds, gold on dark */
.kilim{height:14px;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Cpath d='M14 1l6 6-6 6-6-6z' fill='none' stroke='%23d4af5a' stroke-width='1.2'/%3E%3Cpath d='M14 5l2 2-2 2-2-2z' fill='%23d4af5a'/%3E%3Cpath d='M0 7h6M22 7h6' stroke='%23d4af5a' stroke-width='1'/%3E%3C/svg%3E") repeat-x center/28px 14px}
.hero-k{position:absolute;left:0;right:0;bottom:0;z-index:3;opacity:.45}
/* Seljuk eight-point star lattice, very faint, on the darker sections */
section.alt,.phero{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23d4af5a' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M40 18l6.4 15.6L62 40l-15.6 6.4L40 62l-6.4-15.6L18 40l15.6-6.4z'/%3E%3Crect x='26' y='26' width='28' height='28' transform='rotate(45 40 40)'/%3E%3Crect x='26' y='26' width='28' height='28'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(900px 400px at 80% 0%,rgba(212,175,90,.10),transparent 60%)}
section.alt{background-color:#0e0e11}.phero{background-color:#0b0b0e}
/* tulip (lale) mark before section labels */
.kicker{display:inline-flex;align-items:center;gap:8px}
.kicker::before{content:"";width:14px;height:16px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath d='M7 1C5 3 3 4 2.5 7c-.4 2.4 1.6 4.2 4.5 4.2S11.9 9.4 11.5 7C11 4 9 3 7 1zM7 2.6v8.4M7 11v4.5M7 14c-1.6-1-2.8-1-4-.6M7 14c1.6-1 2.8-1 4-.6' fill='none' stroke='%23d4af5a' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain}
.cta{position:relative;background-size:cover;background-position:center 60%}
/* photo placeholders (until Matt's photos arrive) */
.car .img,.portrait{position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 18l6.4 15.6L62 40l-15.6 6.4L40 62l-6.4-15.6L18 40l15.6-6.4z' fill='none' stroke='%23d4af5a' stroke-opacity='.12'/%3E%3C/svg%3E"),linear-gradient(160deg,#1c1b20,#0c0c0f)}
.ph{font:600 italic clamp(1.6rem,3vw,2.4rem)/1 "Cormorant Garamond",serif;color:rgba(241,212,138,.55);letter-spacing:1px}
.portrait{align-items:center}
/* v3.2 hero with lakefront photo: text sits over the dark water, skyline stays visible above */
.hero .heroimg{object-position:50% 38%}
@media(min-width:761px){.hero{align-items:flex-end}.hero .wrap{padding-bottom:56px}
 .hero h1{font-size:clamp(2.4rem,4.6vw,4rem);max-width:760px}
 .hero .shade{background:linear-gradient(180deg,rgba(8,8,10,.35) 0%,rgba(8,8,10,0) 18%,rgba(8,8,10,0) 48%,rgba(8,8,10,.78) 68%,rgba(10,10,11,.97) 100%),linear-gradient(90deg,rgba(8,8,10,.55),rgba(8,8,10,0) 60%)}}
@media(max-width:760px){.hero .heroimg{object-position:70% 30%}}
/* nazar: small "safe travels" charm */
.nazar{display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-right:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='%231d4fa8'/%3E%3Ccircle cx='10' cy='10' r='6.6' fill='%23fff'/%3E%3Ccircle cx='10' cy='10' r='4.4' fill='%2368c3f0'/%3E%3Ccircle cx='10' cy='10' r='2.3' fill='%23081226'/%3E%3C/svg%3E") no-repeat center/contain}
.safe{color:#d8d3c8;font-size:14px;letter-spacing:.3px}
.hero .heroimg{object-position:50% 100%}
@media(max-width:760px){.hero .heroimg{object-position:72% 40%}.hero .shade{background:linear-gradient(180deg,rgba(8,8,10,.25) 0%,rgba(8,8,10,.45) 35%,rgba(8,8,10,.8) 60%,rgba(10,10,11,.97) 100%)}.hero h1{text-shadow:0 2px 18px rgba(0,0,0,.6)}.lead{text-shadow:0 1px 10px rgba(0,0,0,.7)}}
/* v3.3: aerial gold-streets photo on desktop */
@media(min-width:761px){.hero .heroimg{object-position:50% 45%}
 .hero .shade{background:linear-gradient(180deg,rgba(8,8,10,.55) 0%,rgba(8,8,10,.1) 16%,rgba(8,8,10,0) 40%,rgba(8,8,10,.72) 66%,rgba(10,10,11,.97) 100%),linear-gradient(90deg,rgba(8,8,10,.7),rgba(8,8,10,.15) 55%,rgba(8,8,10,0))}}
.cta{background-position:center 45%}
@media(min-width:761px){.hero .shade{background:linear-gradient(180deg,rgba(8,8,10,.5) 0%,rgba(8,8,10,0) 14%,rgba(8,8,10,0) 45%,rgba(8,8,10,.6) 70%,rgba(10,10,11,.96) 100%),linear-gradient(90deg,rgba(8,8,10,.5),rgba(8,8,10,0) 50%)}}
/* Iznik-style tulip & carnation spray, faint gold line art woven into section corners */
.owner,.qbox{position:relative}
.owner::after,.qbox::after{content:"";position:absolute;right:-10px;bottom:-20px;width:260px;height:260px;pointer-events:none;opacity:.09;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23d4af5a' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M100 195C98 150 92 120 70 92M100 195c4-45 14-75 38-100M100 195c0-60 2-100 0-130'/%3E%3Cpath d='M100 65c-10-12-14-24-10-40 4 8 8 12 10 20 2-8 6-12 10-20 4 16 0 28-10 40z'/%3E%3Cpath d='M70 92c-14-4-24-14-26-30 8 6 14 6 20 6-4-6-4-12 0-20 10 10 12 24 6 44z'/%3E%3Cpath d='M138 95c14-4 24-14 26-30-8 6-14 6-20 6 4-6 4-12 0-20-10 10-12 24-6 44z'/%3E%3Cpath d='M100 140c-16-2-28-8-36-20 10 2 18 2 24 6M100 160c16-2 28-8 36-20-10 2-18 2-24 6'/%3E%3Ccircle cx='100' cy='30' r='3'/%3E%3C/svg%3E") no-repeat center/contain}
.qbox::after{right:10px;bottom:10px;width:200px;height:200px;opacity:.07}