.finish-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;padding:30px;background:#22323d;color:#f8fafb;border-radius:4px;margin:25px 0}.finish-intro>div>span{font-size:9px;letter-spacing:1.2px;color:#b6cbd6}.finish-intro h2{font-size:34px;letter-spacing:-1px;line-height:1.1;margin:15px 0}.finish-intro p{font-size:12px;line-height:1.9;color:#c8d6df}.finish-intro .primary{margin-top:10px}.finish-intro-note{padding:22px;background:#30434e;border-radius:4px}.finish-intro-note b{font-size:16px;line-height:1.5}.finish-intro-note p{font-size:11px}.finish-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.finish-cards>article{border:1px solid #d0d9d1;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.finish-visual{height:210px;background:#1c2b34;position:relative;padding:30px;overflow:hidden;color:#fff}.sample-label{position:absolute;right:13px;top:12px;font-size:8px;letter-spacing:1px;color:#c1d0d8}.print-sample{background:#192b36;display:flex;align-items:center;gap:15px}.print-sample>b{font-size:28px;line-height:1.1;letter-spacing:-.8px;z-index:1}.sample-colour-shape{height:95px;width:70px;border-radius:50% 10% 50% 10%;transform:rotate(20deg);background:linear-gradient(150deg,#008cf8,#e35c89,#f2b554);flex-shrink:0}.stitch-sample{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#202e36 0px,#202e36 2px,#24343d 2px,#24343d 3px)}.sample-emblem{font-size:68px;font-weight:700;line-height:.85;border:2px solid #dbe7e9;padding:15px 23px 10px;text-shadow:1px 1px #819299}.sample-emblem>span{display:block;font-size:13px;letter-spacing:3px;margin-top:14px}.finish-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.finish-label{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#306079;display:block}.finish-card-copy h2{font-size:24px;line-height:1.2;letter-spacing:-.6px;margin:12px 0}.finish-card-copy p,.finish-card-copy li{font-size:11px;line-height:1.9;color:#4c626e}.finish-card-copy h3{font-size:12px;margin:18px 0 0}.finish-card-copy ul{padding-left:17px;margin:10px 0}.finish-watch{background:#e6ece6;padding:16px;margin:12px 0 20px;border-radius:3px}.finish-watch>b{font-size:11px}.finish-watch p{margin:7px 0 0}.finish-card-copy .primary{margin-top:auto;font-size:10px;align-self:start}.finish-comparison{margin:40px 0}.finish-comparison h2,.finish-chooser h2,.finish-next h2{font-size:25px;letter-spacing:-.7px;line-height:1.25}.finish-table-wrap table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.8}.finish-table-wrap th,.finish-table-wrap td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid #c9d3cb}.finish-table-wrap thead{background:#e3ebe6}.finish-table-wrap tbody th{width:27%;font-weight:600}.finish-table-wrap td{color:#4c626e;width:36.5%}.finish-small{font-size:10px;color:#617480;line-height:1.8}.finish-chooser{padding:28px;background:#e5ece7;border-radius:4px;scroll-margin-top:160px;margin:35px 0}.finish-chooser>p{font-size:12px;color:#4e6571;line-height:1.8}.finish-chooser fieldset{border:0;padding:0;margin:25px 0}.finish-chooser legend{font-size:12px;font-weight:600;margin-bottom:12px}.finish-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.finish-options label{display:flex;align-items:start;gap:10px;padding:15px;background:#fafbf7;border:1px solid #c6d3c9;border-radius:4px;cursor:pointer;min-width:0}.finish-options label:has(input:checked){border-color:#008cf8;box-shadow:inset 0 0 0 1px #008cf8;background:#e5f1f6}.finish-options input{accent-color:#008cf8;margin:3px 0 0;flex-shrink:0}.finish-options b{font-size:11px;display:block}.finish-options small{font-size:10px;line-height:1.7;color:#5d727c;display:block;margin-top:5px}.finish-result{background:#fafbf7;border:1px solid #b7c9bd;padding:25px;margin-top:25px;border-radius:4px}.finish-result>span{font-size:9px;color:#315e73;letter-spacing:1.2px;font-weight:600}.finish-result h3{font-size:22px;line-height:1.3;letter-spacing:-.5px}.finish-result li,.finish-result>p{font-size:12px;line-height:1.9;color:#4e6471}.finish-result ul{padding-left:18px}.finish-result>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:20px}.finish-advice-link{font-size:11px;color:#165d85}.finish-mix{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:28px;background:#e6ece6;border-radius:4px;margin:35px 0}.finish-mix h2{font-size:26px;letter-spacing:-.7px;line-height:1.2}.finish-mix p{font-size:12px;line-height:1.9;color:#4e6471}.finish-mix a{font-size:11px;color:#165d85}.finish-mix-example{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px}.finish-mix-example img{width:100%;height:140px;object-fit:contain;mix-blend-mode:multiply}.finish-mix-example>span{font-size:8px;color:#536f7e;text-align:center;line-height:1.9}.finish-mix-example b{font-size:12px;color:#253e4c}.finish-mix-example>div{font-size:20px;color:#537382}.finish-mix-example small{width:100%;text-align:center;font-size:9px;line-height:1.7;color:#5b737e}.finish-next{padding:15px 0 25px}.finish-next p{font-size:12px;color:#526977;line-height:1.9;max-width:650px}.finish-next>div{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:20px}.finish-next a:not(.primary){font-size:11px;color:#165d85}.finish-references{border-top:1px solid #cbd6ce;padding:17px 0;font-size:10px;color:#5a707d}.finish-references summary{cursor:pointer}.finish-references p{line-height:1.9;max-width:750px}
@media(max-width:900px){.finish-intro{grid-template-columns:1fr;padding:25px;gap:15px}.finish-intro-note{padding:20px}.finish-card-copy{padding:20px}.finish-card-copy h2{font-size:21px}.print-sample>b{font-size:22px}.sample-colour-shape{width:45px;height:75px}.finish-visual{padding:22px}.finish-mix{grid-template-columns:1fr}}
@media(max-width:650px){.finish-cards{grid-template-columns:1fr}.finish-intro h2{font-size:31px}.finish-visual{height:190px}.print-sample>b{font-size:31px}.sample-colour-shape{width:70px;height:95px}.finish-options{grid-template-columns:1fr}.finish-chooser{padding:22px 16px;scroll-margin-top:20px}.finish-chooser h2,.finish-comparison h2,.finish-next h2{font-size:23px}.finish-result{padding:20px 16px}.finish-result h3{font-size:20px}.finish-table-wrap th,.finish-table-wrap td{padding:12px 7px;font-size:10px}.finish-table-wrap tbody th{width:25%}.finish-card-copy .primary{font-size:10px}.finish-mix{padding:23px}.finish-options label{padding:16px 12px}.finish-options b{font-size:12px}.finish-options small{font-size:11px}}
