.about{background:var(--background);color:var(--foreground);padding-block:var(--section-space)}.about-head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:32px 64px;display:grid}.about-head h2,.about-head p{margin:0}.about-head .about-lead{color:var(--muted-foreground);max-width:22ch;margin-top:16px}.about-say{justify-items:start;gap:28px;display:grid}.about-say p{max-width:38ch}.about-verb{font:inherit;letter-spacing:inherit;color:var(--primary);cursor:pointer;transition:color var(--t-hover) ease;background:0 0;border:0;padding:0 .05em;font-weight:700;position:relative}.about-verb:after{content:"";background:var(--accent);transform-origin:0;height:.12em;transition:transform var(--t-hover) var(--ease-out);position:absolute;inset:auto 0 .02em;transform:scaleX(0)}.about-verb[aria-pressed=true]{color:var(--foreground)}.about-verb[aria-pressed=true]:after{transform:none}.about-tabs{background:var(--panel);color:var(--panel-foreground);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(56px,6vw,88px);display:grid}.about-tab{text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background-color var(--t-hover) ease;background:0 0;border:0;align-content:start;gap:8px;padding:24px 24px 28px;display:grid;position:relative}.about-tab:before{content:"";background:var(--accent);transform-origin:0;height:4px;transition:transform var(--t-hover) var(--ease-out);position:absolute;inset:0 0 auto;transform:scaleX(0)}.about-tab strong{text-transform:capitalize;font-size:24px;line-height:1.1}.about-tab span{color:var(--panel-muted);transition:color var(--t-hover) ease;font-size:16px;line-height:1.5}.about-tab:hover,.about-tab[aria-pressed=true]{background:var(--panel-2)}.about-tab[aria-pressed=true]:before{transform:none}.about-tab[aria-pressed=true] span{color:var(--panel-foreground)}.about-tab:focus-visible{outline-offset:-4px}@media (prefers-reduced-motion:reduce){.about-verb,.about-verb:after,.about-tab,.about-tab:before{transition:none}}@media (max-width:1023px){.about-head{grid-template-columns:1fr;align-items:start}.about-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.about-tabs{grid-template-columns:1fr}.about-tab{padding:20px}}
.blog{background:var(--surface);color:var(--foreground);padding-block:var(--section-space)}.blog-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:32px 48px;margin-bottom:56px;display:grid}.blog-head h2{margin:0}.blog-head>div{justify-items:start;gap:20px;display:grid}.blog-head p{max-width:40ch;margin:0}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.post{height:100%;color:inherit;align-content:start;gap:14px;padding-bottom:8px;text-decoration:none;display:grid}.post-picture{aspect-ratio:3/2;display:block;overflow:hidden}.post-picture img{transition:scale .6s var(--ease-out)}.post-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:15px;display:flex}.post-title{text-underline-offset:.2em;transition:text-decoration-color var(--t-hover) ease;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px}.post-excerpt{color:var(--muted-foreground);font-size:16px}@media (hover:hover) and (pointer:fine){.post:hover .post-picture img{scale:1.04}.post:hover .post-title{text-decoration-color:currentColor}}@media (max-width:1023px){.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:767px){.blog-head,.blog-grid{grid-template-columns:1fr}}
