/* Japan Gift Atlas: page-scoped editorial product presentation */
/* v2 cache-bust: preserve natural product-image proportions. */
.giftAtlas.article{
  max-width:1180px;
  padding:0 28px;
}
.giftAtlas .article-head{
  max-width:760px;
  margin:0;
}
.giftAtlas .article-head h1{
  font-size:clamp(34px,4.8vw,56px);
  line-height:1.42;
  letter-spacing:.1em;
}
.giftAtlas .article-head .lead{
  max-width:43em;
}
.giftAtlasIntro{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:56px;
  margin:72px 0 0;
  padding:48px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  align-items:center;
}
.giftAtlasIntro .eyebrow,
.giftAtlasSection__head .eyebrow,
.giftAtlasClosing .eyebrow{
  margin-bottom:14px;
}
.giftAtlasIntro h2,
.giftAtlasSection__head h2,
.giftAtlasClosing h2{
  margin:0 0 18px;
  padding:0;
  border:0;
  font-size:clamp(26px,3.4vw,40px);
  line-height:1.55;
  letter-spacing:.1em;
}
.giftAtlasIntro p:not(.eyebrow),
.giftAtlasSection__head p{
  max-width:42em;
  margin:0 0 16px;
  color:var(--sub);
  font-size:14px;
  line-height:2;
}
.giftAtlasIntro__mosaic{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  min-width:0;
}
.giftAtlasIntro__mosaic img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  padding:12px;
  background:#fff;
  border:1px solid var(--line);
}
.giftAtlasIntro__mosaic .imgfallback{
  aspect-ratio:1/1;
}
.giftAtlasSection{
  padding:88px 0 0;
}
.giftAtlasSection__head{
  max-width:760px;
  margin-bottom:34px;
}
.giftAtlasGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 34px;
  border-top:1px solid var(--line);
}
.giftAtlasCard{
  display:grid;
  grid-template-columns:minmax(168px,.72fr) minmax(0,1.28fr);
  gap:22px;
  padding:26px 0;
  border-bottom:1px solid var(--line);
  min-width:0;
}
.giftAtlasCard__image{
  margin:0;
  min-width:0;
  align-self:start;
  background:#fff;
  border:1px solid var(--line);
}
.giftAtlasCard__image img,
.giftAtlasCard__image .imgfallback{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
}
.giftAtlasCard__image img{
  padding:12px;
}
.giftAtlasCard__body{min-width:0}
.giftAtlasCard__region{
  margin:0 0 8px!important;
  color:var(--accent2)!important;
  font-family:var(--label);
  font-size:10px;
  line-height:1.4!important;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.giftAtlasCard h3{
  margin:0 0 8px!important;
  color:var(--text)!important;
  font-family:var(--serif);
  font-size:20px;
  font-weight:500;
  line-height:1.65;
  letter-spacing:.06em;
}
.giftAtlasCard__spec{
  margin:0 0 10px!important;
  color:var(--accent)!important;
  font-size:12px;
  line-height:1.8!important;
}
.giftAtlasCard__copy{
  margin:0 0 14px!important;
  color:var(--sub)!important;
  font-size:13px;
  line-height:1.9!important;
}
.giftAtlasCard__facts{
  display:grid;
  gap:6px;
  margin:0 0 14px;
}
.giftAtlasCard__facts div{
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  gap:10px;
  padding-top:6px;
  border-top:1px solid var(--line);
}
.giftAtlasCard__facts dt{
  color:var(--accent2);
  font-family:var(--label);
  font-size:10px;
  letter-spacing:.12em;
}
.giftAtlasCard__facts dd{
  margin:0;
  color:var(--text);
  font-size:12px;
  line-height:1.7;
}
.giftAtlasCard__price{
  margin:0 0 3px!important;
  color:var(--text)!important;
  font-family:var(--serif);
  font-size:19px;
  line-height:1.5!important;
  letter-spacing:.05em;
}
.giftAtlasCard__price small{
  display:block;
  color:var(--sub);
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:0;
}
.giftAtlasCard__note{
  margin:0 0 12px!important;
  color:var(--sub)!important;
  font-size:10px;
  line-height:1.7!important;
}
.giftAtlasCard__links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
}
.giftAtlasCard__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 14px;
  background:var(--accent);
  border:1px solid var(--accent);
  color:#fff;
  font-family:var(--label);
  font-size:10px;
  letter-spacing:.1em;
  text-decoration:none;
}
.giftAtlasCard__cta:hover,
.giftAtlasCard__cta:focus-visible{
  background:var(--accent-hover);
  border-color:var(--accent-hover);
}
.giftAtlasCard__official{
  color:var(--accent);
  font-size:11px;
  line-height:1.6;
  text-decoration:none;
  border-bottom:1px solid currentColor;
}
.giftAtlasCard__official:hover,
.giftAtlasCard__official:focus-visible{color:var(--accent-hover)}
.giftAtlasClosing{
  margin-top:88px;
  padding:42px 0 0;
  border-top:1px solid var(--line);
}
.giftAtlasClosing ol{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.giftAtlasClosing li{
  border-top:1px solid var(--line);
  padding:16px 0 0;
}
.giftAtlasClosing b{
  display:block;
  margin-bottom:8px;
  color:var(--text);
  font-family:var(--serif);
  font-size:17px;
  font-weight:500;
  letter-spacing:.07em;
}
.giftAtlasClosing span{
  display:block;
  color:var(--sub);
  font-size:13px;
  line-height:1.9;
}
@media(max-width:980px){
  .giftAtlasIntro{grid-template-columns:1fr;gap:28px}
  .giftAtlasGrid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .giftAtlas.article{padding:0 22px}
  .giftAtlas .article-head{padding-top:48px}
  .giftAtlas .article-head h1{font-size:31px;letter-spacing:.06em}
  .giftAtlasIntro{margin-top:46px;padding:32px 0;gap:26px}
  .giftAtlasSection{padding-top:64px}
  .giftAtlasSection__head{margin-bottom:20px}
  .giftAtlasIntro h2,.giftAtlasSection__head h2,.giftAtlasClosing h2{font-size:25px;letter-spacing:.06em}
  .giftAtlasCard{grid-template-columns:118px minmax(0,1fr);gap:16px;padding:20px 0}
  .giftAtlasCard h3{font-size:17px;line-height:1.55;letter-spacing:.04em}
  .giftAtlasCard__copy{font-size:12px;line-height:1.8!important}
  .giftAtlasCard__facts div{grid-template-columns:56px minmax(0,1fr);gap:8px}
  .giftAtlasCard__facts dd{font-size:11px}
  .giftAtlasCard__price{font-size:17px}
  .giftAtlasCard__links{gap:10px}
  .giftAtlasCard__cta{width:100%;font-size:10px}
  .giftAtlasClosing{margin-top:64px;padding-top:32px}
  .giftAtlasClosing ol{grid-template-columns:1fr;gap:14px;margin-top:22px}
}