/* Kinegon 2026: accessible product navigation, current Padel identity. */
:root{--padel-navy:#0d3464;--padel-sky:#73b7e4;--padel-lime:#dbe853}
html,body{overflow-x:visible}body{overflow-wrap:break-word}a,button,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #23838b;outline-offset:5px}.container{max-width:1180px}section[id],main[id]{scroll-margin-top:110px}.section{margin-top:0;padding:4.5rem 0}.reveal,.reveal.is-visible{opacity:1;transform:none;margin-right:0;max-width:none}.brand-text{font-size:1.65rem;letter-spacing:.09em}.brand{flex-shrink:0;min-height:48px}.header-inner{gap:1.1rem;flex-wrap:wrap;padding-block:.7rem}.header-controls{order:3;display:flex;align-items:center;gap:.65rem}.site-nav{margin-left:auto;gap:1.1rem}.site-nav a{display:inline-flex;align-items:center;min-height:48px}.site-nav [aria-current=page]{color:var(--primary);text-decoration:underline;text-underline-offset:7px}.language-control select{min-height:48px;padding:.5rem 2rem .5rem .85rem;border:1px solid #c1d1de;border-radius:12px;background:#fff;color:#193b5b;max-width:145px;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:99;transform:translateY(-150%);padding:12px 18px;background:white;border:2px solid var(--primary);border-radius:12px}.skip-link:focus{transform:translateY(0)}
.kinegon-hero{padding:4.5rem 0 2rem}.hero-grid{overflow:visible;gap:3rem}.hero-copy{overflow:visible}.hero-copy h1{text-align:left;font-size:clamp(2.7rem,5.5vw,4.75rem);line-height:1.07;max-width:12ch;padding:0}.hero-text{font-size:1.12rem;line-height:1.7;max-width:46ch}.hero-actions{margin-top:1.65rem}.hero-panel{margin:0;box-shadow:0 14px 45px #112d4610}.kinegon-brand-panel .hero-logo{height:auto;aspect-ratio:3/2;object-fit:contain}.hero-pills{justify-content:center}.section-head .eyebrow{margin-bottom:.8rem}.section-head h2{line-height:1.15;max-width:21ch}.section-head p{max-width:65ch}.section-head p.eyebrow{color:var(--primary)}
.padel-feature{display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;border-radius:32px;background:var(--padel-navy);box-shadow:0 22px 65px #0d34641c;color:white;border:1px solid #164477}.padel-feature-copy{padding:2.5rem}.app-heading{display:flex;align-items:center;gap:1rem}.padel-app-icon{width:72px;height:72px;object-fit:contain;flex-shrink:0;border-radius:18px}.product-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#bfdcf0;margin:0 0 .4rem}.app-heading h3,.app-heading h1{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1;text-align:left;color:white;padding:0;margin:0}.launch-status{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;border:1px solid #759671;color:#e4efac;background:#233f58;border-radius:50px;padding:.35rem .75rem;font-size:.78rem;font-weight:650}.launch-status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--padel-lime)}.padel-signature{font-size:clamp(1.6rem,2.8vw,2.25rem);line-height:1.24;font-weight:650;letter-spacing:-.03em;margin:1.4rem 0 1rem;max-width:24ch}.padel-description{color:#d8e6f0;margin:0 0 1.5rem;font-size:1.03rem;max-width:50ch}.btn-padel{background:#fff;color:var(--padel-navy);border:1px solid #d6e6f1}.btn-padel:hover{background:#eaf5fc}.product-document-links{display:flex;flex-wrap:wrap;gap:0 1.1rem;margin-top:1rem}.product-document-links a{display:inline-flex;align-items:center;min-height:48px;color:#d4e8f6;font-size:.86rem;text-decoration:underline;text-underline-offset:4px}.product-document-links a:hover{color:white}.padel-feature a:focus-visible{outline-color:#dbe853}.padel-brand-art{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.3rem;background:radial-gradient(ellipse at top right,#73b7e422,transparent 70%),#0a2b54;border-left:1px solid #ffffff12}.padel-logo-surface{width:100%;max-width:360px;padding:0;border-radius:26px;background:#07325c;border:1px solid #ffffff12;overflow:hidden;box-shadow:0 24px 60px #021d3936}.padel-logo-surface img{width:100%;height:auto;object-fit:contain;aspect-ratio:1}.padel-brand-art>p{margin:1.3rem 0 0;color:#9ab9d4;font-size:.85rem;letter-spacing:.025em}.matchdebrief-reference{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;margin-top:1.5rem;padding:1.8rem 2rem;border:1px solid #d1dfe8;border-radius:25px;background:#ffffffa8}.matchdebrief-reference .eyebrow{font-size:.65rem;letter-spacing:.13em;margin-bottom:.6rem}.matchdebrief-reference h3,.matchdebrief-reference h2{font-size:1.4rem;letter-spacing:-.02em;overflow-wrap:anywhere}.matchdebrief-reference p:not(.eyebrow){margin:.6rem 0 0;color:var(--text-soft);font-size:.95rem;max-width:70ch}.matchdebrief-reference .btn{font-size:.84rem;padding-inline:1rem;text-align:center;white-space:normal;max-width:300px}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;overflow:visible;padding:0}.projects-grid .project-card{width:auto;min-width:0;max-width:none;flex:auto}.project-media{min-height:0;aspect-ratio:4/3;background:#e8f0f4}.project-media img{height:100%;width:100%;object-fit:cover;object-position:top center}.project-body{padding:1.7rem}.project-body .project-tag{margin:0 0 .8rem}.project-body h3{margin-bottom:.5rem}.project-body .project-subtitle{margin:0 0 .8rem}.project-card--matchdebrief .project-tag{color:white;background:#ffffff12;border-color:#ffffff22}.project-status{font-size:.66rem;letter-spacing:.03em}.principles-grid{gap:1.2rem}.principle-card h3{color:white;margin-bottom:.8rem;font-size:1.5rem}.principle-card{box-shadow:none}.contact-card h2{font-size:clamp(1.8rem,3vw,2.5rem)}.contact-actions{min-width:0}.contact-actions .btn{overflow-wrap:anywhere;max-width:100%}.contact-support{display:flex;align-items:center;min-height:48px;font-size:.95rem;color:#e3eef7;text-decoration:underline;text-underline-offset:5px}.legal-section{border-top:1px solid #dce6ed}.legal-section .section-head h2{font-size:2rem;max-width:28ch}.legal-card{min-width:0}.legal-card dd,.legal-card a{overflow-wrap:anywhere}.legal-card a{display:inline-block;min-height:48px;padding-top:8px}.legal-card{box-shadow:none}.footer-inner{align-items:flex-start}.footer-inner>p{flex:0 1 310px;padding-top:.75rem}.footer-links{flex:1;max-width:700px;gap:0 1rem}.footer-links a{display:inline-flex;align-items:center;min-height:48px;text-decoration:underline;text-underline-offset:4px}.site-footer{padding-top:1rem}
.breadcrumb{display:flex;gap:.65rem;align-items:center;padding:1rem 0;font-size:.86rem;min-height:72px;flex-wrap:wrap;color:#49667f}.breadcrumb a{display:inline-flex;align-items:center;min-height:48px;text-decoration:underline;text-underline-offset:4px}.padel-intro{padding:0 0 1.5rem}.padel-information{padding-top:3rem;padding-bottom:1.7rem}.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.resource-card{display:flex;flex-direction:column;padding:1.8rem;border:1px solid #cfdee9;border-radius:22px;background:white;transition:border-color .2s,box-shadow .2s}.resource-card:hover{border-color:#7ca4c3;box-shadow:0 12px 30px #143b6410}.resource-card h3{font-size:1.35rem;line-height:1.25;max-width:20ch}.resource-card p{color:#526a80;font-size:.95rem;line-height:1.65;margin:.8rem 0 1.2rem}.resource-symbol{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#eaf2f8;color:#366a94;font-size:.8rem;font-weight:700;margin-bottom:1rem}.resource-action{margin-top:auto;font-size:.9rem;font-weight:650;color:var(--padel-navy);text-decoration:underline;text-underline-offset:4px}.padel-next{padding-top:0;padding-bottom:3rem}.padel-next .matchdebrief-reference{margin-top:0}.launch-note{font-size:.84rem;color:#586e81;text-align:center;margin:1rem 0 0}
@media(max-width:1080px){.header-inner{gap:.9rem}.site-nav{gap:.7rem}.site-nav a{font-size:.84rem}.brand-text{font-size:1.4rem}.hero-grid{grid-template-columns:1.1fr .9fr;gap:2rem}.hero-copy h1{font-size:clamp(2.8rem,5.6vw,4rem)}.kinegon-hero{padding-top:3rem}.hero-pills span{font-size:.63rem;padding:.4rem .6rem}.padel-feature-copy{padding:2rem}.padel-brand-art{padding:1.7rem}.matchdebrief-reference{grid-template-columns:1fr;gap:1rem}.matchdebrief-reference .btn{justify-self:start}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-card{grid-template-columns:minmax(0,1fr) auto}.resources-grid{gap:.8rem}.resource-card{padding:1.3rem}}
@media(max-width:820px){.brand-text{font-size:1.5rem}.header-controls{margin-left:auto}.menu-toggle{display:inline-block;flex-shrink:0}.site-nav{position:absolute;top:calc(100% + .4rem);left:1rem;right:1rem;display:grid;gap:.3rem;padding:.75rem;border-radius:1.3rem;background:#fff;border:1px solid #cfdee9;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);margin:0}.site-header.nav-open .site-nav{opacity:1;visibility:visible;transform:none}.site-nav a{padding:.6rem 1rem;font-size:1rem;border-radius:.8rem;background:#f2f6f9}.site-header.nav-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.nav-open .menu-toggle span:nth-child(2){opacity:0}.site-header.nav-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero-grid{grid-template-columns:1fr}.hero-copy h1{max-width:13ch;font-size:clamp(2.8rem,8vw,4.4rem)}.hero-text{max-width:55ch}.kinegon-brand-panel{max-width:520px;width:100%;margin-inline:auto}.kinegon-brand-panel .hero-logo{max-height:260px}.section{padding:3rem 0}.padel-feature{grid-template-columns:1fr}.padel-brand-art{border-left:0;border-top:1px solid #ffffff12;padding:1.7rem}.padel-logo-surface{max-width:300px;padding:0}.padel-brand-art>p{margin-top:1rem}.padel-signature{max-width:29ch}.padel-description{max-width:60ch}.contact-card{grid-template-columns:1fr}.principles-grid{grid-template-columns:1fr}.resources-grid{grid-template-columns:1fr}.resource-card{padding:1.5rem}.resource-card h3{max-width:none}.resource-symbol{margin-bottom:.8rem}.resource-card p{max-width:70ch}.padel-information{padding-bottom:1.5rem}.padel-next{padding-top:0}.footer-inner{flex-direction:column;gap:.7rem}.footer-inner>p{flex:auto}.footer-links{max-width:none}}
@media(max-width:540px){:root{--container:calc(100% - 2rem)}.header-inner{min-height:78px;padding-block:.6rem;gap:.7rem}.brand{gap:.6rem}.brand-mark{width:.8rem;height:.8rem}.brand-text{font-size:1.18rem}.language-control select{width:105px;padding:.4rem 1.25rem .4rem .55rem;font-size:.88rem}.header-controls{gap:.4rem}.menu-toggle{width:48px;height:48px}.kinegon-hero{padding:2.8rem 0 1rem}.hero-grid{gap:2rem}.hero-copy h1{font-size:2.9rem}.hero-text{font-size:1.05rem}.hero-actions{gap:.65rem}.hero-actions .btn{width:100%}.kinegon-brand-panel{padding:1rem}.hero-pills{gap:.4rem}.hero-pills span{font-size:.65rem}.section-head h2{font-size:2rem}.section-head{margin-bottom:1.5rem}.padel-feature{border-radius:25px}.padel-feature-copy{padding:1.5rem}.app-heading{gap:.75rem}.padel-app-icon{width:58px;height:58px;border-radius:15px}.product-kicker{font-size:.6rem;line-height:1.5;letter-spacing:.05em}.app-heading h3,.app-heading h1{font-size:1.55rem}.padel-signature{font-size:1.8rem;max-width:21ch}.padel-description{font-size:1rem}.padel-feature-copy>.btn{width:100%}.product-document-links{display:grid;gap:0;margin-top:.7rem}.padel-brand-art{padding:1.5rem}.matchdebrief-reference{padding:1.5rem;border-radius:22px}.matchdebrief-reference .btn{max-width:none;width:100%;font-size:.85rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-media{aspect-ratio:4/3}.project-body{padding:1.5rem}.legal-grid{grid-template-columns:1fr}.legal-section .section-head h2{font-size:1.7rem}.contact-card{padding:1.5rem;border-radius:24px;gap:1.2rem}.footer-links{display:grid;grid-template-columns:1fr;gap:0}.footer-inner p{font-size:.83rem}.breadcrumb{font-size:.82rem;padding:.5rem 0}.padel-intro{padding-bottom:0}.launch-note{text-align:left}.resource-card{padding:1.4rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Language-neutral project art: all explanatory copy remains selectable HTML. */
.project-media--identity{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:280px;overflow:hidden;padding:3.7rem 1.4rem 1.4rem}
.project-media--sulkyo{background:radial-gradient(ellipse at 50% 30%,#225d87,#081b31 80%)}
.project-media--football{background:radial-gradient(ellipse at 50% 25%,#315a4d,#102d28 80%)}
.project-media--identity .project-identity-icon{width:148px;height:148px;aspect-ratio:1;border-radius:30px;object-fit:cover;box-shadow:0 15px 40px #020c2144}
.project-wordmark{position:relative;z-index:1;color:#f5f9fc;font-size:clamp(1.45rem,3vw,2.1rem);font-weight:750;letter-spacing:.03em}
.project-md-emblem{position:relative;z-index:1;display:grid;place-items:center;width:116px;height:130px;background:linear-gradient(140deg,#e1d8ab,#b1a570);color:#153a2e;font-size:2.9rem;font-weight:800;letter-spacing:-.06em;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}
.project-field{position:absolute;inset:15% 5%;width:90%;height:70%;fill:none;stroke:#d6eadb;stroke-width:1.5;opacity:.2}
.project-media--identity .project-status{z-index:2;max-width:calc(100% - 2rem);white-space:normal}
@media(max-width:540px){.project-media--identity{min-height:260px}.project-media--identity .project-identity-icon{width:125px;height:125px}.project-md-emblem{width:104px;height:116px}.project-wordmark{font-size:1.65rem}}
