/* waqasmalik.co — generated stylesheet. Edit gen/css.py, not this file. */
:root{
  
  --paper:#0A0C0F; --surface:#12151A; --surface-2:#171B21; --surface-3:#1E232B;
  --ink:#EDEBE6; --ink-2:#A3A9B2; --ink-3:#78808A; --ink-4:#768190;
  --accent:#D98E4A; --accent-soft:#3A2B1C;
  --pos:#6FD3C0; --neg:#C96A5C;
  --line:rgba(237,235,230,.09); --line-2:rgba(237,235,230,.16);
  --focus:#D98E4A;
  
  --ff-display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --ff-ui:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ff-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --t-xs:.75rem; --t-sm:.8125rem; --t-base:.9375rem;
  --t-md:clamp(1rem,.96rem + .18vw,1.125rem);
  --t-lg:clamp(1.125rem,1.05rem + .32vw,1.3125rem);
  --t-xl:clamp(1.5rem,1.3rem + .9vw,2.125rem);
  --t-2xl:clamp(2rem,1.6rem + 1.8vw,3.25rem);
  --t-3xl:clamp(2.75rem,1.9rem + 3.6vw,5.5rem);
  --t-4xl:clamp(3.25rem,1.9rem + 5.8vw,8rem);
  
  --wrap:1240px; --measure:42rem; --gutter:clamp(1.15rem,4.2vw,4rem);
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem;
  --s6:2rem; --s7:3rem; --s8:4rem; --s9:6rem; --s10:8rem;
  --r:3px;
  
  --ease-enter:cubic-bezier(.16,1,.3,1);
  --ease-exit:cubic-bezier(.7,0,.84,0);
  --ease-move:cubic-bezier(.65,0,.35,1);
  --dur-instant:80ms; --dur-fast:160ms; --dur-base:240ms;
  --dur-medium:360ms; --dur-slow:520ms; --dur-glacial:800ms;
  --stagger:40ms;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--ff-ui);font-size:var(--t-md);line-height:1.62;
  font-synthesis-weight:none;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{margin:0;font-weight:400;line-height:1.04;letter-spacing:-.018em;
  font-family:var(--ff-display)}
p{margin:0 0 1.15em}
a{color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
figure{margin:0}
::selection{background:var(--accent);color:var(--paper)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--accent);color:var(--paper);
  padding:.8rem 1.3rem;font-size:var(--t-sm);font-weight:600}
.skip:focus{left:0}
.wrap{width:min(100% - (var(--gutter) * 2),var(--wrap));margin-inline:auto}
.measure{max-width:var(--measure)}
.mono{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero"1}
.eyebrow{font-family:var(--ff-mono);font-size:var(--t-xs);letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent);display:block;margin:0 0 var(--s4)}
.lede{font-size:var(--t-lg);line-height:1.58;color:var(--ink-2)}
.rule{height:1px;background:var(--line);border:0;margin:0}
.rv,.rv-stack > *{opacity:1;transform:none}
.draw{transform:none}
@media (prefers-reduced-motion:no-preference){
  
  .lcp{animation:lcpRise var(--dur-slow) var(--ease-enter) both}
  @keyframes lcpRise{from{transform:translateY(14px)}to{transform:none}}
  .in-1{animation:rise var(--dur-slow) var(--ease-enter) both;animation-delay:60ms}
  .in-2{animation:rise var(--dur-slow) var(--ease-enter) both;animation-delay:140ms}
  .in-3{animation:rise var(--dur-slow) var(--ease-enter) both;animation-delay:220ms}
  .in-rule{animation:drawX var(--dur-glacial) var(--ease-enter) both;animation-delay:180ms}
  @keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @keyframes drawX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @keyframes fade{from{opacity:0}to{opacity:1}}
  
  @supports (animation-timeline:view()){
    .rv{opacity:0;animation:rise linear both;
        animation-timeline:view();animation-range:entry 4% cover 26%}
    .rv-stack > *{opacity:0;animation:rise linear both;
        animation-timeline:view();animation-range:entry 2% cover 30%}
    .draw{transform-origin:left center;animation:drawX linear both;
        animation-timeline:view();animation-range:entry 10% cover 34%}
    .mosaic__grid{opacity:0;animation:fade linear both;
        animation-timeline:view();animation-range:entry 6% cover 40%}
  }
  
  @supports not (animation-timeline:view()){
    html.js .rv,html.js .rv-stack > *,html.js .mosaic__grid{opacity:0}
    html.js .draw{transform:scaleX(0);transform-origin:left center}
    html.js .is-in.rv{animation:rise var(--dur-slow) var(--ease-enter) both}
    html.js .is-in.rv-stack > *{animation:rise var(--dur-slow) var(--ease-enter) both}
    html.js .is-in.rv-stack > *:nth-child(2){animation-delay:calc(var(--stagger) * 1)}
    html.js .is-in.rv-stack > *:nth-child(3){animation-delay:calc(var(--stagger) * 2)}
    html.js .is-in.rv-stack > *:nth-child(4){animation-delay:calc(var(--stagger) * 3)}
    html.js .is-in.rv-stack > *:nth-child(5){animation-delay:calc(var(--stagger) * 4)}
    html.js .is-in.rv-stack > *:nth-child(n+6){animation-delay:calc(var(--stagger) * 5)}
    html.js .is-in.draw{animation:drawX var(--dur-glacial) var(--ease-enter) both}
    html.js .is-in.mosaic__grid{animation:fade var(--dur-glacial) var(--ease-enter) both}
  }
}
@view-transition{navigation:auto}
.head{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 86%,transparent);
  backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
@supports not (backdrop-filter:blur(1px)){.head{background:var(--paper)}}
.head__in{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);
  min-height:66px;padding-block:var(--s3)}
.mark{display:inline-flex;align-items:baseline;gap:.55rem;text-decoration:none;
  font-family:var(--ff-display);font-size:1.28rem;letter-spacing:-.02em;line-height:1;
  
  min-height:26px;padding-block:2px}
.mark__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 auto;
  transform:translateY(-1px);transition:transform var(--dur-base) var(--ease-move)}
.mark:hover .mark__dot{transform:translateY(-1px) scale(1.5)}
.mark__sub{font-family:var(--ff-mono);font-size:var(--t-xs);letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3)}
.nav{display:flex;align-items:center;gap:clamp(.9rem,2.2vw,1.9rem)}
.nav a{font-size:var(--t-sm);text-decoration:none;color:var(--ink-2);
  letter-spacing:.01em;position:relative;padding-block:.35rem;
  transition:color var(--dur-fast) var(--ease-move)}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--accent);transform:scaleX(0);transform-origin:right center;
  transition:transform var(--dur-base) var(--ease-move)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left center}
.nav__cta{color:var(--paper)!important;background:var(--accent);border-radius:999px;
  padding:.44rem .95rem!important;font-weight:600}
.nav__cta::after{display:none}
.nav__cta:hover{filter:brightness(1.08)}
@media (max-width:640px){.nav a:not(.nav__cta){display:none}.mark__sub{display:none}}
.progress{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--accent);
  transform-origin:left center;transform:scaleX(0);z-index:30}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:scroll()){
    .progress{animation:drawX linear both;animation-timeline:scroll(root block)}
  }
}
.hero{padding:clamp(4rem,11vw,9rem) 0 clamp(3rem,7vw,5.5rem);position:relative}
.hero__grid{display:grid;gap:var(--s7)}
@media (min-width:900px){.hero__grid{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:var(--s8)}}
.hero__name{font-size:var(--t-4xl);line-height:.9;letter-spacing:-.035em}
.hero__name em{font-style:italic;color:var(--accent)}
.hero__rule{height:1px;background:var(--line-2);margin:var(--s6) 0 var(--s5);transform-origin:left center}
.hero__dek{font-size:var(--t-lg);line-height:1.5;color:var(--ink-2);max-width:36rem}
.hero__meta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s6);
  font-family:var(--ff-mono);font-size:var(--t-xs);letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-3)}
.hero__meta span{display:inline-flex;align-items:center;gap:.5rem}
.hero__meta span::before{content:"";width:4px;height:4px;background:var(--accent);border-radius:50%}
.hero__portrait{position:relative;border-radius:var(--r);overflow:hidden;background:var(--surface-2);
  aspect-ratio:4/5}
.hero__portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06) brightness(.94);
  transition:filter var(--dur-glacial) var(--ease-move),transform var(--dur-glacial) var(--ease-move)}
.hero__portrait:hover img{filter:grayscale(.35) contrast(1.02) brightness(1);transform:scale(1.02)}
.hero__portrait::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,color-mix(in srgb,var(--paper) 70%,transparent),transparent 55%)}
.hero__caption{position:absolute;left:var(--s4);bottom:var(--s4);z-index:1;
  font-family:var(--ff-mono);font-size:var(--t-xs);letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-2)}
@media (max-width:899px){.hero__portrait{max-width:280px}}
.sec{padding:clamp(3.5rem,8vw,6.5rem) 0;border-top:1px solid var(--line)}
.sec--flush{border-top:0}
.sec__head{display:grid;gap:var(--s4);margin-bottom:var(--s7)}
@media (min-width:860px){.sec__head{grid-template-columns:minmax(0,22rem) minmax(0,1fr);
  gap:var(--s8);align-items:start}}
.sec__title{font-size:var(--t-2xl);letter-spacing:-.028em}
.sec__intro{color:var(--ink-2);font-size:var(--t-md)}
.sec__intro p:last-child{margin-bottom:0}
.record{display:grid;gap:var(--s5)}
@media (min-width:760px){.record{grid-template-columns:repeat(4,1fr);gap:var(--s6)}}
.stat{border-top:1px solid var(--line-2);padding-top:var(--s4)}
.stat__n{font-family:var(--ff-display);font-size:var(--t-2xl);line-height:1;
  letter-spacing:-.03em;display:block;font-variant-numeric:tabular-nums}
.stat__l{display:block;margin-top:var(--s2);font-size:var(--t-sm);color:var(--ink-2);line-height:1.4}
.stat--accent .stat__n{color:var(--accent)}
.bars{display:grid;gap:var(--s5);margin-top:var(--s7)}
.bar__top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);
  font-size:var(--t-sm);margin-bottom:var(--s2)}
.bar__label{color:var(--ink-2)}
.bar__v{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;color:var(--ink)}
.bar__track{height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden}
.bar__fill{height:100%;border-radius:999px;background:var(--accent);
  transform-origin:left center;transform:scaleX(var(--v,1))}
.bar--pos .bar__fill{background:var(--pos)}
.bar--neg .bar__fill{background:var(--neg)}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .bar__fill{animation:barGrow linear both;animation-timeline:view();
      animation-range:entry 12% cover 36%}
  }
  @supports not (animation-timeline:view()){
    html.js .bar__fill{transform:scaleX(0)}
    html.js .is-in .bar__fill{animation:barGrow var(--dur-glacial) var(--ease-enter) both}
  }
  @keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(var(--v,1))}}
}
.caveat{margin-top:var(--s6);padding:var(--s5);background:var(--surface);
  border-left:2px solid var(--accent);border-radius:0 var(--r) var(--r) 0;
  font-size:var(--t-base);color:var(--ink-2)}
.caveat p:last-child{margin-bottom:0}
.caveat strong{color:var(--ink)}
.mosaic{margin-top:var(--s7)}
.mosaic__grid{display:grid;grid-template-columns:repeat(var(--cols,58),1fr);
  gap:2px;margin-bottom:var(--s5);contain:layout paint}
@media (max-width:900px){.mosaic__grid{--cols:38}}
@media (max-width:560px){.mosaic__grid{--cols:26;gap:1.5px}}
.mosaic__c{aspect-ratio:1;background:#242A33;border-radius:1px}
.mosaic__c--once{background:var(--accent);opacity:.56}
.mosaic__note{margin:var(--s4) 0 0;max-width:var(--measure);font-size:var(--t-sm);color:var(--ink-3)}
.mosaic__key{display:flex;flex-wrap:wrap;gap:var(--s5);font-size:var(--t-sm);color:var(--ink-2)}
.mosaic__key span{display:inline-flex;align-items:center;gap:.5rem}
.mosaic__key i{width:10px;height:10px;border-radius:2px;display:inline-block;flex:0 0 auto}
.mosaic__key i.once{background:var(--accent)}
.mosaic__key i.more{background:var(--surface-3)}
.bylines{border-top:1px solid var(--line)}
.byline{display:block;text-decoration:none;border-bottom:1px solid var(--line);
  padding:var(--s5) 0;position:relative;transition:padding-left var(--dur-base) var(--ease-move)}
.byline:hover{padding-left:var(--s4)}
.byline__row{display:grid;gap:var(--s2)}
@media (min-width:820px){.byline__row{grid-template-columns:150px minmax(0,1fr) 120px;
  align-items:baseline;gap:var(--s5)}}
.byline__outlet{font-family:var(--ff-mono);font-size:var(--t-xs);letter-spacing:.11em;
  text-transform:uppercase;color:var(--accent)}
.byline__title{font-family:var(--ff-display);font-size:var(--t-lg);line-height:1.22;
  letter-spacing:-.015em;color:var(--ink)}
.byline__date{font-family:var(--ff-mono);font-size:var(--t-xs);color:var(--ink-3);
  letter-spacing:.06em}
@media (min-width:820px){.byline__date{text-align:right}}
.byline__credit{display:block;margin-top:.4rem;font-size:var(--t-sm);color:var(--ink-3);
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.byline__credit > span:first-child{color:var(--ink-2)}
.tagx{font-family:var(--ff-mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--line-2);border-radius:999px;padding:.12rem .55rem;color:var(--accent)}
.byline::after{content:"↗";position:absolute;right:0;top:50%;transform:translateY(-50%) translateX(-6px);
  color:var(--ink-3);opacity:0;transition:opacity var(--dur-base) var(--ease-move),
  transform var(--dur-base) var(--ease-move);font-size:.9rem}
.byline:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}
@media (max-width:819px){.byline::after{display:none}}
.cards{display:grid;gap:var(--s5)}
@media (min-width:760px){.cards--2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.cards--3{grid-template-columns:repeat(3,1fr)}
  .cards--4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:var(--s5);transition:border-color var(--dur-base) var(--ease-move),
  background var(--dur-base) var(--ease-move),transform var(--dur-base) var(--ease-move)}
.card:hover{border-color:var(--line-2);background:var(--surface-2);transform:translateY(-2px)}
.card__h{font-family:var(--ff-display);font-size:var(--t-lg);line-height:1.2;
  letter-spacing:-.015em;margin-bottom:var(--s3)}
.card__p{font-size:var(--t-base);color:var(--ink-2);margin:0}
.card--link{text-decoration:none;display:block}
.card__stat{font-family:var(--ff-display);font-size:var(--t-xl);color:var(--accent);
  display:block;line-height:1;margin-bottom:var(--s2)}
.card__meta{font-family:var(--ff-mono);font-size:var(--t-xs);letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:var(--s3)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chip{font-size:var(--t-sm);border:1px solid var(--line-2);border-radius:999px;
  padding:.34rem .8rem;color:var(--ink-2);background:var(--surface)}
.chip--no{border-color:transparent;background:var(--surface-2);color:var(--ink-3);
  text-decoration:line-through;text-decoration-color:var(--neg);text-decoration-thickness:1px}
.contact{display:grid;gap:var(--s6)}
@media (min-width:860px){.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
.big-link{display:inline-flex;align-items:center;gap:var(--s3);text-decoration:none;min-height:28px;
  font-family:var(--ff-display);font-size:var(--t-xl);letter-spacing:-.02em;
  line-height:1.15;word-break:break-word}
.big-link span{background-image:linear-gradient(var(--accent),var(--accent));
  background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;
  transition:background-size var(--dur-medium) var(--ease-move)}
.big-link:hover span{background-size:100% 1px}
.contact__row{margin-bottom:var(--s5)}
.contact__k{font-family:var(--ff-mono);font-size:var(--t-xs);letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:var(--s2)}
.plinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s2)}
.plink{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  text-decoration:none;font-size:var(--t-sm);color:var(--ink-2);
  border:1px solid var(--line);border-radius:var(--r);padding:.6rem .8rem;
  transition:border-color var(--dur-fast) var(--ease-move),color var(--dur-fast) var(--ease-move),
  background var(--dur-fast) var(--ease-move)}
.plink:hover{color:var(--ink);border-color:var(--line-2);background:var(--surface)}
.plink::after{content:"↗";color:var(--ink-4);font-size:.8em}
.prose{font-size:var(--t-md);line-height:1.72;color:var(--ink-2)}
.prose > *{max-width:var(--measure);margin-inline:auto}
.prose p{margin:0 auto 1.25em}
.prose h2{font-size:var(--t-xl);color:var(--ink);margin:2.3em auto .65em;letter-spacing:-.022em}
.prose h3{font-size:var(--t-lg);color:var(--ink);margin:1.9em auto .5em}
.prose ul,.prose ol{margin:0 auto 1.25em;padding-left:1.25em;list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-bottom:.45em}
.prose li::marker{color:var(--accent)}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);
  transition:text-decoration-color var(--dur-fast) var(--ease-move)}
.prose a:hover{text-decoration-color:var(--accent)}
.prose strong{color:var(--ink);font-weight:600}
.prose blockquote{border-left:2px solid var(--accent);padding-left:var(--s5);margin:2em auto;
  font-family:var(--ff-display);font-size:var(--t-lg);line-height:1.4;color:var(--ink)}
.prose code{font-family:var(--ff-mono);font-size:.88em;background:var(--surface-2);
  padding:.14em .38em;border-radius:2px;color:var(--accent)}
.page-head{padding:clamp(3.5rem,9vw,7rem) 0 var(--s7)}
.page-head__t{font-size:var(--t-3xl);letter-spacing:-.032em;max-width:20ch}
.page-head__d{margin-top:var(--s5);max-width:var(--measure)}
.crumbs{font-family:var(--ff-mono);font-size:var(--t-xs);letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s5)}
.crumbs a{text-decoration:none;color:var(--ink-3);display:inline-block;padding-block:.28rem}
.crumbs a:hover{color:var(--accent)}
.crumbs li{display:inline}
.crumbs li + li::before{content:" / ";color:var(--ink-4)}
.foot{border-top:1px solid var(--line);padding:var(--s8) 0 var(--s7);margin-top:var(--s8);
  background:var(--surface)}
.foot__grid{display:grid;gap:var(--s6)}
@media (min-width:820px){.foot__grid{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}}
.foot h2{font-family:var(--ff-mono);font-size:var(--t-xs);letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--s4);font-weight:500}
.foot ul{display:grid;gap:var(--s2)}
.foot ul{gap:var(--s1)}
.foot a{display:inline-block;padding-block:.3rem;
  font-size:var(--t-sm);color:var(--ink-2);text-decoration:none;
  transition:color var(--dur-fast) var(--ease-move)}
.foot a:hover{color:var(--accent)}
.foot__blurb{font-size:var(--t-sm);color:var(--ink-3);max-width:32ch;margin:var(--s4) 0 0}
.colophon{margin-top:var(--s7);padding-top:var(--s4);border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);justify-content:space-between;
  font-size:var(--t-xs);color:var(--ink-3);font-family:var(--ff-mono);letter-spacing:.05em}
.e404{padding:clamp(5rem,16vw,11rem) 0;text-align:center}
.e404__n{font-family:var(--ff-display);font-size:var(--t-4xl);line-height:1;color:var(--accent);
  letter-spacing:-.04em}
.e404 p{margin:var(--s5) auto var(--s6);max-width:38ch;color:var(--ink-2)}
.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:var(--paper);
  text-decoration:none;font-weight:600;font-size:var(--t-sm);padding:.62rem 1.25rem;border-radius:999px;
  transition:filter var(--dur-fast) var(--ease-move),transform var(--dur-fast) var(--ease-move)}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}