.castle-html-root [data-how-beat].learn .wrap{gap:clamp(.35rem,1.1cqh,.7rem);overflow:visible}.castle-html-root [data-how-beat] .how-year-head{text-align:center;flex:none}.castle-html-root [data-how-beat] .how-year-head .display{text-align:center;margin:0;font-size:clamp(1.7rem,min(6.2cqh,4.6cqw),3.1rem)}.castle-html-root [data-how-beat] .how-year-nav{border-bottom:1.15px solid color-mix(in srgb, var(--navy) 20%, transparent);flex:none;grid-template-columns:repeat(3,minmax(0,1fr));place-items:end center;width:100%;display:grid}.castle-html-root [data-how-beat] .how-year-nav a{width:100%;font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--navy);opacity:.38;flex-direction:column;justify-content:flex-end;align-items:center;padding:.2rem 0 .48rem;font-size:clamp(.82rem,2cqh,1.05rem);font-weight:700;font-stretch:75%;line-height:1;text-decoration:none;display:flex}.castle-html-root [data-how-beat] .how-year-num{letter-spacing:0;margin-bottom:.22rem;font-size:clamp(1.05rem,2.6cqh,1.4rem);line-height:1;display:block}.castle-html-root [data-how-beat] .how-year-nav a[aria-current=location]{opacity:1;box-shadow:inset 0 -3px 0 var(--yellow)}.castle-html-root [data-how-beat] .how-year-nav a:focus-visible{outline:2px solid var(--navy);outline-offset:3px;opacity:1}.castle-html-root [data-how-beat] .how-year-board{flex:auto;min-height:0;position:relative;overflow:hidden}.castle-html-root [data-how-beat] .how-year-board.is-sliding{--how-fade-inset:0px;--how-fade-line:0px;-webkit-mask-image:linear-gradient(90deg, transparent 0, transparent var(--how-fade-line), #000 var(--how-fade-inset), #000 calc(100vw - var(--how-fade-inset)), transparent calc(100vw - var(--how-fade-line)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, transparent var(--how-fade-line), #000 var(--how-fade-inset), #000 calc(100vw - var(--how-fade-inset)), transparent calc(100vw - var(--how-fade-line)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, transparent var(--how-fade-line), #000 var(--how-fade-inset), #000 calc(100vw - var(--how-fade-inset)), transparent calc(100vw - var(--how-fade-line)), transparent 100%);-webkit-mask-size:100vw 100%;mask-size:100vw 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(-1 * var(--how-fade-inset)) 0;-webkit-mask-position:calc(-1 * var(--how-fade-inset)) 0;mask-position:calc(-1 * var(--how-fade-inset)) 0;overflow:visible}@media (min-width:901px){.castle-html-root [data-how-beat] .how-year-board.is-sliding{--how-fade-inset:calc((100vw - min(100vw, 1280px)) / 2 + var(--rail-w) + 28px);--how-fade-line:calc(14px + var(--rail-w))}}.castle-html-root [data-how-beat] .how-year-track{will-change:transform;width:100%;height:100%;transition:transform var(--page-ms,.72s) cubic-bezier(.65, 0, .35, 1);grid-auto-columns:100%;grid-auto-flow:column;display:grid}.castle-html-root [data-how-beat] .how-year-track.is-jump{transition:none}.castle-html-root [data-how-beat] .how-year-stage{grid-template-columns:minmax(0,1.08fr) minmax(15.5rem,.92fr);align-items:stretch;gap:clamp(.85rem,2.2cqw,2rem);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.castle-html-root [data-how-beat] .how-year-photo{flex-direction:column;min-width:0;min-height:0;margin:0;display:flex}.castle-html-root [data-how-beat] .how-year-photo .frame{flex-direction:column;flex:1;height:100%;min-height:0;margin:8px;display:flex}.castle-html-root [data-how-beat] .how-year-photo .frame-inner{flex:1;min-height:0;display:flex}.castle-html-root [data-how-beat] .how-year-photo img{object-fit:cover;object-position:50% 50%;flex:1;width:100%;height:100%;min-height:0}.castle-html-root [data-how-beat] .how-year-copy{flex-direction:column;justify-content:center;min-width:0;min-height:0;display:flex}.castle-html-root [data-how-beat] .how-year-copy .eyebrow{color:var(--blue);margin:0 0 clamp(.12rem,.7cqh,.4rem)}.castle-html-root [data-how-beat] .how-year-copy .display{text-align:left;margin:0 0 clamp(.3rem,1.3cqh,.7rem);font-size:clamp(2rem,min(7.6cqh,5.4cqw),3.8rem)}.castle-html-root [data-how-beat] .how-year-blurb{max-width:32rem;color:var(--ink);margin:0 0 clamp(.55rem,1.8cqh,1.1rem);font-size:clamp(.88rem,min(2.1cqh,1.15cqw),1.06rem);line-height:1.42}.castle-html-root [data-how-beat] .how-year-paths{flex-direction:column;gap:0;max-width:32rem;margin:0 0 clamp(.5rem,1.6cqh,1rem);display:flex}.castle-html-root [data-how-beat] .how-year-path{border-top:1px solid color-mix(in srgb, var(--navy) 16%, transparent);padding:clamp(.38rem,1.3cqh,.7rem) 0}.castle-html-root [data-how-beat] .how-year-path .fig{color:var(--blue);margin:0 0 .12rem}.castle-html-root [data-how-beat] .how-year-path h4{font-family:var(--display);letter-spacing:-.01em;color:var(--navy);margin:0 0 .18rem;font-size:clamp(1.12rem,min(3.4cqh,2.2cqw),1.55rem);font-weight:700;font-stretch:75%;line-height:1.05}.castle-html-root [data-how-beat] .how-year-path p{color:var(--ink);margin:0;font-size:clamp(.84rem,min(1.95cqh,1.05cqw),.98rem);line-height:1.36}.castle-html-root [data-how-beat] .how-year-copy .btn-notch-gold{align-self:flex-start}@container meet (max-width:900px){.castle-html-root [data-how-beat] .how-year-stage{grid-template-rows:minmax(7.2rem,.78fr) auto;grid-template-columns:1fr;gap:clamp(.5rem,1.6cqh,.85rem)}.castle-html-root [data-how-beat] .how-year-copy{justify-content:flex-start}.castle-html-root [data-how-beat] .how-year-copy .display{font-size:clamp(1.85rem,8.4cqw,2.5rem)}.castle-html-root [data-how-beat] .how-year-blurb{max-width:none;font-size:.9rem;line-height:1.38}.castle-html-root [data-how-beat] .how-year-paths{max-width:none}.castle-html-root [data-how-beat] .how-year-path p{font-size:.86rem;line-height:1.34}}@container meet (max-height:760px){.castle-html-root [data-how-beat] .how-year-copy .display{font-size:clamp(1.85rem,6.4cqh,3rem)}.castle-html-root [data-how-beat] .how-year-blurb{font-size:.86rem;line-height:1.34}.castle-html-root [data-how-beat] .how-year-path{padding:.32rem 0}.castle-html-root [data-how-beat] .how-year-path h4{font-size:clamp(1.05rem,3cqh,1.35rem)}.castle-html-root [data-how-beat] .how-year-path p{font-size:.82rem;line-height:1.3}.castle-html-root [data-how-beat] .how-year-copy .btn-notch-gold span{padding:.78rem 1.2rem}}@container meet (max-width:900px) and (max-height:740px){.castle-html-root [data-how-beat] .how-year-stage{grid-template-rows:minmax(6.2rem,.62fr) auto}.castle-html-root [data-how-beat] .how-year-blurb{font-size:.82rem;line-height:1.32}}@media (prefers-reduced-motion:reduce){.castle-html-root [data-how-beat] .how-year-nav a,.castle-html-root [data-how-beat] .how-year-track{transition:none}.castle-html-root [data-how-beat] .how-year-board.is-sliding{overflow:hidden;-webkit-mask-image:none;mask-image:none;-webkit-mask-size:auto;mask-size:auto}}@media (min-width:901px){.castle-html-root #clean,.castle-html-root #why,.castle-html-root #clean.learn,.castle-html-root #why.learn{height:auto;min-height:100svh;max-height:none;overflow:visible}}.castle-html-root #clean.learn .wrap,.castle-html-root #why.learn .wrap,.castle-html-root #need.learn .wrap{gap:clamp(.6rem,1.6svh,1.1rem);width:100%;max-width:none;height:auto;min-height:0;overflow:visible;container-type:inline-size}.castle-html-root #clean.learn .wrap,.castle-html-root #why.learn .wrap{flex:none;min-height:min-content}@media (min-width:901px){.castle-html-root #clean.learn .wrap,.castle-html-root #why.learn .wrap{flex:none;height:auto;min-height:min-content;overflow:visible;container-type:inline-size}.castle-html-root #need.learn .wrap{justify-content:space-between;height:100%;overflow:hidden;container-type:size}.castle-html-root #need .kit-track{justify-content:center;align-items:stretch;min-height:0}.castle-html-root #need .kit-photo{flex:0 auto}.castle-html-root #need .kit-photo img{width:100%;max-width:100%;height:auto;max-height:none}}@media (min-width:901px) and (max-height:840px){.castle-html-root #need .kit-track{flex:auto}.castle-html-root #need .kit-photo{flex:auto;min-height:0}.castle-html-root #need .kit-photo img{width:auto;max-width:100%;height:auto;max-height:100%}}.castle-html-root .rc-row{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(.85rem,2vw,1.6rem);width:100%;min-height:0;display:grid}.castle-html-root .rc{--rc-ms:.26s;grid-template-rows:auto auto auto;grid-template-areas:"kicker""frame""title";min-width:0;display:grid;position:relative;container-type:inline-size}.castle-html-root .rc-copy{display:contents}.castle-html-root .rc-switch{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.castle-html-root .rc-hit{z-index:1;cursor:pointer;margin:0;position:absolute;inset:0}.castle-html-root .rc .eyebrow{color:var(--blue);grid-area:kicker;margin:0 0 .4rem}.castle-html-root .rc .frame{grid-area:frame;width:100%;margin:0;padding:10px;position:relative;container-type:inline-size}.castle-html-root .rc .frame-inner{aspect-ratio:1;width:min(100%,100cqh - 10.5rem);padding:0;position:relative}.castle-html-root .rc .frame-inner>img{object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity var(--rc-ms) ease;position:absolute;inset:0}.castle-html-root .rc-title{font-family:var(--display);letter-spacing:-.01em;color:var(--navy);grid-area:title;margin:.55rem 0 0;font-size:clamp(1.25rem,2.4vw,1.85rem);font-weight:700;font-stretch:75%;line-height:1.05}.castle-html-root .rc-detail{z-index:2;opacity:0;visibility:hidden;pointer-events:none;min-width:0;transition:opacity var(--rc-ms) ease, visibility var(--rc-ms);background:#0c0a08b8;flex-direction:column;grid-area:frame;justify-content:flex-end;align-items:flex-start;gap:.45rem;margin:0;padding:clamp(.65rem,3.5cqi,1.05rem);display:flex;position:absolute;inset:10px;overflow:hidden}@media (min-width:901px){.castle-html-root .rc:focus-within .frame-inner>img{opacity:.28}.castle-html-root .rc:has(.rc-switch:checked) .frame-inner>img{opacity:.28}.castle-html-root .rc:focus-within .rc-detail{opacity:1;visibility:visible}.castle-html-root .rc:has(.rc-switch:checked) .rc-detail{opacity:1;visibility:visible}@media (hover:hover) and (pointer:fine){.castle-html-root .rc:hover .frame-inner>img{opacity:.28}.castle-html-root .rc:hover .rc-detail{opacity:1;visibility:visible}}.castle-html-root #why .rc-detail>p{font-size:clamp(.86rem,7cqi,1.45rem)}}.castle-html-root .rc-detail .btn{pointer-events:auto}.castle-html-root .rc-detail>p{max-width:none;color:var(--cream);margin:0;font-size:clamp(.82rem,5.6cqi,1.22rem);line-height:1.32}.castle-html-root .rc:focus-within{outline:2px solid var(--navy);outline-offset:4px}@media (max-width:900px){.castle-html-root #clean,.castle-html-root #why{--rc-thumb:min(42%, calc((100svh - 18rem) / 3));height:auto;min-height:100svh;max-height:none;overflow:visible;container:meet/inline-size}.castle-html-root #clean.learn .wrap,.castle-html-root #why.learn .wrap{flex:none;gap:.4rem;height:auto;min-height:min-content;padding-top:100px;padding-bottom:24px;overflow:visible;container-type:inline-size}.castle-html-root .rc-row{flex:none;grid-template-columns:1fr;gap:.4rem}.castle-html-root .rc{grid-template-columns:minmax(5.75rem, var(--rc-thumb)) minmax(0, 1fr);grid-template-rows:auto;grid-template-areas:"frame copy";align-items:start;gap:.3rem .55rem}.castle-html-root .rc:nth-child(2n){grid-template-columns:minmax(0, 1fr) minmax(5.75rem, var(--rc-thumb));grid-template-areas:"copy frame"}.castle-html-root .rc-copy{flex-direction:column;grid-area:copy;align-items:flex-start;gap:.18rem;min-width:0;display:flex;container-type:inline-size}.castle-html-root .rc .eyebrow,.castle-html-root .rc-title{margin:0}.castle-html-root .rc-title{font-size:clamp(1rem,4.2vw,1.25rem)}.castle-html-root .rc-hit,.castle-html-root .rc-switch{display:none}.castle-html-root .rc .frame{padding:6px}.castle-html-root .rc .frame-inner{aspect-ratio:1;width:100%}.castle-html-root .rc .frame-inner>img{opacity:1}.castle-html-root .rc-detail{opacity:1;visibility:visible;pointer-events:auto;background:0 0;grid-area:auto;margin:0;padding:0;position:static;overflow:visible}.castle-html-root .rc-detail>p{color:var(--ink);font-size:clamp(.92rem,6cqi,1.12rem);line-height:1.3}.castle-html-root .rc-detail .btn-notch-gold{flex:none;margin-top:.2rem}.castle-html-root #clean .rc-detail .btn-notch-gold span,.castle-html-root #why .rc-detail .btn-notch-gold span{letter-spacing:.18em;white-space:nowrap;min-height:0;padding:.55rem 1.15rem;font-size:.82rem}}@media (prefers-reduced-motion:reduce){.castle-html-root .rc{--rc-ms:0s}.castle-html-root .rc .frame-inner>img,.castle-html-root .rc-detail{transition:none}}.castle-html-root #need .section-head,.castle-html-root #need .kit-marks,.castle-html-root #need .shop-cta{flex:none}.castle-html-root #need .kit-track{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-flow:row;flex:0 auto;gap:clamp(.7rem,2cqi,1.4rem);width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.castle-html-root #need .kit-track::-webkit-scrollbar{height:0;display:none}.castle-html-root #need .kit{flex-direction:column;flex:1 1 0;width:auto;min-width:0;max-width:none;min-height:0;display:flex;overflow:hidden}.castle-html-root #need .kit-marks{display:none}.castle-html-root #need .kit-photo{width:100%;min-height:0;color:inherit;background:0 0;flex:0 auto;justify-content:center;align-items:center;text-decoration:none;display:flex;overflow:hidden}.castle-html-root #need .kit-photo img{object-fit:contain;object-position:50% 50%;width:auto;max-width:100%;height:auto;max-height:100%;display:block}@media (min-width:901px){.castle-html-root #need .kit-photo img{width:100%;height:auto;max-height:none}}@media (min-width:901px) and (max-height:840px){.castle-html-root #need .kit-photo img{width:auto;max-width:100%;height:auto;max-height:100%}}.castle-html-root #need .kit .btn-notch-gold{flex:none;align-self:flex-start}.castle-html-root #need .kit-marks{justify-content:center;gap:.55rem;margin-top:.45rem}.castle-html-root #need .kit-marks button{appearance:none;cursor:pointer;font-family:var(--ui);font-variant:small-caps;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);background:0 0;border:0;padding:.4rem .35rem;font-size:.62rem;font-weight:600;font-stretch:100%;line-height:1}.castle-html-root #need .kit-marks button[aria-current=true]{color:var(--navy);box-shadow:inset 0 -2px 0 var(--navy)}.castle-html-root #need .kit-marks button:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.castle-html-root #need .shop-cta{flex:none}@container meet (max-width:900px){.castle-html-root #need .kit-track{scroll-snap-type:x mandatory;gap:0;overflow-x:auto}.castle-html-root #need .kit{text-align:center;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;align-items:center;width:100%;max-width:none}.castle-html-root #need .kit .btn-notch-gold{align-self:center}.castle-html-root #need .kit-marks{display:flex}}@media (max-height:700px){.castle-html-root #need .kit h3+p{display:none}}@media (max-width:900px){.castle-html-root #need{height:100svh;min-height:100svh;max-height:100svh;overflow:hidden;container:meet/size}.castle-html-root #need.learn .wrap{flex-direction:column;height:100%;min-height:0;padding-top:100px;padding-bottom:24px;display:flex;overflow:hidden}.castle-html-root #need .kit-track{flex:auto;min-height:0}.castle-html-root #need .kit-photo{flex:auto}.castle-html-root #need .kit-photo img{width:auto;max-width:100%;height:auto;max-height:100%}.castle-html-root #need .kit .btn-notch-gold span{letter-spacing:.18em;white-space:nowrap;min-height:0;padding:.55rem 1.15rem;font-size:.82rem}}@media (prefers-reduced-motion:reduce){.castle-html-root #need .kit-track{scroll-behavior:auto}}@media (prefers-reduced-motion:no-preference){.castle-html-root #need .kit-track{scroll-behavior:smooth}}.castle-html-root #trust .trust-split{flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:.7rem;height:100%;min-height:0;display:grid}.castle-html-root #trust .trust-letter{background:var(--cream);min-width:0;min-height:0;color:var(--navy);flex-direction:column;justify-content:flex-start;gap:0;padding:clamp(.85rem,2.4cqh,1.4rem) clamp(1rem,2.4cqw,1.7rem) clamp(.75rem,2cqh,1.1rem);display:flex;overflow:hidden}.castle-html-root #trust .trust-letter .fig{color:var(--blue);margin:0 0 clamp(.25rem,1.1cqh,.5rem)}.castle-html-root #trust .trust-letter .display{text-align:left;color:var(--navy);margin:0 0 clamp(.45rem,1.6cqh,.85rem);font-size:clamp(2.05rem,min(9cqh,6.4cqw),3.55rem)}.castle-html-root #trust .trust-letter .display:after{content:"";background:var(--yellow);width:2.6rem;height:3px;margin-top:clamp(.35rem,1.2cqh,.6rem);display:block}.castle-html-root #trust .trust-letter>p:not(.fig){max-width:28rem;color:var(--ink);margin:0 0 clamp(.55rem,1.5cqh,.85rem);font-size:clamp(.92rem,2.1cqh,1.05rem);line-height:1.45}.castle-html-root #trust .trust-work{display:none}.castle-html-root #trust .trust-letter .btn-notch-gold{flex:none;align-self:flex-start}.castle-html-root #trust .trust-place{flex-direction:column;min-width:0;height:100%;min-height:clamp(96px,22cqh,220px);margin:0;display:flex}.castle-html-root #trust .trust-place .frame-inner{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.castle-html-root #trust .trust-place img{object-fit:cover;object-position:50% 38%;flex:1;width:100%;height:100%;min-height:0}.castle-html-root #trust .trust-place-cap{z-index:2;color:var(--cream);background:linear-gradient(#0000,#0c0a08b8 58%);padding:clamp(.7rem,2.4cqh,1.15rem) clamp(.75rem,2cqw,1.15rem) clamp(.65rem,2cqh,1rem);position:absolute;bottom:0;left:0;right:0}.castle-html-root #trust .trust-place-cap .fig{color:var(--yellow);margin:0 0 .2rem}.castle-html-root #trust .trust-place-cap p:not(.fig){max-width:22rem;color:var(--cream);margin:0;font-size:clamp(.88rem,2cqh,1.02rem);line-height:1.35}@media (hover:hover) and (pointer:fine){.castle-html-root #trust .trust-letter .btn-notch-gold{transition:opacity .2s}}@media (prefers-reduced-motion:reduce){.castle-html-root #trust .trust-letter .btn-notch-gold{transition:none}}@container meet (max-width:900px){.castle-html-root #trust .trust-letter{padding:.85rem 1rem .75rem}.castle-html-root #trust .trust-letter .display{margin-bottom:.4rem;font-size:clamp(1.7rem,8.2cqw,2.3rem)}.castle-html-root #trust .trust-letter>p:not(.fig){margin-bottom:.45rem;font-size:.9rem}.castle-html-root #trust .trust-place .frame-inner,.castle-html-root #trust .trust-place img{min-height:96px}.castle-html-root #trust .trust-place-cap p:not(.fig){font-size:.88rem}}@container meet (max-height:720px){.castle-html-root #trust .trust-place .frame-inner,.castle-html-root #trust .trust-place img{min-height:10rem}.castle-html-root #trust .trust-letter>p:not(.fig):last-of-type{margin-bottom:.55rem}}@container meet (max-width:900px) and (max-height:700px){.castle-html-root #trust .trust-letter>p:not(.fig):last-of-type{display:none}}
