/* Dawkins master finish — a single visual system, not a layer of unrelated cards. */
:root{--dc-paper:#efe3cf;--dc-ink:#241711;--dc-copper:#9c552c;--dc-brass:#c89050;--dc-iron:#1f1c19;--dc-shadow:rgba(31,17,9,.28)}
html{background:var(--dc-paper)}
body{overflow-x:hidden;background:var(--dc-paper);color:var(--dc-ink);font-family:'Source Serif 4',Georgia,serif}
.site-header{height:0!important;padding:0!important;overflow:visible!important;background:transparent!important}
.site-header>.brand{z-index:90!important;top:2px!important;width:min(880px,76vw)!important;max-width:none!important}
.site-header>.brand img{width:100%!important;filter:drop-shadow(0 3px 2px rgba(22,11,5,.76)) drop-shadow(0 8px 12px rgba(22,11,5,.28))!important}
.menu-button{z-index:95!important;top:9px!important;right:clamp(8px,2vw,28px)!important;width:142px!important;min-height:126px!important;padding:0!important;display:grid!important;grid-template-rows:102px auto!important;place-items:center!important;background:transparent!important;border:0!important;text-decoration:none!important}
.menu-button img{display:block!important;width:116px!important;height:102px!important;object-fit:contain!important;margin:0!important;filter:drop-shadow(0 7px 5px rgba(19,10,5,.48))!important;transition:filter .18s ease!important}
.menu-button span{display:block!important;margin-top:-4px;color:#f6d9a8!important;font:700 13px/1 Cinzel,Georgia,serif!important;letter-spacing:.06em!important;text-shadow:0 2px 4px #160b06!important}
.menu-button:hover img,.menu-button:focus-visible img{filter:brightness(1.08) drop-shadow(0 8px 7px rgba(19,10,5,.56))!important}
.menu-button:focus-visible{outline:3px solid #f1c078!important;outline-offset:4px!important}
.tool-roll{z-index:70!important;top:126px!important;right:clamp(8px,2vw,28px)!important;width:min(900px,calc(100vw - 16px))!important;aspect-ratio:1.5!important;min-height:0!important;padding:13.2% 20% 15%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;align-content:stretch!important;gap:0!important;background:url('media/brand/dawkins-tool-roll-menu-v1.webp') center/100% 100% no-repeat!important;filter:drop-shadow(0 18px 18px rgba(24,13,7,.42))!important}
.tool-roll.open{display:grid!important}
.tool-roll a{position:relative!important;min-width:0!important;min-height:0!important;height:auto!important;padding:5px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none!important;overflow:visible!important}
.tool-roll a img{display:block!important;width:clamp(58px,6vw,78px)!important;height:clamp(58px,6vw,78px)!important;object-fit:contain!important;margin:0!important;filter:drop-shadow(0 6px 4px rgba(13,7,4,.58))!important;transform:none!important}
.tool-roll a span{position:absolute!important;left:50%!important;bottom:5px!important;width:max-content!important;max-width:14ch!important;transform:translateX(-50%)!important;padding:2px 4px!important;opacity:0!important;color:#ffe4b5!important;font:700 clamp(12px,1.1vw,15px)/1.05 'Source Serif 4',Georgia,serif!important;text-align:center!important;text-shadow:0 2px 3px #120906,0 0 8px #120906!important;transition:opacity .16s ease!important}
.tool-roll a:hover span,.tool-roll a:focus-visible span{opacity:1!important}
.tool-roll a:hover img,.tool-roll a:focus-visible img{filter:brightness(.72) saturate(.86) drop-shadow(0 6px 4px rgba(13,7,4,.58))!important}
.tool-roll a:focus-visible{outline:2px solid rgba(245,198,125,.88)!important;outline-offset:-4px!important}
.hero{background:var(--dc-paper)!important}
.hero>img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;clip-path:none!important}
.hero-copy{position:relative!important;left:0!important;right:auto!important;top:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:clamp(92px,9vw,138px) clamp(22px,8vw,128px) clamp(94px,10vw,150px)!important;text-align:center!important;background:var(--dc-paper)!important;color:var(--dc-ink)!important;text-shadow:none!important}
.hero-copy::before,footer::before{height:32px!important;background:radial-gradient(circle at 4% 50%,#d39a59 0 3px,#201109 3.5px 6px,transparent 6.5px),radial-gradient(circle at 96% 50%,#d39a59 0 3px,#201109 3.5px 6px,transparent 6.5px),linear-gradient(90deg,transparent 0 2.5%,#17100c 2.7% 4.5%,transparent 4.7% 95.3%,#17100c 95.5% 97.3%,transparent 97.5%),linear-gradient(180deg,rgba(180,115,59,.18),rgba(22,12,7,.48)),url('media/brand/supplied-walnut-grain-v1.png') center/cover!important;box-shadow:inset 0 2px rgba(230,177,105,.42),inset 0 -3px rgba(13,7,3,.65),0 7px 14px rgba(35,18,8,.23)!important}
.hero-copy>*{position:relative;z-index:2}
.kicker{color:#7f431f!important;font:700 12px/1.2 Cinzel,Georgia,serif!important;letter-spacing:.14em!important}
.hero h1,.section-copy h2,.method h2,.contact h2{font-family:Cinzel,Georgia,serif!important;font-weight:700!important;font-style:normal!important;letter-spacing:-.035em!important;line-height:1!important}
.hero h1{max-width:1000px!important;margin:0 auto!important;font-size:clamp(48px,7vw,100px)!important}
.hero h1,.section-copy h2,.contact h2{background:linear-gradient(164deg,#161514 0%,#5c5750 23%,#1a1816 40%,#777066 52%,#1e1c19 70%,#4b4640 84%,#151412);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1px 0 #fff3dc) drop-shadow(2px 3px 0 rgba(100,76,52,.3))!important}
.hero h1 em,.method h2,.method h2 em{background:linear-gradient(164deg,#532516 0%,#c47a43 22%,#6b321d 40%,#d39a57 53%,#71371f 70%,#a85b31 84%,#451e12);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;filter:drop-shadow(1px 1px 0 rgba(255,241,216,.72)) drop-shadow(2px 3px 0 rgba(81,43,24,.3))!important}
.hero p:not(.kicker){margin:24px auto 0!important;max-width:48ch!important;color:#3b291d!important;font-size:clamp(19px,2vw,24px)!important}
.start,.work,.method,.contact{position:relative!important;margin:0!important;padding:clamp(84px,10vw,145px) clamp(22px,8vw,128px)!important;overflow:hidden!important;background:var(--dc-paper)!important;background-image:none!important;border:0!important;color:var(--dc-ink)!important}
.start::before,.start::after,.work::before,.work::after,.method::before,.method::after,.contact::before,.contact::after{display:none!important}
.section-copy{max-width:860px!important}.section-copy h2,.method h2,.contact h2{font-size:clamp(43px,6vw,78px)!important}.section-copy>p:not(.kicker),.method>p{max-width:62ch!important;color:#493120!important;font-size:clamp(18px,1.6vw,22px)!important}
.path-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(18px,4vw,64px)!important;margin-top:42px!important;align-items:start!important}
.path-card{min-width:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.path-card .action-icon{width:clamp(142px,14vw,200px)!important;height:clamp(142px,14vw,200px)!important;object-fit:contain!important;margin:0 auto!important;filter:drop-shadow(0 9px 6px rgba(44,25,13,.24))!important}
.path-card strong{margin-top:7px!important;color:#2f1c11!important;font:700 clamp(21px,2.2vw,31px)/1.06 'Source Serif 4',Georgia,serif!important;text-shadow:0 1px #fff6e5!important}.path-card small{color:#60442f!important;font-size:15px!important}
.path-card:hover .action-icon,.path-card:focus-visible .action-icon{filter:brightness(1.06) drop-shadow(0 10px 7px rgba(44,25,13,.34))!important}.path-card:focus-visible{outline:3px solid #9b5b2d!important;outline-offset:10px!important}
.sample-desk-tour{margin-top:34px!important;color:#633718!important;font-size:18px!important}.sample-desk-tour img{width:72px!important;height:72px!important;filter:drop-shadow(0 5px 4px rgba(44,25,13,.24))}
.work{min-height:760px!important;padding-left:clamp(270px,26vw,430px)!important}
.rigging-frame{display:block!important;position:absolute!important;z-index:0!important;left:clamp(-70px,-3vw,-25px)!important;top:50%!important;width:clamp(260px,25vw,410px)!important;height:auto!important;max-height:92%!important;object-fit:contain!important;transform:translateY(-50%)!important;opacity:.82!important;filter:drop-shadow(10px 12px 13px rgba(44,25,13,.2))!important;pointer-events:none!important}
.work>.section-copy,.work>.craft-scope,.method>div,.method>p{position:relative!important;z-index:2!important}
.craft-scope{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(24px,4vw,56px)!important;margin-top:54px!important}
.craft-scope article{min-width:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.craft-scope img{display:block;width:clamp(96px,9vw,136px);height:clamp(96px,9vw,136px);object-fit:contain;margin:0 0 14px;filter:drop-shadow(0 7px 5px rgba(44,25,13,.22))}.craft-scope h3{margin:0;color:#382014;font:700 clamp(22px,2vw,29px)/1.08 'Source Serif 4',Georgia,serif}.craft-scope p{margin:10px 0 0;color:#5a402d;font-size:16px;line-height:1.48}
.method{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:clamp(44px,8vw,120px)!important;align-items:center!important;min-height:620px!important;padding-right:clamp(250px,23vw,390px)!important}
.method .rigging-right{left:auto!important;right:clamp(-72px,-3vw,-28px)!important;transform:translateY(-50%) scaleX(-1)!important;opacity:.58!important}
.method>p{margin:0!important}.method .kicker{color:#7f431f!important}
.contact{padding-bottom:clamp(110px,12vw,170px)!important;text-align:center!important}.contact h2{max-width:940px!important}.contact-tools{display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:clamp(42px,9vw,140px)!important;margin-top:44px!important}.contact-tool{width:min(260px,42vw)!important;padding:0!important;display:grid!important;place-items:center!important;gap:12px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#382014!important;font:700 clamp(18px,2vw,24px)/1.15 'Source Serif 4',Georgia,serif!important;text-decoration:none!important}.contact-tool img{width:clamp(126px,13vw,184px)!important;height:clamp(126px,13vw,184px)!important;object-fit:contain!important;filter:drop-shadow(0 8px 6px rgba(44,25,13,.25))!important}.contact-tool:hover img,.contact-tool:focus-visible img{filter:brightness(1.06) drop-shadow(0 10px 7px rgba(44,25,13,.34))!important}.contact-tool:focus-visible{outline:3px solid #9b5b2d!important;outline-offset:10px!important}
footer{position:relative!important;min-height:clamp(540px,58vw,840px)!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#21150e!important;border:0!important}footer>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 58%!important;clip-path:none!important;mask:none!important}footer::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(180deg,transparent 48%,rgba(17,9,5,.1) 68%,rgba(17,9,5,.7) 100%)!important;pointer-events:none!important}.footer-actions,footer>p{z-index:2!important}.footer-actions{left:20px!important;right:20px!important;bottom:28px!important;display:flex!important;justify-content:center!important;align-items:flex-end!important;gap:clamp(22px,4vw,64px)!important;background:transparent!important}.social-rack{gap:clamp(18px,3vw,48px)!important}.social-rack a{min-width:74px!important}.social-rack img{width:74px!important;height:74px!important;object-fit:contain!important;filter:drop-shadow(0 6px 5px rgba(0,0,0,.5))!important}.social-rack a span{font:700 14px/1 'Source Serif 4',Georgia,serif!important}.builder-desk{left:0!important;bottom:0!important}.builder-desk img{width:48px!important;height:48px!important}
@media(max-width:850px){.site-header>.brand{width:min(650px,78vw)!important}.menu-button{width:96px!important;min-height:90px!important;grid-template-rows:70px auto!important}.menu-button img{width:82px!important;height:72px!important}.menu-button span{font-size:10px!important}.tool-roll{top:92px!important;width:calc(100vw - 12px)!important;padding:13.2% 19.8% 15%!important}.tool-roll a img{width:clamp(46px,8vw,64px)!important;height:clamp(46px,8vw,64px)!important}.tool-roll a span{position:static!important;width:auto!important;max-width:12ch!important;transform:none!important;opacity:1!important;font-size:11px!important}.tool-roll a{flex-direction:column!important;gap:0!important}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.work{min-height:0!important;padding-left:clamp(170px,26vw,250px)!important}.craft-scope{grid-template-columns:1fr!important}.method{grid-template-columns:1fr!important;padding-right:clamp(160px,25vw,250px)!important}}
@media(max-width:600px){.site-header>.brand{top:0!important;width:76vw!important}.menu-button{top:2px!important;right:2px!important}.hero-copy{padding:72px 22px 88px!important}.hero-copy::before,footer::before{height:24px!important}.hero h1{font-size:clamp(42px,12vw,58px)!important}.start,.work,.method,.contact{padding:76px 22px!important}.path-grid{gap:30px 10px!important}.path-card .action-icon{width:132px!important;height:132px!important}.sample-desk-tour{font-size:15px!important}.sample-desk-tour img{width:58px!important;height:58px!important}.work{padding-left:22px!important}.rigging-frame{left:-78px!important;width:210px!important;opacity:.16!important}.work>.section-copy,.work>.craft-scope{margin-left:28px!important}.craft-scope{gap:30px!important}.craft-scope article{display:grid!important;grid-template-columns:92px 1fr!important;column-gap:14px!important}.craft-scope img{grid-row:1/3;width:88px!important;height:88px!important}.craft-scope h3{align-self:end}.craft-scope p{margin-top:5px!important}.method{padding-right:22px!important}.method .rigging-right{right:-78px!important;opacity:.13!important}.contact-tools{gap:24px!important}.contact-tool{width:46vw!important}.contact-tool img{width:118px!important;height:118px!important}footer{min-height:620px!important}footer>img{object-position:57% center!important}.footer-actions{bottom:18px!important;flex-direction:column!important;align-items:center!important;gap:12px!important}.social-rack{gap:8px!important}.social-rack a{min-width:54px!important}.social-rack img{width:54px!important;height:54px!important}.social-rack a span{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hero-copy{padding-bottom:clamp(78px,7vw,108px)!important}
.start{padding-top:clamp(76px,7vw,104px)!important}
@media(max-width:600px){.hero-copy{padding-bottom:62px!important}.start{padding-top:64px!important}}

/* Pocket calibration after rendered measurement. */
.tool-roll{left:auto!important;transform:none!important}
@media(max-width:850px){.tool-roll a img{width:38px!important;height:38px!important}.tool-roll a span{position:absolute!important;left:50%!important;bottom:1px!important;width:13ch!important;max-width:13ch!important;transform:translateX(-50%)!important;opacity:1!important;font-size:9px!important}.tool-roll a{flex-direction:column!important}}

/* Final placement and craft pass: keep navigation off the hero and replace machined rules with real irregular joinery. */
.site-header>.brand{top:-10px!important;width:min(940px,78vw)!important}
.menu-button{top:calc(56.28vw + 18px)!important;right:clamp(12px,3vw,42px)!important}
.menu-button span{color:#572f1b!important;text-shadow:0 1px rgba(255,244,220,.9)!important}
.tool-roll{top:calc(56.28vw + 150px)!important}
.tool-roll a img{width:clamp(100px,9.2vw,122px)!important;height:clamp(100px,9.2vw,122px)!important;filter:brightness(1.1) saturate(1.08) drop-shadow(0 7px 5px rgba(13,7,4,.62))!important}
.tool-roll a:hover img,.tool-roll a:focus-visible img{filter:brightness(1.2) saturate(1.16) drop-shadow(0 8px 6px rgba(13,7,4,.66))!important}
body:has(.tool-roll.open) .hero-copy{padding-top:clamp(720px,59vw,790px)!important}
.hero-copy{padding-top:clamp(160px,14vw,190px)!important;transition:padding-top .24s ease!important}
.hero-copy::before{top:0!important;bottom:auto!important;height:clamp(54px,5.2vw,78px)!important;transform:translateY(-50%)!important;background:url('media/brand/dawkins-rough-timber-sill-v1.webp') center/102% 100% no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 9px 8px rgba(35,18,8,.25))!important}
footer::before{top:0!important;bottom:auto!important;height:clamp(70px,6.5vw,98px)!important;transform:translateY(-50%)!important;background:url('media/brand/dawkins-footer-rigging-beam-v1.webp') center/102% 100% no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 8px 7px rgba(18,10,5,.42))!important}
.method .rigging-right{transform:translateY(-50%)!important;opacity:.7!important}
.social-rack img{filter:brightness(1.22) saturate(1.18) contrast(1.08) drop-shadow(0 0 2px rgba(245,198,112,.95)) drop-shadow(0 6px 5px rgba(0,0,0,.58))!important}
.social-rack a span{font-family:Cinzel,Georgia,serif!important;font-weight:800!important;letter-spacing:.015em!important;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 1px 0 #120906) drop-shadow(0 0 3px rgba(235,184,94,.5))}
.social-rack a:nth-child(1) span{background-image:linear-gradient(110deg,#f7c75d,#db477b 46%,#8b52c9 76%,#5b78d4)}
.social-rack a:nth-child(2) span{background-image:linear-gradient(180deg,#bde7ff,#4da2db 45%,#14669c 70%,#78c7ef)}
.social-rack a:nth-child(3) span{background-image:linear-gradient(180deg,#d8efff,#4b9fea 44%,#1769aa 72%,#8bc8f4)}
.social-rack a:nth-child(4) span{background-image:linear-gradient(90deg,#4c94f5 0 24%,#e34b43 24% 49%,#f3c446 49% 74%,#4fb46b 74%)}
footer>p{font:800 clamp(16px,1.8vw,24px)/1.05 Cinzel,Georgia,serif!important;letter-spacing:.075em!important;background:linear-gradient(165deg,#fff0bd 0%,#d99a4d 22%,#6f341d 43%,#f0bf69 56%,#8a4526 76%,#ffe0a0 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 1px 0 #1a0d07) drop-shadow(0 2px 0 rgba(255,208,126,.28)) drop-shadow(0 0 7px rgba(222,145,62,.62))!important}
@media(max-width:850px){
  .site-header>.brand{top:-7px!important;width:78vw!important}
  .menu-button{top:calc(56.28vw + 10px)!important}
  .tool-roll{top:calc(56.28vw + 98px)!important}
  .tool-roll a img{width:48px!important;height:48px!important}
  body:has(.tool-roll.open) .hero-copy{padding-top:370px!important}
}
@media(max-width:600px){
  .site-header>.brand{top:-6px!important;width:80vw!important}
  .hero-copy{padding-top:150px!important}
  .hero-copy::before{height:42px!important;background-size:118% 100%!important}
  footer::before{height:58px!important;background-size:125% 100%!important}
  .tool-roll a img{width:52px!important;height:52px!important}
  .tool-roll a span{bottom:-1px!important;font-size:9px!important}
  .social-rack img{width:62px!important;height:62px!important;filter:brightness(1.3) saturate(1.23) contrast(1.1) drop-shadow(0 0 3px rgba(245,198,112,.95)) drop-shadow(0 6px 5px rgba(0,0,0,.58))!important}
  .social-rack a{min-width:68px!important}
  .social-rack a span{font-size:12px!important}
  footer>p{font-size:14px!important;line-height:1.15!important;letter-spacing:.055em!important}
}

/* Final edge calibration: reveal the hand-hewn face, never its straight outer silhouette. */
body>main::before{left:clamp(-108px,-7.5vw,-86px)!important}
body>main::after{right:clamp(-108px,-7.5vw,-86px)!important}
.hero-copy::before,footer::before{background-image:url('media/brand/dawkins-mortise-transition-beam-v1.webp')!important}
@media(max-width:600px){body>main::before{left:-62px!important}body>main::after{right:-62px!important}}

/* Posts continue beyond the viewport so no top, bottom, or canvas edge is exposed. */
body>main::before,body>main::after{top:-14vh!important;height:128vh!important;background-size:auto 100%!important;background-position:center center!important}
body>main::before{left:clamp(-122px,-8.4vw,-96px)!important}
body>main::after{right:clamp(-122px,-8.4vw,-96px)!important}
@media(max-width:600px){body>main::before{left:-72px!important}body>main::after{right:-72px!important}}

/* Continuous crop: timber touches each outer edge; crowns and foundations continue beyond the viewport. */
body>main::before,body>main::after{top:-22vh!important;height:145vh!important;width:clamp(205px,21vw,320px)!important;background-size:auto 100%!important;background-position:center center!important}
body>main::before{left:clamp(-136px,-9.2vw,-106px)!important}
body>main::after{right:clamp(-136px,-9.2vw,-106px)!important}
@media(max-width:600px){body>main::before,body>main::after{width:185px!important}body>main::before{left:-82px!important}body>main::after{right:-82px!important}}
.menu-button:focus-visible,.tool-roll a:focus-visible{outline:0!important}
.menu-button:focus-visible img,.tool-roll a:focus-visible img{filter:brightness(1.2) saturate(1.15) drop-shadow(0 0 7px rgba(235,177,86,.9)) drop-shadow(0 7px 5px rgba(13,7,4,.58))!important}
/* The source wordmark contains transparent top padding; offset it so the visible D starts at the photograph's top edge. */
.site-header>.brand{top:max(-25px,-2.1vw)!important}
.tool-roll{left:50%!important;right:auto!important;transform:translateX(-50%)!important}

/* Final alignment and forged-lettering pass. The grid matches the nine stitched pockets. */
.site-header>.brand{top:-27px!important}
.site-header>.brand img{filter:brightness(1.13) saturate(1.2) contrast(1.08) drop-shadow(0 0 2px rgba(255,211,125,.9)) drop-shadow(0 4px 3px rgba(22,11,5,.72)) drop-shadow(0 9px 14px rgba(22,11,5,.3))!important}
.tool-roll{padding:8.1% 14.2% 10.7%!important}
.tool-roll a{padding:0!important}
.tool-roll a img{width:clamp(94px,8.4vw,112px)!important;height:clamp(94px,8.4vw,112px)!important}
.tool-roll a span{bottom:0!important}
.hero h1,.section-copy h2,.method h2,.contact h2,.path-card strong,.craft-scope h3,.contact-tool span,.kicker,.menu-button span,.tool-roll a span,footer>p{
  font-family:Cinzel,Georgia,serif!important;
  background-image:linear-gradient(165deg,#fff1bd 0%,#d89348 18%,#6a301b 39%,#f0bd69 53%,#7f3c21 72%,#ffd891 100%)!important;
  background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 1px 0 rgba(255,232,184,.62)) drop-shadow(1px 2px 0 rgba(67,32,17,.34))!important;
}
footer::before{height:clamp(112px,10vw,154px)!important;transform:translateY(-45%)!important;background:url('media/brand/dawkins-rigging-span-v1.webp') center/100% 100% no-repeat!important;filter:drop-shadow(0 11px 8px rgba(18,10,5,.48))!important}
footer>p{font-size:clamp(20px,2.25vw,31px)!important;letter-spacing:.09em!important;text-shadow:0 2px 8px rgba(0,0,0,.85)!important}
.social-rack a span{font-size:16px!important;text-shadow:0 2px 5px rgba(0,0,0,.9)!important}
@media(max-width:850px){.tool-roll{padding:11% 19.2% 14.4%!important}.tool-roll a img{width:clamp(44px,7.5vw,62px)!important;height:clamp(44px,7.5vw,62px)!important}}
@media(max-width:600px){.site-header>.brand{top:-10px!important}.tool-roll a img{width:46px!important;height:46px!important}footer::before{height:86px!important;background-size:120% 100%!important}footer>p{font-size:16px!important}.social-rack a span{font-size:13px!important}}

/* Tool chest opens into one precisely organized roll at the hero joint. */
.site-header>.brand{top:-22px!important;left:max(9vw,calc((100vw - 980px)/2))!important;width:min(980px,82vw)!important;transform:scaleY(.82)!important;transform-origin:top center!important}
.tool-roll{top:calc(56.28vw + 2px)!important;filter:brightness(1.16) saturate(1.04) contrast(1.03) drop-shadow(0 18px 18px rgba(24,13,7,.46))!important}
.tool-roll.open{z-index:110!important}
.tool-roll a img{filter:brightness(1.28) saturate(1.15) contrast(1.12) drop-shadow(0 0 3px rgba(255,207,126,.78)) drop-shadow(0 7px 5px rgba(13,7,4,.72))!important}
.tool-roll a span{position:absolute!important;left:50%!important;bottom:2px!important;width:max-content!important;max-width:14ch!important;transform:translateX(-50%)!important;opacity:0!important;color:#ffd992!important;background-image:linear-gradient(180deg,#fff0b8,#e69a4c 48%,#ffc46f)!important;text-shadow:0 2px 3px #100704,0 0 8px #100704!important;pointer-events:none!important}
.tool-roll a:hover span,.tool-roll a:focus-visible span,.tool-roll a:focus span{opacity:1!important}
.tool-roll a:hover img,.tool-roll a:focus-visible img,.tool-roll a:focus img{filter:brightness(.86) saturate(.92) drop-shadow(0 7px 5px rgba(13,7,4,.72))!important}
body:has(.tool-roll.open) .hero-copy{padding-top:clamp(650px,54vw,720px)!important}

/* A clean timber-frame arch replaces the visible footer seam. */
footer{margin-top:-64px!important;border-radius:50% 50% 0 0 / 64px 64px 0 0!important}
footer::before{display:none!important}
footer>p{font-size:clamp(23px,2.6vw,36px)!important;background-image:linear-gradient(180deg,#fff7d0 0%,#ffd784 24%,#eda354 48%,#ffd98c 72%,#fff0bd 100%)!important;filter:drop-shadow(0 2px 1px #120805) drop-shadow(0 0 5px #120805) drop-shadow(0 0 12px rgba(255,184,82,.92))!important;text-shadow:none!important}

/* Shared forged lettering language for the public site and every desk. */
.path-card strong,.craft-scope h3,.contact-tool span,.menu-button span,.tool-roll a span{
  letter-spacing:.015em!important;
  text-transform:none!important;
}
@media(max-width:850px){.site-header>.brand{top:-15px!important;transform:scaleY(.84)!important}.tool-roll{top:calc(56.28vw + 1px)!important}body:has(.tool-roll.open) .hero-copy{padding-top:360px!important}.tool-roll a span{opacity:0!important;font-size:9px!important;bottom:0!important}.tool-roll a:hover span,.tool-roll a:focus-visible span,.tool-roll a:focus span{opacity:1!important}}
@media(max-width:600px){.site-header>.brand{top:-8px!important;width:84vw!important}footer{margin-top:-42px!important;border-radius:50% 50% 0 0 / 42px 42px 0 0!important}footer>p{font-size:18px!important;letter-spacing:.065em!important}}

/* The page is held inside an active timber frame, without card-like borders. */
body>main{position:relative!important}
body>main::before,body>main::after{
  content:"";position:absolute;z-index:12;top:0;bottom:0;width:clamp(18px,2.5vw,38px);pointer-events:none;
  background:radial-gradient(circle at 50% 70px,#e0a260 0 3px,#251713 4px 8px,transparent 9px) center top/100% 190px repeat-y,linear-gradient(90deg,#27150d 0%,#8d4c28 18%,#3d2013 42%,#a66738 58%,#3a1d12 83%,#1e100a 100%);
  box-shadow:inset 3px 0 rgba(236,167,95,.18),inset -4px 0 rgba(20,9,5,.55),0 0 12px rgba(35,18,8,.34);
}
body>main::before{left:0}body>main::after{right:0;transform:scaleX(-1)}
.work::before,.method::before,.contact::before{
  content:""!important;display:block!important;position:absolute!important;z-index:3!important;left:clamp(12px,2vw,30px)!important;right:clamp(12px,2vw,30px)!important;top:0!important;height:clamp(42px,4.5vw,68px)!important;
  background:url('media/brand/dawkins-rough-timber-sill-v1.webp') center/100% 100% no-repeat!important;filter:drop-shadow(0 7px 6px rgba(37,19,9,.28))!important;pointer-events:none!important;
}
.method::before{transform:scaleX(-1)!important}.contact::before{filter:brightness(.9) drop-shadow(0 7px 6px rgba(37,19,9,.3))!important}
@media(max-width:600px){body>main::before,body>main::after{width:12px}.work::before,.method::before,.contact::before{left:7px!important;right:7px!important;height:36px!important}}

/* Final craft correction: real timberwork, quiet hardware, and no synthetic seams. */
body>main::before,body>main::after{
  position:fixed!important;top:0!important;bottom:0!important;width:clamp(105px,13vw,188px)!important;
  background:url('media/brand/dawkins-timber-stone-post-v1.png') center bottom/contain no-repeat!important;
  box-shadow:none!important;filter:drop-shadow(0 8px 8px rgba(31,15,7,.42));z-index:12!important;
}
body>main::before{left:clamp(-66px,-4.5vw,-38px)!important}
body>main::after{right:clamp(-66px,-4.5vw,-38px)!important;transform:scaleX(-1)!important}
.work::before,.method::before,.contact::before{display:none!important}
.tool-roll a img{transform:translateY(7px)!important;filter:brightness(1.08) saturate(.98) contrast(1.06) drop-shadow(0 7px 5px rgba(13,7,4,.7))!important}
.tool-roll a:hover img,.tool-roll a:focus-visible img,.tool-roll a:focus img{filter:brightness(.91) saturate(.92) drop-shadow(0 7px 5px rgba(13,7,4,.7))!important}
footer{margin-top:0!important;border-radius:0!important;overflow:visible!important}
footer::before{display:block!important;height:clamp(54px,6vw,82px)!important;transform:translateY(-48%)!important;background:url('media/brand/dawkins-footer-rigging-beam-v1.webp') center/cover no-repeat!important;filter:drop-shadow(0 9px 7px rgba(18,10,5,.48))!important}
footer>.footer-wordmark{position:absolute!important;inset:auto auto auto 50%!important;top:clamp(42px,5.8vw,88px)!important;width:min(880px,76vw)!important;height:auto!important;z-index:4!important;object-fit:contain!important;transform:translateX(-50%) scaleY(.84)!important;transform-origin:top center!important;filter:brightness(1.2) saturate(1.24) contrast(1.08) drop-shadow(0 0 2px rgba(255,211,125,.85)) drop-shadow(0 6px 7px rgba(18,8,4,.75))!important}
.hero h1,.section-copy h2,.method h2,.contact h2,.path-card strong,.craft-scope h3,.contact-tool span,.kicker,.menu-button span,.tool-roll a span,footer>p{-webkit-text-stroke:.22px rgba(70,31,15,.48)!important;text-shadow:0 1px 0 rgba(255,232,182,.42),1px 2px 1px rgba(48,21,10,.26)!important}
@media(max-width:600px){body>main::before,body>main::after{width:92px!important}body>main::before{left:-35px!important}body>main::after{right:-35px!important}.tool-roll a img{transform:translateY(3px)!important}footer::before{height:48px!important}footer>.footer-wordmark{top:30px!important;width:82vw!important}}

/* The timber frame is now full-height architecture, cropped beyond the viewport like a real enclosing structure. */
body>main::before,body>main::after{
  top:0!important;bottom:auto!important;height:100vh!important;width:clamp(190px,20vw,300px)!important;
  background-size:auto 100%!important;background-position:center bottom!important;
}
body>main::before{left:clamp(-185px,-13vw,-118px)!important}
body>main::after{right:clamp(-185px,-13vw,-118px)!important}
.hero-copy::before,footer::before{
  display:block!important;height:clamp(76px,8vw,118px)!important;
  background:url('media/brand/dawkins-mortise-transition-beam-v1.png') center/106% auto no-repeat!important;
  box-shadow:none!important;filter:drop-shadow(0 10px 8px rgba(29,14,7,.42))!important;
  transform:translateY(-50%)!important;z-index:10!important;pointer-events:none!important;
}

/* Keep the organic timber edge visible while its transparent canvas remains off-screen. */
body>main::before{left:clamp(-82px,-5.8vw,-58px)!important}
body>main::after{right:clamp(-82px,-5.8vw,-58px)!important}
@media(max-width:600px){body>main::before{left:-47px!important}body>main::after{right:-47px!important}}
.work .rigging-frame{left:clamp(-135px,-8vw,-82px)!important;opacity:.9!important}
.craft-scope article:nth-child(2) img{width:clamp(82px,8vw,118px)!important;height:clamp(82px,8vw,118px)!important;margin-left:auto!important;margin-right:auto!important;opacity:.82!important}
@media(max-width:600px){
  body>main::before,body>main::after{width:170px!important;height:100vh!important}
  body>main::before{left:-116px!important}body>main::after{right:-116px!important}
  .hero-copy::before,footer::before{height:62px!important;background-size:auto 100%!important}
  .work .rigging-frame{left:-112px!important;opacity:.22!important}
}

/* Viewport edge crop: the side timbers continue past all four screen edges.
   Oversizing removes the post crowns/stone feet; the deeper horizontal crop
   keeps the transparent image canvas outside the viewport. */
body>main::before,body>main::after{
  top:-70vh!important;
  bottom:auto!important;
  height:240vh!important;
  min-height:240vh!important;
  background-size:auto 100%!important;
  background-position:center center!important;
}
body>main::before{left:calc(24px - clamp(190px,20vw,300px))!important}
body>main::after{right:calc(24px - clamp(190px,20vw,300px))!important}
@media(max-width:600px){
  body>main::before,body>main::after{
    top:-70vh!important;
    height:240vh!important;
    min-height:240vh!important;
    width:190px!important;
  }
  body>main::before{left:-166px!important}
  body>main::after{right:-166px!important}
}

/* Owner-directed final composition: show the timber structure while cropping
   only its outside silhouette and its vertical endpoints. */
body>main::before,body>main::after{
  z-index:30!important;
  width:clamp(190px,20vw,300px)!important;
}
body>main::before{left:calc(clamp(72px,7vw,112px) - clamp(190px,20vw,300px))!important}
body>main::after{right:calc(clamp(72px,7vw,112px) - clamp(190px,20vw,300px))!important}

/* One rough, naturally edged timber at the hero joint. It runs underneath
   the posts so the ends read as mortised joinery instead of a pasted layer. */
.hero-copy::before{
  left:-2vw!important;
  right:-2vw!important;
  width:auto!important;
  height:clamp(82px,8vw,124px)!important;
  background-image:url('media/brand/dawkins-rough-timber-sill-v1.webp')!important;
  background-position:center!important;
  background-size:104% 100%!important;
  background-repeat:no-repeat!important;
  transform:translateY(-52%)!important;
  z-index:20!important;
}

/* The footer beam uses its own single rough timber, spans past both page
   edges, and sits behind the vertical posts without a straight seam. */
footer::before{
  display:block!important;
  left:-2vw!important;
  right:-2vw!important;
  width:auto!important;
  height:36.053333vw!important;
  background-image:url('media/brand/dawkins-footer-rigging-beam-v1.webp')!important;
  background-position:center!important;
  background-size:104% auto!important;
  background-repeat:no-repeat!important;
  transform:translateY(-50%)!important;
  z-index:20!important;
}

/* Raise both forged wordmarks until the visible lettering begins at the top
   of its photograph. Darker, uneven contrast removes the factory-polished glow. */
.site-header>.brand{
  top:clamp(-92px,-7vw,-28px)!important;
  z-index:25!important;
}
.site-header>.brand img,footer>.footer-wordmark{
  filter:saturate(.72) brightness(.86) contrast(1.34)
    drop-shadow(1px 2px 0 rgba(20,9,4,.82))
    drop-shadow(-1px 0 0 rgba(210,139,68,.32))
    drop-shadow(0 6px 5px rgba(18,8,4,.62))!important;
}
footer>.footer-wordmark{
  top:clamp(-124px,-9vw,-38px)!important;
  z-index:25!important;
}

/* Settle the tool-roll artwork into the lower half of each stitched pocket. */
.tool-roll a img,.tool-roll a:hover img,.tool-roll a:focus-visible img{transform:translateY(21px)!important}

@media(max-width:600px){
  body>main::before,body>main::after{width:190px!important}
  body>main::before{left:-118px!important}
  body>main::after{right:-118px!important}
  .hero-copy::before{left:-5vw!important;right:-5vw!important;height:70px!important;background-size:110% 100%!important}
  footer::before{left:-5vw!important;right:-5vw!important;height:40.333333vw!important;background-size:110% auto!important}
  .site-header>.brand{top:-28px!important}
  footer>.footer-wordmark{top:-40px!important}
  .tool-roll a img,.tool-roll a:hover img,.tool-roll a:focus-visible img{transform:translateY(13px)!important}
}