.journal-page{--ink:#0b3340;--muted:#5f7378;--teal:#0f6f78;--deep:#073943;--pale:#edf6f5;--gold:#b58a3a;--line:#d9e5e4;background:#fff;color:var(--ink)}.journal-page .eyebrow{color:var(--gold)}.journal-hero{padding:88px 0;background:linear-gradient(120deg,#f8fbfa 0%,#e8f2f1 62%,#dcebea 100%)}.journal-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}.journal-hero h1,.journal-index h2,.review-path h2,.case-anatomy h2,.team-credit h2{font-family:Georgia,serif;letter-spacing:-.035em;line-height:1.02}.journal-hero h1{font-size:clamp(50px,7vw,88px);margin:14px 0 25px;max-width:820px}.journal-hero p{font-size:18px;line-height:1.75;color:var(--muted);max-width:760px}.journal-principle{background:var(--deep);color:#fff;padding:34px;border-radius:5px 42px 5px 5px;box-shadow:0 24px 56px rgba(7,57,67,.16)}.journal-principle>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#dfbd78}.journal-principle strong{display:block;font-family:Georgia,serif;font-size:29px;line-height:1.25;margin:12px 0 23px}.journal-principle ul{margin:0;padding-left:20px;color:#c8dddd;line-height:1.8}.journal-index,.review-path,.case-anatomy,.team-credit{padding:86px 0}.journal-index .section-head{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end}.journal-index h2,.review-path h2,.case-anatomy h2,.team-credit h2{font-size:clamp(38px,5vw,60px);margin:8px 0}.journal-index .section-head p{color:var(--muted);line-height:1.7}.journal-empty{display:grid;grid-template-columns:90px 1fr;gap:26px;padding:30px;border:1px solid var(--line);border-radius:4px 30px 4px 4px;background:#fafcfc;margin:38px 0 24px}.empty-mark{font-family:Georgia,serif;font-size:40px;color:var(--gold)}.journal-empty h3{font-family:Georgia,serif;font-size:27px;margin:0 0 8px}.journal-empty p{color:var(--muted);line-height:1.65;margin:0}.domains{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.domains article{padding:28px 22px 10px 0}.domains article+article{border-left:1px solid var(--line);padding-left:22px}.domains span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.domains h3{font-family:Georgia,serif;font-size:22px;margin:8px 0}.domains p{font-size:14px;line-height:1.6;color:var(--muted)}.review-path{background:linear-gradient(135deg,var(--deep),#0c5a63);color:#fff}.review-path .eyebrow{color:#dfbd78}.review-path h2{color:#fff}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.path-grid article{padding:24px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);border-radius:4px 22px 4px 4px}.path-grid b{font-family:Georgia,serif;font-size:20px}.path-grid p{font-size:14px;line-height:1.65;color:#c8dddd}.anatomy-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.case-anatomy p{color:var(--muted);line-height:1.7}.case-anatomy ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.case-anatomy li{display:grid;grid-template-columns:48px 1fr;padding:18px 0;border-bottom:1px solid var(--line);font-weight:750}.case-anatomy li span{color:var(--gold);font-family:Georgia,serif}.team-credit{background:#edf6f5}.team-credit .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:end}.team-credit p{color:var(--muted);line-height:1.75;font-size:17px}@media(max-width:900px){.journal-hero-grid,.journal-index .section-head,.anatomy-grid,.team-credit .wrap{grid-template-columns:1fr;gap:34px}.domains,.path-grid{grid-template-columns:repeat(2,1fr)}.domains article:nth-child(3){border-left:0}}@media(max-width:600px){.journal-hero,.journal-index,.review-path,.case-anatomy,.team-credit{padding:58px 0}.journal-hero h1{font-size:48px}.journal-principle{padding:25px;border-radius:4px 28px 4px 4px}.journal-empty{grid-template-columns:1fr;padding:22px}.domains,.path-grid{grid-template-columns:1fr}.domains article+article,.domains article:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.path-grid article{padding:20px}}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:38px 0 30px}.case-card{display:block;padding:27px;border:1px solid var(--line);border-radius:4px 28px 4px 4px;background:#fff;transition:.2s}.case-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(7,57,67,.09)}.case-card span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.case-card h3{font-family:Georgia,serif;font-size:25px;margin:9px 0;color:var(--ink)}.case-card p{color:var(--muted);line-height:1.65}.case-card b{font-size:13px;color:var(--teal)}.case-hero{padding:82px 0 58px;background:linear-gradient(120deg,#f8fbfa,#dfefed)}.case-hero h1{font-family:Georgia,serif;font-size:clamp(46px,6vw,76px);line-height:1.02;letter-spacing:-.035em;margin:12px 0 22px;max-width:980px}.case-hero p{font-size:19px;line-height:1.7;color:var(--muted);max-width:800px}.case-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.case-status span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #bfd3d1;font-size:11px;font-weight:800;color:var(--teal)}.case-section{padding:64px 0;border-bottom:1px solid var(--line)}.case-section:nth-child(even){background:#fafcfc}.case-section-grid{display:grid;grid-template-columns:.42fr 1fr;gap:70px}.case-section h2{font-family:Georgia,serif;font-size:31px;margin:0}.case-section h3{font-family:Georgia,serif;font-size:25px;margin-top:0}.case-section p,.case-section li{color:var(--muted);line-height:1.75}.case-visual{margin:0 0 20px}.case-visual img{display:block;width:100%;max-height:620px;object-fit:contain;background:#071f27}.case-visual figcaption{font-size:12px;padding:10px 0;color:var(--muted)}.case-team p{display:flex;justify-content:space-between;gap:24px;padding:13px 0;margin:0;border-bottom:1px solid var(--line)}.case-team span{color:var(--muted)}.case-reviewed{padding:32px 0;background:var(--deep);color:#fff}.case-reviewed .wrap{display:flex;justify-content:space-between;gap:20px}.case-reviewed a{color:#fff;font-weight:800}@media(max-width:900px){.case-grid{grid-template-columns:repeat(2,1fr)}.case-section-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.case-grid{grid-template-columns:1fr}.case-hero{padding:58px 0 42px}.case-hero h1{font-size:44px}.case-section{padding:45px 0}.case-team p,.case-reviewed .wrap{flex-direction:column}.case-reviewed .wrap{display:flex}}
