.work-page{background:#d8d8d1;color:var(--black)}.work-page .noise{mix-blend-mode:multiply}.work-loader{position:fixed;inset:0;background:var(--black);color:var(--white);z-index:300;display:grid;place-items:center;transition:clip-path 1.1s cubic-bezier(.76,0,.24,1);clip-path:inset(0)}.work-loader span{font-size:clamp(70px,16vw,260px);font-weight:600;letter-spacing:-.09em}.work-loader i{position:absolute;left:0;bottom:0;height:5px;background:var(--orange);animation:wload .9s forwards;width:0}.work-loader.done{clip-path:inset(0 0 100%)}@keyframes wload{to{width:100%}}.work-header{color:var(--black)}.work-header .project-link{background:var(--black);color:var(--white)}.work-header nav .active:after{width:100%}.work-hero{min-height:100vh;padding:140px 2vw 40px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.work-kicker,.work-count{font:700 13px "DM Mono"}.work-kicker{position:absolute;top:24%;left:50%;transform:translateX(-50%)}.work-hero h1{margin:0;font-size:clamp(83px,15.7vw,280px);line-height:.7;letter-spacing:-.095em;font-weight:600;display:flex;flex-direction:column}.work-hero h1 span{display:block;opacity:0;transform:translateY(110%) rotate(3deg);animation:workRise 1.2s cubic-bezier(.16,1,.3,1) forwards}.work-hero h1 span:last-child{text-align:right;animation-delay:.1s}@keyframes workRise{to{opacity:1;transform:none}}.work-count{position:absolute;right:2vw;top:27%}.work-hero>p{width:310px;margin:55px 0 0 auto;font-size:14px;line-height:1.45}.project-index{padding:80px 2vw 130px;background:var(--black);color:var(--white)}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line);font:700 13px "DM Mono"}.filters{display:flex;gap:8px}.filters button{border:1px solid #666;background:transparent;color:var(--white);font:600 12px "DM Mono";padding:11px 15px;border-radius:99px;cursor:pointer;transition:.25s}.filters button:hover,.filters button.active{background:var(--white);color:var(--black)}.work-project{display:grid;grid-template-columns:1.35fr .65fr;gap:3vw;padding:24px 0 110px;border-top:1px solid var(--line);transition:opacity .4s,transform .5s}.work-project:first-child{border-top:0}.work-project.flip{grid-template-columns:.65fr 1.35fr}.work-project.flip .work-visual{order:2}.work-project.is-hidden{display:none}.work-visual{height:min(68vw,720px);min-height:470px;position:relative;overflow:hidden;display:grid;place-items:center;color:var(--black)}.work-visual>*{will-change:transform;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.work-copy{display:flex;flex-direction:column;padding:12px 0}.work-copy>span{font:700 13px "DM Mono"}.work-copy h2{font-size:clamp(42px,5.5vw,82px);font-weight:500;letter-spacing:-.065em;line-height:.92;margin:90px 0 24px}.work-copy p{color:var(--gray);font-size:15px;line-height:1.5;max-width:410px}.work-copy ul{list-style:none;padding:0;margin:auto 0 0}.work-copy li{font:600 12px "DM Mono";border-top:1px solid var(--line);padding:11px 0}.work-luma{background:#bd9395}.work-luma span{font-size:clamp(90px,15vw,220px);font-weight:600;letter-spacing:-.09em;color:#662c39}.work-luma i{position:absolute;right:5%;top:9%;background:#ff5879;padding:18px;border-radius:50%;font:500 10px "DM Mono"}.work-nomad{background:#ddd2bc}.work-nomad span{background:#2441c5;color:#eee;padding:55px 70px;font-size:clamp(58px,8vw,120px);font-weight:700;line-height:.67;transform:rotate(-7deg)}.work-nomad i{position:absolute;width:270px;height:270px;border:45px solid var(--orange);border-radius:50%;right:-70px;bottom:-80px}.work-flora{background:#cbdf76}.work-flora span{font-size:clamp(95px,16vw,235px);font-weight:600;color:#21472e;letter-spacing:-.1em}.work-flora i{position:absolute;font-style:normal;font-size:600px;color:rgba(255,255,255,.12)}.work-cauce{background:#a8b5bb}.work-cauce span{font-size:clamp(90px,15vw,230px);font-weight:600;letter-spacing:-.1em}.work-cauce b{position:absolute;font-size:150px;color:var(--orange);right:8%;top:4%}.work-onda{background:#f0cf3d}.work-onda span{font-size:clamp(100px,17vw,250px);font-weight:600;letter-spacing:-.1em;z-index:2}.work-onda i{position:absolute;width:54%;height:54%;border:2px solid;border-radius:50%}.work-onda i:nth-of-type(2){width:72%;height:72%}.work-onda i:nth-of-type(3){width:90%;height:90%}.work-tierra{background:#a54a2e;color:#efcf9a}.work-tierra span{text-align:center;font-size:clamp(75px,12vw,180px);font-weight:600;line-height:.72;letter-spacing:-.08em}.work-tierra small{position:absolute;bottom:7%;font:600 11px "DM Mono"}.work-cursor{position:fixed;width:82px;height:82px;background:var(--orange);color:var(--black);border-radius:50%;display:grid;place-items:center;z-index:120;pointer-events:none;font:700 10px "DM Mono";opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .2s,transform .25s}.work-cursor.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.work-contact{background:var(--orange);min-height:88vh;padding:95px 2vw 45px;display:flex;flex-direction:column}.work-contact>p{font:700 13px "DM Mono"}.work-contact h2{font-size:clamp(62px,10vw,150px);line-height:.84;letter-spacing:-.08em;margin:auto 0;font-weight:600}.work-contact h2 em{color:#f2e6d6;font-style:normal}.work-contact>a{border-top:1px solid;padding:24px 0;display:flex;justify-content:space-between;font-size:22px}.work-page footer{background:var(--black);color:var(--white)}
@media(max-width:800px){.work-hero{padding-top:120px;min-height:760px}.work-kicker{top:20%}.work-count{top:24%}.work-hero h1{font-size:17vw}.filter-bar{align-items:flex-start;gap:25px;flex-direction:column}.filters{width:100%;overflow:auto;padding-bottom:5px}.work-project,.work-project.flip{grid-template-columns:1fr;padding-bottom:75px}.work-project.flip .work-visual{order:0}.work-visual{height:110vw;min-height:380px}.work-copy h2{margin-top:45px}.work-copy ul{margin-top:55px}.work-cursor{display:none}}@media(prefers-reduced-motion:reduce){.work-loader{display:none}.work-hero h1 span{opacity:1;transform:none;animation:none}}

.work-hero h1{width:100%;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(150px,26.2vw,510px);font-weight:400;line-height:.62;letter-spacing:-.025em;white-space:nowrap}.work-hero h1 span{width:100%;text-align:center!important;transform:translateY(115%) scaleX(.88);transform-origin:center bottom}.work-hero h1 span:last-child{animation-delay:0}@keyframes workRise{to{opacity:1;transform:translateY(0) scaleX(1)}}
@media(max-width:800px){.work-hero h1{font-size:27vw;line-height:.68}.work-hero>p{margin-top:65px}}