:root{--deep:#14213D;--on-deep:#F7F3EC;--card:#fff;--body:#283048;--ivory:#F7F3EC;--sand:#EDE5D8;--ink:#14213D;--ink-2:#5E6577;--bronze:#9C7C50;--bronze-l:#C9B08A;--line:rgba(20,33,61,.13);--serif:'Cormorant Garamond',Garamond,'Times New Roman',serif;--sans:'Jost','Helvetica Neue',Arial,sans-serif;--w:1320px;--g:clamp(22px,4.5vw,72px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--ivory);font-size:16px;line-height:1.75;letter-spacing:.01em;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:1px solid var(--bronze);outline-offset:4px}
.w{max-width:var(--w);margin:0 auto;padding:0 var(--g)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:300;line-height:1.08;letter-spacing:.005em}
h2{font-size:clamp(40px,4.8vw,68px)}
.c{text-align:center}
.over{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);font-weight:400;margin-bottom:22px}
.rule{width:56px;height:1px;background:var(--bronze);margin:30px auto}
.rule.l{margin-left:0}
.lead{font-size:clamp(17px,1.3vw,19px);color:var(--ink-2);max-width:58ch}
.c .lead{margin:0 auto}
.more{display:inline-block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;padding-bottom:6px;border-bottom:1px solid var(--bronze);transition:color .3s}
.more:hover{color:var(--bronze)}
.btn{display:inline-block;font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;padding:18px 34px;border:1px solid var(--ink);background:var(--deep);color:var(--on-deep);transition:all .35s;cursor:pointer}
.btn:hover{background:transparent;color:var(--ink)}
.btn.ivo{background:var(--ivory);color:var(--ink);border-color:var(--on-deep)}
.btn.ivo:hover{background:transparent;color:var(--on-deep)}
.btn.ghost{background:transparent;color:var(--on-deep);border-color:rgba(247,243,236,.65)}
.btn.ghost:hover{background:var(--ivory);color:var(--ink)}
section{padding:clamp(96px,11vw,170px) 0}
.sec-head{margin-bottom:clamp(56px,6vw,96px)}

/* header */
header{position:fixed;inset:0 0 auto 0;z-index:20;padding-top:env(safe-area-inset-top,0px);color:var(--on-deep);transition:background .4s,color .4s,border-color .4s;border-bottom:1px solid rgba(247,243,236,.2)}
header.solid{background:var(--ivory);color:var(--ink);border-color:var(--line)}
.nav{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.menu{display:flex;gap:clamp(16px,1.8vw,28px);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:400}
.menu a{opacity:.85}.menu a:hover{opacity:1}
.logo{display:flex;align-items:center;gap:12px;justify-self:center}
.logo img{height:32px}.logo .wm{height:25px;transition:filter .4s}
header:not(.solid) .logo .wm{filter:brightness(0) invert(1)}
.right{justify-self:end;display:flex;gap:26px;align-items:center;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:400}
.right .hcta{padding:12px 20px;border:1px solid currentColor;transition:all .3s}
header.solid .hcta:hover{background:var(--deep);color:var(--on-deep)}
header:not(.solid) .hcta:hover{background:var(--ivory);color:var(--ink)}
.burger{display:none;background:none;border:0;font:inherit;color:inherit;letter-spacing:.2em;text-transform:uppercase;font-size:11.5px;cursor:pointer;justify-self:start}
.mobmenu{display:none}
@media(max-width:1180px){.menu{display:none}.burger{display:block}
  .mobmenu.open{display:flex;flex-direction:column;position:absolute;top:92px;left:0;right:0;background:var(--ivory);color:var(--ink);padding:28px var(--g) 40px;gap:12px;font-family:var(--serif);font-size:30px;border-bottom:1px solid var(--line);max-height:calc(100vh - 92px);overflow:auto}}
@media(max-width:600px){.right .hcta{display:none}.nav{grid-template-columns:auto 1fr auto}}

/* hero */
.hero{position:relative;height:100vh;min-height:680px;padding:0;color:var(--on-deep);overflow:hidden;background:#1c2236}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(12,18,34,.2) 0%,rgba(12,18,34,.58) 100%)}
.hero .in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px var(--g) 80px}
.hero .over{color:var(--bronze-l)}
.hero h1{font-size:clamp(54px,8vw,120px);max-width:12ch}
.hero h1 em{font-style:italic}
.hero p.sub{font-size:clamp(16px,1.3vw,19px);max-width:46ch;margin:30px 0 44px;color:rgba(247,243,236,.9)}
.hero .acts{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.scroll{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:1;width:1px;height:56px;background:rgba(247,243,236,.5)}

/* manifesto */
.mani .grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:start}
.mani figure{position:sticky;top:120px}
.mani figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
.mani figcaption{font-size:13px;color:var(--ink-2);margin-top:12px}
.mani h2{margin-bottom:8px}
.mani .q{font-family:var(--serif);font-size:clamp(26px,2.6vw,36px);line-height:1.35;margin:36px 0}
.mani p{color:var(--ink-2);margin-bottom:20px;max-width:60ch}
.mani h3{font-size:30px;margin:48px 0 16px}
.etym{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.etym div{padding:26px 0}
.etym b{display:block;font-family:var(--serif);font-weight:400;font-size:44px;line-height:1}
.etym span{color:var(--bronze);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.mani .sign{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--ink);margin-top:40px}
@media(max-width:900px){.mani .grid{grid-template-columns:1fr}.mani figure{position:static}}

/* trio */
.values{background:var(--sand);padding:clamp(72px,8vw,120px) 0}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.trio div{padding:8px 32px;text-align:center}
.trio div+div{border-left:1px solid var(--line)}
.trio h3{font-size:28px;margin-bottom:12px}
.trio p{font-size:15px;color:var(--ink-2);max-width:32ch;margin:0 auto}
@media(max-width:860px){.trio{grid-template-columns:1fr}.trio div{padding:28px 0}.trio div+div{border-left:0;border-top:1px solid var(--line)}}

/* journey */
.journey .wrap2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:center}
.journey img{width:100%;aspect-ratio:3/4;object-fit:cover}
.journey ol{list-style:none;margin-top:44px;counter-reset:s}
.journey li{counter-increment:s;display:grid;grid-template-columns:64px 1fr;padding:26px 0;border-top:1px solid var(--line)}
.journey li:last-child{border-bottom:1px solid var(--line)}
.journey li::before{content:counter(s,upper-roman);font-family:var(--serif);font-size:22px;color:var(--bronze)}
.journey li b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.2;margin-bottom:6px}
.journey li span{font-size:15px;color:var(--ink-2);display:block}
@media(max-width:860px){.journey .wrap2{grid-template-columns:1fr}.journey img{aspect-ratio:4/3}}

/* programs */
.programs{background:var(--sand)}
.prow{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:center}
.prow+.prow{margin-top:clamp(64px,7vw,120px)}
.prow.rev{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.prow.rev figure{order:2}
.prow figure{overflow:hidden}
.prow img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.prow:hover img{transform:scale(1.03)}
.prow h3{font-size:clamp(34px,3.4vw,50px);margin-bottom:18px}
.prow p{color:var(--ink-2);margin-bottom:22px;max-width:46ch}
.prow ul{list-style:none;margin:0 0 30px;border-top:1px solid var(--line);max-width:46ch}
.prow li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.prow .meta{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--bronze);margin-bottom:12px}
@media(max-width:860px){.prow,.prow.rev{grid-template-columns:1fr}.prow.rev figure{order:0}}

/* services */
.svc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);padding:clamp(48px,5vw,72px) 0;border-top:1px solid var(--line);align-items:start}
.svc:last-child{border-bottom:1px solid var(--line)}
.svc figure img{width:100%;aspect-ratio:5/4;object-fit:cover}
.svc .k{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--bronze);margin-bottom:8px}
.svc h3{font-size:clamp(34px,3.2vw,46px);margin-bottom:14px}
.svc .intro{color:var(--ink-2);margin-bottom:28px;max-width:56ch}
.svc dl div{padding:18px 0;border-top:1px solid var(--line)}
.svc dt{font-family:var(--serif);font-size:24px;font-weight:400;margin-bottom:4px}
.svc dd{font-size:15px;color:var(--ink-2);max-width:60ch}
@media(max-width:860px){.svc{grid-template-columns:1fr}}

/* tech */
.tech{background:var(--deep);color:var(--on-deep)}
.tech .lead{color:#B8BDCB}
.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(150px,15vw,220px);gap:14px}
.mosaic figure{position:relative;overflow:hidden;background:#22304f}
.mosaic img{width:100%;height:100%;object-fit:cover}
.mosaic figcaption{position:absolute;left:22px;bottom:18px;font-family:var(--serif);font-size:24px;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.m1{grid-column:1/6;grid-row:span 3}.m2{grid-column:6/13;grid-row:span 2}.m3{grid-column:6/9}.m4{grid-column:9/13}
.devices{margin-top:clamp(64px,7vw,100px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(32px,5vw,80px)}
.devices h4{font-size:12px;font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-l);font-weight:400;margin-bottom:12px}
.devices dl div{padding:20px 0;border-top:1px solid rgba(247,243,236,.16)}
.devices dt{font-family:var(--serif);font-size:24px;margin-bottom:4px}
.devices dd{font-size:15px;color:#B8BDCB}
@media(max-width:860px){.mosaic{grid-auto-rows:200px}.m1,.m2,.m3,.m4{grid-column:1/-1;grid-row:span 1}.devices{grid-template-columns:1fr}.devices>div+div{margin-top:40px}}

/* board */
.names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--bronze-l)}
.names div{padding:34px 12px 36px;border-bottom:1px solid var(--line);text-align:center}
.names b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(25px,2.1vw,30px);line-height:1.2;margin-bottom:8px}
.names span{font-size:14px;color:var(--ink-2)}
.partners{margin-top:clamp(72px,8vw,110px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;text-align:left}
.partners div{border-top:1px solid var(--line);padding-top:20px}
.partners b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15;margin-bottom:8px}
.partners span{font-size:14px;color:var(--ink-2)}
@media(max-width:1000px){.partners{grid-template-columns:1fr 1fr}}@media(max-width:860px){.names{grid-template-columns:1fr 1fr}}@media(max-width:560px){.names,.partners{grid-template-columns:1fr}}

/* team */
.team{background:var(--sand)}
.team figure img{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:50% 30%}
.team figcaption{font-size:13px;color:var(--ink-2);margin-top:12px}
.people{margin-top:clamp(48px,5vw,72px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.people div{padding:24px 0;border-top:1px solid var(--line)}
.people b{display:block;font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.2;margin-bottom:4px}
.people span{font-size:14px;color:var(--ink-2)}
@media(max-width:860px){.people{grid-template-columns:1fr 1fr}}@media(max-width:560px){.people{grid-template-columns:1fr}}

/* place */
.place{padding-bottom:0}
.place .photo img{width:100%;height:clamp(320px,46vw,660px);object-fit:cover;object-position:50% 70%}
.exp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,64px);margin:clamp(56px,6vw,90px) auto clamp(56px,6vw,90px)}
.exp h3{font-size:30px;margin-bottom:12px}
.exp p{font-size:15px;color:var(--ink-2)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--sand)}
.facts div{padding:44px 24px;text-align:center;border-right:1px solid var(--line)}
.facts div:last-child{border-right:0}
.facts b{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(36px,3.4vw,50px);line-height:1}
.facts span{font-size:14px;color:var(--ink-2);display:block;margin-top:10px}
@media(max-width:860px){.exp{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* journal */
.jc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;text-align:left}
.jc a .ph{aspect-ratio:4/5;overflow:hidden;margin-bottom:26px;background:var(--sand)}
.jc img{width:100%;height:100%;object-fit:cover;transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.jc a:hover img{transform:scale(1.03)}
.jc .by{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:400}
.jc h3{font-size:clamp(26px,2.2vw,32px);margin:10px 0 12px}
.jc p{font-size:15px;color:var(--ink-2)}
.mag{margin-top:clamp(72px,8vw,110px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:40px clamp(24px,4vw,56px);background:var(--sand);text-align:left}
.mag h3{font-size:clamp(28px,2.6vw,38px)}
.mag p{color:var(--ink-2);font-size:15px;margin-top:6px}
@media(max-width:860px){.jc{grid-template-columns:1fr;gap:56px}}

/* faq */
.faq{background:var(--sand)}
.faq .grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(40px,6vw,96px)}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:26px 40px 26px 0;position:relative;font-family:var(--serif);font-size:clamp(22px,1.9vw,27px);line-height:1.3}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:1px solid var(--bronze);border-bottom:1px solid var(--bronze);transform:translateY(-70%) rotate(45deg);transition:transform .3s}
details[open] summary::after{transform:translateY(-20%) rotate(-135deg)}
details p{padding:0 40px 28px 0;color:var(--ink-2);max-width:68ch}
@media(max-width:860px){.faq .grid{grid-template-columns:1fr}}

/* contact */
.contact{position:relative;color:var(--on-deep);background:#1c2236;overflow:hidden}
.contact>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.contact .w{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px)}
.contact .over{color:var(--bronze-l)}
.contact h2{font-size:clamp(44px,5vw,76px)}
.contact .lead{color:rgba(247,243,236,.88);margin:24px 0 40px}
.contact dl{display:grid;gap:20px;font-size:15px}
.contact dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-l);margin-bottom:4px}
.contact dd a:hover{color:var(--bronze-l)}
form{background:var(--ivory);color:var(--ink);padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}
form .full{grid-column:1/-1}
label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px;font-weight:400}
input,select,textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid rgba(20,33,61,.3);padding:10px 0;border-radius:0;-webkit-appearance:none;appearance:none}
textarea{min-height:96px;resize:vertical}
select{background-image:linear-gradient(45deg,transparent 50%,var(--bronze) 50%),linear-gradient(135deg,var(--bronze) 50%,transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 7px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.check{text-transform:none;letter-spacing:0;display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--ink-2);line-height:1.6}
.check input{width:16px;height:16px;margin-top:3px;-webkit-appearance:auto;appearance:auto;accent-color:var(--ink);flex:none}
.err{color:#9B2C2C;font-size:13px;margin-top:6px;min-height:0}
.ok{grid-column:1/-1;font-family:var(--serif);font-size:22px;color:var(--ink)}
@media(max-width:900px){.contact .w{grid-template-columns:1fr}form{grid-template-columns:1fr}}

footer{background:var(--ivory);padding:72px 0 calc(44px + env(safe-area-inset-bottom,0px));font-size:14px;color:var(--ink-2)}
.fgrid{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));gap:32px}
.fgrid h4{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:400;margin-bottom:14px}
.fgrid ul{list-style:none}
.fgrid li{padding:4px 0}
.fgrid a:hover{color:var(--ink)}
.flogo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.flogo img:first-child{height:32px}.flogo img:last-child{height:25px}
.disc{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.7;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.disc p{max-width:90ch}
@media(max-width:860px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}}

@media (prefers-reduced-motion:no-preference){
  .hero>img{transform:scale(1.08);animation:z 3s cubic-bezier(.2,.7,.2,1) forwards}
  .hero .in>*{opacity:0;transform:translateY(14px);animation:in 1.2s cubic-bezier(.2,.7,.2,1) forwards}
  .hero .in>*:nth-child(2){animation-delay:.2s}.hero .in>*:nth-child(3){animation-delay:.4s}.hero .in>*:nth-child(4){animation-delay:.55s}
  @keyframes z{to{transform:none}}@keyframes in{to{opacity:1;transform:none}}
}

/* icons */
.ic{display:block;font-size:34px;color:var(--bronze);margin-bottom:18px;line-height:1}
.c .ic,.trio .ic,.facts .ic{margin-left:auto;margin-right:auto;width:max-content}
dt i,.contact dt i{font-size:22px;color:var(--bronze);margin-right:12px;vertical-align:-4px}
.devices dt i{color:var(--bronze-l)}
.prow li{display:flex;gap:12px;align-items:baseline}.prow li i{color:var(--bronze);font-size:15px;flex:none}
.exp .ic{font-size:30px}
.facts .ic{font-size:28px;margin-bottom:14px}
.wa{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:30;width:56px;height:56px;border-radius:50%;background:var(--deep);color:var(--on-deep);display:grid;place-items:center;font-size:26px;box-shadow:0 6px 24px rgba(20,33,61,.25);transition:transform .3s,background .3s}
.wa:hover{transform:translateY(-3px);background:var(--bronze)}
.more::after{content:"";display:block;height:1px;background:var(--deep);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1);margin-top:-1px;position:relative;top:6px}
.more:hover::after{transform:scaleX(1)}
.mosaic figure img{transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}.mosaic figure:hover img{transform:scale(1.05)}
.names div,.people div,.partners div{transition:background .4s}
.names div:hover{background:rgba(201,176,138,.08)}
summary{transition:color .3s}summary:hover{color:var(--bronze)}
details p{animation:none}
/* motion */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(32px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}
  .rv.in{opacity:1;transform:none}
  .fr{overflow:hidden}
  .fr img{transform:scale(1.14);clip-path:inset(18% 0 0 0);transition:transform 1.8s cubic-bezier(.2,.7,.2,1),clip-path 1.4s cubic-bezier(.2,.7,.2,1)}
  .fr.in img{transform:scale(1);clip-path:inset(0 0 0 0)}
  .rule{transform:scaleX(0);transition:transform 1.2s cubic-bezier(.2,.7,.2,1) .2s}
  .rule.in{transform:scaleX(1)}
  .scroll{animation:pulse 2.4s ease-in-out infinite;transform-origin:top}
  @keyframes pulse{0%{transform:translateX(-50%) scaleY(0)}50%{transform:translateX(-50%) scaleY(1)}100%{transform:translateX(-50%) scaleY(1);opacity:0}}
  details[open] p{animation:dd .5s ease}
  @keyframes dd{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
}

/* ===== inner pages ===== */
.phero{position:relative;height:72vh;min-height:520px;padding:0;color:var(--on-deep);overflow:hidden;background:#1c2236}
.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,18,34,.45) 0%,rgba(12,18,34,.25) 45%,rgba(12,18,34,.65) 100%)}
.phero .in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:120px var(--g) clamp(56px,8vh,96px)}
.phero .over{color:var(--bronze-l)}
.phero h1{font-size:clamp(46px,6.4vw,96px);max-width:16ch}
.phero p{font-size:clamp(16px,1.3vw,19px);max-width:52ch;margin-top:22px;color:rgba(247,243,236,.9)}
.crumb{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);padding:22px 0;border-bottom:1px solid var(--line)}
.crumb a:hover{color:var(--bronze)}
.crumb span{margin:0 10px;color:var(--bronze)}
.doc{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:clamp(40px,6vw,110px);align-items:start}
.toc{position:sticky;top:120px;font-size:14px}
.toc p{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px;font-weight:400}
.toc ol{list-style:none;border-top:1px solid var(--line)}
.toc li a{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink-2);transition:color .3s,padding .3s}
.toc li a:hover,.toc li a.act{color:var(--ink);padding-left:8px}
.prose{max-width:72ch}
.prose>p:first-child{font-family:var(--serif);font-size:clamp(24px,2.2vw,31px);line-height:1.4;color:var(--ink);margin-bottom:36px}
.prose h2{font-size:clamp(32px,3vw,44px);margin:72px 0 22px;scroll-margin-top:120px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:clamp(24px,2vw,28px);margin:40px 0 12px;font-weight:400}
.prose p{color:var(--ink-2);margin-bottom:20px;font-size:17px;line-height:1.85}
.prose strong{font-weight:400;color:var(--ink)}
.prose ul,.prose ol.list{margin:8px 0 28px;padding:0;list-style:none;border-top:1px solid var(--line)}
.prose ul li,.prose ol.list li{padding:13px 0 13px 30px;border-bottom:1px solid var(--line);color:var(--ink-2);position:relative;font-size:16px}
.prose ul li::before{content:"";position:absolute;left:4px;top:23px;width:10px;height:1px;background:var(--bronze)}
.prose ol.list{counter-reset:o}
.prose ol.list li{counter-increment:o}
.prose ol.list li::before{content:counter(o,upper-roman);position:absolute;left:0;font-family:var(--serif);color:var(--bronze)}
.prose ul li b,.prose ol.list li b{font-weight:400;color:var(--ink)}
.prose blockquote{font-family:var(--serif);font-size:clamp(26px,2.4vw,34px);line-height:1.35;color:var(--ink);border-left:1px solid var(--bronze);padding:6px 0 6px 32px;margin:44px 0}
.prose figure{margin:44px 0}
.prose figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.prose figcaption{font-size:13px;color:var(--ink-2);margin-top:10px}
.note{background:var(--sand);padding:26px 30px;margin:36px 0;font-size:15px;color:var(--ink-2);border-left:1px solid var(--bronze)}
.note b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;color:var(--ink);margin-bottom:6px}
.prose table{width:100%;border-collapse:collapse;margin:20px 0 36px;font-size:15px}
.prose th,.prose td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze)}
.prose td{color:var(--ink-2)}.prose td:first-child{color:var(--ink);font-family:var(--serif);font-size:19px}
.tablewrap{overflow-x:auto}
@media(max-width:900px){.doc{grid-template-columns:1fr}.toc{position:static}}
.cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.cardgrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{display:block;background:var(--ivory)}
.sand .card{background:var(--ivory)}
.card .ph{aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.card:hover .ph img{transform:scale(1.04)}
.card .tx{padding:28px 4px 8px}
.card .k{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:19px;margin-bottom:6px}
.card h3{font-size:clamp(26px,2.2vw,32px);margin-bottom:12px}
.card p{font-size:15px;color:var(--ink-2);margin-bottom:18px}
@media(max-width:900px){.cardgrid,.cardgrid.two{grid-template-columns:1fr}}
.sand{background:var(--sand)}
.area{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,80px);padding:56px 0;border-top:1px solid var(--line)}
.area:last-child{border-bottom:1px solid var(--line)}
.area h3{font-size:clamp(32px,3vw,44px)}
.area .k{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:20px;margin-bottom:8px}
.area p{color:var(--ink-2);margin:14px 0 0}
.links{list-style:none;border-top:1px solid var(--line)}
.links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:clamp(22px,2vw,27px);transition:color .3s,padding .3s}
.links a span{font-family:var(--sans);font-size:14px;color:var(--ink-2);max-width:40ch;text-align:right}
.links a:hover{color:var(--bronze);padding-left:10px}
@media(max-width:860px){.area{grid-template-columns:1fr}.links a{flex-direction:column;align-items:flex-start}.links a span{text-align:left}}
.member{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);padding:44px 0;border-top:1px solid var(--line)}
.member:last-child{border-bottom:1px solid var(--line)}
.member h3{font-size:clamp(28px,2.6vw,36px)}
.member .role{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:19px;margin-top:6px}
.member p{color:var(--ink-2);margin-bottom:14px}
@media(max-width:860px){.member{grid-template-columns:1fr}}
.ctaband{background:var(--deep);color:var(--on-deep);text-align:center}
.ctaband h2{color:var(--on-deep)}
.ctaband .over{color:var(--bronze-l)}
.ctaband p.lead{color:#B8BDCB;margin:22px auto 40px}
.ctaband .acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.pager{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:40px 0;border-top:1px solid var(--line);margin-top:80px}
.pager a{font-family:var(--serif);font-size:24px}
.pager a small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze)}
.pager a:hover{color:var(--bronze)}
.map{width:100%;height:420px;border:0;filter:grayscale(.6) contrast(1.05)}
.legal .prose h2{font-size:30px;margin-top:48px}
.draft{background:#FFF7E6;border:1px solid #E8D3A8;padding:16px 20px;font-size:14px;color:#6B5323;margin-bottom:36px}
.menu a.on{opacity:1;border-bottom:1px solid currentColor;padding-bottom:3px}
@media (prefers-reduced-motion:no-preference){
  .phero>img{transform:scale(1.06);animation:z 2.6s cubic-bezier(.2,.7,.2,1) forwards}
  .phero .in>*{opacity:0;transform:translateY(14px);animation:in 1.1s cubic-bezier(.2,.7,.2,1) forwards}
  .phero .in>*:nth-child(2){animation-delay:.15s}.phero .in>*:nth-child(3){animation-delay:.3s}
}

.phero>video,.hero>video,.vband>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vband{position:relative;min-height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--on-deep);overflow:hidden;background:#1c2236}
.vband::after{content:"";position:absolute;inset:0;background:rgba(12,18,34,.48)}
.vband .w{position:relative;z-index:1}
.vband .vq{font-family:var(--serif);font-size:clamp(32px,4.2vw,62px);line-height:1.18;max-width:22ch;margin:0 auto}
.vband .over{color:var(--bronze-l)}


/* ===== HOME v2 ===== */
.hx .hin{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(64px,10vh,120px)}
.hx::after{background:linear-gradient(180deg,rgba(12,18,34,.35) 0%,rgba(12,18,34,.05) 40%,rgba(12,18,34,.7) 100%)}
.hx .over{color:var(--bronze-l)}
.hx h1{font-size:clamp(64px,11vw,184px);line-height:.88;letter-spacing:-.01em}
.hx h1 span{display:block;overflow:hidden}
.hx h1 span:nth-child(2){padding-left:clamp(40px,12vw,220px)}
.hx h1 em{font-style:italic;color:var(--bronze-l)}
.hfoot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px solid rgba(247,243,236,.25)}
.hfoot p{max-width:44ch;color:rgba(247,243,236,.88);font-size:clamp(16px,1.2vw,18px)}
.hfoot .acts{display:flex;gap:12px;flex-wrap:wrap}
@media (prefers-reduced-motion:no-preference){
  .hx h1 span>*,.hx h1 span{animation:none}
  .hx h1 span{opacity:0;transform:translateY(60px);animation:in 1.4s cubic-bezier(.16,.8,.2,1) forwards}
  .hx h1 span:nth-child(2){animation-delay:.25s}
}
.intro2 .igrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:center}
.intro2 h2{font-size:clamp(42px,5vw,72px)}
.intro2 .q{font-family:var(--serif);font-size:clamp(24px,2.3vw,32px);line-height:1.35;margin-bottom:22px}
.intro2 .muted{color:var(--ink-2);margin-bottom:30px;max-width:52ch}
.intro2 .muted b{font-weight:400;color:var(--ink)}
.icollage{position:relative;height:clamp(460px,52vw,700px)}
.icollage figure{position:absolute;overflow:hidden}
.icollage img{width:100%;height:100%;object-fit:cover}
.icollage .c1{right:0;top:0;width:72%;height:78%}
.icollage .c2{left:0;bottom:0;width:44%;height:52%;border:10px solid var(--ivory)}
.cbadge{position:absolute;right:6%;bottom:4%;background:var(--deep);color:var(--on-deep);width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--serif);font-size:30px}
.cbadge span{color:var(--bronze-l)}.cbadge b{font-weight:300}
@media(max-width:900px){.intro2 .igrid{grid-template-columns:1fr}.cbadge{width:110px;height:110px;font-size:22px}}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;background:var(--ivory)}
.mtrack{display:flex;gap:36px;width:max-content;white-space:nowrap;font-family:var(--serif);font-style:italic;font-size:clamp(26px,2.6vw,40px);color:var(--ink)}
.mtrack i{font-style:normal;color:var(--bronze);font-size:.5em;align-self:center}
@media (prefers-reduced-motion:no-preference){.mtrack{animation:mq 60s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(48px,6vw,88px)}
.shead h2{font-size:clamp(42px,5vw,72px)}
.shead .lead{max-width:46ch}
.progs{background:var(--sand)}
.pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pc{position:relative;display:block;height:clamp(460px,46vw,640px);overflow:hidden;color:var(--on-deep);background:#1c2236}
.pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 2s cubic-bezier(.2,.7,.2,1)}
.pc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,18,34,0) 35%,rgba(12,18,34,.82) 100%);transition:background .6s}
.pc .pt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:32px}
.pc .k{font-family:var(--serif);font-style:italic;color:var(--bronze-l);font-size:19px}
.pc h3{font-size:clamp(30px,2.6vw,38px);margin:6px 0 12px}
.pc p{font-size:15px;color:rgba(247,243,236,.85);max-height:0;opacity:0;overflow:hidden;transition:max-height .6s,opacity .6s,margin .6s}
.pc .more{border-color:var(--bronze-l)}.pc .more::after{background:var(--ivory)}
.pc:hover img{transform:scale(1.06)}
.pc:hover p{max-height:120px;opacity:1;margin-bottom:18px}
@media(hover:none){.pc p{max-height:none;opacity:1;margin-bottom:18px}}
@media(max-width:900px){.pcards{grid-template-columns:1fr}.pc{height:460px}}
.parallax{position:relative;min-height:88vh;display:flex;align-items:center;color:var(--on-deep);background:var(--bg) center/cover fixed;text-align:center}
.parallax::before{content:"";position:absolute;inset:0;background:rgba(12,18,34,.45)}
.parallax .w{position:relative}
.parallax .over{color:var(--bronze-l)}
.pq{font-family:var(--serif);font-size:clamp(34px,4.6vw,68px);line-height:1.15;max-width:20ch;margin:0 auto}
.ps{margin:28px auto 0;max-width:44ch;color:rgba(247,243,236,.85)}
@supports (-webkit-touch-callout:none){.parallax{background-attachment:scroll}}
.svc2{padding-bottom:0}
.panels{display:flex;height:clamp(520px,62vw,760px)}
.panel{position:relative;flex:1;overflow:hidden;color:var(--on-deep);transition:flex 1s cubic-bezier(.2,.7,.2,1);background:#1c2236}
.panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 2s}
.panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,18,34,.15),rgba(12,18,34,.8))}
.panel .pin{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(24px,3vw,44px)}
.panel .k{font-family:var(--serif);font-style:italic;color:var(--bronze-l);font-size:20px}
.panel h3{font-size:clamp(30px,3vw,46px);margin:6px 0 16px}
.panel ul{list-style:none;max-height:0;opacity:0;overflow:hidden;transition:max-height .8s,opacity .8s;border-top:1px solid rgba(247,243,236,.3)}
.panel li a{display:block;padding:10px 0;border-bottom:1px solid rgba(247,243,236,.15);font-size:15px}
.panel li a:hover{color:var(--bronze-l)}
.panel:hover{flex:1.8}.panel:hover img{transform:scale(1.04)}.panel:hover ul{max-height:220px;opacity:1}
@media(hover:none),(max-width:900px){.panels{flex-direction:column;height:auto}.panel{height:480px}.panel ul{max-height:none;opacity:1}}
.board2 .names{border-top-color:var(--bronze-l)}
.place2{background:var(--sand)}
.place2 .pgrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,100px);align-items:center}
.place2 figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.place2 h2{font-size:clamp(38px,4vw,58px)}
.place2 .muted{color:var(--ink-2);margin-bottom:32px}
.f4{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-bottom:32px}
.f4 div{border-top:1px solid var(--line);padding:18px 0}
.f4 i{color:var(--bronze);font-size:24px;display:block;margin-bottom:6px}
.f4 b{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(30px,2.6vw,40px);line-height:1.1}
.f4 span{font-size:14px;color:var(--ink-2)}
@media(max-width:900px){.place2 .pgrid{grid-template-columns:1fr}}
.finale{position:relative;color:var(--on-deep);background:var(--bg) center/cover;min-height:80vh;display:flex;align-items:center}
.finale::before{content:"";position:absolute;inset:0;background:rgba(12,18,34,.55)}
.finale .w{position:relative}
.finale .over{color:var(--bronze-l)}
.finale h2{font-size:clamp(46px,6vw,92px)}
.finale .lead{color:rgba(247,243,236,.88);margin:22px auto 40px}
.finale .acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* inner hero: stronger */
.phero{height:82vh}
.phero h1{font-size:clamp(52px,7.2vw,112px)}
.phero::after{background:linear-gradient(180deg,rgba(12,18,34,.4) 0%,rgba(12,18,34,.1) 40%,rgba(12,18,34,.72) 100%)}

/* ===== dropdown ===== */
.menu{align-items:center}
.dd{position:relative}
.ddt{display:inline-flex;align-items:center;gap:6px;padding:34px 0}
.ddt i{font-size:10px;opacity:.7;transition:transform .3s}
.dd:hover .ddt i,.dd:focus-within .ddt i{transform:rotate(180deg)}
.ddm{position:absolute;top:100%;left:-24px;min-width:260px;background:var(--ivory);color:var(--ink);padding:18px 24px 22px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(20,33,61,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .3s,visibility .3s;text-transform:none;letter-spacing:0;font-size:15px;font-weight:300;z-index:40}
.ddm.cols2{min-width:540px;display:grid;grid-template-columns:repeat(2,1fr);column-gap:32px}.ddm.cols3{min-width:760px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px}.ddm.cols3,.ddm.cols2{left:50%;transform:translate(-50%,8px)}.dd:hover .ddm.cols3,.dd:focus-within .ddm.cols3,.dd:hover .ddm.cols2,.dd:focus-within .ddm.cols2{transform:translate(-50%,0)}
.right .ddm{left:auto;right:-24px}
.dd:hover .ddm,.dd:focus-within .ddm{opacity:1;visibility:visible;transform:none}
.ddm a{display:block;padding:9px 0;border-bottom:1px solid var(--line);opacity:1;transition:color .25s,padding .25s}
.ddm a:hover{color:var(--bronze);padding-left:6px}
.ddm .ddh{grid-column:1/-1;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin:14px 0 4px;font-weight:400}
.ddm .ddh:first-child{margin-top:0}
.ddc .ddh{margin-top:0}
.mobmenu details.mg{border-bottom:1px solid var(--line)}
.mobmenu summary{list-style:none;cursor:pointer;padding:12px 0;font-family:var(--serif);font-size:28px}
.mobmenu summary::-webkit-details-marker{display:none}
.mobmenu details a{display:block;font-family:var(--sans);font-size:16px;padding:8px 0 8px 14px;color:var(--ink-2)}
.mobmenu .ddh{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);padding:12px 0 2px 14px}
.mobmenu .mlink{font-family:var(--serif);font-size:28px;padding:14px 0}
.mobmenu.open{gap:0}
/* ===== profile & person cards ===== */
.prof{padding:150px 0 72px;background:var(--sand)}
.pgrid2{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(40px,6vw,100px);align-items:end}
.prof figure{background:#e4dccd;overflow:hidden}
.prof figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.prof h1{font-size:clamp(46px,5.6vw,84px);margin-bottom:14px}
.prof .role{font-family:var(--serif);font-style:italic;font-size:clamp(20px,1.8vw,26px);color:var(--bronze);margin-bottom:28px}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.tags span{border:1px solid var(--bronze-l);padding:7px 14px;font-size:13px;color:var(--ink-2)}
@media(max-width:860px){.pgrid2{grid-template-columns:1fr}.prof{padding-top:120px}}
.pgridc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.pcard{display:block}
.pcard .ph{aspect-ratio:4/5;overflow:hidden;background:var(--sand);margin-bottom:22px}
.pcard .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(.15);transition:transform 1.6s cubic-bezier(.2,.7,.2,1),filter .6s}
.pcard:hover .ph img{transform:scale(1.04);filter:none}
.pcard h3{font-size:clamp(25px,2vw,30px);margin-bottom:6px}
.pcard p{font-size:15px;color:var(--ink-2);margin-bottom:14px}
.pcard .role2{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:18px;margin-bottom:10px}
.initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:72px;color:var(--bronze);background:var(--sand)}
@media(max-width:900px){.pgridc{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pgridc{grid-template-columns:1fr}}
.boardph{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.boardph a{display:block}
.boardph .ph{aspect-ratio:3/4;overflow:hidden;background:var(--sand);margin-bottom:14px}
.boardph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(.2);transition:filter .5s,transform 1.4s}
.boardph a:hover img{filter:none;transform:scale(1.04)}
.boardph b{display:block;font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.2}
.boardph span{font-size:13px;color:var(--ink-2)}
@media(max-width:1000px){.boardph{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.boardph{grid-template-columns:1fr 1fr}}
.menu a.ddt.on{padding-bottom:34px;border-bottom:0;text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--bronze)}
/* ===== logo slider ===== */
.logos{padding:64px 0 72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.logos.sand{background:var(--sand);border:0}
.logos .over{margin-bottom:36px}
.ltrack-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.ltrack{display:flex;align-items:center;gap:clamp(48px,6vw,96px);width:max-content}
.lg{height:64px;display:flex;align-items:center;flex:none}
.lg img{max-height:56px;max-width:190px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .4s,opacity .4s}
.lg:hover img{filter:none;opacity:1}
@media (prefers-reduced-motion:no-preference){.ltrack{animation:lmq 40s linear infinite}.ltrack-wrap:hover .ltrack{animation-play-state:paused}@keyframes lmq{to{transform:translateX(-33.333%)}}}
/* ===== v4 improvements ===== */
@media(max-width:900px){.doc{grid-template-columns:minmax(0,1fr)}}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--deep);color:#fff;padding:10px 16px;font-size:14px}
.skip:focus{top:12px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 28px}
.chip{border:1px solid var(--bronze-l);padding:9px 16px;font-size:14px;color:var(--ink);transition:background .3s,color .3s}
.chip:hover{background:var(--deep);color:var(--on-deep);border-color:var(--ink)}
.start{border-top:1px solid var(--line)}
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);counter-reset:s}
.steps3>div{border-top:1px solid var(--ink);padding-top:26px}
.steps3 span{font-family:var(--serif);font-size:30px;color:var(--bronze)}
.steps3 h3{font-size:clamp(26px,2.2vw,32px);margin:10px 0 10px}
.steps3 p{color:var(--ink-2);font-size:16px}
@media(max-width:860px){.steps3{grid-template-columns:1fr}}
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--bronze);z-index:60;transition:width .1s linear}
.rtime{margin-top:18px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-l)}
.totop{position:fixed;right:22px;bottom:92px;z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--ivory);color:var(--ink);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .35s}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop:hover{background:var(--deep);color:var(--on-deep)}
.mbar{display:none}
@media(max-width:760px){
  .wa{display:none}
  .mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--ivory);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
  .mbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;font-size:12px;letter-spacing:.06em;color:var(--ink)}
  .mbar a i{font-size:20px}
  .mbar a.on{background:var(--deep);color:var(--on-deep)}
  body{padding-bottom:64px}
  .totop{bottom:84px;right:16px}
}
.cookie{position:fixed;left:24px;bottom:24px;z-index:70;max-width:440px;background:var(--ivory);border:1px solid var(--line);box-shadow:0 24px 60px rgba(20,33,61,.16);padding:24px 26px;font-size:14px;color:var(--ink-2);transform:translateY(20px);opacity:0;transition:all .5s}
.cookie.show{transform:none;opacity:1}
.cookie b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;color:var(--ink);margin-bottom:6px}
.cookie a{text-decoration:underline}
.cookie .cb{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.cookie .btn{padding:12px 18px}
@media(max-width:760px){.cookie{left:12px;right:12px;bottom:76px;max-width:none}}
.e404{min-height:90vh;display:flex;align-items:center;text-align:center;padding-top:120px}
.e404 h1{font-size:clamp(80px,14vw,200px);line-height:.9;color:var(--bronze-l)}
@media print{header,footer,.mbar,.wa,.totop,.cookie,.ctaband,.toc{display:none!important}.phero{height:auto;color:var(--ink);background:none}.phero>img,.phero>video,.phero::after{display:none}}
.pubs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.pub{border-top:1px solid var(--line);padding:32px 0 36px}
.pub .k{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:18px;margin-bottom:8px}
.pub h3{font-size:clamp(22px,1.8vw,26px);line-height:1.3;margin-bottom:10px}
.pub h3 a:hover{color:var(--bronze)}
.pub .au{font-size:14px;color:var(--ink-2);font-style:italic;margin-bottom:12px}
.pub p{font-size:15px;color:var(--ink-2);margin-bottom:16px}
@media(max-width:860px){.pubs{grid-template-columns:1fr}}
.right .ddm.cols2,.right .ddm.cols3{left:auto;right:-24px;transform:translateY(8px)}
.right .dd:hover .ddm.cols2,.right .dd:focus-within .ddm.cols2,.right .dd:hover .ddm.cols3,.right .dd:focus-within .ddm.cols3{transform:none}
.ddm.cols3,.ddm.cols2{max-width:calc(100vw - 48px)}
/* ===== readability + key facts ===== */
:root{--ink-2:#4A5163}
.prose{max-width:68ch}
.prose p,.prose ul li,.prose ol.list li{font-size:18px;line-height:1.85;color:var(--body)}
.prose>p:first-child{font-size:clamp(24px,2.1vw,30px);line-height:1.45}
.prose h2{margin-top:64px}
.prose h3{margin-top:36px}
.prose a:not(.more):not(.chip){text-decoration:underline;text-decoration-color:var(--bronze-l);text-underline-offset:3px}
.prose figure img{aspect-ratio:3/2;border-radius:0}
.prose details{border-top:1px solid var(--line)}
.prose details:last-of-type{border-bottom:1px solid var(--line)}
.prose summary{font-size:clamp(19px,1.6vw,22px)}
.facts2{padding:0;background:var(--sand);border-bottom:1px solid var(--line)}
.facts2 dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0}
.facts2 dl>div{padding:26px 22px 24px;border-left:1px solid var(--line)}
.facts2 dl>div:first-child{border-left:0;padding-left:0}
.facts2 dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:400;margin-bottom:6px}
.facts2 dd{font-family:var(--serif);font-size:20px;line-height:1.3;color:var(--ink)}
@media(max-width:700px){.facts2 dl{grid-template-columns:1fr 1fr}.facts2 dl>div{border-left:0;padding-left:0;border-top:1px solid var(--line)}.facts2 dd{font-size:18px}}
.tlist{margin-top:64px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.tlist p{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-l);margin-bottom:14px;font-weight:400}
.tlist ul{list-style:none;border-top:1px solid rgba(247,243,236,.2)}
.tlist li{border-bottom:1px solid rgba(247,243,236,.1)}
.tlist li a{display:block;padding:12px 0;font-family:var(--serif);font-size:19px;color:var(--on-deep);transition:color .3s,padding .3s}
.tlist li a:hover{color:var(--bronze-l);padding-left:6px}
@media(max-width:860px){.tlist{grid-template-columns:1fr 1fr}}
.f4 b span{font-size:inherit;color:inherit;display:inline}
/* ===== HOME v3 ===== */
.hx2>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:no-preference){.hx2>img{animation:kb 22s ease-out forwards}@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}}
.hx .tag{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.2vw,32px);color:var(--on-deep);margin-top:22px}
.btn.ghost.dk{color:var(--ink);border-color:var(--ink)}.btn.ghost.dk:hover{background:var(--deep);color:var(--on-deep)}
.why{padding:clamp(72px,8vw,120px) 0;border-bottom:1px solid var(--line)}
.whyq{font-family:var(--serif);font-size:clamp(30px,3.4vw,50px);line-height:1.2;text-align:center;max-width:24ch;margin:0 auto clamp(48px,6vw,80px)}
.trust{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust>div{padding:30px 20px;text-align:center;border-left:1px solid var(--line)}
.trust>div:first-child{border-left:0}
.trust i{font-size:32px;color:var(--bronze);display:block;margin-bottom:12px}
.trust b{display:block;font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.2;margin-bottom:6px}
.trust span{font-size:13.5px;color:var(--ink-2)}
@media(max-width:960px){.trust{grid-template-columns:1fr 1fr}.trust>div{border-left:0;border-top:1px solid var(--line)}.trust>div:last-child{grid-column:1/-1}}
.needs{background:var(--sand)}
.ngrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.need{display:flex;flex-direction:column;background:var(--ivory);padding:30px 24px 26px;border:1px solid transparent;transition:border-color .4s,transform .4s}
.need:hover{border-color:var(--bronze-l);transform:translateY(-4px)}
.need i{font-size:34px;color:var(--bronze);margin-bottom:18px}
.need h3{font-size:24px;line-height:1.2;margin-bottom:10px}
.need p{font-size:15px;color:var(--ink-2);margin-bottom:20px;flex:1}
.need .more{align-self:flex-start}
@media(max-width:1100px){.ngrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ngrid{grid-template-columns:1fr}}
.flag{padding:0;background:var(--ivory)}
.fgrid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:92vh}
.fgrid2 figure{overflow:hidden;background:#1c2236}
.fgrid2 figure img{width:100%;height:100%;object-fit:cover}
.ftx{padding:clamp(56px,7vw,120px) clamp(28px,6vw,110px);display:flex;flex-direction:column;justify-content:center}
.ftx h2{font-size:clamp(46px,5.4vw,80px)}
.ftx .k{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:22px;margin:8px 0 22px}
.ftx .lead{margin-bottom:32px}
.week{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);margin-bottom:28px}
.week>div{padding:20px 14px 18px 0}
.week i{font-size:28px;color:var(--bronze);display:block;margin-bottom:8px}
.week b{display:block;font-family:var(--serif);font-weight:400;font-size:21px}
.week span{font-size:14px;color:var(--ink-2)}
.incl{list-style:none;margin-bottom:36px}
.incl li{padding:9px 0 9px 26px;position:relative;font-size:16px;border-bottom:1px solid var(--line)}
.incl li::before{content:"";position:absolute;left:2px;top:20px;width:12px;height:1px;background:var(--bronze)}
.ftx .acts{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:960px){.fgrid2{grid-template-columns:1fr}.fgrid2 figure{height:60vh}}
.mgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.mini .ph{aspect-ratio:3/4;overflow:hidden;background:var(--sand);margin-bottom:16px}
.mini .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.mini:hover .ph img{transform:scale(1.05)}
.mini .k{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:17px}
.mini h3{font-size:clamp(22px,1.8vw,27px);margin:4px 0 6px}
.mini .d{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
@media(max-width:1100px){.mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.mgrid{grid-template-columns:1fr 1fr}}
.md{background:var(--sand)}
.mdgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:center}
.md figure{overflow:hidden;background:#e4dccd}
.md figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.md h2{font-size:clamp(40px,4.6vw,68px)}
.md .role{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:22px;margin:8px 0 26px}
.md .lead{margin-bottom:18px}
.md .acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
@media(max-width:900px){.mdgrid{grid-template-columns:1fr}}
.place3 .p3grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,6vw,100px);align-items:center}
.place3 figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:40% 70%}
.place3 h2{font-size:clamp(36px,3.8vw,56px);margin-bottom:28px}
.flow{list-style:none;counter-reset:f;border-top:1px solid var(--ink);margin-bottom:28px}
.flow li{counter-increment:f;display:grid;grid-template-columns:48px 1fr;padding:16px 0;border-bottom:1px solid var(--line)}
.flow li::before{content:counter(f,upper-roman);font-family:var(--serif);color:var(--bronze);font-size:20px;grid-row:1/3}
.flow b{font-family:var(--serif);font-weight:400;font-size:22px}
.flow span{font-size:15px;color:var(--ink-2)}
@media(max-width:900px){.place3 .p3grid{grid-template-columns:1fr}}
/* ===== icons everywhere ===== */
.over i,.k i,.btn i,.hcta i,.crumb i,.pager i,.toc p i,.footer h4 i,figcaption i,.tlist p i,.panel h3 i{font-size:1.15em;vertical-align:-.16em;margin-right:4px}
.btn i{font-size:1.25em;margin-right:6px}
.hcta i{margin-right:6px}
.facts2 dt i{font-size:16px;vertical-align:-3px;margin-right:4px}
.incl li{padding-left:28px}.incl li::before{display:none}.incl li i{position:absolute;left:0;top:12px;color:var(--bronze)}
.steps3 span i{font-size:26px;vertical-align:-4px;margin-right:6px}
.footer p a i{color:var(--bronze);margin-right:6px}
/* ===== quiz ===== */
.quiz{background:var(--ivory);padding:clamp(28px,4vw,56px);border:1px solid var(--line);scroll-margin-top:110px}
.qtop{display:flex;align-items:center;gap:24px;margin-bottom:28px}
.qcount{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.qcount b{color:var(--bronze);font-weight:400}
.qbar{flex:1;height:2px;background:var(--line);position:relative;overflow:hidden}
.qbar i{position:absolute;left:0;top:0;bottom:0;width:25%;background:var(--bronze);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.qback{background:none;border:0;cursor:pointer;font:inherit;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.qq{font-size:clamp(26px,2.6vw,38px);margin-bottom:28px}
.qstep{animation:qin .5s ease}
@keyframes qin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.quiz .need{font:inherit;text-align:left;cursor:pointer;color:inherit;border:1px solid var(--line);background:var(--ivory)}
.quiz .need.sel,.opt.sel{border-color:var(--bronze);background:var(--card)}
.qgo{margin-top:auto;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);display:inline-flex;align-items:center;gap:6px}
.need:hover .qgo i{transform:translateX(4px)}.qgo i{transition:transform .3s}
.ogrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ogrid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.opt{font:inherit;text-align:left;cursor:pointer;color:inherit;background:var(--ivory);border:1px solid var(--line);padding:28px 24px;display:flex;flex-direction:column;gap:8px;transition:border-color .3s,transform .3s}
.opt:hover{border-color:var(--bronze-l);transform:translateY(-3px)}
.opt i{font-size:34px;color:var(--bronze);margin-bottom:6px}
.opt b{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2}
.opt span{font-size:14.5px;color:var(--ink-2)}
@media(max-width:1000px){.ogrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ogrid,.ogrid.two{grid-template-columns:1fr}}
.qresult{animation:qin .6s ease}
.rgrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,4vw,64px)}
.rmain .ricon{width:72px;height:72px;border-radius:50%;background:var(--deep);color:var(--bronze-l);display:grid;place-items:center;font-size:34px;margin:18px 0 20px}
.rmain h3{font-size:clamp(36px,3.8vw,56px);line-height:1.05}
.rmain .k{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:21px;margin:8px 0 18px}
.rwhy{font-size:17px;color:var(--ink-2);max-width:56ch;margin-bottom:14px}
.rdur{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}
.rdur i{color:var(--bronze);font-size:18px;vertical-align:-3px}
.rmain ul{list-style:none;border-top:1px solid var(--line);margin-bottom:30px}
.rmain li{padding:10px 0;border-bottom:1px solid var(--line);font-size:16px;display:flex;gap:10px;align-items:center}
.rmain li i{color:var(--bronze)}
.rmain .acts{display:flex;gap:12px;flex-wrap:wrap}
.ralt{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,44px)}
.ralink{display:block;border:1px solid var(--line);padding:24px;margin:10px 0 24px;transition:border-color .3s}
.ralink:hover{border-color:var(--bronze)}
.ralink i{font-size:30px;color:var(--bronze);display:block;margin-bottom:10px}
.ralink b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2}
.ralink span{display:block;font-size:14px;color:var(--ink-2);margin:4px 0 8px}
.ralink em{font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
.rnote{font-size:14px;color:var(--ink-2);margin-bottom:20px}
.rnote i{color:var(--bronze);margin-right:4px}
.qreset{background:none;border:1px solid var(--ink);padding:12px 18px;font:inherit;font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:var(--ink)}
.qreset:hover{background:var(--deep);color:var(--on-deep)}
@media(max-width:900px){.rgrid{grid-template-columns:1fr}.ralt{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:28px}}
/* ===== v10: elegant & readable typography ===== */
:root{--ink-2:var(--ink-2)}
body{font-weight:400;color:var(--body);font-size:17px;letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p,li,dd{font-weight:400}
.lead{font-weight:400;color:var(--body);font-size:clamp(17px,1.25vw,19.5px);line-height:1.75}
h1,h2,h3,.whyq,.pq,.q,.vq{font-weight:500;letter-spacing:-.005em}
h3,.need h3,.mini h3,.card h3,.pcard h3,.flow b,.week b,.trust b,.opt b,.facts2 dd,.f4 b{font-weight:500}
.over{font-weight:500;font-size:12px;letter-spacing:.22em}
.menu a,.hcta,.btn,.more,.qcount,.qback,.mbar a{font-weight:500}
.menu a{font-size:12.5px;letter-spacing:.16em}
.btn{font-size:12.5px;letter-spacing:.16em;padding:17px 30px}
.prose p,.prose ul li,.prose ol.list li{font-size:18.5px;line-height:1.85;color:var(--body);font-weight:400}
.prose>p:first-child{font-weight:400;color:var(--ink)}
.card p,.need p,.pcard p,.mini .d,.flow span,.week span,.trust span,.tlist li a,.footer a,.footer p{font-weight:400}
.card p,.need p,.pcard p,.flow span,.trust span{font-size:15.5px;color:var(--ink-2)}
.k{font-weight:500}
.footer{font-size:15.5px}
.crumb,.crumb a{font-weight:500}
/* ===== why with image ===== */
.why .wgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,100px);align-items:center}
.wfig{position:relative;overflow:hidden;background:var(--sand)}
.wfig img{width:100%;aspect-ratio:4/5;object-fit:cover}
.wfig figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;color:var(--on-deep);font-family:var(--serif);font-style:italic;font-size:21px;background:linear-gradient(transparent,rgba(12,18,34,.7))}
.why .whyq{text-align:left;margin:16px 0 36px;max-width:none}
.why .trust{grid-template-columns:1fr 1fr;border:0}
.why .trust>div{text-align:left;border-left:0;border-top:1px solid var(--line);padding:20px 16px 18px 0;display:grid;grid-template-columns:44px 1fr;column-gap:8px}
.why .trust>div i{grid-row:1/3;font-size:30px;margin:2px 0 0}
.why .trust>div:last-child{grid-column:auto}
@media(max-width:900px){.why .wgrid{grid-template-columns:1fr}.why .trust{grid-template-columns:1fr}}
/* ===== start step images ===== */
.sfig{overflow:hidden;margin-bottom:22px;background:var(--sand)}
.sfig img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.steps3>div:hover .sfig img{transform:scale(1.04)}
.steps3>div{border-top:0;padding-top:0}
.pfig img{aspect-ratio:16/9}
/* ===== image quiz ===== */
.quiz{background:var(--ivory)}
.qgrid{display:grid;gap:18px}
.qgrid.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.qgrid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.qgrid.g2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.qc{font:inherit;color:inherit;text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);padding:0;display:flex;flex-direction:column;transition:border-color .35s,transform .35s,box-shadow .35s}
.qc:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(20,33,61,.12);border-color:var(--bronze-l)}
.qc.sel{border-color:var(--bronze);box-shadow:0 0 0 1px var(--bronze)}
.qimg{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.qgrid.g2 .qimg{aspect-ratio:16/9}
.qimg img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.qc:hover .qimg img{transform:scale(1.06)}
.qimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,18,34,.45))}
.qimg>i{position:absolute;left:16px;bottom:14px;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--ivory);color:var(--bronze);display:grid;place-items:center;font-size:26px}
.qtx{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px;flex:1}
.qtx b{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.2;color:var(--ink)}
.qtx>span{font-size:15px;color:var(--ink-2);line-height:1.55}
.qtx .qgo{font-style:normal;margin-top:auto;padding-top:8px}
@media(max-width:1100px){.qgrid.g5{grid-template-columns:repeat(3,minmax(0,1fr))}.qgrid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.qgrid.g5,.qgrid.g4,.qgrid.g2{grid-template-columns:1fr 1fr}.qtx b{font-size:19px}.qtx>span{display:none}}
.rhero{position:relative;height:clamp(220px,28vw,380px);overflow:hidden;margin:-8px 0 36px;background:var(--sand)}
.rhero img{width:100%;height:100%;object-fit:cover;animation:kb2 12s ease-out forwards}
@keyframes kb2{from{transform:scale(1.08)}to{transform:scale(1)}}
.rbadge{position:absolute;left:28px;bottom:-1px;width:84px;height:84px;background:var(--ivory);display:grid;place-items:center;font-size:40px;color:var(--bronze);border-radius:50% 50% 0 0}
.rmain .ricon{display:none}
.raimg{display:block;aspect-ratio:16/10;overflow:hidden;margin:-24px -24px 18px;background:var(--sand)}
.raimg img{width:100%;height:100%;object-fit:cover}
.qback[hidden],.qstep[hidden],.qresult[hidden]{display:none!important}
/* ===== hormesis ===== */
.horm{background:var(--deep);color:var(--on-deep)}
.horm .over{color:var(--bronze-l)}
.horm h2{font-size:clamp(56px,7vw,110px);line-height:.95;margin:6px 0 22px}
.horm .hq{font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.3vw,34px);line-height:1.3;color:var(--bronze-l);margin-bottom:26px;max-width:26ch}
.horm .lead{color:rgba(247,243,236,.86);margin-bottom:16px}
.hgrid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,6vw,100px);align-items:center}
.hfig{background:rgba(247,243,236,.04);border:1px solid rgba(247,243,236,.14);padding:clamp(20px,3vw,40px)}
.hfig figcaption{margin-top:18px;font-family:var(--serif);font-size:20px;color:rgba(247,243,236,.85)}
.hfig figcaption em{display:block;font-family:var(--sans);font-style:normal;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-l);margin-top:6px}
.hcurve{width:100%;height:auto;display:block}
.hcurve .hzone{fill:rgba(201,176,138,.10)}
.hcurve .hbase{stroke:rgba(247,243,236,.25);stroke-dasharray:4 6}
.hcurve .haxis{stroke:rgba(247,243,236,.35)}
.hcurve .hpath{fill:none;stroke:var(--bronze-l);stroke-width:3;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:0}
.hcurve .hdot{fill:var(--ivory)}
.hcurve .hlab{fill:rgba(247,243,236,.75);font-family:var(--sans);font-size:14px;text-anchor:middle}
.hcurve .hlab.b{fill:var(--bronze-l);font-weight:500}
.hcurve .hax{fill:rgba(247,243,236,.55);font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-anchor:middle}
@media (prefers-reduced-motion:no-preference){.hfig.rv .hpath{stroke-dashoffset:900;transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1) .3s}.hfig.rv.in .hpath{stroke-dashoffset:0}}
.hpils{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(56px,6vw,90px)}
.hpil{display:block;background:rgba(247,243,236,.04);border:1px solid rgba(247,243,236,.12);transition:border-color .4s,transform .4s}
.hpil:hover{border-color:var(--bronze-l);transform:translateY(-4px)}
.hpimg{display:block;aspect-ratio:4/3;overflow:hidden;background:#1c2236}
.hpimg img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.hpil:hover .hpimg img{transform:scale(1.06)}
.hptx{display:block;padding:20px 20px 22px}
.hptx i{font-size:28px;color:var(--bronze-l);display:block;margin-bottom:8px}
.hptx b{display:block;font-family:var(--serif);font-weight:500;font-size:26px;margin-bottom:6px}
.hptx span{font-size:15px;color:rgba(247,243,236,.78)}
@media(max-width:960px){.hgrid{grid-template-columns:1fr}.hpils{grid-template-columns:1fr 1fr}}
/* curve inside light article */
.prose .hcurve .hzone{fill:rgba(156,124,80,.10)}
.prose .hcurve .hbase{stroke:rgba(20,33,61,.25)}
.prose .hcurve .haxis{stroke:rgba(20,33,61,.35)}
.prose .hcurve .hpath{stroke:var(--bronze)}
.prose .hcurve .hdot{fill:var(--ink)}
.prose .hcurve .hlab{fill:var(--ink-2)}.prose .hcurve .hlab.b{fill:var(--bronze)}
.prose .hcurve .hax{fill:#6B7285}
.prose figure:has(.hcurve){background:var(--sand);padding:clamp(18px,3vw,36px)}
.hnote b i{color:var(--bronze);margin-right:4px}
/* ===== v13 tweaks ===== */
.why{padding-bottom:clamp(36px,4vw,56px);border-bottom:0}
.why+.intro2{padding-top:clamp(28px,3vw,48px)}
.why+.intro2 .igrid{border-top:1px solid var(--line);padding-top:clamp(48px,5vw,80px)}
.mtag{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(22px,1.9vw,28px);color:var(--bronze);margin-bottom:10px}
.mtag::after{content:"";width:56px;height:1px;background:var(--bronze-l)}
.mtag i{font-size:1.1em}
.intro2 .btn{margin-top:6px}
.mtrack span{display:inline-flex;align-items:center;gap:14px}
.mtrack span i{font-style:normal;font-size:.85em;color:var(--bronze)}
.mtrack .msep{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--bronze-l);align-self:center;margin:0 4px}
.needs{padding-top:clamp(56px,6vw,96px)}
.quiz{padding-top:clamp(32px,4vw,52px)}
.qhead{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.qhead h2{font-size:clamp(38px,4.4vw,64px)}
.qhead .lead{max-width:44ch;margin:0}
.qhead .lead span{display:block;font-size:14px;color:var(--bronze);margin-top:6px}
.parallax{background-position:center 35%}
.parallax::before{background:linear-gradient(180deg,rgba(12,18,34,.25),rgba(12,18,34,.6))}
.board2 .shead h2{font-size:clamp(48px,5.6vw,84px)}
/* ===== v14: tighter vertical rhythm ===== */
section{padding:clamp(64px,7vw,112px) 0}
.shead{margin-bottom:clamp(32px,4vw,60px)}
.sec-head{margin-bottom:clamp(32px,4vw,60px)}
section.joined{padding-top:clamp(8px,1.5vw,24px)}
section.joined>.w:first-child{border-top:1px solid var(--line);padding-top:clamp(48px,5vw,80px)}
.logos{padding:48px 0 52px}
.logos.joined{padding-top:12px}
.logos.joined>.w:first-child{border-top:0;padding-top:0}
.why+.intro2 .igrid{border-top:0;padding-top:0}
.prose h2{margin-top:52px}
.ctaband{padding:clamp(56px,6vw,96px) 0}
/* ===== v15: unified, solid home layout ===== */
:root{--h2:clamp(42px,4.6vw,68px)}
/* tek tip başlık ölçeği */
.shead h2,.qhead h2,.intro2 h2,.journey h2,.ftx h2,.md h2,.place2 h2,.board2 .shead h2,.horm .hgrid h2+.hq{ }
.shead h2,.qhead h2,.intro2 h2,.journey h2,.ftx h2,.md h2,.place2 h2,.board2 .shead h2{font-size:var(--h2);line-height:1.04}
/* her bölüm başlığının altında aynı bronz çizgi */
.shead h2::after,.qhead h2::after,.journey h2::after,.ftx h2::after,.md h2::after,.place2 h2::after{content:"";display:block;width:56px;height:1px;background:var(--bronze);margin-top:22px}
.tech .shead h2::after,.horm h2::after{background:var(--bronze-l)}
.intro2 .rule,.place2 .rule{display:none}
.intro2 h2{margin-bottom:22px}.intro2 h2::after{content:"";display:block;width:56px;height:1px;background:var(--bronze);margin-top:22px}
/* başlık + açıklama her bölümde aynı ızgara: solda başlık, sağda açıklama */
.shead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:end}
.shead .lead,.shead>.more,.shead>div:last-child:not(:first-child){justify-self:start}
.shead>a.more,.shead>div[style]{justify-self:end}
.qhead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:end}
@media(max-width:860px){.shead,.qhead{grid-template-columns:1fr}.shead>a.more,.shead>div[style]{justify-self:start}}
/* iki kolonlu bloklar: aynı oran, zikzak düzen, aynı görsel oranı */
.intro2 .igrid{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
.icollage{height:clamp(440px,44vw,620px)}
.journey .wrap2{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.journey .wrap2>figure{order:2}
.journey img{aspect-ratio:4/5}
.place2 .pgrid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.place2 .pgrid>figure{order:2}
.place2 figure img{aspect-ratio:4/5}
.md .mdgrid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
@media(max-width:900px){.journey .wrap2>figure,.place2 .pgrid>figure{order:0}}
/* metin satır uzunluğu */
.lead{max-width:56ch}
.journey ol,.flow,.place2 .muted{max-width:60ch}
/* görsellere ortak çerçeve dili */
.journey figure,.place2 figure,.md figure,.wfig{position:relative}
.journey figure::after,.place2 figure::after,.md figure::after{content:"";position:absolute;inset:14px;border:1px solid rgba(247,243,236,.55);pointer-events:none}
/* kart başlıkları aynı ölçü */
.pc h3,.panel h3,.hptx b,.qtx b{letter-spacing:-.005em}
.progs .pcards{gap:18px}
@media(max-width:900px){.intro2 .igrid,.journey .wrap2,.place2 .pgrid,.md .mdgrid{grid-template-columns:minmax(0,1fr)}.icollage{height:clamp(380px,90vw,520px)}}

/* ===== logolar her zaman renkli ===== */
.lg img{filter:none!important;opacity:1!important}
/* ===== TEMALAR ===== */
html[data-theme="koyu"]{--ivory:#0D111C;--sand:#141A28;--ink:#ECE5D8;--ink-2:#B3AC9F;--body:#D9D2C4;--bronze:#C6A56B;--bronze-l:#DCC596;--line:rgba(236,229,216,.13);--deep:#06080F;--on-deep:#ECE5D8;--card:#161C2B}
html[data-theme="koyu"] .logo .wm{filter:brightness(0) invert(.92)}
html[data-theme="koyu"] .prose figure:has(.hcurve){background:var(--sand)}
html[data-theme="koyu"] .lg{background:#F4EFE6;padding:10px 18px;border-radius:2px}
html[data-theme="koyu"] input,html[data-theme="koyu"] select,html[data-theme="koyu"] textarea{color:var(--ink)}
html[data-theme="koyu"] .cookie,html[data-theme="koyu"] .ddm{box-shadow:0 24px 60px rgba(0,0,0,.5)}
html[data-theme="adacayi"]{--ivory:#F2F1EA;--sand:#E2E4D6;--ink:#1D2B23;--ink-2:#4A564E;--body:#26332C;--bronze:#9A7B4F;--bronze-l:#C6B088;--line:rgba(29,43,35,.14);--deep:#1E3128;--on-deep:#F2F1EA;--card:#FBFBF7}
html[data-theme="adacayi"] .logo .wm{filter:brightness(0) saturate(100%) invert(14%) sepia(18%) saturate(900%) hue-rotate(95deg)}
html[data-theme="adacayi"] header:not(.solid) .logo .wm,html[data-theme="koyu"] header:not(.solid) .logo .wm{filter:brightness(0) invert(1)}
/* tema önizleme seçici */
.tpick{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:45;background:var(--ivory);border:1px solid var(--line);border-right:0;padding:12px 10px;display:flex;flex-direction:column;gap:10px;align-items:center;box-shadow:0 12px 40px rgba(0,0,0,.12)}
.tpick small{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);font-weight:500}
.tpick button{width:26px;height:26px;border-radius:50%;cursor:pointer;border:1px solid var(--line);padding:0;position:relative}
.tpick button.on{outline:1px solid var(--bronze);outline-offset:3px}
.tpick button[data-t="acik"]{background:linear-gradient(135deg,#F7F3EC 50%,#14213D 50%)}
.tpick button[data-t="koyu"]{background:linear-gradient(135deg,#0D111C 50%,#C6A56B 50%)}
.tpick button[data-t="adacayi"]{background:linear-gradient(135deg,#F2F1EA 50%,#1E3128 50%)}
.tpick button span{position:absolute;right:38px;top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--deep);color:var(--on-deep);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;opacity:0;pointer-events:none;transition:opacity .25s}
.tpick button:hover span{opacity:1}
@media(max-width:760px){.tpick{top:auto;bottom:140px;transform:none}}
/* ===== EK TEMALAR ===== */
html[data-theme="lacivert"]{--ivory:#0F1A33;--sand:#14223F;--ink:#F2ECE1;--ink-2:#B9B4A9;--body:#DCD5C8;--bronze:#C9A86A;--bronze-l:#E2CB97;--line:rgba(242,236,225,.14);--deep:#091228;--on-deep:#F2ECE1;--card:#172649}
html[data-theme="bordo"]{--ivory:#F7F2ED;--sand:#ECE0D7;--ink:#4A1421;--ink-2:#6F5359;--body:#3B1A21;--bronze:#A9804A;--bronze-l:#CFB07F;--line:rgba(74,20,33,.14);--deep:#3D0F1B;--on-deep:#F7EFE7;--card:#FFFCF9}
html[data-theme="mermer"]{--ivory:#FBFAF7;--sand:#F0EEE9;--ink:#121212;--ink-2:#55534F;--body:#1E1E1E;--bronze:#B08D4C;--bronze-l:#D6B977;--line:rgba(18,18,18,.12);--deep:#0B0B0B;--on-deep:#F6F3ED;--card:#FFFFFF}
html[data-theme="kum"]{--ivory:#F5F0E8;--sand:#E7DDCF;--ink:#3A2E26;--ink-2:#6C5F55;--body:#3A2E26;--bronze:#9D7B55;--bronze-l:#CAAC87;--line:rgba(58,46,38,.14);--deep:#2D231D;--on-deep:#F5F0E8;--card:#FCF9F4}
html[data-theme="petrol"]{--ivory:#F2F4F1;--sand:#E0E8E5;--ink:#0F3438;--ink-2:#4A6164;--body:#163A3E;--bronze:#A3824F;--bronze-l:#CCB184;--line:rgba(15,52,56,.14);--deep:#0C2B2F;--on-deep:#F2F4F1;--card:#FAFCFB}
html[data-theme="lacivert"] .logo .wm{filter:brightness(0) invert(.94)}
html[data-theme="lacivert"] .lg{background:#F4EFE6;padding:10px 18px;border-radius:2px}
html[data-theme="lacivert"] .prose figure:has(.hcurve){background:var(--sand)}
html[data-theme="mermer"] .logo .wm{filter:brightness(0)}
html[data-theme="bordo"] .logo .wm{filter:brightness(0) saturate(100%) invert(12%) sepia(55%) saturate(2600%) hue-rotate(320deg) brightness(.85)}
html[data-theme="kum"] .logo .wm{filter:brightness(0) saturate(100%) invert(17%) sepia(18%) saturate(900%) hue-rotate(340deg)}
html[data-theme="petrol"] .logo .wm{filter:brightness(0) saturate(100%) invert(15%) sepia(40%) saturate(1200%) hue-rotate(150deg)}
html[data-theme] header:not(.solid) .logo .wm{filter:brightness(0) invert(1)}
.tpick button[data-t="lacivert"]{background:linear-gradient(135deg,#0F1A33 50%,#E2CB97 50%)}
.tpick button[data-t="bordo"]{background:linear-gradient(135deg,#F7F2ED 50%,#4A1421 50%)}
.tpick button[data-t="mermer"]{background:linear-gradient(135deg,#FBFAF7 50%,#121212 50%)}
.tpick button[data-t="kum"]{background:linear-gradient(135deg,#F5F0E8 50%,#3A2E26 50%)}
.tpick button[data-t="petrol"]{background:linear-gradient(135deg,#F2F4F1 50%,#0F3438 50%)}
.tpick{gap:8px;padding:12px 9px}
.tpick button{width:24px;height:24px}
@media(max-width:760px){.tpick{bottom:110px}}

/* ===== LÜKS DOKUNUŞLAR ===== */
:root{--gold:linear-gradient(100deg,var(--bronze) 0%,var(--bronze-l) 38%,#F3E3BF 50%,var(--bronze-l) 62%,var(--bronze) 100%)}
/* 1. kâğıt dokusu */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .9 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}
html[data-theme="koyu"] body::after,html[data-theme="lacivert"] body::after{mix-blend-mode:screen;opacity:.035}
/* 2. yaldızlı vurgular */
.hx h1 em,.horm .hq,.mtag,.hfig figcaption em,.ftx .k{background:var(--gold);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-reduced-motion:no-preference){.hx h1 em{animation:gild 9s ease-in-out infinite}@keyframes gild{0%,100%{background-position:0 0}50%{background-position:100% 0}}}
.mtag::after{background:var(--gold)}
/* 3. altın kıl çizgiler */
.shead h2::after,.qhead h2::after,.journey h2::after,.ftx h2::after,.md h2::after,.place2 h2::after,.intro2 h2::after{background:var(--gold);height:1.5px;width:64px}
header.solid{border-bottom:0;box-shadow:0 1px 0 rgba(0,0,0,.04)}
header.solid::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--bronze-l) 20%,var(--bronze-l) 80%,transparent);opacity:.6}
/* 4. bölüm geçişlerinde süs: ortada küçük elmas */
section.joined>.w:first-child{border-top:0;position:relative}
section.joined>.w:first-child::before{content:"";position:absolute;top:0;left:var(--g);right:var(--g);height:1px;background:linear-gradient(90deg,transparent,var(--line) 15%,var(--bronze-l) 50%,var(--line) 85%,transparent)}
section.joined>.w:first-child::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;transform:rotate(45deg);background:var(--ivory);border:1px solid var(--bronze)}
.logos.joined>.w:first-child::before,.logos.joined>.w:first-child::after{display:none}
/* 5. butonlarda altın ışık süpürmesi */
.btn,.hcta{position:relative;overflow:hidden;isolation:isolate}
.btn::before,.hcta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(243,227,191,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.btn:hover::before,.hcta:hover::before{transform:translateX(120%)}
/* 6. görsel çerçeveleri: ince altın iç çizgi */
.journey figure::after,.place2 figure::after,.md figure::after{border-color:rgba(226,203,151,.65)}
.wfig::before{content:"";position:absolute;inset:14px;border:1px solid rgba(226,203,151,.6);z-index:1;pointer-events:none}
/* 7. kartlarda zarif hover: alt kenarda altın çizgi */
.card,.qc,.pcard,.need,.hpil{position:relative}
.card::after,.qc::after,.hpil::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.card:hover::after,.qc:hover::after,.hpil:hover::after{transform:scaleX(1)}
/* 8. metin seçimi */
::selection{background:var(--bronze-l);color:var(--deep)}
/* ===== v18: 4 netleştirilmiş palet (A varsayılan) ===== */
:root{--deep:#0E1A2F;--on-deep:#F6F1E8;--ivory:#F6F1E8;--sand:#E9E0D1;--ink:#0E1A2F;--body:#1B2333;--ink-2:#4A5266;--bronze:#7E5F33;--bronze-l:#B8925A;--line:rgba(14,26,47,.13);--card:#FFFDF9}
html[data-theme="adacayi"]{--deep:#1F3A2E;--on-deep:#F3F2EC;--ivory:#F3F2EC;--sand:#DDE3D6;--ink:#1F3A2E;--body:#22302A;--ink-2:#4F5C54;--bronze:#735A2F;--bronze-l:#C8A971;--line:rgba(31,58,46,.14);--card:#FBFBF7}
html[data-theme="bordo"]{--deep:#4B1626;--on-deep:#F8F1E7;--ivory:#F8F1E7;--sand:#EEDCD2;--ink:#4B1626;--body:#2E1A1E;--ink-2:#66494F;--bronze:#7A5A2E;--bronze-l:#D6B57F;--line:rgba(75,22,38,.14);--card:#FFFCF9}
html[data-theme="mermer"]{--deep:#111111;--on-deep:#FAF8F4;--ivory:#FAF8F4;--sand:#ECE9E3;--ink:#111111;--body:#1E1E1E;--ink-2:#55524C;--bronze:#6F5B35;--bronze-l:#C2A878;--line:rgba(17,17,17,.12);--card:#FFFFFF}
.tpick button[data-t="acik"]{background:linear-gradient(135deg,#F6F1E8 50%,#0E1A2F 50%)}
.tpick button[data-t="adacayi"]{background:linear-gradient(135deg,#F3F2EC 50%,#1F3A2E 50%)}
.tpick button[data-t="bordo"]{background:linear-gradient(135deg,#F8F1E7 50%,#4B1626 50%)}
.tpick button[data-t="mermer"]{background:linear-gradient(135deg,#FAF8F4 50%,#111111 50%)}
/* ===== E · Lacivert Gece (lacivert zemin ağırlıklı) ===== */
html[data-theme="lacivert"]{--ivory:#0E1A2F;--sand:#16264A;--ink:#F3EDE2;--body:#E4DDD0;--ink-2:#B6B0A4;--bronze:#D3B07A;--bronze-l:#E2C995;--line:rgba(243,237,226,.14);--deep:#08111F;--on-deep:#F3EDE2;--card:#16264A}
html[data-theme="lacivert"] .btn{background:var(--bronze);color:#08111F}
html[data-theme="lacivert"] .btn.ghost,html[data-theme="lacivert"] .btn.ghost.dk{background:transparent;color:var(--ink);border-color:rgba(243,237,226,.5)}
html[data-theme="lacivert"] .btn.ivo{background:var(--bronze);color:#08111F}
html[data-theme="lacivert"] .hcta{border-color:var(--bronze);color:var(--bronze)}
html[data-theme="lacivert"] .horm,html[data-theme="lacivert"] .tech,html[data-theme="lacivert"] .ctaband{border-top:1px solid rgba(211,176,122,.25);border-bottom:1px solid rgba(211,176,122,.25)}
html[data-theme="lacivert"] .mbar a.on{background:var(--bronze);color:#08111F}
.tpick button[data-t="lacivert"]{background:linear-gradient(135deg,#0E1A2F 50%,#D3B07A 50%)}
/* ===== sözlük ===== */
.alpha{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:92px;z-index:5;background:var(--ivory);padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:24px}
.alpha a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);font-family:var(--serif);font-size:20px;transition:all .3s}
.alpha a:hover{background:var(--deep);color:var(--on-deep);border-color:var(--deep)}
.gloss{max-width:860px}
.gloss h2{font-size:clamp(44px,5vw,64px);color:var(--bronze-l);margin:48px 0 8px;scroll-margin-top:170px}
.term{border-top:1px solid var(--line);padding:26px 0;scroll-margin-top:170px}
.term h3{font-size:clamp(26px,2.2vw,32px);margin-bottom:8px}
.term p{font-size:17.5px;line-height:1.8;color:var(--body);margin-bottom:10px;max-width:68ch}
.term:target{background:linear-gradient(90deg,rgba(201,176,138,.14),transparent);padding-left:18px}
.gnote{margin-top:40px;font-size:14px;color:var(--ink-2)}
a.gl{text-decoration:none!important;border-bottom:1px dotted var(--bronze);color:inherit}
a.gl:hover{color:var(--bronze);border-bottom-style:solid}
/* ===== dahil / dahil değil ===== */
.incbox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);margin:8px 0 14px}
.inc{padding:24px 22px}
.inc+.inc{border-left:1px solid var(--line)}
.inc.yes{background:var(--card)}
.inc .ih{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--bronze);margin-bottom:14px!important;display:flex;align-items:center;gap:8px}
.inc .ih i{font-size:22px}
.prose .inc ul{list-style:none;padding:0;margin:0}
.prose .inc li{font-size:15.5px!important;line-height:1.55!important;padding:8px 0 8px 26px!important;position:relative;border-bottom:1px solid var(--line)}
.prose .inc li::before{display:none!important}
.inc li i{position:absolute;left:0;top:11px;color:var(--bronze)}
.inc.no li{color:var(--ink-2)!important}.inc.no li i{color:var(--ink-2)}
.incnote{font-size:15px!important;color:var(--ink-2)!important}
@media(max-width:860px){.incbox{grid-template-columns:1fr}.inc+.inc{border-left:0;border-top:1px solid var(--line)}}
/* ===== görsel takvim ===== */
.calwrap{overflow-x:auto;margin:18px 0 10px}
.cal{display:grid;grid-template-columns:110px repeat(5,minmax(118px,1fr));gap:6px;min-width:760px}
.ch{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--ink-2);padding:6px 4px}
.cw{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 4px;border-top:1px solid var(--line)}
.cw b{font-family:var(--serif);font-weight:500;font-size:20px}
.int{display:flex;gap:4px}.int i,.intl i{width:7px;height:7px;border-radius:50%;background:var(--line);display:inline-block}.int i.on,.intl i.on{background:var(--bronze)}
.cd{min-height:118px;padding:12px;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.45}
.cd i{font-size:22px}.cd b{font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.15}
.cd span{color:inherit;opacity:.85}
.cd.rest{border:1px dashed var(--line);color:var(--ink-2);justify-content:center;align-items:center;font-size:12px}
.cd.eval{background:var(--deep);color:var(--on-deep)}.cd.eval i{color:var(--bronze-l)}
.cd.cold{background:#DCE6EE;color:#1B2E40}
.cd.o2{background:#E3E8DE;color:#23331F}
.cd.heat{background:#F1DFCB;color:#4A2C14}
.cd.talk{background:var(--sand);color:var(--ink)}
.clg{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--ink-2);margin-bottom:28px}
.clg span{display:inline-flex;align-items:center;gap:8px}
.clg span::before{content:"";width:14px;height:14px;display:inline-block}
.clg .eval::before{background:var(--deep)}.clg .cold::before{background:#DCE6EE}.clg .o2::before{background:#E3E8DE}.clg .heat::before{background:#F1DFCB}.clg .talk::before{background:var(--sand)}
.clg .intl::before{display:none}
/* ===== bir gününüz ===== */
.dayline{list-style:none;position:relative;max-width:1100px;margin:0 auto}
.dayline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(var(--bronze-l),var(--line))}
.dstep{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(28px,4vw,48px) 0;position:relative}
.dstep::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-6px 0 0 -6px;transform:rotate(45deg);background:var(--ivory);border:1px solid var(--bronze)}
.dstep figure{overflow:hidden;background:var(--sand)}
.dstep figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.dstep.rev figure{order:2}
.dtime{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--bronze);margin-bottom:6px;display:flex;align-items:center;gap:10px}
.dtime i{font-style:normal;font-size:24px}
.dstep h3{font-size:clamp(28px,2.6vw,38px);margin-bottom:10px}
.dstep .dtx p:last-child{font-size:17px;line-height:1.75;color:var(--body);max-width:44ch}
@media(max-width:820px){.dayline::before,.dstep::after{display:none}.dstep{grid-template-columns:1fr}.dstep.rev figure{order:0}}
/* ===== öz değerlendirme ===== */
.bt{max-width:980px}
.btintro{margin-bottom:36px}.btintro .lead{margin-bottom:20px}
.bq{border:0;border-top:1px solid var(--line);padding:26px 0;margin:0}
.bq legend{font-family:var(--serif);font-size:clamp(22px,2vw,28px);font-weight:500;display:flex;gap:16px;align-items:baseline;padding:0;margin-bottom:16px}
.bn{font-family:var(--sans);font-size:12px;letter-spacing:.2em;color:var(--bronze);font-weight:500}
.bq.miss legend{color:#8A3B2B}
.bopts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bo{position:relative;cursor:pointer}
.bo input{position:absolute;opacity:0;pointer-events:none}
.bo span{display:flex;align-items:center;min-height:56px;padding:12px 16px;border:1px solid var(--line);background:var(--card);font-size:15px;transition:all .25s}
.bo:hover span{border-color:var(--bronze-l)}
.bo input:checked+span{background:var(--deep);color:var(--on-deep);border-color:var(--deep)}
.bo input:focus-visible+span{outline:2px solid var(--bronze);outline-offset:2px}
@media(max-width:700px){.bopts{grid-template-columns:1fr 1fr}}
.bsubmit{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:28px;flex-wrap:wrap}
.bprog{font-size:14px;color:var(--ink-2)}.bprog b{color:var(--bronze);font-weight:500}
.bresult{border:1px solid var(--line);background:var(--card);padding:clamp(28px,4vw,52px);scroll-margin-top:110px}
.brgrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,64px)}
.bscore{display:flex;align-items:baseline;gap:16px;margin:10px 0 14px}
.bscore b{font-family:var(--serif);font-weight:500;font-size:clamp(64px,7vw,96px);line-height:1;color:var(--ink)}
.bscore span{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--bronze)}
.bbars{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.bbar{display:grid;grid-template-columns:120px 1fr 48px;gap:14px;align-items:center;font-size:15px}
.bt-track{height:6px;background:var(--line)}.bt-track i{display:block;height:100%;background:var(--bronze-l);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.bbar.weak .bt-track i{background:var(--bronze)}.bbar.weak span{font-weight:500}
.bbar b{font-weight:500;text-align:right}
.brec{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,44px)}
.brec h3{font-size:clamp(24px,2.2vw,30px);margin:8px 0 16px}
.brec ul{list-style:none;border-top:1px solid var(--line);margin-bottom:18px}
.brec li{border-bottom:1px solid var(--line)}.brec li a{display:block;padding:12px 0;font-size:16px}.brec li a:hover{color:var(--bronze)}
.brec .acts{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.bdisc{font-size:13.5px;color:var(--ink-2)}
@media(max-width:860px){.brgrid{grid-template-columns:1fr}.brec{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:24px}}
.cal{grid-template-columns:78px repeat(5,minmax(0,1fr));min-width:600px;gap:5px}
.cd{min-height:108px;padding:10px;font-size:12px}
.cd b{font-size:16px}
.cd i{font-size:19px}
.cw b{font-size:18px}
.prose:has(.calwrap){max-width:min(100%,820px)}
/* ===== öz değerlendirme v2 ===== */
form.btest{display:block;background:none;padding:0;color:inherit}
.btest label,.btest .bo{display:block;font-size:inherit;letter-spacing:normal;text-transform:none;color:inherit;margin:0;font-weight:400}
.btsec .btintro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:28px}
.btsec .btintro h2{font-size:var(--h2);margin:6px 0 18px}
.btsec .btintro h2::after{content:"";display:block;width:64px;height:1.5px;background:var(--gold);margin-top:20px}
.boardph .bfeat{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.bfeat div{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.bfeat i{font-size:28px;color:var(--bronze)}
.btsec .note{margin:0 0 48px}
.btsec .note b i{color:var(--bronze);margin-right:4px}
.bdom{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,64px);padding:clamp(36px,4vw,56px) 0;border-top:1px solid var(--line)}
.bfig{position:sticky;top:120px;align-self:start;overflow:hidden;background:var(--sand)}
.bfig img{width:100%;aspect-ratio:4/5;object-fit:cover}
.bfig figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(transparent,rgba(12,18,34,.78));color:#F6F1E8;display:flex;flex-direction:column;gap:4px}
.bfig figcaption i{font-size:30px;color:var(--bronze-l)}
.bfig figcaption b{font-family:var(--serif);font-weight:500;font-size:30px}
.bfig figcaption span{font-size:14px;opacity:.9}
.bqs .bq:first-child{border-top:0;padding-top:0}
.bq legend{font-size:clamp(22px,1.9vw,27px)}
.bopts{grid-template-columns:repeat(2,minmax(0,1fr))}
.bo span{gap:12px;min-height:60px;font-size:15.5px}
.bo span i{font-size:22px;color:var(--bronze);flex:none}
.bo input:checked+span i{color:var(--bronze-l)}
.bq.done legend .bn{color:var(--deep)}
.bsubmit{position:sticky;bottom:0;background:var(--ivory);z-index:4;padding:20px 0;border-top:1px solid var(--line);margin-top:24px}
.bprog i{color:var(--bronze);font-size:18px;vertical-align:-3px}
@media(max-width:900px){.btsec .btintro,.bdom{grid-template-columns:1fr}.bfig{position:relative;top:0}.bfig img{aspect-ratio:16/9}}
@media(max-width:760px){.bsubmit{bottom:64px}}
@media(max-width:520px){.bopts{grid-template-columns:1fr}}
.brhero{position:relative;height:clamp(200px,24vw,320px);overflow:hidden;margin:-8px 0 34px;background:var(--sand)}
.brhero img{width:100%;height:100%;object-fit:cover}
.brec li a i{color:var(--bronze);margin-right:6px}
.btest .bq{border:0;padding:24px 0;margin:0}
.btest .bq+.bq{border-top:1px solid var(--line)}
.btest .bq legend{float:left;width:100%;margin-bottom:16px}
.btest .bq .bopts{clear:both}
form.btest[hidden],.bresult[hidden]{display:none!important}
/* ===== üst şerit: program önerisi ===== */
.pbar{position:absolute;top:0;left:0;right:0;z-index:60;height:44px;display:flex;align-items:center;justify-content:center;gap:28px;background:var(--deep);color:var(--on-deep);border-bottom:1px solid rgba(201,176,138,.35);font-size:13px;transition:opacity .4s,transform .4s}
.pbar.bye{opacity:0;transform:translateY(-100%)}
.pbar a{color:inherit}
.pbar-main{display:flex;align-items:center;gap:12px;height:100%}
.pbar-main>i{font-size:20px;color:var(--bronze-l)}
.pb-l{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--bronze-l)}
.pb-s{color:rgba(247,243,236,.8);letter-spacing:.02em}
.pbar-main b{font-weight:500;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--bronze-l);padding-bottom:2px;display:inline-flex;align-items:center;gap:6px}
.pbar-main:hover b i{transform:translateX(3px)}.pbar-main b i{transition:transform .3s}
.pbar-alt{font-size:12px;letter-spacing:.06em;color:rgba(247,243,236,.75);display:inline-flex;align-items:center;gap:6px;padding-left:28px;border-left:1px solid rgba(247,243,236,.2)}
.pbar-alt:hover{color:var(--bronze-l)}
.pbar-x{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:0;color:rgba(247,243,236,.7);font-size:16px;cursor:pointer;width:32px;height:32px;display:grid;place-items:center}
.pbar-x:hover{color:var(--on-deep)}
body.has-pbar #hdr{top:44px;transition:top .35s,background .4s}
body.has-pbar.pbar-past #hdr{top:0}
html[data-theme="lacivert"] .pbar{background:#050B17}
@media(max-width:900px){.pb-s,.pbar-alt{display:none}.pbar{gap:14px}}
@media(max-width:520px){.pb-l{font-size:16px}.pbar-main b{font-size:10.5px;letter-spacing:.14em}}
/* ana sayfa girişinde büyük ve belirgin bağlantı */
.hx .hfind{display:inline-flex;align-items:center;gap:14px;margin-top:26px;padding:14px 22px 14px 16px;border:1px solid rgba(226,203,151,.55);background:rgba(8,17,31,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--on-deep);transition:background .4s,border-color .4s}
.hx .hfind:hover{background:rgba(8,17,31,.6);border-color:var(--bronze-l)}
.hx .hfind>i{font-size:30px;color:var(--bronze-l)}
.hx .hfind span{display:flex;flex-direction:column;line-height:1.25}
.hx .hfind span b{font-family:var(--serif);font-weight:500;font-size:22px}
.hx .hfind span small{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(247,243,236,.75)}
.hx .hfind em{font-style:normal;font-size:20px;color:var(--bronze-l);margin-left:6px}
.hx .hfind{align-self:flex-start}
/* ===== anket sekmeleri ===== */
.qtabs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);margin:0 0 30px}
.qtab{display:flex;align-items:center;gap:16px;padding:20px 24px;background:transparent;border:0;cursor:pointer;font:inherit;color:var(--ink);text-align:left;position:relative;transition:background .3s}
.qtab+.qtab{border-left:1px solid var(--line)}
.qtab i{font-size:34px;color:var(--bronze);flex:none}
.qtab span{display:flex;flex-direction:column;gap:3px}
.qtab b{font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.8vw,25px);line-height:1.15}
.qtab small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.qtab:hover{background:var(--card)}
.qtab.on{background:var(--deep);color:var(--on-deep)}
.qtab.on i{color:var(--bronze-l)}.qtab.on small{color:rgba(247,243,236,.75)}
.qtab.on::after{content:"";position:absolute;left:50%;bottom:-9px;width:16px;height:16px;margin-left:-8px;background:var(--deep);transform:rotate(45deg)}
.qpanel[hidden]{display:none!important}
.qnote{font-size:15px;color:var(--ink-2);margin:6px 0 10px;display:flex;gap:10px;align-items:flex-start}
.qnote i{color:var(--bronze);font-size:20px;flex:none;margin-top:1px}
.quiz .bdom{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.quiz .bsubmit{background:var(--ivory)}
@media(max-width:700px){.qtabs{grid-template-columns:1fr}.qtab+.qtab{border-left:0;border-top:1px solid var(--line)}.qtab.on::after{display:none}}
/* ===== giriş: kısa ekranlarda üst üste binmeyi önle ===== */
.hx{height:auto;min-height:100vh;min-height:100svh;display:flex}
.hx .hin{width:100%;padding-top:clamp(130px,16vh,170px);justify-content:flex-end;box-sizing:border-box;min-height:100vh;min-height:100svh}
.hx h1{font-size:clamp(60px,min(11vw,17vh),184px)}
.hx .tag{font-size:clamp(20px,min(2.2vw,3.6vh),32px);margin-top:min(22px,2.4vh)}
.hx .hfoot{margin-top:min(44px,4vh);padding-top:min(28px,3vh)}
@media(max-height:620px){.hx .hfoot p{display:none}}
/* ===== anket sekmeleri ===== */
.qtabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 30px}
.qtab{font:inherit;color:var(--ink);text-align:left;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 22px;background:transparent;border:1px solid var(--line);transition:all .35s;position:relative}
.qtab i{font-size:34px;color:var(--bronze);flex:none}
.qtab span{display:flex;flex-direction:column;gap:4px}
.qtab b{font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.7vw,25px);line-height:1.15}
.qtab small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.qtab:hover{border-color:var(--bronze-l)}
.qtab.on{background:var(--deep);color:var(--on-deep);border-color:var(--deep)}
.qtab.on i{color:var(--bronze-l)}.qtab.on small{color:rgba(247,243,236,.7)}
.qtab.on::after{content:"";position:absolute;left:28px;bottom:-8px;width:14px;height:14px;background:var(--deep);transform:rotate(45deg)}
.qpanel[hidden]{display:none!important}
.qnote{font-size:15px;color:var(--ink-2);margin:0 0 8px;display:flex;gap:10px;align-items:flex-start}
.qnote i{color:var(--bronze);font-size:20px;flex:none;margin-top:1px}
#p2 .bdom{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
#p2 .bsubmit{background:var(--ivory)}
@media(max-width:700px){.qtabs{grid-template-columns:1fr}.qtab{padding:16px}}
/* ===================== MANİFESTO ===================== */
.mhero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--deep);color:var(--on-deep);overflow:hidden;padding:140px 0 90px}
.mhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;filter:grayscale(.3)}
.mhero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(8,14,28,.25),rgba(8,14,28,.85) 75%)}
@media (prefers-reduced-motion:no-preference){.mhero>img{animation:kb 26s ease-out forwards}}
.mhin{position:relative;z-index:1;max-width:1100px;padding:0 var(--g)}
.mlabel{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--bronze-l);font-weight:500;display:inline-flex;align-items:center;gap:10px}
.mlabel i{font-size:20px}
.mhero h1{font-size:clamp(64px,min(10vw,15vh),168px);line-height:.92;margin:28px 0 30px;font-weight:500;letter-spacing:-.01em}
.mhero h1 em{background:var(--gold);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-reduced-motion:no-preference){.mhero h1 em{animation:gild 9s ease-in-out infinite}}
.mrule{display:block;width:1px;height:70px;margin:0 auto 26px;background:linear-gradient(transparent,var(--bronze-l))}
.mq{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.4vw,34px);line-height:1.35;max-width:26ch;margin:0 auto;color:rgba(247,243,236,.92)}
.mdown{display:inline-flex;flex-direction:column;align-items:center;gap:10px;margin-top:56px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(247,243,236,.75)}
.mdown i{font-size:26px;color:var(--bronze-l)}
@media (prefers-reduced-motion:no-preference){.mdown i{animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(8px)}}}
.mprolog{padding:clamp(80px,10vw,150px) 0 clamp(60px,7vw,100px);text-align:center}
.mlead{font-family:var(--serif);font-size:clamp(28px,3.2vw,46px);line-height:1.38;max-width:30ch;margin:0 auto;color:var(--ink)}
.dropcap{float:left;font-size:3.1em;line-height:.82;margin:.06em .1em 0 0;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500}
.orn{display:flex;align-items:center;justify-content:center;gap:14px;margin:56px auto}
.orn i{width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--bronze-l))}
.orn i:last-child{transform:scaleX(-1)}
.orn b{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--bronze)}
.mtoc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);text-align:left}
.mtoc a{display:flex;align-items:baseline;gap:14px;padding:18px 14px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:20px;transition:background .3s,color .3s}
.mtoc a:nth-child(4n+2),.mtoc a:nth-child(4n+3),.mtoc a:nth-child(4n+4){border-left:1px solid var(--line)}
.mtoc a span{font-size:15px;color:var(--bronze);min-width:34px;font-style:italic}
.mtoc a:hover{background:var(--sand);color:var(--bronze)}
@media(max-width:860px){.mtoc{grid-template-columns:1fr 1fr}.mtoc a:nth-child(n){border-left:0}.mtoc a:nth-child(2n){border-left:1px solid var(--line)}}
.mch{padding:clamp(80px,9vw,140px) 0;scroll-margin-top:80px}
.mch.sand{background:var(--sand)}
.mgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,110px);align-items:start}
.mt{position:sticky;top:120px}
.mt.c{position:static;text-align:center;margin-bottom:clamp(40px,5vw,70px)}
.mnum{display:block;font-family:var(--serif);font-size:clamp(90px,11vw,170px);line-height:.8;font-weight:500;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9;margin-bottom:18px}
.mt h2{font-size:clamp(40px,4.4vw,64px);line-height:1.02}
.mt h2::after{content:"";display:block;width:64px;height:1.5px;background:var(--gold);margin-top:24px}
.mt.c h2::after{margin:24px auto 0}
.mx p{font-size:18.5px;line-height:1.85;color:var(--body);margin-bottom:22px;max-width:60ch}
.mx p.big{font-family:var(--serif);font-size:clamp(26px,2.4vw,34px);line-height:1.38;color:var(--ink)}
.mlist{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:8px 0 30px}
.mlist span{padding:18px 16px 18px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-style:italic;font-size:22px;color:var(--ink)}
.mlist span:nth-child(2n){padding-left:18px;border-left:1px solid var(--line)}
.mquote{position:relative;min-height:80vh;display:flex;align-items:center;text-align:center;background:var(--deep);color:var(--on-deep);overflow:hidden}
.mquote>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.mquote::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,28,.55),rgba(8,14,28,.75))}
.mquote .w{position:relative;z-index:1}
.mquote p{font-family:var(--serif);font-size:clamp(46px,6.4vw,104px);line-height:1.02;margin-bottom:28px}
.mquote p em{background:var(--gold);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.mquote span{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze-l)}
.mword{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,40px);font-family:var(--serif);font-size:clamp(90px,14vw,220px);line-height:.9;color:var(--ink)}
.mword b{font-weight:400;font-size:.45em;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.mdefs{display:grid;grid-template-columns:1fr 1fr;max-width:980px;margin:clamp(40px,5vw,70px) auto 0;border-top:1px solid var(--line)}
.mdef{padding:30px 34px 6px 0}
.mdef+.mdef{padding-left:34px;border-left:1px solid var(--line)}
.mdw{font-family:var(--serif);font-size:38px;line-height:1;margin-bottom:6px}
.mdw i{font-size:20px;color:var(--ink-2)}
.mdk{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px}
.mdef p:last-child{font-size:18px;line-height:1.7;color:var(--body)}
.mnote{max-width:52ch;margin:40px auto 0;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(20px,1.8vw,26px);line-height:1.5;color:var(--ink)}
@media(max-width:760px){.mdefs{grid-template-columns:1fr}.mdef+.mdef{padding-left:0;border-left:0;border-top:1px solid var(--line)}}
.mtime{position:relative;color:var(--on-deep);background:var(--deep)}
.mtime::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover fixed;opacity:.28}
.mtime .w{position:relative}
.mtime h2{color:var(--on-deep)}
.mlead2{max-width:46ch;margin:0 auto;text-align:center;font-size:19px;line-height:1.8;color:rgba(247,243,236,.88)}
.mstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(50px,6vw,90px) 0;border-top:1px solid rgba(226,203,151,.35);border-bottom:1px solid rgba(226,203,151,.35)}
.mstat{padding:clamp(30px,4vw,56px) 24px;text-align:center}
.mstat+.mstat{border-left:1px solid rgba(226,203,151,.35)}
.mstat b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(80px,9vw,140px);line-height:.9;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.mstat span{display:block;margin-top:14px;font-family:var(--serif);font-style:italic;font-size:clamp(19px,1.6vw,24px);line-height:1.35;max-width:18ch;margin-left:auto;margin-right:auto}
.mclose{text-align:center;font-family:var(--serif);font-size:clamp(26px,2.8vw,40px);line-height:1.3;max-width:30ch;margin:0 auto}
.mclose em{color:var(--bronze-l)}
@media(max-width:760px){.mstats{grid-template-columns:1fr}.mstat+.mstat{border-left:0;border-top:1px solid rgba(226,203,151,.35)}}
@supports (-webkit-touch-callout:none){.mtime::before{background-attachment:scroll}}
.mline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);margin:10px 0 30px;max-width:640px}
.mline div{padding:20px 14px 18px 0;display:flex;flex-direction:column;gap:4px}
.mline i{font-size:30px;color:var(--bronze)}
.mline b{font-family:var(--serif);font-weight:500;font-size:24px}
.mline span{font-size:14px;color:var(--ink-2)}
.mdisc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0 30px}
.mdisc div{background:var(--ivory);padding:24px 20px;display:flex;flex-direction:column;gap:8px;border-top:2px solid var(--bronze-l)}
.mdisc i{font-size:32px;color:var(--bronze)}
.mdisc b{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.2}
.mdisc span{font-size:15px;line-height:1.55;color:var(--ink-2)}
@media(max-width:760px){.mdisc,.mline{grid-template-columns:1fr}.mlist{grid-template-columns:1fr}.mlist span:nth-child(2n){padding-left:0;border-left:0}}
.mboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:10px 0 30px}
.mboard a{display:block}
.mboard img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;background:var(--sand);filter:grayscale(.25);transition:filter .5s}
.mboard a:hover img{filter:none}
.mboard span{display:block;margin-top:10px;font-family:var(--serif);font-size:18px;line-height:1.2}
@media(max-width:600px){.mboard{grid-template-columns:1fr 1fr}}
.mvows{background:var(--deep);color:var(--on-deep);padding:clamp(90px,10vw,150px) 0;scroll-margin-top:80px}
.mvows h2{color:var(--on-deep)}
.mvows ol{list-style:none;max-width:980px;margin:0 auto;border-top:1px solid rgba(226,203,151,.35)}
.mvow{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:34px 0;border-bottom:1px solid rgba(226,203,151,.35);align-items:baseline}
.mvow>span{font-family:var(--serif);font-size:56px;line-height:1;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.mvow b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(28px,2.8vw,40px);line-height:1.1;margin-bottom:8px}
.mvow p{font-size:18px;line-height:1.7;color:rgba(247,243,236,.82);max-width:52ch}
@media(max-width:600px){.mvow{grid-template-columns:64px 1fr}.mvow>span{font-size:40px}}
.msign{text-align:center;margin-top:clamp(70px,8vw,120px)}
.msign>p{font-family:var(--serif);font-size:clamp(30px,3.4vw,50px);line-height:1.25}
.msign>p em{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.msmark{height:56px;display:block;margin:0 auto 12px}
.msname{display:block;font-family:var(--serif);font-size:42px;letter-spacing:.02em}
.msmotto{display:block;margin-top:6px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--bronze-l)}
.macts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:44px}
/* manifesto v2 (dergi metni) */
.mpoem{max-width:900px;margin:0 auto;text-align:center}
.mpoem p{font-family:var(--serif);font-size:clamp(22px,2.2vw,31px);line-height:1.45;color:var(--ink);margin:0 auto 18px;max-width:40ch}
.mpoem p.mlead{font-size:clamp(30px,3.4vw,48px);max-width:24ch;margin-bottom:34px}
.mpoem p.mfin{margin-top:40px;font-size:clamp(26px,2.6vw,38px)}
.mpoem p.mfin b{font-weight:500;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.mtoc.m3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mtoc.m3 a:nth-child(n){border-left:0}.mtoc.m3 a+a{border-left:1px solid var(--line)}
@media(max-width:760px){.mtoc.m3{grid-template-columns:1fr}.mtoc.m3 a+a{border-left:0}}
.mt h2 em{font-style:italic;color:var(--bronze)}
.mtime .mt h2 em{color:var(--bronze-l)}
.mname .mnote:first-of-type{margin:0 auto 34px}
.mdef .mdk{font-family:var(--serif);font-style:italic;font-size:26px;letter-spacing:0;text-transform:none;color:var(--bronze);margin:4px 0 0}
.mstats.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.mstats.two .mstat span{max-width:22ch}
.mquote p{font-size:clamp(40px,5.2vw,84px);max-width:20ch;margin-left:auto;margin-right:auto}
.mquote span{display:block;max-width:56ch;margin:0 auto;font-size:clamp(15px,1.3vw,18px);letter-spacing:.02em;text-transform:none;line-height:1.7;color:rgba(247,243,236,.88)}
.mvows .msign{margin-top:0}
@media(max-width:760px){.mstats.two{grid-template-columns:1fr}}
/* ===== v25: mobil düzeltmeler ===== */
@media(max-width:760px){
  /* palet seçici: içeriği kapatmasın, küçük bir sekmeye dönüşsün */
  .tpick{top:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));right:0;transform:none;padding:8px 6px;gap:6px;flex-direction:column}
  .tpick:not(.open) button{display:none}
  .tpick small{cursor:pointer;padding:4px 2px}
  .tpick.open button{display:block;width:34px;height:34px}
  .tpick button span{display:none}
  /* başa dön: alt iletişim çubuğu varken gereksiz */
  #totop,.totop{display:none!important}
  /* giriş bölümü */
  .hx .hfoot{align-items:stretch}
  .hx .hfoot .acts{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hx .hfoot .acts .btn{width:100%;text-align:center;padding:16px 10px}
  .hx .scroll,.hx .sline,.hx .hline{display:none}
  /* uzun kelimeler taşmasın */
  h1,h2,h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
  .phero h1{font-size:clamp(38px,11vw,56px)}
  /* sayfa yolu */
  .crumb .w,.crumb ol,.crumb{flex-wrap:wrap;white-space:normal;overflow:visible}
  /* form etiketleri */
  label{font-size:12px}
  /* karşılaştırma tablosu */
  .tablewrap{position:relative;margin-right:calc(-1 * var(--g));padding-right:var(--g)}
  .tablewrap table{min-width:640px}
  .tablewrap::before{content:"← Tabloyu yana kaydırın →";display:block;font-size:12px;letter-spacing:.12em;color:var(--bronze);margin-bottom:10px;text-transform:uppercase}
  /* manifesto */
  .mgrid{grid-template-columns:1fr}
  .mt{position:static}
  .mnum{font-size:84px}
  .mt h2{font-size:clamp(32px,9vw,44px)}
  .mpoem p{font-size:21px}
  .mpoem p.mlead{font-size:30px}
  .mquote{min-height:70vh}
  .mword{font-size:clamp(64px,22vw,110px)}
}
.w.crumb{padding-left:var(--g);padding-right:var(--g)}
@media(max-width:760px){.tpick{opacity:.92;padding:6px 4px}.tpick small{font-size:9px}}
@media(max-width:400px){.phero h1{font-size:clamp(30px,9.6vw,44px);overflow-wrap:anywhere}}
@media(max-width:760px){.w.crumb{display:flex;flex-wrap:wrap;gap:4px 0;line-height:1.6}.w.crumb *{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:400px){.quiz{padding-left:16px;padding-right:16px}.qgrid,.qgrid.g5,.qgrid.g4,.qgrid.g2{grid-template-columns:minmax(0,1fr)!important}.qgrid>*{min-width:0}}
/* sosyal + harita */
.fsoc{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.fsoc a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);font-size:13px;transition:all .3s}
.fsoc a i{font-size:18px;color:var(--bronze)}
.fsoc a:hover{border-color:var(--bronze);color:var(--bronze)}
.mapbox{position:relative;height:clamp(320px,42vw,520px);background:var(--sand);border:1px solid var(--line);overflow:hidden}
.mapbox iframe{width:100%;height:100%;border:0;filter:grayscale(.35) contrast(1.05)}
.mapph{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px;background:radial-gradient(circle at 50% 40%,var(--ivory),var(--sand))}
.mapph>i{font-size:46px;color:var(--bronze)}
.mapph p{font-family:var(--serif);font-size:clamp(20px,2vw,26px);max-width:30ch}
.mapacts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.mapph small{font-size:12px;color:var(--ink-2)}
/* dergi yazıları */
.prose .byline{font-size:13px!important;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze)!important;margin-bottom:26px!important}
.prose .intro{font-size:clamp(19px,1.5vw,21px)!important;line-height:1.7!important;color:var(--ink)!important;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:32px!important}
.prose .intro b{font-weight:500}
.prose p.q{font-family:var(--serif);font-size:clamp(22px,1.9vw,27px)!important;line-height:1.4!important;color:var(--ink)!important;margin-top:40px!important;padding-left:20px;border-left:2px solid var(--bronze-l)}
.prose .lead-in{color:var(--ink)}
.prose h2 small{display:block;font-family:var(--serif);font-style:italic;font-size:.62em;color:var(--bronze);margin-top:6px;letter-spacing:0;text-transform:none}
.notoc{grid-template-columns:minmax(0,1fr)!important;max-width:860px;margin:0 auto}
/* ===================== KAMP SAYFASI ===================== */
.khero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:var(--on-deep);background:var(--deep);overflow:hidden;padding:150px 0 clamp(60px,8vh,100px)}
.khero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.khero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,28,.35) 0%,rgba(8,14,28,.15) 40%,rgba(8,14,28,.82) 100%)}
@media (prefers-reduced-motion:no-preference){.khero>img{animation:kb 26s ease-out forwards}}
.khin{position:relative;z-index:1}
.khero h1{font-size:clamp(52px,min(8vw,12vh),132px);line-height:.95;margin:18px 0 18px;font-weight:500}
.khero h1 em{background:var(--gold);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.ksub{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze-l);margin-bottom:18px}
.klead{font-family:var(--serif);font-style:italic;font-size:clamp(20px,1.9vw,27px);line-height:1.45;max-width:46ch;color:rgba(247,243,236,.92)}
.kacts{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.kfacts{padding:0;background:var(--deep);color:var(--on-deep)}
.kfgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid rgba(226,203,151,.3)}
.kfgrid div{padding:26px 18px 30px;display:flex;flex-direction:column;gap:6px}
.kfgrid div+div{border-left:1px solid rgba(226,203,151,.2)}
.kfgrid i{font-size:28px;color:var(--bronze-l)}
.kfgrid span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,243,236,.6)}
.kfgrid b{font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.3}
@media(max-width:1000px){.kfgrid{grid-template-columns:repeat(3,1fr)}.kfgrid div:nth-child(4){border-left:0}.kfgrid div:nth-child(n+4){border-top:1px solid rgba(226,203,151,.2)}}
@media(max-width:600px){.kfgrid{grid-template-columns:1fr 1fr}.kfgrid div:nth-child(odd){border-left:0}.kfgrid div:nth-child(n+3){border-top:1px solid rgba(226,203,151,.2)}.kfgrid div:nth-child(4){border-left:1px solid rgba(226,203,151,.2)}}
.kintro{text-align:center}
.kbig{font-family:var(--serif);font-size:clamp(28px,3.2vw,46px);line-height:1.3;max-width:30ch;margin:16px auto 18px}
.kgold{font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.4vw,34px);background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.knums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(40px,5vw,70px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.knums div{padding:30px 10px}.knums div+div{border-left:1px solid var(--line)}
.knums b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(64px,7vw,104px);line-height:.9;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.knums span{display:block;margin-top:10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
@media(max-width:700px){.knums{grid-template-columns:1fr 1fr}.knums div:nth-child(3){border-left:0}.knums div:nth-child(n+3){border-top:1px solid var(--line)}}
section.sand{background:var(--sand)}
.k3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.k3>div{background:var(--ivory);padding:32px 28px;position:relative;border-top:2px solid var(--bronze-l)}
.k3 span{position:absolute;top:22px;right:24px;font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:20px}
.k3 i{font-size:40px;color:var(--bronze)}
.k3 h3{font-size:30px;margin:12px 0 10px}
.k3 p{font-size:16px;line-height:1.65;color:var(--body)}
@media(max-width:800px){.k3{grid-template-columns:1fr}}
.klevgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.klev figure{aspect-ratio:3/4;overflow:hidden;background:var(--sand);margin-bottom:18px}
.klev img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.klev:hover img{transform:scale(1.05)}
.klev i{font-size:28px;color:var(--bronze)}
.klev h3{font-size:26px;margin:6px 0 8px}
.klev p{font-size:15.5px;line-height:1.6;color:var(--body)}
@media(max-width:1000px){.klevgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.klevgrid{grid-template-columns:1fr}}
.kdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.kday{display:flex;flex-direction:column;gap:8px;padding:22px 16px 20px;min-height:230px;border:1px solid var(--line);background:var(--card);transition:all .35s;position:relative}
.kday:hover{transform:translateY(-4px);border-color:var(--bronze-l)}
.kdn{font-family:var(--serif);font-size:40px;line-height:1;color:var(--bronze)}
.kday i{font-size:26px}
.kday b{font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.2}
.kday small{margin-top:auto;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.kday.cold{background:#E3EBF1}.kday.heat{background:#F3E4D3}.kday.veg{background:#E5EADF}.kday.oxy{background:#F2E1E1}.kday.home{background:var(--deep);color:var(--on-deep)}.kday.home .kdn,.kday.home small{color:var(--bronze-l)}
.kday.cold i{color:#3B6A8C}.kday.heat i{color:#B0652A}.kday.veg i{color:#4F7A45}.kday.oxy i{color:#A04B5A}.kday.home i{color:var(--bronze-l)}
@media(max-width:1100px){.kdays{grid-template-columns:repeat(4,1fr)}}@media(max-width:620px){.kdays{grid-template-columns:1fr 1fr}.kday{min-height:190px}}
.kmgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.kmgrid>div{padding:30px 26px 32px 0;border-bottom:1px solid var(--line);position:relative}
.kmgrid>div:nth-child(3n+2),.kmgrid>div:nth-child(3n+3){padding-left:26px;border-left:1px solid var(--line)}
.kmgrid span{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:18px}
.kmgrid i{display:block;font-size:34px;color:var(--bronze);margin:8px 0}
.kmgrid h3{font-size:24px;margin-bottom:8px}
.kmgrid p{font-size:15.5px;line-height:1.6;color:var(--body)}
.knote{margin-top:22px;font-size:14px;color:var(--ink-2);font-style:italic}
@media(max-width:860px){.kmgrid{grid-template-columns:1fr}.kmgrid>div:nth-child(n){padding-left:0;border-left:0}}
.ktgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ktgrid>div{padding:26px 20px;border:1px solid var(--line)}
.ktgrid i{font-size:34px;color:var(--bronze)}
.ktgrid h3{font-size:21px;line-height:1.2;margin:12px 0 8px}
.ktgrid p{font-size:14.5px;line-height:1.6;color:var(--body)}
@media(max-width:1100px){.ktgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.ktgrid{grid-template-columns:1fr}}
.kgw{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,100px);align-items:center}
.kgw.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.kgw figure{overflow:hidden;background:var(--sand)}.kgw img{width:100%;aspect-ratio:4/5;object-fit:cover}
.kgw h2{font-size:var(--h2);margin:6px 0 18px}
.kgw h2::after{content:"";display:block;width:64px;height:1.5px;background:var(--gold);margin-top:22px}
.kgl,.kkl{list-style:none;margin-top:24px;border-top:1px solid var(--line)}
.kgl li,.kkl li{padding:13px 0 13px 32px;border-bottom:1px solid var(--line);position:relative;font-size:16.5px}
.kgl li i{position:absolute;left:0;top:14px;color:var(--bronze);font-size:20px}
.kkl li::before{content:"";position:absolute;left:4px;top:21px;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--bronze)}
@media(max-width:900px){.kgw,.kgw.rev{grid-template-columns:1fr}}
.khotel{position:relative;min-height:80vh;display:flex;align-items:center;text-align:center;color:var(--on-deep);background:var(--deep)}
.khotel::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover fixed;opacity:.45}
.khotel::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(8,14,28,.35),rgba(8,14,28,.8))}
.khotel .w{position:relative;z-index:1}
.khotel h2{font-size:clamp(52px,7vw,110px);line-height:1;color:var(--on-deep);margin:18px 0 22px}
.khotel p{font-size:19px;line-height:1.75;max-width:52ch;margin:0 auto;color:rgba(247,243,236,.9)}
.khotel .kq{margin-top:34px;font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.4vw,34px);color:var(--bronze-l);max-width:34ch}
@supports (-webkit-touch-callout:none){.khotel::before{background-attachment:scroll}}
.kgo h2{font-size:clamp(46px,6vw,92px);margin:10px 0 18px}
.kgob{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1080px;margin:0 auto}
.kgob a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 16px;border:1px solid var(--line);background:var(--card);transition:all .35s}
.kgob a:first-child{background:var(--deep);color:var(--on-deep);border-color:var(--deep)}
.kgob a:first-child i,.kgob a:first-child small{color:var(--bronze-l)}
.kgob a:hover{transform:translateY(-4px);border-color:var(--bronze)}
.kgob i{font-size:36px;color:var(--bronze)}
.kgob b{font-family:var(--serif);font-weight:500;font-size:24px}
.kgob small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
@media(max-width:760px){.kgob{grid-template-columns:1fr 1fr}}
.kdisc2{max-width:80ch;margin:44px auto 0;font-size:13px;line-height:1.7;color:var(--ink-2)}
/* v29: şerit + giriş kutuları geri */
body.has-pbar .hx .hin{padding-top:calc(clamp(130px,16vh,170px) + 44px)}
body.has-pbar .khero,body.has-pbar .mhero{padding-top:194px}
.hfinds{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;align-self:flex-start}
.hfinds .hfind{margin-top:0}
@media(max-width:760px){.hfinds{flex-direction:column;align-self:stretch}.hfinds .hfind{align-self:stretch}.hx .hfind span b{font-size:19px}}
@media(max-height:700px) and (min-width:761px){.hfinds .hfind{padding:10px 18px 10px 12px}.hx .hfind>i{font-size:24px}.hx .hfind span b{font-size:18px}}
/* yazar kartları */
.prose .author{display:flex;align-items:center;gap:22px;padding:22px 0;margin:0 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.prose .author img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 25%;flex:none;background:var(--sand);border:1px solid var(--bronze-l);padding:3px}
.prose .author p{margin:0!important;line-height:1.4!important}
.prose .author .aw{font-size:11px!important;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze)!important;font-weight:500}
.prose .author .an{font-family:var(--serif);font-size:26px!important;color:var(--ink)!important;margin:2px 0!important}
.prose .author .at{font-size:14.5px!important;color:var(--ink-2)!important;margin-bottom:6px!important}
.prose .author.end{margin-top:56px;background:var(--sand);padding:28px;border:0}
.prose .author.end img{width:120px;height:120px}
@media(max-width:560px){.prose .author{flex-direction:column;align-items:flex-start}.prose .author.end{padding:22px}}
.card .ph{position:relative}
.cav{position:absolute;left:16px;bottom:-26px;z-index:2;width:62px;height:62px;border-radius:50%;overflow:hidden;border:3px solid var(--ivory);box-shadow:0 6px 18px rgba(0,0,0,.18);background:var(--sand)}
.cav img{width:100%!important;height:100%!important;object-fit:cover;object-position:50% 22%;transform:none!important}
.card:has(.cav) .tx{padding-top:38px}
.card:has(.cav) .ph{overflow:visible}
.card:has(.cav) .ph>img{display:block}
/* v31: iç sayfa başlıkları her ekranda menünün altında kalsın */
@media(min-width:761px){
  .phero{height:auto;min-height:max(520px,72vh)}
  .phero .in{min-height:max(520px,72vh);box-sizing:border-box;padding-top:170px}
  body.has-pbar .phero .in{padding-top:214px}
  .phero h1{font-size:clamp(44px,min(6.4vw,11vh),104px);max-width:18ch;line-height:1.02}
}
/* v31: iç sayfa başlığı menünün altına girmesin */
.phero{height:auto!important;min-height:min(82vh,760px)}
.phero .in{min-height:min(82vh,760px);box-sizing:border-box;padding-top:170px;height:auto}
body.has-pbar .phero .in{padding-top:214px}
@media(max-width:760px){.phero{min-height:0}.phero .in{min-height:0;padding-top:140px}body.has-pbar .phero .in{padding-top:184px}}
.e404{min-height:100vh;display:flex;align-items:center;padding:200px 0 100px!important;box-sizing:border-box}
.e404 h1{font-size:clamp(110px,18vw,220px);line-height:.9;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.whyq{font-size:clamp(28px,2.7vw,42px)!important;line-height:1.22!important}
.whyq{font-size:clamp(34px,3.6vw,58px)!important;line-height:1.12!important}
/* ===== Cella + Via vurgusu ===== */
.cva{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:10px;margin:22px 0 30px;padding:24px 40px 20px;border:1px solid var(--bronze-l);outline:1px solid var(--bronze-l);outline-offset:5px;background:linear-gradient(180deg,rgba(201,176,138,.10),rgba(201,176,138,.02))}
.cva::before,.cva::after{content:"";position:absolute;top:50%;width:9px;height:9px;margin-top:-5px;transform:rotate(45deg);background:var(--ivory);border:1px solid var(--bronze)}
.cva::before{left:-11px}.cva::after{right:-11px}
.cva-w{display:flex;align-items:baseline;gap:16px;font-family:var(--serif);font-size:clamp(40px,4vw,58px);line-height:1;color:var(--ink)}
.cva-w i{font-style:normal;font-size:.55em;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.cva-d{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);text-align:center;margin:0}
.cva-d b{color:var(--bronze);font-weight:500}.cva-d em{font-style:normal;color:var(--bronze-l);margin:0 6px}
.cvframe{position:relative;max-width:1040px;margin:10px auto 0;padding:clamp(34px,4vw,56px) clamp(20px,4vw,60px) clamp(10px,2vw,20px);border:1px solid var(--bronze-l);outline:1px solid var(--bronze-l);outline-offset:8px;background:radial-gradient(ellipse at 50% 0%,rgba(201,176,138,.14),transparent 70%)}
.cvframe::before,.cvframe::after{content:"";position:absolute;left:50%;width:13px;height:13px;margin-left:-7px;transform:rotate(45deg);background:var(--ivory);border:1px solid var(--bronze)}
.cvframe::before{top:-16px}.cvframe::after{bottom:-16px}
.cvframe .mdefs{margin-top:clamp(26px,3vw,44px)}
.mdl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:6px}
.mdl i{text-transform:none;font-family:var(--serif);font-size:15px;letter-spacing:0}
.cvchip{display:inline-block;padding:2px 12px;margin:0 2px;border:1px solid var(--bronze-l);outline:1px solid rgba(201,176,138,.45);outline-offset:3px;font-style:normal;font-weight:500;color:var(--ink);white-space:nowrap}
.cbadge{border:1px solid var(--bronze-l)!important;outline:1px solid var(--bronze-l);outline-offset:5px}
.cbadge b{font-size:clamp(22px,1.9vw,28px)!important}
@media(max-width:560px){.cva{padding:20px 22px 16px}.cva-w{font-size:38px}.cvchip{white-space:normal}.cvframe{outline-offset:5px}}
.cva-d b{text-transform:none;font-family:var(--serif);font-style:italic;font-size:17px;letter-spacing:.02em;margin-right:4px}
.cva{max-width:100%;box-sizing:border-box}
@media(max-width:560px){.cva{display:flex;margin-left:6px;margin-right:6px}.cva-d{letter-spacing:.1em;line-height:1.9}.cva-d em{display:block;height:0;overflow:hidden;margin:0}}
.mdl{font-size:11px!important;letter-spacing:.12em!important;line-height:1.6}
/* ===== Cella + Via amblem rozeti ===== */
.cbadge.cb2{width:clamp(170px,15vw,210px)!important;height:clamp(170px,15vw,210px)!important;padding:0;display:block;border:0!important;outline:0!important;background:var(--deep);box-shadow:0 22px 50px rgba(8,14,28,.35),inset 0 0 0 1px rgba(226,203,151,.55),inset 0 0 0 7px var(--deep),inset 0 0 0 8px rgba(226,203,151,.35)}
.cbring{position:absolute;inset:0;width:100%;height:100%}
.cbring text{font-family:var(--sans);font-size:10.6px;letter-spacing:.24em;fill:var(--bronze-l);font-weight:500}
@media (prefers-reduced-motion:no-preference){.cbring{animation:cbspin 38s linear infinite}@keyframes cbspin{to{transform:rotate(360deg)}}}
.cbin{position:absolute;inset:23%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#FBF8F2,var(--ivory) 70%);border:1px solid var(--bronze-l);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
html[data-theme] .cbin{background:#F6F1E8}
.cbin img{width:38%;height:auto}
.cbin p{display:flex;align-items:baseline;gap:4px;font-family:var(--serif);font-size:clamp(15px,1.25vw,18px);color:#0E1A2F;margin:0;line-height:1}
.cbin p b{font-weight:500;font-size:inherit!important}
.cbin p span{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.8em}
@media(max-width:560px){.cbadge.cb2{width:150px!important;height:150px!important}.cbring text{font-size:11px}}
.cbin p span{font-size:1em!important;color:var(--bronze)!important;font-weight:500;margin:0 2px}
/* ===== doğa sesi düğmesi ===== */
.snd{position:fixed;left:22px;bottom:22px;z-index:48;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border-radius:40px;border:1px solid rgba(226,203,151,.55);background:rgba(14,26,47,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#F6F1E8;cursor:pointer;font:inherit;box-shadow:0 10px 30px rgba(8,14,28,.25);transition:background .3s,transform .3s}
.snd:hover{transform:translateY(-2px);background:rgba(14,26,47,.96)}
.snd-bars{display:flex;align-items:flex-end;gap:3px;height:18px;width:22px}
.snd-bars i{display:block;width:3px;height:30%;background:var(--bronze-l);border-radius:2px;transition:height .3s}
.snd.on .snd-bars i{animation:sndb 1.1s ease-in-out infinite}
.snd.on .snd-bars i:nth-child(2){animation-delay:.2s}.snd.on .snd-bars i:nth-child(3){animation-delay:.45s}.snd.on .snd-bars i:nth-child(4){animation-delay:.1s}
@keyframes sndb{0%,100%{height:25%}50%{height:100%}}
.snd-t{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.snd-t b{font-family:var(--serif);font-weight:500;font-size:16px}
.snd-t small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(246,241,232,.7)}
.snd.wait{animation:sndp 2.2s ease-in-out infinite}
@keyframes sndp{0%,100%{box-shadow:0 10px 30px rgba(8,14,28,.25),0 0 0 0 rgba(226,203,151,.5)}50%{box-shadow:0 10px 30px rgba(8,14,28,.25),0 0 0 8px rgba(226,203,151,0)}}
@media(max-width:760px){.snd{left:12px;bottom:calc(70px + env(safe-area-inset-bottom,0px));padding:8px 12px 8px 10px}.snd-t small{display:none}.snd-t b{font-size:14px}}
@media (prefers-reduced-motion:reduce){.snd.on .snd-bars i,.snd.wait{animation:none}}
/* ===================== biyolojik yaş testi: açılır pencere ===================== */
.btl{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;border:1px solid var(--line);background:var(--card);margin-top:8px}
.btl figure{margin:0;overflow:hidden;background:var(--sand);min-height:240px}
.btl figure img{width:100%;height:100%;object-fit:cover}
.btl-tx{padding:clamp(24px,3vw,44px)}
.btl-tx h3{font-size:clamp(26px,2.4vw,36px);line-height:1.15;margin:8px 0 12px}
.btl-tx p{font-size:16px;line-height:1.7;color:var(--body)}
.btl-f{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 24px;font-size:14px;color:var(--ink-2)}
.btl-f i{color:var(--bronze);font-size:18px;vertical-align:-3px;margin-right:4px}
@media(max-width:760px){.btl{grid-template-columns:1fr}.btl figure{min-height:0;aspect-ratio:16/9}}
html.btm-open,html.btm-open body{overflow:hidden}
.btm{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}
.btm[hidden]{display:none}
.btm-bg{position:absolute;inset:0;background:rgba(8,14,28,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
.btm-box{position:relative;width:min(760px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;background:var(--ivory);box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(18px);opacity:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .3s;overscroll-behavior:contain}
.btm.in .btm-bg{opacity:1}.btm.in .btm-box{transform:none;opacity:1}
.btm-x{position:absolute;top:12px;right:12px;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(8,14,28,.55);color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}
.btm-x:hover{background:rgba(8,14,28,.8)}
.btm-prog{position:sticky;top:0;z-index:2;height:4px;background:rgba(14,26,47,.12)}
.btm-prog i{display:block;height:100%;width:0;background:var(--gold);transition:width .45s ease}
.bth{position:relative;margin:0;height:clamp(150px,26vh,230px);overflow:hidden;background:var(--deep)}
.bth img{width:100%;height:100%;object-fit:cover;opacity:.9}
.bth::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,28,.05),rgba(8,14,28,.7))}
.bth figcaption{position:absolute;left:24px;bottom:16px;z-index:1;color:#F6F1E8;font-family:var(--serif);font-size:24px;display:flex;align-items:center;gap:10px}
.bth figcaption i{font-size:28px;color:var(--bronze-l)}
.btc{padding:clamp(22px,3.4vw,40px)}
.btc h3{font-size:clamp(25px,2.6vw,34px);line-height:1.2;margin:4px 0 20px}
.btn2{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:500}
.btp{font-size:16.5px;line-height:1.7;color:var(--body);margin-bottom:18px}
.btlab{display:block;font-size:12px!important;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin:18px 0 10px;font-weight:500}
.btage{display:flex;align-items:stretch;max-width:260px;border:1px solid var(--line);background:var(--card)}
.btage button{width:56px;border:0;background:transparent;font-size:24px;color:var(--ink);cursor:pointer}
.btage button:hover{background:var(--sand)}
.btage input{flex:1;min-width:0;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-family:var(--serif);font-size:34px;padding:8px 0;background:transparent;color:var(--ink);-moz-appearance:textfield}
.btage input::-webkit-outer-spin-button,.btage input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.btsex{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:420px}
.btsex button,.btops button{font:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);transition:all .25s}
.btsex button{padding:16px 18px;font-size:17px;display:flex;align-items:center;gap:10px}
.btsex button i{font-size:24px;color:var(--bronze)}
.btsex button.on,.btops button.on{background:var(--deep);color:var(--on-deep);border-color:var(--deep)}
.btsex button.on i{color:var(--bronze-l)}
.bterr{color:#8A3B2B;font-size:14px;margin-top:14px}
.btgo{margin-top:26px}
.btnote{margin-top:16px;font-size:13px;color:var(--ink-2)}
.btops{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btops button{padding:18px 18px;font-size:16.5px;min-height:64px;display:flex;align-items:center;gap:14px}
.btops button:hover{border-color:var(--bronze-l)}
.btlv{display:flex;align-items:flex-end;gap:2px;height:18px;flex:none}
.btlv i{display:block;width:4px;background:var(--bronze);border-radius:1px}
.btlv i:nth-child(1){height:30%}.btlv i:nth-child(2){height:55%}.btlv i:nth-child(3){height:80%}.btlv i:nth-child(4){height:100%}
.btops button.on .btlv i{background:var(--bronze-l)}
.btback{margin-top:22px;background:none;border:0;font:inherit;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;padding:6px 0}
.btages{display:flex;align-items:center;gap:clamp(14px,3vw,34px);margin:14px 0 18px;flex-wrap:wrap}
.btages>div{display:flex;flex-direction:column}
.btages span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.btages b{font-family:var(--serif);font-weight:500;font-size:clamp(64px,9vw,104px);line-height:1;color:var(--ink-2)}
.btages .bio b{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.btages>i{font-size:32px;color:var(--bronze-l)}
.bts-res .bbars{margin:8px 0 22px}
.bts-res .bbar span i{color:var(--bronze);margin-right:4px}
.btrec{border-top:1px solid var(--line);padding-top:14px;margin-bottom:22px}
.btrec a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.btrec a i{color:var(--bronze);font-size:20px}
.btrec a:hover{color:var(--bronze)}
.btacts{display:flex;flex-wrap:wrap;gap:12px}
.btdisc{margin-top:18px;font-size:13px;line-height:1.6;color:var(--ink-2)}
@media(max-width:640px){
  .btm{padding:0;align-items:stretch}
  .btm-box{width:100%;max-height:none;height:100%;height:100dvh}
  .btops,.btsex{grid-template-columns:1fr}
  .btops button{min-height:56px;padding:14px 16px}
  .bth{height:30vh;min-height:170px}
  .bth figcaption{font-size:21px;left:18px}
  .btc{padding:22px 18px 40px}
  .btacts .btn{flex:1;text-align:center}
}
.btages .bio.up b{background:linear-gradient(100deg,#8A3B2B,#B5653F 60%,#8A3B2B);-webkit-background-clip:text;background-clip:text;color:transparent}
.btt{font-size:clamp(22px,2.2vw,28px)!important;margin:6px 0 8px!important}
.btfxw{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 22px}
.btfx{border:1px solid var(--line);background:var(--card);padding:16px 18px}
.btfx .over{margin-bottom:8px}
.btfx div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:15px}
.btfx.bad b{color:#8A3B2B;font-weight:500;white-space:nowrap}
.btfx.good i{color:#4F7A45;font-size:18px}
.btfx.bad .over i{color:#8A3B2B}.btfx.good .over i{color:#4F7A45}
.btwarn{display:flex;gap:12px;align-items:flex-start;background:var(--sand);padding:16px 18px;margin:18px 0 22px}
.btwarn i{font-size:22px;color:var(--bronze);flex:none;margin-top:2px}
.btwarn p{font-size:14.5px;line-height:1.65;margin:0;color:var(--body)}
@media(max-width:640px){.btfxw{grid-template-columns:1fr}}
/* sessiz yangın göstergesi */
.btgauge{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:center;margin:8px 0 22px;padding:20px 22px;border:1px solid var(--line);background:linear-gradient(135deg,var(--card),rgba(201,176,138,.10))}
.btgauge.hi,.btgauge.vhi{background:linear-gradient(135deg,var(--card),rgba(200,100,47,.10));border-color:rgba(200,100,47,.35)}
.bgw{position:relative}
.bgw svg{width:100%;height:auto;display:block}
.gneedle{transform-origin:110px 112px;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.garc{transition:stroke-dasharray 1.6s cubic-bezier(.2,.8,.2,1)}
.bgv{position:absolute;left:0;right:0;bottom:-6px;display:flex;flex-direction:column;align-items:center;line-height:1}
.bgv i{display:none}
.bgv b{font-family:var(--serif);font-weight:500;font-size:30px;color:var(--ink);background:var(--card);padding:0 8px}
.bgv span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-top:2px}
.btgauge.hi .bgv span,.btgauge.vhi .bgv span{color:#8A3B2B}
.bgt .over i{color:#C8642F}
.bgt h4{font-family:var(--serif);font-weight:500;font-size:clamp(21px,1.9vw,25px);margin:4px 0 8px;line-height:1.2}
.bgt h4 em{font-style:italic;color:#C8642F}
.btgauge.lo .bgt h4 em{color:#4F7A45}
.bgt p{font-size:15px;line-height:1.6;color:var(--body);margin:0 0 8px}
.bgt .bgs{font-size:13.5px;color:var(--ink-2)}
@media (prefers-reduced-motion:no-preference){.btgauge.anim .gneedle{transform:rotate(-90deg)!important}.btgauge.anim .garc{stroke-dasharray:0 100!important}}
@media(max-width:640px){.btgauge{grid-template-columns:1fr;padding:18px}.bgw{max-width:260px;margin:0 auto}}
/* test: motivasyon ve bölüm göstergesi */
.btmeta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.btsecs{display:flex;gap:6px}
.btsecs span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink-2);font-size:15px;background:var(--card)}
.btsecs span.done{background:var(--bronze-l);border-color:var(--bronze-l);color:#fff}
.btsecs span.cur{background:var(--deep);border-color:var(--deep);color:var(--bronze-l)}
.btn2 span{color:var(--ink-2);font-weight:400;letter-spacing:.08em;text-transform:none}
.btcheer{display:inline-flex;align-items:center;gap:8px;margin:2px 0 10px;padding:6px 14px;background:rgba(201,176,138,.18);color:var(--ink);font-size:14px;border-radius:30px;animation:btch .5s ease}
.btcheer i{color:var(--bronze);font-size:18px}
@keyframes btch{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:640px){.btmeta{flex-direction:column;align-items:flex-start;gap:8px}}
/* daktilo */
h1.tw.typing .twc{opacity:0}
h1.tw.typing .twc.on{opacity:1}
h1.tw em .twc{background:var(--gold);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
h1.tw em{background:none!important;-webkit-background-clip:border-box!important;color:inherit}
.twcaret{display:inline-block;width:3px;height:.82em;margin:0 2px;vertical-align:-.05em;background:var(--bronze-l);animation:twb .85s steps(1) infinite}
.twcaret.gone{opacity:0;transition:opacity .6s}
@keyframes twb{50%{opacity:0}}
/* Bu, Cellavia'dır */
.mpoem p.mfin{margin-top:40px}
.mpoem p.mfin2{display:flex;align-items:center;justify-content:center;gap:18px;max-width:none;margin-top:18px;font-family:var(--serif);font-size:clamp(38px,4.6vw,66px);line-height:1.1;color:var(--ink)}
.mfin2 b{font-weight:500;background:var(--gold);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-reduced-motion:no-preference){.mfin2 b{animation:gild 9s ease-in-out infinite}}
.mfr{display:block;width:clamp(30px,6vw,80px);height:1px;background:linear-gradient(90deg,transparent,var(--bronze-l))}
.mfr:last-child{transform:scaleX(-1)}
/* ===== resmi logo ===== */
.logo{gap:0}
.logo img{height:46px!important;width:auto!important;filter:none!important;transition:opacity .35s}
.logo .lg-l{display:none}
#hdr:not(.solid) .logo .lg-d{display:none}
#hdr:not(.solid) .logo .lg-l{display:block}
html[data-theme="lacivert"] #hdr .logo .lg-d{display:none}
html[data-theme="lacivert"] #hdr .logo .lg-l{display:block}
@media(max-width:760px){.logo img{height:36px!important}}
.flogo{display:block;margin-bottom:14px}
.flogo img{height:72px!important;width:auto!important;filter:none!important}
.flogo .lg-l{display:none}
html[data-theme="lacivert"] .flogo .lg-d{display:none}
html[data-theme="lacivert"] .flogo .lg-l{display:block}
.mslogo{display:block;height:clamp(70px,8vw,100px);width:auto;margin:0 auto}
.cbin img{width:46%!important}
/* hakkımızda */
.ab-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,6vw,90px);align-items:start}
.ab-grid h2{font-size:var(--h2);margin-top:6px}
.ab-tx p{font-size:17px;line-height:1.8;color:var(--body);margin-bottom:16px}
.ab-tx .lead{font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.45;color:var(--ink)}
.ab-mv{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ab-mv>div{background:var(--ivory);padding:clamp(26px,3vw,40px);border-top:2px solid var(--bronze-l)}
.ab-mv h3{font-size:28px;margin-bottom:10px}
.ab-mv p{font-size:16.5px;line-height:1.75;color:var(--body)}
.ab-ilke{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ab-ilke>div{border:1px solid var(--line);padding:26px 22px;position:relative}
.ab-ilke span{position:absolute;top:18px;right:20px;font-family:var(--serif);font-style:italic;color:var(--bronze)}
.ab-ilke i{font-size:34px;color:var(--bronze)}
.ab-ilke h3{font-size:22px;margin:12px 0 8px;line-height:1.25}
.ab-ilke p{font-size:15px;line-height:1.65;color:var(--body)}
.ab-list{list-style:none;border-top:1px solid var(--line);margin:0;padding:0}
.ab-list li{padding:16px 0;border-bottom:1px solid var(--line);font-size:16.5px;line-height:1.7;color:var(--body)}
.ab-list b{color:var(--ink);font-weight:500}
.ab-list a{color:var(--bronze);border-bottom:1px solid var(--bronze-l)}
.ab-dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:0}
.ab-dl>div{display:grid;grid-template-columns:minmax(150px,38%) 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.ab-dl>div:nth-child(odd){padding-right:28px}.ab-dl>div:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}
.ab-dl dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.ab-dl dd{margin:0;font-size:16px;color:var(--ink)}
.ab-dl dd a{color:var(--bronze)}
@media(max-width:1000px){.ab-ilke{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.ab-grid,.ab-mv,.ab-dl{grid-template-columns:1fr}.ab-dl>div:nth-child(n){padding-left:0;padding-right:0;border-left:0}.ab-dl>div{grid-template-columns:1fr;gap:4px}.ab-ilke{grid-template-columns:1fr}}
/* ===== Cellavia Dergisi ===== */
.mg-hero{background:var(--deep);color:var(--on-deep);padding:clamp(150px,18vh,200px) 0 clamp(60px,8vw,100px)}
body.has-pbar .mg-hero{padding-top:clamp(190px,22vh,240px)}
.mg-hw{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(30px,6vw,90px);align-items:center}
.mg-cover{margin:0;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px rgba(226,203,151,.25);transform:rotate(-2deg);max-width:420px}
.mg-cover img{display:block;width:100%;height:auto}
.mg-hero .over{color:var(--bronze-l)}
.mg-hero h1{font-size:clamp(48px,6vw,92px);line-height:1;margin:14px 0 10px;color:var(--on-deep)}
.mg-sub{font-family:var(--serif);font-style:italic;font-size:clamp(20px,1.8vw,26px);color:var(--bronze-l);margin-bottom:22px}
.mg-lead{font-size:17px;line-height:1.8;max-width:56ch;color:rgba(247,243,236,.85)}
.mg-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mg-read{background:radial-gradient(ellipse at 50% 40%,#22335A,#0E1A2F 70%);padding:40px 0 50px}
.mg-stage{max-width:1240px;margin:0 auto;padding:0 var(--g)}
.mg-stage.fs{max-width:none;height:100vh;background:#0E1A2F;display:flex;flex-direction:column;justify-content:center;padding:20px}
.mg-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.mg-b{width:44px;height:44px;border-radius:50%;border:1px solid rgba(226,203,151,.45);background:rgba(255,255,255,.04);color:#F6F1E8;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.mg-b:hover{background:rgba(226,203,151,.18)}
.mg-n{min-width:150px;text-align:center;color:#F6F1E8;font-size:14px;letter-spacing:.08em}
.mg-sel{height:44px;border-radius:22px;border:1px solid rgba(226,203,151,.45);background:rgba(255,255,255,.04);color:#F6F1E8;padding:0 16px;font:inherit;font-size:14px;max-width:320px}
.mg-sel option{color:#14213D}
.mg-book{display:flex;justify-content:center}
#flip{margin:0 auto}
.mpage{background:#fff;overflow:hidden}
.mpage img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
#flip.noflip{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;max-width:1100px}
#flip.noflip .mpage{aspect-ratio:1076/1521}
.mg-hint{text-align:center;color:rgba(247,243,236,.65);font-size:13.5px;margin-top:18px}
.mg-hint i{font-size:18px;vertical-align:-3px;color:var(--bronze-l)}
.mg-toc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;counter-reset:none}
.mg-toc li{border-top:1px solid var(--line)}
.mg-toc button{display:grid;grid-template-columns:40px 1fr;gap:2px 12px;width:100%;text-align:left;background:none;border:0;padding:12px 0;cursor:pointer;font:inherit;color:var(--ink)}
.mg-toc button span{grid-row:span 2;font-family:var(--serif);font-size:24px;color:var(--bronze);line-height:1}
.mg-toc button b{font-weight:500;font-size:15.5px;line-height:1.35}
.mg-toc button small{color:var(--ink-2);font-size:13.5px;font-style:italic}
.mg-toc button:hover b{color:var(--bronze)}
.mg-arts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.mg-art{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border:1px solid var(--line);background:var(--card);transition:border-color .2s,transform .2s}
.mg-art:hover{border-color:var(--bronze-l);transform:translateY(-3px)}
.mg-art b{font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.25}
.mg-art small{color:var(--ink-2);font-size:14px}
.mg-art span{margin-top:auto;padding-top:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
@media(max-width:1100px){.mg-toc{grid-template-columns:1fr 1fr}.mg-arts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.mg-hw{grid-template-columns:1fr}.mg-cover{max-width:240px;margin:0 auto}.mg-toc{grid-template-columns:1fr}.mg-arts{grid-template-columns:1fr}.mg-n{min-width:110px}.mg-sel{max-width:100%;order:5;width:100%}}
/* dergi ve bültenler */
.mg-hero .over a{color:inherit;border-bottom:1px solid rgba(226,203,151,.4)}
.mg-man{font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.35;color:#F6F1E8;margin:0 0 16px;max-width:30ch}
.yb-hero{text-align:center}.yb-hero .mg-lead{margin:0 auto}.yb-hero h1{margin-top:12px}
.yb-card,.yb-big,.yb-mini{display:grid;gap:18px;align-items:start;color:var(--ink);transition:transform .25s}
.yb-card:hover,.yb-big:hover,.yb-mini:hover{transform:translateY(-4px)}
.yb-card figure,.yb-big figure,.yb-mini figure{margin:0;box-shadow:0 14px 34px rgba(20,33,61,.18),0 0 0 1px rgba(0,0,0,.05);background:#fff}
.yb-card img,.yb-big img,.yb-mini img{display:block;width:100%;height:auto}
.yb-t{display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);margin-bottom:6px}
.yb-card b,.yb-mini b{font-family:var(--serif);font-weight:500;font-size:22px;display:block}
.yb-card p,.yb-mini p{font-size:15px;line-height:1.55;color:var(--body);margin:6px 0 8px}
.yb-card small,.yb-mini small,.yb-big small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.yb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}
.yb-big{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,70px);align-items:center;max-width:1000px}
.yb-big b{font-family:var(--serif);font-weight:500;font-size:clamp(32px,3.4vw,48px);display:block;line-height:1.1}
.yb-big p{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2vw,28px);color:var(--bronze);margin:10px 0 16px}
.yb-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,180px);gap:20px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory}
.yb-mini{scroll-snap-align:start;gap:10px}.yb-mini b{font-size:17px}.yb-mini p{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mg-txtw{padding:30px 0 50px}
.mg-txt{border:1px solid var(--line);background:var(--card)}
.mg-txt summary{cursor:pointer;padding:18px 22px;font-size:15px;font-weight:500;list-style:none}
.mg-txt summary small{color:var(--ink-2);font-weight:400}
.mg-txt summary i{color:var(--bronze);font-size:18px;vertical-align:-3px}
.mg-tps{padding:0 22px 22px;max-height:70vh;overflow:auto;columns:2;column-gap:40px}
.mg-tp{break-inside:avoid;margin-bottom:18px}.mg-tp h3{font-size:16px;color:var(--bronze);margin:0 0 4px}.mg-tp p{font-size:14px;line-height:1.65;color:var(--body);margin:0}
@media(max-width:900px){.yb-grid{grid-template-columns:1fr 1fr}.yb-big{grid-template-columns:1fr}.yb-big figure{max-width:280px}.mg-tps{columns:1}}
@media(max-width:560px){.yb-grid{grid-template-columns:1fr}}
/* yayın okuyucu: telefon listesi ve büyük görünüm */
.mlist #flip.noflip{display:flex;flex-direction:column;gap:14px;max-width:760px;margin:0 auto;grid-template-columns:none}
.mlist #flip.noflip .mpage{aspect-ratio:1076/1521;width:100%;cursor:zoom-in;box-shadow:0 10px 30px rgba(0,0,0,.35);position:relative}
.mlist #flip.noflip .mpage img{width:100%;height:100%;object-fit:cover}
.mlist .mg-bar{position:sticky;top:calc(var(--hdrh,64px) + 8px);z-index:5;background:rgba(14,26,47,.92);backdrop-filter:blur(6px);padding:10px;border-radius:40px;margin:0 auto 18px;max-width:560px}
.mlist .mg-sel{order:0;width:auto;flex:1;min-width:0}
html.mg-lock,html.mg-lock body{overflow:hidden}
.mg-lb{position:fixed;inset:0;z-index:400;background:rgba(8,12,22,.96);display:flex;flex-direction:column}
.mg-lb[hidden]{display:none}
.mg-lbbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px calc(10px + env(safe-area-inset-right,0px)) 10px calc(10px + env(safe-area-inset-left,0px));padding-top:calc(10px + env(safe-area-inset-top,0px))}
.mg-lbbar button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(226,203,151,.45);background:rgba(255,255,255,.06);color:#F6F1E8;font-size:18px;cursor:pointer;display:grid;place-items:center}
.mg-lbbar span{color:#F6F1E8;min-width:80px;text-align:center;font-size:14px}
.mg-lbbar [data-a=close]{margin-left:8px}
.mg-lbsc{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;padding:0 0 calc(16px + env(safe-area-inset-bottom,0px))}
.mg-lbsc img{display:block;width:min(1076px,100%);height:auto;margin:0 auto;background:#fff;cursor:zoom-in}
.mg-lb.zm .mg-lbsc img{width:min(1600px,220%);max-width:none;cursor:zoom-out}
@media(max-width:760px){.mg-lb.zm .mg-lbsc img{width:200%}}
.mlist .mg-bar{flex-wrap:wrap;border-radius:18px;gap:8px}
.mlist .mg-sel{flex:1 0 100%;order:5;max-width:none;height:40px}
.mlist .mg-b{width:40px;height:40px}
.mg-b[hidden],.mg-lb[hidden]{display:none!important}
.mg-n{color:#F6F1E8!important;font-size:15px!important}
/* alttaki Ara / WhatsApp / Görüşme çubuğu içeriğin üstüne binmesin (iPhone alt boşluğu dahil) */
@media(max-width:760px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
  .mbar a{padding:9px 0}
  .mlist #flip.noflip{padding-bottom:12px}
  .cookie{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
}
html.mg-lock .mbar{display:none!important}
/* ekibimiz ve bilim kurulu */
.tsub{font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.4vw,34px);margin:clamp(30px,4vw,54px) 0 18px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hcard{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:22px;background:var(--card);border:1px solid var(--line);padding:18px;align-items:start}
.hcard figure{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.hcard figure img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.hcard .over{margin-bottom:6px}
.hcard h3{font-size:clamp(24px,2.2vw,30px);line-height:1.15;margin:0 0 10px}
.hun{list-style:none;margin:0 0 12px;padding:0}
.hun li{font-size:14px;color:var(--ink);padding:5px 0 5px 16px;position:relative;border-top:1px solid var(--line)}
.hun li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--bronze)}
.hcard p{font-size:15px;line-height:1.65;color:var(--body)}
.pcard .role2{font-size:13.5px;color:var(--bronze);margin:2px 0 8px;line-height:1.45}
.kchair{display:grid;grid-template-columns:minmax(150px,240px) 1fr;gap:clamp(20px,3vw,40px);align-items:center;background:var(--deep);color:var(--on-deep);padding:clamp(20px,3vw,34px);margin:0 0 22px;border:1px solid var(--bronze-l);box-shadow:inset 0 0 0 6px var(--deep),inset 0 0 0 7px rgba(226,203,151,.35)}
.kchair figure{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.kchair figure img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.kchair .over{color:var(--bronze-l)}
.kchair h3{font-size:clamp(30px,3.2vw,44px);color:var(--on-deep);margin:6px 0 6px}
.kchair .role2{color:var(--bronze-l);font-size:15px;margin-bottom:12px}
.kchair p{color:rgba(247,243,236,.86);line-height:1.7}
.kchair .more{color:var(--bronze-l);margin-top:12px;display:inline-block}
.pcard .initials,.kchair .initials{font-size:56px;aspect-ratio:4/5;height:auto}
.boardph a.chair{position:relative}
.boardph a.chair .ph{outline:2px solid var(--bronze);outline-offset:4px}
.chairb{display:block;font-style:normal;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);margin-top:12px}
.boardph .initials{font-size:44px}
@media(max-width:860px){.hgrid{grid-template-columns:1fr}}
@media(max-width:560px){.hcard{grid-template-columns:1fr}.hcard figure{max-width:260px}.kchair{grid-template-columns:1fr}.kchair figure{max-width:240px}}
.pcard .initials,.kchair .initials,.boardph .initials{background:linear-gradient(160deg,var(--ivory),var(--sand));border:1px solid var(--bronze-l);color:var(--bronze);letter-spacing:.04em}
@media(max-width:560px){
  .team1 .pgridc,.team2 .pgridc,.page-bk .pgridc{grid-template-columns:1fr 1fr!important;gap:18px 12px!important}
  .team1 .pcard h3,.team2 .pcard h3{font-size:18px;line-height:1.2}
  .team1 .pcard p,.team2 .pcard p{font-size:13.5px;line-height:1.55}
  .team1 .pcard .role2,.team2 .pcard .role2{font-size:12px}
  .pcard .initials{font-size:40px}
}
/* kamp: 10 ve 15 günlük programlar */
.kfgrid b a{color:var(--bronze);font-size:13px;letter-spacing:.06em;border-bottom:1px solid var(--bronze-l)}
.kocards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:clamp(30px,4vw,48px)}
.kocard{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);padding:24px 22px;color:var(--ink);transition:border-color .2s,transform .2s}
.kocard:hover{border-color:var(--bronze-l);transform:translateY(-3px)}
.kocard .kod{font-family:var(--serif);font-size:clamp(34px,3.4vw,46px);color:var(--bronze);line-height:1}
.kocard b{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.2}
.kocard ul{list-style:none;margin:4px 0 6px;padding:0}
.kocard li{font-size:14.5px;line-height:1.5;color:var(--body);padding:6px 0 6px 16px;position:relative;border-top:1px solid var(--line)}
.kocard li::before{content:"";position:absolute;left:2px;top:13px;width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--bronze)}
.kocard em{margin-top:auto;font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
.ktabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid var(--line)}
.ktabs button{font:inherit;font-size:15px;background:none;border:0;border-bottom:2px solid transparent;padding:12px 4px;margin-right:18px;color:var(--ink-2);cursor:pointer}
.ktabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--bronze);font-weight:500}
.kph{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,32px);margin:6px 0 16px}
.kfaz{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);margin:26px 0 10px;font-family:inherit;font-weight:500}
.kfaz:first-child{margin-top:0}
.kday2{background:var(--card);border:1px solid var(--line);margin-bottom:8px}
.kday2 summary{list-style:none;display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;padding:16px 18px;cursor:pointer}
.kday2 summary::-webkit-details-marker{display:none}
.kday2 summary span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
.kday2 summary b{font-family:var(--serif);font-weight:500;font-size:clamp(18px,1.6vw,22px);line-height:1.25}
.kday2 summary i{color:var(--bronze);transition:transform .2s}
.kday2[open] summary i{transform:rotate(180deg)}
.ksched{list-style:none;margin:0;padding:0 18px 14px}
.ksched>li{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.6;color:var(--body)}
.ksched time{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500;font-size:14px}
.ksched b{color:var(--ink);font-weight:500}
.ksched ul{margin:6px 0 0;padding-left:18px}
.ksched ul li{padding:2px 0}
@media(max-width:900px){.kocards{grid-template-columns:1fr}}
@media(max-width:600px){.ksched>li{grid-template-columns:1fr;gap:2px}.kday2 summary{grid-template-columns:1fr auto}.kday2 summary span{grid-column:1/-1}.ktabs button{margin-right:8px;font-size:14px;text-align:left}}
.ktabs,#gunluk-akis,#programlar{scroll-margin-top:110px}
/* ===== kamp programları: seçici + gün kartları + animasyonlu detay ===== */
.kprog{background:linear-gradient(180deg,var(--ivory),#F1EADF)}
.kpsel{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 34px}
.kpsel button{font:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:end;padding:22px 24px 20px;border:1px solid var(--line);background:var(--card);color:var(--ink);transition:background .45s,color .45s,border-color .45s,transform .35s,box-shadow .45s}
.kpsel button:hover{transform:translateY(-3px);border-color:var(--bronze-l)}
.kpsel .kpn{grid-row:1/3;font-family:var(--serif);font-size:clamp(54px,5.4vw,76px);line-height:.85;color:var(--bronze);transition:color .45s}
.kpsel .kpu{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);align-self:end;padding-bottom:6px}
.kpsel b{grid-column:1/-1;font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.7vw,24px);line-height:1.2;margin-top:14px}
.kpsel small{grid-column:1/-1;font-size:12.5px;letter-spacing:.06em;color:var(--ink-2);margin-top:4px}
.kpsel button[aria-selected=true]{background:var(--deep);color:var(--on-deep);border-color:var(--deep);box-shadow:0 18px 40px rgba(14,26,47,.22)}
.kpsel button[aria-selected=true] .kpn{color:var(--bronze-l)}
.kpsel button[aria-selected=true] .kpu,.kpsel button[aria-selected=true] small{color:rgba(247,243,236,.7)}
.kpind{position:absolute;left:0;top:0;height:3px;background:var(--gold);transition:transform .55s cubic-bezier(.2,.8,.2,1),width .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.kpanel{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.kpanel.in{opacity:1;transform:none}
.kpint{max-width:72ch;font-size:16px;line-height:1.7;color:var(--body);margin:0 0 20px}
.kpint b{color:var(--ink);font-weight:500}
.kdays.k7{grid-template-columns:repeat(7,minmax(0,1fr))}
.kdays.k10,.kdays.k15{grid-template-columns:repeat(5,minmax(0,1fr))}
.kprog .kday{font:inherit;text-align:left;cursor:pointer;color:var(--ink);min-height:200px}
.kpanel.in .kday{animation:kdUp .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 45ms)}
@keyframes kdUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.kday .kopen{font-style:normal;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.kday:hover .kopen,.kday.on .kopen,.kday:focus-visible .kopen{opacity:1;transform:none}
.kday.on{outline:2px solid var(--bronze);outline-offset:3px;transform:translateY(-4px)}
.kday.lab{background:#EFE6D6}.kday.lab i{color:var(--bronze)}
.kday.social{background:#E0ECE9}.kday.social i{color:#3E7A72}
.kday.fast{background:#E8E5F0}.kday.fast i{color:#6A5C8E}
.kday.body{background:#EDE4DA}.kday.body i{color:#8A6A4A}
.kday.home .kopen{color:var(--bronze-l)}
.kprog .kfaz{grid-column:1/-1;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);margin:16px 0 2px;display:flex;align-items:center;gap:14px}
.kprog .kfaz:first-child{margin-top:0}
.kprog .kfaz::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--bronze-l),transparent)}
.kdet{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1),opacity .45s ease,margin .45s;margin-top:0}
.kdet.open{grid-template-rows:1fr;opacity:1;margin-top:18px}
.kdin{overflow:hidden;transition:opacity .18s}
.kdin.fade{opacity:0}
.kdbox{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--bronze);padding:clamp(20px,3vw,34px)}
.kdbox.cold{border-top-color:#3B6A8C}.kdbox.heat{border-top-color:#B0652A}.kdbox.veg{border-top-color:#4F7A45}.kdbox.oxy{border-top-color:#A04B5A}.kdbox.social{border-top-color:#3E7A72}.kdbox.fast{border-top-color:#6A5C8E}.kdbox.home{border-top-color:var(--deep)}
.kdhd{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:18px}
.kdbig{font-family:var(--serif);font-size:clamp(46px,4.4vw,64px);line-height:.9;color:var(--bronze)}
.kdhd small{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.kdhd h3{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.3vw,32px);line-height:1.15;margin:4px 0 0}
.kdnav{display:flex;gap:6px}
.kdnav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--ivory);color:var(--ink);cursor:pointer;display:grid;place-items:center;font-size:16px;transition:border-color .2s,background .2s}
.kdnav button:hover:not([disabled]){border-color:var(--bronze);background:#fff}
.kdnav button[disabled]{opacity:.35;cursor:default}
.ktl{list-style:none;margin:0;padding:0 0 0 2px;position:relative}
.ktl::before{content:"";position:absolute;left:142px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--bronze-l),transparent)}
.ktl>li{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:10px 0;position:relative;font-size:15.5px;line-height:1.65;color:var(--body);animation:kdUp .5s cubic-bezier(.2,.8,.2,1) both}
.ktl>li:nth-child(2){animation-delay:.04s}.ktl>li:nth-child(3){animation-delay:.08s}.ktl>li:nth-child(4){animation-delay:.12s}.ktl>li:nth-child(5){animation-delay:.16s}.ktl>li:nth-child(n+6){animation-delay:.2s}
.ktl>li::before{content:"";position:absolute;left:137px;top:18px;width:11px;height:11px;border-radius:50%;background:var(--card);border:2px solid var(--bronze)}
.ktl time{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500;font-size:14px;padding-top:2px}
.ktl b{color:var(--ink);font-weight:500}
.ktl ul{margin:6px 0 0;padding-left:18px}
@media(max-width:1100px){.kdays.k7{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.kpsel{grid-template-columns:1fr;gap:10px}.kpsel button{grid-template-columns:auto auto 1fr;align-items:center;padding:16px 18px}.kpsel .kpn{grid-row:auto;font-size:44px}.kpsel b{grid-column:3;margin-top:0;font-size:19px}.kpsel small{display:none}.kpsel .kpu{padding-bottom:0}.kpind{display:none}}
@media(max-width:760px){.kdays.k7,.kdays.k10,.kdays.k15{grid-template-columns:1fr 1fr}.kprog .kday{min-height:150px}.kday .kopen{opacity:1;transform:none}
  .kdhd{grid-template-columns:auto 1fr}.kdnav{grid-column:1/-1}
  .ktl::before{left:5px}.ktl>li{grid-template-columns:1fr;gap:2px;padding-left:24px}.ktl>li::before{left:0;top:16px}}
@media (prefers-reduced-motion:reduce){.kpanel,.kdet,.kpind,.kpsel button{transition:none}.kpanel.in .kday,.ktl>li{animation:none}}
.kpsel button{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:end}
.kpsel .kpn{grid-row:1;grid-column:1;font-variant-numeric:lining-nums}
.kpsel .kpu{grid-row:1;grid-column:2;align-self:end;padding-bottom:8px}
.kdbig,.kprog .kdn{font-variant-numeric:lining-nums}
@media(max-width:900px){.kpsel button{grid-template-columns:auto auto 1fr;align-items:center}.kpsel .kpu{padding-bottom:0}.kpsel b{grid-row:1;grid-column:3}}
.kprog .kday.home{color:var(--on-deep)}
/* hekim kartları ortalı */
.pgridc.hekc{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}
.pgridc.hekc>.pcard{flex:0 1 calc((100% - 56px)/3);max-width:380px}
@media(max-width:560px){.pgridc.hekc>.pcard{flex-basis:calc((100% - 12px)/2)}.pgridc.hekc{gap:18px 12px}}
/* bilim kurulu başkanı: daha büyük portre */
.kchair{grid-template-columns:minmax(200px,320px) 1fr}
.kchair figure,.boardph .ph,.pcard .ph{overflow:hidden}
/* kamp girişi: yazıların arka plandan ayrışması */
.khero::after{background:linear-gradient(180deg,rgba(8,14,28,.55) 0%,rgba(8,14,28,.42) 35%,rgba(8,14,28,.62) 60%,rgba(8,14,28,.9) 100%),linear-gradient(90deg,rgba(8,14,28,.55) 0%,rgba(8,14,28,.15) 65%,rgba(8,14,28,0) 100%)}
.khero .khin{position:relative;z-index:1}
.khero h1,.khero .klead{text-shadow:0 2px 24px rgba(0,0,0,.45)}
.khero h1 em{background:linear-gradient(100deg,#E9D5A8,#F6E7C4 45%,#D9B97E);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 14px rgba(0,0,0,.5))}
.khero .ksub{color:#EAD7AE;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.khero .mlabel{color:#EAD7AE;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.khero .klead{color:#F7F3EC}
/* ===== kart ızgaraları: eksik son satır ortalı, "Özgeçmiş" bağlantıları aynı hizada ===== */
.pgridc{display:flex!important;flex-wrap:wrap;justify-content:center;gap:48px 32px!important}
.pgridc>.pcard{flex:0 1 calc((100% - 64px)/3);max-width:none;display:flex;flex-direction:column}
.pgridc>.pcard h3{min-height:1.2em}
.pgridc>.pcard .role2{min-height:2.9em}
.pgridc>.pcard>p:not(.role2){flex-grow:0}
.pgridc>.pcard .more{margin-top:auto;align-self:flex-start}
.pgridc>.pcard>p:last-child{margin-bottom:0}
@media(max-width:1000px){.pgridc>.pcard{flex-basis:calc((100% - 32px)/2)}}
@media(max-width:560px){.pgridc{gap:22px 12px!important}.pgridc>.pcard{flex-basis:calc((100% - 12px)/2)}.pgridc>.pcard .role2{min-height:0}}
/* dil seçici */
.langsw{display:inline-flex;gap:2px;align-items:center;margin-right:18px;padding-right:14px;border-right:1px solid rgba(226,203,151,.3)}
.langsw a{font-size:11px;letter-spacing:.14em;color:rgba(247,243,236,.7);padding:4px 6px;border-radius:2px;transition:color .2s}
.langsw a:hover{color:#fff}
.langsw a.on{color:var(--bronze-l);font-weight:500}
.mobmenu .langsw.mlang{display:flex;justify-content:center;gap:6px;margin:0 0 14px;padding:0 0 14px;border-right:0;border-bottom:1px solid var(--line)}
.mobmenu .langsw.mlang a{color:var(--ink-2);font-size:13px;padding:6px 10px;border:1px solid var(--line)}
.mobmenu .langsw.mlang a.on{color:var(--ink);border-color:var(--bronze)}
@media(max-width:900px){.pbar .langsw{display:none}}
.hcta{white-space:nowrap}
/* dil seçici: bayraklar */
.langsw{gap:8px}
.langsw a{display:inline-flex;align-items:center;padding:3px;border-radius:3px;opacity:.62;transition:opacity .2s,transform .2s,box-shadow .2s}
.langsw a:hover{opacity:1;transform:translateY(-1px)}
.langsw a.on{opacity:1;box-shadow:0 0 0 1.5px var(--bronze-l)}
.langsw svg{width:21px;height:14px;display:block;border-radius:2px;box-shadow:0 0 0 .5px rgba(0,0,0,.25)}
.langsw .lname{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mobmenu .langsw.mlang{gap:10px}
.mobmenu .langsw.mlang a{padding:6px 8px;opacity:.75;border:1px solid var(--line)}
.mobmenu .langsw.mlang a.on{opacity:1;border-color:var(--bronze);box-shadow:none}
.mobmenu .langsw.mlang svg{width:27px;height:18px}
.mobmenu .langsw.mlang .lname{position:static;width:auto;height:auto;clip:auto;font-size:12.5px;margin-left:7px;color:var(--ink)}
.mobmenu .langsw.mlang .lname{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mobmenu .langsw.mlang{gap:14px}
.mobmenu .langsw.mlang a{padding:7px 9px}
.mobmenu .langsw.mlang svg{width:30px;height:20px}
/* dil seçici: üst menüde sabit */
.pbar .langsw{display:none!important}
.hlang{position:relative;margin-right:18px;align-self:center}
.hlang summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 4px;border-radius:3px}
.hlang summary::-webkit-details-marker{display:none}
.hlang summary svg{width:24px;height:16px;display:block;border-radius:2px;box-shadow:0 0 0 .5px rgba(0,0,0,.25)}
.hlang summary i{font-size:11px;opacity:.7;transition:transform .25s}
.hlang[open] summary i{transform:rotate(180deg)}
.hlang-p{position:absolute;right:-8px;top:calc(100% + 10px);display:flex;gap:6px;padding:10px;background:var(--ivory);border:1px solid var(--line);box-shadow:0 14px 34px rgba(14,26,47,.18);z-index:60;animation:hlIn .22s ease}
@keyframes hlIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.hlang-p a{display:flex;padding:5px;border-radius:3px;opacity:.7;transition:opacity .2s,background .2s}
.hlang-p a:hover{opacity:1;background:rgba(184,146,90,.12)}
.hlang-p a.on{opacity:1;box-shadow:0 0 0 1.5px var(--bronze)}
.hlang-p svg{width:28px;height:19px;display:block;border-radius:2px;box-shadow:0 0 0 .5px rgba(0,0,0,.25)}
.hlang-p .lname{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.right{display:flex;align-items:center}
@media(max-width:1100px){.hlang{margin-right:0}}
.hlang summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-4px 0 0 6px;opacity:.7;transition:transform .25s}
.hlang[open] summary::after{transform:rotate(225deg);margin-top:3px}
.hlang summary::before{display:none!important}
.hlang summary::after{position:static!important;inset:auto!important;flex:none}
/* uzun Almanca/Rusça kelimeler: tireleme ve taşma koruması */
html[lang=de] body,html[lang=ru] body{-webkit-hyphens:auto;hyphens:auto}
.kfgrid>*{min-width:0}
.kfgrid b,.kfgrid span{overflow-wrap:break-word}
html[lang=de] :is(h1,h2,h3,h4,.over,.lead),html[lang=ru] :is(h1,h2,h3,h4,.over,.lead){overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.needs .w>*,.needs .w>*>*{min-width:0}
/* dil seçici en sağda */
.hlang{margin-right:0;margin-left:18px}
@media(max-width:1100px){.hlang{margin-left:10px}}
/* ===== çok dilli satır taşması düzeltmeleri ===== */
/* açılır menüler: içeriğe göre genişler, bağlantılar tek satır */
.ddm{width:max-content}
.ddm a{white-space:nowrap}
.ddm.cols2{min-width:0;grid-template-columns:repeat(2,max-content)}
.ddm.cols3{min-width:0;grid-template-columns:repeat(3,max-content)}
/* alt bilgi: sütunlar en uzun bağlantıya göre; telefonda tek sütun */
.fgrid li a{white-space:nowrap}
@media(min-width:901px){.fgrid{grid-template-columns:minmax(0,1fr) repeat(3,max-content);column-gap:56px}}
@media(max-width:600px){.fgrid{grid-template-columns:1fr}.fgrid li{padding:5px 0}}
/* başlık ve sorularda dengeli satır kırılması */
h1,h2,h3,h4,summary,.over,.role2{text-wrap:balance}
/* telefonda düğme ve etiket aralıkları */
@media(max-width:600px){
  .btn{letter-spacing:.1em;padding-left:20px;padding-right:20px}
  .more{letter-spacing:.12em}
  .over{letter-spacing:.15em}
  html:not([lang=tr]) .hx .hfoot .acts{grid-template-columns:1fr}
}
/* takvim: uzun dillerde hücre başlıkları */
html:not([lang=tr]) .cd b{font-size:15.5px;line-height:1.15}
@media(max-width:900px){html:not([lang=tr]) .cal{min-width:700px}html:not([lang=tr]) .cd b{font-size:14.5px}}
/* kamp program kartları */
html:not([lang=tr]) .kpsel b{font-size:clamp(18px,1.5vw,22px)}
@media(max-width:600px){html:not([lang=tr]) .kday small,html:not([lang=tr]) main a small{letter-spacing:.06em}}
html:not([lang=tr]) .kday small{letter-spacing:.07em}
/* ===== ana sayfa bilim kurulu: simetrik düzen ===== */
.boardph{display:block}
.boardph .bfeat{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(18px,2.4vw,28px);background:var(--deep);color:var(--on-deep);margin-bottom:clamp(28px,3.4vw,44px);border:1px solid var(--deep);transition:border-color .4s}
.bfeat:hover{border-color:var(--bronze-l)}
.boardph .bfeat .ph{aspect-ratio:4/5;overflow:hidden;background:var(--sand);margin:0}
.bfeat .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.bfeat .chairb{display:block;font-style:normal;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-l);margin-bottom:12px}
.bfeat b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.8vw,40px);line-height:1.1}
.bfeat span{display:block;margin-top:8px;font-size:14px;color:var(--bronze-l)}
.bfeat p{margin-top:16px;max-width:56ch;font-size:15.5px;line-height:1.7;color:rgba(247,243,236,.85)}
.bfeat .more{display:inline-block;margin-top:18px;font-style:normal;color:var(--on-deep)}
.b8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,32px) clamp(16px,2vw,28px)}
.boardph .b8 a{display:flex;flex-direction:column}
.boardph .b8 .ph{aspect-ratio:3/4;overflow:hidden;background:var(--sand);margin-bottom:14px}
.b8 img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(.2);transition:filter .5s,transform 1.4s}
.b8 a:hover img{filter:none;transform:scale(1.04)}
.b8 b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(18px,1.55vw,21px);line-height:1.2;min-height:2.4em;text-wrap:balance}
.b8 span{display:block;font-size:13px;line-height:1.45;color:var(--ink-2);min-height:2.9em}
.b8 .initials{font-size:44px}
@media(max-width:900px){.b8{grid-template-columns:repeat(2,minmax(0,1fr))}.boardph .bfeat{grid-template-columns:150px 1fr}.bfeat p{display:none}}
@media(max-width:520px){.boardph .bfeat{grid-template-columns:110px 1fr;gap:18px;padding:16px}.bfeat b{font-size:24px}.bfeat span{font-size:13px}.b8 b{font-size:17px}}
/* heceleme yalnızca akan metinde; menü, düğme ve etiketlerde kelime bölünmez */
html[lang=de] body,html[lang=ru] body{-webkit-hyphens:manual;hyphens:manual}
html[lang=de] :is(p,li,dd,td,blockquote),html[lang=ru] :is(p,li,dd,td,blockquote){-webkit-hyphens:auto;hyphens:auto}
html[lang=de] :is(h1,h2,h3,h4,.over,.lead),html[lang=ru] :is(h1,h2,h3,h4,.over,.lead){-webkit-hyphens:manual;hyphens:manual}
@media(max-width:600px){html[lang=de] :is(h1,h2,h3),html[lang=ru] :is(h1,h2,h3){-webkit-hyphens:auto;hyphens:auto}}
:is(.menu,.hd,header) :is(a,button,span,b),.hcta,.btn,.more,.over,.mbar a,.ddm a,nav a,.chairb,small{-webkit-hyphens:manual!important;hyphens:manual!important}
.menu a,.ddt,.hcta{white-space:nowrap}
/* üst menü: logo asla küçülmez; dar masaüstünde yabancı dillerde aralıklar daralır */
.logo,.logo img{flex-shrink:0}
.logo{min-width:max-content}
@media(min-width:1181px) and (max-width:1380px){
  html:not([lang=tr]) .menu{gap:18px}
  html:not([lang=tr]) .menu a{letter-spacing:.12em;font-size:12px}
  html:not([lang=tr]) .right{gap:18px}
  html:not([lang=tr]) .right .hcta{padding:12px 16px;letter-spacing:.12em}
}
@media(min-width:1181px) and (max-width:1280px){
  html:not([lang=tr]) .menu{gap:14px}
  html:not([lang=tr]) .right{gap:12px}
  html:not([lang=tr]) .hlang{margin-left:8px}
}
@media(min-width:1181px){html[lang=de] .menu a{letter-spacing:.12em}html[lang=de] .menu{gap:clamp(14px,1.4vw,24px)}html[lang=de] .right .hcta{letter-spacing:.12em}}
.boardph .bfeat .bfi{display:block}
.boardph .bfeat .more{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;width:auto;border-bottom:1px solid var(--bronze-l);padding-bottom:4px}
/* uzun kelimeler kapsayıcıyı genişletmesin */
.qhead>*,.kchair>*,.kchair div,.mg-bar>*,.shead>*{min-width:0}
.mg-sel{max-width:100%;min-width:0;text-overflow:ellipsis}
.mg-bar{flex-wrap:wrap;max-width:100%}
.mg-hint{max-width:100%}
html:not([lang=tr]) :is(h1,h2,h3,.over,.role2,.chairb){overflow-wrap:break-word}
@media(max-width:600px){html:not([lang=tr]) .kchair .over{letter-spacing:.1em}}
@media(max-width:700px){.kchair{grid-template-columns:1fr!important}.kchair figure{max-width:240px}}
.mg-stage{min-width:0;max-width:100%}
.mg-bar{min-width:0}
.mg-bar .mg-sel{flex:1 1 120px;width:auto;min-width:0;max-width:100%}
.phero{overflow:hidden}
.mg-bar{width:100%}
.mg-bar .mg-sel{max-width:min(100%,280px)!important}
.facts2 dl>*{min-width:0}
.facts2 dd,.facts2 dt{overflow-wrap:break-word}
.facts2 dl>*{min-width:0}.facts2 :is(dt,dd){overflow-wrap:break-word}
/* hakkımızda: yetki belgesi */
.ab-belge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:center}
.ab-belge h2{margin:6px 0 18px}
.ab-belge .lead{margin-bottom:22px}
.ab-bdl{display:grid;grid-template-columns:repeat(3,auto);gap:14px 28px;margin:0 0 24px;justify-content:start}
.ab-bdl dt{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);margin-bottom:4px}
.ab-bdl dd{font-family:var(--serif);font-size:19px;overflow-wrap:anywhere}
.ab-belge-img{display:block;background:#fff;padding:10px;border:1px solid var(--line);box-shadow:0 22px 50px rgba(14,26,47,.12);transition:transform .4s}
.ab-belge-img:hover{transform:translateY(-4px)}
.ab-belge-img img{display:block;width:100%;height:auto}
@media(max-width:900px){.ab-belge{grid-template-columns:1fr}.ab-bdl{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ab-bdl{grid-template-columns:1fr}}
/* sol menüdeki geniş açılır menüler başlığın sol kenarına hizalanır (ortalanınca ekrandan taşabiliyordu) */
header nav.menu:first-of-type .ddm.cols2,header nav.menu:first-of-type .ddm.cols3{left:-24px;transform:translateY(8px)}
header nav.menu:first-of-type .dd:hover .ddm.cols2,header nav.menu:first-of-type .dd:focus-within .ddm.cols2,header nav.menu:first-of-type .dd:hover .ddm.cols3,header nav.menu:first-of-type .dd:focus-within .ddm.cols3{transform:none}
/* sağ menüdeki geniş açılır menüler başlığın sağ kenarına hizalanır */
header .right .ddm.cols2,header .right .ddm.cols3{left:auto!important;right:-24px;transform:translateY(8px)}
header .right .dd:hover .ddm.cols2,header .right .dd:focus-within .ddm.cols2,header .right .dd:hover .ddm.cols3,header .right .dd:focus-within .ddm.cols3{transform:none}
/* kamp: programa dahil genetik testler */
.kgen{display:flex;gap:18px;align-items:flex-start;max-width:820px;margin:0 0 26px;padding:18px 22px;background:var(--card);border:1px solid var(--line);border-left:2px solid var(--bronze)}
.kgen>i{font-size:34px;color:var(--bronze);flex:none;margin-top:2px}
.kgen p{font-size:15px;line-height:1.7;color:var(--body);margin:0}
.kgen .kgk{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin-bottom:6px}
.kgen a,.ktl a{color:var(--ink);border-bottom:1px solid var(--bronze-l)}
.kgen a:hover,.ktl a:hover{color:var(--bronze)}
@media (max-width:640px){.kgen{padding:16px;gap:12px}.kgen>i{font-size:26px}}
/* aynı sütunda ikinci grup başlığı */
.ddc a+.ddh{margin-top:22px}
/* ============ Genetik analiz sayfaları (gx-) ============ */
.gx-sec{padding:clamp(72px,9vw,128px) 0}
.gx-tight{padding:clamp(32px,4vw,56px) 0}
.gx-sand{background:var(--sand)}
.gx-intro{padding:clamp(64px,8vw,112px) 0 clamp(24px,3vw,40px)}
.gx-ig{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.gx-ig h2{font-size:clamp(40px,4.6vw,64px);margin-bottom:28px}
.gx-lead{font-family:var(--serif);font-size:clamp(23px,2vw,29px);line-height:1.45;color:var(--ink);margin-bottom:22px}
.gx-ig p{font-size:17px;line-height:1.85;color:var(--body)}
.gx-by{display:flex;align-items:center;gap:18px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line);font-size:14px!important;color:var(--ink-2)!important}
.gx-logo{height:34px;width:auto;flex:none}
.gx-stats{display:grid;grid-template-columns:1fr 1fr;background:var(--card);border:1px solid var(--line)}
.gx-stats>div{padding:clamp(24px,3vw,40px);border-bottom:1px solid var(--line)}
.gx-stats>div:nth-child(odd){border-right:1px solid var(--line)}
.gx-stats>div:nth-last-child(-n+2){border-bottom:0}
.gx-stats b{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(52px,5.4vw,80px);line-height:1;color:var(--bronze)}
.gx-stats span{display:block;margin-top:12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);line-height:1.5}
.gx-whys{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,36px)}
.gx-why{padding:34px 30px 30px;border-top:1px solid var(--bronze)}
.gx-why>i,.gx-uses i,.gx-lim i{font-size:38px;color:var(--bronze)}
.gx-why h3,.gx-uses h3{font-size:clamp(26px,2.2vw,32px);margin:18px 0 12px}
.gx-why p,.gx-uses p{font-size:16px;line-height:1.75;color:var(--body)}
/* Genometabolics alanları */
.gx-doms{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.gx-dom{background:var(--card);border:1px solid var(--line);padding:32px 30px 26px}
.gx-dom:first-child{grid-row:span 2}
.gx-dom>i{font-size:34px;color:var(--bronze)}
.gx-dom h3{font-size:clamp(25px,2vw,30px);margin:14px 0 18px}
.gx-dom ol{list-style:none}
.gx-dom li{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.5;color:var(--body)}
.gx-dom li span{flex:none;width:24px;font-size:12px;letter-spacing:.08em;color:var(--bronze);padding-top:3px}
/* GenoNutra grupları */
.gx-grps{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(14px,1.6vw,22px)}
.gx-grp{background:var(--card);border:1px solid var(--line);padding:24px 24px 22px;display:flex;flex-direction:column}
.gx-gh{display:flex;align-items:center;gap:12px}
.gx-gh i{font-size:28px;color:var(--bronze)}
.gx-gn{font-size:12px;letter-spacing:.1em;color:var(--ink-2)}
.gx-gh b{margin-left:auto;font-family:var(--serif);font-weight:300;font-size:40px;line-height:1;color:var(--bronze)}
.gx-grp h3{font-size:23px;line-height:1.2;margin:16px 0 14px;min-height:2.4em}
.gx-bar{height:3px;background:var(--line)}
.gx-bar i{display:block;height:100%;background:var(--bronze)}
.gx-cnt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:8px 0 14px}
.gx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.gx-chips span{font-size:12.5px;padding:4px 10px;border:1px solid var(--line);color:var(--body);background:var(--ivory)}
/* süreç */
.gx-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.gx-steps li{position:relative;padding:0 28px 0 0}
.gx-steps li::before{content:"";position:absolute;top:22px;left:56px;right:0;height:1px;background:var(--bronze-l)}
.gx-steps li:last-child::before{display:none}
.gx-n{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--bronze);border-radius:50%;font-size:13px;color:var(--bronze);background:var(--sand);position:relative}
.gx-steps i{display:block;font-size:32px;color:var(--ink);margin:26px 0 10px}
.gx-steps h3{font-size:clamp(24px,2vw,29px);margin-bottom:10px}
.gx-steps p{font-size:15.5px;line-height:1.75;color:var(--body)}
/* rapor katmanları */
.gx-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.gx-tier{padding:30px 28px;background:var(--card);border:1px solid var(--line);border-top:3px solid}
.gx-tier.t1{border-top-color:#B5654A}.gx-tier.t2{border-top-color:var(--bronze)}.gx-tier.t3{border-top-color:#6E8B74}
.gx-dot{display:block;width:10px;height:10px;border-radius:50%;background:currentColor}
.gx-tier.t1 .gx-dot{color:#B5654A}.gx-tier.t2 .gx-dot{color:var(--bronze)}.gx-tier.t3 .gx-dot{color:#6E8B74}
.gx-tier h3{font-size:clamp(25px,2vw,30px);margin:18px 0 10px}
.gx-tier p{font-size:16px;line-height:1.75;color:var(--body)}
.gx-ex{margin-top:32px;font-size:15.5px;line-height:1.85;color:var(--ink-2);max-width:96ch}
.gx-ex b{color:var(--ink);font-weight:500}
.gx-score{margin-top:clamp(28px,3vw,44px);padding:30px;border:1px solid var(--line);background:var(--ivory)}
.gx-sk{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin-bottom:16px}
.gx-scale{display:grid;grid-template-columns:35fr 30fr 35fr;gap:3px;margin-bottom:18px}
.gx-scale span{padding:12px 14px;font-size:14px;color:var(--ink);display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.gx-scale small{font-size:11.5px;color:var(--ink-2)}
.gx-scale .z1{background:#E4E9E2}.gx-scale .z2{background:#EFE3CC}.gx-scale .z3{background:#EED7CC}
.gx-score>p:last-child{font-size:15.5px;line-height:1.75;color:var(--body);max-width:90ch}
/* kullanım */
.gx-uses{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
.gx-uses>div{background:var(--card);border:1px solid var(--line);padding:30px 26px}
/* karşılaştırma */
.gx-cmpw{border:1px solid var(--line);background:var(--card)}
.gx-cmp{width:100%;border-collapse:collapse;min-width:620px}
.gx-cmp th,.gx-cmp td{padding:18px 24px;text-align:left;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.6;vertical-align:top}
.gx-cmp tbody tr:last-child th,.gx-cmp tbody tr:last-child td{border-bottom:0}
.gx-cmp thead th{font-family:var(--serif);font-weight:300;font-size:clamp(24px,2vw,30px);color:var(--ink)}
.gx-cmp thead th a{border-bottom:1px solid var(--bronze-l)}
.gx-cmp tbody th{width:22%;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;color:var(--bronze)}
.gx-cmp td{color:var(--body)}
.gx-cmp .on{background:rgba(156,124,80,.08)}
.gx-cmp thead .on{box-shadow:inset 0 3px 0 var(--bronze)}
/* kamp bandı */
.gx-camp{background:var(--deep);color:var(--on-deep);padding:clamp(64px,8vw,112px) 0}
.gx-cg{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.gx-camp h2{font-size:clamp(40px,4.4vw,62px);margin-bottom:22px;color:var(--on-deep)}
.gx-camp p{color:rgba(247,243,236,.82);font-size:17px;line-height:1.85}
.gx-camp .over{color:var(--bronze-l)}
.gx-cacts{margin-top:30px}
.gx-cl{list-style:none;border-top:1px solid rgba(247,243,236,.2)}
.gx-cl li{display:grid;grid-template-columns:auto 1fr;column-gap:24px;padding:24px 0;border-bottom:1px solid rgba(247,243,236,.2)}
.gx-cl b{grid-row:span 2;font-family:var(--serif);font-weight:300;font-size:46px;line-height:1;color:var(--bronze-l)}
.gx-cl span{font-size:17px;color:var(--on-deep)}
.gx-cl em{font-style:normal;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-l);margin-top:6px}
/* SSS */
.gx-fg{display:grid;grid-template-columns:1fr 2fr;gap:clamp(32px,5vw,80px)}
.gx-fg h2{font-size:clamp(40px,4.4vw,62px)}
.gx-faq details{border-bottom:1px solid var(--line)}
.gx-faq details:first-child{border-top:1px solid var(--line)}
.gx-faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;font-family:var(--serif);font-size:clamp(21px,1.7vw,25px);line-height:1.35;color:var(--ink)}
.gx-faq summary::-webkit-details-marker{display:none}
.gx-faq details p{padding:0 0 24px;font-size:16.5px;line-height:1.8;color:var(--body);max-width:72ch}
/* sınırlar */
.gx-lim{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px)}
.gx-lim>div{padding:32px 30px;border:1px solid var(--line);background:var(--card)}
.gx-lim h3{font-size:clamp(24px,2vw,29px);margin:14px 0 10px}
.gx-lim p{font-size:15.5px;line-height:1.8;color:var(--body)}
.gx-tight .pager{margin-top:0}
@media (max-width:1100px){.gx-doms{grid-template-columns:1fr 1fr}.gx-dom:first-child{grid-row:auto}.gx-uses{grid-template-columns:1fr 1fr}.gx-steps{grid-template-columns:1fr 1fr;row-gap:44px}.gx-steps li:nth-child(2)::before{display:none}}
@media (max-width:860px){.gx-ig,.gx-cg,.gx-fg{grid-template-columns:1fr}.gx-whys,.gx-tiers,.gx-lim{grid-template-columns:1fr}.gx-why{padding:26px 0 0}}
@media (max-width:600px){.gx-doms,.gx-uses,.gx-steps{grid-template-columns:1fr}.gx-steps li::before{display:none}.gx-scale span{flex-direction:column;gap:2px;font-size:13px}.gx-grp h3{min-height:0}}
/* ---- gx: görseller, grafikler, atlas ---- */
.gx-wg{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,5vw,80px);align-items:center}
.gx-wimg{position:relative;margin:0}
.gx-wimg img{width:100%;aspect-ratio:4/5;object-fit:cover}
.gx-wimg figcaption{position:absolute;left:0;bottom:0;padding:10px 16px;background:rgba(20,33,61,.82);color:var(--on-deep);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.gx-wg .gx-whys{grid-template-columns:1fr;gap:0}
.gx-wg .gx-why{display:flex;gap:22px;align-items:flex-start;padding:28px 0;border-top:1px solid var(--line)}
.gx-wg .gx-why:last-child{border-bottom:1px solid var(--line)}
.gx-wg .gx-why h3{margin:0 0 8px}
.gx-mapg{display:grid;grid-template-columns:minmax(260px,.75fr) 2fr;gap:clamp(28px,4vw,64px);align-items:start}
.gx-rw{position:sticky;top:120px}
.gx-ring{width:100%;max-width:380px;display:block;margin:0 auto}
.gx-rc{fill:var(--card)}
.gx-rb{font-family:var(--serif);font-size:84px;font-weight:300;fill:var(--bronze)}
.gx-rs{font-family:var(--sans);font-size:13px;letter-spacing:.24em;text-transform:uppercase;fill:var(--ink-2)}
.gx-rl{font-family:var(--sans);font-size:12px;fill:#fff;letter-spacing:.04em}
.gx-leg{list-style:none;margin-top:26px}
.gx-leg li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14.5px;color:var(--body)}
.gx-leg i{width:12px;height:12px;flex:none}
.gx-leg b{margin-left:auto;font-weight:400;color:var(--ink-2)}
.gx-rcap{margin-top:20px;font-size:14px;line-height:1.7;color:var(--ink-2);text-align:center}
.gx-mapg .gx-doms{grid-template-columns:1fr 1fr}
.gx-mapg .gx-dom:first-child{grid-row:auto}
.gx-dom,.gx-grp{border-top:3px solid var(--c,var(--bronze))}
.gx-dom>i,.gx-grp .gx-gh i{color:var(--c,var(--bronze))}
.gx-grp .gx-bar i{background:var(--c,var(--bronze))}
.gx-mapg .gx-grps{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
/* genetik dili */
.gx-lg{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(36px,5vw,80px);align-items:center}
.gx-lg .shead{margin-bottom:28px}
.gx-dl div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line)}
.gx-dl dt{font-family:var(--serif);font-size:24px;color:var(--bronze);line-height:1.2}
.gx-dl dd{font-size:15.5px;line-height:1.75;color:var(--body)}
.gx-lfig{margin:0;padding:clamp(24px,3vw,40px);background:var(--card);border:1px solid var(--line)}
.gx-helix{width:100%;display:block}
.gx-hl{fill:none;stroke:var(--deep);stroke-width:3}
.gx-hl.b{stroke:var(--bronze)}
.gx-hb{stroke:var(--bronze-l);stroke-width:2;opacity:.75}
.gx-hs{stroke:#B5654A;stroke-width:4}
.gx-hc{fill:none;stroke:#B5654A;stroke-width:1.5;stroke-dasharray:3 3}
.gx-ht{font-family:var(--sans);font-size:13px;letter-spacing:.18em;fill:#B5654A}
.gx-gts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.gx-gts li{text-align:center;padding:16px 8px;border:1px solid var(--line);background:var(--ivory)}
.gx-gt{display:block;font-family:var(--serif);font-size:34px;letter-spacing:.08em;color:var(--ink)}
.gx-gts li:nth-child(2) .gx-gt{color:var(--bronze)}.gx-gts li:nth-child(3) .gx-gt{color:#B5654A}
.gx-gts b{display:block;font-weight:400;font-size:14px;margin-top:4px}
.gx-gts small{font-size:12px;color:var(--ink-2)}
.gx-lfig figcaption{margin-top:18px;font-size:14px;line-height:1.7;color:var(--ink-2)}
/* fotoğraf bandı */
.gx-band{position:relative;min-height:clamp(320px,42vw,520px);display:flex;align-items:center;overflow:hidden;background:var(--deep)}
.gx-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.gx-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,33,61,.85),rgba(20,33,61,.2))}
.gx-band .w{position:relative;z-index:1;width:100%}
.gx-bq{font-family:var(--serif);font-weight:300;font-size:clamp(32px,4vw,56px);line-height:1.15;color:var(--on-deep);max-width:20ch;margin-bottom:22px}
.gx-band .over{color:var(--bronze-l)}
/* atlas */
.gx-atlas{background:linear-gradient(180deg,var(--deep),#0F1A31);color:var(--on-deep);padding:clamp(72px,9vw,128px) 0}
.gx-ah{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,80px);align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.gx-atlas h2{font-size:clamp(40px,4.6vw,66px);color:var(--on-deep)}
.gx-atlas .over{color:var(--bronze-l)}
.gx-ah p{font-size:16.5px;line-height:1.85;color:rgba(247,243,236,.82)}
.gx-af{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:22px}
.gx-af li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:rgba(247,243,236,.9)}
.gx-af i{font-size:20px;color:var(--bronze-l);flex:none}
.gx-browser{margin:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 40px 90px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12)}
.gx-bbar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#E9E5DD}
.gx-bbar span{width:11px;height:11px;border-radius:50%;background:#C9C2B5}
.gx-bbar span:first-child{background:#D9826B}.gx-bbar span:nth-child(2){background:#D8B46A}.gx-bbar span:nth-child(3){background:#8FB08A}
.gx-bbar em{font-style:normal;font-size:12px;color:#5E6577;margin-left:12px;letter-spacing:.04em}
.gx-browser img{width:100%;display:block;transition:transform .6s}
.gx-browser a{display:block;overflow:hidden}
.gx-browser a:hover img{transform:scale(1.015)}
.gx-anote{margin-top:16px;font-size:13px;color:rgba(247,243,236,.6);text-align:center}
.gx-zooms{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);margin-top:clamp(28px,3vw,44px)}
.gx-zooms figure{margin:0;background:#fff;border-radius:6px;overflow:hidden}
.gx-zooms a{display:block;overflow:hidden}
.gx-zooms img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .6s}
.gx-zooms a:hover img{transform:scale(1.06)}
.gx-zooms figcaption{padding:14px 16px;background:#152443;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-l)}
.gx-teaser{display:grid;grid-template-columns:1fr 1.3fr;background:var(--deep);color:var(--on-deep);overflow:hidden}
.gx-teaser img{width:100%;height:100%;object-fit:cover;min-height:240px;transition:transform .6s}
.gx-teaser:hover img{transform:scale(1.04)}
.gx-teaser>div{padding:clamp(28px,4vw,52px)}
.gx-teaser .over{color:var(--bronze-l)}
.gx-teaser h3{font-size:clamp(32px,3vw,44px);margin:6px 0 12px;color:var(--on-deep)}
.gx-teaser p{color:rgba(247,243,236,.82);font-size:16px;line-height:1.8}
.gx-teaser .more{display:inline-block;margin-top:16px;color:var(--bronze-l)}
/* kamp bandı arka planı */
.gx-camp{position:relative;overflow:hidden}
.gx-cbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}
.gx-camp .w{position:relative;z-index:1}
@media (max-width:1100px){.gx-mapg{grid-template-columns:1fr}.gx-rw{position:static;max-width:420px;margin:0 auto}}
@media (max-width:860px){.gx-wg,.gx-lg,.gx-ah,.gx-teaser{grid-template-columns:1fr}.gx-wimg img{aspect-ratio:16/10}.gx-zooms{grid-template-columns:1fr}.gx-af{grid-template-columns:1fr}.gx-mapg .gx-doms{grid-template-columns:1fr}}
@media (max-width:600px){.gx-dl div{grid-template-columns:1fr;gap:4px}.gx-gt{font-size:26px}}
.gx-lg .shead{display:block}
.gx-lg .shead h2{font-size:clamp(36px,3.6vw,54px)}
/* ============ Metabolik Atlas (vektörel) ============ */
.at-app{display:grid;grid-template-columns:270px 1fr;background:#FBF9F5;color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12)}
.at-side{background:#F4F0E8;border-right:1px solid var(--line);padding:22px 14px;max-height:760px;overflow:auto}
.at-brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin:0 8px 18px;font-weight:500}
.at-brand i{font-size:18px;color:var(--deep)}
.at-secs{list-style:none}
.at-secs button{display:flex;gap:12px;width:100%;text-align:left;background:none;border:0;border-left:3px solid transparent;padding:9px 10px;font:inherit;font-size:13.5px;line-height:1.35;color:var(--body);cursor:pointer;border-radius:0 6px 6px 0;transition:background .2s}
.at-secs button span{flex:none;width:20px;font-size:11.5px;color:var(--ink-2);padding-top:1px}
.at-secs button:hover{background:rgba(20,33,61,.05)}
.at-secs button.on{background:var(--deep);color:var(--on-deep);border-left-color:var(--bronze)}
.at-secs button.on span{color:var(--bronze-l)!important}
.at-main{display:flex;flex-direction:column;min-width:0}
.at-top{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;padding:20px 22px 16px;border-bottom:1px solid var(--line)}
.at-crumb{font-size:12.5px;color:var(--ink-2)}
.at-crumb b{font-weight:400;color:var(--ink)}
.at-cnt{font-family:var(--serif);font-size:22px;color:var(--ink);margin-top:2px}
.at-cnt b{font-weight:500}
.at-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.at-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 4px 4px 14px}
.at-search i{color:var(--ink-2)}
.at-search input{border:0;outline:0;font:inherit;font-size:14px;width:170px;background:none;color:var(--ink)}
.at-go{border:0;background:var(--sand);color:var(--ink);border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}
.at-zoom{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px}
.at-zoom button{border:0;background:none;font:inherit;font-size:17px;width:34px;height:30px;cursor:pointer;color:var(--ink);border-radius:999px}
.at-zoom button:hover{background:var(--sand)}
.at-zoom .at-all{width:auto;padding:0 14px;font-size:13px;border-left:1px solid var(--line);border-radius:0 999px 999px 0}
.at-zv{font-weight:400;font-size:13px;min-width:48px;text-align:center}
.at-stage{position:relative;height:clamp(400px,calc(100vh - 230px),680px);height:clamp(400px,calc(100svh - 230px),680px);background:#fff;cursor:grab;touch-action:pan-y;overflow:hidden}
.at-stage:active{cursor:grabbing}
.at-svg{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none}
.at-sl{font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:.08em}
.at-sn{font-family:var(--sans);font-size:13px;letter-spacing:.16em;text-transform:uppercase;fill:#5E6577}
.at-m text{font-family:var(--sans);font-size:12.5px;fill:#283048}
.at-gb{fill:#fff}
.at-gs{font-family:var(--sans);font-size:12.5px;font-weight:600;fill:#fff;letter-spacing:.04em}
.at-rs{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;fill:#3E6B52}
.at-g{cursor:pointer}
.at-g:hover,.at-g:focus,.at-m[data-k]:hover,.at-m[data-k]:focus{filter:brightness(1.08) drop-shadow(0 4px 8px rgba(20,33,61,.18))}
.at-g:focus{outline:none}
.at-g.sel .at-gb,.at-g.hit .at-gb{stroke:var(--bronze);stroke-width:2.5}

.at-e{stroke:#5E6577;stroke-width:1.6}
.at-arh{fill:#5E6577}
.at-c{stroke:#9C7C50;stroke-width:1;stroke-dasharray:3 3}
.at-cd{fill:#9C7C50}
.at-l{stroke:#9AA3B2;stroke-width:1}
.at-x{fill:none;stroke:#B5654A;stroke-width:1.4;stroke-dasharray:6 5}
.at-svg.focus [data-s]{opacity:.18;transition:opacity .35s}
.at-svg.focus [data-s].on{opacity:1}
.at-svg.focus .at-x{opacity:.15}
.at-leg{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}
.at-leg span{display:flex;align-items:center;gap:8px}
.at-leg i{display:inline-block;width:18px;height:10px;border-radius:3px}
.at-leg .lm{background:#EDE6DA;border:1px solid #C9B08A}.at-leg .lg{background:linear-gradient(90deg,#9C7C50,#6E8B74,#B5654A,#5E7A99,#7D5A7A)}.at-leg .lr{background:none;border-bottom:2px solid #3E6B52;border-radius:0;height:6px}
.at-leg .le{height:0;border-top:2px solid #5E6577;border-radius:0}.at-leg .lc{height:0;border-top:2px dashed #9C7C50;border-radius:0}.at-leg .lx{height:0;border-top:2px dashed #B5654A;border-radius:0}
.at-info{position:absolute;top:16px;right:16px;width:min(330px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;background:#fff;border:1px solid var(--line);border-top:3px solid var(--bronze);box-shadow:0 18px 40px rgba(20,33,61,.18);padding:20px 22px;cursor:default}
.at-info .at-x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:22px;color:var(--ink-2);cursor:pointer;stroke:none}
.at-is{font-family:var(--serif);font-size:34px;line-height:1;color:var(--ink)}
.at-in{font-size:12.5px;color:var(--ink-2);margin:6px 0 12px}
.at-id{font-size:15px;line-height:1.65;color:var(--body)}
.at-ih{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin:16px 0 8px}
.at-ir{display:flex;flex-wrap:wrap;gap:6px}
.at-ir span{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;padding:3px 9px;background:#EAF2EC;color:#2F5A41;border-radius:4px}
.at-ir em{font-style:normal;font-size:13.5px;color:var(--ink-2)}
.at-info ul{list-style:none;font-size:13.5px;line-height:1.5;color:var(--body)}
.at-msg{position:absolute;left:50%;top:16px;transform:translateX(-50%);background:var(--deep);color:var(--on-deep);padding:8px 16px;border-radius:999px;font-size:13px}
.gx-tm{background:#fff;display:flex;align-items:center;min-height:260px}
.at-mini{width:100%;height:auto;pointer-events:none}
.gx-teaser .gx-tm svg{transition:transform .6s}.gx-teaser:hover .gx-tm svg{transform:scale(1.03)}
@media (max-width:1000px){.at-app{grid-template-columns:1fr}.at-side{max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:12px}.at-brand{display:none}
 .at-secs{display:flex;overflow-x:auto;gap:6px;scrollbar-width:thin}.at-secs li{flex:none}.at-secs button{white-space:nowrap;border-left:0;border-radius:999px;padding:7px 14px;background:#fff;border:1px solid var(--line)}.at-secs button.on{border-color:var(--deep)}}
@media (max-width:600px){.at-top{padding:14px}.at-search input{width:120px}.at-stage{height:460px}.at-info{top:auto;bottom:12px;right:12px;left:12px;width:auto;max-height:55%}}
@media (min-width:1001px){.at-side{max-height:none;height:0;min-height:100%}}
.at-ec{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--bronze);margin:-6px 0 12px}
.gx-src{margin-top:28px;padding:22px 26px;border:1px solid rgba(247,243,236,.16);border-radius:8px;background:rgba(255,255,255,.03)}
.gx-srch{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-l);margin-bottom:10px}
.gx-srch i{font-size:18px}
.gx-src ol{padding-left:20px;display:grid;gap:8px}
.gx-src li{font-size:13.5px;line-height:1.7;color:rgba(247,243,236,.75)}
.gx-src em{font-style:italic;color:rgba(247,243,236,.92)}

/* ---- Atlas: renkler, animasyon, rehberli tur ---- */
.at-m[data-k]{cursor:pointer}
.at-m text{fill:#1F2940}
.at-m.sel rect{stroke:var(--bronze);stroke-width:2.5}
.at-g,.at-m{transform-box:fill-box;transform-origin:center}
.at-svg.pre .ar,.at-svg.pre .at-m,.at-svg.pre .at-g,.at-svg.pre .at-e,.at-svg.pre .at-c,.at-svg.pre .at-cd,.at-svg.pre .at-l,.at-svg.pre .at-x{opacity:0}
.at-svg.intro .ar{animation:atFade .7s ease-out var(--d,0ms) backwards}
.at-svg.intro .at-m,.at-svg.intro .at-g{animation:atPop .55s cubic-bezier(.2,.8,.3,1.2) var(--d,0ms) backwards}
.at-svg.intro .at-c,.at-svg.intro .at-cd,.at-svg.intro .at-l,.at-svg.intro .at-x{animation:atFade .8s ease-out 1.3s backwards}
.at-svg.intro .at-e{stroke-dasharray:1;animation:atDraw .9s ease-out 1.1s backwards}
@keyframes atFade{from{opacity:0}}
@keyframes atPop{from{opacity:0;transform:scale(.8)}}
@keyframes atDraw{from{stroke-dashoffset:1}}
.at-svg .at-e.flow{stroke:#B5654A;stroke-width:3;stroke-dasharray:.045 .03;animation:atFlow 1.3s linear infinite}
@keyframes atFlow{to{stroke-dashoffset:-.15}}
.at-svg .lit{animation:atGlow 1.8s ease-in-out infinite}
.at-svg .at-m.lit rect{stroke:#B5654A;stroke-width:2.5}
.at-svg .at-g.lit .at-gb{stroke-width:2.5}
@keyframes atGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(181,101,74,0))}50%{filter:drop-shadow(0 0 9px rgba(181,101,74,.75))}}
.at-ism{font-size:28px!important;margin:4px 0 10px}
.at-tourbtn{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--deep);color:var(--on-deep);border-radius:999px;padding:9px 16px;font:inherit;font-size:13px;cursor:pointer}
.at-tourbtn i{font-size:17px;color:var(--bronze-l)}
.at-tourbtn:hover{background:var(--bronze)}
.at-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;background:rgba(251,249,245,.78);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:24px;z-index:3}
.at-welcome[hidden]{display:none}
.at-wk{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze)}
.at-wt{font-family:var(--serif);font-size:clamp(26px,3vw,40px);line-height:1.15;color:var(--ink);max-width:20ch;margin-bottom:8px}
.at-start{display:inline-flex;align-items:center;gap:10px;border:0;background:var(--deep);color:var(--on-deep);border-radius:999px;padding:15px 28px;font:inherit;font-size:15px;letter-spacing:.04em;cursor:pointer;box-shadow:0 14px 34px rgba(20,33,61,.28);animation:atBreath 2.4s ease-in-out infinite}
.at-start i{color:var(--bronze-l);font-size:18px}
.at-start:hover{background:var(--bronze)}
@keyframes atBreath{50%{transform:scale(1.04)}}
.at-skip{border:0;background:none;font:inherit;font-size:13px;color:var(--ink-2);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.at-tour{position:absolute;left:16px;bottom:16px;width:min(400px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-left:4px solid #B5654A;box-shadow:0 20px 44px rgba(20,33,61,.22);padding:18px 22px 16px;z-index:2;cursor:default;animation:atUp .45s ease-out}
.at-tour[hidden]{display:none}
@keyframes atUp{from{opacity:0;transform:translateY(14px)}}
.at-tbar{display:flex;align-items:center;gap:12px}
.at-tn{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#B5654A}
.at-tdots{display:flex;gap:5px}
.at-tdots i{width:7px;height:7px;border-radius:50%;background:var(--line)}
.at-tdots i.on{background:#B5654A;width:18px;border-radius:4px}
.at-tx{margin-left:auto;border:0;background:none;font-size:22px;line-height:1;color:var(--ink-2);cursor:pointer}
.at-tt{font-family:var(--serif);font-size:27px;line-height:1.15;color:var(--ink);margin:10px 0 8px}
.at-td{font-size:14.5px;line-height:1.7;color:var(--body)}
.at-tacts{display:flex;justify-content:space-between;margin-top:14px}
.at-tacts button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 18px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.at-tacts .at-tnx{background:var(--deep);border-color:var(--deep);color:var(--on-deep)}
.at-tacts button:disabled{opacity:.35;cursor:default}
@media (prefers-reduced-motion:reduce){.at-start{animation:none}.at-svg .lit{animation:none;filter:drop-shadow(0 0 6px rgba(181,101,74,.7))}.at-svg .at-e.flow{animation:none;stroke-dasharray:none}}
@media (max-width:600px){.at-tour{left:10px;right:10px;bottom:10px;width:auto;padding:14px 16px}.at-tt{font-size:22px}.at-td{font-size:13.5px}.at-tourbtn{padding:8px 12px}}
.at-m:focus,.at-g:focus{outline:none}.at-m:focus-visible rect,.at-g:focus-visible .at-gb{stroke:var(--bronze);stroke-width:3}
/* ---- Genetik: broşür tabanlı hero ve örnek rapor ---- */
.gx-hero{position:relative;min-height:clamp(560px,78vh,760px);display:flex;align-items:center;background:var(--ivory);overflow:hidden;padding:170px 0 70px}
.gx-hbg{position:absolute;right:0;top:0;height:100%;width:auto;min-width:72%;max-width:none;object-fit:cover;object-position:right center}
.gx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ivory) 24%,rgba(247,243,236,.88) 40%,rgba(247,243,236,0) 64%);pointer-events:none}
.gx-hin{position:relative;z-index:1;width:100%}
.gx-hk{display:flex;align-items:center;gap:14px;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);margin-bottom:22px}
.gx-hk img{height:38px;width:auto}
.gx-hname{font-family:var(--serif);font-weight:300;font-size:clamp(56px,7.4vw,112px);line-height:.95;letter-spacing:-.01em;margin-bottom:26px;color:var(--ink)}
.gx-hname .a{color:var(--ink)}.gx-hname .b{color:var(--bronze);font-style:italic}
.gx-htag{font-family:var(--serif);font-size:clamp(26px,3vw,40px);line-height:1.2;color:var(--ink);max-width:16ch;padding-left:20px;border-left:2px solid var(--bronze);margin-bottom:30px}
.gx-hst{list-style:none;display:flex;gap:28px;margin-bottom:34px;flex-wrap:wrap}
.gx-hst li{display:flex;align-items:baseline;gap:8px}
.gx-hst b{font-family:var(--serif);font-weight:300;font-size:40px;color:var(--bronze);line-height:1}
.gx-hst span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.gx-hacts{display:flex;gap:12px;flex-wrap:wrap}
.gx-dd{font-size:14px;line-height:1.65;color:var(--ink-2);margin:-8px 0 14px}
.gx-smp{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(36px,4vw,56px);padding:clamp(24px,3vw,40px);background:var(--sand);border:1px solid var(--line)}
.gx-smp figure{margin:0;position:relative}
.gx-smp img{width:100%;display:block;box-shadow:0 26px 50px rgba(20,33,61,.2);transform:rotate(-2deg);transition:transform .5s}
.gx-smp figure:hover img{transform:rotate(0) scale(1.02)}
.gx-smp figcaption{margin-top:16px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);text-align:center}
.gx-smp h3{font-size:clamp(28px,2.6vw,38px);margin:6px 0 12px}
.gx-smp p{font-size:16px;line-height:1.8;color:var(--body)}
.gx-smp ul{list-style:none;margin-top:16px;display:grid;gap:8px}
.gx-smp li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--body)}
.gx-smp li i{color:var(--bronze);font-size:18px;margin-top:3px}
@media (max-width:860px){.gx-hero{padding:140px 0 48px;min-height:0;align-items:flex-end}.gx-hbg{min-width:100%;opacity:.35}.gx-hero::after{background:linear-gradient(180deg,rgba(247,243,236,.4),var(--ivory) 70%)}.gx-smp{grid-template-columns:1fr}.gx-smp figure{max-width:260px;margin:0 auto}}

/* ---- Atlas v3: kullanılabilirlik ---- */
.at-secs .at-ah{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c);padding:16px 10px 6px;display:flex;align-items:center;gap:8px}
.at-secs .at-ah::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.at-secs button span{color:var(--c,var(--ink-2))}
.at-secs button.on{border-left-color:var(--c,var(--bronze))}
.at-fs{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.at-fs i{font-size:17px}.at-fs:hover{border-color:var(--bronze)}
.at-ctl{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 26px rgba(20,33,61,.14);overflow:hidden}
.at-ctl button{width:42px;height:40px;border:0;background:none;font-size:18px;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.at-ctl button:hover{background:var(--sand)}
.at-ctl .at-zv{font-size:11px;font-weight:500;color:var(--ink-2);padding:2px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;text-align:center}
.at-ctl .at-all{border-top:1px solid var(--line)}
.at-hint{position:absolute;left:50%;top:14px;transform:translateX(-50%);background:rgba(20,33,61,.86);color:var(--on-deep);font-size:12.5px;padding:7px 14px;border-radius:999px;pointer-events:none;opacity:0;transition:opacity .4s;white-space:nowrap}
.at-svg.far ~ .at-hint{opacity:1}
.at-welcome:not([hidden]) ~ .at-hint{opacity:0!important}
/* bölge etiketleri her ölçekte okunur */
.at-sn{font-size:max(13px,min(calc(var(--k,1)*10.5px),26px));letter-spacing:.1em}
.at-sl{font-size:max(15px,min(calc(var(--k,1)*12px),30px))}
/* uzak görünüm: bölüm rozetleri */
.at-badge{opacity:0;pointer-events:none;transition:opacity .35s;cursor:pointer}
.at-badge circle{transform-box:fill-box;transform-origin:center;transition:transform .3s}
.at-bn{font-family:var(--sans);font-size:30px;font-weight:600;fill:#fff;letter-spacing:.04em}
.at-bl{font-family:var(--sans);font-size:max(22px,min(calc(var(--k,1)*11px),64px));font-weight:500;fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:8px;stroke-linejoin:round}
.at-svg.far .at-badge{opacity:1;pointer-events:auto}
.at-svg.far .at-badge:hover circle{transform:scale(1.12)}
.at-svg.far .at-m,.at-svg.far .at-g,.at-svg.far .at-e,.at-svg.far .at-c,.at-svg.far .at-cd,.at-svg.far .at-l,.at-svg.far .at-x,.at-svg.far .at-sl,.at-svg.far .at-sn{opacity:.22;transition:opacity .35s}
.at-svg.far .ar rect{cursor:pointer}
.at-svg.far .ar:hover rect{stroke-opacity:.9;stroke-width:2}
/* tam ekran */
html.at-lock,html.at-lock body{overflow:hidden}
.at-app.at-full{position:fixed;inset:0;z-index:9999;border-radius:0;grid-template-columns:260px 1fr;grid-template-rows:100%}
.at-full .at-side{height:auto;min-height:0;max-height:100vh;overflow:auto}
.at-full .at-main{height:100vh;height:100dvh}
.at-full .at-stage{flex:1;height:auto}
@media (max-width:1000px){.at-secs .at-ah{display:none}.at-app.at-full{grid-template-columns:1fr;grid-template-rows:auto 1fr}.at-full .at-main{height:auto;min-height:0}.at-full .at-side{max-height:none}}
@media (max-width:600px){.at-fs span{display:none}.at-fs{padding:8px 10px}.at-tools{width:100%}.at-search{flex:1}.at-search input{width:100%;min-width:0}.at-cnt{font-size:18px}.at-ctl{right:10px;bottom:10px}.at-ctl button{width:40px;height:38px}
 .at-full .at-top{padding:10px 12px}.at-full .at-cnt,.at-full .at-crumb{display:none}.at-full .at-leg{display:none}}
.at-bc{transform-box:fill-box;transform-origin:50% 100%;transform:scale(min(max(1,calc(var(--k,1)*.38)),2.3));transition:transform .3s}
.at-svg.far .at-badge:hover circle{transform:none}.at-svg.far .at-badge:hover .at-bc circle{filter:brightness(1.1)}
.at-svg.far .at-sl,.at-svg.far .at-sn{opacity:0}
@media (max-width:600px){.at-tourbtn span{display:none}.at-tourbtn{padding:9px 12px}.at-tools{flex-wrap:nowrap;gap:8px}}
.at-svg:not(.far) .at-badge{opacity:0!important;pointer-events:none!important}

/* ---- Atlas v4: ikonlar ve ekrana sığma ---- */
.at-full .at-stage{touch-action:none}
.at-hi,.at-mi{fill:currentColor}
.at-bi{fill:#fff}
.at-svg.far .at-hi{opacity:0}
.at-tip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(20,33,61,.9);color:var(--on-deep);font-size:14px;padding:12px 20px;border-radius:12px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:4;text-align:center;max-width:80%}
.at-tip.on{opacity:1}
.at-open{display:none;position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:2;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--deep);color:var(--on-deep);padding:12px 20px;font:inherit;font-size:14px;box-shadow:0 12px 28px rgba(20,33,61,.3);cursor:pointer;white-space:nowrap}
.at-open i{font-size:18px;color:var(--bronze-l)}
@media (max-width:1000px),(pointer:coarse){.at-open{display:inline-flex}.at-full .at-open{display:none}}
.at-full .at-hint{top:auto;bottom:16px}
@media (max-width:600px){.at-stage{height:min(78vw,440px)}.at-full .at-stage{height:auto}.at-hint{font-size:11.5px;top:10px}}
/* ---- Genetik v5: Cellavia önde, kancalar, animasyonlar ---- */
.gx-hdna{display:inline-flex}
.gx-dnam{display:block;overflow:visible}
.gx-dnam path{fill:none;stroke:var(--deep);stroke-width:1.6}
.gx-dnam path.b{stroke:var(--bronze)}
.gx-dnam .r line{stroke:var(--bronze-l);stroke-width:1.2;animation:gxRung 2.4s ease-in-out infinite;animation-delay:calc(var(--i)*.14s)}
@keyframes gxRung{0%,100%{opacity:.25}50%{opacity:1}}
.gx-hooks{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px}
.gx-hooks li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}
.gx-hooks i{font-size:20px;color:var(--bronze)}
/* biliyor muydunuz */
.gx-facts{background:linear-gradient(180deg,var(--ivory),#F1EADF)}
.gx-fg4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px)}
.gx-fact{position:relative;background:var(--card);border:1px solid var(--line);padding:30px 26px 28px;overflow:hidden;transition:transform .35s,box-shadow .35s}
.gx-fact::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(156,124,80,.16),transparent 70%);transition:transform .5s}
.gx-fact:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,33,61,.1)}
.gx-fact:hover::after{transform:scale(1.6)}
.gx-fact>i{font-size:40px;color:var(--bronze);display:block;margin-bottom:16px}
.gx-fk{font-family:var(--serif);font-size:28px;line-height:1.1;color:var(--ink);margin-bottom:10px}
.gx-fact p:last-child{font-size:15.5px;line-height:1.7;color:var(--body)}
.gx-fnote{margin-top:22px;font-size:13px;color:var(--ink-2)}
/* kanca bandı */
.gx-hookb{background:var(--deep);color:var(--on-deep);padding:clamp(44px,5vw,64px) 0;position:relative;overflow:hidden}
.gx-hbin{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,3vw,44px);align-items:center}
.gx-hdna2 .gx-dnam path{stroke:var(--on-deep)}.gx-hdna2 .gx-dnam path.b{stroke:var(--bronze-l)}
.gx-hookb h2{font-size:clamp(28px,2.8vw,40px);color:var(--on-deep);margin-bottom:8px}
.gx-hookb p{color:rgba(247,243,236,.78);font-size:16px;line-height:1.7;max-width:60ch}
.gx-hbacts{display:flex;gap:10px;flex-wrap:wrap}
/* atlas başlığı: kısa ve kompakt */
.gx-atlas{position:relative;overflow:hidden;padding:clamp(56px,6vw,88px) 0 clamp(56px,7vw,100px)}
.gx-atlas h2{font-size:clamp(34px,3.4vw,50px)}
.gx-ah{margin-bottom:clamp(24px,3vw,36px);align-items:center}
.gx-ah p{font-size:16px}
.gx-af{grid-template-columns:repeat(2,auto);justify-content:start;gap:8px 26px;margin-top:16px}
.gx-adna{position:absolute;right:-30px;top:24px;opacity:.35;pointer-events:none}
.gx-adna .gx-dnam path{stroke:var(--bronze-l)}.gx-adna .gx-dnam path.b{stroke:rgba(247,243,236,.6)}
/* genetik dili: canlı sarmal */
.gx-anim .gx-hb{animation:gxRung 2.6s ease-in-out infinite}
.gx-anim .gx-hb:nth-of-type(3n){animation-delay:.4s}.gx-anim .gx-hb:nth-of-type(3n+1){animation-delay:.8s}
.gx-anim .gx-hc{transform-box:fill-box;transform-origin:center;animation:gxPulse 2s ease-in-out infinite}
@keyframes gxPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:1}}
.gx-anim .gx-gts li{transition:transform .3s,box-shadow .3s}.gx-anim .gx-gts li:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(20,33,61,.08)}
@media (prefers-reduced-motion:reduce){.gx-dnam .r line,.gx-anim .gx-hb,.gx-anim .gx-hc{animation:none}}
@media (max-width:1100px){.gx-fg4{grid-template-columns:1fr 1fr}.gx-hbin{grid-template-columns:1fr}.gx-hdna2{display:none}}
@media (max-width:600px){.gx-fg4{grid-template-columns:1fr}.gx-af{grid-template-columns:1fr}.gx-adna{display:none}.gx-hooks{gap:8px 16px}.gx-hooks li{font-size:13px}}
/* ---- GenoBiome / GenoAge / Atlas sayfası ---- */
.gx-hero.gx-hart{background:linear-gradient(120deg,var(--ivory) 45%,#E9E1D3)}
.gx-hero.gx-hart::after{display:none}
.gx-hartw{position:absolute;right:max(4vw,calc((100vw - var(--w))/2 + 20px));top:50%;transform:translateY(-42%);width:min(40vw,520px);z-index:1;text-align:center}
.gx-hartc{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-top:6px}
.gx-hart .gx-hin{position:relative;z-index:2}
.gx-atl{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 30px 60px rgba(20,33,61,.14);transform:rotate(-2deg)}
.gx-atl svg{width:100%;height:auto;display:block;pointer-events:none}
/* biyolojik yaş göstergesi */
.gx-gauge{width:100%;height:auto;display:block}
.gx-gauge .gt{fill:none;stroke:#E3DACB;stroke-width:22;stroke-linecap:round}
.gx-gauge .gf{fill:none;stroke:var(--bronze);stroke-width:22;stroke-linecap:round;stroke-dasharray:62 100;stroke-dashoffset:62;animation:gxFill 2.2s cubic-bezier(.2,.8,.2,1) .3s forwards}
@keyframes gxFill{to{stroke-dashoffset:0}}
.gx-gauge .gk line{stroke:#fff;stroke-width:2}
.gx-gauge .gb{fill:var(--deep);stroke:#fff;stroke-width:3;animation:gxPulse 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.gx-gauge .gr{fill:#fff;stroke:var(--bronze);stroke-width:3}
.gx-gauge .gv{font-family:var(--serif);font-size:84px;font-weight:300;fill:var(--ink)}
.gx-gauge .gl{font-family:var(--sans);font-size:15px;letter-spacing:.2em;text-transform:uppercase;fill:var(--ink-2)}
.gx-gauge .gs{font-family:var(--sans);font-size:13px;letter-spacing:.14em;text-transform:uppercase;fill:var(--bronze)}
/* mikrobiyom görseli */
.gx-rg{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,3vw,48px);align-items:start}
.gx-bv{background:var(--card);border:1px solid var(--line);padding:clamp(22px,2.6vw,34px)}
.gx-bvk{display:flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);margin-bottom:16px}
.gx-bvk i{font-size:18px}
.gx-stack{display:flex;height:34px;border-radius:8px;overflow:hidden;background:var(--line)}
.gx-stack i{width:0;background:var(--c);transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.gx-bv.in .gx-stack i,.gx-stack.on i{width:var(--w)}
.gx-bleg{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 26px}
.gx-bleg li{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--body);font-style:italic}
.gx-bleg span{width:10px;height:10px;border-radius:2px}
.gx-mts{display:grid;gap:18px}
.gx-mt p{font-size:14px;color:var(--ink);margin-bottom:8px}
.gx-mtb{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,#EED7CC,#EFE3CC 45%,#E4E9E2)}
.gx-mtb i{position:absolute;top:50%;left:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--deep);border:3px solid #fff;box-shadow:0 2px 6px rgba(20,33,61,.3);transition:left 1.6s cubic-bezier(.2,.8,.2,1) .3s}
.gx-bv.in .gx-mtb i{left:var(--p)}
.gx-mt small{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-2);margin-top:6px}
.gx-bvn{margin-top:20px;font-size:12.5px;color:var(--ink-2);line-height:1.6}
.gx-rl{background:var(--card);border:1px solid var(--line);padding:clamp(22px,2.6vw,34px)}
.gx-rlk{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);margin-bottom:8px}
.gx-rl ul{list-style:none}
.gx-rl li{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.gx-rl li:first-child{border-top:0}
.gx-rl li>i{font-size:26px;color:var(--bronze);flex:none;margin-top:2px}
.gx-rl b{display:block;font-weight:500;color:var(--ink);font-size:15.5px;margin-bottom:2px}
.gx-rl span{font-size:14.5px;line-height:1.65;color:var(--body)}
/* kategori kartları */
.gx-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px)}
.gx-cat{background:var(--card);border:1px solid var(--line);padding:28px 24px;position:relative}
.gx-cat>i{font-size:34px;color:var(--bronze)}
.gx-cat>b{position:absolute;right:22px;top:20px;font-family:var(--serif);font-weight:300;font-size:46px;color:var(--bronze);line-height:1}
.gx-cat h3{font-size:clamp(22px,1.9vw,27px);margin:16px 0 8px}
.gx-cat p{font-size:15px;line-height:1.7;color:var(--body)}
/* GenoAge skorları */
.gx-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px);margin-bottom:clamp(28px,3vw,44px)}
.gx-sc{background:var(--card);border:1px solid var(--line);padding:28px 26px}
.gx-sc1{grid-column:1/-1;display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:clamp(20px,3vw,44px);align-items:center;background:linear-gradient(135deg,#fff,#F4EEE4)}
.gx-sck{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);margin-bottom:8px}
.gx-sc h3{font-size:clamp(24px,2vw,30px);margin-bottom:10px}
.gx-sc p{font-size:15.5px;line-height:1.75;color:var(--body)}
.gx-le8{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:16px}
.gx-le8 li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);padding:8px 10px;background:var(--ivory);border:1px solid var(--line)}
.gx-le8 li i{font-size:18px;color:var(--bronze)}
.gx-le8.alt li i{color:#6E8B74}
.gx-sc .gx-chips{margin-top:14px}
.gx-hookl{background:var(--sand);color:var(--ink)}
.gx-hookl h2{color:var(--ink)}.gx-hookl p{color:var(--body)}
.gx-hookl .gx-hdna2 i{font-size:56px;color:var(--bronze)}
@media (max-width:1100px){.gx-rg{grid-template-columns:1fr}.gx-cats{grid-template-columns:1fr 1fr}.gx-scores{grid-template-columns:1fr}.gx-sc1{grid-template-columns:1fr}.gx-sc1 .gx-scv{max-width:260px}}
@media (max-width:860px){.gx-hartw{position:relative;right:auto;top:auto;transform:none;width:min(80vw,340px);margin:0 auto 20px}.gx-hero.gx-hart{flex-direction:column;align-items:stretch}.gx-hart .gx-hin{order:2}}
@media (max-width:600px){.gx-cats{grid-template-columns:1fr}.gx-le8{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.gx-gauge .gf{animation:none;stroke-dashoffset:0}.gx-stack i{width:var(--w)}.gx-mtb i{left:var(--p)}}
.gx-cat h3{padding-right:52px}
.ddm.cols4{min-width:0;display:grid;grid-template-columns:repeat(4,max-content);column-gap:32px}
header nav.menu:first-of-type .ddm.cols4{left:-24px;transform:translateY(8px)}
header nav.menu:first-of-type .dd:hover .ddm.cols4,header nav.menu:first-of-type .dd:focus-within .ddm.cols4{transform:none}
.gx-hname.two{font-size:clamp(44px,5.4vw,84px);max-width:11ch}
/* ---- genetik: fotoğraf galerisi ve görselli bant ---- */
.gx-galw{background:var(--sand);padding-top:0}
.gx-gal{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(12px,1.6vw,20px)}
.gx-gf{position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;background:var(--deep)}
.gx-gf:first-child{aspect-ratio:auto;grid-row:span 1}
.gx-gf img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.gx-gf:hover img{transform:scale(1.05)}
.gx-gf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(20,33,61,.82))}
.gx-gf figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:18px 20px;color:var(--on-deep)}
.gx-gf b{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(22px,1.8vw,28px);line-height:1.15}
.gx-gf span{display:block;font-size:13.5px;line-height:1.55;color:rgba(247,243,236,.82);margin-top:4px}
.gx-hbimg>.gx-hbbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}
.gx-hbimg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--deep) 30%,rgba(20,33,61,.55))}
.gx-hbimg .w{position:relative;z-index:1}
@media (max-width:860px){.gx-gal{grid-template-columns:1fr 1fr}.gx-gf:first-child{grid-column:1/-1;aspect-ratio:16/9}}
@media (max-width:560px){.gx-gal{grid-template-columns:1fr}.gx-gf{aspect-ratio:16/10}}
.kgen2{margin-top:-10px}.kgen2>i{color:#2a8f86}
/* kamp: 7/24 ölçüm bölümü */
.kwear{padding:clamp(72px,9vw,128px) 0}
.kwg{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,5vw,84px);align-items:center}
.kwimg{position:relative;margin:0;overflow:hidden}
.kwimg img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.kwimg figcaption{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;background:rgba(20,33,61,.85);color:var(--on-deep);padding:9px 16px;border-radius:999px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.kwimg figcaption i{color:#E07A5F;font-size:16px;animation:gxPulse 1.6s ease-in-out infinite}
.kwear h2{font-size:clamp(34px,3.6vw,52px);margin:10px 0 18px}
.kwchips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}
.kwchips li{display:flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line);background:var(--card);font-size:14px;color:var(--ink);border-radius:999px}
.kwchips i{font-size:18px;color:var(--bronze)}
.kwsteps{list-style:none;counter-reset:kw;display:grid;gap:0;border-top:1px solid var(--line)}
.kwsteps li{counter-increment:kw;display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--line)}
.kwsteps li::before{content:counter(kw,decimal-leading-zero);grid-row:span 2;font-family:var(--serif);font-size:26px;color:var(--bronze);line-height:1.1}
.kwsteps b{font-weight:500;color:var(--ink);font-size:16px}
.kwsteps span{font-size:15px;line-height:1.7;color:var(--body)}
.kwear .knote{margin-top:18px}
@media (max-width:900px){.kwg{grid-template-columns:1fr}.kwimg img{aspect-ratio:16/10}}
/* ---- Yaşam çarkı ---- */
.qtabs.q3{grid-template-columns:repeat(3,1fr)}
.wheel{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,56px);align-items:start}
.wq{font-size:15px;color:var(--ink-2);margin-bottom:14px}
.wl{display:block;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}
.wl-h{display:flex;align-items:center;gap:10px}
.wl-h i{font-size:22px;color:var(--bronze)}
.wl-h b{font-weight:500;color:var(--ink);font-size:16px}
.wl-h output{margin-left:auto;font-family:var(--serif);font-size:24px;color:var(--bronze);min-width:2ch;text-align:right}
.wl small{display:block;font-size:13px;color:var(--ink-2);margin:2px 0 8px 32px;line-height:1.5}
.wl input[type=range]{width:calc(100% - 32px);margin-left:32px;accent-color:var(--bronze);height:24px}
.wgo{margin-top:18px}
.wviz{position:sticky;top:120px;background:var(--card);border:1px solid var(--line);padding:clamp(18px,2.4vw,30px)}
.wsvg{width:100%;max-width:440px;display:block;margin:0 auto;overflow:visible}
.wgrid{fill:none;stroke:var(--line);stroke-width:1}
.wax{stroke:var(--line);stroke-width:1}
.wlab{font-family:var(--sans);font-size:12px;fill:var(--ink);letter-spacing:.02em}
.wshape{fill:rgba(156,124,80,.22);stroke:var(--bronze);stroke-width:2;stroke-linejoin:round;transition:all .25s}
.wdot{fill:var(--bronze);stroke:#fff;stroke-width:2}
.wdot.low{fill:#B5654A}
.wsum{display:flex;align-items:center;gap:18px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}
.wavg b{font-family:var(--serif);font-weight:300;font-size:46px;color:var(--ink);line-height:1}
.wavg small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.wtip{font-size:14px;line-height:1.6;color:var(--ink-2)}
.wres{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.wlow{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.wlow span{padding:6px 14px;border-radius:999px;background:#F6E7E0;color:#8A3F28;font-size:14px}
.wlow span b{font-weight:600}
.wrecs{display:grid;gap:10px}
.wrec{display:block;padding:14px 16px;border:1px solid var(--line);background:var(--ivory);color:var(--ink);text-decoration:none;transition:border-color .3s}
.wrec:hover{border-color:var(--bronze)}
.wrec b{display:block;font-weight:500;font-size:16px}
.wrec span{display:block;font-size:14px;line-height:1.55;color:var(--body);margin:4px 0}
.wrec em{font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
.wcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.wnote{margin-top:12px;font-size:12.5px;color:var(--ink-2)}
@media(max-width:900px){.wheel{grid-template-columns:1fr}.wviz{position:static;order:-1}.qtabs.q3{grid-template-columns:1fr}}
.wl,.wl b,.wl small{text-transform:none;letter-spacing:normal}.wl small{font-size:13.5px}.wl-h b{font-size:17px}

/* ---- Yaşam çarkı v2 ---- */
.wheel2{display:grid;grid-template-columns:minmax(340px,1fr) 1.15fr;gap:clamp(24px,3.5vw,52px);align-items:start}
.wv{position:sticky;top:120px}
.wv-in{background:linear-gradient(160deg,#14213D,#1d2f52);border-radius:4px;padding:clamp(18px,2.4vw,30px);color:var(--on-deep);box-shadow:0 24px 50px rgba(20,33,61,.18)}
.wv .wsvg{width:100%;display:block;overflow:visible}
.wring{fill:none;stroke:rgba(247,243,236,.12);stroke-width:1}.wring.out{stroke:rgba(201,164,106,.45);stroke-width:1.4}
.wax{stroke:rgba(247,243,236,.12);stroke-width:1}
.wtick{font-family:var(--sans);font-size:9px;fill:rgba(247,243,236,.4)}
.wshape{stroke:#C9A46A;stroke-width:2.2;stroke-linejoin:round;transition:all .35s cubic-bezier(.2,.8,.2,1)}
.wdot{fill:#C9A46A;stroke:#14213D;stroke-width:2.5;transition:all .35s cubic-bezier(.2,.8,.2,1)}
.wdot.low{fill:#E07A5F}.wdot.hi{fill:#8FC1A9}
.wlab{font-family:var(--sans);font-size:13px;fill:var(--on-deep);font-weight:500}
.wlv{font-size:11.5px;fill:#C9A46A;font-weight:400;letter-spacing:.04em}
.wstats{display:grid;grid-template-columns:auto 1fr 1fr;gap:14px;margin-top:14px;padding-top:16px;border-top:1px solid rgba(247,243,236,.14)}
.wstats>div{min-width:0}
.wk{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(247,243,236,.55);margin-bottom:4px}
.wstats b{font-weight:400;color:var(--on-deep);font-size:15px;line-height:1.3}
.wstats .wavg{font-family:var(--serif);font-weight:300;font-size:38px;color:#C9A46A;line-height:1}
.wstats small{color:rgba(247,243,236,.55);font-size:13px;margin-left:2px}
.wv .wgo{width:100%;justify-content:center;margin-top:18px;background:#C9A46A;color:#14213D;border-color:#C9A46A}
.wv .wgo:hover{background:#fff;border-color:#fff}
.wq2 .wq{font-size:15px;color:var(--ink-2);margin:0 0 14px}
.wcards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wc{background:#fff;border:1px solid var(--line);padding:14px 14px 12px;transition:border-color .3s,box-shadow .3s}
.wc:hover{box-shadow:0 8px 20px rgba(20,33,61,.06)}
.wc.low{border-color:#E8B4A3}.wc.hi{border-color:#B9D6C6}
.wc-h{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}
.wc-h i{font-size:24px;color:var(--bronze);margin-top:1px}
.wc-h b{display:block;font-weight:500;font-size:15.5px;color:var(--ink);line-height:1.25}
.wc-h small{display:block;font-size:12.5px;line-height:1.45;color:var(--ink-2);margin-top:3px}
.wc-h output{font-family:var(--serif);font-size:26px;line-height:1;color:var(--bronze);min-width:1.4ch;text-align:right}
.wc.low output{color:#C0563A}.wc.hi output{color:#4E8A6E}
.wc-s{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin-top:12px}
.wc-s button{height:14px;border:0;padding:0;border-radius:3px;background:#ECE6DB;cursor:pointer;transition:background .2s,transform .2s}
.wc-s button:hover{transform:scaleY(1.35)}
.wc-s button.on{background:var(--bronze)}
.wc.low .wc-s button.on{background:#D9846B}.wc.hi .wc-s button.on{background:#6FA488}
.wres{margin-top:24px;padding:clamp(18px,2.4vw,28px);background:var(--card);border:1px solid var(--line)}
.wres-in{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(16px,3vw,36px);align-items:start}
.wres .wlow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.wres .wlow span{padding:6px 14px;border-radius:999px;background:#F6E7E0;color:#8A3F28;font-size:14px}
.wres .wtip{font-size:14px;line-height:1.6;color:var(--ink-2)}
@media(max-width:1000px){.wheel2{grid-template-columns:1fr}.wv{position:static}.wres-in{grid-template-columns:1fr}}
@media(max-width:600px){.wcards{grid-template-columns:1fr}.wstats{grid-template-columns:1fr 1fr}.wstats>div:first-child{grid-column:1/-1}.wlab{font-size:14px}}

.wgo-m{display:none}
@media(max-width:1000px){.wv .wgo{display:none}.wgo-m{display:flex;width:100%;justify-content:center;margin-top:16px}.wlab{font-size:17px}.wlv{font-size:14px}.wtick{font-size:11px}}

.wlic{fill:#14213D;stroke:rgba(201,164,106,.7);stroke-width:1.2}
.wli{fill:#C9A46A}
.wci{flex:none;width:38px;height:38px;border-radius:50%;background:#F4EEE4;display:flex;align-items:center;justify-content:center}
.wci svg{width:22px;height:22px;fill:var(--bronze)}
.wc.low .wci{background:#F8E6DF}.wc.low .wci svg{fill:#C0563A}
.wc.hi .wci{background:#E3EFE8}.wc.hi .wci svg{fill:#4E8A6E}
.wc-h{align-items:center}
/* ---- mobil düzeltmeler (2026-10) ---- */
.wk{font-size:11px}
@media(max-width:600px){
  .gx-hname{font-size:12vw;letter-spacing:-.015em}
  .gx-hname.two{font-size:11vw}
  .burger{padding:12px 10px;margin:-12px -10px;min-height:44px}
  footer li a,.fcol a,.foot a{display:inline-block;padding:6px 0}
  .crumb a{display:inline-block;padding:8px 0}
  .tablewrap{position:relative}
  .tablewrap::after{content:"← kaydırın →";display:block;text-align:center;font-size:11px;letter-spacing:.14em;color:var(--ink-2);margin-top:-26px;margin-bottom:24px}
}
html[lang="en"] .tablewrap::after{content:"← swipe →"}html[lang="de"] .tablewrap::after{content:"← wischen →"}html[lang="ru"] .tablewrap::after{content:"← листайте →"}
@media(max-width:600px){
  footer a[href^="tel:"],footer a[href^="mailto:"]{display:inline-block;padding:8px 0}
  .at-tour button,.at-ctl button,.at-fs{min-width:40px;min-height:40px}
}
@media(max-width:600px){.at-start,.at-skip{min-height:44px;padding-top:10px;padding-bottom:10px}}
/* değerlendirme günü: program takibi bandı */
.dayplus{margin-top:56px;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(24px,3vw,40px);background:linear-gradient(135deg,#14213D,#1d2f52);color:var(--on-deep);box-shadow:0 22px 48px rgba(20,33,61,.18)}
.dayplus .over{color:#C9A46A}
.dayplus h3{font-family:var(--serif);font-weight:300;font-size:clamp(26px,2.6vw,38px);color:#fff;margin:8px 0 12px}
.dayplus p{color:rgba(247,243,236,.82);line-height:1.7}
.dp-l{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.dp-l li{display:grid;grid-template-columns:44px 1fr;gap:2px 12px;padding:14px 16px;border:1px solid rgba(201,164,106,.35);background:rgba(255,255,255,.04)}
.dp-l i{grid-row:span 2;font-size:30px;color:#C9A46A}
.dp-l b{color:#fff;font-weight:500}
.dp-l span{font-size:14px;color:rgba(247,243,236,.75)}
@media(max-width:900px){.dayplus{grid-template-columns:1fr}}
/* kamp sayfası: 3 seçenek + 20 kişilik gruplar */
.kopts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 18px}
.kopk{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(247,243,236,.75)}
.kopts a{display:inline-flex;align-items:baseline;gap:6px;padding:9px 18px;border:1px solid rgba(247,243,236,.55);border-radius:999px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.08);backdrop-filter:blur(4px);transition:background .3s,border-color .3s}
.kopts a b{font-family:var(--serif);font-weight:300;font-size:26px;letter-spacing:0;color:#E6CB98;line-height:1}
.kopts a:hover{background:rgba(156,124,80,.4);border-color:#C9A46A}
.kgrp{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#C9A46A;color:#14213D;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.kgrp i{font-size:18px}
/* programa dahil: çarpıcı bileklik + kan şekeri kutusu */
.kgen.khl{background:linear-gradient(135deg,#14213D,#1d2f52 60%,#2a4a6e);border:0;color:var(--on-deep);box-shadow:0 18px 40px rgba(20,33,61,.22);position:relative;overflow:hidden;padding:20px 22px}
.kgen.khl::after{content:"7/24";position:absolute;right:16px;top:6px;font-family:var(--serif);font-size:54px;color:rgba(201,164,106,.18);line-height:1}
.kgen.khl>i{color:#14213D;background:#C9A46A;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:28px;flex:none}
.kgen.khl .kgk{color:#E6CB98!important;font-size:15px}
.kgen.khl p{color:rgba(247,243,236,.86)}
.kgch{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0}
.kgch li{padding:4px 11px;border-radius:999px;border:1px solid rgba(247,243,236,.3);font-size:12.5px;color:#fff}
.kgch li.hl,.kwchips li.hl{background:#C9A46A;border-color:#C9A46A;color:#14213D;font-weight:600}
.kwchips li.hl i{color:#14213D}
/* kazanımlar: görselin altında, "nasıl?" açıklamalı */
.kgfig{margin:8px 0 0;overflow:hidden;aspect-ratio:21/8}
.kgfig img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.kgl2{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.kgl2 li{display:grid;grid-template-columns:32px 1fr;gap:4px 10px;padding:16px 18px;background:var(--card);border:1px solid var(--line)}
.kgl2 li i{grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#C9A46A;display:flex;align-items:center;justify-content:center;font-size:15px}
.kgl2 b{font-weight:500;color:var(--ink);font-size:16px}
.kgl2 span{font-size:14.5px;line-height:1.6;color:var(--body)}
.kgl2 em{font-style:normal;color:var(--bronze);font-weight:600}
@media(max-width:800px){.kgl2{grid-template-columns:1fr}.kgfig{aspect-ratio:4/3}}
/* makaleler: yayın listeleri */
.mklist{display:grid;gap:10px;margin-top:26px}
.mkl{display:grid;grid-template-columns:230px 1fr 24px;gap:6px 26px;align-items:start;padding:20px 22px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .3s,transform .3s}
.mkl:hover{border-color:var(--bronze);transform:translateY(-2px)}
.mkl-a b{display:block;font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.25}
.mkl-a small{display:block;margin-top:4px;font-size:12px;letter-spacing:.08em;color:var(--bronze)}
.mkl-t b{display:block;font-weight:500;font-size:16.5px;line-height:1.4}
.mkl-t small{display:block;margin:4px 0 6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.mkl-t em{display:block;font-style:normal;font-size:14.5px;line-height:1.6;color:var(--body)}
.mkl>i{font-size:20px;color:var(--bronze);margin-top:4px}
@media(max-width:800px){.mkl{grid-template-columns:1fr 22px}.mkl-a{grid-column:1/-1}.mkl-t{grid-column:1}}
.ktgrid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.ktgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ktgrid{grid-template-columns:1fr}}
.menu a.ddt.on{text-decoration:none}
/* sayfa başlarında okunabilirlik: yazının arkasında koyu geçiş */
.phero::after{background:linear-gradient(180deg,rgba(12,18,34,.5) 0%,rgba(12,18,34,.38) 38%,rgba(12,18,34,.86) 100%)}
.phero .in{text-shadow:0 2px 22px rgba(8,12,24,.55)}
.phero .in p{color:#F7F3EC}
.phero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 48% 48% at 50% 62%,rgba(10,16,30,.5),rgba(10,16,30,0) 72%)}.phero .in{z-index:2}
/* makaleler: ilk yazı öne çıkan (3 sütunda satırlar tam dolsun) */

.mkgrid>.card{display:flex;flex-direction:column}
.mkgrid>.card .tx{flex:1;display:flex;flex-direction:column}
.mkgrid>.card .tx .more{margin-top:auto}
/* bilimsel yayınlar: yazar fotoğrafları */
.pub{display:grid;grid-template-columns:76px minmax(0,1fr);gap:22px;align-items:start}
.pav{width:76px;height:76px;border-radius:50%;overflow:hidden;border:2px solid var(--bronze-l);background:var(--sand);display:block}
.pav img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
@media(max-width:560px){.pub{grid-template-columns:56px minmax(0,1fr);gap:14px}.pav{width:56px;height:56px}}
.mkgrid>.card .ph{aspect-ratio:4/3;overflow:hidden;position:relative}
.mkgrid>.card .ph>img:not(.cav img){width:100%;height:100%;object-fit:cover}


.mkpromo .ph{background:var(--deep)}.mkpromo .ph img{object-fit:contain;padding:18px}
/* makaleler: 6'lı ızgara, son satır eksikse yayılır */
@media(min-width:901px){
  .mkgrid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .mkgrid>.card{grid-column:span 2}
  .mkgrid>.card.mk-l2{grid-column:span 3}
  .mkgrid>.card.mk-l1{grid-column:2/span 4}
  .mkgrid>.card.mk-l2 .ph,.mkgrid>.card.mk-l1 .ph{aspect-ratio:16/9}
}
/* dergi ve bültenler bandı */
.magband{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(26px,4vw,48px);background:linear-gradient(135deg,#14213D,#1d2f52 60%,#24395f);color:var(--on-deep);position:relative;overflow:hidden}
.magband::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(201,164,106,.25)}
.mb-cover{display:block;transform:rotate(-3deg);box-shadow:0 22px 44px rgba(0,0,0,.35);transition:transform .5s}
.mb-cover:hover{transform:rotate(0) scale(1.02)}
.mb-cover img{width:100%;display:block}
.mb-tx .over{color:#C9A46A}
.mb-tx h3{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3vw,42px);color:#fff;margin:8px 0 12px;line-height:1.1}
.mb-tx p{color:rgba(247,243,236,.82);max-width:58ch;line-height:1.7}
.mb-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.mb-act .btn{background:#C9A46A;border-color:#C9A46A;color:#14213D}
.mb-act .btn.ghost{background:transparent;color:#fff;border-color:rgba(247,243,236,.6)}
@media(max-width:700px){.magband{grid-template-columns:1fr;text-align:left}.mb-cover{max-width:180px}}
/* ===== Yaklaşımımız: düz metin + görseller, grafikler, ikonlar, animasyonlar ===== */
.ykt{position:relative;margin:28px 0 40px}
.ykt-line{position:absolute;left:26px;top:30px;bottom:30px;width:2px;background:var(--line);overflow:hidden}
.ykt-line::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--bronze),#C9A46A);transform:scaleY(0);transform-origin:top;transition:transform 2.2s cubic-bezier(.4,0,.2,1) .2s}
.ykt.rv.in .ykt-line::after,.ykt.in .ykt-line::after{transform:scaleY(1)}
.ykt ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ykt li{display:grid;grid-template-columns:54px 1fr;gap:2px 18px;align-items:center;padding:14px 18px 14px 0;position:relative}
.ykt-dot{grid-row:span 2;width:54px;height:54px;border-radius:50%;background:var(--ink);color:#C9A46A;display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;z-index:1;box-shadow:0 0 0 6px var(--paper,#F4EFE7);transition:transform .5s}
.ykt li:hover .ykt-dot{transform:scale(1.08) rotate(-6deg)}
.ykt li b{font-family:var(--serif);font-weight:400;font-size:22px;color:var(--ink);display:flex;gap:10px;align-items:baseline}
.ykt li b em{font-style:italic;font-size:15px;color:var(--bronze)}
.ykt li>span:last-child{color:var(--body);line-height:1.6}
@media (prefers-reduced-motion:no-preference){.ykt li{opacity:0;transform:translateX(-14px);transition:opacity .7s,transform .7s}.ykt.in li{opacity:1;transform:none}.ykt.in li:nth-child(2){transition-delay:.35s}.ykt.in li:nth-child(3){transition-delay:.7s}.ykt.in li:nth-child(4){transition-delay:1.05s}}
.prose h3.ykh{display:flex;align-items:center;gap:12px;margin-top:44px}
.prose h3.ykh i{width:42px;height:42px;border-radius:50%;background:rgba(156,124,80,.12);color:var(--bronze);display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.ykf{margin:22px 0 26px;overflow:hidden;position:relative}
.ykf img{width:100%;aspect-ratio:16/8;object-fit:cover;display:block;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.ykf:hover img{transform:scale(1.04)}
.ykf figcaption{font-size:13px;letter-spacing:.06em;color:var(--ink-2);padding-top:10px;font-style:italic}
.ykm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0 26px}
.ykm a{display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px;transition:border-color .3s,transform .3s,box-shadow .3s}
.ykm a i{font-size:22px;color:var(--bronze);flex:none}
.ykm a:hover{border-color:var(--bronze);transform:translateY(-2px);box-shadow:0 8px 18px rgba(20,33,61,.08)}
.yka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 18px}
.yka-c{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;position:relative;transition:transform .4s,box-shadow .4s}
.yka-c:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(20,33,61,.1)}
.yka-ph{display:block;aspect-ratio:4/3;overflow:hidden}
.yka-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s}
.yka-c:hover .yka-ph img{transform:scale(1.06)}
.yka-ic{position:absolute;left:16px;top:calc(75% * 0 + 0px);margin-top:-26px;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#C9A46A;display:flex;align-items:center;justify-content:center;font-size:26px;border:3px solid var(--card)}
.yka-c .yka-ic{position:relative;left:16px;margin-top:-26px}
.yka-c b{font-family:var(--serif);font-weight:400;font-size:21px;padding:10px 16px 4px}
.yka-d{font-size:14px;line-height:1.6;color:var(--body);padding:0 16px 18px}
.ykc,.ykp{margin:20px 0 26px;padding:22px 20px 14px;background:var(--card);border:1px solid var(--line)}
.ykc svg{width:100%;max-width:560px;display:block;margin:0 auto}
.ykc .z{fill:rgba(156,124,80,.12)}
.ykc .b{stroke:var(--line);stroke-dasharray:4 4}
.ykc .c{fill:none;stroke:var(--bronze);stroke-width:2.6;stroke-linecap:round}
.ykc .pt{fill:#C9A46A}
.ykc text,.ykp text{font-family:var(--sans);font-size:11px;fill:var(--ink-2)}
.ykc text.g{fill:var(--bronze);font-size:11.5px}
.ykc figcaption,.ykp figcaption{text-align:center;font-size:13px;font-style:italic;color:var(--ink-2);margin-top:8px}
@media (prefers-reduced-motion:no-preference){.ykc .c{stroke-dasharray:640;stroke-dashoffset:640;transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1) .3s}.ykc.in .c{stroke-dashoffset:0}.ykc .pt{opacity:0;transition:opacity .6s 2.2s}.ykc.in .pt{opacity:1}}
.ykp svg{width:100%;max-width:400px;display:block;margin:0 auto}
.ykp .ln line{stroke:rgba(156,124,80,.45);stroke-width:1.4;stroke-dasharray:4 5}
.ykp .core{fill:var(--ink)}
.ykp .ct{fill:#C9A46A;font-family:var(--serif);font-size:15px}
.ykp .nd circle{fill:#fff;stroke:var(--bronze);stroke-width:1.6}
.ykp .nd text{font-size:12px;fill:var(--ink)}
@media (prefers-reduced-motion:no-preference){.ykp .ln line{animation:ykflow 3s linear infinite}.ykp .nd circle{animation:ykpulse 2.4s ease-in-out infinite;animation-delay:inherit;transform-box:fill-box;transform-origin:center}}
@keyframes ykflow{to{stroke-dashoffset:-18}}
@keyframes ykpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12);fill:rgba(201,164,106,.25)}}
.ykn b i{color:var(--bronze);font-size:20px;vertical-align:-3px}
@media(max-width:760px){.ykm{grid-template-columns:1fr 1fr}.yka{grid-template-columns:1fr}.ykf img{aspect-ratio:4/3}}
.prose .ykm a,.prose .yka-c,.prose .yka-c *{text-decoration:none;background-image:none;border-bottom-width:0}
.prose .ykm a{border:1px solid var(--line)}
.prose .yka-c{border:1px solid var(--line);background-color:var(--card)}
.prose .ykm a:hover,.prose .yka-c:hover{border-color:var(--bronze)}
.prose .ykm a:not(.more),.prose a.yka-c:not(.more){text-decoration:none}.prose a.yka-c span,.prose a.yka-c b{text-decoration:none}
/* yaklaşım: merdiven */
.yks{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;margin:30px 0 46px;padding-top:10px}
.yks-s{display:flex;flex-direction:column;justify-content:flex-end}
.yks-top{padding:0 6px 14px}
.yks-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--ink);color:#C9A46A;font-size:23px;margin-bottom:10px;box-shadow:0 8px 18px rgba(20,33,61,.18)}
.yks-top b{display:block;font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.2;color:var(--ink);margin-bottom:6px}
.yks-t{display:block;font-size:13.5px;line-height:1.55;color:var(--body)}
.yks-bar{height:var(--h);background:linear-gradient(180deg,#24395f,#14213D);position:relative;overflow:hidden;border-top:3px solid #C9A46A}
.yks-s:nth-child(2) .yks-bar{background:linear-gradient(180deg,#2a4268,#182746)}
.yks-s:nth-child(3) .yks-bar{background:linear-gradient(180deg,#314b73,#1c2c4f)}
.yks-s:nth-child(4) .yks-bar{background:linear-gradient(180deg,#9C7C50,#7d6240)}
.yks-bar em{position:absolute;left:14px;bottom:8px;font-family:var(--serif);font-style:italic;font-size:44px;line-height:1;color:rgba(247,243,236,.22)}
.yks-arrow{position:absolute;right:-6px;top:-14px;font-size:26px;color:var(--bronze)}
@media (prefers-reduced-motion:no-preference){
  .yks .yks-bar{transform:scaleY(0);transform-origin:bottom;transition:transform 1s cubic-bezier(.2,.8,.2,1) var(--d)}
  .yks .yks-top{opacity:0;transform:translateY(12px);transition:opacity .7s calc(var(--d) + .5s),transform .7s calc(var(--d) + .5s)}
  .yks.in .yks-bar{transform:none}.yks.in .yks-top{opacity:1;transform:none}
  .yks .yks-arrow{opacity:0;transition:opacity .6s 1.6s}.yks.in .yks-arrow{opacity:1}
}
@media(max-width:700px){
  .yks{grid-template-columns:1fr;gap:0}
  .yks-s{display:grid;grid-template-columns:1fr;margin-left:calc(var(--h) / 5 - 22px)}
  .yks-s:first-child{margin-left:0}
  .yks-bar{height:10px;order:-1}
  .yks-bar em{display:none}
  .yks-top{padding:12px 0 18px}
  .yks-arrow{display:none}
}
/* aşama başlıkları */
.prose h3.ykh{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:52px;padding-top:22px;border-top:1px solid var(--line)}
.ykh-st{display:inline-flex;align-items:center;gap:10px}
.prose h3.ykh .ykh-st i{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#C9A46A;display:inline-flex;align-items:center;justify-content:center;font-size:21px}
.ykh-st small{font-family:var(--sans);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:600}
/* sizi ne bekliyor bağlantısı */
.prose a.ykw{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin:8px 0 30px;padding:20px 22px;background:linear-gradient(135deg,#14213D,#1d2f52);color:var(--on-deep);text-decoration:none;transition:transform .35s,box-shadow .35s}
.prose a.ykw:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(20,33,61,.22)}
.ykw-ic{width:54px;height:54px;border-radius:50%;background:#C9A46A;color:#14213D;display:flex;align-items:center;justify-content:center;font-size:28px}
.ykw-tx small{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#C9A46A}
.ykw-tx b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;color:#fff;margin:3px 0 2px}
.ykw-tx span{display:block;font-size:14px;color:rgba(247,243,236,.8)}
.ykw-ar{font-size:24px;color:#C9A46A;transition:transform .3s}
.prose a.ykw:hover .ykw-ar{transform:translateX(4px)}
.prose a.ykw:not(.more){text-decoration:none}
/* ===== Deneyim sayfası ===== */
.dvs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:28px 0 34px}
.dvs>div{text-align:center;padding:18px 8px 16px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--bronze);transition:transform .35s}
.dvs>div:hover{transform:translateY(-3px)}
.dvs i{font-size:30px;color:var(--bronze);display:block;margin-bottom:6px}
.dvs b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;color:var(--ink);line-height:1.15}
.dvs span{display:block;font-size:12px;color:var(--ink-2);margin-top:4px;line-height:1.35}
.dvs>div:nth-child(4){background:linear-gradient(160deg,#14213D,#1d2f52);border-top-color:#C9A46A}
.dvs>div:nth-child(4) b{color:#fff}.dvs>div:nth-child(4) span{color:rgba(247,243,236,.75)}.dvs>div:nth-child(4) i{color:#C9A46A}
.dvg{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:8px;margin:20px 0 30px}
.dvg figure{margin:0;position:relative;overflow:hidden}
.dvg figure:first-child{grid-row:span 2}
.dvg img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.dvg figure:first-child img{aspect-ratio:auto;min-height:100%}
.dvg figure:hover img{transform:scale(1.05)}
.dvg figcaption{position:absolute;left:0;bottom:0;padding:8px 12px;background:linear-gradient(transparent,rgba(12,18,34,.7));color:#fff;font-size:12.5px;letter-spacing:.06em;width:100%}
.dvt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 22px}
.dvt>span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13.5px;color:var(--ink)}
.dvt>span i{font-size:19px;color:var(--bronze)}
.dvt-ar{color:var(--bronze-l);font-size:14px}
.dvbox{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:22px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--bronze);margin:10px 0 24px}
.dvbox p{margin:0}
.dvc-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#C9A46A;font-size:24px;flex:none}
.dvc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 28px}
.dvc>div{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:16px;background:var(--card);border:1px solid var(--line)}
.dvc>div .dvc-ic{grid-row:span 2}
.dvc b{font-weight:500;color:var(--ink);font-size:15.5px}
.dvc>div>span:last-child{font-size:13.5px;color:var(--body);line-height:1.5}
.dva{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 26px}
.dva span{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);background:var(--card);font-size:14px;color:var(--ink)}
.dva span i{font-size:20px;color:var(--bronze)}
.dva span.hl{background:#C9A46A;border-color:#C9A46A;color:#14213D;font-weight:600}.dva span.hl i{color:#14213D}
.dvev{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:24px;margin:14px 0 14px;background:linear-gradient(135deg,#14213D,#1d2f52 60%,#2a4a6e);color:var(--on-deep);position:relative;overflow:hidden}
.dvev::after{content:"⚡";position:absolute;right:18px;top:4px;font-size:64px;opacity:.08}
.dvev-ic{width:64px;height:64px;border-radius:50%;background:#C9A46A;color:#14213D;display:flex;align-items:center;justify-content:center;font-size:34px}
@media (prefers-reduced-motion:no-preference){.dvev-ic{animation:dvglow 2.6s ease-in-out infinite}}
@keyframes dvglow{0%,100%{box-shadow:0 0 0 0 rgba(201,164,106,.5)}50%{box-shadow:0 0 0 12px rgba(201,164,106,0)}}
.dvev .over{color:#C9A46A;margin:0 0 4px}
.dvev b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;color:#fff;margin-bottom:4px}
.dvev span{color:rgba(247,243,236,.82);font-size:14.5px;line-height:1.6}
.dvu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 18px}
.dvu>div{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:16px;background:var(--card);border:1px solid var(--line)}
.dvu>div:first-child{grid-column:1/-1}
.dvu i{grid-row:span 2;font-size:26px;color:var(--bronze)}
.dvu b{font-weight:500;color:var(--ink)}
.dvu span{font-size:14px;color:var(--body);line-height:1.55}
.prose a.dvk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);margin:16px 0 10px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .35s,box-shadow .35s}
.prose a.dvk:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(20,33,61,.1)}
.dvk-ph{display:block;min-height:200px;background:var(--sand)}
.dvk-ph img{width:100%;height:100%;object-fit:cover;display:block}
.dvk-tx{display:flex;flex-direction:column;gap:6px;padding:22px}
.dvk-tx small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze)}
.dvk-tx b{font-family:var(--serif);font-weight:400;font-size:24px}
.dvk-tx span{font-size:14.5px;line-height:1.6;color:var(--body)}
.dvk-tx em{font-style:normal;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-top:6px}
.prose a.dvk:not(.more),.prose a.dvk *{text-decoration:none}
@media(max-width:760px){.dvs{grid-template-columns:repeat(2,minmax(0,1fr))}.dvs>div:last-child{grid-column:1/-1}.dvg{grid-template-columns:1fr}.dvg figure:first-child{grid-row:auto}.dvc,.dvu{grid-template-columns:1fr}.prose a.dvk{grid-template-columns:1fr}.dvt-ar{display:none}}
/* ===== Ana sayfa: Sağlıklı Yaşam Kampları bloğu ===== */
.campx{position:relative;background:linear-gradient(90deg,rgba(14,24,48,.97) 0%,rgba(14,24,48,.9) 45%,rgba(14,24,48,.72) 100%),url('../img/foto/kamp-kosu.jpg?v=28e80cef') 70% 50%/cover;color:var(--on-deep);padding:clamp(70px,9vw,130px) 0}
.campx .over{color:#C9A46A}
.cx-top{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,80px);align-items:center}
.cx-tx h2{font-family:var(--serif);font-weight:300;font-size:var(--h2);line-height:1.04;color:#fff;margin:14px 0 18px}
.cx-tx h2 em{font-style:italic;color:#E3C79A}
.cx-tx .lead{color:rgba(247,243,236,.84);max-width:56ch}
.cx-facts{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cx-facts li{display:flex;align-items:center;gap:10px;padding:12px 12px;border:1px solid rgba(201,164,106,.35);background:rgba(255,255,255,.04)}
.cx-facts i{font-size:26px;color:#C9A46A;flex:none}
.cx-facts span{font-size:12.5px;line-height:1.3;color:rgba(247,243,236,.7)}
.cx-facts b{display:block;font-size:14.5px;color:#fff;font-weight:600}
.cx-fig{margin:0;position:relative;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35);border:1px solid rgba(201,164,106,.4)}
.cx-fig img{width:100%;aspect-ratio:4/3.2;object-fit:cover;display:block;transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.cx-fig:hover img{transform:scale(1.04)}
.cx-fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 18px 14px;background:linear-gradient(transparent,rgba(10,16,32,.85));font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#E3C79A}
.cx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(40px,5vw,64px)}
.cx-c{display:flex;flex-direction:column;padding:28px 26px 24px;background:rgba(247,243,236,.06);border:1px solid rgba(247,243,236,.16);color:var(--on-deep);text-decoration:none;transition:transform .4s,background .4s,border-color .4s;backdrop-filter:blur(4px)}
.cx-c:hover{transform:translateY(-4px);background:rgba(247,243,236,.1);border-color:#C9A46A}
.cx-c.hl{border-color:#C9A46A;background:rgba(201,164,106,.12)}
.cx-d{display:flex;align-items:baseline;gap:8px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,243,236,.65)}
.cx-d b{font-family:var(--serif);font-weight:300;font-size:64px;line-height:.9;color:#E3C79A;letter-spacing:0}
.cx-c h3{font-family:var(--serif);font-weight:400;font-size:26px;color:#fff;margin:14px 0 8px}
.cx-c p{font-size:15px;line-height:1.6;color:rgba(247,243,236,.78);margin-bottom:14px}
.cx-c ul{list-style:none;margin:0 0 20px;padding:0}
.cx-c li{position:relative;padding:6px 0 6px 18px;font-size:14px;color:rgba(247,243,236,.85);border-top:1px solid rgba(247,243,236,.1)}
.cx-c li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:50%;background:#C9A46A}
.cx-c .more{margin-top:auto;color:#E3C79A;align-self:flex-start}
.cx-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:40px}
.cx-cta .btn{background:#C9A46A;border-color:#C9A46A;color:#14213D}
.cx-cta .btn.ghost{background:transparent;color:#fff;border-color:rgba(247,243,236,.55)}
@media(max-width:1000px){.cx-top{grid-template-columns:1fr}.cx-facts{grid-template-columns:1fr 1fr}.cx-cards{grid-template-columns:1fr}}
/* uzun kelimeler (özellikle Almanca) mobilde taşmasın */
h1,h2,h3,h4,.lead{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
td,th,dt,dd{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.ab-belge>*,.ab-grid>*{min-width:0}
.ab-belge img{max-width:100%;height:auto}
.gx-ig>*,.gx-ig>div{min-width:0}
.gx-by,.gx-by *{overflow-wrap:anywhere}
p,li{overflow-wrap:break-word}
.gx-stats>*{min-width:0}.gx-stats span,.gx-stats b{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.dayplus{grid-template-columns:minmax(0,.62fr) minmax(0,1fr) minmax(0,1.05fr)}
.dp-img{margin:0;align-self:stretch;overflow:hidden;border:1px solid rgba(201,164,106,.4)}
.dp-img img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}
@media(max-width:900px){.dayplus{grid-template-columns:1fr}.dp-img img{min-height:0;aspect-ratio:4/3}}
.kwimg img{object-position:50% 45%}