.hm-jump{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px 28px;padding:22px 5vw;border-bottom:1px solid var(--line);background:#fff}.hm-jump>span{font-size:8px;letter-spacing:1.3px;font-weight:800;color:var(--muted);margin-right:12px}.hm-jump a{font-size:11px;font-weight:650;padding:7px 0;border-bottom:1px solid #b9ddec}.hm-jump a:hover{border-color:#202024}.hm-inspiration{padding-top:65px;padding-bottom:65px;background:#f4f7f9;max-width:none}.hm-inspiration .section-heading,.hm-projects,.hm-caption{max-width:1408px;margin-left:auto;margin-right:auto}.hm-inspiration h2{font-size:clamp(34px,4vw,55px)}.hm-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hm-project{background:white;border:1px solid #dde3e8;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.hm-project-photo{height:250px;position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:white;padding:34px 17px 10px;overflow:hidden;border-bottom:1px solid #e8edf0}.hm-project-photo:before{content:'';position:absolute;left:0;top:0;width:100%;height:7px;background:#00aeef}.hm-project-pink .hm-project-photo:before{background:#ec008c}.hm-project-yellow .hm-project-photo:before{background:#eee600}.hm-project-photo img{width:100%;height:190px;object-fit:contain;min-width:0;transition:transform .3s}.hm-project-photo img:nth-child(2){height:150px;transform:rotate(8deg);margin-top:35px}.hm-project:hover .hm-project-photo img:first-child{transform:translateY(-5px)}.hm-project-photo>span{position:absolute;top:23px;left:22px;font-size:8px;font-weight:800;letter-spacing:1.2px}.hm-project-copy{padding:25px;display:flex;flex-direction:column;flex:1}.hm-mini{font-size:8px;font-weight:800;letter-spacing:1.1px;color:#626973}.hm-project h3{font-size:28px;letter-spacing:-1px;line-height:1.15;font-weight:750;margin:13px 0 18px}.hm-project-copy>p:not(.hm-mini){font-size:12px;color:#626973;line-height:1.85;margin-bottom:18px}.hm-project-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-bottom:20px}.hm-project-tags span{font-size:9px;background:#f4f7f9;border:1px solid #e5ebef;padding:6px 8px;border-radius:4px}.hm-project-copy>a{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #dde3e8;padding-top:17px;font-size:12px;font-weight:700}.hm-project-copy>a>span{font-size:20px}.hm-caption{font-size:10px;color:#626973;line-height:1.8;margin-top:20px}.hm-toolbox{padding-top:75px;padding-bottom:65px}.hm-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #dde3e8;border-left:1px solid #dde3e8}.hm-tool{border-right:1px solid #dde3e8;border-bottom:1px solid #dde3e8;padding:28px;display:flex;gap:15px;position:relative;min-width:0;transition:background .2s}.hm-tool:hover{background:#e8f7fe}.hm-tool-number{font-size:10px;display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;background:#e8f7fe;color:#007ca5;font-weight:800}.hm-tool:nth-child(2n) .hm-tool-number{background:#ffeaf5;color:#b90070}.hm-tool:nth-child(3n) .hm-tool-number{background:#fff9ad;color:#756600}.hm-tool h3{font-size:21px;letter-spacing:-.7px;line-height:1.3;margin:11px 0}.hm-tool p:not(.hm-mini){font-size:12px;color:#626973;line-height:1.8;margin-bottom:10px}.hm-tool-arrow{position:absolute;right:18px;bottom:12px;font-size:22px}.hm-workshop-banner{display:flex;align-items:center;gap:25px;background:#e8f7fe;border:1px solid #cce9f5;padding:30px;margin-top:24px;border-radius:10px}.hm-workshop-mark{font-size:80px;color:#ec008c;line-height:1}.hm-workshop-banner>div:nth-child(2){flex:1}.hm-workshop-banner h3{font-size:28px;letter-spacing:-1.1px;line-height:1.2;margin:10px 0 14px}.hm-workshop-banner p:not(.eyebrow){font-size:12px;line-height:1.8;color:#526973;max-width:650px}.hm-workshop-banner small{display:block;font-size:10px;color:#626973;margin-top:10px;line-height:1.7}.hm-workshop-banner>a{flex-shrink:0;font-size:12px;gap:20px}.hm-workflow{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:40px;padding-bottom:75px}.hm-workflow h2{margin-top:16px;font-size:clamp(33px,3.6vw,49px)}.hm-workflow ol{list-style:none;margin:0;padding:0}.hm-workflow li{display:flex;gap:24px;padding:24px 0;border-top:1px solid #dde3e8}.hm-workflow li:first-child{padding-top:0;border:0}.hm-workflow li>b{font-size:11px;color:#0098cd;padding-top:5px}.hm-workflow h3{font-size:20px;letter-spacing:-.7px;margin:0 0 10px}.hm-workflow li p{font-size:12px;line-height:1.8;color:#626973;max-width:430px}.hm-workflow+.maker-section{margin-top:0}@media(prefers-reduced-motion:reduce){.hm-project-photo img,.hm-tool{transition:none}.hm-project:hover .hm-project-photo img:first-child{transform:none}}@media(max-width:1100px){.hm-projects{gap:16px}.hm-project-photo{height:210px;padding-left:10px;padding-right:10px}.hm-project-photo img{height:160px}.hm-project-photo img:nth-child(2){height:120px}.hm-project-copy{padding:22px}.hm-project h3{font-size:25px}.hm-tool-grid{grid-template-columns:1fr 1fr}.hm-workshop-banner{flex-wrap:wrap}.hm-workshop-banner>a{margin-left:105px}.hm-tool{padding:24px}}@media(max-width:760px){.hm-jump{justify-content:flex-start;gap:7px 20px;padding:18px 22px}.hm-jump>span{width:100%;margin:0 0 5px}.hm-jump a{font-size:10px}.hm-inspiration{padding-top:40px;padding-bottom:35px}.hm-inspiration .section-heading{display:block}.hm-inspiration .section-intro{margin-top:18px;font-size:12px}.hm-projects{grid-template-columns:1fr}.hm-project{display:grid;grid-template-columns:40% 60%}.hm-project-photo{height:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center;padding:55px 12px 18px;border-right:1px solid #e8edf0;border-bottom:0}.hm-project-photo img{height:150px}.hm-project-photo img:nth-child(2){height:115px;margin-top:0}.hm-project-photo>span{font-size:6px;left:13px;top:24px;letter-spacing:.6px}.hm-project-copy{padding:23px 20px}.hm-project h3{font-size:26px}.hm-project-copy>p:not(.hm-mini){font-size:11px}.hm-project-tags{gap:5px;padding-bottom:17px}.hm-project-tags span{font-size:8px;padding:5px}.hm-project-copy>a{font-size:11px}.hm-caption{font-size:9px}.hm-toolbox{padding-top:45px;padding-bottom:35px}.hm-toolbox .section-heading{display:block}.hm-toolbox .section-intro{font-size:12px;margin-top:18px}.hm-tool{padding:23px 18px;gap:11px}.hm-tool h3{font-size:19px}.hm-tool p:not(.hm-mini){font-size:11px}.hm-tool .hm-mini{font-size:7px}.hm-tool-number{width:24px;height:24px;font-size:9px}.hm-workshop-banner{padding:24px 20px;gap:18px}.hm-workshop-mark{font-size:50px;align-self:flex-start}.hm-workshop-banner h3{font-size:25px}.hm-workshop-banner>a{margin-left:0}.hm-workflow{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:45px}.hm-workflow h2{font-size:36px}.hm-workflow li{gap:20px}.hm-workflow li p{max-width:none}.hm-workflow h3{font-size:19px}}@media(max-width:440px){.hm-project{grid-template-columns:1fr}.hm-project-photo{height:210px;min-height:0;display:grid;grid-template-columns:1.2fr .8fr;padding:40px 25px 10px;border:0;border-bottom:1px solid #e8edf0}.hm-project-photo img{height:155px}.hm-project-photo img:nth-child(2){height:125px}.hm-project-photo>span{font-size:8px;left:23px}.hm-project-copy{padding:25px}.hm-project h3 br{display:none}.hm-project h3{font-size:28px}.hm-tool-grid{grid-template-columns:1fr}.hm-tool{padding:26px;gap:17px}.hm-tool h3{font-size:23px}.hm-tool p:not(.hm-mini){font-size:12px}.hm-tool-number{width:29px;height:29px}.hm-tool .hm-mini{font-size:8px}.hm-workshop-mark{display:none}.hm-workshop-banner>div:nth-child(2){min-width:100%}.hm-workshop-banner .button{width:100%}}
