.portfolio{overflow:visible;padding-bottom:70px}.portfolio-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#33412b;border:1px solid #33412b;border-radius:8px;overflow:hidden;margin:30px 0 75px}.portfolio-nav a{display:flex;align-items:center;gap:12px;background:#141b10;color:#6c825b;padding:22px 17px;font-size:9px;transition:background .2s,color .2s}.portfolio-nav a span{color:#c1cfb5;font-size:11px;line-height:1.5}.portfolio-nav a b{font-weight:400;margin-left:auto;font-size:8px;border:1px solid #3c4c31;padding:5px;border-radius:3px}.portfolio-nav a:hover{background:#24351a;color:var(--lime)}.portfolio-nav a:hover span{color:var(--lime)}.portfolio-group{margin-bottom:90px;scroll-margin-top:35px}.group-header{border-top:1px solid color-mix(in srgb,var(--group-color) 45%,#182011);padding-top:22px;margin-bottom:32px}.group-label{display:flex;align-items:center;gap:15px;color:var(--group-color);font-family:'Space Grotesk',sans-serif}.group-label>span{font-size:10px;border:1px solid color-mix(in srgb,var(--group-color) 40%,transparent);border-radius:50%;height:30px;width:30px;display:grid;place-items:center}.group-label h3{font-size:15px;font-weight:500;letter-spacing:-.3px}.group-label>b{margin-left:auto;font-size:8px;letter-spacing:1.3px;font-weight:400;color:#819071}.group-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:28px}.group-intro h3{font-size:clamp(31px,3.4vw,47px);line-height:1.1;font-weight:500;letter-spacing:-1.8px}.group-intro em{color:var(--group-color)}.group-intro p{font-size:12px;line-height:1.9;color:#929f87;max-width:300px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 26px}.portfolio-card{min-width:0}.portfolio-art{width:100%;border:1px solid color-mix(in srgb,var(--accent) 20%,#25301c);padding:0;background:radial-gradient(ellipse at 60% 50%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 75%),#141b12;position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:9px;text-align:left;color:var(--text);transition:border-color .3s,box-shadow .3s}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:35px 35px;z-index:-1;mask-image:linear-gradient(135deg,transparent,#000)}.art-category{position:absolute;top:18px;left:20px;color:var(--accent);font-size:7px;letter-spacing:1.6px;z-index:2}.portfolio-visual{height:330px;padding:50px 27px 40px;display:grid;place-items:center;overflow:hidden;transition:transform .5s}.portfolio-visual .project-image{width:100%;height:100%;min-height:0;max-height:250px;object-fit:contain}.portfolio-art:hover{border-color:var(--accent);box-shadow:0 15px 50px #0003}.portfolio-art:hover .portfolio-visual{transform:scale(1.035)}.art-open{position:absolute;bottom:17px;right:18px;display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:1px;color:var(--accent)}.art-open b{font-size:18px;font-weight:400;transition:transform .25s}.portfolio-art:hover .art-open b{transform:translate(3px,-3px)}.art-note{position:absolute;bottom:19px;left:20px;color:#7d8b71;font-size:7px;max-width:58%;line-height:1.6}.portfolio-info{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.portfolio-project-index{font-size:7px;letter-spacing:1.4px;color:#697c59}.portfolio-info h4{font-size:24px;letter-spacing:-.8px;font-weight:500;margin-top:7px}.portfolio-open{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #425335;background:none;color:var(--accent);font-size:21px;transition:all .25s}.portfolio-open:hover{background:var(--accent);color:#111b0b;border-color:var(--accent);transform:rotate(45deg)}.portfolio-copy{color:#929f88;font-size:11px;line-height:1.9;margin-top:13px;max-width:470px}.portfolio-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.portfolio-tags span{font-size:6px;letter-spacing:.8px;color:#9bae8a;border:1px solid #33412a;border-radius:20px;padding:6px 8px}.portfolio-featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;column-gap:45px;align-items:center;border:1px solid #384b2a;border-radius:9px;background:#131d0e;padding:24px}.portfolio-featured .portfolio-art{grid-row:1/4;min-height:285px;background:radial-gradient(ellipse at center,#fb6c5f19,transparent 75%),#1b1b11}.portfolio-featured .portfolio-info{align-self:end}.portfolio-featured .portfolio-info h4{font-size:42px;letter-spacing:-1.5px}.portfolio-featured .portfolio-copy{align-self:center;font-size:13px}.portfolio-featured .portfolio-tags{align-self:start;margin-top:0}.group-apps .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.group-apps .portfolio-visual{height:300px;padding:45px 20px}.group-apps .portfolio-info h4{font-size:22px}.group-apps .portfolio-copy{font-size:10px}.group-apps .art-note{font-size:6px;max-width:50%}.card-turfstar .turf-pitch{height:220px}.card-turfstar .mock-phone{transform:rotate(9deg) scale(.72);margin-top:-25px}.card-turfstar .turf-pitch>span{font-size:6px}.portfolio-visual .product-window{width:100%;max-width:440px;transform:perspective(1000px) rotateY(-6deg) rotate(-3deg) scale(.9);margin-top:-5px}.card-royal .portfolio-visual{padding:0}.card-royal .portfolio-visual .project-image{object-fit:cover;max-height:none;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 85%,transparent)}.card-opas .portfolio-visual{padding:45px 25px}.card-opas .project-image{object-fit:cover;border-radius:65px 5px 5px 5px}.portfolio-visual .image-irondoge{max-height:270px}.portfolio-visual .image-opai{max-width:265px}.portfolio-visual .image-randomz{max-height:145px;width:80%}.portfolio-visual .image-blockwave{max-width:300px;max-height:140px}.portfolio-visual .image-aapoorti{max-width:360px}.portfolio-visual .image-idocial{max-width:180px;max-height:180px;border-radius:35px}.group-web3 .portfolio-art{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 15%,transparent),transparent 75%),#17131e}.group-brands .portfolio-art{background:#1c1a13}.portfolio-group:last-child{margin-bottom:30px}@media(max-width:1000px){.portfolio-nav{grid-template-columns:repeat(2,1fr);margin-bottom:55px}.group-apps .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-apps .portfolio-card:last-child{grid-column:1/-1;max-width:calc(50% - 13px)}.group-intro p{max-width:240px;font-size:11px}.portfolio-featured{column-gap:25px}.portfolio-featured .portfolio-copy{font-size:11px}.portfolio-visual{height:310px;padding-left:15px;padding-right:15px}.portfolio-visual .product-window{width:115%;transform:rotate(-3deg) scale(.78)}}@media(max-width:700px){.portfolio-nav{margin-top:25px;margin-bottom:45px}.portfolio-nav a{padding:17px 12px;gap:8px;font-size:7px}.portfolio-nav a span{font-size:9px}.portfolio-nav a b{font-size:6px}.portfolio-group{margin-bottom:55px}.group-header{padding-top:18px;margin-bottom:23px}.group-label{gap:10px}.group-label h3{font-size:13px}.group-label>b{font-size:6px;letter-spacing:.7px}.group-label>span{width:25px;height:25px;font-size:8px}.group-intro{display:block;margin-top:23px}.group-intro h3{font-size:33px;letter-spacing:-1.3px}.group-intro p{max-width:100%;font-size:11px;margin-top:18px}.portfolio-grid,.group-apps .portfolio-grid{grid-template-columns:1fr;gap:30px}.group-apps .portfolio-card:last-child{max-width:none;grid-column:auto}.portfolio-featured{display:block;padding:15px}.portfolio-featured .portfolio-info h4{font-size:30px}.portfolio-featured .portfolio-art{min-height:0}.portfolio-featured .portfolio-tags{margin-top:17px}.portfolio-info h4{font-size:24px}.portfolio-visual,.group-apps .portfolio-visual{height:300px;padding:45px 20px}.portfolio-art{border-radius:7px}.portfolio-featured .portfolio-visual{height:240px}.portfolio-visual .product-window{width:110%;max-width:400px;transform:rotate(-3deg) scale(.8)}.portfolio-featured .portfolio-copy{font-size:11px;margin-top:13px}.portfolio-copy{font-size:11px}.art-category{font-size:6px;left:16px}.art-note{left:16px;font-size:6px}.art-open{font-size:6px;right:16px}.portfolio-tags span{font-size:6px}.portfolio-visual .image-opai{max-height:215px}.portfolio-visual .image-irondoge{max-height:235px}.portfolio-visual .image-siat{max-height:200px}.portfolio .section-title h2{font-size:40px}}@media(prefers-reduced-motion:reduce){.portfolio-art,.portfolio-visual,.portfolio-open{transition:none}.portfolio-art:hover .portfolio-visual,.portfolio-open:hover{transform:none}}