:root{--ink:#082d53;--blue:#16839c;--aqua:#4acdd8;--muted:#60798c;--line:#c9dbe1;--paper:#fff}
    *{box-sizing:border-box}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
    .shell{width:min(1440px,100%);margin:auto;padding:84px clamp(24px,5vw,80px) 110px}
    .eyebrow{margin:0 0 18px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.18em}
    .page-title{max-width:900px;margin:0 0 76px;font-size:clamp(42px,6vw,84px);line-height:.94;letter-spacing:-.078em}
    .page-title span{color:var(--aqua)}
    .project-area{display:grid;grid-template-columns:minmax(195px,25%) 1fr;gap:clamp(34px,6vw,100px);padding-top:38px;border-top:1px solid var(--line)}
    .project-nav{padding-top:2px}
    .nav-title{display:block;padding-bottom:15px;border-bottom:2px solid #a8c7d4;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.16em}
    .project-button{display:block;width:100%;padding:18px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:#7891a2;font:600 14px Arial,Helvetica,sans-serif;cursor:pointer;transition:color .2s,padding .2s}
    .project-button:hover,.project-button.active{padding-left:11px;color:var(--ink)}
    .project-button.active:before{content:'●';margin-right:9px;color:var(--aqua);font-size:9px;vertical-align:2px}
    .project-nav p{max-width:198px;margin:27px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
    .project-view{min-width:0}
    .project-top{padding:34px 36px;border:1px solid var(--line);border-bottom:0}
    .project-number{margin:0 0 24px;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.16em}
    .project-name{margin:0;color:var(--ink);font-size:clamp(32px,4vw,60px);line-height:.94;letter-spacing:-.07em}
    .project-type{max-width:650px;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
    .project-image{position:relative;min-height:500px;overflow:hidden;background:#0a253f}
    .project-image img{display:block;width:100%;height:500px;object-fit:cover;object-position:center;transition:opacity .24s}
    .image-tag{position:absolute;left:31px;bottom:29px;padding:11px 13px;background:rgba(5,28,52,.84);color:#fff;font-size:10px;font-weight:700;letter-spacing:.13em}
    .service-grid{margin-top:15px;border-top:1px solid var(--line)}
    .service{padding:23px 0;border-bottom:1px solid var(--line)}
    .service h3{margin:0;color:var(--ink);font-size:clamp(18px,1.7vw,24px);line-height:1.1;letter-spacing:-.05em}
    .service p{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
    .fade{opacity:.28!important}

    @media(max-width:760px){
      .shell{padding-top:58px}
      .page-title{margin-bottom:50px}
      .project-area{display:block}
      .project-nav{margin-bottom:45px}
      .project-nav p{max-width:280px}
      .project-top{padding:28px}
      .project-image,.project-image img{min-height:350px;height:350px}
      .service{padding:21px 0}
      .service h3{font-size:19px}
    }