/* First Thought / the client catalogue */
.catalogue-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding-block:58px 48px}
.catalogue-hero h1,.project-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-2.2px;font-size:clamp(38px,4.1vw,62px);line-height:1.13;color:var(--wine)}
.catalogue-hero h1 em,.project-hero h1 em{font-style:normal;color:var(--wine)}
.catalogue-hero p{max-width:530px;color:var(--muted);margin:20px 0;font-size:17px}
.catalogue-hero .text-link{font-size:14px}
.catalogue-hero-art{display:flex;align-items:center;position:relative;padding:18px 0 25px;isolation:isolate}
.catalogue-hero-art>a{width:36%;flex-shrink:0;box-shadow:0 10px 24px #51102b15;overflow:hidden;border:5px solid #fff;border-radius:4px;transform:rotate(-7deg);transition:transform .3s}
.catalogue-hero-art>a:nth-child(2){margin-left:-7%;transform:rotate(3deg);z-index:2;margin-top:-20px}.catalogue-hero-art>a:nth-child(3){margin-left:-7%;transform:rotate(9deg)}
.catalogue-hero-art>a:hover{transform:translateY(-7px) rotate(0)}
.catalogue-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.catalogue-stamp{position:absolute;bottom:-5px;right:0;background:var(--wine);color:#fff;font-size:9px;letter-spacing:1.4px;line-height:1.8;padding:14px 19px;z-index:3}
.catalogue-section{padding-block:24px 55px}.catalogue-filterbar{border-top:1px solid var(--line);padding-top:22px}.catalogue-industries{display:flex;gap:6px;flex-wrap:wrap}.catalogue-industries button,.project-media-filters button{font:inherit;font-size:13px;border:1px solid transparent;background:transparent;border-radius:24px;padding:9px 14px;color:var(--ink);cursor:pointer;white-space:nowrap}.catalogue-industries button[aria-pressed=true],.project-media-filters button[aria-pressed=true]{background:var(--wine);color:#fff}.catalogue-industries button:hover,.project-media-filters button:hover{border-color:var(--wine)}
.catalogue-tools{display:flex;align-items:end;gap:22px;justify-content:space-between;margin-top:18px}.catalogue-tools label{font-size:11px;color:var(--muted);display:flex;gap:12px;align-items:center}.catalogue-tools input,.catalogue-tools select{font:inherit;font-size:13px;background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:6px;color:var(--ink)}.catalogue-tools input{width:220px}.catalogue-index{display:flex;justify-content:space-between;margin:24px 0 17px;color:var(--muted);font-size:11px;letter-spacing:1.2px}.catalogue-index p{letter-spacing:0;font-size:12px}
.catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.catalogue-card{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden;transition:box-shadow .25s,transform .25s}.catalogue-card:hover{box-shadow:0 12px 28px #73122c0c;transform:translateY(-3px)}.catalogue-cover{display:block;position:relative;overflow:hidden;background:#f5eeef}.catalogue-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:1.7;overflow:hidden;background:#efe8e7}.catalogue-mosaic img{display:block;width:100%;height:100%;object-fit:cover;min-height:0}.catalogue-mosaic img:first-child{grid-row:1/3}.catalogue-mosaic:has(img:only-child){grid-template-columns:1fr}.catalogue-mosaic:has(img:only-child) img{object-fit:contain}.catalogue-cover-label{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:9px;letter-spacing:1.3px;pointer-events:none;text-shadow:0 1px 5px #000}.catalogue-cover-label b{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#fff;color:var(--wine);font-size:17px;text-shadow:none}.catalogue-card-info{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.catalogue-category{text-transform:uppercase;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.catalogue-card h2{font-size:23px;line-height:1.2;letter-spacing:-.5px;font-family:Georgia,serif;margin:6px 0 8px}.catalogue-card p{font-size:12px;color:var(--muted);line-height:1.5}.catalogue-scope{font-size:11px;color:var(--ink);display:block;margin-top:7px}.catalogue-view{font-size:12px;color:var(--wine);white-space:nowrap;border-left:1px solid var(--line);padding-left:17px}.catalogue-view span{display:inline-block;margin-left:7px}.catalogue-record{aspect-ratio:1.7;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:linear-gradient(130deg,#f6e9ef,#fffcf8);color:var(--wine)}.catalogue-record>span{font-size:9px;letter-spacing:1.5px}.catalogue-record strong{font-family:Georgia,serif;font-size:clamp(26px,3vw,42px);line-height:1.1;max-width:80%;font-weight:400}.catalogue-record b{float:right}.catalogue-record+.catalogue-cover-label{display:none}.catalogue-more{display:flex;justify-content:center;margin-top:28px}.catalogue-more .button{padding:14px 24px;font-size:13px}.catalogue-film{background:#841432;color:#fff;padding-block:42px}.catalogue-film>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.catalogue-film .eyebrow{color:#efd6de}.catalogue-film h2{font-family:Georgia,serif;font-size:42px;line-height:1.13;letter-spacing:-1px;color:white}.catalogue-film h2 em{color:white}.catalogue-film p{font-size:15px;color:#f4e5ea;max-width:330px;margin-top:20px}.catalogue-reel-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalogue-reel{display:block;aspect-ratio:9/16;position:relative;overflow:hidden;border-radius:9px;background:#250d14}.catalogue-reel>img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s}.catalogue-reel:hover>img{opacity:1}.catalogue-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #fff;background:#0005;border-radius:50%;display:grid;place-items:center;color:#fff;pointer-events:none}.catalogue-reel-title{position:absolute;left:12px;right:12px;bottom:15px;color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 5px #000}.catalogue-reel-title small{display:block;font-size:10px;font-weight:400;margin-top:5px}.catalogue-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:48px;border-bottom:1px solid var(--line)}.catalogue-cta h2{font-family:Georgia,serif;font-size:38px;line-height:1.14;letter-spacing:-1px}.catalogue-cta p{font-size:15px;color:var(--muted);margin-top:13px}.catalogue-cta .button{font-size:14px;padding:18px 25px}.catalogue-section~.client-feedback{padding-block:50px}
.project-hero{padding-block:30px 40px;border-bottom:1px solid var(--line)}.project-back{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:32px}.project-hero>p{font-size:20px;color:var(--muted);margin-top:20px}.project-facts{display:flex;gap:45px;flex-wrap:wrap;margin:28px 0 0}.project-facts dt{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.project-facts dd{margin:0;font-size:14px}.project-overview{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding-block:42px}.project-overview h2,.project-gallery-heading h2,.project-related h2,.project-archive-note h2{font-family:Georgia,serif;font-size:34px;line-height:1.18;letter-spacing:-.7px}.project-overview p{font-size:16px;margin-bottom:15px;color:var(--muted)}.project-overview .text-link{font-size:13px}.project-gallery-section{padding-block:24px 50px}.project-gallery-heading{display:flex;gap:20px;align-items:end;justify-content:space-between}.project-media-filters{display:flex;gap:5px;flex-wrap:wrap}.project-gallery-note{font-size:13px;color:var(--muted);margin:17px 0 24px}.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.project-gallery figure{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.project-gallery figure>a{display:block;position:relative;background:#f6f1f2}.project-gallery img{width:100%;height:100%;aspect-ratio:4/5;object-fit:contain;display:block}.project-gallery figcaption{padding:15px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.project-gallery figcaption span{font-size:9px;letter-spacing:1px;color:var(--wine)}.project-gallery figcaption time{font-size:10px;color:var(--muted)}.project-gallery figcaption>a{flex-basis:100%;font-size:12px;color:var(--wine)}.project-enlarge{position:absolute;bottom:12px;right:12px;background:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:var(--wine)}.project-archive-note{padding-block:40px}.project-archive-note p{max-width:700px;color:var(--muted);margin-top:20px}.project-related{padding-block:35px}.project-related>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.project-related a{padding:22px;border:1px solid var(--line);border-radius:8px}.project-related h3{font-family:Georgia,serif;font-size:25px;letter-spacing:-.5px;margin:10px 0}.project-related span{font-size:12px;color:var(--muted)}
#creative-lightbox{border:1px solid var(--line);border-radius:12px;background:#fffafa;color:var(--ink);padding:18px;max-width:min(900px,94vw);max-height:94vh;margin:auto;box-shadow:0 20px 80px #0005}#creative-lightbox::backdrop{background:#200711cc}#creative-lightbox>img{display:block;max-width:100%;max-height:72vh;object-fit:contain;margin:12px auto}#creative-lightbox>div{display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:13px}#creative-lightbox a{color:var(--wine)}.lightbox-close{display:block;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 14px;font:inherit;font-size:13px;color:var(--wine);cursor:pointer}
.catalogue-card[hidden],.project-gallery figure[hidden],[data-catalogue-controls][hidden],.project-media-filters[hidden],#catalogue-more[hidden]{display:none!important}
@media(max-width:1050px){.catalogue-hero{gap:28px}.catalogue-card-info{padding:17px}.catalogue-view{font-size:11px;padding-left:10px}.catalogue-card h2{font-size:21px}.catalogue-film>.wrap{gap:30px}.catalogue-film h2{font-size:36px}}
@media(max-width:760px){.catalogue-hero{grid-template-columns:1fr;padding-block:35px 25px;gap:20px}.catalogue-hero h1{font-size:43px;letter-spacing:-1.5px}.catalogue-hero p{font-size:15px;margin:15px 0}.catalogue-hero-art{max-width:460px;width:100%;margin:auto;padding:20px 15px 20px}.catalogue-hero-art>a{width:34%}.catalogue-hero-art>a:nth-child(2),.catalogue-hero-art>a:nth-child(3){margin-left:-3%}.catalogue-stamp{font-size:8px;padding:9px 12px}.catalogue-grid{grid-template-columns:1fr;gap:20px}.catalogue-tools{gap:12px;align-items:stretch}.catalogue-tools label{display:flex;flex-direction:column;align-items:start;gap:6px;min-width:0}.catalogue-tools input{width:100%;min-width:0}.catalogue-search{flex:1}.catalogue-tools select{width:135px}.catalogue-industries{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.catalogue-industries button{font-size:12px;padding:8px 12px}.catalogue-section{padding-block:15px 35px}.catalogue-card h2{font-size:23px}.catalogue-film>.wrap{grid-template-columns:1fr;gap:24px}.catalogue-film-heading{max-width:450px}.catalogue-film h2{font-size:34px}.catalogue-film p{max-width:100%;margin-top:14px}.catalogue-reel-row{gap:10px}.catalogue-reel-title{font-size:10px;left:8px;right:8px}.catalogue-reel-title small{font-size:8px}.catalogue-play{width:34px;height:34px;font-size:12px}.catalogue-cta{align-items:start;flex-direction:column;padding-block:35px;gap:20px}.catalogue-cta h2{font-size:32px}.project-hero h1{font-size:42px;letter-spacing:-1.3px}.project-facts{gap:20px}.project-facts>div{min-width:120px}.project-overview{grid-template-columns:1fr;gap:20px;padding-block:30px}.project-gallery-heading{flex-direction:column;align-items:start;gap:18px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.project-gallery figcaption{padding:10px}.project-gallery figcaption time{font-size:9px}.project-related>div{grid-template-columns:1fr}.project-gallery-heading h2,.project-overview h2{font-size:29px}#creative-lightbox>div{flex-direction:column;align-items:start;gap:8px}}
@media(prefers-reduced-motion:reduce){.catalogue-card,.catalogue-hero-art>a{transition:none}.catalogue-card:hover,.catalogue-hero-art>a:hover{transform:none}}
