.portfolio-page{width:100%;margin:0 auto;padding:60px 0 100px;box-sizing:border-box}.portfolio-hero{width:100%;max-width:100%;margin-bottom:60px;box-sizing:border-box}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%, 360px),1fr));gap:32px;width:100%;box-sizing:border-box}.portfolio-card{min-width:0;box-sizing:border-box}.portfolio-card__image{width:100%;overflow:hidden}.portfolio-card__image img{width:100%;height:auto;display:block;object-fit:cover}.portfolio-hero{max-width:920px;padding-bottom:100px}.portfolio-hero__eyebrow{margin:0 0 20px;color:var(--q-accent);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.portfolio-hero__title{margin:0;color:var(--q-text);font-size:clamp(52px, 8vw, 112px);font-weight:600;line-height:.95;letter-spacing:-.055em}.portfolio-hero__description{max-width:680px;margin:32px 0 0;color:var(--q-text-muted);font-size:18px;line-height:1.7}.portfolio-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.portfolio-section-heading__eyebrow{margin:0 0 16px;color:var(--q-accent);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.portfolio-section-heading h2{margin:0;color:var(--q-text);font-size:clamp(30px, 4vw, 48px);font-weight:500;line-height:1.05;letter-spacing:-.035em}.portfolio-projects{padding:80px 0;border-top:1px solid rgb(128 128 128 / .35)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}.portfolio-card{min-width:0}.portfolio-card__link{display:block;color:inherit;text-decoration:none}.portfolio-card__media{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--q-surface-alt)}.portfolio-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform 450ms ease}.portfolio-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--q-surface-alt)}.portfolio-card__placeholder span{color:var(--q-text-muted);font-size:clamp(48px, 7vw, 90px);font-weight:600;line-height:1;letter-spacing:-.06em}.portfolio-card__arrow{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgb(255 255 255 / .35);background:rgb(0 0 0 / .45);color:#fff;font-size:18px;line-height:1;opacity:0;transform:translateY(6px);transition:opacity 250ms ease,transform 250ms ease}.portfolio-card__content{padding-top:20px}.portfolio-card__meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;color:var(--q-text-muted);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.portfolio-card__title{margin:0;color:var(--q-text);font-size:22px;font-weight:500;line-height:1.2;letter-spacing:-.025em;transition:color 200ms ease}.portfolio-card__excerpt{margin:12px 0 0;color:var(--q-text-muted);font-size:14px;line-height:1.65}.portfolio-card__categories{margin-top:18px;color:var(--q-text-muted);font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}.portfolio-card__link:hover .portfolio-card__image{transform:scale(1.035)}.portfolio-card__link:hover .portfolio-card__arrow{opacity:1;transform:translateY(0)}.portfolio-card__link:hover .portfolio-card__title{color:var(--q-accent)}.portfolio-empty{padding:100px 0;border-top:1px solid rgb(128 128 128 / .25);border-bottom:1px solid rgb(128 128 128 / .25)}.portfolio-empty__number{margin:0 0 24px;color:var(--q-text-muted);font-size:72px;font-weight:600;line-height:1;letter-spacing:-.06em}.portfolio-empty h2{margin:0;color:var(--q-text);font-size:36px;font-weight:500;line-height:1.1;letter-spacing:-.03em}.portfolio-empty p:last-child{max-width:500px;margin:20px 0 0;color:var(--q-text-muted);font-size:16px;line-height:1.7}.portfolio-focus{padding:80px 0;border-top:1px solid rgb(128 128 128 / .35)}.portfolio-focus__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgb(128 128 128 / .25);border-left:1px solid rgb(128 128 128 / .25)}.portfolio-focus__item{min-height:250px;padding:28px;border-right:1px solid rgb(128 128 128 / .25);border-bottom:1px solid rgb(128 128 128 / .25);box-sizing:border-box}.portfolio-focus__item>span{display:block;margin-bottom:56px;color:var(--q-accent);font-size:11px;font-weight:600;letter-spacing:.1em}.portfolio-focus__item h3{margin:0;color:var(--q-text);font-size:20px;font-weight:500;line-height:1.2}.portfolio-focus__item p{margin:14px 0 0;color:var(--q-text-muted);font-size:13px;line-height:1.65}.portfolio-cta{padding:100px 0 20px;text-align:center}.portfolio-cta__eyebrow{margin:0 0 18px;color:var(--q-accent);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.portfolio-cta h2{max-width:760px;margin:0 auto;color:var(--q-text);font-size:clamp(36px, 5vw, 64px);font-weight:500;line-height:1;letter-spacing:-.045em}.portfolio-cta>p:not(.portfolio-cta__eyebrow){max-width:520px;margin:24px auto 32px;color:var(--q-text-muted);font-size:16px;line-height:1.7}.portfolio-cta .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--q-accent);background:var(--q-accent);color:#000;font-family:inherit;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease}.portfolio-cta .button:hover{border-color:var(--q-accent);background:#fff0;color:var(--q-accent)}@media (max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-focus__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.portfolio-page{padding:64px 0 80px}.portfolio-hero{padding-bottom:64px}.portfolio-hero__title{font-size:clamp(48px, 14vw, 76px)}.portfolio-hero__description{margin-top:24px;font-size:16px;line-height:1.65}.portfolio-projects,.portfolio-focus{padding:60px 0}.portfolio-grid{grid-template-columns:1fr;gap:42px}.portfolio-section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:36px}.portfolio-focus__grid{grid-template-columns:1fr}.portfolio-focus__item{min-height:auto}.portfolio-focus__item>span{margin-bottom:40px}.portfolio-cta{padding-top:72px}}@media (max-width:480px){.portfolio-page{padding:52px 0 64px}.portfolio-hero{padding-bottom:52px}.portfolio-hero__title{font-size:48px}.portfolio-card__title{font-size:20px}.portfolio-focus__item{padding:24px}.portfolio-empty{padding:72px 0}.portfolio-empty__number{font-size:60px}}@media (prefers-reduced-motion:reduce){.portfolio-card__image,.portfolio-card__arrow,.portfolio-card__title,.portfolio-cta .button{transition:none}}