/* Woodsrunner About · editorial working build, 3 November 2026.
   White/Caviar/Black/Iron Oxide only. Preserve owner's exact brand mark and topo line geometry.
   Text from owner's complete About draft; photography reserved until final images arrive. */
:root { --wa-ink:#161616; --wa-iron:#743F2F; --wa-caviar:#2A2A2D; --wa-line:#d6d6d6; }
body{background:#fff;color:var(--wa-ink)}
.wa-container{width:min(1200px,calc(100% - 72px));margin-inline:auto}
.wa-section{padding:clamp(68px,7.8vw,110px) 0;position:relative}
.wa-kicker{display:block;margin:0 0 14px;color:var(--wa-iron);font:500 14px/1.35 var(--ws-label);letter-spacing:.085em;text-transform:uppercase}
.wa-head{margin:0 0 30px}
.wa-head h2{font-size:clamp(35px,4vw,53px);line-height:1.05;letter-spacing:-.047em;max-width:810px;margin:0;color:inherit}
.wa-section p{font:400 17px/1.7 var(--ws-body);margin:0 0 16px;letter-spacing:normal;max-width:72ch}
.wa-section p:last-child{margin-bottom:0}
.wa-hero{padding:clamp(50px,6.8vw,99px) 0;background:#fff;position:relative;overflow:hidden;border-bottom:1px solid #e0e0e0}
.wa-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.82fr);gap:clamp(38px,5vw,88px);align-items:center}
.wa-hero-copy{min-width:0}
.wa-hero h1{font-size:clamp(54px,6.1vw,85px);line-height:.98;letter-spacing:-.053em;margin:0 0 26px;color:#090909}
.wa-lead{font-size:clamp(19px,2vw,23px)!important;line-height:1.4!important;max-width:54ch;color:#272727;margin:0 0 16px!important}
.wa-lead strong{font-weight:600}
.wa-hero-support{font-size:15.6px;line-height:1.55;color:#414141;max-width:61ch;margin-bottom:0}
.wa-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:31px}
.wa-primary-link,.wa-secondary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:13px 19px;font:500 15px/1.2 var(--ws-label);letter-spacing:.045em;min-height:48px;border:1px solid var(--wa-iron);transition:color .18s,background-color .18s;text-decoration:none!important}
.wa-primary-link{background:var(--wa-iron);color:#fff}.wa-primary-link:hover{background:#5c3023;color:#fff}
.wa-secondary-link{background:white;color:#202020;border-color:#b9b9b9}.wa-secondary-link:hover{background:var(--wa-caviar);color:#fff}
.wa-photo{position:relative;min-height:295px;aspect-ratio:5/4;background:#070707;display:flex;flex-direction:column;justify-content:space-between;padding:25px;color:#c0c0c0;overflow:hidden}
.wa-photo:after{position:absolute;inset:15px;content:"";border:1px solid rgba(255,255,255,.12);pointer-events:none}
.wa-photo span,.wa-photo small{position:relative;z-index:1;font:500 12px/1.35 var(--ws-label);text-transform:uppercase;letter-spacing:.12em}
.wa-photo small{font:400 12px/1.5 var(--ws-body);text-transform:none;letter-spacing:0;color:#888;max-width:230px}
.wa-hero .wa-photo{aspect-ratio:4/5;min-height:485px}
.wa-overview{padding-block:clamp(74px,7vw,106px)}
.wa-narrow{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:clamp(32px,5vw,90px);align-items:start}
.wa-narrow .wa-head{margin:0}.wa-narrow .wa-head h2{max-width:450px}
.wa-body-cols p:first-child{font-size:18px;font-weight:500;line-height:1.6}
.wa-purpose{background:var(--wa-caviar);color:#fff;padding-block:clamp(78px,8vw,116px)}
.wa-purpose-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.72fr);gap:clamp(54px,8vw,150px);align-items:center}
.wa-purpose .wa-kicker{color:#ece5e0}.wa-purpose .wa-head{margin-bottom:27px}
.wa-purpose .wa-head h2{color:#fff}.wa-purpose-text p{color:#fff;max-width:66ch}
.wa-purpose-quote{border-left:3px solid var(--wa-iron);padding:12px 0 10px 27px;min-width:0}
.wa-purpose-quote>span{font:500 12px/1.3 var(--ws-label);letter-spacing:.095em;color:#eee}
.wa-purpose-quote>p{font-family:var(--ws-display);font-size:clamp(29px,3.1vw,45px);line-height:1.18;letter-spacing:-.038em;color:#fff;margin:25px 0!important;max-width:460px}
.wa-purpose-quote>p strong{color:#fff}
.wa-purpose-quote>p.wa-quote-small{font-family:var(--ws-body);font-size:15px;letter-spacing:0;line-height:1.65;color:#e5e5e5;margin:0 0 19px!important}
.wa-quote-rule{height:1px;background:#777;width:150px;margin:22px 0}
.wa-purpose-quote img{width:45px;height:auto;max-height:70px;object-fit:contain;filter:brightness(0) invert(1);opacity:.88}
.wa-pattern{background:#fff;isolation:isolate;overflow:hidden}
.wa-pattern:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:none!important;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.17;mask-image:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.06) 23%,rgba(0,0,0,.06) 77%,rgba(0,0,0,.75));-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.06) 23%,rgba(0,0,0,.06) 77%,rgba(0,0,0,.75))}
.wa-philosophy-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(40px,7vw,110px);align-items:center}
.wa-principles{border-top:2px solid #1b1b1b;background:rgba(255,255,255,.95);padding:0 18px 0 28px}
.wa-principles p{padding:22px 0 23px;border-bottom:1px solid #c9c9c9;max-width:none;font-size:16px;line-height:1.45;margin:0}
.wa-principles p:last-child{border-bottom:0}
.wa-principles b{display:block;font:500 14px/1.3 var(--ws-label);letter-spacing:.095em;color:var(--wa-iron);margin-bottom:9px}
.wa-tenets{padding-top:69px;padding-bottom:86px;background:#fff;border-top:1px solid #d5d5d5}
.wa-tenets .wa-head h2 i{color:var(--wa-iron);font-style:normal}
.wa-tenets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,4.5vw,68px);border-top:1px solid #d4d4d4;padding-top:34px}
.wa-tenets-grid article{min-width:0}
.wa-icon{display:block;color:var(--wa-iron);margin-bottom:24px}
.wa-tenets-grid h3{font-size:clamp(30px,3vw,41px);line-height:1;margin:0 0 16px}
.wa-tenets-grid p{font-size:16.5px;line-height:1.65}
.wa-different{background:#fff;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}
.wa-different-grid{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(36px,7vw,100px);align-items:center}
.wa-different .wa-photo{aspect-ratio:5/6;min-height:380px}
.wa-different-copy blockquote{border-left:4px solid var(--wa-iron);padding:13px 0 13px 20px;margin:20px 0 26px;font:600 clamp(22px,2.5vw,30px)/1.32 var(--ws-display);letter-spacing:-.018em;color:#1b1b1b}
.wa-teach{background:#fff}
.wa-teach-links{border-top:2px solid #252525}
.wa-teach-links a{display:grid;grid-template-columns:58px minmax(0,1fr) 40px;gap:21px;align-items:center;border-bottom:1px solid #cfcfcf;padding:21px 7px;text-decoration:none!important;color:#222;transition:background-color .17s}
.wa-teach-links a:hover{background:#f7f7f7}.wa-teach-links .wa-icon{margin:0}
.wa-teach-links a>span:not(.wa-link-arrow){font:700 clamp(21px,2.75vw,35px)/1.12 var(--ws-display);letter-spacing:-.035em}
.wa-teach-links .wa-link-arrow{text-align:right;font:400 26px/1 Arial,sans-serif;color:var(--wa-iron)}
.wa-teach-foot{margin-top:25px!important;max-width:750px}
.wa-teaching{border-top:1px solid #d6d6d6}.wa-teaching-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(40px,6vw,85px);align-items:center}
.wa-teaching .wa-photo{aspect-ratio:5/4;min-height:315px}
.wa-strong{font-size:20px!important;font-weight:600!important;max-width:40ch!important;line-height:1.45!important}
.wa-life{background:var(--wa-caviar);color:#fff}.wa-life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(55px,9vw,155px)}
.wa-life-item{padding:0 0 5px}.wa-life-item .wa-icon{color:#fff;margin:0}
.wa-life-symbol{display:block;margin-bottom:28px}.wa-life-item h2{font-size:clamp(34px,3.6vw,48px);line-height:1.05;color:#fff;margin:0 0 20px}
.wa-life-item p{color:#fff;max-width:50ch}
.wa-who-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(45px,7vw,115px);align-items:center}
.wa-who-statement{padding:29px 35px;background:rgba(255,255,255,.95);border-top:3px solid var(--wa-iron);box-shadow:0 1px 0 rgba(0,0,0,.09)}
.wa-who-statement p,.wa-who-statement strong{display:block;font:600 clamp(21px,2.4vw,29px)/1.28 var(--ws-display);color:#222;margin:0 0 18px;letter-spacing:-.022em}
.wa-who-statement strong{color:var(--wa-iron);margin:0}
.wa-journey{background:#fff}.wa-pathways{border-top:2px solid #252525}
.wa-pathways>div{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1fr);gap:clamp(25px,4vw,70px);align-items:center;padding:20px 0;border-bottom:1px solid #cecece}
.wa-pathways p{font-weight:500;font-size:16px;margin:0}
.wa-pathways a{font:700 clamp(20px,2.55vw,32px)/1.25 var(--ws-display);letter-spacing:-.035em;text-decoration:none!important;display:flex;align-items:center;justify-content:space-between;gap:20px}
.wa-pathways a:hover{color:var(--wa-iron)}.wa-pathways a span{font:400 25px/1 Arial,sans-serif;color:var(--wa-iron)}
.wa-ending{background:var(--wa-caviar);color:#fff;padding-block:clamp(65px,7vw,110px)}
.wa-ending-grid{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:40px;align-items:center}
.wa-ending .wa-kicker{color:#eee}
.wa-ending h2{font-size:clamp(27px,3.4vw,46px);line-height:1.18;letter-spacing:-.03em;max-width:800px;margin:0 0 25px;color:white}
.wa-ending p{font:500 20px/1.4 var(--ws-display);color:white;margin:0}
.wa-ending img{width:80px;max-height:122px;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:1100px){.wa-container{width:min(1200px,calc(100% - 52px))}.wa-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:38px}.wa-hero h1{font-size:clamp(49px,5.5vw,70px)}.wa-hero .wa-photo{min-height:430px}}
@media(max-width:900px){.wa-container{width:calc(100% - 44px)}.wa-section{padding-block:70px}.wa-hero{padding-block:62px}.wa-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}.wa-hero h1{font-size:54px}.wa-hero .wa-photo{min-height:350px}.wa-purpose-grid,.wa-philosophy-grid,.wa-different-grid,.wa-teaching-grid,.wa-who-grid{gap:34px}.wa-head h2{font-size:40px}.wa-life-grid{gap:50px}}
@media(max-width:700px){.wa-container{width:calc(100% - 36px)}.wa-section{padding-block:56px}.wa-hero{padding-block:50px}.wa-hero-grid,.wa-narrow,.wa-purpose-grid,.wa-philosophy-grid,.wa-different-grid,.wa-teaching-grid,.wa-who-grid{grid-template-columns:1fr;gap:26px}.wa-hero h1{font-size:clamp(43px,11vw,63px)}.wa-hero .wa-photo{min-height:0;aspect-ratio:16/10}.wa-hero-copy .wa-lead{font-size:19px!important}.wa-head h2{font-size:clamp(31px,8vw,44px)}.wa-narrow .wa-head{margin-bottom:0}.wa-purpose-quote{margin-top:12px}.wa-tenets-grid{grid-template-columns:1fr;gap:22px;padding-top:21px}.wa-tenets-grid article{padding:0 0 23px;border-bottom:1px solid #d7d7d7}.wa-tenets-grid article:last-child{border-bottom:0;padding-bottom:0}.wa-tenets-grid .wa-icon{margin-bottom:9px}.wa-tenets-grid h3{font-size:33px;margin-bottom:8px}.wa-different .wa-photo{min-height:0;aspect-ratio:16/10}.wa-different-grid>.wa-different-copy{order:1}.wa-different-grid>div:first-child{order:2}.wa-teaching .wa-photo{min-height:0;aspect-ratio:16/10}.wa-teach-links a{grid-template-columns:45px minmax(0,1fr) 24px;gap:14px;padding:18px 2px}.wa-teach-links .wa-icon{width:29px;height:29px}.wa-life-grid{grid-template-columns:1fr;gap:38px}.wa-life-item:first-child{padding-bottom:35px;border-bottom:1px solid #777}.wa-who-statement{padding:24px}.wa-pathways>div{grid-template-columns:1fr;gap:8px}.wa-ending-grid{grid-template-columns:1fr 40px;gap:16px;align-items:start}.wa-ending img{width:40px}.wa-ending h2{font-size:clamp(26px,6.5vw,37px)}.wa-ending p{font-size:18px}.wa-actions{gap:10px}.wa-primary-link,.wa-secondary-link{font-size:14px}}
@media(max-width:390px){.wa-container{width:calc(100% - 30px)}.wa-hero h1{font-size:42px}.wa-actions{flex-direction:column;align-items:stretch}.wa-primary-link,.wa-secondary-link{justify-content:space-between}.wa-ending-grid{grid-template-columns:1fr}.wa-ending img{margin-top:6px}.wa-teach-links a>span:not(.wa-link-arrow){font-size:21px}.wa-section p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.wa-primary-link,.wa-secondary-link,.wa-teach-links a{transition:none}}

/* ABOUT PHOTO LOCK 2026-11-05 */
body #difference .wa-photo{
  background-image:url('https://static.wixstatic.com/media/0d9974_b7c3a8429c5e462aaf13950124af97ab~mv2.jpg')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
}
body #how-we-teach .wa-photo{
  background-image:url('https://static.wixstatic.com/media/0d9974_0fb9067c71e446b9a4f0cde6ec2fb697~mv2.png')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
}
