@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-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--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;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Inter", system-ui, sans-serif;--default-mono-font-family:"JetBrains Mono", "Courier New", monospace;--font-display:"Fraunces", "Times New Roman", serif;--font-condensed:"Anton", "Bebas Neue", "Impact", 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,-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;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}*{border-color:var(--line)}html{scroll-behavior:smooth}body{background-color:var(--bone);color:var(--slurry);font-family:var(--font-sans);font-feature-settings:"ss01","cv11","tnum";-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:var(--slurry)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.-inset-3{inset:calc(var(--spacing) * -3)}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-2{top:calc(var(--spacing) * -2)}.-top-\[5\%\]{top:-5%}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-12{top:calc(var(--spacing) * 12)}.top-\[30\%\]{top:30%}.top-\[52\%\]{top:52%}.-right-6{right:calc(var(--spacing) * -6)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-\[14\%\]{right:14%}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.-left-\[4\%\]{left:-4%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-\[42\%\]{left:42%}.isolate{isolation:isolate}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-12{grid-column:span 12/span 12}.float-left{float:left}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-5{margin-block:calc(var(--spacing) * 5)}.-mt-6{margin-top:calc(var(--spacing) * -6)}.-mt-12{margin-top:calc(var(--spacing) * -12)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.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-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-px{margin-top:1px}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/3{height:33.3333%}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-44{height:calc(var(--spacing) * 44)}.h-\[120\%\]{height:120%}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:calc(var(--spacing) * 40)}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.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-16{width:calc(var(--spacing) * 16)}.w-44{width:calc(var(--spacing) * 44)}.w-\[108\%\]{width:108%}.w-\[120px\]{width:120px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[260px\]{max-width:260px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[1760px\]{max-width:1760px}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-\[60px_1fr_40px\]{grid-template-columns:60px 1fr 40px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.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-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-px{gap:1px}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}: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-slurry\/15>:not(:last-child)){border-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){:where(.divide-slurry\/15>:not(:last-child)){border-color:color-mix(in oklab,var(--slurry) 15%,transparent)}}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:4px}.rounded-sm{border-radius:2px}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.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{border-left-style:var(--tw-border-style);border-left-width:1px}.border-bone\/15{border-color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.border-bone\/15{border-color:color-mix(in oklab,var(--bone) 15%,transparent)}}.border-bone\/20{border-color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.border-bone\/20{border-color:color-mix(in oklab,var(--bone) 20%,transparent)}}.border-bone\/30{border-color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.border-bone\/30{border-color:color-mix(in oklab,var(--bone) 30%,transparent)}}.border-bone\/35{border-color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.border-bone\/35{border-color:color-mix(in oklab,var(--bone) 35%,transparent)}}.border-bone\/40{border-color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.border-bone\/40{border-color:color-mix(in oklab,var(--bone) 40%,transparent)}}.border-current\/15{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.border-current\/15{border-color:color-mix(in oklab,currentcolor 15%,transparent)}}.border-current\/30{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.border-current\/30{border-color:color-mix(in oklab,currentcolor 30%,transparent)}}.border-gold\/50{border-color:var(--gold)}@supports (color:color-mix(in lab,red,red)){.border-gold\/50{border-color:color-mix(in oklab,var(--gold) 50%,transparent)}}.border-gold\/60{border-color:var(--gold)}@supports (color:color-mix(in lab,red,red)){.border-gold\/60{border-color:color-mix(in oklab,var(--gold) 60%,transparent)}}.border-slurry\/10{border-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.border-slurry\/10{border-color:color-mix(in oklab,var(--slurry) 10%,transparent)}}.border-slurry\/15{border-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.border-slurry\/15{border-color:color-mix(in oklab,var(--slurry) 15%,transparent)}}.border-slurry\/20{border-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.border-slurry\/20{border-color:color-mix(in oklab,var(--slurry) 20%,transparent)}}.border-slurry\/25{border-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.border-slurry\/25{border-color:color-mix(in oklab,var(--slurry) 25%,transparent)}}.border-slurry\/30{border-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.border-slurry\/30{border-color:color-mix(in oklab,var(--slurry) 30%,transparent)}}.border-slurry\/40{border-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.border-slurry\/40{border-color:color-mix(in oklab,var(--slurry) 40%,transparent)}}.bg-background,.bg-bone,.bg-bone\/15{background-color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.bg-bone\/15{background-color:color-mix(in oklab,var(--bone) 15%,transparent)}}.bg-bone\/85{background-color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.bg-bone\/85{background-color:color-mix(in oklab,var(--bone) 85%,transparent)}}.bg-bone\/90{background-color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.bg-bone\/90{background-color:color-mix(in oklab,var(--bone) 90%,transparent)}}.bg-slurry\/15{background-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.bg-slurry\/15{background-color:color-mix(in oklab,var(--slurry) 15%,transparent)}}.bg-slurry\/20{background-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.bg-slurry\/20{background-color:color-mix(in oklab,var(--slurry) 20%,transparent)}}.bg-slurry\/40{background-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.bg-slurry\/40{background-color:color-mix(in oklab,var(--slurry) 40%,transparent)}}.bg-slurry\/60{background-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.bg-slurry\/60{background-color:color-mix(in oklab,var(--slurry) 60%,transparent)}}.bg-slurry\/90{background-color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.bg-slurry\/90{background-color:color-mix(in oklab,var(--slurry) 90%,transparent)}}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-slurry{--tw-gradient-from:var(--slurry);--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))}.from-slurry\/55{--tw-gradient-from:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.from-slurry\/55{--tw-gradient-from:color-mix(in oklab, var(--slurry) 55%, transparent)}}.from-slurry\/55{--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))}.from-slurry\/60{--tw-gradient-from:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.from-slurry\/60{--tw-gradient-from:color-mix(in oklab, var(--slurry) 60%, transparent)}}.from-slurry\/60{--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))}.from-transparent{--tw-gradient-from: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))}.via-bone{--tw-gradient-via:var(--bone);--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)}.via-slurry\/30{--tw-gradient-via:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.via-slurry\/30{--tw-gradient-via:color-mix(in oklab, var(--slurry) 30%, transparent)}}.via-slurry\/30{--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)}.via-slurry\/55{--tw-gradient-via:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.via-slurry\/55{--tw-gradient-via:color-mix(in oklab, var(--slurry) 55%, transparent)}}.via-slurry\/55{--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)}.via-slurry\/95{--tw-gradient-via:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.via-slurry\/95{--tw-gradient-via:color-mix(in oklab, var(--slurry) 95%, transparent)}}.via-slurry\/95{--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)}.via-transparent{--tw-gradient-via:transparent;--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-slurry{--tw-gradient-to:var(--slurry);--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))}.to-slurry\/40{--tw-gradient-to:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.to-slurry\/40{--tw-gradient-to:color-mix(in oklab, var(--slurry) 40%, transparent)}}.to-slurry\/40{--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))}.to-slurry\/85{--tw-gradient-to:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.to-slurry\/85{--tw-gradient-to:color-mix(in oklab, var(--slurry) 85%, transparent)}}.to-slurry\/85{--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))}.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-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0{padding-inline:0}.px-2{padding-inline:calc(var(--spacing) * 2)}.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-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-28{padding-block:calc(var(--spacing) * 28)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-\[96px\]{padding-top:96px}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-condensed{font-family:Anton,Bebas Neue,Impact,sans-serif}.font-display{font-family:Fraunces,Times New Roman,serif}.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-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--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-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[88px\]{font-size:88px}.text-\[120px\]{font-size:120px}.text-\[clamp\(22px\,2\.6vw\,34px\)\]{font-size:clamp(22px,2.6vw,34px)}.text-\[clamp\(24px\,3\.4vw\,56px\)\]{font-size:clamp(24px,3.4vw,56px)}.text-\[clamp\(32px\,5\.5vw\,96px\)\]{font-size:clamp(32px,5.5vw,96px)}.text-\[clamp\(40px\,6vw\,84px\)\]{font-size:clamp(40px,6vw,84px)}.text-\[clamp\(40px\,7vw\,108px\)\]{font-size:clamp(40px,7vw,108px)}.text-\[clamp\(44px\,6vw\,84px\)\]{font-size:clamp(44px,6vw,84px)}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[0\.75\]{--tw-leading:.75;line-height:.75}.leading-\[0\.92\]{--tw-leading:.92;line-height:.92}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.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)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-\[0\.32em\]{--tw-tracking:.32em;letter-spacing:.32em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-bone\/50{color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.text-bone\/50{color:color-mix(in oklab,var(--bone) 50%,transparent)}}.text-bone\/55{color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.text-bone\/55{color:color-mix(in oklab,var(--bone) 55%,transparent)}}.text-bone\/60{color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.text-bone\/60{color:color-mix(in oklab,var(--bone) 60%,transparent)}}.text-bone\/70{color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.text-bone\/70{color:color-mix(in oklab,var(--bone) 70%,transparent)}}.text-bone\/75{color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.text-bone\/75{color:color-mix(in oklab,var(--bone) 75%,transparent)}}.text-bone\/80{color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.text-bone\/80{color:color-mix(in oklab,var(--bone) 80%,transparent)}}.text-bone\/85{color:var(--bone)}@supports (color:color-mix(in lab,red,red)){.text-bone\/85{color:color-mix(in oklab,var(--bone) 85%,transparent)}}.text-foreground,.text-slurry\/10{color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.text-slurry\/10{color:color-mix(in oklab,var(--slurry) 10%,transparent)}}.text-slurry\/40{color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.text-slurry\/40{color:color-mix(in oklab,var(--slurry) 40%,transparent)}}.text-slurry\/50{color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.text-slurry\/50{color:color-mix(in oklab,var(--slurry) 50%,transparent)}}.text-slurry\/60{color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.text-slurry\/60{color:color-mix(in oklab,var(--slurry) 60%,transparent)}}.text-slurry\/70{color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.text-slurry\/70{color:color-mix(in oklab,var(--slurry) 70%,transparent)}}.text-slurry\/75{color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.text-slurry\/75{color:color-mix(in oklab,var(--slurry) 75%,transparent)}}.text-slurry\/80{color:var(--slurry)}@supports (color:color-mix(in lab,red,red)){.text-slurry\/80{color:color-mix(in oklab,var(--slurry) 80%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-\[var\(--gold\)\]{accent-color:var(--gold)}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-\[0\.07\]{opacity:.07}.mix-blend-overlay{mix-blend-mode:overlay}.shadow-\[0_0_10px_var\(--gold\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,var(--gold));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_12px_var\(--gold\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,var(--gold));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.contrast-\[1\.05\]{--tw-contrast:contrast(1.05);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.grayscale-\[0\.3\]{--tw-grayscale:grayscale(.3);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{--tw-backdrop-blur:blur(8px);-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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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-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-700{--tw-duration:.7s;transition-duration:.7s}.will-change-transform{will-change:transform}.running{animation-play-state:running}.group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *){rotate:45deg}@media(hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.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\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-copper:is(:where(.group):hover *){background-color:var(--copper)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale:grayscale(0%);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,)}}.last\:border-b:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-gold:hover{border-color:var(--gold)}.hover\:border-slurry:hover{border-color:var(--slurry)}.hover\:bg-bone:hover{background-color:var(--bone)}.hover\:bg-copper:hover{background-color:var(--copper)}.hover\:bg-gold:hover,.hover\:bg-gold\/10:hover{background-color:var(--gold)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gold\/10:hover{background-color:color-mix(in oklab,var(--gold) 10%,transparent)}}.hover\:bg-slurry:hover{background-color:var(--slurry)}.hover\:text-bone:hover{color:var(--bone)}.hover\:text-copper:hover{color:var(--copper)}.hover\:text-gold:hover{color:var(--gold)}.hover\:text-slurry:hover{color:var(--slurry)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-copper:focus{border-color:var(--copper)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media(min-width:40rem){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:aspect-\[16\/9\]{aspect-ratio:16/9}.sm\:w-\[140px\]{width:140px}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:items-stretch{align-items:stretch}.sm\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.sm\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:pt-0{padding-top:0}.sm\:pt-\[112px\]{padding-top:112px}.sm\:pl-8{padding-left:calc(var(--spacing) * 8)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.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-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:absolute{position:absolute}.lg\:inset-0{inset:0}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:aspect-\[21\/9\]{aspect-ratio:21/9}.lg\:aspect-auto{aspect-ratio:auto}.lg\:h-full{height:100%}.lg\:min-h-\[800px\]{min-height:800px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[100px_1fr_40px\]{grid-template-columns:100px 1fr 40px}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-20{gap:calc(var(--spacing) * 20)}.lg\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.lg\:bg-transparent{background-color:#0000}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:p-12{padding:calc(var(--spacing) * 12)}.lg\:p-14{padding:calc(var(--spacing) * 14)}.lg\:p-16{padding:calc(var(--spacing) * 16)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}.lg\:py-40{padding-block:calc(var(--spacing) * 40)}.lg\:pt-4{padding-top:calc(var(--spacing) * 4)}.lg\:pt-8{padding-top:calc(var(--spacing) * 8)}.lg\:pt-10{padding-top:calc(var(--spacing) * 10)}.lg\:pt-\[120px\]{padding-top:120px}.lg\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.font-display{font-family:var(--font-display);font-feature-settings:"ss01";letter-spacing:-.04em}.font-condensed{font-family:var(--font-condensed);letter-spacing:.005em}.font-mono{font-family:var(--font-mono)}.text-balance{text-wrap:balance}.bg-bone{background-color:var(--bone)}.bg-slurry{background-color:var(--slurry)}.bg-gold{background-color:var(--gold)}.bg-copper{background-color:var(--copper)}.text-bone{color:var(--bone)}.text-slurry{color:var(--slurry)}.text-gold{color:var(--gold)}.text-copper{color:var(--copper)}.border-slurry{border-color:var(--slurry)}.border-gold{border-color:var(--gold)}.border-bone{border-color:var(--bone)}.grid-paper{background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:80px 80px}.grain{position:relative}.grain:after{content:"";pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:radial-gradient(#0905022e 0.5px,#0000 0.5px);background-size:3px 3px;position:absolute;inset:0}.grain-light:after{mix-blend-mode:screen;background-image:radial-gradient(#f9f1e31f 0.5px,#0000 0.5px)}.marquee-track{animation:40s linear infinite marquee}}@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}
/* --brand-secondary is the CLIENT's second logo colour. It defaults to
   var(--accent-glow) so an unbranded build renders exactly as this donor always
   has and still follows whatever accent it is handed; the mirror engine writes a
   measured second colour over it when the client has one. --copper is the role
   that spends it — section eyebrows, step numbers, the full-width CTA band, the
   hero wash, the headline accent italics and form focus borders — and it keeps
   its 72%-toward-black mix, which is the lightness those surfaces read light
   text on and dark text against. */
:root{--radius:.25rem;--accent: 234 53% 38%;--accent-glow: 234 53% 34%;--brand-secondary:239 42% 39%;--bone:oklch(96% 0.032 278.0);--slurry-src:oklch(12% 0.083 278.0);--neutral-ink:color-mix(in oklab, black 88%, white);--neutral-deep:color-mix(in oklab, black 62%, white);--slurry:color-mix(in oklab, var(--slurry-src) 38%, var(--neutral-ink));--deep:color-mix(in oklab, var(--slurry-src) 32%, var(--neutral-deep));--gold:hsl(var(--accent));--copper:hsl(var(--brand-secondary))}@supports (color:color-mix(in lab,red,red)){:root{--copper:color-mix(in oklab, hsl(var(--brand-secondary)) 72%, black)}}:root{--line:oklch(85% 0.039 278.0);--grid-line:color-mix(in oklab, var(--slurry) 8%, transparent)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pump-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.animate-pump{animation:2.4s ease-in-out infinite pump-pulse}@keyframes blur-in{0%{opacity:0;filter:blur(20px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}.animate-blur-in{animation:1.2s cubic-bezier(.22,1,.36,1) both blur-in}@keyframes pin-float{0%,to{transform:translate(0)}50%{transform:translateY(-3px)}}.animate-pin-float{will-change:transform;animation:5.2s ease-in-out infinite pin-float}.animate-pin-float-delayed{will-change:transform;animation:6.4s ease-in-out -1.8s infinite pin-float}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-scanline{will-change:transform;animation:7s linear infinite scanline}@keyframes hud-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-hud-sweep{transform-origin:50%;animation:8s linear infinite hud-sweep}@keyframes shimmer-line{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-text{background:linear-gradient(90deg,var(--bone) 0%,var(--gold) 45%,var(--bone) 55%,var(--bone) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:4.5s linear infinite shimmer-line}@keyframes orbit-dot{0%{transform:rotate(0) translate(var(--r)) rotate(0)}to{transform:rotate(360deg) translate(var(--r)) rotate(-360deg)}}.animate-orbit{animation:14s linear infinite orbit-dot}.glass-plate{-webkit-backdrop-filter:blur(14px)saturate(140%);background:linear-gradient(135deg,#f9f1e30f,#f9f1e305);border:1px solid oklch(96% .02 278.0 /.14);box-shadow:inset 0 1px #f9f1e32e,0 30px 60px -20px #0009}.aurora-bg{background:radial-gradient(900px 600px at 18% 30%,var(--copper),transparent 60%),radial-gradient(700px 500px at 82% 70%,var(--gold),transparent 65%),radial-gradient(1200px 800px at 50% 110%,var(--copper),transparent 70%)}@supports (color:color-mix(in lab,red,red)){.aurora-bg{background:radial-gradient(900px 600px at 18% 30%,color-mix(in oklab,var(--copper) 35%,transparent),transparent 60%),radial-gradient(700px 500px at 82% 70%,color-mix(in oklab,var(--gold) 18%,transparent),transparent 65%),radial-gradient(1200px 800px at 50% 110%,color-mix(in oklab,var(--copper) 30%,transparent),transparent 70%)}}.cta-glow{box-shadow:0 20px 40px -10px var(--gold)}@supports (color:color-mix(in lab,red,red)){.cta-glow{box-shadow:0 20px 40px -10px color-mix(in oklab,var(--gold) 45%,transparent)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@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-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}

/* ==========================================================================
   WSS POLISH PASS — plumbing-clean — 2026-08-06
   Appended UNLAYERED on purpose: every Tailwind rule in this file lives in
   `@layer utilities` / `@layer base`, and an unlayered declaration always beats
   a layered one regardless of specificity. That is what lets these rules
   override .text-3xl / .gap-10 / .py-5 without a single !important.
   The injected-content rules are all prefixed `.wss-content` so they
   out-specify the engine's generic CONTENT_CSS, which ships in a <style> later
   in the body and would otherwise win every tie.
   Donor sections are NOT restyled here. Only (a) the two scrolling rails and
   (b) the injected sections, which are taught this template's own language.
   ========================================================================== */

/* --- (a) THE TWO SCROLLING RAILS ------------------------------------------
   Both rails shipped at a FIXED size: the accent rail was 24px at every width
   from 360 to 2560, and the services rail stepped 30px -> 48px and then
   stopped, so it was oversized on a phone and undersized on a 2560 monitor.
   That is the "words in the scroll bar are very large ... I don't know if they
   are scalable" report.

   The services rail also had a real animation defect. Its track is the only one
   without `w-max`, so its layout width was the VIEWPORT's, not its content's,
   and the shared `translateX(-50%)` therefore moved it half a viewport — a
   different and wrong distance at every breakpoint (180px at 360, 1280px at
   2560), so the loop snapped instead of cycling. Two things fix it:
     1. width:max-content, so the percentage resolves against the real content.
     2. its own keyframe: this rail renders THREE copies of its list, so one
        cycle is -33.3333%, not the -50% that is correct for the two-copy
        accent rail.
   `.w-max` is the discriminator the compiled bundle already carries, so no JS
   is touched: the accent rail has it, the services rail does not.
   Sizes are a linear ramp (calc(rem + vw)) rather than breakpoint steps, so
   they are continuous across the whole 360 -> 2560 range instead of jumping.
   Word gaps and star size are in `em`, so they track the font at every width. */

.marquee-track{will-change:transform;backface-visibility:hidden}

/* Services rail — 3 copies, dark ground. 20px @360 -> 38px @1280 -> 64px @2560. */
.marquee-track:not(.w-max){
  width:max-content;
  font-size:clamp(1.25rem,calc(.8rem + 2vw),4rem);
  animation:46s linear infinite wss-marquee-thirds;
}
.marquee-track:not(.w-max)>span{margin-inline:.42em}
.marquee-track:not(.w-max)>span.text-2xl{font-size:.62em}
section:has(>.marquee-track:not(.w-max)){padding-block:clamp(.6rem,1.1vw,1.6rem)}
@keyframes wss-marquee-thirds{
  0%{transform:translate3d(0,0,0)}
  to{transform:translate3d(-33.3333%,0,0)}
}

/* Accent rail — 2 copies, already w-max so the shared -50% keyframe is correct
   once the size scales. 14px @360 -> 20px @1280 -> 30px @2560. */
.marquee-track.w-max{
  font-size:clamp(.875rem,calc(.7rem + .73vw),1.875rem);
  animation-duration:26s;
}
/* The gap between the two copies must be carried INSIDE each copy, not by the
   track. With `gap` on the track the width is 2*copy + 1*gap, so -50% travels
   copy + gap/2 and the strip slips half a gap every cycle — measured at -6px on
   a phone and -13px at 2560, i.e. a visible hitch that got worse the wider the
   screen. Padding the copy instead makes the width exactly 2*(copy + gap), so
   -50% lands on the next copy's first word every time. */
.marquee-track.w-max{gap:0}
.marquee-track.w-max>div{gap:.9em;padding-right:.9em}
div:has(>.marquee-track.w-max){padding-block:clamp(.5rem,.75vw,1.15rem)}

@media(prefers-reduced-motion:reduce){
  .marquee-track{animation:none}
}

/* --- (b) INJECTED SECTIONS: CONTAINER GEOMETRY ----------------------------
   Measured off this donor's own sections: body copy starts 20px from the edge
   below 1024 and 40px above it, and the content box caps at 1520px centred
   (donor text left edge = 20 / 20 / 20 / 40 / 200 / 520 at 360 / 390 / 768 /
   1280 / 1920 / 2560). The injected block was on a 1160px cap with flat 20px
   padding, so its headings sat 20px inboard of the donor's at 1280 and 40px at
   1920+ — a visible step down the page. These three rules put every injected
   heading on the same vertical line as the donor's own. */
.wss-content .wss-c,
.wss-content .wss-t{padding-left:1.25rem;padding-right:1.25rem}
@media(min-width:1024px){
  .wss-content .wss-c,
  .wss-content .wss-t{padding-left:2.5rem;padding-right:2.5rem}
}
.wss-content .wss-c__inner{max-width:1520px}

/* Vertical rhythm: the donor breathes at py-28 / lg:py-40 (112 / 160px). The
   injected sections were on clamp(3rem,7vw,6rem) — 48-96px — which read as a
   tighter, smaller document bolted under a roomier one. Anchor offset clears
   the fixed 96/100px header, which the donor's own scroll-mt-20 (80px) does
   not, so a deep link to #faq no longer lands under the nav. */
.wss-content .wss-c{
  padding-top:clamp(4.5rem,9vw,10rem);
  padding-bottom:clamp(4.5rem,9vw,10rem);
  scroll-margin-top:7rem;
}
.wss-content .wss-t{
  padding-top:clamp(3.5rem,7vw,7rem);
  padding-bottom:0;
  scroll-margin-top:7rem;
  border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);
}

/* --- INJECTED SECTIONS: TYPE -----------------------------------------------
   The donor sets every heading in Fraunces 900 with tight negative tracking.
   The injected h2s were Fraunces 400 at a 40px cap, and the trust rail's
   heading was not Fraunces at all — it rendered in Inter, which is the single
   most obvious "this was pasted in" tell on the page. The FAQ question is an
   h2 for document outline reasons only and is excluded by name so it stays
   body-sized. */
.wss-content .wss-c h2:not(.wss-c__q),
.wss-content .wss-t__h{
  font-family:var(--font-display);
  font-weight:900;
  letter-spacing:-.03em;
  line-height:1.03;
}
.wss-content .wss-c h2:not(.wss-c__q){font-size:clamp(2rem,4.2vw,4rem);margin-bottom:1.8rem}
.wss-content .wss-t__h{font-size:clamp(1.75rem,3.2vw,3rem);margin-bottom:1.4rem}

/* Eyebrows: the donor's micro-label is JetBrains Mono 11px / .2em / uppercase
   in the accent colour ("LOCAL PLUMBING SERVICE", "PLATE II · DETAIL", "ON
   RECORD"). The injected eyebrow was Inter at 62% opacity — same size, wrong
   voice. */
.wss-content .wss-c__eyebrow{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:hsl(var(--wss-a));
  opacity:1;
  margin-bottom:.85rem;
}
.wss-content .wss-c__rule{height:2px;width:44px;border-radius:0;margin-bottom:1.7rem}

/* --- INJECTED SECTIONS: SHAPE ---------------------------------------------
   Every button, card and border on this donor is measured at border-radius 0.
   The injected block shipped 999px pills and 8px/12px cards, which is the other
   half of the bolted-on look. Square them all. */
.wss-content .wss-c__card,
.wss-content .wss-c__areas li,
.wss-content .wss-c__map,
.wss-content .wss-c__nearlist a,
.wss-content .wss-t__chip,
.wss-content .wss-t__cta,
.wss-content .wss-t__link,
.wss-content .wss-t__faces img,
.wss-content .wss-c__face{border-radius:0}

/* The donor's small labels and chips are mono, uppercase, widely tracked. */
.wss-content .wss-c__areas li,
.wss-content .wss-t__chip,
.wss-content .wss-t__link,
.wss-content .wss-c__nearlist a{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.wss-content .wss-c__areas li{padding:.5rem .9rem}
.wss-content .wss-t__chip{padding:.55rem .9rem}
.wss-content .wss-t__link{padding:.7rem 1.1rem}
.wss-content .wss-c__nearlist a{padding:.7rem .9rem}
.wss-content .wss-c__neardist{font-family:var(--font-mono);letter-spacing:.08em;text-transform:none}

/* Primary CTA in the donor's own idiom: squared, mono, uppercase, and dark ink
   on the accent — which is exactly how this donor paints its own "Call now"
   button and its accent rail (both measured as slurry text on the accent). */
.wss-content .wss-t__cta{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:700;
  padding:1rem 1.6rem;
  color:var(--slurry);
}

/* Service cards. */
.wss-content .wss-c__card{padding:1.5rem 1.6rem}
.wss-content .wss-c__card h3{font-weight:900;letter-spacing:-.01em;font-size:1.15rem;gap:.65rem}
.wss-content .wss-c__num{font-family:var(--font-mono);color:hsl(var(--wss-a));opacity:1;letter-spacing:.14em}

/* Hours: the donor already owns this exact pattern in its "ON RECORD" block —
   mono uppercase label, plain value, hairline rule. Match it. */
.wss-content .wss-c__hours{max-width:460px}
.wss-content .wss-c__hours th{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:400;
  opacity:.7;
  padding-top:.6rem;
  padding-bottom:.6rem;
}
.wss-content .wss-c__hours td{padding-top:.6rem;padding-bottom:.6rem;font-size:.92rem}
/* The label is 11px mono and the value 14.7px Inter; top-aligning two different
   type sizes left the day sitting visibly above its own hours. Baseline puts
   them on one line, and still aligns the first line if a value ever wraps. */
.wss-content .wss-c__hours th,
.wss-content .wss-c__hours td{vertical-align:baseline}

/* Inline links: the donor writes these as mono, uppercase, accent — the
   "(541) 555-0193 →" line in its own ON RECORD block. These were Inter with a
   2px underline, the last obviously-foreign element in the injected block. */
.wss-content .wss-c__dir{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:400;
  border-bottom-width:1px;
  padding-bottom:.25rem;
}

/* DARK/LIGHT RHYTHM. The donor alternates bone and slurry bands all the way
   down the page; the injected block ran SIX consecutive light sections, which
   is what makes it read as an appendix even once the type matches. Giving the
   reviews band the donor's slurry treatment restores light/dark/light/dark into
   the footer. Nothing else needs restating: CONTENT_CSS builds every rule,
   border and card fill out of `currentColor` + color-mix, so the whole section
   inverts correctly from these two declarations alone, and the accent-coloured
   parts (stars, quote rules, eyebrow) are unaffected. */
.wss-content #reviews{background:var(--deep);color:var(--bone)}

/* READING MEASURE. The donor caps its own body column at 672px at every width
   above 1280 — measured. The injected sections inherited the full 1520px
   container instead, so at 1920/2560 the About paragraph ran twice the donor's
   line length and the FAQ's +/- marker sat a metre from its question. Cap the
   prose and the accordion; leave the grids and the trust rail full width. */
.wss-content .wss-c__inner>p{max-width:68ch}
.wss-content .wss-c h2:not(.wss-c__q),
.wss-content .wss-t__h{max-width:20ch}

/* FAQ. */
.wss-content .wss-c__faq{max-width:56rem}
.wss-content .wss-c__faq details{padding:1.15rem 0}
.wss-content .wss-c__faq summary{font-size:1.05rem;font-weight:700}
.wss-content .wss-c__faq summary::after{font-family:var(--font-mono);font-weight:400;font-size:1.3rem;line-height:1}

/* Reviews. auto-fit/minmax(255px) gave FOUR uneven grid columns at 1280 — a
   375px quote beside a 3-line one, and every row as tall as its tallest cell,
   which is the raggedest thing on the page. Real reviews are wildly uneven in
   length, so a grid is the wrong primitive: multi-column BALANCES them and
   leaves no holes. break-inside keeps a quote and its attribution together. */
.wss-content #reviews .wss-c__grid{
  display:block;
  column-count:1;
  column-gap:2.75rem;
}
@media(min-width:760px){.wss-content #reviews .wss-c__grid{column-count:2}}
@media(min-width:1180px){.wss-content #reviews .wss-c__grid{column-count:3}}
.wss-content #reviews .wss-c__quote{
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  margin-bottom:2.25rem;
}
.wss-content .wss-c__quote{border-left-width:2px;padding-left:1.4rem}
.wss-content .wss-c__quote p{max-width:48ch}
.wss-content .wss-c__stars{letter-spacing:.18em;font-size:.85rem;margin-bottom:.7rem}
/* Mono + tracking to match the donor's "— FROM THE TRADE" attribution, but NOT
   uppercased: these are real people's names, and a hyphenated 28-character name
   in caps is both harder to read and louder than the quote it belongs to. */
.wss-content .wss-c__quote cite{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.1em;
  opacity:.72;
  margin-top:.75rem;
}

/* Coverage map: 340px is a letterbox on a 2560 monitor. */
.wss-content .wss-c__map iframe{height:clamp(280px,26vw,520px)}

/* --- (c) NARROW WIDTHS -----------------------------------------------------
   The three things that break a 360px column here are a long review quote, a
   seven-row hours table and a seven-item city list. Keep the type from running
   to the edge and let the grids collapse to one column cleanly. */
@media(max-width:560px){
  .wss-content .wss-c__grid{grid-template-columns:1fr}
  .wss-content .wss-c__quote p{max-width:none}
  .wss-content .wss-c__hours{max-width:100%}
  .wss-content .wss-c__hours th{padding-right:.9rem}
  .wss-content .wss-t__links{gap:.55rem}
  .wss-content .wss-t__cta,
  .wss-content .wss-t__link{width:100%;justify-content:center;text-align:center}
  .wss-content .wss-t__link{letter-spacing:.12em}
}

/* ===========================================================================
   (d) BRIGHT AND PREMIUM — the lightening pass, 2026-08-07
   ---------------------------------------------------------------------------
   Owner, on a live build: "the plumbing template is really dark. There's a
   little too much purple being brought over from everyone's template. The
   template needs to be lightened up. The logo made twice as big, and the
   scaling for mobile being cleaned up."

   WHERE THE PURPLE CAME FROM — it is neither the donor's nor the client's.

   This donor has no purple in it at all: every colour literal it ships sits at
   hue 60-80 (warm gold and bone) at chroma .015-.02. Nor is it the clients':
   Poor John's brand is a yellow accent over a black-and-white wordmark with a
   navy #1e2957 second colour; Carter's is red over blue #000642. Measured on
   the live mirrors, both pages painted their darkest and largest surface at

       --slurry: oklch(12% 0.083 278.0)   =  #020025   (indigo-violet)

   against a donor that declared

       --slurry: oklch(12% 0.083 278.0)      =  #090502   (warm near-black)

   The hue is the client's, correctly. The CHROMA is manufactured. capture-brand
   applySurfaceToCss budgets chroma by lightness --

       budget = max(donorC, 0.03 + (1 - L) * 0.06)
       c      = max(donorC, min(clientC, budget))

   -- so at L = .12 the budget is .0828 and any client whose own colour is at
   all saturated lands exactly there: a 5.5x amplification of a tint the donor
   deliberately drew as near-neutral. The donor's stated intent ("my ink is
   almost grey") is discarded, and on a surface covering ~40% of the page a hue
   near 264-270 stops reading as navy and starts reading as violet.

   The natural control is Rivercity, same donor and same content: its hue lands
   at 238.5, short of the violet band, and its purple pixel share is 1.5% where
   Poor John's is 32.6%. Same code, same template. Only the hue moved.

   THE FIX, and why it lives here rather than in the brand pass. The chroma
   budget is shared by eleven donors and is right for a donor that draws a
   saturated surface on purpose. What is wrong is this donor handing a
   near-neutral surface to a pass that will always max it out. So the donor
   stops declaring its surfaces as bare oklch custom properties -- the only
   shape applySurfaceToCss rewrites -- and declares them as MIXES instead:

       --slurry-src  is the bare oklch the brand pass still owns. It receives
                     the client's hue exactly as before. Nothing is bypassed.
       --slurry      (ink: body text, headings, hairlines) and
       --deep        (the surface the dark bands actually paint)
                     are color-mix()es of that client-hued source toward a PURE
                     NEUTRAL built from the `black`/`white` keywords -- no
                     colour literal, so there is nothing here a scanner could
                     ever mistake for donor identity, and nothing to re-hue.

   The mix fraction is the saturation dial the budget formula does not offer.
   Every surface still derives from the client's logo colour, which is the
   contract; it simply arrives at a strength a designer chose instead of at a
   ceiling. A client whose palette really IS purple still paints purple -- the
   hue is untouched, and their loud brand colour reaches the page undiluted
   through --gold (the accent) and --copper (the second colour), which are the
   roles built to carry it.

   AND IT LIGHTENS. The same move raises the dark band from oklab L .12 to
   ~.30, which is the owner's other complaint: the page was a strobe of
   near-black and near-white with nothing in between. Contrast pairs are
   preserved because paper and ink move together and the bone/slurry
   relationship is what every section was drawn against.
   ------------------------------------------------------------------------- */

/* The dark bands, the hero scrim and the chips paint --deep, not the ink.
   --slurry is mixed toward a neutral of its OWN lightness, so the ink lands
   back at exactly the oklab L .12 the donor drew it at and every ink-on-paper
   pair -- body copy, headings, hairlines, the faint mono tiers -- measures what
   it always did. Only the chroma moved. --deep is the one surface that lifts. */
.bg-slurry{background-color:var(--deep)}
.from-slurry{--tw-gradient-from:var(--deep)}
.via-slurry{--tw-gradient-via:var(--deep)}
.to-slurry{--tw-gradient-to:var(--deep)}

/* --- (e) THE CLIENT'S MARK, TWICE THE SIZE --------------------------------
   The donor drew the header logo at h-9 (36px) because its own wordmark was a
   long horizontal lockup. A real client mark is as often square-ish (Rivercity
   measured 38x36 on the live mirror -- a postage stamp), so height is the wrong
   axis to hold constant on its own: the pair is a height that scales with the
   viewport AND a width cap that keeps a wide lockup out of the nav.

   Sized off the HEIGHT, never off transform:scale(). A scale() moves paint and
   leaves the layout box behind, so the mark ends up centred on a box it has
   outgrown -- which is exactly how the live Poor John's mirror put its logo at
   x = -17px, hanging off the left edge of the screen at every width. */
header a img[src*="client-logo"],
header a img[src*="brand-logo"],
header a img[src*="logo"]{
  height:var(--wss-logo-h);
  width:auto;
  max-width:min(48vw,17rem);
  object-fit:contain;
  object-position:left center;
}
:root{--wss-logo-h:3.25rem;--wss-hdr:100px}
@media(min-width:640px){:root{--wss-logo-h:3.75rem;--wss-hdr:112px}}
@media(min-width:1024px){:root{--wss-logo-h:4.5rem;--wss-hdr:132px}}

/* The header is FIXED, so its height is also the hero's top padding. The donor
   hard-coded that clearance as pt-[96px]/112/120 against a 36px logo; a 72px
   logo slides the hero title under the bar unless the two numbers stay tied.
   One variable now owns both. */
section#top{padding-top:var(--wss-hdr)}
@media(max-width:1023px){
  header .mx-auto.flex.max-w-\[1600px\].items-center.justify-between.px-5{
    padding-top:.5rem;padding-bottom:.5rem;
  }
}

/* --- (f) NARROW WIDTHS: the ticker ----------------------------------------
   The marquee is decoration. At 390px the donor's text-3xl put 30px display
   type in a 36px band -- louder than the headline it sits under, and the strip
   ate a fifth of the first screen. Cap the type and tighten the gaps; the
   animation and the copy are untouched. */
@media(max-width:640px){
  .marquee-track{font-size:1.0625rem;letter-spacing:.02em}
  .marquee-track > span{margin-left:.85rem;margin-right:.85rem}
  .marquee-track .text-2xl{font-size:.85rem}
  section.overflow-hidden.border-y.border-slurry{padding-top:.6rem;padding-bottom:.6rem}
}
@media(max-width:400px){
  .marquee-track{font-size:.95rem}
}

/* --- (f2) THE TABLET HEADER, WHICH IS WHERE A BIGGER LOGO ACTUALLY BREAKS ---
   Rendered at 768: Carter's mark (147x60) ends at x=167 and the nav's first
   item starts at 177. Ten pixels. It reads as a collision, and a wider lockup
   -- 5:1 is common -- would be driven into the width cap and lose the height
   the owner asked for. The donor reveals its five nav links at md (768), and
   728px of usable bar cannot hold a 2x logo, five tracked mono links AND a
   205px phone button.

   So between 768 and 1023 the five LINKS fold into the hamburger that already
   exists for mobile, and the phone button stays. It stays because it is the
   conversion element -- dropping `nav` wholesale would take it with them,
   since the donor nests the button inside the same <nav>. `:not(.group)` is
   what separates them: the button carries Tailwind's `group` marker and the
   links do not. Below 768 nothing changes; at 1024 the full nav returns. */
@media(min-width:768px) and (max-width:1023px){
  header nav > a:not(.group){display:none}
  header .md\:hidden{display:block}
}

/* --- (g) THE ACCENT, WHERE IT IS PRINTED ON PAPER --------------------------
   Found by rendering the live Poor John's mirror and measuring every text node
   against the surface actually painted behind it: 24 nodes at 1.14-1.22:1 --
   below the 3:1 a large heading needs, let alone the 4.5:1 small text needs.
   Effectively invisible. Among them their star rating, "Call (816) 455-5420",
   "Get driving directions", and the numbers on all twelve services.

   The cause is not a bug in any one rule, it is an assumption. The injected
   content sections paint their small roles in `hsl(var(--wss-a))`, which is
   the client's accent at the client's own lightness, and they paint it on
   --bone at 96%. That is fine for an accent the donor was drawn around (its
   gold sits at 52% lightness) and fine for a mid-dark client accent. It falls
   apart for a LIGHT one, and Poor John's accent is #FFD900 -- a yellow with
   72% of white's luminance. Yellow on paper is not a contrast bug so much as a
   fact about yellow, and it will recur on every client whose logo is yellow,
   lime, cyan or cream.

   So the roles printed on paper get the accent CEILINGED IN LIGHTNESS rather
   than replaced: hue and chroma are untouched -- it is still unmistakably
   their colour -- but it can never be lighter than the paper can carry.
   oklch's L is perceptual, so one ceiling holds across hues, which an hsl
   lightness clamp cannot do (hsl 34% yellow still measures 2.6:1 on bone).
   Only colours ABOVE the ceiling move: Poor John's yellow drops to a legible
   ochre, while a mid-dark red or teal is left essentially where it was.

   Non-supporting browsers keep the current colour rather than a broken one,
   which is the honest fallback: unchanged, never blank. */
/* Scoped to .wss-c/.wss-t, which is where content-inject.js scopes --wss-a
   itself. Scoping it to .wss-content instead leaves the variable UNDEFINED on
   the trust block -- and `background:var(--undefined)` is an invalid
   declaration, so the CTA loses its fill and paints white-on-white. Measured
   at 1.13:1 doing exactly that before this line was corrected. */
.wss-c,.wss-t{--wss-a-ink:hsl(var(--wss-a))}
@supports (color:oklch(from red l c h)){
  .wss-c,.wss-t{--wss-a-ink:oklch(from hsl(var(--wss-a)) min(l,0.48) c h)}
  /* #reviews is the ONE injected section the donor paints dark, to restore the
     light/dark/light/dark rhythm into the footer (see DARK/LIGHT RHYTHM
     above). A ceiling there is the wrong sign: it drove Poor John's yellow
     down to a 3.16:1 ochre on a near-black band, worse than the raw accent it
     replaced. Same rule, pointing the other way. */
  #reviews.wss-c{--wss-a-ink:oklch(from hsl(var(--wss-a)) max(l,0.70) c h)}
}
/* THE DOUBLED CLASS IS LOAD-BEARING, in both directions at once.
   These roles live in two different places: the .wss-c sections sit INSIDE
   .wss-content, the .wss-t trust block sits outside it. So the selector cannot
   name an ancestor -- .wss-content .wss-t__cta simply never matches, which is
   how the CTA ended up with an undefined variable for a background. But the
   block above already styles several of them at `.wss-content .wss-c__num`,
   which is (0,2,0), and a bare `.wss-c__num` at (0,1,0) loses to it no matter
   how late it appears. Repeating the class buys the specificity without
   buying an ancestor, and source order settles the tie. Verified by reading
   the matched rule list off the live DOM, not by counting selectors. */
.wss-c__eyebrow.wss-c__eyebrow,
.wss-c__num.wss-c__num,
.wss-c__dir.wss-c__dir,
.wss-c__stars.wss-c__stars,
.wss-c__pin.wss-c__pin,
.wss-t__stars.wss-t__stars,
.wss-t__link.wss-t__link,
.wss-c__faq.wss-c__faq summary::after{color:var(--wss-a-ink)}
/* The same ceiling for the shapes, not just the type: a 3px rule and a quote
   bar in a pale yellow are a blank line and a missing border. */
.wss-c__rule.wss-c__rule{background:var(--wss-a-ink)}
.wss-c__quote.wss-c__quote{border-left-color:var(--wss-a-ink)}
/* The trust CTA sets its own label to #fff. White on a light accent is the
   same failure wearing a button: measured 1.2:1 on Poor John's yellow. */
.wss-t__cta.wss-t__cta{background:var(--wss-a-ink);color:#fff}

/* --- (h) THE SAME RULE, POINTING THE OTHER WAY -----------------------------
   Lifting the dark bands out of near-black is the point of (d), but it moves
   one of the pairs the donor tuned: an accent that was legible against
   oklch(12%) is not automatically legible against oklch(30%). Measured across
   the rebuild preview -- Rivercity's teal fell 5.4:1 -> 3.76:1 on 22 nodes,
   Carter's red 4.09:1 -> 2.76:1. That is the brief's warning about contrast
   pairs arriving on schedule, and it is mine to answer, not to leave.

   So the accent gets a lightness FLOOR on dark surfaces, exactly mirroring the
   ceiling it gets on paper. Redefining --gold on the dark section itself is
   what makes it complete: every role that reads var(--gold) inside that
   section -- eyebrows, rules, hairlines, the CALL fill -- moves together,
   including the ones that inherit their colour rather than declaring it.

   As on paper, only colours that need to move move. Poor John's yellow sits at
   oklch L .87 and is already well clear, so it is returned unchanged; the
   floor is spent on the mid-dark accents that actually go dim.

   THE VALUE WAS MEASURED, NOT PICKED. At .66 Carter's red still left 20 nodes
   under AA (the CALL fill among them, 4.07:1) because the accent lands just
   short; at .70 the same page comes back clean. Fidelity to their colour is
   what is being spent here, so it is worth knowing that .04 of lightness is
   the whole price of the difference. */
@supports (color:oklch(from red l c h)){
  .bg-slurry{--gold:oklch(from hsl(var(--accent)) max(l,0.70) c h)}
}
/* The donor's faintest tier of mono micro-type was drawn against near-black.
   Half of --bone reads 4.28:1 on the lifted band where AA wants 4.5, so the
   tier gets the difference back rather than the band giving up its lightness. */
.text-bone\/50{color:color-mix(in oklab,var(--bone) 62%,transparent)}
.text-bone\/55{color:color-mix(in oklab,var(--bone) 66%,transparent)}