@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Six+Caps:wght@400&display=swap');
/* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;}[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder, textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type='checkbox'],[type='radio']{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type='checkbox']{border-radius:0px}[type='radio']{border-radius:100%}[type='checkbox']:focus,[type='radio']:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}[type='checkbox']:checked,[type='radio']:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type='checkbox']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}@media (forced-colors: active) {[type='checkbox']:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type='radio']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");}@media (forced-colors: active) {[type='radio']:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{border-color:transparent;background-color:currentColor}[type='checkbox']:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}@media (forced-colors: active) {[type='checkbox']:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor}[type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type='file']:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }
    .pointer-events-none{pointer-events:none}
    .pointer-events-auto{pointer-events:auto}
    .visible{visibility:visible}
    .fixed{position:fixed}
    .absolute{position:absolute}
    .relative{position:relative}
    .sticky{position:sticky}
    .inset-0{inset:0.0rem}
    .bottom-0{bottom:0.0rem}
    .left-0{left:0.0rem}
    .top-0{top:0.0rem}
    .z-0{z-index:0}
    .z-10{z-index:10}
    .z-20{z-index:20}
    .z-30{z-index:30}
    .z-50{z-index:50}
    .z-\[999999\]{z-index:999999}
    .order-none{order:0}
    .col-span-1{grid-column:span 1 / span 1}
    .col-span-2{grid-column:span 2 / span 2}
    .col-start-1{grid-column-start:1}
    .col-end-1{grid-column-end:1}
    .row-span-1{grid-row:span 1 / span 1}
    .row-start-1{grid-row-start:1}
    .row-end-1{grid-row-end:1}
    .mx-auto{margin-left:auto;margin-right:auto}
    .mb-0{margin-bottom:0.0rem}
    .mb-1{margin-bottom:0.25rem}
    .mb-3{margin-bottom:0.75rem}
    .mb-36{margin-bottom:9.0rem}
    .mb-4{margin-bottom:1.0rem}
    .mb-5{margin-bottom:1.25rem}
    .ml-0{margin-left:0.0rem}
    .ml-2{margin-left:0.5rem}
    .ml-auto{margin-left:auto}
    .mr-0{margin-right:0.0rem}
    .mr-2{margin-right:0.5rem}
    .mr-auto{margin-right:auto}
    .mt-0{margin-top:0.0rem}
    .mt-5{margin-top:1.25rem}
    .block{display:block}
    .flex{display:flex}
    .grid{display:grid}
    .hidden{display:none}
    .aspect-square{aspect-ratio:1 / 1}
    .size-0{width:0.0rem;height:0.0rem}
    .size-12{width:3.0rem;height:3.0rem}
    .h-0{height:0.0rem}
    .h-1\/2{height:50%}
    .h-20{height:5.0rem}
    .h-\[60px\]{height:60px}
    .h-auto{height:auto}
    .h-full{height:100%}
    .h-screen{height:100vh}
    .max-h-0{max-height:0.0rem}
    .min-h-\[60px\]{min-height:60px}
    .w-\[100\%\]{width:100%}
    .w-\[60px\]{width:60px}
    .w-auto{width:auto}
    .w-full{width:100%}
    .w-screen{width:100vw}
    .flex-1{flex:1 1 0%}
    .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .transform-gpu{transform:translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @keyframes spin{to{transform:rotate(360deg)}}
    .animate-spin{animation:spin 1s linear infinite}
    .cursor-pointer{cursor:pointer}
    .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
    .grid-flow-row{grid-auto-flow:row}
    .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
    .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}
    .grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}
    .flex-row{flex-direction:row}
    .flex-col{flex-direction:column}
    .flex-wrap{flex-wrap:wrap}
    .flex-nowrap{flex-wrap:nowrap}
    .content-normal{align-content:normal}
    .content-center{align-content:center}
    .items-center{align-items:center}
    .justify-normal{justify-content:normal}
    .justify-end{justify-content:flex-end}
    .justify-center{justify-content:center}
    .gap-0{gap:0.0rem}
    .gap-2{gap:0.5rem}
    .gap-4{gap:1.0rem}
    .gap-x-0{-moz-column-gap:0.0rem;column-gap:0.0rem}
    .gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem}
    .gap-y-0{row-gap:0.0rem}
    .gap-y-2{row-gap:0.5rem}
    .divide-y-\[7px\] > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(7px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(7px * var(--tw-divide-y-reverse))}
    .divide-surface-800 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(52 68 88 / var(--tw-divide-opacity))}
    .self-auto{align-self:auto}
    .self-center{align-self:center}
    .justify-self-auto{justify-self:auto}
    .justify-self-center{justify-self:center}
    .overflow-hidden{overflow:hidden}
    .overflow-y-auto{overflow-y:auto}
    .scroll-smooth{scroll-behavior:smooth}
    .rounded-3xl{border-radius:1.5rem}
    .rounded-full{border-radius:36.0rem}
    .rounded-bl{border-bottom-left-radius:0.3829191810344828rem}
    .rounded-br{border-bottom-right-radius:0.3829191810344828rem}
    .rounded-tl{border-top-left-radius:0.3829191810344828rem}
    .rounded-tr{border-top-right-radius:0.3829191810344828rem}
    .border{border-width:0.12rem}
    .border-\[6px\]{border-width:6px}
    .border-blue-600\/20{border-color:rgb(37 99 235 / 0.2)}
    .border-oro-covo-600\/20{border-color:rgb(188 177 132 / 0.2)}
    .border-white\/10{border-color:rgb(255 255 255 / 0.1)}
    .border-t-blue-600{--tw-border-opacity:1;border-top-color:rgb(37 99 235 / var(--tw-border-opacity))}
    .border-t-oro-covo-600{--tw-border-opacity:1;border-top-color:rgb(188 177 132 / var(--tw-border-opacity))}
    .bg-black-50{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}
    .bg-black-600{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}
    .bg-eigengrau-300{--tw-bg-opacity:1;background-color:rgb(90 90 96 / var(--tw-bg-opacity))}
    .bg-eigengrau-50{--tw-bg-opacity:1;background-color:rgb(211 211 213 / var(--tw-bg-opacity))}
    .bg-eigengrau-500{--tw-bg-opacity:1;background-color:rgb(22 22 29 / var(--tw-bg-opacity))}
    .bg-eigengrau-950{--tw-bg-opacity:1;background-color:rgb(4 4 7 / var(--tw-bg-opacity))}
    .bg-surface-100{--tw-bg-opacity:1;background-color:rgb(235 239 243 / var(--tw-bg-opacity))}
    .bg-surface-300{--tw-bg-opacity:1;background-color:rgb(170 188 207 / var(--tw-bg-opacity))}
    .bg-white-50{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
    .bg-opacity-\[100\%\]{--tw-bg-opacity:100%}
    .bg-opacity-\[50\%\]{--tw-bg-opacity:50%}
    .bg-opacity-\[75\%\]{--tw-bg-opacity:75%}
    .bg-\[url\(\.\.\/resources\/dune\/dune-dune\.png\)\]{background-image:url(../resources/dune/dune-dune.png)}
    .bg-\[url\(\.\.\/resources\/dune\/dune-man\.png\)\]{background-image:url(../resources/dune/dune-man.png)}
    .bg-\[url\(\.\.\/resources\/dune\/dune-sand-sun\.jpg\)\]{background-image:url(../resources/dune/dune-sand-sun.jpg)}
    .bg-\[url\(\.\.\/resources\/dune\/dune-worm\.png\)\]{background-image:url(../resources/dune/dune-worm.png)}
    .bg-\[url\(\.\.\/resources\/dune\/paul-mask\.jpg\)\]{background-image:url(../resources/dune/paul-mask.jpg)}
    .bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}
    .bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}
    .from-black-600{--tw-gradient-from:#000000 var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
    .from-0\%{--tw-gradient-from-position:0%}
    .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}
    .bg-cover{background-size:cover}
    .bg-center{background-position:center}
    .bg-no-repeat{background-repeat:no-repeat}
    .fill-eigengrau-100\/\[--svgOpacity\]{fill:rgb(169 169 172 / var(--svgOpacity))}
    .fill-surface-50\/\[--svgOpacity\]{fill:rgb(245 247 250 / var(--svgOpacity))}
    .object-cover{-o-object-fit:cover;object-fit:cover}
    .object-top{-o-object-position:top;object-position:top}
    .px-4{padding-left:1.0rem;padding-right:1.0rem}
    .px-8{padding-left:2.0rem;padding-right:2.0rem}
    .py-3{padding-top:0.75rem;padding-bottom:0.75rem}
    .py-6{padding-top:1.5rem;padding-bottom:1.5rem}
    .pb-0{padding-bottom:0.0rem}
    .pb-2{padding-bottom:0.5rem}
    .pb-8{padding-bottom:2.0rem}
    .pl-0{padding-left:0.0rem}
    .pl-10{padding-left:2.5rem}
    .pl-3{padding-left:0.75rem}
    .pl-3\.5{padding-left:0.875rem}
    .pl-5{padding-left:1.25rem}
    .pr-0{padding-right:0.0rem}
    .pr-10{padding-right:2.5rem}
    .pr-3{padding-right:0.75rem}
    .pr-3\.5{padding-right:0.875rem}
    .pr-5{padding-right:1.25rem}
    .pt-0{padding-top:0.0rem}
    .pt-2{padding-top:0.5rem}
    .pt-8{padding-top:2.0rem}
    .text-left{text-align:left}
    .text-center{text-align:center}
    .text-right{text-align:right}
    .font-body{font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'sans-serif'}
    .font-cinzel{font-family:Cinzel}
    .font-six-caps---google{font-family:Six Caps}
    .text-4xl{font-size:2.25rem;line-height:2.50rem}
    .text-\[10px\]{font-size:10px}
    .text-base{font-size:1.00rem;line-height:1.50rem}
    .text-lg{font-size:1.12rem;line-height:1.75rem}
    .text-xl{font-size:1.25rem;line-height:1.75rem}
    .text-xs{font-size:0.75rem;line-height:1.00rem}
    .font-\[400\]{font-weight:400}
    .font-black{font-weight:900}
    .font-bold{font-weight:700}
    .font-semibold{font-weight:600}
    .uppercase{text-transform:uppercase}
    .not-italic{font-style:normal}
    .leading-normal{line-height:1.5}
    .tracking-\[0\.3em\]{letter-spacing:0.3em}
    .tracking-normal{letter-spacing:0em}
    .tracking-tighter{letter-spacing:-0.05em}
    .tracking-widest{letter-spacing:0.1em}
    .text-eigengrau-100\/\[--svgOpacity\]{color:rgb(169 169 172 / var(--svgOpacity))}
    .text-eigengrau-200{--tw-text-opacity:1;color:rgb(128 128 133 / var(--tw-text-opacity))}
    .text-eigengrau-50{--tw-text-opacity:1;color:rgb(211 211 213 / var(--tw-text-opacity))}
    .text-surface-50{--tw-text-opacity:1;color:rgb(245 247 250 / var(--tw-text-opacity))}
    .text-surface-50\/\[--svgOpacity\]{color:rgb(245 247 250 / var(--svgOpacity))}
    .text-surface-900{--tw-text-opacity:1;color:rgb(48 60 77 / var(--tw-text-opacity))}
    .text-text-600{--tw-text-opacity:1;color:rgb(136 153 168 / var(--tw-text-opacity))}
    .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
    .text-white-600{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
    .text-opacity-\[100\%\]{--tw-text-opacity:100%}
    .opacity-60{opacity:0.6}
    .shadow-2xl{--tw-shadow:0px 12px 12px 0px rgba(26,41,82,0.20), 0px 30px 26px 0px rgba(26,41,82,0.20);--tw-shadow-colored:0px 12px 12px 0px var(--tw-shadow-color), 0px 30px 26px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
    .shadow-none{--tw-shadow:;--tw-shadow-colored:;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
    .blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
    .brightness-\[100\%\]{--tw-brightness:brightness(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
    .drop-shadow-none{--tw-drop-shadow:;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
    .grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
    .saturate-\[100\%\]{--tw-saturate:saturate(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
    .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
    .backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
    .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
    .transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
    .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
    .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
    .delay-\[0ms\]{transition-delay:0ms}
    .duration-500{transition-duration:500ms}
    .duration-\[0ms\]{transition-duration:0ms}
    .duration-\[300ms\]{transition-duration:300ms}
    .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
    .text-shadow-none{text-shadow:}
    .\[--svgOpacity\:_100\%\]{--svgOpacity:100%}
    .\[--svgOpacity\:_15\%\]{--svgOpacity:15%}
    .hover\:bg-eigengrau-400:hover{--tw-bg-opacity:1;background-color:rgb(54 54 61 / var(--tw-bg-opacity))}
    .hover\:bg-white-50:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
    .hover\:bg-opacity-\[100\%\]:hover{--tw-bg-opacity:100%}
    .hover\:text-eigengrau-50:hover{--tw-text-opacity:1;color:rgb(211 211 213 / var(--tw-text-opacity))}
    .hover\:text-surface-50:hover{--tw-text-opacity:1;color:rgb(245 247 250 / var(--tw-text-opacity))}
    .hover\:text-opacity-\[100\%\]:hover{--tw-text-opacity:100%}
    .hover\:text-shadow-none:hover{text-shadow:}
    .group\/track:hover .group-hover\/track\:text-text-600{--tw-text-opacity:1;color:rgb(136 153 168 / var(--tw-text-opacity))}
    :is(.dark .dark\:bg-opacity-\[100\%\]){--tw-bg-opacity:100%}
    :is(.dark .dark\:bg-opacity-\[75\%\]){--tw-bg-opacity:75%}
    :is(.dark .dark\:text-opacity-\[100\%\]){--tw-text-opacity:100%}
    :is(.dark .dark\:hover\:bg-opacity-\[100\%\]:hover){--tw-bg-opacity:100%}
    :is(.dark .dark\:hover\:text-opacity-\[100\%\]:hover){--tw-text-opacity:100%}
    .\[\&\>\*\]\:col-start-1>*{grid-column-start:1}
    .\[\&\>\*\]\:row-start-1>*{grid-row-start:1}
    .\[\&\>\*\]\:min-w-0>*{min-width:0.0rem}
    .\[\&_a\:hover\]\:font-\[400\] a:hover{font-weight:400}
    .\[\&_a\:hover\]\:text-brand-800 a:hover{--tw-text-opacity:1;color:rgb(29 75 176 / var(--tw-text-opacity))}
    .\[\&_a\:hover\]\:no-underline a:hover{text-decoration-line:none}
    .\[\&_a\:visited\]\:font-\[400\] a:visited{font-weight:400}
    .\[\&_a\:visited\]\:text-brand-800 a:visited{--tw-text-opacity:1;color:rgb(29 75 176 / var(--tw-text-opacity))}
    .\[\&_a\:visited\]\:no-underline a:visited{text-decoration-line:none}
    .\[\&_a\]\:font-\[400\] a{font-weight:400}
    .\[\&_a\]\:text-brand-500 a{--tw-text-opacity:1;color:rgb(56 146 248 / var(--tw-text-opacity))}
    .\[\&_a\]\:no-underline a{text-decoration-line:none}
    .\[\&_svg\]\:size-4 svg{width:1.0rem;height:1.0rem}
    .\[\&_svg\]\:text-text-600 svg{--tw-text-opacity:1;color:rgb(136 153 168 / var(--tw-text-opacity))}
.container{max-width:100%;}
@media (min-width: 640px){.container{max-width:640px}}
@media (min-width: 768px){.container{max-width:768px}}
@media (min-width: 1024px){.container{max-width:1024px}}/* CONTAINER DUMMY PER L'EDITOR - IN SOVRAIMPRESSIONE (1:1 con Live) */
.pf-dummy-container { position: fixed; z-index: 9999; pointer-events: none; }
.pf-dummy-container[data-show-dummy="false"], .pf-dummy-container[data-show-dummy="0"] { display: none !important; }
.pf-dummy-container[data-position="bottom"] { bottom: 30px; left: 50%; transform: translateX(-50%); }
.pf-dummy-container[data-position="top"] { top: 30px; left: 50%; transform: translateX(-50%); }
.pf-dummy-container[data-position="left"] { left: 30px; top: 50%; transform: translateY(-50%); }
.pf-dummy-container[data-position="right"] { right: 30px; top: 50%; transform: translateY(-50%); }

.pf-preview-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px; pointer-events: auto; }
.pf-dummy-container[data-position="left"] .pf-preview-wrapper, .pf-dummy-container[data-position="right"] .pf-preview-wrapper { flex-direction: column; }

.pf-preview-dots { display: flex; gap: 12px; align-items: center; justify-content: center; }
.pf-dummy-container[data-position="left"] .pf-preview-dots, .pf-dummy-container[data-position="right"] .pf-preview-dots { flex-direction: column; }

.pf-preview-wrapper[data-container="true"] { padding: 12px 24px; }
.pf-dummy-container[data-position="left"] .pf-preview-wrapper[data-container="true"], .pf-dummy-container[data-position="right"] .pf-preview-wrapper[data-container="true"] { padding: 24px 12px; }

.pf-preview-bg { position: absolute; inset: 0; border-radius: 50px; z-index: -1; display: none; }
.pf-preview-wrapper[data-container="true"] .pf-preview-bg { display: block; }

.pf-dummy-arrow { display: none; align-items: center; justify-content: center; opacity: 0.5; }
.pf-preview-wrapper[data-arrows="true"] .pf-dummy-arrow { display: flex; }

.pf-icon-horiz { display: block; }
.pf-icon-vert { display: none; }
.pf-dummy-container[data-position="left"] .pf-icon-horiz, .pf-dummy-container[data-position="right"] .pf-icon-horiz { display: none; }
.pf-dummy-container[data-position="left"] .pf-icon-vert, .pf-dummy-container[data-position="right"] .pf-icon-vert { display: block; }

.pf-dummy-dot { display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; transition: all 0.3s; }
.pf-preview-wrapper:not([data-style="numbered"]) .pf-dummy-dot span { display: none; }
.pf-preview-wrapper[data-numbers="false"] .pf-dummy-dot span { display: none; }

.pf-preview-wrapper[data-style="classic"] .pf-dummy-dot { width: 12px; height: 12px; border-radius: 50%; }
.pf-preview-wrapper[data-style="classic"] .pf-dummy-active { transform: scale(1.3); }

.pf-preview-wrapper[data-style="squares"] .pf-dummy-dot { width: 12px; height: 12px; border-radius: 0; }
.pf-preview-wrapper[data-style="squares"] .pf-dummy-active { transform: scale(1.3); }

.pf-preview-wrapper[data-style="pill-dots"] .pf-dummy-dot { width: 12px; height: 12px; border-radius: 12px; }
.pf-preview-wrapper[data-style="pill-dots"]:not([data-position="left"]):not([data-position="right"]) .pf-dummy-active { width: 32px; }
.pf-dummy-container[data-position="left"] .pf-preview-wrapper[data-style="pill-dots"] .pf-dummy-active, .pf-dummy-container[data-position="right"] .pf-preview-wrapper[data-style="pill-dots"] .pf-dummy-active { height: 32px; }

.pf-preview-wrapper[data-style="line-squares"] .pf-dummy-dot { width: 12px; height: 12px; border-radius: 0; }
.pf-preview-wrapper[data-style="line-squares"]:not([data-position="left"]):not([data-position="right"]) .pf-dummy-active { width: 32px; height: 4px; }
.pf-dummy-container[data-position="left"] .pf-preview-wrapper[data-style="line-squares"] .pf-dummy-active, .pf-dummy-container[data-position="right"] .pf-preview-wrapper[data-style="line-squares"] .pf-dummy-active { width: 4px; height: 32px; }

.pf-preview-wrapper[data-style="numbered"] .pf-dummy-dot { width: 36px; height: 36px; border-radius: 50%; color: inherit; }
.pf-preview-wrapper[data-style="numbered"] .pf-dummy-active { color: #ffffff; }
.pf-preview-wrapper[data-style="numbered"][data-inactive-mode="transparent"] .pf-dummy-inactive { background: transparent !important; }

/* -------------------------------------------
   STILE: CUSTOM IMAGE CENTER 
---------------------------------------------*/
.pf-dummy-image-center-wrapper { display: none; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.15); }
.pf-preview-wrapper[data-style="image-center"] .pf-dummy-image-center-wrapper { display: flex; }
.pf-preview-wrapper[data-style="image-center"] .pf-dummy-dot { display: none !important; }
.pf-dummy-center-img-el { width: 100%; height: 100%; object-fit: cover; }
.pf-dummy-center-placeholder { width: 12px; height: 12px; border-radius: 50%; }

/* -------------------------------------------
   CENTER ICON OVERLAY (DESIGN & LIVE)
---------------------------------------------*/
.pf-center-overlay {
	position: fixed; inset: 0; z-index: 1000000;
	display: flex; flex-direction: column;
}

/* Sicurezza Assoluta: Se lo stile non è image-center, nascondi l'overlay forzatamente! */
.pf-center-overlay:not([data-nav-style="image-center"]) {
	display: none !important;
}

.pf-center-overlay[data-editor-preview="false"],
.pf-center-overlay[data-editor-preview="0"] { display: none !important; }

/* FORZA L'ANTEPRIMA OVERLAY IN EDITOR (Bypassa i limiti JS di Elements) */
.pf-center-overlay[data-editor-preview="true"],
.pf-center-overlay[data-editor-preview="1"] {
	opacity: 1 !important;
	pointer-events: auto !important;
	display: flex !important;
}

/* FORZA LA VISIBILITÀ DELLE ICONE (SOLO IN EDITOR) - Fix Anteprima */
.pf-center-overlay[data-editor-preview="true"] .pf-vision-item-wrapper,
.pf-center-overlay[data-editor-preview="1"] .pf-vision-item-wrapper {
	opacity: 1 !important;
	transform: scale(1) translateY(0) !important;
	animation: none !important;
}

.pf-live-mode .pf-center-overlay {
	opacity: 0; pointer-events: none;
	transition: opacity 0.4s ease, backdrop-filter 0.4s ease;
}

.pf-live-mode .pf-center-overlay.pf-overlay-active {
	opacity: 1; pointer-events: auto;
}

.pf-overlay-close-btn {
	position: absolute; left: 50%; transform: translateX(-50%);
	cursor: pointer; padding: 16px; display: flex; align-items: center; justify-content: center;
	transition: transform 0.2s; z-index: 1000001;
}
.pf-overlay-close-btn:hover { transform: translateX(-50%) scale(1.1); }
.pf-overlay-close-btn[data-pos="top"] { top: 24px; }
.pf-overlay-close-btn[data-pos="bottom"] { bottom: 24px; }

/* -------------------------------------------
   VISION PRO SPATIAL GRID (APPLE STYLE - RESPONSIVE)
---------------------------------------------*/
.pf-vision-grid {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 28px; 
	padding: 40px;
	width: 100%;
	max-width: 100vw;
	box-sizing: border-box;
}

.pf-vision-row {
	display: flex;
	justify-content: center;
	gap: 28px; 
}

/* Honeycomb Effect - Margine negativo per far scivolare le righe (applicato dal JS solo dalla seconda riga) */
.pf-vision-row.pf-honeycomb-row {
	margin-top: -15px; 
}

.pf-vision-item-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	opacity: 0;
	will-change: transform, opacity, filter;
	transition: transform 0.4s ease-out, filter 0.4s ease-out; /* Smooth Hover */
}

.pf-vision-item-wrapper:hover {
	transform: scale(1.05) !important; /* Zoom Delicato */
	filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.4)) !important;
	z-index: 10;
}

.pf-vision-icon {
	width: var(--pf-v-size, 80px);
	height: var(--pf-v-size, 80px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	border-radius: 50%; /* Reintrodotto stile rotondo per tutte le icone */
	overflow: hidden;
	filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25)); 
	transition: width 0.3s ease, height 0.3s ease;
}

.pf-vision-label {
	font-size: var(--pf-v-label-size, 14px);
	font-weight: 500;
	text-align: center;
	letter-spacing: -0.01em;
	text-shadow: 0 2px 4px rgba(0,0,0,0.5); 
	transition: opacity 0.3s ease, font-size 0.3s ease;
}

/* MEDIA QUERIES PER LA RESPONSIVITA' */
@media screen and (max-width: 768px) {
	.pf-vision-grid { gap: 20px; padding: 20px; }
	.pf-vision-row { gap: 20px; }
	.pf-vision-row.pf-honeycomb-row { margin-top: -10px; }
	.pf-vision-icon {
		width: calc(var(--pf-v-size, 80px) * 0.75);
		height: calc(var(--pf-v-size, 80px) * 0.75);
	}
	.pf-vision-label { font-size: calc(var(--pf-v-label-size, 14px) * 0.85); }
}

@media screen and (max-width: 480px) {
	.pf-vision-grid { gap: 12px; padding: 10px; }
	.pf-vision-row { gap: 12px; }
	.pf-vision-row.pf-honeycomb-row { margin-top: -6px; }
	.pf-vision-item-wrapper { gap: 6px; }
	.pf-vision-icon {
		width: calc(var(--pf-v-size, 80px) * 0.6);
		height: calc(var(--pf-v-size, 80px) * 0.6);
	}
	.pf-vision-label { font-size: calc(var(--pf-v-label-size, 14px) * 0.75); }
}

@keyframes appleVisionPop {
	0% { opacity: 0; transform: scale(1.3) translateY(15px); }
	100% { opacity: 1; transform: scale(1) translateY(0); }
}

.pf-overlay-active .pf-vision-item-wrapper {
	animation: appleVisionPop 0.75s cubic-bezier(0.175, 0.885, 0.32, 1.1) forwards;
}

/* -------------------------------------------
   FOUC SHIELD & SMART ANIMATIONS 
---------------------------------------------*/
.pf-fouc-shield[data-enabled="false"],
.pf-fouc-shield[data-enabled="0"] { display: none !important; }

.pf-live-mode .pf-anim-text, 
.pf-live-mode .pf-anim-media {
	opacity: 0 !important;
	will-change: transform, opacity;
	transition: opacity 0.4s ease, transform 0.4s ease !important;
	transition-delay: 0ms !important; 
}

.pf-live-mode .pf-slide-active .pf-anim-text,
.pf-live-mode .pf-slide-active .pf-anim-media {
	opacity: 1 !important;
	transform: translate(0, 0) scale(1) !important;
	transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
	transition-delay: var(--pf-delay, 0ms) !important;
}

.pf-live-mode .pf-anim-text-fade-up { transform: translateY(40px) !important; }
.pf-live-mode .pf-anim-text-slide-left { transform: translateX(40px) !important; }
.pf-live-mode .pf-anim-text-fade-in { transform: none !important; }
.pf-live-mode .pf-anim-media-zoom-in { transform: scale(0.85) !important; }
.pf-live-mode .pf-anim-media-fade-up { transform: translateY(40px) !important; }
.pf-live-mode .pf-anim-media-fade-in { transform: scale(1) !important; }/* ========================================== */
/* ZERO FOOTPRINT LAYOUT                      */
/* ========================================== */

.gsap-core-wrapper {
	display: contents !important;
}.mf-timeline-parent {
	display: none !important;
}.mf-keyframe-node {
	display: none !important;
}.mf-keyframe-node {
	display: none !important;
}.mf-timeline-parent {
	display: none !important;
}.mf-keyframe-node {
	display: none !important;
}.mf-keyframe-node {
	display: none !important;
}.mf-keyframe-node {
	display: none !important;
}.mf-timeline-parent {
	display: none !important;
}.mf-keyframe-node {
	display: none !important;
}.mf-keyframe-node {
	display: none !important;
}.mf-keyframe-node {
	display: none !important;
}.mf-keyframe-node {
	display: none !important;
}/* [data-rwx-droparea] {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
} */
/* [data-rwx-droparea] {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
} */
/* [data-rwx-droparea] {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
} */
/* [data-rwx-droparea] {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
} */