/* v32: wide compositions at tablet widths; avoid stretched portrait surfaces. */
html:has(body#inicio) { scroll-padding-top:calc(var(--site-header-height, 116px) + 16px); }
body#inicio .faq-list details { scroll-margin-top:16px; }
.memory-visual { align-self:center; }
.memory-visual > img { height:auto; aspect-ratio:4 / 3; object-position:50% 0%; }
.rhythm-social { min-height:0; }
@media (min-width:740px) and (max-width:1199px) {
  .wrap { width:calc(100% - 64px); }
  .site-header { height:auto; min-height:116px; display:grid; grid-template-columns:1fr auto; gap:6px 24px; padding-block:14px 6px; }
  .site-header .brand img { width:150px; }
  .site-header .header-cta { grid-area:1 / 2; margin:0; font-size:14px; padding:11px 20px; min-height:46px; white-space:nowrap; }
  .site-header .header-cta .icon { display:block; }
  .site-header .menu-toggle { display:none; }
  .site-header nav,.site-header.menu-open nav { display:flex; grid-area:2 / 1 / 3 / 3; position:static; margin:0; padding:0; background:transparent; border:0; box-shadow:none; border-radius:0; flex-direction:row; justify-content:space-between; gap:16px; }
  .site-header nav a { white-space:nowrap; font-size:14px; }
  .section { padding-block:64px; }
  .section-intro { grid-template-columns:1.05fr 1fr; max-width:none; gap:36px; }
  .section-intro h2 { font-size:clamp(2rem,3.6vw,2.7rem); }
  .section-intro > p { font-size:16px; }
  .hero { grid-template-columns:1.08fr 1fr; gap:24px; padding-top:30px; }
  .hero-copy { padding:12px 0 18px; }
  .hero h1 { font-size:clamp(2.75rem,5.1vw,3.65rem); }
  .hero-body { font-size:17px; margin-top:24px; }
  .hero-actions { gap:14px; margin-top:24px; }
  .hero-actions .button { min-height:54px; padding:14px 18px; font-size:14px; gap:12px; }
  .hero-actions .text-link { font-size:13px; }
  .hero-visual { margin:0; padding-bottom:32px; max-width:none; }
  .hero-photo { aspect-ratio:1.22; border-radius:80px 20px 80px 20px; }
  .little-note { right:4px; padding:10px 14px; font-size:12px; }
  .little-note strong { font-size:14px; }
  .little-note .icon { width:24px; height:24px; }
  .group-note { left:0; bottom:8px; padding:12px 14px; gap:10px; }
  .group-note .four-people .icon { width:30px; height:30px; padding:6px; }
  .group-note strong { font-size:14px; }
  .group-note div > span { font-size:11px; }
  .hero-bottom { margin-top:16px; padding-block:20px; gap:32px; font-size:13px; }
  .steps { margin-top:34px; gap:24px; }
  .step { padding-top:20px; }.step-top { margin-bottom:20px; }
  .step h3 { font-size:20px; }.step p { font-size:14px; }
  .examples-section { padding-bottom:64px; }
  .example-plan { grid-template-columns:1fr; gap:22px; padding:20px; margin-top:32px; }
  .example-destination { display:grid; grid-template-columns:1fr 1fr; }
  .example-destination > img { height:100%; min-height:220px; max-height:270px; }
  .example-plan-copy { padding:24px; align-self:center; }
  .example-plan-copy h3 { font-size:27px; margin-top:12px; }
  .example-group { padding:0 8px 4px; display:grid; grid-template-columns:1fr 1fr; gap:4px 32px; align-items:start; }
  .example-group > h3 { grid-column:1 / -1; min-height:44px; margin:0; font-size:20px; }
  .example-person summary { padding-block:15px; gap:14px; min-height:92px; }
  .example-person summary > img,.your-avatar { width:54px; height:54px; }
  .example-person summary strong { font-size:18px; }
  .person-interests { font-size:13px; margin-top:4px; }
  .person-clue { padding-left:0; padding-right:8px; }
  .example-you { min-height:92px; gap:14px; padding-block:15px; border-bottom:1px solid var(--line); }
  .example-disclosure { margin-top:16px; }
  .play-surface { grid-template-columns:.85fr 1.15fr; gap:28px; padding:34px 30px; border-radius:28px; }
  .play-copy .big-icon { display:none; }
  .play-copy h2 { font-size:clamp(2rem,3.7vw,2.65rem); }
  .play-copy > p { font-size:16px; margin-top:20px; }
  .play-copy p.try-it { margin-top:24px; font-size:13px; }
  .topic-tabs { gap:8px; margin-bottom:20px; }
  .topic-tabs button { min-height:44px; padding:10px 12px; gap:6px; font-size:12px; }
  .deck { max-width:none; }
  .conversation-card { min-height:260px; padding:22px; }
  .card-question { font-size:clamp(1.65rem,2.8vw,2rem); margin-block:24px; min-height:96px; }
  .card-topic { font-size:11px; }
  .card-controls { gap:22px; margin-top:22px; }
  .like-button { width:54px; height:54px; }
  .swipe-tip { max-width:112px; font-size:9px; right:16px; bottom:29px; }
  .memory-section { grid-template-columns:1fr 1fr; grid-template-areas:'heading lead' 'photo mystery' 'features features'; gap:28px 36px; align-items:center; }
  .memory-copy { display:contents; }
  .memory-copy h2 { grid-area:heading; font-size:clamp(2rem,3.6vw,2.7rem); }
  .memory-copy .lead { grid-area:lead; font-size:16px; margin:0; }
  .memory-visual { grid-area:photo; height:auto; max-width:none; margin:0; align-self:start; }
  .memory-visual > img { height:280px; aspect-ratio:auto; border-radius:20px 60px 20px 20px; object-position:50% 0%; }
  .memory-features { grid-area:features; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:36px; }
  .memory-feature { padding:8px 0 20px; }
  .mystery { grid-area:mystery; margin:0; padding:26px; gap:16px; align-self:center; max-width:none; }
  .mystery h3 { font-size:20px; }.mystery p { font-size:15px; }
  .rhythm-section { padding-block:56px 24px; }
  .rhythm-intro { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:36px; margin-bottom:32px; }
  .rhythm-intro h2 { font-size:clamp(2rem,3.6vw,2.7rem); }.rhythm-intro > p { font-size:16px; margin:0; }
  .rhythm-layout { grid-template-columns:1fr; gap:26px; }
  .rhythm-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
  .rhythm-benefit { display:grid; grid-template-columns:40px 1fr; align-content:start; align-items:center; gap:10px 12px; }
  .rhythm-benefit > div { display:contents; }
  .rhythm-benefit-icon { width:40px; height:40px; border-radius:13px; }
  .rhythm-benefit h3 { font-size:19px; line-height:1.25; margin:0; }
  .rhythm-benefit p { grid-column:1 / -1; font-size:14px; }
  .rhythm-source { grid-column:1 / -1; font-size:11px; margin-top:0; }
  .rhythm-explorer { border-radius:26px; }
  .rhythm-tabs { max-width:440px; margin:16px 24px 0; padding:6px; }
  .rhythm-tabs button { font-size:14px; }
  .rhythm-panel { padding:24px 28px; }
  #rhythm-pulse-panel { display:grid; grid-template-columns:1.45fr 1fr; gap:0 28px; align-items:start; }
  .rhythm-panel-heading,.rhythm-panel-intro { grid-column:1 / -1; }
  .rhythm-panel h3 { font-size:26px; }.rhythm-panel-intro { margin-top:10px; }
  .rhythm-plot,.rhythm-context { min-width:0; }
  .rhythm-reading { margin-top:22px; }.rhythm-reading strong { font-size:44px; }
  .rhythm-context { align-self:center; padding-top:20px; }
  .rhythm-controls { margin-top:8px; }
  .rhythm-moment { min-height:0; }
  .rhythm-social { display:grid; grid-template-columns:1fr 1fr; column-gap:28px; }
  .rhythm-faces { grid-column:1; margin:0 0 20px; }
  .rhythm-social > h3 { grid-column:1; grid-row:2; font-size:29px; max-width:none; }
  .rhythm-social > p:not(.rhythm-data-note) { grid-column:1; grid-row:3; font-size:14px; }
  .rhythm-memory { grid-column:2; grid-row:1 / 4; margin:0; padding:24px; align-self:start; }
  .rhythm-memory p { font-size:22px; }
  .rhythm-shared { grid-column:1 / -1; margin-top:24px; }
  .rhythm-social > .rhythm-data-note,.rhythm-social > .text-link { grid-column:1 / -1; }
  .rhythm-watch { display:grid; grid-template-columns:72px 1fr auto; padding:18px 0; gap:18px; margin-top:28px; }
  .rhythm-watch > img { width:72px; height:72px; }.rhythm-watch .text-link { margin:0; font-size:12px; }
  .rhythm-watch h3 { font-size:19px; }.rhythm-watch p { font-size:13px; }
  .home-editorial { grid-template-columns:1fr 1fr; gap:36px; }
  .home-editorial h2 { font-size:clamp(2rem,3.6vw,2.7rem); }.home-editorial p { font-size:16px; margin-block:20px; }
  .home-editorial-image img { aspect-ratio:1.5; }.home-editorial-image > span { padding:18px; font-size:13px; }
  .faq-section { grid-template-columns:1fr; gap:32px; }
  .faq-section > div:first-child { display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; }
  .faq-section h2 { font-size:clamp(2rem,3.6vw,2.7rem); }
  .faq-section > div > p { max-width:none; margin:0; font-size:16px; }
  .faq-list summary { font-size:17px; padding-block:20px; }.faq-list details p { font-size:15px; max-width:880px; }
  .closing-editorial { width:calc(100% - 32px); padding:44px 0; border-radius:28px; }
  .closing-editorial .closing-grid { grid-template-columns:1.1fr 1fr; gap:36px; width:calc(100% - 72px); }
  .closing-editorial h2 { font-size:clamp(2.1rem,3.7vw,2.8rem); }
  .closing-hello { font-size:1.45em; }.closing-copy > p { font-size:16px; margin-top:18px; }
  .closing-editorial .button { min-height:60px; font-size:14px; padding:10px 10px 10px 20px; gap:14px; }
  .closing-editorial .cta-arrow { width:36px; height:36px; }
  .closing-postcard { width:100%; max-width:420px; transform:rotate(2deg); padding:10px 10px 14px; }
  .closing-postcard > img { height:auto; aspect-ratio:4 / 3; object-position:50% 37%; }
  .closing-postcard figcaption > span { font-size:23px; }
  /* The journal and regional guides follow the same landscape proportions. */
  .journal-hero { grid-template-columns:1fr 1fr; gap:32px; padding-block:24px 40px; }
  .journal-hero h1 { font-size:clamp(2.8rem,4.8vw,4rem); }.journal-lead { font-size:18px; }
  .journal-hero-photo > img { height:340px; border-radius:80px 24px 24px 24px; object-position:70% center; }
  .journal-facts { font-size:13px; gap:12px; }
  .region-hero { grid-template-columns:1.4fr 1fr; gap:32px; padding-block:24px 36px; }
  .region-hero h1 { font-size:clamp(2.3rem,4.2vw,3.3rem); }
  .region-art { padding:16px 20px 22px; border-radius:28px; }.region-art img { height:230px; object-fit:contain; }
  .post-hero { display:grid; grid-template-columns:1.25fr 1fr; gap:32px; align-items:center; padding-top:22px; }
  .post-hero h1 { font-size:clamp(2.1rem,3.8vw,3rem); }
  .post-hero .journal-lead { font-size:17px; margin-top:18px; }
  .post-hero > figure { margin:0; }.post-hero > figure img { height:300px; aspect-ratio:auto; object-position:65% center; border-radius:24px; }
  .region-card { display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; }
  .region-card > img { height:160px; }.region-card > div,.region-grid-related .region-card > div { padding:20px 18px 20px 4px; }
  .region-card h3,.region-grid-related .region-card h3 { font-size:1.4rem; }.region-card p { font-size:.88rem; margin-block:10px; }
  .region-card .card-meta { font-size:.78rem; }.region-card .card-link { font-size:.9rem; }
  .region-grid,.region-grid-related { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .post-image img { aspect-ratio:1.7; }
  .journal-closing { padding:32px; flex-direction:row; align-items:center; gap:28px; }.journal-closing h2 { font-size:2.2rem; }
}
@media (max-width:739px) {
  .memory-visual { height:auto; }
  .memory-visual > img { height:auto; max-height:330px; aspect-ratio:1.35; object-position:50% 0%; }
  .closing-postcard > img { height:210px; object-position:50% 37%; }
}