:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#203e38;background:#f5f2eb;font-synthesis:none;--edge:0px;--radius:0px}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #1d786d;outline-offset:5px}.skip-link{position:fixed;top:-60px;left:16px;z-index:30;padding:15px;background:white;border-radius:20px}.skip-link:focus{top:12px}.brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:570;letter-spacing:-1.25px}.brand svg{width:27px;height:34px}.nav-pending{border:0;padding:12px 0;background:none;font-size:14px;opacity:.7;cursor:default}.header-cta{display:flex;align-items:center;justify-content:center;gap:16px;padding:13px 22px;border-radius:28px;background:#ffffffe0;font-size:14px;border:1px solid #ffffff9c;white-space:nowrap}.hero-wrap{height:100svh;min-height:660px;padding:var(--edge);padding-top:calc(var(--edge)*.7);padding-bottom:0}.hero-frame{position:relative;isolation:isolate;height:100%;overflow:hidden;border-radius:var(--radius);background:#e6dbc6;box-shadow:0 0 0 1px #ffffff50}.film,.film-veil,.scene{position:absolute;inset:0;width:100%;height:100%}.scene{object-fit:cover;object-position:center;opacity:0;will-change:opacity}.scene:first-child{opacity:1}.film-veil{background:linear-gradient(90deg,rgba(245,238,224,.95) 0%,rgba(245,238,224,.86) 21%,rgba(245,238,224,.56) 37%,rgba(245,238,224,.09) 57%,transparent 73%);pointer-events:none}.hero-copy{position:absolute;top:50%;left:clamp(28px,6.6vw,108px);transform:translateY(-40%);max-width:650px}.hero-eyebrow{margin:0 0 30px;font-size:11px;line-height:1.4;letter-spacing:.19em;font-weight:600}#hero-title{font-size:clamp(52px,5.55vw,90px);line-height:1.02;font-weight:500;letter-spacing:-.065em;margin:0 0 28px}.hero-intro{font-size:clamp(16px,1.45vw,21px);line-height:1.5;letter-spacing:-.02em;margin:0 0 30px}.hero-actions{display:flex;gap:12px;align-items:center}.hero-actions a{display:flex;justify-content:center;align-items:center;gap:20px;padding:17px 25px;min-height:52px;font-size:14px;border-radius:32px}.primary-cta{background:#203e38;color:#fff}.secondary-cta{background:#ffffffe0;border:1px solid #ffffffaa}.free-note{font-size:12px;margin:20px 0 0;color:#50685d}.hero-scroll-cue{position:absolute;bottom:31px;left:clamp(28px,6.6vw,108px);display:flex;gap:17px;align-items:center;font-size:12px;letter-spacing:.025em}.hero-scroll-cue svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.2}.film-toggle{position:absolute;bottom:25px;right:34px;width:44px;height:44px;display:grid;place-items:center;background:#f8f5eaa6;border:1px solid #ffffff90;border-radius:50%;backdrop-filter:blur(12px);cursor:pointer}.film-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.film-toggle .play-icon{display:none;fill:currentColor;stroke:none}.film-toggle.is-paused .pause-icon{display:none}.film-toggle.is-paused .play-icon{display:block}.benefits{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:56px clamp(28px,4vw,64px) 44px}.benefits article{padding:26px 23px 25px;border:1px solid #ffffffc9;border-radius:22px;background:linear-gradient(140deg,#ffffff7a,#edf0e54d);box-shadow:0 8px 28px #29413604}.benefits article>svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:24px}.benefits h2{font-size:clamp(20px,1.65vw,25px);font-weight:500;line-height:1.18;letter-spacing:-.035em;margin:0 0 14px}.benefits p{font-size:14px;line-height:1.55;color:#67796b;margin:0}.next-section{padding:15px 32px 70px;text-align:center}.next-section a{display:inline-flex;gap:25px;padding:15px 22px;border-bottom:1px solid #a9b8aa;font-size:14px}
@media(min-width:1800px){.hero-copy{left:8vw}.film-veil{background:linear-gradient(90deg,#f5eee4ed,rgba(245,238,224,.78) 27%,rgba(245,238,224,.2) 52%,transparent 72%)}}
@media(max-width:900px){.nav-pending{font-size:12px}.brand{font-size:23px}.header-cta{font-size:12px;padding:12px 17px}.hero-copy{left:40px;max-width:500px}#hero-title{font-size:61px}.benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){html{scroll-padding-top:80px}.brand{font-size:24px}.brand svg{width:23px;height:30px}.header-cta{padding:11px 16px;font-size:12px}.hero-wrap{min-height:730px;max-height:940px}.scene{object-position:63% center}.film-veil{background:linear-gradient(0deg,#f5eee6fa 0%,#f5eee6e6 19%,#f5eee6b0 34%,#f5eee600 66%),linear-gradient(180deg,#f8efdfc9 0%,#f8efdf00 18%)}.hero-copy{left:26px;right:20px;top:auto;bottom:99px;max-width:none;transform:none}.hero-eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:16px}#hero-title{font-size:clamp(44px,12.5vw,62px);line-height:1.03;margin-bottom:18px}.hero-intro{font-size:15px;line-height:1.45;max-width:320px;margin-bottom:21px}.desktop-break{display:none}.hero-actions{gap:8px}.hero-actions a{padding:14px 17px;font-size:12px;min-height:46px;gap:10px}.free-note{font-size:10px;margin-top:15px}.hero-scroll-cue{left:26px;bottom:31px;font-size:10px}.film-toggle{right:22px;bottom:21px}.benefits{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:22px;padding:32px 22px 25px;gap:12px;scrollbar-width:none}.benefits::-webkit-scrollbar{display:none}.benefits article{flex:0 0 78%;scroll-snap-align:start;min-height:230px;padding:24px}.benefits h2{font-size:25px}.benefits p{font-size:15px}.benefits article>svg{margin-bottom:22px}.next-section{padding:18px 22px 46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-wrap{padding:12px 12px 0}.hero-frame{border-radius:22px}}
/* Keep both video layers underneath the stationary copy during each dissolve. */
.film{z-index:0;isolation:isolate}.film-veil{z-index:1}.hero-copy,.hero-scroll-cue,.film-toggle{z-index:2}
@media(max-width:600px){#kitchen{object-position:84% center}#runner{object-position:70% center}}

/* A short pinned pullback makes the four benefits arrive with the film. */
.hero-wrap{height:var(--hero-track,100svh);min-height:0;max-height:none;padding:0;position:relative;overflow:visible}
.hero-frame{position:sticky;top:0;width:calc(100% - var(--edge,0px)*2);height:calc(var(--hero-height,100svh) - var(--hero-shrink,0px));margin-inline:auto;border-radius:var(--radius,0px);will-change:height,width,border-radius}
.hero-copy{scale:var(--hero-copy-scale,1);transform-origin:left center}
.benefits{padding-top:28px;padding-bottom:42px}
@media(max-width:600px){.hero-wrap{min-height:0;max-height:none}.hero-copy{transform-origin:left bottom}.benefits{padding-top:22px;padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.hero-wrap{padding:0}.hero-frame{position:relative;will-change:auto;border-radius:0}.hero-copy{scale:1}}

.hero-scroll-cue{opacity:var(--hero-cue-opacity,1)}