/* © 2026. Borys Liashchenko · AB1 Engineering LLC · AB1 Software · Powered by Nexus. */
:root{--ink:#171714;--paper:#f1ede4;--cream:#ded5c4;--wood:#bd7b45;--amber:#d59252;--line:rgba(23,23,20,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:88px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:#151513;color:#fff;position:absolute;z-index:10;width:100%}.brand{display:flex;align-items:center;gap:13px}.brand span:last-child{display:flex;flex-direction:column;line-height:1}.brand b{font-size:25px;letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.26em;margin-top:5px}.brand-mark{width:31px;height:34px;display:flex;align-items:flex-end;gap:3px;transform:skewY(-24deg)}.brand-mark i{display:block;width:8px;background:#d38b4e}.brand-mark i:nth-child(1){height:18px}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){height:34px}.topbar nav{display:flex;gap:38px;font-size:12px;letter-spacing:.08em}.topbar nav a{opacity:.72;transition:.25s}.topbar nav a:hover{opacity:1}.top-cta{font-size:12px;border-bottom:1px solid #c78a54;padding:10px 0}.top-cta span{margin-left:14px;color:#d59252}.menu-btn{display:none;background:none;border:0}.hero{height:min(880px,100svh);min-height:690px;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/ab1-woodworking-hero.png') center/cover no-repeat;transform:scale(1.025);animation:heroIn 1.8s cubic-bezier(.2,.8,.2,1) forwards}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.85) 0%,rgba(10,10,9,.52) 39%,rgba(10,10,9,.06) 72%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 38%)}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-42%);width:min(690px,50vw)}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.24em;font-size:10px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{height:1px;width:34px;background:var(--amber)}h1,h2{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-.035em;margin:22px 0}h1{font-size:clamp(50px,6vw,92px);line-height:.98}h1 em,h2 em{color:var(--amber);font-style:italic}h2{font-size:clamp(40px,4.3vw,70px);line-height:1.07}.lead{font-size:15px;line-height:1.75;color:rgba(255,255,255,.72);max-width:560px}.hero-actions{display:flex;align-items:center;gap:42px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.button.light{background:#eee8dc;color:#1a1916}.button.dark{background:#171714;color:white}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid rgba(255,255,255,.45);padding:12px 0}.text-link span{margin-left:20px}.hero-note{position:absolute;right:5vw;bottom:8%;display:flex;gap:18px;align-items:flex-start}.hero-note span{font-family:Prata;font-size:12px;color:var(--amber)}.hero-note p{font-family:Prata;font-size:19px;line-height:1.4;margin:0}.scroll{position:absolute;left:4vw;bottom:7%;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.25em;font-size:8px;color:#aaa;display:flex;gap:14px;align-items:center}.scroll i{height:52px;width:1px;background:#aaa}@keyframes heroIn{from{opacity:.2;transform:scale(1.1)}to{opacity:1;transform:scale(1.025)}}.manifesto,.collection,.options,.process{padding:110px 8vw}.section-no{font-size:9px;text-transform:uppercase;letter-spacing:.24em;color:#877d6d}.manifesto{display:grid;grid-template-columns:180px 1fr 360px;gap:5vw;align-items:center}.manifesto-copy p:last-child,.section-head>p{max-width:620px;color:#655f55;font-size:14px;line-height:1.8}.kicker{color:#a26a3c}.joint-demo{height:360px;position:relative;background:#1c1b18;overflow:hidden}.joint{position:absolute;width:180px;height:280px;background:linear-gradient(90deg,#b6743f,#e0aa72);box-shadow:0 15px 35px #0008}.joint i{position:absolute;width:38px;height:42px;background:#1c1b18}.joint.a{left:27px;top:-20px}.joint.a i{right:-1px}.joint.a i:nth-child(1){top:10px}.joint.a i:nth-child(2){top:65px}.joint.a i:nth-child(3){top:120px}.joint.a i:nth-child(4){top:175px}.joint.a i:nth-child(5){top:230px}.joint.b{right:0;top:99px;transform:rotate(90deg);transform-origin:center}.joint-label{position:absolute;bottom:22px;left:23px;color:#fff;display:flex;flex-direction:column;gap:4px}.joint-label b{font-size:10px;letter-spacing:.2em}.joint-label span{font-size:9px;color:#b6aa97}.collection{background:#191917;color:#f0ece3}.section-head{display:flex;justify-content:space-between;align-items:flex-end}.section-head h2{margin-bottom:0}.section-head>p{color:#a9a399;max-width:400px}.filters{display:flex;gap:28px;border-bottom:1px solid #3b3933;margin:55px 0 34px;overflow:auto}.filters button{border:0;background:none;color:#8d887f;padding:0 0 15px;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.filters button.active{color:#fff;border-bottom:1px solid #d29054}.filters sup{color:#d29054;margin-left:4px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{min-height:390px;position:relative;overflow:hidden;background:#282620;cursor:pointer}.product .visual{height:280px;position:relative;background-image:linear-gradient(140deg,rgba(0,0,0,.02),rgba(0,0,0,.38)),url('assets/ab1-woodworking-hero.png');background-size:1200px auto;transition:transform .7s cubic-bezier(.2,.8,.2,1);filter:saturate(.75)}.product:nth-child(4n+1) .visual{background-position:67% 58%}.product:nth-child(4n+2) .visual{background-position:89% 34%}.product:nth-child(4n+3) .visual{background-position:82% 82%}.product:nth-child(4n) .visual{background-position:55% 52%}.product:hover .visual{transform:scale(1.06);filter:saturate(1)}.product-copy{padding:20px}.product-copy span{font-size:9px;color:#a89f91;text-transform:uppercase;letter-spacing:.12em}.product-copy h3{font-family:Prata;font-size:20px;font-weight:400;margin:10px 0 0}.product .index{position:absolute;right:12px;top:12px;background:#eee9de;color:#222;padding:6px 8px;font-size:9px}.product.hidden{display:none}.more{display:flex;margin:34px auto 0;background:none;color:#eee;border:0;border-bottom:1px solid #716b60;padding:12px 0;text-transform:uppercase;letter-spacing:.15em;font-size:10px;gap:35px;cursor:pointer}.options{display:grid;grid-template-columns:1fr 1.25fr;gap:10vw}.option-list article{display:grid;grid-template-columns:44px 1fr 30px;border-top:1px solid var(--line);padding:28px 0;align-items:start}.option-list article:last-child{border-bottom:1px solid var(--line)}.option-list span{font-family:Prata;color:#a66c3f}.option-list h3{font-family:Prata;font-weight:400;font-size:23px;margin:0 0 9px}.option-list p{margin:0;color:#70695e;font-size:13px;line-height:1.6}.option-list b{font-weight:400}.process{background:#d8cfbf;display:grid;grid-template-columns:180px 1fr;gap:5vw}.process-intro{grid-column:2}.process ol{grid-column:2;list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa08f}.process li{padding:26px 22px 0 0;border-right:1px solid #aaa08f;min-height:190px}.process li+li{padding-left:22px}.process li b{font-size:10px;color:#9a6338}.process li h3{font-family:Prata;font-size:22px;font-weight:400}.process li p{font-size:12px;line-height:1.65;color:#685f54}.contact{background:#b77c4b;min-height:600px;padding:100px 8vw;position:relative;display:grid;grid-template-columns:1.2fr .65fr;gap:12vw;align-items:center;overflow:hidden}.contact:before{content:"AB1";position:absolute;font-family:Prata;font-size:35vw;color:#fff;opacity:.025;left:-2vw;top:-12vw}.contact-copy,.contact-card{position:relative}.contact h2 em{color:#1d1c18}.contact-copy>p:not(.eyebrow){max-width:560px;line-height:1.8;font-size:14px}.contact-card{background:#d7a170;padding:38px}.contact-card>p{text-transform:uppercase;letter-spacing:.16em;font-size:9px}.contact-card ul{list-style:none;padding:0;margin:25px 0 0}.contact-card li{border-top:1px solid #b37c4c;padding:16px 0;font-family:Prata}.contact-card li span{font-family:Manrope;font-size:9px;margin-right:20px}footer{background:#141412;color:#fff;padding:55px 8vw;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;align-items:start}footer p{font-size:12px;line-height:1.7;color:#817d75;margin:0}footer>div{display:flex;gap:25px;font-size:11px}footer>small{grid-column:1/-1;border-top:1px solid #333;padding-top:22px;margin-top:20px;color:#646159;font-size:9px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.topbar nav,.top-cta{display:none}.menu-btn{display:block}.menu-btn span{display:block;background:#fff;width:24px;height:1px;margin:6px}.hero-copy{width:82vw;left:8vw}.hero-note{display:none}.manifesto{grid-template-columns:1fr}.section-no{margin-bottom:15px}.joint-demo{max-width:500px}.section-head{display:block}.product-grid{grid-template-columns:repeat(2,1fr)}.options{grid-template-columns:1fr}.process{grid-template-columns:1fr}.process-intro,.process ol{grid-column:1}.contact{grid-template-columns:1fr}.contact-card{max-width:520px}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topbar{height:72px}.hero{min-height:720px}.hero-copy{top:46%}h1{font-size:48px}.lead{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.manifesto,.collection,.options,.process,.contact{padding:80px 6vw}.product-grid{grid-template-columns:1fr}.product .visual{height:320px}.process ol{grid-template-columns:1fr}.process li{border-right:0;border-bottom:1px solid #aaa08f}.section-head h2{font-size:42px}.contact{gap:45px}footer{grid-template-columns:1fr}footer>div{flex-direction:column;gap:10px}.filters{gap:20px}.scroll{display:none}}
/* © 2026. Borys Liashchenko · AB1 Engineering LLC · AB1 Software · Powered by Nexus. */