.web-showcase{border-top:1px solid var(--line);padding-top:55px!important}.web-showcase .websites-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end}.web-showcase .websites-heading h3{font-size:42px;line-height:1.1;max-width:24ch;margin-top:17px}.web-showcase .websites-heading>p{font-size:17px;line-height:1.7;color:#626b61;max-width:44ch}.web-case{border-top:1px solid #dce0d8;margin-top:40px;padding-top:26px}.web-case+.web-case{margin-top:54px}.web-case-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:23px}.web-case-number{font-size:12px;letter-spacing:.065em;color:#697362}.web-case-heading h4{font-size:23px;letter-spacing:-.03em;font-weight:500;line-height:1.3;margin:8px 0 0}.web-case-heading>a{font-size:15px;color:#3f5a48;display:flex;align-items:center;gap:28px;min-height:44px}.web-case-heading>a:hover{text-decoration:underline;text-underline-offset:4px}.web-case-body{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:40px;align-items:center}.web-case-media{min-width:0;margin:0}.web-case-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.web-case-toolbar>span{color:#64715e;font-size:13px}.web-case-toolbar>div{display:flex;border:1px solid #d1dbcc;border-radius:5px;padding:3px;background:#f0f3eb}.web-case-toolbar button{font:14px/1.5 Geist,system-ui,sans-serif;background:none;color:#5c7056;border:0;border-radius:3px;padding:6px 13px;min-height:38px;cursor:pointer}.web-case-toolbar button[aria-pressed=true]{color:#263f2b;background:#fff;box-shadow:0 1px 5px #263f2b0f}.web-case-toolbar button:disabled{cursor:default;opacity:.7}.web-case-stage{display:flex;align-items:start;justify-content:center;background:#e8ece6;border:1px solid #d3dbd0;box-shadow:0 18px 36px #1837220b;border-radius:5px;overflow:hidden;min-width:0}.web-case-stage picture{display:block;width:100%}.web-case-stage img{display:block;width:100%;height:auto;object-fit:contain;max-width:100%;transition:filter .2s}.web-case-stage:hover img{filter:brightness(1.03)}.web-case-media[data-view=mobile] .web-case-stage{padding:21px;background:#e8ece6}.web-case-media[data-view=mobile] picture{max-width:260px}.web-case-media figcaption{display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:12px;color:#677462;margin-top:14px;line-height:1.6}.web-case-media figcaption>a{color:#3e6045;min-height:36px;display:flex;align-items:center}.web-case-copy{min-width:0;padding-top:15px}.web-case-copy h5{font-size:28px;line-height:1.2;letter-spacing:-.04em;font-weight:500;margin:0 0 26px;max-width:21ch}.web-case-copy dl{margin:0}.web-case-copy dl>div+div{margin-top:21px}.web-case-copy dt{font-size:12px;letter-spacing:.025em;color:#677760}.web-case-copy dd{margin:8px 0 0;font-size:16px;line-height:1.65;color:#354632}.web-case-copy .web-case-note{font-size:13px;line-height:1.6;color:#5b6e55;margin-top:24px;max-width:37ch}.web-case-visit{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #d4ddcd;padding-top:16px;margin-top:22px;min-height:44px;color:#3d5b3d;font-size:15px}.web-case-copy .web-case-visit:hover{text-decoration:underline;text-underline-offset:5px}.web-case-polishing .web-case-body{grid-template-columns:minmax(0,1fr) minmax(0,2.05fr)}.web-case-polishing .web-case-copy{grid-column:1;grid-row:1}.web-case-polishing .web-case-media{grid-column:2;grid-row:1}.web-case :is(a,button):focus-visible{outline:3px solid #6f8766;outline-offset:4px}
@media(max-width:1100px){.web-showcase .websites-heading{gap:40px}.web-showcase .websites-heading h3{font-size:35px}.web-case-body,.web-case-polishing .web-case-body{gap:28px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.web-case-polishing .web-case-body{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.web-case-copy h5{font-size:25px}.web-case-copy dd{font-size:15px}}
@media(max-width:760px){.web-showcase{padding-top:30px!important}.web-showcase .websites-heading{display:block}.web-showcase .websites-heading h3{font-size:31px;line-height:1.15}.web-showcase .websites-heading>p{font-size:16px;margin-top:19px;margin-bottom:0}.web-case{margin-top:29px;padding-top:22px}.web-case+.web-case{margin-top:35px}.web-case-heading{display:block;margin-bottom:16px}.web-case-number{font-size:12px}.web-case-heading h4{font-size:23px;margin-top:9px}.web-case-heading>a{font-size:15px;justify-content:space-between;margin-top:10px;border-bottom:1px solid #dce1d5;padding-bottom:10px}.web-case-body,.web-case-polishing .web-case-body{display:flex;flex-direction:column;gap:25px;align-items:stretch}.web-case-toolbar{gap:8px;flex-wrap:wrap;align-items:center}.web-case-toolbar>span{font-size:14px}.web-case-toolbar button{font-size:14px;min-height:44px;padding:6px 11px}.web-case-stage{margin-inline:-5px}.web-case-media[data-view=mobile] .web-case-stage{padding:0;background:none}.web-case-media[data-view=mobile] picture{max-width:none;width:100%}.web-case-media figcaption{font-size:14px;display:block;margin-top:12px}.web-case-media figcaption>a{margin-top:3px;min-height:44px}.web-case-copy{padding-top:0}.web-case-copy h5{font-size:28px;line-height:1.2;max-width:24ch;margin-bottom:22px}.web-case-copy dt{font-size:14px}.web-case-copy dd{font-size:16px;line-height:1.65}.web-case-copy dl>div+div{margin-top:20px}.web-case-copy .web-case-note{font-size:14px;line-height:1.6;margin-top:24px}.web-case-visit{font-size:16px;margin-top:20px;padding-top:17px}.web-case-polishing .web-case-copy,.web-case-polishing .web-case-media{grid-column:auto;grid-row:auto}}
@media(max-width:359px){.web-showcase .websites-heading h3{font-size:28px}.web-case-copy h5{font-size:26px}.web-case-toolbar>div{margin-left:auto}.web-case-toolbar>span{flex-basis:100%;margin-bottom:5px}.web-case-stage{margin-inline:-3px}.web-case-media figcaption>a{min-height:44px}}
@media(prefers-reduced-motion:reduce){.web-case *{transition:none!important;animation:none!important}}
.web-case :is(h5,dt,dd){min-width:0;overflow-wrap:anywhere}