.note-block{margin-top:72px;border-top:1px solid var(--line);padding-top:42px;scroll-margin-top:150px}.note-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.note-heading h2{font-size:28px;font-weight:400;letter-spacing:.06em;line-height:1.6}.note-more{font-size:12px;white-space:nowrap;border-bottom:1px solid var(--line);padding:10px 0;min-height:44px}.note-card{min-width:0}.note-card>a{display:block}.note-card img{width:100%;aspect-ratio:800/419;object-fit:contain;height:auto}.note-card-content{padding-top:18px}.note-card h3{font-size:16px;font-weight:500;line-height:1.8;letter-spacing:.02em;overflow-wrap:anywhere}.note-card time{display:block;font-size:11px;letter-spacing:.07em;color:var(--muted);margin-top:14px}.note-card a:hover h3{text-decoration:underline;text-underline-offset:4px}.note-card a:focus-visible,.note-more:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
@media(max-width:1100px){}
@media(min-width:761px) and (max-width:999px){}
@media(max-width:760px){.note-block{margin-top:48px;padding-top:30px;scroll-margin-top:95px}.note-heading{display:block;margin-bottom:24px}.note-heading h2{font-size:22px;letter-spacing:.04em}.note-more{display:inline-flex;align-items:center;margin-top:13px;font-size:11px}.note-card+.note-card{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.note-card>a{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:start}.note-card-content{padding:0}.note-card h3{font-size:13px;line-height:1.85;letter-spacing:.01em}.note-card time{font-size:10px;margin-top:10px}}


.note-brand-heading{align-items:center;margin-bottom:34px;gap:32px}.note-brand-title{min-width:0}.note-brand-row{display:flex;align-items:center;gap:16px;margin-bottom:10px}.note-brand-logo{display:block;width:120px;height:auto;flex:0 0 120px;filter:none;opacity:1;transform:none}.note-brand-author{font-size:12px;line-height:1.8;letter-spacing:.04em;color:var(--muted);margin:0}.note-archive{display:flex;justify-content:flex-end;margin-top:30px}.note-archive .note-more{margin:0}.note-brand-heading h2{margin:0}
@media(max-width:760px){.note-brand-heading{margin-bottom:28px}.note-brand-row{gap:6px;margin-bottom:10px}.note-brand-logo{width:108px;flex-basis:108px}.note-brand-author{font-size:11px;letter-spacing:.02em}.note-archive{justify-content:flex-start;margin-top:25px}}

.note-brand-title{width:100%}.note-brand-author{max-width:34em}.note-brand-heading{margin-bottom:20px}
.note-slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:22px}.note-slider-status{font-size:11px;letter-spacing:.07em;color:var(--muted);margin-right:12px;font-variant-numeric:tabular-nums}.note-slider-controls button{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);font:20px/1 Arial,sans-serif;cursor:pointer}.note-slider-controls button:disabled{opacity:.3;cursor:default}.note-slider-controls button:not(:disabled):hover{background:#e7e9df}.note-slider-controls button:focus-visible,.note-track:focus-visible{outline:2px solid #527356;outline-offset:3px}
.note-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 12px;scroll-padding:0;touch-action:pan-x pan-y pinch-zoom}.note-track::-webkit-scrollbar{display:none}.note-track>.note-card{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;scroll-snap-stop:always;min-width:0}.note-track .note-card a:focus-visible{outline-offset:-2px}.note-archive{margin-top:20px}
@media(min-width:761px) and (max-width:999px){.note-track>.note-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:760px){.note-brand-row{align-items:flex-start;gap:10px}.note-brand-author{padding-top:6px;line-height:1.8}.note-brand-heading{margin-bottom:12px}.note-slider-controls{margin-bottom:15px}.note-track{gap:20px}.note-track>.note-card{flex-basis:100%;border:0;margin:0;padding:0}.note-track .note-card>a{display:block}.note-track .note-card-content{padding-top:16px}.note-track .note-card h3{font-size:14px;line-height:1.85}.note-track .note-card time{margin-top:12px}.note-archive{margin-top:16px}}

.note-brand-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center;margin-bottom:28px}.note-brand-title{display:contents}.note-brand-row{grid-column:1 / -1;margin-bottom:0}.note-brand-heading h2{grid-column:1}.note-brand-heading .note-slider-controls{grid-column:2;margin:0;white-space:nowrap}.note-brand-heading .note-slider-status{min-width:48px;text-align:right}
@media(max-width:760px){.note-brand-heading{display:block;margin-bottom:15px}.note-brand-title{display:block}.note-brand-row{margin-bottom:10px}.note-brand-heading .note-slider-controls{margin-top:18px}}