.portfolio-module__XbO6Ca__page{padding-top:96px;padding-bottom:130px}.portfolio-module__XbO6Ca__head{max-width:860px;margin-bottom:80px}.portfolio-module__XbO6Ca__title{letter-spacing:-.02em;margin:30px 0 26px;font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:560;line-height:1.06}.portfolio-module__XbO6Ca__title em{color:var(--pine);font-style:italic;font-weight:480}.portfolio-module__XbO6Ca__intro{color:var(--ink-soft);max-width:620px;font-size:1rem;line-height:1.8}.portfolio-module__XbO6Ca__caseGrid{grid-template-columns:1fr;gap:56px 40px;display:grid}@media (min-width:820px){.portfolio-module__XbO6Ca__caseGrid{grid-template-columns:repeat(2,1fr)}}.portfolio-module__XbO6Ca__caseCard{color:inherit;display:block}.portfolio-module__XbO6Ca__caseCard:hover{color:inherit}.portfolio-module__XbO6Ca__caseMedia{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-dim);margin-bottom:22px;overflow:hidden}.portfolio-module__XbO6Ca__caseImage{object-fit:cover;filter:grayscale(.85)contrast(.96);width:100%;height:100%;transition:filter .5s,transform .6s cubic-bezier(.22,1,.36,1);transform:scale(1.01)}.portfolio-module__XbO6Ca__caseCard:hover .portfolio-module__XbO6Ca__caseImage{filter:grayscale(0);transform:scale(1.045)}.portfolio-module__XbO6Ca__casePlaceholder{width:100%;height:100%;font-family:var(--font-display);color:var(--ink-faint);justify-content:center;align-items:center;font-size:4rem;font-weight:300;display:flex}.portfolio-module__XbO6Ca__caseMeta{border-top:1px solid var(--line-strong);flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:12px;padding-top:14px;display:flex}.portfolio-module__XbO6Ca__caseIndex{font-family:var(--font-mono);letter-spacing:.24em;color:var(--pine);font-size:.66rem}.portfolio-module__XbO6Ca__caseClient{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-size:.66rem}.portfolio-module__XbO6Ca__caseRole{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-faint);margin-left:auto;font-size:.64rem}.portfolio-module__XbO6Ca__caseTitle{margin-bottom:10px;font-size:1.55rem;font-weight:560;line-height:1.25;transition:color .25s}.portfolio-module__XbO6Ca__caseCard:hover .portfolio-module__XbO6Ca__caseTitle{color:var(--pine)}.portfolio-module__XbO6Ca__caseDesc{color:var(--ink-soft);max-width:52ch;font-size:.94rem;line-height:1.7}.portfolio-module__XbO6Ca__caseAction{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--line-strong);align-items:center;gap:8px;margin-top:18px;padding-bottom:3px;font-size:.7rem;display:inline-flex}.portfolio-module__XbO6Ca__caseCard:hover .portfolio-module__XbO6Ca__caseAction{color:var(--pine);border-color:var(--pine)}.portfolio-module__XbO6Ca__stateBox{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-raised);text-align:center;color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.14em;padding:90px 40px;font-size:.78rem}.portfolio-module__XbO6Ca__stateSerif{font-family:var(--font-display);letter-spacing:0;color:var(--ink);margin-bottom:12px;font-size:1.5rem;font-weight:520}.portfolio-module__XbO6Ca__stateSpinner{border:1px solid var(--line);border-top-color:var(--pine);border-radius:50%;width:34px;height:34px;margin:0 auto 20px;animation:.9s linear infinite portfolio-module__XbO6Ca__stateSpin;display:block}@keyframes portfolio-module__XbO6Ca__stateSpin{to{transform:rotate(360deg)}}