/* A full-width party invitation with readable, native monster artwork. */
.pq-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;align-items:center}
.pq-intro figure{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 18px 42px #365e7114}
.pq-intro figure img{width:100%;height:auto}
.pq-heading h3{font:700 clamp(28px,2.6vw,38px)/1.65 var(--serif);letter-spacing:.5px;margin:16px 0}
.pq-heading h3 em{color:#97753b;font-style:normal}
.pq-heading p{font-size:15px;line-height:2;margin:0}
.pq-heading .text-link{font-size:14px}
.pq-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:32px}
.pq-card{min-width:0;position:relative;border:1px solid #d7e6e1;border-radius:12px;background:linear-gradient(155deg,#fff 25%,#f0f8f7);padding:20px 14px 16px;box-shadow:0 8px 24px #305b6610;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pq-card:nth-child(even){background:linear-gradient(155deg,#fff 25%,#f1f7fc)}
.pq-mob{position:relative;height:118px;display:grid;place-items:center;border-bottom:1px solid #dce9e4;padding-bottom:14px}
.pq-mob:before{content:'';position:absolute;bottom:9px;width:96px;height:14px;background:radial-gradient(ellipse,#58766624,transparent 70%)}
.pq-mob img{position:relative;width:116px;height:100px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 3px #3b524020);transition:transform .3s ease}
.pq-number{position:absolute;left:0;top:0;font:italic 15px Georgia,serif;color:#9d865c}
.pq-label h4{font:700 19px/1.6 'Microsoft JhengHei',sans-serif;color:#355e4e;letter-spacing:0;margin:18px 0 7px}
.pq-label p{font-size:13px;line-height:1.9;margin:0;color:#637d72}
.pq-action{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:12px;color:#887041}
.pq-action i{font:normal 19px/1 sans-serif;transition:transform .25s}
.pq-card:focus-visible{outline:3px solid #397455;outline-offset:4px}
.pq-card:focus-visible .pq-action i{transform:translate(2px,-2px)}
@media(hover:hover) and (pointer:fine){
 .pq-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #305b6620;border-color:#a9c7bb}
 .pq-card:hover .pq-mob img{transform:translateY(-5px) rotate(-2deg)}
 .pq-card:hover .pq-action i{transform:translate(2px,-2px)}
 .gg-home .button,.gg-home .ed-path{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
 .gg-home .button:hover{transform:translateY(-3px)}
 .gg-home .ed-path:hover{transform:translateY(-4px)}
}
/* One short sunlight pass; no endlessly moving scenery or scroll hijacking. */
@media(prefers-reduced-motion:no-preference){
 .gg-home .hero-light:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#fffdf055 49%,transparent 72%);animation:gg-sunlight 3.8s ease-out both}
 @keyframes gg-sunlight{0%{opacity:0;transform:translateX(-35%)}35%{opacity:.75}100%{opacity:0;transform:translateX(35%)}}
}
@media(min-width:744px) and (max-width:1100px){
 .pq-intro{gap:26px;grid-template-columns:1.1fr 1fr}.pq-heading h3{font-size:28px}.pq-heading p{font-size:14px}
 .pq-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.pq-card{grid-column:span 2}.pq-card:nth-last-child(-n+2){grid-column:span 3}
}
@media(max-width:743px){
 .pq-intro{display:flex;flex-direction:column;gap:24px;align-items:stretch}.pq-heading h3{font-size:28px;margin:12px 0}.pq-heading p{font-size:15px}.pq-heading p br{display:none}
 .pq-cards{grid-template-columns:1fr;gap:12px;margin-top:26px}.pq-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:16px;align-items:center}
 .pq-mob{height:105px;border-bottom:0;padding:10px 0 0}.pq-mob img{width:88px;height:84px}.pq-number{top:-3px;font-size:12px}.pq-mob:before{width:80px}
 .pq-label h4{font-size:19px;margin:0 0 4px}.pq-label p{font-size:14px;line-height:1.8}.pq-action{margin-top:10px;font-size:13px}
}
@media(max-width:359px){.pq-card{padding:13px;gap:12px;grid-template-columns:76px minmax(0,1fr)}.pq-mob img{width:74px;height:78px}.pq-label h4{font-size:18px}.pq-label p{font-size:13px}}
@media(prefers-reduced-motion:reduce){
 html:has(.gg-home){scroll-behavior:auto}
 .gg-home .pq-card,.gg-home .pq-mob img,.gg-home .pq-action i,.gg-home .button,.gg-home .ed-path{transition:none;transform:none!important}
 .gg-home .hero-light:after{animation:none;display:none}
}