/* A small collection to keep. Styles are scoped to this page. */
.takeaway-page main { max-width:var(--page-width,1240px); padding-inline:var(--page-gutter,24px); margin:auto; }
.takeaway-page .breadcrumbs { padding:20px 0; }
.takeaway-hero { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); gap:48px; align-items:center; padding:50px 0 72px; }
.takeaway-hero-copy h1 { margin-top:21px; font-size:clamp(44px,5.6vw,76px); font-weight:500; line-height:1.04; letter-spacing:-.045em; text-wrap:balance; }
.takeaway-deck { margin-top:28px; max-width:510px; color:var(--muted); font-size:19px; line-height:1.7; }
.takeaway-hero .primary-link { margin-top:28px; gap:26px; }
.takeaway-hero-art { position:relative; min-width:0; min-height:470px; border-radius:50%; background:#eef0e8; }
.takeaway-hero-phone { position:absolute; right:17px; top:12px; width:185px; padding:5px; border:2px solid #323b30; border-radius:29px; background:#323b30; box-shadow:0 15px 30px #1b211d16; transform:rotate(8deg); overflow:hidden; }
.takeaway-hero-phone img { border-radius:21px; width:100%; }
.takeaway-phone-clock { position:absolute; top:54px; left:0; right:0; text-align:center; color:#1d211e; font-size:43px; font-weight:300; line-height:1; letter-spacing:-.04em; }
.takeaway-hero-phone-back { left:12px; right:auto; top:60px; width:175px; transform:rotate(-9deg); }
.takeaway-hero-art>figcaption { position:absolute; bottom:3px; left:0; right:0; font-size:11px; text-align:center; color:var(--muted); }
.takeaway-collection { padding:40px 0 70px; border-top:1px solid var(--line); }
.takeaway-collection-heading { display:flex; justify-content:space-between; gap:40px; align-items:end; }
.takeaway-collection-heading h2 { margin-top:12px; font-size:clamp(30px,3.8vw,46px); font-weight:500; line-height:1.15; letter-spacing:-.03em; }
.takeaway-collection-heading>p { max-width:330px; color:var(--muted); font-size:14px; line-height:1.7; }
.takeaway-format-note { display:flex; gap:30px 60px; padding:27px 0 33px; }
.takeaway-format-note strong { display:block; font-size:13px; font-weight:500; }
.takeaway-format-note span { display:block; margin-top:4px; color:var(--muted); font-size:11px; }
.takeaway-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:36px; row-gap:52px; }
.takeaway-card { min-width:0; border-top:1px solid var(--line); padding-top:23px; }
.takeaway-card-heading { display:flex; align-items:baseline; gap:20px; min-height:66px; }
.takeaway-number { flex:0 0 auto; font-size:10px; color:var(--muted); font-variant-numeric:tabular-nums; }
.takeaway-card-heading h2 { font-size:24px; font-weight:500; line-height:1.25; letter-spacing:-.025em; }
.takeaway-previews { display:flex; align-items:end; justify-content:center; gap:25px; min-height:400px; padding:25px 20px 19px; background:#eff0eb; border-radius:12px; }
.takeaway-previews figure { min-width:0; }
.takeaway-previews a { display:block; width:fit-content; margin:auto; }
.takeaway-previews img { height:300px; width:auto; max-width:100%; object-fit:contain; box-shadow:0 4px 15px #1b211d0a; }
.takeaway-wallpaper { flex:1; }
.takeaway-previews figcaption { margin-top:14px; font-size:11px; line-height:1.6; }
.takeaway-previews figcaption>span { display:block; color:var(--muted); font-size:10px; }
.takeaway-downloads { margin-top:18px; }
.takeaway-downloads>a { display:flex; flex-direction:column; justify-content:center; min-height:72px; padding:12px 15px; border:1px solid #1d211e50; border-radius:11px; font-size:13px; line-height:1.5; }
.takeaway-downloads>a:hover { background:#eaf1dd; border-color:#879b60; }
.takeaway-downloads>a>span { display:flex; justify-content:space-between; gap:10px; margin-top:6px; color:var(--muted); font-size:10px; }
.takeaway-downloads b { font-size:15px; font-weight:400; color:var(--ink); line-height:1; }
.takeaway-how { display:grid; grid-template-columns:1fr 1fr; gap:48px; padding:40px; border-radius:12px; background:#edf0e7; }
.takeaway-how h2 { margin-top:14px; font-size:34px; font-weight:500; line-height:1.15; letter-spacing:-.025em; }
.takeaway-how ol { margin:0; padding-left:20px; color:var(--muted); font-size:14px; line-height:1.75; }
.takeaway-how li+li { margin-top:13px; }
.takeaway-upcoming { padding:48px 0 64px; border-top:1px solid var(--line); }
.takeaway-upcoming>header { max-width:760px; }
.takeaway-upcoming h2 { margin:14px 0 20px; font-size:clamp(30px,3.8vw,46px); font-weight:500; line-height:1.15; letter-spacing:-.03em; }
.takeaway-upcoming>header>p:last-child { max-width:650px; color:var(--muted); font-size:17px; line-height:1.7; }
.takeaway-upcoming-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-top:36px; }
.takeaway-upcoming-card { min-width:0; padding:32px; background:#eef0e8; border-radius:12px; }
.takeaway-upcoming-card h3 { margin:12px 0 16px; font-size:28px; font-weight:500; line-height:1.2; letter-spacing:-.02em; }
.takeaway-upcoming-card>p { max-width:420px; color:var(--muted); font-size:15px; line-height:1.7; }
.takeaway-upcoming-card>.eyebrow { font-size:10px; }
.takeaway-upcoming-card .takeaway-upcoming-status { margin-top:24px; border-top:1px solid #1d211e2b; padding-top:17px; color:var(--ink); font-size:13px; font-weight:500; }
.takeaway-upcoming-art { position:relative; height:130px; margin-bottom:27px; }
.takeaway-upcoming-paper>span { position:absolute; top:7px; left:25px; width:122px; height:95px; background:#fafaf8; border:1px solid #98a18d; transform:rotate(-8deg); }
.takeaway-upcoming-paper>span+span { top:17px; left:45px; transform:rotate(5deg); }
.takeaway-upcoming-art>i { position:absolute; width:24px; height:24px; border-radius:50%; background:#d5ff65; top:69px; left:133px; }
.takeaway-upcoming-video>span { position:absolute; top:14px; left:15px; width:170px; height:96px; border-radius:9px; background:#293329; }
.takeaway-upcoming-video>span:after { content:''; position:absolute; top:30px; left:75px; border-top:18px solid transparent; border-bottom:18px solid transparent; border-left:27px solid #f3f4ec; }
.takeaway-upcoming-video>i { left:172px; top:92px; }
.takeaway-notes { max-width:850px; padding:32px 0 70px; color:var(--muted); font-size:12px; line-height:1.8; }
.takeaway-notes p+p { margin-top:13px; }
.takeaway-notes a { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:1000px) {
  .takeaway-hero { gap:28px; }
  .takeaway-hero-phone { width:160px; right:0; top:33px; }
  .takeaway-phone-clock { font-size:36px; top:48px; }
  .takeaway-hero-phone-back { width:150px; left:0; right:auto; top:80px; }
  .takeaway-hero-art { min-height:470px; }
  .takeaway-grid { column-gap:25px; }
  .takeaway-previews { min-height:330px; gap:16px; padding:21px 16px 17px; }
  .takeaway-previews img { height:240px; }
}
@media(max-width:700px) {
  .takeaway-hero { grid-template-columns:1fr; padding:29px 0 48px; gap:35px; }
  .takeaway-hero-copy h1 { font-size:clamp(43px,9vw,63px); }
  .takeaway-deck { font-size:17px; margin-top:23px; }
  .takeaway-hero-art { width:100%; max-width:425px; min-height:425px; margin:auto; }
  .takeaway-hero-phone { width:164px; right:10px; top:0; }
  .takeaway-hero-phone-back { width:154px; top:57px; left:10px; right:auto; }
  .takeaway-collection { padding-top:30px; }
  .takeaway-collection-heading { display:block; }
  .takeaway-collection-heading>p { max-width:500px; margin-top:20px; }
  .takeaway-format-note { gap:22px; justify-content:space-between; padding-bottom:27px; }
  .takeaway-format-note span { max-width:155px; line-height:1.7; }
  .takeaway-grid { grid-template-columns:1fr; row-gap:37px; }
  .takeaway-card-heading { min-height:50px; gap:17px; }
  .takeaway-card-heading h2 { font-size:23px; }
  .takeaway-previews { min-height:360px; }
  .takeaway-previews img { height:275px; }
  .takeaway-how { grid-template-columns:1fr; gap:25px; padding:27px; }
  .takeaway-upcoming-grid { grid-template-columns:1fr; gap:20px; }
  .takeaway-upcoming-card { padding:27px; }
}
@media(max-width:390px) {
  .takeaway-hero-art { min-height:365px; }
  .takeaway-hero-phone { width:140px; right:7px; }
  .takeaway-phone-clock { font-size:32px; top:40px; }
  .takeaway-hero-phone-back { width:132px; top:49px; left:7px; right:auto; }
  .takeaway-format-note { flex-direction:column; gap:12px; }
  .takeaway-format-note span { max-width:none; }
  .takeaway-previews { min-height:300px; gap:15px; padding:20px 15px 16px; }
  .takeaway-previews img { height:220px; }
  .takeaway-downloads>a { padding:11px; font-size:12px; }
}