body{margin:0;background:#fcf9f3}
a{color:#1f1a16}a:hover{color:#a8370a}
.g4.footg{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr))}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;padding:56px var(--wz, 0) 72px}
.fan{position:relative;height:420px}
.fan-arch{position:absolute;left:12%;right:12%;top:0;bottom:0;z-index:0;background:#fbe3d3}
.fan img{position:absolute;bottom:34px;width:200px;height:auto;border-radius:6px}
.fan .f1{left:4%;transform:rotate(-8deg);z-index:1}
.fan .f2{left:30%;bottom:60px;z-index:3}
.fan .f3{left:56%;transform:rotate(8deg);z-index:2}
.jump{display:flex;flex-wrap:wrap;gap:8px}
.jump a{min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid #cdbfa8;background:#ffffff;font:500 15px/1.2 "Inter",sans-serif;text-decoration:none;display:inline-flex;align-items:center}
.jump a:hover{border-color:#c2410c}
.grp{padding:72px 0;border-top:1px solid #e2d6c2}
.pg .grp-t{font:500 36px/1.1 "Fraunces",Georgia,serif;letter-spacing:-.02em;margin-bottom:28px}
.rc{position:relative;display:flex;flex-direction:column;background:#ffffff;border:1px solid #e2d6c2;border-radius:22px;overflow:hidden}
.rc:hover{border-color:#c2410c}
.cv{height:280px;display:flex;align-items:center;justify-content:center;padding:28px;background:#f6f0e5}
.cv.peach{background:#fbe3d3}.cv.butter{background:#faecc4}
.cv img{height:100%;width:auto;max-width:100%;border-radius:5px;filter:drop-shadow(0 16px 20px rgba(31,26,22,.2))}
.rc-b{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
.rc-b h3{font:500 24px/1.2 "Fraunces",Georgia,serif;letter-spacing:-.01em}
.rc-end{margin-top:auto;padding-top:14px;border-top:1px solid #efe6d6;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.rc-s{font-size:15.5px;line-height:1.5;color:#4a423a}
.rc-go::after{content:"";position:absolute;inset:0;border-radius:22px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:none}
.steps li{display:flex;align-items:center;gap:16px;padding:24px;border-radius:20px;background:#ffffff;border:1px solid #e2d6c2}
.steps .n{flex:none;width:44px;height:44px;border-radius:50%;background:#fbe3d3;color:#a8370a;display:grid;place-items:center;font:600 18px/1 "Inter",sans-serif}
.steps b{font:500 20px/1.3 "Fraunces",Georgia,serif}
.fam{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fam div{background:#ffffff;border:1px solid #e3c26b;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px}
.fam .hi{font-size:26px;color:#8a5a00}
.fam b{font:500 21px/1.25 "Fraunces",Georgia,serif}
.fam p{font-size:15px;color:#4a423a}
.faqg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:64px;align-items:start}
.why>div{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:2px solid #1f1a16}
@container (max-width:760px){
  .g4.footg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footg>div:first-child{grid-column:1/-1}
  .hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px var(--wz, 0) 48px}
  .fan{height:260px;order:-1}
  .fan img{width:120px;bottom:20px}
  .fan .f1{left:6%}.fan .f2{left:34%;bottom:36px}.fan .f3{left:62%}
  .grp{padding:48px 0}
  .pg .grp-t{font-size:28px;margin-bottom:20px}
  .rc-s{font-size:14.5px}
  .steps{grid-template-columns:minmax(0,1fr);gap:12px}
  .steps li{padding:18px}
  .rc{flex-direction:row;border-radius:18px}
  .cv{width:118px;height:auto;flex:none;align-self:flex-start;padding:16px 12px}
  .cv img{width:100%;height:auto}
  .rc-b{padding:16px;gap:9px}
  .rc-b h3{font-size:19px}
  .rc-s{font-size:15.5px;line-height:1.5;color:#4a423a}
.rc-go::after{content:"";position:absolute;inset:0;border-radius:22px}
  .rc-end{gap:12px}
  .fam{grid-template-columns:minmax(0,1fr);gap:12px}
  .fam div{padding:22px}
  .faqg{grid-template-columns:minmax(0,1fr);gap:20px}
}
