.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.popup-overlay{border:none;padding:0;margin:0;position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;display:grid;place-items:end;background:color-mix(in oklab,#000 60%,transparent);z-index:9999}.popup-overlay::backdrop{background:color-mix(in oklab,#000 60%,transparent)}.popup-overlay[data-variant=left]{place-items:start stretch}.popup-dialog{width:100%;background:#fff;color:#111;border-radius:16px 16px 0 0;box-shadow:0 -6px 30px #0000004d;padding:.75rem}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem .25rem .5rem;border-bottom:1px solid #eee}.popup-title{font-size:1.125rem;margin:0}.popup-close{border:none;background:transparent;color:#333;font-size:1.25rem;line-height:1;padding:.25rem;border-radius:6px;cursor:pointer}.popup-close:hover{background:#f2f2f2}.popup-content{padding:.75rem .25rem .5rem}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}@keyframes sheetIn{0%{transform:translateY(12%)}to{transform:translateY(0)}}@keyframes sheetOut{0%{transform:translateY(0)}to{transform:translateY(12%)}}@keyframes dialogIn{0%{transform:translateY(-4%)}to{transform:translateY(0)}}@keyframes dialogOut{0%{transform:translateY(0)}to{transform:translateY(-4%)}}@keyframes drawerIn{0%{transform:translate(-12%)}to{transform:translate(0)}}@keyframes drawerOut{0%{transform:translate(0)}to{transform:translate(-12%)}}.popup-overlay[data-state=open]{animation:overlayIn .15s ease-out forwards}.popup-overlay[data-state=closing]{animation:overlayOut .15s ease-in forwards}.popup-dialog[data-state=open]:not([data-variant=left]){animation:sheetIn .18s ease-out forwards}.popup-dialog[data-state=closing]:not([data-variant=left]){animation:sheetOut .18s ease-in forwards}.popup-dialog[data-variant=left]{height:100%;max-height:100%;border-radius:0;box-shadow:6px 0 30px #00000059}.popup-dialog[data-variant=left][data-state=open]{animation:drawerIn .2s ease-out forwards}.popup-dialog[data-variant=left][data-state=closing]{animation:drawerOut .2s ease-in forwards}@media (width >= 1024px){.popup-overlay:not([data-variant=left]){place-items:center}.popup-dialog:not([data-variant=left]){border-radius:12px;max-width:760px}.popup-dialog:not([data-variant=left])[data-state=open]{animation:dialogIn .18s ease-out forwards}.popup-dialog:not([data-variant=left])[data-state=closing]{animation:dialogOut .18s ease-in forwards}}@media (prefers-reduced-motion: reduce){.popup-overlay,.popup-dialog{animation:none!important}}:root{--header-height: 64px;--content-width: min(1100px, 92vw);--accent: #f88d3a}.header-container{width:100%;top:0;z-index:10;background:var(--header-bg, #fff);border-bottom:1px solid color-mix(in oklab,#000 12%,transparent)}.header{height:var(--header-height);width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0;gap:.5rem}.header-left{display:flex;align-items:center;gap:.75rem}.brand{display:inline-flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;font-weight:700;letter-spacing:.2px}.brand-dot{inline-size:10px;block-size:10px;border-radius:50%;background:var(--accent)}.brand-text{font-size:.95rem}.hamburger{--bar-w: 22px;--bar-h: 2px;--bar-gap: 4px;display:inline-flex;flex-direction:column;justify-content:center;gap:var(--bar-gap);padding:.5rem;border:none;background:transparent;cursor:pointer}.hamburger-bar{width:var(--bar-w);height:var(--bar-h);background:currentColor;border-radius:2px}.menu-desktop{display:none;align-items:center;justify-content:center;gap:1.25rem}.menu-desktop .title.page-title.small{margin:0;padding:0;font-size:1rem;transition:color .16s ease}.menu-desktop .title.page-title.small.active .text-layout-helper{color:var(--accent)}.menu-desktop .title.page-title.small:not(.active):hover .text-layout-helper{color:color-mix(in oklab,var(--accent) 70%,#000 30%)}.menu-mobile{display:grid;gap:.25rem;padding:.25rem 0}.mobile-link{width:100%;text-align:left;padding:.65rem .5rem;border:none;background:transparent;border-radius:8px;font-size:1rem;cursor:pointer}.mobile-link.active,.mobile-link:hover{background:color-mix(in oklab,var(--accent) 12%,transparent)}@media (width >= 900px){.menu-desktop{display:inline-flex}.hamburger{display:none}}.page-title.small{margin-bottom:0;font-size:.95rem}.text-layout-helper{width:100%;display:block;text-align:center}@media (min-width: 768px){.text-layout-helper{text-align:left;margin-bottom:1.5rem}}.title.small{padding-inline:1rem;margin:0;line-height:1.5}.carousel-header-container{margin:auto;position:sticky;top:0;z-index:10;background-color:#fff}.carousel-header{width:var(--content-width);margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;z-index:2;padding:1%}.carousel-header .title.small{margin:0;padding:0}.menu-container{display:flex;justify-content:center;align-items:center;gap:1.5rem}.menu-container .page-title{margin-bottom:0;font-size:1rem}.carousel-track{display:flex;width:100%;height:auto;transition:transform var(--carousel-slide-ms) var(--carousel-ease);will-change:transform}.carousel-page{flex:0 0 100%;height:100%;overflow:visible;width:var(--content-width);min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1rem 0}.title.page-title.active .text-layout-helper{color:var(--accent, #f88d3a)}.App{height:100vh;display:flex;flex-direction:column;position:relative;background:linear-gradient(to bottom,#fff 0,#fff 40px,#f9f9f9,#f5efe8)}.content-depth{z-index:4;position:absolute;display:flex;flex-direction:column;height:100vh;width:100%;background-color:#eee6e0;transition:transform .5s ease-in-out,box-shadow .3s ease-in-out}*{box-sizing:border-box}main{--content-width: 90%}section{width:var(--content-width);min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1rem 0}@media screen and (width > 768px){main{--content-width: 75%}}@media screen and (width > 1200px){main{--content-width: 66%}}.title{font-size:3.3rem;line-height:1.2;margin-bottom:2rem;color:#2d2e32;font-weight:700}.small{font-size:1.5rem;margin-bottom:1rem}.subtitle{font-size:2rem;line-height:1.2;margin-bottom:5rem;color:#f88d3a;font-weight:700}.text{color:#767676;font-family:Mulish,sans-serif;font-size:1.3rem;font-weight:500;line-height:1.6}.subtext{color:#767676;font-family:Mulish,sans-serif;font-size:1rem;font-weight:500;line-height:1.6}.backgroundOne{background-color:#f9f9f9}.backgroundTwo{background-color:#fff}.image{width:100%;height:auto;object-fit:cover}.profile-picture{display:block;width:80%;height:80%;object-fit:cover;z-index:1;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;position:relative;animation:move-circular-border 10s ease-in-out infinite;transform:translate(-50%,-50%) rotate(0) translate(150px) rotate(-360deg) translateY(0);box-shadow:0 10px 20px #0000004d}@keyframes move-circular-border{0%{border-radius:5%;transform:translate(0)}25%{border-radius:5%;transform:translate(10px,10px)}50%{border-radius:5%;transform:translate(-10px,-10px)}75%{border-radius:5%;transform:translate(-10px,10px)}to{border-radius:5%;transform:translate(0)}}.shadow{box-shadow:0 0 10px #00000017}.menu-button{cursor:pointer;opacity:1;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.menu-button.inactive{opacity:0;transform:translate(-20px)}.content{z-index:1;background-color:#fff;flex-direction:column;justify-content:space-between;max-height:100vh;overflow-y:scroll;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;overflow:-moz-scrollbars-none;scrollbar-width:none;padding-top:2rem}.content::-webkit-scrollbar{display:none}.content.scaled{transform:scale(.65) translate(-50%);box-shadow:0 10px 20px #0000004d}.menu{z-index:0;height:100vh;position:absolute;bottom:0;left:0;right:0;background-color:#ffdbc2}.close-button-container{display:flex;flex-direction:column;align-items:flex-end;opacity:0;animation:slide-in .5s ease forwards}.close-button{padding:20px;color:#2d2e32;font-family:Calibri;font-style:normal;font-weight:700;font-size:20px;line-height:24px;text-decoration:none;cursor:pointer}.close-button.inactive{animation:slide-out .5s ease forwards}.tab-container{display:flex;flex-direction:column;align-items:flex-end;padding:20px}.tab{display:block;font-size:18px;padding:10px;margin-bottom:10px;color:#2d2e32;font-family:Calibri;font-style:normal;font-weight:700;font-size:20px;line-height:24px;text-decoration:none;transition:color .2s ease-in-out;cursor:pointer;opacity:0;animation:slide-in .5s ease forwards}.tab.inactive{animation:slide-out .5s ease forwards}@keyframes slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.tab:nth-child(1){animation-delay:0s}.tab:nth-child(2){animation-delay:.1s}.tab:nth-child(3){animation-delay:.2s}.tab:nth-child(4){animation-delay:.3s}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}html{scroll-behavior:smooth;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
