.detail{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.detail > div{background:var(--ivory);padding:70px 56px;min-height:520px;position:relative}
.detail h3{font-family:"Montserrat",sans-serif;font-size:56px;line-height:1;color:var(--green-900);letter-spacing:-0.015em;margin-bottom:30px}
.detail h3 em{font-style:italic;color:var(--green-700)}
.detail p{font-size:16px;color:var(--ink-60);line-height:1.6;margin-bottom:30px}
.detail .incl{display:flex;flex-direction:column;gap:14px;padding-top:28px;border-top:1px solid var(--rule)}
.detail .incl h5{font-family:"Montserrat",sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);margin-bottom:10px}
.detail .incl li{list-style:none;padding:10px 0;border-bottom:1px dashed var(--rule);display:flex;justify-content:space-between;font-size:14px}
.detail .incl li span:last-child{font-family:"Montserrat",sans-serif;font-size:11px;color:var(--ink-40)}

.gallery{padding:140px 44px;background:var(--paper)}
.g-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:20px}
.g1{grid-column:span 7;grid-row:span 3}
.g2{grid-column:span 5;grid-row:span 2}
.g3{grid-column:span 5;grid-row:span 2}
.g4{grid-column:span 4;grid-row:span 2}
.g5{grid-column:span 3;grid-row:span 2}
.g6{grid-column:span 5;grid-row:span 2}

.packages{padding:130px 44px;background:var(--ivory)}
.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}
.pack{border:1px solid var(--rule);padding:40px 32px;background:var(--paper);min-height:440px;display:flex;flex-direction:column;justify-content:space-between;transition:background .3s, transform .3s}
.pack:hover{background:var(--green-900);color:var(--cream);transform:translateY(-4px)}
.pack:hover .k,.pack:hover .d,.pack:hover li{color:rgba(255,255,255,.75)}
.pack:hover h4,.pack:hover .price{color:#fff}
.pack:hover .price em{color:var(--green-300)}
.pack .k{font-family:"Montserrat",sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60);margin-bottom:18px;transition:color .3s}
.pack h4{font-family:"Montserrat",sans-serif;font-size:36px;color:var(--green-900);letter-spacing:-0.01em;margin-bottom:14px;transition:color .3s}
.pack .d{font-size:14px;color:var(--ink-60);line-height:1.55;margin-bottom:26px;transition:color .3s}
.pack ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--ink);margin-bottom:28px;transition:color .3s}
.pack ul li{padding-left:14px;position:relative}
.pack ul li::before{content:"—";position:absolute;left:0;color:var(--green-800)}
.pack:hover ul li::before{color:var(--green-300)}
.pack .price{font-family:"Montserrat",sans-serif;font-size:28px;color:var(--green-900);letter-spacing:-0.01em;transition:color .3s}
.pack .price em{font-family:"Montserrat",sans-serif;font-size:11px;font-style:normal;color:var(--ink-60);letter-spacing:.14em;text-transform:uppercase;display:block;margin-top:4px}

@media (max-width:900px){
  .detail{grid-template-columns:1fr}
  .detail > div{padding:50px 24px;min-height:auto}
  .g-grid{grid-template-columns:1fr;grid-auto-rows:200px}
  .g1,.g2,.g3,.g4,.g5,.g6{grid-column:span 1;grid-row:span 1}
  .pack-grid{grid-template-columns:1fr}
}