/* One Average Man series page. Loaded only by the "One Average Man page" template.
   Every rule sits under body.oam-page so nothing here touches the rest of webstudiolab.co.uk. */
body.oam-page{margin:0;padding:0;background:#e6dfcd !important}
body.oam-page .oam{--cream:#e6dfcd;--paper:#f6f1e7;--ink:#1d1915;--ink-soft:#4a4238;--red:#c94529;--red-deep:#a8381f;--ochre:#966129;--line:rgba(29,25,21,.16);--display:"Libre Caslon Text",Georgia,"Times New Roman",serif;--body:"Newsreader",Georgia,"Times New Roman",serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:19px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
body.oam-page .oam *,body.oam-page .oam *::before,body.oam-page .oam *::after{box-sizing:border-box}
body.oam-page .oam h1,body.oam-page .oam h2,body.oam-page .oam h3,body.oam-page .oam p,body.oam-page .oam ul,body.oam-page .oam blockquote,body.oam-page .oam figure{margin:0;padding:0}
body.oam-page .oam ul{list-style:none}
body.oam-page .oam img{display:block;max-width:100%;height:auto;border:0;box-shadow:none}
body.oam-page .oam a{color:inherit}
body.oam-page .oam-band{padding-block:clamp(56px,9vw,112px)}
body.oam-page .oam-in{max-width:1080px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
body.oam-page .oam-narrow{max-width:700px}
body.oam-page .oam-label{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
body.oam-page .oam h1,body.oam-page .oam h2,body.oam-page .oam h3{font-family:var(--display);font-weight:700;color:var(--ink);text-wrap:balance;letter-spacing:-.01em}
body.oam-page .oam h2{font-size:clamp(30px,4.2vw,46px);line-height:1.12}
body.oam-page .oam h3{font-size:clamp(22px,2.4vw,27px);line-height:1.2}
body.oam-page .oam p+p{margin-top:1em}
body.oam-page .oam-lede{font-size:clamp(20px,2vw,23px);line-height:1.5;color:var(--ink-soft)}
body.oam-page .oam-btns{display:flex;flex-wrap:wrap;gap:12px}
body.oam-page .oam .oam-btn{display:inline-block;font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:15px 22px;border:2px solid var(--ink);color:var(--ink);background:transparent;transition:background .2s,color .2s}
body.oam-page .oam .oam-btn:hover,body.oam-page .oam .oam-btn:focus-visible{background:var(--ink);color:var(--paper)}
body.oam-page .oam .oam-btn-red{background:var(--red);border-color:var(--red);color:#fff}
body.oam-page .oam .oam-btn-red:hover,body.oam-page .oam .oam-btn-red:focus-visible{background:var(--red-deep);border-color:var(--red-deep);color:#fff}
body.oam-page .oam a:focus-visible{outline:3px solid var(--ochre);outline-offset:3px}
body.oam-page .oam-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,80px);align-items:center}
body.oam-page .oam-hero>*{min-width:0}
body.oam-page .oam-hero h1{font-size:clamp(46px,7.4vw,92px);line-height:.98;margin-top:18px}
body.oam-page .oam-hero h1 span{display:block;color:var(--red)}
body.oam-page .oam-strap{font-family:var(--display);font-style:italic;font-size:clamp(21px,2.3vw,26px);color:var(--ochre);margin-top:22px}
body.oam-page .oam-hero .oam-lede{margin-top:22px;max-width:34ch}
body.oam-page .oam-hero .oam-btns{margin-top:32px}
body.oam-page .oam-cover{position:relative;max-width:380px;justify-self:center}
body.oam-page .oam-cover img{box-shadow:0 2px 0 rgba(29,25,21,.08),18px 24px 0 -2px var(--red);transform:rotate(-1.5deg)}
body.oam-page .oam-q{background:var(--ink);color:var(--paper);text-align:left}
body.oam-page .oam-q .oam-label{color:#e0805f}
body.oam-page .oam-q blockquote{font-family:var(--display);font-size:clamp(32px,5vw,58px);line-height:1.12;color:var(--paper);margin-top:20px;text-wrap:balance;border:0;padding:0;quotes:none;background:none}
body.oam-page .oam-q blockquote::before,body.oam-page .oam-q blockquote::after{content:none}
body.oam-page .oam-q p.oam-after{font-size:clamp(19px,1.9vw,22px);color:#cfc6b4;margin-top:28px;max-width:46ch}
body.oam-page .oam-q p.oam-after strong{color:var(--paper);font-weight:500}
body.oam-page .oam-book{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:start}
body.oam-page .oam-book>*{min-width:0}
body.oam-page .oam-book-cover{position:sticky;top:32px}
body.oam-page .oam-book-cover img{box-shadow:12px 14px 0 -2px var(--ochre)}
body.oam-page .oam-status{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);padding:6px 10px;margin-top:20px}
body.oam-page .oam-book h2{margin-top:14px}
body.oam-page .oam-sub{font-family:var(--display);font-style:italic;font-size:21px;color:var(--ink-soft);margin-top:10px}
body.oam-page .oam-book .oam-copy{margin-top:28px}
body.oam-page .oam-four{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:36px}
body.oam-page .oam-four li{background:var(--paper);padding:20px 22px}
body.oam-page .oam-four b{display:block;font-family:var(--display);font-size:19px;color:var(--red)}
body.oam-page .oam-four span{display:block;font-size:17px;line-height:1.45;color:var(--ink-soft);margin-top:6px}
body.oam-page .oam-cap{font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--ink-soft);margin-top:12px}
body.oam-page .oam-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
body.oam-page .oam-two>div{border-top:3px solid var(--ink);padding-top:16px}
body.oam-page .oam-two h3{font-size:22px}
body.oam-page .oam-two p{font-size:17px;line-height:1.5;color:var(--ink-soft);margin-top:8px}
body.oam-page .oam-fwd{margin-top:32px;font-size:17px;color:var(--ink-soft)}
body.oam-page .oam-fwd strong{color:var(--ink);font-weight:500}
body.oam-page .oam-book .oam-btns{margin-top:32px}
body.oam-page .oam-paper{background:var(--paper)}
body.oam-page .oam-excerpt h2{margin-top:14px}
body.oam-page .oam-excerpt .oam-text{margin-top:32px;font-size:20px;line-height:1.7}
body.oam-page .oam-excerpt .oam-text p:first-child::first-letter{font-family:var(--display);font-weight:700;float:left;font-size:4.1em;line-height:.82;padding:.06em .1em 0 0;color:var(--red)}
body.oam-page .oam-excerpt .oam-more{margin-top:28px;font-family:var(--mono);font-size:14px;color:var(--ink-soft)}
body.oam-page .oam-video h2{margin-top:14px}
body.oam-page .oam-video p.oam-lede{margin-top:16px;max-width:52ch}
body.oam-page .oam-frame{position:relative;aspect-ratio:16/9;max-width:100%;margin-top:36px;background:var(--ink);border:2px solid var(--ink)}
body.oam-page .oam-frame iframe,body.oam-page .oam-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}
body.oam-page .oam-author{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(32px,6vw,72px);align-items:center}
body.oam-page .oam-author>*{min-width:0}
body.oam-page .oam-author figure{max-width:340px;justify-self:center}
body.oam-page .oam-author h2{margin-top:14px}
body.oam-page .oam-author .oam-copy{margin-top:24px}
body.oam-page .oam-sign{font-family:var(--display);font-style:italic;font-size:22px;color:var(--red);margin-top:24px}
body.oam-page .oam-series-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px}
body.oam-page .oam-series-head h2{margin-top:14px}
body.oam-page .oam-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
body.oam-page .oam-shelf li{min-width:0;display:flex;flex-direction:column}
body.oam-page .oam-spine{aspect-ratio:2/3;background:var(--cream);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
body.oam-page .oam-spine img{width:100%;height:100%;object-fit:cover}
body.oam-page .oam-spine.oam-tbc{background:repeating-linear-gradient(135deg,var(--cream) 0 14px,#ddd5c1 14px 15px);font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
body.oam-page .oam-shelf .oam-no{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-top:16px}
body.oam-page .oam-shelf h3{font-size:21px;margin-top:6px}
body.oam-page .oam-shelf p{font-size:16px;line-height:1.5;color:var(--ink-soft);margin-top:8px}
body.oam-page .oam-sub-band{background:var(--red);color:#fff}
body.oam-page .oam-sub-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center}
body.oam-page .oam-sub-grid>*{min-width:0}
body.oam-page .oam-sub-band .oam-label{color:#ffd9c9}
body.oam-page .oam-sub-band h2{color:#fff;margin-top:14px}
body.oam-page .oam-sub-band p{color:#fbe9e1;margin-top:18px;max-width:46ch}
body.oam-page .oam-sub-band .oam-btn{border-color:#fff;color:#fff}
body.oam-page .oam-sub-band .oam-btn:hover,body.oam-page .oam-sub-band .oam-btn:focus-visible{background:#fff;color:var(--red)}
body.oam-page .oam-sub-band .oam-btns{margin-top:28px}
body.oam-page .oam-embed{background:var(--paper);padding:8px;border-radius:2px}
body.oam-page .oam-embed iframe{display:block;width:100%;height:320px;border:0;background:var(--paper)}
body.oam-page .oam-close{text-align:center}
body.oam-page .oam-close p{font-family:var(--display);font-style:italic;font-size:clamp(24px,3vw,34px);line-height:1.3;color:var(--ink);max-width:24ch;margin:0 auto}
body.oam-page .oam-close .oam-mark{display:flex;justify-content:center;gap:6px;margin-bottom:20px}
body.oam-page .oam-close .oam-mark i{display:block;width:22px;height:30px;border:3px solid var(--red)}
body.oam-page .oam-close .oam-mark i+i{border-color:var(--ochre);border-radius:12px;margin-left:-14px}
@media (max-width:860px){
body.oam-page .oam-hero,body.oam-page .oam-book,body.oam-page .oam-author,body.oam-page .oam-sub-grid{grid-template-columns:1fr}
body.oam-page .oam-cover,body.oam-page .oam-book-cover{max-width:300px;position:static}
body.oam-page .oam-hero .oam-cover{order:-1}
body.oam-page .oam-shelf{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
body.oam-page .oam{font-size:18px}
body.oam-page .oam-four,body.oam-page .oam-two{grid-template-columns:1fr}
body.oam-page .oam-shelf{grid-template-columns:1fr}
body.oam-page .oam-spine{max-width:240px}
body.oam-page .oam .oam-btn{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
body.oam-page .oam *{transition:none!important}
}
body.oam-page .oam-top{padding-block:20px;border-bottom:1px solid var(--line)}
body.oam-page .oam-top .oam-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
body.oam-page .oam-top a{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
body.oam-page .oam-top a.oam-home{color:var(--red)}
body.oam-page .oam-top nav{display:flex;flex-wrap:wrap;gap:8px 22px}
body.oam-page .oam-top a:hover{color:var(--red)}
body.oam-page .oam-shelf{grid-template-columns:repeat(4,1fr)}
body.oam-page .oam-foot{background:var(--ink);color:#cfc6b4;padding-block:40px;font-size:15px}
body.oam-page .oam-foot .oam-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;align-items:center}
body.oam-page .oam-foot nav{display:flex;flex-wrap:wrap;gap:8px 22px}
body.oam-page .oam-foot a{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--paper)}
body.oam-page .oam-foot a:hover{color:#e0805f}
body.oam-page .oam-foot p{color:#cfc6b4}
@media (max-width:860px){
body.oam-page .oam-shelf{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
body.oam-page .oam-shelf{grid-template-columns:1fr}
}