:root{--ink:#202525;--paper:#f4f1ea;--line:#cfd1c9;--muted:#636963;--accent:#e7dd43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.55}a{color:inherit}header,main,footer{width:min(1100px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:2px solid var(--ink)}.brand{font-size:30px;letter-spacing:0;font-weight:900;text-decoration:none}.back{font-size:14px;font-weight:700}.hero{padding:58px 0 30px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero h1{max-width:13ch;margin:0;font-size:clamp(38px,7vw,72px);line-height:.98;letter-spacing:0}.intro{max-width:680px;margin:22px 0 0;font-size:18px}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:54px;padding:36px 0 56px}nav{align-self:start;position:sticky;top:24px;font-size:14px}nav a{display:block;margin:0 0 12px}section{scroll-margin-top:24px}h2{font-size:25px;line-height:1.2;letter-spacing:0;margin:0 0 16px}section+section{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}p{margin:0 0 16px}li{padding-left:5px;margin-bottom:12px}ol,ul{padding-left:22px}.notice{margin-bottom:18px;padding:18px 20px;background:#fff;border-left:4px solid var(--accent)}.notice p:last-child{margin-bottom:0}.contact{overflow-wrap:anywhere;font-weight:700}.address{font-style:normal;line-height:1.7}footer{border-top:2px solid var(--ink);padding:24px 0 36px;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted)}@media(max-width:700px){header,main,footer{width:calc(100% - 32px)}header{padding:18px 0}.brand{font-size:26px}.hero{padding:38px 0 24px}.intro{font-size:17px}.layout{grid-template-columns:1fr;gap:26px}nav{position:static;border-bottom:1px solid var(--line);padding-bottom:16px}footer{flex-direction:column;gap:6px}h2{font-size:22px}}
:root { --paper: #fff; --ink: #171717; --accent: #f5e642; }
* { letter-spacing: 0; }
body { background: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.brand { font-family: "Arial Black", Arial, sans-serif; }
.hero { position: relative; isolation: isolate; padding-block: 44px 34px; }
.hero::before { content: ''; position: absolute; inset: 0 calc((1100px - 100vw) / 2); z-index: -1; background: #ff82bf; }
.hero h1 { font-family: "Arial Black", Arial, sans-serif; font-size: 52px; line-height: 1.08; max-width: 20ch; }
.eyebrow { color: #171717; }
nav { border-top: 5px solid #63c9e8; padding-top: 18px; }
.notice { background: #faf6b5; border-color: #171717; }
a:focus-visible { outline: 2px solid #2465c5; outline-offset: 4px; }
@media (max-width: 1148px) { .hero::before { inset-inline: -24px; } }
@media (max-width: 700px) { .hero::before { inset-inline: -16px; } .hero h1 { font-size: 36px; } }