.guides-builds-page { overflow: hidden; }
.guides-builds-page .section { position: relative; }
.guides-builds-page .artefact-panel { clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)); }
.guides-builds-page .gb-marker { display: flex; align-items: center; gap: var(--space-3); }
.guides-builds-page .gb-marker::after { width: 64px; height: 1px; background: var(--color-amber); content: ""; }
.guides-builds-page .gb-text-link, .guides-builds-page .gb-card-action { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 2.75rem; font-family: var(--font-heading); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.guides-builds-page .gb-card-action { color: var(--color-amber); font-size: var(--text-14); }
.guides-builds-page .gb-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr); align-items: center; gap: var(--space-5); }
.guides-builds-page .gb-hero__copy { grid-column: 1 / 2; min-width: 0; }
.guides-builds-page .gb-hero__copy h1 { max-width: 12ch; }
.guides-builds-page .gb-hero__dek { max-width: 36rem; }
.guides-builds-page .gb-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); min-width: 0; }
.guides-builds-page .gb-hero__scope { margin-top: var(--space-3); max-width: 32rem; }
.guides-builds-page .gb-hero__media { grid-column: 3 / 4; width: 100%; min-width: 0; margin: 0; aspect-ratio: 3 / 2; align-self: stretch; }
.guides-builds-page .gb-hero__media img { width: 100%; height: 100%; object-position: center right; }
.guides-builds-page .gb-hero__media figcaption { padding: var(--space-2) var(--space-3); background: var(--color-reliquary-deep); }
.guides-builds-page .gb-feature__panel { display: grid; grid-template-columns: minmax(0, 7fr) minmax(18rem, 4fr); gap: var(--space-6); padding: var(--space-6); }
.guides-builds-page .gb-feature__narrative, .guides-builds-page .gb-feature__media { min-width: 0; width: 100%; }
.guides-builds-page .gb-feature__narrative h2 { max-width: 20ch; }
.guides-builds-page .gb-feature__verdict { padding: var(--space-3); border-left: 2px solid var(--color-amber); background: var(--color-reliquary-deep); }
.guides-builds-page .gb-feature__prose { max-width: 39rem; }
.guides-builds-page .gb-build-readout { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); min-width: 0; }
.guides-builds-page .gb-build-readout__item { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; padding: var(--space-3); background: var(--color-reliquary-deep); }
.guides-builds-page .gb-build-readout__item span { color: var(--color-amber); font-family: var(--font-heading); font-size: var(--text-12); font-weight: 700; letter-spacing: .08em; line-height: 1.33; text-transform: uppercase; }
.guides-builds-page .gb-build-readout__item strong { font-size: var(--text-16); line-height: 1.4; }
.guides-builds-page .gb-feature__action { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-top: var(--space-5); min-width: 0; }
.guides-builds-page .gb-feature__action p { margin: 0; }
.guides-builds-page .gb-feature__media { align-self: stretch; aspect-ratio: 2 / 3; }
.guides-builds-page .gb-feature__media img { width: 100%; height: 100%; object-position: center; }
.guides-builds-page .gb-routes__intro { max-width: 38rem; }
.guides-builds-page .gb-routes__shelf { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.guides-builds-page .gb-route-card, .guides-builds-page .gb-note-card, .guides-builds-page .gb-armory-card, .guides-builds-page .gb-editor-card { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; width: 100%; padding: var(--space-5); color: var(--color-lilac); text-decoration: none; }
.guides-builds-page .gb-route-card { min-height: 21rem; background: linear-gradient(145deg, var(--color-reliquary), var(--color-reliquary-deep)); }
.guides-builds-page .gb-route-card h3, .guides-builds-page .gb-note-card h3, .guides-builds-page .gb-armory-card h3 { margin: 0; }
.guides-builds-page .gb-route-card p, .guides-builds-page .gb-note-card p, .guides-builds-page .gb-armory-card p { margin: 0; }
.guides-builds-page .gb-route-card__index, .guides-builds-page .gb-armory-card__index { align-self: flex-end; color: var(--color-frame); font-family: var(--font-heading); font-size: var(--text-32); font-weight: 800; line-height: 1; }
.guides-builds-page .gb-route-card .gb-card-action, .guides-builds-page .gb-note-card .gb-card-action, .guides-builds-page .gb-armory-card .gb-card-action { margin-top: auto; }
.guides-builds-page .gb-route-card--danger .eyebrow { color: var(--color-ember); }
.guides-builds-page .gb-route-card--systems { background: linear-gradient(180deg, var(--color-reliquary) 0 72%, var(--color-reliquary-deep) 72%); }
.guides-builds-page .gb-method__layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.guides-builds-page .gb-method__intro { grid-column: 1 / span 6; min-width: 0; max-width: 43rem; }
.guides-builds-page .gb-method__panels { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.guides-builds-page .gb-method-card { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding: var(--space-5); }
.guides-builds-page .gb-method-card h3, .guides-builds-page .gb-method-card p { margin: 0; }
.guides-builds-page .gb-method-card__number { color: var(--color-amber); font-family: var(--font-heading); font-size: var(--text-24); font-weight: 800; }
.guides-builds-page .gb-method-card__note { margin-top: auto !important; padding: var(--space-3); background: var(--color-reliquary-deep); color: var(--color-lilac-muted); }
.guides-builds-page .gb-method__quote { grid-column: 9 / span 4; min-width: 0; margin: var(--space-2) 0 0; }
.guides-builds-page .gb-method__quote p { font-family: var(--font-heading); font-size: var(--text-32); font-weight: 700; line-height: 1; }
.guides-builds-page .gb-method__quote cite { color: var(--color-lilac-muted); font-size: var(--text-14); font-style: normal; }
.guides-builds-page .gb-run__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.guides-builds-page .gb-run__intro { grid-column: 1 / span 6; min-width: 0; max-width: 42rem; }
.guides-builds-page .gb-run-feature { grid-column: 1 / span 8; display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; }
.guides-builds-page .gb-run-feature__image { width: 100%; min-width: 0; aspect-ratio: 3 / 2; object-fit: cover; }
.guides-builds-page .gb-run-feature__body { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding: var(--space-5); background: var(--color-reliquary); }
.guides-builds-page .gb-run-feature__body h3, .guides-builds-page .gb-run-feature__body p { margin: 0; }
.guides-builds-page .gb-run-feature__body p { max-width: 50ch; }
.guides-builds-page .gb-run__rail { grid-column: 9 / span 1; min-width: 0; background: linear-gradient(var(--color-amber), transparent 75%); opacity: .75; }
.guides-builds-page .gb-run-notes { grid-column: 10 / span 3; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); min-width: 0; }
.guides-builds-page .gb-note-card { min-height: 0; padding: var(--space-4); background: var(--color-reliquary); }
.guides-builds-page .gb-armory__intro { max-width: 40rem; }
.guides-builds-page .gb-armory__shelf { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.guides-builds-page .gb-armory-card { min-height: 29rem; background: linear-gradient(165deg, var(--color-reliquary) 0 72%, var(--color-reliquary-deep) 72%); }
.guides-builds-page .gb-armory__continue { justify-content: flex-end; width: 100%; margin-top: var(--space-5); }
.guides-builds-page .gb-systems__chamber { max-width: 56rem; }
.guides-builds-page .gb-systems__intro { padding: var(--space-6); }
.guides-builds-page .gb-systems__intro p { max-width: 64ch; }
.guides-builds-page .gb-disclosure-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); margin-top: var(--space-5); min-width: 0; }
.guides-builds-page .gb-disclosure__button { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-4); width: 100%; min-width: 0; min-height: 4.5rem; padding: var(--space-4); border: 0; background: var(--color-reliquary); color: var(--color-lilac); text-align: left; }
.guides-builds-page .gb-disclosure__button > span { display: grid; min-width: 0; gap: var(--space-1); }
.guides-builds-page .gb-disclosure__button strong { font-family: var(--font-heading); font-size: var(--text-24); line-height: 1; }
.guides-builds-page .gb-disclosure__button small { color: var(--color-lilac-muted); font-size: var(--text-14); }
.guides-builds-page .gb-disclosure__index { color: var(--color-amber); font-family: var(--font-heading); font-size: var(--text-12); font-weight: 700; letter-spacing: .08em; }
.guides-builds-page .gb-disclosure__control { justify-items: end; color: var(--color-amber); font-family: var(--font-heading); font-size: var(--text-14); font-weight: 700; letter-spacing: .04em; line-height: 1.2; text-transform: uppercase; }
.guides-builds-page .gb-disclosure__content { padding: var(--space-4); border-top: var(--border-frame); background: var(--color-reliquary-deep); }
.guides-builds-page .gb-disclosure__content p { max-width: 60ch; margin: 0; }
.guides-builds-page .gb-systems__note { width: min(100%, 42rem); margin-top: var(--space-5); }
.guides-builds-page .gb-systems__note-label { display: block; margin-bottom: var(--space-2); color: var(--color-success); font-family: var(--font-heading); font-size: var(--text-12); letter-spacing: .08em; text-transform: uppercase; }
.guides-builds-page .gb-patch__layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.guides-builds-page .gb-patch__intro { grid-column: 1 / span 5; min-width: 0; max-width: 39rem; }
.guides-builds-page .gb-calendar-mark { display: block; width: 28px; height: 28px; margin-bottom: var(--space-3); border: 2px solid var(--color-amber); background: linear-gradient(var(--color-amber) 0 6px, transparent 6px); }
.guides-builds-page .gb-patch__motif { grid-column: 6 / span 1; min-width: 0; border-left: 1px solid var(--color-frame); border-right: 1px solid var(--color-frame); }
.guides-builds-page .gb-patch__notes { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.guides-builds-page .gb-patch-card { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding: var(--space-5); }
.guides-builds-page .gb-patch-card h3, .guides-builds-page .gb-patch-card p { margin: 0; }
.guides-builds-page .gb-patch-card .gb-text-link { margin-top: auto; }
.guides-builds-page .gb-editors__intro { max-width: 38rem; }
.guides-builds-page .gb-editors__shelf { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.guides-builds-page .gb-editor-card { padding: 0; gap: 0; }
.guides-builds-page .gb-editor-card > img { width: 100%; min-width: 0; aspect-ratio: 16 / 9; object-fit: cover; object-position: center right; }
.guides-builds-page .gb-editor-card__body { display: flex; flex: 1; flex-direction: column; gap: var(--space-3); min-width: 0; padding: var(--space-5); background: var(--color-reliquary); }
.guides-builds-page .gb-editor-card__body h3 { margin: 0; }
.guides-builds-page .gb-editor-card__body > span:not(.eyebrow):not(.gb-card-action) { color: var(--color-lilac-muted); }
.guides-builds-page .gb-editor-card .gb-card-action { margin-top: auto; }
.guides-builds-page .gb-closing { padding-block: var(--space-9); }
.guides-builds-page .gb-closing__panel { display: flex; flex-direction: column; align-items: center; gap: var(--space-4); width: min(100%, 40rem); min-width: 0; margin-inline: auto; padding: var(--space-6); text-align: center; }
.guides-builds-page .gb-closing__panel h2, .guides-builds-page .gb-closing__panel p { margin: 0; }
.guides-builds-page .gb-closing__panel p { max-width: 48ch; }
.guides-builds-page .gb-closing__actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-3); min-width: 0; }
.guides-builds-page a.artefact-panel:hover, .guides-builds-page a.artefact-panel:focus-visible { border-color: var(--color-amber); color: var(--color-lilac); transform: translateY(-2px); }
.guides-builds-page a.artefact-panel:hover .gb-card-action, .guides-builds-page a.artefact-panel:focus-visible .gb-card-action { color: var(--color-amber-bright); }
.guides-builds-page .gb-feature__panel:hover { border-color: var(--color-amber); }
@media (max-width: 74.9375rem) { .guides-builds-page .gb-hero__grid { grid-template-columns: minmax(0, 1fr); } .guides-builds-page .gb-hero__copy, .guides-builds-page .gb-hero__media { grid-column: 1; } .guides-builds-page .gb-hero__media { aspect-ratio: 16 / 9; } .guides-builds-page .gb-routes__shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guides-builds-page .gb-run-feature { grid-column: 1 / -1; } .guides-builds-page .gb-run__rail { display: none; } .guides-builds-page .gb-run-notes { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); } .guides-builds-page .gb-editors__shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guides-builds-page .gb-editor-card:last-child { grid-column: 1 / -1; width: min(100%, calc((100% - var(--space-5)) / 2)); justify-self: center; } }
@media (max-width: 63.6875rem) { .guides-builds-page .gb-feature__panel { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .guides-builds-page .gb-build-readout { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guides-builds-page .gb-build-readout__item:last-child { grid-column: 1 / -1; } .guides-builds-page .gb-method__panels { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guides-builds-page .gb-method-card:last-child { grid-column: 1 / -1; } .guides-builds-page .gb-method__quote { grid-column: 7 / span 6; } .guides-builds-page .gb-patch__notes { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guides-builds-page .gb-patch-card:last-child { grid-column: 1 / -1; } .guides-builds-page .gb-patch__motif { display: none; } }
@media (max-width: 59.9375rem) { .guides-builds-page .gb-feature__panel { grid-template-columns: minmax(0, 1fr); } .guides-builds-page .gb-feature__media { grid-row: 1; aspect-ratio: 4 / 5; } .guides-builds-page .gb-method__intro { grid-column: 1 / -1; } .guides-builds-page .gb-armory__shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guides-builds-page .gb-armory-card:last-child { grid-column: 1 / -1; width: min(100%, calc((100% - var(--space-5)) / 2)); justify-self: center; } }
@media (max-width: 44.9375rem) { .guides-builds-page .gb-systems__chamber { width: min(100% - (var(--gutter) * 2), var(--container-max)); } .guides-builds-page .gb-disclosure__button { grid-template-columns: minmax(0, 1fr); } .guides-builds-page .gb-disclosure__control { justify-items: start !important; } .guides-builds-page .gb-closing__actions { flex-direction: column; width: 100%; } .guides-builds-page .gb-closing__actions > * { width: 100%; } }
@media (max-width: 39.9375rem) { .guides-builds-page .gb-hero__copy h1 { font-size: var(--text-32); } .guides-builds-page .gb-hero__actions, .guides-builds-page .gb-feature__action { flex-direction: column; align-items: stretch; } .guides-builds-page .gb-hero__actions > *, .guides-builds-page .gb-feature__action > * { width: 100%; } .guides-builds-page .gb-routes__shelf, .guides-builds-page .gb-method__panels, .guides-builds-page .gb-run-notes, .guides-builds-page .gb-armory__shelf, .guides-builds-page .gb-patch__notes, .guides-builds-page .gb-editors__shelf { grid-template-columns: minmax(0, 1fr); } .guides-builds-page .gb-method-card:last-child, .guides-builds-page .gb-patch-card:last-child, .guides-builds-page .gb-editor-card:last-child, .guides-builds-page .gb-armory-card:last-child { grid-column: 1; width: 100%; } .guides-builds-page .gb-method__quote { grid-column: 1 / -1; } .guides-builds-page .gb-method__quote p { font-size: 1.875rem; } .guides-builds-page .gb-build-readout { grid-template-columns: minmax(0, 1fr); } .guides-builds-page .gb-build-readout__item:last-child { grid-column: 1; } .guides-builds-page .gb-run-feature__image { aspect-ratio: 16 / 9; } .guides-builds-page .gb-armory-card { min-height: 0; } .guides-builds-page .gb-closing { padding-block: var(--space-7); } .guides-builds-page .gb-closing__panel { padding: var(--space-5); } }
@media (prefers-reduced-motion: reduce) { .guides-builds-page a.artefact-panel:hover, .guides-builds-page a.artefact-panel:focus-visible { transform: none; } }