.work{position:relative;width:100vw;min-height:100svh;background-color:var(--base-300);color:var(--base-100);overflow:hidden;padding-bottom:6rem}.work-top-bar{position:absolute;top:0;left:0;width:100%}.work-top-bar .container,.work-bottom-bar .container{display:flex;justify-content:space-between}.work-bottom-bar .container{padding-top:4rem;padding-bottom:0}.work-bottom-bar p.mono{color:var(--base-secondary-dark)}.work-header{padding-top:10rem;margin-bottom:4rem}.work-header>p.mono{margin-bottom:1rem;color:var(--base-secondary-dark)}.work-header h1{font-size:clamp(4.5rem,11vw,11rem);color:var(--base-100)}.work-header-meta{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.25rem;border-top:1px dashed var(--base-secondary-fade)}.work-header-meta p.mono{color:var(--base-secondary-dark)}.work-view-switcher{display:flex;align-items:center;gap:.6rem}.work-view-label{margin-right:.5rem}.work-view-btn{text-transform:uppercase;font-family:DM Mono;font-size:.8rem;font-weight:500;color:var(--base-100);background-color:#ffffff06;border:1px dashed var(--base-secondary-dark);border-radius:6px;padding:.7rem 1.2rem;cursor:pointer;transition:border-color .3s ease,background-color .3s ease,color .3s ease}.work-view-btn span{position:relative;top:-.1rem}.work-view-btn:hover{border-color:var(--base-100)}.work-view-btn.active{background-color:var(--base-100);border:1px solid var(--base-100);color:var(--base-300)}.work-list{display:flex;flex-direction:column;border-top:1px dashed var(--base-secondary-fade)}.work-row{display:grid;grid-template-columns:4rem 1.25fr 1fr auto;align-items:center;gap:2.5rem;padding:2.5rem 2.75rem;max-width:2000px;margin:0 auto;width:100%;color:var(--base-100);border-bottom:1px dashed var(--base-secondary-fade);transition:background-color .3s ease;will-change:transform}.work-row:hover{background-color:#f9f4eb09}.work-row-num{color:var(--base-secondary-dark)}.work-row-main h2{font-size:clamp(2.25rem,4vw,4rem);line-height:.9;transition:transform .4s cubic-bezier(.4,0,.2,1)}.work-row:hover .work-row-main h2{transform:translate(.75rem)}.work-row-tags{margin-top:.75rem;color:var(--base-secondary-dark);font-size:.75rem!important}.work-row-desc{font-size:.95rem;color:#f9f4eb8c;max-width:34rem}.work-row-view{justify-self:end;padding:.9rem 1.6rem;border:1px dashed var(--base-secondary-dark);border-radius:6px;white-space:nowrap;transition:border-color .3s ease,background-color .3s ease}.work-row:hover .work-row-view{border-color:var(--base-100);background-color:#f9f4eb0d}.work-row-view span,.work-grid-view span,.work-split-panel-link span{display:inline-block;transition:transform .35s cubic-bezier(.4,0,.2,1)}.work-row:hover .work-row-view span{transform:translate(3px,-3px)}.work-row-thumb{display:none}.work-preview{position:fixed;top:0;left:0;width:24rem;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;border:1px dashed var(--base-secondary-dark);pointer-events:none;opacity:0;z-index:2}.work-preview img{width:100%;height:100%;object-fit:cover}.work-split{display:grid;grid-template-columns:1.15fr 1fr;gap:3.5rem;align-items:start;padding:0 2.75rem;max-width:2000px;margin:0 auto;width:100%}.work-split-list{display:flex;flex-direction:column;border-top:1px dashed var(--base-secondary-fade)}.work-split-row{display:flex;align-items:center;gap:1.75rem;padding:1.6rem .75rem;color:var(--base-100);border-bottom:1px dashed var(--base-secondary-fade);transition:background-color .3s ease}.work-split-num{color:var(--base-secondary-dark)}.work-split-row h3{font-size:clamp(2rem,3.2vw,3.25rem);line-height:.9;color:#f9f4eb59;transition:color .35s ease,transform .4s cubic-bezier(.4,0,.2,1)}.work-split-row:hover h3,.work-split-row.active h3{color:var(--base-100);transform:translate(.5rem)}.work-split-panel{position:sticky;top:5rem;display:flex;flex-direction:column;gap:1.5rem}.work-split-panel-img{width:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;border:1px dashed var(--base-secondary-dark);background-color:#ffffff0d}.work-split-panel-info{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}.work-split-panel-num{color:var(--base-secondary-dark)}.work-split-panel-desc{font-size:1rem;color:#f9f4eba6;max-width:34rem}.work-split-panel-tags{color:var(--base-secondary-dark);font-size:.75rem!important}.work-split-panel-link{text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500;color:var(--base-100);padding:.9rem 1.6rem;border:1px dashed var(--base-secondary-dark);border-radius:6px;margin-top:.25rem;transition:border-color .3s ease,background-color .3s ease}.work-split-panel-link:hover{border-color:var(--base-100);background-color:#f9f4eb0d}.work-split-panel-link:hover span{transform:translate(3px,-3px)}.work-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:21rem;gap:.75rem;padding:0 2.75rem;max-width:2000px;margin:0 auto;width:100%}.work-grid-card{grid-column:span 2;display:flex;flex-direction:column;color:var(--base-100);border:1px solid rgba(249,244,235,.12);border-radius:12px;overflow:hidden;transition:border-color .3s ease}.work-grid-card:nth-child(5n+1){grid-column:span 4}.work-grid-card:last-child{grid-column:span 4}.work-grid-card:hover{border-color:#f9f4eb80}.work-grid-card-img{flex:1;min-height:0;width:100%;overflow:hidden;background-color:#ffffff0d}.work-grid-card-img img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.work-grid-card:hover .work-grid-card-img img{transform:scale(1.05)}.work-grid-card-bottom{flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:.85rem 1rem;border-top:1px solid rgba(249,244,235,.12);transition:border-color .3s ease}.work-grid-card:hover .work-grid-card-bottom{border-color:#f9f4eb80}.work-grid-card-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.work-grid-num{color:var(--base-secondary-dark);font-size:.7rem!important}.work-grid-card-meta h4{font-size:1.2rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-grid-tag-line{font-size:.7rem!important;color:#f9f4eb73;white-space:nowrap}.work-grid-view{flex-shrink:0;font-size:.75rem!important;opacity:0;transform:translateY(6px);transition:opacity .3s ease .1s,transform .3s ease .1s;white-space:nowrap}.work-grid-card:hover .work-grid-view{opacity:1;transform:translateY(0)}.work-grid-card:hover .work-grid-view span{transform:translate(3px,-3px)}@media (max-width: 1000px){.work-preview{display:none}.work-header{padding-top:8rem;margin-bottom:2.5rem}.work-header-meta{flex-direction:column;align-items:flex-start;gap:1.25rem}.work-view-switcher{flex-wrap:wrap}.work-view-btn[data-view=split]{display:none}.work-view-btn{padding:.6rem 1rem}.work-row{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem}.work-row-thumb{display:block;width:100%;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;border:1px solid rgba(249,244,235,.12);background-color:#ffffff0d}.work-row-main h2{font-size:2.5rem}.work-row:hover .work-row-main h2{transform:none}.work-row-tags{margin-top:.5rem}.work-row-desc{max-width:none}.work-row-view{padding:.75rem 1.4rem}.work-split{grid-template-columns:1fr;padding:0 2rem}.work-split-panel{display:none}.work-split-row h3{color:var(--base-100)}.work-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;padding:0 2rem}.work-grid-card,.work-grid-card:nth-child(5n+1),.work-grid-card:last-child{grid-column:span 1}.work-grid-card-img{flex:unset;aspect-ratio:3 / 4}.work-grid-view{opacity:1;transform:none}.work-grid-card-meta h4{font-size:1rem}.work-bottom-bar .container{padding-top:2.5rem}}