:root{--bg-canvas:#faf6ef;--bg-surface:#fff;--bg-surface-hover:#f2eee4;--text-primary:#2b211a;--text-muted:#65594e;--accent-primary:#c2562e;--accent-secondary:#6b7a3a;--border-subtle:#ded5c8;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--glow-accent:none;--glass-backdrop:none;--radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.75 "Trebuchet MS","Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,p,figure,blockquote{margin:0 0 1.2rem}h1,h2,h3{font-weight:500;line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.5vw,4.7rem);max-width:16ch}h2{font-size:clamp(1.8rem,3vw,2.7rem)}h3{font-size:1.35rem}a{color:inherit;text-decoration-color:var(--accent-primary);text-underline-offset:5px}a:hover{color:#984021}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}figure{min-width:0}figcaption{font-size:.83rem;color:var(--text-muted);line-height:1.6;margin-top:.75rem}p:last-child{margin-bottom:0}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.reading{width:min(100%,70ch);margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:10px;z-index:20}.skip:focus{top:10px}.site-header{position:relative;z-index:5;margin:20px 24px 0;padding:16px 22px;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;text-decoration:none;white-space:nowrap;letter-spacing:-.04em}.brand-mark{width:27px;height:24px;border:1px solid var(--accent-primary);border-top:5px solid var(--accent-primary);position:relative;display:inline-block;flex-shrink:0}.brand-mark:after{content:"";position:absolute;left:11px;top:0;height:18px;border-left:1px solid var(--accent-primary)}.site-nav{display:flex;gap:19px;align-items:center}.site-nav a{font-size:.8rem;white-space:nowrap;text-decoration:none;position:relative}.site-nav a:after,.text-link:after{content:"";display:block;height:1px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-kinetic)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after,.text-link:hover:after{transform:scaleX(1)}.site-nav a[aria-current=page]{color:#984021}.menu-toggle{display:none;border:0;background:transparent;padding:0 12px;font-size:2rem;color:var(--text-primary)}main{padding-bottom:80px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding-block:85px 75px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;color:#6b613c;margin-bottom:18px;font-weight:600}.intro{font-size:1.14rem;color:var(--text-muted);max-width:52ch}.primary{display:inline-block;border:1px solid #984021;background:#984021;color:#fff;padding:12px 20px;border-radius:var(--radius);text-decoration:none;font-size:.9rem;transition:transform .3s var(--ease-kinetic),background .3s}.primary:hover{color:#fff;background:#7b321a;transform:translateY(-3px)}.hero-plates{height:490px;position:relative;margin:0}.hero-plates img{position:absolute;border:5px solid var(--bg-canvas)}.hero-plates .timber-connection-image{width:66%;height:72%;left:0;top:0;z-index:1}.hero-plates .steel-edge-image{width:48%;height:54%;right:0;top:22%;z-index:2}.hero-plates .fabric-canopy-image{width:56%;height:37%;left:12%;bottom:0;z-index:3}.hero-note{font-size:.75rem;color:var(--text-muted);margin-top:14px}.section{padding-block:66px;border-top:1px solid var(--border-subtle)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px}.section-heading h2{margin:0}.text-link{display:inline-block;text-decoration:none;font-size:.9rem;color:#984021}.essay{margin-bottom:32px}.wide-plate{margin:36px 0}.wide-plate img{aspect-ratio:16/9;height:auto}.plate-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#984021}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:26px;transition:transform .4s var(--ease-kinetic),border-color .4s}.card:hover{transform:translateY(-4px);border-color:#aa8e74}.card p{font-size:.94rem;color:var(--text-muted)}.card img{aspect-ratio:4/3;height:auto;margin-bottom:23px}.card .thumb{aspect-ratio:1/1;width:100px;height:100px;margin:0}.compact-card{display:flex;gap:20px;align-items:center}.compact-card h3{margin-bottom:8px}.split-card{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--border-subtle);background:#fff;border-radius:var(--radius);overflow:clip}.split-card figure{margin:0;height:100%;min-height:310px}.split-card img{border-radius:0;aspect-ratio:4/3}.split-copy{padding:38px}.olive-field{background:#eef0e4;padding:42px;border-radius:var(--radius)}blockquote{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.45;font-weight:400;max-width:36ch;padding:25px 0 25px 28px;border-left:2px solid var(--accent-secondary);margin:40px auto}blockquote cite{display:block;font-size:.78rem;font-style:normal;letter-spacing:.03em;margin-top:16px;color:var(--text-muted)}.page-heading{padding-block:66px 32px}.page-heading h1{max-width:22ch}.meta{font-size:.8rem;color:var(--text-muted)}.article-body h2{margin-top:44px}.article-body h3{margin-top:28px}.article-body ul,.article-body ol{padding-left:24px}.table-wrap{overflow-x:auto;margin-block:30px;border:1px solid var(--border-subtle);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;background:#fff;font-size:.88rem}th,td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);min-width:140px}th{font-weight:600;background:#f0ece3}tr:last-child td{border-bottom:0}details{border-top:1px solid var(--border-subtle);padding:19px 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-weight:500;line-height:1.5;padding-right:15px}details p{margin-top:16px;font-size:.95rem;color:var(--text-muted)}.note{background:#eef0e4;border-left:2px solid var(--accent-secondary);padding:23px 26px;border-radius:var(--radius);font-size:.94rem;margin-block:30px}.topic-links{margin-top:55px}.site-footer{border-top:1px solid var(--border-subtle);padding:38px 0;background:#f1ede4;font-size:.83rem}.footer-row{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-small{color:var(--text-muted);margin-top:20px;font-size:.78rem}label{display:block;margin-bottom:7px;font-size:.9rem}input,textarea,select{width:100%;border:1px solid #bbae9d;background:#fff;color:var(--text-primary);border-radius:var(--radius);padding:11px 13px}textarea{resize:vertical;min-height:160px}.form-field{margin-bottom:22px}.form-actions{display:flex;flex-wrap:wrap;gap:24px;margin-block:22px}.action-link{border:0;background:none;color:#984021;text-decoration:underline;text-underline-offset:5px;padding:4px 0}.action-link:hover{text-decoration-thickness:2px}.status{font-size:.9rem;min-height:1.8em;color:#475326}.output-panel{margin-top:30px;padding:25px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius)}.output-panel textarea{font-size:.9rem;min-height:230px}.source-list{font-size:.86rem}.source-list li{margin-bottom:10px}.reveal-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-ready .reveal-visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}
@media(min-width:1025px){.hero-plates{margin-right:10px}.wide-plate{margin-block:45px}}
@media(min-width:769px) and (max-width:1024px){.site-header{padding:14px;gap:12px;margin-inline:16px}.brand{font-size:.85rem}.site-nav{gap:11px}.site-nav a{font-size:.7rem}.hero{gap:28px}.hero-plates{height:400px}.wrap{width:calc(100% - 48px)}}
@media(max-width:768px){.site-header{margin:12px 16px 0;padding:12px 16px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:16px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex;animation:menuEnter .25s var(--ease-kinetic)}.site-nav a{font-size:1rem;padding:10px}.hero{grid-template-columns:1fr;padding-block:48px;gap:34px}.hero-plates{height:430px;max-width:550px;width:100%;margin:auto}.split-card{grid-template-columns:1fr}.split-card figure{min-height:0}.split-card img{aspect-ratio:16/9}.section{padding-block:44px}.section-heading{align-items:flex-start;flex-direction:column;gap:13px}.page-heading{padding-top:45px}.olive-field{padding:26px}.wrap{width:calc(100% - 40px)}.footer-row{flex-direction:column}.wide-plate{margin-block:30px}}
@media(max-width:480px){body{font-size:16px}.wrap{width:calc(100% - 32px)}.brand{font-size:.86rem;gap:8px}.brand-mark{width:23px}.hero-plates{height:340px}.hero{padding-top:38px}.grid{grid-template-columns:1fr}.split-copy,.card{padding:23px}.compact-card{gap:15px}.compact-card .thumb{width:75px;height:75px}.footer-links{gap:12px 18px}.page-heading h1{font-size:2.55rem}blockquote{padding-left:18px}.output-panel{padding:18px}}
@keyframes menuEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready .reveal{opacity:1;transform:none}.card:hover,.primary:hover{transform:none}}