/* Managed by Mota Bricks Engine for page 511. Do not edit by hand; re-importing this page rewrites this file. */
/* Prototype baseline: Bricks sets html{font-size:62.5%} and body{font-size:15px;line-height:1.7}. */
html { font-size: 16px; }
body { font-size: 16px; line-height: normal; }
/* Bricks styles raw form controls at a specificity a prototype's class cannot beat. */
input:not([type="submit"]), select, textarea {
  border: revert; line-height: revert; width: revert;
  font-size: revert; color: revert; box-shadow: revert; outline: revert;
  padding: 0;
}
button { font: revert; letter-spacing: revert; }
/* Bricks styles <figcaption> too, and a prototype has no reason to fight it. */
figcaption { text-align: revert; color: revert; font-size: revert; margin: revert; }
/* Bricks resizes bare headings; a prototype leaves unclassed ones to the browser. */
h1, h2, h3, h4, h5, h6 { font-size: revert; }
:where(*), :where(::before), :where(::after) {box-sizing: border-box;}
:where(body), :where(h1), :where(h2), :where(h3), :where(h4), :where(h5), :where(h6), :where(p), :where(figure), :where(blockquote), :where(dl), :where(dd) {margin: 0px;}
:where(ul[class]), :where(ol[class]) {margin: 0px;padding: 0px;list-style: none;}
:where(img), :where(picture), :where(svg), :where(video) {display: block;max-width: 100%;height: auto;}
:where(input), :where(button), :where(textarea), :where(select) {font: inherit;color: inherit;}
:where(button) {background: none;border: 0px;line-height: normal;}
:where(fieldset) {margin: 0px;padding: 0px;border: 0px;min-width: 0px;}
:where(legend) {padding: 0px;display: block;}
:where(a) {color: inherit;}
:where(table) {border-collapse: collapse;}
@property --track-progress {syntax: "<percentage>";inherits: false;initial-value: 0%;}
@property --veil-strength {syntax: "<number>";inherits: false;initial-value: 1;}
@font-face {font-family: "Bradley DJR";src: url("https://cresco.studio/wp-content/uploads/cresco-proto/fonts/BradleyDJR-Regular.woff2") format("woff2");font-weight: 400;font-display: swap;}
body {background-color: var(--green-base);background-image: linear-gradient(color-mix(in srgb,var(--dark) 60%,transparent),color-mix(in srgb,var(--dark) 20%,transparent)),url("https://cresco.studio/wp-content/uploads/cresco-proto/img/bg-texture.png");background-attachment: fixed;background-size: cover;background-position: center center;color: var(--ink-2);font-family: var(--font-mono);font-size: 16px;line-height: var(--lh-body);-webkit-font-smoothing: antialiased;overflow-x: hidden;}
@media (max-width: 860px) {
body {background-attachment: scroll,scroll;}
}
body.is-locked {overflow: hidden;}
h1, h2, h3, h4 {font-weight: 400;color: var(--accent-ink);text-wrap: balance;}
:where(a, button, input, summary, [tabindex]):focus-visible {outline: 3px solid var(--gold);outline-offset: 3px;border-radius: 2px;}
.wrap.wrap--narrow {max-width: var(--measure-narrow);}
@media (min-width: 861px) {
.sec {scroll-margin-top: var(--scroll-offset);}
}
.sec + .sec {border-top: 1px solid var(--hair);}
.crumb ol {display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2xs);margin: 0px;padding: 0px;list-style: none;font-size: var(--step-micro);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink-3);}
.crumb li + li::before {content: "";display: inline-block;width: 5px;height: 5px;margin-right: var(--space-2xs);border-right: 1px solid var(--hair-2);border-bottom: 1px solid var(--hair-2);transform: rotate(-45deg);vertical-align: 1px;}
.crumb a {color: var(--link-ink);text-decoration: none;padding-block: 5px;margin-block: -5px;}
.crumb a:hover {text-decoration: underline;text-underline-offset: 3px;}
.crumb [aria-current="page"] {color: var(--ink-2);}
.head.head--center {text-align: center;margin-inline: auto;}
.head.head--center .kicker {justify-content: center;}
.head.head--center .head__sub {margin-inline: auto;}
.head__sub a {text-decoration: underline;}
.paper .sec--dark {background: var(--paper-bg);}
.paper .sec--panel {background: var(--paper-surface);}
.paper .sec--deep {background: var(--paper-sunken);}
.paper .sec--light {background: var(--paper-surface);--ink-2: #4a5c51;--ink-3: #5e6e64;--hair: #dcd6c6;--warn: #9b2c2c;}
.paper .head {position: relative;padding-bottom: var(--space-l);margin-bottom: var(--space-2xl);}
.paper .head::before, .paper .head::after {content: "";position: absolute;bottom: 0px;left: 0px;height: 1px;}
.paper .head::after {right: 0px;background: var(--hair);}
.paper .head::before {width: 64px;height: 2px;bottom: -1px;z-index: 1;background: var(--gold);}
body.is-paper .nav {background: var(--nav-bg);backdrop-filter: blur(var(--blur-chrome));}
body.is-paper .nav::before {display: none;}
body.is-paper .grain.grain {display: none;}
.kicker::before {content: "";flex: 0 0 auto;width: 38px;height: 1px;background: var(--gold);}
.placeholder::before {content: "Awaiting client copy: ";font-weight: 600;letter-spacing: var(--track-label);text-transform: uppercase;font-size: var(--step-micro);color: var(--accent-ink);}
.is-todo.is-todo {border-bottom: 1px dashed var(--gold-line-2);color: var(--accent-ink);opacity: .85;font-style: italic;}
body.is-draft-audit .is-draft {background: var(--gold-wash);border-left-color: var(--gold);outline: 1px dashed var(--gold-line-2);outline-offset: 4px;}
.draftbar b {font-family: var(--font-mono);font-size: var(--step-micro);font-weight: 600;letter-spacing: var(--track-mid);text-transform: uppercase;color: var(--accent-ink);}
.grain.grain {display: block;position: fixed;inset: 0px;z-index: var(--z-grain);pointer-events: none;opacity: var(--grain-opacity);background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'180\' height=\'180\'%3E%3Cfilter id=\'n\'%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'.62\' numOctaves=\'4\' stitchTiles=\'stitch\'/%3E%3C/filter%3E%3Crect width=\'180\' height=\'180\' filter=\'url(https://cresco.studio/wp-content/uploads/cresco-proto/css/%23n)\'/%3E%3C/svg%3E");background-size: 180px 180px;}
.btn:active {transform: translateY(1px);}
.btn--gold:hover {background: var(--gold-deep);transform: translateY(-2px);}
.btn--ghost:hover {border-color: var(--btn-ghost-hover-line);background: var(--btn-ghost-hover-bg);transform: translateY(-2px);}
.ticks li {position: relative;padding-left: var(--space-m);font-size: var(--step-body);color: var(--ink-2);}
.ticks li::before {content: "";position: absolute;left: 0px;top: 9px;width: 12px;height: 7px;border-left: 1.5px solid var(--gold);border-bottom: 1.5px solid var(--gold);transform: rotate(-45deg);}
.ticks--sm li {font-size: var(--step-sm);}
body.is-photo-audit [data-photo-provenance="unconfirmed"] {filter: saturate(.25) brightness(.8);outline: 2px dashed var(--gold);outline-offset: -2px;}
body.is-photo-audit :is(figure, .pan__media, .hero):has([data-photo-provenance="unconfirmed"]) {position: relative;}
body.is-photo-audit :is(figure, .pan__media, .hero):has([data-photo-provenance="unconfirmed"])::after {content: "Unconfirmed · " attr(data-slot);position: absolute;left: 0px;bottom: 0px;z-index: var(--z-raised);max-width: 100%;padding: var(--space-3xs) var(--space-2xs);background: var(--gold);color: var(--ink);font-family: var(--font-mono);font-size: var(--step-nano);font-weight: 600;letter-spacing: var(--track-label);text-transform: uppercase;pointer-events: none;}
.nav::before {content: "";position: absolute;inset: 0px 0px -28px;z-index: -1;pointer-events: none;background: linear-gradient(to bottom,color-mix(in srgb,var(--scrim) 82%,transparent) 0%,color-mix(in srgb,var(--scrim) 55%,transparent) 55%,transparent 100%);transition: opacity var(--dur-mid);}
.nav--solid::before {opacity: 0;}
body.nav-hidden .nav {transform: translateY(-100%);}
.nav__logo img {height: clamp(44px,3.6vw,54px);width: auto;}
.nav__links > a, .nav__links .nav__top {display: inline-flex;align-items: center;align-self: stretch;min-height: var(--target);font-size: var(--step-meta);letter-spacing: var(--track-mid);text-transform: uppercase;color: var(--gold);text-decoration: none;white-space: nowrap;position: relative;transition: opacity var(--dur-fast);}
.nav__links > a::after, .nav__links .nav__top::after {content: "";position: absolute;inset-inline: 0px;top: calc(50% + 12px);height: 1px;background: var(--gold);opacity: 0;transition: opacity var(--dur-fast) var(--ease);}
.nav__links > a:hover::after, .nav__links > a[aria-current="page"]::after, .nav__links > a[aria-current="true"]::after, .nav__links .nav__top:hover::after, .nav__links .nav__top[aria-current="page"]::after, .nav__links .nav__top[aria-current="true"]::after {opacity: 1;}
.nav__disc svg {width: 10px;height: 10px;min-width: 0px;min-height: 0px;transition: transform var(--dur-fast) var(--ease);}
.nav__disc[aria-expanded="true"] svg {transform: rotate(180deg);}
.nav__sub a {display: flex;align-items: center;min-height: var(--target-min);padding: var(--space-2xs) var(--space-s);font-size: var(--step-label);letter-spacing: var(--track-mid);text-transform: uppercase;white-space: nowrap;color: var(--gold);text-decoration: none;transition: background var(--dur-fast);}
.nav__sub a:hover, .nav__sub a:focus-visible {background: var(--gold-wash);}
.nav__sub a[aria-current="page"] {background: var(--fill-gold);box-shadow: inset 3px 0 0 var(--gold);}
.nav__sub .nav__sub-break {margin-top: var(--space-2xs);padding-top: var(--space-xs);border-top: 1px solid var(--hair);}
.nav__item:hover .nav__sub, .nav__item.is-open .nav__sub {visibility: visible;opacity: 1;transform: none;transition-delay: 0s;}
.nav__burger span {width: 20px;height: 2px;background: var(--gold);transition: transform var(--dur-mid) var(--ease);}
.nav__burger[aria-expanded="true"] span:first-child {transform: translateY(3.5px) rotate(45deg);}
.nav__burger[aria-expanded="true"] span:last-child {transform: translateY(-3.5px) rotate(-45deg);}
.nav__panel a:not(.btn) {display: flex;align-items: center;min-height: 52px;font-size: var(--step-body);letter-spacing: var(--track-mid);text-transform: uppercase;color: var(--gold);text-decoration: none;border-bottom: 1px solid var(--hair);}
.nav__panel .btn {margin-top: var(--space-s);}
.nav__panel-sub a:not(.btn) {min-height: 46px;font-size: var(--step-meta);color: var(--ink-2);}
.nav__panel-sub a[aria-current="page"] {color: var(--gold);}
.nav__panel-sub .nav__sub-break {margin-top: var(--space-s);}
@media (max-width: 900px) {
.nav__cta.nav__cta {padding-inline: var(--space-s);font-size: var(--step-label);letter-spacing: var(--track-label);white-space: nowrap;}
}
@media (max-width: 480px) {
.nav__cta .nav__cta-long {display: none;}
}
.nav__icon svg {width: 20px;height: 20px;}
.nav__icon:hover {color: var(--gold);}
.rail ul {display: flex;justify-content: safe center;gap: 0px;max-width: var(--measure);margin: 0px auto;padding: 0 var(--gutter);list-style: none;overflow-x: auto;scrollbar-width: none;overscroll-behavior-x: contain;}
.rail ul::-webkit-scrollbar {display: none;}
.rail ul.is-scrollable {mask-image: linear-gradient(to right,#000 0px,#000 88%,transparent 100%);}
.rail ul.is-scrollable.is-end {mask-image: none;}
.rail a {display: inline-flex;align-items: center;gap: var(--space-2xs);min-height: 52px;padding: 0 var(--space-s);white-space: nowrap;font-size: var(--step-label);letter-spacing: var(--track-mid);text-transform: uppercase;color: var(--ink-3);text-decoration: none;border-bottom: 2px solid transparent;transition: color var(--dur-fast),border-color var(--dur-fast);}
.rail a i {font-style: normal;font-size: var(--step-nano);opacity: .6;}
.rail a:hover {color: var(--accent-ink);}
.rail a.is-on {color: var(--accent-ink);border-bottom-color: var(--gold);}
body.nav-hidden .rail {transform: translateY(calc(var(--nav-h) * -1));}
.foot__in a:not(.btn) {display: flex;align-items: center;min-height: var(--target-min);font-size: var(--step-sm);color: var(--ink-3);text-decoration: none;transition: color var(--dur-fast),transform var(--dur-fast);}
.foot__in a:not(.btn):hover {color: var(--gold);transform: translateX(4px);}
.foot__social a {display: grid;place-items: center;width: var(--target-min);height: var(--target-min);color: var(--ink-3);border: 1px solid var(--hair);border-radius: var(--radius-round);transition: color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast);}
.foot__social a:hover, .foot__social a:focus-visible {color: var(--accent-ink);border-color: var(--gold);background: var(--gold-wash);}
.foot__social svg {width: 19px;height: 19px;}
.foot__c a {padding-block: 5px;margin-block: -5px;}
.foot__c p a {text-decoration: underline;}
.foot__by:hover {color: var(--gold);}
.foot__by span {white-space: nowrap;}
.foot__by i {display: block;width: 74px;height: 22px;background-color: currentcolor;mask: url("https://cresco.studio/wp-content/uploads/cresco-proto/icons/mota.svg") center center/contain no-repeat;}
.toast.is-on {transform: translate(-50%,0px);opacity: 1;visibility: visible;}
.hero--short .hero__lede {margin-top: var(--space-s);}
.hero--short .hero__veil {background: linear-gradient(to top,var(--dark) 0,color-mix(in srgb,var(--dark) 94%,transparent) 150px,color-mix(in srgb,var(--dark) 76%,transparent) 355px,color-mix(in srgb,var(--dark) 46%,transparent) 455px,color-mix(in srgb,var(--dark) 18%,transparent) 500px,transparent 100%);}
.hero--short.hero--short {min-height: var(--hero-min);}
.hero--mid.hero--mid {--hero-min: min(68svh,860px);}
.hero__t .ltr {display: inline-block;overflow: hidden;vertical-align: bottom;padding-bottom: .14em;margin-bottom: -.14em;}
.hero__t .ltr i {display: inline-block;font-style: normal;will-change: transform;}
.hero__t .sp {display: inline-block;width: .24em;}
.hero__scroll:hover .hero__scroll-line::after {animation-duration: 1.1s;}
.hero__scroll-line::after {content: "";position: absolute;inset: 0px;background: var(--gold);animation: drop 2.2s var(--ease) infinite;}
@keyframes drop {0% {transform: translateY(-100%);}
	60%, 100% {transform: translateY(100%);}}
.split.split--flip .split__media {order: -1;}
.split.split--copy {grid-template-columns: 1.05fr .95fr;}
@media (max-width: 900px) {
.split.split--flip .split__media {order: 0;}
}
.split__body > p:not(.kicker), .split__body > .is-draft > p {font-size: var(--step-lede);color: var(--ink-2);max-width: 52ch;}
.split__body > p:not(.kicker) + p, .split__body > .is-draft > p + p {margin-top: var(--space-m);font-size: var(--step-body);max-width: 58ch;}
.split__body > .is-draft {margin-top: var(--space-m);}
.split__body :is(.h2, .h3) + p {margin-top: var(--space-m);}
.split__body .btn {margin-top: var(--space-l);}
.split__body .btn + .btn {margin-left: var(--space-xs);}
.split__media img {width: 100%;aspect-ratio: var(--media-ratio);object-fit: cover;border-radius: var(--radius-m);border: 1px solid var(--hair);}
.spec li {padding-block: var(--space-xs);border-bottom: 1px solid var(--hair);font-size: var(--step-sm);letter-spacing: .01em;color: var(--ink-2);}
.gallery__lead img, .gallery__thumb img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-slow) var(--ease);}
.gallery__lead:hover img, .gallery__thumb:hover img {transform: scale(1.04);}
.gallery__lead img {aspect-ratio: 3/2;}
.gallery__thumb img {aspect-ratio: 1/1;}
.gallery__more::after {content: "+" attr(data-more);position: absolute;inset: 0px;display: grid;place-items: center;background: color-mix(in srgb,var(--deep) 72%,transparent);color: var(--accent-ink);font-family: var(--font-mono);font-weight: 600;font-size: var(--step-body);letter-spacing: var(--track-label);pointer-events: none;}
@media (max-width: 640px) {
.rules__media > :last-child {display: none;}
}
.rules__frame img {display: block;width: 100%;aspect-ratio: 4/3;object-fit: cover;}
.lightbox::backdrop {background: color-mix(in srgb,#000 78%,transparent);backdrop-filter: blur(6px);}
.lightbox[open] {opacity: 1;}
@starting-style {}
.lightbox__fig img {width: 100%;max-height: 76vh;object-fit: contain;border-radius: var(--radius-s);background: var(--dark);}
.lightbox__btn:hover {background: var(--dark);border-color: var(--gold);}
.lightbox__btn[disabled] {opacity: .35;cursor: default;}
.lightbox__btn::before {content: "";width: 11px;height: 11px;border-top: 2px solid;border-right: 2px solid;}
.lightbox__prev::before {transform: rotate(-135deg) translate(-2px,-2px);}
.lightbox__next::before {transform: rotate(45deg) translate(-2px,-2px);}
.lightbox__close::before {width: 13px;height: 13px;border: 0px;background: linear-gradient(currentcolor,currentcolor) center center/100% 2px no-repeat,linear-gradient(currentcolor,currentcolor) center center/2px 100% no-repeat;transform: rotate(45deg);}
@media (min-width: 701px) {
.lightbox__bar {display: contents;}
}
::view-transition-old(lb-photo), ::view-transition-new(lb-photo) {animation-duration: var(--dur-mid);animation-timing-function: var(--ease);}
.svc__item.svc__item--lead {aspect-ratio: auto;}
@media (max-width: 1100px) {
.svc__item.svc__item--lead {aspect-ratio: 16/9;}
}
.svc__item:hover {transform: translateY(-6px);border-color: var(--hair-2);}
.svc__item:has(a:focus-visible) {outline: 3px solid var(--gold);outline-offset: 3px;}
.svc__media img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-slow) var(--ease);}
.svc__item:hover .svc__media img {transform: scale(1.04);}
.svc__item--lead .svc__t {font-size: clamp(19px,1.9vw,26px);}
.svc__t a {text-decoration: none;}
.svc__t a::after {content: "";position: absolute;inset: 0px;}
.svc__t a:focus-visible {outline: none;}
.svc__go::after {content: "";width: 7px;height: 7px;border-top: 1.5px solid;border-right: 1.5px solid;transform: rotate(45deg);transition: transform var(--dur-fast) var(--ease);}
.svc__item:hover .svc__go::after {transform: rotate(45deg) translate(2px,-2px);}
.deck::after {content: "";display: block;height: clamp(120px,24vh,260px);}
@media (max-width: 900px) {
.deck::after {height: 0px;}
}
.deck__card:has(a:focus-visible) {outline: 3px solid var(--gold);outline-offset: 3px;}
.deck__card::after {content: "";position: absolute;inset: 0px;z-index: 3;pointer-events: none;}
.deck__no b {font-weight: 600;font-size: var(--step-lg);letter-spacing: var(--track-tight);color: var(--accent-ink);}
.deck__no::after {content: "";flex: 1 1 auto;height: 1px;background: var(--hair);}
.deck__t a {color: inherit;text-decoration: none;}
.deck__t a::after {content: "";position: absolute;inset: 0px;z-index: 2;}
.deck__t a:focus-visible {outline: none;}
.deck__go::after {content: "";width: 7px;height: 7px;border-top: 1.5px solid;border-right: 1.5px solid;transform: rotate(45deg);transition: transform var(--dur-fast) var(--ease);}
.deck__card:hover .deck__go::after {transform: rotate(45deg) translate(3px,-3px);}
.deck__card:hover .deck__go {color: var(--gold-deep);}
.deck__media img {position: absolute;inset: 0px;width: 100%;height: 100%;object-fit: cover;transform: scale(var(--media-scale,1));will-change: transform;}
.deck__media::after {content: "";position: absolute;inset: 0px;background: linear-gradient(90deg,color-mix(in srgb,var(--panel),#fff calc(var(--i) * 3%)) 0%,transparent 30%);}
@media (max-width: 900px) {
.deck__media::after {content: none;}
}
@media (max-width: 900px) {
.deck__media img {transform: none;}
}
@media (max-width: 900px) {
.deck__no::after {background: color-mix(in srgb,var(--ink-1) 25%,transparent);}
}
.way .ticks {margin-block: var(--space-m);}
.way .btn {margin-top: auto;}
.way.way--best {border-color: var(--line-highlight);background: var(--fill-highlight);}
.way__media img {display: block;width: 100%;aspect-ratio: 16/9;object-fit: cover;}
.way .way__media {width: calc(100% + var(--space-m) * 2);max-width: none;}
.way--best .way__k {background: var(--gold);border-color: var(--gold);color: var(--ink);}
.ways__else p {font-size: var(--step-body);color: var(--ink-3);max-width: 56ch;}
.ways__else .title-sm {font-size: var(--step-3);margin-bottom: var(--space-3xs);}
.ways__mail a {color: var(--link-ink);text-decoration: underline;text-underline-offset: 3px;}
.lbl.lbl--gap {margin-top: var(--space-2xl);}
.person:hover, .person:has(:focus-visible) {transform: translateY(-6px);border-color: var(--hair-2);}
@media (prefers-reduced-motion: reduce) {
.person {transition: border-color var(--dur-fast);}
}
@media (prefers-reduced-motion: reduce) {
.person:hover, .person:has(:focus-visible) {transform: none;}
}
.person__media img {width: 100%;height: 100%;object-fit: cover;}
.person__roles li {font-size: var(--step-micro);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink-3);}
.person__roles li + li::before {content: "";display: inline-block;width: 1px;height: .8em;margin-right: var(--space-2xs);background: var(--hair-2);vertical-align: -1px;}
#who .team {display: flex;gap: var(--space-m);padding-block: var(--space-3xs) var(--space-s);overflow-x: auto;scroll-snap-type: x mandatory;overscroll-behavior-x: contain;scrollbar-width: thin;scrollbar-color: var(--hair-2) transparent;}
#who .team::-webkit-scrollbar {height: 6px;}
#who .team::-webkit-scrollbar-track {background: transparent;}
#who .team::-webkit-scrollbar-thumb {background: var(--hair-2);border-radius: var(--radius-pill);}
#who .person {flex: 0 0 clamp(230px,30vw,300px);scroll-snap-align: start;}
#who .person__link {margin-top: auto;padding-top: var(--space-s);}
.rail-nav__b svg {width: 16px;height: 16px;}
.rail-nav__b:hover:not(:disabled) {border-color: var(--gold);background: var(--gold-wash);}
.rail-nav__b:disabled {opacity: .35;cursor: default;}
.ch:hover {background: var(--surface-hover);color: var(--ink-1);}
.ch[aria-selected="true"] {background: var(--surface-active);color: var(--ink-1);}
.ch__fader i {position: absolute;inset: 0px 100% 0px 0px;background: var(--gold);border-radius: var(--radius-pill);transition: right var(--dur-mid) var(--ease);}
.ch[aria-selected="true"] .ch__fader i {right: 0px;}
.ch:hover .ch__fader i {right: 62%;}
.ch[aria-selected="true"]:hover .ch__fader i {right: 0px;}
@keyframes fade {0% {opacity: 0;transform: translateY(14px);}
	100% {opacity: 1;transform: none;}}
.pan__media img {width: 100%;height: 100%;object-fit: cover;}
.step:not(:last-of-type)::before {content: "";position: absolute;top: calc(var(--node-drop) + var(--rail));bottom: calc(( var(--steps-gap) + var(--node-drop) ) * -1);left: var(--sig-x);width: 2px;background: var(--cable);border-radius: 1px;transform-origin: center top;transition: transform var(--dur-slow) var(--ease);}
.step__node::after {content: "";position: absolute;inset: 0px;margin: auto;width: 8px;height: 8px;border-radius: var(--radius-round);background: var(--gold);transition: background var(--dur-mid),transform var(--dur-mid) var(--ease);}
.steps.is-armed .step__node {border-color: var(--hair-2);}
.steps.is-armed .step__node::after {background: var(--ink-4);transform: scale(.7);}
.steps.is-armed .step__n, .steps.is-armed .step h3 {opacity: .55;transition: opacity var(--dur-mid) var(--ease);}
.steps.is-armed .step.is-live .step__node {border-color: var(--gold);box-shadow: var(--socket-glow);}
.steps.is-armed .step.is-live .step__node::after {background: var(--gold);transform: scale(1);}
.steps.is-armed .step.is-live .step__n, .steps.is-armed .step.is-live h3 {opacity: 1;}
.step h3 {grid-area: 1/3;margin-bottom: 0px;}
.step p {grid-area: 2/2/auto/-1;margin-top: var(--space-xs);}
.step h3 {margin-bottom: var(--space-xs);}
.step p {font-size: var(--step-body);line-height: var(--lh-body);color: var(--ink-2);max-width: 75ch;}
.sec:has(> .wrap > .head):has(> .wrap > .steps) {container: stepsec/inline-size;}
.wrap:has(> .head):has(> .steps) > .head {margin-bottom: var(--space-3xl);}
@container stepsec (min-width: 1150px) {grid-template-columns: minmax(320px,1fr) auto;column-gap: var(--space-2xl);align-items: start;}
.wrap:has(> .head):has(> .steps) > .head {grid-column: 1;margin-bottom: 0px;}
.wrap:has(> .head):has(> .steps) > .steps {grid-column: 2;}
.wrap:has(> .head):has(> .steps) > .steps__foot {grid-column: 1/-1;}
.steps__note a {color: var(--link-ink);text-decoration: underline;text-underline-offset: 3px;}
.planner__range::-webkit-slider-runnable-track {height: 6px;border-radius: var(--radius-xs);background: color-mix(in srgb,var(--gold) 22%,transparent);}
.planner__range::-webkit-slider-thumb {appearance: none;width: 30px;height: 30px;margin-top: -12px;border-radius: var(--radius-round);background: var(--gold);border: 3px solid var(--deep);cursor: grab;}
.pcard .btn {margin-top: var(--space-2xs);}
.pcard.pcard--feature {border-color: var(--hair-2);background: var(--fill-gold);}
.pcard.is-na .price {opacity: .45;}
.pcard__price .price {font-size: clamp(26px,2.2vw,32px);}
.tier__socket::after {content: "";position: absolute;inset: 0px;margin: auto;width: 8px;height: 8px;border-radius: var(--radius-round);background: var(--gold);transition: background var(--dur-mid),transform var(--dur-mid) var(--ease);}
.tier:not(:last-of-type)::after {content: "";display: block;position: absolute;top: calc(var(--space-l) + 19px + var(--rail) / 2);bottom: calc(( var(--space-s) + var(--space-l) + 19px - var(--rail) / 2 ) * -1);left: calc(( var(--rail) + var(--rail-gap) ) * -1 + var(--rail) / 2 - 1px);width: 2px;border-radius: 1px;background: var(--cable);pointer-events: none;}
.tiers.is-armed .tier__socket {border-color: var(--hair-2);}
.tiers.is-armed .tier__socket::after {background: var(--ink-4);transform: scale(.7);}
.tiers.is-armed .tier.is-live .tier__socket {border-color: var(--gold);box-shadow: var(--socket-glow);}
.tiers.is-armed .tier.is-live .tier__socket::after {background: var(--gold);transform: scale(1);}
@container tiers (max-width: 620px) {}
.tier__socket, .tier:not(:last-of-type)::after {display: none;}
.tier:hover, .tier:has(:focus-visible) {transform: translateY(-4px);border-color: var(--gold);}
.tier.tier--best {background: var(--fill-highlight);}
@container tiers (min-width: 940px) {gap: var(--space-l);}
.tier__flag.tier__flag--quiet {background: transparent;border: 1px solid var(--gold-line-2);color: var(--accent-ink);}
@container tiers (min-width: 680px) {}
.tier__row::before {content: "";position: absolute;left: 0px;top: .95em;width: 11px;height: 6px;border-left: 1.5px solid var(--gold);border-bottom: 1.5px solid var(--gold);transform: rotate(-45deg);}
.tier__row dt {margin-bottom: var(--space-3xs);font-size: var(--step-nano);letter-spacing: var(--track-wide);text-transform: uppercase;color: var(--ink-3);}
.tier__row dd {margin: 0px;font-size: var(--step-meta);line-height: var(--lh-snug);color: var(--ink-2);}
.tier__row .is-none {color: var(--ink-3);opacity: .75;}
@container tiers (min-width: 940px) {padding-left: var(--space-l);border-top-width: medium;border-top-style: none;border-top-color: currentcolor;border-left: 1px solid var(--hair);}
.tier__hrs b {font-family: var(--font-mono);font-size: 26px;font-weight: 600;line-height: 1;color: var(--accent-ink);}
.tier__price .price {font-size: 38px;}
.tier__price span {font-size: var(--step-label);letter-spacing: var(--track-mid);text-transform: uppercase;color: var(--ink-3);}
.tier__buy .tier__price {padding-block: 0px;margin: 0px;}
.tier__buy .tier__price .price {font-size: 42px;line-height: 1;}
.tier__note:empty {display: none;}
.tier__buy .btn {margin-top: var(--space-2xs);}
@container tiers (min-width: 940px) {}
.rates__side .offer:first-child {margin-top: 0px;}
.rates__t col.money {width: clamp(96px,14vw,170px);}
.rates__t col.lab {width: auto;}
.rates__t th, .rates__t td {padding: var(--space-s);text-align: right;border-bottom: 1px solid var(--hair);}
.rates__t thead th {font-size: var(--step-micro);font-weight: 500;letter-spacing: var(--track-mid);text-transform: uppercase;color: var(--accent-ink);vertical-align: bottom;}
.rates__t th:first-child, .rates__t tbody th {text-align: left;font-weight: 400;color: var(--ink-2);}
.rates__t td {font-size: var(--step-lg);color: var(--ink-1);}
.rates__t .is-rec, .rates__t thead th:last-child {background: var(--fill-gold);}
.rates__t .is-rec .price {color: var(--accent-ink);}
.rates__t td .price {color: inherit;font-size: inherit;}
@media (max-width: 640px) {
.rates__t th, .rates__t td {padding: var(--space-xs) var(--space-2xs);}
}
.offer .ticks:last-child {margin-bottom: 0px;}
.offer .ticks li:has(.code) {display: flex;align-items: center;min-height: var(--target-min);}
.offer .ticks li:has(.code)::before {top: 50%;transform: translateY(-50%) rotate(-45deg);}
.code:hover {background: var(--gold-deep);}
.code i {font-style: normal;font-size: var(--step-nano);letter-spacing: var(--track-label);text-transform: uppercase;opacity: .72;padding-left: var(--space-2xs);border-left: 1px solid color-mix(in srgb,var(--ink) 30%,transparent);}
.q summary {display: flex;align-items: center;justify-content: space-between;gap: var(--space-s);min-height: 64px;padding: var(--space-s) 0;cursor: pointer;list-style: none;font-family: var(--font-mono);font-weight: 600;font-size: clamp(17px,1.5vw,21px);letter-spacing: .005em;line-height: var(--lh-snug);color: var(--accent-ink);}
.q summary::-webkit-details-marker {display: none;}
.q summary::after {content: "";flex: 0 0 auto;width: 13px;height: 13px;border-right: 2px solid var(--gold);border-bottom: 2px solid var(--gold);transform: rotate(45deg) translateY(-3px);transition: transform var(--dur-mid) var(--ease);}
.q[open] summary::after {transform: rotate(-135deg) translateY(-3px);}
.q__a a {text-decoration: underline;}
.q__a p {font-size: var(--step-body);color: var(--ink-2);}
.q__a a {color: var(--link-ink);}
.strip:focus-visible {outline-offset: -3px;}
.strip__track figure {flex: 0 0 auto;width: clamp(210px,24vw,320px);margin: 0px;}
.strip__track img {width: 100%;height: clamp(280px,32vw,420px);object-fit: cover;border-radius: var(--radius-m);}
.room .head {margin-bottom: var(--space-m);}
.room .strip {padding-block-start: clamp(18px,2vw,28px);}
.pillar__media img {width: 100%;aspect-ratio: 4/3;object-fit: cover;}
.kit__group:not(:last-child)::before {content: "";position: absolute;left: 21px;top: 34px;bottom: -6px;width: 1px;background: linear-gradient(to bottom,var(--hair-2),var(--hair));}
@media (max-width: 640px) {
.kit__group:not(:last-child)::before {left: 15px;}
}
.kit__n::before {content: counter(kit,decimal-leading-zero);}
.kit__panel::before, .kit__panel::after {content: "";position: absolute;top: var(--space-xs);width: 6px;height: 6px;border: 1px solid var(--hair-2);border-radius: 50%;background: var(--deep);}
.kit__panel::before {left: var(--space-xs);}
.kit__panel::after {right: var(--space-xs);}
@media (max-width: 640px) {
.kit__panel::before, .kit__panel::after {display: none;}
}
.kit__h::before {content: "";flex: 0 0 auto;width: 6px;height: 6px;border-radius: 50%;background: var(--gold);}
.kit__list li {font-family: var(--font-mono);font-weight: 500;font-size: var(--step-sm);line-height: var(--lh-snug);color: var(--ink-1);padding: var(--space-3xs) var(--space-xs);background: var(--dark);border: 1px solid var(--hair);border-radius: var(--radius-xs);white-space: nowrap;}
.kit__note a {color: var(--link-ink);text-decoration: underline;text-underline-offset: 3px;}
.kit__group--open .kit__n {color: var(--ink-3);border-style: dashed;}
.kit__group--open .kit__panel {border-style: dashed;}
.bio::backdrop {background: color-mix(in srgb,var(--deep) 90%,#000);backdrop-filter: blur(10px);}
.bio[open] {display: grid;}
.bio > * {min-width: 0px;min-height: 0px;}
.bio__portrait img {width: 100%;height: 100%;object-fit: cover;object-position: center 22%;display: block;}
@media (max-width: 760px) {
.bio__portrait img {object-position: center 28%;}
}
.bio__panel > * {min-width: 0px;min-height: 0px;}
.bio__body p + p {margin-top: var(--space-m);}
.bio__body p {color: var(--ink-2);max-width: 62ch;}
.bio__btn:hover {background: var(--gold-wash);border-color: var(--gold);}
.bio__btn::before {content: "";width: 9px;height: 9px;border-right: 1.5px solid;border-bottom: 1.5px solid;}
.bio__btn.bio__prev::before {transform: rotate(135deg);margin-left: 3px;}
.bio__btn.bio__next::before {transform: rotate(-45deg);margin-right: 3px;}
.bio__btn.bio__close::before {width: 14px;height: 14px;border: 0px;background: linear-gradient(currentcolor,currentcolor) center center/14px 1.5px no-repeat,linear-gradient(currentcolor,currentcolor) center center/1.5px 14px no-repeat;transform: rotate(45deg);}
.bio__strip-list::-webkit-scrollbar {display: none;}
.bio__thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center 22%;display: block;}
.bio__thumb:hover {opacity: .85;transform: translateY(-2px);}
.bio__thumb[aria-current="true"] {opacity: 1;border-color: var(--gold);}
::view-transition-old(bio-portrait), ::view-transition-new(bio-portrait) {animation-duration: var(--dur-mid);animation-timing-function: var(--ease);}
::view-transition-old(bio-panel), ::view-transition-new(bio-panel) {animation-duration: var(--dur-fast);}
.person__more::after {content: "";width: 6px;height: 6px;border-right: 1.5px solid;border-bottom: 1.5px solid;transform: rotate(-45deg);transition: transform var(--dur-fast) var(--ease);}
.person__more:hover::after {transform: rotate(-45deg) translate(2px,2px);}
.pfilter__b:hover {border-color: var(--gold-line-2);color: var(--ink-1);}
.pfilter__b[aria-pressed="true"] {background: var(--gold);border-color: var(--gold);color: var(--ink);}
.pcard:hover {border-color: var(--gold-line-2);}
.pcard:has(a:focus-visible) {outline: 3px solid var(--gold);outline-offset: 3px;}
.pcard__media img {display: block;width: 100%;aspect-ratio: 3/2;object-fit: cover;transition: transform var(--dur-slow) var(--ease);}
.pcard:hover .pcard__media img {transform: scale(1.03);}
.pcard__t a {color: inherit;text-decoration: none;}
.pcard__t a::after {content: "";position: absolute;inset: 0px;border-radius: inherit;}
.pcard--soon:hover {border-color: var(--hair-2);}
.pcard--soon .pcard__t {color: var(--ink-2);}
.pcard--follow .pmeta__cat {color: var(--accent-ink);}
.pmeta li + li::before {content: "";display: inline-block;width: 1px;height: .8em;margin-right: var(--space-2xs);background: var(--hair-2);vertical-align: -1px;}
.pmeta .pmeta__cat {color: var(--accent-ink);}
.result:has(a:hover) {background: var(--fill-card);}
.result:has(a:focus-visible) {outline: 3px solid var(--gold);outline-offset: 2px;}
.result__t a {color: inherit;text-decoration: none;}
.result__t a::after {content: "";position: absolute;inset: 0px;}
.result__m b {font-weight: 600;color: var(--accent-ink);padding: 2px var(--space-2xs);border: 1px solid var(--gold-line-2);border-radius: var(--radius-pill);}
.pager__n svg, .pager__arrow svg {width: 14px;height: 14px;}
.pager__n[aria-current="page"] {color: var(--ink);background: var(--gold);font-weight: 600;}
.pager__n[aria-disabled="true"], .pager__arrow[aria-disabled="true"] {color: var(--ink-4);cursor: not-allowed;}
.quote::before {content: "“";display: block;margin-bottom: calc(var(--space-m) * -1);font-family: var(--font-display);font-size: 64px;line-height: .7;color: var(--gold);}
.pin-spacer + .sec {border-top: 1px solid var(--hair);}
.statement__q.is-armed .word {opacity: .3;}
.greviews:hover, .greviews:focus-visible {border-color: var(--hair-2);background: var(--fill-card);}
.hero--post .hero__veil {background: linear-gradient(to top,var(--dark) 0,color-mix(in srgb,var(--dark) 96%,transparent) 150px,color-mix(in srgb,var(--dark) 89%,transparent) 320px,color-mix(in srgb,var(--dark) 80%,transparent) 480px,color-mix(in srgb,var(--dark) 56%,transparent) 600px,color-mix(in srgb,var(--dark) 42%,transparent) 660px,transparent 100%);}
.hero--post.hero--post {min-height: 75vh;}
.article > * {max-width: var(--measure-prose);}
.article > p {margin-top: var(--space-m);font-size: var(--step-body);line-height: var(--lh-body);color: var(--ink-2);}
.article > p:first-of-type {font-size: var(--step-lede);color: var(--ink-1);margin-top: 0px;}
.article > h2 {margin-top: var(--space-2xl);margin-bottom: var(--space-s);font-family: var(--font-display);font-size: clamp(30px,3vw,38px);line-height: var(--lh-snug);color: var(--ink-1);scroll-margin-top: calc(var(--nav-h) + var(--space-l));}
.article > h3 {margin-top: var(--space-xl);margin-bottom: var(--space-xs);font-size: var(--step-lede);font-weight: 600;color: var(--ink-1);scroll-margin-top: calc(var(--nav-h) + var(--space-l));}
.article > ul, .article > ol {margin-top: var(--space-m);padding-left: 0px;list-style: none;}
.article > ul > li, .article > ol > li {position: relative;padding-left: var(--space-l);margin-top: var(--space-xs);font-size: var(--step-body);line-height: var(--lh-body);color: var(--ink-2);}
.article > ul > li::before {content: "";position: absolute;left: 4px;top: .62em;width: 6px;height: 6px;border: 1.5px solid var(--gold);border-radius: 50%;}
.article > ol {counter-reset: art 0;}
.article > ol > li {counter-increment: art 1;}
.article > ol > li::before {content: counter(art,decimal-leading-zero);position: absolute;left: 0px;top: .1em;font-family: var(--font-mono);font-size: var(--step-micro);font-weight: 600;color: var(--accent-ink);}
.article blockquote {margin-top: var(--space-xl);padding-left: var(--space-m);border-left: 2px solid var(--gold);font-family: var(--font-display);font-size: clamp(22px,2.4vw,30px);line-height: var(--lh-snug);color: var(--ink-1);}
.article > figure {max-width: none;margin-top: var(--space-xl);}
.article > figure img {width: 100%;border-radius: var(--radius-m);border: 1px solid var(--hair);}
.article > figure figcaption {margin-top: var(--space-2xs);font-size: var(--step-micro);color: var(--ink-3);}
.article > hr {max-width: none;margin-block: var(--space-2xl);border-right: 0px;border-bottom: 0px;border-left: 0px;border-image: none;border-top: 1px solid var(--hair);}
.article .article__rule {max-width: none;height: 1px;margin-block: var(--space-2xl);border: 0px;background: var(--hair);}
.article a:not(.btn) {color: var(--link-ink);text-decoration: underline;text-underline-offset: 3px;}
@media (max-width: 980px) {
.post .toc {position: static;order: -1;}
}
.toc__l a {display: block;padding: var(--space-2xs) var(--space-s);margin-left: -1px;color: var(--ink-3);text-decoration: none;border-left: 1px solid transparent;transition: color var(--dur-fast),border-color var(--dur-fast);}
.toc__l a:hover {color: var(--ink-1);}
.toc__l a.is-here {color: var(--accent-ink);border-left-color: var(--gold);}
.author__mark img {width: 34px;height: auto;}
.author__x a {color: var(--link-ink);text-decoration: underline;text-underline-offset: 3px;}
.route__go a {color: var(--link-ink);text-decoration: underline;text-underline-offset: 3px;padding-block: 5px;margin-block: -5px;}
.hire caption {text-align: left;}
.hire th, .hire td {padding: var(--space-xs) var(--space-2xs) var(--space-xs) 0;text-align: left;border-bottom: 1px solid var(--hair);vertical-align: baseline;}
.hire thead th {position: sticky;top: var(--nav-h);z-index: 1;background: var(--dark);font-size: var(--step-nano);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink-3);font-weight: 500;white-space: nowrap;}
.hire thead .rate {color: var(--ink-3);font-weight: 500;}
.hire tbody th {font-weight: 400;color: var(--ink-1);padding-right: var(--space-s);}
.hire .hire__sub {color: var(--ink-3);font-size: var(--step-micro);}
.hire .hire__sub::before {content: " · ";}
.hire .qty-col {width: 4.5em;font-family: var(--font-mono);font-variant-numeric: tabular-nums;font-size: var(--step-micro);color: var(--ink-3);white-space: nowrap;}
.hire .rate {width: 6.5em;text-align: right;padding-right: 0px;font-family: var(--font-mono);font-variant-numeric: tabular-nums;font-weight: 600;color: var(--accent-ink);white-space: nowrap;}
.hire tr[hidden] {display: none;}
.hire__filter .field {flex: 1 1 260px;margin: 0px;}
.hire__none a {text-decoration: underline;}
.hire__none[hidden] {display: none;}
.field__l i {font-style: normal;text-transform: none;letter-spacing: 0px;color: var(--ink-3);font-size: var(--step-micro);margin-left: var(--space-3xs);}
.field__c, .field select, .field textarea, .field input {width: 100%;min-height: var(--target);padding: var(--space-xs) var(--space-s);font-family: var(--font-mono);font-size: var(--step-body);color: var(--ink-1);background: var(--fill-input);border: 1px solid var(--hair-2);border-radius: var(--radius-s);transition: border-color var(--dur-fast),background var(--dur-fast);}
.field__c::placeholder, .field select::placeholder, .field textarea::placeholder, .field input::placeholder {color: var(--ink-4);}
.field__c:hover, .field select:hover, .field textarea:hover, .field input:hover {border-color: var(--gold-line-2);}
.field__c:focus-visible, .field select:focus-visible, .field textarea:focus-visible, .field input:focus-visible {border-color: var(--gold);background: var(--fill-input-focus);}
.field__c[aria-invalid="true"], .field select[aria-invalid="true"], .field textarea[aria-invalid="true"], .field input[aria-invalid="true"] {border-color: var(--warn);}
.field textarea {min-height: 150px;line-height: var(--lh-body);resize: vertical;}
.field select {appearance: none;padding-right: var(--space-2xl);background-image: linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position: calc(100% - 22px) calc(50% + 2px),calc(100% - 16px) calc(50% + 2px);background-size: 6px 6px,6px 6px;background-repeat: no-repeat;cursor: pointer;}
.field__err::before {content: "";flex: 0 0 auto;width: 13px;height: 13px;border: 1.5px solid;border-radius: 50%;background: linear-gradient(currentcolor,currentcolor) center 2.5px/1.5px 5px no-repeat,linear-gradient(currentcolor,currentcolor) center 9px/1.5px 1.5px no-repeat;}
.field:has([aria-invalid="true"]) .field__err {display: flex;}
.choice:hover {border-color: var(--gold-line-2);}
.choice:has(:checked) {border-color: var(--gold);background: var(--fill-gold);}
.choice input {flex: 0 0 auto;width: 20px;height: 20px;min-height: 0px;margin-top: 2px;padding: 0px;accent-color: var(--gold);cursor: pointer;}
.form__note--linked a {color: var(--link-ink);}
.form__note a {padding-block: 5px;margin-block: -5px;}
.form__msg:empty {display: none;}
.form__msg.form__msg:empty {display: none;}
.form__msg a {color: var(--link-ink);text-decoration: underline;}
.day:hover {border-color: var(--gold-line-2);}
.day input {position: absolute;inset: 0px;width: 100%;height: 100%;margin: 0px;opacity: 0;cursor: pointer;}
.day:has(:checked) {background: var(--gold);border-color: var(--gold);color: var(--ink);font-weight: 600;}
.day:has(:focus-visible) {outline: 2px solid var(--gold);outline-offset: 2px;}
.prod:hover {border-color: var(--gold-line-2);}
.prod:has(a:focus-visible) {outline: 3px solid var(--gold);outline-offset: 3px;}
.prod__media img {width: 100%;aspect-ratio: 4/3;object-fit: cover;}
.prod__n a {color: inherit;text-decoration: none;}
.prod__n a::after {content: "";position: absolute;inset: 0px;border-radius: inherit;}
.buy__cta .btn {width: 100%;}
.buy__pay strong {color: var(--ink-2);font-weight: 600;}
.line__media img {width: 100%;aspect-ratio: 1/1;object-fit: cover;}
.qty__b:hover {background: var(--gold-wash);}
.qty__b[disabled] {color: var(--ink-4);cursor: not-allowed;}
.qty__b:hover[disabled] {background: none;}
.qty__i::-webkit-inner-spin-button, .qty__i::-webkit-outer-spin-button {appearance: none;margin: 0px;}
.line__rm:hover {color: var(--warn);}
.sum__r b {font-family: var(--font-mono);font-variant-numeric: tabular-nums;font-weight: 500;color: var(--ink-1);}
.sum__r--off b {color: var(--accent-ink);}
.sum__t span {font-size: var(--step-label);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink-2);}
.sum__t b {font-family: var(--font-mono);font-variant-numeric: tabular-nums;font-size: clamp(26px,2.6vw,32px);font-weight: 600;color: var(--ink-1);}
.sum__hours span {font-size: var(--step-micro);color: var(--ink-2);}
.sum__hours b {font-family: var(--font-display);font-size: clamp(22px,2vw,28px);color: var(--accent-ink);}
.sum__cta .btn {width: 100%;}
.sum__note a {padding-block: 7px;margin-block: -7px;}
.coupon input {min-height: var(--target-min);}
.coupon .btn {flex: 0 0 auto;}
.flow li {display: flex;align-items: center;gap: var(--space-2xs);font-size: var(--step-micro);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink-4);counter-increment: flow 1;}
.flow li::before {content: counter(flow);display: grid;place-items: center;width: 22px;height: 22px;font-size: var(--step-nano);border: 1px solid;border-radius: 50%;}
.flow li:not(:last-child)::after {content: "";width: clamp(14px,4vw,40px);height: 1px;margin-inline: var(--space-2xs);background: var(--hair-2);}
.flow li.is-done {color: var(--ink-2);}
.flow li.is-done::before {color: var(--accent-ink);border-color: var(--gold);}
.flow li[aria-current="step"] {color: var(--accent-ink);font-weight: 600;}
.flow a {color: inherit;text-decoration: none;padding-block: 5px;margin-block: -5px;}
.flow a:hover {text-decoration: underline;text-underline-offset: 3px;}
.done__mark::before {content: "";width: 26px;height: 14px;border-left: 2px solid var(--gold);border-bottom: 2px solid var(--gold);transform: rotate(-45deg) translate(2px,-3px);}
.empty p {max-width: 44ch;color: var(--ink-3);}
.acct__nav a {display: flex;align-items: center;min-height: var(--target-min);padding: var(--space-2xs) var(--space-s);font-size: var(--step-meta);letter-spacing: var(--track-mid);text-transform: uppercase;white-space: nowrap;color: var(--ink-3);text-decoration: none;border-left: 2px solid transparent;transition: color var(--dur-fast),background var(--dur-fast);}
.acct__nav a:hover {color: var(--ink-1);background: var(--fill-card);}
.acct__nav a[aria-current="page"] {color: var(--accent-ink);border-left-color: var(--gold);background: var(--fill-gold);}
@media (max-width: 900px) {
.acct__nav a {border-left: 0px;border-bottom: 2px solid transparent;border-radius: var(--radius-s);}
}
@media (max-width: 900px) {
.acct__nav a[aria-current="page"] {border-bottom-color: var(--gold);}
}
.bal--zero .bal__n {color: var(--ink-3);}
.signin__card .form {margin-top: var(--space-l);}
.signin__row a {font-size: var(--step-meta);color: var(--link-ink);text-decoration: underline;text-underline-offset: 3px;padding-block: 5px;margin-block: -5px;}
.signin__check input {width: 18px;height: 18px;min-height: 0px;padding: 0px;accent-color: var(--gold);}
.panel__h h2 {font-family: var(--font-display);font-size: clamp(24px,2.4vw,30px);color: var(--ink-1);}
.panel__h a {font-size: var(--step-meta);color: var(--link-ink);text-decoration: underline;text-underline-offset: 3px;padding-block: 5px;margin-block: -5px;}
.dt caption {text-align: left;}
.dt th, .dt td {padding: var(--space-xs) var(--space-s) var(--space-xs) 0;text-align: left;border-bottom: 1px solid var(--hair);vertical-align: top;}
.dt thead th {font-size: var(--step-nano);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink-3);font-weight: 500;white-space: nowrap;}
.dt tbody th {font-weight: 500;color: var(--ink-1);}
.dt td {color: var(--ink-2);}
.dt .num {font-family: var(--font-mono);font-variant-numeric: tabular-nums;text-align: right;padding-right: 0px;white-space: nowrap;}
.dt .dt__cr {color: var(--ok-ink);}
.dt .dt__db {color: var(--ink-2);}
.bk:last-child {border-bottom: 0px;padding-bottom: 0px;}
.bk__d b {font-family: var(--font-display);font-size: clamp(24px,2.4vw,30px);line-height: 1;color: var(--accent-ink);}
.bk__d span {font-size: var(--step-nano);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink-3);}
.paywith__bal span {font-size: var(--step-micro);color: var(--ink-2);}
.paywith__bal b {font-family: var(--font-display);font-size: clamp(22px,2vw,28px);color: var(--accent-ink);}
.paper .phead--hero {background: var(--dark);color: var(--ink-1);--ink-1: #fff;--accent-ink: var(--gold);--kicker-ink: var(--gold);--hair: var(--gold-line);--link-ink: var(--gold);}
.paper .phead--hero .head::before, .paper .phead--hero .head::after {content: none;}
.plugin__group + .plugin__group {margin-top: var(--space-m);}
.bal__stat dt {font-size: var(--step-label);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink-2);}
.bal__stat dd {margin: var(--space-2xs) 0 0;font-family: var(--font-mono);font-variant-numeric: tabular-nums;font-size: clamp(28px,3vw,38px);font-weight: 600;color: var(--accent-ink);}
.plugin__step i {display: grid;place-items: center;width: 22px;height: 22px;flex: 0 0 auto;font-style: normal;font-size: var(--step-nano);border: 1px solid;border-radius: 50%;}
.plugin__step.is-here {color: var(--accent-ink);border-left-color: var(--gold);background: var(--fill-gold);}
.plugin__svcs li {display: grid;gap: 2px;padding: var(--space-s);border: 1px solid var(--hair);border-radius: var(--radius-s);}
.plugin__svcs b {font-family: var(--font-display);font-size: clamp(22px,1.6vw,24px);font-weight: 400;line-height: var(--lh-snug);color: var(--ink-1);}
.plugin__svcs span {font-variant-numeric: tabular-nums;font-size: var(--step-micro);color: var(--ink-3);}
.plugin__svcs li.is-bad {border-style: dashed;border-color: var(--warn);}
.plugin__svcs em {margin-top: var(--space-3xs);font-style: normal;font-size: var(--step-nano);line-height: var(--lh-body);color: var(--warn);}
.plugin__note strong {color: var(--ink-2);font-weight: 600;}
body .fct-cart-drawer-open-btn {position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);pointer-events: none;}
.wz__step::before {counter-increment: wz 1;content: counter(wz);display: grid;place-items: center;flex: 0 0 auto;width: 24px;height: 24px;font-size: var(--step-nano);font-weight: 600;border: 1px solid;border-radius: 50%;}
.wz__step--here::before {border-color: currentcolor;}
.wz__step--done::before {color: var(--paper-surface,#fcfbf7);background: var(--ok-ink);border-color: var(--ok-ink);}
.wz__panel + .wz__panel {margin-top: var(--space-xl);}
.wz__h b {font-weight: 400;letter-spacing: 0px;text-transform: none;font-size: var(--step-meta);color: var(--ink-2);}
@media (max-width: 560px) {
.wz__foot .btn {width: 100%;}
}
.wz__card:hover {border-color: var(--hair-2);}
.wz__card[aria-pressed="true"] {border-color: var(--ink-1);background: var(--gold-wash);}
.wz__card-m b {font-weight: 600;color: var(--ink-2);}
.wz__month b {font-family: var(--font-display);font-size: clamp(22px,2vw,26px);font-weight: 400;color: var(--ink-1);}
.wz__days > li {font-family: var(--font-mono);font-variant-numeric: tabular-nums;font-size: var(--step-micro);}
.wz__day:hover {background: var(--gold-wash);color: var(--ink-1);}
.wz__day[aria-disabled="true"] {color: var(--ink-4);cursor: not-allowed;}
.wz__day[aria-disabled="true"]:hover {background: none;color: var(--ink-4);}
.wz__day[aria-pressed="true"] {color: var(--paper-surface,#fcfbf7);background: var(--ink-1);font-weight: 600;}
.wz__slot:hover {border-color: var(--hair-2);color: var(--ink-1);}
.wz__slot[aria-pressed="true"] {color: var(--paper-surface,#fcfbf7);background: var(--ink-1);border-color: var(--ink-1);font-weight: 600;}
.wz__slot[aria-disabled="true"] {color: var(--ink-4);border-style: dashed;text-decoration: line-through;cursor: not-allowed;}
.wz__slot[aria-disabled="true"]:hover {border-color: var(--hair);color: var(--ink-4);}
.wz__row span {color: var(--ink-3);}
.wz__row b {font-weight: 500;color: var(--ink-1);text-align: right;}
.wz__row--total b {font-family: var(--font-mono);font-variant-numeric: tabular-nums;font-size: var(--step-lede);font-weight: 600;}
.wz__row--hours b {color: var(--ok-ink);}
body.is-mapped [data-bpa] {position: relative;outline: 1px dashed var(--ok-ink);outline-offset: 2px;}
body.is-mapped [data-bpa] [data-bpa]::after {right: auto;left: 0px;border-radius: 0px 0px 4px;}
body.is-mapped [data-bpa]::after {content: attr(data-bpa);position: absolute;top: 0px;right: 0px;z-index: 3;padding: 1px 5px;font-family: var(--font-mono);font-size: 9px;line-height: 1.5;white-space: nowrap;color: var(--paper-surface,#fcfbf7);background: var(--ok-ink);border-radius: 0px 0px 0px 4px;pointer-events: none;}
[hidden] {display: none;}
.skip:focus {left: var(--space-xs);top: var(--space-xs);}
#main:focus {outline: none;}
@media (prefers-reduced-motion: reduce) {
*, ::before, ::after {animation-duration: .001ms;animation-iteration-count: 1;transition-duration: .001ms;}
}
@media (prefers-reduced-motion: reduce) {
.strip {overflow-x: auto;}
}
@media (prefers-reduced-motion: reduce) {
.strip__track {width: auto;}
}
a.person__link {color: var(--link-ink);text-decoration: underline;text-underline-offset: 3px;}
.person__link.person__link {display: block;padding-block: 5px;margin-block: -5px auto;}
.btn--ghost.btn--ghost {border-color: var(--btn-ghost-line);}
.btn--ghost.btn--ghost:hover {border-color: var(--btn-ghost-hover-line);}
.person__more.person__more {font-family: inherit;padding: 1px 6px;}
.author__mark.author__mark {place-items: center;}
.nav__disc.nav__disc {place-items: center;}
.step__node.step__node {place-items: center;}
.kit__n.kit__n {place-items: center;}
.pager__arrow.pager__arrow {place-items: center;}
.pager__n.pager__n {place-items: center;}
.rail-nav__b.rail-nav__b {place-items: center;}
.kit__h.kit__h {line-height: var(--lh-body);}
.lbl.lbl {line-height: var(--lh-body);}
.vh.vh {line-height: var(--lh-body);}
input:focus-visible, select:focus-visible, textarea:focus-visible {outline: 3px solid var(--gold);outline-offset: 3px;}
.article > .brxe-text-basic:has(> blockquote), .article > .brxe-text-basic:has(> .article__rule) {max-width: none;}
.article blockquote {max-width: 68ch;}
[hidden] {display: none !important;}
[inert] {pointer-events: none !important;}
.sec--flush-top.sec--flush-top {
  padding-top: 0px;
}
.sec--deep.sec--deep {
  background: var(--deep);
}
.sec--panel.sec--panel {
  background: var(--panel);
}
.sec--light.sec--light {
  background: color-mix(in srgb, var(--dark) 34%, transparent);
  color: var(--ink-1);
  --hair: var(--hair-light);
  --warn: #ffe0d9;
  --btn-ghost-ink: var(--ink-1);
  --btn-ghost-hover-line: var(--ink-1);
}
.crumb.crumb {
  margin-bottom: var(--space-l);
}
.paper.paper {
  --paper-bg: #f4f1e9;
  --paper-surface: #fcfbf7;
  --paper-sunken: #eae6d9;
  background: var(--paper-bg);
  color: var(--ink-1);
  --ink-1: #1f3329;
  --ink-2: #4a5c51;
  --ink-3: #5e6e64;
  --ink-4: #7d8a82;
  --accent-ink: #1f3329;
  --kicker-ink: #5e6e64;
  --ok-ink: #2f6b45;
  --warn: #9b2c2c;
  --hair: #dcd6c6;
  --hair-2: #c6bea9;
  --rule-line: #c6bea9;
  --node-ring: #1f3329;
  --fill-card: var(--paper-surface);
  --fill-gold: #f7efcf;
  --gold-wash: #f7efcf;
  --gold-line-2: #e3d9ae;
  --fill-input: var(--paper-surface);
  --fill-input-focus: #ffffff;
  --link-ink: #2a5c3c;
  --fill-highlight: var(--paper-surface);
  --line-highlight: #1f3329;
  --btn-ghost-line: #c6bea9;
  --btn-ghost-ink: #1f3329;
  --btn-ghost-hover-line: #1f3329;
  --btn-ghost-hover-bg: transparent;
}
.h1--hero.h1--hero {
  font-size: var(--step-hero);
  letter-spacing: -0.02em;
}
.h2.h2 {
  font-family: var(--font-display);
  font-size: var(--step-1);
  line-height: var(--lh-tight);
  letter-spacing: -0.01em;
}
.h3.h3 {
  font-family: var(--font-display);
  font-size: var(--step-2);
  line-height: 1;
  margin-bottom: var(--space-s);
}
.title-sm.title-sm {
  font-family: var(--font-mono);
  font-weight: 600;
  letter-spacing: 0.005em;
  line-height: var(--lh-snug);
  color: var(--accent-ink);
}
.h4.h4 {
  font-family: var(--font-mono);
  font-weight: 600;
  letter-spacing: 0.005em;
  line-height: var(--lh-head);
  color: var(--accent-ink);
  font-size: var(--step-3);
}
.pull.pull {
  max-width: 30ch;
  margin: var(--space-3xl) auto 0;
  padding-top: var(--space-2xl);
  border-top: 1px solid var(--hair);
  text-align: center;
  font-family: var(--font-display);
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: var(--lh-tight);
  letter-spacing: -0.01em;
  color: var(--accent-ink);
}
.price.price {
  font-family: var(--font-price);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  line-height: 1;
  color: var(--accent-ink);
}
.kicker.kicker {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin-bottom: var(--space-m);
  font-size: var(--step-label);
  letter-spacing: var(--track-wide);
  text-transform: uppercase;
  color: var(--kicker-ink);
}
.kicker--onImage.kicker--onImage {
  text-shadow: var(--shadow-on-image);
}
.lede.lede {
  font-size: var(--step-lede);
  color: var(--ink-2);
  max-width: 52ch;
}
.placeholder.placeholder {
  display: block;
  padding: var(--space-xs) var(--space-s);
  border: 1px dashed var(--gold-line-2);
  border-radius: var(--radius-s);
  background: repeating-linear-gradient(
    -45deg,
    transparent 0 6px,
    var(--gold-wash) 6px 12px);
  font-size: var(--step-meta);
  line-height: var(--lh-snug);
  color: var(--ink-3);
}
.is-draft.is-draft {
  border-left: 2px solid var(--gold-line-2);
  padding-left: var(--space-s);
}
.draftbar.draftbar {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-2xs) var(--space-s);
  max-width: var(--measure);
  margin: 0px auto;
  padding: var(--space-xs) var(--gutter);
  background: var(--fill-gold);
  border-bottom: 1px solid var(--hair-2);
  font-size: var(--step-meta);
  color: var(--ink-2);
}
.btn.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs);
  min-height: var(--target);
  padding: var(--space-xs) var(--space-m);
  border: 1px solid transparent;
  border-radius: var(--radius-s);
  font-family: var(--font-mono);
  font-size: var(--step-sm);
  font-weight: 600;
  letter-spacing: var(--track-tight);
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--dur-fast) var(--ease),
    background var(--dur-fast),
    border-color var(--dur-fast);
}
.btn--gold.btn--gold {
  background: var(--gold);
  color: var(--ink);
}
.btn--ghost.btn--ghost {
  border-color: var(--btn-ghost-line);
  color: var(--btn-ghost-ink);
}
.btn--block.btn--block {
  width: 100%;
}
.ticks.ticks {
  display: grid;
  gap: var(--space-xs);
  margin: var(--space-m) 0 var(--space-l);
  padding: 0px;
  list-style: none;
}
.nav.nav {
  position: fixed;
  inset: 0px 0px auto;
  z-index: var(--z-nav);
  transition: background var(--dur-mid),
    border-color var(--dur-mid),
    transform var(--dur-mid) var(--ease);
}
.nav--solid.nav--solid {
  background: var(--nav-bg);
  backdrop-filter: blur(var(--blur-chrome));
  border-bottom: 1px solid var(--hair);
}
.nav__in.nav__in {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: var(--space-m);
  height: var(--nav-h);
  max-width: none;
  padding: 0px 32px;
}
.nav__logo.nav__logo {
  display: flex;
  align-items: center;
  justify-self: start;
  min-height: var(--target);
}
.nav__links.nav__links {
  justify-self: center;
  display: flex;
  align-items: stretch;
  gap: clamp(18px, 1.5vw, 28px);
  height: 100%;
}
.nav__item.nav__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
}
.nav__disc.nav__disc {
  display: grid;
  place-items: center;
  width: 28px;
  height: var(--target-min);
  color: var(--gold);
  cursor: pointer;
}
.nav__sub.nav__sub {
  position: absolute;
  top: 100%;
  left: calc(var(--space-s) * -1);
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-width: 300px;
  padding: var(--space-2xs) 0;
  background: var(--menu-bg);
  backdrop-filter: blur(var(--blur-chrome));
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
  visibility: hidden;
  transition: opacity   var(--dur-fast) var(--ease),
    transform var(--dur-fast) var(--ease),
    visibility 0s linear var(--dur-fast);
}
.nav__burger.nav__burger {
  display: none;
  width: var(--target);
  height: var(--target);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-s);
  cursor: pointer;
}
.nav__panel.nav__panel {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--space-2xs) var(--gutter) var(--space-m);
  background: var(--menu-bg);
  backdrop-filter: blur(var(--blur-chrome));
  border-bottom: 1px solid var(--hair);
  max-height: calc(100svh - var(--nav-h));
  overflow-y: auto;
  overscroll-behavior: contain;
}
.nav__panel-sub.nav__panel-sub {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-left: var(--space-2xs);
  padding-left: var(--space-s);
  border-left: 1px solid var(--hair-2);
}
.nav__end.nav__end {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: var(--space-2xs);
}
.nav__icon.nav__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--target-min);
  min-height: var(--target-min);
  padding: 0px;
  border: 0px;
  background: none;
  color: var(--ink-2);
  cursor: pointer;
  transition: color var(--dur-fast) var(--ease);
}
.nav__cart.nav__cart {
  position: relative;
}
.nav__cart-n.nav__cart-n {
  position: absolute;
  top: 4px;
  right: 2px;
  min-width: 16px;
  padding: 0px 4px;
  border-radius: var(--radius-pill);
  background: var(--gold);
  color: var(--ink);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
}
.rail.rail {
  position: sticky;
  top: var(--nav-h);
  z-index: var(--z-rail);
  background: var(--rail-bg);
  backdrop-filter: blur(var(--blur-chrome));
  border-block: 1px solid var(--hair);
  transition: transform var(--dur-mid) var(--ease);
}
.foot.foot {
  background: var(--deep);
  border-top: 1px solid var(--hair);
  padding-top: clamp(52px, 6vw, 84px);
}
.foot__in.foot__in {
  --cols-md: 2;
  --cols-sm: 1;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: var(--space-l);
}
.foot__h.foot__h {
  margin-bottom: var(--space-s);
  font-family: var(--font-mono);
  font-size: var(--step-micro);
  line-height: var(--lh-body);
  letter-spacing: var(--track-wide);
  text-transform: uppercase;
  color: var(--gold);
}
.foot__addr.foot__addr {
  margin-top: var(--space-s);
  font-size: var(--step-sm);
  line-height: var(--lh-relaxed);
  color: var(--ink-3);
}
.foot__social.foot__social {
  display: flex;
  gap: var(--space-2xs);
  margin: var(--space-s) 0 0;
  padding: 0px;
  list-style: none;
}
.foot__c.foot__c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-s);
  max-width: var(--measure);
  margin: var(--space-3xl) auto 0;
  padding: var(--space-s) var(--gutter);
  border-top: 1px solid var(--hair);
  font-size: var(--step-label);
  color: var(--ink-3);
}
.foot__by.foot__by {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  min-height: var(--target-min);
  color: var(--ink-3);
  text-decoration: none;
  transition: color var(--dur-fast);
}
.toast.toast {
  position: fixed;
  left: 50%;
  bottom: var(--space-m);
  z-index: var(--z-toast);
  padding: var(--space-s) var(--space-m);
  background: var(--gold);
  color: var(--ink);
  border-radius: var(--radius-s);
  font-size: var(--step-meta);
  font-weight: 600;
  letter-spacing: var(--track-tight);
  visibility: hidden;
  transition: transform var(--dur-mid) var(--ease),
    opacity var(--dur-mid),
    visibility var(--dur-mid);
}
.hero.hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 100svh;
  padding-bottom: clamp(56px, 8vh, 104px);
  overflow: hidden;
  background: var(--dark);
}
.hero--short.hero--short {
  --hero-min: min(58svh, 560px);
  min-height: var(--hero-min);
  padding-top: calc(var(--nav-h) + var(--space-l));
}
.hero__img.hero__img {
  position: absolute;
  inset: 0px;
  z-index: var(--z-base);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__video.hero__video {
  position: absolute;
  inset: 0px;
  z-index: var(--z-base);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__veil.hero__veil {
  position: absolute;
  inset: 0px;
  z-index: 1;
  background: linear-gradient(to top,
    var(--dark)                                        0%,
    color-mix(in srgb, var(--dark) 94%, transparent)  16%,
    color-mix(in srgb, var(--dark) 74%, transparent)  40%,
    color-mix(in srgb, var(--dark) 44%, transparent)  66%,
    color-mix(in srgb, var(--dark) 18%, transparent)  86%,
    transparent                                      100%);
}
.hero__in.hero__in {
  position: relative;
  z-index: var(--z-raised);
  width: 100%;
  max-width: var(--measure);
  margin-inline: auto;
  padding-inline: 32px;
}
.hero__t.hero__t {
  font-family: var(--font-display);
  font-size: var(--step-hero);
  line-height: 0.86;
  letter-spacing: -0.02em;
  margin-bottom: var(--space-2xs);
}
.hero__sub.hero__sub {
  font-family: var(--font-display);
  font-size: clamp(30px, 3.2vw, 44px);
  line-height: 1.1;
  color: var(--ink-1);
  margin-bottom: var(--space-m);
}
.hero__lede.hero__lede {
  font-size: clamp(15px, 1.3vw, 18px);
  color: var(--ink-2);
  max-width: 46ch;
  margin-bottom: var(--space-l);
  text-shadow: var(--shadow-on-image-soft);
}
.hero__cta.hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s);
}
.hero__scroll.hero__scroll {
  position: absolute;
  right: var(--gutter);
  bottom: clamp(56px, 8vh, 104px);
  z-index: var(--z-raised);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-s);
  min-height: var(--target);
  min-width: var(--target);
  font-size: var(--step-micro);
  letter-spacing: var(--track-wide);
  text-transform: uppercase;
  color: var(--gold);
  text-decoration: none;
}
.hero__scroll-txt.hero__scroll-txt {
  writing-mode: vertical-rl;
}
.hero__scroll-line.hero__scroll-line {
  position: relative;
  width: 1px;
  height: 64px;
  overflow: hidden;
  background: color-mix(in srgb, var(--gold) 25%, transparent);
}
.split.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 5vw, 88px);
  align-items: center;
}
.split__media.split__media {
  --media-ratio: 4 / 5;
}
.split__media--portrait.split__media--portrait {
  --media-ratio: 3 / 4;
}
.spec.spec {
  margin: var(--space-l) 0 0;
  padding: 0px;
  list-style: none;
  border-top: 1px solid var(--hair);
}
.gallery.gallery {
  margin: 0px;
  display: grid;
  gap: var(--space-2xs);
}
.gallery__lead.gallery__lead {
  display: block;
  width: 100%;
  padding: 0px;
  overflow: hidden;
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
  background: none;
  cursor: pointer;
}
.gallery__thumb.gallery__thumb {
  display: block;
  width: 100%;
  padding: 0px;
  overflow: hidden;
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
  background: none;
  cursor: pointer;
}
.gallery__thumbs.gallery__thumbs {
  display: grid;
  grid-template-columns: repeat(var(--cols, 4), 1fr);
  gap: var(--space-2xs);
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.gallery__more.gallery__more {
  position: relative;
}
.rules__media.rules__media {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-2xs);
  margin-bottom: var(--space-l);
}
.rules__frame.rules__frame {
  display: block;
  overflow: hidden;
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
}
.lightbox.lightbox {
  position: fixed;
  inset: 0px;
  margin: auto;
  width: min(92vw, 1200px);
  max-width: none;
  max-height: 92vh;
  padding: 0px;
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-m);
  background: var(--deep);
  color: var(--ink-2);
  overflow: visible;
  transition: opacity var(--dur-mid) var(--ease), overlay var(--dur-mid) allow-discrete, display var(--dur-mid) allow-discrete;
}
.lightbox__cap.lightbox__cap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-m);
  padding-inline: var(--space-2xs);
  font-size: var(--step-meta);
  color: var(--ink-3);
}
.lightbox__count.lightbox__count {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--track-label);
  color: var(--accent-ink);
}
.lightbox__btn.lightbox__btn {
  position: absolute;
  z-index: 1;
  display: grid;
  place-items: center;
  width: var(--target);
  height: var(--target);
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-round);
  background: var(--deep);
  color: var(--accent-ink);
  cursor: pointer;
  transition: background var(--dur-fast), border-color var(--dur-fast);
}
.lightbox__prev.lightbox__prev {
  left: calc(var(--target) / -2);
  top: 50%;
  transform: translateY(-50%);
}
.lightbox__next.lightbox__next {
  right: calc(var(--target) / -2);
  top: 50%;
  transform: translateY(-50%);
}
.lightbox__close.lightbox__close {
  right: calc(var(--target) / -2);
  top: calc(var(--target) / -2);
}
.svc.svc {
  --cols: 4;
  --cols-md: 2;
  --cols-sm: 1;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  grid-auto-rows: 1fr;
  gap: var(--space-s);
}
.svc__item--lead.svc__item--lead {
  grid-area: span 2 / span 2;
}
.svc__item.svc__item {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
  transition: transform var(--dur-mid) var(--ease), border-color var(--dur-mid);
  aspect-ratio: 4 / 3;
}
.svc__media.svc__media {
  position: absolute;
  inset: 0px;
  z-index: -1;
}
.svc__veil.svc__veil {
  position: absolute;
  inset: 0px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(to top,
    var(--dark)                                        0,
    color-mix(in srgb, var(--dark) 88%, transparent)  55px,
    color-mix(in srgb, var(--dark) 66%, transparent) 100px,
    color-mix(in srgb, var(--dark) 32%, transparent) 150px,
    transparent                                      210px);
}
.svc__body.svc__body {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2xs);
  padding: var(--space-m) var(--space-s) var(--space-s);
}
.svc__t.svc__t {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: var(--lh-snug);
  color: var(--ink-1);
  text-shadow: var(--shadow-on-image);
}
.svc__go.svc__go {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  font-size: var(--step-micro);
  letter-spacing: var(--track-mid);
  text-transform: uppercase;
  color: var(--accent-ink);
  text-shadow: var(--shadow-on-image-soft);
}
.deck.deck {
  position: relative;
  --deck-top: calc(var(--nav-h) + var(--space-s));
  --deck-step: 9px;
}
.deck__slot.deck__slot {
  position: sticky;
  top: calc(var(--deck-top) + var(--i) * var(--deck-step));
  z-index: calc(var(--i) + 1);
  list-style: none;
  padding-bottom: clamp(64px, 10vh, 128px);
}
.deck__card.deck__card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr);
  min-height: clamp(500px, 76vh, 760px);
  overflow: hidden;
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
  background: color-mix(in srgb, var(--panel), #ffffff calc(var(--i) * 3%));
  box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset, rgba(6, 14, 10, 0.9) 0px 26px 64px -28px;
  transform: scale(var(--recede, 1));
  transform-origin: 50% 0px;
  will-change: transform;
}
.deck__body.deck__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-s);
  padding: clamp(28px, 3.4vw, 58px);
}
.deck__no.deck__no {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  font-family: var(--font-mono);
  font-size: var(--step-label);
  letter-spacing: var(--track-wide);
  text-transform: uppercase;
  color: var(--ink-4);
  align-self: stretch;
}
.deck__t.deck__t {
  margin-top: auto;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(30px, 3.2vw, 44px);
  line-height: var(--lh-head);
  letter-spacing: 0.01em;
  color: var(--ink-1);
  text-wrap: balance;
}
.deck__p.deck__p {
  max-width: 44ch;
  font-size: var(--step-lede);
  line-height: var(--lh-body);
  color: var(--ink-3);
}
.deck__foot.deck__foot {
  display: flex;
  align-items: baseline;
  margin-top: auto;
  padding-top: var(--space-s);
}
.deck__go.deck__go {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  font-size: var(--step-sm);
  letter-spacing: var(--track-mid);
  text-transform: uppercase;
  color: var(--accent-ink);
}
.deck__media.deck__media {
  position: relative;
  overflow: hidden;
}
.ways.ways {
  --cols: 2;
  --cols-sm: 1;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--space-s);
  align-items: stretch;
}
.way.way {
  display: flex;
  flex-direction: column;
  padding: var(--space-l) var(--space-m);
  overflow: hidden;
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
}
.way__media.way__media {
  margin: calc(var(--space-l) * -1) calc(var(--space-m) * -1) var(--space-l);
  align-self: stretch;
}
.way__k.way__k {
  align-self: flex-start;
  margin-bottom: var(--space-s);
  padding: var(--space-3xs) var(--space-2xs);
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-pill);
  font-size: var(--step-nano);
  font-weight: 600;
  letter-spacing: var(--track-mid);
  text-transform: uppercase;
  color: var(--accent-ink);
}
.way__p.way__p {
  margin-top: var(--space-2xs);
  font-size: var(--step-body);
  color: var(--ink-3);
}
.ways__else.ways__else {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-m);
  margin-top: var(--space-2xs);
  padding: var(--space-m);
  border: 1px dashed var(--hair-2);
  border-radius: var(--radius-l);
}
.ways__mail.ways__mail {
  margin-top: var(--space-2xs);
  color: var(--ink-3);
}
.team.team {
  --cols: 3;
  --cols-md: 2;
  --cols-sm: 1;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--space-m);
}
.team--four.team--four {
  --cols: 4;
}
.lbl.lbl {
  margin-bottom: var(--space-m);
  font-size: var(--step-label);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--accent-ink);
}
.person.person {
  display: flex;
  flex-direction: column;
  padding: var(--space-s);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
  overflow: hidden;
  transition: transform var(--dur-fast) var(--ease), border-color var(--dur-fast);
}
.person__media.person__media {
  aspect-ratio: 3 / 4;
  margin: calc(var(--space-s) * -1) calc(var(--space-s) * -1) var(--space-s);
  overflow: hidden;
  width: calc(100% + var(--space-s) * 2);
  max-width: none;
}
.person__a.person__a {
  font-family: var(--font-display);
  font-size: clamp(30px, 2.6vw, 38px);
  line-height: 1;
  color: var(--accent-ink);
}
.person__n.person__n {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: var(--lh-snug);
  letter-spacing: 0.01em;
  color: var(--ink-2);
  margin-block: var(--space-3xs) var(--space-2xs);
}
.person__roles.person__roles {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  margin: 0 0 var(--space-s);
  padding: 0px;
  list-style: none;
}
.person__x.person__x {
  margin-bottom: var(--space-s);
  font-size: var(--step-meta);
  line-height: var(--lh-body);
  color: var(--ink-2);
}
.person__more.person__more {
  margin-top: auto;
  align-self: start;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  min-height: var(--target-min);
  font-size: var(--step-meta);
  color: var(--link-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.person__link.person__link {
  margin-top: auto;
  padding-block: 5px;
  margin-block: -5px auto;
  font-size: var(--step-meta);
  color: var(--link-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rail-nav.rail-nav {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2xs);
  margin-bottom: var(--space-s);
}
.rail-nav__b.rail-nav__b {
  display: grid;
  place-items: center;
  width: var(--target);
  height: var(--target);
  padding: 0px;
  background: transparent;
  color: var(--accent-ink);
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-round);
  cursor: pointer;
  transition: border-color var(--dur-fast), background var(--dur-fast), opacity var(--dur-fast);
}
.desk__strip.desk__strip {
  --cols: 4;
  --cols-md: 2;
  --cols-sm: 1;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: 1px;
  background: var(--hair);
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
  overflow: hidden;
}
.ch.ch {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-s);
  min-height: 190px;
  padding: var(--space-m) var(--space-s);
  background: var(--dark);
  border: 0px;
  cursor: pointer;
  font-family: var(--font-mono);
  color: var(--ink-3);
  text-align: left;
  transition: background var(--dur-mid) var(--ease), color var(--dur-mid);
}
.ch__n.ch__n {
  font-size: var(--step-micro);
  letter-spacing: var(--track-wide);
  color: var(--accent-ink);
  opacity: 0.8;
}
.ch__name.ch__name {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: var(--lh-snug);
  letter-spacing: 0.005em;
  color: var(--accent-ink);
}
.ch__meta.ch__meta {
  margin-top: auto;
  font-size: var(--step-micro);
  letter-spacing: var(--track-mid);
  text-transform: uppercase;
}
.ch__fader.ch__fader {
  position: relative;
  width: 100%;
  height: 3px;
  background: color-mix(in srgb, var(--gold) 20%, transparent);
  border-radius: var(--radius-pill);
}
.desk__panels.desk__panels {
  margin-top: var(--space-l);
}
.pan.pan {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
  animation: fade var(--dur-mid) var(--ease);
}
.pan__media.pan__media {
  aspect-ratio: 4 / 3;
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
  overflow: hidden;
}
.steps.steps {
  --rail: 22px;
  --rail-gap: var(--space-m);
  --steps-gap: var(--space-xl);
  --num-size: clamp(38px, 3.2vw, 50px);
  --node-drop: calc(var(--num-size) * .47 - var(--rail) / 2);
  max-width: calc(var(--rail) + var(--rail-gap) + 75ch);
  --sig-x: calc(var(--rail) / 2 - 1px);
  position: relative;
  display: grid;
  gap: var(--steps-gap);
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.step.step {
  position: relative;
  display: grid;
  grid-template-columns: var(--rail) auto minmax(0, 1fr);
  column-gap: var(--rail-gap);
  align-items: baseline;
}
.step__node.step__node {
  grid-area: 1 / 1;
  align-self: start;
  margin-top: var(--node-drop);
  position: relative;
  display: grid;
  place-items: center;
  width: var(--rail);
  height: var(--rail);
  border-radius: var(--radius-round);
  background: var(--socket-face);
  border: 1px solid var(--node-ring);
  transition: border-color var(--dur-mid), box-shadow var(--dur-mid);
}
.sig__live.sig__live {
  position: absolute;
  left: var(--sig-x);
  width: 2px;
  border-radius: 1px;
  background: var(--cable-live);
  transform-origin: center top;
  transform: scaleY(0);
  pointer-events: none;
}
.sig__pulse.sig__pulse {
  position: absolute;
  top: 0px;
  left: calc(var(--sig-x) - 2px);
  width: 6px;
  border-radius: 3px;
  pointer-events: none;
  transition: opacity var(--dur-fast);
  background: linear-gradient(to top,
    color-mix(in srgb, var(--gold) 90%, transparent) 0%,
    color-mix(in srgb, var(--gold) 30%, transparent) 55%,
    transparent 100%);
  filter: blur(1px);
}
.step__n.step__n {
  grid-area: 1 / 2;
  display: block;
  font-family: var(--font-display);
  font-size: var(--num-size);
  line-height: 1;
  color: var(--accent-ink);
  opacity: 0.9;
  margin-block: -.12em var(--space-2xs);
}
.steps__note.steps__note {
  font-size: var(--step-body);
  color: var(--ink-2);
  max-width: 52ch;
}
.planner.planner {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: clamp(32px, 4vw, 64px);
  align-items: stretch;
}
.planner__control.planner__control {
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
  padding: clamp(24px, 3vw, 38px);
}
.planner__label.planner__label {
  display: block;
  margin-bottom: var(--space-2xs);
  font-size: var(--step-label);
  letter-spacing: var(--track-wide);
  text-transform: uppercase;
  color: var(--accent-ink);
}
.planner__out.planner__out {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1;
  color: var(--accent-ink);
  margin-bottom: var(--space-m);
}
.planner__range.planner__range {
  appearance: none;
  width: 100%;
  height: var(--target-min);
  background: none;
  cursor: pointer;
}
.planner__scale.planner__scale {
  display: flex;
  justify-content: space-between;
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  color: var(--ink-3);
}
.planner__note.planner__note {
  margin-top: var(--space-m);
  padding-top: var(--space-s);
  border-top: 1px solid var(--hair);
  font-size: var(--step-meta);
  line-height: var(--lh-relaxed);
  color: var(--ink-3);
}
.pcards.pcards {
  --cols: 3;
  --cols-sm: 1;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--space-s);
  align-items: stretch;
}
.pcard.pcard {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  padding: var(--space-m);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
  position: relative;
  transition: border-color var(--dur-fast), background var(--dur-fast);
}
.pcard__k.pcard__k {
  font-size: var(--step-micro);
  letter-spacing: var(--track-mid);
  text-transform: uppercase;
  color: var(--accent-ink);
  min-height: 2lh;
}
.pcard__sub.pcard__sub {
  flex: 1 1 0%;
  font-size: var(--step-meta);
  color: var(--ink-3);
}
.pcard__est.pcard__est {
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
  opacity: 0.8;
}
.tiers.tiers {
  --rail: 22px;
  --rail-gap: var(--space-m);
  --sig-x: calc(var(--rail) / 2 - 1px);
  position: relative;
  padding-left: calc(var(--rail) + var(--rail-gap));
  container: tiers / inline-size;
  display: grid;
  gap: var(--space-s);
}
.tier__socket.tier__socket {
  display: block;
  position: absolute;
  top: calc(var(--space-l) + 19px - var(--rail) / 2);
  left: calc((var(--rail) + var(--rail-gap)) * -1);
  width: var(--rail);
  height: var(--rail);
  border-radius: var(--radius-round);
  background: var(--socket-face);
  border: 1px solid var(--node-ring);
  transition: border-color var(--dur-mid), box-shadow var(--dur-mid);
}
.tier__icon.tier__icon {
  display: block;
  width: 38px;
  height: 38px;
  background-color: var(--gold);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
}
.tier__icon--seed.tier__icon--seed {
  mask-image: url("https://cresco.studio/wp-content/uploads/cresco-proto/icons/icon-seed.svg");
}
.tier__icon--sprout.tier__icon--sprout {
  mask-image: url("https://cresco.studio/wp-content/uploads/cresco-proto/icons/icon-sprout.svg");
}
.tier__icon--growth.tier__icon--growth {
  mask-image: url("https://cresco.studio/wp-content/uploads/cresco-proto/icons/icon-growth.svg");
}
.tier__icon--rooted.tier__icon--rooted {
  mask-image: url("https://cresco.studio/wp-content/uploads/cresco-proto/icons/icon-rooted.svg");
}
.tier__for.tier__for {
  margin: var(--space-2xs) 0 0;
  max-width: 28ch;
  font-size: var(--step-meta);
  line-height: var(--lh-snug);
  color: var(--ink-3);
}
.tier__flag.tier__flag {
  display: inline-block;
  margin-top: var(--space-s);
  padding: var(--space-3xs) var(--space-xs);
  background: var(--gold);
  color: var(--ink);
  font-size: var(--step-nano);
  font-weight: 600;
  letter-spacing: var(--track-mid);
  line-height: 1.4;
  text-transform: uppercase;
  border-radius: var(--radius-pill);
}
.tier__spec.tier__spec {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-m) var(--space-l);
  align-content: start;
  margin: 0px;
}
.tier__buy.tier__buy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2xs);
  padding-top: var(--space-m);
  border-top: 1px solid var(--hair);
}
.tier__price.tier__price {
  display: flex;
  align-items: baseline;
  gap: var(--space-2xs);
  padding-block: var(--space-s);
}
.tier__price--spaced.tier__price--spaced {
  margin-top: var(--space-l);
}
.tier__note.tier__note {
  margin: 0px;
  font-size: var(--step-micro);
  line-height: var(--lh-body);
  color: var(--ink-3);
}
.rates__t.rates__t {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--step-body);
}
.rates__rec.rates__rec {
  display: block;
  width: max-content;
  margin-inline: auto 0px;
  margin-top: var(--space-3xs);
  padding: 3px var(--space-2xs);
  background: var(--gold);
  color: var(--ink);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: var(--track-mid);
  border-radius: var(--radius-pill);
}
.rates__note.rates__note {
  margin-top: var(--space-s);
  max-width: 78ch;
  font-size: var(--step-meta);
  line-height: var(--lh-relaxed);
  color: var(--ink-3);
}
.rates__note--tight.rates__note--tight {
  max-width: 64ch;
}
.rates__note--spaced.rates__note--spaced {
  margin-top: var(--space-l);
}
.rates__cta.rates__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s);
  margin-top: var(--space-l);
}
.offer.offer {
  margin-top: var(--space-m);
  padding: var(--space-s);
  background: var(--fill-gold);
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-m);
}
.offer__k.offer__k {
  margin-bottom: var(--space-2xs);
  font-size: var(--step-micro);
  letter-spacing: var(--track-wide);
  text-transform: uppercase;
  color: var(--accent-ink);
}
.offer__c.offer__c {
  font-size: var(--step-body);
  color: var(--ink-2);
}
.code.code {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  min-height: var(--target-min);
  padding: var(--space-3xs) var(--space-s);
  background: var(--gold);
  color: var(--ink);
  border: 0px;
  border-radius: var(--radius-s);
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: var(--step-sm);
  font-weight: 600;
  letter-spacing: var(--track-label);
  vertical-align: middle;
}
.faq.faq {
  display: grid;
  gap: 0px;
  border-top: 1px solid var(--hair);
}
.q.q {
  border-bottom: 1px solid var(--hair);
}
.q__a.q__a {
  padding-bottom: var(--space-m);
  max-width: 68ch;
}
.room.room {
  padding-bottom: 0px;
}
.strip.strip {
  display: flex;
  overflow: hidden;
  padding: clamp(30px, 4vw, 52px) 0px clamp(56px, 7vw, 92px);
}
.strip__track.strip__track {
  display: flex;
  gap: var(--space-s);
  width: max-content;
  padding-left: var(--space-s);
}
.pillars.pillars {
  --cols: 3;
  --cols-sm: 1;
  --pillar-rows: 3;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--space-m);
}
.pillar.pillar {
  display: grid;
  grid-row: span var(--pillar-rows);
  grid-template-rows: subgrid;
  gap: var(--space-s);
}
.pillar__media.pillar__media {
  overflow: hidden;
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
}
.pillar__t.pillar__t {
  font-family: var(--font-display);
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: var(--lh-snug);
  color: var(--ink-1);
}
.pillar__x.pillar__x {
  font-size: var(--step-sm);
  line-height: var(--lh-body);
  color: var(--ink-2);
}
.kit.kit {
  display: grid;
  gap: var(--space-l);
  margin: 0px;
  padding: 0px;
  counter-reset: kit 0;
}
.kit__group.kit__group {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0px, 1fr);
  gap: var(--space-m);
  align-items: start;
  padding-bottom: var(--space-l);
}
.kit__n.kit__n {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  font-family: var(--font-mono);
  font-size: var(--step-micro);
  font-weight: 600;
  color: var(--accent-ink);
  background: var(--fill-card);
  border: 1px solid var(--hair-2);
  border-radius: 50%;
  counter-increment: kit 1;
}
.kit__panel.kit__panel {
  position: relative;
  padding: var(--space-m);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
}
.kit__h.kit__h {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  font-family: var(--font-mono);
  font-size: var(--step-label);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: var(--space-s);
}
.kit__list.kit__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.kit__note.kit__note {
  margin-top: var(--space-s);
  max-width: 56ch;
  font-size: var(--step-sm);
  color: var(--ink-3);
}
.bio.bio {
  position: fixed;
  inset: 0px;
  margin: auto;
  width: min(1080px, 94vw);
  max-height: min(88svh, 720px);
  padding: 0px;
  color: var(--ink-1);
  background: var(--panel);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
  overflow: hidden;
  grid-template-columns: 1fr 1.2fr;
  grid-template-rows: minmax(0px, 1fr);
}
.bio__portrait.bio__portrait {
  position: relative;
  margin: 0px;
  overflow: hidden;
  background: var(--deep);
}
.bio__panel.bio__panel {
  display: grid;
  grid-template-rows: auto minmax(0px, 1fr) auto;
  min-height: 0px;
}
.bio__scroll.bio__scroll {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 var(--space-l) var(--space-l);
}
.bio__a.bio__a {
  font-family: var(--font-display);
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1;
  color: var(--accent-ink);
}
.bio__n.bio__n {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: var(--step-body);
  color: var(--ink-2);
  margin-top: var(--space-3xs);
}
.bio__role.bio__role {
  margin-top: var(--space-2xs);
  padding-bottom: var(--space-m);
  border-bottom: 1px solid var(--hair);
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
}
.bio__body.bio__body {
  padding-top: var(--space-m);
}
.bio__bar.bio__bar {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2xs);
  padding: var(--space-s) var(--space-s) var(--space-m);
}
.bio__btn.bio__btn {
  display: grid;
  place-items: center;
  width: var(--target-min);
  height: var(--target-min);
  color: var(--accent-ink);
  background: transparent;
  border: 1px solid var(--hair);
  border-radius: var(--radius-round);
  cursor: pointer;
  transition: background var(--dur-fast), border-color var(--dur-fast);
}
.bio__close.bio__close {
  margin-left: var(--space-2xs);
}
.bio__strip.bio__strip {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-s) var(--space-l);
  border-top: 1px solid var(--hair);
  background: color-mix(in srgb, var(--deep) 40%, transparent);
}
.bio__strip-list.bio__strip-list {
  display: flex;
  gap: var(--space-3xs);
  margin: 0px;
  padding: 2px;
  list-style: none;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.bio__thumb.bio__thumb {
  flex: 0 0 auto;
  width: 34px;
  height: 44px;
  padding: 0px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: var(--radius-xs);
  background: none;
  cursor: pointer;
  opacity: 0.45;
  transition: opacity var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast) var(--ease);
}
.bio__count.bio__count {
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: var(--space-s);
  font-family: var(--font-mono);
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  color: var(--ink-3);
  white-space: nowrap;
}
.pfilter.pfilter {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  margin-bottom: var(--space-l);
}
.pfilter__b.pfilter__b {
  padding: var(--space-2xs) var(--space-s);
  background: transparent;
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
  cursor: pointer;
  transition: border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);
}
.pgrid.pgrid {
  --cols: 3;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--space-s);
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.pcard__media.pcard__media {
  overflow: hidden;
  margin: calc(var(--space-m) * -1) calc(var(--space-m) * -1) var(--space-s);
  border-radius: var(--radius-m) var(--radius-m) 0 0;
  width: calc(100% + var(--space-m) * 2);
  max-width: none;
}
.pcard__t.pcard__t {
  margin-block: var(--space-2xs) var(--space-2xs);
  font-family: var(--font-display);
  font-size: clamp(22px, 2vw, 26px);
  line-height: var(--lh-snug);
  color: var(--ink-1);
}
.pcard__x.pcard__x {
  margin-top: auto;
  padding-top: var(--space-2xs);
  color: var(--ink-2);
  font-size: var(--step-meta);
  max-width: 48ch;
}
.pcard__go.pcard__go {
  margin-top: var(--space-s);
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--accent-ink);
}
.pcard--soon.pcard--soon {
  border-style: dashed;
  border-color: var(--hair-2);
  cursor: default;
}
.pcard__tag.pcard__tag {
  align-self: flex-start;
  margin-top: var(--space-s);
  padding: 3px var(--space-2xs);
  font-size: var(--step-nano);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-pill);
}
.pmeta.pmeta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
}
.pmeta--go.pmeta--go {
  margin-top: var(--space-m);
}
.soon__i.soon__i {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  padding: var(--space-m);
  border: 1px dashed var(--hair-2);
  border-radius: var(--radius-m);
}
.soon__t.soon__t {
  font-family: var(--font-display);
  font-size: clamp(22px, 2vw, 26px);
  line-height: var(--lh-snug);
  color: var(--ink-2);
}
.soon__tag.soon__tag {
  align-self: flex-start;
  margin-top: var(--space-2xs);
  padding: 3px var(--space-2xs);
  font-size: var(--step-nano);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-pill);
}
.results.results {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-top: 1px solid var(--hair);
}
.result.result {
  position: relative;
  display: grid;
  gap: var(--space-3xs);
  padding-block: var(--space-m);
  border-bottom: 1px solid var(--hair);
  transition: background var(--dur-fast);
}
.result__t.result__t {
  font-family: var(--font-display);
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: var(--lh-snug);
  color: var(--ink-1);
}
.result__x.result__x {
  max-width: 68ch;
  font-size: var(--step-meta);
  color: var(--ink-3);
}
.result__m.result__m {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
  font-size: var(--step-nano);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
}
.next.next {
  --cols: 3;
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--space-s);
}
.next__more.next__more {
  margin-top: var(--space-xl);
}
.pager.pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-s);
}
.pager__list.pager__list {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.pager__n.pager__n {
  display: grid;
  place-items: center;
  min-width: var(--target-min);
  min-height: var(--target-min);
  padding-inline: var(--space-2xs);
  font-family: var(--font-mono);
  font-size: var(--step-sm);
  font-variant-numeric: tabular-nums;
  color: var(--ink-3);
  border-radius: var(--radius-s);
}
.pager__arrow.pager__arrow {
  display: grid;
  place-items: center;
  min-width: var(--target-min);
  min-height: var(--target-min);
  padding-inline: var(--space-2xs);
  font-family: var(--font-mono);
  font-size: var(--step-sm);
  font-variant-numeric: tabular-nums;
  color: var(--ink-3);
  border-radius: var(--radius-s);
}
.pager__note.pager__note {
  margin-top: var(--space-s);
  text-align: center;
  font-size: var(--step-meta);
  color: var(--ink-3);
}
.quotes__grid.quotes__grid {
  --cols: 3;
  --cols-sm: 1;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--space-s);
  align-items: stretch;
}
.quote.quote {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  margin: 0px;
  padding: var(--space-l) var(--space-m) var(--space-m);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
}
.quote__q.quote__q {
  margin: 0px;
  padding: 0px;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  font-size: var(--step-lede);
  line-height: var(--lh-relaxed, 1.55);
  color: var(--ink-2);
  flex: 1 1 auto;
}
.quote__by.quote__by {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: var(--space-s);
  border-top: 1px solid var(--hair);
}
.quote__n.quote__n {
  font-size: var(--step-meta);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--accent-ink);
}
.quote__r.quote__r {
  font-size: var(--step-micro);
  color: var(--ink-3);
}
.statement.statement {
  min-height: 100svh;
  display: grid;
  align-items: center;
  border-top: 1px solid var(--hair);
}
.statement__in.statement__in {
  text-align: left;
  inline-size: 100%;
}
.statement__q.statement__q {
  border-left: 0px;
  padding-left: 0px;
  max-width: 26ch;
  margin-inline: 0px;
  font-family: var(--font-display);
  font-size: clamp(36px, 7.8vw, 112px);
  line-height: var(--lh-tight);
  letter-spacing: -0.01em;
  color: var(--accent-ink);
}
.quotes__todo.quotes__todo {
  margin-bottom: var(--space-l);
  padding: var(--space-2xs) var(--space-s);
  border: 1px dashed var(--gold-line-2, var(--hair-2));
  border-radius: var(--radius-s);
  font-size: var(--step-meta);
  font-weight: 600;
  letter-spacing: var(--track-mid);
  text-transform: uppercase;
  color: var(--accent-ink);
}
.greviews.greviews {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-2xs) var(--space-s);
  border: 1px solid var(--hair);
  border-radius: var(--radius-pill);
  text-decoration: none;
  transition: border-color var(--dur-fast), background var(--dur-fast);
}
.greviews__logo.greviews__logo {
  flex-shrink: 0;
}
.greviews__verified.greviews__verified {
  flex-shrink: 0;
}
.greviews__score.greviews__score {
  font-family: var(--font-mono);
  font-size: var(--step-sm);
  font-weight: 600;
  color: var(--ink-1);
}
.greviews__stars.greviews__stars {
  position: relative;
  display: inline-block;
  font-size: var(--step-sm);
  line-height: 1;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.greviews__stars-base.greviews__stars-base {
  color: var(--ink-4);
}
.greviews__stars-fill.greviews__stars-fill {
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  overflow: hidden;
  color: var(--gold);
}
.greviews__count.greviews__count {
  font-family: var(--font-mono);
  font-size: var(--step-meta);
  color: var(--ink-3);
}
.hero--post.hero--post {
  min-height: 75vh;
}
.crumb--onImage.crumb--onImage {
  margin-bottom: var(--space-s);
  text-shadow: var(--shadow-on-image);
}
.post.post {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 4fr);
  gap: clamp(32px, 5vw, 80px);
  align-items: start;
}
.toc.toc {
  position: sticky;
  top: calc(var(--nav-h) + var(--space-m));
  font-size: var(--step-meta);
}
.toc__h.toc__h {
  margin-bottom: var(--space-s);
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
}
.toc__l.toc__l {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-left: 1px solid var(--hair);
}
.author.author {
  display: flex;
  align-items: center;
  gap: var(--space-m);
  margin-top: var(--space-2xl);
  padding: var(--space-m);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
}
.author__mark.author__mark {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid var(--hair);
  border-radius: 50%;
}
.author__n.author__n {
  font-family: var(--font-display);
  font-size: clamp(22px, 2vw, 26px);
  color: var(--accent-ink);
}
.author__x.author__x {
  margin-top: var(--space-3xs);
  font-size: var(--step-meta);
  color: var(--ink-3);
  max-width: 62ch;
}
.share.share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-s);
  margin-top: var(--space-xl);
  padding-top: var(--space-m);
  border-top: 1px solid var(--hair);
}
.share__h.share__h {
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
}
.addr.addr {
  margin-top: var(--space-l);
  font-family: var(--font-display);
  font-style: normal;
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: var(--lh-snug);
  color: var(--ink-1);
}
.addr__w3w.addr__w3w {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
  margin-top: var(--space-m);
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
}
.addr__links.addr__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  margin-top: var(--space-l);
}
.routes.routes {
  --cols: 3;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--space-s);
}
.routes--1.routes--1 {
  --cols: 1;
}
.routes--2.routes--2 {
  --cols: 2;
}
.routes--3.routes--3 {
  --cols: 3;
}
.routes--4.routes--4 {
  --cols: 4;
}
.routes--spaced.routes--spaced {
  margin-top: var(--space-2xl);
}
.route.route {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  padding: var(--space-l) var(--space-m);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
}
.route__h.route__h {
  font-family: var(--font-display);
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: var(--lh-snug);
  color: var(--ink-1);
}
.route__x.route__x {
  font-size: var(--step-meta);
  color: var(--ink-3);
}
.route__go.route__go {
  margin-top: auto;
  padding-top: var(--space-s);
  font-size: var(--step-sm);
  word-break: break-word;
}
.route__eta.route__eta {
  align-self: flex-start;
  padding: 3px var(--space-2xs);
  font-size: var(--step-nano);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--accent-ink);
  border: 1px solid var(--gold-line-2);
  border-radius: var(--radius-pill);
}
.hire.hire {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--step-sm);
}
.hire__note.hire__note {
  margin-top: var(--space-s);
  font-size: var(--step-micro);
  color: var(--ink-3);
  max-width: 60ch;
}
.hire__filter.hire__filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-s);
  margin-bottom: var(--space-l);
}
.hire__count.hire__count {
  font-size: var(--step-micro);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
  white-space: nowrap;
}
.hire__none.hire__none {
  padding: var(--space-l);
  text-align: center;
  border: 1px dashed var(--hair-2);
  border-radius: var(--radius-m);
  color: var(--ink-3);
}
.close.close {
  text-align: center;
}
.close__t.close__t {
  margin-bottom: var(--space-s);
}
.close__p.close__p {
  max-width: 52ch;
  margin: 0 auto var(--space-l);
  color: var(--ink-3);
}
.close__cta.close__cta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-s);
}
.form.form {
  display: grid;
  gap: var(--space-m);
}
.form--narrow.form--narrow {
  max-width: 520px;
}
.form__row.form__row {
  display: grid;
  grid-template-columns: repeat(var(--cols, 2), 1fr);
  gap: var(--space-m);
}
.form__row--3.form__row--3 {
  --cols: 3;
}
.field.field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}
.field__l.field__l {
  font-size: var(--step-label);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-2);
}
.field__hint.field__hint {
  font-size: var(--step-micro);
  color: var(--ink-3);
}
.field__err.field__err {
  display: none;
  align-items: center;
  gap: var(--space-3xs);
  font-size: var(--step-micro);
  color: var(--warn);
}
.choice.choice {
  display: flex;
  align-items: flex-start;
  gap: var(--space-s);
  min-height: var(--target);
  padding: var(--space-s);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
  cursor: pointer;
  transition: border-color var(--dur-fast), background var(--dur-fast);
}
.choice__b.choice__b {
  display: grid;
  gap: 2px;
}
.choice__t.choice__t {
  font-size: var(--step-sm);
  font-weight: 500;
  color: var(--ink-1);
}
.choice__d.choice__d {
  font-size: var(--step-micro);
  color: var(--ink-3);
}
.choice__price.choice__price {
  margin-left: auto;
  padding-left: var(--space-s);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--step-sm);
  color: var(--ink-1);
}
.form__foot.form__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-m);
  margin-top: var(--space-s);
}
.form__note--spaced.form__note--spaced {
  margin-top: var(--space-l);
}
.form__note.form__note {
  flex: 1 1 22ch;
  font-size: var(--step-micro);
  color: var(--ink-3);
}
.days.days {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
}
.day.day {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--target-min);
  min-height: var(--target-min);
  padding-inline: var(--space-s);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: var(--step-meta);
  color: var(--ink-2);
  cursor: pointer;
  transition: border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);
}
.prods.prods {
  --cols: 4;
  --cols-md: 2;
  --cols-sm: 1;
  --prod-rows: 5;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--space-s);
}
.prods--hire.prods--hire {
  --cols: 3;
  --prod-rows: 4;
}
.prod.prod {
  position: relative;
  display: grid;
  grid-row: span var(--prod-rows);
  grid-template-rows: subgrid;
  gap: var(--space-2xs);
  padding: var(--space-m);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
  transition: border-color var(--dur-fast), background var(--dur-fast);
}
.prod--best.prod--best {
  border-color: var(--line-highlight);
  background: var(--fill-highlight);
}
.prod__media.prod__media {
  overflow: hidden;
  border-radius: var(--radius-s);
}
.prod__n.prod__n {
  font-family: var(--font-display);
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: var(--lh-snug);
  color: var(--ink-1);
}
.prod__hours.prod__hours {
  font-family: var(--font-display);
  font-size: clamp(22px, 1.7vw, 24px);
  color: var(--accent-ink);
}
.prod__x.prod__x {
  font-size: var(--step-meta);
  color: var(--ink-3);
}
.prod__foot.prod__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2xs);
  margin-top: var(--space-2xs);
  padding-top: var(--space-s);
  border-top: 1px solid var(--hair);
}
.prod__p.prod__p {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--step-lede);
  font-weight: 600;
  color: var(--ink-1);
}
.prod__go.prod__go {
  position: relative;
  z-index: 1;
  font-size: var(--step-meta);
  color: var(--link-ink);
}
.prod__flag.prod__flag {
  position: absolute;
  top: var(--space-s);
  right: var(--space-s);
  z-index: 1;
  padding: 3px var(--space-2xs);
  font-size: var(--step-nano);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--deep);
  background: var(--gold);
  border-radius: var(--radius-pill);
}
.buy.buy {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
}
.buy__box.buy__box {
  position: sticky;
  top: calc(var(--nav-h) + var(--space-m));
  padding: var(--space-l);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
}
.buy__p.buy__p {
  display: flex;
  align-items: baseline;
  gap: var(--space-2xs);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: clamp(34px, 4vw, 46px);
  font-weight: 600;
  color: var(--ink-1);
}
.buy__unit.buy__unit {
  font-size: var(--step-meta);
  font-weight: 400;
  color: var(--ink-3);
}
.buy__hours.buy__hours {
  margin-top: var(--space-2xs);
  font-family: var(--font-display);
  font-size: clamp(22px, 2vw, 28px);
  color: var(--accent-ink);
}
.buy__cta.buy__cta {
  display: grid;
  gap: var(--space-2xs);
  margin-top: var(--space-l);
}
.buy__pay.buy__pay {
  margin-top: var(--space-m);
  padding-top: var(--space-m);
  border-top: 1px solid var(--hair);
  font-size: var(--step-micro);
  color: var(--ink-3);
}
.order.order {
  display: grid;
  grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 0.85fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
}
.lines.lines {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-top: 1px solid var(--hair);
}
.line.line {
  display: grid;
  grid-template-columns: 92px minmax(0px, 1fr) auto;
  gap: var(--space-m);
  align-items: start;
  padding-block: var(--space-m);
  border-bottom: 1px solid var(--hair);
}
.line__media.line__media {
  overflow: hidden;
  border: 1px solid var(--hair);
  border-radius: var(--radius-s);
}
.line__n.line__n {
  font-family: var(--font-display);
  font-size: clamp(22px, 1.9vw, 26px);
  line-height: var(--lh-snug);
  color: var(--ink-1);
}
.line__x.line__x {
  margin-top: var(--space-3xs);
  font-size: var(--step-micro);
  color: var(--ink-3);
}
.line__hours.line__hours {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  margin-top: var(--space-2xs);
  padding: 3px var(--space-2xs);
  font-size: var(--step-nano);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--accent-ink);
  border: 1px solid var(--gold-line-2);
  border-radius: var(--radius-pill);
}
.line__side.line__side {
  display: grid;
  justify-items: end;
  gap: var(--space-2xs);
}
.line__p.line__p {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--step-body);
  font-weight: 600;
  color: var(--ink-1);
}
.qty.qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-s);
  overflow: hidden;
}
.qty__b.qty__b {
  display: grid;
  place-items: center;
  width: var(--target-min);
  height: var(--target-min);
  color: var(--accent-ink);
  cursor: pointer;
  transition: background var(--dur-fast);
}
.qty__i.qty__i {
  width: 46px;
  min-height: var(--target-min);
  padding: 0px;
  text-align: center;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--step-sm);
  color: var(--ink-1);
  background: none;
  border: 0px;
  border-inline: 1px solid var(--hair-2);
  appearance: textfield;
}
.line__rm.line__rm {
  padding-block: 5px;
  margin-block: -5px;
  font-size: var(--step-micro);
  color: var(--ink-3);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.sum.sum {
  position: sticky;
  top: calc(var(--nav-h) + var(--space-m));
  padding: var(--space-l);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
}
.sum__h.sum__h {
  font-size: var(--step-label);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: var(--space-m);
}
.sum__r.sum__r {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-s);
  padding-block: var(--space-2xs);
  font-size: var(--step-sm);
  color: var(--ink-2);
}
.sum__t.sum__t {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-s);
  margin-top: var(--space-s);
  padding-top: var(--space-s);
  border-top: 1px solid var(--hair);
}
.sum__hours.sum__hours {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-s);
  margin-top: var(--space-m);
  padding: var(--space-s) var(--space-m);
  border: 1px solid var(--gold-line-2);
  border-radius: var(--radius-m);
}
.sum__cta.sum__cta {
  margin-top: var(--space-l);
}
.sum__note.sum__note {
  margin-top: var(--space-s);
  font-size: var(--step-nano);
  line-height: var(--lh-body);
  color: var(--ink-3);
}
.coupon.coupon {
  display: flex;
  gap: var(--space-2xs);
  margin-top: var(--space-m);
}
.coupon--flush.coupon--flush {
  margin-top: 0px;
}
.flow.flow {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  margin: 0 0 var(--space-2xl);
  padding: 0px;
  list-style: none;
  counter-reset: flow 0;
}
.done.done {
  display: grid;
  justify-items: center;
  text-align: center;
}
.done__mark.done__mark {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  margin-bottom: var(--space-l);
  border: 1px solid var(--gold);
  border-radius: 50%;
  background: var(--fill-gold);
}
.empty.empty {
  display: grid;
  justify-items: center;
  gap: var(--space-m);
  padding: var(--space-3xl) var(--space-m);
  text-align: center;
  border: 1px dashed var(--hair-2);
  border-radius: var(--radius-l);
}
.empty--spaced.empty--spaced {
  margin-bottom: var(--space-2xl);
}
.acct.acct {
  display: grid;
  grid-template-columns: 210px minmax(0px, 1fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
}
.acct__nav.acct__nav {
  position: sticky;
  top: calc(var(--nav-h) + var(--space-m));
  display: grid;
  gap: 2px;
}
.bal.bal {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) auto;
  gap: var(--space-m);
  align-items: center;
  padding: var(--space-l);
  border: 1px solid var(--line-highlight);
  border-radius: var(--radius-l);
  background: var(--fill-highlight);
}
.bal__k.bal__k {
  font-size: var(--step-label);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-2);
}
.bal__n.bal__n {
  display: flex;
  align-items: baseline;
  gap: var(--space-2xs);
  margin-top: var(--space-2xs);
  font-family: var(--font-display);
  font-size: clamp(46px, 7vw, 76px);
  line-height: 1;
  color: var(--accent-ink);
}
.bal__u.bal__u {
  font-family: var(--font-mono);
  font-size: var(--step-body);
  color: var(--ink-2);
}
.bal__x.bal__x {
  margin-top: var(--space-2xs);
  font-size: var(--step-micro);
  color: var(--ink-3);
}
.bal--zero.bal--zero {
  border-color: var(--hair-2);
  background: var(--fill-card);
}
.signin.signin {
  display: grid;
  grid-template-columns: minmax(0px, 460px) minmax(0px, 1fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: start;
}
.signin__card.signin__card {
  padding: var(--space-xl) var(--space-l) var(--space-l);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
}
.signin__row--spaced.signin__row--spaced {
  margin-top: var(--space-s);
}
.signin__row.signin__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-s);
}
.signin__check.signin__check {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  font-size: var(--step-meta);
  color: var(--ink-2);
  cursor: pointer;
}
.panel.panel {
  margin-top: var(--space-xl);
  padding: var(--space-l);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
}
.panel__h.panel__h {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-s);
  margin-bottom: var(--space-m);
}
.dt__scroll.dt__scroll {
  overflow-x: auto;
  overscroll-behavior-x: contain;
}
.dt.dt {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: var(--step-meta);
}
.pill.pill {
  display: inline-block;
  padding: 2px var(--space-2xs);
  font-size: var(--step-nano);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-pill);
  color: var(--ink-3);
}
.pill--ok.pill--ok {
  color: var(--ok-ink);
  border-color: var(--gold-line-2);
}
.pill--pending.pill--pending {
  color: var(--ink-2);
  border-style: dashed;
}
.bk.bk {
  display: grid;
  grid-template-columns: 72px minmax(0px, 1fr) auto;
  gap: var(--space-m);
  align-items: center;
  padding-block: var(--space-m);
  border-bottom: 1px solid var(--hair);
}
.bk__d.bk__d {
  display: grid;
  place-items: center;
  padding: var(--space-2xs);
  text-align: center;
  border: 1px solid var(--hair-2);
  border-radius: var(--radius-s);
}
.bk__n.bk__n {
  font-size: var(--step-sm);
  font-weight: 500;
  color: var(--ink-1);
}
.bk__x.bk__x {
  margin-top: 2px;
  font-size: var(--step-micro);
  color: var(--ink-3);
}
.bk__side.bk__side {
  display: grid;
  justify-items: end;
  gap: var(--space-2xs);
}
.paywith__bal.paywith__bal {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2xs);
  padding: var(--space-s) var(--space-m);
  border: 1px solid var(--gold-line-2);
  border-radius: var(--radius-m);
}
.book__warn.book__warn {
  display: flex;
  align-items: flex-start;
  gap: var(--space-s);
  margin-top: var(--space-xl);
  padding: var(--space-s) var(--space-m);
  font-size: var(--step-micro);
  line-height: var(--lh-body);
  color: var(--ink-2);
  border: 1px dashed var(--hair-2);
  border-radius: var(--radius-m);
}
.plugin__panels.plugin__panels {
  display: grid;
  gap: var(--space-xl);
}
.plugin__cat.plugin__cat {
  margin-bottom: var(--space-s);
  font-size: var(--step-micro);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
}
.bal__stats.bal__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(140px, auto));
  gap: var(--space-2xl);
  margin: var(--space-l) 0 0;
  padding-top: var(--space-l);
  border-top: 1px solid var(--line-highlight);
}
.plugin.plugin {
  margin-top: var(--space-2xl);
  padding: var(--space-m);
  border: 1px dashed var(--hair-2);
  border-radius: var(--radius-l);
}
.plugin__tag.plugin__tag {
  margin-bottom: var(--space-m);
  font-size: var(--step-nano);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
}
.plugin__body.plugin__body {
  display: grid;
  grid-template-columns: 190px minmax(0px, 1fr);
  gap: var(--space-m);
  align-items: start;
}
.plugin__rail.plugin__rail {
  display: grid;
  gap: 2px;
}
.plugin__step.plugin__step {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  min-height: var(--target-min);
  padding: var(--space-2xs) var(--space-s);
  font-size: var(--step-micro);
  letter-spacing: var(--track-mid);
  text-transform: uppercase;
  color: var(--ink-4);
  border-left: 2px solid transparent;
}
.plugin__panel.plugin__panel {
  padding: var(--space-m);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
}
.plugin__h.plugin__h {
  padding-bottom: var(--space-2xs);
  margin-bottom: var(--space-s);
  font-size: var(--step-micro);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--accent-ink);
  border-bottom: 1px solid var(--hair);
}
.plugin__svcs.plugin__svcs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
  gap: var(--space-2xs);
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.plugin__note.plugin__note {
  margin-top: var(--space-m);
  padding-top: var(--space-s);
  border-top: 1px solid var(--hair);
  font-size: var(--step-micro);
  line-height: var(--lh-body);
  color: var(--ink-3);
}
.wz.wz {
  display: grid;
  grid-template-columns: 232px minmax(0px, 1fr);
  gap: clamp(20px, 3vw, 40px);
  align-items: start;
}
.wz__rail.wz__rail {
  display: grid;
  gap: 4px;
  padding: var(--space-s);
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
  counter-reset: wz 0;
}
.wz__step.wz__step {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  min-height: var(--target-min);
  padding: var(--space-2xs) var(--space-s);
  font-size: var(--step-meta);
  letter-spacing: var(--track-mid);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--ink-3);
  border-radius: var(--radius-s);
  transition: background var(--dur-fast), color var(--dur-fast);
}
.wz__step--here.wz__step--here {
  color: var(--paper-surface, #fcfbf7);
  background: var(--ink-1);
}
.wz__step--todo.wz__step--todo {
  color: var(--ink-4);
  cursor: not-allowed;
}
.wz__step--done.wz__step--done {
  color: var(--ink-2);
}
.wz__panel.wz__panel {
  background: var(--fill-card);
  border: 1px solid var(--hair);
  border-radius: var(--radius-l);
  overflow: hidden;
}
.wz__h.wz__h {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-xs);
  padding: var(--space-m) var(--space-l);
  font-size: var(--step-micro);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
  border-bottom: 1px solid var(--hair);
}
.wz__body.wz__body {
  padding: var(--space-l);
}
.wz__foot.wz__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xs);
  padding: var(--space-m) var(--space-l);
  background: var(--paper-sunken, transparent);
  border-top: 1px solid var(--hair);
}
.wz__grid.wz__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr));
  gap: var(--space-2xs);
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.wz__card.wz__card {
  display: grid;
  gap: var(--space-3xs);
  padding: var(--space-s) var(--space-m);
  text-align: left;
  width: 100%;
  background: transparent;
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
  cursor: pointer;
  transition: border-color var(--dur-fast), background var(--dur-fast);
}
.wz__card-t.wz__card-t {
  font-family: var(--font-display);
  font-size: clamp(22px, 1.7vw, 24px);
  font-weight: 400;
  line-height: var(--lh-snug);
  color: var(--ink-1);
}
.wz__card-m.wz__card-m {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs) var(--space-s);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--step-micro);
  color: var(--ink-3);
}
.wz__cal.wz__cal {
  display: grid;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  gap: clamp(20px, 3vw, 40px);
  align-items: start;
}
.wz__month.wz__month {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-s);
  margin-bottom: var(--space-s);
}
.wz__days.wz__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}
.wz__dow.wz__dow {
  padding-bottom: var(--space-2xs);
  font-size: var(--step-nano);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
}
.wz__day.wz__day {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 38px;
  color: var(--ink-2);
  border-radius: var(--radius-s);
  cursor: pointer;
}
.wz__slots.wz__slots {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  gap: var(--space-2xs);
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.wz__slot.wz__slot {
  display: grid;
  place-items: center;
  min-height: var(--target);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--step-sm);
  color: var(--ink-2);
  border: 1px solid var(--hair);
  border-radius: var(--radius-s);
  cursor: pointer;
  transition: border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);
}
.wz__sum.wz__sum {
  display: grid;
  gap: var(--space-2xs);
  padding: var(--space-m);
  background: var(--paper-sunken, var(--fill-card));
  border: 1px solid var(--hair);
  border-radius: var(--radius-m);
}
.wz__row.wz__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-s);
  font-size: var(--step-meta);
}
.wz__row--total.wz__row--total {
  margin-top: var(--space-2xs);
  padding-top: var(--space-2xs);
  border-top: 1px solid var(--hair);
}
.vh.vh {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.skip.skip {
  position: absolute;
  left: -9999px;
  z-index: var(--z-skip);
  padding: var(--space-s) var(--space-m);
  background: var(--gold);
  color: var(--ink);
  font-weight: 600;
}
@media (max-width: 900px) {
.nav__links.nav__links {
  display: none;
}
}
@media (max-width: 900px) {
.nav__burger.nav__burger {
  display: flex;
}
}
@media (max-width: 900px) {
.nav__in.nav__in {
  display: flex;
}
}
@media (max-width: 900px) {
.nav__end.nav__end {
  margin-left: auto;
  gap: var(--space-3xs);
}
}
@media (max-width: 900px) {
.split.split {
  grid-template-columns: 1fr;
}
}
@media (max-width: 900px) {
.deck__slot.deck__slot {
  position: static;
  padding-bottom: var(--space-m);
}
}
@media (max-width: 900px) {
.deck__card.deck__card {
  display: flex;
  flex-direction: column;
  grid-template-columns: 1fr;
  min-height: clamp(440px, 92vw, 560px);
  transform: none;
}
}
@media (max-width: 900px) {
.deck__media.deck__media {
  position: absolute;
  inset: 0px;
  z-index: -1;
  order: initial;
  aspect-ratio: auto;
}
}
@media (max-width: 900px) {
.deck__veil.deck__veil {
  position: absolute;
  inset: 0px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(to top,
      var(--dark)                                        0,
      color-mix(in srgb, var(--dark) 93%, transparent) 120px,
      color-mix(in srgb, var(--dark) 84%, transparent) 230px,
      color-mix(in srgb, var(--dark) 58%, transparent) 330px,
      transparent                                      480px);
}
}
@media (max-width: 900px) {
.deck__body.deck__body {
  margin-top: auto;
}
}
@media (max-width: 900px) {
.deck__no.deck__no {
  color: var(--ink-1);
  text-shadow: var(--shadow-on-image-soft);
}
}
@media (max-width: 900px) {
.deck__t.deck__t {
  margin-top: 0px;
  text-shadow: var(--shadow-on-image);
}
}
@media (max-width: 900px) {
.deck__p.deck__p {
  color: var(--ink-1);
  text-shadow: var(--shadow-on-image-soft);
}
}
@media (max-width: 900px) {
.deck__go.deck__go {
  text-shadow: var(--shadow-on-image-soft);
}
}
@media (max-width: 900px) {
.team.team {
  grid-template-columns: repeat(var(--cols-md), 1fr);
}
}
@media (max-width: 900px) {
.rates--split.rates--split {
  grid-template-columns: 1fr;
}
}
@media (max-width: 900px) {
.pillars.pillars {
  grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 900px) {
.quotes__grid.quotes__grid {
  grid-template-columns: repeat(var(--cols-sm), 1fr);
}
}
@media (max-width: 900px) {
.routes.routes {
  grid-template-columns: minmax(0px, 1fr);
}
}
@media (max-width: 900px) {
.prods--hire.prods--hire {
  grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 900px) {
.buy.buy {
  grid-template-columns: minmax(0px, 1fr);
}
}
@media (max-width: 900px) {
.buy__box.buy__box {
  position: static;
}
}
@media (max-width: 900px) {
.order.order {
  grid-template-columns: minmax(0px, 1fr);
}
}
@media (max-width: 900px) {
.sum.sum {
  position: static;
}
}
@media (max-width: 900px) {
.acct.acct {
  grid-template-columns: minmax(0px, 1fr);
}
}
@media (max-width: 900px) {
.acct__nav.acct__nav {
  position: static;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: var(--space-2xs);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding-bottom: var(--space-2xs);
}
}
@media (max-width: 900px) {
.signin.signin {
  grid-template-columns: minmax(0px, 1fr);
}
}
@media (max-width: 1024px) {
.foot__in.foot__in {
  grid-template-columns: repeat(var(--cols-md), 1fr);
}
}
@media (max-width: 1024px) {
.pan.pan {
  grid-template-columns: 1fr;
}
}
@media (max-width: 1024px) {
.pan__media.pan__media {
  aspect-ratio: 16 / 10;
}
}
@media (max-width: 1024px) {
.planner.planner {
  grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.foot__in.foot__in {
  grid-template-columns: repeat(var(--cols-sm), 1fr);
}
}
@media (max-width: 640px) {
.hero__scroll.hero__scroll {
  display: none;
}
}
@media (max-width: 640px) {
.rules__media.rules__media {
  grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 640px) {
.ways__else.ways__else {
  flex-direction: column;
  align-items: flex-start;
}
}
@media (max-width: 640px) {
.pcards.pcards {
  grid-template-columns: repeat(var(--cols-sm), 1fr);
}
}
@media (max-width: 640px) {
.kit__group.kit__group {
  grid-template-columns: 44px minmax(0px, 1fr);
  gap: var(--space-s);
}
}
@media (max-width: 640px) {
.kit__n.kit__n {
  width: 32px;
  height: 32px;
}
}
@media (max-width: 640px) {
.kit__panel.kit__panel {
  padding: var(--space-s);
}
}
@media (max-width: 640px) {
.form__row.form__row {
  grid-template-columns: 1fr;
}
}
@media (max-width: 520px) {
.foot__c.foot__c {
  justify-content: center;
  text-align: center;
}
}
@media (max-width: 700px) {
.lightbox.lightbox {
  width: 96vw;
}
}
@media (max-width: 700px) {
.lightbox__prev.lightbox__prev {
  position: static;
  transform: none;
}
}
@media (max-width: 700px) {
.lightbox__next.lightbox__next {
  position: static;
  transform: none;
}
}
@media (max-width: 700px) {
.lightbox__close.lightbox__close {
  position: static;
  transform: none;
}
}
@media (max-width: 700px) {
.lightbox__bar.lightbox__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2xs);
  padding: 0 var(--space-xs) var(--space-xs);
}
}
@media (max-width: 1100px) {
.svc.svc {
  grid-template-columns: repeat(var(--cols-md), 1fr);
  grid-auto-rows: auto;
}
}
@media (max-width: 1100px) {
.svc__item--lead.svc__item--lead {
  grid-row: span 1;
}
}
@media (max-width: 1100px) {
.team--four.team--four {
  grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1100px) {
.prods.prods {
  grid-template-columns: repeat(var(--cols-md), 1fr);
}
}
@media (max-width: 620px) {
.svc.svc {
  grid-template-columns: repeat(var(--cols-sm), 1fr);
}
}
@media (max-width: 620px) {
.svc__item--lead.svc__item--lead {
  grid-column: span 1;
}
}
@media (max-width: 620px) {
.pillars.pillars {
  grid-template-columns: repeat(var(--cols-sm), 1fr);
}
}
@media (max-width: 620px) {
.bal.bal {
  grid-template-columns: minmax(0px, 1fr);
}
}
@media (max-width: 620px) {
.bk.bk {
  grid-template-columns: 62px minmax(0px, 1fr);
  gap: var(--space-s);
}
}
@media (max-width: 620px) {
.bk__side.bk__side {
  grid-column: 2;
  justify-items: start;
}
}
@media (max-width: 820px) {
.ways.ways {
  grid-template-columns: repeat(var(--cols-sm), 1fr);
}
}
@media (max-width: 560px) {
.team.team {
  grid-template-columns: repeat(var(--cols-sm), 1fr);
}
}
@media (max-width: 560px) {
.team--four.team--four {
  grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
.pgrid.pgrid {
  grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
.next.next {
  grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
.author.author {
  flex-direction: column;
  align-items: flex-start;
}
}
@media (max-width: 560px) {
.prods.prods {
  grid-template-columns: repeat(var(--cols-sm), 1fr);
}
}
@media (max-width: 560px) {
.prods--hire.prods--hire {
  grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
.line.line {
  grid-template-columns: 64px minmax(0px, 1fr);
  gap: var(--space-s);
}
}
@media (max-width: 560px) {
.line__side.line__side {
  grid-column: 2;
  justify-items: start;
}
}
@media (max-width: 560px) {
.signin__card.signin__card {
  padding: var(--space-l) var(--space-m);
}
}
@media (max-width: 560px) {
.panel.panel {
  padding: var(--space-m);
}
}
@media (max-width: 560px) {
.wz__body.wz__body {
  padding: var(--space-m);
}
}
@media (max-width: 560px) {
.wz__foot.wz__foot {
  flex-direction: column-reverse;
}
}
@media (max-width: 860px) {
.team--four.team--four {
  grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 860px) {
.desk__strip.desk__strip {
  grid-template-columns: repeat(var(--cols-md), 1fr);
}
}
@media (max-width: 860px) {
.ch.ch {
  min-height: 150px;
}
}
@media (max-width: 860px) {
.steps__foot.steps__foot {
  flex-direction: column;
  align-items: flex-start;
}
}
@media (max-width: 860px) {
.pgrid.pgrid {
  grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 860px) {
.next.next {
  grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 860px) {
.wz.wz {
  grid-template-columns: minmax(0px, 1fr);
}
}
@media (max-width: 860px) {
.wz__rail.wz__rail {
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}
}
@media (max-width: 420px) {
.desk__strip.desk__strip {
  grid-template-columns: repeat(var(--cols-sm), 1fr);
}
}
@media (max-width: 420px) {
.ch.ch {
  flex-direction: row;
  align-items: center;
  gap: var(--space-s);
  min-height: 0px;
  padding: var(--space-s);
}
}
@media (max-width: 420px) {
.ch__name.ch__name {
  font-size: 17px;
}
}
@media (max-width: 420px) {
.ch__meta.ch__meta {
  margin-top: 0px;
  margin-left: auto;
  text-align: right;
}
}
@media (max-width: 420px) {
.ch__fader.ch__fader {
  display: none;
}
}
@media (max-width: 760px) {
.bio.bio {
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(0px, 1fr);
}
}
@media (max-width: 760px) {
.bio__portrait.bio__portrait {
  aspect-ratio: 5 / 4;
}
}
@media (max-width: 760px) {
.bio__scroll.bio__scroll {
  padding: 0 var(--space-m) var(--space-m);
}
}
@media (max-width: 760px) {
.bio__strip.bio__strip {
  padding: var(--space-s) var(--space-m);
}
}
@media (max-width: 760px) {
.plugin__body.plugin__body {
  grid-template-columns: minmax(0px, 1fr);
}
}
@media (max-width: 980px) {
.post.post {
  grid-template-columns: minmax(0px, 1fr);
}
}
@media (max-width: 480px) {
.bal__stats.bal__stats {
  grid-template-columns: 1fr;
  gap: var(--space-m);
}
}
@media (max-width: 720px) {
.wz__cal.wz__cal {
  grid-template-columns: minmax(0px, 1fr);
}
}