.artifact-heading{display:grid;grid-template-columns:1fr 2.3fr;gap:30px;align-items:start;margin-bottom:75px}.artifact-heading h2{font-size:clamp(42px,5.3vw,76px);line-height:1.03;letter-spacing:-.055em;font-weight:500;margin:0}.artifact-heading>p:last-child{grid-column:2;font-size:17px;line-height:1.6;max-width:700px;color:var(--muted)}.ux-artifact,.flow-artifact,.iterations,.edge-artifact,.metrics-artifact{padding-top:145px;padding-bottom:145px;border-bottom:1px solid var(--line)}.fragment-map{display:grid;grid-template-columns:1fr 140px 1.35fr;align-items:center}.fragment-start{padding:35px;border:1px solid;display:flex;flex-direction:column;gap:30px}.fragment-start span{font:10px DM Mono;text-transform:uppercase}.fragment-start b{font-size:27px}.fragment-lines{display:flex;flex-direction:column;justify-content:space-around;height:300px}.fragment-lines i{height:1px;background:#aaa;transform-origin:left}.fragment-lines i:nth-child(1){transform:rotate(-20deg)}.fragment-lines i:nth-child(2){transform:rotate(-10deg)}.fragment-lines i:nth-child(4){transform:rotate(10deg)}.fragment-lines i:nth-child(5){transform:rotate(20deg)}.fragment-destinations{display:grid;gap:8px}.fragment-destinations>div{display:flex;justify-content:space-between;padding:18px 20px;background:#ebe8df}.fragment-destinations small{font:9px DM Mono;text-transform:uppercase}.fragment-destinations span{font-size:14px}.fragment-destinations .missing{background:#f2735d}.evidence-placeholder{border:1px dashed #999;padding:30px;margin-top:60px;display:grid;grid-template-columns:1fr 3fr;gap:30px}.evidence-placeholder span{font:10px DM Mono;text-transform:uppercase}.evidence-placeholder p{font-family:Georgia,serif;font-size:26px;margin:0}.journey-artifact,.taxonomy-artifact,.blueprint-artifact{padding:145px 0;background:#ebe8df}.crisis-timeline{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid}.crisis-timeline>div{min-height:270px;border-right:1px solid;padding:22px 18px;display:flex;flex-direction:column}.crisis-timeline small{font:10px DM Mono}.crisis-timeline b{font-size:17px;margin:35px 0 15px}.crisis-timeline p{font-size:12px;color:var(--muted)}.crisis-timeline i{height:8px;background:#f2735d;margin-top:auto}.crisis-timeline i[data-level="2"]{width:35%}.crisis-timeline i[data-level="3"]{width:55%}.crisis-timeline i[data-level="4"]{width:78%}.crisis-timeline i[data-level="5"]{width:100%}.emotion-key{display:flex;justify-content:space-between;font:9px DM Mono;text-transform:uppercase;margin-top:15px}.decision-flow{max-width:850px;margin:auto;text-align:center}.flow-node{border:1px solid;padding:22px 30px;background:var(--paper);display:flex;flex-direction:column;gap:10px}.flow-node small{font:9px DM Mono;text-transform:uppercase}.flow-node b{font-size:18px}.flow-node p{font-size:11px;color:var(--muted);margin:0}.start-node,.question-node,.end-node{max-width:400px;margin:auto}.question-node{background:#ebe8df}.flow-connector{display:block;font-size:25px;margin:12px}.flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:160px;margin:50px 0}.flow-branches>div>span{font:9px DM Mono;text-transform:uppercase}.flow-branches i{display:block;width:1px;height:35px;background:#171714;margin:12px auto}.coral-node{background:#f2735d;border-color:#f2735d}.merge-lines{display:flex;justify-content:center;gap:200px}.merge-lines i{height:50px;width:1px;background:#171714;transform:rotate(30deg)}.merge-lines i:last-child{transform:rotate(-30deg)}.end-node{background:#d8ff54}.taxonomy-grid{display:grid;grid-template-columns:1fr 150px 1fr}.taxonomy-column{display:flex;flex-direction:column}.taxonomy-column h3{font-size:25px;margin:0 0 30px}.taxonomy-column span{padding:20px;border-top:1px solid;font-size:14px}.taxonomy-column .accent-row{background:#f2735d}.protected-column span{background:#faf9f6;margin-bottom:5px;border:0}.taxonomy-link{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:5px}.taxonomy-link i{height:46px;border-top:1px dashed #999}.taxonomy-note{display:flex;gap:40px;margin-top:40px;border-top:1px solid;padding-top:25px}.taxonomy-note b{font:10px DM Mono;text-transform:uppercase}.taxonomy-note p{margin:0;color:var(--muted)}.iteration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.iteration-grid article{border:1px solid;padding:20px}.iteration-grid header{display:flex;flex-direction:column;gap:12px}.iteration-grid header span,.iteration-grid footer b{font:9px DM Mono;text-transform:uppercase}.iteration-grid header b{font-size:18px}.wireframe{margin:35px 0;padding:25px 18px;height:330px;border:1px solid #aaa;border-radius:20px}.wire-title{height:22px;width:60%;background:#bbb;margin-bottom:35px}.wire-row,.wire-choice{height:40px;background:#dedbd2;margin:10px 0}.wire-row.short{width:70%}.wire-button{height:38px;background:#171714;margin-top:60px;border-radius:20px}.wire-choice{border:1px solid;background:transparent}.wire-shield{background:#f2735d;padding:18px;margin-top:28px;font:10px DM Mono;text-transform:uppercase}.iteration-grid footer{border-top:1px solid;padding-top:20px}.iteration-grid footer p{font-size:13px;line-height:1.5;color:var(--muted)}.selected-iteration{background:#d8ff54}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:70px 25px;margin-top:80px}.screen-gallery article>h3{font-size:20px;line-height:1.3}.screen-gallery article>p{font-size:13px;line-height:1.6;color:#aaa}.device-placeholder{height:480px;border:1px dashed #777;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f8f6ef;color:#171714;padding:30px}.device-placeholder span{font:10px DM Mono}.device-placeholder b{font-size:20px;margin:25px 0}.device-placeholder p{font:10px DM Mono;text-transform:uppercase;color:#777}.coral-device{background:#f2735d;border:0}.edge-table{border-top:1px solid}.edge-table>div{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-bottom:1px solid}.edge-table span,.edge-table b{padding:18px;font-size:13px}.edge-table span{border-left:1px solid;color:var(--muted)}.edge-table .table-head{font:9px DM Mono;text-transform:uppercase;background:#ebe8df}.blueprint{border-top:1px solid}.bp-row{display:grid;grid-template-columns:150px repeat(5,1fr);border-bottom:1px solid}.bp-row>*{padding:18px 12px;border-right:1px solid;font-size:11px}.bp-row b{font:9px DM Mono;text-transform:uppercase}.bp-row.front{background:#f2735d}.visibility-line{text-align:center;padding:9px;background:#171714;color:white;font:9px DM Mono;text-transform:uppercase;letter-spacing:.1em}.blueprint-help{font-size:12px;color:var(--muted);margin-top:25px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid;border-bottom:1px solid}.metric-grid>div{padding:35px 20px;border-right:1px solid;display:flex;flex-direction:column}.metric-grid>div:last-child{border:0}.metric-grid strong{font-size:55px}.metric-grid span{font:10px DM Mono;text-transform:uppercase;margin:25px 0 10px}.metric-grid p{font-size:12px;color:var(--muted)}.reflection-placeholder{margin-top:70px;padding:35px;border:1px dashed #999;display:grid;grid-template-columns:1fr 3fr;gap:40px}.reflection-placeholder b{font:10px DM Mono;text-transform:uppercase}.reflection-placeholder p{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
@media(max-width:800px){.artifact-heading{grid-template-columns:1fr}.artifact-heading>p:last-child{grid-column:auto}.ux-artifact,.flow-artifact,.iterations,.edge-artifact,.metrics-artifact,.journey-artifact,.taxonomy-artifact,.blueprint-artifact{padding-top:90px;padding-bottom:90px}.fragment-map{grid-template-columns:1fr}.fragment-lines{height:70px}.fragment-lines i{transform:none!important}.evidence-placeholder{grid-template-columns:1fr}.crisis-timeline{grid-template-columns:1fr}.crisis-timeline>div{min-height:150px;border-right:0}.flow-branches{gap:20px}.merge-lines{gap:80px}.taxonomy-grid{grid-template-columns:1fr}.taxonomy-link{display:none}.iteration-grid,.screen-gallery{grid-template-columns:1fr}.edge-table{overflow-x:auto}.edge-table>div{min-width:650px}.blueprint{overflow-x:auto}.bp-row{min-width:850px}.metric-grid{grid-template-columns:1fr 1fr}.reflection-placeholder{grid-template-columns:1fr}}
