:root{color-scheme:light}*{box-sizing:border-box}body{background:#eff4f0;color:#173b35;font-family:system-ui;line-height:1.65}h1{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:780;letter-spacing:-.03em}h2{font-size:1.4rem;font-weight:750}.hero{padding:clamp(1.2rem,4vw,2.5rem);border-radius:24px;background:#063e36;color:#f7f7df;margin-bottom:1.3rem}.hero p{max-width:780px}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:750}.work-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem;align-items:start}.panel{background:white;border:1px solid #c3d9d1;border-radius:18px;padding:1.3rem;min-width:0}.scene-head{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;border-bottom:1px solid #d6e4df;padding-bottom:.8rem;margin-bottom:1.3rem;font-size:.85rem}.btn,.form-select{min-height:44px;white-space:normal}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;border-radius:10px;background:#0d352f;color:#e5f5e8;padding:1rem;margin:0}pre:empty{display:none}a{color:#006e5a}code{color:#86531e}:focus-visible{outline:3px solid #a26f13!important;outline-offset:3px}@media(max-width:720px){.work-grid{grid-template-columns:1fr}.panel{padding:1rem}.container-xl{padding-left:10px;padding-right:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}