@layer theme,base;@layer components{.inf-design-dash{stroke-dasharray:2.5 2.5}.inf-design-hero{background:var(--surface-picture);border-radius:.75rem;width:100%;height:auto;display:block}.inf-design-source{align-items:center;gap:1rem;display:grid}@media (min-width:48rem){.inf-design-source{grid-template-columns:minmax(0,1fr) auto minmax(0,1.4fr)}}.inf-design-side{gap:.5rem;display:grid}.inf-design-renders{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.inf-design-render{background:var(--surface-picture);aspect-ratio:4/3;border-radius:.4rem;display:block;position:relative;overflow:hidden}.inf-design-arrow{fill:none;width:2rem;height:2rem;stroke:var(--inf-copper);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;justify-self:center;rotate:90deg}@media (min-width:48rem){.inf-design-arrow{rotate:none}}.inf-design-walls{gap:.6rem;display:grid}.inf-design-walls>li{gap:.25rem;display:grid}.inf-design-walls img{border:1px solid var(--inf-line);border-radius:.3rem;width:100%;height:auto;display:block}.inf-design-walls span{font-size:.8125rem;font-weight:600}.inf-design-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.inf-design-title{letter-spacing:-.015em;font-size:1.0625rem;font-weight:700}.inf-design-state{border:1px solid var(--inf-copper);border-radius:999px;padding:.15rem .7rem;font-weight:600}.inf-design-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;font-size:.75rem;display:grid;position:relative}.inf-design-stages>li{border:1px solid var(--inf-line);text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--inf-quiet);border-radius:999px;padding:.2rem .5rem;overflow:hidden}.inf-design-stages>li[data-state=done]{background:var(--secondary);color:inherit}.inf-design-stages>li[data-state=open]{border-color:var(--inf-copper);color:inherit;font-weight:600}.inf-design-delivery{border:1px solid var(--inf-line);background:var(--background);border-radius:.625rem;gap:.625rem;padding:.75rem;display:grid}@media (min-width:40rem){.inf-design-delivery{grid-template-columns:minmax(0,1fr) auto;align-items:start}}.inf-design-page{background:var(--surface-picture);border-radius:.3rem;position:relative}.inf-design-page img{border-radius:.3rem;width:100%;height:auto;display:block}.inf-design-pin{border:2px solid var(--card);background:var(--inf-copper);width:1.25rem;height:1.25rem;color:var(--brand-foreground);border-radius:999px;flex:none;place-items:center;font-size:.625rem;font-weight:700;line-height:1;display:inline-grid}.inf-design-page>.inf-design-pin{position:absolute;translate:-50% -50%}.inf-design-files{gap:.3rem;font-size:.75rem;display:grid}.inf-design-files>li{border:1px solid var(--inf-line);overflow-wrap:anywhere;border-radius:.3rem;padding:.25rem .5rem}.inf-design-files>li[data-current]{border-color:var(--inf-copper)}.inf-design-note{align-items:center;gap:.5rem;display:flex;position:relative}.inf-design-actions{border:1px solid var(--inf-line);border-radius:.625rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem;display:flex;position:relative}.inf-design-rounds,.inf-design-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex;position:relative}.inf-design-rounds{color:var(--inf-quiet)}.inf-design-button{background:var(--inf-copper);color:var(--brand-foreground);border-radius:.4rem;padding:.3rem .8rem;font-weight:600}.inf-design-button[data-quiet]{border:1px solid var(--inf-line);color:inherit;background:0 0}.inf-design-services{gap:1rem;display:grid}@media (min-width:48rem){.inf-design-services{grid-template-columns:repeat(2,minmax(0,1fr))}}.inf-design-service{border:1px solid var(--inf-line);background:var(--background);border-radius:.75rem;align-content:start;gap:.5rem;padding:1rem;display:grid}.inf-design-service dl{gap:.4rem;display:grid}.inf-design-detail{gap:.6rem;margin-top:1.75rem;display:grid}.inf-design-detail-views{gap:.75rem;display:grid}.inf-design-detail-views img{border:1px solid var(--inf-line);border-radius:.5rem;width:100%;height:auto}.inf-design-detail-rollup .inf-design-detail-views{grid-template-columns:repeat(3,minmax(0,1fr));max-width:36rem}@media (min-width:48rem){.inf-design-detail-flyer .inf-design-detail-views{grid-template-columns:repeat(2,minmax(0,1fr))}.inf-design-detail-brochure .inf-design-detail-views{grid-template-columns:1fr 2fr 2fr;align-items:end}}}@layer utilities;