/* Dimensions measured from the owner's original Framer home at 1885 × 1112. */
.home-hero{padding:200px 40px 20px;min-height:100vh}.home-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.preview-column{min-width:0}.home-intro{position:relative;width:100%;aspect-ratio:1;background:#000;overflow:hidden}.home-intro-motion{width:100%;height:100%;object-fit:cover}.home-intro-still{position:absolute;inset:0;display:none;flex-direction:column;justify-content:center;padding:10%;font-size:clamp(90px,11.5vw,240px);letter-spacing:-.08em;line-height:.85;color:#a1a8b5}.home-intro.is-paused .home-intro-motion{visibility:hidden}.home-intro.is-paused .home-intro-still{display:flex}.home-intro.has-preview .home-intro-motion,.home-intro.has-preview .home-intro-still{visibility:hidden}.preview-open{position:absolute;inset:0}.preview-open:focus-visible{outline-offset:-6px}.project-preview-image,.about-preview-image{width:100%;height:100%;object-fit:cover}.about-preview-image{position:absolute;inset:0}.preview-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;text-align:center;padding:24px;background:#000}.intro-motion-toggle{position:absolute;right:16px;bottom:16px;width:32px;height:32px;border:1px solid #d3d7de;border-radius:50%;display:grid;place-items:center;background:#0008;opacity:0;transition:opacity .15s}.home-intro:hover .intro-motion-toggle,.intro-motion-toggle:focus-visible{opacity:1}
.category-column{display:flex;flex-direction:column;gap:20px;min-width:0}.category-trigger{display:flex;align-items:center;gap:10px;text-align:left;width:max-content;max-width:100%}.category-name{display:block;font-size:96px;letter-spacing:-2px;line-height:.9;text-transform:uppercase;background:var(--home-label);color:var(--home-ink);padding:10px}.category-icon{position:relative;width:106px;height:106px;flex-shrink:0;border:1px solid var(--home-label);border-radius:50%;transition:background .2s}.category-icon:before,.category-icon:after{content:'';position:absolute;top:50%;left:50%;width:40px;height:8px;background:var(--home-label);transform:translate(-50%,-50%)}.category-icon:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}.category-trigger[aria-expanded=true] .category-icon{background:var(--home-signal)}.category-trigger[aria-expanded=true] .category-icon:after{transform:translate(-50%,-50%)}.category-projects{padding-top:20px}.category-projects ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.project-option,.about-links a{display:block;width:max-content;max-width:100%;font-size:26px;line-height:2;text-transform:uppercase;text-align:left;overflow-wrap:anywhere}.project-option:hover,.project-option:focus-visible,.about-links a:hover{text-decoration:underline;text-underline-offset:5px}.about-links{display:flex;flex-direction:column;gap:10px}
.home-works{background:#f5f5f5;color:#000;padding:40px;display:flex;flex-direction:column;gap:40px}.works-heading{border-top:1px solid #000;padding-top:20px;font-size:50px;line-height:.9;text-transform:uppercase}.work-card{display:block;min-width:0}.work-info{margin-bottom:20px}.work-info h3{font-size:28px;line-height:1.3;text-transform:uppercase;margin-bottom:10px}.work-info>p{font-size:14px;line-height:1;margin-bottom:10px}.work-meta{display:flex;flex-wrap:wrap;gap:4px;font-size:14px;line-height:.9;text-transform:uppercase;color:#747b86}.work-meta span{border:1px solid #a3a9b2;padding:4px 8px;border-radius:2px}.work-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}.work-card:hover h3{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1439.98px){.home-hero{padding:80px 20px 40px;min-height:0}.home-workbench{grid-template-columns:1fr;gap:12px}.category-column{gap:12px}.category-trigger{gap:4px}.category-name{font-size:32px;line-height:.9;padding:4px;letter-spacing:-2px}.category-icon{width:37px;height:37px}.category-icon:before,.category-icon:after{width:16px;height:3px}.category-projects{padding-top:10px}.project-option,.about-links a{font-size:18px;line-height:2}.category-projects ul,.about-links{gap:4px}.home-intro-still{font-size:22vw}.home-works{padding:20px;gap:20px}.works-heading{font-size:32px;padding-top:10px}.works-grid{grid-template-columns:1fr;gap:20px}.work-info h3{font-size:20px;margin-bottom:8px}.work-info>p{font-size:9px;margin-bottom:6px}.work-meta{font-size:7px}.work-meta span{padding:3px 5px}}
@media(max-width:500px){.work-info>p{line-height:1.5}.intro-motion-toggle{width:28px;height:28px;right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.home-intro:not(.motion-opt-in) .home-intro-motion{visibility:hidden}.home-intro:not(.motion-opt-in) .home-intro-still{display:flex}}

/* Keep the complete Setly wordmark and its side margins in the square preview. */
.preview-open[href="/projects/setly"] .project-preview-image{object-fit:contain;background:#fff;transform:scale(1.33)}