:root { --ngg26-green:#043b2c; --ngg26-emerald:#067a56; --ngg26-green2:#0c5f41; --ngg26-black:#030b09; --ngg26-gold:#dbb66a; --ngg26-cream:#f2eddf; --ngg26-muted:#aabbb0; }
html { scroll-behavior:smooth; }
body.ngg26-standalone-page { margin:0!important; background:#030b09!important; }
.ngg26-page,.ngg26-page * { box-sizing:border-box; }
.ngg26-page { background:#030b09; color:#f7f4eb; min-height:100vh; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; font-weight:400; overflow:hidden; line-height:1.55; isolation:isolate; }
.ngg26-page img { max-width:100%; }
.ngg26-page a { color:inherit; text-decoration:none; }
.ngg26-page button { font:inherit; }
.ngg26-page button,.ngg26-page a { -webkit-tap-highlight-color:transparent; }
.ngg26-page :focus-visible { outline:3px solid #eed089!important; outline-offset:4px; }
.ngg26-page ::selection { background:#e2bf72; color:#08271d; }
.ngg26-skip { position:absolute;top:-80px;left:16px;z-index:200;background:#f8e5b4;color:#102d24!important;padding:12px 16px;border-radius:7px; }
.ngg26-skip:focus {top:8px;}
.ngg26-topbar { position:relative;z-index:2; display:flex;align-items:center;justify-content:space-between; gap:20px; padding:15px max(30px,calc((100vw - 1350px)/2)); border-bottom:1px solid rgba(220,190,117,.17); background:#05130f; font-size:10px;font-weight:700;letter-spacing:.21em;color:#aebcaf; }
.ngg26-topbar .ngg26-return { color:#eee9d8;letter-spacing:.06em;font-size:12px;font-weight:600; }
.ngg26-return span { margin-right:7px; color:#dabc7c; }
.ngg26-edition { white-space:nowrap; color:#cabc96; }
.ngg26-edition i { display:inline-block;width:6px;height:6px;margin-left:7px;border-radius:50%;background:#56bc85;vertical-align:middle;box-shadow:0 0 14px #56bc85; }
.ngg26-hero { position:relative; background:radial-gradient(ellipse at 84% 23%,rgba(8,107,75,.36),transparent 40%),radial-gradient(ellipse at 22% 20%,rgba(12,74,52,.45),transparent 46%),linear-gradient(135deg,#04120e 0%,#06160f 42%,#02100b 100%);overflow:hidden;border-bottom:1px solid rgba(233,200,128,.18); }
.ngg26-hero:before { content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(rgba(240,202,111,.24) 0.7px,transparent 0.7px);background-size:20px 20px;mask-image:linear-gradient(to left,#000 0,transparent 54%); }
.ngg26-hero:after { content:"";position:absolute;pointer-events:none;border:1px solid rgba(218,182,106,.12);border-radius:50%;width:880px;height:880px;top:-430px;right:-160px;box-shadow:0 0 0 100px rgba(213,180,101,.02),0 0 0 205px rgba(213,180,101,.015); }
.ngg26-hero-inner { position:relative;z-index:1;max-width:1420px;margin:0 auto;padding:34px 42px 72px; }
.ngg26-identity { display:flex;justify-content:flex-start;align-items:center;gap:18px; border-bottom:1px solid rgba(229,188,115,.16);padding-bottom:24px; }
.ngg26-logo { display:flex;align-items:center;justify-content:center;width:87px;height:87px; padding:6px; background:rgba(245,247,237,.97);border:1px solid rgba(231,188,100,.33);border-radius:18px;box-shadow:0 18px 35px rgba(0,0,0,.19); }
.ngg26-logo img {width:100%;height:100%;object-fit:contain;display:block;}
.ngg26-logo-nbti {width:124px;height:118px;padding:3px;background:rgba(250,250,247,.99);}
.ngg26-logo-nbti img {object-fit:contain;object-position:center;}
.ngg26-logo-ukald {background:transparent;padding:5px;border:0;}
.ngg26-logo-ukald img {border-radius:50%;}
.ngg26-logo-highcommission {border-radius:50%;padding:5px;}
.ngg26-logo-highcommission img {border-radius:50%;}
.ngg26-hero-grid { display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:46px;align-items:center;min-height:550px; }
.ngg26-hero-copy { position:relative;z-index:1;max-width:800px; padding:36px 0 0; }
.ngg26-hero-kicker { font-size:12px;letter-spacing:.22em;color:#d9b773;font-weight:800; display:flex;align-items:center;gap:12px;margin-bottom:23px; }
.ngg26-star { font-size:22px;color:#ecce86; }
.ngg26-hero h1 {font-family:Georgia,"Times New Roman",serif;font-size:clamp(60px,6.15vw,102px);line-height:1.05;letter-spacing:-.055em;font-weight:600;margin:0 0 26px;color:#f8f5eb;text-wrap:balance;}
.ngg26-hero h1 em { color:#e7c681;font-weight:500; }
.ngg26-hero-lead {font-size:clamp(16px,1.38vw,19px);line-height:1.75;max-width:610px;margin:0 0 30px;color:#bdcbc2;}
.ngg26-hero-actions { display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:54px; }
.ngg26-primary {display:inline-flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 20px;background:#ddb86d;color:#0a241a!important;font-weight:800;border-radius:5px;min-height:54px;box-shadow:0 10px 40px rgba(219,173,80,.18);transition:transform .2s,background .2s;}
.ngg26-primary:hover {background:#f3ce80;transform:translateY(-2px);}
.ngg26-primary span {font-size:20px;}
.ngg26-secondary {display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid rgba(229,187,106,.72);padding:12px 0;color:#e2ecdf!important;font-size:14px;font-weight:650;}
.ngg26-secondary span {color:#ddbe7a;}
.ngg26-secondary:hover {color:#e6c47c!important;}
.ngg26-hero-art {position:relative;min-height:510px;align-self:stretch;display:flex;align-items:center;justify-content:center;}
.ngg26-hero-arc {width:510px;height:510px;border:1px solid rgba(239,201,120,.24);border-radius:50%;position:absolute;transform:rotate(-13deg);box-shadow:0 0 0 40px rgba(229,189,99,.02),0 0 0 84px rgba(229,189,99,.015);}
.ngg26-hero-photo {position:absolute;overflow:hidden;border:5px solid #07190f;border-radius:12px;box-shadow:0 35px 75px rgba(0,0,0,.55),0 0 0 1px rgba(232,183,94,.38);}
.ngg26-hero-photo:after {content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.57));pointer-events:none;}
.ngg26-page .ngg26-hero-photo img {height:100%;width:100%;object-fit:cover;object-position:50% 0%!important;display:block;}
.ngg26-hero-photo span {position:absolute;bottom:14px;left:15px;z-index:1;color:#f5e3b3;font-size:10px;letter-spacing:.16em;font-weight:800;}
.ngg26-hero-photo-big {width:clamp(280px,28vw,390px);height:clamp(310px,35vw,445px);top:34px;right:12px;transform:none;}
.ngg26-hero-photo-small {width:clamp(180px,17vw,242px);height:clamp(160px,21vw,248px);bottom:24px;left:0;transform:none;}
.ngg26-art-mark {position:absolute;right:0;bottom:0;font-family:Georgia,serif;font-weight:700;letter-spacing:-.08em;font-size:94px;color:rgba(217,187,109,.12);z-index:-1;}
.ngg26-art-mark span {color:rgba(27,163,103,.17);}
.ngg26-chapter-nav {max-width:1420px;margin:0 auto;padding:0 42px;min-height:112px;display:flex;align-items:center;gap:38px;border-bottom:1px solid rgba(214,180,106,.17);}
.ngg26-chapter-nav>span {color:#71897b;letter-spacing:.23em;font-size:10px;font-weight:800;margin-right:auto;white-space:nowrap;}
.ngg26-chapter-nav>a {display:flex;gap:14px;align-items:center;color:#ece8d9;font-weight:650;transition:color .2s;white-space:nowrap;}
.ngg26-chapter-nav>a:hover{color:#e9bc69;}
.ngg26-chapter-nav b {font-size:12px;color:#d6b06e;font-weight:650;}
.ngg26-chapter-nav a span {font-weight:500;color:#b6c6b9;}
.ngg26-main {padding-bottom:12px;background:linear-gradient(#030d09,#04120d 60%,#030b09);}
.ngg26-section {padding:92px 0 58px;scroll-margin-top:20px;}
.ngg26-section-head {max-width:1420px;margin:0 auto;padding:0 42px;display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:37px;}
.ngg26-overline {font-size:12px;letter-spacing:.18em;color:#cfb070;text-transform:uppercase;font-weight:800;display:flex;align-items:center;gap:13px;}
.ngg26-overline-line {height:1px;width:35px;background:#d9b875;}
.ngg26-section h2 {font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4vw,64px);font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:16px 0;color:#f2eddf;}
.ngg26-section h2 em {font-weight:400;color:#e3be78;}
.ngg26-section-copy>p {color:#a4b7aa;line-height:1.7;font-size:15px;margin:0 0 14px;max-width:620px;}
.ngg26-metadata {display:flex;align-items:center;gap:10px;color:#b8c5b8;font-size:12px;font-weight:650;letter-spacing:.05em;}
.ngg26-metadata-dot {height:7px;width:7px;border-radius:100%;background:#46ad75;box-shadow:0 0 14px rgba(70,173,117,.6);}
.ngg26-toolbar {display:flex;align-items:center;gap:8px;flex-shrink:0;padding-bottom:8px;}
.ngg26-toolbar-btn,.ngg26-arrow {border:1px solid rgba(222,190,122,.32);background:rgba(18,42,29,.75);color:#f0e3bd;border-radius:6px;height:44px;min-width:44px;cursor:pointer;transition:background .15s,color .15s;}
.ngg26-toolbar-btn:hover,.ngg26-arrow:hover {background:#d9b56d;color:#0d2b1f;}
.ngg26-toolbar-btn {padding:0 14px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750;white-space:nowrap;}
.ngg26-motion-icon {font-weight:800;font-size:14px;}
.ngg26-arrow {font-size:21px;}
.ngg26-rows {display:flex;flex-direction:column;gap:16px;position:relative;}
.ngg26-rows:before,.ngg26-rows:after {content:"";position:absolute;z-index:2;pointer-events:none;top:0;bottom:0;width:min(85px,6vw);}
.ngg26-rows:before {left:0;background:linear-gradient(90deg,#030e0a,transparent);}
.ngg26-rows:after {right:0;background:linear-gradient(270deg,#030e0a,transparent);}
.ngg26-strip {width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;outline-offset:-4px;cursor:grab;overscroll-behavior-inline:contain;touch-action:pan-y;user-select:none;-webkit-user-select:none;}
.ngg26-strip::-webkit-scrollbar {display:none;}
.ngg26-strip.is-dragging,.ngg26-strip.is-dragging .ngg26-photo {cursor:grabbing;}
.ngg26-track {display:flex;gap:16px;width:max-content;padding:3px 0 5px;}
.ngg26-photo {border:0;padding:0;flex:0 0 304px;width:304px;height:202px;overflow:hidden;position:relative;border-radius:8px;background:#15402c;box-shadow:0 2px 0 rgba(218,178,97,.14),0 12px 35px rgba(0,0,0,.28);cursor:zoom-in;transition:box-shadow .2s,filter .2s;}
.ngg26-photo:hover {box-shadow:0 0 0 2px #d4af65,0 12px 35px rgba(0,0,0,.35);filter:brightness(1.09);}
.ngg26-page .ngg26-photo img {width:100%;height:100%;object-fit:cover;object-position:50% 0%!important;display:block;pointer-events:none;}
.ngg26-photo:after {content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.35));pointer-events:none;}
.ngg26-photo-index {position:absolute;right:11px;bottom:8px;z-index:1;font-size:10px;letter-spacing:.09em;color:#eee4ce;font-weight:800;}
.ngg26-hint {margin:24px auto 0;text-align:center;font-size:12px;letter-spacing:.035em;color:#819c8b; padding:0 20px;}
.ngg26-hint span {font-size:18px;color:#c9aa68;margin-right:8px;}
.ngg26-interlude {max-width:1420px;margin:34px auto 0;padding:26px 42px;border-top:1px solid rgba(218,184,112,.16);border-bottom:1px solid rgba(218,184,112,.16);display:flex;align-items:center;justify-content:center;gap:min(11vw,110px);color:#a8b8a9;font-family:Georgia,serif;font-size:clamp(18px,2vw,30px);letter-spacing:.18em;}
.ngg26-interlude-star {color:#cda968;font-family:Arial,sans-serif;font-size:18px;}
.ngg26-footer {margin:0 auto;padding:48px max(35px,calc((100vw - 1330px)/2)) 58px;border-top:1px solid rgba(223,194,128,.22);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#020806;color:#d5dfd4;}
.ngg26-footer-mark {font-family:Georgia,serif;font-size:30px;font-weight:750;letter-spacing:-.06em;color:#f4e5b7;}
.ngg26-footer-mark span {color:#54b884;}
.ngg26-footer p {margin:4px 0 0;color:#779283;font-size:11px;letter-spacing:.07em;}
.ngg26-footer>a {font-size:13px;border-bottom:1px solid rgba(225,190,105,.25);padding-bottom:5px;}
.ngg26-footer>a:hover{color:#d5b472;}
.ngg26-footer>a span {color:#b99b57;}
/* Photo viewer */
.ngg26-lightbox[hidden] {display:none!important;}
.ngg26-lightbox {position:fixed;z-index:2147483000;inset:0;background:rgba(1,9,6,.98);display:flex;flex-direction:column;color:#f6efe2;}
.ngg26-lightbox-bar {flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:68px;padding:12px 25px;border-bottom:1px solid rgba(219,180,105,.18);}
.ngg26-lightbox-count {font-size:12px;color:#c0b593;letter-spacing:.08em;white-space:nowrap;}
.ngg26-lightbox-controls {display:flex;gap:7px;align-items:center;}
.ngg26-lightbox-controls button,.ngg26-lightbox-controls a {border:1px solid rgba(220,193,139,.3);color:#f0eadb;background:rgba(20,48,32,.6);border-radius:5px;padding:5px 11px;min-width:38px;height:39px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:800;}
.ngg26-lightbox-controls button:hover,.ngg26-lightbox-controls a:hover {background:#d6b16c;color:#06180f;}
.ngg26-lightbox-controls .ngg26-lightbox-close {font-size:27px;min-width:42px;}
.ngg26-zoom-label {font-size:12px;min-width:45px;text-align:center;color:#d6c99d;}
.ngg26-lightbox-controls a {font-size:12px;white-space:nowrap;font-weight:650;}
.ngg26-lightbox-body {flex:1;min-height:0;display:grid;grid-template-columns:70px minmax(0,1fr) 70px;gap:0;}
.ngg26-lightbox-arrow {background:transparent;color:#d9c795;font-size:30px;border:0;cursor:pointer;}
.ngg26-lightbox-arrow:hover {color:#fff;background:rgba(213,177,105,.1);}
.ngg26-lightbox-stage {position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab;user-select:none;}
.ngg26-lightbox-stage.is-panning{cursor:grabbing;}
.ngg26-lightbox-stage img {width:100%;height:100%;object-fit:contain;will-change:transform;pointer-events:none;user-select:none;display:block;}
.ngg26-lightbox-loading {position:absolute;font-size:13px;color:#bdb696;pointer-events:none;}
.ngg26-lightbox-bottom {flex:0 0 auto;padding:13px 27px;border-top:1px solid rgba(218,185,116,.18);color:#9fb3a4;display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.035em;}
.ngg26-no-scroll {overflow:hidden!important;}
@media(max-width:1100px){.ngg26-hero h1{font-size:clamp(58px,6vw,78px)}.ngg26-hero-grid{gap:14px}.ngg26-hero-photo-big{right:-12px}.ngg26-hero-photo-small{left:-4px}.ngg26-chapter-nav{gap:24px}.ngg26-section-head{align-items:start}.ngg26-photo{width:275px;flex-basis:275px;height:188px}}
@media(max-width:780px){
.ngg26-topbar{padding:13px 20px;gap:10px;font-size:9px;letter-spacing:.1em}.ngg26-topbar>span:not(.ngg26-edition){display:none;}
.ngg26-hero-inner{padding:22px 23px 44px;}.ngg26-identity{gap:12px;justify-content:center;padding-bottom:20px;}.ngg26-logo{width:68px;height:68px;border-radius:13px;}.ngg26-logo-nbti{width:100px;height:92px;padding:3px;}
.ngg26-hero-grid{grid-template-columns:1fr;min-height:unset;gap:10px;}.ngg26-hero-copy{padding-top:30px;}.ngg26-hero-kicker{font-size:10px;letter-spacing:.16em;margin-bottom:16px}.ngg26-hero h1{font-size:clamp(46px,10.3vw,72px);max-width:650px;margin-bottom:19px}.ngg26-hero-lead{font-size:15px;line-height:1.7;max-width:560px}.ngg26-hero-actions{margin-bottom:30px;}.ngg26-hero-art{min-height:300px;max-width:540px;width:100%;margin:0 auto}.ngg26-hero-arc{width:320px;height:320px}.ngg26-hero-photo-big{width:235px;height:270px;right:40px;top:5px}.ngg26-hero-photo-small{width:156px;height:155px;left:30px;bottom:10px}.ngg26-art-mark{font-size:50px;}
.ngg26-chapter-nav{padding:15px 24px;min-height:85px;flex-wrap:wrap;gap:10px 24px;}.ngg26-chapter-nav>span{flex-basis:100%;}.ngg26-chapter-nav>a{font-size:12px;}
.ngg26-section{padding:56px 0 30px}.ngg26-section-head{padding:0 23px;display:block;margin-bottom:24px}.ngg26-section h2{font-size:clamp(36px,8vw,50px);margin:12px 0}.ngg26-toolbar{padding-top:20px}.ngg26-photo{flex-basis:235px;width:235px;height:155px}.ngg26-track{gap:12px}.ngg26-rows{gap:12px}.ngg26-hint{margin-top:17px;font-size:11px}.ngg26-interlude{margin:25px 24px 0;gap:16px;font-size:17px;padding:18px 0}.ngg26-footer{padding:32px 24px;flex-wrap:wrap;gap:22px}.ngg26-footer>div{flex-basis:100%}
.ngg26-lightbox-bar{min-height:64px;padding:11px}.ngg26-lightbox-controls{gap:3px}.ngg26-lightbox-controls button,.ngg26-lightbox-controls a{height:36px;min-width:32px;padding:4px 8px}.ngg26-lightbox-controls a{font-size:11px}.ngg26-lightbox-count{font-size:10px}.ngg26-lightbox-body{grid-template-columns:42px minmax(0,1fr) 42px}.ngg26-lightbox-bottom{padding:10px 12px;font-size:10px}.ngg26-lightbox-bottom span:last-child{display:none}
}
/* Mobile pause/play: text centered relative to the whole button; icon sits independently. */
@media(max-width:780px){
.ngg26-page .ngg26-toolbar-btn {position:relative;justify-content:center!important;text-align:center!important;min-width:168px;padding:0 16px!important;}
.ngg26-page .ngg26-toolbar-btn .ngg26-motion-icon {position:absolute;left:12px;top:50%;transform:translateY(-50%);line-height:1;}
.ngg26-page .ngg26-toolbar-btn .ngg26-motion-text {display:block;flex:1;min-width:0;text-align:center!important;}
}
@media(max-width:410px){.ngg26-hero-inner{padding-left:17px;padding-right:17px}.ngg26-hero h1{font-size:44px}.ngg26-hero-actions{gap:11px}.ngg26-primary{width:100%;justify-content:center}.ngg26-secondary{font-size:13px}.ngg26-hero-photo-big{right:13px}.ngg26-hero-photo-small{left:5px}.ngg26-chapter-nav>a{font-size:11px}.ngg26-section-head{padding-left:18px;padding-right:18px}.ngg26-photo{flex-basis:222px;width:222px;height:150px}.ngg26-lightbox-count{display:none}.ngg26-lightbox-controls{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ngg26-page *, .ngg26-page *:before,.ngg26-page *:after {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;}}
