@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
:root{font-family:'Raleway',system-ui,sans-serif;color:#263d39;background:#fafbf8;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #398c88;outline-offset:4px}[hidden]{display:none!important}.site{max-width:1320px;margin:auto;padding:0 48px}.brand{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid #e2e7df;font-size:14px;font-weight:600}.brand span{font-weight:400;color:#7c8984}.brand>a:last-child{font-size:12px;font-weight:500}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:600;color:#667b72;margin:0 0 16px}h1{font-size:46px;font-weight:500;line-height:1.15;letter-spacing:-1.8px;margin:0}h2{font-weight:600}.intro{font-size:17px;line-height:1.8;color:#64736d;max-width:540px;margin:24px 0 36px}.landing{max-width:920px;margin:66px auto}.landing h1{font-size:58px}.project{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid #dde5dc;border-radius:20px;overflow:hidden;background:white;transition:border-color .2s}.project:hover{border-color:#7ba39a}.project-art{background:#e8eeE6;display:grid;place-items:center;min-height:330px;overflow:hidden}.mini-phone{background:#fdfefd;width:185px;height:275px;border:1px solid #cbd8cf;border-radius:23px;padding:31px 16px 15px;transform:rotate(-5deg);box-shadow:0 18px 30px #26423510}.mini-search{height:24px;background:#eff2ee;border-radius:5px}.mini-tags{display:flex;gap:4px;margin:14px 0 24px}.mini-tags i{height:14px;flex:1;border:1px solid #d7e2da;border-radius:20px}.mini-row{height:37px;margin:12px 0;border-radius:4px;background:linear-gradient(90deg,#e3ede7 30%,transparent 30%,transparent 37%,#f0f3ee 37%)}.project-copy{padding:42px}.badge{display:inline-block;background:#eaf1e9;color:#486748;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:600}.project h2{font-size:26px;line-height:1.35;margin:22px 0 12px;letter-spacing:-.5px}.project p{font-size:15px;line-height:1.8;color:#6f7d75;margin:0 0 32px}.text-link{color:#1e6c71;font-size:13px;font-weight:600}.quiet{font-size:12px;line-height:1.7;color:#7b8781;margin-top:24px}footer{border-top:1px solid #e2e7df;padding:24px 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.7;color:#718078}.page-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:48px}.page-heading h1{font-size:38px}.heading-meta{text-align:right}.heading-meta p{font-size:11px;color:#7b8981;margin:12px 0 0}.compact{max-width:690px;font-size:15px;margin:18px 0 28px}.toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;padding:14px 0;border-top:1px solid #e2e7df;border-bottom:1px solid #e2e7df;margin-bottom:28px}.toggles,.utility{display:flex;align-items:center;gap:8px}.toggles button{border:1px solid #d8e0d7;border-radius:24px;background:transparent;padding:12px 16px;font-size:12px;color:#546d62}.toggles button span{margin-left:7px;font-size:10px;opacity:.7}.toggles button[aria-pressed=true]{background:#e6eee5;border-color:#d4dfd2;color:#274b40}.utility{gap:22px;font-size:11px;color:#607a70}.utility button{background:none;border:0;color:inherit;padding:12px 0}.stage{display:grid;grid-template-columns:minmax(300px,440px) minmax(220px,300px);gap:48px;justify-content:center;align-items:start}.stage.no-notes{grid-template-columns:minmax(300px,440px)}.stage.comparing{grid-template-columns:minmax(300px,440px) minmax(300px,440px);gap:36px}.stage.comparing .notes{grid-column:1/-1;grid-row:2;max-width:800px;padding-top:20px;border-top:1px solid #e2e7df}.panel-title{min-height:43px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-title h2{font-size:13px;margin:0}.selected-dot,.archive-label{font-size:10px;color:#7a8c80}.selected-dot:before{content:'';display:inline-block;width:5px;height:5px;background:#638b66;border-radius:50%;margin-right:6px}iframe{display:block;width:100%;height:768px;border:1px solid #e1e6de;background:#f4f5f1;border-radius:16px}.frame-hint{font-size:11px;color:#77877d;line-height:1.7;text-align:center;margin:14px 10px}.notes{padding-top:72px}.notes h2{font-size:23px;letter-spacing:-.5px;line-height:1.3;margin:0 0 15px}.notes>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#63776c}.notes ol{padding-left:22px;margin:24px 0;color:#4c6658;font-size:13px;line-height:1.8}.notes li{padding-left:7px;margin-bottom:15px}.note-foot{border-top:1px solid #dfe6db;margin-top:24px;padding-top:22px;font-size:12px}.note-foot strong{font-weight:600;color:#1e6c71}.note-foot p{line-height:1.8;color:#62766b;margin:8px 0 18px}.notes .simulation{font-size:11px!important;line-height:1.7!important;color:#7d877e!important}.select-label{font-size:11px;display:block;margin:0 0 8px;color:#698074}select{padding:12px;width:100%;max-width:100%;border:1px solid #d5dfd3;border-radius:8px;background:#fff;font-size:12px;color:#355449}.alternative-note{font-size:12px;line-height:1.7;color:#708174;min-height:42px}.comparison iframe{height:920px}.decisions{margin:38px 0;color:#5c7366;border-top:1px solid #e0e6dc;padding:24px 0 0;font-size:13px;line-height:1.8}.decisions summary{font-weight:500}.decisions>div{max-width:800px;padding:8px 0 0}.decisions p{margin:12px 0}.stage.no-notes:not(.comparing){max-width:440px;margin:auto}@media(min-width:1000px){.stage.comparing .current-panel iframe{margin-top:144px}}@media(max-width:800px){.site{padding:0 22px}.page-heading{display:block;margin-top:32px}.heading-meta{text-align:left;margin-top:20px}.heading-meta p{display:inline-block;margin-left:10px}.stage,.stage.comparing,.stage.no-notes{display:flex;flex-direction:column;gap:24px;align-items:stretch;max-width:440px;margin:auto}.notes,.stage.comparing .notes{padding:18px 8px;order:2}.comparison{order:3}.page-heading h1{font-size:33px}.notes h2{font-size:22px}.project-copy{padding:28px}.landing h1{font-size:46px}footer{flex-direction:column;gap:8px}.comparison iframe{height:940px}}@media(max-width:520px){.site{padding:0 14px}.brand{padding:22px 0;font-size:12px}.landing{margin:40px 0}.landing h1{font-size:42px}.project{display:block}.project-art{min-height:220px}.mini-phone{margin-top:32px;height:235px;margin-bottom:-28px}.project-copy{padding:26px}.project h2{font-size:23px}.toolbar{gap:10px}.toggles{width:100%}.utility{justify-content:space-between;width:100%}.panel-title{flex-wrap:wrap;gap:6px}.page-heading h1{font-size:30px;letter-spacing:-1px}.intro{font-size:14px}.heading-meta p{display:block;margin-left:0}.stage{width:100%}iframe{border-radius:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#alternative-frame[data-idea="progressive"]{height:768px}