/* The Dawkins visual language, simplified for people who only need the job folder. */
body.portal-page,body.admin-page{background-color:#dbc6a7!important;background-image:linear-gradient(135deg,rgba(244,231,205,.72),rgba(213,184,143,.62)),url('media/hero/dawkins-woodsman-worktrain-v22.webp')!important;background-position:center!important;background-size:cover!important;background-attachment:fixed!important;color:#2a1b12!important;font-family:'Source Serif 4',Georgia,serif!important}
body.portal-page.trade-desk,body.admin-page{background-image:linear-gradient(135deg,rgba(244,231,205,.7),rgba(213,184,143,.58)),url('media/hero/dawkins-trade-desk-scene-v1.webp')!important}
body.portal-page::before,body.admin-page::before,body.portal-page header::after,body.admin-page header::after{display:none!important}
body.portal-page main,body.admin-page main{max-width:1100px!important;padding:clamp(24px,5vw,74px) 22px clamp(70px,8vw,120px)!important}
body.portal-page header,body.admin-page header{position:relative!important;padding:0 0 28px!important;border:0!important;box-shadow:none!important}
.portal-heading-block{max-width:min(610px,72vw)!important}.portal-wordmark img{filter:drop-shadow(0 3px 3px rgba(255,246,225,.75)) drop-shadow(0 6px 10px rgba(35,18,9,.2))!important}
body.portal-page #portal-brand,body.admin-page .mark{margin-top:5px!important;color:#6d351a!important;font:700 12px/1.2 Cinzel,Georgia,serif!important;letter-spacing:.14em!important}
body.portal-page .back,body.admin-page .back{color:#5f3018!important;font:700 16px/1.25 'Source Serif 4',Georgia,serif!important;text-underline-offset:4px!important}
body.portal-page h1,body.admin-page h1{font-family:Cinzel,Georgia,serif!important;font-weight:700!important;letter-spacing:-.04em!important;background:linear-gradient(164deg,#161514,#56504a 29%,#1b1917 48%,#756b60 60%,#1c1a18 79%,#141311);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1px 0 rgba(255,244,221,.8)) drop-shadow(2px 3px 0 rgba(95,67,43,.26))!important}
body.portal-page h1 em,body.admin-page h1 em{background:linear-gradient(164deg,#552718,#c27a43 24%,#6c321d 43%,#d29a58 56%,#71371f 73%,#4a2013);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}
body.portal-page .intro,body.admin-page .intro{max-width:720px!important;color:#402b1d!important;font-size:20px!important}
body.portal-page .card,body.admin-page .panel{position:relative!important;padding:clamp(24px,4vw,44px)!important;background:radial-gradient(ellipse at 50% 42%,rgba(255,250,237,.92) 0 56%,rgba(255,250,237,.72) 72%,rgba(255,250,237,0) 100%)!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}
body.portal-page .card{background:transparent!important;text-shadow:0 1px 0 rgba(255,242,210,.7),0 2px 7px rgba(44,24,12,.28)!important}
body.sample-mode .card{outline:0!important}body.portal-page .card::before{color:#713919!important;font:700 16px/1.3 'Source Serif 4',Georgia,serif!important}
body.portal-page h2,body.admin-page h2{color:#3b2114!important;font-family:Cinzel,Georgia,serif!important;letter-spacing:-.025em!important}
body.portal-page .group-title{margin-top:26px!important;color:#6d351a!important;font-family:Cinzel,Georgia,serif!important;letter-spacing:.08em!important}
body.portal-page .card li,body.admin-page .files li,body.admin-page .activity li{border:0!important;background:transparent!important}
.portal-gateway{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,52px);margin:25px auto 8px;max-width:920px}.portal-gateway[hidden]{display:none!important}.portal-gateway a{display:grid;place-items:center;gap:8px;color:#402417;text-align:center;text-decoration:none}.portal-gateway img{width:clamp(96px,10vw,140px);height:clamp(96px,10vw,140px);object-fit:contain;filter:drop-shadow(0 8px 6px rgba(44,25,13,.28))}.portal-gateway span,.portal-gateway strong,.portal-gateway small{display:block}.portal-gateway strong{font:700 clamp(19px,2vw,27px)/1.08 Cinzel,Georgia,serif;background:linear-gradient(165deg,#4d2113,#c4773e 25%,#682f1a 48%,#d59850 62%,#502114);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portal-gateway small{margin-top:5px;color:#4f2f1d;font-size:15px;font-weight:700;text-shadow:0 1px 0 rgba(255,242,210,.78),0 2px 5px rgba(44,24,12,.22)}.portal-gateway a:focus-visible{outline:3px solid #a8642e;outline-offset:7px}
body.portal-page select,body.portal-page .search,body.admin-page input,body.admin-page select{min-height:50px!important;padding:12px 4px!important;background:rgba(255,251,240,.48)!important;border:0!important;border-bottom:2px solid rgba(105,62,30,.68)!important;border-radius:0!important;box-shadow:none!important;color:#2c1b11!important;font:600 17px/1.3 'Source Serif 4',Georgia,serif!important}
body.portal-page select:focus-visible,body.portal-page .search:focus-visible,body.admin-page input:focus-visible,body.admin-page select:focus-visible{outline:3px solid #a8642e!important;outline-offset:4px!important}
body.admin-page .grid,body.admin-page .dashboard{gap:clamp(24px,5vw,66px)!important}body.admin-page .stat{background:transparent!important;border:0!important;border-radius:0!important;text-align:center!important}
body.admin-page button.portal-action{display:grid!important;place-items:center!important;gap:5px!important;margin-top:22px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#4a2815!important;font:700 18px/1.2 'Source Serif 4',Georgia,serif!important}
body.admin-page button.portal-action img{display:block!important;width:96px!important;height:96px!important;object-fit:contain!important;filter:drop-shadow(0 7px 5px rgba(45,25,13,.25))!important}
body.admin-page .remove-project{padding:6px!important;background:transparent!important;color:#783c1b!important;border:0!important;text-decoration:underline!important}
.sample-switch{gap:clamp(18px,4vw,48px)!important}.sample-switch a{color:#5d2f17!important;font-size:16px!important}.sample-switch img{width:54px!important;height:54px!important;filter:drop-shadow(0 5px 4px rgba(45,25,13,.22))!important}
@media(max-width:720px){body.portal-page,body.admin-page{background-attachment:scroll!important;background-position:center top!important}body.portal-page main,body.admin-page main{padding:18px 17px 70px!important}.portal-heading-block{max-width:min(330px,82vw)!important}body.portal-page header,body.admin-page header{display:block!important}.back{display:inline-block!important;margin-top:10px!important}body.portal-page h1,body.admin-page h1{font-size:clamp(38px,11vw,54px)!important}body.portal-page .card,body.admin-page .panel{padding:24px 12px!important}body.admin-page .grid,body.admin-page .dashboard{grid-template-columns:1fr!important}.sample-switch{display:grid!important;grid-template-columns:1fr!important;justify-items:start!important}.sample-switch a{display:grid!important;grid-template-columns:58px 1fr!important}.portal-gateway{grid-template-columns:1fr;gap:24px}.portal-gateway img{width:104px;height:104px}}

body.portal-page h1,body.admin-page h1,body.portal-page h2,body.admin-page h2,body.portal-page .brand,body.admin-page .mark,.portal-gateway strong,body.admin-page button.portal-action span{
  font-family:Cinzel,Georgia,serif!important;
  background-image:linear-gradient(165deg,#fff0b6 0%,#d98943 20%,#602a18 42%,#efb15d 56%,#71331c 76%,#ffd78b 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,239,203,.7)) drop-shadow(1px 2px 0 rgba(62,29,15,.32))!important;
}
.sample-switch[hidden]{display:none!important}
body.portal-page main,body.admin-page main{position:relative!important}
body.portal-page main::before,body.portal-page main::after,body.admin-page main::before,body.admin-page main::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:clamp(14px,2vw,28px);background:radial-gradient(circle at 50% 60px,#d89b59 0 3px,#241612 4px 7px,transparent 8px) center top/100% 170px repeat-y,linear-gradient(90deg,#2b180f,#87502f 24%,#422619 52%,#a2663b 70%,#26150d);box-shadow:inset 2px 0 rgba(243,185,112,.2),inset -3px 0 rgba(24,12,7,.48)}body.portal-page main::before,body.admin-page main::before{left:0}body.portal-page main::after,body.admin-page main::after{right:0;transform:scaleX(-1)}
@media(max-width:600px){body.portal-page main::before,body.portal-page main::after,body.admin-page main::before,body.admin-page main::after{width:9px}}
body.portal-page main::before,body.portal-page main::after,body.admin-page main::before,body.admin-page main::after{z-index:1!important}

/* One task at a time: the private desk is a simple three-step toolbox. */
[data-workspace][hidden]{display:none!important}
.desk-nav{display:flex;justify-content:center;align-items:flex-start;gap:clamp(24px,6vw,76px);margin:34px auto 48px}
.desk-nav button{width:clamp(110px,13vw,160px);min-height:0;margin:0;padding:0;display:grid;place-items:center;gap:4px;background:transparent!important;border:0!important;border-radius:0!important;color:#472617;cursor:pointer}
.desk-nav img{display:block;width:clamp(82px,10vw,118px);height:clamp(82px,10vw,118px);object-fit:contain;filter:drop-shadow(0 7px 5px rgba(42,23,12,.28))}
.desk-nav span{font:700 clamp(17px,2vw,23px)/1.08 Cinzel,Georgia,serif;background:linear-gradient(165deg,#4e2113,#c67c40 28%,#602918 48%,#d99a50 65%,#4c2012);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.desk-nav button[aria-pressed="true"] img{filter:brightness(1.15) saturate(1.1) drop-shadow(0 0 5px rgba(225,157,77,.7)) drop-shadow(0 8px 6px rgba(42,23,12,.32))}
.desk-nav button[aria-pressed="true"] span{text-decoration:underline;text-decoration-color:#9d5a2d;text-underline-offset:6px}
.access-details{display:block!important}.access-details details{width:100%}.access-details summary{min-height:44px;padding:10px 0;color:#58301b;font-weight:700;cursor:pointer}.access-details ul{list-style:none;margin:8px 0 0;padding:0}.access-details li{padding:8px 0!important}.record-row strong{font-size:18px}.remove-project{min-height:44px!important;padding:8px 4px!important;color:#7d2f1d!important}
.sample-return{display:inline-block;margin:0 0 24px;color:#60331b;font-weight:700;text-underline-offset:5px}.sample-return[hidden]{display:none!important}
@media(max-width:600px){.desk-nav{gap:8px;margin:22px auto 34px}.desk-nav button{width:31vw}.desk-nav img{width:74px;height:74px}.desk-nav span{font-size:15px}}

/* Real timber uprights replace the synthetic stripe border on every desk. */
body.portal-page main::before,body.portal-page main::after,body.admin-page main::before,body.admin-page main::after{position:fixed!important;top:0!important;bottom:0!important;width:clamp(100px,12vw,172px)!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 7px 7px rgba(36,18,9,.34));z-index:1!important;pointer-events:none}
body.portal-page main::before,body.admin-page main::before{left:clamp(-60px,-4vw,-34px)!important}
body.portal-page main::after,body.admin-page main::after{right:clamp(-60px,-4vw,-34px)!important;transform:scaleX(-1)!important}
body.portal-page h1,body.admin-page h1,body.portal-page h2,body.admin-page h2,.portal-gateway strong,.desk-nav span{-webkit-text-stroke:.22px rgba(70,31,15,.42)!important;text-shadow:0 1px 0 rgba(255,238,200,.48),1px 2px 1px rgba(55,27,13,.25)!important}
@media(max-width:600px){body.portal-page main::before,body.portal-page main::after,body.admin-page main::before,body.admin-page main::after{width:82px!important}body.portal-page main::before,body.admin-page main::before{left:-31px!important}body.portal-page main::after,body.admin-page main::after{right:-31px!important}}

body.portal-page main::before,body.portal-page main::after,body.admin-page main::before,body.admin-page main::after{top:0!important;bottom:auto!important;height:100vh!important;width:clamp(180px,19vw,280px)!important;background-size:auto 100%!important;background-position:center bottom!important}
body.portal-page main::before,body.admin-page main::before{left:clamp(-174px,-12.5vw,-112px)!important}
body.portal-page main::after,body.admin-page main::after{right:clamp(-174px,-12.5vw,-112px)!important}
@media(max-width:600px){body.portal-page main::before,body.portal-page main::after,body.admin-page main::before,body.admin-page main::after{width:160px!important;height:100vh!important}body.portal-page main::before,body.admin-page main::before{left:-109px!important}body.portal-page main::after,body.admin-page main::after{right:-109px!important}}

body.portal-page main::before,body.admin-page main::before{left:clamp(-78px,-5.5vw,-55px)!important}
body.portal-page main::after,body.admin-page main::after{right:clamp(-78px,-5.5vw,-55px)!important}
@media(max-width:600px){body.portal-page main::before,body.admin-page main::before{left:-45px!important}body.portal-page main::after,body.admin-page main::after{right:-45px!important}}

body.portal-page main::before,body.admin-page main::before{left:clamp(-104px,-7.2vw,-82px)!important}
body.portal-page main::after,body.admin-page main::after{right:clamp(-104px,-7.2vw,-82px)!important}
@media(max-width:600px){body.portal-page main::before,body.admin-page main::before{left:-59px!important}body.portal-page main::after,body.admin-page main::after{right:-59px!important}}

body.portal-page main::before,body.portal-page main::after,body.admin-page main::before,body.admin-page main::after{top:-14vh!important;height:128vh!important;background-size:auto 100%!important;background-position:center center!important}
body.portal-page main::before,body.admin-page main::before{left:clamp(-118px,-8.1vw,-93px)!important}
body.portal-page main::after,body.admin-page main::after{right:clamp(-118px,-8.1vw,-93px)!important}
@media(max-width:600px){body.portal-page main::before,body.admin-page main::before{left:-69px!important}body.portal-page main::after,body.admin-page main::after{right:-69px!important}}

body.portal-page main::before,body.portal-page main::after,body.admin-page main::before,body.admin-page main::after{top:-22vh!important;height:145vh!important;width:clamp(198px,20vw,306px)!important;background-size:auto 100%!important;background-position:center center!important}
body.portal-page main::before,body.admin-page main::before{left:clamp(-132px,-9vw,-103px)!important}
body.portal-page main::after,body.admin-page main::after{right:clamp(-132px,-9vw,-103px)!important}
@media(max-width:600px){body.portal-page main::before,body.portal-page main::after,body.admin-page main::before,body.admin-page main::after{width:178px!important}body.portal-page main::before,body.admin-page main::before{left:-79px!important}body.portal-page main::after,body.admin-page main::after{right:-79px!important}}
/* Earlier workshop artwork sits beside the desk introduction, clear of the controls. */
.portal-heritage{float:right;width:clamp(110px,14vw,165px);height:auto;margin:24px 0 16px 24px;object-fit:contain;pointer-events:none;filter:drop-shadow(2px 4px 3px #28170c44)}
.desk-nav,.portal-page .card,.admin-page .panel{clear:both}
@media(max-width:850px){.portal-heritage{display:none}}