@font-face { font-family:"Besley"; src:url("../media/besley-var-latin.woff2") format("woff2"); font-weight:400 900; font-style:normal; font-display:swap; }@font-face { font-family:"Libre Franklin"; src:url("../media/libre-franklin-var-latin.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; }:root {--paper:#ECEEE8;--paper-hi:#F6F7F3;--stone:#DDE1DA;--stone-2:#CFD5CC;--rule:#AEB6AC;--ink:#1C2419;--ink-2:#4A5347;--green:#2E4A2B;--green-2:#3D6431;--green-dk:#233A21;--leaf:#A6CB8D;--sage:#DFE6D8;--night:#1E2E1C;--graphite:#2A3032;--graphite-2:#384144;--silver:#CDD3D1;--red:#7B2F26;--red-dk:#612419;--white:#FFFFFF;--serif:"Besley", Georgia, "Times New Roman", serif;--sans:"Libre Franklin", "Franklin Gothic Medium", "Helvetica Neue", Arial, sans-serif;--gutter:clamp(16px, 4.2vw, 48px);--max:1240px;--sec:clamp(64px, 8.5vw, 120px);--radius:6px;--shadow:0 22px 40px -26px rgba(28, 36, 25, .55);--fig-fill:#E2E6DE;--fig-paper:var(--paper-hi);--fig-accent:var(--green-2)}*, *::before, *::after { box-sizing:border-box; }html { -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-behavior:smooth; }body { margin:0; background:var(--paper); color:var(--ink); font:400 1.0625rem/1.62 var(--sans); }@media (min-width:900px) { body { font-size:1.125rem; } }img, svg { display:block; max-width:100%; }img { height:auto; }h1, h2, h3, h4 { font-family:var(--serif); font-weight:600; line-height:1.08; letter-spacing:-0.018em; margin:0 0 .5em; text-wrap:balance; }h1 { font-size:clamp(2.35rem, 1.4rem + 3.6vw, 4.4rem); }h2 { font-size:clamp(1.85rem, 1.25rem + 2.1vw, 3rem); }h3 { font-size:clamp(1.2rem, 1.05rem + .5vw, 1.45rem); line-height:1.2; }h4 { font-size:1.1rem; line-height:1.25; }p { margin:0 0 1em; max-width:68ch; }a { color:inherit; text-decoration-thickness:1px; text-underline-offset:4px; }a:hover { text-decoration-thickness:2px; }ul, ol { margin:0; padding:0; }:focus-visible { outline:3px solid var(--ink); outline-offset:3px; border-radius:2px; }.ready :focus-visible, .board :focus-visible, .semi-band :focus-visible, .callband :focus-visible, .site-footer :focus-visible, .door :focus-visible, .slipband :focus-visible { outline-color:var(--leaf); }.wrap { width:100%; max-width:var(--max); margin-inline:auto; padding-inline:var(--gutter); }.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }.skip-link { position:absolute; left:12px; top:-60px; z-index:100; background:var(--ink); color:var(--paper); padding:12px 18px; border-radius:var(--radius); font-weight:600; text-decoration:none; }.skip-link:focus { top:12px; outline-color:var(--leaf); }.review-note { background:#DCE5EE; color:var(--ink); font-size:.875rem; line-height:1.4; padding:.6rem var(--gutter); text-align:center; }.review-note p { margin:0 auto; max-width:90ch; }.confirm { display:inline-block; vertical-align:middle; margin-left:.45rem; padding:.12rem .55rem; border-radius:999px; background:#DCE5EE; color:#1F3B57; font:700 .75rem/1.35 var(--sans); letter-spacing:.01em; white-space:nowrap; }.review-only { font-size:.9rem; color:var(--ink-2); background:#DCE5EE; padding:.6rem .8rem; border-radius:var(--radius); }.slot { border:1.5px dashed #6C8BA8; border-radius:10px; padding:1.4rem; background:rgba(220, 229, 238, .1); color:inherit; min-height:220px; display:flex; flex-direction:column; justify-content:center; }.slot__k { font:700 1.1rem/1.3 var(--sans); margin-bottom:.4rem; }.slot p:not(.slot__k) { opacity:.9; margin:0; }.stock { position:absolute; left:.55rem; bottom:.55rem; padding:.18rem .5rem; border-radius:4px; background:rgba(28, 36, 25, .8); color:#fff; font-size:.75rem; line-height:1.3; }.btn { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-height:48px; padding:.7rem 1.25rem; border-radius:var(--radius); border:2px solid transparent; font:650 1rem/1.15 var(--sans); text-decoration:none; cursor:pointer; transition:background-color .15s ease, color .15s ease, transform .15s ease; }.btn--call { background:var(--green); color:var(--paper-hi); }.btn--call:hover { background:var(--green-dk); }.btn--call .btn__n { font-weight:500; opacity:.92; white-space:nowrap; }.btn__icon { width:1.05em; height:1.05em; flex:none; fill:currentColor; margin-right:-.1em; }.btn--light { background:var(--paper-hi); color:var(--green-dk); }.btn--light:hover { background:#fff; color:var(--ink); }.btn--line { background:transparent; color:var(--ink); border-color:var(--ink); }.btn--line:hover { background:var(--ink); color:var(--paper); }.btn--lg { min-height:56px; padding:.85rem 1.5rem; font-size:1.08rem; }.btn--block { width:100%; }.more { display:inline-flex; align-items:center; min-height:44px; font-weight:650; color:var(--green-2); text-decoration:underline; text-decoration-color:rgba(61, 100, 49, .45); }.more::after { content:""; width:.5em; height:.5em; margin-left:.45em; border-right:2px solid currentColor; border-top:2px solid currentColor; transform:rotate(45deg); }.more--light { color:var(--paper-hi); text-decoration-color:rgba(246, 247, 243, .5); }.kicker { display:flex; align-items:center; gap:.55rem; font-size:.95rem; font-weight:600; color:var(--ink-2); margin-bottom:1rem; }.lede { font-size:clamp(1.1rem, 1rem + .45vw, 1.32rem); line-height:1.55; }.dot { display:inline-block; width:.62em; height:.62em; border-radius:50%; flex:none; }.dot--farm { background:var(--green-2); }.dot--semi { background:var(--red); }.dot--shop { background:var(--graphite-2); box-shadow:inset 0 0 0 2px var(--silver); }.site-header { position:relative; z-index:40; background:rgba(236, 238, 232, .97); border-bottom:1px solid var(--rule); }@media (min-width:900px) { .site-header { position:sticky; top:0; } }.site-header.is-raised { box-shadow:0 10px 24px -20px rgba(28, 36, 25, .7); }.site-header__in { display:flex; align-items:center; gap:clamp(12px, 2vw, 28px); min-height:76px; }.brand { display:flex; flex-direction:column; text-decoration:none; margin-right:auto; padding:6px 0; min-height:44px; justify-content:center; }.wordmark { font:700 clamp(1.45rem, 1.1rem + 1.1vw, 1.85rem)/1 var(--serif); letter-spacing:-0.02em; color:var(--ink); margin:0; }.wordmark__ag { color:var(--green-2); }.brand__sub { font-size:.8rem; color:var(--ink-2); letter-spacing:.02em; margin-top:4px; }.nav { display:none; align-items:center; gap:4px; }.nav__link, .nav__drop > summary { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 12px; border-radius:var(--radius); font-weight:560; font-size:1rem; text-decoration:none; cursor:pointer; list-style:none; }.nav__drop > summary::-webkit-details-marker { display:none; }.nav__link:hover, .nav__drop > summary:hover { background:var(--stone); }.nav__link[aria-current="page"], .nav__drop--here > summary { box-shadow:inset 0 -3px 0 var(--green-2); }.nav__drop { position:relative; }.nav__drop[open] > summary .chev { transform:rotate(180deg); }.nav__menu { position:absolute; top:calc(100% + 6px); left:0; min-width:300px; list-style:none; padding:8px; background:var(--paper-hi); border:1px solid var(--rule); border-radius:8px; box-shadow:var(--shadow); }.nav__menu a { display:flex; align-items:center; min-height:44px; padding:0 12px; border-radius:4px; text-decoration:none; font-size:1rem; }.nav__menu a:hover { background:var(--stone); }.nav__menu li:first-child a { font-weight:650; border-bottom:1px solid var(--stone-2); border-radius:4px 4px 0 0; margin-bottom:4px; }.nav__menu a[aria-current="page"] { background:var(--sage); font-weight:650; }.header-call { display:none; }.menu { position:relative; }.menu > summary { display:inline-flex; align-items:center; gap:8px; min-height:48px; min-width:48px; padding:0 12px; border:1px solid var(--rule); border-radius:var(--radius); cursor:pointer; list-style:none; font-weight:600; }.menu > summary::-webkit-details-marker { display:none; }.menu__panel { position:absolute; right:0; top:calc(100% + 8px); width:min(86vw, 340px); max-height:calc(100vh - 190px); overflow-y:auto; padding:14px; background:var(--paper-hi); border:1px solid var(--rule); border-radius:10px; box-shadow:var(--shadow); }.menu__k { margin:10px 8px 4px; font-size:.8rem; font-weight:700; color:var(--ink-2); text-transform:uppercase; letter-spacing:.08em; }.menu__panel ul { list-style:none; }.menu__panel a { display:flex; align-items:center; min-height:44px; padding:0 8px; text-decoration:none; border-radius:4px; }.menu__panel a:hover, .menu__panel a[aria-current="page"] { background:var(--sage); }@media (min-width:1100px) {.nav { display:flex; }.menu { display:none; }.header-call { display:inline-flex; }}@media (min-width:900px) and (max-width:1099px) {.header-call { display:inline-flex; }.header-call .btn__n { display:none; }}@media (max-width:420px) { .menu__label { display:none; } .brand__sub { font-size:.75rem; } }.callbar { display:none; }@media (max-width:899px) {.callbar { display:block; position:fixed; z-index:50; left:0; right:0; bottom:0; padding:8px 10px calc(8px + env(safe-area-inset-bottom)); background:rgba(28, 36, 25, .96); }.callbar .btn { min-height:54px; font-size:1.08rem; background:var(--leaf); color:var(--night); }body { padding-bottom:78px; }}.hero { padding:clamp(28px, 4vw, 56px) 0 clamp(40px, 5vw, 64px); }.hero__kicker { font-size:.98rem; color:var(--ink-2); font-weight:560; margin-bottom:clamp(14px, 2vw, 22px); }.hero__title { display:grid; gap:.1em; font-size:clamp(2.2rem, 1rem + 3.9vw, 4.25rem); line-height:1; letter-spacing:-0.028em; margin-bottom:clamp(22px, 3vw, 36px); text-wrap:initial; }.hero__half { display:block; }@media (min-width:760px) { .hero__title { grid-template-columns:1fr 1fr; gap:28px; } }.doors { position:relative; display:grid; gap:22px; }@media (min-width:760px) { .doors { grid-template-columns:1fr 1fr; gap:28px; } }.door { position:relative; display:flex; flex-direction:column; border-radius:8px; padding:12px; color:var(--paper-hi); box-shadow:var(--shadow); }.door--farm { background:var(--green); }.door--shop { background:var(--graphite); }.door__window { position:relative; overflow:hidden; border-radius:4px; aspect-ratio:16 / 10; background:var(--night); }.door__window img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }.door:hover .door__window img { transform:scale(1.03); }.door__body { display:flex; flex-direction:column; flex:1; padding:clamp(16px, 2.2vw, 26px) clamp(8px, 1.4vw, 18px) clamp(8px, 1vw, 12px); }.door__name { font-size:clamp(1.9rem, 1.2rem + 1.8vw, 2.8rem); line-height:1; margin-bottom:12px; }.door__text { color:rgba(246, 247, 243, .92); margin-bottom:14px; }.door__list { list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }.door__list a { display:inline-flex; align-items:center; min-height:40px; padding:4px 12px; border-radius:999px; border:1px solid rgba(246, 247, 243, .38); text-decoration:none; font-size:.95rem; font-weight:560; color:var(--paper-hi); }.door__list a:hover { background:rgba(246, 247, 243, .12); border-color:rgba(246, 247, 243, .7); }.door--shop .door__list a { border-color:rgba(205, 211, 209, .45); }.door__actions { margin-top:auto; display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; }.door__more { display:inline-flex; align-items:center; min-height:44px; font-weight:600; text-decoration:underline; text-decoration-color:rgba(246, 247, 243, .5); }.door .stock { left:auto; right:.55rem; }.doors__seam { position:absolute; left:50%; top:0; z-index:2; width:clamp(96px, 11vw, 160px); aspect-ratio:1; border-radius:50%; background:var(--paper); padding:clamp(6px, .7vw, 10px); box-shadow:0 18px 30px -18px rgba(28, 36, 25, .6); transform:translate(-50%, calc(var(--seam-y, 0px) - 50%)); }@media (min-width:760px) { .doors__seam { --seam-y:calc(12px + ((min(100vw, var(--max)) - 2 * var(--gutter) - 28px) / 2 - 24px) * .3125); } }@media (max-width:759px) { .doors__seam { top:auto; bottom:auto; position:relative; left:auto; margin:-50px 22px -50px auto; transform:none; width:84px; } }.doors__tire { width:100%; height:100%; }@media (prefers-reduced-motion:no-preference) {.doors__tire { animation:roll-in 1.4s cubic-bezier(.22, .8, .28, 1) .25s both; }}@keyframes roll-in { from { transform:translateX(-46%) rotate(-200deg); opacity:0; } to { transform:none; opacity:1; } }.semi-strip { display:grid; grid-template-columns:auto 1fr; gap:6px 18px; align-items:center; margin-top:22px; padding:14px 20px; border-radius:8px; background:var(--red); color:var(--paper-hi); }.semi-strip__icon { width:92px; color:var(--paper-hi); --fig-accent:#F2C9BF; }.semi-strip__icon .draw--icon { width:92px; height:auto; }.semi-strip__t { margin:0; }.semi-strip__more { grid-column:1 / -1; justify-self:start; display:inline-flex; align-items:center; min-height:44px; font-weight:650; text-decoration:underline; text-decoration-color:rgba(246, 247, 243, .55); }@media (min-width:900px) { .semi-strip { grid-template-columns:auto 1fr auto; } .semi-strip__more { grid-column:auto; } }.hero__contact { list-style:none; display:flex; flex-wrap:wrap; gap:8px 40px; margin-top:22px; padding-top:16px; border-top:1px solid var(--rule); }.hero__contact li { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; min-height:44px; }.hero__label { font-size:.88rem; color:var(--ink-2); }.hero__contact a, .hero__contact span:not(.hero__label):not(.confirm) { font-weight:600; }.hero__contact a { display:inline-flex; align-items:center; min-height:44px; }.ink { fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }.ink .thin { stroke-width:1; }.ink .lug { stroke-width:1.2; fill:#33452F; }.ink .lugb { stroke-width:1; fill:var(--night); }.ink .accent { stroke:var(--fig-accent); }.ink .mold { stroke-width:2.4; }.ink .stem { stroke-width:2.6; }.ink .cut { stroke-width:2.4; }.ink .d { stroke-dasharray:4 5; }.ink .k { fill:currentColor; stroke:none; }.ink .k-a { fill:var(--fig-accent); stroke:none; }.ink .p { fill:var(--fig-paper); }.ink .fill-a { fill:var(--fig-accent); fill-opacity:.35; stroke:none; }.ink .grass { opacity:.55; }.ink .key circle { fill:var(--night); stroke:var(--leaf); stroke-width:1.4; }.ink .key text { fill:var(--leaf); stroke:none; font:650 15px var(--sans); }.ink .leader { stroke:var(--leaf); stroke-width:1; stroke-dasharray:2 4; }.draw--icon { width:100%; height:auto; }.fig { fill:none; stroke:var(--ink); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; width:100%; height:auto; overflow:visible; }.fig .thin { stroke-width:1; }.fig .thin2 { stroke-width:1.5; }.fig .d { stroke-dasharray:3 5; }.fig .s { fill:var(--fig-fill); }.fig .p { fill:var(--fig-paper); }.fig .k { fill:var(--ink); stroke:none; }.fig .accent { stroke:var(--fig-accent); }.fig .fill-a { fill:var(--fig-accent); fill-opacity:.4; stroke:none; }.fig .lbl text { fill:var(--ink); stroke:none; font:600 17px var(--sans); }.fig .lbl--c text { text-anchor:middle; font-size:22px; }.faq__fig, .phero__media--draw .fig--ballast { max-width:300px; }.fig--semi .lugtick, .fig--skid .lugtick { stroke-width:3; }.ready { position:relative; background:var(--night); color:#E7ECE3; padding:var(--sec) 0; overflow:hidden; --fig-accent:var(--leaf); }.ready__grid { display:grid; gap:clamp(28px, 5vw, 72px); align-items:center; }@media (min-width:960px) { .ready__grid { grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); } }.ready__fig { margin:0; color:#DCE4D6; }.ready__fig .draw--tractor { width:100%; max-width:560px; height:auto; margin-inline:auto; }.keys { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:10px 22px; margin-top:20px; font-size:.95rem; color:#CBD5C5; }.keys li { display:flex; gap:10px; align-items:flex-start; }.keys__k { flex:none; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; border:1.4px solid var(--leaf); color:var(--leaf); font-weight:700; font-size:.85rem; }.ready h2 { color:#F1F4EE; }.ready .lede { color:#DCE4D6; }.ready__steps { list-style:none; counter-reset:s; margin:26px 0 30px; }.ready__steps li { counter-increment:s; position:relative; padding:16px 0 14px 58px; border-top:1px solid rgba(220, 228, 214, .22); }.ready__steps li::before { content:counter(s); position:absolute; left:0; top:8px; font:400 2.4rem/1 var(--serif); color:var(--leaf); }.ready__steps h3 { font-family:var(--sans); font-weight:680; font-size:1.1rem; margin-bottom:.3em; letter-spacing:0; color:#F1F4EE; }.ready__steps p { margin:0; color:#CBD5C5; }@media (prefers-reduced-motion:no-preference) {.will-draw .draw--tractor .key { opacity:0; transition:opacity .6s ease .9s; }.will-draw .draw--tractor .lugx { opacity:0; transform:translateY(6px); transition:opacity .5s ease, transform .5s ease; }.will-draw.is-drawn .draw--tractor .key, .will-draw.is-drawn .draw--tractor .lugx { opacity:1; transform:none; }}.router { padding:var(--sec) 0; }.router__grid { display:grid; gap:26px 72px; align-items:start; }@media (min-width:960px) { .router__grid { grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); } .router__intro { position:sticky; top:110px; } }.legend { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:.92rem; color:var(--ink-2); }.legend > span { display:inline-flex; align-items:center; gap:8px; }.routes { list-style:none; border-top:1px solid var(--rule); }.routes li { border-bottom:1px solid var(--rule); }.route { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 22px; min-height:64px; padding:14px 6px; text-decoration:none; transition:background-color .2s ease, padding .2s ease; }.route:hover { background:var(--stone); padding-inline:14px; }.route__need { font:500 clamp(1.12rem, 1rem + .5vw, 1.4rem)/1.3 var(--serif); }.route__to { display:inline-flex; align-items:center; gap:8px; font-size:.95rem; font-weight:650; color:var(--green-2); text-decoration:underline; text-decoration-color:rgba(61, 100, 49, .35); text-underline-offset:4px; }.farm { background:var(--sage); padding:var(--sec) 0; }.shop { background:var(--paper); padding:var(--sec) 0 0; }.split { display:grid; gap:40px; align-items:center; }@media (min-width:960px) { .split { grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:64px; } .split--rev { grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); } }.split__media { position:relative; padding-bottom:48px; }.photo { position:relative; margin:0; overflow:hidden; border-radius:6px; background:var(--stone); }.photo img { width:100%; height:100%; object-fit:cover; }.split__media > .photo { aspect-ratio:3 / 2; box-shadow:var(--shadow); }.inset { position:absolute; width:38%; bottom:0; left:-16px; padding:7px; background:var(--paper-hi); border-radius:6px; box-shadow:var(--shadow); }.split--rev .inset { left:auto; right:-16px; }.inset .photo { aspect-ratio:5 / 4; }.inset .stock { display:none; }@media (max-width:600px) { .inset { left:8px; } .split--rev .inset { right:8px; } }.tracks__title { margin:clamp(48px, 6vw, 80px) 0 26px; font-size:clamp(1.45rem, 1.15rem + 1vw, 2rem); }.tracks { list-style:none; display:grid; gap:26px; }@media (min-width:760px) { .tracks { grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px; } }.tracks li { position:relative; padding-top:62px; }.tracks li::before { content:""; position:absolute; left:56px; right:0; top:21px; height:8px; border-top:2px dashed rgba(61, 100, 49, .55); border-bottom:2px dashed rgba(61, 100, 49, .55); }@media (min-width:760px) { .tracks li:not(:last-child)::before { right:-24px; } }.tracks__n { position:absolute; left:0; top:0; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--green); color:var(--paper-hi); font:700 1.15rem/1 var(--serif); }.tracks h3 { margin-bottom:.35em; }.tracks p { color:var(--ink-2); margin:0; }.tracks--block { margin-top:10px; }@media (min-width:760px) { .tracks--block { grid-template-columns:repeat(2, minmax(0, 1fr)); } .tracks--block li::before { display:none; } }.semi-band { background:var(--red); color:var(--paper-hi); padding:clamp(56px, 7vw, 96px) 0; --fig-accent:#F0C2B7; --fig-fill:#8F3B30; --fig-paper:#A34A3E; }.semi-band__grid { display:grid; gap:34px; align-items:center; }@media (min-width:960px) { .semi-band__grid { grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:64px; } }.semi-band__fig { margin:0; }.semi-band .fig { stroke:#F6E7E2; }.semi-band .fig .k { fill:#F6E7E2; }.semi-band .fig .lbl text { fill:#FBEFEB; }.semi-band p { color:rgba(251, 239, 235, .94); }.semi-band__act { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin-top:10px; }.semi-band .btn--light { color:var(--red-dk); }@media (prefers-reduced-motion:no-preference) {.anim-ready .fig--semi .semi-wheel { transform-box:fill-box; transform-origin:center; }.anim-ready.is-on .fig--semi .semi-wheel { animation:wheel-roll 1.6s cubic-bezier(.3, .7, .3, 1) both; }.anim-ready .fig--skid g:has(> .lugtick) { transform-box:fill-box; transform-origin:center; }.anim-ready.is-on .fig--skid g:has(> .lugtick) { animation:wheel-roll 1.6s cubic-bezier(.3, .7, .3, 1) both; }}@keyframes wheel-roll { from { transform:rotate(-180deg); } to { transform:none; } }.slipband { margin-top:var(--sec); padding:clamp(56px, 7vw, 96px) 0; background-color:var(--graphite); background-image:repeating-linear-gradient(115deg, rgba(205, 211, 209, .045) 0 14px, transparent 14px 34px), repeating-linear-gradient(65deg, rgba(205, 211, 209, .03) 0 14px, transparent 14px 34px); color:var(--paper-hi); }.slipband--page { margin-top:0; }.slipband__grid { display:grid; gap:30px; align-items:center; }@media (min-width:960px) { .slipband__grid { grid-template-columns:minmax(0, 4fr) minmax(0, 7fr); gap:64px; } }.slipband__title { color:#F1F3F2; }.slip { background:var(--paper-hi); color:var(--ink); border-radius:3px; box-shadow:0 30px 50px -28px rgba(0, 0, 0, .7); transform:rotate(-.6deg); position:relative; }.slip::before { content:""; position:absolute; left:0; right:0; top:-6px; height:12px; background:radial-gradient(circle at 6px 6px, var(--graphite) 3px, transparent 3.5px) 0 0 / 14px 12px repeat-x; }.slipband__grid > * { min-width:0; }.slip__head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:6px 16px; padding:22px 26px 14px; border-bottom:2px solid var(--ink); }.slip .confirm { white-space:normal; }@media (max-width:420px) { .slip__head, .slip__list li { padding-inline:16px; } .slip__list li { grid-template-columns:20px 18px 1fr; gap:10px; } }.slip__title { margin:0; font-size:1.45rem; }.slip__where { font-size:.88rem; color:var(--ink-2); }.slip__list { list-style:none; }.slip__list li { display:grid; grid-template-columns:22px 22px 1fr; gap:12px; padding:16px 26px; border-bottom:1px solid var(--stone-2); }.slip__list li:last-child { border-bottom:0; }.slip__box { width:18px; height:18px; margin-top:4px; border:1.6px solid var(--ink); border-radius:2px; }.slip__n { font:600 1.15rem/1.3 var(--serif); color:var(--green-2); }.slip h4 { margin:0 0 .2em; font-size:1.15rem; }.slip p { margin:0; color:var(--ink-2); font-size:.98rem; }.rf { padding:var(--sec) 0; background:var(--stone); --fig-fill:#E6E9E3; }.rf__grid { display:grid; gap:36px; align-items:center; }@media (min-width:960px) { .rf__grid { grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:72px; } }.rf__fig { margin:0; padding:clamp(18px, 3vw, 36px); background:var(--paper-hi); border-radius:8px; box-shadow:var(--shadow); }@media (prefers-reduced-motion:no-preference) {.anim-ready .rf-wheel { transform-box:view-box; transform-origin:122px 96px; }.anim-ready .rf-roller { transform-box:view-box; }.anim-ready.is-on .rf-wheel { animation:rf-spin 2.4s cubic-bezier(.25, .6, .3, 1) both; }.anim-ready.is-on .rf-roller { animation:rf-press 2.4s ease-in-out both; }}@keyframes rf-spin { from { transform:rotate(-300deg); } to { transform:none; } }@keyframes rf-press { 0% { transform:translateX(26px); } 55% { transform:translateX(-3px); } 100% { transform:none; } }.board-wall { padding:var(--sec) 0; background:var(--stone-2); }.board { position:relative; background:var(--graphite); color:#E9ECEA; border-radius:6px; padding:clamp(28px, 5vw, 64px) clamp(22px, 5vw, 72px); box-shadow:0 34px 50px -30px rgba(28, 36, 25, .75), inset 0 0 0 1px rgba(205, 211, 209, .1); }.board::after { content:""; position:absolute; inset:10px; border:1px solid rgba(166, 203, 141, .28); border-radius:3px; pointer-events:none; }.screw { position:absolute; width:11px; height:11px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #B9C0BE, #6F7876); box-shadow:0 1px 1px rgba(0, 0, 0, .5); }.screw::after { content:""; position:absolute; left:2px; right:2px; top:5px; height:1.4px; background:#3B4345; transform:rotate(35deg); }.screw--tl { left:18px; top:18px; } .screw--tr { right:18px; top:18px; } .screw--bl { left:18px; bottom:18px; } .screw--br { right:18px; bottom:18px; }.board__head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:10px 30px; padding-bottom:18px; margin-bottom:26px; border-bottom:1px solid rgba(205, 211, 209, .3); }.board__title { margin:0; color:#F3F5F4; }.board__note { margin:0; color:var(--silver); font-size:.95rem; }.board__grid { display:grid; gap:30px 56px; }@media (min-width:900px) { .board__grid { grid-template-columns:1fr 1fr; } .board__group:last-child { grid-column:2; grid-row:1 / span 2; } }.board__k { font:italic 500 1.15rem/1.2 var(--serif); color:var(--leaf); margin-bottom:8px; }.board ul { list-style:none; }.board li a { display:flex; align-items:baseline; gap:10px; min-height:48px; padding:10px 0; text-decoration:none; border-bottom:1px solid rgba(205, 211, 209, .16); }.board li a:hover .board__name { text-decoration:underline; text-underline-offset:5px; }.board__name { font:500 clamp(1.08rem, 1rem + .4vw, 1.3rem)/1.25 var(--serif); color:#F3F5F4; }.board__lead { flex:1; min-width:20px; border-bottom:2px dotted rgba(205, 211, 209, .35); transform:translateY(-4px); }.board__tag { flex:none; padding:2px 8px; border-radius:3px; background:rgba(166, 203, 141, .16); color:var(--leaf); font-size:.8rem; font-weight:700; white-space:nowrap; }.signs { padding:var(--sec) 0; background:var(--paper-hi); }.signs__grid { display:grid; gap:40px; margin-top:30px; }@media (min-width:900px) { .signs__grid { grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0; } .note { padding:0 34px; border-left:1px solid var(--stone-2); } .note:first-child { padding-left:0; border-left:0; } .note:last-child { padding-right:0; } }.note__fig { height:200px; margin-bottom:18px; display:flex; align-items:center; }.note__fig .fig { height:100%; width:auto; max-width:100%; }.note h3 a { text-decoration-color:rgba(28, 36, 25, .35); }.ticks { list-style:none; margin:0 0 1em; }.ticks li { position:relative; padding:9px 0 9px 28px; border-bottom:1px solid var(--stone-2); }.ticks li::before { content:""; position:absolute; left:4px; top:.95em; width:11px; height:6px; border-left:2px solid var(--green-2); border-bottom:2px solid var(--green-2); transform:rotate(-45deg); }.size { padding:var(--sec) 0; background:var(--stone); overflow:hidden; }.size__head { display:grid; gap:10px 48px; align-items:end; margin-bottom:26px; }@media (min-width:900px) { .size__head { grid-template-columns:1fr 1fr; } }.sidewall { margin:0 calc(var(--gutter) * -.5); }.sidewall__art { width:100%; height:auto; }.sidewall figcaption { margin-top:12px; font-size:.95rem; color:var(--ink-2); padding-inline:calc(var(--gutter) * .5); }.faq { padding:var(--sec) 0; }.faq__grid { display:grid; gap:30px 72px; align-items:start; }@media (min-width:960px) { .faq__grid { grid-template-columns:minmax(0, 4fr) minmax(0, 7fr); } .faq__head { position:sticky; top:110px; } }.faq__fig { margin:24px 0 0; max-width:320px; --fig-accent:var(--green-2); }.faq__list { border-top:1px solid var(--rule); }.faq details { border-bottom:1px solid var(--rule); }.faq summary { position:relative; display:block; padding:20px 52px 20px 0; cursor:pointer; list-style:none; font:500 clamp(1.1rem, 1rem + .45vw, 1.35rem)/1.3 var(--serif); }.faq summary::-webkit-details-marker { display:none; }.faq summary::before, .faq summary::after { content:""; position:absolute; right:10px; top:50%; width:18px; height:2px; background:var(--ink); transition:transform .2s ease; }.faq summary::after { transform:rotate(90deg); }.faq details[open] summary::after { transform:rotate(0deg); }.faq__a { padding:0 0 20px; }.faq__a p { margin:0; color:var(--ink-2); }.find { position:relative; padding:clamp(80px, 12vw, 180px) 0 clamp(48px, 6vw, 80px); overflow:hidden; }.find__photo { position:absolute; inset:0; }.find__photo img { width:100%; height:100%; object-fit:cover; }.find__photo .stock { left:auto; right:.7rem; bottom:.7rem; }.find__panel { position:relative; max-width:560px; background:var(--paper-hi); border-radius:6px; padding:clamp(26px, 4vw, 48px); box-shadow:var(--shadow); }.find__dl { margin:18px 0 22px; padding-top:16px; border-top:1px solid var(--stone-2); }.find__dl div { margin-bottom:12px; }.find__dl dt { font-weight:700; font-size:.92rem; }.find__dl dd { margin:0; }.find__dl a { display:inline-flex; min-height:44px; align-items:center; font-weight:600; }.find__act { display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; }.callband { background:var(--green); color:var(--paper-hi); padding:clamp(52px, 7vw, 92px) 0; }.callband__in { display:grid; gap:26px 64px; align-items:center; }@media (min-width:960px) { .callband__in { grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); } }.callband h2 { color:#F6F7F3; }.callband p { color:rgba(246, 247, 243, .92); }.callband__act { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }.callband__hint { font-size:.95rem; margin:0; }.site-footer { background:var(--green-dk); color:#DCE4D6; padding:clamp(52px, 6vw, 80px) 0 28px; font-size:1rem; }.site-footer__grid { display:grid; gap:36px; }@media (min-width:760px) { .site-footer__grid { grid-template-columns:1fr 1fr; } }@media (min-width:1100px) { .site-footer__grid { grid-template-columns:1.3fr 1fr 1fr 1.2fr; } }.site-footer .wordmark { color:#F3F6F0; margin-bottom:14px; }.site-footer .wordmark__ag { color:var(--leaf); }.site-footer__former { font-size:.92rem; color:#BFCDB8; }.site-footer__k { font-weight:700; color:var(--leaf); margin:0 0 8px; font-size:.95rem; }.site-footer ul { list-style:none; }.site-footer__nav a, .site-footer__more a { display:inline-flex; align-items:center; min-height:44px; color:#E6ECE2; text-decoration-color:rgba(230, 236, 226, .4); }.site-footer__contact p { margin-bottom:.8em; }.site-footer__contact .site-footer__k + p { margin-top:0; }.site-footer__contact .btn { margin-bottom:10px; }.site-footer__small { font-size:.9rem; color:#BFCDB8; }.site-footer__base { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px 30px; margin-top:44px; padding-top:22px; font-size:.88rem; color:#BFCDB8; background:linear-gradient(rgba(220, 228, 214, .2), rgba(220, 228, 214, .2)) var(--gutter) 0 / calc(100% - 2 * var(--gutter)) 1px no-repeat; }.site-footer__base p { margin:0; }.agency-credit__link { display:inline-flex; align-items:center; gap:.55rem; min-height:44px; color:#E6ECE2; text-decoration:none; }.agency-credit__link:hover { color:#fff; text-decoration:underline; }.agency-credit__text { display:flex; flex-direction:column; line-height:1.3; font-size:.85rem; }.agency-credit svg { width:30px; height:30px; flex:none; }.crumbs { margin-bottom:clamp(18px, 2.4vw, 30px); font-size:.9rem; color:var(--ink-2); }.crumbs ol { list-style:none; display:flex; flex-wrap:wrap; gap:0 4px; }.crumbs li + li::before { content:"/"; margin:0 8px 0 4px; color:var(--rule); }.crumbs a { display:inline-flex; min-height:44px; align-items:center; }.crumbs span[aria-current] { display:inline-flex; min-height:44px; align-items:center; color:var(--ink); font-weight:600; }.phero { padding:clamp(16px, 2vw, 26px) 0 clamp(48px, 6vw, 88px); }.phero--farm { background:linear-gradient(180deg, var(--sage), var(--paper) 85%); }.phero--semi { background:linear-gradient(180deg, #EBDDD9, var(--paper) 85%); }.phero--shop { background:linear-gradient(180deg, var(--stone), var(--paper) 85%); }.phero__grid { display:grid; gap:34px; align-items:center; }@media (min-width:960px) { .phero__grid { grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:64px; } }.phero h1 { font-size:clamp(2.2rem, 1.3rem + 3.1vw, 3.9rem); }.phero__act { margin:6px 0 22px; }.phero__media .photo { aspect-ratio:4 / 3; box-shadow:var(--shadow); border:10px solid var(--green); border-radius:8px; }.phero--shop .phero__media .photo { border-color:var(--graphite); }.phero--semi .phero__media .photo { border-color:var(--red); }.phero__media--draw .drawn { margin:0; padding:clamp(18px, 3vw, 34px); background:var(--paper-hi); border-radius:8px; border:10px solid var(--green); box-shadow:var(--shadow); }.phero--shop .phero__media--draw .drawn { border-color:var(--graphite); }.phero--semi .phero__media--draw .drawn { border-color:var(--red); --fig-accent:var(--red); }.phero__media--draw .draw--icon { max-width:260px; margin-inline:auto; color:var(--ink); }.ready-note { display:flex; gap:14px; align-items:flex-start; max-width:560px; padding:14px 16px; border-radius:8px; background:var(--paper-hi); border:1px solid var(--stone-2); }.ready-note__tire { flex:none; width:46px; height:46px; }.ready-note__t { font-weight:700; margin:0 0 .2em; }.ready-note__d { margin:0; color:var(--ink-2); font-size:.97rem; }.intro { padding:clamp(48px, 6vw, 88px) 0; }.intro__grid { display:grid; gap:14px 64px; }@media (min-width:960px) { .intro__grid { grid-template-columns:minmax(0, 4fr) minmax(0, 7fr); } }.services { padding:0 0 var(--sec); }.services h2 { margin-bottom:26px; }.cards { list-style:none; display:grid; gap:18px; }@media (min-width:680px) { .cards { grid-template-columns:repeat(2, minmax(0, 1fr)); } }@media (min-width:1100px) { .cards--3 { grid-template-columns:repeat(3, minmax(0, 1fr)); } .cards--4 { grid-template-columns:repeat(4, minmax(0, 1fr)); } }.card { position:relative; display:flex; flex-direction:column; padding:22px 22px 18px; background:var(--paper-hi); border:1px solid var(--stone-2); border-radius:8px; transition:transform .2s ease, box-shadow .2s ease; }.card:hover { transform:translateY(-3px); box-shadow:var(--shadow); }.card__icon { display:block; width:92px; margin-bottom:10px; color:var(--ink); }.card h3 { margin-bottom:.4em; }.card h3 a { text-decoration:none; }.card h3 a::after { content:""; position:absolute; inset:0; }.card h3 a:focus-visible { outline:none; }.card:has(a:focus-visible) { outline:3px solid var(--ink); outline-offset:3px; }.card p { margin:0; color:var(--ink-2); font-size:.97rem; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }.block { padding:clamp(44px, 5.5vw, 80px) 0; }.block--alt { background:var(--paper-hi); }.block__grid { display:grid; gap:12px 64px; align-items:start; }@media (min-width:960px) { .block__grid { grid-template-columns:minmax(0, 4fr) minmax(0, 7fr); } }.block h2 { font-size:clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem); }.block__fig { margin:18px 0 0; max-width:420px; }.defs { margin:0 0 1em; border-top:1px solid var(--stone-2); }.defs div { display:grid; gap:2px 26px; padding:14px 0; border-bottom:1px solid var(--stone-2); }@media (min-width:600px) { .defs div { grid-template-columns:170px 1fr; } }.defs dt { font:600 1.15rem/1.3 var(--serif); }.defs dd { margin:0; color:var(--ink-2); }.band-photo { padding-block:10px; }.band-photo .photo { aspect-ratio:21 / 9; box-shadow:var(--shadow); }.why { padding:var(--sec) 0; }.why__grid { display:grid; gap:40px 64px; align-items:start; }@media (min-width:960px) { .why__grid { grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); } }.costcard { padding:26px 28px; background:var(--paper-hi); border-top:6px solid var(--green); border-radius:6px; box-shadow:var(--shadow); }.costcard__t { font-size:1.5rem; }.costcard ul { list-style:none; margin-bottom:14px; }.costcard li { padding:11px 0; border-bottom:1px solid var(--stone-2); }.costcard p { margin:0; font-size:.95rem; color:var(--ink-2); }.tracks-sec { padding:0 0 var(--sec); }.tracks-sec .tracks__title { margin-top:0; }.expect { padding:clamp(48px, 6vw, 88px) 0; background:var(--sage); }.expect__grid { display:grid; gap:26px 64px; align-items:start; }@media (min-width:960px) { .expect__grid { grid-template-columns:minmax(0, 4fr) minmax(0, 7fr); } }.expect__head h2 { font-size:clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem); }.expect__head p { color:var(--ink-2); }.expect__list { list-style:none; display:grid; gap:14px; }.expect__list li { display:grid; grid-template-columns:48px 1fr; gap:16px; align-items:start; padding:18px 20px; background:var(--paper-hi); border-radius:8px; border:1px solid var(--stone-2); }.expect__n { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--green); color:var(--paper-hi); font:700 1.1rem/1 var(--serif); }.expect__list h3 { margin-bottom:.25em; font-size:1.2rem; }.expect__list p { margin:0; color:var(--ink-2); }.related { padding:var(--sec) 0 calc(var(--sec) * .7); background:var(--stone); }.related h2 { margin-bottom:24px; }.source-note { font-size:.9rem; color:var(--ink-2); padding:18px 0 0; margin:0; }.calls { padding:var(--sec) 0; background:var(--green); color:var(--paper-hi); }.calls__grid { display:grid; gap:36px 64px; align-items:center; }@media (min-width:960px) { .calls__grid { grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); } }.calls h2 { color:#F6F7F3; }.calls p { color:rgba(246, 247, 243, .92); }.calls__art { max-width:260px; color:rgba(246, 247, 243, .85); --fig-accent:var(--leaf); }.calls .slot { border-color:rgba(246, 247, 243, .6); }.address { padding:clamp(48px, 6vw, 88px) 0; }.address__grid { display:grid; gap:40px 64px; align-items:start; }@media (min-width:960px) { .address__grid { grid-template-columns:1fr 1fr; } }.address__card { padding:clamp(24px, 3.5vw, 40px); background:var(--paper-hi); border-top:6px solid var(--green); border-radius:6px; box-shadow:var(--shadow); }.address__line { font:600 clamp(1.3rem, 1.1rem + .8vw, 1.7rem)/1.35 var(--serif); }.address__act { display:flex; flex-wrap:wrap; gap:12px; margin:6px 0 18px; }.address__note { margin:0; color:var(--ink-2); }.nf { padding:var(--sec) 0; }.nf__in { max-width:760px; }.nf__links { list-style:none; margin:10px 0 28px; border-top:1px solid var(--rule); }.nf__links li { border-bottom:1px solid var(--rule); }.nf__links a { display:flex; align-items:center; min-height:56px; font:500 1.25rem/1.3 var(--serif); text-decoration:none; }.nf__links a:hover { text-decoration:underline; }@media (prefers-reduced-motion:no-preference) {.reveal-on [data-reveal] { opacity:0; transform:translateY(14px); transition:opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1); }.reveal-on [data-reveal].is-in { opacity:1; transform:none; }}@media (prefers-reduced-motion:reduce) {html { scroll-behavior:auto; }.reveal-on [data-reveal], .will-draw .draw--tractor .lugx, .will-draw .draw--tractor .key, .doors__tire { opacity:1 !important; transform:none !important; animation:none !important; }*, *::before, *::after { animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; }}@media print { .site-header, .callbar, .review-note { display:none; } }.brand__logo { display:block; height:38px; width:auto; }.site-footer__plate { display:inline-block; margin:0 0 18px; padding:14px 18px; background:#F3F6F0; border-radius:10px; }.site-footer__logo { display:block; width:230px; height:auto; }.address__hours { margin:10px 0 0; font-size:1.05rem; color:var(--ink-2); }.address__hours strong { color:var(--ink); margin-right:6px; }@media (max-width:600px) { .brand__logo { height:30px; } .site-footer__logo { width:200px; } }.site-header { z-index:1000; background:#ECEEE8; }