.commerce-gallery{padding-top:55px}.cg-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.cg-eyebrow{font-size:10px;letter-spacing:2px;color:var(--green)}.cg-heading h2{font-size:30px;letter-spacing:-.8px;margin:12px 0 0}.cg-heading p{font-size:12px;line-height:1.8;color:var(--muted);max-width:360px}.cg-main-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}.cg-main-card{margin:0;min-width:0}.cg-main-card .image-button{border-radius:0;overflow:hidden;aspect-ratio:1;background:#171c1a;border:1px solid #353d36;transition:border-color .2s,transform .2s}.cg-main-card .image-button:hover{transform:translateY(-3px);border-color:var(--green)}.cg-main-card .image-button img{width:100%;height:100%;object-fit:contain;display:block}.cg-main-card figcaption{display:flex;justify-content:space-between;font-size:11px;gap:8px;color:var(--muted);padding:11px 2px}.cg-main-card figcaption span:last-child{color:var(--green)}.cg-detail-heading{margin-top:88px;padding-top:30px;border-top:1px solid var(--line)}.cg-phone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:54px;row-gap:60px;max-width:1120px;margin:auto}.cg-phone-card{margin:0;min-width:0;width:100%;max-width:340px;justify-self:center}.cg-phone-caption{display:flex;align-items:baseline;gap:14px;margin-bottom:19px;min-height:26px}.cg-phone-caption>span{font-size:10px;letter-spacing:1px;color:var(--green)}.cg-phone-caption h3{font-size:17px;font-weight:400;line-height:1.5;margin:0}.cg-device{position:relative;padding:7px;background:#060807;border:1px solid #59635b;border-radius:39px;box-shadow:inset 0 0 0 3px #202622,0 18px 40px -22px #000b}.cg-device-top{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#ddd;font-size:9px;letter-spacing:.4px}.cg-device-top i{display:block;width:56px;height:13px;background:#181e1a;border-radius:20px}.cg-phone-screen{aspect-ratio:9/18.7;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#819075 #151a16;border-radius:20px;background:#f0f0ed;outline-offset:4px}.cg-phone-screen img{display:block;width:100%;height:auto;max-width:none;margin:0;padding:0;border:0}.cg-device-bottom{height:20px;display:grid;place-items:center}.cg-device-bottom i{display:block;width:75px;height:3px;border-radius:5px;background:#a0aaa3}.cg-phone-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:11px;color:var(--muted)}.cg-phone-tools button{color:var(--green);background:transparent;padding:10px 0 10px 12px;font-size:11px;min-height:40px}.cg-phone-tools button:hover{text-decoration:underline;text-underline-offset:5px}.cg-phone-screen:focus-visible{outline:2px solid var(--green)}
.cg-reader{width:min(1000px,96vw);height:94vh;height:94dvh;max-width:1000px;max-height:94dvh;padding:0;background:#111712;border:1px solid #55604f;border-radius:15px;color:var(--ink)}.cg-reader::backdrop{background:#000d}.cg-reader-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:12px 20px;border-bottom:1px solid #35412f}.cg-reader-bar h2{font-size:17px;letter-spacing:0;margin:0}.cg-reader-close{background:none;color:var(--ink);font-size:13px;padding:10px}.cg-reader-content{height:calc(100% - 64px);overflow:auto;overscroll-behavior:contain;padding:20px;scrollbar-color:#819075 #151a16}.cg-reader-content img{display:block;width:100%;height:auto;max-width:750px;margin:0 auto;padding:0;border:0}
@media(max-width:1100px){.cg-phone-grid{gap:42px 30px}.cg-phone-caption h3{font-size:15px}}
@media(max-width:1000px){.cg-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cg-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.cg-heading h2{font-size:28px}.cg-heading p{max-width:240px}}
@media(max-width:600px){.commerce-gallery{padding-top:30px}.cg-heading{display:block;margin-bottom:24px}.cg-heading h2{font-size:26px}.cg-heading p{margin-top:12px;max-width:none}.cg-main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cg-main-card .image-button{border-radius:0}.cg-main-card figcaption{font-size:10px}.cg-detail-heading{margin-top:48px}.cg-phone-grid{grid-template-columns:1fr;row-gap:38px}.cg-phone-card{max-width:340px}.cg-phone-caption{margin-bottom:14px}.cg-phone-caption h3{font-size:17px}.cg-device{border-radius:35px}.cg-reader-bar{padding:10px 12px;gap:10px}.cg-reader-bar h2{font-size:14px}.cg-reader-content{padding:8px}.cg-reader-close{font-size:12px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.cg-main-card .image-button{transition:none}.cg-main-card .image-button:hover{transform:none}}

/* Separate everyday and seasonal work without changing the image or phone grids. */
.cg-visual-group+.cg-visual-group{margin-top:48px}.cg-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--line)}.cg-group-heading h3{font-size:18px;font-weight:400;letter-spacing:0;line-height:1.5;margin:0}.cg-group-heading>span{font-size:10px;letter-spacing:1px;color:var(--muted);white-space:nowrap}.cg-main-card .image-button:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:600px){.cg-visual-group+.cg-visual-group{margin-top:32px}.cg-group-heading{gap:12px;margin-bottom:18px;padding-bottom:12px}.cg-group-heading h3{font-size:16px}.cg-group-heading>span{font-size:9px;letter-spacing:.5px}}

.cg-store-grid{max-width:none;gap:40px 30px}.cg-store-card{max-width:none}.cg-store-card .cg-device{padding:0;border-radius:10px;box-shadow:0 18px 40px -22px #000b;overflow:hidden}.cg-store-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:12px;font-size:9px;letter-spacing:1.5px;color:var(--muted);background:#1b221e;border-bottom:1px solid #354038}.cg-store-bar>span:first-child{font-size:8px;color:#6d7b6d}.cg-store-card .cg-phone-screen{aspect-ratio:3/4.5;border-radius:0;scrollbar-gutter:stable}.cg-store-card .cg-phone-screen:focus-visible{outline-offset:-3px}
@media(max-width:600px){.cg-store-card{max-width:400px}.cg-store-grid{gap:38px}}