.portfolio-preview{background:linear-gradient(#f5f7fb 0%,#fafcff 42%,#f2f4f8 100%);padding:104px 0 96px;position:relative;overflow:hidden}.portfolio-preview__ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.portfolio-preview__radial{background:radial-gradient(50% 42% at 78% 18%,#fcc1071a 0%,#0000 55%),radial-gradient(68% 50% at 42% 28%,#0e59cc24 0%,#0e59cc0d 38%,#0000 72%);position:absolute;inset:-18% -8% 10%}.portfolio-preview__inner,.portfolio-preview>.container{z-index:1;position:relative}.portfolio-preview .section-header{text-align:center;max-width:640px;margin-left:auto;margin-right:auto}.portfolio-preview .section-label{color:var(--brand-gold-dark,#d9a506)}.portfolio-preview.gk-portfolio{padding:96px 0}.portfolio-preview.gk-portfolio .portfolio-preview__grid{margin-bottom:0}.portfolio-preview__grid{grid-template-columns:repeat(4,1fr);gap:22px;margin:48px 0 40px;display:grid}.dg-portfolio-preview .portfolio-preview__grid{flex-wrap:wrap;justify-content:center;display:flex}.dg-portfolio-preview .portfolio-card{flex:0 calc(25% - 16.5px);max-width:320px;transition:border-color .35s,transform .7s cubic-bezier(.22,1,.36,1),box-shadow .35s}.portfolio-preview__actions{text-align:center}.portfolio-preview__cta{border-radius:100px;min-width:240px;box-shadow:0 10px 28px #0e59cc2e}.portfolio-card{-webkit-backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #d4dff0e6;border-radius:18px;flex-direction:column;transition:border-color .35s,transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #1a2f540f}.portfolio-card:hover{border-color:#fcc10773;transform:translateY(-6px);box-shadow:0 18px 40px #1a2f541f}.portfolio-card__link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.portfolio-card__link:focus-visible{outline-offset:-3px;outline:3px solid #0e59cc59}.portfolio-card__media{aspect-ratio:4/3;background:linear-gradient(145deg,#e8eef8 0%,#f5f7fb 100%);position:relative;overflow:hidden}.portfolio-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);display:block}.portfolio-card__media img[src*=icon],.portfolio-card__media img[src*=-icon],.portfolio-card__media img[src*=logo]{object-fit:contain;background:linear-gradient(145deg,#eef3fa 0%,#f8fafc 100%);padding:18%}.portfolio-card__media--site-preview{aspect-ratio:16/9}.portfolio-card__site-preview{color:#f3f1ee;isolation:isolate;background:#24221f;position:absolute;inset:0;overflow:hidden}.portfolio-card__media .portfolio-card__site-preview-bg{z-index:-2;object-fit:cover;object-position:center 54%;background:0 0;width:100%;height:100%;padding:0;position:absolute;inset:0}.portfolio-card__site-preview-shade{z-index:-1;background:linear-gradient(90deg,#12121199,#1212110f 85%),linear-gradient(#0000 22%,#0f0f0e94);position:absolute;inset:0}.portfolio-card__site-preview-top{background:#14141229;align-items:center;gap:12px;min-height:27px;padding:8px 10px;display:flex}.portfolio-card__site-brand{font-family:var(--font-serif);white-space:nowrap;flex:none;gap:2px;font-size:.48rem;line-height:1;display:grid}.portfolio-card__site-brand small{color:#f3f1eead;font-family:var(--font-body);letter-spacing:.11em;font-size:.25rem}.portfolio-card__site-preview-top nav{color:#f3f1eed6;letter-spacing:.1em;white-space:nowrap;flex:1;justify-content:center;gap:8px;font-size:.27rem;font-weight:600;display:flex}.portfolio-card__site-offer{color:#f3f1eee6;letter-spacing:.08em;white-space:nowrap;border:1px solid #f3f1ee8c;flex:none;padding:4px 6px;font-size:.25rem}.portfolio-card__site-copy{text-shadow:0 1px 8px #00000059;width:58%;position:absolute;bottom:10%;left:9%}.portfolio-card__site-wordmark{font-family:var(--font-serif);margin:0 0 2px;font-size:1.08rem;line-height:1}.portfolio-card__site-caption{color:#c5a46b;letter-spacing:.16em;font-size:.25rem}.portfolio-card__site-copy h2{font-family:var(--font-serif);margin:13px 0 5px;font-size:.88rem;font-weight:400;line-height:1.15}.portfolio-card__site-description{color:#f3f1eed6;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.32rem;line-height:1.55;display:-webkit-box;overflow:hidden}.portfolio-card__site-actions{letter-spacing:.1em;gap:6px;margin-top:7px;font-size:.25rem;font-weight:600;display:flex}.portfolio-card__site-actions span{border:1px solid #f3f1ee8c;padding:5px 7px}.portfolio-card__site-actions span:first-child{background:#94764c;border-color:#94764c}.portfolio-card__media--site-preview .portfolio-card__tag{padding:4px 7px;font-size:.45rem;inset:auto 8px 8px auto}.portfolio-card:hover .portfolio-card__media img{transform:scale(1.06)}.portfolio-card__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-navy,#1a2f54);-webkit-backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #d4dff0f2;border-radius:100px;align-items:center;gap:7px;padding:7px 12px 7px 10px;font-size:.625rem;font-weight:600;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 4px 14px #1a2f5414}.portfolio-card__tag:before{content:"";background:var(--brand-gold,#fcc107);border-radius:50%;flex-shrink:0;width:6px;height:6px}.portfolio-card__body{flex-direction:column;flex:1;padding:20px 18px 22px;display:flex}.portfolio-card__title{font-family:var(--font-serif);color:var(--brand-navy,#1a2f54);letter-spacing:.01em;margin-bottom:8px;font-size:1.0625rem;font-weight:600;line-height:1.35}.portfolio-card__desc{color:var(--gray-mid);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:.8125rem;line-height:1.6;display:-webkit-box;overflow:hidden}.portfolio-card__meta{color:var(--brand-blue);letter-spacing:.02em;margin-top:auto;font-size:.75rem;font-weight:500}.portfolio-card__read-more{color:var(--brand-navy,#1a2f54);letter-spacing:.04em;margin-top:14px;font-size:.75rem;font-weight:600;display:inline-flex}.portfolio-card__link:hover .portfolio-card__read-more{color:var(--brand-blue)}.portfolio-card--compact .portfolio-card__body{padding:18px 16px 20px}.portfolio-page{background:linear-gradient(#f5f7fb 0%,#fafcff 40%,#f2f4f8 100%);min-height:70vh;padding-top:0}.portfolio-hero{padding:calc(var(--header-h) + 40px) 0 88px;position:relative;overflow:hidden}.portfolio-hero:before{content:"";pointer-events:none;background:radial-gradient(55% 45% at 72% 28%,#fcc1071c 0%,#0000 55%),radial-gradient(70% 52% at 48% 30%,#0e59cc29 0%,#0e59cc0f 34%,#0000 72%);position:absolute;inset:-10% -5% 40%}.portfolio-hero .container{z-index:1;position:relative}.portfolio-hero__back{color:var(--brand-blue);transition:color var(--transition);align-items:center;gap:6px;margin-bottom:28px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.portfolio-hero__back:hover{color:var(--brand-navy,#1a2f54)}.portfolio-hero .section-header{text-align:center;max-width:680px;margin:0 auto 36px}.portfolio-hero .section-label{color:var(--brand-gold-dark,#d9a506)}.portfolio-hero .section-title{letter-spacing:.04em;font-size:clamp(2rem,4.5vw,3rem)}.portfolio-filter{flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:0 auto 44px;display:flex}.portfolio-filter__btn{letter-spacing:.06em;text-transform:uppercase;color:var(--gray-mid);cursor:pointer;background:#ffffffe0;border:1px solid #d4dff0f2;border-radius:100px;padding:10px 18px;font-size:.75rem;font-weight:600;transition:color .3s,border-color .3s,background-color .3s,box-shadow .3s;box-shadow:0 4px 12px #1a2f540a}.portfolio-filter__btn:hover{color:var(--brand-navy,#1a2f54);border-color:#fcc1078c}.portfolio-filter__btn.is-active{color:#fff;background:var(--brand-navy,#1a2f54);border-color:var(--brand-navy,#1a2f54);box-shadow:0 8px 20px #1a2f5433}.portfolio-page__grid{grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:24px;display:grid}.portfolio-page__empty{text-align:center;color:var(--gray-mid);background:#ffffffb3;border:1px dashed #d4dff0f2;border-radius:18px;grid-column:1/-1;padding:56px 28px}@media (width<=1100px){.portfolio-preview__grid{grid-template-columns:repeat(2,1fr)}.dg-portfolio-preview .portfolio-card{flex-basis:calc(50% - 11px)}.portfolio-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.portfolio-preview{padding:72px 0}.portfolio-preview__grid,.portfolio-page__grid{grid-template-columns:1fr;gap:16px;margin-top:36px}.dg-portfolio-preview .portfolio-card{flex-basis:100%;max-width:420px}.portfolio-hero{padding:calc(var(--header-h) + 24px) 0 64px}.portfolio-filter__btn{padding:8px 12px;font-size:.6875rem}}