/* Personal atlas. Core content is visible before progressive enhancement. */
:root{--atlas-night:#10191b;--atlas-gold:#e3bd7c;--atlas-paper:#f0ede5}
[hidden]{display:none!important}
.page-home .curtain{overflow:visible;background:var(--atlas-night)}
.page-home{background:var(--atlas-paper)}
nav{background:#10191bf5;box-shadow:none}
nav .nav-links a{color:#e8e6df}
.kb-emblem{display:block;width:72px;height:72px;fill:currentColor}
.atlas-experience{--morph:0;position:relative;color:var(--atlas-paper);background:var(--atlas-night)}
.atlas-pin{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 68% 36%,#4a544638 0,transparent 52%),#10191b}
.atlas-grain{position:absolute;inset:0;pointer-events:none;z-index:9;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.atlas-orbits{position:absolute;inset:5% -15% 0 23%;pointer-events:none;z-index:0;transform:rotate(-24deg)}
.atlas-orbits i{position:absolute;inset:12%;border:1px solid #e3bd7c32;border-radius:50%}
.atlas-orbits i:nth-child(2){inset:2% 25%}.atlas-orbits i:nth-child(3){inset:27% -8%}
/* Noktalar halkanın kendisinde yürür: yatay ve dikey konum ayrı ayrı sinüs (easeInOutSine)
   ile gidip gelir, dikey olan çeyrek tur geride başlar -> elipsin tam üstünde döner.
   Halka boyutu değişse de (responsive) yörünge çizgiyle birlikte ölçeklenir. */
.atlas-orbits b{position:absolute;left:0;top:0;width:0;height:0;--t:48s;
  animation:orbit-x var(--t) cubic-bezier(.37,0,.63,1) infinite alternate,orbit-y var(--t) cubic-bezier(.37,0,.63,1) calc(var(--t) / -2) infinite alternate}
.atlas-orbits b::after{content:"";position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--atlas-gold)}
.atlas-orbits i:nth-child(1) b{--t:41s;animation-delay:-13s,calc(-13s - 20.5s)}
.atlas-orbits i:nth-child(1) b::after{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;box-shadow:0 0 22px #e3bd7c}
.atlas-orbits i:nth-child(2) b{--t:63s;animation-direction:alternate-reverse;animation-delay:-40s,calc(-40s - 31.5s)}
.atlas-orbits i:nth-child(2) b::after{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;opacity:.75}
.atlas-orbits i:nth-child(3) b{--t:88s;animation-delay:-5s,calc(-5s - 44s)}
.atlas-orbits i:nth-child(3) b::after{width:4px;height:4px;margin:-2px 0 0 -2px;opacity:.6}
@keyframes orbit-x{from{left:0}to{left:100%}}
@keyframes orbit-y{from{top:0}to{top:100%}}
@media(prefers-reduced-motion:reduce){.atlas-orbits b{animation:none;left:14.6%;top:14.6%}}
.signature-hero{position:relative;z-index:2}
.signature-shell{position:relative;min-height:calc(100svh - var(--nav-height));display:flex;flex-direction:column;padding-top:24px;padding-bottom:20px}
.signature-top{display:flex;align-items:center;justify-content:flex-end;gap:20px;position:relative;z-index:5}
/* Kicker büyük ismin üstünde değil, ait olduğu cümlenin üstünde: iki büyük-harf katmanı üst üste binmesin */
.signature-kicker{display:block;font-size:10px;letter-spacing:.22em;color:var(--atlas-gold);margin-bottom:16px}
.signature-register{font-size:10px;letter-spacing:.13em;color:#b9bdb5}
.signature-name{font-size:clamp(70px,11.15vw,166px);line-height:1.04;letter-spacing:-.07em;text-transform:uppercase;display:flex;gap:.21em;white-space:nowrap;position:relative;z-index:4;margin:22px 0 0;overflow:visible;font-weight:500;text-shadow:0 8px 45px #0003}
.signature-name>span{display:block}
.signature-layout{display:grid;grid-template-columns:.9fr 1.15fr;gap:5%;position:relative;flex:1;min-height:340px}
.signature-copy{position:relative;z-index:3;align-self:center;padding:24px 0 35px}
.signature-seal{color:var(--atlas-gold);margin-bottom:22px;filter:drop-shadow(1px 2px 0 #000)}
.signature-seal .kb-emblem{width:62px;height:62px}
.signature-statement{font-size:clamp(25px,2.75vw,40px);line-height:1.17;letter-spacing:-.045em;margin:0 0 18px;font-weight:500}
.signature-description{font-size:14px;line-height:1.75;color:#b8c1bd;max-width:32ch;margin-bottom:25px}
.signature-cta{display:inline-flex;align-items:center;gap:28px;color:var(--atlas-paper);font-size:13px;text-decoration:none}
.signature-cta b{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:var(--atlas-gold);color:#182020;font-size:25px;font-weight:400;transition:transform .35s,background .35s}
.signature-cta:hover b{transform:rotate(45deg);background:#f5dbaa}
.signature-portrait{position:relative;margin:24px 22px 0 -6%;align-self:stretch;min-width:0;display:flex;justify-content:center;z-index:1}
.portrait-cut{position:relative;overflow:hidden;height:100%;width:auto;max-width:100%;aspect-ratio:929/1134;min-height:390px;border-radius:0;border:1px solid #d6ba8047;outline:1px solid #e3bd7c3d;outline-offset:11px;background:#111715;box-shadow:0 0 80px #aaa66e0d}
.portrait-cut::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10191b 0%,transparent 35%),linear-gradient(90deg,#23302a15,transparent);pointer-events:none}
.portrait-cut .portrait-img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 0;filter:saturate(.6) contrast(1.06)}
.portrait-reticle{position:absolute;inset:auto -12px 20px;display:flex;align-items:center;gap:15px;color:#e3bd7ca8;font-size:9px;letter-spacing:.16em}
.portrait-reticle i{flex:1;visibility:hidden}  /* çizgi fotoğrafın üstünden geçip onu kesiyor gibiydi; etiketler çerçevenin iki yanında kalır */
.signature-side{position:absolute;right:-20px;top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.23em;color:#e3bd7ca6}
.signature-bottom{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d9dfc332;padding-top:18px;margin-top:12px}
.atlas-discover{font-size:12px;text-decoration:none;display:flex;align-items:center;gap:22px;min-height:44px;color:#efeee6}
.atlas-discover span{color:var(--atlas-gold);font-size:24px}
.signature-cities{display:flex;gap:32px}.signature-cities>span{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;font-size:16px;line-height:1.3}
.signature-cities small{font-size:9px;color:var(--atlas-gold)}
.signature-cities time{grid-column:2;font-size:10px;color:#aebbb5;letter-spacing:.08em;margin-top:5px;font-variant-numeric:tabular-nums}
.atlas-world{position:relative;z-index:1;padding:60px 0;background:radial-gradient(ellipse at 35% 55%,#34443788,transparent 65%)}
.atlas-world-heading h2{font-size:clamp(40px,5vw,76px);letter-spacing:-.055em;margin-top:18px;line-height:1.04}
.atlas-world-heading .kicker{color:var(--atlas-gold)}
.atlas-world .corridors{background:transparent;color:var(--atlas-paper);padding:0}
.atlas-world .corridor-runway{height:auto}
.atlas-world .corridor-pin{height:auto;position:relative;top:auto;overflow:visible;padding:20px 0}
.atlas-world .corridor-in{display:grid;grid-template-columns:1.65fr 1fr;gap:5%;align-items:center}
.atlas-world .corridor-map svg{max-height:none;overflow:visible}
.atlas-world .corridor-stage{opacity:1!important;transform:none!important}
.atlas-world .corridor-stage .rule-head,.atlas-world .corridor-lead,.atlas-world .corridor-progress,.atlas-world .corridor-steps{display:none}
.atlas-world .corridor-list{position:relative;min-height:0;opacity:1!important}
.atlas-world .corr{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;border-color:#c6cbb933;margin-bottom:24px;padding-block:16px}
.atlas-world .corr-route{font-size:clamp(24px,2.5vw,38px);color:var(--atlas-paper);flex-wrap:wrap}
.atlas-world .corr-route i{color:var(--atlas-gold)}
.atlas-world .corr p{color:#b7c7bc;line-height:1.8;font-size:15px}
.atlas-world .corr-n{color:var(--atlas-gold)}
.atlas-world .map-land path{fill:#849b7540;stroke:#b9c9a9;stroke-width:.65;animation:none!important}
.atlas-world .map-grid path{stroke:#adc29f;opacity:.17;animation:none!important}
.atlas-world .map-points .pt-label{fill:#f4eddb;letter-spacing:.08em;animation:none!important}
.atlas-world .map-points .pt-coord{fill:#c3cbaa}
.atlas-world .map-points .pt-core{fill:#f6d9a2}
.atlas-world .map-points .pt-ring,.atlas-world .map-points .pt-leader{stroke:#e3bd7c}
.atlas-world .map-arcs .arc{stroke:#edc985;stroke-dashoffset:0;opacity:.7}
.atlas-world .map-marks .arc-mark circle{fill:#192923;stroke:#e3bd7c}
.atlas-world .map-marks .arc-mark text{fill:#f5dba9}
.atlas-navigation{display:none}
/* A single pinned scene, only when motion and viewport permit it. */
.atlas-experience.is-immersive{height:350svh}
.is-immersive .atlas-pin{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height))}
.is-immersive .signature-shell{height:calc(100svh - var(--nav-height));min-height:0}
.is-immersive .signature-hero{opacity:calc(1 - var(--morph));transform:translateY(calc(var(--morph) * -55px)) scale(calc(1 - var(--morph) * .12));transform-origin:50% 35%;will-change:transform,opacity}
.is-immersive .atlas-orbits{transform:rotate(calc(-24deg + var(--morph) * 25deg)) scale(calc(1 + var(--morph) * .55));opacity:calc(1 - var(--morph) * .65)}
.is-immersive .atlas-world{position:absolute;inset:0;padding:clamp(24px,4vh,45px) 0 65px;display:flex;flex-direction:column;justify-content:center;opacity:var(--morph);transform:scale(calc(.83 + var(--morph) * .17));transform-origin:50% 55%;will-change:transform,opacity;pointer-events:none}
.is-immersive.is-world .atlas-world{pointer-events:auto}
.is-immersive.is-world .signature-hero{pointer-events:none}
.is-immersive .atlas-world-heading{position:relative;z-index:3}
.is-immersive .atlas-world-heading h2{font-size:clamp(36px,4.4vw,68px)}
.is-immersive .atlas-world .corridor-map svg{max-height:53svh}
.is-immersive .atlas-world .corridor-in{grid-template-columns:1.5fr 1fr}
.is-immersive .atlas-world .corridor-list{min-height:230px}
.is-immersive .atlas-world .corr{position:absolute;inset:0;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .5s,transform .5s;margin:0}
.is-immersive .atlas-world .corr.is-active{opacity:1;transform:none;pointer-events:auto}
.is-immersive .atlas-world .map-arcs .arc{opacity:.14;stroke-dashoffset:1}
.is-immersive .atlas-world .corridors[data-active="1"] .arc-1,.is-immersive .atlas-world .corridors[data-active="2"] .arc-2,.is-immersive .atlas-world .corridors[data-active="3"] .arc-3{opacity:1;stroke-dashoffset:0;stroke-width:2.5}
.is-immersive .atlas-navigation{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:8;display:flex;justify-content:space-between;align-items:center;pointer-events:none;opacity:var(--morph)}
.atlas-counter{font-size:34px;letter-spacing:-.06em;color:var(--atlas-gold)}.atlas-counter i{font-style:normal;font-size:16px;color:#8a9a90;margin:0 8px}
.atlas-navigation a{font-size:12px;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:12px;pointer-events:auto}
.atlas-navigation a span{font-size:24px;color:var(--atlas-gold)}
/* Paper interlude and a bold, usable enquiry selector. */
.page-home .intro{padding:110px 0 90px;background:var(--atlas-paper)}
.page-home .intro-in{gap:7vw;grid-template-columns:1fr 1fr}
.page-home .intro-heading h2{font-size:clamp(36px,4.1vw,61px);max-width:17ch;letter-spacing:-.055em}
.page-home .intro-main p{font-size:16px;color:#526058}
.page-home .stat-grid{border-color:#c6c8ba}.page-home .stat b{font-size:64px;letter-spacing:-.065em;color:#253b31}
.agenda{background:#203d32;color:#f0ede5;padding:100px 0;position:relative;overflow:hidden}
.agenda::before{content:"";position:absolute;width:550px;height:550px;border:1px solid #d6cb9c16;border-radius:50%;left:-300px;top:35%;pointer-events:none}
.agenda-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:8%}
.agenda-heading .kicker{color:var(--atlas-gold)}
.agenda-heading h2{font-size:clamp(42px,5vw,72px);line-height:1.03;margin:25px 0;letter-spacing:-.06em}
.agenda-heading p{max-width:29ch;color:#c0cec4;font-size:15px}
.agenda-asterisk{display:block;color:var(--atlas-gold);font-size:92px;line-height:1;margin-top:45px}
.agenda-item{border-top:1px solid #b9ccba55}.agenda-item:last-child{border-bottom:1px solid #b9ccba55}
.agenda-item summary{list-style:none;cursor:pointer;position:relative;padding:27px 48px 30px 0;min-height:125px}
.agenda-item summary::-webkit-details-marker{display:none}
.agenda-index{display:block;font-size:10px;letter-spacing:.14em;color:var(--atlas-gold);margin-bottom:14px}
.agenda-item h3{font-size:clamp(23px,2.4vw,33px);line-height:1.22;font-weight:400;letter-spacing:-.035em;max-width:21ch}
.agenda-plus{position:absolute;right:0;top:50%;width:36px;height:36px;border:1px solid #c1d0be66;border-radius:50%;display:grid;place-items:center;font-size:26px;line-height:1;transform:translateY(-50%);transition:transform .3s,background .3s}
.agenda-item[open] .agenda-plus{transform:translateY(-50%) rotate(45deg);background:var(--atlas-gold);color:#203d32;border-color:var(--atlas-gold)}
.agenda-answer{padding:0 35px 30px 0;animation:atlas-in .4s both}
.agenda-answer p{font-size:15px;color:#e0e7dd;max-width:46ch}
.agenda-fields{display:block;font-size:11px;color:#b9cdbd;margin-bottom:14px}
.agenda-answer .arrow-link{font-size:10px;letter-spacing:.1em;border-color:#e3bd7c88}.agenda-answer .arrow-link::after{color:var(--atlas-gold)}
.page-home .practice-showcase{padding:100px 0;background:var(--atlas-paper)}
.page-home .practice-image{border-radius:0;overflow:hidden}
.page-home .practice-image img{filter:sepia(.15)}
.page-home .practice-row{padding-block:30px;border-color:#c7c8ba}
.page-home .practice-row h3{font-weight:400;font-size:31px;letter-spacing:-.04em}
/* The physical object at the end of the story. */
.business-card-section{background:radial-gradient(ellipse at 75% 55%,#354b393b,transparent 65%),#10191b;color:var(--atlas-paper);padding:120px 0;overflow:hidden}
.card-section-layout{display:grid;grid-template-columns:.9fr 1.15fr;gap:8%;align-items:center}
.card-section-copy .kicker{color:var(--atlas-gold);font-size:10px}
.card-section-copy h2{font-size:clamp(40px,4.1vw,63px);letter-spacing:-.055em;line-height:1.08;margin:22px 0}
.card-section-copy p{color:#acbcb2;max-width:30ch;font-size:15px}
.card-section-copy .arrow-link{font-size:10px;border-color:#e3bd7c80}.card-section-copy .arrow-link::after{color:var(--atlas-gold)}
footer{background:#10191b;color:#a8b8ae;border-top:1px solid #9eb39733}
footer .foot-name{color:#eeebdf}footer a:hover{color:#e3bd7c}
.pagehead{background:radial-gradient(ellipse at 80% 100%,#37513b55,transparent 65%),#10191b}
/* Laptop viewport: preserve a strong face and readable copy. */
@media(min-width:901px) and (max-height:850px){
 .signature-shell{padding-top:16px;padding-bottom:12px}.signature-name{font-size:min(10.2vw,17vh);margin-top:15px}
 .signature-layout{min-height:0}.signature-copy{padding:18px 0}.signature-seal{margin-bottom:14px}.signature-seal .kb-emblem{width:45px;height:45px}
 .signature-statement{font-size:30px;margin-bottom:12px}.signature-description{font-size:13px;margin-bottom:16px}
 .portrait-cut{min-height:280px}.signature-portrait{margin-top:20px;margin-right:45px}.signature-bottom{padding-top:10px}
 .is-immersive .atlas-world{padding-top:20px}.is-immersive .atlas-world-heading h2{font-size:48px}.is-immersive .atlas-world .corridor-map svg{max-height:48svh}
}
@media(max-width:1100px){
 .signature-cities{gap:18px}.signature-cities>span{font-size:14px}.card-section-layout{gap:5%}
}
@media(max-width:900px){
 .signature-name{font-size:10.3vw;margin-top:24px}.signature-shell{min-height:740px}.signature-layout{gap:3%;grid-template-columns:.95fr 1.05fr}
 .signature-statement{font-size:31px}.signature-portrait{margin:15px 0 0}.signature-side{right:-23px}.portrait-cut{min-height:400px}
 .signature-cities{gap:22px}.signature-bottom{align-items:flex-end}.signature-cities>span{font-size:13px}
 .signature-kicker{font-size:9px}.signature-register{font-size:9px}
 .atlas-world .corridor-in{display:grid;grid-template-columns:1.2fr 1fr}.atlas-world .corridor-side{order:0}.atlas-world .corridor-stage{order:0}.atlas-world .corridor-map svg{max-height:none}
 .atlas-world .corr{grid-template-columns:20px 1fr;gap:12px}.atlas-world .corr-route{font-size:23px}.atlas-world .corr p{font-size:14px}
 .agenda-layout{gap:6%;grid-template-columns:.85fr 1.2fr}.agenda{padding:75px 0}.agenda-heading h2{font-size:48px}
 .card-section-layout{grid-template-columns:1fr;gap:45px}.card-section-copy{max-width:600px}.card-section-copy h2{font-size:53px}
 .page-home .intro-in{gap:40px}.page-home .intro{padding:75px 0}.page-home .intro-main p{font-size:15px}.page-home .stat b{font-size:52px}
}
@media(max-width:600px){
 :root{--gut:22px}
 .signature-shell{padding-top:18px;padding-bottom:14px;min-height:0}
 .signature-kicker{font-size:8px;letter-spacing:.16em;grid-column:1/-1;margin-bottom:10px}.signature-register{font-size:8px}
 .signature-name{font-size:15.5vw;display:block;line-height:.98;letter-spacing:-.065em;margin:25px 0 0;z-index:5}
 .signature-name>span+span{padding-left:14%;margin-top:4px}
 .signature-layout{display:flex;flex-direction:column;min-height:0}
 .signature-portrait{order:-1;width:83%;align-self:flex-end;height:340px;margin:24px 8px 0 0}
 .portrait-cut{min-height:0;border-radius:0;outline-offset:8px}.portrait-cut .portrait-img{object-position:50% 24%}
 .portrait-reticle{display:none}.signature-side{left:0;right:auto;top:70px;font-size:8px}
 .signature-copy{padding:15px 0 23px;display:grid;grid-template-columns:1fr auto;gap:0 18px;width:100%}
 .signature-seal{display:none}.signature-statement{font-size:27px;margin:0 0 13px;line-height:1.1;letter-spacing:-.04em}
 .signature-description{font-size:12px;max-width:30ch;margin:0;grid-column:1}
 .signature-cta{grid-column:2;grid-row:2/4;align-self:center;gap:10px}.signature-cta>span{display:none}.signature-cta b{width:52px;height:52px}
 .signature-bottom{flex-direction:column;align-items:stretch;gap:12px;margin:0;padding-top:14px}.signature-cities{justify-content:space-between;gap:12px;order:-1}.signature-cities>span{font-size:15px}.signature-cities time{font-size:9px}.atlas-discover{justify-content:space-between;font-size:11px;min-height:36px}
 .atlas-orbits{inset:0 -70% 0 -15%}
 .atlas-experience.is-immersive{height:340svh}
 .is-immersive .signature-shell{height:calc(100svh - var(--nav-height));padding-top:12px;padding-bottom:10px}
 .is-immersive .signature-name{font-size:min(15.5vw,8.4svh);margin-top:16px}
 .is-immersive .signature-layout{flex:1;min-height:0}.is-immersive .signature-portrait{height:auto;min-height:0;flex:1;width:79%;margin-top:20px}
 .is-immersive .signature-copy{padding:12px 0 15px}.is-immersive .signature-statement{font-size:clamp(22px,3.2svh,28px)}
 .is-immersive .signature-description{font-size:11px;line-height:1.6}.is-immersive .signature-bottom{gap:6px;padding-top:10px}.is-immersive .signature-cities>span{font-size:13px}
 .is-immersive .atlas-world{padding:24px 0 64px;justify-content:flex-start}.atlas-world-heading h2,.is-immersive .atlas-world-heading h2{font-size:39px;margin-top:12px}.atlas-world-heading .kicker{font-size:9px}
 .atlas-world .corridor-in,.is-immersive .atlas-world .corridor-in{display:flex;flex-direction:column;gap:0}
 .atlas-world .corridor-side{width:100%;order:0}.atlas-world .corridor-stage{width:100%;order:1}
 .atlas-world .corridor-map{margin:0 -10px}.atlas-world .corridor-map svg,.is-immersive .atlas-world .corridor-map svg{max-height:29svh;min-height:170px;width:100%}
 .atlas-world .corridor-pin{padding:4px 0}.atlas-world .corr p{font-size:14px;line-height:1.65}.atlas-world .corr-route{font-size:25px}.atlas-world .corr{padding-top:12px}
 .is-immersive .atlas-world .corridor-list{min-height:190px}.is-immersive .atlas-navigation{bottom:10px}.atlas-counter{font-size:27px}.atlas-navigation a{font-size:11px}
 .page-home .intro{padding:62px 0}.page-home .intro-in{grid-template-columns:1fr;gap:26px}.page-home .intro-heading h2{font-size:39px;max-width:16ch}.page-home .intro-main p{font-size:14px}.page-home .stat b{font-size:41px}.page-home .stat span{font-size:10px}
 .agenda{padding:60px 0}.agenda-layout{grid-template-columns:1fr;gap:30px}.agenda-heading{position:relative}.agenda-heading h2{font-size:50px;margin:20px 0}.agenda-heading p{font-size:14px;max-width:26ch}.agenda-asterisk{position:absolute;right:0;bottom:5px;font-size:58px;margin:0}.agenda-item h3{font-size:25px}.agenda-item summary{padding-block:24px;min-height:116px}.agenda-answer{padding-right:12px}.agenda-answer p{font-size:14px}.agenda-index{font-size:9px}
 .page-home .practice-showcase{padding:62px 0}.page-home .practice-row h3{font-size:28px}.page-home .practice-image{max-height:340px}.page-home .practice-row{padding-block:23px}
 .business-card-section{padding:64px 0} .card-section-copy h2{font-size:43px}.card-section-copy p{font-size:14px}.card-section-copy .kicker{font-size:9px}.card-section-layout{gap:35px}
}
@media(max-width:360px){.signature-statement{font-size:24px}.signature-cities>span{font-size:13px}.signature-register{display:none}}
@media(prefers-reduced-motion:reduce){
 .atlas-experience *{animation:none!important;transition:none!important}.atlas-world .corr{position:relative;opacity:1;transform:none;pointer-events:auto}.atlas-world .corridor-list{min-height:0}.atlas-world .map-arcs .arc{stroke-dashoffset:0;opacity:.7}
 .business-card,.agenda-plus,.agenda-answer{transition:none!important;animation:none!important}.card-display.is-enhanced .business-card,.card-display.is-flipped .business-card{transform:none}.card-display.is-enhanced .card-back{transform:none}.card-display.is-enhanced .card-face[inert]{visibility:hidden}
}
/* Shared identity and touch target finishing. */
/* Başlık kilidi: monogram ana işaret; kılcal çizgi; isim menüyle aynı aralıklı büyük harf.
   Metin bloğu logonun dikey ortasına oturur, unvan satırı olsa da olmasa da. */
nav .mark{display:flex;flex-direction:row;align-items:center;gap:0;font:500 13px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#f0ede5}
nav .nav-emblem{flex:none;width:auto;height:40px;aspect-ratio:1.07;color:var(--atlas-gold)}
nav .mark-text{display:flex;flex-direction:column;justify-content:center;gap:7px;margin-left:18px;padding-left:18px;border-left:1px solid #e3bd7c47;min-height:30px}
nav .mark-name{display:block}
nav .mark small{font:400 9px/1 var(--sans);letter-spacing:.18em;color:#9fa9a3}
/* Kayınca başlık sadeleşir: isim bloğu kapanır, monogram kılcal bir çerçeveye oturur. */
nav .nav-emblem{box-sizing:content-box;padding:0;border:1px solid transparent;transition:height .5s var(--ease),padding .5s var(--ease),border-color .5s var(--ease)}
nav .mark-text{max-width:340px;overflow:hidden;white-space:nowrap;transition:max-width .55s var(--ease),opacity .3s var(--ease),margin .55s var(--ease),padding .55s var(--ease),border-color .3s var(--ease)}
nav.is-scrolled .mark-text{max-width:0;opacity:0;margin-left:0;padding-left:0;border-left-color:transparent}
nav.is-scrolled .nav-emblem{height:28px;padding:7px 9px;border-color:#e3bd7c70}
@media(prefers-reduced-motion:reduce){nav .nav-emblem,nav .mark-text{transition:none}}
nav.is-scrolled{background:#10191bf2}
@media(max-width:600px){
 nav .mark{font-size:12px;letter-spacing:.18em}
 nav .nav-emblem{height:34px}
 nav .mark-text{margin-left:14px;padding-left:14px}
}
@media(prefers-reduced-motion:reduce){.has-cursor,.has-cursor a,.has-cursor button{cursor:auto}}
.atlas-world .map-points .pt-label{font-size:15px}
@media(max-width:600px){.atlas-world .map-points .pt-label{font-size:21px;letter-spacing:.04em}}

/* ---------------------------------------------------------------- açılış perdesi
   ~2 sn, oturumda bir kez. K ve B kenetlenir, üzerinden tek bir ışık geçer; mühür
   başlıktaki yerine uçar, perde ortadan açılır, hero tek parça gelir. Perde tıklamayı
   geçirir (pointer-events:none); ilk dokunuş/kaydırma/tuş her şeyi hemen bitirir. */
.kb-intro{display:none}
html.has-intro{--s:1}
html.has-intro .kb-intro{display:grid;place-items:center;position:fixed;inset:0;z-index:200;pointer-events:none;
  animation:intro-out .01s calc(var(--s) * 1.6s) forwards}
html.has-intro .kb-intro::before,html.has-intro .kb-intro::after{content:"";position:absolute;top:0;bottom:0;width:50.5%;
  background:radial-gradient(ellipse at 100% 50%,#1b262499,transparent 70%),var(--atlas-night);
  animation:intro-curtain-l calc(var(--s) * .62s) calc(var(--s) * .98s) cubic-bezier(.7,0,.2,1) forwards}
html.has-intro .kb-intro::before{left:0}
html.has-intro .kb-intro::after{right:0;transform:scaleX(-1);animation-name:intro-curtain-r}
.kb-intro-mark{position:relative;z-index:1;will-change:transform;width:min(150px,34vw);aspect-ratio:1.068;color:var(--atlas-gold);
  animation:intro-fly calc(var(--s) * .56s) calc(var(--s) * 1.02s) cubic-bezier(.65,0,.25,1) forwards}
.kb-intro-k,.kb-intro-b{position:absolute;inset:0;width:100%;height:100%;fill:currentColor;overflow:visible;will-change:transform,opacity}
.kb-intro-k{animation:intro-k calc(var(--s) * .9s) calc(var(--s) * .12s) cubic-bezier(.45,0,.2,1) both}
.kb-intro-b{animation:intro-b calc(var(--s) * .9s) calc(var(--s) * .12s) cubic-bezier(.45,0,.2,1) both}
.kb-intro-sheen{position:absolute;inset:0;overflow:hidden;pointer-events:none;
  -webkit-mask:url(/assets/brand/kb-logo.svg?v=cec030f1) center/contain no-repeat;mask:url(/assets/brand/kb-logo.svg?v=cec030f1) center/contain no-repeat}
.kb-intro-sheen i{position:absolute;top:0;bottom:0;left:-100%;width:300%;will-change:transform;
  background:linear-gradient(112deg,transparent 44%,#fff4dcd9 50%,transparent 56%);
  animation:intro-sheen calc(var(--s) * .55s) calc(var(--s) * .62s) cubic-bezier(.45,0,.55,1) both}
html.has-intro nav .nav-emblem{animation:intro-appear .01s calc(var(--s) * 1.57s) both}
html.has-intro .signature-top,html.has-intro .atlas-orbits{animation:intro-fade calc(var(--s) * .8s) calc(var(--s) * 1.1s) ease both}
html.has-intro .signature-name{animation:intro-rise calc(var(--s) * .85s) calc(var(--s) * 1.15s) cubic-bezier(.2,.8,.2,1) both}
html.has-intro .portrait-cut{animation:intro-arch calc(var(--s) * .95s) calc(var(--s) * 1.2s) cubic-bezier(.3,.7,.2,1) both}
html.has-intro .signature-copy{animation:intro-rise calc(var(--s) * .8s) calc(var(--s) * 1.32s) cubic-bezier(.2,.8,.2,1) both}
html.has-intro .signature-bottom{animation:intro-fade calc(var(--s) * .7s) calc(var(--s) * 1.5s) ease both}
html.intro-skip .kb-intro{animation:none;opacity:0;transition:opacity .25s ease}
html.intro-skip nav .nav-emblem,html.intro-skip .signature-top,html.intro-skip .atlas-orbits,html.intro-skip .signature-name,
html.intro-skip .portrait-cut,html.intro-skip .signature-copy,html.intro-skip .signature-bottom{animation:none}
@keyframes intro-out{to{visibility:hidden}}
@keyframes intro-curtain-l{to{transform:translateX(-101%)}}
@keyframes intro-curtain-r{to{transform:scaleX(-1) translateX(-101%)}}
@keyframes intro-k{from{transform:translateX(-14%);opacity:0}40%{opacity:1}to{transform:none;opacity:1}}
@keyframes intro-b{from{transform:translateX(14%);opacity:0}40%{opacity:1}to{transform:none;opacity:1}}
@keyframes intro-sheen{from{transform:translateX(-33.4%)}to{transform:translateX(33.4%)}}
@keyframes intro-fly{to{transform:translate(var(--fx,-40vw),var(--fy,-44vh)) scale(var(--fs,.25))}}
@keyframes intro-appear{from{opacity:0}to{opacity:1}}
@keyframes intro-fade{from{opacity:0}to{opacity:1}}
@keyframes intro-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes intro-arch{from{opacity:0;clip-path:inset(9% 9% 9% 9%)}to{opacity:1;clip-path:inset(-14px)}}
@media(max-width:600px){html.has-intro{--s:.85}}
@media(prefers-reduced-motion:reduce){.kb-intro{display:none!important}}

/* ---------------------------------------------------------------- kartvizit
   Gerçek bir kart: 85x55 oranı, gece mavisi pamuk kâğıdı, altın varak monogram
   (eğince ışık kayar), yaldızlı kenar (çevirirken görünür). Arka yüzde vCard QR;
   mobilde QR yerine büyük "Rehbere kaydet". JS yoksa iki yüz alt alta durur. */
.card-display{min-width:0}
.card-perspective{perspective:1600px}
/* İki katman: dıştaki .business-card imleci her karede izler (geçiş yok, JS yumuşatır);
   içteki .card-inner yalnız çevirmeyi taşır (geçişli). Aynı öğede olunca eğim çevirmenin
   0.9 sn'lik geçişine takılıp imleci bir saniye geriden izliyordu. */
.business-card{position:relative;transform-style:preserve-3d}
.card-inner{position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.22,.7,.28,1)}
.card-face{position:relative;min-width:0;padding:clamp(22px,3vw,38px);border-radius:5px;color:#eadcc0;
  background:radial-gradient(110% 80% at 18% 0%,#ffffff0d,transparent 60%),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.05' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(158deg,#1a262b,#10191c 58%,#141f23);
  box-shadow:inset 0 0 0 1px #e3bd7c24,inset 0 1px 0 #ffffff0d,0 1px 1px #0007,0 18px 30px -12px #000b,0 50px 80px -34px #000d}
.card-front{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px}
/* Işık imlecin olduğu yerde doğar: kâğıtta yumuşak bir parlama (::after), varakta ise
   imlece göre hesaplanan noktadan yayılan parlak bir yansıma. --px/--py kartın içindeki
   imleç konumu (0-1), --glare imleç kartın üstündeyken 1'e yaklaşır; JS yumuşatır.
   Arka yüz dönük olduğunda da ekran koordinatı ile yüz koordinatı aynıdır (180+180). */
@property --gx{syntax:'<percentage>';inherits:true;initial-value:30%}
@property --gy{syntax:'<percentage>';inherits:true;initial-value:20%}
.card-face::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--glare,0);mix-blend-mode:screen;
  background:radial-gradient(38% 58% at calc(var(--px,.5) * 100%) calc(var(--py,.5) * 100%),#fff1d42e,#fff1d40d 45%,transparent 72%)}
.card-foil{position:relative;display:block;aspect-ratio:1.068;
  -webkit-mask:url(/assets/brand/kb-logo.svg?v=cec030f1) center/contain no-repeat;mask:url(/assets/brand/kb-logo.svg?v=cec030f1) center/contain no-repeat;
  background:linear-gradient(118deg,#9a7a42 0%,#cfab66 28%,#e6c98b 46%,#d8b672 60%,#b08e52 82%,#94743f 100%)}
.card-foil::after{content:"";position:absolute;inset:-10%;opacity:var(--glare,0);
  background:radial-gradient(circle at var(--gx) var(--gy),#fff3d6 0%,#fbe3b0d9 14%,#f3d69a80 30%,transparent 56%),radial-gradient(circle at var(--gx) var(--gy),#f7e0a866,transparent 150%)}
.card-foil-lg{width:clamp(70px,7.6vw,104px)}
.card-name{margin-top:clamp(16px,2.1vw,26px);padding-left:.3em;font-size:clamp(12px,1.2vw,17px);font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#f2e7cf;line-height:1.2}
.card-role{margin-top:10px;font-size:clamp(9px,.8vw,11px);letter-spacing:.05em;color:#a3afa8}
.card-baseline{position:absolute;left:0;right:0;bottom:clamp(18px,2.3vw,30px);display:flex;flex-direction:column;align-items:center;gap:10px;
  font-size:clamp(8px,.68vw,9.5px);letter-spacing:.26em;padding-left:.26em;text-transform:uppercase;color:#c3ae83}
.card-baseline::before{content:"";width:28px;height:1px;background:#e3bd7c66}
.card-back{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:300px;margin-top:16px}
.card-back-main{display:flex;flex-direction:column;min-width:0;padding-right:clamp(18px,2.6vw,34px)}
.card-back-top{display:flex;align-items:center;gap:12px;font-size:clamp(8px,.7vw,10px);letter-spacing:.28em;text-transform:uppercase;color:#d6c39b}
.card-foil-sm{width:clamp(20px,2vw,28px)}
.card-details{margin:auto 0;padding:12px 0;display:flex;flex-direction:column;align-items:flex-start}
.card-email{font-size:clamp(15px,1.55vw,22px);letter-spacing:-.02em;color:#f4ead3;text-decoration:none;overflow-wrap:anywhere;line-height:1.25}
.card-phone{margin-top:6px;font-size:clamp(12px,1.08vw,15px);color:#d3d8cf;text-decoration:none;font-variant-numeric:tabular-nums}
.card-address{margin-top:10px;font-style:normal;font-size:clamp(9.5px,.82vw,11.5px);line-height:1.6;color:#98a59e}
.card-email:hover,.card-phone:hover{color:#fff}
.card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px}
.card-save{display:inline-flex;align-items:center;gap:10px;min-height:40px;white-space:nowrap;padding:0 16px;border:1px solid #e3bd7c8f;border-radius:2px;color:#f0d9a8;
  font-size:clamp(9px,.78vw,11px);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s,border-color .3s}
.card-save:hover{background:#e3bd7c;border-color:#e3bd7c;color:#10191b}
.card-write{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:clamp(10px,.8vw,11.5px);letter-spacing:.04em;color:#c9bb9b;text-decoration:none}
.card-write:hover{color:#f0d9a8}
.card-qr{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding-left:clamp(18px,2.6vw,34px);border-left:1px solid #e3bd7c24}
.card-qr-plate{width:clamp(92px,9.6vw,132px);padding:7px;background:#f1ebdd;border-radius:2px;box-shadow:0 0 0 1px #e3bd7c40}
.card-qr-plate svg{display:block;width:100%;height:auto;fill:#10191b}
.card-qr figcaption{max-width:13ch;font-size:clamp(7.5px,.62vw,9px);line-height:1.5;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#a39f8a}
.card-edge{display:none;position:absolute;pointer-events:none;background:linear-gradient(90deg,#8a6a35,#e2c07e 50%,#8a6a35)}
.card-flip{display:none;margin:28px auto 0;padding:8px 10px;background:none;color:#e4d6b9;border:0;align-items:center;gap:16px;font-size:12px;cursor:pointer;min-height:44px}
.card-flip b{font-size:25px;font-weight:400;transition:transform .6s cubic-bezier(.22,.7,.28,1)}
.card-flip:hover b{transform:rotate(180deg)}
/* JS ile: iki yüz aynı kartın önü ve arkası. Yaldızlı yan kenarlar yalnız dönerken
   görünür; dururken tam yandan bakılan bir yüzey kılcal bir çizgi olarak parlıyordu. */
.card-display.is-enhanced .card-flip{display:flex}
.card-display.is-enhanced .business-card{aspect-ratio:1.545;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.card-display.is-enhanced .card-inner{height:100%}
.card-display.is-flipped .card-inner{transform:rotateY(180deg)}
.card-display.is-enhanced .card-face{position:absolute;inset:0;margin:0;min-height:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1.5px)}
.card-display.is-enhanced .card-back{transform:rotateY(180deg) translateZ(1.5px)}
.card-display.is-enhanced .business-card{cursor:pointer}
.card-display.is-turning .card-edge{display:block}
.card-edge-l,.card-edge-r{top:5px;bottom:5px;width:3px;transform:rotateY(90deg)}
.card-edge-l{left:-1.5px}.card-edge-r{right:-1.5px}
/* Görünür olunca varağın üzerinden bir kez ışık geçer */
.card-display.is-lit .card-foil-lg::after{animation:foil-sweep 1.6s cubic-bezier(.45,0,.3,1) both}
@keyframes foil-sweep{0%{--gx:-30%;--gy:10%;opacity:0}25%{opacity:1}100%{--gx:130%;--gy:90%;opacity:0}}
@media(max-width:900px){.card-display{width:min(100%,560px);justify-self:center}}
@media(max-width:600px){
 .card-display.is-enhanced .business-card{aspect-ratio:1.5}
 .card-face{padding:20px 22px}
 .card-back{grid-template-columns:1fr}.card-qr{display:none}.card-back-main{padding-right:0}
 .card-foil-lg{width:64px}.card-name{font-size:12.5px}.card-role{font-size:9.5px}.card-baseline{bottom:18px;font-size:8px}
 .card-back-top{font-size:8px}.card-foil-sm{width:20px}.card-details{padding:6px 0}
 .card-email{font-size:17px}.card-phone{font-size:13px;margin-top:3px}.card-address{font-size:9.5px;margin-top:5px;line-height:1.5}
 .card-actions{gap:14px}.card-save{flex:1;justify-content:center;min-height:42px;font-size:10px}.card-write{min-height:42px;font-size:10.5px}
}
@media(max-width:360px){.card-display.is-enhanced .business-card{aspect-ratio:1.36}.card-save{padding:0 12px;letter-spacing:.08em}.card-actions{gap:10px}.card-write{font-size:10px}}
@media(prefers-reduced-motion:reduce){
 .card-display.is-enhanced .card-face{transform:none}.card-display.is-enhanced .card-back{transform:none}.card-edge{display:none!important}.card-display .card-inner,.card-display.is-flipped .card-inner{transform:none;transition:none}
 .card-display.is-lit .card-foil-lg::after{animation:none}.card-face::after,.card-foil::after{display:none}
}
/* Satır içi simgeler (tools/icons.py): çevredeki yazı boyutuyla ölçeklenir */
.ic{display:inline-block;width:.8em;height:.8em;vertical-align:-.08em;overflow:visible}
.agenda-asterisk .ic{width:.62em;height:.62em;stroke-width:1.1}
.card-flip .ic{width:.78em;height:.78em}
.signature-cta b .ic{width:.9em;height:.9em}

.corr-route .ic{width:1.3em;height:1.3em;vertical-align:-.2em}

/* Eki 2026: sehir saatlerinin yaninda bolge satiri (Isvicre/Avrupa ofis degil, bolge) */
.signature-cities{align-items:flex-end;flex-wrap:wrap}.signature-regions{font-style:italic;font-size:12px;color:#aebbb5;letter-spacing:.04em;align-self:flex-end;padding-bottom:2px}