.home-beginner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:18px 64px;padding-block:38px 42px;margin-top:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-beginner-intro{grid-row:1/3;align-self:center}
.home-beginner h2{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.7;letter-spacing:.03em;margin:12px 0 14px}
.home-beginner-intro p{font-size:13px;line-height:2.1;margin:0;color:var(--sumi-soft)}
.home-beginner-illustration{width:210px;max-width:100%;margin:19px 0 0}
.home-beginner-illustration img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.home-beginner-illustration figcaption{margin-top:6px;font-size:10px;line-height:1.6;color:var(--sumi-soft)}
.home-beginner-illustration figcaption a{text-decoration:underline;text-underline-offset:2px}
.home-beginner-illustration figcaption a:hover{color:var(--shu-deep)}
.home-beginner-feature{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:26px;min-width:0;padding:0 0 22px;border-bottom:1px solid var(--line);color:var(--sumi)}
.home-beginner-photo{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--line)}
.home-beginner-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.home-beginner-feature-copy{min-width:0}
.home-beginner-label{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--sumi-soft)}
.home-beginner h3{font-family:var(--sans);font-size:23px;font-weight:700;line-height:1.65;margin:8px 0 12px;overflow-wrap:break-word;text-wrap:balance}
.home-beginner-feature p{font-size:13px;line-height:1.85;margin:0 0 15px;color:var(--sumi-soft)}
.home-beginner-cta{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;color:var(--sumi);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
.home-beginner-cta>span{font-size:18px;line-height:1;color:var(--shu-deep)}
.home-beginner-feature:hover{color:var(--sumi)}
.home-beginner-feature:hover h3,.home-beginner-feature:hover .home-beginner-cta{color:var(--shu-deep)}
.home-beginner-feature:hover .home-beginner-cta{text-decoration-color:currentColor}
.home-beginner-basics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-beginner-basics a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0 12px;border-bottom:1px solid var(--line);min-width:0}
.home-beginner-basics strong{display:block;font-size:12px;font-weight:500;line-height:1.8}
.home-beginner-basics small{display:block;font-size:10px;color:var(--sumi-soft);line-height:1.8;margin-top:3px}
.home-beginner-basics a:hover strong{color:var(--shu-deep)}
.home-beginner a:focus-visible{outline:2px solid var(--shu-deep);outline-offset:5px}
@media(max-width:1000px){.home-beginner{gap:18px 32px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}.home-beginner h2{font-size:29px}.home-beginner h3{font-size:20px}.home-beginner-feature{grid-template-columns:130px minmax(0,1fr);gap:20px}.home-beginner-intro p{font-size:12px}}
@media(max-width:700px){.home-beginner{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:29px 31px;margin-top:0}.home-beginner-intro{grid-row:auto}.home-beginner h2{font-size:27px;line-height:1.7;margin:8px 0}.home-beginner h2 br{display:none}.home-beginner-intro p{font-size:12px}.home-beginner-intro p br{display:none}.home-beginner-feature{grid-template-columns:112px minmax(0,1fr);gap:18px;padding-block:6px 20px}.home-beginner h3{font-size:19px;line-height:1.65;margin:7px 0 9px}.home-beginner-feature p{font-size:12px;margin-bottom:12px}.home-beginner-label{font-size:10px}.home-beginner-basics{gap:18px}.home-beginner-basics a{gap:8px}.home-beginner-basics strong{font-size:11px}.home-beginner-basics small{font-size:9px}.home-beginner-cta{font-size:12px;gap:9px}}
@media(max-width:700px){.home-beginner-intro{display:grid;grid-template-columns:minmax(0,1fr) 106px;column-gap:16px;align-items:start}.home-beginner-intro>.eyebrow,.home-beginner-intro>h2,.home-beginner-intro>p{grid-column:1}.home-beginner-illustration{grid-column:2;grid-row:2/4;align-self:center;width:106px;margin:0}.home-beginner-illustration img{height:auto}.home-beginner-illustration figcaption{font-size:10px;line-height:1.5;margin-top:7px}.home-beginner-intro>h2{font-size:25px;line-height:1.6;overflow-wrap:normal}.home-beginner-intro>h2 br{display:block}}
@media(max-width:360px){.home-beginner-intro{grid-template-columns:minmax(0,1fr) 88px;column-gap:10px}.home-beginner-illustration{width:88px}.home-beginner-intro>h2{font-size:23px}.home-beginner-feature{grid-template-columns:88px minmax(0,1fr);gap:14px}.home-beginner h3{font-size:18px}.home-beginner-cta{gap:7px}}
