@import "https://unpkg.com/open-props" layer(design-system.tokens);@import "https://cdn.jsdelivr.net/gh/mobalti/open-props-interfaces@main/hdr-palettes-astro-op/src/styles/hdr-palettes.css" layer(design-system.tokens-hdr);@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&icon_names=arrow_back,arrow_forward,arrow_forward_ios&display=block" layer(design-system.symbols);@layer base,components,design-system,layout,overrides,reset,utilities;@layer reset{*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(html){-webkit-text-size-adjust:none}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100svb;-webkit-font-smoothing:antialiased}}@layer base{html{color-scheme:dark;--palette-chroma:1;--threshold:0.625;--contrast-fn:min(max(((l - var(--threshold)) * -infinity),0),1);--ui-surface:var(--hdr-purple-15);--ui-surface-container:var(--hdr-purple-14);--ui-on-surface:oklch(from var(--ui-surface) var(--contrast-fn) 0 h);--ui-primary:var(--hdr-orange-2);--ui-spacing-none:0;--ui-spacing-xxs:var(--size-1);--ui-spacing-xs:var(--size-2);--ui-spacing-sm:var(--size-3);--ui-spacing-md:var(--size-5);--ui-spacing-lg:var(--size-7);--ui-spacing-xl:var(--size-8);--ui-spacing-xxl:var(--size-11);--base-font:"Roboto";--ui-label:var(--font-weight-5) var(--font-size-1)/var(--font-lineheight-0) var(--base-font),var(--font-system-ui);--ui-body:var(--font-weight-4) var(--font-size-2)/var(--font-lineheight-3) var(--base-font),var(--font-system-ui);--ui-title:var(--font-weight-5) var(--font-size-4)/var(--font-lineheight-1) var(--base-font),var(--font-system-ui);--ui-icon-font-family:"Material Symbols Outlined";--icon-font-small:var(--font-weight-6) var(--font-size-1)/1 var(--ui-icon-font-family);--icon-font-medium:var(--font-weight-4) var(--font-size-4)/0 var(--ui-icon-font-family);--ui-scroll-btn-radius:var(--radius-4);--ui-scroll-btn-layer:var(--layer-3);--ui-scroll-btn-outline:var(--border-size-2) dashed var(--ui-primary);--ui-scroll-btn-border:var(--border-size-1) solid var(--ui-primary);--ui-scroll-btn-size:var(--size-px-9);--ui-visual-radius:var(--radius-3);--ui-card-radius:calc(var(--ui-visual-radius) * 1.25);--ui-btn-radius:var(--radius-2);--ui-icon-size:var(--size-7);--ui-card-shadow:var(--shadow-2)}@media (prefers-color-scheme:light){html{--shadow-color:220 40% 2%;--shadow-strength:25%}}}@layer layout{.section-carousel{container-type:inline-size;min-block-size:100svb;inline-size:100%;display:grid;column-gap:var(--ui-spacing-xs);row-gap:var(--ui-spacing-lg);padding-block:var(--ui-spacing-xxl)}.section-carousel .text{padding:0 30px 0 100px!important}@media only screen and (max-width:768px){.section-carousel .text{padding:0 30px 30px!important}.section-carousel .section-padding-150-0{padding-top:100px!important;padding-bottom:0!important}}.cards{--_carousel-inline-padding:var(--ui-spacing-sm);display:grid;gap:var(--ui-spacing-sm);grid-auto-flow:column;grid-column:2/-1;grid-template-rows:200px 1fr;inline-size:100%;list-style:none;overflow-inline:auto;overscroll-behavior-inline:contain;-ms-overflow-style:none;scrollbar-width:none;padding-block:var(--ui-spacing-lg);padding-inline:var(--_carousel-inline-padding);scroll-behavior:smooth;scroll-padding-inline:var(--_carousel-inline-padding);scroll-snap-type:inline mandatory}.cards::-webkit-scrollbar{display:none}@media (width >= 768px){.cards{--_carousel-inline-padding:var(--ui-spacing-lg)}}.card{scroll-snap-align:start;background-color:var(--ui-surface);border-radius:30px!important;display:grid;grid-row:1/-1;grid-template-rows:subgrid;padding:var(--ui-spacing-xs);inline-size:min(75cqi,400px)}.visual{border-radius:var(--ui-visual-radius);overflow:clip}.img{display:block;inline-size:100%;block-size:100%;object-fit:cover;background-color:var(--ui-surface-container)}.content{display:grid;align-content:space-between;padding:var(--ui-spacing-sm);gap:var(--ui-spacing-lg);color:var(--ui-on-surface)}.content-wrapper{display:grid;gap:var(--ui-spacing-sm)}.title{font:var(--ui-title)}.desc,.title{text-wrap:pretty}.desc{font:var(--ui-body)}.card-link{--_icon-bg:var(--ui-primary);font:var(--ui-label);color:var(--ui-primary);text-decoration:none;display:flex;gap:var(--ui-spacing-xs);align-items:center}.card-link:hover{--_icon-bg:color-mix(in oklch,var(--ui-primary),var(--ui-on-surface) 8%)}.card-link:before{display:grid;place-items:center;background-color:var(--_icon-bg);color:oklch(from var(--ui-primary) var(--contrast-fn) 0 h);inline-size:var(--ui-icon-size);block-size:var(--ui-icon-size);border-radius:var(--ui-btn-radius);font:var(--icon-font-small);content:"arrow_forward_ios"/"Arrow"}@supports (scroll-marker-group:after){.cards{anchor-name:--carousel;scrollbar-width:none}.cards::scroll-button(*){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:rgba(0,0,0,.7);block-size:var(--ui-scroll-btn-size);border-radius:17px!important;color:#fff;cursor:pointer;display:inline-grid;font:var(--icon-font-medium);outline-width:0;place-items:center;position-anchor:--carousel;position:absolute;user-select:none;border:1px solid transparent;z-index:1;width:var(--ui-scroll-btn-size);height:var(--ui-scroll-btn-size);inset-block-start:50%;transform:translateY(-50%)}@media only screen and (max-width:768px){.cards::scroll-button(*){display:none}}.cards::scroll-button(*):disabled{cursor:not-allowed;opacity:.4}.cards::scroll-button(*):not(:disabled):hover{background-color:#000}.cards::scroll-button(inline-end),.cards::scroll-button(inline-start){inset-inline-end:calc(anchor(end) - var(--_carousel-inline-padding, 12px));inset-inline-start:auto}.cards::scroll-button(inline-start){content:"arrow_back"/"Scroll back";margin-inline-end:8px;transform:translateY(-50%) translateX(-100%)}.cards::scroll-button(inline-end){content:"arrow_forward"/"Scroll forward";transform:translateY(-50%)}}}.cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:1rem;padding:.5rem 0;margin:0;list-style:none;anchor-name:--carousel}.cards::-webkit-scrollbar{display:none}.cards .card{flex:0 0 auto;scroll-snap-align:start;overflow:hidden}.cards .card .visual img{width:100%;height:auto;display:block;object-fit:cover}@media only screen and (max-width:768px){.cards::scroll-button(*){display:none!important}.cards{padding-left:1rem;padding-right:1rem}.cards .card:first-child{margin-left:0}}