@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');:root{--cream:#f3eee5;--paper:#fbf8f2;--ink:#1d2421;--olive:#60634c;--tan:#b88c64;--line:#d9d0c3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(243,238,229,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,208,195,.65)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{font:500 28px 'Playfair Display',serif;text-decoration:none;color:var(--ink)}.logo span{color:var(--tan)}nav{display:flex;align-items:center;gap:30px}nav a{font-size:13px;text-decoration:none;color:var(--ink)}nav .work{border:1px solid var(--ink);padding:10px 14px;border-radius:99px}.hero{height:92vh;min-height:700px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,21,.68),rgba(17,24,21,.1)),url('https://images.unsplash.com/photo-1533104816931-20fa691ff6ca?auto=format&fit=crop&w=2000&q=92') center/cover;transform:scale(1.02)}.hero-copy{position:relative;z-index:2}.kicker{font-size:11px;letter-spacing:3.5px;font-weight:600}.dark{color:var(--olive)}.light{color:#d8d8ce}.hero h1{font:500 82px/0.98 'Playfair Display',serif;margin:20px 0}.hero h1 em,h2 em{font-weight:500}.intro{font-size:19px;line-height:1.6;max-width:520px}.actions{display:flex;gap:12px;margin-top:30px}.actions a,.darkbtn{background:#fff;color:var(--ink);padding:14px 20px;text-decoration:none;border-radius:99px;font-weight:600;font-size:13px}.actions .outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65)}.scroll{position:absolute;right:28px;bottom:38px;font-size:10px;letter-spacing:3px;writing-mode:vertical-rl}.statement{padding:120px 0}.statement-grid{display:grid;grid-template-columns:.35fr 1fr}.statement-grid>p{font-size:11px;letter-spacing:2px}.statement h2,.title-row h2,.desk h2{font:500 55px/1.15 'Playfair Display',serif;margin:0}.journey{padding-bottom:120px}.title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.title-row>p{color:#777;line-height:1.5}.editorial{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:330px 330px;gap:16px}.story{position:relative;overflow:hidden;color:#fff;text-decoration:none}.story.big{grid-row:1/3}.story img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.story:hover img{transform:scale(1.035)}.story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.65))}.story>span{position:absolute;top:18px;right:18px;z-index:2;font-size:11px}.story>div{position:absolute;z-index:2;left:24px;bottom:22px}.story small{letter-spacing:2px}.story h3{font:500 38px/1.05 'Playfair Display',serif;margin:8px 0}.story:not(.big) h3{font-size:27px}.journal{background:#222a26;color:#fff;padding:110px 0}.journal .title-row a{color:#fff;text-decoration:none;font-size:13px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4b514e}.journal-grid article{padding:34px 28px;border-right:1px solid #4b514e}.journal-grid article:first-child{padding-left:0}.journal-grid b{font-size:10px;letter-spacing:2px;color:#c9b095}.journal-grid h3{font:500 31px 'Playfair Display',serif}.journal-grid p{color:#aeb4b0;line-height:1.6}.desk{padding:120px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.desk-intro>p:not(.kicker){color:#70756f;line-height:1.7}.darkbtn{display:inline-block;background:var(--ink);color:#fff;margin-top:16px}.desk-stack{height:420px;position:relative}.sheet{position:absolute;width:78%;min-height:170px;padding:28px;border:1px solid var(--line);background:var(--paper);box-shadow:0 25px 70px rgba(30,35,30,.1);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:12px}.sheet small{letter-spacing:2px;color:var(--tan)}.sheet b{font:500 25px 'Playfair Display',serif}.s1{top:0;left:0;transform:rotate(-3deg)}.s2{top:110px;right:0;transform:rotate(3deg)}.s3{top:220px;left:8%;background:#d9cfbf;transform:rotate(-1deg)}footer{border-top:1px solid var(--line);background:var(--paper)}.foot{min-height:100px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:12px}

/* workspace */.ws{padding-top:78px;background:#eee8de}.ws header{position:fixed}.wshead{padding:90px 0 45px}.ws-title{display:flex;justify-content:space-between;align-items:end}.ws-title h1{font:500 76px 'Playfair Display',serif;margin:8px 0}.ws-title p{color:#6f746e;line-height:1.6}.toolbar{position:sticky;top:78px;z-index:20;padding:16px 0;background:#eee8de;display:flex;justify-content:space-between;gap:20px}.search{width:50%;border-bottom:1px solid #999;padding:12px 0}.search input{border:0;background:transparent;outline:0;width:90%;font-size:15px}.filters{display:flex;gap:7px}.filters button{border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:9px 14px}.filters .on{background:var(--ink);color:#fff}.codegrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:90px}.snippet{background:var(--paper);border:1px solid var(--line)}.snippet>div{padding:22px;display:grid;grid-template-columns:1fr auto;align-items:center}.snippet small{color:var(--tan);letter-spacing:2px}.snippet h3{font:500 27px 'Playfair Display',serif;margin:5px 0}.snippet button{grid-column:2;grid-row:1/3;border:1px solid var(--line);background:#fff;padding:9px 13px}.snippet pre{margin:0;padding:24px;background:#202623;color:#edf1ee;overflow:auto;min-height:145px}.snippet code{font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.hide{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(15px);opacity:0;background:#1d2421;color:#fff;padding:11px 18px;border-radius:99px;transition:.2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:800px){.wrap{width:min(100% - 30px,1240px)}nav a:not(.work){display:none}.hero h1{font-size:53px}.statement-grid,.desk{grid-template-columns:1fr;gap:30px}.statement h2,.title-row h2,.desk h2{font-size:42px}.editorial{grid-template-columns:1fr;grid-template-rows:500px 300px 300px}.story.big{grid-row:auto}.journal-grid,.codegrid{grid-template-columns:1fr}.journal-grid article{border-right:0;border-bottom:1px solid #4b514e;padding-left:0}.desk-stack{height:390px}.ws-title{display:block}.ws-title h1{font-size:52px}.toolbar{flex-direction:column}.search{width:100%}}