/* Erbschaftskontor: direction "The page is the object" (the valuation certificate and its stationery).
   Tokens first; everything below uses tokens only. Edges that are cut (zigzag, scallop, notch) are
   generated by build.py into the block marked EDGES at the end of this file. */

@font-face{font-family:Jost;src:url(fonts/jost.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Geist;src:url(fonts/geist.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --bg:#ffffff;--surface:#f4f4f2;--paper:#f4f4f2;--ink:#1f2b4d;--muted:#5d647a;
  --accent:#f7941d;--accent-ink:#1f2b4d;
  --field-1:#05070a;--field-1-ink:#ffffff;--field-2:#e3e1dc;--field-2-ink:#1f2b4d;

  --font-display:Jost,"Helvetica Neue",Arial,sans-serif;
  --font-text:Geist,"Helvetica Neue",Arial,sans-serif;

  --step-small:clamp(.875rem,.85rem + .1vw,.95rem);
  --step-body:clamp(1.125rem,1.06rem + .25vw,1.25rem);
  --step-lead:clamp(1.3rem,1.15rem + .7vw,1.75rem);
  --step-head:clamp(2.1rem,1.2rem + 3vw,3.9rem);
  --step-display:clamp(2.5rem,1rem + 4.6vw,5rem);

  --margin:clamp(1rem,2.2vw,2rem);
  --gutter:clamp(1rem,2vw,2rem);
  --section:clamp(5rem,12vw,12rem);
  --radius:0;
  --gap:12px;

  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-in-out:cubic-bezier(.76,0,.24,1);
  --t-press:140ms;--t-hover:180ms;--t-reveal:800ms;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--step-body)/1.5 var(--font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,video,svg{display:block;max-width:100%}
img{height:auto;background:var(--surface)}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.07em}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.on-dark :focus-visible,.ground-1 :focus-visible{outline-color:var(--accent)}
::selection{background:var(--accent);color:var(--accent-ink)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:var(--margin);top:var(--margin);background:var(--accent);color:var(--accent-ink);padding:12px 18px;z-index:50}

h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:.98;text-wrap:balance}
h1{font-size:var(--step-display)}
h2{font-size:var(--step-head)}
h3{font-size:var(--step-lead);line-height:1.1;letter-spacing:-.01em}
p{max-width:62ch;text-wrap:pretty}
p+p{margin-top:.9em}
.lead{font-size:var(--step-lead);line-height:1.3;max-width:36ch}
.small{font-size:var(--step-small);line-height:1.45}
.muted{color:var(--muted)}
.nums{font-variant-numeric:tabular-nums}
.wrap{padding-inline:var(--margin)}
.narrow{max-width:54rem}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}

/* ---------- controls ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;padding:0 1.7rem;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);font:700 var(--step-body)/1 var(--font-display);text-decoration:none;white-space:nowrap;transition:transform var(--t-press) var(--ease-out),background-color var(--t-hover) ease}
.btn:active{transform:scale(.97)}
.btn.ink{background:var(--ink);color:#fff}
.btn.dark{background:var(--field-1);color:#fff}
.link{text-decoration:underline;text-decoration-color:currentColor}
@media (hover:hover) and (pointer:fine){.btn:hover{background:#ffa43d}.btn.ink:hover{background:#2c3d6b}.link:hover{color:var(--muted)}}
.sq{width:3rem;height:3rem;background:var(--ink);color:#fff;font:700 1.4rem/1 var(--font-display);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--t-press) var(--ease-out),background-color var(--t-hover) ease}
.sq:active{transform:scale(.94)}
@media (hover:hover){.sq:hover{background:#2c3d6b}}

/* the minute track: the page's one stripe, taken from the watch dial */
.track{display:flex;height:56px;overflow:hidden}
.track i{flex:0 0 28px;background:var(--ink)}
.track i:nth-child(even){background:transparent}
.track.slim{height:8px}

/* ---------- plain bar (inner pages) ---------- */
.bar{background:var(--bg);color:var(--ink)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding-block:1rem}
.bar .logo img{height:3.25rem;width:auto;background:none}
.bar nav{display:flex;gap:.4rem 1.6rem;flex-wrap:wrap;align-items:center;font-size:var(--step-small)}
.bar nav a{text-decoration:none;padding:.5rem 0}
.bar nav a[aria-current]{text-decoration:underline;text-decoration-thickness:.12em}
.bar nav .btn{min-height:3rem;padding:0 1.3rem;font-size:var(--step-small)}

/* ---------- the certificate (home hero) ---------- */
.hero{background:var(--field-1);padding:var(--gap);display:grid;grid-template-columns:3fr 2fr;gap:var(--gap);min-height:100svh}
.hero-card{background:var(--bg);display:flex;flex-direction:column;min-width:0}
.track{min-width:0;width:100%}
.cert{padding:clamp(1.25rem,2.4vw,2.6rem);display:flex;flex-direction:column;gap:1.4rem;flex:1}
.cert-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.cert-head img{width:clamp(210px,21vw,300px);height:auto;background:none}
.cert h1{font-size:clamp(2.2rem,6.2vw,6.8rem);line-height:.92}
.cert .lead{font-size:var(--step-body);max-width:36ch}
.cert-fields{display:grid;grid-template-columns:1fr 1fr 8rem;gap:10px}
.cert-fields label{display:block;font-size:var(--step-small);color:var(--muted)}
.cert-fields input,.coupon input[type=text],.coupon input[type=tel],.coupon input[type=email],.coupon textarea{width:100%;min-height:3.25rem;margin-top:.3rem;padding:.6rem .85rem;background:var(--surface);border:0;border-radius:var(--radius);font-size:var(--step-body);color:var(--ink)}
.cert-fields input::placeholder{color:#7b8296;opacity:1}
.leaders li{display:flex;align-items:baseline;gap:.7rem}
.leaders li i{flex:1;border-bottom:4px dotted currentColor;opacity:.4;transform:translateY(-.3em);min-width:1rem}
.leaders li b{font-weight:700;white-space:nowrap}
.cert-rows li{font-size:var(--step-body)}
.cert-actions{display:flex;align-items:center;gap:1rem 1.6rem;flex-wrap:wrap;margin-top:.4rem}
.cert-nav{display:flex;gap:.3rem 1.5rem;flex-wrap:wrap;font-size:var(--step-small);margin-top:auto;padding-top:1rem}
.cert-nav a{text-decoration:none;padding:.4rem 0}
.cert-nav a:hover{text-decoration:underline}
.hero-photo{position:sticky;top:var(--gap);height:calc(100svh - 2*var(--gap));overflow:hidden;background:var(--field-1)}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1600ms ease;background:none}
.hero-photo img.on{opacity:1;animation:drift 9s ease-out forwards}
.hero-photo img:first-child{opacity:1}
@keyframes drift{from{transform:scale(1)}to{transform:scale(1.06)}}
.hero-photo figcaption{position:absolute;left:0;bottom:0;background:var(--bg);padding:.7rem 1rem;font-size:var(--step-small);color:var(--ink)}

/* ---------- how it works: a row of moments ---------- */
.moments-sec{padding-block:var(--section) calc(var(--section)*.6)}
.row-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.row-btns{display:flex;gap:10px}
.progress{height:6px;background:var(--field-2);margin-top:1.4rem}
.progress span{display:block;height:100%;width:20%;background:var(--ink);transition:width 120ms linear}
.moments{display:flex;gap:2rem;margin-top:2.4rem;padding:0 var(--margin) 1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--margin);scrollbar-width:none}
.moments::-webkit-scrollbar{display:none}
.moments li{flex:0 0 min(19rem,72vw);scroll-snap-align:start;display:flex;flex-direction:column}
.moments h3{font-size:var(--step-lead)}
.moments p{margin-top:.6rem;color:var(--ink)}
.moments img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-top:auto}
.moments li:nth-child(odd) img{margin-top:var(--drop-a,5rem)}
.moments li:nth-child(even) img{margin-top:var(--drop-b,2rem)}
.moments li:nth-child(3n) img{margin-top:var(--drop-c,7rem)}

/* ---------- the menu (what is offered) ---------- */
.ground-2{background:var(--field-2);color:var(--field-2-ink)}
.ground-1{background:var(--field-1);color:var(--field-1-ink)}
.ground-s{background:var(--surface)}
.sec{padding-block:var(--section)}
.menu-sec .grid{align-items:center;row-gap:3rem}
.menu-sheet{grid-column:2/7;background:var(--bg);color:var(--ink);padding:5rem clamp(1.4rem,3vw,3rem) 4.6rem}
.menu-sheet h2{text-align:center;margin-bottom:2.6rem}
.menu-sheet h3{margin:2.6rem 0 1rem}
.plate{grid-column:8/12}
.plate img,.plate video{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--field-1)}
.plate figcaption{margin-top:.8rem;font-size:var(--step-small);max-width:30ch}

/* menu items: name, dotted leader, value, then a description */
.items li{display:block;margin-top:1.4rem}
.items .row{display:flex;align-items:baseline;gap:.7rem;font:700 var(--step-body)/1.25 var(--font-text)}
.items .row i{flex:1;border-bottom:4px dotted currentColor;opacity:.4;transform:translateY(-.3em);min-width:1rem}
.items .row b{font-weight:700;white-space:nowrap}
.items .desc{font-size:var(--step-body);color:var(--muted);max-width:34ch;margin-top:.2rem}

/* ---------- the letter ---------- */
.letter-sec{padding-block:var(--section)}
.letter{max-width:41rem;margin-inline:auto;background:var(--bg);color:var(--ink);padding:clamp(1.5rem,4vw,3.75rem) clamp(1.5rem,4vw,3.75rem) 5rem}
.letter .face{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-bottom:2rem}
.letter p{font-size:var(--step-body);line-height:1.55;max-width:none}
.letter mark{background:var(--field-2);color:var(--ink);padding:0 .15em}
.sign{margin-top:2rem;font:italic 500 1.4rem/1.2 var(--font-text)}
.sign small{display:block;font:400 var(--step-small)/1.4 var(--font-text);color:var(--muted);margin-top:.2rem}
.tear{background:var(--bg);color:var(--ink);max-width:41rem;margin:12px auto 0;padding:1.4rem clamp(1.5rem,4vw,3.75rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;min-height:4.5rem}
.tear a{font:700 var(--step-lead)/1.1 var(--font-display)}

/* ---------- the receipt ---------- */
.receipt-sec .grid{row-gap:3rem;align-items:stretch}
.receipt-left{grid-column:1/7;display:flex;flex-direction:column;justify-content:space-between;gap:3rem;min-height:34rem}
.receipt-left p{margin-top:1rem;max-width:34ch}
.total{font:700 clamp(10rem,18vw,18.5rem)/.8 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.total-cap{font-size:var(--step-lead);margin-top:1.4rem;max-width:22ch;line-height:1.25}
.slip{grid-column:8/12;background:var(--bg);color:var(--ink);padding:3rem clamp(1.4rem,2.4vw,2.6rem) 4.2rem;align-self:start}
.slip h3{margin:0 0 1rem}
.slip .leaders li{font-size:var(--step-body);margin-top:.8rem;font-variant-numeric:tabular-nums}
.slip .leaders li.sum{background:var(--ink);color:#fff;padding:1rem 1.1rem;margin:1.8rem calc(clamp(1.4rem,2.4vw,2.6rem)*-1) 0;font-size:var(--step-lead);font-family:var(--font-display)}
.slip .leaders li.sum i{opacity:.5}
.slip .small{margin-top:1.4rem;color:var(--muted)}

/* ---------- index cards (FAQ) ---------- */
.faq-sec{padding-block:var(--section)}
.faq-sec h2{grid-column:3/11;margin-bottom:3rem}
.cards{grid-column:3/11}
.card-q{--x:0px;position:relative;margin-top:-40px;color:var(--ink)}
.card-q:first-child{margin-top:0}
.card-q:nth-child(1){--x:0px;--bgc:var(--ink);--fg:#fff}
.card-q:nth-child(2){--x:150px;--bgc:var(--field-2);--fg:var(--ink)}
.card-q:nth-child(3){--x:300px;--bgc:var(--surface);--fg:var(--ink)}
.card-q:nth-child(4){--x:450px;--bgc:var(--ink);--fg:#fff}
.card-q:nth-child(5){--x:600px;--bgc:var(--field-2);--fg:var(--ink)}
.card-q:nth-child(6){--x:750px;--bgc:var(--surface);--fg:var(--ink)}
.card-q{background:var(--bgc);color:var(--fg);padding-top:40px}
.card-q .tab{position:absolute;left:var(--x);top:0;width:200px;height:40px;padding:.55rem 1rem 0 1.5rem;font:700 var(--step-small)/1.1 var(--font-display)}
.card-q button.q{display:block;width:100%;text-align:left;padding:1.4rem 1.5rem 3.4rem;font:500 var(--step-lead)/1.2 var(--font-text)}
.card-q .a{display:none;padding:0 1.5rem 3.4rem}
.card-q[data-open="true"] .a{display:block}
.card-q[data-open="true"] button.q{padding-bottom:1rem}
.card-q .a p{font-size:var(--step-body);max-width:50ch}
.card-q:focus-within{z-index:5}

/* ---------- coupon (contact) ---------- */
.coupon-sec{padding-block:var(--section)}
.coupon{grid-column:2/12;position:relative;background:var(--ink);color:#fff;display:grid;grid-template-columns:46fr 54fr;min-height:34rem}
.coupon::after{content:"";position:absolute;top:0;bottom:0;left:46%;border-left:5px dotted var(--surface)}
.coupon .left{padding:3rem clamp(1.4rem,3vw,3rem);display:flex;flex-direction:column;justify-content:space-between;gap:2rem}
.coupon h2{font-size:clamp(2rem,1.4rem + 2vw,3.2rem)}
.coupon .left p{max-width:30ch;color:#e6e9f2}
.coupon .left a{color:#fff}
.coupon form{padding:3rem clamp(1.4rem,3vw,3rem);display:grid;gap:12px;align-content:center}
.coupon label{display:block;font-size:var(--step-small);color:#e6e9f2}
.coupon input[type=text],.coupon input[type=tel],.coupon input[type=email],.coupon textarea{background:#2c3d6b;color:#fff}
.coupon textarea{min-height:5.5rem}
.coupon input::placeholder,.coupon textarea::placeholder{color:#b8c0d6;opacity:1}
.coupon input[type=file]{width:100%;margin-top:.3rem;padding:.7rem .85rem;background:#2c3d6b;font-size:var(--step-small)}
.coupon .consent{display:flex;gap:.8rem;align-items:flex-start;font-size:var(--step-small)}
.coupon .consent input{width:1.5rem;height:1.5rem;flex:none;margin-top:.15rem;accent-color:var(--accent)}
.coupon .send{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.coupon .hp{position:absolute;left:-5000px}
#status{font-size:var(--step-small)}

/* ---------- footer: the back of the card ---------- */
footer.back{padding:0 0 var(--section);background:var(--field-2);color:var(--field-2-ink)}
footer.back .panel{grid-column:2/12;background:var(--bg);color:var(--ink);padding:7rem clamp(1.4rem,3vw,3.5rem) 3rem;min-height:26rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;position:relative}
footer.back h2{font-size:2.1rem;line-height:1.05;margin-bottom:1rem}
footer.back .addr{display:grid;gap:12px;font-size:var(--step-lead);font-family:var(--font-display);font-weight:500}
footer.back .addr a{text-decoration:none}
footer.back .addr a:hover{text-decoration:underline}
footer.back .stamp{position:absolute;top:5.2rem;right:clamp(1.4rem,3vw,3.5rem);width:88px;background:var(--bg);padding:6px}
footer.back .stamp img{width:100%;aspect-ratio:3/4;object-fit:cover}
footer.back .imprint{grid-column:1/-1;align-self:end;text-align:center;font-size:var(--step-small);color:var(--muted)}
footer.back .imprint a{margin-inline:.6rem}
.fieldwrap{padding-top:var(--section)}

/* ---------- inner pages ---------- */
.in.head{padding-block:clamp(3rem,7vw,7rem) clamp(1.5rem,3vw,3rem)}
.in.head h1{font-size:var(--step-display);max-width:16ch;margin-bottom:1.4rem}
.in.head .lead{max-width:40ch}
.cert>:nth-child(1){--i:0}.cert>:nth-child(2){--i:1}.cert>:nth-child(3){--i:2}.cert>:nth-child(4){--i:3}.cert>:nth-child(5){--i:4}
.page-head{padding:clamp(3rem,7vw,7rem) 0 clamp(2rem,4vw,4rem)}
.page-head h1{font-size:var(--step-display);max-width:16ch}
.page-head .lead{margin-top:1.4rem}
.hero.inner{display:block;min-height:0;background:var(--bg);padding:0}
section.in{padding-block:clamp(2.5rem,6vw,6rem)}
section.in.alt{background:var(--surface)}
.in h2{margin-bottom:1.6rem}
.in h3{margin-bottom:.5rem}
.in p{max-width:62ch}
ul.check{margin:0 0 1em}
ul.check li{padding-left:2rem;position:relative;margin-bottom:.7rem}
ul.check li::before{content:"";position:absolute;left:0;top:.62em;width:.9rem;height:.9rem;background:var(--ink)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.portrait{aspect-ratio:4/5;object-fit:cover;width:100%}
.box{background:var(--surface);padding:clamp(1.4rem,3vw,2.6rem)}
.box .phone-big{font:700 var(--step-head)/1 var(--font-display);text-decoration:none;display:inline-block}
.options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.card{background:var(--field-2);padding:clamp(1.4rem,2.4vw,2.2rem)}
.card h3 a{text-decoration:none}
blockquote{margin:1.6rem 0;padding:1.6rem 1.8rem;background:var(--surface);font-style:italic}
blockquote footer{font-style:normal;color:var(--muted);font-size:var(--step-small);margin-top:.6rem}
details{background:var(--surface);margin-bottom:var(--gap)}
details summary{cursor:pointer;list-style:none;padding:1.3rem 1.5rem;font:500 var(--step-lead)/1.2 var(--font-text);display:flex;justify-content:space-between;gap:1rem}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";font:700 1.6rem/1 var(--font-display)}
details[open] summary::after{content:"–"}
details p{padding:0 1.5rem 1.5rem;color:var(--ink)}
article.prose{max-width:46rem}
article.prose h2{font-size:var(--step-lead);margin:2.4rem 0 .6rem;line-height:1.1}
article.prose .lead{margin-bottom:1.4rem;max-width:none}
form.contact{display:grid;gap:1rem;max-width:44rem}
form.contact label{display:block;font-size:var(--step-small);color:var(--muted)}
form.contact input[type=text],form.contact input[type=tel],form.contact input[type=email],form.contact select,form.contact textarea{width:100%;min-height:3.25rem;margin-top:.3rem;padding:.6rem .85rem;background:var(--surface);border:0;border-radius:var(--radius);font-size:var(--step-body);color:var(--ink)}
form.contact textarea{min-height:9rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hint{font-size:var(--step-small);color:var(--muted)}
.hp{position:absolute;left:-5000px}
form.contact .consent{display:flex;gap:.8rem;align-items:flex-start;font-size:var(--step-small);color:var(--ink)}
form.contact .consent input{width:1.5rem;height:1.5rem;flex:none;margin-top:.15rem}

/* ---------- motion ---------- */
@media (prefers-reduced-motion:no-preference){
  .js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 700ms var(--ease-out),transform 900ms var(--ease-out);transition-delay:calc(var(--i,0)*80ms)}
  .js [data-reveal].is-in{opacity:1;transform:none}
  .js .moments li[data-reveal]{transform:translateX(40px)}
  .js .moments li[data-reveal].is-in{transform:none}
  .hero-card .track i{animation:bar 900ms var(--ease-out) both;animation-delay:calc(var(--n,0)*18ms)}
  @keyframes bar{from{transform:scaleY(0);transform-origin:top}to{transform:none}}
  .js .cert>*{opacity:0;transform:translateY(18px);animation:rise 800ms var(--ease-out) forwards;animation-delay:calc(var(--i,0)*90ms + 150ms)}
  @keyframes rise{to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){
  .hero-photo img{transition:none;animation:none!important}
}

/* ---------- phone ---------- */
@media (max-width:860px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-photo{order:-1;position:relative;top:0;height:26svh}
  .hero-card{margin-top:-24px;position:relative}
  .track{height:40px}
  .cert{gap:1rem}
  .cert h1{font-size:clamp(2rem,8vw,4rem)}
  .cert-fields{grid-template-columns:1fr 1fr}
  .cert-fields label:nth-child(3){grid-column:1/-1}
  .moments li{flex-basis:72vw}
  .moments{gap:1rem}
  .menu-sheet,.plate,.receipt-left,.slip,.coupon,footer.back .panel,.faq-sec h2,.cards{grid-column:1/-1}
  .menu-sheet{padding:4rem 1.25rem 3.6rem}
  .receipt-left{min-height:0}
  .total{font-size:40vw}
  .coupon{grid-template-columns:1fr;min-height:0}
  .coupon::after{top:46%;bottom:auto;left:0;right:0;border-left:0;border-top:5px dotted var(--surface)}
  .coupon .left{padding-bottom:5rem}
  .coupon form{padding-top:4rem}
  .card-q{--x:calc(var(--k,0)*48px)}
  .card-q:nth-child(1){--x:0px}.card-q:nth-child(2){--x:48px}.card-q:nth-child(3){--x:96px}
  .card-q:nth-child(4){--x:144px}.card-q:nth-child(5){--x:192px}.card-q:nth-child(6){--x:240px}
  .card-q .tab{width:120px;padding-left:.8rem}
  .card-q button.q{padding-inline:1.2rem}
  footer.back .panel{grid-template-columns:1fr;padding-top:5.5rem}
  footer.back .stamp{position:static;width:64px;margin-bottom:-1rem}
  .split,.row2,.options{grid-template-columns:1fr}
  .letter{padding-bottom:4.2rem}
}
@media print{.bar,.cert-nav,footer.back{display:none}}

/* EDGES (generated by build.py) */
.edge-zig{clip-path:polygon(0.00% 14.0px,3.12% 0.0px,6.25% 14.0px,9.38% 0.0px,12.50% 14.0px,15.62% 0.0px,18.75% 14.0px,21.88% 0.0px,25.00% 14.0px,28.12% 0.0px,31.25% 14.0px,34.38% 0.0px,37.50% 14.0px,40.62% 0.0px,43.75% 14.0px,46.88% 0.0px,50.00% 14.0px,53.12% 0.0px,56.25% 14.0px,59.38% 0.0px,62.50% 14.0px,65.62% 0.0px,68.75% 14.0px,71.88% 0.0px,75.00% 14.0px,78.12% 0.0px,81.25% 14.0px,84.38% 0.0px,87.50% 14.0px,90.62% 0.0px,93.75% 14.0px,96.88% 0.0px,100.00% 14.0px,100.00% calc(100% - 14.0px),96.88% calc(100% - 0.0px),93.75% calc(100% - 14.0px),90.62% calc(100% - 0.0px),87.50% calc(100% - 14.0px),84.38% calc(100% - 0.0px),81.25% calc(100% - 14.0px),78.12% calc(100% - 0.0px),75.00% calc(100% - 14.0px),71.88% calc(100% - 0.0px),68.75% calc(100% - 14.0px),65.62% calc(100% - 0.0px),62.50% calc(100% - 14.0px),59.38% calc(100% - 0.0px),56.25% calc(100% - 14.0px),53.12% calc(100% - 0.0px),50.00% calc(100% - 14.0px),46.88% calc(100% - 0.0px),43.75% calc(100% - 14.0px),40.62% calc(100% - 0.0px),37.50% calc(100% - 14.0px),34.38% calc(100% - 0.0px),31.25% calc(100% - 14.0px),28.12% calc(100% - 0.0px),25.00% calc(100% - 14.0px),21.88% calc(100% - 0.0px),18.75% calc(100% - 14.0px),15.62% calc(100% - 0.0px),12.50% calc(100% - 14.0px),9.38% calc(100% - 0.0px),6.25% calc(100% - 14.0px),3.12% calc(100% - 0.0px),0.00% calc(100% - 14.0px))}
.edge-zig-b{clip-path:polygon(0% 0px,100% 0px,100.00% calc(100% - 14.0px),95.83% calc(100% - 0.0px),91.67% calc(100% - 14.0px),87.50% calc(100% - 0.0px),83.33% calc(100% - 14.0px),79.17% calc(100% - 0.0px),75.00% calc(100% - 14.0px),70.83% calc(100% - 0.0px),66.67% calc(100% - 14.0px),62.50% calc(100% - 0.0px),58.33% calc(100% - 14.0px),54.17% calc(100% - 0.0px),50.00% calc(100% - 14.0px),45.83% calc(100% - 0.0px),41.67% calc(100% - 14.0px),37.50% calc(100% - 0.0px),33.33% calc(100% - 14.0px),29.17% calc(100% - 0.0px),25.00% calc(100% - 14.0px),20.83% calc(100% - 0.0px),16.67% calc(100% - 14.0px),12.50% calc(100% - 0.0px),8.33% calc(100% - 14.0px),4.17% calc(100% - 0.0px),0.00% calc(100% - 14.0px))}
.edge-scal-b{clip-path:polygon(0% 0px,100% 0px,100.00% calc(100% - 16.0px),99.73% calc(100% - 9.9px),98.95% calc(100% - 4.7px),97.80% calc(100% - 1.2px),96.43% calc(100% - 0.0px),95.06% calc(100% - 1.2px),93.90% calc(100% - 4.7px),93.13% calc(100% - 9.9px),92.86% calc(100% - 16.0px),92.86% calc(100% - 16.0px),92.59% calc(100% - 9.9px),91.81% calc(100% - 4.7px),90.65% calc(100% - 1.2px),89.29% calc(100% - 0.0px),87.92% calc(100% - 1.2px),86.76% calc(100% - 4.7px),85.99% calc(100% - 9.9px),85.71% calc(100% - 16.0px),85.71% calc(100% - 16.0px),85.44% calc(100% - 9.9px),84.67% calc(100% - 4.7px),83.51% calc(100% - 1.2px),82.14% calc(100% - 0.0px),80.78% calc(100% - 1.2px),79.62% calc(100% - 4.7px),78.84% calc(100% - 9.9px),78.57% calc(100% - 16.0px),78.57% calc(100% - 16.0px),78.30% calc(100% - 9.9px),77.53% calc(100% - 4.7px),76.37% calc(100% - 1.2px),75.00% calc(100% - 0.0px),73.63% calc(100% - 1.2px),72.47% calc(100% - 4.7px),71.70% calc(100% - 9.9px),71.43% calc(100% - 16.0px),71.43% calc(100% - 16.0px),71.16% calc(100% - 9.9px),70.38% calc(100% - 4.7px),69.22% calc(100% - 1.2px),67.86% calc(100% - 0.0px),66.49% calc(100% - 1.2px),65.33% calc(100% - 4.7px),64.56% calc(100% - 9.9px),64.29% calc(100% - 16.0px),64.29% calc(100% - 16.0px),64.01% calc(100% - 9.9px),63.24% calc(100% - 4.7px),62.08% calc(100% - 1.2px),60.71% calc(100% - 0.0px),59.35% calc(100% - 1.2px),58.19% calc(100% - 4.7px),57.41% calc(100% - 9.9px),57.14% calc(100% - 16.0px),57.14% calc(100% - 16.0px),56.87% calc(100% - 9.9px),56.10% calc(100% - 4.7px),54.94% calc(100% - 1.2px),53.57% calc(100% - 0.0px),52.20% calc(100% - 1.2px),51.05% calc(100% - 4.7px),50.27% calc(100% - 9.9px),50.00% calc(100% - 16.0px),50.00% calc(100% - 16.0px),49.73% calc(100% - 9.9px),48.95% calc(100% - 4.7px),47.80% calc(100% - 1.2px),46.43% calc(100% - 0.0px),45.06% calc(100% - 1.2px),43.90% calc(100% - 4.7px),43.13% calc(100% - 9.9px),42.86% calc(100% - 16.0px),42.86% calc(100% - 16.0px),42.59% calc(100% - 9.9px),41.81% calc(100% - 4.7px),40.65% calc(100% - 1.2px),39.29% calc(100% - 0.0px),37.92% calc(100% - 1.2px),36.76% calc(100% - 4.7px),35.99% calc(100% - 9.9px),35.71% calc(100% - 16.0px),35.71% calc(100% - 16.0px),35.44% calc(100% - 9.9px),34.67% calc(100% - 4.7px),33.51% calc(100% - 1.2px),32.14% calc(100% - 0.0px),30.78% calc(100% - 1.2px),29.62% calc(100% - 4.7px),28.84% calc(100% - 9.9px),28.57% calc(100% - 16.0px),28.57% calc(100% - 16.0px),28.30% calc(100% - 9.9px),27.53% calc(100% - 4.7px),26.37% calc(100% - 1.2px),25.00% calc(100% - 0.0px),23.63% calc(100% - 1.2px),22.47% calc(100% - 4.7px),21.70% calc(100% - 9.9px),21.43% calc(100% - 16.0px),21.43% calc(100% - 16.0px),21.16% calc(100% - 9.9px),20.38% calc(100% - 4.7px),19.22% calc(100% - 1.2px),17.86% calc(100% - 0.0px),16.49% calc(100% - 1.2px),15.33% calc(100% - 4.7px),14.56% calc(100% - 9.9px),14.29% calc(100% - 16.0px),14.29% calc(100% - 16.0px),14.01% calc(100% - 9.9px),13.24% calc(100% - 4.7px),12.08% calc(100% - 1.2px),10.71% calc(100% - 0.0px),9.35% calc(100% - 1.2px),8.19% calc(100% - 4.7px),7.41% calc(100% - 9.9px),7.14% calc(100% - 16.0px),7.14% calc(100% - 16.0px),6.87% calc(100% - 9.9px),6.10% calc(100% - 4.7px),4.94% calc(100% - 1.2px),3.57% calc(100% - 0.0px),2.20% calc(100% - 1.2px),1.05% calc(100% - 4.7px),0.27% calc(100% - 9.9px),0.00% calc(100% - 16.0px),0.00% calc(100% - 16.0px))}
.edge-scal-t{clip-path:polygon(0.00% 46.0px,0.32% 28.4px,1.22% 13.5px,2.57% 3.5px,4.17% 0.0px,5.76% 3.5px,7.11% 13.5px,8.02% 28.4px,8.33% 46.0px,8.33% 46.0px,8.65% 28.4px,9.55% 13.5px,10.91% 3.5px,12.50% 0.0px,14.09% 3.5px,15.45% 13.5px,16.35% 28.4px,16.67% 46.0px,16.67% 46.0px,16.98% 28.4px,17.89% 13.5px,19.24% 3.5px,20.83% 0.0px,22.43% 3.5px,23.78% 13.5px,24.68% 28.4px,25.00% 46.0px,25.00% 46.0px,25.32% 28.4px,26.22% 13.5px,27.57% 3.5px,29.17% 0.0px,30.76% 3.5px,32.11% 13.5px,33.02% 28.4px,33.33% 46.0px,33.33% 46.0px,33.65% 28.4px,34.55% 13.5px,35.91% 3.5px,37.50% 0.0px,39.09% 3.5px,40.45% 13.5px,41.35% 28.4px,41.67% 46.0px,41.67% 46.0px,41.98% 28.4px,42.89% 13.5px,44.24% 3.5px,45.83% 0.0px,47.43% 3.5px,48.78% 13.5px,49.68% 28.4px,50.00% 46.0px,50.00% 46.0px,50.32% 28.4px,51.22% 13.5px,52.57% 3.5px,54.17% 0.0px,55.76% 3.5px,57.11% 13.5px,58.02% 28.4px,58.33% 46.0px,58.33% 46.0px,58.65% 28.4px,59.55% 13.5px,60.91% 3.5px,62.50% 0.0px,64.09% 3.5px,65.45% 13.5px,66.35% 28.4px,66.67% 46.0px,66.67% 46.0px,66.98% 28.4px,67.89% 13.5px,69.24% 3.5px,70.83% 0.0px,72.43% 3.5px,73.78% 13.5px,74.68% 28.4px,75.00% 46.0px,75.00% 46.0px,75.32% 28.4px,76.22% 13.5px,77.57% 3.5px,79.17% 0.0px,80.76% 3.5px,82.11% 13.5px,83.02% 28.4px,83.33% 46.0px,83.33% 46.0px,83.65% 28.4px,84.55% 13.5px,85.91% 3.5px,87.50% 0.0px,89.09% 3.5px,90.45% 13.5px,91.35% 28.4px,91.67% 46.0px,91.67% 46.0px,91.98% 28.4px,92.89% 13.5px,94.24% 3.5px,95.83% 0.0px,97.43% 3.5px,98.78% 13.5px,99.68% 28.4px,100.00% 46.0px,100.00% 46.0px,100% 100%,0% 100%)}
.notch{clip-path:polygon(0% 0px,calc(46% - 14px) 0px,calc(46% - 12.9px) 5.4px,calc(46% - 9.9px) 9.9px,calc(46% - 5.4px) 12.9px,calc(46% - 0.0px) 14.0px,calc(46% - -5.4px) 12.9px,calc(46% - -9.9px) 9.9px,calc(46% - -12.9px) 5.4px,calc(46% + 14px) 0px,100% 0px,100% 100%,calc(46% + 14px) 100%,calc(46% + 12.9px) calc(100% - 5.4px),calc(46% + 9.9px) calc(100% - 9.9px),calc(46% + 5.4px) calc(100% - 12.9px),calc(46% + 0.0px) calc(100% - 14.0px),calc(46% + -5.4px) calc(100% - 12.9px),calc(46% + -9.9px) calc(100% - 9.9px),calc(46% + -12.9px) calc(100% - 5.4px),calc(46% - 14px) 100%,0% 100%)}
@media (max-width:860px){
  .edge-scal-t{clip-path:polygon(0.00% 34.0px,0.63% 21.0px,2.44% 10.0px,5.14% 2.6px,8.33% 0.0px,11.52% 2.6px,14.23% 10.0px,16.03% 21.0px,16.67% 34.0px,16.67% 34.0px,17.30% 21.0px,19.11% 10.0px,21.81% 2.6px,25.00% 0.0px,28.19% 2.6px,30.89% 10.0px,32.70% 21.0px,33.33% 34.0px,33.33% 34.0px,33.97% 21.0px,35.77% 10.0px,38.48% 2.6px,41.67% 0.0px,44.86% 2.6px,47.56% 10.0px,49.37% 21.0px,50.00% 34.0px,50.00% 34.0px,50.63% 21.0px,52.44% 10.0px,55.14% 2.6px,58.33% 0.0px,61.52% 2.6px,64.23% 10.0px,66.03% 21.0px,66.67% 34.0px,66.67% 34.0px,67.30% 21.0px,69.11% 10.0px,71.81% 2.6px,75.00% 0.0px,78.19% 2.6px,80.89% 10.0px,82.70% 21.0px,83.33% 34.0px,83.33% 34.0px,83.97% 21.0px,85.77% 10.0px,88.48% 2.6px,91.67% 0.0px,94.86% 2.6px,97.56% 10.0px,99.37% 21.0px,100.00% 34.0px,100.00% 34.0px,100% 100%,0% 100%)}
  .edge-zig{clip-path:polygon(0.00% 12.0px,5.00% 0.0px,10.00% 12.0px,15.00% 0.0px,20.00% 12.0px,25.00% 0.0px,30.00% 12.0px,35.00% 0.0px,40.00% 12.0px,45.00% 0.0px,50.00% 12.0px,55.00% 0.0px,60.00% 12.0px,65.00% 0.0px,70.00% 12.0px,75.00% 0.0px,80.00% 12.0px,85.00% 0.0px,90.00% 12.0px,95.00% 0.0px,100.00% 12.0px,100.00% calc(100% - 12.0px),95.00% calc(100% - 0.0px),90.00% calc(100% - 12.0px),85.00% calc(100% - 0.0px),80.00% calc(100% - 12.0px),75.00% calc(100% - 0.0px),70.00% calc(100% - 12.0px),65.00% calc(100% - 0.0px),60.00% calc(100% - 12.0px),55.00% calc(100% - 0.0px),50.00% calc(100% - 12.0px),45.00% calc(100% - 0.0px),40.00% calc(100% - 12.0px),35.00% calc(100% - 0.0px),30.00% calc(100% - 12.0px),25.00% calc(100% - 0.0px),20.00% calc(100% - 12.0px),15.00% calc(100% - 0.0px),10.00% calc(100% - 12.0px),5.00% calc(100% - 0.0px),0.00% calc(100% - 12.0px))}
  .notch{clip-path:polygon(0px 0px,100% 0px,100% calc(46% - 14px),calc(100% - 5.4px) calc(46% - 12.9px),calc(100% - 9.9px) calc(46% - 9.9px),calc(100% - 12.9px) calc(46% - 5.4px),calc(100% - 14.0px) calc(46% - 0.0px),calc(100% - 12.9px) calc(46% - -5.4px),calc(100% - 9.9px) calc(46% - -9.9px),calc(100% - 5.4px) calc(46% - -12.9px),100% calc(46% + 14px),100% 100%,0px 100%,0px calc(46% + 14px),5.4px calc(46% + 12.9px),9.9px calc(46% + 9.9px),12.9px calc(46% + 5.4px),14.0px calc(46% + 0.0px),12.9px calc(46% + -5.4px),9.9px calc(46% + -9.9px),5.4px calc(46% + -12.9px),0px calc(46% - 14px))}
}