:root{
  --tahini:#F3E4C4;
  --tahini-deep:#E9D3A6;
  --pomegranate:#8E1E30;
  --pomegranate-deep:#5E0F1E;
  --fig:#2E1720;
  --olive:#4F5B2C;
  --pistachio:#B7C95A;
  --saffron:#E39A2E;
  --ink:#2A1B14;
  --ink-soft:#5C4A3E;
  --white:#FFF9EE;
  --display:"Fraunces",Georgia,serif;
  --text:"Source Sans 3","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--tahini);color:var(--ink);font-family:var(--text);font-size:1.0625rem;line-height:1.6;}
body.lang-en .tr{display:none}
body.lang-tr .en{display:none}
a{color:var(--pomegranate)}
a:focus-visible,button:focus-visible{outline:3px solid var(--saffron);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.1;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.6rem,7vw,5.4rem);font-variation-settings:"opsz" 144,"SOFT" 60}
h2{font-size:clamp(1.9rem,4vw,3rem)}
h3{font-size:1.35rem;font-weight:600}
p{margin:0 0 1em;max-width:68ch}
.wrap{width:min(1100px,92vw);margin:0 auto}

/* top bar */
.bar{position:sticky;top:0;z-index:20;background:var(--fig);color:var(--tahini);display:flex;align-items:center;justify-content:space-between;padding:.7rem 4vw;gap:1rem}
.bar .brand{font-family:var(--display);font-size:1.05rem;text-decoration:none;color:var(--tahini)}
.bar nav{display:flex;gap:1.2rem;flex-wrap:wrap}
.bar nav a{color:var(--tahini);text-decoration:none;font-size:.95rem;opacity:.9}
.bar nav a:hover{opacity:1;text-decoration:underline;text-decoration-color:var(--saffron)}
.lang{display:flex;border:1px solid var(--tahini-deep);border-radius:999px;overflow:hidden}
.lang button{background:transparent;color:var(--tahini);border:0;padding:.35rem .9rem;font:inherit;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--saffron);color:var(--fig);font-weight:600}

/* hero */
.hero{background:var(--pomegranate);color:var(--tahini);padding:clamp(3rem,9vw,7rem) 0 0;position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:1}
.hero .kicker{font-family:var(--display);font-style:italic;font-size:1.2rem;color:var(--saffron);margin-bottom:1rem}
.hero p.lead{font-size:1.25rem;max-width:56ch;color:#F8E6D0}
.hero .chairs{display:flex;gap:.6rem;align-items:flex-end;margin:2.5rem 0 0;padding-bottom:3.5rem}
.hero .chair{width:clamp(38px,8vw,72px);aspect-ratio:1/1.35;border-radius:10px 10px 4px 4px;background:var(--pomegranate-deep);border:2px solid rgba(255,249,238,.25);display:grid;place-items:end center;font-family:var(--display);font-size:.8rem;padding-bottom:.4rem;color:#D9B4B9}
.hero .chair.fifth{background:var(--saffron);color:var(--fig);border-color:var(--saffron);transform:translateY(-10px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.hero .cloth{position:absolute;inset:auto 0 0 0;height:3.5rem;background:var(--tahini);clip-path:polygon(0 60%,100% 0,100% 100%,0 100%)}

/* sections */
section{padding:clamp(3rem,7vw,5.5rem) 0}
section+section{border-top:1px solid var(--tahini-deep)}
.eyebrow{font-family:var(--display);font-style:italic;color:var(--pomegranate);font-size:1.05rem;margin-bottom:.4rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
@media (max-width:760px){.two{grid-template-columns:1fr}}

.olive{background:var(--olive);color:var(--tahini)}
.olive .eyebrow{color:var(--pistachio)}
.olive a{color:var(--pistachio)}
.olive p{color:#EFE7CF}

/* principles */
.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem 2.2rem;margin-top:2rem}
.principle{border-top:3px solid var(--saffron);padding-top:1rem}
.principle h3{color:var(--tahini)}
.principle h3 span{display:block;font-style:italic;font-weight:400;color:var(--pistachio);font-size:1rem;margin-top:.15rem}
.principle p{font-size:1rem;color:#F1EBD6}

/* code table */
table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.98rem}
th,td{text-align:left;padding:.8rem .9rem;vertical-align:top;border-bottom:1px solid var(--tahini-deep)}
th{font-family:var(--display);font-weight:600;color:var(--pomegranate);font-size:1.05rem}
td.old{color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--pomegranate);text-decoration-thickness:2px}
td.tier{font-weight:600;color:var(--olive);white-space:nowrap}
.seven{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.seven span{background:var(--white);border:1px solid var(--tahini-deep);padding:.3rem .8rem;border-radius:999px;color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--pomegranate)}

/* five standards */
.standards{counter-reset:std;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}
.standard{background:var(--white);padding:1.4rem;border-radius:14px 14px 4px 4px;border-bottom:4px solid var(--olive)}
.standard h3{color:var(--olive);margin-bottom:.4rem}
.standard h3::before{counter-increment:std;content:counter(std);display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--saffron);color:var(--fig);font-size:.95rem;margin-right:.5rem;font-family:var(--text)}
.standard p{font-size:.98rem;margin:0}

/* menu card */
.menucard{background:var(--white);border:1px solid var(--tahini-deep);padding:2rem;border-radius:6px;box-shadow:0 20px 40px rgba(46,23,32,.12);max-width:720px;margin:2rem auto 0;position:relative}
.menucard::before{content:"";position:absolute;inset:8px;border:1px solid var(--saffron);pointer-events:none}
.menucard h3{font-family:var(--display);font-size:2rem;text-align:center;color:var(--pomegranate);letter-spacing:.06em}
.menucard p{text-align:center;margin-inline:auto}
.menucard .tiers{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.2rem;font-size:.92rem}
.menucard .tiers span{border:1px solid var(--olive);color:var(--olive);padding:.25rem .7rem;border-radius:4px}

/* vision */
.vision{background:var(--fig);color:var(--tahini)}
.vision .eyebrow{color:var(--saffron)}
.vision p{color:#EBD8C6}
.vision blockquote{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1.25;margin:1.5rem 0;color:var(--tahini);max-width:26ch;border-left:4px solid var(--saffron);padding-left:1.2rem}
.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem;margin-top:2rem}
.phase{border-top:2px solid var(--saffron);padding-top:.9rem}
.phase h3{color:var(--saffron);font-size:1.15rem}
.phase p{font-size:.98rem}

/* LCCC embed */
.embed{background:var(--white);border:1px solid var(--tahini-deep);border-radius:12px;overflow:hidden;margin-top:2rem}
.embed .head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.2rem;background:var(--tahini-deep);flex-wrap:wrap}
.embed .head strong{font-family:var(--display);font-weight:600}
.embed iframe{width:100%;height:min(70vh,720px);border:0;display:block;background:#fff}
.btn{display:inline-block;background:var(--pomegranate);color:var(--tahini);text-decoration:none;padding:.6rem 1.2rem;border-radius:999px;font-weight:600}
.btn:hover{background:var(--pomegranate-deep)}
.btn.ghost{background:transparent;border:1px solid var(--pomegranate);color:var(--pomegranate)}

/* pledge */
.pledge{background:var(--white);padding:2rem;border-left:6px solid var(--pomegranate);margin-top:2rem;font-family:var(--display);font-size:1.15rem;line-height:1.5}
.pledge p{max-width:60ch}
.notdo{columns:2;gap:2.5rem;margin:1.5rem 0;padding-left:1.2rem}
.notdo li{break-inside:avoid;margin-bottom:.6rem}
@media (max-width:700px){.notdo{columns:1}}

footer{background:var(--fig);color:#C9B4A6;padding:2.5rem 0;font-size:.9rem}
footer a{color:var(--saffron)}
footer p{max-width:none}

/* packaging & labelling */
.tiers3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;margin-top:1.5rem}
.tier-card{background:var(--white);border-radius:12px;padding:1.4rem;border-top:6px solid var(--saffron)}
.tier-card.pure{border-top-color:var(--pistachio)}
.tier-card.heritage{border-top-color:var(--pomegranate)}
.tier-card h3{font-size:1.25rem;margin-bottom:.3rem}
.tier-card p{font-size:.98rem;margin:0}
.claims{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:1.5rem}
.claim{background:var(--white);border:1px solid var(--tahini-deep);border-radius:10px;padding:1.1rem 1.2rem}
.claim h3{font-size:1.1rem;color:var(--pomegranate);margin-bottom:.5rem}
.claim .no{color:#7A2E3A;font-size:.95rem;margin:0 0 .4rem}
.claim .yes{color:var(--olive);font-size:.95rem;margin:0}
.checklist{list-style:none;padding:0;margin:1.5rem 0 0;counter-reset:chk;max-width:760px}
.checklist li{position:relative;padding:.8rem 0 .8rem 3rem;border-bottom:1px dashed var(--tahini-deep)}
.checklist li::before{counter-increment:chk;content:counter(chk);position:absolute;left:0;top:.7rem;width:2rem;height:2rem;border:2px solid var(--olive);border-radius:6px;display:grid;place-items:center;color:var(--olive);font-weight:600}

/* case study */
.case{background:var(--white)}
.case .hero-row{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;margin-top:1.5rem}
@media (max-width:760px){.case .hero-row{grid-template-columns:1fr}}
.case figure{margin:0}
.case figure img{width:100%;height:auto;border-radius:14px;display:block;box-shadow:0 18px 40px rgba(46,23,32,.15)}
.case figcaption{font-size:.85rem;color:var(--ink-soft);margin-top:.5rem}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0}
.fact{border-left:3px solid var(--saffron);padding-left:.8rem}
.fact strong{display:block;font-family:var(--display);font-size:1.4rem;color:var(--pomegranate);line-height:1.1}
.fact span{font-size:.9rem;color:var(--ink-soft)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
@media (max-width:640px){.gallery{grid-template-columns:1fr 1fr}}
.gallery figure img{aspect-ratio:1/1;object-fit:cover}
.lens{margin-top:2.5rem}
.lens table td:first-child{color:var(--ink-soft)}
.note{background:var(--tahini);border-left:4px solid var(--olive);padding:1rem 1.2rem;border-radius:6px;font-size:.95rem;margin-top:1.5rem}

/* table map */
.map{background:var(--tahini-deep)}
.map .frame{background:var(--white);border-radius:14px;padding:1rem;margin-top:1.5rem;box-shadow:0 18px 40px rgba(46,23,32,.15)}
.map .frame img{width:100%;height:auto;border-radius:8px;display:block}
.map .placeholder{aspect-ratio:4/3;display:grid;place-items:center;text-align:center;color:var(--ink-soft);border:2px dashed var(--olive);border-radius:8px;padding:2rem;font-family:var(--display);font-size:1.2rem}
.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 2rem;margin-top:1.5rem}
.legend div{padding-left:.8rem;border-left:3px solid var(--saffron)}
.legend div.pure{border-color:var(--pistachio)}
.legend div.heritage{border-color:var(--pomegranate)}
.legend h3{font-size:1.05rem;margin-bottom:.3rem}
.legend p{font-size:.95rem;margin:0}

.mapgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
@media (max-width:760px){.mapgrid{grid-template-columns:1fr}}
.cell{background:var(--white);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem;border-bottom:4px solid var(--saffron)}
.cell s{color:var(--ink-soft);text-decoration-color:var(--pomegranate);text-decoration-thickness:2px;font-size:.95rem}
.cell b{font-weight:600;font-size:1rem;line-height:1.4}
.cell i{font-style:normal;color:var(--olive);font-size:.85rem;font-weight:600;margin-top:auto}