@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400;500;600&family=Sarabun:wght@400;500;600&display=swap');
.navamindra-memorial{width:100%;max-width:1600px;margin:0 auto;color:#634212;background:#fffaf0;text-align:center;font-family:'Sarabun',sans-serif;box-sizing:border-box}
.navamindra-memorial *{box-sizing:border-box}
.navamindra-hero{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden;container-type:inline-size}
.navamindra-memorial .navamindra-art{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;margin:0}
.navamindra-copy{position:absolute;left:51%;right:3%;top:13%;font-family:'Noto Serif Thai',serif;text-shadow:0 1px 8px #fff}
.navamindra-memorial .navamindra-date{font-size:3.1cqw;line-height:1.4;margin:0 0 1cqw;font-weight:500}
.navamindra-memorial h1{font-family:'Noto Serif Thai',serif;font-size:4.2cqw;line-height:1.6;font-weight:500;margin:0;white-space:nowrap}
.navamindra-rule{display:flex;align-items:center;justify-content:center;gap:18px;color:#b98d39;margin:1.2cqw auto 1.7cqw;width:75%;font-size:1cqw}
.navamindra-rule:before,.navamindra-rule:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#b98d39)}
.navamindra-rule:after{transform:rotate(180deg)}
.navamindra-memorial .navamindra-occasion{font-size:2.1cqw;margin:0 0 1.1cqw;line-height:1.6}
.navamindra-memorial .navamindra-royal-name{font-size:1.75cqw;line-height:1.9;margin:0;font-weight:500}
.navamindra-memorial .navamindra-remembrance{font-size:1.65cqw;line-height:1.8;margin:2.4cqw 0 0}
.navamindra-footer{padding:8px 20px 25px;background:#fffaf0}
.navamindra-memorial .navamindra-tribute{font-size:16px;line-height:1.8;margin:0 0 6px}
.navamindra-memorial .navamindra-agency{font-size:clamp(19px,2vw,25px);line-height:1.65;font-weight:600;margin:0 auto 13px;max-width:1000px;overflow-wrap:anywhere}
.navamindra-actions{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap}
.navamindra-actions a{display:block;width:255px;max-width:100%;border-radius:32px;transition:filter .2s,transform .2s}
.navamindra-actions a:hover{filter:brightness(1.12);transform:translateY(-2px)}
.navamindra-actions a:focus-visible{outline:3px solid #78520f;outline-offset:5px}
.navamindra-memorial .navamindra-actions img{display:block;width:100%;height:auto;max-width:100%;margin:0}
.splash-wrapper.navamindra-page{padding:0;background:#fffaf0;justify-content:center}
.navamindra-page>.navamindra-memorial{width:min(100%,1600px);display:block}
/* Fit the full memorial and its footer inside desktop browser viewports,
   including laptops and Windows display scaling below 700 CSS pixels tall. */
@media(min-width:761px){
 .navamindra-page>.navamindra-memorial{width:min(100%,1600px,max(540px,calc((100svh - 210px)*1.776833)))}
 .navamindra-actions{flex-wrap:nowrap}
 .navamindra-actions a{min-width:0;max-width:calc((100% - 28px)/2)}
 .navamindra-memorial .navamindra-art{object-fit:contain}
}
@media(max-width:760px){
 .navamindra-hero{aspect-ratio:auto;overflow:visible;background:#fffaf0}
 .navamindra-memorial .navamindra-art{height:clamp(260px,76vw,470px);object-fit:cover;object-position:left top}
 .navamindra-copy{position:relative;left:auto;right:auto;top:auto;padding:22px 14px 8px;background:#fffaf0;text-shadow:none}
 .navamindra-memorial .navamindra-date{font-size:27px;margin:0 0 5px}
 .navamindra-memorial h1{font-size:clamp(26px,6.5vw,42px);white-space:normal;line-height:1.7}
 .navamindra-rule{font-size:10px;margin:10px auto 14px;width:64%}
 .navamindra-memorial .navamindra-occasion{font-size:21px;margin:0 0 9px}
 .navamindra-memorial .navamindra-royal-name{font-size:clamp(15px,3.8vw,22px);line-height:1.9}
 .navamindra-memorial .navamindra-remembrance{font-size:16px;line-height:1.9;margin:17px 0 0}
 .navamindra-footer{padding:12px 18px 26px;background:#fffaf0}
 .navamindra-memorial .navamindra-tribute{font-size:14px;line-height:1.9}
 .navamindra-actions{gap:12px;flex-direction:column}
 .navamindra-actions a{width:260px;min-height:50px}
}
@media(prefers-reduced-motion:reduce){.navamindra-actions a{transition:none}}

/* Feather only the artwork into the shared ivory canvas. Live text stays crisp. */
.navamindra-memorial .navamindra-art {
 -webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 82%,transparent);
 mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 82%,transparent);
 -webkit-mask-composite:source-in;
 mask-composite:intersect;
}
@media(max-width:760px){
 .navamindra-memorial .navamindra-art {
  -webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 78%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 78%,transparent);
 }
}


/* Panoramic memorial: original portrait, continuous ivory-and-gold backdrop. */
.splash-wrapper.navamindra-page,.navamindra-legacy-page{
 background:#fffaf0 url('https://www.thailocalweb.com/images_upload/20261010214648_e6d45c603dee.png') center/cover no-repeat;
}
@media(min-width:901px){
 .navamindra-page>.navamindra-memorial,
 .navamindra-legacy-page>.navamindra-memorial{
  position:relative;isolation:isolate;display:grid;grid-template-columns:46% 54%;grid-template-rows:auto auto;
  align-content:center;row-gap:clamp(12px,2.4svh,26px);width:100%;max-width:none;min-height:100vh;min-height:100svh;
  margin:0;padding:clamp(18px,4svh,52px) clamp(38px,6vw,130px) clamp(18px,4svh,52px) clamp(16px,2.5vw,48px);
  background:transparent;overflow:hidden;
 }
 .navamindra-page>.navamindra-memorial:before,
 .navamindra-legacy-page>.navamindra-memorial:before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent 32%,rgba(255,250,240,.14) 48%,rgba(255,250,240,.52) 73%,rgba(255,250,240,.08));
 }
 .navamindra-memorial .navamindra-hero{position:static;grid-column:2;grid-row:1;aspect-ratio:auto;overflow:visible;container-type:normal;background:transparent;}
 .navamindra-memorial .navamindra-hero>.navamindra-art{
  position:absolute;z-index:-1;left:4.5vw;top:0;width:auto;max-width:none;height:100%;margin:0;object-fit:contain;object-position:left center;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 47%,transparent 63%),linear-gradient(180deg,transparent,#000 4%,#000 79%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 47%,transparent 63%),linear-gradient(180deg,transparent,#000 4%,#000 79%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
 }
 .navamindra-memorial .navamindra-copy{position:relative;left:auto;right:auto;top:auto;padding:0;background:transparent;text-shadow:0 1px 10px rgba(255,255,255,.85);}
 .navamindra-memorial .navamindra-date{font-size:clamp(21px,4svh,36px);line-height:1.5;margin:0 0 clamp(7px,1.7svh,17px);letter-spacing:.05em;}
 .navamindra-memorial h1{font-size:clamp(35px,7.2svh,65px);line-height:1.5;white-space:nowrap;margin:0;font-weight:500;}
 .navamindra-memorial .navamindra-rule{width:64%;max-width:390px;gap:20px;font-size:10px;margin:clamp(10px,2svh,22px) auto;}
 .navamindra-memorial .navamindra-occasion{font-size:clamp(20px,3.8svh,34px);line-height:1.6;margin:0 0 clamp(8px,1.7svh,18px);}
 .navamindra-memorial .navamindra-royal-name{font-size:clamp(17px,3.2svh,29px);line-height:1.9;margin:0;}
 .navamindra-memorial .navamindra-remembrance{font-size:clamp(17px,3.2svh,29px);line-height:1.8;margin:clamp(12px,2.5svh,27px) 0 0;}
 .navamindra-memorial .navamindra-footer{grid-column:2;grid-row:2;padding:0;background:transparent;position:relative;}
 .navamindra-memorial .navamindra-tribute{font-size:clamp(15px,2.9svh,25px);line-height:1.8;margin:0 0 clamp(6px,1.2svh,13px);}
 .navamindra-memorial .navamindra-agency{font-size:clamp(23px,4.3svh,38px);line-height:1.5;max-width:100%;margin:0 auto clamp(13px,2.8svh,28px);font-weight:600;text-wrap:balance;}
 .navamindra-memorial .navamindra-actions{flex-direction:row;flex-wrap:nowrap;gap:clamp(16px,2vw,30px);}
 .navamindra-memorial .navamindra-actions a{width:clamp(245px,44svh,380px);max-width:calc((100% - 30px)/2);min-width:0;min-height:0;filter:drop-shadow(0 3px 7px rgba(98,65,15,.13));}
 .navamindra-memorial .navamindra-actions img{width:100%;height:auto;}
}
@media(min-width:901px) and (max-height:540px){
 .navamindra-page>.navamindra-memorial,.navamindra-legacy-page>.navamindra-memorial{padding-top:16px;padding-bottom:16px;row-gap:10px;}
 .navamindra-memorial .navamindra-date{font-size:21px;margin-bottom:6px;}
 .navamindra-memorial h1{font-size:35px;}
 .navamindra-memorial .navamindra-rule{margin:8px auto;}
 .navamindra-memorial .navamindra-occasion{font-size:20px;margin-bottom:7px;}
 .navamindra-memorial .navamindra-royal-name,.navamindra-memorial .navamindra-remembrance{font-size:17px;line-height:1.7;}
 .navamindra-memorial .navamindra-remembrance{margin-top:11px;}
 .navamindra-memorial .navamindra-tribute{font-size:15px;line-height:1.6;}
 .navamindra-memorial .navamindra-agency{font-size:23px;margin-bottom:10px;}
 .navamindra-memorial .navamindra-actions a{width:245px;}
}
@media(min-width:901px) and (max-aspect-ratio:3/2){
 .navamindra-page>.navamindra-memorial,.navamindra-legacy-page>.navamindra-memorial{grid-template-columns:41% 59%;padding-right:4vw;}
 .navamindra-memorial .navamindra-hero>.navamindra-art{left:-7.5vw;top:50%;height:min(100%,56vw);transform:translateY(-50%);}
 .navamindra-memorial h1{font-size:clamp(34px,4.7vw,54px);}
}


/* Quiet golden lights; opacity-only animation avoids layout work. */
.navamindra-memorial{position:relative;isolation:isolate;}
.navamindra-gold-light{animation-name:navamindra-gold-twinkle;animation-duration:var(--fa-animation-duration,6s);animation-delay:var(--fa-animation-delay,0s);animation-iteration-count:infinite;animation-timing-function:ease-in-out;}
@keyframes navamindra-gold-twinkle{50%{opacity:.06}}
@media(prefers-reduced-motion:reduce){.navamindra-gold-light{animation:none!important;opacity:.3;}}