@import"https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#fbfbf9;--ink:#16181c;--ink-soft:#3c4149;--muted:#7d838c;--line:#e6e5df;--line-strong:#d4d3cb;--card:#ffffff;--accent:#1a3a34;--gold:#9c7c2a;--orion:#1f4a6b;--plot:#1f6b53;--supply:#8a3d2c}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;font-size:16px}.mono{font-family:IBM Plex Mono,monospace}.serif{font-family:Newsreader,serif}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 36px}.hj-nav{position:sticky;top:0;z-index:50;background:#fbfbf9db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1120px;margin:0 auto;padding:18px 36px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Newsreader,serif;font-size:20px;font-weight:500;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.logo .mark{width:22px;height:22px;flex:none;color:var(--accent)}.nav-links{display:flex;gap:32px;font-size:13.5px;color:var(--ink-soft)}.nav-links a{padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}.nav-links a:hover{color:var(--ink);border-color:var(--gold)}.nav-cta{font-size:13px;border:1px solid var(--line-strong);padding:8px 16px;border-radius:6px;color:var(--ink);transition:all .25s}.nav-cta:hover{background:var(--ink);color:#fff;border-color:var(--ink)}@media(max-width:720px){.nav-links{display:none}}.hero{padding:17vh 0 13vh;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero .wrap{position:relative;z-index:1}.hero h1{font-family:Newsreader,serif;font-weight:440;font-size:clamp(40px,6.6vw,80px);line-height:1.05;letter-spacing:-.022em;max-width:20ch;text-wrap:balance}.hero h1 em{font-style:italic;color:var(--accent)}.hero h1 .w{display:inline-block;margin-right:.24em;opacity:0;transform:translateY(.5em);animation:rise .85s cubic-bezier(.2,.6,.15,1) forwards;animation-delay:var(--d)}.hero h1 .w:last-child{margin-right:0}@keyframes rise{to{opacity:1;transform:none}}.hero .lede{margin-top:30px;font-size:19px;color:var(--ink-soft);max-width:60ch;line-height:1.6;opacity:0;animation:rise .9s ease forwards;animation-delay:.95s}.hero-foot{margin-top:44px;display:flex;gap:26px;align-items:center;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);opacity:0;animation:rise .9s ease forwards;animation-delay:1.1s}.hero-foot .rule{flex:none;width:44px;height:1px;background:var(--gold);animation:drawrule 1s cubic-bezier(.2,.6,.15,1) 1.15s backwards}@keyframes drawrule{0%{width:0}}.hero-cta{display:inline-block;margin-top:40px;padding:14px 28px;border:1px solid var(--accent);color:var(--accent);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;transition:background .3s,color .3s;opacity:0;animation:rise .9s ease forwards;animation-delay:1.25s}.hero-cta:hover{background:var(--accent);color:var(--bg)}.rings{position:absolute;right:-40px;top:50%;margin-top:-240px;width:480px;height:480px;pointer-events:none;color:var(--line-strong);opacity:0;animation:rise 1.6s ease forwards;animation-delay:.6s}.rings svg{width:100%;height:100%}.step-line{stroke-dasharray:1400;stroke-dashoffset:1400;animation:drawstep 2.6s cubic-bezier(.4,0,.2,1) forwards}.step-line.s1{animation-delay:.7s}.step-line.s2{animation-delay:1s}.step-dot{opacity:0;transform-origin:430px 156px;animation:dotin .8s ease 2.6s forwards,pulse 5s ease-in-out 3.4s infinite}@keyframes drawstep{to{stroke-dashoffset:0}}@keyframes dotin{to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@media(max-width:960px){.rings{display:none}}@media(max-width:720px){.hero{padding:12vh 0 9vh}.hero .lede{font-size:17px}}.progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);width:0;z-index:100}.sec-label{font-family:IBM Plex Mono,monospace;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.index{border-bottom:1px solid var(--line)}.index-head{padding:64px 0 8px}.row{display:block;border-top:1px solid var(--line);transition:background .35s;--hue:var(--accent)}.row:first-of-type{border-top:0}.row.orion{--hue:var(--orion)}.row.plot{--hue:var(--plot)}.row.supply{--hue:var(--supply)}.row-inner{max-width:1120px;margin:0 auto;padding:44px 36px;position:relative}.row-inner:before{content:attr(data-no);position:absolute;right:30px;top:50%;transform:translateY(-52%);font-family:Newsreader,serif;font-size:170px;line-height:1;color:var(--ink);opacity:.04;pointer-events:none;transition:opacity .45s,transform .6s cubic-bezier(.2,.6,.15,1)}.row:hover .row-inner:before{opacity:.09;transform:translateY(-52%) translate(-14px);color:var(--hue)}@media(max-width:680px){.row-inner:before{display:none}}.row-top{display:flex;align-items:baseline;gap:26px}.row .no{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);letter-spacing:.14em;transform:translateY(-1.1em)}.row .name{flex:1;min-width:0;font-family:Newsreader,serif;font-weight:450;font-size:clamp(27px,4vw,50px);line-height:1.08;letter-spacing:-.018em;text-wrap:balance;transition:transform .45s cubic-bezier(.2,.6,.15,1)}.row .sector{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color .35s}.row-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.6,.15,1)}.row-more>div{overflow:hidden}.row-more p{max-width:58ch;color:var(--ink-soft);font-size:15.5px;line-height:1.6;padding-top:20px}.row-more .value{display:inline-block;margin-top:16px;font-family:IBM Plex Mono,monospace;font-size:12.5px;letter-spacing:.08em;color:var(--hue)}.row-more .value:before{content:"\2192  "}@media(hover:hover){.row:hover{background:color-mix(in srgb,var(--hue) 4.5%,var(--bg))}.row:hover .name{transform:translate(10px);color:var(--hue)}.row:hover .sector{color:var(--hue)}.row:hover .row-more{grid-template-rows:1fr}}@media(hover:none){.row .row-more{grid-template-rows:1fr}}@media(max-width:680px){.row-top{flex-wrap:wrap;gap:14px}.row .sector{margin-left:0;width:100%}}.clients{padding:60px 0;border-bottom:1px solid var(--line);overflow:hidden}.clients .sec-label{max-width:1120px;margin:0 auto 34px;padding:0 36px}.marquee-mask{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee{display:flex;flex-wrap:nowrap;width:max-content;animation:marquee 60s linear infinite}.clients:hover .marquee{animation-play-state:paused}.client{flex:none;width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);transition:color .35s;text-align:center}.client:hover{color:var(--ink)}.client .dot{display:none}.client .logo-box{width:100%;height:52px;display:flex;align-items:center;justify-content:center}.client .logo-box img{max-width:130px;width:auto;height:auto;object-fit:contain;display:block;transition:opacity .35s}.client img.lg-white{filter:brightness(0);opacity:.6}.client:hover img.lg-white{opacity:1}.client img.lg-dark{filter:grayscale(1);opacity:.6}.client:hover img.lg-dark{opacity:1}.client .cname{font-family:IBM Plex Mono,monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}@keyframes marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:34px 0}.marquee .client[aria-hidden=true]{display:none}}@media(max-width:680px){.client{width:150px}}.showcase{padding:14vh 0 100px}.sw-head{font-family:Newsreader,serif;font-weight:450;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.02em;margin-top:8px;max-width:18ch;text-wrap:balance}.sw-intro{margin-top:24px;font-size:18px;color:var(--ink-soft);max-width:60ch;line-height:1.6}.sw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:64px}.sw-card{--hue:var(--accent);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:30px 30px 26px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative}.sw-card.orion{--hue:var(--orion)}.sw-card.plot{--hue:var(--plot)}.sw-card.supply{--hue:var(--supply)}.sw-card:hover{border-color:var(--hue);transform:translateY(-4px);box-shadow:0 18px 40px -24px #16181c47}.sw-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;margin-bottom:22px}.sw-logo{display:flex;align-items:center;height:40px}.sw-logo img{max-height:36px;max-width:150px;width:auto;object-fit:contain;display:block}.sw-logo img.lg-white{filter:brightness(0);opacity:.85}.sw-logo img.lg-dark{opacity:.9}.sw-tag{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;color:#fff;background:var(--hue);padding:4px 9px;border-radius:5px;white-space:nowrap}.sw-name{font-family:Newsreader,serif;font-size:26px;font-weight:500;letter-spacing:-.01em}.sw-sector{font-family:IBM Plex Mono,monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:5px}.sw-desc{font-size:15px;color:var(--ink-soft);line-height:1.6;margin-top:16px;flex:1}.sw-products{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--hue);margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.sw-visit{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:13px;letter-spacing:.04em;color:var(--hue);font-weight:500}.sw-visit .arw{transition:transform .3s}.sw-card:hover .sw-visit .arw{transform:translate(5px)}@media(max-width:680px){.showcase{padding:10vh 0 70px}.sw-grid{grid-template-columns:1fr;gap:16px}}.shp-list{margin-top:70px}.shp-panel{--hue:var(--accent);border-top:1px solid var(--line);padding:74px 0}.shp-panel.orion{--hue:var(--orion)}.shp-panel.plot{--hue:var(--plot)}.shp-panel.supply{--hue:var(--supply)}.shp-panel.goldp{--hue:var(--gold)}.shp-panel.forest{--hue:var(--accent)}.shp-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}.shp-panel:nth-of-type(2n) .shp-grid{grid-template-columns:1.1fr 1fr}.shp-panel:nth-of-type(2n) .shp-text{order:2}.shp-panel:nth-of-type(2n) .shp-vis{order:1}.shp-role{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--hue);margin-bottom:14px}.shp-name{font-family:Newsreader,serif;font-weight:470;font-size:clamp(30px,3.4vw,42px);letter-spacing:-.015em;line-height:1.05}.shp-sector{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:10px}.shp-desc{font-size:16px;color:var(--ink-soft);line-height:1.65;margin-top:20px;max-width:52ch}.shp-detail{font-size:14.5px;color:var(--muted);line-height:1.6;margin-top:14px;max-width:52ch}.shp-visit{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;color:var(--hue);border-bottom:1px solid transparent;transition:border-color .3s}.shp-visit:hover{border-color:var(--hue)}.shp-visit .arw{transition:transform .3s}.shp-visit:hover .arw{transform:translate(5px)}.shp-vis{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;overflow:hidden}.shp-vis svg{width:100%;height:auto;display:block}@media(max-width:860px){.shp-grid,.shp-panel:nth-of-type(2n) .shp-grid{grid-template-columns:1fr;gap:32px}.shp-panel:nth-of-type(2n) .shp-text{order:1}.shp-panel:nth-of-type(2n) .shp-vis{order:2}.shp-panel{padding:54px 0}}.shp-trace{stroke-dasharray:620;stroke-dashoffset:620;animation:shpTrace 7s ease-in-out infinite}@keyframes shpTrace{0%{stroke-dashoffset:620}55%,86%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}.shp-trace-dot{animation:shpDotBlink 7s ease-in-out infinite}@keyframes shpDotBlink{0%,45%{opacity:0}60%,86%{opacity:1}to{opacity:0}}.shp-nodes circle{transform-box:fill-box;transform-origin:center}.shp-core{animation:shpPulse 2.6s ease-in-out infinite}.shp-corering{animation:shpRingOut 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes shpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes shpRingOut{0%{transform:scale(.6);opacity:.6}to{transform:scale(1.9);opacity:0}}.shp-syn{stroke-dasharray:6 8;animation:shpSyn 3.2s linear infinite}@keyframes shpSyn{to{stroke-dashoffset:-56}}.shp-gen{animation:shpGenBlink 3.2s steps(1) infinite}@keyframes shpGenBlink{0%{opacity:1}50%{opacity:.35}}.shp-scan{animation:shpScan 6s linear infinite}@keyframes shpScan{0%{transform:translate(30px)}to{transform:translate(410px)}}.shp-mark{opacity:0}.shp-m1{animation:shpMark 6s linear infinite;animation-delay:0s}.shp-m2{animation:shpMark 6s linear infinite;animation-delay:2s}.shp-m3{animation:shpMark 6s linear infinite;animation-delay:3.4s}@keyframes shpMark{0%,26%{opacity:0}30%,80%{opacity:1}86%,to{opacity:0}}.shp-ring{transform-box:fill-box;transform-origin:center}.shp-r1{animation:shpMapRing 4s ease-out infinite}.shp-r2{animation:shpMapRing 4s ease-out infinite;animation-delay:2s}@keyframes shpMapRing{0%{transform:scale(.18);opacity:.75}to{transform:scale(1.15);opacity:0}}.shp-pin{transform-box:fill-box;transform-origin:center;animation:shpPinBob 4s ease-in-out infinite}@keyframes shpPinBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.shp-comp{opacity:0}.shp-c1{animation:shpComp 4s ease infinite;animation-delay:.4s}.shp-c2{animation:shpComp 4s ease infinite;animation-delay:.9s}.shp-c3{animation:shpComp 4s ease infinite;animation-delay:1.3s}.shp-c4{animation:shpComp 4s ease infinite;animation-delay:1.7s}.shp-c5{animation:shpComp 4s ease infinite;animation-delay:2.1s}@keyframes shpComp{0%{opacity:0}18%,82%{opacity:1}to{opacity:0}}.shp-price{opacity:0;animation:shpComp 4s ease infinite;animation-delay:2.5s}.shp-parcel{transform-box:view-box}.shp-p1{animation:shpParcel 5.5s linear infinite}.shp-p2{animation:shpParcel 5.5s linear infinite;animation-delay:1.8s}.shp-p3{animation:shpParcel 5.5s linear infinite;animation-delay:3.6s}@keyframes shpParcel{0%{transform:translate(0);opacity:0}6%{opacity:1}94%{opacity:1}to{transform:translate(430px);opacity:0}}.shp-flow{stroke-dasharray:5 7;animation:shpSyn 2.4s linear infinite}.shp-ai rect{transform-box:fill-box;transform-origin:center;animation:shpPulse 2.4s ease-in-out infinite}.shp-tick{opacity:0;transform-box:fill-box;transform-origin:center}.shp-t1{animation:shpTick 5s ease infinite;animation-delay:.6s}.shp-t2{animation:shpTick 5s ease infinite;animation-delay:1.5s}.shp-t3{animation:shpTick 5s ease infinite;animation-delay:2.4s}@keyframes shpTick{0%{opacity:0;transform:scale(.6)}12%,80%{opacity:1;transform:scale(1)}92%,to{opacity:0}}.shp-doc{transform-box:fill-box;transform-origin:left center}.shp-d1{animation:shpDoc 5s ease infinite}.shp-d2{animation:shpDoc 5s ease infinite;animation-delay:.9s}.shp-d3{animation:shpDoc 5s ease infinite;animation-delay:1.8s}@keyframes shpDoc{0%{transform:scaleX(.2)}20%,to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.shp-trace{animation:none;stroke-dashoffset:0}.shp-trace-dot,.shp-mark,.shp-comp,.shp-price,.shp-tick{animation:none;opacity:1}.shp-core,.shp-corering,.shp-syn,.shp-gen,.shp-scan,.shp-ring,.shp-pin,.shp-parcel,.shp-flow,.shp-ai rect,.shp-doc{animation:none}.shp-scan{transform:translate(220px)}.shp-parcel{transform:translate(210px);opacity:1}}.group{padding:104px 0;border-bottom:1px solid var(--line)}.group-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;margin-top:22px}.group h2{font-family:Newsreader,serif;font-weight:450;font-size:clamp(26px,3vw,34px);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}.group .body{font-family:Newsreader,serif;font-size:19px;line-height:1.7;color:var(--ink-soft);columns:2;column-gap:48px}.group .body p{break-inside:avoid;margin-bottom:1.2em;max-width:60ch}.group .body p:first-child:first-letter{color:var(--gold)}@media(max-width:860px){.group-grid{grid-template-columns:1fr;gap:28px}.group .body{columns:1}}.contact{padding:100px 0}.contact h2{font-family:Newsreader,serif;font-weight:450;font-size:clamp(28px,3vw,36px);letter-spacing:-.015em;margin-top:6px}.contact p{color:var(--ink-soft);max-width:54ch;margin-top:14px;font-size:16.5px;line-height:1.6}.contact .email{display:inline-block;margin-top:26px;font-family:IBM Plex Mono,monospace;font-size:15px;color:var(--accent);border-bottom:1px solid var(--line-strong);padding-bottom:3px;transition:border-color .3s}.contact .email:hover{border-color:var(--accent)}.fade{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.6,.15,1)}.fade.in{opacity:1;transform:none}.index .row.fade:nth-of-type(2){transition-delay:.1s}.index .row.fade:nth-of-type(3){transition-delay:.2s}@media(prefers-reduced-motion:reduce){.fade{opacity:1;transform:none;transition:none}.row-more,.row .name{transition:none}.hero h1 .w,.hero .lede,.hero-foot,.hero-cta,.rings{animation:none;opacity:1;transform:none}.hero-foot .rule{animation:none}.step-line{animation:none;stroke-dashoffset:0}.step-dot{animation:none;opacity:1}.progress{display:none}}.page-shell{padding:72px 0;min-height:40vh}.page-shell h1{font-family:Newsreader,serif;font-size:40px;font-weight:500;margin-bottom:24px}.rte{font-size:17px;color:var(--ink-soft);max-width:720px;line-height:1.65}.rte p+p{margin-top:16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;margin-top:40px}.product-card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}.product-card img{width:100%;height:auto;display:block}.product-card .pc-body{padding:16px}.product-card .pc-title{font-family:Newsreader,serif;font-size:18px;font-weight:500}.product-card .pc-price{font-size:14px;color:var(--muted);margin-top:4px}.btn-primary{display:inline-block;background:var(--ink);color:#fff;padding:13px 26px;border-radius:8px;font-size:15px;font-weight:500;border:none;cursor:pointer}.btn-primary:hover{background:var(--accent)}.hj-footer{background:var(--ink);color:#c7cbd0;padding:56px 0 40px}.foot-inner{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.foot-brand .logo{color:#fff;margin-bottom:12px}.foot-brand .logo .mark{color:#fff}.foot-brand p{font-size:13px;color:#868c94;max-width:300px;line-height:1.5}.foot-col h4{font-size:12px;font-family:IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:#868c94;margin-bottom:14px}.foot-col a{display:block;font-size:14px;color:#c7cbd0;padding:5px 0}.foot-col a:hover{color:#fff}.foot-bottom{border-top:1px solid #2a2d33;margin-top:44px;padding-top:22px;font-size:12px;color:#868c94;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hayes-james.css.map */