.live-portfolio{--portfolio-line:#d0d7c7;min-width:0}.portfolio-topline{border-top:1px solid var(--portfolio-line);color:#535e49;letter-spacing:.03em;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 20px;font-size:10px;display:flex}.portfolio-topline>span:first-child{align-items:center;gap:9px;display:flex}.portfolio-dot{background:#507238;border-radius:50%;width:6px;height:6px}.portfolio-stage{border:1px solid var(--portfolio-line);background:#fafbf7;border-radius:7px;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);display:grid;overflow:hidden}.portfolio-canvas{background:#e0e5d7;min-width:0;padding:21px 25px 29px;position:relative}.portfolio-canvas-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;display:flex}.portfolio-devices{background:#f3f5ed;border:1px solid #bac4ad;border-radius:4px;gap:3px;padding:3px;display:flex}.portfolio-devices button{color:#4b5840;background:0 0;border:0;border-radius:2px;min-height:32px;padding:8px 12px;font-size:10px}.portfolio-devices button[aria-pressed=true]{color:#f4f7ed;background:#273023}.portfolio-expand{color:#35462b;background:0 0;border:0;align-items:center;gap:8px;min-height:40px;padding:6px;font-size:10px;display:flex}.portfolio-expand span{font-size:22px}.portfolio-screen-area{aspect-ratio:1.48;justify-content:center;align-items:center;display:flex;position:relative}.portfolio-screen-button{text-align:left;background:#fff;border:1px solid #c2cabb;border-radius:5px;align-self:flex-start;width:91%;margin-right:auto;padding:0;transition:transform .25s;display:block;position:relative;overflow:hidden;box-shadow:0 15px 28px #303a2517}.portfolio-screen-button:hover{transform:translateY(-3px)}.portfolio-window-bar{color:#58634e;background:#fcfdf9;border-bottom:1px solid #dde3d6;justify-content:space-between;align-items:center;gap:5px;height:27px;padding:0 12px;font-size:8px;display:flex}.portfolio-window-bar>span:first-child{letter-spacing:2px;color:#89977c;font-size:5px}.portfolio-main-image{aspect-ratio:1.44;object-fit:contain;background:#f7f8f1;width:100%;height:auto;display:block}.portfolio-phone{pointer-events:none;background:#242a20;border:1px solid #4d5744;border-radius:18px;width:22%;padding:5px;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 14px 25px #1c251d33}.portfolio-phone img{border-radius:12px;width:100%;height:auto;display:block}.portfolio-phone-speaker{background:#252a20;border-radius:10px;width:28%;height:6px;position:absolute;top:7px;left:36%}.portfolio-view-mobile .portfolio-screen-button{background:#222c1d;border:6px solid #222c1d;border-radius:17px;width:auto;max-width:47%;height:100%;margin:0}.portfolio-view-mobile .portfolio-window-bar{display:none}.portfolio-view-mobile .portfolio-main-image{aspect-ratio:390/844;object-fit:contain;border-radius:10px;width:auto;height:100%}.portfolio-story{flex-direction:column;min-width:0;padding:27px 30px;display:flex}.portfolio-counter{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:15px;margin-bottom:34px;font-size:13px;display:flex}.portfolio-counter>span>span{color:#697460;padding-left:5px}.portfolio-arrows{gap:8px;display:flex}.portfolio-arrows button{color:#33452a;background:0 0;border:1px solid #bac5ab;border-radius:50%;place-items:center;width:35px;height:35px;font-size:19px;display:grid}.portfolio-arrows button:hover{background:#d4ed80}.portfolio-story-copy{flex:1}.portfolio-story h3{letter-spacing:-.05em;justify-content:space-between;align-items:baseline;gap:10px;margin:13px 0 16px;font-size:clamp(26px,3.1vw,44px);display:flex}.portfolio-story h3>span{color:#657853;font-size:24px}.portfolio-story .eyebrow{color:#56634b;font-size:9px}.portfolio-description{color:#56614d;min-height:94px;font-size:13px;line-height:1.8}.portfolio-tags{flex-wrap:wrap;gap:7px;margin:22px 0 32px;padding:0;list-style:none;display:flex}.portfolio-tags li{color:#505e43;border:1px solid #d0d8c4;border-radius:3px;padding:6px 8px;font-size:9px}.portfolio-live{gap:15px;min-height:52px;padding:16px 19px;font-size:12px}.portfolio-source{color:#5c6950;text-align:center;margin-top:12px;font-size:9px}.portfolio-rail-heading{color:#54624a;justify-content:space-between;align-items:center;padding:23px 0 13px;font-size:10px;display:flex}.portfolio-scroll-hint{align-items:center;gap:12px;display:flex}.portfolio-scroll-hint span{font-size:20px}.portfolio-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#839471 #e2e7d9;overscroll-behavior-x:contain;gap:13px;padding:3px 3px 15px;display:flex;position:relative;overflow-x:auto}.portfolio-thumb{text-align:left;scroll-snap-align:start;background:#f9faf5;border:1px solid #d3dac9;border-radius:4px;flex:0 0 calc(20% - 10.4px);min-width:150px;padding:6px;transition:border-color .2s,background .2s;overflow:hidden}.portfolio-thumb:hover{border-color:#6d8257}.portfolio-thumb.is-selected{background:#e5edda;border-color:#354d26;box-shadow:inset 0 0 0 1px #354d26}.portfolio-thumb-image{aspect-ratio:1.72;background:#dfe6d6;border-radius:2px;display:block;position:relative;overflow:hidden}.portfolio-thumb-image img{object-fit:cover;object-position:top;width:100%;height:auto;display:block}.portfolio-thumb-number{color:#293a20;background:#fbfdf3;border-radius:3px;padding:3px 6px;font-size:8px;position:absolute;bottom:6px;left:6px;box-shadow:0 1px 4px #0002}.portfolio-thumb-title{justify-content:space-between;align-items:center;gap:8px;margin:10px 4px 4px;font-size:11px;font-weight:550;display:flex}.portfolio-thumb-title>span{color:#456035;font-size:10px}.portfolio-thumb-category{color:#56634b;margin:0 4px 6px;font-size:8px;display:block}.portfolio-sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.portfolio-fallback{flex-wrap:wrap;gap:20px;padding:20px;display:flex}.portfolio-dialog{color:#20271c;background:#f7f8f2;border:1px solid #c8d0bc;border-radius:8px;width:1200px;max-width:min(1200px,95vw);max-height:90dvh;margin:auto;padding:0;overflow:auto;box-shadow:0 30px 100px #0004}.portfolio-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#192017c9}.portfolio-dialog-header{border-bottom:1px solid #d0d7c7;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px;display:flex}.portfolio-dialog-header h3{margin-top:5px;font-size:25px}.portfolio-close{background:0 0;border:1px solid #b5c0a7;border-radius:3px;align-items:center;gap:18px;min-height:44px;padding:8px 14px;font-size:12px;display:flex}.portfolio-close span{font-size:25px}.portfolio-dialog-toolbar{justify-content:space-between;align-items:center;gap:15px;padding:14px 25px;display:flex}.portfolio-dialog-toolbar>a{text-underline-offset:4px;font-size:12px;text-decoration:underline}.portfolio-dialog-image{padding:0 25px 25px}.portfolio-dialog-image img{border:1px solid #c9d1bf;border-radius:3px;width:100%;height:auto;display:block}.portfolio-dialog-image.is-mobile img{max-width:390px;margin:auto}.portfolio-dialog a:focus-visible,.portfolio-dialog button:focus-visible,.live-portfolio button:focus-visible{outline-offset:3px;outline:3px solid #4b722f}@media (max-width:1100px){.portfolio-stage{grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr)}.portfolio-story{padding:23px}.portfolio-story h3{font-size:31px}.portfolio-canvas{flex-direction:column;justify-content:center;padding:18px;display:flex}.portfolio-canvas-toolbar{margin-bottom:20px}.portfolio-counter{margin-bottom:25px}.portfolio-description{min-height:100px;font-size:12px}.portfolio-tags{margin:16px 0 23px}.portfolio-thumb{flex-basis:calc(25% - 9.75px)}.portfolio-story .button{padding:15px;font-size:11px}.portfolio-screen-area{width:100%}}@media (max-width:800px){.portfolio-stage{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.portfolio-story{padding:21px}.portfolio-counter{margin-bottom:22px}.portfolio-description{min-height:100px;font-size:11px}.portfolio-story h3{font-size:29px}.portfolio-canvas-toolbar{flex-wrap:wrap;gap:4px}.portfolio-devices button{padding:7px 9px}.portfolio-expand{font-size:9px}.portfolio-tags{gap:4px}.portfolio-tags li{font-size:8px}.portfolio-window-bar{height:22px;font-size:6px}.portfolio-thumb{flex-basis:calc(29.4118% - 7.64706px)}.portfolio-phone{border-radius:11px;padding:3px}.portfolio-phone img{border-radius:8px}}@media (max-width:640px){.portfolio-topline{gap:10px;padding:14px 0 16px;font-size:8px}.portfolio-topline>span:last-child{text-align:right;max-width:115px;line-height:1.6}.portfolio-stage{flex-direction:column;display:flex}.portfolio-canvas{padding:14px 14px 21px}.portfolio-canvas-toolbar{flex-wrap:nowrap;margin-bottom:16px}.portfolio-devices button{min-height:34px;padding:8px 13px;font-size:10px}.portfolio-expand{min-height:40px;font-size:10px}.portfolio-screen-area{aspect-ratio:1.44;min-height:0}.portfolio-screen-button{width:100%;margin:0}.portfolio-main-image{aspect-ratio:1.44}.portfolio-phone{display:none}.portfolio-view-mobile .portfolio-screen-button{max-width:49%}.portfolio-story{padding:21px}.portfolio-counter{margin-bottom:16px;font-size:12px}.portfolio-arrows button{width:39px;height:39px}.portfolio-story h3{margin:9px 0 12px;font-size:32px}.portfolio-description{min-height:0;font-size:12px}.portfolio-tags{gap:6px;margin:17px 0 21px}.portfolio-tags li{font-size:9px}.portfolio-story .button{min-height:50px;padding:16px 18px;font-size:12px}.portfolio-source{margin-top:10px;font-size:9px}.portfolio-rail-heading{padding:19px 0 10px;font-size:9px}.portfolio-rail{gap:10px;padding-bottom:12px}.portfolio-thumb{flex-basis:148px;min-width:148px}.portfolio-thumb-title{font-size:11px}.portfolio-thumb-category{font-size:8px}.portfolio-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:94dvh}.portfolio-dialog-header{padding:16px}.portfolio-dialog-header h3{font-size:23px}.portfolio-close{gap:10px;padding:7px 9px;font-size:10px}.portfolio-dialog-toolbar{gap:10px;padding:12px}.portfolio-dialog-toolbar>a{font-size:10px}.portfolio-dialog-image{padding:0 10px 15px}.portfolio-dialog-image.is-desktop{overflow-x:auto}.portfolio-dialog-image.is-desktop img{min-width:760px;max-width:none}.portfolio-dialog-image.is-mobile img{width:100%;max-width:390px}}@media (prefers-reduced-motion:reduce){.portfolio-screen-button,.portfolio-thumb{transition:none}}.portfolio-screen-area{width:100%;max-width:680px;margin-inline:auto}@media (max-width:640px){.portfolio-view-mobile .portfolio-screen-area{aspect-ratio:auto;height:420px}.portfolio-view-mobile .portfolio-screen-button{max-width:75%}}