@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--ink:#171717;--paper:#f0ede6;--muted:#827e76;--line:#d7d0c5;--coral:#d36c53;--sage:#647665;--dark:#22231f;--dark-line:#464840}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}em{font-family:Playfair Display,serif;font-weight:500}.kicker,.brand-mark,.verb,.api-row code,.api-code,.card-meta small,.gallery-bottom,.header-action{font-family:DM Mono,monospace}.kicker{color:var(--coral);letter-spacing:.13em;margin:0;font-size:10px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:75px;padding:0 6vw;font-size:11px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.brand i{color:var(--coral);letter-spacing:0;margin-left:7px;font-style:normal;font-weight:500}.brand-mark{background:var(--ink);width:27px;height:27px;color:var(--paper);border-radius:50%;place-items:center;font-size:12px;display:grid}.site-header nav{color:var(--muted);gap:32px;display:flex}.site-header nav a{position:relative}.site-header nav a.active,.site-header nav a:hover{color:var(--ink)}.site-header nav a.active:after{background:var(--coral);content:"";height:1px;position:absolute;bottom:-11px;left:0;right:0}.header-action{border:1px solid var(--ink);color:var(--ink);background:0 0;padding:10px 13px;font-size:10px}.header-action span{color:var(--coral);margin-right:6px;font-size:14px}.header-action:hover{background:var(--ink);color:var(--paper)}.masthead{grid-template-columns:1fr 180px;gap:40px;padding:106px 12vw 108px;display:grid}.live-dot{background:var(--sage);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #d9dfd8}.masthead h1{letter-spacing:-.08em;margin:24px 0 25px;font-size:clamp(72px,10vw,142px);font-weight:600;line-height:.9}.masthead-copy{color:var(--muted);margin:0;font-size:15px;line-height:1.8}.masthead-side{border-top:1px solid var(--ink);color:var(--muted);align-self:end;padding-top:14px;font-size:10px;line-height:1.5}.masthead-side strong{color:var(--ink);margin:11px 0 16px;font:500 25px Playfair Display,serif;display:block}.masthead-side p{margin:0}.gallery-section{background:var(--dark);color:#eee9df;padding:78px 8vw 92px}.gallery-top{justify-content:space-between;align-items:end;margin-bottom:33px;display:flex}.gallery-top h2{letter-spacing:-.05em;margin:13px 0 0;font-size:42px}.gallery-caption{color:#9e9f96;text-align:right;margin:0;font-size:11px;line-height:1.7}.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;grid-auto-flow:dense;gap:14px;display:grid}.gallery-card{cursor:pointer;min-width:0}.gallery-card.tall{grid-row:span 2}.gallery-card.wide{grid-column:span 2}.card-image{background:#30312c;height:100%;position:relative;overflow:hidden}.card-image img{object-fit:cover;opacity:0;filter:saturate(.82);width:100%;height:100%;transition:opacity .6s,transform .8s,filter .4s;display:block}.gallery-card.loaded .card-image img{opacity:1}.gallery-card:hover img{filter:saturate();transform:scale(1.04)}.card-loading{background:linear-gradient(110deg,#2c2d29 20%,#3a3b35 40%,#2c2d29 60%) 0 0/200% 100%;animation:1.3s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:-200% 0}}.gallery-card.loaded .card-loading{display:none}.card-overlay{color:#fff;opacity:0;background:linear-gradient(#00000059,#0000 45%);justify-content:space-between;align-items:flex-start;padding:13px;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-card:hover .card-overlay{opacity:1}.card-overlay>span{font:10px DM Mono}.card-copy{color:#fff;background:0 0;border:0;font-size:14px}.card-meta{color:#ded8ce;justify-content:space-between;gap:8px;padding:9px 1px 0;font-size:10px;display:flex}.card-meta small{color:#898c82;font-size:8px}.gallery-bottom{color:#92948c;justify-content:space-between;align-items:center;margin-top:25px;font-size:9px;display:flex}.outline-button{color:#e5e0d6;background:0 0;border:1px solid #696b63;padding:11px 14px;font-size:10px}.outline-button:hover{border-color:var(--coral);color:#efad9d}.manifesto{background:var(--paper);grid-template-columns:1fr 1.3fr .7fr;gap:30px;padding:105px 12vw;display:grid}.manifesto-index{color:var(--coral);font:10px DM Mono}.manifesto h2{letter-spacing:-.06em;margin:0;font-size:52px;line-height:1.05}.manifesto h2 em{color:var(--coral)}.manifesto p{max-width:360px;color:var(--muted);margin:26px 0 0;font-size:13px;line-height:1.8}.manifesto-note{border-top:1px solid var(--ink);width:130px;color:var(--muted);justify-self:end;padding-top:13px;font:10px/1.6 DM Mono}.api-section{background:#ddd8cf;grid-template-columns:.8fr 1.2fr;gap:80px;padding:90px 12vw;display:grid}.api-heading h2{letter-spacing:-.06em;margin:14px 0 16px;font-size:48px;line-height:1.02}.api-heading em{color:var(--coral)}.api-heading>p:last-child{max-width:320px;color:var(--muted);font-size:12px;line-height:1.7}.api-tools{border-top:1px solid #aaa49a;align-self:center}.api-row{border-bottom:1px solid #aaa49a;grid-template-columns:52px 1fr 25px;align-items:center;gap:15px;padding:18px 0;display:grid}.verb{color:var(--coral);font-size:10px}.api-row code{word-break:break-all;font-size:11px}.copy-small{color:var(--muted);background:0 0;border:0;font-size:15px}.copy-small:hover{color:var(--coral)}.api-code{color:#d5d0c6;background:#262722;margin-top:23px;padding:15px 17px;font-size:9px}.api-code>div{color:#e0937e;justify-content:space-between;display:flex}.api-code pre{color:#e7aa98;white-space:pre-wrap;margin:14px 0 0;font:11px/1.7 DM Mono}footer{background:var(--ink);color:#aaa99f;justify-content:space-between;gap:20px;padding:27px 8vw;font:9px DM Mono;display:flex}footer span:first-child{color:#f0ebe2}footer a{color:#e19b87}@media (width<=800px){.site-header{height:65px;padding:0 20px}.site-header nav{display:none}.brand{font-size:10px}.masthead{padding:74px 20px 70px;display:block}.masthead h1{font-size:72px}.masthead-side{width:140px;margin-top:70px}.gallery-section,.manifesto,.api-section{padding:60px 20px}.gallery-top{display:block}.gallery-top h2{font-size:36px}.gallery-caption{text-align:left;margin-top:15px}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:10px}.gallery-card.wide{grid-column:span 2}.manifesto{display:block}.manifesto h2{margin-top:35px;font-size:43px}.manifesto-note{margin-top:40px}.api-section{display:block}.api-heading h2{font-size:42px}.api-tools{margin-top:45px}footer{flex-wrap:wrap;padding:24px 20px}.header-action{padding:8px;font-size:0}.header-action span{margin:0;font-size:18px}}