@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(font-7.ttf) format('truetype');
}

:root{--ink:#52212c;--purple:#b13d53;--paper:#fff7e9;--line:#e6c5bb}*{box-sizing:border-box}body{margin:0;background:#c94c5c;color:var(--ink);font-family:'DM Sans',sans-serif;background-image:linear-gradient(90deg,#fff2 1px,transparent 1px),linear-gradient(#fff2 1px,transparent 1px);background-size:32px 32px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ab3048;outline-offset:5px}.top{display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;font-size:12px;letter-spacing:.1em}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;letter-spacing:-.03em}.tiny{display:flex;gap:9px;align-items:center}.tiny span{width:7px;height:7px;background:#ffe2a1;border-radius:50%}.sheet{position:relative;width:min(540px,calc(100% - 32px));margin:22px auto 60px;background:var(--paper);border:1px solid #ebc6b8;border-radius:180px 180px 28px 28px;padding:38px 38px 25px;box-shadow:0 16px 40px #60233126}header{text-align:center}.emblem{width:118px;height:118px;margin:0 auto 16px;border:1px solid var(--ink);border-radius:50%;background:#fff2dc;display:grid;place-items:center;transform:rotate(-7deg);box-shadow:5px 5px 0 #edc9b5}.emblem svg{width:69px;height:69px}.hello{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;margin:24px 0 2px}h1{font-family:'Space Grotesk',sans-serif;font-size:66px;letter-spacing:-.085em;line-height:1;margin:0 0 13px;font-weight:600}.bio{font-size:15px;margin:0 0 6px}.handle{font-size:13px;color:#946069;margin:0}.sticker{position:absolute;right:-22px;top:90px;width:99px;height:99px;display:grid;place-content:center;text-align:center;background:#edc56a;clip-path:polygon(50% 0%,61% 9%,75% 7%,82% 20%,95% 25%,94% 40%,100% 50%,91% 61%,93% 75%,80% 82%,75% 95%,60% 94%,50% 100%,39% 91%,25% 93%,18% 80%,5% 75%,6% 60%,0% 50%,9% 39%,7% 25%,20% 18%,25% 5%,40% 6%);transform:rotate(13deg);font-size:12px;font-weight:700;line-height:1.3}.sticker b{font-size:20px}.caption{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:#97626b;margin:30px 0 16px}.caption:before,.caption:after{content:'';height:1px;flex:1;background:#ecd5c9}.links{display:grid;gap:11px}.link{display:flex;align-items:center;gap:15px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;min-height:75px;transition:transform .16s,box-shadow .16s}.link:hover{transform:translateY(-2px);box-shadow:3px 4px 0 #e6b3ad}.icon{width:38px;height:38px;border-radius:11px;background:#fae5df;display:grid;place-items:center;flex-shrink:0}.icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.copy{flex:1;text-align:left}.copy strong{display:block;font-size:15px;font-weight:600}.copy small{display:block;color:#955f69;font-size:12px;margin-top:3px}.arrow{font-size:21px;font-weight:400}.latex{background:#fae6dc}.badge{font-size:10px;letter-spacing:.04em;border:1px solid #d8a6a1;padding:3px 6px;border-radius:6px;margin-left:7px;vertical-align:2px}.more{width:100%;cursor:pointer;background:var(--ink);border-color:var(--ink);color:#fff;margin-top:5px}.more .icon{background:#ffffff14;font-size:22px}.more .copy small{color:#f1ccd0}.more:hover{box-shadow:3px 4px 0 #db8b96}.foot{margin-top:27px;text-align:center;font-size:12px;color:#9c6870}.foot span{color:#c94c5c;margin:0 5px}.outerfoot{text-align:center;font-size:11px;color:#fff1df;letter-spacing:.12em;margin:-35px 0 28px}dialog{width:min(420px,calc(100% - 32px));border:1px solid #e6c5bb;border-radius:24px;padding:32px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #54172740;text-align:center}dialog::backdrop{background:#44141e99;backdrop-filter:blur(5px)}dialog .lock{font-family:'Space Grotesk',sans-serif;background:#f4d6cb;display:grid;place-items:center;width:65px;height:65px;border-radius:50%;margin:0 auto 20px;font-size:24px;font-weight:700}dialog h2{font-family:'Space Grotesk',sans-serif;font-size:28px;letter-spacing:-.05em;margin:0 0 12px}dialog p{font-size:14px;line-height:1.7;color:#8d5660;margin:0 0 24px}.choice{display:block;width:100%;padding:14px;border-radius:11px;border:1px solid #e6c5bb;background:#fff;cursor:pointer;margin:9px 0;font-weight:600}.yes{background:var(--ink);color:white;border-color:var(--ink)}.fine{font-size:11px!important;margin-top:20px!important;margin-bottom:0!important}.hidden{display:none!important}@media(max-width:600px){.top{padding:20px 22px}.sheet{margin-top:10px;padding:32px 22px 24px}.sticker{right:-5px;top:86px;width:80px;height:80px;font-size:10px}h1{font-size:61px}.tiny{font-size:10px}.link{padding:14px 12px;gap:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Portrait and warm red palette */
.top{color:#fff4e6}.emblem{width:168px;height:168px;border:3px solid #fff7e9;overflow:hidden;transform:none;background:#fff;box-shadow:5px 5px 0 #edc9b5}.emblem img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(.92);transform-origin:center}.bio{max-width:360px;margin:0 auto 10px;line-height:1.6;font-size:14px}.sticker{color:#633821}.more{background:#a92f47;border-color:#a92f47}.more .icon{background:#ffffff1f}.tiny span{background:#ffe2a1}body{background-image:none}@media(max-width:600px){.emblem{width:156px;height:156px}.bio{max-width:290px}.sticker{top:86px}}

/* A continuous red ring with the picture filling its circular frame. */
.emblem{position:relative;border:3px solid #a92f47;box-shadow:none;background:#fff;isolation:isolate}
.emblem img{object-fit:contain;transform:translate(var(--crop-x,0%),var(--crop-y,0%)) scale(var(--crop-zoom,1));transform-origin:center;max-width:none}
.emblem{--crop-x:4.934210526315789%;--crop-y:5.2631578947368425%;--crop-zoom:0.95}

.brand-accent{color:#ffe1cc}
/* Avoid an automatic focus ring after a tap; keyboard focus remains visible. */
dialog.pointer-open .choice:focus{outline:none}