/* Scoped to JONGNOW so retained page-builder styles cannot reset the new layout. */
@font-face{font-family:JN Thai;src:url('noto-sans-thai.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:JN Thai;src:url('noto-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#263e58;--dark:#20354d;--teal:#315e89;--mint:#bbd3ed;--cream:#fbf8f3;--blush:#f3eae4;--muted:#657181;--line:#dce0e6;--radius:16px;--max:1180px}
body:is(.jn-home,.jn-inner) *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body:is(.jn-home,.jn-inner){margin:0;color:var(--ink);background:var(--cream);font-family:'JN Thai','Noto Sans Thai',Tahoma,sans-serif;font-size:calc(16px + 2pt);line-height:1.85;-webkit-font-smoothing:antialiased}body:is(.jn-home,.jn-inner) a{color:inherit;text-decoration:none}body:is(.jn-home,.jn-inner) button,body:is(.jn-home,.jn-inner) input,body:is(.jn-home,.jn-inner) textarea,body:is(.jn-home,.jn-inner) select{font:inherit}body:is(.jn-home,.jn-inner) button,body:is(.jn-home,.jn-inner) a,body:is(.jn-home,.jn-inner) input,body:is(.jn-home,.jn-inner) textarea,body:is(.jn-home,.jn-inner) select{touch-action:manipulation}body:is(.jn-home,.jn-inner) button{cursor:pointer}body:is(.jn-home,.jn-inner) img{max-width:100%;height:auto;display:block}body:is(.jn-home,.jn-inner) figure{margin:0}body:is(.jn-home,.jn-inner) h1,body:is(.jn-home,.jn-inner) h2,body:is(.jn-home,.jn-inner) h3,body:is(.jn-home,.jn-inner) h4{line-height:1.4;letter-spacing:-.035em;margin:0 0 20px;font-weight:650;font-family:inherit}body:is(.jn-home,.jn-inner) h1{font-size:calc(clamp(2rem,3.25vw,2.9rem) + 2pt)}body:is(.jn-home,.jn-inner) h2{font-size:calc(clamp(1.65rem,2.3vw,2.05rem) + 2pt)}body:is(.jn-home,.jn-inner) h3{font-size:calc(1.2rem + 2pt)}body:is(.jn-home,.jn-inner) p{margin:0 0 20px}body:is(.jn-home,.jn-inner) a:focus-visible,body:is(.jn-home,.jn-inner) button:focus-visible,body:is(.jn-home,.jn-inner) input:focus-visible,body:is(.jn-home,.jn-inner) textarea:focus-visible,body:is(.jn-home,.jn-inner) select:focus-visible{outline:3px solid #b47f66;outline-offset:5px}body:is(.jn-home,.jn-inner) a:hover{color:var(--teal)}body:is(.jn-home,.jn-inner) .wrap{max-width:var(--max);width:calc(100% - 96px);margin:auto}body:is(.jn-home,.jn-inner) .section{padding:88px 0}body:is(.jn-home,.jn-inner) .eyebrow{text-transform:uppercase;font-size:calc(.76rem + 2pt);letter-spacing:.22em;font-weight:600;color:var(--teal);margin-bottom:16px}body:is(.jn-home,.jn-inner) .button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 23px;border:1px solid transparent;border-radius:50px;background:var(--mint);color:#20354d;font-size:calc(.91rem + 2pt);font-weight:600;line-height:1.5;transition:background .2s,transform .2s}body:is(.jn-home,.jn-inner) .button:hover{background:#d2e2f4;color:#20354d;transform:translateY(-2px)}body:is(.jn-home,.jn-inner) .button-small{padding:10px 20px;font-size:calc(.85rem + 2pt)}body:is(.jn-home,.jn-inner) .text-link{font-size:calc(.92rem + 2pt);font-weight:600;display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #98aec6;padding-bottom:4px}body:is(.jn-home,.jn-inner) .actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:30px}body:is(.jn-home,.jn-inner) .skip-link{position:fixed;top:-100px;left:20px;padding:10px 25px;background:white;z-index:100}body:is(.jn-home,.jn-inner) .skip-link:focus{top:10px}body:is(.jn-home,.jn-inner) .site-header{background:var(--cream);position:relative;z-index:20;border-bottom:1px solid var(--line)}body:is(.jn-home,.jn-inner) .site-header.on-dark{background:var(--dark);border-color:transparent;color:var(--cream)}body:is(.jn-home,.jn-inner) .header-row{display:flex;align-items:center;gap:32px;min-height:100px}body:is(.jn-home,.jn-inner) .brand{position:relative;display:block;overflow:hidden;flex:0 0 151px;width:151px;height:65px}body:is(.jn-home,.jn-inner) .brand img{position:absolute;width:205px;max-width:none;top:-40px;left:-23px}body:is(.jn-home,.jn-inner) .brand-dark img{width:165px;top:-19px;left:-6px}body:is(.jn-home,.jn-inner) .custom-logo-link{display:block;max-width:170px}body:is(.jn-home,.jn-inner) .custom-logo{width:150px;max-height:70px;object-fit:contain}body:is(.jn-home,.jn-inner) .site-navigation{margin-left:auto}body:is(.jn-home,.jn-inner) .site-navigation ul{display:flex;list-style:none;gap:26px;margin:0;padding:0}body:is(.jn-home,.jn-inner) .site-navigation a{font-size:calc(.86rem + 2pt)}body:is(.jn-home,.jn-inner) .on-dark a:hover{color:var(--mint)}body:is(.jn-home,.jn-inner) .site-navigation li{position:relative}body:is(.jn-home,.jn-inner) .site-navigation .sub-menu{position:absolute;display:none;min-width:200px;padding:18px;background:var(--cream);color:var(--ink);box-shadow:0 10px 25px #172d391a;border-radius:8px}body:is(.jn-home,.jn-inner) .site-navigation li:hover>.sub-menu,body:is(.jn-home,.jn-inner) .site-navigation li:focus-within>.sub-menu{display:grid}body:is(.jn-home,.jn-inner) .menu-toggle{display:none}body:is(.jn-home,.jn-inner) .hero{background:var(--dark);color:var(--cream);overflow:hidden}body:is(.jn-home,.jn-inner) .hero-grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:64px;padding-top:48px;padding-bottom:65px;min-height:535px}body:is(.jn-home,.jn-inner) .hero-copy{position:relative;z-index:2}body:is(.jn-home,.jn-inner) .hero h1{font-weight:650;line-height:1.45}body:is(.jn-home,.jn-inner) .hero h1 span{color:var(--mint)}body:is(.jn-home,.jn-inner) .hero .eyebrow{color:var(--mint);font-size:calc(.76rem + 2pt)}body:is(.jn-home,.jn-inner) .hero-description{font-size:calc(1rem + 2pt);line-height:1.95;max-width:495px;color:#e2e7ef}body:is(.jn-home,.jn-inner) .light-link{color:var(--cream)}body:is(.jn-home,.jn-inner) .hero-art{height:420px;position:relative}body:is(.jn-home,.jn-inner) .brand-orbit{position:absolute;inset:3% -5%;border:24px solid #668bb238;border-radius:50%;transform:rotate(-30deg)}body:is(.jn-home,.jn-inner) .brand-orbit:after{content:'';position:absolute;inset:35px;border:14px solid #a3bdd95c;border-radius:50%;border-left-color:transparent}body:is(.jn-home,.jn-inner) .hero-photo{position:absolute;overflow:hidden;border-radius:20px;border:5px solid #f9f5ee;box-shadow:0 24px 45px #0003}body:is(.jn-home,.jn-inner) .hero-photo img{width:100%;height:100%;object-fit:cover}body:is(.jn-home,.jn-inner) .hero-primary{width:68%;height:85%;left:0;top:0;transform:rotate(-7deg)}body:is(.jn-home,.jn-inner) .hero-secondary{width:55%;height:61%;right:-1%;bottom:-4%;transform:rotate(7deg)}body:is(.jn-home,.jn-inner) .hero-secondary figcaption{position:absolute;bottom:0;left:0;right:0;background:#20354ded;color:#fff;padding:7px 15px;font-size:calc(.75rem + 2pt)}body:is(.jn-home,.jn-inner) .stats{display:grid;grid-template-columns:1fr 1fr 1.25fr 1.35fr;gap:28px;padding-top:28px;padding-bottom:30px;border-top:1px solid #ffffff25}body:is(.jn-home,.jn-inner) .stats>div{display:flex;flex-direction:column;border-right:1px solid #ffffff25;padding-right:20px}body:is(.jn-home,.jn-inner) .stats strong{font-family:Arial,sans-serif;color:var(--mint);font-size:calc(1.85rem + 2pt);letter-spacing:-.04em;line-height:1.4}body:is(.jn-home,.jn-inner) .stats span{font-size:calc(.82rem + 2pt);color:#e4e9f0}body:is(.jn-home,.jn-inner) .stats p{font-size:calc(.71rem + 2pt);line-height:1.85;margin:auto 0;color:#becbda}body:is(.jn-home,.jn-inner) .story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}body:is(.jn-home,.jn-inner) .story-mark{background:var(--blush);border-radius:100px 16px 16px 16px;padding:44px 40px;position:relative;overflow:hidden;min-height:370px;display:flex;flex-direction:column;justify-content:center}body:is(.jn-home,.jn-inner) .story-year{font-family:Georgia,serif;font-size:calc(3.5rem + 2pt);line-height:1.06;letter-spacing:-.055em;color:var(--ink);padding:16px 0 35px}body:is(.jn-home,.jn-inner) .story-year em{font-weight:normal;color:#9b6b58}body:is(.jn-home,.jn-inner) .founder-names{font-size:calc(.9rem + 2pt)}body:is(.jn-home,.jn-inner) .team-photo{margin-top:24px;border-radius:12px;width:100%}body:is(.jn-home,.jn-inner) .story-copy p:not(.eyebrow){font-size:calc(.95rem + 2pt);line-height:1.95;color:#526177}body:is(.jn-home,.jn-inner) .topics{background:var(--blush)}body:is(.jn-home,.jn-inner) .section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:34px}body:is(.jn-home,.jn-inner) .section-heading h2{margin-bottom:0}body:is(.jn-home,.jn-inner) .section-heading>p{max-width:400px;font-size:calc(.95rem + 2pt);margin:0;color:#526177}body:is(.jn-home,.jn-inner) .section-heading>.text-link{flex-shrink:0}body:is(.jn-home,.jn-inner) .topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}body:is(.jn-home,.jn-inner) .topic-image{position:relative;display:block;aspect-ratio:1.18;overflow:hidden;border-radius:var(--radius);margin-bottom:24px}body:is(.jn-home,.jn-inner) .topic-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}body:is(.jn-home,.jn-inner) .topic-image:hover img{transform:scale(1.045)}body:is(.jn-home,.jn-inner) .topic-image>span{position:absolute;right:12px;bottom:12px;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:var(--cream);font-size:calc(1.2rem + 2pt)}body:is(.jn-home,.jn-inner) .topic-card{display:flex;flex-direction:column}body:is(.jn-home,.jn-inner) .topic-card h3{font-size:calc(1.08rem + 2pt);line-height:1.6;margin-bottom:12px;letter-spacing:-.02em}body:is(.jn-home,.jn-inner) .topic-card p{font-size:calc(.9rem + 2pt);line-height:1.85;color:#526177;margin-bottom:24px}body:is(.jn-home,.jn-inner) .topic-card>.text-link{margin-top:auto;align-self:flex-start;font-size:calc(.85rem + 2pt)}body:is(.jn-home,.jn-inner) .community-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}body:is(.jn-home,.jn-inner) .community-image{display:block;max-width:460px}body:is(.jn-home,.jn-inner) .community-image img{width:100%;border-radius:var(--radius)}body:is(.jn-home,.jn-inner) .community-copy h3{font-size:calc(1.65rem + 2pt)}body:is(.jn-home,.jn-inner) .community-copy p{max-width:390px;font-size:calc(.96rem + 2pt);color:#526177}body:is(.jn-home,.jn-inner) .site-footer{background:var(--dark);color:var(--cream);padding:24px 0}body:is(.jn-home,.jn-inner) .footer-row{display:flex;align-items:center;gap:24px;justify-content:space-between}body:is(.jn-home,.jn-inner) .footer-brand{display:flex;align-items:center;gap:15px}body:is(.jn-home,.jn-inner) .footer-brand .brand{transform:scale(.8);transform-origin:left center;width:130px;flex-basis:130px;margin-right:-15px}body:is(.jn-home,.jn-inner) .footer-brand>span{font-size:calc(.7rem + 2pt);max-width:100px;line-height:1.5}body:is(.jn-home,.jn-inner) .site-footer nav,body:is(.jn-home,.jn-inner) .site-footer nav ul{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0}body:is(.jn-home,.jn-inner) .site-footer nav a,body:is(.jn-home,.jn-inner) .site-footer small{font-size:calc(.72rem + 2pt);color:#d7e1ed}body:is(.jn-home,.jn-inner) .site-footer a:hover{color:var(--mint)}body:is(.jn-home,.jn-inner) .page-intro{padding:65px 0 42px}body:is(.jn-home,.jn-inner) .page-intro h1{max-width:800px}body:is(.jn-home,.jn-inner) .page-intro p{color:var(--muted);max-width:680px}body:is(.jn-home,.jn-inner) .archive-main{padding-bottom:75px}body:is(.jn-home,.jn-inner) .archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px 0;margin-bottom:36px;border-block:1px solid var(--line)}body:is(.jn-home,.jn-inner) .category-links{display:flex;gap:10px;flex-wrap:wrap}body:is(.jn-home,.jn-inner) .category-links a{border:1px solid var(--line);padding:6px 14px;border-radius:30px;font-size:calc(.85rem + 2pt)}body:is(.jn-home,.jn-inner) .category-links a:hover{background:var(--blush)}body:is(.jn-home,.jn-inner) .search-form{display:flex;gap:8px;align-items:center;max-width:100%}body:is(.jn-home,.jn-inner) .search-field{width:230px;max-width:100%;min-width:0;border:1px solid #b9c3d1;border-radius:40px;background:white;padding:10px 15px;font-size:calc(.9rem + 2pt)}body:is(.jn-home,.jn-inner) .search-submit{border:0;background:var(--dark);color:white;border-radius:40px;padding:10px 18px;font-size:calc(.9rem + 2pt)}body:is(.jn-home,.jn-inner) .post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 30px}body:is(.jn-home,.jn-inner) .post-card{min-width:0}body:is(.jn-home,.jn-inner) .post-card .card-image{display:block;aspect-ratio:1.5;background:var(--blush);border-radius:14px;overflow:hidden;margin-bottom:20px}body:is(.jn-home,.jn-inner) .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}body:is(.jn-home,.jn-inner) .card-image:hover img{transform:scale(1.03)}body:is(.jn-home,.jn-inner) .card-fallback{height:100%;display:flex;align-items:center;justify-content:center;font-size:calc(1.4rem + 2pt);letter-spacing:.1em;color:#536c88;background:linear-gradient(120deg,#e9e1d8,#e3eaf3)}body:is(.jn-home,.jn-inner) .card-meta{font-size:calc(.75rem + 2pt);display:flex;gap:10px;flex-wrap:wrap;color:var(--teal);margin-bottom:10px}body:is(.jn-home,.jn-inner) .post-card h2{font-size:calc(1.14rem + 2pt);line-height:1.65;margin-bottom:12px;letter-spacing:-.02em}body:is(.jn-home,.jn-inner) .post-card p{font-size:calc(.9rem + 2pt);color:var(--muted);line-height:1.9}body:is(.jn-home,.jn-inner) .pagination{margin-top:50px}body:is(.jn-home,.jn-inner) .pagination ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0}body:is(.jn-home,.jn-inner) .page-numbers a,body:is(.jn-home,.jn-inner) .page-numbers span{display:block;padding:9px 15px;border:1px solid var(--line);border-radius:6px}body:is(.jn-home,.jn-inner) .page-numbers .current{background:var(--dark);color:white}body:is(.jn-home,.jn-inner) .breadcrumbs{font-size:calc(.82rem + 2pt);display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);margin-bottom:30px}body:is(.jn-home,.jn-inner) .single-main{padding:48px 0 80px}body:is(.jn-home,.jn-inner) .article-header{max-width:830px;margin:auto auto 35px}body:is(.jn-home,.jn-inner) .article-header h1{font-size:calc(clamp(1.85rem,3vw,2.6rem) + 2pt);line-height:1.55}body:is(.jn-home,.jn-inner) .article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:calc(.83rem + 2pt);color:var(--muted)}body:is(.jn-home,.jn-inner) .article-featured{max-width:840px;margin:35px auto}body:is(.jn-home,.jn-inner) .article-featured img{max-height:650px;width:100%;object-fit:contain;border-radius:14px}body:is(.jn-home,.jn-inner) .entry-content{max-width:780px;margin:auto;font-size:calc(1.025rem + 2pt);line-height:2;overflow-wrap:anywhere}body:is(.jn-home,.jn-inner) .entry-content h2{font-size:calc(1.65rem + 2pt);margin:45px 0 20px}body:is(.jn-home,.jn-inner) .entry-content h3{font-size:calc(1.3rem + 2pt);margin:32px 0 15px}body:is(.jn-home,.jn-inner) .entry-content a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}body:is(.jn-home,.jn-inner) .entry-content p{margin-bottom:24px}body:is(.jn-home,.jn-inner) .entry-content img{max-width:100%;height:auto}body:is(.jn-home,.jn-inner) .entry-content iframe,body:is(.jn-home,.jn-inner) .entry-content video{max-width:100%}body:is(.jn-home,.jn-inner) .entry-content iframe[src*="youtube"],body:is(.jn-home,.jn-inner) .entry-content iframe[src*="youtu.be"]{width:100%;height:auto;aspect-ratio:16/9}body:is(.jn-home,.jn-inner) .entry-content table{border-collapse:collapse;display:block;max-width:100%;overflow:auto}body:is(.jn-home,.jn-inner) .entry-content td,body:is(.jn-home,.jn-inner) .entry-content th{padding:12px;border:1px solid var(--line)}body:is(.jn-home,.jn-inner) .entry-content blockquote{border-left:3px solid #b98c76;padding:15px 25px;background:var(--blush);margin:30px 0}body:is(.jn-home,.jn-inner) .entry-content .alignwide{max-width:100%}body:is(.jn-home,.jn-inner) .entry-content .aligncenter{margin-inline:auto}body:is(.jn-home,.jn-inner) .entry-content .alignleft{float:left;margin:8px 24px 20px 0}body:is(.jn-home,.jn-inner) .entry-content .alignright{float:right;margin:8px 0 20px 24px}body:is(.jn-home,.jn-inner) .entry-content:after{content:'';display:block;clear:both}body:is(.jn-home,.jn-inner) .entry-content pre{overflow:auto;max-width:100%;background:#efece5;padding:20px}body:is(.jn-home,.jn-inner) .entry-content figure{max-width:100%;margin-block:24px}body:is(.jn-home,.jn-inner) .entry-content figcaption{font-size:calc(.8rem + 2pt);color:var(--muted)}body:is(.jn-home,.jn-inner) .article-taxonomy,body:is(.jn-home,.jn-inner) .post-navigation,body:is(.jn-home,.jn-inner) .comments-area{max-width:780px;margin:45px auto}body:is(.jn-home,.jn-inner) .article-taxonomy{font-size:calc(.85rem + 2pt);border-top:1px solid var(--line);padding-top:24px}body:is(.jn-home,.jn-inner) .post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:40px}body:is(.jn-home,.jn-inner) .post-navigation a{font-size:calc(.92rem + 2pt);line-height:1.7}body:is(.jn-home,.jn-inner) .nav-subtitle{display:block;font-size:calc(.75rem + 2pt);color:var(--muted);margin-bottom:10px}body:is(.jn-home,.jn-inner) .comments-area input:not([type=checkbox]),body:is(.jn-home,.jn-inner) .comments-area textarea{display:block;max-width:100%;padding:12px;border:1px solid #abb9cd;border-radius:5px}body:is(.jn-home,.jn-inner) .comment-list{padding-left:24px}body:is(.jn-home,.jn-inner) .comment-list .children{padding-left:20px}body:is(.jn-home,.jn-inner) .comments-area label{display:block}body:is(.jn-home,.jn-inner) .comments-area .comment-form-cookies-consent label{display:inline}body:is(.jn-home,.jn-inner) .comments-area .submit{background:var(--dark);color:white}body:is(.jn-home,.jn-inner) .empty-state{padding:60px 24px;background:var(--blush);border-radius:16px;text-align:center}body:is(.jn-home,.jn-inner) .empty-state p{color:var(--muted)}body:is(.jn-home,.jn-inner) .about-layout{max-width:820px;margin:auto}body:is(.jn-home,.jn-inner) .about-layout h2{margin-top:45px}body:is(.jn-home,.jn-inner) .language-switch{display:flex;gap:20px;margin-bottom:30px;font-size:calc(.9rem + 2pt)}body:is(.jn-home,.jn-inner) .contact-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0}body:is(.jn-home,.jn-inner) .contact-links a{display:flex;justify-content:space-between;padding:23px;background:var(--blush);border-radius:12px}body:is(.jn-home,.jn-inner) .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}body:is(.jn-home,.jn-inner) .admin-bar .skip-link:focus{top:45px}
@media(min-width:1500px){body:is(.jn-home,.jn-inner) .hero-grid{min-height:570px}}
@media(max-width:1050px){body:is(.jn-home,.jn-inner) .wrap{width:calc(100% - 56px)}body:is(.jn-home,.jn-inner) .header-row{gap:20px}body:is(.jn-home,.jn-inner) .site-navigation ul{gap:16px}body:is(.jn-home,.jn-inner) .hero-grid{gap:30px}body:is(.jn-home,.jn-inner) .hero-art{height:360px}body:is(.jn-home,.jn-inner) .hero h1{font-size:calc(2.25rem + 2pt)}body:is(.jn-home,.jn-inner) .story-grid{gap:40px}body:is(.jn-home,.jn-inner) .topic-grid{gap:20px}body:is(.jn-home,.jn-inner) .footer-row{flex-wrap:wrap}body:is(.jn-home,.jn-inner) .community-grid{gap:40px}body:is(.jn-home,.jn-inner) .stats{gap:18px}body:is(.jn-home,.jn-inner) .stats strong{font-size:calc(1.6rem + 2pt)}}
@media(max-width:800px){body:is(.jn-home,.jn-inner) .header-row{min-height:85px;flex-wrap:wrap}body:is(.jn-home,.jn-inner) .menu-toggle{display:flex;margin-left:auto;gap:12px;align-items:center;border:1px solid #8b9cb0;border-radius:30px;padding:7px 16px;background:transparent;color:inherit;font-size:calc(.87rem + 2pt)}body:is(.jn-home,.jn-inner) .header-youtube{display:none}body:is(.jn-home,.jn-inner) .site-navigation{display:none;order:3;width:100%;padding:10px 0 24px}body:is(.jn-home,.jn-inner) .site-navigation.is-open{display:block}body:is(.jn-home,.jn-inner) .site-navigation ul{display:flex;flex-direction:column;gap:16px}body:is(.jn-home,.jn-inner) .site-navigation .sub-menu{position:static;display:grid;padding:10px 15px;box-shadow:none;background:transparent;color:inherit}body:is(.jn-home,.jn-inner) .hero-grid{grid-template-columns:1fr;gap:45px;padding-top:35px;padding-bottom:55px}body:is(.jn-home,.jn-inner) .hero-copy{max-width:600px}body:is(.jn-home,.jn-inner) .hero h1{font-size:calc(2.35rem + 2pt)}body:is(.jn-home,.jn-inner) .hero-description{max-width:580px}body:is(.jn-home,.jn-inner) .hero-art{height:360px;max-width:500px;width:90%;margin:0 auto}body:is(.jn-home,.jn-inner) .stats{grid-template-columns:repeat(3,1fr);gap:14px}body:is(.jn-home,.jn-inner) .stats p{grid-column:1/-1;max-width:550px;margin:8px 0}body:is(.jn-home,.jn-inner) .stats>div:nth-child(3){border:0}body:is(.jn-home,.jn-inner) .section{padding:64px 0}body:is(.jn-home,.jn-inner) .story-grid{grid-template-columns:1fr}body:is(.jn-home,.jn-inner) .story-mark{min-height:0;padding:30px;border-radius:45px 12px 12px 12px}body:is(.jn-home,.jn-inner) .story-year{font-size:calc(2.7rem + 2pt)}body:is(.jn-home,.jn-inner) .story-year br{display:none}body:is(.jn-home,.jn-inner) .story-year br:after{content:' '}body:is(.jn-home,.jn-inner) .story-mark .story-year{max-width:380px}body:is(.jn-home,.jn-inner) .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}body:is(.jn-home,.jn-inner) .section-heading{gap:25px;align-items:start;flex-direction:column}body:is(.jn-home,.jn-inner) .community-grid{grid-template-columns:1fr 1fr;gap:25px}body:is(.jn-home,.jn-inner) .community-copy .eyebrow{font-size:calc(.64rem + 2pt)}body:is(.jn-home,.jn-inner) .community-copy h3{font-size:calc(1.4rem + 2pt)}body:is(.jn-home,.jn-inner) .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:is(.jn-home,.jn-inner) .footer-row{gap:15px}body:is(.jn-home,.jn-inner) .site-footer nav{width:100%}}
@media(max-width:480px){body:is(.jn-home,.jn-inner) .wrap{width:calc(100% - 40px)}body:is(.jn-home,.jn-inner){font-size:calc(16px + 2pt)}body:is(.jn-home,.jn-inner) .hero h1{font-size:calc(1.95rem + 2pt)}body:is(.jn-home,.jn-inner) .hero-description{font-size:calc(.95rem + 2pt)}body:is(.jn-home,.jn-inner) .hero-art{height:290px;width:95%}body:is(.jn-home,.jn-inner) .hero-primary{width:66%;height:90%}body:is(.jn-home,.jn-inner) .hero-secondary{height:62%}body:is(.jn-home,.jn-inner) .actions{gap:18px}body:is(.jn-home,.jn-inner) .button{font-size:calc(.85rem + 2pt);padding:12px 19px}body:is(.jn-home,.jn-inner) .text-link{font-size:calc(.85rem + 2pt)}body:is(.jn-home,.jn-inner) .stats strong{font-size:calc(1.4rem + 2pt)}body:is(.jn-home,.jn-inner) .stats span{font-size:calc(.73rem + 2pt)}body:is(.jn-home,.jn-inner) .stats>div{padding-right:8px}body:is(.jn-home,.jn-inner) .stats p{font-size:calc(.69rem + 2pt)}body:is(.jn-home,.jn-inner) .topic-grid{gap:32px 16px}body:is(.jn-home,.jn-inner) .topic-image{aspect-ratio:1;margin-bottom:15px}body:is(.jn-home,.jn-inner) .topic-card h3{font-size:calc(1rem + 2pt)}body:is(.jn-home,.jn-inner) .topic-card p{font-size:calc(.86rem + 2pt)}body:is(.jn-home,.jn-inner) .topic-card>.text-link{font-size:calc(.78rem + 2pt)}body:is(.jn-home,.jn-inner) .community-grid{grid-template-columns:1fr}body:is(.jn-home,.jn-inner) .community-image{max-width:360px}body:is(.jn-home,.jn-inner) .community-copy{padding-top:8px}body:is(.jn-home,.jn-inner) .post-grid{grid-template-columns:1fr}body:is(.jn-home,.jn-inner) .page-intro{padding-top:38px}body:is(.jn-home,.jn-inner) .archive-toolbar{align-items:stretch}body:is(.jn-home,.jn-inner) .search-form{width:100%}body:is(.jn-home,.jn-inner) .search-form label{flex:1;min-width:0}body:is(.jn-home,.jn-inner) .search-field{width:100%}body:is(.jn-home,.jn-inner) .post-navigation .nav-links{grid-template-columns:1fr}body:is(.jn-home,.jn-inner) .article-meta{gap:10px}body:is(.jn-home,.jn-inner) .contact-links{grid-template-columns:1fr}body:is(.jn-home,.jn-inner) .footer-brand>span{max-width:none}body:is(.jn-home,.jn-inner) .site-footer nav{gap:14px}body:is(.jn-home,.jn-inner) .story-year{font-size:calc(2.5rem + 2pt)}body:is(.jn-home,.jn-inner) .entry-content .alignleft,body:is(.jn-home,.jn-inner) .entry-content .alignright{float:none;margin:20px auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:is(.jn-home,.jn-inner) *,body:is(.jn-home,.jn-inner) *:before,body:is(.jn-home,.jn-inner) *:after{animation:none!important;transition:none!important}}
@media print{body:is(.jn-home,.jn-inner) .site-header,body:is(.jn-home,.jn-inner) .site-footer,body:is(.jn-home,.jn-inner) .article-taxonomy,body:is(.jn-home,.jn-inner) .post-navigation,body:is(.jn-home,.jn-inner) .comments-area{display:none}body:is(.jn-home,.jn-inner){background:white;color:black}body:is(.jn-home,.jn-inner) .wrap{width:100%}body:is(.jn-home,.jn-inner) .entry-content{max-width:100%}}

body:is(.jn-home,.jn-inner) /* YouTube destinations are always red,body:is(.jn-home,.jn-inner) including header,body:is(.jn-home,.jn-inner) hero,body:is(.jn-home,.jn-inner) about and contact. */
.youtube-button{background:#c92222!important;color:#fff!important;border-color:#c92222!important;border-bottom:1px solid #c92222!important}body:is(.jn-home,.jn-inner) .youtube-button:hover{background:#a81818!important;border-color:#a81818!important;color:#fff!important}body:is(.jn-home,.jn-inner) .contact-links a.youtube-button{background:#c92222;color:#fff}body:is(.jn-home,.jn-inner) .story-year em{color:#567492}
body:is(.jn-home,.jn-inner) a:is([href*="//www.youtube.com/"],[href*="//youtube.com/"],[href*="//youtu.be/"]){display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;border:1px solid #c92222;border-radius:30px;background:#c92222;color:#fff!important;text-decoration:none;font-weight:600;font-size:calc(.9rem + 2pt);line-height:1.6}body:is(.jn-home,.jn-inner) a:is([href*="//www.youtube.com/"],[href*="//youtube.com/"],[href*="//youtu.be/"]):hover{background:#a81818;border-color:#a81818}
@media(max-width:800px){body:is(.jn-home,.jn-inner) .site-header a.header-youtube{display:none}}

/* 1.1 — athletic editorial refresh */
:root{--dark:#102e3c;--ink:#183c4a;--teal:#087f83;--mint:#99edbd;--cream:#f7faf9;--blush:#e8f1ef;--line:#d0dfdc;--max:1240px}
body:is(.jn-home,.jn-inner) :is(h1,h2,h3){font-weight:800;letter-spacing:0;line-height:1.45}
body:is(.jn-home,.jn-inner) .eyebrow{font-size:calc(.875rem + 2pt);font-weight:750;letter-spacing:.16em}
body:is(.jn-home,.jn-inner) .header-row{min-height:104px}
body:is(.jn-home,.jn-inner) .brand{width:180px;flex:0 0 180px;height:88px;overflow:visible}
body:is(.jn-home,.jn-inner) .brand img{width:235px;height:auto;max-width:none;left:-25px;top:-40px}
body:is(.jn-home,.jn-inner) .brand-dark img{width:180px;left:0;top:-22px}
body:is(.jn-home,.jn-inner) .footer-brand .brand{transform:none;width:180px;flex-basis:180px;margin:0}
body:is(.jn-home,.jn-inner) .footer-brand>span{font-size:calc(.875rem + 2pt);max-width:140px}
body:is(.jn-home,.jn-inner) .site-navigation a{font-size:calc(.95rem + 2pt);font-weight:650}
body:is(.jn-home,.jn-inner) .hero{position:relative;background:radial-gradient(ellipse at 83% 32%,#216569 0,transparent 49%),#102e3c}
body:is(.jn-home,.jn-inner) .hero-grid{gap:48px;min-height:590px;padding-top:55px;padding-bottom:70px}
body:is(.jn-home,.jn-inner) .hero h1{font-size:calc(clamp(2.1rem,3.5vw,3.25rem) + 2pt);font-weight:850;line-height:1.5}
body:is(.jn-home,.jn-inner) .hero h1 span{display:inline-block;color:#99edbd}
body:is(.jn-home,.jn-inner) .hero .eyebrow{display:flex;align-items:center;gap:12px}
body:is(.jn-home,.jn-inner) .hero .eyebrow:before{content:'';width:35px;height:3px;background:#99edbd}
body:is(.jn-home,.jn-inner) .hero-art{height:445px}
body:is(.jn-home,.jn-inner) .hero-photo{border:2px solid #b2f6d5;border-radius:4px;box-shadow:0 22px 45px #001d2a66}
body:is(.jn-home,.jn-inner) .hero-primary{transform:translateY(var(--parallax,0px)) rotate(-6deg)}
body:is(.jn-home,.jn-inner) .hero-secondary{transform:translateY(var(--parallax,0px)) rotate(7deg)}
body:is(.jn-home,.jn-inner) .hero-secondary figcaption{font-size:calc(.875rem + 2pt);font-weight:700;background:#102e3ce8}
body:is(.jn-home,.jn-inner) .brand-orbit{border-color:#7ee2b42b;transform:translateY(var(--parallax,0px)) rotate(-30deg)}
body:is(.jn-home,.jn-inner) .brand-orbit:after{border-color:#99edbd55;border-left-color:transparent}
body:is(.jn-home,.jn-inner) .stats{position:relative;padding-block:28px;border-top:1px solid #99edbd55}
body:is(.jn-home,.jn-inner) .stats strong{font-size:calc(2.45rem + 2pt);font-weight:850;font-style:italic}
body:is(.jn-home,.jn-inner) .stats span{font-size:calc(.875rem + 2pt)}
body:is(.jn-home,.jn-inner) .stats p{font-size:calc(.8rem + 2pt)}
body:is(.jn-home,.jn-inner) .section{padding-block:96px}
body:is(.jn-home,.jn-inner) .story-mark{background:var(--dark);color:#c4f1db;border-radius:3px;padding:48px 40px;border-left:6px solid #63d2ac}
body:is(.jn-home,.jn-inner) .story-mark .eyebrow{color:#99edbd}
body:is(.jn-home,.jn-inner) .story-year{font-family:Arial,sans-serif;font-size:calc(clamp(2.7rem,4.7vw,4.5rem) + 2pt);font-weight:900;letter-spacing:-.055em;text-transform:uppercase;color:#f7faf9}
body:is(.jn-home,.jn-inner) .story-year em{color:#99edbd;font-weight:900}
body:is(.jn-home,.jn-inner) .story-copy p:not(.eyebrow){font-size:calc(1rem + 2pt)}
body:is(.jn-home,.jn-inner) .topics{background:#e8f1ef;border-block:1px solid var(--line)}
body:is(.jn-home,.jn-inner) .topic-grid{gap:28px}
body:is(.jn-home,.jn-inner) .topic-image{border-radius:4px;aspect-ratio:.92}
body:is(.jn-home,.jn-inner) .topic-card{transition:transform .25s}
body:is(.jn-home,.jn-inner) .topic-card:hover{transform:translateY(-7px)}
body:is(.jn-home,.jn-inner) .topic-card h3{font-size:calc(1.2rem + 2pt);font-weight:800}
body:is(.jn-home,.jn-inner) .topic-card p{font-size:calc(1rem + 2pt)}
body:is(.jn-home,.jn-inner) .topic-card>.text-link{font-size:calc(.925rem + 2pt)}
body:is(.jn-home,.jn-inner) .community .section-heading{display:block;max-width:760px;margin-bottom:44px}
body:is(.jn-home,.jn-inner) .community .section-heading>p{max-width:700px;margin-top:22px;font-size:calc(1rem + 2pt)}
body:is(.jn-home,.jn-inner) .community-grid{grid-template-columns:1fr 1fr;gap:70px;background:#e8f1ef;padding:32px;border-radius:4px}
body:is(.jn-home,.jn-inner) .community-image{max-width:none;overflow:hidden;border-radius:3px}
body:is(.jn-home,.jn-inner) .community-image img{border-radius:0;transform:scale(1.025) translateY(var(--parallax,0px))}
body:is(.jn-home,.jn-inner) .community-copy h3{font-size:calc(2rem + 2pt)}
body:is(.jn-home,.jn-inner) .community-copy p{font-size:calc(1rem + 2pt)}
body:is(.jn-home,.jn-inner) .site-footer{padding-block:35px;border-top:4px solid #75d6b0}
body:is(.jn-home,.jn-inner) .site-footer nav a,body:is(.jn-home,.jn-inner) .site-footer small{font-size:calc(.875rem + 2pt)}
@media(max-width:800px){body:is(.jn-home,.jn-inner) .hero-grid{padding-top:24px;gap:35px}body:is(.jn-home,.jn-inner) .hero-art{height:375px}body:is(.jn-home,.jn-inner) .section{padding-block:60px}body:is(.jn-home,.jn-inner) .community-grid{gap:25px;padding:24px}body:is(.jn-home,.jn-inner) .community-copy .eyebrow{font-size:calc(.875rem + 2pt)}body:is(.jn-home,.jn-inner) .stats strong{font-size:calc(1.7rem + 2pt)}}
@media(max-width:540px){body:is(.jn-home,.jn-inner) .hero-art{height:300px}body:is(.jn-home,.jn-inner) .hero h1{font-size:calc(2rem + 2pt)}body:is(.jn-home,.jn-inner) .community-grid{grid-template-columns:1fr;padding:18px}body:is(.jn-home,.jn-inner) .community-copy{padding:12px 2px}body:is(.jn-home,.jn-inner) .topic-grid{grid-template-columns:1fr}body:is(.jn-home,.jn-inner) .topic-image{aspect-ratio:1.4}body:is(.jn-home,.jn-inner) .stats strong{font-size:calc(1.5rem + 2pt)}body:is(.jn-home,.jn-inner) .stats span{font-size:calc(.8rem + 2pt)}body:is(.jn-home,.jn-inner) .footer-brand{flex-wrap:wrap}}

body:is(.jn-home,.jn-inner) .contact-page{background:radial-gradient(ellipse at 100% 0,#bcead859,transparent 55%),var(--cream)}
body:is(.jn-home,.jn-inner) .contact-page .section{max-width:1040px}
body:is(.jn-home,.jn-inner) .contact-intro{max-width:760px}
body:is(.jn-home,.jn-inner) .contact-intro h1{font-size:calc(clamp(2.4rem,5vw,4.5rem) + 2pt)}
body:is(.jn-home,.jn-inner) .contact-intro h1 span{color:var(--teal)}
body:is(.jn-home,.jn-inner) .contact-intro>p:last-child{font-size:calc(1.1rem + 2pt)}
body:is(.jn-home,.jn-inner) .contact-direct{display:flex;gap:32px;flex-wrap:wrap;padding:18px 0 40px}
body:is(.jn-home,.jn-inner) .social-heading{border-top:1px solid var(--line);padding-top:40px}
body:is(.jn-home,.jn-inner) .social-heading h2{font-size:calc(2rem + 2pt)}
body:is(.jn-home,.jn-inner) .social-links{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:35px}
body:is(.jn-home,.jn-inner) a.social-link{--social:#087f83;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 12px;color:var(--ink)!important;background:transparent!important;border:0!important;border-radius:0;font-size:calc(1rem + 2pt);line-height:1.6;font-weight:700;position:relative;text-decoration:none}
body:is(.jn-home,.jn-inner) .social-icon{display:grid;place-items:center;width:88px;height:88px;background:var(--social);color:white;border-radius:50%;box-shadow:0 10px 25px #153b4a14;transition:transform .25s,box-shadow .25s}
body:is(.jn-home,.jn-inner) .social-icon svg{width:38px;height:38px;fill:currentColor}
body:is(.jn-home,.jn-inner) .social-link:hover .social-icon{transform:translateY(-6px) rotate(-5deg);box-shadow:0 16px 28px #153b4a24}
body:is(.jn-home,.jn-inner) .social-link.social-youtube{--social:#e62117}
body:is(.jn-home,.jn-inner) .social-link.social-facebook{--social:#0866ff}
body:is(.jn-home,.jn-inner) .social-link.social-messenger{--social:#0866ff}
body:is(.jn-home,.jn-inner) .social-link.social-line{--social:#06c755}
body:is(.jn-home,.jn-inner) .social-link.social-tiktok{--social:#101b23}
body:is(.jn-home,.jn-inner) .social-instagram .social-icon{background:linear-gradient(35deg,#ffbe55,#ee315d,#9347cb)}
body:is(.jn-home,.jn-inner) .social-arrow{position:absolute;right:14px;top:12px;font-size:calc(1.2rem + 2pt);color:var(--teal)}
body:is(.jn-home,.jn-inner) .contact-direct .social-link{flex-direction:row;gap:20px;padding:14px 34px 14px 0}
body:is(.jn-home,.jn-inner) .contact-direct .social-icon{width:64px;height:64px}
body:is(.jn-home,.jn-inner) .contact-direct .social-icon svg{width:30px;height:30px}
body:is(.jn-home,.jn-inner) .contact-direct .social-arrow{position:static}
@media(max-width:600px){body:is(.jn-home,.jn-inner) .social-links{grid-template-columns:repeat(2,1fr);gap:24px 12px}body:is(.jn-home,.jn-inner) .social-icon{width:76px;height:76px}}

body:is(.jn-home,.jn-inner) .community .section-heading>div>p:not(.eyebrow){max-width:700px;margin-top:20px;margin-bottom:0;color:#526177;font-size:calc(1rem + 2pt)}

/* 1.2.1 — rounded corners and gentle horizontal ambient motion */
body:is(.jn-home,.jn-inner) :is(.button,.menu-toggle,.search-submit,.search-field,.category-links a){border-radius:12px}
body:is(.jn-home,.jn-inner) a:is([href*="//www.youtube.com/"],[href*="//youtube.com/"],[href*="//youtu.be/"]){border-radius:12px}
body:is(.jn-home,.jn-inner) :is(.hero-photo,.topic-image,.card-image,.community-image,.community-image img,.article-featured img,.team-photo){border-radius:14px}
body:is(.jn-home,.jn-inner) :is(.story-mark,.community-grid){border-radius:16px}
body:is(.jn-home,.jn-inner) .hero{isolation:isolate}
body:is(.jn-home,.jn-inner) .hero:before,body:is(.jn-home,.jn-inner) .hero:after{content:'';position:absolute;pointer-events:none;z-index:-1;border-radius:50%;width:clamp(300px,48vw,720px);aspect-ratio:1;left:-35%;top:5%;background:radial-gradient(circle,#70e4b343 0,#37b7aa24 40%,transparent 70%);animation:jn-fluid-drift 32s linear infinite;will-change:transform}
body:is(.jn-home,.jn-inner) .hero:after{width:clamp(260px,38vw,560px);left:-35%;top:30%;background:radial-gradient(circle,#258eaa38 0,#2494a018 45%,transparent 70%);animation-duration:40s;animation-delay:-18s}
body:is(.jn-home,.jn-inner) .brand-orbit:after{animation:jn-ring-flow 18s ease-in-out infinite alternate}
@keyframes jn-fluid-drift{0%{transform:translate3d(0,0,0) scale(.96);opacity:0}15%{opacity:.8}50%{transform:translate3d(65vw,-3%,0) scale(1.04);opacity:.8}85%{opacity:.8}100%{transform:translate3d(130vw,2%,0) scale(.98);opacity:0}}
@keyframes jn-ring-flow{from{transform:translate3d(-8px,2px,0) scale(.99)}to{transform:translate3d(12px,-3px,0) scale(1.02)}}
@media(max-width:1050px) and (min-width:801px){body:is(.jn-home,.jn-inner) .header-row{flex-wrap:wrap;gap:12px;padding-bottom:16px}body:is(.jn-home,.jn-inner) .site-navigation{order:3;width:100%;margin:0}body:is(.jn-home,.jn-inner) .site-navigation ul{justify-content:space-between}body:is(.jn-home,.jn-inner) .header-youtube{margin-left:auto}}
@media(max-width:800px){body:is(.jn-home,.jn-inner) .hero:before,body:is(.jn-home,.jn-inner) .hero:after{animation-duration:40s;will-change:auto}body:is(.jn-home,.jn-inner) .story-year br{display:block}}
@media(prefers-reduced-motion:reduce){body:is(.jn-home,.jn-inner) .hero:before,body:is(.jn-home,.jn-inner) .hero:after,body:is(.jn-home,.jn-inner) .brand-orbit:after{animation:none!important;will-change:auto}}

@media(max-width:360px){body:is(.jn-home,.jn-inner) .stats{grid-template-columns:1fr;gap:18px}body:is(.jn-home,.jn-inner) .stats>div{border-right:0}}

/* 1.3 — open story composition, handwritten phrase, and shuttle flight */
@font-face{font-family:JN Hand;src:url('caveat-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
body:is(.jn-home,.jn-inner) .story{overflow:clip}
body:is(.jn-home,.jn-inner) .story-mark{background:transparent;border:0;border-radius:0;padding:18px 0;overflow:visible;min-height:0;color:var(--ink);display:block}
body:is(.jn-home,.jn-inner) .story-mark>.eyebrow{color:var(--teal);display:block;margin-bottom:8px}
body:is(.jn-home,.jn-inner) .story-float{position:relative;min-height:340px;transform:translateY(0)}
body:is(.jn-home,.jn-inner) .story-lettering{position:relative;padding-top:35px;width:75%;z-index:1}
body:is(.jn-home,.jn-inner) .story-mark .story-year{display:block;max-width:none;padding:0 0 25px;font-family:'JN Hand',cursive;font-weight:600;font-size:calc(clamp(3.7rem,5.4vw,4.8rem) + 2pt);line-height:1.02;letter-spacing:-.025em;text-transform:none;color:var(--ink);transform:rotate(-5deg)}
body:is(.jn-home,.jn-inner) .story-year br{display:block}
body:is(.jn-home,.jn-inner) .story-year em{font-family:inherit;font-size:inherit;font-weight:600;font-style:normal;color:var(--teal)}
body:is(.jn-home,.jn-inner) .shuttle-flight{position:absolute;right:-10px;top:0;width:clamp(135px,14vw,190px);pointer-events:none;z-index:2}
body:is(.jn-home,.jn-inner) .story-shuttle{width:100%;height:auto;object-fit:contain}
body:is(.jn-home,.jn-inner) .story-mark .founder-names{font-size:calc(.9rem + 2pt);margin-top:8px;color:#526177}
body:is(.jn-home,.jn-inner) .story-mark.motion-ready:not(.is-entered) .shuttle-flight{opacity:0}
body:is(.jn-home,.jn-inner) .story-mark.is-entered:not(.is-settled) .shuttle-flight{animation:jn-shuttle-arrive 1.2s cubic-bezier(.2,.7,.3,1) both}
body:is(.jn-home,.jn-inner) .story-mark.is-settled .story-float{animation:jn-story-bob 4.8s ease-in-out infinite;animation-play-state:paused}
body:is(.jn-home,.jn-inner) .story-mark.is-settled.is-in-view .story-float{animation-play-state:running}
@keyframes jn-shuttle-arrive{0%{opacity:0;transform:translate3d(120px,-85px,0) rotate(28deg) scale(.85)}15%{opacity:1}65%{transform:translate3d(-12px,8px,0) rotate(-8deg) scale(1.02)}100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes jn-story-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1050px) and (min-width:801px){body:is(.jn-home,.jn-inner) .story-lettering{width:82%}body:is(.jn-home,.jn-inner) .shuttle-flight{right:-12px;top:-12px;width:130px}}
@media(max-width:800px){body:is(.jn-home,.jn-inner) .story-mark{max-width:480px;width:100%;margin-inline:auto;padding:8px 0 20px}body:is(.jn-home,.jn-inner) .story-float{min-height:300px}body:is(.jn-home,.jn-inner) .shuttle-flight{width:155px;right:0}body:is(.jn-home,.jn-inner) .story-lettering{width:75%}}
@media(max-width:400px){body:is(.jn-home,.jn-inner) .shuttle-flight{width:125px;right:-3px;top:8px}body:is(.jn-home,.jn-inner) .story-lettering{width:80%}}
@media(prefers-reduced-motion:reduce){body:is(.jn-home,.jn-inner) .story-mark .shuttle-flight,body:is(.jn-home,.jn-inner) .story-mark .story-float{animation:none!important;transform:none!important;opacity:1!important}}

/* 1.3.1 — article typography takes precedence over legacy inline formatting. */
body.single.jn-inner .entry-content{font-family:'JN Thai','Noto Sans Thai',Tahoma,sans-serif;font-size:calc(1.025rem + 2pt);line-height:1.9;color:var(--ink)}
body.single.jn-inner .entry-content :is(.jongnow-article,div,p,li,ul,ol,blockquote,h1,h2,h3,h4,h5,h6,td,th,figcaption,a,strong,b,em,i,span:not([class*="icon"]):not([class*="dashicons"])){font-family:inherit!important}
body.single.jn-inner .entry-content :is(.jongnow-article,div,p,li,ul,ol,blockquote,td){font-size:inherit!important;line-height:1.9!important;color:inherit!important}
body.single.jn-inner .entry-content :is(p,li){font-weight:400!important}
body.single.jn-inner .entry-content :is(span:not([class*="icon"]):not([class*="dashicons"]),strong,b,em,i,a){font-size:inherit!important;line-height:inherit!important}
body.single.jn-inner .entry-content p{margin:0 0 24px!important}
body.single.jn-inner .entry-content :is(h1,h2,h3,h4,h5,h6){font-family:'JN Thai','Noto Sans Thai',Tahoma,sans-serif!important;line-height:1.55!important;font-weight:750!important;letter-spacing:0!important;color:var(--ink)!important;margin:36px 0 16px!important}
body.single.jn-inner .entry-content h1{font-size:calc(1.85rem + 2pt)!important}
body.single.jn-inner .entry-content h2{font-size:calc(1.65rem + 2pt)!important}
body.single.jn-inner .entry-content h3{font-size:calc(1.3rem + 2pt)!important}
body.single.jn-inner .entry-content :is(h4,h5,h6){font-size:calc(1.15rem + 2pt)!important}
body.single.jn-inner .entry-content :is(strong,b){font-weight:750!important}
body.single.jn-inner .entry-content :is(em,i){font-style:italic}
body.single.jn-inner .entry-content figcaption{font-size:calc(.8rem + 2pt)!important;line-height:1.7!important}
body.single.jn-inner .entry-content :is(pre,code,kbd,samp){font-family:monospace!important}

/* Editorial positioning: preserve the existing motion and typography. */
body:is(.jn-home,.jn-inner) .editorial-pillars .topic-card {padding:26px;background:var(--blush);border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;}
body:is(.jn-home,.jn-inner) .editorial-pillars .text-link {margin-top:auto;}
body:is(.jn-home,.jn-inner) .pillar-number {font-size:38px;font-weight:800;color:var(--teal);line-height:1.2;margin-bottom:24px;}
body:is(.jn-home,.jn-inner) .editorial-pillars .eyebrow {letter-spacing:.08em;}
body:is(.jn-home,.jn-inner) .partnership {background:var(--blush);}
body:is(.jn-home,.jn-inner) .partnership p:not(.eyebrow) {max-width:760px;}
body:is(.jn-home,.jn-inner) .about-layout .editorial-pillars {grid-template-columns:repeat(2,minmax(0,1fr));}
body:is(.jn-home,.jn-inner) .footer-brand {max-width:430px;}
body:is(.jn-home,.jn-inner) .footer-brand span {font-size:17px;}
body:is(.jn-home,.jn-inner) .contact-intro {max-width:900px;}
body:is(.jn-home,.jn-inner) .hero-copy>.eyebrow {letter-spacing:.11em;line-height:1.7;}
@media(max-width:700px) {body:is(.jn-home,.jn-inner) .about-layout .editorial-pillars {grid-template-columns:1fr;}}

body:is(.jn-home,.jn-inner) .post-card h3{font-size:calc(1.14rem + 2pt);line-height:1.65;margin-bottom:12px;letter-spacing:-.02em}