.desktop-nav a[aria-current=page]{color:#0065cd}
.work-hero{background:radial-gradient(ellipse at 95% 70%,#073851,transparent 55%),#050e1d;color:#fff;overflow:hidden}
.work-hero-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:38px 76px}
.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:.82rem;padding-block:26px;color:#97b1c7}
.breadcrumbs a{color:#c6d6e4;min-height:30px;display:inline-flex;align-items:center}
.breadcrumbs a:hover{color:#55dfdf}
.work-hero .eyebrow{color:#72dce8;margin-bottom:24px}
.work-hero h1{font-size:clamp(3.5rem,5.6vw,5.6rem);line-height:1.09;letter-spacing:-.055em;white-space:normal}
.work-hero-copy>p:not(.eyebrow){color:#bdccda;max-width:520px;font-size:1.08rem;line-height:1.85;margin-top:26px}
.work-hero-actions{display:flex;gap:17px;flex-wrap:wrap;margin-top:32px}
.work-hero-art{position:relative;padding:32px 0 22px;display:grid;gap:18px;max-width:570px;margin-inline:auto;direction:ltr}
.hero-work-cover{display:block;overflow:hidden;border:5px solid #ffffff1a;border-radius:17px;box-shadow:0 18px 50px #0005;transform:rotate(-5deg);position:relative;z-index:2;max-width:440px}
.hero-work-cover img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.hero-work-cover:nth-child(2){width:65%;margin-left:auto;margin-top:-110px;transform:rotate(7deg);z-index:3;border-color:#ffffff70}
.work-hero-art:before{content:'';position:absolute;inset:0;border:1px solid #53d5e31c;border-radius:50%;transform:rotate(-24deg) scaleY(.7)}
.work-hero-caption{font-size:.8rem;letter-spacing:.02em;color:#a5c9dc;text-align:center;direction:ltr;margin-top:8px}
.work-intro{display:flex;justify-content:space-between;gap:70px;padding-block:55px;align-items:center;border-bottom:1px solid #e0e7ef}
.work-intro p{max-width:590px;font-size:1.02rem;line-height:1.85}
.work-intro strong{font-family:var(--display);display:block;font-size:1.25rem;margin-bottom:9px;color:var(--ink)}
.work-summary{display:flex;gap:30px;align-items:center;flex-shrink:0}
.work-summary strong{font-size:2.7rem;line-height:1;color:#0069e7;font-weight:700;letter-spacing:-.04em;margin:0}
.work-summary span{color:#667689;font-size:.87rem;max-width:100px;line-height:1.6}
.work-library{padding-block:70px 85px;background:#f5f7fa;scroll-margin-top:100px}
.work-library-heading{display:flex;gap:35px;justify-content:space-between;align-items:end;margin-bottom:30px}
.work-library-heading h2{font-size:clamp(2.1rem,3.4vw,3.5rem)}
.work-library-heading p{max-width:330px;font-size:.98rem}
.work-tools{display:flex;flex-direction:column;gap:21px;margin-bottom:34px}
.filter-search-row{display:flex;justify-content:space-between;gap:25px;align-items:center}
.work-filters{display:flex;flex-wrap:wrap;gap:9px}
.filter-button{border:1px solid #d7e1eb;border-radius:28px;background:#fff;padding:11px 19px;font-size:.875rem;font-weight:600;min-height:46px;display:flex;gap:9px;align-items:center;transition:background .18s,border-color .18s,color .18s}
.filter-button:hover{border-color:#78b9f3;color:#005bbf}
.filter-button[aria-pressed=true]{color:#fff;background:#0069e7;border-color:#0069e7}
.filter-button .filter-number{font-size:.7rem;opacity:1;padding-inline-start:6px;border-inline-start:1px solid currentColor}
.work-search{display:flex;align-items:center;min-width:245px;max-width:320px;gap:10px;border:1px solid #d7e1eb;border-radius:28px;background:#fff;padding-inline:15px}
.work-search:focus-within{outline:3px solid #0069e729;border-color:#0069e7}
.work-search svg{width:19px;height:19px;flex-shrink:0;color:#6d7e91}
.work-search input{border:0;border-radius:0;min-height:46px;min-width:0;width:100%;padding:10px 0;background:transparent;font-size:.9rem;outline:none}
.work-search input:focus-visible{outline:none}
.work-toolbar-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:.85rem;color:#667689}
.work-reset{border:0;background:transparent;color:#0065cd;text-decoration:underline;text-underline-offset:4px;min-height:40px;padding:0 4px;font-size:.85rem}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.work-card{min-width:0;background:#fff;border:1px solid #e0e6ed;border-radius:16px;overflow:hidden;transition:box-shadow .22s,transform .22s}
.work-card[hidden],.work-more[hidden],.work-empty[hidden],.work-reset[hidden]{display:none}
.work-card>a{display:block;height:100%}
.work-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #16304c13}
.work-card-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:#edf1f5}
.work-card-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:transform .35s ease}
.work-card:hover .work-card-image img{transform:scale(1.025)}
.work-card-status{position:absolute;top:14px;inset-inline-start:14px;padding:5px 10px;border-radius:20px;font-size:.7rem;font-weight:600;background:#ffffffed;color:#2c5777;border:1px solid #e0e7ef}
.work-card-copy{padding:22px;display:grid;grid-template-columns:1fr 32px;gap:4px 10px;align-items:center}
.work-card h3{font-size:1.2rem;line-height:1.35;letter-spacing:-.025em;min-width:0;overflow-wrap:anywhere}
.work-card-copy p{font-size:.8rem;line-height:1.6;grid-column:1;min-height:26px}
.work-card-arrow{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#0069e7;border:1px solid #d5e2ee;font-size:1.3rem}
.work-more{display:flex;margin:40px auto 0;min-width:240px;justify-content:space-between}
.work-empty{padding:70px 25px;border:1px solid #dce6ef;border-radius:15px;text-align:center;background:#fff}
.work-empty h3{font-size:1.6rem;margin-bottom:12px}.work-empty p{max-width:450px;margin:auto}.work-empty button{margin-top:25px}
.work-perspective{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;padding-block:85px}
.work-perspective h2{font-size:clamp(2.2rem,3.3vw,3.3rem)}
.work-perspective>div>p:not(.eyebrow){margin-top:22px;font-size:1rem;line-height:1.85;max-width:390px}
.work-principles{display:grid;gap:24px;list-style:none;margin:0;padding:0}
.work-principles li{display:flex;gap:22px;border-bottom:1px solid #dbe4ee;padding-bottom:25px}
.work-principles li>span{color:#0065cd;font-size:.8rem;padding-top:6px}
.work-principles h3{font-size:1.3rem;margin-bottom:10px}.work-principles p{font-size:.98rem;line-height:1.75}
.work-faq{padding-bottom:85px;display:grid;grid-template-columns:.85fr 1.2fr;gap:90px}
.work-faq h2{font-size:2.8rem}.work-faq .faqs summary{font-size:1rem}
.work-cta{background:radial-gradient(ellipse at 10% 100%,#07406c,transparent 60%),#050e1d;color:#fff;padding-block:75px}
.work-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}
.work-cta .eyebrow{color:#64d7e1}.work-cta h2{font-size:clamp(2.5rem,4vw,4rem)}
.work-cta p:not(.eyebrow){color:#b9cada;max-width:560px;margin-top:23px;font-size:1.05rem;line-height:1.8}
.work-cta-actions{display:flex;flex-direction:column;gap:14px;align-items:stretch;min-width:260px}
.work-footer .footer-top{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:55px;align-items:start;padding-block:50px 35px}
.work-footer-nav{display:grid;gap:8px;font-size:.9rem}.work-footer-nav a{min-height:32px;color:#b5c9dc}.work-footer-nav a:hover{color:#55dfdf}
.work-footer-nav strong{font-family:var(--display);color:#fff;margin-bottom:10px;font-size:1rem}
.work-footer-brand p{color:#9fb4c9;margin-top:23px;font-size:.9rem;max-width:270px;line-height:1.8}
.detail-hero{padding-block:0 60px;background:#f1f5f9;border-bottom:1px solid #dce5ef}
.detail-hero .breadcrumbs{color:#6a7b8d}.detail-hero .breadcrumbs a{color:#486785}
.detail-heading{display:grid;grid-template-columns:1.6fr .9fr;gap:60px;align-items:end;margin-top:20px;margin-bottom:40px}
.detail-heading h1{white-space:normal;font-size:clamp(2.7rem,4.4vw,4.5rem);line-height:1.15;letter-spacing:-.045em;overflow-wrap:anywhere}
.detail-heading p:not(.eyebrow){font-size:1rem;line-height:1.85;max-width:390px}
.detail-main-cover{border-radius:20px;overflow:hidden;border:1px solid #d8e1eb;background:#e9eef3;max-width:1100px;margin-inline:auto}
.detail-main-cover img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.detail-story{display:grid;grid-template-columns:1.35fr .8fr;gap:90px;padding-block:70px}
.detail-story h2{font-size:2.25rem;margin-bottom:24px}.detail-story p{font-size:1.04rem;line-height:1.9;max-width:650px}
.detail-meta{border:1px solid #d9e4ee;background:#f8fafc;border-radius:14px;padding:28px;align-self:start}
.detail-meta h3{font-size:1.15rem;margin-bottom:18px}.detail-meta ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#596e82;font-size:.95rem}
.detail-meta li{padding-bottom:10px;border-bottom:1px solid #e0e8ef}.detail-meta li:last-child{padding-bottom:0;border:0}
.detail-status{display:inline-block;background:#e5f1fa;color:#185578;border-radius:18px;padding:5px 12px;font-size:.8rem;margin-top:25px}
.detail-gallery-section{background:#f5f7fa;padding-block:70px}
.detail-gallery-heading{display:flex;gap:50px;align-items:end;justify-content:space-between;margin-bottom:35px}
.detail-gallery-heading h2{font-size:2.6rem}.detail-gallery-heading p{font-size:.92rem;max-width:300px}
.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
.detail-gallery.is-website .detail-figure:first-child{grid-column:1/-1}
.detail-figure{margin:0;min-width:0}.detail-figure a{display:block;background:#e9eef3;border:1px solid #d6e1eb;border-radius:12px;padding:18px;overflow:hidden}
.detail-figure img{width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:4px}
.detail-figure figcaption{display:flex;gap:20px;justify-content:space-between;align-items:baseline;padding-top:15px;color:#5d7287;font-size:.9rem}
.detail-figure figcaption span:last-child{color:#0065cd;white-space:nowrap;font-weight:600}
.detail-gallery.is-profile .detail-figure:first-child{grid-column:auto}
.detail-gallery.is-website .detail-figure:not(:first-child) a{aspect-ratio:4/3;overflow:hidden}
.detail-gallery.is-single{grid-template-columns:minmax(0,850px);justify-content:center}
.detail-gallery.is-single img{max-width:760px;margin-inline:auto}
.detail-no-preview{padding:55px;border:1px solid #dce6ef;border-radius:16px;background:#fff;max-width:900px;margin:auto}
.detail-no-preview h3{font-size:1.5rem;margin-bottom:15px}.detail-no-preview p{font-size:1rem;line-height:1.8}
.related-projects{padding-block:75px}.related-projects .section-heading{margin-bottom:35px}.related-projects h2{font-size:2.5rem}
.related-projects .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.detail-next{border-block:1px solid #dce5ee;padding-block:25px;display:flex;gap:30px;justify-content:space-between;align-items:center}.detail-next a{font-size:.95rem;min-height:44px;display:inline-flex;align-items:center;gap:15px;color:#0065cd}
.artwork-viewer{border:1px solid #64758a;border-radius:16px;padding:0;width:calc(100% - 36px);max-width:1450px;height:94dvh;max-height:94dvh;background:#08121e;color:#fff;overflow:hidden}
.artwork-viewer::backdrop{background:#020812e8;backdrop-filter:blur(4px)}
.artwork-viewer[open]{display:flex;flex-direction:column}
.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;flex-shrink:0;padding:12px 20px;background:#0e1b2a;border-bottom:1px solid #263749}
.viewer-toolbar p{font-size:.88rem;color:#d3e1ed;min-width:0}.viewer-toolbar a{color:#81dbe8;font-size:.8rem;white-space:normal;min-height:44px;display:flex;align-items:center}
.viewer-controls{display:flex;gap:10px;align-items:center;flex-shrink:0;direction:ltr}
.viewer-controls button{width:44px;height:44px;border:1px solid #4f6580;border-radius:50%;background:transparent;color:#fff;font-size:1.5rem;display:grid;place-items:center}.viewer-controls button:hover{background:#183551}.viewer-controls button:disabled{opacity:.3;cursor:default}
.viewer-image{flex:1;min-height:0;height:auto;overflow:auto;display:grid;place-items:start center;padding:25px}
.viewer-image img{height:auto;width:auto;max-width:min(1100px,100%);max-height:none;object-fit:contain}
.viewer-image img[hidden],#viewer-loading[hidden]{display:none}
#viewer-loading{font-size:1rem;color:#c4d6e6;padding:60px 20px;align-self:center;text-align:center}
.viewer-open{overflow:hidden}
html[dir=rtl] .work-hero h1,html[dir=rtl] .detail-heading h1{letter-spacing:0;line-height:1.3}
html[dir=rtl] .work-hero-art{direction:ltr}html[dir=rtl] .viewer-image{direction:ltr}
html[dir=rtl] .work-card h3{letter-spacing:0}
@media(max-width:1100px){.work-hero-inner{gap:40px}.work-hero h1{font-size:4.5rem}.filter-search-row{align-items:stretch;flex-direction:column}.work-search{max-width:100%;width:100%}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-intro{gap:35px}.work-perspective,.work-faq{gap:50px}.detail-story{gap:50px}.detail-heading{gap:40px}.work-cta-inner{gap:35px}}
@media(max-width:850px){.work-hero-inner{grid-template-columns:1fr 1fr;gap:30px;padding-block:25px 65px}.work-hero h1{font-size:3.4rem}.work-hero-copy>p:not(.eyebrow){font-size:1rem}.work-hero-art{max-width:340px}.hero-work-cover:nth-child(2){margin-top:-50px}.work-hero-actions{gap:12px}.work-hero-actions .button{font-size:.8rem;padding-inline:21px;gap:20px}.work-intro{display:block}.work-summary{margin-top:25px;gap:20px}.work-library{padding-block:60px}.work-perspective{grid-template-columns:1fr;gap:40px;padding-block:65px}.work-perspective>div>p:not(.eyebrow){max-width:100%}.work-faq{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.work-cta-inner{align-items:start;flex-direction:column}.work-cta-actions{flex-direction:row;flex-wrap:wrap}.work-footer .footer-top{gap:35px}.detail-heading{grid-template-columns:1fr;gap:25px;margin-top:15px}.detail-heading p:not(.eyebrow){max-width:650px}.detail-story{grid-template-columns:1fr;gap:35px;padding-block:55px}.detail-meta{width:100%}.related-projects .work-grid{grid-template-columns:1fr 1fr}.related-projects .work-card:last-child{display:none}.viewer-toolbar{height:auto;flex-wrap:wrap;gap:12px}.viewer-toolbar p{max-width:calc(100% - 180px)}.viewer-toolbar a{order:3;width:100%;min-height:30px}.viewer-image{padding:15px}}
@media(max-width:600px){.breadcrumbs{font-size:.78rem;padding-block:21px;gap:10px}.work-hero-inner{grid-template-columns:1fr;gap:30px;padding-block:18px 45px}.work-hero h1{font-size:clamp(2.8rem,12vw,3.8rem)}.work-hero-copy>p:not(.eyebrow){margin-top:23px;font-size:1rem;line-height:1.8}.work-hero-actions{flex-direction:column;align-items:stretch;margin-top:26px}.work-hero-actions .button{justify-content:space-between;min-height:52px;font-size:.9rem}.work-hero-art{max-width:100%;padding:20px 7px 0}.hero-work-cover{max-width:90%}.hero-work-cover:nth-child(2){margin-top:-75px;width:62%}.work-hero-caption{margin-top:12px;font-size:.75rem}.work-intro{padding-block:38px}.work-summary strong{font-size:2.3rem}.work-summary span{font-size:.85rem;max-width:130px}.work-library{padding-block:50px}.work-library-heading{display:block;margin-bottom:27px}.work-library-heading h2{font-size:2.4rem}.work-library-heading p{max-width:100%;margin-top:18px;font-size:.96rem}.work-filters{gap:8px}.filter-button{padding:10px 14px;font-size:.8rem;min-height:44px}.filter-button .filter-number{padding-inline-start:5px}.work-tools{gap:14px}.work-toolbar-bottom{font-size:.8rem;gap:12px}.work-grid{grid-template-columns:1fr;gap:24px}.work-card-copy{padding:21px}.work-card h3{font-size:1.3rem}.work-card-copy p{font-size:.85rem}.work-more{width:100%;margin-top:30px}.work-perspective{padding-block:50px;gap:32px}.work-perspective h2{font-size:2.4rem}.work-principles h3{font-size:1.25rem}.work-principles li{gap:18px}.work-faq{padding-bottom:50px}.work-faq h2{font-size:2.4rem}.work-cta{padding-block:55px}.work-cta h2{font-size:2.7rem}.work-cta p:not(.eyebrow){font-size:1rem}.work-cta-actions{flex-direction:column;width:100%;gap:12px}.work-cta-actions .button{justify-content:space-between;width:100%}.work-footer .footer-top{grid-template-columns:1fr 1fr;gap:35px 20px;padding-block:40px 30px}.work-footer-brand{grid-column:1/-1}.work-footer-nav{font-size:.9rem}.work-footer-nav a{min-height:40px}.detail-hero{padding-bottom:35px}.detail-heading{gap:20px;margin-bottom:30px}.detail-heading h1{font-size:2.8rem}.detail-main-cover{border-radius:12px}.detail-story{padding-block:45px;gap:30px}.detail-story h2{font-size:2rem}.detail-story p{font-size:1rem}.detail-meta{padding:23px}.detail-gallery-section{padding-block:45px}.detail-gallery-heading{display:block;margin-bottom:25px}.detail-gallery-heading h2{font-size:2.2rem}.detail-gallery-heading p{margin-top:18px;max-width:100%}.detail-gallery{grid-template-columns:1fr;gap:27px}.detail-gallery.is-website .detail-figure:first-child{grid-column:auto}.detail-figure a{padding:10px}.detail-figure figcaption{font-size:.85rem;gap:12px}.detail-no-preview{padding:25px}.related-projects{padding-block:45px}.related-projects h2{font-size:2.2rem}.related-projects .work-grid{grid-template-columns:1fr}.detail-next{flex-direction:column;align-items:start;gap:8px;padding-block:20px}.artwork-viewer{width:calc(100% - 16px);border-radius:12px}.viewer-toolbar{padding:12px;gap:10px}.viewer-toolbar p{max-width:calc(100% - 158px);font-size:.76rem;line-height:1.6}.viewer-controls{gap:6px}.viewer-image{padding:10px}.viewer-toolbar a{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.work-card,.work-card-image img,.filter-button{transition:none}.work-card:hover,.work-card:hover .work-card-image img{transform:none}}