-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked] { background-color:var(--foreground) } .ported-site .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] { background-color:var(--input) } @supports (color:color-mix(in lab,red,red)) { .ported-site .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] { background-color:color-mix(in oklab,var(--input) 80%,transparent) } } .ported-site .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus { background-color:var(--destructive) } @supports (color:color-mix(in lab,red,red)) { .ported-site .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus { background-color:color-mix(in oklab,var(--destructive) 20%,transparent) } } .ported-site .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill:var(--muted-foreground) } .ported-site .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke:var(--border) } @supports (color:color-mix(in lab,red,red)) { .ported-site .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke:color-mix(in oklab,var(--border) 50%,transparent) } } .ported-site .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke:var(--border) } .ported-site .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke:#0000 } .ported-site .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { --tw-outline-style:none; outline-style:none } @media (forced-colors:active) { .ported-site .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { outline-offset:2px; outline:2px solid #0000 } } .ported-site .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] { stroke:var(--border) } .ported-site .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .ported-site .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill:var(--muted) } .ported-site .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] { stroke:var(--border) } .ported-site .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { --tw-outline-style:none; outline-style:none } @media (forced-colors:active) { .ported-site .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { outline-offset:2px; outline:2px solid #0000 } } .ported-site .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke:#0000 } .ported-site .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { --tw-outline-style:none; outline-style:none } @media (forced-colors:active) { .ported-site .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { outline-offset:2px; outline:2px solid #0000 } } .ported-site .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-inline:calc(var(--spacing) * 2) } .ported-site .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-block:calc(var(--spacing) * 1.5) } .ported-site .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size:var(--text-xs); line-height:var(--tw-leading,var(--text-xs--line-height)) } .ported-site .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { --tw-font-weight:var(--font-weight-medium); font-weight:var(--font-weight-medium) } .ported-site .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color:var(--muted-foreground) } .ported-site .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-inline:calc(var(--spacing) * 2) } .ported-site .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group] { padding-top:calc(var(--spacing) * 0) } .ported-site .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height:calc(var(--spacing) * 5) } .ported-site .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width:calc(var(--spacing) * 5) } .ported-site .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height:calc(var(--spacing) * 12) } .ported-site .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-inline:calc(var(--spacing) * 2) } .ported-site .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-block:calc(var(--spacing) * 3) } .ported-site .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height:calc(var(--spacing) * 5) } .ported-site .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width:calc(var(--spacing) * 5) } .ported-site .\[\&_\[role\=combobox\]\]\:min-h-11 [role=combobox] { min-height:calc(var(--spacing) * 11) } .ported-site .\[\&_img\]\:size-full img { width:100%; height:100% } .ported-site .\[\&_img\]\:object-cover img { object-fit:cover } .ported-site .\[\&_input\]\:min-h-11 input { min-height:calc(var(--spacing) * 11) } .ported-site .\[\&_p\]\:leading-relaxed p { --tw-leading:var(--leading-relaxed); line-height:var(--leading-relaxed) } .ported-site .\[\&_svg\]\:pointer-events-none svg { pointer-events:none } .ported-site .\[\&_svg\]\:shrink-0 svg { flex-shrink:0 } .ported-site .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]) { width:calc(var(--spacing) * 3); height:calc(var(--spacing) * 3) } .ported-site .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) { width:calc(var(--spacing) * 4); height:calc(var(--spacing) * 4) } .ported-site .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]) { width:calc(var(--spacing) * 6); height:calc(var(--spacing) * 6) } .ported-site .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]) { color:var(--muted-foreground) } .ported-site .\[\&_tr\]\:border-b tr { border-bottom-style:var(--tw-border-style); border-bottom-width:1px } .ported-site .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style:var(--tw-border-style); border-width:0 } .ported-site .\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content] { flex:none } .ported-site .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button { border-top-left-radius:calc(var(--radius) - 2px); border-bottom-left-radius:calc(var(--radius) - 2px) } .ported-site .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { padding-right:calc(var(--spacing) * 0) } .ported-site .\[\.border-b\]\:pb-3.border-b { padding-bottom:calc(var(--spacing) * 3) } .ported-site .\[\.border-b\]\:pb-6.border-b { padding-bottom:calc(var(--spacing) * 6) } .ported-site .\[\.border-t\]\:pt-3.border-t { padding-top:calc(var(--spacing) * 3) } .ported-site .\[\.border-t\]\:pt-6.border-t { padding-top:calc(var(--spacing) * 6) } .ported-site :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg), .ported-site :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg) { rotate:180deg } .ported-site .\[a\]\:transition-colors:is(a) { transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) } @media (hover:hover) { .ported-site .\[a\]\:hover\:bg-accent\/50:is(a):hover { background-color:var(--accent) } @supports (color:color-mix(in lab,red,red)) { .ported-site .\[a\]\:hover\:bg-accent\/50:is(a):hover { background-color:color-mix(in oklab,var(--accent) 50%,transparent) } } } .ported-site :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child { display:flex } .ported-site :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child { align-items:center } .ported-site :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child { gap:calc(var(--spacing) * 2) } .ported-site :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg) { color:var(--destructive)!important } .ported-site .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button { border-top-right-radius:calc(var(--radius) - 2px); border-bottom-right-radius:calc(var(--radius) - 2px) } .ported-site .\[\&\>\*\]\:w-full>* { width:100% } .ported-site .\[\&\>\*\]\:focus-visible\:relative>:focus-visible { position:relative } .ported-site .\[\&\>\*\]\:focus-visible\:z-10>:focus-visible { z-index:10 } .ported-site .\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field] { padding:calc(var(--spacing) * 4) } @container field-group (min-width:28rem) { .ported-site .\@md\/field-group\:\[\&\>\*\]\:w-auto>* { width:auto } } .ported-site .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child) { border-top-left-radius:0; border-top-right-radius:0 } .ported-site .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child) { border-top-left-radius:0; border-bottom-left-radius:0 } .ported-site .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child) { border-top-style:var(--tw-border-style); border-top-width:0 } .ported-site .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child) { border-left-style:var(--tw-border-style); border-left-width:0 } .ported-site .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child) { border-top-right-radius:0; border-bottom-right-radius:0 } .ported-site .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child) { border-bottom-right-radius:0; border-bottom-left-radius:0 } .ported-site .\[\&\>\.sr-only\]\:w-auto>.sr-only { width:auto } .ported-site .\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group] { gap:calc(var(--spacing) * 4) } .ported-site .\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] { flex:auto } @container field-group (min-width:28rem) { .ported-site .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] { flex:auto } } .ported-site .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type { border-top-right-radius:calc(var(--radius) - 2px); border-bottom-right-radius:calc(var(--radius) - 2px) } .ported-site .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]) { width:fit-content } .ported-site .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] { --tw-translate-y:2px; translate:var(--tw-translate-x) var(--tw-translate-y) } .ported-site .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox], .ported-site .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio] { margin-top:1px } @container field-group (min-width:28rem) { .ported-site .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox], .ported-site .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio] { margin-top:1px } } .ported-site .\[\&\>a\]\:underline>a { text-decoration-line:underline } .ported-site .\[\&\>a\]\:underline-offset-4>a { text-underline-offset:4px } .ported-site .\[\&\>a\:hover\]\:text-primary>a:hover { color:var(--primary) } .ported-site .\[\&\>button\]\:hidden>button { display:none } .ported-site .\[\&\>input\]\:flex-1>input { flex:1 } .ported-site .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input { padding-top:calc(var(--spacing) * 3) } .ported-site .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input { padding-bottom:calc(var(--spacing) * 3) } .ported-site .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input { padding-right:calc(var(--spacing) * 2) } .ported-site .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input { padding-left:calc(var(--spacing) * 2) } .ported-site .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd { border-radius:calc(var(--radius) - 5px) } .ported-site .\[\&\>span\]\:text-xs>span { font-size:var(--text-xs); line-height:var(--tw-leading,var(--text-xs--line-height)) } .ported-site .\[\&\>span\]\:opacity-70>span { opacity:.7 } .ported-site .\[\&\>span\:last-child\]\:truncate>span:last-child { text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .ported-site .\[\&\>svg\]\:pointer-events-none>svg { pointer-events:none } .ported-site .\[\&\>svg\]\:size-3>svg { width:calc(var(--spacing) * 3); height:calc(var(--spacing) * 3) } .ported-site .\[\&\>svg\]\:size-3\.5>svg { width:calc(var(--spacing) * 3.5); height:calc(var(--spacing) * 3.5) } .ported-site .\[\&\>svg\]\:size-4>svg { width:calc(var(--spacing) * 4); height:calc(var(--spacing) * 4) } .ported-site .\[\&\>svg\]\:h-2\.5>svg { height:calc(var(--spacing) * 2.5) } .ported-site .\[\&\>svg\]\:h-3>svg { height:calc(var(--spacing) * 3) } .ported-site .\[\&\>svg\]\:w-2\.5>svg { width:calc(var(--spacing) * 2.5) } .ported-site .\[\&\>svg\]\:w-3>svg { width:calc(var(--spacing) * 3) } .ported-site .\[\&\>svg\]\:shrink-0>svg { flex-shrink:0 } .ported-site .\[\&\>svg\]\:translate-y-0\.5>svg { --tw-translate-y:calc(var(--spacing) * .5); translate:var(--tw-translate-x) var(--tw-translate-y) } .ported-site .\[\&\>svg\]\:text-current>svg { color:currentColor } .ported-site .\[\&\>svg\]\:text-muted-foreground>svg { color:var(--muted-foreground) } .ported-site .\[\&\>svg\]\:text-sidebar-accent-foreground>svg { color:var(--sidebar-accent-foreground) } .ported-site .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]) { width:calc(var(--spacing) * 3.5); height:calc(var(--spacing) * 3.5) } .ported-site .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]) { width:calc(var(--spacing) * 4); height:calc(var(--spacing) * 4) } .ported-site .\[\&\>tr\]\:last\:border-b-0>tr:last-child { border-bottom-style:var(--tw-border-style); border-bottom-width:0 } .ported-site .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div { rotate:90deg } .ported-site .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg { rotate:180deg } .ported-site [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right:calc(var(--spacing) * -2) } .ported-site [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor:e-resize } .ported-site [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left:calc(var(--spacing) * -2) } .ported-site [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor:w-resize } .ported-site [data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, .ported-site [data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { background-color:#0000 } .ported-site [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 { background-color:var(--background) } @supports (color:color-mix(in lab,red,red)) { .ported-site [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 { background-color:color-mix(in oklab,var(--background) 20%,transparent) } } .ported-site [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background { color:var(--background) } .ported-site [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) { background-color:var(--background) } @supports (color:color-mix(in lab,red,red)) { .ported-site [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) { background-color:color-mix(in oklab,var(--background) 10%,transparent) } } .ported-site [data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 { margin-top:calc(var(--spacing) * -1.5) } @media (hover:hover) { .ported-site a.\[a\&\]\:hover\:bg-accent:hover { background-color:var(--accent) } .ported-site a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color:var(--destructive) } @supports (color:color-mix(in lab,red,red)) { .ported-site a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color:color-mix(in oklab,var(--destructive) 90%,transparent) } } .ported-site a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color:var(--primary) } @supports (color:color-mix(in lab,red,red)) { .ported-site a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color:color-mix(in oklab,var(--primary) 90%,transparent) } } .ported-site a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color:var(--secondary) } @supports (color:color-mix(in lab,red,red)) { .ported-site a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color:color-mix(in oklab,var(--secondary) 90%,transparent) } } .ported-site a.\[a\&\]\:hover\:text-accent-foreground:hover { color:var(--accent-foreground) } } .ported-site .font-serif { font-family:Playfair Display,serif } .ported-site .font-condensed { font-family:Barlow Condensed,sans-serif } .ported-site .font-display { font-family:Archivo,Inter,sans-serif } .ported-site .font-tech { font-family:IBM Plex Mono,monospace } .ported-site .text-stroke-gold { -webkit-text-stroke:1.5px oklch(68% .13 72/.55); color:#0000 } .ported-site .text-stroke-light { -webkit-text-stroke:1px oklch(18% .01 240/.25); color:#0000 } .ported-site .text-gold { color:#c9892b } .ported-site .text-gold-light { color:#e3ac64 } .ported-site .text-gradient-gold { -webkit-text-fill-color:transparent; background:linear-gradient(135deg,#c9892b,#e3ac64); -webkit-background-clip:text; background-clip:text } .ported-site .section-padding { padding-top:5rem; padding-bottom:5rem } @media (min-width:768px) { .ported-site .section-padding { padding-top:7rem; padding-bottom:7rem } } .ported-site .gold-divider { background-color:#c9892b; width:4rem; height:1px; margin-top:1.5rem; margin-bottom:1.5rem } .ported-site .card-hover { transition:all .3s } .ported-site .card-hover:hover { box-shadow:0 10px 25px -5px #0000001a } .ported-site .animate-gradient-x { background-size:200% 200%; animation:4s infinite gradient-x } } @property --tw-animation-delay { syntax:"*"; inherits:false; initial-value:0s } @property --tw-animation-direction { syntax:"*"; inherits:false; initial-value:normal } @property --tw-animation-duration { syntax:"*"; inherits:false } @property --tw-animation-fill-mode { syntax:"*"; inherits:false; initial-value:none } @property --tw-animation-iteration-count { syntax:"*"; inherits:false; initial-value:1 } @property --tw-enter-blur { syntax:"*"; inherits:false; initial-value:0 } @property --tw-enter-opacity { syntax:"*"; inherits:false; initial-value:1 } @property --tw-enter-rotate { syntax:"*"; inherits:false; initial-value:0 } @property --tw-enter-scale { syntax:"*"; inherits:false; initial-value:1 } @property --tw-enter-translate-x { syntax:"*"; inherits:false; initial-value:0 } @property --tw-enter-translate-y { syntax:"*"; inherits:false; initial-value:0 } @property --tw-exit-blur { syntax:"*"; inherits:false; initial-value:0 } @property --tw-exit-opacity { syntax:"*"; inherits:false; initial-value:1 } @property --tw-exit-rotate { syntax:"*"; inherits:false; initial-value:0 } @property --tw-exit-scale { syntax:"*"; inherits:false; initial-value:1 } @property --tw-exit-translate-x { syntax:"*"; inherits:false; initial-value:0 } @property --tw-exit-translate-y { syntax:"*"; inherits:false; initial-value:0 } .ported-site .ssm-brand-theme, .ported-site.ssm-brand-theme-active { --ssm-brand-navy:#0b1d33; --ssm-brand-navy-soft:#152c49; --ssm-brand-ink:#102238; --ssm-brand-muted:#5c6877; --ssm-brand-brass:#c8842f; --ssm-brand-brass-soft:#e8a952; --ssm-brand-line:#dfe3e7; --ssm-brand-paper:#f4f5f6; --ssm-brand-surface:#fff; --ssm-font-display:"Archivo", "Inter", Arial, sans-serif; --ssm-font-body:"Inter", Arial, sans-serif; --radius:.125rem; --background:var(--ssm-brand-paper); --foreground:var(--ssm-brand-ink); --card:var(--ssm-brand-surface); --card-foreground:var(--ssm-brand-ink); --popover:var(--ssm-brand-surface); --popover-foreground:var(--ssm-brand-ink); --primary:var(--ssm-brand-navy); --primary-foreground:var(--ssm-brand-surface); --secondary:#e9ecef; --secondary-foreground:var(--ssm-brand-ink); --muted:#e9ecef; --muted-foreground:var(--ssm-brand-muted); --accent:var(--ssm-brand-brass); --accent-foreground:var(--ssm-brand-navy); --border:var(--ssm-brand-line); --input:var(--ssm-brand-line); --ring:var(--ssm-brand-brass); --color-gold:var(--ssm-brand-brass); --color-gold-light:var(--ssm-brand-brass-soft); --color-gold-dark:#9f6826; background:var(--ssm-brand-paper); color:var(--ssm-brand-ink); font-family:var(--ssm-font-body) } .ported-site :where(.ssm-brand-theme,body.ssm-brand-theme-active) * { font-family:var(--ssm-font-body)!important } .ported-site :where(.ssm-brand-theme,body.ssm-brand-theme-active) :where(h1,h2,h3,h4,h5,h6,.font-serif,.font-display) { font-family:var(--ssm-font-display)!important } .ported-site.ssm-brand-theme-active { background:var(--ssm-brand-paper) } .ported-site.ssm-brand-theme-active :where(button,a,input,textarea,select,summary):focus-visible { outline:3px solid var(--ssm-brand-brass); outline-offset:3px } .ported-site .ssm-brand-theme :where(button,[role=button],input,textarea,select) { border-radius:var(--radius) } .ported-site .ssm-brand-theme .hw-page { --hw-navy:var(--ssm-brand-navy); --hw-navy-2:var(--ssm-brand-navy-soft); --hw-brass:var(--ssm-brand-brass); --hw-brass-light:var(--ssm-brand-brass-soft); --hw-ink:var(--ssm-brand-ink); --hw-muted:var(--ssm-brand-muted); --hw-line:var(--ssm-brand-line); --hw-paper:var(--ssm-brand-paper) } .ported-site .ssm-brand-theme .bc-page { --bc-navy:var(--ssm-brand-navy); --bc-navy-soft:var(--ssm-brand-navy-soft); --bc-brass:var(--ssm-brand-brass); --bc-brass-dark:#9f6826; --bc-paper:var(--ssm-brand-paper); --bc-paper-deep:#e9ecef; --bc-ink:var(--ssm-brand-ink); --bc-muted:var(--ssm-brand-muted); --bc-line:var(--ssm-brand-line) } .ported-site .ssm-brand-theme .hc-page { --hc-navy:var(--ssm-brand-navy); --hc-navy-soft:var(--ssm-brand-navy-soft); --hc-brass:var(--ssm-brand-brass); --hc-brass-dark:#9f6826; --hc-ink:var(--ssm-brand-ink); --hc-muted:var(--ssm-brand-muted); --hc-line:var(--ssm-brand-line); --hc-paper:var(--ssm-brand-paper); --hc-paper-dark:#e9ecef } .ported-site .ssm-brand-theme .ski-page { --ski-navy:var(--ssm-brand-navy); --ski-navy-2:var(--ssm-brand-navy-soft); --ski-snow:var(--ssm-brand-paper); --ski-mineral:#e9ecef; --ski-ink:var(--ssm-brand-ink); --ski-muted:var(--ssm-brand-muted); --ski-brass:var(--ssm-brand-brass); --ski-brass-light:var(--ssm-brand-brass-soft); --ski-line:#10223824 } .ported-site .ssm-brand-theme .sw-page { --sw-paper:var(--ssm-brand-paper); --sw-paper-strong:var(--ssm-brand-surface); --sw-stone:#dfe3e7; --sw-ink:var(--ssm-brand-ink); --sw-navy:var(--ssm-brand-navy); --sw-brass:var(--ssm-brand-brass); --sw-brass-light:var(--ssm-brand-brass-soft); --sw-muted:var(--ssm-brand-muted); --sw-line:#10223833 } .ported-site .ssm-brand-theme .fab-page { --fab-navy:var(--ssm-brand-navy); --fab-navy-2:var(--ssm-brand-navy-soft); --fab-brass:var(--ssm-brand-brass); --fab-brass-pale:#f1d8b8; --fab-paper:var(--ssm-brand-paper); --fab-white:var(--ssm-brand-surface); --fab-ink:var(--ssm-brand-ink); --fab-muted:var(--ssm-brand-muted); --fab-line:var(--ssm-brand-line) } .ported-site .ssm-brand-theme :where(.scs-page,.scs-detail-page) { --scs-navy:var(--ssm-brand-navy); --scs-navy-soft:var(--ssm-brand-navy-soft); --scs-brass:var(--ssm-brand-brass); --scs-paper:var(--ssm-brand-paper); --scs-white:var(--ssm-brand-surface); --scs-line:#10223829; --scs-muted:var(--ssm-brand-muted) } .ported-site .ssm-brand-theme .program-page { --program-ink:var(--ssm-brand-navy); --program-paper:var(--ssm-brand-paper); --program-brass:var(--ssm-brand-brass); --program-muted:var(--ssm-brand-muted) } .ported-site .ssm-brand-theme .customizers-page { --tools-ink:var(--ssm-brand-navy); --tools-paper:var(--ssm-brand-paper); --tools-white:var(--ssm-brand-surface); --tools-brass:var(--ssm-brand-brass); --tools-muted:var(--ssm-brand-muted) } .ported-site .ssm-brand-theme :where(.si-studio,.si-detail) { --si-navy:var(--ssm-brand-navy); --si-navy-2:var(--ssm-brand-navy-soft); --si-ink:#020a12; --si-brass:var(--ssm-brand-brass); --si-paper:var(--ssm-brand-paper) } @media (prefers-reduced-motion:reduce) { .ported-site .ssm-brand-theme *, .ported-site .ssm-brand-theme :before, .ported-site .ssm-brand-theme :after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important } } .ported-site { --radius:.5rem; --background:oklch(98% .004 80); --foreground:oklch(18% .01 240); --card:oklch(100% 0 0); --card-foreground:oklch(18% .01 240); --popover:oklch(100% 0 0); --popover-foreground:oklch(18% .01 240); --primary:oklch(68% .13 72); --primary-foreground:oklch(100% 0 0); --secondary:oklch(94% .006 80); --secondary-foreground:oklch(25% .01 240); --muted:oklch(92% .006 80); --muted-foreground:oklch(48% .008 240); --accent:oklch(68% .13 72); --accent-foreground:oklch(100% 0 0); --destructive:oklch(55% .22 25); --destructive-foreground:oklch(98.5% 0 0); --border:oklch(88% .006 80); --input:oklch(94% .006 80); --ring:oklch(68% .13 72); --chart-1:oklch(68% .13 72); --chart-2:oklch(58% .11 72); --chart-3:oklch(48% .09 72); --chart-4:oklch(38% .07 72); --chart-5:oklch(28% .05 72); --sidebar:oklch(96% .005 80); --sidebar-foreground:oklch(18% .01 240); --sidebar-primary:oklch(68% .13 72); --sidebar-primary-foreground:oklch(100% 0 0); --sidebar-accent:oklch(92% .006 80); --sidebar-accent-foreground:oklch(25% .01 240); --sidebar-border:oklch(88% .006 80); --sidebar-ring:oklch(68% .13 72) } .ported-site .dark { --background:oklch(10% .005 240); --foreground:oklch(95% .005 60); --card:oklch(13% .006 240); --card-foreground:oklch(95% .005 60); --popover:oklch(13% .006 240); --popover-foreground:oklch(95% .005 60); --primary:oklch(78% .12 75); --primary-foreground:oklch(10% .005 240); --secondary:oklch(18% .008 240); --secondary-foreground:oklch(90% .005 60); --muted:oklch(16% .006 240); --muted-foreground:oklch(60% .005 60); --accent:oklch(78% .12 75); --accent-foreground:oklch(10% .005 240); --destructive:oklch(55% .22 25); --destructive-foreground:oklch(98.5% 0 0); --border:oklch(22% .008 240); --input:oklch(18% .008 240); --ring:oklch(78% .12 75); --chart-1:oklch(78% .12 75); --chart-2:oklch(65% .1 75); --chart-3:oklch(55% .08 75); --chart-4:oklch(45% .06 75); --chart-5:oklch(35% .04 75); --sidebar:oklch(13% .006 240); --sidebar-foreground:oklch(95% .005 60); --sidebar-primary:oklch(78% .12 75); --sidebar-primary-foreground:oklch(10% .005 240); --sidebar-accent:oklch(18% .008 240); --sidebar-accent-foreground:oklch(90% .005 60); --sidebar-border:oklch(22% .008 240); --sidebar-ring:oklch(78% .12 75) } @keyframes gradient-x { 0%,to{background-position:0%}50%{background-position:100%} } .ported-site { scroll-behavior:smooth } .ported-site ::-webkit-scrollbar { width:6px } .ported-site ::-webkit-scrollbar-track { background:#edebe7 } .ported-site ::-webkit-scrollbar-thumb { background:#c0bdb8; border-radius:3px } .ported-site ::-webkit-scrollbar-thumb:hover { background:#c9892b } .ported-site ::selection { color:#0e1216; background:#c9892b40 } @keyframes fadeInUp { 0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)} } .ported-site .animate-fade-in-up { animation:.6s ease-out forwards fadeInUp } @keyframes marquee { 0%{transform:translate(0)}to{transform:translate(-50%)} } .ported-site .animate-marquee { animation:28s linear infinite marquee } .ported-site .animate-marquee:hover { animation-play-state:paused } .ported-site .process-connector { background:linear-gradient(#c9892b,#c9892b26); flex:1; width:2px; margin:4px auto } .ported-site .glassmorphism { -webkit-backdrop-filter:blur(16px); background:#ffffff0a; border:1px solid #c9a84c1f } .ported-site .dark .glassmorphism { background:#00000040; border:1px solid #c9a84c26 } .ported-site .bento-card { border-radius:2px; transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s } .ported-site .bento-card:hover { transform:translateY(-4px)scale(1.015); box-shadow:0 16px 48px -8px #c9892b2e } .ported-site .stat-glow { text-shadow:0 0 32px oklch(68% .13 72/.45),0 4px 8px oklch(68% .13 72/.15) } .ported-site .partner-logo { filter:grayscale()opacity(.5); -webkit-user-select:none; user-select:none; transition:filter .4s,opacity .4s } .ported-site .partner-logo:hover { filter:grayscale(0%)opacity() } @keyframes marquee-slow { 0%{transform:translate(0)}to{transform:translate(-50%)} } .ported-site .animate-marquee-slow { animation:50s linear infinite marquee-slow } .ported-site .animate-marquee-slow:hover { animation-play-state:paused } .ported-site .cert-seal { border:3px solid oklch(68% .13 72/.6); border-radius:50%; transition:box-shadow .3s,border-color .3s; position:relative; box-shadow:0 0 0 2px #c9892b26,inset 0 0 20px #c9892b0d } .ported-site .cert-seal:hover { border-color:#c9892b; box-shadow:0 0 0 4px #c9892b33,0 8px 24px #c9892b33 } .ported-site .esg-divider { background:linear-gradient(#0000,#c9892b4d,#0000); width:1px } .ported-site .announcement-bar { background:linear-gradient(90deg,#040607,#080c0e,#040607); border-bottom:1px solid oklch(68% .13 72/.2) } .ported-site .quote-mark { color:#c9892b26; pointer-events:none; font-family:Playfair Display,serif; font-size:6rem; line-height:0; position:absolute; top:2rem; left:1.5rem } .ported-site .blog-stat-card { border-radius:calc(var(--radius) - 4px); border-style:var(--tw-border-style); border-width:1px; border-color:var(--border); background-color:var(--card); padding:calc(var(--spacing) * 6); transition:all .3s cubic-bezier(.4,0,.2,1); position:relative; overflow:hidden } .ported-site .blog-stat-card:after { content:""; bottom:calc(var(--spacing) * 0); left:calc(var(--spacing) * 0); height:calc(var(--spacing) * 1); width:calc(var(--spacing) * 0); transition-property:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)); --tw-duration:.5s; background-color:#c9892b; transition-duration:.5s; position:absolute } .ported-site .blog-stat-card:hover:after { width:100% } .ported-site .blog-callout { margin-block:calc(var(--spacing) * 8); border-top-right-radius:calc(var(--radius) - 4px); border-bottom-right-radius:calc(var(--radius) - 4px); border-left-style:var(--tw-border-style); padding:calc(var(--spacing) * 6); color:var(--foreground); background-color:#c9892b0d; border-color:#c9892b; border-left-width:4px } @supports (color:color-mix(in lab,red,red)) { .ported-site .blog-callout { color:color-mix(in oklab,var(--foreground) 90%,transparent) } } .ported-site .blog-callout { font-style:italic } .ported-site .blog-table-container { margin-block:calc(var(--spacing) * 8); border-radius:calc(var(--radius) - 4px); border-style:var(--tw-border-style); border-width:1px; border-color:var(--border); overflow-x:auto } .ported-site .blog-table { border-collapse:collapse; text-align:left; width:100% } .ported-site .blog-table th { padding:calc(var(--spacing) * 4); font-family:Barlow Condensed,sans-serif; font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); --tw-tracking:var(--tracking-widest); letter-spacing:var(--tracking-widest); color:var(--background); text-transform:uppercase; background-color:#c9892b } .ported-site .blog-table td { border-bottom-style:var(--tw-border-style); border-bottom-width:1px; border-color:var(--border); padding:calc(var(--spacing) * 4); font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); color:var(--muted-foreground); transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) } .ported-site .blog-table tr:last-child td { border-bottom-style:var(--tw-border-style); border-bottom-width:0 } .ported-site .blog-table tr:nth-child(2n) td { background-color:var(--muted) } @supports (color:color-mix(in lab,red,red)) { .ported-site .blog-table tr:nth-child(2n) td { background-color:color-mix(in oklab,var(--muted) 30%,transparent) } } .ported-site .blog-table tr:hover td { color:var(--foreground); background-color:#c9892b0d } .ported-site .blog-process-step { border-left-style:var(--tw-border-style); padding-block:calc(var(--spacing) * 6); padding-left:calc(var(--spacing) * 12); border-color:#c9892b33; border-left-width:2px; position:relative } .ported-site .blog-process-step:last-child { border-left-style:var(--tw-border-style); border-left-width:0 } .ported-site .blog-process-number { top:calc(var(--spacing) * 6); z-index:10; height:calc(var(--spacing) * 8); width:calc(var(--spacing) * 8); font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); color:var(--background); --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-shadow-color:#c9892b33; background-color:#c9892b; border-radius:3.40282e38px; justify-content:center; align-items:center; display:flex; position:absolute; left:-17px } @supports (color:color-mix(in lab,red,red)) { .ported-site .blog-process-number { --tw-shadow-color:color-mix(in oklab, oklab(68% .0401722 .123637/.2) var(--tw-shadow-alpha), transparent) } } .ported-site .blog-progress-label { margin-bottom:calc(var(--spacing) * 2); font-family:Barlow Condensed,sans-serif; font-size:var(--text-xs); line-height:var(--tw-leading,var(--text-xs--line-height)); --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold); --tw-tracking:var(--tracking-wider); letter-spacing:var(--tracking-wider); color:var(--muted-foreground); text-transform:uppercase; justify-content:space-between; display:flex } .ported-site .blog-progress-bg { margin-bottom:calc(var(--spacing) * 6); height:calc(var(--spacing) * 2); background-color:var(--muted); border-radius:3.40282e38px; width:100%; overflow:hidden } .ported-site .blog-progress-fill { transform-origin:0; height:100%; transition-property:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)); --tw-duration:1s; --tw-ease:var(--ease-out); transition-duration:1s; transition-timing-function:var(--ease-out); background-color:#c9892b } .ported-site .blog-feature-icon { margin-bottom:calc(var(--spacing) * 4); height:calc(var(--spacing) * 12); width:calc(var(--spacing) * 12); border-radius:calc(var(--radius) - 4px); color:#c9892b; transition-property:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)); --tw-duration:.3s; background-color:#c9892b1a; justify-content:center; align-items:center; transition-duration:.3s; display:flex } @media (hover:hover) { .ported-site .blog-feature-icon:is(:where(.group):hover *) { color:var(--background); background-color:#c9892b } } .ported-site .grain-overlay { pointer-events:none; opacity:.05; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/assets/%23n)'/%3E%3C/svg%3E"); background-size:180px 180px; position:absolute; inset:0 } .ported-site .blueprint-grid { pointer-events:none; background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px); background-size:72px 72px; position:absolute; inset:0; -webkit-mask-image:radial-gradient(90% 80% at 50% 40%,#000 30%,#0000 78%); mask-image:radial-gradient(90% 80% at 50% 40%,#000 30%,#0000 78%) } @keyframes spec-ticker { 0%{transform:translate(0)}to{transform:translate(-50%)} } .ported-site .animate-spec-ticker { will-change:transform; animation:36s linear infinite spec-ticker } .ported-site .animate-spec-ticker:hover { animation-play-state:paused } .ported-site .corner-frame { position:relative } .ported-site .corner-frame:before, .ported-site .corner-frame:after { content:""; opacity:0; z-index:2; pointer-events:none; border-style:solid; border-color:#c9892b; width:18px; height:18px; transition:opacity .3s,transform .3s; position:absolute } .ported-site .corner-frame:before { border-width:1.5px 0 0 1.5px; top:10px; left:10px; transform:translate(6px,6px) } .ported-site .corner-frame:after { border-width:0 1.5px 1.5px 0; bottom:10px; right:10px; transform:translate(-6px,-6px) } .ported-site .corner-frame:hover:before, .ported-site .corner-frame:hover:after { opacity:1; transform:translate(0) } .ported-site .cta-glow { transition:box-shadow .4s,transform .25s; box-shadow:0 0 #c9892b59 } .ported-site .cta-glow:hover { transform:translateY(-2px); box-shadow:0 8px 40px -6px #c9892b8c } .ported-site .index-row { border-bottom:1px solid var(--border); transition:background .3s,padding-left .3s } .ported-site .index-row:hover { background:#c9892b0d; padding-left:1rem } @keyframes scroll-cue { 0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)} } .ported-site .animate-scroll-cue { animation:2.2s cubic-bezier(.65,0,.35,1) infinite scroll-cue } @media (prefers-reduced-motion:reduce) { .ported-site .animate-spec-ticker, .ported-site .animate-scroll-cue, .ported-site .animate-marquee, .ported-site .animate-marquee-slow { animation:none } } @property --tw-translate-x { syntax:"*"; inherits:false; initial-value:0 } @property --tw-translate-y { syntax:"*"; inherits:false; initial-value:0 } @property --tw-translate-z { syntax:"*"; inherits:false; initial-value:0 } @property --tw-scale-x { syntax:"*"; inherits:false; initial-value:1 } @property --tw-scale-y { syntax:"*"; inherits:false; initial-value:1 } @property --tw-scale-z { syntax:"*"; inherits:false; initial-value:1 } @property --tw-rotate-x { syntax:"*"; inherits:false } @property --tw-rotate-y { syntax:"*"; inherits:false } @property --tw-rotate-z { syntax:"*"; inherits:false } @property --tw-skew-x { syntax:"*"; inherits:false } @property --tw-skew-y { syntax:"*"; inherits:false } @property --tw-space-y-reverse { syntax:"*"; inherits:false; initial-value:0 } @property --tw-space-x-reverse { syntax:"*"; inherits:false; initial-value:0 } @property --tw-divide-x-reverse { syntax:"*"; inherits:false; initial-value:0 } @property --tw-border-style { syntax:"*"; inherits:false; initial-value:solid } @property --tw-divide-y-reverse { syntax:"*"; inherits:false; initial-value:0 } @property --tw-gradient-position { syntax:"*"; inherits:false } @property --tw-gradient-from { syntax:""; inherits:false; initial-value:#0000 } @property --tw-gradient-via { syntax:""; inherits:false; initial-value:#0000 } @property --tw-gradient-to { syntax:""; inherits:false; initial-value:#0000 } @property --tw-gradient-stops { syntax:"*"; inherits:false } @property --tw-gradient-via-stops { syntax:"*"; inherits:false } @property --tw-gradient-from-position { syntax:""; inherits:false; initial-value:0% } @property --tw-gradient-via-position { syntax:""; inherits:false; initial-value:50% } @property --tw-gradient-to-position { syntax:""; inherits:false; initial-value:100% } @property --tw-leading { syntax:"*"; inherits:false } @property --tw-font-weight { syntax:"*"; inherits:false } @property --tw-tracking { syntax:"*"; inherits:false } @property --tw-ordinal { syntax:"*"; inherits:false } @property --tw-slashed-zero { syntax:"*"; inherits:false } @property --tw-numeric-figure { syntax:"*"; inherits:false } @property --tw-numeric-spacing { syntax:"*"; inherits:false } @property --tw-numeric-fraction { syntax:"*"; inherits:false } @property --tw-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 } @property --tw-shadow-color { syntax:"*"; inherits:false } @property --tw-shadow-alpha { syntax:""; inherits:false; initial-value:100% } @property --tw-inset-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 } @property --tw-inset-shadow-color { syntax:"*"; inherits:false } @property --tw-inset-shadow-alpha { syntax:""; inherits:false; initial-value:100% } @property --tw-ring-color { syntax:"*"; inherits:false } @property --tw-ring-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 } @property --tw-inset-ring-color { syntax:"*"; inherits:false } @property --tw-inset-ring-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 } @property --tw-ring-inset { syntax:"*"; inherits:false } @property --tw-ring-offset-width { syntax:""; inherits:false; initial-value:0 } @property --tw-ring-offset-color { syntax:"*"; inherits:false; initial-value:#fff } @property --tw-ring-offset-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 } @property --tw-outline-style { syntax:"*"; inherits:false; initial-value:solid } @property --tw-blur { syntax:"*"; inherits:false } @property --tw-brightness { syntax:"*"; inherits:false } @property --tw-contrast { syntax:"*"; inherits:false } @property --tw-grayscale { syntax:"*"; inherits:false } @property --tw-hue-rotate { syntax:"*"; inherits:false } @property --tw-invert { syntax:"*"; inherits:false } @property --tw-opacity { syntax:"*"; inherits:false } @property --tw-saturate { syntax:"*"; inherits:false } @property --tw-sepia { syntax:"*"; inherits:false } @property --tw-drop-shadow { syntax:"*"; inherits:false } @property --tw-drop-shadow-color { syntax:"*"; inherits:false } @property --tw-drop-shadow-alpha { syntax:""; inherits:false; initial-value:100% } @property --tw-drop-shadow-size { syntax:"*"; inherits:false } @property --tw-backdrop-blur { syntax:"*"; inherits:false } @property --tw-backdrop-brightness { syntax:"*"; inherits:false } @property --tw-backdrop-contrast { syntax:"*"; inherits:false } @property --tw-backdrop-grayscale { syntax:"*"; inherits:false } @property --tw-backdrop-hue-rotate { syntax:"*"; inherits:false } @property --tw-backdrop-invert { syntax:"*"; inherits:false } @property --tw-backdrop-opacity { syntax:"*"; inherits:false } @property --tw-backdrop-saturate { syntax:"*"; inherits:false } @property --tw-backdrop-sepia { syntax:"*"; inherits:false } @property --tw-duration { syntax:"*"; inherits:false } @property --tw-ease { syntax:"*"; inherits:false } @property --tw-content { syntax:"*"; inherits:false; initial-value:"" } @keyframes spin { to{transform:rotate(360deg)} } @keyframes ping { 75%,to{opacity:0;transform:scale(2)} } @keyframes pulse { 50%{opacity:.5} } @keyframes enter { 0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))} } @keyframes exit { to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))} } @keyframes accordion-down { 0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))} } @keyframes accordion-up { 0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0} } @keyframes caret-blink { 0%,70%,to{opacity:1}20%,50%{opacity:0} } .ported-site .ski-page { --ski-navy: #061a2d; --ski-navy-2: #0b2a45; --ski-snow: #f7f8f7; --ski-mineral: #e8ecee; --ski-ink: #102234; --ski-muted: #5b6974; --ski-brass: #b47a19; --ski-brass-light: #d5a74f; --ski-line: rgba(16, 34, 52, .14); background:var(--ski-snow); color:var(--ski-ink); overflow:clip } .ported-site .ski-page h1, .ported-site .ski-page h2, .ported-site .ski-page h3 { font-family:Archivo,Inter,sans-serif; text-wrap:balance } .ported-site .ski-page p { line-height:1.72 } .ported-site .ski-shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto } .ported-site .ski-eyebrow { margin:0 0 14px; color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase } .ported-site .ski-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px } .ported-site .ski-button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:.78rem 1.15rem; border:1px solid transparent; border-radius:2px; font-family:Archivo,Inter,sans-serif; font-size:.79rem; font-weight:800; letter-spacing:.055em; line-height:1.15; text-align:center; text-decoration:none; text-transform:uppercase; transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease } .ported-site .ski-button:hover { transform:translateY(-2px) } .ported-site .ski-button:focus-visible, .ported-site .ski-text-link:focus-visible, .ported-site .ski-page a:focus-visible, .ported-site .ski-page button:focus-visible, .ported-site .ski-page summary:focus-visible { outline:3px solid #f0b847; outline-offset:3px } .ported-site .ski-button--gold { background:var(--ski-brass); color:#fff } .ported-site .ski-button--gold:hover { background:#925f0e } .ported-site .ski-button--ghost { border-color:#ffffff8f; color:#fff } .ported-site .ski-button--ghost:hover { background:#fff; color:var(--ski-navy) } .ported-site .ski-button--outline { border-color:var(--ski-navy); color:var(--ski-navy) } .ported-site .ski-button--outline:hover { background:var(--ski-navy); color:#fff } .ported-site .ski-text-link { display:inline-flex; padding-block:.55rem; color:var(--ski-navy); font-size:.83rem; font-weight:800; letter-spacing:.055em; text-decoration:underline; text-decoration-color:var(--ski-brass); text-underline-offset:5px; text-transform:uppercase } .ported-site .ski-text-link--light { color:#fff } .ported-site .ski-concept-label { display:inline-flex; align-items:center; min-height:26px; padding:.28rem .52rem; border:1px solid currentColor; color:inherit; font-family:IBM Plex Mono,monospace; font-size:.61rem; font-weight:700; letter-spacing:.09em; line-height:1; text-transform:uppercase } .ported-site .ski-hero { min-height:690px; position:relative; display:grid; align-items:center; background:var(--ski-navy); color:#fff } .ported-site .ski-hero__media, .ported-site .ski-hero__media img, .ported-site .ski-hero__shade { position:absolute; inset:0; width:100%; height:100% } .ported-site .ski-hero__media img { object-fit:cover; object-position:center } .ported-site .ski-hero__shade { background:#04111ea8 } .ported-site .ski-hero__content { position:relative; z-index:1; padding-block:100px } .ported-site .ski-hero h1 { max-width:760px; margin:0; font-size:clamp(2.9rem,5vw,4.85rem); font-weight:800; letter-spacing:-.055em; line-height:.94; text-transform:uppercase } .ported-site .ski-hero__answer { max-width:680px; margin:26px 0; color:#ffffffe0; font-size:clamp(1rem,1.5vw,1.18rem) } .ported-site .ski-hero .ski-concept-label { margin-top:24px; color:#ffffffb8 } .ported-site .ski-scope { background:#fff; border-bottom:1px solid var(--ski-line) } .ported-site .ski-scope__inner { min-height:86px; display:grid; grid-template-columns:190px 1fr; align-items:center; gap:28px } .ported-site .ski-scope strong { color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase } .ported-site .ski-scope p { margin:0; font-size:.9rem } .ported-site .ski-section { padding-block:clamp(78px,9vw,126px); background:#fff } .ported-site .ski-section--navy { background:var(--ski-navy); color:#fff } .ported-site .ski-section--mineral { background:var(--ski-mineral) } .ported-site .ski-section--evidence { background:#f1eadf; border-block:1px solid rgba(180,122,25,.25) } .ported-site .ski-section__head { max-width:820px; margin-bottom:44px } .ported-site .ski-section__head h2, .ported-site .ski-final-cta h2 { margin:0; font-size:clamp(2rem,4.5vw,4.3rem); font-weight:760; letter-spacing:-.045em; line-height:1.02; text-transform:uppercase } .ported-site .ski-section__head>p:last-child { max-width:760px; margin:18px 0 0; color:var(--ski-muted) } .ported-site .ski-section__head--light>p:last-child { color:#ffffffb3 } .ported-site .ski-mission { display:grid; grid-template-columns:minmax(320px,.84fr) minmax(0,1.35fr); gap:28px } .ported-site .ski-mission__tabs { display:grid; align-content:start; gap:8px } .ported-site .ski-mission__tabs button { min-height:72px; width:100%; display:grid; gap:4px; padding:14px 16px; border:1px solid rgba(255,255,255,.2); border-radius:2px; background:transparent; color:#fff; text-align:left } .ported-site .ski-mission__tabs button:hover, .ported-site .ski-mission__tabs button.is-selected { border-color:var(--ski-brass-light); background:#113450 } .ported-site .ski-mission__tabs span { font-family:Archivo,Inter,sans-serif; font-weight:780; letter-spacing:.025em; text-transform:uppercase } .ported-site .ski-mission__tabs small { color:#ffffffa3; font-size:.76rem; line-height:1.4 } .ported-site .ski-mission__result { min-height:560px; position:relative; display:grid; align-items:end; overflow:hidden; border:1px solid rgba(255,255,255,.18) } .ported-site .ski-mission__result:after { content:""; position:absolute; inset:40% 0 0; background:#04111ed1; pointer-events:none } .ported-site .ski-mission__result>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover } .ported-site .ski-mission__result>div { position:relative; z-index:1; padding:34px } .ported-site .ski-mission__result h3 { margin:14px 0 0; font-size:clamp(2rem,4vw,3.7rem); line-height:1; text-transform:uppercase } .ported-site .ski-mission__result p { max-width:550px; color:#ffffffbf } .ported-site .ski-family-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px } .ported-site .ski-family-card { border:1px solid var(--ski-line); background:#fff; transition:border-color .16s ease,transform .16s ease } .ported-site .ski-family-card:hover { border-color:var(--ski-brass); transform:translateY(-4px) } .ported-site .ski-family-card>a { display:block; color:inherit; text-decoration:none } .ported-site .ski-family-card__media { aspect-ratio:4 / 4.2; position:relative; overflow:hidden; background:var(--ski-mineral) } .ported-site .ski-family-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease } .ported-site .ski-family-card:hover img { transform:scale(1.025) } .ported-site .ski-family-card__media>span { position:absolute; top:14px; left:14px; min-width:36px; padding:6px; background:var(--ski-navy); color:#fff; font-family:IBM Plex Mono,monospace; font-size:.7rem; text-align:center } .ported-site .ski-family-card__body { padding:24px } .ported-site .ski-family-card__state { margin:0 0 7px; color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.62rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase } .ported-site .ski-family-card h3 { margin:0; font-size:1.35rem; line-height:1.1; text-transform:uppercase } .ported-site .ski-family-card__body>p:not(.ski-family-card__state) { min-height:4.6em; margin:12px 0; color:var(--ski-muted); font-size:.87rem } .ported-site .ski-family-card__body strong { font-size:.7rem; letter-spacing:.065em; text-transform:uppercase } .ported-site .ski-stage-grid { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:0; padding:0; background:#10223424; border:1px solid var(--ski-line) } .ported-site .ski-stage-grid li { min-height:280px; padding:28px; background:#fff } .ported-site .ski-stage-grid li>span { color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.78rem; font-weight:700 } .ported-site .ski-stage-grid h3 { margin:36px 0 10px; font-size:1.35rem; line-height:1.12; text-transform:uppercase } .ported-site .ski-stage-grid p { margin:0; color:var(--ski-muted); font-size:.86rem } .ported-site .ski-stage-grid--dark { background:#ffffff26; border-color:#ffffff24 } .ported-site .ski-stage-grid--dark li { background:#0b2842 } .ported-site .ski-stage-grid--dark p { color:#ffffffa6 } .ported-site .ski-layer { background:#fff } .ported-site .ski-layer__layout, .ported-site .ski-pilot-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); align-items:center; gap:clamp(40px,7vw,96px) } .ported-site .ski-layer figure, .ported-site .ski-pilot-grid figure, .ported-site .ski-child-hero figure { margin:0 } .ported-site .ski-layer figure img, .ported-site .ski-pilot-grid figure img { width:100%; display:block } .ported-site .ski-layer figcaption, .ported-site .ski-pilot-grid figcaption { margin-top:12px } .ported-site .ski-layer h2, .ported-site .ski-pilot-grid h2 { margin:0; font-size:clamp(2rem,4.2vw,4rem); letter-spacing:-.045em; line-height:1; text-transform:uppercase } .ported-site .ski-layer__links { display:grid; margin-top:26px; border-top:1px solid var(--ski-line) } .ported-site .ski-layer__links a { padding:14px 0; border-bottom:1px solid var(--ski-line); color:var(--ski-navy); font-weight:700; text-decoration:none } .ported-site .ski-model-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px } .ported-site .ski-model-grid article { min-height:330px; display:flex; flex-direction:column; padding:36px; border:1px solid rgba(255,255,255,.18); background:#0b2842 } .ported-site .ski-model-grid article>span { color:var(--ski-brass-light); font-family:IBM Plex Mono,monospace; font-size:.72rem } .ported-site .ski-model-grid h3 { max-width:480px; margin:42px 0 10px; font-size:clamp(1.7rem,3vw,2.7rem); line-height:1.04; text-transform:uppercase } .ported-site .ski-model-grid p { color:#ffffffb3 } .ported-site .ski-model-grid a { margin-top:auto; color:#fff; font-size:.78rem; font-weight:800; letter-spacing:.07em; text-decoration-color:var(--ski-brass-light); text-transform:uppercase; text-underline-offset:5px } .ported-site .ski-engineering-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px } .ported-site .ski-engineering-grid a, .ported-site .ski-related-grid a { min-height:160px; display:flex; flex-direction:column; padding:24px; border:1px solid var(--ski-line); color:var(--ski-navy); text-decoration:none; transition:border-color .16s ease,background-color .16s ease } .ported-site .ski-engineering-grid a:hover, .ported-site .ski-related-grid a:hover { border-color:var(--ski-brass); background:#fbf7f0 } .ported-site .ski-engineering-grid span, .ported-site .ski-related-grid span { color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.65rem; text-transform:uppercase } .ported-site .ski-engineering-grid strong, .ported-site .ski-related-grid strong { margin-top:28px; font-family:Archivo,Inter,sans-serif; font-size:1.05rem; text-transform:uppercase } .ported-site .ski-engineering-grid small, .ported-site .ski-related-grid small { margin-top:auto; color:var(--ski-muted) } .ported-site .ski-evidence { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(320px,1.1fr) auto; align-items:center; gap:36px } .ported-site .ski-evidence h2 { margin:0; font-size:clamp(1.7rem,3vw,2.7rem); letter-spacing:-.035em; line-height:1.05; text-transform:uppercase } .ported-site .ski-evidence>p { margin:0; color:#4f4b45; font-size:.92rem } .ported-site .ski-faq-layout { display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr); gap:72px } .ported-site .ski-faq-layout .ski-section__head { position:sticky; top:130px; align-self:start; margin:0 } .ported-site .ski-faq details { border-top:1px solid var(--ski-line) } .ported-site .ski-faq details:last-child { border-bottom:1px solid var(--ski-line) } .ported-site .ski-faq summary { min-height:70px; display:flex; align-items:center; padding:16px 40px 16px 0; font-family:Archivo,Inter,sans-serif; font-size:1.05rem; font-weight:740; line-height:1.3; list-style:none; text-transform:uppercase } .ported-site .ski-faq summary::-webkit-details-marker { display:none } .ported-site .ski-faq details>p { max-width:760px; margin:0; padding:0 28px 24px 0; color:var(--ski-muted) } .ported-site .ski-final-cta { padding-block:clamp(86px,10vw,140px); background:var(--ski-navy); color:#fff } .ported-site .ski-final-cta .ski-shell { max-width:900px; margin-left:max(24px,calc((100% - 1180px)/2)) } .ported-site .ski-final-cta>div>p:not(.ski-eyebrow) { max-width:720px; color:#ffffffb3 } .ported-site .ski-cluster-nav { position:sticky; top:78px; z-index:20; background:#061a2df7; border-bottom:1px solid rgba(255,255,255,.12) } .ported-site .ski-cluster-nav .ski-shell { min-height:52px; display:flex; align-items:center; gap:26px; overflow-x:auto; scrollbar-width:none } .ported-site .ski-cluster-nav a { flex:0 0 auto; color:#ffffffc2; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase } .ported-site .ski-cluster-nav a:first-child { color:var(--ski-brass-light) } .ported-site .ski-child-hero { padding-block:clamp(70px,8vw,112px); background:#f3f5f5 } .ported-site .ski-child-hero__layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr); align-items:center; gap:clamp(40px,6vw,80px) } .ported-site .ski-breadcrumb { margin:0 0 30px; color:var(--ski-muted); font-size:.72rem } .ported-site .ski-breadcrumb a { color:inherit } .ported-site .ski-child-hero h1 { margin:0; font-size:clamp(2.5rem,5.2vw,5.3rem); font-weight:800; letter-spacing:-.055em; line-height:.96; text-transform:uppercase } .ported-site .ski-child-hero__answer { max-width:650px; margin:24px 0; color:var(--ski-muted); font-size:1.02rem } .ported-site .ski-child-hero figure { overflow:hidden; background:var(--ski-mineral) } .ported-site .ski-child-hero figure>img { width:100%; aspect-ratio:4 / 3.2; display:block; object-fit:cover } .ported-site .ski-child-hero figcaption { padding:12px; background:var(--ski-navy); color:#fff } .ported-site .ski-decision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px } .ported-site .ski-decision-grid article { min-height:360px; padding:clamp(30px,4vw,52px); border:1px solid var(--ski-line); background:#fff } .ported-site .ski-decision-grid article:first-child { background:var(--ski-navy); color:#fff } .ported-site .ski-decision-grid span { color:var(--ski-brass); font-family:IBM Plex Mono,monospace; font-size:.7rem; text-transform:uppercase } .ported-site .ski-decision-grid h3 { max-width:520px; margin:70px 0 16px; font-size:clamp(1.75rem,3.5vw,3.3rem); letter-spacing:-.04em; line-height:1; text-transform:uppercase } .ported-site .ski-decision-grid p { max-width:640px; margin:0; color:var(--ski-muted) } .ported-site .ski-decision-grid article:first-child p { color:#ffffffb8 } .ported-site .ski-pilot-grid figure img { aspect-ratio:1 / 1; object-fit:cover } .ported-site .ski-pilot-grid--reverse figure { order:2 } .ported-site .ski-spec-list { display:grid; margin-top:30px; border-top:1px solid var(--ski-line) } .ported-site .ski-spec-list>div { display:grid; grid-template-columns:150px 1fr; gap:20px; padding:16px 0; border-bottom:1px solid var(--ski-line) } .ported-site .ski-spec-list dt { font-family:Archivo,Inter,sans-serif; font-size:.8rem; font-weight:800; text-transform:uppercase } .ported-site .ski-spec-list dd { margin:0; color:var(--ski-muted); font-size:.88rem } .ported-site .ski-related-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px } @media (max-width: 1024px) { .ported-site .ski-family-grid, .ported-site .ski-engineering-grid { grid-template-columns:repeat(2,minmax(0,1fr)) } .ported-site .ski-mission, .ported-site .ski-child-hero__layout { grid-template-columns:1fr } .ported-site .ski-mission__tabs { grid-template-columns:repeat(2,minmax(0,1fr)) } .ported-site .ski-evidence { grid-template-columns:1fr } .ported-site .ski-related-grid { grid-template-columns:repeat(3,minmax(0,1fr)) } } @media (max-width: 760px) { .ported-site .ski-shell { width:min(100% - 32px,1180px) } .ported-site .ski-hero { min-height:690px; align-items:end } .ported-site .ski-hero__media img { object-position:center top } .ported-site .ski-hero__shade { background:#04111e8a } .ported-site .ski-hero__content { padding-block:210px 42px } .ported-site .ski-hero h1 { font-size:clamp(2.25rem,11vw,3.45rem); line-height:.96 } .ported-site .ski-hero__answer { font-size:.94rem } .ported-site .ski-actions, .ported-site .ski-actions .ski-button { width:100% } .ported-site .ski-scope__inner { grid-template-columns:1fr; gap:8px; padding-block:20px } .ported-site .ski-section { padding-block:72px } .ported-site .ski-section__head { margin-bottom:30px } .ported-site .ski-section__head h2, .ported-site .ski-final-cta h2 { font-size:clamp(2rem,10vw,3rem) } .ported-site .ski-mission__tabs { display:flex; margin-inline:-16px; padding-inline:16px; overflow-x:auto; scroll-snap-type:x mandatory } .ported-site .ski-mission__tabs button { flex:0 0 82%; min-height:98px; scroll-snap-align:start } .ported-site .ski-mission__result { min-height:520px } .ported-site .ski-mission__result:after { inset:36% 0 0 } .ported-site .ski-mission__result>div { padding:24px } .ported-site .ski-family-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px } .ported-site .ski-family-card__body { padding:15px } .ported-site .ski-family-card h3 { font-size:1rem } .ported-site .ski-family-card__body>p:not(.ski-family-card__state) { min-height:0; font-size:.75rem } .ported-site .ski-stage-grid { grid-template-columns:1fr } .ported-site .ski-stage-grid li { min-height:0; padding:24px } .ported-site .ski-stage-grid h3 { margin-top:22px } .ported-site .ski-layer__layout, .ported-site .ski-pilot-grid { grid-template-columns:1fr; gap:32px } .ported-site .ski-pilot-grid--reverse figure { order:0 } .ported-site .ski-model-grid, .ported-site .ski-decision-grid { grid-template-columns:1fr } .ported-site .ski-model-grid article, .ported-site .ski-decision-grid article { min-height:0 } .ported-site .ski-decision-grid h3 { margin-top:42px } .ported-site .ski-engineering-grid { grid-template-columns:1fr } .ported-site .ski-engineering-grid a { min-height:125px } .ported-site .ski-faq-layout { grid-template-columns:1fr; gap:12px } .ported-site .ski-faq-layout .ski-section__head { position:static; margin-bottom:24px } .ported-site .ski-final-cta .ski-shell { margin-inline:auto } .ported-site .ski-cluster-nav { top:66px } .ported-site .ski-child-hero { padding-block:52px } .ported-site .ski-child-hero h1 { font-size:clamp(2.25rem,10.5vw,3.25rem) } .ported-site .ski-child-hero figure>img { aspect-ratio:4 / 4.6 } .ported-site .ski-spec-list>div { grid-template-columns:1fr; gap:4px } .ported-site .ski-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)) } } @media (max-width: 430px) { .ported-site .ski-family-grid, .ported-site .ski-related-grid { grid-template-columns:1fr } .ported-site .ski-family-card__media { aspect-ratio:4 / 3 } .ported-site .ski-family-card__body>p:not(.ski-family-card__state) { min-height:auto } } @media (prefers-reduced-motion: reduce) { .ported-site .ski-page *, .ported-site .ski-page *:before, .ported-site .ski-page *:after { scroll-behavior:auto!important; transition-duration:.01ms!important } } .ported-site .hw-page { --hw-navy: #061b30; --hw-navy-2: #0b2942; --hw-brass: #b87b23; --hw-brass-light: #d2a353; --hw-ink: #142337; --hw-muted: #5e6670; --hw-line: #deddd8; --hw-paper: #f9f8f4; width:100%; background:var(--hw-paper); color:var(--hw-ink); font-family:

This streetwear product is not available.