:root{--bg-base:#f5f0e8;--bg-surface-1:#ede7d8;--bg-surface-2:#e4dcc8;--bg-surface-3:#d9d0b8;--accent-green:#2d5016;--accent-green-light:#3d6b1f;--accent-terra:#b5541b;--text-primary:#1a1208;--text-muted:#7a6b5a;--text-inverse:#f5f0e8;--border-subtle:#1a120814;--shadow-sm:0 2px 8px #1a12080f;--shadow-md:0 8px 32px #1a12081f;--shadow-lg:0 24px 64px #1a12082e;--shadow-green:0 0 40px #2d501640;--bg-dark:#141210;--bg-dark-surface:#1e1b16;--bg-forest:#1c2e0a;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Satoshi", system-ui, sans-serif;--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.75rem;--text-5xl:3.75rem;--text-6xl:5rem;--text-hero:clamp(3rem, 8vw, 6.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--duration-fast:.2s;--duration-mid:.4s;--duration-slow:.8s;--nav-height:72px}[data-theme=dark]{--bg-base:#141210;--bg-surface-1:#1e1b16;--bg-surface-2:#252018;--bg-surface-3:#2e2820;--text-primary:#f0ead8;--text-muted:#9a8d7c;--border-subtle:#f0ead814;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-base);cursor:none;transition:background var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out);line-height:1.7;overflow-x:hidden}#custom-cursor{background:var(--accent-green);pointer-events:none;z-index:9999;width:20px;height:20px;transition:width .3s var(--ease-out), height .3s var(--ease-out), background .3s, opacity .3s;mix-blend-mode:multiply;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}#custom-cursor:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;transition:inherit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#custom-cursor.expanded{background:var(--accent-green);justify-content:center;align-items:center;width:60px;height:60px;display:flex}#custom-cursor.expanded:before{content:"View";font-family:var(--font-body);color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700;position:absolute}#custom-cursor.expanded:after{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:400;line-height:1.15}p{color:var(--text-muted)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:none;font-family:var(--font-body)}.container{max-width:1280px;padding:0 var(--space-6);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-8)}}.section-tag{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-green);margin-bottom:var(--space-4);font-weight:700;display:block}.section-title{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(2rem,4vw,3.5rem);font-weight:600;line-height:1.1}.section-subtitle{font-size:var(--text-lg);color:var(--text-muted);max-width:560px;margin-top:var(--space-4)}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-mid) var(--ease-out), opacity var(--duration-fast);white-space:nowrap;cursor:none;border:none;min-width:44px;min-height:48px;padding:14px 28px;font-weight:700;display:inline-flex}.btn-primary{background:var(--accent-green);color:#fff;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #2d501659}.btn-ghost{color:#fff;background:0 0;border:1.5px solid #fff9}.btn-ghost:hover{background:#ffffff14;border-color:#fff;transform:translateY(-2px)}.btn-outline{color:var(--accent-green);border:1.5px solid var(--accent-green);background:0 0}.btn-outline:hover{background:var(--accent-green);color:#fff;transform:translateY(-2px)}.btn-leaf{position:relative;overflow:visible}.btn-leaf .leaf-sprout{transform-origin:0;transition:transform .4s var(--ease-out);pointer-events:none;position:absolute;top:50%;right:-10px;transform:translateY(-50%)scale(0)}.btn-leaf:hover .leaf-sprout{transform:translateY(-50%)scale(1)}@media (prefers-reduced-motion:no-preference){.reveal-up{opacity:0;transform:translateY(60px)}.reveal-left{opacity:0;transform:translate(-80px)}.reveal-right{opacity:0;transform:translate(80px)}.reveal-scale{opacity:0;transform:scale(.8)}.clip-reveal{clip-path:inset(0 100% 0 0)}.flip-card{opacity:0;transform:rotateX(15deg)translateY(30px)}}.section{padding:var(--space-24) 0}@media (max-width:767px){.section{padding:var(--space-16) 0}}.card{background:var(--bg-surface-1);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--border-subtle);transition:transform var(--duration-mid) var(--ease-out), box-shadow var(--duration-mid) var(--ease-out)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.grain-overlay{pointer-events:none;z-index:1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:256px 256px;animation:8s ease-in-out infinite alternate grain-pulse;position:absolute;inset:0}@keyframes grain-pulse{0%{opacity:.02}to{opacity:.05}}.draw-line{background:var(--border-subtle);transform-origin:top;width:1px;height:100%}.nav-dot{background:var(--accent-green);width:5px;height:5px;transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;display:inline-block;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)scale(0)}.nav-link:hover .nav-dot,.nav-link.active .nav-dot{transform:translate(-50%)scale(1)}.underline-hover{display:inline-block;position:relative}.underline-hover:after{content:"";background:var(--accent-green);width:0;height:1.5px;transition:width var(--duration-mid) var(--ease-out);position:absolute;bottom:-3px;left:0}.underline-hover:hover:after{width:100%}.pull-quote{font-family:var(--font-display);color:var(--text-primary);border-left:3px solid var(--accent-terra);padding-left:var(--space-8);margin:var(--space-16) 0;font-size:clamp(1.5rem,3vw,2.25rem);font-style:italic;font-weight:300;line-height:1.4}.timeline-track{background:var(--border-subtle);height:2px;position:relative;overflow:hidden}.timeline-progress{background:var(--accent-green);width:0%;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.badge-circle{text-align:center;border:2px solid var(--accent-green);width:200px;height:200px;padding:var(--space-6);margin:0 auto var(--space-6);transition:transform var(--duration-mid) var(--ease-out), box-shadow var(--duration-mid) var(--ease-out);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.badge-circle:hover{box-shadow:var(--shadow-green);transform:translateY(-8px)}.badge-icon{margin-bottom:var(--space-2);font-size:2rem}.badge-number{font-family:var(--font-display);color:var(--accent-green);font-size:1.5rem;font-weight:700}.cases-outer{overflow:hidden}.cases-pin-wrap{gap:var(--space-6);padding:0 var(--space-8);display:flex}.case-card{background:var(--bg-surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:box-shadow var(--duration-mid);flex:0 0 380px;overflow:hidden}.case-card:hover{box-shadow:var(--shadow-lg)}.case-card-img{height:200px;overflow:hidden}.case-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.case-card:hover .case-card-img img{transform:scale(1.05)}.case-card-body{padding:var(--space-6)}.case-card-client{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-4);font-style:italic;font-weight:600}.case-card-tag{background:var(--accent-green);color:#fff;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);margin-bottom:var(--space-4);padding:4px 12px;font-weight:700;display:inline-block}.case-meta{gap:var(--space-3);flex-direction:column;display:flex}.case-meta-item{font-size:var(--text-sm);color:var(--text-muted)}.case-meta-label{color:var(--text-primary);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;display:block}@media (max-width:767px){.cases-pin-wrap{flex-direction:column;padding:0}.case-card{flex:none;width:100%}}.bento-grid{gap:var(--space-4);grid-template-rows:auto auto;grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:767px){.bento-grid{grid-template-columns:1fr}}.bento-card{background:var(--bg-surface-1);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--border-subtle);transition:transform var(--duration-mid) var(--ease-out), box-shadow var(--duration-mid)}.bento-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.bento-card.tall{grid-row:span 2}.bento-card-number{font-family:var(--font-display);font-size:var(--text-6xl);color:var(--border-subtle);margin-bottom:var(--space-4);font-weight:700;line-height:1}.bento-card-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600;display:inline-block;position:relative}.bento-card-title:after{content:"";background:var(--accent-green);width:0;height:1.5px;transition:width var(--duration-mid) var(--ease-out);position:absolute;bottom:-4px;left:0}.bento-card:hover .bento-card-title:after{width:100%}.team-section{background:var(--bg-forest);color:var(--text-inverse)}.team-section h2{color:var(--text-inverse)}.team-section p{color:#f5f0e8b3}.track-card{border-radius:var(--radius-lg);padding:var(--space-8);background:#ffffff0a;border:1px solid #ffffff14}.track-label{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-green);margin-bottom:var(--space-4);font-weight:700;display:block}.cta-section{align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.cta-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.cta-overlay{background:linear-gradient(#141208bf,#141208d9);position:absolute;inset:0}.cta-content{z-index:2;text-align:center;color:#fff;width:100%;position:relative}.step-list{gap:var(--space-4);margin:var(--space-8) auto;text-align:left;flex-direction:column;max-width:480px;display:flex}.step-item{align-items:flex-start;gap:var(--space-4);display:flex}.step-num{border:1px solid var(--accent-green);width:32px;min-width:32px;height:32px;font-size:var(--text-xs);color:var(--accent-green);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;font-weight:700;display:flex}.step-text{color:#f5f0e8d9;font-size:var(--text-sm)}.qr-deco{width:80px;height:80px;margin:var(--space-6) auto 0;opacity:.6}.footer{background:var(--bg-dark);color:#f5f0e880;padding:var(--space-12) 0}.footer-inner{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.footer-links{gap:var(--space-4);display:flex}.footer-links a{color:#f5f0e880;transition:color var(--duration-fast)}.footer-links a:hover{color:var(--accent-green)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.scroll-indicator{animation:2s ease-in-out infinite bounce}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal-up,.reveal-left,.reveal-right,.reveal-scale,.clip-reveal,.flip-card{opacity:1!important;clip-path:none!important;transform:none!important}.grain-overlay,.scroll-indicator{animation:none}}@media (max-width:767px){body{cursor:auto}#custom-cursor{display:none}button,a{cursor:pointer}.btn{font-size:var(--text-xs);padding:12px 20px}.pull-quote{padding-left:var(--space-4)}.badge-circle{width:160px;height:160px}}