:root{--text-color:#1a1a1a;--text-muted:#6b7280;--bg-primary:#fafaf5;--bg-card:#fff;--border-color:#e5e7eb;--accent:#778873;--accent-light:#a1bc98;--accent-bg:#f1f3e0;--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width:1200px;--section-padding:clamp(4rem, 8vw, 8rem) 5%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{background:var(--text-color);color:#fff;z-index:10000;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:1rem}:focus-visible,button:focus-visible,a:focus-visible,[role=button]:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-color);line-height:1.6}.header{z-index:100;-webkit-backdrop-filter:blur(20px);background:#fafaf5d9;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:1.25rem 5%;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.02em;color:var(--text-color);font-size:1.25rem;font-weight:700;text-decoration:none}.nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-item:hover,.nav-item.active{color:var(--text-color);background:#0000000a}.contact-btn{background:var(--text-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.contact-btn:hover{background:#333;transform:translateY(-1px)}.hero{align-items:center;min-height:100vh;padding:8rem 5% 4rem;display:flex;position:relative}.hero-content{width:100%;max-width:var(--max-width);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin:0 auto;display:grid}.hero-left{flex-direction:column;gap:2rem;display:flex}.hero-left .eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}.main-title{letter-spacing:-.03em;color:var(--text-color);font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:1.05}.main-title .outline{color:var(--accent)}.description{color:var(--text-muted);max-width:480px;font-size:1.125rem;line-height:1.7}.cta-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.primary-btn{background:var(--text-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.primary-btn:hover{background:#333;transform:translateY(-1px)}.primary-btn.secondary{color:var(--text-color);border:1.5px solid var(--border-color);background:0 0}.primary-btn.secondary:hover{border-color:var(--text-color);background:0 0}.plus-icon{display:none}.award-badge{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.award-icon{background:var(--accent-bg);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.award-icon svg{width:20px;height:20px;color:var(--accent)}.hero-right{flex-direction:column;align-items:center;gap:2rem;display:flex}.hero-banner-wrapper{aspect-ratio:4/3;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f}.hero-banner-svg-wrapper{opacity:0;pointer-events:none;padding:1.5rem;transition:all .5s;position:absolute;inset:0;transform:scale(.97)}.hero-banner-svg-wrapper.active{opacity:1;transform:scale(1)}.hero-banner-svg{width:100%;height:100%}.floating-elements{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.float-el{opacity:.06;will-change:transform;color:var(--accent);animation:20s ease-in-out infinite floatDrift;position:absolute}.float-el.code-bracket{font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.float-el.code-line{white-space:nowrap;opacity:.08;font-family:Courier New,monospace;font-size:.75rem}.float-el.grid-icon{opacity:.05}.float-el.dot{background:var(--accent-light);opacity:.15;border-radius:50%;width:6px;height:6px}.float-el.ring{border:1.5px solid var(--accent-light);opacity:.08;border-radius:50%;width:32px;height:32px}.float-el:first-child{animation-delay:0s;top:10%;left:15%}.float-el:nth-child(2){animation-delay:-3s;top:20%;left:80%}.float-el:nth-child(3){animation-delay:-6s;top:65%;left:10%}.float-el:nth-child(4){animation-delay:-2s;top:35%;left:88%}.float-el:nth-child(5){animation-delay:-8s;top:78%;left:70%}.float-el:nth-child(6){animation-delay:-4s;top:55%;left:5%}.float-el:nth-child(7){animation-delay:-10s;top:88%;left:35%}.float-el:nth-child(8){animation-delay:-5s;top:15%;left:55%}.float-el:nth-child(9){animation-delay:-7s;top:48%;left:92%}.float-el:nth-child(10){animation-delay:-1s;top:72%;left:45%}.float-el:nth-child(11){animation-delay:-9s;top:8%;left:40%}.float-el:nth-child(12){animation-delay:-11s;top:92%;left:85%}@keyframes floatDrift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(15px,-20px)rotate(3deg)}50%{transform:translate(-10px,-35px)rotate(-2deg)}75%{transform:translate(18px,-12px)rotate(2deg)}}#particles-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{pointer-events:none;border-radius:50%;animation:linear forwards particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)scale(0)}10%{opacity:.4;transform:translateY(-10vh)scale(1)}90%{opacity:.15}to{opacity:0;transform:translateY(-110vh)scale(.5)}}.hero-code-block{color:var(--accent);opacity:.04;white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-family:Courier New,monospace;font-size:.8rem;line-height:1.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section{padding:var(--section-padding);max-width:var(--max-width);content-visibility:auto;contain-intrinsic-size:auto 600px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.6875rem;font-weight:600;display:block}.section-title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.section-subtitle{color:var(--text-muted);max-width:560px;margin:0 auto;font-size:1.0625rem;line-height:1.7}.whatwedo-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.whatwedo-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:2.5rem 2rem;transition:all .3s;position:relative}.whatwedo-card:hover{border-color:var(--accent-light);transform:translateY(-4px);box-shadow:0 8px 32px #0000000f}.whatwedo-icon{background:var(--accent-bg);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;transition:transform .3s;display:flex}.whatwedo-card:hover .whatwedo-icon{transform:scale(1.05)}.whatwedo-icon svg{width:32px;height:32px;color:var(--accent)}.whatwedo-card h3{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.whatwedo-card p{color:var(--text-muted);font-size:.9375rem;line-height:1.6}.process-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.ingredient-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:14px;padding:2rem 1.5rem;transition:all .3s}.ingredient-card:hover{border-color:var(--accent-light);transform:translateY(-3px);box-shadow:0 6px 24px #0000000d}.ingredient-icon{background:var(--accent-bg);width:48px;height:48px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;font-size:1.125rem;display:inline-flex}.ingredient-icon svg{width:22px;height:22px}.ingredient-card .ingredient-icon{margin-bottom:1.25rem}.ingredient-card h3{margin-bottom:.5rem;font-size:1rem;font-weight:700}.ingredient-card p{color:var(--text-muted);font-size:.875rem;line-height:1.5}.letstalk-grid{text-align:center;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:960px;margin:0 auto;display:flex}.letstalk-stat{color:inherit;text-decoration:none;transition:all .3s}.letstalk-link{cursor:pointer}.letstalk-link:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 24px #0000000d}.letstalk-icon{background:var(--bg-light);border:1px solid var(--border-color);width:52px;height:52px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 1rem;transition:all .3s;display:flex}.letstalk-link:hover .letstalk-icon{background:var(--accent);color:#fff;border-color:var(--accent)}.letstalk-icon svg{width:24px;height:24px}.letstalk-label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.letstalk-stat p{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.5}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border-color);color:inherit;border-radius:14px;text-decoration:none;transition:all .3s;overflow:hidden}.blog-card:hover{border-color:var(--accent-light);transform:translateY(-4px);box-shadow:0 8px 32px #0000000f}.blog-card-image{aspect-ratio:16/9;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card-content{padding:1.25rem 1.5rem 1.5rem}.blog-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:inline-block}.blog-card-title{letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.3}.blog-card-desc{color:var(--text-muted);margin-bottom:.75rem;font-size:.875rem;line-height:1.6}.blog-card-date{color:var(--text-muted);opacity:.7;font-size:.75rem}.blog-more{text-align:center;margin-top:3rem}.contact-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-modal{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:520px;max-height:90vh;color:var(--text-color);border-radius:16px;padding:2.5rem;animation:.3s modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000001f}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.contact-modal h3{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.contact-modal-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9375rem}.contact-modal-close{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.contact-modal-close:hover{background:var(--border-color);color:var(--text-color)}.contact-modal-form .form-group{margin-bottom:1rem}.contact-modal-form label{color:var(--text-color);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.contact-modal-form input,.contact-modal-form textarea{border:1.5px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-color);font-size:.9375rem;font-family:var(--font-main);border-radius:10px;padding:.75rem 1rem;transition:all .2s}.contact-modal-form input:focus,.contact-modal-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7788731f}.contact-modal-form textarea{resize:vertical;min-height:100px}.contact-submit-btn{justify-content:center;width:100%;margin-top:.5rem}.field-error{color:#dc2626;margin-top:.375rem;font-size:.75rem;display:block}.form-success{color:var(--accent);margin-top:.75rem;font-size:.9375rem}.mobile-menu-toggle{border:1.5px solid var(--border-color);color:var(--text-color);cursor:pointer;z-index:200;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.mobile-menu-toggle span{background:var(--text-color);border-radius:2px;width:18px;height:2px;transition:all .3s;display:block}.mobile-menu-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(20px);z-index:150;background:#fafaf5fa;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:none;position:fixed;inset:0}.mobile-nav-overlay.open{display:flex}.mobile-nav-overlay .nav-item{color:var(--text-color);padding:.75rem 2rem;font-size:1.5rem;font-weight:600}.footer{border-top:1px solid var(--border-color);margin-top:2rem;padding:1rem 1%}.footer-content{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-brand{letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.footer-links{align-items:center;gap:1.5rem;display:flex}.footer-links a{color:var(--text-muted);font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-color)}.footer-copy{color:var(--text-muted);font-size:.8125rem}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-left{align-items:center}.description{margin:0 auto}.cta-group{justify-content:center}.hero-right{max-width:500px;margin:0 auto}.main-title{font-size:clamp(2.5rem,6vw,4.5rem)}.whatwedo-grid,.process-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.mobile-menu-toggle{display:flex}.nav{display:none}.hero{min-height:auto;padding:7rem 5% 3rem}.main-title{font-size:clamp(2.25rem,8vw,3.5rem)}.section{padding:clamp(3rem,6vw,5rem) 5%}.whatwedo-grid{grid-template-columns:1fr;gap:1rem}.process-grid{grid-template-columns:repeat(2,1fr)}.letstalk-grid{gap:1rem;max-width:720px}.blog-grid{grid-template-columns:1fr;gap:1.25rem}.footer-content{text-align:center;flex-direction:column;gap:1.5rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}}@media (width<=640px){.header{padding:1rem 5%}.contact-btn{display:none}.hero{padding:6rem 5% 2rem}.main-title{font-size:clamp(2rem,10vw,3rem)}.description{font-size:1rem}.primary-btn{justify-content:center;width:100%}.hero-banner-wrapper{aspect-ratio:16/10;max-width:100%}.section-title{font-size:clamp(1.75rem,6vw,2.5rem)}.section-subtitle{font-size:.9375rem}.whatwedo-card{padding:2rem 1.5rem}.process-grid{grid-template-columns:1fr}.letstalk-grid{flex-direction:column;align-items:center}.letstalk-number{font-size:2.5rem}.floating-elements,.hero-code-block{display:none}.contact-modal-overlay{align-items:flex-end}.contact-modal{padding:1.5rem 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;width:100%;max-height:90vh;margin:0}.contact-modal:before{content:"";background:var(--border-color);border-radius:2px;width:36px;height:4px;margin:0 auto 1rem;display:block}}@media (width<=380px){.main-title{font-size:1.75rem}.section{padding:2.5rem 5%}}@keyframes fadeInEntry{to{opacity:1;transform:none}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes bannerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ripple{to{opacity:0;transform:scale(4)}}.large-animation-1{opacity:0;will-change:opacity, transform;animation:.9s cubic-bezier(.2,.8,.2,1) .15s forwards slideInUp;transform:translateY(30px)}.hero-left .description{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) .4s forwards slideInUp;transform:translateY(20px)}.hero-left .cta-group{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) .6s forwards slideInUp;transform:translateY(16px)}.hero-left .award-badge{opacity:0;animation:.6s .8s forwards slideInUp;transform:translateY(12px)}.hero-right{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) .35s forwards slideInRight;transform:translate(30px)}.hero-banner-svg-wrapper.active .hero-banner-svg{animation:6s ease-in-out infinite bannerFloat}.primary-btn,.contact-btn{position:relative;overflow:hidden}.primary-btn:after,.contact-btn:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffff40 0%,#0000 70%);width:100%;height:100%;transition:transform .5s,opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.primary-btn:active:after,.contact-btn:active:after{opacity:1;transition:all;transform:translate(-50%,-50%)scale(2.5)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal.revealed{opacity:1;transform:none}.reveal-left{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:translate(-30px)}.reveal-left.revealed{opacity:1;transform:none}.reveal-right{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:translate(30px)}.reveal-right.revealed{opacity:1;transform:none}.reveal-scale{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:scale(.92)}.reveal-scale.revealed{opacity:1;transform:none}.stagger-children>:first-child{transition-delay:0s}.stagger-children>:nth-child(2){transition-delay:80ms}.stagger-children>:nth-child(3){transition-delay:.16s}.stagger-children>:nth-child(4){transition-delay:.24s}.stagger-children>:nth-child(5){transition-delay:.32s}.stagger-children>:nth-child(6){transition-delay:.4s}.section-header{opacity:0;transform:translateY(24px)}.section-header.revealed{animation:.7s cubic-bezier(.2,.8,.2,1) forwards slideInUp}.whatwedo-card{transition:all .35s cubic-bezier(.2,.8,.2,1)}.whatwedo-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 12px 40px #7788731f}.whatwedo-card:hover .whatwedo-icon{animation:1.5s ease-in-out infinite gentlePulse}.ingredient-card{transition:all .35s cubic-bezier(.2,.8,.2,1)}.ingredient-card:hover{transform:translateY(-5px)scale(1.01);box-shadow:0 10px 36px #7788731a}.ingredient-icon{transition:all .35s cubic-bezier(.2,.8,.2,1)}.ingredient-card:hover .ingredient-icon{transform:scale(1.1)rotate(-3deg);box-shadow:0 4px 16px #77887326}.letstalk-link:hover .letstalk-icon{animation:1s ease-in-out infinite gentlePulse}.blog-card{transition:all .35s cubic-bezier(.2,.8,.2,1)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #7788731a}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image{overflow:hidden}.blog-card-image img{width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block}.scroll-top-btn{opacity:0;transition:all .3s cubic-bezier(.2,.8,.2,1);transform:translateY(10px)scale(.9)}.scroll-top-btn.visible{opacity:1;transform:translateY(0)scale(1)}.scroll-top-btn:hover{transform:translateY(-3px)scale(1.05)}.nav-item.active{position:relative}.nav-item.active:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;animation:.3s scaleIn;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.logo{transition:all .3s}.logo:hover{color:var(--accent);transform:scale(1.02)}.blog-page{background:var(--bg-primary);min-height:100vh;font-family:var(--font-main);color:var(--text-color)}.blog-header{z-index:50;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#fafaf5d9;position:sticky;top:0}.blog-header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 5%;display:flex}.blog-back-link{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.blog-back-link:hover{color:var(--text-color)}.blog-nav{align-items:center;gap:1.5rem;display:flex}.blog-nav-link{color:var(--text-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.blog-nav-link:hover{color:var(--text-color)}.blog-nav-current{color:var(--text-color);font-size:.875rem;font-weight:600}.blog-main{max-width:1200px;margin:0 auto;padding:6rem 5% 4rem}.blog-hero{margin-bottom:3rem}.blog-hero h1{letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700}.blog-hero p{color:var(--text-muted);font-size:1.125rem;line-height:1.6}.blog-empty{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:14px;padding:4rem 2rem}.blog-empty p{color:var(--text-muted)}.blog-grid-page{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.blog-card-page{background:var(--bg-card);border:1px solid var(--border-color);color:inherit;border-radius:14px;text-decoration:none;transition:all .3s;overflow:hidden}.blog-card-page:hover{border-color:var(--accent-light);transform:translateY(-4px);box-shadow:0 8px 32px #0000000f}.blog-card-img-wrap{aspect-ratio:16/9;overflow:hidden}.blog-card-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card-page:hover .blog-card-img-wrap img{transform:scale(1.03)}.blog-card-img-placeholder{aspect-ratio:16/9;background:var(--accent-bg);color:var(--text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}.blog-card-body{padding:1.25rem 1.5rem 1.5rem}.blog-card-meta{color:var(--text-muted);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.blog-card-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.blog-card-date-text{opacity:.7}.blog-card-h2{letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.3}.blog-card-excerpt{color:var(--text-muted);font-size:.875rem;line-height:1.6}.blog-footer-cta{text-align:center;margin-top:3rem}.blog-article{max-width:720px;margin:0 auto;padding:4rem 5%}.blog-article-meta{color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.8125rem;display:flex}.blog-article-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.blog-article-date{opacity:.7}.blog-article-title{letter-spacing:-.03em;margin-bottom:2rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.blog-article-images{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.blog-article-img-wrap{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.blog-article-img-wrap img{object-fit:cover;width:100%;height:100%}.blog-article-content{color:var(--text-muted);white-space:pre-line;font-size:1.0625rem;line-height:1.8}.blog-article-back{border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.blog-card-page{content-visibility:auto;contain-intrinsic-size:auto 350px}.blog-card-page:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=768px){.blog-grid-page{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width<=640px){.blog-grid-page{grid-template-columns:1fr;gap:1rem}.blog-article-images{grid-template-columns:1fr}.blog-main,.blog-article{padding:3rem 5%}}.scroll-top-btn{background:var(--bg-card);border:1px solid var(--border-color);width:48px;height:48px;color:var(--accent);cursor:pointer;opacity:0;visibility:hidden;z-index:100;border-radius:14px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(12px);box-shadow:0 2px 12px #0000000f}.scroll-top-btn:not(.visible){pointer-events:none}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #3a523533}.scroll-top-btn svg{width:20px;height:20px}