/* Shared page chrome for /blog/ pages.
   Extracted verbatim from the inline base styles the other marketing
   subpages carry, so the header, footer, buttons and type match exactly
   without duplicating 17KB of CSS into twenty-one documents.
   Loaded BEFORE luxury-v5.css so the existing cascade order is preserved. */

:root{--ink:#050a11;--navy:#080b0f;--navy-2:#12171d;--blue:#1aa8ff;--ice:#86d9ff;--white:#f7fbff;--muted:#a9b7c7;--metal:#7890a7;--line:rgba(140,188,226,.28);--glass:rgba(5,13,24,.70);--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}
body::selection{background:var(--blue);color:#00111e}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,a{touch-action:manipulation}
.shell{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(2,7,14,.87),rgba(2,7,14,.42));backdrop-filter:blur(10px)}
.nav{min-height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.015em;font-size:1.16rem}
.brand img{width:44px;height:44px;border-radius:11px;box-shadow:0 0 24px rgba(26,168,255,.25)}
.nav-links{display:flex;gap:25px;margin-left:auto;color:#c7d3df;font-size:.9rem}
.nav-links a:hover{color:var(--ice)}
.nav-actions{display:flex;gap:10px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid #53616e;font-weight:700;font-size:.9rem;letter-spacing:.02em;transition:.2s ease;background:linear-gradient(135deg,rgba(28,33,39,.88),rgba(8,11,15,.9));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.button:hover{transform:translateY(-2px);border-color:var(--ice);background:linear-gradient(135deg,#242c34,#10171e)}
.button.primary{background:linear-gradient(135deg,#38434d,#11161b 58%,#05080b);border-color:#88a0b3;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.18),0 12px 34px rgba(0,0,0,.35)}
.button.primary:hover{border-color:#43b9f7;background:linear-gradient(135deg,#485662,#161d23 58%,#070b0e)}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:16px;font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.7rem,4vw,4.25rem);line-height:.97;letter-spacing:-.042em;text-wrap:balance}
h1 em{color:var(--ice);font-weight:600}
.section-kicker{color:var(--ice);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:13px}
footer{padding:34px 0 24px;border-top:1px solid var(--line);background:#03070c;color:#8696a5}
.footer-main{display:flex;align-items:center;gap:24px}
.footer-main .brand{color:#eaf7ff}
.footer-main p{margin:0;font-size:.85rem}
.footer-links{display:flex;gap:22px;margin-left:auto;font-size:.84rem}
.footer-links a:hover{color:var(--ice)}
.copyright{margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:.74rem}
@media(max-width:980px){.nav-links{display:none}}
@media(max-width:720px){
  .shell{width:min(100% - 28px,var(--max))}.site-header{position:absolute}.nav{min-height:68px}.brand span{font-size:1rem}
  .nav-actions .button:first-child{display:none}.nav-actions .button{min-height:42px;padding:0 14px}
  h1{font-size:clamp(2.45rem,11vw,3.7rem)}
  .footer-main{align-items:flex-start;flex-direction:column}.footer-links{margin-left:0;flex-wrap:wrap}
}
.page-intro{padding:72px 0 36px;max-width:850px}
.page-intro h1{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4rem);line-height:1.1;margin:16px 0 24px}
.page-intro p{font-size:1.1rem;color:var(--muted);line-height:1.8}
.page-main{padding-bottom:70px}
.info-card{padding:28px;border:1px solid #42515e;background:linear-gradient(145deg,#19222b,#0a1016)}
.info-card h2,.info-card h3{font-family:Georgia,serif;font-size:1.6rem;line-height:1.25;margin:12px 0}
.info-card p{color:var(--muted);line-height:1.8;margin:14px 0}
.text-link{display:inline-block;color:#a4defa;font-weight:700;text-decoration:underline;text-underline-offset:4px;margin-top:12px}
.content-block{max-width:840px;margin:44px 0}
.content-block h2{font-family:Georgia,serif;font-size:2rem;margin-bottom:16px}
.content-block p,.content-block li{color:var(--muted);line-height:1.85;margin-bottom:12px}
.content-block ul,.content-block ol{padding-left:24px}
.cta-panel{padding:32px;border:1px solid #648599;background:#111c25;margin:44px 0 0}
.cta-panel h2{font-family:Georgia,serif;font-size:2rem;margin-bottom:12px}
.cta-panel p{color:var(--muted);margin-bottom:22px;line-height:1.7}
.cta-links{display:flex;flex-wrap:wrap;gap:12px}
.footer-links{flex-wrap:wrap;gap:16px}
.nav-links{gap:18px}
.nav{gap:20px}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8dcdea;outline-offset:5px}
@media(max-width:1100px){.nav{flex-wrap:wrap;padding:14px 0;gap:14px}.nav-links{display:flex;order:3;width:100%;justify-content:center;flex-wrap:wrap;margin:0;padding-top:10px;border-top:1px solid #263641}.nav-actions{margin-left:auto}}
@media(max-width:720px){.page-intro{padding-top:42px}.info-card{padding:22px}.nav-links{font-size:.85rem;gap:12px 18px}.cta-panel{padding:24px}.nav-actions .button{font-size:.8rem}}
.info-card{background:linear-gradient(140deg,rgba(44,55,67,.57),rgba(9,16,24,.82));border-color:rgba(161,187,207,.3);box-shadow:inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(12px)}
.subpage .site-header{position:relative}
.subpage main{padding-top:32px}
.subpage .page-intro{padding-top:20px}
.subpage{background:radial-gradient(ellipse at 85% 15%,rgba(31,63,87,.24),transparent 42%),#060c12}
.breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#aebdca;font-size:.8rem;padding:0 0 12px}
.breadcrumbs a{color:#a8defa}
.breadcrumbs a:hover{text-decoration:underline}