.projects-page .pagehead{padding-bottom:50px}.projects-page .pagehead>p:not(.eyebrow){max-width:65ch}.projects-page .pagehead h1 span{color:#83cdef}.portfolio{padding-bottom:40px}.portfolio-filters{border-bottom:1px solid #c5ddf51c;flex-wrap:wrap;gap:8px;padding-bottom:25px;display:flex}.portfolio-filters button{color:#c0cdda;cursor:pointer;background:#15202b;border:1px solid #c3d8ee26;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:11px 15px;font:11px Sora,sans-serif;display:flex}.portfolio-filters button span{opacity:.65;font-size:9px}.portfolio-filters button[aria-pressed=true]{color:#0a1822;background:#b3d9ef;border-color:#b3d9ef}.portfolio-filters button:hover{border-color:#b3d9ef}.portfolio-toolbar{color:#93a9bb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 30px;font-size:10px;display:flex}.portfolio-gallery-pause{color:#d6e7f4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#15253599;border:1px solid #b3d7ff40;border-radius:999px;min-height:44px;padding:10px 16px;font:12px/1.4 Sora,sans-serif}.portfolio-gallery-pause[hidden]{display:none}.portfolio-gallery-pause:hover{background:#254968b3}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;display:grid}.portfolio-item[hidden]{display:none}.portfolio-open{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.portfolio-open figure{aspect-ratio:4/3;background:#15202b;border-radius:6px;margin:0;position:relative;overflow:hidden}.portfolio-open img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-open:hover img{transform:scale(1.035)}.portfolio-zoom{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14212bbf;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:34px;height:34px;font:18px Sora,sans-serif;display:grid;position:absolute;bottom:12px;right:12px}.portfolio-caption{min-width:0;padding:18px 0 0}.portfolio-caption>p{color:#80bddd;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font:9px Sora,sans-serif}body.dwp-site .portfolio-caption h2{margin:0 0 10px;font-size:32px}body.dwp-site :is(.portfolio-caption,.portfolio-dialog) h2{overflow-wrap:anywhere;max-width:100%}.portfolio-caption>span{color:#b1bfce;max-width:45ch;font:12px/1.75 Sora,sans-serif;display:block}.portfolio-detail{color:#8ed2f3;margin-top:14px;font:11px Sora,sans-serif;display:inline-block}.portfolio :is(a,button):focus-visible,.portfolio-dialog button:focus-visible{outline-offset:5px;outline:2px solid #8ed2f3}.portfolio-dialog{color:#f3f7fc;background:#0e1720;border:1px solid #b6d4eb30;border-radius:12px;width:min(1120px,100% - 40px);max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.portfolio-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02070de8}.portfolio-dialog-inner{padding:18px;position:relative}.portfolio-full-image{object-fit:contain;background:#080e14;border-radius:6px;width:100%;height:min(68dvh,760px);display:block}.portfolio-close{float:right;z-index:1;color:#fff;cursor:pointer;background:#152331ed;border:1px solid #d3e5f94d;border-radius:50%;width:44px;height:44px;margin-bottom:-44px;font-size:18px;position:sticky;top:0;right:0}.portfolio-dialog-caption{justify-content:space-between;align-items:center;gap:30px;padding:20px 4px 6px;display:flex}.portfolio-dialog-caption>div:first-child{min-width:0}body.dwp-site .portfolio-dialog h2{margin:0 0 8px;font-size:32px}.portfolio-dialog-description{color:#b2c7d8;max-width:65ch;margin:0;font:12px/1.6 Sora,sans-serif}.portfolio-paging{flex-shrink:0;align-items:center;gap:12px;display:flex}.portfolio-paging button{color:#fff;cursor:pointer;background:#243240;border:1px solid #b3d5ef30;border-radius:50%;width:44px;height:44px;font-size:19px}.portfolio-position{color:#b2c7d8;text-align:center;min-width:42px;font:10px Sora,sans-serif}@media (width<=1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.portfolio-grid{grid-template-columns:1fr;gap:34px}.portfolio-filters{gap:7px}.portfolio-filters button{padding:10px 12px;font-size:10px}.portfolio-toolbar{gap:15px;font-size:9px}.portfolio-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.portfolio-dialog-inner{padding:10px}.portfolio-full-image{height:55dvh}.portfolio-dialog-caption{flex-direction:column;align-items:flex-start;gap:18px}.portfolio-paging{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.portfolio-open img{transition:none}}.portfolio-group-count{color:#e4f3ff;background:#101c29db;border:1px solid #ffffff40;border-radius:6px;padding:7px 10px;font:10px Sora,sans-serif;position:absolute;top:12px;left:12px}.portfolio-item{position:relative}.portfolio-carousel-controls{aspect-ratio:4/3;pointer-events:none;position:absolute;inset:0 0 auto}.portfolio-carousel-controls button{pointer-events:auto;color:#f3faff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10223599;border:1px solid #d2edff66;place-items:center;padding:0;transition:background .2s,border-color .2s,opacity .2s;display:grid;box-shadow:inset 0 1px #ffffff26}.portfolio-carousel-controls button:hover{background:#254968cc;border-color:#d2edffb3}.portfolio-carousel-arrow{border-radius:50%;width:44px;height:44px;font:30px/1 Sora,sans-serif;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-carousel-arrow.is-prev{left:12px}.portfolio-carousel-arrow.is-next{right:12px}.portfolio-carousel-pause{border-radius:50%;width:44px;height:44px;font:13px Sora,sans-serif;position:absolute;top:10px;right:10px}.portfolio-carousel-dots{background:#0c1b2bb3;border-radius:30px;padding:0 4px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.portfolio-carousel-dots button{width:28px;height:36px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:20px}.portfolio-carousel-dots button span{background:#d7e8f780;border-radius:50%;width:6px;height:6px;transition:width .25s,background .25s}.portfolio-carousel-dots button[aria-pressed=true] span{background:#b8e7ff;width:16px}@media (prefers-reduced-motion:reduce){.portfolio-carousel-controls button,.portfolio-carousel-dots button span{transition:none}.portfolio-carousel-pause{display:none}}.portfolio-carousel-dots{scrollbar-width:none;pointer-events:auto;max-width:calc(100% - 100px);overflow-x:auto}.portfolio-carousel-dots::-webkit-scrollbar{display:none}.portfolio-carousel-dots button{flex-shrink:0}.portfolio-item:has(.portfolio-carousel-controls) .portfolio-zoom{display:none}.portfolio-carousel-dots{visibility:hidden;opacity:0;transition:opacity .2s}.portfolio-item:is(:hover,:focus-within) .portfolio-carousel-dots{visibility:visible;opacity:1}@media (hover:hover) and (pointer:fine){.portfolio-carousel-arrow,.portfolio-carousel-pause{opacity:0}.portfolio-item:is(:hover,:focus-within) :is(.portfolio-carousel-arrow,.portfolio-carousel-pause){opacity:1}}@media (hover:none){.portfolio-carousel-arrow{top:auto;bottom:10px;transform:none}}.portfolio-chapter{margin-bottom:22px}.portfolio-digital{border-top:1px solid #c5ddf526;margin-top:80px;padding-top:72px;padding-bottom:40px;scroll-margin-top:40px}.portfolio-digital-head{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:42px;display:grid}body.dwp-site .portfolio-digital-head h2{margin:16px 0 0;font-size:clamp(48px,6vw,80px);line-height:.98}.portfolio-digital-head h2 span{color:#83cdef}.portfolio-digital-head>p{color:#aebfce;max-width:48ch;margin:0;font:13px/1.85 Sora,sans-serif}.portfolio-digital-grid .portfolio-open{text-decoration:none}.portfolio-digital-grid figure{aspect-ratio:4/3}.portfolio-digital-grid article:first-child img{object-position:top}.portfolio-digital-grid .social-preview img{object-fit:contain;transform:none}body.dwp-site .portfolio-digital-grid h3{margin:0 0 10px;font-size:32px;line-height:1.08}.portfolio-digital-tag{color:#e4f3ff;background:#101c29db;border:1px solid #ffffff40;border-radius:6px;padding:7px 10px;font:10px Sora,sans-serif;position:absolute;top:12px;left:12px}.portfolio-digital-more{border-top:1px solid #c5ddf51c;justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding-top:26px;display:flex}.portfolio-digital-more p{color:#aebfce;font:12px/1.7 Sora,sans-serif}.portfolio-digital a:focus-visible{outline-offset:5px;outline:2px solid #8ed2f3}@media (width>=601px) and (width<=1000px){.portfolio-digital-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}body.dwp-site .portfolio-digital-grid h3{font-size:27px}.portfolio-digital-grid .portfolio-caption>span{font-size:11px}}@media (width<=600px){.portfolio-digital{margin-top:48px;padding-top:44px}.portfolio-digital-head{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.portfolio-digital-more{flex-direction:column;align-items:flex-start;gap:12px}.portfolio-digital-more .button{font-size:12px}}.project-case{color:#f3f7fc;padding:80px 0 20px;scroll-margin-top:40px}.project-case .case-head{grid-template-columns:1.2fr 1fr;align-items:end;gap:50px;margin-bottom:32px;display:grid}body.dwp-site .project-case h2{margin:14px 0 0;font-size:clamp(54px,7vw,96px);line-height:.98}.project-case h2 span{color:#83cdef}.project-case .case-note{border-left:2px solid #83cdef;padding:8px 0 8px 24px}.project-case .case-note>span,.project-case .case-story>span,.project-case .case-facts article>span{color:#83cdef;letter-spacing:.1em;text-transform:uppercase;font:10px Sora,sans-serif}.project-case .case-note p{color:#adbfce;margin:12px 0;font:12px/1.8 Sora,sans-serif}.project-case .case-keywords{flex-wrap:wrap;gap:7px;margin:16px 0 0;padding:0;list-style:none;display:flex}.project-case .case-keywords li{color:#b8cedf;border:1px solid #b0d7f033;padding:6px 9px;font:9px Sora,sans-serif}.project-case .case-story{border-top:1px solid #c5ddf51c;grid-template-columns:180px 1fr;gap:32px;margin-bottom:32px;padding-top:26px;display:grid}.project-case .case-story p{color:#b1c3d2;max-width:76ch;margin:0;font:14px/1.85 Sora,sans-serif}.project-case .case-gallery{grid-template-rows:repeat(2,260px);grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.project-case .case-gallery figure{background:#111c26;border-radius:6px;margin:0;position:relative;overflow:hidden}.project-case .case-main{grid-row:1/3}.project-case .case-gallery img,.project-case .case-gallery video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-case .case-gallery figcaption{z-index:2;background:linear-gradient(#0000,#030a13e6);align-items:center;gap:12px;padding:40px 18px 18px;font:11px/1.5 Sora,sans-serif;display:flex;position:absolute;bottom:0;left:0;right:0}.project-case figcaption span{color:#83cdef}.project-case .case-preview video{opacity:0;transition:opacity .3s}.project-case .case-preview.is-playing video{opacity:1}.project-case .case-preview-toggle{z-index:3;color:#f3faff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#102235b3;border:1px solid #d2edff66;border-radius:50%;width:44px;height:44px;position:absolute;top:14px;right:14px}.project-case .case-preview-toggle span:before{content:"Ⅱ"}.project-case .case-preview-toggle.is-paused span:before{content:"▶"}.project-case button:focus-visible{outline-offset:4px;outline:2px solid #83cdef}.project-case .case-facts{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px;display:grid}body.dwp-site .project-case .case-facts h3{margin:14px 0 10px;font-size:30px}.project-case .case-facts p{color:#adbfce;margin:0;font:12px/1.8 Sora,sans-serif}@media (width<=700px){.project-case{padding-top:48px}.project-case .case-head,.project-case .case-story{grid-template-columns:1fr;gap:22px}.project-case .case-gallery{grid-template-rows:none;grid-template-columns:1fr}.project-case .case-main{grid-row:auto;min-height:420px}.project-case .case-preview{aspect-ratio:4/3}.project-case .case-facts{grid-template-columns:1fr;gap:24px}}@media (prefers-reduced-motion:reduce){.project-case .case-preview video{transition:none}}.project-stories{padding-top:var(--section-space,96px)}.stories-heading{max-width:680px;margin-bottom:48px}.stories-heading>p:last-child{color:#adbfce;max-width:55ch;font-size:16px;line-height:1.75}.project-story{border-top:1px solid #c5ddf526;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,80px);padding-block:clamp(40px,5vw,72px);scroll-margin-top:96px;display:grid}.project-story figure{width:100%;max-width:480px;margin:0}.project-story figure img{aspect-ratio:5/6;object-fit:cover;border-radius:8px;width:100%;height:auto;display:block}.project-story figcaption{color:#a4b9ca;padding-top:14px;font-size:12px;line-height:1.6}.project-story-copy{min-width:0;max-width:620px}body.dwp-site .project-story h3{margin:12px 0 28px;font-size:clamp(38px,4vw,60px)}.project-story dl{margin:0}.project-story dl>div{border-top:1px solid #c5ddf51c;padding-block:16px}.project-story dt{color:#8fd3f6;margin-bottom:6px;font-size:12px}.project-story dd{color:#b5c6d4;font-size:var(--copy-size,16px);max-width:60ch;margin:0;line-height:1.75}.story-gallery-link{color:#8ed2f3;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-height:44px;margin-top:20px;padding:8px 0;font:14px/1.6 Sora,sans-serif;display:inline-flex}.story-gallery-link:hover{color:#e5f5ff}.story-gallery-link:focus-visible{outline-offset:6px;outline:2px solid #8ed2f3}@media (width>=901px){.project-story:nth-of-type(2n) figure{order:2;justify-self:end}}@media (width<=900px){.project-story{grid-template-columns:1fr}.project-story figure,.project-story-copy{max-width:620px}.project-story figure{max-width:480px}.stories-heading{margin-bottom:32px}}
