: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}
.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}