:root{font-family:Comfortaa,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light only}a{cursor:pointer;font-weight:500;color:var(--warm-brown);transition:color .2s ease}a:hover{color:var(--warm-hover)}ul{list-style:none;padding:0;margin:0}body{margin:0;display:flex;place-items:flex-start;min-width:100%;min-height:100vh;background-color:var(--soft-white);color:var(--warm-brown);--warm-brown: #8C5C44;--warm-hover: #7A4D37;--clay-accent: #C06A4A;--soft-white: #F1F1F1;--border-color: #D4CDD0}h1,h2,h3,h4{margin:0;color:var(--warm-brown)}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.2rem,3vw,1.75rem)}button{border-radius:8px;border:2px solid var(--warm-brown);font-size:1em;font-weight:600;font-family:inherit;background-color:var(--soft-white);color:var(--warm-brown);cursor:pointer;transition:all .2s ease}button:hover{background-color:var(--clay-accent);border-color:var(--clay-accent);color:var(--soft-white)}button:focus,button:focus-visible{outline:2px solid var(--warm-hover);outline-offset:2px}::selection{background-color:var(--warm-brown);color:var(--soft-white)}html{scroll-behavior:smooth;scroll-padding-top:80px}main>section{margin-bottom:0}main>section+section{margin-top:0}@media(max-width:768px){main>section{padding-top:3rem;padding-bottom:3rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--soft-white)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--warm-brown)}#root{width:100%;text-align:center;color:var(--green)}.app{position:relative}.about-video-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}@media(min-width:768px){.about-video-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.about-video-grid{grid-template-columns:repeat(3,1fr)}}.about-video-grid>.video-wrapper:last-child:nth-child(3n+1){grid-column:span 2}@media(min-width:768px)and (max-width:1199px){.about-video-grid>.video-wrapper:last-child:nth-child(odd){grid-column:span 2;max-width:50%;margin:0 auto}}