/* Reference: project index.html / home-creative.css. Typography stays in style.css. */
:root{color-scheme:light;--bg:#f4f7f8;--text:#171d22;--muted:#56656e;--brand:#18747d;--line:#17333e1c}
body{background:radial-gradient(ellipse at 90% 16%,#61dfe51c,transparent 48%),var(--bg)}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 24px;border:1px solid var(--line);border-radius:999px;background:#ffffffaa;box-shadow:0 12px 32px #17333e07;margin-bottom:24px}
.brand{margin:0}.brand img{width:176px;height:auto;display:block}.status{margin:0;color:#486069;background:#edf6f6;border-color:#17747d22}.status>span{background:#18747d;box-shadow:none}.status i{color:#84959c}
.eyebrow{color:#18747d}h1 span{color:inherit;background:linear-gradient(transparent 70%,#61dfe5 70%,#61dfe5 94%,transparent 94%)}
.lead{color:#34454f}.hero-visual{display:none}.intro,.philosophy p{color:var(--muted)}
.philosophy{gap:20px;border:0;padding:0}.philosophy article{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff9}.philosophy article:nth-child(2){background:#e0f3f4}.philosophy article:nth-child(3){background:#e8edef}
.philosophy h2{color:#171d22}.services h2{color:#34454f}.services h2 span{color:#667b85}li{background:#fff8;color:#425a66;border-color:var(--line);border-radius:999px}
footer{color:#60727d}footer a{color:#18747d}.return-link{border-color:#171d22;background:#171d22;color:#f4f7f8;border-radius:999px}.return-link:hover{background:#283a43;color:#fff}.english-slogan{color:#56656e}
.admin .brand{margin-bottom:28px}.admin h1 span{background:none;color:#18747d}
@media(min-width:1000px){
  .admin{padding:40px 32px}
  body:not(.admin){padding:16px 32px}
  body:not(.admin) .landing{width:min(100%,1160px)}
  .masthead{margin-bottom:20px;padding-block:2px}
  .hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center}
  .hero .eyebrow{margin-bottom:10px}
  .hero h1{margin-bottom:12px;white-space:nowrap}.hero h1 br{display:none}
  .hero .lead{margin-bottom:10px}.hero .intro{max-width:none}
  .hero-visual{display:block}.hero-visual img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
  .philosophy{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 0;gap:14px}
  .philosophy article{padding:16px 18px}.philosophy h2{margin-bottom:8px}
  .services{margin-top:16px;padding-top:14px}.services h2{margin-bottom:12px}
  footer{margin-top:16px;padding-top:14px}
}
@media(min-width:1000px) and (max-width:1190px){.hero{grid-template-columns:1fr}.hero-visual{display:none}}
@media(max-width:999px){.masthead{border-radius:22px;padding:16px;align-items:flex-start;flex-direction:column;gap:18px}.brand img{width:176px}.philosophy{grid-template-columns:1fr}.hero h1{white-space:normal}}
@media(max-width:560px){.masthead{margin-bottom:28px}.philosophy article{padding:20px}.admin .brand{margin-bottom:28px}}