@font-face{font-family:Fazenda Fraunces;src:url('/assets/work/fazenda/demo/assets/fonts/fraunces-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Fazenda Sans;src:url('/assets/work/fazenda/demo/assets/fonts/dm-sans-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
.work-card__media--fazenda{overflow:hidden;background:#9ea68f}
.work-webgl-ready .work-archive:not(.is-list-view) .work-card--fazenda .work-card__media--fazenda{opacity:1}
.fz-preview{position:absolute;inset:0;overflow:hidden;background:#9ea68f;color:#1c211b}
.fz-preview__photo{position:absolute;left:6%;top:13%;width:77%;height:71%;overflow:hidden;border:4px solid #f2eddc;border-radius:5px;transform:rotate(-4deg);box-shadow:0 12px 30px #1c211b55;animation:fz-photo 9s ease-in-out infinite paused}
.work-card__media .fz-preview__photo img{position:static;width:100%;height:100%;object-fit:cover;transform:none;transition:none}
.fz-preview__map{position:absolute;right:4%;bottom:6%;width:54%;height:44%;background:#f2eddc;border:4px solid #f2eddc;border-radius:8px;box-shadow:0 8px 25px #1c211b44;transform:rotate(4deg);animation:fz-map 9s ease-in-out infinite paused}
.fz-preview__map svg{display:block;width:100%;height:100%}
.fz-preview__map .fz-route{stroke-dasharray:1;stroke-dashoffset:0;animation:fz-route 7s ease-in-out infinite paused}
.work-card__media .fz-preview__logo{inset:auto;top:3%;right:3%;width:24%;height:auto;object-fit:contain;transform:none;border-radius:2px;box-shadow:0 5px 12px #1c211b25}
.fz-preview__label{position:absolute;left:7%;bottom:4%;font:500 7px/1.3 'IBM Plex Mono',monospace;letter-spacing:.08em}
.is-ambient-active .fz-preview__photo,.is-ambient-active .fz-preview__map,.is-ambient-active .fz-route{animation-play-state:running}
.fz-preview.is-suspended *,.work-motion-paused .fz-preview *,.work-archive.is-list-view .fz-preview *{animation-play-state:paused!important}
@keyframes fz-photo{50%{transform:translateY(-5px) rotate(-2deg)}}
@keyframes fz-map{50%{transform:translateY(4px) rotate(2deg)}}
@keyframes fz-route{0%,100%{stroke-dashoffset:0;opacity:1}45%{stroke-dashoffset:.85;opacity:.3}}
.fazenda-case-page{--fz-sage:#9ea68f;--fz-ivory:#f2eddc;--fz-ink:#1c211b;--fz-clay:#bd7358;background:var(--fz-ink);color:var(--fz-ivory)}
.fazenda-case-page .ocean,.fazenda-case-page .depth-gauge{display:none}
.fazenda-case-page main{position:relative;background:var(--fz-ivory);color:var(--fz-ink);font-family:Fazenda Sans,sans-serif}
.fazenda-case-page .fz-shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.fazenda-case-page .fz-kicker{font:400 .68rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.13em;text-transform:uppercase;margin:0 0 1.2rem;color:inherit}
.fazenda-case-page h1,.fazenda-case-page h2,.fazenda-case-page h3{font-family:Fazenda Fraunces,Georgia,serif;font-weight:450;letter-spacing:-.04em;color:inherit}
.fazenda-case-page h1{font-size:clamp(3.3rem,6vw,6rem);line-height:1.03;margin:0 0 1.8rem}
.fazenda-case-page h1 span{display:block;font-size:.55em;margin-top:.35em}
.fazenda-case-page h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.08;margin:0 0 1.5rem}
.fazenda-case-page h3{font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.13;margin:.9rem 0 1.1rem}
.fazenda-case-page p{line-height:1.75}
.fazenda-case-page .fz-hero{padding:165px 0 60px;background:var(--fz-sage)}
.fazenda-case-page .fz-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center}
.fazenda-case-page .fz-lead{font-size:1.1rem;max-width:35rem;margin-bottom:1.5rem}
.fazenda-case-page .fz-hero-art{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:cover;border-radius:14px;box-shadow:0 25px 60px #1c211b35}
.fazenda-case-page .fz-meta{display:flex;flex-wrap:wrap;gap:1.3rem 4rem;border-top:1px solid #1c211b45;margin-top:3.5rem;padding-top:1.6rem;font-size:.8rem}
.fazenda-case-page .fz-meta strong{display:block;font-weight:500}
.fazenda-case-page .fz-link{color:inherit;text-underline-offset:5px}
.fazenda-case-page .fz-section{padding:5rem 0}
.fazenda-case-page .fz-dark{background:var(--fz-ink);color:var(--fz-ivory)}
.fazenda-case-page .fz-section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}
.fazenda-case-page .fz-section-head h2{margin-bottom:0}
.fazenda-case-page .fz-duration{font:400 .75rem 'IBM Plex Mono',monospace;white-space:nowrap}
.fazenda-case-page .fz-film-frame{margin:0;overflow:hidden;border-radius:14px;border:1px solid #9ea68f66}
.fazenda-case-page .fz-film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--fz-ivory)}
.fazenda-case-page .fz-film-frame figcaption{padding:1rem 1.5rem;font-size:.75rem;line-height:1.65;color:#d8dbc9}
.fazenda-case-page .fz-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}
.fazenda-case-page .fz-story p{margin:0 0 1.3rem}
.fazenda-case-page .fz-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:2rem}
.fazenda-case-page .fz-swatch{min-height:112px;padding:14px 12px;display:flex;flex-direction:column;justify-content:space-between;font-size:.7rem;border:1px solid #1c211b30}
.fz-swatch:nth-child(1){background:#9ea68f;color:#1c211b}.fz-swatch:nth-child(2){background:#f2eddc;color:#1c211b}.fz-swatch:nth-child(3){background:#39271d;color:#f2eddc}.fz-swatch:nth-child(4){background:#bd7358;color:#1c211b}
.fazenda-case-page .fz-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem 5%}
.fazenda-case-page .fz-chapter img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:10px;margin:0 0 1.8rem}
.fazenda-case-page .fz-chapter .fz-3d-art{object-fit:contain;background:#292c22}
.fazenda-case-page .fz-chapter p{max-width:60ch;margin:0;color:#d8dbc9}
.fazenda-case-page .fz-chapter .fz-kicker{color:#9ea68f}
.fazenda-case-page .fz-demo-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:1.5rem 0}
.fazenda-case-page .fz-demo-buttons button,.fazenda-case-page .fz-actions a{font:inherit;font-size:.85rem;border:1px solid #66705e;background:transparent;border-radius:30px;color:inherit;padding:13px 22px;cursor:pointer;text-decoration:none}
.fazenda-case-page .fz-demo-buttons button[aria-pressed=true]{background:var(--fz-ink);color:var(--fz-ivory)}
.fazenda-case-page :is(.fz-demo-buttons button,.fz-actions a,.fz-link):focus-visible{outline:3px solid #bd7358;outline-offset:5px}
.fazenda-case-page .fz-demo{width:100%;height:1040px;border:1px solid #9ea68f;border-radius:12px;background:var(--fz-ivory);display:block}
.fazenda-case-page .fz-demo[hidden]{display:none}
.fazenda-case-page .fz-note{font-size:.8rem;max-width:75ch;line-height:1.7}
.fazenda-case-page .fz-close{text-align:center;background:#d8dbc9}
.fazenda-case-page .fz-close p{max-width:54ch;margin:0 auto 2rem}
.fazenda-case-page .fz-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:800px){
 .fazenda-case-page .fz-shell{width:calc(100% - 40px)}
 .fazenda-case-page .fz-hero{padding:125px 0 45px}
 .fazenda-case-page .fz-hero-grid,.fazenda-case-page .fz-story,.fazenda-case-page .fz-grid{grid-template-columns:1fr;gap:2.7rem}
 .fazenda-case-page .fz-hero-art{max-width:560px;margin-inline:auto}
 .fazenda-case-page .fz-meta{gap:1rem 2rem}
 .fazenda-case-page .fz-section{padding:3.5rem 0}
 .fazenda-case-page .fz-section-head{align-items:start;flex-direction:column;gap:1rem}
 .fazenda-case-page .fz-film-frame{max-width:480px;margin:auto}
 .fazenda-case-page .fz-film-frame video{aspect-ratio:9/16}
 .fazenda-case-page .fz-palette{grid-template-columns:1fr 1fr}
 .fazenda-case-page .fz-demo{height:1300px}
}
@media(prefers-reduced-motion:reduce){.fz-preview *{animation:none!important}.fz-preview__photo,.fz-preview__map{transform:none}.fz-preview__map .fz-route{stroke-dashoffset:0;opacity:1}}