:root{
    --navy:#122F52;        /* brand navy */
    --navy-2:#1B3E63;      /* lighter panel */
    --navy-deep:#0E2643;   /* darkest */
    --amber:#F3A51F;       /* brand accent */
    --amber-2:#FFB838;
    --teal:#1F6E8C;        /* icon badge / eyebrow */
    --teal-2:#2A88A8;
    --green:#2FA37C;
    --bg:#EFF3F7;          /* light cool grey ground */
    --paper:#FFFFFF;
    --line:#DCE4EC;
    --text:#33475B;
    --head:#12335A;        /* heading navy */
    --muted:#6A7C8E;

    --slab:"Rockwell","Roboto Slab","Zilla Slab","American Typewriter","Bitter",Georgia,serif;
    --sans:"Lato","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;

    --maxw:1200px;
    --pad:clamp(1.25rem,5vw,4rem);
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;background:var(--bg);color:var(--text);
    font-family:var(--sans);font-size:17px;line-height:1.6;
    -webkit-font-smoothing:antialiased;
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
  @media print{
    header.nav{position:static}
    .door,.card,.svc,.step,.stat,.adv,.field,.cbox{break-inside:avoid}
    section{page-break-inside:auto}
  }
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}

  .wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
  .eyebrow{font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;color:var(--teal);font-weight:700}
  h1,h2,h3,h4{font-family:var(--slab);font-weight:700;color:var(--head);margin:0;line-height:1.1;text-wrap:balance}

  /* circular icon badge */
  .badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
    background:var(--teal);color:#fff;flex:0 0 auto}
  .badge svg{width:46%;height:46%;stroke:#fff}
  .badge.amber{background:var(--amber)}
  .badge.navy{background:var(--navy)}
  .badge.green{background:var(--green)}
  .b56{width:56px;height:56px}
  .b48{width:48px;height:48px}
  .b40{width:40px;height:40px}

  /* ---------- nav ---------- */
  header.nav{position:sticky;top:0;z-index:50;background:var(--navy);color:#fff;
    border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-inner{display:flex;align-items:center;gap:2rem;height:72px}
  .brand{display:flex;align-items:center;gap:.7rem;margin-right:auto}
  .brand .mark{width:36px;height:36px;flex:0 0 auto}
  .brand .name{font-family:var(--slab);font-size:1.12rem;letter-spacing:.04em;color:#fff}
  .brand .name b{color:var(--amber);font-weight:700}
  nav.links{display:flex;gap:1.7rem}
  nav.links a{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:#C3D0DE;
    font-weight:600;transition:color .2s;padding:.2rem 0}
  nav.links a:hover{color:var(--amber)}
  .lang{display:flex;border:1px solid rgba(255,255,255,.18);border-radius:4px;overflow:hidden}
  .lang button{background:transparent;border:0;color:#AEBCCB;cursor:pointer;font-family:var(--sans);
    font-size:.74rem;font-weight:700;letter-spacing:.05em;padding:.4rem .7rem;transition:all .2s}
  .lang button.on{background:var(--amber);color:var(--navy-deep)}
  .menu-btn{display:none;background:none;border:0;color:#fff;cursor:pointer}

  /* ---------- hero ---------- */
  .hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
  .hero::after{content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(70% 60% at 90% 15%,rgba(243,165,31,.16),transparent 60%)}
  .hero-inner{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:2.5rem;align-items:center;
    padding:clamp(3rem,7vw,5.5rem) 0 clamp(2.5rem,5vw,4rem)}
  .hero .eyebrow{color:var(--amber);font-size:.8rem}
  .hero h1{color:#fff;font-size:clamp(2.4rem,5.4vw,4.2rem);margin-top:1rem}
  .hero .sub{font-family:var(--slab);font-style:italic;font-weight:500;color:var(--amber);
    font-size:clamp(1.3rem,2.6vw,1.9rem);margin-top:.5rem}
  .hero .lead{max-width:50ch;margin:1.4rem 0 0;color:#C7D3E0;font-size:1.08rem}
  .hero .tagline{margin-top:2rem;font-family:var(--slab);font-style:italic;font-weight:700;color:#fff;font-size:1.15rem}
  .hero .tagline::before{content:"“"}.hero .tagline::after{content:"”"}
  .hero-emblem{display:flex;justify-content:center}
  .hero-emblem .disc{width:min(280px,72%);aspect-ratio:1;border-radius:50%;background:var(--amber);
    display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px -20px rgba(243,165,31,.5)}
  .hero-emblem .disc svg{width:44%;height:44%;stroke:#fff;stroke-width:1.3}

  /* ---------- gateway doors ---------- */
  .gateway{background:var(--bg);position:relative}
  .doors{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;
    margin-top:calc(-1 * clamp(2rem,5vw,3.5rem));position:relative;z-index:5;padding-bottom:clamp(2rem,4vw,3rem)}
  .door{background:var(--paper);border-radius:10px;padding:2rem 1.7rem;border:1px solid var(--line);
    box-shadow:0 22px 50px -30px rgba(18,47,82,.4);display:flex;flex-direction:column;gap:.85rem;
    transition:transform .25s,box-shadow .25s;cursor:pointer}
  .door:hover{transform:translateY(-7px);box-shadow:0 30px 60px -28px rgba(18,47,82,.5)}
  .door .dtag{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--teal)}
  .door.amber-door .dtag{color:var(--amber)}
  .door h3{font-size:1.4rem}
  .door p{font-size:.92rem;color:var(--muted);margin:0;flex:1}
  .door .dgo{font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);
    display:inline-flex;align-items:center;gap:.4rem;transition:gap .2s}
  .door:hover .dgo{gap:.7rem}
  .door.amber-door .dgo{color:var(--amber)}

  /* ---------- stat trust band ---------- */
  .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-bottom:clamp(3rem,6vw,4.5rem)}
  .stat{background:var(--navy);color:#fff;border-radius:8px;padding:1.5rem 1.4rem}
  .stat .n{font-family:var(--slab);font-size:1.9rem;color:var(--amber);font-variant-numeric:tabular-nums}
  .stat .l{font-size:.76rem;letter-spacing:.06em;color:#B9C7D6;margin-top:.2rem}

  /* ---------- sections ---------- */
  section{padding:clamp(3.5rem,7vw,6rem) 0}
  .anchor{scroll-margin-top:82px}
  .sec-head{max-width:60ch;margin-bottom:2.6rem}
  .sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
  .sec-head h2{font-size:clamp(2rem,4vw,3rem);margin-top:.55rem}
  .sec-head p{margin:.7rem 0 0;color:var(--muted)}

  /* services grid */
  .services{background:var(--bg)}
  .svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}
  .svc{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1.7rem 1.6rem;
    box-shadow:0 16px 40px -34px rgba(18,47,82,.5);transition:transform .25s,box-shadow .25s}
  .svc:hover{transform:translateY(-5px);box-shadow:0 26px 50px -30px rgba(18,47,82,.45)}
  .svc-top{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
  .svc h3{font-size:1.18rem}
  .svc p{font-size:.94rem;color:var(--muted);margin:0}
  .svc.feature{border:2px solid var(--amber);background:linear-gradient(180deg,#FFF9EE,var(--paper))}
  .svc.feature .ftag{display:inline-block;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;
    font-weight:700;color:var(--navy-deep);background:var(--amber);padding:.22rem .6rem;border-radius:3px;margin-bottom:.9rem}

  /* ---------- process steps ---------- */
  .process{background:var(--navy);color:#fff}
  .process .sec-head h2{color:#fff}
  .process .sec-head p{color:#B9C7D6}
  .process .eyebrow{color:var(--amber)}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
  .step{background:var(--navy-2);border-radius:10px;padding:1.6rem 1.4rem;position:relative}
  .step .badge{margin-bottom:1.1rem}
  .step .sl{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);font-weight:700}
  .step h3{color:#fff;font-size:1.2rem;margin:.35rem 0 .5rem}
  .step p{font-size:.9rem;color:#B9C7D6;margin:0}
  .stat-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:1.3rem}
  .big{background:var(--navy-deep);border-radius:10px;padding:1.7rem 1.6rem}
  .big .n{font-family:var(--slab);font-size:2.4rem;color:var(--amber);line-height:1}
  .big .l{color:#C7D3E0;margin-top:.5rem;font-size:.92rem}

  /* ---------- listings ---------- */
  .listings{background:var(--bg)}
  .lst-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:1.6rem}
  .filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.8rem}
  .filters button{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.03em;
    padding:.55rem 1.1rem;border-radius:5px;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--muted);transition:all .18s}
  .filters button:hover{border-color:var(--teal)}
  .filters button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem}
  .card{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;
    box-shadow:0 16px 40px -34px rgba(18,47,82,.5);transition:transform .25s,box-shadow .25s}
  .card:hover{transform:translateY(-6px);box-shadow:0 28px 54px -30px rgba(18,47,82,.45)}
  .card .photo{position:relative;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(140deg,var(--navy),var(--teal))}
  .card .photo.sail{background:linear-gradient(140deg,var(--navy),#2b6f7e)}
  .card .photo.cat{background:linear-gradient(140deg,var(--navy-2),#2f7d7a)}
  .card .photo svg{width:38%;height:38%;stroke:rgba(255,255,255,.9);stroke-width:1.1;fill:none}
  .card .pill{position:absolute;top:.8rem;left:.8rem;font-size:.64rem;font-weight:700;letter-spacing:.08em;
    text-transform:uppercase;padding:.3rem .6rem;border-radius:4px;background:var(--amber);color:var(--navy-deep)}
  .card .pill.reserved{background:rgba(255,255,255,.9);color:var(--navy)}
  .card .type-tag{position:absolute;bottom:.8rem;left:.8rem;color:#fff;font-size:.68rem;letter-spacing:.14em;
    text-transform:uppercase;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.4)}
  .card .body{padding:1.15rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1}
  .card .body h3{font-size:1.24rem}
  .card .loc{font-size:.78rem;color:var(--muted);margin-top:.25rem;display:flex;align-items:center;gap:.35rem}
  .specs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:1rem 0;padding:.85rem 0;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .specs .k{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .specs .v{font-family:var(--slab);font-size:1rem;color:var(--head);font-variant-numeric:tabular-nums}
  .card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
  .card .price{font-family:var(--slab);font-size:1.3rem;color:var(--head);font-variant-numeric:tabular-nums}
  .card .price small{display:block;font-family:var(--sans);font-size:.7rem;color:var(--muted);letter-spacing:.05em}
  .card .go{font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--teal);
    display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s}
  .card:hover .go{gap:.6rem}
  .sell-note{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2.2rem;
    padding:1.5rem 1.8rem;border-radius:10px;background:var(--navy);color:#fff}
  .sell-note p{margin:0;color:#C7D3E0;font-size:.94rem}
  .sell-note b{color:#fff;font-family:var(--slab);font-size:1.1rem}

  /* buttons */
  .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--sans);font-size:.82rem;font-weight:700;
    letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:.9rem 1.6rem;border-radius:5px;border:0;transition:all .2s}
  .btn-amber{background:var(--amber);color:var(--navy-deep)}
  .btn-amber:hover{background:var(--amber-2);transform:translateY(-2px)}

  /* ---------- advantages ---------- */
  .advantages{background:var(--bg)}
  .adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
  .adv{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1.7rem;display:flex;gap:1.2rem;
    box-shadow:0 16px 40px -34px rgba(18,47,82,.5)}
  .adv h3{font-size:1.15rem;margin-bottom:.4rem}
  .adv p{margin:0;color:var(--muted);font-size:.94rem}

  /* ---------- partnership form ---------- */
  .partner{background:var(--navy);color:#fff}
  .partner .eyebrow{color:var(--amber)}
  .partner-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4rem);align-items:start}
  .partner h2{color:#fff;font-size:clamp(2rem,4vw,2.8rem);margin-top:.5rem}
  .partner .intro p{color:#B9C7D6;margin:.9rem 0 0}
  .points{list-style:none;padding:0;margin:1.6rem 0 0;display:flex;flex-direction:column;gap:.9rem}
  .points li{display:flex;gap:.75rem;align-items:center;color:#D2DDEA;font-size:.96rem}
  .pform{background:var(--navy-2);border-radius:12px;padding:clamp(1.5rem,3vw,2.1rem)}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .field{display:flex;flex-direction:column;gap:.4rem}
  .field.full{grid-column:1/-1}
  .field label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#A9B9C9;font-weight:700}
  .field input,.field select,.field textarea{font-family:var(--sans);font-size:.95rem;padding:.8rem .9rem;border-radius:6px;
    border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;transition:border-color .2s}
  .field input::placeholder,.field textarea::placeholder{color:#8598AA}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--amber)}
  .field select option{background:var(--navy);color:#fff}
  .field textarea{resize:vertical;min-height:104px}
  .pform .btn{margin-top:.5rem}
  .pform-ok{display:none;margin-top:1rem;padding:.85rem 1rem;border-radius:6px;background:rgba(47,163,124,.18);
    border:1px solid rgba(47,163,124,.5);color:#B6EAD4;font-size:.9rem}

  /* ---------- footer ---------- */
  footer{background:var(--navy-deep);color:#fff}
  .foot-top{background:var(--navy);padding:clamp(2rem,4vw,2.8rem) 0}
  .foot-top .wrap{display:flex;align-items:center;gap:1.2rem}
  .foot-top h2{color:#fff;font-size:clamp(1.6rem,3.4vw,2.4rem)}
  .contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;padding:clamp(2.5rem,5vw,3.5rem) 0}
  .cbox{display:flex;align-items:center;gap:1rem;background:var(--navy);border-radius:8px;padding:1.2rem 1.4rem}
  .cbox .k{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-weight:700}
  .cbox .v{color:#fff;font-weight:600;margin-top:.15rem}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 0;text-align:center}
  .foot-bottom .tag{font-family:var(--slab);font-style:italic;font-weight:700;color:var(--amber);font-size:1.1rem}
  .foot-bottom .meta{margin-top:.6rem;font-size:.8rem;color:#8195A8;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}

  /* ---------- responsive ---------- */
  @media(max-width:960px){
    .hero-inner{grid-template-columns:1fr}
    .hero-emblem{display:none}
    .doors{grid-template-columns:1fr;margin-top:1.5rem}
    .trust{grid-template-columns:repeat(2,1fr)}
    .steps{grid-template-columns:repeat(2,1fr)}
    .stat-trio{grid-template-columns:1fr}
    .adv-grid{grid-template-columns:1fr}
    .partner-inner{grid-template-columns:1fr}
    .contact-grid{grid-template-columns:1fr}
  }
  @media(max-width:600px){
    nav.links{display:none}.menu-btn{display:block}
    .trust{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr}
    .form-grid{grid-template-columns:1fr}
  }
  /* ============ PREMIUM MOTION LAYER ============ */
  .hero{min-height:84vh;display:flex;align-items:center}
  #ocean{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
  .hero .hero-inner{position:relative;z-index:2;width:100%}
  @keyframes riseIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
  @keyframes discIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
  @keyframes discGlow{0%,100%{box-shadow:0 20px 60px -18px rgba(243,165,31,.45)}50%{box-shadow:0 26px 90px -12px rgba(243,165,31,.75)}}
  .enh .hero .anim{animation:riseIn .95s cubic-bezier(.2,.7,.2,1) both}
  .enh .hero .anim.d1{animation-delay:.08s}
  .enh .hero .anim.d2{animation-delay:.2s}
  .enh .hero .anim.d3{animation-delay:.34s}
  .enh .hero .anim.d4{animation-delay:.5s}
  .enh .hero-emblem .disc{animation:discIn 1s cubic-bezier(.2,.7,.2,1) both, discGlow 5.5s ease-in-out 1.3s infinite}

  .enh .door,.enh .stat,.enh .svc,.enh .step,.enh .big,.enh .adv,.enh .sell-note,.enh .cbox,.enh .sec-head,.enh .card{
    opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
  .enh .door.in,.enh .stat.in,.enh .svc.in,.enh .step.in,.enh .big.in,.enh .adv.in,.enh .sell-note.in,.enh .cbox.in,.enh .sec-head.in,.enh .card.in{opacity:1;transform:none}

  header.nav{transition:box-shadow .25s,background .25s}
  .nav .nav-inner{transition:height .28s cubic-bezier(.2,.7,.2,1)}
  .nav.scrolled{background:rgba(18,47,82,.96);box-shadow:0 8px 28px -14px rgba(0,0,0,.6)}
  .nav.scrolled .nav-inner{height:58px}

  .badge{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
  .door:hover .badge,.svc:hover .badge,.adv:hover .badge{transform:scale(1.09) rotate(-5deg)}
  .card .photo svg{transition:transform .45s ease}
  .card:hover .photo svg{transform:scale(1.1)}
  .count{font-variant-numeric:tabular-nums}

  /* full-bleed yacht scene */
  .card .photo .scene{position:absolute;inset:0;width:100%;height:100%;z-index:1}
  .card .pill,.card .type-tag{z-index:2}

  /* field gallery (illustrated technical scenes) */
  .gallery{background:var(--navy);color:#fff}
  .gallery .sec-head h2{color:#fff}
  .gallery .eyebrow{color:var(--amber)}
  .gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
  .gal{margin:0;background:var(--navy-2);border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;
    transition:transform .25s,box-shadow .25s}
  .gal:hover{transform:translateY(-5px);box-shadow:0 24px 50px -30px rgba(0,0,0,.6)}
  .gal .scene{display:block;width:100%;aspect-ratio:4/3;background:linear-gradient(158deg,#0E2643,#1B3E63)}
  .gal figcaption{padding:.85rem 1.1rem 1rem;font-family:var(--slab);font-size:1.02rem;color:#fff}
  .gal figcaption span{display:block;font-family:var(--sans);font-size:.78rem;color:#9FB2C6;margin-top:.2rem;font-weight:400}
  @media(max-width:900px){.gal-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.gal-grid{grid-template-columns:1fr}}

  /* real-photo silhouette hero */
  .hero-photo{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center right;
    filter:saturate(.82) brightness(.8) contrast(1.05)}
  .hero-overlay{position:absolute;inset:0;z-index:1;
    background:
      linear-gradient(90deg, rgba(9,23,42,.99) 0%, rgba(11,29,52,.96) 38%, rgba(12,31,55,.72) 72%, rgba(12,31,55,.5) 100%),
      linear-gradient(0deg, rgba(9,22,40,.98) 0%, rgba(9,22,40,.2) 42%, transparent 62%),
      radial-gradient(60% 55% at 88% 20%, rgba(243,165,31,.14), transparent 60%)}

  /* real-photo "from our work" gallery */
  .work{background:var(--bg)}
  .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
  .wcard{position:relative;margin:0;border-radius:12px;overflow:hidden;aspect-ratio:4/3;
    box-shadow:0 18px 44px -30px rgba(18,47,82,.6)}
  .wcard img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
  .wcard:hover img{transform:scale(1.06)}
  .wcard figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.5rem 1.2rem 1rem;color:#fff;
    background:linear-gradient(0deg, rgba(9,22,40,.92), rgba(9,22,40,.35) 60%, transparent);
    font-family:var(--slab);font-size:1.12rem}
  .wcard figcaption span{display:block;font-family:var(--sans);font-size:.78rem;color:#C7D3E0;margin-top:.18rem;font-weight:400}
  .credits{margin:1.6rem 0 0;font-size:.74rem;color:var(--muted);letter-spacing:.02em}
  @media(max-width:820px){.work-grid{grid-template-columns:1fr}}

  @media print{
    .hero{min-height:0}
    #ocean{position:absolute}
    .enh .door,.enh .stat,.enh .svc,.enh .step,.enh .big,.enh .adv,.enh .sell-note,.enh .cbox,.enh .sec-head,.enh .card{opacity:1 !important;transform:none !important}
    .enh .hero .anim,.enh .hero-emblem .disc{animation:none !important}
  }
  @media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
  /* ============================================================
     DARK APPLE THEME — global re-skin (overrides everything above)
     ============================================================ */
  :root{
    --navy:#000000; --navy-2:#1d1d1f; --navy-deep:#000000;
    --bg:#0a0a0c; --paper:#1c1c1e;
    --line:rgba(255,255,255,.10);
    --head:#f5f5f7; --text:#a1a1a6; --muted:#86868b;
    --teal:#86868b; --teal-2:#98989d;
    --amber:#ff9f0a; --amber-2:#ffb43a; --green:#30d158;
    --slab:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Inter,system-ui,sans-serif;
    --sans:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Inter,system-ui,sans-serif;
  }
  body{background:var(--bg);color:var(--text)}
  h1,h2,h3,h4{letter-spacing:-.021em;font-weight:600}
  .eyebrow{color:var(--amber);letter-spacing:.16em}

  /* glass nav */
  header.nav{background:rgba(0,0,0,.7);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
  .nav .nav-inner{height:56px}
  .nav.scrolled{background:rgba(0,0,0,.82)}
  .nav.scrolled .nav-inner{height:52px}
  nav.links a{color:#d2d2d7}
  nav.links a:hover{color:#fff}
  .brand .name{color:#f5f5f7}
  .lang{border-color:var(--line)}
  .lang button{color:#86868b}
  .lang button.on{background:#f5f5f7;color:#000}

  /* Apple radii + pill buttons */
  .door,.stat,.svc,.gal,.step,.big,.adv,.card,.wcard,.sell-note,.pform,.cbox{border-radius:18px}
  .btn,.filters button{border-radius:980px}

  /* surfaces */
  .services,.advantages,.work,.listings{background:var(--bg)}
  .gallery,.process,.partner{background:#000}
  .stat,.step,.big,.sell-note,.cbox,.pform{background:#161618;border:1px solid var(--line)}
  .svc,.adv,.card{background:var(--paper);border:1px solid var(--line);box-shadow:none}
  .svc.feature{background:linear-gradient(180deg,rgba(255,159,10,.12),var(--paper));border:1px solid rgba(255,159,10,.5)}
  .svc.feature .ftag{color:#000}
  .gal{background:#141416;border:1px solid var(--line)}
  .gal .scene{background:linear-gradient(158deg,#0e0e10,#1c1c1f)}
  .card:hover{box-shadow:0 24px 60px -30px rgba(0,0,0,.85);border-color:rgba(255,255,255,.22)}
  .card .photo,.card .photo.sail,.card .photo.cat{background:linear-gradient(150deg,#05070c,#0f1a24)}

  /* controls */
  .filters button{background:#1c1c1e;color:#a1a1a6;border:1px solid var(--line)}
  .filters button:hover{border-color:#48484a}
  .filters button.on{background:#f5f5f7;color:#000;border-color:#f5f5f7}
  .btn-ink{background:#f5f5f7;color:#000}
  .btn-ink:hover{background:#fff}
  .btn-amber{background:var(--amber);color:#000}
  .btn-amber:hover{background:var(--amber-2)}

  /* badges — monochrome Apple, amber where accented */
  .badge,.badge.navy{background:#2a2a2e}
  .badge svg{stroke:#f5f5f7}
  .badge.amber{background:var(--amber)}
  .badge.amber svg{stroke:#000}
  .badge.green{background:var(--green)}
  .door .dtag{color:var(--amber)}
  .card .go{color:var(--amber)}

  /* text safety (force readable on black) */
  .sec-head h2{color:var(--head)!important}
  .sec-head p{color:var(--muted)!important}
  .svc h3,.step h3,.adv h3,.card .body h3,.door h3,.gal figcaption{color:var(--head)!important}
  .svc p,.step p,.adv p{color:var(--muted)!important}
  .hero .sub{font-style:normal;font-weight:600;color:var(--amber)}
  .hero .tagline{font-style:normal;font-weight:600;color:#f5f5f7}
  .card .price small,.card .loc,.specs .k,.credits{color:var(--muted)}

  /* partner logos */
  .partners{background:#000;border-top:1px solid var(--line)}
  .logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.2rem}
  .logo{display:flex;align-items:center;justify-content:center;height:92px;border-radius:14px;background:#f5f5f7;
    transition:transform .25s,box-shadow .25s}
  .logo:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(0,0,0,.7)}
  .logo img{max-width:74%;max-height:54px;object-fit:contain}
  .logo .ph{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:#9aa0a6;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
  .logo .ph svg{width:28px;height:28px;stroke:#b0b6bd;fill:none}
  @media(max-width:820px){.logo-grid{grid-template-columns:repeat(2,1fr)}}

/* dynamic yacht photo + honeypot */
.card .photo .photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* logo image in nav */
.brand img.mark{object-fit:contain}