/* Real storefront captures in responsive CSS device mockups. */
.store-portfolio{padding-bottom:100px}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;padding-top:50px;border-top:1px solid var(--line);margin-bottom:48px}.portfolio-heading .eyebrow{margin-bottom:22px}.portfolio-heading>p{max-width:330px;color:var(--muted);font-size:18px}.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 28px}.store-card{min-width:0}.store-featured{grid-column:1/-1}.store-visual{position:relative;display:block;aspect-ratio:1.36;overflow:hidden;border:1px solid #47382c;border-radius:4px;background:radial-gradient(ellipse at 50% 65%,#63432a55,transparent 65%),linear-gradient(135deg,#1d1712,#0d0b09);isolation:isolate}.store-card:nth-child(3n+2) .store-visual{background:radial-gradient(ellipse at 50% 60%,#84726535,transparent 65%),#151312}.store-card:nth-child(3n) .store-visual{background:radial-gradient(ellipse at 70% 40%,#b9603425,transparent 65%),#14100e}.store-featured .store-visual{aspect-ratio:2.05}.store-index{position:absolute;top:24px;left:27px;font-size:9px;letter-spacing:2px;color:#ad9682}.device-set{position:absolute;width:87%;left:6%;top:24%;transition:transform .5s ease}.store-featured .device-set{width:67%;left:15%;top:13%}.desktop-device{position:relative;width:87%;padding:6px 6px 0;background:linear-gradient(135deg,#726252,#27221e 20%,#110f0d 70%,#665448);border:1px solid #9b806566;border-radius:10px;box-shadow:0 25px 45px #0009}.browser-bar{display:flex;align-items:center;gap:4px;height:18px;padding:0 8px;background:#151310;border-radius:4px 4px 0 0;color:#b7a18f}.browser-bar i{height:3px;width:3px;background:#796454;border-radius:50%}.browser-bar span{margin:auto;font-size:7px;letter-spacing:.5px}.desktop-screen{aspect-ratio:1440/875;overflow:hidden;background:#090807}.desktop-screen img{display:block;width:100%;height:auto;max-width:none}.desktop-chin{height:12px;background:linear-gradient(#28231f,#191612);border-radius:0 0 6px 6px}.desktop-device:after{content:'';position:absolute;left:-4%;bottom:-8px;width:108%;height:8px;border-radius:1px 1px 70% 70%;background:linear-gradient(#756658,#29231d);box-shadow:0 12px 15px #0008}.phone-device{position:absolute;width:23%;right:0;top:16%;padding:5px;border:1px solid #a9917766;border-radius:19px;background:linear-gradient(120deg,#726153,#15120f 24%,#0e0c0a 85%,#917861);box-shadow:-12px 20px 30px #0009;transform:rotate(5deg)}.phone-screen{overflow:hidden;aspect-ratio:390/770;border-radius:14px;background:#111}.phone-screen img{display:block;width:100%;height:auto;max-width:none}.phone-speaker{position:absolute;z-index:1;top:6px;left:37%;width:26%;height:5px;background:#080706;border-radius:0 0 7px 7px}.view-store{position:absolute;bottom:22px;right:25px;font-size:11px;letter-spacing:.6px;color:var(--ink)}.store-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 2px 0;gap:14px}.store-caption p{font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.growth-site .store-caption h3{font-size:28px;line-height:1.2;letter-spacing:-.02em;font-weight:500;color:var(--paper)}.store-arrow{font-size:27px;color:var(--ink)}.store-visual:hover .device-set{transform:translateY(-7px)}.store-visual:focus-visible{outline-offset:4px}.portfolio-end{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:55px;padding-top:28px;color:var(--muted);font-size:14px}.portfolio-end .text-link{margin-top:0;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.portfolio-heading{align-items:start;gap:30px}.portfolio-heading>p{max-width:250px}.store-grid{gap:38px 20px}.store-index{top:16px;left:18px;font-size:8px;letter-spacing:1px}.phone-device{border-radius:13px;padding:4px}.phone-screen{border-radius:9px}.browser-bar{height:13px;padding:0 3px;gap:2px}.browser-bar span{font-size:5px}.desktop-device{padding:4px 4px 0;border-radius:7px}.desktop-chin{height:8px}.view-store{bottom:16px;right:18px;font-size:10px}}
@media(max-width:600px){.store-portfolio{padding-bottom:60px}.portfolio-heading{display:block;padding-top:25px;margin-bottom:30px}.portfolio-heading>p{max-width:100%;margin-top:22px}.store-grid{grid-template-columns:1fr;gap:35px}.store-featured{grid-column:auto}.store-featured .store-visual,.store-visual{aspect-ratio:1.3}.store-featured .device-set,.device-set{width:87%;left:6%;top:25%}.growth-site .store-caption h3{font-size:25px}.portfolio-end{display:block;margin-top:38px}.portfolio-end .text-link{display:table;margin-top:18px}.phone-speaker{height:4px}.store-caption{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.device-set{transition:none}.store-visual:hover .device-set{transform:none}}