@import"https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Inter+Tight:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";@layer properties,reset,theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"IBM Plex Mono", ui-monospace, monospace;--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--tracking-tight:-.025em;--leading-snug:1.375;--leading-relaxed:1.625;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--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);--color-concrete:#e7e4de;--color-slab:#d5d1c8;--color-ink:#1c1b18;--color-ink-2:#55524b;--color-line:#b9b4a8;--color-mark:#e0a400;--color-mark-deep:#b47f00;--color-steel:#2b2e33;--font-display:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter Tight", ui-sans-serif, system-ui, sans-serif}}@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,ui-sans-serif, system-ui, 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;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{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}html{background-color:var(--color-concrete);color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:auto}body{background-color:var(--color-concrete);min-height:100dvh;color:var(--color-ink);font-family:var(--font-body);overflow-x:hidden}::selection{background:var(--color-mark);color:var(--color-ink)}body:before{content:"";z-index:0;pointer-events:none;opacity:.55;background-image:linear-gradient(90deg,#1c1b1809 1px,#0000 1px),linear-gradient(#1c1b1809 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-\[22\%\]{top:22%}.right-3{right:calc(var(--spacing) * 3)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-1\.5{bottom:calc(var(--spacing) * -1.5)}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-\[calc\(2\.5rem\+2px\)\]{left:calc(-2.5rem - 2px)}.-left-\[calc\(2\.5rem-1px\)\]{left:calc(1px - 2.5rem)}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.left-6{left:calc(var(--spacing) * 6)}.left-\[3px\]{left:3px}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[72px\]{height:72px}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.min-h-dvh{min-height:100dvh}.w-0{width:0}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-\[2px\]{width:2px}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[16ch\]{max-width:16ch}.max-w-\[34ch\]{max-width:34ch}.max-w-\[38ch\]{max-width:38ch}.max-w-\[42ch\]{max-width:42ch}.max-w-\[44ch\]{max-width:44ch}.max-w-\[46ch\]{max-width:46ch}.max-w-\[48ch\]{max-width:48ch}.max-w-\[52ch\]{max-width:52ch}.max-w-\[1400px\]{max-width:1400px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-\[5px\]{gap:5px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line\/70>:not(:last-child)){border-color:#b9b4a8b3}@supports (color:color-mix(in lab,red,red)){:where(.divide-line\/70>:not(:last-child)){border-color:color-mix(in oklab,var(--color-line) 70%,transparent)}}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-concrete\/90{border-color:#e7e4dee6}@supports (color:color-mix(in lab,red,red)){.border-concrete\/90{border-color:color-mix(in oklab,var(--color-concrete) 90%,transparent)}}.border-ink{border-color:var(--color-ink)}.border-line{border-color:var(--color-line)}.border-line\/20{border-color:#b9b4a833}@supports (color:color-mix(in lab,red,red)){.border-line\/20{border-color:color-mix(in oklab,var(--color-line) 20%,transparent)}}.border-line\/50{border-color:#b9b4a880}@supports (color:color-mix(in lab,red,red)){.border-line\/50{border-color:color-mix(in oklab,var(--color-line) 50%,transparent)}}.border-line\/70{border-color:#b9b4a8b3}@supports (color:color-mix(in lab,red,red)){.border-line\/70{border-color:color-mix(in oklab,var(--color-line) 70%,transparent)}}.border-mark{border-color:var(--color-mark)}.bg-concrete{background-color:var(--color-concrete)}.bg-concrete\/92{background-color:#e7e4deeb}@supports (color:color-mix(in lab,red,red)){.bg-concrete\/92{background-color:color-mix(in oklab,var(--color-concrete) 92%,transparent)}}.bg-ink{background-color:var(--color-ink)}.bg-mark{background-color:var(--color-mark)}.bg-mark\/60{background-color:#e0a40099}@supports (color:color-mix(in lab,red,red)){.bg-mark\/60{background-color:color-mix(in oklab,var(--color-mark) 60%,transparent)}}.bg-slab{background-color:var(--color-slab)}.bg-slab\/60{background-color:#d5d1c899}@supports (color:color-mix(in lab,red,red)){.bg-slab\/60{background-color:color-mix(in oklab,var(--color-slab) 60%,transparent)}}.bg-steel{background-color:var(--color-steel)}.bg-transparent{background-color:#0000}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/75{--tw-gradient-from:#000000bf}@supports (color:color-mix(in lab,red,red)){.from-black\/75{--tw-gradient-from:color-mix(in oklab, var(--color-black) 75%, transparent)}}.from-black\/75{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black\/25{--tw-gradient-via:#00000040}@supports (color:color-mix(in lab,red,red)){.via-black\/25{--tw-gradient-via:color-mix(in oklab, var(--color-black) 25%, transparent)}}.via-black\/25{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-7{padding:calc(var(--spacing) * 7)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-1{padding-top:var(--spacing)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-40{padding-top:calc(var(--spacing) * 40)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13vw\]{font-size:13vw}.text-\[15px\]{font-size:15px}.text-\[19vw\]{font-size:19vw}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[0\.82\]{--tw-leading:.82;line-height:.82}.leading-\[0\.92\]{--tw-leading:.92;line-height:.92}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-concrete{color:var(--color-concrete)}.text-concrete\/50{color:#e7e4de80}@supports (color:color-mix(in lab,red,red)){.text-concrete\/50{color:color-mix(in oklab,var(--color-concrete) 50%,transparent)}}.text-concrete\/55{color:#e7e4de8c}@supports (color:color-mix(in lab,red,red)){.text-concrete\/55{color:color-mix(in oklab,var(--color-concrete) 55%,transparent)}}.text-concrete\/60{color:#e7e4de99}@supports (color:color-mix(in lab,red,red)){.text-concrete\/60{color:color-mix(in oklab,var(--color-concrete) 60%,transparent)}}.text-concrete\/70{color:#e7e4deb3}@supports (color:color-mix(in lab,red,red)){.text-concrete\/70{color:color-mix(in oklab,var(--color-concrete) 70%,transparent)}}.text-concrete\/80{color:#e7e4decc}@supports (color:color-mix(in lab,red,red)){.text-concrete\/80{color:color-mix(in oklab,var(--color-concrete) 80%,transparent)}}.text-concrete\/85{color:#e7e4ded9}@supports (color:color-mix(in lab,red,red)){.text-concrete\/85{color:color-mix(in oklab,var(--color-concrete) 85%,transparent)}}.text-ink{color:var(--color-ink)}.text-ink-2{color:var(--color-ink-2)}.text-ink\/\[0\.05\]{color:#1c1b180d}@supports (color:color-mix(in lab,red,red)){.text-ink\/\[0\.05\]{color:color-mix(in oklab,var(--color-ink) 5%,transparent)}}.text-mark{color:var(--color-mark)}.text-mark-deep{color:var(--color-mark-deep)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.shadow-\[8px_8px_0_0_rgba\(28\,27\,24\,0\.12\)\]{--tw-shadow:8px 8px 0 0 var(--tw-shadow-color,#1c1b181f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}@media(hover:hover){.group-hover\:top-4:is(:where(.group):hover *){top:calc(var(--spacing) * 4)}.group-hover\:right-4:is(:where(.group):hover *){right:calc(var(--spacing) * 4)}.group-hover\:bottom-4:is(:where(.group):hover *){bottom:calc(var(--spacing) * 4)}.group-hover\:left-4:is(:where(.group):hover *){left:calc(var(--spacing) * 4)}.group-hover\:w-full:is(:where(.group):hover *){width:100%}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:bg-concrete\/10:is(:where(.group):hover *){background-color:#e7e4de1a}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-concrete\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-concrete) 10%,transparent)}}.group-hover\:bg-mark:is(:where(.group):hover *){background-color:var(--color-mark)}.group-hover\:text-ink:is(:where(.group):hover *){color:var(--color-ink)}.group-hover\:text-mark:is(:where(.group):hover *){color:var(--color-mark)}.group-hover\:opacity-0:is(:where(.group):hover *){opacity:0}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-ink:hover{border-color:var(--color-ink)}.hover\:bg-ink:hover{background-color:var(--color-ink)}.hover\:bg-mark-deep:hover{background-color:var(--color-mark-deep)}.hover\:bg-slab:hover{background-color:var(--color-slab)}.hover\:text-concrete:hover{color:var(--color-concrete)}.hover\:text-mark:hover{color:var(--color-mark)}.hover\:text-mark-deep:hover{color:var(--color-mark-deep)}}@media(min-width:40rem){.sm\:block{display:block}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}@media(min-width:48rem){.md\:-left-\[calc\(4rem-4px\)\]{left:calc(4px - 4rem)}.md\:-left-\[calc\(4rem-7px\)\]{left:calc(7px - 4rem)}.md\:left-\[7px\]{left:7px}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-4{grid-column:span 4/span 4}.md\:row-span-1{grid-row:span 1/span 1}.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-14{gap:calc(var(--spacing) * 14)}:where(.md\:space-y-20>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-24>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)))}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-32{padding-block:calc(var(--spacing) * 32)}.md\:pt-28{padding-top:calc(var(--spacing) * 28)}.md\:pb-14{padding-bottom:calc(var(--spacing) * 14)}.md\:pl-16{padding-left:calc(var(--spacing) * 16)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-28{top:calc(var(--spacing) * 28)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[1\.4fr_1fr\]{grid-template-columns:1.4fr 1fr}.lg\:grid-cols-\[minmax\(0\,22rem\)_1fr\]{grid-template-columns:minmax(0,22rem) 1fr}.lg\:self-start{align-self:flex-start}.lg\:justify-self-end{justify-self:flex-end}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:pl-12{padding-left:calc(var(--spacing) * 12)}.lg\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.lg\:text-\[5\.5rem\]{font-size:5.5rem}.lg\:text-\[8\.5rem\]{font-size:8.5rem}}.font-display{font-family:var(--font-display);letter-spacing:-.02em;line-height:.94}.font-mono{font-family:var(--font-mono)}.kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:500}.chalk-line{background:linear-gradient(to bottom,transparent,var(--color-mark) 12%,var(--color-mark) 88%,transparent)}.grain:after{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}}:root{color-scheme:light}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{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-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-tracking: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-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}

.h-dvh{height:100svh}.nav-scrim{background:linear-gradient(180deg,rgba(12,12,12,.62),rgba(12,12,12,0))}
/* hero legibility (2026-07-09): keep premium look — layered veils + soft shadow, scoped to hero only */
#top .h-dvh::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,12,.30) 0%,rgba(12,12,12,.10) 40%,rgba(12,12,12,0) 60%);pointer-events:none}
#top .bg-gradient-to-t{background-image:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.44) 42%,rgba(0,0,0,.14) 76%,rgba(0,0,0,0) 100%)}
#top h1{text-shadow:0 1px 2px rgba(12,12,12,.45),0 6px 28px rgba(12,12,12,.35)}
#top h1+p{text-shadow:0 1px 3px rgba(12,12,12,.55)}

/* hero CTA fix (2026-08-02): the copy block now drives the hero's height, so on short
   viewports the hero grows instead of the CTA being overlapped by #services. Media layer
   is pinned behind it; .h-dvh kept as the hook for the #top .h-dvh::after legibility veil. */
#top>.h-dvh{position:absolute;inset:0;height:auto}
#top .min-h-dvh{min-height:100svh}

/* review ticker (2026-08-02): deliberately low-contrast - reads as a spec strip,
   not a testimonial billboard. Gold stars are the only saturated element. */
.proof-bar{position:relative;z-index:10;overflow:hidden;background:var(--color-steel);
  border-top:1px solid rgba(231,228,222,.10);border-bottom:1px solid rgba(231,228,222,.10)}
.proof-viewport{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5rem,#000 calc(100% - 5rem),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5rem,#000 calc(100% - 5rem),transparent 100%)}
.proof-track{display:flex;width:max-content;animation:proof-marquee 78s linear infinite}
.proof-bar:hover .proof-track,.proof-bar:focus-within .proof-track{animation-play-state:paused}
.proof-seq{display:flex;align-items:center;margin:0;padding:0;list-style:none}
.proof-item{display:flex;align-items:center;gap:.75rem;padding:.8rem 2.25rem;white-space:nowrap;
  border-right:1px solid rgba(231,228,222,.08)}
.proof-stars{flex:none;color:var(--color-mark);font-size:11px;letter-spacing:.12em;line-height:1}
.proof-quote{font-family:var(--font-mono);font-size:12.5px;line-height:1.2;color:rgba(231,228,222,.74)}
.proof-src{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em;
  color:rgba(231,228,222,.40)}
@keyframes proof-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (max-width:767px){
  .proof-item{gap:.55rem;padding:.7rem 1.4rem}
  .proof-quote{font-size:12px}
  .proof-src{font-size:9px;letter-spacing:.14em}
  .proof-viewport{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2rem,#000 calc(100% - 2rem),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 2rem,#000 calc(100% - 2rem),transparent 100%)}
}
@media (prefers-reduced-motion:reduce){
  .proof-track{animation:none}
  .proof-viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .proof-seq[aria-hidden="true"]{display:none}
}

/* FAQ accordion (2026-08-02): native <details>, no JS - answers stay in the DOM
   for crawlers whether or not the tab is open. */
.faq-list{margin-top:2.75rem;max-width:58rem;border-top:1px solid var(--color-line)}
.faq-item{border-bottom:1px solid var(--color-line)}
.faq-q{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;
  padding:1.3rem 0;cursor:pointer;list-style:none;
  font-family:var(--font-display);font-weight:800;text-transform:uppercase;
  font-size:1.05rem;line-height:1.25;color:var(--color-ink);
  transition:color .18s ease}
.faq-q::-webkit-details-marker{display:none}
.faq-q:hover{color:var(--color-mark-deep)}
.faq-q:focus-visible{outline:2px solid var(--color-mark-deep);outline-offset:3px}
.faq-ico{position:relative;flex:none;width:14px;height:14px;margin-top:.15rem}
.faq-ico::before,.faq-ico::after{content:"";position:absolute;background:var(--color-mark-deep);
  transition:transform .25s ease,opacity .25s ease}
.faq-ico::before{top:6px;left:0;width:14px;height:2px}
.faq-ico::after{left:6px;top:0;width:2px;height:14px}
.faq-item[open] .faq-ico::after{transform:scaleY(0);opacity:0}
.faq-a{padding:0 0 1.5rem;max-width:64ch;color:var(--color-ink-2);
  font-size:.97rem;line-height:1.68}
.faq-a p{margin:0}
.faq-a a{color:var(--color-mark-deep);text-decoration:underline;text-underline-offset:3px}
.faq-item[open] .faq-a{animation:faq-in .22s ease both}
@keyframes faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:767px){
  .faq-q{font-size:.95rem;gap:1rem;padding:1.15rem 0}
  .faq-a{font-size:.92rem;padding-bottom:1.25rem}
}
@media (prefers-reduced-motion:reduce){
  .faq-item[open] .faq-a{animation:none}
  .faq-q,.faq-ico::before,.faq-ico::after{transition:none}
}

/* project-details form (2026-08-02): shares the contact footer's steel field so the
   two read as one contact block - form first, phone underneath. */
.cf-sec{position:relative;z-index:10;background:var(--color-steel);color:var(--color-concrete);
  padding:6rem 1.25rem 3.5rem}
.cf-head{max-width:52ch}
.cf-title{font-family:var(--font-display);font-weight:900;text-transform:uppercase;
  font-size:2.25rem;line-height:.95;margin:.9rem 0 0;color:var(--color-concrete)}
.cf-sub{margin:1rem 0 0;max-width:56ch;font-size:.97rem;line-height:1.65;color:rgba(231,228,222,.68)}
.cf-form{margin-top:2.75rem;max-width:60rem}
.cf-grid{display:grid;gap:1.35rem;margin-bottom:1.6rem}
.cf-field{margin:0 0 1.35rem;display:flex;flex-direction:column;gap:.5rem}
.cf-grid .cf-field{margin:0}
.cf-field label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;
  letter-spacing:.2em;color:rgba(231,228,222,.62)}
.cf-opt{text-transform:none;letter-spacing:.04em;color:rgba(231,228,222,.38)}
.cf-field input,.cf-field select,.cf-field textarea{
  width:100%;box-sizing:border-box;border:1px solid rgba(231,228,222,.22);border-radius:0;
  background:rgba(231,228,222,.05);color:var(--color-concrete);
  font-family:inherit;font-size:1rem;padding:.8rem .9rem;
  transition:border-color .16s ease,background-color .16s ease}
.cf-field textarea{resize:vertical;min-height:8rem;line-height:1.55}
.cf-field select{appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--color-mark) 50%),linear-gradient(135deg,var(--color-mark) 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.5rem}
.cf-field select option{background:var(--color-steel);color:var(--color-concrete)}
.cf-field input:hover,.cf-field select:hover,.cf-field textarea:hover{border-color:rgba(231,228,222,.4)}
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{
  outline:none;border-color:var(--color-mark);background:rgba(231,228,222,.09)}
.cf-field input::placeholder,.cf-field textarea::placeholder{color:rgba(231,228,222,.34)}
.cf-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem;margin-top:.35rem}
.cf-btn{border:2px solid var(--color-concrete);border-radius:0;background:var(--color-concrete);
  color:var(--color-ink);font-family:var(--font-mono);font-size:.82rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.16em;padding:1rem 1.9rem;cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease}
.cf-btn:hover{background:var(--color-mark);border-color:var(--color-mark)}
.cf-btn:focus-visible{outline:2px solid var(--color-mark);outline-offset:3px}
.cf-alt{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;
  letter-spacing:.16em;color:rgba(231,228,222,.5)}
.cf-alt a{color:var(--color-mark);text-decoration:none;border-bottom:1px solid rgba(224,164,0,.4)}
.cf-alt a:hover{border-bottom-color:var(--color-mark)}
@media (min-width:768px){
  .cf-sec{padding:7rem 2.5rem 4rem}
  .cf-title{font-size:3rem}
  .cf-grid{grid-template-columns:1fr 1fr;gap:1.5rem 2rem}
}
@media (prefers-reduced-motion:reduce){
  .cf-field input,.cf-field select,.cf-field textarea,.cf-btn{transition:none}
}

/* hero offer block (2026-08-02): eyebrow, offer line, dual CTA, microcopy.
   Buttons need pointer-events back - the hero overlay sets pointer-events:none. */
.hero-eyebrow{display:block;margin-bottom:1.1rem;font-family:var(--font-mono);font-size:.68rem;
  text-transform:uppercase;letter-spacing:.24em;color:rgba(231,228,222,.62)}
.hero-offer{display:flex;align-items:center;gap:.7rem;margin:1.5rem 0 0;
  font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;
  color:var(--color-mark)}
.hero-offer::before{content:"";flex:none;width:1.6rem;height:1px;background:var(--color-mark)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}
.hero-ctas a{pointer-events:auto}
.hero-btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid;
  padding:1.05rem 1.9rem;font-family:var(--font-mono);font-size:.8rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.14em;text-decoration:none;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.hero-btn-primary{background:var(--color-concrete);border-color:var(--color-concrete);color:var(--color-ink)}
.hero-btn-primary:hover{background:var(--color-mark);border-color:var(--color-mark)}
.hero-btn-ghost{background:transparent;border-color:rgba(231,228,222,.5);color:var(--color-concrete)}
.hero-btn-ghost:hover{background:rgba(231,228,222,.1);border-color:var(--color-concrete)}
.hero-btn:focus-visible{outline:2px solid var(--color-mark);outline-offset:3px}
.hero-micro{margin:1.1rem 0 0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;
  color:rgba(231,228,222,.55)}
@media (max-width:479px){
  .hero-btn{width:100%;padding:1rem 1.1rem;font-size:.72rem;letter-spacing:.1em}
  .hero-eyebrow{font-size:.62rem;letter-spacing:.2em}
  .hero-offer{font-size:.62rem;letter-spacing:.14em}
}
@media (prefers-reduced-motion:reduce){.hero-btn{transition:none}}

/* font-weight utilities (2026-08-08): the Tailwind build never emitted these, so every
   heading using font-900/800/600/500 was falling back to 400 - lighter than the design and
   not even a weight the Archivo @import loads (it fetches 500-900). Restores the intended
   display weights site-wide. */
.font-500{font-weight:500}
.font-600{font-weight:600}
.font-700{font-weight:700}
.font-800{font-weight:800}
.font-900{font-weight:900}

/* about / crew (2026-08-08): steel field between #work (slab) and #faq (concrete) so the
   three sections don't collide, and the photo gets a dark surround. */
.about-sec{position:relative;z-index:10;background:var(--color-steel);color:var(--color-concrete);
  padding:6rem 1.25rem}
.about-grid{display:grid;gap:2.5rem;align-items:center}
.about-figure{margin:0}
.about-figure img{display:block;width:100%;height:auto;
  border:1px solid rgba(231,228,222,.16);filter:saturate(.92)}
.about-figure figcaption{margin-top:.9rem;font-family:var(--font-mono);font-size:.65rem;
  text-transform:uppercase;letter-spacing:.2em;color:rgba(231,228,222,.42)}
.about-title{font-family:var(--font-display);font-weight:900;text-transform:uppercase;
  font-size:2.4rem;line-height:.95;margin:.9rem 0 0;color:var(--color-concrete)}
.about-body p{margin:1.15rem 0 0;max-width:54ch;font-size:1rem;line-height:1.7;
  color:rgba(231,228,222,.72)}
.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:2.25rem 0 0;
  background:rgba(231,228,222,.16);border:1px solid rgba(231,228,222,.16)}
.about-fact{background:var(--color-steel);padding:1rem 1.15rem}
.about-fact dt{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;
  letter-spacing:.2em;color:var(--color-mark)}
.about-fact dd{margin:.45rem 0 0;font-size:.94rem;line-height:1.3;color:var(--color-concrete)}
@media (min-width:1024px){
  .about-sec{padding:7rem 2.5rem}
  .about-grid{grid-template-columns:1.05fr .95fr;gap:4rem}
  .about-title{font-size:3rem}
}
@media (max-width:339px){
  .about-facts{grid-template-columns:1fr}
}

/* hero video (v2 only, 2026-08-09). Sits over the poster <img>, which stays as the
   fallback layer - so mobile and reduced-motion users still get a full hero, not a gap. */
#top canvas{display:none}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  border:0;pointer-events:none}
/* portrait clip on phones, landscape on tablet+; only one is ever displayed, and a
   display:none video is not autoplayed or fetched, so no double download. */
.hero-video-mobile{display:none}
@media (max-width:767px){
  .hero-video-desktop{display:none}
  .hero-video-mobile{display:block}
}
@media (prefers-reduced-motion:reduce){.hero-video{display:none}}

/* nav wordmark (2026-08-18): "General Contractor" removed; name sized to match the
   emblem exactly, LLC inline after it. Both scale together so they are always equal.
   36px only fits alongside the desktop link row at >=1280 - at 1024 a 36px single line
   leaves ZERO gap, and on a 390px phone it needs 373px it doesn't have - so below 1280
   the pair steps down to 24px together rather than the text drifting off the emblem. */
nav a[href="#top"] img{height:24px;width:24px}
.nav-name{font-size:24px;line-height:1;white-space:nowrap}
.nav-name .text-mark{display:inline}
@media (min-width:1280px){
  nav a[href="#top"] img{height:36px;width:36px}
  .nav-name{font-size:36px}
}