.work-hero{background:radial-gradient(ellipse 60% 70% at 50% 0%, #e8c9a01a 0%, transparent 60%), var(--obsidian);padding:200px 48px 80px;position:relative;overflow:hidden}.work-hero-inner{max-width:1320px;margin:0 auto}.work-hero-meta{font-family:var(--mono);letter-spacing:.24em;color:var(--bone-mute);text-transform:uppercase;justify-content:space-between;margin-bottom:40px;font-size:10px;display:flex}.work-hero-meta .v{color:var(--brass)}.work-hero h1{font-family:var(--serif);letter-spacing:-.035em;margin-bottom:0;font-size:clamp(72px,11vw,156px);font-weight:400;line-height:.9}.work-hero .hero-tagline{margin-bottom:24px;font-size:clamp(44px,6.5vw,92px)}.work-hero-blurb{border-top:1px solid var(--hairline-soft);grid-template-columns:1fr 1fr;gap:80px;max-width:1100px;margin-top:60px;padding-top:40px;display:grid}.work-hero-blurb p{color:var(--bone-dim);font-size:17px;line-height:1.65}.work-hero-blurb p strong{color:var(--bone);font-weight:400}.filter-strip{z-index:50;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--hairline-soft);border-bottom:1px solid var(--hairline-soft);background:#0a0908b3;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 48px;display:flex;position:sticky;top:92px}.filter{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bone-dim);border:1px solid var(--hairline-soft);cursor:pointer;background:0 0;border-radius:1px;padding:9px 14px;font-size:10px;transition:border-color .3s,color .3s,background .3s}.filter:hover{border-color:var(--brass-dim);color:var(--bone)}.filter.on{border-color:var(--champagne);color:var(--champagne);background:#e8c9a00f}.ba-section{padding:120px 48px}.ba-list{flex-direction:column;gap:100px;max-width:1320px;margin:0 auto;display:flex}.ba-row{grid-template-columns:320px 1fr;align-items:start;gap:60px;display:grid}.ba-row.flip{grid-template-columns:1fr 320px}.ba-row.flip .ba-side{order:2}.ba-side .idx{font-family:var(--mono);letter-spacing:.24em;color:var(--brass);margin-bottom:24px;font-size:10px}.ba-side h3{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:14px;font-size:40px;font-weight:400;line-height:1}.ba-side .sub{font-family:var(--serif-italic);color:var(--rose);margin-bottom:24px;font-size:20px;font-style:italic}.ba-side p{color:var(--bone-dim);margin-bottom:24px;font-size:14px;line-height:1.6}.ba-tags{flex-wrap:wrap;gap:8px;display:flex}.ba-tag{font-family:var(--mono);letter-spacing:.22em;color:var(--bone-dim);text-transform:uppercase;border:1px solid var(--hairline-soft);padding:6px 10px;font-size:9px}.ba-tag.gold{color:var(--champagne);border-color:var(--hairline)}.ba-frame{aspect-ratio:16/10;background:var(--charcoal);border:1px solid var(--hairline-soft);-webkit-user-select:none;user-select:none;cursor:ew-resize;touch-action:none;position:relative;overflow:hidden}.ba-pane{position:absolute;inset:0;overflow:hidden}.ba-pane img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ba-pane.before img{filter:brightness(.55)contrast(.85)saturate(.4)sepia(.2)}.ba-pane.after img{filter:brightness(.85)contrast(1.08)saturate(.95)}.ba-pane.after{clip-path:inset(0 0 0 var(--clip,50%))}.ba-pane.before{clip-path:inset(0 var(--clip-rev,50%) 0 0)}.ba-label{font-family:var(--mono);letter-spacing:.28em;color:var(--bone);text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hairline-soft);z-index:4;background:#0a090899;padding:6px 10px;font-size:9px;position:absolute;top:20px}.ba-label.before{color:var(--bone-dim);left:20px}.ba-label.after{color:var(--champagne);border-color:var(--hairline);right:20px}.ba-label .dot{vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block;transform:translateY(-1px)}.ba-label.before .dot{background:var(--bone-mute)}.ba-label.after .dot{background:var(--champagne)}.ba-handle{top:0;bottom:0;left:var(--clip,50%);background:var(--champagne);z-index:5;width:2px;position:absolute;transform:translate(-50%);box-shadow:0 0 20px #e8c9a099}.ba-handle:before,.ba-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-handle:before{background:linear-gradient(180deg, #f4ddb2 0%, var(--champagne) 50%, var(--brass) 100%);border-radius:50%;width:56px;height:56px;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #50321466,0 8px 24px #e8c9a066}.ba-handle:after{background:linear-gradient(90deg, var(--obsidian) 0 2px, transparent 2px 5px, var(--obsidian) 5px 7px, transparent 7px 10px, var(--obsidian) 10px 12px, transparent 12px 14px), var(--obsidian);width:14px;height:2px;box-shadow:0 4px 0 -1px var(--obsidian), 0 -4px 0 -1px var(--obsidian)}.gallery-section{background:var(--obsidian);border-top:1px solid var(--hairline-soft);padding:140px 48px 60px}.gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(240px,auto);grid-auto-flow:dense;gap:18px;max-width:1440px;margin:0 auto;display:grid}.tile{background:var(--charcoal);border:1px solid var(--hairline-soft);cursor:pointer;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.tile:hover{transform:translateY(-6px)}.tile img{object-fit:cover;filter:brightness(.78)contrast(1.05)saturate(.85);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}.tile:hover img{filter:brightness(.88)contrast(1.08)saturate(.95);transform:scale(1.06)}.tile:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 40%,#0a0908e6 100%);position:absolute;inset:0}.tile .meta{z-index:2;padding:18px 20px 16px;position:absolute;bottom:0;left:0;right:0}.tile .meta .top{font-family:var(--mono);letter-spacing:.24em;color:var(--champagne);text-transform:uppercase;margin-bottom:8px;font-size:8.5px}.tile .meta h4{font-family:var(--serif);letter-spacing:-.015em;color:var(--bone);font-size:19px;font-weight:400;line-height:1.1}.tile .num{font-family:var(--mono);letter-spacing:.24em;color:var(--bone-mute);text-transform:uppercase;z-index:2;font-size:9px;position:absolute;top:16px;right:18px}.tile-lg{grid-area:span 2/span 2}.tile-sm{grid-area:span 1/span 1}.work-marquee{background:var(--charcoal);border-top:1px solid #e8c9a033;border-bottom:1px solid #e8c9a033;padding:32px 0;overflow:hidden}.work-marquee-track{width:max-content;animation:45s linear infinite workMarqueeScroll;display:flex}.work-marquee-text{font-family:var(--serif-italic);letter-spacing:-.02em;color:var(--champagne);white-space:nowrap;flex-shrink:0;padding-right:1.5em;font-size:clamp(48px,5vw,64px);font-style:italic;line-height:1}@keyframes workMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.vitrine{background:radial-gradient(ellipse 50% 50% at 0% 100%, #d4a5a01a 0%, transparent 50%), var(--obsidian);border-top:1px solid var(--hairline-soft);padding:140px 48px}.vitrine-inner{max-width:1440px;margin:0 auto}.vitrine-row{grid-template-columns:1.2fr 1fr .8fr;align-items:end;gap:36px;margin-bottom:36px;display:grid}.vitrine-row .big{aspect-ratio:4/5;background:var(--charcoal);position:relative;overflow:hidden}.vitrine-row .big img{object-fit:cover;filter:brightness(.82)contrast(1.05);width:100%;height:100%}.vitrine-row .mid{aspect-ratio:3/4;background:var(--charcoal);position:relative;overflow:hidden}.vitrine-row .mid img{object-fit:cover;filter:brightness(.82)contrast(1.05);width:100%;height:100%}.vitrine-row .copy{padding-bottom:20px;padding-right:12px}.vitrine-row .copy .idx{font-family:var(--mono);letter-spacing:.24em;color:var(--brass);text-transform:uppercase;margin-bottom:18px;font-size:10px}.vitrine-row .copy h3{font-family:var(--serif);letter-spacing:-.025em;margin-bottom:16px;font-size:44px;font-weight:400;line-height:1}.vitrine-row .copy p{color:var(--bone-dim);margin-bottom:20px;font-size:14px;line-height:1.6}.vitrine-row .copy .credits{font-family:var(--mono);letter-spacing:.22em;color:var(--bone-mute);text-transform:uppercase;border-top:1px solid var(--hairline-soft);padding-top:16px;font-size:10px;line-height:2}.vitrine-row .copy .credits .v{color:var(--champagne)}.vitrine-row.flip{grid-template-columns:.8fr 1fr 1.2fr}.vitrine-row.flip .copy{order:-1;padding-left:12px;padding-right:0}@media (max-width:1100px){.ba-row,.ba-row.flip{grid-template-columns:1fr}.ba-row.flip .ba-side{order:0}.vitrine-row,.vitrine-row.flip{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.tile-lg,.tile-sm{grid-area:span 1/span 1}.work-hero-blurb{grid-template-columns:1fr;gap:24px}}.tile>span:has(img){width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.ba-pane>span:has(img){width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.vitrine-row .big>span:has(img){width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.vitrine-row .mid>span:has(img){width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.cta-section{text-align:center;background:radial-gradient(ellipse 60% 80% at 50% 50%, #e8c9a01a 0%, transparent 60%), var(--obsidian);padding:180px 48px;position:relative;overflow:hidden}.cta-section:before{content:"";background:linear-gradient(180deg, var(--champagne) 0%, transparent 100%);width:1px;height:80px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cta-eyebrow{margin-bottom:32px}.cta-section h2{font-family:var(--serif);letter-spacing:-.025em;text-wrap:pretty;max-width:980px;margin:0 auto 16px;font-size:clamp(48px,7vw,100px);font-weight:400;line-height:1}@media (max-width:768px){.work-hero{padding:120px 24px 48px}.work-hero h1{font-size:clamp(36px,10vw,156px)}.work-hero .hero-tagline{font-size:clamp(24px,6vw,92px)}.work-hero-blurb{gap:20px;margin-top:40px;padding-top:32px}.work-hero-blurb p{font-size:16px}.filter-strip{padding:12px 24px;top:78px}.filter{min-height:44px;padding:12px 16px;font-size:11px}.ba-section{padding:80px 24px}.ba-side h3{font-size:clamp(28px,7vw,40px)}.ba-side p{font-size:16px}.gallery-section{padding:80px 24px 40px}.gallery{grid-template-columns:1fr;grid-auto-rows:minmax(200px,auto)}.vitrine{padding:80px 24px}.vitrine-row .copy h3{font-size:clamp(28px,7vw,44px)}.cta-section{padding:80px 24px 100px}body.lang-fr .work-hero-blurb p>.fr-block{font-size:17px!important}body.lang-fr .ba-side p>.fr-block,body.lang-fr .vitrine-row .copy p>.fr-block{font-size:15px!important}}body.lang-fr .work-hero-blurb p>.fr-block{font-size:19px!important;line-height:1.65!important}body.lang-fr .ba-side p>.fr-block,body.lang-fr .vitrine-row .copy p>.fr-block{font-size:16px!important;line-height:1.65!important}