/* Kiln & Canopy: plain CSS design system for an earth-industrial editorial website. */
:root{--ink:#1c2019;--ink2:#262b23;--paper:#f8f5ed;--canvas:#f3f0e7;--green:#40663d;--lime:#b7cd9d;--sage:#d3dac7;--clay:#a05e2b;--rule:#cac5b7;--body:"Manrope",Arial,sans-serif;--display:"DM Serif Display",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--body);margin:0}.display{font-family:var(--display);font-weight:400;letter-spacing:-.045em}.eyebrow{align-items:center;color:var(--green);display:flex;font-size:.64rem;font-weight:800;gap:.65rem;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{background:currentColor;content:"";height:1px;width:2rem}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{background:var(--paper);border-bottom:1px solid rgba(28,32,25,.12);position:relative;z-index:5}.header-bar{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1440px;padding:1.1rem 4.5rem}.brand{align-items:center;display:flex;gap:.75rem;min-width:175px}.brand img{height:36px;width:36px}.brand b{display:block;font-size:.8rem;letter-spacing:.13em;line-height:1;text-transform:uppercase}.brand small{display:block;font-size:.55rem;font-weight:700;letter-spacing:.15em;margin-top:.3rem;text-transform:uppercase}.desktop-nav{display:flex;gap:1.8rem}.desktop-nav a{color:#555a51;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.desktop-nav a:hover,.desktop-nav a.active{color:var(--green)}.button{align-items:center;border:1px solid transparent;display:inline-flex;font-size:.64rem;font-weight:800;gap:.6rem;justify-content:center;letter-spacing:.1em;min-height:46px;padding:.8rem 1rem;text-transform:uppercase;transition:.18s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--green)}.button-light{border-color:rgba(248,245,237,.4);color:var(--paper)}.button-light:hover{border-color:var(--lime);color:var(--lime)}.mobile-toggle{background:none;border:0;color:var(--ink);display:none}.mobile-nav{background:var(--paper);border-top:1px solid var(--rule);display:none;padding:1rem 1.5rem}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{border-bottom:1px solid var(--rule);font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:.85rem 0;text-transform:uppercase}.hero{background:var(--ink);color:var(--paper);overflow:hidden;position:relative}.hero:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");content:"";inset:0;opacity:.1;pointer-events:none;position:absolute}.home-hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:760px}.home-copy{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:max(4.5rem,calc((100vw - 1440px)/2 + 4.5rem));max-width:560px;padding:5rem 3.5rem 5rem 0;position:relative;z-index:1}.hero .eyebrow{color:var(--lime)}.home-copy h1{font-size:clamp(4.3rem,6.4vw,7.2rem);line-height:.88;margin:1.4rem 0 1.7rem}.home-copy h1 em{color:var(--lime)}.home-copy p{color:rgba(248,245,237,.74);font-size:1rem;line-height:1.8;margin:0;max-width:31rem}.button-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.home-image{min-height:100%;overflow:hidden;position:relative}.home-image:after{background:linear-gradient(90deg,var(--ink),transparent 38%),linear-gradient(0deg,rgba(28,32,25,.4),transparent 40%);content:"";inset:0;position:absolute}.home-image img{height:100%;object-fit:cover;object-position:65% center;position:absolute;width:100%}.hero-stamp{align-items:center;background:var(--paper);bottom:3rem;color:var(--ink);display:flex;flex-direction:column;height:135px;justify-content:center;position:absolute;right:3rem;width:135px;z-index:1}.hero-stamp b{font-size:2rem}.hero-stamp span{font-size:.55rem;font-weight:800;letter-spacing:.13em;margin-top:.4rem;text-align:center;text-transform:uppercase}.home-marker{bottom:3rem;color:rgba(248,245,237,.6);font-size:.58rem;font-weight:800;letter-spacing:.16em;position:absolute;text-transform:uppercase}.page-hero{min-height:420px;padding:6.5rem max(4.5rem,calc((100vw - 1440px)/2 + 4.5rem)) 4rem}.page-hero:before{border:1px solid rgba(183,205,157,.22);border-radius:50%;content:"";height:480px;position:absolute;right:9vw;top:-180px;width:480px}.page-hero .hero-content{max-width:770px;position:relative;z-index:1}.page-hero h1{font-size:clamp(4rem,7vw,7.5rem);line-height:.86;margin:1.2rem 0 1.4rem}.page-hero p{color:rgba(248,245,237,.72);font-size:1rem;line-height:1.8;max-width:620px}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.8rem}.tags span{border:1px solid rgba(248,245,237,.3);color:var(--lime);font-size:.58rem;font-weight:800;letter-spacing:.1em;padding:.48rem .62rem;text-transform:uppercase}.hero-accent{bottom:3.5rem;color:var(--lime);font-family:var(--display);font-size:2.15rem;line-height:.9;max-width:220px;position:absolute;right:8vw;z-index:1}.production-marker{bottom:1.4rem;color:rgba(248,245,237,.5);font-size:.55rem;font-weight:800;letter-spacing:.15em;position:absolute;right:2rem;text-transform:uppercase;transform:rotate(-90deg);transform-origin:right bottom;z-index:2}.production-marker:after{background:currentColor;content:"";display:inline-block;height:1px;margin-left:.65rem;vertical-align:middle;width:2rem}.section{margin:auto;max-width:1440px;padding:5.75rem 4.5rem}.intro-grid{display:grid;gap:6vw;grid-template-columns:.18fr 1fr}.section-number{color:var(--clay);font-size:.65rem;font-weight:800;letter-spacing:.14em}.section-number:after{background:currentColor;content:"";display:block;height:1px;margin-top:.45rem;width:2rem}.intro-copy{max-width:690px}.intro-copy h2,.block-content h2{font-size:clamp(2.7rem,4.4vw,4.8rem);line-height:.92;margin:1.25rem 0 1.5rem}.intro-copy p,.block-content p{color:#596058;font-size:.95rem;line-height:1.85;margin:0 0 1rem}.stats{border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.5rem}.stats div{border-right:1px solid var(--rule);padding:1rem}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats b{display:block;font-family:var(--display);font-size:2rem;font-weight:400}.stats span{color:#666b60;font-size:.57rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.product-strip{background:var(--sage)}.product-strip-inner{display:flex;margin:auto;max-width:1440px;padding:1rem 4.5rem}.product-strip-inner span{border-left:1px solid rgba(28,32,25,.2);flex:1;font-size:.6rem;font-weight:800;letter-spacing:.09em;padding:.15rem 1rem;text-transform:uppercase}.product-strip-inner span:first-child{border:0;padding-left:0}.material-moment{background:var(--ink);margin:auto;max-width:1440px}.material-moment figure{display:grid;grid-template-columns:1.25fr .75fr;margin:0;min-height:380px}.material-moment img{height:100%;object-fit:cover;width:100%}.material-moment figcaption{align-self:center;color:var(--paper);padding:3rem 4vw}.material-moment figcaption .eyebrow{color:var(--lime)}.material-moment h2{font-size:clamp(2.6rem,4vw,4.5rem);line-height:.9;margin:1.2rem 0}.material-moment p{color:rgba(248,245,237,.68);font-size:.9rem;line-height:1.8}.content-block{border-bottom:1px solid var(--rule);display:grid;gap:3rem;grid-template-columns:.15fr 1fr .55fr;margin:auto;max-width:1440px;padding:5.75rem 4.5rem}.content-block.ink{background:var(--ink2);box-shadow:0 0 0 100vmax var(--ink2);clip-path:inset(0 -100vmax);color:var(--paper)}.content-block.ink p{color:rgba(248,245,237,.67)}.content-block.ink .eyebrow{color:var(--lime)}.block-index{color:var(--clay);font-size:.65rem;font-weight:800;letter-spacing:.13em}.ink .block-index{color:var(--lime)}.block-index:after{background:currentColor;content:"";display:block;height:1px;margin-top:.5rem;width:2rem}.block-list{align-self:end;border-top:1px solid var(--rule);display:flex;flex-direction:column}.ink .block-list{border-color:rgba(248,245,237,.22)}.block-list span{align-items:center;border-bottom:1px solid var(--rule);display:flex;font-size:.64rem;font-weight:800;justify-content:space-between;letter-spacing:.08em;padding:.8rem 0;text-transform:uppercase}.ink .block-list span{border-color:rgba(248,245,237,.22);color:var(--lime)}.cta-band{align-items:center;background:var(--sage);display:flex;justify-content:space-between;margin:auto;max-width:1440px;padding:4rem 4.5rem}.cta-band h2{font-size:clamp(2.7rem,4vw,4.5rem);line-height:.92;margin:1rem 0 0;max-width:650px}.gallery{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:320px 320px;margin:auto;max-width:1440px;padding:2.4rem 4.5rem 0}.gallery figure{margin:0;overflow:hidden;position:relative}.gallery figure:nth-child(1){grid-row:1/3}.gallery figure:nth-child(4){grid-column:2/4}.gallery img{height:100%;object-fit:cover;width:100%}.gallery figcaption{background:linear-gradient(0deg,rgba(28,32,25,.75),transparent);bottom:0;color:var(--paper);left:0;padding:1.2rem;position:absolute;right:0}.gallery figcaption small{display:block;font-size:.55rem;font-weight:800;letter-spacing:.12em;margin-bottom:.35rem;text-transform:uppercase}.gallery figcaption b{font-family:var(--display);font-size:1.45rem;font-weight:400;line-height:.9}.feature-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1440px;padding:5.5rem 4.5rem}.feature-card{background:#e8e5da;min-height:280px;padding:1.7rem}.feature-card .eyebrow{font-size:.55rem}.feature-card h3{font-family:var(--display);font-size:2rem;font-weight:400;letter-spacing:-.03em;line-height:.95;margin:1.2rem 0}.feature-card p{color:#5a6058;font-size:.84rem;line-height:1.7}.contact-grid{display:grid;grid-template-columns:1fr 1fr;margin:auto;max-width:1440px}.location-panel{background:var(--sage);padding:5rem 4.5rem}.location-panel h2{font-size:clamp(3.7rem,5vw,5.5rem);line-height:.88;margin:1.2rem 0}.location-panel p{color:#454d42;line-height:1.8}.contact-form{background:#e8e5da;display:flex;flex-direction:column;gap:.45rem;padding:4rem 4.5rem}.contact-form label{font-size:.58rem;font-weight:800;letter-spacing:.1em;margin-top:.5rem;text-transform:uppercase}.contact-form input,.contact-form textarea,.contact-form select{background:var(--paper);border:1px solid transparent;outline:none;padding:.82rem}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--green)}.contact-form textarea{min-height:115px;resize:vertical}.form-status{color:var(--green);font-size:.75rem;line-height:1.5;min-height:1.2rem}.site-footer{background:var(--ink);color:var(--paper);padding:3.8rem 4.5rem 1.5rem}.footer-inner{margin:auto;max-width:1440px}.footer-top{align-items:end;display:flex;justify-content:space-between;padding-bottom:2.8rem}.footer-title{font-family:var(--display);font-size:clamp(2.6rem,4vw,4.3rem);line-height:.9;margin:0}.footer-title em{color:var(--lime)}.footer-links{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;justify-content:end;max-width:500px}.footer-links a{color:rgba(248,245,237,.7);font-size:.57rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid rgba(248,245,237,.18);color:rgba(248,245,237,.5);display:flex;font-size:.55rem;font-weight:700;justify-content:space-between;letter-spacing:.08em;padding-top:1.2rem;text-transform:uppercase}@media(max-width:900px){.header-bar,.section,.content-block,.cta-band,.site-footer{padding-left:2rem;padding-right:2rem}.page-hero{padding-left:2rem;padding-right:2rem}.gallery,.feature-grid{padding-left:2rem;padding-right:2rem}.product-strip-inner{padding-left:2rem;padding-right:2rem}.home-copy{margin-left:2rem}.location-panel,.contact-form{padding-left:2rem;padding-right:2rem}.desktop-nav{gap:1rem}.material-moment figcaption{padding:2.2rem}.hero-accent{right:3rem}}@media(max-width:680px){.header-bar{padding:1rem 1.4rem}.desktop-nav,.header-bar>.button{display:none}.mobile-toggle{display:block}.home-hero{display:flex;flex-direction:column;min-height:0}.home-copy{margin:0;min-height:555px;padding:5.2rem 1.5rem 3.5rem}.home-copy h1{font-size:clamp(4rem,19vw,5.8rem)}.home-image{height:370px;min-height:370px}.home-marker{bottom:1.5rem}.hero-stamp{bottom:1.25rem;height:110px;right:1.25rem;width:110px}.page-hero{min-height:0;padding:4.4rem 1.5rem 3rem}.page-hero h1{font-size:clamp(3.6rem,17vw,5.3rem)}.hero-accent,.production-marker{display:none}.page-hero:before{height:360px;right:-190px;top:-140px;width:360px}.section{padding:4.4rem 1.5rem}.intro-grid{display:block}.section-number{margin-bottom:2rem}.stats b{font-size:1.65rem}.stats span{font-size:.5rem}.product-strip{overflow:auto}.product-strip-inner{min-width:650px;padding-left:1.5rem}.material-moment figure{display:block}.material-moment img{display:block;height:300px}.material-moment figcaption{padding:2.7rem 1.5rem}.content-block{display:block;padding:4.2rem 1.5rem}.block-index{margin-bottom:2rem}.block-content h2{font-size:3rem}.block-list{margin-top:2rem}.cta-band{align-items:start;display:block;padding:3.5rem 1.5rem}.cta-band .button{margin-top:2rem}.gallery{display:block;padding:1.5rem 1.5rem 0}.gallery figure{height:280px}.gallery figure:first-child{height:380px}.feature-grid{display:block;padding:4rem 1.5rem}.feature-card{margin-bottom:1rem}.contact-grid{display:block}.location-panel,.contact-form{padding:4rem 1.5rem}.site-footer{padding:3.5rem 1.5rem 1.4rem}.footer-top{align-items:start;display:block}.footer-links{justify-content:start;margin-top:2rem}.footer-bottom{display:block;line-height:1.7}.footer-bottom span+span{display:block;margin-top:.35rem}}