:root{--color-bg: #FFFFFF;--color-text: #1A1A1A;--color-text-secondary: #6B6B6B;--color-accent: #FF5A13;--color-accent-light: #FF8A56;--color-accent-bg: #FFF2EB;--color-cream: #F8F8F8;--color-sage: #FF5A13;--color-sage-light: #FFF2EB;--color-sage-dark: #D94A0E;--color-border: #EBEBEB;--color-white: #FFFFFF;--color-dark: #0D0D0D;--font-display: "Sofia Pro", -apple-system, sans-serif;--font-body: "Sofia Pro", -apple-system, sans-serif;--site-width: 1200px;--wide-width: 960px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.7}img{max-width:100%;display:block}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s}a:hover{color:var(--color-sage-dark)}.nav{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-inner{max-width:var(--site-width);margin:0 auto;padding:.9rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo img{height:28px;width:auto}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-links a{font-size:.82rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;letter-spacing:.03em;text-transform:uppercase}.nav-links a:hover{color:var(--color-accent)}.nav-cta{background:var(--color-accent);color:var(--color-white)!important;padding:.5rem 1.2rem;border-radius:100px;font-size:.78rem!important;letter-spacing:.04em;transition:background .2s}.nav-cta:hover{background:var(--color-sage-dark)!important}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:110}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--color-dark);margin:5px 0;border-radius:2px;transition:transform .3s,opacity .3s}.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-mobile-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:99;opacity:0;transition:opacity .3s}.nav-mobile-overlay.active{opacity:1}.nav-mobile{display:none;position:fixed;top:0;right:-280px;width:280px;height:100%;background:var(--color-white);z-index:105;padding:5rem 2rem 2rem;transition:right .3s ease;box-shadow:-4px 0 24px #00000014}.nav-mobile.active{right:0}.nav-mobile a{display:block;font-size:1rem;font-weight:500;color:var(--color-text);text-decoration:none;padding:.9rem 0;border-bottom:1px solid var(--color-border)}.nav-mobile a:hover{color:var(--color-accent)}.nav-mobile .nav-mobile-cta{display:inline-block;margin-top:1.5rem;background:var(--color-accent);color:var(--color-white);padding:.75rem 1.5rem;border-radius:100px;font-size:.9rem;font-weight:600;text-align:center;width:100%;border-bottom:none}.nav-mobile .nav-mobile-cta:hover{background:var(--color-sage-dark);color:var(--color-white)}.page-hero{max-width:var(--site-width);margin:0 auto;padding:var(--space-2xl) 2rem var(--space-xl);text-align:center}.page-hero-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-sm)}.page-hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,5vw,3rem);line-height:1.15;color:var(--color-dark);letter-spacing:-.02em;max-width:700px;margin:0 auto var(--space-md)}.page-hero p{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.65;max-width:520px;margin:0 auto}.filter-bar{max-width:var(--site-width);margin:0 auto var(--space-xl);padding:0 2rem;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.filter-tab{padding:.5rem 1.3rem;border-radius:100px;border:1px solid var(--color-border);background:var(--color-white);font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:var(--color-accent-light);color:var(--color-accent)}.filter-tab.active{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.featured{max-width:var(--site-width);margin:0 auto var(--space-xl);padding:0 2rem}.featured-card{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-lg);background:var(--color-cream);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.featured-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000000f;color:inherit}.featured-image{aspect-ratio:4/3;background:linear-gradient(135deg,var(--color-accent-light) 0%,#7BA0C4 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-size:1.1rem;font-style:italic;padding:2rem;text-align:center}.featured-content{padding:var(--space-lg) var(--space-lg) var(--space-lg) 0;display:flex;flex-direction:column;justify-content:center}.featured-tag{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:.6rem}.featured-content h2{font-family:var(--font-display);font-weight:700;font-size:1.6rem;line-height:1.2;color:var(--color-dark);letter-spacing:-.02em;margin-bottom:.8rem}.featured-content p{font-size:.92rem;color:var(--color-text-secondary);line-height:1.65;margin-bottom:var(--space-sm)}.featured-meta{font-size:.78rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.8rem}.featured-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--color-border)}.cards-section{max-width:var(--site-width);margin:0 auto var(--space-xl);padding:0 0 0 2rem}.cards-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-right:2rem}.cards-section-title{font-family:var(--font-display);font-weight:600;font-size:1.3rem;color:var(--color-dark)}.cards-section-count{font-size:.78rem;color:var(--color-text-secondary);margin-left:.6rem}.scroll-arrows{display:flex;gap:.5rem}.scroll-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--color-text-secondary)}.scroll-arrow:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg)}.scroll-arrow svg{width:16px;height:16px}.cards-scroll-wrapper{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem;padding-right:2rem;touch-action:pan-x;overscroll-behavior-x:contain;min-width:0}.cards-scroll-wrapper::-webkit-scrollbar{display:none}.cards-scroll{display:flex;gap:var(--space-md);width:max-content;min-width:100%}.card{min-width:300px;max-width:300px;flex-shrink:0;border:1px solid var(--color-border);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000000f;color:inherit}.card-image{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-size:.88rem;font-style:italic;padding:1.5rem;text-align:center}.card-body{padding:var(--space-md)}.card-tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:.4rem}.card-body h3{font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.3;color:var(--color-dark);letter-spacing:-.01em;margin-bottom:.5rem}.card-body p{font-size:.82rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:.8rem}.card-meta{font-size:.72rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.6rem}.card-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--color-border)}.newsletter{max-width:var(--wide-width);margin:0 auto var(--space-2xl);padding:0 2rem}.newsletter-card{background:var(--color-accent-bg);border-radius:24px;padding:var(--space-xl);text-align:center}.newsletter-card h2{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--color-dark);margin-bottom:.5rem}.newsletter-card p{font-size:.92rem;color:var(--color-text-secondary);margin-bottom:var(--space-md);max-width:420px;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;gap:.6rem;max-width:420px;margin:0 auto}.newsletter-input{flex:1;padding:.75rem 1.2rem;border:1px solid var(--color-border);border-radius:100px;font-family:var(--font-body);font-size:.88rem;background:var(--color-white);outline:none;transition:border-color .2s}.newsletter-input:focus{border-color:var(--color-accent)}.newsletter-input::placeholder{color:#b0b0b0}.newsletter-btn{padding:.75rem 1.6rem;background:var(--color-accent);color:var(--color-white);border:none;border-radius:100px;font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.newsletter-btn:hover{background:var(--color-sage-dark)}.footer{background:var(--color-dark);color:#fff9;padding:var(--space-xl) 2rem;text-align:center}.footer-logo{margin-bottom:var(--space-sm)}.footer-logo img{height:32px;width:auto;margin:0 auto;filter:brightness(0) invert(1)}.footer p{font-size:.82rem;line-height:1.7;max-width:400px;margin:0 auto var(--space-md)}.footer-links{display:flex;justify-content:center;gap:2rem;list-style:none;margin-bottom:var(--space-md)}.footer-links a{font-size:.78rem;color:#ffffff80;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.footer-links a:hover{color:var(--color-accent-light)}.footer-copy{font-size:.72rem;color:#ffffff4d}@media(max-width:1024px){.card{min-width:270px;max-width:270px}}@media(max-width:768px){html{font-size:16px}.nav-links{display:none}.nav-hamburger,.nav-mobile,.nav-mobile-overlay{display:block}.page-hero{padding:var(--space-xl) 1.5rem var(--space-lg)}.featured-card{grid-template-columns:1fr}.featured-content{padding:var(--space-md)}.featured-image{aspect-ratio:16/9}.card{min-width:260px;max-width:260px}.cards-section{padding-left:1.5rem}.cards-section-header,.cards-scroll-wrapper{padding-right:1.5rem}.scroll-arrows{display:none}.newsletter-form{flex-direction:column}.newsletter-btn{width:100%}}
