.k-page{background:#070c11}.k-hero{padding:84px 0 46px;text-align:center;position:relative;overflow:hidden}.k-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(31,140,160,.18),transparent 38%)}.k-hero__inner{position:relative;max-width:850px;margin:auto}.k-mark{font-size:24px;letter-spacing:.28em;font-weight:850;margin-bottom:18px}.k-mark::after{content:"";display:block;width:160px;height:2px;margin:8px auto 0;background:linear-gradient(90deg,#fff 0 56%,var(--teal-2) 56% 82%,transparent 82%)}.k-hero h1{font-size:clamp(50px,7vw,88px);line-height:.98;letter-spacing:-.06em;margin:20px 0}.k-hero p{font-size:19px;color:var(--text-2);max-width:66ch;margin:0 auto}.k-hero .kicker{font:15px var(--mono);color:var(--teal-3);margin-bottom:12px}.k-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.k-viewer{padding:22px 0 92px}.k-carousel{position:relative;max-width:1000px;margin:0 auto}.k-viewport{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#070b14;box-shadow:0 30px 70px rgba(0,0,0,.45)}.k-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);touch-action:pan-y}.k-slide{min-width:100%;margin:0}.k-bar{display:flex;gap:8px;padding:11px 14px;border-bottom:1px solid rgba(146,202,212,.10)}.k-bar i{width:11px;height:11px;border-radius:50%;display:inline-block}.k-bar .r{background:#ff5f56}.k-bar .y{background:#ffbd2e}.k-bar .g{background:#27c93f}.k-slide img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#0b0f1a}.k-slide figcaption{padding:18px 20px;border-top:1px solid rgba(146,202,212,.10);text-align:left;display:grid;gap:4px}.k-slide figcaption strong{font-size:17px}.k-slide figcaption span{color:var(--muted);font-size:14px}.k-nav{position:absolute;top:42%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(7,11,20,.82);backdrop-filter:blur(8px);color:#fff;font-size:1.2rem;cursor:pointer;display:grid;place-items:center;transition:all .2s;z-index:2}.k-nav:hover{border-color:var(--teal-3);color:var(--teal-3)}.k-prev{left:-21px}.k-next{right:-21px}.k-dots{display:flex;gap:9px;justify-content:center;margin-top:22px}.k-dots button{width:9px;height:9px;border-radius:50%;background:rgba(146,202,212,.25);border:0;cursor:pointer;padding:0;transition:background .2s,transform .2s}.k-dots button.active{background:var(--teal-3);transform:scale(1.25)}
.k-notes{background:var(--paper);color:var(--ink)}.k-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.k-notes h2{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.05em;max-width:9ch}.k-notes p{color:var(--ink-2);margin-top:14px}.k-list{border-top:1px solid #cad4d5}.k-list div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid #cad4d5;transition:padding .2s ease,background .2s ease}.k-list div:hover{padding-left:8px;background:rgba(15,102,117,.035)}.k-list strong{font:11px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--teal)}.k-list span{color:var(--ink-2)}
@media(max-width:1024px){.k-prev{left:8px}.k-next{right:8px}.k-notes-grid{grid-template-columns:1fr}}
@media(max-width:660px){.k-hero{padding:60px 0 36px}.k-hero h1{font-size:clamp(44px,13vw,60px)}.k-viewer{padding:12px 0 62px}.k-carousel{width:100%}.k-viewport{border-radius:10px}.k-slide figcaption{padding:14px 15px}.k-slide figcaption strong{font-size:15px}.k-slide figcaption span{font-size:12.5px}.k-nav{top:37%;width:38px;height:38px}.k-prev{left:8px}.k-next{right:8px}.k-dots{margin-top:16px}.k-notes h2{max-width:none}.k-list div{grid-template-columns:1fr;gap:4px;padding:16px 0}}

/* Local-only Kataris wordmark treatment based on the original site's geometry. */
.k-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;margin-bottom:18px;font-size:inherit;letter-spacing:0;font-weight:inherit}
.k-wordmark::after{display:none}
.k-wordmark__text{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:24px;font-weight:800;letter-spacing:.24em;line-height:1;color:#fff}
.k-wordmark__white,.k-wordmark__accent{display:block;height:2px;width:118%}
.k-wordmark__white{margin-top:7px;background:#fff}
.k-wordmark__accent{margin-top:2px;background:linear-gradient(90deg,#ef4444 0 40%,transparent 80%)}