.gallery-intro{padding:38px 4.5% 56px}.gallery-back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:48px}.gallery-back:hover{text-decoration:underline}.gallery-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-kicker>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.gallery-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}.gallery-title h1{font-size:clamp(54px,7.8vw,120px);letter-spacing:-6px;line-height:1.05}.demos-page em{font-family:Georgia,serif;font-weight:400}.gallery-star{display:grid;place-items:center;width:160px;height:160px;flex-shrink:0;border-radius:50%;background:var(--lilac);font-size:140px;line-height:1;transform:rotate(-12deg);margin-right:3%}.gallery-lead{display:flex;justify-content:space-between;align-items:center;gap:30px}.gallery-lead p{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:0}.featured-demo{display:grid;grid-template-columns:.8fr 1.35fr;gap:5%;align-items:center;padding:60px 4.5%;background:var(--lime);scroll-margin-top:20px}.featured-copy h2,.gallery-section-heading h2{font:500 clamp(34px,4vw,62px)/1.13 'Manrope',sans-serif;letter-spacing:-2.4px;margin-bottom:24px}.featured-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:430px}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 34px}.project-tags span{border:1px solid #20211e44;padding:7px 10px;border-radius:30px;font-size:11px}.project-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 8px;border-top:1px solid #20211e40;font-size:14px;font-weight:600}.project-link>span{font-size:27px;transition:transform .2s}.project-link:hover>span{transform:translate(3px,-3px)}.featured-browser{background:#fff;border:1px solid #20211e30;border-radius:12px;overflow:hidden;box-shadow:12px 14px 0 #20211e10}.browser-toolbar{display:flex;align-items:center;gap:12px;background:#f9faf5;min-height:49px;padding:9px 14px;border-bottom:1px solid #deded5}.browser-dots{font-size:9px;letter-spacing:2px;color:#aaa}.browser-domain{font-size:8px;font-weight:700;letter-spacing:1px;margin-right:auto;color:var(--muted)}.device-switch{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden;flex-shrink:0}.device-switch button{padding:7px 10px;border:0;background:transparent;font-size:10px;cursor:pointer}.device-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.demo-viewport{position:relative;width:100%;height:420px;overflow:hidden;background:#e1e3d9}.demo-viewport iframe{position:absolute;top:0;border:0;transform-origin:top left;background:#fff;width:1440px;height:900px}.preview-note{font-size:10px;line-height:1.6;padding:12px 16px;margin:0;color:var(--muted)}.project-section{padding:85px 4.5%}.gallery-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.gallery-section-heading h2{margin:0}.gallery-section-heading>p{font-size:13px;line-height:1.8;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 32px;align-items:start}.project-card:nth-child(even){margin-top:75px}.project-card{min-width:0}.project-visual{border-radius:11px;position:relative;background:var(--tone);overflow:hidden;min-height:330px}.tone-lilac{--tone:#c9bcf5}.tone-sage{--tone:#d6dfd0}.tone-sand{--tone:#e8dabc}.tone-lime{--tone:#d5fa35}.tone-clay{--tone:#e0c4b7}.tone-blue{--tone:#c9d8e8}.project-identity{padding:30px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}.identity-label{font-size:10px;letter-spacing:.4px}.project-identity strong{font-family:'Manrope',sans-serif;font-size:clamp(29px,4.1vw,70px);font-weight:500;letter-spacing:-2.5px;line-height:1.1;overflow-wrap:anywhere}.identity-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;overflow-wrap:anywhere;gap:10px}.identity-bottom>span{font-size:32px}.load-preview{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 28px;background:#ffffff3d;color:var(--ink);border:0;border-top:1px solid #20211e22;text-align:left;font-size:13px;cursor:pointer}.load-preview:hover{background:#ffffff80}.load-preview>span{font-size:21px}.external-preview{height:350px;position:relative;background:#fff;overflow:hidden;border-top:1px solid #20211e22}.external-preview iframe{position:absolute;inset:0;width:1440px;height:1050px;border:0;transform-origin:top left}.external-preview[hidden]{display:none}.external-preview-note{margin:0;padding:12px 20px;font-size:11px;line-height:1.6;background:#ffffff5e}.external-preview-note a{text-decoration:underline}.screenshot-preview{display:block;height:389px;position:relative}.screenshot-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.screenshot-preview>span{position:absolute;right:20px;bottom:20px;background:var(--paper);padding:14px 20px;border-radius:5px;font-size:12px;box-shadow:0 3px 15px #0002}.project-copy{padding-top:22px}.project-copy .eyebrow{font-size:9px;color:var(--muted);line-height:1.7}.project-copy h3{font:500 clamp(24px,2.5vw,38px)/1.2 'Manrope',sans-serif;letter-spacing:-1.2px;margin-bottom:14px}.project-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:540px;margin-bottom:24px}.gallery-contact{display:flex;align-items:center;gap:7%;padding:64px 4.5%;background:var(--lilac);position:relative;overflow:hidden}.gallery-contact h2{font:500 clamp(48px,6vw,85px)/1.05 'Manrope',sans-serif;letter-spacing:-4px;margin:0}.gallery-contact>div:nth-child(2){position:relative;z-index:1}.gallery-contact p:not(.eyebrow){font-size:15px;line-height:1.8;margin:20px 0 30px}.contact-spark{margin-left:auto;font-size:190px;line-height:1;color:#20211e24}
@media(min-width:1600px){.gallery-intro,.featured-demo,.project-section,.gallery-contact{padding-left:max(4.5%,calc((100vw - 1600px)/2));padding-right:max(4.5%,calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.gallery-title h1{letter-spacing:-4px}.gallery-star{width:110px;height:110px;font-size:100px}.featured-demo{grid-template-columns:1fr;gap:30px}.featured-copy>p:not(.eyebrow){max-width:650px}.featured-copy .project-link{max-width:420px}.featured-browser{width:100%;max-width:850px}.contact-spark{display:none}.project-grid{gap:45px 22px}.project-identity{padding:24px;min-height:290px}.project-visual{min-height:290px}.screenshot-preview{height:349px}}
@media(max-width:650px){.gallery-intro{padding:25px 6% 38px}.gallery-back{margin-bottom:32px}.gallery-kicker>span{display:none}.gallery-title{margin:24px 0}.gallery-title h1{font-size:clamp(43px,10.5vw,67px);letter-spacing:-2.7px;margin:0}.gallery-star{display:none}.gallery-lead{align-items:flex-start;flex-direction:column;gap:22px}.gallery-lead p{font-size:14px}.gallery-lead p br{display:none}.featured-demo{padding:38px 6%;gap:26px}.featured-copy h2,.gallery-section-heading h2{font-size:38px;letter-spacing:-1.8px}.featured-copy .eyebrow{font-size:8px}.browser-toolbar{padding:8px;gap:5px}.browser-dots{display:none}.browser-domain{font-size:7px;letter-spacing:.4px}.device-switch button{padding:8px}.project-section{padding:52px 6%}.gallery-section-heading{display:block;margin-bottom:30px}.gallery-section-heading>p{margin:22px 0 0}.project-grid{grid-template-columns:1fr;gap:40px}.project-card:nth-child(even){margin-top:0}.project-identity strong{font-size:46px;letter-spacing:-2px}.project-identity{min-height:280px}.project-visual{min-height:280px}.screenshot-preview{height:340px}.project-copy h3{font-size:30px}.gallery-contact{padding:40px 6%;display:block}.gallery-contact h2{font-size:59px;letter-spacing:-3px}.gallery-contact p:not(.eyebrow){font-size:14px}.gallery-contact .button{margin-top:0}.external-preview{height:300px}}
@media(prefers-reduced-motion:reduce){.project-link>span{transition:none}}