.wd-case-brief{gap:var(--space-xl);align-items:start;display:grid}.wd-case-lead{margin-bottom:var(--space-lg);padding-left:var(--space-md);border-left:3px solid #0000;border-image:linear-gradient(180deg, var(--color-primary), var(--color-primary-200)) 1;font-size:var(--fs-300);line-height:var(--lh-normal);color:var(--color-text)}.wd-case-brief-text h3{margin-bottom:var(--space-sm)}.wd-case-goals{gap:var(--space-xs);display:grid}.wd-case-goal{gap:var(--space-xs);padding:var(--space-sm) var(--space-md) var(--space-md);border:1px solid var(--color-primary-100);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--color-primary-50), var(--color-surface) 70%);transition:transform var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);flex-direction:column;display:flex}.wd-case-goal:hover{border-color:var(--color-primary-200);transform:translateY(-2px)}.wd-case-goal-head{align-items:center;gap:var(--space-2xs);display:flex}.wd-case-goal-icon{border-radius:var(--radius-full);background:linear-gradient(145deg, var(--color-primary-light), var(--color-primary-dark));color:#fff;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.wd-case-goal-number{font-size:var(--fs-100);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-dark)}.wd-case-goal-text{font-size:var(--fs-200);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:var(--color-text)}.wd-case-sheet{isolation:isolate;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl);background:linear-gradient(155deg, var(--color-primary-dark), var(--color-primary-darker));box-shadow:var(--shadow-lg);color:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.wd-case-sheet:before{content:"";z-index:-1;aspect-ratio:1;border-radius:var(--radius-full);pointer-events:none;background:radial-gradient(circle,#ffffff24,#0000 70%);width:70%;position:absolute;top:-30%;right:-25%}.wd-case-sheet h3{color:#fff}.wd-case-sheet-list{flex-direction:column;margin:0;display:flex}.wd-case-sheet-list>div{padding-block:var(--space-xs);border-top:1px solid #ffffff24;gap:.2rem;display:grid}.wd-case-sheet-list>div:last-child{padding-bottom:0}.wd-case-sheet-list dt{font-size:var(--fs-100);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-200)}.wd-case-sheet-list dd{font-size:var(--fs-200);font-weight:var(--fw-medium);color:#fff;margin:0}.wd-case-sheet-list a{color:#fff;text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease-standard);-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.wd-case-sheet-list a:hover{-webkit-text-decoration-color:var(--color-primary-200);text-decoration-color:var(--color-primary-200)}.wd-case-sheet-external{align-items:center;gap:.25rem;display:inline-flex}.wd-case-sheet-chips{gap:var(--space-3xs);padding-top:var(--space-3xs);flex-wrap:wrap;display:flex}.wd-case-sheet-chips span{border-radius:var(--radius-full);font-size:var(--fs-100);color:#fff;background:#ffffff14;border:1px solid #ffffff38;padding:.2rem .65rem}.wd-case-facts{gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid #ffffff24;grid-template-columns:1fr 1fr;margin:0;display:grid}.wd-case-facts>div{flex-direction:column-reverse;justify-content:flex-end;gap:.1rem;display:flex}.wd-case-facts dd{font-size:var(--fs-600);font-weight:var(--fw-bold);color:var(--color-primary-200);margin:0;line-height:1.1}.wd-case-facts dt{font-size:var(--fs-100);color:#ffffffb8}@media (min-width:768px){.wd-case-lead{font-size:var(--fs-400)}}@media (min-width:640px){.wd-case-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-case-sheet-list>div{align-items:baseline;gap:var(--space-sm);grid-template-columns:9.5rem minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.wd-case-goal,.wd-case-sheet-list a{transition:none}.wd-case-goal:hover{transform:none}}.wd-case-approach{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid;position:relative}.wd-case-approach-item{position:relative}.wd-case-approach-card{gap:var(--space-2xs);height:100%;padding:var(--space-md);border-radius:var(--radius-lg);color:#fff;background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #ffffff24;flex-direction:column;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f}.wd-case-approach-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #ffffff57}.wd-case-approach-card:hover:after{opacity:1}.wd-case-approach-top{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.wd-case-approach-progress{flex-direction:column;gap:.45rem;padding-top:.35rem;display:flex}.wd-case-approach-label{font-size:var(--fs-100);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-200)}.wd-case-approach-segments{gap:4px;display:flex}.wd-case-approach-segment{border-radius:var(--radius-full);background:#ffffff29;width:1.25rem;height:4px;position:relative;overflow:hidden}.wd-case-approach-segment-done:after{content:"";border-radius:inherit;background:var(--color-primary-200);transform-origin:0;transition:transform var(--duration-slow) var(--ease-emphasized);position:absolute;inset:0}html.js .wd-case-approach-card:not(.wd-is-visible) .wd-case-approach-segment-done:after{transform:scaleX(0)}.wd-case-approach-segment:nth-child(2):after{transition-delay:.12s}.wd-case-approach-segment:nth-child(3):after{transition-delay:.24s}.wd-case-approach-segment:nth-child(4):after{transition-delay:.36s}.wd-case-approach-number{font-size:var(--fs-700);font-weight:var(--fw-bold);letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1.25px #ffffff73;transition:color var(--duration-base) var(--ease-standard);line-height:1}.wd-case-approach-card:hover .wd-case-approach-number{color:#ffffff24}.wd-case-approach-card h3{color:#fff}.wd-case-approach-card p{font-size:var(--fs-200);color:#ffffffc7}@media (prefers-reduced-motion:reduce){.wd-case-approach-card:after,.wd-case-approach-number,.wd-case-approach-segment-done:after{transition:none}html.js .wd-case-approach-card:not(.wd-is-visible) .wd-case-approach-segment-done:after{transform:none}}.wd-case-highlights{gap:var(--space-2xl);flex-direction:column;display:flex}.wd-case-highlight{align-items:center;display:grid}.wd-case-highlight-stage{isolation:isolate;padding:8% 7% calc(7% + var(--space-lg));border-radius:var(--radius-xl);background:radial-gradient(ellipse 70% 65% at 50% 45%, var(--color-surface), transparent 72%), linear-gradient(160deg, var(--color-primary-100), var(--color-primary-50));position:relative;overflow:hidden}.wd-case-highlight-stage:before{content:"";z-index:-1;background-image:radial-gradient(var(--color-primary-200) 1px, transparent 1.4px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 45%,#0000 35%,#000 85%);mask-image:radial-gradient(75% 70% at 50% 45%,#0000 35%,#000 85%)}.wd-case-highlight-mobile .wd-case-highlight-device{width:min(220px,55%);margin-inline:auto}.wd-case-highlight-text{z-index:1;gap:var(--space-xs);margin:calc(-1 * var(--space-lg)) var(--space-sm) 0;padding:var(--space-md);border:1px solid var(--color-primary-100);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative}.wd-case-highlight-index{font-size:var(--fs-700);font-weight:var(--fw-bold);letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1.25px var(--color-primary-light);line-height:1}.wd-case-highlight-text h3{text-wrap:balance}.wd-case-highlight-text p{font-size:var(--fs-300);color:var(--color-text-muted)}.wd-case-result{gap:var(--space-xl);align-items:start;display:grid}.wd-case-result-text{color:#fff}.wd-case-result-text p{font-size:var(--fs-300);line-height:var(--lh-normal);color:#ffffffe0}.wd-case-result-actions{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.wd-case-result-link{font-weight:var(--fw-semibold);color:#fff;text-underline-offset:3px;text-decoration:underline}.wd-case-result-points{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.wd-case-result-point{gap:var(--space-xs);padding:var(--space-sm) var(--space-md) var(--space-md);border-radius:var(--radius-lg);font-size:var(--fs-200);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:#fff;background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #ffffff24;flex-direction:column;display:flex;box-shadow:inset 0 1px #ffffff1f}.wd-case-result-check{border-radius:var(--radius-full);background:var(--color-primary-200);width:30px;height:30px;color:var(--color-primary-darker);flex-shrink:0;place-items:center;display:grid}.wd-case-next-reveal{margin-top:var(--space-xl)}.wd-case-next{isolation:isolate;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-xl);color:#fff;background:#ffffff0f;border:1px solid #ffffff29;grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid;position:relative;overflow:hidden}.wd-case-next:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);background:linear-gradient(120deg,#ffffff1a,#fff0 60%);position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #ffffff5c}.wd-case-next:hover:after{opacity:1}.wd-case-next:focus-visible:after{opacity:1}.wd-case-next-text{gap:var(--space-3xs);flex-direction:column;display:flex}.wd-case-next-label{font-size:var(--fs-100);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-200)}.wd-case-next-title{font-size:var(--fs-500);font-weight:var(--fw-semibold);line-height:var(--lh-tight);text-wrap:balance}.wd-case-next-client{margin-top:var(--space-3xs);font-size:var(--fs-200);color:#ffffffb8}.wd-case-next-media{display:none}.wd-case-next-arrow{border-radius:var(--radius-full);width:3rem;height:3rem;transition:background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);background:#ffffff1f;place-items:center;display:grid}.wd-case-next-arrow svg{transition:transform var(--duration-base) var(--ease-emphasized)}:is(.wd-case-next:hover .wd-case-next-arrow,.wd-case-next:focus-visible .wd-case-next-arrow){color:var(--color-primary-dark);background:#fff}:is(.wd-case-next:hover .wd-case-next-arrow svg,.wd-case-next:focus-visible .wd-case-next-arrow svg){transform:translate(3px)}@media (min-width:640px){.wd-case-result-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.wd-case-next{gap:var(--space-lg);padding:var(--space-md) var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,15rem) auto}.wd-case-next-media{margin-bottom:calc(-1 * var(--space-md) - 1px);padding-top:var(--space-sm);transition:transform var(--duration-slow) var(--ease-emphasized);align-self:end;display:block;transform:translateY(18%)}:is(.wd-case-next:hover .wd-case-next-media,.wd-case-next:focus-visible .wd-case-next-media){transform:translateY(8%)}}@media (prefers-reduced-motion:reduce){.wd-case-next:after,.wd-case-next-arrow,.wd-case-next-arrow svg,.wd-case-next-media{transition:none}:is(.wd-case-next:hover .wd-case-next-arrow svg,.wd-case-next:focus-visible .wd-case-next-arrow svg){transform:none}:is(.wd-case-next:hover .wd-case-next-media,.wd-case-next:focus-visible .wd-case-next-media){transform:translateY(18%)}}@media (min-width:768px){.wd-case-approach{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.wd-case-brief{gap:var(--space-2xl);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.wd-case-approach{grid-template-columns:repeat(4,minmax(0,1fr))}.wd-case-highlight{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.wd-case-highlight-stage{padding:7% 8%}.wd-case-highlight-text{margin:0 0 0 calc(-1 * var(--space-xl));padding:var(--space-lg)}.wd-case-highlight-reverse .wd-case-highlight-media{order:2}.wd-case-highlight-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.wd-case-highlight-reverse .wd-case-highlight-text{margin:0 calc(-1 * var(--space-xl)) 0 0}.wd-case-highlight-mobile{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wd-case-result{gap:var(--space-2xl);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}