/* GNTS certificate service: shared public sample and service information page. */
.certificate-intro .detail-layout{grid-template-columns:1fr 1.15fr;gap:48px}
.certificate-intro .detail-copy h2{font-size:clamp(27px,2.7vw,40px);color:#f7f8fc}
.certificate-intro .detail-copy h2 .gold-text{color:#e5c47c}
.certificate-intro .detail-copy>.button{margin-top:28px;min-height:52px;gap:18px;white-space:normal;line-height:1.7}
.certificate-verify-link{display:block;width:fit-content;margin-top:20px;color:#d6deef;font-size:14px;text-underline-offset:5px}
.certificate-exhibit{min-width:0;perspective:1200px;padding:26px 0}
.public-certificate{overflow:hidden;border:1px solid #d5b365;border-radius:18px;background:linear-gradient(125deg,#152e5e,#06143c 70%);color:#f5e1ac;box-shadow:0 26px 64px #0006;transform:rotate(-3deg);width:100%;max-width:630px;margin-inline:auto}
.public-certificate-head{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid #bc975077;gap:12px}
.public-certificate-head>img{width:88px;height:62px;object-fit:contain}
.public-certificate-head>div{text-align:right}.public-certificate-head strong{display:block;font-size:19px;font-weight:500}.public-certificate-head span{display:block;font-size:11px;margin-top:4px;color:#d8e1f3}
.public-certificate-body{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:12px;padding:20px}
.public-certificate-copy{align-self:center;display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.7}
.public-certificate-copy p{margin:0;color:#d9c28e}.public-certificate-copy strong{font-size:18px;font-weight:500}.public-certificate-copy span{color:#e5eaf4}.public-certificate-copy small{font-size:10px;color:#bfcbe0;border-top:1px solid #bc975077;padding-top:13px;margin-top:10px}
.public-certificate-body figure{margin:0;border:1px solid #c8a65d;border-radius:10px;overflow:hidden;background:#020a1a}
.public-certificate-body figure img{width:100%;height:clamp(150px,18vw,235px);object-fit:contain;display:block}
.public-certificate-body figcaption{background:#d3b66e;color:#071847;padding:5px;text-align:center;font-size:12px;font-weight:500}
.certificate-sample-note{text-align:center;color:#bdc9e0;font-size:12px;line-height:1.8;margin:24px 0 0}
.home-page .service-card-certificate{background:linear-gradient(150deg,#153569,#041038 72%)}
.service-certificate-art{position:absolute;z-index:-2;top:40px;left:22%;right:8%;height:190px;border:1px solid #cfad60;border-radius:12px;transform:rotate(-8deg);background:linear-gradient(145deg,#173f74,#06143d);box-shadow:0 12px 30px #0006;display:grid;place-content:center;justify-items:center}
.service-certificate-art img{width:145px;height:125px;object-fit:contain}.service-certificate-art span{font-size:10px;letter-spacing:.18em;color:#ead7a7}
.home-page .service-tags a{font-size:13px;border:1px solid #bc975066;padding:8px 12px;color:#fff;text-decoration:none}
.service-page{background:#f7f6f2;color:#0b1b4e;font-family:Prompt,sans-serif}
.service-page h1,.service-page h2,.service-page h3{color:#0b1b4e;font-weight:500}
.service-page .brand{width:112px;transform:translateY(-6px)}.service-page .brand img{width:112px;height:auto}
.service-page #primary-nav a[aria-current=page]{color:#e7c77d}
.certificate-service-hero{position:relative;padding:72px 0 68px;background:#06143c url('assets/cinematic/navy-silk-light-v1.webp') center/cover;color:#d5dff0;isolation:isolate}
.certificate-service-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041034ed,#0410348f)}
.certificate-service-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
.service-back{display:inline-block;color:#dce4f4;font-size:14px;margin-bottom:34px;text-decoration:none}
.service-page .eyebrow{color:#80602b}.certificate-service-hero .eyebrow,.issued-card-route .eyebrow{color:#e1bf72}
.service-page h1{color:white;font-size:clamp(28px,3vw,42px);line-height:1.65;margin:0 0 22px}.service-page h1 span{color:#e5c47c}
.service-page .service-lead{font-size:20px;line-height:1.9;margin:0 0 18px}.certificate-service-hero .button{margin-top:28px}
.service-section{padding:76px 0;scroll-margin-top:132px}.service-page h2{font-size:32px;line-height:1.65;margin:0 0 24px}.service-page h2 span{color:#846329}
.certificate-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:34px}
.certificate-channel{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:34px;border:1px solid #cbb787;border-radius:16px;background:white;color:#0b1b4e;text-decoration:none;box-shadow:0 8px 25px #06174a07}
.channel-number{font-size:11px;letter-spacing:.12em;color:#80602b}.certificate-channel svg{width:54px;height:54px;margin:26px 0 22px;color:#96722e}
.service-page .certificate-channel h3{font-size:24px;margin:0 0 14px}.certificate-channel p{font-size:16px;line-height:1.85;color:#52617d;margin:0 0 26px}
.channel-action{display:flex;justify-content:space-between;width:100%;margin-top:auto;border-top:1px solid #ded6c4;padding-top:20px;color:#70501f;font-size:16px}.channel-action>span{font-size:24px}
.channel-coming{background:#efeee9;border-color:#d8d6ce;box-shadow:none}.coming-label{position:absolute;top:25px;right:25px;background:#e0d6be;border-radius:30px;padding:7px 15px;font-size:13px;color:#5b491f}.channel-status{margin-top:auto;font-size:14px;color:#596278}
.store-section{background:white;border-top:1px solid #e3dfd5}.store-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}.store-layout>div>p{color:#52617d;font-size:17px;line-height:1.9}
.certificate-steps{list-style:none;padding:0;margin:34px 0;display:grid;gap:0}.certificate-steps li{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid #e0e2e9}.certificate-steps li>span{display:grid;place-items:center;flex-shrink:0;align-self:flex-start;width:44px;height:44px;border-radius:50%;background:#f1ead8;color:#70501f;font-size:15px}.certificate-steps h3{font-size:20px;line-height:1.7;margin:0 0 8px}.certificate-steps p{font-size:16px;line-height:1.85;margin:0;color:#52617d}
.service-enquiry{padding:26px;border-left:3px solid #bc9750;background:#f7f5ee;border-radius:0 10px 10px 0}.service-enquiry h3{font-size:21px;margin:0 0 10px}.service-enquiry p{font-size:16px;line-height:1.85;color:#52617d}.service-enquiry .button{margin-top:20px}
.store-contact{border:1px solid #ded6c4;border-radius:14px;overflow:hidden;background:#f7f6f2}.store-contact>img{width:100%;height:250px;object-fit:cover;display:block}.store-contact>div{padding:28px}.store-contact h3{font-size:24px;margin:0 0 18px}.store-contact p{font-size:16px;line-height:1.9;color:#52617d}.store-contact .text-link{display:block;width:fit-content;margin-top:20px;color:#73521e}
.issued-card-route{padding:55px 0;background:#07163f;color:#d8e1f3}.issued-card-route>.wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.service-page .issued-card-route h2{color:white;font-size:28px;margin-bottom:12px}.issued-card-route p{line-height:1.85}.issued-card-route .button{flex-shrink:0}
.service-page .service-footer{padding-block:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:transparent;color:#52617d;font-size:13px}.service-footer img{width:98px;height:82px;object-fit:contain;background:#06174a;border-radius:6px}.service-footer a{color:#73521e}
.certificate-intro a:focus-visible,.service-page a:focus-visible{outline:3px solid #c49a43;outline-offset:5px}
@media(hover:hover){a.certificate-channel:hover{border-color:#97712d;box-shadow:0 12px 28px #06174a14}.service-page a:hover{text-underline-offset:5px}}
@media(max-width:1050px){.certificate-intro .detail-layout,.certificate-service-layout{gap:28px;grid-template-columns:1fr 1fr}.public-certificate-body{padding:14px;gap:8px}.public-certificate-copy{font-size:11px}.public-certificate-copy strong{font-size:15px}.public-certificate-head{padding:10px 15px}.public-certificate-head strong{font-size:16px}.store-layout{gap:32px}.service-page h1{font-size:30px}.service-page .nav-shell{gap:20px}.certificate-channel{padding:26px}}
@media(max-width:767px){.certificate-intro .detail-layout,.certificate-service-layout{grid-template-columns:1fr;gap:26px}.certificate-intro .detail-copy h2{font-size:24px}.certificate-intro .detail-copy>.button{font-size:14px;padding-inline:18px}.certificate-exhibit{padding:20px 6px 6px}.public-certificate{transform:rotate(-2deg);max-width:520px;border-radius:12px}.public-certificate-body figure img{height:clamp(135px,34vw,220px)}.public-certificate-copy small{font-size:9px}.public-certificate-head>img{width:64px;height:48px}.public-certificate-head strong{font-size:15px}.public-certificate-head span{font-size:10px}.public-certificate-body figcaption{font-size:11px}.service-page .brand,.service-page .brand img{width:82px}.certificate-service-hero{padding:30px 0 48px}.service-back{margin-bottom:26px}.service-page h1{font-size:29px}.service-page .service-lead{font-size:18px}.certificate-channel-grid,.store-layout{grid-template-columns:1fr;gap:22px}.service-section{padding:52px 0;scroll-margin-top:100px}.service-page h2{font-size:28px}.certificate-channel{padding:26px}.certificate-channel svg{margin-block:22px}.service-page .certificate-channel h3{font-size:22px}.coming-label{right:20px}.issued-card-route>.wrap{flex-direction:column;align-items:flex-start}.service-page .service-footer{flex-wrap:wrap;justify-content:flex-start;padding-block:24px}.service-footer p{flex-basis:calc(100% - 124px)}.certificate-sample-note{margin-top:20px}.store-contact>img{height:230px}}
@media(prefers-reduced-motion:reduce){.public-certificate{transform:none}}

.service-page h1 .title-keep{color:inherit;white-space:nowrap}

/* Public GNTS sample card: restrained Thai-gold foil, accessible two-sided flip. */
.certificate-exhibit{perspective:1500px;padding:30px 0 20px}
.certificate-card-stage{position:relative;width:min(100%,640px);aspect-ratio:1.58;margin-inline:auto;perspective:1500px;isolation:isolate}
.certificate-card-stage::before,.certificate-card-stage::after{content:"";position:absolute;inset:5% 3%;z-index:-1;border:1px solid rgba(211,182,110,.24);border-radius:22px;background:linear-gradient(130deg,#122953,#071638);box-shadow:0 24px 55px #0005;transform:translateY(13px) rotate(2deg)}
.certificate-card-stage::after{inset:2% 1%;transform:translateY(7px) rotate(-1deg);opacity:.62}
.public-certificate{position:relative;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;overflow:visible;border:0;border-radius:23px;background:transparent;color:#f6edda;text-align:left;font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;transform:rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg));transform-style:preserve-3d;transition:transform .24s ease;box-shadow:none}
.public-certificate:focus-visible,.certificate-flip-button:focus-visible{outline:3px solid #f0cf80;outline-offset:6px}
.certificate-rotor{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .76s cubic-bezier(.2,.75,.16,1)}
.public-certificate.is-flipped .certificate-rotor{transform:rotateY(180deg)}
.certificate-face{position:absolute;inset:0;overflow:hidden;border:1px solid #e0c475;border-radius:23px;background:linear-gradient(132deg,#142f62 0%,#0b214c 48%,#071735 100%);box-shadow:inset 0 0 0 5px rgba(214,181,102,.1),0 28px 62px rgba(0,0,0,.42);backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate}
.certificate-face::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 77% 18%,rgba(242,211,135,.13),transparent 46%),linear-gradient(120deg,rgba(255,255,255,.055),transparent 36%);pointer-events:none}
.certificate-face::after{content:"";position:absolute;inset:8px;border:1px solid rgba(229,199,125,.25);border-radius:17px;pointer-events:none}
.certificate-back{transform:rotateY(180deg);background:linear-gradient(138deg,#0b1d43 0%,#102b58 53%,#071632 100%)}
.certificate-face-inner{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;padding:clamp(16px,2.2vw,27px);isolation:isolate}
.certificate-face-inner::before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/cinematic/kanok-corner-responsive.webp') left top/38% auto no-repeat;opacity:.12;pointer-events:none}
.certificate-back .certificate-face-inner::before{display:none}
.certificate-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:clamp(10px,1.5vw,18px);border-bottom:1px solid rgba(220,190,116,.38)}
.certificate-brand{display:flex;align-items:center;gap:12px;min-width:0}
.certificate-brand img{display:block;width:clamp(48px,6vw,76px);height:clamp(39px,5vw,60px);object-fit:contain}
.certificate-brand>span{font-size:clamp(8px,.85vw,11px);letter-spacing:.14em;color:#e2cb91;white-space:nowrap}
.certificate-sample-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(225,196,123,.48);border-radius:99px;color:#f0d897;font-size:clamp(9px,.9vw,12px);white-space:nowrap;background:rgba(3,13,35,.45)}
.certificate-sample-tag i{width:6px;height:6px;border-radius:50%;background:#e2c475;box-shadow:0 0 10px rgba(226,196,117,.6)}
.certificate-front-body,.certificate-back-body{display:grid;grid-template-columns:1fr minmax(128px,39%);align-items:center;gap:clamp(14px,2.4vw,30px);flex:1;min-height:0;padding:clamp(12px,1.8vw,22px) clamp(2px,1vw,10px)}
.certificate-front-copy,.certificate-back-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.55}
.certificate-kicker{color:#d9bc70;font-size:clamp(8px,.8vw,10px);letter-spacing:.16em}
.certificate-front-copy>strong,.certificate-back-copy>strong{margin-top:8px;color:#fff7e7;font-size:clamp(19px,2.6vw,31px);font-weight:500;line-height:1.4}
.certificate-front-copy>b{color:#edce84;font-size:clamp(14px,1.6vw,19px);font-weight:500;margin-top:2px}
.certificate-front-copy>small,.certificate-back-copy>small{color:#d6dfef;font-size:clamp(10px,1vw,13px)}
.certificate-rule{display:block;width:45px;height:1px;margin:12px 0 9px;background:linear-gradient(90deg,#eed184,rgba(238,209,132,0))}
.certificate-photo-frame{position:relative;display:grid;place-items:center;align-self:stretch;min-height:0;overflow:hidden;border:1px solid rgba(233,200,119,.72);border-radius:12px;background:radial-gradient(ellipse at 50% 36%,#19345e,#06132e 76%);box-shadow:inset 0 0 22px rgba(0,0,0,.42),0 10px 25px rgba(0,0,0,.22)}
.certificate-photo-frame::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,230,174,.1);border-radius:8px;pointer-events:none}
.certificate-photo-frame img{position:absolute;inset:0;display:block;box-sizing:border-box;width:100%;height:100%;max-height:none;object-fit:contain;padding:8px 8px 38px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.5))}
.certificate-photo-frame>span{position:absolute;right:0;bottom:0;left:0;padding:5px 8px;background:linear-gradient(90deg,#9f7834,#e3c877,#98702c);color:#071638;text-align:center;font-size:clamp(9px,.9vw,12px);font-weight:500;letter-spacing:.08em}
.certificate-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;border-top:1px solid rgba(220,190,116,.25);color:#c7d1e4;font-size:clamp(8px,.75vw,10px);letter-spacing:.06em}
.certificate-back-body{grid-template-columns:minmax(128px,39%) minmax(0,1fr)}
.certificate-photo-reverse{grid-column:1;grid-row:1}
.certificate-back-copy{grid-column:2;grid-row:1}
.certificate-back-copy>strong{font-size:clamp(18px,2.2vw,27px)}
.certificate-flip-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,640px);margin:22px auto 0;color:#c6d0e3;font-size:13px}
.certificate-flip-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 16px;border:1px solid rgba(221,192,118,.54);border-radius:999px;background:rgba(7,21,51,.74);color:#f0d38a;font:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.certificate-flip-button svg{width:18px;height:18px;flex:none}
.certificate-flip-button:hover{border-color:#edcf83;background:rgba(188,151,80,.16);transform:translateY(-1px)}
.certificate-flip-status{width:min(100%,640px);min-height:1.5em;margin:9px auto 0;color:#9eacc4;font-size:12px;text-align:right}
.certificate-sample-note{width:min(100%,640px);margin:2px auto 0;color:#c1ccdf;font-size:12px;line-height:1.8;text-align:center}
@media(max-width:1050px){.certificate-card-stage{aspect-ratio:1.46}.certificate-face-inner{padding:16px}.certificate-front-body{grid-template-columns:1fr minmax(120px,39%);gap:13px}.certificate-back-body{grid-template-columns:minmax(120px,39%) minmax(0,1fr);gap:13px}}
@media(max-width:767px){.certificate-exhibit{padding:12px 0 0}.certificate-card-stage{aspect-ratio:1.42}.certificate-face,.certificate-card-stage::before,.certificate-card-stage::after{border-radius:15px}.certificate-card-stage::before{inset:4% 3%}.certificate-face::after{inset:5px;border-radius:10px}.certificate-face-inner{padding:12px}.certificate-head{padding-bottom:8px}.certificate-brand{gap:7px}.certificate-brand img{width:46px;height:37px}.certificate-brand>span{font-size:7px;letter-spacing:.1em}.certificate-sample-tag{padding:5px 8px;font-size:9px}.certificate-front-body,.certificate-back-body{gap:10px;padding:9px 1px}.certificate-front-body{grid-template-columns:1fr minmax(96px,37%)}.certificate-back-body{grid-template-columns:minmax(96px,37%) minmax(0,1fr)}.certificate-front-copy>strong{font-size:clamp(18px,6vw,25px)}.certificate-front-copy>b{font-size:13px}.certificate-front-copy>small,.certificate-back-copy>small{font-size:9px}.certificate-kicker{font-size:7px}.certificate-rule{margin:8px 0 6px}.certificate-photo-frame{border-radius:8px}.certificate-photo-frame img{padding:5px 4px 32px}.certificate-photo-frame>span{padding:4px 5px;font-size:9px}.certificate-foot{padding-top:6px;font-size:7px}.certificate-back-copy>strong{font-size:clamp(16px,5vw,22px)}.certificate-flip-tools{margin-top:14px;align-items:flex-start;font-size:11px}.certificate-flip-button{min-height:44px;padding:8px 12px;font-size:11px;flex:none}.certificate-flip-status{font-size:11px}.certificate-sample-note{font-size:11px}}
@media(max-width:390px){.certificate-card-stage{aspect-ratio:1.32}.certificate-face-inner{padding:10px}.certificate-front-body{grid-template-columns:1fr 35%;gap:7px}.certificate-back-body{grid-template-columns:minmax(88px,35%) minmax(0,1fr);gap:7px}.certificate-foot{font-size:6px}.certificate-brand>span{font-size:6px}.certificate-sample-tag{font-size:8px;padding-inline:6px}}
@media(hover:hover) and (pointer:fine){.public-certificate:hover{transition:transform .12s linear}.certificate-flip-button:hover{box-shadow:0 7px 22px rgba(0,0,0,.22)}}
@media(prefers-reduced-motion:reduce){.public-certificate{transform:none!important;transition:none}.certificate-rotor,.certificate-flip-button{transition:none!important}.certificate-flip-button:hover{transform:none}}

/* Outcomes occupy normal document flow and remain readable on narrow screens. */
.certificate-steps .certificate-outcomes{list-style:none;display:grid;gap:10px;padding:0;margin:18px 0 0}
.certificate-steps .certificate-outcomes li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;background:#f5f3ed;border:1px solid #ded6c4;border-radius:8px;line-height:1.8;font-size:15px}
.certificate-outcomes strong{color:#0b1b4e;font-weight:500}
.certificate-steps .certificate-outcomes li>span{display:block;width:auto;height:auto;border-radius:0;background:none;color:#52617d;font-size:15px}
@media(max-width:399px){.certificate-steps .certificate-outcomes li{grid-template-columns:1fr;gap:3px;padding:12px}}

/* Client-approved preparation and service terms, outside the numbered steps. */
.certificate-preparation{margin-block:30px 24px;padding:26px;border:1px solid #b89a5c;border-left:4px solid #9e762c;border-radius:8px;background:#fffaf0;color:#233654}
.service-page .certificate-preparation h3{font-size:22px;margin:0 0 14px;color:#624817}
.certificate-preparation p{font-size:15px;line-height:1.95;margin:12px 0 0}
.certificate-preparation .eyebrow{color:#78551e;font-size:11px;margin:0 0 12px}
.certificate-service-facts{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d4c5a3;border-radius:8px;overflow:hidden;background:#fff;margin-bottom:32px}
.certificate-service-facts p{margin:0;padding:20px;display:flex;flex-direction:column;gap:6px}
.certificate-service-facts p+p{border-left:1px solid #ded4bf}
.certificate-service-facts strong{font-size:23px;font-weight:500;color:#0b1b4e}
.certificate-service-facts span{font-size:13px;color:#4c5e78;line-height:1.8}
.service-page .certificate-outcomes>li{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.service-page .certificate-outcomes strong{font-size:15px;white-space:normal}
.service-page .certificate-outcomes span{font-size:14px;line-height:1.85}
/* Static information page card shares its original layout, not flip-button sizing. */
.service-page .public-certificate-static{display:block;position:relative;height:auto;overflow:hidden;max-width:630px;border:1px solid #b99a5f;border-radius:18px;background:linear-gradient(125deg,#152e5e,#06143c 70%);transform:none;cursor:default}
.service-page .public-certificate-static .public-certificate-body{grid-template-columns:.9fr 1fr 1fr}
.certificate-card-stage:has(.public-certificate-artwork){aspect-ratio:1016/638}
.public-certificate-artwork,.public-certificate-artwork .certificate-face-artwork{border-radius:3.3% / 5.25%}
.certificate-face-artwork{padding:0;overflow:hidden;border:1px solid #d4b25f;background:#011a5a;box-shadow:0 24px 56px rgba(0,0,0,.44)}
.certificate-face-artwork::before,.certificate-face-artwork::after{display:none}
.certificate-artwork-img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;user-select:none;-webkit-user-drag:none}
@media(max-width:767px){.certificate-preparation{padding:20px}.certificate-service-facts p{padding:16px 12px}.certificate-service-facts strong{font-size:20px}.certificate-service-facts span{font-size:12px}}