.wd-portfolio{--wd-accent:#dd3016;--wd-cta:#dd3016;--wd-cta-hover:#b4220a;--wd-ink:#2a2a2a;--wd-gray:#454545;--wd-muted:#6b6b6b;--wd-faint:#8a8a8a;--wd-soft:#f6f6f6;--wd-active:#f3f3f3;--wd-line:#ececec;--wd-radius:32px;--wd-radius-sm:16px;--wd-bg:#ffffff;--wd-panel-bg:rgba(255, 255, 255, 0.95);--wd-panel-bg-mobile:#ffffff;--wd-panel-blur:8px;--wd-fade-length:96px;--wd-fade-solid:40%;--wd-panel-border:var(--wd-line);--wd-panel-title:var(--wd-ink);--wd-panel-text:var(--wd-muted);--wd-pill-size:9.5px;--wd-pill-bg:#f1f1f1;--wd-pill-text:var(--wd-ink);color:var(--wd-gray);background:#fff0;padding:88px 0;position:relative;overflow:hidden}.wd-portfolio *,.wd-portfolio *::before,.wd-portfolio *::after{box-sizing:border-box}.wd-portfolio__inner{max-width:1280px;margin:0 auto;padding:0 24px;position:relative}.wd-portfolio__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 32px;margin-bottom:48px}.wd-portfolio__head-text{max-width:672px}.wd-portfolio__eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wd-accent);margin:0}.wd-portfolio__title{font-size:clamp(30px, 3.4vw, 48px);line-height:1.05;font-weight:700;letter-spacing:-.032em;color:var(--wd-ink);text-wrap:balance;margin:12px 0 0}.wd-portfolio__title em{font-style:normal;color:var(--wd-accent)}.wd-portfolio__intro{font-size:18px;line-height:1.65;color:var(--wd-muted);text-wrap:pretty;margin:16px 0 0}.wd-portfolio__cta{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid rgb(69 69 69 / .18);border-radius:999px;background:#fff0;color:var(--wd-gray);font-weight:700;font-size:14px;line-height:1.4;text-decoration:none;white-space:nowrap;transition:border-color 0.2s ease,color 0.2s ease}.wd-portfolio__cta:hover,.wd-portfolio__cta:focus-visible{border-color:var(--wd-gray);color:var(--wd-ink)}.wd-portfolio__cta svg{transition:transform 0.2s ease}.wd-portfolio__cta:hover svg{transform:translateX(3px)}@media (max-width:767px){.wd-portfolio__head{flex-direction:column;align-items:flex-start}.wd-portfolio__intro{font-size:16px}}.wd-portfolio__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start}@media (max-width:1023px){.wd-portfolio__layout{grid-template-columns:minmax(0,1fr);gap:24px}}.wd-portfolio__preview{display:flex;flex-direction:column;gap:20px;min-width:0}.wd-portfolio__stage{position:relative;aspect-ratio:16 / 10;border-radius:var(--wd-radius);overflow:hidden;background:var(--wd-soft);border:1px solid var(--wd-line)}.wd-portfolio__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0s linear 0.5s}.wd-portfolio__slide.is-active{opacity:1;visibility:visible;transition:opacity 0.5s ease,visibility 0s}.wd-portfolio__slide-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--wd-c1,#f6f6f6) 0%,var(--wd-c2,#ffffff) 100%)}.wd-portfolio__slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.wd-portfolio__slide-info{position:absolute;inset:auto 0 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;padding:24px;background:var(--wd-panel-bg);-webkit-backdrop-filter:blur(var(--wd-panel-blur));backdrop-filter:blur(var(--wd-panel-blur));border-top:1px solid var(--wd-panel-border);color:var(--wd-panel-title)}.wd-portfolio--panel-gradient .wd-portfolio__slide-info{padding-top:var(--wd-fade-length);background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:0;isolation:isolate}.wd-portfolio--panel-gradient .wd-portfolio__slide-info::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--wd-panel-bg);-webkit-backdrop-filter:blur(var(--wd-panel-blur));backdrop-filter:blur(var(--wd-panel-blur));-webkit-mask-image:linear-gradient(to top,#000 var(--wd-fade-solid),rgb(0 0 0 / .6) calc(var(--wd-fade-solid) + (100% - var(--wd-fade-solid)) * 0.35),rgb(0 0 0 / .15) calc(var(--wd-fade-solid) + (100% - var(--wd-fade-solid)) * 0.75),transparent);mask-image:linear-gradient(to top,#000 var(--wd-fade-solid),rgb(0 0 0 / .6) calc(var(--wd-fade-solid) + (100% - var(--wd-fade-solid)) * 0.35),rgb(0 0 0 / .15) calc(var(--wd-fade-solid) + (100% - var(--wd-fade-solid)) * 0.75),transparent);pointer-events:none}@media (min-width:1024px){.wd-portfolio__slide-info{padding:32px}}.wd-portfolio__slide-text{min-width:0}.wd-portfolio__index{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--wd-panel-text);opacity:.8;margin-bottom:8px;font-variant-numeric:tabular-nums}.wd-portfolio__slide-title{font-size:clamp(22px, 2.2vw, 30px);line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--wd-panel-title)}.wd-portfolio__slide-desc{font-size:15px;line-height:1.65;margin:8px 0 0;color:var(--wd-panel-text);max-width:448px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wd-portfolio__tags{list-style:none;padding:0;margin:12px 0 0;display:flex;gap:5px;flex-wrap:wrap}.wd-portfolio__tags li{font-size:var(--wd-pill-size);font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:.3em .8em;border-radius:999px;background:var(--wd-pill-bg);color:var(--wd-pill-text);margin:0}.wd-portfolio__tags li:nth-child(odd){background:var(--wd-accent);color:#fff}.wd-portfolio__btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:var(--wd-cta);color:#fff!important;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;white-space:nowrap;transition:background 0.2s ease,transform 0.2s ease}.wd-portfolio__btn:hover,.wd-portfolio__btn:focus-visible{background:var(--wd-cta-hover);transform:translateY(-1px)}@media (max-width:767px){.wd-portfolio__stage{aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr)}.wd-portfolio__slide{position:relative;grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.wd-portfolio__slide-bg,.wd-portfolio__slide-img{position:relative;inset:auto;grid-area:1 / 1}.wd-portfolio__slide-bg{aspect-ratio:16 / 10}.wd-portfolio__slide-img{height:100%}.wd-portfolio__slide-info{position:relative;inset:auto;grid-row:2;flex-direction:column;align-items:flex-start;padding:20px;-webkit-backdrop-filter:none;backdrop-filter:none}.wd-portfolio__slide-info,.wd-portfolio--panel-gradient .wd-portfolio__slide-info{padding-top:20px;background:var(--wd-panel-bg-mobile);border-top:1px solid var(--wd-panel-border)}.wd-portfolio--panel-gradient .wd-portfolio__slide-info::before{display:none}}.wd-portfolio__controls{display:flex;align-items:center;gap:12px}.wd-portfolio .wd-portfolio__arrow{flex-shrink:0;width:44px;height:44px;padding:0;border-radius:999px;border:1px solid #dcdcdc;background:var(--wd-bg);color:var(--wd-gray);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.wd-portfolio .wd-portfolio__arrow:hover,.wd-portfolio .wd-portfolio__arrow:focus-visible{background:var(--wd-ink);color:#fff;border-color:var(--wd-ink)}.wd-portfolio__progress{flex:1;height:4px;margin-left:12px;border-radius:999px;background:var(--wd-line);overflow:hidden}.wd-portfolio__progress-fill{display:block;height:100%;width:100%;background:var(--wd-accent);transform-origin:left center;transform:scaleX(0)}.wd-portfolio__list{list-style:none;padding:12px;margin:0;background:var(--wd-bg);border:1px solid var(--wd-line);border-radius:var(--wd-radius-sm)}@media (min-width:1024px){.wd-portfolio__list{max-height:560px;overflow-y:auto}}.wd-portfolio__list li{margin:0}.wd-portfolio__list::-webkit-scrollbar{width:8px}.wd-portfolio__list::-webkit-scrollbar-thumb{background:rgb(69 69 69 / .15);border-radius:999px}.wd-portfolio .wd-portfolio__item{width:100%;background:#fff0;border:0;cursor:pointer;padding:12px;border-radius:12px;text-align:left;display:flex;align-items:center;gap:12px;font-family:inherit;color:inherit;transition:background 0.2s ease,color 0.2s ease}.wd-portfolio .wd-portfolio__item:hover,.wd-portfolio .wd-portfolio__item.is-active{background:var(--wd-active)}.wd-portfolio .wd-portfolio__item:focus-visible{outline:2px solid var(--wd-accent);outline-offset:2px}.wd-portfolio .wd-portfolio__item.is-active .wd-portfolio__item-title,.wd-portfolio .wd-portfolio__item.is-active .wd-portfolio__item-num,.wd-portfolio .wd-portfolio__item:hover .wd-portfolio__item-title{color:var(--wd-accent)}.wd-portfolio__item-num{font-family:ui-monospace,"SF Mono",monospace;font-size:11px;color:rgb(69 69 69 / .4);width:24px;flex-shrink:0;font-variant-numeric:tabular-nums;transition:color 0.2s ease}.wd-portfolio__item-body{flex:1;min-width:0}.wd-portfolio__item-title{display:block;font-weight:700;color:var(--wd-gray);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease}.wd-portfolio__item-sub{display:block;font-size:12px;color:rgb(69 69 69 / .5);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wd-portfolio__item-arrow{display:inline-flex;color:rgb(69 69 69 / .3);transition:color 0.2s ease}.wd-portfolio .wd-portfolio__item:hover .wd-portfolio__item-arrow,.wd-portfolio .wd-portfolio__item.is-active .wd-portfolio__item-arrow{color:var(--wd-accent)}@media (prefers-reduced-motion:reduce){.wd-portfolio__slide,.wd-portfolio__slide.is-active{transition:none}.wd-portfolio__progress-fill{transition:none!important}}