.site .home{width:100%;max-width:1440px;margin:0 auto;padding:24px 24px 64px}.site .hhero{border-radius:var(--r-lg);background:var(--brand-soft);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:32px;min-height:400px;padding:40px 56px;display:grid;overflow:hidden}.site .hhero h1{text-wrap:balance;max-width:19ch;font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:44px;font-weight:700;line-height:50px}.site .hhero p{max-width:40ch;font-size:var(--t-name);color:var(--text-2);margin:16px 0 0;line-height:24px}.site .hhero .hh-go{width:auto;height:var(--h-xl);margin-top:28px;padding:0 28px;display:inline-flex}.site .hhero.photo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0}.site .hhero.photo .hh-txt{padding:40px 0 40px 56px}.site .hh-photo{align-self:stretch;min-height:400px}.site .hh-photo img{object-fit:cover;object-position:center 55%;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18%);mask-image:linear-gradient(90deg,#0000 0,#000 18%)}.site .hh-pics{height:320px;position:relative}.site .hh-pics .hp{display:block;position:absolute}.site .hh-pics img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.site .hh-pics .hp0{width:36%;height:60%;top:0;left:0}.site .hh-pics .hp1{width:36%;height:60%;top:0;left:32%}.site .hh-pics .hp2{width:36%;height:60%;top:0;left:64%}.site .hh-pics .hp3{width:36%;height:58%;top:42%;left:16%}.site .hh-pics .hp4{width:36%;height:58%;top:42%;left:48%}.site .hneed{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.site .hpill{height:var(--h-md);border:1px solid var(--line-2);border-radius:var(--r-pill);font-size:var(--t-small);line-height:var(--lh-small);color:var(--ink);white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex}.site a.hpill:hover{border-color:var(--ink);background:var(--tint)}.site a.hpill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.site .hpill svg{flex:none;width:16px;height:16px}.site .hpill.sp{border-color:var(--ink);background:var(--ink);color:#fff}.site .hpill.hby{cursor:pointer;position:relative}.site .hpill.hby:hover{border-color:var(--ink);background:var(--tint)}.site .hpill.hby:focus-within{outline:2px solid var(--ink);outline-offset:2px}.site .hpill.hby .hby-in{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.site .hsec{margin-top:40px;container-type:inline-size}.site .hsec h2{font-family:var(--font-display);font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:-.01em;color:var(--ink);margin:0 0 16px;font-weight:700}.site .hs-h{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.site .hs-h h2{margin:0}.site .hs-h a{font-size:var(--t-small);color:var(--link);font-weight:500;text-decoration:none}.site .hs-h a:hover{text-underline-offset:2px;text-decoration:underline}.site .hsec .pgrid{margin-top:0}.site .htiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.site .htile{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;flex-direction:column;padding:12px 12px 14px;text-decoration:none;transition:box-shadow .18s ease-out;display:flex}.site .htile:hover{box-shadow:var(--sh-hover)}.site .htile:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.site .ht-pic{aspect-ratio:1;margin-bottom:10px;display:block}.site .ht-pic img{object-fit:contain;width:100%;height:100%;display:block}.site .ht-nm{min-height:calc(2 * var(--lh-small));-webkit-line-clamp:2;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text);-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.site .ht-n{font-size:var(--t-meta);line-height:var(--lh-meta);color:var(--quiet);font-variant-numeric:tabular-nums;margin-top:2px}.site .htile.all{border-color:var(--ink);background:var(--ink);justify-content:flex-end}.site .htile.all .ht-nm{min-height:0;font-family:var(--font-display);font-size:var(--t-h2);line-height:var(--lh-h2);color:#fff;font-weight:700}.site .htile.all .ht-n{font-size:var(--t-small);color:var(--brand)}.site .hhow ol{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.site .hhow li{border-radius:var(--r-lg);background:var(--tint);counter-increment:step;flex-direction:column;gap:4px;padding:20px 20px 20px 68px;display:flex;position:relative}.site .hhow li:before{content:counter(step);background:var(--brand);width:32px;height:32px;font-family:var(--font-display);font-size:var(--t-name);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:18px;left:20px}.site .hhow b{font-size:var(--t-name);line-height:var(--lh-name);color:var(--text);font-weight:600}.site .hhow li span{color:var(--text-2)}.site .hhelp{color:var(--text-2);margin:16px 0 0}.site .hhelp a{color:var(--link);white-space:nowrap;font-weight:600;text-decoration:none}.site .hhelp a:hover{text-underline-offset:2px;text-decoration:underline}@media (max-width:1100px){.site .htiles{grid-template-columns:repeat(4,minmax(0,1fr))}.site .hhero{padding:32px}.site .hhero.photo .hh-txt{padding:32px 0 32px 32px}}@media (max-width:760px){.site .home{padding:12px 16px 48px}.site .hhero{grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding:16px 16px 20px}.site .hh-pics{order:-1;height:150px}.site .hhero.photo{grid-template-columns:minmax(0,1fr);gap:0;padding:0 0 20px}.site .hhero.photo .hh-txt{padding:12px 16px 0}.site .hh-photo{order:-1;height:220px;min-height:0}.site .hh-photo img{-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.site .hhero h1{font-size:28px;line-height:34px}.site .hhero p{font-size:var(--t-body);line-height:var(--lh-body);margin-top:8px}.site .hhero .hh-go{width:100%;margin-top:16px;display:flex}.site .hneed{scrollbar-width:none;flex-wrap:nowrap;margin:12px -16px 0;padding:0 16px 2px;overflow-x:auto}.site .hneed::-webkit-scrollbar{display:none}.site .hneed .hpill{flex:none}.site .hsec{margin-top:28px}.site .hsec h2,.site .hs-h{margin-bottom:12px}.site .htiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.site .htile{padding:8px 8px 10px}.site .ht-pic{margin-bottom:6px}.site .ht-nm{font-size:var(--t-meta);line-height:var(--lh-meta);min-height:calc(2 * var(--lh-meta))}.site .htile.all .ht-nm{font-size:var(--t-name);line-height:var(--lh-name)}.site .hhow ol{grid-template-columns:minmax(0,1fr);gap:8px}.site .hhow li{padding:16px 16px 16px 60px}.site .hhow li:before{top:15px;left:16px}}