
.email-gallery.email-orbit{perspective:1200px;touch-action:pan-y}
.email-gallery.email-orbit .email-preview{width:36%;left:32%;top:12%;height:70%;aspect-ratio:auto;margin:0;transform:translateX(0) scale(.8);transition:transform 850ms cubic-bezier(.22,1,.36,1),opacity 700ms;transform-origin:center;opacity:0;pointer-events:none;animation:none;box-shadow:0 25px 60px #0008;border:1px solid #ffffff15;container-type:inline-size}
.email-gallery.email-orbit .email-preview[data-slot="0"]{transform:translateX(0) scale(1);opacity:1;z-index:5}
.email-gallery.email-orbit .email-preview[data-slot="1"]{transform:translateX(83%) translateY(-3%) rotateY(-24deg) rotate(5deg) scale(.82);opacity:.78;z-index:3}
.email-gallery.email-orbit .email-preview[data-slot="-1"]{transform:translateX(-83%) translateY(-3%) rotateY(24deg) rotate(-5deg) scale(.82);opacity:.78;z-index:3}
.email-gallery.email-orbit .email-preview[data-slot="2"]{transform:translateX(110%) translateY(-5%) rotateY(-40deg) scale(.65);opacity:0;z-index:1}
.email-gallery.email-orbit .email-preview[data-slot="-2"]{transform:translateX(-110%) translateY(-5%) rotateY(40deg) scale(.65);opacity:0;z-index:1}
.email-orbit .email-welcome .campaign-art>img,.email-orbit .inferno-email>img{height:100%;width:100%;object-fit:contain;background:#160804}
.email-orbit .email-campaign .anthem-art{flex:1;min-height:0}.email-orbit .email-campaign .anthem-art>img{height:100%;object-fit:contain;background:#100e0b}
.orbit-new{display:flex;flex-direction:column;background:#e8e1cf}.orbit-photo{position:relative;flex:1;min-height:0;overflow:hidden}.orbit-photo>img{width:100%;height:100%;object-fit:cover}.orbit-copy{position:absolute;inset:0 0 auto;padding:9% 7% 22%;background:linear-gradient(#101510db,transparent);color:#fff}.orbit-copy small{font-size:3cqw;letter-spacing:.15em}.orbit-copy strong{display:block;margin-top:12%;font-size:12cqw;line-height:.98;letter-spacing:-.045em}.orbit-footer{padding:7%;background:#eee7d6;color:#1f392b}.orbit-footer p{font-size:3.5cqw;color:inherit;margin-bottom:10%}.orbit-footer span{display:block;padding:7% 3%;text-align:center;border-radius:5px;background:#264834;color:#fff;font-size:3cqw;font-weight:700}.kitchen-email .orbit-photo>img{object-position:50% center}.strung-email .orbit-footer{background:#151515;color:#eee}.strung-email .orbit-footer span{background:#302733}.orbit-controls{position:absolute;bottom:9%;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:22px;z-index:12}.orbit-controls button{background:#17131dcc;border:1px solid #bda1ff50;border-radius:24px;padding:10px 18px;min-height:44px;font-size:12px}.orbit-count{font-size:11px;color:#cfc2dc}.email-orbit .work-caption{bottom:3%!important}
@media(max-width:700px){.email-gallery.email-orbit .email-preview{width:46%;left:27%;top:8%;height:69%}.orbit-controls{bottom:9%;gap:15px}.orbit-controls button{font-size:11px;padding:8px 15px}.email-orbit .work-caption{font-size:8px!important}.orbit-footer p{font-size:8px}.orbit-footer span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.email-gallery.email-orbit .email-preview{transition:none}}
/* Carry the photograph behind the headline, without a separate header block. */
.email-orbit .commit-image-art{isolation:isolate;background:#eee4d1}
.email-orbit .commit-image-art:before{content:'';position:absolute;inset:-12%;background:url('images/work/commit-email.jpg') center/cover;filter:blur(22px);z-index:-1}
.email-orbit .commit-image-art>img{position:absolute;inset:0;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to bottom,transparent 5%,#000 38%)}
.email-orbit .commit-image-art .commit-art-copy{padding-top:10%;background:transparent}
.email-orbit .campaign-buy>span,.email-orbit .orbit-footer>span{font-size:clamp(10px,4cqw,18px);font-weight:900;letter-spacing:.02em;padding:15px 5px}
@media(max-width:700px){.email-orbit .campaign-buy>span,.email-orbit .orbit-footer>span{font-size:10px;padding:11px 3px}}
.email-gallery.email-orbit .email-preview{height:auto;aspect-ratio:1/1.7;top:19%}
.email-gallery.email-orbit .email-welcome{aspect-ratio:731/975}
.email-gallery.email-orbit .email-campaign{aspect-ratio:1/1.45}
.email-orbit .inferno-email>img{position:absolute;inset:0}
.email-orbit .email-welcome .campaign-art>img{position:absolute;inset:0}
@media(max-width:700px){.email-gallery.email-orbit .email-preview{height:auto;top:15%}}

/* Each creative follows its own image; no forced blank panels. */
.email-gallery.email-orbit .email-preview{height:auto;aspect-ratio:auto;top:17%;display:block}
.email-gallery.email-orbit .campaign-art,.email-gallery.email-orbit .orbit-photo{display:block;flex:none;height:auto;min-height:0}
.email-gallery.email-orbit .campaign-art>img,.email-gallery.email-orbit .orbit-photo>img,.email-gallery.email-orbit .inferno-email>img{position:static;width:100%;height:auto;display:block;object-fit:contain;mask-image:none}
.email-gallery.email-orbit .commit-image-art:before{display:none}
.email-orbit .commit-image-art .commit-art-copy{top:0;padding:6% 4% 0;background:transparent}
.email-orbit .commit-image-art .commit-art-copy small{font-size:2.6cqw;margin-bottom:4%}
.email-orbit .commit-image-art .commit-art-copy strong{font-size:7.5cqw}
.email-orbit .commit-campaign-photo .campaign-buy{padding:7%}
.kitchen-email .orbit-footer small{font-size:3cqw;letter-spacing:.13em}.kitchen-email-title{display:block;font-size:10cqw;letter-spacing:-.04em;line-height:1.04;margin:7% 0}.kitchen-email .orbit-footer p{font-size:4cqw;margin:8% 0}
.email-orbit .strung-email .orbit-copy{position:static;background:#151515;padding:7%;color:#fff}.email-orbit .strung-email .orbit-copy strong{font-size:10cqw;margin-top:7%}
@media(max-width:700px){.email-gallery.email-orbit .email-preview{top:18%}}

.orbit-track{position:absolute;inset:0;touch-action:pan-y}
@media(max-width:700px){.cinema-scene .service-art.email-gallery.email-orbit{height:580px;min-height:580px;max-height:580px}.email-orbit .orbit-track{position:absolute;inset:22px 0 98px;display:flex;align-items:flex-start;gap:16px;overflow-x:auto;overflow-y:hidden;padding:0 26px;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;perspective:none}.email-gallery.email-orbit .email-preview,.email-gallery.email-orbit .email-preview[data-slot]{position:relative;inset:auto;flex:0 0 78%;width:78%;height:auto;max-height:none;transform:none;opacity:1;pointer-events:auto;scroll-snap-align:center;transition:none;margin:0}.email-orbit .orbit-controls{bottom:36px}.email-orbit .work-caption{display:none}.email-orbit .orbit-track img{pointer-events:none}.email-orbit .campaign-buy>span,.email-orbit .orbit-footer>span{font-size:12px}}

.email-gallery.email-orbit .strung-email .orbit-photo{aspect-ratio:4/5;position:relative;overflow:hidden}
.email-gallery.email-orbit .strung-email .orbit-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}
.email-orbit .strung-email .orbit-copy{position:absolute;top:0;left:0;right:0;padding:7% 7% 18%;background:linear-gradient(#08090cdd,transparent);color:#fff}
.email-orbit .strung-email .orbit-copy strong{font-size:10cqw;line-height:1.02;margin-top:5%;text-shadow:0 2px 12px #0008}
.email-orbit .strung-email .orbit-footer{padding:7%}.email-orbit .strung-email .orbit-footer p{display:none}

.email-orbit .commit-image-art .commit-art-copy{top:0;padding:6% 4% 0}
.email-orbit .commit-image-art .commit-art-copy strong{font-size:6cqw;line-height:1.1;letter-spacing:-.045em;white-space:nowrap}

.email-orbit .kitchen-email .orbit-photo{position:relative;background:#edf0ed}
.kitchen-campaign-heading{position:absolute;top:5%;left:6%;right:6%;text-align:center;color:#203e30}
.kitchen-campaign-heading small{font-size:3.5cqw;letter-spacing:.14em;font-weight:700}
.kitchen-campaign-heading strong{display:block;font-size:10cqw;letter-spacing:-.055em;line-height:1.02;margin-top:6%}
.kitchen-campaign-bottom{position:absolute;bottom:4%;left:7%;right:7%;text-align:center;color:#203e30}
.kitchen-campaign-bottom p{font-size:3.5cqw;line-height:1.3;color:#203e30;margin:0 0 6%}
.kitchen-campaign-bottom span{display:block;background:#214530;color:#fff;border-radius:6px;padding:6% 3%;font-size:4.4cqw;font-weight:900;letter-spacing:.03em}

.email-orbit .reelup-email>img{display:block;width:100%;height:auto}.email-orbit .reelup-email .orbit-footer{background:#0d1c13;padding:6%}.email-orbit .reelup-email .orbit-footer span{background:#8fba68;color:#102015;font-weight:900;font-size:4.5cqw}

/* Campaign refinement: compact CTAs and clear product space. */
.email-orbit .campaign-buy,.email-orbit .orbit-footer{text-align:center;padding:5% 6%}
.email-orbit .campaign-buy>span,.email-orbit .orbit-footer>span{display:inline-block;width:auto;min-width:54%;max-width:100%;padding:3.5% 7%;font-size:4cqw;line-height:1.25;font-weight:800;border-radius:5px;box-sizing:border-box}
.email-orbit .email-campaign .campaign-buy>span,.email-orbit .strung-email .orbit-footer>span{background:#090909;color:#fff;border:1px solid #e8dfcc;border-radius:3px}
.email-orbit .commit-campaign-photo .campaign-buy{padding:5%}
.email-orbit .commit-campaign-photo .campaign-buy>span{border-radius:20px}
.email-orbit .kitchen-campaign-heading{top:3%;left:5%;right:5%}
.email-orbit .kitchen-campaign-heading small{font-size:3cqw}
.email-orbit .kitchen-campaign-heading strong{font-size:8cqw;margin-top:3%;line-height:1.05}
.email-orbit .kitchen-campaign-bottom{bottom:3%;left:5%;right:5%}
.email-orbit .kitchen-campaign-bottom p{font-size:3.2cqw;margin-bottom:3%}
.email-orbit .kitchen-campaign-bottom span{display:inline-block;padding:3.5% 7%;font-size:4cqw;border-radius:5px}
.email-orbit .stones-email{background:white}
.stones-art{position:relative}.stones-art img{display:block;width:100%;height:auto}
.stones-heading{position:absolute;top:5%;left:5%;right:5%;text-align:center;color:#111}
.stones-heading small{font-size:3cqw;font-weight:700;letter-spacing:.08em}
.stones-heading strong{display:block;font-size:10cqw;letter-spacing:-.04em;line-height:.95;margin-top:4%}
.email-orbit .stones-email .orbit-footer{background:#fff;color:#141414;padding-top:0}
.email-orbit .stones-email .orbit-footer p{font-size:4cqw;line-height:1.4;margin:0 0 5%}
.email-orbit .stones-email .orbit-footer span{background:#b41324;color:#fff}
.email-orbit .eterno-email>img{display:block;width:100%;height:auto}
@media(max-width:700px){.cinema-scene .service-art.email-gallery.email-orbit{height:650px;min-height:650px;max-height:650px}.email-orbit .orbit-controls button{font-size:14px}.email-orbit .orbit-count{font-size:13px}}

.email-orbit .strung-1984-email>img,.email-orbit .louder-email>img{display:block;width:100%;height:auto}
.email-orbit .strung-1984-email .orbit-footer{background:#171116;padding:5%}
.email-orbit .strung-1984-email .orbit-footer>span{background:#d71c45;color:white;border-radius:24px;padding:3.5% 9%;min-width:0;font-size:4.2cqw}

.email-orbit .summer-email>img{display:block;width:100%;height:auto}

/* Keep the 1984 CTA within the creative itself. */
.email-orbit .strung-1984-email{background:#171116}
.email-orbit .strung-1984-email .orbit-footer{position:absolute;bottom:0;left:0;right:0;padding:12% 5% 4%;background:linear-gradient(transparent,rgba(20,8,16,.72));text-align:center}
.email-orbit .strung-1984-email .orbit-footer>span{background:#ce2046;color:#fff;border:1px solid #ff8da36b;box-shadow:0 3px 12px #0005;border-radius:24px;padding:3% 7%;font-size:3.8cqw;letter-spacing:.05em;min-width:0}


.email-orbit .reelup-email .orbit-footer{position:absolute;inset:auto 0 0;padding:12% 5% 4%;background:linear-gradient(transparent,#09160ddd)}
.email-orbit .reelup-email .orbit-footer>span{padding:3% 7%;min-width:0;border-radius:24px;font-size:3.8cqw}
.email-orbit .summer-cta{position:absolute;top:72%;left:0;right:0;text-align:center}
.email-orbit .summer-cta span{display:inline-block;background:#064d54;color:#fff;font-size:3.8cqw;font-weight:800;letter-spacing:.04em;padding:3% 6%;border-radius:24px;box-shadow:0 3px 14px #064d5420}

/* Place the 1984 CTA below the bracelet, in a compact matching base. */
.email-orbit .strung-1984-email .orbit-footer{position:static;inset:auto;padding:3% 5% 4%;background:linear-gradient(#24121c,#171116);text-align:center}

/* The tall tackle creative uses a narrower frame to clear navigation. */
@media(min-width:701px){.email-gallery.email-orbit .reelup-email{width:27%;left:36.5%;top:13%}}
@media(max-width:700px){.email-gallery.email-orbit .reelup-email,.email-gallery.email-orbit .reelup-email[data-slot]{flex-basis:65%;width:65%}}
.email-orbit .strung-email .orbit-footer{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#111d);padding:10% 4% 4%}
.email-orbit .strung-email .orbit-footer>span{font-size:3.6cqw;padding:3% 6%;min-width:0;background:#080808;border:1px solid #ece4d4;border-radius:20px}

.email-orbit .orbit-controls{bottom:22px;min-height:48px}
@media(min-width:701px){.email-orbit .orbit-track{inset:0 0 100px}}
@media(max-width:700px){.email-orbit .orbit-track{bottom:100px}}

@media(min-width:701px){.email-gallery.email-orbit .email-preview{width:44%;left:28%}.email-gallery.email-orbit .reelup-email{width:36%;left:32%}}

/* Mobile: one equal-size, full-width creative per swipe. */
@media(max-width:700px){
.cinema-scene .service-art.email-gallery.email-orbit{height:auto;min-height:0;max-height:none;padding:0;background:#0d0d11!important;overflow:hidden}
.email-orbit .orbit-track{position:relative;inset:auto;width:100%;height:auto;display:flex;align-items:stretch;gap:0;padding:0;scroll-padding:0}
.email-gallery.email-orbit .email-preview,.email-gallery.email-orbit .email-preview[data-slot],.email-gallery.email-orbit .reelup-email[data-slot]{flex:0 0 100%;width:100%;height: min(145vw,76svh);min-height:440px;aspect-ratio:auto;display:flex;flex-direction:column;left:auto;top:auto;border-radius:10px;box-shadow:none;scroll-snap-align:start;overflow:hidden}
.email-gallery.email-orbit .email-preview>img{width:100%;height:100%;min-height:0;object-fit:contain;flex:1}
.email-gallery.email-orbit .campaign-art,.email-gallery.email-orbit .orbit-photo{width:100%;height:auto;min-height:0;flex:1;aspect-ratio:auto;position:relative}
.email-gallery.email-orbit .campaign-art>img,.email-gallery.email-orbit .orbit-photo>img{width:100%;height:100%;object-fit:contain}
.email-orbit .orbit-controls{position:relative;inset:auto;min-height:52px;padding:10px 0 0;margin:0;gap:18px}
.email-orbit .campaign-buy,.email-orbit .strung-1984-email .orbit-footer{flex:none;padding:10px}
.email-orbit .summer-cta{top:70%}
.email-gallery.email-orbit .strung-email .orbit-photo>img{object-fit:cover}
#service-scene-2{padding-bottom:0;min-height:0}.services-cinema{padding-bottom:28px}.cinema-scenes{row-gap:24px}
}
