.work-page{color:#fff;background:#0e0e0e;min-height:100vh;position:relative}.work-page:before{content:"";opacity:.04;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:400px 400px;position:fixed;inset:0}.work-page>*{z-index:1;position:relative}.work-hero{text-align:center;padding:200px 0 80px}.work-hero-inner{max-width:1280px;margin:0 auto;padding:0 64px}.work-hero-label{font-family:var(--font-inter),sans-serif;letter-spacing:5px;text-transform:uppercase;color:#f3c823;margin-bottom:20px;font-size:13px;font-weight:600}.work-hero-title{font-family:var(--font-barlow),sans-serif;text-transform:uppercase;color:#fff;letter-spacing:3px;font-size:clamp(48px,7vw,80px);font-weight:900;line-height:.9}.work-hero-line{background:#f3c823;width:40px;height:2px;margin:28px auto}.work-hero-sub{font-family:var(--font-inter),sans-serif;color:#666;font-size:16px;font-weight:400;line-height:1.6}.work-featured{padding:0 0 80px}.work-featured-inner{max-width:1280px;margin:0 auto;padding:0 64px}.work-featured-card{cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#222 40%,#181818 100%);min-height:560px;transition:transform .5s;display:block;position:relative;overflow:hidden}.work-featured-card:hover{transform:scale(1.003)}.work-featured-card:after{content:"";opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:300px 300px;position:absolute;inset:0}.work-featured-overlay{z-index:1;background:linear-gradient(90deg,#0e0e0ef2 0%,#0e0e0e99 40%,#0000 70%);position:absolute;inset:0}.work-featured-content{z-index:2;flex-direction:column;justify-content:flex-end;max-width:520px;min-height:560px;padding:80px;display:flex;position:relative}.work-featured-now{font-family:var(--font-inter),sans-serif;letter-spacing:3px;text-transform:uppercase;color:#f3c823;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:600;display:flex}.work-featured-dot{background:#f3c823;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.work-featured-title{font-family:var(--font-barlow),sans-serif;text-transform:uppercase;color:#fff;letter-spacing:2px;font-size:clamp(40px,5vw,64px);font-weight:900;line-height:.92}.work-featured-desc{font-family:var(--font-inter),sans-serif;color:#ffffff80;margin-top:16px;font-size:15px;font-weight:400;line-height:1.7}.work-featured-meta{font-family:var(--font-inter),sans-serif;color:#555;letter-spacing:1.5px;margin-top:20px;font-size:12px;font-weight:500}.work-featured-btn{font-family:var(--font-inter),sans-serif;text-transform:uppercase;letter-spacing:2px;color:#fff;border:1px solid #fff3;align-self:flex-start;margin-top:24px;padding:14px 28px;font-size:12px;font-weight:500;transition:all .3s;display:inline-block}.work-featured-btn:hover{color:#0e0e0e;background:#fff;border-color:#fff}.work-row{padding:48px 0}.work-row-header{justify-content:space-between;align-items:baseline;max-width:1280px;margin:0 auto;padding:0 64px 24px;display:flex}.work-row-title{font-family:var(--font-barlow),sans-serif;text-transform:uppercase;color:#fff;letter-spacing:2px;font-size:24px;font-weight:800}.work-row-right{align-items:center;gap:16px;display:flex}.work-row-count{font-family:var(--font-inter),sans-serif;color:#444;letter-spacing:1px;font-size:12px;font-weight:400}.work-row-arrows{gap:4px;display:flex}.work-row-arrow{color:#666;cursor:pointer;width:40px;height:40px;font-size:18px;font-family:var(--font-inter),sans-serif;background:0 0;border:1px solid #333;justify-content:center;align-items:center;transition:all .25s;display:flex}.work-row-arrow:hover{color:#f3c823;border-color:#f3c823}.work-row-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:24px;padding:0 64px 16px;display:flex;overflow-x:auto}.work-row-scroll::-webkit-scrollbar{display:none}.work-card{scroll-snap-align:start;cursor:pointer;flex:none;width:360px;transition:transform .35s;display:block}.work-card:hover{transform:translateY(-6px)}.work-card-image{aspect-ratio:16/10;background:linear-gradient(160deg,#1a1a1a 0%,#252525 40%,#1e1e1e 100%);border-bottom:2px solid #0000;width:100%;transition:border-color .35s;position:relative;overflow:hidden}.work-card:hover .work-card-image{border-bottom-color:#f3c823}.work-card-image:after{content:"";opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:300px 300px;transition:transform .5s;position:absolute;inset:0}.work-card:hover .work-card-image:after{transform:scale(1.05)}.work-card-duration{font-family:var(--font-inter),sans-serif;color:#ffffff8c;letter-spacing:1.5px;-webkit-backdrop-filter:blur(4px);z-index:2;background:#00000059;padding:3px 8px;font-size:10px;font-weight:500;position:absolute;bottom:10px;right:12px}.work-card-body{padding:16px 0 0}.work-card-cat{font-family:var(--font-inter),sans-serif;letter-spacing:2px;text-transform:uppercase;color:#aaa;margin-bottom:6px;font-size:10px;font-weight:500;transition:color .4s}.work-card:hover .work-card-cat{color:#ccc}.work-card-title{font-family:var(--font-barlow),sans-serif;text-transform:uppercase;color:#fff;letter-spacing:1px;font-size:22px;font-weight:800;line-height:1.05}.work-card-meta{font-family:var(--font-inter),sans-serif;color:#777;letter-spacing:.5px;margin-top:6px;font-size:12px;font-weight:400}.work-row-carousel{max-width:1280px;margin:0 auto;padding:0 64px 16px;position:relative;overflow:hidden}.work-row-carousel.has-overflow:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(270deg,#0e0e0e,#0000);width:80px;position:absolute;top:0;bottom:16px;right:0}.work-row-scroll-area{cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-64px;padding-right:64px;overflow:auto hidden}.work-row-scroll-area:active{cursor:grabbing}.work-row-scroll-area::-webkit-scrollbar{display:none}.work-row-track{gap:16px;width:max-content;display:flex}.work-coming{text-align:center;background:#f5f3ef;padding:100px 0;position:relative;overflow:hidden}.work-coming:before{content:"";opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:400px 400px;position:absolute;inset:0}.work-coming-inner{z-index:1;max-width:1280px;margin:0 auto;padding:0 64px;position:relative}.work-coming-ghost{font-family:var(--font-barlow),sans-serif;text-transform:uppercase;color:#00000008;letter-spacing:4px;pointer-events:none;-webkit-user-select:none;user-select:none;margin-bottom:-20px;font-size:clamp(60px,10vw,140px);font-weight:900;line-height:.85}.work-coming-status{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.work-coming-dot{background:#f3c823;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.work-coming-badge{font-family:var(--font-inter),sans-serif;letter-spacing:4px;text-transform:uppercase;color:#1a1a1a;font-size:13px;font-weight:600}.work-coming-title{font-family:var(--font-barlow),sans-serif;text-transform:uppercase;color:#1a1a1a;letter-spacing:2px;margin-bottom:16px;font-size:clamp(32px,4vw,48px);font-weight:900;line-height:.95}.work-coming-text{font-family:var(--font-inter),sans-serif;color:#999;max-width:480px;margin:0 auto 32px;font-size:16px;font-weight:400;line-height:1.7}.work-coming-form{gap:0;max-width:420px;margin:0 auto;display:flex}.work-coming-input{font-family:var(--font-inter),sans-serif;color:#1a1a1a;background:#fff;border:1px solid #ddd8d0;border-right:none;outline:none;flex:1;padding:16px 20px;font-size:14px;font-weight:400;transition:border-color .3s}.work-coming-input::placeholder{color:#bbb}.work-coming-input:focus{border-color:#f3c823}.work-coming-btn{font-family:var(--font-inter),sans-serif;text-transform:uppercase;letter-spacing:2px;color:#fff;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:none;padding:16px 28px;font-size:12px;font-weight:600;transition:background .3s}.work-coming-btn:hover{color:#1a1a1a;background:#f3c823}.work-coming-note{font-family:var(--font-inter),sans-serif;color:#ccc;margin-top:16px;font-size:12px;font-weight:400}.work-cta{text-align:center;padding:100px 0}.work-cta-inner{max-width:1280px;margin:0 auto;padding:0 64px}.work-cta-line{background:#333;width:1px;height:48px;margin:0 auto 40px}.work-cta-title{font-family:var(--font-barlow),sans-serif;text-transform:uppercase;color:#fff;letter-spacing:2px;font-size:clamp(36px,5vw,56px);font-weight:900;line-height:.92}.work-cta-title span{color:#f3c823}.work-cta-sub{font-family:var(--font-inter),sans-serif;color:#555;margin-top:16px;font-size:15px;font-weight:400}.work-cta-btn{font-family:var(--font-inter),sans-serif;text-transform:uppercase;letter-spacing:2px;color:#0e0e0e;background:#f3c823;margin-top:32px;padding:16px 36px;font-size:12px;font-weight:500;transition:background .3s;display:inline-block}.work-cta-btn:hover{background:#e0b620}@media (max-width:900px){.work-hero{text-align:center;padding:160px 0 60px}.work-hero-inner,.work-featured-inner,.work-row-header,.work-coming-inner,.work-cta-inner{padding-left:32px;padding-right:32px}.work-row-carousel{padding:0 32px 16px}.work-row-scroll-area{margin-right:-32px;padding-right:32px}.work-featured-content{min-height:400px;padding:48px}.work-featured-card{min-height:400px}.work-card{width:300px}.work-coming-inner{text-align:center;flex-direction:column;gap:20px}.work-coming-left{flex-direction:column}}@media (max-width:600px){.work-hero{text-align:center;padding:110px 0 48px}.work-hero-inner,.work-featured-inner,.work-row-header,.work-coming-inner,.work-cta-inner{padding-left:24px;padding-right:24px}.work-row-carousel{padding:0 24px 16px}.work-row-scroll-area{margin-right:-24px;padding-right:24px}.work-hero-title{text-align:center;letter-spacing:1px;font-size:40px;font-weight:900}.work-hero-label{text-align:center;letter-spacing:3px;font-size:11px}.work-hero-sub{text-align:center;font-size:15px}.work-featured{padding:0 0 40px}.work-featured-card{min-height:auto}.work-featured-overlay{background:linear-gradient(#0e0e0eeb 0%,#0e0e0eb3 50%,#0e0e0e4d 100%)}.work-featured-content{text-align:left;justify-content:flex-end;align-items:flex-start;max-width:100%;min-height:500px;padding:28px 24px 32px}.work-featured-now{justify-content:flex-start;font-size:10px}.work-featured-title{text-align:left;font-size:44px;font-weight:900}.work-featured-desc{text-align:left;font-size:15px}.work-featured-meta{letter-spacing:.5px;white-space:normal;word-break:break-word;text-align:left;font-size:11px}.work-featured-btn{text-align:left;letter-spacing:2px;border:none;border-bottom:1px solid #ffffff4d;align-self:flex-start;margin-top:auto;padding:0 0 2px;font-size:11px}.work-row{padding:40px 0}.work-row-title{text-align:center;font-size:20px}.work-row-header{flex-direction:column;align-items:center;gap:8px}.work-card{width:240px}.work-card-title{font-size:16px}.work-card-cat{font-size:9px}.work-coming{padding:40px 0}.work-coming-title{text-align:center;font-size:32px;font-weight:900}.work-coming-badge{text-align:center;font-size:9px}.work-coming-text{text-align:center;font-size:14px}.work-coming-form{flex-direction:column;max-width:100%}.work-coming-input{border-bottom:none;border-right:1px solid #ddd8d0;font-size:14px}.work-coming-btn{text-align:center;width:100%;font-size:12px;display:block}.work-cta{padding:48px 0}.work-cta-title{font-size:36px;font-weight:900}.work-cta-text{font-size:15px}.work-cta-btn{text-align:center;width:100%;font-size:12px;display:block}}
