.experience-page .experience-main{max-width:1240px;padding-bottom:72px}.experience-page .experience-hero{max-width:850px;margin:30px auto 56px;text-align:center}.experience-hero h1,.portfolio-detail-heading h1{font-size:clamp(34px,4.2vw,58px);line-height:1.08;letter-spacing:-2px}.experience-hero p{max-width:660px;margin:22px auto 0;font-size:17px;line-height:1.8;color:#63718a}.portfolio-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e6e9f1;padding-bottom:24px}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap}.portfolio-filters button{border:0;border-radius:99px;background:transparent;color:#66748a;padding:10px 16px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}.portfolio-filters button[aria-pressed=true]{background:#e9f4ff;color:#0076ee}.portfolio-search input{width:220px;border:1px solid #e1e7ef;border-radius:99px;padding:11px 16px;background:#fff;font:inherit;font-size:13px}.portfolio-count{font-size:12px;color:#69788f;margin:18px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.portfolio-card{overflow:hidden;border-radius:20px;border:1px solid #e1e7ef;background:#fff;transition:transform .2s,box-shadow .2s}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #2137540d}.portfolio-cover{display:block;aspect-ratio:4/3;position:relative;background:#f5f5fb;overflow:hidden}.portfolio-cover img{width:100%;height:100%;object-fit:contain;padding:16px}.portfolio-open{position:absolute;right:14px;bottom:14px;background:#ffffffbb;backdrop-filter:blur(12px);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#007cff}.portfolio-featured,.portfolio-example{background:#f2eeff;color:#625493;border-radius:99px;padding:7px 12px;font-size:11px}.portfolio-featured{position:absolute;top:14px;left:14px}.portfolio-card-copy{padding:23px}.portfolio-card-copy small,.portfolio-story small{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#007af0;text-transform:uppercase}.portfolio-card h2{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:12px 0}.portfolio-card h2 a{color:inherit;text-decoration:none}.portfolio-card p{font-size:13px;line-height:1.8;color:#66748a;margin:0 0 18px}.portfolio-case-link{display:block;color:#007af0;text-decoration:none;font-size:13px;font-weight:600;margin-top:18px}.portfolio-discuss{margin-top:70px;padding:36px 40px;background:linear-gradient(120deg,#f2eeff,#eaf6ff);border:1px solid #e9e6f7;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.portfolio-discuss>div{max-width:650px}.portfolio-discuss h2{font-size:28px;letter-spacing:-.7px;margin:12px 0}.portfolio-discuss p{color:#66748a;font-size:14px;line-height:1.8;margin:0}.portfolio-discuss button{flex-shrink:0}.portfolio-empty{grid-column:1/-1;padding:65px 24px;text-align:center;background:#f7f9fc;border-radius:20px}.portfolio-back{display:inline-block;color:#64758d;font-size:13px;margin:16px 0 30px;text-decoration:none}.portfolio-detail-heading{max-width:820px;margin-bottom:40px}.portfolio-detail-heading h1{margin:18px 0}.portfolio-detail-heading p{font-size:17px;color:#64748b;line-height:1.8;margin-bottom:24px}.portfolio-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}.portfolio-artwork figure{margin:0 0 24px}.portfolio-artwork button{display:block;width:100%;border:1px solid #e3e8f1;border-radius:18px;overflow:hidden;background:#f7f7fc;cursor:zoom-in;padding:16px}.portfolio-artwork img{width:100%;max-height:660px;object-fit:contain;display:block}.portfolio-artwork figcaption{font-size:13px;color:#66748a;padding:12px 4px}.portfolio-story{position:sticky;top:110px}.portfolio-story section{padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid #e3e8ef}.portfolio-story h2{font-size:20px;margin:12px 0}.portfolio-story p,.portfolio-story li{font-size:14px;line-height:1.85;color:#64748b;white-space:pre-line}.portfolio-story ul{padding-left:20px}.portfolio-story .button{margin-top:12px}#experience-lightbox{width:min(1000px,95vw);max-height:94dvh;padding:50px 20px 18px;border:0;border-radius:20px;background:#fff}#experience-lightbox::backdrop{background:#172139c9;backdrop-filter:blur(8px)}#experience-lightbox img{width:100%;height:72dvh;object-fit:contain}#experience-lightbox button{position:absolute;border:0;background:#edf3fa;border-radius:50%;width:36px;height:36px;cursor:pointer}#experience-lightbox [data-lightbox-close]{right:16px;top:12px}#experience-lightbox [data-lightbox-prev]{left:16px;top:12px}#experience-lightbox [data-lightbox-next]{left:60px;top:12px}#portfolio-image-caption{font-size:12px;color:#66748a;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:26px}.portfolio-discuss{padding:28px}}@media(max-width:650px){.experience-page .experience-main{padding:100px 0 48px}.experience-page .experience-hero{margin:30px auto 36px}.experience-hero h1,.portfolio-detail-heading h1{letter-spacing:-1px}.experience-hero p,.portfolio-detail-heading p{font-size:15px}.portfolio-controls{display:block}.portfolio-search input{width:100%;margin-top:20px}.portfolio-filters{gap:4px}.portfolio-filters button{padding:9px 11px;font-size:12px}.portfolio-grid{grid-template-columns:1fr;gap:22px}.portfolio-card-copy{padding:22px}.portfolio-discuss{margin-top:40px;display:block;padding:27px}.portfolio-discuss h2{font-size:25px}.portfolio-discuss button{margin-top:22px}.portfolio-detail-layout{display:flex;flex-direction:column;gap:18px}.portfolio-story{position:static;width:100%}.portfolio-artwork{width:100%}.portfolio-story section{padding:24px;border:1px solid #e3e8ef;border-radius:18px}.portfolio-detail-heading{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.portfolio-card{transition:none}}