/* Theme Name: Keyword Kings Adventure Description: Keyword Kings 専用のオリジナルJRPGブランドデザイン。SWELL子テーマ。 Author: Keyword Kings Template: swell Version: 1.9.2 Requires at least: 6.8 Requires PHP: 7.4 Text Domain: keyword-kings-adventure */ :root{--kk-navy:#071c3a;--kk-deep:#041326;--kk-blue:#0d5bc6;--kk-sky:#8bd5ff;--kk-gold:#f2c14e;--kk-paper:#f7e5b9;--kk-ink:#15283e;--kk-white:#f8fbff;--kk-muted:#b4c6dc;--kk-line:rgba(169,200,235,.23);--kk-font:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif} html{scroll-behavior:smooth;scroll-padding-top:100px}.kk-body{margin:0;background:var(--kk-deep);color:var(--kk-white);font-family:var(--kk-font);font-size:16px;line-height:1.85;letter-spacing:.025em}.kk-site,.kk-site *,.kk-site *::before,.kk-site *::after{box-sizing:border-box}.kk-site{overflow:clip;background:var(--kk-navy);color:var(--kk-white)}.kk-site a{color:inherit;text-decoration:none}.kk-site button,.kk-site input,.kk-site select,.kk-site textarea{font:inherit}.kk-site button{cursor:pointer}.kk-site img{max-width:100%;height:auto;vertical-align:middle}.kk-site p{margin:0 0 1.2em}.kk-site h1,.kk-site h2,.kk-site h3,.kk-site h4{font-family:var(--kk-font);font-weight:800;line-height:1.5;letter-spacing:.035em;margin:0 0 24px;color:inherit;background:none;border:0;padding:0}.kk-site h1::before,.kk-site h1::after,.kk-site h2::before,.kk-site h2::after,.kk-site h3::before,.kk-site h3::after{display:none}.kk-site h2{font-size:clamp(28px,2.65vw,40px);line-height:1.55}.kk-site h3{font-size:21px}.kk-site ul,.kk-site ol{margin:0;padding:0;list-style:none}.kk-site :focus-visible{outline:3px solid var(--kk-gold);outline-offset:5px}.kk-site svg{width:24px;height:24px;flex-shrink:0}.kk-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.kk-section{padding:100px 0;position:relative}.kk-two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.kk-eyebrow{font-family:"Courier New",monospace;font-size:13px;font-weight:700;letter-spacing:.17em;line-height:1.6;color:var(--kk-gold);text-transform:uppercase;margin-bottom:22px!important}.kk-eyebrow>span{display:inline-block;margin-right:13px;padding-right:13px;border-right:1px solid currentColor}.kk-lead{font-size:20px;font-weight:700;line-height:1.85}.kk-gold{color:var(--kk-gold)}.kk-section-heading{text-align:center;margin:0 auto 50px}.kk-section-heading h2{margin-bottom:16px}.kk-section-heading p:not(.kk-eyebrow){color:var(--kk-muted)}.kk-text-link{display:inline-flex;gap:24px;align-items:center;font-weight:700;font-size:15px;padding:11px 0;border-bottom:1px solid currentColor;transition:color .2s,gap .2s}.kk-text-link:hover{color:var(--kk-gold);gap:31px}.kk-text-link span{margin-left:auto}.kk-sp-only{display:none}.kk-skip{position:fixed;top:-100px;left:15px;background:var(--kk-gold);color:var(--kk-ink)!important;z-index:99999;padding:14px 20px}.kk-skip:focus{top:10px} .kk-header{position:sticky;top:0;z-index:100;background:rgba(5,25,54,.98);border-bottom:1px solid #284769}.admin-bar .kk-header{top:32px}.kk-nav-wrap{width:min(1440px,calc(100% - 64px));margin:auto;min-height:84px;display:flex;align-items:center;gap:28px}.kk-brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.kk-brand-mark{width:38px;display:flex;color:var(--kk-gold)}.kk-brand-mark svg{width:38px;height:38px}.kk-brand strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:22px;letter-spacing:.085em;line-height:1.25}.kk-brand small{display:block;font-size:10px;letter-spacing:.18em;font-weight:700;margin-top:5px}.kk-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.kk-nav a{font-size:14px;font-weight:700;padding:28px 0;white-space:nowrap;border-bottom:2px solid transparent}.kk-nav a:hover{color:var(--kk-gold);border-bottom-color:var(--kk-gold)}.kk-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:60px;padding:13px 27px;background:linear-gradient(#ffe49a,#f2c14e);color:var(--kk-ink)!important;border:1px solid #ffe49a;box-shadow:inset 0 0 0 3px rgba(157,100,15,.22),0 4px 0 #8f631e,0 7px 16px #04132635;font-weight:800;font-size:17px;line-height:1.5;position:relative;border-radius:3px;transition:transform .2s,filter .2s}.kk-button:hover{transform:translateY(-2px);filter:brightness(1.07)}.kk-button:active{transform:translateY(2px)}.kk-button-small{min-height:45px;padding:8px 17px;font-size:14px;gap:9px}.kk-button-small svg{width:19px;height:19px}.kk-menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #4c6480;border-radius:3px;padding:7px 10px}.kk-menu-label{font-size:10px;display:block;letter-spacing:0}.kk-menu-lines{display:block;width:20px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;margin:3px auto 4px} .kk-hero{position:relative;isolation:isolate;background:#0b61ba;min-height:690px;border-bottom:3px solid #b08738}.kk-hero-art{position:absolute;inset:0;z-index:-3}.kk-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:pixelated}.kk-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,23,54,.8),rgba(4,29,66,.48) 27%,transparent 56%),linear-gradient(0deg,rgba(4,20,39,.5),transparent 25%)}.kk-hero-layout{display:flex;justify-content:space-between;align-items:flex-start;position:relative;min-height:628px;padding-top:54px;padding-bottom:110px}.kk-hero-copy{width:580px;max-width:57%;text-shadow:0 2px 4px #0220466b}.kk-hero .kk-eyebrow{font-size:12px;color:#dfedff;margin-bottom:20px!important}.kk-hero h1{font-size:clamp(38px,3.5vw,54px);letter-spacing:.025em;line-height:1.42;margin-bottom:20px}.kk-hero h1 em{font-style:normal;color:#ffe5a0}.kk-hero-lead{font-size:22px;line-height:1.7;font-weight:800;margin-bottom:14px!important}.kk-hero-description{font-size:15px;line-height:1.9;color:#f0f7ff;font-weight:500}.kk-hero-actions{display:flex;align-items:center;gap:22px;margin-top:26px;text-shadow:none}.kk-hero-secondary{font-size:13px;font-weight:700;display:flex;gap:10px;align-items:center;border-bottom:1px solid #bdd9f366;padding:10px 0}.kk-hero-note{font-size:12px;line-height:1.8;margin:16px 0 0!important;color:#e5eefb;max-width:430px}.kk-parchment{color:var(--kk-ink);background:radial-gradient(ellipse at center,#fff0cb 0%,#f4dfab 75%,#ddb77e 100%);border:2px solid #8f6427;border-radius:4px;box-shadow:inset 0 0 0 4px #efce8d,inset 0 0 0 5px #aa793e,0 7px 0 #04132630;position:relative}.kk-parchment::before,.kk-parchment::after{content:"";position:absolute;width:9px;height:9px;border:1px solid #a27c46;transform:rotate(45deg);pointer-events:none}.kk-parchment::before{top:12px;left:12px}.kk-parchment::after{bottom:12px;right:12px}.kk-party-panel{width:284px;padding:24px 23px 16px;margin-top:8px;flex-shrink:0}.kk-panel-title{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.65}.kk-panel-title svg{color:#a37426;width:30px;height:30px}.kk-panel-title strong{font-size:17px}.kk-panel-intro{font-size:12px;text-align:center;margin:16px 0 0!important;color:#5d5545}.kk-party-panel>a{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ac804a47;padding:7px 0}.kk-party-panel>a:hover strong{color:#0d5bc6}.kk-party-panel strong{display:block;font-size:18px}.kk-party-panel small{display:block;font-size:12px;line-height:1.6}.kk-party-panel b{margin-left:auto;font-size:25px;color:#93712e}.kk-sprite{display:block;flex-shrink:0;width:68px;height:100px;background-image:url('assets/party.webp');background-repeat:no-repeat;background-size:400% 100%;image-rendering:pixelated}.kk-sprite-1{background-position:0 0}.kk-sprite-2{background-position:33.3333% 0}.kk-sprite-3{background-position:66.6667% 0}.kk-sprite-4{background-position:100% 0}.kk-party-panel .kk-sprite{width:46px;height:69px}.kk-panel-bottom{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:0;margin-top:15px;line-height:1.7}.kk-pixel-diamond{width:6px;height:6px;background:#aa7c2c;transform:rotate(45deg);flex-shrink:0}.kk-hero-status{background:rgba(5,22,44,.96);border-top:1px solid #8eacda59;position:absolute;bottom:0;left:0;right:0}.kk-hero-status>.kk-wrap{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:24px}.kk-hero-status>.kk-wrap>span{display:flex;align-items:center;gap:16px;color:var(--kk-gold);font-size:15px;font-weight:800}.kk-status-dot{width:4px;height:4px;background:#e9c565;transform:rotate(45deg)}.kk-hero-status .kk-wrap>div{display:flex;align-items:center;gap:30px;font-size:14px}.kk-hero-status b{font-size:32px;line-height:1.1;font-family:Georgia,serif;font-weight:400;color:var(--kk-gold);padding:0 5px}.kk-hero-status a{font-size:11px;color:#b5c9e0} .kk-quest-strip{background:var(--kk-paper);color:var(--kk-ink);padding:45px 0;border-bottom:4px solid #b18649}.kk-quest-grid{display:grid;grid-template-columns:1fr 2fr;gap:46px;align-items:center}.kk-quest-strip .kk-eyebrow{color:#89622a;margin-bottom:12px!important}.kk-quest-strip h2{font-size:27px;margin:0;line-height:1.6}.kk-quest-console{border:2px solid #d5bd76;background:#091d36;color:#fff;border-radius:5px;box-shadow:0 0 0 3px #112742, inset 0 0 0 2px #51616d;padding:25px 28px}.kk-console-title{font-size:13px;color:#bdd1e9;margin-bottom:14px!important;letter-spacing:.07em}.kk-quest-options{display:grid;grid-template-columns:1fr;gap:6px}.kk-quest-choice{background:transparent;border:0;color:#ebf4ff;text-align:left;padding:4px 0;font-weight:700;font-size:15px;display:flex;gap:10px;align-items:center}.kk-quest-choice>span{font-size:10px;color:#b1bad0;opacity:.3}.kk-quest-choice[aria-pressed=true]{color:#ffe39a}.kk-quest-choice[aria-pressed=true]>span{color:#ffe39a;opacity:1}.kk-quest-choice:hover{color:#ffe39a}.kk-quest-answer{font-size:13px;line-height:1.8;border-top:1px solid #a7c2e440;padding-top:13px;margin:15px 0 0!important;color:#c1d4e9;min-height:61px} .kk-policy{background:linear-gradient(120deg,#071c3a,#0a2953)}.kk-policy .kk-two-col>div:not(.kk-contract)>p:not(.kk-eyebrow):not(.kk-lead){color:var(--kk-muted);font-size:15px}.kk-contract{padding:33px 40px;transform:rotate(1deg);max-width:500px;width:100%;justify-self:end}.kk-contract-top{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 0 22px;border-bottom:1px solid #a78552;font-size:12px;font-family:"Courier New",monospace;letter-spacing:.1em;font-weight:700}.kk-contract-top svg{width:38px;height:38px;color:#9c742d}.kk-contract-top small{display:block;font-family:var(--kk-font);font-size:12px;letter-spacing:.1em;margin-top:2px}.kk-price-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #a7855250}.kk-price-row>span{font-weight:700;font-size:16px}.kk-price-row>strong{font-family:Georgia,serif;font-weight:400;font-size:74px;line-height:1.25;letter-spacing:-.045em}.kk-price-row small{font-family:var(--kk-font);font-size:18px;margin-left:8px;font-weight:700}.kk-contract-result{padding:20px 0 16px;text-align:center}.kk-contract-result>span{display:block;font-size:12px;margin-bottom:5px}.kk-contract-result>strong{font-size:21px;letter-spacing:.015em}.kk-fine-print{font-size:12px;line-height:1.85;margin-bottom:0!important;color:#62553f;border-top:1px solid #a7855250;padding-top:15px} .kk-services{background:linear-gradient(#073361d9,#061f3fe8),url('assets/hero.webp') center 60%/cover;border-top:1px solid #547da246;border-bottom:1px solid #547da246}.kk-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.kk-service-card{position:relative;border:1px solid #b28c47;background:linear-gradient(140deg,#132f50,#071c36);box-shadow:inset 0 0 0 4px #07172e,inset 0 0 0 5px #597181,0 8px 22px #04132660;border-radius:5px;transition:transform .25s}.kk-service-card:hover{transform:translateY(-5px)}.kk-service-character{height:163px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2156826b,transparent 65%);position:relative}.kk-service-character .kk-sprite{width:105px;height:155px}.kk-service-character>span:last-child{font-size:10px;letter-spacing:.15em;position:absolute;right:20px;top:24px;writing-mode:vertical-rl;color:#9cb9d1;font-family:"Courier New",monospace}.kk-service-body{padding:0 30px 30px}.kk-service-type{font-size:12px;letter-spacing:.15em;font-family:"Courier New",monospace;color:var(--kk-gold);margin:0 0 12px!important}.kk-service-body h3{font-size:23px;line-height:1.55;margin:0 0 18px}.kk-service-body>p:not(.kk-service-type){font-size:14px;line-height:1.9;color:var(--kk-muted);min-height:108px}.kk-service-body .kk-text-link{font-size:14px;width:100%;color:var(--kk-gold);margin-top:2px}.kk-platform-links{display:flex;flex-wrap:wrap;gap:6px 13px;margin-top:10px}.kk-platform-links a{font-size:13px;font-weight:700;color:var(--kk-gold);border-bottom:1px solid #a4874b;padding:4px 0}.kk-platform-links a:hover{color:#fff} .kk-screening{background:#f9edce;color:var(--kk-ink)}.kk-screening .kk-eyebrow{color:#86642b}.kk-screening h2{font-size:36px}.kk-screening .kk-lead{font-size:17px}.kk-screening .kk-two-col>div>p:not(.kk-eyebrow):not(.kk-lead){font-size:15px;color:#526072}.kk-screening .kk-two-col{gap:75px}.kk-gate-art{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.kk-gate-art img{width:100%;border:5px solid #f6e4b7;outline:1px solid #b39763;image-rendering:pixelated;box-shadow:12px 12px 0 #dec793}.kk-gate-caption{font-size:10px;font-family:"Courier New",monospace;font-weight:700;letter-spacing:.12em;margin-top:26px;color:#7f6a48;text-align:center}.kk-criteria{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:20px 0!important}.kk-criteria li{font-size:14px;font-weight:700;padding:9px 0;border-bottom:1px solid #d9c79e;display:flex;gap:12px;align-items:center}.kk-criteria span{font-size:11px;font-family:"Courier New",monospace;color:#91713d}.kk-screening-note{font-size:12px!important;font-weight:700;color:#715928!important}.kk-screening .kk-text-link:hover{color:#0d5bc6} .kk-flow{background:var(--kk-navy)}.kk-flow-map{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 25px;position:relative}.kk-flow-map li{position:relative;padding:26px 21px 22px;border:1px solid #406187;background:radial-gradient(circle at 20% 5%,#24477566,transparent 70%),#0a2345;min-height:184px}.kk-flow-map li::after{content:"›";position:absolute;right:-19px;top:74px;color:#d7bb78;font-size:26px}.kk-flow-map li:nth-child(4n)::after{display:none}.kk-step-number{font-family:Georgia,serif;font-size:27px;line-height:1;color:var(--kk-gold);display:inline-block;margin-bottom:20px}.kk-flow-map h3{font-size:16px;margin-bottom:10px;line-height:1.6}.kk-flow-map p{font-size:13px;color:var(--kk-muted);margin-bottom:0}.kk-flow-map li:last-child{border-color:#bd974d;background:linear-gradient(125deg,#324663,#1c2f49)}.kk-records{display:flex;align-items:center;gap:28px;border-top:1px solid var(--kk-line);border-bottom:1px solid var(--kk-line);margin-top:60px;padding:30px 0}.kk-records-icon{font-size:32px;line-height:1;width:55px;height:55px;border:1px solid #7d919f;border-radius:50%;display:grid;place-items:center;color:#f4cd6e;flex-shrink:0}.kk-records h3{font-size:18px;margin-bottom:9px}.kk-records p{font-size:13px;line-height:1.8;color:var(--kk-muted);margin-bottom:0}.kk-records-label{margin-left:auto;font-size:11px;letter-spacing:.13em;color:#8198b3;font-family:"Courier New",monospace;white-space:nowrap} .kk-fit{background:#0b2546;padding-top:80px;padding-bottom:80px}.kk-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.kk-fit-card{padding:30px 35px;border:1px solid #658983;background:#0c2c42}.kk-fit-card h3{font-size:19px}.kk-fit-symbol{display:block;color:#a7d39f;font-size:28px;line-height:1;margin-bottom:20px}.kk-fit-card ul{display:grid;gap:10px}.kk-fit-card li{font-size:14px;position:relative;padding-left:19px;color:#d4e1eb}.kk-fit-card li::before{content:"";position:absolute;left:1px;top:11px;width:6px;height:6px;background:#91bd99;transform:rotate(45deg)}.kk-fit-caution{background:#10283e;border-color:#576578}.kk-fit-caution .kk-fit-symbol{color:#b8b5a6}.kk-fit-caution li::before{background:#b1a78c} .kk-faq{background:#f8efdc;color:var(--kk-ink)}.kk-faq-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.kk-faq .kk-eyebrow{color:#86642b}.kk-faq-layout>div>p:not(.kk-eyebrow){font-size:15px;color:#596579}.kk-faq-item{border-top:1px solid #bfad87}.kk-faq-item:last-child{border-bottom:1px solid #bfad87}.kk-faq-item summary{display:flex;align-items:center;gap:14px;padding:23px 2px;cursor:pointer;list-style:none;font-size:15px;font-weight:700;line-height:1.75}.kk-faq-item summary::-webkit-details-marker{display:none}.kk-faq-q{font-family:Georgia,serif;color:#997333;font-size:22px;flex-shrink:0;align-self:flex-start}.kk-faq-plus{width:18px;height:18px;position:relative;margin-left:auto;flex-shrink:0}.kk-faq-plus::before,.kk-faq-plus::after{content:"";width:14px;height:1px;background:#775a2c;position:absolute;top:8px;left:2px}.kk-faq-plus::after{transform:rotate(90deg)}.kk-faq-item[open] .kk-faq-plus::after{transform:rotate(0)}.kk-faq-answer{padding:0 31px 23px 37px}.kk-faq-answer p{font-size:14px;line-height:1.95;color:#4f5d70;margin:0}.kk-faq-item[open] summary{padding-bottom:15px} .kk-final-cta{position:relative;isolation:isolate;padding:65px 0 72px;border-top:3px solid #c6a15f;border-bottom:1px solid #c6a15f;min-height:365px;background:#173d64}.kk-final-cta>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 45%;image-rendering:pixelated}.kk-final-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081c3bd9,#071c3a88 48%,#071c3a0a)}.kk-final-cta .kk-eyebrow{margin-bottom:16px!important}.kk-final-cta h2{font-size:34px;margin-bottom:13px;text-shadow:0 2px 4px #05162b}.kk-final-cta p:not(.kk-eyebrow){font-size:15px;color:#e1e9f6;margin-bottom:25px}.kk-final-cta .kk-button{min-height:54px;font-size:16px} .kk-contact{background:linear-gradient(130deg,#071c3a,#05152b)}.kk-contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;align-items:start}.kk-contact-intro>p:not(.kk-eyebrow):not(.kk-lead){font-size:15px;color:var(--kk-muted)}.kk-contact-note{padding:23px 0;border-top:1px solid var(--kk-line);border-bottom:1px solid var(--kk-line);margin:32px 0}.kk-contact-note strong{font-size:15px;color:#efd38e}.kk-contact-note p{font-size:13px;color:#bbccdf;margin:8px 0 0}.kk-contact-email{font-size:12px!important}.kk-contact-email a{display:inline-block;font-size:16px;border-bottom:1px solid #8c9baa;margin-top:6px;color:#d1e3f7}.kk-form-panel{padding:35px 38px;background:#f8f3e7;color:var(--kk-ink);border:1px solid #d0b37b;border-radius:4px;box-shadow:inset 0 0 0 5px #ece1c9}.kk-form-heading{padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid #cbb995;display:flex;flex-direction:column;gap:5px}.kk-form-heading>span{font-size:11px;font-family:"Courier New",monospace;color:#8f6a35;letter-spacing:.13em}.kk-form-heading>strong{font-size:22px}.kk-form-panel .wpcf7 form{margin:0;padding:0}.kk-form-panel .wpcf7 p{margin-bottom:20px}.kk-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kk-field{display:block;margin-bottom:18px;font-size:14px;font-weight:700;line-height:1.7}.kk-field-title{display:flex;align-items:center;gap:8px;margin-bottom:7px}.kk-required{font-size:10px;color:#8c552a;border:1px solid #b78f66;padding:0 4px;line-height:1.6}.kk-optional{font-size:10px;color:#6c7681;border:1px solid #a6adb2;padding:0 4px;line-height:1.6}.kk-field .wpcf7-form-control-wrap{display:block}.kk-form-panel input[type=text],.kk-form-panel input[type=email],.kk-form-panel input[type=url],.kk-form-panel input[type=tel],.kk-form-panel select,.kk-form-panel textarea{display:block;width:100%;max-width:100%;border:1px solid #b5b8b7;border-radius:2px;color:#172c41;background:#fff;box-shadow:none;min-height:47px;padding:10px 12px;font-size:16px;line-height:1.5;font-weight:400}.kk-form-panel textarea{height:130px;resize:vertical}.kk-form-panel input::placeholder,.kk-form-panel textarea::placeholder{color:#91969d}.kk-form-panel input:focus,.kk-form-panel textarea:focus,.kk-form-panel select:focus{border-color:#0d5bc6;outline:2px solid #0d5bc62f;outline-offset:1px}.kk-form-panel .kk-field-help{font-size:12px;color:#697585;font-weight:400;display:block;margin:6px 0 0}.kk-form-panel .kk-checkbox-note{font-size:13px;line-height:1.8;margin:10px 0 22px;display:block}.kk-form-panel .wpcf7-list-item{margin:0}.kk-form-panel .wpcf7-list-item label{display:flex;align-items:flex-start;gap:10px}.kk-form-panel input[type=checkbox]{appearance:auto;width:18px;height:18px;margin-top:3px;flex-shrink:0;accent-color:#0b386c}.kk-checkbox-note a{color:#0d5bc6;text-decoration:underline}.kk-form-panel input[type=submit]{display:block;background:linear-gradient(#ffe3a0,#f2c14e);box-shadow:inset 0 0 0 3px #bd8f353d,0 3px 0 #997432;border:1px solid #ac853c;color:#162b40;width:100%;padding:16px 12px;min-height:57px;font-size:17px;font-weight:800;border-radius:3px;cursor:pointer}.kk-form-panel input[type=submit]:hover{filter:brightness(1.06)}.kk-form-panel input[type=submit]:disabled{opacity:.65;cursor:not-allowed}.kk-form-panel .wpcf7-not-valid-tip{font-size:12px;margin-top:4px;color:#a62626}.kk-form-panel .wpcf7-response-output{margin:18px 0 0!important;padding:14px!important;line-height:1.8;font-size:14px;background:#fff}.kk-form-panel .wpcf7-spinner{margin:12px auto 0;display:block}.kk-form-panel .screen-reader-response{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important}.kk-form-submit-note{font-size:11px;text-align:center;color:#6c746e;margin:15px 0 0!important}.kk-website-confirm{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} .kk-footer{background:#030f1e;padding:48px 0 20px}.kk-footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.kk-footer-top>div>p{font-size:13px;color:#9bb0c7;margin-top:18px}.kk-footer-top nav{display:flex;flex-wrap:wrap;align-content:start;gap:10px 22px}.kk-footer-top nav a{font-size:12px;line-height:1.8;color:#c4d0dc}.kk-footer-top nav a:hover{color:var(--kk-gold)}.kk-footer-bottom{display:flex;align-items:center;border-top:1px solid #41566c66;gap:30px;padding-top:24px;margin-top:30px}.kk-footer-bottom small{font-size:11px;color:#889aaf}.kk-footer-motto{font-family:"Courier New",monospace;font-size:10px;letter-spacing:.15em;color:#7f91a8;margin-left:auto}.kk-back-top{width:38px;height:38px;border:1px solid #596c7f;display:grid;place-items:center;color:var(--kk-gold)!important;font-size:18px} .kk-subhead{position:relative;padding:35px 0 70px;background:linear-gradient(90deg,#062146f5,#083774c9 65%,#07498480),url('assets/hero.webp') center 40%/cover;min-height:370px;border-bottom:3px solid #b08b45;isolation:isolate}.kk-breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.8;color:#bed1e5;margin-bottom:34px;flex-wrap:wrap}.kk-breadcrumb a:hover{color:var(--kk-gold)}.kk-subhead h1{font-size:clamp(30px,3.1vw,46px);line-height:1.55;max-width:900px;margin-bottom:18px}.kk-subhead-description{font-size:15px;color:#c2d8ef;margin-bottom:0!important}.kk-subhead .kk-eyebrow{margin-bottom:18px!important}.kk-subhead-sprite{position:absolute;right:10%;bottom:40px;z-index:-1;opacity:.9}.kk-subhead-sprite .kk-sprite{width:146px;height:218px}.kk-subhead-small{min-height:0;padding:65px 0}.kk-service-intro{background:#071c3a}.kk-service-intro .kk-lead{font-size:18px}.kk-service-intro .kk-two-col>div>p:not(.kk-eyebrow){color:#c1d1e5;font-size:16px}.kk-service-intro .kk-button{margin-top:16px}.kk-service-quest{padding:35px}.kk-service-quest .kk-eyebrow{color:#8a6735}.kk-service-quest h3{font-size:19px}.kk-service-quest li{font-size:15px;padding:14px 0 14px 19px;position:relative;border-top:1px solid #b7955e66}.kk-service-quest li::before{content:"▶";position:absolute;left:0;top:18px;font-size:9px;color:#87642b}.kk-service-scope{background:#0c294f;border-block:1px solid #7e9dba30}.kk-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 55px}.kk-feature-grid article{padding:28px 0;border-top:1px solid #577292}.kk-feature-num{color:var(--kk-gold);font-size:28px;font-family:Georgia,serif;display:block;margin-bottom:12px}.kk-feature-grid h3{font-size:21px;margin-bottom:15px}.kk-feature-grid p{font-size:15px;color:#b9ccdf;margin:0}.kk-service-terms{background:#f8edce;color:var(--kk-ink)}.kk-service-terms .kk-eyebrow{color:#856631}.kk-service-terms p{font-size:15px;color:#536477}.kk-service-terms .kk-text-link:hover{color:#0d5bc6}.kk-mini-flow{border:1px solid #a6b6be;background:#fff8e8;padding:32px}.kk-mini-flow h3{font-size:19px}.kk-mini-flow li{display:flex;gap:18px;padding:14px 0;border-top:1px solid #c6c6ba;font-size:15px;font-weight:700}.kk-mini-flow li span{font-family:Georgia,serif;color:#987439}.kk-service-other{padding:48px 0;background:#102e50}.kk-service-other>.kk-wrap{display:flex;align-items:center;gap:40px;justify-content:space-between}.kk-service-other h2{font-size:21px;margin:0}.kk-service-other nav{display:flex;flex-wrap:wrap;gap:20px}.kk-service-other a{font-size:14px;color:var(--kk-gold);border-bottom:1px solid #cead6870;padding:6px 0}.kk-about{background:#f9f1e0;color:var(--kk-ink)}.kk-about .kk-two-col{align-items:start}.kk-about p{color:#536477;font-size:15px}.kk-about .kk-lead{font-size:19px}.kk-company-info{margin:0;border-top:2px solid #94733c}.kk-company-info>div{display:grid;grid-template-columns:135px 1fr;gap:20px;border-bottom:1px solid #cabb9d;padding:16px 0;font-size:14px}.kk-company-info dt{font-weight:700}.kk-company-info dd{margin:0;overflow-wrap:anywhere}.kk-company-info a{color:#0d5bc6}.kk-company-map{margin-top:65px}.kk-company-map h2{font-size:25px}.kk-company-map iframe{width:100%;height:320px;border:1px solid #aa9875;display:block}.kk-about-principles{margin-top:55px;max-width:850px}.kk-about-principles h2{font-size:25px}.kk-records-page{max-width:900px;padding-block:100px}.kk-records-page h1{font-size:42px}.kk-records-page .kk-lead{font-size:21px;color:#d0dfef}.kk-records-page p:not(.kk-eyebrow){color:#b6cbe0}.kk-records-page .kk-text-link{color:var(--kk-gold)} .kk-prose{max-width:860px;color:#24384c;background:#fcf8ef;padding:60px 55px;margin-block:60px;overflow-wrap:anywhere}.kk-prose h2{font-size:27px;border-bottom:1px solid #c2b598;padding-bottom:14px;margin:42px 0 22px}.kk-prose h3{font-size:22px;margin-top:30px}.kk-prose p{font-size:16px;line-height:2}.kk-prose a{color:#095bb0;text-decoration:underline}.kk-prose table{width:100%;border-collapse:collapse;margin-bottom:30px;font-size:14px}.kk-prose th,.kk-prose td{padding:14px;border:1px solid #c1c3bc;vertical-align:top}.kk-prose ul,.kk-prose ol{padding-left:24px;margin:15px 0 25px;list-style:disc}.kk-prose figure{margin:20px 0}.kk-prose img{height:auto;max-width:100%}.kk-prose .wp-block-image img{max-height:650px;object-fit:contain}.kk-prose .wp-block-columns{display:flex;gap:25px}.kk-prose .wp-block-column{flex:1;min-width:0}.kk-prose iframe{max-width:100%}.kk-prose .wp-block-heading{color:#24384c}.kk-prose .wp-block-button__link{background:#0a345e;color:#fff!important;text-decoration:none}.kk-prose form input{max-width:100%}.kk-post-list{padding:65px 0 85px;max-width:900px}.kk-post-list article{padding:25px 0;border-bottom:1px solid #506583}.kk-post-list time{font-size:12px;color:#e7c77c}.kk-post-list h2{font-size:23px;margin:12px 0}.kk-post-list p{color:#b8cbe0;font-size:14px}.kk-not-found{padding:120px 0 150px}.kk-not-found h1{font-size:42px}.kk-not-found p{color:var(--kk-muted)}.kk-not-found .kk-button{margin-top:15px} @media(min-width:1600px){.kk-hero-layout{min-height:675px}.kk-hero{min-height:741px}.kk-hero-art img{object-position:center 57%}} @media(max-width:1200px){.kk-nav-wrap{gap:20px;width:calc(100% - 40px)}.kk-brand strong{font-size:19px}.kk-brand-mark,.kk-brand-mark svg{width:32px;height:32px}.kk-nav{gap:17px}.kk-nav a{font-size:12px}.kk-button-small{font-size:12px;padding-inline:12px}.kk-wrap{width:calc(100% - 72px)}.kk-hero-copy{max-width:59%}.kk-hero h1{font-size:42px}.kk-party-panel{width:255px;padding:23px 19px 16px}.kk-panel-title strong{font-size:15px}.kk-party-panel small{font-size:11px}.kk-two-col{gap:50px}.kk-service-body{padding-inline:24px}.kk-contact-grid{gap:50px}.kk-screening h2{font-size:32px}.kk-form-panel{padding:30px}.kk-faq-layout{gap:40px}.kk-service-other>.kk-wrap{flex-direction:column;align-items:flex-start;gap:20px}} @media(max-width:1000px){.kk-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#071c3a;border-bottom:2px solid #b69b60;padding:20px 30px;margin:0;box-shadow:0 18px 30px #03101b66}.kk-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.kk-nav a{font-size:15px;padding:15px 0;border-bottom:1px solid #7287a544}.kk-menu-toggle{display:block}.kk-nav-cta{margin-left:auto}.kk-nav-wrap{min-height:73px}.kk-button-small{font-size:14px}.kk-wrap{width:calc(100% - 56px)}.kk-hero-layout{min-height:630px;padding-top:45px}.kk-hero-copy{max-width:60%}.kk-hero h1{font-size:38px}.kk-hero-lead{font-size:20px}.kk-hero-actions{display:block}.kk-hero-secondary{display:inline-flex;margin-top:14px}.kk-party-panel{width:230px;padding:22px 17px}.kk-party-panel .kk-sprite{width:40px;height:61px}.kk-party-panel>a{gap:6px}.kk-panel-title{font-size:12px}.kk-panel-title strong{font-size:14px}.kk-panel-intro{font-size:11px}.kk-panel-bottom{font-size:10px;align-items:flex-start}.kk-hero-status>.kk-wrap>span{font-size:12px;gap:10px}.kk-hero-status .kk-wrap>div{gap:20px;font-size:12px}.kk-hero-status a{display:none}.kk-section{padding:75px 0}.kk-two-col{gap:36px}.kk-contract{padding:28px;transform:none}.kk-contract-result>strong{font-size:18px}.kk-quest-grid{gap:25px;grid-template-columns:1fr 1.65fr}.kk-quest-strip h2{font-size:24px}.kk-quest-console{padding:20px}.kk-service-grid{gap:16px}.kk-service-body{padding:0 20px 25px}.kk-service-body h3{font-size:20px}.kk-service-body>p:not(.kk-service-type){font-size:13px}.kk-service-body .kk-text-link{font-size:12px;gap:8px}.kk-screening .kk-two-col{gap:38px}.kk-screening h2{font-size:29px}.kk-criteria{column-gap:12px}.kk-criteria li{font-size:12px;gap:9px}.kk-flow-map{grid-template-columns:repeat(2,1fr);gap:24px}.kk-flow-map li:nth-child(2n)::after{display:none}.kk-flow-map li{min-height:158px}.kk-records-label{display:none}.kk-fit-card{padding:26px}.kk-fit-card h3{font-size:17px}.kk-fit-card li{font-size:13px}.kk-faq-layout{grid-template-columns:1fr 1.6fr;gap:30px}.kk-contact-grid{grid-template-columns:1fr 1.4fr;gap:35px}.kk-form-panel{padding:25px}.kk-form-row{grid-template-columns:1fr;gap:0}.kk-contact-intro h2{font-size:28px}.kk-footer-top{gap:35px;grid-template-columns:1.4fr 1fr 1fr}.kk-subhead-sprite{right:5%;opacity:.5}.kk-subhead h1{font-size:36px}.kk-company-info>div{grid-template-columns:110px 1fr;gap:12px;font-size:13px}} @media(max-width:760px){html{scroll-padding-top:85px}.kk-wrap{width:calc(100% - 40px)}.kk-section{padding:60px 0}.kk-site h2{font-size:29px;line-height:1.6}.kk-site h3{font-size:20px}.kk-eyebrow{font-size:11px;margin-bottom:18px!important;letter-spacing:.12em}.kk-lead{font-size:18px}.kk-two-col{grid-template-columns:1fr;gap:35px}.kk-nav-wrap{min-height:68px;width:calc(100% - 28px);gap:10px}.kk-brand{gap:8px}.kk-brand strong{font-size:16px;letter-spacing:.06em}.kk-brand small{font-size:8px;letter-spacing:.09em;margin-top:3px}.kk-brand-mark,.kk-brand-mark svg{width:27px;height:31px}.kk-nav-cta{min-height:36px;font-size:11px;gap:4px;padding:7px 9px;box-shadow:inset 0 0 0 2px #b9873040,0 2px 0 #936922}.kk-nav-cta svg{display:none}.kk-nav-cta>span{display:none}.kk-menu-toggle{padding:4px 7px}.kk-menu-lines{width:16px;height:10px}.kk-menu-label{font-size:8px}.kk-nav.is-open{grid-template-columns:1fr;padding:10px 25px 20px}.kk-nav a{font-size:14px;padding:13px 0}.kk-sp-only{display:block}.kk-pc-only{display:none}.kk-hero{min-height:0}.kk-hero-art{bottom:auto;height:740px}.kk-hero-art img{object-position:58% center}.kk-hero::before{bottom:auto;height:740px;background:linear-gradient(180deg,#052e6288,rgba(6,39,77,.25) 50%,transparent 70%,#052443 100%),linear-gradient(90deg,#05274f70,transparent 90%)}.kk-hero-layout{display:block;min-height:0;padding-top:32px;padding-bottom:25px}.kk-hero-copy{width:100%;max-width:none;min-height:635px}.kk-hero .kk-eyebrow{font-size:10px;margin-bottom:12px!important}.kk-hero h1{font-size:36px;line-height:1.45;letter-spacing:.015em;margin-bottom:14px}.kk-hero h1 em{color:#ffe3a0}.kk-hero-lead{font-size:18px;line-height:1.65;margin-bottom:10px!important}.kk-hero-description{font-size:13px;line-height:1.8;margin-bottom:0!important}.kk-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:19px}.kk-hero-actions .kk-button{font-size:15px;min-height:50px;padding:12px 22px}.kk-hero-secondary{font-size:11px;margin-top:0}.kk-hero-note{font-size:10px;max-width:320px;margin-top:13px!important;line-height:1.8}.kk-party-panel{width:100%;margin-top:0;padding:25px 20px 15px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:8px}.kk-panel-title{grid-column:1/-1;justify-content:center;gap:10px;font-size:12px}.kk-panel-title>span{display:flex;align-items:center;gap:7px}.kk-panel-title br{display:none}.kk-panel-title strong{font-size:15px}.kk-panel-title svg{width:24px;height:24px}.kk-panel-intro{grid-column:1/-1;font-size:10px;margin:5px 0 3px!important}.kk-party-panel>a{display:flex;flex-direction:column;gap:0;text-align:center;padding-bottom:10px;border-bottom:1px solid #ac804a47}.kk-party-panel .kk-sprite{width:50px;height:75px}.kk-party-panel strong{font-size:15px}.kk-party-panel small{font-size:9px;line-height:1.5;letter-spacing:0}.kk-party-panel b{display:none}.kk-panel-bottom{grid-column:1/-1;font-size:10px;justify-content:center;margin-top:12px}.kk-hero-status{position:relative;min-height:0}.kk-hero-status>.kk-wrap{display:block;padding:14px 0 16px;min-height:0}.kk-hero-status>.kk-wrap>span{justify-content:center;font-size:12px;margin-bottom:5px;gap:14px}.kk-hero-status .kk-wrap>div{justify-content:center;font-size:12px;gap:28px}.kk-hero-status b{font-size:29px}.kk-hero-status a{display:block;font-size:10px}.kk-quest-strip{padding:37px 0}.kk-quest-grid{grid-template-columns:1fr;gap:24px}.kk-quest-strip h2{font-size:25px}.kk-quest-strip h2 br{display:none}.kk-quest-strip .kk-eyebrow{font-size:10px}.kk-quest-console{padding:22px}.kk-console-title{font-size:12px}.kk-quest-choice{font-size:13px;line-height:1.7;padding:6px 0;align-items:flex-start}.kk-quest-choice>span{padding-top:4px;font-size:8px}.kk-quest-answer{font-size:12px;min-height:0}.kk-policy .kk-two-col>div:not(.kk-contract)>p:not(.kk-eyebrow):not(.kk-lead){font-size:14px}.kk-contract{max-width:480px;justify-self:center;padding:30px}.kk-price-row>strong{font-size:68px}.kk-contract-result>strong{font-size:20px}.kk-contract-top{font-size:11px}.kk-section-heading{margin-bottom:35px;text-align:left}.kk-section-heading p:not(.kk-eyebrow){font-size:14px}.kk-service-grid{grid-template-columns:1fr;gap:24px}.kk-service-card{display:grid;grid-template-columns:115px 1fr;padding:23px 21px 20px;align-items:start}.kk-service-character{height:150px;position:sticky;top:80px}.kk-service-character .kk-sprite{width:93px;height:140px}.kk-service-character>span:last-child{writing-mode:initial;top:auto;bottom:-17px;right:auto;font-size:8px;letter-spacing:.08em}.kk-service-body{padding:5px 0 0 13px}.kk-service-type{font-size:10px;margin-bottom:8px!important}.kk-service-body h3{font-size:21px;line-height:1.55;margin-bottom:13px}.kk-service-body>p:not(.kk-service-type){min-height:0;font-size:13px;line-height:1.85;margin-bottom:10px}.kk-service-body .kk-text-link{font-size:12px}.kk-platform-links{gap:5px 12px}.kk-platform-links a{font-size:12px}.kk-screening .kk-two-col{gap:45px}.kk-screening .kk-gate-art{order:2;width:min(380px,calc(100% - 12px));margin-inline:auto}.kk-screening h2{font-size:30px}.kk-screening .kk-two-col>div>p:not(.kk-eyebrow):not(.kk-lead){font-size:14px}.kk-screening h2 br:last-child{display:none}.kk-criteria{column-gap:25px}.kk-criteria li{font-size:14px}.kk-screening-note{font-size:12px!important}.kk-gate-caption{margin-top:24px}.kk-flow-map{gap:20px 16px}.kk-flow-map li{padding:22px 17px;min-height:182px}.kk-flow-map li::after{right:-13px;font-size:20px}.kk-flow-map h3{font-size:14px;margin-bottom:9px}.kk-flow-map p{font-size:12px}.kk-step-number{font-size:24px;margin-bottom:18px}.kk-records{gap:17px;margin-top:40px;padding:28px 0;align-items:flex-start}.kk-records-icon{width:36px;height:36px;font-size:24px}.kk-records h3{font-size:17px;margin-bottom:10px}.kk-records p{font-size:12px}.kk-records br{display:none}.kk-fit-grid{grid-template-columns:1fr;gap:20px}.kk-fit-card{padding:26px}.kk-fit-card h3{font-size:19px}.kk-fit-symbol{font-size:23px;margin-bottom:16px}.kk-fit-card li{font-size:13px}.kk-faq-layout{grid-template-columns:1fr;gap:25px}.kk-faq-layout>div>p:not(.kk-eyebrow){font-size:14px}.kk-faq-layout h2 br{display:none}.kk-faq-item summary{font-size:14px;gap:12px;padding:21px 0}.kk-faq-q{font-size:20px}.kk-faq-answer{padding-left:31px;padding-right:20px}.kk-faq-answer p{font-size:13px}.kk-final-cta{min-height:360px;padding:55px 0 58px}.kk-final-cta>img{object-position:65% center}.kk-final-cta::before{background:#071c3a99}.kk-final-cta h2{font-size:27px}.kk-final-cta p:not(.kk-eyebrow){font-size:13px;max-width:270px}.kk-final-cta .kk-button{font-size:15px;min-height:53px}.kk-contact-grid{grid-template-columns:1fr;gap:35px}.kk-contact-intro h2{font-size:30px}.kk-contact-intro .kk-lead{font-size:19px}.kk-contact-intro .kk-lead br{display:none}.kk-contact-intro>p:not(.kk-eyebrow):not(.kk-lead){font-size:14px}.kk-contact-note{margin:23px 0;padding:20px 0}.kk-contact-note strong{font-size:14px}.kk-form-panel{padding:27px 23px}.kk-form-heading{margin-bottom:23px}.kk-form-heading>strong{font-size:20px}.kk-field{font-size:14px;margin-bottom:18px}.kk-form-panel .kk-checkbox-note{font-size:12px}.kk-form-panel input[type=submit]{font-size:16px}.kk-footer{padding-top:35px}.kk-footer-top{grid-template-columns:1fr 1fr;gap:30px 24px}.kk-footer-top>div{grid-column:1/-1}.kk-footer-top .kk-brand strong{font-size:22px}.kk-footer-top .kk-brand small{font-size:10px}.kk-footer-top .kk-brand-mark,.kk-footer-top .kk-brand-mark svg{width:36px;height:36px}.kk-footer-top>div>p{font-size:12px;margin:12px 0 0}.kk-footer-top nav{display:flex;flex-direction:column;gap:8px}.kk-footer-top nav a{font-size:12px}.kk-footer-bottom{gap:15px;margin-top:30px;padding-top:20px}.kk-footer-motto{display:none}.kk-back-top{margin-left:auto}.kk-subhead{padding:24px 0 45px;min-height:0}.kk-breadcrumb{font-size:10px;gap:9px;margin-bottom:27px}.kk-subhead h1{font-size:29px;line-height:1.6;margin-bottom:17px}.kk-subhead-description{font-size:12px;max-width:90%}.kk-subhead-sprite{right:0;bottom:20px;opacity:.16}.kk-subhead-sprite .kk-sprite{width:130px;height:195px}.kk-subhead-small{padding:45px 0}.kk-service-intro .kk-lead{font-size:17px!important}.kk-service-intro .kk-two-col>div>p:not(.kk-eyebrow){font-size:14px}.kk-service-quest{padding:30px 25px}.kk-service-quest h3{font-size:18px}.kk-service-quest li{font-size:14px}.kk-feature-grid{grid-template-columns:1fr;gap:3px}.kk-feature-grid article{padding:25px 0}.kk-feature-grid h3{font-size:20px}.kk-feature-grid p{font-size:14px}.kk-feature-num{font-size:23px}.kk-service-terms p{font-size:14px}.kk-mini-flow{padding:27px 25px}.kk-mini-flow li{font-size:13px}.kk-service-other{padding:35px 0}.kk-service-other h2{font-size:20px}.kk-service-other nav{gap:10px 23px}.kk-service-other a{font-size:13px}.kk-company-info>div{grid-template-columns:115px 1fr;gap:15px}.kk-company-map{margin-top:45px}.kk-company-map iframe{height:280px}.kk-about-principles{margin-top:40px}.kk-about-principles h2{font-size:24px}.kk-records-page h1{font-size:30px}.kk-records-page .kk-lead{font-size:18px}.kk-records-page p{font-size:14px}.kk-prose{margin-block:30px;padding:30px 22px}.kk-prose h2{font-size:23px}.kk-prose h3{font-size:20px}.kk-prose p{font-size:15px}.kk-prose table{font-size:12px}.kk-prose th,.kk-prose td{padding:10px 8px}.kk-prose .wp-block-columns{flex-direction:column}.kk-post-list{padding:35px 0 55px}.kk-post-list h2{font-size:20px}.kk-not-found{padding:80px 0 110px}.kk-not-found h1{font-size:30px}.kk-not-found p{font-size:14px}} @media(max-width:390px){.kk-nav-wrap{width:calc(100% - 20px);gap:8px}.kk-brand strong{font-size:14px}.kk-brand-mark,.kk-brand-mark svg{width:24px;height:28px}.kk-nav-cta{font-size:10px;padding-inline:7px}.kk-wrap{width:calc(100% - 32px)}.kk-hero h1{font-size:32px}.kk-hero-actions{gap:12px}.kk-hero-actions .kk-button{padding-inline:16px;font-size:14px}.kk-hero-secondary{font-size:10px}.kk-party-panel{padding-inline:15px}.kk-panel-title>span{gap:5px}.kk-panel-title strong{font-size:13px}.kk-service-card{grid-template-columns:90px 1fr;padding-inline:17px}.kk-service-character .kk-sprite{width:83px;height:125px}.kk-service-body h3{font-size:19px}.kk-form-panel{padding-inline:19px}.kk-hero-status .kk-wrap>div{gap:18px}.kk-hero-status a{display:none}.kk-fit-card li{font-size:12px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kk-site *, .kk-site *::before,.kk-site *::after{animation:none!important;transition:none!important}} /* Original console-era identity: crisp type, command windows and companion sprites. */ @font-face{font-family:KKPixel;src:url('assets/kk-pixel.woff2?v=1.8.0') format('woff2');font-style:normal;font-weight:400;font-display:swap} .kk-site [hidden]{display:none!important} @media(max-width:782px){.admin-bar .kk-header{top:46px}}@media(max-width:600px){.admin-bar .kk-header{top:0}} .kk-hero-art img{object-position:center bottom}.kk-hero-monster{display:none!important} .kk-form-panel .kk-form-row>p{display:contents}.kk-form-panel .kk-form-row>p>br{display:none}.kk-form-panel .kk-website-confirm{display:none!important}.kk-form-panel form>p{margin-bottom:0} .kk-brand-logo{display:block;width:183px!important;height:auto!important;max-height:62px;object-fit:contain} .kk-game-window{position:relative;background:#060c19;color:#fff;border:2px solid #f5f5ee;border-radius:5px;box-shadow:0 0 0 2px #060c19,inset 0 0 0 3px #060c19,inset 0 0 0 4px #8e99ae,0 7px 0 #06122348} .kk-site .kk-hero h1{font-family:KKPixel,var(--kk-font);font-weight:400;text-shadow:3px 3px 0 #102950;line-height:1.4;letter-spacing:.02em} .kk-hero-actions{width:fit-content;max-width:100%;padding:20px 20px 17px;gap:17px;margin-top:29px;text-shadow:none} .kk-window-label{position:absolute;top:-14px;left:20px;background:#060c19;padding:0 10px;color:#fff;font:16px KKPixel,var(--kk-font);letter-spacing:.15em} .kk-hero-actions .kk-button{padding:12px 18px;min-height:51px;font-size:15px;gap:8px} .kk-hero-actions .kk-button svg{width:19px;height:19px} .kk-hero-actions .kk-button>span{display:none} .kk-hero-command-links{display:grid;gap:8px;font:15px/1.8 KKPixel,var(--kk-font)} .kk-hero-command-links a:hover{color:#f5cd6e} .kk-hero-command-links span{font-size:10px;margin-right:3px} .kk-hero-dialogue{position:absolute;right:max(48px,calc((100% - 1200px)/2));bottom:89px;padding:18px 24px 22px;min-width:280px;font:17px/1.85 KKPixel,var(--kk-font)} @media(min-width:1500px){.kk-hero-dialogue{bottom:145px;width:284px;min-width:0;padding:14px 20px 19px;font-size:15px}} .kk-hero-dialogue p{margin:0} .kk-dialogue-cursor{display:block;position:absolute;right:20px;bottom:4px;font-size:12px;color:#fff;animation:kk-cursor 1.2s steps(2,end) infinite} @keyframes kk-cursor{50%{opacity:.25}} .kk-monster{display:block;flex-shrink:0;width:106px;height:106px;background:url('assets/monsters.webp') no-repeat;background-size:300% 100%;image-rendering:pixelated} .kk-monster-slime{background-position:0 0}.kk-monster-jelly{background-position:50% 0;clip-path:inset(0 10% 0 0)}.kk-monster-dragon{background-position:100% 0} .kk-hero-monster{position:absolute;left:calc(53% - 108px);bottom:99px;width:102px;height:102px} .kk-quest-console{background:#060c19;border-color:#f5f5ee;box-shadow:0 0 0 2px #060c19,inset 0 0 0 3px #060c19,inset 0 0 0 4px #8e99ae} .kk-console-title,.kk-quest-choice{font-family:KKPixel,var(--kk-font);font-weight:400} .kk-console-title{font-size:16px;color:#fff}.kk-quest-choice{font-size:17px}.kk-quest-answer{font-size:14px} .kk-services-compact{padding:65px 0 53px;background:linear-gradient(#0634647d,#071e3ecb),url('assets/hero.webp') center 46%/cover} .kk-services-compact .kk-section-heading{margin-bottom:35px} .kk-site .kk-services-compact h2{font:34px/1.5 KKPixel,var(--kk-font);text-shadow:2px 2px 0 #052041;margin-bottom:10px} .kk-services-compact .kk-eyebrow{margin-bottom:12px!important} .kk-services-compact .kk-section-heading>p:not(.kk-eyebrow){color:#fff;font-size:15px;text-shadow:0 2px 4px #041326} .kk-skill-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px} .kk-skill-card{padding:26px 13px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;transition:transform .2s,background .2s} .kk-skill-card:hover{transform:translateY(-5px);background:#102440} .kk-skill-icon{display:flex;align-items:center;justify-content:center;width:65px;height:58px;margin-bottom:14px;color:#f5cd6e} .kk-skill-icon svg{width:43px;height:43px;stroke-width:1.7} .kk-skill-icon img{max-width:52px;max-height:45px;width:auto;height:auto;object-fit:contain} .kk-skill-card[href="/tiktok/"] .kk-skill-icon{background:#fff;width:50px;border-radius:3px}.kk-skill-card[href="/tiktok/"] .kk-skill-icon img{max-height:39px} .kk-site .kk-skill-card h3{font:20px/1.5 KKPixel,var(--kk-font);letter-spacing:0;margin:0 0 8px} .kk-skill-card>strong{font-size:13px;color:#ffe2a0;margin-bottom:10px} .kk-skill-card>p{font-size:12px;line-height:1.9;letter-spacing:0;color:#d1deed;margin-bottom:20px} .kk-skill-more{border-top:1px solid #94a5be49;padding-top:13px;margin-top:auto;width:100%;font:13px/1.7 KKPixel,var(--kk-font);display:flex;justify-content:center;align-items:center;gap:10px;text-align:center} .kk-skill-more>span{font-size:9px;color:#f5cd6e} .kk-service-caption{text-align:center;font-size:12px;margin:25px 0 0!important;color:#d4e2f1}.kk-service-caption a{margin-left:14px;border-bottom:1px solid #97b4d0} .kk-diagnosis{background:radial-gradient(ellipse at 25% 35%,#fff0cf,#efd69b);color:#15283e;border-block:4px solid #af8139;padding:70px 0} .kk-diagnosis-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center} .kk-diagnosis .kk-eyebrow{color:#876127;font-size:12px} .kk-site .kk-diagnosis h2{font:37px/1.5 KKPixel,var(--kk-font);margin-bottom:14px} .kk-diagnosis .kk-lead{font-size:20px;margin-bottom:12px} .kk-diagnosis-intro>p:not(.kk-eyebrow):not(.kk-lead){font-size:15px} .kk-guide{display:flex;align-items:center;gap:10px;margin:22px 0 14px} .kk-guide p{font:15px/1.8 KKPixel,var(--kk-font);padding:16px 19px 22px;margin:0;white-space:nowrap} .kk-diagnosis-badge{font-size:12px;color:#6f5531} .kk-diagnosis-panel{padding:32px 36px;min-height:365px} .kk-quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#f7d67d;border-bottom:1px solid #8496b444;padding-bottom:18px;margin-bottom:25px;font:15px/1.5 KKPixel,var(--kk-font)} .kk-quiz-progress>div{display:flex;gap:7px}.kk-quiz-progress i{display:block;width:22px;height:6px;background:#263e5d}.kk-quiz-progress i.is-done{background:#f5cd6e} .kk-site .kk-diagnosis-panel h3{font:23px/1.65 KKPixel,var(--kk-font);margin-bottom:18px;letter-spacing:.015em} .kk-diagnosis-panel p{font-size:14px;line-height:1.9;color:#cbd9eb} .kk-diagnosis-panel .kk-button{font-size:15px;min-height:51px;gap:10px;padding:13px 20px;margin-top:8px} .kk-diagnosis-panel .kk-quiz-fine{font-size:11px;color:#aabacf;line-height:1.8;margin:18px 0 0} .kk-quiz-options{display:grid;gap:10px} .kk-quiz-option{width:100%;border:1px solid #576c88;background:#11243e;color:#fff;text-align:left;padding:12px 14px 12px 32px;font-size:14px!important;line-height:1.7!important;position:relative;transition:background .15s} .kk-quiz-option::before{content:'▶';position:absolute;left:12px;top:16px;font-size:9px;color:#f5cd6e} .kk-quiz-option:hover,.kk-quiz-option:focus-visible{background:#203c5f;border-color:#e4c878} .kk-quiz-back{display:block;background:transparent;border:0;color:#b6c9e2;padding:0;margin-top:22px;font-size:12px!important;text-decoration:underline;text-underline-offset:5px} .kk-quiz-result-label{color:#f5cd6e!important;font-size:12px!important;margin-bottom:7px!important} .kk-quiz-next{background:#122540;padding:16px 18px;margin-top:18px;border-left:2px solid #e3bf6b} .kk-quiz-next strong{display:block;font-size:13px;color:#ffe1a1;margin-bottom:5px}.kk-quiz-next p{font-size:13px;margin:0} .kk-quiz-result-links{display:flex;gap:14px;flex-wrap:wrap;margin:15px 0;font-size:12px;color:#fff}.kk-quiz-result-links a{border-bottom:1px solid #7588a2} .kk-gate-art{position:relative}.kk-gate-dragon{position:absolute;right:-35px;bottom:37px;width:155px;height:155px;filter:drop-shadow(3px 5px 0 #051b3040)} .kk-policy .kk-two-col>div:not(.kk-contract)>p:not(.kk-eyebrow):not(.kk-lead),.kk-screening .kk-two-col>div>p:not(.kk-eyebrow):not(.kk-lead),.kk-service-intro .kk-two-col>div>p:not(.kk-eyebrow),.kk-feature-grid p,.kk-service-terms p{font-size:16px} .kk-screening-note{font-size:13px!important} @media(max-width:1100px){.kk-hero-actions{flex-direction:column;align-items:stretch;gap:14px;width:260px}.kk-hero-command-links{gap:3px}.kk-hero-dialogue{left:47%;bottom:105px;min-width:240px;font-size:15px}.kk-hero-monster{left:calc(47% - 86px);width:80px;height:80px}.kk-hero-note{max-width:365px;font-size:11px}.kk-hero-layout{padding-bottom:100px;min-height:670px}.kk-skill-grid{gap:12px}.kk-skill-card{padding-inline:10px}.kk-site .kk-skill-card h3{font-size:18px}.kk-skill-card>strong{font-size:11px}.kk-skill-card>p{font-size:11px}.kk-diagnosis-layout{gap:35px}.kk-diagnosis-panel{padding:27px}.kk-guide{gap:3px}.kk-guide .kk-monster{width:82px;height:82px}.kk-guide p{font-size:13px;padding-inline:13px}} @media(max-width:760px){ .kk-brand-logo{width:137px!important;max-height:47px}.kk-nav-wrap{min-height:70px}.kk-hero-art{height:685px;background:#0864c8}.kk-hero-art img{object-fit:contain;object-position:center bottom}.kk-hero::before{height:685px;background:linear-gradient(180deg,#073c7470,transparent 50%,transparent 85%,#072746 100%)} .kk-hero-layout{padding-top:27px;padding-bottom:25px;min-height:0}.kk-hero-copy{min-height:695px}.kk-site .kk-hero h1{font-size:35px;line-height:1.45}.kk-hero-actions{padding:17px 17px 13px;margin-top:25px;max-width:100%;width:fit-content;flex-direction:row;align-items:center;gap:12px}.kk-window-label{font-size:13px;top:-12px;left:12px}.kk-hero-actions .kk-button{font-size:12px;min-height:43px;padding:10px 12px}.kk-hero-command-links{font-size:12px;gap:5px}.kk-hero-command-links span{font-size:8px}.kk-hero-actions .kk-button svg{display:none}.kk-hero-note{max-width:330px;font-size:10px}.kk-hero-dialogue{left:auto;right:20px;top:636px;bottom:auto;min-width:0;width:235px;font-size:12px;padding:12px 14px 18px}.kk-hero-dialogue .kk-dialogue-cursor{font-size:9px;right:13px;bottom:2px}.kk-hero-monster{left:30px;bottom:auto;top:639px;width:76px;height:76px} .kk-console-title{font-size:14px}.kk-quest-choice{font-size:15px}.kk-quest-answer{font-size:13px}.kk-services-compact{padding:42px 0 34px}.kk-site .kk-services-compact h2{font-size:29px}.kk-services-compact .kk-section-heading{text-align:center;margin-bottom:27px}.kk-services-compact .kk-section-heading>p:not(.kk-eyebrow){font-size:13px}.kk-skill-grid{grid-template-columns:repeat(2,1fr);gap:16px}.kk-skill-card{padding:20px 12px 15px}.kk-skill-icon{height:45px;width:55px;margin-bottom:10px}.kk-skill-icon img{max-height:38px;max-width:44px}.kk-skill-icon svg{width:35px;height:35px}.kk-site .kk-skill-card h3{font-size:20px}.kk-skill-card>strong{font-size:12px;margin-bottom:8px}.kk-skill-card>p{font-size:12px;margin-bottom:13px}.kk-skill-more{font-size:12px;padding-top:10px}.kk-skill-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:60px 1fr;column-gap:20px;text-align:left;align-items:center;padding:19px 23px}.kk-skill-card:last-child .kk-skill-icon{grid-row:1/4;margin:0;justify-self:center}.kk-skill-card:last-child h3{margin:0}.kk-skill-card:last-child>strong{margin:3px 0 9px}.kk-skill-card:last-child>p{margin:0;grid-column:1/-1;margin-top:12px;text-align:center}.kk-skill-card:last-child>p br{display:none}.kk-skill-card:last-child .kk-skill-more{grid-column:1/-1;margin-top:15px}.kk-service-caption{font-size:11px;line-height:2.2}.kk-service-caption a{display:block;margin-left:0;width:fit-content;margin-inline:auto} .kk-diagnosis{padding:46px 0}.kk-diagnosis-layout{grid-template-columns:1fr;gap:28px}.kk-site .kk-diagnosis h2{font-size:30px;line-height:1.5}.kk-diagnosis h2 br{display:none}.kk-diagnosis .kk-eyebrow{font-size:10px;margin-bottom:14px!important}.kk-diagnosis .kk-lead{font-size:18px}.kk-diagnosis-intro>p:not(.kk-eyebrow):not(.kk-lead){font-size:14px}.kk-diagnosis-intro>p:not(.kk-eyebrow):not(.kk-lead) br{display:none}.kk-guide{margin:13px 0 10px;gap:14px}.kk-guide p{font-size:14px;padding:13px 15px 20px}.kk-guide .kk-monster{width:80px;height:80px}.kk-diagnosis-badge{font-size:11px}.kk-diagnosis-panel{padding:25px 22px;min-height:340px}.kk-site .kk-diagnosis-panel h3{font-size:21px}.kk-quiz-progress{font-size:13px;margin-bottom:22px}.kk-diagnosis-panel p{font-size:14px}.kk-quiz-option{font-size:13px!important;padding:12px 10px 12px 28px}.kk-quiz-option::before{left:10px}.kk-diagnosis-panel .kk-button{font-size:13px;min-height:49px;gap:7px;padding-inline:14px}.kk-gate-dragon{width:122px;height:122px;right:-15px;bottom:30px} .kk-policy .kk-two-col>div:not(.kk-contract)>p:not(.kk-eyebrow):not(.kk-lead),.kk-screening .kk-two-col>div>p:not(.kk-eyebrow):not(.kk-lead),.kk-service-intro .kk-two-col>div>p:not(.kk-eyebrow),.kk-feature-grid p,.kk-service-terms p{font-size:15px} } @media(max-width:360px){.kk-brand-logo{width:119px!important}.kk-hero-actions{gap:9px;padding-inline:12px}.kk-hero-command-links{font-size:11px}.kk-site .kk-hero h1{font-size:32px}.kk-hero-dialogue{right:15px;width:220px}.kk-hero-monster{left:18px;width:65px;height:65px;top:645px}.kk-site .kk-skill-card h3{font-size:18px}.kk-skill-card>p{font-size:11px}.kk-guide{gap:5px}.kk-guide p{font-size:12px}} @media(min-width:761px) and (max-width:1200px){.kk-hero-dialogue{left:auto;right:36px;bottom:89px}} @media(min-width:761px) and (max-width:1000px){.kk-hero-dialogue{right:28px}} @media(max-width:760px){.kk-hero-note{background:#08254dde;padding:7px 10px;border-left:2px solid #edc974;max-width:340px}.kk-skill-card[href="/tiktok/"] .kk-skill-icon{width:45px}.kk-skill-card[href="/tiktok/"] .kk-skill-icon img{max-height:34px}} @media(prefers-reduced-motion:reduce){.kk-dialogue-cursor{animation:none}} /* Keep parchment copy distinct from the adjacent dark-background explanation. */ .kk-contract .kk-contract-result>strong{color:#14263c;font-weight:800} .kk-contract .kk-fine-print{color:#24384c;font-size:16px;line-height:1.9} @media(max-width:760px){.kk-contract .kk-fine-print{font-size:15px}} /* Final readability and short-screen navigation review. */ .kk-form-panel input::placeholder,.kk-form-panel textarea::placeholder{color:#66717e;opacity:1} @media(max-width:1000px){ .kk-nav{--kk-menu-header:74px;--kk-menu-admin:0px;max-height:calc(100vh - var(--kk-menu-header) - var(--kk-menu-admin));max-height:calc(100dvh - var(--kk-menu-header) - var(--kk-menu-admin));overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:16px} .admin-bar .kk-nav{--kk-menu-admin:32px} } @media(max-width:782px){.admin-bar .kk-nav{--kk-menu-admin:46px}} @media(max-width:760px){.kk-nav{--kk-menu-header:71px}} @media(max-width:600px){.admin-bar .kk-nav{--kk-menu-admin:0px}} @media(max-width:380px){.kk-site .kk-flow h2,.kk-site .kk-fit h2{font-size:26px;letter-spacing:0}} /* Group each fee with its amount on a restrained navy-and-gold inset. */ .kk-contract .kk-contract-top{margin-bottom:22px} .kk-contract .kk-price-row{display:grid;grid-template-columns:5.5em max-content;justify-content:center;align-items:center;column-gap:26px;margin:0 0 12px;padding:18px 20px;border:1px solid #a8894e;border-radius:3px;background:linear-gradient(110deg,#0b203a,#143351);box-shadow:inset 0 0 0 3px #ffffff05,0 3px 0 #88682c20;font-size:16px} .kk-contract .kk-price-row>span{color:#fff6df;font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1.6} .kk-contract .kk-price-row>strong{display:inline-flex;align-items:baseline;gap:7px;color:#f1c567;font-family:Georgia,"Times New Roman",serif;font-size:72px;font-weight:700;line-height:1;letter-spacing:-.035em;white-space:nowrap;text-shadow:0 2px 0 #020b1c66} .kk-contract .kk-price-row small{margin:0;color:inherit;font-size:17px;font-weight:700;letter-spacing:0;text-shadow:none} .kk-contract .kk-contract-result{padding:20px 0 19px} @media(max-width:760px){.kk-contract .kk-price-row{font-size:15px;column-gap:20px;padding:16px 14px}.kk-contract .kk-price-row>span{font-size:15px}.kk-contract .kk-price-row>strong{font-size:64px}.kk-contract .kk-price-row small{font-size:16px}} /* Dedicated service illustrations and operator pages. */ .kk-profile-prose .sgb-box-simple__title{background-color:#173754!important;color:#fff!important;padding:12px 16px;font-weight:700;line-height:1.7} .kk-profile-prose .sgb-box-simple__body{border-color:#ac8f56!important;background-color:#fffaf0!important} .kk-service-world,.kk-guild-hero{--kk-world-accent:#e5c87b} .kk-world-seo{--kk-world-accent:#8ed2ff}.kk-world-instagram{--kk-world-accent:#f1b0be}.kk-world-tiktok{--kk-world-accent:#79dce4}.kk-world-youtube{--kk-world-accent:#f5a398}.kk-world-website{--kk-world-accent:#f2d38a} .kk-world-hero{padding:30px 0 38px;background:radial-gradient(ellipse at 83% 15%,#173e62 0%,#071c3a 64%);border-bottom:3px solid #b08b45;position:relative} .kk-world-hero .kk-breadcrumb{margin-bottom:30px}.kk-world-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:54px;align-items:center}.kk-world-copy{padding:14px 0 25px;min-width:0} .kk-world-label{display:flex;align-items:center;gap:15px;margin-bottom:26px;color:var(--kk-world-accent);font:700 12px/1.7 "Courier New",monospace;letter-spacing:.12em}.kk-world-icon{display:grid;place-items:center;width:52px;height:52px;padding:8px;background:#fff9eb;border:2px solid #d5c18f;box-shadow:3px 3px 0 #020d22;flex-shrink:0}.kk-world-icon img{display:block;width:100%;height:100%;object-fit:contain}.kk-world-icon svg{width:32px;height:32px}.kk-world-service{font-size:16px;font-weight:800;color:var(--kk-world-accent);margin-bottom:12px!important;letter-spacing:.07em} .kk-site .kk-world-copy h1{font-size:clamp(30px,3vw,42px);line-height:1.55;letter-spacing:.025em;margin-bottom:22px;overflow-wrap:normal;word-break:normal}.kk-world-description{font-size:16px;line-height:1.9;color:#d5e4f4;margin-bottom:22px!important}.kk-world-contract{font-size:12px;font-weight:700;display:flex;align-items:center;gap:14px;color:#e5d39f}.kk-world-contract span{font-size:7px}.kk-world-next{display:inline-flex;gap:10px;align-items:center;font-size:14px;font-weight:700;padding:13px 0 8px;border-bottom:1px solid #73869b;color:#f5dc9b!important}.kk-world-next span{font-size:9px}.kk-world-next:hover{color:white!important} .kk-world-art{position:relative;min-width:0;margin:0;border:1px solid #d4b980;padding:6px;background:#081529;box-shadow:7px 7px 0 #020d2070}.kk-world-art>img{display:block!important;width:100%;height:auto!important;aspect-ratio:3/2;object-fit:cover;image-rendering:pixelated}.kk-world-art figcaption{display:flex;flex-direction:column;padding:16px 16px 12px;gap:7px;font-size:13px;line-height:1.7;color:#eaf0f8}.kk-world-art figcaption>span{font:700 10px/1.5 "Courier New",monospace;letter-spacing:.15em;color:var(--kk-world-accent)} .kk-service-world .kk-service-intro{padding-top:80px}.kk-service-world .kk-service-quest{border-radius:0}.kk-service-world .kk-feature-grid{gap:24px}.kk-service-world .kk-feature-grid article{padding:26px 30px;background:#071c3a;border:1px solid #405a74;border-top:3px solid var(--kk-world-accent)}.kk-service-world .kk-feature-num{font:22px/1 KKPixel,var(--kk-font);color:var(--kk-world-accent);margin-bottom:18px}.kk-service-world .kk-feature-grid h3{font-size:21px}.kk-service-world .kk-feature-grid p{font-size:15px}.kk-world-cta>img{object-position:center 43%;opacity:.9}.kk-world-cta::before{background:linear-gradient(90deg,#051932f5,#051932da 43%,#05193255 85%)} .kk-guild-hero .kk-world-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.kk-guild-hero .kk-world-copy>.kk-eyebrow{margin-bottom:25px!important}.kk-world-art-portrait{width:min(100%,410px);justify-self:center}.kk-world-art-portrait>img{aspect-ratio:1/1}.kk-world-art-portrait figcaption{font-size:12px} .kk-operator-card{display:flex;gap:20px;align-items:center;padding:16px;background:#fffaf0;border:1px solid #bfa572;box-shadow:4px 4px 0 #d9c8a355;margin-bottom:28px}.kk-operator-card>img{width:112px;height:112px;object-fit:cover;image-rendering:pixelated;border:1px solid #b8a37a}.kk-operator-card>span{display:flex;flex-direction:column;gap:7px}.kk-operator-card small{font:10px/1.7 "Courier New",monospace;letter-spacing:.07em;color:#826637}.kk-operator-card strong{font-size:23px}.kk-operator-card>span>span{font-size:12px;color:#265a88}.kk-operator-card:hover{border-color:#6e531b} .kk-members{background:#f9f1e0;color:var(--kk-ink)}.kk-member-card{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);border:1px solid #b09a71;background:#fffaf0;box-shadow:7px 7px 0 #dacba85c;margin-bottom:45px}.kk-member-visual{margin:0;position:relative;background:#102e50;min-width:0}.kk-member-visual>img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.kk-member-visual>span:not(.kk-sprite){position:absolute;bottom:16px;left:16px;font:700 11px/1.6 "Courier New",monospace;letter-spacing:.15em;padding:8px 12px;background:#06152cef;color:#f5da92;border:1px solid #bca571}.kk-member-info{padding:42px 45px}.kk-member-info .kk-eyebrow{color:#87652d;font-size:12px;margin-bottom:14px!important}.kk-site .kk-member-info h2{font-size:32px;margin-bottom:19px}.kk-member-info dl{margin:0 0 15px}.kk-member-info dl>div{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:14px 0;border-top:1px solid #d4c7ab;font-size:14px}.kk-member-info dt{font-weight:700}.kk-member-info dd{margin:0;color:#536477;overflow-wrap:anywhere}.kk-member-info dd a{color:#165b90}.kk-member-info .kk-text-link{color:#165b90;font-size:14px}.kk-member-role{font-weight:700;color:#786034;margin-top:-8px!important} .kk-member-role-art{display:grid;place-items:center;min-height:380px;background:radial-gradient(ellipse at center,#354166,#15243e 68%)}.kk-member-role-art::before{content:"";position:absolute;inset:24px;border:1px solid #c7ad7547}.kk-member-role-art>.kk-sprite{width:153px;height:228px;filter:drop-shadow(4px 6px 0 #020b2366)}.kk-member-role-art>small{position:absolute;bottom:67px;color:#c7d1e0;font-size:10px}.kk-member-more{display:flex;gap:36px;align-items:center;padding:35px 0 0}.kk-party-mini{display:flex;gap:0;flex-shrink:0}.kk-party-mini .kk-sprite{width:58px;height:88px}.kk-member-more .kk-eyebrow{color:#886a37;font-size:11px;margin-bottom:9px!important}.kk-site .kk-member-more h2{font-size:24px;margin-bottom:10px}.kk-member-more p:last-child{font-size:14px;color:#536477;margin-bottom:0} .kk-profile-prose{border:1px solid #b7a279;box-shadow:7px 7px 0 #020d204f}.kk-profile-prose>h2:first-child{margin-top:0}.kk-profile-prose .wp-block-image img{image-rendering:pixelated} @media(max-width:1100px){.kk-world-grid,.kk-guild-hero .kk-world-grid{gap:32px;grid-template-columns:1fr 1fr}.kk-site .kk-world-copy h1{font-size:32px}.kk-world-description{font-size:14px}.kk-world-label{font-size:10px;gap:11px}.kk-world-icon{width:44px;height:44px}.kk-world-art figcaption{font-size:12px;padding:13px 11px 10px}.kk-member-info{padding:32px}.kk-member-info dl>div{grid-template-columns:74px 1fr;gap:12px;font-size:13px}} @media(max-width:760px){.kk-world-hero{padding:22px 0 34px}.kk-world-hero .kk-breadcrumb{margin-bottom:22px}.kk-world-grid,.kk-guild-hero .kk-world-grid{grid-template-columns:1fr;gap:27px}.kk-world-copy{padding:0}.kk-world-label{margin-bottom:19px;font-size:11px}.kk-world-icon{width:42px;height:42px}.kk-world-service{font-size:13px;margin-bottom:10px!important}.kk-site .kk-world-copy h1{font-size:27px;line-height:1.6;letter-spacing:.01em;margin-bottom:15px}.kk-world-description{font-size:14px;line-height:1.9;margin-bottom:13px!important}.kk-world-contract{font-size:11px;margin-bottom:7px!important}.kk-world-next{font-size:12px;padding-block:9px 5px}.kk-world-art{padding:4px;box-shadow:4px 4px 0 #020d2070}.kk-world-art figcaption{padding:11px 10px 8px;gap:5px;font-size:12px}.kk-world-art figcaption>span{font-size:9px}.kk-service-world .kk-service-intro{padding-top:55px}.kk-service-world .kk-feature-grid{gap:16px}.kk-service-world .kk-feature-grid article{padding:24px}.kk-service-world .kk-feature-grid h3{font-size:19px}.kk-service-world .kk-feature-grid p{font-size:14px}.kk-world-art-portrait{max-width:320px}.kk-guild-hero .kk-world-copy>.kk-eyebrow{margin-bottom:18px!important}.kk-operator-card{gap:15px;padding:12px}.kk-operator-card>img{width:87px;height:87px}.kk-operator-card small{font-size:9px}.kk-operator-card strong{font-size:20px}.kk-member-card{grid-template-columns:1fr;margin-bottom:28px;box-shadow:4px 4px 0 #dacba85c}.kk-member-visual>img{height:300px;object-fit:cover;object-position:center 28%}.kk-member-info{padding:27px 23px}.kk-site .kk-member-info h2{font-size:27px}.kk-member-info dl>div{font-size:13px;grid-template-columns:70px 1fr}.kk-member-role-art{min-height:300px}.kk-member-role-art>.kk-sprite{width:125px;height:187px;margin-top:-35px}.kk-member-more{flex-direction:column;align-items:flex-start;gap:18px;padding-top:20px}.kk-site .kk-member-more h2{font-size:22px}.kk-profile-prose{box-shadow:4px 4px 0 #020d204f}} @media(max-width:360px){.kk-site .kk-world-copy h1{font-size:25px}.kk-world-label{font-size:10px}} /* Readability release: keep brand artwork, let content determine layout height. */ :root{ --kk-text-body:1.125rem; --kk-text-ui:1rem; --kk-text-small:.9375rem; --kk-header-height:84px; --kk-muted:#c4d3e5; } html{scroll-padding-top:calc(var(--kk-header-height) + var(--kk-header-top,0px) + 1rem)} .kk-body{font-size:var(--kk-text-body);line-height:1.85;letter-spacing:.02em} .kk-site p,.kk-site li,.kk-site dd,.kk-site a,.kk-site button{overflow-wrap:break-word} .kk-site h2{font-size:clamp(1.875rem,2.65vw,2.5rem)} .kk-site h3{font-size:1.375rem} .kk-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .kk-two-col>*,.kk-contact-grid>*,.kk-faq-layout>*,.kk-diagnosis-layout>*{min-width:0} /* Longer explanations are always set in the normal reading typeface. */ .kk-site .kk-hero-description, .kk-site .kk-section-heading p:not(.kk-eyebrow), .kk-site .kk-policy .kk-two-col>div:not(.kk-contract)>p:not(.kk-eyebrow):not(.kk-lead), .kk-site .kk-screening .kk-two-col>div>p:not(.kk-eyebrow):not(.kk-lead), .kk-site .kk-diagnosis-intro>p:not(.kk-eyebrow):not(.kk-lead), .kk-site .kk-contact-intro>p:not(.kk-eyebrow):not(.kk-lead), .kk-site .kk-service-intro .kk-two-col>div>p:not(.kk-eyebrow), .kk-site .kk-feature-grid p,.kk-site .kk-service-world .kk-feature-grid p, .kk-site .kk-service-terms p,.kk-site .kk-world-description, .kk-site .kk-about p,.kk-site .kk-prose p,.kk-site .kk-prose li, .kk-site .kk-records-page p:not(.kk-eyebrow),.kk-site .kk-not-found p{ font-size:var(--kk-text-body);line-height:1.9; } .kk-site .kk-lead,.kk-site .kk-screening .kk-lead,.kk-site .kk-contact-intro .kk-lead{font-size:1.25rem;line-height:1.8} .kk-site .kk-service-intro .kk-lead{font-size:1.25rem!important} .kk-site .kk-hero-lead{font-size:1.5rem;line-height:1.7} .kk-site .kk-hero-note{font-size:var(--kk-text-ui);line-height:1.85;max-width:100%;padding:12px 14px;background:#08254df2;border-left:2px solid #edc974} .kk-site .kk-button,.kk-site .kk-final-cta .kk-button{font-size:1.125rem;min-height:52px;line-height:1.6} .kk-site .kk-hero-actions .kk-button{font-size:1.0625rem;min-height:52px} .kk-site .kk-hero-command-links{font-size:var(--kk-text-ui);line-height:1.8;gap:4px} .kk-hero-command-links a{display:block;padding:9px 0;min-height:44px} .kk-site .kk-window-label{font-size:1rem} .kk-site .kk-hero-dialogue{font-size:1rem;max-width:calc(100% - 40px);overflow-wrap:anywhere} .kk-site .kk-party-panel{width:350px} .kk-site .kk-panel-title{font-size:1rem} .kk-site .kk-panel-title strong{font-size:1.125rem} .kk-site .kk-panel-intro,.kk-site .kk-panel-bottom{font-size:var(--kk-text-small);line-height:1.8;text-wrap:pretty} .kk-site .kk-party-panel strong{font-size:1.25rem} .kk-site .kk-party-panel small{font-size:var(--kk-text-small);line-height:1.75;text-wrap:pretty} .kk-site .kk-hero-status .kk-wrap>div{font-size:1rem;flex-wrap:wrap;row-gap:10px} .kk-site .kk-hero-status>.kk-wrap>span{font-size:1rem} .kk-site .kk-hero-status a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--kk-text-small);color:#d6e2f1} .kk-site .kk-console-title{font-size:1.125rem;line-height:1.8} .kk-site .kk-quest-choice{font-size:1.125rem;line-height:1.8;min-height:48px;padding:9px 0;align-items:baseline} .kk-site .kk-quest-answer{font-size:1.0625rem;line-height:1.9;min-height:0} /* Service cards retain clear logos and use an uncluttered reading column. */ .kk-site .kk-skill-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .kk-site .kk-skill-card{min-width:0;padding:26px 16px 18px} .kk-site .kk-skill-card h3{font-size:1.5rem;line-height:1.5} .kk-site .kk-skill-card>strong{font-size:1rem;line-height:1.75} .kk-site .kk-skill-card>p{font-size:1rem;line-height:1.85;margin-bottom:18px} .kk-site .kk-skill-card>p br{display:none} .kk-site .kk-skill-more{font-size:1rem;min-height:48px;padding-top:12px;line-height:1.7} .kk-site .kk-service-caption{font-size:1rem;line-height:1.9} .kk-site .kk-service-caption a{display:inline-flex;align-items:center;min-height:44px} .kk-site .kk-text-link,.kk-site .kk-world-next,.kk-site .kk-service-other a,.kk-site .kk-member-info .kk-text-link{ font-size:1rem;line-height:1.8;min-height:44px; } /* Quiz choices, notices and links need the same reading comfort as body copy. */ .kk-site .kk-guide{gap:16px;align-items:center} .kk-site .kk-guide p{white-space:normal;min-width:0;font-size:1rem;line-height:1.8} .kk-site .kk-diagnosis-badge{font-size:var(--kk-text-small);color:#624821} .kk-site .kk-diagnosis-panel{min-height:0} .kk-site .kk-diagnosis-panel h3{font-size:1.5rem;line-height:1.65} .kk-site .kk-diagnosis-panel p{font-size:1.0625rem;line-height:1.9;color:#d5e1ef} .kk-site .kk-quiz-progress{font-size:1rem;line-height:1.7;flex-wrap:wrap} .kk-site .kk-quiz-option{font-size:1.0625rem!important;line-height:1.8!important;min-height:52px;padding:14px 15px 14px 34px} .kk-site .kk-quiz-option::before{top:20px;left:13px} .kk-site .kk-diagnosis-panel .kk-button{font-size:1.0625rem;min-height:52px;white-space:normal} .kk-site .kk-diagnosis-panel .kk-quiz-fine{font-size:var(--kk-text-small);line-height:1.85;color:#c5d2e3} .kk-site .kk-quiz-back{font-size:1rem!important;min-height:44px;line-height:1.8;padding:8px 0} .kk-site .kk-quiz-result-label{font-size:1rem!important} .kk-site .kk-quiz-next strong{font-size:1.0625rem;line-height:1.8} .kk-site .kk-quiz-next p{font-size:1.0625rem} .kk-site .kk-quiz-result-links{font-size:1rem;gap:12px 20px} .kk-quiz-result-links a{display:inline-flex;align-items:center;min-height:44px} /* Important fees and contract conditions must remain readable in narrow cards. */ .kk-site .kk-contract{transform:none;padding:32px;max-width:520px} .kk-site .kk-contract-top{font-size:.8125rem;letter-spacing:.06em;line-height:1.7} .kk-site .kk-contract-top small{font-size:1rem;letter-spacing:.025em} .kk-site .kk-contract .kk-price-row{grid-template-columns:minmax(0,6em) max-content;gap:22px;font-size:1rem;padding:18px 14px} .kk-site .kk-contract .kk-price-row>span{font-size:1rem;letter-spacing:.02em} .kk-site .kk-contract .kk-price-row>strong{font-size:4rem} .kk-site .kk-contract .kk-price-row small{font-size:1.0625rem} .kk-site .kk-contract-result>span{font-size:1rem;line-height:1.8} .kk-site .kk-contract-result>strong{font-size:1.375rem;line-height:1.7} .kk-site .kk-contract .kk-fine-print{font-size:1rem;line-height:1.95;color:#24384c} .kk-site .kk-screening-note{font-size:1rem!important;line-height:1.9} .kk-site .kk-criteria li{font-size:1.0625rem;line-height:1.8} .kk-site .kk-flow-map li{min-height:0;padding:24px 20px} .kk-site .kk-flow-map h3{font-size:1.125rem;line-height:1.7;overflow-wrap:anywhere} .kk-site .kk-flow-map p,.kk-site .kk-records p,.kk-site .kk-fit-card li{font-size:1.0625rem;line-height:1.85} .kk-site .kk-records h3{font-size:1.25rem} .kk-site .kk-faq-layout>div>p:not(.kk-eyebrow){font-size:var(--kk-text-body)} .kk-site .kk-faq-item summary{font-size:1.125rem;line-height:1.8;min-height:56px} .kk-site .kk-faq-answer p{font-size:var(--kk-text-body);line-height:1.9} .kk-site .kk-final-cta p:not(.kk-eyebrow){font-size:1.125rem;line-height:1.9;max-width:none} /* Application fields and consent are functional content, never fine print. */ .kk-site .kk-field,.kk-site .kk-contact-note strong{font-size:1.0625rem;line-height:1.8} .kk-site .kk-contact-note p{font-size:1rem;line-height:1.9} .kk-site .kk-contact-email{font-size:1rem!important} .kk-site .kk-contact-email a{font-size:1.0625rem;max-width:100%;overflow-wrap:anywhere;padding-block:6px} .kk-site .kk-form-panel input[type=text],.kk-site .kk-form-panel input[type=email], .kk-site .kk-form-panel input[type=url],.kk-site .kk-form-panel input[type=tel], .kk-site .kk-form-panel select,.kk-site .kk-form-panel textarea{font-size:1.125rem;min-height:52px;line-height:1.6} .kk-site .kk-form-panel textarea{min-height:160px;height:auto} .kk-site .kk-required,.kk-site .kk-optional{font-size:.8125rem;line-height:1.7;padding:1px 5px} .kk-site .kk-form-panel .kk-field-help{font-size:var(--kk-text-small);line-height:1.85;color:#526172} .kk-site .kk-form-panel .kk-checkbox-note{font-size:1rem;line-height:1.9} .kk-site .kk-form-panel input[type=checkbox]{width:24px;height:24px;margin-top:4px} .kk-site .kk-form-panel .wpcf7-list-item label{min-height:44px;padding-block:7px} .kk-site .kk-form-panel input[type=submit]{font-size:1.0625rem;min-height:56px;white-space:normal} .kk-site .kk-form-submit-note{font-size:var(--kk-text-small);line-height:1.85;color:#526052} .kk-site .kk-form-panel .wpcf7-not-valid-tip,.kk-site .kk-form-panel .wpcf7-response-output{font-size:1rem;line-height:1.8} /* All public page templates share the same typography scale. */ .kk-site .kk-world-service{font-size:1.0625rem;line-height:1.8} .kk-site .kk-world-contract{font-size:1rem;line-height:1.8;flex-wrap:wrap;gap:8px 14px} .kk-site .kk-world-art figcaption,.kk-site .kk-world-art-portrait figcaption{font-size:var(--kk-text-small);line-height:1.9} .kk-site .kk-world-art figcaption>span{font-size:.75rem} .kk-site .kk-service-quest li,.kk-site .kk-mini-flow li{font-size:1.0625rem;line-height:1.9} .kk-site .kk-company-info>div,.kk-site .kk-member-info dl>div{font-size:1.0625rem;line-height:1.9;grid-template-columns:minmax(100px,.36fr) minmax(0,1fr)} .kk-site .kk-company-info dd,.kk-site .kk-member-info dd{min-width:0;overflow-wrap:anywhere} .kk-site .kk-operator-card>span{min-width:0} .kk-site .kk-operator-card>span>span,.kk-site .kk-member-more p:last-child{font-size:1rem;line-height:1.85} .kk-site .kk-operator-card small,.kk-site .kk-member-role-art>small{font-size:.8125rem} .kk-site .kk-prose table{font-size:1rem;line-height:1.85;table-layout:fixed} .kk-site .kk-prose th,.kk-site .kk-prose td{overflow-wrap:anywhere} .kk-site .kk-post-list p,.kk-site .kk-subhead-description{font-size:1.0625rem;line-height:1.9} .kk-site .kk-breadcrumb{font-size:.9375rem;line-height:1.8;gap:8px 12px} .kk-breadcrumb a{display:inline-flex;align-items:center;min-height:44px} .kk-site .kk-footer-top>div>p{font-size:1rem} .kk-site .kk-footer-top nav a{font-size:1rem;display:inline-flex;align-items:center;min-height:44px;line-height:1.8} .kk-site .kk-footer-top nav{gap:4px 20px} .kk-site .kk-footer-bottom small{font-size:.8125rem;color:#b6c5d7} .kk-site .kk-back-top{width:48px;height:48px;flex-shrink:0} /* Header can grow with enlarged text; JS measures its actual height for anchors. */ .kk-site .kk-nav a{font-size:1rem} .kk-site .kk-nav-cta{font-size:.9375rem;min-height:48px;padding:9px 14px;line-height:1.6} .kk-site .kk-menu-toggle{min-width:60px;min-height:48px;padding:7px 6px} .kk-site .kk-menu-label{font-size:.75rem;line-height:1.4} .kk-site .kk-menu-lines{width:20px;height:12px} @media(min-width:1001px){ .kk-site .kk-header .kk-brand,.kk-site .kk-nav-cta{flex-shrink:0} .kk-site .kk-nav-cta{white-space:nowrap} .kk-site .kk-nav{flex:1 1 auto;min-width:0;flex-wrap:wrap;justify-content:flex-end;row-gap:0} .kk-site .kk-nav a{padding-block:14px} } @media(min-width:1001px) and (max-width:1200px){ .kk-site .kk-nav-wrap{gap:14px;width:calc(100% - 32px)} .kk-site .kk-brand-logo{width:148px!important} .kk-site .kk-nav{gap:14px} .kk-site .kk-nav a{font-size:.875rem} .kk-site .kk-nav-cta{font-size:.875rem;padding-inline:12px} } @media(max-width:1100px){ .kk-site .kk-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .kk-site .kk-hero-copy{max-width:58%} .kk-site .kk-party-panel{width:285px;padding-inline:20px} } @media(max-width:1000px){ .kk-site .kk-nav-wrap{flex-wrap:wrap;padding-block:9px} .kk-site .kk-nav{max-height:calc(100dvh - var(--kk-header-height) - var(--kk-menu-admin,0px));overflow-y:auto} .kk-site .kk-nav a{font-size:1.0625rem;min-height:52px;white-space:normal} .kk-site .kk-hero-actions{width:100%;max-width:350px} } @media(max-width:760px){ .kk-site .kk-wrap{width:calc(100% - 40px)} .kk-site .kk-two-col{grid-template-columns:minmax(0,1fr)} .kk-site .kk-section{padding-block:64px} .kk-site h2,.kk-site .kk-screening h2,.kk-site .kk-contact-intro h2{font-size:1.875rem;line-height:1.6;letter-spacing:.015em} .kk-site .kk-nav-wrap{width:calc(100% - 24px);min-height:78px;gap:10px;padding-block:10px} .kk-site .kk-brand-logo{width:128px!important} .kk-site .kk-nav-cta{font-size:.875rem;padding-inline:10px;margin-left:auto} .kk-site .kk-nav.is-open{padding:12px 22px 22px} /* Reflow the hero instead of putting growing text over fixed artwork coordinates. */ .kk-site .kk-hero{display:flex;flex-direction:column;background:linear-gradient(#103d77ed,#0b294ef5),url('assets/hero-grounded.webp') center top/auto 850px no-repeat;background-color:#0b294e;min-height:0} .kk-site .kk-hero::before{display:none} .kk-site .kk-hero-layout{display:contents} .kk-site .kk-hero-copy{order:1;width:calc(100% - 40px);max-width:none;min-height:0;margin:0 auto;padding:32px 0 20px} .kk-site .kk-hero h1{font-size:2.1875rem;line-height:1.5;letter-spacing:.01em;margin-bottom:18px} .kk-site .kk-hero-lead{font-size:1.375rem;line-height:1.7;margin-bottom:18px!important} .kk-site .kk-hero-description{font-size:1.125rem;line-height:1.85} .kk-site .kk-hero-description br{display:none} .kk-site .kk-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:none;width:100%;padding:22px 18px 16px;margin-top:28px} .kk-site .kk-hero-actions .kk-button{font-size:1.125rem;min-height:54px;padding:12px 14px} .kk-site .kk-hero-command-links{display:grid;grid-template-columns:1fr;gap:4px;font-size:1rem;line-height:1.8} .kk-site .kk-hero-command-links a{padding:8px 0;min-height:44px} .kk-site .kk-window-label{font-size:.9375rem;top:-13px} .kk-site .kk-hero-note{font-size:1rem;max-width:none;padding:14px;margin-top:22px!important;line-height:1.9} .kk-site .kk-hero-art{order:2;position:relative;inset:auto;z-index:0;height:clamp(250px,78vw,420px);width:100%;background:#0b294e;margin:0} .kk-site .kk-hero-art img{display:block;object-fit:cover;object-position:center bottom;height:100%;width:100%} .kk-site .kk-hero-dialogue{order:3;position:relative;inset:auto;min-width:0;width:calc(100% - 40px);max-width:390px;align-self:center;margin:-10px auto 28px;padding:16px 18px 22px;font-size:1rem;line-height:1.85;z-index:1} .kk-site .kk-party-panel{order:4;display:flex;flex-direction:column;width:calc(100% - 40px);max-width:520px;align-self:center;margin:0 auto 30px;padding:25px 22px 20px} .kk-site .kk-panel-title{align-items:center;justify-content:flex-start;font-size:1rem} .kk-site .kk-panel-title>span{display:block} .kk-site .kk-panel-title strong{font-size:1.125rem} .kk-site .kk-panel-intro{font-size:1rem;text-align:left;margin:12px 0!important} .kk-site .kk-party-panel>a{display:flex;flex-direction:row;text-align:left;gap:16px;padding:12px 0;min-height:82px} .kk-site .kk-party-panel .kk-sprite{width:46px;height:69px} .kk-site .kk-party-panel>a>span:not(.kk-sprite){min-width:0} .kk-site .kk-party-panel strong{font-size:1.25rem} .kk-site .kk-party-panel small{font-size:1rem;line-height:1.75} .kk-site .kk-party-panel b{display:block} .kk-site .kk-panel-bottom{font-size:.9375rem;justify-content:flex-start;margin-top:18px} .kk-site .kk-hero-status{order:5;position:relative;inset:auto} .kk-site .kk-hero-status>.kk-wrap{padding:18px 0} .kk-site .kk-hero-status>.kk-wrap>span{font-size:1rem;gap:12px;flex-wrap:wrap} .kk-site .kk-hero-status .kk-wrap>div{font-size:1rem;gap:6px 18px;flex-wrap:wrap} .kk-site .kk-hero-status a{display:flex;width:100%;justify-content:center;font-size:.9375rem} .kk-site .kk-quest-console{padding:24px 20px} .kk-site .kk-quest-strip h2{font-size:1.75rem} .kk-site .kk-skill-grid{grid-template-columns:1fr;gap:20px} .kk-site .kk-skill-card,.kk-site .kk-skill-card:last-child{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 16px;text-align:left;align-items:start;padding:24px 20px} .kk-site .kk-skill-card .kk-skill-icon{grid-column:1;grid-row:1/3;align-self:center;justify-self:center;width:56px;height:56px;margin:0} .kk-site .kk-skill-card .kk-skill-icon img{max-width:46px;max-height:42px} .kk-site .kk-skill-card .kk-skill-icon svg{width:42px;height:42px} .kk-site .kk-skill-card h3,.kk-site .kk-skill-card:last-child h3{grid-column:2;margin:0;font-size:1.5rem;line-height:1.5} .kk-site .kk-skill-card>strong,.kk-site .kk-skill-card:last-child>strong{grid-column:2;font-size:1rem;line-height:1.7;margin:0} .kk-site .kk-skill-card>p,.kk-site .kk-skill-card:last-child>p{grid-column:1/-1;text-align:left;font-size:1.125rem;line-height:1.85;margin:8px 0 2px} .kk-site .kk-skill-card .kk-skill-more,.kk-site .kk-skill-card:last-child .kk-skill-more{grid-column:1/-1;font-size:1rem;min-height:48px;margin-top:6px;justify-content:center} .kk-site .kk-service-caption{font-size:1rem} .kk-site .kk-service-caption a{display:flex;justify-content:center;margin:10px 0 0} .kk-site .kk-guide{gap:12px} .kk-site .kk-guide .kk-monster{width:64px;height:64px} .kk-site .kk-guide p{font-size:1rem;padding:16px 14px 22px;line-height:1.8} .kk-site .kk-guide p br{display:none} .kk-site .kk-diagnosis-panel{padding:26px 20px} .kk-site .kk-diagnosis-panel h3 br{display:none} .kk-site .kk-contract{padding:28px 22px} .kk-site .kk-contract .kk-price-row{grid-template-columns:minmax(0,1fr) max-content;gap:14px;padding:18px 16px} .kk-site .kk-contract .kk-price-row>strong{font-size:3.5rem} .kk-site .kk-contract .kk-price-row>span{font-size:1rem} .kk-site .kk-contract .kk-fine-print{font-size:1rem} .kk-site .kk-contract-result>strong{font-size:1.25rem} .kk-site .kk-flow-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px} .kk-site .kk-flow-map li{padding:24px 18px;min-height:0} .kk-site .kk-flow-map p{font-size:1.0625rem} .kk-site .kk-flow-map h3{font-size:1.125rem} .kk-site .kk-faq-answer{padding:0 4px 20px} .kk-site .kk-faq-item summary{gap:12px;font-size:1.0625rem;padding:23px 0} .kk-site .kk-fit-card{padding:28px 24px} .kk-site .kk-form-panel{padding:28px 22px} .kk-site .kk-company-info>div,.kk-site .kk-member-info dl>div{grid-template-columns:1fr;gap:4px;padding:18px 0;font-size:1.0625rem} .kk-site .kk-world-description{font-size:1.125rem} .kk-site .kk-world-contract{font-size:1rem} .kk-site .kk-world-copy h1{font-size:1.875rem;line-height:1.65} .kk-site .kk-world-next{font-size:1rem;line-height:1.8;padding-block:12px} .kk-site .kk-prose{padding:32px 22px} .kk-site .kk-prose p{font-size:1.125rem} .kk-site .kk-prose table{font-size:1rem} .kk-site .kk-prose th,.kk-site .kk-prose td{padding:12px 9px} .kk-site .kk-footer-top{gap:28px 20px} } @media(max-width:359px){ .kk-site .kk-wrap,.kk-site .kk-hero-copy,.kk-site .kk-party-panel,.kk-site .kk-hero-dialogue{width:calc(100% - 32px)} .kk-site .kk-brand-logo{width:96px!important} .kk-site .kk-nav-wrap{gap:8px} .kk-site .kk-hero h1{font-size:2rem} .kk-site .kk-hero-command-links{grid-template-columns:1fr} .kk-site .kk-hero-lead br{display:none} .kk-site .kk-contract{padding-inline:18px} .kk-site .kk-contract .kk-price-row{padding-inline:12px;gap:10px} .kk-site .kk-flow-map{grid-template-columns:1fr} .kk-site .kk-flow-map li::after{display:none} .kk-site .kk-form-panel{padding-inline:18px} .kk-site .kk-operator-card{flex-wrap:wrap} .kk-site .kk-prose th,.kk-site .kk-prose td{padding-inline:6px} } /* Service architecture 1.4: preserve the established navy / gold pixel identity. */ .kk-site .kk-exp-quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .kk-site .kk-exp-quests{padding:64px 0} .kk-site .kk-exp-quests .kk-section-heading{margin-bottom:32px} .kk-site .kk-exp-quests .kk-section-heading h2{font-size:2rem} .kk-site .kk-exp-quests .kk-section-heading p:not(.kk-eyebrow){color:#304b62;font-size:1.125rem;line-height:1.85} .kk-site .kk-exp-quest{display:flex;flex-direction:column;align-items:flex-start;padding:28px;color:#f8fbff} .kk-site .kk-exp-quest-icon,.kk-site .kk-exp-service-icon{display:block;width:48px;height:48px;color:#f6ca67;margin-bottom:20px} .kk-site .kk-exp-quest-icon svg,.kk-site .kk-exp-service-icon svg{width:100%;height:100%} .kk-site .kk-exp-quest h3{font-size:1.375rem;line-height:1.65;margin:0 0 16px;color:#fff1c9} .kk-site .kk-exp-quest p{font-size:1.125rem;line-height:1.85;color:#d6e2f3;margin:0 0 22px} .kk-site .kk-exp-more{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:auto;padding-top:16px;min-height:48px;border-top:1px solid #405064;color:#fff;font-size:1rem;font-weight:700;line-height:1.7;text-align:center} .kk-site .kk-exp-more>span{color:#f6ca67} .kk-site .kk-exp-quest:hover,.kk-site .kk-exp-service:hover,.kk-site .kk-exp-media-card:hover{border-color:#f6ca67;background-color:#102640} .kk-site .kk-exp-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} .kk-site .kk-exp-service{display:flex;flex-direction:column;align-items:center;min-width:0;padding:28px 22px 20px;text-align:center} .kk-site .kk-exp-service h3{font-family:KKPixel,"DotGothic16",monospace;font-size:1.5rem;line-height:1.5;color:#f8fbff;margin:0 0 14px} .kk-site .kk-exp-service>strong{color:#ffdc88;font-size:1.0625rem;line-height:1.7;margin-bottom:12px} .kk-site .kk-exp-service>p{color:#d6e2f3;font-size:1.0625rem;line-height:1.85;margin:0 0 22px} .kk-site .kk-exp-platforms{margin-top:28px;padding:24px;background:#071728f0;border:1px solid #66809e} .kk-site .kk-exp-platforms>div{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;color:#fff} .kk-site .kk-exp-platforms>div>a{font-size:1rem;color:#ffdc88;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center} .kk-site .kk-exp-platform-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} .kk-site .kk-exp-platform-links>a{display:flex;gap:10px;align-items:center;justify-content:center;min-height:54px;padding:10px;background:#0d2645;color:#fff;border:1px solid #54708e;font-size:1rem;font-weight:700;line-height:1.5} .kk-site .kk-exp-platform-links img{width:25px;height:25px;object-fit:contain;flex:none} .kk-site .kk-exp-platform-links>a>span:last-child{color:#f6ca67} .kk-site .kk-exp-platform-links>a:hover{background:#214367;border-color:#f6ca67} .kk-site .kk-exp-policy .kk-section-heading{max-width:960px;margin-inline:auto} .kk-site .kk-exp-policy .kk-section-heading p:not(.kk-eyebrow){color:#d6e2f3;font-size:1.125rem;line-height:1.95} .kk-site .kk-exp-charter{padding:32px;max-width:1060px;margin:36px auto 0;transform:none;color:#142d46} .kk-site .kk-exp-charter .kk-contract-top{margin-bottom:24px;padding-bottom:22px;font-size:.9375rem} .kk-site .kk-exp-charter .kk-contract-top small{font-size:1rem} .kk-site .kk-exp-charter .kk-brand-mark{width:36px;height:36px} .kk-site .kk-exp-charter .kk-brand-mark svg{width:36px;height:36px} .kk-site .kk-exp-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .kk-site .kk-exp-prices>div{padding:24px 16px 20px;text-align:center;background:#0b203b;border:2px solid #a17e40;box-shadow:inset 0 0 0 3px #0b203b,inset 0 0 0 4px #6a7c8e;color:#fff} .kk-site .kk-exp-prices>div>span{display:block;font-size:1.125rem;line-height:1.6;font-weight:700} .kk-site .kk-exp-prices strong{display:flex;align-items:baseline;justify-content:center;gap:5px;color:#ffda7a;font-family:Georgia,serif;font-size:3.75rem;font-weight:700;line-height:1.25;margin:10px 0 8px} .kk-site .kk-exp-prices small{font-family:inherit;font-size:1.25rem} .kk-site .kk-exp-prices strong.kk-exp-success{font-family:inherit;font-size:1.625rem;align-items:center;min-height:75px} .kk-site .kk-exp-prices p{font-size:1rem;line-height:1.7;margin:0;color:#e2ebf5} .kk-site .kk-exp-charter .kk-exp-fee-note{font-size:1rem;line-height:1.95;color:#18334c;margin:24px 0 8px} .kk-site .kk-exp-fee-link{font-size:1rem;font-weight:700;text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px;color:#18334c} .kk-site .kk-exp-criteria li{display:flex;align-items:flex-start;gap:10px;padding:16px 0} .kk-site .kk-exp-criteria li>span{flex:none;margin-top:3px} .kk-site .kk-exp-criteria strong{display:block;font-size:1.125rem;line-height:1.7} .kk-site .kk-exp-criteria small{display:block;font-size:1rem;line-height:1.8;color:#425468;margin-top:4px} .kk-site .kk-exp-flow-home p{font-size:1.0625rem;line-height:1.85} .kk-site .kk-exp-sibling-nav{padding:48px 0;background:#0c2544;color:#fff} .kk-site .kk-exp-sibling-nav h2{font-size:1.5rem;margin:0 0 24px;color:#fff} .kk-site .kk-exp-sibling-nav .kk-text-link{color:#ffdc88;display:inline-flex;min-height:48px;align-items:center;margin-top:20px} /* New detail pages use actual text and diagrams, not text baked into images. */ .kk-site .kk-exp-page{font-size:1.125rem;line-height:1.85} .kk-site .kk-exp-page .kk-world-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px} .kk-site .kk-exp-page .kk-world-copy h1{font-size:clamp(2rem,3vw,2.75rem);line-height:1.6} .kk-site .kk-exp-page .kk-world-description{font-size:1.125rem;line-height:1.95} .kk-site .kk-exp-page .kk-world-service,.kk-site .kk-exp-page .kk-world-contract{font-size:1rem;line-height:1.8} .kk-site .kk-exp-page .kk-world-label{font-size:1rem;letter-spacing:.025em;line-height:1.7} .kk-site .kk-exp-page .kk-world-next{font-size:1rem;min-height:48px;line-height:1.8} .kk-site .kk-exp-diagram{margin:0;padding:28px;color:#f7fbff;box-shadow:6px 6px 0 #030e1db3} .kk-site .kk-exp-diagram-heading{padding:0 0 20px;border-bottom:1px solid #46617c;margin-bottom:22px;font-size:1.25rem;font-weight:700;color:#ffdc88;line-height:1.7;text-align:center} .kk-site .kk-exp-diagram-heading>strong{display:block;font-size:1.25rem;line-height:1.7} .kk-site .kk-exp-diagram-heading>span{display:block;font-size:.9375rem;font-weight:400;color:#d6e2f3;margin-top:8px;line-height:1.7} .kk-site .kk-exp-page .kk-world-icon{background:#0b203b;border-color:#d0b574;color:#ffdc88} .kk-site .kk-exp-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:26px} .kk-site .kk-exp-step{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;row-gap:3px;align-items:center;padding:18px;background:#102b4b;border:1px solid #496887} .kk-site .kk-exp-step:not(:last-child)::after{content:'↓';position:absolute;left:calc(50% - 10px);bottom:-28px;color:#ffdc88;line-height:26px;font-size:1.25rem} .kk-site .kk-exp-step-icon{grid-row:1/3;color:#ffdc88;width:44px;height:44px;display:flex;align-items:center;justify-content:center} .kk-site .kk-exp-step-icon svg{width:38px;height:38px} .kk-site .kk-exp-step-title{font-size:1.125rem;line-height:1.6;color:#fff} .kk-site .kk-exp-step-text{font-size:1rem;line-height:1.8;color:#d3e1ef} .kk-site .kk-exp-page .kk-section-heading{max-width:900px;margin-inline:auto} .kk-site .kk-exp-page .kk-section-heading p:not(.kk-eyebrow){font-size:1.125rem;line-height:1.9} .kk-site .kk-exp-grid{display:grid;gap:24px;margin-top:30px} .kk-site .kk-exp-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))} .kk-site .kk-exp-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))} .kk-site .kk-exp-card{min-width:0;padding:28px;background:#fff8e8;border:1px solid #bfa679;box-shadow:4px 4px 0 #dac89d;color:#18334c} .kk-site .kk-exp-card h3{font-size:1.375rem;line-height:1.65;margin:0 0 16px;color:#132f4a} .kk-site .kk-exp-card p,.kk-site .kk-exp-card li{font-size:1.125rem;line-height:1.85;color:#304b62} .kk-site .kk-exp-card p:last-child{margin-bottom:0} .kk-site .kk-exp-card ul{padding-left:1.3em;margin:0} .kk-site .kk-exp-card li+li{margin-top:10px} .kk-site .kk-exp-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px} .kk-site .kk-exp-media-card{display:flex;align-items:flex-start;gap:18px;min-width:0;padding:26px;background:#0b203b;border:3px double #b8c5d4;box-shadow:4px 4px 0 #051324;color:#f8fbff} .kk-site .kk-exp-media-icon{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-top:4px} .kk-site .kk-exp-media-icon img,.kk-site .kk-exp-media-icon svg{width:36px;height:36px;object-fit:contain} .kk-site .kk-exp-media-copy{display:block;min-width:0} .kk-site .kk-exp-media-copy>strong{display:block;font-size:1.375rem;line-height:1.6;color:#fff} .kk-site .kk-exp-media-copy>span{display:block;font-size:1.0625rem;line-height:1.85;color:#d6e2f3;margin-top:10px} .kk-site .kk-exp-costs{margin:30px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .kk-site .kk-exp-cost-item{padding:28px;background:#fff8e8;border-top:4px solid #ad8134;color:#18334c} .kk-site .kk-exp-cost-item dt{font-weight:700;font-size:1.375rem;line-height:1.6;margin-bottom:16px} .kk-site .kk-exp-cost-item dd{font-size:1.125rem;line-height:1.9;margin:0} .kk-site .kk-exp-note{font-size:1rem;line-height:1.95;margin-top:24px;padding:20px 24px;border-left:3px solid #ad8134;background:#f8edce;color:#18334c} .kk-site .kk-final-cta p.kk-exp-note{color:#18334c} .kk-site .kk-exp-related{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px} .kk-site .kk-exp-related>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #9f8656;color:#18334c;background:#fff5da;font-size:1rem;font-weight:700;line-height:1.7;text-decoration:underline;text-underline-offset:5px} .kk-site .kk-exp-related>a:hover{background:#ffe7ac} @media(max-width:1100px){ .kk-site .kk-exp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .kk-site .kk-exp-platform-links{grid-template-columns:repeat(3,minmax(0,1fr))} .kk-site .kk-exp-quest{padding:24px 20px} .kk-site .kk-exp-page .kk-world-grid{gap:28px} .kk-site .kk-exp-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .kk-site .kk-exp-grid--three{grid-template-columns:1fr} .kk-site .kk-exp-costs{grid-template-columns:1fr} } @media(max-width:760px){ .kk-site .kk-exp-quests{padding:48px 0} .kk-site .kk-exp-quest-grid,.kk-site .kk-exp-service-grid,.kk-site .kk-exp-prices,.kk-site .kk-exp-grid--two,.kk-site .kk-exp-media-grid{grid-template-columns:1fr;gap:22px} .kk-site .kk-exp-quests .kk-section-heading h2{font-size:1.75rem} .kk-site .kk-exp-quest{padding:26px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:center} .kk-site .kk-exp-quest-icon{width:36px;height:36px;margin:0} .kk-site .kk-exp-quest h3{font-size:1.25rem;margin:0;line-height:1.65} .kk-site .kk-exp-quest p{grid-column:1/-1;margin:0} .kk-site .kk-exp-quest .kk-exp-more{grid-column:1/-1} .kk-site .kk-exp-service{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px 16px;padding:26px;text-align:left;align-items:center} .kk-site .kk-exp-service-icon{grid-row:1/3;margin:0;width:44px;height:44px} .kk-site .kk-exp-service h3{margin:0;font-size:1.5rem} .kk-site .kk-exp-service>strong{margin:0;font-size:1rem} .kk-site .kk-exp-service>p{grid-column:1/-1;font-size:1.125rem;margin:8px 0 4px} .kk-site .kk-exp-service .kk-exp-more{grid-column:1/-1} .kk-site .kk-exp-platforms{padding:22px 18px} .kk-site .kk-exp-platform-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .kk-site .kk-exp-platform-links>a{font-size:1rem;gap:7px;min-height:58px;padding:10px 6px} .kk-site .kk-exp-platform-links img{width:23px;height:23px} .kk-site .kk-exp-charter{padding:26px 20px} .kk-site .kk-exp-prices>div{padding:22px 16px} .kk-site .kk-exp-prices strong{margin:6px 0;font-size:3.5rem} .kk-site .kk-exp-prices strong.kk-exp-success{min-height:60px;font-size:1.625rem} .kk-site .kk-exp-criteria{grid-template-columns:1fr} .kk-site .kk-exp-flow-home{grid-template-columns:1fr} .kk-site .kk-exp-flow-home li::after{display:none} .kk-site .kk-exp-flow-home p{font-size:1.125rem} .kk-site .kk-exp-page .kk-world-grid{grid-template-columns:1fr;gap:32px} .kk-site .kk-exp-page .kk-world-copy h1{font-size:1.875rem} .kk-site .kk-exp-diagram{padding:22px 18px} .kk-site .kk-exp-diagram-heading{font-size:1.125rem} .kk-site .kk-exp-step{grid-template-columns:36px minmax(0,1fr);gap:4px 12px;padding:16px 14px} .kk-site .kk-exp-step-icon{width:32px;height:32px} .kk-site .kk-exp-step-icon svg{width:30px;height:30px} .kk-site .kk-exp-step-title{font-size:1.125rem} .kk-site .kk-exp-step-text{font-size:1rem} .kk-site .kk-exp-card,.kk-site .kk-exp-cost-item{padding:26px 22px} .kk-site .kk-exp-media-card{padding:24px 20px;gap:14px} .kk-site .kk-exp-media-copy>span{font-size:1.125rem} .kk-site .kk-exp-related{flex-direction:column;gap:14px} .kk-site .kk-exp-note{padding:18px;font-size:1rem} } @media(max-width:370px){ .kk-site .kk-exp-platform-links{grid-template-columns:1fr} .kk-site .kk-exp-quest,.kk-site .kk-exp-service{padding:22px 18px} .kk-site .kk-exp-diagram{padding:20px 14px} } /* rem-based tracks also reflow when the visitor enlarges text without resizing. */ .kk-site .kk-exp-platform-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))} .kk-site .kk-exp-page .kk-world-copy h1{text-wrap:balance} /* 1.5 — the same pixel-world identity, with more deliberate depth and rhythm. */ .kk-site{--kk-premium-line:#bca16c;--kk-premium-paper:#fcf6e8} .kk-site .kk-keep-together{display:inline-block;white-space:nowrap} .kk-site ::selection{color:#091e36;background:#f4cf7c} .kk-site :focus-visible{outline:3px solid #48cddd;outline-offset:5px} .kk-header{box-shadow:0 1px 0 #c7a96b22;transition:box-shadow .25s,border-color .25s} .kk-header.is-scrolled{box-shadow:0 8px 24px #020d2433;border-bottom-color:#8c774c} .kk-nav a{position:relative;transition:color .18s,border-color .18s} .kk-site .kk-button{background:linear-gradient(180deg,#ffe6a5 0%,#f7d578 48%,#ecc15e 100%);border-color:#fce8b5;box-shadow:inset 0 0 0 2px #b3833645,inset 0 4px 0 #fff0c255,0 4px 0 #8b6225,0 9px 20px #020c2630} .kk-site .kk-button>span:last-child{transition:translate .2s} .kk-site .kk-hero-art,.kk-site .kk-final-cta{overflow:clip} .kk-motion-enabled [data-kk-scene="background"]{transform:translate3d(0,var(--kk-scene-y,0px),0) scale(1.035);transform-origin:center} .kk-motion-enabled [data-kk-scene="figure"]{translate:0 var(--kk-scene-y,0px)} .kk-site .kk-hero-status{box-shadow:0 -1px 0 #f1d59933,0 1px 0 #f1d59955;background:linear-gradient(100deg,#06162bef,#0b2745fa)} .kk-site .kk-hero-status>.kk-wrap{flex-wrap:wrap;gap:6px 24px;padding-block:12px} .kk-site .kk-hero-status>.kk-wrap>span{white-space:nowrap;flex-shrink:0} .kk-site .kk-hero-status .kk-wrap>div>span{white-space:nowrap} .kk-site .kk-party-panel{box-shadow:inset 0 0 0 4px #efce8d,inset 0 0 0 5px #aa793e,0 10px 0 #07132955,0 24px 44px #03152840} .kk-site .kk-party-panel>a{transition:background .2s} .kk-site .kk-party-panel>a:hover{background:#fff5d966} .kk-site .kk-section-heading .kk-eyebrow{display:flex;align-items:center;justify-content:center;gap:16px} .kk-site .kk-section-heading .kk-eyebrow::before,.kk-site .kk-section-heading .kk-eyebrow::after{content:'';height:1px;width:42px;flex:none;background:currentColor;opacity:.5} .kk-site .kk-section-heading h2{letter-spacing:.035em;text-wrap:balance} .kk-site .kk-exp-quests{padding-block:76px;background:radial-gradient(ellipse at 50% 0%,#fff9e7,#f4e2b9);border-block:1px solid #b59b69} .kk-site .kk-exp-quest{padding:32px;position:relative;background:linear-gradient(140deg,#152f4c,#071425 75%);box-shadow:inset 0 0 0 4px #071425,inset 0 0 0 5px #71849a,5px 6px 0 #ad956433,0 14px 22px #51351512} .kk-site .kk-exp-quest-icon{width:58px;height:58px;padding:10px;margin-bottom:24px;background:#eec96e10;border:1px solid #c8a46970;box-shadow:3px 3px 0 #c8a46912} .kk-site .kk-exp-quest h3{font-size:1.375rem;letter-spacing:.02em} .kk-site .kk-exp-service{background:linear-gradient(155deg,#152a43,#060f1d 75%);box-shadow:inset 0 0 0 4px #071425,inset 0 0 0 5px #71849a,0 12px 24px #020b2145;padding-top:32px} .kk-site .kk-exp-service-icon{margin-bottom:22px;width:56px;height:56px;padding:4px} .kk-site .kk-exp-platforms{background:linear-gradient(100deg,#06162df5,#102b46f2);border-color:#7f97af;box-shadow:inset 0 1px 0 #dfeaf420,0 10px 28px #030d2033;padding:28px} .kk-site .kk-exp-platform-links>a{background:#102b46;border-color:#536e87;transition:background .18s,border-color .18s} .kk-site .kk-exp-more{padding-top:20px;margin-top:auto} .kk-site .kk-diagnosis{background:radial-gradient(ellipse at 5% 100%,#efdab0,transparent 70%),#fcf3de} .kk-site .kk-diagnosis-panel{background:linear-gradient(150deg,#122841,#071322 75%);box-shadow:inset 0 0 0 4px #071322,inset 0 0 0 5px #7f93aa,6px 8px 0 #b3955b33,0 18px 40px #3c291818} .kk-site .kk-quiz-progress{border-bottom-color:#617690;padding-bottom:20px;margin-bottom:30px} .kk-site .kk-quiz-option{background:#15314d;border-color:#5e7891;box-shadow:inset 3px 0 0 #c4a15f4d} .kk-site .kk-quiz-option:hover{border-color:#f2d285;background:#214365} .kk-site .kk-policy{background:radial-gradient(ellipse at 50% 45%,#173a5d,#071c36 75%)} .kk-site .kk-exp-charter{box-shadow:inset 0 0 0 4px #efce8d,inset 0 0 0 5px #aa793e,0 10px 0 #020c2038,0 28px 64px #030b243f;padding:40px} .kk-site .kk-exp-prices>div{background:radial-gradient(ellipse at 50% 0%,#26415b,#0b203b 80%);border-color:#aa874e;padding-block:28px;box-shadow:inset 0 0 0 3px #0b203b,inset 0 0 0 4px #7b8b95,0 5px 0 #a7874b25} .kk-site .kk-exp-prices strong{color:#ffe197;text-shadow:0 2px 0 #92642b} .kk-site .kk-screening{background:linear-gradient(135deg,#fff8e7,#f6e9cd)} .kk-site .kk-exp-criteria li{border-color:#c9b58e} .kk-site .kk-exp-criteria li>span{width:30px;height:30px;display:grid;place-items:center;background:#112c47;color:#f8d385;border:1px solid #a58751;line-height:1;font-size:.875rem} .kk-site .kk-flow{background:radial-gradient(ellipse at 50% 100%,#153552,#071b34 72%)} .kk-site .kk-flow-map{gap:32px 24px} .kk-site .kk-flow-map li{background:linear-gradient(145deg,#1c3b59,#0b203b);border-color:#658099;box-shadow:inset 0 3px 0 #a7926866,0 12px 24px #020d242b;padding:28px 24px} .kk-site .kk-step-number{font-size:2.1rem;border-bottom:1px solid #c0a36870;padding-bottom:14px;min-width:55px} .kk-site .kk-flow-map li:last-child{border-color:#c5a363;background:linear-gradient(140deg,#2c4660,#102941)} .kk-site .kk-records{padding:30px 24px;background:#040f2033;border-color:#526a80} .kk-site .kk-fit{background:#fcf5e5;color:#18344d} .kk-site .kk-fit .kk-eyebrow{color:#74521e} .kk-site .kk-fit-card h3,.kk-site .kk-fit-card li{color:#203c53} .kk-site .kk-fit-symbol{color:#245a48} .kk-site .kk-fit-card.kk-fit-caution .kk-fit-symbol{color:#6d422a} .kk-site .kk-fit-card li::before{color:#416f48} .kk-site .kk-fit-card.kk-fit-caution li::before{color:#88522e} .kk-site .kk-fit-card{background:linear-gradient(145deg,#fffaf0,#f5e8cb);border-color:#b49b6b;box-shadow:4px 6px 0 #b69d6630;padding:36px} .kk-site .kk-fit-card.kk-fit-caution{background:linear-gradient(145deg,#f3eee5,#e9e2d7);border-color:#9e9583} .kk-site .kk-faq{background:#f9f0dc} .kk-site .kk-faq-item{border-color:#c8b78f} .kk-site .kk-faq-item[open]{background:#fffaf0;box-shadow:inset 3px 0 0 #ac884b} .kk-site .kk-faq-item summary{padding-inline:20px} .kk-site .kk-faq-answer{padding-left:62px} .kk-site .kk-final-cta{padding-block:80px} .kk-site .kk-contact{background:radial-gradient(ellipse at 0% 50%,#183d5b,#071c36 75%)} .kk-site .kk-form-panel{background:linear-gradient(160deg,#fff9ec,#f9eed6);border-color:#ad8d52;box-shadow:0 8px 0 #020e252b,0 24px 54px #020d2929} .kk-site .kk-form-heading{border-bottom:1px solid #ba9d65;padding-bottom:22px;margin-bottom:28px} .kk-site .kk-form-panel input:not([type=submit]):not([type=checkbox]),.kk-site .kk-form-panel select,.kk-site .kk-form-panel textarea{background:#fffdf7;box-shadow:inset 0 2px 4px #553c2110;border-color:#958266} .kk-site .kk-world-hero{padding-block:30px 60px;background:radial-gradient(ellipse at 90% 25%,#1c4564,#071c36 72%)} .kk-site .kk-world-art{box-shadow:8px 8px 0 #020d2440,0 24px 48px #030b252e} .kk-site .kk-world-art figcaption{background:linear-gradient(110deg,#10283e,#081529);border-top:1px solid #887548;padding:20px 18px 16px;text-wrap:balance} .kk-site .kk-exp-diagram{background:linear-gradient(145deg,#152e47,#071423);box-shadow:inset 0 0 0 4px #071423,inset 0 0 0 5px #7b8da0,8px 8px 0 #020d2440,0 24px 48px #030b252e} .kk-site .kk-exp-step{background:linear-gradient(125deg,#1d3c58,#102b47);border-color:#617e96;border-left:3px solid #baa06b} .kk-site .kk-exp-card{box-shadow:4px 5px 0 #b39b6930} .kk-site .kk-service-world .kk-feature-grid article{background:linear-gradient(145deg,#1c3953,#0a203a);box-shadow:0 12px 28px #020c201e} .kk-site .kk-footer{position:relative;padding-top:64px;background:radial-gradient(ellipse at 0% 0%,#102b45,transparent 55%),#041221;border-top:1px solid #9e814c} .kk-site .kk-footer-top{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:36px} .kk-site .kk-footer-top>div{min-width:0} .kk-site .kk-footer-top>div>p{color:#c3d2e1;line-height:1.85;margin-bottom:20px} .kk-site .kk-footer-top nav{display:flex;flex-direction:column;gap:3px} .kk-site .kk-footer-heading{color:#f0d598;font-size:1.0625rem;font-weight:700;letter-spacing:.06em;border-bottom:1px solid #526980;padding-bottom:14px;margin-bottom:10px} .kk-site .kk-footer-top nav a{color:#d0ddeb;min-height:44px;padding-block:6px;align-self:flex-start} .kk-site .kk-footer-top nav a:hover{text-decoration:underline;text-underline-offset:6px} .kk-site .kk-footer-bottom{flex-wrap:wrap;row-gap:16px;padding-top:24px;margin-top:42px} .kk-site .kk-footer-bottom small{font-size:.875rem;color:#b9c9db} .kk-site .kk-motion-toggle{background:transparent;border:1px solid #688098;color:#d7e3ef;min-height:44px;padding:7px 12px;font-family:inherit;font-size:.9375rem;line-height:1.6;cursor:pointer} .kk-site .kk-motion-toggle[hidden]{display:none} .kk-site .kk-motion-toggle[aria-pressed=true]{border-color:#c9af72;color:#ffe0a0} .kk-site .kk-motion-toggle:disabled{cursor:default} .kk-site .kk-back-top{width:46px;height:46px;margin-left:auto;flex:none} @media(hover:hover) and (prefers-reduced-motion:no-preference){ .kk-site .kk-exp-quest,.kk-site .kk-exp-service,.kk-site .kk-exp-media-card{transition:translate .25s,box-shadow .25s,background-color .2s} .kk-site .kk-exp-quest:hover,.kk-site .kk-exp-service:hover,.kk-site .kk-exp-media-card:hover{translate:0 -4px;box-shadow:inset 0 0 0 4px #071425,inset 0 0 0 5px #bdac83,0 14px 28px #020b2440} .kk-site .kk-button:hover>span:last-child{translate:3px 0} } @media(max-width:1000px){ .kk-site .kk-footer-top{grid-template-columns:1fr 1fr 1fr} .kk-site .kk-footer-top>div{grid-column:1/-1} .kk-site .kk-footer-top>div>p{max-width:30em} } @media(max-width:760px){ .kk-site .kk-section-heading .kk-eyebrow{justify-content:flex-start;gap:12px} .kk-site .kk-section-heading .kk-eyebrow::before{display:none} .kk-site .kk-section-heading .kk-eyebrow::after{width:28px} .kk-site .kk-exp-quests{padding-block:56px} .kk-site .kk-exp-quest{padding:28px;grid-template-columns:48px minmax(0,1fr);gap:18px} .kk-site .kk-exp-quest-icon{width:48px;height:48px;padding:8px;margin:0} .kk-site .kk-exp-platforms{padding:22px 18px} .kk-site .kk-exp-charter{padding:28px 20px} .kk-site .kk-exp-prices>div{padding-block:22px} .kk-site .kk-flow-map{gap:20px 16px} .kk-site .kk-flow-map li{padding:24px 20px} .kk-site .kk-records{padding:26px 20px} .kk-site .kk-fit-card{padding:28px 24px} .kk-site .kk-faq-item summary{padding-inline:10px} .kk-site .kk-faq-answer{padding-left:42px;padding-right:14px} .kk-site .kk-final-cta{padding-block:60px} .kk-site .kk-world-hero{padding-block:24px 40px} .kk-site .kk-world-art figcaption{padding:16px 14px} .kk-site .kk-footer{padding-top:44px} .kk-site .kk-footer-top{gap:28px 20px} .kk-site .kk-footer-bottom{gap:14px;margin-top:30px} .kk-site .kk-footer-bottom small{flex-basis:100%} } @media(max-width:520px){ .kk-site .kk-exp-quest{padding:24px 22px} .kk-site .kk-exp-quest h3{font-size:1.25rem} .kk-site .kk-footer-top{grid-template-columns:1fr 1fr} .kk-site .kk-footer-top nav:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px} .kk-site .kk-footer-top nav:last-child .kk-footer-heading{grid-column:1/-1} .kk-site .kk-footer-top nav a{font-size:1rem} } .kk-motion-reduced .kk-site *,.kk-motion-reduced .kk-site *::before,.kk-motion-reduced .kk-site *::after{animation:none!important;transition:none!important} html.kk-motion-reduced{scroll-behavior:auto!important} .kk-motion-reduced [data-kk-scene]{transform:none!important;translate:none!important} .kk-motion-reduced .kk-site .kk-exp-quest:hover,.kk-motion-reduced .kk-site .kk-exp-service:hover,.kk-motion-reduced .kk-site .kk-exp-media-card:hover{translate:none} @media(prefers-reduced-motion:reduce){ .kk-site [data-kk-scene]{transform:none!important;translate:none!important} } /* Editorial surfaces. Scoped to public columns, not service pages or legacy news. */ .kk-journal{--kk-journal-paper:#fffaf0;--kk-journal-text:#182d45;--kk-journal-muted:#516176;background:#f7f0e1;color:var(--kk-journal-text);font-size:1.125rem;line-height:1.9} .kk-journal a{overflow-wrap:anywhere}.kk-journal .kk-wrap{width:min(1200px,calc(100% - 64px))} .kk-journal-hero{padding:32px 0 68px;background:linear-gradient(125deg,#06182e,#102e50);color:#f8fbff;border-bottom:3px solid #b79148;position:relative} .kk-journal-breadcrumb{display:flex;flex-wrap:wrap;gap:7px 12px;font-size:1rem;line-height:1.7;color:inherit;margin-bottom:32px;opacity:.9} .kk-journal-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.kk-journal-breadcrumb a:hover{color:#f3cf79} .kk-journal-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:68px;align-items:center} .kk-journal-hero-grid>div:only-child{max-width:800px;grid-column:1/-1}.kk-journal-kicker{font:700 .8125rem/1.7 "Courier New",monospace;letter-spacing:.14em;color:#efcc7d;margin-bottom:19px!important} .kk-site .kk-journal h1{font:700 clamp(2rem,3.6vw,3.0625rem)/1.55 var(--kk-font);letter-spacing:.015em;margin-bottom:22px} .kk-journal-intro{font-size:1.188rem;line-height:1.9;color:#e4edf8;margin-bottom:30px!important}.kk-journal-library{margin:0;min-width:0;background:#07162b;border:1px solid #bb9651;padding:6px;box-shadow:8px 8px 0 #020c1c66} .kk-journal-library img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;image-rendering:pixelated}.kk-journal-library figcaption{font-size:1rem;padding:12px 14px 9px;color:#eee2c4} .kk-journal-search{max-width:610px;margin:0}.kk-journal-search label{display:block;font-size:1.062rem;font-weight:700;margin-bottom:10px}.kk-journal-search>div{display:flex;min-width:0;gap:8px} .kk-journal-search input[type=search]{min-width:0;flex:1;border:1px solid #b4c3d4;border-radius:3px;background:#fff;color:#182d45;font:1.125rem/1.5 var(--kk-font);padding:14px 16px;min-height:56px;box-sizing:border-box} .kk-journal-search input::placeholder{color:#596778;opacity:1}.kk-journal-search button{flex-shrink:0;border:1px solid #f4d98c;border-radius:3px;background:#f4ce74;color:#182d45;font-size:1.062rem;font-weight:700;padding:13px 18px;min-height:56px;cursor:pointer} .kk-journal-search button:hover{background:#ffe4a3}.kk-journal-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}.kk-journal-filters a{padding:10px 18px;border:1px solid #b6a887;background:#fffaf0;font-size:1.062rem;font-weight:700;border-radius:3px;min-height:46px;display:flex;align-items:center} .kk-journal-filters a[aria-current=page],.kk-journal-filters a:hover{background:#102c4c;color:#fff;border-color:#102c4c}.kk-journal-list{padding:62px 0 80px}.kk-journal-list-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px} .kk-site .kk-journal-list-heading h2{font-size:1.75rem;margin:0;line-height:1.6}.kk-journal-list-heading p{font-size:1.062rem;color:#596475;margin:0;flex-shrink:0}.kk-journal-list-heading>a{font-size:1.062rem;font-weight:700;color:#1a537d;text-decoration:underline;text-underline-offset:4px} .kk-journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.kk-journal-card{min-width:0;background:#fffaf0;border:1px solid #d6c7a8;box-shadow:0 5px 0 #e5d8bd} .kk-journal-card>a{display:flex;flex-direction:column;height:100%;color:inherit!important;transition:box-shadow .2s,transform .2s;text-decoration:none!important} .kk-journal-card>a:hover{transform:translateY(-3px);box-shadow:0 8px 24px #122c481a}.kk-journal-card-art{aspect-ratio:1.91/1;overflow:hidden;display:grid;place-items:center;background:#e6e6df;border-bottom:1px solid #d5c7ab} .kk-journal-card-art img{display:block;width:100%;height:100%;object-fit:cover}.kk-journal-card-fallback{font:700 1.375rem/1.7 "Courier New",monospace;letter-spacing:.12em;text-align:center;color:#f3d68e;background:#102c4b;width:100%;height:100%;display:grid;place-content:center} .kk-journal-card-copy{padding:28px 29px 22px;display:flex;flex-direction:column;flex:1;min-width:0}.kk-journal-card-meta{display:flex;gap:12px;justify-content:space-between;align-items:start;font-size:0.9375rem;line-height:1.65;margin-bottom:16px;color:#536274} .kk-journal-card-meta>span{font-weight:700;color:#24577c;min-width:0}.kk-journal-card-meta time{white-space:nowrap;flex-shrink:0}.kk-site .kk-journal-card .kk-journal-card-title{font-size:1.438rem;line-height:1.65;margin:0 0 15px;letter-spacing:.01em;overflow-wrap:anywhere} .kk-journal-card-copy p{font-size:1.125rem;line-height:1.9;color:#526072;margin-bottom:22px}.kk-journal-card-link{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:1.062rem;font-weight:700;border-top:1px solid #d8cbae;padding-top:16px;margin-top:auto;color:#1d4e75} .kk-journal .navigation.pagination{margin:44px 0 0}.kk-journal .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.kk-journal .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:8px 13px;border:1px solid #a7a493;border-radius:3px;background:#fffaf0;color:#173b5d;font-size:1.125rem} .kk-journal .page-numbers.current{background:#122d4a;color:#fff;border-color:#122d4a}.kk-journal-empty{padding:38px;background:#fffaf0;border:1px solid #d5c6a7}.kk-site .kk-journal-empty h3{font-size:1.438rem}.kk-journal-empty a{font-weight:700;text-decoration:underline;color:#1b557f} .kk-journal-cta{display:flex;justify-content:space-between;align-items:center;gap:48px;background:#09213e;border:1px solid #b38e49;border-top:3px solid #c7a255;color:#f8fbff;padding:43px 46px;margin-top:64px} .kk-site .kk-journal-cta h2{font-size:1.812rem;line-height:1.7;margin-bottom:16px}.kk-journal-cta p:not(.kk-journal-kicker){font-size:1.125rem;line-height:1.85;color:#d8e5f5;margin:0;max-width:660px}.kk-journal-cta .kk-journal-kicker{margin-bottom:12px!important} .kk-journal-cta-actions{display:flex;align-items:center;flex-direction:column;gap:20px;flex-shrink:0}.kk-journal-cta .kk-button{font-size:1.062rem;padding-inline:24px;min-height:58px}.kk-journal-secondary{font-size:1.062rem;color:#e5edf8;text-decoration:underline!important;text-underline-offset:5px} .kk-journal-article-head{padding:32px 0 64px;background:linear-gradient(120deg,#061a33,#113354);color:#fff;border-bottom:3px solid #b08b45}.kk-journal-article-head>.kk-wrap{max-width:1100px} .kk-site .kk-journal-article-head h1{font-size:clamp(1.812rem,3vw,2.625rem);line-height:1.6;max-width:1020px;overflow-wrap:anywhere}.kk-journal-byline{display:flex;gap:11px 25px;flex-wrap:wrap;margin-top:25px;font-size:1rem;color:#dbe8f6;line-height:1.8} .kk-journal-reading{padding:46px 0 0}.kk-journal-reading>.kk-wrap{max-width:1000px}.kk-journal-cover{margin:0 0 28px;background:#fffaf0;border:1px solid #d8c9a8;padding:7px} .kk-journal-cover img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain}.kk-journal-paper{padding:48px clamp(28px,5vw,84px);background:#fffdf8;border:1px solid #d9ccaf;box-shadow:0 6px 0 #e7ddc7;min-width:0} .kk-journal-progress{position:fixed;inset:var(--kk-header-height,84px) 0 auto;height:3px;z-index:99;pointer-events:none;background:transparent}.kk-journal-progress>span{display:block;height:100%;width:100%;background:#d8a83c;transform:scaleX(0);transform-origin:left center} .kk-journal-content{max-width:780px;margin:auto;font-size:1.125rem;line-height:2;overflow-wrap:break-word;color:#1e3147}.kk-journal-content p{margin-bottom:1.6em}.kk-journal-content a{color:#16557f!important;text-decoration:underline!important;text-underline-offset:4px;overflow-wrap:anywhere} .kk-journal-content a:hover{color:#0d3459!important}.kk-site .kk-journal-content h2{font-size:1.688rem;line-height:1.65;padding:19px 23px!important;margin:58px 0 28px!important;background:#102f50!important;color:#fff!important;border:0!important;border-left:4px solid #d8b365!important;box-shadow:none!important;border-radius:2px} .kk-site .kk-journal-content h3{font-size:1.375rem;line-height:1.7;padding:0 0 12px!important;margin:34px 0 20px!important;color:#183c5b!important;background:none!important;border:0!important;border-bottom:2px solid #c3aa76!important} .kk-site .kk-journal-content h4{font-size:1.25rem;line-height:1.8;margin:30px 0 15px}.kk-journal-content h2:first-child{margin-top:0!important}.kk-journal-content h2,.kk-journal-content h3{scroll-margin-top:0} .kk-journal-content ul,.kk-journal-content ol{list-style:revert!important;padding-left:1.5em!important;margin:22px 0 30px!important}.kk-journal-content li{margin-bottom:.7em;padding-left:.15em}.kk-journal-content li>ul,.kk-journal-content li>ol{margin-top:12px!important;margin-bottom:12px!important} .kk-journal-content blockquote{margin:30px 0;padding:24px 27px;border:1px solid #d0c6ae;border-left:4px solid #b59658;background:#f3f0e7;color:#3e5064;font-size:1.125rem;line-height:1.95} .kk-journal-content blockquote p:last-child{margin-bottom:0}.kk-journal-content cite{display:block;font-size:1rem;margin-top:14px}.kk-journal-content figure{max-width:100%;margin:28px 0}.kk-journal-content img{max-width:100%!important;height:auto!important;vertical-align:middle} .kk-journal-content figure img{display:block;margin-inline:auto}.kk-journal-content figcaption{font-size:1rem!important;line-height:1.85;color:#586579;margin:12px 0 0;text-align:left}.kk-journal-content .alignwide,.kk-journal-content .alignfull{width:auto!important;max-width:100%!important;left:auto!important;margin-left:0!important;margin-right:0!important} .kk-journal-content table{display:block;max-width:100%!important;overflow-x:auto;border-collapse:collapse;font-size:1.062rem;line-height:1.85;margin:28px 0;overscroll-behavior-inline:contain} .kk-journal-content th,.kk-journal-content td{border:1px solid #c4c7c8;padding:14px 16px;min-width:130px;max-width:420px;overflow-wrap:anywhere;text-align:left}.kk-journal-content th{background:#ecf0f2;color:#193c59;font-weight:700}.kk-journal-content td{background:#fffdf8}.kk-journal-content .wp-block-table{overflow-x:auto;margin-inline:0} .kk-journal-content iframe{max-width:100%;border:0}.kk-journal-content pre{overflow-x:auto;padding:22px;background:#102842;color:#f7fbff;font-size:1rem;line-height:1.8;max-width:100%}.kk-journal-content code{font-size:.95em;overflow-wrap:anywhere} .kk-journal-content hr{border:0;border-top:1px solid #d5c8ac;margin:42px 0}.kk-journal-content .has-small-font-size{font-size:1rem!important}.kk-journal-content .has-medium-font-size{font-size:1.125rem!important} .kk-journal-toc,.kk-journal-content .p-toc{background:#f4eddd!important;border:1px solid #c5b087!important;padding:24px 27px!important;margin:0 0 37px!important;color:#213c55;font-size:1.062rem!important;max-width:100%;box-sizing:border-box} .kk-journal-toc summary{font-size:1.188rem;font-weight:700;cursor:pointer;min-height:36px;line-height:1.8}.kk-journal-toc ol{list-style:none;margin:18px 0 0;padding:0}.kk-journal-toc li{margin:0 0 11px}.kk-journal-toc .kk-toc-h3{padding-left:1em;font-size:1rem} .kk-journal-toc a{display:inline-block;color:#225375!important;text-decoration:underline!important;text-underline-offset:3px;line-height:1.85}.kk-journal-content .p-toc__ttl{color:#213c55!important;font-size:1.188rem!important;font-weight:700} .kk-journal-content .p-toc ol,.kk-journal-content .p-toc ul{font-size:1.062rem!important;margin:15px 0 0!important;padding-left:1.3em!important}.kk-journal-content .p-toc li{margin-bottom:.5em}.kk-journal-content .p-toc li li{font-size:1rem!important} .kk-journal-author{display:flex;gap:27px;align-items:center;background:#eee5d2;border:1px solid #ccba95;padding:29px 34px;margin:34px auto 0;max-width:1000px}.kk-journal-author>img{width:108px;height:108px;object-fit:cover;flex-shrink:0;image-rendering:pixelated;border:1px solid #ae986b} .kk-journal-author-label{font-size:1rem;color:#516074;margin:0 0 6px!important}.kk-site .kk-journal-author h2{font-size:1.562rem;margin:0 0 10px}.kk-journal-author p:not(.kk-journal-author-label){font-size:1.062rem;line-height:1.9;margin:0 0 11px;color:#3a4f63}.kk-journal-author a{font-size:1.062rem;font-weight:700;color:#1d557c;text-decoration:underline;text-underline-offset:4px} .kk-journal-related{padding:58px 0 80px}.kk-journal-content-pages{display:flex;gap:12px;justify-content:center;margin-top:35px}.kk-journal-content-pages>*{padding:10px 14px;border:1px solid #b3a587}.kk-journal-protected{max-width:820px;margin:auto} .kk-journal-protected input[type=password]{font-size:1.125rem;max-width:100%;box-sizing:border-box;min-height:48px;border:1px solid #778594;padding:9px 12px}.kk-journal-protected input[type=submit]{font-size:1.125rem;min-height:48px;border:1px solid #a8843f;background:#f1ce79;color:#172f48;padding:9px 18px;cursor:pointer}.kk-journal-protected label{display:block;margin-bottom:15px} @media(max-width:1050px){.kk-journal-hero-grid{gap:35px}.kk-journal-cta{gap:28px;padding:34px}.kk-journal-cta-actions{flex-shrink:1}.kk-journal-card-copy{padding:25px}.kk-journal-card-meta{flex-direction:column;gap:6px}.kk-site .kk-journal-cta h2{font-size:1.625rem}} @media(max-width:760px){.kk-journal .kk-wrap{width:calc(100% - 36px)}.kk-journal-hero{padding:24px 0 38px}.kk-journal-breadcrumb{font-size:0.9375rem;margin-bottom:24px;gap:5px 9px}.kk-journal-hero-grid{grid-template-columns:1fr;gap:29px}.kk-site .kk-journal h1{font-size:1.938rem;line-height:1.6}.kk-journal-intro{font-size:1.125rem;margin-bottom:25px!important}.kk-journal-intro br{display:none}.kk-journal-library{box-shadow:4px 4px 0 #020c1c66}.kk-journal-library figcaption{font-size:1rem;padding:10px} .kk-journal-search>div{gap:7px}.kk-journal-search input[type=search]{padding:12px;font-size:1.125rem;min-height:54px}.kk-journal-search button{padding:12px;font-size:1.062rem;min-height:54px}.kk-journal-search button span{display:none}.kk-journal-list{padding:35px 0 50px}.kk-journal-filters{gap:8px;margin-bottom:29px}.kk-journal-filters a{font-size:1rem;padding:9px 12px}.kk-journal-list-heading{gap:12px;margin-bottom:23px}.kk-site .kk-journal-list-heading h2{font-size:1.562rem}.kk-journal-list-heading p{font-size:1rem}.kk-journal-grid{grid-template-columns:1fr;gap:25px}.kk-journal-card-copy{padding:24px 22px 21px}.kk-site .kk-journal-card .kk-journal-card-title{font-size:1.438rem;line-height:1.7}.kk-journal-card-meta{flex-direction:row;gap:12px;font-size:0.9375rem}.kk-journal-card-copy p{font-size:1.125rem}.kk-journal-cta{flex-direction:column;align-items:stretch;padding:28px 23px;margin-top:40px;gap:25px}.kk-site .kk-journal-cta h2{font-size:1.562rem}.kk-journal-cta-actions{align-items:stretch}.kk-journal-cta .kk-button{font-size:1.062rem;padding-inline:16px}.kk-journal-secondary{text-align:center}.kk-journal-cta p:not(.kk-journal-kicker){font-size:1.125rem}.kk-journal-empty{padding:27px 22px} .kk-journal-article-head{padding:24px 0 36px}.kk-site .kk-journal-article-head h1{font-size:1.75rem;line-height:1.65}.kk-journal-byline{font-size:1rem;gap:7px 18px}.kk-journal-reading{padding-top:24px}.kk-journal-cover{padding:4px;margin-bottom:22px}.kk-journal-paper{padding:27px 21px}.kk-journal-content{font-size:1.125rem;line-height:2}.kk-site .kk-journal-content h2{font-size:1.438rem;line-height:1.7;padding:16px 17px!important;margin-top:40px!important}.kk-site .kk-journal-content h3{font-size:1.312rem;line-height:1.75}.kk-journal-content blockquote{padding:21px 18px;font-size:1.125rem}.kk-journal-content th,.kk-journal-content td{padding:12px;min-width:120px}.kk-journal-content table{font-size:1.062rem}.kk-journal-toc,.kk-journal-content .p-toc{padding:20px 17px!important;font-size:1.062rem!important}.kk-journal-author{align-items:flex-start;gap:18px;padding:25px 22px;margin-top:26px}.kk-journal-author>img{width:74px;height:74px}.kk-site .kk-journal-author h2{font-size:1.438rem}.kk-journal-author p:not(.kk-journal-author-label){font-size:1.062rem}.kk-journal-related{padding:40px 0 50px}.kk-journal-related .kk-journal-list-heading{align-items:flex-start;flex-direction:column}.kk-journal-content .p-toc ol,.kk-journal-content .p-toc ul{padding-left:1.1em!important}} @media(max-width:390px){.kk-journal .kk-wrap{width:calc(100% - 28px)}.kk-site .kk-journal-article-head h1{font-size:1.625rem}.kk-journal-paper{padding:25px 18px}.kk-journal-card-copy{padding-inline:20px}.kk-journal-card-meta{flex-direction:column;gap:6px}.kk-journal-author{flex-direction:column}.kk-journal-cta{padding-inline:21px}.kk-journal-filters a{font-size:1rem}.kk-journal-list-heading{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){.kk-journal-card>a{transition:none}.kk-journal-card>a:hover{transform:none}} /* The home teaser uses the same real article cards and a separate editorial heading. */ .kk-journal-home{padding:74px 0 80px;border-top:3px solid #b49352;border-bottom:1px solid #d2bf95}.kk-journal-home-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:34px}.kk-journal-home .kk-journal-kicker{color:#745422}.kk-site .kk-journal-home-heading h2{font-size:2rem;line-height:1.6;margin-bottom:15px}.kk-journal-home-heading p:not(.kk-journal-kicker){font-size:1.125rem;color:#516176;margin:0}.kk-journal-home-heading>a{font-size:1.125rem;font-weight:700;flex-shrink:0;color:#1b5278;text-decoration:underline;text-underline-offset:5px}.kk-journal-card-meta{font-size:1rem} @media(max-width:760px){.kk-journal-home{padding:43px 0 49px}.kk-journal-home-heading{flex-direction:column;align-items:flex-start;gap:23px;margin-bottom:28px}.kk-site .kk-journal-home-heading h2{font-size:1.688rem}.kk-journal-card-meta,.kk-journal-breadcrumb{font-size:1rem}} /* The experience controller updates this property without changing layout. */ .kk-journal-progress{top:calc(var(--kk-header-height,84px) + var(--kk-header-top,0px))} .kk-journal-progress>[data-reading-progress]{transform:scaleX(var(--kk-reading,0))} .kk-journal-toc a[aria-current=location]{font-weight:700;color:#12344f!important;background:#e7dab9} .kk-journal-card-link{min-height:44px} .kk-motion-reduced .kk-journal-card>a:hover{transform:none} .kk-journal-content [data-journal-toc] a[aria-current=location]{font-weight:700;color:#12344f!important;background:#e7dab9} .kk-journal-original-art{image-rendering:pixelated} /* A complete editorial layout, from the article's first screen to the next step. */ .kk-journal-single{container-type:inline-size} .kk-journal-hero-grid>div{min-width:0} .kk-journal-search{min-width:0} .kk-journal-archive .kk-journal-hero{background:radial-gradient(ellipse at 80% 0,#22496b55,transparent 62%),linear-gradient(125deg,#06182e,#102e50)} .kk-journal-archive .kk-journal-library{position:relative;border-color:#b4975c;box-shadow:8px 8px 0 #020c1c44,0 20px 48px #0002} .kk-journal-archive .kk-journal-list-heading{padding-bottom:22px;border-bottom:1px solid #ccbd9e;margin-bottom:32px} .kk-journal-archive .kk-journal-card{border-color:#cdbc9a;box-shadow:0 4px 0 #e5d8bd,0 12px 30px #25384a08} .kk-journal-archive .kk-journal-card-meta>span{padding:5px 9px;background:#eaf0ef;border:1px solid #d1dedb;line-height:1.6} .kk-journal-archive .kk-journal-card-meta time{padding-block:5px} .kk-journal-about{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:30px;padding:36px 38px;margin-top:64px;border:1px solid #ccbd9e;background:linear-gradient(120deg,#fffaf0,#f3e8d0)} .kk-journal-about>img{display:block;width:116px;height:116px;object-fit:cover;border:1px solid #b99e6b;box-shadow:4px 4px 0 #d9c6a1;image-rendering:pixelated} .kk-journal-about p{margin:0 0 12px;font-size:1.125rem;color:#42576a} .kk-journal-about .kk-journal-about-label{font-size:1rem;font-weight:700;color:#745422;letter-spacing:.04em} .kk-site .kk-journal-about h2{font-size:1.688rem;line-height:1.55;margin:0 0 13px;letter-spacing:.02em} .kk-journal-about a{display:inline-flex;align-items:center;min-height:44px;margin:3px 24px 0 0;color:#175177;text-decoration:underline;text-underline-offset:5px;font-weight:700;font-size:1.062rem} .kk-journal-single .kk-journal-article-head{padding-bottom:50px;background:radial-gradient(ellipse at 85% 0,#31557855,transparent 65%),linear-gradient(120deg,#061a33,#113354)} .kk-journal-single .kk-journal-article-head>.kk-wrap{max-width:1200px} .kk-journal-article-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:48px} .kk-journal-title-block{min-width:0}.kk-journal-title-block:only-child{grid-column:1/-1;max-width:1000px} .kk-journal-topic{display:inline-flex;align-items:center;border:1px solid #a98c50;background:#0a233c;padding:6px 13px;margin:0 0 20px;color:#f7dfa0;font-size:1rem;font-weight:700;line-height:1.65;text-decoration:none} .kk-journal-topic:hover{background:#183954;color:#fff2c8} .kk-site .kk-journal-title-block h1{font-size:clamp(1.75rem,2.6vw,2.312rem);line-height:1.7;letter-spacing:.015em;margin-bottom:24px} .kk-journal-title-block .kk-journal-byline{border-top:1px solid #69809b77;padding-top:21px;margin-top:0;gap:9px 22px} .kk-journal-byline a{color:#f8e7b4;text-decoration:underline;text-underline-offset:5px} .kk-journal-cover.kk-journal-head-cover{padding:5px;margin:0;background:#07182b;border:1px solid #b69758;box-shadow:7px 7px 0 #020d1d55} .kk-journal-head-cover img{width:100%;height:auto;max-height:none;object-fit:contain;display:block} .kk-journal-single .kk-journal-reading{padding-top:52px} .kk-journal-single .kk-journal-reading>.kk-wrap{max-width:1200px} .kk-journal-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:36px;row-gap:32px;align-items:start} .kk-journal-reading-grid>.kk-journal-reading-rail{grid-column:2;grid-row:1 / span 2;position:sticky;top:calc(var(--kk-header-height,84px) + var(--kk-header-top,0px) + 24px);min-width:0} .kk-journal-reading-grid>.kk-journal-paper{grid-column:1;grid-row:1;padding:42px 44px;box-shadow:0 5px 0 #e7ddc7,0 12px 34px #26334c05} .kk-journal-reading-grid>.kk-journal-author{grid-column:1;grid-row:2;width:100%;margin:0;padding:30px;box-sizing:border-box} .kk-journal-reading-rail .kk-journal-toc{padding:22px 21px!important;margin-bottom:20px!important;background:#fffaf0!important;border-top:3px solid #b39352!important;box-shadow:0 4px 0 #e8ddc8} .kk-journal-reading-rail .kk-journal-toc summary{font-size:1.125rem;min-height:32px;line-height:1.7} .kk-journal-reading-rail .kk-journal-toc ol{max-height:min(46vh,490px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b69b65 #eee5d4;padding-right:7px} .kk-journal-reading-rail .kk-journal-toc li{margin:0;border-bottom:1px solid #ded2b9} .kk-journal-reading-rail .kk-journal-toc li:last-child{border-bottom:0} .kk-journal-reading-rail .kk-journal-toc a{display:block;font-size:1rem;line-height:1.8;padding:11px 6px;text-decoration:none!important;min-height:44px;box-sizing:border-box;border-left:2px solid transparent} .kk-journal-reading-rail .kk-journal-toc .kk-toc-h3{padding-left:13px} .kk-journal-reading-rail .kk-journal-toc .kk-toc-h3 a{font-size:1rem;color:#4f6171!important} .kk-journal-reading-rail .kk-journal-toc a:hover{background:#eee6d4} .kk-journal-reading-rail .kk-journal-toc a[aria-current=location]{color:#12344f!important;background:#eadebf;border-left-color:#987232} .kk-journal-rail-help{padding:21px;border:1px solid #b89b61;background:#102f4e;color:#edf4fc} .kk-journal-rail-help p{font-size:1.062rem;font-weight:700;line-height:1.8;margin:0 0 16px;color:#fff2cf} .kk-journal-rail-help a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 0;border-top:1px solid #617187;color:#f2f7ff;font-size:1rem;line-height:1.7;text-decoration:underline;text-underline-offset:4px} .kk-journal-single .kk-journal-content{font-size:1.125rem;line-height:2} .kk-journal-single .kk-journal-content>p:first-child{font-size:1.188rem;line-height:1.95} .kk-journal-brief{padding:24px 27px;margin-bottom:33px;background:#f4eddd;border:1px solid #cebb92;border-left:4px solid #ae8945} .kk-journal-brief .kk-journal-brief-title{font-size:1.125rem;font-weight:700;color:#193b56;margin:0 0 13px} .kk-journal-brief ul{list-style:none!important;margin:0!important;padding:0!important} .kk-journal-brief li{position:relative;padding-left:18px;margin:0 0 7px;font-size:1.125rem;line-height:1.85} .kk-journal-brief li:last-child{margin-bottom:0}.kk-journal-brief li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;background:#9c7430} .kk-journal-brief a{display:inline-block;color:#1d5579;text-decoration:underline;text-underline-offset:4px;padding-block:3px} .kk-journal-reading-end{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;border-top:1px solid #d4c6a9;padding-top:27px;margin-top:45px;font-size:1.062rem} .kk-journal-reading-end>a{color:#1b557d;font-weight:700;text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px} .kk-journal-reading-end button{font:700 1rem/1.7 var(--kk-font);border:1px solid #9d8b66;background:#f5eedf;color:#1c3d58;min-height:46px;padding:9px 16px;cursor:pointer;border-radius:2px} .kk-journal-reading-end button:hover{background:#eae0ca}.kk-journal-reading-end [hidden]{display:none!important} .kk-journal-copy-status{flex-basis:100%;font-size:1rem;color:#34536b;margin:0!important;line-height:1.8}.kk-journal-copy-status:empty{display:none} /* Reusable standard WordPress blocks; the editor mirrors these same class names. */ .kk-journal-content .kk-editor-block{margin:36px 0;padding:28px;border:1px solid #cabc9e;background:#fff8e8;border-radius:2px} .kk-journal-content .kk-editor-block p{margin-bottom:1em}.kk-journal-content .kk-editor-block p:last-child{margin-bottom:0} .kk-journal-content .kk-editor-label{font-size:1rem;font-weight:700;color:#78551e;letter-spacing:.04em} .kk-journal-content .kk-editor-block>.kk-editor-heading{margin:0 0 23px!important;padding:0 0 15px!important;background:none!important;color:#163952!important;border:0!important;border-bottom:2px solid #b99145!important;font-size:1.5rem} .kk-journal-content .kk-editor-intro{padding:0;border:0;background:none} .kk-journal-content .kk-editor-summary{padding:25px 28px;border:1px solid #d0be97;border-left:4px solid #b99145;background:#f5eddb} .kk-journal-content .kk-editor-summary .kk-editor-heading{font-size:1.375rem;padding:0!important;background:none!important;color:#183c5b!important;border:0!important;margin:0 0 16px!important} .kk-journal-content .kk-editor-list{margin-block:16px 0!important}.kk-journal-content .kk-editor-list li:last-child{margin-bottom:0} .kk-journal-content .kk-editor-step{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;margin-top:22px;padding:23px 0 0;border-top:1px solid #d3c6a8;min-width:0} .kk-journal-content .kk-editor-step-number{grid-column:1;grid-row:1 / span 2;display:flex;justify-content:center;align-items:center;align-self:start;width:44px;min-height:44px;margin:0!important;background:#112b45;color:#f5d693;font-size:1.062rem;font-weight:700;border:1px solid #b99145} .kk-journal-content .kk-editor-step .kk-editor-step-title{grid-column:2;font-size:1.312rem;border:0!important;margin:0 0 9px!important;padding:0!important;line-height:1.8} .kk-journal-content .kk-editor-step>p:not(.kk-editor-step-number){grid-column:2;min-width:0;margin:0} .kk-journal-content .kk-editor-table{margin:23px 0!important}.kk-journal-content .kk-editor-table table{display:table;min-width:560px;width:100%;margin:0} .kk-journal-content .kk-editor-table th{background:#112b45;color:#fff6df}.kk-journal-content .kk-editor-table th,.kk-journal-content .kk-editor-table td{border-color:#c5b89e;padding:14px 16px} .kk-journal-content .kk-editor-note{font-size:1rem;line-height:1.9;color:#536174} .kk-journal-content .kk-editor-sources{background:#f0f3f3;border-color:#c6d0d4}.kk-journal-content .kk-editor-source-list{font-size:1.062rem;line-height:1.9;margin-bottom:0!important} .kk-journal-content .kk-editor-source-list li:last-child{margin-bottom:0} .kk-journal-content table{height:auto!important;max-height:none!important} .kk-journal-content .kk-editor-takeaway{background:#112b45;border-color:#b99145;color:#fff8e8} .kk-journal-content .kk-editor-takeaway>.kk-editor-heading{color:#fff8e8!important} .kk-journal-content .kk-editor-takeaway .kk-editor-label{color:#f3d38d} .kk-journal-content .kk-editor-takeaway .kk-editor-note{color:#dbe6f0} .kk-journal-content .kk-editor-takeaway a{color:#f8d990!important} .kk-journal-content .kk-editor-note,.kk-journal-content .kk-editor-source-list{font-size:1.125rem} .kk-journal-content .kk-editor-table table{min-width:620px} .kk-journal-content .kk-journal-table-hint{font-size:1rem;line-height:1.8;color:#526575;padding:8px 12px;border-left:2px solid #a78a50;background:#f2eee4;margin:24px 0 10px!important} .kk-journal-content .kk-journal-table-hint[hidden]{display:none!important} .kk-journal-content .kk-journal-table-hint:not([hidden])+table,.kk-journal-content .kk-journal-table-hint:not([hidden])+.wp-block-table{margin-top:0!important} .kk-journal-content table:focus-visible,.kk-journal-content .wp-block-table:focus-visible{outline:3px solid #a17422;outline-offset:4px} @media(max-width:1119px){ .kk-journal-article-hero-grid{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)} .kk-journal-reading-grid{grid-template-columns:minmax(0,1fr);row-gap:25px;max-width:920px;margin-inline:auto} .kk-journal-reading-grid>.kk-journal-reading-rail,.kk-journal-reading-grid>.kk-journal-paper,.kk-journal-reading-grid>.kk-journal-author{grid-column:1;grid-row:auto} .kk-journal-reading-grid>.kk-journal-reading-rail{position:static}.kk-journal-reading-rail .kk-journal-toc{margin:0!important} .kk-journal-reading-rail .kk-journal-toc ol{max-height:none;overflow:visible;padding-right:0} .kk-journal-rail-help{display:none}.kk-journal-reading-rail:not(:has(.kk-journal-toc)){display:none} .kk-journal-about{margin-top:46px} } @media(max-width:760px){ .kk-journal-hero-grid{grid-template-columns:minmax(0,1fr)} .kk-journal-search>div{flex-wrap:wrap} .kk-journal-search input[type=search]{flex:1 1 11rem} .kk-journal-search button{flex:1 0 auto;max-width:100%} .kk-journal-archive .kk-journal-library img{max-height:260px;object-fit:cover;object-position:center 46%} .kk-journal-archive .kk-journal-list-heading{padding-bottom:18px;margin-bottom:24px} .kk-journal-about{grid-template-columns:74px minmax(0,1fr);gap:18px;padding:25px 23px;margin-top:38px;align-items:start} .kk-journal-about>img{width:74px;height:74px}.kk-site .kk-journal-about h2{font-size:1.5rem}.kk-journal-about p{font-size:1.125rem} .kk-journal-about a{font-size:1.062rem;margin-right:0;display:flex} .kk-journal-single .kk-journal-article-head{padding-bottom:31px} .kk-journal-article-hero-grid{grid-template-columns:1fr;gap:28px} .kk-journal-topic{font-size:1rem;margin-bottom:17px;max-width:100%;box-sizing:border-box} .kk-site .kk-journal-title-block h1{font-size:1.688rem;line-height:1.7;margin-bottom:22px} .kk-journal-title-block .kk-journal-byline{padding-top:18px;gap:7px 18px;font-size:1rem} .kk-journal-cover.kk-journal-head-cover{box-shadow:4px 4px 0 #020d1d44;padding:4px} .kk-journal-head-cover img{max-height:285px;width:100%;object-fit:contain;background:#07182b} .kk-journal-single .kk-journal-reading{padding-top:27px} .kk-journal-reading-grid{gap:23px}.kk-journal-reading-grid>.kk-journal-paper{padding:28px 23px} .kk-journal-reading-grid>.kk-journal-author{padding:26px 23px} .kk-journal-reading-rail .kk-journal-toc{padding:19px 21px!important} .kk-journal-reading-rail .kk-journal-toc a{font-size:1.062rem;padding:12px 5px} .kk-journal-single .kk-journal-content>p:first-child{font-size:1.125rem} .kk-journal-reading-end{margin-top:35px;padding-top:23px} .kk-journal-content .kk-editor-block{padding:23px 19px}.kk-journal-content .kk-editor-intro{padding:0} .kk-journal-content .kk-editor-summary{padding:23px 20px}.kk-journal-content .kk-editor-block>.kk-editor-heading{font-size:1.375rem} .kk-journal-content .kk-editor-step{grid-template-columns:38px minmax(0,1fr);gap:12px} .kk-journal-content .kk-editor-step-number{width:38px;min-height:38px;font-size:1rem}.kk-journal-content .kk-editor-step .kk-editor-step-title{font-size:1.25rem} } @media(max-width:390px){ .kk-journal-about{grid-template-columns:1fr}.kk-journal-about>img{width:80px;height:80px} .kk-site .kk-journal-title-block h1{font-size:1.625rem}.kk-journal-reading-grid>.kk-journal-paper{padding:26px 18px} .kk-journal-reading-grid>.kk-journal-author{padding:25px 21px} } /* Container rem units also respond to enlarged text, not only viewport width. */ @container (max-width:69.99rem){ .kk-journal-article-hero-grid{grid-template-columns:1fr} .kk-journal-reading-grid{grid-template-columns:minmax(0,1fr);row-gap:25px;max-width:920px;margin-inline:auto} .kk-journal-reading-grid>.kk-journal-reading-rail,.kk-journal-reading-grid>.kk-journal-paper,.kk-journal-reading-grid>.kk-journal-author{grid-column:1;grid-row:auto} .kk-journal-reading-grid>.kk-journal-reading-rail{position:static} .kk-journal-reading-rail .kk-journal-toc{margin:0!important} .kk-journal-reading-rail .kk-journal-toc ol{max-height:none;overflow:visible} .kk-journal-rail-help,.kk-journal-reading-rail:not(:has(.kk-journal-toc)){display:none} } /* 1.7 — original pixel-world art, composed as a considered business website. */ .kk-site{--kk-line-soft:#bda57455;--kk-paper-white:#fffaf0;--kk-deep-ink:#071a30} .kk-site .kk-section{isolation:isolate} .kk-site .kk-section-heading{max-width:58rem} .kk-site .kk-section-heading h2{letter-spacing:.025em} .kk-site .kk-phrase{display:inline-block;max-width:100%;overflow-wrap:anywhere} .kk-site .kk-section-heading p:not(.kk-eyebrow){max-width:48rem;margin-inline:auto} .kk-site .kk-section-heading::after{content:"";display:block;width:5rem;height:3px;margin:1.75rem auto 0;background:linear-gradient(90deg,transparent,#b49a62 20%,#e7c880 50%,#b49a62 80%,transparent);transform:scaleX(var(--kk-section-progress,1));transform-origin:center} .kk-site .kk-exp-quests .kk-section-heading::after{background:linear-gradient(90deg,transparent,#997436,transparent)} .kk-header{background:#061a32f7;border-bottom:1px solid #b89b5b55} .kk-header.is-scrolled{background:#06182efb;box-shadow:0 7px 26px #020a222b,inset 0 -1px #ceb07326} @media(min-width:1001px){ .kk-site .kk-nav a::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#eccb81;transform:scaleX(0);transform-origin:left;transition:transform .25s ease} .kk-site .kk-nav a:hover::after,.kk-site .kk-nav a:focus-visible::after{transform:scaleX(1)} } .kk-site .kk-hero{border-bottom-width:1px} .kk-site .kk-hero-copy{position:relative} .kk-site .kk-hero .kk-eyebrow{display:inline-flex;align-items:center;gap:1rem;letter-spacing:.15em;color:#eaf3ff} .kk-site .kk-hero .kk-eyebrow::before{content:"";width:1.75rem;height:1px;background:#e8c678;box-shadow:0 3px #e8c67833} .kk-site .kk-hero h1 em{text-shadow:2px 3px #0b285a,0 1px 12px #050f263d} .kk-site .kk-hero-actions{box-shadow:inset 0 0 0 3px #060e1a,inset 0 0 0 4px #71869e,0 12px 32px #03122750;background:#061325f7} .kk-site .kk-hero-status{border-top:1px solid #c9aa6655} .kk-site .kk-party-panel{background:radial-gradient(ellipse at 20% 0%,#fff5d5,transparent 70%),linear-gradient(135deg,#f5e3b4,#e8c888);border-radius:2px} .kk-site .kk-party-panel>a{border-bottom-color:#a0834740} .kk-site .kk-party-panel>a:last-of-type{border-bottom:0} .kk-site .kk-panel-bottom{padding-top:1rem;border-top:1px solid #9e7e4240} .kk-site .kk-exp-quests{background:radial-gradient(ellipse at 50% -50%,#fffef8,#f5e7c7 70%)} .kk-site .kk-exp-quest{border:1px solid #536f8a;box-shadow:inset 0 0 0 4px #091b2f,inset 0 0 0 5px #5b7084,0 4px 0 #bba57755,0 18px 35px #38271012} .kk-site .kk-exp-quest-icon{border-color:#bda263;background:#e7c37614;box-shadow:inset 0 0 0 3px #0c2036,3px 3px #a68c5520} .kk-site .kk-exp-quest .kk-exp-more{border-top-color:#74849455;padding-top:1.25rem} /* Service cards lead with the actual original scenes, then business information. */ .kk-site .kk-services{background:linear-gradient(180deg,#092744f2,#05192df7),url('assets/hero-grounded.webp') center/cover;border-block:1px solid #c3a76675} .kk-site .kk-exp-service-grid{gap:1.5rem} .kk-site .kk-services>.kk-wrap{container-type:inline-size} .kk-site .kk-exp-service{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0 1.5rem 1.5rem;text-align:left;background:#091c31;border:1px solid #8496a366;box-shadow:0 5px 0 #03122666,0 18px 32px #020d2726;overflow:visible} .kk-site .kk-service-scene{display:block;position:relative;overflow:hidden;isolation:isolate;margin:0 -1.5rem 1.5rem;aspect-ratio:16/11;background:#163651;border-bottom:1px solid #c4a66b88} .kk-site .kk-service-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,#091c3166);box-shadow:inset 0 0 0 5px #0a1c2d66,inset 0 0 0 6px #f7dc9525} .kk-site .kk-service-scene>img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated} .kk-site .kk-exp-service-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin:0 0 1rem;padding:0;color:#eed191} .kk-site .kk-exp-service h3{font-size:1.5rem;margin:0 0 .625rem;letter-spacing:.035em} .kk-site .kk-exp-service>strong{color:#f4d998;font-size:1.0625rem;margin:0 0 .75rem} .kk-site .kk-exp-service>p{font-size:1.125rem;line-height:1.9;margin:0 0 1.5rem;color:#d6e2ec} .kk-site .kk-exp-service .kk-exp-more{font-size:1rem;border-color:#8091a44d;padding-top:1rem;min-height:3rem} .kk-site .kk-exp-platforms{margin-top:2.5rem;border:1px solid #71859977;border-left:3px solid #bf9f5c;background:linear-gradient(110deg,#142c44,#091c31)} .kk-site .kk-exp-platform-links>a{border-color:#6a809966;background:#0b213a} .kk-site .kk-service-caption{margin-top:1.75rem!important} /* Keep illustration frames and all captions still while image layers move. */ .kk-site .kk-world-art{padding:.5rem;background:#07172a;border:1px solid #c7ab6e;box-shadow:0 0 0 1px #041226,7px 9px 0 #020d2438,0 20px 48px #020b2426} .kk-site .kk-art-viewport{display:block;position:relative;overflow:hidden;aspect-ratio:3/2;background:#102b42} .kk-site .kk-art-viewport>img{display:block!important;width:100%;height:100%!important;object-fit:cover;image-rendering:pixelated} .kk-site .kk-world-art-portrait .kk-art-viewport{aspect-ratio:1} .kk-site .kk-world-art figcaption{padding:1.25rem 1rem .875rem;gap:.5rem;border-color:#b79a5955;line-height:1.75;color:#e9f0f8;background:linear-gradient(110deg,#132b43,#07172a)} .kk-site .kk-world-hero{background:radial-gradient(ellipse at 90% 20%,#23476555,transparent 58%),linear-gradient(130deg,#071a31,#102c49);border-bottom:1px solid #ae8a48} .kk-site .kk-world-copy{position:relative} .kk-site .kk-world-label{letter-spacing:.08em} .kk-site .kk-world-icon{box-shadow:3px 4px 0 #020b252e;border-color:#aa9162} .kk-site .kk-world-next{border-color:#bda16d77;padding-bottom:.75rem} .kk-site .kk-world-copy h1{text-wrap:balance} .kk-site .kk-world-contract{flex-wrap:wrap;row-gap:.25rem} .kk-site .kk-exp-section{position:relative;isolation:isolate} .kk-site .kk-exp-section .kk-wrap>h2{max-width:45rem} .kk-site .kk-exp-grid{gap:1.75rem} .kk-site .kk-exp-card{position:relative;border:1px solid #c3af885e;border-top:3px solid #b2945b;background:linear-gradient(150deg,#fffdf6,#f7ecd3);box-shadow:0 4px 0 #b89c6340,0 18px 32px #221a1310;padding:2rem} .kk-site .kk-exp-card h3{padding-bottom:1rem;border-bottom:1px solid #b39a6855} .kk-site .kk-exp-card::after{content:"";position:absolute;right:.625rem;top:.625rem;width:.5rem;height:.5rem;border-top:1px solid #b2945b;border-right:1px solid #b2945b;pointer-events:none} .kk-site .kk-exp-media-card{border:1px solid #798fa377;border-top:2px solid #bea16a;padding:1.75rem;background:linear-gradient(135deg,#17314c,#0a1d32);box-shadow:0 5px 0 #020c2226,0 15px 24px #020c2214} .kk-site .kk-exp-media-icon{width:3.375rem;height:3.375rem;margin:0;padding:.625rem;border:1px solid #7890a44d;background:#071a30;box-shadow:3px 3px 0 #d9bb7430} .kk-site .kk-exp-media-icon img,.kk-site .kk-exp-media-icon svg{width:2.125rem;height:2.125rem} .kk-site .kk-exp-media-copy>strong{color:#f4dfb3} .kk-site .kk-exp-media-card .kk-exp-media-copy>strong{display:flex;align-items:center;justify-content:space-between;gap:.75rem} .kk-site .kk-exp-media-card .kk-exp-media-copy>strong::after{content:"→";flex:none;font:1.25rem/1 Georgia,serif;color:#e4c384} .kk-site .kk-exp-media-copy{flex:1} .kk-site .kk-exp-diagram{position:relative;border:1px solid #bfa373;background:radial-gradient(ellipse at top,#1b3b57,#081c32 85%);padding:2rem;box-shadow:inset 0 0 0 5px #081c32,inset 0 0 0 6px #8fa3b55c,6px 8px 0 #020d243b} .kk-site .kk-exp-diagram-heading{border-color:#b69c655e;padding-bottom:1.5rem;margin-bottom:1.5rem} .kk-site .kk-exp-step{background:linear-gradient(110deg,#22435c,#102c45);border:1px solid #8da0b04d;border-left:3px solid #bd9e5d;padding:1.125rem 1.25rem} .kk-site .kk-exp-step>.kk-exp-step-icon{background:#0b2138;color:#f6d58d;border-color:#baa068} .kk-site .kk-exp-cost-item{background:linear-gradient(135deg,#fffdf6,#f5e7c7);border:1px solid #c0a46a55;border-top:3px solid #ad8b4b;box-shadow:0 4px 0 #b59b6640;padding:2rem} .kk-site .kk-exp-cost-item dt{padding-bottom:1rem;border-bottom:1px solid #bba17066} .kk-site .kk-exp-advertising #costs .kk-exp-note+.kk-exp-note{margin-top:0;padding-top:0;border-top:0} .kk-site .kk-exp-advertising #costs .kk-exp-note:has(+.kk-exp-note){margin-bottom:0;padding-bottom:1rem} .kk-site .kk-exp-advertising>.kk-world-hero .kk-exp-diagram::before{content:"";display:block;aspect-ratio:16/5;margin:-1.5rem -1.5rem 1.5rem;background:url('assets/world-advertising-small.webp') center 50%/cover;border-bottom:1px solid #b89d6577;box-shadow:inset 0 0 0 4px #071c3255} .kk-site .kk-exp-note{background:#f7ebcc;border-left-color:#a17e3e;box-shadow:inset 0 0 0 1px #b59b661a} .kk-site .kk-service-world .kk-feature-grid article{position:relative;border-color:#8197a94d;border-top-color:var(--kk-world-accent);padding:2rem;box-shadow:0 5px 0 #020d2438,0 18px 36px #020d2426} .kk-site .kk-feature-num{display:inline-flex;align-items:center;min-width:3rem;padding-bottom:.625rem;border-bottom:1px solid currentColor} /* A clear rhythm for commitment, selection and the route to working together. */ .kk-site .kk-policy{background:radial-gradient(ellipse at 50% 20%,#193c5b,#061b32 80%)} .kk-site .kk-exp-charter{border-radius:2px;background:linear-gradient(145deg,#fff4d5,#f2dda9 90%);border-color:#b18c4c;box-shadow:inset 0 0 0 4px #f2dba4,inset 0 0 0 5px #b59259,0 10px 0 #020c202d,0 28px 64px #020b244d} .kk-site .kk-exp-prices>div{background:linear-gradient(150deg,#203c53,#0a2138 78%);border:1px solid #bca16b;box-shadow:inset 0 0 0 4px #10253d,inset 0 0 0 5px #bca16b44,0 4px 0 #b2935940} .kk-site .kk-exp-prices strong{color:#ffe3a4;text-shadow:0 2px 0 #684720} .kk-site .kk-screening{background:radial-gradient(ellipse at top left,#fffcf2,#f3e7cd)} .kk-site .kk-gate-art{border:1px solid #ba9d66;box-shadow:7px 8px 0 #b5a07130,0 20px 40px #5034141a} .kk-site .kk-exp-criteria{gap:0 1.5rem} .kk-site .kk-exp-criteria li{border-color:#bba16d55;padding-block:1.25rem} .kk-site .kk-flow-map{gap:1.5rem 2.5rem} .kk-site .kk-flow-map>li{position:relative;border:1px solid #607b92;background:linear-gradient(140deg,#1a344d,#0c223a);padding:2rem;box-shadow:0 4px 0 #020c2426} .kk-site .kk-flow-map>li::after{content:"";position:absolute;left:calc(100% + 1px);top:50%;width:2.5rem;height:1px;background:#c2a369;transform:scaleX(var(--kk-connection-progress,1));transform-origin:left;pointer-events:none} .kk-site .kk-flow-map>li::after{display:block} .kk-site .kk-flow-map>li:last-child::after{display:none} .kk-site .kk-step-number{color:#f1d59c;border-color:#a48a58} .kk-site .kk-records{background:linear-gradient(110deg,#0c2239,#06172b);border:1px solid #71839677;border-left:3px solid #bea16c;padding:2rem} .kk-site .kk-fit-card{border:1px solid #b8a17480;border-top:3px solid #809984;background:linear-gradient(145deg,#fffef8,#f5ead3);box-shadow:0 4px 0 #baa36e2b,0 20px 35px #40311b0a} .kk-site .kk-fit-card.kk-fit-caution{border-top-color:#a58b77;background:linear-gradient(145deg,#faf6ed,#eee7da)} .kk-site .kk-fit-card h3{padding-bottom:1.25rem;border-bottom:1px solid #baa77d55} .kk-site .kk-faq-item{background:#ffffff36;border-bottom:1px solid #bba57688;margin-bottom:.625rem} .kk-site .kk-faq-item[open]{background:#fffcf3;box-shadow:inset 3px 0 0 #a1834a,0 12px 24px #46301808} .kk-site .kk-final-cta{border-block:1px solid #b1965f;isolation:isolate} .kk-site .kk-final-cta>.kk-wrap{max-width:62rem;margin-inline:auto} .kk-site .kk-contact-note{border-color:#ad955e66;background:#213c542e;padding:1.5rem} .kk-site .kk-form-panel{border:1px solid #b2975d;border-radius:2px;box-shadow:inset 0 0 0 5px #b2975d14,0 8px 0 #020c263b,0 28px 52px #020c263b} .kk-site .kk-form-panel input:focus-visible,.kk-site .kk-form-panel select:focus-visible,.kk-site .kk-form-panel textarea:focus-visible{outline:2px solid #1f6f91;outline-offset:3px} .kk-site .kk-form-panel .wpcf7 form>p>label.kk-field+br{display:none} .kk-site .kk-form-panel .kk-field{margin-bottom:1.5rem} .kk-site .kk-form-panel textarea{height:12rem;min-height:10rem;resize:vertical} .kk-site .kk-company-info{background:linear-gradient(145deg,#fffdf7,#f5ead2);border:1px solid #bca37288;border-top:3px solid #aa8951;padding:1.75rem 2rem;box-shadow:5px 6px 0 #bca37229} .kk-site .kk-company-info>div{border-color:#bda67455;padding-block:1.125rem} .kk-site .kk-company-info>div:last-child{border-bottom:0} .kk-site .kk-company-info>div{grid-template-columns:minmax(11rem,.9fr) minmax(0,1fr);gap:1.25rem} .kk-site .kk-company-info dd a{color:#17466a;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:#6c8a9e} .kk-site .kk-exp-page .kk-section h2,.kk-site .kk-fit h2{text-wrap:balance;word-break:normal;overflow-wrap:normal} .kk-site .kk-operator-card{padding:1.25rem;background:#fffcf4;border-color:#b99a5c99;box-shadow:4px 5px 0 #b99a5c25} .kk-site .kk-about-principles{padding:2rem;border:1px solid #b29b704d;border-left:3px solid #a3854b;background:#fffaf0;box-shadow:0 12px 22px #31231608} .kk-site .kk-member-card{border-color:#b79c65;box-shadow:7px 9px 0 #baa4742e,0 20px 38px #2d24130e} .kk-site .kk-footer{padding-top:4.5rem;border-top:1px solid #c1a164;background:radial-gradient(ellipse at 0% 0%,#19324a66,transparent 60%),#041221} @media(hover:hover) and (prefers-reduced-motion:no-preference){ .kk-site .kk-exp-service,.kk-site .kk-operator-card{transition:border-color .25s,box-shadow .25s,translate .25s} .kk-site .kk-exp-service:hover{translate:0 -4px;border-color:#e1c88c;box-shadow:0 5px 0 #020c244d,0 22px 38px #020c244d} .kk-site .kk-exp-service .kk-service-scene img{transition:transform .6s cubic-bezier(.2,.65,.3,1)} .kk-site .kk-exp-service:hover .kk-service-scene img{transform:scale(1.04)} .kk-site .kk-operator-card:hover{translate:0 -2px;box-shadow:5px 7px 0 #b99a5c35} } .kk-motion-reduced .kk-site .kk-service-scene img{transform:none!important} .kk-motion-reduced .kk-site .kk-operator-card:hover{translate:none} @media(max-width:1100px){ .kk-site .kk-exp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .kk-site .kk-service-scene{aspect-ratio:16/8} .kk-site .kk-flow-map>li:nth-child(2n)::after{display:none} } @media(max-width:760px){ .kk-site .kk-section-heading{text-align:left;margin-bottom:2rem} .kk-site .kk-section-heading::after{margin:1.5rem 0 0;transform-origin:left} .kk-site .kk-hero-copy{padding-top:1.75rem;padding-bottom:1rem} .kk-site .kk-hero-actions{gap:.75rem;padding:1.125rem 1rem .75rem;margin-top:1.5rem} .kk-site .kk-hero-command-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem 1rem;justify-content:space-between} .kk-site .kk-hero-command-links a{flex:1 1 8.5rem} .kk-site .kk-hero-note{background:#071b344d;border-left:2px solid #c4aa7255;padding:.75rem 1rem;margin-top:1.25rem!important} .kk-site .kk-hero-art{height:clamp(220px,68vw,350px)} .kk-site .kk-hero-dialogue{margin-bottom:1.5rem} .kk-site .kk-party-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;padding:1.25rem 1.125rem;margin-bottom:1.5rem} .kk-site .kk-panel-title,.kk-site .kk-panel-intro,.kk-site .kk-panel-bottom{grid-column:1/-1} .kk-site .kk-panel-title{gap:.75rem} .kk-site .kk-party-panel>a{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;align-items:start;padding:1rem 0;min-height:0} .kk-site .kk-party-panel .kk-sprite{width:2rem;height:3rem;margin-top:.25rem} .kk-site .kk-party-panel strong{font-size:1.125rem;line-height:1.65} .kk-site .kk-party-panel small{font-size:1rem;line-height:1.7;margin-top:.25rem} .kk-site .kk-party-panel b{display:none} .kk-site .kk-panel-bottom{margin-top:.25rem;font-size:.9375rem} .kk-site .kk-exp-service-grid{grid-template-columns:1fr;gap:1.5rem} .kk-site .kk-exp-service{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 5.5rem;gap:.5rem .875rem;align-items:center;padding:1.5rem;text-align:left} .kk-site .kk-service-scene{grid-column:3;grid-row:1/4;width:100%;height:7rem;aspect-ratio:auto;margin:0 0 .5rem;border:1px solid #bba16a99} .kk-site .kk-service-scene img{object-position:55% center} .kk-site .kk-exp-service-icon{grid-column:1;grid-row:1/3;width:2.75rem;height:2.75rem;margin:0} .kk-site .kk-exp-service h3{grid-column:2;grid-row:1;font-size:1.375rem;margin:0} .kk-site .kk-exp-service>strong{grid-column:2;grid-row:2;font-size:1rem;margin:0} .kk-site .kk-exp-service>p{grid-column:1/-1;grid-row:4;font-size:1.125rem;margin:.625rem 0} .kk-site .kk-exp-service .kk-exp-more{grid-column:1/-1;grid-row:5;margin-top:.5rem} .kk-site .kk-exp-platforms{margin-top:1.75rem;padding:1.5rem 1.125rem} .kk-site .kk-world-art{padding:.375rem;box-shadow:4px 6px 0 #020d2438,0 16px 28px #020b2426} .kk-site .kk-world-art figcaption{padding:1rem .75rem .75rem} .kk-site .kk-exp-card,.kk-site .kk-exp-cost-item,.kk-site .kk-service-world .kk-feature-grid article{padding:1.5rem} .kk-site .kk-exp-media-card{padding:1.5rem;gap:1rem} .kk-site .kk-exp-diagram{padding:1.75rem 1.25rem} .kk-site .kk-exp-step{padding:1rem} .kk-site .kk-flow-map{gap:1.75rem} .kk-site .kk-flow-map>li{padding:1.5rem} .kk-site .kk-flow-map>li::after,.kk-site .kk-flow-map>li:nth-child(2n)::after{display:block;left:2.875rem;top:calc(100% + 1px);height:1.75rem;width:1px;transform:scaleY(var(--kk-connection-progress,1));transform-origin:top} .kk-site .kk-flow-map>li:last-child::after{display:none} .kk-site .kk-records{padding:1.5rem} .kk-site .kk-company-info{padding:1rem 1.5rem} .kk-site .kk-company-info>div{grid-template-columns:1fr;gap:.25rem} .kk-site .kk-about-principles{padding:1.5rem} .kk-site .kk-footer{padding-top:3rem} } /* Relative-width breakpoints accommodate 200% text without shrinking it. */ .kk-site .kk-party-panel,.kk-site .kk-exp-service-grid{container-type:inline-size} @container(max-width:17rem){ .kk-site .kk-party-panel>a{grid-column:1/-1;grid-template-columns:2.25rem minmax(0,1fr);gap:1rem} } @media(max-width:380px){ .kk-site .kk-exp-service{grid-template-columns:2.5rem minmax(0,1fr);padding:1.25rem} .kk-site .kk-service-scene{grid-column:1/-1;grid-row:1;height:8rem;margin-bottom:.75rem} .kk-site .kk-exp-service-icon{grid-column:1;grid-row:2/4} .kk-site .kk-exp-service h3{grid-column:2;grid-row:2} .kk-site .kk-exp-service>strong{grid-column:2;grid-row:3} .kk-site .kk-exp-service>p{grid-row:4} } @media(max-width:47.5rem){ .kk-site .kk-exp-service-grid{grid-template-columns:1fr} .kk-site .kk-exp-grid--two,.kk-site .kk-exp-media-grid{grid-template-columns:1fr} } @container(max-width:66rem){ .kk-site .kk-exp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @container(max-width:36rem){ .kk-site .kk-exp-service-grid{grid-template-columns:1fr} } @container(max-width:20rem){ .kk-site .kk-exp-service{grid-template-columns:2.75rem minmax(0,1fr);padding:1.25rem} .kk-site .kk-service-scene{grid-column:1/-1;grid-row:1;height:8rem;margin-bottom:.75rem} .kk-site .kk-exp-service-icon{grid-column:1;grid-row:2} .kk-site .kk-exp-service h3{grid-column:1/-1;grid-row:3} .kk-site .kk-exp-service>strong{grid-column:1/-1;grid-row:4} .kk-site .kk-exp-service>p{grid-row:5} .kk-site .kk-exp-service .kk-exp-more{grid-row:6} } /* Motion is progressive decoration. All copy and controls are visible without JS. */ .kk-site .kk-art-viewport { display: block; min-width: 0; overflow: clip; position: relative; } .kk-site .kk-world-art > .kk-art-viewport > img { display: block !important; width: 100%; height: auto !important; aspect-ratio: 3 / 2; object-fit: cover; image-rendering: pixelated; } .kk-site .kk-world-art-portrait > .kk-art-viewport > img { aspect-ratio: 1; } .kk-site .kk-hero-art, .kk-site .kk-world-art, .kk-site .kk-gate-art, .kk-site .kk-journal-library, .kk-site [data-kk-scene] { transform: none; translate: none; } .kk-site .kk-hero-art, .kk-site .kk-final-cta { overflow: clip; } .kk-motion-enabled .kk-site [data-kk-layer] { transform: translate3d(0, var(--kk-layer-y, 0px), 0) scale(var(--kk-layer-scale, 1)); transform-origin: center; translate: none; transition: none; } .kk-site [data-kk-layer="hero"], .kk-site [data-kk-layer="world"], .kk-site [data-kk-layer="cta"], .kk-site [data-kk-layer="journal"] { --kk-layer-scale: 1.06; } /* Gate layers remain uncropped and retain their original pixel-art proportions. */ .kk-site [data-kk-layer="gate-image"], .kk-site [data-kk-layer="gate-dragon"] { --kk-layer-scale: 1; } /* The old dialogue marker blink is now static; no perpetual decorative loops. */ .kk-site .kk-dialogue-cursor { animation: none !important; opacity: 1; } @media (max-width: 760px) { /* Keep the prior mobile crop rather than enlarging figures near the image edges. */ .kk-site [data-kk-layer="hero"] { --kk-layer-scale: 1.035; } } /* Progress decoration is drawn by the public stylesheet using a fallback of 1: .kk-section-heading / .kk-flow-map / .kk-exp-flow: --kk-section-progress each direct flow li: --kk-connection-progress No text opacity, content masks, layout offsets, sticky scenes or scroll snapping. */ .kk-motion-reduced .kk-site [data-kk-layer] { transform: none !important; translate: none !important; } @media (prefers-reduced-motion: reduce) { .kk-site [data-kk-layer] { transform: none !important; translate: none !important; } } /* 1.8 — the scroll position is the adventure's clock. */ .kk-journey{--scene-progress:0;--scene-step:0;--journey-top:100px;position:relative;overflow:visible} .kk-journey [data-journey-pin]{position:relative;--scene-progress:0;--scene-step:0;overflow:visible} .kk-journey [data-journey-pin].is-pinned{padding-bottom:0} .kk-journey [data-journey-pin].is-pinned::after{content:"";display:block;height:var(--pin-distance,0px);pointer-events:none} .kk-journey [data-journey-pin].is-pinned>[data-journey-sticky]{position:sticky;top:var(--journey-top);z-index:3} .kk-journey .kk-j-opening-pin.is-pinned>[data-journey-sticky]{top:calc(var(--journey-top) - 12px)} .kk-journey #service,.kk-journey #flow,.kk-journey #service>.kk-wrap,.kk-journey #flow>.kk-wrap{overflow:visible} .kk-journey .kk-j-landscape{display:block;width:100%;height:100%} .kk-journey .kk-j-landscape img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;image-rendering:pixelated} .kk-journey .kk-j-traveler{display:block;position:absolute;z-index:8;width:6rem;height:6rem;pointer-events:none} .kk-journey .kk-j-walk{display:block;width:100%;height:100%;background:url('assets/journey-walk.webp') var(--walk-x,0%) var(--walk-y,0%)/200% 200% no-repeat;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #00162366)} .kk-journey .kk-j-traveler::after{content:"";position:absolute;left:25%;right:14%;height:7%;bottom:0;background:#061b374d;border-radius:50%;z-index:-1} /* A playable opening with the original business proposition always readable. */ .kk-journey .kk-hero{position:relative;min-height:720px;overflow:clip;background:#153c66;display:block} .kk-journey .kk-hero::after{display:none} .kk-journey .kk-j-opening-world::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#041830e8 0%,#071d3ab0 34%,#071d3a00 67%);z-index:1} .kk-journey .kk-j-opening-world{position:absolute;inset:0;overflow:hidden;z-index:0} .kk-journey .kk-j-opening-camera{position:absolute;inset:0;width:116%;transform:translateX(calc(var(--scene-progress)*-12%)) scale(calc(1 + var(--scene-progress)*.035));transform-origin:50% 60%} .kk-journey .kk-j-opening-world .kk-j-landscape img{object-position:60% bottom} .kk-journey .kk-j-opening-world .kk-j-traveler{left:calc(12% + var(--scene-progress)*60%);bottom:5.2rem;width:7rem;height:7rem} .kk-journey .kk-j-start-flag,.kk-journey .kk-j-next-flag{position:absolute;bottom:6rem;left:8%;font:700 .75rem/1.5 var(--kk-font-pixel,monospace);background:#061a31;color:#f5d785;padding:.25rem .625rem;border-left:3px solid #e2b751} .kk-journey .kk-j-next-flag{left:auto;right:8%} .kk-journey .kk-hero-layout{position:relative;z-index:2;min-height:0;padding-top:3rem;padding-bottom:11rem;align-items:start} .kk-journey .kk-hero-copy{padding:0;min-height:0} .kk-journey .kk-hero h1{font-size:clamp(2.5rem,3.2vw,3.4rem);line-height:1.5;margin-block:1.25rem} .kk-journey .kk-hero-lead{margin-bottom:1.25rem} .kk-journey .kk-hero-actions{margin-top:1.5rem} .kk-journey .kk-hero-note{max-width:40rem;font-size:1rem;line-height:1.85;margin-top:1.25rem} .kk-journey .kk-party-panel{width:20rem;margin:0;align-self:start;padding:1.5rem;box-shadow:8px 10px 0 #01142c66} .kk-journey .kk-party-panel>a{padding:.75rem 0} .kk-journey .kk-party-panel .kk-sprite{width:2.5rem;height:3.75rem} .kk-journey .kk-hero-dialogue{display:none} .kk-journey .kk-hero-status{position:absolute;bottom:0;left:0;width:100%;z-index:2;background:#041b33ed} .kk-journey .kk-j-scroll-cue{position:absolute;bottom:6.9rem;left:50%;translate:-50% 0;z-index:3;display:flex;align-items:center;gap:.75rem;padding:.625rem 1.125rem;background:#04182eee;border:1px solid #f2d89877;color:#ffefca;font-size:.9375rem;font-weight:700;white-space:nowrap} .kk-journey .kk-j-scroll-cue>span{font:1.375rem/1 Georgia,serif;color:#f4ce6c} /* The two pinned playfields share a physical frame and their own readable dialogue. */ .kk-journey .kk-j-stage{display:grid;gap:1.5rem;position:relative} .kk-journey .kk-j-world{height:27rem;position:relative;overflow:hidden;background:#163d5c;border:1px solid #d5b96d;box-shadow:inset 0 0 0 5px #071a30,0 0 0 5px #071a30,0 0 0 6px #7994a888,8px 10px 0 #020b2633;isolation:isolate} .kk-journey .kk-j-world-topline{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #d5b96d66;background:#04172ef0;font-size:.8125rem;color:#f9df9e;letter-spacing:.06em} .kk-journey .kk-j-world-topline>span:last-child{font-size:.9375rem;letter-spacing:0;color:#fff4d8} .kk-journey .kk-j-service-camera{position:absolute;inset:0} .kk-journey .kk-j-service-camera>.kk-j-landscape{position:absolute;width:150%;transform:translateX(calc(var(--scene-progress)*-30%))} .kk-journey .kk-j-area{position:absolute;inset:0;overflow:hidden;visibility:hidden;z-index:1;transform:translateX(calc((var(--area) - var(--scene-step))*100%))} .kk-journey .kk-j-area.is-current{visibility:visible} .kk-journey [data-journey-area="0"]{--area:0}.kk-journey [data-journey-area="1"]{--area:1}.kk-journey [data-journey-area="2"]{--area:2}.kk-journey [data-journey-area="3"]{--area:3} .kk-journey .kk-j-area>img{display:block;width:100%;height:84%;object-fit:cover;object-position:center 44%;image-rendering:pixelated} .kk-journey .kk-j-area::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04192ed9,transparent 45%,#05264c10)} .kk-journey .kk-j-area-name{position:absolute;top:4rem;left:1.25rem;z-index:2;max-width:calc(100% - 2.5rem);background:#061a30ef;border-left:3px solid #ebc875;padding:.7rem 1rem;display:grid;gap:.25rem;color:#fff4d8;box-shadow:4px 5px #04132666} .kk-journey .kk-j-area-name small{font:.75rem/1.4 monospace;letter-spacing:.18em;color:#efd18a} .kk-journey .kk-j-area-name strong{font-family:KKPixel,var(--kk-font);font-size:1.5rem;line-height:1.5} .kk-journey .kk-j-area-name>span{font-size:1rem;font-weight:700;color:#b8dff4} .kk-journey .kk-j-road{position:absolute;inset:auto 0 0;height:23%;z-index:4;background:linear-gradient(#34542d,#729241 14%,#bca262 16%,#e0c07e 57%,#b39a61 60%,#405e35 64%,#294331);border-top:3px solid #94a14e;box-shadow:0 -3px #26382b;opacity:.96} .kk-journey .kk-j-opening-world .kk-j-road{display:none} .kk-journey .kk-j-service-world>.kk-j-traveler{left:calc(27% + var(--scene-progress)*36%);bottom:2.5rem;width:6.5rem;height:6.5rem} .kk-journey .kk-j-companions{position:absolute;left:calc(5% + var(--scene-progress)*25%);bottom:2.8rem;height:5.5rem;z-index:6;display:flex;align-items:end} .kk-journey .kk-j-companion{display:block;width:3.6rem;height:5.4rem;opacity:.15;filter:brightness(.35);transform:translateX(-.6rem)} .kk-journey .kk-j-companion.is-joined{opacity:1;filter:none;transform:none} .kk-journey .kk-j-companion .kk-sprite{width:100%;height:100%} .kk-journey .kk-j-party-status{position:absolute;bottom:0;left:0;right:0;background:#05162beb;z-index:9;padding:.5rem .875rem;display:flex;justify-content:space-between;gap:1rem;color:#f6e5bd;font-size:.8125rem} .kk-journey .kk-j-party-status>span:first-child{letter-spacing:.15em;color:#edc56e} .kk-journey .kk-j-seek{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem} .kk-journey .kk-j-seek>a{display:flex;align-items:center;gap:.625rem;min-height:3.25rem;padding:.65rem .875rem;text-decoration:none;border:1px solid #8c9aab88;background:#071c35;color:#e7f0fa;font-size:1rem;font-weight:700;line-height:1.5;transition:background-color .15s} .kk-journey .kk-j-seek>a>span{font:.75rem/1.5 monospace;color:#e9c773} .kk-journey .kk-j-seek>a>b{margin-left:auto;color:#e9c773} .kk-journey .kk-j-seek>a[aria-current],.kk-journey .kk-j-seek>a:hover,.kk-journey .kk-j-seek>a:focus-visible{background:#f1d387;color:#081d38;border-color:#f4db99;outline-offset:4px} .kk-journey .kk-j-seek>a[aria-current]>span,.kk-journey .kk-j-seek>a[aria-current]>b{color:#694519} .kk-journey .is-pinned>.kk-j-stage{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(20rem,1fr);gap:1.5rem;background:#061b34;padding:1.5rem;border:1px solid #b9a16c;box-shadow:0 18px 60px #03102644} .kk-journey .is-pinned .kk-j-world{grid-column:1;grid-row:1;margin:0;align-self:stretch;height:auto;min-height:27rem} .kk-journey .is-pinned .kk-j-seek{grid-column:1/-1;grid-row:2} .kk-journey .is-pinned .kk-exp-service-grid,.kk-journey .is-pinned .kk-flow-map{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);margin:0;gap:0;container-type:normal} .kk-journey .is-pinned [data-journey-card]{grid-area:1/1;visibility:hidden;position:relative} .kk-journey .is-pinned [data-journey-card].is-current{visibility:visible} .kk-journey .is-pinned .kk-exp-service{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:auto;padding:1.75rem;background:#fff5dd;color:#112e49;border:1px solid #e4c682;box-shadow:inset 0 0 0 5px #fff5dd,inset 0 0 0 6px #b69b69} .kk-journey .is-pinned .kk-service-scene{display:none} .kk-journey .is-pinned .kk-exp-service-icon{width:3rem;height:3rem;margin:0 0 1.25rem;color:#a47624} .kk-journey .is-pinned .kk-exp-service h3{font-size:1.65rem;line-height:1.5;color:#09223d;margin:0 0 .75rem} .kk-journey .is-pinned .kk-exp-service>strong{font-size:1.0625rem;line-height:1.8;color:#815613;margin:0 0 .75rem} .kk-journey .is-pinned .kk-exp-service>p{font-size:1.125rem;line-height:1.95;color:#193850;margin:0 0 1.5rem} .kk-journey .is-pinned .kk-exp-more{margin-top:auto;padding-top:1rem;width:100%;border-top-color:#aa8c5488;color:#17334d} .kk-journey .is-pinned .kk-exp-more>span{color:#815613} .kk-journey .kk-j-service-pin{margin-top:1rem} .kk-journey .kk-services{background:#09223d} /* The horizontal atlas: geography, a continuous route, eight checkpoints. */ .kk-journey .kk-j-map-world{background:#244c49} .kk-journey .is-pinned .kk-j-map-world{min-height:26rem} .kk-journey .kk-j-map-camera{position:absolute;inset:0;width:200%;transform:translateX(calc(var(--scene-progress)*-50%))} .kk-journey .kk-j-map-camera>.kk-j-landscape{position:absolute;inset:0} .kk-journey .kk-j-map-camera>.kk-j-landscape img{object-position:center bottom;filter:brightness(.78) saturate(.8)} .kk-journey .kk-j-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible} .kk-journey .kk-j-route path{fill:none;stroke-linecap:round} .kk-journey .kk-j-route-shadow{stroke:#11281dbb;stroke-width:26} .kk-journey .kk-j-route-base{stroke:#d7c691;stroke-width:15;stroke-dasharray:1 20} .kk-journey .kk-j-route-progress{stroke:#ffdc7c;stroke-width:7;filter:drop-shadow(0 2px 2px #102819)} .kk-journey .kk-j-map-node{position:absolute;left:var(--node-x);top:var(--node-y);translate:-50% -50%;z-index:4;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:7.8rem;text-align:center} .kk-journey .kk-j-map-node-dot{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:2px solid #f4e2b3;background:#142b39;color:#fff0c3;box-shadow:4px 4px #1022228c;font:700 1rem/1 monospace;rotate:-2deg} .kk-journey .kk-j-map-node-label{font-size:.9375rem;line-height:1.65;font-weight:700;padding:.35rem .5rem;background:#061b33f5;color:#fff0ca;border:1px solid #b79e6e} .kk-journey .kk-j-map-node.is-reached .kk-j-map-node-dot,.kk-journey .kk-j-map-node.is-current .kk-j-map-node-dot{background:#f0cc74;color:#09233a;border-color:#fff2be;box-shadow:0 0 0 4px #071e35aa} .kk-journey .kk-j-map-camera .kk-j-traveler{left:var(--map-x,8.125%);top:var(--map-y,64.58%);transform:translate(-50%,-100%);width:5.5rem;height:5.5rem} .kk-journey .kk-j-world-caption{position:absolute;bottom:0;left:0;right:0;z-index:9;margin:0!important;padding:.8rem 1rem;background:#061b33f2;color:#fff0ca!important;text-align:center;font-size:.9375rem;line-height:1.6} .kk-journey .kk-j-seek-map{grid-template-columns:repeat(4,minmax(0,1fr))} .kk-journey .kk-j-seek-map>a{font-size:.9375rem;min-height:2.85rem} .kk-journey .is-pinned .kk-flow-map>li{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1.75rem;background:#fff5dd;border:1px solid #d7b96d;box-shadow:inset 0 0 0 5px #fff5dd,inset 0 0 0 6px #b49a6e;align-items:flex-start;color:#14334e} .kk-journey .is-pinned .kk-flow-map>li::after{display:none} .kk-journey .is-pinned .kk-step-number{font:2.5rem/1.2 Georgia,serif;color:#926122} .kk-journey .is-pinned .kk-flow-map h3{color:#14334e;font-size:1.5rem;line-height:1.6;margin:0 0 1rem} .kk-journey .is-pinned .kk-flow-map p{color:#193850;font-size:1.125rem;line-height:1.95} .kk-journey .kk-records{margin-top:3rem} /* The reward depends on a real, agreed outcome, not on reading progress. */ .kk-journey .kk-j-promise{position:relative;max-width:55rem;margin:0 auto 3rem;padding:2rem;background:radial-gradient(ellipse at 50% 20%,#204565,#091e38 75%);border:1px solid #bfa372;box-shadow:inset 0 0 0 5px #071a30,inset 0 0 0 6px #8b9ea244} .kk-journey .kk-j-promise-party{height:7rem;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:.5rem} .kk-journey .kk-j-promise-party .kk-j-traveler{position:relative;left:auto;top:auto;width:6rem;height:6rem;transform:translateX(calc(-2rem + var(--scene-progress)*2rem))} .kk-journey .kk-j-promise-party>.kk-sprite{width:3.5rem;height:5.25rem} .kk-journey .kk-j-promise-party>.kk-monster{width:6rem;height:6rem;margin-left:3rem;transform:translateY(calc(var(--scene-progress)*-.5rem))} .kk-journey .kk-j-promise-goal{position:relative;text-align:center;margin:1.5rem auto 0;display:grid;gap:.625rem;z-index:2} .kk-journey .kk-j-promise-goal>span{font:.75rem/1.5 monospace;letter-spacing:.15em;color:#e8c985} .kk-journey .kk-j-promise-goal>strong{font-size:1.5rem;line-height:1.6;color:#fff0c8} .kk-journey .kk-j-promise-path{height:2.5rem;width:50%;margin:0 auto;border:1px solid #f5cf74;border-top:0;border-bottom:0;position:relative;opacity:calc(.35 + var(--scene-progress)*.65)} .kk-journey .kk-j-promise-path::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#f5cf74;transform:scaleX(var(--scene-progress));transform-origin:center} .kk-journey .kk-j-promise-branches{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem} .kk-journey .kk-j-promise-branches>div{position:relative;display:grid;gap:.75rem;padding:1.25rem;background:#fff0ca;color:#122e46;text-align:center;border-top:3px solid #edc778} .kk-journey .kk-j-condition{font-size:1rem;line-height:1.5;color:#614821} .kk-journey .kk-j-promise-branches strong{font-size:1.25rem;line-height:1.65} .kk-journey .kk-j-promise-branches b{font:2.5rem/1 Georgia,serif;color:#855516} .kk-journey .kk-j-chest,.kk-journey .kk-j-shield{font-size:1.5rem;line-height:1.2;color:#976a22} .kk-journey .kk-criteria>li{transition:border-color .2s,background-color .2s} .kk-journey .kk-criteria>li.is-discovered{border-color:#c29e55;background:#fff2cf;box-shadow:inset 3px 0 #b28230} .kk-journey .kk-gate-art{align-self:start;justify-content:flex-start;padding-bottom:1.25rem;outline:1px solid #c4a86a;outline-offset:.375rem} /* The final party gathers at the new chapter. */ .kk-journey .kk-final-cta{min-height:36rem;padding-top:5rem;padding-bottom:11rem;overflow:clip} .kk-journey .kk-final-cta::after{background:linear-gradient(#061b32bb,#061b3266 70%,#061b3200)} .kk-journey .kk-final-cta>.kk-wrap{position:relative;z-index:3} .kk-journey .kk-final-cta .kk-button>span:first-of-type{display:grid;gap:.25rem} .kk-journey .kk-final-cta .kk-button small{font-size:.9375rem;font-weight:500;line-height:1.5} .kk-journey .kk-j-final-party{position:absolute;z-index:3;bottom:1.8rem;left:50%;width:23rem;max-width:100%;height:8rem;translate:-50% 0;display:flex;align-items:end;justify-content:center;gap:.25rem} .kk-journey .kk-j-final-party>.kk-j-traveler{position:relative;left:auto;top:auto;width:6rem;height:6rem;transform:translateX(calc((1 - var(--scene-progress))*-8rem))} .kk-journey .kk-j-final-party>.kk-sprite{width:3.6rem;height:5.4rem;transform:translateX(calc((1 - var(--scene-progress))*5rem))} .kk-journey .kk-j-goal-flag{position:absolute;left:50%;top:-.75rem;translate:-50% 0;color:#ffedb1;background:#071b30e8;padding:.4rem .75rem;border-left:3px solid #e0b65e;font:.75rem/1.5 monospace;white-space:nowrap} .kk-journey .kk-j-hud{position:fixed;left:1rem;bottom:1rem;z-index:40;display:none;align-items:center;gap:.75rem;padding:.75rem 1rem 1rem;border:1px solid #b9a16c;background:#05192ff5;box-shadow:0 4px 18px #020b2933;color:#f7ecd2;max-width:18rem;pointer-events:none} .kk-journey.is-journey-ready .kk-j-hud{display:flex} .kk-journey .kk-j-hud[hidden]{display:none!important} .kk-journey .kk-j-hud small{display:block;color:#d0b373;font:.625rem/1.5 monospace;letter-spacing:.12em} .kk-journey .kk-j-hud strong{display:block;font-size:.9375rem;line-height:1.7;font-weight:500} .kk-journey .kk-j-hud-marker{width:.55rem;height:.55rem;background:#f3d285;rotate:45deg;box-shadow:0 0 0 4px #d5b36a22} .kk-journey .kk-j-hud-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#ecc879;transform:scaleX(var(--journey-progress,0));transform-origin:left} .kk-journey.is-journey-ready [data-journey-pin]:not(.is-pinned) .kk-exp-service-grid,.kk-journey.is-journey-ready [data-journey-pin]:not(.is-pinned) .kk-flow-map{grid-template-columns:1fr;width:100%;max-width:48rem;margin-inline:auto} @media(max-width:1799px){.kk-journey .kk-j-hud{display:none!important}} @media(min-width:1100px){ .kk-journey .kk-hero-layout{padding-top:1.75rem;padding-bottom:8.75rem} .kk-journey .kk-hero h1{margin-block:.875rem;font-size:clamp(2.5rem,3vw,3.1rem);line-height:1.45} .kk-journey .kk-hero .kk-eyebrow{margin-bottom:.625rem} .kk-journey .kk-hero-actions{width:100%;display:flex;gap:1.125rem;padding:1.125rem;align-items:center} .kk-journey .kk-hero-command-links{display:flex;flex-direction:column;gap:0} .kk-journey .kk-hero-command-links a{line-height:1.5;padding:.5rem 0;min-height:2.75rem} .kk-journey .kk-j-opening-world .kk-j-traveler{bottom:4.7rem;width:6rem;height:6rem} .kk-journey .kk-j-scroll-cue{bottom:5rem;left:52%;font-size:.875rem;opacity:clamp(0,calc(1 - var(--scene-progress)*4),1)} } @media(max-width:1099px){ .kk-journey .kk-j-hud{display:none!important} .kk-journey .kk-j-world{height:23rem} .kk-journey .kk-j-stage{gap:1.5rem} .kk-journey .kk-j-service-pin .kk-exp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .kk-journey .kk-j-map-pin .kk-flow-map{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ .kk-journey .kk-hero{display:flex;flex-direction:column;min-height:0;background:#082340} .kk-journey .kk-hero::after,.kk-journey .kk-j-opening-world::after{display:none} .kk-journey .kk-hero-layout{display:contents} .kk-journey .kk-hero-copy{display:contents} .kk-journey .kk-hero-copy>p,.kk-journey .kk-hero-copy>h1,.kk-journey .kk-hero-copy>.kk-hero-actions{width:calc(100% - 40px);max-width:none;margin-inline:auto} .kk-journey .kk-hero .kk-eyebrow{order:0;margin-top:1.75rem;margin-bottom:0} .kk-journey .kk-hero h1{order:1;margin-block:1rem} .kk-journey .kk-hero-lead{order:2;margin-top:0;margin-bottom:1.5rem} .kk-journey .kk-hero-description{order:5;margin-top:1.5rem;margin-bottom:0} .kk-journey .kk-hero-actions{order:6;margin-block:1.5rem} .kk-journey .kk-hero-note{order:7;margin-top:0;margin-bottom:1rem;margin-inline:auto!important} .kk-journey .kk-hero h1{font-size:2.25rem;line-height:1.55} .kk-journey .kk-hero-note{font-size:1rem;line-height:1.9} .kk-journey .kk-j-opening-world{position:relative;order:3;inset:auto;height:17rem;flex:none;border-block:1px solid #c4a568;margin-top:.5rem} .kk-journey .kk-j-opening-camera{width:240%;transform:translateX(calc(var(--scene-progress)*-56%));} .kk-journey .kk-j-opening-world .kk-j-landscape img{object-fit:cover;object-position:center bottom} .kk-journey .kk-j-opening-world .kk-j-traveler{width:4.75rem;height:4.75rem;left:calc(8% + var(--scene-progress)*65%);bottom:.65rem} .kk-journey .kk-j-start-flag,.kk-journey .kk-j-next-flag{bottom:1rem;font-size:.625rem} .kk-journey .kk-j-next-flag{display:none} .kk-journey .kk-j-scroll-cue{position:relative;order:4;inset:auto;translate:none;border:0;padding:1rem;justify-content:center;font-size:1rem;background:#051a31;white-space:normal;text-align:center} .kk-journey .kk-party-panel{order:8;width:calc(100% - 40px);margin:1.5rem auto;grid-template-columns:1fr 1fr;padding:1.25rem} .kk-journey .kk-party-panel .kk-sprite{width:2rem;height:3rem} .kk-journey .kk-hero-status{position:relative;order:10;inset:auto} .kk-journey .kk-j-world{height:16rem;box-shadow:0 0 0 3px #071a30,0 0 0 4px #b8a16b} .kk-journey .kk-j-stage{gap:1.5rem} .kk-journey.is-journey-active .kk-j-stage>.kk-j-world{position:sticky;top:var(--journey-top);z-index:6} .kk-journey .kk-j-world-topline{padding:.45rem .65rem;min-height:2.25rem;font-size:.65rem} .kk-journey .kk-j-world-topline>span:last-child{font-size:.75rem} .kk-journey .kk-j-area-name{top:3rem;left:.75rem;padding:.5rem .75rem;gap:.125rem} .kk-journey .kk-j-area-name strong{font-size:1.125rem} .kk-journey .kk-j-area-name>span{font-size:.875rem} .kk-journey .kk-j-area-name small{font-size:.65rem} .kk-journey .kk-j-service-world>.kk-j-traveler{width:4.5rem;height:4.5rem;bottom:1.75rem} .kk-journey .kk-j-companions{bottom:2rem;height:3.5rem;left:calc(0% + var(--scene-progress)*13%)} .kk-journey .kk-j-companion{width:2.2rem;height:3.3rem} .kk-journey .kk-j-party-status{font-size:.7rem;padding:.4rem .65rem} .kk-journey .kk-j-service-pin .kk-exp-service-grid,.kk-journey .kk-j-map-pin .kk-flow-map{grid-template-columns:1fr;gap:1.5rem} .kk-journey .kk-j-service-pin .kk-exp-service{scroll-margin-top:calc(var(--journey-top) + 18rem)} .kk-journey .kk-j-map-pin [data-journey-card]{scroll-margin-top:calc(var(--journey-top) + 15rem)} .kk-journey .kk-j-map-world{height:14rem} .kk-journey .kk-j-map-camera{width:300%;transform:translateX(calc(var(--scene-progress)*-66.6667%))} .kk-journey .kk-j-map-node{width:6rem;gap:.25rem} .kk-journey .kk-j-map-node-dot{width:1.75rem;height:1.75rem;font-size:.75rem} .kk-journey .kk-j-map-node-label{font-size:.75rem;padding:.15rem .3rem;line-height:1.5} .kk-journey .kk-j-map-camera .kk-j-traveler{width:3.75rem;height:3.75rem} .kk-journey .kk-j-world-caption{font-size:.75rem;padding:.5rem} .kk-journey .kk-j-seek{grid-template-columns:repeat(2,minmax(0,1fr))} .kk-journey .kk-j-seek-map{grid-template-columns:repeat(2,minmax(0,1fr))} .kk-journey .kk-j-seek>a{font-size:.9375rem;padding:.65rem;gap:.5rem} .kk-journey .kk-j-promise{padding:1.5rem 1rem} .kk-journey .kk-j-promise-goal>strong{font-size:1.25rem} .kk-journey .kk-j-promise-party{gap:0;height:5rem} .kk-journey .kk-j-promise-party .kk-j-traveler{width:4.25rem;height:4.25rem} .kk-journey .kk-j-promise-party>.kk-sprite{width:2.5rem;height:3.75rem} .kk-journey .kk-j-promise-party>.kk-monster{width:4rem;height:4rem;margin-left:1.5rem} .kk-journey .kk-j-promise-branches{gap:.75rem} .kk-journey .kk-j-promise-branches>div{padding:1rem .5rem} .kk-journey .kk-j-condition{font-size:.9375rem} .kk-journey .kk-j-promise-branches strong{font-size:1.0625rem;line-height:1.8;text-wrap:balance} .kk-journey .kk-j-final-party{width:21rem} .kk-journey .kk-final-cta{min-height:32rem;padding-top:3.5rem} } @media(max-width:380px){ .kk-journey .kk-hero h1{font-size:2rem} .kk-journey .kk-j-promise-branches{grid-template-columns:1fr} .kk-journey .kk-j-promise-path{width:1px;border-right:0} } /* Enlarged type and motion preferences always retain every original explanation. */ .kk-journey.is-journey-reduced .kk-j-opening-camera,.kk-journey.is-journey-reduced .kk-j-map-camera,.kk-journey.is-journey-reduced .kk-j-service-camera>.kk-j-landscape{transform:none!important} .kk-journey.is-journey-reduced .kk-j-stage>.kk-j-world{position:relative!important;top:auto!important} .kk-journey.is-journey-reduced .kk-j-final-party>*,.kk-journey.is-journey-reduced .kk-j-promise-party>*{transform:none!important} @media(prefers-reduced-motion:reduce){.kk-journey *{transition:none!important}} /* A large text setting is a reading layout, with a compact unpinned illustration. */ .kk-journey.is-journey-large-type .kk-j-stage>.kk-j-world{position:relative!important;top:auto!important;height:280px} .kk-journey.is-journey-large-type .kk-j-world-topline{position:relative;display:block;padding:.5rem;min-height:0;font-size:.5rem} .kk-journey.is-journey-large-type .kk-j-world-topline>span:last-child{display:none} .kk-journey.is-journey-large-type .kk-j-area-name{top:3.25rem;padding:.3rem .5rem} .kk-journey.is-journey-large-type .kk-j-area-name small,.kk-journey.is-journey-large-type .kk-j-area-name>span{display:none} .kk-journey.is-journey-large-type .kk-j-area-name strong{font-size:.65rem} .kk-journey.is-journey-large-type .kk-j-world-caption,.kk-journey.is-journey-large-type .kk-j-party-status{display:none} .kk-journey.is-journey-large-type .kk-j-traveler{max-width:80px;max-height:80px} .kk-journey.is-journey-large-type .kk-j-companion{width:38px;height:57px} .kk-journey.is-journey-large-type .kk-j-companions{bottom:24px;left:0} .kk-journey.is-journey-large-type .kk-j-service-world>.kk-j-traveler{bottom:24px} .kk-journey.is-journey-large-type .kk-j-map-node-label{font-size:.5rem} .kk-journey.is-journey-large-type .kk-j-map-node-dot{width:30px;height:30px;font-size:16px} /* With motion off, show the complete atlas without requiring horizontal movement. */ .kk-journey:not(.is-journey-ready) .kk-j-map-world,.kk-journey.is-journey-reduced .kk-j-map-world{height:auto} .kk-journey:not(.is-journey-ready) .kk-j-map-camera,.kk-journey.is-journey-reduced .kk-j-map-camera{position:relative;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem .75rem;padding:4.5rem 1rem;transform:none!important} .kk-journey:not(.is-journey-ready) .kk-j-map-node,.kk-journey.is-journey-reduced .kk-j-map-node{position:relative;left:auto;top:auto;translate:none;width:auto;scroll-margin-top:var(--journey-top)} .kk-journey:not(.is-journey-ready) .kk-j-route,.kk-journey.is-journey-reduced .kk-j-route,.kk-journey:not(.is-journey-ready) .kk-j-map-camera>.kk-j-traveler,.kk-journey.is-journey-reduced .kk-j-map-camera>.kk-j-traveler{display:none} @media(max-width:760px){ .kk-journey:not(.is-journey-ready) .kk-j-map-camera,.kk-journey.is-journey-reduced .kk-j-map-camera{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:3.75rem} } .kk-journey.is-journey-large-type.is-journey-reduced .kk-j-stage>.kk-j-map-world{height:auto} /* 1.9 — one party, one continuous journey. The terrain moves beneath their feet. */ .kk-journey{--story-progress:0;--story-party:0;--walk-facing:1;--story-header-bottom:85px} .kk-journey .kk-j-walk{transform:scaleX(var(--walk-facing,1))} .kk-journey .kk-j-hud{display:block!important;position:sticky;top:var(--story-header-bottom);left:auto;bottom:auto;height:48px;max-width:none;padding:0;border:0;border-bottom:1px solid #bb9852;box-shadow:0 3px 14px #020d222e;z-index:35;background:#06172ff7;pointer-events:none} .kk-journey .kk-j-hud[hidden],.kk-journey .kk-j-hud.is-hidden-at-contact{display:block!important;visibility:hidden} .kk-journey .kk-j-hud-inner{max-width:1200px;height:100%;margin:auto;padding:0 20px;display:flex;align-items:center;gap:32px} .kk-journey .kk-j-hud-label{display:flex;gap:14px;align-items:center;min-width:275px} .kk-journey .kk-j-hud small{font:10px/1.5 monospace;color:#cfb276;letter-spacing:.1em} .kk-journey .kk-j-hud strong{font-size:14px;line-height:1.5;color:#fff0cf;white-space:nowrap} .kk-journey .kk-j-story-track{position:relative;flex:1;height:3px;margin:15px 14px;background:#9c825847} .kk-journey .kk-j-story-track>i{position:absolute;left:calc(var(--chapter)*12.5%);top:50%;width:6px;height:6px;background:#7b796c;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #d1b77b;z-index:2} .kk-journey .kk-j-hud-progress{left:0;top:0;bottom:auto;height:100%;background:#e6bf60;transform:scaleX(var(--story-progress));z-index:1} .kk-journey .kk-j-hud-player{position:absolute;width:36px;height:36px;left:calc(var(--story-progress)*100%);bottom:-2px;transform:translateX(-50%);z-index:4} .kk-journey .kk-j-hud-party{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:#e7d4b0} .kk-journey .kk-j-hud-party strong{font:700 19px/1 monospace;color:#f4d488} .kk-journey:not(.is-journey-ready) .kk-j-hud{display:block!important;visibility:hidden} .kk-journey.is-journey-large-type .kk-j-hud{display:none!important;height:0} /* Short, continuous travel between the existing chapters. */ .kk-journey .kk-j-transfer{position:relative;height:132px;overflow:hidden;isolation:isolate;background:#102f3c;border-block:1px solid #b09a65} .kk-journey .kk-j-transfer-scenery{position:absolute;inset:-30% -12%;background:linear-gradient(#061b32bb,#102f3c66),url('assets/journey-landscape-small.webp') center 73%/cover;transform:translateX(calc(var(--transfer-progress,0)*-6%));image-rendering:pixelated;z-index:-1} .kk-journey .kk-j-transfer-label{max-width:1200px;margin:auto;position:relative;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff0cd;text-shadow:0 2px #03152a} .kk-journey .kk-j-transfer-label>span{font:10px/1.4 monospace;letter-spacing:.13em;color:#e8c77c} .kk-journey .kk-j-transfer-label strong{font-size:15px;line-height:1.5} .kk-journey .kk-j-transfer-road{position:absolute;left:0;right:0;bottom:13px;height:9px;background:#b5a16c;border-block:2px solid #65572f;box-shadow:0 4px #051b2870} .kk-journey .kk-j-transfer-road::after{content:"";position:absolute;inset:2px 0;background:repeating-linear-gradient(90deg,transparent 0 44px,#e9ce954d 44px 62px);transform:translateX(calc(var(--transfer-progress,0)*-44px))} .kk-journey .kk-j-transfer>.kk-j-traveler{left:calc(12% + var(--transfer-progress,0)*76%);bottom:15px;width:76px;height:76px;transform:translateX(-50%)} .kk-journey .kk-j-transfer-companion{position:absolute;left:calc(12% + var(--transfer-progress,0)*76%);bottom:17px;width:36px;height:54px;transform:translateX(calc(-74px - var(--follower-index)*38px));z-index:5} .kk-journey .kk-j-transfer-companion>.kk-sprite{width:100%;height:100%;transform:scaleX(var(--walk-facing,1))} .kk-journey [data-story-companion="0"]{--follower-index:0}.kk-journey [data-story-companion="1"]{--follower-index:1}.kk-journey [data-story-companion="2"]{--follower-index:2}.kk-journey [data-story-companion="3"]{--follower-index:3} .kk-journey [data-story-chapter="1"] .kk-j-transfer-companion,.kk-journey [data-story-chapter="2"] .kk-j-transfer-companion{display:none} /* The previous service leaves the viewport while the next area approaches. */ .kk-journey.is-journey-active .kk-j-area{transform:translateX(calc((var(--area) - var(--service-camera-progress,var(--scene-step)))*100%));transition:none} .kk-journey.is-journey-active .kk-j-area.is-visible{visibility:visible} /* A full-width, scroll-playable map with a stable business explanation below it. */ .kk-journey .kk-j-map-pin.is-pinned>.kk-j-stage{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px} .kk-journey .kk-j-map-pin.is-pinned .kk-j-map-world{grid-column:1;grid-row:1;height:320px;min-height:320px} .kk-journey .kk-j-map-pin.is-pinned .kk-flow-map{grid-column:1;grid-row:2} .kk-journey .kk-j-map-pin.is-pinned .kk-j-seek-map{grid-column:1;grid-row:3;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px} .kk-journey .kk-j-map-pin.is-pinned .kk-j-seek-map>a{display:flex;flex-direction:column;gap:1px;padding:5px 3px;min-height:44px;font-size:14px;line-height:1.45;text-align:center;justify-content:center} .kk-journey .kk-j-map-pin.is-pinned .kk-flow-map>li{min-height:106px;padding:12px 20px;display:grid;grid-template-columns:80px 36px minmax(0,1fr);gap:16px;align-items:center;box-shadow:inset 0 0 0 4px #fff5dd,inset 0 0 0 5px #b49a6e} .kk-journey .kk-j-flow-art{width:100%;height:auto;max-width:144px;object-fit:contain;image-rendering:pixelated} .kk-journey .kk-j-map-pin.is-pinned .kk-j-flow-art{width:80px;height:80px;grid-column:1;grid-row:1} .kk-journey .kk-j-map-pin.is-pinned .kk-step-number{grid-column:2;grid-row:1;font:1.25rem/1.4 Georgia,serif;color:#876124} .kk-journey .kk-j-map-pin.is-pinned .kk-flow-map>li>div{grid-column:3;grid-row:1;display:grid;grid-template-columns:minmax(11rem,.65fr) minmax(0,1.6fr);gap:24px;align-items:center} .kk-journey .kk-j-map-pin.is-pinned .kk-flow-map h3{margin:0;font-size:1.25rem;line-height:1.65} .kk-journey .kk-j-map-pin.is-pinned .kk-flow-map p{margin:0;font-size:1.125rem;line-height:1.8} .kk-journey .kk-j-map-world{height:360px;min-height:0;background:#1b4957} .kk-journey .kk-j-map-world .kk-j-world-topline{padding:10px 14px;min-height:40px;font-size:12px} .kk-journey .kk-j-map-world .kk-j-world-topline>span:last-child{display:flex;gap:14px;align-items:center;font-size:14px} .kk-journey .kk-j-map-world .kk-j-world-topline b{font:12px/1.5 monospace;color:#e8c579} .kk-journey .kk-j-map-distant{position:absolute;inset:0;width:140%;transform:translateX(calc(var(--map-far-x,0px)*-1));opacity:.9} .kk-journey .kk-j-map-camera{width:200%;inset:0;transform:translateX(calc(var(--map-camera-x,0px)*-1));} .kk-journey .kk-j-atlas{position:absolute;inset:40px 0 30px;display:block;overflow:hidden} .kk-journey .kk-j-atlas img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 66%;display:block;image-rendering:pixelated;filter:saturate(.85) brightness(.83)} .kk-journey .kk-j-route-shadow{stroke:#253b23a8;stroke-width:28} .kk-journey .kk-j-route-base{stroke:#cfb881;stroke-width:18;stroke-dasharray:none} .kk-journey .kk-j-route-progress{stroke:#f5d178;stroke-width:7;stroke-dasharray:none;filter:none} .kk-journey .kk-j-map-node{width:140px;display:block;translate:-50% 0;z-index:4} .kk-journey .kk-j-stop-art{position:absolute;left:50%;bottom:22px;translate:-50% 0;width:112px;height:112px;object-fit:contain;display:block;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #092c3855);transition:filter .15s} .kk-journey .kk-j-map-node-dot{position:absolute;left:50%;top:0;translate:-50% -50%;width:24px;height:24px;border-radius:50%;rotate:0;font:10px/1 monospace;border:2px solid #e7d29f;box-shadow:0 2px #233f2480;background:#223e42} .kk-journey .kk-j-map-node-label{display:block;position:relative;top:19px;margin:auto;width:max-content;max-width:100%;font-size:14px;padding:3px 8px;line-height:1.5;box-shadow:0 2px #04172e5c} .kk-journey .kk-j-map-node.is-current .kk-j-stop-art{filter:drop-shadow(0 0 4px #ffd77299) drop-shadow(0 4px 0 #06203488)} .kk-journey .kk-j-map-node.is-current .kk-j-map-node-label{background:#f4d28b;color:#142b43;border-color:#fff1c9} .kk-journey .kk-j-map-camera .kk-j-traveler{width:68px;height:68px;z-index:8} .kk-journey .kk-j-map-follower{position:absolute;left:var(--follower-x,5%);top:var(--follower-y,65%);width:30px;height:45px;transform:translate(-50%,-100%);z-index:7} .kk-journey .kk-j-map-follower>.kk-sprite{width:100%;height:100%;transform:scaleX(var(--walk-facing,1));filter:drop-shadow(0 3px #152d3155)} .kk-journey .kk-j-map-footer{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:24px;justify-content:space-between;background:#051a31f5;border-top:1px solid #b79e6e;padding:9px 14px;min-height:40px;color:#fff0cd;font-size:13px;line-height:1.5} .kk-journey .kk-j-map-next{min-width:200px;white-space:nowrap} .kk-journey .kk-j-minimap{position:relative;flex:1;height:3px;margin:0 12px;background:#718684;max-width:320px} .kk-journey .kk-j-minimap>i{position:absolute;top:50%;left:calc(var(--stop)*100%/7);width:5px;height:5px;background:#d5cda7;transform:translate(-50%,-50%)} .kk-journey [data-journey-minimap-player]{position:absolute;top:50%;left:calc(var(--map-progress,0)*100%);width:9px;height:9px;background:#ffd878;border:1px solid #fff2bb;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 3px #edca6733} .kk-journey .kk-j-map-hint{font-size:12px;white-space:nowrap;color:#f1d899} .kk-journey .kk-j-map-foreground{position:absolute;left:0;bottom:25px;width:240%;height:32px;pointer-events:none;z-index:9;transform:translateX(calc(var(--map-near-x,0px)*-1))} .kk-journey .kk-j-map-foreground>i{position:absolute;bottom:0;width:80px;height:30px;background:#183b2a;clip-path:polygon(0 100%,0 65%,15% 65%,15% 30%,35% 30%,35% 0,65% 0,65% 25%,85% 25%,85% 60%,100% 60%,100% 100%);box-shadow:inset 0 8px #326741} .kk-journey .kk-j-map-foreground>i:nth-child(1){left:7%}.kk-journey .kk-j-map-foreground>i:nth-child(2){left:30%;width:120px}.kk-journey .kk-j-map-foreground>i:nth-child(3){left:53%}.kk-journey .kk-j-map-foreground>i:nth-child(4){left:74%;width:100px}.kk-journey .kk-j-map-foreground>i:nth-child(5){left:92%} .kk-journey .kk-j-map-pin:not(.is-pinned) .kk-flow-map>li{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px} .kk-journey .kk-j-map-pin:not(.is-pinned) .kk-flow-map .kk-j-flow-art{grid-column:1;grid-row:1/3;width:100px;height:100px} .kk-journey .kk-j-map-pin:not(.is-pinned) .kk-flow-map .kk-step-number{grid-column:2;font-size:1rem;align-self:end;line-height:1;margin:0} .kk-journey .kk-j-map-pin:not(.is-pinned) .kk-flow-map>li>div{grid-column:2;align-self:start} @media(max-width:1100px){ .kk-journey .kk-j-hud-inner{gap:20px}.kk-journey .kk-j-hud-label{min-width:215px}.kk-journey .kk-j-hud-label small{display:none} } @media(max-width:760px){ .kk-journey{--story-header-bottom:79px} .kk-journey .kk-j-hud{height:44px} .kk-journey .kk-j-hud-inner{padding:0 16px;gap:16px} .kk-journey .kk-j-hud-label{min-width:0;flex:0 0 auto;max-width:49%} .kk-journey .kk-j-hud-label strong{font-size:11px;overflow:hidden;text-overflow:ellipsis} .kk-journey .kk-j-hud-party{display:none} .kk-journey .kk-j-story-track{margin:14px 5px;height:2px;min-width:80px} .kk-journey .kk-j-story-track>i{width:4px;height:4px} .kk-journey .kk-j-hud-player{width:28px;height:28px;bottom:0} .kk-journey .kk-j-transfer{height:104px} .kk-journey .kk-j-transfer-label{padding:10px 16px} .kk-journey .kk-j-transfer-label>span{font-size:8px} .kk-journey .kk-j-transfer-label strong{font-size:12px} .kk-journey .kk-j-transfer>.kk-j-traveler{width:58px;height:58px} .kk-journey .kk-j-transfer-companion{width:22px;height:33px;transform:translateX(calc(-46px - var(--follower-index)*24px))} .kk-journey .kk-j-map-world{height:250px} .kk-journey .kk-j-map-camera{width:400%} .kk-journey .kk-j-map-world .kk-j-world-topline{min-height:34px;padding:7px 9px;font-size:9px;letter-spacing:.01em} .kk-journey .kk-j-map-world .kk-j-world-topline>span:last-child{font-size:11px;gap:7px} .kk-journey .kk-j-map-world .kk-j-world-topline b{font-size:10px} .kk-journey .kk-j-atlas{inset:34px 0 30px} .kk-journey .kk-j-stop-art{width:86px;height:86px;bottom:17px} .kk-journey .kk-j-map-node{width:102px} .kk-journey .kk-j-map-node-label{font-size:12px;top:14px;padding:2px 5px} .kk-journey .kk-j-map-node-dot{width:18px;height:18px;font-size:8px} .kk-journey .kk-j-map-camera .kk-j-traveler{width:50px;height:50px} .kk-journey .kk-j-map-follower{width:22px;height:33px} .kk-journey .kk-j-map-footer{padding:7px 9px;min-height:34px;gap:12px;font-size:11px} .kk-journey .kk-j-map-next{min-width:0} .kk-journey .kk-j-map-hint{display:none} .kk-journey .kk-j-minimap{max-width:100px;margin-right:4px} .kk-journey .kk-j-map-foreground{height:23px;bottom:26px} .kk-journey .kk-j-map-foreground>i{height:23px;width:56px} .kk-journey .kk-j-map-pin:not(.is-pinned) .kk-flow-map>li{grid-template-columns:72px minmax(0,1fr);gap:12px} .kk-journey .kk-j-map-pin:not(.is-pinned) .kk-flow-map .kk-j-flow-art{width:72px;height:72px} .kk-journey .kk-j-map-pin [data-journey-card]{scroll-margin-top:calc(var(--journey-top) + 17rem)} } /* Complete atlas when animation is unavailable. Decorative sprites never obscure copy. */ .kk-journey:not(.is-journey-ready) .kk-j-transfer{visibility:hidden} .kk-journey.is-journey-reduced .kk-j-transfer,.kk-motion-reduced .kk-j-transfer{display:none} @media(prefers-reduced-motion:reduce){.kk-journey .kk-j-transfer{display:none}} .kk-journey:not(.is-journey-ready) .kk-j-map-distant,.kk-journey.is-journey-reduced .kk-j-map-distant, .kk-journey:not(.is-journey-ready) .kk-j-map-foreground,.kk-journey.is-journey-reduced .kk-j-map-foreground, .kk-journey:not(.is-journey-ready) .kk-j-map-follower,.kk-journey.is-journey-reduced .kk-j-map-follower{display:none} .kk-journey:not(.is-journey-ready) .kk-j-map-camera,.kk-journey.is-journey-reduced .kk-j-map-camera{background:#dce7cd;padding:56px 16px 66px;gap:24px 12px} .kk-journey:not(.is-journey-ready) .kk-j-atlas,.kk-journey.is-journey-reduced .kk-j-atlas{opacity:.25;inset:0} .kk-journey:not(.is-journey-ready) .kk-j-map-node,.kk-journey.is-journey-reduced .kk-j-map-node{display:flex;flex-direction:column;align-items:center;gap:8px;width:auto} .kk-journey:not(.is-journey-ready) .kk-j-stop-art,.kk-journey.is-journey-reduced .kk-j-stop-art{position:relative;bottom:auto;left:auto;translate:none;width:112px;height:112px;max-width:100%} .kk-journey:not(.is-journey-ready) .kk-j-map-node-dot,.kk-journey.is-journey-reduced .kk-j-map-node-dot{position:relative;top:auto;left:auto;translate:none} .kk-journey:not(.is-journey-ready) .kk-j-map-node-label,.kk-journey.is-journey-reduced .kk-j-map-node-label{top:auto;margin:0;font-size:1rem} .kk-journey.is-journey-large-type .kk-j-transfer{display:none} .kk-journey.is-journey-large-type .kk-j-map-world .kk-j-world-topline{min-height:30px} .kk-journey.is-journey-large-type .kk-j-map-footer{display:none} .kk-journey.is-journey-reduced .kk-j-hud-player>.kk-j-walk{transform:none} .kk-journey.is-journey-reduced .kk-j-map-camera{height:auto!important;min-height:0!important} .kk-journey .kk-j-map-pin .kk-step-number::after{display:none} .kk-journey .kk-j-seek-map>a[aria-current]>span{color:#694519!important} .kk-journey .kk-j-story-track>i.is-reached{background:#e6bf60;border-color:#f4dca0} .kk-journey .kk-j-story-track>i.is-current{box-shadow:0 0 0 3px #e6bf6033} .kk-journey .kk-j-minimap>i{left:calc(var(--stop-progress,0)*100%)} .kk-journey .kk-j-map-pin .kk-flow-map p{font-size:1.125rem;line-height:1.9} .kk-journey.is-journey-large-type .kk-j-map-pin:not(.is-pinned) .kk-flow-map>li{display:block} .kk-journey.is-journey-large-type .kk-j-map-pin:not(.is-pinned) .kk-flow-map .kk-j-flow-art{display:block;width:96px;height:96px;margin:0 0 16px} .kk-journey.is-journey-large-type .kk-j-map-pin:not(.is-pinned) .kk-flow-map .kk-step-number{display:block;margin-bottom:12px} .kk-journey.is-journey-large-type.is-journey-reduced .kk-j-map-camera{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:760px){ .kk-journey:not(.is-journey-ready) .kk-j-map-camera,.kk-journey.is-journey-reduced .kk-j-map-camera{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))} .kk-journey.is-journey-large-type.is-journey-reduced .kk-j-map-camera{grid-template-columns:1fr} } .kk-journey .kk-j-story-track>i{left:calc(var(--chapter)*100%/9)} .kk-journey .kk-j-story-track::after{content:"";position:absolute;left:100%;top:50%;width:7px;height:7px;border:1px solid #e8c578;transform:translate(-50%,-50%) rotate(45deg)} @media(max-width:760px){ .kk-journey .kk-j-hud-label{max-width:56%}.kk-journey .kk-j-hud-label strong{font-size:13px} .kk-journey .kk-j-transfer-label strong{font-size:14px} .kk-journey .kk-j-map-node-label{font-size:13px} .kk-journey .kk-j-map-footer{font-size:12px} } .kk-journey:not(.is-journey-ready) .kk-j-map-pin:not(.is-pinned) .kk-flow-map>li{display:block} .kk-journey:not(.is-journey-ready) .kk-j-map-pin:not(.is-pinned) .kk-flow-map .kk-j-flow-art{display:block;width:96px;height:96px;margin:0 0 16px} .kk-journey:not(.is-journey-ready) .kk-j-map-pin:not(.is-pinned) .kk-flow-map .kk-step-number{display:block;margin-bottom:12px} /* Leave room for the real browser header and journey strip on laptop screens. */ .kk-journey .kk-j-map-pin.is-pinned .kk-j-map-world{height:clamp(300px,calc(100vh - var(--journey-top) - 240px),320px);min-height:300px} .kk-journey .kk-j-service-pin.is-pinned>.kk-j-stage{padding:16px;gap:16px} .kk-journey .kk-j-service-pin.is-pinned .kk-j-world{min-height:26.5rem} .kk-journey .kk-j-service-pin.is-pinned .kk-exp-service{padding:1.5rem} /* Reserve scene space before initialization; move decoration without relayout. */ @supports (width:1cqw){ .kk-journey .kk-j-opening-world,.kk-journey .kk-j-transfer,.kk-journey .kk-j-story-track{container-type:inline-size} .kk-journey .kk-j-opening-world .kk-j-traveler{left:12%;transform:translateX(calc(var(--scene-progress)*60cqw))} .kk-journey .kk-j-hud-player{left:0;transform:translateX(calc(var(--story-progress)*100cqw - 50%))} .kk-journey .kk-j-transfer>.kk-j-traveler{left:12%;transform:translateX(calc(var(--transfer-progress,0)*76cqw - 50%))} .kk-journey .kk-j-transfer-companion{left:12%;transform:translateX(calc(var(--transfer-progress,0)*76cqw - 74px - var(--follower-index)*38px))} @media(max-width:760px){ .kk-journey .kk-j-opening-world .kk-j-traveler{left:8%;transform:translateX(calc(var(--scene-progress)*65cqw))} .kk-journey .kk-j-transfer-companion{transform:translateX(calc(var(--transfer-progress,0)*76cqw - 46px - var(--follower-index)*24px))} } } @media(max-width:760px){.kk-journey .kk-j-hud-label{flex:0 0 56%;width:56%;max-width:56%}}