/* Almost Matter: paper, considered typography, and room for the work. */
body{color:var(--black)}
h1,h2,h3,.brand{color:var(--ink)}
.site-header{max-width:1360px;width:88%;min-height:100px;padding:24px 0;gap:32px;border:0}
.site-header .brand{font-size:23px;font-weight:500;letter-spacing:-.7px;gap:11px}
.site-header .brand img{width:33px;height:33px}
.main-nav{gap:30px;color:var(--ink);font-weight:400}
.shell{width:88%;max-width:1360px}
.section-shell{width:88%;max-width:1360px;padding-inline:0}
.site-menu{color:var(--ink)}
.quiet-label{font-size:13px;line-height:1.6;letter-spacing:.015em;color:var(--ink)}
.quiet-link{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:44px;font-size:15px;color:var(--ink)}
.quiet-link:hover,.learn-link:hover{text-decoration:underline;text-underline-offset:5px}
.simple-intro{padding-top:66px;padding-bottom:62px}
.simple-intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(76px,8.5vw,128px);font-weight:400;line-height:.98;letter-spacing:-.065em;margin:26px 0 32px}
.simple-intro h1 em,.simple-belief h2 em{font-weight:400}
.simple-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.simple-intro-bottom>p{font-size:20px;line-height:1.6;max-width:535px;letter-spacing:-.25px}
.simple-intro-bottom .quiet-link{flex-shrink:0;border-bottom:1px solid var(--ink);padding-bottom:8px}
.simple-apps{padding-bottom:88px}
.simple-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:25px 0 29px}
.simple-section-heading h2{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.3px}
.simple-section-heading>p{font-size:14px}
.simple-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.simple-app{min-width:0;display:flex;flex-direction:column;scroll-margin-top:30px}
.simple-art{aspect-ratio:4/5;overflow:hidden;background:color-mix(in srgb,var(--ink) 5%,var(--paper));margin-bottom:25px}
.simple-art>a{display:block;width:100%;height:100%}
.simple-art img,.simple-art video{width:100%;height:100%;object-fit:contain}
.simple-art video{background:var(--paper)}
.simple-app-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px}
.simple-app-heading img{width:44px;height:44px;border-radius:10px}
.simple-app-heading h2,.simple-app-heading h3{font-size:25px;line-height:1.1;letter-spacing:-.65px;font-weight:500}
.simple-app-heading p{font-size:12px;line-height:1.5;margin-top:5px}
.simple-app-description{font-size:16px;line-height:1.65;max-width:355px}
.simple-device{font-size:12px;line-height:1.6;margin-top:auto;padding-top:20px}
.simple-app-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:10px}
.download-link{display:inline-flex;align-items:center;gap:26px;min-height:44px;padding:11px 17px;border-radius:4px;background:var(--ink);color:var(--paper);font-size:14px;line-height:1.5}
.download-link:hover{background:var(--black)}
.learn-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:14px;color:var(--ink)}
.simple-belief{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:54px 60px;background:var(--citron)}
.simple-belief h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4vw,56px);font-weight:400;line-height:1.13;letter-spacing:-.045em;margin:20px 0 24px}
.belief-copy{align-self:center}
.belief-copy>p{font-size:17px;line-height:1.75;margin-bottom:17px}
.belief-copy .belief-signoff{font-size:14px;margin:24px 0 0}
.simple-more{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:32px 65px;font-size:15px}
.simple-footer{width:88%;max-width:1360px;margin:0 auto;padding:30px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px}
.simple-footer>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
.simple-footer .footer-home{font-size:17px;letter-spacing:-.5px;color:var(--ink)}
.simple-footer nav{display:flex;flex-wrap:wrap;gap:8px 25px}
.simple-footer nav a{display:inline-flex;align-items:center;min-height:44px}
.simple-footer a:hover{text-decoration:underline;text-underline-offset:4px}
/* Keep the deeper pages in the same calm typographic rhythm. */
.page-intro h1,.product-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em;line-height:1.06}
.page-intro h1{font-size:clamp(44px,5.4vw,78px)}
.product-copy h1{font-size:clamp(44px,5.1vw,74px)}
.eyebrow{font-family:var(--sans);text-transform:none;letter-spacing:.02em}
.section-block{padding-block:52px}
.product-resources{border-color:var(--line);font-size:14px}
.block-heading h2,.product-help h2{font-size:36px;line-height:1.15;letter-spacing:-.035em}
.action{border-radius:4px}
.app-catalog.simple-catalog{padding-top:12px;padding-bottom:75px}
@media(min-width:1600px){.simple-intro{padding-top:80px}}
@media(max-width:1000px){.simple-app-grid{gap:22px}.simple-app-links{align-items:flex-start;flex-direction:column}.simple-belief{padding:40px;gap:7%}.simple-intro{padding-top:45px}.simple-footer{align-items:flex-start}.simple-footer>div{max-width:230px}}
@media(max-width:760px){
 .site-header{width:90%;min-height:84px;padding:20px 0}.site-header .brand{font-size:21px}.shell{width:90%}
 .simple-intro{padding-top:38px;padding-bottom:42px}.simple-intro h1{font-size:clamp(67px,14vw,100px);margin:23px 0 27px}
 .simple-intro-bottom{display:block}.simple-intro-bottom>p{font-size:18px;max-width:470px}.simple-intro-bottom .quiet-link{margin-top:22px;gap:40px}
 .simple-section-heading{display:block;padding:23px 0}.simple-section-heading>p{margin-top:6px}
 .simple-app-grid{grid-template-columns:1fr;gap:44px}.simple-art{margin-bottom:20px;aspect-ratio:1/1}.simple-app-description{max-width:100%}
 .simple-app-links{flex-direction:row;align-items:center;justify-content:flex-start;gap:24px}.simple-device{padding-top:14px}
 .simple-apps{padding-bottom:48px}.simple-belief{grid-template-columns:1fr;padding:32px 25px;gap:24px}.simple-belief h2{font-size:41px;margin:17px 0}
 .belief-copy>p{font-size:16px}.simple-more{align-items:flex-start;flex-direction:column;gap:8px;padding-block:25px 38px}
 .simple-footer{width:90%;display:block;padding-block:24px}.simple-footer>div{max-width:none;display:block}.simple-footer>div>p{margin-top:10px}.simple-footer nav{margin-top:15px;gap:4px 22px}
 .section-block{padding-block:35px}.page-intro h1,.product-copy h1{font-size:clamp(40px,10vw,62px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}