*{box-sizing:border-box;margin:0;padding:0}
:root{
  --rule:#e2ecf2; --margin:#f0cac7; --page:#FDFBF4; --ink:#2b2620;
  --muted:#6f6557; --accent:#C2410C; --line:#ded2bb; --kraft:#B08A63;
  --good:#3f8f4a; --bad:#c0392b; --rhy:30px;
}
html{scroll-behavior:smooth}
body{
  font-family:'Karla',system-ui,-apple-system,sans-serif;
  font-size:16px;line-height:30px;color:var(--ink);
  background-color:var(--page);
  background-image:
    linear-gradient(90deg,transparent 0 104px,var(--margin) 104px 106px,transparent 106px),
    repeating-linear-gradient(180deg,transparent 0 29px,var(--rule) 29px 30px);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:none}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* content sits centred in the page area to the RIGHT of the paper margin */
.wrap{max-width:1080px;margin:0 auto 0 calc(106px + (100vw - 106px - min(1080px,100vw - 150px))/2);
  padding:0 24px;position:relative}
@media(max-width:900px){
  body{background-image:repeating-linear-gradient(180deg,transparent 0 29px,var(--rule) 29px 30px)}
  .wrap{margin:0 auto;padding:0 20px;max-width:100%}
}
section{padding:52px 0}
.mid{text-align:center}
.mid .hrow,.mid .hw,.mid .sw{justify-content:center}
.tline .hrow,.game .hrow,.stmt .hrow{justify-content:flex-start}
.center-col{display:flex;flex-direction:column;align-items:center;gap:var(--rhy)}

/* ---------- cut-out glyphs ---------- */
.gl,.art,.mk,.pin,.pbox,.sq,.nlogo,.spark{background-size:100% 100%;background-repeat:no-repeat}
.gl,.art,.mk,.pin,.sq,.nlogo{display:inline-block;width:auto}
.hw,.sw{display:flex;align-items:flex-end;flex-wrap:wrap}
.wd{display:inline-flex;align-items:flex-end;white-space:nowrap}
.hw .gl{height:64px;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.20))}
.sw .gl{height:26px}
.xl .gl{height:88px}
.sm .gl{height:21px}
.statnum .gl{height:30px}
.statnum .glx{font-size:22px;margin:0 1px}
.hw .sp{width:20px}.sw .sp{width:10px}.xl .sp{width:24px}.sm .sp{width:8px}
.sp{display:inline-block;flex:0 0 auto}
.hrow{display:flex;align-items:flex-end;flex-wrap:wrap}
.mk{flex:0 0 auto;align-self:center;pointer-events:none}
.glx{display:inline-block;font-style:normal;font-weight:700;align-self:flex-end;
  line-height:1;padding-bottom:2px}
.hw .glx{font-size:44px;margin:0 4px}.xl .glx{font-size:60px;margin:0 6px}
.sw .glx{font-size:20px;margin:0 2px}.sm .glx{font-size:16px;margin:0 2px}
@media(max-width:700px){.hw .gl{height:42px}.xl .gl{height:50px}.sw .gl{height:20px}
  .statnum .gl{height:30px}}
/* a long single word set in cut-outs cannot wrap inside .wd, so on narrow
   screens shrink the glyphs and let the word itself break if it still cannot fit */
@media(max-width:480px){
  .hw .gl{height:31px}.xl .gl{height:38px}.sw .gl{height:17px}.sm .gl{height:15px}
  .statnum .gl{height:26px}.statnum .glx{font-size:19px}
  .wd{flex-wrap:wrap}
  .hw .glx{font-size:26px}.xl .glx{font-size:30px}
}

/* ---------- paper ---------- */
.pbox{position:relative;flex:0 0 auto}
.pin_{position:relative;z-index:2}
.pin{position:absolute;pointer-events:none;z-index:5}
.art{pointer-events:none;vertical-align:middle}

/* ---------- nav: a torn paper strip ---------- */
nav{position:sticky;top:0;z-index:60}
.navpaper{background:#FBF6E9;border-bottom:2px solid rgba(120,96,64,.35);
  box-shadow:0 3px 10px rgba(0,0,0,.10);
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 3px,transparent 3px 7px)}
.nv{max-width:1240px;margin:0 auto;padding:8px 34px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nvbrand{display:flex;align-items:flex-end}
.nvbrand .gl{height:30px}
.lks{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.lks a,.dd>button{font-size:13.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding-bottom:2px;border-bottom:2px solid transparent;cursor:pointer}
.lks a:hover,.lks a[aria-current="page"],.dd:hover>button{border-bottom-color:var(--accent)}
.dd{position:relative}
.dd-menu{position:absolute;left:0;top:100%;min-width:190px;background:#FFFDF6;
  border:1.5px solid var(--line);box-shadow:2px 4px 12px rgba(0,0,0,.16);
  padding:7px 0;display:none;z-index:70}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
.dd-menu a{display:block;padding:6px 15px;font-size:13px;text-transform:none;
  letter-spacing:0;font-weight:500;border:none}
.dd-menu a:hover{background:#F2E9D6}
.icons{display:flex;gap:11px;margin-left:auto;align-items:center}
section .icons{margin-left:0}
.icons a{display:inline-flex;width:33px;height:33px;align-items:center;justify-content:center;
  border:1.6px solid var(--ink);border-radius:50%;background:#FFFDF6;
  box-shadow:1px 2px 0 rgba(0,0,0,.16);transition:transform .16s}
.icons a:hover{transform:translateY(-2px) rotate(-4deg);background:var(--accent);color:#fff}
.icons svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.nv{padding:7px 16px;gap:11px}.lks{gap:11px}
  .lks a,.dd>button{font-size:11.5px}.icons{gap:8px}.icons a{width:29px;height:29px}}

/* Mobile header foundation. The sticky bar stacked to three rows (131px) and ate
   a sixth of the viewport. The social icons inside it duplicate the footer set,
   so they are hidden here only — nothing is removed from the page. Link targets
   are raised to the 44px minimum without changing how they look. */
@media(max-width:640px){
  nav .icons{display:none}
  /* in-body social row keeps its place, at a real touch size */
  section .icons a{width:44px;height:44px}
  .lks{gap:14px}
  .lks a{min-height:44px;display:inline-flex;align-items:center}
  footer .ficons a{width:44px;height:44px}
  .crumb a,.pnav .pn-all{min-height:44px;display:inline-flex;align-items:center}
  .crow-p a,.rel{min-height:44px;display:inline-flex;align-items:center}
}

/* ---------- type ---------- */
.lede{font-size:19px;line-height:var(--rhy)}
.meta{font-size:14px;color:var(--muted)}
.prose{max-width:62ch;display:flex;flex-direction:column;gap:var(--rhy)}
.script{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:21px;line-height:1.4}
.tick{position:relative;padding-left:26px;text-align:left}
.tick::before{content:'';position:absolute;left:1px;top:11px;width:11px;height:11px;
  border:2px solid var(--accent);border-radius:2px;transform:rotate(-4deg)}
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--accent);color:#fff;
  padding:11px 22px;font-weight:700;font-size:15px;border-radius:2px;
  box-shadow:2px 3px 0 rgba(0,0,0,.18);transform:rotate(-.6deg);cursor:pointer}
.btn:hover{background:#9a3412;transform:rotate(-.6deg) translateY(-2px)}
.btn.ghost{background:transparent;color:var(--accent);border:2px solid var(--accent);box-shadow:none}
.btn.ghost:hover{background:var(--accent);color:#fff}
.row{display:flex;flex-wrap:wrap;gap:38px;align-items:flex-start}

/* rough hand-drawn highlighter swipe */
.hl{background:linear-gradient(103deg,rgba(255,214,64,0) 0%,rgba(255,214,64,.85) 3%,
  rgba(255,214,64,.85) 97%,rgba(255,214,64,0) 100%);
  padding:1px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ---------- hero points ---------- */
.points{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center;margin-top:22px}
.points li{font-weight:700;font-size:16px;background:rgba(255,214,64,.55);
  padding:3px 12px;transform:rotate(-.7deg);box-shadow:1px 2px 0 rgba(0,0,0,.08)}
.points li:nth-child(even){transform:rotate(.8deg);background:rgba(150,205,180,.5)}

/* ---------- timeline ---------- */
.tline{position:relative;padding-left:30px;margin-top:10px;text-align:left}
.tline::before{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:2px;
  background:repeating-linear-gradient(180deg,var(--accent) 0 7px,transparent 7px 14px)}
.tl-item{position:relative;padding:13px 0 13px 4px}
.tl-item::before{content:'';position:absolute;left:-29px;top:23px;width:13px;height:13px;
  border-radius:50%;background:var(--page);border:2.5px solid var(--accent)}
.tl-role{font-size:15px;font-weight:600}
.tl-when{font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}

.statrow{display:flex;flex-wrap:wrap;gap:20px;margin:32px 0 40px}
.tl-total{display:inline-block;margin-bottom:16px;padding:9px 20px;background:#FFFDF6;
  border:2px solid var(--ink);box-shadow:2px 3px 0 rgba(0,0,0,.18);transform:rotate(-1deg)}

/* ---------- the personal moment: understated, no game UI ---------- */
.claims{display:flex;flex-direction:column;max-width:720px;margin-top:8px;
  border-top:1px solid rgba(120,105,85,.25)}
.claim{display:block;width:100%;text-align:left;padding:17px 2px;cursor:pointer;
  border-bottom:1px solid rgba(120,105,85,.25);font-size:16.5px;line-height:26px;
  color:var(--ink);transition:padding-left .2s,color .2s}
.claim:hover{padding-left:10px}
.claim-v{display:none;font-family:'Karla',system-ui,sans-serif;font-size:10px;
  letter-spacing:.13em;text-transform:uppercase;margin-top:7px}
.claim.done{color:var(--muted)}
.claim.done .claim-v{display:block}
.claim.true .claim-v{color:#3f6b46}
.claim.fiction{color:var(--ink)}
.claim.fiction .claim-v{color:var(--accent)}
.reveal{display:none;padding:18px 2px 4px;max-width:62ch;font-size:15.5px;
  line-height:25px;color:var(--muted);font-style:italic}
.reveal.show{display:block}
/* ---------- about page pieces ---------- */
.polaroid{background:#FFFDF6;padding:11px 11px 42px;box-shadow:2px 5px 14px rgba(0,0,0,.20);
  position:relative}
.polaroid img{width:100%;height:auto;display:block}
.polaroid figcaption{position:absolute;bottom:9px;left:0;right:0;text-align:center;
  font-family:'Karla',system-ui,sans-serif;font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted)}
.tape{position:absolute;width:96px;height:26px;background:rgba(236,226,199,.82);
  border-left:1px solid rgba(0,0,0,.06);border-right:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 3px rgba(0,0,0,.10);z-index:6}
.sticky{padding:20px 18px;font-size:15.5px;line-height:23px;box-shadow:2px 4px 9px rgba(0,0,0,.14);
  flex:1 1 210px;min-width:190px}
.journal{position:relative;background:#FFFDF6;border:1.5px solid var(--line);
  padding:38px 42px;box-shadow:2px 5px 16px rgba(0,0,0,.14);transform:rotate(-1deg)}
.frames{display:flex;flex-wrap:wrap;gap:22px;justify-content:center}

/* ---------- contact form ---------- */
.form{display:flex;flex-direction:column;gap:13px;max-width:520px;text-align:left}
.form label{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.form input,.form textarea{font:inherit;font-size:15px;padding:10px 13px;background:#FFFDF6;
  border:1.8px solid var(--line);width:100%}
.form input:focus,.form textarea:focus{border-color:var(--accent);outline:none}
.form textarea{min-height:120px;resize:vertical}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fs-status{font-size:14.5px;line-height:1.5;margin-top:2px;min-height:1px}
.fs-status.ok{color:#3f6b46;border-left:3px solid #3f6b46;padding-left:12px}
.fs-status.err{color:#a3352a;border-left:3px solid #a3352a;padding-left:12px}
.form button[disabled]{opacity:.6;cursor:progress}

/* =====================================================================
   TYPE HIERARCHY — five levels, two of them rationed.
   1 display (cut-out)  2 section heading  3 body  4 metadata  5 annotation
   Levels 2-4 must hold the page on their own if every cut-out and every
   handwritten mark were removed.
   ===================================================================== */
.shead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;
  margin:0 0 26px;padding-bottom:13px;border-bottom:1px solid rgba(120,105,85,.3)}
.shead h2{font-family:'DM Serif Display',Georgia,serif;font-weight:500;letter-spacing:-.018em;
  font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.12;margin:0;color:var(--ink)}
.sh-n{font-family:'Karla',system-ui,sans-serif;font-size:.78rem;color:var(--accent);
  letter-spacing:.08em;padding-top:6px}
.sh-note{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:16px;
  color:var(--muted);margin-left:auto;align-self:flex-end}
@media(max-width:640px){.sh-note{display:none}}

/* level 4 — the archival register. Carries most of the 'collected' feeling. */
.alabel{display:inline-block;font-family:'Karla',system-ui,sans-serif;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* a rule, not a cartoon. Hairline only — no padding, no fill. */
.brk{max-width:1200px;margin:34px auto;height:0;border-top:1px solid rgba(120,105,85,.22)}

/* =====================================================================
   GRID — one left edge per page. Asymmetry needs something to sit against.
   ===================================================================== */
.wrap{max-width:1200px}
.mid{text-align:left}
.mid .hrow,.mid .hw,.mid .sw{justify-content:flex-start}
.lede{max-width:62ch}
section{padding:74px 0}
@media(max-width:900px){section{padding:56px 0}}

/* ---------- breadcrumb: says where you are inside the work hierarchy ---------- */
.crumb{display:flex;align-items:center;gap:9px;padding:16px 0 0;font-size:13px;
  font-weight:600;letter-spacing:.03em;color:var(--muted);flex-wrap:wrap}
.crumb a{border-bottom:1.5px solid transparent}
.crumb a:hover{border-bottom-color:var(--accent);color:var(--ink)}
.crumb span{opacity:.5}
.crumb b{color:var(--ink)}

/* ---------- hero role line: the plain answer under the slogan ---------- */
/* hero: the answer is bigger than the slogan, which is bigger than the keywords */
.hero-role{margin-top:22px;font-family:'DM Serif Display',Georgia,serif;font-weight:400;
  font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
.hero-slogan{margin-top:12px;font-size:17px;color:var(--muted);max-width:44ch;font-style:italic}
.points{justify-content:flex-start;margin-top:26px}
.points li{font-weight:500;font-size:13px;background:transparent;padding:4px 11px;
  border:1px solid rgba(120,105,85,.4);transform:none;box-shadow:none;color:var(--muted)}
.points li:nth-child(even){background:transparent;transform:none}

/* ---------- project cards: real work, not 'coming soon' ---------- */
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));
  gap:26px;margin-top:32px;text-align:left}
.pcard{display:flex;flex-direction:column;background:#FFFCF2;border:1.8px solid #d9cdb4;
  box-shadow:2px 3px 0 rgba(0,0,0,.09);transition:transform .18s,box-shadow .18s}
.pcard:nth-child(odd){transform:rotate(-.5deg)}
.pcard:nth-child(even){transform:rotate(.45deg)}
.pcard:hover{transform:translateY(-4px) rotate(0deg);box-shadow:3px 6px 0 rgba(0,0,0,.13)}
.pcard-shot{display:block;padding:9px 9px 0}
/* deliberate crop: homepage teaser thumbnails only, never project evidence */
.pcard-img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;
  object-position:center top;background:#F2ECDD}
.pcard-img.ph{display:flex;align-items:center;justify-content:center}
.pcard-body{display:flex;flex-direction:column;gap:5px;padding:14px 16px 16px}
.pcard-client{font-family:'Karla',system-ui,sans-serif;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted)}
.pcard-line{font-size:14px;line-height:20px}
.pcard-meta{font-size:12px;color:var(--muted);letter-spacing:.01em}
.pcard-go{margin-top:6px;font-size:13.5px;font-weight:700;color:var(--accent)}
.pcard:hover .pcard-go{letter-spacing:.02em}

/* ---------- accordions (independent: several may stay open) ---------- */
.acc{border-top:1.5px dashed var(--line)}
.acc:last-of-type{border-bottom:1.5px dashed var(--line)}
.acc-h{display:flex;align-items:center;gap:14px;padding:15px 2px;cursor:pointer;list-style:none}
.acc-h::-webkit-details-marker{display:none}
.acc-h::marker{content:''}
.acc-h .mark{margin-left:auto;font-size:25px;font-weight:700;color:var(--accent);
  line-height:1;transition:transform .22s ease}
.acc[open] .mark{transform:rotate(45deg)}
.acc-b{padding:0 2px 20px;display:flex;flex-wrap:wrap;gap:9px}
.chip{display:inline-block;padding:6px 14px;font-size:14px;font-weight:500;
  border:1.5px solid var(--line);border-radius:2px;background:#fffdf6;
  box-shadow:1px 2px 0 rgba(0,0,0,.06)}
.chip:nth-child(3n){transform:rotate(-1deg)}
.chip:nth-child(3n+1){transform:rotate(.8deg)}
@media(prefers-reduced-motion:reduce){.mark{transition:none}}

/* ---------- brand pages ---------- */
.sechead{display:flex;justify-content:center;margin-bottom:26px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;max-width:900px;margin:0 auto}
.gslot{aspect-ratio:4/3;border:2px dashed rgba(120,105,85,.45);background:rgba(255,255,255,.4);
  display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(90,80,66,.6);
  font-style:italic;text-align:center;padding:10px}
.gslot:nth-child(3n){transform:rotate(-1deg)}.gslot:nth-child(3n+1){transform:rotate(.9deg)}
.cb-full .gslot,.cb-full .fig{transform:none}
.soon{text-align:center;font-style:italic;color:var(--muted);padding:22px 0}
.soon code{font-family:'Karla',system-ui,sans-serif;font-style:normal;font-size:13px;
  background:rgba(0,0,0,.05);padding:1px 5px}
.gslot{flex-direction:column;gap:4px}
.gslot b{font-style:normal;color:var(--ink);font-size:13.5px}
.gslot span{font-size:11.5px;font-family:'Karla',system-ui,sans-serif;opacity:.7}
.badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;
  justify-content:center;background:rgba(43,38,32,.86);color:#fff;font-size:11px;
  font-weight:700;letter-spacing:.04em;border-radius:3px;padding:4px 8px}
.badge.play{width:34px;height:34px;border-radius:50%;background:var(--accent);font-size:12px;padding:0}
.films{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.film{display:flex;align-items:center;gap:12px;background:#FFFCF2;border:1.8px solid #d9cdb4;
  padding:12px 18px;box-shadow:2px 3px 0 rgba(0,0,0,.09);min-width:230px}
.film:hover{transform:translateY(-2px)}
.film .play{width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:var(--accent);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.film b{display:block;font-size:15px}
.film em{display:block;font-size:12px;color:var(--muted);font-style:normal;
  font-family:'Karla',system-ui,sans-serif}

/* ---------- brand tiles on parent pages ---------- */
.tiles{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}
.tile{position:relative;width:238px;display:flex;flex-direction:column}
.tile .pbox{height:212px}   /* fixed so every caption sits on the same line */
.tile .cap{margin-top:12px;text-align:center}
.tile .go{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-weight:700;
  font-size:14px;color:var(--accent)}
.tile:hover .go{gap:12px}

/* ---------- work overview rows ---------- */
.orow{display:flex;flex-wrap:wrap;gap:34px;align-items:flex-start;margin-bottom:52px}
.orow .side{flex:0 0 auto;width:250px;position:relative}
.orow .body{flex:1 1 380px;min-width:280px;text-align:left}

/* ---------- case study news feed ---------- */
.feed{display:flex;flex-direction:column;gap:26px;max-width:820px;margin:0 auto;text-align:left}
.post{display:flex;gap:24px;background:#FFFCF2;border:1.8px solid #d9cdb4;padding:22px 24px;
  border-radius:2px 9px 3px 8px/8px 3px 9px 2px;box-shadow:2px 3px 0 rgba(0,0,0,.09)}
.post:nth-child(odd){transform:rotate(-.4deg)}.post:nth-child(even){transform:rotate(.35deg)}
.post .thumb{flex:0 0 auto;width:104px;height:104px;border:2px dashed rgba(120,105,85,.4);
  display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5)}
.post .txt{flex:1 1 auto}
.post .tagline{font-size:13px;color:var(--muted);margin-top:4px}
.backlink{display:inline-block;margin-top:9px;font-size:13.5px;font-weight:700;color:var(--accent)}
@media(max-width:620px){.post{flex-direction:column}.post .thumb{width:100%;height:78px}}

/* =====================================================================
   PROJECT PAGES — evidence outranks metadata everywhere.
   Three shapes, one language: same type scale, same rules, different
   composition and different amounts of room.
   ===================================================================== */
.phead{padding-top:52px;padding-bottom:8px}
.ptitle{margin:10px 0 22px}
.ptitle .gl{height:60px}
@media(max-width:700px){.ptitle .gl{height:38px}}

/* quiet archival metadata — deliberately smaller than the work */
.pmeta{display:flex;flex-wrap:wrap;gap:10px 40px;margin:0;padding:16px 0;
  border-top:1px solid rgba(120,105,85,.25);border-bottom:1px solid rgba(120,105,85,.25)}
.pmeta div{min-width:120px}
.pmeta dt{font-family:'Karla',system-ui,sans-serif;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.pmeta dd{margin:0;font-size:14.5px;color:var(--ink)}

.plead{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(1.2rem,2.1vw,1.6rem);
  line-height:1.42;max-width:38ch;margin-top:26px;color:var(--ink)}
.plead.short{max-width:52ch;font-size:clamp(1.1rem,1.8vw,1.35rem)}
.psub{font-family:'DM Serif Display',Georgia,serif;font-weight:600;font-size:1.15rem;
  margin:0 0 10px;letter-spacing:.01em}
.pcols{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.pcols p{max-width:52ch}
.pout{max-width:60ch;font-size:17px}
.credit{font-family:'Karla',system-ui,sans-serif;font-size:12px;letter-spacing:.06em;
  color:var(--muted);padding-top:18px;border-top:1px solid rgba(120,105,85,.25)}
.noev{max-width:52ch;font-style:italic;color:var(--muted);padding:26px 0;
  border-top:1px solid rgba(120,105,85,.25);border-bottom:1px solid rgba(120,105,85,.25)}
.sheet-label{margin-bottom:14px}
.prose.short{max-width:58ch}

/* =====================================================================
   EVIDENCE IMAGES — the work wins.
   No fixed aspect-ratio and no object-fit:cover on portfolio evidence.
   Each figure's WIDTH comes from the image's own ratio; height is whatever
   the image actually is. An irregular row of whole images beats a tidy row
   of cropped ones.
   ===================================================================== */
.sheet{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start}
.fig{position:relative;display:block;margin:0;background:#FFFDF6;padding:10px 10px 6px;
  box-shadow:2px 4px 12px rgba(0,0,0,.13);transition:transform .2s,box-shadow .2s;
  flex-shrink:1;min-width:0}
.fig img{display:block;width:100%;height:auto}          /* natural ratio, always */
.fig:nth-child(4n+1){transform:rotate(-.4deg)}
.fig:nth-child(4n+3){transform:rotate(.35deg)}
/* The same angle that reads as a placed piece of paper at 300px reads as a
   crooked edge at full measure: the corner throw grows with the width. Wide and
   full-width evidence therefore sits square, so it shares its left and right
   edge with the text column above it. */
.fig.vwide,.fig.lead.vwide,.fig.lead.wide{transform:none}
.fig:hover{transform:translateY(-3px) rotate(0);box-shadow:3px 7px 18px rgba(0,0,0,.18);z-index:2}
.fig figcaption{font-family:'Karla',system-ui,sans-serif;font-size:11px;
  letter-spacing:.09em;text-transform:uppercase;text-align:center;
  padding-top:9px;color:var(--muted)}

/* width buckets, derived from each image's real proportions */

/* Collage packing. The width buckets set each piece's natural share of the row;
   flex-grow lets a row that would otherwise end half-empty close up, and the
   max-width caps stop a lone narrow piece ballooning across the measure. The
   image itself is never stretched — it is width:100%/height:auto inside a box
   that got wider, so the ratio is untouched. Grow is proportional to the bucket
   so a big piece takes more of the slack than a small one. */
.fig.vwide    {flex-basis:100%}                 /* 5.5:1 banners run full width  */
.fig.wide     {flex-basis:calc(62% - 13px);flex-grow:62;max-width:100%}   /* 16:9 and similar */
.fig.landscape{flex-basis:calc(46% - 13px);flex-grow:46;max-width:78%}
.fig.square   {flex-basis:calc(37% - 13px);flex-grow:37;max-width:64%}
.fig.portrait {flex-basis:calc(30% - 13px);flex-grow:30;max-width:48%}
.fig.vtall    {flex-basis:calc(20% - 13px);flex-grow:20;max-width:32%}    /* door signs stay whole */
.fig.lead figcaption{font-size:12px}
/* a lead image gets the most room its own shape can carry — a portrait lead at
   full width becomes a 1200px-tall wall, so width follows proportion here too */
.fig.lead.vwide,.fig.lead.wide{flex-basis:100%}
.fig.lead.landscape{flex-basis:76%}
.fig.lead.square{flex-basis:62%}
.fig.lead.portrait{flex-basis:46%}
.fig.lead.vtall{flex-basis:30%}

/* a very tall image still must not run away down the page */


@media(max-width:900px){
  .sheet{gap:18px}
  .fig.wide,.fig.landscape{flex-basis:100%;max-width:100%}
  .fig.square,.fig.portrait{flex-basis:calc(50% - 9px);max-width:calc(50% - 9px)}
  .fig.vtall{flex-basis:calc(38% - 9px);max-width:calc(38% - 9px)}
}
@media(max-width:620px){
  /* full width beats side-by-side once side-by-side stops being readable */
  .fig,.fig.wide,.fig.landscape,.fig.square,.fig.portrait,.fig.vtall,.fig.vwide{
    flex-basis:100%;max-width:100%;transform:none!important}
  .fig.vtall img{max-height:none}
  .fig figcaption{font-size:16px}
}

/* archive-style movement, not a website footer */
.pnav{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:center;
  margin-top:14px;padding-top:26px;border-top:1px solid rgba(120,105,85,.28)}
.pn{display:flex;flex-direction:column;gap:3px}
.pn.next{text-align:right}
.pn.empty{min-height:1px}
.pn-l{font-family:'Karla',system-ui,sans-serif;font-size:10px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted)}
.pn-n{font-family:'DM Serif Display',Georgia,serif;font-size:1.28rem;line-height:1.15}
.pn-c{font-size:12.5px;color:var(--muted)}
.pn:hover .pn-n{color:var(--accent)}
.pn-all{font-family:'Karla',system-ui,sans-serif;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);border-bottom:1px solid currentColor;
  white-space:nowrap;align-self:center}
.pn-all:hover{color:var(--accent)}

/* ---- responsive: recomposed, not just stacked ---- */
@media(max-width:900px){
  .pcols{grid-template-columns:1fr;gap:30px}
  .sheet{gap:16px}
  .pmeta{gap:8px 26px}
}
@media(max-width:620px){
  .pmeta div{min-width:44%}
  .pmeta dd{font-size:13.5px}
  .pnav{grid-template-columns:1fr;gap:18px;text-align:left}
  .pn.next{text-align:left}
  .pn-all{justify-self:start}
  .plead{max-width:none}
}

/* =====================================================================
   WORK ARCHIVE — the work is the visual material. Labels are quiet, the
   pieces are not. Nothing decorative is added around them.
   ===================================================================== */
.flag{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center;
  padding:6px 0 4px}
.flag-shot .sheet{margin:0}
.flag-lead{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:1.15rem;
  line-height:1.45;color:var(--ink);margin-bottom:16px;max-width:40ch}
.flag-go{font-weight:700;font-size:15px;color:var(--accent)}
.flag:hover .flag-go{letter-spacing:.02em}
@media(max-width:900px){.flag{grid-template-columns:1fr;gap:22px}}

.ngrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;margin-top:26px}
.ncard{display:flex;flex-direction:column;gap:12px}
.nc-body{display:flex;flex-direction:column;gap:5px}
.nc-shot .fig{flex-basis:100%!important;max-width:none}
.nc-blank{display:block;aspect-ratio:5/3;background:rgba(120,105,85,.05);
  border:1px dashed rgba(120,105,85,.3)}
.nc-lead{display:block;font-size:14.5px;line-height:21px;color:var(--muted)}
.nc-go{display:block;margin-top:8px;font-family:'Karla',system-ui,sans-serif;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.ncard:hover .nc-go{letter-spacing:.14em}

/* filters — an index line, not a dashboard */
.filters{display:flex;flex-wrap:wrap;gap:6px 20px;margin:22px 0 30px;
  padding-bottom:12px;border-bottom:1px solid rgba(120,105,85,.22)}
.fbtn{font-family:'Karla',system-ui,sans-serif;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);padding:2px 0;cursor:pointer;
  border-bottom:1.5px solid transparent}
.fbtn i{font-style:normal;opacity:.55;font-size:10px;margin-left:3px}
.fbtn:hover{color:var(--ink)}
.fbtn.on{color:var(--ink);border-bottom-color:var(--accent)}

/* the sheet itself — widths from each image's own proportion, as Pass 4 */
.asheet{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}

/* Brand-first archive. The brand name is the entry point; its pieces sit under
   it as a contact sheet. A ruled label bar rather than a card — the archive is
   a record being read, not a grid of products. */
/* ---------- case-study relationships (Pass 3) ---------- */
/* The umbrella account, stated rather than implied. A ruled list, not cards —
   these are entries in a record. */
.uwrap{list-style:none;margin:18px 0 0;padding:0;border-top:1.5px solid var(--rule)}
.uw{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;padding:14px 2px;
  border-bottom:1.5px solid var(--rule)}
.uw-m{font-family:'Karla',system-ui,sans-serif;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted)}
.uw-n{margin-left:auto;font-family:'Karla',system-ui,sans-serif;font-size:11px;
  letter-spacing:.08em;color:var(--muted);opacity:.75}

/* Supporting material. Renders only when real links exist. */
.dmats{list-style:none;margin:16px 0 0;padding:0;border-top:1.5px solid var(--rule)}
.dm{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;padding:12px 2px;
  border-bottom:1.5px solid var(--rule);font-size:14px}
.dm-k{font-family:'Karla',system-ui,sans-serif;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);flex:0 0 150px}
.dm-n{margin-left:auto;font-size:12px;color:var(--muted)}

/* Editorial adjacency, not a generic next/prev widget. */
.rels{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.rel{display:inline-flex;flex-direction:column;gap:2px;padding:10px 16px;
  border:1.5px solid var(--rule);background:#FFFDF6;text-decoration:none;color:inherit;
  font-size:14px;transition:border-color .18s ease,transform .18s ease}
.rel:hover{border-color:var(--accent);transform:translateY(-1px)}
.rel span{font-family:'Karla',system-ui,sans-serif;font-size:10px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted)}
.crow-p{font-size:12px;color:var(--muted);font-style:italic}
.crow-p a{border-bottom:1.5px solid var(--accent)}
@media(max-width:620px){
  .uw-n,.dm-n{margin-left:0;width:100%}
  .dm-k{flex:0 0 100%}
}

/* ---------- case-study composition ---------- */
/* Thinking and evidence alternate down the page rather than separating into a
   text column and a gallery. `.rev` flips which side the writing sits on. */
.pcase-t{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:31px;line-height:1.24;
  margin:14px 0 4px;max-width:22ch}
.cblk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;
  align-items:start;padding:6px 0}
.cblk.rev .cb-t{order:2}
.cblk.rev .cb-e{order:1}
.cb-t p{font-size:16px;line-height:var(--rhy);margin:0 0 14px;max-width:46ch}
.cb-t p:last-child{margin-bottom:0}
.cb-e{min-width:0}
.cb-e .fig{flex-basis:auto!important;max-width:none;width:100%}
.cb-full{padding-top:6px}
.cb-full .fig,.cb-full .gslot{width:100%;max-width:none;flex-basis:auto!important}
/* An asset that does not exist yet keeps its place in the composition and says
   what belongs there. Never a stand-in image. */
.cb-slot{aspect-ratio:4/3}
.cb-full .cb-slot{aspect-ratio:21/9}

/* The one statistic the source carries, set as type rather than as a graphic. */
.cstat{display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px;
  padding:26px 0;border-top:1.5px solid var(--rule);border-bottom:1.5px solid var(--rule)}
.cstat-l,.cstat-r{font-family:'Karla',system-ui,sans-serif;font-size:12px;letter-spacing:.09em;
  text-transform:uppercase;line-height:1.5;margin:0;max-width:18ch;color:var(--muted)}
.cstat-n{flex:0 0 auto}

@media(max-width:820px){
  .cblk{grid-template-columns:1fr;gap:20px}
  .cblk.rev .cb-t,.cblk.rev .cb-e{order:0}
  .pcase-t{font-size:25px;max-width:none}
  .cstat{gap:8px 18px}
  .cstat-l,.cstat-r{max-width:none;flex:1 1 100%}
}

/* ---------- homepage hierarchy (Pass 2) ---------- */
/* The flagship is a cover story, not a bigger card: it gets the full measure,
   a lead image at its own ratio, and the only long paragraph on the page. */
.hfeat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;
  align-items:start;margin-top:6px}
.hf-body{min-width:0}
.hf-title{margin:12px 0 18px}
.hf-lead{font-size:20px;line-height:1.5;max-width:34ch;margin:0 0 16px}
.hf-approach{font-size:15px;line-height:var(--rhy);color:var(--muted);max-width:46ch;margin:0 0 22px}
.hf-meta{display:flex;flex-wrap:wrap;gap:10px 30px;margin:0 0 26px;padding:14px 0;
  border-top:1.5px solid var(--rule);border-bottom:1.5px solid var(--rule)}
.hf-meta dt{font-family:'Karla',system-ui,sans-serif;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.hf-meta dd{margin:0;font-size:14px}
.hf-shot{min-width:0}
.hf-shot .fig{flex-basis:auto!important;max-width:none;width:100%}
/* Three more pieces of the flagship, smaller, still uncropped. */
.hf-more{display:flex;flex-wrap:wrap;gap:22px;margin-top:34px;align-items:flex-start}
.hf-more .fig{flex:1 1 200px;min-width:0;max-width:none}

/* The next three read as a contents list, not as cards competing with Repose. */
.hnexts{display:flex;flex-direction:column;border-top:1.5px solid var(--rule)}
.hnext{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2.2fr) auto 22px;
  gap:12px 26px;align-items:baseline;padding:22px 4px;text-decoration:none;color:inherit;
  border-bottom:1.5px solid var(--rule);transition:background .18s ease,padding-left .18s ease}
.hnext:hover{background:rgba(255,255,255,.45);padding-left:12px}
.hn-lead{font-size:15px;line-height:var(--rhy);color:var(--muted);min-width:0;max-width:56ch}
.hn-meta{font-family:'Karla',system-ui,sans-serif;font-size:10.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap}
.hn-go{color:var(--accent);font-size:16px;justify-self:end}

/* A glimpse of the archive's edge — the one sanctioned crop, teaser only. */
.hstrip{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.hstrip-i{flex:1 1 150px;min-width:0;background:#FFFDF6;padding:7px;
  border:1.5px solid var(--rule);box-shadow:0 1px 0 rgba(0,0,0,.05)}

@media(max-width:900px){
  .hfeat{grid-template-columns:1fr;gap:28px}
  .hf-lead{font-size:18px;max-width:none}
  /* Two columns on small screens: the brand name leads, the arrow closes the
     row. Both need explicit placement — an implicit grid-row on the arrow alone
     stole column 1 and pushed the name to the right. */
  .hnext{grid-template-columns:1fr auto;gap:6px 16px}
  .hn-name{grid-column:1;grid-row:1}
  .hn-go{grid-column:2;grid-row:1;justify-self:end}
  .hn-lead{grid-column:1/-1;grid-row:2}
  .hn-meta{grid-column:1/-1;grid-row:3}
}
@media(max-width:620px){
  .hf-more{gap:16px}.hf-more .fig{flex:1 1 100%}
  .hstrip-i{flex:1 1 calc(50% - 6px)}
}

.bgroups{display:flex;flex-direction:column;gap:76px}
.bgroup{scroll-margin-top:120px}
.bg-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 16px;
  padding-bottom:8px;margin-bottom:24px;border-bottom:1.5px solid var(--rule)}
.bg-head .hrow{flex:0 0 auto}
.bg-meta{font-family:'Karla',system-ui,sans-serif;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted)}
.bg-n{margin-left:auto;font-family:'Karla',system-ui,sans-serif;font-size:11px;
  letter-spacing:.08em;color:var(--muted);opacity:.75}
@media(max-width:620px){
  .bgroups{gap:56px}
  .bg-n{margin-left:0;width:100%}
}
.ai{position:relative;display:block;margin:0;background:#FFFDF6;padding:10px 10px 8px;
  box-shadow:2px 4px 12px rgba(0,0,0,.12);flex-grow:0;flex-shrink:1;min-width:0;
  transition:transform .2s,box-shadow .2s}
.ai img{display:block;width:100%;height:auto}
.ai:nth-child(5n+2){transform:rotate(-.4deg)}
.ai:nth-child(5n+4){transform:rotate(.35deg)}
.ai.vwide{transform:none}
.ai:hover{transform:translateY(-3px) rotate(0);box-shadow:3px 8px 20px rgba(0,0,0,.18);z-index:2}
.ai.vwide{flex-basis:100%}
.ai.wide{flex-basis:calc(58% - 14px);flex-grow:58;max-width:100%}
.ai.landscape{flex-basis:calc(44% - 14px);flex-grow:44;max-width:74%}
.ai.square{flex-basis:calc(35% - 14px);flex-grow:35;max-width:60%}
.ai.portrait{flex-basis:calc(28% - 14px);flex-grow:28;max-width:46%}
.ai.vtall{flex-basis:calc(19% - 14px);flex-grow:19;max-width:30%}

/* The archive contact sheet narrows on the same schedule as the case-study
   sheet. These sit after the bucket definitions deliberately: the buckets and
   these overrides have equal specificity, so source order is what decides. */
@media(max-width:900px){
  .asheet{gap:18px}
  .ai.wide,.ai.landscape{flex-basis:100%;max-width:100%}
  .ai.square,.ai.portrait{flex-basis:calc(50% - 9px);max-width:calc(50% - 9px)}
  .ai.vtall{flex-basis:calc(38% - 9px);max-width:calc(38% - 9px)}
}
@media(max-width:620px){
  .ai,.ai.wide,.ai.landscape,.ai.square,.ai.portrait,.ai.vtall,.ai.vwide{
    flex-basis:100%;max-width:100%;transform:none!important}
}
.ai-n{position:absolute;top:-9px;left:-9px;z-index:3;font-family:'Karla',system-ui,sans-serif;
  font-size:10px;color:var(--muted);background:var(--page);padding:1px 5px;
  border:1px solid rgba(120,105,85,.3)}
.ai-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding-top:8px;
  font-family:'Karla',system-ui,sans-serif;font-size:10.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--muted)}
.ai-label b{color:var(--ink);font-weight:500}
.ai-label i{font-style:normal;margin-left:auto;opacity:.7}
.ai[hidden]{display:none}
.anone{font-style:italic;color:var(--muted);padding:26px 0}

/* strategy note — a thought in the margin, only when one exists */
.snote{margin-top:10px;padding-left:12px;border-left:2px solid var(--accent)}
.snote-l{font-family:'Karla',system-ui,sans-serif;font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent);display:block;margin-bottom:3px}
.snote p{font-size:14px;line-height:20px;color:var(--ink);margin:0}
.ai.has-note{background:#FFFCF2}

/* brands with no visual material — a credit line, never an empty frame */
.credits{margin-top:52px;padding-top:22px;border-top:1px solid rgba(120,105,85,.22)}
.crows{margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.crow{display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr .6fr 1fr;gap:16px;padding:9px 0;
  border-bottom:1px solid rgba(120,105,85,.14);font-size:14px}
.crow b{font-weight:600}
.crow span{color:var(--muted);font-size:13px}
@media(max-width:760px){
  .crow{grid-template-columns:1fr 1fr;gap:4px 14px}
  .asheet{gap:18px}
  .ai.wide,.ai.landscape,.ai.vwide{flex-basis:100%}
  .ai.square,.ai.portrait,.ai.vtall{flex-basis:calc(50% - 9px)}
}
@media(max-width:620px){
  .ai,.ai.wide,.ai.landscape,.ai.square,.ai.portrait,.ai.vtall,.ai.vwide{
    flex-basis:100%;transform:none!important}
  .filters{gap:4px 14px}
}

/* ---------- brown paper footer ---------- */
footer{margin-top:40px;background:var(--kraft);color:#FFF6E6;padding:44px 0 40px;
  box-shadow:inset 0 5px 14px rgba(0,0,0,.22);
  background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 2px,transparent 2px 6px),
    repeating-linear-gradient(35deg,rgba(0,0,0,.035) 0 3px,transparent 3px 8px)}
footer a{border-bottom:1px solid rgba(255,246,230,.5)}
.fnote{font-size:13.5px;opacity:.92}
.ficons{display:flex;gap:11px;justify-content:center;margin-bottom:18px}
.ficons a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border:1.6px solid #FFF6E6;border-radius:50%;border-bottom:1.6px solid #FFF6E6}
.ficons a:hover{background:#FFF6E6;color:var(--kraft)}
.ficons svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}

/* ---------- star cursor ---------- */
@media (pointer:fine){
  body.starcur,body.starcur *{cursor:none}
  #star{position:fixed;width:26px;height:auto;pointer-events:none;z-index:9999;
    transform:translate(-50%,-50%);transition:width .12s ease}
  body.down #star{width:19px}
  .spark{position:fixed;width:74px;height:74px;pointer-events:none;z-index:9998;
    transform:translate(-50%,-50%);animation:sp .62s ease-out forwards}
  @keyframes sp{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-14deg)}
    28%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}
    100%{opacity:0;transform:translate(-50%,-50%) scale(1.22) rotate(10deg)}}
}
@media (prefers-reduced-motion:reduce){
  body.starcur,body.starcur *{cursor:auto}
  #star,.spark{display:none!important}
  .reveal.show{animation:none}
}
@media print{nav,.art,.pin,#star,.spark{display:none}}

/* ---------------------------------------------------------------------------
   Inline viewer.
   Decks are read page by page and films play on the page itself, so work that
   is genuinely part of the portfolio never hands the visitor off to Drive.
   Both card types keep their href, so with JS off the original still opens.
--------------------------------------------------------------------------- */
.lb[hidden]{display:none}
.lb{position:fixed;inset:0;z-index:99;background:#1E1A15;
  display:flex;flex-direction:column}
.lb-bar{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:12px 18px;
  background:rgba(20,17,13,.94);font-family:'Karla',system-ui,sans-serif;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#EFE7D8}
.lb-title{font-weight:500;color:#fff}
.lb-count{opacity:.55}
.lb-src{margin-left:auto;color:#F0B37E;text-decoration:none;
  border-bottom:1px solid rgba(240,179,126,.45)}
.lb-x{background:none;border:0;color:#EFE7D8;font:inherit;font-size:22px;
  line-height:1;padding:0 2px;cursor:pointer}
.lb-body{flex:1 1 auto;overflow:auto;padding:22px 18px 44px;
  display:flex;flex-direction:column;align-items:center;gap:10px}
.lb-body img{display:block;width:100%;max-width:1080px;height:auto;background:#fff;
  box-shadow:0 6px 26px rgba(0,0,0,.42)}
.lb-pn{font-family:'Karla',system-ui,sans-serif;font-size:10px;
  letter-spacing:.12em;color:rgba(239,231,216,.45);margin-bottom:12px}
.lb-shell{position:relative;width:100%;max-width:1080px;aspect-ratio:16/9;background:#000 center/contain no-repeat}
.lb-shell.sq{max-width:min(660px,100%);aspect-ratio:1/1}
.lb-shell.tall{max-width:min(400px,100%);aspect-ratio:9/16}
.lb-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
body.lb-open{overflow:hidden}
@media (max-width:560px){.lb-bar{gap:9px;padding:10px 12px;font-size:10px}
  .lb-body{padding:14px 10px 30px}}

/* A Drive folder becomes a labelled run inside a sheet — the sub-groups of a
   large account (store panels, a product line, one launch) stay legible
   without breaking the sheet into separate sections. */
.run-label{flex-basis:100%;width:100%;margin:26px 0 -6px;padding-top:14px;
  border-top:1px solid rgba(120,105,85,.22)}
.sheet>.run-label:first-child,.asheet>.run-label:first-child{margin-top:0;
  padding-top:0;border-top:0}

/* ---------------------------------------------------------------------------
   NORMAL TYPOGRAPHY — everything that actually explains the work.

   The cut-out alphabet is an identity device, not the site's heading font.
   Once a coloured display word (SHREYA, WORK) or a black brand name (REPOSE)
   has opened a section, every heading inside it is set in type.

   Two voices, assigned by rank rather than by habit:
     Fraunces    section titles — the editorial voice (was Newsreader)
     Karla       sub-headings   — sharp, sitting close to the copy it opens
   Sub-headings gain weight and change family instead of gaining size, so the
   rank is legible without the heading competing with the section title above.
--------------------------------------------------------------------------- */
.shead h2,.mhead{
  font-family:'DM Serif Display',Georgia,serif;font-weight:500;color:var(--ink);
  font-size:clamp(1.62rem,2.9vw,2.25rem);line-height:1.08;
  letter-spacing:-.021em;margin:0;max-width:30ch;text-wrap:balance}

.psub,.acc-t{
  font-family:'Karla',system-ui,-apple-system,sans-serif;
  font-weight:700;font-size:19px;line-height:1.25;letter-spacing:-.012em;
  color:var(--ink);text-wrap:balance}
.psub{margin:0 0 14px;max-width:36ch}
.acc-t{margin:0}

/* A sub-heading belongs to the block beneath it: the air goes above. */
.wrap > .psub,section > .psub{margin-top:6px}

/* ---------------------------------------------------------------------------
   CONTACT SHEETS — justified rows.

   Each piece takes width in proportion to its own shape (--r, written from the
   file's real pixel dimensions), and flex-grow is set to the same proportion,
   so every piece on a row scales by an identical factor and the row comes out
   flush left and right at a common height. Nothing is cropped, stretched or
   forced to a shared ratio to make it fit — a portrait stays portrait, it just
   takes less width than the landscape beside it.

   --row is the target height of one row of imagery; --rowcap is the most any
   row may grow to, so a pair of tall portraits cannot balloon the rhythm.
--------------------------------------------------------------------------- */
.sheet{--row:210px;--rowcap:470px}
/* 210 at wide desktop keeps extreme portraits (Repose's door signs) readable and
   paired instead of one being squeezed into a row end and the other stranded;
   between tablet and 1300px, 190 composes better. Measured, not guessed. */
@media (max-width:1300px){.sheet{--row:190px}}
.asheet{--row:172px;--rowcap:430px}
.sheet,.asheet{--gut:14px;display:flex;flex-wrap:wrap;align-items:stretch;
  justify-content:space-between;gap:var(--gut)}

.sheet > .fig,.asheet > .ai{
  /* content-box: the flex width IS the image width, so the paper edge does not
     distort the ratio maths and every image on a row lands at the same height */
  box-sizing:content-box;
  flex:var(--r,1.4) 1 calc(var(--r,1.4) * var(--row));
  max-width:min(calc(100% - 20px),calc(var(--r,1.4) * var(--rowcap)));min-width:0}

/* Cards stretch to their row so the paper edges line up even when one caption
   runs to two lines; the image itself is untouched and stays top-aligned. */
.sheet > .fig,.asheet > .ai{align-self:stretch}
.sheet > .fig > img,.asheet > .ai > img{align-self:flex-start}

/* End-stops. The final row of the sheet, and of each labelled run, shares its
   leftover width with a grow-only spacer: the pieces lift to about the row
   height instead of either stretching across the measure or sitting stranded. */
.sheet::after,.asheet::after{content:"";flex:4 1 0;height:0;margin:0}

/* A very wide piece takes the full measure on its own. */
.sheet > .fig.vwide,.asheet > .ai.vwide{flex-basis:100%}

@media (max-width:1000px){
  .sheet{--row:165px;--rowcap:400px}
  .asheet{--row:155px;--rowcap:380px}
  .sheet,.asheet{--gut:12px}
  .sheet > .fig,.asheet > .ai{
    flex:var(--r,1.4) 1 calc(var(--r,1.4) * var(--row));
    max-width:min(calc(100% - 20px),calc(var(--r,1.4) * var(--rowcap)))}
}
@media (max-width:560px){
  /* Wide work fills the column; tall work pairs up rather than towering. */
  .sheet{--row:240px;--rowcap:420px}
  .asheet{--row:225px;--rowcap:400px}
  .sheet,.asheet{--gut:10px}
  .sheet > .fig,.asheet > .ai{
    flex:var(--r,1.4) 1 calc(var(--r,1.4) * var(--row));
    max-width:min(calc(100% - 20px),calc(var(--r,1.4) * var(--rowcap)));transform:none!important}
}
.rowfill{flex:4 1 0;height:0;margin:0;padding:0;display:block}
/* The older shape system set a lead's width with three classes, which outranks
   the ratio rule above and knocked its row out of level. Neutralised here so a
   lead justifies with its row like every other piece. */
.sheet > .fig.lead.wide,.sheet > .fig.lead.landscape,
.sheet > .fig.lead.square,.sheet > .fig.lead.portrait,.sheet > .fig.lead.vtall{
  flex-basis:calc(var(--r,1.4) * var(--row))}

/* Touch targets. The discipline filters are a text row on desktop; on a phone
   they need a finger's worth of height without changing how they read. */
@media (max-width:560px){
  .filters{gap:2px 14px}
  .fbtn{min-height:44px;display:inline-flex;align-items:center;padding:2px 0}
}

/* ---------------------------------------------------------------------------
   PASS 4A — visual hygiene
--------------------------------------------------------------------------- */

/* The three supporting pieces under the featured case study were sized on an
   equal basis, so a portrait took the same width as a landscape and towered
   over it, leaving a dead band beside its neighbours. They now take width in
   proportion to their own shape, as every other contact sheet does. */
.hf-more{align-items:stretch;justify-content:space-between;gap:14px}
.hf-more .fig{
  box-sizing:content-box;
  flex:var(--r,1.4) 1 calc(var(--r,1.4) * 150px);
  max-width:calc(100% - 20px);min-width:0;align-self:stretch}
.hf-more .fig > img{align-self:flex-start}
/* These three are the whole strip, not a partial last row, so they justify
   flush to the same right edge as the lead image above them. */

/* Inside a brand group the brand is already named, large, directly above. Set
   in ink on every card as well it read as a repeated shout down the sheet;
   levelled with the rest of the card's metadata it reads as one quiet line. */
.bgroup .ai-label b{color:var(--muted);font-weight:400}

@media (max-width:1000px){
  .hf-more .fig{flex:var(--r,1.4) 1 calc(var(--r,1.4) * 130px)}
}
@media (max-width:560px){
  .hf-more{gap:10px}
  .hf-more .fig{flex:var(--r,1.4) 1 calc(var(--r,1.4) * 190px)}
}

/* A caption can be narrower than a single word in it — "Entrepreneurship" is
   wider than a 150px card at 390px. Break only where there is no other option. */
.fig figcaption,.ai-label{overflow-wrap:anywhere}

/* A sheet holding one piece had that piece shrunk toward the row target by the
   end-stop, so the only evidence on the page read as a thumbnail. On its own it
   is presented at the row's ceiling instead. */
.sheet > .fig:only-child,
.sheet > .fig.lead:only-child{flex-basis:calc(var(--r,1.4) * var(--rowcap))}

/* ---------------------------------------------------------------------------
   CASE STUDY — long-form reading.
   Section titles in Fraunces open each chapter; running copy stays Karla at
   a comfortable measure. Lines the writing sets apart on their own (the brand
   line, a campaign mechanic, the closing realisation) are set as pull lines —
   type only, one accent rule, nothing decorative.
--------------------------------------------------------------------------- */
.cs .mhead{margin:0 0 22px}
.cs .prose{max-width:62ch;gap:18px}
.cs .prose b{font-weight:700;color:var(--ink)}
.pull{font-family:'DM Serif Display',Georgia,serif;font-weight:500;color:var(--ink);
  font-size:clamp(1.55rem,2.7vw,2.05rem);line-height:1.14;letter-spacing:-.018em;
  padding-left:18px;border-left:2px solid var(--accent);margin:8px 0;max-width:26ch;
  text-wrap:balance}
.pull.sm{font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2;max-width:38ch}

/* Results. The value carries the weight in Fraunces; the label is metadata.
   The same block, compacted, puts the outcome where a first scan lands. */
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;margin:0}
.num{display:block;border-top:1.5px solid rgba(120,105,85,.3);padding-top:14px}
.num-v{display:block;font-family:'DM Serif Display',Georgia,serif;font-weight:500;color:var(--ink);
  font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.num-l{display:block;margin-top:8px;font-family:'Karla',system-ui,sans-serif;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1.45}
.nums.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;margin:4px 0 24px}
.nums.compact .num{padding-top:10px}
.nums.compact .num-v{font-size:clamp(1.25rem,1.9vw,1.55rem)}
.nums.compact .num-l{font-size:10px;margin-top:6px}
@media (max-width:900px){
  .nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
@media (max-width:560px){
  .nums.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
  .nums.compact .num-v{font-size:1.15rem}
  .pull{padding-left:14px}
}

/* Where a stat's project is known, it is named under the figure. */
.stat-src{margin-top:5px;font-family:'Karla',system-ui,sans-serif;font-size:9.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}


/* Leads are one or two sentences; balance their lines so none ends on a single word. */
.plead,.hf-lead,.flag-lead{text-wrap:balance}

/* Next-in-line cards held empty image boxes. Without them each card is a ruled
   entry — label, brand, one line, link — reading as a set rather than three
   frames waiting for pictures. */
.ncard{border-top:1.5px solid rgba(120,105,85,.3);padding-top:14px}

/* "Related work" sat directly under the last evidence caption; it is a new
   section and gets a section's worth of air. */
.wrap:has(> .rels){margin-top:46px}


/* ---------------------------------------------------------------------------
   HEADING TYPE — revised.
   Numbered section heads (Featured, Experience, Get in touch…) are now coloured
   cut-outs, so they carry the same weight as the brand names beside them.
   Every other heading, lead and pull line is set in Fraunces: a soft, heavy
   serif that stands up next to paper lettering where the old light serif
   could not. Body stays Karla; labels stay DM Mono.
--------------------------------------------------------------------------- */
.shead:has(.cuthead){align-items:flex-end}
.shead h2.cuthead{margin:0;line-height:1;max-width:none;font:inherit}
.shead .sh-n{align-self:flex-end;padding-bottom:6px}
.hw.sec .gl{height:44px}
.hw.sec .sp{width:13px}
.hw.sec .glx{font-size:32px;margin:0 2px}
@media (max-width:700px){.hw.sec .gl{height:34px}.hw.sec .sp{width:10px}.hw.sec .glx{font-size:25px}}
@media (max-width:480px){.hw.sec .gl{height:28px}.hw.sec .sp{width:8px}.hw.sec .glx{font-size:21px}}

.mhead,.pull,.num-v,.psub,.acc-t,.hero-role,.plead,.flag-lead,.pcase-t,.pn-n,.sh-note,.script{
  font-family:'DM Serif Display',Georgia,serif;}
.mhead{font-weight:800;letter-spacing:-.02em;line-height:1.06}
.pull{font-weight:700;letter-spacing:-.015em}
.num-v{font-weight:700;letter-spacing:-.02em}
.psub,.acc-t{font-weight:700;letter-spacing:-.005em}
.hero-role,.plead,.flag-lead,.pcase-t{font-weight:500;letter-spacing:-.01em}
.pn-n{font-weight:600}
.sh-note,.script{font-weight:400}

/* Fraunces sets wider than the old serif: a "17.5K → 21K" figure must never
   break around its arrow, so compact results hold one line and size to fit. */
.nums.compact .num-v{font-size:clamp(1.1rem,1.5vw,1.3rem);white-space:nowrap}
@media (max-width:560px){.nums.compact .num-v{font-size:.98rem}}
/* The featured lead on the homepage matches the same line on the Work card. */
.hf-lead{font-family:'DM Serif Display',Georgia,serif;font-weight:500;letter-spacing:-.01em}

/* ---------------------------------------------------------------------------
   ROLES SWAPPED.
   Numbered section heads are black cut-outs (the archival register); brand and
   client names inside sections are set in Fraunces. Case-study page titles stay
   cut-outs — they are the page's own title, as WORK and ABOUT ME are.
--------------------------------------------------------------------------- */
.bname{display:inline-block;font-family:'DM Serif Display',Georgia,serif;font-weight:800;letter-spacing:-.02em;
  line-height:1.02;color:var(--ink)}
.hf-title .bname,.flag-body .bname{font-size:clamp(2.4rem,4.2vw,3.3rem)}
.bg-head .bname{font-size:clamp(1.5rem,2.3vw,1.9rem)}
.hn-name .bname,.nc-body .bname{font-size:clamp(1.25rem,1.8vw,1.5rem)}
.tl-item .bname{font-size:1.2rem;font-weight:700}
.uw .bname{font-size:1.3rem;font-weight:700}
@media (max-width:560px){.hf-title .bname,.flag-body .bname{font-size:2.15rem}}

/* Brand names inside sections: DM Serif Display — a heavy, high-contrast
   magazine serif that reads as a masthead rather than as another heading. */
.bname{font-family:'DM Serif Display',Georgia,serif;font-weight:400;
  font-variation-settings:normal;letter-spacing:-.005em;line-height:1.05}
.tl-item .bname,.uw .bname{font-weight:400}
.bg-head .bname{font-size:clamp(1.7rem,2.6vw,2.15rem)}
.hn-name .bname,.nc-body .bname{font-size:clamp(1.4rem,2vw,1.7rem)}
.tl-item .bname{font-size:1.4rem}
.uw .bname{font-size:1.45rem}


/* ---------------------------------------------------------------------------
   TWO TYPEFACES, plus the cut-out lettering.
     DM Serif Display  brand names, headings, leads, pull lines (one weight: 400)
     Karla             body, labels, metadata, results
   DM Serif Display has a single weight, so every serif role is set at 400 to
   avoid synthesised bold. Labels that were monospaced are Karla, slightly
   heavier so the small caps still read as metadata.
--------------------------------------------------------------------------- */
.shead h2,.mhead,.pull,.hero-role,.plead,.flag-lead,.pcase-t,.pn-n,.sh-note,.script,
.hf-lead,.bname{font-weight:400;font-synthesis:none}
.mhead,.pull{letter-spacing:-.005em}
.hero-role,.plead,.flag-lead,.pcase-t,.hf-lead{letter-spacing:0}
.psub,.acc-t{font-family:'Karla',system-ui,sans-serif;font-weight:700;letter-spacing:-.005em}
.alabel,.sh-n,.pmeta dt,.credit,.fig figcaption,.pn-l,.pn-all,.nc-go,.fbtn,.uw-m,.uw-n,
.dm-k,.rel span,.cstat-l,.cstat-r,.hf-meta dt,.hn-meta,.bg-meta,.bg-n,.ai-n,.ai-label,
.snote-l,.lb-pn,.num-l,.stat-src,.claim-v,.pcard-client{font-weight:600}

/* Results: Karla, the same face as the label under them — the figure is simply
   larger and bold. */
.num-v{font-family:'Karla',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:clamp(2rem,3.2vw,2.6rem);line-height:1.05}
.nums.compact .num-v{font-size:clamp(1.45rem,2vw,1.75rem);white-space:nowrap}
@media (max-width:560px){.nums.compact .num-v{font-size:1.2rem}}

/* Nav: the monogram is the way home; the page links sit on the right, just
   before the contact icons. */
.nvs{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border:1.6px solid var(--ink);border-radius:50%;background:#FFFDF6;color:var(--ink);
  box-shadow:1px 2px 0 rgba(0,0,0,.16);font-family:'DM Serif Display',Georgia,serif;
  font-size:24px;line-height:1;padding-top:2px;box-sizing:border-box;
  transition:transform .15s,background .15s,color .15s}
.nvbrand:hover .nvs{transform:translateY(-2px) rotate(-4deg);background:var(--accent);color:#fff}
nav .lks{margin-left:auto}
nav .icons{margin-left:0}
@media(max-width:900px){.nvs{width:34px;height:34px;font-size:20px}}

/* Homepage hero: the availability line reads as a sentence, not a label. */
.hero-role .hr-sep{margin:0 .35em;color:var(--muted)}
.hero-now{margin-top:30px;font-size:16px;line-height:var(--rhy);font-weight:600;color:var(--ink)}
.hero-now .hn-notice{color:var(--accent)}
.btnrow{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center}
.hf-more .avid video{display:block;width:100%;height:auto;background:#111;border-radius:2px}
.hf-shot .fig.portrait{max-width:440px;margin-left:auto}
/* Section-head number and note share one bottom line with the cut-out word. */
.shead .sh-n{padding-bottom:0}
.shead .sh-n,.shead .sh-note{line-height:30px}
/* The featured lead is now a portrait post: give the copy the wider column. */
.hfeat{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.hf-shot .fig.portrait{max-width:420px}
@media (max-width:900px){.hfeat{grid-template-columns:1fr}.hf-shot .fig.portrait{margin:0 auto}}
/* The three rows read as one table: fixed columns so each lead starts on the same x. */
@media (min-width:761px){.hnext{grid-template-columns:200px minmax(0,1fr) 300px 22px}.hn-meta{text-align:right}}

/* Non-heading text is Karla everywhere. DM Serif Display is kept for headings
   and names only: brand names, section and case-study titles, the hero role.
   Leads, notes and pull lines are Karla, with weight rather than a second face
   giving them emphasis. */
.hf-lead,.plead,.flag-lead,.pull,.sh-note,.script{font-family:'Karla',system-ui,sans-serif;
  letter-spacing:-.005em;font-synthesis:initial}
.hf-lead,.plead,.flag-lead{font-weight:600;color:var(--ink)}
.pull{font-weight:700;letter-spacing:-.012em}
.pull,.pull.sm{font-size:clamp(1.3rem,2.2vw,1.6rem)}
.sh-note{font-weight:500;font-size:15px}
.script{font-weight:500}

/* Homepage archive gallery: whole pieces, never cropped. Each row is justified
   by the pieces' own ratios so every image in a row shares one height. */
.hgal{display:flex;flex-direction:column;gap:14px;margin-top:30px}
.hg-row{display:flex;gap:14px;align-items:flex-start}
.hg-i{position:relative;display:block;flex:var(--r) 1 0;min-width:0;background:#FFFDF6;padding:7px 7px 0;
  border:1.5px solid var(--rule);box-shadow:1px 2px 0 rgba(0,0,0,.08);transition:transform .15s,box-shadow .15s}
.hg-i img{display:block;width:100%;height:auto}
.hg-i:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:3px 7px 18px rgba(0,0,0,.18)}
.hg-cap{display:block;font-size:11px;line-height:30px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-cap b{color:var(--ink);font-weight:700}
.hg-play{position:absolute;left:50%;top:calc(50% - 15px);transform:translate(-50%,-50%);width:48px;height:48px;
  border-radius:50%;background:rgba(255,253,246,.92);color:var(--accent);display:flex;align-items:center;
  justify-content:center;font-size:17px;padding-left:3px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
@media (max-width:560px){.hgal,.hg-row{gap:8px}.hg-i{padding:4px 4px 0}.hg-cap{font-size:9px}.hg-play{width:36px;height:36px;font-size:13px}}
/* Content-box sizing takes the fixed padding out of the ratio, so heights match. */
.hg-i{box-sizing:content-box}

/* Archives: brands that have a write-up link to it from their group head. */
.bg-cs{font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap}
.bg-cs:hover{text-decoration:underline}
.flag-body .nums.compact .num-v{font-size:clamp(1.1rem,1.55vw,1.35rem)}
.flag-body .nums.compact{gap:0 16px}
/* Five tabs on a phone: the monogram and tabs share a tighter two-line strip. */
@media (max-width:560px){nav .nv{padding:4px 14px;gap:2px 10px}nav .lks{gap:12px;margin-left:0}
  nav .lks a{font-size:11px;min-height:38px}.nvs{width:32px;height:32px;font-size:19px}}
@media (max-width:560px){.hero-role .hr-sep{display:none}.hero-role .hr-loc{display:block}}

/* About: the introduction sits on its own sheet of paper beside the photo. */
.aboutbox{position:relative;display:flow-root;background:#FFFDF6;border:1.5px solid var(--line);
  padding:26px 30px;box-shadow:2px 5px 14px rgba(0,0,0,.10);transform:rotate(.6deg);margin-top:18px}
@media (max-width:560px){.aboutbox{padding:20px 18px;transform:none}}
.aboutbox{transform:none}
/* The autoplaying film: a small speech-bubble note under it invites a click. */
.hf-more .avid video{cursor:pointer}
.vid-hint{position:relative;display:block;margin:12px auto 2px;padding:7px 14px;border:1.5px solid var(--ink);
  border-radius:18px;background:#FFF6C9;color:var(--ink);font:700 12.5px/1.3 'Karla',system-ui,sans-serif;
  box-shadow:1px 2px 0 rgba(0,0,0,.16);cursor:pointer;animation:hintbob 2.4s ease-in-out infinite}
.vid-hint::before{content:'';position:absolute;top:-7px;left:50%;width:10px;height:10px;margin-left:-5px;
  background:#FFF6C9;border-left:1.5px solid var(--ink);border-top:1.5px solid var(--ink);transform:rotate(45deg)}
.vid-hint:hover{background:var(--accent);color:#fff}.vid-hint:hover::before{background:var(--accent)}
@keyframes hintbob{50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.vid-hint{animation:none}}
.aboutbox{max-width:560px;margin-top:40px}
/* The only black "b" in the paper alphabet is tinted; bring it back to ink. */
/* Photo on the left; the text sheet centred in the space between the photo and the right margin. */
.aboutrow{display:flex;align-items:center;gap:0;margin-top:34px}
.aboutwrap{flex:1 1 auto;display:flex;justify-content:center;padding-left:24px;min-width:0}
.aboutwrap .aboutbox{margin-top:0}
@media (max-width:700px){.aboutrow{flex-direction:column;align-items:flex-start}.aboutwrap{padding-left:0;width:100%}}
.aboutbox p{margin:0}.aboutbox{padding:20px 30px 22px}
.aboutrow{align-items:flex-start}.aboutwrap{padding-top:26px}

/* Homepage opening: the hero sits on a full-width sheet of torn brown wrapping paper
   running under the nav — the one place the paper covers the ruled margin.
   Texture is three noise layers (grain, pale fibres, blotchy tone); the
   torn edge shows a strip of lighter inner fibre, as real kraft does. */
.herobg{position:relative;isolation:isolate;padding-bottom:26px}
.herobg::before,.herobg::after{content:'';position:absolute;left:0;right:0;top:0;pointer-events:none;z-index:-1}
.herobg::before{bottom:0;background:#F4EADA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .30 0 0 0 0 .20 0 0 0 0 .10 0 0 0 .42 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E");clip-path:polygon(0% 0%,100% 0%,100% 99.60%,99.78% 100.04%,99.59% 100.51%,99.08% 100.18%,98.86% 100.14%,98.67% 100.58%,98.15% 100.21%,97.68% 100.55%,97.29% 100.30%,96.80% 100.75%,96.39% 100.74%,96.06% 101.20%,95.57% 101.14%,95.06% 101.06%,94.58% 101.05%,94.20% 101.13%,93.95% 100.79%,93.81% 100.65%,93.46% 100.68%,92.91% 101.01%,92.70% 100.87%,92.43% 100.60%,92.07% 100.15%,91.92% 100.45%,91.54% 100.74%,91.34% 100.78%,90.92% 100.35%,90.49% 98.95%,89.95% 99.54%,89.42% 99.41%,89.18% 99.75%,89.00% 99.88%,88.74% 100.42%,88.54% 100.10%,88.30% 100.55%,88.00% 100.87%,87.85% 101.20%,87.67% 101.20%,87.44% 100.65%,87.09% 100.35%,86.55% 100.38%,86.25% 100.89%,86.03% 100.46%,85.69% 100.97%,85.47% 101.20%,84.97% 101.20%,84.45% 101.13%,84.16% 100.69%,83.70% 100.42%,83.54% 100.74%,83.03% 100.27%,82.63% 99.94%,82.16% 99.91%,81.75% 100.16%,81.22% 100.63%,80.68% 100.45%,80.18% 100.86%,79.77% 101.20%,79.38% 101.12%,78.86% 99.68%,78.73% 100.79%,78.26% 100.47%,77.91% 100.06%,77.50% 100.24%,77.04% 100.28%,76.91% 100.79%,76.58% 100.39%,76.40% 100.54%,76.06% 101.08%,75.58% 101.20%,75.30% 100.88%,75.08% 100.90%,74.92% 101.20%,74.42% 101.19%,73.93% 100.88%,73.43% 101.20%,72.95% 101.20%,72.76% 100.79%,72.57% 100.79%,72.22% 100.35%,72.10% 100.56%,71.77% 100.32%,71.62% 100.60%,71.34% 100.31%,70.95% 100.11%,70.70% 99.66%,70.19% 99.87%,69.73% 99.75%,69.55% 99.45%,69.14% 99.85%,68.96% 99.51%,68.45% 99.65%,68.18% 99.52%,67.89% 99.04%,67.49% 99.23%,67.36% 99.76%,66.88% 99.43%,66.35% 99.80%,66.02% 99.72%,65.57% 99.21%,65.17% 99.01%,64.79% 98.65%,64.27% 98.75%,63.76% 98.53%,63.54% 98.72%,62.99% 98.28%,62.70% 98.00%,62.40% 98.54%,62.05% 98.32%,61.77% 98.00%,61.59% 98.48%,61.04% 98.01%,60.79% 98.46%,60.57% 98.00%,60.12% 98.39%,59.87% 98.00%,59.41% 98.00%,58.88% 98.26%,58.69% 97.79%,58.52% 99.19%,58.27% 98.76%,57.84% 98.59%,57.34% 98.35%,56.92% 98.10%,56.59% 98.48%,56.26% 98.96%,55.76% 99.22%,55.35% 98.83%,55.06% 97.43%,54.93% 98.41%,54.75% 98.02%,54.53% 98.00%,54.10% 98.35%,53.55% 98.12%,53.03% 98.25%,52.55% 98.16%,52.16% 98.00%,51.76% 98.00%,51.63% 98.00%,51.14% 98.00%,50.63% 98.00%,50.16% 98.00%,49.66% 98.00%,49.28% 98.00%,49.00% 98.46%,48.67% 98.41%,48.44% 98.74%,47.99% 98.29%,47.82% 98.00%,47.48% 98.55%,47.09% 97.08%,46.95% 98.44%,46.68% 98.01%,46.21% 98.23%,45.83% 98.74%,45.29% 98.46%,45.04% 98.25%,44.62% 98.32%,44.49% 98.00%,44.25% 98.00%,43.86% 98.00%,43.47% 98.27%,43.34% 98.53%,42.83% 98.93%,42.67% 98.40%,42.51% 98.72%,42.10% 98.29%,41.94% 98.46%,41.39% 98.83%,40.91% 99.25%,40.66% 99.18%,40.15% 99.65%,39.95% 98.04%,39.75% 98.80%,39.49% 99.20%,39.22% 98.66%,39.00% 98.16%,38.59% 98.00%,38.08% 98.00%,37.60% 98.44%,37.42% 98.46%,37.07% 98.61%,36.59% 97.57%,36.37% 98.61%,36.17% 98.48%,35.89% 98.25%,35.69% 98.41%,35.48% 98.94%,35.00% 98.68%,34.67% 99.19%,34.24% 99.30%,33.96% 99.34%,33.65% 98.36%,33.21% 99.83%,32.97% 99.77%,32.64% 99.25%,32.44% 99.12%,32.06% 97.84%,31.60% 99.27%,31.40% 99.51%,31.14% 99.36%,30.88% 99.17%,30.34% 98.69%,30.08% 98.65%,29.80% 98.25%,29.48% 98.66%,29.10% 98.13%,28.68% 98.02%,28.21% 98.00%,27.68% 98.00%,27.33% 98.26%,27.00% 98.00%,26.68% 98.24%,26.15% 98.00%,25.85% 98.55%,25.36% 98.17%,25.05% 98.63%,24.54% 98.87%,24.01% 98.52%,23.50% 98.05%,23.37% 98.60%,23.03% 98.68%,22.63% 98.50%,22.29% 98.44%,22.15% 98.51%,21.98% 98.23%,21.71% 98.47%,21.54% 98.32%,21.01% 98.69%,20.66% 98.78%,20.38% 98.49%,20.03% 98.77%,19.84% 98.79%,19.49% 98.70%,19.28% 98.20%,18.85% 98.00%,18.59% 98.22%,18.34% 98.42%,18.01% 98.65%,17.61% 98.85%,17.14% 99.04%,16.95% 99.48%,16.81% 100.03%,16.69% 99.86%,16.48% 100.14%,16.19% 100.42%,15.75% 100.65%,15.29% 101.09%,15.17% 100.55%,14.73% 100.49%,14.46% 100.65%,14.34% 100.80%,13.98% 100.82%,13.67% 100.56%,13.51% 100.68%,13.38% 100.92%,13.07% 100.66%,12.57% 100.86%,12.06% 100.97%,11.90% 100.51%,11.36% 100.15%,11.05% 99.91%,10.68% 99.77%,10.44% 98.48%,10.05% 99.77%,9.85% 99.79%,9.58% 99.87%,9.10% 100.29%,8.97% 100.07%,8.65% 99.80%,8.47% 99.96%,8.04% 99.89%,7.50% 99.59%,6.96% 99.11%,6.69% 99.11%,6.24% 98.67%,5.83% 98.94%,5.63% 98.77%,5.50% 98.27%,5.25% 98.77%,4.80% 99.15%,4.32% 99.07%,4.17% 99.55%,3.74% 99.40%,3.28% 99.88%,3.08% 100.42%,2.62% 99.65%,2.35% 100.65%,1.93% 100.19%,1.53% 100.61%,1.37% 100.22%,0.95% 99.80%,0.74% 100.08%,0.45% 100.55%,0.06% 100.14%,0.00% 99.78%);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}
.herobg::after{bottom:8px;background-color:#DEC5A6;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .12 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E"),linear-gradient(100deg,rgba(255,255,255,.06),rgba(0,0,0,.03) 45%,rgba(255,255,255,.05) 70%,rgba(0,0,0,.04));
  clip-path:polygon(0% 0%,100% 0%,100% 99.10%,99.69% 99.03%,99.37% 99.03%,99.17% 99.01%,98.70% 99.46%,98.55% 99.12%,98.41% 98.59%,98.01% 98.46%,97.88% 98.43%,97.68% 97.65%,97.37% 98.34%,96.97% 98.34%,96.66% 98.58%,96.11% 98.21%,95.85% 98.50%,95.70% 98.21%,95.22% 98.34%,94.73% 98.89%,94.22% 98.92%,93.93% 99.39%,93.48% 99.64%,93.21% 99.13%,93.04% 99.41%,92.90% 99.08%,92.54% 99.14%,92.10% 99.55%,91.93% 99.63%,91.70% 99.12%,91.45% 98.69%,91.16% 98.30%,90.99% 97.76%,90.76% 97.46%,90.51% 97.93%,90.14% 98.22%,89.86% 98.27%,89.54% 98.19%,89.34% 98.57%,88.87% 98.84%,88.43% 98.36%,87.90% 97.94%,87.60% 96.81%,87.38% 98.15%,86.90% 98.04%,86.71% 97.80%,86.49% 97.73%,86.10% 97.98%,85.90% 98.51%,85.58% 98.99%,85.31% 98.91%,85.03% 98.48%,84.63% 98.27%,84.45% 97.27%,84.03% 97.04%,83.70% 98.02%,83.15% 98.49%,82.71% 98.05%,82.29% 97.72%,82.02% 97.52%,81.52% 97.61%,81.03% 97.53%,80.75% 97.44%,80.59% 97.30%,80.10% 97.30%,79.66% 97.30%,79.18% 97.76%,79.05% 97.65%,78.83% 97.43%,78.44% 97.30%,78.32% 97.52%,78.11% 97.88%,77.71% 97.95%,77.45% 97.76%,77.14% 97.43%,76.64% 97.55%,76.39% 97.95%,75.91% 97.57%,75.38% 97.82%,75.06% 98.06%,74.77% 97.93%,74.51% 97.55%,74.20% 96.55%,74.06% 97.79%,73.81% 96.73%,73.49% 97.99%,73.27% 98.39%,72.88% 98.45%,72.48% 98.11%,72.06% 98.44%,71.86% 98.98%,71.44% 99.33%,71.17% 99.11%,70.78% 98.83%,70.32% 98.38%,69.80% 98.14%,69.49% 98.00%,69.21% 97.93%,68.74% 97.44%,68.34% 97.76%,67.87% 97.61%,67.66% 97.30%,67.12% 97.30%,66.86% 97.30%,66.59% 97.76%,66.23% 97.46%,66.10% 97.30%,65.64% 97.66%,65.18% 98.06%,64.84% 97.81%,64.42% 97.32%,63.89% 97.77%,63.55% 98.01%,63.15% 97.98%,62.79% 98.19%,62.31% 97.75%,61.82% 97.30%,61.46% 97.63%,61.12% 95.94%,60.78% 97.62%,60.42% 97.63%,60.27% 97.59%,59.74% 97.30%,59.41% 97.71%,58.94% 97.30%,58.68% 97.64%,58.17% 98.05%,58.04% 98.38%,57.62% 98.58%,57.24% 99.01%,57.06% 99.00%,56.86% 98.97%,56.58% 99.06%,56.39% 99.39%,55.99% 99.36%,55.61% 98.96%,55.17% 98.62%,54.92% 98.83%,54.70% 98.28%,54.52% 98.56%,54.29% 99.01%,53.99% 98.69%,53.70% 97.68%,53.28% 98.03%,53.11% 98.03%,52.78% 97.82%,52.63% 97.10%,52.29% 98.18%,52.09% 98.51%,51.54% 98.04%,51.39% 97.54%,50.95% 97.73%,50.60% 97.81%,50.48% 97.59%,50.28% 97.64%,49.99% 97.97%,49.65% 98.50%,49.18% 98.28%,48.79% 98.38%,48.45% 97.85%,48.22% 97.40%,47.77% 97.30%,47.26% 97.30%,46.81% 97.30%,46.38% 97.77%,46.06% 98.31%,45.67% 98.17%,45.14% 97.99%,44.74% 97.92%,44.45% 97.37%,44.03% 97.30%,43.90% 97.30%,43.67% 97.41%,43.46% 97.55%,43.23% 97.30%,42.90% 97.30%,42.35% 97.30%,42.20% 97.30%,42.06% 97.30%,41.73% 97.66%,41.35% 98.15%,41.05% 98.12%,40.77% 98.36%,40.41% 98.59%,40.16% 99.13%,40.03% 99.51%,39.74% 99.07%,39.60% 98.53%,39.45% 98.09%,39.12% 97.56%,38.77% 97.30%,38.45% 97.30%,38.07% 97.72%,37.76% 98.05%,37.41% 98.46%,37.00% 98.51%,36.63% 98.60%,36.28% 98.05%,35.85% 98.34%,35.35% 98.03%,35.07% 98.28%,34.71% 98.18%,34.26% 98.52%,33.72% 98.06%,33.59% 98.55%,33.28% 98.41%,32.93% 98.88%,32.52% 98.82%,32.24% 98.85%,31.97% 98.58%,31.82% 99.00%,31.43% 98.70%,31.13% 98.97%,30.85% 98.80%,30.59% 98.74%,30.07% 98.82%,29.91% 98.41%,29.76% 98.34%,29.34% 98.56%,29.19% 98.88%,29.03% 99.09%,28.62% 99.33%,28.34% 99.08%,28.17% 98.85%,27.66% 98.37%,27.35% 98.04%,27.09% 98.15%,26.59% 98.42%,26.31% 98.57%,26.02% 98.91%,25.56% 98.86%,25.20% 99.22%,24.70% 98.35%,24.35% 99.39%,23.95% 99.05%,23.59% 98.73%,23.43% 98.47%,23.28% 98.33%,22.84% 98.16%,22.62% 97.87%,22.17% 97.99%,21.64% 97.80%,21.29% 97.55%,20.77% 97.65%,20.37% 97.30%,19.89% 97.30%,19.49% 97.30%,19.03% 97.39%,18.84% 97.30%,18.56% 97.67%,18.26% 97.89%,18.12% 98.11%,17.72% 97.80%,17.57% 97.85%,17.06% 98.36%,16.86% 98.67%,16.43% 98.56%,16.23% 98.80%,15.79% 99.01%,15.31% 99.03%,14.81% 98.58%,14.46% 98.08%,14.24% 98.57%,13.78% 98.70%,13.44% 98.95%,13.03% 98.16%,12.75% 98.91%,12.37% 99.28%,12.11% 99.55%,11.77% 99.40%,11.54% 99.36%,11.09% 99.91%,10.60% 99.55%,10.37% 99.32%,10.04% 99.35%,9.67% 98.96%,9.21% 99.05%,9.05% 98.69%,8.70% 98.66%,8.22% 98.87%,8.07% 99.08%,7.64% 99.24%,7.47% 99.35%,6.94% 98.99%,6.81% 99.13%,6.59% 99.06%,6.46% 98.52%,6.26% 98.39%,5.97% 98.34%,5.71% 98.46%,5.48% 98.79%,5.22% 98.30%,4.79% 98.49%,4.63% 98.88%,4.21% 98.65%,3.92% 98.28%,3.76% 98.58%,3.59% 98.69%,3.07% 98.77%,2.68% 98.47%,2.39% 98.66%,2.26% 98.77%,1.72% 98.45%,1.34% 98.98%,1.07% 98.81%,0.79% 98.80%,0.31% 98.68%,0.00% 98.24%)}
.herobg .tape{position:absolute;z-index:2}
.herobg .points li{background:#FFFCF2}
.herobg .hero-slogan{color:#4A3B2A}
.herobg .alabel{color:#4A3B2A}
.herobg .hero-now .hn-notice{color:#9A2F05}
.herobg + section{margin-top:38px}

/* Text boxes: the same taped sheet as the About introduction, used for the
   "How I think" notes and the homepage stats. */
.tbox{position:relative;background:#FFFDF6;border:1.5px solid var(--line);box-shadow:2px 5px 14px rgba(0,0,0,.10)}
.tbox .tape{z-index:2}
.tbox.think{flex:1 1 210px;min-width:190px;padding:22px 20px 20px;font-size:15.5px}
.tbox.think b{display:block}
.tbox.stat{flex:1 1 160px;min-width:150px;padding:26px 14px 18px}
.statrow{gap:22px}

/* "More to read" sits on a second strip of the same wrapping paper, torn top
   and bottom, full width. */
.kraftmid{position:relative;isolation:isolate;padding:62px 0 70px;margin:26px 0}
.kraftmid::before,.kraftmid::after{content:'';position:absolute;left:0;right:0;pointer-events:none;z-index:-1}
.kraftmid::before{top:0;bottom:0;background:#F4EADA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .30 0 0 0 0 .20 0 0 0 0 .10 0 0 0 .42 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E");clip-path:polygon(0% 0.90%,0.39% 1.02%,0.91% 1.14%,1.05% 1.12%,1.44% 1.32%,1.77% 1.20%,2.13% 0.95%,2.37% 1.16%,2.56% 1.31%,2.95% 1.95%,3.16% 0.98%,3.65% 0.88%,4.00% 0.97%,4.53% 1.06%,5.03% 0.96%,5.22% 0.78%,5.47% 1.54%,5.74% 0.74%,6.07% 0.65%,6.49% 0.43%,6.62% 0.55%,6.75% 0.69%,7.12% 0.45%,7.31% 0.68%,7.76% 0.89%,8.03% 0.82%,8.48% 0.62%,8.94% 1.67%,9.10% 0.72%,9.62% 0.64%,9.97% 0.55%,10.17% 0.34%,10.58% 0.59%,10.72% 0.83%,11.02% 0.70%,11.49% 0.68%,11.64% 1.48%,12.12% 0.70%,12.65% 0.77%,12.81% 0.73%,13.30% 0.63%,13.85% 0.81%,14.16% 0.80%,14.49% 0.70%,14.67% 0.63%,15.20% 0.70%,15.47% 0.49%,15.92% 0.68%,16.38% 0.81%,16.79% 0.94%,17.21% 0.83%,17.66% 0.93%,18.19% 1.00%,18.31% 1.03%,18.72% 1.01%,19.12% 1.16%,19.52% 1.28%,19.79% 1.45%,20.20% 1.69%,20.55% 1.70%,21.03% 1.80%,21.44% 1.80%,21.64% 1.80%,22.04% 1.76%,22.50% 1.80%,22.63% 1.63%,23.03% 1.49%,23.42% 1.26%,23.64% 1.04%,23.89% 0.88%,24.03% 0.86%,24.41% 0.91%,24.92% 0.66%,25.16% 0.61%,25.64% 1.22%,25.80% 0.57%,26.17% 0.80%,26.47% 0.96%,26.75% 0.78%,27.11% 1.01%,27.49% 0.93%,27.61% 0.74%,28.00% 0.56%,28.50% 0.49%,28.72% 0.39%,29.00% 0.62%,29.38% 0.50%,29.71% 0.46%,30.25% 0.45%,30.58% 0.26%,30.89% 0.16%,31.36% 0.00%,31.60% 0.22%,31.83% 0.10%,32.37% 0.00%,32.70% 0.07%,33.14% 0.00%,33.39% 0.02%,33.63% 0.03%,33.91% 0.15%,34.05% 0.03%,34.56% 0.22%,34.69% 0.36%,35.05% 0.47%,35.38% 0.67%,35.67% 0.85%,35.92% 1.01%,36.40% 1.11%,36.64% 1.25%,36.82% 1.24%,37.15% 1.16%,37.53% 1.31%,37.75% 1.47%,38.15% 1.24%,38.69% 1.48%,38.83% 1.66%,39.23% 1.80%,39.41% 1.70%,39.59% 1.75%,39.78% 1.80%,39.95% 1.74%,40.09% 1.78%,40.59% 1.59%,40.85% 1.64%,41.37% 1.58%,41.79% 1.41%,42.13% 1.61%,42.51% 1.49%,42.74% 1.62%,42.92% 1.49%,43.36% 1.33%,43.76% 1.12%,43.92% 0.93%,44.14% 1.12%,44.40% 2.00%,44.54% 1.09%,44.96% 0.95%,45.49% 1.04%,45.67% 1.10%,45.90% 1.02%,46.17% 0.96%,46.64% 1.03%,46.95% 1.21%,47.32% 1.25%,47.61% 1.47%,47.75% 1.24%,48.20% 0.99%,48.70% 1.05%,49.02% 0.85%,49.21% 0.79%,49.71% 0.61%,49.95% 0.44%,50.17% 1.29%,50.45% 0.65%,50.86% 0.64%,51.03% 0.72%,51.44% 0.84%,51.64% 0.60%,51.80% 0.55%,52.07% 0.46%,52.32% 0.57%,52.51% 0.44%,53.03% 0.52%,53.57% 0.27%,54.02% 0.22%,54.38% 0.47%,54.65% 0.27%,55.16% 0.26%,55.30% 0.13%,55.59% 0.00%,55.89% 0.00%,56.02% 0.24%,56.36% 0.19%,56.52% 0.09%,56.87% 0.30%,57.36% 0.79%,57.69% 0.20%,58.08% 0.31%,58.33% 0.28%,58.55% 0.09%,58.70% 0.23%,58.96% 0.04%,59.18% 0.00%,59.55% 0.00%,59.97% 0.00%,60.22% 0.00%,60.52% 0.00%,60.88% 0.20%,61.32% 0.24%,61.79% 0.31%,62.23% 0.41%,62.70% 0.35%,62.84% 0.19%,63.25% 0.08%,63.70% 0.44%,63.88% 0.04%,64.41% 0.10%,64.71% 0.03%,64.84% 0.07%,65.27% 0.00%,65.46% 0.10%,65.99% 0.25%,66.24% 0.46%,66.55% 0.43%,67.07% 0.45%,67.45% 0.25%,67.75% 0.02%,67.88% 0.06%,68.38% 0.01%,68.62% 0.00%,68.89% 0.13%,69.17% 0.00%,69.65% 0.17%,69.94% 0.00%,70.27% 0.00%,70.43% 0.11%,70.64% 0.26%,71.05% 0.44%,71.52% 0.98%,71.89% 0.22%,72.15% 0.00%,72.43% 0.00%,72.72% 0.24%,73.24% 0.34%,73.59% 0.49%,73.96% 0.58%,74.21% 0.37%,74.48% 0.41%,74.91% 0.31%,75.15% 0.42%,75.59% 0.50%,76.10% 0.60%,76.53% 0.65%,76.87% 0.85%,77.41% 0.87%,77.54% 0.82%,77.94% 1.02%,78.32% 0.96%,78.74% 0.99%,79.02% 1.18%,79.27% 1.06%,79.77% 0.90%,80.22% 0.76%,80.59% 0.92%,81.02% 0.88%,81.37% 1.09%,81.61% 1.14%,81.81% 0.90%,82.17% 0.96%,82.37% 1.00%,82.79% 1.12%,83.12% 1.28%,83.37% 1.46%,83.89% 1.32%,84.37% 1.31%,84.58% 1.14%,84.76% 1.20%,85.21% 1.32%,85.67% 1.42%,86.21% 1.49%,86.37% 1.29%,86.58% 1.22%,86.99% 1.35%,87.29% 1.37%,87.46% 1.42%,87.87% 1.41%,88.40% 1.20%,88.83% 1.10%,89.15% 1.03%,89.67% 0.97%,90.00% 1.06%,90.37% 0.96%,90.85% 0.97%,91.15% 0.84%,91.31% 0.73%,91.63% 0.97%,91.92% 1.19%,92.19% 2.10%,92.47% 1.10%,92.78% 1.04%,92.93% 0.90%,93.24% 0.89%,93.48% 1.11%,93.81% 0.89%,94.27% 0.86%,94.78% 0.93%,94.91% 0.69%,95.21% 0.88%,95.72% 0.82%,96.17% 1.01%,96.63% 0.98%,97.17% 0.83%,97.41% 0.82%,97.82% 0.63%,98.13% 0.42%,98.64% 0.61%,98.77% 0.77%,99.14% 0.59%,99.66% 1.22%,99.96% 0.69%,100.00% 0.83%,100% 99.10%,99.66% 98.86%,99.50% 99.06%,99.22% 99.12%,98.85% 98.89%,98.48% 99.01%,98.05% 99.19%,97.62% 99.44%,97.32% 99.44%,96.86% 99.66%,96.73% 99.71%,96.60% 99.82%,96.20% 99.60%,95.85% 99.50%,95.32% 99.25%,95.13% 99.04%,94.82% 98.92%,94.53% 98.71%,94.17% 98.54%,93.90% 98.54%,93.69% 98.57%,93.53% 98.65%,93.00% 98.76%,92.54% 98.64%,92.06% 98.58%,91.67% 98.71%,91.18% 98.74%,90.98% 98.92%,90.54% 98.56%,90.07% 98.89%,89.93% 98.85%,89.50% 98.79%,89.29% 98.57%,89.14% 98.48%,88.99% 98.50%,88.49% 98.39%,88.09% 98.21%,87.64% 98.33%,87.52% 98.21%,87.02% 98.22%,86.80% 98.34%,86.59% 98.55%,86.44% 98.58%,86.04% 98.75%,85.71% 98.65%,85.34% 98.45%,85.11% 98.45%,84.60% 98.42%,84.30% 98.28%,84.05% 98.48%,83.78% 98.28%,83.39% 98.21%,83.22% 98.20%,83.06% 98.20%,82.68% 98.43%,82.40% 98.36%,82.17% 98.40%,82.01% 98.62%,81.71% 98.44%,81.46% 98.60%,81.00% 98.40%,80.84% 98.44%,80.70% 98.41%,80.54% 98.40%,80.01% 98.42%,79.56% 98.61%,79.40% 98.37%,79.10% 98.48%,78.56% 98.52%,78.22% 98.31%,77.82% 98.20%,77.36% 98.20%,77.21% 98.20%,76.90% 98.20%,76.57% 98.31%,76.34% 98.32%,75.96% 98.51%,75.54% 98.39%,74.99% 98.57%,74.83% 98.60%,74.34% 98.77%,74.18% 98.73%,73.90% 98.95%,73.73% 98.82%,73.36% 98.75%,72.86% 98.54%,72.60% 98.35%,72.30% 98.40%,72.12% 98.32%,71.69% 98.57%,71.43% 98.39%,71.13% 98.22%,70.87% 98.20%,70.44% 98.20%,70.25% 97.43%,69.80% 98.20%,69.45% 98.21%,69.24% 98.20%,69.02% 98.20%,68.73% 98.20%,68.50% 98.44%,68.13% 98.32%,67.82% 98.42%,67.54% 98.37%,67.23% 98.28%,67.00% 98.20%,66.85% 98.44%,66.69% 98.46%,66.22% 98.48%,66.09% 98.33%,65.70% 98.20%,65.27% 98.20%,65.15% 98.20%,64.94% 98.42%,64.78% 98.48%,64.56% 98.73%,64.31% 98.62%,64.12% 98.39%,63.70% 98.53%,63.39% 98.00%,62.94% 98.48%,62.53% 98.35%,62.01% 98.20%,61.61% 98.20%,61.18% 98.23%,60.92% 98.35%,60.47% 98.51%,59.99% 98.57%,59.61% 98.64%,59.36% 98.89%,59.06% 98.46%,58.53% 98.92%,58.01% 99.13%,57.89% 99.35%,57.44% 99.36%,57.13% 99.15%,56.78% 99.32%,56.47% 99.16%,56.22% 99.00%,55.87% 99.14%,55.50% 99.34%,55.20% 99.43%,54.75% 99.53%,54.57% 99.52%,54.18% 99.31%,54.04% 99.30%,53.73% 99.48%,53.42% 99.69%,53.19% 99.80%,52.94% 99.58%,52.78% 99.66%,52.62% 99.74%,52.21% 99.75%,51.72% 99.84%,51.40% 99.65%,51.19% 99.76%,50.71% 99.76%,50.37% 99.59%,50.06% 99.51%,49.77% 99.55%,49.46% 99.36%,49.18% 99.31%,48.99% 99.33%,48.85% 99.53%,48.34% 99.74%,47.95% 99.85%,47.81% 99.87%,47.55% 99.78%,47.06% 99.61%,46.58% 99.77%,46.32% 99.70%,45.82% 99.77%,45.30% 99.55%,44.81% 99.30%,44.37% 99.19%,44.13% 99.35%,43.61% 99.40%,43.22% 99.43%,42.90% 98.75%,42.50% 99.67%,42.13% 99.66%,41.68% 99.76%,41.29% 99.93%,41.15% 99.93%,40.81% 100.00%,40.26% 99.86%,39.95% 100.00%,39.74% 99.76%,39.52% 99.98%,38.97% 99.86%,38.49% 99.71%,38.30% 99.83%,38.10% 99.72%,37.98% 99.82%,37.49% 99.70%,36.98% 99.67%,36.61% 99.33%,36.30% 99.97%,36.07% 100.00%,35.74% 99.83%,35.37% 99.92%,35.11% 99.85%,34.65% 99.96%,34.53% 99.91%,34.40% 100.00%,34.19% 99.92%,33.95% 99.80%,33.44% 99.99%,33.01% 99.88%,32.52% 99.81%,32.37% 99.97%,32.01% 100.00%,31.74% 100.00%,31.26% 100.00%,30.88% 99.92%,30.64% 99.94%,30.24% 100.00%,29.88% 100.00%,29.36% 100.00%,29.12% 100.00%,28.93% 100.00%,28.77% 100.00%,28.38% 100.00%,28.14% 99.80%,27.91% 99.81%,27.73% 99.73%,27.40% 99.71%,26.87% 99.65%,26.53% 99.57%,26.12% 99.64%,25.74% 99.55%,25.31% 99.45%,25.09% 99.39%,24.95% 99.26%,24.62% 99.25%,24.17% 99.27%,23.86% 99.24%,23.60% 99.13%,23.44% 98.99%,23.09% 98.85%,22.91% 98.85%,22.48% 98.62%,22.01% 98.84%,21.50% 98.62%,21.23% 98.48%,20.83% 98.41%,20.40% 98.20%,20.07% 98.20%,19.92% 98.20%,19.59% 98.43%,19.07% 98.54%,18.60% 98.67%,18.24% 98.47%,17.98% 98.59%,17.86% 98.78%,17.60% 98.65%,17.33% 98.77%,16.94% 98.78%,16.59% 98.90%,16.13% 99.10%,15.69% 99.07%,15.43% 98.85%,14.92% 98.43%,14.38% 98.78%,13.91% 99.03%,13.59% 98.82%,13.41% 98.58%,13.15% 98.79%,12.81% 98.81%,12.28% 98.82%,11.83% 98.95%,11.66% 99.08%,11.28% 99.07%,10.87% 99.06%,10.68% 99.30%,10.39% 99.54%,10.13% 99.67%,9.79% 99.82%,9.47% 100.00%,8.96% 99.96%,8.54% 100.00%,8.01% 99.92%,7.71% 99.75%,7.50% 99.88%,7.16% 100.00%,6.65% 99.80%,6.19% 99.98%,5.70% 99.99%,5.45% 99.75%,4.94% 99.58%,4.50% 99.80%,4.10% 99.59%,3.96% 99.67%,3.77% 99.81%,3.49% 99.92%,2.96% 99.87%,2.44% 100.00%,2.28% 100.00%,1.84% 99.94%,1.41% 99.98%,1.19% 99.13%,0.66% 100.00%,0.42% 99.86%,0.23% 99.67%,0.09% 99.69%,0.00% 99.76%);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}
.kraftmid::after{top:7px;bottom:7px;background-color:#DEC5A6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .12 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E"),linear-gradient(100deg,rgba(255,255,255,.06),rgba(0,0,0,.03) 45%,rgba(255,255,255,.05) 70%,rgba(0,0,0,.04));clip-path:polygon(0% 1.10%,0.23% 1.19%,0.72% 1.04%,0.90% 0.90%,1.08% 0.91%,1.32% 0.88%,1.70% 0.64%,1.89% 0.82%,2.35% 0.99%,2.88% 1.13%,3.37% 1.13%,3.73% 1.09%,4.03% 1.00%,4.51% 1.15%,4.92% 1.17%,5.10% 1.26%,5.30% 1.11%,5.53% 1.09%,5.82% 0.91%,6.04% 0.78%,6.32% 0.56%,6.85% 0.51%,7.37% 0.28%,7.83% 0.45%,8.02% 0.41%,8.52% 0.56%,9.01% 0.49%,9.19% 0.73%,9.62% 0.59%,9.99% 0.63%,10.42% 0.55%,10.61% 0.64%,10.83% 0.43%,11.19% 1.01%,11.46% 1.15%,11.63% 0.15%,12.01% 0.00%,12.28% 0.67%,12.62% 0.40%,12.94% 0.49%,13.08% 0.49%,13.51% 0.37%,14.00% 0.25%,14.27% 0.12%,14.48% 0.58%,14.64% 0.17%,14.76% 0.31%,15.08% 0.34%,15.33% 0.30%,15.82% 0.11%,16.03% 0.01%,16.17% 0.00%,16.48% 0.19%,16.62% 0.21%,17.08% 0.12%,17.44% 0.45%,17.93% 0.00%,18.21% 0.00%,18.42% 0.11%,18.94% 0.12%,19.25% 0.16%,19.74% 0.35%,19.91% 0.37%,20.26% 0.27%,20.51% 0.06%,20.64% 0.18%,21.07% 0.36%,21.54% 0.32%,22.02% 0.43%,22.47% 0.24%,23.01% 0.22%,23.47% 0.51%,23.70% 0.11%,23.93% 0.29%,24.23% 0.53%,24.56% 0.42%,25.06% 0.43%,25.35% 0.42%,25.71% 0.19%,25.91% 0.00%,26.16% 0.19%,26.51% 0.36%,26.95% 0.43%,27.48% 0.20%,27.66% 0.37%,27.80% 0.37%,28.03% 0.36%,28.26% 0.94%,28.71% 0.29%,28.85% 0.39%,29.36% 0.51%,29.87% 0.73%,30.35% 0.82%,30.76% 0.87%,30.94% 0.98%,31.08% 1.05%,31.42% 1.19%,31.70% 1.35%,32.07% 1.30%,32.38% 1.53%,32.79% 1.73%,33.07% 1.52%,33.37% 1.68%,33.91% 1.65%,34.28% 1.78%,34.49% 1.60%,34.74% 1.84%,35.26% 1.73%,35.80% 1.53%,35.97% 1.31%,36.18% 1.86%,36.33% 1.01%,36.83% 1.09%,37.25% 1.24%,37.43% 1.01%,37.78% 1.02%,37.97% 1.13%,38.27% 1.00%,38.64% 1.03%,38.88% 1.13%,39.28% 0.96%,39.82% 0.84%,40.03% 0.74%,40.34% 0.55%,40.71% 0.51%,40.93% 0.42%,41.05% 0.61%,41.21% 0.76%,41.53% 0.72%,41.65% 0.73%,41.83% 1.45%,42.28% 1.06%,42.71% 1.09%,43.24% 1.24%,43.69% 1.24%,44.16% 1.30%,44.29% 1.44%,44.60% 1.34%,44.89% 1.50%,45.25% 1.64%,45.60% 1.77%,46.04% 1.97%,46.40% 1.81%,46.70% 1.81%,46.84% 1.73%,47.16% 1.91%,47.61% 1.87%,47.76% 1.82%,48.19% 1.86%,48.33% 1.96%,48.76% 2.01%,49.26% 1.83%,49.41% 2.06%,49.73% 2.20%,50.06% 1.98%,50.46% 1.85%,50.76% 2.07%,51.08% 1.84%,51.29% 1.95%,51.82% 1.77%,52.25% 1.53%,52.50% 1.63%,52.90% 1.63%,53.13% 1.61%,53.56% 1.39%,53.76% 1.43%,53.89% 1.49%,54.39% 1.58%,54.57% 1.64%,54.77% 1.46%,55.11% 1.61%,55.48% 1.39%,55.82% 1.23%,56.05% 1.13%,56.49% 0.94%,56.71% 1.02%,56.94% 1.13%,57.16% 1.02%,57.62% 1.84%,57.99% 1.03%,58.30% 1.13%,58.48% 1.32%,58.63% 1.51%,58.91% 1.57%,59.42% 1.41%,59.91% 1.39%,60.24% 1.50%,60.50% 1.62%,61.00% 1.75%,61.50% 1.80%,61.69% 1.84%,62.06% 1.93%,62.53% 1.89%,62.73% 1.93%,62.87% 1.83%,63.19% 1.92%,63.34% 1.98%,63.51% 2.04%,63.64% 2.60%,63.90% 2.20%,64.34% 2.16%,64.52% 2.20%,64.70% 2.20%,65.11% 2.07%,65.45% 1.93%,66.00% 1.71%,66.27% 1.90%,66.76% 2.71%,66.96% 2.19%,67.11% 2.20%,67.27% 2.20%,67.52% 2.20%,67.82% 2.20%,67.99% 2.20%,68.20% 2.12%,68.36% 2.19%,68.56% 2.20%,68.97% 2.20%,69.28% 2.15%,69.57% 1.99%,69.99% 1.98%,70.17% 2.15%,70.65% 2.20%,70.92% 2.20%,71.26% 2.20%,71.48% 2.20%,71.95% 2.20%,72.38% 2.01%,72.67% 2.01%,72.87% 2.04%,73.19% 2.01%,73.39% 1.90%,73.92% 1.84%,74.19% 2.02%,74.39% 1.93%,74.57% 1.79%,75.09% 1.67%,75.46% 1.44%,75.83% 1.42%,76.13% 1.18%,76.32% 1.05%,76.79% 0.81%,76.99% 0.66%,77.52% 0.89%,77.87% 0.86%,78.18% 0.91%,78.63% 0.89%,79.14% 0.92%,79.65% 0.91%,79.97% 1.09%,80.28% 1.02%,80.76% 1.08%,81.11% 1.03%,81.34% 0.86%,81.70% 0.65%,82.00% 0.80%,82.45% 0.70%,82.98% 0.64%,83.12% 0.63%,83.63% 0.87%,83.89% 1.05%,84.04% 1.01%,84.30% 0.88%,84.51% 1.49%,85.04% 0.66%,85.55% 0.87%,85.79% 0.77%,86.16% 0.74%,86.33% 0.69%,86.84% 0.68%,87.34% 0.69%,87.50% 0.78%,87.85% 0.55%,88.09% 0.61%,88.36% 0.47%,88.62% 0.26%,88.76% 0.46%,89.28% 0.52%,89.60% 0.39%,89.98% 0.49%,90.50% 0.29%,90.92% 0.51%,91.44% 0.27%,91.70% 0.28%,91.99% 0.21%,92.28% 0.07%,92.60% 0.31%,92.79% 0.38%,93.05% 0.63%,93.21% 0.66%,93.55% 0.88%,93.83% 0.74%,94.27% 0.74%,94.49% 0.91%,94.87% 1.02%,95.05% 0.79%,95.57% 0.89%,96.06% 0.85%,96.29% 1.01%,96.63% 1.15%,96.77% 1.01%,97.20% 0.88%,97.61% 0.78%,97.75% 0.73%,98.24% 0.74%,98.65% 0.81%,98.91% 0.63%,99.36% 0.70%,99.61% 0.54%,99.93% 0.62%,100.00% 0.55%,100% 98.90%,99.50% 98.87%,99.00% 98.66%,98.46% 98.86%,98.12% 98.62%,97.98% 98.39%,97.67% 98.43%,97.53% 98.40%,97.20% 98.15%,96.95% 98.23%,96.57% 98.39%,96.05% 98.36%,95.84% 98.53%,95.42% 98.69%,95.06% 98.69%,94.75% 98.88%,94.60% 98.72%,94.19% 98.91%,94.06% 98.76%,93.55% 98.23%,93.32% 98.79%,93.14% 98.70%,92.72% 98.45%,92.43% 98.22%,92.07% 98.26%,91.83% 98.03%,91.41% 98.03%,90.88% 98.26%,90.71% 98.46%,90.43% 98.47%,90.25% 98.39%,90.07% 98.15%,89.81% 97.96%,89.40% 97.80%,89.12% 98.02%,88.75% 98.14%,88.62% 98.26%,88.30% 98.16%,88.06% 98.04%,87.87% 97.98%,87.50% 97.80%,87.04% 97.80%,86.76% 97.80%,86.55% 97.80%,86.17% 97.80%,85.74% 98.01%,85.50% 97.80%,85.21% 97.80%,84.74% 97.99%,84.61% 97.97%,84.26% 97.98%,84.05% 98.16%,83.57% 98.00%,83.45% 97.80%,83.21% 97.80%,82.87% 97.96%,82.69% 97.93%,82.36% 97.80%,81.82% 97.80%,81.59% 97.80%,81.41% 97.80%,81.04% 97.80%,80.85% 97.98%,80.47% 97.80%,80.02% 97.80%,79.74% 97.80%,79.24% 97.80%,78.97% 97.99%,78.72% 98.08%,78.28% 97.99%,77.88% 97.92%,77.47% 97.80%,76.98% 98.05%,76.86% 97.99%,76.67% 97.87%,76.25% 98.08%,75.96% 98.04%,75.69% 97.45%,75.40% 97.81%,74.90% 97.88%,74.48% 98.05%,74.17% 98.00%,73.99% 98.15%,73.83% 98.01%,73.40% 98.15%,73.27% 98.30%,72.89% 98.26%,72.70% 98.26%,72.20% 98.32%,71.71% 98.55%,71.55% 98.40%,71.39% 98.62%,71.14% 98.58%,70.86% 98.78%,70.59% 98.82%,70.07% 98.93%,69.62% 98.95%,69.34% 99.17%,68.83% 99.14%,68.36% 99.05%,68.06% 99.28%,67.84% 99.07%,67.58% 99.30%,67.16% 99.35%,66.68% 99.25%,66.24% 99.16%,65.91% 98.96%,65.76% 98.79%,65.53% 98.65%,65.09% 98.66%,64.94% 98.88%,64.59% 98.81%,64.25% 98.88%,63.89% 99.02%,63.57% 98.88%,63.03% 98.74%,62.62% 98.85%,62.08% 99.04%,61.77% 98.93%,61.36% 99.12%,61.20% 99.05%,60.84% 99.17%,60.34% 99.19%,59.81% 99.20%,59.43% 99.03%,59.25% 99.17%,59.04% 99.12%,58.76% 99.36%,58.43% 99.51%,58.27% 99.68%,57.87% 99.75%,57.43% 99.88%,57.19% 99.82%,57.05% 99.64%,56.88% 99.86%,56.54% 99.84%,56.41% 100.00%,55.99% 100.00%,55.52% 100.00%,55.39% 100.00%,54.98% 100.00%,54.47% 99.78%,54.05% 99.55%,53.92% 99.40%,53.65% 99.18%,53.48% 98.64%,53.05% 99.14%,52.93% 99.24%,52.54% 99.12%,52.34% 98.94%,52.03% 99.17%,51.71% 99.20%,51.48% 99.12%,51.33% 98.98%,50.90% 98.86%,50.61% 98.90%,50.25% 98.79%,49.93% 98.77%,49.49% 98.68%,49.00% 98.45%,48.65% 98.62%,48.31% 98.69%,47.81% 98.53%,47.44% 98.35%,47.07% 98.51%,46.70% 98.53%,46.47% 98.51%,45.96% 98.51%,45.49% 98.71%,45.16% 98.88%,44.69% 98.65%,44.50% 98.57%,44.27% 98.44%,43.98% 98.20%,43.44% 98.06%,43.23% 97.94%,42.78% 97.84%,42.41% 97.80%,42.16% 97.80%,41.91% 97.84%,41.60% 97.80%,41.08% 97.90%,40.83% 97.80%,40.64% 97.80%,40.46% 97.84%,39.97% 97.03%,39.75% 97.80%,39.22% 97.90%,38.87% 97.80%,38.41% 97.80%,38.27% 97.82%,37.72% 97.86%,37.42% 97.99%,36.99% 98.18%,36.64% 97.96%,36.49% 98.03%,36.04% 98.23%,35.79% 98.17%,35.60% 98.00%,35.33% 98.06%,35.06% 98.10%,34.54% 98.13%,34.31% 98.30%,34.01% 98.15%,33.80% 98.32%,33.61% 98.49%,33.26% 98.58%,32.98% 98.41%,32.70% 98.27%,32.23% 98.18%,31.93% 97.97%,31.63% 97.87%,31.12% 97.96%,30.68% 98.14%,30.26% 97.92%,29.76% 97.91%,29.29% 98.06%,29.11% 98.05%,28.80% 98.16%,28.36% 98.21%,28.17% 98.38%,27.88% 98.35%,27.72% 98.47%,27.30% 98.32%,27.00% 98.14%,26.57% 97.90%,26.17% 97.80%,25.78% 97.89%,25.29% 97.92%,24.95% 97.88%,24.48% 97.98%,24.12% 98.22%,23.73% 98.33%,23.28% 98.28%,22.86% 98.42%,22.73% 98.64%,22.39% 98.47%,21.95% 98.38%,21.52% 98.54%,21.13% 98.58%,20.82% 98.68%,20.29% 98.63%,20.00% 98.40%,19.55% 98.61%,19.19% 98.63%,18.82% 98.46%,18.62% 98.24%,18.28% 98.38%,17.95% 98.43%,17.47% 98.40%,17.28% 98.47%,16.90% 98.53%,16.39% 98.54%,15.98% 98.47%,15.75% 98.49%,15.61% 98.50%,15.27% 98.30%,14.86% 98.14%,14.67% 97.90%,14.53% 97.86%,14.27% 98.03%,14.13% 98.12%,13.96% 98.02%,13.68% 97.96%,13.21% 97.80%,13.07% 97.89%,12.53% 98.13%,12.00% 97.92%,11.51% 98.10%,11.07% 98.13%,10.68% 98.19%,10.21% 98.40%,10.00% 98.54%,9.47% 98.50%,9.10% 98.63%,8.69% 98.82%,8.25% 98.75%,8.07% 98.51%,7.57% 98.39%,7.33% 98.45%,7.13% 98.20%,6.65% 98.05%,6.21% 97.90%,5.94% 97.95%,5.58% 97.98%,5.04% 97.99%,4.81% 97.80%,4.38% 97.80%,4.13% 97.80%,3.92% 97.83%,3.37% 97.80%,3.05% 97.80%,2.77% 97.80%,2.63% 97.29%,2.49% 97.86%,2.14% 97.93%,1.71% 97.85%,1.48% 97.82%,1.14% 97.80%,0.67% 97.81%,0.17% 97.94%,0.00% 98.07%)}
.kraftmid .hnexts{border-top-color:rgba(60,40,20,.25)}
.kraftmid .hnext{border-bottom-color:rgba(60,40,20,.25)}
.kraftmid .hn-lead,.kraftmid .hn-meta,.kraftmid .sh-note{color:#3E3022}
.kraftmid .hn-go{color:#8A2A04}
.kraftmid .hnext:hover{background:rgba(255,252,242,.35)}
.tbox{padding:28px 26px 24px;box-shadow:2px 5px 16px rgba(0,0,0,.14)}
.tbox.stat{padding:30px 14px 22px}

/* Footer: the same brown wrapping paper, torn along its top edge. */
footer{position:relative;isolation:isolate;background:none;box-shadow:none;color:#2B2016;padding:64px 0 44px}
footer::before,footer::after{content:'';position:absolute;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}
footer::before{top:0;background:#F4EADA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .30 0 0 0 0 .20 0 0 0 0 .10 0 0 0 .42 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E");clip-path:polygon(0% 9.6px,0.22% calc(11.0px + 0.0px),0.64% calc(9.7px + 0.0px),1.19% calc(8.9px + 0.0px),1.51% calc(8.7px + 0.0px),1.71% calc(9.7px + 0.0px),1.93% calc(8.3px + 0.0px),2.23% calc(9.5px + 0.0px),2.40% calc(8.8px + 0.0px),2.54% calc(9.1px + 0.0px),2.95% calc(8.6px + 0.0px),3.28% calc(9.1px + 0.0px),3.65% calc(8.0px + 0.0px),4.18% calc(8.0px + 0.0px),4.70% calc(8.2px + 0.0px),5.20% calc(7.6px + 0.0px),5.70% calc(6.5px + 0.0px),5.86% calc(7.0px + 0.0px),6.39% calc(8.1px + 0.0px),6.60% calc(7.0px + 0.0px),6.94% calc(5.7px + 0.0px),7.27% calc(6.3px + 0.0px),7.50% calc(4.9px + 0.0px),7.73% calc(4.7px + 0.0px),8.21% calc(5.8px + 0.0px),8.50% calc(4.8px + 0.0px),9.04% calc(3.9px + 0.0px),9.29% calc(2.5px + 0.0px),9.56% calc(1.5px + 0.0px),9.78% calc(1.2px + 0.0px),10.08% calc(1.5px + 0.0px),10.24% calc(0.2px + 0.0px),10.58% calc(0.0px + 0.0px),10.92% calc(0.6px + 0.0px),11.07% calc(0.0px + 0.0px),11.35% calc(0.2px + 0.0px),11.62% calc(1.6px + 2.2px),11.83% calc(2.7px + 2.4px),12.28% calc(4.2px + 0.0px),12.48% calc(5.6px + 0.0px),12.63% calc(5.9px + 0.0px),12.96% calc(4.9px + 0.0px),13.33% calc(4.8px + 0.0px),13.63% calc(5.4px + 0.0px),13.96% calc(5.1px + 0.0px),14.17% calc(4.2px + 0.0px),14.34% calc(4.9px + 0.0px),14.72% calc(3.5px + 0.0px),15.03% calc(2.2px + 0.0px),15.47% calc(2.2px + 0.0px),15.68% calc(1.4px + 0.0px),16.12% calc(1.9px + 1.7px),16.63% calc(2.6px + 0.0px),17.17% calc(1.8px + 0.0px),17.53% calc(3.2px + 0.0px),18.05% calc(4.3px + 0.0px),18.44% calc(5.6px + 0.0px),18.69% calc(6.7px + 0.0px),18.97% calc(8.0px + 0.0px),19.22% calc(7.4px + 0.0px),19.71% calc(8.0px + 0.0px),20.14% calc(8.9px + 0.0px),20.41% calc(8.7px + 0.0px),20.76% calc(9.7px + 0.0px),20.91% calc(10.4px + 0.0px),21.21% calc(9.3px + 0.0px),21.45% calc(8.6px + 0.0px),21.79% calc(8.0px + 0.0px),22.08% calc(7.6px + 0.0px),22.54% calc(8.3px + 0.0px),23.01% calc(8.6px + 0.0px),23.29% calc(9.4px + 0.0px),23.58% calc(9.9px + 0.0px),24.12% calc(11.2px + 0.0px),24.30% calc(11.5px + 0.0px),24.46% calc(11.4px + 0.0px),24.97% calc(12.7px + 0.0px),25.35% calc(13.8px + 0.0px),25.61% calc(12.4px + 0.0px),26.10% calc(12.8px + 0.0px),26.57% calc(13.8px + 0.0px),26.95% calc(13.2px + 0.0px),27.23% calc(12.7px + 0.0px),27.40% calc(13.4px + 0.0px),27.58% calc(12.6px + 0.0px),27.89% calc(13.5px + 0.0px),28.10% calc(12.9px + 0.0px),28.55% calc(11.7px + 0.0px),28.91% calc(12.4px + 0.0px),29.27% calc(11.9px + 0.0px),29.70% calc(11.8px + 0.0px),30.23% calc(13.3px + 0.0px),30.40% calc(12.8px + 0.0px),30.60% calc(13.6px + 0.0px),31.10% calc(13.8px + 0.0px),31.40% calc(15.1px + 0.0px),31.90% calc(16.4px + 0.0px),32.44% calc(16.4px + 0.0px),32.93% calc(16.5px + 0.0px),33.34% calc(16.4px + 0.0px),33.82% calc(16.4px + 0.0px),34.17% calc(17.7px + 0.0px),34.38% calc(17.8px + 0.0px),34.86% calc(18.2px + 0.0px),35.15% calc(16.8px + 0.0px),35.67% calc(16.4px + 0.0px),36.06% calc(15.3px + 0.0px),36.21% calc(14.4px + 0.0px),36.39% calc(15.7px + 0.0px),36.78% calc(17.1px + 0.0px),37.33% calc(15.8px + 0.0px),37.73% calc(17.2px + 0.0px),38.26% calc(17.7px + 0.0px),38.45% calc(16.9px + 0.0px),38.72% calc(16.5px + 0.0px),39.00% calc(16.9px + 0.8px),39.43% calc(18.1px + 0.0px),39.56% calc(17.3px + 0.0px),39.84% calc(17.4px + 0.0px),40.24% calc(18.3px + 0.0px),40.68% calc(18.5px + 0.0px),41.16% calc(17.9px + 0.0px),41.47% calc(18.3px + 0.0px),41.87% calc(17.8px + 0.0px),42.31% calc(17.4px + 0.0px),42.62% calc(17.3px + 0.0px),42.98% calc(17.9px + 0.0px),43.16% calc(18.9px + 0.0px),43.62% calc(19.2px + 0.0px),44.02% calc(18.5px + 0.0px),44.22% calc(17.3px + 1.9px),44.43% calc(16.8px + 0.0px),44.87% calc(17.5px + 0.0px),45.26% calc(16.0px + 0.0px),45.53% calc(17.1px + 0.0px),46.04% calc(15.6px + 0.0px),46.20% calc(15.6px + 0.0px),46.74% calc(16.2px + 0.0px),47.25% calc(16.0px + 0.0px),47.44% calc(16.6px + 0.0px),47.84% calc(16.2px + 0.0px),48.24% calc(15.4px + 0.0px),48.45% calc(14.0px + 0.0px),48.78% calc(14.6px + 0.0px),49.07% calc(15.2px + 0.0px),49.41% calc(15.5px + 0.0px),49.62% calc(16.1px + 0.0px),49.83% calc(17.0px + 0.0px),50.32% calc(17.8px + 0.0px),50.75% calc(17.3px + 0.0px),50.90% calc(16.8px + 0.0px),51.40% calc(17.4px + 0.0px),51.90% calc(18.8px + 0.0px),52.28% calc(18.7px + 0.0px),52.74% calc(19.0px + 0.0px),52.97% calc(18.2px + 0.0px),53.34% calc(17.3px + 0.0px),53.71% calc(16.6px + 0.0px),54.25% calc(15.5px + 0.0px),54.63% calc(16.5px + 0.0px),54.92% calc(17.3px + 0.0px),55.21% calc(18.4px + 0.0px),55.52% calc(18.7px + 0.0px),55.87% calc(19.2px + 0.0px),56.08% calc(19.2px + 0.0px),56.46% calc(19.2px + 0.0px),56.79% calc(19.2px + 0.0px),56.96% calc(19.2px + 0.0px),57.31% calc(18.3px + 0.0px),57.47% calc(17.8px + 0.0px),57.72% calc(17.8px + 0.0px),58.05% calc(18.6px + 0.0px),58.59% calc(19.2px + 0.0px),58.91% calc(19.2px + 0.0px),59.26% calc(19.2px + 0.0px),59.60% calc(19.2px + 0.0px),59.92% calc(19.1px + 0.0px),60.10% calc(18.0px + 0.0px),60.44% calc(18.6px + 0.0px),60.88% calc(18.8px + 0.0px),61.27% calc(18.6px + 0.0px),61.46% calc(19.2px + 0.0px),61.73% calc(19.2px + 0.0px),62.11% calc(18.5px + 0.0px),62.47% calc(19.2px + 0.0px),62.78% calc(19.2px + 0.0px),63.13% calc(19.2px + 0.0px),63.38% calc(18.2px + 0.0px),63.55% calc(17.3px + 0.0px),63.92% calc(17.9px + 0.0px),64.37% calc(16.5px + 0.0px),64.54% calc(16.6px + 0.0px),64.91% calc(16.4px + 0.0px),65.17% calc(15.2px + 0.0px),65.50% calc(15.4px + 0.0px),65.98% calc(14.0px + 0.0px),66.30% calc(13.5px + 0.0px),66.71% calc(13.8px + 0.0px),67.03% calc(14.3px + 0.0px),67.21% calc(13.0px + 0.0px),67.52% calc(12.4px + 0.0px),67.93% calc(13.6px + 0.0px),68.46% calc(12.1px + 0.0px),69.00% calc(11.7px + 0.0px),69.34% calc(11.9px + 0.0px),69.86% calc(11.3px + 0.0px),70.38% calc(11.6px + 0.0px),70.59% calc(12.6px + 0.0px),70.78% calc(12.0px + 0.0px),71.06% calc(11.8px + 0.0px),71.21% calc(11.6px + 0.0px),71.48% calc(12.3px + 0.0px),72.02% calc(13.5px + 0.0px),72.18% calc(13.7px + 0.0px),72.58% calc(13.5px + 0.0px),73.13% calc(14.1px + 0.0px),73.52% calc(14.5px + 0.0px),74.04% calc(13.1px + 1.9px),74.21% calc(12.1px + 0.0px),74.48% calc(13.2px + 0.0px),74.89% calc(12.8px + 0.0px),75.43% calc(13.9px + 0.0px),75.77% calc(13.2px + 0.0px),76.07% calc(12.3px + 0.0px),76.36% calc(11.3px + 0.0px),76.90% calc(12.6px + 0.0px),77.24% calc(13.3px + 0.0px),77.63% calc(14.8px + 0.0px),78.17% calc(15.1px + 0.0px),78.30% calc(14.5px + 0.0px),78.65% calc(14.8px + 0.0px),78.90% calc(13.8px + 0.0px),79.28% calc(12.3px + 0.0px),79.71% calc(13.1px + 0.0px),79.94% calc(13.8px + 0.0px),80.21% calc(15.2px + 0.0px),80.72% calc(14.1px + 0.0px),81.26% calc(14.7px + 0.0px),81.76% calc(15.1px + 0.0px),82.24% calc(15.2px + 0.0px),82.68% calc(13.7px + 0.0px),83.18% calc(12.5px + 1.7px),83.60% calc(14.0px + 0.0px),83.99% calc(14.6px + 0.0px),84.48% calc(15.1px + 0.0px),84.87% calc(13.8px + 0.0px),85.13% calc(15.0px + 0.0px),85.41% calc(15.2px + 0.0px),85.73% calc(14.6px + 0.0px),86.19% calc(14.9px + 0.0px),86.52% calc(15.6px + 0.0px),86.81% calc(15.1px + 0.0px),87.14% calc(14.7px + 0.0px),87.67% calc(15.7px + 0.0px),88.08% calc(16.6px + 0.0px),88.36% calc(16.1px + 0.0px),88.63% calc(16.1px + 0.0px),88.85% calc(15.7px + 0.0px),89.18% calc(14.4px + 0.0px),89.67% calc(15.7px + 0.0px),89.86% calc(16.4px + 0.0px),90.06% calc(15.0px + 0.0px),90.34% calc(15.1px + 0.0px),90.84% calc(14.0px + 0.0px),90.98% calc(14.5px + 0.0px),91.47% calc(14.9px + 0.0px),91.70% calc(16.0px + 0.0px),92.07% calc(17.0px + 0.0px),92.21% calc(15.8px + 0.0px),92.65% calc(14.7px + 0.0px),93.15% calc(14.9px + 0.0px),93.54% calc(13.9px + 0.0px),93.67% calc(13.7px + 0.0px),93.96% calc(14.2px + 0.0px),94.37% calc(13.7px + 0.0px),94.67% calc(13.0px + 0.0px),94.82% calc(12.5px + 0.0px),95.12% calc(12.4px + 0.0px),95.59% calc(13.5px + 0.0px),95.71% calc(13.3px + 0.0px),96.11% calc(12.5px + 0.0px),96.61% calc(11.2px + 0.0px),96.99% calc(10.3px + 0.0px),97.48% calc(11.8px + 0.0px),97.61% calc(11.0px + 0.0px),98.13% calc(9.8px + 0.0px),98.62% calc(9.7px + 0.0px),98.77% calc(8.9px + 0.0px),99.25% calc(8.7px + 0.0px),99.49% calc(8.4px + 0.0px),99.65% calc(9.0px + 0.0px),99.95% calc(9.6px + 0.0px),100.00% calc(9.6px + 0.0px),100% 100%,0% 100%);filter:drop-shadow(0 -2px 3px rgba(0,0,0,.15))}
footer::after{top:7px;background-color:#DEC5A6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .12 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E"),linear-gradient(100deg,rgba(255,255,255,.06),rgba(0,0,0,.03) 45%,rgba(255,255,255,.05) 70%,rgba(0,0,0,.04));clip-path:polygon(0% 10.8px,0.34% calc(11.7px + 0.0px),0.59% calc(12.5px + 0.0px),0.99% calc(11.3px + 1.3px),1.43% calc(10.6px + 0.0px),1.69% calc(11.6px + 0.0px),1.98% calc(13.1px + 0.0px),2.45% calc(14.3px + 0.0px),2.88% calc(14.4px + 0.0px),3.09% calc(14.6px + 0.0px),3.48% calc(14.0px + 0.0px),4.01% calc(13.9px + 0.0px),4.19% calc(14.8px + 0.0px),4.70% calc(13.4px + 0.0px),4.84% calc(14.2px + 0.0px),5.38% calc(13.8px + 0.0px),5.87% calc(13.0px + 0.0px),6.40% calc(13.1px + 0.0px),6.64% calc(13.9px + 0.0px),7.02% calc(14.1px + 0.0px),7.19% calc(14.6px + 0.0px),7.45% calc(14.1px + 0.0px),7.82% calc(13.4px + 2.0px),8.09% calc(13.3px + 0.0px),8.48% calc(14.0px + 0.0px),8.63% calc(15.4px + 0.0px),8.76% calc(15.6px + 0.0px),9.05% calc(16.3px + 0.0px),9.43% calc(16.0px + 0.0px),9.66% calc(15.0px + 0.0px),9.87% calc(16.0px + 0.0px),10.33% calc(17.2px + 0.0px),10.47% calc(18.5px + 0.0px),10.93% calc(19.5px + 0.0px),11.22% calc(18.3px + 0.0px),11.61% calc(17.5px + 0.0px),11.85% calc(16.5px + 0.0px),12.28% calc(16.4px + 0.0px),12.61% calc(16.6px + 0.0px),12.92% calc(18.0px + 0.0px),13.14% calc(17.5px + 0.0px),13.41% calc(16.0px + 0.0px),13.78% calc(15.8px + 0.0px),14.04% calc(16.1px + 0.0px),14.40% calc(16.4px + 0.0px),14.95% calc(17.2px + 0.0px),15.22% calc(17.4px + 0.0px),15.57% calc(16.5px + 0.0px),15.99% calc(17.3px + 0.0px),16.30% calc(17.3px + 0.0px),16.62% calc(15.8px + 0.0px),17.17% calc(16.8px + 0.0px),17.61% calc(16.0px + 0.0px),17.96% calc(16.6px + 1.4px),18.47% calc(16.9px + 0.0px),18.63% calc(18.1px + 0.0px),18.76% calc(18.2px + 0.0px),18.97% calc(18.7px + 0.0px),19.44% calc(18.5px + 0.0px),19.79% calc(17.5px + 0.0px),20.02% calc(17.1px + 0.0px),20.50% calc(18.5px + 0.0px),20.62% calc(19.2px + 0.0px),21.06% calc(20.2px + 2.0px),21.31% calc(19.7px + 0.0px),21.66% calc(18.9px + 0.0px),21.90% calc(17.8px + 0.0px),22.31% calc(17.2px + 0.0px),22.59% calc(16.4px + 0.0px),23.05% calc(15.3px + 0.0px),23.36% calc(15.4px + 0.0px),23.70% calc(16.2px + 0.0px),24.06% calc(15.2px + 0.0px),24.32% calc(16.1px + 0.0px),24.85% calc(15.8px + 0.0px),25.04% calc(16.5px + 0.0px),25.35% calc(15.9px + 0.0px),25.79% calc(16.8px + 0.0px),26.01% calc(16.1px + 0.0px),26.14% calc(14.9px + 0.0px),26.44% calc(16.1px + 0.0px),26.63% calc(17.4px + 0.0px),26.90% calc(18.2px + 0.0px),27.43% calc(18.9px + 0.0px),27.93% calc(20.2px + 0.0px),28.11% calc(19.0px + 0.0px),28.61% calc(19.5px + 0.0px),29.07% calc(18.7px + 0.0px),29.56% calc(19.7px + 0.0px),29.80% calc(18.4px + 0.0px),30.31% calc(17.5px + 0.0px),30.45% calc(17.7px + 0.0px),30.86% calc(17.7px + 0.0px),31.09% calc(17.1px + 0.0px),31.61% calc(17.9px + 0.0px),31.82% calc(17.5px + 0.0px),32.35% calc(16.7px + 0.0px),32.63% calc(16.5px + 0.0px),33.06% calc(17.4px + 0.0px),33.39% calc(17.2px + 0.0px),33.57% calc(18.3px + 0.0px),33.78% calc(18.0px + 0.0px),34.27% calc(18.6px + 0.0px),34.80% calc(19.9px + 0.0px),35.13% calc(19.8px + 0.0px),35.67% calc(19.8px + 0.0px),35.87% calc(18.4px + 0.0px),36.08% calc(17.6px + 0.7px),36.39% calc(16.4px + 0.0px),36.77% calc(15.7px + 0.0px),37.05% calc(15.0px + 0.0px),37.51% calc(13.6px + 0.0px),37.86% calc(14.8px + 0.0px),38.09% calc(15.2px + 0.0px),38.62% calc(16.0px + 0.0px),38.90% calc(15.9px + 0.0px),39.35% calc(15.9px + 0.0px),39.47% calc(16.8px + 0.0px),39.82% calc(15.8px + 0.0px),40.20% calc(17.1px + 0.0px),40.49% calc(16.0px + 0.0px),40.67% calc(15.0px + 0.0px),40.81% calc(16.2px + 0.0px),41.36% calc(15.0px + 0.0px),41.68% calc(14.4px + 0.0px),41.93% calc(13.9px + 0.7px),42.05% calc(13.8px + 0.0px),42.40% calc(13.3px + 0.0px),42.85% calc(14.4px + 0.0px),43.25% calc(13.8px + 0.0px),43.68% calc(14.1px + 0.0px),44.13% calc(12.8px + 0.0px),44.27% calc(11.7px + 0.0px),44.63% calc(10.8px + 0.0px),44.93% calc(9.6px + 0.0px),45.22% calc(8.3px + 0.0px),45.52% calc(9.1px + 0.0px),45.74% calc(9.1px + 0.0px),45.91% calc(9.8px + 0.0px),46.39% calc(10.2px + 0.0px),46.85% calc(9.4px + 0.0px),47.06% calc(9.5px + 0.0px),47.37% calc(10.4px + 0.0px),47.57% calc(9.3px + 0.6px),47.80% calc(9.9px + 0.0px),48.09% calc(8.5px + 0.0px),48.62% calc(7.1px + 0.0px),49.17% calc(6.6px + 0.0px),49.64% calc(7.1px + 0.0px),50.09% calc(7.3px + 0.0px),50.47% calc(8.3px + 0.0px),50.99% calc(7.1px + 0.8px),51.33% calc(7.8px + 0.0px),51.45% calc(6.3px + 0.0px),51.85% calc(6.0px + 0.0px),52.06% calc(6.6px + 0.0px),52.59% calc(6.1px + 0.0px),53.12% calc(6.7px + 0.0px),53.56% calc(6.6px + 0.0px),53.72% calc(6.6px + 0.0px),53.95% calc(7.2px + 0.0px),54.27% calc(7.3px + 2.1px),54.50% calc(6.2px + 0.0px),54.71% calc(4.8px + 0.0px),54.85% calc(4.4px + 0.0px),55.06% calc(3.4px + 0.0px),55.43% calc(3.7px + 2.3px),55.56% calc(4.5px + 0.0px),55.86% calc(4.0px + 0.0px),56.23% calc(5.1px + 0.0px),56.39% calc(5.4px + 0.0px),56.76% calc(5.1px + 2.1px),56.96% calc(4.6px + 0.0px),57.47% calc(5.7px + 0.0px),57.73% calc(4.9px + 0.0px),58.20% calc(5.3px + 0.0px),58.63% calc(4.5px + 0.0px),58.93% calc(5.6px + 0.0px),59.29% calc(6.0px + 0.0px),59.74% calc(6.7px + 0.0px),60.28% calc(5.3px + 0.0px),60.53% calc(4.2px + 0.0px),60.70% calc(3.3px + 0.0px),61.17% calc(2.9px + 0.0px),61.55% calc(2.3px + 0.0px),61.86% calc(3.4px + 0.0px),62.24% calc(4.3px + 0.0px),62.69% calc(5.2px + 0.0px),62.90% calc(5.3px + 0.0px),63.27% calc(5.2px + 0.0px),63.62% calc(4.7px + 0.0px),63.87% calc(5.6px + 0.0px),64.41% calc(6.6px + 0.0px),64.72% calc(7.5px + 2.0px),65.02% calc(8.0px + 1.8px),65.16% calc(7.4px + 0.0px),65.56% calc(7.0px + 0.0px),65.83% calc(6.4px + 0.0px),66.06% calc(6.4px + 0.0px),66.53% calc(6.0px + 0.0px),66.80% calc(7.0px + 0.0px),67.25% calc(8.3px + 0.0px),67.75% calc(7.6px + 0.0px),68.11% calc(7.7px + 0.0px),68.34% calc(8.1px + 0.0px),68.76% calc(8.8px + 0.0px),68.94% calc(8.6px + 0.0px),69.19% calc(7.4px + 0.0px),69.47% calc(6.5px + 0.0px),69.99% calc(6.7px + 0.0px),70.11% calc(6.4px + 0.0px),70.64% calc(7.6px + 0.0px),71.16% calc(6.9px + 0.0px),71.51% calc(7.0px + 0.0px),71.73% calc(6.0px + 0.0px),72.14% calc(5.0px + 0.0px),72.54% calc(4.4px + 0.0px),72.70% calc(3.5px + 0.0px),72.98% calc(4.7px + 0.0px),73.10% calc(6.0px + 0.0px),73.42% calc(6.7px + 0.0px),73.58% calc(7.4px + 0.0px),74.00% calc(6.0px + 0.0px),74.20% calc(7.2px + 0.6px),74.46% calc(8.2px + 0.0px),74.88% calc(9.1px + 0.0px),75.16% calc(9.8px + 0.0px),75.40% calc(10.9px + 0.0px),75.63% calc(9.8px + 0.0px),76.15% calc(8.7px + 0.0px),76.65% calc(7.5px + 0.0px),76.90% calc(7.6px + 0.0px),77.42% calc(7.1px + 0.0px),77.76% calc(8.5px + 0.0px),78.00% calc(8.1px + 0.0px),78.25% calc(7.2px + 0.0px),78.60% calc(6.4px + 0.0px),78.81% calc(6.5px + 0.0px),79.31% calc(7.9px + 0.0px),79.60% calc(7.6px + 0.0px),79.79% calc(6.2px + 0.0px),80.15% calc(5.7px + 0.0px),80.51% calc(7.1px + 0.0px),80.74% calc(6.2px + 0.0px),81.22% calc(5.1px + 0.0px),81.48% calc(6.5px + 0.0px),81.71% calc(7.8px + 0.0px),81.93% calc(9.2px + 0.0px),82.46% calc(9.4px + 0.0px),82.98% calc(10.1px + 0.0px),83.28% calc(9.6px + 0.0px),83.54% calc(10.3px + 0.0px),83.68% calc(11.2px + 0.0px),84.20% calc(11.4px + 0.0px),84.66% calc(12.0px + 0.0px),85.04% calc(11.6px + 0.0px),85.17% calc(11.4px + 0.0px),85.37% calc(12.7px + 0.0px),85.63% calc(11.6px + 0.0px),86.02% calc(12.4px + 0.0px),86.48% calc(11.7px + 0.0px),86.69% calc(10.2px + 2.3px),86.87% calc(9.0px + 0.0px),87.14% calc(9.1px + 0.6px),87.46% calc(10.5px + 0.0px),87.64% calc(11.3px + 0.0px),87.98% calc(12.0px + 0.0px),88.20% calc(11.4px + 0.0px),88.57% calc(12.2px + 0.0px),88.97% calc(11.3px + 0.0px),89.20% calc(10.2px + 0.0px),89.75% calc(9.9px + 0.0px),90.20% calc(10.3px + 0.0px),90.60% calc(10.8px + 0.0px),90.78% calc(9.5px + 0.0px),91.29% calc(8.1px + 0.0px),91.75% calc(9.1px + 0.0px),91.94% calc(8.7px + 0.0px),92.22% calc(9.4px + 0.0px),92.76% calc(8.7px + 0.0px),93.12% calc(8.8px + 0.0px),93.46% calc(9.7px + 0.0px),93.99% calc(10.7px + 0.0px),94.51% calc(11.2px + 0.0px),94.71% calc(10.4px + 0.0px),95.16% calc(10.3px + 0.0px),95.40% calc(10.5px + 0.0px),95.90% calc(9.9px + 0.0px),96.42% calc(9.8px + 0.0px),96.58% calc(9.9px + 0.0px),96.83% calc(9.4px + 0.0px),97.23% calc(10.3px + 2.2px),97.77% calc(9.9px + 0.0px),97.95% calc(9.2px + 0.0px),98.16% calc(8.8px + 0.0px),98.35% calc(10.0px + 0.0px),98.88% calc(9.5px + 0.0px),99.14% calc(8.9px + 0.0px),99.66% calc(9.3px + 0.0px),100.00% calc(9.9px + 0.0px),100% 100%,0% 100%)}
footer a{border-bottom-color:rgba(43,32,22,.45)}
.ficons a{border-color:#2B2016;color:#2B2016;background:rgba(255,252,242,.35)}
.ficons a:hover{background:#2B2016;color:#F3E6CF}
.fnote{opacity:1}
/* Get in touch on the homepage sits on paper; the rest of that section's parts read on it. */
.kraftmid .form input,.kraftmid .form textarea{background:#FFFCF2}
.kraftmid .icons a{background:#FFFCF2}
.kraftmid .meta{color:#3E3022}
.kraft-last{margin-bottom:56px}
.tbox.think b{margin-bottom:4px}

/* Homepage: Get in touch and the footer are one sheet — torn only at the top. */
.kraft-last{margin-bottom:0;padding-bottom:10px}
.kraft-last::before{bottom:0;clip-path:polygon(0% 9.6px,0.22% calc(11.0px + 0.0px),0.64% calc(9.7px + 0.0px),1.19% calc(8.9px + 0.0px),1.51% calc(8.7px + 0.0px),1.71% calc(9.7px + 0.0px),1.93% calc(8.3px + 0.0px),2.23% calc(9.5px + 0.0px),2.40% calc(8.8px + 0.0px),2.54% calc(9.1px + 0.0px),2.95% calc(8.6px + 0.0px),3.28% calc(9.1px + 0.0px),3.65% calc(8.0px + 0.0px),4.18% calc(8.0px + 0.0px),4.70% calc(8.2px + 0.0px),5.20% calc(7.6px + 0.0px),5.70% calc(6.5px + 0.0px),5.86% calc(7.0px + 0.0px),6.39% calc(8.1px + 0.0px),6.60% calc(7.0px + 0.0px),6.94% calc(5.7px + 0.0px),7.27% calc(6.3px + 0.0px),7.50% calc(4.9px + 0.0px),7.73% calc(4.7px + 0.0px),8.21% calc(5.8px + 0.0px),8.50% calc(4.8px + 0.0px),9.04% calc(3.9px + 0.0px),9.29% calc(2.5px + 0.0px),9.56% calc(1.5px + 0.0px),9.78% calc(1.2px + 0.0px),10.08% calc(1.5px + 0.0px),10.24% calc(0.2px + 0.0px),10.58% calc(0.0px + 0.0px),10.92% calc(0.6px + 0.0px),11.07% calc(0.0px + 0.0px),11.35% calc(0.2px + 0.0px),11.62% calc(1.6px + 2.2px),11.83% calc(2.7px + 2.4px),12.28% calc(4.2px + 0.0px),12.48% calc(5.6px + 0.0px),12.63% calc(5.9px + 0.0px),12.96% calc(4.9px + 0.0px),13.33% calc(4.8px + 0.0px),13.63% calc(5.4px + 0.0px),13.96% calc(5.1px + 0.0px),14.17% calc(4.2px + 0.0px),14.34% calc(4.9px + 0.0px),14.72% calc(3.5px + 0.0px),15.03% calc(2.2px + 0.0px),15.47% calc(2.2px + 0.0px),15.68% calc(1.4px + 0.0px),16.12% calc(1.9px + 1.7px),16.63% calc(2.6px + 0.0px),17.17% calc(1.8px + 0.0px),17.53% calc(3.2px + 0.0px),18.05% calc(4.3px + 0.0px),18.44% calc(5.6px + 0.0px),18.69% calc(6.7px + 0.0px),18.97% calc(8.0px + 0.0px),19.22% calc(7.4px + 0.0px),19.71% calc(8.0px + 0.0px),20.14% calc(8.9px + 0.0px),20.41% calc(8.7px + 0.0px),20.76% calc(9.7px + 0.0px),20.91% calc(10.4px + 0.0px),21.21% calc(9.3px + 0.0px),21.45% calc(8.6px + 0.0px),21.79% calc(8.0px + 0.0px),22.08% calc(7.6px + 0.0px),22.54% calc(8.3px + 0.0px),23.01% calc(8.6px + 0.0px),23.29% calc(9.4px + 0.0px),23.58% calc(9.9px + 0.0px),24.12% calc(11.2px + 0.0px),24.30% calc(11.5px + 0.0px),24.46% calc(11.4px + 0.0px),24.97% calc(12.7px + 0.0px),25.35% calc(13.8px + 0.0px),25.61% calc(12.4px + 0.0px),26.10% calc(12.8px + 0.0px),26.57% calc(13.8px + 0.0px),26.95% calc(13.2px + 0.0px),27.23% calc(12.7px + 0.0px),27.40% calc(13.4px + 0.0px),27.58% calc(12.6px + 0.0px),27.89% calc(13.5px + 0.0px),28.10% calc(12.9px + 0.0px),28.55% calc(11.7px + 0.0px),28.91% calc(12.4px + 0.0px),29.27% calc(11.9px + 0.0px),29.70% calc(11.8px + 0.0px),30.23% calc(13.3px + 0.0px),30.40% calc(12.8px + 0.0px),30.60% calc(13.6px + 0.0px),31.10% calc(13.8px + 0.0px),31.40% calc(15.1px + 0.0px),31.90% calc(16.4px + 0.0px),32.44% calc(16.4px + 0.0px),32.93% calc(16.5px + 0.0px),33.34% calc(16.4px + 0.0px),33.82% calc(16.4px + 0.0px),34.17% calc(17.7px + 0.0px),34.38% calc(17.8px + 0.0px),34.86% calc(18.2px + 0.0px),35.15% calc(16.8px + 0.0px),35.67% calc(16.4px + 0.0px),36.06% calc(15.3px + 0.0px),36.21% calc(14.4px + 0.0px),36.39% calc(15.7px + 0.0px),36.78% calc(17.1px + 0.0px),37.33% calc(15.8px + 0.0px),37.73% calc(17.2px + 0.0px),38.26% calc(17.7px + 0.0px),38.45% calc(16.9px + 0.0px),38.72% calc(16.5px + 0.0px),39.00% calc(16.9px + 0.8px),39.43% calc(18.1px + 0.0px),39.56% calc(17.3px + 0.0px),39.84% calc(17.4px + 0.0px),40.24% calc(18.3px + 0.0px),40.68% calc(18.5px + 0.0px),41.16% calc(17.9px + 0.0px),41.47% calc(18.3px + 0.0px),41.87% calc(17.8px + 0.0px),42.31% calc(17.4px + 0.0px),42.62% calc(17.3px + 0.0px),42.98% calc(17.9px + 0.0px),43.16% calc(18.9px + 0.0px),43.62% calc(19.2px + 0.0px),44.02% calc(18.5px + 0.0px),44.22% calc(17.3px + 1.9px),44.43% calc(16.8px + 0.0px),44.87% calc(17.5px + 0.0px),45.26% calc(16.0px + 0.0px),45.53% calc(17.1px + 0.0px),46.04% calc(15.6px + 0.0px),46.20% calc(15.6px + 0.0px),46.74% calc(16.2px + 0.0px),47.25% calc(16.0px + 0.0px),47.44% calc(16.6px + 0.0px),47.84% calc(16.2px + 0.0px),48.24% calc(15.4px + 0.0px),48.45% calc(14.0px + 0.0px),48.78% calc(14.6px + 0.0px),49.07% calc(15.2px + 0.0px),49.41% calc(15.5px + 0.0px),49.62% calc(16.1px + 0.0px),49.83% calc(17.0px + 0.0px),50.32% calc(17.8px + 0.0px),50.75% calc(17.3px + 0.0px),50.90% calc(16.8px + 0.0px),51.40% calc(17.4px + 0.0px),51.90% calc(18.8px + 0.0px),52.28% calc(18.7px + 0.0px),52.74% calc(19.0px + 0.0px),52.97% calc(18.2px + 0.0px),53.34% calc(17.3px + 0.0px),53.71% calc(16.6px + 0.0px),54.25% calc(15.5px + 0.0px),54.63% calc(16.5px + 0.0px),54.92% calc(17.3px + 0.0px),55.21% calc(18.4px + 0.0px),55.52% calc(18.7px + 0.0px),55.87% calc(19.2px + 0.0px),56.08% calc(19.2px + 0.0px),56.46% calc(19.2px + 0.0px),56.79% calc(19.2px + 0.0px),56.96% calc(19.2px + 0.0px),57.31% calc(18.3px + 0.0px),57.47% calc(17.8px + 0.0px),57.72% calc(17.8px + 0.0px),58.05% calc(18.6px + 0.0px),58.59% calc(19.2px + 0.0px),58.91% calc(19.2px + 0.0px),59.26% calc(19.2px + 0.0px),59.60% calc(19.2px + 0.0px),59.92% calc(19.1px + 0.0px),60.10% calc(18.0px + 0.0px),60.44% calc(18.6px + 0.0px),60.88% calc(18.8px + 0.0px),61.27% calc(18.6px + 0.0px),61.46% calc(19.2px + 0.0px),61.73% calc(19.2px + 0.0px),62.11% calc(18.5px + 0.0px),62.47% calc(19.2px + 0.0px),62.78% calc(19.2px + 0.0px),63.13% calc(19.2px + 0.0px),63.38% calc(18.2px + 0.0px),63.55% calc(17.3px + 0.0px),63.92% calc(17.9px + 0.0px),64.37% calc(16.5px + 0.0px),64.54% calc(16.6px + 0.0px),64.91% calc(16.4px + 0.0px),65.17% calc(15.2px + 0.0px),65.50% calc(15.4px + 0.0px),65.98% calc(14.0px + 0.0px),66.30% calc(13.5px + 0.0px),66.71% calc(13.8px + 0.0px),67.03% calc(14.3px + 0.0px),67.21% calc(13.0px + 0.0px),67.52% calc(12.4px + 0.0px),67.93% calc(13.6px + 0.0px),68.46% calc(12.1px + 0.0px),69.00% calc(11.7px + 0.0px),69.34% calc(11.9px + 0.0px),69.86% calc(11.3px + 0.0px),70.38% calc(11.6px + 0.0px),70.59% calc(12.6px + 0.0px),70.78% calc(12.0px + 0.0px),71.06% calc(11.8px + 0.0px),71.21% calc(11.6px + 0.0px),71.48% calc(12.3px + 0.0px),72.02% calc(13.5px + 0.0px),72.18% calc(13.7px + 0.0px),72.58% calc(13.5px + 0.0px),73.13% calc(14.1px + 0.0px),73.52% calc(14.5px + 0.0px),74.04% calc(13.1px + 1.9px),74.21% calc(12.1px + 0.0px),74.48% calc(13.2px + 0.0px),74.89% calc(12.8px + 0.0px),75.43% calc(13.9px + 0.0px),75.77% calc(13.2px + 0.0px),76.07% calc(12.3px + 0.0px),76.36% calc(11.3px + 0.0px),76.90% calc(12.6px + 0.0px),77.24% calc(13.3px + 0.0px),77.63% calc(14.8px + 0.0px),78.17% calc(15.1px + 0.0px),78.30% calc(14.5px + 0.0px),78.65% calc(14.8px + 0.0px),78.90% calc(13.8px + 0.0px),79.28% calc(12.3px + 0.0px),79.71% calc(13.1px + 0.0px),79.94% calc(13.8px + 0.0px),80.21% calc(15.2px + 0.0px),80.72% calc(14.1px + 0.0px),81.26% calc(14.7px + 0.0px),81.76% calc(15.1px + 0.0px),82.24% calc(15.2px + 0.0px),82.68% calc(13.7px + 0.0px),83.18% calc(12.5px + 1.7px),83.60% calc(14.0px + 0.0px),83.99% calc(14.6px + 0.0px),84.48% calc(15.1px + 0.0px),84.87% calc(13.8px + 0.0px),85.13% calc(15.0px + 0.0px),85.41% calc(15.2px + 0.0px),85.73% calc(14.6px + 0.0px),86.19% calc(14.9px + 0.0px),86.52% calc(15.6px + 0.0px),86.81% calc(15.1px + 0.0px),87.14% calc(14.7px + 0.0px),87.67% calc(15.7px + 0.0px),88.08% calc(16.6px + 0.0px),88.36% calc(16.1px + 0.0px),88.63% calc(16.1px + 0.0px),88.85% calc(15.7px + 0.0px),89.18% calc(14.4px + 0.0px),89.67% calc(15.7px + 0.0px),89.86% calc(16.4px + 0.0px),90.06% calc(15.0px + 0.0px),90.34% calc(15.1px + 0.0px),90.84% calc(14.0px + 0.0px),90.98% calc(14.5px + 0.0px),91.47% calc(14.9px + 0.0px),91.70% calc(16.0px + 0.0px),92.07% calc(17.0px + 0.0px),92.21% calc(15.8px + 0.0px),92.65% calc(14.7px + 0.0px),93.15% calc(14.9px + 0.0px),93.54% calc(13.9px + 0.0px),93.67% calc(13.7px + 0.0px),93.96% calc(14.2px + 0.0px),94.37% calc(13.7px + 0.0px),94.67% calc(13.0px + 0.0px),94.82% calc(12.5px + 0.0px),95.12% calc(12.4px + 0.0px),95.59% calc(13.5px + 0.0px),95.71% calc(13.3px + 0.0px),96.11% calc(12.5px + 0.0px),96.61% calc(11.2px + 0.0px),96.99% calc(10.3px + 0.0px),97.48% calc(11.8px + 0.0px),97.61% calc(11.0px + 0.0px),98.13% calc(9.8px + 0.0px),98.62% calc(9.7px + 0.0px),98.77% calc(8.9px + 0.0px),99.25% calc(8.7px + 0.0px),99.49% calc(8.4px + 0.0px),99.65% calc(9.0px + 0.0px),99.95% calc(9.6px + 0.0px),100.00% calc(9.6px + 0.0px),100% 100%,0% 100%)}
.kraft-last::after{bottom:0;clip-path:polygon(0% 10.8px,0.34% calc(11.7px + 0.0px),0.59% calc(12.5px + 0.0px),0.99% calc(11.3px + 1.3px),1.43% calc(10.6px + 0.0px),1.69% calc(11.6px + 0.0px),1.98% calc(13.1px + 0.0px),2.45% calc(14.3px + 0.0px),2.88% calc(14.4px + 0.0px),3.09% calc(14.6px + 0.0px),3.48% calc(14.0px + 0.0px),4.01% calc(13.9px + 0.0px),4.19% calc(14.8px + 0.0px),4.70% calc(13.4px + 0.0px),4.84% calc(14.2px + 0.0px),5.38% calc(13.8px + 0.0px),5.87% calc(13.0px + 0.0px),6.40% calc(13.1px + 0.0px),6.64% calc(13.9px + 0.0px),7.02% calc(14.1px + 0.0px),7.19% calc(14.6px + 0.0px),7.45% calc(14.1px + 0.0px),7.82% calc(13.4px + 2.0px),8.09% calc(13.3px + 0.0px),8.48% calc(14.0px + 0.0px),8.63% calc(15.4px + 0.0px),8.76% calc(15.6px + 0.0px),9.05% calc(16.3px + 0.0px),9.43% calc(16.0px + 0.0px),9.66% calc(15.0px + 0.0px),9.87% calc(16.0px + 0.0px),10.33% calc(17.2px + 0.0px),10.47% calc(18.5px + 0.0px),10.93% calc(19.5px + 0.0px),11.22% calc(18.3px + 0.0px),11.61% calc(17.5px + 0.0px),11.85% calc(16.5px + 0.0px),12.28% calc(16.4px + 0.0px),12.61% calc(16.6px + 0.0px),12.92% calc(18.0px + 0.0px),13.14% calc(17.5px + 0.0px),13.41% calc(16.0px + 0.0px),13.78% calc(15.8px + 0.0px),14.04% calc(16.1px + 0.0px),14.40% calc(16.4px + 0.0px),14.95% calc(17.2px + 0.0px),15.22% calc(17.4px + 0.0px),15.57% calc(16.5px + 0.0px),15.99% calc(17.3px + 0.0px),16.30% calc(17.3px + 0.0px),16.62% calc(15.8px + 0.0px),17.17% calc(16.8px + 0.0px),17.61% calc(16.0px + 0.0px),17.96% calc(16.6px + 1.4px),18.47% calc(16.9px + 0.0px),18.63% calc(18.1px + 0.0px),18.76% calc(18.2px + 0.0px),18.97% calc(18.7px + 0.0px),19.44% calc(18.5px + 0.0px),19.79% calc(17.5px + 0.0px),20.02% calc(17.1px + 0.0px),20.50% calc(18.5px + 0.0px),20.62% calc(19.2px + 0.0px),21.06% calc(20.2px + 2.0px),21.31% calc(19.7px + 0.0px),21.66% calc(18.9px + 0.0px),21.90% calc(17.8px + 0.0px),22.31% calc(17.2px + 0.0px),22.59% calc(16.4px + 0.0px),23.05% calc(15.3px + 0.0px),23.36% calc(15.4px + 0.0px),23.70% calc(16.2px + 0.0px),24.06% calc(15.2px + 0.0px),24.32% calc(16.1px + 0.0px),24.85% calc(15.8px + 0.0px),25.04% calc(16.5px + 0.0px),25.35% calc(15.9px + 0.0px),25.79% calc(16.8px + 0.0px),26.01% calc(16.1px + 0.0px),26.14% calc(14.9px + 0.0px),26.44% calc(16.1px + 0.0px),26.63% calc(17.4px + 0.0px),26.90% calc(18.2px + 0.0px),27.43% calc(18.9px + 0.0px),27.93% calc(20.2px + 0.0px),28.11% calc(19.0px + 0.0px),28.61% calc(19.5px + 0.0px),29.07% calc(18.7px + 0.0px),29.56% calc(19.7px + 0.0px),29.80% calc(18.4px + 0.0px),30.31% calc(17.5px + 0.0px),30.45% calc(17.7px + 0.0px),30.86% calc(17.7px + 0.0px),31.09% calc(17.1px + 0.0px),31.61% calc(17.9px + 0.0px),31.82% calc(17.5px + 0.0px),32.35% calc(16.7px + 0.0px),32.63% calc(16.5px + 0.0px),33.06% calc(17.4px + 0.0px),33.39% calc(17.2px + 0.0px),33.57% calc(18.3px + 0.0px),33.78% calc(18.0px + 0.0px),34.27% calc(18.6px + 0.0px),34.80% calc(19.9px + 0.0px),35.13% calc(19.8px + 0.0px),35.67% calc(19.8px + 0.0px),35.87% calc(18.4px + 0.0px),36.08% calc(17.6px + 0.7px),36.39% calc(16.4px + 0.0px),36.77% calc(15.7px + 0.0px),37.05% calc(15.0px + 0.0px),37.51% calc(13.6px + 0.0px),37.86% calc(14.8px + 0.0px),38.09% calc(15.2px + 0.0px),38.62% calc(16.0px + 0.0px),38.90% calc(15.9px + 0.0px),39.35% calc(15.9px + 0.0px),39.47% calc(16.8px + 0.0px),39.82% calc(15.8px + 0.0px),40.20% calc(17.1px + 0.0px),40.49% calc(16.0px + 0.0px),40.67% calc(15.0px + 0.0px),40.81% calc(16.2px + 0.0px),41.36% calc(15.0px + 0.0px),41.68% calc(14.4px + 0.0px),41.93% calc(13.9px + 0.7px),42.05% calc(13.8px + 0.0px),42.40% calc(13.3px + 0.0px),42.85% calc(14.4px + 0.0px),43.25% calc(13.8px + 0.0px),43.68% calc(14.1px + 0.0px),44.13% calc(12.8px + 0.0px),44.27% calc(11.7px + 0.0px),44.63% calc(10.8px + 0.0px),44.93% calc(9.6px + 0.0px),45.22% calc(8.3px + 0.0px),45.52% calc(9.1px + 0.0px),45.74% calc(9.1px + 0.0px),45.91% calc(9.8px + 0.0px),46.39% calc(10.2px + 0.0px),46.85% calc(9.4px + 0.0px),47.06% calc(9.5px + 0.0px),47.37% calc(10.4px + 0.0px),47.57% calc(9.3px + 0.6px),47.80% calc(9.9px + 0.0px),48.09% calc(8.5px + 0.0px),48.62% calc(7.1px + 0.0px),49.17% calc(6.6px + 0.0px),49.64% calc(7.1px + 0.0px),50.09% calc(7.3px + 0.0px),50.47% calc(8.3px + 0.0px),50.99% calc(7.1px + 0.8px),51.33% calc(7.8px + 0.0px),51.45% calc(6.3px + 0.0px),51.85% calc(6.0px + 0.0px),52.06% calc(6.6px + 0.0px),52.59% calc(6.1px + 0.0px),53.12% calc(6.7px + 0.0px),53.56% calc(6.6px + 0.0px),53.72% calc(6.6px + 0.0px),53.95% calc(7.2px + 0.0px),54.27% calc(7.3px + 2.1px),54.50% calc(6.2px + 0.0px),54.71% calc(4.8px + 0.0px),54.85% calc(4.4px + 0.0px),55.06% calc(3.4px + 0.0px),55.43% calc(3.7px + 2.3px),55.56% calc(4.5px + 0.0px),55.86% calc(4.0px + 0.0px),56.23% calc(5.1px + 0.0px),56.39% calc(5.4px + 0.0px),56.76% calc(5.1px + 2.1px),56.96% calc(4.6px + 0.0px),57.47% calc(5.7px + 0.0px),57.73% calc(4.9px + 0.0px),58.20% calc(5.3px + 0.0px),58.63% calc(4.5px + 0.0px),58.93% calc(5.6px + 0.0px),59.29% calc(6.0px + 0.0px),59.74% calc(6.7px + 0.0px),60.28% calc(5.3px + 0.0px),60.53% calc(4.2px + 0.0px),60.70% calc(3.3px + 0.0px),61.17% calc(2.9px + 0.0px),61.55% calc(2.3px + 0.0px),61.86% calc(3.4px + 0.0px),62.24% calc(4.3px + 0.0px),62.69% calc(5.2px + 0.0px),62.90% calc(5.3px + 0.0px),63.27% calc(5.2px + 0.0px),63.62% calc(4.7px + 0.0px),63.87% calc(5.6px + 0.0px),64.41% calc(6.6px + 0.0px),64.72% calc(7.5px + 2.0px),65.02% calc(8.0px + 1.8px),65.16% calc(7.4px + 0.0px),65.56% calc(7.0px + 0.0px),65.83% calc(6.4px + 0.0px),66.06% calc(6.4px + 0.0px),66.53% calc(6.0px + 0.0px),66.80% calc(7.0px + 0.0px),67.25% calc(8.3px + 0.0px),67.75% calc(7.6px + 0.0px),68.11% calc(7.7px + 0.0px),68.34% calc(8.1px + 0.0px),68.76% calc(8.8px + 0.0px),68.94% calc(8.6px + 0.0px),69.19% calc(7.4px + 0.0px),69.47% calc(6.5px + 0.0px),69.99% calc(6.7px + 0.0px),70.11% calc(6.4px + 0.0px),70.64% calc(7.6px + 0.0px),71.16% calc(6.9px + 0.0px),71.51% calc(7.0px + 0.0px),71.73% calc(6.0px + 0.0px),72.14% calc(5.0px + 0.0px),72.54% calc(4.4px + 0.0px),72.70% calc(3.5px + 0.0px),72.98% calc(4.7px + 0.0px),73.10% calc(6.0px + 0.0px),73.42% calc(6.7px + 0.0px),73.58% calc(7.4px + 0.0px),74.00% calc(6.0px + 0.0px),74.20% calc(7.2px + 0.6px),74.46% calc(8.2px + 0.0px),74.88% calc(9.1px + 0.0px),75.16% calc(9.8px + 0.0px),75.40% calc(10.9px + 0.0px),75.63% calc(9.8px + 0.0px),76.15% calc(8.7px + 0.0px),76.65% calc(7.5px + 0.0px),76.90% calc(7.6px + 0.0px),77.42% calc(7.1px + 0.0px),77.76% calc(8.5px + 0.0px),78.00% calc(8.1px + 0.0px),78.25% calc(7.2px + 0.0px),78.60% calc(6.4px + 0.0px),78.81% calc(6.5px + 0.0px),79.31% calc(7.9px + 0.0px),79.60% calc(7.6px + 0.0px),79.79% calc(6.2px + 0.0px),80.15% calc(5.7px + 0.0px),80.51% calc(7.1px + 0.0px),80.74% calc(6.2px + 0.0px),81.22% calc(5.1px + 0.0px),81.48% calc(6.5px + 0.0px),81.71% calc(7.8px + 0.0px),81.93% calc(9.2px + 0.0px),82.46% calc(9.4px + 0.0px),82.98% calc(10.1px + 0.0px),83.28% calc(9.6px + 0.0px),83.54% calc(10.3px + 0.0px),83.68% calc(11.2px + 0.0px),84.20% calc(11.4px + 0.0px),84.66% calc(12.0px + 0.0px),85.04% calc(11.6px + 0.0px),85.17% calc(11.4px + 0.0px),85.37% calc(12.7px + 0.0px),85.63% calc(11.6px + 0.0px),86.02% calc(12.4px + 0.0px),86.48% calc(11.7px + 0.0px),86.69% calc(10.2px + 2.3px),86.87% calc(9.0px + 0.0px),87.14% calc(9.1px + 0.6px),87.46% calc(10.5px + 0.0px),87.64% calc(11.3px + 0.0px),87.98% calc(12.0px + 0.0px),88.20% calc(11.4px + 0.0px),88.57% calc(12.2px + 0.0px),88.97% calc(11.3px + 0.0px),89.20% calc(10.2px + 0.0px),89.75% calc(9.9px + 0.0px),90.20% calc(10.3px + 0.0px),90.60% calc(10.8px + 0.0px),90.78% calc(9.5px + 0.0px),91.29% calc(8.1px + 0.0px),91.75% calc(9.1px + 0.0px),91.94% calc(8.7px + 0.0px),92.22% calc(9.4px + 0.0px),92.76% calc(8.7px + 0.0px),93.12% calc(8.8px + 0.0px),93.46% calc(9.7px + 0.0px),93.99% calc(10.7px + 0.0px),94.51% calc(11.2px + 0.0px),94.71% calc(10.4px + 0.0px),95.16% calc(10.3px + 0.0px),95.40% calc(10.5px + 0.0px),95.90% calc(9.9px + 0.0px),96.42% calc(9.8px + 0.0px),96.58% calc(9.9px + 0.0px),96.83% calc(9.4px + 0.0px),97.23% calc(10.3px + 2.2px),97.77% calc(9.9px + 0.0px),97.95% calc(9.2px + 0.0px),98.16% calc(8.8px + 0.0px),98.35% calc(10.0px + 0.0px),98.88% calc(9.5px + 0.0px),99.14% calc(8.9px + 0.0px),99.66% calc(9.3px + 0.0px),100.00% calc(9.9px + 0.0px),100% 100%,0% 100%)}
footer a{border-bottom-color:rgba(43,32,22,.45)}
.kraft-last + footer{margin-top:0;padding-top:30px}
.kraft-last + footer::before{display:none}
.kraft-last + footer::after{top:0;clip-path:none}

/* Case studies: every write-up gets its own card. The flagship leads; the
   others are smaller, alternate sides, and list their talk points. */
.flag-sm{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:start}
.flag-sm.rev{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.flag-sm.rev .flag-shot{order:2}
.flag-sm .flag-shot .fig{max-width:380px}
.flag-sm.rev .flag-shot .fig{margin-left:auto}
.flag-sm .flag-body .bname{font-size:clamp(1.9rem,3vw,2.4rem)}
.flag-sm .flag-body > .sh-n{display:block}
.flag-pts{display:block;margin:10px 0 18px;padding:0}
.flag-pts span{display:block;position:relative;padding-left:22px;color:var(--ink)}
.flag-pts span::before{content:'';position:absolute;left:2px;top:12px;width:8px;height:8px;background:var(--accent);transform:rotate(45deg)}
.flag-sm .nums.compact{margin:0 0 18px}
@media(max-width:900px){.flag-sm,.flag-sm.rev{grid-template-columns:1fr}.flag-sm.rev .flag-shot{order:0}.flag-sm .flag-shot .fig{max-width:320px;margin:0}}
.flag-pts span{padding-left:22px;text-indent:-22px}
.flag-pts span::before{position:static;display:inline-block;margin:0 14px 0 0;vertical-align:1px;text-indent:0}
/* Equal visual weight: every case-study image sits in the same 380px frame. */
.flag-sm{align-items:center}
.flag-sm .flag-shot{display:flex}
.flag-sm.rev .flag-shot{justify-content:flex-end}
.flag-sm .flag-shot .fig{width:auto;max-width:100%}
.flag-sm .flag-shot .fig img{width:auto;height:380px;max-width:100%;object-fit:contain}
.flag-sm .flag-shot .fig.wide img{height:auto;width:420px}
.nums .num-l{margin-top:4px;line-height:1.45}
@media(max-width:900px){.flag-sm .flag-shot .fig img{height:300px}.flag-sm .flag-shot .fig.wide img{width:100%;height:auto}}
.flag-sm .flag-shot .fig{width:fit-content;flex:0 0 auto}
.flag-sm .flag-shot{justify-content:flex-start}
.flag-sm.rev .flag-shot{justify-content:flex-end}
/* Case studies: each card is titled with the brand name in black cut-outs. */
.flag-body .csname{display:flex;margin:4px 0 14px}

/* ---------------------------------------------------------------------------
   Newspaper-style case studies: pictures sit inside the story, beside or
   between the paragraphs they illustrate, at their own ratios. The rest of
   each brand's work stays in the gallery below.
--------------------------------------------------------------------------- */
.prose.news,.cs .prose.news{display:block;max-width:820px}
.prose.news::after{content:'';display:block;clear:both}
.prose.news > p{margin:0 0 16px}
.prose.news > .pull{margin:22px 0}
.fig.inset{margin:6px 0 20px;flex:none;max-width:none;transform:none}
.fig.inset img{width:100%;height:auto}
.fig.inset.r{float:right;margin-left:30px}
.fig.inset.l{float:left;margin-right:30px}
.fig.inset.r,.fig.inset.l{width:40%}
.fig.inset.portrait.r,.fig.inset.portrait.l,.fig.inset.square.r,.fig.inset.square.l{width:31%}
.fig.inset.vtall.r,.fig.inset.vtall.l,.fig.inset.vid.portrait{width:25%}
.fig.inset.c{clear:both;width:fit-content;max-width:100%;margin:26px auto 28px}
.fig.inset.c img{width:auto;max-width:100%;max-height:420px}
.fig.inset.r{transform:rotate(.6deg)}.fig.inset.l{transform:rotate(-.6deg)}
@media (max-width:640px){
  .fig.inset.r,.fig.inset.l{width:46%}
  .fig.inset.wide.r,.fig.inset.wide.l,.fig.inset.landscape.r,.fig.inset.landscape.l{float:none;width:100%;margin:10px 0 20px}
  .fig.inset.vid.portrait{width:40%}
}
/* Two related pieces set side by side inside the story. */
.inset-pair{clear:both;display:flex;justify-content:center;gap:22px;margin:26px 0 28px}
.inset-pair .fig.inset.p{width:auto;margin:0}
.inset-pair .fig.inset.p img{width:auto;height:300px}
.inset-pair .fig.inset.p:first-child{transform:rotate(-1deg)}.inset-pair .fig.inset.p:last-child{transform:rotate(1.2deg)}
@media (max-width:640px){.inset-pair .fig.inset.p img{height:200px}}

/* Archives: each brand is a drop-down. */
.bgroups{gap:0}
details.bgroup{border-bottom:1.5px solid var(--rule)}
details.bgroup > summary{list-style:none;cursor:pointer;padding:18px 0;margin:0}
details.bgroup > summary::-webkit-details-marker{display:none}
.bg-mark{margin-left:14px;font-size:26px;font-weight:700;color:var(--accent);line-height:1;transition:transform .2s}
details.bgroup[open] .bg-mark{transform:rotate(45deg)}
details.bgroup > summary:hover .bname{color:var(--accent)}
details.bgroup[open] > .asheet{margin:6px 0 40px}
/* Every page opens on the same brown paper as the homepage, joined to the nav. */
.herobg.page{padding-bottom:34px}
.herobg.page > .wrap:first-child,.herobg.page > section{padding-bottom:24px}
.herobg.page + section,.herobg.page + .wrap{margin-top:36px}
.herobg .crumb a,.herobg .crumb b,.herobg .crumb span{color:#3E3022}
.herobg .pmeta dt{color:#4A3B2A}
.herobg .lede,.herobg .plead,.herobg .pmeta dd{color:#2B2016}
.bg-mark{margin-left:auto}

/* ---------- nav cat ---------- */
.navpaper{position:relative}
.nv{position:relative;z-index:2}
.navcat{position:absolute;left:0;top:8px;z-index:1;width:62px;height:42px;padding:0;margin:0;border:0;
  background:none;cursor:inherit;will-change:transform}
.navcat svg{display:block;width:100%;height:100%;overflow:visible;transition:transform .25s ease}
.navcat.left svg{transform:scaleX(-1)}
.navcat .p-walk,.navcat .p-sit,.navcat .p-sleep,.navcat .p-stretch{display:none}
.navcat.walk .p-walk{display:inline}
.navcat.sit .p-sit{display:inline}
.navcat.sleep .p-sleep{display:inline}
.navcat.stretch .p-stretch{display:inline}
/* parts that only belong to certain moods */
.navcat .arm,.navcat .paw,.navcat .knead,.navcat .eyes-shut{display:none}
.navcat.groom .paw,.navcat.wave .arm,.navcat.play .arm,.navcat.knead .knead{display:inline}
.navcat.knead .feet,.navcat.pet .eyes,.navcat.sleep .eyes{display:none}
.navcat.pet .eyes-shut{display:inline}
/* tails, blinks and breathing */
.navcat .tail{transform-box:fill-box;transform-origin:100% 100%;animation:cattail 2.2s ease-in-out infinite}
.navcat.sit .tail{transform-origin:0% 100%;animation-duration:2.8s}
.navcat.stretch .tail{transform-origin:0% 100%;animation-duration:2s}
.navcat.sit.look .tail,.navcat.sit.play .tail{animation-duration:.9s}
.navcat .eyes{transform-box:fill-box;transform-origin:50% 50%;animation:catblink 5s infinite}
.navcat.walk .legs-a{animation:catleg var(--gait,.34s) ease-in-out infinite alternate}
.navcat.walk .legs-b{animation:catleg var(--gait,.34s) ease-in-out infinite alternate-reverse}
.navcat .legs-a,.navcat .legs-b{transform-box:fill-box;transform-origin:50% 0}
.navcat.walk .p-walk{animation:catbob var(--gait,.34s) ease-in-out infinite alternate}
.navcat.stand .legs-a,.navcat.stand .legs-b,.navcat.stand .p-walk{animation:none}
/* grooming, waving, batting at the yarn, kneading, stretching, purring */
.navcat .head{transform-box:fill-box;transform-origin:50% 100%}
.navcat.groom .p-sit .head{animation:catgroom .55s ease-in-out infinite alternate}
.navcat.groom .paw{transform-box:fill-box;transform-origin:50% 100%;animation:catlick .55s ease-in-out infinite alternate}
.navcat.look .p-sit .head{animation:catlook 2.6s ease-in-out infinite}
.navcat .arm{transform-box:fill-box;transform-origin:0% 100%}
.navcat.wave .arm{animation:catwave .34s ease-in-out infinite alternate}
.navcat.play .arm{animation:catbat .26s ease-in-out infinite alternate}
.navcat.play .p-sit .head{animation:catlook 1.1s ease-in-out infinite}
.navcat.knead .k1{transform-box:fill-box;transform-origin:50% 50%;animation:catknead .62s ease-in-out infinite alternate}
.navcat.knead .k2{transform-box:fill-box;transform-origin:50% 50%;animation:catknead .62s ease-in-out infinite alternate-reverse}
.navcat.stretch .p-stretch{transform-box:fill-box;transform-origin:100% 100%;animation:catstretch 1.6s ease-in-out infinite alternate}
.navcat.sleep .p-sleep{transform-box:fill-box;transform-origin:50% 100%;animation:catbreathe 3s ease-in-out infinite}
.navcat.pet .p-sit{transform-box:fill-box;transform-origin:50% 100%;animation:catpurr .16s ease-in-out infinite alternate}
.navcat .zz{animation:catz 2.8s ease-in-out infinite}.navcat .z2{animation-delay:1.2s}
/* the yarn */
.navcat-yarn{position:absolute;left:0;z-index:1;width:20px;height:20px;pointer-events:none;transform:translateX(-50%)}
.navcat-yarn svg{display:block;width:100%;height:100%}
.navcat-yarn.drop{animation:yarndrop .5s cubic-bezier(.3,1.4,.6,1)}
.navcat-yarn.roll{animation:yarnroll 1.3s ease-in-out infinite}
.navcat-yarn.out{animation:yarnout .45s ease-in forwards}
/* hearts when the cat is petted */
.navcat-heart{position:absolute;bottom:30px;z-index:3;color:var(--accent);pointer-events:none;
  transform:translateX(-50%);animation:catheart 1.4s ease-out forwards}
@keyframes cattail{0%,100%{transform:rotate(0)}50%{transform:rotate(-14deg)}}
@keyframes catleg{from{transform:rotate(-16deg)}to{transform:rotate(16deg)}}
@keyframes catbob{from{transform:translateY(0)}to{transform:translateY(-1px)}}
@keyframes catblink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes catgroom{from{transform:rotate(0)}to{transform:rotate(9deg)}}
@keyframes catlick{from{transform:translate(0,0)}to{transform:translate(-2px,2px)}}
@keyframes catlook{0%,100%{transform:rotate(0)}30%{transform:rotate(-11deg)}70%{transform:rotate(11deg)}}
@keyframes catwave{from{transform:rotate(-18deg)}to{transform:rotate(22deg)}}
@keyframes catbat{from{transform:rotate(-6deg)}to{transform:rotate(26deg)}}
@keyframes catknead{from{transform:translateY(0)}to{transform:translateY(-3px)}}
@keyframes catstretch{0%{transform:scaleX(1) skewX(0)}100%{transform:scaleX(1.09) skewX(-3deg)}}
@keyframes catbreathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.04)}}
@keyframes catpurr{from{transform:translateX(-.4px)}to{transform:translateX(.4px)}}
@keyframes catz{0%{opacity:0;transform:translateY(3px)}40%{opacity:1}100%{opacity:0;transform:translateY(-5px)}}
@keyframes yarndrop{0%{transform:translate(-50%,-26px) rotate(-60deg);opacity:0}60%{opacity:1}100%{transform:translate(-50%,0) rotate(0);opacity:1}}
@keyframes yarnroll{0%,100%{transform:translate(-50%,0) rotate(-12deg)}50%{transform:translate(calc(-50% + 5px),0) rotate(14deg)}}
@keyframes yarnout{to{transform:translate(-50%,10px) scale(.5);opacity:0}}
@keyframes catheart{from{opacity:1;transform:translate(-50%,0) scale(.7)}30%{opacity:1}
  to{opacity:0;transform:translate(calc(-50% + 6px),-30px) scale(1.15)}}
@media (prefers-reduced-motion:reduce){.navcat *,.navcat-yarn,.navcat-heart{animation:none!important}}
@media (max-width:560px){.navcat{width:48px;height:33px}.navcat-yarn{width:15px;height:15px}}

/* Gait follows speed; standing still keeps the legs down. */
.navcat.walk .legs-a,.navcat.walk .legs-b,.navcat.walk .p-walk{animation-duration:var(--gait,.36s)}
.navcat.stand .legs-a,.navcat.stand .legs-b,.navcat.stand .p-walk{animation:none}
.navcat.stand .tail{animation-duration:1.2s}
.navcat svg{transition:transform .25s ease}

/* ---------------------------------------------------------------------------
   AUDIT PASS.
   A real page heading for search engines and screen readers (the cut-out
   letters stay as the visible title); darker small type on the brown paper;
   a comfortable line length in the case-study stories.
--------------------------------------------------------------------------- */
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.herobg .hero-slogan,.herobg .alabel{color:#37291A}
.kraftmid .hn-lead,.kraftmid .hn-meta,.kraftmid .sh-note,.herobg .lede,.herobg .crumb a,
.herobg .crumb b,.herobg .crumb span,.herobg .pmeta dt{color:#33261A}
.hn-meta{font-size:11.5px}
.hg-cap{font-size:11px}
.fig figcaption,.num-l,.stat-src{font-size:11px}
.prose.news > p,.prose.news > .pull{max-width:68ch}
/* Phones: chips two to a row, archive gallery two to a row. */
@media (max-width:560px){
  .points{display:flex;flex-wrap:wrap;gap:8px}
  .points li{flex:1 1 calc(50% - 8px);margin:0;text-align:center}
  .hg-row{flex-wrap:wrap}
  .hg-i{flex:1 1 calc(50% - 8px);min-width:calc(50% - 8px)}
}
/* Phones: the case-study details read as a compact list, not a long ladder. */
@media (max-width:560px){
  .pmeta{gap:0}
  .pmeta > div{display:flex;align-items:baseline;gap:12px}
  .pmeta dt{flex:0 0 78px}
  .pmeta dd{margin:0}
}
.prose.news > p{max-width:60ch}
.prose.news > .pull{max-width:24ch}
.prose.news > .pull.sm{max-width:32ch}

/* ---------------------------------------------------------------------------
   READABILITY PASS.
   Nothing drops below 11.5px; long metadata lines lose their capitals (capitals
   slow reading once a line runs past a few words) and keep only a little extra
   letter-spacing; the journal entry gets a proper measure.
--------------------------------------------------------------------------- */
.num-l,.pmeta dt,.pn-l,.ai-label,.ai-label b,.ai-label span,.ai-label i,.stat-src,.uw-m,.uw-n,
.hn-meta,.bg-meta,.snote-l,.lb-pn,.claim-v,.pcard-client,.dm-k,.rel span,.cstat-l,.cstat-r,
.hf-meta dt,.credit,.fbtn,.nc-go,.badge,.lb-src,.pn-all,.fig figcaption,.hg-cap,.alabel,.sh-n{
  font-size:11.5px}
.num-l{font-size:11.5px;letter-spacing:.07em}
.alabel,.bg-meta,.fig figcaption,.hg-cap,.ai-label{text-transform:none;letter-spacing:.03em}
.fig figcaption,.hg-cap{font-weight:500}
.alabel,.bg-meta{font-weight:600}
.journal .lede,.journal p{max-width:62ch}
.journal{padding:34px 40px}
.nums.compact .num-l{font-size:11.5px}
.polaroid figcaption{font-size:11.5px}

/* Brown paper: a lighter wrapping stock, with ink-dark text on it. Dark type on
   mid-brown was only just readable; this clears 10:1 for body text. */
.herobg,.kraftmid,footer{color:#241A10}
.herobg .hero-slogan,.herobg .alabel,.herobg .lede,.herobg .crumb a,.herobg .crumb b,
.herobg .crumb span,.herobg .pmeta dt,.kraftmid .hn-lead,.kraftmid .hn-meta,.kraftmid .sh-note,
.kraftmid .meta,footer .fnote{color:#43331F}
.herobg .hero-now .hn-notice,.kraftmid .hn-go{color:#8A2A04}
.kraftmid .hnexts{border-top-color:rgba(50,34,18,.3)}
.kraftmid .hnext{border-bottom-color:rgba(50,34,18,.3)}
.ficons a{border-color:#241A10;color:#241A10}
.ficons a:hover{background:#241A10;color:#F4EADA}