@font-face{font-family:Figtree;src:url('fonts/figtree-latin.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#202420;--quiet:#586058;--green:#246743;--headline-green:#00843c;--rule:#d2d8ce;--paper:#fff;--wash:#f1f5ec;--width:1344px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px;scrollbar-gutter:stable}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Figtree,Arial,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
button,textarea{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
button{color:inherit;cursor:pointer}
button:disabled{cursor:default}
button svg,a svg,summary svg{flex:0 0 auto}
button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #216bac;outline-offset:6px}
::selection{background:#d5ebbd;color:#17251a}
[hidden]{display:none!important}
.skip{position:fixed;top:14px;left:14px;transform:translateY(-200%);z-index:20;background:#fff;padding:8px 16px}
.skip:focus{transform:translateY(0)}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:570;line-height:1.06;letter-spacing:-.045em}
.first-work,.work,.your-thought{max-width:var(--width);margin:0 auto;padding:0 52px}
.opening{display:grid;grid-template-columns:.75fr 1.65fr;gap:44px;align-items:center;padding-top:clamp(48px,8vh,104px)}
.opening-type{padding-bottom:38px}
h1{font-size:clamp(54px,6.6vw,94px);line-height:1;letter-spacing:-.052em;color:var(--ink)}
h1 .headline-accent{color:var(--headline-green)}
.opening-type>p{margin-top:32px;font-size:20px;line-height:1.4}
.opening-type strong{font-weight:600}
.opening-link{display:inline-flex;align-items:center;gap:12px;margin-top:34px;min-height:44px;font-size:16px;text-decoration:none;border-bottom:1px solid var(--rule)}
.image-source{display:block;line-height:0}
.enhanced .image-source{cursor:zoom-in}
.work-figure img{display:block;width:100%;height:auto;background:#f0f0eb}
.opening .work-figure img{height:auto}
figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 24px;margin-top:12px;color:var(--quiet);font-size:12px;line-height:1.55;letter-spacing:0;overflow-wrap:anywhere}
.photo-credit{flex:1 1 25rem;min-width:0}
figcaption a{display:block;flex:0 1 auto;max-width:100%;min-height:28px;margin-left:auto;text-align:right}
.work-bottom{display:grid;grid-template-columns:.85fr 1.3fr;gap:clamp(32px,7vw,100px);padding-top:40px}
.first-work .work-bottom{padding-top:58px}
.work-heading h2,.work-title{font-size:25px;letter-spacing:-.025em;line-height:1.22;font-weight:570;max-width:25ch}
.byline{font-size:15px;line-height:1.55;color:var(--quiet);margin:10px 0}
.first-work .byline{margin-top:12px;max-width:32ch;font-weight:450;letter-spacing:.005em}
.byline span{display:block}
.summary{font-size:21px;line-height:1.55;max-width:52ch;letter-spacing:-.014em}
.trace{margin-top:22px}
.trace-body{padding:0}
.trace-steps{padding:0;list-style:none;position:relative}
.trace-steps>li+li{margin-top:24px}
.enhanced .trace-steps>li{margin:0}
.trace-steps h3{font-size:25px;line-height:1.18;letter-spacing:-.02em;font-weight:590;margin-bottom:14px}
.trace-steps p{margin-top:10px;font-size:17px;line-height:1.65;max-width:54ch}
.source-link{display:inline-flex;align-items:center;margin-top:12px;min-height:44px;font-size:14px;color:var(--quiet)}
.trace-nav{display:flex;align-items:center;gap:18px;margin-top:23px;padding-top:0}
.trace-nav button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;min-width:44px;padding:8px 0;background:none;border:0;font-size:15px;font-weight:600;color:var(--green)}
.trace-nav [data-prev] svg{transform:rotate(180deg)}
.trace-nav [data-next]{margin-left:auto}
.trace-nav button:disabled{color:#70786c;opacity:.6}
[data-step-status]{font-size:13px;color:var(--quiet)}
.ending{font-size:18px;line-height:1.5;letter-spacing:-.01em;margin-top:26px;font-weight:550;max-width:49ch}
.next-day{color:var(--headline-green)}
.ending-source{display:inline-flex;align-items:center;justify-content:center;width:32px;min-height:32px;font-size:16px;color:var(--quiet);text-decoration:none}
.premise{margin:clamp(96px,15vw,200px) auto;max-width:1000px;padding:0 52px;text-align:center}
.premise p{font-size:clamp(26px,3.55vw,49px);letter-spacing:-.035em;font-weight:450;line-height:1.3}
.premise em{font-style:normal;color:var(--green)}
.work{margin-bottom:clamp(90px,14vw,180px)}
.work-intro{margin-bottom:30px;max-width:800px}
.work-intro h2{font-size:clamp(35px,4.5vw,64px);line-height:1.06;text-wrap:balance}
.work-homage{max-width:1160px}
.work-pepsi .work-figure{max-width:1140px}
.work-condor .work-figure{max-width:1140px;margin-left:auto}
.your-thought{display:grid;grid-template-columns:.85fr 1.3fr;gap:clamp(32px,7vw,100px);padding-top:72px;padding-bottom:90px;position:relative}
.your-thought:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--wash);box-shadow:0 0 0 100vmax var(--wash);clip-path:inset(0 -100vmax)}
.thought-intro h2{font-size:clamp(54px,6vw,84px);margin-bottom:32px}
.thought-intro p{font-size:19px;line-height:1.5;max-width:28ch;margin-top:18px}
.answer label{display:block;font-size:25px;line-height:1.3;letter-spacing:-.022em;font-weight:550;max-width:30ch;margin-bottom:18px}
.answer+.answer{margin-top:36px}
textarea{display:block;resize:vertical;width:100%;min-height:126px;padding:15px 16px;border:1px solid #a5b09e;border-radius:2px;background:#fff;color:var(--ink);font-size:20px;line-height:1.5;letter-spacing:-.012em}
textarea::placeholder{color:#697164;font-size:16px}
textarea:focus{border-color:var(--green)}
.note-actions{display:none;margin-top:26px}
.enhanced .note-actions{display:block}
#download-note{display:inline-grid;place-items:center;width:48px;height:48px;background:transparent;border:0;border-radius:6px;padding:0;color:var(--green);text-decoration:none;transition:background .18s,color .18s}
#download-note:hover:not(:disabled){background:#e0ebd8;color:#174a2f}
#download-note:active:not(:disabled){background:#d5e4cc}
#download-note:disabled{color:#828b7c}
#note-status{margin-top:14px;color:#505b49;font-size:13px;line-height:1.5;min-height:22px}
.close{text-align:center;padding:100px 24px 34px}
.close>p:first-child{font-size:clamp(28px,3.8vw,48px);line-height:1.22;letter-spacing:-.035em}
.close .last{font-size:clamp(38px,5.8vw,80px);line-height:1.1;letter-spacing:-.045em;font-weight:540;margin-top:34px}
.last span{color:var(--green)}
.hub-link{display:inline-flex;align-items:center;min-height:48px;margin-top:48px;font-size:18px;color:var(--headline-green);font-weight:600;text-decoration:none}
.close .credit{font-size:12px;color:var(--quiet);margin-top:74px}
.credit a{display:inline-block;margin-left:14px;min-height:28px}
#photo-viewer{width:calc(100vw - 48px);max-width:1700px;max-height:calc(100dvh - 48px);padding:56px 26px 20px;border:0;background:#fff;color:var(--ink);overflow:auto}
#photo-viewer::backdrop{background:rgb(14 18 15 / .91)}
#photo-viewer>img{display:block;width:100%;height:auto;max-height:calc(100dvh - 180px);object-fit:contain;cursor:zoom-out}
.photo-close{position:absolute;right:14px;top:8px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;padding:0}
.photo-caption{font-size:13px;line-height:1.6;margin-top:18px;text-align:center;color:var(--quiet)}
.photo-caption a{margin-left:14px}
body:has(#photo-viewer[open]){overflow:hidden}
@media(min-width:1500px){.opening{padding-top:100px}}
@media(max-width:1000px){.first-work,.work,.your-thought{padding-left:32px;padding-right:32px}.opening{gap:28px;grid-template-columns:.8fr 1.3fr}h1{font-size:clamp(52px,7.8vw,72px)}.opening-type>p{font-size:18px}.opening-link{font-size:14px;gap:7px}.work-bottom,.your-thought{grid-template-columns:.75fr 1.25fr;gap:36px}.summary{font-size:19px}}
@media(min-width:701px) and (max-width:900px){
  .opening{grid-template-columns:minmax(0,1fr)}
  .opening-type{padding-bottom:0}
  h1 br{display:none}
}
@media(max-width:700px){
  html{scroll-padding-top:20px;scrollbar-gutter:auto}
  body{font-size:17px}
  .first-work,.work,.your-thought{padding-left:23px;padding-right:23px}
  .opening{display:flex;flex-direction:column;align-items:stretch;padding-top:42px;gap:26px}
  .opening-type{padding-bottom:0;display:grid;grid-template-columns:1fr auto;column-gap:14px;align-items:end}
  h1{grid-column:1/-1;font-size:clamp(48px,12.8vw,80px);line-height:1.025;letter-spacing:-.047em}
  h1 br{display:none}
  .opening-type>p{font-size:16px;line-height:1.45;margin-top:23px}
  .opening-link{font-size:13px;margin-top:20px;gap:7px;min-height:44px;align-self:end}
  .opening .work-figure{margin-left:-23px;margin-right:-23px}
  .opening .work-figure img{aspect-ratio:auto;object-fit:contain}
  .opening figcaption{margin-left:23px;margin-right:23px}
  figcaption{font-size:11px;line-height:1.6;gap:2px}
  .work-bottom,.your-thought{display:block}
  .first-work .work-bottom{padding-top:32px}
  .work-heading h2,.work-title{font-size:22px;max-width:none}
  .byline{font-size:14px;margin:8px 0 16px}
  .byline span{display:block;margin-left:0}
  .first-work .byline{margin-bottom:10px}
  .work-account{margin-top:21px}
  .summary{font-size:19px;line-height:1.6}
  .trace{margin-top:17px}
  .trace-body{padding-top:0}
  .trace-steps h3{font-size:25px}
  .trace-steps p{font-size:17px}
  .ending{font-size:17px;line-height:1.55;margin-top:22px}
  .premise{margin:90px auto;padding:0 23px}
  .premise p{font-size:clamp(24px,6.7vw,36px);line-height:1.35}
  .premise br{display:none}
  .work{margin-bottom:86px}
  .work-intro{margin-bottom:22px}
  .work-intro h2{font-size:clamp(32px,9vw,47px)}
  .work>.work-figure{margin:0 -23px}
  .work>.work-figure figcaption{margin-left:23px;margin-right:23px}
  .work-bottom{padding-top:26px}
  .your-thought{padding-top:58px;padding-bottom:58px}
  .thought-intro h2{font-size:clamp(43px,11vw,62px);margin-bottom:22px;text-wrap:balance}
  .thought-intro p{font-size:18px;max-width:none}
  .thought-form{margin-top:40px}
  .answer label{font-size:24px;max-width:27ch}
  textarea{font-size:19px;min-height:144px}
  .close{padding-top:75px}
  .close>p:first-child{font-size:29px}
  .close .last{font-size:47px;line-height:1.14;margin-top:27px}
  .hub-link{margin-top:35px}
  .close .credit{margin-top:64px}
  #photo-viewer{width:100vw;max-width:none;max-height:100dvh;padding:58px 0 18px;margin:auto 0}
  #photo-viewer>img{max-height:calc(100dvh - 160px)}
  .photo-caption{padding:0 20px;font-size:12px}
}
@media(max-width:360px){.opening-type{display:block}.opening-link{margin-top:12px}.opening-type>p{margin-top:20px}.close .last{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.opening,.work,.premise,.first-work,.thought-intro,.close,.note-actions,.skip{display:none}.your-thought{display:block;max-width:none;padding:0}.your-thought:before{display:none}textarea{border:0;padding:0;resize:none;overflow:visible;min-height:160px}body{font-size:14pt}.answer label{font-size:19pt}}