.work-heading{padding-top:76px;padding-bottom:56px;text-align:center}.work-heading h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.12;letter-spacing:-.04em;margin:20px 0}.work-heading h1 span{color:#9d9fff}.work-heading p{max-width:620px;margin:auto;color:#abaec3;line-height:1.8}
.work-section{padding-bottom:90px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px}.work-card{min-width:0;transition:opacity .6s,translate .6s}.work-card.work-enter{opacity:0;translate:0 28px}.work-visual{display:block;position:relative;aspect-ratio:4/3;border:1px solid #ffffff20;border-radius:26px;overflow:hidden;background:radial-gradient(at 10% 0%,#303365,#101320);color:white;isolation:isolate}
.work-visual>img:not(.work-brand){width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.2,.7,.3,1),object-position 6s ease}.work-visual .reference-cover{height:100%;min-height:100%;padding:30px}.work-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(#0003,transparent 45%,#0003);pointer-events:none}
.work-visual .work-brand{position:absolute;top:30px;left:30px;width:140px;height:65px;object-fit:contain;z-index:1;filter:drop-shadow(0 3px 8px #0006)}.work-brand-text{position:absolute;top:24px;left:24px;padding:10px 16px;background:#101323d9;border:1px solid #ffffff25;border-radius:12px;z-index:1;font-weight:700;max-width:75%}
.work-open{position:absolute;bottom:20px;right:20px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#7477f5;color:white;z-index:1;transition:transform .3s}.work-info{display:flex;justify-content:space-between;gap:16px;margin-top:23px}.work-info h3{font-size:clamp(1.2rem,2vw,1.65rem);margin:8px 0 12px;line-height:1.35}.work-info a{color:#fff;text-decoration:none}.work-category,.work-year{color:#a6abc5;font-size:13px}.work-links{display:flex;flex-wrap:wrap;gap:20px}.work-links a{font-size:13px;color:#bcbefe;text-decoration:none}.work-filters{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:24px;margin-bottom:42px;border:1px solid #ffffff14;border-radius:20px;background:#ffffff04}.work-filters label{display:block;font-size:12px;color:#afb2c9;margin-bottom:8px}.work-filters select,.work-filters input{color:#eee;background:#151828;border:1px solid #ffffff25;border-radius:10px;padding:12px;width:100%;min-width:210px}.work-filters>a{color:#bcbefe;padding:10px}.work-empty{grid-column:1/-1;color:#b3b5c8}
.work-detail{padding-top:35px}.work-crumb{display:flex;gap:12px;font-size:13px;margin-bottom:48px;color:#999}.work-crumb a{color:#aaacc4;text-decoration:none}.work-detail-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px;align-items:center}.work-detail h1{font-size:clamp(2rem,3.6vw,3.7rem);letter-spacing:-.035em;line-height:1.15;margin:20px 0 32px}.work-facts{margin-bottom:26px}.work-facts>div{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid #ffffff12}.work-facts dt{color:#9da4c6;min-width:120px;font-weight:500}.work-facts dd{margin:0;overflow-wrap:anywhere}.work-actions{display:flex;gap:12px;flex-wrap:wrap}.work-device{padding:10px;background:linear-gradient(140deg,#36394b,#141624);border:1px solid #ffffff25;border-radius:22px;box-shadow:0 28px 65px #0005}.work-device-bar{display:flex;gap:6px;align-items:center;padding:5px 8px 13px}.work-device-bar i{width:7px;height:7px;border-radius:50%;background:#888ca6}.work-device-bar span{margin-left:auto;color:#a7adc8;font-size:11px}.work-device-screen{aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#0d1020}.work-device-screen>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 8s ease}.work-device-screen>.reference-cover{height:100%}
.work-story{max-width:850px;margin:90px auto 60px;line-height:1.9;color:#b6bacd;overflow-wrap:anywhere}.work-story h2{color:white;margin:16px 0 26px;font-size:2rem}.work-story img{max-width:100%;height:auto}.work-story a{color:#bcbefe}.work-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:60px}.work-gallery img{width:100%;border-radius:18px;border:1px solid #ffffff20}.work-quote{max-width:800px;margin:60px auto;padding:35px;border:1px solid #ffffff20;border-radius:24px;background:#ffffff04}.work-quote img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:18px}.work-quote blockquote{font-size:20px;line-height:1.8}.work-quote figcaption{color:#a5a9c7}.work-quote a{color:#bcbefe}.work-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px;margin:60px 0;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(120deg,#161a32,#28204d)}.work-next h2{font-size:24px;margin:0}.work-card a:focus-visible{outline:3px solid #aeb1ff;outline-offset:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.work-visual:hover>img:not(.work-brand){transform:scale(1.025);object-position:bottom}.work-visual:hover .work-open{transform:rotate(45deg)}.work-device-screen:hover>img{object-position:bottom}}
@media(max-width:767px){.work-heading{padding-top:44px;padding-bottom:36px}.work-grid,.work-detail-hero,.work-gallery{grid-template-columns:1fr;gap:32px}.work-visual{border-radius:20px}.work-filters>div{width:100%}.work-filters select,.work-filters input{min-width:0}.work-detail-hero{gap:36px}.work-story{margin-top:50px}.work-next{flex-direction:column;align-items:start;padding:24px}.work-visual .work-brand{width:110px;top:20px;left:20px}.work-section{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.work-card,.work-visual img,.work-open,.work-device-screen>img{transition:none!important;transform:none!important;translate:none!important}.work-card.work-enter{opacity:1}}
.work-visual{text-decoration:none}

/* Detail-only, scroll-snap project rail; no autoplay or external dependencies. */
.work-related{position:relative;padding:65px 0 70px;isolation:isolate}
.work-related::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#6651bd24,transparent 68%);pointer-events:none}
.work-related-heading{text-align:center;margin-bottom:38px}
.work-related-heading h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.16;letter-spacing:-.045em;margin:18px 0 28px}
.work-related-heading h2 span{color:#a9a9ef}
.work-related-controls{display:flex;justify-content:center;align-items:center;gap:14px}
.work-related-controls button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff29;border-radius:50%;background:#ffffff05;color:#fff;transition:background .2s}
.work-related-controls button[hidden]{display:none}
.work-related-controls button:hover:not(:disabled){background:#6d6ff5}
.work-related-controls button:disabled{opacity:.3;cursor:default}
.work-related-controls a{display:inline-flex;gap:24px;align-items:center;padding:15px 25px;border-radius:99px;background:#efefff;color:#171829;font-size:14px;font-weight:600;text-decoration:none}
.work-related-controls :focus-visible,.work-related-track:focus-visible{outline:2px solid #b8baff;outline-offset:4px}
.work-related-track{position:relative;display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:12px 16% 24px;scroll-padding-inline:16%;width:100%;box-sizing:border-box}
.work-related-track::-webkit-scrollbar{display:none}
.work-related-slide{flex:0 0 100%;min-width:0;scroll-snap-align:center}
.work-related-slide .work-card.work-enter{opacity:1;translate:none}
.work-related-slide .work-visual{aspect-ratio:16/10;box-shadow:0 18px 40px #0003}
.work-related-slide .work-info{margin-top:20px}
.work-related-status{text-align:center;color:#9fa4c4;font-size:12px;letter-spacing:.16em;margin:12px 0 0;min-height:18px}
@media(max-width:767px){.work-related{padding:25px 0 45px}.work-related-heading{margin-bottom:24px}.work-related-heading .agency-eyebrow{font-size:10px}.work-related-track{padding-inline:6%;scroll-padding-inline:6%;gap:16px}.work-related-controls{gap:10px}.work-related-controls button{width:44px;height:44px}.work-related-controls a{padding:14px 20px}.work-related-slide .work-visual{aspect-ratio:4/3}.work-related-slide .work-info h3{font-size:1.2rem}}

/* Compact reference search: native, keyboard-accessible controls with a shared height. */
.work-filters.work-toolbar{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(240px,1.5fr) auto auto;align-items:center;gap:10px;padding:12px;margin-bottom:44px;border-radius:22px;background:linear-gradient(120deg,rgba(34,36,65,.6),rgba(13,16,28,.9));border:1px solid rgba(169,174,235,.14);box-shadow:0 12px 36px #0002,inset 0 1px 0 #ffffff05}
.work-toolbar .work-toolbar-field{position:relative;min-width:0;width:auto}
.work-toolbar-field>i{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#9399b9;font-size:15px;pointer-events:none}
.work-toolbar-field>i.work-select-chevron{left:auto;right:15px;font-size:11px}
.work-toolbar select,.work-toolbar input{display:block;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-width:0;height:54px;margin:0;padding:0 42px 0 44px;border:1px solid #ffffff0c;border-radius:13px;background:#ffffff04;color:#e2e4f3;font-family:inherit;font-size:14px;line-height:normal;transition:border-color .2s,background .2s;box-shadow:none}
.work-toolbar select{cursor:pointer;color-scheme:dark}
.work-toolbar select option{background:#171a2c;color:#eee}
.work-toolbar input::placeholder{color:#9298b3;opacity:1}
.work-toolbar select:hover,.work-toolbar input:hover{background:#ffffff07;border-color:#ffffff20}
.work-toolbar select:focus,.work-toolbar input:focus{outline:2px solid #979aff;outline-offset:1px;background:#181c33}
.work-filter-submit{height:54px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 23px;border:1px solid #989aff55;border-radius:13px;background:linear-gradient(135deg,#7779f7,#595ddd);color:white;font:600 14px/1.2 Inter,sans-serif;white-space:nowrap;box-shadow:0 4px 16px #585bdd26;transition:background .2s}
.work-filter-submit:hover{background:linear-gradient(135deg,#8789ff,#696def)}
.work-toolbar>a.work-filter-reset{height:54px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:13px;font-size:13px;color:#a6acc5;text-decoration:none;white-space:nowrap}
.work-toolbar>a.work-filter-reset:hover{color:#fff;background:#ffffff06}
.work-filter-submit:focus-visible,.work-filter-reset:focus-visible{outline:2px solid #b0b3ff;outline-offset:3px}
@media(max-width:991px){.work-filters.work-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.work-filter-submit,.work-toolbar>a.work-filter-reset{width:100%}}
@media(max-width:575px){.work-filters.work-toolbar{gap:9px;padding:10px;border-radius:18px}.work-toolbar .work-toolbar-field{grid-column:1/-1}.work-toolbar select,.work-toolbar input,.work-filter-submit,.work-toolbar>a.work-filter-reset{height:50px}.work-filter-submit{padding:0 16px}}
.work-gallery-link{position:relative;display:block;border-radius:18px;overflow:hidden}
.work-gallery-zoom{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#181b35e8;border:1px solid #ffffff35;color:#fff;transition:background .2s}
.work-gallery-link:hover .work-gallery-zoom{background:#6d6ff5}
.work-gallery-link:focus-visible{outline:3px solid #aaaaff;outline-offset:5px}
html.work-lightbox-open{overflow-y:hidden}
.work-lightbox:not([open]){display:none}
.work-lightbox{position:fixed;inset:0;margin:auto;padding:0;width:min(1160px,94vw);max-width:94vw;max-height:94dvh;border:1px solid #b8baff30;border-radius:24px;color:#fff;background:linear-gradient(140deg,#1b1e35,#0b0e19);box-shadow:0 40px 140px #000b;overflow:auto}
.work-lightbox::backdrop{background:#03050deb;backdrop-filter:blur(8px)}
.work-lightbox-panel{padding:16px}
.work-lightbox-top,.work-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.work-lightbox-top{padding:0 4px 14px;color:#aeb4d4;font-size:11px;letter-spacing:.16em}
.work-lightbox button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:14px;border:1px solid #ffffff26;background:#20243cd9;color:#fff;cursor:pointer}
.work-lightbox button:hover{background:#6569dd}
.work-lightbox button:focus-visible{outline:2px solid #b8bcff;outline-offset:3px}
.work-lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px;background:#060911;border-radius:16px;overflow:hidden}
.work-lightbox-stage>img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(90dvh - 150px);object-fit:contain}
.work-lightbox-prev,.work-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1}
.work-lightbox-prev{left:12px}.work-lightbox-next{right:12px}
.work-lightbox button[hidden]{display:none}
.work-lightbox-bottom{padding:16px 6px 2px;font-size:13px;line-height:1.5;color:#b5bbd4}
[data-lightbox-caption]{overflow-wrap:anywhere;min-width:0}
[data-lightbox-count]{white-space:nowrap;color:#dddfff}
@media(max-width:575px){.work-lightbox{width:96vw;max-width:96vw;border-radius:18px}.work-lightbox-panel{padding:10px}.work-lightbox-prev{left:6px}.work-lightbox-next{right:6px}.work-lightbox-bottom{font-size:12px}.work-lightbox-stage>img{max-height:calc(90dvh - 150px)}}