@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Anton-400.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Barlow-400.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Barlow-600.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Barlow-700.woff2) format('woff2')}

/* Brand kept: loam ground, bone ink, rust accent, Anton + Barlow.
   The one motif: the jagged dirt-cut edge from the hero video's dirt wipe. It masks every photo,
   cuts the call button, marks list items, edges the estimate form and builds the footer. */
:root{
  --loam:#150F0A; --loam-2:#211710; --soil:#33230F; --bark:#5A3D1E; --clay:#8A5A2B;
  --rust:#B8641F; --rust-hi:#E08A32; --parch:#D8C29E; --parch-lt:#E7DAC0; --bone:#F8F3E7; --ink:#1B1409;
  --muted:#CDBFA6; --ink-muted:#4A3720;
  --display:'Anton', Impact, 'Arial Narrow Bold', sans-serif;
  --body:'Barlow', system-ui, -apple-system, sans-serif;
  --m:clamp(16px,3vw,40px);
  /* five type steps */
  --t-xl:clamp(60px,7.4vw,124px); --t-l:clamp(38px,4.4vw,68px); --t-m:clamp(20px,1.7vw,24px); --t-b:17px; --t-s:14px;
  --jag:polygon(0 16px,4% 7px,9% 13px,14% 2px,20% 11px,27% 4px,33% 14px,40% 6px,47% 12px,53% 0,60% 10px,66% 3px,73% 13px,80% 5px,86% 11px,92% 1px,100% 9px,
    100% calc(100% - 12px),95% calc(100% - 3px),89% calc(100% - 13px),82% calc(100% - 4px),76% calc(100% - 11px),69% calc(100% - 1px),62% calc(100% - 9px),56% calc(100% - 3px),49% calc(100% - 14px),42% calc(100% - 5px),35% calc(100% - 12px),28% calc(100% - 2px),21% calc(100% - 10px),15% calc(100% - 4px),8% calc(100% - 13px),3% calc(100% - 6px),0 calc(100% - 10px));
  --jag-top:polygon(0 16px,4% 7px,9% 13px,14% 2px,20% 11px,27% 4px,33% 14px,40% 6px,47% 12px,53% 0,60% 10px,66% 3px,73% 13px,80% 5px,86% 11px,92% 1px,100% 9px,100% 100%,0 100%);
  --jag-btn:polygon(0 0,calc(100% - 12px) 0,100% 22%,calc(100% - 7px) 46%,100% 70%,calc(100% - 10px) 100%,0 100%);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--loam);color:var(--bone);font-family:var(--body);font-size:var(--t-b);line-height:1.55;-webkit-font-smoothing:antialiased}
img,video,svg{max-width:100%;display:block}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:.95;letter-spacing:-.005em;margin:0;text-transform:uppercase;text-wrap:balance}
h2{font-size:var(--t-l)}
h3{font-size:var(--t-m);line-height:1.1}
.wrap{padding:0 var(--m);max-width:1520px;margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--rust-hi);outline-offset:3px}
::selection{background:var(--rust);color:var(--bone)}

/* buttons: one shape, cut on the right like the dirt edge */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--body);font-weight:700;font-size:17px;text-decoration:none;cursor:pointer;
  padding:16px 34px 16px 24px;border:0;border-radius:0;background:var(--rust);color:#000;clip-path:var(--jag-btn);
  transition:background .2s var(--ease),transform .2s var(--ease)}
.btn:hover{background:var(--rust-hi)}
.btn:active{transform:translateY(2px) scale(.98)}
.btn-dark{background:var(--loam);color:var(--bone)}
.btn-dark:hover{background:var(--soil)}
.tlink{font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--rust);transition:color .2s,text-decoration-color .2s}
.tlink:hover{color:var(--rust-hi);text-decoration-color:var(--rust-hi)}

/* list marks: a small dirt mound */
.mounds{list-style:none;margin:0;padding:0}
.mounds li{position:relative;padding-left:26px;margin-bottom:8px}
.mounds li::before{content:"";position:absolute;left:0;top:.5em;width:15px;height:9px;background:var(--rust);
  clip-path:polygon(0 100%,10% 45%,28% 55%,45% 0,62% 40%,80% 20%,100% 100%)}

/* header */
header{position:sticky;top:0;z-index:60;background:var(--loam)}
.bar{display:flex;align-items:center;gap:28px;padding:12px var(--m);max-width:1520px;margin:0 auto}
.lockup{text-decoration:none;line-height:1;margin-right:auto}
.lk1{display:block;font-family:var(--display);font-size:var(--t-m);color:var(--rust-hi);transform:skewX(-9deg);transform-origin:left bottom}
.lk2{display:block;font-weight:600;font-size:var(--t-s);color:var(--parch);margin-top:3px}
.nav{display:flex;gap:24px}
.nav a{text-decoration:none;font-weight:600;color:var(--muted);transition:color .2s}
.nav a:hover{color:var(--bone)}
.hdr-phone{font-family:var(--display);font-size:24px;text-decoration:none;transition:color .2s}
.hdr-phone:hover{color:var(--rust-hi)}
.bar .btn{padding:12px 30px 12px 18px;font-size:16px}
@media(max-width:1080px){.nav{display:none}}
@media(max-width:700px){.hdr-phone{display:none}}

/* hero: full-width video band (Connor: full width, never needs a scroll), cut along its bottom by the dirt edge */
.hero-band{position:relative;background:var(--soil)}
.hero-band video,.hero-band .still{width:100%;height:min(56.25vw,calc(100vh - 150px));min-height:260px;object-fit:cover;clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),95% calc(100% - 6px),88% calc(100% - 34px),81% calc(100% - 10px),74% calc(100% - 40px),66% calc(100% - 4px),58% calc(100% - 28px),51% calc(100% - 12px),43% calc(100% - 38px),35% calc(100% - 6px),27% calc(100% - 30px),19% calc(100% - 8px),11% calc(100% - 36px),5% calc(100% - 14px),0 calc(100% - 26px))}
.hero-band video{display:none}
html.hv .hero-band video{display:block}
html.hv .hero-band .still{display:none}
.video-toggle{display:none}
html.hv .video-toggle{display:block;position:absolute;right:var(--m);bottom:52px;background:var(--loam);color:var(--bone);border:0;padding:8px 12px;font:600 14px var(--body);cursor:pointer}
.hero-body{position:relative;overflow:hidden;padding:48px 0 120px}
.hero-body .wrap{position:relative;z-index:1;display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:end}
.hero h1{font-size:var(--t-xl);line-height:.9;letter-spacing:-.01em}
.hero h1 span{display:block}
.hero h1 span+span{color:var(--rust-hi)}
.hero-lede{font-size:var(--t-m);max-width:40ch;margin:28px 0 32px;line-height:1.45}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px}
.mound{position:absolute;right:-6vw;bottom:-2px;width:min(52vw,820px);height:88%;background:var(--rust);
  clip-path:polygon(0 100%,6% 70%,13% 74%,21% 48%,30% 52%,38% 24%,47% 30%,55% 6%,63% 14%,72% 0,82% 18%,90% 12%,100% 30%,100% 100%)}
.mound-copy{align-self:end;color:#000;background:var(--rust);font-size:var(--t-m);font-weight:600;line-height:1.35;max-width:24ch;margin:0 0 6px auto}
.mound-copy b{display:block;font-family:var(--display);font-weight:400;font-size:var(--t-l);line-height:1;margin-bottom:10px}

/* jobs: the live picker */
.jobs{background:var(--parch-lt);color:var(--ink);padding:160px 0}
.jobs-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.plate{position:relative;aspect-ratio:1;background:var(--parch)}
.plate figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.6s var(--ease)}
.plate figure.on{opacity:1}
.plate img{width:100%;height:calc(100% - 34px);object-fit:cover;clip-path:var(--jag)}
.plate figcaption{position:absolute;left:0;bottom:0;font-size:var(--t-s);color:var(--ink-muted)}
.plate figure:not(.on) figcaption{visibility:hidden}
.plate img{object-position:50% 70%}
.jobs h2{margin-bottom:28px}
.tabs{display:flex;flex-wrap:wrap;gap:8px 26px;margin-bottom:36px}
.tabs button{font:600 17px var(--body);background:none;border:0;padding:6px 0;cursor:pointer;color:var(--ink-muted);position:relative;transition:color .2s}
.tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:9px;background:var(--rust);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);
  clip-path:polygon(0 100%,8% 40%,20% 60%,34% 10%,50% 50%,64% 0,80% 45%,92% 20%,100% 100%)}
.tabs button[aria-selected=true]{color:var(--ink)}
.tabs button[aria-selected=true]::after{transform:none}
.tabs button:hover{color:var(--ink)}
.panel h3{font-size:var(--t-l);line-height:1;margin-bottom:16px}
.panel>p{font-size:var(--t-m);max-width:34ch;line-height:1.4}
.panel .mounds{columns:2;column-gap:32px;margin:26px 0 36px}
.panel .mounds li{break-inside:avoid}
.cells{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cells>*{min-height:72px;display:flex;align-items:center;padding:0 24px;font:700 17px var(--body);text-decoration:none;border:0;cursor:pointer;text-align:left;transition:background .2s,transform .2s}
.cells>*:active{transform:scale(.98)}
.cells .c1{background:var(--ink);color:var(--bone);clip-path:var(--jag-btn)}
.cells .c1:hover{background:var(--soil)}
.cells .c2{background:var(--parch);color:var(--ink)}
.cells .c2:hover{background:#cdb48b}
.js .panel[hidden]{display:none}
.no-js-only{display:none}

/* towns */
.towns{padding:160px 0 0}
.range{position:relative;overflow:hidden;height:clamp(220px,32vw,520px);clip-path:var(--jag)}
.range img{width:100%;height:118%;object-fit:cover;object-position:50% 45%;will-change:transform}
.towns-intro{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:end;margin-bottom:56px}
.towns-intro p{font-size:var(--t-m);max-width:40ch;margin:0;line-height:1.45}
.tiles-wrap{display:grid;grid-template-columns:3fr 9fr;gap:40px;padding-top:140px;padding-bottom:160px}
.tiles-wrap h2{align-self:start}
.tiles-wrap .side p{margin-top:20px;color:var(--muted);max-width:30ch}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 10px}
.tile{text-decoration:none;display:block}
.tile .pic{aspect-ratio:4/5;overflow:hidden;clip-path:var(--jag);background:var(--soil)}
.tile.wide{grid-column:span 2}
.tile.wide .pic{aspect-ratio:auto;height:calc(100% - 0px)}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.tile:hover img{transform:scale(1.05)}
.tile b{display:block;font-family:var(--display);font-weight:400;font-size:var(--t-m);text-transform:uppercase;margin-top:14px}
.tile span{display:block;color:var(--muted);font-size:var(--t-b);margin-top:4px;max-width:30ch}
a.tile b{text-decoration:underline;text-decoration-color:var(--rust);text-underline-offset:4px;text-decoration-thickness:2px}

/* process: rough ground to finished grade */
.process{background:var(--soil);padding:150px 0 60px}
.process-head{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:end;margin-bottom:56px}
.process-head p{font-size:var(--t-m);max-width:40ch;margin:0;line-height:1.45}
.pin-track{height:260vh}
.viz{position:sticky;top:90px}
.section-cut{width:100%;height:auto;display:block;overflow:visible;max-height:52vh}
#ex{will-change:transform}
#stakes .stake{opacity:0;transform:translateY(-30px);transition:opacity .4s, transform .5s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--d)*.15s)}
#stakes .string{stroke-dasharray:360;stroke-dashoffset:360;transition:stroke-dashoffset .8s .3s ease}
#cut.staked .stake{opacity:1;transform:none}
#cut.staked .string{stroke-dashoffset:0}
#cut.dug #stakes{opacity:0;transition:opacity .4s}
#boulders{transition:opacity .4s, transform .5s}
#cut.dug #boulders{opacity:0;transform:translateY(20px)}
.stages>div{transition:color .3s}
.stages>div h3{transition:color .3s}
.js .stages>div:not(.on) h3{color:var(--muted)}
.stages>div.on h3{color:var(--rust-hi)}
.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.stages h3{margin-bottom:10px}
.stages p{margin:0;max-width:34ch}
.stages a{color:var(--rust-hi)}

/* faq: filed cards */
.faq{background:var(--parch-lt);color:var(--ink);padding:160px 0}
.faq .inner{max-width:980px;margin:0 auto}
.faq h2{margin-bottom:48px}
.card{--x:calc(var(--i) * 110px);position:relative;background:var(--c);margin-top:-6px;
  clip-path:polygon(var(--x) 0,calc(var(--x) + 220px) 0,calc(var(--x) + 236px) 40px,100% 40px,100% 100%,0 100%,0 40px,calc(var(--x) - 0px) 40px)}
.card:nth-child(3n+1){--c:var(--parch)}
.card:nth-child(3n+2){--c:#CFB48A}
.card:nth-child(3n){--c:var(--bone)}
.card summary{list-style:none;cursor:pointer;padding:0 28px 22px;min-height:96px;display:block}
.card summary::-webkit-details-marker{display:none}
.card .tab{display:block;height:40px;line-height:40px;margin-left:calc(var(--x) - 28px + 20px);font-weight:700;font-size:var(--t-s);color:var(--ink-muted)}
.card .q{display:flex;justify-content:space-between;gap:20px;font-weight:600;font-size:var(--t-m);line-height:1.3;padding-top:10px}
.card .q::after{content:"+";font-family:var(--display);font-size:28px;color:var(--rust);line-height:1;transition:transform .3s var(--ease)}
.card[open] .q::after{transform:rotate(45deg)}
.card summary:hover .q{color:#000}
.card .a{padding:0 28px 32px;max-width:calc(50ch + 56px);font-size:var(--t-b);color:var(--ink)}
.card .a p{margin:0}

/* estimate: the form, edged like a cut bank */
.estimate{padding:160px 0;background:var(--loam)}
.coupon{display:grid;grid-template-columns:5fr 7fr;background:var(--rust);color:#000;clip-path:var(--jag);max-width:1240px;margin:0 auto}
.coupon-l{padding:72px 48px 56px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}

.coupon-l .big-phone{font-family:var(--display);font-size:var(--t-l);text-decoration:none;line-height:1;display:inline-block;transition:color .2s}
.coupon-l .big-phone:hover{color:var(--bone)}
.coupon-l p{font-size:var(--t-b);max-width:36ch;margin:0}
.coupon-l .tlink{text-decoration-color:var(--loam)}
.coupon-r{background:var(--loam-2);color:var(--bone);padding:72px 48px 56px;
  clip-path:polygon(18px 0,100% 0,100% 100%,14px 100%,0 92%,16px 82%,3px 71%,17px 60%,2px 49%,15px 38%,4px 27%,18px 15%,1px 6%)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.field{margin-bottom:10px}
.field label{display:block;font-weight:600;font-size:var(--t-s);color:var(--muted);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:12px 14px;font:16px var(--body);color:var(--ink);background:var(--bone);border:0;border-radius:0;outline:none;transition:background .2s}
.field input:focus,.field select:focus,.field textarea:focus{background:#fff;outline:3px solid var(--rust-hi);outline-offset:-3px}
.field textarea{min-height:96px;resize:vertical}
#submitBtn{width:100%;min-height:56px;margin-top:8px}
.fineprint{font-size:var(--t-s);color:var(--muted);margin:14px 0 0}
.fineprint a{color:var(--rust-hi);font-weight:600}
.err{color:#FF9A5C;font-size:15px;margin-top:10px;display:none;font-weight:600}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.thanks{display:none}
.thanks h2{margin-bottom:16px}
.thanks a{color:var(--rust-hi);font-weight:700}
.is-sent .form-body{display:none}
.is-sent .thanks{display:block}
.coupon-r.flash{animation:flash 1.1s ease}
@keyframes flash{35%{background:var(--soil)}}

/* footer: the name built from dirt piles */
footer{background:var(--loam);padding:40px 0 120px;color:var(--muted)}
.pile{display:flex;align-items:flex-end;gap:4px;height:34svh;min-height:200px;max-height:380px}
.pile i{flex:1;display:flex;align-items:flex-end;justify-content:center;font-style:normal;font-family:var(--display);color:var(--loam);
  font-size:clamp(34px,9vw,150px);line-height:.82;padding-bottom:.04em;transform-origin:bottom;
  clip-path:polygon(0 10px,25% 2px,50% 9px,75% 0,100% 7px,100% 100%,0 100%)}
.pile i:nth-child(3n+1){background:var(--rust)}
.pile i:nth-child(3n+2){background:var(--clay)}
.pile i:nth-child(3n){background:var(--parch)}
.pile .gap{flex:.35;background:none!important}
.foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px;font-size:var(--t-s)}
.foot-grid h3{font-family:var(--body);font-weight:700;text-transform:none;font-size:var(--t-b);color:var(--bone);margin-bottom:12px}
.foot-grid ul{list-style:none;margin:0;padding:0}
.foot-grid li{margin-bottom:6px}
footer a{text-decoration:none;transition:color .2s}
footer a:hover{color:var(--rust-hi)}
.credits{font-size:var(--t-s);margin-top:48px;max-width:110ch}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;font-size:var(--t-s)}
.legal .btn{font-size:var(--t-s);padding:10px 26px 10px 16px}

/* phone call bar */
.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;grid-template-columns:1fr 1fr 1fr;background:var(--ink)}
.mobile-bar a{padding:16px 6px;text-align:center;text-decoration:none;font-weight:700;font-size:var(--t-b);color:var(--bone)}
.mobile-bar a.call{background:var(--rust);color:#000}

/* entrances: parts of each section rise in turn */
.js .rv>*{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .rv>*:nth-child(2){transition-delay:.08s}
.js .rv>*:nth-child(3){transition-delay:.16s}
.js .rv>*:nth-child(4){transition-delay:.24s}
.js .rv>*:nth-child(5){transition-delay:.32s}
.js .rv.in>*{opacity:1;transform:none}
.js .pile i{transform:scaleY(.2);transition:transform .9s var(--ease)}
.js .pile.in i{transform:none}
.js .pile i:nth-child(2n){transition-delay:.07s}.js .pile i:nth-child(3n){transition-delay:.14s}

@media(max-width:980px){
  .hero-body .wrap,.jobs-grid,.towns-intro,.process-head,.tiles-wrap,.coupon{grid-template-columns:1fr}
  .jobs-grid{gap:96px}
  .plate figcaption{font-size:var(--t-b)}
  .mound{display:none}
  .mound-copy{margin:48px 0 0;max-width:none;padding:44px 22px 28px;clip-path:var(--jag-top)}
  .tiles{grid-template-columns:1fr 1fr}
  .stages{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .coupon-r{clip-path:polygon(0 14px,10% 2px,22% 12px,35% 0,48% 10px,61% 1px,74% 13px,87% 3px,100% 11px,100% 100%,0 100%)}
}
@media(max-width:640px){
  :root{--t-xl:clamp(48px,14vw,72px)}
  .jobs,.faq,.estimate,.process{padding:96px 0}
  .tiles-wrap{padding-top:96px;padding-bottom:96px}
  .towns{padding-top:96px}
  .hero-body{padding:36px 0 96px}
  .panel .mounds{columns:1}
  .cells{grid-template-columns:1fr}
  .cells>*{min-height:60px}
  .row2{grid-template-columns:1fr}
  .coupon-l,.coupon-r{padding:56px 22px 40px}
  .card{--x:calc(var(--i) * 34px)}
  .card .tab{margin-left:calc(var(--x) - 28px + 16px)}
  .card{clip-path:polygon(var(--x) 0,calc(var(--x) + 130px) 0,calc(var(--x) + 142px) 40px,100% 40px,100% 100%,0 100%,0 40px,var(--x) 40px)}
  .card summary{padding:0 18px 20px}
  .card .tab{margin-left:calc(var(--x) - 18px + 12px)}
  .card .a{padding:0 18px 28px}
  .section-cut{width:160%;margin-left:-30%}
  .foot-grid{grid-template-columns:1fr 1fr}
  .mobile-bar{display:grid}
  .pile{height:22svh;min-height:150px}
  .pile i{font-size:clamp(30px,9.5vw,60px)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01s!important;animation:none!important}
  .js .rv>*{transform:none}
  .js .pile i{transform:none}
}

/* ---- sub-pages ---- */
.crumbs{display:flex;gap:10px;list-style:none;margin:0 0 28px;padding:0;font-size:var(--t-s);color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--bark)}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--rust-hi)}
.sub-hero{padding:48px 0 120px;position:relative;overflow:hidden}
.sub-hero .wrap{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.sub-hero h1{font-size:var(--t-l);line-height:.95}
.sub-hero .hero-lede{margin:24px 0 32px}
.sub-hero .pic{aspect-ratio:4/3;clip-path:var(--jag);background:var(--soil)}
.sub-hero .pic img{width:100%;height:100%;object-fit:cover}
.body{background:var(--parch-lt);color:var(--ink);padding:140px 0}
.body .wrap{display:grid;grid-template-columns:4fr 8fr;gap:64px;align-items:start}
.aside{position:sticky;top:100px}
.aside h2{font-size:var(--t-m);margin-bottom:18px}
.aside .mounds{margin-bottom:32px}
.aside .pic{aspect-ratio:4/3;clip-path:var(--jag);margin-bottom:24px}
.aside .pic img{width:100%;height:100%;object-fit:cover}
.prose{max-width:68ch;font-size:18px;line-height:1.6}
.prose h2{font-size:clamp(28px,2.6vw,40px);margin:72px 0 16px}
.prose h2:first-child{margin-top:0}
.prose ul{list-style:none;padding:0;margin:0 0 2em}
.prose ul li{position:relative;padding-left:26px;margin-bottom:8px}
.prose ul li::before{content:"";position:absolute;left:0;top:.5em;width:15px;height:9px;background:var(--rust);clip-path:polygon(0 100%,10% 45%,28% 55%,45% 0,62% 40%,80% 20%,100% 100%)}
.prose a{color:#7A3F0E;font-weight:600;text-decoration-color:var(--rust);text-underline-offset:4px}
.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 var(--m);margin:-60px auto 0;max-width:1520px;position:relative;z-index:1}
.strip .pic{aspect-ratio:16/10;clip-path:var(--jag);background:var(--soil)}
.strip img{width:100%;height:100%;object-fit:cover}
.related{padding:140px 0 0}
.related h2{margin-bottom:32px}
.rel-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.rel-list a{display:block;text-decoration:none;font-family:var(--display);font-size:var(--t-m);text-transform:uppercase;line-height:1.1}
.rel-list a span{display:block;font-family:var(--body);text-transform:none;font-size:var(--t-b);color:var(--muted);margin-top:8px}
.rel-list a:hover{color:var(--rust-hi)}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:40px 0}
.gallery .pic{aspect-ratio:16/9;clip-path:var(--jag)}
.gallery .pic:first-child{grid-column:span 2}
.gallery img{width:100%;height:100%;object-fit:cover}
.clip{width:100%;aspect-ratio:16/9;object-fit:cover;clip-path:var(--jag);margin:32px 0 0;background:var(--soil)}
@media(prefers-reduced-motion:reduce){.clip{display:none}}
.job-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.job-list a{text-decoration:none;display:block}
.job-list .pic{aspect-ratio:16/9;clip-path:var(--jag);margin-bottom:16px}
.job-list img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.job-list a:hover img{transform:scale(1.04)}
.job-list b{font-family:var(--display);font-weight:400;font-size:var(--t-m);text-transform:uppercase;display:block}
@media(max-width:980px){
  .sub-hero .wrap,.body .wrap{grid-template-columns:1fr}
  .aside{position:static}
  .strip{grid-template-columns:1fr 1fr 1fr;margin-top:-40px}
  .rel-list,.job-list{grid-template-columns:1fr}
}
@media(max-width:640px){.body{padding:96px 0}.related{padding-top:96px}.sub-hero{padding:28px 0 96px}}