.on-case{--on-ink:#192a22;--on-copper:#bb7155;--on-paper:#f1f0e8}.on-case main{color:var(--on-ink)}.on-case h1,.on-case h2,.on-case h3,.on-case p,.on-case figure{margin:0}.on-case img{display:block;width:100%;height:auto}.on-pad{padding-left:5vw;padding-right:5vw}.on-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding-top:32px}.on-meta a{text-decoration:none}.on-kicker{font-size:12px;letter-spacing:.1em;font-weight:600;display:block}.on-title-row{display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;align-items:end;padding:66px 0 35px}.on-intro h1{font-size:clamp(80px,13vw,200px);font-weight:600;letter-spacing:-.09em;line-height:.9;margin-top:16px}.on-intro h1>span{display:block;font-size:16px;letter-spacing:-.02em;line-height:1.5;margin-top:22px}.on-lead h2{font-size:clamp(26px,3vw,48px);letter-spacing:-.055em;line-height:1.3;font-weight:550}.on-lead p{font-size:16px;line-height:1.8;margin-top:25px;color:#5c6b61}.on-cta-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:22px 0 48px}.on-link{text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0;font-size:14px}.on-link span{margin-left:15px}.on-button{background:var(--on-ink);color:var(--on-paper)!important;border:1px solid var(--on-ink);padding:16px 22px;text-decoration:none;font-size:14px;display:inline-flex;gap:38px;align-items:center}.on-outline{background:transparent;color:var(--on-ink)!important}.on-case a:hover{opacity:.8}.on-cover{padding-bottom:55px}.on-browser{border:1px solid #cdd2c9;background:#eee}.on-browser-bar{padding:12px 18px;display:flex;justify-content:space-between;align-items:center;background:#e1e4da;font-size:10px;letter-spacing:.06em;gap:12px}.on-browser-bar a{text-decoration:none}.on-browser-bar>span:first-child{font-size:7px;letter-spacing:4px;color:#8b9587}.on-case figcaption{display:flex;justify-content:space-between;gap:25px;font-size:12px;line-height:1.6;color:#647366;margin-top:16px}.on-summary{display:grid;grid-template-columns:.6fr 1.5fr 1.15fr;gap:4vw;border-top:1px solid #cdd2c9;padding-top:65px;padding-bottom:72px}.on-summary h2{font-size:clamp(25px,2.5vw,40px);font-weight:550;line-height:1.4;letter-spacing:-.045em}.on-summary p:not(.on-kicker){font-size:15px;line-height:1.95;word-break:keep-all}.on-summary p+p{margin-top:17px}.on-index{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:25px;padding-bottom:25px;border-block:1px solid #cdd2c9}.on-index a{text-decoration:none;font-size:13px}.on-section{padding-top:95px;padding-bottom:85px;scroll-margin-top:90px}.on-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;align-items:end;margin-bottom:44px}.on-heading h2{font-size:clamp(35px,4.7vw,70px);font-weight:550;line-height:1.18;letter-spacing:-.06em;margin-top:18px}.on-heading p{font-size:16px;line-height:1.95;word-break:keep-all;margin-bottom:24px}.on-comparison{border:1px solid #cdd2c9;padding:20px;background:#e9eade;--split:50%}.on-compare-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:600;padding-bottom:16px}.on-compare-stage{position:relative;overflow:hidden;background:#d6d8ce}.on-after{position:absolute;inset:0;clip-path:inset(0 0 0 calc(100% - var(--split)))}.on-divider{position:absolute;left:calc(100% - var(--split));top:0;bottom:0;width:2px;background:white;transform:translateX(-1px);pointer-events:none}.on-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;background:var(--on-ink);border:2px solid white;border-radius:50%;color:white;font-size:21px}.on-slider-label{display:block;text-align:center;font-size:12px;padding:20px 0 12px}.on-comparison input{display:block;width:100%;accent-color:var(--on-ink);cursor:ew-resize}.on-compare-buttons{display:flex;justify-content:center;gap:12px;margin-top:15px}.on-compare-buttons button{font:inherit;font-size:12px;padding:10px 15px;border:1px solid #b5bcae;background:transparent;color:var(--on-ink);cursor:pointer}.on-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:42px 0 60px}.on-feature-grid article{border-top:1px solid #cdd2c9;padding-top:20px}.on-feature-grid article>span{font-size:12px;color:#9a5b44}.on-feature-grid h3{font-size:20px;font-weight:600;margin-top:15px}.on-feature-grid p{font-size:14px;line-height:1.9;color:#5e6e63;margin-top:12px;word-break:keep-all}.on-figure{width:100%}.on-figure>img{border:1px solid #ced3c8}.on-dark{background:#18291f;color:var(--on-paper)}.on-dark .on-heading p,.on-dark figcaption{color:#c4cbbb}.on-dark .on-kicker{color:#c38a6c}.on-dark .on-figure>img{border-color:transparent}.on-overview{margin-top:35px!important}.on-process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:48px}.on-process>div{border-top:1px solid #cdd2c9;padding-top:18px}.on-process span{font-size:12px;font-weight:600}.on-process p{font-size:14px;line-height:1.9;color:#5e6e63;padding-top:14px;word-break:keep-all}.on-soft{background:#e5e8df}.on-scope{display:grid;grid-template-columns:1fr 1.5fr;gap:10vw;padding-top:80px;padding-bottom:80px}.on-scope h2{font-size:34px;font-weight:550;margin-top:15px}.on-scope dl{margin:0}.on-scope dl>div{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:17px 0;border-bottom:1px solid #cdd2c9;font-size:14px;line-height:1.7}.on-scope dt{color:#69786c}.on-scope dd{margin:0}.on-note{font-size:12px;line-height:1.95;color:#69786c;margin-top:24px!important;word-break:keep-all}.on-end{background:#dce7b9;padding-top:75px;padding-bottom:65px}.on-end h2{font-size:clamp(32px,5vw,74px);font-weight:550;letter-spacing:-.055em;margin-top:16px}.on-end .on-cta-row{padding-top:30px;padding-bottom:20px;gap:12px}.on-project-inquiry{font-size:13px;text-underline-offset:5px;display:inline-block;margin-top:15px}.on-case .on-section a:focus-visible,.on-case button:focus-visible,.on-case input:focus-visible{outline:3px solid #ba714e;outline-offset:5px}@media(max-width:850px){.on-title-row{grid-template-columns:1fr 1fr;gap:25px}.on-meta{font-size:11px}.on-summary{grid-template-columns:1fr 1fr;gap:25px}.on-summary>.on-kicker{grid-column:1/-1}.on-heading{gap:40px}.on-feature-grid,.on-process{gap:22px}.on-scope{grid-template-columns:1fr 1.7fr;gap:30px}.on-index{gap:15px;font-size:11px}}@media(max-width:600px){.on-pad{padding-left:20px;padding-right:20px}.on-meta{padding-top:25px;align-items:flex-start;line-height:1.5}.on-meta span{text-align:right;max-width:150px}.on-title-row{grid-template-columns:1fr;padding-top:40px;gap:35px}.on-intro h1{font-size:110px}.on-intro h1>span{font-size:14px;margin-top:17px}.on-kicker{font-size:10px}.on-lead h2{font-size:29px}.on-lead p{font-size:14px;margin-top:15px}.on-cta-row{gap:18px 24px;padding:0 0 34px}.on-button{padding:14px 17px;gap:22px;font-size:13px}.on-link{font-size:12px}.on-browser-bar{padding:9px 10px;font-size:8px}.on-browser-bar>span:last-child{display:none}.on-case figcaption{font-size:10px;display:block}.on-case figcaption>span{display:block;margin-bottom:7px}.on-cover{padding-bottom:35px}.on-summary{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:20px}.on-summary h2{font-size:27px}.on-summary p:not(.on-kicker){font-size:14px}.on-index{grid-template-columns:1fr 1fr;gap:20px;padding-top:22px;padding-bottom:22px}.on-index a{font-size:11px}.on-section{padding-top:55px;padding-bottom:50px}.on-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.on-heading h2{font-size:36px;margin-top:13px}.on-heading p{font-size:14px;margin-bottom:14px}.on-comparison{padding:10px}.on-divider span{width:34px;height:34px;font-size:16px}.on-compare-labels,.on-slider-label{font-size:10px}.on-compare-buttons{gap:8px}.on-compare-buttons button{font-size:10px;padding:8px 12px}.on-feature-grid,.on-process{grid-template-columns:1fr;gap:25px;padding:30px 0 35px}.on-feature-grid h3{font-size:19px;margin-top:10px}.on-feature-grid p,.on-process p{font-size:13px}.on-feature-grid article{padding-top:15px}.on-process{padding-bottom:0}.on-overview{margin-top:23px!important}.on-scope{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:50px}.on-scope h2{font-size:29px}.on-scope dl>div{grid-template-columns:64px 1fr;gap:15px;font-size:12px}.on-note{font-size:11px}.on-end{padding-top:50px;padding-bottom:45px}.on-end h2{font-size:34px}.on-end .on-cta-row{flex-direction:column;align-items:stretch;gap:10px}.on-end .on-button{justify-content:space-between}.on-project-inquiry{font-size:11px}}