@font-face{font-family:Aeonik;src:url('../fonts/aeonik-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Aeonik;src:url('../fonts/aeonik-medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Aeonik;src:url('../fonts/aeonik-semibold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Aeonik;src:url('../fonts/aeonik-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Aeonik;src:url('../fonts/aeonik-black.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{--ink:#0a0b0d;--blue:#1e29f6;--blue-dark:#101ce0;--muted:#656b78;--line:#e5e7ed;--surface:#f3f4f9;--navy:#060b1f;--lime:#c9ff83;--font:Aeonik,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}::selection{background:#c9ff83;color:#060b1f}.shell{width:min(100% - 80px,1280px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:24px;z-index:100;background:var(--lime);padding:12px 18px}.skip-link:focus{top:12px}.announcement{height:42px;display:flex;align-items:center;justify-content:center;gap:13px;background:var(--navy);color:#e8edfc;font-size:11px;font-weight:700;letter-spacing:.085em}.announcement span:first-child{color:var(--lime)}.announcement-separator{height:13px;width:1px;background:#526085}.site-header{height:82px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;flex:none}.brand img{width:92px;height:auto}.brand-divider{width:1px;height:21px;background:#cbd0da;margin:0 18px}.brand-journal{font-size:19px;font-weight:600;letter-spacing:-.025em}.site-nav{height:100%;display:flex;align-items:center;gap:33px;margin-left:34px}.site-nav a{font-size:14px;font-weight:600;transition:color .2s}.site-nav a:hover,.site-nav .nav-current{color:var(--blue)}.header-cta{margin-left:auto;border-radius:50px;background:var(--blue);color:#fff;padding:14px 22px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.header-cta:hover{background:var(--blue-dark);transform:translateY(-2px)}.header-cta span{padding-left:8px}.menu-toggle{display:none}
.journal-intro{min-height:435px;padding-top:75px;padding-bottom:68px;display:grid;grid-template-columns:1fr 335px;align-items:end;gap:40px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 23px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.16em}.eyebrow-line{display:inline-block;width:20px;height:2px;background:var(--blue)}.journal-intro h1{font-size:clamp(62px,6.4vw,102px);line-height:.94;letter-spacing:-.035em;font-weight:900;margin:0}.journal-intro h1 em{font-style:normal;color:var(--blue)}.blue-dot{color:var(--blue)}.intro-aside{margin:0 0 6px;font-size:19px;line-height:1.55;letter-spacing:-.018em;color:#5b616e}
.featured-section{margin-bottom:115px}.featured-story{display:grid;grid-template-columns:1.12fr .88fr;min-height:480px;border-radius:30px;background:var(--surface);overflow:hidden;transition:box-shadow .25s}.featured-story:hover{box-shadow:0 26px 70px rgba(17,32,99,.11)}.featured-art{position:relative;background:#1927eb;overflow:hidden}.featured-art img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.featured-story:hover .featured-art img{transform:scale(1.035)}.featured-label{position:absolute;left:30px;top:30px;padding:11px 14px;border-radius:50px;background:var(--lime);font-size:10px;font-weight:700;letter-spacing:.1em}.featured-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:58px clamp(35px,5vw,72px)}.story-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#78808e;font-size:11px;font-weight:700;letter-spacing:.095em;text-transform:uppercase}.story-meta span:first-child{color:var(--blue)}.meta-dot{width:3px;height:3px;border-radius:50%;background:#9298a6}.featured-info h2{font-size:clamp(36px,3.2vw,54px);line-height:1.05;letter-spacing:-.035em;margin:26px 0 17px;font-weight:900}.featured-info p{font-size:16px;line-height:1.65;color:#5b616e;margin:0 0 29px;max-width:380px}.text-link{display:inline-flex;align-items:center;gap:20px;color:var(--blue);font-size:13px;font-weight:700;border-bottom:1px solid var(--blue);padding-bottom:6px;transition:gap .2s}.text-link:hover{gap:28px}
.stories-section{padding-bottom:125px}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:27px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2{font-size:clamp(40px,4.2vw,64px);line-height:1;letter-spacing:-.035em;margin:0;font-weight:900}.section-side{font-size:14px;line-height:1.5;color:#848b98;text-align:right}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 28px}.story-card{min-width:0}.card-image{display:block;overflow:hidden;border-radius:22px;background:#e7eafa;aspect-ratio:1.56}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.card-image:hover img{transform:scale(1.045)}.card-body{padding:25px 4px 0}.card-body :is(h2,h3){font-size:clamp(27px,2.6vw,39px);line-height:1.12;letter-spacing:-.028em;margin:15px 0 11px;font-weight:700;max-width:520px}.card-body :is(h2,h3) a:hover{color:var(--blue)}.card-body p{color:var(--muted);line-height:1.58;font-size:16px;max-width:510px;margin:0 0 20px}.pagination{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:65px;font-size:13px;color:var(--muted)}.pagination a{color:var(--blue);font-weight:700}
.closing-cta{background:var(--blue);color:#fff;padding:78px 0 83px}.closing-inner{display:flex;justify-content:space-between;align-items:end;gap:30px}.closing-cta .eyebrow{color:var(--lime);margin-bottom:23px}.closing-cta h2{font-size:clamp(48px,5.5vw,78px);line-height:.99;letter-spacing:-.035em;margin:0 0 22px;font-weight:900}.closing-cta p:last-child{margin:0;color:#d4d8ff;font-size:17px}.lime-button{display:inline-flex;justify-content:center;gap:38px;align-items:center;border-radius:50px;background:var(--lime);color:#071139;padding:17px 24px;font-weight:700;font-size:14px;white-space:nowrap;transition:transform .2s,background .2s}.lime-button:hover{background:#bdf56c;transform:translateY(-2px)}
.site-footer{background:var(--navy);color:#fff}.footer-main{padding-top:80px;padding-bottom:95px;display:flex;justify-content:space-between;gap:50px}.footer-about img{width:104px;height:auto}.footer-about p{font-size:26px;line-height:1.15;letter-spacing:-.04em;font-weight:700;margin:27px 0 0}.footer-links{display:flex;gap:95px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer-links span{font-size:11px;font-weight:700;letter-spacing:.12em;color:#929bb9;margin-bottom:10px}.footer-links a{font-size:14px;color:#e5e9f7}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #303951;padding:23px 0 29px;display:flex;justify-content:space-between;color:#8994af;font-size:12px}
.post-header{padding-top:42px}.back-link{font-size:13px;font-weight:700;color:var(--blue)}.back-link:hover{text-decoration:underline}.post-heading{max-width:970px;margin:73px auto 58px;text-align:center}.post-heading .story-meta{justify-content:center}.post-heading h1{font-size:clamp(52px,6.1vw,91px);line-height:1.03;letter-spacing:-.035em;font-weight:900;margin:22px auto}.post-heading>p{font-size:20px;line-height:1.5;max-width:740px;margin:0 auto;color:#676e7a}.post-cover{max-width:1280px;max-height:660px;overflow:hidden;border-radius:30px;background:#1e29f6}.post-cover img{width:100%;max-height:660px;object-fit:cover}.article-layout{display:grid;grid-template-columns:1fr minmax(0,760px) 1fr;gap:25px;padding-top:70px}.article-rail{display:flex;flex-direction:column;align-items:start;gap:16px;padding-top:8px}.article-rail span{font-size:10px;font-weight:700;letter-spacing:.13em;color:#9299a7;margin-bottom:5px}.article-rail a{font-size:13px;font-weight:700;color:var(--blue)}.post-content{grid-column:2;font-size:19px;line-height:1.72;letter-spacing:-.008em;color:#303542}.gh-content>*:first-child{margin-top:0}.gh-content p{margin:0 0 27px}.gh-content h2,.gh-content h3{color:var(--ink);line-height:1.12;letter-spacing:-.028em;font-weight:700}.gh-content h2{font-size:41px;margin:60px 0 24px}.gh-content h3{font-size:29px;margin:40px 0 17px}.gh-content a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.gh-content ul,.gh-content ol{padding-left:25px;margin:0 0 31px}.gh-content li{padding-left:5px;margin-bottom:12px}.gh-content blockquote{border-left:3px solid var(--blue);padding:3px 0 3px 27px;margin:44px 0;font-size:27px;line-height:1.4;letter-spacing:-.035em;color:var(--ink)}.gh-content blockquote p{margin:0}.gh-content img{height:auto;border-radius:17px}.gh-content figure{margin:43px 0}.gh-content figcaption{font-size:13px;line-height:1.5;color:#89909c;text-align:center;margin-top:12px}.gh-content .kg-width-wide{width:min(1100px,calc(100vw - 80px));max-width:none;margin-left:50%;transform:translateX(-50%)}.gh-content .kg-width-full{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}.post-end{border-top:1px solid var(--line);padding-top:30px;padding-bottom:88px;margin-top:65px;display:flex;justify-content:space-between;gap:20px;align-items:center}.post-end>span{font-size:11px;letter-spacing:.12em;font-weight:700;color:#8c93a0}.post-end a{font-weight:700;font-size:14px;color:var(--blue)}.related-section{padding-bottom:120px}.page-article{padding-top:100px;padding-bottom:130px}.page-article h1{font-size:clamp(50px,6vw,86px);letter-spacing:-.035em;margin:0 0 55px}.page-article .gh-content{max-width:760px;margin:auto;font-size:19px;line-height:1.7}.archive{padding-top:105px;padding-bottom:130px}.archive h1{font-size:clamp(58px,7vw,100px);line-height:1;letter-spacing:-.035em;margin:0 0 26px}.archive-description{max-width:650px;color:var(--muted);font-size:20px;line-height:1.5;margin:0 0 75px}.archive .story-grid{margin-top:75px}
@media(max-width:1100px){.shell{width:min(100% - 48px,1280px)}.site-nav{gap:20px;margin-left:5px}.header-inner{gap:20px}.journal-intro{grid-template-columns:1fr 280px}.featured-story{min-height:420px}.featured-info{padding:38px}.article-layout{grid-template-columns:120px minmax(0,760px);gap:35px}}
@media(max-width:760px){.shell{width:min(100% - 36px,1280px)}.announcement{height:36px;font-size:9px}.site-header{height:68px}.brand img{width:80px}.brand-divider{margin:0 13px}.brand-journal{font-size:17px}.header-cta{margin-left:auto;padding:11px 15px;font-size:11px}.menu-toggle{order:3;display:flex;flex-direction:column;justify-content:center;gap:5px;width:30px;height:38px;border:0;background:none;padding:0;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink)}.site-nav{display:none;position:absolute;left:0;right:0;top:68px;height:auto;margin:0;padding:12px 18px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.07);flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:13px 3px;font-size:16px}.journal-intro{min-height:0;display:block;padding-top:75px;padding-bottom:40px}.journal-intro h1{font-size:clamp(55px,12vw,82px)}.intro-aside{font-size:16px;max-width:480px;margin-top:28px}.featured-section{margin-bottom:82px}.featured-story{display:block;min-height:0;border-radius:22px}.featured-art{aspect-ratio:1.25}.featured-label{left:18px;top:18px}.featured-info{padding:33px 27px 40px}.featured-info h2{font-size:clamp(35px,7vw,48px);margin-top:19px}.featured-info p{font-size:15px}.stories-section{padding-bottom:85px}.section-heading{align-items:start}.section-heading h2{font-size:46px}.section-side{display:none}.story-grid{grid-template-columns:1fr;gap:48px}.card-image{border-radius:18px}.card-body{padding-top:21px}.card-body :is(h2,h3){font-size:32px}.closing-cta{padding:70px 0}.closing-inner{display:block}.closing-cta h2{font-size:55px}.closing-cta p:last-child{font-size:16px}.lime-button{margin-top:35px}.footer-main{padding:65px 0;display:block}.footer-links{gap:60px;margin-top:65px}.footer-about p{font-size:24px}.footer-bottom{line-height:1.5}.post-header{padding-top:30px}.post-heading{margin:60px auto 37px}.post-heading h1{font-size:clamp(48px,9vw,70px)}.post-heading>p{font-size:17px}.post-cover{width:calc(100% - 36px);border-radius:20px}.article-layout{display:block;padding-top:48px}.article-rail{display:none}.post-content{font-size:18px}.gh-content h2{font-size:35px}.gh-content h3{font-size:26px}.gh-content blockquote{font-size:23px}.gh-content .kg-width-wide{width:calc(100vw - 36px)}.post-end{padding-bottom:65px}.related-section{padding-bottom:85px}.archive{padding-top:75px}.archive .story-grid{margin-top:55px}}
@media(max-width:440px){.announcement span:last-child{display:none}.announcement-separator{display:none}.header-inner{gap:12px}.header-cta{padding:10px 12px;font-size:10px}.header-cta span{display:none}.brand-divider{margin:0 9px}.brand-journal{font-size:15px}.journal-intro h1{font-size:clamp(53px,12.2vw,67px)}.footer-links{gap:42px}.footer-bottom span:last-child{display:none}.post-heading h1{font-size:46px}.post-heading .story-meta{gap:7px;font-size:10px}.post-end>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* COTI's product artwork is portrait-oriented. Preserve the complete device UI. */
.card-image{aspect-ratio:15/16;background:#f3f4f9}
.card-image img{object-fit:contain}
.card-image:hover img{transform:none}
.card-image:hover{box-shadow:0 16px 36px rgba(12,24,89,.1)}
.post-cover{max-width:760px;max-height:none;background:transparent}
.post-cover img{width:100%;height:auto;max-height:none;object-fit:contain}

/* Honor Ghost's publication font settings while retaining the COTI default. */
body{font-family:var(--gh-font-body,var(--font))}
h1,h2,h3,h4,h5,h6{font-family:var(--gh-font-heading,var(--font))}
.page-feature-image{max-width:760px;margin:0 auto 50px}
.page-feature-image img{display:block;width:100%;height:auto;border-radius:22px}