/* Custom Builds: the homepage widget cards, arranged as a hero cluster and as column illustrations. */
.build-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px 60px;align-items:center;position:relative;overflow:clip}
.build-hero .build-hero-copy{min-width:0}
.build-hero h1{max-width:none}
.build-hero .page-hero-bottom{display:block}
.build-hero .page-hero-bottom>p{max-width:560px}
.build-hero .page-hero-actions{margin-top:28px}
.build-widgets{position:relative;height:470px;min-width:0}
.build-widgets .hero-widget{position:absolute;left:auto;top:auto;width:236px;min-height:0;transform:rotate(var(--wr,0deg));animation-name:build-widget-arrive;transform-origin:center}
.build-widget-environment{--wr:-5deg;left:0;top:18px;z-index:2}
.build-widget-roles{--wr:4deg;right:0;top:0;z-index:1;animation-delay:.28s}
.build-widget-connections{--wr:-3deg;left:150px;bottom:0;z-index:3;animation-delay:.42s}
.build-widget .widget-header>i{background:#728f77}
.build-widget .widget-task{align-items:center}
.build-widget .widget-task>span:nth-child(2){min-width:0;flex:1}
.build-widget .widget-tag{margin-left:auto;flex:none;font-size:10px;font-weight:550;line-height:1;padding:4px 6px;border-radius:4px;background:#f1f3ef;color:#4e6255;letter-spacing:.01em}
.build-widget .widget-task-pending .widget-tag{background:#fbeee6;color:#a3492a}
.build-widget .widget-knowledge>div{flex-wrap:wrap;margin-top:0}
.build-widget .widget-question+.widget-knowledge>div{margin-top:0}
.build-widget .widget-bottom svg{width:14px;height:14px;flex:none;color:#68806b}
.build-widget-connections .widget-bottom{justify-content:flex-start;gap:6px}
/* Column illustrations above the three points. */
.edition-detail-points article .point-widget{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:290px;min-height:184px;display:flex;flex-direction:column;margin-bottom:22px;animation:none;box-shadow:0 8px 22px -16px #23313b30,0 1px 3px #23313b08}
.point-widget .widget-header{margin-bottom:12px}
.point-widget .widget-knowledge>div{gap:6px}
.point-widget .widget-bottom{margin-top:auto;padding-top:10px}.point-widget .widget-header+.widget-knowledge,.point-widget .widget-task{margin-bottom:0}.point-widget>.widget-knowledge{margin-bottom:13px}.point-widget>.widget-task:last-of-type{margin-bottom:13px}
@media(prefers-reduced-motion:no-preference){
 .build-widgets .hero-widget{animation:build-widget-arrive .95s .15s cubic-bezier(.16,1.15,.35,1) both,build-widget-float 7s 1.2s ease-in-out infinite}
 .build-widget-roles{animation-delay:.28s,1.9s}.build-widget-connections{animation-delay:.42s,2.6s}
}
@keyframes build-widget-arrive{0%{opacity:0;scale:.82;translate:0 30px}65%{opacity:1;scale:1.035;translate:0 -3px}100%{opacity:1;scale:1;translate:0 0}}
@keyframes build-widget-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:1240px){.build-widgets .hero-widget{width:216px;padding:14px}.build-widgets{height:440px}.build-widget-connections{left:90px}}
@media(max-width:1099px){
 .build-hero{grid-template-columns:1fr;gap:36px}
 .build-widgets{height:auto;display:flex;gap:16px;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}
 .build-widgets .hero-widget{position:relative;inset:auto;flex:1 1 200px;max-width:250px;width:auto;transform:rotate(var(--wr,0deg))}
 .build-widget-environment{--wr:-2deg}.build-widget-roles{--wr:2deg;translate:0 10px}.build-widget-connections{--wr:-1.5deg}
}
@media(max-width:750px){
 .build-widgets{gap:10px}
 .build-widgets .hero-widget{flex:1 1 150px;max-width:none;padding:13px 11px;border-radius:10px;--wr:0deg;translate:0 0}
 .build-widget .widget-header{font-size:12px;gap:6px;margin-bottom:12px}
 .build-widget .widget-question{font-size:14px;margin-bottom:10px}
 .build-widget .widget-task{font-size:11px;gap:6px;margin-top:9px}
 .build-widget .widget-bottom{font-size:10px;margin-top:12px;padding-top:9px}
 .build-widget .widget-tag{font-size:9px;padding:3px 5px}
 .edition-detail-points article .point-widget{max-width:none;min-height:0;margin-bottom:16px}
}