/* Satin surfaces, luminous edges and rounded controls for the corporate site. */
body.kkw-parallax:not(.kkw-refined) main{overflow-wrap:anywhere}
body.kkw-parallax.kkw-refined{
 --kkw-surface-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #9ea8c02e,0 2px 4px #25324c06,0 12px 28px #25324c09,0 28px 56px #3c31530a;
 --kkw-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='144'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23595478' opacity='.045' filter='url(%23n)' d='M0 0h144v144H0z'/%3E%3C/svg%3E");
 background-color:#fafaf9;
 background-image:var(--kkw-grain),radial-gradient(ellipse 1000px 760px at 100% 120px,#e7def433,transparent 72%),radial-gradient(ellipse 900px 620px at 0 620px,#d9edf033,transparent 74%),linear-gradient(135deg,#fffdfb66,#f7f8fb33);
}
body.kkw-parallax.kkw-refined :is(.hero,.detail-hero) h1 span{color:#64439d;background:linear-gradient(115deg,#7653ae 5%,#514385 55%,#326c82);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.kkw-parallax.kkw-refined.plugin-detail :is(.hero,.detail-hero) h1 span{background-image:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#111b3c))}
body.kkw-parallax.kkw-refined :is(.site-header,.corporate-header){box-shadow:inset 0 -1px #fff,0 7px 25px #26315608}
body.kkw-parallax.kkw-refined :is(.section-label,.section-topline){border-image:linear-gradient(90deg,#b4a0d99c,#dbe2ee88,#9bcfd699) 1}

/* Decorative sparkle stays behind content and never receives pointer events. */
.kkw-parallax .kkw-depth-scene:not(.kkw-depth-scene--end)::before{
 content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.4;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='740' viewBox='0 0 900 740'%3E%3Cg fill='%238976b8'%3E%3Cpath opacity='.6' d='M612 123q0 9 9 9-9 0-9 9 0-9-9-9 9 0 9-9Z'/%3E%3Cpath opacity='.45' d='M115 567q0 7 7 7-7 0-7 7 0-7-7-7 7 0 7-7Z'/%3E%3C/g%3E%3Cg fill='%2352a8b5'%3E%3Cpath opacity='.6' d='M787 491q0 11 11 11-11 0-11 11 0-11-11-11 11 0 11-11Z'/%3E%3Ccircle cx='396' cy='358' r='1.5' opacity='.5'/%3E%3Ccircle cx='658' cy='647' r='2' opacity='.4'/%3E%3C/g%3E%3C/svg%3E");
 background-size:900px 740px;animation:none;
}

/* Round buttons: layered colour, an inset highlight and a short interaction sheen. */
body.kkw-parallax.kkw-refined :is(.button,.corporate-button){
 position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:1px solid #48466a;
 min-height:54px;padding-inline:23px;gap:16px;border-radius:999px;font-weight:650;letter-spacing:-.015em;
 color:#fff;background:linear-gradient(180deg,#ffffff16,transparent 46%),linear-gradient(125deg,#514470,#263355 55%,#18223f);
 box-shadow:inset 0 1px 1px #ffffff60,inset 0 -2px 2px #0e14355e,0 3px 5px #17234314,0 12px 26px #493c701f;
 transition:transform .22s,box-shadow .22s,border-color .22s;
}
body.kkw-parallax.kkw-refined :is(.button.primary,.button.button-primary){background:linear-gradient(180deg,#ffffff16,transparent 46%),linear-gradient(125deg,#514470,#263355 55%,#18223f)}
body.kkw-parallax.kkw-refined.plugin-detail .detail-actions .button.primary{border-color:var(--accent);background:linear-gradient(180deg,#ffffff12,transparent 48%),linear-gradient(130deg,color-mix(in srgb,var(--accent) 84%,#111b3c),color-mix(in srgb,var(--accent) 60%,#111b3c));box-shadow:inset 0 1px 1px #ffffff50,inset 0 -2px 2px #111b3c38,0 12px 24px color-mix(in srgb,var(--accent) 20%,transparent)}
body.kkw-parallax.kkw-refined .button.secondary{color:#293554;border-color:#d5d6e8;background:linear-gradient(165deg,#fff 15%,#f5f2fc 64%,#eaf4f8);box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #bec1d72e,0 8px 20px #3530500c}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::before{content:"";position:absolute;inset:2px 7px auto;height:44%;border-radius:999px;background:linear-gradient(180deg,#ffffff1c,transparent);pointer-events:none}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::after{content:"";position:absolute;inset:-45% -60%;background:linear-gradient(105deg,transparent 42%,#ffffff3b 50%,transparent 58%);transform:translateX(-100%);opacity:0;pointer-events:none}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button):is(:hover,:focus-visible){transform:translateY(-2px);border-color:#9c8bc1;box-shadow:inset 0 1px 2px #ffffff70,inset 0 -2px 2px #111b3c2e,0 5px 12px #36305212,0 17px 32px #63508024}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button):is(:hover,:focus-visible)::after{animation:kkw-button-sheen .85s ease-out}
@keyframes kkw-button-sheen{0%{transform:translateX(-85%);opacity:0}20%{opacity:.9}80%{opacity:.9}100%{transform:translateX(85%);opacity:0}}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button):active{transform:translateY(1px);box-shadow:inset 0 2px 5px #111b3c38,0 4px 10px #493c7012}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button):disabled{opacity:.55;transform:none;box-shadow:none;cursor:wait}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button):disabled::after{animation:none}
body.kkw-parallax.kkw-refined .contact-form button[type=submit]{border-radius:999px;box-shadow:inset 0 1px 1px #ffffff60,inset 0 -2px 2px #0e14355e,0 12px 26px #493c701f}
body.kkw-parallax.kkw-refined .contact-form button[type=submit]:disabled{box-shadow:none}
body.kkw-parallax.kkw-refined :is(.back-to-top,.privacy-notice__actions button,.privacy-notice__actions a){border-radius:999px;box-shadow:inset 0 1px 1px #ffffff80,0 5px 14px #34305210}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button,.dialog-close):focus-visible{outline:3px solid #7352b3;outline-offset:4px}
body.kkw-parallax.kkw-refined :is(.dialog-close,.contact-arrow){background:linear-gradient(145deg,#fff,#eee9f8);color:#5c448b;border:1px solid #cbbfe0;box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #d5cde7,0 8px 20px #33265020}
body.kkw-parallax.kkw-refined :is(.dialog-close,.contact-link:hover .contact-arrow):hover{background:linear-gradient(145deg,#fff,#e2d8f3);color:#4e317e}

/* Deeper surfaces without changing the layout or the page-specific accent colours. */
body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card),.solution,.system-card,.category-example,.benefit,.game-card,.logo-tile){border-color:#daddec;border-radius:24px;box-shadow:var(--kkw-surface-shadow)}
body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card),.solution-page-link,.system-card,.logo-tile):hover{border-color:#b6a1d4;box-shadow:inset 0 1px 2px #fff,0 8px 14px #28315709,0 25px 42px #54427319}
body.kkw-parallax.kkw-refined :is(.delivery,.mini-process,.category-panel,.games-intro-note,.contact,.contact-form,.contact-email-card){border-radius:28px;box-shadow:var(--kkw-surface-shadow)}
body.kkw-parallax.kkw-refined :is(.visual,.plugin-visual,.concept,.detail-emblem){border-radius:34px;border-color:#d7dce9;box-shadow:inset 0 2px 2px #ffffffed,inset 0 -2px 2px #afb8d522,0 9px 20px #2e315908,0 30px 65px #52477a13}
body.kkw-parallax.kkw-refined :is(.browser,.ui-window){border-radius:17px;box-shadow:inset 0 1px #fff,0 8px 18px #25355710,0 25px 48px #28375d20}
body.kkw-parallax.kkw-refined .phone{box-shadow:inset 0 1px 2px #ffffff70,0 12px 22px #1423431f,0 28px 42px #24334e24}
body.kkw-parallax.kkw-refined :is(.integration-block,.idea-label,.crm-node){border-radius:16px;box-shadow:inset 0 1px 1px #ffffff80,0 4px 9px #34324f08,0 13px 22px #34324f0e}
body.kkw-parallax.kkw-refined :is(.step-icon,.benefit-icon,.card-symbol),body.kkw-parallax.kkw-refined .field-card:not(.operio-card)>.icon{border-radius:15px;box-shadow:inset 0 2px 1px #ffffffd9,inset 0 -2px 2px #84729b13,0 5px 11px #78609412}
body.kkw-parallax.kkw-refined .contact-form :is(input:not([type=checkbox]):not([type=hidden]),textarea,select){border-radius:15px;background:linear-gradient(175deg,#f6f7fc,#fff);box-shadow:inset 0 2px 4px #3b426508,0 1px #fff}
body.kkw-parallax.kkw-refined .contact-form :is(input:not([type=checkbox]):not([type=hidden]),textarea,select):focus{border-color:#9473bf;box-shadow:0 0 0 3px #9473bf16}

/* The approved design previews retain their exact image crop. */
body.kkw-parallax.kkw-refined.kkw-webdesign .hero-screen{border-radius:16px;border-color:#ffffffd9;box-shadow:inset 0 1px 1px #fff,0 9px 18px #17234310,0 28px 56px #3e345d24}
body.kkw-parallax.kkw-refined.kkw-webdesign .hero-screen-main{box-shadow:inset 0 1px #fff,0 12px 24px #17234319,0 35px 65px #3e345d30}
body.kkw-parallax.kkw-refined.kkw-webdesign .browser-bar{background:linear-gradient(165deg,#fff 35%,#f0edf7);border-bottom:1px solid #e6e1ef}
body.kkw-parallax.kkw-refined.kkw-webdesign .art-badge{background:radial-gradient(circle at 28% 16%,#a792d5,#7760b5 38%,#51368c 95%);border:1px solid #c2afe7;box-shadow:inset 0 2px 2px #ffffff91,inset 0 -4px 6px #321b6557,0 0 0 7px #faf9f7b0,0 14px 26px #4e33713b}
body.kkw-parallax.kkw-refined.kkw-webdesign .project-open>.concept-frame{border-radius:17px;box-shadow:0 0 0 1px #d5d1df,0 4px 10px #17234306,0 15px 28px #3c345b14}
body.kkw-parallax.kkw-refined.kkw-webdesign .project-open:hover>.concept-frame{box-shadow:0 0 0 1px #b5a1d1,0 8px 17px #17234312,0 22px 38px #5e447722}
body.kkw-parallax.kkw-refined.kkw-webdesign .design-dialog{border-radius:24px;border:1px solid #f8f6ff;box-shadow:inset 0 1px #fff,0 35px 100px #111b3c55}
body.kkw-parallax.kkw-refined.kkw-webdesign .contact-section{background:radial-gradient(ellipse at 90% 0,#7951ae42,transparent 65%),linear-gradient(125deg,#171f3f,#222748 65%,#32335c)}

@media(max-width:760px){
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button){min-height:50px;padding-inline:18px;gap:12px;max-width:100%}
 body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card),.system-card,.game-card,.logo-tile,.benefit){border-radius:20px}
 body.kkw-parallax.kkw-refined :is(.visual,.plugin-visual,.concept,.detail-emblem,.contact,.contact-form){border-radius:25px}
 .kkw-parallax .kkw-depth-scene:not(.kkw-depth-scene--end)::before{background-size:680px 620px}
}
@media(prefers-reduced-motion:reduce){
 .kkw-parallax .kkw-depth-scene:not(.kkw-depth-scene--end)::before{animation:none;opacity:.35}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button){transition:none}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button):is(:hover,:focus-visible,:active){transform:none}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::after{animation:none!important;display:none}
}
@media(forced-colors:active){
 body.kkw-parallax.kkw-refined{background:Canvas;color:CanvasText}
 body.kkw-parallax.kkw-refined :is(.hero,.detail-hero) h1 span{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button,.dialog-close,.contact-arrow){background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::before,body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::after{display:none}
}
@media print{
 body.kkw-parallax.kkw-refined{background:#fff}
 body.kkw-parallax.kkw-refined :is(.hero,.detail-hero) h1 span{background:none;color:#111b3c;-webkit-text-fill-color:#111b3c}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::before,body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::after{display:none}
}

/* Editorial type: lighter display weight, open small text, deliberate line lengths. */
body.kkw-parallax.kkw-refined{font-kerning:normal;text-rendering:optimizeLegibility}
body.kkw-parallax.kkw-refined :is(h1,h2,h3){font-synthesis:none;font-optical-sizing:auto}
body.kkw-parallax.kkw-refined h1,body.kkw-parallax.kkw-refined :is(.corporate-page-heading,.legal-heading) h1{font-weight:710;letter-spacing:-.052em;line-height:1.08;text-wrap:balance;overflow-wrap:break-word}
body.kkw-parallax.kkw-refined h2{font-weight:690;letter-spacing:-.039em;line-height:1.17;text-wrap:balance}
body.kkw-parallax.kkw-refined h3{font-weight:690;letter-spacing:-.022em;line-height:1.35}
body.kkw-parallax.kkw-refined .system-card h3{hyphens:auto;overflow-wrap:break-word}
body.kkw-parallax.kkw-refined :is(.hero-lead,.detail-lead){font-weight:420;letter-spacing:-.008em;line-height:1.75;text-wrap:pretty}
body.kkw-parallax.kkw-refined .hero-lead{max-width:45ch}
body.kkw-parallax.kkw-refined :is(.eyebrow,.corporate-eyebrow){font-size:10px;font-weight:700;letter-spacing:.145em;line-height:1.6}
body.kkw-parallax.kkw-refined :is(.section-label,.section-topline){font-size:10px;letter-spacing:.095em;line-height:1.6}
body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card) strong,.system-card h3,.benefit h3){font-family:var(--kkw-heading);font-size:17px;font-weight:710;letter-spacing:-.025em;line-height:1.35}
body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card) p,.system-card p,.benefit p,.steps p,.category-example>p,.ten-points p){font-size:14px;line-height:1.75;letter-spacing:-.005em;text-wrap:pretty}
body.kkw-parallax.kkw-refined :is(.step-number,.point-number,.milestone strong){font-variant-numeric:tabular-nums lining-nums}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button){font-size:13px;font-weight:650;letter-spacing:.005em;line-height:1.4}
body.kkw-parallax.kkw-refined .text-link{font-size:13px;font-weight:650;letter-spacing:-.005em}
body.kkw-parallax.kkw-refined :is(.section-heading p,.project-sector,.concept-note){line-height:1.7}
body.kkw-parallax.kkw-refined.kkw-webdesign .project-caption strong{font-size:11px;letter-spacing:.075em;font-weight:750}
body.kkw-parallax.kkw-refined.kkw-webdesign .project-sector{font-size:11px}
body.kkw-parallax.kkw-refined.kkw-webdesign .project-caption{padding-top:18px;align-items:start}
body.kkw-parallax.kkw-refined :is(.site-footer,.corporate-footer){font-size:12px;line-height:1.7}

/* Static paper and satin layers; photographs and the OPERIO feature keep their own surfaces. */
@media screen and (forced-colors:none){
 body.kkw-parallax.kkw-refined :is(.hero-lead,.detail-lead){color:#4d5870}
 body.kkw-parallax.kkw-refined :is(.hero,.detail-hero) h1 span{background-image:linear-gradient(115deg,#72519f 0%,#51407d 48%,#286272 100%)}
 body.kkw-parallax.kkw-refined.plugin-detail :is(.hero,.detail-hero) h1 span{background-image:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#111b3c))}
 body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card),.system-card,.benefit,.category-example,.legal-card,.contact-form){
  --kkw-card-tint:#f2f3f9;
  background-color:#fff;
  background-image:var(--kkw-grain),radial-gradient(ellipse at 10% 0,#ffffffc9,transparent 70%),linear-gradient(145deg,#ffffff 0%,#fdfdfe 46%,var(--kkw-card-tint) 100%);
  border-color:#d7dce8;box-shadow:var(--kkw-surface-shadow);
 }
 body.kkw-parallax.kkw-refined .field-card:first-child:not(.operio-card){--kkw-card-tint:#e4f1f3}
 body.kkw-parallax.kkw-refined .field-card.webdesign-tile{--kkw-card-tint:#eee5f6}
 body.kkw-parallax.kkw-refined.plugin-detail :is(.benefit,.category-example){--kkw-card-tint:var(--tint,#f2f3f9)}
 body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card) p,.system-card p,.benefit p,.steps p,.ten-points p){color:#536077}
 body.kkw-parallax.kkw-refined :is(.delivery,.mini-process,.category-panel,.games-intro-note,.contact,.contact-email-card){
  background-image:var(--kkw-grain),radial-gradient(ellipse at 0 100%,#d8ecef80,transparent 64%),radial-gradient(ellipse at 100% 0,#e7ddf380,transparent 68%),linear-gradient(140deg,#fcfdff,#f2f1f7);
  border-color:#d4dce7;
 }
 body.kkw-parallax.kkw-refined .visual{background-image:var(--kkw-grain),radial-gradient(ellipse at 16% 68%,#cde9ef,transparent 64%),radial-gradient(ellipse at 94% 18%,#e2d7f0,transparent 62%),linear-gradient(135deg,#f6f9fc,#f0edf7)}
 body.kkw-parallax.kkw-refined .plugin-visual{background-image:var(--kkw-grain),radial-gradient(ellipse at 10% 0,#ffffffb5,transparent 75%),linear-gradient(140deg,#e5f0f2,#ece6f5)}
 body.kkw-parallax.kkw-refined.plugin-detail .concept{background-image:var(--kkw-grain),radial-gradient(ellipse at 0 0,#ffffffcf,transparent 70%),linear-gradient(140deg,transparent,#ffffff28);background-color:var(--tint)}
 body.kkw-parallax.kkw-refined :is(.visual,.plugin-visual,.concept,.detail-emblem){border-color:#d3d8e5;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #a9b2c52e,0 3px 7px #24334908,0 24px 60px #43395813}
 body.kkw-parallax.kkw-refined .case-study{background-image:var(--kkw-grain),radial-gradient(ellipse at 0 100%,#3b61794f,transparent 70%),linear-gradient(130deg,#222e4b,#121c36)}
 body.kkw-parallax.kkw-refined.kkw-webdesign .contact-section{background-image:var(--kkw-grain),radial-gradient(ellipse at 90% 0,#7951ae42,transparent 65%),linear-gradient(125deg,#171f3f,#222748 65%,#32335c)}
 body.kkw-parallax.kkw-refined :is(.section-label,.section-topline){color:#59627a;border-image:linear-gradient(90deg,#a798bd9c,#dce0e9,#91bcc49c) 1}
 body.kkw-parallax.kkw-refined :is(.site-footer,.corporate-footer){background-image:var(--kkw-grain),linear-gradient(125deg,#f1f5f8,#f1eef6);color:#556078}
 body.kkw-parallax.kkw-refined.kkw-webdesign :is(.project-sector,.concept-note,.section-heading p){color:#636378}
}
@media(max-width:760px){
 body.kkw-parallax.kkw-refined h1,body.kkw-parallax.kkw-refined :is(.corporate-page-heading,.legal-heading) h1{letter-spacing:-.045em;line-height:1.1}
 body.kkw-parallax.kkw-refined h2{letter-spacing:-.032em;line-height:1.2}
 body.kkw-parallax.kkw-refined :is(.hero-lead,.detail-lead){font-size:16px;line-height:1.7}
 body.kkw-parallax.kkw-refined :is(.eyebrow,.corporate-eyebrow,.section-label,.section-topline){font-size:9px;letter-spacing:.1em}
 body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card) strong,.system-card h3,.benefit h3){font-size:16px}
 body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card) p,.system-card p,.benefit p,.steps p,.category-example>p,.ten-points p){font-size:13px;line-height:1.75}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button,.text-link){font-size:12px}
 body.kkw-parallax.kkw-refined.kkw-webdesign .project-caption{padding-top:13px}
 body.kkw-parallax.kkw-refined.kkw-webdesign .project-caption strong{font-size:10px;letter-spacing:.055em}
 body.kkw-parallax.kkw-refined.kkw-webdesign .project-sector{font-size:10px}
}
@media(max-width:480px){
 body.kkw-parallax.kkw-refined .field-card:not(.operio-card) p{text-wrap:balance}
}

@media(max-width:760px){
 body.kkw-parallax.kkw-refined .legal-heading h1{font-size:clamp(28px,8vw,36px);hyphens:auto;overflow-wrap:break-word}
}

/* Shared reading scale and alignment across the corporate collection. */
body.kkw-parallax.kkw-refined{--kkw-content:1160px;--kkw-gutter:80px;--kkw-copy:16px;--kkw-card-copy:15px;--kkw-meta:12px}
body.kkw-parallax.kkw-refined :is(.container,.corporate-container){box-sizing:border-box;width:min(var(--kkw-content),calc(100% - var(--kkw-gutter)));max-width:none;margin-inline:auto}
body.kkw-parallax.kkw-refined :is(.hero,.compact-hero) h1{font-size:clamp(44px,5.4vw,68px)}
body.kkw-parallax.kkw-refined :is(.hero-lead,.detail-lead){font-size:18px;line-height:1.7}
body.kkw-parallax.kkw-refined :is(.section-heading p,.contact p,.case-copy p,.category-example>p,.ten-points p,.games-intro-note p,.scope-line p,.faq-list details>p,.contact-form-copy>p){font-size:var(--kkw-copy);line-height:1.7}
body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card) p,.system-card p,.benefit p,.steps p,.mini-process p,.delivery p,.category-example li,.solution-title small){font-size:var(--kkw-card-copy);line-height:1.65}
body.kkw-parallax.kkw-refined :is(.eyebrow,.corporate-eyebrow,.section-label,.section-topline,.project-sector,.concept-note,.systems-note,.visual-footnote,.hero-proof,.detail-tags span,.card-discover,.concept-label,.byline){font-size:var(--kkw-meta);line-height:1.6;letter-spacing:.015em}
body.kkw-parallax.kkw-refined :is(.eyebrow,.corporate-eyebrow,.section-label,.section-topline){letter-spacing:.085em}
body.kkw-parallax.kkw-refined :is(.page-path,.breadcrumb,.kkw-page-path){font-size:12px;line-height:1.6}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button,.text-link){font-size:14px;line-height:1.4}
body.kkw-parallax.kkw-refined :is(.logo-tile>span:last-child,.game-card>a,.milestone span,.field-hint,.form-instructions,.contact-privacy-note){font-size:12px;line-height:1.6}
body.kkw-parallax.kkw-refined .section-heading{margin-block:24px 28px;gap:24px}
body.kkw-parallax.kkw-refined .section-label{padding-top:18px;margin-bottom:24px}
body.kkw-parallax.kkw-refined .section-topline{padding-bottom:18px}
/* The gallery may break out; its text stays on the shared reading grid. */
body.kkw-parallax.kkw-refined.kkw-webdesign .showcase.container{width:min(1320px,calc(100% - var(--kkw-gutter)))}
body.kkw-parallax.kkw-refined.kkw-webdesign .showcase>:is(.section-topline,.section-heading,.concept-note){width:100%;max-width:var(--kkw-content);margin-inline:auto}
body.kkw-parallax.kkw-refined.kkw-webdesign .project-caption strong{font-size:13px;line-height:1.5;letter-spacing:.055em}
body.kkw-parallax.kkw-refined.kkw-webdesign .project-sector{font-size:13px;line-height:1.6}
body.kkw-parallax.kkw-refined.kkw-webdesign .concept-note{font-size:12px}
body.kkw-parallax.kkw-refined.kkw-webdesign :is(.hero-bottom,.art-label){font-size:10px;letter-spacing:.07em}
body.kkw-parallax.kkw-refined.kkw-webdesign .strip-inner li{font-size:13px;line-height:1.5}
body.kkw-parallax.kkw-refined.kkw-webdesign .strip-inner p{font-size:13px}
body.kkw-parallax.kkw-refined.kkw-webdesign .contact-inner p:last-child{font-size:16px;line-height:1.7}
body.kkw-parallax.kkw-refined.kkw-webdesign :is(.dialog-header p:last-child,.dialog-note){font-size:13px;line-height:1.6}
body.kkw-parallax.kkw-refined.kkw-webdesign .site-footer>p{font-size:12px}
/* Quiet background: fixed brand mark, softened upper edge, restrained highlights. */
body.kkw-parallax main .kkw-depth-logo{opacity:.085;mask-image:linear-gradient(to top,#000 0%,#000 38%,#0009 65%,transparent 100%)}
body.kkw-parallax main .kkw-depth-halo{opacity:.2}
body.kkw-parallax main .kkw-depth-grid{opacity:.14}
body.kkw-parallax main .kkw-depth-scene:not(.kkw-depth-scene--end)::before{opacity:.12;animation:none}
@media screen and (forced-colors:none){
 body.kkw-parallax.kkw-refined :is(.benefit,.category-example,.legal-card,.logo-tile,.game-card,.solution){box-shadow:inset 0 1px #fff,0 2px 6px #25324c06,0 8px 18px #25324c05}
 body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card),.system-card){box-shadow:inset 0 1px #fff,inset 0 -1px #9ea8c01a,0 4px 12px #26315608,0 16px 32px #3235600c}
 body.kkw-parallax.kkw-refined :is(.delivery,.mini-process,.category-panel,.games-intro-note,.contact-email-card){background-image:var(--kkw-grain),linear-gradient(130deg,#f6f9fc,#f4f2f8);box-shadow:inset 0 1px #fff,0 3px 12px #25324c06}
 body.kkw-parallax.kkw-refined .button.secondary{background:#fafbfd;box-shadow:inset 0 1px #fff,0 3px 8px #25324c08}
 body.kkw-parallax.kkw-refined .button.secondary::after{display:none}
}
@media(max-width:1023px){body.kkw-parallax.kkw-refined{--kkw-gutter:56px}}
@media(max-width:760px){
 body.kkw-parallax.kkw-refined{--kkw-gutter:36px}
 body.kkw-parallax.kkw-refined :is(.hero,.compact-hero) h1{font-size:clamp(38px,9vw,56px)}
 body.kkw-parallax.kkw-refined :is(.hero-lead,.detail-lead){font-size:16px;line-height:1.7}
 body.kkw-parallax.kkw-refined :is(.section-label,.section-topline){font-size:12px;gap:16px}
 body.kkw-parallax.kkw-refined .section-heading{gap:16px;margin-block:22px 24px}
 body.kkw-parallax.kkw-refined.kkw-webdesign .strip-inner li{font-size:12px}
 body.kkw-parallax.kkw-refined.kkw-webdesign .project-caption>span:first-child{align-items:flex-start;flex-direction:column;gap:3px}
 body.kkw-parallax.kkw-refined.kkw-webdesign .project-caption strong{font-size:12px}
 body.kkw-parallax.kkw-refined.kkw-webdesign .project-sector{font-size:12px}
 body.kkw-parallax main .kkw-depth-logo{opacity:.07}
}
@media(max-width:480px){
 body.kkw-parallax.kkw-refined.home-page .field-grid{grid-template-columns:1fr;gap:12px}
 body.kkw-parallax.kkw-refined.home-page .field-card:not(.operio-card){display:grid;grid-template-columns:36px minmax(0,1fr) 18px;grid-template-areas:"icon title arrow" "icon copy arrow";align-items:start;gap:5px 12px;padding:19px 17px;min-height:0}
 body.kkw-parallax.kkw-refined.home-page .field-card:not(.operio-card)>.icon{grid-area:icon;width:36px;height:36px;padding:7px;margin-top:2px}
 body.kkw-parallax.kkw-refined.home-page .field-card:not(.operio-card)>strong{grid-area:title;font-size:17px;line-height:1.35;overflow-wrap:normal}
 body.kkw-parallax.kkw-refined.home-page .field-card:not(.operio-card)>p{grid-area:copy;font-size:15px;line-height:1.6;text-wrap:pretty;margin:0;padding:0}
 body.kkw-parallax.kkw-refined.home-page .field-card:not(.operio-card)>.field-arrow{grid-area:arrow;position:static;align-self:center;font-size:21px;line-height:1;margin:0}
}
@media(max-width:480px){
 body.kkw-parallax.kkw-refined .legal-content h2{font-size:clamp(20px,5.6vw,24px);line-height:1.3;hyphens:auto;overflow-wrap:break-word}
}
@media print{
 body.kkw-parallax.kkw-refined :is(.container,.corporate-container),body.kkw-parallax.kkw-refined.kkw-webdesign .showcase.container{width:100%;max-width:none}
}
