/* Flyn work collection: image-led cards, a quiet editorial project story. */
.work-collection{padding:88px 0 72px;min-width:0;overflow:hidden}
.work-collection-heading,.work-rail-footer{margin-inline:5%}
.work-collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:38px}
.work-collection-heading h2{font-size:clamp(32px,4vw,64px);margin:18px 0 14px;line-height:1.06}
.work-collection-heading p{max-width:460px;font-size:12px;margin:0}
.work-collection-heading .button{flex-shrink:0}
.work-rail{display:flex;gap:18px;padding:0 5% 18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#4b4b4d transparent;touch-action:pan-x pan-y;min-width:0}
.project-card{display:block;flex:0 0 clamp(300px,35vw,580px);position:relative;aspect-ratio:3/2;border-radius:5px;overflow:hidden;isolation:isolate;scroll-snap-align:center;color:#fff;background:#1b1b1d;text-decoration:none}
.project-card[hidden]{display:none}
.work-rail>.project-card:nth-child(n){margin:0;padding:0;align-self:flex-start}
.project-card-media{position:absolute;inset:0;overflow:hidden}
.project-card-media>img,.project-card-media>video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.project-card:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(transparent 30%,#0003 60%,#000c)}
.project-card-copy{position:absolute;inset:auto 24px 23px;z-index:1}
.project-card-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;line-height:1.5;color:#fffce8;margin-bottom:9px}
.project-card h3{font-size:clamp(23px,2.8vw,42px);line-height:1.05;letter-spacing:-.055em;display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin:0}
.project-card h3>span{font-size:24px;flex-shrink:0}
.project-card:focus-visible{outline:3px solid #ffee58;outline-offset:-4px}
.work-rail:focus-visible{outline:1px solid #ffee58;outline-offset:-2px}
.work-rail.is-looping{scroll-snap-type:none!important;scroll-behavior:auto!important;scrollbar-width:none}
.work-rail.is-looping::-webkit-scrollbar{display:none}
.work-selected:has(.is-looping) .work-rail-controls{display:none}
.work-loop-toggle{font:inherit;font-size:10px;padding:10px 16px;border:1px solid #555;border-radius:100px;background:transparent;color:#ddd;cursor:pointer}
.work-loop-toggle[hidden]{display:none}
.has-work-cursor .loop-copy:hover{cursor:pointer!important}
.work-rail-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px}
.work-rail-footer>span{font-size:9px;letter-spacing:.1em;color:#8e8e92}
.work-rail-controls{display:flex;gap:10px}.work-rail-controls[hidden]{display:none}
.work-rail-controls button{width:46px;height:46px;border:1px solid #555;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:22px}
.work-rail-controls button:disabled{opacity:.25;cursor:default}
.work-index{padding-top:25px}.work-count{white-space:nowrap}
.work-intro{display:block!important;padding-bottom:50px!important}.work-intro-copy{max-width:900px}.work-intro h1{font-size:clamp(48px,7.5vw,112px)!important;max-width:900px}
.work-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-inline:5%;min-width:0}
.work-feed>.project-card:nth-child(n){width:100%;min-width:0;aspect-ratio:4/3;margin:0;padding:0;align-self:start}
.work-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 5% 60px;padding:32px 0;border-top:1px solid #353537}
.work-invitation h2{font-size:clamp(24px,3vw,40px);line-height:1.15;margin:12px 0 0}
.work-invitation .button{flex-shrink:0;background:transparent;color:#f5f5ef;border:1px solid #666;border-radius:100px}
.work-invitation .button:hover{border-color:#ffee58;color:#ffee58}
@media(max-width:640px){.work-feed{grid-template-columns:1fr;gap:20px;margin-inline:6%}.work-invitation{align-items:flex-start;flex-direction:column;margin-inline:6%;margin-bottom:32px;padding-top:24px}.work-invitation .eyebrow{font-size:8px}}
.work-cursor{position:fixed;inset:0 auto auto 0;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;z-index:80;background:#ffee58;color:#111;font-size:10px;font-weight:700;pointer-events:none;opacity:0;transition:opacity .15s;will-change:transform}
.work-cursor.is-visible{opacity:1}
@media(hover:hover) and (pointer:fine){.project-card:hover .project-card-media>img,.project-card:hover .project-card-media>video{transform:scale(1.035)}.has-work-cursor .project-card:hover{cursor:none}.work-rail-controls button:not(:disabled):hover{border-color:#ffee58;color:#ffee58}}
.project-case .case-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(40px,7vw,112px);margin-inline:5%;padding-top:155px}
.project-case .case-intro{top:32px;max-height:calc(100svh - 64px);scrollbar-width:thin}
.project-case .case-intro h1{font-size:clamp(32px,3.5vw,64px);line-height:1.06;margin:28px 0 35px;overflow-wrap:break-word;word-break:normal}
.project-case .case-overview>p{font-size:13px;line-height:1.9;margin-bottom:42px;max-width:470px}
.project-case .case-facts{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}
.project-case .case-facts>div{display:block;padding:0;border:0}.project-case .case-facts>div:nth-child(2){grid-row:span 2}
.project-case .case-facts dt{margin-bottom:12px;color:#89898f;font-size:10px}.project-case .case-facts dd{text-align:left;font-size:12px;white-space:pre-line}
.project-case .case-stream .case-lead{margin-bottom:40px}
.project-case .case-stream img,.project-case .case-stream video{border-radius:3px}
.project-case .case-materials .content-block{margin-bottom:40px;padding:0}
.project-case .case-materials .block-text,.project-case .case-materials .block-quote{margin-block:40px 55px}
.project-case .case-materials .block-text h2{font-size:clamp(24px,2.6vw,40px);line-height:1.2}
.project-case .case-materials .prose p{font-size:14px;line-height:1.9}
.project-case .case-materials .media-pair,.project-case .case-materials .media-collection{gap:16px}
.case-film{position:relative;background:#151517;overflow:hidden;border-radius:3px}.project-case .case-film video{display:block;width:100%;height:auto;max-height:none;object-fit:cover;transform:scale(1.06)}
.case-film-controls{position:absolute;bottom:15px;right:15px;display:flex;gap:8px}.case-film-controls[hidden]{display:none}
.case-film-controls button{font:inherit;font-size:10px;border:1px solid #ffffff80;border-radius:30px;background:#111b;color:#fff;padding:10px 14px;cursor:pointer;backdrop-filter:blur(10px)}
.case-next{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:10px 5% 80px;padding-top:38px;border-top:1px solid #363639;color:inherit;text-decoration:none}
.case-next h2{font-size:clamp(30px,5vw,72px);margin-top:22px}.case-next h2 span{color:#ffee58}.case-next img{width:25%;aspect-ratio:3/2;object-fit:cover;border-radius:3px}
@view-transition{navigation:auto}
::view-transition-old(root){animation:work-out .18s ease both}::view-transition-new(root){animation:work-in .32s ease both}
@keyframes work-out{to{opacity:0}}@keyframes work-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:800px){.project-case .case-layout{display:block;padding-top:135px}.project-case .case-intro{position:static;max-height:none;overflow:visible;margin-bottom:38px}.project-case .case-overview>p{max-width:none}.project-case .case-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-case .case-facts>div:nth-child(2){grid-row:auto}}
@media(max-width:640px){.work-collection{padding-block:55px 45px}.work-collection-heading{align-items:flex-start;gap:20px;flex-wrap:wrap}.work-collection-heading,.work-filters,.work-rail-footer{margin-inline:6%}.work-collection-heading h2{font-size:34px}.work-rail{gap:14px;padding-inline:8%;}.project-card{flex-basis:100%;min-width:0;aspect-ratio:4/3}.project-card-copy{inset:auto 18px 18px}.project-card h3{font-size:27px}.project-card-meta{font-size:8px}.work-index{padding-top:0}.work-rail-footer>span{font-size:7px}.work-intro{padding-bottom:20px!important}.project-case .case-layout{margin-inline:6%}.project-case .case-intro h1{font-size:42px}.project-case .case-materials .media-pair{grid-template-columns:1fr}.case-next{margin-inline:6%;margin-bottom:50px;gap:20px}.case-next img{width:30%}.case-next .eyebrow{font-size:8px}.case-next h2{font-size:29px}.case-film-controls{bottom:10px;right:10px}.case-film-controls button{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.project-card-media>img,.project-card-media>video{transition:none!important;transform:none!important}.work-cursor{display:none}.has-work-cursor .project-card:hover{cursor:pointer}::view-transition-old(root),::view-transition-new(root){animation:none!important}}