[data-client=cozy-llama]{--c-bg:#f1f3f8;--c-sky:#e4ecf8;--c-ink:#10224a;--c-muted:#3e4d6e;--c-ta:#21499e;--c-accent:#e51c52;--c-glow:#15aec7}[data-client=red-river-mechanical]{--c-bg:#eff2f6;--c-sky:#e1e8f2;--c-ink:#0f1b33;--c-muted:#3d4a60;--c-ta:#9a4a04;--c-accent:#f28a1e;--c-glow:#5aa9ff}[data-client=great-plains-vw-show]{--c-bg:#eef5ef;--c-sky:#dfeee3;--c-ink:#112a1b;--c-muted:#3c5444;--c-ta:#146c39;--c-accent:#1f9d55;--c-glow:#3ccb7a}[data-client=ict-eurowerks]{--c-bg:#f5f2ec;--c-sky:#ede6da;--c-ink:#1e1a16;--c-muted:#544c43;--c-ta:#a51c18;--c-accent:#c8231e;--c-glow:#e8b04a}[data-client=ict-dachshunds]{--c-bg:#f3eef2;--c-sky:#f0e4ec;--c-ink:#2a1424;--c-muted:#5a4455;--c-ta:#a8175a;--c-accent:#e2237a;--c-glow:#ffb020}[data-client=saltycap]{--c-bg:#eceff3;--c-sky:#dfe5ee;--c-ink:#14181f;--c-muted:#465062;--c-ta:#b14a12;--c-accent:#ff8a3d;--c-glow:#6fa8ff}.case{--bg:var(--c-bg);--ink:var(--c-ink);--muted:var(--c-muted);--ta:var(--c-ta);--edge:color-mix(in srgb, var(--c-ink) 12%, transparent);--light-a:color-mix(in srgb, var(--c-glow) 26%, #fff);--light-b:var(--c-sky);--t-h1-inner:34px;color:var(--c-ink);background:linear-gradient(var(--c-sky), var(--c-bg) 110svh) no-repeat var(--c-bg);position:relative}@media (min-width:640px){.case{--t-h1-inner:44px}}@media (min-width:960px){.case{--t-h1-inner:clamp(40px, 3.9vw, 56px)}}.case .inner-h1{max-width:20ch}.case h2{font-size:var(--t-h2)}.case-chip{color:var(--muted);align-items:center;gap:10px;max-width:100%;line-height:1.35;display:inline-flex}.case-chip__dot{background:var(--c-accent);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--c-glow) 30%, transparent);border-radius:50%;flex:none}.case-hero__in{align-items:center;row-gap:32px}.case-hero__text{align-content:start;gap:18px;min-width:0;display:grid}.case-cta{flex-wrap:wrap;gap:12px;display:flex}.case-hero .pen{margin-top:6px}@media (min-width:960px){.case-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:56px}}.pane{border:1px solid var(--edge);min-width:0;box-shadow:inset 0 1px 0 #ffffffe6, 0 34px 60px -34px color-mix(in srgb, var(--c-ink) 55%, transparent);background:#ffffffb8;border-radius:16px;overflow:clip}.pane__bar{border-bottom:1px solid var(--edge);font:12px/1 var(--font-mono);color:var(--muted);background:#fff9;align-items:center;gap:6px;padding:10px 14px;display:flex}.pane__bar i{background:var(--c-glow);opacity:.55;border-radius:50%;width:9px;height:9px}.pane__bar span{text-overflow:ellipsis;white-space:nowrap;margin-left:10px;overflow:hidden}.pane img{width:100%;height:auto}.tour__in{align-items:center;gap:40px;display:grid}.tour__text{align-content:start;gap:14px;min-width:0;display:grid}.tour__pause{cursor:pointer;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;min-height:44px;font-size:15px;font-weight:600;display:inline-flex}.tour__pause input{width:22px;height:22px;accent-color:var(--c-ta);cursor:pointer;margin:0}.tour__phone{min-width:0}.phone{width:min(100%,300px);box-shadow:0 40px 60px -34px color-mix(in srgb, var(--c-ink) 65%, transparent), inset 0 0 0 1.5px #ffffff24;background:#12151a;border-radius:40px;margin-inline-start:auto;margin-inline-end:auto;padding:9px}.phone__screen{aspect-ratio:9/17;background:#fff;border-radius:31px;position:relative;overflow:hidden}.phone__screen picture{display:block}.phone__img{will-change:transform;width:100%;height:auto;animation:46s ease-in-out infinite alternate tour}@keyframes tour{0%,5%{transform:translate(0,0)}95%,to{transform:translate3d(0, calc(-100% * (1 - 1.8889 / var(--r))), 0)}}.phone__screen:hover .phone__img{animation-play-state:paused}.tour__in:has(.tour__pause input:checked) .phone__img{animation-play-state:paused}.phone__screen:focus-visible .phone__img{animation-play-state:paused}@media (min-width:860px){.tour__in{grid-template-columns:minmax(0,1fr) 340px;gap:72px}}@media (prefers-reduced-motion:reduce){.phone__img{animation:none!important}.phone__screen{overscroll-behavior:contain;overflow-y:auto}.tour__pause{display:none}}.bom-sec .wrap>*+*{margin-top:18px}.bom-sec .lead{max-width:62ch}.bom__head{display:none}.bom{border-top:2px solid var(--c-ink);margin-top:28px}.bom__row{grid-template-columns:34px minmax(0,1fr);gap:6px;padding:20px 0 24px;display:grid;position:relative}.bom__no{font:12px/1.9 var(--font-mono);color:var(--ta);letter-spacing:.04em}.bom__item{letter-spacing:-.015em;overflow-wrap:break-word;font-size:19px;font-weight:650;line-height:1.25}.bom__what{color:var(--muted);text-wrap:pretty;overflow-wrap:break-word;grid-column:2;max-width:62ch}.bom__rule{transform-origin:0;border-bottom:2px dotted color-mix(in srgb, var(--c-ink) 32%, transparent);height:0;display:block;position:absolute;bottom:0;left:0;right:0}@media (min-width:760px){.bom__head,.bom__row{grid-template-columns:48px minmax(150px,260px) minmax(0,1fr);column-gap:32px}.bom__head{font:11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:28px;padding-bottom:10px;display:grid}.bom{margin-top:0}.bom__what{grid-column:3}.bom__no{padding-top:3px}}.who__in{gap:20px;display:grid}.who .prose{color:var(--muted);font-size:18px}.who .prose a,.hub-note a:not(.btn){color:var(--ta);text-underline-offset:3px;text-decoration-thickness:1.5px}@media (min-width:960px){.who__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px}}.live .wrap>*+*{margin-top:20px}.pair{align-items:start;gap:24px;display:grid;margin-top:28px!important}.pair figure{min-width:0}.pair img{border:1px solid var(--edge);width:100%;height:auto;box-shadow:0 30px 46px -34px color-mix(in srgb, var(--c-ink) 55%, transparent);background:#fff;border-radius:14px}.pair figcaption{font:12px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px}.crop{aspect-ratio:9/13;border:1px solid var(--edge);background:#fff;border-radius:14px;overflow:hidden}.crop img{height:auto;box-shadow:none;border:0;border-radius:0}.pair__tall{max-width:300px}@media (min-width:860px){.pair{grid-template-columns:minmax(0,1fr) 280px;gap:40px}.pair__tall{max-width:none}}.btn--lg{min-height:56px;padding:0 30px;font-size:18px}.live__go{margin-top:28px!important}.next{isolation:isolate;padding:56px 0 88px;position:relative;overflow:clip}.next__tint{z-index:-1;opacity:0;pointer-events:none;background:var(--tint-to,var(--c-sky));position:absolute;top:0;bottom:0;left:0;right:0}.next__doors>.door:not(:first-child){display:none}.door{border-radius:var(--radius);color:var(--n-ink,var(--c-ink));background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--n-glow,var(--c-glow)) 34%, transparent), transparent 62%), linear-gradient(160deg, #ffffffe6, #ffffff8c);border:1px solid var(--edge);min-height:280px;box-shadow:inset 0 1px 0 #fffffff2, 0 34px 54px -36px color-mix(in srgb, var(--n-ink,var(--c-ink)) 55%, transparent);transition:transform var(--dur-ui) var(--ease-settle);align-items:center;gap:24px;padding:26px;text-decoration:none;display:grid;position:relative;overflow:clip}@media (hover:hover){.door:hover{transform:translateY(-6px)}}.door__text{align-content:center;gap:10px;min-width:0;display:grid}.door__name{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(28px,4.4vw,44px);font-weight:750;line-height:1.04}.door__line{max-width:40ch;color:color-mix(in srgb, var(--n-ink,var(--c-ink)) 78%, #fff)}.door__go{font-weight:650}.door__img{border:1px solid var(--edge);border-radius:12px;width:100%;height:auto;box-shadow:0 24px 36px -26px #12151a80}.door .eyebrow{color:color-mix(in srgb, var(--n-ink,var(--c-ink)) 72%, #fff)}.door--hub{min-height:0}@media (min-width:760px){.door{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;min-height:340px;padding:36px}.door--hub{grid-template-columns:1fr}}.floor-sec{padding-top:8px}.floor__grid{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}.wcard{color:var(--c-ink);--edge:color-mix(in srgb, var(--c-ink) 12%, transparent);background:linear-gradient(160deg, #ffffffeb, #ffffff9e), var(--c-bg);grid-template-rows:auto 1fr;padding:0;text-decoration:none;display:grid;overflow:clip}.wcard:before{content:"";z-index:1;pointer-events:none;opacity:0;transition:opacity var(--dur-ui);background:radial-gradient(420px circle at var(--mx,70%) var(--my,0%), color-mix(in srgb, var(--c-glow) 34%, transparent), transparent 62%);position:absolute;top:0;bottom:0;left:0;right:0}.wcard:hover:before{opacity:1}.wcard:focus-visible:before{opacity:1}.wcard__img{border-bottom:1px solid var(--edge);background:var(--c-sky);width:100%;height:auto}.wcard__body{z-index:2;align-content:start;gap:8px;padding:20px 22px 24px;display:grid;position:relative}.wcard .case-chip{color:color-mix(in srgb, var(--c-ink) 74%, #fff)}.wcard__name{letter-spacing:-.025em;font-size:26px;font-weight:720;line-height:1.1}.wcard__line{color:color-mix(in srgb, var(--c-ink) 76%, #fff);text-wrap:pretty}.wcard__side{font:11px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--c-ink) 68%, #fff)}.wcard__go{color:var(--c-ta);margin-top:6px;font-weight:650}.wcard:focus-visible{outline-offset:4px}@media (min-width:640px){.floor__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media (min-width:1024px){.floor__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.wcard:nth-child(3n+2){margin-top:36px}}@media (min-width:1024px) and (hover:hover) and (prefers-reduced-motion:no-preference){.floor{perspective:1800px}.floor__grid{transform-origin:50% 0;transform-style:preserve-3d;transform:rotateX(4deg)}.wcard{transition:transform var(--dur-card) var(--ease-settle), box-shadow var(--dur-ui)}a.wcard:hover{transform:translate3d(0,-8px,36px)}}.hub-note__in{gap:28px;display:grid}.hub-note__list{counter-reset:n;gap:22px;display:grid}.hub-note__list li{border-top:1px solid var(--edge);counter-increment:n;padding-top:18px;position:relative}.hub-note__list li:before{content:"0" counter(n);font:12px/1 var(--font-mono);letter-spacing:.06em;color:var(--ta);margin-bottom:8px;display:block}.hub-note__list h3{margin-bottom:6px}.hub-note__list p{color:var(--muted);max-width:44ch}.hub-note__go{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (min-width:900px){.hub-note__in{grid-template-columns:4fr 8fr;gap:28px 72px}.hub-note__in h2{grid-column:1}.hub-note__list{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr))}.hub-note__go{grid-column:2}}
