@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{color:#1b1a19;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;background:#f2f1ed;font-family:DM Sans,sans-serif}:root[data-theme=dark]{color:#f4f1eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111315}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1b1a19;background:#f2f1ed;min-width:320px;margin:0;transition:background-color .35s,color .35s}:root[data-theme=dark] body,[data-theme=dark] .site-fallback{color:#f4f1eb;background:#111315}[data-theme=dark] .site-fallback>p{color:#b4b5b3}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:4px;outline:2px solid #fe6138}.site-fallback{box-sizing:border-box;color:#1b1a19;background:#f2f1ed;min-height:100vh;padding:18vh 9vw;font-family:DM Sans,sans-serif}.site-fallback>p:first-child{color:#706b63;letter-spacing:.1em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.site-fallback h1{letter-spacing:-.065em;max-width:900px;margin:26px 0;font-family:Playfair Display,serif;font-size:clamp(52px,9vw,126px);font-weight:500;line-height:.92}.site-fallback>p{color:#66615a;max-width:540px;font-size:17px;line-height:1.6}.site-fallback nav{flex-wrap:wrap;gap:12px;margin-top:35px;display:flex}.site-fallback a{color:#fff;background:#1b1a19;padding:11px 14px;text-decoration:none}a{color:inherit;text-decoration:none}button{font:inherit}:root{--ink:#1b1a19;--muted:#77736c;--paper:#f2f1ed;--warm:#e6e1d7;--orange:#fe6138;--blue:#d2e2f1;--line:#1b1a1924}main{overflow:hidden}.site-header{z-index:10;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 5.4vw;transition:background .35s,height .35s,box-shadow .35s;display:flex;position:fixed;top:0;left:0}.site-header.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2f1ede0;height:68px;box-shadow:0 1px #1b1a190f}.brand{letter-spacing:-.13em;z-index:2;font-size:24px;font-weight:700;line-height:1;position:relative}.brand span{color:var(--orange);font-family:Georgia,serif}.desktop-nav{gap:31px;margin-left:65px;display:flex}.desktop-nav a,.availability,footer p,footer>a{letter-spacing:.055em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.desktop-nav a{color:#5b5750;transition:color .2s}.desktop-nav a:hover{color:var(--orange)}.availability{color:#57534d;align-items:center;gap:8px;display:flex}.availability i{background:#64b66e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #64b66e21}.menu-toggle,.mobile-menu{display:none}.hero{border-bottom:1px solid var(--line);isolation:isolate;grid-template-columns:1.25fr .75fr;align-items:center;min-height:min(850px,100vh);padding:156px 9.4vw 72px;display:grid;position:relative}.hero-copy{z-index:1;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#706b63;align-items:center;gap:10px;margin:0 0 24px;font-family:DM Mono,monospace;font-size:10px;display:flex}.eyebrow span{background:var(--orange);width:22px;height:1px;display:block}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.067em;font-weight:600;line-height:.95}h1{margin-bottom:30px;font-size:clamp(58px,7.5vw,118px)}h1 em,h2 em{letter-spacing:-.075em;font-family:Playfair Display,serif;font-weight:600}h1 em{color:var(--orange)}.hero-summary{color:#66615a;max-width:390px;margin-bottom:35px;font-size:16px;line-height:1.65}.hero-actions,.contact-actions{align-items:center;gap:23px;display:flex}.button{border-radius:2px;align-items:center;gap:13px;min-height:49px;padding:0 19px;font-size:13px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-primary{color:#fff;background:var(--ink)}.button-primary:hover{background:var(--orange)}.text-link{border-bottom:1px solid;align-items:center;gap:6px;padding-bottom:4px;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex}.text-link:hover{color:var(--orange)}.hero-art{aspect-ratio:.82;justify-self:end;width:min(31vw,430px);position:relative}.art-frame{width:100%;height:100%;position:relative}.living-field{width:100%;height:100%;position:absolute;inset:0}.scroll-cue{text-transform:uppercase;letter-spacing:.1em;color:#777269;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:9px;display:flex;position:absolute;bottom:28px;left:5.4vw}.scroll-cue svg{color:var(--orange)}.hero-glow{filter:blur(50px);opacity:.4;z-index:-1;border-radius:50%;position:absolute}.glow-one{background:#ffbd90;width:26vw;height:26vw;top:15%;left:-15%}.section{padding:130px 9.4vw}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:55px;display:flex}.section-heading h2,.about h2,.notes h2,.contact h2{margin:0;font-size:clamp(42px,5.15vw,78px)}.project-filter{background:#e5e2dc;border-radius:100px;gap:5px;padding:4px;display:flex}.project-filter button{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;border-radius:100px;padding:10px 13px;font-family:DM Mono,monospace;font-size:9px;transition:color .25s,background .25s,box-shadow .25s}.project-filter button.active{background:var(--ink);color:#fff;box-shadow:0 2px 6px #0000001a}.project-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.project-card{border:1px solid var(--line);min-width:0;animation:.45s both card-in;animation-delay:var(--delay);background:#f8f7f3;transition:transform .35s,box-shadow .35s}.project-card:hover{transform:translateY(-8px);box-shadow:0 22px 30px #1f1d191a}.project-visual{height:257px;position:relative;overflow:hidden}.screenshot-visual{isolation:isolate;background:#18191c}.project-screenshot{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;animation:.52s cubic-bezier(.22,.8,.28,1) both screenshot-in;position:absolute;inset:0}.project-companion .project-screenshot{object-fit:contain}.screenshot-shade{z-index:-1;pointer-events:none;background:linear-gradient(#090b0f47,#0000 36%,#090b0f5c);transition:opacity .35s;position:absolute;inset:0}.screenshot-visual.is-light .screenshot-shade{opacity:.58}.screenshot-meta{z-index:1;color:#fff;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 8px #000c;pointer-events:none;justify-content:space-between;font-family:DM Mono,monospace;font-size:8px;display:flex;position:absolute;top:15px;left:17px;right:17px}.preview-trigger{z-index:2;color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#15171bb8;border:1px solid #ffffff8c;align-items:center;gap:8px;padding:11px 14px;font:600 11px DM Sans,sans-serif;transition:opacity .25s,transform .3s cubic-bezier(.22,.8,.28,1),background .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-38%)}.screenshot-visual:hover .preview-trigger,.preview-trigger:focus-visible{opacity:1;transform:translate(-50%,-50%)}.preview-trigger:hover{background:var(--orange)}.theme-switch{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12141894;border:1px solid #ffffff47;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;bottom:15px;right:16px;box-shadow:0 6px 20px #00000038}.theme-switch button{color:#ffffffb3;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:29px;height:29px;transition:color .24s,background .24s,transform .24s cubic-bezier(.22,.8,.28,1);display:grid}.theme-switch button:hover{color:#fff;transform:scale(1.08)}.theme-switch button.active{color:#1b1a19;background:#fff;transform:scale(1.04);box-shadow:0 2px 8px #00000038}.project-content{padding:23px 22px 20px}.project-topline{color:#837c71;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-family:DM Mono,monospace;font-size:9px;display:flex}.project-content h3{letter-spacing:-.055em;margin:18px 0 12px;font-size:25px}.project-content>p{color:#716d66;min-height:70px;margin-bottom:17px;font-size:13px;line-height:1.58}.project-highlights{gap:6px;min-height:60px;margin:0 0 20px;padding:0;list-style:none;display:grid}.project-highlights li{color:#5e5a53;align-items:center;gap:7px;font-size:11px;line-height:1.3;display:flex}.project-highlights li:before{content:"";background:var(--orange);border-radius:50%;flex:none;width:4px;height:4px}.project-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:15px;display:flex}.project-footer ul{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.project-footer li{letter-spacing:.04em;color:#676159;background:#eeebe5;padding:5px 7px;font-size:9px}.round-link{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;margin-left:12px;transition:background .2s,transform .2s;display:grid}.round-link:hover{background:var(--orange);transform:rotate(45deg)}.all-projects{border-bottom:1px solid;align-items:center;gap:8px;width:fit-content;margin-top:39px;margin-left:auto;padding-bottom:4px;font-size:13px;font-weight:600;display:flex}.about{background:var(--warm);grid-template-columns:.9fr 1.1fr;gap:70px 9vw;display:grid}.about h2 em{color:var(--orange)}.about-copy{padding-top:45px}.large-copy{letter-spacing:-.04em;margin-bottom:25px;font-size:clamp(19px,2vw,28px);line-height:1.36}.about-copy>p:not(.large-copy){color:#69645d;max-width:470px;margin-bottom:25px;font-size:14px;line-height:1.65}.capabilities{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.capabilities>div{padding:24px 36px 0 0}.capabilities>div+div{border-left:1px solid var(--line);padding-left:35px}.capabilities svg{color:var(--orange)}.capabilities h3{margin:20px 0 8px;font-size:15px}.capabilities p{color:var(--muted);max-width:210px;font-size:13px;line-height:1.55}.compact{align-items:end}.section-note{color:var(--muted);margin:0;font-size:13px}.timeline{border-top:1px solid var(--line)}.timeline>div{border-bottom:1px solid var(--line);grid-template-columns:13% 34% 1fr;align-items:center;padding:25px 0;display:grid}.timeline span{letter-spacing:.1em;text-transform:uppercase;color:var(--orange);font-family:DM Mono,monospace;font-size:9px}.timeline b{letter-spacing:-.025em}.timeline em{color:var(--muted);font-size:13px;font-style:normal}.notes{color:#f4f1eb;background:#1f2430;grid-template-columns:1fr 1fr;align-items:center;gap:9vw;display:grid}.notes .eyebrow{color:#b9bac0}.notes-empty{border:1px solid #ffffff2e;padding:45px;position:relative}.notes-empty svg{color:#ff916f}.notes-empty h3{letter-spacing:-.05em;margin:30px 0 11px;font-size:28px}.notes-empty p{color:#b9bac0;max-width:350px;font-size:14px;line-height:1.65}.notes-empty>span{letter-spacing:.1em;color:#818797;font-family:DM Mono,monospace;font-size:8px;position:absolute;top:18px;right:18px}.contact{background:var(--orange);color:#fff;isolation:isolate;min-height:580px;padding:125px 9.4vw;position:relative}.contact .eyebrow{color:#ffe2d8}.contact .eyebrow span{background:#fff}.contact h2{margin:0 0 22px;font-size:clamp(53px,6vw,89px)}.contact>p:not(.eyebrow){color:#ffe4dc;max-width:405px;font-size:16px;line-height:1.65}.button-light{color:var(--ink);background:#fff}.contact-email{letter-spacing:.04em;color:#ffe6dd;border-bottom:1px solid #ffffff73;align-items:center;gap:8px;padding-bottom:4px;font-family:DM Mono,monospace;font-size:10px;transition:color .2s,border-color .2s;display:flex}.contact-email:hover{color:#fff;border-color:#fff}.contact-orb{z-index:-1;border:1px solid #ffffff40;border-radius:50%;width:45vw;max-width:650px;height:45vw;max-height:650px;position:absolute;top:-24%;right:-9%;box-shadow:0 0 0 55px #ffffff14,0 0 0 110px #ffffff0d}footer{color:#f0ede7;background:#1b1a19;justify-content:space-between;align-items:center;min-height:95px;padding:0 5.4vw;display:flex}footer p{color:#99938b;margin:0}footer>a{color:#dad5cc;align-items:center;gap:6px;display:flex}.preview-backdrop{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#161514a8;place-items:center;padding:24px;animation:.26s both backdrop-in;display:grid;position:fixed;inset:0}.project-preview{width:min(860px,100%);max-height:min(760px,100vh - 48px);color:var(--ink);background:#f8f7f3;padding:clamp(31px,5vw,64px);animation:.42s cubic-bezier(.22,.8,.28,1) both preview-in;position:relative;overflow:auto;box-shadow:0 28px 80px #0000004d}.preview-close{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:background .2s,color .2s,transform .2s;display:grid;position:absolute;top:18px;right:18px}.preview-close:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}.project-preview .eyebrow{margin-bottom:21px}.preview-heading{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:36px;padding-bottom:39px;display:grid}.preview-heading h2{margin:0 0 18px;font-size:clamp(44px,6vw,78px)}.preview-heading p{max-width:590px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.preview-heading .button{white-space:nowrap}.preview-details{grid-template-columns:1.25fr .75fr;gap:64px;padding:38px 0;display:grid}.preview-label,.preview-tech>span,.preview-facts dt{color:var(--orange);letter-spacing:.11em;text-transform:uppercase;margin:0 0 17px;font-family:DM Mono,monospace;font-size:9px}.preview-features{gap:15px;margin:0;padding:0;list-style:none;display:grid}.preview-features li{color:#45413c;gap:10px;font-size:14px;line-height:1.5;display:flex}.preview-features li:before{content:"↗";color:var(--orange)}.preview-facts{align-content:start;gap:18px;margin:0;padding:0;display:grid}.preview-facts div{border-bottom:1px solid var(--line);padding-bottom:17px}.preview-facts dt{margin-bottom:6px}.preview-facts dd{margin:0;font-size:14px;line-height:1.4}.preview-tech{border-top:1px solid var(--line);align-items:center;gap:21px;padding-top:23px;display:flex}.preview-tech>span{white-space:nowrap;margin:0}.preview-tech ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.preview-tech li{color:#5e5a53;background:#eeebe5;padding:6px 8px;font-size:10px}.reveal{animation:.75s cubic-bezier(.22,.8,.28,1) both rise-in}.reveal-delay{animation:.8s cubic-bezier(.22,.8,.28,1) .14s both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes screenshot-in{0%{opacity:0;filter:blur(2px);transform:scale(1.045)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes preview-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.site-header{height:68px;padding:0 6.5vw}.desktop-nav,.availability{display:none}.menu-toggle{z-index:2;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:5px;display:block;position:relative}.mobile-menu{background:#f2f1edfa;flex-direction:column;gap:20px;width:100%;padding:94px 6.5vw 28px;transition:transform .35s;display:flex;position:absolute;top:0;left:0;transform:translateY(-105%);box-shadow:0 10px 20px #00000012}.mobile-menu.is-open{transform:translateY(0)}.mobile-menu a{letter-spacing:-.04em;font-size:25px;font-weight:600}.hero{grid-template-columns:1fr;align-items:start;min-height:800px;padding:130px 8vw 75px}.hero-art{width:210px;margin:52px 4vw 0 auto}.hero-summary{font-size:15px}.scroll-cue{left:8vw}.section{padding:85px 8vw}.section-heading{margin-bottom:35px;display:block}.project-filter{width:fit-content;margin-top:27px}.project-grid{grid-template-columns:1fr;gap:14px}.project-visual{height:225px}.preview-trigger{opacity:1;transform:translate(-50%,-50%)}.project-content>p{min-height:0}.about{display:block}.about-copy{padding-top:28px}.capabilities{grid-template-columns:1fr;margin-top:60px}.capabilities>div,.capabilities>div+div{border-left:0;border-bottom:1px solid var(--line);padding:22px 0}.capabilities>div:last-child{border-bottom:0}.timeline>div{grid-template-columns:70px 1fr;gap:12px}.timeline em{grid-column:2}.notes{grid-template-columns:1fr;gap:43px}.contact{min-height:520px;padding:84px 8vw}.contact-orb{width:60vw;height:60vw;top:-4%;right:-12%}.contact-actions{flex-direction:column;align-items:flex-start;gap:18px}.preview-backdrop{padding:12px}.project-preview{max-height:calc(100vh - 24px);padding:38px 25px 30px}.preview-heading,.preview-details{grid-template-columns:1fr;gap:25px}.preview-heading{padding-bottom:28px}.preview-heading .button{width:fit-content}.preview-details{padding:29px 0}.preview-tech{flex-direction:column;align-items:flex-start;gap:12px}footer{padding:0 8vw}footer p{display:none}}@media (width<=420px){.hero{min-height:760px}.hero-art{width:180px;margin-top:38px}.hero-actions{gap:16px}.button{padding:0 14px}.project-footer{align-items:flex-start}.notes-empty{padding:30px}.contact h2{font-size:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.header-actions{align-items:center;gap:24px;margin-left:auto;display:flex}.site-theme-toggle{border:1px solid var(--line);color:var(--ink);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-family:DM Mono,monospace;font-size:9px;transition:background .25s,border-color .25s,color .25s,transform .25s;display:inline-flex}.site-theme-toggle:hover{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-1px)}.socials{border-top:1px solid var(--line);background:#ebe9e4}.socials h2 em{color:var(--orange)}.social-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.social-card{border:1px solid var(--line);min-height:255px;color:var(--ink);background:#f8f7f3;flex-direction:column;justify-content:space-between;padding:28px;transition:transform .3s,background .3s,box-shadow .3s,border-color .3s;display:flex}.social-card:hover{border-color:var(--orange);transform:translateY(-6px);box-shadow:0 18px 32px #1f1d191a}.social-card-head{color:var(--orange);justify-content:space-between;align-items:flex-start;display:flex}.social-mark{font-size:26px;line-height:1}.social-kicker{color:var(--orange);letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px;font-family:DM Mono,monospace;font-size:9px}.social-card h3{letter-spacing:-.06em;margin:0 0 10px;font-size:clamp(24px,2.7vw,37px)}.social-card>div:nth-child(2)>p:last-child{color:#6d6861;max-width:380px;margin:0;font-size:13px;line-height:1.6}.social-cta{border-bottom:1px solid;align-items:center;gap:7px;width:fit-content;padding-bottom:4px;font-size:12px;font-weight:600;display:inline-flex}.social-card:hover .social-cta{color:var(--orange)}[data-theme=dark]{--ink:#f3f0e9;--muted:#a8abae;--paper:#111315;--warm:#1a1f23;--line:#f3f0e926}[data-theme=dark] .site-header.is-scrolled{background:#111315e0;box-shadow:0 1px #f3f0e914}[data-theme=dark] .site-theme-toggle:hover{color:#17191b}[data-theme=dark] .desktop-nav a,[data-theme=dark] .availability{color:#c4c7c8}[data-theme=dark] .mobile-menu{background:#111315fa;box-shadow:0 10px 20px #00000047}[data-theme=dark] .eyebrow,[data-theme=dark] .hero-summary,[data-theme=dark] .scroll-cue{color:#b0b2b2}[data-theme=dark] .hero-glow{opacity:.2}[data-theme=dark] .project-filter{background:#24282d}[data-theme=dark] .project-filter button{color:#b3b5b7}[data-theme=dark] .project-filter button.active{color:#17191b;background:#f3f0e9}[data-theme=dark] .project-card{background:#191c20}[data-theme=dark] .project-card:hover{box-shadow:0 22px 30px #0000004d}[data-theme=dark] .project-topline{color:#a9abad}[data-theme=dark] .project-content>p{color:#b4b5b3}[data-theme=dark] .project-highlights li{color:#d1cec7}[data-theme=dark] .project-footer li{color:#c8c5be;background:#292e33}[data-theme=dark] .button-primary{color:#17191b;background:#f3f0e9}[data-theme=dark] .button-primary:hover{background:var(--orange);color:#fff}[data-theme=dark] .round-link{color:#17191b;background:#f3f0e9}[data-theme=dark] .about-copy>p:not(.large-copy){color:#b4b5b3}[data-theme=dark] .notes{background:#151a20}[data-theme=dark] .button-light{color:#1b1a19}[data-theme=dark] .contact-email{color:#ffe6dd}[data-theme=dark] footer{background:#0c0e10}[data-theme=dark] .preview-backdrop{background:#040608bf}[data-theme=dark] .project-preview{background:#191c20}[data-theme=dark] .preview-close:hover{color:#17191b}[data-theme=dark] .preview-features li{color:#d1cec7}[data-theme=dark] .preview-tech li{color:#c8c5be;background:#292e33}[data-theme=dark] .socials{background:#171b20}[data-theme=dark] .social-card{background:#1d2126}[data-theme=dark] .social-card:hover{box-shadow:0 18px 32px #00000047}[data-theme=dark] .social-card>div:nth-child(2)>p:last-child{color:#b7b9b9}@media (width<=800px){.header-actions{gap:0}.site-theme-toggle{padding:8px}.site-theme-toggle span{display:none}.social-grid{grid-template-columns:1fr}.social-card{min-height:230px}}.til-section{color:#f4f1eb;background:#1f2430;grid-template-columns:.82fr 1.18fr;align-items:center;gap:9vw;display:grid}.til-section h2{margin:0;font-size:clamp(42px,5.15vw,78px)}.til-section .eyebrow{color:#b9bac0}.til-heading-note{color:#b9bac0;max-width:265px;margin:27px 0 0;font-size:14px;line-height:1.65}.til-feed{gap:18px;display:grid}.til-card{color:inherit;background:#ffffff0e;border:1px solid #fff3;padding:30px 32px 26px;text-decoration:none;transition:transform .3s,border-color .3s,background .3s;display:block;box-shadow:0 20px 45px #04070d2e}.til-card:focus-visible{outline-offset:6px;outline:2px solid #ff916f}.til-card:hover{background:#ffffff13;border-color:#ff916fb3;transform:translateY(-5px)}.til-card-topline,.til-card-footer,.til-meta{justify-content:space-between;align-items:center;gap:18px;display:flex}.til-card-topline,.til-meta,.til-card-footer{letter-spacing:.08em;text-transform:uppercase;color:#969ba8;font-family:DM Mono,monospace;font-size:9px}.til-card-label{color:#ff916f;align-items:center;gap:8px;display:inline-flex}.til-card h3{letter-spacing:-.06em;max-width:600px;margin:29px 0 15px;font-size:clamp(27px,3vw,43px);line-height:1.02}.til-summary{color:#d3d2d0;max-width:620px;margin:0 0 25px;font-size:14px;line-height:1.65}.til-meta{border-bottom:1px solid #ffffff24;justify-content:flex-start;padding-bottom:23px}.til-meta>span{align-items:center;gap:7px;display:inline-flex}.til-meta svg{color:#ff916f}.til-meta ul,.til-dialog-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.til-meta li,.til-dialog-tags li{color:#d2d1ce;background:#ffffff14;padding:5px 7px}.til-card-footer{padding-top:20px}.til-backdrop{z-index:40;-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);background:#05080dad;place-items:center;padding:24px;animation:.26s both backdrop-in;display:grid;position:fixed;inset:0}.til-dialog{color:#f4f1eb;background:#1b202af5;border:1px solid #ffffff2b;width:min(900px,100%);max-height:min(820px,100vh - 48px);padding:clamp(31px,5vw,62px);animation:.42s cubic-bezier(.22,.8,.28,1) both preview-in;position:relative;overflow:auto;box-shadow:0 30px 90px #0000006b}.til-close{color:#f4f1eb;border-color:#fff3}.til-close:hover{color:#1b1a19;background:#f4f1eb}.til-dialog-header{border-bottom:1px solid #ffffff24;padding-bottom:34px}.til-dialog-header .eyebrow{color:#aeb3bd;margin-bottom:20px}.til-dialog-header h2{max-width:720px;margin:0 0 18px;font-size:clamp(42px,6vw,74px);line-height:.96}.til-dialog-header>p:not(.eyebrow){color:#c2c4c5;max-width:650px;margin:0 0 23px;font-size:15px;line-height:1.65}.til-dialog-tags li{color:#e1dfda;background:#ffffff1a}.til-lessons{grid-template-columns:repeat(2,1fr);gap:0 48px;padding:33px 0 37px;display:grid}.til-lesson{border-bottom:1px solid #ffffff1c;grid-template-columns:28px 1fr;gap:12px;padding:21px 0;display:grid}.til-lesson-number{color:#ff916f;letter-spacing:.08em;font:500 10px DM Mono,monospace}.til-lesson h3{color:#f5f1e9;letter-spacing:-.025em;margin:0 0 8px;font-size:15px}.til-lesson p{color:#bdc0c2;margin:0;font-size:13px;line-height:1.6}.til-lesson code{color:#f8c19c;background:#0000003d;margin-top:11px;padding:10px 11px;font:11px/1.45 DM Mono,monospace;display:block;overflow:auto}.til-takeaway{border-top:1px solid #ffffff2b;padding:24px 0 0}.til-takeaway span{color:#ff916f;letter-spacing:.11em;text-transform:uppercase;font:9px DM Mono,monospace}.til-takeaway p{color:#f0ede7;letter-spacing:-.025em;max-width:700px;margin:13px 0 0;font-size:18px;line-height:1.45}[data-theme=dark] .til-section{background:#151a20}@media (width<=800px){.til-section{grid-template-columns:1fr;gap:43px}.til-card{padding:25px 23px 22px}.til-card h3{margin-top:24px}.til-card-footer{flex-direction:column;align-items:flex-start;gap:16px}.til-backdrop{padding:12px}.til-dialog{max-height:calc(100vh - 24px);padding:38px 25px 30px}.til-lessons{grid-template-columns:1fr;padding-top:23px}}@media (width<=420px){.til-card-topline{flex-direction:column;align-items:flex-start;gap:9px}.til-meta{flex-direction:column;align-items:flex-start}.til-dialog-header h2{font-size:42px}}.til-route{background:var(--paper)}.til-page-shell{padding-top:82px}.til-page-intro{background:var(--warm);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8vw;min-height:430px;display:grid}.til-page-intro h1{max-width:820px;margin:0 0 25px;font-size:clamp(52px,6.2vw,92px)}.til-page-intro h1 em{color:var(--orange)}.til-page-lede{color:#69645d;max-width:500px;margin:0;font-size:17px;line-height:1.65}.til-page-index{border-left:1px solid var(--line);min-width:150px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:22px 0 22px 27px;font:10px DM Mono,monospace}.til-page-index strong{color:var(--ink);letter-spacing:-.08em;margin:10px 0 7px;font:600 clamp(52px,6vw,76px)/.8 DM Sans,sans-serif;display:block}.til-browser{color:var(--ink);border-bottom:1px solid var(--line);background:#f8f7f3}.til-browser .eyebrow{color:#716d66}.til-browser h2{color:var(--ink);margin:0;font-size:clamp(38px,4.8vw,68px)}.til-browser-toolbar{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:49px;display:flex}.til-search{border-bottom:1px solid var(--line);width:min(320px,100%);color:var(--orange);align-items:center;gap:11px;padding:13px 0;display:flex}.til-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font:14px DM Sans,sans-serif}.til-search input::placeholder{color:var(--muted)}.til-topic-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:25px;padding:19px 0 22px;display:flex}.til-topics{flex-wrap:wrap;gap:7px;display:flex}.til-topics button{border:1px solid var(--line);color:var(--muted);cursor:pointer;letter-spacing:.07em;text-transform:uppercase;background:0 0;border-radius:999px;padding:8px 10px;font:9px DM Mono,monospace;transition:background .2s,border-color .2s,color .2s}.til-topics button:hover,.til-topics button.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.til-results{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:none;margin:8px 0 0;font:9px DM Mono,monospace}.til-archive-list{max-width:980px;margin:14px auto 0;display:grid}.til-card-archive{border:0;border-bottom:1px solid var(--line);box-shadow:none;cursor:pointer;background:0 0;border-radius:0;grid-template-rows:auto auto auto;grid-template-columns:115px minmax(0,1fr) auto;align-items:start;column-gap:31px;padding:19px 20px 18px;transition:background-color .2s;display:grid}.til-card-archive:hover{border-color:var(--line);box-shadow:none;background:#7f7f7f12;transform:none}.til-card-archive .til-card-topline{flex-direction:column;grid-area:1/1/span 3;align-items:flex-start;gap:7px;display:flex}.til-card-archive .til-card-label{color:var(--orange)}.til-card-archive .til-card-topline time{color:var(--muted)}.til-card-archive h3{letter-spacing:-.045em;grid-column:2;margin:0 0 7px;font-size:clamp(20px,2vw,27px);line-height:1.14}.til-card-archive .til-summary{color:#6b665f;grid-column:2;margin-bottom:10px;font-size:13px;line-height:1.55}.til-card-archive .til-meta{color:var(--muted);border:0;grid-column:2;padding:0}.til-card-archive .til-meta li{color:#6b665f;background:#ebe8e2;padding:4px 6px}.til-card-archive .til-card-footer{flex-direction:column;grid-area:1/3/span 3;align-items:flex-end;gap:10px;padding:0}.til-card-archive .til-card-footer>span{max-width:none;color:var(--muted);text-align:right;white-space:nowrap;line-height:1.1}.til-browse-link{color:#fff;border-bottom:1px solid #ffffff80;align-items:center;gap:8px;width:fit-content;margin:3px 0 0 auto;padding-bottom:5px;font-size:13px;font-weight:600;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.til-browse-link:hover{color:#ff916f;border-color:#ff916f;transform:translate(3px)}.til-no-results{border-bottom:1px solid var(--line);padding:48px 0}.til-no-results h3{letter-spacing:-.05em;margin:0 0 19px;font-size:28px}.til-no-results button{color:#ff916f;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 4px;font-size:13px}.til-post-intro{background:var(--warm);border-bottom:1px solid var(--line);padding-top:103px;padding-bottom:72px}.til-post-intro .text-link{margin-bottom:61px}.til-post-intro h1{max-width:820px;margin:0 0 22px;font-size:clamp(42px,5.2vw,72px);line-height:1.04}.til-post-summary{color:#69645d;max-width:650px;margin:0 0 22px;font-size:16px;line-height:1.65}.til-post-intro .til-dialog-tags{margin:0}.til-post-intro .til-dialog-tags li{color:var(--ink);background:#1b1a1912}.til-article-shell{background:var(--paper);padding-top:70px;padding-bottom:98px}.til-weblog-post{width:min(100%,760px);margin:0 auto}.til-article-kicker{color:var(--orange);letter-spacing:.12em;text-transform:uppercase;margin:0 0 46px;font:9px DM Mono,monospace}.til-weblog-section+.til-weblog-section{margin-top:48px}.til-weblog-section h2{color:var(--ink);letter-spacing:-.055em;margin:0 0 18px;font-size:clamp(25px,2.8vw,34px);line-height:1.08}.til-weblog-section p,.til-weblog-section li{color:#55514b;font-size:15.5px;line-height:1.75}.til-weblog-section p{margin:0 0 20px}.til-weblog-section ul,.til-weblog-section ol{margin:0 0 24px;padding-left:25px}.til-weblog-section li+li{margin-top:7px}.til-weblog-section ol{padding-left:28px}.til-weblog-section pre{border-left:3px solid var(--orange);color:#f4f1eb;background:#1f2430;margin:26px 0 6px;padding:20px 21px;overflow:auto}.til-weblog-section code{white-space:pre;font:13px/1.7 DM Mono,monospace}.til-weblog-section blockquote{border-left:2px solid var(--orange);color:var(--ink);letter-spacing:-.025em;background:#e6e1d79e;margin:21px 0;padding:16px 22px;font-size:19px;line-height:1.5}.til-callouts{gap:18px;margin-top:25px;display:grid}.til-callout{border-top:1px solid var(--line);grid-template-columns:115px minmax(0,1fr);gap:20px;padding:16px 0;display:grid}.til-callout:last-child{border-bottom:1px solid var(--line)}.til-callout>span{color:var(--orange);letter-spacing:.11em;text-transform:uppercase;margin:4px 0 0;font:9px DM Mono,monospace;display:block}.til-callout p{color:var(--ink);letter-spacing:0;margin:0;font-size:15px;line-height:1.65}.til-article-footer{border-top:1px solid var(--line);align-items:baseline;gap:15px;margin-top:73px;padding-top:22px;display:flex}.til-article-footer span{color:var(--orange);letter-spacing:.11em;text-transform:uppercase;flex:none;font:9px DM Mono,monospace}.til-article-footer p{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0;font:10px DM Mono,monospace}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-theme=dark] .til-page-intro,[data-theme=dark] .til-post-intro{background:#1a1f23}[data-theme=dark] .til-page-lede,[data-theme=dark] .til-post-summary{color:#b4b5b3}[data-theme=dark] .til-page-index strong{color:var(--ink)}[data-theme=dark] .til-browser,[data-theme=dark] .til-article-shell{background:#151a20}[data-theme=dark] .til-browser .eyebrow{color:#b0b2b2}[data-theme=dark] .til-card-archive .til-summary{color:#b4b5b3}[data-theme=dark] .til-card-archive .til-meta li{color:#c8c5be;background:#292e33}[data-theme=dark] .til-weblog-section p,[data-theme=dark] .til-weblog-section li{color:#c7c9c7}[data-theme=dark] .til-weblog-section blockquote{color:#f3f0e9;background:#ffffff0f}[data-theme=dark] .til-callout p{color:#f3f0e9}@media (width<=800px){.til-page-shell{padding-top:68px}.til-page-intro{min-height:500px;padding-top:104px;display:block}.til-page-index{border-top:1px solid var(--line);border-left:0;width:fit-content;min-width:0;margin-top:56px;padding:18px 26px 18px 0}.til-page-index strong{margin:8px 10px 0 0;font-size:65px;display:inline-block}.til-browser-toolbar{margin-bottom:35px;display:block}.til-search{margin-top:31px}.til-topic-row{display:block}.til-results{margin-top:19px}.til-card-archive{padding:18px 14px 17px;display:block}.til-card-archive .til-card-topline{display:flex}.til-card-archive h3{margin-top:20px}.til-card-archive .til-card-footer{flex-direction:row;align-items:flex-start;margin-top:13px}.til-card-archive .til-card-footer>span{text-align:left;max-width:none}.til-post-intro{padding-top:103px;padding-bottom:74px}.til-post-intro .text-link{margin-bottom:62px}.til-article-shell{padding-top:63px;padding-bottom:84px}.til-weblog-section+.til-weblog-section{margin-top:46px}.til-weblog-section p,.til-weblog-section li{font-size:15px;line-height:1.72}.til-weblog-section pre{padding:19px 18px}.til-weblog-section code{font-size:11px}.til-callout{grid-template-columns:1fr;gap:7px;padding:15px 0}.til-callout p{font-size:14px;line-height:1.62}.til-article-footer{flex-direction:column;align-items:flex-start;gap:9px;margin-top:55px}}@media (width<=420px){.til-page-intro h1{font-size:50px}.til-post-intro h1{font-size:43px}.til-browser h2{font-size:39px}.til-weblog-section blockquote{padding:14px 17px;font-size:17px}}
