/*
Theme Name: Timber & Tally — Final Site
Description: A standalone WordPress theme for Timber & Tally Construction Bookkeeping.
Version: 3.0.0
Text Domain: timber-tally
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=DM+Sans:wght@400;500;600&display=swap');

:root{--pine:#183b2c;--copper:#b36b48;--cream:#fbf7ed;--sand:#eee4d1;--fog:#d6e5ed;--moss:#718165;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--pine);font:16px/1.65 "DM Sans",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");z-index:10}a{color:inherit}h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:600;line-height:.96;letter-spacing:-.025em;margin:0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:20;background:#fff;padding:10px}.site-header{max-width:1280px;margin:auto;padding:23px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{text-align:center;text-decoration:none;line-height:1}.wordmark{display:block;font:600 32px/1 "Cormorant Garamond",serif;letter-spacing:.045em}.wordmark em{color:var(--copper);font-style:italic;padding:0 2px}.brand-subtitle{display:block;margin-top:7px;font-size:9px;font-weight:600;letter-spacing:.25em;text-transform:uppercase}.site-nav{display:flex;gap:21px;font-size:12px;font-weight:600}.site-nav a{text-decoration:none}.site-nav a:hover{color:var(--copper)}.header-email{font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--copper);padding-bottom:3px}.hero{max-width:1280px;min-height:600px;margin:auto;padding:38px 48px 30px;display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:center;overflow:hidden}.hero-copy{max-width:610px;padding:22px 0}.eyebrow{margin:0 0 17px;color:var(--copper);font-size:11px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}.hero h1{font-size:clamp(54px,6.1vw,83px)}.intro{max-width:535px;margin:27px 0 31px;font-size:18px}.button{display:inline-flex;align-items:center;gap:19px;padding:14px 19px 13px;background:var(--pine);color:var(--cream);font-size:14px;font-weight:600;text-decoration:none}.button span{color:#e1ae8d;font-size:21px;line-height:1}.text-link{margin-left:22px;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--copper);padding-bottom:3px}.hero-art{height:510px;margin-right:-3vw;display:flex;align-items:flex-end}.hero-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:saturate(.88) contrast(.97);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}.statement-band{padding:105px max(48px,calc((100vw - 1030px)/2));background:var(--pine);color:var(--cream);text-align:center}.statement-band .eyebrow{color:#e1ae8d}.statement{max-width:880px;margin:0 auto;font:clamp(32px,4vw,50px)/1.06 "Cormorant Garamond",serif}.section{max-width:1180px;margin:auto;padding:120px 48px}.services{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.section h2{font-size:clamp(44px,4.5vw,64px)}.service-list{border-top:1px solid #b8c3b9}.service{position:relative;padding:29px 0 25px 57px;border-bottom:1px solid #b8c3b9}.number{position:absolute;left:0;top:33px;margin:0;color:var(--copper);font-size:12px;font-weight:600}.service h3{font-size:31px}.service p:last-child{max-width:510px;margin:10px 0 0;font-size:15px}.steps{background:var(--fog)}.steps-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.steps-intro{font-size:17px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step{border-top:1px solid #7f9aa1;padding-top:19px}.step h3{font-size:27px}.step p{font-size:14px}.about{background:var(--sand)}.about-wrap{max-width:850px;margin:auto;text-align:center}.about-wrap h2{margin-bottom:25px}.about-wrap p:not(.eyebrow){max-width:690px;margin:0 auto 16px}.faq{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.faq-list{border-top:1px solid #b8c3b9}.faq-item{padding:22px 0;border-bottom:1px solid #b8c3b9}.faq-item h3{font-size:27px}.faq-item p{margin:9px 0 0;font-size:15px}.connect{max-width:1000px;margin:auto;padding:122px 48px 132px;text-align:center}.connect h2{margin-bottom:24px}.connect p:not(.eyebrow){max-width:570px;margin:0 auto 28px}.connect .button{font-size:15px}.footer{padding:26px 48px;background:var(--pine);color:#dce3d8;display:flex;justify-content:space-between;gap:20px;font-size:12px}.page-main{max-width:850px;margin:0 auto;padding:70px 28px 110px}.page-main h1{font-size:clamp(46px,5vw,70px);margin-bottom:25px}.page-main h2{font-size:40px;margin:46px 0 15px}.page-main a{color:var(--copper)}
/* v2 layout refinements */
.steps-wrap{grid-template-columns:1.1fr .9fr}.steps-copy{order:2}.step-grid{order:1}.step{position:relative;padding-top:45px}.step .number{top:14px}.about-wrap{max-width:1040px;display:grid;grid-template-columns:1.22fr .78fr;gap:76px;align-items:center;text-align:left}.about-photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 28%;filter:saturate(.86) contrast(.98);box-shadow:14px 15px 0 rgba(179,107,72,.14)}.about-copy h2{margin-bottom:25px}.about-copy p:not(.eyebrow){max-width:590px;margin:0 0 16px}.connect{position:relative;isolation:isolate;overflow:hidden;max-width:none;padding:154px 48px 345px}.connect h2{font-size:clamp(64px,7vw,96px);margin-bottom:25px}.connect .connect-lede{max-width:760px;margin:0 auto 19px;font:clamp(25px,2.5vw,36px)/1.1 "Cormorant Garamond",serif}.connect:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:360px;background:url('assets/river-mountains-watercolor.jpg') center bottom/cover no-repeat;mix-blend-mode:multiply;opacity:.58;mask-image:linear-gradient(to bottom,transparent 0,#000 31%)}
@media(max-width:900px){.site-nav{display:none}.site-header{justify-content:center}.header-email{position:absolute;right:24px}.hero,.services,.steps-wrap,.faq{grid-template-columns:1fr;gap:40px}.hero{min-height:unset}.hero-art{height:410px;margin-right:0}.services,.faq{gap:45px}.steps-copy{order:1}.step-grid{order:2;max-width:620px}.about-wrap{grid-template-columns:1.3fr minmax(230px,.7fr);gap:42px}}@media(max-width:600px){.site-header{padding:18px 22px}.wordmark{font-size:26px}.brand-subtitle{font-size:8px}.header-email{font-size:0;border:0}.header-email:after{content:'✉';font-size:18px;color:var(--copper)}.hero{padding:48px 25px 0}.hero-copy{padding:0}.intro{font-size:16px}.text-link{display:inline-block;margin:19px 0 0}.hero-art{height:302px;margin:15px -25px 0}.statement-band{padding:76px 27px}.section{padding:76px 25px}.service{padding-left:47px}.steps-wrap{gap:26px}.step-grid{grid-template-columns:1fr;gap:10px}.about{padding:70px 25px}.about-wrap{display:block}.about-photo{display:block;width:min(100%,390px);margin:38px auto 0}.connect{padding:100px 25px 260px}.connect h2{font-size:62px}.connect .connect-lede{font-size:28px}.connect:after{height:285px}.footer{display:block;padding:23px 25px}.footer span{display:block}.footer span+span{margin-top:5px}}