@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;1,400&family=Manrope:wght@400;500;600;700&display=swap');
:root{--navy:#0a2f4d;--deep:#07243b;--cream:#f6f4ee;--gold:#e8b75d;--muted:#a9bac7;--line:#ffffff25}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--cream);font:15px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.top{padding:26px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:27px;letter-spacing:.16em;line-height:1.1;font-weight:700}.brand span{display:block;font-size:9px;letter-spacing:.26em;margin-top:7px}nav{display:flex;align-items:center;gap:30px}nav a{font-size:13px}nav a[aria-current]{color:var(--gold)}.button,button.primary{display:inline-block;background:var(--gold);color:var(--deep);padding:14px 24px;border:1px solid var(--gold);border-radius:4px;font-weight:700}.button.small{padding:10px 17px}.hero{padding:90px 6vw 80px;max-width:1100px}.eyebrow{display:block;font-size:11px;letter-spacing:.19em;font-weight:700;color:var(--gold);text-transform:uppercase}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(43px,6.4vw,84px);margin:24px 0}h1 em{color:var(--gold);font-weight:400}.hero p{font-size:18px;color:var(--muted);max-width:540px}.stories{padding:0 6vw 80px}.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0}.section-label h2{font-size:25px}.section-label span{font-size:12px;color:var(--muted)}.stories .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#ffffff04;transition:transform .2s}.card:hover{transform:translateY(-4px);border-color:var(--gold)}.card-image{height:220px;overflow:hidden;background:var(--deep)}.card-image img{width:100%;height:100%;object-fit:cover}.card-art{display:grid;place-items:center;height:100%;background:linear-gradient(145deg,#154b68,#08273c);font-family:Fraunces,Georgia,serif;font-size:33px;color:var(--gold)}.card-body{padding:27px}.card h2{font-size:30px;margin:16px 0}.card p{color:var(--muted);font-size:14px}.read{display:block;margin-top:30px;font-size:12px;color:var(--gold)}.empty{grid-column:1/-1;border:1px solid var(--line);padding:50px;text-align:center}.empty p{max-width:550px;margin:20px auto 30px;color:var(--muted)}.cta{margin:0 6vw 70px;padding:44px;background:var(--deep);border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:38px;margin:15px 0}.cta p{color:var(--muted);margin:0}.cta .button{flex-shrink:0}footer{border-top:1px solid var(--line);padding:50px 6vw;color:var(--muted);font-size:12px}footer .brand{color:var(--cream)}footer>a:last-of-type{color:var(--gold)}.article{max-width:1000px;margin:auto;padding:55px 30px}.article h1{font-size:clamp(40px,5vw,68px)}.back{display:block;color:var(--muted);font-size:13px;margin-bottom:45px}.standfirst{font-size:21px;color:var(--muted)}.byline{font-size:12px;color:var(--muted);margin:25px 0 40px}.cover{width:100%;max-height:550px;object-fit:cover;border-radius:6px}.prose{max-width:710px;margin:45px auto;font-size:17px;line-height:1.9}.prose h2{font-size:33px;margin:45px 0 20px}.prose p,.prose li{color:#d9e1e6}.article .cta{margin:60px 0 20px}.notice{border:1px solid var(--gold);padding:12px;color:var(--gold)}
/* Editor */
.cms{background:#f2f3ef;color:#20384a}.cms .top{background:var(--navy);color:var(--cream)}.cms-shell{max-width:1260px;margin:40px auto;padding:0 24px}.login{max-width:440px;background:white;border:1px solid #dae1df;border-radius:10px;margin:65px auto;padding:38px}.cms h1{font-size:38px;margin:10px 0 15px}.cms h2{font-size:28px}.cms p.hint{font-size:13px;color:#627481}.cms label{display:block;font-size:12px;font-weight:700;margin:16px 0 6px}.cms input,.cms select,.cms textarea{width:100%;border:1px solid #c7d2d4;border-radius:5px;padding:12px;background:white;color:#20384a}.cms textarea{resize:vertical}.cms button{border:1px solid #bbc9cc;border-radius:5px;background:white;color:#20384a;padding:10px 17px;font-size:13px;font-weight:600}.cms button.primary{background:var(--gold);border-color:var(--gold);color:var(--deep)}.cms .login button.primary{width:100%;margin-top:22px}.workspace{display:grid;grid-template-columns:270px 1fr;gap:25px}.sidebar,.editor{background:white;border:1px solid #dae1df;border-radius:8px;padding:25px}.sidebar h2{margin-top:0}.sidebar button{width:100%;margin-bottom:15px}.post-item{display:block;padding:14px 0;border-bottom:1px solid #e2e7e6;cursor:pointer;text-align:left!important;background:none!important;border-radius:0!important;border:0!important;border-bottom:1px solid #e2e7e6!important}.post-item strong{display:block}.post-item small{color:#627481;font-size:11px}.editor-head,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.editor-head{justify-content:space-between}.editor-head h2{margin:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.actions{margin-top:23px;padding-top:23px;border-top:1px solid #e2e7e6}.save-status{font-size:12px;color:#627481}.message{padding:12px 18px;margin:15px 0;border-radius:5px;background:#e5eedf;color:#27502c;white-space:pre-line}.message.error{background:#fce6e2;color:#9c3023}.cover-preview{max-width:240px;max-height:140px;object-fit:cover;margin-top:12px;border-radius:4px}.cms .eyebrow{color:#9a681b}.cms .top button{background:transparent;color:var(--cream);border-color:var(--line)}.cms a.public{font-size:12px;color:#8c631d;text-decoration:underline}.password-options{margin-top:15px}.preview-dialog{width:95vw;height:90vh;max-width:1100px;border:0;padding:15px;border-radius:8px}.preview-dialog iframe{width:100%;height:calc(100% - 50px);border:0;margin-top:12px}.preview-dialog::backdrop{background:#0009}.cms .toolbar{display:flex;gap:8px;margin:7px 0}.cms .toolbar button{padding:5px 12px;font-size:12px}
@media(max-width:850px){.stories .grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.sidebar{max-height:300px;overflow:auto}.cta{align-items:flex-start;flex-direction:column}.top{padding:22px 5vw}nav{gap:16px}.hero{padding-top:60px}}@media(max-width:560px){.stories .grid{grid-template-columns:1fr}.top nav a:first-child{display:none}.brand{font-size:22px}nav{gap:12px}nav a{font-size:11px}.button.small{padding:8px 10px}.hero{padding-bottom:45px}.section-label h2{font-size:21px}.cta{padding:25px}.cta h2{font-size:30px}.article{padding:35px 20px}.fields{grid-template-columns:1fr;gap:0}.cms-shell{padding:0 12px}.editor{padding:18px}.login{padding:26px}.empty{padding:30px}}

/* Shared Nihar identity: original artwork, navigation treatment and footer utilities. */
.public-blog{background:radial-gradient(ellipse at 90% 0%,rgba(28,79,116,.34),transparent 50%),#0a2f4d;color:#f6f4ee}
.site-header{max-width:1280px;margin:auto;padding:20px 32px;border:0;gap:24px;min-height:110px}
.site-logo{display:inline-flex;align-items:center;justify-content:center;background:#f6f4ee;border-radius:12px;padding:6px 24px;box-shadow:0 6px 18px -6px #03111c8c;outline:1px solid #e8b75d4d;flex-shrink:0;line-height:1}
.site-logo img{display:block;height:56px;width:auto;max-width:100%;object-fit:contain}
.desktop-links{gap:0;padding:6px 12px;border-radius:999px;border:1px solid #6fa3c740;background:linear-gradient(135deg,#ffffff0a,#ffffff03);box-shadow:0 10px 20px #0002;backdrop-filter:blur(12px)}
.desktop-links a{font-size:12px;color:#6fa3c7;font-weight:500;letter-spacing:.025em;padding:6px 13px;white-space:nowrap}
.desktop-links a:hover{color:#f6f4ee}.desktop-links a[aria-current]{background:linear-gradient(90deg,#1c4f74e6,#2f5d3ae6);border:1px solid #e8b75d80;border-radius:999px;color:#f6f4ee;font-weight:700}
.header-actions{display:flex;align-items:center;gap:10px}.site-header .button{border-radius:999px;font-size:12px;padding:9px 20px;white-space:nowrap}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;padding:7px 11px;border-radius:12px;background:#1c4f7499;border:1px solid #6fa3c74d}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:48px;z-index:50;display:flex;flex-direction:column;align-items:stretch;gap:0;width:210px;background:#0a2f4d;border:1px solid #6fa3c74d;padding:12px;border-radius:16px;box-shadow:0 12px 35px #0006}.mobile-nav nav a{display:block;padding:10px 12px;font-size:14px}.public-blog .hero,.public-blog .stories{max-width:1280px;margin:auto;padding-left:32px;padding-right:32px}.public-blog .hero{padding-top:80px;padding-bottom:75px}.public-blog .eyebrow{color:#e8b75d}.public-blog .hero h1{font-size:clamp(44px,6vw,78px);font-weight:500;letter-spacing:-.035em}.public-blog .button{border-radius:999px}.public-blog .card,.public-blog .empty,.public-blog .cta{border-radius:24px;border-color:#6fa3c740;background:linear-gradient(135deg,#1c4f7426,#2f5d3a10)}.public-blog .cta{max-width:1216px;margin-left:auto;margin-right:auto}.public-blog .site-footer{padding:80px 0 48px;border-top:1px solid #6fa3c733;font-size:14px;background:linear-gradient(180deg,#0a2f4d,#061e32);color:#f6f4ee}.site-footer p{line-height:1.7}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer h4{font-family:Manrope,Arial,sans-serif;font-weight:700}.site-footer a:hover{color:#e8b75d}.site-footer img{opacity:1;transform:none}.site-footer .footer-logo-img{object-fit:contain}.site-footer .grid{display:grid}.site-footer .grid>div{min-width:0}.studio-label{color:#e8b75d;font-size:10px;letter-spacing:.2em;margin-right:auto}.cms .top{gap:22px}.cms .site-logo img{height:44px}.cms .site-logo{padding:5px 20px}
@media(max-width:1200px){.desktop-links{display:none}.mobile-nav{display:block}.site-header{justify-content:space-between}.public-blog .cta{margin-left:32px;margin-right:32px}}
@media(max-width:640px){.site-header{padding:12px 16px;min-height:74px;gap:10px}.site-logo{padding:6px 20px}.site-logo img{height:32px}.site-header .button{padding:8px 12px;font-size:11px}.public-blog .hero,.public-blog .stories{padding-left:20px;padding-right:20px}.public-blog .hero{padding-top:48px;padding-bottom:48px}.public-blog .hero p{font-size:16px}.public-blog .cta{margin-left:20px;margin-right:20px}.public-blog .site-footer{padding-top:48px}.cms .site-logo img{height:32px}.cms .top{gap:12px}.studio-label{display:none}.cms .top nav a{display:block}}
