/* Ontava site styles. Built from the V4 design board; edit build/build_live.py, not this file. */
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/hanken-grotesk-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/hanken-grotesk-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/hanken-grotesk-latin-600-normal.woff2) format('woff2')}
/* Ontava — generated from tokens.json */
:root, [data-theme="light"] {
  --ink: #1a1a17;
  --bronze: #8a6a2b;
  --bronze-light: #c9a45c;
  --paper: #f4f3f1;
  --light: #faf9f7;
  --white: #ffffff;
  --rule: #e3e0db;
  --text-secondary: #55534e;
  --text-label: #6e6b66;
  --bg: var(--paper);
  --surface: var(--white);
  --panel: var(--light);
  --fg: var(--ink);
  --fg-secondary: var(--text-secondary);
  --fg-label: var(--text-label);
  --accent: var(--bronze);
  --accent-inverse: var(--bronze-light);
  --border: var(--rule);
  --btn-bg: var(--ink);
  --btn-fg: var(--white);
  --btn-bg-hover: #34332f;
  --focus: var(--bronze);
  --overlay: rgba(26, 26, 23, 0.6);
}
[data-theme="dark"] {
  --bg: var(--ink);
  --surface: var(--ink);
  --panel: var(--ink);
  --fg: var(--white);
  --fg-secondary: #dad8d3;
  --fg-label: #c5c2bb;
  --accent: var(--bronze-light);
  --accent-inverse: var(--bronze);
  --border: #45443f;
  --btn-bg: var(--paper);
  --btn-fg: var(--ink);
  --btn-bg-hover: var(--rule);
  --focus: var(--bronze-light);
  --overlay: rgba(26, 26, 23, 0.6);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 14px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --panel-gap: 3px;
  --container: 1240px;
  --radius: 0px;
  --stroke-hairline: 1px;
  --stroke-accent: 2px;
  --font-sans: "Hanken Grotesk", system-ui, sans-serif;
}
.display-hero { font-family: var(--font-sans); font-size: 88px; line-height: 1.03; font-weight: 400; letter-spacing: -0.035em; }
.display { font-family: var(--font-sans); font-size: 64px; line-height: 1.05; font-weight: 400; letter-spacing: -0.035em; }
.heading-section { font-family: var(--font-sans); font-size: 52px; line-height: 1.12; font-weight: 400; letter-spacing: -0.035em; }
.heading { font-family: var(--font-sans); font-size: 38px; line-height: 1.15; font-weight: 400; letter-spacing: -0.035em; }
.heading-card { font-family: var(--font-sans); font-size: 23px; line-height: 1.25; font-weight: 400; letter-spacing: -0.02em; }
.subhead { font-family: var(--font-sans); font-size: 22px; line-height: 1.5; font-weight: 400; }
.lead { font-family: var(--font-sans); font-size: 19px; line-height: 1.55; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 1.65; font-weight: 400; }
.prose { font-family: var(--font-sans); font-size: 16px; line-height: 1.75; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 1.5; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 11px; line-height: 1.4; font-weight: 600; letter-spacing: 0.24em; }
.numeral { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 600; letter-spacing: 0.08em; }

/* Ontava web components. Load after tokens.css. Every class is prefixed ot-. */

/* Base */
body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--font-sans); font-size: 15px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
[data-theme] { background: var(--bg); color: var(--fg); }
.ot-container { width: min(100% - 48px, var(--container)); margin-inline: auto; }
.ot-section { padding-block: 108px; }
.ot-surface { background: var(--surface); border-block: 1px solid var(--border); }
.ot a:focus-visible, a.ot-button:focus-visible, a.ot-link:focus-visible, .ot-nav a:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }
.ot-accent { color: var(--accent); }

/* Eyebrow */
.ot-eyebrow { margin: 0 0 20px; color: var(--accent); font-size: 11px; font-weight: 600; letter-spacing: .24em; line-height: 1.4; text-transform: uppercase; }

/* Numbers */
.ot-number { color: var(--accent); font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.ot-marker { display: inline-grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--btn-bg); color: var(--btn-fg); font-size: 22px; font-weight: 600; }
.ot-marker--sm { width: 40px; height: 40px; font-size: 14px; }

/* Buttons and links */
.ot-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 40px; padding: 14px 20px; border: 0; border-radius: 0; font: inherit; font-size: 13px; text-decoration: none; cursor: pointer; }
.ot-button--ink { background: var(--btn-bg); color: var(--btn-fg); }
.ot-button--ink:hover { background: var(--btn-bg-hover); }
.ot-button--outline { background: transparent; color: var(--fg); box-shadow: inset 0 0 0 1px var(--fg); }
.ot-button--outline:hover { color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.ot-link { color: var(--fg); font-size: 13px; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 4px; }
.ot-link:hover { color: var(--accent); }
.ot-button span, .ot-link span { margin-left: 14px; }

/* Logo */
.ot-logo { display: block; color: var(--fg); }
.ot-logo svg { display: block; width: 100%; height: 100%; }
[data-theme="dark"] .ot-logo-word { font-weight: 400; }

/* Site header */
.ot-header { position: relative; z-index: 5; border-bottom: 1px solid var(--border); background: var(--bg); }
.ot-header__inner { display: flex; min-height: 100px; align-items: center; justify-content: space-between; gap: 24px; }
.ot-header .ot-logo { width: 157px; height: 40px; }
.ot-nav { display: flex; align-items: center; gap: clamp(20px, 3.5vw, 52px); }
.ot-nav a { color: var(--fg); font-size: 13px; text-decoration: none; }
.ot-nav a:hover { text-decoration: underline; text-underline-offset: 5px; }
.ot-nav a[aria-current="page"] { color: var(--accent); }
.ot-nav .ot-nav__cta { border-bottom: 1px solid var(--fg); padding-bottom: 6px; }

/* Section heading */
.ot-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 40px; }
.ot-section-heading h2 { margin: 0; font-size: clamp(36px, 4vw, 52px); font-weight: 400; letter-spacing: -.035em; line-height: 1.12; }
.ot-section-heading > p { max-width: 370px; margin: 0 0 3px; color: var(--fg-secondary); }

/* Panel grid and cards */
.ot-grid { display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); gap: var(--panel-gap); }
.ot-card { display: flex; min-height: 320px; flex-direction: column; border: 1px solid var(--border); background: var(--panel); padding: 28px; color: var(--fg); }
.ot-card h3 { margin: auto 0 18px; font-size: 23px; font-weight: 400; letter-spacing: -.02em; line-height: 1.25; }
.ot-card p { margin: 0; color: var(--fg-secondary); font-size: 14px; }
.ot-guide { display: flex; min-height: 310px; flex-direction: column; border: 1px solid var(--border); background: var(--bg); padding: 28px; color: var(--fg); text-decoration: none; transition: background .2s ease; }
.ot-guide:hover { background: var(--panel); }
.ot-guide .ot-guide__cat { margin-left: 14px; color: var(--fg-label); font-weight: 400; letter-spacing: .08em; text-transform: uppercase; }
.ot-guide h3 { margin: 55px 0 12px; font-size: 26px; font-weight: 400; letter-spacing: -.02em; line-height: 1.18; }
.ot-guide p { margin: 0; color: var(--fg-secondary); font-size: 14px; }
.ot-guide__arrow { margin-top: auto; align-self: end; font-size: 22px; }

/* Hero panel: an ink block with a label, a figure and a caption rule */
.ot-hero-panel { position: relative; min-height: 420px; overflow: hidden; background: var(--bg); color: var(--fg); border: 1px solid var(--border); }
.ot-hero-panel__label { position: absolute; top: 29px; left: 34px; right: 34px; z-index: 1; font-size: 10px; font-weight: 600; letter-spacing: .18em; }
.ot-hero-panel__label span { color: var(--accent); padding-inline: 7px; }
.ot-hero-panel__figure { position: absolute; inset: 0; display: grid; place-items: center; }
.ot-hero-panel__figure svg, .ot-hero-panel__figure img { width: 78%; height: 78%; object-fit: cover; }
.ot-hero-panel__caption { position: absolute; right: 34px; bottom: 30px; left: 34px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--border); padding-top: 17px; font-size: 12px; }
.ot-hero-panel__caption span:first-child { color: var(--accent); }

/* Split band: label column plus statement column, used for intro and contact bands */
.ot-band__grid { display: grid; grid-template-columns: minmax(180px, .3fr) minmax(0, .7fr); gap: 40px; padding-block: 100px; }
.ot-band__grid .ot-eyebrow { padding-top: 11px; }
.ot-band h2 { max-width: 780px; margin: 0 0 20px; font-size: clamp(36px, 4vw, 52px); font-weight: 400; letter-spacing: -.035em; line-height: 1.12; }
.ot-band p:not(.ot-eyebrow) { max-width: 560px; margin: 0; color: var(--fg-secondary); font-size: 17px; }

/* Prose */
.ot-prose { max-width: 700px; color: var(--fg); }
.ot-prose h2 { margin: 55px 0 20px; font-size: 34px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2; }
.ot-prose h3 { margin: 42px 0 15px; font-size: 24px; font-weight: 400; }
.ot-prose p, .ot-prose ul, .ot-prose ol { margin: 0 0 22px; font-size: 16px; line-height: 1.75; }
.ot-prose ul, .ot-prose ol { padding-left: 24px; }
.ot-prose li { margin-bottom: 10px; padding-left: 5px; }
.ot-prose a { color: inherit; text-decoration-color: var(--accent); text-underline-offset: 4px; }
.ot-prose strong { font-weight: 600; }
.ot-prose blockquote { margin: 35px 0; border-left: 2px solid var(--accent); padding: 8px 0 8px 24px; color: var(--fg-secondary); font-size: 21px; }
.ot-prose blockquote p { margin: 0; font-size: inherit; }
.ot-prose hr { border: 0; border-top: 1px solid var(--border); margin-block: 45px; }
.ot-prose table { width: 100%; border-collapse: collapse; margin-block: 25px; font-size: 14px; }
.ot-prose th, .ot-prose td { border-bottom: 1px solid var(--border); padding: 12px 10px; text-align: left; vertical-align: top; }
.ot-prose th { font-weight: 600; }
.ot-aside { border-top: 2px solid var(--accent); padding-top: 25px; }
.ot-aside p { font-size: 15px; line-height: 1.7; color: var(--fg-secondary); }

/* Footer */
.ot-footer { background: var(--bg); color: var(--fg); border-top: 1px solid var(--border); }
.ot-footer__top { display: flex; justify-content: space-between; gap: 30px; padding-block: 60px 70px; }
.ot-footer .ot-logo { width: 157px; height: 40px; }
.ot-footer__tagline { margin: 16px 0 0; color: var(--fg-secondary); font-size: 13px; }
.ot-footer__links { display: flex; align-items: start; gap: 34px; }
.ot-footer__links a { color: var(--fg); font-size: 13px; text-decoration: none; }
.ot-footer__links a:hover { text-decoration: underline; text-underline-offset: 5px; }
.ot-footer__bottom { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--border); padding-block: 20px 28px; color: var(--fg-label); font-size: 11px; }

@media (max-width: 900px) {
  .ot-grid { --cols: 2; }
}
@media (max-width: 640px) {
  .ot-container { width: min(100% - 32px, var(--container)); }
  .ot-section { padding-block: 75px; }
  .ot-grid { --cols: 1; }
  .ot-section-heading { display: block; }
  .ot-section-heading > p { margin-top: 22px; }
  .ot-band__grid { grid-template-columns: 1fr; gap: 10px; padding-block: 70px; }
  .ot-header__inner { min-height: 83px; align-items: start; flex-direction: column; gap: 3px; padding-block: 13px 10px; }
  .ot-header .ot-logo { width: 126px; height: 32px; }
  .ot-nav { width: 100%; justify-content: space-between; gap: 12px; }
  .ot-footer__top, .ot-footer__bottom { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .ot-guide { transition: none; } }


:root{--t-hero:clamp(64px,10.5vw,164px);--t-h2:clamp(42px,5vw,72px);--t-h3:24px;--t-body:18px;--t-small:15px;--gap-sec:clamp(96px,11vw,168px)}
body{margin:0}
html{scroll-behavior:smooth}
a{color:inherit}a:hover{color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8A6A2B;outline-offset:4px}
p{max-width:68ch}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ot-button{font-size:var(--t-small);gap:20px}
/* header */
.s-top{position:sticky;top:0;z-index:100;background:var(--bg);transition:background .3s ease}
.s-top.is-stuck{background:#FAF9F7}
.s-head__in{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;flex-wrap:wrap}
.s-logo{display:block;width:140px;height:36px}
.s-logo svg{display:block;width:100%;height:100%}
.s-nav{display:flex;gap:28px;font-size:var(--t-small);flex-wrap:wrap;align-items:center}
.s-nav a{text-decoration:none;position:relative}
.s-nav a[aria-current="true"]{color:var(--accent)}
.s-nav a.s-link::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#8A6A2B;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.s-nav a.s-link[aria-current="true"]::after{transform:scaleX(1)}
.s-nav .s-cta{background:var(--btn-bg);color:var(--btn-fg);padding:10px 16px}
.s-nav .s-cta:hover{background:var(--btn-bg-hover);color:var(--btn-fg)}
/* type */
.t-h2{margin:0;font-size:var(--t-h2);font-weight: 400;line-height:1;letter-spacing:-.04em;max-width:16ch}
.t-h3{margin:0 0 10px;font-size:var(--t-h3);font-weight:400;line-height:1.25;letter-spacing:-.02em}
.t-lead{margin:0;font-size:var(--t-h3);line-height:1.4;letter-spacing:-.01em;max-width:36ch}
.t-body{margin:0;font-size:var(--t-body);line-height:1.6}
.t-small{margin:0;font-size:var(--t-small);line-height:1.5;color:var(--fg-secondary)}
.sec{scroll-margin-top:84px;padding-block:var(--gap-sec)}
.field-white{background:#FFFFFF;color:#1A1A17}
.field-light{background:#FAF9F7}
.paper{background:#FFFFFF;color:#1A1A17;border:1.5px solid #1A1A17;box-shadow:8px 8px 0 #1A1A17}
/* hero + demo */
.h-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:end;padding-top:48px}
.h-o{display:inline-block;width:.56em;height:.56em;vertical-align:-.015em;margin:0 .015em;overflow:visible}
.h-arc{stroke-dasharray:63.6 999;stroke-dashoffset:63.6;animation:h-draw .8s cubic-bezier(.3,.7,.2,1) forwards}
@keyframes h-draw{to{stroke-dashoffset:0}}
.h-dot{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:h-pop .45s cubic-bezier(.2,.7,.2,1) 1.1s forwards}
@keyframes h-pop{to{transform:scale(1)}}
/* the machine */
.mx-band{background:#1A1A17;color:#FFFFFF;margin-top:80px;padding:56px 0 48px}
.mx-stage{position:relative;width:100%;container-type:inline-size;isolation:isolate;z-index:0}
.mx-it.is-jump{transition:none !important}
.mx-stage.m{display:none}
@media (max-width:720px){.mx-stage.d{display:none}.mx-stage.m{display:block}.mx-band{padding:40px 0 40px}}
.mx-pipes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mx-ch .rail{stroke:rgba(255,255,255,.16);stroke-width:1px;fill:none;transition:stroke .3s ease}
.mx-ch .flow{stroke:transparent;stroke-width:2px;stroke-dasharray:4 7;fill:none}
.mx-ch.desk .rail{stroke:rgba(201,164,92,.32)}
.mx-ch.is-on .rail{stroke:rgba(201,164,92,.7)}
.mx-ch.is-on .flow{stroke:#C9A45C;animation:mx-flow .8s linear infinite}
@keyframes mx-flow{to{stroke-dashoffset:-11}}
.mx-bin{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1.5px;stroke-linejoin:round}
.mx-bin.desk{stroke:rgba(201,164,92,.6)}
.mx-house{position:absolute;overflow:visible}
.mx-house .rim{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1px;vector-effect:non-scaling-stroke}
.mx-house .ticks line{stroke:rgba(255,255,255,.2);stroke-width:1px;vector-effect:non-scaling-stroke}
.mx-port{fill:none;stroke:rgba(255,255,255,.28);stroke-width:2px;vector-effect:non-scaling-stroke;transition:stroke .3s ease}
.mx-port.desk{stroke:rgba(201,164,92,.6)}
.mx-port.is-on{stroke:#C9A45C}
.mx-ring{position:absolute;overflow:visible;transition:transform .75s cubic-bezier(.5,0,.2,1)}
.mx-ring .gear{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1.2;stroke-dasharray:1 3.2}
.mx-hub{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#C9A45C;transition:transform .4s ease}
.mx-hub.is-on{transform:translate(-50%,-50%) scale(1.3)}
.mx-you{position:absolute;transform:translate(-50%,0);font-size:clamp(11px,1.05cqw,14px);color:#C9A45C;letter-spacing:.02em}
.mx-lab{position:absolute;font-size:clamp(12px,1.15cqw,15px);line-height:1.25;color:rgba(255,255,255,.55);transition:color .3s ease;white-space:nowrap}
.mx-stage.m .mx-lab{font-size:13px;white-space:normal;width:22cqw;text-align:center;transform:translate(-50%,0)}
.mx-stage.d .mx-lab.st{transform:translate(0,-50%)}
.mx-stage.d .mx-lab.tr{transform:translate(-50%,0)}
.mx-lab.is-desk{color:#C9A45C}
.mx-lab.is-ping{color:#FFFFFF}
.mx-lab.is-desk.is-ping{color:#E2C58A}
.mx-it{position:absolute;box-sizing:border-box;padding:.6em .8em;background-color:#FFFFFF;color:#1A1A17;line-height:1.25;box-shadow:0 1px 0 rgba(0,0,0,.25);transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s));opacity:var(--o);transition:opacity .35s ease,left .8s cubic-bezier(.6,0,.2,1),top .8s cubic-bezier(.6,0,.2,1),transform .8s cubic-bezier(.6,0,.2,1),background .3s ease,color .2s ease}
.mx-it i{display:block;font-style:normal;color:#8A6A2B;font-weight:600}
.mx-it.is-desk{background-color:#C9A45C;color:#1A1A17}
.mx-it.is-desk i{color:#1A1A17}
.mx-it.is-pile,.mx-it.is-pile i{color:transparent}
.mx-it::after{content:"";display:block}
.k-email{padding-top:1.5em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpolyline points='0,0 50,19 100,0' fill='none' stroke='%231A1A17' stroke-opacity='.22' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 1.25em;background-position:top}
.k-receipts{padding-bottom:1em;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - .45em) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/.6em .45em repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - .45em) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/.6em .45em repeat-x}
.k-receipts::after{margin-top:.45em;border-top:1px dashed rgba(26,26,23,.3)}
.k-recording{background-color:#33322D;color:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.k-recording i{color:#C9A45C}
.k-recording::after{height:.9em;margin-top:.45em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 10' fill='%23C9A45C'%3E%3Crect x='0' y='4.0' width='1.6' height='2.0' rx='.8'/%3E%3Crect x='3' y='3.0' width='1.6' height='4.0' rx='.8'/%3E%3Crect x='6' y='1.5' width='1.6' height='7.0' rx='.8'/%3E%3Crect x='9' y='3.5' width='1.6' height='3.0' rx='.8'/%3E%3Crect x='12' y='0.5' width='1.6' height='9.0' rx='.8'/%3E%3Crect x='15' y='2.0' width='1.6' height='6.0' rx='.8'/%3E%3Crect x='18' y='4.0' width='1.6' height='2.0' rx='.8'/%3E%3Crect x='21' y='2.5' width='1.6' height='5.0' rx='.8'/%3E%3Crect x='24' y='1.0' width='1.6' height='8.0' rx='.8'/%3E%3Crect x='27' y='3.0' width='1.6' height='4.0' rx='.8'/%3E%3Crect x='30' y='0.0' width='1.6' height='10.0' rx='.8'/%3E%3Crect x='33' y='1.5' width='1.6' height='7.0' rx='.8'/%3E%3Crect x='36' y='3.5' width='1.6' height='3.0' rx='.8'/%3E%3Crect x='39' y='2.0' width='1.6' height='6.0' rx='.8'/%3E%3Crect x='42' y='3.0' width='1.6' height='4.0' rx='.8'/%3E%3Crect x='45' y='4.0' width='1.6' height='2.0' rx='.8'/%3E%3Crect x='48' y='2.5' width='1.6' height='5.0' rx='.8'/%3E%3Crect x='51' y='3.5' width='1.6' height='3.0' rx='.8'/%3E%3Crect x='54' y='4.2' width='1.6' height='1.5' rx='.8'/%3E%3Crect x='57' y='3.5' width='1.6' height='3.0' rx='.8'/%3E%3C/svg%3E") left center/100% 100% no-repeat}
.k-form::after{height:.9em;margin-top:.45em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 10'%3E%3Crect x='.5' y='1.5' width='7' height='7' fill='none' stroke='%231A1A17' stroke-opacity='.45'/%3E%3Cpolyline points='2,5 4,7 7,2.5' fill='none' stroke='%238A6A2B' stroke-width='1.3'/%3E%3Cline x1='11' y1='7.5' x2='58' y2='7.5' stroke='%231A1A17' stroke-opacity='.2'/%3E%3C/svg%3E") left center/100% 100% no-repeat}
.k-statement::after{height:1.15em;margin-top:.4em;background:repeating-linear-gradient(#0000 0 .3em,rgba(26,26,23,.18) .3em calc(.3em + 1px)),linear-gradient(90deg,#0000 calc(70% - 1px),rgba(26,26,23,.18) calc(70% - 1px) 70%,#0000 70%)}
.k-notice::before{content:"";position:absolute;left:50%;top:-.3em;width:.6em;height:.6em;margin-left:-.3em;border-radius:50%;background:#C9A45C;box-shadow:0 1px 0 rgba(0,0,0,.35)}
.k-invoice{clip-path:polygon(0 0,calc(100% - .9em) 0,100% .9em,100% 100%,0 100%)}
.k-invoice::before{content:"";position:absolute;right:0;top:0;width:.9em;height:.9em;background:linear-gradient(45deg,#D9D6CF 50%,#0000 50%)}
.k-dates::after{height:.8em;margin-top:.45em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 9'%3E%3Crect x='0.0' y='0' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='8.5' y='0' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='17.0' y='0' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='25.5' y='0' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='34.0' y='0' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='42.5' y='0' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='51.0' y='0' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='0.0' y='5' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='8.5' y='5' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='17.0' y='5' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='25.5' y='5' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='34.0' y='5' width='7' height='3.6' fill='%238A6A2B' fill-opacity='1'/%3E%3Crect x='42.5' y='5' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3Crect x='51.0' y='5' width='7' height='3.6' fill='%231A1A17' fill-opacity='0.14'/%3E%3C/svg%3E") left center/100% 100% no-repeat}
.mx-it.is-desk.k-dates::after{filter:brightness(.6)}

.ap-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;margin-top:16px}
.ap-cap{margin:0;font-size:22px;line-height:1.4;letter-spacing:-.01em;min-height:62px;max-width:46ch;color:#FFFFFF}
.ap-hours{margin:0;font-variant-numeric:tabular-nums;text-align:right;font-size:clamp(48px,6vw,88px);font-weight: 400;letter-spacing:-.045em;line-height:1;color:#FFFFFF}
.ap-hours small{display:block;margin-top:8px;font-size:16px;letter-spacing:0;color:rgba(255,255,255,.62)}
.ap-btns{display:flex;gap:20px;align-items:center;margin-top:16px}
.ap-clock{margin:0 0 8px;font-size:15px;color:#C9A45C;font-variant-numeric:tabular-nums}
.ap-btn{font:inherit;font-size:15px;min-height:52px;padding:0 22px;border:0;background:#FFFFFF;color:#1A1A17;cursor:pointer}
.ap-btn:hover{background:#C9A45C}
.ap-btn:focus-visible,.ap-plain:focus-visible{outline:2px solid #C9A45C;outline-offset:3px}
.ap-plain{font:inherit;font-size:15px;background:none;border:0;padding:0;color:#FFFFFF;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}
@media (max-width:1000px){.ap-foot{grid-template-columns:1fr}.ap-hours{text-align:left}}
@media (prefers-reduced-motion:reduce){.mx-ring,.mx-it,.mx-hub,.mx-lab{transition:none}.mx-pipe.is-on{animation:none}}
.ap-note{font-size:var(--t-small);color:rgba(255,255,255,.5)}
.ap-btns{flex-wrap:wrap}

/* what we do */
.w-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end}
.w-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 72px;margin-top:96px}
.w-pair{margin:20px 0 0;display:grid;gap:8px;font-size:var(--t-small);line-height:1.5}
.w-pair b{font-weight:600}
.w-pair .keep b{color:#8A6A2B}
/* price list paper */
.v-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:center}
.v-board{padding:48px 56px 40px;transform:rotate(-0.4deg)}
.v-line{display:flex;align-items:baseline;gap:12px;padding:12px 0;font-size:var(--t-body)}
.v-dots{flex:1 1 auto;border-bottom:2px dotted #A9A69F;transform:translateY(-5px);min-width:24px}
.v-price{font-weight:600;white-space:nowrap}
/* won't do (ink band) */
.n-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 48px;margin-top:72px}
.n-grid .t-h3{color:#C9A45C}
.n-grid p{color:#FFFFFF}
/* how */
.k-track{list-style:none;margin:72px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;position:relative}
.k-track::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:var(--fg)}
.k-step{position:relative;padding-top:48px}
.k-dot{position:absolute;top:0;left:0;width:24px;height:24px;border-radius:50%;background:var(--bg);border:2px solid var(--fg);box-sizing:border-box}
.k-step:first-child .k-dot{background:#8A6A2B;border-color:#8A6A2B}
.k-when{color:#8A6A2B;font-weight:600}
.r-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:center}
.r-card{padding:44px 48px 32px;font-size:var(--t-small);line-height:1.5;transform:rotate(0.5deg)}
.r-table{width:100%;border-collapse:collapse}
.r-table th{text-align:left;font-weight:400;color:#6E6B66;width:150px;padding:13px 16px 13px 0;vertical-align:top;border-bottom:1px solid #E3E0DB}
.r-table td{padding:13px 0;border-bottom:1px solid #E3E0DB}
.r-table tr:last-child th,.r-table tr:last-child td{border-bottom:0}
.q-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 48px;margin-top:56px}
.q-grid details{background:#FFFFFF;padding:0 24px}
.q-grid summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:22px 0;font-size:20px;letter-spacing:-.01em}
.q-grid summary::-webkit-details-marker{display:none}
.q-grid summary span{font-size:24px;font-weight: 400;color:#8A6A2B;transition:transform .2s ease}
.q-grid details[open] summary span{transform:rotate(45deg)}
.q-grid .ans{margin:0 0 24px;font-size:var(--t-body);line-height:1.6}
/* stories */
.st-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start;margin-top:80px}
.st-big{margin:0;font-size:var(--t-hero);font-weight: 400;line-height:.9;letter-spacing:-.05em;color:#8A6A2B}
.st-quote{margin:32px 0 12px;font-size:var(--t-h3);line-height:1.4;font-weight: 400;max-width:34ch}
.st-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:96px;padding-top:56px}
.st-hours{display:flex;align-items:baseline;gap:16px;margin:12px 0 16px;font-size:var(--t-h2);font-weight: 400;letter-spacing:-.04em;line-height:1}
.st-hours s{color:#A9A69F;text-decoration-thickness:2px}
.st-hours span{color:#8A6A2B}
.no-band{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
/* about */
.a-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:72px}
.a-photo{aspect-ratio:4/5;background:#E3E0DB;display:flex;align-items:flex-end;padding:16px;box-sizing:border-box;color:#55534E;font-size:var(--t-small);margin-bottom:20px}
.a-qa{margin:16px 0 0;display:grid;gap:10px;font-size:var(--t-small);line-height:1.5}
.a-qa b{display:block;font-weight:600}
.reg-wrap>*,.c-wrap>*,.r-wrap>*,.v-wrap>*,.w-intro>*,.no-band>*{min-width:0}
.reg-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.reg-list{list-style:none;margin:0;padding:0}
.reg-list li{display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:14px 0;font-size:var(--t-h3);line-height:1.35;letter-spacing:-.01em}
.reg-list li span:last-child{font-size:var(--t-small);color:#6E6B66;white-space:nowrap}
.u-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.u-input{font:inherit;font-size:16px;flex:1 1 200px;min-width:0;min-height:54px;padding:0 16px;border:1.5px solid #1A1A17;background:#FFFFFF;color:#1A1A17;border-radius:0}
/* contact */
.c-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.c-next{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:16px;font-size:var(--t-body);line-height:1.5}
.c-next strong{font-weight:600}
.c-comp{margin-top:48px;padding:28px 32px;background:#1A1A17;color:#FFFFFF}
.c-comp b{display:block;color:#C9A45C;font-size:var(--t-h3);font-weight:400;margin-bottom:8px}
.c-form{background:#FFFFFF;color:#1A1A17;padding:44px 48px 40px}
.c-field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.c-field label,.c-legend{font-size:var(--t-small);font-weight:600}
.c-hint{font-weight:400;color:#6E6B66}
.c-input{font:inherit;font-size:16px;min-height:52px;padding:0 14px;border:1.5px solid #1A1A17;background:#FAF9F7;color:#1A1A17;border-radius:0;box-sizing:border-box;width:100%}
textarea.c-input{min-height:110px;padding:12px 14px;resize:vertical;line-height:1.5}
.c-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.c-jobs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.c-job{font:inherit;font-size:var(--t-small);min-height:44px;padding:0 16px;border:1.5px solid #1A1A17;background:#FFFFFF;color:#1A1A17;cursor:pointer}
.c-stamp{display:inline-block;margin:8px 0 24px;padding:8px 16px;border:3px double #8A6A2B;color:#8A6A2B;font-size:var(--t-small);font-weight:600;transform:rotate(-5deg)}
/* footer */
.s-foot__top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-block:64px 48px}
.s-foot__tag{margin:14px 0 0;color:var(--fg-secondary);font-size:var(--t-small)}
.s-foot__nav{display:flex;flex-wrap:wrap;gap:28px;font-size:var(--t-small)}
.s-foot__nav a{text-decoration:none}
.s-foot__base{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:24px 40px;font-size:var(--t-small);color:var(--fg-label)}
/* responsive */
@media (max-width:1000px){
.h-row,.w-intro,.v-wrap,.r-wrap,.no-band,.reg-wrap,.c-wrap,.st-feature{grid-template-columns:1fr;gap:40px}
.w-grid{grid-template-columns:1fr;gap:56px;margin-top:64px}
.n-grid{grid-template-columns:1fr 1fr}
.k-track{grid-template-columns:1fr;gap:0}.k-track::before{left:11px;right:auto;top:0;bottom:0;width:2px;height:auto}.k-step{padding:0 0 40px 52px}
.q-grid,.st-more,.a-team{grid-template-columns:1fr}
.a-photo{aspect-ratio:3/2}
}
@media (max-width:640px){
:root{--t-body:17px;--t-h3:21px}
.s-head__in{padding-block:14px}.s-nav{gap:14px;font-size:14px}.s-nav .s-link{display:none}
.n-grid{grid-template-columns:1fr}
.v-board,.r-card,.c-form{padding:28px 22px}.v-board,.r-card{transform:none}
.v-line{flex-wrap:wrap}.v-dots{display:none}.v-line .v-price{margin-left:auto}
.r-table th{width:110px}
.c-row{grid-template-columns:1fr}
.reg-list li{flex-direction:column;gap:2px;padding-right:8px;overflow-wrap:anywhere}
.r-card p:first-child{font-size:22px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.e-mail,.e-seg,.e-fill,.e-del,.e-tab,.m-arc,.s-nav a.s-link::after{transition:none}.e-spin,.e-in-a,.e-in-b,.e-chip,.e-folder,.m-dot.is-set{animation:none !important}.h-arc{animation:none;stroke-dashoffset:0}.h-dot{animation:none;transform:none}.e-mail.is-gone{transform:none}}


/* ===== V4: the machine's world ===== */
:root{--ink:#1A1A17;--paper:#F4F3F1;--bronze:#8A6A2B;--rule:rgba(26,26,23,.14);--muted:#55534E}
body{background:var(--paper)}
::selection{background:#1A1A17;color:#F4F3F1}
:focus-visible{outline:2px solid #1A1A17;outline-offset:3px}
a{text-underline-offset:3px}
.v4-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:end;padding-top:72px;padding-bottom:8px}
.v4-h1{margin:0;font-size:clamp(68px,9.4vw,148px);font-weight:500;line-height:.9;letter-spacing:-.045em}
.v4-h1 .h-o{width:.6em;height:.6em}
.v4-offer{padding-bottom:16px;max-width:30rem}
.v4-lead{margin:0;font-size:22px;line-height:1.4;letter-spacing:-.01em}
.v4-actions{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:28px}
.v4-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;background:#1A1A17;color:#F4F3F1;text-decoration:none;font-weight:500;transition:background .2s ease}
.v4-btn:hover{background:#3A3935}
.v4-link{color:#1A1A17;font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px;min-height:44px;display:inline-flex;align-items:center}
.v4-note{display:flex;gap:10px;align-items:flex-start;margin:28px 0 0;font-size:var(--t-small);line-height:1.5;color:var(--muted)}
.v4-mark{flex:0 0 auto;color:#1A1A17}
.v4-note .v4-mark{margin-top:2px}
.mx-band{margin-top:56px !important}
.v4-sec{scroll-margin-top:84px;padding-block:clamp(88px,9vw,136px)}
.v4-h2{margin:0;font-size:clamp(36px,3.8vw,56px);font-weight:500;line-height:1.05;letter-spacing:-.035em;max-width:16ch;text-wrap:balance}
.v4-h3{margin:56px 0 0;font-size:22px;font-weight:600;letter-spacing:-.01em}
.v4-p{margin:20px 0 0;font-size:var(--t-body);line-height:1.6;max-width:60ch;text-wrap:pretty}
.v4-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:end}
.v4-head .v4-p{margin:0}
/* paper slips, shared with the machine */
.v4-slip{position:relative;box-sizing:border-box;width:100%;padding:.75em .9em;background-color:#FFFFFF;color:#1A1A17;font-size:15px;line-height:1.3;box-shadow:0 1px 2px rgba(26,26,23,.14),0 8px 16px -10px rgba(26,26,23,.35)}
.v4-slip i{display:block;font-style:normal;font-weight:600;color:var(--bronze);font-size:13px;margin-bottom:2px}
.v4-slip::after{content:"";display:block}
.v4-slip.is-desk{background-color:#C9A45C}
.v4-slip.is-desk i{color:#1A1A17}

.s-nav .s-cta,.s-nav .s-cta[aria-current="true"]{color:#F4F3F1 !important}
/* paper types the machine was missing */
.k-doc{clip-path:polygon(0 0,calc(100% - .9em) 0,100% .9em,100% 100%,0 100%)}
.k-doc::before{content:"";position:absolute;right:0;top:0;width:.9em;height:.9em;background:linear-gradient(45deg,#D9D6CF 50%,#0000 50%)}
.k-doc::after{height:.9em;margin-top:.45em;background:repeating-linear-gradient(#0000 0 .28em,rgba(26,26,23,.16) .28em calc(.28em + 1px));width:80%}
.k-sheet::after{height:1.1em;margin-top:.45em;background:linear-gradient(90deg,rgba(26,26,23,.2) 1px,#0000 1px) 0 0/25% 100%,linear-gradient(rgba(26,26,23,.2) 1px,#0000 1px) 0 0/100% .37em;border-right:1px solid rgba(26,26,23,.2);border-bottom:1px solid rgba(26,26,23,.2)}
.k-note{background-color:#F1EEE6}
.k-note::before{content:"";position:absolute;left:50%;top:-.35em;width:2.6em;height:.8em;margin-left:-1.3em;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(26,26,23,.06);transform:rotate(-3deg)}
.k-note::after{height:.9em;margin-top:.45em;background:repeating-linear-gradient(#0000 0 .28em,rgba(138,106,43,.3) .28em calc(.28em + 1px))}
.v4-slip.is-desk.k-note{background-color:#C9A45C}
.k-note:not(.is-desk) i{color:#6B5222 !important}
.v4-btn:hover,.v4-btn:focus-visible{color:#F4F3F1 !important}
/* bins: open ink trays */
.v4-bin{position:relative;border:1.5px solid #1A1A17;border-top:0;padding:0 12px 12px;min-height:72px;display:flex;align-items:flex-end}
.v4-bin-desk{border-color:var(--bronze);border-width:2px}
/* the first job */
.v4-first{background:#FFFFFF}
.v4-first-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}
.v4-ticket{background:#F4F3F1;border:1.5px solid #1A1A17;font-size:var(--t-body)}
.v4-ticket-head,.v4-ticket-foot{display:flex;justify-content:space-between;padding:14px 24px;font-size:var(--t-small);font-weight:600}
.v4-ticket-head{border-bottom:1.5px solid #1A1A17}
.v4-ticket-head span:last-child,.v4-ticket-foot span:last-child{color:var(--muted);font-weight:400}
.v4-ticket-foot{border-top:1.5px dashed #1A1A17}
.v4-ticket-rows{margin:0;padding:8px 24px}
.v4-ticket-rows div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--rule)}
.v4-ticket-rows div:last-child{border-bottom:0}
.v4-ticket-rows dt{font-size:var(--t-small);font-weight:600;padding-top:2px}
.v4-ticket-rows dd{margin:0;line-height:1.5}
.v4-keep dt{display:flex;gap:8px;align-items:flex-start;color:#6B5222}
.v4-keep dd{color:#6B5222}
/* where the work goes */
.v4-bins{list-style:none;margin:72px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.v4-bin-col .v4-bin{min-height:110px}
.v4-bin-col .v4-slip{transform:rotate(-1.2deg)}
.v4-bin-col:nth-child(even) .v4-slip{transform:rotate(1deg)}
.v4-bin-col h3{margin:22px 0 0;font-size:22px;font-weight:600;letter-spacing:-.01em}
.v4-bin-col p{margin:10px 0 0;font-size:16px;line-height:1.55}
.v4-keep-line{display:flex;gap:8px;align-items:flex-start;color:#6B5222 !important;font-size:15px !important}
.v4-keep-line .v4-mark{margin-top:2px}
.v4-desk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:40px;align-items:end;margin-top:64px;padding-top:40px;border-top:1px solid var(--rule)}
.v4-desk h3,.v4-no h3{margin:0;font-size:22px;font-weight:600;color:#6B5222}
.v4-desk p,.v4-no p{margin:10px 0 0;font-size:var(--t-body);line-height:1.6;max-width:60ch}
.v4-bin-desk{min-height:96px}
/* the receipt */
.v4-costs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:96px;align-items:start}
.v4-wont{list-style:none;margin:20px 0 0;padding:0;max-width:56ch}
.v4-wont li{padding:14px 0;border-top:1px solid var(--rule);font-size:16px;line-height:1.55}
.v4-receipt{background:#FFFFFF;padding:32px 32px 44px;font-size:16px;box-shadow:0 1px 2px rgba(26,26,23,.12),0 18px 32px -18px rgba(26,26,23,.35);-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/16px 10px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/16px 10px repeat-x}
.v4-receipt-head{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding-bottom:18px;border-bottom:1.5px dashed #1A1A17}
.v4-receipt-head > span:first-of-type{font-size:22px;font-weight:500;letter-spacing:-.01em}
.v4-receipt-sub{grid-column:1 / -1;margin-top:8px;font-size:var(--t-small);color:var(--muted)}
.v4-receipt-lines{list-style:none;margin:8px 0 0;padding:0}
.v4-receipt-lines li,.v4-receipt-total{display:flex;justify-content:space-between;gap:16px;padding:14px 0;line-height:1.45}
.v4-receipt-lines li span:last-child,.v4-receipt-total span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}
.v4-receipt-lines li + li{border-top:1px dotted rgba(26,26,23,.35)}
.v4-receipt-total{margin:8px 0 0;border-top:1.5px solid #1A1A17;border-bottom:1.5px solid #1A1A17;font-weight:600}
.v4-receipt-total span:last-child{color:#6B5222}
.v4-receipt-foot{margin:16px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
/* after the first job: bins filling */
.v4-steps{list-style:none;margin:72px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;position:relative}
.v4-steps::before{content:"";position:absolute;left:0;right:0;top:36px;height:7px;border-top:1px solid rgba(26,26,23,.3);border-bottom:1px solid rgba(26,26,23,.3);z-index:0}
.v4-steps li{position:relative;z-index:1}
.v4-bin-step{min-height:72px;background:var(--paper);flex-direction:column-reverse;align-items:stretch;justify-content:flex-start;gap:4px;padding-top:8px}
.v4-fill{display:block;height:9px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(26,26,23,.2);transform:rotate(calc((var(--i) - 1.5) * 1.2deg))}
.v4-steps h3{margin:22px 0 0;font-size:22px;font-weight:600;letter-spacing:-.01em}
.v4-when{margin:6px 0 0;font-size:var(--t-small);font-weight:600;color:#6B5222}
.v4-steps p:last-child{margin:10px 0 0;font-size:16px;line-height:1.55}
/* stories */
.v4-example{color:#6B5222}
.v4-stories{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.v4-story .v4-slip{font-size:17px;min-height:92px;transform:rotate(-.8deg)}
.v4-story:nth-child(2) .v4-slip{transform:rotate(.9deg)}
.v4-story-hours{margin:22px 0 0;font-size:24px;font-weight:500;letter-spacing:-.02em}
.v4-story .v4-keep-line{margin:12px 0 0}
.v4-no{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:40px;align-items:end;margin-top:72px;padding-top:40px;border-top:1px solid var(--rule)}
/* questions */
.v4-faq-sec{background:#FFFFFF}
.v4-faq{margin-top:48px;max-width:860px}
.v4-faq details{border-top:1px solid var(--rule)}
.v4-faq details:last-child{border-bottom:1px solid var(--rule)}
.v4-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:22px 0;font-size:20px;font-weight:500;letter-spacing:-.01em}
.v4-faq summary::-webkit-details-marker{display:none}
.v4-faq summary span{font-size:24px;color:#1A1A17;transition:transform .2s ease}
.v4-faq details[open] summary span{transform:rotate(45deg)}
.v4-faq .ans{margin:0 0 24px;font-size:var(--t-body);line-height:1.6;max-width:65ch}
/* team */
.v4-team{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.v4-team li{border-top:1.5px solid #1A1A17;padding-top:18px}
.v4-team p{margin:8px 0 0;font-size:16px;line-height:1.55}
.v4-team b{display:block;font-weight:600;font-size:var(--t-small)}
.v4-name{font-size:22px !important;font-weight:600;margin:0 !important}
.v4-role{color:var(--muted)}
/* keep the old big light headings in the kept sections in the same voice */
.t-h2{font-weight:500 !important;font-size:clamp(36px,3.8vw,56px) !important;letter-spacing:-.035em !important;line-height:1.05 !important}
.paper{box-shadow:0 1px 2px rgba(26,26,23,.12),0 18px 32px -18px rgba(26,26,23,.35) !important;border:0 !important;transform:none !important}
@media (max-width:1100px){.v4-bins{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}.v4-steps::before{display:none}}
@media (max-width:1000px){
.v4-hero,.v4-head,.v4-first-grid,.v4-costs-grid{grid-template-columns:1fr;gap:32px}
.v4-hero{padding-top:48px}
.v4-stories,.v4-team{grid-template-columns:1fr}
.v4-desk,.v4-no{grid-template-columns:1fr;gap:24px}
.v4-desk .v4-bin,.v4-no .v4-bin{max-width:240px}
}
@media (max-width:640px){
.v4-bins,.v4-steps{grid-template-columns:1fr}
.v4-ticket{transform:none}
.v4-ticket-rows div{grid-template-columns:1fr;gap:4px}
.v4-receipt{padding:24px 20px 40px;transform:none}
.v4-lead{font-size:20px}
}

/* ===== fix round 1: bronze rule, one ground, tray questions, ticket form, phone nav, tally ===== */
.v4-first{background:transparent}
.v4-ticket{background:#FFFFFF}
.v4-sec{padding-block:clamp(72px,7vw,112px)}
.v4-when{color:#1A1A17}
.v4-example{color:var(--muted)}
.v4-receipt-total span:last-child{color:#1A1A17}
.ap-clock{color:rgba(255,255,255,.72) !important}
.s-nav a[aria-current="true"]{color:#1A1A17 !important}
.s-nav a.s-link::after{background:#1A1A17 !important}
.v4-slip i,.mx-it i{color:#55534E !important}
.v4-slip.is-desk i,.mx-it.is-desk i{color:#1A1A17 !important}
.mx-it.k-recording i{color:rgba(255,255,255,.72) !important}
.k-note:not(.is-desk) i{color:#55534E !important}
/* the desk */
.v4-desk{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:56px}
.v4-desk-bin{display:block;padding:16px 16px 16px;min-height:0}
.v4-desk-slips{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v4-desk-slip{display:flex;justify-content:space-between;gap:16px;align-items:baseline;font-size:15px;padding:.6em .8em}
.v4-desk-slip:nth-child(odd){transform:rotate(-.4deg)}
.v4-desk-slip::after{display:none !important}
.v4-desk-slip em{font-style:normal;font-size:13px;color:#3A3122;white-space:nowrap}
.v4-desk-copy p{margin:12px 0 0;font-size:var(--t-body);line-height:1.6;max-width:56ch}
.v4-add{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
.v4-input{flex:1 1 240px;min-height:52px;padding:0 14px;font:inherit;font-size:16px;border:1.5px solid #1A1A17;background:#FFFFFF;color:#1A1A17;border-radius:0}
.v4-input::placeholder{color:#6E6B66}
.v4-small{font-size:var(--t-small) !important;color:var(--muted)}
button.v4-btn{border:0;font:inherit;font-weight:500;cursor:pointer}
/* questions in a tray */
.v4-q-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.v4-q-bin{display:block;padding:16px}
.v4-q{display:block;margin:0 0 10px;padding:0 1em;font-size:17px}
.v4-q:last-child{margin-bottom:0}
.v4-q summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:1em 0;font-weight:500}
.v4-q summary::-webkit-details-marker{display:none}
.v4-q summary i{font-weight:600;font-size:13px}
.v4-plus{width:18px;height:18px;flex:0 0 auto;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.v4-q[open] .v4-plus{transform:rotate(45deg)}
.v4-q p{margin:0 0 1.1em;line-height:1.6;max-width:62ch;font-size:16px}
.v4-q::after{display:none !important}
/* the contact form is the job ticket from the top of the page */
.c-form{background:#FFFFFF !important;border:1.5px solid #1A1A17;padding:0 32px 32px !important;box-shadow:none !important}
.c-ticket-head-old{margin:0 -32px 26px !important;padding:14px 32px !important;border-bottom:1.5px solid #1A1A17 !important}
.c-ticket-head-old span:first-child{font-size:15px !important;font-weight:600 !important;letter-spacing:0 !important}
.c-form [aria-live]{padding-top:28px}
.v4-who{margin-top:40px}
/* the hours read as a tally slip the machine wrote */
.ap-hours{background:#FFFFFF;color:#1A1A17 !important;font-size:clamp(34px,3.2vw,44px) !important;padding:14px 20px 16px;text-align:left !important;box-shadow:0 8px 18px -12px rgba(0,0,0,.6)}
.ap-hours::before{content:"Tally";display:block;font-size:13px;font-weight:600;letter-spacing:0;color:#55534E;margin-bottom:6px}
.ap-hours small{color:#55534E !important;font-size:14px !important}
@media (max-width:1000px){.v4-q-grid,.v4-desk{grid-template-columns:1fr;gap:28px}.ap-hours{justify-self:start}}
@media (max-width:760px){
.s-head__in{position:relative}
.s-nav{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:20px;scrollbar-width:none}
.s-nav::-webkit-scrollbar{display:none}
.s-link{display:inline-block !important;white-space:nowrap;font-size:14px;padding-block:6px}
.s-nav{position:static !important}
.s-nav .s-cta{position:absolute !important;top:14px;right:16px;white-space:nowrap}
.c-form{padding:0 20px 24px !important}
.c-ticket-head-old{margin:0 -20px 22px !important;padding:12px 20px !important}
}

/* ===== fix round 2: last bronze, gaps, phone length ===== */
.v4-no h3{color:#1A1A17 !important}
.v4-sec{padding-block:clamp(56px,5.5vw,88px)}
#contact.sec{padding-block:clamp(64px,6vw,96px) clamp(80px,7vw,112px)}
.c-wrap > div:first-child{position:sticky;top:120px}
.v4-desk{margin-top:48px}
.v4-no{margin-top:48px}
@media (max-width:760px){
.v4-sec{padding-block:48px}
#contact.sec{padding-block:48px 64px}
.c-wrap > div:first-child{position:static}
.v4-bins,.v4-steps,.v4-stories{margin-top:40px;gap:36px}
.v4-bin-col .v4-bin{min-height:84px}
.v4-wont li{padding:10px 0}
.v4-h3{margin-top:36px}
.mx-band{margin-top:40px !important}
.v4-hero{padding-top:32px}
}

/* ===== documenter findings ===== */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #1A1A17 !important;outline-offset:3px}
.mx-band a:focus-visible,.mx-band button:focus-visible{outline-color:#FFFFFF !important}
.ap-hours{font-weight:500 !important}

/* ===== brand 1.2.1: petrol accent, semibold headings ===== */
:root{--petrol:#164B5A}
.v4-h1,.v4-h2,.t-h2{font-weight:600 !important}
.v4-h1{letter-spacing:-.05em}
.v4-link,.v4-sec a:not(.v4-btn),#contact a:not(.v4-btn):not(.ot-button){color:var(--petrol) !important;text-decoration:underline;text-decoration-color:var(--petrol);text-decoration-thickness:1.5px}
.v4-start{display:inline-block;vertical-align:middle;margin-left:8px;padding:3px 8px;background:var(--petrol);color:#FFFFFF;font-size:13px;font-weight:600;letter-spacing:0;line-height:1.3}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--petrol) !important}
.mx-band a:focus-visible,.mx-band button:focus-visible{outline-color:#FFFFFF !important}

/* ===== content and layout review ===== */
.mx-band{padding:40px 0 32px !important}
.mx-stage.d{max-width:none;width:calc(100% + 48px);margin:0 -24px}
.mx-band .ap-foot{margin-top:-2.5vw;position:relative;z-index:1}
@media (max-width:720px){.mx-band .ap-foot{margin-top:40px}}
.v4-first-copy,.v4-costs-grid > div:first-child{position:sticky;top:120px}
.v4-inline-cta{margin-top:28px}
.v4-add .v4-btn{background:transparent;color:#1A1A17 !important;box-shadow:inset 0 0 0 1.5px #1A1A17}
.v4-add .v4-btn:hover{background:#FFFFFF}
.s-nav a.s-link::after{transition:transform .15s ease-out !important}
@media (max-width:1000px){.v4-first-copy,.v4-costs-grid > div:first-child{position:static}}
@media (max-width:760px){.s-top.is-stuck .s-link{display:none !important}.s-top.is-stuck .s-head__in{padding-block:10px}}

/* ===== who we are ===== */
.v4-people{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px}
.v4-badge{position:relative;display:flex;gap:20px;align-items:center;max-width:420px;padding:28px 24px 22px;background:#FFFFFF;box-shadow:0 1px 2px rgba(26,26,23,.14),0 8px 16px -10px rgba(26,26,23,.35);transform:rotate(-.8deg)}
.v4-person:nth-child(2) .v4-badge{transform:rotate(.9deg)}
.v4-badge::before{content:"";position:absolute;top:10px;left:50%;width:44px;height:7px;margin-left:-22px;border-radius:4px;background:#F4F3F1;box-shadow:inset 0 1px 2px rgba(26,26,23,.25)}
.v4-badge-photo{flex:none;width:96px;height:112px;background:#F4F3F1;border:1.5px solid #1A1A17;display:flex;align-items:center;justify-content:center}
.v4-badge-photo span{font-size:28px;font-weight:600;letter-spacing:.02em;color:#1A1A17}
.v4-badge-co{margin:0 0 6px;font-size:13px;color:#55534E}
.v4-badge h3{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}
.v4-badge .v4-when{margin:4px 0 0}
.v4-person > .v4-p{margin-top:28px}
.v4-person .v4-keep-line{margin-top:14px}
.v4-own{margin-top:72px;padding-top:40px;border-top:1px solid #D9D6D0;max-width:760px}
.v4-own .v4-h3{margin-top:0}
.v4-own .v4-p{margin-top:12px}
@media (max-width:820px){.v4-people{grid-template-columns:1fr;gap:56px;margin-top:40px}.v4-badge-photo{width:80px;height:94px}.v4-own{margin-top:56px}}

/* ===== what we do, made concrete ===== */
.v4-whats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:72px 64px !important}
.v4-what{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}
.v4-what h3{margin:0 !important}
.v4-wdl{margin:18px 0 0;display:grid;gap:4px}
.v4-wdl dt{font-size:13px;font-weight:600;color:#55534E;margin-top:10px}
.v4-wdl dt:first-child{margin-top:0}
.v4-wdl dd{margin:0;font-size:16px;line-height:1.55}
.v4-what .v4-keep-line{margin-top:16px}
@media (max-width:1100px){.v4-whats{grid-template-columns:1fr !important;gap:56px !important}}
@media (max-width:620px){.v4-what{grid-template-columns:1fr;gap:20px}.v4-what .v4-bin{max-width:240px}}

.v4-train-note{margin-top:48px;max-width:70ch}
.v4-train-note strong{font-weight:600}

/* what we do, calmer (overrides the 2 by 2 layout) */
.v4-whats{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:40px !important}
.v4-what{display:block}
.v4-what h3{margin:22px 0 0 !important;line-height:1.25}
.v4-what .v4-when{margin-top:6px}
.v4-fit{font-size:14px !important;color:#55534E;margin-top:14px !important}
.v4-what .v4-keep-line{margin-top:10px}
@media (max-width:1100px){.v4-whats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:56px 40px !important}}
@media (max-width:620px){.v4-whats{grid-template-columns:1fr !important}.v4-what .v4-bin{max-width:240px}}

[data-theme="dark"] a:hover{color:#C9A45C}

/* ===== layout review, 27/10/2026 ===== */
.c-ticket-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 -32px 26px;padding:14px 32px;border-bottom:1.5px solid #1A1A17}
.c-ticket-head span:first-child{font-size:15px;font-weight:600}
.c-ticket-head span:last-child{font-size:14px;color:#55534E}
@media (max-width:640px){.c-ticket-head{margin:0 -20px 22px;padding:12px 20px}}
.c-form fieldset{padding:0;margin:0 0 22px;border:0}
.c-form legend{padding:0}
.v4-receipt-total{max-width:none}
.v4-what h3{min-height:2.5em;text-wrap:balance}
.v4-head{align-items:start}
.v4-ticket-rows div{grid-template-columns:180px minmax(0,1fr)}
.v4-wont,.v4-costs .v4-p{max-width:60ch}
/* stories: two by two, with "we said no" as a gold card */
.v4-stories{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:56px 64px}
.v4-story .v4-slip{max-width:440px}
.v4-story-hours{line-height:1.2 !important;text-wrap:balance}
.v4-story-body{margin:10px 0 0;font-size:16px;line-height:1.55;max-width:52ch}
/* how it works: one connected strip, not another row of trays */
.v4-steps{gap:0 !important;margin-top:56px;background:#FFFFFF;border:1.5px solid #1A1A17}
.v4-steps::before{display:none !important}
.v4-steps li{padding:28px 28px 32px;border-left:1px dashed rgba(26,26,23,.35)}
.v4-steps li:first-child{border-left:0}
.v4-steps li + li::before{content:"";position:absolute;left:-8px;top:46px;width:14px;height:14px;background:#FFFFFF;border-top:1.5px solid #1A1A17;border-right:1.5px solid #1A1A17;transform:rotate(45deg);z-index:2}
.v4-steps .v4-bin-step{width:96px;min-height:44px;padding:6px 8px 8px;background:transparent}
.v4-steps h3{margin-top:18px}
/* costs on ink, so the long middle has a landmark */
.v4-costs{background:#1A1A17;color:#F4F3F1}
.v4-costs .v4-h2,.v4-costs .v4-h3{color:#FFFFFF}
.v4-costs .v4-p{color:rgba(255,255,255,.82)}
.v4-costs .v4-wont li{border-top-color:rgba(255,255,255,.18);color:rgba(255,255,255,.85)}
.v4-costs .v4-btn{background:#F4F3F1;color:#1A1A17 !important}
.v4-costs .v4-btn:hover,.v4-costs .v4-btn:focus-visible{background:#C9A45C;color:#1A1A17 !important}
.v4-costs a:focus-visible{outline-color:#C9A45C}
.v4-receipt{box-shadow:0 18px 40px -24px rgba(0,0,0,.8)}
.v4-costs .v4-receipt{color:#1A1A17}
.v4-costs .v4-receipt-sub,.v4-costs .v4-receipt-foot{color:#55534E}
/* who we are */
.v4-about-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:64px;align-items:start;margin-top:64px}
.v4-about-grid .v4-people{margin-top:0}
.v4-badge{max-width:100%}
.v4-about-grid .v4-own{margin:0;padding:0 0 0 40px;border-top:0;border-left:1px solid #D9D6D0;max-width:none}
@media (max-width:1000px){
  .v4-h1{font-size:clamp(68px,13vw,130px)}
  .v4-desk{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:40px}
  .v4-desk .v4-bin{max-width:420px}
  .v4-steps{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .v4-steps li:nth-child(3){border-left:0}
  .v4-steps li:nth-child(n+3){border-top:1px dashed rgba(26,26,23,.35)}
  .v4-steps li:nth-child(3)::before{display:none}
  .v4-about-grid{grid-template-columns:1fr;gap:48px}
  .v4-about-grid .v4-own{padding:40px 0 0;border-left:0;border-top:1px solid #D9D6D0}
}
@media (max-width:640px){
  .v4-desk{grid-template-columns:1fr !important}
  .v4-stories{grid-template-columns:1fr !important;gap:48px}
  .v4-story-hours{font-size:21px !important}
  .v4-steps{grid-template-columns:1fr !important}
  .v4-steps li{border-left:0;border-top:1px dashed rgba(26,26,23,.35);padding:24px 20px 26px}
  .v4-steps li:first-child{border-top:0}
  .v4-steps li + li::before{display:block !important;left:28px;top:-8px;transform:rotate(135deg)}
  .ap-hours{justify-self:stretch !important;max-width:none}
  .v4-ticket-rows div{grid-template-columns:1fr}
}
@media (max-width:620px){.v4-what .v4-bin,.v4-desk .v4-bin,.v4-desk-bin{max-width:none !important}.v4-what h3{min-height:0}}

/* ===== light and breezy pass, 27/10/2026 ===== */
.lt.v4-sec,.lt.sec{padding-block:clamp(120px,12vw,192px)}
.lt .v4-h2,.lt .t-h2{max-width:14ch}
.lt-lead{margin:28px 0 0;font-size:clamp(19px,1.55vw,22px);line-height:1.5;max-width:38ch;color:#3A3935}
.v4-costs .lt-lead{color:rgba(255,255,255,.82)}
.lt-small{margin:16px 0 0;font-size:16px;line-height:1.6;max-width:42ch;color:#55534E}
.lt .v4-steps,.lt .v4-whats,.lt .v4-stories,.lt .v4-about-grid{margin-top:72px}
.lt .v4-steps li{padding:32px 32px 36px}
.lt .v4-steps{background:transparent;border:0}
.lt .v4-steps .v4-bin-step{height:62px;min-height:0;box-sizing:border-box}
.lt .v4-steps li{border-left:0 !important;border-top:0 !important}
.lt .v4-steps li:first-child{padding-left:0}
.lt .v4-steps li + li::before{background:var(--paper,#F4F3F1)}
@media (max-width:1000px){.lt .v4-steps li{padding-left:0}}
.lt .v4-steps p{margin:10px 0 0;font-size:17px;line-height:1.5}
.lt .v4-what h3{min-height:0}
.lt .v4-what p{margin:10px 0 0;font-size:17px;line-height:1.55;max-width:26ch}
.lt-desk .v4-desk{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:96px;align-items:center;margin:0 auto;border:0;padding:0}
.lt-desk .v4-desk-copy .v4-h2{color:#1A1A17;max-width:16ch}
.lt-desk .v4-desk-copy .lt-lead{margin-top:28px;font-size:clamp(19px,1.55vw,22px);line-height:1.5;max-width:38ch;color:#3A3935}
.lt-desk .v4-desk-bin{max-width:420px}
.lt .v4-stories{gap:72px 96px}
.lt .v4-story-hours{margin-top:24px}
.lt-wont{margin-top:48px;max-width:40ch}
.lt-wont li{font-size:17px !important;padding:16px 0 !important}
.lt .v4-q-grid{align-items:start}
.lt .v4-q{font-size:18px}
.lt .v4-person .lt-small{margin-top:24px}
.lt .v4-own .lt-small{margin-top:12px}
.lt.sec .c-wrap{gap:96px}
@media (max-width:1000px){
  .lt-desk .v4-desk{grid-template-columns:1fr !important;gap:48px}
  .lt .v4-stories{gap:56px}
}
@media (max-width:640px){
  .lt.v4-sec,.lt.sec{padding-block:88px}
  .lt .v4-steps,.lt .v4-whats,.lt .v4-stories,.lt .v4-about-grid{margin-top:48px}
  .lt .v4-what p{max-width:none}
}

/* big project wins */
.mx-it{outline:2px solid transparent;outline-offset:3px}
.mx-it.is-big{outline-color:#C9A45C;transition:opacity .35s ease,left .8s cubic-bezier(.6,0,.2,1),top .8s cubic-bezier(.6,0,.2,1),transform .8s cubic-bezier(.6,0,.2,1),background .3s ease,color .2s ease,outline-color .4s ease .3s}
.mx-it.is-big i{color:#8A6A2B !important}
.ap-hours{position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.ap-hours.is-win{transform:scale(1.04)}
.ap-win{position:absolute;right:14px;top:-16px;padding:5px 10px;background:#C9A45C;color:#1A1A17;font-size:13px;font-weight:600;letter-spacing:0;line-height:1.2;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none;white-space:nowrap}
.ap-hours.is-win .ap-win{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ap-hours,.ap-win{transition:none}}

/* trays: simple open trays with a heavier base, plain labels with a quiet count */
.mx-tray-back{fill:rgba(255,255,255,.045);stroke:none}
.mx-tray-back.desk{fill:rgba(201,164,92,.08)}
.mx-bin{stroke:rgba(255,255,255,.38) !important;stroke-width:1.5px !important}
.mx-bin.desk{stroke:rgba(201,164,92,.7) !important}
.mx-tray-lip{stroke:rgba(255,255,255,.75);stroke-width:3px;stroke-linecap:round}
.mx-tray-lip.desk{stroke:#C9A45C}
.mx-count{margin-left:8px;font-size:.9em;font-weight:600;color:rgba(255,255,255,.4);font-variant-numeric:tabular-nums;transition:color .3s ease}
.mx-lab.is-desk .mx-count{color:rgba(201,164,92,.7)}
.mx-lab.is-ping .mx-count{color:#C9A45C}
.mx-stage.m .mx-count{display:block;margin:2px 0 0}

/* ===== five upgrades, 27/10/2026 ===== */
/* Prove it ticket */
.v4-ticket{position:relative}
[data-reveal] .v4-ticket-rows > div{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
[data-reveal].is-in .v4-ticket-rows > div{opacity:1;transform:none}
[data-reveal].is-in .v4-ticket-rows > div:nth-child(2){transition-delay:.15s}
[data-reveal].is-in .v4-ticket-rows > div:nth-child(3){transition-delay:.3s}
[data-reveal].is-in .v4-ticket-rows > div:nth-child(4){transition-delay:.45s}
.v4-ba{margin:0;padding:18px 24px 22px;border-top:1px dashed rgba(26,26,23,.3);display:grid;gap:10px}
.v4-ba-row{display:grid;grid-template-columns:56px minmax(0,1fr) 44px;gap:12px;align-items:center;font-size:var(--t-small)}
.v4-ba-row span{color:#55534E}
.v4-ba-row b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.v4-ba-row i{display:block;height:10px;background:#D9D6D0;width:0;transition:width 1s cubic-bezier(.3,0,.2,1) .6s}
.v4-ba-row.is-after i{background:#8A6A2B;transition-delay:1.1s}
[data-reveal].is-in .v4-ba-row i{width:calc(var(--w) * 100%)}
.v4-stamp{position:absolute;right:22px;bottom:-18px;padding:6px 14px;border:2px solid #8A6A2B;color:#6B5222;font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-8deg) scale(1.6);opacity:0;transition:opacity .25s ease 1.9s,transform .35s cubic-bezier(.16,1,.3,1) 1.9s;pointer-events:none;background:rgba(255,255,255,.85)}
[data-reveal].is-in .v4-stamp{opacity:1;transform:rotate(-8deg) scale(1)}
/* How it works: path and objects */
.v4-path{position:relative;margin-top:72px;--p:0}
.v4-path-line{position:absolute;left:66px;right:calc((100% - 120px) / 4 - 66px);top:56px;height:0;border-top:2px dashed rgba(26,26,23,.28)}
.v4-path-slip{position:absolute;top:-11px;left:calc(var(--p) * (100% - 34px));width:34px;height:22px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(26,26,23,.25),0 6px 10px -6px rgba(26,26,23,.5);transition:left .2s linear}
.v4-path-slip::after{content:"";position:absolute;left:6px;right:6px;top:8px;height:2px;background:#8A6A2B;box-shadow:0 5px 0 #D9D6D0}
.v4-path-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;position:relative}
.v4-path-steps h3{margin:28px 0 0;font-size:22px;font-weight:600;letter-spacing:-.01em}
.v4-path-steps p{margin:8px 0 0;font-size:17px;line-height:1.5;max-width:24ch}
.v4-obj{position:relative;width:132px;height:112px;box-sizing:border-box;background:#FFFFFF;box-shadow:0 0 0 1px rgba(26,26,23,.18),0 10px 18px -12px rgba(26,26,23,.5);font-size:12px;color:#1A1A17;transform:rotate(-1.5deg)}
.v4-path-steps li:nth-child(even) .v4-obj{transform:rotate(1.2deg)}
.v4-cal{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}
.v4-cal b{display:block;width:100%;padding:6px 0;background:#1A1A17;color:#FFFFFF;text-align:center;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11px}
.v4-cal span{margin-top:12px;font-size:28px;font-weight:600;letter-spacing:-.03em}
.v4-cal em{margin-top:4px;font-style:normal;color:#6B5222;font-weight:600}
.v4-mini{padding:10px 12px;display:flex;flex-direction:column}
.v4-mini b{font-weight:600;padding-bottom:6px;border-bottom:1.5px solid #1A1A17}
.v4-mini span{margin-top:10px;color:#55534E}
.v4-mini strong{font-size:24px;font-weight:600;letter-spacing:-.02em}
.v4-mini i{display:block;height:6px;margin-top:6px;background:linear-gradient(90deg,#8A6A2B 60%,#E5E2DC 60%)}
.v4-stack{background:transparent;box-shadow:none}
.v4-stack i{position:absolute;left:8px;right:8px;height:26px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(26,26,23,.2),0 6px 10px -8px rgba(26,26,23,.5)}
.v4-stack i:nth-child(1){top:58px;transform:rotate(2deg)}
.v4-stack i:nth-child(2){top:36px;transform:rotate(-1.5deg)}
.v4-stack i:nth-child(3){top:14px;transform:rotate(1deg)}
.v4-stack em{position:absolute;right:0;bottom:4px;padding:3px 8px;background:#C9A45C;color:#1A1A17;font-style:normal;font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.v4-check{padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.v4-check b{font-weight:600;padding-bottom:6px;border-bottom:1.5px solid #1A1A17}
.v4-check span{display:flex;align-items:center;gap:6px;color:#33312D}
.v4-check svg{color:#8A6A2B}
/* What we do: flip slips */
.lt-hint{margin:12px 0 0;font-size:14px;color:#6E6B66}
.v4-flip{all:unset;display:block;width:100%;cursor:pointer;perspective:900px;-webkit-tap-highlight-color:transparent}
.v4-flip:focus-visible{outline:2px solid #8A6A2B;outline-offset:6px}
.v4-flip-in{display:grid;transition:transform .6s cubic-bezier(.3,.1,.2,1);transform-style:preserve-3d;transform:rotate(-1.2deg)}
.v4-bin-col:nth-child(even) .v4-flip-in{transform:rotate(1deg)}
.v4-flip .v4-slip{grid-area:1/1;transform:none !important;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.v4-flip .v4-flip-back{transform:rotateY(180deg) !important;background:#FFFFFF;border-left:3px solid #8A6A2B}
.v4-flip-back i{color:#6B5222 !important}
.v4-flip:hover .v4-flip-in,.v4-flip.is-flipped .v4-flip-in{transform:rotateY(180deg)}
/* Not everything needs an AI touch: around the ring */
.v4-bypass{display:grid;gap:28px;justify-items:start}
.v4-bypass-svg{width:100%;max-width:520px;height:auto;overflow:visible}
.bp-line{fill:none;stroke:rgba(26,26,23,.35);stroke-width:2}
.bp-arc{fill:none;stroke:#C9A45C;stroke-width:2.5;stroke-linecap:round}
.bp-tray-back{fill:#FFFFFF}
.bp-tray-back.is-gold{fill:#F3E7CC}
.bp-tray{fill:none;stroke:#1A1A17;stroke-width:1.8;stroke-linejoin:round}
.bp-tray.is-gold{stroke:#8A6A2B}
.bp-ring-bg{fill:#F4F3F1}
.bp-ring{fill:none;stroke:#1A1A17;stroke-width:13}
.bp-dot{fill:#8A6A2B}
.bp-lab{font:500 15px 'Hanken Grotesk',sans-serif;fill:#55534E}
.bp-gold-lab{fill:#6B5222;font-weight:600}
.bp-slip rect{fill:#FFFFFF;stroke:rgba(26,26,23,.5);stroke-width:1.2}
.bp-slip line{stroke:#C9C5BD;stroke-width:2;stroke-linecap:round}
.bp-slip.is-gold rect{fill:#C9A45C;stroke:#8A6A2B}
.bp-slip.is-gold line{stroke:#8A6A2B}
.v4-bypass-svg{max-width:600px !important}
.lt-desk .v4-desk-slips{max-width:360px;width:100%}
@media (max-width:1000px){
  .v4-path-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}
  .v4-path-line{display:none}
}
@media (max-width:640px){
  .v4-path{padding-left:36px}
  .v4-path-line{display:block;left:12px;right:auto;top:0;bottom:0;height:auto;border-top:0;border-left:2px dashed rgba(26,26,23,.28)}
  .v4-path-slip{top:calc(var(--p) * (100% - 22px));left:-17px;transition:top .2s linear}
  .v4-path-steps{grid-template-columns:1fr;row-gap:48px}
}
@media (prefers-reduced-motion:reduce){
  [data-reveal] .v4-ticket-rows > div,.v4-ba-row i,.v4-stamp,.v4-flip-in,.v4-path-slip{transition:none !important}
  .bp-slip{display:none}
}

.v4-built{padding:10px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:4px;align-content:start;align-items:center}
.v4-built b{grid-column:1 / -1;font-weight:600;padding-bottom:6px;border-bottom:1.5px solid #1A1A17;margin-bottom:4px}
.v4-built em{position:absolute;right:-8px;top:-9px;padding:2px 8px;background:#C9A45C;color:#1A1A17;font-style:normal;font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;transform:rotate(4deg)}
.v4-built span{color:#55534E;font-size:11px}
.v4-built i{display:block;height:8px;width:calc(var(--w) * 100%);background:#D9D6D0}
.v4-built i.is-after{background:#8A6A2B}
@media (max-width:640px){.v4-path-line{left:12px;right:auto}}

/* desk section, stacked: words, then the diagram beside the gold slips */
.v4-desk-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:80px;align-items:center;margin-top:64px}
.v4-desk-body .v4-bypass-svg{max-width:none !important;width:100%}
.v4-desk-list-lab{margin:0 0 14px;font-size:14px;font-weight:600;color:#6B5222}
.lt-desk .v4-desk-list .v4-desk-slips{max-width:none}
@media (max-width:1000px){.v4-desk-body{grid-template-columns:1fr;gap:40px}}

.v4-first-copy{position:static !important}
.v4-desk-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:96px;align-items:center}
.lt-desk .v4-desk-copy .lt-small{margin-top:20px;max-width:46ch}
@media (max-width:1000px){.v4-desk-grid{grid-template-columns:1fr;gap:48px}}

/* ===== graphics: paper grain, gold band, big mark ===== */
.v4-root{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='220'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.85'%20numOctaves='3'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%20.1%20%200%200%200%200%20.1%20%200%200%200%200%20.09%20%200%200%200%20.07%200'/%3E%3C/filter%3E%3Crect%20width='100%'%20height='100%'%20filter='url(%23n)'/%3E%3C/svg%3E") !important;background-size:220px 220px}
.v4-root .v4-sec:not(.v4-costs):not(.lt-desk),.v4-root .sec,.v4-root .v4-hero{background:transparent}
#desk .v4-desk-list-lab{color:#5A4419}
#desk .lt-lead{color:#2E2A22 !important}
#desk .lt-small{color:#4A4336}
#contact{position:relative;overflow:hidden;isolation:isolate}
#contact::before{content:"";position:absolute;z-index:-1;width:min(70vw,900px);aspect-ratio:1;left:max(-20vw,-300px);bottom:-52%;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Ccircle%20cx='50'%20cy='50'%20r='38'%20fill='none'%20stroke='%231A1A17'%20stroke-width='9'%20stroke-dasharray='63.6%2015.98'%20transform='rotate(-90%2050%2050)'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='11'%20fill='%238A6A2B'/%3E%3C/svg%3E") no-repeat center/contain;opacity:.07;pointer-events:none}
@media (max-width:1000px){#contact::before{width:110vw;left:-50vw;bottom:auto;top:-10%}}

/* how it works: centred stations, line runs centre to centre */
.v4-path-steps li{display:flex;flex-direction:column;align-items:center;text-align:center}
.v4-path-steps p{margin-left:auto;margin-right:auto}
.v4-path-line{left:calc((100% - 120px) / 8) !important;right:calc((100% - 120px) / 8) !important}
@media (max-width:1000px){.v4-path-line{display:none}}
@media (max-width:640px){
  .v4-path-steps li{align-items:flex-start;text-align:left}
  .v4-path-steps p{margin-left:0}
  .v4-path-line{display:block;left:12px !important;right:auto !important}
}

.v4-path-steps li{position:relative}
.v4-path-steps .v4-start{position:absolute;top:-12px;left:calc(50% + 34px);z-index:2;transform:rotate(-3deg);margin:0}
@media (max-width:640px){.v4-path-steps .v4-start{left:96px}}

/* ===== taste pass: figures, pen marks, desk objects ===== */
.v4-story-big{margin:0 0 18px;position:relative;font-size:clamp(72px,8vw,120px);font-weight:600;line-height:.9;letter-spacing:-.045em;color:#8A6A2B;font-variant-numeric:tabular-nums}
.v4-story-no .v4-story-big{color:#1A1A17}
.v4-story .v4-slip{max-width:340px !important}
[data-reveal] .v4-story-big{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-in .v4-story-big{opacity:1;transform:none}
[data-reveal].is-in .v4-story:nth-child(2) .v4-story-big{transition-delay:.1s}
[data-reveal].is-in .v4-story:nth-child(3) .v4-story-big{transition-delay:.2s}
[data-reveal].is-in .v4-story:nth-child(4) .v4-story-big{transition-delay:.3s}
.v4-pen-wrap{position:relative;display:inline-block;white-space:nowrap}
.v4-pen{position:absolute;pointer-events:none;overflow:visible}
.v4-pen path{fill:none;stroke:#8A6A2B;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.4,.1,.2,1) .5s}
.v4-pen.is-under{left:-2%;width:104%;bottom:-.35em;height:.5em}
.v4-pen.is-circle{left:-28%;top:-34%;width:156%;height:168%}
.v4-costs .v4-pen path{stroke:#C9A45C}
.v4-receipt .v4-pen path{stroke:#8A6A2B}
[data-reveal].is-in .v4-pen path,.v4-path.is-in .v4-pen path{stroke-dashoffset:0}
.v4-receipt{position:relative}
.v4-tape{position:absolute;top:-14px;left:50%;width:96px;height:28px;margin-left:-48px;background:rgba(244,243,241,.55);transform:rotate(-3deg);box-shadow:0 1px 0 rgba(0,0,0,.08)}
.v4-clip{position:absolute;left:28px;top:-26px;width:18px;height:46px;transform:rotate(-8deg);z-index:2}
.v4-clip path{fill:none;stroke:#7D7A73;stroke-width:2.4;stroke-linecap:round}
.v4-costs a:hover,.mx-band a:hover{color:#C9A45C}
@media (prefers-reduced-motion:reduce){[data-reveal] .v4-story-big{opacity:1;transform:none;transition:none}.v4-pen path{stroke-dashoffset:0;transition:none}}

/* ===== five fixes, round 2 ===== */
.v4-receipt-total .v4-pen-wrap{align-self:center;line-height:1.2}
.mx-title{margin:0 0 28px;font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#FFFFFF;max-width:40ch;text-wrap:balance}
.mx-title span{color:#C9A45C}
.v4-built em{background:#1A1A17 !important;color:#FFFFFF !important}
@media (max-width:1000px){
  .v4-costs-grid{display:flex !important;flex-direction:column;gap:0 !important}
  .v4-costs-grid > div:first-child{display:contents}
  .v4-costs-grid .v4-receipt{order:1;margin:40px 0 16px}
  .v4-costs-grid .v4-h3,.v4-costs-grid .v4-wont,.v4-costs-grid .v4-inline-cta{order:2}
  .v4-costs-grid .v4-inline-cta{align-self:flex-start}
}

.mx-it.is-pile i{color:transparent !important}
/* ===== the mark turns where something is working ===== */
.v4-h1 .h-o{vertical-align:-.06em;margin:0 -.02em 0 .05em}
.v4-h1 .h-o{transform-origin:50% 50%;animation:h-turn 1.3s cubic-bezier(.45,0,.2,1) 1.6s both}
@keyframes h-turn{from{transform:rotate(0)}to{transform:rotate(120deg)}}
.c-send{display:inline-flex;align-items:center;gap:10px}
.c-send-mark{flex:none;transform-origin:50% 50%}
form[aria-busy="true"] .c-send-mark{animation:c-spin .9s linear infinite}
@keyframes c-spin{to{transform:rotate(360deg)}}
.c-stamp{display:inline-flex !important;align-items:center;gap:8px}
.c-sent-mark{flex:none;transform-origin:50% 50%;animation:h-turn 1s cubic-bezier(.2,.7,.2,1) .15s both}
@supports (animation-timeline: view()){
  #contact{view-timeline:--contact block}
  #contact::before{animation:c-drift linear both;animation-timeline:--contact;animation-range:entry 0% exit 100%}
  @keyframes c-drift{from{transform:rotate(-20deg)}to{transform:rotate(40deg)}}
}
@media (prefers-reduced-motion:reduce){.v4-h1 .h-o,.c-sent-mark,#contact::before{animation:none !important}form[aria-busy="true"] .c-send-mark{animation-duration:3s}}

/* ===== comments 29/10 ===== */
.v4-hero{padding-top:clamp(96px,9vw,144px) !important;padding-bottom:clamp(72px,7vw,112px) !important}
.mx-band{margin-top:0 !important}
.lt.v4-sec,.lt.sec{padding-block:clamp(72px,6.5vw,104px)}
@media (max-width:1000px){.lt.v4-sec,.lt.sec{padding-block:64px}.v4-hero{padding-top:56px !important;padding-bottom:56px !important}}
.lt .v4-h2.v4-h2-wide{max-width:20ch}
.v4-q[open]{padding-bottom:1.25em}
.v4-q p{margin-bottom:0 !important}

/* ===== What changed: tighter, four across ===== */
.lt .v4-stories{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:40px 40px;margin-top:56px}
.v4-story-big{font-size:clamp(56px,5.2vw,80px)}
.v4-story .v4-slip{max-width:none !important}
.lt .v4-story-hours{margin-top:18px;font-size:20px !important}
@media (max-width:1100px){.lt .v4-stories{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:48px 40px}}
@media (max-width:640px){.lt .v4-stories{grid-template-columns:1fr !important;gap:40px}}

/* ===== costs: receipt centred against the copy ===== */
@media (min-width:1001px){.v4-costs-grid{align-items:center !important}.v4-costs-grid > div:first-child{position:static !important}}

/* ===== machine band: room at the bottom ===== */
.mx-band{padding-bottom:clamp(64px,6vw,96px) !important}
.mx-band .ap-foot{margin-top:40px !important}
@media (max-width:720px){.mx-band{padding-bottom:56px !important}.mx-band .ap-foot{margin-top:40px !important}}

/* ===== monthly checklist fits its card ===== */
.v4-check{padding:10px 12px 12px !important;gap:0 !important;justify-content:flex-start}
.v4-check b{padding-bottom:6px;margin-bottom:6px}
.v4-check span{line-height:1.2;padding:3px 0}
.v4-cal span{margin-top:8px !important;line-height:1.1}
.v4-cal em{margin-top:8px !important;line-height:1.2}

/* ===== badge photos ===== */
.v4-badge-photo{overflow:hidden;background:#E9E7E3}
.v4-badge-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92)}

/* ===== no counters on the trays ===== */
.mx-count{display:none !important}

/* ===== who we are: three badges, the third is our AI ===== */
.v4-about-grid{grid-template-columns:1fr !important}
.v4-about-grid .v4-people{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}
.v4-badge-mark{background:transparent !important;border:0 !important;overflow:visible !important}
.v4-badge-mark svg{overflow:visible}
.ai-ring{transform-origin:50px 50px;animation:ai-spin 11s cubic-bezier(.45,0,.25,1) infinite}
.ai-look{animation:ai-look 7.4s ease-in-out infinite}
.ai-eye{transform-box:fill-box;transform-origin:center;animation:ai-blink 5.3s linear infinite}
@keyframes ai-spin{0%,38%{transform:rotate(0)}46%{transform:rotate(48deg)}52%{transform:rotate(40deg)}62%,80%{transform:rotate(40deg)}88%{transform:rotate(-14deg)}94%,100%{transform:rotate(0)}}
@keyframes ai-look{0%,14%{transform:translate(0,0)}20%,34%{transform:translate(-9px,-2px)}40%,52%{transform:translate(8px,3px)}58%,70%{transform:translate(0,0)}76%,84%{transform:translate(3px,-8px)}90%,100%{transform:translate(0,0)}}
@keyframes ai-blink{0%,90%,96%,100%{transform:scaleY(1)}93%{transform:scaleY(.1)}}
@media (prefers-reduced-motion:reduce){.ai-ring,.ai-look,.ai-eye{animation:none}}
.v4-person:nth-child(3) .v4-badge{transform:rotate(-.5deg)}
@media (max-width:1100px){.v4-about-grid .v4-people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.v4-about-grid .v4-people{grid-template-columns:1fr}}

/* ===== live site additions ===== */
[hidden]{display:none !important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
section[id]{scroll-margin-top:96px}
.skip-link{position:absolute;left:16px;top:-60px;z-index:1000;background:#1A1A17;color:#FFFFFF;padding:10px 16px;font-size:15px;text-decoration:none}
.skip-link:focus{top:12px}
.c-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
form[aria-busy="true"] [data-act="send"]{opacity:.6;pointer-events:none}

/* ===== extra pages ===== */
.x-page{padding-top:160px;padding-bottom:96px;max-width:760px}
.x-page h1{font-size:clamp(42px,6vw,72px);font-weight:600;letter-spacing:-.03em;line-height:1.02;margin:0 0 28px}
.x-page h2{font-size:24px;font-weight:600;margin:44px 0 10px}
.x-page p,.x-page li{font-size:18px;line-height:1.6;color:#33312D}
.x-page ul{padding-left:22px}
.x-page a{color:#164B5A}
.x-page .x-lead{font-size:22px;color:#1A1A17}
.x-foot{padding-bottom:40px;font-size:14px;color:#6E6B66}
.x-foot .s-foot__base{display:flex;flex-wrap:wrap;gap:12px 32px;border-top:1px solid #D9D6D0;padding-top:24px}