/* The manifesto, typeset as a LaTeX article: Computer Modern throughout (CMU Serif, self-hosted), \section
   headings with arabic numbers, indented paragraphs with no space between them, quote and enumerate
   environments, "Figure n:" captions, and a numbered bibliography. Loaded after pages.css and scoped to
   the paper, so the rest of the site keeps its own type. */
@font-face{font-family:"CMU Serif";src:url("fonts/cmu-serif-500-roman.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"CMU Serif";src:url("fonts/cmu-serif-500-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"CMU Serif";src:url("fonts/cmu-serif-700-roman.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"CMU Serif";src:url("fonts/cmu-serif-700-italic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}

.paper,.paper *{font-family:"CMU Serif","Latin Modern Roman","Computer Modern Serif",Georgia,serif}
.paper{font-kerning:normal;font-variant-ligatures:common-ligatures}

/* body: justified, hyphenated, first-line indents in place of gaps (the first paragraph of a section is not indented) */
.paper p,.paper li,.paper dd{font-size:clamp(16.5px,1.18vw,18px);line-height:1.5;color:#111;margin:0}
.paper > p + p{text-indent:1.5em}
.paper > h2 + p,.paper > figure + p,.paper > ol + p,.paper > .paper-q + p{text-indent:0}   /* the line after the centred question continues its thought */

/* running head: small caps, as \pagestyle{headings} sets it */
.paper-run{font-size:14px!important;letter-spacing:.04em;text-transform:none;font-variant:small-caps;color:#444!important;border-bottom:.5px solid #111!important}

/* \maketitle */
.paper-title h1{font-weight:400;font-size:clamp(30px,3.3vw,42px);letter-spacing:0;line-height:1.15;color:#111}
.paper-by{font-weight:400!important;font-size:clamp(17px,1.25vw,19px)!important;color:#111!important}
.paper-aff{font-size:clamp(15px,1.05vw,16.5px)!important;font-style:italic;color:#333!important}
.pt-cite{font-size:.4em;color:#444}

/* \section{...}: bold, \Large, the number set apart by a quad */
.paper h2{font-weight:700;font-size:clamp(20px,1.6vw,23px);letter-spacing:0;color:#111;gap:1em;margin:clamp(30px,3.6vw,40px) 0 10px}
.paper h2 span{color:#111;font-weight:700;min-width:0}

/* the display question: centred italic, as in a \begin{center}\itshape block */
.paper-q{font-size:clamp(19px,1.5vw,22px)!important;color:#111!important;margin:16px clamp(0px,5vw,56px)!important;text-indent:0!important}

/* claims: the quote environment, indented both sides and set in italic */
.paper-claim{border-left:0;padding-left:0;margin:12px 2.5em!important;font-weight:400;font-style:italic;text-indent:0!important;text-align:justify!important;color:#111!important}

/* enumerate */
.paper-list{margin:8px 0 10px;padding-left:2.5em}
.paper-list li{margin:0 0 4px;padding-left:.3em}
.paper-list li::marker{color:#111;font-weight:400}
.paper-defs dt{font-weight:700;color:#111}
.paper-defs dt span{color:#111;font-weight:700}

/* figures: no rules, a \small caption with "Figure n:" in roman */
.paper .m-fig{border-top:0;padding:8px 0 0;margin:22px 0 18px}
.paper .m-fig figcaption{border-bottom:0;padding-bottom:0;font-size:clamp(14.5px,1.02vw,15.5px);line-height:1.45;color:#111;text-align:justify}
.paper .m-fig figcaption b{font-weight:400;color:#111}
.paper .m-fig .lab{font-family:"CMU Serif","Latin Modern Roman",Georgia,serif;font-size:15px}

/* \section*{References} and a numbered bibliography */
.paper-refs{padding-left:2.4em}
.paper-refs li{font-size:clamp(14.5px,1.02vw,15.5px)!important;line-height:1.45!important;color:#111;text-align:justify!important;margin:0 0 6px!important}
.paper-refs li::marker{content:"[" counter(list-item) "]  ";color:#111}
.paper-folio{font-size:14px!important;color:#444!important}

@media (max-width:640px){
  .paper p,.paper li,.paper dd,.paper .m-fig figcaption{text-align:left}
  .paper-claim{margin:12px 1.2em!important}
}

/* the title, after Vaswani et al.: "Attention" struck through in orange, "Perception" beside it, "Is All You Need"
   below. paper.js plays it in: plain "Attention", the strike, then "Perception" widens in (the line re-centres) */
.pt{font-size:clamp(30px,4.2vw,54px)!important;line-height:1.18!important}
.pt-l1{white-space:nowrap}
.pt-old{position:relative!important;display:inline-block;right:auto;top:auto;opacity:1!important;transform:none!important;color:#8f8e89!important;pointer-events:auto}
.pt-old::after{content:"";position:absolute;left:-.03em;right:-.03em;top:54%;height:max(2px,.05em);background:var(--signal,#F2634A);transform-origin:left center;transform:scaleX(1)}
.pt-new{display:inline-block;max-width:9em;overflow:hidden;vertical-align:bottom;white-space:nowrap}
.pt.plain .pt-old{color:#111!important}
.pt.plain .pt-old::after{transform:scaleX(0)}
.pt.att .pt-new{max-width:0;opacity:0;transform:none}
.pt.anim .pt-old{transition:color .5s ease .2s}
.pt.anim .pt-old::after{transition:transform .5s cubic-bezier(.65,0,.35,1)}
.pt.anim .pt-new{transition:max-width .9s cubic-bezier(.22,1,.36,1),opacity .6s ease .25s}
.pt-cite{vertical-align:super}

/* arXiv's stamp: the paper's identifier set vertically in the left margin of the first page (desktop); the
   running head takes its place on narrow screens */
.paper-stamp{position:absolute!important;left:clamp(14px,2.4vw,34px);top:clamp(560px,52vw,760px);margin:0!important;transform:rotate(-90deg);transform-origin:left top;
  white-space:nowrap;font-size:clamp(17px,1.5vw,21px)!important;letter-spacing:.02em;color:#a3a29d!important;text-indent:0!important;text-align:left!important}
@media (min-width:900px){ .paper-run{visibility:hidden} }
@media (max-width:899px){ .paper-stamp{display:none} }
@media (max-width:640px){ .pt{font-size:clamp(22px,7vw,30px)!important} }   /* "Attention Perception" has to fit on one line */
.paper .m-fig img.team{display:block;width:100%;height:auto;mix-blend-mode:multiply}