/* Letter-and-gift artwork is kept clear of readable copy and active controls. */
.mbti-site .game-promo.gift-postcard{display:block;position:relative;isolation:isolate;overflow:hidden;padding:0;min-height:510px;border:1px solid #b4ab8e;border-radius:8px;background:#fbf4e5;color:#304b40;box-shadow:0 5px 0 #e5dac3,0 14px 28px #3c4c3510}
.gift-postcard-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}
.gift-postcard-scene img{display:block;width:100%;height:100%;object-fit:contain;object-position:right bottom;mix-blend-mode:multiply}
.mbti-site .game-promo.gift-postcard .game-copy{position:relative;width:51%;padding:32px 26px;background:linear-gradient(90deg,#fffaf0f5 80%,#fffaf000);min-width:0}
.gift-picked-friend{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid #d5c7ac;color:#526247;font-size:14px;font-weight:600}
.gift-picked-friend .animal-art{flex-shrink:0;margin:0;mix-blend-mode:multiply}
.mbti-site .game-promo.gift-postcard .game-copy .eyebrow{color:#6f633d;margin-bottom:12px;font-size:13px;letter-spacing:.07em}
.mbti-site .game-promo.gift-postcard .game-copy h2{color:#284c3a;font-family:var(--serif);font-size:clamp(24px,3vw,30px);font-weight:600;line-height:1.6;margin:0 0 18px;word-break:keep-all}
.mbti-site .game-promo.gift-postcard .game-copy>p{color:#4c604c;font-size:16px;line-height:1.85;word-break:keep-all}
.mbti-site .game-promo.gift-postcard .game-copy .primary{color:#fffdf5;background:#285642;border:1px solid #204734;box-shadow:0 4px 0 #193e2d;border-radius:7px;font-size:16px;padding:15px 16px;min-height:54px;text-decoration:none;margin-top:22px}
.mbti-site .game-promo.gift-postcard .game-copy .primary:hover{background:#1d4633;transform:none}
.mbti-site .game-promo.gift-postcard .game-copy .game-platform{color:#5d6654;font-size:13px;line-height:1.8;margin:16px 0 8px}
.mbti-site .game-promo.gift-postcard .text-button{color:#355b46;font-size:14px;text-underline-offset:4px;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
.gift-postcard :focus-visible,.gift-site :focus-visible{outline:3px solid #987129;outline-offset:4px}
.gift-site{background:#f6f0e2;color:#304b40}
.gift-site .gift-shell{padding-top:30px}
.gift-site .gift-steps{padding:16px 20px;background:#fffaf0;border:1px solid #d4c5a7;border-radius:8px;gap:20px;color:#5d6855}
.gift-site .gift-steps [aria-current]{color:#285642;border-color:#285642}
.gift-site .gift-art-panel{background:#eaf0df;border-color:#b4c39e;border-radius:80px 80px 12px 12px;box-shadow:0 5px 0 #d8e1c9}
.gift-site .gift-details,.gift-site .gift-form{background:#fffdf6;border:1px solid #d7c9ad;border-radius:8px;padding:26px;box-shadow:0 4px 0 #e6dcc9}
.gift-site .gift-details h1,.gift-site .gift-shell h1,.gift-site .gift-shell h2{font-family:var(--serif);font-weight:600;color:#31543f}
.gift-site .gift-form{gap:20px}
.gift-site .gift-form label{color:#354f3c;font-weight:600}
.gift-site .gift-form input,.gift-site .gift-form textarea{border-radius:4px;background:#fffef9;border-color:#bdc5ac;color:#304b40;font-size:16px}
.gift-site .gift-form textarea{min-height:180px;line-height:1.9}
.gift-site .gift-form small,.gift-site .gift-note{color:#606e58}
.gift-site .gift-letter{position:relative;padding:30px 28px 0;background:#fffdf6;border:1px solid #c7b48e;border-radius:6px;box-shadow:0 5px 0 #e8decb,0 12px 24px #4e533110;overflow:hidden}
.gift-site .gift-letter>.eyebrow{font-size:13px;color:#76633b;letter-spacing:.08em;border-bottom:1px solid #dbcfb5;padding-bottom:16px}
.gift-site .gift-letter .letter-to{font-family:var(--serif);color:#31543f}
.gift-site .gift-letter .message{font-family:var(--serif);font-size:17px;line-height:2;color:#384e3e;border-color:#cdc5ab;margin-bottom:0}
.gift-site .gift-letter .letter-from{font-family:var(--serif);color:#526247;margin:22px 0 0}
.gift-letter-scene{margin:14px -28px 0;pointer-events:none}
.gift-letter-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}
.gift-site .gift-letter .gift-report{margin-bottom:28px;font-family:var(--sans)}
.gift-site .gift-choice{border-radius:12px;background:#fffdf6;border-color:#c7ceb7;box-shadow:0 3px 0 #e2e6d6}
.gift-site .gift-choice[aria-pressed=true]{background:#edf2e3;border-color:#315c4e}
.gift-site .primary{color:#fffdf5;background:#285642;border-color:#204734}
.gift-site .primary:hover{background:#1d4633}
@media(max-width:760px){
 .mbti-site .game-promo.gift-postcard{min-height:0;border-radius:10px}
 .gift-postcard-scene{position:relative;inset:auto;width:100%;z-index:0}
 .gift-postcard-scene img{height:auto;aspect-ratio:3/2;object-fit:contain}
 .mbti-site .game-promo.gift-postcard .game-copy{width:100%;padding:22px;background:#fffaf0}
 .gift-picked-friend{margin-bottom:18px;padding-bottom:14px}
 .mbti-site .game-promo.gift-postcard .game-copy h2{font-size:26px}
 .gift-site .gift-shell{padding:22px 16px 40px}
 .gift-site .site-header{flex-wrap:wrap;gap:12px;padding:18px 16px}
 .gift-site .site-header nav{flex-wrap:wrap;gap:14px}
 .gift-site .gift-layout{gap:24px}
 .gift-site .gift-details,.gift-site .gift-form{padding:22px 18px}
 .gift-site .gift-letter{padding:24px 20px 0}
 .gift-letter-scene{margin-inline:-20px}
 .gift-site .gift-steps{gap:12px;padding:14px;font-size:14px}
 .gift-site .gift-shell h1{font-size:28px}
}