/* ================= GüvenPatent · home ================= */
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* one small-caps voice for every in-stage label */
.mini{font-size:11.5px;font-weight:600;font-stretch:80%;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;color:var(--m60)}
.mini b{color:var(--murekkep);font-weight:700}
.mh-dokun{display:none}
@media (hover:none){.mh-fare{display:none}.mh-dokun{display:inline}}
.hayalet{position:fixed;left:0;top:0;z-index:80;pointer-events:none;font-weight:880;font-stretch:125%;line-height:.92;white-space:pre;color:var(--mavi);will-change:transform}

/* emblem sketch (opening preview + dossier card) */
.amblem{overflow:visible}
.amblem .k{fill:none;stroke:var(--m15);stroke-width:1;vector-effect:non-scaling-stroke}
.amblem .k.kesik{stroke-dasharray:3 4}
.amblem .p{fill:none;stroke:var(--murekkep);stroke-dasharray:1 1;stroke-dashoffset:0}
.amblem .p.vurgu{stroke:var(--acc,var(--mavi))}
.amblem .p.dolu{fill:var(--murekkep);stroke:none;transform-box:fill-box;transform-origin:50% 50%}
.amblem .p.dolu.vurgu{fill:var(--acc,var(--mavi))}

/* =========== 00 · 01 the sheet: the name, then the copycat =========== */
.tiyatro{position:relative;height:540vh}
.faz{position:absolute;left:0;width:1px;pointer-events:none}
.faz-ad{top:0;height:58vh}
.faz-taklit{top:58vh;bottom:0}
.sh{position:sticky;top:0;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:var(--kagit);isolation:isolate}
.sh-dokun{position:absolute;inset:0;z-index:3;cursor:text}
.sh.kuruldu .sh-dokun{display:none}
.sh-marj{position:absolute;top:0;bottom:0;left:calc(var(--pad) - 18px);width:1px;background:var(--muhur);opacity:.24;transform-origin:50% 0}
.sh-iz{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}
.sh-sahteler{position:absolute;inset:0;z-index:2;pointer-events:none}

.sh-blok{position:absolute;left:0;right:0;top:47%;transform:translateY(-50%);padding:0 var(--pad);z-index:4;pointer-events:none}
.sh-kas{position:absolute;left:0;bottom:calc(100% + 22px);opacity:0;white-space:nowrap;line-height:1}
.sh-satir{position:relative;font-size:var(--fs,120px);line-height:.92;white-space:nowrap;min-height:.92em}
.sh-girdi{position:absolute;inset:-10px -14px;width:calc(100% + 28px);height:calc(100% + 20px);opacity:0;font-size:16px;border:0;background:transparent;color:transparent;caret-color:transparent;cursor:text;z-index:1;pointer-events:auto;-webkit-appearance:none;appearance:none;border-radius:0}
.sh-ad{position:relative;z-index:1;display:inline-block;vertical-align:top;font-weight:880;font-stretch:125%;letter-spacing:-.025em;white-space:nowrap;min-height:.92em}
.hf{display:inline-block;white-space:pre;will-change:transform}
.sh-soru{position:absolute;left:0;top:0;font-size:var(--fsq,90px);font-weight:300;letter-spacing:-.035em;white-space:nowrap;line-height:.92;transform-origin:0 0}
.sh-soru.kucuk{top:auto;bottom:calc(100% + 22px);font-size:11.5px;font-weight:600;font-stretch:80%;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--m60)}
.sh-caret{position:absolute;left:0;top:.06em;z-index:2;width:max(3px,.05em);height:.8em;background:var(--mavi);animation:yan 1.06s steps(1) infinite;transition:transform .12s cubic-bezier(.2,.8,.2,1)}
.sh.kuruldu:not(.odak) .sh-caret{opacity:0;animation:none}
@keyframes yan{0%,55%{opacity:1}56%,100%{opacity:0}}
.sh-calan{position:absolute;left:0;top:0;z-index:0;line-height:.92;pointer-events:none;white-space:nowrap}

.sh-cizgi{position:relative;margin-top:calc(var(--fs,100px) * .1);height:2px;width:0;background:var(--murekkep);opacity:0;transition:width .4s var(--e-out)}
.sh-tikler{position:absolute;inset:0}
.sh-tikler i{position:absolute;top:-4px;width:1px;height:10px;background:var(--murekkep);transition:left .4s var(--e-out)}
.sh-cizgi b{position:absolute;left:0;right:0;top:-1px;height:4px;background:var(--mavi);transform:scaleX(0);transform-origin:0 50%}
.sh-cizgi-et{display:flex;justify-content:space-between;gap:16px;margin-top:14px;opacity:0;white-space:nowrap;max-width:100%;transition:color .4s}
.sh-cizgi-et.mavi{color:var(--mavi)}
.sh-yuva{display:grid;margin-top:30px;min-height:6.5em}
.sh-yuva>*{grid-area:1/1;align-self:start}
.sh-bekle{opacity:0;transition:opacity .5s}
.sh:not(.dolu):not(.kuruldu) .sh-bekle{opacity:1;transition-delay:1.2s}
.sh-alt{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;opacity:0;pointer-events:auto}
.sh-ornek{color:var(--muhur)}
.sh-ornek::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:9px;vertical-align:1px}
.sh-ipucu b{color:var(--mavi)}
.sh-devam{display:inline-flex;align-items:center;gap:12px;margin-left:auto;font-size:14px;font-weight:600;padding:12px 14px 12px 22px;border-radius:999px;background:var(--murekkep);color:var(--kagit);transition:background .25s,transform .25s var(--e-out)}
.sh-devam:hover{background:var(--mavi)}
.sh-devam:active{transform:scale(.97)}
.sh-devam:disabled{opacity:.4;pointer-events:none}
.sh-devam kbd{font:inherit;font-size:11px;font-stretch:80%;letter-spacing:.12em;text-transform:uppercase;opacity:.6;padding-left:12px;border-left:1px solid var(--k15)}
.sh-anlati{font-size:clamp(17px,1.45vw,22px);line-height:1.38;letter-spacing:-.01em;max-width:34ch;color:var(--m80);opacity:0}
.sh.taklit .sh-anlati{transition:opacity .4s}
.sh-anlati b{color:var(--murekkep);font-weight:650}
.sh-son{opacity:0;max-width:36rem}
.sh-son-h{font-size:clamp(24px,2.5vw,38px);font-weight:700;font-stretch:96%;letter-spacing:-.03em;line-height:1.05}
.sh-son-p{margin-top:12px;font-size:16px;line-height:1.5;color:var(--m80);max-width:46ch}
.sh-oniz{position:absolute;right:var(--pad);top:calc(var(--hd) + 40px);display:flex;flex-direction:column;align-items:flex-end;z-index:2;opacity:0;pointer-events:none}
.sh-oniz svg{width:clamp(84px,8vw,120px);height:auto}
.sh-oniz .mini{display:block;margin-top:14px;font-size:10.5px;white-space:nowrap}

/* the look-alikes */
.sahte{position:absolute;left:0;top:0;white-space:nowrap;line-height:1;letter-spacing:-.02em;opacity:0;transition:opacity .25s;will-change:transform,opacity}
.sahte.on{opacity:1}
.sahte .t{position:relative}
.sahte.red{color:var(--muhur)}
.sahte.mute{color:var(--m45)}
.sahte.outline{color:transparent;-webkit-text-stroke:max(1px,.018em) var(--murekkep)}
.sahte.it{font-style:italic}
.sahte.flick .t{animation:flick .22s steps(2) 1}
@keyframes flick{0%{opacity:.2;transform:translateX(.04em)}50%{opacity:1;transform:translateX(-.03em)}100%{transform:none}}
.sahte .caret{display:inline-block;width:max(2px,.07em);height:.82em;margin-left:.05em;margin-right:-.12em;background:var(--muhur);vertical-align:-.04em;opacity:0}
.sahte.typing .caret{opacity:1;animation:yan .5s steps(1) infinite}
.sahte .ciz{position:absolute;left:-4%;width:108%;top:50%;height:max(2px,.055em);background:var(--mavi);transform:scaleX(var(--k,0));transform-origin:0 50%;border-radius:2px}
.sahte .itiraz{position:absolute;left:50%;top:50%;font-size:clamp(11px,.4em,22px);font-style:normal;font-weight:800;font-stretch:80%;letter-spacing:.2em;text-transform:uppercase;color:var(--mavi);-webkit-text-stroke:0;padding:.42em .7em .36em .9em;border:2.5px solid var(--mavi);border-radius:4px;box-shadow:inset 0 0 0 2px var(--kagit),inset 0 0 0 3.5px var(--mavi);background:rgba(239,236,228,.6);transform:translate(-50%,-50%) rotate(var(--sr,-8deg)) scale(var(--ss,1.8));opacity:0;white-space:nowrap;line-height:1;-webkit-mask-image:var(--murekkep-maske);mask-image:var(--murekkep-maske);-webkit-mask-size:120px;mask-size:120px}
.sahte .not{position:absolute;left:0;top:calc(100% + .35em);font-size:clamp(10px,.24em,13px);font-style:normal;font-weight:600;font-stretch:80%;letter-spacing:.12em;text-transform:uppercase;color:var(--mavi);-webkit-text-stroke:0;opacity:0;white-space:nowrap}
.sh-calan .sahte{position:relative;display:inline-block;font-weight:880;font-stretch:125%;letter-spacing:-.025em;color:var(--muhur);mix-blend-mode:multiply;line-height:.92}
.sh-calan .sahte.on{opacity:.62}
.sh-calan .not{top:calc(100% + 1em)}

/* the copycat and the attorney's frames */
.sh-taklitci{position:absolute;left:0;top:0;z-index:20;pointer-events:none;opacity:0;will-change:transform}
.sh-taklitci svg{width:22px;height:30px;overflow:visible;filter:drop-shadow(0 1px 0 rgba(14,26,21,.25))}
.sh-taklitci span{position:absolute;left:20px;top:24px;color:var(--muhur);font-size:10px;letter-spacing:.2em;white-space:nowrap}
.sh-taklitci.press svg{transform:scale(.86);transform-origin:0 0}
.sh-cerceve{position:absolute;left:0;top:0;z-index:15;pointer-events:none;opacity:0;will-change:transform}
.sh-cerceve i{position:absolute;width:14px;height:14px;border:0 solid var(--mavi)}
.sh-cerceve i:nth-child(1){left:0;top:0;border-width:2.5px 0 0 2.5px}
.sh-cerceve i:nth-child(2){right:0;top:0;border-width:2.5px 2.5px 0 0}
.sh-cerceve i:nth-child(3){left:0;bottom:0;border-width:0 0 2.5px 2.5px}
.sh-cerceve i:nth-child(4){right:0;bottom:0;border-width:0 2.5px 2.5px 0}
.sh-cerceve span{position:absolute;left:0;bottom:calc(100% + 7px);font-size:10.5px;font-weight:700;font-stretch:80%;letter-spacing:.18em;text-transform:uppercase;color:var(--mavi);white-space:nowrap;background:var(--kagit);padding:2px 4px 1px 0}
.sh-cerceve.sag span{left:auto;right:0}
.sh-hud{position:absolute;left:50%;top:calc(var(--hd) + 18px);transform:translateX(-50%);z-index:30;display:flex;gap:10px;align-items:center;white-space:nowrap;color:var(--muhur);opacity:0;transition:opacity .4s,color .4s}
.sh-hud.on{opacity:1}
.sh-hud::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:nabiz 1.4s ease-in-out infinite}
.sh-hud.mavi{color:var(--mavi)}
@keyframes nabiz{50%{opacity:.25}}
.sh-isaret{position:absolute;left:var(--pad);bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:12px;color:var(--mavi);opacity:0;transition:opacity .5s;pointer-events:none}
.sh-isaret::before{content:"";width:1.5px;height:34px;background:linear-gradient(var(--mavi),transparent);animation:damla 1.6s ease-in-out infinite;transform-origin:top}
.sh-isaret.on{opacity:1}
@keyframes damla{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
.sh-lejant{position:absolute;right:var(--pad);bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;display:flex;gap:18px;opacity:0;pointer-events:none}
.sh-lejant i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:0}
.sh-lejant .k{background:var(--muhur)}.sh-lejant .m{background:var(--mavi)}

/* =========== 02 the dossier =========== */
.dosya{background:var(--sayfa);border-top:1px solid var(--m08)}
.dosya .izgara{align-items:start}
.ds-sol{grid-column:1/5;display:flex;flex-direction:column;gap:24px;position:sticky;top:calc(var(--hd) + 32px)}
.ds-kart{position:relative;aspect-ratio:1;background:var(--kagit2)}
.ds-kart svg{position:absolute;inset:16%;width:68%;height:68%}
.kose{position:absolute;width:14px;height:14px;border:0 solid var(--m45)}
.kose.k1{left:12px;top:12px;border-width:1px 0 0 1px}.kose.k2{right:12px;top:12px;border-width:1px 1px 0 0}
.kose.k3{left:12px;bottom:12px;border-width:0 0 1px 1px}.kose.k4{right:12px;bottom:12px;border-width:0 1px 1px 0}
.ds-damga,.ds-no,.ds-aile{position:absolute;font-size:10px}
.ds-damga{left:34px;top:14px;color:var(--muhur)}
.ds-no{left:34px;bottom:14px}
.ds-aile{right:34px;bottom:14px}
.ds-turetme{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;font-size:10.5px}
.ds-turetme p{grid-column:1/-1;margin-top:6px;font-size:13px;font-weight:400;font-stretch:100%;letter-spacing:0;text-transform:none;line-height:1.45;color:var(--m45)}
.ds-sag{grid-column:6/13;display:flex;flex-direction:column;gap:28px;padding-top:6px}
.ds-sol,.ds-sag{min-width:0}

.ds-ad{display:block;white-space:nowrap;font-weight:880;font-stretch:125%;letter-spacing:-.03em;line-height:.92;margin-bottom:.08em}
.ds-ad .hf{will-change:auto}
.ds-siniflar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:12px}
.skart{border-top:2px solid var(--murekkep);padding-top:18px}
.skart .sayi{display:block;font-size:clamp(72px,7.4vw,128px);font-weight:880;font-stretch:125%;line-height:.82;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.skart .sayi.mavi{color:var(--mavi)}
.skart h3{margin-top:18px}
.skart .aciklama{margin-top:8px;font-size:18px;font-weight:560;font-stretch:96%;letter-spacing:-.015em;line-height:1.25;max-width:26ch}
.skart .neden{margin-top:10px;font-size:14px;color:var(--m60)}
.ds-serit{display:grid;grid-template-columns:repeat(45,minmax(0,1fr));gap:3px;margin-top:12px}
.ds-serit i{display:block;height:40px;background:var(--kagit2);position:relative;transition:background .35s}
.ds-serit i.hizmet{background:#DDD8CB}
.ds-serit i.on{background:var(--mavi)}
.ds-serit i b{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:9px;font-weight:600;font-stretch:68%;color:var(--m45)}
.ds-serit i.on b{color:var(--kagit)}
.ds-serit-et{display:flex;justify-content:space-between;gap:16px;margin-top:-16px}
.ds-uyari{display:flex;gap:14px;align-items:flex-start;max-width:64ch;color:var(--m80);font-size:15px}
.ds-uyari::before{content:"";flex:none;width:9px;height:9px;margin-top:7px;background:var(--muhur)}
.ds-sag .bag,.ds-sol .bag{align-self:flex-start}

/* =========== 03 ten years: scroll is time =========== */
.zaman{position:relative;height:900vh;background:var(--gece)}
.zm-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.zaman .uni{position:absolute;inset:0;overflow:hidden;will-change:clip-path}
.zaman .uni-a{background:var(--kagit);color:var(--murekkep)}
.zaman .uni-b{background:var(--gece);color:var(--kagit)}
.zaman .uni-b .mini{color:var(--k60)}
.zaman .age{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 70% 40%,rgba(0,0,0,0) 40%,rgba(120,98,52,.22) 100%),#D9D1BC;opacity:0;mix-blend-mode:multiply}
.zaman .abs{position:absolute;left:0;top:0;will-change:transform}
.zaman .brand{white-space:nowrap;font-weight:800;font-stretch:125%;line-height:1;letter-spacing:-.01em;display:flex;align-items:baseline}
.zaman .brand .l{display:inline-block;transform-origin:50% 85%;will-change:transform}
.zaman .reg{font-size:.28em;font-weight:700;font-stretch:100%;align-self:flex-start;margin-left:.08em;margin-top:.02em;display:inline-block}
.zaman .uni-b .brand .l{-webkit-text-stroke:1px var(--kagit)}
.zaman .ghost{white-space:nowrap;line-height:1;color:var(--murekkep);font-weight:700}
.zaman .uni-b .ghost{color:var(--kagit)}
.zaman .owner{white-space:nowrap}
.zaman .stamp{display:inline-flex;flex-direction:column;align-items:center;gap:.18em;border:.14em solid currentColor;outline:.06em solid currentColor;outline-offset:.14em;padding:.42em .7em .36em;line-height:1;white-space:nowrap;font-stretch:80%;font-weight:800;letter-spacing:.08em;text-transform:uppercase;filter:url(#zm-murekkep);transform-origin:50% 50%;text-align:center}
.zaman .stamp small{font-size:.42em;font-weight:600;letter-spacing:.16em}
.zaman .stamp-a{color:var(--muhur)}
.zaman .stamp-b{color:#AEB8FF}
.zaman .ledger{position:absolute;left:var(--pad);top:calc(var(--hd) + 22px);width:min(400px,38vw)}
.zaman .uni-label{display:flex;gap:12px;align-items:baseline;margin-bottom:16px;font-size:11.5px;font-weight:600;font-stretch:80%;letter-spacing:.14em;text-transform:uppercase}
.zaman .uni-label b{font-weight:700;color:var(--mavi)}
.zaman .uni-b .uni-label b{color:#AEB8FF}
.zaman .uni-label span{opacity:.7}
.zaman #zm-ledB{top:auto;bottom:36px;display:flex;flex-direction:column-reverse}
.zaman #zm-ledB .uni-label{margin:16px 0 0}
.zaman .rows{position:relative;height:calc(var(--rh) * var(--nr))}
.zm-row{position:absolute;left:0;right:0;top:0;height:var(--rh);display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:start;will-change:transform,opacity}
.zm-row .y{font-size:12px;font-weight:700;font-stretch:80%;letter-spacing:.08em;padding-top:2px;font-variant-numeric:tabular-nums}
.zm-row .x{font-size:15px;line-height:1.3;font-weight:450;font-stretch:94%}
.zm-row .bar{grid-column:2;height:3px;margin-top:6px;background:rgba(128,128,120,.28);position:relative;display:none}
.zm-row .bar i{position:absolute;inset:0 auto 0 0;width:0}
.zm-row.w .bar,.zm-row.w .bl{display:block}
.zm-row .bl{grid-column:2;font-size:10px;font-weight:600;font-stretch:80%;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;opacity:.6;display:none}
.zaman .uni-a .zm-row .bar i{background:var(--muhur)}
.zaman .uni-b .zm-row .bar i{background:#AEB8FF}
.zaman .ctr{display:flex;font-weight:900;font-stretch:125%;letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:none}
.zaman .col{position:relative;overflow:hidden}
.zaman .drum{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.zaman .face{position:absolute;left:0;top:0;width:100%;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.zaman .cells{display:flex;flex-direction:column;gap:8px}
.zaman .cl{display:flex;justify-content:space-between}
.zaman .cl em{font-style:normal;font-weight:800;font-stretch:100%;letter-spacing:.04em;font-size:12px;position:relative;display:inline-block;min-width:3.4em;text-align:right;color:var(--kagit)}
.zaman .cl em span{position:absolute;right:0;top:0}
.zaman .cg{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.zaman .cg i{height:10px;background:#AEB8FF;display:block}
.zaman .status-a{display:flex;gap:10px;align-items:center;white-space:nowrap;color:inherit}
.zaman .status-a i{width:22px;height:1px;background:currentColor;display:block}
.zaman .ruler{position:absolute;left:0;top:0;height:0;z-index:5;pointer-events:none;will-change:transform}
.zaman .ruler .cz{position:absolute;left:0;right:0;top:-.5px;height:1px;background:rgba(150,146,132,.9)}
.zaman .ruler .fill{position:absolute;left:0;top:-1px;height:2px;background:var(--muhur);width:0}
.zaman .ruler .tk{position:absolute;top:0;width:1px;height:5px;background:var(--kagit)}
.zaman .ruler .tk span{position:absolute;top:9px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;font-stretch:80%;letter-spacing:.08em;color:var(--k60)}
.zaman .ruler .mk{position:absolute;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--muhur)}
.zaman .hit{position:absolute;left:0;right:0;top:0;height:28px;margin-top:-14px;z-index:6;cursor:ns-resize;touch-action:none;will-change:transform}
.zaman .grip{position:absolute;right:var(--pad);top:0;z-index:7;transform:translateY(-50%);touch-action:none;cursor:ns-resize;display:flex;align-items:center;gap:9px;height:34px;padding:0 14px 0 12px;border-radius:17px;background:var(--murekkep);color:var(--kagit);border:1px solid var(--k15);user-select:none;-webkit-user-select:none;will-change:transform}
.zaman .grip:focus-visible{outline:2px solid var(--muhur);outline-offset:3px}
.zaman .grip .gl{display:flex;flex-direction:column;gap:3px}
.zaman .grip .gl i{display:block;width:12px;height:1.5px;background:currentColor}
.zaman .hint{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;white-space:nowrap;pointer-events:none}
.zaman .hint .mini{color:var(--kagit)}
.zaman .hint .sc{width:1px;height:26px;background:var(--k15);position:relative;overflow:hidden}
.zaman .hint .sc::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--kagit);animation:akis 1.8s cubic-bezier(.6,0,.3,1) infinite}
@keyframes akis{to{top:110%}}
.zaman .note{position:absolute;right:var(--pad);bottom:calc(16px + env(safe-area-inset-bottom));font-size:9.5px;color:var(--k40);text-align:right;z-index:4;pointer-events:none;max-width:44ch}
.zaman .rmbar{display:none}

/* =========== 09 the seal, then the door =========== */
.muhur-blok{background:var(--kagit);padding:clamp(96px,14vh,160px) 0 clamp(96px,14vh,150px)}
.mh-bas{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px}
.mh-kagit{position:relative;margin:0 var(--pad);height:min(70vh,660px);min-height:440px;background:var(--sayfa);box-shadow:0 0 0 1px var(--m08),0 40px 70px -50px rgba(14,26,21,.45);outline:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden;--n:8}
.mh-kagit:focus-visible{box-shadow:0 0 0 2px var(--mavi)}
html.mh-aktif .mh-kagit{cursor:none}
html.mh-aktif .imlec{opacity:0!important}
.mh-ic{position:absolute;inset:0;will-change:transform}
.mh-ic canvas{position:absolute;left:0;top:0;width:100%;height:100%;mix-blend-mode:multiply;pointer-events:none;z-index:2}
.mh-cukur{position:absolute;left:0;top:0;z-index:1;width:calc(var(--mR,84px)*3.4);height:calc(var(--mR,84px)*3.4);margin:calc(var(--mR,84px)*-1.7) 0 0 calc(var(--mR,84px)*-1.7);border-radius:50%;pointer-events:none;opacity:0;mix-blend-mode:multiply;background:radial-gradient(closest-side,rgba(60,48,28,.16),rgba(60,48,28,.09) 45%,rgba(255,255,255,0) 62%)}
.mh-ust{position:absolute;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--m15)}
.mh-orta{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;padding:0 28px}
.mh-isaret{display:block;margin-bottom:18px}
.mh-ad{display:block;font-size:min(11vw,190px,calc((100vw - var(--pad) * 2 - 56px) / (var(--n) * .82)));font-weight:880;font-stretch:125%;letter-spacing:-.03em;line-height:.9;white-space:nowrap}
.mh-hedef{position:absolute;left:62%;top:calc(50% + 14px);width:calc(var(--mR,84px) * 1.8);aspect-ratio:1;border:1.5px dashed var(--m45);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .6s;pointer-events:none}
.mh-kagit.muhurlu .mh-hedef{opacity:0}
.mh-durum{position:absolute;left:0;right:0;bottom:24px;text-align:center}
.mh-durum.yeni{animation:durum .5s var(--e-out)}
@keyframes durum{from{opacity:0;transform:translateY(8px)}}
.mh-kagit.muhurlu .mh-durum{color:var(--muhur)}
.mh-alt{margin-top:clamp(64px,10vh,110px);align-items:end}
.mh-cagri{grid-column:1/7;display:flex;flex-direction:column;gap:26px;align-items:flex-start}
.mh-cagri .baslik{overflow-wrap:anywhere}
.mh-sorgu{grid-column:8/13;display:flex;flex-direction:column;gap:16px}
.sorgu-form{display:flex;gap:10px;align-items:center;background:var(--sayfa);border-radius:999px;padding:7px 7px 7px 26px;box-shadow:0 0 0 2px var(--murekkep)}
.sorgu-form input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:clamp(19px,1.6vw,24px);font-weight:700;font-stretch:110%;letter-spacing:-.01em}
.sorgu-not{max-width:52ch;font-size:15px}
.mh-golge,.mh-temas{position:fixed;left:0;top:0;width:calc(var(--mR,84px)*2);height:calc(var(--mR,84px)*2);border-radius:50%;pointer-events:none;z-index:96;mix-blend-mode:multiply;opacity:0;will-change:transform,opacity}
.mh-golge{background:radial-gradient(closest-side,rgba(30,26,16,.62),rgba(30,26,16,.34) 50%,rgba(30,26,16,.1) 80%,rgba(30,26,16,0))}
.mh-temas{background:radial-gradient(closest-side,rgba(14,20,14,.55) 78%,rgba(14,20,14,.18) 90%,rgba(14,20,14,0))}
.mh-halka{position:fixed;left:0;top:0;pointer-events:none;z-index:97;overflow:visible;opacity:0;transition:opacity .25s}
.mh-halka.var{opacity:1}
.mh-halka .iz-y{stroke:var(--m15)}
.mh-halka .dolu{stroke:var(--murekkep);transition:stroke .2s}
.mh-halka.tam .dolu{stroke:var(--muhur)}
.mh-halka .cent{stroke:var(--m45)}
.mh-imlec{position:fixed;left:0;top:0;width:calc(var(--mR,84px)*2);height:calc(var(--mR,84px)*2);pointer-events:none;z-index:98;opacity:0;will-change:transform,opacity;transition:opacity .35s}
.mh-imlec .govde{width:100%;height:100%}
.mh-imlec svg{width:100%;height:100%;overflow:visible}
.mh-imlec.gizli,.mh-golge.gizli,.mh-temas.gizli{opacity:0!important}

/* =========== 05 index · 06 attorney · 07 endorsements · 08 holders =========== */
.dizin{position:relative}
.dz-bas,.bolum-bas{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:clamp(40px,6vh,64px)}
.dz-liste{list-style:none;border-top:1px solid var(--murekkep)}
.dz-liste a{position:relative;isolation:isolate;display:grid;grid-template-columns:64px minmax(0,1.15fr) minmax(0,1fr) 210px 44px;align-items:center;gap:24px;padding:30px 0 26px;border-bottom:1px solid var(--m15);transition:color .45s var(--e-std)}
.dz-liste a::before{content:"";position:absolute;inset:0 calc(var(--pad) * -1);background:var(--murekkep);transform:scaleY(0);transform-origin:50% 100%;transition:transform .6s var(--e-out);z-index:-1}
.dz-no{font-size:13px;font-weight:600;font-stretch:80%;letter-spacing:.12em;color:var(--m45);transition:color .45s}
.dz-ad{font-size:clamp(48px,7.2vw,124px);font-weight:700;font-stretch:88%;letter-spacing:-.05em;line-height:.88;transition:transform .7s var(--e-out)}
.dz-ne{font-size:16px;color:var(--m80);max-width:36ch;transition:color .45s}
.dz-sure{font-size:12px;font-weight:600;font-stretch:80%;letter-spacing:.12em;text-transform:uppercase;color:var(--mavi);transition:color .45s}
.dz-liste i{font-style:normal;font-size:30px;justify-self:end;transition:transform .6s var(--e-out)}
@media (hover:hover){
  .dz-liste a:hover{color:var(--kagit)}
  .dz-liste a:hover::before{transform:scaleY(1)}
  .dz-liste a:hover .dz-ad{transform:translateX(22px)}
  .dz-liste a:hover .dz-ne{color:var(--k80)}
  .dz-liste a:hover .dz-no{color:var(--k60)}
  .dz-liste a:hover .dz-sure{color:#AEB8FF}
  .dz-liste a:hover i{transform:rotate(-45deg)}
}
.dz-iz{position:absolute;left:0;top:0;width:250px;height:250px;pointer-events:none;z-index:3;opacity:0;transition:opacity .35s}
.dz-iz path{stroke:#AEB8FF}

.vekil-blok .izgara{align-items:center}
.madalyon{grid-column:1/6;position:relative;aspect-ratio:1}
.madalyon svg{position:absolute;inset:0;width:100%;height:100%}
.vk-yazi{font-family:Archivo,sans-serif;font-size:11px;font-weight:600;font-stretch:68%;letter-spacing:3.3px;fill:var(--k80)}
.vekil-yazi{grid-column:7/13;display:flex;flex-direction:column;gap:28px}
.vekil-yazi blockquote{font-size:clamp(22px,2.1vw,32px);line-height:1.3;font-weight:450;letter-spacing:-.015em;color:var(--kagit);border-left:3px solid #AEB8FF;padding-left:22px}
.kunye{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--k15)}
.kunye div{padding:16px 16px 16px 0;border-bottom:1px solid var(--k08)}
.kunye dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--k60);margin-bottom:4px}
.kunye dd{font-weight:550}

.ciro-izgara{display:flex;flex-direction:column;border-top:1px solid var(--murekkep)}
.ciro{margin:0;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto auto 1fr;column-gap:clamp(28px,5vw,80px);padding:clamp(40px,6vh,64px) 0 clamp(48px,7vh,72px);border-bottom:1px solid var(--m15)}
.ciro-ust{grid-column:1;grid-row:1;display:flex;gap:18px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--m60)}
.ciro-ust span:last-child{color:var(--mavi)}
.ciro figcaption{grid-column:1;grid-row:2;margin-top:22px;display:flex;flex-direction:column;gap:4px;max-width:34ch}
.ciro figcaption b{font-size:19px;font-weight:700;font-stretch:92%;letter-spacing:-.01em}
.ciro figcaption span{font-size:13px;color:var(--m60);line-height:1.45}
.ciro-bant{grid-column:1;grid-row:3;align-self:end;width:100%;max-width:300px;height:44px;margin-top:22px}
.ciro blockquote{grid-column:2;grid-row:1/4;font-size:clamp(26px,3vw,50px);line-height:1.1;font-weight:600;font-stretch:90%;letter-spacing:-.03em;text-indent:-.42em}
.ciro blockquote .k{opacity:.13}
html.rm .ciro blockquote .k{opacity:1}

.sahipler{padding:40px 0 clamp(96px,14vh,160px)}
.sahip-bas{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--murekkep);font-size:14px}
.logo-kap{overflow:hidden;border-top:1px solid var(--m15);border-bottom:1px solid var(--m15);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.logo-izgara{display:flex;width:max-content;animation:logo-kay 48s linear infinite}
.logo-kap:hover .logo-izgara{animation-play-state:paused}
@keyframes logo-kay{to{transform:translateX(-50%)}}
.hucre{position:relative;flex:none;width:clamp(190px,19vw,290px);height:clamp(150px,20vh,200px);display:grid;place-items:center;border-right:1px solid var(--m15);overflow:hidden}
.hucre svg{position:absolute;width:150px;height:150px;opacity:.2;transition:opacity .5s,transform 1.3s var(--e-out)}
.hucre img{position:relative;max-width:128px;max-height:46px;object-fit:contain;filter:grayscale(1) contrast(1.05);mix-blend-mode:multiply;opacity:.78;transition:filter .4s,opacity .4s}
.hucre:hover svg{opacity:.55;transform:rotate(45deg) scale(1.1)}
.hucre:hover img{filter:none;opacity:1}
html.rm .logo-izgara{animation:none;flex-wrap:wrap;width:auto}

/* =========== 04 the certificate under a lamp (WebGL) =========== */
.belge{position:relative;height:420vh;background:#0B1813;color:var(--kagit)}
.bl-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.bl-pin canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:none}
html:not(.imlec-var) .bl-pin canvas{cursor:crosshair}
.bl-yedek{position:absolute;left:50%;top:50%;width:min(78vw,120vh);translate:-50% -50%;box-shadow:0 60px 120px -40px rgba(0,0,0,.8);transition:transform .4s var(--e-out)}
.belge.gl .bl-yedek{display:none}
.belge:not(.gl) canvas{display:none}
.bl-metin{position:absolute;left:calc(var(--pad) - 24px);top:calc(var(--hd) + 20px);width:min(440px,40vw);pointer-events:none}
.bl-evre{position:absolute;left:0;top:0;width:100%;display:flex;flex-direction:column;gap:16px;padding:22px 24px 24px;border-radius:14px;background:rgba(11,24,19,.62);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 20px 50px -30px rgba(0,0,0,.6);opacity:0;transform:translateY(24px);transition:opacity .6s,transform .9s var(--e-out)}
.bl-evre.acik{opacity:1;transform:none;pointer-events:auto}
.bl-evre .etiket{color:var(--k60)}
.bl-evre .baslik{font-size:clamp(34px,3.8vw,62px);color:var(--kagit)}
.bl-evre p:not(.etiket){font-size:16px;color:var(--k80);max-width:34ch}
.bl-evre .btn{align-self:flex-start;margin-top:6px}
.bl-dokun{display:none}
@media (hover:none){.bl-fare{display:none}.bl-dokun{display:inline}}
.bl-not{position:absolute;left:var(--pad);bottom:22px;font-size:12px;color:var(--k60);max-width:60ch;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.bl-ray{position:absolute;left:var(--pad);right:var(--pad);bottom:12px;height:1px;background:var(--k15)}
.bl-ray i{position:absolute;inset:0;background:var(--kagit);transform-origin:0 50%;transform:scaleX(0)}
@media (max-width:760px){
  .bl-metin{width:auto;right:var(--pad);top:calc(var(--hd) + 14px)}
  .bl-evre{gap:10px}
  .bl-evre .baslik{font-size:30px}
  .bl-evre p:not(.etiket){font-size:14px}
  .bl-not{font-size:11px;bottom:20px}
}


/* ---------- responsive ---------- */
@media (max-width:1024px){
  .ciro{grid-template-columns:1fr;grid-template-rows:none}
  .ciro-ust,.ciro figcaption,.ciro-bant,.ciro blockquote{grid-column:1;grid-row:auto}
  .ciro blockquote{margin-top:18px;font-size:clamp(24px,5.4vw,40px)}
  .ciro figcaption{margin-top:22px}
  .ciro-bant{display:none}
  .dz-liste a{grid-template-columns:44px minmax(0,1fr) 34px;row-gap:10px;padding:22px 0}
  .dz-ne,.dz-sure{grid-column:2/3}
  .dz-liste i{grid-row:1;grid-column:3}
  .madalyon{grid-column:1/-1;max-width:460px;width:100%;margin:0 auto}
  .vekil-yazi{grid-column:1/-1}
  .ds-sol{grid-column:1/-1;position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .ds-sol .etiket{grid-column:1/-1}
  .ds-sag{grid-column:1/-1}
  .mh-cagri,.mh-sorgu{grid-column:1/-1}
}
@media (max-width:760px){
  .sh-blok{top:44%}
  .sh-kas{white-space:normal;right:0;line-height:1.3}
  .sh-oniz{top:calc(var(--hd) + 18px);width:64px}
  .sh-oniz .mini{display:none}
  .sh-marj{display:none}
  .sh-yuva{margin-top:22px}
  .sh-alt{gap:10px 16px}
  .sh-devam{margin-left:0;padding:11px 18px}
  .sh-devam kbd{display:none}
  .sh-cizgi-et{font-size:10px;letter-spacing:.1em}
  .sh-lejant{display:none}
  .sh-hud{top:calc(var(--hd) + 10px)}
  .sh-son-p{font-size:15px}
  .ds-sol{grid-template-columns:150px minmax(0,1fr);gap:16px}
  .ds-kart{grid-row:2}
  .ds-turetme{grid-template-columns:1fr;font-size:10px}
  .ds-sol .bag{grid-column:1/-1}
  .ds-kose,.ds-aile{display:none}
  .ds-damga,.ds-no{left:12px;font-size:9px}
  .ds-damga{top:10px}.ds-no{bottom:10px}
  .ds-kart .kose{display:none}
  .ds-siniflar{grid-template-columns:1fr;gap:28px}
  .ds-serit{grid-template-columns:repeat(15,minmax(0,1fr))}
  .ds-serit i{height:32px}
  .ds-serit-et{margin-top:-18px}
  .zaman{height:800vh}
  .zaman .ledger{width:calc(100vw - 32px);left:16px}
  .zm-row{grid-template-columns:38px 1fr}
  .zm-row .x{font-size:14px}
  .zaman .note{left:16px;right:auto;text-align:left;bottom:calc(12px + env(safe-area-inset-bottom));white-space:nowrap;font-size:9px}
  .zaman #zm-ledB{bottom:40px}
  .zaman .hint{bottom:auto}
  .zaman .grip{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%;right:16px}
  .zaman .grip>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mh-bas{flex-direction:column;gap:8px}
  .mh-kagit{height:min(64vh,520px);min-height:380px}
  .mh-ust{left:16px;right:16px;top:16px;flex-wrap:wrap;gap:6px 14px}
  .mh-ust span:nth-child(2){display:none}
  .mh-orta{padding:0 16px}
  .mh-ad{font-size:min(15vw,calc((100vw - var(--pad) * 2 - 32px) / (var(--n) * .82)))}
  .mh-hedef{left:58%}
}
@media (max-width:640px){
  .kunye{grid-template-columns:1fr}
  .sorgu-form{flex-direction:column;align-items:stretch;border-radius:22px;padding:16px}
  .sorgu-form .btn{justify-content:space-between}
}

/* ---------- reduced motion: still, complete, readable ---------- */
html.rm .tiyatro{height:auto}
html.rm .sh{position:relative}
html.rm .sh-iz,html.rm .sh-taklitci,html.rm .sh-cerceve,html.rm .sh-isaret{display:none}
html.rm .zaman{height:auto}
html.rm .zm-pin{position:relative}
html.rm .zaman .hint{display:none}
html.rm .zaman .rmbar{display:flex;position:relative;z-index:3;background:var(--murekkep);color:var(--kagit);padding:14px var(--pad);gap:16px;align-items:center;flex-wrap:wrap}
html.rm .zaman .rmbar .mini{color:var(--kagit)}
html.rm .zaman .rmbar input{flex:1;min-width:180px;accent-color:var(--muhur)}
html.rm .belge{height:auto}
html.rm .bl-pin{position:relative}
html.rm .ds-sol{position:relative;top:auto}