*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --navy:#0D1B2A; --navy-mid:#152233; --navy-dark:#060E16;
      --ivory:#F8F5F0; --ivory-dark:#EDE8E0;
      --gold:#C9A84C; --gold-light:#E8D49A; --gold-pale:rgba(201,168,76,.08);
      --slate:#4A5568; --slate-lt:#718096; --white:#FFFFFF;
      --ff-display:'Cormorant Garamond',Georgia,serif; --ff-body:'DM Sans',sans-serif;
    }
    html { scroll-behavior:smooth; }
    body { font-family:var(--ff-body); background:var(--ivory); color:var(--navy); line-height:1.6; overflow-x:hidden; }

    /* NAV */
    nav { position:fixed; top:0; left:0; right:0; z-index:100; padding:0 3rem; height:72px; display:flex; align-items:center; justify-content:space-between; background:rgba(13,27,42,.97); backdrop-filter:blur(12px); box-shadow:0 1px 0 rgba(201,168,76,.15); }
    .nav-logo { text-decoration:none; line-height:1.15; }
    .nav-logo-name { font-family:var(--ff-display); font-size:1.05rem; font-weight:500; color:var(--white); display:block; }
    .nav-logo-title { font-size:.62rem; font-weight:300; color:var(--gold); letter-spacing:.14em; text-transform:uppercase; display:block; }
    .nav-links { display:flex; align-items:center; gap:2rem; list-style:none; }
    .nav-links a { color:rgba(255,255,255,.75); text-decoration:none; font-size:.75rem; font-weight:400; letter-spacing:.09em; text-transform:uppercase; position:relative; transition:color .2s; }
    .nav-links a::after { content:''; position:absolute; bottom:-3px; left:0; right:0; height:1px; background:var(--gold); transform:scaleX(0); transition:transform .3s; }
    .nav-links a:hover { color:var(--gold); }
    .nav-links a:hover::after { transform:scaleX(1); }
    .nav-sep { width:1px; height:24px; background:rgba(255,255,255,.15); }
    .nav-lang { display:flex; gap:.3rem; align-items:center; flex-wrap:nowrap; }
    .lang-btn { background:none; border:none; cursor:pointer; display:inline-flex; align-items:center; gap:.4rem; white-space:nowrap; font-family:var(--ff-body); font-size:.82rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.55); padding:.3rem .5rem; transition:color .2s; }
    .lang-btn.active { color:var(--gold); }
    .lang-flag { width:18px; height:12px; display:block; flex-shrink:0; border-radius:2px; }
    .nav-cta { background:var(--gold)!important; color:var(--navy)!important; padding:.5rem 1.2rem!important; font-weight:500!important; }
    .nav-cta::after { display:none!important; }
    .nav-cta:hover { background:var(--gold-light)!important; }
    .nav-burger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:4px; }
    .nav-burger span { display:block; width:22px; height:1.5px; background:var(--white); }

    /* PAGE HERO */
    .page-hero { position:relative; height:52vh; min-height:360px; display:flex; align-items:flex-end; overflow:hidden; padding-bottom:3rem; }
    .page-hero-bg { position:absolute; inset:0; background:url('../img/remote/20190105_162328.jpg') center/cover no-repeat; }
    .page-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(13,27,42,.93) 0%,rgba(13,27,42,.55) 55%,rgba(13,27,42,.25) 100%); }
    .page-hero-body { position:relative; z-index:2; max-width:1200px; width:100%; margin:0 auto; padding:72px 3rem 0; }
    .breadcrumb { display:flex; align-items:center; gap:.5rem; margin-bottom:1rem; }
    .breadcrumb a { color:rgba(255,255,255,.45); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; transition:color .2s; }
    .breadcrumb a:hover { color:var(--gold); }
    .breadcrumb-sep { color:rgba(255,255,255,.25); font-size:.65rem; }
    .breadcrumb-cur { color:var(--gold); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; }
    .page-num { font-family:var(--ff-display); font-size:5rem; font-weight:300; color:rgba(201,168,76,.18); line-height:1; position:absolute; right:3rem; bottom:3rem; z-index:2; }
    .page-title { font-family:var(--ff-display); font-weight:300; font-style:italic; font-size:clamp(2rem,4vw,3.6rem); color:var(--white); line-height:1.1; }

    /* MAIN LAYOUT */
    .page-wrap { max-width:1200px; margin:0 auto; padding:4rem 3rem; display:grid; grid-template-columns:1fr 320px; gap:5rem; align-items:start; }

    /* ARTICLE */
    .article h2 { font-family:var(--ff-display); font-size:1.6rem; font-weight:500; color:var(--navy); margin:2.5rem 0 .9rem; padding-top:2.5rem; border-top:1px solid var(--ivory-dark); line-height:1.2; }
    .article h2:first-child { margin-top:0; padding-top:0; border-top:none; }
    .article h3 { font-family:var(--ff-display); font-size:1.2rem; font-weight:500; color:var(--navy); margin:1.8rem 0 .6rem; }
    .article p { font-size:.92rem; font-weight:300; color:var(--slate); line-height:1.9; margin-bottom:1rem; }
    .article strong { font-weight:500; color:var(--navy); }
    .article ul { list-style:none; margin:.8rem 0 1.2rem; display:flex; flex-direction:column; gap:.5rem; }
    .article ul li { display:flex; gap:.7rem; font-size:.9rem; font-weight:300; color:var(--slate); line-height:1.7; }
    .article ul li::before { content:'—'; color:var(--gold); flex-shrink:0; }
    .article .box { padding:1.4rem 1.8rem; background:var(--gold-pale); border-left:3px solid var(--gold); margin:1.8rem 0; }
    .article .box p { color:var(--navy); font-weight:400; margin-bottom:0; }
    .article img { width:100%; height:auto; display:block; margin:1.5rem 0; }
    .article .img-pair { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.5rem 0; }
    .article .img-caption { font-size:.72rem; color:var(--slate-lt); text-align:center; font-style:italic; margin-top:.3rem; margin-bottom:1rem; }

    /* SIDEBAR */
    .sidebar { display:flex; flex-direction:column; gap:1.5rem; position:sticky; top:92px; }
    .s-card { background:var(--navy); padding:1.8rem; }
    .s-card-title { font-size:.74rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); margin-bottom:1.2rem; }
    .s-ci { margin-bottom:.9rem; }
    .s-ci-label { font-size:.9rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:.3rem; }
    .s-ci-val { font-family:var(--ff-display); font-size:1.08rem; color:rgba(255,255,255,.9); text-decoration:none; display:block; transition:color .2s; line-height:1.55; }
    a.s-ci-val:hover { color:var(--gold); }
    .s-btn { display:block; background:var(--gold); color:var(--navy); text-align:center; padding:.9rem; font-size:.9rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; margin-top:1.2rem; transition:background .2s; }
    .s-btn:hover { background:var(--gold-light); }
    .s-hours { display:flex; flex-direction:column; }
    .s-hour { display:flex; justify-content:space-between; padding:.7rem 0; border-bottom:1px solid rgba(255,255,255,.07); font-size:.92rem; gap:1rem; }
    .s-hour-day { font-weight:400; color:rgba(255,255,255,.6); }
    .s-hour-time { font-family:var(--ff-display); font-size:1.08rem; font-weight:500; color:var(--white); }
    .spec-nav-card { background:var(--white); padding:1.5rem; }
    .spec-nav-title { font-size:.74rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); margin-bottom:1rem; }
    .spec-nav-list { list-style:none; }
    .spec-nav-list li a { display:flex; align-items:center; gap:.6rem; padding:.8rem 0; border-bottom:1px solid var(--ivory-dark); font-size:.94rem; font-weight:400; color:var(--slate); text-decoration:none; transition:color .2s; line-height:1.45; }
    .spec-nav-list li:last-child a { border-bottom:none; }
    .spec-nav-list li a:hover { color:var(--navy); }
    .spec-nav-list li a.active { color:var(--navy); font-weight:500; }
    .spec-nav-list li a.active::before { content:'→'; color:var(--gold); }
    .spec-nav-list li a:not(.active)::before { content:'·'; color:var(--ivory-dark); }

    /* FOOTER */
    footer { background:var(--navy-dark); padding:3.5rem 3rem 2rem; }
    .footer-grid { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; padding-bottom:3rem; border-bottom:1px solid rgba(255,255,255,.06); }
    .f-brand-name { font-family:var(--ff-display); font-size:1.15rem; font-weight:500; color:var(--white); }
    .f-brand-title { font-size:.65rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin:.25rem 0 1rem; }
    .f-brand-desc { font-size:.78rem; font-weight:300; color:rgba(255,255,255,.3); line-height:1.8; }
    .f-col-title { font-size:.62rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:1.1rem; }
    .f-links { list-style:none; display:flex; flex-direction:column; gap:.55rem; }
    .f-links a { font-size:.78rem; font-weight:300; color:rgba(255,255,255,.4); text-decoration:none; transition:color .2s; }
    .f-links a:hover { color:var(--gold); }
    .f-contact-list { list-style:none; display:flex; flex-direction:column; gap:.55rem; }
    .f-contact-list li { font-size:.78rem; font-weight:300; color:rgba(255,255,255,.4); }
    .footer-bottom { max-width:1200px; margin:0 auto; padding-top:2rem; display:flex; justify-content:space-between; align-items:center; }
    .f-copy { font-size:.7rem; font-weight:300; color:rgba(255,255,255,.18); }
    .f-legal { display:flex; gap:1.5rem; }
    .f-legal a { font-size:.7rem; font-weight:300; color:rgba(255,255,255,.18); text-decoration:none; transition:color .2s; }
    .f-legal a:hover { color:var(--gold); }

    /* MOB MENU */
    .mob-menu { display:none; position:fixed; inset:0; z-index:90; background:var(--navy); padding:6rem 2.5rem 3rem; flex-direction:column; }
    .mob-menu.open { display:flex; }
    .mob-menu a { font-family:var(--ff-display); font-size:2rem; font-weight:300; color:rgba(255,255,255,.7); text-decoration:none; padding:.9rem 0; border-bottom:1px solid rgba(255,255,255,.07); transition:color .2s; }
    .mob-menu a:hover { color:var(--gold); }
    .mob-lang { display:flex; gap:.8rem; margin-top:1.5rem; }
    .mob-lang .lang-btn { border:1px solid rgba(255,255,255,.16); font-size:.92rem; padding:.7rem 1rem; color:rgba(255,255,255,.7); }
    .mob-lang .lang-btn.active { border-color:var(--gold); color:var(--gold); }

    /* REVEAL */
    .reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease,transform .7s ease; }
    .reveal.visible { opacity:1; transform:translateY(0); }
    .d1 { transition-delay:.1s; } .d2 { transition-delay:.2s; }

    /* RESPONSIVE */
    @media (max-width:900px) {
      nav { padding:0 1.5rem; }
      .nav-links, .nav-sep { display:none; }
      .nav-burger { display:flex; }
      .page-hero-body { padding:72px 1.5rem 0; }
      .page-num { display:none; }
      .page-wrap { grid-template-columns:1fr; gap:3rem; padding:3rem 1.5rem; }
      .sidebar { position:static; }
      .footer-grid { grid-template-columns:1fr; gap:2rem; }
      .footer-bottom { flex-direction:column; gap:1rem; text-align:center; }
      .article .img-pair { grid-template-columns:1fr; }
    }