:root{color-scheme:light;--ink:#1d3b52;--accent:#14649b;--line:#d2e2ec}*{box-sizing:border-box}body{margin:0;background:#f2f9fd;color:var(--ink);font-family:"Yu Gothic","Meiryo",sans-serif;line-height:1.9}a{color:var(--accent);text-underline-offset:.25em}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{width:min(100% - 40px,760px);margin:auto}header{padding:26px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{font-weight:700}main{background:white;padding:44px clamp(20px,5vw,54px);margin-top:24px;margin-bottom:48px}h1{font-size:clamp(27px,4.5vw,38px);line-height:1.55;letter-spacing:.02em;margin:12px 0 24px}h2{font-size:22px;line-height:1.5;margin:46px 0 16px}p{margin:0 0 20px}.eyebrow,.byline{font-size:14px}.eyebrow{font-weight:700}.byline{color:#536b7b;margin-bottom:36px}.video{aspect-ratio:16/9;margin:24px 0}.video iframe{width:100%;height:100%;border:0}.action{display:inline-block;padding:10px 20px;background:var(--accent);color:white;border-radius:8px;font-weight:700}footer{padding-bottom:36px;font-size:14px}.project{padding:28px 0;border-top:1px solid var(--line)}.project h2{margin:6px 0 12px}.project p{margin:0}.draft{font-size:13px;color:#536b7b;margin:0 0 24px}@media(max-width:480px){header,main,footer{width:calc(100% - 24px)}main{padding:28px 20px;margin-top:8px}h2{font-size:20px}}
.project-visual{margin:28px 0 36px}.project-visual img{display:block;width:100%;height:auto;border-radius:12px}.project-visual.square{max-width:520px;margin-inline:auto}.project-visual figcaption{font-size:13px;line-height:1.7;color:#536b7b;margin-top:12px}.project-visual.brand{padding:28px;background:#eaf4fb;border-radius:16px;text-align:center}.project-visual.brand img{width:min(100%,260px);margin:auto}.project-cover{display:block;aspect-ratio:16/10;background:#eaf4fb;border-radius:12px;overflow:hidden;margin-bottom:20px}.project-cover img{display:block;width:100%;height:100%;object-fit:contain}