.work-page{background:#fff}.work-page .work-header{position:absolute;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(207,229,243,.58);backdrop-filter:blur(14px)}.work-page .nav-links{left:49%;width:clamp(390px,36vw,540px)}.work-page .nav-links a:first-child{color:#092548}.work-page .nav-links a:first-child::after{display:none}.work-page .nav-links a.active{color:var(--blue)}.work-page .nav-links a.active::after{content:"";position:absolute;right:0;bottom:-9px;left:0;height:2px;border-radius:99px;background:var(--blue)}
.work-hero{position:relative;min-height:665px;overflow:hidden;padding-top:84px;color:#fff;background:#06325d;isolation:isolate}.work-hero-photo{position:absolute;z-index:-2;inset:84px 0 0;background:url("impact-bangkok-ultrawide.webp") center 58%/cover no-repeat;transform:scale(1.015)}.work-hero::before{content:"";position:absolute;z-index:-1;inset:84px 0 0;background:linear-gradient(90deg,rgba(3,38,75,.94) 0%,rgba(4,49,89,.82) 37%,rgba(5,57,98,.44) 66%,rgba(4,40,74,.22) 100%)}.work-hero::after{content:"";position:absolute;right:-2%;bottom:-1px;left:-2%;height:116px;border-radius:50% 50% 0 0/86% 86% 0 0;background:#fff;transform:translateY(69%)}.work-hero-inner{position:relative;display:flex;min-height:581px;align-items:center}.work-hero-copy{width:68%;max-width:820px;padding:64px 0 100px}.work-hero-copy .kicker{color:#8cddff}.work-hero-copy h1{margin:13px 0 18px;font-size:clamp(57px,5.7vw,86px);line-height:.98;letter-spacing:-.055em}.work-hero-copy h1 em{color:#fff;font-style:normal}.work-hero-copy>p:not(.kicker){max-width:620px;color:#d7e8f3;font-size:16px;line-height:1.7}.work-stats{display:grid;max-width:680px;grid-template-columns:repeat(4,1fr);gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.28);padding-top:23px}.work-stats span{min-height:74px;padding:0 20px;border-left:1px solid rgba(255,255,255,.26)}.work-stats span:first-child{padding-left:0;border-left:0}.work-stats strong{display:block;font:800 clamp(30px,3.1vw,45px)/1 Manrope,sans-serif}.work-stats small{display:block;margin-top:8px;color:#cce0ed;font-size:10px;line-height:1.35}.work-insight{position:absolute;right:3%;bottom:118px;width:176px;min-height:174px;padding:25px 25px 21px;border:1px solid rgba(255,255,255,.31);border-radius:31px 8px 31px 31px;background:rgba(4,45,82,.78);box-shadow:0 18px 50px rgba(2,28,51,.25);backdrop-filter:blur(12px)}.work-insight span,.work-insight i{display:block;font:800 12px/1.4 Manrope,sans-serif;letter-spacing:.12em}.work-insight i{margin-top:4px;color:#86dfff;font-style:normal}.work-insight button{position:absolute;right:16px;bottom:15px;display:grid;width:34px;height:34px;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--blue);color:#fff;cursor:pointer;font-size:17px}
.work-gallery{overflow:hidden;padding:58px 0 95px;background:#fff}.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.gallery-head .kicker{margin-bottom:12px}.gallery-head h2{margin:0;font-size:clamp(40px,4vw,60px);line-height:1;letter-spacing:-.055em}.gallery-controls{display:flex;align-items:center;gap:9px;padding-bottom:6px}.gallery-controls span{margin-right:14px;color:var(--blue);font-size:11px;font-weight:800}.gallery-controls button{display:grid;width:40px;height:40px;place-items:center;border:1px solid #c5deef;border-radius:50%;background:#fff;color:var(--blue);font-size:17px;cursor:pointer;transition:.2s ease}.gallery-controls button:hover,.gallery-controls button:focus-visible{border-color:var(--blue);background:var(--blue);color:#fff}.work-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.work-filters button{min-height:38px;padding:8px 16px;border:1px solid #d3e5f1;border-radius:999px;background:#f8fcff;color:#36546e;cursor:pointer;font-size:11px;font-weight:800;transition:.2s ease}.work-filters button:hover,.work-filters button:focus-visible,.work-filters button.active{border-color:var(--blue);background:var(--blue);color:#fff}.project-rail-wrap{max-width:100%;margin-top:27px;padding-left:max(24px,calc((100vw - 1280px)/2));overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.project-rail-wrap::-webkit-scrollbar{display:none}.project-rail{display:flex;width:max-content;gap:17px;padding:0 max(24px,calc((100vw - 1280px)/2)) 30px 0}.project-card{width:360px;transition:opacity .25s,transform .25s}.project-card[hidden]{display:none}.project-card a{display:block;color:inherit;text-decoration:none}.project-media{position:relative;height:230px;overflow:hidden;border-radius:19px;background:#eaf4fa;box-shadow:0 17px 36px rgba(12,54,87,.16)}.project-media::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none}.project-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-media img{transform:scale(1.035)}.project-media span{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(4,45,82,.74);color:#fff;font-size:10px;font-weight:800;backdrop-filter:blur(8px)}.project-card h3{margin:14px 0 3px;font-size:17px;line-height:1.2;letter-spacing:-.025em}.project-card p{margin:0;color:#678096;font-size:11px;line-height:1.5}
.featured-cases{position:relative;overflow:hidden;padding:92px 0 106px;background:linear-gradient(180deg,#eff9ff 0%,#f8fcff 56%,#fff 100%)}.featured-cases::before{content:"";position:absolute;top:-79px;right:-5%;left:-5%;height:116px;border-radius:0 0 50% 50%/0 0 80% 80%;background:#fff}.featured-intro{display:grid;grid-template-columns:.85fr 1.2fr .8fr;align-items:end;gap:52px;margin-bottom:40px}.featured-intro .kicker{align-self:start;margin-top:9px}.featured-intro h2{margin:0;font-size:clamp(40px,3.9vw,58px);line-height:1.03;letter-spacing:-.052em}.featured-intro>p:last-child{margin:0;color:#526e85;font-size:14px;line-height:1.72}.feature-stack{display:grid;gap:26px}.feature-row{display:grid;grid-template-columns:1.4fr .6fr;min-height:440px;overflow:hidden;border:1px solid #cde3f0;border-radius:28px;background:#fff;box-shadow:0 22px 55px rgba(16,66,103,.12)}.feature-row.reverse{grid-template-columns:.6fr 1.4fr}.feature-row.reverse .feature-visual{order:2}.feature-visual{position:relative;min-width:0;overflow:hidden;background:#dceffa}.feature-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,32,61,.48));pointer-events:none}.feature-visual img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover}.feature-visual b{position:absolute;z-index:1;bottom:26px;left:28px;color:#fff;font:800 22px/1 Manrope,sans-serif;letter-spacing:.12em}.feature-visual b small{font-size:8px;letter-spacing:.26em}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:45px 40px}.feature-copy>span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}.feature-copy h3{margin:10px 0 13px;font-size:clamp(33px,3vw,46px);line-height:1;letter-spacing:-.05em}.feature-copy p{margin:0;color:#526f87;font-size:13px;line-height:1.7}.feature-copy ul{margin:19px 0 22px;padding:0;list-style:none}.feature-copy li{position:relative;margin-top:8px;padding-left:19px;color:#294b68;font-size:11px;font-weight:700}.feature-copy li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}.feature-copy a{align-self:flex-start;color:var(--blue);font-size:12px;font-weight:800}
.work-method{position:relative;overflow:hidden;padding:96px 0 110px;color:#fff;background:#062b53;isolation:isolate}.work-method::before{content:"";position:absolute;z-index:-2;inset:0;background:url("impact-bangkok-ultrawide.webp") center 58%/cover no-repeat}.work-method::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,36,70,.96),rgba(4,56,99,.82),rgba(4,47,84,.62))}.work-method-head{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:90px;margin-bottom:42px}.work-method-head h2{margin:0;font-size:clamp(42px,4vw,60px);line-height:1.04;letter-spacing:-.05em}.work-method-head>p{margin:0;color:#d2e5f1;font-size:14px;line-height:1.75}.work-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.work-method-grid>div{min-height:186px;padding:25px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}.work-method-grid span{display:block;margin-bottom:27px;color:#7ddcff;font:800 12px Manrope,sans-serif}.work-method-grid h3{margin:0 0 8px;font-size:20px}.work-method-grid p{margin:0;color:#cee1ed;font-size:12px;line-height:1.55}.work-final{height:460px}.work-final .cta-script{font-size:clamp(33px,4vw,58px);line-height:.92}
@media(max-width:960px){.work-page .nav-links{width:auto}.work-page .nav-links a.active::after{display:none}.work-hero-copy{width:72%}.work-insight{right:24px}.featured-intro{grid-template-columns:.7fr 1.3fr}.featured-intro>p:last-child{grid-column:2}.feature-row,.feature-row.reverse{grid-template-columns:1fr 1fr}.work-method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.work-hero{min-height:700px;padding-top:64px}.work-hero-photo{inset:64px 0 0;background-position:64% center}.work-hero::before{inset:64px 0 0;background:linear-gradient(180deg,rgba(3,38,75,.96) 0%,rgba(4,47,86,.87) 56%,rgba(4,48,86,.48) 100%)}.work-hero::after{height:72px;transform:translateY(65%)}.work-hero-inner{min-height:636px;align-items:flex-start}.work-hero-copy{width:100%;padding:66px 0 115px}.work-hero-copy h1{font-size:48px;line-height:1}.work-hero-copy>p:not(.kicker){font-size:14px;line-height:1.62}.work-stats{grid-template-columns:repeat(2,1fr);gap:18px 0;margin-top:26px;padding-top:18px}.work-stats span:nth-child(3){padding-left:0;border-left:0}.work-stats strong{font-size:30px}.work-insight{right:14px;bottom:61px;width:142px;min-height:129px;padding:18px;border-radius:24px 7px 24px 24px}.work-insight span,.work-insight i{font-size:9px}.work-insight button{width:30px;height:30px}.work-gallery{padding:51px 0 73px}.gallery-head{align-items:flex-start}.gallery-head h2{font-size:38px;line-height:1.04}.gallery-controls span{display:none}.gallery-controls button{width:38px;height:38px}.work-filters{flex-wrap:nowrap;margin-right:-14px;padding-right:14px;overflow-x:auto;scrollbar-width:none}.work-filters::-webkit-scrollbar{display:none}.work-filters button{flex:0 0 auto;min-height:42px}.project-rail-wrap{padding-left:14px}.project-rail{gap:13px;padding-right:14px}.project-card{width:300px}.project-media{height:195px;border-radius:17px}.featured-cases{padding:76px 0 80px}.featured-cases::before{top:-47px;height:70px}.featured-intro{grid-template-columns:1fr;gap:13px;margin-bottom:28px}.featured-intro>p:last-child{grid-column:auto}.featured-intro h2{font-size:38px}.feature-stack{gap:16px}.feature-row,.feature-row.reverse{display:flex;min-height:0;flex-direction:column;border-radius:22px}.feature-row.reverse .feature-visual{order:0}.feature-visual img{height:255px;min-height:255px}.feature-visual b{bottom:19px;left:20px;font-size:18px}.feature-copy{padding:28px 23px 29px}.feature-copy h3{font-size:34px}.work-method{padding:72px 0 82px}.work-method-head{grid-template-columns:1fr;gap:17px}.work-method-head h2{font-size:38px}.work-method-grid{grid-template-columns:1fr;gap:10px}.work-method-grid>div{min-height:142px}.work-final{height:430px}.work-final .cta-script{font-size:35px}}
@media(prefers-reduced-motion:reduce){.project-card:hover .project-media img,.gallery-controls button:hover{transform:none}}