*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;min-height:100dvh;
  font-family:var(--body);color:var(--ink);
  background:
    radial-gradient(120% 70% at 88% -14%, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 50%),
    radial-gradient(104% 60% at 4% 108%, rgba(112,158,206,.16) 0%, rgba(112,158,206,0) 60%),
    linear-gradient(var(--paper-1) 0%, var(--paper-2) 60%, var(--paper-3) 100%);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--tool);text-decoration:none}
a:hover{text-decoration:underline}

.wrap{max-width:760px;margin-inline:auto;padding-inline:var(--gutter, clamp(20px,5vw,40px))}

.lg-bar{
  padding:22px 0;border-bottom:1px solid var(--line-2);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.lg-mark{font-weight:800;font-size:19px;letter-spacing:-.01em;color:var(--ink)}
.lg-mark em{
  font-style:normal;position:relative;padding:0 .1em;isolation:isolate;
}
.lg-mark em::before{
  content:"";position:absolute;z-index:-1;inset:.06em -.02em .04em;
  background:var(--label);border-radius:var(--r-xs);
}
.lg-back{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--mono);font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);
}
.lg-back svg{width:14px;height:14px}
.lg-back:hover{color:var(--ink);text-decoration:none}

.lg-main{padding:clamp(40px,7vw,72px) 0 clamp(60px,9vw,96px)}
.lg-tag{
  display:inline-flex;
  font-family:var(--mono);font-size:10.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
  background:var(--label);padding:6px 12px;
  border-radius:var(--r-xs) var(--r-sm) var(--r-sm) var(--r-xs);
  transform:rotate(-.8deg);margin-bottom:18px;
}
.lg-h1{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(38px,7vw,58px);line-height:.95;letter-spacing:.012em;
  margin:0 0 14px;
}
.lg-lead{font-size:16px;line-height:1.65;color:var(--ink-soft);margin:0 0 8px;max-width:56ch}
.lg-stand{
  font-family:var(--mono);font-size:11px;color:var(--ink-faint);
  letter-spacing:.04em;margin-top:6px;
}

.lg-doc{margin-top:52px}
.lg-doc section{margin-bottom:40px}
.lg-doc h2{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(22px,3vw,27px);line-height:1.05;letter-spacing:.012em;
  color:var(--ink);margin:0 0 14px;
  padding-bottom:12px;border-bottom:1.5px dashed var(--line-2);
}
.lg-doc h3{
  font-family:var(--body);font-weight:700;font-size:15px;
  color:var(--ink);margin:20px 0 8px;
}
.lg-doc p{font-size:15px;line-height:1.72;color:var(--ink-soft);margin:0 0 14px}
.lg-doc ul{margin:0 0 14px;padding-left:20px}
.lg-doc li{font-size:15px;line-height:1.7;color:var(--ink-soft);margin-bottom:6px}
.lg-doc strong{color:var(--ink);font-weight:700}

.lg-card{
  background:var(--frame);border:1px solid var(--line-2);
  border-radius:var(--r-lg);padding:20px 24px;margin:0 0 18px;
  box-shadow:var(--sh-sm);
}
.lg-card p{margin:0 0 4px;color:var(--ink)}
.lg-card p:last-child{margin-bottom:0}
.lg-card .lg-role{
  font-family:var(--mono);font-size:10px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);
  margin-bottom:8px;
}

.lg-fill{
  display:inline;background:rgba(255,74,43,.12);color:var(--brand-deep);
  border:1px dashed rgba(255,74,43,.55);border-radius:4px;
  padding:1px 7px;font-weight:700;font-size:.95em;
}

.lg-foot{
  border-top:1px solid var(--line-2);padding:26px 0 40px;
  display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between;
}
.lg-foot nav{display:flex;gap:18px;flex-wrap:wrap}
.lg-foot a{
  font-family:var(--mono);font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);
}
.lg-foot a:hover{color:var(--ink)}
.lg-foot span{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}

@media (max-width:600px){
  .lg-doc h2{font-size:22px}
}