@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#171d1d;--paper:#f0eee6;--gold:#cda575;--muted:#b9bdb7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;border-bottom:1px solid #ffffff25;background:var(--ink);position:sticky;top:0;z-index:5}.brand{font-family:Georgia,serif;line-height:1.1;font-size:13px;letter-spacing:2px}.brand strong{font-size:22px;font-weight:400}.brand span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:8px;color:var(--gold)}nav{display:flex;align-items:center;gap:28px;font-size:12px}nav a:hover,.text-link:hover{color:var(--gold)}.nav-cta{border-bottom:1px solid var(--gold);padding:8px 0}.menu{display:none}.hero{padding:35px 5% 0;position:relative}.banner{width:100%;display:block;max-height:440px;object-fit:cover}.hero-copy{padding:62px 0 55px;max-width:850px}.hero-copy p{max-width:570px;font-size:17px;color:var(--muted)}small{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--gold);text-transform:uppercase}h1,h2,h3{font-weight:400;margin:20px 0;font-family:'Libre Caslon Display',Georgia,serif;line-height:1.04}h1{font-size:clamp(58px,7.2vw,104px);letter-spacing:-2px}h2{font-size:clamp(45px,5.2vw,72px);letter-spacing:-1px}h3{font-size:30px}em{color:var(--gold);font-weight:400}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-block;background:var(--gold);color:#171d1d;padding:14px 23px;font-size:12px;font-weight:700;border:1px solid var(--gold);transition:background .2s}.button:hover{background:#e5c69c}.text-link{font-size:12px;border-bottom:1px solid #ffffff55;padding-bottom:5px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding:20px 0;font-size:9px;letter-spacing:2px;color:var(--gold)}.section{padding:95px 7%;border-top:1px solid #ffffff25}.intro{background:var(--paper);color:var(--ink);padding:80px 12%;display:grid;grid-template-columns:1fr 1fr;gap:0 90px}.intro small{grid-column:1/-1;color:#86603a}.intro p{align-self:center;color:#525857}.intro h2{font-size:60px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head h2{margin-bottom:0}.films{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 26px}.film img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .3s}.thumb{position:relative;overflow:hidden}.film:hover img{transform:scale(1.03)}.thumb span{position:absolute;right:10px;bottom:10px;background:#111b;padding:3px 9px;font-size:10px}.film h3{font-size:29px;margin-bottom:12px}.film p{color:var(--muted);font-size:13px;margin:0 0 15px}.film b{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--gold)}.series{margin-top:55px;border-top:1px solid #ffffff25;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:center;padding-top:25px}.series p{font-size:13px;color:var(--muted)}.series h3{margin:0}.podcast{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;background:#222a29}.podcast-art{align-self:center}.podcast-art img{width:100%;display:block;box-shadow:0 25px 55px #0005}.podcast h2{margin-bottom:10px}.podcast p{color:var(--muted);font-size:14px;max-width:520px}.podcast .byline{color:var(--gold);margin-bottom:30px}.platforms{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;font-size:11px}.books{background:var(--paper);color:var(--ink)}.books small{color:#86603a}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.book img{width:70%;display:block;margin:0 auto 35px;box-shadow:12px 16px 22px #0002;aspect-ratio:343/509;object-fit:cover}.book small{font-size:8px;letter-spacing:1px}.book h3{font-size:31px}.book p{font-size:13px;color:#525857}.note{margin:45px 0 0;padding-top:25px;border-top:1px solid #0003;font-size:11px;color:#646865}.books em{color:inherit}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%}.about p{color:var(--muted);font-size:14px}.about .lead{color:var(--paper);font-size:20px}.contact{text-align:center;background:#222a29}.contact p{max-width:580px;margin:28px auto;color:var(--muted)}.topics{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:750px;margin:35px auto}.topics span{border:1px solid #ffffff30;padding:7px 14px;font-size:10px}.email{display:block;font-size:12px;margin-top:20px}footer{padding:40px 7%;display:flex;justify-content:space-between;align-items:center}footer p,footer>a{font-size:10px;color:var(--muted)}.skip{position:absolute;left:10px;top:-70px;z-index:10;background:var(--gold);padding:10px;color:#111}.skip:focus{top:10px}
@media(min-width:1500px){body{max-width:1700px;margin:auto}}@media(max-width:800px){header{padding:18px 6%}.menu{display:block;background:none;border:1px solid #ffffff40;color:var(--paper);padding:8px 12px}nav{display:none;position:absolute;left:0;right:0;top:90px;background:var(--ink);padding:25px 6%;flex-direction:column;align-items:start}nav.open{display:flex}.hero{padding:22px 5% 0}.hero-copy{padding:38px 0}.hero-copy p{font-size:15px}.banner{min-height:180px;object-fit:cover}.section{padding:65px 6%}.intro{padding:55px 7%;display:block}.intro h2{font-size:48px}.films{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head>a{display:inline-block;margin-top:25px}.series{grid-template-columns:1fr}.podcast,.about{grid-template-columns:1fr;gap:35px}.podcast-art{max-width:420px}.book-grid{gap:22px}.book h3{font-size:25px}.book img{width:90%}footer{gap:25px;flex-wrap:wrap}}@media(max-width:480px){.films,.book-grid{grid-template-columns:1fr}.book{display:grid;grid-template-columns:110px 1fr;gap:25px}.book img{width:100%;margin:0}.book h3{font-size:27px;margin-top:10px}.book p{font-size:12px}.hero-foot{font-size:7px}.actions{gap:20px}.hero-copy h1{font-size:59px}.contact h2{font-size:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.sample-link{display:inline-block;border-bottom:1px solid #86603a;color:#684722;padding:5px 0;font-size:12px;font-weight:700}.sample-link:hover{color:#171d1d}

/* Supplied brand artwork in the main header. */
header{padding:12px 5%;gap:28px}.header-logos{display:flex;align-items:center;gap:20px;flex-shrink:0}.header-logos img{display:block;object-fit:contain;height:auto}.workshop-logo{width:162px}.pavement-logo{width:104px}.logo-divider{width:1px;height:58px;background:#cda57555}header nav{flex-wrap:wrap;justify-content:flex-end;gap:22px}
@media(max-width:1050px){header{padding:10px 5%;gap:15px}header .menu{display:block;background:none;border:1px solid #ffffff40;color:var(--paper);padding:8px 12px}header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);padding:25px 6%;flex-direction:column;align-items:start;gap:22px}header nav.open{display:flex}}
@media(max-width:480px){header{gap:10px}.header-logos{gap:12px}.workshop-logo{width:126px}.pavement-logo{width:77px}.logo-divider{height:46px}header .menu{padding:8px;font-size:12px}html{scroll-padding-top:115px}}

/* New white logo masthead and supplied panoramic banner. */
header{background:#fff;color:#171d1d;border-bottom:1px solid #dfd9ce;padding:8px 5%;position:relative}.header-logos{gap:0}.workshop-logo{width:180px}header nav{background:#fff}.nav-cta{border-color:#9a6b36}header nav a:hover{color:#8b623c}.hero{padding:0}.hero .banner{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain}.hero-copy{padding:55px 0;margin:0 5%;max-width:850px}.hero-foot{margin:0 5%}
@media(max-width:1050px){header .menu{color:#171d1d;border-color:#9f9482}header nav{background:#fff;border-bottom:1px solid #dfd9ce}}
@media(max-width:480px){.workshop-logo{width:150px}.hero-copy{padding:35px 0}.hero .banner{min-height:0;height:auto}.hero-copy h1{font-size:52px}}

/* Keep the supplied banner behind the fixed logo and navigation. */
body{padding-top:180px}html{scroll-padding-top:200px}header{position:fixed;top:0;left:0;right:0;z-index:20;min-height:180px;padding:20px 5%;color:#fff;background-image:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.48)),url('assets/fixed-header-v2.png');background-size:cover;background-position:center;border-bottom:1px solid #cda57588;box-shadow:0 4px 20px #0005}header .header-logos{background:#fff;border:1px solid #cda57580;box-shadow:0 3px 15px #0004}header .workshop-logo{width:170px}header nav{background:rgba(15,20,20,.87);padding:14px 20px;border-radius:3px}header nav a:hover{color:#e5c69c}header .nav-cta{border-color:#cda575}
@media(min-width:1700px){header{max-width:1700px;margin:auto}}
@media(max-width:1050px){header .menu{background:rgba(15,20,20,.9);color:#fff;border-color:#cda575}header nav{top:100%;background:#171d1d;color:#fff;border-bottom:1px solid #cda575;padding:25px 6%}}
@media(max-width:480px){body{padding-top:145px}header{min-height:145px;padding:15px 5%;background-position:60% center}header .workshop-logo{width:135px}html{scroll-padding-top:165px}}

/* Clean workshop scene behind the opening invitation. */
.hero{background-image:linear-gradient(90deg,rgba(10,17,18,.91) 0%,rgba(10,17,18,.73) 38%,rgba(10,17,18,.18) 78%),url('assets/workshop-hero-clean.png');background-size:cover;background-position:center;isolation:isolate}.hero-copy{min-height:590px;display:flex;flex-direction:column;justify-content:center;padding:65px 0;max-width:850px}.hero-copy h1{text-shadow:0 2px 12px #0006}.hero-copy p{color:#eeeee7;max-width:530px;text-shadow:0 1px 6px #000}.hero-foot{border-color:#ffffff45;color:#ead0aa}.hero-copy .actions{align-self:flex-start}.hero-copy .text-link{color:#fff}
@media(max-width:800px){.hero-copy{min-height:570px;padding:50px 0}.hero{background-position:58% center;background-image:linear-gradient(90deg,rgba(10,17,18,.88),rgba(10,17,18,.6)),url('assets/workshop-hero-clean.png')}}
@media(max-width:480px){.hero-copy{min-height:540px;padding:40px 0}.hero-copy h1{font-size:52px}.hero-copy p{font-size:15px}.hero-foot{padding:18px 0}}

/* Navigation remains over the banner after removing the extra logo. */
header{justify-content:flex-end}header nav{margin-left:auto}

footer{flex-wrap:wrap}.copyright-notice{flex-basis:100%;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #ffffff25;padding-top:20px;margin-top:10px;font-size:11px;color:var(--muted)}.copyright-notice a{text-decoration:underline;text-underline-offset:4px}

/* Supplied photo collage for Eric’s story. */
.about{background-image:linear-gradient(90deg,rgba(10,17,18,.76),rgba(10,17,18,.9)),url('assets/eric-story-background-v2.png');background-size:cover;background-position:center;min-height:590px;align-items:center}.about p{color:#f0eee6;text-shadow:0 1px 6px #0007}.about h2{color:#fff;text-shadow:0 2px 10px #0008}.about small{color:#e6bf8e}.about .text-link{color:#fff}
@media(max-width:800px){.about{background-position:center;min-height:650px;background-image:linear-gradient(rgba(10,17,18,.8),rgba(10,17,18,.92)),url('assets/eric-story-background-v2.png')}}

/* Scale the story imagery to the available screen. */
.about{position:relative;min-height:clamp(540px,43vw,760px);padding-block:clamp(65px,7vw,110px);background-position:center;background-size:cover}.about h2{font-size:clamp(40px,4.8vw,72px)}
@media(max-width:1050px){.about{gap:5%;padding-inline:6%;min-height:540px}.about h2{font-size:clamp(38px,4.5vw,54px)}}
@media(max-width:800px){.about{display:grid;grid-template-columns:1fr;gap:25px;min-height:0;background:#171d1d;padding:calc(56.28vw + 30px) 6% 60px}.about::before{content:"";position:absolute;inset:0 0 auto;height:auto;aspect-ratio:1672 / 941;background-image:linear-gradient(to bottom,transparent 60%,#171d1d 100%),url('assets/eric-story-background-v2.png');background-size:100% 100%,contain;background-repeat:no-repeat;background-position:top center;pointer-events:none}.about>div{position:relative;min-width:0}.about h2{font-size:clamp(36px,6.5vw,50px);overflow-wrap:break-word}.about p{font-size:clamp(14px,2.3vw,17px)}}
@media(max-width:480px){.about{padding-top:calc(56.28vw + 24px);padding-bottom:45px}.about h2{font-size:clamp(33px,8.7vw,42px)}}

/* Higher Ground portrait supplied for the podcast section. */
.podcast{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(10,17,18,.73),rgba(10,17,18,.86)),url('assets/podcast-higher-ground.png');background-size:cover;background-position:center 30%}.podcast p{color:#f0eee6}.podcast h2{color:#fff}.podcast .byline,.podcast small{color:#e6bf8e}.podcast>div{position:relative;min-width:0}
@media(max-width:800px){.podcast{background-image:linear-gradient(rgba(10,17,18,.74),rgba(10,17,18,.88)),url('assets/podcast-higher-ground.png');background-size:cover;background-position:65% center;padding-top:65px}.podcast::before{content:none}}