:root{--desk:#2A2C31;--desk-text:#ECEAE4;--page:#F4F3EF;--text:#1E2025;--muted:#5D616B;--rule:#D8D6CF;
 --navy:#1E2C5E;--red:#C2352B;--legal:#FCF4B0;--focus:#C2352B;
 --serif:"Instrument Serif",Georgia,serif;--sans:"Instrument Sans",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--page);color:var(--text);font:400 1.0625rem/1.62 var(--sans)}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
svg.hand{display:block;height:auto;fill:currentColor;overflow:visible}
.desk{background:var(--desk) radial-gradient(900px 420px at 80% -10%,rgba(255,255,255,.07),transparent 60%);color:var(--desk-text)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px}
.mark{font:400 1.7rem/1 var(--serif);color:var(--desk-text);text-decoration:none;letter-spacing:.01em}
header nav{display:flex;gap:22px;font-size:.95rem}
header nav a{color:var(--desk-text);opacity:.8;text-decoration:none}
header nav a:hover{opacity:1;text-decoration:underline}
.hero{padding-block:30px 90px}
.hero h1{font:400 clamp(2.6rem,6vw,4.6rem)/1.02 var(--serif);margin:0 0 18px;max-width:14em;text-wrap:balance}
.hero p.lede{font-size:1.18rem;max-width:36em;margin:0 0 48px;opacity:.9}
.papers{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.paper{position:relative;display:block;color:var(--text);text-decoration:none;padding:40px 36px 30px;box-shadow:0 2px 0 rgba(0,0,0,.08),0 40px 60px -28px rgba(0,0,0,.7);transition:transform .2s ease}
.paper:hover{transform:translateY(-4px) rotate(var(--t))}
.paper .hw{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:14px}
.paper .what{margin:0 0 14px;color:var(--muted)}
.paper .go{font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.yt{--t:-1.2deg;transform:rotate(var(--t));background:#fff;border:12px solid;
  border-image:repeating-linear-gradient(-45deg,#C2352B 0 14px,#fff 14px 21px,#1E2C5E 21px 35px,#fff 35px 42px) 12}
.yt .hw{color:var(--navy)}
.sw{--t:1.2deg;transform:rotate(var(--t));padding-left:62px;padding-top:56px;
  background:linear-gradient(90deg,transparent 0 38px,#E08585 38px 39.5px,transparent 39.5px 43px,#E08585 43px 44.5px,transparent 44.5px),
  repeating-linear-gradient(transparent 0 33px,rgba(90,140,200,.5) 33px 34px) 0 36px,var(--legal)}
.sw::before{content:"";position:absolute;left:0;right:0;top:0;height:26px;background:#7E2B25 repeating-linear-gradient(90deg,transparent 0 3px,rgba(0,0,0,.12) 3px 4px)}
.sw .hw{color:#141417}
.sw .go{color:#141417}
.price{font:400 1.05rem/1.4 var(--sans);margin:0 0 6px}
.price b{font:400 2.2rem/1 var(--serif);margin-right:6px}
section.band{padding-block:72px}
h2{font:400 clamp(2rem,4.4vw,3rem)/1.05 var(--serif);margin:0 0 22px}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.cols h3{font:600 1.08rem/1.3 var(--sans);margin:0 0 6px}
.cols p{margin:0;color:var(--muted)}
table{width:100%;border-collapse:collapse;font-size:1rem}
th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-weight:600;width:28%}
.tablewrap{overflow-x:auto}
footer{padding-block:44px 56px;font-size:.92rem}
footer nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:12px}
footer a{color:var(--desk-text)}
footer p{margin:0;opacity:.8;max-width:50em}
.page{max-width:780px;margin:0 auto;padding:44px max(20px,env(safe-area-inset-right,0px)) 80px max(20px,env(safe-area-inset-left,0px))}
.page h1{font:400 clamp(2.2rem,5vw,3rem)/1.05 var(--serif);margin:0 0 10px}
.page h2{font:600 1.2rem/1.3 var(--sans);margin:30px 0 8px}
.page .effective{color:var(--muted)}
@media (max-width:820px){.papers,.cols{grid-template-columns:minmax(0,1fr)}header nav{display:none}.paper{transform:none}.paper:hover{transform:none}}