:root{--paper:#f5f0e8;--ink:#181713;--red:#a72c2d;--red-dark:#721b20;--acid:#dce969;--blue:#154c5c;--line:#b9afa1;--white:#fffdf8;--max:1240px;--read:740px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}img{display:block;max-width:100%;height:auto}a{color:var(--red-dark);text-decoration-thickness:.11em;text-underline-offset:.2em}a:focus-visible{outline:4px solid var(--blue);outline-offset:4px}h1,h2{margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:800;line-height:.9;letter-spacing:-.045em;text-transform:uppercase}h3{margin:0;font:700 1.4rem/1.15 Georgia,serif}p{margin:0 0 1rem}.skip-link{position:absolute;z-index:30;top:8px;left:8px;padding:12px 18px;background:var(--acid);transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:32px;width:min(calc(100% - 36px),var(--max));margin:auto;padding:16px 0;border-bottom:2px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font:800 .85rem/1.05 Arial;text-decoration:none;text-transform:uppercase;letter-spacing:.1em}.brand img{width:44px;height:44px;object-fit:contain}.site-header nav{display:flex;justify-content:center;gap:28px}.site-header nav a,.site-footer a{color:var(--ink);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.edition{display:grid;place-items:center;width:48px;height:48px;background:var(--red);color:var(--white);font-weight:900}.cover{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.72fr) 90px;width:min(calc(100% - 36px),var(--max));min-height:700px;margin:26px auto 100px;border-bottom:2px solid var(--ink)}.cover-title{display:flex;flex-direction:column;justify-content:center;padding:50px 7vw 50px 0}.cover-title>p,.runway>header>p,.notes header>p,.index-intro>p,.article>header>p,.note-hero>p{font-size:.75rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.cover h1{font-size:clamp(4.4rem,10vw,10rem)}.cover h1 span{display:block}.cover h1 span:last-child{color:var(--red)}.cover-title>a{align-self:flex-start;margin-top:38px;padding:13px 16px;background:var(--ink);color:var(--white);font-weight:800;text-decoration:none}.cover figure{position:relative;margin:0;background:var(--red)}.cover figure img{width:100%;height:100%;min-height:620px;object-fit:cover;filter:saturate(.78) contrast(1.04)}.cover figcaption{position:absolute;right:0;bottom:0;left:0;padding:22px;background:rgba(24,23,19,.9);color:var(--white)}.cover figcaption span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.cover figcaption strong{display:block;margin-top:6px;font-family:Georgia,serif}.cover aside{display:flex;flex-direction:column;justify-content:space-between;padding:20px 12px;background:var(--acid)}.cover aside span{font:900 3rem/1 Impact,Arial}.cover aside p{font-size:.74rem;font-weight:800;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.runway{width:min(calc(100% - 36px),var(--max));margin:0 auto 110px}.runway>header{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:50px}.runway>header h2,.notes h2{font-size:clamp(2.8rem,6vw,6.3rem)}.look-row{display:grid;grid-template-columns:55px minmax(190px,320px) minmax(0,1fr);gap:clamp(20px,4vw,60px);align-items:center;padding:28px 0;border-top:2px solid var(--ink)}.look-row>span{align-self:start;font-weight:900}.look-image{display:block;overflow:hidden;background:var(--line)}.look-image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .2s ease}.look-image:hover img{transform:scale(1.025)}.look-row>div>p:first-child{font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.look-row h2{font:700 clamp(1.7rem,3vw,3rem)/1.03 Georgia,serif;text-transform:none;letter-spacing:-.025em}.look-row h2 a{color:var(--ink);text-decoration:none}.look-row>div>p:last-child{max-width:58ch;margin-top:14px}.notes{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:2px;padding:2px;background:var(--ink)}.notes>*{min-height:280px;padding:32px;background:var(--paper)}.notes header{padding-left:max(32px,calc((100vw - var(--max))/2))}.notes>a{display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);text-decoration:none}.notes>a span{font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.notes>a strong{font:700 1.55rem/1.12 Georgia,serif}.notes>a i{font-size:2rem;font-style:normal}.breadcrumb{display:flex;gap:12px;width:min(calc(100% - 36px),var(--max));margin:36px auto;font-size:.75rem;font-weight:800;text-transform:uppercase}.index-intro,.note-hero{width:min(calc(100% - 36px),var(--max));margin:70px auto 90px}.index-intro h1,.note-hero h1{max-width:1000px;font-size:clamp(3.5rem,8vw,8rem)}.index-intro>p:last-child,.note-hero>p{max-width:62ch;margin-top:28px;font-size:1.15rem}.note-hero>div{display:grid;grid-template-columns:180px 1fr;gap:30px;margin-top:45px;padding:24px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}.article{display:grid;grid-template-columns:180px minmax(0,var(--read)) 1fr;gap:clamp(25px,5vw,70px);width:min(calc(100% - 36px),var(--max));margin:70px auto 110px}.article>header{grid-column:2/-1;max-width:980px;padding-bottom:45px;border-bottom:2px solid var(--ink)}.article>header h1{font-size:clamp(3.7rem,8vw,8.5rem)}.article>header>p:last-child{max-width:62ch;margin-top:28px;font-size:1.15rem}.article>aside{grid-column:1;padding-top:10px;border-top:12px solid var(--red)}.article>aside span{font:900 4rem/1 Impact,Arial;color:var(--red)}.article>aside p{font-size:.75rem;font-weight:800;text-transform:uppercase}.prose{grid-column:2;max-width:var(--read);font:1.1rem/1.75 Georgia,"Times New Roman",serif}.prose h2,.prose h3,.prose h4{margin:2.1em 0 .75em}.prose p,.prose ul,.prose ol,.prose blockquote{margin:0 0 1.35em}.prose img{width:min(900px,calc(100vw - 36px));max-width:none;margin:40px 0 40px -70px;border-left:18px solid var(--red)}.prose blockquote{padding:20px 25px;border-left:8px solid var(--acid);background:var(--white)}.video-poster{margin:35px 0}.video-poster img{margin:0;border-left-color:var(--blue)}.video-poster figcaption{padding:12px;background:var(--ink);font:700 .85rem Arial}.video-poster a{color:var(--white)}.page-article>header{grid-column:1/-1}.page-article>.prose{grid-column:2}.next-reading{display:flex;justify-content:space-between;gap:20px;width:min(calc(100% - 36px),var(--max));margin:-30px auto 100px;padding:24px 0;border-top:2px solid var(--ink);font-weight:800}.site-footer{display:grid;grid-template-columns:1fr auto auto;gap:60px;align-items:end;padding:55px max(18px,calc((100% - var(--max))/2));background:var(--ink);color:var(--white)}.site-footer nav{display:flex;gap:24px}.site-footer a{color:var(--white)}.site-footer>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-column:1/-1;justify-content:flex-start;overflow:auto}.cover{grid-template-columns:1fr 70px}.cover-title{grid-column:1/-1;padding-right:0}.cover figure{min-height:520px}.cover aside{grid-column:2}.runway>header,.notes,.article{grid-template-columns:1fr}.notes header{padding-left:32px}.look-row{grid-template-columns:40px 210px 1fr}.article>header,.article>aside,.article>.prose,.page-article>header,.page-article>.prose{grid-column:1}.article>aside{display:none}.prose img{margin-left:0}.site-footer{grid-template-columns:1fr auto}.site-footer>span{grid-column:1/-1}}@media(max-width:600px){.site-header,.cover,.runway,.breadcrumb,.index-intro,.note-hero,.article,.next-reading{width:calc(100% - 24px)}.site-header nav{gap:18px}.edition{width:42px;height:42px}.cover{grid-template-columns:1fr;margin-bottom:70px}.cover-title{padding-top:25px}.cover h1{font-size:clamp(3.7rem,20vw,6rem)}.cover figure img{min-height:450px}.cover aside{display:none}.look-row{grid-template-columns:30px 1fr}.look-row>.look-image{grid-column:2}.look-row>div{grid-column:2}.notes{grid-template-columns:1fr}.notes>*{min-height:220px}.article{margin-top:45px}.article>header h1{font-size:clamp(3.25rem,16vw,5.4rem)}.prose{font-size:1.03rem}.note-hero>div{grid-template-columns:1fr}.next-reading,.site-footer{display:block}.next-reading>*{display:block;margin-bottom:12px}.site-footer nav{margin:24px 0;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.look-image img{transition:none}}.note-body{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(calc(100% - 36px),var(--max));margin:0 auto 100px;background:var(--ink)}.note-body article{padding:30px;background:var(--paper)}.note-body article>span{font-size:.72rem;font-weight:900}.note-body h2{margin:40px 0 18px;font:700 1.7rem/1.08 Georgia,serif;text-transform:none;letter-spacing:-.02em}.note-body a{font-weight:800}@media(max-width:900px){.note-body{grid-template-columns:1fr}}@media(max-width:600px){.note-body{width:calc(100% - 24px)}}

@font-face{font-family:"Playfair Display";src:url("/assets/playfair-display-latin.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("/assets/geist-mono-latin.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
:root{--paper:#fff;--ink:#0000f2;--red:#0000f2;--red-dark:#0000f2;--acid:#edff45;--blue:#0000f2;--line:#dde1f5;--white:#fff;--max:1280px;--read:740px;--radius:1px;--space-section:96px}
body{background:var(--blue);color:var(--ink);font-family:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;line-height:1.6}
main{display:flow-root}
h1,h2,h3,.look-row h2,.notes>a strong,.note-body h2,.prose h2,.prose h3,.prose h4,.cover figcaption strong{font-family:"Playfair Display",Georgia,serif;text-transform:none}
h1,h2{line-height:1;letter-spacing:-.025em}
a{color:var(--ink)}
a:focus-visible{outline:3px solid var(--acid);outline-offset:3px;box-shadow:0 0 0 5px var(--blue)}
.skip-link{border-radius:var(--radius);background:var(--acid);color:var(--blue);font-weight:700}
.site-header{width:min(calc(100% - 64px),var(--max));padding:16px 24px;background:var(--white);border:1px solid var(--line);border-top:0}
.brand{color:var(--ink);font-family:"Geist Mono",ui-monospace,monospace}
.site-header nav{gap:24px}
.site-header nav a,.site-footer a{font-size:.875rem}
.site-header nav a:hover,.site-footer a:hover{opacity:.72}
.edition{border-radius:var(--radius);background:var(--blue);color:var(--white)}
.cover{width:min(calc(100% - 64px),var(--max));margin:32px auto var(--space-section);padding-inline-start:32px;background:var(--blue);color:var(--white);border:0}
.cover h1{max-width:1024px;font-size:clamp(4.5rem,10vw,10rem);color:var(--white)}
.cover h1 span:last-child{color:var(--acid)}
.cover-title>a{margin-top:36px;border-radius:var(--radius);background:var(--white);color:var(--blue);font-size:1rem;transition:opacity 150ms ease}
.cover-title>a:hover{opacity:.88}
.cover figure{border:1px solid var(--line);border-radius:var(--radius);background:var(--blue)}
.cover figcaption{background:var(--blue);color:var(--white)}
.cover aside{border-radius:var(--radius);background:var(--acid);color:var(--blue)}
.cover aside span{font-family:"Geist Mono",ui-monospace,monospace}
.runway,.index-intro,.note-hero,.article,.next-reading,.breadcrumb{width:min(calc(100% - 64px),var(--max));background:var(--white)}
.runway{margin:0 auto var(--space-section);padding:var(--space-section) 32px;border:1px solid var(--line);border-radius:var(--radius)}
.runway>header{max-width:768px;margin-bottom:64px}
.runway>header h2,.notes h2{font-size:clamp(2.8rem,6vw,6.3rem)}
.look-row{border-top:1px solid var(--line)}
.look-image{border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.look-row h2{font-size:clamp(1.7rem,3vw,3rem);line-height:1}
.notes{width:min(calc(100% - 64px),var(--max));margin:0 auto var(--space-section);gap:1px;padding:1px;border-radius:var(--radius);background:var(--line)}
.notes>*{background:var(--white)}
.notes header{padding-left:32px}
.notes>a{color:var(--ink)}
.notes>a strong{font-size:1.25rem}
.breadcrumb{margin:32px auto 0;padding:24px 32px;border:1px solid var(--line);border-bottom:0}
.index-intro,.note-hero{margin:0 auto var(--space-section);padding:var(--space-section) 32px;border:1px solid var(--line);border-radius:var(--radius)}
.index-intro h1,.note-hero h1{max-width:1024px}
.note-hero>div{border-color:var(--line)}
.note-body{width:min(calc(100% - 64px),var(--max));margin:0 auto var(--space-section);gap:1px;padding:1px;border-radius:var(--radius);background:var(--line)}
.note-body article{border-radius:var(--radius);background:var(--white)}
.note-body h2{font-size:1.25rem}
.article{margin:0 auto var(--space-section);padding:var(--space-section) 32px;border:1px solid var(--line);border-radius:var(--radius)}
.article>header{border-bottom:1px solid var(--line)}
.article>aside{border-top:1px solid var(--blue)}
.article>aside span{color:var(--blue);font-family:"Geist Mono",ui-monospace,monospace}
.prose{font-family:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;line-height:1.65}
.prose img{border-left:1px solid var(--blue);border-radius:var(--radius)}
.prose blockquote{border:1px solid var(--line);border-left:1px solid var(--blue);border-radius:var(--radius);background:var(--white)}
.video-poster figcaption{background:var(--blue);font-family:"Geist Mono",ui-monospace,monospace}
.next-reading{margin:-64px auto var(--space-section);padding:24px 32px;border:1px solid var(--line);border-radius:var(--radius)}
.site-footer{background:var(--blue);color:var(--white)}
.site-footer a{color:var(--white)}
@media(max-width:1023px){:root{--space-section:48px}.edition{grid-column:2;grid-row:1;width:auto;min-width:56px;padding-inline:8px;white-space:nowrap}.runway,.index-intro,.note-hero,.article{padding-block:48px}}
@media(max-width:600px){.site-header,.cover,.runway,.breadcrumb,.index-intro,.note-hero,.note-body,.article,.next-reading,.notes{width:calc(100% - 24px)}.site-header{padding-inline:16px}.site-header nav{flex-wrap:wrap;overflow:visible}.cover{padding-inline-start:16px}.cover h1{font-size:clamp(3.3rem,16vw,5rem)}.runway,.index-intro,.note-hero,.article{padding-inline:20px}.notes header{padding-left:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* VibeCurb hero rework: full-bleed editorial subject, scoped to the home cover. */
:root{
  --hero-spring:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017 19.4%,1.067 22.5%,1.089 26%,1.079 30.3%,1.049 36%,1.024 42.6%,1.011 50.3%,1.004 59.2%,1.001 69.3%,1);
  --hero-snap:cubic-bezier(.22,1,.36,1);
}
.cover{
  position:relative;
  display:block;
  min-height:clamp(680px,calc(100dvh - 112px),900px);
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:var(--blue);
  border:1px solid var(--line);
}
.cover figure{
  position:absolute;
  inset:0 88px 0 0;
  margin:0;
  overflow:hidden;
  border:0;
}
.cover figure::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,242,.94) 0%,rgba(0,0,242,.72) 32%,rgba(0,0,242,.08) 67%,rgba(0,0,242,.18) 100%);
  pointer-events:none;
}
.cover figure img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center 12%;
  filter:saturate(.84) contrast(1.04);
  animation:hero-image-settle 580ms var(--hero-spring) both;
  transition:transform 650ms var(--hero-snap),filter 650ms var(--hero-snap);
}
.cover:hover figure img{transform:scale(1.012);filter:saturate(.9) contrast(1.04)}
.cover-title{
  position:absolute;
  z-index:2;
  inset:auto auto clamp(52px,8vh,84px) clamp(28px,5vw,72px);
  display:block;
  width:min(68%,900px);
  padding:0;
}
.cover-title>p{
  margin:0 0 clamp(18px,3vh,30px);
  color:var(--white);
  animation:hero-enter 480ms var(--hero-spring) 50ms both;
}
.cover h1{
  max-width:none;
  font-size:clamp(5.25rem,11.2vw,11.5rem);
  font-weight:700;
  line-height:.78;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.cover h1 span{
  width:max-content;
  max-width:100%;
  animation:hero-enter 500ms var(--hero-spring) both;
}
.cover h1 span:first-child{animation-delay:110ms}
.cover h1 span:last-child{animation-delay:190ms}
.cover-title>a{
  position:relative;
  display:inline-flex;
  min-height:48px;
  align-items:center;
  margin-top:clamp(28px,4vh,42px);
  padding:13px 18px;
  overflow:hidden;
  isolation:isolate;
  animation:hero-enter 420ms var(--hero-spring) 280ms both;
  transition:transform 420ms var(--hero-snap),color 420ms var(--hero-snap);
}
.cover-title>a::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:var(--acid);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform 420ms var(--hero-snap);
}
.cover-title>a:hover{opacity:1;transform:translateY(-2px)}
.cover-title>a:hover::before{transform:scaleX(1);transform-origin:left}
.cover-title>a:active{transform:translateY(0) scale(.98)}
.cover figcaption{
  z-index:2;
  top:24px;
  right:112px;
  bottom:auto;
  left:auto;
  max-width:min(42ch,calc(100% - 96px));
  margin-left:0;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.5);
  background:rgba(0,0,242,.88);
  animation:hero-enter 400ms var(--hero-spring) 260ms both;
}
.cover aside{
  position:absolute;
  z-index:3;
  inset:0 0 0 auto;
  width:88px;
  animation:hero-rail-enter 480ms var(--hero-spring) 80ms both;
}
@keyframes hero-image-settle{
  from{opacity:0;transform:scale(1.035)}
  to{opacity:1;transform:scale(1)}
}
@keyframes hero-enter{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes hero-rail-enter{
  from{opacity:0;transform:translateX(18px)}
  to{opacity:1;transform:translateX(0)}
}
@media(max-width:900px){
  .cover{min-height:clamp(680px,calc(100dvh - 154px),840px)}
  .cover figure{inset:0}
  .cover figure::after{background:linear-gradient(0deg,rgba(0,0,242,.92) 0%,rgba(0,0,242,.44) 56%,rgba(0,0,242,.08) 100%)}
  .cover-title{inset:auto 28px 42px;width:auto}
  .cover h1{font-size:clamp(4.5rem,14vw,7.2rem)}
  .cover aside{display:none}
  .cover figcaption{top:24px;right:24px;bottom:auto;left:auto;max-width:34ch;margin:0}
}
@media(max-width:600px){
  .cover{min-height:max(620px,calc(100dvh - 190px));margin-top:12px;padding:0}
  .cover figure img{object-position:62% center}
  .cover figure::after{background:linear-gradient(0deg,rgba(0,0,242,.96) 0%,rgba(0,0,242,.62) 48%,rgba(0,0,242,.06) 100%)}
  .cover-title{inset:auto 20px 28px}
  .cover-title>p{max-width:32ch;margin-bottom:16px;font-size:.68rem}
  .cover h1{font-size:clamp(3.5rem,18vw,5rem);line-height:.82}
  .cover-title>a{margin-top:24px}
  .cover figcaption{top:16px;right:16px;left:16px;max-width:none;padding:10px 12px}
  .cover figcaption strong{font-size:.88rem;line-height:1.2}
}
@media(prefers-reduced-motion:reduce){
  .cover figure img,.cover-title>p,.cover h1 span,.cover-title>a,.cover figcaption,.cover aside{animation:hero-reduced 180ms cubic-bezier(.16,1,.3,1) both!important}
  .cover:hover figure img,.cover-title>a:hover,.cover-title>a:active{transform:none}
  .cover-title>a::before{transition:none}
}
@keyframes hero-reduced{from{opacity:0}to{opacity:1}}