.trends-page{overflow-x:hidden;background:#fffaf0}
.trends-hero,.trends-latest,.trend-article__header,.trend-article__layout,.trend-article>.trends-cta{padding-left:var(--pad);padding-right:var(--pad)}
.trends-hero{padding-top:clamp(64px,8vw,128px);padding-bottom:clamp(72px,9vw,140px);border-bottom:1px solid var(--ink)}
.trends-hero>h1{max-width:1220px;margin:18px 0 26px;font-family:var(--display);font-size:clamp(48px,7.1vw,118px);font-weight:520;letter-spacing:-.055em;line-height:.94}
.trends-hero>p:not(.section-label){max-width:820px;margin:0;font-size:clamp(19px,2vw,28px);line-height:1.35}
.trends-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);min-height:560px;margin-top:clamp(56px,7vw,110px);overflow:hidden;border:1px solid var(--ink);border-radius:26px;background:#fff;color:inherit}
.trends-feature__media{min-height:520px;overflow:hidden;background:#eae7df}
.trends-feature__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
a.trends-feature:hover .trends-feature__media img{transform:scale(1.035)}
.trends-feature__copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,4vw,64px);background:var(--blue)}
.trends-feature__copy h2{margin:22px 0 18px;font-family:var(--display);font-size:clamp(32px,4vw,62px);font-weight:520;letter-spacing:-.045em;line-height:1.02}
.trends-feature__copy p{margin:0 0 30px;font-size:18px;line-height:1.5}
.trends-feature__copy strong,.trend-list-card strong{font-size:13px;font-weight:900;letter-spacing:.05em}
.trend-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.trend-meta span+span,.trend-meta time+span{position:relative}
.trend-meta span+span::before,.trend-meta time+span::before{content:"·";position:absolute;left:-11px}
.trends-latest{padding-top:clamp(62px,7vw,110px);padding-bottom:clamp(80px,9vw,145px);background:#fff}
.trends-filter{display:flex;gap:10px;margin-bottom:38px;overflow-x:auto;padding:3px 3px 8px}
.trends-filter button{min-height:42px;padding:8px 18px;border:1px solid var(--ink);border-radius:999px;background:#fff;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:.04em;cursor:pointer}
.trends-filter button.is-active{background:var(--ink);color:#fff}
.trends-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,36px)}
.trend-list-card{display:flex;min-width:0;flex-direction:column;border-top:1px solid var(--ink);padding-top:14px;color:inherit}
.trend-list-card[hidden]{display:none}
.trend-list-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:var(--soft);transition:transform .45s ease}
a.trend-list-card:hover>img{transform:translateY(-4px)}
.trend-list-card__content{display:flex;flex:1;flex-direction:column;padding:20px 3px 4px}
.trend-list-card h2{margin:18px 0 12px;font-family:var(--display);font-size:clamp(24px,2.2vw,38px);font-weight:520;letter-spacing:-.04em;line-height:1.08}
.trend-list-card p{margin:0 0 28px;color:#3d3d3d}
.trend-list-card strong{margin-top:auto}
.trend-list-card--disabled{opacity:.72}
.trends-cta{padding:clamp(70px,8vw,130px) var(--pad);background:var(--pink);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.trends-cta h2{max-width:960px;margin:0;font-family:var(--display);font-size:clamp(38px,5.8vw,90px);font-weight:520;letter-spacing:-.05em;line-height:1}
.trends-cta p{max-width:700px;margin:24px 0 34px;font-size:clamp(18px,2vw,25px)}
.trends-cta .button{background:#fff}

.trend-article{background:#fff}
.trend-article__header{padding-top:clamp(54px,7vw,110px);padding-bottom:clamp(48px,6vw,90px);background:#fffaf0}
.trend-back{display:inline-block;margin-bottom:clamp(50px,8vw,120px);font-size:13px;font-weight:900;letter-spacing:.06em}
.trend-article__header h1{max-width:1250px;margin:24px 0 30px;font-family:var(--display);font-size:clamp(46px,7.4vw,122px);font-weight:520;letter-spacing:-.055em;line-height:.94}
.trend-article__header>p{max-width:880px;margin:0;font-size:clamp(20px,2.4vw,34px);line-height:1.35}
.trend-article__hero{margin:0;background:#ece9e2}
.trend-article__hero img{width:100%;max-height:78vh;min-height:440px;object-fit:cover}
.trend-article__layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,320px);justify-content:center;gap:clamp(60px,10vw,170px);padding-top:clamp(70px,9vw,140px);padding-bottom:clamp(90px,10vw,160px)}
.trend-article__body{min-width:0;font-size:clamp(18px,1.5vw,22px);line-height:1.68}
.trend-article__body h2,.trend-article__body h3{font-family:var(--display);font-weight:520;letter-spacing:-.035em;line-height:1.08;scroll-margin-top:110px}
.trend-article__body h2{margin:80px 0 25px;font-size:clamp(32px,4vw,54px)}
.trend-article__body h3{margin:52px 0 18px;font-size:clamp(25px,3vw,38px)}
.trend-article__body p{margin:0 0 28px}
.trend-article__body a{font-weight:750;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px;text-underline-offset:4px}
.trend-article__body ul,.trend-article__body ol{margin:28px 0;padding-left:1.25em}
.trend-article__body li{margin:10px 0;padding-left:8px}
.trend-article__body blockquote{margin:50px 0;padding:28px 32px;border:1px solid var(--ink);border-radius:18px;background:#fff4cc;font-family:var(--display);font-size:clamp(23px,2.6vw,36px);line-height:1.25}
.trend-short-answer{margin-bottom:65px;padding:28px 32px;border-left:8px solid var(--pink);background:#f7f4ef}
.trend-short-answer strong{font-size:12px;letter-spacing:.08em}
.trend-short-answer p{margin:10px 0 0;font-size:clamp(20px,2vw,28px);font-weight:650;line-height:1.4}
.trend-contents{position:sticky;top:112px;align-self:start;border-top:1px solid;padding-top:18px}
.trend-contents h2{margin:0 0 15px;font-size:12px;letter-spacing:.08em}
.trend-contents a{display:block;padding:12px 0;border-bottom:1px solid #d5d2cb;font-size:14px;font-weight:750}

@media(max-width:1050px){
  .trends-feature{grid-template-columns:1fr}.trends-feature__media{min-height:auto;aspect-ratio:16/9}.trends-feature__copy{min-height:360px}
  .trends-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trend-article__layout{grid-template-columns:minmax(0,760px)}.trend-contents{position:static;grid-row:1;margin-bottom:10px}
}
@media(max-width:800px){
  .trends-hero,.trends-latest,.trend-article__header,.trend-article__layout,.trend-article>.trends-cta{width:100vw;max-width:100vw;min-width:0}
  .trends-hero{padding-top:48px}.trends-hero>h1,.trends-hero>p:not(.section-label){width:calc(100vw - (var(--pad) * 2));max-width:calc(100vw - (var(--pad) * 2))}.trends-hero>h1{font-size:clamp(40px,11.7vw,68px);overflow-wrap:anywhere}
  .trends-feature{width:100%;max-width:100%;min-width:0;margin-top:48px;border-radius:18px}.trends-feature__media{min-width:0;aspect-ratio:4/3}.trends-feature__copy{min-width:0;min-height:0;padding:27px 22px 30px}
  .trends-list{grid-template-columns:1fr;gap:54px}.trend-list-card h2{font-size:clamp(28px,8.8vw,42px)}
  .trend-article__header h1{font-size:clamp(42px,13vw,72px)}.trend-back{margin-bottom:55px}
  .trend-article__hero img{min-height:0;aspect-ratio:4/3}.trend-article__layout{display:block}.trend-contents{margin-bottom:54px}
  .trend-short-answer{padding:22px;border-left-width:6px}.trend-article__body blockquote{margin-left:0;margin-right:0;padding:22px}
}
@media(max-width:480px){.trend-meta{gap:6px 14px}.trend-meta span+span::before,.trend-meta time+span::before{left:-9px}.trends-filter{margin-left:-3px;margin-right:calc(var(--pad) * -1);padding-right:var(--pad)}}