@layer base{._carousel_1hpof_2{position:relative;width:100%;height:100%;overflow:hidden}._viewport_1hpof_9{width:100%;height:100%}._container_1hpof_14{display:flex;height:100%;width:100%;backface-visibility:hidden}._container_1hpof_14._horizontal_1hpof_21{flex-direction:row}._container_1hpof_14._vertical_1hpof_25{flex-direction:column}._item_1hpof_29{flex:0 0 auto;min-width:0;position:relative}._item_1hpof_29._horizontal_1hpof_21{width:100%}._item_1hpof_29._vertical_1hpof_25{height:100%}._previousButtonContainer_1hpof_43,._nextButtonContainer_1hpof_44{position:absolute;z-index:var(--z-content);transform:translateY(-50%)}._horizontalNav_1hpof_50._previousButtonContainer_1hpof_43{left:var(--spacing-2);top:50%}._horizontalNav_1hpof_50._nextButtonContainer_1hpof_44{right:var(--spacing-2);top:50%}._verticalNav_1hpof_60._previousButtonContainer_1hpof_43{top:var(--spacing-2);left:50%;transform:translate(-50%)}._verticalNav_1hpof_60._nextButtonContainer_1hpof_44{bottom:var(--spacing-2);left:50%;transform:translate(-50%)}._previous_1hpof_43,._next_1hpof_44{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow);transition:all var(--animation-duration-normal) ease}._previous_1hpof_43:hover:not(:disabled),._next_1hpof_44:hover:not(:disabled){background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}._previous_1hpof_43:active:not(:disabled),._next_1hpof_44:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow)}._previous_1hpof_43:focus-visible,._next_1hpof_44:focus-visible{box-shadow:var(--shadow-focus);outline:none}._previous_1hpof_43:disabled,._next_1hpof_44:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.6}._icon_1hpof_111{width:1rem;height:1rem}._srOnly_1hpof_116{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}._root_5r4oo_1{width:100%}._projectNav_5r4oo_5{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}._projectNavButton_5r4oo_13{border:1px solid transparent;border-radius:var(--radius-full);color:var(--muted-foreground);white-space:nowrap}._projectNavButton_5r4oo_13:hover{color:var(--foreground);background-color:color-mix(in srgb,var(--primary) 7%,var(--card))}._projectNavButton_5r4oo_13[aria-pressed=true]{color:var(--foreground);border-color:color-mix(in srgb,var(--primary) 22%,var(--border));background-color:color-mix(in srgb,var(--primary) 10%,var(--card));box-shadow:var(--shadow)}._carouselShell_5r4oo_32{position:relative;padding:0 2.5rem}._carousel_5r4oo_32{border-radius:calc(var(--radius-lg) + var(--spacing-1))}._slide_5r4oo_41{padding:0 var(--spacing-1)}._projectCard_5r4oo_45{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.7fr);min-height:530px;overflow:hidden;border:1px solid var(--border);border-radius:calc(var(--radius-lg) + var(--spacing-1));background-color:var(--card);box-shadow:0 24px 70px color-mix(in srgb,var(--foreground) 12%,transparent)}._visualColumn_5r4oo_56{min-width:0;display:flex;padding:1.25rem;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--background)),var(--background))}._browserFrame_5r4oo_63{width:100%;min-height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--foreground) 15%,transparent);border-radius:var(--radius-lg);background-color:#fff;box-shadow:0 18px 44px #121c2d33}._browserBar_5r4oo_75{min-height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-3);padding:0 var(--spacing-4);background-color:#f5f6f8;border-bottom:1px solid #dde1e7;color:#5f6877}._browserDots_5r4oo_87{display:flex;align-items:center;gap:6px}._browserDots_5r4oo_87 span{width:8px;height:8px;border-radius:50%;background-color:#c7ccd4}._browserDots_5r4oo_87 span:first-child{background-color:#ed8476}._browserDots_5r4oo_87 span:nth-child(2){background-color:#e7bc64}._browserDots_5r4oo_87 span:nth-child(3){background-color:#78ba83}._browserDomain_5r4oo_112{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;font-weight:600;letter-spacing:.01em}._browserDomain_5r4oo_112 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._browserSpacer_5r4oo_129{display:block}._previewHero_5r4oo_133{position:relative;flex:1;min-height:430px;overflow:hidden;isolation:isolate}._previewImage_5r4oo_141{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center}._previewOverlay_5r4oo_151{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a1622eb,#0a1622b8 54%,#0a16223d)}._previewContent_5r4oo_158{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-6);color:#fff}._previewBrand_5r4oo_167{align-self:flex-start;padding-bottom:var(--spacing-2);border-bottom:3px solid #ffffff;font-family:var(--font-family-heading);font-size:.95rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.45)}._previewCopy_5r4oo_179{max-width:510px;padding:var(--spacing-8) 0 1.25rem}._previewEyebrow_5r4oo_184{display:inline-flex;margin-bottom:var(--spacing-4);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}._previewHeadline_5r4oo_193{max-width:500px;margin:0 0 var(--spacing-4);font-family:var(--font-family-heading);font-size:clamp(2rem,4.6vw,4.4rem);font-weight:800;line-height:.95;letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 3px 16px rgba(0,0,0,.42)}._previewText_5r4oo_205{max-width:460px;margin:0 0 var(--spacing-6);color:#ffffffe6;font-size:1rem;line-height:1.55;text-shadow:0 2px 10px rgba(0,0,0,.48)}._previewCta_5r4oo_214{display:inline-flex;width:fit-content;padding:var(--spacing-3) 1.25rem;border:1px solid rgba(255,255,255,.65);border-radius:var(--radius);background-color:#fffffff0;color:#17202c;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}._jobsite_5r4oo_228 ._previewOverlay_5r4oo_151{background:linear-gradient(90deg,#0a1827f2,#0a1827bf 52%,#0a182738)}._jobsite_5r4oo_228 ._previewEyebrow_5r4oo_184,._jobsite_5r4oo_228 ._previewBrand_5r4oo_167{color:#f1b08d;border-color:#d89270}._jobsite_5r4oo_228 ._previewCta_5r4oo_214{background-color:#d89270;border-color:#d89270;color:#101b28}._roofing_5r4oo_244 ._previewOverlay_5r4oo_151{background:linear-gradient(90deg,#0c2032ed,#0c2032b3 52%,#0c203233)}._roofing_5r4oo_244 ._previewEyebrow_5r4oo_184,._roofing_5r4oo_244 ._previewBrand_5r4oo_167{color:#f5c266;border-color:#f0aa36}._roofing_5r4oo_244 ._previewCta_5r4oo_214{background-color:#ed9b28;border-color:#ed9b28;color:#17202c}._fencing_5r4oo_260 ._previewOverlay_5r4oo_151{background:linear-gradient(90deg,#181209f0,#181209b8 54%,#18120938)}._fencing_5r4oo_260 ._previewEyebrow_5r4oo_184,._fencing_5r4oo_260 ._previewBrand_5r4oo_167{color:#e1b373;border-color:#b9823c}._fencing_5r4oo_260 ._previewCta_5r4oo_214{background-color:#b9823c;border-color:#b9823c;color:#fff}._angelo_5r4oo_276 ._previewOverlay_5r4oo_151{background:linear-gradient(90deg,#142b46f2,#142b46bd 52%,#142b4633)}._angelo_5r4oo_276 ._previewEyebrow_5r4oo_184,._angelo_5r4oo_276 ._previewBrand_5r4oo_167{color:#91c8ed;border-color:#4b9bd3}._angelo_5r4oo_276 ._previewCta_5r4oo_214{background-color:#4b9bd3;border-color:#4b9bd3;color:#fff}._detailsColumn_5r4oo_292{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-8);padding:2.5rem;border-left:1px solid var(--border)}._category_5r4oo_301{display:block;margin-bottom:var(--spacing-3);color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}._projectName_5r4oo_311{margin:0 0 var(--spacing-4);font-family:var(--font-family-heading);font-size:clamp(2rem,3.2vw,3rem);line-height:1.02;color:var(--foreground)}._summary_5r4oo_319{margin:0;color:var(--muted-foreground);font-size:1.05rem;line-height:1.7}._tags_5r4oo_326{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}._tag_5r4oo_326{display:inline-flex;align-items:center;min-height:30px;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--border);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--primary) 4%,var(--background));color:var(--foreground);font-size:.78rem;font-weight:650}._liveButton_5r4oo_345{align-self:flex-start;gap:var(--spacing-2)}._carouselButton_5r4oo_350{width:44px;height:44px;border-color:color-mix(in srgb,var(--foreground) 15%,var(--border));background-color:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(10px)}._carouselStatus_5r4oo_358{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-top:1.25rem;color:var(--muted-foreground);font-family:var(--font-family-monospace);font-size:.75rem;font-weight:700;letter-spacing:.08em}._statusCurrent_5r4oo_371{color:var(--foreground)}._statusRule_5r4oo_375{width:48px;height:1px;background-color:var(--border)}@media(max-width:980px){._carouselShell_5r4oo_32{padding:0 var(--spacing-6)}._projectCard_5r4oo_45{grid-template-columns:1fr}._detailsColumn_5r4oo_292{border-top:1px solid var(--border);border-left:0}}@media(max-width:640px){._projectNav_5r4oo_5{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:var(--spacing-2);scrollbar-width:none}._projectNav_5r4oo_5::-webkit-scrollbar{display:none}._carouselShell_5r4oo_32,._slide_5r4oo_41{padding:0}._projectCard_5r4oo_45{min-height:0;border-radius:var(--radius-lg)}._visualColumn_5r4oo_56{padding:var(--spacing-2)}._browserBar_5r4oo_75{grid-template-columns:auto minmax(0,1fr) auto;padding:0 var(--spacing-3)}._previewHero_5r4oo_133{min-height:390px}._previewContent_5r4oo_158{padding:1.25rem}._previewCopy_5r4oo_179{padding-bottom:var(--spacing-2)}._previewHeadline_5r4oo_193{font-size:clamp(2rem,12vw,3.2rem)}._previewText_5r4oo_205{font-size:.92rem}._detailsColumn_5r4oo_292{gap:var(--spacing-6);padding:1.75rem var(--spacing-6) var(--spacing-8)}._projectName_5r4oo_311{font-size:2rem}._carouselButton_5r4oo_350{width:40px;height:40px}}
