.project-detail-card{display:flex;flex-direction:column}.project-completion{margin-top:auto;padding-top:20px}.project-completion-label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;font-size:13px;color:var(--muted)}.project-completion-label strong{color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.project-completion-bar{display:block;width:100%;height:7px;border:0;border-radius:99px;overflow:hidden;appearance:none;background:var(--line);color:var(--accent);accent-color:var(--accent)}.project-completion-bar::-webkit-progress-bar{background:var(--line);border-radius:99px}.project-completion-bar::-webkit-progress-value{background:var(--accent);border-radius:99px}.project-completion-bar::-moz-progress-bar{background:var(--accent);border-radius:99px}.project-construction{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--muted);background:color-mix(in srgb,var(--accent) 6%,transparent)}.project-construction>span{color:var(--accent);font-size:17px;line-height:1}.portfolio-page{background:var(--bg);color:var(--ink);padding-bottom:60px}.portfolio-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:center;padding-top:70px;padding-bottom:65px}.portfolio-kicker{font-size:12px;letter-spacing:.1em;color:var(--accent);font-weight:700}.portfolio-intro h1{font-size:clamp(30px,3.7vw,52px);line-height:1.5;letter-spacing:-.03em;margin:15px 0}.portfolio-intro>div>p:last-child{max-width:750px;font-size:16px;line-height:1.9;color:var(--muted)}.portfolio-mark{position:relative;overflow:hidden;min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(ellipse at top right,#00d6c920,transparent 70%),var(--panel);box-shadow:0 20px 60px #071d490b}.portfolio-mark>svg{width:65px;height:65px;color:var(--accent)}.portfolio-mark>span{font-size:26px;font-weight:800;direction:ltr}.portfolio-mark>span>span{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.1em}.portfolio-mark>div{display:flex;gap:9px}.portfolio-mark i{width:6px;height:6px;background:#00bcb3;border-radius:50%}.portfolio-list{padding-bottom:45px}.portfolio-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;border-top:1px solid var(--line);padding-top:25px}.portfolio-list-heading h2{font-size:24px;margin:0}.portfolio-list-heading>span{font-size:13px;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-card{min-width:0;display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 12px 40px #071d4908;transition:transform .25s,border-color .25s;scroll-margin-top:110px}.portfolio-card:hover{transform:translateY(-4px);border-color:var(--accent)}.portfolio-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.portfolio-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--accent);flex-shrink:0}.portfolio-icon svg{width:28px;height:28px}.portfolio-index{font-size:11px;letter-spacing:.12em;color:var(--muted)}.portfolio-category{font-size:12px;color:var(--accent);margin:0 0 10px}.portfolio-card h3{font-size:24px;letter-spacing:-.035em;margin:0 0 14px;text-align:start}.portfolio-summary{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 22px}.portfolio-card ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:12px;font-size:13px}.portfolio-card li{display:flex;align-items:center;gap:10px}.portfolio-card li>span{color:#00a89d}.portfolio-card-footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:18px}.portfolio-card .project-completion{margin:0}.portfolio-details{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:var(--accent);font-size:13px;font-weight:700;text-decoration:none}.portfolio-details svg{width:18px}.portfolio-cta{display:flex;align-items:center;gap:24px;background:var(--panel);border:1px solid var(--line);border-inline-start:4px solid #00bcb3;border-radius:22px;padding:30px}.portfolio-cta>svg{width:35px;height:35px;color:var(--accent);flex-shrink:0}.portfolio-cta h2{font-size:24px;line-height:1.6;margin:0 0 8px}.portfolio-cta p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.portfolio-cta>a{display:inline-flex;align-items:center;gap:16px;background:var(--accent);color:var(--accent-text);padding:12px 18px;min-height:48px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:700;margin-inline-start:auto;white-space:nowrap}.portfolio-cta>a svg{width:18px}.portfolio-page :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.portfolio-detail{padding-top:40px;max-width:1100px;padding-bottom:30px}.portfolio-back{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);font-size:13px;text-decoration:none}.portfolio-detail-heading{padding:35px 0 45px;max-width:800px}.portfolio-detail-heading h1{font-size:clamp(36px,6vw,66px);letter-spacing:-.04em;margin:12px 0;text-align:start}.portfolio-detail-heading>p:not(.portfolio-kicker){font-size:19px;line-height:1.9;color:var(--muted)}.portfolio-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:40px}.portfolio-feature-grid article{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.portfolio-feature-grid svg{color:var(--accent)}.portfolio-feature-grid h2{font-size:19px;line-height:1.7;margin-bottom:0}@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-intro{gap:35px}.portfolio-cta{flex-wrap:wrap}.portfolio-cta>a{margin-inline-start:0}}@media(max-width:700px){.portfolio-intro{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:40px}.portfolio-mark{min-height:160px}.portfolio-mark>svg{width:42px;height:42px}.portfolio-feature-grid,.portfolio-grid{grid-template-columns:1fr}.portfolio-card{padding:25px}.portfolio-list-heading{align-items:start;flex-direction:column;gap:8px}.portfolio-cta{padding:24px;gap:16px}.portfolio-cta>a{width:100%;justify-content:center}.portfolio-cta h2{font-size:21px}.portfolio-detail-heading>p:not(.portfolio-kicker){font-size:16px}.portfolio-page{padding-bottom:35px}}@media(prefers-reduced-motion:reduce){.portfolio-card{transition:none}.portfolio-card:hover{transform:none}}.portfolio-sales{margin-bottom:40px}.portfolio-sales-intro{max-width:800px;margin-bottom:28px}.portfolio-sales-intro h2{font-size:clamp(25px,3vw,36px);line-height:1.6;margin:12px 0}.portfolio-sales-intro>p:last-child{font-size:16px;line-height:1.9;color:var(--muted)}.portfolio-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.portfolio-benefits article{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.portfolio-benefits article>span{font-size:13px;letter-spacing:.12em;color:var(--accent)}.portfolio-benefits p{font-size:15px;line-height:1.9;margin:16px 0 0}.portfolio-audience{display:flex;gap:20px;align-items:start;border-inline-start:3px solid #00bcb3;padding:25px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));border-radius:14px}.portfolio-audience>svg{flex-shrink:0;color:var(--accent);margin-top:6px}.portfolio-audience h2{font-size:20px;margin:0 0 10px}.portfolio-audience p{color:var(--muted);font-size:15px;line-height:1.9;margin:0}@media(max-width:700px){.portfolio-benefits{grid-template-columns:1fr}.portfolio-benefits article{padding:23px}.portfolio-audience{padding:22px;gap:12px}}