.sm-hero{padding-top:132px}.sm-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center}.sm-hero .case-heading h1{max-width:11ch;font-size:clamp(52px,5.8vw,80px)}.sm-hero .case-introduction{max-width:28ch;font-size:28px;line-height:1.5}.sm-hero-role{margin-top:32px;font-size:16px;line-height:1.65}.sm-hero-link{display:inline-flex;align-items:center;gap:16px;margin-top:28px;min-height:44px}.sm-hero-figure{margin:0;justify-self:center;width:min(100%,300px)}.sm-hero-figure figcaption{font-size:14px;line-height:1.6;margin-top:20px}.mobile-mockup{background:#20221c;padding:8px;border-radius:38px}.mobile-mockup-bezel{display:flex;align-items:center;justify-content:center;height:16px}.mobile-mockup-bezel span{display:block;width:36px;height:3px;border-radius:4px;background:#555b4c}.mobile-mockup-screen{border-radius:28px;overflow:hidden;background:#fff}.mobile-mockup-screen>img{display:block;width:100%;height:auto;border-radius:0!important}.sm-material{font-size:14px;line-height:1.65;color:var(--muted);max-width:100ch;margin:24px 0 0}.sm-comparison{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:8vw}.sm-comparison figure{margin:0;min-width:0}.sm-comparison img{width:100%;height:auto;display:block}.sm-programme img{border-radius:20px}.sm-comparison-agenda{max-width:300px;justify-self:center}.sm-comparison-agenda>img{border-radius:28px}.sm-comparison figcaption{font-size:15px;line-height:1.65;color:var(--muted);margin-top:20px;max-width:60ch}.sm-overview{margin-top:64px}.sm-moment-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:12vw;max-width:1040px;margin:auto;align-items:start}.sm-screen{width:100%;min-width:0;max-width:390px;margin:0}.sm-screen .screen-canvas>img{display:block;width:100%;height:auto;border-radius:30px}.sm-moment-gallery .sm-screen:last-child{margin-top:144px;max-width:300px}.sm-screen .decision-figure figcaption p{font-size:17px}.sm-screen .decision-figure .case-image-note{font-size:14px;line-height:1.65}.sm-plan-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12vw;max-width:1040px;margin:auto;align-items:start}.sm-plan-gallery .sm-screen:first-child{max-width:340px;margin-top:80px}.sm-plan-gallery .sm-screen:last-child{max-width:340px}.sm-demo{display:grid;grid-template-columns:1.1fr 1fr;align-items:start;gap:10vw;margin-top:80px}.sm-demo-copy{padding-top:56px}.sm-demo h3{font-size:clamp(32px,3vw,44px);line-height:1.15;max-width:16ch}.sm-demo-copy>p{font-size:22px;line-height:1.6;max-width:30ch;margin-top:24px}.sm-demo-copy .sm-demo-note{font-size:15px;line-height:1.65;color:var(--muted)}.sm-demo-reset{display:inline-flex;gap:16px;align-items:center;margin-top:24px;background:transparent;cursor:pointer;min-height:44px}.sm-demo-device{width:min(100%,346px);justify-self:center}.sm-demo iframe{display:block;width:100%;height:650px;border:0}.sm-demo-open{display:inline-flex;gap:16px;align-items:center;font-size:15px;margin-top:20px;min-height:44px}.sm-chapter--context{display:grid;grid-template-columns:1.1fr 1fr;gap:12vw;align-items:start}.sm-weather-story .case-section-heading{display:block}.sm-weather-story .case-chapter-copy{margin-top:32px}.sm-weather-story .case-chapter-copy p{font-size:20px}.sm-weather-story .case-section-heading h2{max-width:14ch}.sm-weather-window{aspect-ratio:390 / 150;position:relative;border-radius:24px;overflow:hidden}.sm-weather-window img{position:absolute;display:block;width:100%;max-width:none;height:auto;top:-138.6667%;left:0;border-radius:0!important}.sm-screen--weather{max-width:390px}.sm-screen--weather h3{font-size:24px}.sm-chapter--context>.sm-screen{max-width:300px;justify-self:center;margin-top:56px}.sm-usage{margin:64px 0 0;padding:48px;border-radius:24px;background:var(--ink);color:var(--paper)}.sm-usage h3{font-size:28px;line-height:1.3;scroll-margin-top:96px}.sm-chart{--chart-height:240px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px;padding:0;margin:40px 0 0;list-style:none}.sm-chart li{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;min-width:0}.sm-chart-value{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}.sm-chart-bar{display:block;width:min(100%,72px);height:calc(var(--ratio) * var(--chart-height));background:var(--paper);border-radius:8px 8px 0 0}.sm-chart-bar.is-main-day{background:var(--blue)}.sm-chart-date{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.sm-usage figcaption{margin-top:24px;max-width:80ch;font-size:15px;line-height:1.65;color:var(--paper)}.case-page--san-miguel .project-pagination{padding-block:8px calc(8px + env(safe-area-inset-bottom,0px))}.case-page--san-miguel .project-pagination-category{display:none}.case-page--san-miguel .project-pagination-name{font-size:16px}.case-page--san-miguel .case-chapters{padding-block:4px}@media(max-width:1000px){.sm-hero-grid{gap:6vw;grid-template-columns:1fr .8fr}.sm-hero .case-heading h1{font-size:56px}.sm-hero .case-introduction{font-size:24px}.sm-hero-figure{max-width:260px}.sm-comparison{gap:48px;grid-template-columns:1.3fr 1fr}.sm-moment-gallery,.sm-plan-gallery{gap:64px}.sm-demo{gap:48px;grid-template-columns:1fr 1fr}.sm-chapter--context{gap:64px}.sm-weather-story .case-section-heading h2{max-width:none}.sm-chart{gap:16px}}@media(max-width:600px){.sm-hero{padding-top:120px}.sm-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px}.sm-hero .case-heading{display:contents}.sm-hero .case-heading h1{order:0}.sm-hero .case-product{order:1;margin-top:0}.sm-hero .case-introduction{order:2;margin-top:0}.sm-hero .sm-hero-figure{order:3;align-self:center;margin-top:12px}.sm-hero .sm-hero-role{order:4;margin-top:4px}.sm-hero .sm-hero-link{order:5;margin-top:0;align-self:flex-start}.sm-hero .case-heading h1{font-size:44px;max-width:12ch}.sm-hero .case-introduction{font-size:22px;max-width:28ch}.sm-hero-role{font-size:15px;margin-top:20px}.sm-hero-link{margin-top:16px}.sm-hero-figure{max-width:280px;justify-self:center}.sm-hero-figure figcaption{font-size:14px}.sm-material{margin-top:24px}.sm-comparison{grid-template-columns:1fr;gap:48px}.sm-comparison-agenda{max-width:280px}.sm-comparison figcaption{font-size:14px}.sm-overview{margin-top:48px}.sm-moment-gallery,.sm-plan-gallery{grid-template-columns:1fr;gap:56px}.sm-screen,.sm-moment-gallery .sm-screen:last-child,.sm-plan-gallery .sm-screen:first-child,.sm-plan-gallery .sm-screen:last-child{max-width:320px;margin:0 auto}.sm-screen .decision-figure figcaption p{font-size:16px}.sm-demo{grid-template-columns:1fr;gap:40px;padding-block:0;margin-top:64px}.sm-demo h3{font-size:32px}.sm-demo-copy{padding-top:0}.sm-demo-copy>p{font-size:20px;max-width:none}.sm-demo-device{width:min(100%,330px)}.sm-demo iframe{height:620px}.sm-chapter--context{grid-template-columns:1fr;gap:56px}.sm-chapter--context>.sm-screen{margin:0;max-width:280px;justify-self:center}.sm-weather-story .case-chapter-copy p{font-size:18px}.sm-usage{margin-top:48px;padding:28px 20px}.sm-usage h3{font-size:24px}.sm-chart{--chart-height:160px;gap:8px;margin-top:32px}.sm-chart-value{font-size:14px}.sm-chart-date{font-size:12px}.sm-chart li{gap:10px}.sm-chart-bar{border-radius:5px 5px 0 0}.case-page--san-miguel .project-pagination-direction{font-size:12px}.case-page--san-miguel .project-pagination-name{font-size:14px}.case-page--san-miguel .project-pagination{padding-block:6px calc(6px + env(safe-area-inset-bottom,0px))}}