/* Homepage product stories and customer quote. Uses the shared Avenir font and theme tokens. */
.home-daily,.home-quote,.home-devices{font-family:var(--font);color:var(--ink)}
.home-daily{padding:76px 0 24px;background:var(--bg)}
.home-heading{text-align:center}
.home-heading h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.13;margin:0 0 18px}
.home-heading>p:not(.home-eyebrow){font-size:1.125rem;font-weight:500;line-height:1.65;color:var(--muted);margin:0 auto;max-width:720px}
.home-daily-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:39px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--card)}
.home-daily-grid article{min-width:0;text-align:center}
.home-story-copy{max-width:400px;padding:38px 28px 0;margin:0 auto}
.home-story-copy h3{font-size:1.75rem;line-height:1.2;font-weight:800;letter-spacing:-.025em;margin:0 0 15px}
.home-story-copy p{font-size:1rem;font-weight:500;line-height:1.65;color:var(--muted)}
.home-calendar{background:var(--theme-tint);padding-bottom:27px}
.home-calendar>img{width:244px;height:auto;margin:28px auto 0;filter:drop-shadow(0 8px 12px #27312113)}
.home-widgets{border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding-bottom:45px}
.home-widgets>img{width:calc(100% - 48px);height:auto;margin:auto 24px 0;filter:drop-shadow(0 8px 7px #27312113)}
.home-widget-note{margin:38px 18px 52px;color:var(--muted);font-size:.9375rem;line-height:1.6}
.home-widget-note>span{display:block;width:1px;height:24px;background:var(--line);margin:0 auto 17px}
.home-eyebrow{font-size:.875rem;line-height:1.6;font-weight:600;color:var(--muted);letter-spacing:.015em}
.home-quote{padding:72px 0 80px;text-align:center;background:var(--bg)}
.home-quote blockquote{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.28;margin:21px auto;max-width:820px}
.home-review-credit{font-size:.875rem;color:var(--muted);line-height:1.6;margin:0 auto}
.home-review-credit>span{margin:0 5px}
.home-review-credit time{white-space:nowrap}
.home-review-link{display:inline-block;font-size:.9375rem;margin-top:17px;text-decoration:underline;text-underline-offset:4px;min-height:32px}
.home-review-link:hover{opacity:.75}
.when .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px}
.home-devices{padding:68px 0 43px;background:#f5f6f8}
.home-devices .home-eyebrow{margin-bottom:18px}
.home-device-stage{position:relative;width:calc(100% - 64px);max-width:1060px;aspect-ratio:1.82;margin:24px auto 0}
.home-device-stage img{position:absolute;height:auto;filter:drop-shadow(0 8px 10px #151c2714)}
.home-mac{width:77%;left:0;bottom:0;z-index:1}
.home-ipad{width:38%;right:0;bottom:0;z-index:2}
.home-watch{width:11%;right:29%;bottom:1%;z-index:3}
html.recolor .home-devices{background:var(--bg)}
@media(max-width:860px){
 .home-heading h2{font-size:2.25rem}
 .home-story-copy{padding:30px 21px 0}
 .home-story-copy h3{font-size:1.5rem}
 .home-calendar>img{width:min(230px,calc(100% - 36px))}
 .home-widgets>img{width:calc(100% - 28px);margin-inline:14px}
 .home-widget-note{margin-bottom:35px}
 .when .feature-grid{grid-template-columns:1fr;max-width:600px}
 .home-device-stage{width:calc(100% - 32px)}
}
@media(max-width:560px){
 .home-daily{padding:55px 0 15px}
 .home-heading h2{font-size:2rem}
 .home-heading>p:not(.home-eyebrow){font-size:1rem}
 .home-heading>p br{display:none}
 .home-daily-grid{grid-template-columns:1fr;margin-top:29px;border-radius:20px}
 .home-story-copy{max-width:370px;padding:31px 22px 0}
 .home-story-copy h3{font-size:1.5625rem}
 .home-calendar>img{width:230px;margin-top:23px}
 .home-widgets{border-left:none;border-top:1px solid var(--line);padding-bottom:0}
 .home-widgets>img{width:calc(100% - 30px);margin:35px 15px 0}
 .home-widget-note{margin:24px 18px 30px}
 .home-widget-note>span{height:18px;margin-bottom:13px}
 .home-quote{padding:49px 0 56px}
 .home-quote blockquote{font-size:1.75rem;max-width:350px}
 .home-review-credit{max-width:300px}
 .home-desktop-break{display:none}
 .home-devices{padding:51px 0 34px}
 .home-devices .home-eyebrow{font-size:.8125rem}
 .home-device-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;aspect-ratio:auto;max-width:440px;margin-top:25px;padding:0 10px}
 .home-device-stage img{position:static;filter:drop-shadow(0 7px 8px #151c2713)}
 .home-mac{grid-column:1 / -1;width:100%}
 .home-ipad{width:100%;max-width:none;justify-self:end}
 .home-watch{width:90px;max-width:90%;align-self:center;justify-self:start}
}

/* Show the New Task phone at the right of the original screenshot montage.
   The source stays intact; cloned mobile story images retain data-view. */
.wscr[data-view="new-task"]{width:auto;max-width:100%;height:100%;aspect-ratio:636 / 1206;object-fit:cover;object-position:right;margin-inline:auto}
@media(max-width:860px){
 .js .wstep>.wstep__image[data-view="new-task"]{width:auto;height:290px;max-width:100%;max-height:none;aspect-ratio:636 / 1206;object-fit:cover;object-position:right;overflow:hidden;justify-self:center}
}
@media(max-width:560px){
 .js .wstep>.wstep__image[data-view="new-task"]{height:340px}
}