@font-face{font-family:Inter;src:url("inter-variable.ttf") format("truetype");font-weight:100 900;font-display:swap}

        :root {
            --graphite: #17191c;
            --graphite-light: #292d33;
            --lime: #b6ff00;
            --white: #FFFFFF;
            --off-white: #F4F4F4;
            --gray-line: rgba(255, 255, 255, 0.15);
            --gray-line-dark: rgba(0, 0, 0, 0.1);
            --font-main: 'Inter', sans-serif;
            --font-display: 'Barlow Condensed', Impact, sans-serif;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: var(--font-main); background: var(--off-white); color: var(--graphite); line-height: 1.5; overflow-x: hidden; }

        
        h1, h2, h3 { font-family: var(--font-display); text-transform: uppercase; line-height: 0.9; }
        .label { font-size: 10px; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; color: var(--lime); }
        .thin-line { height: 1px; background: var(--gray-line); width: 100%; display: block; margin: 20px 0; }
        .pitch-motif { position: absolute; pointer-events: none; border: 1px solid var(--gray-line); border-radius: 50%; }

        
        header { 
            position: fixed; top: 0; width: 100%; z-index: 1000; 
            padding: 20px 40px; display: flex; justify-content: space-between; align-items: center;
            background: rgba(18, 18, 18, 0.95); backdrop-filter: blur(10px); border-bottom: 1px solid var(--gray-line);
        }
        .logo { font-family: var(--font-display); color: var(--white); font-size: 24px; letter-spacing: -1px; }
        .logo span { color: var(--lime); }
        nav { display: flex; gap: 30px; }
        nav a { color: var(--white); text-decoration: none; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; transition: color 0.2s; }
        nav a:hover { color: var(--lime); }
        .btn-cta { 
            background: var(--lime); color: var(--graphite); padding: 12px 24px; 
            font-weight: 800; font-size: 12px; text-transform: uppercase; border: none; cursor: pointer;
            clip-path: polygon(0 0, 100% 0, 100% 100%, 8px 100%, 0 calc(100% - 8px));
        }

        
        section { padding: 100px 80px; position: relative; overflow: hidden; }
        .dark-section { background: var(--graphite); color: var(--white); }
        .hero { min-height: 90vh; display: flex; align-items: center; padding-top: 140px; }
        .hero-bg { position: absolute; top: 0; right: 0; width: 60%; height: 100%; background: none center/cover; opacity: 0.8; mask-image: linear-gradient(to left, black 60%, transparent); }
        
        .hero-content { position: relative; z-index: 2; max-width: 600px; }
        .display-num { font-size: 180px; font-family: var(--font-display); position: absolute; left: -40px; top: -100px; opacity: 0.1; -webkit-text-stroke: 2px white; color: transparent; }
        .hero h1 { font-size: 80px; margin-bottom: 24px; }
        .hero p { font-size: 18px; opacity: 0.8; margin-bottom: 40px; max-width: 450px; }

        
        .grid-disciplines { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 60px; }
        .discipline-card { 
            height: 400px; background: var(--graphite-light); position: relative; overflow: hidden;
            display: flex; align-items: flex-end; padding: 30px; border: 1px solid var(--gray-line);
        }
        .discipline-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.5; transition: 0.5s transform; }
        .discipline-card:hover img { transform: scale(1.05); }
        .discipline-card h3 { position: relative; z-index: 2; font-size: 28px; }

        
        .catalog-layout { display: grid; grid-template-columns: 250px 1fr; gap: 40px; }
        .filters { position: sticky; top: 120px; height: fit-content; }
        .filter-group { margin-bottom: 30px; }
        .filter-group h4 { font-size: 12px; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 0.1em; color: #888; }
        .filter-opt { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; cursor: pointer; }
        .product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
        .product-card { background: var(--white); border: 1px solid var(--gray-line-dark); padding: 0; transition: transform 0.2s; }
        .product-card .img-wrap { aspect-ratio: 1/1; background: #eee; overflow: hidden; position: relative; }
        .product-card img { width: 100%; height: 100%; object-fit: cover; }
        .product-info { padding: 20px; }
        .product-info h3 { font-size: 16px; margin-bottom: 5px; color: var(--graphite); }
        .product-info p { font-size: 12px; color: #666; }

        
        .product-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
        .gallery-main { width: 100%; aspect-ratio: 4/5; background: #eee; }
        .gallery-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px; }
        .thumb { aspect-ratio: 1/1; background: #ddd; border: 1px solid transparent; cursor: pointer; }
        .thumb.active { border-color: var(--lime); }
        
        .detail-content h1 { font-size: 54px; margin-bottom: 20px; }
        .spec-list { margin: 30px 0; border-top: 1px solid var(--gray-line-dark); }
        .spec-item { padding: 15px 0; border-bottom: 1px solid var(--gray-line-dark); display: flex; justify-content: space-between; font-size: 14px; }
        .spec-item span:first-child { font-weight: 700; text-transform: uppercase; font-size: 11px; color: #888; }

        
        .form-container { max-width: 800px; margin: 0 auto; background: var(--white); padding: 60px; border: 1px solid var(--gray-line-dark); }
        .input-group { margin-bottom: 24px; }
        .input-group label { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; margin-bottom: 8px; }
        .input-group input, .input-group textarea, .input-group select { 
            width: 100%; padding: 16px; border: 1px solid #ddd; font-family: var(--font-main); font-size: 14px; outline: none;
        }
        .input-group input:focus { border-color: var(--graphite); }

        
        footer { background: var(--graphite); color: var(--white); padding: 80px; border-top: 1px solid var(--gray-line); }
        .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; }

        

html{scroll-behavior:smooth;scroll-padding-top:100px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3{line-height:1.06}h2{font-size:clamp(30px,4vw,48px);margin:15px 0 28px}.label{font-size:11px}.label.ink{color:#555}.lead{max-width:690px;color:#626262;font-size:17px;margin-bottom:30px}.btn-cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;min-height:46px;line-height:1.4}.outline{background:transparent;border:1px solid currentColor;color:inherit}.logo{display:flex;align-items:center;gap:12px;font-size:21px;white-space:nowrap}.logo img{width:32px;height:40px;object-fit:contain}.hero-bg{width:65%;background-image:var(--hero-image);mask-image:linear-gradient(to left,black 25%,transparent);opacity:.65}.hero-content{max-width:720px}.hero h1{font-size:clamp(43px,5.9vw,82px)}.hero p{max-width:550px;opacity:1;color:#d2d2d2}.actions{display:flex;gap:14px;flex-wrap:wrap}.trust-strip{display:flex;gap:40px;flex-wrap:wrap;background:#292d33;color:#ddd;padding:22px 80px;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.06em}.trust-strip span:before{content:'↗';color:var(--lime);margin-right:10px}.grid-disciplines{grid-template-columns:repeat(4,1fr);margin-top:32px}.discipline-card{height:280px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:24px;background:linear-gradient(145deg,#252525,#101010)}.discipline-card img{opacity:.28}.discipline-card h3{font-size:25px;color:white}.discipline-card .sport-num{position:absolute;top:20px;left:24px;font-size:11px;color:var(--lime);letter-spacing:.1em;z-index:1}.discipline-card p{color:#ddd;font-size:12px;position:relative;margin-top:12px}.discipline-card:hover{border-color:#b6ff00}.discipline-card:after{content:'↗';position:absolute;right:20px;top:16px;color:var(--lime);font-size:22px}.service-grid,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{border:1px solid var(--gray-line);padding:30px}.service h3{font-size:23px;margin:25px 0 16px}.service p{color:#bbb;font-size:14px;margin-bottom:22px}.service a{color:var(--lime);font-size:12px;font-weight:800;text-transform:uppercase}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{width:100%;aspect-ratio:1.1;object-fit:cover}.bullet-list{list-style:none;margin:25px 0}.bullet-list li{padding:12px 0;border-bottom:1px solid #ddd}.bullet-list li:before{content:'+';margin-right:14px;font-weight:800}.steps{grid-template-columns:repeat(4,1fr)}.step span{font-family:var(--font-display);font-size:44px;color:var(--lime)}.step h3{font-size:16px;margin:24px 0 12px}.step p{font-size:14px;color:#bbb}.faq{max-width:850px}details{border-bottom:1px solid #ccc;padding:20px 0}summary{font-weight:700;cursor:pointer}details p{margin:15px 0;color:#555;font-size:15px}.cta-band{background:var(--lime);display:flex;gap:30px;align-items:center;justify-content:space-between}.cta-band h2{margin:0;max-width:800px}.cta-band .btn-cta{background:var(--graphite);color:white;flex-shrink:0}.page{display:none}.page.active{display:block}.page-head{padding-top:145px;padding-bottom:50px}.page-head h1{font-size:clamp(38px,5vw,68px);max-width:900px}.breadcrumb{font-size:12px;color:#777;margin-bottom:30px}.breadcrumb a{text-decoration:underline}.product-card:hover{transform:translateY(-4px)}.product-info h3{line-height:1.25;font-size:19px}.product-info p{font-size:13px;margin:12px 0}.product-info .card-link{font-weight:800;font-size:11px;display:block;margin-top:22px;text-transform:uppercase}.product-card .img-wrap{aspect-ratio:4/3;background:#212121}.product-card img{object-fit:cover}.filter-group select,.search{width:100%;padding:12px;border:1px solid #ccc;background:white;margin-top:8px}.filter-group label{font-size:12px;font-weight:700}.results-top{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:13px}.text-button{background:none;border:0;text-decoration:underline}.detail-content h1{font-size:clamp(35px,4vw,55px)}.gallery-main{aspect-ratio:1;overflow:hidden;background:#191919}.gallery-main img{width:100%;height:100%;object-fit:cover}.small{font-size:12px;color:#757575;margin-top:15px}.spec-item{gap:20px}.spec-item span:last-child{text-align:right;max-width:65%}.detail-extra{margin-top:55px;max-width:850px}.detail-extra h2{font-size:28px}.detail-extra p{color:#555}.form-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:55px}.form-container{padding:40px;width:100%}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.input-group{margin-bottom:20px}.fields .input-group{margin-bottom:0}.wide{grid-column:1/-1}.contact-aside h2{font-size:32px}.contact-aside p{margin:20px 0;color:#555}.contact-aside a{font-weight:700;text-decoration:underline}.check{display:flex;gap:12px;align-items:flex-start;font-size:13px;margin:22px 0}.check input{margin-top:4px}.check a{text-decoration:underline}.form-status{padding-top:18px;font-size:14px;color:#555}.email-result{display:none;margin-top:20px}.email-result textarea{width:100%;min-height:220px;border:1px solid #ccc;padding:14px;font-size:13px}.footer-grid a{display:block;font-size:13px;margin-top:12px;color:#d2d2d2}.footer-grid .logo{color:white}.footer-grid .label{margin-bottom:20px}.copyright{font-size:12px;color:#aaa;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.menu-button{display:none;color:white;border:1px solid #555;background:transparent;padding:10px 14px}.skip{position:fixed;left:15px;top:-80px;z-index:9999;background:var(--lime);padding:15px}.skip:focus{top:15px}:focus-visible{outline:3px solid #b6ff00;outline-offset:4px}header :focus-visible,.dark-section :focus-visible{outline-color:var(--lime)}.empty{grid-column:1/-1;padding:40px;border:1px solid #ddd}.menu-button[aria-expanded=true]{color:var(--lime)}.visual-note{font-size:11px;color:#777;margin-top:12px}.sport-badge{display:inline-block;padding:8px 12px;background:#e7e7e7;font-size:12px;margin-top:15px}.not-found{padding:160px 40px}.top-link{font-size:12px;font-weight:700}.mobile-cta{display:none}@media(max-width:1200px){header{padding:16px 30px}nav{gap:16px}nav a{font-size:11px}.trust-strip{padding:22px 40px}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:210px 1fr;gap:30px}.product-detail-grid{gap:35px}}@media(max-width:900px){.menu-button{display:block}header{gap:15px}.header-cta{margin-left:auto;padding:10px 15px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#171717;padding:25px;flex-direction:column;border-bottom:1px solid #444}nav.open{display:flex}nav a{font-size:14px;padding:8px}.grid-disciplines{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.service{padding:25px}.split{gap:30px}.steps{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr}.contact-aside{max-width:700px}.footer-grid{grid-template-columns:repeat(2,1fr)}footer{padding:50px 35px}.cta-band{flex-direction:column;align-items:flex-start}.hero{min-height:720px}.hero-bg{width:100%;opacity:.32}}@media(max-width:600px){header{padding:12px 18px}.logo{font-size:16px;gap:8px}.logo img{width:24px;height:30px}.header-cta{display:none}.menu-button{margin-left:auto}section{padding:55px 22px}.hero{padding-top:135px;min-height:680px}.hero h1{font-size:44px}.hero p{font-size:16px}.hero-bg{mask-image:linear-gradient(to bottom,black,transparent)}.trust-strip{padding:20px 22px;gap:14px;font-size:10px}.discipline-card{height:210px;padding:18px}.discipline-card h3{font-size:20px}.discipline-card .sport-num{left:18px}.grid-disciplines{gap:12px}.split,.product-detail-grid{grid-template-columns:1fr}.split{gap:30px}.split img{max-height:330px}.steps{gap:30px 20px}.catalog-layout{grid-template-columns:1fr}.filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.filter-group{margin:0}.filter-group:last-child{grid-column:1/-1}.product-grid{gap:16px;grid-template-columns:1fr}.product-info h3{font-size:20px}.page-head{padding-top:115px}.fields{grid-template-columns:1fr;gap:18px}.form-container{padding:23px}.footer-grid{gap:35px;grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}footer{padding:50px 22px 90px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:500;background:#171717;padding:12px 20px;border-top:1px solid #444}.mobile-cta a{width:100%}.detail-content h1{font-size:36px}.cta-band h2{font-size:31px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* SUBLISPORT motion: progressive enhancements; content stays visible without JavaScript. */
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--lime);z-index:1100;transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
header{transition:background .35s ease,box-shadow .35s ease}header.is-scrolled{background:rgba(18,18,18,.99);box-shadow:0 8px 35px #0002}
nav a{position:relative;width:fit-content}nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
.btn-cta{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.btn-cta:after{content:'';position:absolute;inset:-60% -70%;background:linear-gradient(105deg,transparent 42%,#ffffff35 50%,transparent 58%);transform:translateX(-70%);transition:transform .65s ease;pointer-events:none;z-index:-1}.btn-cta:hover:after{transform:translateX(70%)}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 7px 22px #0002}.btn-cta:active{transform:translateY(0)}
.hero{isolation:isolate}.hero-bg{inset:-25px -25px -25px auto;height:calc(100% + 50px);transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.045);transition:transform .8s cubic-bezier(.2,.7,.2,1);will-change:transform}

@keyframes page-enter{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:none}}.page.active{animation:page-enter .48s cubic-bezier(.2,.7,.2,1) both}
@keyframes hero-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.motion-ready .hero-content>.label,.motion-ready .hero h1,.motion-ready .hero p,.motion-ready .hero .actions{animation:hero-enter .9s cubic-bezier(.16,1,.3,1) both}.motion-ready .hero h1{animation-delay:.10s}.motion-ready .hero p{animation-delay:.22s}.motion-ready .hero .actions{animation-delay:.34s}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}.reveal:focus-within{opacity:1;transform:none}.discipline-card{transition:border-color .3s ease,transform .4s cubic-bezier(.2,.7,.2,1),opacity .75s ease}.discipline-card img{transition:transform .7s ease,opacity .5s ease}.discipline-card:hover{transform:translateY(-6px)}.discipline-card:hover img{opacity:.48;transform:scale(1.08)}.discipline-card h3{transition:transform .35s ease}.discipline-card:hover h3{transform:translateY(-4px)}.discipline-card:after{transition:transform .35s ease}.discipline-card:hover:after{transform:translate(3px,-3px)}
.product-card{transition:transform .4s ease,box-shadow .4s ease,opacity .75s ease}.product-card:hover{box-shadow:0 18px 35px #0001;transform:translateY(-6px)}.product-card img{transition:transform .65s ease}.product-card:hover img{transform:scale(1.035)}.service{transition:border-color .3s ease,transform .5s ease,opacity .75s ease}.service:hover{border-color:#b6ff0070}.service a{display:inline-block;transition:transform .3s ease}.service a:hover{transform:translateX(5px)}
.input-group input,.input-group select,.input-group textarea{transition:border-color .2s ease,box-shadow .2s ease}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px #b6ff0018;outline:none}.footer-grid a{transition:color .25s ease}.footer-grid a:hover{color:var(--lime)}
@media(max-width:900px){.hero-bg{will-change:auto;transform:none}.reveal{transform:translateY(16px)}}
@media(hover:none){.btn-cta:hover,.product-card:hover,.discipline-card:hover{transform:none;box-shadow:none}.hero-bg{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.hero-bg{transform:none!important;will-change:auto}.scroll-progress{display:none}}


/* Sport photography hero: full-frame images, readable copy, accessible controls. */
.hero{padding-bottom:100px}.hero-bg.hero-sports-gallery{width:100%;background:none;opacity:1;mask-image:none;-webkit-mask-image:none;overflow:hidden}.hero-sports-gallery:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.97) 0%,rgba(18,18,18,.86) 26%,rgba(18,18,18,.38) 58%,rgba(18,18,18,.14) 100%),linear-gradient(0deg,rgba(18,18,18,.9),transparent 35%);z-index:1}.hero-sport-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity 1.3s ease,transform 7s ease}.hero-sport-slide.is-current{opacity:1;transform:scale(1.065)}
@media(max-width:1200px){}@media(max-width:900px){.hero{min-height:790px;padding-bottom:100px}.hero-bg.hero-sports-gallery{opacity:1}.hero-sports-gallery:after{background:linear-gradient(90deg,#17191ced,rgba(18,18,18,.62) 65%,rgba(18,18,18,.2)),linear-gradient(0deg,#17191c,transparent 60%)}}
@media(max-width:600px){.hero{min-height:720px;padding-bottom:100px}.hero-sports-gallery:after{background:linear-gradient(0deg,#17191c 2%,#17191ca8 55%,#17191c80),linear-gradient(90deg,#17191ca6,transparent)}.hero-sport-slide{object-position:60% center!important}}
@media(prefers-reduced-motion:reduce){.hero-sport-slide{transform:none!important;transition:none!important}}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(barlow-condensed-extrabold-italic.ttf) format('truetype');
}

/* Sport display typography: embedded ExtraBold Italic; body copy stays Inter. */
h1,h2,h3{font-family:var(--font-display);font-weight:800;font-style:italic;letter-spacing:.012em;line-height:.98}.hero h1{font-size:clamp(52px,7.1vw,104px);letter-spacing:.005em;line-height:.9}.detail-content h1,.page-head h1{line-height:.96}.product-info h3{font-size:24px;line-height:1.05}.discipline-card h3{font-size:31px;line-height:1}.service h3{font-size:29px}.step h3{font-size:21px}nav a,.btn-cta{font-family:var(--font-display);font-weight:800;font-style:italic;font-size:16px;letter-spacing:.045em}.btn-cta{font-size:17px}.header-cta{font-size:16px}.hero .btn-cta{padding:13px 26px}@media(max-width:1200px){nav a{font-size:15px}}@media(max-width:600px){.hero h1{font-size:clamp(47px,12.3vw,66px)}.discipline-card h3{font-size:26px}.detail-content h1{font-size:44px}.product-info h3{font-size:25px}.mobile-cta .btn-cta{font-size:17px}}

/* Discipline photography: matching sports, with a separate text contrast overlay. */
.discipline-card img{opacity:.85}.discipline-card:hover img{opacity:1}.discipline-card:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.15) 65%,rgba(0,0,0,.45))}.discipline-card p,.discipline-card h3{z-index:2}.discipline-card .sport-num,.discipline-card:after{z-index:3}.discipline-card h3{text-shadow:0 2px 14px #0006}.sport-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;overflow:hidden}.discipline-card .sport-mosaic img{position:static;min-width:0;object-fit:cover;width:100%;height:100%;object-position:center}
.kit-page{padding:135px 5vw 75px;background:#f2f3f4}.kit-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:30px 0 40px}.kit-heading h1{font-size:clamp(50px,6vw,82px);margin-top:16px}.kit-heading h1 span{color:#b6ff00}.kit-heading p{max-width:355px;font-size:15px;color:#5d5f64}.kit-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.85fr);gap:28px;align-items:start}.kit-view{position:sticky;top:105px;min-width:0}.kit-stage{height:620px;max-height:72vh;min-height:430px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 38%,#353a42 0%,#24272c 50%,#141619 100%);border:1px solid #3a4047;border-radius:3px;color:#fff;isolation:isolate}.kit-stage-top,.kit-stage-bottom{position:absolute;left:25px;right:25px;z-index:2;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:9px;letter-spacing:.14em;font-weight:700;color:#a6abb3}.kit-stage-top{top:23px}.kit-stage-bottom{bottom:22px}.kit-live{color:#b6ff00}.kit-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b6ff00;margin-right:7px}.kit-watermark{position:absolute;top:34%;width:100%;text-align:center;font:italic 800 clamp(110px,16vw,245px) var(--font-display);letter-spacing:-.03em;color:#fff;opacity:.025;pointer-events:none}.kit-floor{position:absolute;left:24%;right:24%;bottom:8%;height:8%;border-radius:50%;background:#030509;filter:blur(18px);opacity:.5;pointer-events:none}#kit-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;z-index:1}#kit-canvas:active{cursor:grabbing}#kit-canvas:focus-visible{outline:2px solid #b6ff00;outline-offset:-4px}.kit-view-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:16px 0}.kit-segment{display:flex;border:1px solid #d5d5d1;background:#fff}.kit-segment button{border:0;background:none;padding:10px 18px;font:600 12px var(--font-main);cursor:pointer}.kit-segment button[aria-pressed=true]{background:#24272c;color:#fff}.kit-zoom{display:flex;align-items:center;gap:8px;font-size:11px;color:#62646a}.kit-zoom input{width:90px}.kit-note{font-size:11px;line-height:1.7;color:#777;max-width:530px}.kit-controls{background:#fff;border:1px solid #deded8;padding:27px 25px}.kit-controls fieldset{border:0;border-bottom:1px solid #e7e7e2;padding:0 0 23px;margin:0 0 23px;min-width:0}.kit-controls legend{font:italic 800 24px var(--font-display);text-transform:uppercase;margin-bottom:15px;width:100%}.kit-controls legend span{font:700 10px var(--font-main);color:#b6ff00;margin-right:12px;vertical-align:middle}.kit-patterns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kit-patterns button{border:1px solid #deded8;background:#f8f9fa;padding:8px;cursor:pointer;font:600 10px var(--font-main);color:#444}.kit-patterns button[aria-pressed=true]{border-color:#b6ff00;box-shadow:inset 0 0 0 1px #b6ff00;color:#16191d}.kit-swatch{height:52px;display:block;background-color:var(--kit-base,#24272c);margin-bottom:7px;overflow:hidden}.pat-sash{background:repeating-linear-gradient(112deg,transparent 0 14%,var(--kit-accent,#b6ff00) 14% 21%,transparent 21% 36%)}.pat-stripes{background:repeating-linear-gradient(90deg,var(--kit-base,#24272c) 0 15%,var(--kit-accent,#b6ff00) 15% 30%)}.pat-hoops{background:repeating-linear-gradient(0deg,var(--kit-base,#24272c) 0 22%,var(--kit-accent,#b6ff00) 22% 35%)}.pat-chevron{background:conic-gradient(from 150deg at 50% 25%,var(--kit-accent,#b6ff00) 0deg 60deg,var(--kit-base,#24272c) 60deg 360deg)}.pat-fade{background:linear-gradient(var(--kit-base,#24272c),var(--kit-accent,#b6ff00))}.kit-colors{display:flex;gap:12px}.kit-colors label{flex:1;font-size:10px;color:#65686d}.kit-colors input{width:100%;height:40px;padding:3px;border:1px solid #deded8;background:#fff;display:block;margin-bottom:6px;cursor:pointer}.kit-controls label{font-size:11px;font-weight:600;color:#585b61}.kit-fields{display:grid;grid-template-columns:1fr 85px;gap:12px}.kit-fields input,.kit-controls select{display:block;width:100%;padding:11px 10px;border:1px solid #d8d8d3;margin:6px 0 12px;background:#f8f9fa;color:#24272c;font:600 13px var(--font-main);border-radius:0;min-width:0}.kit-check{display:flex;align-items:center;gap:8px}.kit-controls input[type=checkbox],.kit-controls input[type=range],.kit-zoom input{accent-color:#b6ff00}.kit-controls input[type=range]{display:block;width:100%;margin:12px 0 0}.kit-upload{display:block;text-align:center;position:relative;padding:16px;border:1px dashed #b4b5ad;background:#f8f9fa;cursor:pointer}.kit-upload input{position:absolute;width:1px;height:1px;opacity:0}.kit-upload:focus-within{outline:2px solid #b6ff00;outline-offset:2px}.kit-help{font-size:10px;color:#888;line-height:1.6;margin:9px 0 0}.kit-logo-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0;font-size:11px}.kit-logo-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.kit-status{font-size:11px;color:#b6ff00;line-height:1.6;margin-top:7px}.kit-actions{display:grid;gap:10px}.kit-actions .btn-cta{width:100%;padding:16px;font-size:20px}.kit-secondary{border:1px solid #d5d5d0;background:#fff;padding:13px;font:700 12px var(--font-main);cursor:pointer}.kit-text-btn{border:0;background:none;color:#777;font:500 11px var(--font-main);cursor:pointer;padding:6px 0}.kit-text-btn:hover,.kit-secondary:hover{color:#b6ff00}.kit-controls button:focus-visible{outline:2px solid #b6ff00;outline-offset:3px}#kit-fallback{position:absolute;inset:55px 15px 40px;text-align:center}#kit-fallback p{font-size:11px;color:#bbc0c8}#kit-flat{width:100%;height:90%;object-fit:contain}.kit-controls [hidden],#kit-fallback[hidden]{display:none}.kit-product-link[hidden]{display:none}.kit-product-link{display:block;margin:12px 0 18px;font-size:14px;font-weight:700;color:#b6ff00}.kit-page .breadcrumb{margin:0}.kit-page .label.ink{color:#b6ff00}
@media(max-width:1050px){.kit-layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.kit-stage{height:540px}.kit-controls{padding:22px 18px}.kit-view-tools{justify-content:flex-start}.kit-stage-top,.kit-stage-bottom{left:17px;right:17px}.kit-stage-top{font-size:8px}.kit-live{display:none}}
@media(max-width:760px){.kit-page{padding:115px 18px 55px}.kit-heading{display:block;margin:25px 0}.kit-heading h1{font-size:58px}.kit-heading p{margin-top:20px;font-size:13px;max-width:100%}.kit-layout{grid-template-columns:1fr;gap:25px}.kit-view{position:static}.kit-stage{height:470px;min-height:370px;max-height:65vh}.kit-watermark{font-size:190px}.kit-controls{padding:24px 20px}.kit-swatch{height:60px}.kit-view-tools{justify-content:space-between}.kit-zoom{display:none}.kit-stage-bottom{font-size:8px}.kit-patterns button{font-size:11px}}


/* SUBLISPORT identity: geometric T mark, cobalt and mint. */
.logo img{width:176px;height:40px;object-fit:contain}.hero-emblem{position:absolute;right:3%;top:15%;width:clamp(260px,35vw,630px);height:70%;opacity:.07;pointer-events:none;z-index:1;transform:rotate(-9deg)}.hero-emblem svg{width:100%;height:100%}.btn-cta{background:#b6ff00;color:#17191c}.hero h1 span{color:#b6ff00!important}.kit-heading h1 span{color:#b6ff00}.kit-patterns button[aria-pressed=true]{border-color:#b6ff00;box-shadow:inset 0 0 0 1px #b6ff00}.kit-upload:focus-within{outline-color:#b6ff00}.kit-controls input[type=range],.kit-controls input[type=checkbox],.kit-zoom input{accent-color:#b6ff00}.kit-stage{background:radial-gradient(ellipse at 48% 38%,#353a42,#24272c 50%,#141619)}.kit-swatch.pat-sash{background:linear-gradient(155deg,var(--kit-base,#24272c) 0 38%,var(--kit-accent,#b6ff00) 38% 62%,var(--kit-base,#24272c) 62%)}#email-link[hidden]{display:none}.kit-watermark{font-size:clamp(80px,10vw,155px)}@media(max-width:600px){.logo img{width:142px;height:34px}.hero-emblem{right:-17%;top:25%;width:95%;opacity:.1}}

/* Neon green, gray and white — SUBLISPORT */
.kit-heading h1 span{color:#b6ff00}.logo img{filter:none}.kit-stage-top .kit-live{color:#b6ff00}.hero-bg.hero-sports-gallery{width:70%}@media(max-width:760px){.hero-bg.hero-sports-gallery{width:100%}}

/* Consistent electric neon accent, with dark support for legibility on white. */
.kit-heading h1 span{color:#b6ff00;background:#17191c;display:inline-block;padding:0 .12em .08em;margin-top:.08em}.label.ink,.kit-page .label.ink{color:#17191c;background:#b6ff00;display:inline-block;padding:5px 9px}.kit-controls legend span{color:#b6ff00;background:#17191c;display:inline-block;padding:3px 6px}.kit-product-link{color:#17191c;text-decoration:underline;text-decoration-color:#b6ff00;text-decoration-thickness:3px;text-underline-offset:4px}.kit-text-btn:hover,.kit-secondary:hover{color:#17191c;background:#b6ff00}.kit-controls label{color:#585b61}#personalizacja .split>div>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px;display:block}
/* Expanded demo architecture, matching the sport display typography. */
.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none;cursor:pointer;color:#fff;font:italic 800 16px var(--font-display);letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:'⌄';padding-left:6px;color:#b6ff00}.nav-dropdown[open] summary{color:#b6ff00}.nav-panel{position:absolute;top:calc(100% + 25px);left:-18px;width:280px;max-height:70vh;overflow:auto;background:#17191c;padding:20px;border:1px solid #3a4047;box-shadow:0 22px 45px #0005;display:grid;gap:10px}.nav-panel a{font:500 12px var(--font-main);letter-spacing:0;text-transform:none;display:block;padding:4px 0;line-height:1.5}.wide-menu{position:static}.wide-menu .nav-panel{position:fixed;left:4vw;right:4vw;top:85px;width:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.nav-panel .nav-group{font:italic 800 23px var(--font-display);text-transform:uppercase;color:#b6ff00;border-bottom:1px solid #43484e;margin-bottom:12px;padding-bottom:12px}.editorial-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;margin:35px 0 70px}.editorial-hero h1{font-size:clamp(46px,5.4vw,78px);margin:24px 0}.editorial-hero .lead{margin:22px 0 30px;max-width:580px}.editorial-image{position:relative;background:#24272c}.editorial-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.editorial-image>span{display:block;padding:15px 20px;font-size:10px;color:#b6ff00;font-weight:700;letter-spacing:.14em}.editorial-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.editorial-sections article{padding:28px;background:white;border:1px solid #dedfe1}.editorial-sections h2{font-size:30px;margin-bottom:20px}.editorial-sections p{font-size:14px;line-height:1.8;color:#585b61}.structure-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.structure-card{display:flex;flex-direction:column;gap:18px;padding:28px;background:#24272c;color:white;text-decoration:none;border:1px solid #3a4047;transition:transform .2s,border-color .2s}.structure-card:hover{transform:translateY(-4px);border-color:#b6ff00}.structure-card>span{font-size:10px;letter-spacing:.13em;color:#b6ff00}.structure-card h3{font-size:32px}.structure-card p{font-size:13px;line-height:1.7;color:#c3c6cb}.structure-card b{font-size:12px;color:#b6ff00;margin-top:auto}.structure-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.structure-links a{padding:12px 18px;background:#17191c;color:#b6ff00;text-decoration:none;font-size:12px;font-weight:700}.demo-ribbon{padding:8px 20px;text-align:center;background:#b6ff00;color:#17191c;font-size:11px;font-weight:700;position:relative;z-index:1001}.demo-ribbon+header{top:32px}.demo-ribbon~main .page-head,.demo-ribbon~main .kit-page{padding-top:160px}.demo-ribbon~main .hero{padding-top:180px}.demo-ribbon~header .wide-menu .nav-panel{top:120px}.demo-note{font-size:11px;line-height:1.7;color:#888;margin-top:15px}.scope-chips{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.scope-chips span{padding:8px 12px;border:1px solid #3a4047;color:#b6ff00;font-size:11px}
@media(max-width:1250px){nav{gap:13px}nav>a,.nav-dropdown summary{font-size:14px}.structure-cards{grid-template-columns:repeat(2,1fr)}.editorial-sections{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.editorial-hero{gap:25px;grid-template-columns:1fr}.editorial-image{max-width:650px}.wide-menu .nav-panel,.nav-panel{position:static;box-shadow:none;width:100%;max-height:none;grid-template-columns:1fr 1fr;margin-top:14px}.nav-dropdown summary{padding:10px 0}.nav-dropdown{width:100%}.demo-ribbon{font-size:9px;min-height:32px;padding:8px 12px}.demo-ribbon~header nav.open{top:98px;max-height:calc(100dvh - 110px);overflow:auto}.editorial-sections{grid-template-columns:1fr}.editorial-hero{margin-bottom:35px}}
@media(max-width:600px){.structure-cards{grid-template-columns:1fr}.structure-card{padding:25px}.wide-menu .nav-panel{grid-template-columns:1fr}.editorial-hero h1{font-size:48px}.editorial-sections article{padding:24px}.editorial-hero .btn-cta{font-size:15px}.demo-ribbon~main .page-head,.demo-ribbon~main .kit-page{padding-top:135px}}

.logo img{width:168px;height:55px}.demo-ribbon~header .logo img{height:46px}@media(max-width:600px){.demo-ribbon~header .logo img{width:120px;height:43px}}

.demo-ribbon{position:fixed;top:0;left:0;width:100%}
/* Header: one baseline; a bounded, tabbed catalog instead of a long column. */
header{padding:12px 3vw;gap:20px;min-height:76px}header nav{align-items:center;gap:23px;margin-left:auto;margin-right:auto}header nav>a,.nav-dropdown summary{display:flex;align-items:center;min-height:42px;padding:8px 0;font-size:15px;line-height:1;white-space:nowrap}header nav>a:after{display:none}.nav-dropdown summary{border:0;background:none;outline-offset:4px}.nav-dropdown{align-self:center}.nav-panel{top:calc(100% + 15px);border-radius:8px;padding:22px;border:1px solid #3d4147}.wide-menu .nav-panel.offer-mega{top:112px;left:3vw;right:3vw;padding:0;display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;max-height:calc(100dvh - 140px);overflow:auto;background:#1c1f23;border-radius:8px}.offer-tabs{padding:20px;background:#121417;display:flex;flex-direction:column;gap:8px}.offer-tabs button{display:flex;justify-content:space-between;gap:10px;text-align:left;border:0;background:none;color:#b5bac2;padding:16px;font:600 13px var(--font-main);cursor:pointer;line-height:1.35;border-radius:4px}.offer-tabs button[aria-selected=true]{background:#b6ff00;color:#17191c}.offer-tabs button:focus-visible{outline:2px solid white;outline-offset:2px}.offer-tabs button span{opacity:.5}.offer-panels{padding:26px 30px}.offer-panels>[hidden]{display:none}.offer-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #3a4047}.offer-panel-head h3{font-size:32px;margin-top:10px}.offer-panel-head>a{font:600 11px var(--font-main);color:#b6ff00;white-space:nowrap}.offer-product-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px}.offer-product-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;font:500 12px var(--font-main);line-height:1.35;border-bottom:1px solid #ffffff09;color:#d6dae0}.offer-product-links a span{opacity:0;color:#b6ff00}.offer-product-links a:hover span{opacity:1}.product-studio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:30px 0 40px}.product-studio-head h1{font-size:clamp(44px,5.4vw,72px);margin:18px 0}.product-studio-head .lead{max-width:750px;font-size:16px}.product-studio-head .btn-cta{white-space:nowrap;margin-bottom:5px}#detail-configurator-host .kit-layout{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr)}#detail-configurator-host .kit-view{top:122px}.product-studio .detail-extra{margin-top:50px}.kit-product-context{padding-bottom:20px;border-bottom:1px solid #e1e3e6;margin-bottom:25px}.kit-product-context>span{display:block;font-size:9px;letter-spacing:.15em;color:#777}.kit-product-context strong{display:block;font:italic 800 28px var(--font-display);text-transform:uppercase;margin:8px 0}.kit-product-context p{font-size:11px;line-height:1.6;color:#72767d}.variant-grid{display:grid;gap:10px}.collar-options{grid-template-columns:1fr 1fr}.fabric-options{grid-template-columns:repeat(2,1fr)}.variant-grid label{position:relative;display:block;cursor:pointer}.variant-grid input{position:absolute;left:10px;top:10px;width:1px;height:1px;opacity:0}.variant-grid label>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px;min-height:130px;border:1px solid #dedfe2;background:#f9fafb;border-radius:4px;text-align:center;transition:border-color .15s,background .15s}.variant-grid input:checked+span{border:2px solid #8abe00;padding:13px 9px;background:#f6fce7}.variant-grid input:focus-visible+span{outline:2px solid #17191c;outline-offset:3px}.variant-grid svg{width:95px;height:55px;color:#343a42}.variant-grid b{font-size:12px;color:#17191c}.variant-grid em{font-size:10px;color:#757a82;font-style:normal}.variant-grid small{font-size:10px;color:#5b6860}.fabric-sample{display:block;width:100%;height:55px;border-radius:2px;background:#e9ecef}.fabric-mesh{background:radial-gradient(#9ba4ad 1px,transparent 1.3px),linear-gradient(120deg,#f7f7f8,#dfe3e8);background-size:6px 6px,100% 100%}.fabric-smooth{background:linear-gradient(145deg,#f8f9fa 20%,#bec6ce 50%,#f7f8fa 65%,#d1d7df)}.fabric-ultralight{background:repeating-linear-gradient(85deg,#f3f4f5 0 2px,#cbd3da 2px 3px)}.fabric-stretch{background:repeating-linear-gradient(145deg,#f6f7f9 0 8px,#c9d0d9 9px 10px,#eef0f4 10px 18px)}.kit-option-total{display:grid;gap:6px;padding:20px;background:#17191c;color:white;margin-bottom:15px;border-radius:3px}.kit-option-total>span{font-size:10px;color:#b7bec7}.kit-option-total strong{font:italic 800 32px var(--font-display);color:#b6ff00}.kit-option-total small{font-size:10px;color:#9ca5b2}.product-studio [hidden]{display:none!important}
@media(max-width:1250px){header nav{gap:13px}header nav>a,.nav-dropdown summary{font-size:13px}.header-cta{padding:11px 15px}.offer-product-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){#detail-configurator-host .kit-layout{grid-template-columns:minmax(0,1fr) 360px;gap:20px}.wide-menu .nav-panel.offer-mega{grid-template-columns:200px 1fr}.offer-panels{padding:20px}.product-studio-head{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){header nav{align-items:stretch;margin:0}.wide-menu .nav-panel.offer-mega{position:static;grid-template-columns:1fr;max-height:none;margin-top:10px}.offer-tabs{display:grid;grid-template-columns:1fr 1fr;padding:12px}.offer-tabs button{padding:12px;font-size:11px}.offer-panel-head h3{font-size:26px}.offer-product-links{grid-template-columns:1fr 1fr}.nav-dropdown{align-self:stretch}.demo-ribbon~header nav.open{top:75px;padding:16px 20px}.product-studio-head h1{font-size:52px}}
@media(max-width:760px){#detail-configurator-host .kit-layout{grid-template-columns:1fr}.product-studio .kit-view{position:static}.product-studio-head .btn-cta{width:100%;text-align:center}.product-studio-head .lead{font-size:14px}.product-studio-head{gap:20px}.offer-product-links{gap:4px 15px}.offer-product-links a{font-size:11px}.offer-panel-head>a{font-size:10px}.offer-panels{padding:18px}.offer-panel-head{align-items:flex-start;flex-direction:column;gap:8px}}

header .nav-dropdown{padding:0;margin:0;border:0}header .nav-dropdown summary{border:0}