@import"https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=IBM+Plex+Sans:wght@300;400;500&display=swap";html[data-brand=offset-studio],html[data-brand=offset-studio] body{background:#0b0b0d}.of{overflow-x:hidden;--of-ink: #0b0b0d;--of-panel: #141416;--of-bone: #efece4;--of-mute: #8d897f;--of-mark: #f2d64b;--of-line: rgba(239, 236, 228, .12);--of-display: "Archivo", "Helvetica Neue", sans-serif;--of-sans: "IBM Plex Sans", "Helvetica Neue", sans-serif;min-height:100vh;background:var(--of-ink);color:var(--of-bone);font-family:var(--of-sans);font-weight:300;color-scheme:dark}.of a{color:inherit;text-decoration:none}.of-nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.85rem 1.25rem;background:#0b0b0df0;border-bottom:1px solid var(--of-line)}.of-logo{font-family:var(--of-display);font-weight:800;letter-spacing:.14em;font-size:.92rem}.of-nav nav{display:flex;justify-content:center;gap:1.4rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.of-nav__side{display:flex;align-items:center;gap:.6rem}.of-ghost,.of-lang button,.of-filters button{border:1px solid var(--of-line);background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.of-lang{display:flex;gap:.2rem}.of-lang button[aria-pressed=true],.of-filters button[aria-pressed=true]{background:var(--of-mark);color:var(--of-ink);border-color:var(--of-mark)}.of-hero{position:relative;min-height:88vh;display:grid;align-items:end;overflow:hidden}.of-hero__media,.of-hero__media img,.of-hero__veil{position:absolute;inset:0}.of-hero__media img{width:100%;height:100%;object-fit:cover}.of-hero__veil{background:linear-gradient(90deg,#0b0b0de0,#0b0b0d61 46%,#0b0b0d1f),linear-gradient(180deg,#0b0b0d47,#0b0b0dd1)}.of-hero__copy{position:relative;z-index:1;padding:2.4rem 1.3rem 3rem;max-width:44rem}.of-chip,.of-kicker{margin:0 0 .65rem;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--of-mark)}.of-hero h1{margin:0 0 1rem;font-family:var(--of-display);font-size:clamp(3.4rem,12vw,8rem);font-weight:800;line-height:.84;letter-spacing:-.04em}.of-hero h1 em{display:block;font-style:normal;color:var(--of-mark);font-size:.42em;letter-spacing:.16em;margin-top:.2rem}.of-hero__copy>p{max-width:28rem;line-height:1.6;color:#efece4cc}.of-btn,.of a.of-btn{display:inline-flex;margin-top:1.2rem;border:0;background:var(--of-mark);color:var(--of-ink);padding:.85rem 1.2rem;font:inherit;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;cursor:pointer}.of-work,.of-studio,.of-contact,.of-foot{padding:3.2rem 1.25rem}.of-work__head{display:flex;justify-content:space-between;gap:1.2rem;align-items:end;flex-wrap:wrap;margin-bottom:1.5rem}.of-work h2,.of-studio h2,.of-contact h2{margin:0;font-family:var(--of-display);font-size:clamp(2rem,5vw,3.6rem);font-weight:700;letter-spacing:-.03em}.of-filters{display:flex;flex-wrap:wrap;gap:.4rem}.of-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:9rem;grid-auto-flow:dense;gap:.55rem}.of-grid article{position:relative;overflow:hidden;background:var(--of-panel);min-width:0;min-height:0}.of-grid article.is-wide{grid-column:span 8;grid-row:span 3}.of-grid article.is-tall{grid-column:span 4;grid-row:span 4}.of-grid article.is-mid{grid-column:span 4;grid-row:span 3}.of-grid article.is-half{grid-column:span 6;grid-row:span 3}.of-card__img{position:absolute;inset:0;overflow:hidden}.of-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.of-grid article:hover img{transform:scale(1.05)}.of-card__meta{position:absolute;inset:auto 0 0;display:flex;align-items:end;gap:.75rem;padding:2.4rem .9rem .85rem;background:linear-gradient(180deg,transparent,rgba(11,11,13,.88));color:var(--of-bone)}.of-card__meta span{font-family:var(--of-display);font-weight:700;color:var(--of-mark);font-size:.78rem;letter-spacing:.08em}.of-card__meta h3{margin:0 0 .15rem;font-family:var(--of-display);font-size:1.15rem}.of-card__meta p{margin:0;color:#efece4b8;font-size:.78rem}.of-studio{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;background:var(--of-panel)}.of-studio>div>p:last-child{max-width:30rem;color:var(--of-mute);line-height:1.65}.of-services{display:grid;gap:1rem}.of-services article{padding-bottom:1rem;border-bottom:1px solid var(--of-line)}.of-services h3{margin:0 0 .35rem;font-family:var(--of-display);font-size:1.3rem}.of-services p{margin:0;color:var(--of-mute)}.of-contact{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.of-contact form,.of-thanks{display:grid;gap:.85rem}.of-contact label{display:grid;gap:.3rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.of-contact input,.of-contact select{border:1px solid var(--of-line);background:var(--of-panel);color:inherit;padding:.7rem .75rem;font:inherit}.of-foot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--of-line)}.of-foot a{color:var(--of-mark);font-weight:500}@media(prefers-reduced-motion:reduce){.of-card__img img{transition:none}.of-grid article:hover img{transform:none}}@media(max-width:900px){.of-nav{grid-template-columns:minmax(0,1fr) auto}.of-nav__side{grid-column:2;grid-row:1}.of-nav nav{display:flex;grid-column:1 / -1;grid-row:2;flex-wrap:wrap;justify-content:flex-start;gap:.5rem 1rem;min-width:0}.of-studio,.of-contact{grid-template-columns:1fr}.of-grid{grid-template-columns:1fr 1fr;grid-auto-rows:12rem}.of-grid article.is-wide{grid-column:1 / -1;grid-row:span 2}.of-grid article.is-half,.of-grid article.is-mid{grid-column:span 1;grid-row:span 2}.of-grid article.is-tall{grid-column:span 1;grid-row:span 3}}@media(max-width:640px){.of-ghost{display:none}.of-hero{min-height:78vh}.of-grid{grid-template-columns:1fr;grid-auto-rows:14rem}.of-grid article.is-wide,.of-grid article.is-half,.of-grid article.is-tall,.of-grid article.is-mid{grid-column:1 / -1;grid-row:span 2}.of-grid article.is-tall{grid-row:span 3}}