:root{--paper:#f3f5f2;--ink:#142124;--blue:#124ce5;--blue-ink:#fff;--lime:#d7f361;--ice:#cfedef;--muted:#4e6266;--dark:#142124;--radius:12px;--gutter:clamp(20px,2.25vw,36px);--body:clamp(1rem,.95rem + .25vw,1.1875rem);--lead:clamp(1.25rem,1.1rem + .6vw,1.625rem);--small:.875rem;--head:clamp(2.375rem,5.8vw,5.5rem);--display:clamp(3rem,8vw,7.75rem);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:'Libre Franklin','PingFang TC',sans-serif;font-size:var(--body);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.045em;text-wrap:balance;line-height:1.08}p{text-wrap:pretty}h2{font-size:var(--head)}h3{font-size:clamp(1.5rem,3vw,2.75rem);line-height:1.22}.note{font-size:var(--small);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:18px 25px;min-height:56px;border-radius:var(--radius);background:var(--ink);color:var(--paper);font-size:1rem;font-weight:600;line-height:1.3;width:fit-content}.button span{font-size:24px}.button.light{background:var(--lime);color:var(--ink)}.text-link{text-decoration:underline;text-underline-offset:5px;font-size:1rem;font-weight:500;display:inline-block;padding-block:10px}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.skip{position:fixed;z-index:5;top:10px;left:20px;background:var(--ink);color:var(--paper);padding:15px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto;overflow:visible}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}header{min-height:88px;display:flex;justify-content:space-between;align-items:center;padding:14px var(--gutter);gap:24px;background:var(--paper)}.wordmark{font-size:38px;font-weight:800;letter-spacing:-.065em;line-height:1;display:flex;align-items:center;gap:12px;min-height:44px}.brand-flap{width:25px;height:28px;background:var(--blue);clip-path:polygon(0 0,68% 0,100% 30%,100% 100%,0 100%);position:relative}.brand-flap:after{content:'';position:absolute;right:0;top:0;width:8px;height:8px;background:var(--lime);clip-path:polygon(0 0,0 100%,100% 100%)}header nav{display:flex;align-items:center;gap:32px;font-size:1rem;font-weight:500}nav a{min-height:44px;display:inline-flex;align-items:center}header .language{background:var(--ice);padding:0 16px;border-radius:var(--radius)}.hero{background:var(--paper)}.mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(280px,30vw,440px);overflow:hidden}.mosaic>div{position:relative;overflow:hidden}.mosaic img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.mosaic-home{grid-column:1/3;grid-row:1/3;background:var(--ice);padding:35px 60px 0}.mosaic-home img{width:100%;height:auto;transform:rotate(-5deg);transform-origin:center 20%;border-radius:var(--radius)}.mosaic-savio{grid-column:3/5;grid-row:1;background:var(--lime);padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px}.mosaic-savio>span,.mosaic-study>span{font-weight:600;font-size:1rem}.mosaic-savio p,.mosaic-study p{font-size:clamp(1.375rem,2.4vw,2.375rem);line-height:1.22;letter-spacing:-.035em;font-weight:600}.mosaic-budget{grid-column:5;grid-row:1;background:var(--paper)}.mosaic-budget img{object-position:center 21%}.mosaic-snap{grid-column:3/5;grid-row:2;background:var(--blue);padding:22px 40px 0}.mosaic-snap img{width:100%;height:auto;transform:rotate(4deg);object-position:center 30%;border-radius:var(--radius)}.mosaic-goals{grid-column:5;grid-row:2;background:var(--ice)}.mosaic-goals img{object-position:center 37%}.mosaic-study{grid-column:6;grid-row:1/3;background:var(--blue);color:var(--blue-ink);padding:24px 22px;display:flex;flex-direction:column;justify-content:space-between}.hero-bottom{padding:55px var(--gutter) 68px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:7vw;align-items:end}h1{font-size:var(--display);line-height:1.06;letter-spacing:-.06em}.line{display:block}.hero-description{padding-bottom:4px;max-width:530px}.hero-description p{margin-bottom:30px;font-size:var(--lead);line-height:1.6}.chapter{padding:90px var(--gutter);min-height:90svh}.savio{background:var(--blue);color:var(--blue-ink)}.product-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px 8vw;align-items:end}.product-name{display:flex;align-items:center;gap:16px;font-size:1.625rem;font-weight:600;letter-spacing:-.035em;grid-column:1/-1}.product-name img{border-radius:var(--radius);width:52px;height:52px}.product-description p{max-width:500px}.product-description .button{margin-top:28px}.product-description .note{margin-top:16px}.explorer{margin-top:72px}.explorer-menu{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.explorer-menu button{border:0;background:transparent;color:var(--blue-ink);min-height:48px;padding:12px 24px;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:600;text-decoration:underline;text-underline-offset:5px}.explorer-menu button[aria-pressed=true]{background:var(--paper);color:var(--ink);text-decoration:none}.savio-stage{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);color:var(--ink);min-height:590px;overflow:hidden}.stage-copy{padding:70px 12% 70px 7%;position:relative;display:flex;flex-direction:column;justify-content:center}.stage-copy h3{max-width:530px;margin-bottom:24px}.stage-copy p{max-width:440px}.stage-caption{margin-top:42px;font-size:var(--small);color:var(--muted)}.page-corner{position:absolute;right:0;bottom:0;width:68px;height:68px;background:var(--blue);clip-path:polygon(100% 0,100% 100%,0 100%)}.stage-picture{background:var(--lime);padding:40px 13% 0;overflow:hidden;height:590px}.stage-picture img{width:100%;height:auto;max-width:350px;margin:auto;border-radius:20px 20px 0 0;transform:translateY(0)}.snapstudy{background:var(--ice);padding-bottom:100px;overflow:hidden}.snap-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:7vw}.snap-heading .product-name{grid-column:auto;padding-top:12px}.snap-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:7vw;margin-top:64px;align-items:center}.snap-copy .lead{font-size:var(--lead);line-height:1.6}.snap-copy .button{margin-top:30px}.snap-points{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:65px}.snap-points h3{font-size:var(--lead);margin-bottom:14px}.snap-points p{font-size:1rem}.snap-copy .note{margin-top:30px;max-width:420px}.study-pages{position:relative;min-height:660px;display:flex;align-items:start;padding:30px 20px 0;gap:0}.study-page{width:53%;flex-shrink:0;overflow:hidden;border-radius:var(--radius);height:570px;background:var(--paper)}.study-page img{width:100%;height:auto}.study-page.first{transform:rotate(-5deg);position:relative;z-index:1}.study-page.second{transform:rotate(6deg) translate(-6%,80px)}.approach{background:var(--lime);display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;align-items:center;min-height:680px}.approach-copy p{font-size:var(--lead);line-height:1.65}.approach-copy p+p{margin-top:32px}.approach-copy .text-link{margin-top:28px}.contact{background:var(--paper);min-height:760px;display:flex;flex-direction:column;justify-content:space-between}.contact-top{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.contact-top>div{padding-top:10px;max-width:470px}.contact-top p{font-size:var(--lead)}.contact-top .button{margin-top:30px}.contact-email{display:block;font-size:clamp(2rem,6vw,6rem);font-weight:600;line-height:1.15;letter-spacing:-.04em;margin-top:90px;width:fit-content;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}.contact-email span{display:inline}footer{background:var(--dark);color:var(--paper);padding:55px var(--gutter) 30px}.footer-wordmark{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr 1fr 1.05fr;gap:6px;align-items:end;line-height:.88;font-size:clamp(4rem,16vw,17rem);letter-spacing:-.07em;font-weight:800;min-height:250px}.footer-wordmark span{display:block;text-align:center;padding:18px 5px 25px;background:var(--ice);color:var(--dark)}.footer-wordmark span:nth-child(2),.footer-wordmark span:nth-child(5){background:var(--lime);padding-top:55px}.footer-wordmark span:nth-child(3),.footer-wordmark span:nth-child(6){background:var(--blue);color:var(--paper);padding-top:75px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap;margin-top:48px;font-size:var(--small)}.footer-bottom nav{display:flex;gap:28px}.footer-bottom p:last-child{color:var(--ice)}
@media(prefers-reduced-motion:no-preference){.line{animation:line-enter .85s var(--ease) both}.line:nth-child(2){animation-delay:.08s}.mosaic>div{animation:picture-enter .95s var(--ease) both}.mosaic>div:nth-child(2n){animation-delay:.12s}.button,nav a,.text-link,.contact-email,.explorer-menu button{transition:transform .2s var(--ease),opacity .2s}.button:hover,.explorer-menu button:hover{transform:translateY(-3px)}a:hover{opacity:.84}a:active,button:active{transform:translateY(1px)}.reveal.is-entering{animation:section-enter .75s var(--ease) both;animation-delay:var(--delay,0ms)}.feature-image.is-changing{animation:picture-enter .32s var(--ease) both}@keyframes line-enter{from{transform:translateY(18px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes picture-enter{from{opacity:.3;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes section-enter{from{opacity:.15;translate:0 22px}to{opacity:1;translate:0 0}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:1050px){:root{--head:clamp(2.375rem,5.6vw,4.5rem);--display:7.8vw}.hero-bottom{gap:5vw}.hero-description p{font-size:1.25rem}.mosaic-home{padding:25px 30px 0}.mosaic-savio{padding:22px}.mosaic-snap{padding:22px 25px 0}.mosaic-study{padding:22px 16px}.mosaic-savio p,.mosaic-study p{font-size:1.625rem}.chapter{padding-block:68px}.product-intro{gap:28px 5vw}.stage-picture{padding:35px 10% 0;height:500px}.savio-stage{min-height:500px}.stage-copy{padding:45px 8%}.snap-heading,.snap-content{gap:5vw}.study-pages{min-height:550px;padding-inline:10px}.study-page{height:440px}.snap-points{grid-template-columns:1fr;gap:25px;margin-top:35px}.approach{min-height:650px;gap:6vw}.contact{min-height:650px}.footer-wordmark{min-height:200px}}
@media(max-width:700px){:root{--display:clamp(2.6rem,10.9vw,3.625rem);--head:clamp(2rem,9.5vw,3rem);--lead:1.25rem;--gutter:20px}header{min-height:76px;padding-block:12px;gap:12px}.wordmark{font-size:29px;gap:7px}.brand-flap{width:18px;height:22px}header nav{gap:16px;font-size:.875rem}header nav>a:nth-child(2){display:none}header .language{padding:0 12px}.mosaic{height:270px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr}.mosaic-home{grid-column:1/2;grid-row:1/3;padding:20px 10px 0}.mosaic-home img{width:200%;max-width:none;transform:rotate(-5deg) translateX(-10%)}.mosaic-savio{grid-column:2/4;grid-row:1;padding:18px;align-items:start}.mosaic-savio p{font-size:1.375rem}.mosaic-savio>span{font-size:.875rem}.mosaic-snap{grid-column:2;grid-row:2;padding:14px 10px 0}.mosaic-snap img{width:170%;max-width:none;transform:rotate(4deg) translateX(-10%)}.mosaic-study{grid-column:3;grid-row:2;padding:16px}.mosaic-study p{font-size:1.25rem}.mosaic-study>span{font-size:.8125rem}.mosaic-budget,.mosaic-goals{display:none}.hero-bottom{display:flex;flex-direction:column;gap:24px;padding:34px var(--gutter) 45px;align-items:start}.hero-description p{font-size:1.0625rem;line-height:1.65;margin-bottom:24px}.button{font-size:1rem;min-height:52px;padding:16px 22px}.chapter{padding-block:54px;min-height:0}.product-intro{grid-template-columns:1fr;gap:26px}.product-name{font-size:1.375rem;gap:12px}.product-name img{width:44px;height:44px}.product-description p{font-size:1rem;line-height:1.7}.product-description .button{margin-top:24px}.explorer{margin-top:40px}.explorer-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.explorer-menu button{padding:12px 8px;min-height:46px;font-size:.9375rem}.savio-stage{grid-template-columns:1fr;min-height:0}.stage-copy{padding:30px 24px 40px;min-height:280px}.stage-copy h3{font-size:1.875rem;margin-bottom:18px}.stage-copy p{font-size:1rem;line-height:1.65}.stage-caption{margin-top:22px}.page-corner{width:40px;height:40px}.stage-picture{height:480px;padding:30px 15% 0}.stage-picture img{max-width:280px;border-radius:16px 16px 0 0}.snap-heading{grid-template-columns:1fr;gap:28px}.snap-content{grid-template-columns:1fr;gap:30px;margin-top:26px}.snap-copy .lead{font-size:1.0625rem;line-height:1.7}.snap-points{grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}.snap-points h3{font-size:1.375rem}.snap-points p{font-size:1rem}.study-pages{min-height:460px;padding:15px 4px 0}.study-page{height:360px;width:54%}.study-page.second{transform:rotate(6deg) translate(-8%,60px)}.approach{grid-template-columns:1fr;gap:32px}.approach-copy p{font-size:1.125rem;line-height:1.7}.approach-copy p+p{margin-top:24px}.contact-top{grid-template-columns:1fr;gap:26px}.contact-top p{font-size:1.125rem;line-height:1.6}.contact-email{font-size:clamp(1.6rem,7.6vw,2.75rem);margin-top:60px;line-height:1.4;text-underline-offset:6px}.contact-email span{display:block}footer{padding-top:35px}.footer-wordmark{font-size:15vw;gap:3px;min-height:130px}.footer-wordmark span{padding:12px 2px 14px}.footer-wordmark span:nth-child(2),.footer-wordmark span:nth-child(5){padding-top:30px}.footer-wordmark span:nth-child(3),.footer-wordmark span:nth-child(6){padding-top:45px}.footer-bottom{margin-top:32px;gap:10px;display:grid;grid-template-columns:1fr}.footer-bottom nav{gap:24px}.footer-bottom p:last-child{margin-top:10px}}
@media(max-width:360px){header nav{gap:10px}header nav>a:nth-child(3){display:none}.wordmark{font-size:28px}.mosaic-study{padding:12px}.mosaic-study p{font-size:1.0625rem}.stage-picture{height:420px}.stage-copy h3{font-size:1.625rem}.snap-points{grid-template-columns:1fr}.study-pages{min-height:400px}.study-page{height:300px}}