.portfolio-page .projects-intro{max-width:980px}.portfolio-page .projects-intro h1 span{color:#c5f566}.portfolio-jump{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:#c5f566}.portfolio-feature+.portfolio-feature{margin-top:28px}.studio-shell .portfolio-feature-platform .project-art{background:#baa9e8;padding:35px}.portfolio-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.portfolio-browser{width:100%;border-radius:10px;overflow:hidden;background:#131911;transform:rotate(-4deg);box-shadow:14px 18px #31214735;color:#f3f4ed}.portfolio-browser-bar{display:flex;justify-content:space-between;background:#293021;padding:12px 16px;font:8px monospace;color:#bfc9b3}.portfolio-browser-body{padding:22px}.portfolio-browser-body>svg{color:#c5f566;margin-bottom:16px}.portfolio-browser-body strong{display:block;font-size:clamp(24px,3vw,42px);line-height:.98;letter-spacing:-.065em;margin-bottom:20px}.portfolio-mini-pill{display:inline-block;background:#c5f566;color:#192010;padding:8px 12px;font:8px monospace}.portfolio-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.portfolio-mini-grid span{height:38px;background:#2c3923;border-radius:3px}.portfolio-mini-grid span:nth-child(2){background:#566c3d}.portfolio-capabilities,.design-lab{padding-top:80px}.portfolio-section-title h2,.portfolio-decisions>h2{font-size:clamp(30px,4vw,47px);letter-spacing:-.05em;line-height:1.12}.portfolio-section-title>p:last-child{max-width:610px;color:#aab79e;font-size:15px;line-height:1.8}.portfolio-capability-grid,.portfolio-decisions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px}.portfolio-capability-grid article,.portfolio-decisions article{border-top:1px solid #4a5b38;padding-top:24px}.portfolio-capability-grid article>span,.portfolio-decisions article>span{font:11px monospace;color:#a2b58d;display:block;margin-bottom:24px}.portfolio-capability-grid h3,.portfolio-decisions h3{font-size:23px;letter-spacing:-.035em}.portfolio-capability-grid p,.portfolio-decisions p{font-size:14px;line-height:1.8;color:#aab79e}.portfolio-capability-grid a{color:#c5f566;font-size:12px}.design-lab-grid{display:grid;grid-template-columns:260px minmax(0,1fr);margin-top:30px;border:1px solid #3c4a30;border-radius:12px;overflow:hidden}.design-lab-controls{padding:28px;background:#192014}.design-lab-controls fieldset{border:0;margin:0 0 27px;padding:0}.design-lab-controls legend,.design-lab-controls>label{display:block;color:#bccbab;font-size:11px;margin-bottom:15px}.design-lab-controls output{float:right;color:#c5f566}.design-lab-controls input[type=range]{width:100%;accent-color:#c5f566;margin-bottom:27px}.design-swatches{display:flex;gap:12px}.design-swatches button{width:37px;height:37px;border:2px solid transparent;border-radius:50%;color:#141c0c;font-size:19px;cursor:pointer}.design-swatches button[aria-pressed=true]{outline:1px solid #f3f4ed;outline-offset:4px}.design-layout-options{display:flex;gap:10px}.design-layout-options button{padding:8px 13px;border:1px solid #5c6b4e;background:none;border-radius:5px;font-size:11px;color:#d7e2cc;cursor:pointer}.design-layout-options button[aria-pressed=true]{background:#c5f566;color:#131a0d}.design-lab-controls>.studio-link,.design-code button{background:none;border:0;padding:0;cursor:pointer}.design-stage{padding:45px 35px;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#30332d,#171a15);overflow:hidden}.design-demo{display:grid;grid-template-columns:.9fr 1.1fr;width:100%;max-width:560px;background:#101510;border:1px solid #5b6351;border-radius:var(--demo-radius);overflow:hidden;transition:border-radius .25s;min-width:0}.design-demo.is-stacked{grid-template-columns:1fr;max-width:340px}.design-demo-art{background:var(--demo-accent);min-height:250px;position:relative;overflow:hidden;display:grid;place-items:center}.design-demo-art>span{position:absolute;border:1px solid #10151033;border-radius:50%;width:240px;height:240px;top:-30px;left:-80px}.design-demo-art>span:nth-child(2){top:70px;left:-30px}.design-demo-art>span:nth-child(3){top:140px;left:60px}.design-demo-art i{font-style:normal;color:#172011;font-size:32px;line-height:.95;font-weight:900;letter-spacing:-.07em;transform:rotate(-8deg);z-index:1}.design-demo-copy{padding:26px;align-self:center}.design-demo-copy small{font:8px monospace;letter-spacing:.1em;color:var(--demo-accent)}.design-demo-copy h3{font-size:24px;line-height:1.1;letter-spacing:-.045em;margin:16px 0}.design-demo-copy p{font-size:11px;color:#aab79e}.design-demo-cta{display:flex;justify-content:space-between;gap:8px;color:var(--demo-accent);font:9px monospace;margin-top:22px}.design-demo.is-stacked .design-demo-art{min-height:170px}.design-stage-note{font:8px monospace;color:#aab79e;margin:22px 0 0;text-align:center;letter-spacing:.09em}.design-code{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:20px 0}.design-code pre{font-size:11px;line-height:1.8;margin:0;color:#c5f566;white-space:pre-wrap}.design-code [role=status]{font-size:11px;color:#bbc9ad}.portfolio-case-header{max-width:970px;margin:45px 0}.portfolio-case-header h1{font-size:clamp(40px,5.5vw,75px);line-height:1.04;letter-spacing:-.06em}.portfolio-case-header h1 span{color:#a5b991}.portfolio-case-header>p:not(.project-eyebrow){max-width:700px;font-size:18px;line-height:1.8;margin-bottom:25px}.portfolio-facts{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px;padding:25px 0;border-block:1px solid #405131}.portfolio-facts span{display:block;font:9px monospace;color:#a4b893;margin-bottom:10px}.portfolio-facts strong{font-size:13px;font-weight:500;color:#e3ecd9}.portfolio-case-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:65px 0}.portfolio-case-story h2{font-size:32px;letter-spacing:-.04em}.portfolio-case-story p,.portfolio-case-story li{font-size:16px;line-height:1.9;color:#b9c7ae}.portfolio-case-story ul{padding-left:20px;list-style:disc}.portfolio-case-story li{margin-bottom:12px}.portfolio-decisions{background:#1b2315;padding:40px;border-radius:12px}.portfolio-next-case{display:flex;gap:28px;align-items:center;border-top:1px solid #405131;padding:32px 0}.portfolio-next-case>span{font:10px monospace;color:#a4b893}.portfolio-next-case strong{font-size:clamp(20px,3vw,36px);letter-spacing:-.04em}.portfolio-next-case>svg{margin-left:auto;color:#c5f566}.portfolio-work,.portfolio-page #work,.portfolio-page #playground{scroll-margin-top:110px}@media (max-width: 800px){.design-lab-grid{grid-template-columns:1fr}.design-lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.design-lab-controls fieldset{margin:0}.design-lab-controls>label{align-self:end}.design-lab-controls input[type=range]{margin:0}.portfolio-capability-grid,.portfolio-decisions>div{grid-template-columns:1fr}.portfolio-case-story{gap:30px}.portfolio-facts{grid-template-columns:1fr}.design-stage{min-height:350px}.portfolio-next-case{flex-wrap:wrap}}@media (max-width: 600px){.portfolio-case-story{grid-template-columns:1fr;margin:40px 0}.portfolio-decisions{padding:25px}.design-stage{padding:25px 16px}.design-demo{grid-template-columns:1fr}.design-demo-art{min-height:180px}.design-demo-copy{padding:22px}.design-lab-controls{grid-template-columns:1fr}.design-lab-controls fieldset{margin-bottom:12px}.portfolio-capabilities,.design-lab{padding-top:50px}.portfolio-jump{gap:15px}.portfolio-browser-body strong{font-size:35px}.portfolio-feature+.portfolio-feature{margin-top:22px}}@media (prefers-reduced-motion: reduce){.design-demo{transition:none}}.studio-shell .portfolio-feature-lifecap .project-art{background:#90d9ee;color:#173e49}.studio-shell .portfolio-feature-flowerhouse .project-art{background:#dbe6b8;color:#315b3e}.portfolio-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.studio-shell .portfolio-gallery .portfolio-feature{grid-template-columns:1fr;margin:0;border-radius:18px;background:#171d14;transition:border-color .2s ease,box-shadow .2s ease}.studio-shell .portfolio-gallery .project-art{min-height:240px;padding:28px;gap:18px;background-image:radial-gradient(circle at 85% 15%,#ffffff35,transparent 50%)}.portfolio-gallery .project-art>svg{width:110px;height:110px}.portfolio-gallery .project-art-label{font-size:10px;text-align:center;line-height:1.6}.portfolio-gallery .project-details{padding:28px;align-self:stretch;display:flex;flex-direction:column}.studio-shell .portfolio-gallery .project-details h3{font-size:clamp(25px,3vw,32px)}.portfolio-gallery .project-details>p{font-size:15px}.portfolio-gallery .portfolio-actions{margin-top:auto;padding-top:8px}.portfolio-gallery .portfolio-browser{max-width:330px}.portfolio-gallery .portfolio-browser-body{padding:18px}.portfolio-gallery .portfolio-browser-body strong{font-size:28px}.studio-shell .portfolio-feature-photo .project-art{background-color:#ffc79b;color:#48280f}.portfolio-gallery .portfolio-feature:focus-within{border-color:#c5f566}@media (hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-gallery .portfolio-feature:hover{border-color:#758b60;box-shadow:0 12px 36px #0003}.portfolio-gallery .project-art>svg{transition:transform .25s ease}.portfolio-gallery .portfolio-feature:hover .project-art>svg{transform:rotate(0) scale(1.05)}}@media (max-width: 700px){.portfolio-gallery{grid-template-columns:1fr;gap:20px}.studio-shell .portfolio-gallery .project-art{min-height:190px;padding:22px}.portfolio-gallery .project-art>svg{width:85px;height:85px}.portfolio-gallery .project-details{padding:24px}}@media (min-width: 701px){.studio-shell .portfolio-gallery .portfolio-feature:last-child:nth-child(odd){grid-column:1 / -1;grid-template-columns:1fr 1fr}}.project-preview{margin:0;min-width:0;background:#101510}.project-preview img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.project-preview figcaption{color:#b8c1ad;padding:10px 20px;font-size:11px;border-bottom:1px solid #35412b}.case-preview{margin:36px 0}.case-preview img{width:100%;height:auto;border:1px solid #35412b;border-radius:14px}.case-preview figcaption{color:#b8c1ad;margin-top:12px;font-size:13px}.tools-assurance{display:flex;flex-wrap:wrap;gap:24px;margin:32px 0;color:#c5f566;font-size:14px}.tools-assurance span{display:flex;align-items:center;gap:10px}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tool-card{background:#191f15;border:1px solid #35412b;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.tool-card>img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.tool-card>div{padding:24px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.tool-card h2{font-size:27px;line-height:1.15;letter-spacing:-.04em;margin:12px 0}.tool-card p:not(.studio-kicker),.tools-notes p{color:#b8c1ad;line-height:1.75;font-size:15px}.tool-card .studio-button{margin-top:auto}.tool-card .project-tags{margin:20px 0 26px}.tools-notes{margin:64px 0 44px}.tools-notes h2{font-size:32px;letter-spacing:-.04em}.tools-notes>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:24px}.tools-notes article{border-top:1px solid #35412b;padding-top:20px}.tools-notes h3{font-size:18px;margin-bottom:14px}.tools-notes .studio-link{display:flex;margin-bottom:12px}@media (min-width: 1000px){.portfolio-featured .portfolio-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-shell .portfolio-featured .portfolio-gallery .portfolio-feature:last-child{grid-column:auto;grid-template-columns:1fr}.portfolio-featured .project-details{padding:24px}}@media (max-width: 900px){.tools-grid,.tools-notes>div{grid-template-columns:1fr}.tool-card{display:grid;grid-template-columns:.85fr 1.15fr}.tool-card>img{height:100%;object-fit:contain;background:#101510}}@media (max-width: 600px){.tool-card{display:flex}.tool-card>img{height:auto}.tools-assurance{gap:14px}}