html,body{height:100%;margin:0;padding:0;overflow-x:hidden}.hero{position:relative;width:100vw;height:65vh;margin:0;padding:0;overflow:hidden;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;isolation:isolate;z-index:0}.hero:before{content:"";position:absolute;inset:0;background-image:url(/assets/images/duck-bg.png);background-size:cover;background-position:center;opacity:100;z-index:1;pointer-events:none;mask-image:radial-gradient(circle 250px at var(--cursor-x, -9999px) var(--cursor-y, -9999px),white 0%,transparent 80%);-webkit-mask-image:radial-gradient(circle 250px at var(--cursor-x, -9999px) var(--cursor-y, -9999px),white 0%,transparent 80%);filter:saturate(1);animation:pulse-saturation 6s ease-in-out infinite}.hero:after{content:"";position:absolute;top:var(--cursor-y, -9999px);left:var(--cursor-x, -9999px);width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:2;border-radius:50%;transition:top .05s ease,left .05s ease}@keyframes pulse-saturation{0%,to{filter:saturate(1)}50%{filter:saturate(1.4)}}.hero-inner{position:relative;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1600px;padding:0 2vw}.hero-left-heading{grid-column:1 / 2;font-size:2.8rem;font-weight:800;color:var(--color-theme, #DEB126);line-height:1.3;text-align:left;margin:0;max-width:440px}.hero-duck{grid-column:3 / 4;height:230px;width:auto;object-fit:contain;z-index:4}.rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.drop{position:absolute;bottom:100%;width:2px;height:100px;background:linear-gradient(to bottom,#fff0,#fff3);animation:drop 1.2s linear infinite}@keyframes drop{0%{transform:translateY(0);opacity:1}to{transform:translateY(100vh);opacity:0}}@media (max-width: 768px){.hero-inner{grid-template-columns:1fr;text-align:center;justify-items:center}.hero-left-heading{font-size:2rem;max-width:100%;text-align:center;grid-column:1}.hero-duck{margin-top:2rem;height:200px;grid-column:1}}:root{--color-theme: #DEB126;--color-bg: #000;--color-text: #ffffff;--color-text-secondary: hsl(48, 12%, 70%);--color-highlight: rgba(222, 177, 38, .1);--surface: #181818;--surface-light: #222;--border: rgba(255, 255, 255, .08);--font-body: "PT Sans", Inter, system-ui, sans-serif}.about-section{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);padding:5rem 2rem;line-height:1.7}.about-container{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.about-heading{font-size:2.75rem;font-weight:700;color:var(--color-theme);text-align:center;margin-bottom:1rem}.about-subheading{font-size:1.25rem;color:var(--color-text-secondary);text-align:center;margin-bottom:2rem;max-width:720px;margin-left:auto;margin-right:auto}.about-paragraph{font-size:1.05rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.about-list{font-size:1.05rem;color:var(--color-text-secondary);margin-bottom:1.5rem;padding-left:1.5rem;list-style-type:disc}.about-highlight{background-color:var(--color-highlight);padding:1rem 1.5rem;border-radius:10px;border:1px solid var(--border)}.about-highlight h3{color:var(--color-theme);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.about-highlight p{margin:0;font-size:1rem;color:var(--color-text-secondary)}.about-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.about-card{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:border .3s ease}.about-card:hover{border-color:var(--color-theme)}.about-card h4{font-size:1.25rem;color:var(--color-theme);margin-bottom:.75rem}.about-card p{font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.about-location{font-style:italic;color:var(--color-text-secondary);margin-top:1rem;text-align:center}.about-row{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:nowrap}.about-row.reverse{flex-direction:row-reverse}.about-text{flex:1;min-width:0}.about-image{width:300px;max-width:100%;height:auto;flex-shrink:0;display:block;border-radius:8px}.about-image-full img{width:100%;height:auto;max-width:600px;margin:3rem auto 0;display:block;border-radius:12px}@media (max-width: 768px){.about-heading{font-size:2.25rem}.about-subheading{font-size:1.1rem}.about-paragraph{font-size:1rem}.about-card h4{font-size:1.1rem}.about-card p{font-size:.95rem}.about-row,.about-row.reverse{flex-direction:column;text-align:center;align-items:center}.about-image{max-width:80%;margin:1.5rem 0}.about-text{width:100%}.about-image-full img{max-width:90%}}.lservices-section{background-color:#000;padding:0;margin:0;overflow:hidden}.services-intro-row{display:flex;justify-content:space-between;align-items:center;height:30vh;padding:0 2rem;gap:1rem;box-sizing:border-box}.intro-media-left{flex:1;max-width:220px}.intro-video{width:100%;height:auto;object-fit:contain;display:block}.services-header{flex:2;text-align:center;max-width:600px;margin:0 auto}.features-heading{font-size:2rem;font-weight:700;color:var(--color-theme);margin-bottom:.5rem}.spotlight-subheading{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin-top:1rem;max-width:100%}.intro-media-right{flex:1;max-width:140px}.intro-image{width:100%;height:auto;object-fit:contain}.scroll-wrapper{position:relative;overflow:hidden;margin:0 auto;padding:2rem 0;max-width:100vw}.scroll-container{display:flex;gap:1.5rem;scroll-behavior:smooth;padding:1rem 2rem;scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.card{flex:0 0 auto;width:220px;min-width:220px;scroll-snap-align:start;border-radius:8px;background:#1a1a1a;box-shadow:0 1px 6px #0006;overflow:hidden;transition:transform .3s ease;border:1px solid var(--color-highlight)}.card:hover{transform:translateY(-4px)}.course-banner{height:100px;display:flex;align-items:center;justify-content:center;background:#333;position:relative}.service-logo{max-height:60px;max-width:80%;object-fit:contain;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.6))}.course-banner.category-video-production{background:linear-gradient(135deg,#fbc2eb,#a6c1ee)}.course-banner.category-digital-art-design{background:linear-gradient(135deg,#f2994a,#f2c94c)}.course-banner.category-photography{background:linear-gradient(135deg,#89f7fe,#66a6ff)}.course-banner.category-languages{background:linear-gradient(135deg,#ffe259,#ffa751)}.course-banner.category-ui-ux-design{background:linear-gradient(135deg,#c2ffd8,#465efb)}.course-banner.category-instructional-design{background:linear-gradient(135deg,#cfd9df,#e2ebf0)}.course-banner.category-content-strategy{background:linear-gradient(135deg,#fddb92,#d1fdff)}.course-banner.category-audio-voice-work{background:linear-gradient(135deg,#fbc8d4,#9795f0)}.course-banner.category-project-workflow-tools{background:linear-gradient(135deg,#d4fc79,#96e6a1)}.course-banner.category-deployment-devops{background:linear-gradient(135deg,#a18cd1,#5f72be)}.course-banner.category-certificates{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.course-banner.category-social-media{background:linear-gradient(135deg,#f6f9d4,#fbc2eb)}.course-info{padding:1rem}.course-title{font-size:1rem;font-weight:600;color:var(--color-text)}.course-level{font-size:.875rem;color:var(--color-text-secondary);margin-top:.3rem}.course-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-theme);margin-top:.75rem}.course-summary{margin-top:.75rem;font-size:.8rem;color:var(--color-text-secondary)}.course-proficiency{margin-top:.5rem;font-size:1rem;color:gold}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-theme);border:1px solid #000;color:#000;font-size:2rem;padding:.25rem .75rem;cursor:pointer;z-index:10;transition:opacity .2s ease;border-radius:4px;opacity:.8}.scroll-arrow:hover{opacity:1}.scroll-arrow.left{left:.5rem}.scroll-arrow.right{right:.5rem}@media (max-width: 768px){.services-intro-row{flex-direction:column;height:auto;padding:2rem 1rem}.intro-media-left,.intro-media-right{max-width:160px}.services-header{text-align:center;margin:2rem 0}.features-heading{font-size:1.5rem}.scroll-container{padding:.5rem 1rem}.card{width:180px;min-width:180px}.scroll-arrow{font-size:1.5rem;padding:.25rem .5rem}}