@charset "UTF-8";
body.topPage{background:#fff;color:#252723}
body.topPage *{letter-spacing:0}
body.topPage .ds-hero.topHero{height:720px;min-height:560px;max-height:850px;overflow:hidden;background:#252723}
body.topPage .topHero .ds-hero__media{overflow:hidden}
body.topPage .topHero .ds-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center;animation:opening-image 4.8s ease-out both}
body.topPage .topHero .ds-hero__scrim{background:rgba(0,0,0,.12)}
body.topPage .topHero .topNav{padding:24px 32px}
body.topPage .topHero .topNav__brand{color:#fff;text-shadow:none}
body.topPage .topHero .topNav__word{font:500 18px/1.5 system-ui,sans-serif}
body.topPage .topHero .topNav__word small{font-size:10px}
body.topPage .topHero .topNav__links a{font-size:12px;color:#fff}
body.topPage .topHero .ds-hero__inner{width:calc(100% - 80px);max-width:1200px;margin:auto;padding-top:200px;position:relative}
body.topPage .topHero__intro{font:400 22px/1.6 "Yu Mincho",serif;color:#fff;margin:0 0 18px}
body.topPage .topHero .ds-hero__title{font:500 46px/1.2 system-ui,sans-serif;color:#fff;margin:0;max-width:none}
body.topPage .topHero .ds-hero__sub{font:400 14px/2 system-ui,sans-serif;max-width:33em;color:#fff;margin:24px 0 0}
body.topPage .topHero .ds-hero__actions{margin-top:28px;gap:24px}
body.topPage .topHero .ds-btn{border-radius:0;background:transparent;color:#fff;border:0;border-bottom:1px solid #fff;padding:12px 0;font-size:13px;box-shadow:none}
body.topPage .topHero .ds-hero__credit{font:10px/1.7 system-ui,sans-serif;color:#fff;max-width:1200px;width:calc(100% - 80px)}
body.topPage .topSelection{background:#fff;padding:88px 0;border-bottom:1px solid #e3e5df}
body.topPage .topSelection__copy h2{font:400 36px/1.5 "Yu Mincho",serif}
body.topPage .ds-card{border-radius:0;box-shadow:none}
body.topPage .ds-card__media{overflow:hidden}
body.topPage .ds-card__media img{transition:transform .35s ease}
@media(hover:hover){body.topPage .ds-card:hover .ds-card__media img{transform:scale(1.025)}}
body.topPage .topFoot p{font-size:11px;line-height:1.9}
@keyframes opening-image{from{transform:scale(1.012)}to{transform:scale(1)}}
@media(max-width:760px){
body.topPage .ds-hero.topHero{height:680px;min-height:0;padding:0;max-height:none}
body.topPage .topHero .topNav{padding:20px}
body.topPage .topHero .ds-hero__inner{width:calc(100% - 40px);padding-top:250px}
body.topPage .topHero .ds-hero__title{font-size:28px;line-height:1.3}
body.topPage .topHero__intro{font-size:20px}
body.topPage .topHero .ds-hero__media img{object-position:62% center}
body.topPage .topHero .ds-hero__sub{font-size:13px;max-width:27em}
body.topPage .topHero .ds-hero__credit{width:calc(100% - 40px);font-size:9px}
body.topPage .topHero .ds-hero__actions{gap:16px;flex-wrap:wrap}
body.topPage .topHero .ds-btn{flex:none;width:auto;font-size:12px;padding:10px 0}
body.topPage .topSelection{padding:54px 0}
body.topPage .topSelection__copy h2{font-size:28px}
}

body.topPage .ds-hero.topHero{height:auto;min-height:0;max-height:none;background:#fff;display:flex;flex-direction:column;padding:0;justify-content:flex-start}
body.topPage .topHero .topNav{order:0}
body.topPage .topHero .ds-hero__media{order:1;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;transform:none}
body.topPage .topHero .ds-hero__scrim{display:none}
body.topPage .topHero__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.topPage .topHero .ds-hero__inner{order:2;position:relative;inset:auto;padding:26px 0 0;transform:none}
body.topPage .topHero .topHero__intro,body.topPage .topHero .ds-hero__title,body.topPage .topHero .ds-hero__sub{color:#252723;text-shadow:none}
body.topPage .topHero .topHero__intro{margin-bottom:10px}
body.topPage .topHero .ds-hero__title{font-size:40px}
body.topPage .topHero .ds-hero__sub{max-width:64em;margin-top:16px}
body.topPage .topHero .ds-hero__actions{margin-top:12px}
body.topPage .topHero .ds-btn{color:#252723;border-color:#252723}
body.topPage .topHero .ds-hero__credit{order:3;position:relative;inset:auto;transform:none;margin:18px auto 28px;color:#646860}
body.topPage .topCraftFilm{position:relative;margin:32px 0 48px;width:100%;max-width:960px}
body.topPage .topCraftFilm video{display:block;aspect-ratio:16/9;width:100%;height:auto;object-fit:contain}
body.topPage .topView__photo video{display:block;aspect-ratio:16/9;width:100%;height:auto;object-fit:contain}
body.topPage .topCraftFilm figcaption{font-size:12px;line-height:1.8;color:#62675f;padding-top:10px}
body.topPage .topHero .ds-hero__media .topHero__artisan{object-position:center 28%}
@media(max-width:760px){
  body.topPage .topHero .ds-hero__media{height:auto;aspect-ratio:16/9}
  body.topPage .topHero .ds-hero__title{font-size:28px}
  body.topPage .topHero .ds-hero__credit{margin:18px 20px 28px}
}
@media(prefers-reduced-motion:reduce){body.topPage .topHero .ds-hero__media .topHero__artisan{animation:none}body.topPage .ds-card__media img{transition:none}}

/* Keep the brand separate from the photograph; preserve the complete scene on phones. */
body.topPage .topHero .topNav{position:relative;inset:auto;background:#fff;padding:18px 32px;border-bottom:1px solid #dedfdc;z-index:3;width:100%;box-sizing:border-box;align-self:stretch;transform:none;animation:none}
body.topPage .topHero .topNav__brand,body.topPage .topHero .topNav__links a{color:#252723}
body.topPage .topHero .topNav__in{max-width:1280px;width:100%;margin:0 auto;justify-content:space-between;align-items:center}
body.topPage .topHero .topNav__brand{flex-shrink:0;max-width:none}
body.topPage .topHero .topNav__word{white-space:nowrap}
body.topPage .topHero .topNav__links{gap:18px;flex-wrap:wrap}
body.topPage .topHero .topNav__mark{background:#233d32;padding:6px;box-sizing:border-box;border-radius:0;opacity:1}
body.topPage .topHero .topNav__mark{background:transparent;padding:0;width:54px;height:54px}
body.topPage .topNav__mobile{display:none}
body.topPage .topSelection__scene{position:relative;overflow:hidden;aspect-ratio:16/9}
body.topPage .topSelection__scene img{display:block;width:100%;height:100%;object-fit:cover}
body.topPage .topAtmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body.topPage .topSelection__media figcaption{font:10px/1.6 system-ui,sans-serif;color:#777c75;text-align:right;padding-top:6px}
body.topPage .topJourneys,body.topPage .topViews,body.topPage .topReads{background:#fff}
body.topPage .topJourneys .ds-bento{gap:24px;align-items:start}
body.topPage .topJourneys .ds-bento__cell{display:flex;flex-direction:column;min-height:0;background:transparent;border-radius:0;box-shadow:none;transform:none}
body.topPage .topJourneys .ds-bento__cell img{position:relative;inset:auto;width:100%;height:280px;object-fit:cover}
body.topPage .topJourneys .ds-bento__cell--xl img{height:440px}
body.topPage .topJourneys .ds-bento__cell img[src$="/matsumoto-main.jpg"]{height:auto!important;aspect-ratio:auto!important}
body.topPage .topJourneys .ds-bento__cell::after{display:none}
body.topPage .topJourneys .ds-bento__body{position:relative;inset:auto;padding:20px 0 24px}
body.topPage .topJourneys .ds-bento__cell h3{color:#252723;font-size:24px;line-height:1.5}
body.topPage .topJourneys .ds-bento__cell p{color:#575e56;max-width:42em;font-size:13px;line-height:1.9}
body.topPage .topJourneys .ds-bento__label{color:#355342}
body.topPage .topHero .topNav__word small{color:#5b615b;opacity:1}
body.topPage .topHero .ds-hero__title{ text-shadow:none }
body.topPage .topHero .ds-hero__media{top:auto}
body.topPage .topHero .ds-hero__inner{padding-top:26px}
body.topPage .topHero .ds-hero__title{font-size:40px;line-height:1.15}
body.topPage .topHero .ds-hero__sub{max-width:64em;text-shadow:none}
body.topPage .topHero .ds-hero__credit{bottom:auto}
body.topPage .topSelection__media img{aspect-ratio:16/9;object-fit:cover;height:auto}
body.topPage .ds-section{padding-top:80px;padding-bottom:80px}
body.topPage .ds-section__head{margin-bottom:32px}
body.topPage .ds-section__title{font-size:32px;line-height:1.5}
body.topPage .ds-h2{font-size:34px;line-height:1.5;letter-spacing:0}
body.topPage .ds-lead{font-size:14px;line-height:1.95;max-width:52em}
body.topPage p{overflow-wrap:break-word;word-break:normal;line-break:strict}
@media(max-width:760px){
  body.topPage .ds-hero.topHero{height:auto;min-height:0;max-height:none;background:#fff;display:flex;flex-direction:column;overflow:hidden}
  body.topPage .topHero .topNav{order:0;padding:16px 20px}
  body.topPage .topHero .topNav__brand{max-width:none;width:auto;flex:none}
  body.topPage .topHero .topNav__word{width:auto;font-size:16px;white-space:nowrap}
  body.topPage .topHero .topNav__in{display:flex;justify-content:flex-start}
  body.topPage .topHero .topNav__in{justify-content:space-between;gap:8px}
  body.topPage .topHero .topNav__word{font-size:14px}
  body.topPage .topNav__mobile{display:block;position:relative}
  body.topPage .topNav__mobile summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;font-size:24px;cursor:pointer}
  body.topPage .topNav__mobile summary::-webkit-details-marker{display:none}
  body.topPage .topNav__mobile nav{position:absolute;right:0;top:48px;display:grid;min-width:220px;background:#fff;border:1px solid #dedfdc;padding:12px;box-shadow:0 8px 20px #0001}
  body.topPage .topNav__mobile nav a{padding:10px 12px;font-size:14px;color:#252723}
  body.topPage .topJourneys .ds-bento__cell img,body.topPage .topJourneys .ds-bento__cell--xl img{height:auto;aspect-ratio:4/3}
  body.topPage .topJourneys .ds-bento__cell h3{font-size:22px}
  body.topPage .topHero .ds-hero__media{order:1;position:relative;inset:auto;width:100%;aspect-ratio:16/9;flex:none;height:auto;transform:none}
  body.topPage .topHero .ds-hero__media img{position:static;object-position:center;width:100%;height:100%;animation:none;transform:none}
  body.topPage .topHero .ds-hero__scrim{display:none}
  body.topPage .topHero .ds-hero__inner{order:2;position:relative;inset:auto;width:calc(100% - 40px);padding:28px 0 0;margin:0 20px;transform:none}
  body.topPage .topHero__intro{font-size:18px;color:#252723;margin-bottom:12px}
  body.topPage .topHero .ds-hero__title{font-size:30px;color:#252723;line-height:1.2}
  body.topPage .topHero .ds-hero__sub{font-size:13px;line-height:1.9;color:#454842;max-width:none;margin-top:18px;text-shadow:none}
  body.topPage .topHero .ds-hero__actions{margin-top:16px;gap:12px 20px}
  body.topPage .topHero .ds-btn{color:#252723;border-color:#252723}
  body.topPage .topHero .ds-hero__credit{order:3;position:relative;inset:auto;width:calc(100% - 40px);margin:20px 20px 28px;color:#666a62;transform:none;line-height:1.8}
  body.topPage .ds-section{padding-top:48px;padding-bottom:48px}
  body.topPage .ds-section__title{font-size:26px}
  body.topPage .ds-h2{font-size:26px;line-height:1.5}
}

/* Editorial rhythm, scoped to the homepage; keep every existing film intact. */
body.topPage .topHero .ds-hero__inner{padding:44px 0 40px}
body.topPage .topHero .topHero__intro{font:400 14px/1.8 system-ui,sans-serif;margin-bottom:12px;color:#575e56}
body.topPage .topHero .ds-hero__title{font-size:48px;line-height:1.35;overflow-wrap:break-word}
body.topPage .topHero .ds-hero__sub{max-width:38em;margin-top:18px;color:#575e56}
body.topPage .topHero .ds-hero__actions{margin-top:24px}
html body.topPage .ds-head{margin-bottom:40px}
body.topPage .ds-head .ds-kicker{margin-bottom:12px}
body.topPage .topCraftFilm{margin:0 auto 56px}
body.topPage .topView__copy{max-width:32em}
body.topPage .topView__copy>p:not(.ds-scene__n){font-size:14px;line-height:2;color:#575e56}
@media(min-width:1001px){
  body.topPage .topView:nth-child(even) .topView__photo{grid-column:2;grid-row:1}
  body.topPage .topView:nth-child(even) .topView__copy{grid-column:1;grid-row:1}
}
@media(min-width:761px) and (max-width:1000px){
  html body.topPage .topHero .topNav__in{display:flex;justify-content:space-between;align-items:center}
  body.topPage .topHero .topNav__links{display:none}
  body.topPage .topNav__mobile{display:block;position:relative}
  body.topPage .topNav__mobile summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;font-size:24px;cursor:pointer}
  body.topPage .topNav__mobile summary::-webkit-details-marker{display:none}
  body.topPage .topNav__mobile nav{position:absolute;right:0;top:48px;display:grid;min-width:220px;background:#fff;border:1px solid #dedfdc;padding:12px;box-shadow:0 8px 20px #0001}
  body.topPage .topNav__mobile nav a{padding:10px 12px;font-size:14px;color:#252723}
}
@media(max-width:760px){
  body.topPage .topHero .ds-hero__inner{padding:32px 0 28px}
  body.topPage .topHero .topHero__intro{font-size:13px;margin-bottom:10px}
  body.topPage .topHero .ds-hero__title{font-size:30px;line-height:1.4}
  body.topPage .topHero .ds-hero__actions{margin-top:20px}
  html body.topPage .ds-head{margin-bottom:28px}
  body.topPage .topCraftFilm{margin-bottom:36px}
}
@media(max-width:600px){
  html body.topPage .topGoods__grid{grid-template-columns:minmax(0,1fr)!important}
  html body.topPage .topGoods .ds-card{grid-column:auto!important;min-width:0}
  html body.topPage .topGoods .ds-btn{max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
}

/* Show the purpose and choices before the film, without cropping the scene. */
html body.topPage .topHero .ds-hero__inner{order:1;padding:24px 0 28px;width:calc(100% - 64px);max-width:1200px}
html body.topPage .topHero .ds-hero__title{font-size:38px;line-height:1.3}
html body.topPage .topHero .topHero__intro{font-size:14px;margin-bottom:8px}
html body.topPage .topHero .ds-hero__sub{margin-top:12px;max-width:48em}
html body.topPage .topHero .ds-hero__actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px 28px}
html body.topPage .topHero .ds-hero__media{order:2;height:min(42svh,420px);aspect-ratio:auto;background:#151a16}
html body.topPage .topHero .ds-hero__media video{object-fit:contain}
html body.topPage .topSelection{padding:48px 0}
html body.topPage .topSelection__grid{display:block}
html body.topPage .topSelection__copy{max-width:760px;margin-bottom:32px}
html body.topPage .topSeasonChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
html body.topPage .topSeasonChoices article{min-width:0}
html body.topPage .topSeasonChoices img{display:block;width:100%;height:auto}
html body.topPage .topSeasonChoices h3,html body.topPage .topTeaScene h3{font:400 26px/1.6 "Yu Mincho",serif;margin:20px 0 12px}
html body.topPage .topSeasonChoices p{font-size:15px;line-height:1.9}
html body.topPage .topSeasonChoices .topSeasonCredit{font-size:11px;line-height:1.8;color:#5d675f;margin-top:12px}
html body.topPage .topSeasonMore{display:flex;flex-wrap:wrap;gap:18px 32px;margin:32px 0;padding:24px 0;border-block:1px solid #d9dfdb}
html body.topPage .topTeaScene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:40px;margin-top:48px}
html body.topPage .topTeaScene p{font-size:15px;line-height:1.9}
@media(max-width:760px){html body.topPage .topHero .ds-hero__inner{width:calc(100% - 40px);padding:22px 0}html body.topPage .topHero .ds-hero__title{font-size:28px}html body.topPage .topHero .ds-hero__media{height:auto;aspect-ratio:16/9}html body.topPage .topSeasonChoices,html body.topPage .topTeaScene{grid-template-columns:minmax(0,1fr);gap:28px}html body.topPage .topSelection{padding:36px 0}html body.topPage .topSeasonChoices h3{font-size:24px}}