.work{position:relative}.work::before{content:'';position:absolute;top:0;left:0;width:0;height:4px;background:var(--accent);z-index:4}.work .sectionhead{margin-bottom:36px}.category-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 44px;position:sticky;top:12px;z-index:8;padding:12px;background:#f0eee8ed;backdrop-filter:blur(20px);border:1px solid #d4d4ca;border-radius:100px;width:max-content;max-width:100%}.category-btn{border:0;background:transparent;border-radius:100px;color:#464840;padding:12px 19px;font:700 12px Manrope,Arial,sans-serif;cursor:pointer;transition:background .25s,color .25s,transform .25s}.category-btn:hover{transform:translateY(-2px)}.category-btn[aria-selected=true]{background:#161714;color:#d7ff43}.category-count{font:500 9px 'DM Mono',monospace;opacity:.7;vertical-align:super;margin-left:5px}.category-description{display:flex;justify-content:space-between;gap:25px;margin-bottom:35px;align-items:end}.category-description h3{font-size:clamp(30px,5vw,69px);letter-spacing:-.075em;line-height:1;margin:0}.category-description p{max-width:390px;margin:0;color:#666961;font-size:14px;line-height:1.6}.projects{min-height:450px}.project{cursor:pointer;outline-offset:6px}.project:nth-child(even){margin-top:125px}.projectmedia{transition:filter .35s}.project:hover .projectmedia{filter:saturate(1.18)}.projectmeta h3{font-size:clamp(22px,2.6vw,38px)}.projectmeta span{white-space:nowrap}.projectmedia.packaging-orange{background:#f6a85c}.projectmedia.packaging-blue{background:#183c83}.projectmedia.packaging-red{background:#d53e35}.projectmedia.brand-lime{background:#d3f24b}.projectmedia.brand-cream{background:#ded7c9}.projectmedia.brand-charcoal{background:#292b2a}.projectmedia.social-blue{background:radial-gradient(circle at 45% 55%,#4788be,#0d245d)}.projectmedia.social-peach{background:#f2bca8}.projectmedia.social-purple{background:linear-gradient(130deg,#44246d,#9d67cf)}.projectmedia.motion-deep{background:#111c34}.projectmedia.motion-silver{background:#c1c6c2}.projectmedia.motion-green{background:#4e6c46}.abstract-visual{position:relative;width:85%;height:76%;display:grid;place-items:center;transform:rotate(-5deg)}.abstract-visual strong{font-size:clamp(42px,7.5vw,125px);font-weight:800;letter-spacing:-.105em;line-height:.93;text-align:center;white-space:pre-line;color:var(--art-color,#fff);text-shadow:7px 9px 0 #00000014}.abstract-visual::before{content:'';position:absolute;border:1px solid currentColor;opacity:.2;width:72%;aspect-ratio:1;border-radius:50%;transform:scale(1.45)}.project:hover .abstract-visual{transform:rotate(0deg) scale(1.035)}.project .abstract-visual{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.preview-tag{position:absolute;bottom:16px;left:18px;padding:8px 10px;border-radius:2px;background:#111;color:#fff;font:500 9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.05em}.work-rail{display:flex;align-items:center;justify-content:space-between;margin-top:65px;padding-top:20px;border-top:1px solid #b8b8ad;color:#666961}.work-rail strong{font-size:13px;color:#141514}.work-rail a{border-bottom:1px solid currentColor;padding-bottom:3px}.modal{position:fixed;inset:0;z-index:99;background:rgba(10,11,10,.82);backdrop-filter:blur(18px);display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .3s}.modal.is-open{opacity:1;pointer-events:auto}.modal-panel{background:#f0eee8;color:#111;width:min(980px,100%);max-height:min(88svh,1000px);overflow:auto;position:relative;border-radius:2px;transform:translateY(35px);transition:transform .3s}.modal.is-open .modal-panel{transform:translateY(0)}.modal-close{position:sticky;top:20px;float:right;margin:20px 20px -55px 0;z-index:2;border:0;background:#111;color:#d7ff43;border-radius:100%;height:48px;width:48px;cursor:pointer;font-size:23px}.modal-visual{height:clamp(270px,40vw,510px);display:grid;place-items:center;overflow:hidden}.modal-visual strong{font-size:clamp(65px,12vw,145px);line-height:.9;letter-spacing:-.105em;text-align:center;white-space:pre-line;padding:30px}.modal-info{padding:40px 5%;display:grid;grid-template-columns:1fr 1fr;gap:35px}.modal-info h3{font-size:clamp(38px,5vw,75px);line-height:1;letter-spacing:-.08em;margin:10px 0}.modal-info p{line-height:1.7;color:#61645e}.modal-info .mono{color:#62645c}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;pointer-events:none;background:linear-gradient(to right,#d7ff43 var(--scroll,0%),transparent 0);mix-blend-mode:difference}.hero .headline{transition:transform .15s linear}.floating-index{position:fixed;right:23px;bottom:20px;z-index:25;color:#e0e3d7;background:#141511dd;padding:11px 15px;border:1px solid #5c5d56;font:500 10px 'DM Mono',monospace;opacity:0;transform:translateY(15px);transition:.3s;pointer-events:none}.floating-index.show{opacity:1;transform:none}.statement h2 em{display:inline-block;transition:transform .5s}.statement h2 em:hover{transform:skew(-8deg)}@media(max-width:700px){.category-bar{position:relative;top:0;border-radius:18px;width:100%;gap:2px;padding:7px;display:grid;grid-template-columns:1fr 1fr}.category-btn{padding:12px 7px;font-size:11px}.category-description{display:block}.category-description h3{margin-bottom:12px}.category-description p{font-size:13px}.project:nth-child(even){margin-top:0}.abstract-visual strong{font-size:19vw}.modal{padding:10px}.modal-info{grid-template-columns:1fr;gap:4px;padding:30px 6%}.modal-visual strong{font-size:15vw}.floating-index{display:none}}@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.hero .headline{transform:none!important}.modal,.modal-panel{transition:none}}