@font-face{font-family:'CNY Display';src:url('/upload/us223/canyon-pages/cny-display.woff2?v=1') format('woff2');font-weight:560 700;font-display:swap}@font-face{font-family:'CNY UI';src:url('/upload/us223/canyon-pages/cny-ui.woff2?v=1') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:'CNY Sans';src:url('/upload/us223/canyon-pages/cny-sans.woff2?v=1') format('woff2');font-weight:400 700;font-display:swap}.heading_title:has(+ .cny-page){display:none}.news:has(.cny-page){margin:0;padding:0;background:#fff}.news:has(.cny-page) .container-xxl{max-width:100%;padding:0;margin:0}html body .container-xxl .container-wrapper:has(>.cny-page){max-width:none;margin:0 auto;padding:0}.cny-page{--shop-bg:#FFFFFF;--navy:#00263E;--navy-80:#335165;--navy-40:#99A8B2;--navy-10:#E6E9EC;--navy-5:#F2F4F5;--red:#FF0C00;--red-text:#D90A00;--yellow:#E0E548;--mint:#10DDD7;--ink:#1B1B1B;--muted:#585858;--hair:rgba(0,38,62,.14);--surface:#F5F5F5;--disp:'CNY Display','CNY UI',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--ui:'CNY UI','CNY Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--body:'CNY Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--max:1360px;--gut:clamp(16px,2.4vw,24px);--r-panel:20px;--r-media:14px;--r-btn:8px;--skew:-30deg;--ease:cubic-bezier(.2,.75,.2,1);--ease-io:cubic-bezier(.6,0,.2,1);position:relative;overflow:clip;background:var(--shop-bg);color:var(--ink);font:400 16px/1.6 var(--body);text-align:left;-webkit-font-smoothing:antialiased}.cny-page *,.cny-page *::before,.cny-page *::after{box-sizing:border-box}.cny-page img{display:block;max-width:100%;height:auto}.cny-page p{margin:0}.cny-page ul{margin:0;padding:0;list-style:none}.cny-page a{text-decoration:none;color:inherit}.cny-page h1,.cny-page h2,.cny-page h3,.cny-page h4{margin:0;text-wrap:balance;color:var(--navy)}html body .cny-page :is(h1,h2,h3,h4,h5,h6){font-family:var(--ui)}html body .cny-page :is(h1,h2,h3,h4,h5,h6).cny-disp{font-family:var(--disp)}.cny-page a:focus-visible,.cny-page summary:focus-visible,.cny-page [tabindex]:focus-visible{outline:2px solid var(--red-text);outline-offset:3px;border-radius:4px}.cny-inner{max-width:var(--max);margin:0 auto;padding-inline:var(--gut);position:relative;z-index:2;width:100%}.cny-sec{position:relative;padding-block:clamp(56px,7vw,104px)}.cny-sec--tight{padding-block:clamp(36px,4.5vw,64px)}.cny-anchor{scroll-margin-top:90px}.cny-head{display:grid;gap:18px;margin-bottom:clamp(28px,3.6vw,48px)}@media(min-width:960px){.cny-head--split{grid-template-columns:1.1fr 1fr;align-items:end;gap:48px}}.cny-head__t{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.cny-page .cny-disp{font-family:var(--disp);font-weight:640;text-transform:uppercase;letter-spacing:-.005em}.cny-dxl{font-size:clamp(46px,8.2vw,124px);line-height:.86}.cny-dl{font-size:clamp(38px,5.4vw,80px);line-height:.9}.cny-h2{font-size:clamp(32px,3.6vw,52px);line-height:.95}.cny-h3{font:700 clamp(19px,1.6vw,23px)/1.2 var(--ui);letter-spacing:-.01em;color:var(--ink)}.cny-lede{font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--muted);max-width:56ch}.cny-two{font:500 clamp(20px,2vw,28px)/1.32 var(--ui);letter-spacing:-.015em;color:var(--ink);max-width:32ch}.cny-two span{color:#5B7282}.cny-micro{font:600 11px/1.25 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.cny-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--navy)}.cny-eyebrow::before{content:"";width:8px;height:12px;background:var(--red);transform:skewX(var(--skew))}.cny-eyebrow--light{color:#fff}.cny-red{color:var(--red)}.cny-btns{display:flex;flex-wrap:wrap;gap:12px}.cny-btn{display:inline-flex;align-items:center;gap:12px;font:700 16px/1 var(--ui);padding:17px 22px;border-radius:var(--r-btn);border:1.5px solid transparent;transition:background .25s,color .25s,border-color .25s}.cny-btn--p{background:var(--red-text);color:#fff}.cny-btn--p:hover{background:#B30800;color:#fff}.cny-btn--s{border-color:var(--navy);color:var(--navy)}.cny-btn--s:hover{background:var(--yellow);border-color:var(--navy);color:var(--navy)}.cny-link{font:700 15px/1.25 var(--ui);color:var(--red-text);display:inline-flex;gap:8px;align-items:center}.cny-link:hover{color:var(--navy)}.cny-stretch::after{content:"";position:absolute;inset:0;z-index:5}.cny-stage{position:relative;padding-block:clamp(32px,4.4vw,64px) 0}.cny-stage__grid{display:grid;gap:36px;align-items:end}@media(min-width:960px){.cny-stage__grid{grid-template-columns:1.06fr 1fr;gap:24px}}.cny-stage__copy{display:flex;flex-direction:column;gap:24px;padding-bottom:clamp(8px,2.6vw,36px);position:relative;z-index:3}.cny-stage__copy h1 span{display:block}.cny-stage__media{--h:clamp(420px,44vw,600px);position:relative;height:var(--h)}.cny-stage__photo{position:absolute;inset-block:0;inset-inline:16% 0;border-radius:0 var(--r-panel) var(--r-panel) 0;overflow:hidden;clip-path:polygon(calc(var(--h) * .577) 0,100% 0,100% 100%,0 100%)}.cny-page .cny-stage__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.cny-stage__band{position:absolute;inset-block:0;left:calc(16% - 58px);width:40px;background:var(--navy);transform-origin:0 100%;transform:skewX(var(--skew));z-index:1}.cny-stage__band--echo{left:calc(16% - 80px);width:8px;background:var(--red)}.cny-stage__prod{position:absolute;left:0;bottom:-3%;width:clamp(150px,16vw,240px);z-index:4}.cny-watermark{position:absolute;left:50%;bottom:-.12em;translate:-50% 0;z-index:0;white-space:nowrap;font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:clamp(140px,28vw,420px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--navy-10);pointer-events:none;user-select:none}.cny-meta{position:relative;z-index:3;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--hair);margin-top:clamp(28px,4vw,44px)}.cny-meta>div{padding:16px 12px 16px 0;display:flex;gap:10px;align-items:baseline;font:600 12px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cny-meta b{font-family:var(--disp);font-weight:640;font-size:24px;letter-spacing:0;color:var(--navy)}@media(max-width:699px){.cny-stage__media{--h:440px}.cny-stage__photo{inset-inline:0;border-radius:var(--r-panel);clip-path:polygon(0 0,100% 0,100% 100%,69px 100%,0 calc(100% - 120px))}.cny-stage__band{display:none}.cny-stage__prod{left:-2%;bottom:-4%;width:150px}}.cny-statement{display:grid;gap:28px;align-items:center}@media(min-width:960px){.cny-statement{grid-template-columns:1.25fr 1fr;gap:56px}}.cny-statement h2 em{font-style:normal;color:var(--red)}.cny-slices{--h:460px;position:relative;height:var(--h);border-radius:var(--r-panel);overflow:hidden;background:#fff}.cny-slices>div{position:absolute;inset:0}.cny-page .cny-slices img{width:100%;height:100%;object-fit:cover}.cny-slices .s1{clip-path:polygon(0 0,calc(30% + var(--h) * .577 - 6px) 0,calc(30% - 6px) 100%,0 100%)}.cny-slices .s2{clip-path:polygon(calc(30% + var(--h) * .577 + 6px) 0,calc(60% + var(--h) * .577 - 6px) 0,calc(60% - 6px) 100%,calc(30% + 6px) 100%)}.cny-slices .s3{clip-path:polygon(calc(60% + var(--h) * .577 + 6px) 0,100% 0,100% 100%,calc(60% + 6px) 100%)}@media(max-width:699px){.cny-slices{--h:340px}}@property --cny-n{syntax:"<integer>";inherits:false;initial-value:0}.cny-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));border-top:2px solid var(--navy)}.cny-stat{padding:22px 24px 26px 0;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--hair)}.cny-stat__num{font-family:var(--disp);font-weight:640;font-size:clamp(58px,6.4vw,96px);line-height:.86;color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap}.cny-stat__num sup{font-size:.42em;vertical-align:top;color:var(--red);margin-left:3px;position:relative;top:.1em}.cny-stat__num small{font-size:.42em;margin-left:6px;letter-spacing:.02em}.cny-count{--cny-n:var(--to);counter-reset:cnyn var(--cny-n)}.cny-count::before{content:counter(cnyn)}.cny-stat p{font:500 14.5px/1.45 var(--ui);color:var(--muted);max-width:26ch}@media(min-width:700px){.cny-stat+.cny-stat{padding-left:24px;border-left:1px solid var(--hair)}}.cny-draw polygon{fill:none;stroke:var(--c,var(--navy));stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}.cny-frame{position:absolute;left:50%;top:50%;width:min(94%,400px);translate:-50% -50%}.cny-frame svg{display:block;width:100%;height:auto;overflow:visible}.cny-frame__tag{position:absolute;right:3%;top:4.7%;width:44px;height:26px;background:var(--red);transform:skewX(var(--skew))}.cny-railwrap{timeline-scope:--cny-rail}.cny-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,22vw,300px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-timeline:--cny-rail x;padding-inline:max(var(--gut),calc((100% - var(--max)) / 2 + var(--gut)));scroll-padding-inline:max(var(--gut),calc((100% - var(--max)) / 2 + var(--gut)));padding-bottom:6px}.cny-rail::-webkit-scrollbar{display:none}.cny-rail>*{min-width:0;scroll-snap-align:start}.cny-pcard{position:relative;display:flex;flex-direction:column;gap:14px}.cny-pcard__img{position:relative;aspect-ratio:1/1.05;border-radius:var(--r-panel);background:var(--surface);display:grid;place-items:center;overflow:hidden;isolation:isolate}.cny-pcard__img::before,.cny-pcard__img::after{content:"";position:absolute;left:-8%;transform-origin:0 100%;transform:skewX(var(--skew)) scaleX(0);transition:transform .55s var(--ease);z-index:-1}.cny-pcard__img::before{bottom:0;height:10%;width:66%;background:var(--navy)}.cny-pcard__img::after{bottom:calc(10% + 8px);height:5px;width:40%;background:var(--yellow);transition-delay:.07s}.cny-page .cny-pcard__img img{position:absolute;inset:15% 17% 19%;width:66%;height:66%;max-width:none;object-fit:contain;transition:transform .6s var(--ease)}.cny-pcard__meta{display:flex;flex-direction:column;gap:4px}.cny-pcard .cny-link i{font-style:normal;transition:transform .35s var(--ease)}@media(hover:hover){.cny-pcard:hover .cny-pcard__img::before,.cny-pcard:hover .cny-pcard__img::after{transform:skewX(var(--skew)) scaleX(1)}.cny-pcard:hover .cny-pcard__img img{transform:scale(1.05)}.cny-pcard:hover .cny-link i{transform:translateX(4px)}}.cny-pcard:focus-within .cny-pcard__img::before,.cny-pcard:focus-within .cny-pcard__img::after{transform:skewX(var(--skew)) scaleX(1)}.cny-progress{height:3px;background:var(--navy-10);margin-top:24px;position:relative;overflow:hidden;max-width:280px}.cny-progress::after{content:"";position:absolute;inset:0;background:var(--red);transform-origin:left;transform:scaleX(.25)}.cny-swipe{display:none;font:500 13px/1.4 var(--ui);color:var(--muted);margin-top:12px}@media(max-width:899px){.cny-swipe{display:block}.cny-rail{grid-auto-columns:min(72%,300px)}}.cny-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--hair);border-radius:var(--r-panel);overflow:hidden;border:1px solid var(--hair)}.cny-trust>div{position:relative;background:#fff;padding:22px 22px 24px;display:flex;gap:16px;align-items:flex-start;transition:background .25s}.cny-trust>div:hover{background:var(--navy-5)}.cny-trust svg{flex:none;width:30px;height:30px;stroke:var(--navy);fill:none;stroke-width:1.6}.cny-trust b{display:block;font:700 15px/1.3 var(--ui);color:var(--navy)}.cny-trust span{font:500 13.5px/1.45 var(--ui);color:var(--muted)}.cny-next{border-top:2px solid var(--navy)}.cny-next__row{position:relative;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:clamp(18px,2.2vw,26px) 0;border-bottom:1px solid var(--hair);isolation:isolate}.cny-next__row::before{content:"";position:absolute;inset:6px auto 6px -40px;width:0;background:var(--yellow);transform:skewX(var(--skew));z-index:-1;transition:width .55s var(--ease)}.cny-next__row a{font-family:var(--disp);font-weight:640;text-transform:uppercase;font-size:clamp(28px,3.6vw,52px);line-height:1;color:var(--navy)}.cny-next__row a::after{content:"";position:absolute;inset:0}.cny-next__row a em{font-style:normal;display:inline-block;margin-left:14px;color:var(--red);transition:transform .45s var(--ease),color .3s}.cny-next__row small{font:500 14px/1.4 var(--ui);color:var(--muted);text-align:right;max-width:30ch;transition:color .3s}@media(hover:hover){.cny-next__row:hover::before{width:calc(100% + 80px)}.cny-next__row:hover a em{transform:translateX(10px);color:var(--navy)}.cny-next__row:hover small{color:var(--navy)}}@media(max-width:699px){.cny-next__row{grid-template-columns:1fr}.cny-next__row small{text-align:left}}.cny-chain{display:flex;flex-wrap:wrap;gap:12px 6px;align-items:center;padding-left:24px}.cny-chain>span{position:relative;isolation:isolate;display:inline-grid;place-items:center;min-height:clamp(60px,7.4vw,104px);padding-inline:clamp(26px,3.4vw,52px);font-family:var(--disp);font-weight:640;text-transform:uppercase;font-size:clamp(26px,3.9vw,58px);line-height:1;color:var(--navy)}.cny-chain>span::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bg,var(--surface));transform:skewX(var(--skew))}.cny-chain .c1{--bg:var(--navy);color:#fff}.cny-chain .c3{--bg:var(--red);color:#fff;padding-inline:clamp(20px,2.4vw,36px)}.cny-chain .c2{--bg:var(--yellow)}.cny-chain .c4{--bg:#fff}.cny-chain .c4::after{content:"";position:absolute;inset:0;z-index:-1;border:2px solid var(--navy);transform:skewX(var(--skew))}@keyframes cny-rise{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}@keyframes cny-slant{from{opacity:0;translate:-52px 90px}to{opacity:1;translate:0 0}}@keyframes cny-band{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes cny-open{from{clip-path:polygon(calc(var(--h) * .577) 0,calc(var(--h) * .577) 0,0 100%,0 100%)}to{clip-path:polygon(calc(var(--h) * .577) 0,100% 0,100% 100%,0 100%)}}@keyframes cny-zoom{from{scale:1.12}to{scale:1}}@keyframes cny-bob{50%{translate:0 -10px}}@keyframes cny-drift{from{translate:-42% 0}to{translate:-58% 0}}@keyframes cny-count{from{--cny-n:0}}@keyframes cny-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes cny-grow{from{transform:scaleX(.25)}to{transform:scaleX(1)}}@keyframes cny-sl-a{from{translate:0 -16px}to{translate:0 16px}}@keyframes cny-sl-b{from{translate:0 20px}to{translate:0 -20px}}@media(prefers-reduced-motion:no-preference){.cny-in{animation:cny-rise .9s var(--ease) both;animation-delay:calc(var(--d,0) * 90ms + 350ms)}.cny-stage__band{animation:cny-band .8s var(--ease-io) both}.cny-stage__band--echo{animation-delay:.12s}.cny-stage__photo{animation:cny-open 1.1s var(--ease-io) .15s both}.cny-stage__photo img{animation:cny-zoom 1.8s var(--ease) .15s both}.cny-stage__prod{animation:cny-slant 1.1s var(--ease) .7s both,cny-bob 6s ease-in-out 2s infinite}@supports (animation-timeline:view()){.cny-reveal{animation:cny-rise linear both;animation-timeline:view();animation-range:entry 0% cover 26%}.cny-watermark{animation:cny-drift linear both;animation-timeline:view()}.cny-count{animation:cny-count linear both;animation-timeline:view();animation-range:entry 10% cover 40%}.cny-draw polygon{animation:cny-draw linear both;animation-timeline:view();animation-range:entry 15% cover 45%}.cny-frame__tag{animation:cny-slant linear both;animation-timeline:view();animation-range:cover 30% cover 45%}.cny-progress::after{animation:cny-grow linear both;animation-timeline:--cny-rail}.cny-slices .s1,.cny-slices .s3{animation:cny-sl-a linear both;animation-timeline:view()}.cny-slices .s2{animation:cny-sl-b linear both;animation-timeline:view()}.cny-chain>span{animation:cny-slant linear both;animation-timeline:view();animation-range:entry calc(var(--d,0) * 8%) cover calc(24% + var(--d,0) * 6%)}}}@media(prefers-reduced-motion:reduce){.cny-page *,.cny-page *::before,.cny-page *::after{transition:none!important;animation:none!important}}