/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-zinc-50:oklch(98.5% 0 none);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-100:oklch(97% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:0}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-8{height:calc(var(--spacing) * 8)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-px{height:1px}.max-h-\(--available-height\){max-height:var(--available-height)}.min-h-screen{min-height:100vh}.w-\(--anchor-width\){width:var(--anchor-width)}.w-8{width:calc(var(--spacing) * 8)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-36{min-width:calc(var(--spacing) * 36)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-my-1{scroll-margin-block:var(--spacing)}.flex-col{flex-direction:column}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-neutral-300{border-color:var(--color-neutral-300)}.border-ring{border-color:#385749}.border-transparent{border-color:#0000}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-border{background-color:#cdd0cb}.bg-muted{background-color:#e8e9e5}.bg-primary{background-color:var(--primary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-zinc-50{background-color:var(--color-zinc-50)}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-\[3px\]{padding:3px}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-muted-foreground{color:#58615b}.text-red-500{color:var(--color-red-500)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-900{color:var(--color-zinc-900)}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.ring-ring\/50{--tw-ring-color:oklab(42.793% -.0420506 .0116692/.5)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *){opacity:.5}.group-has-\[\:focus-visible\]\/field-label\:ring-0:is(:where(.group\/field-label):has(:focus-visible) *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs)[data-horizontal] *){height:calc(var(--spacing) * 8)}.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs)[data-vertical] *){height:fit-content}.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs)[data-vertical] *){width:100%}.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs)[data-vertical] *){flex-direction:column}.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs)[data-vertical] *){justify-content:flex-start}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-horizontal] *):after{content:var(--tw-content);inset-inline:0}.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-vertical] *):after{content:var(--tw-content);inset-block:0}.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media (hover:hover){.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-3:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:border-ring:focus-visible{border-color:#385749}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:oklab(42.793% -.0420506 .0116692/.5)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:#385749}.active\:ring-3:active{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:no-underline:disabled{text-decoration-line:none}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]){padding-right:var(--spacing)}.has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]){padding-left:var(--spacing)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\:aria-checked\:border-primary[aria-invalid=true][aria-checked=true]{border-color:var(--primary)}.data-active\:bg-background[data-active]{background-color:var(--background)}.data-active\:text-foreground[data-active]{color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]:after{content:var(--tw-content);opacity:1}.data-checked\:border-primary[data-checked]{border-color:var(--primary)}.data-checked\:bg-primary[data-checked]{background-color:var(--primary)}.data-checked\:text-primary-foreground[data-checked]{color:#fff}.group-has-\[\:focus-visible\]\/field-label\:data-checked\:border-primary:is(:where(.group\/field-label):has(:focus-visible) *)[data-checked]{border-color:var(--primary)}.data-closed\:animate-out[data-closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-horizontal\:h-1[data-horizontal]{height:var(--spacing)}.data-horizontal\:h-full[data-horizontal]{height:100%}.data-horizontal\:w-full[data-horizontal]{width:100%}.data-horizontal\:flex-col[data-horizontal]{flex-direction:column}.data-open\:animate-in[data-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.data-placeholder\:text-muted-foreground[data-placeholder]{color:#58615b}.data-vertical\:h-full[data-vertical]{height:100%}.data-vertical\:min-h-40[data-vertical]{min-height:calc(var(--spacing) * 40)}.data-vertical\:w-1[data-vertical]{width:var(--spacing)}.data-vertical\:w-auto[data-vertical]{width:auto}.data-vertical\:w-full[data-vertical]{width:100%}.data-vertical\:flex-col[data-vertical]{flex-direction:column}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start],.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md), 10px)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@media (prefers-color-scheme:dark){.dark\:border-neutral-700{border-color:var(--color-neutral-700)}.dark\:bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:bg-zinc-950{background-color:var(--color-zinc-950)}.dark\:text-muted-foreground{color:#58615b}.dark\:text-zinc-50{color:var(--color-zinc-50)}.dark\:text-zinc-400{color:var(--color-zinc-400)}@media (hover:hover){.dark\:hover\:bg-neutral-900:hover{background-color:var(--color-neutral-900)}.dark\:hover\:text-foreground:hover{color:var(--foreground)}}.dark\:data-active\:text-foreground[data-active]{color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}.dark\:data-checked\:bg-primary[data-checked]{background-color:var(--primary)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#f5f6f2;--foreground:#23362e;--primary:#2a4839;--font-sans:Arial,Helvetica,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}a,button{transition:background .2s,color .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:5px;outline:3px solid #b27a34}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.055em;font-weight:400;line-height:1.04}h2{font-size:clamp(38px,4vw,65px)}h2 em,h1 em{font-family:Georgia,serif;font-weight:400}p{line-height:1.65}svg{flex-shrink:0}a svg,button svg{vertical-align:middle;display:inline-block}.eyebrow{letter-spacing:.15em;font-size:12px;font-weight:600}.section{padding:100px max(5vw,24px)}.section-top{justify-content:space-between;align-items:center;gap:30px;margin-bottom:52px;display:flex}.button{color:#fff;background:#294637;border:1px solid #294637;justify-content:center;align-items:center;gap:26px;padding:17px 24px;font-size:14px;display:inline-flex}.button.small{gap:18px;padding:13px 17px}.button.light{color:#243c2e;background:#f5f6f2;border-color:#f5f6f2}.text-link{border-bottom:1px solid;align-items:center;gap:25px;padding-bottom:7px;font-size:14px;display:inline-flex}.header{z-index:30;background:#f7f8f4;border-bottom:1px solid #d4d7d0;align-items:center;gap:28px;height:91px;padding:0 3.6vw;display:flex;position:relative}.brand{margin-right:auto}.brand img{object-fit:contain;width:145px;height:68px}.nav{align-items:center;gap:26px;font-size:13px;display:flex}.header-call{align-items:center;gap:8px;font-size:13px;display:flex}.menu{background:0 0;border:0;display:none}.hero{isolation:isolate;color:#fff;height:calc(100svh - 91px);min-height:690px;max-height:1150px;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:center;z-index:-3;width:100%;height:100%;position:absolute}.hero-shade{z-index:-2;background:linear-gradient(90deg,#0c181299,#0c181214 78%),linear-gradient(#0000 52%,#08130dc7);position:absolute;inset:0}.hero-content{padding:62px 5vw}.hero h1{margin:31px 0 24px;font-size:clamp(72px,7.7vw,148px);line-height:.95}.hero h1 em{letter-spacing:-.065em}.hero-content p{color:#f0f1ec;font-size:16px}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:30px;display:flex;position:absolute;bottom:36px;left:5vw;right:5vw}.address-start{width:650px;max-width:100%}.address-start label{letter-spacing:.16em;margin-bottom:13px;font-size:11px;display:block}.address-start>div{border-bottom:1px solid #f4f5ec;align-items:center;gap:13px;padding-bottom:15px;display:flex}.address-start input{color:#fff;background:0 0;border:0;flex:1;min-width:0;padding:8px 0;font-size:15px}.address-start input::placeholder{color:#fff}.address-start button{color:#213b2c;background:#f5f6ed;border:0;align-items:center;gap:21px;padding:15px 19px;font-size:13px;display:flex}.address-start small{color:#e2e6df;margin-top:10px;font-size:12px;display:block}.scroll-link{align-items:center;gap:20px;margin-bottom:28px;font-size:12px;display:flex}.trust-strip{background:#eceee7;border-bottom:1px solid #d4d8d0;justify-content:space-between;align-items:center;gap:24px;padding:30px 5vw;font-size:13px;display:flex}.trust-strip p{font-size:13px}.trust-strip p strong{font-weight:400}.trust-strip>a{font-size:12px}.preferred{border-left:3px solid #b32948;padding-left:16px}.preferred span{color:#ab2643;letter-spacing:-.025em;font-size:15px;font-weight:700;display:block}.preferred strong{font-size:12px;font-weight:500}.anatomy-head{justify-content:space-between;align-items:flex-end;gap:60px;display:flex}.anatomy-head h2 span{color:#879087}.anatomy-head>p{color:#5a665e;max-width:340px}.anatomy-layout{grid-template-columns:1.4fr 1fr;align-items:center;gap:7vw;margin-top:50px;display:grid}.anatomy-image{background:#f2f2ec;align-items:center;min-height:470px;display:flex;position:relative;overflow:hidden}.anatomy-image img{width:100%;transition:transform 1s}.anatomy-image.assembled img{transform:scale(1.2)}.expand-control{background:#f5f6f2;border:1px solid #c9cec4;align-items:center;gap:10px;padding:10px 13px;font-size:12px;display:flex;position:absolute;top:20px;left:20px}.image-caption{letter-spacing:.13em;font-size:10px;position:absolute;bottom:17px;left:20px}.layer{border-bottom:1px solid #ccd2c8}.layer>button{text-align:left;background:0 0;border:0;align-items:center;gap:23px;width:100%;padding:19px 0;font-size:18px;display:flex}.layer>button>svg{margin-left:auto}.layer-number{color:#7a877c;font-size:11px}.layer.active .layer-number{color:#314e3d}.layer-detail{padding:0 25px 24px 38px}.layer-detail .eyebrow{color:#6f7c70;font-size:10px}.layer-detail h3{margin:12px 0;font-size:17px;font-weight:400}.layer-detail p{color:#647065;font-size:14px}.layer-detail .failure{margin-top:14px;font-size:12px}.design-intro{background:#e4e9df;grid-template-columns:1fr 1.1fr;align-items:center;gap:7vw;display:grid}.design-intro h2{margin:25px 0}.design-intro p{color:#566651;max-width:370px;margin-bottom:30px}.material-preview{position:relative;overflow:hidden}.material-preview img{aspect-ratio:1.2;object-fit:cover;object-position:60% 35%;transform:scale(1.15)}.material-preview span{color:#fff;letter-spacing:.17em;font-size:10px;position:absolute;bottom:18px;left:24px}.systems-home{padding-top:95px;padding-bottom:90px}.system-row{border-top:1px solid #c9d0c5;align-items:center;gap:40px;padding:28px 0;display:flex}.system-row>span{letter-spacing:-.035em;min-width:40%;font-size:29px}.system-row p{color:#69766a;font-size:14px}.system-row>svg{margin-left:auto}.system-row:hover{background:#ecefe8;padding-left:10px}.local{background:#dce2d8;grid-template-columns:1.4fr 1fr;gap:25px 90px;display:grid}.local>.eyebrow{grid-column:1/-1}.local>div{align-self:end;max-width:350px}.local p{margin-bottom:22px}footer{color:#eaf0e5;background:#243c2e;padding:65px 5vw 24px}.footer-top{border-bottom:1px solid #5a6b5b;justify-content:space-between;align-items:center;gap:35px;padding-bottom:55px;display:flex}.footer-top p{letter-spacing:-.04em;font-size:clamp(30px,3.6vw,57px);line-height:1.12}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding:50px 0;display:grid}.footer-grid>div>strong{letter-spacing:.12em;font-size:35px}.footer-grid p{margin:10px 0;font-size:13px}.footer-grid a{font-size:13px;line-height:2;display:block}.footer-grid span{letter-spacing:.15em;color:#b8c6b5;margin-bottom:20px;font-size:10px;display:block}.footer-bottom{color:#c1cdbd;border-top:1px solid #5a6b5b;justify-content:space-between;padding-top:22px;font-size:11px;display:flex}.skip{z-index:100;background:#fff;padding:15px;position:fixed;top:-100px;left:10px}.skip:focus{top:5px}@media (width>=1700px){.hero-content{padding-top:90px}.hero-bottom{bottom:55px}}@media (width<=1200px){.header{gap:20px}.nav{gap:18px}.header-call span{display:none}.hero h1{font-size:100px}.scroll-link{display:none}}@media (width<=900px){.header{height:78px}.nav{display:none}.menu{display:block}.nav.open{background:#f5f6f2;flex-direction:column;align-items:stretch;padding:25px;display:flex;position:absolute;top:78px;left:0;right:0}.header-call{margin-left:auto}.brand{margin-right:0}.hero{height:calc(100svh - 78px);min-height:750px}.hero-content{padding-top:55px}.hero h1{font-size:90px}.trust-strip{flex-wrap:wrap}.trust-strip>a{display:none}.anatomy-head{align-items:start;gap:30px}.anatomy-layout{grid-template-columns:1fr 1fr;gap:30px}.anatomy-image{min-height:350px}.section{padding:70px 5vw}.design-intro{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.local{gap:25px 35px}.system-row>span{min-width:35%}}@media (width<=600px){.header{gap:15px;padding:0 20px}.brand img{width:113px;height:58px}.header .button{display:none}.header-call{margin-left:auto}.hero{min-height:760px;max-height:900px}.hero-photo{object-position:62% center}.hero-content{padding:48px 24px}.hero-content>.eyebrow{letter-spacing:.12em;max-width:250px;font-size:10px;display:block}.hero h1{margin-top:28px;font-size:77px}.hero-content p{max-width:280px;font-size:14px}.hero-bottom{bottom:30px;left:24px;right:24px}.address-start>div{flex-wrap:wrap;gap:8px}.address-start input{flex:auto;width:calc(100% - 35px)}.address-start button{justify-content:space-between;width:100%;margin-top:4px}.address-start small{font-size:11px}.trust-strip{gap:23px;padding:25px 24px}.trust-strip p{flex:1;font-size:11px}.preferred{width:100%}.section{padding:58px 24px}.section-top{align-items:start;margin-bottom:32px}.section-top>.eyebrow:last-child{display:none}.anatomy-head,.anatomy-layout{display:block}.anatomy-head>p{margin-top:24px;font-size:14px}.anatomy-image{aspect-ratio:1.2;min-height:0;margin:28px -24px}.layer-detail{padding-left:33px}.design-intro{display:block}.design-intro h2{margin-top:20px}.material-preview{margin-top:35px}.material-preview img{aspect-ratio:1.3}.system-row{flex-wrap:wrap;gap:15px;padding:23px 0;position:relative}.system-row>span{width:90%;font-size:27px}.system-row p{font-size:13px}.system-row>svg{position:absolute;top:30px;right:0}.systems-home .section-top{display:block}.systems-home .text-link{margin-top:25px}.local{display:block}.local h2{margin:23px 0}.footer-top{display:block}.footer-top .button{margin-top:27px}.footer-grid{gap:30px 20px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom>span:last-child{display:none}footer{padding:48px 24px 25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.breadcrumbs{color:#64705f;flex-wrap:wrap;align-items:center;gap:12px;padding:24px 5vw;font-size:12px;display:flex}.breadcrumbs a:hover{text-decoration:underline}.page-intro{padding:35px 5vw 65px}.page-intro h1{white-space:pre-line;margin:22px 0 28px;font-size:clamp(52px,6.4vw,96px)}.page-intro>p{color:#63705f;max-width:600px;font-size:17px}.form-page{grid-template-columns:1fr 1fr;gap:8vw;padding:35px 5vw 90px;display:grid}.form-page .page-intro{padding:0 0 35px}.form-page .page-intro h1{font-size:clamp(52px,5.5vw,82px)}.contact-details{gap:18px;margin:10px 0 35px;display:grid}.contact-details>a{align-items:center;gap:16px;font-size:15px;display:flex}.quiet-note{border-top:1px solid #cad0c5;max-width:440px;padding-top:24px}.quiet-note h2{margin-bottom:14px;font-size:27px}.quiet-note p{color:#64705f;font-size:14px}.inquiry-form{background:#e9ede4;align-self:start;padding:35px}.form-grid{grid-template-columns:1fr 1fr;gap:25px 20px;margin:27px 0;display:grid}.form-grid label{font-size:13px;font-weight:600;display:block}.form-grid label>span{font-weight:400}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea{background:#f8f9f4;border:1px solid #c8d0c1;border-radius:0;width:100%;margin-top:8px;padding:13px;font-size:15px;font-weight:400;display:block}.honeypot{position:absolute;left:-10000px}.consent{align-items:flex-start;gap:13px;font-size:12px;display:flex}.consent button{background:#fff;border:1px solid #61735a;flex-shrink:0;margin-top:3px}.consent button[data-checked]{color:#fff;background:#304a36}.consent a{text-decoration:underline}.inquiry-form>.button{justify-content:space-between;width:100%;margin:24px 0 12px}.fineprint{color:#617059;font-size:12px;line-height:1.6}.inquiry-form>.fineprint{margin-top:15px}.assessment-note{border-bottom:1px solid #c8d0c1;align-items:start;gap:13px;margin-top:23px;padding-bottom:21px;display:flex}.assessment-note p{font-size:13px}.selected-design{border-left:2px solid #405a39;margin-bottom:20px;padding-left:15px;font-size:13px}.form-error{color:#9e2732;margin-top:20px;font-size:14px}.inquiry-result{background:#e9ede4;flex-direction:column;align-self:start;align-items:flex-start;gap:25px;padding:40px;display:flex}.inquiry-result h2{font-size:40px}.inquiry-result p{font-size:15px}.plain-button{text-align:left;background:0 0;border:0;padding:5px 0;font-size:14px;text-decoration:underline}.inquiry-result details{font-size:13px}.choice>span,.color-choice>span{margin-bottom:9px;font-size:12px;font-weight:600;display:block}.choice [data-slot=select-trigger]{background:#f7f8f2;border:1px solid #c8cec2;border-radius:0;width:100%;height:auto;min-height:47px;padding:12px;font-size:14px}[data-slot=select-content]{background:#f5f6f2;border-radius:0;padding:7px}[data-slot=select-item]{border-radius:0;padding:10px 25px 10px 10px}[data-slot=select-item][data-highlighted]{background:#dce4d4}.visualizer{background:#e8ede2;grid-template-columns:minmax(0,1fr) 330px;min-height:650px;margin:0 3vw 80px;display:grid}.visualizer-scene{aspect-ratio:16/10;background:#d6ddd1;align-self:center;position:relative;overflow:hidden}.visualizer-base,.visualizer-scene canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.visualizer-scene canvas{transition:opacity .2s}.scene-top,.scene-bottom{color:#fff;z-index:2;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;left:28px;right:28px}.scene-top{letter-spacing:.1em;font-size:10px;top:22px}.scene-top button{color:#25412e;letter-spacing:0;background:#f1f4ed;border:1px solid #d2d9c6;padding:10px 14px;font-size:12px}.scene-bottom{text-shadow:0 2px 8px #162512;align-items:flex-end;bottom:25px}.scene-bottom h2{margin-top:5px;font-size:38px}.scene-bottom>span{font-size:10px}.visualizer-controls{flex-direction:column;gap:20px;padding:28px 25px;display:flex}.visualizer-controls>.eyebrow{margin-bottom:5px}.swatch-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.swatch-grid button{text-align:left;background:0 0;border:1px solid #0000;padding:3px;position:relative}.swatch-grid button.selected{border-color:#395134}.swatch-grid img{object-fit:cover;width:100%;height:52px}.swatch-grid button>span{min-height:26px;margin-top:5px;font-size:10px;line-height:1.3;display:block}.swatch-grid button>svg{color:#fff;background:#2b4431;position:absolute;top:7px;right:6px}.visualizer-controls .button{justify-content:space-between;gap:12px;padding:14px 15px;font-size:13px}.manufacturer-link{margin-top:5px;font-size:11px;text-decoration:underline;display:block}.scene-error{z-index:3;background:#fff;max-width:350px;padding:15px;position:absolute;top:80px;left:20px}.demo-notice{color:#645430;background:#e9e3d1;padding:15px 5vw;font-size:12px}.project-experience{grid-template-columns:280px 1fr;gap:55px;padding:50px 5vw 80px;display:grid}.project-sidebar>.choice{margin-bottom:25px}.project-item{text-align:left;background:0 0;border:0;border-top:1px solid #c6cfbe;flex-direction:column;gap:10px;width:100%;padding:24px 14px;display:flex}.project-item.selected{background:#e2e9da}.project-item .eyebrow{font-size:10px}.project-item strong{font-size:19px;font-weight:400}.project-item>span:last-child{justify-content:space-between;font-size:12px;display:flex}.project-sidebar>.fineprint{margin-top:25px}.project-experience [data-slot=tabs-list]{margin-bottom:23px}.project-experience [data-slot=tabs-trigger]{padding:10px 22px;font-size:14px}.comparison{aspect-ratio:16/9;position:relative;overflow:hidden}.comparison>img{object-fit:cover;width:100%;height:100%}.comparison .before{position:absolute;inset:0}.before-label,.after-label{color:#fff;letter-spacing:.05em;background:#213a2ecc;padding:8px 12px;font-size:10px;position:absolute;top:15px}.before-label{left:15px}.after-label{right:15px}.compare-rule{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0}.compare-rule>span{background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:24px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.comparison-slider{padding:20px 4px}.comparison-slider label{margin-bottom:20px;font-size:12px;display:block}.comparison-slider [data-slot=slider-thumb]{width:20px;height:20px}.project-caption{justify-content:space-between;align-items:end;gap:25px;margin-top:25px;display:flex}.project-caption h2{margin-top:13px;font-size:32px}.project-caption .eyebrow{font-size:10px}.neighborhood-map{background:#dce5d4;height:430px;position:relative}.neighborhood-map iframe{border:0;width:100%;height:100%}.map-label{background:#fff;padding:10px;font-size:11px;position:absolute;bottom:15px;left:15px}.service-hero{grid-template-columns:1fr 1fr;gap:5vw;padding:20px 5vw 65px;display:grid}.service-hero .page-intro{padding:0 0 27px}.service-hero .page-intro h1{font-size:clamp(52px,5.5vw,82px)}.service-material{min-height:470px;position:relative;overflow:hidden}.service-material>img{object-fit:cover;width:100%;height:100%}.service-material>span{letter-spacing:.13em;background:#f8f9f1e8;padding:8px 12px;font-size:10px;position:absolute;bottom:18px;left:22px}.tile{color:#593c26;background:#e6dbca}.tpo{color:#324853;background:#e4edf0}.bitumen{color:#eef0e9;background:#303a38}.bitumen .page-intro>p,.bitumen p{color:#c5ccc4}.gutters{background:#e1e7e5}.siding{background:#e2dccf}.service-details{grid-template-columns:1fr 1.25fr;gap:10vw;padding:75px 5vw;display:grid}.service-details h2{margin-top:24px}.service-details article{border-bottom:1px solid #c9d0c2;margin-bottom:27px;padding:0 0 26px}.service-details h3,.warranty-questions h3{letter-spacing:-.03em;margin-bottom:12px;font-size:25px;font-weight:400}.service-details p,.warranty-questions p{color:#64715b;font-size:15px}.service-design-cta{background:#e6ecdf;justify-content:space-between;align-items:center;gap:30px;padding:35px 5vw;display:flex}.service-design-cta p{max-width:400px;font-size:14px}.faq-section{grid-template-columns:1fr 1.25fr;gap:10vw;padding:70px 5vw;display:grid}.faq-section h2{font-size:40px}.faq-section details{border-bottom:1px solid #c9d0c2;padding:20px 0}.faq-section summary{cursor:pointer;list-style:revert;font-size:16px}.faq-section details p{color:#63705b;margin-top:16px;font-size:14px}.faq-section .text-link{margin-top:25px}.related-links{border-top:1px solid #c9d0c2;justify-content:space-between;align-items:center;gap:25px;padding:35px 5vw;font-size:14px;display:flex}.systems-index{border-top:1px solid #cbd1c5;border-left:1px solid #cbd1c5;grid-template-columns:1fr 1fr;margin:0 5vw 35px;display:grid}.systems-index>a{border-bottom:1px solid #cbd1c5;border-right:1px solid #cbd1c5;flex-direction:column;align-items:start;padding:45px;display:flex}.systems-index h2{margin:30px 0 20px;font-size:44px}.systems-index p{max-width:440px;margin-bottom:30px;font-size:14px}.systems-index .text-link{margin-top:auto}.service-availability{color:#607153;max-width:900px;padding:0 5vw 65px;font-size:13px}.process-list{margin:0 5vw}.process-list article{border-top:1px solid #c7cec0;grid-template-columns:1fr 2fr;gap:60px;padding:55px 0;display:grid}.step-number{color:#9ca991;font-family:Georgia,serif;font-size:100px;line-height:1}.process-list h2{margin-bottom:20px;font-size:42px}.process-list p{color:#5f6d57;max-width:650px}.step-note{color:#617452;margin-top:30px;font-size:12px;display:block}.process-end{background:#e3e9dc;justify-content:space-between;align-items:center;gap:35px;display:flex}.process-end h2{font-size:40px}.warranty-layout{grid-template-columns:1fr 1fr;gap:8vw;padding:0 5vw 90px;display:grid}.warranty-statement{background:#e3e9dc;align-self:start;padding:45px}.warranty-statement h2{margin:40px 0 25px;font-size:44px}.warranty-statement p{margin-bottom:30px;font-size:15px}.warranty-questions article{border-bottom:1px solid #c5cebc;margin:0 0 30px;padding:0 0 28px}.about-hero{position:relative}.about-hero>.page-intro{max-width:1000px}.about-hero>img{object-fit:cover;object-position:center 45%;width:100%;max-height:650px}.about-copy{grid-template-columns:1fr 1fr;gap:9vw;padding:90px 5vw;display:grid}.about-copy p{color:#617055;margin-bottom:25px}.service-area{background:#e3e9dc;padding:70px 5vw}.service-area h2{margin:25px 0 40px}.service-area>div{flex-wrap:wrap;gap:15px 45px;max-width:900px;display:flex}.service-area>div>span{font-size:22px}.service-area p{margin-top:30px;font-size:13px}.service-area a{text-decoration:underline}.resource-index{padding:0 5vw 80px}.resource-toolbar{border-top:1px solid #c9d1c1;border-bottom:1px solid #c9d1c1;justify-content:space-between;align-items:end;gap:25px;padding:22px 0;display:flex}.resource-search{flex:1;align-items:center;gap:15px;max-width:600px;display:flex}.resource-search input{background:0 0;border:0;width:100%;padding:14px 0;font-size:16px}.resource-toolbar .choice{min-width:200px}.resource-empty{max-width:800px;padding:70px 0}.resource-empty h2{white-space:pre-line;margin:25px 0;font-size:49px}.resource-empty p{color:#637459;max-width:520px;margin-bottom:30px}.resource-empty>div{align-items:center;gap:35px;display:flex}.resource-empty>.plain-button{margin-bottom:25px}.prose{max-width:850px;margin:auto;padding:30px 25px 90px}.prose h1{margin-bottom:25px;font-size:65px}.prose h2{margin:40px 0 18px;font-size:32px}.prose p{color:#5b6c50;margin-bottom:20px}.prose a{text-decoration:underline}.prose aside>a{margin:15px 0;display:block}.not-found-title{margin:30px 0;font-size:70px}.not-found-title~.button{margin-top:30px}@media (width<=1100px){.visualizer{grid-template-columns:1fr 300px;margin:0 0 60px}.visualizer-scene{aspect-ratio:1.1}.scene-bottom>span{display:none}.project-experience{grid-template-columns:220px 1fr;gap:30px}.project-caption{display:block}.project-caption .text-link{margin-top:20px}.service-material{min-height:390px}.form-page{gap:35px}.inquiry-form{padding:25px}.service-hero{gap:30px}.warranty-statement{padding:30px}}@media (width<=800px){.visualizer{display:block}.visualizer-scene{aspect-ratio:16/10}.visualizer-controls{grid-template-columns:1fr 1fr;gap:24px;padding:30px;display:grid}.visualizer-controls>.eyebrow{grid-column:1/-1}.swatch-grid img{height:45px}.visualizer-controls>.manufacturer-link{align-self:center}.form-page{grid-template-columns:1fr;padding-top:10px}.form-page .page-intro{max-width:600px}.contact-details{margin-bottom:25px}.quiet-note{display:none}.service-hero{grid-template-columns:1fr}.service-material{height:330px;min-height:0}.service-material>img{height:100%}.service-details,.faq-section{grid-template-columns:1fr 1.3fr;gap:30px}.service-details h2{font-size:36px}.service-design-cta{flex-wrap:wrap}.systems-index>a{padding:30px}.systems-index h2{font-size:34px}.project-experience{display:block}.project-sidebar{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.project-sidebar>.choice{width:100%;margin-bottom:5px}.project-item{width:calc(33.333% - 8px);padding:18px 10px}.project-item strong{font-size:16px}.project-sidebar>.fineprint{margin:0}.process-list article{grid-template-columns:100px 1fr;gap:35px}.process-list h2{font-size:34px}.warranty-layout{gap:35px}.warranty-statement h2{font-size:36px}.about-copy{gap:35px}.related-links{flex-wrap:wrap}}@media (width<=600px){.breadcrumbs{padding:19px 24px;font-size:11px}.page-intro{padding:25px 24px 42px}.page-intro h1{margin:20px 0 24px;font-size:56px}.page-intro>p{font-size:15px}.form-page{padding:10px 24px 55px}.form-page .page-intro h1{font-size:54px}.inquiry-form{margin:0 -24px;padding:25px 20px}.form-grid{gap:20px}.form-grid>label{grid-column:1/-1}.form-grid input,.form-grid textarea{font-size:16px}.inquiry-result{margin:0 -24px;padding:28px 20px}.inquiry-result h2{font-size:37px}.visualizer-scene{aspect-ratio:1.1}.scene-top{gap:10px;top:15px;left:15px;right:15px}.scene-top>span{max-width:100px;font-size:8px}.scene-top button{padding:9px;font-size:10px}.scene-bottom{bottom:18px;left:20px;right:20px}.scene-bottom h2{font-size:33px}.scene-bottom .eyebrow{font-size:10px}.visualizer-controls{padding:28px 24px;display:block}.visualizer-controls>*{margin-bottom:23px}.visualizer-controls .eyebrow{display:block}.swatch-grid img{height:65px}.swatch-grid button>span{font-size:12px}.visualizer-controls>.button{display:flex}.project-experience{padding:30px 24px 55px}.project-item{gap:5px;width:100%}.project-sidebar{gap:0}.project-sidebar>.fineprint{margin-top:16px}.demo-notice{padding:17px 24px;font-size:11px}.comparison{aspect-ratio:1.25;margin:0 -24px}.comparison>img{object-fit:cover}.before-label,.after-label{padding:7px;font-size:8px}.comparison-slider{padding-top:15px}.comparison-slider label{font-size:11px}.project-caption h2{font-size:32px}.neighborhood-map{height:350px;margin:0 -24px}.service-hero{padding:15px 24px 40px}.service-hero .page-intro h1{font-size:54px}.service-material{height:300px;margin:0 -24px}.service-details,.faq-section{padding:50px 24px;display:block}.service-details h2{margin:18px 0 35px}.service-details h3{font-size:24px}.service-details article,.faq-section h2{margin-bottom:25px}.service-design-cta{padding:28px 24px}.related-links{gap:20px;padding:30px 24px;display:grid}.systems-index{grid-template-columns:1fr;margin:0 24px 25px}.systems-index>a{padding:30px 23px}.systems-index h2{font-size:37px}.service-availability{padding:0 24px 45px}.process-list{margin:0 24px}.process-list article{grid-template-columns:45px 1fr;gap:20px;padding:32px 0}.step-number{font-size:49px}.process-list h2{font-size:30px}.process-list p{font-size:14px}.step-note{font-size:11px}.process-end{display:block}.process-end h2{margin-bottom:25px;font-size:37px}.warranty-layout{padding:0 24px 45px;display:block}.warranty-statement{margin:0 -24px 40px;padding:35px 24px}.warranty-statement h2{margin-top:30px;font-size:40px}.about-copy{padding:50px 24px;display:block}.about-copy h2{margin-bottom:25px}.about-copy p{font-size:15px}.service-area{padding:45px 24px}.service-area>.eyebrow{font-size:10px}.service-area>div{gap:15px 25px}.service-area>div>span{font-size:20px}.resource-index{padding:0 24px 35px}.resource-toolbar{display:block}.resource-toolbar .choice{margin-top:15px}.resource-empty{padding:45px 0}.resource-empty h2{font-size:37px}.resource-empty p{font-size:15px}.resource-empty>div{flex-direction:column;align-items:start;gap:25px;display:flex}.prose{padding:0 24px 55px}.prose h1{font-size:45px}.prose h2{font-size:29px}.prose p{font-size:15px}.not-found-title{font-size:50px}}.roof-assembly{background:#eeeae1;min-width:0;position:relative}.assembly-canvas{aspect-ratio:1.5;position:relative;overflow:hidden}.assembly-reference{object-fit:contain;width:100%;height:100%;transition:opacity .45s}.roof-photo-layer{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.layer-pointer{z-index:9;letter-spacing:.1em;background:#f6f7efd9;border-bottom:1px solid #546349;align-items:center;gap:10px;padding:6px 10px;font-size:9px;display:flex;position:absolute;top:26%;right:12px}.layer-pointer.pointer-1{top:6%}.layer-pointer.pointer-2{top:44%}.layer-pointer.pointer-3{top:53%}.layer-pointer.pointer-4{top:63%}.layer-pointer.pointer-5{top:82%}.assembly-controls{border-top:1px solid #cecfc2;justify-content:space-between;align-items:center;gap:25px;padding:17px 22px;display:flex}.assembly-controls>button{background:#f5f6ed;border:1px solid #bec6b7;padding:9px 12px;font-size:11px}.assembly-controls>div{width:150px;padding-bottom:10px}.assembly-controls label{margin-bottom:13px;font-size:10px;display:block}.assembly-controls [data-slot=slider-thumb]{width:16px;height:16px}.assembly-note{color:#6d7463;padding:0 22px 15px;font-size:10px}.page-design-your-roof .page-intro{grid-template-columns:1.4fr 1fr;align-items:end;gap:15px 60px;padding-top:16px;padding-bottom:35px;display:grid}.page-design-your-roof .page-intro>.eyebrow{grid-column:1/-1}.page-design-your-roof .page-intro h1{margin:0;font-size:58px}.page-design-your-roof .page-intro>p{max-width:460px;font-size:15px}.page-design-your-roof .visualizer{min-height:590px}.header .brand{align-items:center;gap:10px;display:flex}.header .brand img{width:66px;height:72px}.header .brand:after{content:"CITIUM\a ROOFING SOLUTIONS";white-space:pre;letter-spacing:.05em;color:#2c4030;font-size:15px;font-weight:600;line-height:1.3}@media (width<=1200px){.header .brand:after{display:none}.anatomy-layout{gap:4vw}.assembly-controls{gap:15px;padding:15px}.assembly-controls>div{width:110px}}@media (width<=800px){.anatomy-layout{grid-template-columns:1fr}.roof-assembly{margin-top:20px}.page-design-your-roof .page-intro{display:block}.page-design-your-roof .page-intro h1{margin:20px 0;font-size:50px}.page-design-your-roof .page-intro>p{font-size:14px}.header .brand:after{font-size:12px;display:block}.header .brand img{width:48px;height:60px}}@media (width<=600px){.roof-assembly{margin:28px -24px}.assembly-controls{padding:15px 24px}.assembly-controls>div{width:140px}.assembly-note{padding:0 24px 15px}.anatomy-layout{margin-top:25px}.page-design-your-roof .page-intro{padding-top:15px}.page-design-your-roof .page-intro h1{font-size:46px}.page-design-your-roof .visualizer{min-height:0}.layer-pointer{font-size:8px}}:root{--background:#e7e3dc;--foreground:#2b2824;--primary:#8d4f31;--color-muted:#69615a;--color-ring:#d4aa73}body{font-family:Manrope,Arial,sans-serif}.button{background:#352e29;border-color:#352e29}.button:hover{background:#815037}.header{background:#e7e3dc;border-bottom-color:#c6bfb4}.header .brand:after{color:#322b25}.nav a:hover{color:#965d3c}.cinematic-page{background:#191715}.cinematic-page>.header{z-index:40;color:#fff;background:0 0;border-bottom:1px solid #ffffff35;height:100px;position:absolute;top:0;left:0;right:0}.cinematic-page .header .brand:after{color:#fff}.cinematic-page .header .brand img{width:58px;height:72px}.cinematic-page .header .button{color:#fff;background:0 0;border:1px solid #ffffff65}.cinematic-page .header .button:hover{color:#26221e;background:#f1e8d8}.micro-label{letter-spacing:.15em;font:500 11px/1.5 Manrope,Arial,sans-serif}.roof-journey{background:#1b1815;height:340svh;position:relative}.journey-stage{background:#201b17;height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden}.hero-frame,.anatomy-frame{position:absolute;inset:0}.journey-photo{object-fit:cover;object-position:58% 48%;will-change:transform,opacity;width:100%;height:100%;position:absolute;inset:0}.hero-toning{background:linear-gradient(#15110d65,#0000 25% 45%,#120f0bdd);position:absolute;inset:0}.hero-editorial{color:#fff;position:absolute;bottom:16vh;left:5vw}.hero-editorial>.micro-label{max-width:350px;margin-bottom:25px;display:block}.hero-editorial h1{text-transform:uppercase;letter-spacing:-.025em;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(115px,13.5vw,260px);font-weight:500;line-height:.77}.hero-editorial h1>span{padding-left:9.8vw}.hero-editorial>p{color:#ebe3d7;margin-top:29px;margin-left:10vw;font-size:15px}.hero-inquiry{color:#fff;width:350px;position:absolute;bottom:17vh;right:5vw}.hero-inquiry>.micro-label{font-size:10px}.hero-inquiry>div{border-bottom:1px solid #d5c6b6;align-items:center;gap:13px;padding:17px 0 13px;display:flex}.hero-inquiry input{color:#fff;background:0 0;border:0;width:100%;min-width:0;padding:5px 0;font-size:16px}.hero-inquiry input::placeholder{color:#f0e8dc}.hero-inquiry button{color:#fff;background:0 0;border:0;padding:6px}.hero-inquiry p{color:#d5c6b5;margin-top:12px;font-size:10px;line-height:1.6}.hero-inquiry p>a{color:#fff;margin-top:7px;font-size:12px;display:block}.journey-footnote{color:#dacbb9;z-index:4;letter-spacing:.13em;pointer-events:none;border-top:1px solid #b6a59455;justify-content:space-between;align-items:center;padding-top:18px;font-size:10px;display:flex;position:absolute;bottom:30px;left:5vw;right:5vw}.journey-footnote a{pointer-events:auto;align-items:center;gap:25px;display:flex}.journey-chapter-roof{opacity:0;position:absolute;left:0}.anatomy-frame{opacity:0;color:#e9dfd0;pointer-events:none;background:#201b17}.anatomy-frame:has(.physical-stage canvas){pointer-events:auto}.anatomy-title{z-index:2;pointer-events:none;position:absolute;top:7vh;left:5vw}.anatomy-title>.micro-label{color:#c3a17e}.anatomy-title h2{text-transform:uppercase;letter-spacing:-.015em;margin-top:20px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(50px,5.6vw,108px);font-weight:500;line-height:.95}.anatomy-title h2 span{color:#a39482}.physical-stage{touch-action:pan-y;position:absolute;inset:0 12% 9% -3%}.physical-stage canvas{touch-action:pan-y!important}.physical-loading{color:#b5a087;font-size:12px;position:absolute;top:45%;left:40%}.orbit-hint{color:#ad9a84;pointer-events:none;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;top:39vh;left:5vw}.assembly-interaction{z-index:2;flex-direction:column;gap:40px;width:250px;display:flex;position:absolute;top:30vh;right:5vw}.assembly-slider label{color:#bda68c;letter-spacing:.12em;justify-content:space-between;margin-bottom:20px;font-size:10px;display:flex}.assembly-slider [data-slot=slider-track]{background:#635447;height:2px}.assembly-slider [data-slot=slider-range]{background:#ba855c}.assembly-slider [data-slot=slider-thumb]{background:#c6a27c;border-color:#c6a27c;width:16px;height:16px}.assembly-layer-copy .micro-label{color:#be8e60;font-size:9px}.assembly-layer-copy h3{letter-spacing:-.025em;margin:15px 0 20px;font-size:23px;font-weight:400;line-height:1.2}.assembly-layer-copy>p{color:#b4a697;font-size:13px;line-height:1.7}.detail-trigger{color:#d4c0a6;background:0 0;border:0;border-bottom:1px solid #75604b;align-items:center;gap:12px;margin-top:18px;padding:12px 0;font-size:10px;display:flex}.assembly-layer-copy .detail-failure{color:#bda487;margin-top:13px;font-size:11px}.physical-layer-nav{z-index:3;border-top:1px solid #786752;border-bottom:1px solid #786752;display:flex;position:absolute;bottom:13vh;left:5vw;right:5vw}.physical-layer-nav button{color:#a79684;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:19px 10px;font-size:13px;display:flex}.physical-layer-nav button>span:first-child{color:#b77f4e;font-size:9px}.physical-layer-nav button.selected{color:#f7ecdc}.layer-dot{background:0 0;border-radius:50%;width:5px;height:5px;margin-left:auto}.selected .layer-dot{background:#d2a16d}.physical-disclaimer{color:#837564;font-size:9px;position:absolute;bottom:9vh;left:5vw}.anatomy-anchor{position:absolute;top:140svh;left:0}.physical-fallback{color:#e4d3bb;padding:35%;font-size:14px}.physical-fallback span{font-size:12px}.cinematic-config{color:#e5dccd;background:#26231f;scroll-margin-top:0;position:relative}.config-photo-stage{background:#6e726b;height:85svh;min-height:590px;position:relative;overflow:hidden}.config-photograph{object-fit:cover;object-position:50% 48%;will-change:transform;width:100%;height:100%}.config-photo-stage:after{content:"";pointer-events:none;background:linear-gradient(#17181355,#0000 35% 65%,#161410bb);position:absolute;inset:0}.config-topline{z-index:2;color:#fff;justify-content:space-between;gap:25px;display:flex;position:absolute;top:38px;left:5vw;right:5vw}.config-statement{text-transform:uppercase;letter-spacing:-.02em;color:#fff;z-index:2;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(70px,8vw,145px);font-weight:500;line-height:.9;position:absolute;top:90px;left:5vw}.config-statement>span{padding-left:6vw}.config-selection{z-index:2;color:#fff;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:45px;left:5vw}.config-selection>span{letter-spacing:.06em;font-size:11px}.config-selection strong{letter-spacing:-.04em;font-size:37px;font-weight:400}.config-compare{z-index:2;color:#fff;background:0 0;border:0;border-bottom:1px solid #d4cab8;align-items:center;gap:35px;padding:12px 0;font-size:12px;display:flex;position:absolute;bottom:62px;right:5vw}.config-compare>span{font-size:24px}.config-loading{z-index:2;letter-spacing:.11em;color:#d9d5c9;font-size:8px;position:absolute;bottom:12px;left:5vw}.config-workbench{background:#28241f;padding:0 5vw}.config-steps{border-bottom:1px solid #776957;justify-content:space-between;align-items:center;gap:25px;display:flex}.config-steps [data-slot=tabs-list]{border-radius:0;gap:35px;max-width:100%;height:72px;padding:0}.config-steps [data-slot=tabs-trigger]{color:#8d8171;border:0;border-radius:0;flex:none;gap:12px;padding:22px 0;font-size:10px}.config-steps [data-slot=tabs-trigger]>span{font-size:14px}.config-steps [data-slot=tabs-trigger][data-active]{color:#f1e4ce}.config-steps [data-slot=tabs-trigger]:after{background:#c28d5d;height:2px;bottom:0}.config-estimate{color:#ecd8bb;align-items:center;gap:40px;font-size:12px;display:flex}.config-options{grid-template-columns:1fr 1fr .85fr;align-items:center;gap:50px;min-height:150px;display:grid}.config-options>button{color:#887b6a;text-align:left;background:0 0;border:0;align-items:center;gap:20px;min-height:90px;display:flex}.config-options>button>span:not(.option-index){letter-spacing:-.05em;font-size:clamp(22px,2.5vw,38px)}.config-options>button.selected{color:#f0ddc0}.config-options>button>svg{color:#a6784c;margin-left:auto}.option-index{color:#a6784c;font-size:10px}.config-options>p,.config-colors>p{color:#a79781;font-size:11px;line-height:1.8}.config-colors{align-items:center;gap:55px;min-height:150px;display:flex}.config-colors>button{color:#a49682;text-align:left;background:0 0;border:0;grid-template-columns:42px 1fr;align-items:center;gap:4px 14px;display:grid}.finish-dot{border-radius:50%;grid-row:1/3;width:40px;height:40px;box-shadow:0 0 0 3px #28241f,0 0 0 4px #514839}.selected .finish-dot{box-shadow:0 0 0 3px #28241f,0 0 0 4px #b58c61}.config-colors>button>span:nth-child(2){font-size:16px}.config-colors>button.selected{color:#e9d8bc}.finish-check{letter-spacing:.13em;font-size:8px}.onyx-black{background:#323334}.estate-gray{background:#8b8b80}.brownwood{background:#745840}.terracotta{background:#b66d47}.config-colors>p{margin-left:auto}.config-product{grid-template-columns:.6fr 1.2fr 1fr;align-items:center;gap:25px 45px;min-height:170px;display:grid}.config-product .micro-label{color:#b28a60;font-size:9px}.config-product h3{letter-spacing:-.04em;font-size:27px;font-weight:400}.config-product p{color:#baab95;font-size:12px}.config-product>button{color:#dfc7a2;text-align:left;background:0 0;border:0;border-bottom:1px solid #897051;grid-column:2;justify-self:start;padding:8px 0;font-size:12px}.material-index{color:#30291f;background:#e4dfd5;grid-template-columns:1fr 1.4fr;gap:7vw;padding:90px 5vw;display:grid}.material-index-heading h2{text-transform:uppercase;letter-spacing:-.01em;margin:25px 0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:62px}.material-index-heading>a{align-items:center;gap:30px;font-size:13px;display:flex}.material-ribbon{align-items:center;gap:20px;min-height:112px;padding:20px 30px;display:flex;position:relative;overflow:hidden}.material-ribbon>span{text-transform:uppercase;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:36px}.material-ribbon>p{margin-left:auto;font-size:11px}.ribbon-shingles{color:#e1e0db;background:#343638}.ribbon-tile{color:#f2dbbc;background:#a45b3b}.ribbon-tpo{color:#344247;background:#d1d8d7}.ribbon-modified-bitumen{color:#b6bebd;background:#1d2020}.material-ribbon:hover{padding-left:40px}.cinematic-trust{color:#3a3024;background:#d1c6b4;justify-content:space-between;align-items:center;gap:35px;padding:35px 5vw;display:flex}.cinematic-trust>p{font-size:14px}.cinematic-trust>a{align-items:center;gap:25px;font-size:13px;display:flex}.cinematic-page footer{color:#c6b7a3;background:#191715}.cinematic-page .footer-top,.cinematic-page .footer-bottom{border-color:#5f5041}.cinematic-page .footer-grid span{color:#99846c}.cinematic-page .footer-top p{text-transform:uppercase;letter-spacing:0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:58px}.cinematic-page .footer-top .button{color:#17130f;background:#aa7950;border-color:#aa7950}@media (width>=1700px){.assembly-interaction{width:300px;right:6vw}.assembly-layer-copy h3{font-size:29px}.assembly-layer-copy>p{font-size:15px}.physical-stage{inset:0 14% 8% 0}.physical-layer-nav button{font-size:16px}.hero-inquiry{width:420px}}@media (width<=1100px){.hero-editorial h1{font-size:170px}.hero-inquiry{width:290px}.assembly-interaction{gap:30px;width:210px;right:4vw}.anatomy-title h2{font-size:64px}.physical-stage{inset:4% 15% 8% -13%}.physical-layer-nav button{gap:7px;font-size:11px}.config-options{gap:25px}.config-colors{gap:30px}.config-estimate{gap:18px}.config-steps [data-slot=tabs-list]{gap:25px}.material-index{gap:40px}.material-ribbon{padding:20px}.material-ribbon>p{display:none}.material-ribbon>svg{margin-left:auto}.material-index-heading h2{font-size:52px}}@media (width<=800px){.cinematic-page>.header{height:85px}.cinematic-page .header .nav.open{color:#f0e4d2;background:#26221d;top:85px}.hero-editorial{bottom:27vh}.hero-editorial h1{font-size:150px}.hero-inquiry{width:45vw;bottom:11vh;right:5vw}.hero-editorial>p{max-width:230px;margin-left:0;font-size:13px}.anatomy-title{top:5vh}.anatomy-title h2{font-size:57px}.assembly-interaction{grid-template-columns:1fr 1.6fr;align-items:start;gap:30px;width:auto;display:grid;inset:auto 5vw 21vh}.assembly-slider{padding-top:10px}.assembly-layer-copy h3{margin:10px 0;font-size:20px}.assembly-layer-copy>p{font-size:12px}.detail-trigger{margin-top:10px}.physical-stage{inset:1% -8% 22% -16%}.orbit-hint{font-size:10px;top:29vh;left:auto;right:5vw}.physical-layer-nav{bottom:12vh}.physical-layer-nav button{padding:17px 5px;font-size:10px}.physical-layer-nav button>span:first-child{display:none}.physical-disclaimer{bottom:8vh}.config-photo-stage{height:70svh;min-height:530px}.config-statement{font-size:85px}.config-topline .micro-label:last-child{display:none}.config-steps{display:block}.config-steps [data-slot=tabs-list]{gap:40px;height:65px}.config-estimate{font-size:11px;position:absolute;bottom:20px;right:5vw}.config-workbench{padding-bottom:60px;position:relative}.config-options{grid-template-columns:1fr 1fr;min-height:155px;padding:15px 0}.config-options>p{grid-column:1/-1}.config-options>button{min-height:55px}.config-options>button>span:not(.option-index){font-size:27px}.config-colors{flex-wrap:wrap;gap:25px;padding:25px 0}.config-colors>p{width:100%;margin:0}.config-product{grid-template-columns:1fr 1fr;gap:20px;padding:25px 0}.config-product .micro-label{grid-column:1/-1}.config-product>button{grid-column:1}.material-index{grid-template-columns:1fr}.material-index-heading{grid-template-columns:1fr 1fr;align-items:end;display:grid}.material-index-heading>.micro-label{grid-column:1/-1}.material-index-heading h2{font-size:52px}.material-ribbons{grid-template-columns:1fr 1fr;display:grid}.cinematic-trust{flex-wrap:wrap}.cinematic-trust>.preferred{width:auto}.cinematic-trust>a{width:100%}}@media (width<=600px){.roof-journey{height:320svh}.journey-stage{min-height:740px}.cinematic-page>.header{height:78px;padding:0 24px}.cinematic-page .header .brand img{width:42px;height:54px}.cinematic-page .header .brand:after{font-size:10px}.cinematic-page .header .nav.open{top:78px}.journey-photo{object-position:62% 45%}.hero-editorial{bottom:31vh;left:24px}.hero-editorial>.micro-label{max-width:220px;margin-bottom:25px;font-size:8px}.hero-editorial h1{font-size:145px;line-height:.77}.hero-editorial h1>span{padding-left:62px}.hero-editorial>p{max-width:210px;margin-top:24px;margin-left:63px;font-size:12px}.hero-inquiry{width:auto;bottom:12vh;left:24px;right:24px}.hero-inquiry>.micro-label{font-size:9px}.hero-inquiry>div{padding:11px 0}.hero-inquiry input{font-size:16px}.hero-inquiry p{justify-content:space-between;align-items:center;gap:15px;font-size:9px;display:flex}.hero-inquiry p>a{margin:0;font-size:10px}.journey-footnote{padding-top:13px;font-size:8px;bottom:22px;left:24px;right:24px}.journey-footnote>a{gap:0;font-size:0}.journey-footnote>a svg{width:15px}.anatomy-title{top:32px;left:24px}.anatomy-title>.micro-label{font-size:8px}.anatomy-title h2{margin-top:13px;font-size:48px}.physical-stage{inset:8% -26% 26% -30%}.orbit-hint{font-size:9px;top:23vh;right:24px}.assembly-interaction{display:block;bottom:20vh;left:24px;right:24px}.assembly-slider{width:105px;padding:0;position:absolute;top:-35px;right:0}.assembly-slider label{margin-bottom:14px;font-size:8px}.assembly-layer-copy{max-width:100%}.assembly-layer-copy .micro-label{font-size:8px}.assembly-layer-copy h3{max-width:250px;margin:10px 0;font-size:18px}.assembly-layer-copy>p{max-width:320px;font-size:11px;line-height:1.55}.detail-trigger{margin:4px 0 0;padding:9px 0;font-size:9px}.assembly-layer-copy .detail-failure{z-index:10;background:#29221a;border:1px solid #756047;padding:13px;font-size:11px;position:absolute;bottom:0}.physical-layer-nav{border-bottom:0;grid-template-columns:1fr 1fr 1fr;gap:0 14px;display:grid;bottom:10vh;left:24px;right:24px}.physical-layer-nav button{border-bottom:1px solid #665341;padding:9px 0;font-size:10px}.physical-disclaimer{font-size:7px;bottom:7vh;left:24px;right:24px}.anatomy-anchor{top:120svh}.config-photo-stage{height:78svh;min-height:600px}.config-photograph{object-position:52% 45%}.config-topline{top:28px;left:24px;right:24px}.config-topline>.micro-label{font-size:8px}.config-statement{font-size:72px;top:66px;left:24px}.config-statement>span{padding-left:40px}.config-selection{bottom:79px;left:24px}.config-selection>span{font-size:9px}.config-selection strong{font-size:31px}.config-compare{gap:25px;padding:7px 0;font-size:10px;bottom:33px;right:24px}.config-compare>span{font-size:20px}.config-loading{font-size:6px;bottom:12px;left:24px;right:24px}.config-workbench{padding:0 24px 55px}.config-steps [data-slot=tabs-list]{gap:27px;height:61px}.config-steps [data-slot=tabs-trigger]{gap:6px;padding:20px 0;font-size:8px}.config-steps [data-slot=tabs-trigger]>span{font-size:11px}.config-options{gap:12px 20px;padding-top:17px}.config-options>button{gap:10px}.config-options>button>span:not(.option-index){font-size:22px;line-height:1.15}.config-options>button>svg{width:18px}.option-index{font-size:8px}.config-options>p{font-size:10px;line-height:1.6}.config-estimate{bottom:22px;right:24px}.config-colors{gap:23px 17px;min-height:180px}.config-colors>button{grid-template-columns:30px 1fr;gap:4px 12px}.finish-dot{width:28px;height:28px}.config-colors>button>span:nth-child(2){font-size:12px}.finish-check{font-size:6px}.config-colors>p{font-size:10px}.config-product{display:block}.config-product>*{margin-bottom:16px}.config-product h3{font-size:25px}.config-product p{font-size:11px}.material-index{gap:30px;padding:50px 24px}.material-index-heading{display:block}.material-index-heading h2{margin:18px 0 24px;font-size:45px}.material-index-heading .micro-label{font-size:8px}.material-index-heading>a{font-size:11px}.material-ribbons{display:block}.material-ribbon{min-height:93px;padding:20px 24px}.material-ribbon>span{font-size:34px}.material-ribbon>p{max-width:90px;font-size:9px;display:block}.material-ribbon>svg{width:19px}.cinematic-trust{gap:23px;padding:30px 24px}.cinematic-trust>p{font-size:11px}.cinematic-trust>.preferred{width:100%}.cinematic-trust>a{font-size:12px}.cinematic-page .footer-top p{font-size:42px}}@media (prefers-reduced-motion:reduce){.roof-journey{height:auto}.journey-stage{height:200svh;min-height:1480px;position:relative}.hero-frame{height:100svh;min-height:740px}.anatomy-frame{opacity:1;height:100svh;min-height:740px;top:100svh}.journey-footnote{display:none}.anatomy-anchor{top:100svh}.hero-editorial{bottom:31vh}.journey-photo,.config-photograph{transform:none!important}}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lw_3E.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873_3E.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_F.ttf)format("truetype")}.preferred{border:0;padding:0}.preferred img{width:230px;max-width:100%;height:auto}.about-place{color:#e7dfd0;background:#766a57;padding:80px 5vw}.about-place>span{letter-spacing:.2em;font-size:11px}.about-place>strong{text-transform:uppercase;margin-top:35px;font-family:Barlow Condensed,sans-serif;font-size:clamp(80px,11vw,180px);font-weight:500;line-height:.9;display:block}.material-for-gutters img,.material-for-siding img{display:none}.material-for-gutters,.material-for-siding{justify-content:center;align-items:center;display:flex}.material-for-gutters:before{content:"FOLLOW\a THE WATER.";white-space:pre;color:#6c797a;font-family:Barlow Condensed,sans-serif;font-size:80px;line-height:.9}.material-for-siding:before{content:"EVERY¬ONNECTION.";white-space:pre;color:#7b6650;font-family:Barlow Condensed,sans-serif;font-size:80px;line-height:.9}.material-for-gutters>span,.material-for-siding>span{display:none}.material-for-tpo{background:#e6eded}.material-for-modified-bitumen{background:#1f2323}.material-for-tpo>img,.material-for-modified-bitumen>img{object-fit:cover}.tile .service-material>img{object-position:45% 62%}.config-workbench>[data-slot=tabs],.project-experience [data-slot=tabs]{display:block}.config-workbench [data-slot=tabs-content]{width:100%;display:block}.config-steps [data-slot=tabs-list]{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.config-steps [data-slot=tabs-trigger]{height:72px}.assembly-slider [data-slot=slider-track]{width:100%;height:2px}.assembly-slider [data-slot=slider-range]{height:100%}.comparison-slider [data-slot=slider-track]{width:100%;height:3px}.comparison-slider [data-slot=slider-range]{height:100%}.anatomy-frame{visibility:hidden}.physical-stage{inset:6% 15% 15% -1%}.anatomy-title h2{font-size:clamp(50px,4.7vw,90px)}.assembly-layer-copy>p{font-size:14px}.orbit-hint{top:34vh}.physical-layer-nav{background:#201b17e8}.physical-layer-nav button{min-height:54px}.config-options>button{min-height:78px}.config-colors>button{min-height:56px}.config-colors .finish-check{font-size:9px}@media (width<=1100px){.physical-stage{inset:9% 15% 18% -10%}.anatomy-title h2{font-size:56px}.assembly-layer-copy>p{font-size:13px}}@media (width<=800px){.physical-stage{inset:9% -7% 25% -12%}.anatomy-title h2{font-size:54px}.assembly-layer-copy>p{font-size:12px}.orbit-hint{top:29vh}}@media (width<=600px){.physical-stage{inset:13% -24% 29% -28%}.anatomy-title h2{font-size:47px}.assembly-layer-copy>p{font-size:12px}.orbit-hint{top:24vh}.physical-layer-nav button{min-height:33px}.config-steps [data-slot=tabs-trigger]{height:61px}.config-colors .finish-check{font-size:8px}}@media (prefers-reduced-motion:reduce){.anatomy-frame{visibility:visible}}.assembly-slider .separation-label{letter-spacing:.1em;justify-content:space-between;margin-bottom:18px;font-size:10px;display:flex}.comparison-slider>span{margin-bottom:14px;font-size:12px;display:block}@media (width<=600px){.physical-stage{inset:15% -20% 35% -24%}.assembly-slider{width:130px;top:-27px}.assembly-slider .separation-label{margin-bottom:12px;font-size:9px}.physical-layer-nav button{min-height:38px;font-size:12px}.physical-disclaimer{bottom:6.5vh}}.config-photo-stage{height:75svh}.cinematic-config{scroll-margin-top:0}@media (width<=600px){.config-photo-stage{height:60svh;min-height:480px}.config-statement{font-size:62px;top:60px}.config-colors>button{grid-template-columns:36px 1fr}.finish-dot{width:36px;height:36px}.config-colors>button>span:nth-child(2){font-size:14px}.config-selection{bottom:75px}.config-workbench{padding-bottom:50px}}.journey-stage{background:radial-gradient(at 65% 35%,#514331 0%,#28211b 45%,#171512 85%)}.shared-physical-stage{z-index:1;touch-action:pan-y;position:absolute;inset:0}.shared-physical-stage canvas{touch-action:pan-y!important}.hero-frame{z-index:2;pointer-events:none}.hero-toning{pointer-events:none;background:linear-gradient(#0000 62%,#100e0b88)}.hero-inquiry{pointer-events:auto}.hero-editorial{pointer-events:none}.anatomy-frame{z-index:3;background:0 0;pointer-events:none!important}.assembly-interaction,.physical-layer-nav{pointer-events:auto}.physical-loading{letter-spacing:.1em;font-size:12px;top:42%;left:56%}.hero-editorial{bottom:17vh}.hero-editorial h1{font-size:clamp(110px,11.5vw,220px)}@media (width<=800px){.hero-editorial{bottom:25vh}.hero-editorial h1{font-size:135px}.hero-inquiry{bottom:11vh}}@media (width<=600px){.hero-editorial{bottom:25vh}.hero-editorial h1{font-size:112px}.hero-editorial>.micro-label{max-width:250px;margin-bottom:18px;font-size:8px}.hero-editorial>p{margin-top:20px}.hero-inquiry{bottom:10vh}.physical-loading{top:36%;left:37%}}@media (prefers-reduced-motion:reduce){.journey-stage{height:100svh;min-height:800px;position:relative}.hero-frame{height:100%;min-height:0}.hero-editorial,.hero-inquiry{display:none}.anatomy-frame{height:100%;min-height:0;top:0}.anatomy-anchor{top:0}.cinematic-page>.header{background:#201b17;position:relative}.roof-journey{height:auto}}.hero-motion-toggle{pointer-events:auto;color:#c5b5a0;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:12px 0;font-size:11px;display:flex;position:absolute;top:135px;right:5vw}.reduced-anatomy-model{position:absolute;inset:0}@media (width<=600px){.hero-motion-toggle{font-size:10px;top:92px;right:24px}.hero-editorial{bottom:25vh}}@media (prefers-reduced-motion:reduce){.journey-stage{height:200svh;min-height:1600px}.hero-frame,.shared-physical-stage{height:100svh;min-height:800px}.hero-editorial,.hero-inquiry{display:block}.anatomy-frame{height:100svh;min-height:800px;top:100svh}.anatomy-anchor{top:100svh}}@media (width<=600px){.orbit-hint{inset:auto auto 39vh 24px}}.roof-studio{color:#f3ebe1;background:#171512;grid-template-columns:1.15fr .85fr;min-height:100svh;display:grid}.studio-stage{background:#171512;min-height:100svh;position:relative}.studio-stage canvas{width:100%!important;height:100%!important}.studio-placeholder{letter-spacing:.16em;color:#c5b5a0;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.studio-overlay{pointer-events:none;max-width:28ch;position:absolute;bottom:8vh;left:4vw}.studio-overlay h2{text-transform:uppercase;margin:12px 0;font-family:Barlow Condensed,sans-serif;font-size:clamp(48px,6vw,92px);font-weight:400;line-height:.88}.studio-overlay p{color:#c5b5a0;font-size:13px}.studio-bench{border-left:1px solid #2c2722;flex-direction:column;gap:22px;padding:48px 36px 64px;display:flex;overflow:auto}.studio-families,.studio-products,.studio-finishes{flex-wrap:wrap;gap:8px;display:flex}.studio-families>button,.studio-products>button,.studio-finishes>button{color:#f3ebe1;text-align:left;background:0 0;border:1px solid #3a342e;min-height:44px;padding:12px 16px}.studio-families>button.selected,.studio-products>button.selected,.studio-finishes>button.selected{background:#221e1a;border-color:#c5b5a0}.studio-families>button em{letter-spacing:.14em;color:#c5b5a0;font-size:10px;font-style:normal;display:block}.studio-products>button{flex-direction:column;flex:46%;gap:4px;display:flex}.studio-products strong{font-weight:500}.finish-chip{vertical-align:middle;border:1px solid #0006;border-radius:50%;width:18px;height:18px;margin-right:8px;display:inline-block}.studio-copy h3{margin-bottom:8px;font-size:22px}.studio-copy p{color:#d9cfc3;font-size:14px;line-height:1.55}.studio-spec{color:#b7aa9c!important;font-size:12px!important}.studio-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.catalog{color:#1c1916;background:#f4f1ea;padding:8vh 6vw 12vh}.catalog-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:48px;display:flex}.catalog-heading h2{text-transform:uppercase;max-width:16ch;font-family:Barlow Condensed,sans-serif;font-size:clamp(36px,5vw,64px);line-height:.9}.catalog-product{border-top:1px solid #d4cec4;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:32px;padding:36px 0;display:grid}.catalog-swatches{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.catalog-swatch{color:inherit;flex-direction:column;gap:8px;text-decoration:none;display:flex}.catalog-swatch img{object-fit:cover;background:#ddd;width:100%;height:110px}.catalog-swatch span{letter-spacing:.08em;text-transform:uppercase;font-size:12px}.project-caption p{color:#c5b5a0;max-width:46ch;margin-top:10px;font-size:14px;line-height:1.5}.inner-page .studio-overlay{bottom:28px;left:24px}.inner-page .studio-stage{min-height:70svh}.inner-page .roof-studio{min-height:auto}.studio-page-intro{color:#c5b5a0;background:#171512;padding:28px 6vw 8px}.studio-page-intro p{max-width:46ch;margin-top:8px;font-size:14px;line-height:1.5}@media (width<=900px){.roof-studio{grid-template-columns:1fr;min-height:auto}.studio-stage{min-height:70svh}.studio-bench{border-top:1px solid #2c2722;border-left:0;padding:28px 20px 48px}.catalog-product{grid-template-columns:1fr}.studio-overlay{bottom:24px;left:20px}.studio-overlay h2{font-size:48px}}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lw_3E.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_F.ttf)format("truetype")}.header .brand:after,.cinematic-page .header .brand:after{content:none!important;display:none!important}.header .brand img,.cinematic-page .header .brand img,.cinematic-page>.header .brand img,.footer .brand img{filter:drop-shadow(0 1px #0008)drop-shadow(0 8px 16px #0006);object-fit:contain!important;width:auto!important;max-width:210px!important;height:48px!important}.cinematic-page .header .brand img{height:54px!important}.header .brand,.cinematic-page .header .brand,.footer .brand,.cinematic-page .header .brand{background:0 0}.roof-studio{color:#f3ebe1;background:#171512;grid-template-columns:minmax(0,1.25fr) minmax(280px,380px);align-items:stretch;height:calc(100svh - 91px);min-height:620px;display:grid;overflow:hidden}.cinematic-page .roof-studio{height:calc(100svh - 91px)}.cinematic-page .studio-stage{height:100%!important;min-height:0!important}.studio-stage{overscroll-behavior:auto;background:#161310;top:auto;overflow:hidden;height:100%!important;min-height:0!important;max-height:100%!important;position:relative!important}.studio-stage canvas{-webkit-user-select:none;user-select:none;touch-action:pan-y!important;pointer-events:none!important;width:100%!important;height:100%!important}.studio-stage>div.studio-canvas-wrap{pointer-events:none!important;touch-action:pan-y!important;width:100%!important;height:100%!important;max-height:100%!important;position:absolute!important;inset:0!important;overflow:hidden!important}.studio-photo{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.studio-viz{z-index:1;isolation:isolate;background:#1c1814;position:absolute;inset:0}.studio-viz .studio-photo{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.studio-roof-layer{object-fit:cover;z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.studio-roof-tint{z-index:3;pointer-events:none;opacity:.42;mix-blend-mode:color;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.studio-roof-fill{z-index:2;background-position:50%;background-repeat:no-repeat;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.studio-roof-tint{z-index:3;mix-blend-mode:color;opacity:.72;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.studio-chip{z-index:4;aspect-ratio:4/3;object-fit:cover;border:1px solid #ffffff70;width:min(220px,32%);position:absolute;bottom:18px;right:18px;box-shadow:0 16px 40px #0007}.studio-chrome{z-index:6;pointer-events:none;position:absolute;inset:0}.studio-chrome .studio-homes,.studio-chrome .studio-inspect,.studio-chrome .hero-inquiry{pointer-events:auto}.studio-homes{gap:6px;display:flex;position:absolute;top:16px;left:16px}.studio-homes button{color:#f3ebe1;background:#1a1612aa;border:1px solid #fff5;min-height:40px;padding:8px 12px;font-size:12px}.studio-homes button.on{color:#1a1612;background:#f3ebe1;border-color:#f3ebe1}.studio-inspect{color:#f3ebe1;background:#1a1612aa;border:1px solid #fff5;min-height:40px;padding:8px 14px;font-size:12px;position:absolute;top:16px;right:16px}.studio-caption{z-index:3;pointer-events:none;color:#f3ebe1;text-shadow:0 1px 8px #0009;font-size:12px;position:absolute;bottom:16px;left:18px}.studio-orbit{z-index:5;touch-action:pan-y;cursor:grab;background:0 0;position:absolute;inset:0}.studio-caption{z-index:3;pointer-events:none;color:#f3ebe1;font-size:12px;position:absolute;bottom:16px;left:18px}.job-video{pointer-events:none!important}.studio-stage,.studio-stage canvas{touch-action:pan-y}.roof-studio:not(.hero) .studio-overlay{display:none}@media (width<=900px){.roof-studio{grid-template-rows:minmax(42svh,1fr) auto;grid-template-columns:1fr;height:calc(100svh - 78px)}.roof-studio:not(.hero){grid-template-rows:minmax(48svh,1fr) auto;min-height:0;overflow:visible;height:auto!important}}.job-hero{background:#120f0c;height:240svh;position:relative}.job-stage{color:#f3ebe1;height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden}.job-video,.job-still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}canvas.job-video{z-index:1;display:block}.job-still{z-index:0}.job-veil{z-index:2;pointer-events:none;background:linear-gradient(90deg,#100e0b55 0%,#100e0b18 32%,#0000 62%),linear-gradient(#0000 62%,#100e0b55);position:absolute;inset:0}.job-copy{z-index:3;pointer-events:none;max-width:16ch;position:absolute;bottom:22vh;left:5vw}.job-copy .micro-label{color:#f0c36a}.job-copy h1{text-transform:uppercase;margin:12px 0 14px;font-family:Barlow Condensed,sans-serif;font-size:clamp(48px,6vw,84px);font-weight:400;line-height:.9}.job-copy p{max-width:22ch;font-size:18px}.job-measure-line{letter-spacing:.14em;text-transform:uppercase;color:#f0c36a;max-width:none;margin-top:10px;font-size:13px}.job-stage .hero-inquiry{z-index:4;color:#2b241c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4efe6ee;border:1px solid #e4d8c4;width:min(400px,44vw);padding:22px 22px 18px;position:absolute;bottom:12vh;right:5vw}.job-stage .hero-inquiry .micro-label{color:#8a5a22}.job-stage .hero-inquiry input{color:#2b241c;caret-color:#2b241c;background:0 0}.job-stage .hero-inquiry input,.job-stage .hero-inquiry input::placeholder{color:#2b241c}.job-stage .hero-inquiry>div{border-bottom:1px solid #c9b89a}.job-stage .hero-inquiry p,.job-stage .hero-inquiry a{color:#5c4a36}.job-stage .hero-inquiry button{color:#2b241c}@media (width<=800px){.job-stage .hero-inquiry{width:auto;left:24px;right:24px}.job-copy{bottom:34vh;left:24px}}@media (width<=600px){.job-video{object-fit:cover;object-position:center 38%}.job-stage .hero-inquiry{width:auto;bottom:10vh;left:20px;right:20px}}.why-citium{color:#2b241c;background:#cfc4b3;padding:90px 6vw}.why-citium-head h2{margin:12px 0 36px;font-size:clamp(40px,5vw,72px)}.why-citium-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:40px;display:grid}.why-citium-grid span{color:#8a5a22;letter-spacing:.16em;margin-bottom:10px;font-size:11px;display:block}.why-citium-grid h3{margin-bottom:10px;font-size:22px}.why-citium-grid p{color:#5c534a;font-size:15px}@media (width<=900px){.why-citium-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.why-citium-grid{grid-template-columns:1fr}}.home-articles{color:#2b241c;background:#efe8dc;padding:90px 5vw}.home-articles-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.home-articles-head h2{text-transform:uppercase;margin:12px 0 0;font-family:Barlow Condensed,sans-serif;font-size:clamp(36px,4.5vw,58px);line-height:.92}.home-articles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.home-article-card{color:inherit;flex-direction:column;gap:10px;display:flex}.home-article-card img{aspect-ratio:3/2;object-fit:cover;width:100%}.home-article-card span{letter-spacing:.14em;color:#8a5a22;font-size:10px}.home-article-card h3{font-size:20px;line-height:1.25}.home-article-card p{color:#5c534a;font-size:14px}.article-body{max-width:760px;margin:0 auto;padding:40px 6vw 90px}.article-html h2{margin:32px 0 12px;font-size:28px}.article-html h3{margin:22px 0 8px;font-size:20px}.article-html ul,.article-html ol{margin:12px 0 20px;padding-left:1.2em}.article-html a{text-decoration:underline}.article-kicker{color:#6b6158;font-style:italic}.breadcrumbs{color:#6b6158;padding:110px 6vw 0;font-size:13px}@media (width<=900px){.home-articles-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.home-articles-grid{grid-template-columns:1fr}}.measure-found,.measure-report{pointer-events:auto;width:min(540px,90vw);max-height:70svh;position:relative;overflow:auto}.measure-close{color:#f4efe6;cursor:pointer;z-index:2;background:#2b241c;border:0;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.measure-photo{aspect-ratio:3/2;object-fit:cover;width:100%;margin:12px 0 8px;display:block}.measure-addr{color:#5c4a36;margin:0 0 6px;font-size:12px}.measure-stats{flex-direction:column;gap:2px;margin:8px 0 6px;display:flex}.measure-stats strong{letter-spacing:-.03em;font-size:28px;line-height:1}.measure-stats span{color:#5c4a36;font-size:12px}.pitch-picks{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.pitch-picks button{cursor:pointer;color:#2b241c;background:#fff8;border:1px solid #c9b89a;padding:5px 8px;font-size:11px}.pitch-picks button.on{color:#f4efe6;background:#2b241c;border-color:#2b241c}.measure-kicker{margin:8px 0 12px;font-size:12px}.job-stage .hero-inquiry.measure-found,.job-stage .hero-inquiry.measure-report{width:min(420px,46vw);max-height:72svh}@media (width<=800px){.job-stage .hero-inquiry.measure-found,.job-stage .hero-inquiry.measure-report{width:auto;left:20px;right:20px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-bench{overflow:auto;gap:14px!important;padding:22px 18px 28px!important}.studio-families{grid-template-columns:1fr 1fr;gap:8px!important;display:grid!important}.studio-families>button{align-items:center;gap:8px;font-size:13px;display:flex;min-height:40px!important;padding:8px 10px!important}.studio-families>button span{letter-spacing:.12em;color:#c5b5a0;font-size:10px}.studio-products{grid-template-columns:1fr;gap:8px!important;display:grid!important}.studio-products>button{flex-direction:column;align-items:flex-start;gap:2px;display:flex;flex:none!important;min-height:0!important;padding:10px 12px!important}.studio-products .micro-label{font-size:9px}.studio-products strong{font-size:14px;font-weight:500}.studio-finishes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;display:grid!important}.studio-finishes>button{flex-direction:column;gap:6px;display:flex;min-height:0!important;padding:6px!important}.studio-finishes img{object-fit:cover;width:100%;height:52px;display:block}.studio-finishes span{font-size:11px;line-height:1.2}.studio-finishes em{color:#c5b5a0;font-size:10px;font-style:normal}.address-field{align-items:center;gap:13px;width:100%;display:flex;position:relative}.address-suggest{z-index:8;background:#f7f1e8;border:1px solid #d4c4aa;max-height:220px;margin:0;padding:6px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.address-suggest button{text-align:left;color:#2b241c;background:0 0;border:0;width:100%;padding:10px 12px;font-size:13px}.address-suggest button:hover{background:#e8dcc8}.measure-looking{min-height:180px}.measure-spinner{border:2px solid #d7c4a4;border-top-color:#2b241c;border-radius:50%;width:28px;height:28px;margin:16px 0 10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.measure-step{margin:0 0 12px;font-size:14px}.measure-bar{background:#e4d8c4;width:100%;height:3px}.measure-bar i{background:#2b241c;width:0;height:100%;transition:width .6s;display:block}.job-video{z-index:1;background:#120f0c}.service-material:has(.shingle-anatomy){height:auto!important;min-height:0!important;overflow:visible!important}.shingle-anatomy{color:#2b241c;flex-direction:column;gap:18px;display:flex;position:relative}.shingle-anatomy-stage{background:#ece7de;height:min(48vh,380px);position:relative;overflow:hidden}.shingle-anatomy-stage>div,.shingle-anatomy-stage canvas{width:100%!important;height:100%!important}.shingle-anatomy-stage .orbit-hint{color:#6a6158;z-index:2;font-size:11px;position:absolute;inset:auto auto 12px 12px}.shingle-anatomy-bench{z-index:2;padding:4px 2px 8px;position:relative}.shingle-anatomy-bench h3{letter-spacing:-.03em;margin:8px 0 10px;font-size:20px}.shingle-anatomy-bench p{color:#5c534a;max-width:52ch;font-size:14px;line-height:1.55}.shingle-anatomy .assembly-slider{width:100%;max-width:280px;margin:10px 0 14px;padding:0;position:relative;top:auto}.shingle-anatomy .separation-label{color:#6a6158}.shingle-anatomy .physical-layer-nav{z-index:2;background:0 0;border:1px solid #c6bfb4;flex-wrap:wrap;margin-top:16px;display:flex;position:relative;bottom:auto;left:auto;right:auto}.shingle-anatomy .physical-layer-nav button{color:#5c534a;background:0 0;flex:28%;min-width:92px;min-height:44px;padding:10px 8px;font-size:12px}.shingle-anatomy .physical-layer-nav button>span:first-child{color:#8d4f31;display:inline}.shingle-anatomy .physical-layer-nav button.selected{color:#2b241c;background:#ddd6cb}@media (width<=800px){.shingle-anatomy-stage{height:42vh;min-height:260px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}