/* Final CTA: supplied desk photograph, a white reading surface and two navy links. */
body.soft-palace #closing .closing-final-banner {
  position:relative;margin:48px auto 26px;padding:25px 23px 30px;
  background:#18212b url('assets/closing-palace-desk.webp') center/cover no-repeat;
  border:1px solid #ad9161;border-radius:10px;box-shadow:0 12px 32px #23394a12;
  isolation:isolate;overflow:visible;scroll-margin-top:125px;
}
body.soft-palace #closing .closing-banner-panel {
  position:relative;min-height:236px;padding:34px 135px;
  display:flex;align-items:center;border:1px solid #cbb587;border-radius:7px;
  background:linear-gradient(100deg,#ffffffcf,#fffefbef 20%,#fffefbfa 55%,#fffefbe8);
  box-shadow:0 3px 15px #0d1c2a30;
}
body.soft-palace #closing .closing-banner-panel::before {
  content:"";position:absolute;inset:6px;border:1px solid #c7af805f;border-radius:3px;pointer-events:none;
}
body.soft-palace #closing .closing-banner-panel::after {
  content:"";position:absolute;left:11px;top:11px;width:7px;height:7px;
  border:1px solid #b59a67;transform:rotate(45deg);pointer-events:none;
}
body.soft-palace #closing .closing-banner-copy {position:relative;z-index:1;min-width:0;width:100%;text-align:center;}
body.soft-palace #closing .closing-banner-project {margin:0 0 5px;font:500 clamp(13px,1.34vw,17px)/1.7 var(--font);color:#23394a;letter-spacing:0;}
body.soft-palace #closing .closing-banner-project>span,
body.soft-palace #closing #closing-banner-title>span {display:inline-block;}
body.soft-palace #closing #closing-banner-title {margin:0;font:700 clamp(19px,1.95vw,25px)/1.65 var(--font);letter-spacing:0;color:#23394a;}
body.soft-palace #closing .closing-banner-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:23px 0 0;}
body.soft-palace #closing .closing-banner-links .course-button {
  display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;padding:14px 18px;
  color:#fffdf6;background:linear-gradient(145deg,#294355,#172f42);border:1px solid #476172;
  border-radius:999px;box-shadow:0 3px 0 #0f2636,0 6px 14px #102c3e1f,inset 0 1px 0 #ffffff1f;
  font:700 15px/1.65 var(--font);letter-spacing:0;text-decoration:none;
  transition:transform .16s,box-shadow .16s,filter .16s;
}
body.soft-palace #closing .closing-banner-links .course-button>.closing-banner-button-label {
  display:block;flex:0 1 auto;width:auto;height:auto;border-radius:0;background:none;font:inherit;
}
body.soft-palace #closing .closing-banner-button-detail {display:inline-block;}
body.soft-palace #closing .closing-banner-links .course-button>.closing-banner-arrow {
  display:block;flex:0 0 auto;width:auto;height:auto;background:none;border-radius:0;font:400 21px/1 var(--font);
}
body.soft-palace #closing .closing-banner-links .course-button:hover {transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 5px 0 #0f2636,0 10px 18px #102c3e26;}
body.soft-palace #closing .closing-banner-links .course-button:active {transform:translateY(1px);box-shadow:0 1px 0 #0f2636;}
body.soft-palace #closing .closing-banner-links .course-button:focus-visible {outline:3px solid #b89553;outline-offset:5px;}
/* Reuse the exact thumbs-up cutouts from the sharing benefit illustration. */
body.soft-palace #closing .closing-banner-character {
  position:absolute;bottom:-20px;z-index:2;display:block;height:222px;
  background-repeat:no-repeat;pointer-events:none;filter:drop-shadow(0 5px 4px #182c3c18);
}
body.soft-palace #closing .closing-banner-kusanagi {
  left:-18px;aspect-ratio:725/1198;background-image:url('assets/kusanagi-resident-back-thumb.webp');
  background-size:172.965517% 104.674457%;background-position:50.283554% 50%;
}
body.soft-palace #closing .closing-banner-toua {
  right:-24px;aspect-ratio:466/593;
}
/* Split the original sprite at transparent gaps so only the thumb rays blink. */
body.soft-palace #closing .closing-banner-toua::before,
body.soft-palace #closing .closing-banner-toua::after {
  content:"";position:absolute;inset:0;background-image:url('assets/toua-share-atlas.webp');
  background-repeat:no-repeat;
  background-size:269.098712% 211.467116%;background-position:92.639594% 99.092284%;
}
body.soft-palace #closing .closing-banner-toua::before {
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 45%,10% 45%,10% 37.5%,13% 37.5%,13% 29%,0 29%);
}
body.soft-palace #closing .closing-banner-toua::after {
  clip-path:polygon(0 29%,13% 29%,13% 37.5%,10% 37.5%,10% 45%,0 45%);
}
body.soft-palace #closing .closing-banner-spark {
  position:absolute;left:-35px;bottom:194px;z-index:3;
  color:#d8b363;font:28px/1 Georgia,serif;pointer-events:none;
}
body.soft-palace #closing .closing-banner-spark.is-blinking,
body.soft-palace #closing .closing-banner-toua.is-blinking::after {
  animation:closing-accent-blink 1.05s ease-in-out;
}
@keyframes closing-accent-blink {
  0%,100% {opacity:1;}
  40%,60% {opacity:0;}
}
.low-motion body.soft-palace #closing .closing-banner-spark,
.low-motion body.soft-palace #closing .closing-banner-toua::after {animation:none;}
@media(max-width:1100px) and (min-width:761px) {
  body.soft-palace #closing .closing-banner-panel {padding:28px 115px;}
  body.soft-palace #closing .closing-banner-character {height:204px;}
  body.soft-palace #closing .closing-banner-toua {right:-20px;}
  body.soft-palace #closing .closing-banner-spark {bottom:177px;left:-30px;font-size:25px;}
  body.soft-palace #closing .closing-banner-links {gap:10px;}
  body.soft-palace #closing .closing-banner-links .course-button {font-size:14px;padding:11px 13px;gap:6px;}
  body.soft-palace #closing .closing-banner-button-detail {display:block;}
}
@media(max-width:760px) {
  body.soft-palace #closing .closing-final-banner {margin:35px calc(-1 * var(--soft-gutter)) 23px;padding:15px 12px 19px;border-radius:0;}
  body.soft-palace #closing .closing-banner-panel {display:block;min-height:0;padding:23px 16px 139px;background:#fffefbf0;}
  body.soft-palace #closing .closing-banner-project {font-size:13px;line-height:1.65;}
  body.soft-palace #closing #closing-banner-title {font-size:19px;line-height:1.65;}
  body.soft-palace #closing .closing-banner-links {gap:10px;margin-top:20px;}
  body.soft-palace #closing .closing-banner-links .course-button {min-height:66px;padding:11px 9px;font-size:13px;gap:5px;line-height:1.65;}
  body.soft-palace #closing .closing-banner-button-detail {display:block;font-size:11px;}
  body.soft-palace #closing .closing-banner-links .course-button>.closing-banner-arrow {font-size:17px;}
  body.soft-palace #closing .closing-banner-character {height:162px;bottom:-16px;}
  body.soft-palace #closing .closing-banner-kusanagi {left:5px;}
  body.soft-palace #closing .closing-banner-toua {right:3px;}
  body.soft-palace #closing .closing-banner-spark {left:2px;bottom:146px;font-size:23px;}
}
@media(prefers-reduced-motion:reduce) {body.soft-palace #closing .closing-banner-links .course-button {transition:none;}}