:root{--theme-font-size: 16px;--theme-line-height: 1.5;--theme-transition-duration: .2s;--theme-font-headline: "Lato", sans-serif;--theme-font-headings: "Fira Mono", monospace;--theme-font-body: "Roboto", sans-serif;--theme-color-background: #f5f0e8;--theme-color-text: #3d2914;--theme-color-primary: #b8860b;--theme-color-secondary: #4a3728}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;font-synthesis:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,iframe,video{max-width:100%;height:auto}ul,ol{list-style:none}a,button{cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}html{scroll-behavior:smooth;overflow-x:hidden}body{min-width:320px;font-family:var(--theme-font-body);font-size:var(--theme-font-size);line-height:var(--theme-line-height);color:var(--theme-color-text);background-color:var(--theme-color-background);overflow-x:hidden}.wrapper,.main,.shell{overflow:visible}h1,.h1{font-family:var(--theme-font-headline);margin-bottom:.5em}h1:last-child,.h1:last-child{margin-bottom:0}h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6{font-family:var(--theme-font-headings);margin-bottom:.5em}h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,.h2:last-child,.h3:last-child,.h4:last-child,.h5:last-child,.h6:last-child{margin-bottom:0}.accent,label,kbd,code{font-family:var(--theme-font-headings)}p,ul,ol,blockquote{margin-bottom:.5em}p:last-child,ul:last-child,ol:last-child,blockquote:last-child{margin-bottom:0}a{color:inherit;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hidden{display:none}.clear:after{content:"";display:table;clear:both}.wrapper{position:relative;display:flex;flex-direction:column;min-height:100vh}.shell{--shell-max-width: 1200px;--shell-gutter: 20px;max-width:calc(var(--shell-max-width) + var(--shell-gutter) * 2);margin-inline:auto;padding-inline:var(--shell-gutter);width:100%}@media(max-width:767px){.shell{--shell-gutter: 16px}}.shell--fluid{max-width:none;padding-inline:var(--shell-gutter)}.header{border-bottom:1px solid var(--theme-color-primary);padding-block:1rem}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{text-decoration:none;font-weight:700}.nav__list{display:flex;flex-wrap:wrap;gap:1rem}.nav__list a{text-decoration:none}.nav__list a:hover{text-decoration:underline}.main{flex:1}.content-area{padding-block:2rem}.post-list{display:flex;flex-direction:column;gap:1.5rem}.post-list__item a{display:block;text-decoration:none}.post-list__title{font-size:1.25rem;margin-bottom:.25rem}.post-list__date{font-size:.875rem;opacity:.8}.single-post__header{margin-bottom:1.5rem}.single-post__title{margin-bottom:.5rem}.single-post__date{font-size:.875rem;opacity:.8}.single-post__content{max-width:65ch}.no-posts{padding:2rem 0}.page-title{margin-bottom:1rem}.footer{border-top:1px solid var(--theme-color-primary);padding-block:1.5rem;margin-top:auto}.footer__nav{margin-bottom:1rem}.footer__list{display:flex;flex-wrap:wrap;gap:1rem}.footer__list a{text-decoration:none}.footer__list a:hover{text-decoration:underline}.footer__copy{font-size:.875rem;opacity:.8}.btn{--btn-bg: var(--theme-color-primary);--btn-color: #fff;--btn-border: 2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.25;text-decoration:none;text-align:center;white-space:nowrap;border:var(--btn-border);border-radius:.25rem;background-color:var(--btn-bg);color:var(--btn-color);cursor:pointer;transition:background-color var(--theme-transition-duration),color var(--theme-transition-duration),border-color var(--theme-transition-duration),opacity var(--theme-transition-duration)}.btn:hover{opacity:.9}.btn:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.btn--primary{--btn-bg: var(--theme-color-primary);--btn-color: #fff}.btn--secondary{--btn-bg: var(--theme-color-secondary);--btn-color: #fff}.btn--outline-primary{--btn-bg: transparent;--btn-color: var(--theme-color-primary);--btn-border: 2px solid var(--theme-color-primary)}.btn--outline-secondary{--btn-bg: transparent;--btn-color: var(--theme-color-secondary);--btn-border: 2px solid var(--theme-color-secondary)}.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding-block:2rem;text-align:center}.hero .shell{flex:1;width:100%}.hero__inner{max-width:48rem;margin-inline:auto}.hero__title{font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin-bottom:1rem;color:var(--theme-color-text)}.hero__description{font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem;color:var(--theme-color-text);opacity:.95}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.roll-forming{background:#bf8c52;overflow:hidden;position:relative;width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.roll-forming__scroll-spacer{height:4000vh}.roll-forming__sticky-view{height:100vh;width:100%;overflow:hidden;z-index:1}.roll-forming__viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.roll-forming__viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(12,4,0,.28) 100%)}.roll-forming__canvas{display:block;width:100%;height:100%}.roll-forming__ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.roll-forming__title{position:absolute;top:38px;left:46px}.roll-forming__heading{font-family:Lato,sans-serif;font-weight:300;font-size:54px;line-height:1;color:#140300;letter-spacing:-.01em}.roll-forming__sub{font-family:Fira Mono,monospace;font-size:9px;color:#522000;letter-spacing:.22em;text-transform:uppercase;margin-top:10px}.roll-forming__stages{position:absolute;right:42px;top:50%;transform:translateY(-50%)}.roll-forming__stg{display:flex;align-items:center;gap:10px;padding:6px 0;opacity:.28;transition:opacity .55s ease;justify-content:flex-end}.roll-forming__stg.on{opacity:1}.roll-forming__stg-lbl{font-family:Roboto,sans-serif;font-size:8.5px;color:#140300;letter-spacing:.1em;text-transform:uppercase;text-align:right;line-height:1.45}.roll-forming__stg-n{font-family:Fira Mono,monospace;font-size:19px;font-weight:400;color:#140300;width:18px;text-align:center;line-height:1}.roll-forming__stg-pip{width:7px;height:7px;border:1.5px solid #140300;border-radius:50%;flex-shrink:0;transition:background .45s}.roll-forming__stg.on .roll-forming__stg-pip{background:#140300}.roll-forming__xsec{position:absolute;bottom:76px;left:46px;opacity:0;transition:opacity .6s}.roll-forming__xsec.show{opacity:1}.roll-forming__xsec-ttl{font-family:Fira Mono,monospace;font-size:8.5px;color:#522000;letter-spacing:.2em;text-transform:uppercase;margin-bottom:7px}.roll-forming__xsec-svg{display:block;border:1px solid rgba(20,3,0,.22);background:#b9875059;border-radius:2px;padding:5px}.roll-forming__sname{position:absolute;bottom:130px;left:50%;transform:translate(-50%);font-family:Lato,sans-serif;font-style:normal;font-weight:300;font-size:27px;color:#140300;white-space:nowrap;text-align:center;opacity:0;transition:opacity .55s}.roll-forming__sname.show{opacity:1}.roll-forming__bottom{position:absolute;bottom:40px;left:50%;transform:translate(-50%);text-align:center;transition:opacity .4s}.roll-forming__hint{font-family:Fira Mono,monospace;font-size:9px;color:#522000;letter-spacing:.24em;text-transform:uppercase;margin-bottom:13px}.roll-forming__pbar{width:110px;height:1px;background:#14030033;margin:0 auto}.roll-forming__pfill{height:100%;background:#140300;width:0;transition:width .12s}