/* zermisa — tasarım sistemi */
:root{
  --bg:#F6F1EA;
  --bg-2:#EFE7DC;
  --paper:#FFFDF9;
  --line:#E2D6C6;
  --ink:#1D1814;
  --ink-2:#5E5249;
  --ink-3:#8C7E72;
  --copper:#9E5534;
  --copper-2:#C47A55;
  --copper-soft:#F1DDD0;
  --espresso:#2A1F1A;
  --radius:18px;
  --radius-sm:10px;
  --shadow:0 30px 60px -40px rgba(42,31,26,.45);
  --serif:'Instrument Serif', Georgia, serif;
  --sans:'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wrap:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none !important; transition:none !important;}
}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--sans); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;}
img{max-width:100%; display:block;}
a{color:inherit;}
::selection{background:var(--copper); color:#fff;}
:focus-visible{outline:2px solid var(--copper); outline-offset:3px; border-radius:6px;}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 28px;}
@media (max-width:640px){ .wrap{padding:0 18px;} body{font-size:16px;} }

h1,h2,h3{font-weight:400; margin:0; line-height:1.05; letter-spacing:-.01em;}
.serif{font-family:var(--serif);}
.display{font-family:var(--serif); font-size:clamp(3rem, 8vw, 6.6rem); line-height:.98;}
.display em, .h2 em{font-style:italic; color:var(--copper);}
.h2{font-family:var(--serif); font-size:clamp(2.2rem, 4.6vw, 3.6rem);}
.h3{font-family:var(--sans); font-weight:600; font-size:1.12rem; letter-spacing:-.005em; line-height:1.3;}
.eyebrow{display:inline-flex; align-items:center; gap:10px; font-size:.76rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--copper);}
.eyebrow::before{content:""; width:22px; height:1px; background:currentColor;}
.brand-word{text-transform:none; letter-spacing:.04em; font-size:.92rem;}
.lead{font-size:clamp(1.08rem, 1.6vw, 1.28rem); color:var(--ink-2); max-width:640px;}
.muted{color:var(--ink-2);}
.small{font-size:.88rem;}

/* ---------- header ---------- */
.site-header{position:sticky; top:0; z-index:50; background:color-mix(in srgb, var(--bg) 86%, transparent); backdrop-filter:blur(14px) saturate(150%); border-bottom:1px solid transparent; transition:border-color .3s ease;}
.site-header.scrolled{border-color:var(--line);}
.nav{display:flex; align-items:center; justify-content:space-between; height:74px; gap:24px;}
.logo{font-family:var(--serif); font-size:1.85rem; text-decoration:none; letter-spacing:-.01em; display:flex; align-items:baseline; gap:2px;}
.logo .dot{width:7px; height:7px; border-radius:50%; background:var(--copper); display:inline-block; margin-left:3px;}
.nav-links{display:flex; align-items:center; gap:4px; list-style:none; margin:0; padding:0;}
.nav-links a{display:block; text-decoration:none; font-size:.94rem; font-weight:500; color:var(--ink-2); padding:8px 14px; border-radius:999px; transition:color .2s ease, background .2s ease;}
.nav-links a:hover{color:var(--ink); background:var(--bg-2);}
.nav-links a[aria-current="page"]{color:var(--ink); background:var(--bg-2);}
.btn{display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-weight:600; font-size:.95rem; padding:13px 22px; border-radius:999px; border:1px solid var(--ink); background:var(--ink); color:var(--bg); transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; cursor:pointer; font-family:var(--sans);}
.btn:hover{background:var(--copper); border-color:var(--copper); transform:translateY(-2px);}
.btn.ghost{background:transparent; color:var(--ink);}
.btn.ghost:hover{background:var(--ink); color:var(--bg); border-color:var(--ink);}
.btn.small-btn{padding:9px 16px; font-size:.88rem;}
.btn svg{width:16px; height:16px;}
.menu-toggle{display:none; background:none; border:1px solid var(--line); border-radius:999px; width:44px; height:44px; align-items:center; justify-content:center; cursor:pointer; color:var(--ink);}
.menu-toggle svg{width:20px; height:20px;}
@media (max-width:960px){
  .menu-toggle{display:inline-flex;}
  .nav-right .btn{display:none;}
  .nav-links{position:fixed; inset:74px 0 auto 0; flex-direction:column; align-items:stretch; gap:0; background:var(--bg); border-bottom:1px solid var(--line); padding:12px 18px 22px; transform:translateY(-8px); opacity:0; pointer-events:none; transition:opacity .2s ease, transform .2s ease;}
  .nav-links.open{opacity:1; transform:none; pointer-events:auto;}
  .nav-links a{font-size:1.15rem; padding:14px 6px; border-radius:0; border-bottom:1px solid var(--line);}
  .nav-links a:hover, .nav-links a[aria-current="page"]{background:none; color:var(--copper);}
  .nav-links li.mobile-cta{display:block; margin-top:14px;}
  .nav-links .mobile-cta a{border:none; background:var(--ink); color:var(--bg); text-align:center; border-radius:999px; font-size:1rem;}
}
.nav-links .mobile-cta{display:none;}
.nav-right{display:flex; align-items:center; gap:10px;}

/* ---------- sections ---------- */
section{padding:110px 0;}
@media (max-width:640px){ section{padding:72px 0;} }
.section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:52px; flex-wrap:wrap;}
.section-head .h2{margin-top:14px;}
.section-head p{max-width:440px; margin:0; color:var(--ink-2);}
.divider{border:none; border-top:1px solid var(--line); margin:0;}

/* ---------- hero ---------- */
.hero{padding:70px 0 100px;}
.hero-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:64px; align-items:center;}
@media (max-width:900px){ .hero-grid{grid-template-columns:1fr; gap:44px;} }
.hero .display{margin:22px 0 26px;}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:34px;}
.hero-meta{display:flex; gap:28px; flex-wrap:wrap; margin-top:44px; padding-top:26px; border-top:1px solid var(--line);}
.hero-meta div{font-size:.86rem; color:var(--ink-3);}
.hero-meta strong{display:block; font-family:var(--serif); font-weight:400; font-size:2rem; color:var(--ink); line-height:1.1;}
.portrait{position:relative; max-width:330px; justify-self:end; width:100%;}
@media (max-width:900px){ .portrait{justify-self:start; max-width:260px;} }
.portrait-frame{border-radius:240px 240px var(--radius) var(--radius); overflow:hidden; background:var(--bg-2); box-shadow:var(--shadow); aspect-ratio:4/5;}
.portrait-frame img{width:100%; height:100%; object-fit:cover; object-position:center 20%;}
.portrait-badge{position:absolute; left:-26px; bottom:38px; background:var(--paper); border:1px solid var(--line); border-radius:999px; padding:12px 18px 12px 14px; display:flex; align-items:center; gap:10px; font-size:.86rem; font-weight:500; box-shadow:var(--shadow);}
@media (max-width:640px){ .portrait-badge{left:12px; bottom:16px;} }
.pulse{width:9px; height:9px; border-radius:50%; background:#3E9B67; position:relative; flex-shrink:0;}
.pulse::after{content:""; position:absolute; inset:-5px; border-radius:50%; background:#3E9B67; opacity:.35; animation:pulse 2s ease-out infinite;}
@keyframes pulse{0%{transform:scale(.5); opacity:.5;} 100%{transform:scale(1.8); opacity:0;}}
.portrait-sign{position:absolute; right:-6px; top:18px; font-family:var(--serif); font-style:italic; font-size:1.5rem; color:var(--copper); transform:rotate(-6deg);}

/* page hero (inner pages) */
.page-hero{padding:80px 0 60px;}
.page-hero .display{font-size:clamp(2.8rem, 7vw, 5.4rem); margin:20px 0 22px;}

/* ---------- marquee ---------- */
.marquee{border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; padding:22px 0; background:var(--paper);}
.marquee-track{display:flex; gap:48px; width:max-content; animation:marquee 38s linear infinite;}
.marquee span{font-family:var(--serif); font-size:1.7rem; white-space:nowrap; color:var(--ink-2); display:flex; align-items:center; gap:48px;}
.marquee span::after{content:"✦"; font-size:.9rem; color:var(--copper);}
@keyframes marquee{to{transform:translateX(-50%);}}

/* ---------- cards ---------- */
.grid{display:grid; gap:20px;}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}
@media (max-width:960px){ .g3,.g4{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .g2,.g3,.g4{grid-template-columns:1fr;} }
.card{background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:30px; position:relative; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.card.hover:hover{transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--copper-2);}
.card .num{font-family:var(--serif); font-size:1.1rem; color:var(--copper); margin-bottom:28px; display:block;}
.card p{color:var(--ink-2); margin:10px 0 0; font-size:.98rem;}
.card .link{display:inline-flex; align-items:center; gap:8px; margin-top:22px; font-weight:600; font-size:.92rem; text-decoration:none; color:var(--ink);}
.card .link:hover{color:var(--copper);}
.card-icon{width:46px; height:46px; border-radius:12px; background:var(--copper-soft); color:var(--copper); display:flex; align-items:center; justify-content:center; margin-bottom:24px;}
.card-icon svg{width:22px; height:22px;}
.pill{display:inline-flex; align-items:center; gap:6px; font-size:.74rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:5px 11px; border-radius:999px; background:var(--bg-2); color:var(--ink-2);}
.pill.soon{background:var(--copper-soft); color:var(--copper);}
.card-top{display:flex; justify-content:space-between; align-items:flex-start; gap:12px;}

/* stats */
.stats{display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
@media (max-width:760px){ .stats{grid-template-columns:repeat(2,1fr);} }
.stat{padding:34px 24px; border-right:1px solid var(--line);}
.stat:last-child{border-right:none;}
@media (max-width:760px){ .stat:nth-child(2){border-right:none;} .stat:nth-child(-n+2){border-bottom:1px solid var(--line);} }
.stat strong{display:block; font-family:var(--serif); font-weight:400; font-size:clamp(2.6rem, 5vw, 3.6rem); line-height:1; color:var(--ink);}
.stat span{display:block; margin-top:10px; color:var(--ink-2); font-size:.92rem;}

/* dark band */
.band{background:var(--espresso); color:#F3EBE2;}
.band .h2, .band h3{color:#fff;}
.band .muted, .band p{color:#CDBFB3;}
.band .eyebrow{color:var(--copper-2);}
.band .card{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12);}
.band .card p{color:#CDBFB3;}
.band .btn{background:#F3EBE2; color:var(--espresso); border-color:#F3EBE2;}
.band .btn:hover{background:var(--copper-2); border-color:var(--copper-2); color:#fff;}
.band .btn.ghost{background:transparent; color:#F3EBE2; border-color:rgba(255,255,255,.4);}

/* list rows (blog) */
.rows{border-top:1px solid var(--line);}
.row{display:grid; grid-template-columns:140px 1fr auto; gap:28px; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); text-decoration:none; transition:padding .25s ease;}
.row:hover{padding-left:10px;}
.row .date{font-size:.84rem; color:var(--ink-3);}
.row h3{font-family:var(--serif); font-size:clamp(1.5rem, 2.6vw, 2rem); line-height:1.15;}
.row p{margin:6px 0 0; color:var(--ink-2); font-size:.95rem;}
@media (max-width:700px){ .row{grid-template-columns:1fr; gap:8px;} }

/* timeline */
.timeline{position:relative;}
.t-item{display:grid; grid-template-columns:220px 1fr; gap:40px; padding:40px 0; border-top:1px solid var(--line);}
.t-item:last-child{border-bottom:1px solid var(--line);}
@media (max-width:760px){ .t-item{grid-template-columns:1fr; gap:14px;} }
.t-when{font-size:.88rem; color:var(--ink-3);}
.t-when strong{display:block; color:var(--ink); font-size:1rem; font-weight:600; margin-bottom:4px;}
.t-body h3{font-family:var(--serif); font-size:2rem; line-height:1.1;}
.t-body .org{color:var(--copper); font-weight:500; margin:6px 0 18px;}
.t-body ul{margin:0; padding:0; list-style:none;}
.t-body li{position:relative; padding-left:22px; margin-bottom:10px; color:var(--ink-2);}
.t-body li::before{content:""; position:absolute; left:0; top:.72em; width:10px; height:1px; background:var(--copper);}
.t-group{font-weight:600; color:var(--ink); margin:22px 0 10px; font-size:.95rem;}
.t-group:first-of-type{margin-top:0;}

/* tags */
.tags{display:flex; flex-wrap:wrap; gap:8px;}
.tag{font-size:.86rem; padding:7px 14px; border-radius:999px; border:1px solid var(--line); background:var(--paper); color:var(--ink-2);}

/* filter */
.filters{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:34px;}
.filters button{font-family:var(--sans); font-size:.9rem; font-weight:500; padding:9px 18px; border-radius:999px; border:1px solid var(--line); background:var(--paper); color:var(--ink-2); cursor:pointer; transition:all .2s ease;}
.filters button:hover{border-color:var(--ink);}
.filters button[aria-pressed="true"]{background:var(--ink); color:var(--bg); border-color:var(--ink);}

/* split */
.split{display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:start;}
@media (max-width:900px){ .split{grid-template-columns:1fr; gap:36px;} }
.sticky{position:sticky; top:110px;}
@media (max-width:900px){ .sticky{position:static;} }
.prose p{color:var(--ink-2); margin:0 0 20px; font-size:1.08rem;}
.prose p:first-child{font-size:1.3rem; color:var(--ink); line-height:1.5;}
.quote{font-family:var(--serif); font-size:clamp(1.8rem, 3.4vw, 2.6rem); line-height:1.2; margin:0;}
.quote em{color:var(--copper);}

/* CTA box */
.cta-box{background:var(--copper); color:#fff; border-radius:28px; padding:clamp(40px, 7vw, 80px); display:grid; grid-template-columns:1.3fr .7fr; gap:40px; align-items:end; position:relative; overflow:hidden;}
.cta-box::after{content:"z"; position:absolute; right:-10px; bottom:-120px; font-family:var(--serif); font-style:italic; font-size:26rem; line-height:1; color:rgba(255,255,255,.08); pointer-events:none;}
@media (max-width:800px){ .cta-box{grid-template-columns:1fr;} }
.cta-box .h2{color:#fff;}
.cta-box p{color:rgba(255,255,255,.85); margin:18px 0 0; max-width:520px;}
.cta-box .btn{background:#fff; color:var(--copper); border-color:#fff; position:relative; z-index:1;}
.cta-box .btn:hover{background:var(--espresso); color:#fff; border-color:var(--espresso);}
.cta-actions{display:flex; flex-direction:column; gap:12px; align-items:flex-start; position:relative; z-index:1;}
.cta-box .btn.ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.55);}

/* newsletter */
.newsletter{display:flex; gap:10px; margin-top:26px; max-width:480px; flex-wrap:wrap;}
.newsletter input{flex:1; min-width:220px; font-family:var(--sans); font-size:1rem; padding:14px 20px; border-radius:999px; border:1px solid var(--line); background:var(--paper); color:var(--ink);}
.newsletter input:focus{outline:2px solid var(--copper); outline-offset:1px;}
.form-note{font-size:.82rem; color:var(--ink-3); margin-top:12px;}

/* contact */
.contact-list{border-top:1px solid var(--line);}
.contact-item{display:flex; justify-content:space-between; align-items:center; gap:20px; padding:26px 0; border-bottom:1px solid var(--line); text-decoration:none; transition:color .2s ease, padding .25s ease;}
.contact-item:hover{color:var(--copper); padding-left:10px;}
.contact-item .k{font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); min-width:130px;}
.contact-item .v{font-family:var(--serif); font-size:clamp(1.5rem, 3vw, 2.2rem); flex:1; word-break:break-word;}
.contact-item svg{width:22px; height:22px; flex-shrink:0;}
@media (max-width:640px){ .contact-item{flex-wrap:wrap; gap:6px;} .contact-item .k{min-width:100%;} }

/* lang bars */
.lang{display:grid; grid-template-columns:120px 1fr 150px; gap:18px; align-items:center; padding:16px 0; border-bottom:1px solid var(--line);}
.lang .bar{height:4px; background:var(--bg-2); border-radius:4px; overflow:hidden;}
.lang .bar i{display:block; height:100%; background:var(--copper); border-radius:4px;}
.lang span:last-child{text-align:right; color:var(--ink-3); font-size:.88rem;}
@media (max-width:560px){ .lang{grid-template-columns:90px 1fr; } .lang span:last-child{grid-column:1 / -1; text-align:left;} }

/* empty state */
.empty{border:1.5px dashed var(--line); border-radius:var(--radius); padding:46px 30px; text-align:center; background:transparent;}
.empty .h3{margin-bottom:8px;}

/* footer */
.site-footer{background:var(--espresso); color:#CDBFB3; padding:90px 0 36px; margin-top:0;}
.footer-top{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:60px; border-bottom:1px solid rgba(255,255,255,.12);}
@media (max-width:860px){ .footer-top{grid-template-columns:1fr 1fr;} }
@media (max-width:520px){ .footer-top{grid-template-columns:1fr;} }
.footer-brand .logo{color:#fff; font-size:2.6rem;}
.footer-brand p{margin:14px 0 0; max-width:300px; font-size:.95rem;}
.site-footer h4{margin:0 0 16px; font-size:.76rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--copper-2);}
.site-footer ul{list-style:none; margin:0; padding:0;}
.site-footer li{margin-bottom:10px;}
.site-footer a{text-decoration:none; color:#E9DFD5; font-size:.95rem; transition:color .2s ease;}
.site-footer a:hover{color:var(--copper-2);}
.footer-big{font-family:var(--serif); font-size:clamp(4rem, 17vw, 15rem); line-height:.85; color:rgba(255,255,255,.06); text-align:center; margin:40px 0 10px; letter-spacing:-.02em; user-select:none;}
.footer-bottom{display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:.84rem; color:#9C8D80;}

/* reveal */
.reveal{opacity:0; transform:translateY(22px); transition:opacity .8s ease, transform .8s ease;}
.reveal.in{opacity:1; transform:none;}
.no-js .reveal{opacity:1; transform:none;}

/* =========================================================
   GLASSMORPHISM KATMANI
   ========================================================= */
:root{
  --glass:rgba(255,253,249,.46);
  --glass-strong:rgba(255,253,249,.62);
  --glass-line:rgba(255,255,255,.7);
  --glass-shadow:0 1px 0 rgba(255,255,255,.75) inset, 0 24px 50px -30px rgba(70,40,25,.35);
  --blur:blur(22px) saturate(165%);
}
body{background:#F3ECE3; position:relative; overflow-x:hidden;}
main, .site-footer, .marquee{position:relative; z-index:1;}

/* arka plan ışık küreleri */
.bg-orbs{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden;}
.bg-orbs i{position:absolute; border-radius:50%; filter:blur(70px); opacity:.75; animation:orb 26s ease-in-out infinite alternate;}
.bg-orbs i:nth-child(1){width:520px; height:520px; left:-140px; top:-120px; background:radial-gradient(circle at 30% 30%, #F2C3A7, #E39A76 60%, transparent 70%);}
.bg-orbs i:nth-child(2){width:460px; height:460px; right:-120px; top:18%; background:radial-gradient(circle at 40% 40%, #F4D6DC, #E6A9B6 60%, transparent 70%); animation-duration:32s;}
.bg-orbs i:nth-child(3){width:420px; height:420px; left:22%; bottom:-160px; background:radial-gradient(circle at 50% 50%, #EAD9C2, #CFAE86 60%, transparent 70%); animation-duration:38s;}
.bg-orbs i:nth-child(4){width:300px; height:300px; right:18%; bottom:10%; background:radial-gradient(circle, #D9CDEB, #B9A6D8 60%, transparent 70%); opacity:.45; animation-duration:30s;}
@keyframes orb{0%{transform:translate(0,0) scale(1);} 50%{transform:translate(60px,40px) scale(1.08);} 100%{transform:translate(-40px,70px) scale(.95);}}

/* header cam */
.site-header{background:rgba(255,253,249,.38); backdrop-filter:var(--blur); -webkit-backdrop-filter:var(--blur); border-bottom:1px solid rgba(255,255,255,.55);}
.site-header.scrolled{border-color:rgba(255,255,255,.75); box-shadow:0 10px 30px -24px rgba(70,40,25,.4);}
.nav-links a:hover, .nav-links a[aria-current="page"]{background:rgba(255,255,255,.55);}
@media (max-width:960px){
  .nav-links{background:rgba(250,245,239,.86); backdrop-filter:var(--blur); -webkit-backdrop-filter:var(--blur);}
  .nav-links a:hover, .nav-links a[aria-current="page"]{background:none;}
}

/* kartlar ve yüzeyler */
.card, .tag, .filters button, .newsletter input, .portrait-badge, .menu-toggle, .btn.ghost{
  background:var(--glass); backdrop-filter:var(--blur); -webkit-backdrop-filter:var(--blur);
  border-color:var(--glass-line);
}
.card{box-shadow:var(--glass-shadow);}
.card.hover:hover{border-color:rgba(255,255,255,.95); background:var(--glass-strong);}
.card-icon{background:rgba(158,85,52,.12); border:1px solid rgba(255,255,255,.7);}
.pill{background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.7);}
.pill.soon{background:rgba(196,122,85,.16); border-color:rgba(196,122,85,.25);}
.empty{background:rgba(255,253,249,.28); border-color:rgba(158,85,52,.25); backdrop-filter:var(--blur); -webkit-backdrop-filter:var(--blur);}
.marquee{background:rgba(255,253,249,.4); backdrop-filter:var(--blur); -webkit-backdrop-filter:var(--blur); border-color:rgba(255,255,255,.7);}
.stats{background:var(--glass); backdrop-filter:var(--blur); -webkit-backdrop-filter:var(--blur); border:1px solid var(--glass-line); border-radius:var(--radius); box-shadow:var(--glass-shadow); overflow:hidden;}
.stat{border-color:rgba(255,255,255,.7);}
.portrait-frame{border:1px solid rgba(255,255,255,.8); box-shadow:0 0 0 8px rgba(255,255,255,.28), var(--shadow);}
.filters button[aria-pressed="true"]{background:var(--ink); color:var(--bg); border-color:var(--ink);}

/* koyu bant: koyu cam */
.band{background:transparent; position:relative; z-index:1;}
.band > .wrap{background:rgba(42,31,26,.78); backdrop-filter:var(--blur); -webkit-backdrop-filter:var(--blur); border:1px solid rgba(255,255,255,.12); border-radius:28px; padding:clamp(36px,6vw,72px); box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 40px 80px -40px rgba(42,31,26,.7);}
@media (max-width:640px){ .band > .wrap{margin:0 12px; padding:32px 22px;} }
.band .card{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); box-shadow:none;}
.band .t-item{border-color:rgba(255,255,255,.12) !important;}

/* CTA: bakır cam */
.cta-box{background:linear-gradient(135deg, rgba(158,85,52,.92), rgba(196,122,85,.86)); backdrop-filter:var(--blur); -webkit-backdrop-filter:var(--blur); border:1px solid rgba(255,255,255,.35); box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 0 40px 80px -40px rgba(158,85,52,.8);}
.cta-box .btn.ghost{background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.55); color:#fff;}

/* satır listeleri */
.rows, .row, .contact-list, .contact-item, .t-item, .lang{border-color:rgba(158,85,52,.16);}

/* footer koyu cam */
.site-footer{background:rgba(42,31,26,.9); backdrop-filter:var(--blur); -webkit-backdrop-filter:var(--blur);}

/* tarayıcı backdrop-filter desteklemiyorsa okunurluğu koru */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .card, .stats, .site-header, .marquee{background:rgba(255,253,249,.92);}
  .band > .wrap{background:var(--espresso);}
}

/* =========================================================
   MASKOT — sağ altta cam küre, iki göz
   ========================================================= */
.mascot{position:fixed; right:22px; bottom:22px; z-index:60; width:74px; height:74px; pointer-events:none; animation:float 5s ease-in-out infinite;}
.mascot-body{position:relative; width:100%; height:100%; border-radius:50%;
  background:radial-gradient(circle at 30% 25%, rgba(255,255,255,.95) 0 8%, rgba(255,255,255,.35) 22%, rgba(255,240,230,.18) 55%, rgba(196,122,85,.22) 100%);
  backdrop-filter:blur(10px) saturate(170%); -webkit-backdrop-filter:blur(10px) saturate(170%);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 1px 1px rgba(255,255,255,.9) inset, 0 -8px 18px rgba(158,85,52,.18) inset, 0 18px 30px -12px rgba(70,40,25,.45);
  display:flex; align-items:center; justify-content:center; gap:9px;}
.mascot-body::after{content:""; position:absolute; left:18%; right:18%; bottom:-14px; height:8px; border-radius:50%; background:rgba(70,40,25,.18); filter:blur(4px); animation:shadow 5s ease-in-out infinite;}
.eye{width:17px; height:21px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(70,40,25,.25) inset; display:flex; align-items:center; justify-content:center; overflow:hidden; transition:transform .12s ease;}
.pupil{width:9px; height:9px; border-radius:50%; background:var(--espresso); position:relative; will-change:transform;}
.pupil::after{content:""; position:absolute; width:3px; height:3px; border-radius:50%; background:#fff; top:1.5px; left:1.5px;}
.mascot.blink .eye{transform:scaleY(.1);}
@keyframes float{0%,100%{transform:translateY(0);} 50%{transform:translateY(-6px);}}
@keyframes shadow{0%,100%{transform:scaleX(1); opacity:1;} 50%{transform:scaleX(.82); opacity:.7;}}
@media (max-width:640px){ .mascot{width:58px; height:58px; right:14px; bottom:14px;} .mascot-body{gap:7px;} .eye{width:13px; height:16px;} .pupil{width:7px; height:7px;} }
@media print{ .mascot, .bg-orbs{display:none;} }
/* yazı / araç içerik tipografisi */
.article{padding:clamp(26px,5vw,56px);}
.article > *:first-child{margin-top:0;}
.article h2{font-family:var(--serif); font-size:clamp(1.7rem,3vw,2.3rem); margin:1.6em 0 .5em;}
.article h3{font-family:var(--sans); font-weight:600; font-size:1.2rem; margin:1.4em 0 .4em;}
.article p, .article li{color:var(--ink-2); font-size:1.06rem; line-height:1.75;}
.article a{color:var(--copper); text-underline-offset:3px;}
.article img{border-radius:var(--radius-sm); margin:1.4em 0; border:1px solid var(--glass-line);}
.article blockquote{margin:1.6em 0; padding:4px 0 4px 22px; border-left:2px solid var(--copper); font-family:var(--serif); font-size:1.4rem; color:var(--ink);}
.article pre{background:rgba(42,31,26,.88); color:#F3EBE2; padding:18px 20px; border-radius:var(--radius-sm); overflow-x:auto; font-size:.9rem;}
.article code{font-size:.92em;}
.article :not(pre) > code{background:rgba(158,85,52,.1); padding:2px 6px; border-radius:6px;}
.article hr{border:none; border-top:1px solid rgba(158,85,52,.2); margin:2em 0;}
a.row{color:inherit;}