.grid-container{width:100%;margin:0 auto}.grid{max-width:var(--max-width);align-items:start;gap:clamp(32px,6vw,88px);width:100%;margin:0 auto;padding:clamp(56px,8vw,104px) clamp(24px,4vw,56px);display:grid;position:relative}.grid img{max-width:100%;height:auto}.js .grid section{opacity:0}.js .grid-visible section{animation:fade-in-up var(--dur-enter) var(--ease-out-expo) both}.grid-visible section:nth-child(2){animation-delay:.1s}.grid-visible section:nth-child(3){animation-delay:.2s}@media (min-width:768px){.grid{grid-template-columns:6fr 5fr}}@media (max-width:767px){.grid{width:unset;grid-template-columns:repeat(1,1fr);gap:32px;padding:48px 20px}}
.fancy-text{text-align:left;padding:0 0 32px}.title{max-width:14ch;color:var(--color-ink);text-align:left;margin:0 0 28px;font-size:clamp(2.2rem,1.2rem + 3vw,3.8rem)}.description{max-width:62ch;color:var(--color-text-muted);margin:0 0 16px;font-size:1.05rem;line-height:1.75}.fancy-text .title+.description{color:var(--color-text);font-size:1.2rem;line-height:1.6}.points{border-top:1px solid var(--color-rule);margin:8px 0 20px;padding:0;list-style:none}.point{border-bottom:1px solid var(--color-rule);color:var(--color-text);padding:12px 0 12px 28px;font-size:1.02rem;line-height:1.55;position:relative}.point:before{content:"";background-color:var(--color-primary);width:8px;height:8px;position:absolute;top:calc(12px + .55em);left:2px}.text-footer{color:var(--color-text);margin:20px 0 0;font-size:1.05rem;font-weight:600}@media (max-width:767px){.description{font-size:1rem}.fancy-text .title+.description{font-size:1.08rem}.text-footer{font-size:1rem}}
.contactInfo{border-top:1px solid var(--color-ink);flex-direction:column;display:flex}.contactInfo .icon{border-bottom:1px solid var(--color-rule);align-items:center;gap:14px;padding:14px 0;display:flex}.contactInfo .icon svg{width:13px;height:13px;color:var(--color-primary);flex-shrink:0}.contactInfo .icon p{color:var(--color-text);flex:1;align-items:center;margin:0;font-size:1rem;display:flex}.contactInfo .icon a{color:inherit;cursor:pointer;transition:color var(--dur-fast) var(--ease-standard);flex:1;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.contactInfo .icon a strong{font-family:var(--font-mono);color:var(--color-ink);font-size:1.05rem;font-weight:500}.contactInfo .icon a span{color:var(--color-text-muted);font-size:.85rem}.contactInfo .icon a:hover,.contactInfo .icon a:hover strong{color:var(--color-primary)}
