:root{color-scheme:light;--ink:#242529;--blue:#284ac5}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:1.12rem/1.65 Arial,Helvetica,sans-serif}a{color:var(--blue);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}header,main,footer{max-width:1000px;margin:auto}header{padding:30px 32px;display:flex;justify-content:space-between;gap:20px;align-items:center}.wordmark{color:var(--ink);text-decoration:none;font-size:1.05rem;font-weight:bold}.wordmark span{display:block;font-weight:normal;font-size:.95rem;color:#64656a}header>a:last-child{font-size:1rem}.intro{display:grid;grid-template-columns:1.35fr 1fr;gap:54px;padding:40px 32px 52px;align-items:start}.hello{margin:0 0 10px}h1{font-size:clamp(2.6rem,5vw,4rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 28px;font-weight:750}h1 em{font-style:normal;text-decoration:underline;text-decoration-color:#ffce32;text-decoration-thickness:8px;text-underline-offset:5px}p{margin:0 0 20px}.follow{display:inline-block;margin-top:6px;font-weight:bold}figure{margin:0}.portrait{margin-top:46px;transform:rotate(2deg)}.portrait img{display:block;width:100%;height:auto;border-radius:3px}.portrait figcaption{font-size:.9rem;margin-top:12px;color:#5d5e64}h2{font-size:1.65rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 22px}.note,.smallprint{max-width:660px;margin:0 auto;padding:35px 32px}.note{border-left:3px solid #ffce32;margin-bottom:40px}.banner{margin:0 32px 22px}.banner img{width:100%;height:auto;display:block;border-radius:3px}.smallprint{padding-bottom:52px}summary{cursor:pointer;color:var(--blue);text-decoration:underline;text-underline-offset:4px;font-size:1rem}nav{display:flex;flex-direction:column;gap:8px;margin-top:16px;font-size:1rem}footer{padding:24px 32px 36px;display:flex;justify-content:space-between;gap:20px;font-size:.9rem;border-top:1px solid #e4e4e4}@media(max-width:680px){header{padding:24px}.intro{grid-template-columns:1fr;padding:22px 24px 35px;gap:25px}.portrait{max-width:280px;margin:0 auto 12px;transform:rotate(2deg)}h1{font-size:2.8rem}.note,.smallprint{padding:26px 24px}.note{margin:0 24px 30px;padding-left:20px}.banner{margin:0 24px 10px}.banner img{min-height:140px;object-fit:cover}footer{padding:24px;flex-direction:column}}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 32px}.gallery img{display:block;width:100%;height:auto;border-radius:3px}.gallery figure:first-child{transform:rotate(-1deg)}.gallery figure:last-child{transform:rotate(1deg);margin-top:28px}.tips{padding-top:0}@media(max-width:680px){.gallery{margin:24px;gap:14px}}