.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all .4s ease}.navbar--scrolled{background:rgba(255,245,233,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 0;box-shadow:0 4px 30px rgba(0,0,0,.08);border-bottom:1px solid rgba(255,107,53,.1)}.navbar__inner{max-width:1200px;margin:0 auto;padding:0 32px;justify-content:space-between;gap:24px}.navbar__inner,.navbar__logo{display:flex;align-items:center}.navbar__logo{gap:10px;text-decoration:none;transition:transform .3s}.navbar__logo:hover{transform:scale(1.05)}.navbar__logo-icon{font-size:1.8rem;animation:float 4s ease-in-out infinite}.navbar__logo-text{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:#ff6b35;position:relative;text-decoration:none}.navbar__links{display:flex;list-style:none;gap:8px}.navbar__link{text-decoration:none;color:var(--dark-soft);font-weight:600;font-size:.95rem;padding:8px 16px;border-radius:var(--radius-full);transition:all .25s;position:relative}.navbar__link:after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%) scaleX(0);width:60%;height:2px;background:var(--orange);border-radius:2px;transition:transform .25s}.navbar__link:hover{color:var(--orange)}.navbar__link:hover:after{transform:translateX(-50%) scaleX(1)}.navbar__cta{white-space:nowrap;padding:12px 28px;font-size:.9rem}.navbar__menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-dark));border:none;cursor:pointer;box-shadow:0 4px 16px rgba(255,107,53,.35);transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;-webkit-tap-highlight-color:transparent}.navbar__menu-btn:active{transform:scale(.92)}.navbar__menu-btn--open{background:linear-gradient(135deg,#444,var(--dark));box-shadow:0 4px 14px rgba(0,0,0,.25)}.navbar__menu-icon{font-size:1.1rem;color:#fff;line-height:1;font-weight:700}.navbar__panel-overlay{position:fixed;inset:0;z-index:1999;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.navbar__panel{position:absolute;bottom:0;left:0;right:0;background:var(--beige);border-radius:28px 28px 0 0;padding:12px 20px max(48px,env(safe-area-inset-bottom,48px));max-height:88vh;overflow-y:auto;box-shadow:0 -20px 60px rgba(0,0,0,.15)}.navbar__panel-handle{width:40px;height:4px;background:rgba(0,0,0,.14);border-radius:2px;margin:0 auto 20px}.navbar__panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding:0 4px}.navbar__panel-logo{font-family:var(--font-heading);font-size:1.2rem;font-weight:800;color:var(--orange);text-decoration:none}.navbar__panel-close{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.07);border:none;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dark);font-weight:700;transition:background .2s;-webkit-tap-highlight-color:transparent}.navbar__panel-close:active{background:rgba(0,0,0,.13)}.navbar__panel-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:16px}.navbar__pane{display:flex;flex-direction:column;align-items:flex-start;padding:20px 16px 18px;border-radius:20px;background:#fff;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.07);border:1.5px solid rgba(0,0,0,.04);gap:4px;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.navbar__pane:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pane-color,var(--orange))}.navbar__pane:active{transform:scale(.95);box-shadow:0 2px 8px rgba(0,0,0,.08)}.navbar__pane-icon{display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--pane-color,var(--orange))}.navbar__pane-label{font-family:var(--font-heading);font-size:.95rem;font-weight:800;color:var(--dark);line-height:1.2}.navbar__pane-desc{font-size:.73rem;color:var(--gray);font-weight:600;line-height:1.3}.navbar__panel-cta{width:100%;display:flex!important;justify-content:center;font-size:1.05rem;padding:18px 24px;margin-top:4px;box-sizing:border-box;text-align:center}@media (max-width:1024px){.navbar__inner{padding:0 20px}.navbar__cta,.navbar__links{display:none}.navbar__menu-btn{display:flex}}.hero-story{position:relative;height:var(--hero-story-height,420vh);overflow:visible}.hero-story__sticky{position:-webkit-sticky;position:sticky;top:0;overflow:visible}.hero,.hero-story__sticky{min-height:100vh;min-height:var(--hero-viewport-height,100dvh)}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:80px 64px 140px;overflow:hidden;box-sizing:border-box;background-color:#486f44;background-image:url(/images/hero-bg.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;font-family:Kanit,sans-serif}.hero:before{background:linear-gradient(135deg,rgba(0,0,0,.18),rgba(0,0,0,.06) 50%,rgba(0,0,0,.14));opacity:var(--hero-overlay-opacity,.42);z-index:2}.hero:after,.hero:before{content:"";position:absolute;inset:0;pointer-events:none}.hero:after{background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.1) 0,transparent 50%);z-index:3}.hero__frame-stage{z-index:0;pointer-events:none;overflow:hidden;background:#486f44;contain:paint;will-change:opacity}.hero__frame-canvas,.hero__frame-stage{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero__frame-canvas{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;filter:none;transform:translateZ(0)}.hero__frame-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.02) 36%,rgba(0,0,0,.12)),linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.01) 45%,rgba(0,0,0,.07));opacity:var(--hero-scrim-opacity,.52)}.hero__light-leak{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;z-index:3;pointer-events:none;will-change:opacity}.hero__light-leak--1{top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,249,196,.4) 0,hsla(0,0%,100%,0) 70%)}.hero__light-leak--2{bottom:10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(225,245,254,.3) 0,hsla(0,0%,100%,0) 70%)}.hero__content{position:relative;z-index:20;max-width:clamp(420px,36vw,600px);padding:24px 32px;background:rgba(0,0,0,.4);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform,opacity;align-self:center;margin-top:80px;overflow:visible;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero__eyebrow{display:inline-flex;align-items:center;padding:10px 18px;margin-bottom:18px;border-radius:999px;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero__title{font-size:clamp(2.5rem,3.5vw,4.5rem);line-height:1.1;font-weight:800;color:#fff;margin-bottom:24px;letter-spacing:-1px;text-shadow:0 4px 12px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.6);overflow:visible;word-wrap:break-word;overflow-wrap:break-word}.hero__title-accent{color:#ff6b35;position:relative;display:inline-block;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4)}.hero__sub{font-size:1.25rem;color:#fff;margin-bottom:40px;line-height:1.6;max-width:500px;text-shadow:0 3px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5)}.hero__ctas{display:flex;gap:16px;margin-bottom:48px}.btn-primary{padding:16px 32px;background:#7cb342;color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px rgba(0,0,0,.3),0 4px 12px rgba(124,179,66,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.4),0 6px 16px rgba(124,179,66,.5);background:#689f38}.btn-secondary{padding:16px 32px;background:hsla(0,0%,100%,.95);color:#37474f;border:1px solid hsla(0,0%,100%,.8);border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.btn-secondary:hover{background:#fff;border-color:#fff;color:#263238;box-shadow:0 6px 20px rgba(0,0,0,.15)}.hero__story-panel{position:absolute;top:64px;right:64px;z-index:15;width:320px;padding:20px 24px 24px;color:#fff;background:rgba(0,0,0,.65);border:1px solid hsla(0,0%,100%,.2);will-change:transform,opacity;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero__story-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.9);text-shadow:0 1px 2px rgba(0,0,0,.5)}.hero__story-title{font-size:1.5rem;line-height:1.2;color:#fff;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero__story-body,.hero__story-title{word-wrap:break-word;overflow-wrap:break-word}.hero__story-body{font-size:.9rem;line-height:1.5;color:hsla(0,0%,100%,.95);text-shadow:0 1px 3px rgba(0,0,0,.5)}.hero__story-rail{position:relative;margin-top:24px;height:4px;border-radius:999px;overflow:hidden;background:hsla(0,0%,100%,.16)}.hero__story-rail-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#ff6b35,#ffd67a 55%,#a8d8f0);transform-origin:left center}.hero__scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-size:.9rem;z-index:18;text-shadow:0 1px 3px rgba(0,0,0,.4);will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.scroll-line{width:2px;height:40px;background:linear-gradient(180deg,hsla(0,0%,100%,.95),transparent);border-radius:2px;animation:heroScrollPulse 1.8s ease-in-out infinite}.hero__handoff{position:absolute;left:0;right:0;bottom:0;height:42vh;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(255,245,233,0),rgba(255,245,233,.16) 42%,rgba(255,245,233,.82));will-change:opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes heroScrollPulse{0%,to{transform:scaleY(.75);opacity:.7}50%{transform:scaleY(1);opacity:1}}@media (min-width:1025px){.hero__content,.hero__frame-stage,.hero__handoff,.hero__scroll,.hero__story-panel{transition:none}}@media (prefers-reduced-motion:reduce) and (min-width:1025px){.hero__content,.hero__frame-stage,.hero__handoff,.hero__light-leak,.hero__scroll,.hero__story-panel{transition:none}.scroll-line{animation:none}}@media (max-width:1440px){.hero{padding:72px 48px 120px}.hero__story-panel{width:280px;top:56px;right:48px;padding:18px 20px 20px}}@media (max-width:1024px) and (min-width:769px){.hero{padding:64px 32px 100px}.hero__content{max-width:420px;padding:20px 24px}.hero__title{font-size:3rem}.hero__story-panel{width:240px;top:48px;right:32px;padding:16px 18px 18px}}@media (max-width:1024px){.hero-story{height:var(--hero-story-height-mobile,400vh)}.hero{padding:88px 24px 112px;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;background-image:url(/hero-bg-mobile-new.webp)}.hero__frame-canvas{object-position:center center}.hero__frame-scrim{opacity:.15}.hero__content{width:100%;max-width:calc(100vw - 48px);padding:16px 20px;margin:0;box-sizing:border-box;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.hero__title{font-size:2rem;line-height:1.15;margin-bottom:16px;text-shadow:0 2px 6px rgba(0,0,0,.7),0 0 16px rgba(0,0,0,.4)}.hero__sub{margin-top:24px;margin-bottom:24px;font-size:1.05rem;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 8px rgba(0,0,0,.4)}.hero__ctas{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:0}.hero__story-panel{position:absolute;bottom:100px;left:24px;right:24px;top:auto;width:auto;padding:18px 18px 16px}.hero__story-title{font-size:1.42rem;margin-bottom:10px}.hero__story-body{font-size:.9rem;line-height:1.55}.hero__story-meta{margin-bottom:12px}.hero__scroll{bottom:24px;width:calc(100% - 48px);text-align:center}}@media (max-width:380px){.hero{padding:80px 16px 96px}.hero__content{max-width:calc(100vw - 32px);padding:12px 14px}.hero__title{font-size:1.7rem;letter-spacing:-.5px}.hero__sub{font-size:.95rem;margin-bottom:20px}.hero__eyebrow{font-size:.75rem;padding:8px 14px}.hero__story-panel{left:16px;right:16px;padding:14px 14px 12px}.hero__story-title{font-size:1.2rem}.hero__story-body{font-size:.85rem}}.footer{position:relative;background:var(--beige)}.footer__wave{line-height:0}.footer__wave svg{width:100%;height:80px;display:block}.footer__body{background:var(--dark);padding:60px 0 32px}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;grid-gap:48px;gap:48px;margin-bottom:48px}.footer__logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:1.5rem}.footer__logo-text{font-family:var(--font-heading);font-weight:800;font-size:1.2rem;color:#ff6b35;position:relative;text-decoration:none}.footer__tagline{color:hsla(0,0%,100%,.55);font-size:.88rem;line-height:1.65;margin-bottom:24px}.footer__socials{display:flex;gap:12px}.footer__social{text-decoration:none;font-size:1.3rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.08);border-radius:var(--radius-sm);transition:all .25s}.footer__social:hover{background:rgba(255,107,53,.25)}.footer__col-title{color:#fff;font-size:.95rem;font-weight:800;margin-bottom:16px;font-family:var(--font-heading)}.footer__list{list-style:none;display:flex;flex-direction:column;gap:10px}.footer__link{text-decoration:none;color:hsla(0,0%,100%,.5);font-size:.88rem;font-weight:600;transition:color .2s}.footer__link:hover{color:var(--orange)}.footer__newsletter-text{color:hsla(0,0%,100%,.5);font-size:.85rem;margin-bottom:14px;line-height:1.5}.footer__newsletter-form{display:flex;gap:8px}.footer__newsletter-input{flex:1 1;background:hsla(0,0%,100%,.1);border:1.5px solid hsla(0,0%,100%,.15);border-radius:var(--radius-full);padding:10px 16px;color:#fff;font-family:var(--font-body);font-size:.85rem;outline:none;transition:border-color .25s}.footer__newsletter-input:focus{border-color:var(--orange)}.footer__newsletter-input::placeholder{color:hsla(0,0%,100%,.35)}.footer__newsletter-btn{background:var(--orange);border:none;border-radius:var(--radius-full);width:40px;height:40px;color:#fff;font-size:1.1rem;font-weight:900;cursor:pointer;flex-shrink:0;transition:background .25s}.footer__newsletter-btn:hover{background:var(--orange-dark)}.footer__bottom{border-top:1px solid hsla(0,0%,100%,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer__copy{color:hsla(0,0%,100%,.4);font-size:.82rem}.footer__legal{display:flex;gap:20px}.footer__legal a{color:hsla(0,0%,100%,.4);text-decoration:none;font-size:.82rem;font-weight:600;transition:color .2s}.footer__legal a:hover{color:var(--orange)}@media (max-width:1024px){.footer__grid{grid-template-columns:1fr 1fr}.footer__bottom{flex-direction:column;text-align:center}}@media (max-width:480px){.footer__grid{grid-template-columns:1fr}}@media (max-width:768px){.footer__body{padding:48px 0 28px}.footer__grid{gap:28px}.footer__tagline{font-size:.85rem}.footer__newsletter-form{flex-direction:column;gap:10px}.footer__newsletter-input{width:100%;padding:13px 16px}.footer__newsletter-btn{width:100%;height:44px;border-radius:var(--radius-md);font-size:1rem}.footer__copy,.footer__legal a{font-size:.8rem}.footer__legal{gap:14px}}