.work-container{width:min(1170px,calc(100% - 96px));margin:auto}.work-nav{display:flex;align-items:center;gap:30px}.work-nav a{font-size:10px;color:#6f7687}.work-nav a:hover,.work-nav a.current{color:var(--ink)}.work-nav a.current{border-bottom:1px solid var(--blue);padding-bottom:4px}.work-menu{display:none}.work-hero,.work-list-section{position:relative}.work-hero{padding:95px 0 0}.work-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(62,87,153,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(62,87,153,.055) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,#000,transparent)}.work-side{position:absolute;top:65px;left:28px;height:calc(100% - 65px);display:flex;align-items:center;flex-direction:column;gap:15px;color:#9ba1b3;font:8px var(--mono);letter-spacing:.1em;writing-mode:vertical-rl;z-index:2}.work-side:after{content:'';position:absolute;top:0;left:50%;height:100%;width:1px;background:#d7dbe1;z-index:-1}.work-side span{writing-mode:horizontal-tb;background:var(--yellow);color:var(--blue);font:12px var(--mono);padding:4px}.work-side small{font-size:7px}.work-heading{display:grid;grid-template-columns:1fr 310px;gap:60px;align-items:end}.work-heading h1{font-size:clamp(70px,7.5vw,105px);line-height:.9;margin:28px 0 0}.work-heading>p{font-size:12px;line-height:1.8;color:#767e8f;margin:0;max-width:280px}.work-stats{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr 1fr;border:1px solid #cbd2e2;margin-top:100px}.work-stats>div{padding:14px;border-right:1px solid #d0d5e0}.work-stats>div:last-child{border:0}.work-stats span,.work-stats strong{display:block}.work-stats span{font:7px var(--mono);color:#a0aac0;margin-bottom:8px}.work-stats strong{font-size:10px}.work-list-section{padding:100px 0 135px}.list-intro{display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:end;margin-bottom:55px}.list-intro h2{font-size:clamp(40px,4.5vw,60px);margin:20px 0 0}.list-intro>p{font-size:11px;line-height:1.8;color:#808897;margin:0}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{border:1px solid #cdd3e1;background:transparent;color:#5a6478;padding:9px 12px;font-size:9px;transition:background .2s,color .2s,border .2s}.filters button:hover{border-color:var(--blue);color:var(--blue)}.filters button.active{background:var(--blue);border-color:var(--blue);color:white}.filter-count{font:8px var(--mono);color:#8793bc;white-space:nowrap}.work-cards{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.work-card{min-width:0;cursor:pointer;border:0;background:none;padding:0;text-align:left;color:var(--ink)}.work-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;min-height:390px}.card-image{position:relative;overflow:hidden;height:285px;background:#dce0e1}.work-card.featured .card-image{height:100%;min-height:390px}.card-image img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .6s ease;filter:saturate(.85)}.work-card:hover .card-image img{transform:scale(1.045)}.image-label{position:absolute;top:0;left:0;background:#f4f4ef;color:#8c9bd1;font:8px var(--mono);padding:7px 9px}.card-tag{position:absolute;bottom:0;left:0;background:var(--blue);color:white;padding:15px 18px;min-width:190px}.card-tag strong{display:block;font-size:21px;letter-spacing:-.05em}.card-tag small{display:block;font:7px var(--mono);color:#bdc9ff;margin-top:6px}.card-bottomline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccd2e0;padding:14px 0}.card-bottomline span{font:8px var(--mono);color:#92a0ca;margin-right:10px}.card-bottomline strong{font-size:12px}.card-bottomline b{font-size:13px;color:var(--blue)}.feature-copy{background:var(--blue);color:#fff;padding:35px;display:flex;flex-direction:column;position:relative;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:45px 45px}.feature-copy>span{font:8px var(--mono);color:#bdc9ff}.feature-copy h3{font-size:30px;line-height:1.05;letter-spacing:-.05em;margin:20px 0 15px}.feature-copy p{font-size:11px;line-height:1.8;color:#c9d4ff;max-width:280px}.feature-items{border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:19px 0;margin-top:auto;margin-bottom:25px}.feature-items small,.feature-items strong{display:block}.feature-items small{font:7px var(--mono);color:#acbdff;margin-bottom:7px}.feature-items strong{font-size:11px}.feature-button{background:var(--yellow);color:var(--ink);font-size:10px;font-weight:700;padding:14px 16px;align-self:flex-start}.work-final{padding:110px 0}.work-final .light-side{color:#aebfff}.work-final .light-side:after{background:rgba(255,255,255,.25)}.work-final .light-side span{background:var(--blue);border:1px solid #a9bcff;color:#d4dfff}.work-final .work-container{position:relative}.work-final h2{font-size:clamp(60px,6.5vw,90px);margin:24px 0}.work-final h2 em{color:var(--yellow)}.work-final-bottom{display:flex;align-items:center;gap:30px}.work-final-bottom p{font-size:11px;line-height:1.8;color:#c4ceff;max-width:230px;margin:0}.work-final-line{height:1px;flex:1;background:rgba(255,255,255,.4);position:relative}.work-final-line i{position:absolute;left:0;top:-2px;width:5px;height:5px;background:var(--yellow);animation:travel 5s linear infinite}.work-dialog{border:0;padding:0;width:min(610px,calc(100% - 40px));max-height:85vh;background:#f4f4ef;color:var(--ink);box-shadow:0 20px 80px rgba(0,0,0,.25)}.work-dialog::backdrop{background:rgba(8,19,59,.72)}.dialog-close{position:absolute;top:18px;right:18px;border:1px solid #cdd3e1;background:transparent;font-size:24px;width:36px;height:36px;line-height:1;color:var(--ink)}.dialog-content{padding:45px}.dialog-content h2{font-size:38px;letter-spacing:-.06em;margin:20px 0 15px}.dialog-content p{font-size:12px;line-height:1.8;color:#737e8d}.dialog-content h3{font-size:13px;margin-top:30px}.dialog-content ul{padding-left:18px;color:#737e8d;font-size:11px;line-height:2}.dialog-content .button{margin-top:15px}.dialog-disclaimer{font:8px var(--mono)!important;color:#999faa!important;margin-top:24px!important}.work-page .guide-rail{z-index:10}@media(max-width:900px){.work-container{width:calc(100% - 80px)}.work-nav{gap:16px}}@media(max-width:700px){.work-container{width:calc(100% - 44px)}.work-nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:flex-start;background:var(--paper);padding:22px;gap:20px;border-bottom:1px solid var(--line)}.work-nav.open{display:flex}.work-menu{display:block;background:none;border:0;font-size:22px;color:var(--ink)}.work-page .pricing-header .nav-cta{margin-left:auto}.work-side{display:none}.work-hero{padding-top:70px}.work-heading,.list-intro{grid-template-columns:1fr;gap:20px}.work-heading h1{font-size:68px}.work-stats{margin-top:50px;grid-template-columns:1fr 1fr}.work-stats>div{border-bottom:1px solid #d0d5e0}.work-stats>div:last-child{grid-column:1/-1}.work-list-section{padding:75px 0}.list-intro{margin-bottom:35px}.list-intro h2{font-size:42px}.filter-bar{align-items:flex-start;flex-direction:column}.work-cards{grid-template-columns:1fr;gap:35px}.work-card.featured{grid-column:auto;grid-template-columns:1fr}.work-card.featured .card-image{min-height:270px}.card-image{height:260px}.feature-copy{min-height:320px;padding:25px}.work-final{padding:75px 0}.work-final h2{font-size:55px}.work-final-bottom{flex-wrap:wrap}.work-final-line{min-width:50px}.work-final-bottom .button{width:100%}.dialog-content{padding:35px 25px}.dialog-content h2{font-size:31px}}
@media(min-width:701px) and (max-width:900px){.work-nav{display:none;position:absolute;top:82px;left:0;right:0;flex-direction:column;align-items:flex-start;background:var(--paper);padding:22px 40px;gap:18px;border-bottom:1px solid var(--line)}.work-nav.open{display:flex}.work-menu{display:block;background:none;border:0;font-size:22px;color:var(--ink)}.work-page .pricing-header .nav-cta{margin-left:auto;margin-right:15px}}