.cr .cboard{min-height:384px;display:flex;position:relative;overflow:hidden}.cr .over{z-index:3;pointer-events:none;grid-template-columns:minmax(0,440px) 1fr;gap:32px;width:100%;padding-top:84px;padding-bottom:30px;display:grid;position:relative}.cr .hero-text{pointer-events:auto;align-self:center}.cr .hero-text h1{font-size:50px;line-height:.95}.cr .hero-text .lead{color:var(--soft);max-width:44ch;margin:12px 0 0;font-size:15.5px;line-height:1.45}.cr .hero-cta{margin-top:20px}.cr .nav nav a[aria-current]{color:var(--ink)}.cr .draw-area{position:relative;container-type:size}.cr .sticky{--s:min(100cqw / 800, 100cqh / 270);left:calc(100cqw - 194 * var(--s));top:calc(50cqh - 131 * var(--s));z-index:4;pointer-events:none;filter:drop-shadow(0 1.5px 2px #00000059)drop-shadow(0 6px 10px #00000029);width:156px;height:116px;position:absolute;transform:rotate(4deg)}.cr .sticky .pad{color:#26282c;filter:brightness(.94);transform-origin:50% 0;background:linear-gradient(#0000000a,#0000 18%),#f4e07c;flex-direction:column;gap:6px;width:100%;height:100%;padding:12px;animation:7s ease-in-out infinite cr-air;display:flex;position:relative}.cr .sticky .pad:after{content:"";background:linear-gradient(135deg,#0000 50%,#0000000f 50%,#ffffff59);width:34px;height:30px;position:absolute;bottom:0;right:0}.cr .sticky .fig{color:#26282c;font-size:42px}.cr .sticky .pad span:last-child{font:16px/1.05 var(--f-hand)}@keyframes cr-air{0%,to{transform:skew(0)rotateX(0)}50%{transform:skew(-.6deg)rotateX(4deg)}}.cr .list-h{margin:48px 0 20px}.cr .more .in{grid-template-columns:minmax(0,58ch) auto;justify-content:space-between;align-items:center;gap:32px;padding:14px 0 22px 88px;display:grid}.cr .more .in>p{max-width:58ch;margin:0;font-size:15px}.cr .more .pic{width:min(440px, calc(150px * var(--ar,1.8)));aspect-ratio:var(--ar,1.8);background:var(--sunken);border-radius:6px;position:relative;overflow:hidden}.cr .more .pic img{object-fit:cover}.cr .process{--h:108px;--g:32px;gap:0 var(--g);text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:40px 32px 38px;list-style:none;display:grid;position:relative}.cr .process .step{z-index:1;min-width:0;position:relative}.cr .process .sketch{height:var(--h);margin-bottom:14px;display:block}.cr .process svg{width:100%;height:100%;display:block;overflow:visible}.cr .process .go{left:calc(100% + var(--g) / 2 - 32px);top:calc(var(--h) / 2 - 22px);width:64px;height:44px;position:absolute}.cr .process .t{font-size:19px}.cr .process p{color:var(--soft);max-width:24ch;margin:6px auto 0;font-size:15px;line-height:1.45}.cr .close{justify-content:space-between;align-items:center;gap:32px;margin-top:40px;display:flex}.cr .close .t{max-width:40ch;font-size:22px}@media (max-width:1100px){.cr .process{--h:92px;--g:24px;padding:32px 24px 30px}}@media (max-width:900px){.cr .more .in{grid-template-columns:1fr;gap:14px;padding-left:0}.cr .more .pic{width:100%}}@media (max-width:760px){.cr .cboard{border-radius:16px;min-height:0}.cr .over{grid-template-columns:1fr;gap:0;padding-top:62px;padding-bottom:24px}.cr .hero-text{display:contents}.cr .hero-text h1{pointer-events:auto;order:1;font-size:calc(18.1818vw - 8.72727px);line-height:.92}.cr .hero-text .lead{pointer-events:auto;order:2;margin-top:10px;font-size:14px;line-height:1.4}.cr .draw-area{order:3;height:250px;margin-top:12px}.cr .hero-cta{pointer-events:auto;order:4;place-self:center end;margin-top:10px}.cr .sticky{width:82px;height:62px;top:calc(100% - 3.25px);left:4px;transform:rotate(-3deg)}.cr .sticky .pad{gap:3px;padding:7px}.cr .sticky .pad:after{width:18px;height:16px}.cr .sticky .fig{font-size:21px}.cr .sticky .pad span:last-child{font-size:10px;line-height:1}.cr .list-h{margin-bottom:12px;font-size:24px}.cr .process{--h:72px;--g:20px;--r:48px;gap:var(--r) var(--g);grid-template-columns:repeat(2,minmax(0,1fr));padding:26px 16px 28px}.cr .process .sketch{margin-bottom:10px}.cr .process .t{font-size:17px}.cr .process p{font-size:14px;line-height:1.4}.cr .process .step:nth-child(3){grid-area:2/2}.cr .process .step:nth-child(4){grid-area:2/1}.cr .process .go{width:44px;height:44px;left:calc(100% + var(--g) / 2 - 22px)}.cr .process .step:nth-child(2) .go{left:calc(50% - 22px);top:calc(100% + (var(--r) - 44px) / 2);transform:rotate(90deg)}.cr .process .step:nth-child(3) .go{left:calc(var(--g) / -2 - 22px);transform:rotate(180deg)}.cr .close{flex-direction:column;align-items:flex-start;gap:16px}.cr .close .t{font-size:18px}}@media (prefers-reduced-motion:reduce){.cr .sticky .pad{animation:none}}