.blog-page{min-height:630px}.blog-hero{padding-top:clamp(72px,10vw,130px);padding-bottom:clamp(52px,7vw,90px)}.blog-hero h1{color:hsl(var(--color-fg));font-family:var(--font-display);font-size:clamp(4.2rem,11vw,8.5rem);font-weight:500;letter-spacing:-.08em;line-height:.9}.blog-hero__intro{max-width:515px;margin-top:28px;color:hsl(var(--color-muted-fg));font-size:1.05rem;line-height:1.7}.blog-note{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;min-height:225px;margin-bottom:125px;overflow:hidden;border:1px solid hsl(var(--color-border));border-radius:20px;background:hsl(var(--color-surface))}.blog-note__ornament{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;background:hsl(var(--color-accent) / .6)}.blog-note__ornament:before,.blog-note__ornament:after{position:absolute;width:155px;height:155px;border:1px solid hsl(var(--color-fg) / .16);border-radius:50%;content:""}.blog-note__ornament:after{width:105px;height:105px}.blog-note__ornament span{position:relative;z-index:1;width:9px;height:9px;border-radius:50%;background:hsl(var(--color-secondary))}.blog-note__ornament span:nth-child(2){width:15px;height:15px;background:hsl(var(--color-accent))}.blog-note__copy{align-self:center;padding:35px clamp(25px,6vw,70px)}.blog-note__label{display:block;margin-bottom:16px;color:hsl(var(--color-muted-fg));font-size:var(--font-size-sm);font-weight:600;letter-spacing:.01em}.blog-note__copy p{max-width:570px;color:hsl(var(--color-muted-fg));font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55}@media(max-width:600px){.blog-note{grid-template-columns:1fr;min-height:0;margin-bottom:90px}.blog-note__ornament{min-height:145px}}