.jg-page{color:#203c38;--jg-line:#c6d2c7;--jg-muted:#58685e;background:#f4f6f0}.jg-shell{max-width:1500px;margin:auto;padding:0 clamp(20px,5vw,80px)}.jg-page h1,.jg-page h2{font-family:var(--font-serif,"UT Maru Buri",serif);letter-spacing:-.055em;font-weight:400;line-height:1.4}.jg-page h3{letter-spacing:-.035em;margin:0 0 10px;font-size:22px;font-weight:600;line-height:1.5}.jg-page p{color:var(--jg-muted);line-height:1.85}.jg-breadcrumb{flex-wrap:wrap;gap:10px;padding:28px 0;font-size:12px;display:flex}.jg-breadcrumb a{text-underline-offset:4px;text-decoration:underline}.jg-heading{justify-content:space-between;align-items:end;gap:35px;padding:25px 0 45px;display:flex}.jg-kicker{letter-spacing:.15em;font-weight:600;color:#164c4b!important;margin:0 0 20px!important;font-size:11px!important}.jg-heading h1{margin:0;font-size:clamp(36px,4.5vw,66px)}.jg-heading h1 em{color:#164c4b;font-style:normal}.jg-heading>div:last-child p{margin:0 0 14px;font-size:15px}.jg-text-link{border-bottom:1px solid #93a99c;align-items:center;gap:15px;min-height:44px;padding:8px 0;font-size:14px;display:inline-flex}.jg-photo{min-width:0;margin:0}.jg-photo>a{background:#e5e9df;display:block}.jg-photo img{width:100%;height:auto;display:block}.jg-photo figcaption{color:var(--jg-muted);justify-content:space-between;gap:16px;padding-top:10px;font-size:11px;line-height:1.6;display:flex}.jg-photo figcaption span{white-space:nowrap}.jg-shell>.jg-photo img{object-fit:cover;aspect-ratio:5/3;max-height:650px}.jg-chapters{border-bottom:1px solid var(--jg-line);flex-wrap:wrap;gap:8px 30px;padding:26px 0;display:flex}.jg-chapters a{border-bottom:1px solid #0000;align-items:center;min-height:38px;font-size:14px;display:inline-flex}.jg-chapters a:hover{border-color:#203c38}.jg-section{padding:85px 0;scroll-margin-top:110px}.jg-section h2,.jg-drain h2{margin:0 0 22px;font-size:clamp(29px,3vw,43px)}.jg-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(26px,6vw,85px);display:grid}.jg-intro{max-width:600px;font-size:16px}.jg-drive{grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;display:grid}.jg-drive>a{background:#e3eadf;border:1px solid #c6d2c7;padding:20px 16px}.jg-drive span,.jg-install-grid article>span{letter-spacing:.13em;font-size:10px}.jg-drive h3{margin-top:9px;font-size:20px}.jg-drive p{margin:0;font-size:12px}.jg-drive b{margin-top:15px;font-size:12px;font-weight:500;display:block}.jg-note{margin:16px 0 0;font-size:12px;line-height:1.85}.jg-drain{color:#fff;background:#203c38;grid-template-columns:1fr 1.2fr;gap:40px;padding:46px;display:grid}.jg-drain .jg-kicker{color:#c1d4c4!important}.jg-drain p{color:#d6e1d6}.jg-drain ol,.jg-process{margin:0;padding:0;list-style:none}.jg-drain li{border-bottom:1px solid #62786d;gap:24px;padding:16px 0;display:flex}.jg-drain li:first-child{padding-top:0}.jg-drain li>span{color:#bbccb8;padding-top:5px;font-size:13px}.jg-drain h3{margin:0 0 4px;font-size:18px}.jg-drain li p{margin:0;font-size:13px}.jg-section-head{justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px;display:flex}.jg-section-head h2{margin-bottom:0}.jg-section-head>p{margin:0;font-size:14px}.jg-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;display:grid}.jg-option-grid article{min-width:0;scroll-margin-top:110px}.jg-option-grid .jg-photo img{aspect-ratio:4/3;object-fit:contain}.jg-option-copy{padding:25px 0 0}.jg-option-copy .jg-kicker{margin-bottom:12px!important}.jg-option-copy>p:not(.jg-kicker){max-width:530px;font-size:15px}.jg-option-copy>span{color:#58685e;font-size:12px;display:block}.jg-option-copy>a{margin-top:12px}.jg-install{border-top:1px solid var(--jg-line);border-bottom:1px solid var(--jg-line)}.jg-install-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.jg-install-grid article{background:#e3eadf;padding:30px}.jg-install-grid h3{margin-top:18px;font-size:25px}.jg-install-grid p{max-width:450px;font-size:15px}.jg-install-grid a{border-bottom:1px solid #8ca48f;align-items:center;min-height:44px;font-size:14px;display:inline-flex}.jg-site-check{padding-top:30px}.jg-site-check b{font-size:15px}.jg-site-check p{margin:12px 0;font-size:14px}.jg-site-check small{color:var(--jg-muted);font-size:12px;line-height:1.8}.jg-maker>div>.jg-intro{max-width:670px}.jg-process{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px;display:grid}.jg-process li{border-top:1px solid #8ca48f;padding:22px 0}.jg-process span{color:#164c4b;font-size:12px}.jg-process h3{margin-top:25px;font-size:20px}.jg-process p{margin:0;font-size:13px}.jg-faq{border-top:1px solid var(--jg-line);grid-template-columns:1fr 1.5fr;gap:50px;padding-top:60px;display:grid}.jg-faq details{border-bottom:1px solid var(--jg-line);padding:20px 0}.jg-faq details:first-child{padding-top:0}.jg-faq summary{cursor:pointer;padding-right:16px;font-size:16px;font-weight:550;line-height:1.7}.jg-faq details p{margin:16px 0 0;font-size:14px;line-height:1.9}.jg-end{background:#e3eadf;justify-content:space-between;align-items:center;gap:30px;padding:40px;display:flex}.jg-end h2{margin:0;font-size:clamp(27px,2.5vw,36px)}.jg-end p:not(.jg-kicker){margin:16px 0 0;font-size:14px}.jg-button{color:#fff;white-space:nowrap;background:#164c4b;justify-content:space-between;align-items:center;gap:35px;min-height:52px;padding:14px 22px;font-size:15px;display:inline-flex}.jg-button:hover{background:#203c38}.jg-sources{color:#58685e;padding:35px 0;font-size:12px}.jg-sources p{font-size:12px}.jg-sources summary{cursor:pointer;min-height:36px;display:list-item}.jg-sources ul{padding-left:20px;line-height:2.3}.jg-sources a{text-underline-offset:3px;text-decoration:underline}.jg-page :is(a,summary):focus-visible{outline-offset:5px;outline:3px solid #946138}@media (max-width:900px){.jg-heading{display:block}.jg-heading>div:last-child{margin-top:25px}.jg-split{gap:26px}.jg-drive{grid-template-columns:1fr;gap:10px}.jg-drive>a{padding:14px}.jg-drive h3{margin:7px 0;font-size:18px}.jg-drive b{margin-top:8px}.jg-drain{gap:25px;padding:30px}.jg-section-head{display:block}.jg-section-head>p{margin-top:20px}.jg-process{grid-template-columns:repeat(2,1fr)}.jg-end{display:block}.jg-button{margin-top:25px}.jg-faq{grid-template-columns:1fr;gap:20px}}@media (max-width:600px){.jg-heading{padding-top:6px;padding-bottom:28px}.jg-heading h1{font-size:36px}.jg-breadcrumb{font-size:11px}.jg-shell>.jg-photo img{aspect-ratio:4/3;object-fit:contain}.jg-photo figcaption{font-size:10px}.jg-chapters{gap:5px 18px;padding:18px 0}.jg-chapters a{font-size:12px}.jg-section{padding:48px 0}.jg-split,.jg-drain,.jg-install-grid{grid-template-columns:1fr}.jg-drive{grid-template-columns:1fr 1fr}.jg-drain{padding:28px 22px}.jg-drain h2{font-size:29px}.jg-option-grid{grid-template-columns:1fr;gap:38px}.jg-option-copy{padding-top:18px}.jg-option-copy h3{font-size:24px}.jg-install-grid{gap:15px}.jg-install-grid article{padding:25px}.jg-process{gap:16px}.jg-process h3{margin-top:20px;font-size:18px}.jg-end{padding:30px 24px}.jg-end h2{font-size:27px}.jg-button{width:100%;font-size:14px}.jg-faq summary,.jg-intro{font-size:15px}}.jg-maker>.jg-photo{max-width:1000px;margin-top:35px}.jg-maker>.jg-photo img{object-fit:contain;max-height:560px}.jg-design .section-head{justify-content:space-between;gap:24px;margin-bottom:35px;display:flex}.jg-design h2{letter-spacing:-.04em;font-size:clamp(28px,4vw,48px);font-weight:500;line-height:1.4}.jg-design .eyebrow{letter-spacing:.12em;color:#64715f;font-size:11px}.jg-design .section-head>p{color:#6c7466;align-self:end;font-size:14px;line-height:1.8}.jg-design a{color:inherit;text-decoration:none}@media (max-width:760px){.jg-design .section-head{display:block}.jg-design .section-head>p{margin-top:18px}}.jk-design{scroll-margin-top:100px}.jk-design-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,96px);display:grid}.jk-design figure{background:#fff;margin:0}.jk-design figure a{border:1px solid #e9e6df;display:block;position:relative}.jk-design figure img{width:100%;height:auto;display:block}.jk-design figure a>span{color:#4b5148;text-align:right;border-top:1px solid #e9e6df;padding:16px 20px;font-size:13px;display:block}.jk-design figcaption{color:#74746c;margin-top:12px;font-size:12px;line-height:1.7}.jk-design-copy h3{letter-spacing:-.04em;margin:16px 0 22px;font-size:clamp(27px,3vw,42px);font-weight:500;line-height:1.45}.jk-design-copy>p{color:#62665e;line-height:1.9}.jk-design-copy dl{margin:30px 0}.jk-design-copy dl>div{border-top:1px solid #dcded5;grid-template-columns:70px 1fr;gap:14px;padding:17px 0;font-size:14px;line-height:1.8;display:grid}.jk-design-copy dt{color:#343d30;font-weight:600}.jk-design-copy dd{color:#65685e;margin:0}.jk-design-copy .note{font-size:12px;line-height:1.85}.jk-design-cta{color:#30412c;border-bottom:1px solid #3e513b;margin:10px 0 20px;padding:14px 0;font-size:14px;display:inline-block}.hero-image>img{object-position:center center}.hero-image .image-note{background:#141e14b3;padding:7px 10px;bottom:12px;left:12px;right:auto}.hero-image figcaption{text-shadow:0 1px 8px #0008;top:18px;bottom:auto;left:20px}@media (max-width:760px){.jk-design-layout{grid-template-columns:1fr;gap:24px}.jk-design-copy dl{margin:22px 0}.hero-image>img{object-fit:contain}.hero-image{aspect-ratio:auto;background:#e9ece4;height:auto;min-height:0}.hero-image>img{aspect-ratio:1672/941;width:100%;height:auto}.hero-image figcaption{font-size:10px;top:10px;left:10px}.hero-image .image-note{padding:4px 6px;font-size:9px;bottom:8px;left:8px}}.hero-image>img{object-fit:contain;aspect-ratio:1672/941;width:100%;height:auto;min-height:0;max-height:none}
