@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";*,*:before,*:after{margin:0!important;padding:0;box-sizing:border-box}p,span,div,h1,h2,h3,h4,h5,h6,.text-description,.text-body{white-space:pre-wrap}:root{--primary-font: "Ubuntu", sans-serif;--bg-overlay: rgba(0, 0, 0, .85);--bg-card: rgba(255, 255, 255, .1);--bg-card-impact: linear-gradient(to bottom, #0a4d4d, #1eb892);--bg-card-hover: rgba(255, 255, 255, .15);--border-color: rgba(255, 255, 255, .4);--border-color-hover: rgba(255, 255, 255, .4);--border-color-hover-alt: rgba(255, 255, 255, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-dark: #1a1a1a;--primary-color: #4FC3F7;--primary-color-transparent: rgba(79, 195, 247, .1);--bg-gradient-main: linear-gradient(to bottom, #080810, #79505c);--connection-line-bg: rgba(255, 255, 255, .3);--blur-amount: 1rem;--border-radius-tiny: .25rem;--border-radius-small: .5rem;--border-radius-medium: .75rem;--border-radius-large: 2rem;--border-radius-round: 50%;--spacing-tiny: .5rem;--spacing-xsmall: .5rem;--spacing-small: .75rem;--spacing-medium: 1rem;--spacing-large: 1.5rem;--spacing-xlarge: 2rem;--spacing-xxlarge: 3rem;--spacing-xxxlarge: 6rem;--font-size-small: 1rem;--font-size-medium: 1.2rem;--font-size-large: 1.8rem;--font-size-xlarge: 2.4rem;--font-size-xxlarge: 3.2rem;--btn-size: 2.75rem;--icon-small: 1rem;--icon-medium: 1.25rem;--icon-large: 2rem;--icon-xl: 4rem;--spinner-size: 1.875rem;--spinner-border: .1875rem;--hero-height: 32rem;--header-height: 7.5rem;--content-offset: 12.5rem;--transition-fast: all .2s ease;--transition-medium: all .4s ease-out}@media (max-width: 768px){:root{--font-size-small: .875rem;--font-size-medium: 1rem;--font-size-large: 1.4rem;--font-size-xlarge: 1.8rem;--font-size-xxlarge: 2.4rem;--spacing-tiny: .375rem;--spacing-xsmall: .375rem;--spacing-medium: .75rem;--spacing-large: 1rem;--spacing-xlarge: 1.25rem;--spacing-xxlarge: 1.5rem;--spacing-xxxlarge: 2rem;--icon-small: .875rem;--icon-medium: 1rem;--icon-large: 1.5rem;--icon-xl: 3rem;--btn-size: 2.25rem}}.loading-screen .doorbell-wrapper,.loading-screen .interactive-wrapper,.loading-screen+* .doorbell-wrapper,.loading-screen+* .interactive-wrapper,.loading-screen~* .doorbell-wrapper,.loading-screen~* .interactive-wrapper{display:none!important}body:has(.loading-screen) .doorbell-wrapper,body:has(.loading-screen) .interactive-wrapper{display:none!important}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;margin:0 auto;padding:0;font-family:var(--primary-font);background:var(--bg-gradient-main);overscroll-behavior:none;overscroll-behavior-y:none;overflow:hidden;touch-action:manipulation;-webkit-overflow-scrolling:touch;scroll-behavior:auto}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:600;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;pointer-events:none}.text-heading-1{color:var(--text-primary);font-size:var(--font-size-xlarge);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin:0}.text-heading-2{color:var(--text-primary);font-size:var(--font-size-large);font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:0}.text-heading-3,.text-subheading-2{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:0}.text-description{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:300;line-height:1.6;word-spacing:20%;letter-spacing:2%;margin:0}.text-body{color:var(--text-secondary);font-size:var(--font-size-medium);font-weight:300;line-height:1.7;word-spacing:1px;margin:0}.text-body-large{color:var(--text-secondary);font-size:var(--font-size-large);font-weight:800;line-height:1.5;word-spacing:1px;letter-spacing:0px;margin:0}.text-body-strong{color:var(--text-primary);font-size:var(--font-size-medium);font-style:italic;font-weight:400;line-height:1.25;margin:0}.btn{background:none;border:1px solid var(--border-color);color:var(--text-primary);width:var(--btn-size);height:var(--btn-size);background-color:#0000004d;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-radius:var(--border-radius-round);cursor:pointer;transition:var(--transition-fast);font-size:1.2rem;display:flex;align-items:center;justify-content:center}.btn:hover{background:var(--bg-card);border-color:var(--border-color-hover)}.btn *{pointer-events:none}.btn-with-text{background:none;border:1px solid var(--border-color);color:var(--text-primary);width:var(--btn-size);height:var(--btn-size);background-color:#0000004d;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-radius:var(--border-radius-round);cursor:pointer;transition:var(--transition-fast);font-size:1.2rem;display:flex;align-items:center;justify-content:center}.btn-with-text:hover{background:var(--bg-card);border-color:var(--border-color-hover)}.btn-with-text{width:auto;min-width:var(--btn-size);padding:0 var(--spacing-large);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));gap:var(--spacing-xsmall);border-radius:calc(var(--btn-size) / 2)}.btn-with-text *{pointer-events:none}.btn-with-text .btn-text{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:900;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-size:var(--font-size-small);text-shadow:none;margin:0;pointer-events:none}.btn-with-text .btn-icon{font-size:1.2rem;flex-shrink:0;pointer-events:none}@media (max-width: 768px){.btn-with-text{padding:0 var(--spacing-medium);min-width:var(--btn-size)}.btn-with-text .btn-text{font-size:var(--font-size-small)}.btn-with-text .btn-icon{font-size:1rem}}.btn.onbright{color:var(--text-dark);border-color:#0003;background-color:#fffc}.btn.onbright:hover{background-color:#ffffffe6;border-color:#0000004d}.btn-with-text.onbright{color:var(--text-dark);border-color:var(--border-color-hover);background:var(--bg-card)}.btn-with-text.onbright .btn-text,.btn-with-text.onbright .btn-icon{color:var(--text-dark)}.btn-with-text.onbright.hero-resume-btn{pointer-events:none}.btn-with-text.onbright:not(.hero-resume-btn):hover{background-color:#000c;border-color:#000000e6;color:var(--text-primary)}.btn-with-text.onbright:not(.hero-resume-btn):hover .btn-text{color:var(--text-primary)}.btn-with-text.onbright:not(.hero-resume-btn):hover .btn-icon{color:var(--text-primary)}.card{padding:var(--spacing-medium);display:flex;flex-direction:column;gap:var(--spacing-xlarge);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-large);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));transition:var(--transition-fast);color:var(--text-primary)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-.125rem)}.card-preview{padding:var(--spacing-medium);display:flex;flex-direction:column;gap:var(--spacing-xlarge);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-large);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));color:var(--text-primary);cursor:pointer;transition:none;position:relative}.card-preview .card-title-default{position:absolute;top:var(--spacing-large);left:var(--spacing-large);right:var(--spacing-large);display:flex;width:fit-content;align-items:center;padding:var(--spacing-small);background-color:#0000004d;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-radius:var(--border-radius-medium);font-size:var(--font-size-small);font-weight:900;color:#fff;text-shadow:none;text-transform:uppercase;letter-spacing:1px;z-index:3;margin:0}.text-subheading-2{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:0}.text-subheading-1{color:var(--text-primary);font-size:var(--font-size-large);font-weight:200;margin:0}.overlay-base{position:fixed;top:0;left:0;width:100vw;min-height:100vh;z-index:1000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));opacity:0;visibility:hidden;transition:var(--transition-medium);pointer-events:none;display:flex;justify-content:center}.overlay-base.visible{opacity:1;visibility:visible;pointer-events:all}@media (max-width: 768px){.overlay-base.narrow{min-height:auto;height:70vh;height:70dvh;max-height:70dvh;top:auto;bottom:0}}.overlay-base.narrow{width:40vw;left:auto;right:0;background:transparent}@media (max-width: 768px){.overlay-base.narrow{width:100vw;left:0;right:0;background:transparent}}.overlay-base .overlay-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-large) var(--spacing-xxlarge);border-bottom:1px solid var(--border-color);background:transparent;position:relative;width:100%;align-self:stretch}@media (max-width: 768px){.overlay-base .overlay-header{padding:var(--spacing-medium) var(--spacing-large)}.overlay-base .overlay-header .btn-with-text{width:var(--btn-size);height:var(--btn-size);min-width:var(--btn-size);padding:0;border-radius:var(--border-radius-round)}.overlay-base .overlay-header .btn-with-text .btn-text{display:none}.overlay-base .overlay-header h2{white-space:nowrap!important;max-width:none;overflow:visible}.overlay-base .overlay-header h2 span{white-space:nowrap!important}.overlay-base.narrow .overlay-base .overlay-header{flex-shrink:0;cursor:pointer}.overlay-base.narrow .overlay-base .overlay-header:after{content:"keyboard_arrow_down";font-family:Material Symbols Rounded;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-size:1.5rem;pointer-events:none;animation:bounce-subtle 2s infinite}.overlay-base.narrow .overlay-base .overlay-header:active{background:#ffffff0d}}@media (max-width: 768px){.overlay-base .overlay-header h2 .text-subheading-1{font-size:var(--font-size-small)!important;line-height:1.2!important}.overlay-base .overlay-header h2 .text-heading-2{font-size:var(--font-size-medium)!important;line-height:1.3!important}}.overlay-base .overlay-scroll-area{height:calc(100vh - var(--header-height));overflow-y:auto;overflow-x:hidden;width:100%;display:flex;justify-content:center;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.overlay-base .overlay-scroll-area::-webkit-scrollbar{width:.5rem}.overlay-base .overlay-scroll-area::-webkit-scrollbar-track{background:#ffffff1a;border-radius:var(--border-radius-small)}.overlay-base .overlay-scroll-area::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:var(--border-radius-small)}.overlay-base .overlay-scroll-area::-webkit-scrollbar-thumb:hover{background:#ffffff80}.overlay-base .overlay-container{padding:var(--spacing-xxlarge) var(--spacing-xxlarge);display:flex;flex-direction:column;gap:var(--spacing-xxlarge);width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.overlay-base .overlay-container p{max-width:56ch}.overlay-base .overlay-container.narrow{max-width:40vw;margin:0 auto;padding-left:var(--spacing-large);padding-right:var(--spacing-large);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.overlay-base .overlay-container.narrow{flex:1;height:auto;max-height:none;max-width:100vw;margin:0;padding:var(--spacing-large) var(--spacing-medium);padding-bottom:max(var(--spacing-xxlarge),env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.overlay-base .overlay-container.narrow::-webkit-scrollbar{width:.25rem}.overlay-base .overlay-container.narrow::-webkit-scrollbar-thumb{background:#fff6}}.overlay-panel{width:100%;height:100vh;display:flex;flex-direction:column}.overlay-base.narrow .overlay-panel{background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));min-height:100vh;border-radius:0;overflow-y:auto}@media (max-width: 768px){.overlay-base.narrow .overlay-panel{height:100%;min-height:auto;max-height:100%;background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;overflow-y:auto}}.text-box{display:flex;flex-direction:column;gap:var(--spacing-medium)}.text-box--bordered-left{border-left:1px solid var(--border-color);padding-left:var(--spacing-large)}.impact-number{color:var(--text-primary);font-size:var(--font-size-xxlarge);font-weight:900;margin:0;line-height:.9}.response-header{display:flex;width:100%;justify-content:space-between;align-items:center;gap:var(--spacing-xsmall)}.wrapper-text-1{display:flex;flex-direction:column;gap:var(--spacing-medium)}.wrapper-text-2{display:flex;flex-direction:column}.container{margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xxlarge)}.section,.section--border,.section--centered{padding-bottom:var(--spacing-xxlarge);display:flex;flex-direction:column;gap:var(--spacing-xxlarge)}.section--centered{justify-content:center;flex:1;height:100%}.section--border{border-bottom:1px solid var(--border-color)}.loading-screen{position:fixed;top:0;left:0;gap:var(--spacing-xlarge);width:100vw;height:100vh;background:var(--bg-gradient-main);display:flex;align-items:flex-start;justify-content:center;z-index:9999;font-family:var(--primary-font);overflow-y:auto;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:auto}.loading-screen .loading-content{max-width:56ch;padding:var(--spacing-xxxlarge);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-xlarge);min-height:100vh;justify-content:center}@media (max-height: 600px){.loading-screen .loading-content{min-height:auto;justify-content:flex-start;padding:var(--spacing-large) var(--spacing-xxxlarge)}}.loading-screen .response-options{display:flex;flex-direction:column;gap:var(--spacing-medium)}.loading-screen .choice-button{padding:var(--spacing-medium);display:flex;flex-direction:column;gap:var(--spacing-xlarge);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-large);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));transition:var(--transition-fast);color:var(--text-primary)}.loading-screen .choice-button:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-.125rem)}.loading-screen .choice-button{cursor:pointer;text-align:left}.loading-screen .choice-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.loading-screen .loading-spinner{width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-border) solid var(--border-color);border-top:var(--spinner-border) solid var(--text-primary);border-radius:var(--border-radius-round);animation:spin 1s linear infinite;margin:var(--spacing-xlarge) auto}.loading-screen .loading-progress{margin:var(--spacing-xlarge) auto;max-width:300px}.loading-screen .loading-progress .progress-bar{width:100%;height:4px;background-color:var(--border-color);border-radius:var(--border-radius-small);overflow:hidden;margin-bottom:var(--spacing-medium)}.loading-screen .loading-progress .progress-bar .progress-fill{height:100%;background-color:var(--text-primary);border-radius:var(--border-radius-small);transition:width .3s ease}.loading-screen .loading-progress p{text-align:center;margin:0;opacity:.7}.loading-screen .loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-large);margin:var(--spacing-xlarge) auto}.loading-screen .loading-indicator .circular-progress{position:relative;display:flex;align-items:center;justify-content:center}.loading-screen .loading-indicator .circular-progress .progress-ring{transform:rotate(-90deg)}.loading-screen .loading-indicator .circular-progress .progress-ring .progress-ring-circle-bg{fill:transparent;stroke:var(--border-color);stroke-width:2;opacity:.3}.loading-screen .loading-indicator .circular-progress .progress-ring .progress-ring-circle{fill:transparent;stroke:var(--text-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.loading-screen .loading-indicator .circular-progress .progress-text{position:absolute;display:flex;align-items:baseline;justify-content:center;gap:2px}.loading-screen .loading-indicator .circular-progress .progress-text .progress-number{color:var(--text-primary);font-size:var(--font-size-xlarge);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin:0;font-weight:300;line-height:1}.loading-screen .loading-indicator .circular-progress .progress-text .progress-percent{color:var(--text-secondary);font-size:var(--font-size-medium);font-weight:300;line-height:1.7;word-spacing:1px;margin:0;opacity:.7;font-size:.8em}.loading-screen .loading-indicator .loading-message{color:var(--text-secondary);font-size:var(--font-size-medium);font-weight:300;line-height:1.7;word-spacing:1px;opacity:.8;text-align:center;margin:0}.loading-screen .welcome-content{opacity:0;animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-screen .response-emphasis{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:0;display:inline}.loading-screen .response-body{color:var(--text-secondary);font-size:var(--font-size-medium);font-weight:300;line-height:1.7;word-spacing:1px;margin:0;display:inline;text-transform:none}.grid-2-col{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xlarge);margin-bottom:var(--spacing-xlarge);width:100%}.grid-2-col .text-section{display:flex;flex-direction:column;gap:var(--spacing-medium)}@media (max-width: 768px){.grid-2-col{grid-template-columns:1fr;gap:var(--spacing-large)}}.text-area{display:flex;align-items:center}.text-area .text-section{display:flex;flex-direction:column;gap:var(--spacing-medium);width:100%}.impact-card{padding:var(--spacing-medium);display:flex;flex-direction:column;gap:var(--spacing-xlarge);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-large);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));transition:var(--transition-fast);color:var(--text-primary)}.impact-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-.125rem)}.impact-card{padding:var(--spacing-large);display:flex;min-height:20vh;gap:var(--spacing-medium);background:var(--bg-card-impact);position:relative}.impact-card .h2{color:var(--text-primary);font-size:var(--font-size-large);font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:0}.impact-card p{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:300;line-height:1.6;word-spacing:20%;letter-spacing:2%;margin:0}.impact-card .icon-impact-trend{position:absolute;width:fit-content;height:fit-content;padding:var(--spacing-xsmall);bottom:var(--spacing-medium);right:var(--spacing-medium);background:#ffffff4d;border-radius:var(--border-radius-round);font-size:var(--font-size-xlarge)!important;font-weight:400!important;color:#fff!important;z-index:10;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.3);opacity:.9}.impact-card:hover{background:var(--bg-card-impact);border-color:#fff3;transform:none}.content-card{background:var(--bg-card)!important;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--border-color);border-radius:var(--border-radius-medium);padding:var(--spacing-large);display:flex;align-items:center;justify-content:center;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.content-card .content-card-inner{display:flex;flex-direction:column;gap:var(--spacing-medium);width:100%;text-align:center;position:relative;z-index:2}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;border-radius:var(--border-radius-medium);z-index:1}.content-image{border-radius:var(--border-radius-large);overflow:hidden;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border:1px solid var(--border-color)}.grid-autofit{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-rows:1fr;gap:var(--spacing-large);margin-bottom:var(--spacing-xlarge);width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.grid-autofit{grid-template-columns:1fr;gap:var(--spacing-medium)}}.grid-autofit.grid-autofit--wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-autofit.grid-autofit--wide .card{padding:var(--spacing-large) var(--spacing-large)}.grid-autofit .logo{width:100%;min-height:clamp(1.5rem,3vw,2rem);object-fit:fill;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1)}.grid-autofit .card{min-height:15rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.grid-autofit .card .service-icon{width:3rem;height:3rem;object-fit:contain;margin-bottom:var(--spacing-medium);filter:brightness(0) invert(1)}.grid-autofit .card .wrapper-text-1{flex:1;display:flex;flex-direction:column;justify-content:flex-start}@media (max-width: 1024px){.grid-autofit{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.grid-autofit{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-medium)}.grid-autofit .card{min-height:12rem}}.grid-text-content{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:min-content;gap:var(--spacing-large);margin-bottom:var(--spacing-xlarge);width:100%}.grid-text-content .col-span-text-title{grid-column:span 4;height:auto}.grid-text-content .col-span-text-wide{grid-column:span 8;height:auto}.grid-text-content .col-span-text-third{grid-column:span 4;height:auto}.grid-text-content .col-span-text-half{grid-column:span 6;height:auto}.grid-text-content .col-span-text-quarter{grid-column:span 3;height:auto}@media (max-width: 768px){.grid-text-content .col-span-text-wide,.grid-text-content .col-span-text-half,.grid-text-content .col-span-text-quarter,.grid-text-content .col-span-text-title,.grid-text-content .col-span-text-third{grid-column:span 12}}.grid-12-col{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:min((100vw - var(--spacing-large) * 11) / 12,(1200px - var(--spacing-large) * 11) / 12);gap:var(--spacing-large);margin-bottom:var(--spacing-xlarge);width:100%}.grid-12-col .col-span-wide-XL{grid-column:span 12;grid-row:span 5}.grid-12-col .col-span-wide-L{grid-column:span 8;grid-row:span 4}.grid-12-col .col-span-wide-M{grid-column:span 7;grid-row:span 4}.grid-12-col .col-span-wide-S{grid-column:span 5;grid-row:span 3}.grid-12-col .col-span-wide-XS{grid-column:span 4;grid-row:span 2}.grid-12-col .col-span-banner{grid-column:span 12;grid-row:span 8}.grid-12-col .col-span-square-L{grid-column:span 6;grid-row:span 6}.grid-12-col .col-span-square-M{grid-column:span 4;grid-row:span 4}.grid-12-col .col-span-square-S{grid-column:span 2;grid-row:span 2}.grid-12-col .col-span-square-XS{grid-column:span 1;grid-row:span 1}.grid-12-col .col-span-XL{grid-column:span 6;grid-row:span 4}.grid-12-col .col-span-L{grid-column:span 5;grid-row:span 4}.grid-12-col .col-span-M{grid-column:span 4;grid-row:span 3}.grid-12-col .col-span-S{grid-column:span 3;grid-row:span 2}.grid-12-col .card{cursor:pointer;overflow:hidden;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;border-radius:var(--border-radius-large)}.grid-12-col .card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff80;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));opacity:0;transition:opacity .3s ease;z-index:2}.grid-12-col .card:hover:before{opacity:1}.grid-12-col .card .card-title-default{position:absolute;top:var(--spacing-large);left:var(--spacing-large);right:var(--spacing-large);display:flex;width:fit-content;align-items:center;padding:var(--spacing-small);background-color:#0000004d;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-radius:var(--border-radius-medium);font-size:var(--font-size-small);font-weight:900;color:#fff;text-shadow:none;text-transform:uppercase;letter-spacing:1px;z-index:3;transition:opacity .3s ease;margin:0}.grid-12-col .card .card-content{position:absolute;top:0;left:0;right:0;bottom:0;padding:var(--spacing-large);display:flex;align-items:center;justify-content:center;text-align:center;z-index:3;opacity:0;transition:opacity .3s ease}.grid-12-col .card .card-content .card-subtitle{color:#000;text-shadow:none;margin:0;font-size:var(--font-size-medium);font-weight:300;line-height:1.7}.grid-12-col .card .card-forward-btn{position:absolute;bottom:var(--spacing-large);right:var(--spacing-large);z-index:4;transition:all .3s ease}.grid-12-col .card:hover .card-title-default{opacity:0}.grid-12-col .card:hover .card-content{opacity:1}.grid-12-col .card:hover .card-forward-btn{background:#0000001a;border-color:#0000004d;color:#000}.grid-12-col .card:hover .card-forward-btn:hover{background:#0003;border-color:#00000080;transform:translateY(-.125rem)}.grid-12-col .card:hover .card-forward-btn .btn-text,.grid-12-col .card:hover .card-forward-btn .btn-icon,.grid-12-col .card:hover .card-forward-btn span{color:#000!important}@media (max-width: 768px){.grid-12-col{grid-template-columns:1fr;grid-auto-rows:10rem}.grid-12-col .col-span-wide-XL,.grid-12-col .col-span-wide-L,.grid-12-col .col-span-wide-M,.grid-12-col .col-span-wide-S,.grid-12-col .col-span-wide-XS,.grid-12-col .col-span-square-L,.grid-12-col .col-span-square-M,.grid-12-col .col-span-square-S,.grid-12-col .col-span-square-XS,.grid-12-col .col-span-XL,.grid-12-col .col-span-L,.grid-12-col .col-span-M,.grid-12-col .col-span-S{grid-column:span 1;grid-row:span 1}.grid-12-col .col-span-banner{grid-column:span 1;grid-row:span 3}}.grid-12-col .banner-textbox{background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--border-radius-large);position:relative;display:flex;align-items:flex-end;padding:var(--spacing-xlarge)}.grid-12-col .banner-textbox .banner-content{color:#fff;padding:var(--spacing-large);background-color:#0000004d;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-radius:var(--border-radius-medium);max-width:560ch;display:flex;flex-direction:column;gap:var(--spacing-medium);z-index:2}.grid-12-col .banner-textbox .banner-content .banner-title{color:var(--text-secondary);font-size:var(--font-size-large);font-weight:800;line-height:1.5;word-spacing:1px;margin:0;color:#fff;margin-bottom:var(--spacing-medium);line-height:1.2;margin:0 0 var(--spacing-medium) 0;letter-spacing:0px;max-width:28ch}.grid-12-col .banner-textbox .banner-content .banner-subtitle{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:300;line-height:1.6;word-spacing:20%;letter-spacing:2%;color:#fff;opacity:.95;margin:0}.grid-12-col .banner-textbox--onBright .banner-content{color:#000;text-shadow:none}.grid-12-col .banner-textbox--onBright .banner-content .banner-title{color:#000;text-shadow:none;letter-spacing:0px}.grid-12-col .banner-textbox--onBright .banner-content .banner-subtitle{color:#000;text-shadow:none;opacity:.85}.project-accordion{display:flex;flex-direction:column;gap:var(--spacing-large);margin-top:var(--spacing-xlarge)}.project-accordion .accordion-item{border-radius:var(--border-radius-large);overflow:hidden}.project-accordion .accordion-item .accordion-header{position:relative;height:20rem;cursor:pointer;display:flex;align-items:center;padding:var(--spacing-xlarge);transition:var(--transition-fast)}.project-accordion .accordion-item .accordion-header:hover{transform:translateY(-.125rem)}.project-accordion .accordion-item .accordion-header .accordion-title{color:var(--text-primary);font-size:var(--font-size-large);font-weight:900;text-transform:uppercase;letter-spacing:1px;background-color:#0003;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-radius:var(--border-radius-medium);padding:1rem 1.5rem;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.6);margin:0;position:absolute;left:var(--spacing-xlarge);top:50%;transform:translateY(-50%)}.project-accordion .accordion-item .accordion-header .accordion-toggle{position:absolute;bottom:var(--spacing-xlarge);right:var(--spacing-xlarge)}.project-accordion .accordion-item .accordion-header .accordion-toggle .accordion-btn{background:#fff3;border-color:#fff6;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount))}.project-accordion .accordion-item .accordion-header .accordion-toggle .accordion-btn:hover{background:#ffffff4d;border-color:#fff9}.project-accordion .accordion-item .accordion-header .accordion-toggle .accordion-btn .btn-text,.project-accordion .accordion-item .accordion-header .accordion-toggle .accordion-btn .btn-icon{color:#fff}.project-accordion .accordion-item .accordion-content{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--border-color);border-top:none;padding:var(--spacing-xlarge);animation:expand .3s ease-out}@keyframes expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-top:var(--spacing-xlarge);padding-bottom:var(--spacing-xlarge)}}.hero-section{width:100%;height:var(--hero-height);min-height:var(--hero-height);flex-shrink:0;background:var(--bg-gradient-hero);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--border-radius-large);display:flex;align-items:flex-end;position:relative;margin-bottom:var(--spacing-xlarge);padding:var(--spacing-xlarge);box-sizing:border-box;max-width:100%;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-section .hero-content{position:relative;z-index:2;color:#fff;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-end}.hero-section .hero-content h3{text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:var(--spacing-xsmall)}.hero-section .hero-content p{text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:.9}.hero-section .hero-content.hero-content-left{justify-content:flex-start;align-items:center;padding:var(--spacing-large)}.hero-section .hero-content.hero-content-left p{color:#000;font-weight:500;max-width:24ch;font-size:var(--font-size-medium);line-height:1.6;text-shadow:none}.hero-section .hero-content .project-logo{position:absolute;bottom:var(--spacing-large);right:var(--spacing-large);z-index:10}.hero-section .hero-content .project-logo img,.hero-section .hero-content .project-logo svg{height:3.5rem;width:auto;max-width:12rem;object-fit:contain;filter:drop-shadow(0 2px 24px rgba(0,0,0,.6))}@media (max-width: 768px){.hero-section .hero-content .project-logo img,.hero-section .hero-content .project-logo svg{height:2.5rem;max-width:8rem}}@media (max-width: 480px){.hero-section .hero-content .project-logo img,.hero-section .hero-content .project-logo svg{height:2rem;max-width:6rem}}.hero-section .hero-content .project-logo img[src$=".svg"],.hero-section .hero-content .project-logo svg[src$=".svg"]{shape-rendering:geometricPrecision}.hero-section .hero-content .client-logo{position:absolute;bottom:var(--spacing-large);right:var(--spacing-large);z-index:10}.hero-section .hero-content .client-logo img,.hero-section .hero-content .client-logo svg{filter:brightness(0) invert(1) drop-shadow(0 2px 48px rgba(0,0,0,.4));height:3.5rem;width:auto;max-width:12rem;object-fit:contain}@media (max-width: 768px){.hero-section .hero-content .client-logo img,.hero-section .hero-content .client-logo svg{height:2.5rem;max-width:8rem}}@media (max-width: 480px){.hero-section .hero-content .client-logo img,.hero-section .hero-content .client-logo svg{height:2rem;max-width:6rem}}.hero-section .hero-content .client-logo img[src$=".svg"],.hero-section .hero-content .client-logo svg[src$=".svg"]{shape-rendering:geometricPrecision}.hero-section .hero-content .music-controls{position:absolute;bottom:var(--spacing-large);left:var(--spacing-large);display:flex;gap:var(--spacing-medium)}.hero-section .hero-content .music-controls .music-btn{font-size:1.5rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.hero-section .hero-resume-btn{position:absolute;bottom:var(--spacing-xlarge);right:var(--spacing-xlarge);z-index:4}.hero-section:hover .hero-resume-btn{background-color:#ffffffe6;border-color:#0000004d;transform:translateY(-.125rem)}.main-player-section{display:flex;gap:var(--spacing-xlarge);align-items:center;margin-bottom:var(--spacing-xlarge)}.main-player-section .album-art{width:25rem;height:25rem;background-size:cover;background-position:center;border-radius:var(--border-radius-medium);border:1px solid var(--border-color);flex-shrink:0}.main-player-section .track-info{display:flex;flex-direction:column;gap:var(--spacing-medium);flex:1;justify-content:center}.music-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-large);margin-bottom:var(--spacing-medium)}.music-controls .music-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary);width:var(--btn-size);height:var(--btn-size);background-color:#0000004d;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-radius:var(--border-radius-round);cursor:pointer;transition:var(--transition-fast);font-size:1.2rem;display:flex;align-items:center;justify-content:center}.music-controls .music-btn:hover{background:var(--bg-card);border-color:var(--border-color-hover)}.music-controls .music-btn{width:3.5rem;height:3.5rem;padding:var(--spacing-xsmall);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.music-controls .music-btn svg{width:1.5rem;height:1.5rem}.music-controls .music-btn:hover{background:#ffffff1a}.music-controls .music-btn.play-pause{width:4rem;height:4rem}.music-controls .music-btn.play-pause svg{width:2rem;height:2rem}.progress-and-volume{display:flex;align-items:center;gap:var(--spacing-medium);margin-bottom:var(--spacing-xlarge)}.progress-and-volume .time-display{color:var(--text-secondary);font-size:var(--font-size-small);min-width:3rem}.progress-and-volume .progress-bar{flex:1;height:.5rem;background:var(--border-color);border-radius:var(--border-radius-small);cursor:pointer;position:relative}.progress-and-volume .progress-bar .progress-fill{height:100%;background:var(--primary-color);border-radius:var(--border-radius-small);transition:width .1s ease}.progress-and-volume .volume-control{display:flex;align-items:center;gap:var(--spacing-xsmall);margin-left:var(--spacing-medium)}.progress-and-volume .volume-control span{font-size:1.2rem}.progress-and-volume .volume-control .volume-slider{width:6rem;height:.5rem;background:var(--border-color);border-radius:var(--border-radius-small);outline:none;cursor:pointer}.progress-and-volume .volume-control .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;background:var(--primary-color);border-radius:var(--border-radius-round);cursor:pointer}.progress-and-volume .volume-control .volume-slider::-moz-range-thumb{width:1rem;height:1rem;background:var(--primary-color);border-radius:var(--border-radius-round);cursor:pointer;border:none}.music-gallery{display:flex;flex-direction:column;gap:var(--spacing-xxxlarge)}.music-gallery .track-card.active{background:#ffffff1a;border:1px solid rgba(255,255,255,.3)}.music-gallery .dirt-track-card{max-width:30vw}.music-gallery .album-cover{width:100%;aspect-ratio:1;background-size:cover;background-position:center;border-radius:var(--border-radius-small);margin-bottom:var(--spacing-medium)}.music-gallery .track-title{color:var(--text-primary);font-weight:500;font-size:var(--font-size-small);display:block;margin-bottom:.25rem}.music-gallery .track-artist{color:var(--text-secondary);font-size:var(--font-size-small)}.content-area{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));max-height:calc(100vh - var(--header-height))}.content-section{flex:1;padding:var(--spacing-xlarge) 0;display:flex;gap:var(--spacing-medium);flex-direction:column;justify-content:center;text-align:left;margin-bottom:var(--spacing-xlarge)}.content-section.bordered{border-bottom:1px solid var(--border-color)}.response-option{padding:var(--spacing-medium);display:flex;flex-direction:column;gap:var(--spacing-xlarge);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-large);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));transition:var(--transition-fast);color:var(--text-primary)}.response-option:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-.125rem)}.response-option{padding:var(--spacing-large);cursor:pointer;text-align:left;border:1px solid transparent;transition:var(--transition-medium);margin:0!important}.response-option:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover)}.response-option.full-width{width:100%;display:block}@media (max-width: 768px){.response-option:last-child{margin-bottom:var(--spacing-xxlarge)!important}}.response-option span{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:0;max-width:56ch;display:block}.scene-ui{pointer-events:none!important;-webkit-user-select:none;user-select:none;font-family:var(--primary-font);transform:translate(-50%,-50%);position:relative}.scene-ui .icon{width:var(--icon-medium);height:var(--icon-medium);fill:#fff;margin-right:var(--spacing-xsmall)}.scene-ui .icon.xl{width:var(--icon-xl);height:var(--icon-xl)}.scene-ui .icon{width:var(--icon-medium);height:var(--icon-medium);margin-right:var(--spacing-tiny)}.scene-ui .icon.large{width:var(--icon-large);height:var(--icon-large)}.scene-ui .icon.small{width:var(--icon-small);height:var(--icon-small)}.scene-ui .icon-img{width:var(--icon-medium);height:var(--icon-medium);fill:#fff;margin-right:var(--spacing-xsmall)}.scene-ui .icon-img.small{width:var(--icon-small);height:var(--icon-small)}.scene-ui .icon-img.xl{width:var(--icon-xl);height:var(--icon-xl)}.scene-ui .icon-img{width:var(--icon-medium);height:var(--icon-medium);margin-right:var(--spacing-tiny);filter:brightness(0) invert(1)}.scene-ui .icon-img.large{width:var(--icon-large);height:var(--icon-large)}.scene-ui .doorbell-wrapper,.scene-ui .interactive-wrapper{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius-small);font-size:1rem;font-weight:light;pointer-events:none;z-index:1000}.scene-ui .doorbell-wrapper .chevron-up,.scene-ui .interactive-wrapper .chevron-up,.scene-ui .doorbell-wrapper .chevron-down,.scene-ui .interactive-wrapper .chevron-down{width:2rem;height:2rem;fill:#fff;opacity:.8;animation:bounce 2s infinite;pointer-events:none}.scene-ui .doorbell-wrapper .office-input-icon,.scene-ui .interactive-wrapper .office-input-icon{width:var(--icon-xl)!important;height:var(--icon-xl)!important;fill:#fff;opacity:.8;animation:bounce 2s infinite;pointer-events:none}.scene-ui .doorbell-wrapper .hover-interactive,.scene-ui .doorbell-wrapper .hover-text,.scene-ui .interactive-wrapper .hover-interactive,.scene-ui .interactive-wrapper .hover-text{color:#fff;border-radius:var(--border-radius-tiny);font-size:1.5rem;font-weight:100;text-align:center;line-height:1.6;margin-top:.5rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.scene-ui .doorbell-wrapper .hover-interactive.visible,.scene-ui .doorbell-wrapper .hover-text.visible,.scene-ui .interactive-wrapper .hover-interactive.visible,.scene-ui .interactive-wrapper .hover-text.visible{opacity:1;visibility:visible}.scene-ui .doorbell-wrapper .connection-line,.scene-ui .interactive-wrapper .connection-line{background:var(--connection-line-bg);width:.125rem;height:1.5rem;margin:var(--spacing-tiny) 0;pointer-events:none}.scene-ui .office-entry-wrapper{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none!important;cursor:pointer}.scene-ui .office-entry-wrapper .office-input-icon{width:var(--icon-xl)!important;height:var(--icon-xl)!important;fill:#fff;opacity:.8;transition:transform .2s ease;pointer-events:none}.scene-ui .office-entry-wrapper .office-input-icon:hover{transform:scale(1.1)}.scene-ui .office-entry-wrapper .hover-interactive{color:#fff;border-radius:var(--border-radius-tiny);font-size:1.5rem;font-weight:100;text-align:center;line-height:1.6;margin-top:.5rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.scene-ui .office-entry-wrapper .hover-interactive.visible{opacity:1;visibility:visible}.scene-ui .office-entry-wrapper .connection-line{background:var(--connection-line-bg);width:.125rem;height:1.5rem;margin:var(--spacing-tiny) 0;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-.25rem)}60%{transform:translateY(-.125rem)}}@keyframes bounce-subtle{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(.25rem)}}@media (max-width: 768px){.overlay-header{padding:var(--spacing-medium) var(--spacing-large)}.overlay-container{padding:var(--spacing-large) var(--spacing-medium)}.loading-content{max-width:90%;padding:var(--spacing-large)}.hero-section{height:20rem;min-height:20rem;padding:var(--spacing-large)}.main-player-section{flex-direction:column;gap:var(--spacing-large)}.main-player-section .album-art{width:20rem;height:20rem}.invisible-header{padding:var(--spacing-large)}}.logo{width:clamp(2.5rem,5vw,4rem);height:clamp(2.5rem,5vw,4rem);background-size:contain;margin-bottom:var(--spacing-xsmall)}.invisible-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xxlarge);background:transparent;z-index:999;pointer-events:none}.invisible-header .header-logo,.invisible-header .header-button-set{pointer-events:auto}.header-logo .header-logo-img{height:32px;width:auto;filter:brightness(1)}.header-button-set{position:relative;display:flex;align-items:center;gap:var(--spacing-medium)}.header-button-set .btn{width:48px;height:48px}.header-button-set .btn svg{width:32px;height:32px}.return-button-right{position:fixed;top:50%;right:var(--spacing-xxlarge);transform:translateY(-50%);display:flex;align-items:center;z-index:1000;pointer-events:auto}.return-button-right .btn{pointer-events:auto;cursor:pointer}.return-button-right .btn svg{width:24px;height:24px;fill:#fff!important;pointer-events:none}.return-button-right .return-tooltip{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:var(--spacing-xsmall) var(--spacing-medium);color:var(--text-primary);font-size:var(--font-size-small);white-space:nowrap;box-shadow:0 2px 8px #0000004d;z-index:1000;pointer-events:none}.outside-button-bottom-right{position:fixed;bottom:var(--spacing-xxlarge);right:var(--spacing-xxlarge);display:flex;align-items:center;z-index:1000;pointer-events:auto}.outside-button-bottom-right .btn{pointer-events:auto;cursor:pointer}.outside-button-bottom-right .btn .material-symbols-rounded{font-size:24px;color:#fff;pointer-events:none}.outside-button-bottom-right .outside-tooltip{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:var(--spacing-xsmall) var(--spacing-medium);color:var(--text-primary);font-size:var(--font-size-small);white-space:nowrap;box-shadow:0 2px 8px #0000004d;z-index:1000;pointer-events:none}.office-button-left{position:fixed;top:50%;left:var(--spacing-xxlarge);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-radius:100%;transform:translateY(-50%);display:flex;align-items:center;z-index:1000;pointer-events:auto}.office-button-left .btn{pointer-events:auto;cursor:pointer}.office-button-left .btn svg{width:24px;height:24px;fill:#fff!important;pointer-events:none}.office-button-left .office-tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:var(--spacing-xsmall) var(--spacing-medium);color:var(--text-primary);font-size:var(--font-size-small);white-space:nowrap;box-shadow:0 2px 8px #0000004d;z-index:1000;pointer-events:none}.header-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:var(--spacing-medium);min-width:250px;box-shadow:0 4px 20px #0000004d;z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-medium)}.header-dropdown .dropdown-item{position:relative;cursor:pointer;transition:background-color .2s ease}.header-dropdown .dropdown-item:hover{background-color:#ffffff1a}.header-dropdown .dropdown-item span{color:var(--text-primary);font-size:var(--font-size-medium);display:block;padding:var(--spacing-medium) var(--spacing-large);text-align:center;transition:color .2s ease}.header-dropdown .dropdown-item:hover span{color:#ffffffe6}.header-dropdown .dropdown-item.nav-item:after{content:"›";position:absolute;right:var(--spacing-medium);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:var(--font-size-large);font-weight:300;transition:color .2s ease}.header-dropdown .dropdown-item.nav-item:hover:after{color:#ffffffb3}@media (max-width: 768px){.header-dropdown{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;min-width:unset;border:none;border-radius:0;padding:var(--spacing-xxlarge);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-large)}.header-dropdown .mobile-close-btn{position:absolute;top:var(--spacing-large);right:var(--spacing-large);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;color:var(--text-primary);cursor:pointer;transition:all .2s ease;z-index:1001;border:none;font-size:var(--font-size-large)}.header-dropdown .mobile-close-btn:hover{background:#fff3;color:#fff}.header-dropdown .dropdown-item{width:100%;max-width:400px;border-bottom:1px solid var(--border-color)}.header-dropdown .dropdown-item:last-child{border-bottom:none}.header-dropdown .dropdown-item span{font-size:var(--font-size-large);padding:var(--spacing-large) var(--spacing-medium);text-align:center;width:100%;display:block}.header-dropdown .dropdown-item:hover{background-color:#ffffff26}.header-dropdown .dropdown-item.nav-item:after{right:var(--spacing-large)}}.header-dropdown .mobile-close-btn{display:none}.music-player-section{padding:var(--spacing-medium);margin-bottom:var(--spacing-medium);display:flex;flex-direction:column;gap:var(--spacing-medium)}.music-player-section .song-title{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:500;text-align:center;margin-bottom:var(--spacing-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-player-section .music-controls-row{display:flex;justify-content:center;align-items:center;gap:var(--spacing-small)}.music-player-section .music-controls-row .music-control-btn{width:2.5rem;height:2.5rem}.music-player-section .music-controls-row .music-control-btn:hover{background:none;border-color:var(--border-color);transform:none}.music-player-section .music-controls-row .music-control-btn.play-pause-btn{width:3rem;height:3rem}.music-player-section .music-controls-row .music-control-btn svg{width:1.2rem;height:1.2rem}.music-player-section .music-controls-row .music-control-btn.play-pause-btn svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.music-player-section{margin-bottom:var(--spacing-large)}.music-player-section .song-title{font-size:var(--font-size-large);margin-bottom:var(--spacing-large)}.music-player-section .music-controls-row{gap:var(--spacing-medium)}.music-player-section .music-controls-row .music-control-btn{width:3rem;height:3rem}.music-player-section .music-controls-row .music-control-btn.play-pause-btn{width:3.5rem;height:3.5rem}.music-player-section .music-controls-row .music-control-btn svg{width:1.5rem;height:1.5rem}.music-player-section .music-controls-row .music-control-btn.play-pause-btn svg{width:1.8rem;height:1.8rem}}.info-button-container{position:fixed;bottom:var(--spacing-xxlarge);right:var(--spacing-xxlarge);z-index:999;pointer-events:auto}.info-button-container .btn{display:flex;align-items:center;justify-content:center}.info-button-container .btn svg{width:24px;height:24px}.credits-section{margin-top:var(--spacing-large)}.credits-section h3{margin-top:var(--spacing-large);margin-bottom:var(--spacing-xsmall)}.credits-section h3:first-child{margin-top:0}.credits-section h5{margin-top:var(--spacing-medium);margin-bottom:var(--spacing-xsmall);font-weight:600}.credits-section p{margin-bottom:var(--spacing-xsmall)}.credits-section p:last-child{margin-bottom:0}.volume-control{position:relative}.volume-control .volume-btn svg{width:20px;height:20px}.volume-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:var(--spacing-medium);min-width:180px;box-shadow:0 4px 20px #0000004d;z-index:1000}.volume-dropdown .volume-slider-container{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.volume-dropdown .volume-slider-container .volume-label{color:var(--text-primary);font-size:var(--font-size-small);font-weight:500}.volume-dropdown .volume-slider-container .volume-slider{width:100%;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.volume-dropdown .volume-slider-container .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}.volume-dropdown .volume-slider-container .volume-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:none}.volume-dropdown .volume-slider-container .volume-value{color:var(--text-secondary);font-size:var(--font-size-small);text-align:center}.icon-impact-trend{width:24px;height:24px;margin-right:var(--spacing-xsmall);flex-shrink:0}.toggle-row{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacing-small) var(--spacing-large);cursor:pointer;transition:background-color .2s ease}.toggle-row:hover{background-color:#ffffff1a}.toggle-row .toggle-icon{width:20px;height:20px;color:var(--text-primary);flex-shrink:0}.toggle-row span{color:var(--text-primary);font-size:var(--font-size-medium);text-align:center;transition:color .2s ease}.toggle-row:hover span{color:#ffffffe6}.toggle-row .btn{position:absolute;right:var(--spacing-medium);top:50%;transform:translateY(-50%);width:36px;height:36px;pointer-events:none;padding:var(--spacing-xsmall);display:flex;align-items:center;justify-content:center;border-radius:50%}.toggle-row .btn svg{width:18px;height:18px}.toggle-row .btn.active{background:#fff!important;color:var(--bg-dark)!important}.music-controls-section{display:flex;flex-direction:column;gap:var(--spacing-medium);align-items:center;width:100%;padding-bottom:var(--spacing-medium);border-bottom:1px solid var(--border-color)}.music-controls-section .song-title{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:600;text-align:center;line-height:1.2;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-controls-section .music-controls-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-medium)}.music-controls-section .music-controls-row .music-control-btn{width:48px;height:48px;padding:var(--spacing-small);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.music-controls-section .music-controls-row .music-control-btn svg{width:24px;height:24px}.music-controls-section .music-controls-row .music-control-btn:hover{background:#ffffff1a}.music-controls-section .music-controls-row .music-control-btn.play-pause-btn{width:56px;height:56px}.music-controls-section .music-controls-row .music-control-btn.play-pause-btn svg{width:28px;height:28px}@media screen and (-webkit-min-device-pixel-ratio: 0){html,body,#root{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}*{-webkit-overflow-scrolling:auto!important}.overlay-container,.overlay-container.narrow,.loading-screen{-webkit-overflow-scrolling:auto!important;overscroll-behavior:none!important;overscroll-behavior-y:none!important}}@media screen and (max-width: 768px){html{overscroll-behavior-y:none;-ms-overflow-style:none;scrollbar-width:none}body,#root{touch-action:manipulation;-ms-touch-action:manipulation}.overlay-base,.overlay-container,.loading-screen{touch-action:manipulation;-ms-touch-action:manipulation;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:auto}}@media all and (display-mode: standalone){html,body,#root{overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:auto}}