:root{--work-blue:#00552E;--work-deep:#171717;--work-orange:#8B0D22;--work-gold:#F5A800;--work-paper:#f5f9fc;--work-line:rgba(2,45,82,.13);--work-ease:cubic-bezier(.22,1,.36,1)}
.work-page{background:#fff;color:#171717}.work-page main{overflow:hidden}.work-intro{background:radial-gradient(circle at 84% 15%,rgba(139,13,34,.12),transparent 29%),linear-gradient(180deg,#fff 0%,#f4f9fd 100%)}
.work-gallery-section{position:relative;isolation:isolate;padding:clamp(80px,9vw,150px) 0 clamp(110px,14vw,210px);background:linear-gradient(135deg,#f5f5f7 0%,#f8fbfd 38%,#FFFFFF 100%)}
.work-gallery-section:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(0,85,46,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,85,46,.04) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 95%)}
.work-glow{position:absolute;z-index:-1;width:55vw;aspect-ratio:1;border-radius:50%;filter:blur(90px);opacity:.24;animation:work-glow 15s ease-in-out infinite alternate}.glow-one{left:-25%;top:10%;background:#00552E}.glow-two{right:-27%;bottom:3%;background:#F5A800;animation-delay:-7s}.work-gallery-shell{width:min(1500px,calc(100% - 72px));margin-inline:auto}.work-heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:clamp(70px,8vw,120px)}.work-heading-row span{color:var(--work-blue);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.work-heading-row h2{max-width:750px;margin:12px 0 0;font-size:clamp(2.8rem,6vw,6.2rem);line-height:.92;letter-spacing:-.065em}.work-heading-row>p{max-width:330px;margin:0;color:#53677a;line-height:1.6}
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(80px,9vw,150px) clamp(24px,3vw,48px);align-items:start}.gallery-project:nth-child(3n+2){margin-top:clamp(100px,13vw,210px)}.gallery-project:nth-child(3n){margin-top:clamp(35px,5vw,85px)}.gallery-card{display:block;color:inherit}.gallery-visual{position:relative;overflow:hidden;aspect-ratio:.79;background:#f5f5f7;border-radius:3px;box-shadow:0 30px 70px rgba(0,85,46,.13);isolation:isolate}.gallery-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .55s ease,transform 1s var(--work-ease)}.gallery-slide.active{opacity:1;z-index:1}.gallery-card:hover .gallery-slide.active,.gallery-card:focus-visible .gallery-slide.active{transform:scale(1.075)}.gallery-slide.contain-slide{object-fit:contain;padding:17%;background:transparent}.visual-blue{background:linear-gradient(145deg,#f5f5f7,#00552E)}.visual-orange{background:linear-gradient(145deg,#FFFFFF,#F5A800)}.visual-navy{background:linear-gradient(145deg,#00552E,#00552E)}.visual-violet{background:linear-gradient(145deg,#171717,#8B0D22)}
.gallery-open{position:absolute;z-index:4;right:18px;bottom:18px;display:flex;align-items:center;gap:22px;padding:14px 16px;background:rgba(255,255,255,.94);color:#171717;font-size:.77rem;font-weight:750;box-shadow:0 12px 30px rgba(0,0,0,.12);opacity:0;transform:translateY(16px);transition:.4s var(--work-ease)}.gallery-open b{font-size:1.1rem}.gallery-card:hover .gallery-open,.gallery-card:focus-visible .gallery-open{opacity:1;transform:none}.gallery-count{position:absolute;z-index:4;top:17px;right:17px;display:flex;gap:4px;padding:7px 9px;border-radius:999px;background:rgba(5,42,79,.78);color:#fff;font-size:.64rem;letter-spacing:.08em;backdrop-filter:blur(12px);opacity:0;transition:.3s}.gallery-count i,.gallery-count em{font-style:normal;font-weight:500;opacity:.65}.gallery-card:hover .gallery-count,.gallery-card:focus-visible .gallery-count{opacity:1}
.gallery-meta{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--work-line)}.gallery-meta h3{margin:0 0 7px;font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1;letter-spacing:-.045em}.gallery-meta p{margin:0;color:#66798a;font-size:.77rem}.gallery-meta ul{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;gap:5px;list-style:none;margin:0;padding:0}.gallery-meta li{padding:6px 8px;border:1px solid var(--work-line);border-radius:999px;color:#435a6c;font-size:.64rem;white-space:nowrap}.work-more{background:#fff}.reveal-work{opacity:0;transform:translateY(42px);transition:opacity .75s var(--work-ease),transform .9s var(--work-ease)}.reveal-work.is-visible{opacity:1;transform:none}
@keyframes work-glow{to{transform:translate(8vw,7vh) scale(1.13)}}
@media(max-width:1050px){.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-project:nth-child(n){margin-top:0}.gallery-project:nth-child(even){margin-top:110px}.gallery-meta{display:block}.gallery-meta ul{justify-content:flex-start;margin-top:14px}}
@media(max-width:700px){.work-gallery-shell{width:min(100% - 34px,1500px)}.work-heading-row{display:block}.work-heading-row>p{margin-top:22px}.project-gallery{display:block}.gallery-project:nth-child(n){margin:0 0 75px}.gallery-visual{aspect-ratio:.86}.gallery-open{opacity:1;transform:none}.gallery-count{display:none}.work-glow{width:110vw}.gallery-meta h3{font-size:1.75rem}}
@media(hover:none){.gallery-open{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.work-glow{animation:none}.reveal-work{opacity:1;transform:none;transition:none}.gallery-slide{transition:opacity .15s}.gallery-card:hover .gallery-slide.active{transform:none}}

.work-page{background-color:#f5f6f3}.work-intro{background:#00552E;color:#fff}.work-gallery-section{background-color:#f5f6f3}.work-more{background-color:#fff}.gallery-visual{background-color:#eef1ec}.work-heading-row span{color:#8B0D22}
.gallery-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:clamp(24px,4vw,46px);background:radial-gradient(circle at 80% 15%,rgba(200,235,114,.2),transparent 32%),linear-gradient(145deg,#243900,#101d00);color:#f7faf1}.gallery-placeholder span{color:#c8eb72;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.gallery-placeholder strong{max-width:90%;margin-top:14px;font-size:clamp(1.7rem,3vw,3.2rem);line-height:.98;letter-spacing:-.05em}.gallery-placeholder small{margin-top:14px;color:rgba(247,250,241,.62)}