.work-grid--featured{grid-template-columns:1fr;gap:clamp(22px,3.5vw,32px);align-items:stretch}@media(min-width:768px){.work-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,3vw,40px)}}.project-card{display:flex;flex-direction:column;height:100%;min-height:100%;border-radius:22px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s ease}.project-card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--cyan)}.project-card__shot{aspect-ratio:16 / 10;flex-shrink:0}.project-card__shot img{transition:transform .75s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-card__shot img{transform:scale(1.06)}.project-card .project-body{display:flex;flex-direction:column;grid-template-columns:unset}.project-card__body{flex:1;align-items:stretch;padding:clamp(20px,2.4vw,28px) clamp(20px,2.6vw,30px) clamp(22px,2.8vw,32px);gap:0}.project-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.project-card__top .industry{flex:1;min-width:0}.project-card__top .go,.project-card__top .soon{grid-row:auto;flex-shrink:0}.project-card__go{transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .2s,background .2s}.project-card:hover .project-card__go{transform:translate(3px,-3px);border-color:var(--cyan);background:var(--accent-fill-12)}.project-card h3{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.08;letter-spacing:-.035em}.project-card__desc{margin:12px 0 0;font-size:clamp(15px,1.35vw,17px);line-height:1.55;color:var(--soft);text-wrap:pretty;flex:1}.project-card__cta{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(18px,2.2vw,24px);font:800 15px/1 var(--display);letter-spacing:-.02em;color:var(--cyan);text-transform:uppercase}.project-card__cta-arrow{display:inline-block;transition:transform .28s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-card__cta-arrow{transform:translate(5px)}.section.portfolio-page{padding-top:clamp(40px,5vw,64px)}.portfolio-page .stack{gap:clamp(36px,5vw,56px)}.portfolio-page .case{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,56px);padding:clamp(24px,3.5vw,44px);border-radius:28px;min-width:0;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s ease}.portfolio-page .case:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--cyan);border-color:var(--cyan)}.portfolio-page .gallery{min-width:0;max-width:100%}.portfolio-page .gallery-frame{position:relative;aspect-ratio:16 / 11;border-radius:18px;overflow:hidden;isolation:isolate;contain:layout paint;background:var(--shot-bg)}.portfolio-page .gallery-media{position:relative;width:100%;height:100%;overflow:hidden;transition:transform .75s cubic-bezier(.22,1,.36,1)}.portfolio-page .case:hover .gallery-media{transform:scale(1.03)}.portfolio-page .gallery-frame img{width:100%;height:100%;object-fit:cover;object-position:var(--preview-focus, 50% 0%);display:block;transition:opacity .25s}.portfolio-page .gal-btn{top:auto;bottom:14px;transform:none}.portfolio-page .gal-btn:hover{transform:scale(1.06)}.portfolio-page .gal-prev{left:14px}.portfolio-page .gal-next{right:14px}.portfolio-page .case-copy{display:flex;flex-direction:column;min-width:0}.portfolio-page .case-lead{margin:16px 0 0;font-size:clamp(16px,1.5vw,18px);line-height:1.55;text-wrap:pretty}.portfolio-page .case-actions{margin-top:clamp(22px,2.5vw,28px)}.portfolio-page .case-cta.btn-line{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;margin:0}.portfolio-page .case-cta--soon{margin:0;display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:14px 18px;border:1.5px dashed var(--accent-fill-45);border-radius:12px;color:var(--chip-text);font:500 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;text-wrap:balance}.portfolio-page .case h2{font-size:clamp(32px,4vw,52px)}@media(max-width:767px){.portfolio-page .case{grid-template-columns:1fr;padding:clamp(18px,4vw,24px)}.portfolio-page .gallery-frame{aspect-ratio:16 / 10}.project-card__body{padding:20px 18px 22px}.project-card h3{font-size:clamp(20px,5.5vw,24px)}.project-card__desc{font-size:clamp(15px,4vw,17px)}}@media(prefers-reduced-motion:reduce){.project-card,.project-card__shot img,.project-card__go,.project-card__cta-arrow,.portfolio-page .case,.portfolio-page .gallery-media{transition:none!important}.project-card:hover,.portfolio-page .case:hover,.project-card:hover .project-card__shot img,.portfolio-page .case:hover .gallery-media,.portfolio-page .gal-btn:hover,.project-card:hover .project-card__go,.project-card:hover .project-card__cta-arrow{transform:none}}