@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Shadows+Into+Light&family=Pacifico&family=Indie+Flower&family=Cinzel:wght@600;700&family=Playfair+Display:wght@600;700&family=Quicksand:wght@600;700&family=Raleway:wght@400;500;600;700&family=Permanent+Marker&family=Caveat:wght@400;500;600;700&family=Averia+Serif+Libre:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+Tamil+Slanted&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap";:root{--scrollbar-width: calc(100vw - 100%) ;--deep-indigo: #1E3A5F;--rich-burgundy: #8B2635;--warm-gold: #C9A961;--charcoal: #2C2C2C;--ivory: #FAF9F6;--white: #FFFFFF;--light-gray: #E8E8E8;--medium-gray: #6B6B6B;--dark-gray: #3A3A3A;--off-black: #1A1A1A;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 4rem;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 6rem;--space-16: 8rem;--ease-gentle: cubic-bezier(.4, 0, .2, 1);--ease-soft: cubic-bezier(.25, .1, .25, 1);--ease-smooth: cubic-bezier(.33, 1, .68, 1);--duration-fast: .15s;--duration-base: .4s;--duration-slow: .4s;--duration-slower: .7s;--shadow-sm: 0 1px 3px rgba(44, 44, 44, .1);--shadow-md: 0 4px 12px rgba(44, 44, 44, .12);--shadow-lg: 0 8px 24px rgba(44, 44, 44, .15);--shadow-xl: 0 16px 48px rgba(44, 44, 44, .18);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--screen-sm: 640px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px;--screen-2xl: 1536px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--charcoal);background-color:var(--ivory);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--charcoal);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4)}a{color:var(--deep-indigo);text-decoration:none;transition:opacity var(--duration-base) var(--ease-gentle);display:inline-block}a:hover{opacity:.7}a:active{opacity:.5}a:focus-visible{outline:2px solid var(--deep-indigo);outline-offset:4px;border-radius:var(--radius-sm)}button{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none;cursor:pointer;transition:opacity var(--duration-base) var(--ease-gentle);background-color:var(--deep-indigo);color:var(--white)}button:hover{opacity:.7}button:active{opacity:.5}button:focus-visible{outline:2px solid var(--deep-indigo);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background-color:var(--warm-gold);color:var(--charcoal)}.container{max-width:var(--screen-xl);margin:0 auto;padding:0 var(--space-6)}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-gentle)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--duration-slow) var(--ease-smooth)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app{display:flex;flex-direction:column}.app>.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-6)}.hero>*{text-align:center;max-width:800px}.hero-quote{margin:0 0 var(--space-10) 0;padding:0;border:none}.quote-text{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-normal);color:var(--charcoal);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.quote-author{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--medium-gray);font-style:normal}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.btn-primary{background-color:var(--deep-indigo);color:var(--white)}.btn-secondary{background-color:transparent;color:var(--charcoal);border:2px solid var(--charcoal)}@media(max-width:768px){.quote-text{font-size:var(--text-xl)}.quote-author{font-size:var(--text-sm)}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons button{width:100%;max-width:300px}}.mobile-blocking-screen{animation:colorShift 30s ease-in-out infinite}.mobile-blocking-title{white-space:nowrap}.mobile-blocking-title.typing span{display:inline-block;opacity:0;animation:typing .3s ease forwards}.mobile-blocking-title.typing span:nth-child(1){animation-delay:0s}.mobile-blocking-title.typing span:nth-child(2){animation-delay:.06s}.mobile-blocking-title.typing span:nth-child(3){animation-delay:.12s}.mobile-blocking-title.typing span:nth-child(4){animation-delay:.18s}.mobile-blocking-title.typing span:nth-child(5){animation-delay:.24s}.mobile-blocking-title.typing span:nth-child(6){animation-delay:.3s}.mobile-blocking-title.typing span:nth-child(7){animation-delay:.36s}.mobile-blocking-title.typing span:nth-child(8){animation-delay:.42s}.mobile-blocking-title.typing span:nth-child(9){animation-delay:.48s}.mobile-blocking-title.typing span:nth-child(10){animation-delay:.54s}.mobile-blocking-title.typing span:nth-child(11){animation-delay:.6s}.mobile-blocking-title.typing span:nth-child(12){animation-delay:.66s}.mobile-blocking-title.typing span:nth-child(13){animation-delay:.72s}.mobile-blocking-title.typing span:nth-child(14){animation-delay:.78s}.mobile-blocking-title.typing span:nth-child(15){animation-delay:.84s}.mobile-blocking-title.typing span:nth-child(16){animation-delay:.9s}.mobile-blocking-title.typing span:nth-child(17){animation-delay:.96s}.mobile-blocking-title.typing span:nth-child(18){animation-delay:1.02s}.mobile-blocking-title.typing span:nth-child(19){animation-delay:1.08s}.mobile-blocking-title.typing span:nth-child(20){animation-delay:1.14s}.mobile-blocking-title.typing span:nth-child(21){animation-delay:1.2s}.mobile-blocking-title.typing span:nth-child(22){animation-delay:1.26s}.mobile-blocking-title.typing span:nth-child(23){animation-delay:1.32s}.mobile-blocking-title.typing span:nth-child(24){animation-delay:1.38s}.mobile-blocking-title.typing span:nth-child(25){animation-delay:1.44s}.mobile-blocking-title.typing span:nth-child(26){animation-delay:1.5s}.mobile-blocking-title.typing span:nth-child(27){animation-delay:1.56s}.mobile-blocking-title.typing span:nth-child(28){animation-delay:1.62s}.puppy-eye-left,.puppy-eye-right,.puppy-highlight-left,.puppy-highlight-right{animation:puppyBlink 2.5s ease-in-out .8s infinite;transform-origin:center}@keyframes puppyBlink{0%,to{transform:scaleY(1);opacity:1}48%,52%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.1);opacity:.3}}@media(max-width:400px){.mobile-blocking-title{font-size:1.1rem!important}}@media(max-width:350px){.mobile-blocking-title{font-size:1rem!important}}@media(max-width:320px){.mobile-blocking-title{font-size:.9rem!important}}.header{position:relative;top:0;left:0;width:100vw;background-color:transparent;padding:20px 0;box-sizing:border-box;z-index:100;transition:all var(--duration-base) var(--ease-gentle);pointer-events:none}.header-container{max-width:none;margin:0 auto;padding:0 60px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-6);pointer-events:auto}.header-logo>span{font-family:Caveat,cursive;font-size:40px;font-weight:700;text-decoration:none;border:none;transition:opacity var(--duration-base) var(--ease-gentle),color var(--duration-base) var(--ease-gentle);position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer}.logo-short,.header-about-mobile{display:none}.header-logo>span:hover{opacity:1}.header-logo>span:active{opacity:.5}.header-nav{display:flex;gap:var(--space-2);align-items:center;justify-self:end}.nav-tab{font-family:var(--font-body);font-size:20px;font-weight:var(--weight-medium);text-decoration:none;padding:var(--space-2) 0 var(--space-2) var(--space-6);border-radius:var(--radius-md);position:relative;transition:color var(--duration-base) var(--ease-gentle);-webkit-user-select:none;user-select:none;cursor:pointer}.nav-tab:hover:not(.active),.nav-tab:active:not(.active){opacity:1!important}@keyframes expandDots{0%{width:0;opacity:0;transform:scale(.8) translateY(5px)}to{width:42px;opacity:1;transform:scale(1) translateY(0)}}@keyframes expandDotsArt{0%{width:0;opacity:0;transform:scale(.8) translateY(5px)}to{width:24px;opacity:1;transform:scale(1) translateY(0)}}@keyframes expandDotsUIUX{0%{width:0;opacity:0;transform:translate(-50%) scale(.8) translateY(5px)}to{width:42px;opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.nav-tab.active{font-weight:var(--weight-semibold);position:relative;cursor:default;pointer-events:none}.hamburger-button{display:none;background:none;border:none;cursor:pointer;padding:0;justify-self:end;opacity:1;transition:color var(--duration-base) var(--ease-gentle)}.hamburger-button:hover{opacity:1}.hamburger-button svg{display:block}.mobile-menu-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:1001;pointer-events:auto}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:auto;box-shadow:-2px 0 8px #00000026;display:flex;flex-direction:column;padding:var(--space-6);animation:slideIn .3s ease-out;pointer-events:auto}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.mobile-menu.closing{animation:slideOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.mobile-menu-overlay.closing{animation:fadeOut .3s ease-out forwards}.mobile-menu-close{position:relative;left:50%;transform:translate(-50%);background:none;border:none;font-size:var(--text-xl);cursor:pointer;z-index:10;width:60px;height:60px;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .4s ease,color var(--duration-base) var(--ease-gentle);padding:0;flex-shrink:0;opacity:1;margin-bottom:var(--space-6)}.mobile-menu-close:hover{background-color:#d0d0d0;opacity:1}.mobile-menu-nav{display:flex;flex-direction:column;gap:var(--space-2);margin-top:0;align-items:flex-start}.mobile-nav-link{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-medium);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:0;position:relative;white-space:nowrap;display:inline-block;transition:color var(--duration-base) var(--ease-gentle);-webkit-user-select:none;user-select:none;cursor:pointer}.mobile-nav-link:hover:not(.active){opacity:1!important}@keyframes expandDotsMobile{0%{width:0;opacity:0;transform:scale(.8) translateY(5px)}to{width:calc(100% - var(--space-4) * 2);opacity:1;transform:scale(1) translateY(0)}}.mobile-nav-link.active{font-weight:var(--weight-semibold);position:relative;cursor:default;pointer-events:none}@media(max-width:1024px){.header-container{padding:0 40px}}@media(max-width:768px){.header-container{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 20px;gap:var(--space-2)}.header-logo{justify-self:start}.logo-full{display:none}.logo-short{display:inline}.header-nav{display:flex;gap:var(--space-5);justify-self:end;align-items:center}.header-logo>span{font-size:var(--text-2xl)}.nav-tab{font-size:var(--text-lg);padding:var(--space-1) var(--space-2)}.hamburger-button{display:none}}@media(max-width:480px){.header{padding:var(--space-2) 0}.header-container{padding:0 20px;gap:var(--space-3)}.header-nav{gap:var(--space-4)}.header-logo>span{font-size:var(--text-2xl)}.logo-full{display:none}.logo-short{display:inline}.nav-tab{font-size:var(--text-base);padding:var(--space-1) var(--space-1)}}.header.scrolled{box-shadow:var(--shadow-md);border-bottom-color:var(--deep-indigo)}.home-page{background:#2f3d37;width:100%}.home-hero-section{background:#2f3d37;padding:0 60px 60px;position:relative}.home-hero{display:flex;flex-direction:column;gap:8px;width:528px;margin-top:60px}.home-title{font-family:Caveat,cursive;font-size:100px;font-weight:400;color:#fff;margin:0;line-height:normal;height:125px}.home-subtitle{font-family:"Noto Serif Tamil Slanted",Noto Sans,sans-serif;font-size:24px;font-weight:400;font-style:italic;color:#fff;margin:0;line-height:1.4;font-variation-settings:"CTGR" 0,"wdth" 100,"wght" 400}.home-subtitle .highlight{font-weight:600;color:#b7f4dc;font-variation-settings:"CTGR" 0,"wdth" 100,"wght" 600}.home-links{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:400;color:#fff;margin:200px 0 0;line-height:normal}.home-links a,.home-links-bottom a{color:#fff;text-decoration:none;cursor:pointer}.home-links a:hover,.home-links-bottom a:hover{opacity:.7}.home-projects-section{background:#fff;border-radius:0;padding:90px 60px}.home-projects-heading{font-family:Caveat,cursive;font-size:60px;font-weight:400;color:#2f3d37;margin:0 0 40px;line-height:normal}.home-projects-grid{display:flex;gap:24px;width:100%}.home-project-card{flex:1;background:#e8f5f0;border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;height:442px;box-sizing:border-box}.home-project-card{position:relative}.home-project-card:before{content:"";position:absolute;inset:-6px;border:3px dashed transparent;border-radius:22px;pointer-events:none;transition:border-color .3s ease}.home-project-card:hover:before{border-color:#18a76c}.home-project-card-hc{background:#e8f5f0}.home-project-card-evergreen{background:#e8f4ed}.home-project-card-image-container{position:relative;width:100%;flex:1;border-radius:12px;overflow:hidden}.home-project-card-image{width:100%;height:100%;object-fit:cover}.home-project-card-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.home-project-card-tag{display:inline-block;width:fit-content;font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:19.852px;font-weight:400;color:#2f3d37;background:transparent;padding:9.926px 29.035px;border-radius:20px;border:.827px solid #2f3d37;white-space:nowrap;line-height:normal;text-align:center;margin-top:8px}.home-project-card-title{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;font-style:italic;color:#2f6b5a;margin:0;line-height:1.3}@media(max-width:900px){.home-projects-grid{flex-direction:column}.home-project-card{height:400px}}.home-thanks-section{background:#2f3d37;padding:60px;position:relative;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.home-thanks-content{display:flex;flex-direction:column;gap:30px;width:705px}.home-thanks-title{font-family:Caveat,cursive;font-size:100px;font-weight:400;color:#fff;margin:0;line-height:normal;height:125px}.home-thanks-text{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:400;color:#fff;line-height:1.4}.home-thanks-text p{margin:0 0 24px}.home-thanks-text p:last-child{margin-bottom:0}.home-thanks-footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%;border-top:1px solid rgba(255,255,255,.3);padding-top:24px}.home-links-bottom{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:400;color:#fff;margin:0;line-height:normal}.home-thanks-copyright{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:400;color:#fff9;margin:0;line-height:normal;text-align:right}.page{min-height:100vh;padding:0;background-color:var(--ivory);scroll-snap-type:y mandatory;overflow-y:scroll;overflow-x:hidden;height:100vh;position:fixed;inset:0;overscroll-behavior:none}.page-hero-card{min-height:calc(100vh - 40px);height:calc(100vh - 40px);width:100%;scroll-snap-align:start;scroll-snap-stop:always}.page-container{max-width:var(--screen-lg);margin:0 auto;padding:var(--space-10) var(--space-6);scroll-snap-align:start;min-height:100vh}.page-content-card{min-height:calc(100vh - 40px);height:calc(100vh - 40px);width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:flex-start;position:relative;box-sizing:border-box;background-color:var(--ivory);overflow-y:hidden;overflow-x:hidden;padding:0}.page-footer-card{min-height:calc(100vh - 40px);height:calc(100vh - 40px);width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:0 var(--space-6);box-sizing:border-box;background-color:#000}.page-footer-content{text-align:center;display:flex;flex-direction:column;gap:var(--space-8)}.footer-card-message{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-semibold);color:var(--white);margin:0}.footer-card-message.typing span{opacity:0;display:inline-block;animation:footerCardLetterAppear .1s forwards;white-space:pre}.footer-card-message.typing span:nth-child(1){animation-delay:0s}.footer-card-message.typing span:nth-child(2){animation-delay:.05s}.footer-card-message.typing span:nth-child(3){animation-delay:.1s}.footer-card-message.typing span:nth-child(4){animation-delay:.15s}.footer-card-message.typing span:nth-child(5){animation-delay:.2s}.footer-card-message.typing span:nth-child(6){animation-delay:.25s}.footer-card-message.typing span:nth-child(7){animation-delay:.3s}.footer-card-message.typing span:nth-child(8){animation-delay:.35s}.footer-card-message.typing span:nth-child(9){animation-delay:.4s}.footer-card-message.typing span:nth-child(10){animation-delay:.45s}.footer-card-message.typing span:nth-child(11){animation-delay:.5s}.footer-card-message.typing span:nth-child(12){animation-delay:.55s}.footer-card-message.typing span:nth-child(13){animation-delay:.6s}.footer-card-message.typing span:nth-child(14){animation-delay:.65s}.footer-card-message.typing span:nth-child(15){animation-delay:.7s}.footer-card-message.typing span:nth-child(16){animation-delay:.75s}.footer-card-message.typing span:nth-child(17){animation-delay:.8s}.footer-card-message.typing span:nth-child(18){animation-delay:.85s}.footer-card-message.typing span:nth-child(19){animation-delay:.9s}.footer-card-message.typing span:nth-child(20){animation-delay:.95s}.footer-card-message.typing span:nth-child(21){animation-delay:1s}@keyframes footerCardLetterAppear{0%{opacity:0}to{opacity:1}}.footer-card-social{display:flex;gap:var(--space-2);justify-content:center;align-items:center}.footer-card-social-link{color:var(--white);transition:background-color .4s ease;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:none;opacity:1}.footer-card-social-link:hover{background-color:#2c2c2c;color:var(--white);opacity:1}.footer-card-social-link:active{background-color:#2c2c2c;color:var(--white);opacity:1;transform:translate(2px,2px)}.home-hero-card{display:flex;justify-content:center;align-items:center;padding:0 var(--space-6);animation:colorShift 30s ease-in-out infinite;min-height:calc(100vh - 40px);height:calc(100vh - 40px);scroll-snap-align:start;scroll-snap-stop:always}.home-hero-card .hero-quote{margin:0;padding:0;border:none;max-width:800px;text-align:center;box-sizing:border-box}.home-hero-card .quote-text{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-normal);color:var(--charcoal);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.home-hero-card .quote-text.typing span{opacity:0;display:inline-block;animation:quoteLetterAppear .1s forwards;white-space:pre}.home-hero-card .quote-text.typing span:nth-child(1){animation-delay:0s}.home-hero-card .quote-text.typing span:nth-child(2){animation-delay:.05s}.home-hero-card .quote-text.typing span:nth-child(3){animation-delay:.1s}.home-hero-card .quote-text.typing span:nth-child(4){animation-delay:.15s}.home-hero-card .quote-text.typing span:nth-child(5){animation-delay:.2s}.home-hero-card .quote-text.typing span:nth-child(6){animation-delay:.25s}.home-hero-card .quote-text.typing span:nth-child(7){animation-delay:.3s}.home-hero-card .quote-text.typing span:nth-child(8){animation-delay:.35s}.home-hero-card .quote-text.typing span:nth-child(9){animation-delay:.4s}.home-hero-card .quote-text.typing span:nth-child(10){animation-delay:.45s}.home-hero-card .quote-text.typing span:nth-child(11){animation-delay:.5s}.home-hero-card .quote-text.typing span:nth-child(12){animation-delay:.55s}.home-hero-card .quote-text.typing span:nth-child(13){animation-delay:.6s}.home-hero-card .quote-text.typing span:nth-child(14){animation-delay:.65s}.home-hero-card .quote-text.typing span:nth-child(15){animation-delay:.7s}.home-hero-card .quote-text.typing span:nth-child(16){animation-delay:.75s}.home-hero-card .quote-text.typing span:nth-child(17){animation-delay:.8s}.home-hero-card .quote-text.typing span:nth-child(18){animation-delay:.85s}.home-hero-card .quote-text.typing span:nth-child(19){animation-delay:.9s}.home-hero-card .quote-text.typing span:nth-child(20){animation-delay:.95s}.home-hero-card .quote-text.typing span:nth-child(21){animation-delay:1s}.home-hero-card .quote-text.typing span:nth-child(22){animation-delay:1.05s}.home-hero-card .quote-text.typing span:nth-child(23){animation-delay:1.1s}.home-hero-card .quote-text.typing span:nth-child(24){animation-delay:1.15s}.home-hero-card .quote-text.typing span:nth-child(25){animation-delay:1.2s}.home-hero-card .quote-text.typing span:nth-child(26){animation-delay:1.25s}.home-hero-card .quote-text.typing span:nth-child(27){animation-delay:1.3s}.home-hero-card .quote-text.typing span:nth-child(28){animation-delay:1.35s}.home-hero-card .quote-text.typing span:nth-child(29){animation-delay:1.4s}.home-hero-card .quote-text.typing span:nth-child(30){animation-delay:1.45s}.home-hero-card .quote-text.typing span:nth-child(31){animation-delay:1.5s}.home-hero-card .quote-text.typing span:nth-child(32){animation-delay:1.55s}.home-hero-card .quote-text.typing span:nth-child(33){animation-delay:1.6s}.home-hero-card .quote-text.typing span:nth-child(34){animation-delay:1.65s}.home-hero-card .quote-text.typing span:nth-child(35){animation-delay:1.7s}.home-hero-card .quote-text.typing span:nth-child(36){animation-delay:1.75s}.home-hero-card .quote-author{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-normal);color:var(--medium-gray);font-style:normal}.home-hero-card .quote-author.typing span{opacity:0;display:inline-block;animation:authorLetterAppear .1s forwards;white-space:pre}.home-hero-card .quote-author.typing span:nth-child(1){animation-delay:1.85s}.home-hero-card .quote-author.typing span:nth-child(2){animation-delay:1.92s}.home-hero-card .quote-author.typing span:nth-child(3){animation-delay:1.99s}.home-hero-card .quote-author.typing span:nth-child(4){animation-delay:2.06s}.home-hero-card .quote-author.typing span:nth-child(5){animation-delay:2.13s}.home-hero-card .quote-author.typing span:nth-child(6){animation-delay:2.2s}.home-hero-card .quote-author.typing span:nth-child(7){animation-delay:2.27s}.home-hero-card .quote-author.typing span:nth-child(8){animation-delay:2.34s}.home-hero-card .quote-author.typing span:nth-child(9){animation-delay:2.41s}.home-hero-card .quote-author.typing span:nth-child(10){animation-delay:2.48s}.home-hero-card .quote-author.typing span:nth-child(11){animation-delay:2.55s}.home-hero-card .quote-author.typing span:nth-child(12){animation-delay:2.62s}.home-hero-card .quote-author.typing span:nth-child(13){animation-delay:2.69s}.home-hero-card .quote-author.typing span:nth-child(14){animation-delay:2.76s}.home-hero-card .quote-author.typing span:nth-child(15){animation-delay:2.83s}.home-hero-card .quote-author.typing span:nth-child(16){animation-delay:2.9s}.home-hero-card .quote-author.typing span:nth-child(17){animation-delay:2.97s}.home-hero-card .quote-author.typing span:nth-child(18){animation-delay:3.04s}.home-hero-card .quote-author.typing span:nth-child(19){animation-delay:3.11s}.home-hero-card .quote-author.typing span:nth-child(20){animation-delay:3.18s}.home-hero-card .quote-author.typing span:nth-child(21){animation-delay:3.25s}.home-hero-card .quote-author.typing span:nth-child(22){animation-delay:3.32s}@keyframes quoteLetterAppear{0%{opacity:0}to{opacity:1}}@keyframes authorLetterAppear{0%{opacity:0}to{opacity:1}}.page-title{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:var(--weight-bold);color:var(--charcoal);text-align:center;margin-bottom:var(--space-4)}.page-description{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-normal);color:var(--medium-gray);text-align:center;line-height:var(--leading-relaxed);margin-bottom:var(--space-12);max-width:700px;margin-left:auto;margin-right:auto}.page-content{margin-top:var(--space-10)}.page-placeholder{font-family:var(--font-body);font-size:var(--text-lg);font-style:italic;color:var(--medium-gray);text-align:center;padding:var(--space-16) 0}@media(max-width:768px){.page-container{padding:var(--space-10) var(--space-4)}.home-hero-card{padding:0}.home-hero-card .hero-quote{max-width:100%;padding:0 var(--space-4);box-sizing:border-box}.home-hero-card .quote-text{font-size:var(--text-3xl);word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.home-hero-card .quote-author{font-size:var(--text-lg)}.page-title{font-size:var(--text-4xl)}.page-description{font-size:var(--text-lg)}.page-placeholder{font-size:var(--text-base);padding:var(--space-12) 0}.page-footer-card{height:100vh;min-height:100vh;padding:0 var(--space-4)}.footer-card-message{font-size:var(--text-3xl)}}@media(max-width:480px){.page-container{padding:var(--space-10) var(--space-3)}.home-hero-card{padding:0}.home-hero-card .hero-quote{max-width:100%;padding:0 var(--space-3);box-sizing:border-box}.home-hero-card .quote-text{font-size:var(--text-3xl);word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.home-hero-card .quote-author{font-size:var(--text-base)}.page-footer-card{padding:0 var(--space-3)}.page-title{font-size:var(--text-3xl)}.page-description{font-size:var(--text-base)}.footer-card-message{font-size:var(--text-2xl)}}body:has(.uiux-page){background-color:#fff}.uiux-page{background:#fff;min-height:100vh;padding:0}.uiux-filter-container{padding:40px 60px 20px;background:#fff;position:sticky;top:0;z-index:100}.uiux-filter-tags{display:flex;gap:12px;flex-wrap:wrap}.uiux-filter-tag{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:400;color:#2f3d37;background:transparent;padding:10px 24px;border-radius:20px;border:none;cursor:pointer;transition:all .3s ease;position:relative}.uiux-filter-tag:before{content:"";position:absolute;inset:-3px;border:3px dashed transparent;border-radius:24px;pointer-events:none;transition:border-color .3s ease}.uiux-filter-tag:hover:not(.active):before{border-color:#2f3d37}.uiux-filter-tag:hover:not(.active){opacity:1;color:#2f3d37}.uiux-filter-tag.active{background:#2f3d37;color:#fff;cursor:default}.uiux-filter-tag.active:hover{opacity:1;background:#2f3d37;color:#fff}.uiux-filter-tag.active:before{display:none}.uiux-projects-section{padding:40px 60px 80px}.uiux-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.uiux-project-card{border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:16px;cursor:pointer;height:442px;box-sizing:border-box;position:relative;transition:all .3s ease;--hover-color: #18A76C}.uiux-project-card:before{content:"";position:absolute;inset:-6px;border:3px dashed transparent;border-radius:22px;pointer-events:none;transition:border-color .3s ease}.uiux-project-card:hover:before{border-color:var(--hover-color)}.uiux-project-card-image-container{position:relative;width:100%;flex:1;border-radius:12px;overflow:hidden}.uiux-project-card-image{width:100%;height:100%;object-fit:cover}.uiux-project-card-tag{display:inline-block;width:fit-content;font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:19.852px;font-weight:400;color:#2f3d37;background:transparent;padding:9.926px 29.035px;border-radius:20px;border:.827px solid #2f3d37;white-space:nowrap;line-height:normal;text-align:center;margin-top:8px}.uiux-project-card-title{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;font-style:italic;margin:0;line-height:1.3}@media(max-width:1024px){.uiux-filter-container{padding:30px 40px 15px}.uiux-projects-section{padding:30px 40px 40px}.uiux-project-card{height:380px;padding:24px}.uiux-project-card-title{font-size:20px}.uiux-project-card-tag{font-size:16px;padding:8px 20px}}@media(max-width:768px){.uiux-filter-container{padding:24px 24px 12px}.uiux-filter-tags{gap:8px}.uiux-filter-tag{font-size:14px;padding:8px 16px}.uiux-projects-section{padding:24px}.uiux-projects-grid{grid-template-columns:1fr;gap:20px}.uiux-project-card{height:350px;padding:20px}.uiux-project-card-title{font-size:18px}.uiux-project-card-tag{font-size:14px;padding:6px 16px}}.uiux-footer-bar{background-color:#2f3d37;padding:120px 60px 60px;width:100%;box-sizing:border-box}.uiux-footer-links{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:400;color:#fff;margin:0;line-height:normal}.uiux-footer-links a{color:#fff;text-decoration:none}.uiux-footer-links a:hover{opacity:.8}.uiux-footer-content{display:flex;justify-content:space-between;align-items:flex-end;width:100%;border-top:1px solid rgba(255,255,255,.3);padding-top:24px}.uiux-footer-copyright{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:400;color:#fff9;margin:0;line-height:normal;text-align:right}.page-hero{position:relative;height:50vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.page-hero-card{min-height:calc(100vh - 40px);height:calc(100vh - 40px);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:0;box-sizing:border-box;background-color:var(--ivory);scroll-snap-align:start;scroll-snap-stop:always;animation:uiuxColorShift 30s ease-in-out infinite}@keyframes uiuxColorShift{0%{background-color:#faf9f6}14%{background-color:#fff5f5}28%{background-color:#fffaf0}42%{background-color:#fafff0}56%{background-color:#f0fffe}70%{background-color:#f5f5ff}84%{background-color:#fff0fa}to{background-color:#faf9f6}}.page-hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.page-hero-card .page-hero-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.page-hero-overlay{position:relative;z-index:2;text-align:center;padding:var(--space-6)}.page-hero-title{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:var(--weight-bold);color:var(--ivory);text-shadow:0 2px 8px rgba(0,0,0,.3);margin:0;background:linear-gradient(135deg,var(--ivory),var(--warm-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero-title-below{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:var(--weight-bold);color:var(--charcoal);padding:var(--space-10) 0;max-width:var(--screen-lg);margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6);text-align:left}.page-hero-card .page-hero-title-below{position:relative;z-index:2;color:var(--charcoal);text-shadow:none}.page-hero-title-below.typing span{opacity:0;display:inline-block;animation:letterAppear .2s forwards}.page-hero-title-below.typing span:nth-child(1){animation-delay:0s}.page-hero-title-below.typing span:nth-child(2){animation-delay:.2s}.page-hero-title-below.typing span:nth-child(3){animation-delay:.4s}.page-hero-title-below.typing span:nth-child(4){animation-delay:.6s}.page-hero-title-below.typing span:nth-child(5){animation-delay:.8s}.page-hero-title-below.typing.slow span{animation:letterAppear .3s forwards}.page-hero-title-below.typing.slow span:nth-child(1){animation-delay:0s}.page-hero-title-below.typing.slow span:nth-child(2){animation-delay:.333s}.page-hero-title-below.typing.slow span:nth-child(3){animation-delay:.666s}.page-hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}@media(max-width:768px){.page-hero{height:40vh}.page-hero-title{font-size:var(--text-4xl)}.page-hero-title-below{font-size:var(--text-4xl);padding:var(--space-8) 0;padding-left:var(--space-6);padding-right:var(--space-6)}}@media(max-width:480px){.page-hero{height:35vh}.page-hero-title{font-size:var(--text-3xl)}.page-hero-title-below{font-size:var(--text-3xl);padding:var(--space-6) 0;padding-left:var(--space-6);padding-right:var(--space-6)}}.sketch-carousel{background-color:#000;width:100%;padding:var(--space-4) 0;position:relative;overflow-x:hidden;height:100%;display:flex;flex-direction:column;justify-content:center}.carousel-content{max-width:var(--screen-lg);margin:0 auto;padding:0 var(--space-6)}.carousel-subheading{font-family:Caveat,cursive;font-size:50px;font-weight:400;color:var(--white);margin:var(--space-10) 0 calc(-1 * var(--space-4)) 0;text-align:left;position:relative;display:inline-block}.carousel-subheading.typing span{opacity:0;display:inline-block;animation:letterAppear .1s forwards}.carousel-subheading.typing span:nth-child(1){animation-delay:0s}.carousel-subheading.typing span:nth-child(2){animation-delay:.125s}.carousel-subheading.typing span:nth-child(3){animation-delay:.25s}.carousel-subheading.typing span:nth-child(4){animation-delay:.375s}.carousel-subheading.typing span:nth-child(5){animation-delay:.5s}.carousel-subheading.typing span:nth-child(6){animation-delay:.625s}.carousel-subheading.typing span:nth-child(7){animation-delay:.75s}.carousel-subheading.typing span:nth-child(8){animation-delay:.875s}.carousel-container{position:relative;width:100%;max-width:100vw;height:70vh;max-height:600px;display:flex;align-items:center;justify-content:center;margin:0;overflow:visible}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:4px dashed transparent;color:var(--white);font-size:4rem;cursor:pointer;padding:0;transition:border-color .3s ease;z-index:1000;-webkit-user-select:none;user-select:none;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover,.carousel-arrow:active{border:4px dashed var(--light-gray);color:var(--white);opacity:1}.carousel-arrow:focus{outline:none;color:var(--white);opacity:1}.carousel-arrow:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.carousel-arrow:disabled:hover{background-color:transparent}.carousel-arrow-left{left:200px}.carousel-arrow-right{right:200px}.carousel-images{position:relative;width:100%;max-width:900px;height:100%}.carousel-image-wrapper{position:absolute;top:50%;left:50%;width:auto;max-width:700px;background-color:transparent;padding:0;box-shadow:none;cursor:pointer;transition:all 1s cubic-bezier(.25,.46,.45,.94);transform-origin:center center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.carousel-image-wrapper.immediate-transition{transition:none}.carousel-image-wrapper.stack-0{transform:translate(-50%,-50%) rotate(0);z-index:10;opacity:1;transition:transform .4s ease,filter .4s ease,opacity 1s cubic-bezier(.25,.46,.45,.94)}.carousel-image-wrapper.stack-0:hover .carousel-image{transform:scale(1.05);filter:brightness(1.15)}.carousel-image-wrapper.stack-1{transform:translate(-60%,-55%) rotate(-7deg) scale(.88);z-index:9;opacity:1;pointer-events:none;filter:brightness(.85)}.carousel-image-wrapper.stack-1 .sketch-caption{display:none}.carousel-image-wrapper.stack-2{transform:translate(-40%,-55%) rotate(5deg) scale(.9);z-index:8;opacity:1;pointer-events:none;filter:brightness(.85)}.carousel-image-wrapper.stack-2 .sketch-caption{display:none}.carousel-image-wrapper.stack-3{transform:translate(-62%,-46%) rotate(8deg) scale(.86);z-index:7;opacity:1;pointer-events:none;filter:brightness(.8)}.carousel-image-wrapper.stack-3 .sketch-caption{display:none}.carousel-image-wrapper.stack-hidden{transform:translate(-38%,-47%) rotate(-6deg) scale(.84);z-index:6;opacity:1;pointer-events:none;filter:brightness(.8)}.carousel-image-wrapper.stack-hidden .sketch-caption{display:none}.carousel-image-wrapper.exiting-left{opacity:1;z-index:5;transition:all 1s cubic-bezier(.25,.46,.45,.94)!important}.carousel-image-wrapper.entering-left{opacity:1;z-index:11;transition:all .4s cubic-bezier(.25,.46,.45,.94)!important}.carousel-image-wrapper.exited-hidden{opacity:1;z-index:1;pointer-events:none}.carousel-image{width:auto;max-width:100%;height:auto;max-height:55vh;object-fit:contain;display:block;box-shadow:2px 2px #000;transition:box-shadow .4s ease,transform .4s ease,filter .4s ease}.carousel-image-wrapper.stack-0:hover .carousel-image{box-shadow:6px 6px #000}.sketch-caption{font-family:var(--font-body);text-align:center;margin:0;padding-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:0;text-shadow:2px 2px 0 #000;transition:transform .4s ease,filter .4s ease,text-shadow .4s ease}.carousel-image-wrapper.stack-0:hover .sketch-caption{transform:scale(1.05);filter:brightness(1.15);text-shadow:6px 6px 0 #000}.sketch-caption-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--white);letter-spacing:.02em}.sketch-caption-separator{font-size:var(--text-base);color:var(--white);margin:0 var(--space-2)}.sketch-caption-date{font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--white);letter-spacing:.02em}.enlarge-tooltip{position:fixed;background-color:#000;color:var(--white);padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);pointer-events:none;z-index:10000;transform:translate(15px,15px);white-space:nowrap;border-radius:0}@media(max-width:1024px){.carousel-container{height:70vh;max-height:600px}.carousel-images{max-width:750px}.carousel-image-wrapper{max-width:650px}.carousel-image{max-height:62vh}.carousel-arrow{font-size:2.5rem;width:70px;height:70px}.carousel-arrow-left{left:40px}.carousel-arrow-right{right:40px}}@media(max-width:768px){.sketch-carousel{padding:var(--space-8) 0}.carousel-container{height:60vh;max-height:500px}.carousel-images{max-width:95%}.carousel-image-wrapper{max-width:90%}.carousel-image{max-height:52vh}.carousel-arrow{font-size:2rem;width:50px;height:50px}.carousel-arrow-left{left:20px}.carousel-arrow-right{right:20px}.sketch-caption{font-size:var(--text-sm)}}.sketch-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:999999;padding:var(--space-6);animation:modalFadeIn .4s cubic-bezier(.34,1.56,.64,1)}.sketch-modal-overlay.closing{animation:modalFadeOut .4s cubic-bezier(.34,1.56,.64,1)}.sketch-modal{background-color:#141615;max-width:1200px;width:100%;height:80vh;position:relative;overflow:hidden;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);border-radius:20px}.sketch-modal.closing{animation:modalSlideDown .4s cubic-bezier(.34,1.56,.64,1)}.sketch-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:4px dashed transparent;font-size:var(--text-xl);color:var(--white);cursor:pointer;z-index:10;width:60px;height:60px;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:border-color .3s ease;padding:0;flex-shrink:0;opacity:1}.sketch-modal-close:hover,.sketch-modal-close:active{border:4px dashed var(--light-gray);color:var(--white);opacity:1}.sketch-modal-content{display:flex;gap:var(--space-8);padding:var(--space-8);height:80vh;overflow:hidden}.sketch-modal-image-container{flex:2;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#000;padding:0;height:100%}.sketch-modal-image{width:100%;height:100%;object-fit:contain;filter:brightness(1.1)}.sketch-modal-info{flex:1;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:hidden}.sketch-modal-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--white);margin:0}.sketch-modal-year{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-normal);color:var(--medium-gray);margin:0}.sketch-modal-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--light-gray);line-height:var(--leading-relaxed);margin:0;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.sketch-modal-description::-webkit-scrollbar{display:none}.sketch-modal-navigation{display:flex;gap:var(--space-6);justify-content:center;margin-top:auto}.modal-nav-btn{background:transparent;color:#fff;border:4px dashed transparent;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease;-webkit-user-select:none;user-select:none;padding:0;flex-shrink:0}.modal-nav-btn:hover,.modal-nav-btn:active{border:4px dashed var(--light-gray);color:#fff;opacity:1}@media(max-width:768px){.sketch-modal-content{flex-direction:column;padding:var(--space-6)}.sketch-modal-image-container{max-height:50vh}.sketch-modal-title{font-size:var(--text-2xl)}}.paintings-section{background-color:#387c5e;width:100%;padding:var(--space-6) 0 var(--space-12) 0;position:relative;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.paintings-content{max-width:var(--screen-lg);width:100%;margin:0 auto;padding:0 var(--space-6);display:flex;flex-direction:column}.paintings-subheading{font-family:Caveat,cursive;font-size:50px;font-weight:400;color:var(--white);margin:var(--space-2) 0 0 0;text-align:center;position:relative;display:inline-block}.paintings-subheading.typing span{opacity:0;display:inline-block;animation:letterAppear .1s forwards}.paintings-subheading.typing span:nth-child(1){animation-delay:0s}.paintings-subheading.typing span:nth-child(2){animation-delay:.111s}.paintings-subheading.typing span:nth-child(3){animation-delay:.222s}.paintings-subheading.typing span:nth-child(4){animation-delay:.333s}.paintings-subheading.typing span:nth-child(5){animation-delay:.444s}.paintings-subheading.typing span:nth-child(6){animation-delay:.555s}.paintings-subheading.typing span:nth-child(7){animation-delay:.666s}.paintings-subheading.typing span:nth-child(8){animation-delay:.777s}.paintings-subheading.typing span:nth-child(9){animation-delay:.888s}.paintings-container{display:flex;flex-direction:row;gap:var(--space-10);justify-content:center;align-items:flex-start;margin-top:var(--space-3);width:100%}.painting-item{display:flex;flex-direction:row;gap:var(--space-3);align-items:flex-start;flex:1;max-width:1200px}.painting-item.reverse{flex-direction:row-reverse}.painting-image-wrapper{flex:1.5;display:flex;align-items:flex-start;justify-content:center;opacity:0;transform:translateY(-100vh);transform-origin:top center;position:relative;padding:24px;cursor:pointer}.painting-item:nth-child(1).pendulum-drop .painting-image-wrapper{animation:paintingDrop .6s ease-in forwards,paintingSwing 1.5s ease-in-out .6s forwards}.painting-item:nth-child(2).pendulum-drop .painting-image-wrapper{animation:paintingDrop .6s ease-in forwards .15s,paintingSwing 1.5s ease-in-out .75s forwards}@keyframes paintingDrop{0%{opacity:0;transform:translateY(-100vh)}to{opacity:1;transform:translateY(0)}}@keyframes paintingSwing{0%{transform:translateY(0) rotate(0)}10%{transform:translateY(0) rotate(4deg)}20%{transform:translateY(0) rotate(-3deg)}30%{transform:translateY(0) rotate(2deg)}40%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(0) rotate(1deg)}60%{transform:translateY(0) rotate(-.5deg)}70%{transform:translateY(0) rotate(.3deg)}80%{transform:translateY(0) rotate(-.1deg)}90%{transform:translateY(0) rotate(.05deg)}to{transform:translateY(0) rotate(0)}}.painting-image-wrapper:before{content:"";position:absolute;top:-335px;left:50%;transform:translate(-50%);width:2px;height:35px;background:#000;pointer-events:none;z-index:99998;transition:top .4s ease-out,opacity .4s ease-out;opacity:0}.painting-image-wrapper:hover:before{top:-135px;opacity:1}.painting-image-wrapper:after{content:"";position:absolute;top:-300px;left:50%;transform:translate(-50%) rotate(180deg);width:40px;height:70px;opacity:0;pointer-events:none;z-index:99999;background:repeating-linear-gradient(to right,transparent 0px,transparent 4px,#111 4px,#111 6px) 0 0 / 100% 35px no-repeat,linear-gradient(to right,#000,#6a6a6a,#000) 0 0 / 100% 35px no-repeat,#1a1a1a;border-radius:8px 8px 0 0;clip-path:polygon(0% 0%,100% 0%,100% 50%,75% 50%,75% 100%,25% 100%,25% 50%,0% 50%);box-shadow:inset 0 2px 4px #00000080,0 0 20px #ffffff4d;transition:top .4s ease-out,opacity .4s ease-out}.painting-image-wrapper:hover:after{top:-100px;opacity:1;background:repeating-linear-gradient(to right,transparent 0px,transparent 4px,#111 4px,#111 6px) 0 0 / 100% 35px no-repeat,linear-gradient(to right,#000,#6a6a6a,#000) 0 0 / 100% 35px no-repeat,#1a1a1a}.painting-image{width:100%;height:auto;display:block;border-radius:0;box-shadow:0 0 0 10px #f2f3f3,0 0 0 16px #141615,0 8px 24px #0000004d;position:relative;transition:filter .4s ease-out,box-shadow .4s ease-out}.painting-image-wrapper:hover .painting-image{filter:brightness(1.15) contrast(1.03) sepia(.15) saturate(1.1);box-shadow:0 0 0 10px #f2f3f3,0 0 0 16px #141615,0 8px 24px #0000004d,0 0 40px #ffdc6466}.painting-gradient-overlay{position:absolute;inset:24px;background:linear-gradient(to bottom,#ffffffb3,#fffff099,#ffffdc7a,#ffffc866,#ffffc847,#ffffc82e,#ffffc81a,#ffffc80a,#ffffc800 80%);mix-blend-mode:overlay;pointer-events:none;opacity:0;z-index:3;transition:opacity .4s ease-out}.painting-image-wrapper:hover .painting-gradient-overlay{opacity:1}.painting-info{flex:1;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);text-align:left}.painting-title{font-family:var(--font-heading);font-size:20px;font-weight:var(--weight-semibold);color:var(--white);margin:0;transition:color .4s ease}.painting-title:hover{color:var(--white)}.painting-year{font-family:var(--font-body);font-size:20px;color:var(--light-gray);margin:0}.painting-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--light-gray);line-height:var(--leading-relaxed);margin:0;transition:color .4s ease}.painting-description:hover{color:var(--white)}.painting-modal-overlay{position:fixed;inset:0;background-color:#22342cf2;display:flex;align-items:center;justify-content:center;z-index:999999;padding:var(--space-6);animation:modalFadeIn .4s cubic-bezier(.34,1.56,.64,1)}.painting-modal-overlay.closing{animation:modalFadeOut .4s cubic-bezier(.34,1.56,.64,1)}.painting-modal{background-color:#387c5e;max-width:1200px;width:100%;height:80vh;position:relative;overflow:hidden;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);border-radius:20px}.painting-modal.closing{animation:modalSlideDown .4s cubic-bezier(.34,1.56,.64,1)}.painting-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:4px dashed transparent;font-size:var(--text-xl);color:var(--white);cursor:pointer;z-index:10;width:60px;height:60px;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:border-color .3s ease;padding:0;flex-shrink:0;opacity:1}.painting-modal-close:hover,.painting-modal-close:active{border:4px dashed var(--light-gray);color:var(--white);opacity:1}.painting-modal-content{display:flex;gap:var(--space-8);padding:var(--space-8);height:80vh;overflow:hidden}.painting-modal-image-container{flex:2;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#1a3d2e;padding:0;height:100%}.painting-modal-image{width:100%;height:100%;object-fit:contain;filter:brightness(1.1)}.painting-modal-info{flex:1;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.painting-modal-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--white);margin:0}.painting-modal-year{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-normal);color:var(--light-gray);margin:0}.painting-modal-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--light-gray);line-height:var(--leading-relaxed);margin:0;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none;white-space:pre-line}.painting-modal-description::-webkit-scrollbar{display:none}.painting-modal-navigation{display:flex;gap:var(--space-6);justify-content:center;margin-top:auto;padding-top:var(--space-6)}.painting-modal-nav-btn{background:transparent;color:#fff;border:4px dashed transparent;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease;-webkit-user-select:none;user-select:none;padding:0;flex-shrink:0}.painting-modal-nav-btn:hover,.painting-modal-nav-btn:active{border:4px dashed var(--light-gray);color:#fff;opacity:1}@media(max-width:768px){.painting-modal-content{flex-direction:column;padding:var(--space-6)}.painting-modal-image-container{max-height:50vh}.painting-modal-title,.paintings-subheading{font-size:var(--text-2xl)}.paintings-container{flex-direction:column;gap:var(--space-12);align-items:center}.painting-item{width:100%;flex-direction:column}.painting-item.reverse{flex-direction:column}.painting-title{font-size:var(--text-base)}.painting-description{font-size:var(--text-xs)}}.oil-pastels-section{background-color:#f2f8f5;width:100%;padding:var(--space-12) 0;position:relative;overflow-x:hidden}.oil-pastels-content{max-width:var(--screen-lg);margin:0 auto;padding:0 var(--space-6)}.oil-pastels-subheading{font-family:Caveat,cursive;font-size:50px;font-weight:400;color:var(--charcoal);margin:var(--space-4) 0 0 0;text-align:left;position:relative;display:inline-block}.oil-pastels-subheading.typing span{opacity:0;display:inline-block;animation:letterAppear .1s forwards;white-space:pre}.oil-pastels-subheading.typing span:nth-child(1){animation-delay:0s}.oil-pastels-subheading.typing span:nth-child(2){animation-delay:53ms}.oil-pastels-subheading.typing span:nth-child(3){animation-delay:.106s}.oil-pastels-subheading.typing span:nth-child(4){animation-delay:.159s}.oil-pastels-subheading.typing span:nth-child(5){animation-delay:.212s}.oil-pastels-subheading.typing span:nth-child(6){animation-delay:.265s}.oil-pastels-subheading.typing span:nth-child(7){animation-delay:.318s}.oil-pastels-subheading.typing span:nth-child(8){animation-delay:.371s}.oil-pastels-subheading.typing span:nth-child(9){animation-delay:.424s}.oil-pastels-subheading.typing span:nth-child(10){animation-delay:.477s}.oil-pastels-subheading.typing span:nth-child(11){animation-delay:.53s}.oil-pastels-subheading.typing span:nth-child(12){animation-delay:.583s}.oil-pastels-subheading.typing span:nth-child(13){animation-delay:.636s}.oil-pastels-subheading.typing span:nth-child(14){animation-delay:.689s}.oil-pastels-subheading.typing span:nth-child(15){animation-delay:.742s}.oil-pastels-subheading.typing span:nth-child(16){animation-delay:.795s}.oil-pastels-subheading.typing span:nth-child(17){animation-delay:.848s}.oil-pastels-subheading.typing span:nth-child(18){animation-delay:.901s}.oil-pastels-subheading.typing span:nth-child(19){animation-delay:.954s}.oil-pastels-subheading.typing span:nth-child(20){animation-delay:1.007s}.oil-pastels-grid{display:flex;flex-direction:row;gap:var(--space-8);width:100%;max-width:1400px;margin:0 auto;justify-content:center;align-items:center}.oil-pastel-item{display:flex;flex-direction:column;align-items:center;flex-shrink:0;transition:background-color .4s ease;padding:var(--space-3);background-color:transparent;cursor:pointer;opacity:0;transform:translate(-150vw)}.oil-pastel-item:nth-child(1){transform:translate(-150vw,-100vh) rotate(-3deg)}.oil-pastel-item:nth-child(2){transform:translate(150vw,-100vh) rotate(2deg)}.oil-pastel-item:nth-child(3){transform:translate(-150vw,100vh) rotate(-4deg)}.oil-pastel-item:nth-child(4){transform:translate(150vw,100vh) rotate(3deg)}.oil-pastel-item:nth-child(1).zigzag-enter{animation:zigzagFromTopLeft 2.4s steps(1,end) forwards}.oil-pastel-item:nth-child(2).zigzag-enter{animation:zigzagFromTopRight 2.4s steps(1,end) forwards .1s}.oil-pastel-item:nth-child(3).zigzag-enter{animation:zigzagFromBottomLeft 2.4s steps(1,end) forwards .2s}.oil-pastel-item:nth-child(4).zigzag-enter{animation:zigzagFromBottomRight 2.4s steps(1,end) forwards .3s}@keyframes zigzagFromTopLeft{0%{opacity:0;transform:translate(-150vw,-100vh) rotate(-25deg)}1%{opacity:1;transform:translate(-150vw,-100vh) rotate(-25deg)}5%{transform:translate(-130vw,-90vh) rotate(15deg)}10%{transform:translate(-110vw,-80vh) rotate(-20deg)}15%{transform:translate(-90vw,-70vh) rotate(18deg)}20%{transform:translate(-75vw,-60vh) rotate(-15deg)}25%{transform:translate(-60vw,-50vh) rotate(12deg)}30%{transform:translate(-50vw,-42vh) rotate(-10deg)}35%{transform:translate(-42vw,-35vh) rotate(10deg)}40%{transform:translate(-35vw,-30vh) rotate(-8deg)}45%{transform:translate(-28vw,-25vh) rotate(8deg)}50%{transform:translate(-22vw,-20vh) rotate(-6deg)}55%{transform:translate(-18vw,-16vh) rotate(6deg)}60%{transform:translate(-14vw,-13vh) rotate(-5deg)}65%{transform:translate(-11vw,-10vh) rotate(5deg)}70%{transform:translate(-8vw,-8vh) rotate(-4deg)}75%{transform:translate(-6vw,-6vh) rotate(4deg)}80%{transform:translate(-4vw,-4vh) rotate(-3deg)}85%{transform:translate(-2vw,-2vh) rotate(2deg)}90%{transform:translate(-1vw,-1vh) rotate(-1deg)}95%{transform:translate(-.5vw,-.5vh) rotate(0)}to{opacity:1;transform:translate(0) rotate(-3deg)}}@keyframes zigzagFromTopRight{0%{opacity:0;transform:translate(150vw,-100vh) rotate(25deg)}1%{opacity:1;transform:translate(150vw,-100vh) rotate(25deg)}5%{transform:translate(130vw,-90vh) rotate(-15deg)}10%{transform:translate(110vw,-80vh) rotate(20deg)}15%{transform:translate(90vw,-70vh) rotate(-18deg)}20%{transform:translate(75vw,-60vh) rotate(15deg)}25%{transform:translate(60vw,-50vh) rotate(-12deg)}30%{transform:translate(50vw,-42vh) rotate(10deg)}35%{transform:translate(42vw,-35vh) rotate(-10deg)}40%{transform:translate(35vw,-30vh) rotate(8deg)}45%{transform:translate(28vw,-25vh) rotate(-8deg)}50%{transform:translate(22vw,-20vh) rotate(6deg)}55%{transform:translate(18vw,-16vh) rotate(-6deg)}60%{transform:translate(14vw,-13vh) rotate(5deg)}65%{transform:translate(11vw,-10vh) rotate(-5deg)}70%{transform:translate(8vw,-8vh) rotate(4deg)}75%{transform:translate(6vw,-6vh) rotate(-4deg)}80%{transform:translate(4vw,-4vh) rotate(3deg)}85%{transform:translate(2vw,-2vh) rotate(-2deg)}90%{transform:translate(1vw,-1vh) rotate(1deg)}95%{transform:translate(.5vw,-.5vh) rotate(0)}to{opacity:1;transform:translate(0) rotate(2deg)}}@keyframes zigzagFromBottomLeft{0%{opacity:0;transform:translate(-150vw,100vh) rotate(-25deg)}1%{opacity:1;transform:translate(-150vw,100vh) rotate(-25deg)}5%{transform:translate(-130vw,90vh) rotate(15deg)}10%{transform:translate(-110vw,80vh) rotate(-20deg)}15%{transform:translate(-90vw,70vh) rotate(18deg)}20%{transform:translate(-75vw,60vh) rotate(-15deg)}25%{transform:translate(-60vw,50vh) rotate(12deg)}30%{transform:translate(-50vw,42vh) rotate(-10deg)}35%{transform:translate(-42vw,35vh) rotate(10deg)}40%{transform:translate(-35vw,30vh) rotate(-8deg)}45%{transform:translate(-28vw,25vh) rotate(8deg)}50%{transform:translate(-22vw,20vh) rotate(-6deg)}55%{transform:translate(-18vw,16vh) rotate(6deg)}60%{transform:translate(-14vw,13vh) rotate(-5deg)}65%{transform:translate(-11vw,10vh) rotate(5deg)}70%{transform:translate(-8vw,8vh) rotate(-4deg)}75%{transform:translate(-6vw,6vh) rotate(4deg)}80%{transform:translate(-4vw,4vh) rotate(-3deg)}85%{transform:translate(-2vw,2vh) rotate(2deg)}90%{transform:translate(-1vw,1vh) rotate(-1deg)}95%{transform:translate(-.5vw,.5vh) rotate(0)}to{opacity:1;transform:translate(0) rotate(-4deg)}}@keyframes zigzagFromBottomRight{0%{opacity:0;transform:translate(150vw,100vh) rotate(25deg)}1%{opacity:1;transform:translate(150vw,100vh) rotate(25deg)}5%{transform:translate(130vw,90vh) rotate(-15deg)}10%{transform:translate(110vw,80vh) rotate(20deg)}15%{transform:translate(90vw,70vh) rotate(-18deg)}20%{transform:translate(75vw,60vh) rotate(15deg)}25%{transform:translate(60vw,50vh) rotate(-12deg)}30%{transform:translate(50vw,42vh) rotate(10deg)}35%{transform:translate(42vw,35vh) rotate(-10deg)}40%{transform:translate(35vw,30vh) rotate(8deg)}45%{transform:translate(28vw,25vh) rotate(-8deg)}50%{transform:translate(22vw,20vh) rotate(6deg)}55%{transform:translate(18vw,16vh) rotate(-6deg)}60%{transform:translate(14vw,13vh) rotate(5deg)}65%{transform:translate(11vw,10vh) rotate(-5deg)}70%{transform:translate(8vw,8vh) rotate(4deg)}75%{transform:translate(6vw,6vh) rotate(-4deg)}80%{transform:translate(4vw,4vh) rotate(3deg)}85%{transform:translate(2vw,2vh) rotate(-2deg)}90%{transform:translate(1vw,1vh) rotate(1deg)}95%{transform:translate(.5vw,.5vh) rotate(0)}to{opacity:1;transform:translate(0) rotate(3deg)}}.oil-pastel-item:hover{background-color:transparent}.oil-pastel-image{width:auto;height:200px;object-fit:contain;display:block;box-shadow:2px 2px #00000059;transition:transform .4s ease,box-shadow .4s ease,filter .4s ease}.oil-pastel-item:hover .oil-pastel-image{transform:scale(1.05);box-shadow:6px 6px #00000059;filter:brightness(1.15)}.oil-pastel-caption{font-family:var(--font-body);font-size:var(--text-sm);color:var(--charcoal);text-align:center;margin-top:var(--space-3);letter-spacing:.02em;transition:transform .4s ease,filter .4s ease,text-shadow .4s ease}.oil-pastel-item:hover .oil-pastel-caption{transform:scale(1.05);filter:brightness(1.15);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.oil-pastel-caption-name{font-weight:var(--weight-semibold)}.oil-pastel-caption-separator,.oil-pastel-caption-year{font-weight:var(--weight-normal)}.oil-pastel-modal-overlay{position:fixed;inset:0;background-color:#c8c8c8cc;display:flex;align-items:center;justify-content:center;z-index:999999;padding:var(--space-6);animation:modalFadeIn .4s cubic-bezier(.34,1.56,.64,1)}.oil-pastel-modal-overlay.closing{animation:modalFadeOut .4s cubic-bezier(.34,1.56,.64,1)}.oil-pastel-modal{background-color:#f2f8f5;max-width:1200px;width:100%;height:80vh;position:relative;overflow:hidden;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);border-radius:20px}.oil-pastel-modal.closing{animation:modalSlideDown .4s cubic-bezier(.34,1.56,.64,1)}.oil-pastel-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:4px dashed transparent;font-size:var(--text-xl);color:var(--charcoal);cursor:pointer;z-index:10;width:60px;height:60px;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:border-color .3s ease;padding:0;flex-shrink:0;opacity:1}.oil-pastel-modal-close:hover,.oil-pastel-modal-close:active{border:4px dashed var(--charcoal);color:var(--charcoal);opacity:1}.oil-pastel-modal-content{display:flex;gap:var(--space-8);padding:var(--space-8);height:80vh;overflow:hidden}.oil-pastel-modal-image-container{flex:2;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#d8d5cc;padding:0;height:100%}.oil-pastel-modal-image{width:100%;height:100%;object-fit:contain;filter:brightness(1.15)}.oil-pastel-modal-info{flex:1;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.oil-pastel-modal-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--charcoal);margin:0}.oil-pastel-modal-year{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-normal);color:var(--medium-gray)}.oil-pastel-modal-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--charcoal);line-height:var(--leading-relaxed);margin:0;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.oil-pastel-modal-description::-webkit-scrollbar{display:none}.oil-pastel-modal-navigation{display:flex;gap:var(--space-6);justify-content:center;margin-top:auto;padding-top:var(--space-6)}.oil-pastel-modal-nav-btn{background:transparent;color:#000;border:4px dashed transparent;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease;-webkit-user-select:none;user-select:none;padding:0;flex-shrink:0}.oil-pastel-modal-nav-btn:hover,.oil-pastel-modal-nav-btn:active{border:4px dashed #000;color:#000;opacity:1}@media(max-width:768px){.oil-pastels-subheading{font-size:var(--text-3xl)}.oil-pastel-modal-content{flex-direction:column;padding:var(--space-6)}.oil-pastel-modal-image-container{max-height:50vh}.oil-pastel-modal-title{font-size:var(--text-2xl)}}@media(max-width:480px){.oil-pastel-item:nth-child(n){margin-left:0;margin-top:var(--space-4)}.oil-pastel-item:first-child{margin-top:0}}.cities-scroller-section{background-color:transparent;width:100%;padding:var(--space-12) 0;overflow-x:hidden}.cities-scroller-content{max-width:100%;margin:0 auto;position:relative}.cities-scroller-subheading{font-family:Caveat,cursive;font-size:50px;font-weight:400;margin:var(--space-4) 0 0 0;text-align:center;padding:0;color:#fff;position:relative;display:inline-block}.cities-scroller-subheading.typing span{opacity:0;display:inline-block;animation:letterAppear .1s forwards;white-space:pre}.cities-scroller-subheading.typing span:nth-child(1){animation-delay:0s}.cities-scroller-subheading.typing span:nth-child(2){animation-delay:48ms}.cities-scroller-subheading.typing span:nth-child(3){animation-delay:96ms}.cities-scroller-subheading.typing span:nth-child(4){animation-delay:.144s}.cities-scroller-subheading.typing span:nth-child(5){animation-delay:.192s}.cities-scroller-subheading.typing span:nth-child(6){animation-delay:.24s}.cities-scroller-subheading.typing span:nth-child(7){animation-delay:.288s}.cities-scroller-subheading.typing span:nth-child(8){animation-delay:.336s}.cities-scroller-subheading.typing span:nth-child(9){animation-delay:.384s}.cities-scroller-subheading.typing span:nth-child(10){animation-delay:.432s}.cities-scroller-subheading.typing span:nth-child(11){animation-delay:.48s}.cities-scroller-subheading.typing span:nth-child(12){animation-delay:.528s}.cities-scroller-subheading.typing span:nth-child(13){animation-delay:.576s}.cities-scroller-subheading.typing span:nth-child(14){animation-delay:.624s}.cities-scroller-subheading.typing span:nth-child(15){animation-delay:.672s}.cities-scroller-subheading.typing span:nth-child(16){animation-delay:.72s}.cities-scroller-subheading.typing span:nth-child(17){animation-delay:.768s}.cities-scroller-subheading.typing span:nth-child(18){animation-delay:.816s}.cities-scroller-subheading.typing span:nth-child(19){animation-delay:.864s}.cities-scroller-subheading.typing span:nth-child(20){animation-delay:.912s}.cities-scroller-subheading.typing span:nth-child(21){animation-delay:.96s}.cities-scroller-subheading.typing span:nth-child(22){animation-delay:1.008s}.cities-scroller-subheading.typing span:nth-child(23){animation-delay:1.056s}.cities-scroller-subheading span{display:inline-block}.cities-story-container{display:flex;justify-content:center;padding:var(--space-4) 0 0;margin-top:var(--space-4)}.cities-story-button{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);color:#fff;background-color:transparent;border:4px dashed transparent;border-radius:20px;padding:var(--space-3) var(--space-6);cursor:pointer;transition:border-color .3s ease;position:relative}.cities-story-button:hover{border:4px dashed var(--light-gray);color:#fff;opacity:1}.cities-story-button:active{border:4px dashed var(--light-gray);color:#fff}.cities-scroller-container{display:flex;align-items:center;justify-content:center;gap:var(--space-6);position:relative;width:100%}.cities-scroller-wrapper{flex:1;overflow:hidden;position:relative;max-width:900px}.cities-scroller-container .carousel-arrow{position:absolute;color:#fff}.cities-scroller-container .carousel-arrow:hover,.cities-scroller-container .carousel-arrow:active{background-color:transparent;color:#fff}.cities-scroller-container .carousel-arrow-left{left:0}.cities-scroller-container .carousel-arrow-right{right:0}.cities-scroller-track{display:flex;gap:var(--space-4);will-change:transform;align-items:flex-end;transition:transform .6s ease}.cities-scroller-track.no-transition{transition:none}.city-item{flex-shrink:0;width:220px;height:auto;display:flex;flex-direction:column;gap:var(--space-2);cursor:pointer;padding:var(--space-4);background-color:transparent}.city-image{width:100%;height:auto;object-fit:contain;display:block;border-radius:0;box-shadow:2px 2px #00000080;transition:transform .4s ease,filter .4s ease,box-shadow .4s ease}.city-item:hover .city-image{transform:scale(1.05);filter:brightness(1.05);box-shadow:10px 10px #00000080}.city-caption{font-family:var(--font-body);font-size:var(--text-sm);color:#ccc;text-align:center;margin:0;font-weight:var(--weight-normal);letter-spacing:.02em;transition:transform .4s ease,filter .4s ease}.city-item:hover .city-caption{transform:scale(1.05);filter:brightness(1.15)}@media(max-width:1024px){.city-item{width:190px;height:auto}.cities-scroller-subheading{font-size:var(--text-3xl)}}@media(max-width:768px){.city-item{width:170px;height:auto}.cities-scroller-track{gap:var(--space-4)}.cities-scroller-subheading{font-size:var(--text-2xl)}.city-caption{font-size:var(--text-xs)}.cities-read-more-link{font-size:var(--text-sm)}}@media(max-width:480px){.city-item{width:140px;height:auto}.cities-scroller-track{gap:var(--space-3)}}.cities-modal-overlay{position:fixed;inset:0;background-color:#22342ce6;display:flex;align-items:center;justify-content:center;z-index:999999;padding:var(--space-6);animation:modalFadeIn .4s cubic-bezier(.34,1.56,.64,1)}.cities-modal-overlay.closing{animation:modalFadeOut .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.cities-modal{background-color:#22342c;max-width:800px;width:100%;position:relative;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);border-radius:20px}.cities-modal.closing{animation:modalSlideDown .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.95) rotateX(5deg)}to{opacity:1;transform:scale(1) rotateX(0)}}@keyframes modalSlideDown{0%{opacity:1;transform:scale(1) rotateX(0)}to{opacity:0;transform:scale(.95) rotateX(5deg)}}.cities-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:var(--text-xl);color:#fff;cursor:pointer;z-index:10;width:60px;height:60px;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .4s ease;padding:0;flex-shrink:0;opacity:1}.cities-modal-close:hover{background-color:#333;color:#fff;opacity:1}.cities-modal-close:active{background-color:#000;color:#fff;opacity:1;transform:translate(2px,2px)}.cities-modal-content{padding:var(--space-12) var(--space-8)}.cities-modal-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-semibold);margin:0 0 var(--space-6) 0;text-align:center;color:#fff}.cities-modal-title span{display:inline-block}.cities-modal-description{font-family:var(--font-body);font-size:var(--text-base);color:#ccc;line-height:var(--leading-relaxed);margin:0;text-align:left}@media(max-width:768px){.cities-modal-content{padding:var(--space-8) var(--space-6)}.cities-modal-title{font-size:var(--text-2xl)}.cities-modal-description{font-size:var(--text-sm)}}.acting-section{background-color:#000;width:100%;padding:var(--space-12) 0;position:relative;overflow:hidden}.acting-content{max-width:var(--screen-lg);margin:0 auto;padding:0 var(--space-6);overflow:hidden}.acting-subheading{font-family:Caveat,cursive;font-size:50px;font-weight:700;color:var(--white);margin:var(--space-4) 0 0 0;text-align:left;position:relative;display:inline-block}.acting-subheading.typing span{opacity:0;display:inline-block;animation:letterAppear .1s forwards}.acting-subheading.typing span:nth-child(1){animation-delay:0s}.acting-subheading.typing span:nth-child(2){animation-delay:.167s}.acting-subheading.typing span:nth-child(3){animation-delay:.334s}.acting-subheading.typing span:nth-child(4){animation-delay:.501s}.acting-subheading.typing span:nth-child(5){animation-delay:.668s}.acting-subheading.typing span:nth-child(6){animation-delay:.835s}.acting-subheading.typing span:nth-child(7){animation-delay:1.002s}.acting-container{display:flex;gap:var(--space-8);align-items:stretch;justify-content:center}.acting-video-wrapper{position:relative;flex:1;overflow:visible;border-radius:0}.acting-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.curtain-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.curtain-left{position:absolute;top:0;left:0;width:50%;height:100%;background:repeating-linear-gradient(to right,#8b0020,#a01030,#8b0020,#700018,#500010,#400008,#500010,#700018,#8b0020,#a01030,#8b0020 50px);background-size:50px 100%;background-position:0 0;transform-origin:right center;transition:none;z-index:1}.curtain-left:after{content:"";position:absolute;top:0;left:0;width:20px;height:100%;background:linear-gradient(to right,rgba(0,0,0,.6),transparent);z-index:2}.curtain-right{position:absolute;top:0;right:0;width:50%;height:100%;background:repeating-linear-gradient(to right,#8b0020,#a01030,#8b0020,#700018,#500010,#400008,#500010,#700018,#8b0020,#a01030,#8b0020 50px);background-size:50px 100%;background-position:0 0;transform-origin:left center;transition:none;z-index:1}.curtain-right:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(to left,rgba(0,0,0,.6),transparent);z-index:2}.curtain-left.opening{animation:curtainOpenLeft 2.5s cubic-bezier(.25,.46,.45,.94) forwards}.curtain-right.opening{animation:curtainOpenRight 2.5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes curtainOpenLeft{0%{transform:translate(0) scaleX(1);background-size:50px 100%}10%{transform:translate(-15%) scaleX(.92);background-size:45px 100%}15%{transform:translate(-15%) scaleX(.92);background-size:45px 100%}25%{transform:translate(-30%) scaleX(.85);background-size:40px 100%}30%{transform:translate(-30%) scaleX(.85);background-size:40px 100%}40%{transform:translate(-45%) scaleX(.78);background-size:35px 100%}45%{transform:translate(-45%) scaleX(.78);background-size:35px 100%}55%{transform:translate(-60%) scaleX(.7);background-size:30px 100%}60%{transform:translate(-60%) scaleX(.7);background-size:30px 100%}70%{transform:translate(-75%) scaleX(.6);background-size:25px 100%}75%{transform:translate(-75%) scaleX(.6);background-size:25px 100%}85%{transform:translate(-90%) scaleX(.5);background-size:20px 100%}90%{transform:translate(-90%) scaleX(.5);background-size:20px 100%}to{transform:translate(-100%) scaleX(.4);background-size:15px 100%}}@keyframes curtainOpenRight{0%{transform:translate(0) scaleX(1);background-size:50px 100%}10%{transform:translate(15%) scaleX(.92);background-size:45px 100%}15%{transform:translate(15%) scaleX(.92);background-size:45px 100%}25%{transform:translate(30%) scaleX(.85);background-size:40px 100%}30%{transform:translate(30%) scaleX(.85);background-size:40px 100%}40%{transform:translate(45%) scaleX(.78);background-size:35px 100%}45%{transform:translate(45%) scaleX(.78);background-size:35px 100%}55%{transform:translate(60%) scaleX(.7);background-size:30px 100%}60%{transform:translate(60%) scaleX(.7);background-size:30px 100%}70%{transform:translate(75%) scaleX(.6);background-size:25px 100%}75%{transform:translate(75%) scaleX(.6);background-size:25px 100%}85%{transform:translate(90%) scaleX(.5);background-size:20px 100%}90%{transform:translate(90%) scaleX(.5);background-size:20px 100%}to{transform:translate(100%) scaleX(.4);background-size:15px 100%}}.acting-info{width:30%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-6);background-color:var(--charcoal);border:none;border-radius:20px;box-sizing:border-box;overflow:visible;position:relative}@keyframes clapperFall{0%{transform:rotate(-90deg)}15%{transform:rotate(-82deg)}30%{transform:rotate(-68deg)}45%{transform:rotate(-48deg)}60%{transform:rotate(-28deg)}75%{transform:rotate(-12deg)}90%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes boxImpact{0%{transform:translateY(0)}15%{transform:translateY(3px)}30%{transform:translateY(-2px)}45%{transform:translateY(1px)}60%{transform:translateY(-.5px)}75%{transform:translateY(.2px)}to{transform:translateY(0)}}@keyframes dustCloud{0%{opacity:0;transform:scale(.2)}8%{opacity:1;transform:scale(.6)}18%{opacity:.95;transform:scale(1.2)}35%{opacity:.75;transform:scale(2)}55%{opacity:.5;transform:scale(3)}75%{opacity:.25;transform:scale(3.8)}to{opacity:0;transform:scale(4.5)}}.acting-subtitle{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--white);margin:0}.acting-year{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--white);margin:0}.acting-year-date{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-normal);color:var(--medium-gray)}.acting-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--light-gray);line-height:var(--leading-relaxed);margin:0}@media(max-width:768px){.acting-subheading{font-size:var(--text-3xl)}.acting-container{flex-direction:column}.acting-info{width:100%}.acting-video-wrapper{width:100%;padding-bottom:56.25%}.acting-subtitle{font-size:var(--text-xl)}.acting-description{font-size:var(--text-sm)}}.room-tour-section{background-color:#f5f5f0;width:100%;padding:var(--space-12) 0;position:relative}.room-tour-content{max-width:var(--screen-lg);margin:0 auto;padding:0 var(--space-6)}.room-tour-subheading{font-family:Caveat,cursive;font-size:50px;font-weight:700;color:var(--charcoal);margin:var(--space-4) 0 0 0;text-align:left;position:relative;display:inline-block}.room-tour-subheading.typing span{opacity:0;display:inline-block;animation:letterAppear .1s forwards;white-space:pre}.room-tour-subheading.typing span:nth-child(1){animation-delay:0s}.room-tour-subheading.typing span:nth-child(2){animation-delay:67ms}.room-tour-subheading.typing span:nth-child(3){animation-delay:.134s}.room-tour-subheading.typing span:nth-child(4){animation-delay:.201s}.room-tour-subheading.typing span:nth-child(5){animation-delay:.268s}.room-tour-subheading.typing span:nth-child(6){animation-delay:.335s}.room-tour-subheading.typing span:nth-child(7){animation-delay:.402s}.room-tour-subheading.typing span:nth-child(8){animation-delay:.469s}.room-tour-subheading.typing span:nth-child(9){animation-delay:.536s}.room-tour-subheading.typing span:nth-child(10){animation-delay:.603s}.room-tour-subheading.typing span:nth-child(11){animation-delay:.67s}.room-tour-subheading.typing span:nth-child(12){animation-delay:.737s}.room-tour-subheading.typing span:nth-child(13){animation-delay:.804s}.room-tour-subheading.typing span:nth-child(14){animation-delay:.871s}.room-tour-subheading.typing span:nth-child(15){animation-delay:.938s}@keyframes letterAppear{0%{opacity:0}to{opacity:1}}.room-tour-placeholder{text-align:center;padding:var(--space-12) 0;color:var(--soft-gray)}@media(max-width:768px){.room-tour-subheading{font-size:var(--text-3xl)}}.art-page-cards{overflow-y:scroll;overflow-x:hidden;height:100vh;scroll-behavior:smooth;position:fixed;inset:0;margin:0;padding:0;box-sizing:border-box;scroll-snap-type:y mandatory}.art-card{min-height:calc(100vh - 30px);height:calc(100vh - 30px);width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:var(--space-10) var(--space-6);box-sizing:border-box;overflow-x:hidden}.art-hero-card{background-color:var(--ivory);justify-content:center;padding:0;animation:artColorShift 30s ease-in-out infinite}@keyframes artColorShift{0%{background-color:#faf9f6}14%{background-color:#fff5f5}28%{background-color:#fffaf0}42%{background-color:#fafff0}56%{background-color:#f0fffe}70%{background-color:#f5f5ff}84%{background-color:#fff0fa}to{background-color:#faf9f6}}.art-hero-card .page-hero-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.art-hero-card .page-hero-title-below{position:relative;z-index:1;color:var(--charcoal);text-shadow:none}.sketches-card{background-color:#141615;overflow-x:hidden;overflow-y:hidden;height:calc(100vh - 30px)}.sketches-card .carousel-subheading{color:var(--white)}.paintings-card{background-color:#387c5e;padding:0 var(--space-6) var(--space-4) var(--space-6);overflow-x:hidden}.oil-pastels-card{background-color:#f2f8f5}.cities-card{background-color:#22342c}.acting-card{background-color:#141615}.room-tour-card{background-color:#faf9f6}.art-thanks-card{background-color:#2f3d37;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:60px;min-height:100vh;height:100vh;box-sizing:border-box;overflow:hidden}.art-thanks-content{display:flex;flex-direction:column;gap:30px;width:705px;margin-top:60px}.art-thanks-title{font-family:Caveat,cursive;font-size:100px;font-weight:400;color:#fff;margin:0;line-height:normal;height:125px}.art-thanks-links{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:400;color:#fff;margin:0;line-height:normal}.art-thanks-links a{color:#fff;text-decoration:none}.art-thanks-links a:hover{opacity:.8}.art-thanks-footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%;border-top:1px solid rgba(255,255,255,.3);padding-top:24px}.art-thanks-copyright{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:400;color:#fff9;margin:0;line-height:normal;text-align:right}.card-content{width:100%;max-width:var(--screen-xl);margin:0 auto;padding:0 var(--space-6);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.art-card .sketch-carousel,.art-card .paintings-section,.art-card .oil-pastels-section,.art-card .cities-scroller-section,.art-card .acting-section,.art-card .room-tour-section{width:100%;padding:0;background:transparent;display:flex;flex-direction:column;justify-content:center;min-height:auto}.art-card .carousel-content,.art-card .paintings-content,.art-card .oil-pastels-content,.art-card .cities-scroller-content,.art-card .acting-content,.art-card .room-tour-content{width:100%;max-width:var(--screen-xl);margin:0 auto;padding:0 var(--space-6);box-sizing:border-box}.art-card h2{margin-bottom:var(--space-8)}@media(max-width:768px){.art-card{padding:var(--space-8) var(--space-4);min-height:calc(100vh - 30px);height:calc(100vh - 30px)}.art-hero-card{padding:0}.paintings-card{padding:0 var(--space-4) var(--space-4) var(--space-4)}}.thanks-card{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;animation:colorShift 30s ease-in-out infinite;padding:var(--space-16) var(--space-6);scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}@keyframes colorShift{0%{background-color:#faf9f6}14%{background-color:#fff5f5}28%{background-color:#fffaf0}42%{background-color:#fafff0}56%{background-color:#f0fffe}70%{background-color:#f5f5ff}84%{background-color:#fff0fa}to{background-color:#faf9f6}}.thanks-card-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.thanks-card-title{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:var(--weight-bold);color:#1a1a1a;margin:0;line-height:1.2;opacity:0}.thanks-card-title.typing{opacity:1}.thanks-card-title.typing span{display:inline-block;opacity:0;animation:thanksTyping .3s ease forwards}.thanks-card-title.typing span:nth-child(1){animation-delay:.5s}.thanks-card-title.typing span:nth-child(2){animation-delay:.55s}.thanks-card-title.typing span:nth-child(3){animation-delay:.6s}.thanks-card-title.typing span:nth-child(4){animation-delay:.65s}.thanks-card-title.typing span:nth-child(5){animation-delay:.7s}.thanks-card-title.typing span:nth-child(6){animation-delay:.75s}.thanks-card-title.typing span:nth-child(7){animation-delay:.8s}.thanks-card-title.typing span:nth-child(8){animation-delay:.85s}.thanks-card-title.typing span:nth-child(9){animation-delay:.9s}.thanks-card-title.typing span:nth-child(10){animation-delay:.95s}.thanks-card-title.typing span:nth-child(11){animation-delay:1s}.thanks-card-title.typing span:nth-child(12){animation-delay:1.05s}.thanks-card-title.typing span:nth-child(13){animation-delay:1.1s}.thanks-card-title.typing span:nth-child(14){animation-delay:1.15s}.thanks-card-title.typing span:nth-child(15){animation-delay:1.2s}.thanks-card-title.typing span:nth-child(16){animation-delay:1.25s}.thanks-card-title.typing span:nth-child(17){animation-delay:1.3s}.thanks-card-title.typing span:nth-child(18){animation-delay:1.35s}.thanks-card-title.typing span:nth-child(19){animation-delay:1.4s}.thanks-card-title.typing span:nth-child(20){animation-delay:1.45s}.thanks-card-title.typing span:nth-child(21){animation-delay:1.5s}@keyframes thanksTyping{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.thanks-card-social{display:flex;gap:var(--space-4);align-items:center;justify-content:center}.thanks-card-social-link{color:#2c2c2c;display:none;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:none;position:relative}.thanks-card-social.visible .thanks-card-social-link-0{display:flex;opacity:0;transform:scale(.8) translateY(10px);animation:socialIconAppear .4s ease forwards;animation-delay:1.6s}.thanks-card-social.visible .thanks-card-social-link-1{display:flex;opacity:0;transform:scale(.8) translateY(10px);animation:socialIconAppear .4s ease forwards;animation-delay:1.7s}.thanks-card-social.visible .thanks-card-social-link-2{display:flex;opacity:0;transform:scale(.8) translateY(10px);animation:socialIconAppear .4s ease forwards;animation-delay:1.8s}@keyframes socialIconAppear{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.thanks-card-social-link:hover{background-color:#e5e4dc;color:#1a1a1a;transition:background-color .4s ease}.thanks-card-social-link:active{transform:translate(2px,2px);background-color:#d5d4cc;color:#1a1a1a}@media(max-width:768px){.thanks-card{padding:var(--space-12) var(--space-4)}.thanks-card-title{font-size:var(--text-4xl)}.thanks-card-content{gap:var(--space-6)}}@media(max-width:480px){.thanks-card-title{font-size:var(--text-3xl)}.thanks-card-social{gap:var(--space-3)}}.about-card{max-width:100%;margin:0;padding:0;width:100%;max-height:100%;opacity:1;transform:translateY(0);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(var(--space-6),3vh,var(--space-8));box-sizing:border-box;overflow:hidden}.about-title{font-family:var(--font-heading);font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:var(--weight-bold);color:#1a1a1a;margin:0;line-height:1.2;text-align:center;width:100%;min-height:3.6rem}.about-layout{display:grid;grid-template-columns:auto 1fr;gap:clamp(var(--space-4),2vw,var(--space-6));align-items:start;width:100%}.about-intro{display:flex;flex-direction:column;gap:clamp(var(--space-4),2vh,var(--space-5));min-width:0}.about-title.typing span{display:inline-block;opacity:0;animation:typing .3s ease forwards}.about-title.typing span:nth-child(1){animation-delay:0s}.about-title.typing span:nth-child(2){animation-delay:.06s}.about-title.typing span:nth-child(3){animation-delay:.12s}.about-title.typing span:nth-child(4){animation-delay:.18s}.about-title.typing span:nth-child(5){animation-delay:.24s}.about-title.typing span:nth-child(6){animation-delay:.3s}.about-title.typing span:nth-child(7){animation-delay:.36s}.about-title.typing span:nth-child(8){animation-delay:.42s}.about-title.typing span:nth-child(9){animation-delay:.48s}.about-title.typing span:nth-child(10){animation-delay:.54s}.about-title.typing span:nth-child(11){animation-delay:.6s}.about-title.typing span:nth-child(12){animation-delay:.66s}.about-title.typing span:nth-child(13){animation-delay:.72s}.about-title.typing span:nth-child(14){animation-delay:.78s}.about-title.typing span:nth-child(15){animation-delay:.84s}.about-title.typing span:nth-child(16){animation-delay:.9s}.about-title.typing span:nth-child(17){animation-delay:.96s}.about-title.typing span:nth-child(18){animation-delay:1.02s}.about-title.typing span:nth-child(19){animation-delay:1.08s}.about-title.typing span:nth-child(20){animation-delay:1.14s}.about-title.typing span:nth-child(21){animation-delay:1.2s}.about-title.typing span:nth-child(22){animation-delay:1.26s}.about-title.typing span:nth-child(23){animation-delay:1.32s}.about-title.typing span:nth-child(24){animation-delay:1.38s}.about-title.typing span:nth-child(25){animation-delay:1.44s}@keyframes typing{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes iconFadeIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.about-text{display:flex;flex-direction:column;gap:clamp(var(--space-3),1.5vh,var(--space-4))}.about-text.fade-in{opacity:0;animation:fadeInText .6s ease forwards;animation-delay:.1s}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-text.typing span{display:inline-block;opacity:0;animation:typing .05s ease forwards}.about-text p{font-family:var(--font-body);font-size:clamp(var(--text-base),1.1vw + .25rem,var(--text-lg));color:#3a3a3a;line-height:1.7;margin:0}.about-image-section{display:flex;justify-content:flex-start;align-items:start;flex-shrink:0}.about-image-wrapper{display:flex;flex-direction:column;margin-left:0;position:relative}.about-image-wrapper.fade-in{opacity:0;animation:fadeInText .6s ease forwards;animation-delay:.2s}.about-image{width:clamp(280px,28vw,400px);height:auto;border-radius:0;object-fit:cover;border-right:2px solid #000;border-bottom:2px solid #000;display:block}.about-image-caption{font-family:var(--font-body);text-align:center;margin:0;padding-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:0}.about-image-caption-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:#2c2c2c;letter-spacing:.02em}.about-image-caption-separator{font-size:var(--text-base);color:#2c2c2c;margin:0 var(--space-2)}.about-image-caption-date{font-size:var(--text-base);font-weight:var(--weight-normal);color:#2c2c2c;letter-spacing:.02em}.about-connect{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(var(--space-2),1vh,var(--space-3));margin-top:clamp(var(--space-1),1vh,var(--space-2));padding-top:clamp(var(--space-2),1.5vh,var(--space-3));border-top:1px solid rgba(0,0,0,.1)}.about-connect.fade-in{opacity:0;animation:fadeInText .6s ease forwards;animation-delay:.15s}.about-connect.typing .connect-text span{display:inline-block;opacity:0;animation:typing .05s ease forwards}.connect-text{font-family:var(--font-body);font-size:clamp(var(--text-base),1vw + .25rem,var(--text-lg));font-weight:var(--weight-medium);color:#3a3a3a;margin:0}.about-social-links{display:flex;gap:clamp(var(--space-1),.5vw,var(--space-2));align-items:center;padding:0;margin:0}.about-social-link{color:var(--charcoal);transition:background-color .4s ease,transform .4s ease;display:flex;align-items:center;justify-content:center;width:clamp(40px,4vw,46px);height:clamp(40px,4vw,46px);border-radius:50%;background:none;opacity:1;position:relative}.about-social-link:hover{background-color:#e5e4dc;color:#1a1a1a;opacity:1}.about-social-link:active{transform:translate(2px,2px);background-color:#d5d4cc;color:#1a1a1a;opacity:1}@media(max-width:768px){.about-card{padding:0;height:auto;gap:var(--space-5)}.about-title{text-align:center}.about-layout{grid-template-columns:1fr;gap:var(--space-5);min-height:auto}.about-intro{gap:var(--space-4)}.about-image-section{align-items:center;justify-content:center;order:-1}.about-image-wrapper{margin-left:0}.about-image{width:clamp(240px,50vw,320px)}.about-connect{align-items:center;border-top:none;padding-top:0}.about-text{text-align:center}}@media(max-width:480px){.about-card{padding:0;height:auto;gap:var(--space-4)}.about-layout{gap:var(--space-4)}.about-intro{gap:var(--space-3)}.about-image{width:clamp(200px,60vw,280px)}.about-text{gap:var(--space-2)}}.about-page-cards{scroll-snap-type:y mandatory;overflow-y:scroll;overflow-x:hidden;height:100vh;scroll-behavior:smooth;position:fixed;inset:0;margin:0;padding:0;box-sizing:border-box;overscroll-behavior:contain}.about-page-card{height:calc(100vh - 40px);min-height:calc(100vh - 40px);max-height:calc(100vh - 40px);width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:0;box-sizing:border-box;overflow:hidden}.about-intro-card{background-color:#faf9f6;animation:aboutColorShift 30s ease-in-out infinite}@keyframes aboutColorShift{0%{background-color:#faf9f6}14%{background-color:#fff5f5}28%{background-color:#fffaf0}42%{background-color:#fafff0}56%{background-color:#f0fffe}70%{background-color:#f5f5ff}84%{background-color:#fff0fa}to{background-color:#faf9f6}}.about-card-content{width:100%;max-width:var(--screen-xl);height:100%;margin:0 auto;padding:80px var(--space-6) var(--space-6);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;overflow:visible}@media(max-width:768px){.about-page-card{height:calc(100vh - 40px);min-height:calc(100vh - 40px);max-height:calc(100vh - 40px);padding:0}.about-card-content{padding:80px var(--space-4) var(--space-4)}}@media(max-width:480px){.about-page-card{height:calc(100vh - 40px);min-height:calc(100vh - 40px);max-height:calc(100vh - 40px);padding:0}.about-card-content{padding:80px var(--space-3) var(--space-3)}}.case-study{min-height:100vh;background-color:#fff;margin:0;padding-top:0;scroll-snap-type:y mandatory;overflow-y:scroll;height:100vh;position:fixed;inset:0;overscroll-behavior:none}.case-study-continuous{min-height:100vh;background-color:#fff;margin:0;padding-top:0;overflow-y:auto}.case-study-continuous .case-study-hero-image{width:100%;height:auto;max-height:100vh;object-fit:cover;display:block}.case-study-continuous .case-study-content-section{background-color:#fff}.case-study-continuous .case-study-thanks-card{min-height:100vh;height:100vh}.case-study-back-button{position:fixed;top:80px;left:var(--space-6);background:transparent;border:none;color:#888;font-size:2rem;cursor:pointer;padding:15px;transition:background-color .4s ease,color .4s ease;z-index:999;-webkit-user-select:none;user-select:none;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:-15px}.case-study-back-button:hover{background-color:#e5e4dc;color:#1a1a1a}.case-study-back-button:active{background-color:#d5d4cc;color:#1a1a1a}.case-study-scroll-top-button{position:fixed;bottom:var(--space-6);right:var(--space-6);background:transparent;border:none;color:#888;font-size:2rem;cursor:pointer;padding:15px;transition:background-color .4s ease,color .4s ease;z-index:999;-webkit-user-select:none;user-select:none;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transform:rotate(-90deg);margin:-15px}.case-study-scroll-top-button:hover{background-color:#e5e4dc;color:#1a1a1a}.case-study-scroll-top-button:active{background-color:#d5d4cc;color:#1a1a1a;transform:rotate(-90deg)}.case-study-hero-card{background-color:#faf9f4;min-height:100vh;height:100vh;width:100%;scroll-snap-align:start;scroll-snap-stop:always}.case-study-content-card{min-height:100vh;height:100vh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:flex-start;position:relative;box-sizing:border-box;background-color:#fff;overflow-y:auto}.case-study-footer-card{min-height:100vh;height:100vh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:var(--space-12) var(--space-6);box-sizing:border-box;background-color:#000}.case-study-footer-content{text-align:center;display:flex;flex-direction:column;gap:var(--space-8)}.case-study-footer-card .footer-card-message{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-semibold);color:var(--white);margin:0}.case-study-footer-card .footer-card-social{display:flex;gap:var(--space-2);justify-content:center;align-items:center}.case-study-footer-card .footer-card-social-link{color:var(--white);transition:background-color .4s ease;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:none;opacity:1}.case-study-footer-card .footer-card-social-link:hover{background-color:#2c2c2c;color:var(--white);opacity:1}.case-study-hero{width:100vw;height:100vh;max-height:100vh;overflow:hidden;background-color:transparent;display:flex;align-items:center;justify-content:center;position:relative;margin:0;padding:0}.case-study-hero-image{width:100%;height:100%;object-fit:cover}.case-study-container{max-width:900px;margin:0 auto;padding:0 var(--space-6) var(--space-8);background-color:#fff}.case-study-header{margin-bottom:var(--space-8);padding-top:var(--space-12);padding-bottom:var(--space-6);text-align:left}.case-study-title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--weight-bold);color:#1a1a1a;margin-bottom:var(--space-2);line-height:1.2}.case-study-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--medium-gray);line-height:var(--leading-relaxed);margin:0}.case-study-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);padding:var(--space-6);background-color:#00693e;margin-bottom:var(--space-8)}.meta-item h3{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-bold);color:#ffffffe6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.meta-item p{font-family:var(--font-body);font-size:var(--text-sm);color:var(--white);margin:var(--space-1) 0;line-height:1.5;font-weight:var(--weight-medium)}.case-study-section{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid #e0e0e0}.case-study-section h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:#1a1a1a;margin-bottom:var(--space-5);line-height:1.3;position:relative;padding-left:0}.case-study-section p{font-family:var(--font-body);font-size:var(--text-base);color:#3a3a3a;line-height:1.7;margin-bottom:var(--space-4)}.case-study-section ul,.case-study-section ol{font-family:var(--font-body);font-size:var(--text-base);color:#3a3a3a;line-height:1.7;margin-bottom:var(--space-4);padding-left:var(--space-6)}.case-study-section li{margin-bottom:var(--space-2)}.case-study-section li::marker{color:#6b6b6b;font-weight:var(--weight-bold)}.case-study-section strong{font-weight:var(--weight-semibold);color:#1a1a1a}.case-study-section h3{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:#2c2c2c;margin-top:var(--space-8);margin-bottom:var(--space-4);line-height:1.3}.case-study-section h4{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:#6b6b6b;margin-top:var(--space-6);margin-bottom:var(--space-3);line-height:1.3}.info-box{padding:var(--space-5);background-color:#f5f5f5;margin:var(--space-6) 0;font-size:var(--text-base);line-height:1.7;color:#2c2c2c;border-left:4px solid #00693E}.info-box h4{margin-top:0;margin-bottom:var(--space-3);color:#1a1a1a;font-size:var(--text-lg);font-weight:var(--weight-bold)}.info-box p{color:#2c2c2c}.highlight-text{padding:var(--space-5);background-color:#f0f7f4;margin:var(--space-6) 0;font-size:var(--text-lg);line-height:1.7;font-weight:var(--weight-semibold);color:#00693e;border-left:4px solid #00693E}.version-header{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--white);background-color:#00693e;padding:var(--space-6) var(--space-6);margin:var(--space-12) 0 var(--space-8) 0;text-align:center}.case-study-images{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin:var(--space-5) 0}.sketches-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin:var(--space-5) 0}.sketch-item{display:flex;flex-direction:column;gap:var(--space-3)}.sketch-label{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);color:#2c2c2c;text-align:center;margin:0}.case-study-image{width:100%;height:auto;border-radius:0;box-shadow:none;border:1px solid #e0e0e0}.case-study-image-full{width:100%;height:auto;border-radius:0;box-shadow:none;margin:var(--space-6) 0;border:1px solid #e0e0e0}.case-study-section video{border:1px solid #e0e0e0}@media(max-width:768px){.case-study-back-button{width:45px;height:45px;min-width:45px;min-height:45px;font-size:1.75rem;top:70px;left:var(--space-4);padding:12px;margin:-12px}.case-study-scroll-top-button{width:45px;height:45px;min-width:45px;min-height:45px;font-size:1.75rem;bottom:var(--space-4);right:var(--space-4);padding:12px;margin:-12px}.case-study-hero{height:100vh}.case-study-container{padding:var(--space-6) var(--space-4)}.case-study-title{font-size:var(--text-4xl)}.case-study-subtitle{font-size:var(--text-base)}.case-study-meta{grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-5)}.case-study-section h2{font-size:var(--text-2xl);padding-left:0}.version-header{font-size:var(--text-3xl)}.case-study-section p,.case-study-section ul,.case-study-section ol{font-size:var(--text-sm)}.info-box,.highlight-text{font-size:var(--text-sm);padding:var(--space-3)}}@media(max-width:480px){.case-study-back-button{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.5rem;top:65px;left:var(--space-3);padding:10px;margin:-10px}.case-study-scroll-top-button{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.5rem;bottom:var(--space-3);right:var(--space-3);padding:10px;margin:-10px}.case-study-hero{height:100vh}.case-study-container{padding:var(--space-5) var(--space-3)}.case-study-title{font-size:var(--text-3xl)}.case-study-subtitle{font-size:var(--text-sm)}.case-study-section h2{font-size:var(--text-xl)}.case-study-meta{grid-template-columns:1fr;padding:var(--space-4);gap:var(--space-4)}.version-header{font-size:var(--text-2xl)}}.case-study-redesign-notice{background-color:#fff3cd;color:#856404;padding:24px;text-align:center;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);border-bottom:1px solid #FFEEBA}.case-study-thanks-card{background-color:#2f3d37;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:60px;min-height:100vh;height:100vh;box-sizing:border-box;overflow:hidden}.case-study-thanks-content{display:flex;flex-direction:column;gap:30px;width:705px;margin-top:60px}.case-study-thanks-title{font-family:Caveat,cursive;font-size:100px;font-weight:400;color:#fff;margin:0;line-height:normal;height:125px}.case-study-thanks-links{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:400;color:#fff;margin:0;line-height:normal}.case-study-thanks-links a{color:#fff;text-decoration:none}.case-study-thanks-links a:hover{opacity:.8}.case-study-thanks-footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%;border-top:1px solid rgba(255,255,255,.3);padding-top:24px}.case-study-thanks-copyright{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:400;color:#fff9;margin:0;line-height:normal;text-align:right}@media(max-width:768px){.case-study-thanks-card{padding:40px}.case-study-thanks-content{width:100%;margin-top:40px}.case-study-thanks-title{font-size:60px;height:auto}.case-study-thanks-links{font-size:18px}}@media(max-width:480px){.case-study-thanks-card{padding:30px}.case-study-thanks-content{margin-top:30px}.case-study-thanks-title{font-size:48px}.case-study-thanks-links{font-size:16px}}:root{--letscook-primary: #C67716;--letscook-primary-dark: #A35F11;--letscook-primary-darker: #824C0D;--letscook-primary-light: #D99442;--letscook-primary-lighter: #E5B06E;--letscook-accent-light: #F9EBD9;--letscook-accent-lighter: #FCF5EB;--letscook-text-dark: #A35F11;--letscook-text-darker: #824C0D}.letscook-meta{background-color:var(--letscook-accent-lighter)!important;border-radius:0;box-shadow:none}.letscook-meta .meta-item h3{color:var(--letscook-text-darker)!important;letter-spacing:.05em}.letscook-meta .meta-item p{color:var(--letscook-text-dark)!important}.case-study-container .case-study-title,.letscook-section h2{color:#1a1a1a!important}.letscook-section h2:before{display:none}.letscook-section h3{color:#2c2c2c!important}.letscook-section h4{color:#4a4a4a!important}.letscook-section h5{color:#6b6b6b!important}.letscook-section .info-box,.letscook-info-box{border-left:4px solid var(--letscook-primary)!important;background-color:var(--letscook-accent-lighter)!important;border-radius:0}.letscook-section .highlight-text,.letscook-highlight-text{background-color:var(--letscook-accent-lighter)!important;color:var(--letscook-text-darker)!important;border-left:4px solid var(--letscook-primary)!important;border-radius:0;font-weight:600}.letscook-version-header{background-color:var(--letscook-accent-light)!important;color:var(--letscook-text-darker)!important}.letscook-section a{color:var(--letscook-primary);text-decoration:none;border-bottom:1px solid var(--letscook-primary);transition:all .4s ease}.letscook-section a:hover{color:var(--letscook-text-darker);border-bottom-color:var(--letscook-text-darker)}.letscook-section ul li::marker,.letscook-section ol li::marker{color:currentColor!important;font-weight:var(--weight-bold)}.letscook-section h4+ul li::marker,.letscook-section h4+ol li::marker,.letscook-section h4+p+ul li::marker,.letscook-section h4+p+ol li::marker{color:currentColor!important}.letscook-section h2+ul li::marker,.letscook-section h2+ol li::marker,.letscook-section h2+p+ul li::marker,.letscook-section h2+p+ol li::marker,.letscook-section h2+p+p+ul li::marker{color:currentColor!important}.letscook-section strong{color:var(--letscook-text-darker)!important}.letscook-section .sketch-label{color:var(--letscook-text-dark)!important}.letscook-section .info-box p,.letscook-info-box p{color:var(--letscook-text-darker)!important}.letscook-section .case-study-image,.letscook-section .case-study-image-full{border-radius:0;border:1px solid #e0e0e0!important;box-shadow:none!important}.letscook-section .inspiration-grid{gap:var(--space-4)}.letscook-section .sketches-grid{gap:var(--space-5)}:root{--jobx-primary: #337CB7;--jobx-primary-dark: #2A6596;--jobx-primary-darker: #1F4D73;--jobx-primary-light: #5599CC;--jobx-primary-lighter: #7AB3D8;--jobx-accent-light: #E8F2F9;--jobx-accent-lighter: #F4F9FC}.jobx-meta{background-color:#daecff!important}.jobx-meta .meta-item h3{color:var(--jobx-primary-darker)!important}.jobx-meta .meta-item p{color:var(--jobx-primary-dark)!important}.case-study-container .highlight-text{background-color:var(--jobx-accent-lighter);color:var(--jobx-primary-dark);border-left:4px solid var(--jobx-primary)}.case-study-container .info-box{border-left:4px solid var(--jobx-primary)}.edit-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin:var(--space-6) 0}.edit-comparison-item{display:flex;flex-direction:column;gap:var(--space-3)}.edit-comparison-label{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);color:#2c2c2c;text-align:center;margin:0;padding:var(--space-2) 0;background-color:var(--jobx-accent-light);border-radius:4px}.case-study-container .version-header{background-color:var(--jobx-primary)}.case-study-container a{color:var(--jobx-primary);text-decoration:none;border-bottom:1px solid var(--jobx-primary-light);transition:all .4s ease}.case-study-container a:hover{color:var(--jobx-primary-dark);border-bottom-color:var(--jobx-primary-dark)}.case-study-container .case-study-section h2:before{content:"";position:absolute;left:-16px;top:8px;width:4px;height:28px;background-color:var(--jobx-primary);border-radius:2px}.case-study-container .case-study-section h3{color:#1a1a1a!important}.case-study-container .case-study-section h4{color:#4a4a4a!important}.case-study-container .case-study-section h5{color:#6b6b6b!important}.case-study-container ol li::marker{color:var(--jobx-primary);font-weight:var(--weight-bold)}.case-study-container ul li::marker{color:var(--jobx-primary-dark)}.case-study-container .case-study-section h2+ul li::marker,.case-study-container .case-study-section h2+p+ul li::marker,.case-study-container .case-study-section h3+ul li::marker,.case-study-container .case-study-section h4+ul li::marker,.case-study-container .case-study-section h3+p+ul li::marker,.case-study-container .case-study-section h4+p+ul li::marker,.case-study-container .case-study-section h3+p+ol li::marker,.case-study-container .case-study-section h4+p+ol li::marker{color:currentColor!important}@media(max-width:768px){.edit-comparison{grid-template-columns:1fr;gap:var(--space-4)}.edit-comparison-label{font-size:var(--text-sm)}.case-study-container .case-study-section h2:before{left:-12px;height:24px}}@media(max-width:480px){.edit-comparison{gap:var(--space-3)}.edit-comparison-label{font-size:var(--text-xs);padding:var(--space-1) 0}.case-study-container .case-study-section h2:before{display:none}}:root{--dancebattle-primary: #6B5B95;--dancebattle-primary-dark: #564878;--dancebattle-primary-darker: #41375B;--dancebattle-primary-light: #8876A8;--dancebattle-primary-lighter: #A594BC;--dancebattle-accent-light: #EFE6FF;--dancebattle-accent-lighter: #F7F2FF}.dancebattle-meta{background-color:#efe6ff!important}.dancebattle-meta .meta-item h3{color:var(--dancebattle-primary-darker)!important}.dancebattle-meta .meta-item p{color:var(--dancebattle-primary-dark)!important}.case-study-container .highlight-text{background-color:var(--dancebattle-accent-lighter);color:var(--dancebattle-primary-dark);border-left:4px solid var(--dancebattle-primary)}.case-study-container .info-box{border-left:4px solid var(--dancebattle-primary)}.case-study-container a{color:var(--dancebattle-primary);text-decoration:none;border-bottom:1px solid var(--dancebattle-primary-light);transition:all .4s ease}.case-study-container a:hover{color:var(--dancebattle-primary-dark);border-bottom-color:var(--dancebattle-primary-dark)}.paper-link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--white)!important;text-decoration:none;padding:var(--space-3) var(--space-6);background-color:var(--dancebattle-primary);border:none;border-bottom:none!important;border-radius:0;transition:all .4s ease;position:relative;cursor:pointer}.paper-link:hover{background-color:var(--dancebattle-primary-light);color:var(--white)!important;opacity:1}.paper-link:active{background-color:var(--dancebattle-primary-darker);color:var(--white)!important;opacity:1;transform:translate(2px,2px)}.case-study-container .case-study-section h2:before{content:"";position:absolute;left:-16px;top:8px;width:4px;height:28px;background-color:var(--dancebattle-primary);border-radius:2px}.case-study-container .case-study-section h3{color:var(--dancebattle-primary)}.case-study-container .case-study-section h4{color:var(--dancebattle-primary-dark)}.case-study-container ol li::marker{color:var(--dancebattle-primary);font-weight:var(--weight-bold)}.case-study-container ul li::marker{color:var(--dancebattle-primary-dark)}.case-study-container .case-study-section h3+p+ol li::marker{color:#3a3a3a}.case-study-container .case-study-section h2+ul li::marker{color:#3a3a3a}.demo-item{margin-top:var(--space-8)}.demo-item h3{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--dancebattle-primary);margin:0 0 var(--space-1) 0}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:start;margin-top:var(--space-1)}.demo-description{display:flex;flex-direction:column;gap:var(--space-1)}.demo-description h4{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--dancebattle-primary-dark);margin:0}.demo-description p{margin:0}.demo-media{display:flex;justify-content:center;align-items:center}.demo-video{width:100%;max-width:100%;height:auto;border-radius:0;box-shadow:0 4px 12px #6b5b9533}.demo-media video[src*=welcome-and-instructions],.demo-media video[src*="demo.webm"],.demo-media video[src*="app.webm"]{max-width:100px;width:100%;height:auto}.case-study-footer-card{background-color:#000;padding:var(--space-16) var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);min-height:100vh}.case-study-footer-card .footer-card-message,.case-study-footer-card .footer-card-social-link{color:var(--white)}.case-study-footer-card .footer-card-social-link:hover{background-color:#2c2c2c;opacity:1}.case-study-footer-card .footer-card-social-link:active{background-color:#2c2c2c;color:var(--white);opacity:1;transform:translate(2px,2px)}@media(max-width:768px){.demo-layout{grid-template-columns:1fr;gap:var(--space-4)}.demo-media video[src*=welcome-and-instructions],.demo-media video[src*="demo.webm"],.demo-media video[src*="app.webm"]{max-width:90px}.case-study-container .case-study-section h2:before{left:-12px;height:24px}}@media(max-width:480px){.demo-media video[src*=welcome-and-instructions],.demo-media video[src*="demo.webm"],.demo-media video[src*="app.webm"]{max-width:80px}.case-study-container .case-study-section h2:before{display:none}}:root{--evergreen-primary: #45905E;--evergreen-primary-dark: #366B48;--evergreen-primary-darker: #284F36;--evergreen-primary-light: #5FA97C;--evergreen-primary-lighter: #7ABC96;--evergreen-accent-light: #E8F4ED;--evergreen-accent-lighter: #F4FAF7}.case-study-hero-card{background-color:#fff}.evergreen-meta{background-color:#e3fdec!important}.evergreen-meta .meta-item h3{color:var(--evergreen-primary-darker)!important}.evergreen-meta .meta-item p{color:var(--evergreen-primary-dark)!important}.case-study-container .highlight-text{background-color:var(--evergreen-accent-lighter);color:var(--evergreen-primary-dark);border-left:4px solid var(--evergreen-primary)}.case-study-container .info-box{border-left:4px solid var(--evergreen-primary)}.case-study-container .case-study-section h2:before{display:none}.case-study-container ol li::marker{color:var(--evergreen-primary);font-weight:var(--weight-bold)}.case-study-container ul li::marker{color:var(--evergreen-primary-dark)}.case-study-container a{color:var(--evergreen-primary);text-decoration:none;border-bottom:1px solid var(--evergreen-primary-light);transition:all .4s ease}.case-study-container a:hover{color:var(--evergreen-primary-dark);border-bottom-color:var(--evergreen-primary-dark)}.inspiration-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4);margin:var(--space-6) 0}.inspiration-grid .case-study-image{width:100%;height:auto;border-radius:0;box-shadow:none;border:1px solid #e0e0e0}.final-screens-centered{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);margin:var(--space-6) 0;align-items:start}.final-screens-centered .final-screen-item:nth-child(1),.final-screens-centered .final-screen-item:nth-child(2),.final-screens-centered .final-screen-item:nth-child(3){grid-column:1}.final-screens-centered .final-screen-item:nth-child(4){grid-column:2;grid-row:1 / 4;align-self:start}.final-screens-centered .final-screen-item:nth-child(5),.final-screens-centered .final-screen-item:nth-child(6),.final-screens-centered .final-screen-item:nth-child(7){grid-column:3}.final-screen-item{display:flex;flex-direction:column}.final-screen-item .case-study-image{width:100%;height:auto;border-radius:0;box-shadow:none;border:1px solid #e0e0e0}@media(max-width:1024px){.inspiration-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.final-screens-centered{gap:var(--space-3)}}@media(max-width:768px){.inspiration-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.final-screens-centered{grid-template-columns:1fr;gap:var(--space-3)}.final-screens-centered .final-screen-item:nth-child(1),.final-screens-centered .final-screen-item:nth-child(2),.final-screens-centered .final-screen-item:nth-child(3),.final-screens-centered .final-screen-item:nth-child(4),.final-screens-centered .final-screen-item:nth-child(5),.final-screens-centered .final-screen-item:nth-child(6),.final-screens-centered .final-screen-item:nth-child(7){grid-column:1;grid-row:auto}}@media(max-width:480px){.inspiration-grid{grid-template-columns:1fr;gap:var(--space-2)}.final-screens-centered{gap:var(--space-2)}}.hc-page{background:#fff!important;min-height:100vh;padding-bottom:0;position:relative;padding-top:0;scroll-behavior:auto}.hc-scroll-progress{position:fixed;top:0;left:0;height:5px;background:#20bb7b;z-index:10000;transition:width .2s cubic-bezier(.33,1,.68,1);will-change:width}.hc-hero{background:#f2f3f2;border-radius:20px;margin:20px 60px 60px;padding:58px 62px;position:relative;overflow:hidden;height:442px;display:flex;flex-direction:column;gap:25px}.hc-hero-title{font-family:Caveat,cursive;font-size:69.685px;font-weight:700;color:#2f3d37;margin:0;line-height:normal;max-width:604.906px}.hc-hero-subtitle{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:49.63px;font-weight:100;font-style:italic;color:#454c49;margin:0;line-height:1.22;max-width:569.914px}.hc-hero-images{position:absolute;right:0;top:0;height:442px;width:650px}.hc-hero-fahey{position:absolute;right:0;top:0;height:442px;width:650px;object-fit:cover;object-position:center;border-top-right-radius:20px;border-bottom-right-radius:20px}.hc-hero-dartmouth{position:absolute;right:100px;top:105px;width:140px;height:100px;z-index:2}.hc-hero-decorative{position:absolute;right:10px;top:10px;width:320px;height:290px;z-index:1}.hc-meta{display:flex;justify-content:space-between;gap:61px;padding:0 60px;margin:40px 0 60px}.hc-meta-column{display:flex;flex-direction:column;align-items:center;gap:16px}.hc-meta-title{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:19.852px;font-weight:700;color:#2f3d37;margin:0;text-align:center;line-height:normal;height:23.712px}.hc-meta-pills{display:flex;flex-direction:column;gap:12px;align-items:center}.hc-meta-pill{border:.827px solid #2f3d37;border-radius:20px;padding:9.926px 29.035px;font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:19.852px;font-weight:400;color:#2f3d37;white-space:nowrap;line-height:normal;text-align:center}.hc-impact-wrapper{margin-bottom:60px}.hc-impact-wrapper .hc-label{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:700;color:#20bb7b;line-height:1.4;letter-spacing:.5px;padding:0 60px;margin:0 0 16px}.hc-impact{background:#dffcf0;padding:60px}.hc-impact-content{width:100%}.hc-impact-content p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.4;color:#00693e;margin:0 0 20px}.hc-impact-content p:last-child{margin-bottom:0}.hc-section{margin-bottom:120px;padding:0 60px;display:flex;gap:60px;align-items:flex-start}.hc-label-wrapper{flex-shrink:0;width:162px;position:sticky;top:20px;align-self:flex-start}.hc-section>.hc-label{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:700;color:#20bb7b;line-height:1.4;margin:0;letter-spacing:.5px;flex-shrink:0;width:162px;padding-top:14px}.hc-label-wrapper .hc-label{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:700;color:#20bb7b;line-height:1.4;margin:0 0 12px;letter-spacing:.5px;padding-top:14px}.hc-subsection-list{list-style:none;padding:0;margin:0}.hc-subsection-list li{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:400;color:#7a746f;line-height:1.6;margin:0 0 8px}.hc-subsection-list li:last-child{margin-bottom:0}.hc-section-content{flex:1;max-width:891px}.hc-section-subtitle{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17.421px;font-weight:500;color:#7a746f;margin:0 0 20px;line-height:normal}.hc-section-title{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:30px;font-weight:600;color:#2f3d37;line-height:1.4;margin:0 0 21px}.hc-section-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.4;color:#454c49}.hc-section-text p{margin:0 0 20px}.hc-section-text p:last-child{margin-bottom:0}.hc-section-text a{color:#454c49;text-decoration:underline}.hc-final-deliverable-wrapper{margin-bottom:60px}.hc-final-deliverable-wrapper .hc-label{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:700;color:#20bb7b;line-height:1.4;letter-spacing:.5px;padding:0 60px;margin:0 0 16px}.hc-final-deliverable-section{background:#dffcf0;padding:56px 60px 63px}.hc-final-deliverable-content{display:flex;justify-content:space-between;align-items:flex-start;gap:60px}.hc-final-deliverable-text{flex:1}.hc-final-deliverable-title{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:30px;font-weight:700;color:#00693e;line-height:1.4;margin:0 0 20px}.hc-final-deliverable-text p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.4;color:#00693e;margin:0 0 20px}.hc-final-deliverable-text p:last-child{margin-bottom:0}.hc-final-deliverable-image{flex-shrink:0;width:651px}.hc-final-deliverable-image img{width:100%;height:auto;display:block;border-radius:20px}.hc-process-divider{background:#fff;padding:240px 0;text-align:center;margin-bottom:20px}.hc-process-title{font-family:Caveat,cursive;font-size:100px;font-weight:700;color:#20bb7b;margin:0 0 35px;line-height:normal}.hc-process-arrow{display:inline-block}.hc-step{margin-top:60px}.hc-step:first-child{margin-top:0}.hc-step-title{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:700;color:#454c49;line-height:1.4;margin:0 0 16px}.hc-step-content-with-image{display:flex;gap:33px;align-items:flex-start}.hc-step-text{flex:1}.hc-step-text p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.4;color:#454c49;margin:0 0 20px}.hc-step-text p:last-child{margin-bottom:0}.hc-step-image{flex-shrink:0;width:329px;text-align:center}.hc-step-image img{width:275px;height:auto;display:block;margin:0 auto}.hc-image-caption{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px!important;font-weight:300;font-style:italic;color:#2f3d37;line-height:1.4;margin:10px auto 0;text-align:center}.hc-step-image .hc-image-caption{max-width:275px;margin-top:10px}.hc-yale-image .hc-image-caption{max-width:325px;font-size:16px!important;margin-top:10px}.hc-diagram-container{margin-top:20px;width:100%;display:flex;justify-content:center}.hc-diagram-image{width:100%;max-width:100%;height:auto;display:block}.hc-quote{background:#f2f3f2;border-radius:20px;padding:19px 23px 25px 19px;margin:20px 0}.hc-quote p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-style:italic;color:#454c49;line-height:1.4;margin:0 0 20px}.hc-quote p:last-child{margin-bottom:0}.hc-quote-no-italic{font-style:normal!important}.hc-final-definition{margin:20px 0}.hc-definition-label{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:700;color:#20bb7b;line-height:1.4;margin:0 0 16px}.hc-definition-box{background:#dffcf0;border-radius:20px;padding:19px 23px 25px 19px}.hc-definition-box p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.4;color:#00693e;margin:0 0 20px}.hc-definition-box p:last-child{margin-bottom:0}.hc-questions{display:flex;flex-direction:column;gap:20px;margin-top:20px}.hc-question{background:#dffcf0;border-radius:20px;padding:19px 53px 19px 17px;display:flex;align-items:center;gap:13px}.hc-question-number{background:#fff;width:47px;height:47px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:19px;color:#00693e;font-weight:400;flex-shrink:0}.hc-question p{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:600;color:#00693e;line-height:1.4;margin:0}.hc-subsection,.hc-subsection:first-child{margin-top:80px}.hc-subsection-title{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:700;color:#454c49;line-height:normal;margin:0 0 15px}.hc-subsection p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.4;color:#454c49;margin:0 0 20px}.hc-subsection p:last-child{margin-bottom:0}.hc-areas{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.hc-area{background:#dffcf0;border-radius:20px;padding:19px 53px 19px 17px;display:flex;align-items:center;gap:13px}.hc-area-number{background:#fff;width:47px;height:47px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:19px;font-weight:500;color:#00693e;flex-shrink:0}.hc-area p{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:19px;font-weight:600;color:#00693e;line-height:1.4;margin:0}.hc-yale-subsection{margin-top:60px}.hc-yale-subsection p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.4;color:#454c49;margin:0 0 20px}.hc-yale-subsection p:last-child{margin-bottom:0}.hc-yale-takeaway{display:flex;gap:40px;align-items:center;margin-top:40px}.hc-yale-takeaway-reverse{flex-direction:row-reverse}.hc-yale-text{flex:1;max-width:532px;position:relative}.hc-yale-title{font-family:Caveat,cursive;font-size:30px;font-weight:700;color:#20bb7b;line-height:1.4;margin:0 0 15px}.hc-yale-text p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.4;color:#454c49;margin:0 0 20px}.hc-yale-text p:last-child{margin-bottom:0}.hc-yale-image{flex-shrink:0;width:327px;text-align:center}.hc-yale-image img{width:100%;max-width:325px;height:auto;display:block;margin:0 auto}.hc-categories{display:grid;grid-template-columns:1fr 1fr;gap:28px 29px;margin:20px 0 30px}.hc-category{background:#dffcf0;border-radius:20px;padding:19px 53px 19px 17px;display:flex;align-items:center;gap:13px;min-height:86px}.hc-category-number{background:#fff;width:47px;height:47px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:19px;font-weight:500;color:#00693e;flex-shrink:0}.hc-category p{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:19px;font-weight:600;color:#00693e;line-height:1.4;margin:0}.hc-thanks-card{background-color:#2f3d37;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:60px;min-height:100vh;box-sizing:border-box;margin-top:80px}.hc-thanks-content{display:flex;flex-direction:column;gap:30px;width:705px;margin-top:60px}.hc-thanks-title{font-family:Caveat,cursive;font-size:100px;font-weight:400;color:#fff;margin:0;line-height:normal;height:125px}.hc-thanks-footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%;border-top:1px solid rgba(255,255,255,.3);padding-top:24px}.hc-thanks-links{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:400;color:#fff;margin:0;line-height:normal}.hc-thanks-links a{color:#fff;text-decoration:none}.hc-thanks-links a:hover{opacity:.7}.hc-thanks-copyright{font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:400;color:#fff9;margin:0;line-height:normal;text-align:right}.hc-scroll-top-button{position:fixed;bottom:140px;right:40px;background:#fff;color:#2f3d37;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:1000;padding:0}.hc-scroll-top-button:before{content:"";position:absolute;inset:-6px;border:3px dashed transparent;border-radius:50%;pointer-events:none;transition:border-color .3s ease}.hc-scroll-top-button:hover{background:#fff;color:#2f3d37;opacity:1}.hc-scroll-top-button:hover:before{border-color:#2f3d37}@media(max-width:1024px){.hc-hero{margin:30px 20px;padding:40px;height:auto;min-height:350px}.hc-hero-title{font-size:50px}.hc-hero-subtitle{font-size:35px}.hc-meta{flex-wrap:wrap;gap:40px;padding:0 20px}.hc-section{padding:0 40px;flex-direction:column;gap:30px}.hc-section>.hc-label{width:auto}.hc-label-wrapper{width:auto}.hc-step-content-with-image{flex-direction:column}.hc-step-image{width:100%}.hc-yale-takeaway,.hc-yale-takeaway-reverse{flex-direction:column}.hc-yale-image{width:100%}.hc-impact-wrapper .hc-label{padding:0 40px}.hc-impact{padding:40px}.hc-final-deliverable-wrapper .hc-label{padding:0 40px}.hc-final-deliverable-section{padding:40px}.hc-final-deliverable-content{flex-direction:column}.hc-final-deliverable-image{width:100%}.hc-analysis{flex-direction:column;gap:20px}.hc-analysis-arrow{display:none}}.hc-synthesis-image-container{margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:10px}.hc-synthesis-image{width:100%;max-width:100%;height:auto}.hc-full-width-image-container{margin-top:20px;width:100%}.hc-full-width-image{width:100%;height:auto;display:block;border-radius:20px}.hc-yale-inspiration{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin:40px 0}.hc-yale-inspiration-item{display:flex;flex-direction:column;gap:10px}.hc-yale-inspiration-item img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}.hc-final-report-image-container{margin-top:40px;display:flex;justify-content:center}.hc-final-report-image{width:100%;max-width:900px;height:auto;border-radius:20px}@media(max-width:768px){.hc-hero{margin:20px 15px;padding:30px;height:auto;min-height:300px}.hc-hero-title{font-size:40px}.hc-hero-subtitle{font-size:28px}.hc-hero-images{display:none}.hc-meta{flex-direction:column;padding:0 20px;margin:30px 0 40px}.hc-section{padding:0 20px}.hc-section-title{font-size:24px}.hc-section-text{font-size:18px}.hc-process-title{font-size:60px}.hc-thanks-card{padding:40px}.hc-thanks-content{width:100%;margin-top:40px}.hc-thanks-title{font-size:60px;height:auto}.hc-thanks-links{font-size:18px}.hc-thanks-copyright{font-size:16px}.hc-areas,.hc-categories{grid-template-columns:1fr}.hc-yale-inspiration{grid-template-columns:1fr;gap:30px}.hc-scroll-top-button{bottom:20px;right:20px;width:50px;height:50px;font-size:20px}}:root{--test-primary: #FBD07B;--test-background: #FAF9F7;--test-grey-dark: #38342D;--test-grey-medium: #88847A;--test-grey-light: #E2E0DB;--test-spacing-01: .125rem;--test-spacing-02: .25rem;--test-spacing-03: .5rem;--test-spacing-04: .75rem;--test-spacing-05: 1rem;--test-spacing-06: 1.5rem;--test-spacing-07: 2rem;--test-spacing-08: 2.5rem;--test-spacing-09: 3rem;--test-spacing-10: 4rem;--test-layout-01: 1rem;--test-layout-02: 1.5rem;--test-layout-03: 2rem;--test-layout-04: 3rem;--test-layout-05: 4rem;--test-layout-06: 6rem;--test-layout-07: 10rem;--test-font-sans: "IBM Plex Sans", sans-serif;--test-font-mono: "IBM Plex Mono", monospace;--test-label-01: .75rem;--test-label-02: .875rem;--test-helper-01: .75rem;--test-helper-02: .875rem;--test-body-01: 1rem;--test-body-02: 1.125rem;--test-heading-01: .875rem;--test-heading-02: 1rem;--test-heading-03: 1.25rem;--test-heading-04: 1.75rem;--test-heading-05: 2rem;--test-heading-06: 2.625rem;--test-heading-07: 3.375rem;--test-fluid-heading-03: 1.25rem;--test-fluid-heading-04: 1.75rem;--test-fluid-heading-05: 2rem;--test-fluid-heading-06: 2.625rem;--test-shadow-idle: 0 8px 24px rgba(56, 52, 45, .25);--test-shadow-hover: 0 12px 32px rgba(56, 52, 45, .35);--test-shadow-active: inset 0 4px 12px rgba(56, 52, 45, .3);--test-shadow-sm: 0 2px 8px rgba(56, 52, 45, .15);--test-shadow-md: 0 4px 16px rgba(56, 52, 45, .2);--test-shadow-lg: 0 8px 24px rgba(56, 52, 45, .25)}.test-page{min-height:100vh;background-color:var(--test-background)}.test-section{width:100%;max-width:1200px;margin:0 auto;padding:var(--test-layout-06) var(--test-layout-03);box-sizing:border-box;border-bottom:1px solid var(--test-grey-light)}.test-section:last-child{border-bottom:none;padding-bottom:var(--test-layout-07)}.test-section-title{font-family:var(--test-font-sans);font-size:var(--test-heading-05);font-weight:600;color:var(--test-grey-dark);margin-bottom:var(--test-spacing-08);text-align:center}.test-section-description{font-family:var(--test-font-sans);font-size:var(--test-body-01);color:var(--test-grey-medium);max-width:700px;text-align:center;margin:0 auto var(--test-spacing-08);line-height:1.6}.test-hero-section{width:100%;background-color:var(--test-primary);padding:var(--test-layout-07) var(--test-layout-03);margin-bottom:var(--test-layout-05)}.test-hero-content{max-width:800px;text-align:center}.test-hero-title{font-family:var(--test-font-sans);font-size:5rem;font-weight:700;color:var(--test-grey-dark);margin-bottom:var(--test-spacing-06);letter-spacing:-.02em}.test-hero-subtitle{font-family:var(--test-font-sans);font-size:var(--test-heading-05);font-weight:400;color:var(--test-grey-dark);margin-bottom:var(--test-spacing-09);opacity:.85}.test-hero-description{font-family:var(--test-font-sans);font-size:var(--test-body-01);color:var(--test-grey-dark);text-align:left;max-width:500px;margin:0 auto}.test-hero-description p{margin-bottom:var(--test-spacing-05);font-weight:500}.test-hero-description ul{list-style:none;padding:0;margin:0}.test-hero-description li{padding-left:var(--test-spacing-06);margin-bottom:var(--test-spacing-03);position:relative}.test-hero-description li:before{content:"→";position:absolute;left:0;color:var(--test-grey-dark);font-weight:600}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--test-spacing-07);width:100%;max-width:1200px}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--test-spacing-05)}.color-block{width:120px;height:120px;border-radius:8px;box-shadow:var(--test-shadow-md);border:2px solid var(--test-grey-light)}.color-info{text-align:center;display:flex;flex-direction:column;gap:var(--test-spacing-02)}.color-name{font-family:var(--test-font-sans);font-size:var(--test-body-02);font-weight:600;color:var(--test-grey-dark);margin:0}.color-hex{font-family:var(--test-font-mono);font-size:var(--test-body-01);color:var(--test-grey-medium);margin:0}.color-var{font-family:var(--test-font-mono);font-size:var(--test-label-02);color:var(--test-grey-medium);background-color:var(--test-grey-light);padding:var(--test-spacing-02) var(--test-spacing-03);border-radius:4px}.color-description{font-family:var(--test-font-sans);font-size:var(--test-label-02);color:var(--test-grey-medium);margin:0;font-style:italic}.type-samples-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--test-layout-04);width:100%;max-width:1200px}.type-samples-group{display:flex;flex-direction:column;gap:var(--test-spacing-05)}.type-group-title{font-family:var(--test-font-sans);font-size:var(--test-heading-04);font-weight:600;color:var(--test-grey-dark);margin-bottom:var(--test-spacing-04);padding-bottom:var(--test-spacing-04);border-bottom:2px solid var(--test-grey-light)}.type-sample{display:flex;align-items:center;gap:var(--test-spacing-06);padding:var(--test-spacing-05);background-color:#fff;border-radius:8px;border:1px solid var(--test-grey-light)}.type-sample-text{color:var(--test-grey-dark);min-width:60px}.type-sample-info{display:flex;flex-direction:column;gap:var(--test-spacing-02);flex:1}.type-sample-name{font-family:var(--test-font-sans);font-size:var(--test-label-02);font-weight:600;color:var(--test-grey-dark)}.type-sample-details{font-family:var(--test-font-sans);font-size:var(--test-label-02);color:var(--test-grey-medium)}.type-sample-token{font-family:var(--test-font-mono);font-size:var(--test-label-01);color:var(--test-grey-medium);background-color:var(--test-grey-light);padding:var(--test-spacing-02) var(--test-spacing-03);border-radius:4px;display:inline-block;width:fit-content}.spacing-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--test-layout-04);width:100%;max-width:1200px}.spacing-group{display:flex;flex-direction:column;gap:var(--test-spacing-05)}.spacing-group-title{font-family:var(--test-font-sans);font-size:var(--test-heading-04);font-weight:600;color:var(--test-grey-dark);margin-bottom:var(--test-spacing-03)}.spacing-group-description{font-family:var(--test-font-sans);font-size:var(--test-label-02);color:var(--test-grey-medium);margin-bottom:var(--test-spacing-05)}.spacing-items{display:flex;flex-direction:column;gap:var(--test-spacing-04)}.spacing-item{display:flex;align-items:center;gap:var(--test-spacing-05)}.spacing-bar{height:32px;border-radius:4px;min-width:2px}.spacing-bar-component{background-color:var(--test-grey-dark)}.spacing-bar-layout{background-color:var(--test-primary)}.spacing-label{font-family:var(--test-font-mono);font-size:var(--test-label-02);color:var(--test-grey-dark);white-space:nowrap}.button-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--test-layout-03);width:100%;max-width:1200px;margin-bottom:var(--test-layout-04)}.button-demo{display:flex;flex-direction:column;align-items:center;gap:var(--test-spacing-06);padding:var(--test-spacing-07);background-color:#fff;border-radius:8px;border:1px solid var(--test-grey-light)}.button-demo-info{text-align:center;display:flex;flex-direction:column;gap:var(--test-spacing-03)}.button-demo-title{font-family:var(--test-font-sans);font-size:var(--test-body-01);font-weight:600;color:var(--test-grey-dark);margin:0}.button-demo-description{font-family:var(--test-font-sans);font-size:var(--test-label-02);color:var(--test-grey-medium);margin:0}.button-demo-info code{font-family:var(--test-font-mono);font-size:var(--test-label-01);color:var(--test-grey-medium);background-color:var(--test-grey-light);padding:var(--test-spacing-02) var(--test-spacing-03);border-radius:4px;word-break:break-all}.test-button{font-family:var(--test-font-sans);font-size:var(--test-body-01);font-weight:500;padding:var(--test-spacing-05) var(--test-spacing-07);border:none;border-radius:8px;background-color:var(--test-primary);color:var(--test-grey-dark);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--test-shadow-idle)}.test-button:hover{box-shadow:var(--test-shadow-hover);transform:translateY(-2px)}.test-button:active{box-shadow:var(--test-shadow-active);transform:translateY(0)}.test-button-hover-demo{box-shadow:var(--test-shadow-hover);transform:translateY(-2px);pointer-events:none}.test-button-active-demo{box-shadow:var(--test-shadow-active);transform:translateY(0);pointer-events:none}.button-interactive-demo{width:100%;max-width:600px;text-align:center;padding:var(--test-spacing-08);background-color:#fff;border-radius:8px;border:2px dashed var(--test-grey-light)}.button-interactive-title{font-family:var(--test-font-sans);font-size:var(--test-heading-04);font-weight:600;color:var(--test-grey-dark);margin-bottom:var(--test-spacing-04)}.button-interactive-description{font-family:var(--test-font-sans);font-size:var(--test-body-01);color:var(--test-grey-medium);margin-bottom:var(--test-spacing-06)}.test-button-large{padding:var(--test-spacing-06) var(--test-layout-03);font-size:var(--test-heading-03)}.radius-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--test-spacing-07);width:100%;max-width:1200px}.radius-example{display:flex;flex-direction:column;align-items:center;gap:var(--test-spacing-05)}.radius-block{width:100px;height:100px;background-color:var(--test-primary);border:2px solid var(--test-grey-dark);box-shadow:var(--test-shadow-md)}.radius-info{text-align:center;display:flex;flex-direction:column;gap:var(--test-spacing-02)}.radius-name{font-family:var(--test-font-sans);font-size:var(--test-body-02);font-weight:600;color:var(--test-grey-dark);margin:0}.radius-value{font-family:var(--test-font-mono);font-size:var(--test-body-01);color:var(--test-grey-medium);background-color:var(--test-grey-light);padding:var(--test-spacing-02) var(--test-spacing-03);border-radius:4px}.radius-description{font-family:var(--test-font-sans);font-size:var(--test-label-02);color:var(--test-grey-medium);margin:0;font-style:italic}.components-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--test-layout-03);width:100%;max-width:1200px}.component-example{display:flex;flex-direction:column;gap:var(--test-spacing-05)}.component-example-title{font-family:var(--test-font-sans);font-size:var(--test-heading-04);font-weight:600;color:var(--test-grey-dark)}.test-card{background-color:#fff;padding:var(--test-spacing-07);border-radius:8px;box-shadow:var(--test-shadow-md);border:1px solid var(--test-grey-light);display:flex;flex-direction:column;gap:var(--test-spacing-05)}.test-card-title{font-family:var(--test-font-sans);font-size:var(--test-heading-04);font-weight:600;color:var(--test-grey-dark);margin:0}.test-card-description{font-family:var(--test-font-sans);font-size:var(--test-body-01);color:var(--test-grey-medium);line-height:1.6;margin:0}.test-input-group{display:flex;flex-direction:column;gap:var(--test-spacing-03);background-color:#fff;padding:var(--test-spacing-07);border-radius:8px;box-shadow:var(--test-shadow-md);border:1px solid var(--test-grey-light)}.test-label{font-family:var(--test-font-sans);font-size:var(--test-label-02);font-weight:500;color:var(--test-grey-dark)}.test-input{font-family:var(--test-font-sans);font-size:var(--test-body-01);color:var(--test-grey-dark);padding:var(--test-spacing-05);border:2px solid var(--test-grey-light);border-radius:4px;background-color:#fff;transition:all .2s ease}.test-input:focus{outline:none;border-color:var(--test-primary);box-shadow:0 0 0 3px #fbd07b33}.test-input::placeholder{color:var(--test-grey-medium);opacity:.6}.test-helper-text{font-family:var(--test-font-sans);font-size:var(--test-helper-02);color:var(--test-grey-medium);margin:0}.test-tags{display:flex;flex-wrap:wrap;gap:var(--test-spacing-04);background-color:#fff;padding:var(--test-spacing-07);border-radius:8px;box-shadow:var(--test-shadow-md);border:1px solid var(--test-grey-light)}.test-tag{font-family:var(--test-font-sans);font-size:var(--test-label-02);font-weight:500;color:var(--test-grey-dark);background-color:var(--test-primary);padding:var(--test-spacing-03) var(--test-spacing-05);border-radius:99px;white-space:nowrap;box-shadow:var(--test-shadow-sm)}.example-page{min-height:100vh;background-color:var(--test-background)}.example-hero{width:100%;min-height:85vh;display:flex;align-items:center;justify-content:center;background-color:var(--test-primary);padding:var(--test-layout-06) var(--test-layout-03);box-sizing:border-box}.example-hero-content{max-width:800px;text-align:center}.example-hero-label{font-family:var(--test-font-mono);font-size:var(--test-label-02);font-weight:500;color:var(--test-grey-dark);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--test-spacing-05)}.example-hero-title{font-family:var(--test-font-sans);font-size:4.5rem;font-weight:700;color:var(--test-grey-dark);line-height:1.1;margin-bottom:var(--test-spacing-07);letter-spacing:-.02em}.example-hero-description{font-family:var(--test-font-sans);font-size:var(--test-body-02);font-weight:400;color:var(--test-grey-dark);line-height:1.6;margin-bottom:var(--test-spacing-09);opacity:.85}.example-hero-actions{display:flex;gap:var(--test-spacing-06);justify-content:center;flex-wrap:wrap}.example-button{font-family:var(--test-font-sans);font-size:var(--test-body-01);font-weight:500;padding:var(--test-spacing-05) var(--test-spacing-08);border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.example-button-primary{background-color:var(--test-grey-dark);color:var(--test-primary);box-shadow:var(--test-shadow-idle)}.example-button-primary:hover{box-shadow:var(--test-shadow-hover);transform:translateY(-2px)}.example-button-primary:active{box-shadow:var(--test-shadow-active);transform:translateY(0)}.example-button-secondary{background-color:transparent;color:var(--test-grey-dark);border:2px solid var(--test-grey-dark);box-shadow:none}.example-button-secondary:hover{background-color:var(--test-grey-dark);color:var(--test-primary)}.example-button-full{width:100%}.example-section{width:100%;max-width:1200px;margin:0 auto;padding:var(--test-layout-07) var(--test-layout-03);box-sizing:border-box}.example-section-header{text-align:center;margin-bottom:var(--test-layout-05)}.example-section-title{font-family:var(--test-font-sans);font-size:var(--test-heading-06);font-weight:700;color:var(--test-grey-dark);margin-bottom:var(--test-spacing-05)}.example-section-description{font-family:var(--test-font-sans);font-size:var(--test-body-02);font-weight:400;color:var(--test-grey-medium);max-width:600px;margin:0 auto;line-height:1.6}.example-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--test-spacing-08)}.example-project-card{background-color:#fff;padding:var(--test-spacing-08);border-radius:8px;border:1px solid var(--test-grey-light);box-shadow:var(--test-shadow-sm);transition:all .3s ease;display:flex;flex-direction:column;gap:var(--test-spacing-05)}.example-project-card:hover{box-shadow:var(--test-shadow-lg);transform:translateY(-4px);border-color:var(--test-primary)}.example-project-header{display:flex;justify-content:space-between;align-items:center}.example-project-category{font-family:var(--test-font-mono);font-size:var(--test-label-02);font-weight:500;color:var(--test-grey-medium);text-transform:uppercase;letter-spacing:.05em}.example-project-title{font-family:var(--test-font-sans);font-size:var(--test-heading-04);font-weight:600;color:var(--test-grey-dark);margin:0}.example-project-description{font-family:var(--test-font-sans);font-size:var(--test-body-01);color:var(--test-grey-medium);line-height:1.6;margin:0;flex-grow:1}.example-project-tags{display:flex;flex-wrap:wrap;gap:var(--test-spacing-03)}.example-tag{font-family:var(--test-font-sans);font-size:var(--test-label-02);font-weight:500;color:var(--test-grey-dark);background-color:var(--test-grey-light);padding:var(--test-spacing-02) var(--test-spacing-04);border-radius:4px}.example-project-link{font-family:var(--test-font-sans);font-size:var(--test-body-01);font-weight:500;color:var(--test-grey-dark);background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color .2s ease}.example-project-link:hover{color:var(--test-primary)}.example-skills-section{background-color:#fff;border-top:1px solid var(--test-grey-light);border-bottom:1px solid var(--test-grey-light)}.example-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--test-spacing-09)}.example-skill-group{display:flex;flex-direction:column;gap:var(--test-spacing-05)}.example-skill-category{font-family:var(--test-font-sans);font-size:var(--test-heading-04);font-weight:600;color:var(--test-grey-dark);margin:0;padding-bottom:var(--test-spacing-04);border-bottom:2px solid var(--test-primary)}.example-skill-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--test-spacing-04)}.example-skill-item{font-family:var(--test-font-sans);font-size:var(--test-body-01);color:var(--test-grey-medium);padding-left:var(--test-spacing-06);position:relative}.example-skill-item:before{content:"→";position:absolute;left:0;color:var(--test-primary);font-weight:600}.example-about-section{background-color:var(--test-background)}.example-about-content{max-width:800px;margin:0 auto}.example-about-text{display:flex;flex-direction:column;gap:var(--test-spacing-06);margin-bottom:var(--test-layout-05)}.example-about-text p{font-family:var(--test-font-sans);font-size:var(--test-body-02);color:var(--test-grey-dark);line-height:1.8;margin:0}.example-about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--test-spacing-08);margin-top:var(--test-layout-05);padding-top:var(--test-layout-04);border-top:1px solid var(--test-grey-light)}.example-stat{text-align:center}.example-stat-value{font-family:var(--test-font-sans);font-size:var(--test-heading-06);font-weight:700;color:var(--test-primary);margin-bottom:var(--test-spacing-03)}.example-stat-label{font-family:var(--test-font-sans);font-size:var(--test-label-02);color:var(--test-grey-medium)}.example-contact-section{background-color:#fff;border-top:1px solid var(--test-grey-light)}.example-contact-content{max-width:600px;margin:0 auto}.example-contact-description{font-family:var(--test-font-sans);font-size:var(--test-body-01);color:var(--test-grey-medium);text-align:center;line-height:1.6;margin-bottom:var(--test-layout-04)}.example-contact-form{display:flex;flex-direction:column;gap:var(--test-spacing-06);margin-bottom:var(--test-layout-04)}.example-input-group{display:flex;flex-direction:column;gap:var(--test-spacing-03)}.example-label{font-family:var(--test-font-sans);font-size:var(--test-label-02);font-weight:500;color:var(--test-grey-dark)}.example-input,.example-textarea{font-family:var(--test-font-sans);font-size:var(--test-body-01);color:var(--test-grey-dark);padding:var(--test-spacing-05);border:2px solid var(--test-grey-light);border-radius:4px;background-color:var(--test-background);transition:all .2s ease}.example-input:focus,.example-textarea:focus{outline:none;border-color:var(--test-primary);box-shadow:0 0 0 3px #fbd07b33}.example-input::placeholder,.example-textarea::placeholder{color:var(--test-grey-medium);opacity:.6}.example-textarea{resize:vertical;min-height:120px}.example-contact-links{display:flex;justify-content:center;align-items:center;gap:var(--test-spacing-05);padding-top:var(--test-spacing-08);border-top:1px solid var(--test-grey-light)}.example-contact-link{font-family:var(--test-font-sans);font-size:var(--test-body-01);font-weight:500;color:var(--test-grey-dark);text-decoration:none;transition:color .2s ease}.example-contact-link:hover{color:var(--test-primary)}.example-contact-divider{color:var(--test-grey-light)}.example-footer{width:100%;padding:var(--test-spacing-08) var(--test-layout-03);background-color:var(--test-grey-dark);text-align:center}.example-footer-text{font-family:var(--test-font-sans);font-size:var(--test-label-02);color:var(--test-primary);margin:0}@media(max-width:768px){.example-hero-title{font-size:3rem}.example-hero-description{font-size:var(--test-body-01)}.example-section-title{font-size:var(--test-heading-05)}.example-projects-grid{grid-template-columns:1fr}.example-about-stats{grid-template-columns:1fr;gap:var(--test-spacing-07)}}