body{margin:0}html{scroll-behavior:smooth}a{color:inherit}a:hover{color:inherit}.av{--head:"Fraunces",Georgia,serif;font-family:"Geist",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  --bg:#0E0D0C;--ink:#ECE6DA;--muted:#9A9488;--tint:rgba(236,230,218,.08);--line:rgba(236,230,218,.14);--card:#17140F;--card2:#1C1A17;--gut:clamp(16px,3.3vw,48px);
  background:var(--bg);color:var(--ink);position:relative;overflow-x:clip;font-size:15px}
:where(html[data-theme="light"]) .av{--bg:#F4F0E8;--ink:#17140F;--muted:#635D53;--tint:rgba(23,20,15,.06);--line:rgba(23,20,15,.13);--card:#FBF8F2;--card2:#EDE7DC}.av *{box-sizing:border-box}.wrap{max-width:none;margin:0 auto;padding:0 var(--gut)}.mark{display:block;overflow:visible}.gnav{position:fixed;top:0;left:0;right:0;z-index:30;padding:12px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none;
  transform:translateY(-120%);opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s}.gnav>*{pointer-events:auto}.gnav.show{transform:none;opacity:1}.gpill{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgba(14,13,12,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--line),0 12px 30px -18px rgba(0,0,0,.6)}
:where(html[data-theme="light"]) .gpill{background:rgba(244,240,232,.86)}.gmark{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:48px;padding:0 16px 0 9px;border-radius:999px;background:rgba(14,13,12,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--line),0 12px 30px -18px rgba(0,0,0,.6)}
:where(html[data-theme="light"]) .gmark{background:rgba(244,240,232,.86)}.navp{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:500;color:var(--ink);transition:background-color .3s}.navp:hover{background:var(--tint)}.mag{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 18px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;background:var(--ink);color:var(--bg);transition:translate .35s cubic-bezier(.2,.8,.2,1)}.mag svg{transition:transform .4s cubic-bezier(.7,0,.2,1)}.mag:hover svg{transform:rotate(-45deg)}#top{position:relative;overflow:hidden}.name{display:flex;align-items:flex-end;width:100%;font-size:clamp(40px,11vw,200px);line-height:.84;letter-spacing:-.035em;white-space:nowrap}.win{position:relative;flex:0 1 0;min-width:0;height:.7em;margin:0 0 .05em;border-radius:.13em;overflow:hidden;background:#1C1A17;flex-grow:1;margin:0 .09em .05em;box-shadow:0 0 0 0 rgba(255,90,31,0);opacity:0;animation:winIn 1.25s cubic-bezier(.7,0,.2,1) .2s forwards}@keyframes open{0%{flex-grow:0}70%{flex-grow:1.08;margin:0 .09em .05em;box-shadow:0 0 50px 4px rgba(255,90,31,.45)}100%{flex-grow:1;margin:0 .09em .05em;box-shadow:0 0 0 0 rgba(255,90,31,0)}}.pane{position:absolute;inset:0;opacity:0;animation:cycle 12.5s linear infinite;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(6px,1.2vw,20px);font-size:clamp(8px,.9vw,13px);font-weight:600;letter-spacing:.02em;line-height:1.2;white-space:normal;font-variation-settings:"wght" 600,"wdth" 100}.pane b{font-size:clamp(9px,1.15vw,18px);font-weight:600;letter-spacing:-.021em;line-height:1;font-variation-settings:"wght" 600,"wdth" 85}@keyframes cycle{0%{opacity:0;transform:scale(1.08)}3%{opacity:1;transform:scale(1)}20%{opacity:1}23%{opacity:0}100%{opacity:0}}.tag{display:flex;flex-direction:column;align-items:center;gap:.08em;width:100%;margin-top:clamp(14px,2vw,30px);text-align:center}.tagline{display:inline-flex;font-size:clamp(22px,4.4vw,64px);line-height:.9;letter-spacing:-.02em;white-space:nowrap;color:#9A9488}
:where(html[data-theme="light"]) .tagline{color:#7A7468}.L{display:inline-block;transform-origin:50% 100%;font-variation-settings:"wght" 380;transition:font-variation-settings .35s cubic-bezier(.2,.8,.2,1),color .35s ease;opacity:0;animation:in .85s cubic-bezier(.16,1,.3,1) forwards}.fitting .L{transition:none!important}.win{z-index:2}@media (hover:hover){.win:hover .pane{animation-play-state:paused}}.name{transition:font-size .55s cubic-bezier(.2,.8,.2,1)}.name.fitting{transition:none!important}.tagline{transform-origin:50% 100%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.name.winhov~.tag .tagline{transform:scale(.88)}.win{height:var(--winh,.7em)!important;transform:translateY(var(--winy,0px));transition:height .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease}.name.winhov .win{box-shadow:0 0 0 1px rgba(255,90,31,.35),0 .06em .5em .02em rgba(255,90,31,.42),0 .1em 1.1em .12em rgba(255,90,31,.22)!important}.fitting .win{transition:none!important}.name .L{font-variation-settings:"opsz" 144,"wght" 560,"wdth" 112;animation:nameIn 1s cubic-bezier(.19,1.6,.22,1) forwards}@keyframes in{from{opacity:0;transform:translateY(40px);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}@keyframes nameIn{0%{opacity:0;transform:translateY(68%) scale(1.5) rotate(6deg);filter:blur(26px)}55%{opacity:1}100%{opacity:1;transform:none;filter:none}}.tagline .L{animation:tagIn .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes tagIn{from{opacity:0;transform:translateY(56px) scale(1.2);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}.sp{display:inline-block;width:.22em}.fade{opacity:0;animation:fade 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}.flash{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 46%, rgba(255,255,255,.95), rgba(255,90,31,.3) 34%, rgba(14,13,12,0) 68%);opacity:0;animation:flash 1s ease-out forwards}@keyframes flash{0%{opacity:0}5%{opacity:1}100%{opacity:0}}.scene{animation:zoomIn 1.4s cubic-bezier(.16,1,.3,1) both}@keyframes zoomIn{from{transform:scale(1.045);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}.hint{display:inline-flex;align-items:center;gap:9px}.hint i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.replay{position:absolute;left:50%;translate:-50% 0;bottom:10px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:rgba(236,230,218,.08);color:#8D877C;font:500 12px "Geist",system-ui,sans-serif;cursor:pointer;z-index:5}
:where(html[data-theme="light"]) .replay{background:rgba(23,20,15,.08);color:#5C564C}.hero-in{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(14px,2vw,24px) var(--gut) 68px}.marq-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:14px 0}.marq{display:flex;width:max-content;gap:32px;font-size:clamp(16px,1.6vw,21px);font-weight:600;letter-spacing:-.012em;white-space:nowrap;align-items:center;animation:marq 36s linear infinite}.marq i{font-style:normal;font-weight:400;color:var(--muted)}@keyframes marq{to{transform:translateX(-50%)}}.marq-wrap:hover .marq{animation-play-state:paused}.eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.h2{margin:0;font-weight:600;font-size:clamp(30px,4vw,54px);line-height:.95;letter-spacing:-.027em}.lede{margin:0;font-size:16px;line-height:1.55;color:var(--muted);max-width:420px}.sec{padding:clamp(72px,9vw,112px) 0 0}@supports (animation-timeline: view()){
  .reveal{animation:revealIn linear both;animation-timeline:view();animation-range:entry 0% cover 25%}
  @keyframes revealIn{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
  .case-in{animation:caseIn linear both;animation-timeline:view();animation-range:entry 0% entry 85%}
  @keyframes caseIn{from{transform:translateY(60px) scale(.96);opacity:.4}to{transform:none;opacity:1}}
}.cases{display:flex;flex-direction:column;gap:32px;margin-top:44px}.case{position:sticky;top:calc(72px + var(--i) * 16px);border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--line),0 30px 70px -45px rgba(0,0,0,.7);padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:18px}
:where(html[data-theme="light"]) .case{box-shadow:0 0 0 1px var(--line),0 30px 70px -45px rgba(70,50,30,.16)}.cardlink{position:absolute;inset:0;z-index:1;border-radius:inherit}.case .ulink{position:relative;z-index:2;display:inline-block;padding:3px 0;margin:-3px 0}.case{transition:box-shadow .4s}.case.hot{box-shadow:0 0 0 1.5px var(--accent),0 30px 70px -45px rgba(255,90,31,.45)}.h3 .go{display:inline-block;margin-left:.25em;color:var(--accent);opacity:0;transform:translateX(-8px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}.case.hot .h3 .go{opacity:1;transform:none}@media (hover:none){.h3 .go{opacity:1;transform:none}}.cinfo{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:8px}.cinfo>div:first-child{display:flex;flex-direction:column;gap:14px}.meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.meta b{font-weight:600;color:var(--accent)}.meta b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6FCF97;margin-right:6px;vertical-align:1px;animation:blink 1.6s ease-in-out infinite}
:where(html[data-theme="light"]) .meta b i{background:#2E9E5B}.h3{margin:0;font-size:clamp(26px,2.8vw,38px);font-weight:600;letter-spacing:-.024em;line-height:1}.cp{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}.pts{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px}.pts li{display:flex;gap:10px}.pts li span{color:var(--accent)}.cfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tags{display:flex;gap:6px;flex-wrap:wrap}.tagp{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:12px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.ulink{text-decoration:none;font-size:14px;font-weight:500;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .45s cubic-bezier(.7,0,.2,1)}.ulink:hover{background-size:100% 1.5px}.vis.shotvis{padding:0;background:var(--card2)}.vis.shotvis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.16,1,.3,1)}.case.hot .vis.shotvis img{transform:scale(1.025)}.vis{border-radius:16px;background:var(--card2);position:relative;overflow:hidden;min-height:280px;padding:20px}.slot{position:absolute;right:12px;bottom:10px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#5C564C}
:where(html[data-theme="light"]) .slot{color:#A39D91}.stat{font-size:clamp(28px,2.6vw,36px);font-weight:600;letter-spacing:-.024em;line-height:1}.sub{font-size:13px;color:var(--muted);margin-top:4px}.seg{display:inline-flex;padding:5px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line);gap:4px}.segb{min-height:44px;padding:0 20px;border-radius:999px;border:0;font:500 14px "Geist",system-ui,sans-serif;cursor:pointer;background:transparent;color:var(--ink);transition:background-color .4s,color .4s}.segb.on{background:var(--ink);color:var(--bg)}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:24px 40px;align-items:end}.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px}.svc{border-radius:18px;padding:20px;background:var(--card);box-shadow:0 0 0 1px var(--line);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.svc:hover{transform:translateY(-5px);box-shadow:0 0 0 1.5px var(--accent),0 24px 50px -36px var(--accent)}.svc h3{margin:28px 0 8px;font-size:18px;font-weight:600;letter-spacing:-.012em}.svc p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.steps{border-radius:22px;padding:24px 28px;background:var(--ink);color:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.steps>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;flex:999 1 520px}.steps small{display:block;font-size:11px;opacity:.6;letter-spacing:.06em}.steps strong{display:block;font-size:17px;font-weight:600;margin-top:4px}.swap{animation:fadeup .6s cubic-bezier(.2,.9,.1,1) both}@keyframes fadeup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel{border-radius:22px;padding:24px;background:var(--card);box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:18px}.panel.inv{background:var(--ink);color:var(--bg);box-shadow:none}.tl{display:flex;gap:14px}.tl b{display:block;font-size:16px;font-weight:600;letter-spacing:-.009em}.tl span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.tl-dot{width:11px;height:11px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px var(--ink);flex:none;margin-top:5px}.tl-dot.now{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}.stairs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;height:380px;border-bottom:1px solid var(--line);view-timeline-name:--st}.step{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.step .label{padding:0 4px 12px}.yr{display:block;font-size:clamp(20px,2.2vw,28px);font-weight:600;letter-spacing:-.024em;line-height:1}.role{display:block;font-size:13px;font-weight:600;line-height:1.3;margin-top:6px}.note{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.35}.bar{height:calc(14% + var(--k) * 13%);border-radius:12px 12px 0 0;background:linear-gradient(180deg,#2A2620,var(--card2));box-shadow:inset 0 1px 0 rgba(236,230,218,.12);transform-origin:bottom;position:relative}
:where(html[data-theme="light"]) .bar{background:linear-gradient(180deg,#E2DBCD,var(--card2));box-shadow:inset 0 1px 0 rgba(23,20,15,.12)}.bar i{position:absolute;left:14px;top:14px;font-style:normal;font-size:11px;color:#5C564C;font-weight:600}
:where(html[data-theme="light"]) .bar i{color:#A39D91}.now .bar{background:linear-gradient(180deg,var(--accent),#B9401A)}.now .bar i{color:rgba(14,13,12,.6)}.now .yr{color:var(--accent)}.nowtag{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.nowtag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 1.6s ease-in-out infinite}.stats{display:flex;gap:8px 26px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.stats b{color:var(--ink);font-weight:600}@supports (animation-timeline: view()){
  .bar{animation:stepUp linear both;animation-timeline:--st;animation-range:cover calc(2% + var(--k) * 6%) cover calc(14% + var(--k) * 6%)}
  @keyframes stepUp{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  .step .label{animation:stepLabel linear both;animation-timeline:--st;animation-range:cover calc(8% + var(--k) * 6%) cover calc(18% + var(--k) * 6%)}
  @keyframes stepLabel{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}@media (max-width:720px){
  .stairs{grid-template-columns:1fr;height:auto;gap:8px;border-bottom:0}
  .step{flex-direction:row;align-items:stretch;height:auto;gap:12px}
  .step .label{flex:1;padding:8px 0;order:2}
  .bar{order:1;flex:none;width:calc(16% + var(--k) * 8%);height:auto;min-height:60px;border-radius:0 10px 10px 0;transform-origin:left}
  @supports (animation-timeline: view()){
    .bar{animation-name:stepRight;animation-range:cover calc(2% + var(--k) * 5.5%) cover calc(12% + var(--k) * 5.5%)}
    @keyframes stepRight{from{transform:scaleX(0)}to{transform:scaleX(1)}}
    .step .label{animation-range:cover calc(6% + var(--k) * 5.5%) cover calc(16% + var(--k) * 5.5%)}
  }
}.win-row{display:flex;gap:12px;font-size:14px;line-height:1.45}.win-row span{color:var(--accent)}.edu{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:600}.edu em{font-style:normal;font-weight:400;font-size:13px;color:var(--muted)}.edu .honor{font-size:12.5px;font-weight:500;color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;transition:translate .35s cubic-bezier(.2,.8,.2,1);cursor:pointer;border:0;font-family:inherit}.btn .arr{transition:transform .4s cubic-bezier(.7,0,.2,1)}.btn:hover .arr{transform:translateX(4px) rotate(-45deg)}.btn-a{background:var(--accent);color:#0E0D0C}.btn-o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-o:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.cta-h{margin:0;font-weight:800;font-size:clamp(36px,6vw,88px);line-height:.92;letter-spacing:-.05em}.cta-h .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .1em .22em 0;margin:0 -.1em -.22em 0}.cta-h .w>span{display:inline-block}.cta-h .acc{color:var(--accent)}@supports (animation-timeline: view()){
  .cta-h .w>span{animation:wordUp linear both;animation-timeline:view();animation-range:entry calc(var(--d) * 6%) cover calc(30% + var(--d) * 4%)}
  @keyframes wordUp{from{transform:translateY(105%) rotate(4deg)}to{transform:none}}
}.live{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0 22px}.livehead{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:14px}.lv{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.lv i{width:7px;height:7px;border-radius:50%;background:#6FCF97;box-shadow:0 0 0 0 rgba(111,207,151,.5);animation:lvp 2s infinite}
:where(html[data-theme="light"]) .lv i{background:#2E9E5B}@keyframes lvp{70%{box-shadow:0 0 0 8px rgba(111,207,151,0)}100%{box-shadow:0 0 0 0 rgba(111,207,151,0)}}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tile{display:flex;flex-direction:column;gap:4px;padding:4px 20px;border-left:1px solid var(--line);text-decoration:none;color:var(--ink)}.tile:first-child{border-left:0;padding-left:0}.tile .src{font-size:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tile b{font-size:clamp(26px,2.8vw,38px);font-weight:600;letter-spacing:-.024em;line-height:1.05;font-variant-numeric:tabular-nums}.tile .what{font-size:13.5px;color:var(--muted)}a.tile:hover b{color:var(--accent)}.workhead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:end}.big5{font-size:clamp(84px,12vw,180px);font-weight:600;line-height:.74;letter-spacing:-.036em;color:transparent;-webkit-text-stroke:1.5px rgba(236,230,218,.32)}
:where(html[data-theme="light"]) .big5{-webkit-text-stroke:1.5px rgba(23,20,15,.32)}.workhead .lede{margin-top:12px;max-width:520px}.brewsec{position:relative;height:300vh;
  --water:rgba(236,230,218,.55);--dry:#6E5640;--wet:#2A1A10;--cof1:#4A2C16;--cof2:#1E120A;--glass:rgba(236,230,218,.05)}
:where(html[data-theme="light"]) .brewsec{--water:rgba(70,110,140,.45);--dry:#B08A62;--wet:#3E2512;--cof1:#5A3418;--cof2:#2E1A0C;--glass:rgba(23,20,15,.04)}.stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}.brewgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px 64px;align-items:center;width:100%}.tell{margin:0;font-size:clamp(20px,2.2vw,30px);line-height:1.4;font-weight:500;letter-spacing:-.02em}.tell2{margin:22px 0 0;font-size:17px;line-height:1.6;color:var(--muted);max-width:640px}.wd{opacity:.12;transition:opacity .45s ease,filter .45s ease;filter:blur(1.5px)}.wd.on{opacity:1;filter:none}.chip{position:relative;display:inline;cursor:help;padding:0 .12em;border-radius:.2em;background:var(--tint);box-shadow:inset 0 -2px 0 var(--accent);outline:none;transition:background-color .25s,opacity .45s ease,filter .45s ease}.chip:hover,.chip:focus{background:rgba(255,90,31,.16)}.pop{position:absolute;left:0;bottom:calc(100% + 10px);z-index:5;width:min(280px,72vw);padding:14px 16px;border-radius:14px;background:var(--card2);box-shadow:0 0 0 1px var(--line),0 20px 40px -20px rgba(0,0,0,.6);font-size:14px;line-height:1.45;font-weight:400;letter-spacing:0;color:var(--ink);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1)}.pop small{display:block;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.chip.on:hover .pop,.chip.on:focus .pop{opacity:1;transform:none}.facts2{margin:26px 0 0;display:flex;flex-wrap:wrap;gap:12px 28px;opacity:var(--fx,0);transition:opacity .5s}.facts2 dt{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.facts2 dd{margin:4px 0 0;font-size:14.5px}.art{position:relative;display:flex;justify-content:center}.art svg{width:100%;max-width:330px;height:auto;overflow:visible;display:block}.ln{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.thin{stroke-width:1.2;opacity:.45}.kettle{transform-box:view-box;transform-origin:229px 150px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.stream{fill:none;stroke:var(--water);stroke-width:2.6;stroke-linecap:round}.bed{fill:var(--dry);transition:fill .6s}.liquid{fill:url(#cofGrad)}.crema{stroke:#FF8A4C;stroke-width:2.4;opacity:.85}.drip{fill:#8A5530;opacity:0}.brewing .drip{animation:drip 1s cubic-bezier(.5,0,1,1) infinite}.brewing .drip.d2{animation-delay:.33s}.brewing .drip.d3{animation-delay:.66s}@keyframes drip{0%{transform:translateY(0);opacity:0}10%{opacity:1}100%{transform:translateY(var(--fall,60px));opacity:1}}.steam path{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;opacity:0}.done .steam path{animation:steam 3.2s ease-in-out infinite}.done .steam path:nth-child(2){animation-delay:1s}.done .steam path:nth-child(3){animation-delay:2s}@keyframes steam{0%{opacity:0;transform:translateY(8px)}30%{opacity:.35}100%{opacity:0;transform:translateY(-26px)}}.scale text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;fill:var(--ink);font-variant-numeric:tabular-nums}.scale .unit{fill:var(--muted);font-size:10px}@media (max-width:820px){.brewgrid{grid-template-columns:1fr;gap:14px}.art{order:-1}.art svg{max-width:none;width:auto;height:min(34vh,250px)}.brewsec .tell{font-size:18px;line-height:1.42}.brewsec .tell2{font-size:14px;margin-top:12px;line-height:1.5}.brewsec .facts2{display:none}}@media (max-width:620px){.pop{position:fixed;left:50%;translate:-50% 0;bottom:auto;top:50%;width:min(300px,86vw)}}@media (prefers-reduced-motion:reduce){.brewsec{height:auto}.stage{position:relative;height:auto;padding:80px 0}.wd{opacity:1;filter:none}.brewsec .facts2{opacity:1}}.doorhead{display:flex;justify-content:space-between;align-items:flex-end;gap:18px 32px;flex-wrap:wrap;margin-bottom:40px}.offer{display:flex;flex-direction:column;align-items:flex-start;gap:28px;max-width:900px}.offer-p{margin:0;font-size:clamp(20px,2.2vw,28px);line-height:1.45;letter-spacing:-.015em}.ilink{text-decoration:none;color:inherit;padding:0 .12em;border-radius:.2em;background:var(--tint);box-shadow:inset 0 -2px 0 var(--accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .25s}.ilink:hover,.ilink:focus-visible{color:inherit;background:rgba(255,90,31,.16);outline:none}.meta b{color:var(--ink)}.pts li span,.win-row span{color:var(--muted)}@media (max-width:820px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.tile:nth-child(3){border-left:0;padding-left:0}}@media (max-width:620px){.workhead{grid-template-columns:1fr;gap:6px}.big5{font-size:72px}.bigsel{font-size:58px}}.ccard{border-radius:28px;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;background:radial-gradient(120% 90% at 0% 0%, rgba(255,90,31,.10), transparent 55%)}.ctop{padding:clamp(24px,4vw,52px) clamp(20px,4vw,52px) clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:20px}.typed{margin:0;font-size:clamp(14px,1.4vw,17px);font-weight:600;color:var(--muted)}@supports (animation-timeline: view()){
  .typed{animation:typeIn steps(48) both;animation-timeline:view();animation-range:entry 30% cover 45%}
  @keyframes typeIn{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
}.talk{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:clamp(18px,2.6vw,30px) clamp(20px,4vw,52px);border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:inherit;cursor:pointer;overflow:hidden;text-align:right}.talk::before{content:"";position:absolute;inset:0;background:var(--accent);transform:translateY(101%);transition:transform .6s cubic-bezier(.7,0,.2,1)}.talk:hover::before,.talk:focus-visible::before{transform:none}.talk>*{position:relative}.tarr{flex:none;width:clamp(26px,3vw,40px);height:auto;transition:transform .6s cubic-bezier(.7,0,.2,1),color .4s}.talk:hover .tarr{transform:translateX(10px) rotate(-45deg);color:#0E0D0C}.stack{display:block;height:1.3em;margin:-.13em 0;overflow:hidden;font-size:clamp(22px,5vw,64px);font-weight:600;letter-spacing:-.027em;line-height:1.3;white-space:nowrap}.stack>span{display:block;transition:transform .6s cubic-bezier(.7,0,.2,1)}.talk:hover .stack>span,.talk:focus-visible .stack>span{transform:translateY(-100%)}.talk:hover .stack>span:nth-child(n+2){color:#0E0D0C}.pill{position:absolute;left:var(--px,50%);top:var(--py,50%);z-index:2;pointer-events:none;padding:7px 13px;border-radius:999px;background:#0E0D0C;color:#F4EFE6;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transform:translate(-50%,-160%) scale(.6);transition:opacity .25s,transform .35s cubic-bezier(.2,1.4,.3,1)}.talk:hover .pill{opacity:1;transform:translate(-50%,-160%) scale(1)}@media (hover:none){.pill{display:none}}.roll{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 26px;border-radius:999px;text-decoration:none;background:var(--accent);color:#0E0D0C;font-weight:700;font-size:16px;transition:translate .35s cubic-bezier(.2,.8,.2,1)}.roll .rl{display:inline-block;height:1.2em;line-height:1.2em;overflow:hidden}.roll .rl>span{display:block;transition:transform .5s cubic-bezier(.7,0,.2,1)}.roll:hover .rl>span{transform:translateY(-100%)}.roll svg{transition:transform .5s cubic-bezier(.7,0,.2,1)}.roll:hover svg{transform:rotate(-45deg)}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:24px;padding-top:28px;border-top:1px solid var(--line)}.cols h3{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cols a,.cols p{display:block;margin:0 0 6px;font-size:15px;text-decoration:none}.cols a:hover{color:var(--accent)}.sign{background:radial-gradient(60% 120% at 50% 110%, rgba(255,90,31,.22), transparent 70%);display:flex;align-items:center;justify-content:center;gap:.12em;font-size:clamp(40px,11vw,168px);font-weight:800;letter-spacing:-.05em;line-height:1;white-space:nowrap;padding:40px var(--gut) 28px}.sign span span{display:inline-block;transition:transform .6s cubic-bezier(.2,.9,.1,1),color .4s}.sign span span:hover{transform:translateY(-14%) rotate(-4deg);color:var(--accent)}.sign svg{width:.78em;height:.78em;flex:none;transition:transform .8s cubic-bezier(.2,.9,.1,1)}.sign:hover svg{transform:rotate(-8deg) scale(1.05)}@media (max-width:820px){.case{top:calc(64px + var(--i) * 10px);transform-origin:50% 0}.case-in{animation:none !important}.hide-m{display:none !important}}@media (max-width:720px){
  .pane>span:first-child{display:none}.pane{justify-content:flex-end}
  .case{padding:12px;gap:12px;border-radius:18px}
  /* compact project cards so each one fits on screen and can stack */
  .cases{gap:18px;margin-top:32px}
  .case .pts{display:none}
  .cinfo{gap:16px}
  .cinfo>div:first-child{gap:10px}
  .cp{font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .vis{min-height:0;height:132px;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}
  .vis .slot{display:none}
  .cinfo{padding:6px 6px 2px}
  .vis{min-height:220px;padding:14px}
  .bd-grid{grid-template-columns:1fr !important}
  .steps{padding:20px}
  .steps>div{grid-template-columns:repeat(2,minmax(0,1fr));flex-basis:100%}
  .steps .btn{width:100%;justify-content:center}
  .seg{display:flex;width:100%}.segb{flex:1;padding:0 10px}
  .roll{width:100%;justify-content:center}
  .hero-in{min-height:auto;gap:clamp(56px,14vh,120px);padding-bottom:72px}
  .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}@media (prefers-reduced-motion:reduce){.av *,.av *::before,.av *::after{animation-duration:.01ms !important;animation-delay:0s !important;transition-duration:.01ms !important}}:is(.L,.big5,.cta-h,.h2,.h3,.marq,.name .L,.pane,.pane b,.roll,.sign,.stack,.stat,.stats b,.steps strong,.svc h3,.tile b,.tl b,.yr,[style*="font-weight: 700"],[style*="font-weight: 800"],h1,h2,h3,h4){font-family:var(--head)}.bigsel{font-size:clamp(56px,7.4vw,112px);line-height:.8;letter-spacing:-.05em}.abouth{margin:10px 0 26px}.brewsec .stage{padding:76px 0 16px}@media (max-width:820px){.brewsec .stage{align-items:flex-start;padding-top:70px}.brewsec .brewgrid{gap:8px}.brewsec .art svg{margin-top:-6px}}@media (min-width:821px) and (max-height:820px){.brewsec .tell{font-size:clamp(18px,1.9vw,25px)}.abouth{font-size:clamp(28px,3.3vw,42px);margin:6px 0 16px}.brewsec .tell2{font-size:15px;margin-top:14px}}@media (max-width:820px) and (max-height:760px){.art svg{height:min(24vh,170px)!important}.brewsec .tell{font-size:16px}.brewsec .tell2{font-size:13px}.abouth{font-size:22px}}@media (max-width:820px){.abouth{font-size:26px;margin:6px 0 12px}.brewsec .eyebrow{font-size:11px}}.stairs .step{position:relative;cursor:pointer;outline:none}.stairs .step:hover .bar,.stairs .step.open .bar,.stairs .step:focus-visible .bar{filter:brightness(1.18)}.rpop{position:absolute;left:0;bottom:14px;z-index:6;width:min(320px,80vw);padding:16px 18px 14px;border-radius:18px;--g-sheen:var(--g-card);--g-lens:var(--g-cardl);
  font-size:13px;line-height:1.45;font-weight:400;cursor:default;opacity:0;transform:translateY(8px) scale(.98);transform-origin:50% 100%;pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}.step[style*="--k: 3"] .rpop,.step[style*="--k: 4"] .rpop{left:auto;right:0}.rpop small{display:block;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;opacity:.65}.rpop b{display:block;font-size:15px;font-weight:700;margin:4px 0 8px;letter-spacing:-.01em}.rpop ul{margin:0;padding:0 0 0 16px;display:grid;gap:6px}.rpop li::marker{color:var(--accent)}.stairs .step.open .rpop,.stairs .step:focus-visible .rpop{opacity:1;transform:none;pointer-events:auto}@media (hover:hover){.stairs .step:hover .rpop{opacity:1;transform:none;pointer-events:auto}}.rhint{font-style:normal}.rh-m{display:none}@media (max-width:820px){
  .stairs .step{flex-wrap:wrap}
  .rpop{position:relative;left:auto;right:auto;bottom:auto;order:3;flex-basis:100%;width:auto;display:none;opacity:1;transform:none;pointer-events:auto;margin:2px 0 6px}
  .step[style*="--k: 3"] .rpop,.step[style*="--k: 4"] .rpop{right:auto}
  .stairs .step.open .rpop{display:block}
  .rh-d{display:none}.rh-m{display:inline}
}.win{cursor:pointer;outline:none}.pane-link{display:none}.win:focus-visible{box-shadow:0 0 0 2px var(--accent)!important}.case{transition:box-shadow .7s ease}.case.flash{box-shadow:0 0 0 2px var(--accent),0 0 60px 6px rgba(255,90,31,.35)!important;transition:box-shadow .25s ease}html.brewcol .brewsec{height:auto;min-height:100vh}html.brewcol .brewsec .stage{position:relative;height:auto;min-height:100vh}.tagline.t1{color:var(--ink)}.tagline.t2{color:var(--accent)}.tagline.t1,.tagline.t2{transition:color .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){.tag:hover .t1{color:var(--accent)}.tag:hover .t2{color:var(--ink)}}.tag{cursor:default}.flash{z-index:0!important;background:radial-gradient(circle at 50% 50%, rgba(255,90,31,.55), rgba(255,90,31,.22) 26%, rgba(255,90,31,0) 58%)!important;animation-name:glow!important;animation-duration:1.5s!important;animation-timing-function:cubic-bezier(.2,.7,.2,1)!important}@keyframes glow{0%{opacity:0;transform:scale(.25)}22%{opacity:1}60%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.15)}}.scene{animation:none!important;position:relative;z-index:1}@keyframes winIn{0%{opacity:0;translate:var(--ix,0px) var(--iy,0px);scale:calc(var(--is,1) * .82);filter:blur(16px)}
  22%{opacity:1;translate:var(--ix,0px) var(--iy,0px);scale:var(--is,1);filter:blur(0)}
  42%{translate:var(--ix,0px) var(--iy,0px);scale:var(--is,1)}
  100%{opacity:1;translate:0 0;scale:1;filter:blur(0)}}.name>span:first-child,.name>span:last-child{position:relative;z-index:1}.name>span:first-child .L{--from:.55em}.name>span:last-child .L{--from:-.55em}.name .L{animation-name:nameOut;animation-duration:.9s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@keyframes nameOut{from{opacity:0;transform:translateX(var(--from)) scale(.92);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}.tagline .L{animation-name:tagOut;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@keyframes tagOut{from{opacity:0;transform:translateX(var(--tx,0em));filter:blur(8px)}to{opacity:1;transform:none;filter:none}}.tagline.t2 .L{animation:tagOut .8s cubic-bezier(.16,1,.3,1) var(--d1,0s) forwards,better .55s ease var(--d2,0s) backwards}@media (max-width:700px){.pane{font-size:.13em!important;padding:.45em .6em!important;letter-spacing:0!important;justify-content:flex-end!important}.pane>span{display:none}.pane b{font-size:1em!important;line-height:1.05!important}}.iname{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#FF5A1F;color:#0E0D0C;font-family:var(--head);font-size:.165em;font-weight:560;letter-spacing:-.02em;white-space:nowrap;font-variation-settings:"opsz" 144,"wght" 560;pointer-events:none;z-index:1;animation:inameOut 1.4s ease .2s forwards}@keyframes inameOut{0%,70%{opacity:1}100%{opacity:0}}#top{min-height:100svh}.flash{bottom:auto!important;height:100vh}@keyframes better{0%{color:var(--ink);text-shadow:none}55%{color:var(--accent);text-shadow:0 0 .35em rgba(255,90,31,.55)}100%{color:var(--accent);text-shadow:none}}.hx{position:relative}.hx>#top{position:sticky;top:0;z-index:0}.hx>#top .scene{transform-origin:50% 40%;will-change:transform,opacity}.hx>.brewsec{z-index:1;background:var(--bg);border-radius:clamp(22px,3vw,36px) clamp(22px,3vw,36px) 0 0;box-shadow:0 -1px 0 var(--line),0 -30px 60px -30px rgba(0,0,0,.35)}.hx>.brewsec .stage{border-radius:inherit}@media (prefers-reduced-motion:reduce){.hx>#top{position:relative}.hx>#top .scene{transform:none;opacity:1;filter:none}}html.nolens #top .glass.lensed{backdrop-filter:blur(8px) saturate(165%) brightness(1.06)!important;-webkit-backdrop-filter:blur(8px) saturate(165%) brightness(1.06)!important}html.nolens #top .wglass.lensed{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.wd{filter:none!important;transition:opacity .45s ease}.hx>.brewsec{will-change:transform}.abouth{line-height:1.02}.abouth2{display:block;color:var(--muted);margin-top:.12em}.abouth2 .bw{transition:color .5s ease}.abouth2 .bw.on{color:var(--accent)}.brewsec .tell,.brewsec .tell2{font-family:inherit;font-size:clamp(17px,1.55vw,21px);line-height:1.6;font-weight:400;letter-spacing:-.005em;color:var(--ink);max-width:620px}.brewsec .tell2{margin-top:1em}.chip,.ilink{font-family:var(--head);font-style:italic;font-weight:420;font-size:1.06em;letter-spacing:0;color:var(--accent);background:none!important;box-shadow:none!important;padding:0 .04em;border-radius:.3em;text-decoration:none;transition:background-color .25s,color .25s,opacity .45s ease}.chip:hover,.chip:focus,.ilink:hover,.ilink:focus-visible{background:rgba(255,90,31,.12)!important;outline:none}.chip .pop{font-family:"Geist",ui-sans-serif,system-ui,sans-serif;font-style:normal;font-size:14px;color:var(--ink)}@media (min-width:821px) and (max-height:820px){.brewsec .tell,.brewsec .tell2{font-size:clamp(16px,1.35vw,19px)}}@media (max-width:820px){.brewsec .tell,.brewsec .tell2{font-size:15.5px;line-height:1.5}.brewsec .tell2{margin-top:.8em}}@media (max-width:820px) and (max-height:760px){.brewsec .tell,.brewsec .tell2{font-size:14px}}.workhead{align-items:center!important}.workhead .h2{text-transform:none}.kstat{display:flex;align-items:baseline;gap:10px;margin-top:4px}.kstat .sub{margin:0}.case .cp{max-width:440px}.ilink{position:relative}.ilink .pop{font-family:"Geist",ui-sans-serif,system-ui,sans-serif;font-style:normal;font-weight:400;font-size:14px;color:var(--ink);text-align:left;white-space:normal}.ilink .pop .pgo{display:block;margin-top:8px;font-style:normal;font-size:12px;font-weight:600;color:var(--accent)}@media (hover:hover){.ilink:hover .pop{opacity:1;transform:none}}.ilink:focus-visible .pop{opacity:1;transform:none}@media (min-width:821px){
  .stairs{position:relative;height:480px;padding-top:100px;box-sizing:border-box}
  .stairs .step{position:static}
  .rpop,.step[style*="--k: 3"] .rpop,.step[style*="--k: 4"] .rpop{left:0;right:auto;top:0;bottom:auto;width:calc(40% - 10px);transform-origin:0 0;font-size:12.5px;line-height:1.4;padding:14px 16px 12px}
  .rpop ul{gap:4px}
}#top header{position:relative}#top header>nav,.gnav>.gpill,.gnav>.gpill.glass{position:absolute!important;left:50%;top:50%;translate:-50% -50%}.hint i,.meta b i,.nowtag::before,.lv i{will-change:opacity,transform;transform:translateZ(0)}.pane{will-change:opacity,transform}.mag.cta-o{background:var(--accent);color:#0E0D0C}@media (max-width:720px){
  .hero-in{min-height:min(100svh,860px)!important;justify-content:center!important;position:relative;padding-bottom:0!important}
  #top .hero-in>header{position:absolute;top:clamp(14px,2vw,24px);left:var(--gut);right:var(--gut)}
  .hero-foot{position:absolute;left:var(--gut);right:var(--gut);bottom:64px;gap:14px!important}
  .hero-foot p{font-size:15px!important}
  .mag.cta-o{min-height:34px!important;padding:0 13px!important;font-size:13px!important;gap:6px!important}
  .mag.cta-o svg{width:12px;height:12px}
  /* the name sits in the middle of the open space between the top bar and the intro line */
  #top .hero-in>h1{margin-top:-86px!important}
}.mag.cta-o svg{will-change:transform;animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{0%,100%{transform:translateY(-1px)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.mag.cta-o svg{animation:none}}@media (min-width:821px){.case{top:calc(72px + var(--i) * 96px)!important}}.tlab{position:absolute;left:1.5em;top:1.25em;z-index:5;font:600 .052em/1 "Geist",ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em;opacity:0;pointer-events:none;animation:cycle 12.5s linear infinite;white-space:nowrap}@media (hover:hover){.win:hover .tlab{animation-play-state:paused}}@media (max-width:700px){.tlab{display:none}}.pane .tl{position:absolute;inset:0;display:block;font-style:normal}.pane .tl svg{width:100%;height:100%;border-radius:0!important}.pane .tl-m{display:none}@media (max-width:700px){.pane .tl-d{display:none}.pane .tl-m{display:block}}:is(h1,h2,h3,h4,.h2,.h3,.title,.out,.cta-h,.big5,.sign,.next .nm,.abouth){font-variation-settings:"SOFT" 50}[style*="font-weight: 800"],[style*="font-weight: 700"]{font-weight:600!important}.av .pane,.av .cols h3{font-family:"Geist",ui-sans-serif,system-ui,sans-serif}.av .pane b{font-family:var(--head)}.name.fitting>*{flex-shrink:0!important}.name,.name *{font-optical-sizing:none}.sign svg{width:1.32em!important;height:.75em!important}body{--g-sheen:rgba(24,22,19,.62);--g-lens:rgba(26,24,20,.58);--g-rim:255,255,255;--g-shadow:0 18px 40px -20px rgba(0,0,0,.75);--g-ink:#ECE6DA;--g-spec:rgba(255,255,255,.28);--g-gloss:rgba(255,255,255,.14);--g-blend:screen;--g-inner:rgba(0,0,0,.35);--g-pop:rgba(22,20,17,.74);--g-popl:rgba(22,20,17,.66);--g-card:rgba(22,20,17,.92);--g-cardl:rgba(22,20,17,.88)}
:where(html[data-theme="light"]) body{--g-sheen:rgba(252,250,246,.66);--g-lens:rgba(255,255,255,.6);--g-shadow:0 18px 40px -22px rgba(70,50,30,.45);--g-ink:#17140F;--g-spec:rgba(255,255,255,.75);--g-gloss:rgba(255,255,255,.7);--g-blend:normal;--g-inner:rgba(70,50,30,.18);--g-pop:rgba(252,250,246,.82);--g-popl:rgba(255,255,255,.72);--g-card:rgba(252,250,246,.95);--g-cardl:rgba(255,255,255,.92)}.glass{isolation:isolate;color:var(--g-ink);--ang:200deg;--mx:30%;--my:0%;
  background:var(--g-sheen);backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%);
  box-shadow:inset 0 0 0 1px rgba(var(--g-rim),.06),inset 0 -10px 18px -12px var(--g-inner),var(--g-shadow)}.glass::before,.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.glass::before{padding:1.2px;z-index:2;
  background:conic-gradient(from var(--ang),rgba(var(--g-rim),.95),rgba(var(--g-rim),.14) 18%,rgba(var(--g-rim),.05) 34%,rgba(var(--g-rim),.5) 50%,rgba(var(--g-rim),.06) 66%,rgba(var(--g-rim),.16) 84%,rgba(var(--g-rim),.95));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass::after{z-index:1;mix-blend-mode:var(--g-blend);background:radial-gradient(120px 80px at var(--mx) var(--my),var(--g-spec),transparent 70%),linear-gradient(180deg,var(--g-gloss),rgba(255,255,255,0) 46%)}.glass>*{position:relative;z-index:3}.glass.lensed{background:var(--g-lens);backdrop-filter:var(--lens) blur(8px) saturate(165%) brightness(1.06)}.gmark.glass,.gpill.glass,.gtheme.glass,.mag.glass,.back.glass{position:relative}.glass.warm{--g-sheen:rgba(255,90,31,.74);--g-lens:rgba(255,90,31,.8);--g-ink:#160A04}.pop.glass{--g-sheen:var(--g-pop);--g-lens:var(--g-popl)}.gright{display:flex;align-items:center;gap:8px}.gtheme{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;text-decoration:none;flex:none}.gtheme svg{display:block}.hdr-r{display:flex;align-items:center;gap:14px}.gtheme-sm{width:42px;height:42px}.wglass{position:absolute;inset:0;z-index:4;border-radius:inherit;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.win .pane{padding:clamp(8px,1.9vw,32px) clamp(10px,2.2vw,36px)}.wglass.lensed{background:transparent;backdrop-filter:var(--lens) saturate(125%)}.wglass::after{mix-blend-mode:screen;background:radial-gradient(40% 70% at var(--mx) var(--my),rgba(255,255,255,.3),transparent 70%),linear-gradient(115deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.16) 44%,rgba(255,255,255,0) 52%),linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 40%)}.hb{display:none;position:relative;width:48px;height:48px;border-radius:50%;border:0;padding:0;cursor:pointer;font:inherit;flex:none;place-items:center}.hb i{position:absolute;left:50%;top:50%;width:18px;height:1.8px;margin:-.9px 0 0 -9px;border-radius:2px;background:currentColor;transition:transform .5s cubic-bezier(.7,0,.2,1),width .5s}.hb i:first-child{transform:translateY(-4px)}.hb i:last-child{transform:translateY(4px);width:12px;margin-left:-3px}html.menu-open .hb i:first-child{transform:rotate(45deg)}html.menu-open .hb i:last-child{transform:rotate(-45deg);width:18px;margin-left:-9px}.mscrim,.mmenu{display:none}@media (max-width:820px){.hb{display:grid}.gmark.glass{width:48px;padding:0;gap:0;justify-content:center}.gnav{transform:none!important;opacity:1!important}.hero-in>header{visibility:hidden}.gright>.gtheme,.gright>.mag{display:none!important}.mscrim{display:block;position:fixed;inset:0;z-index:28;background:rgba(0,0,0,.38);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .45s}html.menu-open .mscrim{opacity:1;pointer-events:auto}html.menu-open,html.menu-open body{overflow:hidden}.mmenu{display:flex;flex-direction:column;gap:18px;position:fixed;top:70px;left:12px;right:12px;z-index:29;border-radius:28px;padding:20px 20px 18px;
    --g-sheen:var(--g-pop);--g-lens:var(--g-popl);
    clip-path:inset(0 0 calc(100% - 4px) calc(100% - 52px) round 24px);opacity:0;visibility:hidden;
    transition:clip-path .6s cubic-bezier(.7,0,.2,1),opacity .3s,visibility 0s linear .6s}html.menu-open .mmenu{clip-path:inset(0 0 0 0 round 28px);opacity:1;visibility:visible;transition:clip-path .6s cubic-bezier(.7,0,.2,1),opacity .2s,visibility 0s}.mm-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.mm-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6FCF97;margin-right:7px;vertical-align:1px}
:where(html[data-theme="light"]) .mm-top i{background:#2E9E5B}.mm-links{display:flex;flex-direction:column;gap:2px}.mm-links a{display:block;padding:7px 0;text-decoration:none;font-family:var(--head);font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.03em;
    transform:translateY(16px);opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s,color .3s}.mm-links a:active{color:var(--accent)}html.menu-open .mm-links a{transform:none;opacity:1;transition-delay:calc(.18s + var(--k) * .06s)}.mm-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.mm-k{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.mm-seg{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(var(--g-rim),.08)}.mm-seg a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:999px;text-decoration:none;font-size:13.5px;font-weight:600;opacity:.75}.mm-seg a.on{background:var(--g-ink);color:var(--bg);opacity:1}.mm-cta{display:flex!important;justify-content:center;min-height:48px;font-size:15px;border-radius:999px;text-decoration:none;font-weight:600;align-items:center;gap:10px}.mm-row,.mm-cta{opacity:0;transform:translateY(10px);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s}html.menu-open .mm-row,html.menu-open .mm-cta{opacity:1;transform:none;transition-delay:.38s}}
/* light scheme: inline colours from the markup */
:where(html[data-theme="light"]) .lt1{color:#7A7468 !important}
:where(html[data-theme="light"]) .lt2{fill:#7A7468}
:where(html[data-theme="light"]) .lt3{fill:#7A7468}
:where(html[data-theme="light"]) .lt4{background:#FFFFFF !important}
:where(html[data-theme="light"]) .lt5{color:#5E584E !important}
/* scheme switch icons: the moon shows in dark, the sun in light */
html:not([data-theme="light"]) .gtheme .i-sun,html[data-theme="light"] .gtheme .i-moon{display:none}
/* live strip: grey, still dot when a number has not been refreshed lately; a lone tile fills the row */
.lv.still i{animation:none;background:#8D877C;box-shadow:none}
.tiles:has(> :only-child){grid-template-columns:minmax(0,1fr)}

/* large screens: About grows with the page so the text and the coffee drawing fill the width.
   Everything is capped by the window height, so nothing is ever cut off. */
@media (min-width:1200px) and (min-height:700px){.art svg{max-width:min(clamp(330px,30vw,520px),calc(80vh * 300 / 572))}}
@media (min-width:1366px) and (min-height:880px){
  .brewsec .tell,.brewsec .tell2{font-size:clamp(21px,1.6vw,28px);max-width:clamp(620px,44vw,820px)}
  .brewsec .abouth{font-size:clamp(54px,3.7vw,76px)}
}
@media (max-width:820px){.scale text{font-size:22px}.scale .unit{font-size:13px}.scale text[text-anchor=middle]{font-size:11px}.art svg{height:min(44vh,340px)!important}}@media (max-width:820px) and (max-height:760px){.art svg{height:min(38vh,290px)!important}}
@media (max-width:380px){.stack{font-size:19px}}
@media (max-width:340px){.stack{font-size:16px}}
.case .h3{color:var(--accent)}
.offer-p{font-size:16px;line-height:1.55;letter-spacing:0;color:var(--muted);max-width:520px}.offer-p .ilink{font-family:inherit;font-style:normal;font-weight:600;font-size:1em;color:var(--accent)}

.talk.done::before{transform:none}
.talk.done .tarr{transform:translateX(10px) rotate(-45deg);color:#0E0D0C}
.talk.done .stack>span{transform:translateY(-200%)}
.talk.done .stack>span:nth-child(n+2){color:#0E0D0C}
.talk.done .pill{opacity:0}
.copynote{display:inline-block;min-height:1.5em;color:var(--ink);font-weight:600}

.folderwrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding-top:clamp(20px,3vw,36px);overflow:hidden}
.folderwrap::before{content:"Work";position:absolute;left:0;right:0;top:4px;text-align:center;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(64px,11vw,130px);line-height:.9;letter-spacing:-.05em;color:var(--accent);opacity:.08;pointer-events:none;user-select:none}
.folder{isolation:isolate;transition:transform 1s cubic-bezier(.22,.61,.36,1);--paper:#2A2621;--deep:color-mix(in srgb,var(--accent) 78%,#000);position:relative;display:block;width:min(100px,28vw);aspect-ratio:1.18;margin-top:clamp(16px,2.4vw,26px);color:inherit;text-decoration:none;will-change:transform;-webkit-tap-highlight-color:transparent}
:where(html[data-theme="light"]) .folder{--paper:#FBF8F2}
.folder .fback{position:absolute;inset:6% 2% 0 2%;background:var(--deep);border-radius:10px 10px 9px 9px}
.folder .fback::before{content:"";position:absolute;left:0;top:-9%;width:42%;height:12%;background:var(--deep);border-radius:9px 9px 0 0;clip-path:polygon(0 0,84% 0,100% 100%,0 100%)}
.folder .fdocs{position:absolute;inset:0 6% 14% 6%}
.folder .fdoc{position:absolute;left:0;right:0;bottom:6%;height:62%;border-radius:6px;background:var(--paper);box-shadow:0 -1px 0 rgba(0,0,0,.08),0 6px 16px rgba(0,0,0,.16);overflow:hidden;transform:rotate(var(--r,0deg));transition:transform .9s cubic-bezier(.22,.61,.36,1);will-change:transform;backface-visibility:hidden}
.folder .fdoc img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.folder .fdoc:nth-child(1){--r:-4deg;z-index:1}
.folder .fdoc:nth-child(2){--r:2deg;z-index:2}
.folder .fdoc:nth-child(3){--r:-1deg;z-index:3}
.folder .ffront{position:absolute;inset:26% 0 0 0;border-radius:4px 4px 10px 10px;background:var(--accent);transform-origin:50% 100%;transition:transform .9s cubic-bezier(.22,.61,.36,1);will-change:transform;backface-visibility:hidden;z-index:5;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.folder .ffront::before{content:"Projects";position:absolute;left:7px;top:6px;font-size:7px;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:4px;padding:1px 5px}
.folder::before{content:"";position:absolute;inset:-48%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 44%,transparent),transparent 72%);opacity:0;transition:opacity 1s ease;will-change:opacity;transform:translateZ(0);pointer-events:none}
.folder.open{transform:scale(1.14)}
.folder.open::before{opacity:1}
.folder.open .ffront{transform:perspective(900px) rotateX(-22deg)}
.folder.open .fdoc:nth-child(1){transform:translateY(-34%) rotate(-6deg)}
.folder.open .fdoc:nth-child(2){transform:translateY(-46%) rotate(3deg)}
.folder.open .fdoc:nth-child(3){transform:translateY(-58%) rotate(-1deg)}
.folder.press{transform:scale(1.2)}
.folder.press .ffront{transform:perspective(900px) rotateX(-28deg)}
.folder.press .fdoc:nth-child(1){transform:translateY(-40%) rotate(-7deg)}
.folder.press .fdoc:nth-child(2){transform:translateY(-52%) rotate(4deg)}
.folder.press .fdoc:nth-child(3){transform:translateY(-64%) rotate(-1deg)}
@media (hover:hover){
.folder:hover{transform:scale(1.14)}
.folder:hover::before{opacity:1}
.folder:hover .ffront,.folder:focus-visible .ffront{transform:perspective(900px) rotateX(-22deg)}
.folder:hover .fdoc:nth-child(1),.folder:focus-visible .fdoc:nth-child(1){transform:translateY(-34%) rotate(-6deg)}
.folder:hover .fdoc:nth-child(2),.folder:focus-visible .fdoc:nth-child(2){transform:translateY(-46%) rotate(3deg)}
.folder:hover .fdoc:nth-child(3),.folder:focus-visible .fdoc:nth-child(3){transform:translateY(-58%) rotate(-1deg)}
}
.folder:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:16px}
.fcta{position:relative;margin:0;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(18px,1.9vw,21px);letter-spacing:-.02em;line-height:1.1}
.fsub{position:relative;margin:0;font-size:13px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.folder *{transition:none!important}}
.signrow{position:relative}.copy{position:absolute;left:var(--gut);bottom:40px;margin:0;font-size:14px;color:var(--muted)}@media (max-width:1280px){.copy{display:none}}

.cta-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mag.cta-o.cta-g{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 38%,transparent)}
.mag.cta-o.cta-g:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.mag.cta-o.cta-g svg{animation:none}
.mag.cta-o.cta-g:hover svg{transform:translateY(2px)}
.cta-g .cta-short{display:none}
@media (max-width:720px){.cta-g .cta-long{display:none}.cta-g .cta-short{display:inline}.cta-row{gap:8px}}