.party-details{padding:80px 0;background:#f6f0e7;color:#241d24}
.details-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:end;margin-bottom:34px}
.details-heading h2,.arrival h2{margin:8px 0;font:800 clamp(2.5rem,5vw,4.5rem)/.98 Georgia,serif}
.details-heading p{color:#675d65;font-size:1.05rem}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfc4c4}
.detail-grid article{padding:28px;background:#fff}
.detail-icon{display:block;color:#e76f61;font-weight:900;letter-spacing:.1em}
.detail-grid h3{margin:22px 0 10px;font:800 1.5rem Georgia,serif}
.detail-grid p{margin:0;color:#5f555c}
.arrival{padding:80px 0;background:#352330}
.arrival-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.arrival-list{margin-top:28px;border-top:1px solid #ffffff25}
.arrival-list div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff25}
.arrival-list span{color:#d5c8d0}.demo-address{color:#aa9ca5;font-size:.78rem}
.party-map{position:relative;min-height:390px;overflow:hidden;border:1px solid #ffffff28;background:#211b24}
.sea{position:absolute;right:0;top:0;bottom:0;width:24%;display:grid;place-items:center;background:#1a2730;color:#7895a4;font-size:.7rem;letter-spacing:.3em;writing-mode:vertical-rl}
.road{position:absolute;background:#ddd0bf;color:#332b31;font-size:.68rem;font-weight:800;text-transform:uppercase;text-align:center}
.road-main{left:10%;right:20%;top:47%;height:48px;padding:15px}.road-cross{left:34%;top:0;bottom:0;width:40px;padding:95px 10px;writing-mode:vertical-rl}
.map-pin{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;color:#fff;font-size:.75rem}
.map-pin i{display:grid;place-items:center;width:34px;height:34px;border:4px solid #fff;border-radius:50%;background:#e76f61;font-style:normal;font-weight:900}
.venue{right:14%;top:29%}.parking{left:10%;bottom:22%}.parking i{background:#d8bd82;color:#241d24}
.walk-line{position:absolute;left:25%;bottom:34%;width:43%;border-top:3px dashed #d8bd82;transform:rotate(-16deg)}
.walk-label{position:absolute;left:40%;bottom:20%;color:#d8bd82;font-size:.7rem;font-weight:800}
@media(max-width:700px){.details-heading,.arrival-grid,.detail-grid{grid-template-columns:1fr}.party-details,.arrival{padding:58px 0}.details-heading{gap:12px}.detail-grid{gap:10px;background:transparent}.detail-grid article{padding:22px}.arrival-grid{gap:30px}.party-map{min-height:310px}.arrival-list div{grid-template-columns:95px 1fr}}