.moon-projects{background:#111;color:#fff;margin:0 calc(-1 * var(--gutter,48px));padding:26px 0 0;overflow:hidden}.moon-projects-top{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter,48px) 20px;gap:24px}.moon-projects-top p{margin:0}.moon-projects-controls{display:flex;align-items:center;gap:12px}.moon-projects-controls span{font-size:12px;letter-spacing:.08em;margin-right:12px}.moon-projects-controls button{display:grid;place-items:center;border:1px solid #666;background:transparent;color:white;width:46px;height:42px;padding:10px;cursor:pointer;border-radius:0}.moon-projects-controls svg,.moon-case-contact svg{width:28px;height:22px}.moon-projects-controls [data-case-prev] svg{transform:rotate(180deg)}.moon-projects-controls button:disabled{opacity:.3;cursor:default}.moon-projects button:focus-visible,.moon-projects a:focus-visible,.moon-projects-track:focus-visible{outline:2px solid #fff;outline-offset:-3px}.moon-projects-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.moon-projects-track::-webkit-scrollbar{display:none}.moon-case{flex:0 0 100%;width:100%;min-width:0;display:grid;grid-template-columns:55% 45%;scroll-snap-align:start;scroll-snap-stop:always}.moon-case-image{margin:0;height:clamp(420px,36vw,560px);overflow:hidden;min-width:0}.moon-case-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.moon-case--orangina .moon-case-image{background:#fff}.moon-case--orangina .moon-case-image img{object-fit:contain;padding:20px;box-sizing:border-box}.moon-case-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px clamp(28px,4vw,70px);min-width:0}.moon-case-copy h2{font-size:clamp(36px,4.2vw,66px);line-height:1;letter-spacing:-.02em;margin:16px 0 20px;color:#fff}.moon-case-credit{font-size:clamp(17px,1.4vw,22px);line-height:1.4;margin:0 0 16px;color:#fff}.moon-case-description{color:#aaa;font-size:clamp(16px,1.2vw,19px);line-height:1.5;max-width:520px;margin:0 0 22px}.moon-case-copy .text-link{color:#fff;margin:0;font-size:15px}.moon-case-contact{display:flex;align-items:center;gap:24px;color:#fff;font-size:17px;margin-top:26px;text-decoration:none}.orangina-case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:60px}.orangina-case-gallery figure{margin:0;background:#f6f6f6}.orangina-case-gallery img{display:block;width:100%;height:clamp(360px,44vw,660px);object-fit:contain}.orangina-case-story{max-width:960px}.orangina-case-story h2{margin:0 0 24px}.orangina-case-story p{font-size:clamp(19px,2vw,26px);line-height:1.5;margin:0 0 24px}.orangina-deliverables{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:32px 0 64px;border-top:1px solid #ccc}.orangina-deliverables h3{font-size:28px;line-height:1.15;margin:0 0 14px}.orangina-deliverables p{font-size:17px;line-height:1.5;margin:0}.orangina-case-page .page-intro{padding-bottom:40px}
@media(max-width:900px){.moon-case{grid-template-columns:1fr 1fr}.moon-case-copy{padding:24px}.moon-case-copy h2{font-size:40px}.moon-case-description{font-size:16px}.moon-case-contact{font-size:15px}.orangina-deliverables{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.moon-projects{padding-top:20px}.moon-projects-top{padding-bottom:16px}.moon-case{grid-template-columns:1fr;grid-template-rows:280px 1fr}.moon-case-image{height:280px}.moon-case-image img{object-position:center 40%}.moon-case-copy{padding:26px 24px 32px;justify-content:flex-start}.moon-case-copy h2{font-size:39px;margin:12px 0 14px}.moon-case-copy .eyebrow{font-size:10px}.moon-case-credit{font-size:17px;margin-bottom:12px}.moon-case-description{font-size:16px;margin-bottom:18px}.moon-case-contact{margin-top:22px}.moon-projects-controls{gap:8px}.moon-projects-controls button{width:40px;height:38px}.moon-projects-controls span{margin-right:4px}.orangina-case-gallery{gap:14px}.orangina-case-gallery img{height:300px}.orangina-deliverables{gap:24px}.orangina-deliverables h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.moon-projects-track{scroll-behavior:auto}}