/* Home page sections under the hero: garden, travel, type 1, the team and the bookshelf. */
.hp{margin-top:88px;display:flex;flex-direction:column;gap:22px}
.hp-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--hyssop);padding-bottom:10px}
.hp-hd > div > span{display:block;font:700 12px/1.3 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--garden);margin-bottom:6px}
.hp-hd h2{margin:0;font:500 clamp(30px,4vw,40px)/1 var(--display);color:var(--hyssop)}
.hp-hd > a{font-weight:700;color:var(--hyssop-deep);text-decoration:none;white-space:nowrap}
.hp-hd > a:hover{text-decoration:underline}
.hp-ey{display:block;font:700 12px/1.3 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--garden)}
.hp-lift{transition:transform .18s ease,box-shadow .18s ease}
.hp-lift:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(47,38,34,.14)}

/* Garden */
.hp-chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hp-chips a{padding:8px 14px;border-radius:999px;background:var(--c);color:#fff;font-weight:700;text-decoration:none}
.hp-chips a.tt{margin-left:auto;background:none;padding:8px 0;color:var(--hyssop-deep)}
.hp-two{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px}
.hp-plant{background:#fff;border:2px solid var(--hyssop);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:14px}
.hp-plant h3{margin:0;font:500 32px/1.1 var(--display);color:var(--hyssop)}
.hp-pl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center}
.hp-pl .disc{width:120px;height:120px;border-radius:50%;background:#FBE3EE;display:flex;align-items:center;justify-content:center}
.hp-pl .disc img{width:100px;height:100px}
.hp-pl b i{font:italic 400 1em var(--display);color:var(--hyssop-deep)}
.hp-pl p{margin:4px 0 0;font-size:14px}
.hp-stats{display:flex;gap:18px;margin-top:6px}
.hp-stats span{display:flex;flex-direction:column;font-size:12px}
.hp-stats b{font:500 30px/1.1 var(--display);color:var(--hyssop)}
.hp-dl{margin:0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 12px;font-size:14px;border-top:1px dashed var(--petal);padding-top:12px}
.hp-dl dt{font:700 11px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--garden)}
.hp-dl dd{margin:0}
.hp-plant > a{margin-top:auto;align-self:flex-start;font-weight:700;text-decoration:none;color:var(--hyssop)}
.hp-start{background:#fff;border:2px solid var(--hyssop);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink)}
.hp-start .t{font:500 30px/1.15 var(--display);color:var(--hyssop)}
.hp-start ol{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px}
.hp-start li{display:flex;gap:12px;align-items:center}
.hp-start li b{width:28px;height:28px;flex:none;border-radius:50%;background:var(--hyssop);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}
.hp-months{display:flex;gap:5px;margin-top:6px}
.hp-months span{flex:1;height:28px;border-radius:4px;background:#F4E8EC;font-size:10px;font-weight:700;color:var(--hyssop-deep);display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px}
.hp-months .on{background:var(--petal)}
.hp-start .go{align-self:flex-start;margin-top:auto;padding:12px 20px;border-radius:999px;background:var(--hyssop);color:#fff;font-weight:700}

/* Travel */
.hp-three{display:grid;grid-template-columns:1fr 1.2fr .9fr;gap:20px}
.hp-find,.hp-city,.hp-pass{border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--ink)}
.hp-find{background:#fff;border:2px solid var(--hyssop)}
.hp-find .top{display:flex;justify-content:space-between;align-items:center}
.hp-find .top img{width:44px;height:44px}
.hp-find .nm{font:500 40px/1 var(--display);color:var(--hyssop-deep)}
.hp-order{background:var(--paper);border-radius:10px;padding:12px 14px;font-size:15px}
.hp-order b{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--garden);margin-bottom:2px}
.hp-find .bot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.hp-pill{font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--blush);color:var(--hyssop-deep)}
.hp-go{font-weight:700;color:var(--hyssop-deep)}
.hp-city{background:var(--blush)}
.hp-city .hp-ey{display:flex;align-items:center;gap:8px}
.hp-city .hp-ey img{width:22px;height:22px}
.hp-city .nm{font:500 34px/1.05 var(--display);color:var(--hyssop-deep)}
.hp-city ol{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.hp-city li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border-radius:12px;padding:10px 12px}
.hp-city li img{width:36px;height:36px}
.hp-city li b{display:block;font-size:16px;color:var(--hyssop-deep)}
.hp-city li span span{font-size:13px}
.hp-city .hp-go{margin-top:auto}
.hp-pass{background:#fff;border:1px solid var(--line);align-items:center}
.hp-pass .hp-ey{align-self:flex-start}
.hp-stamp{width:150px;height:150px;border-radius:50%;border:3px double var(--hyssop);color:var(--hyssop-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-6deg)}
.hp-stamp small{font-size:10px;font-weight:700;letter-spacing:.2em}
.hp-stamp b{font:400 30px/1.1 var(--display)}
.hp-pend{align-self:stretch;display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--petal);padding-top:12px;margin:0;list-style:none;padding-left:0}
.hp-pend li{display:flex;align-items:center;gap:8px;font-size:15px}
.hp-pend li:first-child{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6A5A52}
.hp-pend img{width:20px;height:20px}

/* Type 1 */
.hp-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hp-list{border-radius:20px;padding:26px 28px 12px;background:#fff;border:1px solid var(--line)}
.hp-list.tint{background:var(--blush);border-color:var(--blush)}
.hp-list h3{margin:0;font:500 26px/1.2 var(--display);color:var(--garden)}
.hp-list > p{margin:4px 0 8px;font-size:15px}
.hp-list ul{margin:0;padding:0;list-style:none}
.hp-list a{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:14px 0;border-top:1px dashed var(--petal);text-decoration:none;color:var(--ink)}
.hp-list .ic{width:52px;height:52px;border-radius:50%;background:var(--blush);display:flex;align-items:center;justify-content:center}
.hp-list.tint .ic{background:#fff}
.hp-list .ic svg,.hp-list .ic img{width:34px;height:34px}
.hp-list b{display:block;font:500 22px/1.2 var(--display);color:var(--hyssop-deep)}
.hp-list a > span:nth-child(2) > span{font-size:15px}
.hp-list .ar{color:var(--hyssop);font-weight:700}
.hp-list a:hover b{text-decoration:underline;text-decoration-color:var(--petal);text-underline-offset:4px}

/* The team and the bookshelf */
.hp-and{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:24px}
.hp-team{background:var(--blush);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:12px}
.hp-team .hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.hp-team .hd b{font:500 26px/1.2 var(--display);color:var(--hyssop-deep)}
.hp-team .hd a{font-weight:700;color:var(--hyssop-deep);text-decoration:none}
.hp-pal{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:14px;text-decoration:none;color:var(--ink)}
.hp-pal img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--blush)}
.hp-pal b{display:block;font:500 22px/1.2 var(--display);color:var(--hyssop-deep)}
.hp-pal small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--garden)}
.hp-pal span span{font-size:14px}
.hp-book{display:flex;flex-direction:column;gap:12px;background:#fff;border:2px solid var(--hyssop);border-radius:20px;padding:26px;text-decoration:none;color:var(--ink)}
.hp-book .row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;align-items:center}
.hp-book img{width:170px;height:170px;object-fit:cover;border-radius:8px;box-shadow:0 10px 22px rgba(47,38,34,.2);transform:rotate(-3deg)}
.hp-book .nm{display:block;font:500 28px/1.05 var(--display);color:var(--hyssop-deep);margin-bottom:8px}
.hp-book .row > span > span{display:block;font-size:14px;margin-bottom:8px}
.hp-book .hp-go{color:var(--hyssop)}
.hp-book .all{margin-top:auto;border-top:1px dashed var(--petal);padding-top:10px;font-weight:700;color:var(--hyssop-deep)}

@media (max-width:900px){
  .hp-two,.hp-three,.hp-lists,.hp-and{grid-template-columns:minmax(0,1fr)}
  .hp-chips a.tt{margin-left:0}
}
@media (max-width:520px){
  .hp{margin-top:64px}
  .hp-hd{flex-direction:column;align-items:flex-start}
  .hp-plant,.hp-start,.hp-find,.hp-city,.hp-pass,.hp-team,.hp-book{padding:20px}
  .hp-list{padding:20px 18px 8px}
  .hp-book .row{grid-template-columns:110px minmax(0,1fr)}
  .hp-book img{width:110px;height:110px}
  .hp-pl{grid-template-columns:84px minmax(0,1fr)}
  .hp-pl .disc{width:84px;height:84px}.hp-pl .disc img{width:70px;height:70px}
}
.hp-book a{text-decoration:none;color:var(--ink)}
.hp-book a.all{color:var(--hyssop-deep)}
.hp-book a.row:hover .nm,.hp-book a.all:hover{text-decoration:underline;text-decoration-color:var(--petal);text-underline-offset:4px}