.block.panels .panels{display:grid;grid-template-columns:1.2fr 1fr 1fr}.block.panels .panel{display:flex;flex-direction:column;gap:14px;min-height:340px;padding:clamp(24px,3vw,40px);color:#fff;transition:filter var(--dur)}.block.panels .panel:hover{filter:brightness(1.1)}.block.panels .panel--assembly{background:var(--assembly)}.block.panels .panel--engineering{background:var(--engineering)}.block.panels .panel--navy{background:var(--proton-2)}.block.panels .panel h3,.block.panels .panel .h3{font-size:clamp(2rem,3.4vw,3rem);color:#fff}.block.panels .panel p{color:rgba(255,255,255,.85);max-width:30ch}.block.panels .panel .link{margin-top:auto}.block.panels .panel__ico{width:48px;height:48px;border-radius:4px;background:rgba(255,255,255,.16);display:grid;place-items:center}@media(max-width: 860px){.block.panels .panels{grid-template-columns:1fr}}@media(max-width: 860px){.block.panels .panel{min-height:0}}body[data-site] .block.panels .panel .link{color:#fff}@media(min-width: 861px){.block.panels .panels{grid-template-columns:repeat(3, 1fr)}}.block.panels .dwhen{display:grid;grid-template-columns:repeat(3, 1fr);gap:0;border-top:2px solid var(--ink)}.block.panels .dwhen__item{padding:24px 28px 8px 0;display:grid;gap:10px;align-content:start}.block.panels .dwhen__item+.dwhen__item{padding-left:28px;border-left:1px solid var(--line)}.block.panels .dwhen__item h3,.block.panels .dwhen__item .h3{font-size:clamp(1.6rem,2.2vw,2rem)}.block.panels .dwhen__item p{color:var(--ink-2)}@media(max-width: 860px){.block.panels .dwhen{grid-template-columns:1fr}}@media(max-width: 860px){.block.panels .dwhen__item+.dwhen__item{padding-left:0;border-left:0;border-top:1px solid var(--line)}}.theme-roof .block.panels .panel--assembly{background:var(--roof)}.theme-roof .block.panels .panel--navy{background:var(--ink)}.theme-roof .block.panels .panel--engineering{background:var(--roof-deep)}.block.panels .dwhen__ico{display:grid;place-items:center;line-height:0}.block.panels .dwhen__ico .icon{display:block;margin:0}.block.panels .dwhen__item{gap:12px}.block.panels .dwhen__ico{width:52px;height:52px;border-radius:4px;background:var(--proton);color:#fff}.block.panels .dwhen__ico .icon{width:24px;height:24px}.block.panels .dwhen__ico,.block.panels .panel__ico{display:grid !important;place-items:center !important;line-height:0 !important;padding:0 !important;border-radius:4px !important}.block.panels .dwhen__ico>.icon,.block.panels .panel__ico>.icon{display:block !important;margin:0 !important;position:static !important;transform:none}.block.panels .panel{border-radius:6px !important}