/* Profaj bölüm kitaplığı. Yalnız .blm* sınıfları; :root değişkenleri profaj.css ile aynı adlı (temada zaten vardır). */
:root{--ink:#121110;--surface:#1c1a19;--grey:#302e2d;--red:#FF2400;--white:#fff;--muted:#bdb6b1;--black:#000;--on-red:#fff;--display:"Montserrat","Helvetica Neue",Arial,sans-serif;--body:"Open Sans","Helvetica Neue",Arial,sans-serif;--gl:max(16px,env(safe-area-inset-left,0px));--gr:max(16px,env(safe-area-inset-right,0px));--ease:cubic-bezier(.2,.8,.2,1)}
.blm{--rt:var(--red);--ls:rgba(255,36,0,.24);position:relative;overflow:hidden;background:var(--ink);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.6;display:flex;align-items:center;padding-block:clamp(64px,7vw,100px)}
.blm.light{--ink:#fff;--surface:#f4f2f0;--grey:#dcd8d4;--muted:#5d5854;--white:#1b1918;--black:#fff;--rt:#c41d00;--ls:rgba(255,36,0,.13)}
.blm.light.soft{--ink:#f6f2f0;--surface:#fff;--grey:#e2dcd8}
.blm[hidden]{display:none}
@media(min-width:860px){.blm{min-height:80vh}.blm--bc,.blm--dr{min-height:100vh}.blm--sm{min-height:92vh}}
.blm,.blm *,.blm *::before,.blm *::after{box-sizing:border-box}
.blm :where(h2,h3,p,ul,ol){margin:0;padding:0;list-style:none}
.blm a{color:inherit;text-decoration:none}
.blm a:focus-visible{outline:2px solid var(--rt);outline-offset:4px}
.blm svg{display:block}
.blm i{font-style:normal}
.blm__w{width:100%;max-width:1320px;margin-inline:auto;padding-inline:var(--gl)}
@media(min-width:860px){.blm__w{padding-inline:40px}}
/* başlık: ince + kalın */
.blm__hd{text-align:center;max-width:860px;margin:0 auto clamp(40px,5.5vw,72px)}
.blm__e{font-weight:600;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rt);margin-bottom:16px}
.blm__h{font-family:var(--display);font-weight:300;font-size:clamp(2rem,5vw,3.75rem);line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
.blm__h b{font-weight:800}
.blm__ld{margin:18px auto 0;max-width:56ch;color:var(--muted);font-size:1.0625rem;text-wrap:balance}
/* ikon: tek stil, 1.75px çizgi */
.blm .ic{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.blm .ic path{vector-effect:non-scaling-stroke}
/* hareket */
.blm [data-r],.blm .blm__ln,.blm .blm__dr{transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0)*90ms)}
.blm .blm__ln{transform-origin:left;transition-duration:1.1s;transition-delay:calc(var(--i,0)*120ms + 350ms)}
.blm .blm__ln--v{transform-origin:top}
.blm .blm__dr{fill:none;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 2.6s var(--ease) .3s}
@media(prefers-reduced-motion:no-preference){
.blm:not(.is-in) [data-r]{opacity:0;transform:translateY(28px)}
.blm:not(.is-in) .blm__ln{transform:scaleX(0)}
.blm:not(.is-in) .blm__ln--v{transform:scaleY(0)}
.blm:not(.is-in) .blm__dr{stroke-dashoffset:1}
}
/* 1 rakam karoları */
.blm__tl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:860px){.blm__tl{grid-template-columns:repeat(4,1fr);gap:14px}}
.blm__t{container-type:inline-size;aspect-ratio:1/1.05;background:var(--red);color:#fff}
@media(min-width:860px){.blm__t{aspect-ratio:1/.84}}
.blm__ti{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:7cqi;gap:3cqi}
.blm__v{display:block;font-family:var(--display);font-weight:800;font-size:calc(var(--f,16)*1cqi);line-height:1;letter-spacing:-.02em}
.blm__l{font-weight:700;font-size:1.17rem;line-height:1.25}
.blm__nm{position:relative;display:inline-block}
.blm__nm>i{opacity:0}
.blm__nm>span{position:absolute;left:0;top:0;white-space:nowrap}
/* 2 üç alan */
.blm__al{display:grid;gap:16px}
@media(min-width:860px){.blm__al{grid-template-columns:repeat(3,1fr);gap:22px}.blm__al>li{padding-top:30px}.blm__al>li.f{padding-top:0}}
.blm__c3{background:var(--surface);height:100%;padding:clamp(30px,3.4vw,52px) clamp(26px,3vw,46px);display:flex;flex-direction:column;gap:20px}
.blm__c3 .ic{width:64px;height:64px;color:var(--rt)}
.blm__c3 h3{font-family:var(--display);font-weight:700;font-size:1.65rem;line-height:1.2}
.blm__c3 ul{display:grid;gap:2px}
.blm__c3 li a,.blm__c3 li span{display:block;padding:9px 0;font-size:1.0625rem}
.blm__c3 li a{transition:transform .3s var(--ease),color .3s}
.blm__c3 li a:hover{transform:translateX(7px);color:var(--rt)}
.f .blm__c3{background:var(--red);color:#fff;padding-block:clamp(40px,4.6vw,68px)}
.f .blm__c3 .ic{color:#fff}
.f .blm__c3 h3{font-size:1.9rem}
.f .blm__c3 li a,.f .blm__c3 li span{font-size:1.17rem;font-weight:700}
.f .blm__c3 li a:hover{color:#fff;transform:translateX(7px)}
/* 3 büyük cümle */
.blm__e--b{font-size:.95rem;margin-bottom:30px}
.blm__bs{font-family:var(--display);font-weight:600;font-size:clamp(1.85rem,5vw,4.7rem);line-height:1.18;letter-spacing:-.02em;max-width:1240px}
.blm__bs .w{opacity:.2;transition:opacity .6s,color .6s}
.blm__bs .w.on{opacity:1}
.blm__bs .w.r{font-weight:800}
.blm__bs .w.r.on{color:var(--red)}
@media(prefers-reduced-motion:reduce){.blm__bs .w{opacity:1}.blm__bs .w.r{color:var(--red)}}
/* 4 tek çatı */
.blm__tc{--M:clamp(80px,8.5vw,112px);--H:clamp(120px,14vw,170px);position:relative;max-width:1120px;margin:0 auto}
.blm__mk{width:var(--M);height:var(--M);border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;margin:0 auto var(--H);position:relative;z-index:1}
.blm__mk .ic{width:50%;height:50%}
.blm__mk .ic path{stroke-width:2.4}
.blm__ls{position:absolute;left:3%;right:3%;top:calc(var(--M)/2);height:calc(var(--M)/2 + var(--H));filter:blur(9px);pointer-events:none}
.blm__ls i{display:block;height:100%;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,var(--ls),transparent)}
.blm__t5{position:relative}
.blm__tg{display:grid;grid-template-columns:repeat(5,1fr)}
.blm__hl,.blm__tk{position:absolute;background:var(--muted);opacity:.55}
.blm__hl{left:10%;right:10%;top:0;height:2px}
.blm__tg li{position:relative;padding-top:34px}
.blm__tg li a,.blm__tg li div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:0 10px}
.blm__tk{left:50%;top:0;width:2px;height:34px;margin-left:-1px}
.blm__bb{width:84px;height:84px;border-radius:50%;background:var(--surface);color:var(--rt);display:grid;place-items:center;transition:background .35s,color .35s,transform .35s var(--ease)}
.blm__bb .ic{width:40px;height:40px}
.blm__tg a:hover .blm__bb{background:var(--red);color:#fff;transform:translateY(-4px)}
.blm__tg b{font-family:var(--display);font-weight:600;font-size:1.0625rem;line-height:1.3}
@media(max-width:859px){
.blm__tc{--M:72px;--H:36px}
.blm__mk{margin-left:0}
.blm__ls,.blm__hl{display:none}
.blm__tg{grid-template-columns:1fr;gap:20px}
.blm__t5::before{content:"";position:absolute;left:35px;top:calc(var(--H)*-1);bottom:36px;width:2px;background:var(--muted);opacity:.55}
.blm__tg li{padding:0}
.blm__tk{display:none}
.blm__tg li a,.blm__tg li div{flex-direction:row;text-align:left;gap:18px;padding:0}
.blm__bb{width:72px;height:72px;flex:none;position:relative;box-shadow:0 0 0 8px var(--ink)}
}
/* 5 büyüklükler */
.blm__bk{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(min-width:760px){.blm__bk{grid-template-columns:repeat(4,1fr);gap:20px}}
.blm__cl{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:32px 12px 40px;transition:transform .45s var(--ease),background .45s,box-shadow .45s}
.blm__cl .ic{width:84px;height:84px;color:var(--rt);margin-bottom:10px}
.blm__cl h3{font-family:var(--display);font-weight:700;font-size:1.2rem;line-height:1.2}
@media(min-width:760px){.blm__cl{padding:56px 22px 64px;gap:14px}.blm__cl .ic{width:116px;height:116px}.blm__cl h3{font-size:1.55rem}}
.blm__cl p{color:var(--muted);max-width:24ch}
.blm__cl::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.blm__cl:hover,.blm__cl:focus-visible{transform:translateY(-16px);background:var(--surface);box-shadow:0 26px 50px -22px rgba(0,0,0,.45)}
.blm__cl:hover::after,.blm__cl:focus-visible::after{transform:scaleX(1)}
/* 6 iki yol */
.blm__yl{--d:112px;display:grid;gap:64px;justify-items:center}
@media(min-width:900px){.blm__yl{--d:168px;grid-template-columns:1fr 1fr;gap:56px}}
.blm__yc{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}
.blm__yc h3{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2}
.blm__hp,.blm__cp{display:flex;width:calc(var(--d)*2.72);max-width:100%}
.blm__hp{height:var(--d);border:2px solid var(--rt);border-radius:999px}
.blm__hp>*{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 14px;font-weight:700;font-size:1.17rem;line-height:1.2}
.blm__hp .ic{width:36px;height:36px;color:var(--rt)}
.blm__cp>*{flex:none;width:var(--d);height:var(--d);margin-right:calc(var(--d)*-.14);border-radius:50%;background:var(--red);color:#fff;box-shadow:0 0 0 4px var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:1.17rem;line-height:1.2;position:relative}
.blm__cp>*:nth-child(2){z-index:1}
.blm__cp .ic{width:36px;height:36px}
.blm__yc p{font-family:var(--display);font-weight:600;font-size:1.2rem;color:var(--white)}
.blm__yc p span{color:var(--muted);font-weight:400;font-family:var(--body);font-size:1.0625rem;display:block;margin-top:2px}
/* 7 harfler */
.blm__hf{--cd:76px;display:grid;gap:26px}
@media(min-width:900px){.blm__hf{--cd:clamp(116px,12.6vw,178px);grid-template-columns:repeat(var(--n,5),1fr);gap:24px}}
.blm__hf li>*{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center}
.blm__ch{grid-row:1/3;width:var(--cd);height:var(--cd);border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:calc(var(--cd)*.46);line-height:1}
.blm__hf b{font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:1.2;align-self:end}
.blm__hf small{color:var(--muted);font-size:1rem;line-height:1.45;align-self:start;margin-top:4px}
@media(min-width:900px){.blm__hf li>*{display:block;text-align:center}.blm__ch{margin:0 auto 26px}.blm__hf b{font-size:clamp(1.1rem,1.7vw,1.45rem)}.blm__hf small{display:block;margin-top:6px}}
/* 8 yapay zeka */
.blm__ai{display:grid;gap:0;align-items:center}
@media(min-width:960px){.blm__ai{grid-template-columns:1.15fr 70px .85fr 70px 1fr}}
.blm__st{display:grid;gap:30px}
.blm__st li{display:grid;grid-template-columns:auto 1fr;column-gap:20px}
.blm__st em{font-style:normal;font-family:var(--display);font-weight:800;font-size:2.6rem;line-height:1;color:var(--rt);grid-row:1/3;min-width:2.1ch}
.blm__st b{font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:1.25}
.blm__st span{color:var(--muted)}
.blm__cn{position:relative;height:48px}
.blm__cn::before{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;margin-left:-1px;background:var(--muted);opacity:.55;transform-origin:top}
.blm__cn::after{content:"";position:absolute;left:50%;bottom:6px;width:10px;height:10px;margin-left:-5px;border:solid var(--muted);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-3px,-3px);opacity:.8}
@media(min-width:960px){.blm__cn{height:auto;align-self:center}.blm__cn::before{left:6px;right:8px;top:50%;bottom:auto;width:auto;height:2px;margin:-1px 0 0;transform-origin:left}.blm__cn::after{left:auto;right:7px;top:50%;bottom:auto;margin:-5px 0 0;border-width:2px 2px 0 0;transform:translate(0,0) rotate(45deg)}}
.blm:not(.is-in) .blm__cn::before{transform:scale(0)}
.blm__mid{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.blm__dt{width:100%;max-width:380px;height:auto}
.blm__dt circle{transition:opacity .7s var(--ease),transform .7s var(--ease);transform-box:fill-box;transform-origin:center}
.blm__dt .a,.blm__dt .m{fill:var(--red)}
.blm__dt .h{fill:var(--white)}
.blm:not(.is-in) .blm__dt circle{opacity:0;transform:scale(.2)}
.blm__mid b{font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.3}
.blm__rs{display:flex;flex-direction:column;gap:14px}
.blm__rs p:first-child{font-weight:600;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rt)}
.blm__rs p+p{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,3.1vw,2.7rem);line-height:1.15;letter-spacing:-.01em}
/* 9 halka */
.blm__hk{--R:clamp(150px,min(25vw,26vh),250px);--c:64px;position:relative;width:calc(var(--R)*2);height:calc(var(--R)*2);margin:34px auto}
.blm__rg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);color:var(--rt)}
.blm__rg circle{stroke:var(--red);stroke-width:.7}
.blm__ct{position:absolute;left:50%;top:50%;width:calc(var(--R)*.64);height:calc(var(--R)*.64);margin:calc(var(--R)*-.32) 0 0 calc(var(--R)*-.32);border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,2.2vw,1.9rem)}
.blm__nd{position:absolute;left:calc(50% + var(--x)*var(--R));top:calc(50% + var(--y)*var(--R));width:var(--c);height:var(--c);margin:calc(var(--c)/-2) 0 0 calc(var(--c)/-2);border-radius:50%;background:var(--ink);border:2px solid var(--red);color:var(--rt);display:grid;place-items:center;transition:background .3s,color .3s}
.blm__nd .ic{width:30px;height:30px}
.blm__nd span{position:absolute;top:50%;left:calc(100% + 16px);width:200px;transform:translateY(-50%);color:var(--white);font-weight:600;font-size:1.0625rem;line-height:1.3}
.blm__nd.lf span{left:auto;right:calc(100% + 16px);text-align:right}
.blm__nd:hover,.blm__nd:focus-visible{background:var(--red);color:#fff}
.blm__nd:hover span{text-decoration:underline;text-underline-offset:4px}
@media(max-width:859px){
.blm__hk{width:auto;height:auto;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:26px 12px}
.blm svg.blm__rg{display:none}
.blm__ct{position:static;margin:0 auto 14px;grid-column:1/-1;width:150px;height:150px}
.blm__nd{position:static;margin:0;width:auto;height:auto;border:0;border-radius:0;background:none;display:flex;align-items:center;gap:12px;color:var(--rt)}
.blm__nd:hover,.blm__nd:focus-visible{background:none;color:var(--rt)}
.blm__nd .ic{flex:none;width:48px;height:48px;padding:10px;border:2px solid var(--red);border-radius:50%}
.blm__nd span,.blm__nd.lf span{position:static;transform:none;text-align:left;width:auto;font-size:1rem}
}
/* 10 akış */
.blm__ak{--R:42px;display:flex;max-width:1180px;margin:0 auto}
.blm__ak li{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.blm__rn{width:calc(var(--R)*2);height:calc(var(--R)*2);border-radius:50%;border:3px solid var(--red);color:var(--rt);display:grid;place-items:center;background:var(--ink);position:relative;z-index:1}
.blm__rn .ic{width:40px;height:40px}
.blm__ak li.d .blm__rn{background:var(--red);color:#fff}
.blm__ak b{font-family:var(--display);font-weight:700;font-size:1.2rem;line-height:1.25;max-width:14ch}
.blm__ak small{display:block;font-weight:600;font-size:.8rem;letter-spacing:.14em;color:var(--rt);margin-bottom:2px}
.blm__ak li:not(:last-child)::after{content:"";position:absolute;top:calc(var(--R) - 1px);left:calc(50% + var(--R) + 10px);width:calc(100% - var(--R)*2 - 20px);height:2px;background:var(--muted);opacity:.6;transform-origin:left;transition:transform 1s var(--ease) calc(var(--i,0)*.35s + .4s)}
.blm:not(.is-in) .blm__ak li::after{transform:scaleX(0)}
@media(max-width:859px){
.blm__ak{--R:34px;flex-direction:column;max-width:420px;gap:34px}
.blm__ak li{flex-direction:row;text-align:left;gap:20px}
.blm__ak li:not(:last-child)::after{left:calc(var(--R) - 1px);top:calc(var(--R)*2 + 6px);width:2px;height:calc(100% - var(--R)*2 + 22px);transform-origin:top}
.blm:not(.is-in) .blm__ak li::after{transform:scaleY(0)}
.blm__ak b{max-width:none}
.blm__rn{flex:none}
}
/* 11 sarmal */
.blm__sm{width:100vw;margin-left:calc(50% - 50vw)}
.blm__lb{display:grid;gap:14px;max-width:1320px;margin-inline:auto;padding-inline:var(--gl)}
@media(min-width:860px){.blm__lb{grid-template-columns:repeat(3,1fr);padding-inline:40px}.blm__lb>:first-child{grid-column:1}.blm__lb>:last-child{grid-column:3;text-align:right}.blm__lb--a>*{grid-column:2!important;text-align:center!important}}
.blm__lb>*{display:flex;flex-direction:column;gap:2px}
.blm__lb--a>*{align-items:center}
.blm__lb b{font-family:var(--display);font-weight:700;font-size:1.4rem;line-height:1.2}
.blm__lb span{color:var(--muted)}
.blm__hx{height:clamp(220px,24vw,330px);margin-block:10px;transition:clip-path 2.2s var(--ease)}
.blm__hx svg{width:100%;height:100%}
.blm:not(.is-in) .blm__hx{clip-path:inset(0 100% 0 0)}
.blm__hx .p1{stroke:var(--red);stroke-width:3.5;fill:none;stroke-linecap:round}
.blm__hx .p2{stroke:var(--muted);stroke-width:3.5;fill:none;stroke-linecap:round}
.blm__hx line{stroke:var(--muted);stroke-width:2.5;opacity:.38;stroke-linecap:round}
/* 12 dev rakam */
.blm__dv{container-type:inline-size;text-align:center}
.blm__dn{display:block;font-family:var(--display);font-weight:800;font-size:23cqi;line-height:1;letter-spacing:-.04em;color:var(--red)}
.blm__dv .blm__h{margin-top:clamp(18px,3vw,40px)}
.blm__dv .blm__ld{margin-top:16px}
.blm__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 13 dört kart */
@media(min-width:960px){.blm__al--4{grid-template-columns:repeat(4,1fr);gap:20px}}
@media(min-width:560px) and (max-width:959px){.blm__al--4{grid-template-columns:1fr 1fr}}
.blm__al--4>li{padding-top:0}
a.blm__c3{transition:transform .4s var(--ease),box-shadow .4s}
a.blm__c3:hover,a.blm__c3:focus-visible{transform:translateY(-10px);box-shadow:0 26px 46px -24px rgba(0,0,0,.45)}
.blm__al--4 .blm__c3 p{color:var(--muted)}
.blm__al--4 .f .blm__c3 p{color:#fff;font-weight:600}
.blm__al--4 .blm__c3{gap:16px;padding-block:clamp(34px,3.6vw,56px)}
.blm__al--4 .f .blm__c3{padding-block:clamp(34px,3.6vw,56px)}
.blm__al--4 .f .blm__c3 h3{font-size:1.65rem}
/* 14 görsel ve dörtlü */
.blm__gd{display:grid;gap:44px;align-items:center}
@media(min-width:960px){.blm__gd{grid-template-columns:1fr 1.12fr;gap:clamp(48px,6vw,96px)}}
.blm__hd--l{text-align:left;margin:0 0 32px}
.blm__hd--l .blm__ld{margin-left:0}
.blm__ph{aspect-ratio:16/10;background:var(--grey);overflow:hidden}
.blm__ph img{width:100%;height:100%;object-fit:cover;display:block}
.blm__gl>.blm__ld{margin:28px 0 0;max-width:46ch}
.blm__g4{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(min-width:560px){.blm__g4{gap:16px}}
.blm__g4c{display:flex;flex-direction:column;gap:12px;height:100%;padding:clamp(18px,2.4vw,36px);transition:transform .4s var(--ease),background .4s,box-shadow .4s}
.blm__g4c .ic{width:52px;height:52px;color:var(--rt);margin-bottom:6px}
.blm__g4c h3{font-family:var(--display);font-weight:700;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.25}
.blm__g4c p{color:var(--muted);font-size:.98rem}
.blm__g4c:hover,.blm__g4c:focus-visible{transform:translateY(-10px);background:var(--surface);box-shadow:0 24px 44px -22px rgba(0,0,0,.45)}
/* 15 büyük liste */
.blm--bl{--lg:#7b7571;padding-block:clamp(56px,6vw,88px)}
.blm.light.blm--bl{--lg:#85807b}
.blm.light.soft.blm--bl{--lg:#7f7974}
.blm__bl{margin-top:4px}
.blm a.blm__lr{position:relative;display:flex;align-items:center;gap:clamp(14px,2vw,32px);padding-block:.06em;font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,5.3vw,5rem);line-height:1.1;letter-spacing:-.025em;color:var(--lg);transition:color .35s var(--ease)}
.blm__lr::before{content:"";position:absolute;inset:0 -100vw;background:var(--surface);opacity:0;transition:opacity .35s;z-index:-1}
.blm__lr .ic{flex:none;width:.58em;height:.58em;color:var(--rt);opacity:0;margin-left:-.7em;transition:opacity .35s,margin .45s var(--ease)}
.blm a.blm__lr:hover,.blm a.blm__lr:focus-visible,.blm a.blm__lr.on{color:var(--white)}
.blm__lr:hover::before,.blm__lr:focus-visible::before,.blm__lr.on::before{opacity:1}
.blm__lr:hover .ic,.blm__lr:focus-visible .ic,.blm__lr.on .ic{opacity:1;margin-left:0}
.blm--bl .blm__w{isolation:isolate}
/* 16 adımlar */
.blm__ad{--R:14px;--p:0;position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);max-width:1180px;margin:0 auto}
.blm__ad li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding-inline:14px}
.blm__nu{font-family:var(--display);font-weight:200;font-size:clamp(3.6rem,7vw,6rem);line-height:1;height:1em;color:var(--white)}
.blm__ad .blm__rn{width:calc(var(--R)*2);height:calc(var(--R)*2);border:3px solid var(--muted);background:var(--ink);transition:background .5s,border-color .5s;position:relative;z-index:1}
.blm__ad li.on .blm__rn{background:var(--red);border-color:var(--red)}
.blm__ad b{font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:1.25;display:block}
.blm__ad p{color:var(--muted);margin-top:8px;max-width:30ch}
.blm__tr{position:absolute;left:calc(50%/var(--n));right:calc(50%/var(--n));top:calc(clamp(3.6rem,7vw,6rem) + 24px + var(--R) - 1px);height:2px;background:var(--grey);z-index:0}
.light .blm__tr{background:#cbc5c0}
.blm__tf{display:block;height:100%;background:var(--red);transform-origin:left;transform:scaleX(var(--p));transition:transform .25s linear}
@media(max-width:859px){
.blm__ad{grid-template-columns:1fr;max-width:420px;gap:36px}
.blm__ad li{display:grid;grid-template-columns:calc(var(--R)*2) 1fr;column-gap:20px;row-gap:0;text-align:left;align-items:start;padding:0}
.blm__nu{grid-column:2;grid-row:1;font-size:2.6rem;height:auto;margin-bottom:4px}
.blm__ad .blm__rn{grid-column:1;grid-row:1/3}
.blm__ad li>div{grid-column:2;grid-row:2}
.blm__tr{left:calc(var(--R) - 1px);right:auto;top:var(--R);bottom:calc(var(--R) + 40px);width:2px;height:auto}
.blm__tf{height:100%;transform-origin:top;transform:scaleY(var(--p))}
}

/* 17 foto anlatım */
.blm--fo{padding-bottom:0}
.blm--fo .blm__hd{margin-bottom:0}
.blm--fo .blm__h{font-size:clamp(2.2rem,5vw,4rem)}
.blm__bt{display:inline-block;margin-top:28px;padding:16px 34px;background:var(--red);color:#fff!important;font-weight:700;font-size:1.17rem;transition:background .3s,color .3s}
.blm .blm__bt:hover,.blm .blm__bt:focus-visible{background:var(--white);color:var(--ink)!important}
.blm__fb{--pw:min(340px,78vw);width:100vw;margin-left:calc(50% - 50vw);margin-top:calc(var(--pw)*.15 + 36px);background:var(--surface)}
@media(min-width:960px){.blm__fb{--pw:min(360px,26vw)}}
.blm__fi{max-width:1320px;margin-inline:auto;padding-inline:var(--gl);display:flex;flex-direction:column}
.blm__fp{order:1;position:relative;width:var(--pw);aspect-ratio:4/5;margin-top:calc(var(--pw)*-.15);background:var(--grey);border-radius:4px;overflow:hidden;flex:none}
.blm__fp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .9s var(--ease),transform 1.4s var(--ease)}
.blm__fp img.on{opacity:1;transform:none}
.blm__dts{order:2;display:flex;gap:2px;margin:12px 0 0 -8px}
.blm__dts button{appearance:none;border:0;background:none;width:32px;height:32px;padding:0;cursor:pointer;display:grid;place-items:center}
.blm__dts button::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--muted);opacity:.4;transition:opacity .3s,transform .3s,background .3s}
.blm__dts button.on::before{background:var(--white);opacity:1;transform:scale(1.15)}
.blm__dts button:focus-visible{outline:2px solid var(--rt);outline-offset:0;border-radius:50%}
.blm__fx{order:3;display:grid;padding-block:28px 52px}
.blm__fx>div{grid-area:1/1;opacity:0;transform:translateY(16px);visibility:hidden;transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s .6s}
.blm__fx>div.on{opacity:1;transform:none;visibility:visible;transition-delay:.15s,.15s,0s}
.blm__fx h3{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.15;letter-spacing:-.01em}
.blm__fx p{margin-top:16px;color:var(--muted);font-size:1.0625rem;max-width:44ch}
@media(min-width:960px){
.blm__fi{display:grid;grid-template-columns:32px var(--pw) minmax(0,520px);column-gap:clamp(28px,4.5vw,76px);align-items:center;padding-inline:40px}
.blm__dts{grid-column:1;grid-row:1;flex-direction:column;margin:0 0 0 -8px}
.blm__fp{grid-column:2;grid-row:1;align-self:start}
.blm__fx{grid-column:3;grid-row:1;padding-block:0 0}
}
@media(prefers-reduced-motion:reduce){.blm__fp img,.blm__fx>div{transition:none}}

/* site stilleri ezmesin */
.blm .blm__ad b,.blm .blm__ak b,.blm .blm__bs,.blm .blm__c3 h3,.blm .blm__ch,.blm .blm__cl h3,.blm .blm__ct,.blm .blm__dn,.blm .blm__fx h3,.blm .blm__g4c h3,.blm .blm__h,.blm .blm__hf b,.blm .blm__lb b,.blm .blm__mid b,.blm .blm__nu,.blm .blm__rs p+p,.blm .blm__st b,.blm .blm__st em,.blm .blm__tg b,.blm .blm__v,.blm .blm__yc h3,.blm .blm__yc p,.blm a.blm__lr{font-family:var(--display)!important}
.blm .blm__v *{font-family:inherit!important}