.work-page{background:#fbfaf8;color:#172840}.work-page main{padding:0 0 100px}.work-page .page-intro{max-width:1100px;margin:0 auto;padding:115px clamp(22px,6vw,82px) 70px}.work-page .roll{display:block;color:#60736b;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.work-page .page-intro h1{max-width:820px;margin:14px 0 0;color:#172840;font-family:Newsreader,Georgia,serif;font-size:clamp(42px,5vw,68px);font-weight:500;letter-spacing:-.075em;line-height:.9}.work-page .page-intro p{max-width:530px;margin:20px 0 0;color:#5b6b66;font-size:15px;line-height:1.75}.work-page .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 clamp(22px,6vw,82px)}.work-page .work-card{position:relative;display:block;min-height:375px;overflow:hidden;color:#fff;text-align:left}.work-page .work-card img,.work-page .work-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.72);transition:transform .35s cubic-bezier(.23,1,.32,1)}.work-page .work-card:after{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(23,40,64,.82));content:""}.work-page .work-card.video-card:after,.work-page .work-card.video-card>span,.work-page .work-card.video-card>div{pointer-events:none}.work-page .work-card:hover img,.work-page .work-card:hover video{transform:scale(1.04)}.work-page .work-card>span,.work-page .work-card>div{position:relative;z-index:1;display:block}.work-page .work-card>span{padding:16px;color:#dce8e1;font-size:8px;font-weight:800;letter-spacing:.15em}.work-page .work-card>div{position:absolute;right:18px;bottom:18px;left:18px;padding-left:10px;border-left:1px solid rgba(255,255,255,.5)}.work-page .work-card h2{margin:0;color:#fff;font-family:Newsreader,Georgia,serif;font-size:39px;font-weight:500;letter-spacing:-.07em}.work-page .work-card p{margin:5px 0 15px;color:#e0e9e5;font-size:12px}.work-page .work-card b{display:flex;align-items:center;gap:6px;font-size:10px}.work-page .collections{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin-top:120px;padding:80px clamp(22px,7vw,118px);background:#172840;color:#fff}.work-page .collections .roll{color:#b6c8c0}.work-page .collections h2{margin:15px 0 0;max-width:480px;color:#fff;font-family:Newsreader,Georgia,serif;font-size:48px;font-weight:500;letter-spacing:-.07em;line-height:.9}.work-page .collections p{margin:0;color:#c8d5cf;font-size:14px;line-height:1.75}.work-page .collections a{display:inline-flex;gap:7px;margin-top:22px;color:#b5d3ff;font-size:11px;font-weight:800}@media(max-width:850px){.work-page .page-intro{padding:75px 23px 48px}.work-page .page-intro h1{font-size:55px}.work-page .work-grid{grid-template-columns:1fr 1fr;padding:0 10px;gap:3px}.work-page .work-card{min-height:290px}.work-page .work-card h2{font-size:31px}.work-page .collections{grid-template-columns:1fr;gap:35px;margin-top:70px;padding:65px 23px}.work-page .collections h2{font-size:48px}}@media(max-width:510px){.work-page .work-grid{grid-template-columns:1fr}.work-page .work-card{min-height:250px}}