.header.mac-dock{height:72px;max-width:1210px;top:19px;border-radius:5px;padding:10px 13px 10px 25px;border:1px solid #183c3226;box-shadow:0 8px 26px #132e2709;background:#f7f5f0eb;gap:22px;backdrop-filter:blur(24px)}.header.mac-dock>.logo{font-size:21px;letter-spacing:-.055em;gap:9px}.header.mac-dock .logo-symbol{width:20px;height:26px}.header.mac-dock nav{gap:25px;justify-content:center}.header.mac-dock nav a{font-size:12px;min-width:0;height:42px;padding:8px 0;gap:0;border-radius:0;flex-direction:row;white-space:nowrap}.header.mac-dock nav a:hover{background:none;transform:none}.header.mac-dock nav a:after{content:'';position:absolute;left:0;bottom:4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.header.mac-dock nav a:hover:after,.header.mac-dock nav a[aria-current=location]:after{width:100%;height:1px;border-radius:0;bottom:4px;transform:scaleX(1)}.header.mac-dock nav a[aria-current=location]{background:none}.header.mac-dock .header-cta{border-radius:2px;font-size:11px;padding:13px 17px;gap:23px}.header.mac-dock .header-cta span{font-size:17px;transition:transform .25s}.header.mac-dock .header-cta:hover span{transform:translate(2px,-2px)}.header.mac-dock .menu-trigger{border-radius:0;background:none;border-left:1px solid #193d3230;width:48px;margin-left:0}.header.mac-dock[data-tone=dark]{background:#18352cef;border-color:#ffffff2a;box-shadow:0 8px 26px #102b2220}.header.mac-dock[data-tone=dark] nav a:hover,.header.mac-dock[data-tone=dark] nav a[aria-current=location],.header.mac-dock[data-tone=dark] .menu-trigger{background:none}.header.mac-dock[data-tone=dark] .menu-trigger{border-color:#fff4}.demo-gallery-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:start;gap:30px;margin:90px 0 40px;padding-top:40px;border-top:1px solid #193d3240}.demo-gallery-heading>span{font-size:10px;letter-spacing:.09em}.demo-gallery-heading h3{font-size:clamp(32px,3.5vw,55px);line-height:1.08;letter-spacing:-.05em;font-weight:400;margin:0}.demo-gallery-heading p{font-size:13px;line-height:1.7;max-width:270px}.curated-demos{gap:25px!important;border:0!important;padding:0!important;align-items:start}.curated-demos>a{padding:0!important;border:0!important;display:block!important}.curated-demos>a:nth-child(2){margin-top:65px}.curated-demos>a:nth-child(3){margin-top:130px}.curated-demos .demo-cover{overflow:hidden;position:relative;aspect-ratio:1/1.14;background:#d7ded4}.curated-demos img{width:100%;height:100%!important;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.curated-demos>a:hover img{transform:scale(1.025)}.demo-cover>b{position:absolute;top:12px;left:12px;background:#f8f6ef;color:#173a31;padding:7px 9px;font-size:9px;font-weight:500;letter-spacing:.08em}.demo-cover>i{position:absolute;bottom:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;background:#f8f6ef;color:#173a31;border-radius:50%;font-style:normal;font-size:20px}.demo-card-title{padding:19px 0}.curated-demos .demo-card-title>span{font-size:9px;margin:0!important;padding:0!important;letter-spacing:.05em}.demo-card-title h4{font-size:29px;font-weight:400;letter-spacing:-.04em;margin:13px 0}.demo-card-title p{font-size:12px;line-height:1.6;max-width:270px}.demo-card-title strong{display:inline-block;font-size:11px;font-weight:400;margin-top:18px;border-bottom:1px solid #193d3240;padding-bottom:6px}@media(max-width:1100px){.header.mac-dock{gap:15px;padding-left:20px}.header.mac-dock nav{gap:17px}.header.mac-dock nav a{font-size:11px}.header.mac-dock>.logo{font-size:19px}.header.mac-dock .header-cta{gap:13px;padding:12px}}@media(max-width:900px){.header.mac-dock nav{display:none}.header.mac-dock .header-cta{margin-left:auto}.demo-gallery-heading{grid-template-columns:1fr 2fr}.demo-gallery-heading p{grid-column:2}.curated-demos{gap:16px!important}}@media(max-width:700px){.header.mac-dock{height:64px;top:12px;padding:9px 10px 9px 15px;gap:10px;border-radius:4px}.header.mac-dock>.logo{font-size:19px}.header.mac-dock .header-cta{font-size:10px;padding:11px;gap:10px}.header.mac-dock .menu-trigger{width:33px;height:36px}.demo-gallery-heading{display:block;margin:60px 0 28px}.demo-gallery-heading h3{font-size:39px;margin-top:22px}.demo-gallery-heading p{margin-top:22px;max-width:310px}.curated-demos{grid-template-columns:1fr!important;gap:25px!important}.curated-demos>a:nth-child(n){margin-top:0}.curated-demos .demo-cover{aspect-ratio:1.1}.demo-card-title{padding:20px 0 30px}.demo-card-title h4{font-size:31px}.demo-card-title p{max-width:none}}@media(max-width:350px){.header.mac-dock>.logo{font-size:16px;gap:6px}.header.mac-dock .logo-symbol{width:16px;height:21px}.header.mac-dock .header-cta{font-size:9px;gap:6px;padding:10px 8px}.header.mac-dock{gap:7px}}@media(prefers-reduced-motion:reduce){.curated-demos img,.header.mac-dock nav a:after{transition:none}}

.header.mac-dock nav a>span{font-size:12px;opacity:1;color:inherit;letter-spacing:0}.header.mac-dock nav{gap:28px}.header.mac-dock nav a{opacity:.8}.header.mac-dock nav a:hover,.header.mac-dock nav a[aria-current=location]{opacity:1}@media(max-width:1100px){.header.mac-dock nav{gap:18px}.header.mac-dock nav a>span{font-size:11px}}