.project-boards-page{--project-boards-ink:#20211c;--project-boards-muted:#686b62;--project-boards-line:#d9dbd2;--project-boards-soft:#eff0e8;--project-boards-paper:#fafaf6;background:var(--project-boards-paper);min-height:calc(100vh - 80px);color:var(--project-boards-ink);overflow:hidden}.project-boards-page :where(h1,h2,h3,p){margin:0}.project-boards-page :where(a){color:inherit;text-decoration:none}.project-boards-page :where(a,button):focus-visible{outline:2px solid var(--product-accent);outline-offset:4px}.project-boards-kicker{color:#687c25;letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:750;line-height:1.4}.project-boards-hero{background:#e9ebe1;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(34px,7vw,120px);min-height:min(720px,100vh - 80px);padding:clamp(66px,9vw,124px) clamp(24px,8vw,126px);display:grid}.project-boards-hero__copy{max-width:610px;animation:.6s ease-out both project-boards-rise}.project-boards-hero h1{max-width:640px;font-family:var(--type-family-display);letter-spacing:-.085em;margin-top:20px;font-size:clamp(3.2rem,6.6vw,7.2rem);font-weight:500;line-height:.89}.project-boards-hero__lede{max-width:510px;color:var(--project-boards-muted);margin-top:28px;font-size:clamp(1.03rem,1.55vw,1.28rem);line-height:1.6}.project-boards-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:31px;display:flex}.project-boards-actions :where(a,button){min-height:46px}.project-boards-hero__note{max-width:400px;color:var(--project-boards-muted);font-size:.77rem;line-height:1.5;margin-top:22px!important}.project-boards-board-scene{min-width:0;animation:.8s ease-out .12s both project-boards-fade;position:relative}.project-boards-board-scene__label{color:#687c25;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:13px;font-size:.72rem;font-weight:700;display:flex}.project-boards-board-window{background:var(--project-boards-paper);border:1px solid #20211c2e;box-shadow:18px 21px #20211c14}.project-boards-board-window__bar,.project-boards-board-window__footer{justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.project-boards-board-window__bar{border-bottom:1px solid var(--project-boards-line)}.project-boards-board-window__eyebrow{color:var(--project-boards-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:.61rem;display:block}.project-boards-board-window__bar strong{font-family:var(--type-family-display);letter-spacing:-.05em;font-size:1.5rem;font-weight:500}.project-boards-board-window__count{color:#687c25;border:1px solid #b8c887;border-radius:99px;padding:7px 10px;font-size:.68rem;font-weight:700}.project-boards-board-window__body{grid-template-columns:145px minmax(0,1fr);gap:23px;padding:24px 22px 28px;display:grid}.project-boards-board-window__side{color:var(--project-boards-muted);flex-direction:column;gap:13px;font-size:.72rem;line-height:1.35;display:flex}.project-boards-board-window__side span{padding-left:10px}.project-boards-board-window__side .is-current{color:var(--project-boards-ink);border-left:2px solid #afc75c;font-weight:700}.project-boards-board-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.project-boards-board-asset{min-width:0;color:var(--project-boards-muted);font-size:.65rem}.project-boards-board-asset__image{aspect-ratio:.83;background:#e5e6df;margin-bottom:8px;position:relative;overflow:hidden}.project-boards-board-asset__image img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.project-boards-board-asset:hover img{transform:scale(1.06)}.project-boards-board-asset__selected{color:#20211c;background:#d7ec78;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:7px;right:7px}.project-boards-board-window__footer{border-top:1px solid var(--project-boards-line);color:var(--project-boards-muted);font-size:.68rem}.project-boards-board-window__footer-mark{color:var(--project-boards-ink);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:800}.project-boards-intro{max-width:980px;padding:clamp(92px,12vw,172px) clamp(24px,8vw,126px) clamp(70px,9vw,126px)}.project-boards-intro h2{max-width:840px;font-family:var(--type-family-display);letter-spacing:-.08em;margin-top:20px;font-size:clamp(2.6rem,5.5vw,6rem);font-weight:500;line-height:.91}.project-boards-intro>p:last-child{max-width:560px;color:var(--project-boards-muted);margin-top:30px;font-size:1.05rem;line-height:1.65}.project-boards-workflow{background:var(--project-boards-soft);padding:clamp(78px,10vw,144px) clamp(24px,8vw,126px)}.project-boards-section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px;display:flex}.project-boards-section-heading h2{max-width:510px;font-family:var(--type-family-display);letter-spacing:-.08em;font-size:clamp(2.4rem,4.5vw,4.8rem);font-weight:500;line-height:.92}.project-boards-steps{border-top:1px solid var(--project-boards-line);max-width:1040px;margin:0;padding:0;list-style:none}.project-boards-steps li{border-bottom:1px solid var(--project-boards-line);grid-template-columns:62px minmax(0,1fr) 24px;align-items:center;gap:24px;min-height:136px;transition:padding .18s,background .18s;display:grid}.project-boards-steps li:hover{background:#ffffff61;padding-inline:14px}.project-boards-step-number{color:#687c25;letter-spacing:.1em;font-size:.76rem;font-weight:800}.project-boards-steps h3{font-family:var(--type-family-display);letter-spacing:-.06em;font-size:clamp(1.55rem,2.2vw,2.3rem);font-weight:500}.project-boards-steps p{max-width:520px;color:var(--project-boards-muted);font-size:.94rem;line-height:1.5;margin-top:8px!important}.project-boards-steps li>svg{color:#687c25}.project-boards-tools{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:clamp(55px,11vw,180px);padding:clamp(90px,12vw,180px) clamp(24px,11vw,180px);display:grid}.project-boards-tools__visual{background:#dce2c7;place-items:center;min-height:430px;display:grid;position:relative}.project-boards-note-sheet{background:#fffdf3;width:min(78%,390px);padding:29px 31px 35px;transform:rotate(-3deg);box-shadow:13px 15px #20211c1f}.project-boards-note-sheet__topline{color:#687c25;letter-spacing:.12em;justify-content:space-between;font-size:.62rem;font-weight:800;display:flex}.project-boards-note-sheet h3{font-family:var(--type-family-display);letter-spacing:-.08em;margin-top:50px;font-size:2.4rem;font-weight:500;line-height:.96}.project-boards-note-sheet__line{color:#5d5f56;border-bottom:1px solid #d8d9cc;padding:17px 0 8px;font-size:.76rem}.project-boards-note-sheet__rating{color:#adc54b;gap:5px;margin-top:22px;display:flex}.project-boards-tool-sticker{color:#20211c;letter-spacing:.08em;text-transform:uppercase;background:#d7ec78;padding:10px 13px;font-size:.68rem;font-weight:800;position:absolute;bottom:13%;right:9%;transform:rotate(5deg)}.project-boards-tools__copy{max-width:480px}.project-boards-tools__copy h2{font-family:var(--type-family-display);letter-spacing:-.08em;margin-top:20px;font-size:clamp(2.7rem,4.7vw,5.4rem);font-weight:500;line-height:.91}.project-boards-tools__copy>p:not(.project-boards-kicker){color:var(--project-boards-muted);font-size:1rem;line-height:1.65;margin-top:27px!important}.project-boards-tools__copy ul{gap:14px;margin:30px 0 0;padding:0;font-size:.84rem;list-style:none;display:grid}.project-boards-tools__copy li{align-items:flex-start;gap:10px;display:flex}.project-boards-tools__copy li svg{color:#687c25;flex:none}.project-boards-handoff{color:#f7f7f2;background:#22231f;grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);gap:clamp(40px,10vw,160px);padding:clamp(84px,11vw,156px) clamp(24px,8vw,126px);display:grid}.project-boards-handoff h2{max-width:780px;font-family:var(--type-family-display);letter-spacing:-.08em;margin-top:20px;font-size:clamp(2.8rem,5vw,5.6rem);font-weight:500;line-height:.9}.project-boards-handoff .project-boards-kicker{color:#d5ed78}.project-boards-handoff__details{color:#c2c5ba;align-self:end;max-width:390px;font-size:.95rem;line-height:1.6}.project-boards-handoff__line{color:#f7f7f2;border-top:1px solid #fff3;align-items:center;gap:12px;margin-top:26px;padding-top:15px;font-size:.78rem;display:flex}.project-boards-handoff__line svg{color:#d5ed78}.project-boards-guides{grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);gap:clamp(40px,10vw,140px);padding:clamp(90px,12vw,170px) clamp(24px,8vw,126px);display:grid}.project-boards-guides h2{font-family:var(--type-family-display);letter-spacing:-.08em;margin-top:20px;font-size:clamp(2.7rem,4.4vw,5rem);font-weight:500;line-height:.91}.project-boards-guide-links{border-top:1px solid var(--project-boards-line)}.project-boards-guide-links a{border-bottom:1px solid var(--project-boards-line);min-height:88px;font-family:var(--type-family-display);letter-spacing:-.04em;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(1.15rem,1.8vw,1.5rem);transition:padding .18s,color .18s;display:flex}.project-boards-guide-links a:hover{color:#687c25;padding-inline:10px}.project-boards-guide-links svg{flex:none}.project-boards-final{text-align:center;background:#d7ec78;padding:clamp(93px,13vw,190px) 24px}.project-boards-final h2{max-width:930px;font-family:var(--type-family-display);letter-spacing:-.09em;margin:19px auto 0;font-size:clamp(3rem,7vw,7.5rem);font-weight:500;line-height:.87}.project-boards-final__actions{justify-content:center}@keyframes project-boards-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes project-boards-fade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.project-boards-hero__copy,.project-boards-board-scene{animation:none}.project-boards-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (width<=760px){.project-boards-hero{grid-template-columns:1fr;min-height:auto;padding-top:70px;padding-bottom:88px}.project-boards-hero h1{font-size:clamp(3.2rem,16vw,5.8rem)}.project-boards-board-window__body{grid-template-columns:105px minmax(0,1fr);gap:12px;padding-inline:14px}.project-boards-board-window__bar,.project-boards-board-window__footer{padding-inline:14px}.project-boards-board-window__bar strong{font-size:1.25rem}.project-boards-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-boards-board-asset:nth-child(n+3){display:none}.project-boards-section-heading,.project-boards-tools,.project-boards-handoff,.project-boards-guides{grid-template-columns:1fr}.project-boards-section-heading{display:block}.project-boards-section-heading h2{margin-top:22px}.project-boards-steps li{grid-template-columns:40px minmax(0,1fr) 20px;gap:12px;min-height:122px}.project-boards-tools{gap:55px}.project-boards-tools__visual{min-height:360px}.project-boards-handoff__details{margin-top:4px}.project-boards-guide-links a{min-height:102px}}@media (width<=430px){.project-boards-hero,.project-boards-intro,.project-boards-workflow,.project-boards-handoff,.project-boards-guides,.project-boards-tools{padding-inline:18px}.project-boards-board-window__side{font-size:.66rem}.project-boards-board-window__footer{flex-direction:column;align-items:flex-start;gap:7px}.project-boards-note-sheet{width:82%;padding:24px}.project-boards-note-sheet h3{margin-top:38px;font-size:2rem}.project-boards-steps li:hover{background:0 0;padding-inline:0}}