/* Case-specific composition. Typography and hero geometry inherit the shared system. */
.garden-cover{display:flex;align-items:center;justify-content:center;gap:12%;padding:56px 8%;box-sizing:border-box;background:#e8eee1;overflow:hidden;min-height:560px;border-radius:4px;}
.garden-cover-copy{max-width:470px;}.garden-cover h2{font-size:clamp(32px,4vw,56px);line-height:1.12;letter-spacing:-.035em;margin:20px 0 24px;}.garden-cover-copy>p:last-child{font-size:18px;line-height:1.7;color:#545a54;}
.garden-cover>img{width:230px;height:auto;border-radius:28px;box-shadow:0 20px 45px #24362224;transform:rotate(5deg);flex-shrink:0;}
.garden-loop{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}.garden-loop li{padding:24px;background:#f0f3eb;border-top:2px solid #659b46;}.garden-loop li>span{display:block;margin-bottom:28px;color:#547d3c;}.garden-loop p{margin:0;}
.garden-spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center;padding:48px 32px;margin-top:36px;background:#e8eee1;border-radius:4px;}
.garden-phone{margin:0;}.garden-phone img{display:block;width:100%;max-width:290px;height:auto;margin:auto;border-radius:24px;box-shadow:0 16px 32px #263a2420;}.garden-phone figcaption{font-size:12px;line-height:1.6;color:#59644f;text-align:center;margin-top:20px;}.garden-spotlight-copy>p:not(.case-eyebrow){font-size:16px;line-height:1.65;color:#555c54;margin:0 0 28px;}.garden-spotlight-copy>.case-eyebrow{margin:0 0 28px;color:#486936;}.garden-next{display:flex;flex-wrap:wrap;gap:24px;margin-top:36px;}

@media(max-width:767px){.garden-cover{gap:24px;min-height:0;padding:36px 24px;}.garden-cover>img{width:36%;border-radius:16px;}.garden-cover h2{font-size:28px;}.garden-cover-copy>p:last-child{font-size:16px;}.garden-loop{grid-template-columns:1fr;gap:16px;}.garden-loop li>span{margin-bottom:12px;}.garden-spotlight{grid-template-columns:1fr;padding:32px 24px;gap:32px;}.garden-spotlight-copy{max-width:440px;margin:auto;}}


/* Original transparent artwork forms each badge face and its dimensional metal edge. */
.badge-gallery{margin:36px 0 20px;padding:32px;background:radial-gradient(ellipse at 50% 0%,#35393f,#13161a 65%);border-radius:4px;color:#fff;overflow:hidden;}
.badge-gallery-top{display:flex;justify-content:space-between;align-items:center;gap:20px;}.badge-gallery-top p{margin:0;color:#d7dbe0;}.badge-motion-toggle{background:transparent;color:#e3e5e8;border:1px solid #737980;border-radius:30px;padding:9px 16px;font-size:12px;cursor:pointer;}.badge-motion-toggle:focus-visible{outline:3px solid #f4d395;outline-offset:4px;}
.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px;padding:28px 0;}.badge-item{margin:0;perspective:800px;text-align:center;}.badge-object{position:relative;width:100%;aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-18deg);filter:drop-shadow(10px 18px 10px #0008);animation:badge-turn 9s ease-in-out infinite;animation-delay:var(--delay);}.badge-object img{position:absolute;inset:0;width:100%;height:auto;transform:translateZ(7px);filter:contrast(1.08) saturate(.88);}.badge-metal,.badge-glint{position:absolute;inset:0;mask-image:var(--badge);-webkit-mask-image:var(--badge);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}.badge-depth{background:linear-gradient(125deg,#e5d8b7 4%,#6b6049 14%,#25272b 30%,#f5e0ac 45%,#5d5547 62%,#25272b 76%,#bfb6a0 88%);transform:translate3d(7px,6px,-5px) scale(1.025);}.badge-edge{background:linear-gradient(120deg,#fff5d6,#80725b 20%,#eee7d9 36%,#655d4d 55%,#fff6d5 69%,#a59a82 86%);transform:translateZ(2px) scale(1.018);}.badge-glint{background:linear-gradient(115deg,transparent 15%,#ffefd855 27%,transparent 37%,transparent 50%,#fff9df99 55%,transparent 61%);background-size:260% 100%;mix-blend-mode:soft-light;transform:translateZ(8px);animation:badge-shine 9s ease-in-out infinite;animation-delay:var(--delay);pointer-events:none;}.badge-item figcaption{font-size:12px;line-height:1.6;color:#d1d5dc;margin-top:12px;}.badge-gallery-caption{font-size:12px;line-height:1.6;color:#b9c0c8;margin:12px 0 0;text-align:center;}
@keyframes badge-turn{0%,100%{transform:rotateX(8deg) rotateY(-23deg) rotateZ(-5deg)}50%{transform:rotateX(-6deg) rotateY(23deg) rotateZ(5deg)}}
@keyframes badge-shine{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
.badge-gallery[data-motion="paused"] .badge-object,.badge-gallery[data-motion="paused"] .badge-glint{animation-play-state:paused;}
.leaderboard-gallery{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:40px;margin:36px 0;background:#eef0f5;border-radius:4px;}.leaderboard-gallery figure{margin:0;}.leaderboard-gallery img{display:block;width:100%;max-width:300px;height:auto;margin:auto;border-radius:24px;box-shadow:0 14px 28px #22233024;}.leaderboard-gallery figcaption{font-size:12px;line-height:1.6;text-align:center;color:#555c54;margin:20px auto 0;max-width:300px;}
@media(max-width:767px){.badge-gallery{padding:24px 16px;}.badge-gallery-top{align-items:flex-start;}.badge-gallery-top .case-eyebrow{font-size:10px;max-width:150px;}.badge-motion-toggle{flex-shrink:0;}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;}.leaderboard-gallery{padding:24px 16px;gap:24px;grid-template-columns:1fr;}.leaderboard-gallery img{max-width:280px;}}
@media(prefers-reduced-motion:reduce){.badge-object,.badge-glint{animation:none;}.badge-object{transform:none;}}