@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";*,*:before,*:after{margin:0;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.6rem;--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}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}:root{--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}}@media(max-width:480px){:root{--font-size-small: .75rem;--font-size-medium: .875rem;--font-size-large: 1.125rem;--font-size-xlarge: 1.5rem;--font-size-xxlarge: 2rem;--spacing-tiny: .25rem;--spacing-xsmall: .25rem;--spacing-small: .5rem;--spacing-medium: .625rem;--spacing-large: .75rem;--spacing-xlarge: 1rem;--spacing-xxlarge: 1.25rem;--spacing-xxxlarge: 1.5rem;--icon-small: .75rem;--icon-medium: .875rem;--icon-large: 1.25rem;--icon-xl: 2.5rem;--btn-size: 2rem}}.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}body:has(.loading-screen) .doorbell-wrapper,body:has(.loading-screen) .interactive-wrapper{display:none}html,body,#root{margin:0 auto;padding:0;width:100%;height:100%;font-family:var(--primary-font);background:var(--bg-gradient-main);position:fixed;top:0;left:0;overflow:hidden;overscroll-behavior:none;overscroll-behavior-y:none;touch-action:manipulation;-webkit-overflow-scrolling:touch;scroll-behavior:auto}@media(max-width:768px){html,body,#root{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh}}canvas{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:block}@media(max-width:768px){canvas{height:100vh!important;height:100dvh!important}}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;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;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;pointer-events:none}.text-heading-1{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-xlarge);font-weight:900;text-transform:uppercase;letter-spacing:2px;line-height:1;margin:0}.text-heading-2{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-large);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1;margin:0}.text-heading-3,.text-subheading-2{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-medium);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1;margin:0}.text-description{font-family:Doto,sans-serif;color:var(--text-secondary);font-weight:600;font-size:.875rem;line-height:1.75;letter-spacing:.02em;margin:0}.text-body{font-family:Doto,sans-serif;color:var(--text-secondary);font-weight:700;font-size:1rem;line-height:1.5;letter-spacing:.02em;margin:0}.text-body-large{font-family:Doto,sans-serif;color:var(--text-secondary);font-weight:800;font-size:1.25rem;line-height:1.4;letter-spacing:.025em;margin:0}.text-body-strong{font-family:Doto,sans-serif;color:var(--text-primary);font-style:italic;font-weight:700;font-size:1rem;text-transform:uppercase;line-height:1.5;letter-spacing:.02em;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{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-medium);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1;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}.btn-with-text:hover{background:#ffffffe6;border-color:var(--border-color-hover)}.btn-with-text:hover .btn-text,.btn-with-text:hover .btn-icon{color:#000}@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{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-medium);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1;margin:0}.text-subheading-1{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-large);font-weight:200;line-height:1;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}@media(max-width:768px){.overlay-base{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh}}.overlay-base.visible{opacity:1;visibility:visible;pointer-events:all}.overlay-base .overlay-content{display:flex;flex-direction:column;align-items:center;width:100%}@media(max-width:768px){.overlay-base.narrow{min-height:100vh;height:100vh;height:100dvh;max-height:100dvh;top:0;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.narrow .text-description{font-size:var(--font-size-medium)}.overlay-base.narrow .text-body{font-size:var(--font-size-large)}}.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;max-width:none;overflow:visible}.overlay-base .overlay-header h2 span{white-space:nowrap}.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);line-height:1.2}.overlay-base .overlay-header h2 .text-heading-2{font-size:var(--font-size-medium);line-height:1.3}}.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}@media(max-width:768px){.overlay-base .overlay-scroll-area{height:calc(100dvh - var(--header-height));min-height:calc(100dvh - var(--header-height))}}.overlay-base .overlay-card-large{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)}.overlay-base .overlay-card-large:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-.125rem)}.overlay-base .overlay-card-large{width:90%;max-width:1400px;margin:0 auto;display:flex;flex-direction:row;gap:var(--spacing-xlarge);align-items:stretch;padding:var(--spacing-xlarge)}.overlay-base .overlay-card-large .card-large-text-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-medium)}.overlay-base .overlay-card-large .card-large-image-wrapper{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}.overlay-base .overlay-card-large .card-image-large{width:100%;height:auto;max-height:500px;border-radius:var(--border-radius-large);object-fit:cover}@media(max-width:768px){.overlay-base .overlay-card-large{flex-direction:column}.overlay-base .overlay-card-large .card-large-text-wrapper,.overlay-base .overlay-card-large .card-large-image-wrapper{flex:none;width:100%}}.overlay-base .overlay-container{padding:var(--spacing-xxlarge) var(--spacing-xxlarge);display:flex;align-items:flex-end;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}@media(max-width:768px){.overlay-base .overlay-container{padding:var(--spacing-large);padding-bottom:calc(var(--spacing-xxlarge) + env(safe-area-inset-bottom,1rem))}}.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:auto;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;background-color:#0c0f1879;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-panel.intro{padding:var(--spacing-xxlarge);align-items:center;gap:var(--spacing-xxlarge)}.overlay-panel.intro .overlay-scroll-area{display:flex;max-height:max-content;align-items:center;justify-content:center}.overlay-panel.intro .overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-large);width:100%}@media(max-width:768px){.overlay-panel.intro{padding:var(--spacing-medium);padding-top:calc(var(--spacing-medium) + env(safe-area-inset-top,0));padding-bottom:calc(var(--spacing-medium) + env(safe-area-inset-bottom,0));padding-left:calc(var(--spacing-medium) + env(safe-area-inset-left,0));padding-right:calc(var(--spacing-medium) + env(safe-area-inset-right,0));min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;max-height:100dvh;max-width:90dvw;box-sizing:border-box;justify-content:space-between;gap:var(--spacing-medium);overflow:hidden}.overlay-panel.intro .overlay-scroll-area{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto;width:100%;padding:0 var(--spacing-small)}.overlay-panel.intro .overlay-content{gap:var(--spacing-medium)}.overlay-panel.intro .btn-set-1{flex-shrink:0;width:100%;padding-bottom:env(safe-area-inset-bottom,0)}}@media(max-width:480px){.overlay-panel.intro{gap:var(--spacing-small)}.overlay-panel.intro .overlay-scroll-area{padding:0}.overlay-panel.intro .overlay-content{gap:var(--spacing-small)}}.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;width:100vw;height:100vh;background:var(--bg-gradient-main);display:flex;align-items:center;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}@media(max-width:768px){.loading-screen{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh}}.loading-screen .loading-content{width:100%;max-width:1200px;padding:var(--spacing-xxxlarge);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxlarge)}@media(max-width:768px){.loading-screen .loading-content{padding:var(--spacing-large);padding-bottom:calc(var(--spacing-large) + env(safe-area-inset-bottom,1rem));box-sizing:border-box}}.loading-screen .loading-content .welcome-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-large);width:100%;text-align:center}.loading-screen .loading-content .text-box{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-large);width:100%}.loading-screen .loading-content p{max-width:56ch}.loading-screen .response-options{display:flex;flex-direction:row;gap:var(--spacing-xlarge)}.loading-screen .response-options p{font-size:var(--font-size-medium)}@media(max-width:768px){.loading-screen .response-options{flex-direction:column}}.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{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-xlarge);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin:0;font-weight:600;line-height:1}.loading-screen .loading-indicator .circular-progress .progress-text .progress-percent{font-family:Doto,sans-serif;color:var(--text-secondary);font-weight:800;font-size:1.25rem;line-height:1.4;letter-spacing:.025em;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{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-medium);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1;margin:0;display:inline}.loading-screen .response-body{font-family:Doto,sans-serif;color:var(--text-secondary);font-weight:700;font-size:1rem;line-height:1.5;letter-spacing:.02em;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{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-large);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1;margin:0}.impact-card p{font-family:Doto,sans-serif;color:var(--text-secondary);font-weight:600;font-size:.875rem;line-height:1.75;letter-spacing:.02em;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);font-weight:400;color:#fff;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);-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}@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{font-family:Doto,sans-serif;color:var(--text-secondary);font-weight:800;font-size:1.25rem;line-height:1.4;letter-spacing:.025em;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{font-family:Doto,sans-serif;color:var(--text-secondary);font-weight:600;font-size:.875rem;line-height:1.75;letter-spacing:.02em;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{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-large);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1;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;flex:1;min-width:0}.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{max-width:none;width:100%}.response-option:last-child{margin-bottom:var(--spacing-xxlarge)}}.response-option span{font-family:Doto,sans-serif;color:var(--text-primary);font-size:var(--font-size-medium);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1;margin:0;max-width:56ch;display:block}.scene-ui{pointer-events:none;-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);height:var(--icon-xl);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;cursor:pointer}.scene-ui .office-entry-wrapper .office-input-icon{width:var(--icon-xl);height:var(--icon-xl);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;padding:var(--spacing-xlarge);top:0;left:0;right:0;background:transparent;z-index:999;pointer-events:none}.invisible-header .btn-set,.invisible-header .scene-nav-container,.invisible-header .scene-nav-button{pointer-events:auto}@media(max-width:768px){.invisible-header{padding:var(--spacing-medium);padding-top:calc(var(--spacing-medium) + env(safe-area-inset-top,0));padding-left:calc(var(--spacing-medium) + env(safe-area-inset-left,0));padding-right:calc(var(--spacing-medium) + env(safe-area-inset-right,0))}}.scene-nav-container{position:fixed;top:var(--spacing-xxlarge);left:0;right:0;width:100%;padding:0 var(--spacing-xxlarge);display:flex;justify-content:space-between;align-items:center;z-index:1000;pointer-events:none}.scene-nav-container .btn-set{display:flex;flex-direction:row;gap:var(--spacing-small);position:relative;pointer-events:auto}@media(max-width:768px){.scene-nav-container{top:var(--spacing-medium);top:calc(var(--spacing-medium) + env(safe-area-inset-top,0));padding:0 var(--spacing-medium);padding-left:calc(var(--spacing-medium) + env(safe-area-inset-left,0));padding-right:calc(var(--spacing-medium) + env(safe-area-inset-right,0))}}.scene-nav-button{position:fixed;display:flex;align-items:center;z-index:1000;pointer-events:auto}.scene-nav-button.scene-nav-return{top:50%;right:var(--spacing-xxlarge);transform:translateY(-50%)}.scene-nav-button.scene-nav-outside{bottom:var(--spacing-xxlarge);right:var(--spacing-xxlarge)}.scene-nav-button .nav-btn{pointer-events:auto;cursor:pointer}@media(max-width:768px){.scene-nav-button.scene-nav-return{right:var(--spacing-medium);right:calc(var(--spacing-medium) + env(safe-area-inset-right,0))}.scene-nav-button.scene-nav-outside{bottom:var(--spacing-medium);bottom:calc(var(--spacing-medium) + env(safe-area-inset-bottom,0));right:var(--spacing-medium);right:calc(var(--spacing-medium) + env(safe-area-inset-right,0))}}.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;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}@media(max-width:768px){.return-button-right{right:var(--spacing-medium);right:calc(var(--spacing-medium) + env(safe-area-inset-right,0))}}.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}@media(max-width:768px){.outside-button-bottom-right{bottom:var(--spacing-medium);bottom:calc(var(--spacing-medium) + env(safe-area-inset-bottom,0));right:var(--spacing-medium);right:calc(var(--spacing-medium) + env(safe-area-inset-right,0))}}.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;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}.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;color:var(--bg-dark)}.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}.overlay-container,.overlay-container.narrow,.loading-screen{-webkit-overflow-scrolling:auto;overscroll-behavior:none;overscroll-behavior-y:none}}@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}}@keyframes slideUpFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownToBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.overlay-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;transform:translateY(100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.overlay-container.opening{animation:slideUpFromBottom .5s cubic-bezier(.4,0,.2,1) forwards}.overlay-container.open{transform:translateY(0)}.overlay-container.closing{animation:slideDownToBottom .5s cubic-bezier(.4,0,.2,1) forwards}@media(max-width:768px){.overlay-container{height:100vh;height:100dvh;width:100vw}}.canvas-work-gallery{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;transform:translateY(100%)}.canvas-work-gallery.opening{animation:slideUpFromBottom .5s cubic-bezier(.4,0,.2,1) forwards}.canvas-work-gallery.open{transform:translateY(0)}.canvas-work-gallery.closing{animation:slideDownToBottom .5s cubic-bezier(.4,0,.2,1) forwards}@media(max-width:768px){.canvas-work-gallery{height:100vh;height:100dvh;width:100vw}}.canvas-ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.canvas-ui-overlay>*{pointer-events:auto}@media(max-width:768px){.canvas-ui-overlay{padding:var(--spacing-medium);padding-top:calc(var(--spacing-medium) + env(safe-area-inset-top,0));padding-bottom:calc(var(--spacing-medium) + env(safe-area-inset-bottom,0));padding-left:calc(var(--spacing-medium) + env(safe-area-inset-left,0));padding-right:calc(var(--spacing-medium) + env(safe-area-inset-right,0));height:100vh;height:100dvh}}.step-indicator{display:flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;gap:var(--spacing-small);border:1px solid rgba(255,255,255,.6);border-radius:30px;padding:var(--spacing-xsmall)}.annotation-toggle-container{display:flex;justify-content:flex-end;margin-top:var(--spacing-medium)}@media(max-width:768px){.annotation-toggle-container{justify-content:center}}.annotation-toggle{display:flex;align-items:center;gap:var(--spacing-small);background:transparent;border:1px solid rgba(255,255,255,.6);border-radius:30px;padding:var(--spacing-xsmall) var(--spacing-medium);cursor:pointer;transition:all .2s ease;font-family:Doto,monospace;font-size:var(--font-size-small);color:var(--text-primary);font-weight:400;letter-spacing:.05em}.annotation-toggle:hover{background:#ffffff1a;border-color:#fffc}.annotation-toggle.active{background:#ffffff26}.annotation-toggle .annotation-toggle-label{-webkit-user-select:none;user-select:none}.annotation-toggle .annotation-toggle-indicator{font-size:var(--font-size-medium);line-height:1;transition:color .2s ease}.annotation-toggle.active .annotation-toggle-indicator{color:var(--accent-primary)}.music-player-controls{display:flex;align-items:center;align-self:center;gap:var(--spacing-small);border:1px solid rgba(255,255,255,.6);border-radius:30px;padding:var(--spacing-xsmall);background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.music-player-controls .volume-control{display:flex;align-items:center;gap:var(--spacing-xsmall);margin-left:var(--spacing-small);padding-left:var(--spacing-small);border-left:1px solid rgba(255,255,255,.3)}.music-player-controls .volume-control .material-symbols-rounded{font-size:var(--font-size-large);color:var(--text-primary)}.music-player-controls .volume-control .volume-slider{width:100px;height:4px;border-radius:2px;background:#ffffff4d;outline:none;cursor:pointer;-webkit-appearance:none}.music-player-controls .volume-control .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-primary);cursor:pointer}.music-player-controls .volume-control .volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:none}.nav-breadcrumb{display:flex;align-items:center;width:fit-content;gap:var(--spacing-small);border:1px solid rgba(255,255,255,.4);border-radius:30px;padding:var(--spacing-xsmall)}@media(max-width:768px){.nav-breadcrumb{padding:var(--spacing-tiny);gap:var(--spacing-tiny)}}.nav-btn{background:transparent;border:1px solid rgba(255,255,255,.4);color:var(--text-primary);cursor:pointer;padding:var(--spacing-small);display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;flex-shrink:1;pointer-events:auto}.nav-btn:hover:not(:disabled){background-color:#fffc;color:var(--text-dark)}.nav-btn:disabled{opacity:.2;cursor:not-allowed;border-color:#fff0}.nav-btn .material-symbols-rounded{font-size:var(--font-size-large)}.canvas-enter-btn{transform:translate(-5%) scale(.625);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#ffffff1a;transition:background-color .2s ease,border-color .2s ease,color .2s ease;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:500px){.canvas-enter-btn{transform:translate(-10%,-50%) scale(.5)}}.canvas-enter-btn.hovered{background-color:#fffc;color:var(--text-dark)}.canvas-image-plane{border-radius:var(--border-radius-large);pointer-events:none!important;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;box-shadow:0 0 #fff0;overflow:hidden}.canvas-image-plane.hovered{box-shadow:inset 0 0 0 3px #ffffff4d,0 8px 32px #0003}.nav-container{display:flex;justify-content:center;align-items:center;gap:var(--spacing-large);width:100%;position:relative;justify-content:space-between}@media(max-width:768px){.nav-container{gap:var(--spacing-small)}}.nav-container .nav-button-set{position:absolute;right:0;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-small)}@media(max-width:768px){.nav-container .nav-button-set{right:env(safe-area-inset-right,0)}}.wrapper-nav-top{display:flex;justify-content:left;align-items:center;gap:var(--spacing-medium);flex:1;min-width:0}@media(max-width:768px){.wrapper-nav-top{gap:var(--spacing-small)}}.menu-item{background:transparent;border:none;padding:var(--spacing-small) var(--spacing-medium);color:var(--text-secondary);font-family:Doto,sans-serif;font-weight:700;font-size:var(--font-size-small);line-height:1;letter-spacing:.025em;text-transform:uppercase;margin:0;cursor:pointer;transition:all .3s ease;white-space:nowrap;pointer-events:auto;border-radius:20px}.menu-item:hover{background-color:#fffc;color:var(--text-dark)}.menu-item.active{color:var(--text-primary);background:#ffffff1a}.menu-item.focus{color:var(--text-dark);background:#fff}.menu-separator{color:var(--text-secondary);opacity:.5;font-size:var(--font-size-small)}.nav-dropdown{position:absolute;top:calc(100% + 8px);left: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)}.nav-dropdown.nav-dropdown-right{left:auto;right:0}.nav-dropdown .dropdown-item{position:relative;cursor:pointer;transition:background-color .2s ease}.nav-dropdown .dropdown-item:hover{background-color:#ffffff1a}.nav-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}.nav-dropdown .dropdown-item.nav-item span{padding-right:calc(var(--spacing-large) + var(--spacing-xlarge))}.nav-dropdown .dropdown-item:hover span{color:#ffffffe6}.nav-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}.nav-dropdown .dropdown-item.nav-item:hover:after{color:#ffffffb3}.nav-dropdown .mobile-close-btn{display:none}@media(max-width:768px){.nav-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)}.nav-dropdown .mobile-close-btn{display:flex;position:absolute;top:var(--spacing-large);right:var(--spacing-large);width:48px;height:48px;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)}.nav-dropdown .mobile-close-btn:hover{background:#fff3;transform:scale(1.05)}.nav-dropdown .dropdown-item span{font-size:var(--font-size-xlarge);padding:var(--spacing-large)}}.filmstrip-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding-bottom:var(--spacing-large);overflow:visible;min-height:6rem;transition:opacity .4s ease,transform .4s ease}.filmstrip-container.visible{opacity:1;transform:translateY(0)}.filmstrip-container.hidden{opacity:0;transform:translateY(10px);pointer-events:none}.filmstrip-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-large);transition:opacity .5s cubic-bezier(.4,0,.2,1);overflow:visible;opacity:0;pointer-events:none}.filmstrip-content.active{opacity:1;pointer-events:auto;position:relative}.filmstrip-content.inactive{opacity:0;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.filmstrip-section{display:flex;gap:.25rem;position:relative;overflow:visible;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);opacity:1;transform:scale(1)}.filmstrip-section:not(:last-child):after{content:"";position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:2px;height:80%;background:#ffffff4d}.filmstrip-step{position:relative;display:flex;cursor:pointer;border-radius:.3rem;transition:transform .25s ease,opacity .5s cubic-bezier(.4,0,.2,1);overflow:visible;background:#0000004d;opacity:1}.filmstrip-step img{height:3.5rem;width:5.25rem;object-fit:cover;object-position:center;display:block;border-radius:0rem;border:2px solid rgba(255,255,255,.2);transition:border-color .25s ease}.filmstrip-step[data-step-type=phone] img{max-height:3.5rem;width:auto;height:auto;object-fit:contain}.filmstrip-step:hover{transform:scale(1.05)}.step-current-indicator{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid rgb(255,255,255);z-index:999}.canvas-card-title{font-family:Doto,monospace;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:.05em}.canvas-card-role{font-family:Doto,sans-serif;font-size:.875rem;font-weight:500;color:#0f0;margin-bottom:1rem;letter-spacing:.05em}.canvas-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.canvas-tag{font-family:Doto,sans-serif;font-size:.75rem;font-weight:500;color:var(--text-primary);background-color:#ffffff1a;padding:.25rem .75rem;border-radius:4px;letter-spacing:.05em}.canvas-card-description{font-family:Doto,monospace;font-size:.75rem;font-weight:300;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;letter-spacing:.02em}.canvas-card-explore{background:none;color:var(--text-primary);font-family:Doto,sans-serif;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.canvas-card-explore:hover{background-color:var(--text-primary);color:#000;box-shadow:inset 0 0 0 1px var(--text-primary)}.canvas-project-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 6px #0000001a}.canvas-project-card:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);box-shadow:inset 0 0 0 1px #fff3,0 8px 12px #00000026;transform:translateY(-4px)}.canvas-card-image{border-radius:8px;overflow:hidden}.canvas-subsection-intro{color:var(--text-primary)}.canvas-subsection-intro .canvas-card-subtitle{font-family:Doto,sans-serif;font-weight:700;font-size:var(--font-size-medium);line-height:1.4;letter-spacing:.06em;text-transform:uppercase;margin:0;color:var(--text-primary);margin-bottom:1rem}.canvas-subsection-intro .canvas-card-description{font-family:Doto,sans-serif;font-weight:600;font-size:var(--font-size-small);line-height:1.75;letter-spacing:.02em;margin:0;color:var(--text-secondary)}.project-intro-overlay{font-family:Doto,sans-serif;font-weight:800;font-size:var(--font-size-large);line-height:1.3;letter-spacing:.05em;text-transform:uppercase;margin:0;position:absolute;display:flex;flex-direction:column;gap:1.5rem;left:20%;top:50%;transform:translate(-50%,-50%);max-width:35vw;width:fit-content;pointer-events:none;z-index:5;opacity:0;animation:fadeIn .5s ease-out forwards}.project-intro-overlay.fade-out{animation:fadeOut .5s ease-out forwards}.project-intro-overlay .intro-title-wrapper{background:#fff;padding:.5rem .875rem;width:fit-content}.project-intro-overlay .intro-title-wrapper .intro-title{color:#000}.project-intro-overlay .intro-tags-container{display:flex;flex-wrap:wrap;gap:.75rem}.project-intro-overlay .intro-tags-container .intro-tag-pill{font-family:Doto,sans-serif;font-weight:800;font-size:var(--font-size-medium);line-height:1;letter-spacing:.025em;text-transform:uppercase;margin:0;color:#fff;padding:.625rem .75rem;display:inline-block}.project-intro-overlay .intro-tags-container .intro-tag-pill.default{border:1px solid #ffffff}.project-intro-overlay .intro-tags-container .intro-tag-pill.issue{background:#f50}.project-intro-overlay .intro-tags-container .intro-tag-pill.success{background:#00ffa6;color:var(--text-dark)}.project-intro-overlay .intro-tags-container .intro-tag-pill.error{background:#f03}.project-intro-overlay .intro-tags-container .intro-tag-pill.focus{background:#004cff}.project-intro-overlay .intro-main-text{font-family:Doto,sans-serif;font-weight:700;font-size:var(--font-size-medium);line-height:1.5;letter-spacing:.02em;margin:0;color:#fffffff2;max-width:52ch}.project-intro-overlay .intro-description{font-family:Doto,sans-serif;font-weight:600;font-size:var(--font-size-small);line-height:1.75;letter-spacing:.02em;margin:0;color:#ffffffbf;max-width:52ch}.introText-overlay{font-family:Doto,sans-serif;font-weight:800;font-size:var(--font-size-large);line-height:1.3;letter-spacing:.05em;text-transform:uppercase;margin:0;position:absolute;display:flex;flex-direction:column;gap:var(--spacing-large);left:20%;top:50%;transform:translate(-50%,-50%);max-width:35vw;width:fit-content;pointer-events:none;z-index:5;opacity:0;animation:fadeIn .5s ease-out forwards}.introText-overlay.fade-out{animation:fadeOut .5s ease-out forwards}@media(max-width:768px){.introText-overlay{position:fixed;top:10vh;left:var(--spacing-xxxlarge);width:calc(100vw - var(--spacing-xlarge));height:50vh;transform:none;max-width:90vw;overflow-y:auto;pointer-events:auto}}.introText-overlay .intro-title-wrapper{background:#fff;padding:var(--spacing-xsmall) var(--spacing-small);width:fit-content}.introText-overlay .intro-title-wrapper .intro-title{color:#000}.introText-overlay .intro-tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-small)}.introText-overlay .intro-tags-container .intro-tag-pill{font-family:Doto,sans-serif;font-weight:800;font-size:var(--font-size-medium);line-height:1;letter-spacing:.025em;text-transform:uppercase;margin:0;color:#fff;padding:var(--spacing-xsmall) var(--spacing-small);display:inline-block}.introText-overlay .intro-tags-container .intro-tag-pill.default{border:1px solid #ffffff}.introText-overlay .intro-tags-container .intro-tag-pill.issue{background:#f50}.introText-overlay .intro-tags-container .intro-tag-pill.success{background:#00ffa6;color:var(--text-dark)}.introText-overlay .intro-tags-container .intro-tag-pill.error{background:#f03}.introText-overlay .intro-tags-container .intro-tag-pill.focus{background:#004cff}.introText-overlay .intro-main-text{font-family:Doto,sans-serif;font-weight:700;font-size:var(--font-size-medium);line-height:1.5;letter-spacing:.02em;margin:0;color:#fffffff2;max-width:52ch}.introText-overlay .intro-description{font-family:Doto,sans-serif;font-weight:600;font-size:var(--font-size-small);line-height:1.75;letter-spacing:.02em;margin:0;color:#ffffffbf;max-width:52ch}.intro-info-container{display:flex;flex-direction:row;border:1px solid rgba(255,255,255,.6)}.info-column{display:flex;flex-direction:column;flex:1;min-width:120px}.info-column:not(:last-child){border-right:1px solid rgba(255,255,255,.6)}.info-cell{font-family:Doto,sans-serif;font-weight:700;font-size:var(--font-size-small);line-height:1;letter-spacing:.025em;text-transform:uppercase;margin:0;color:var(--text-primary);padding:var(--spacing-xsmall)}.info-cell.info-cell-header{font-weight:400;border-bottom:1px solid rgba(255,255,255,.8)}.canvas-card-duration{font-family:Doto,sans-serif;font-weight:700;font-size:var(--font-size-small);line-height:1;letter-spacing:.025em;text-transform:uppercase;margin:0;color:var(--text-secondary);margin-top:1rem}.nav-button-set{display:flex;position:absolute;gap:1rem;width:fit-content;flex-direction:row;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.btn-xlarge{font-family:Doto,sans-serif;font-weight:800;font-size:var(--font-size-large);line-height:1;letter-spacing:.025em;text-transform:uppercase;margin:0;border-radius:1000px;width:max-content;border:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.5rem;background-color:transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-xlarge:hover{background-color:#ffffff1a;border-color:var(--text-primary);color:var(--text-primary)}.btn-xlarge:disabled{opacity:.3;cursor:not-allowed;border-color:var(--border-color);background-color:transparent;color:var(--text-secondary)}.btn-xlarge.secondary{border-color:transparent;color:var(--text-secondary)}.btn-xlarge.secondary:hover{border-color:var(--text-primary);color:var(--text-primary)}.btn-xlarge .material-symbols-rounded{font-size:1.5rem;font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 24}@media(max-width:768px){.btn-xlarge{padding:.875rem 1.25rem;font-size:var(--font-size-medium)}.btn-xlarge .material-symbols-rounded{font-size:1.25rem}}.btn-base{font-family:Doto,sans-serif;font-weight:800;font-size:var(--font-size-medium);line-height:1;letter-spacing:.025em;text-transform:uppercase;margin:0;border-radius:1000px;width:max-content;border:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.375rem;background-color:transparent}.btn-base.round{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;padding:.75rem}.btn-base:hover{background-color:#ffffff1a;border-color:var(--text-primary);color:var(--text-primary)}.btn-base:disabled{opacity:.3;cursor:not-allowed;border-color:var(--border-color);background-color:transparent;color:var(--text-secondary)}.btn-base.secondary{border-color:transparent;color:var(--text-secondary)}.btn-base.secondary:hover{border-color:var(--text-primary);color:var(--text-primary)}.text-box-base{font-family:Doto,sans-serif;font-weight:700;font-size:var(--font-size-medium);line-height:1.5;letter-spacing:.02em;margin:0;color:var(--text-primary);max-width:64ch}.btn-set-1{display:flex;gap:var(--spacing-medium)}@media(max-width:768px){.btn-set-1{width:100%;justify-content:space-between;padding-bottom:env(safe-area-inset-bottom,0)}}