@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700&display=swap";
.featured-work-dof{--fw-background:#f3f4f4;--fw-foreground:#17191b;--fw-secondary:#777c80;--fw-muted:#999da0;isolation:isolate;box-sizing:border-box;background:var(--fw-background);width:100%;min-height:100vh;color:var(--fw-foreground);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:clamp(32px,5vw,88px);font-family:Inter,Helvetica Neue,Arial,sans-serif;position:relative}.featured-work-dof .featured-work-header{justify-content:space-between;align-items:flex-end;margin-bottom:clamp(42px,5.5vw,76px);display:flex}.featured-work-dof .featured-work-eyebrow{color:var(--fw-secondary);letter-spacing:.19em;margin-bottom:22px;font-size:10px;font-weight:600;line-height:1.4;display:block}.featured-work-dof .featured-work-header h1{color:var(--fw-foreground);letter-spacing:-.085em;margin:0;font-size:clamp(3.5rem,7.5vw,7rem);font-weight:600;line-height:.9}.featured-work-dof .featured-work-brand{color:var(--fw-foreground);letter-spacing:.24em;text-transform:uppercase;padding-bottom:5px;font-size:13px;font-weight:600}.featured-work-dof .featured-work-grid{width:100%;position:relative}.featured-work-dof .featured-work-dof-layout{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(52px,6vw,88px) clamp(24px,3.5vw,52px);width:100%;transition:opacity .35s,visibility .35s;display:grid;position:relative}.featured-work-dof .portfolio-card{z-index:2;cursor:pointer;width:100%;min-width:0;transition:filter .18s ease-out;position:relative}.featured-work-dof .portfolio-card:hover{filter:drop-shadow(0 12px 20px #0000001f)}.featured-work-dof .featured-work-dof-layer{z-index:1;pointer-events:none;width:100vw;height:100dvh;position:fixed;inset:0}.featured-work-dof .featured-work-dof-layer canvas{pointer-events:none;display:block;width:100%!important;height:100%!important}.featured-work-dof .portfolio-card-visual{aspect-ratio:4/3;width:100%;box-shadow:none;pointer-events:auto;background:0 0;border:none;border-radius:20px;position:relative;overflow:hidden}.featured-work-dof .portfolio-card-visual-content{z-index:0;pointer-events:none;position:absolute;inset:0}.featured-work-dof .portfolio-card-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.featured-work-dof .portfolio-card-index{z-index:3;color:#fff;letter-spacing:.16em;pointer-events:none;font-size:10px;font-weight:600;line-height:1;position:absolute;top:22px;left:24px}.featured-work-dof .portfolio-card:focus-visible{outline:none}.featured-work-dof .portfolio-card:focus-visible .portfolio-card-visual{outline-offset:5px;outline:2px solid #343a40}.featured-work-dof .portfolio-card-information{padding-top:23px}.featured-work-dof .portfolio-card-category{color:var(--fw-secondary);letter-spacing:.16em;font-size:9px;font-weight:600;line-height:1.5;display:block}.featured-work-dof .portfolio-card-title{color:var(--fw-foreground);letter-spacing:-.065em;margin:12px 0 0;font-size:clamp(1.4rem,2.3vw,2.15rem);font-weight:500;line-height:1.12}.featured-work-dof .portfolio-card-description{max-width:440px;color:var(--fw-secondary);letter-spacing:-.01em;margin:11px 0 0;font-size:12px;font-weight:400;line-height:1.65}.featured-work-dof.is-expanded{z-index:100}.featured-work-dof.is-expanded .featured-work-dof-layout{opacity:0;visibility:hidden;pointer-events:none}.featured-work-dof.is-expanded .featured-work-dof-layer{z-index:20}.featured-work-link-energy{z-index:21;pointer-events:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0;overflow:visible}.featured-work-link-energy path{fill:none;stroke-linecap:round;stroke-linejoin:round}@media (max-width:760px){.featured-work-dof{padding:32px 22px 64px}.featured-work-dof .featured-work-header{margin-bottom:42px}.featured-work-dof .featured-work-header h1{font-size:clamp(3.2rem,12vw,5rem)}.featured-work-dof .featured-work-brand{letter-spacing:.16em;font-size:10px}.featured-work-dof .featured-work-dof-layout{grid-template-columns:1fr;row-gap:48px}.featured-work-dof .portfolio-card-visual{border-radius:16px}.featured-work-dof .portfolio-card-information{padding-top:19px}.featured-work-dof .portfolio-card-title{font-size:clamp(1.6rem,7vw,2.1rem)}}@media (prefers-reduced-motion:reduce){.featured-work-dof .portfolio-card,.featured-work-dof .featured-work-dof-layout{transition:none}}