@font-face{font-family:Saira;src:url('assets/saira-extrabold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{--display:Saira,Arial,sans-serif;--cream:#efede7;--paper:#f7f5f0;--ash:#d4d0c8}
body{background:#111214}
h1,h2,h3,.step-number,.closing p,.closing>span{font-style:normal!important;letter-spacing:-.035em}
h2{line-height:1.04;font-weight:800;font-size:clamp(50px,5.7vw,92px)}
.eyebrow{font-size:10px;letter-spacing:.13em}
.topline{background:#111214;border-color:#323437;color:#e2e0da}
.header{background:#111214;border-color:#2b2d30}
.header .button{background:transparent;color:#f8f7f3;border-color:#858786}
.header .button:hover{background:var(--orange);color:#111;border-color:var(--orange)}
.button{border-radius:0;letter-spacing:.005em}
.button span{font-size:19px}
.hero-v2{background:var(--cream);color:#161719;display:grid;grid-template-columns:51% 49%;min-height:min(790px,calc(100svh - 126px));height:auto;max-height:none;align-items:stretch;overflow:hidden}
.hero-copy{position:relative;padding:clamp(55px,7vw,110px) 5vw 42px var(--gutter);display:flex;flex-direction:column;justify-content:center;z-index:1}
.hero-copy .eyebrow{margin-bottom:35px;color:#555750}
.hero-v2 h1{font-size:clamp(65px,6.3vw,114px);line-height:.99;margin:0 0 33px;letter-spacing:-.053em;max-width:none;font-style:normal;white-space:nowrap}
.hero-v2 h1 span{color:var(--orange);display:inline;animation:none}
.hero-v2 .hero-description{color:#3d403f;max-width:475px;margin-bottom:30px;font-size:16px;line-height:1.75;animation:none}
.hero-v2 .hero-actions{animation:none;align-items:flex-start;gap:14px 30px;flex-wrap:wrap}
.hero-v2 .hero-actions .button{background:#161719;border-color:#161719;color:white}
.hero-v2 .hero-actions .button:hover{background:var(--orange);border-color:var(--orange);color:#161719}
.hero-v2 .text-link{color:#161719}
.hero-index{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b7b7b0;margin-top:auto;padding-top:20px;font-size:9px;font-weight:800;letter-spacing:.075em}
.hero-product{position:relative;overflow:hidden;background:#383330;min-height:660px}
.hero-product:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#0008);pointer-events:none}
.hero-product img{width:100%;height:calc(100% + 45px);object-fit:cover;object-position:center;transition:transform 1.3s var(--ease)}
.hero-product:hover img{transform:scale(1.035)}
.hero-product-label{position:absolute;z-index:1;bottom:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;color:white;border-top:1px solid #fff9;padding-top:12px;font-size:9px;font-weight:800;letter-spacing:.13em}
.hero-product-label span:last-child{font-size:20px}
.catalog{background:var(--paper)}
.catalog .section-heading{margin-bottom:38px}
.catalog .section-heading h2{font-size:clamp(52px,6vw,100px)}
.outline-dark{color:#9a9c99;-webkit-text-stroke:0}
.catalog .section-heading>p{font-size:15px;color:#555;line-height:1.7}
.sport-tabs{margin-bottom:0;border-top:1px solid #bbbdbb;border-bottom:1px solid #bbbdbb;gap:0}
.sport-tabs button{flex:1;text-align:center;padding:20px 12px;font-family:var(--display);font-size:15px;letter-spacing:-.02em;color:#777;transition:color .2s,background .2s}
.sport-tabs button:first-child{padding-left:12px}
.sport-tabs button[aria-selected=true]{background:#1b1c1c;color:white}
.sport-tabs button[aria-selected=true]:after{display:none}
.catalog-layout{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:0;align-items:stretch;background:#e8e6e0;min-width:0}
.product-visual,.product-info{min-width:0}
.product-visual{aspect-ratio:auto;background:#ccc;min-height:550px;width:100%}
.product-visual img{object-position:center;transition:opacity .3s,transform .8s var(--ease)}
.product-visual img.is-changing{opacity:.2;transform:scale(1.03)}
.product-tag{left:0;right:auto;top:0;display:block;text-shadow:none;max-width:100%;font-size:10px}
.product-tag span{display:block;width:max-content;max-width:100%;padding:12px 16px;background:#171819;color:white}
.product-tag span:last-child{display:none}
.image-credit{background:#111b;padding:7px 10px;left:18px;bottom:18px;color:#fff;font-size:8px}
.product-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,4.5vw,75px)}
.product-info h3{font-size:clamp(35px,3.25vw,56px);line-height:1.1;font-style:normal;letter-spacing:-.035em}
.product-info>p{font-size:15px;line-height:1.75}
.product-features{margin:20px 0 26px;gap:10px;font-size:13px}
.product-footnote{margin-top:22px!important;line-height:1.55!important}
.customizer{background:#121415;color:#f5f3ed}
.customizer .section-top{border-bottom:1px solid #3b3d3d;padding-bottom:20px;margin-bottom:42px}
.custom-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}
.custom-intro h2{font-size:clamp(49px,5.3vw,88px);max-width:780px}
.custom-intro>p{max-width:325px;font-size:14px;line-height:1.8;color:#b4b6b4;margin:0 0 7px}
.custom-layout{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:clamp(35px,5vw,95px);align-items:start}
.custom-copy{min-width:0}.custom-controls{max-width:none;margin:0 0 24px}
.control-group{margin-bottom:24px}.control-group label,.choice-group legend,.color-field legend{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;color:#dbdedb;margin-bottom:10px}
.control-group input,.control-group select{width:100%;height:47px;padding:0 15px;background:#222526;border:1px solid #4c5051;border-radius:0;color:#f5f3ed;font-size:13px;min-width:0}
.control-group input::placeholder{color:#a7aaa8}
.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.choice-group,.color-field{border:0;padding:0;margin:0 0 24px}
.finish-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.finish-choice{display:flex;flex-direction:column;gap:10px;text-align:left;align-items:stretch;background:#222526;border:1px solid #4c5051;color:#d0d3d0;padding:8px 8px 10px;min-width:0;font-size:11px;font-weight:700;transition:border-color .25s,background .25s}
.finish-choice:hover,.finish-choice.is-selected{border-color:var(--orange);color:white;background:#2b2d2c}
.finish-sample{display:block;height:44px;border:1px solid #ffffff30}
.finish-sample.wood{background:#d5bc9e url('assets/wood-texture.webp') center/cover}
.finish-sample.white{background:linear-gradient(110deg,#fafafa,#e3e2db,#fafafa)}
.finish-sample.dark{background:linear-gradient(110deg,#222,#414141,#242424)}
.edge-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.edge-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:67px;background:#222526;border:1px solid #4c5051;color:#d0d3d0;font-size:10px;font-weight:700;padding:7px 3px;transition:border-color .25s}
.edge-choice>span{width:27px;height:13px;background:var(--edge-swatch);border:1px solid #ffffff35;box-shadow:0 2px 3px #0008}
.edge-choice:hover,.edge-choice.is-selected{border-color:var(--orange);color:white}
.color-field{margin-bottom:23px}.swatches{padding:6px 4px;gap:21px}.swatch{width:28px;height:28px;border:1px solid #ffffff8a;border-radius:50%}
.swatch.selected:after{inset:-6px;border-color:var(--orange)}
.custom-controls>.upload-label{margin-top:0;border-color:#626666;font-size:12px}
.control-status{color:#c5c9c6}
.custom-copy>.button{width:100%;justify-content:space-between}
.board-scene{--board-color:var(--orange);--edge-color:#202020;position:sticky;top:110px;padding-top:0;min-width:0}
.board-scene-top{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;font-weight:800;border-bottom:1px solid #565a5b;padding:0 0 14px;color:#b6bab7}
.board-scene-top span:last-child{color:#fff}
.board-stage{height:590px;min-height:0;background:radial-gradient(ellipse at 50% 55%,#3e3f3b 0,#232728 42%,#1d2021 75%,#1a1c1d 100%);perspective:1100px;overflow:hidden;isolation:isolate}
.board-halo{position:absolute;inset:9% 6%;border:1px solid #ffffff15;border-radius:50%;transform:rotateX(65deg);pointer-events:none}
.board-rotator{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;outline-offset:-10px;user-select:none}
.board-rotator.is-dragging{cursor:grabbing}
.board-object{--rotation-y:-18deg;width:min(82%,570px);aspect-ratio:1.5;position:relative;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(var(--rotation-y)) rotateZ(-2deg);transition:transform .7s var(--ease);filter:drop-shadow(0 22px 18px #0006)}
.board-rotator.is-dragging .board-object{transition:none}
.board-face{position:absolute;inset:0;border:11px solid var(--edge-color);backface-visibility:visible;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #060606}
.board-front{transform:translateZ(7px);background:#d9c5a9}
.board-back{transform:rotateY(180deg) translateZ(7px);background:#cdbd9f}
.board-scene.show-back .board-front{opacity:0}
.board-scene:not(.show-back) .board-back{opacity:0}
.board-face-inner,.board-back-inner{height:100%;width:100%;position:relative;background-color:#d4bd9e;background-image:linear-gradient(120deg,#fff7 0%,transparent 42%,#66533012 100%),url('assets/wood-texture.webp');background-size:cover;background-position:center;color:#282722}
.board-face-inner{display:flex;flex-direction:column;padding:7px 10px 6px}
.board-topline,.board-bottomline{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:19px;color:#252525;font-size:7px;font-weight:800;letter-spacing:.09em;line-height:1.1}
.board-topline #board-team{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--board-color)}
.board-topline img{width:67px;height:auto}
.board-bottomline{min-height:16px;font-size:5px;color:var(--board-color)}
#tactical-board{display:block;flex:1;min-height:0;width:100%;height:auto;padding:0;color:#242424}
.board-center-mark{position:absolute;top:50%;left:50%;width:36px;height:36px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #252525;border-radius:50%;background:#f4efdfc4;color:#222;font-size:5px;font-weight:800;text-align:center;line-height:1.1;overflow:hidden}
.board-center-mark.is-corner{top:28px;left:31px;transform:none;width:32px;height:32px}
.board-center-mark img{width:100%;height:100%;object-fit:contain;padding:2px}
.board-center-mark img[hidden],#board-placeholder-mark[hidden]{display:none}
.board-back-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.board-back-inner img{width:34%;max-width:180px;height:auto}
.board-back-inner span{font-size:7px;letter-spacing:.1em;font-weight:800}
.board-edge{position:absolute;background:var(--edge-color);box-shadow:inset 0 1px 2px #ffffff66,inset 0 -2px 3px #0007;backface-visibility:visible}
.board-edge-top,.board-edge-bottom{left:0;width:100%;height:14px}
.board-edge-top{top:0;transform-origin:top;transform:rotateX(-90deg)}
.board-edge-bottom{bottom:0;transform-origin:bottom;transform:rotateX(90deg)}
.board-edge-left,.board-edge-right{top:0;height:100%;width:14px}
.board-edge-left{left:0;transform-origin:left;transform:rotateY(90deg)}
.board-edge-right{right:0;transform-origin:right;transform:rotateY(-90deg)}
.board-floor-shadow{position:absolute;width:66%;height:37px;bottom:81px;left:17%;background:#0008;filter:blur(21px);transform:rotate(-4deg);z-index:-1}
.board-scene.finish-white .board-face-inner,.board-scene.finish-white .board-back-inner{background-image:linear-gradient(115deg,#fff,#e5e4dd 57%,#fafafa);background-color:#f9f9f4}
.board-scene.finish-dark .board-face-inner,.board-scene.finish-dark .board-back-inner{background-image:linear-gradient(115deg,#292b2c,#444747 57%,#272a2a);background-color:#303333;color:#f6f7f4}
.board-scene.finish-dark #tactical-board,.board-scene.finish-dark .board-topline,.board-scene.finish-dark .board-bottomline{color:#e6e7e4}
.board-scene.finish-dark .board-topline img,.board-scene.finish-dark .board-back-inner img{filter:invert(1)}
.board-scene.finish-dark .board-back-inner span{color:#f7f7f4}
.board-scene.is-portrait .board-object{width:min(62%,340px);aspect-ratio:2/3}
.board-scene.is-portrait .board-stage{height:670px}
.board-scene.is-portrait .board-center-mark{width:31px;height:31px}
.board-bottom{padding-top:18px;border-color:#565a5b;font-size:9px;color:#b6bab7}
.board-bottom>div{display:flex;gap:17px}
.replay-button{padding:8px 0;font-size:10px;white-space:nowrap;color:#f7f7f4}
.board-disclaimer{text-align:left;color:#a7aaa8;line-height:1.6;font-size:10px;margin-top:10px}
.coaching-board.playing .tactic-path{animation:draw-play 1.4s ease both}
.coaching-board.playing .player-one circle,.coaching-board.playing .player-one text{animation:player-one 2.5s ease-in-out both}
.coaching-board.playing .player-two circle,.coaching-board.playing .player-two text{animation:player-two 2.5s ease-in-out both}
.process{background:#e9e7e0;color:#17191a}
.process .section-heading>p{font-size:15px;line-height:1.7}
.process-steps{gap:24px}
.process-steps li{border-color:#999e9d}
.step-number{font-size:52px;color:var(--orange);margin-bottom:17px}
.process-steps h3{font-family:var(--display);font-size:18px;line-height:1.2}
.process-steps p{color:#4c5050}
.material-section{display:grid;grid-template-columns:54% 46%;background:#17191a;color:#f6f5f0}
.material-image{position:relative;min-height:580px;overflow:hidden}
.material-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.material-image:hover img{transform:scale(1.03)}
.material-image>span{position:absolute;bottom:18px;left:22px;padding:7px 9px;background:#161819c9;font-size:8px;letter-spacing:.1em;font-weight:800}
.material-copy{padding:clamp(45px,6vw,110px) var(--gutter);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.material-copy h2{font-size:clamp(48px,4.8vw,80px);margin-bottom:22px}
.material-copy>p:not(.eyebrow){max-width:490px;font-size:15px;line-height:1.8;color:#bfc2bf;margin:0 0 22px}
.contact{background:var(--paper)}
.contact-copy h2{font-size:clamp(53px,5.6vw,94px)}
.closing p,.closing>span{font-size:clamp(48px,8vw,135px);line-height:1.08}
.closing p{-webkit-text-stroke:0;color:#d1d4d1}
.footer{background:#111214}
@media(max-width:1100px){
 .hero-v2{grid-template-columns:52% 48%}.hero-v2 h1{font-size:clamp(54px,6.5vw,75px)}
 .hero-copy{padding-left:var(--gutter);padding-right:25px}.hero-product{min-height:600px}
 .custom-layout{grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr);gap:34px}
 .board-stage{height:500px}.board-scene.is-portrait .board-stage{height:590px}
 .board-object{width:min(88%,500px)}
 .product-info{padding:35px}.product-visual{min-height:480px}
}
@media(max-width:760px){
 .hero-v2{display:flex;flex-direction:column;min-height:0;height:auto;max-height:none}
 .hero-copy{padding:45px var(--gutter) 24px}
 .hero-copy .eyebrow{margin-bottom:24px;font-size:8px}
 .hero-v2 h1{font-size:clamp(49px,11.3vw,84px);line-height:1.02;margin-bottom:20px;white-space:normal}
 .hero-v2 .hero-description{font-size:14px;max-width:470px;margin-bottom:20px}
 .hero-v2 .hero-actions{gap:8px 22px}.hero-v2 .hero-actions .button{min-height:48px;font-size:12px;padding:12px 16px}
 .hero-v2 .hero-actions .text-link{font-size:11px}
 .hero-index{display:none}.hero-product{height:420px;min-height:0}
 .hero-product img{height:100%}.hero-product-label{left:18px;right:18px;bottom:18px}
 .catalog .section-heading h2{font-size:clamp(55px,13vw,88px)}
 .sport-tabs{overflow:auto;scrollbar-width:thin}.sport-tabs button{min-width:max-content;padding:15px 17px!important;font-size:12px}
 .catalog-layout{grid-template-columns:minmax(0,1fr)}.product-visual{aspect-ratio:1.2;min-height:0}.product-info{padding:30px 22px 37px}
 .product-info h3{font-size:clamp(34px,8vw,50px)}
 .customizer .section-top{margin-bottom:28px}.custom-intro{display:block;margin-bottom:28px}.custom-intro h2{font-size:clamp(44px,10.6vw,70px)}.custom-intro>p{margin-top:18px;font-size:14px;max-width:540px}
 .custom-layout{grid-template-columns:1fr;gap:28px}.custom-copy{order:2}.board-scene{order:1;position:static}
 .board-stage{height:430px}.board-scene.is-portrait .board-stage{height:500px}
 .board-object{width:min(85%,440px)}.board-scene.is-portrait .board-object{width:min(53%,260px)}
 .board-bottom{font-size:8px;gap:8px}.board-bottom>div{gap:12px}.replay-button{font-size:10px}
 .process-steps{grid-template-columns:1fr 1fr}.material-section{grid-template-columns:1fr}.material-image{min-height:0;height:380px}.material-copy{padding:52px var(--gutter) 58px}
 .material-copy h2{font-size:clamp(48px,10vw,70px)}
}
@media(max-width:480px){
 .hero-v2 h1{font-size:clamp(42px,11.2vw,55px)}.hero-product{height:320px}
 .hero-v2 .hero-actions{align-items:center}.hero-v2 .hero-actions .text-link{min-height:40px}
 .board-stage{height:310px}.board-scene.is-portrait .board-stage{height:390px}
 .board-object{width:min(88%,365px)}.board-scene.is-portrait .board-object{width:min(58%,225px)}
 .board-face{border-width:7px}.board-face-inner{padding:3px 5px 2px}
 .board-topline{font-size:5px;min-height:14px}.board-topline img{width:46px}.board-bottomline{font-size:4px;min-height:10px}
 .board-center-mark{width:25px;height:25px;font-size:3px}.board-center-mark.is-corner{width:22px;height:22px;top:16px;left:14px}
 .board-bottom{align-items:flex-start}.board-bottom>span{max-width:110px;line-height:1.4}
 .edge-choices{gap:4px}.edge-choice{font-size:8px;min-height:62px}.finish-choice{font-size:9px}
 .control-pair{gap:8px}.control-group label,.choice-group legend,.color-field legend{font-size:10px}
 .material-image{height:300px}
}
@media(prefers-reduced-motion:reduce){.board-object,.hero-product img,.material-image img,.product-visual img{transition:none!important}.hero-product img{translate:none!important}}