:root{--ink:#10213d;--cream:#f4ecdd;--paper:#ebe0ca;--coral:#d9543c;--brown:#38271e;--line:rgba(16,33,61,.22);--mono:"DM Mono",monospace;--sans:"DM Sans",sans-serif;--serif:"Playfair Display",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px}.site-header{height:76px;padding:0 3.1vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.wordmark{font-family:var(--mono);font-weight:500;letter-spacing:.19em;font-size:15px;text-decoration:none;color:inherit}.site-header nav{display:flex;align-items:center;gap:38px}.site-header nav a{color:inherit;text-decoration:none;font-size:14px;font-weight:500}.nav-cta{background:var(--coral);color:white!important;padding:13px 18px}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font:500 13px var(--mono);text-transform:uppercase}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.hero-copy{padding:87px max(4.4vw,42px) 40px}.eyebrow{font:500 11px var(--mono);letter-spacing:.12em;margin:0 0 25px;color:#875845}.hero h1,.section-heading h2,.work h2,.contact h2{font:500 clamp(56px,6.2vw,108px)/.91 var(--serif);letter-spacing:-.055em;margin:0}.hero h1 em,.section-heading h2 em,.contact h2 em{font-style:italic}.intro{max-width:480px;font:400 20px/1.45 var(--serif);margin:27px 0}.button{display:inline-flex;gap:24px;align-items:center;background:var(--coral);padding:16px 20px;color:#fff;text-decoration:none;font-size:15px}.button span,.text-link span{font-size:24px;line-height:10px}.scribble{font:400 22px/1.1 var(--serif);font-style:italic;color:#865c42;margin:39px 0 0;transform:rotate(-2deg)}.hero-still-life{background:#c9b496;position:relative;overflow:hidden;min-height:610px;background:linear-gradient(135deg,#8c725c,#d8c5a4 43%,#7b5941)}.record{position:absolute;width:380px;height:380px;border-radius:50%;background:repeating-radial-gradient(circle,#171513 0 3px,#342d27 4px 6px);left:2%;top:-80px;box-shadow:0 4px 12px #0008}.record:before{content:"";position:absolute;inset:96px;border-radius:50%;background:#e5d3ba}.record span{position:absolute;z-index:1;top:164px;left:150px;font:10px/1.2 var(--mono);text-align:center;transform:rotate(-18deg)}.coffee{position:absolute;width:275px;height:275px;border-radius:50%;background:#e8d6b5;left:5%;bottom:-50px;padding:23px;box-shadow:0 6px 15px #3c241b88}.coffee div{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 45% 45%,#6c3c25,#25140f 68%,#180e0a);border:5px solid #ad835f}.note{position:absolute;width:272px;min-height:250px;right:7%;top:82px;background:#f1e5cf;transform:rotate(8deg);padding:52px 22px 20px;box-shadow:4px 7px 9px #29160e55;color:#71422c}.note:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 96%,#cabba1 96%);background-size:100% 25px;opacity:.65}.note code{position:relative;font:11px/1.6 var(--mono)}.diagram{position:absolute;width:215px;height:142px;right:18%;bottom:37px;border:2px solid #4a3328;transform:rotate(-6deg);background:#6d4e3d}.diagram:before{content:"WORKFLOW";position:absolute;top:12px;left:13px;font:10px var(--mono);color:#e6d4b9}.diagram i,.diagram b{width:24px;height:24px;border:1px solid #eddbbd;border-radius:50%;position:absolute}.diagram i{left:95px;top:44px}.diagram b:nth-of-type(1){left:42px;bottom:20px}.diagram b:nth-of-type(2){left:95px;bottom:20px}.diagram b:nth-of-type(3){right:42px;bottom:20px}.proof{height:93px;background:#10213d;color:#f4ecdd;display:flex;align-items:center;gap:27px;padding:0 4.4vw}.proof p{font:500 13px var(--mono);letter-spacing:.16em}.proof-note{margin-left:auto!important;opacity:.7;font:400 12px var(--sans)!important;letter-spacing:0!important}.burst{color:var(--coral);font-size:25px}.services{padding:115px 4.4vw 103px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{font-size:clamp(45px,4.8vw,78px);text-align:right}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:69px}.service-grid article{padding:31px 34px 10px 0;border-right:1px solid var(--line);min-height:215px}.service-grid article+article{padding-left:31px}.service-grid article:last-child{border:0}.service-grid span{font:11px var(--mono);color:var(--coral)}h3{font:500 27px var(--serif);margin:43px 0 9px}article p{max-width:290px;font-size:15px;line-height:1.55;margin:0}.quote{background:var(--ink);color:var(--cream);padding:62px 9vw;display:grid;grid-template-columns:55px minmax(300px,690px) 1fr;gap:18px;align-items:center}.quote-mark{color:var(--coral);font:70px/1 var(--serif)}blockquote{font:500 27px/1.3 var(--serif);margin:0}.quote p{grid-column:2;margin:12px 0 0;font:10px var(--mono);letter-spacing:.13em}.quote-aside{border-left:1px solid #ffffff55;padding-left:46px;font:15px/1.55 var(--sans);margin-left:auto}.work{margin:72px 4.4vw;display:grid;grid-template-columns:44% 56%;background:var(--brown);color:#f4ecdd}.project-copy{padding:58px 48px}.work h2{font-size:49px;line-height:1.02;letter-spacing:-.04em}.work .project-copy>p:not(.eyebrow){font:15px/1.6 var(--sans);max-width:355px;margin:23px 0}.text-link{color:#f2785c;text-decoration:none;font-size:14px;display:inline-flex;gap:12px;align-items:center}.project-visual{margin:18px 18px 18px 0;background:#eadfc9;color:var(--ink);overflow:hidden;transform:rotate(.5deg);border:1px solid #b39d80}.app-bar{height:40px;border-bottom:1px solid #b39d80;display:flex;align-items:center;padding:0 15px;gap:7px}.app-bar span{width:8px;height:8px;border-radius:50%;background:#b49c7c}.app-bar p{font:11px var(--sans);margin:0 0 0 12px}.app-bar i{margin-left:auto;width:30px;border-top:2px solid #907c64}.app-body{display:flex;min-height:285px}.app-body aside{width:52px;border-right:1px solid #b39d80;padding:26px 16px}.app-body aside b{display:block;width:17px;height:17px;border:1px solid #75634f;margin-bottom:18px}.app-content{padding:26px;width:100%}.app-title{height:9px;width:40%;background:#554535}.metric-row{display:flex;gap:12px;margin:23px 0}.metric-row i{height:55px;flex:1;background:#f4ecdd;border:1px solid #d5c2a4}.chart{height:90px;background:#f4ecdd;border:1px solid #d5c2a4;display:flex;align-items:end;gap:12px;padding:12px}.chart span{width:15%;background:#c76b50}.chart span:nth-child(1){height:25%}.chart span:nth-child(2){height:48%}.chart span:nth-child(3){height:78%}.chart span:nth-child(4){height:41%}.chart span:nth-child(5){height:65%}.list{margin-top:15px}.list b{display:block;height:9px;margin:10px 0;background:#cab99f;width:80%}.list b:nth-child(2){width:55%}.list b:nth-child(3){width:70%}.approach{border-top:1px solid var(--line);padding:100px 16vw;text-align:center}.approach-copy{font:500 clamp(28px,3.2vw,46px)/1.2 var(--serif);margin:0}.contact{border-top:1px solid var(--line);padding:110px 6vw 105px;text-align:center}.contact h2{font-size:clamp(53px,6vw,94px)}.contact-link{display:inline-block;color:var(--coral);font:500 clamp(20px,2.5vw,32px) var(--serif);margin-top:39px;text-decoration:none;border-bottom:1px solid var(--coral);padding-bottom:4px}footer{display:flex;justify-content:space-between;background:var(--ink);color:#f4ecdd;padding:24px 4.4vw;font:10px var(--mono);letter-spacing:.12em}footer a{color:inherit}@media(max-width:760px){.site-header{height:64px;padding:0 22px}.site-header nav{display:none;position:absolute;left:0;right:0;top:63px;background:var(--cream);padding:20px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 24px 45px}.hero h1{font-size:65px}.intro{font-size:19px}.hero-still-life{min-height:435px}.record{width:290px;height:290px}.record:before{inset:74px}.record span{top:125px;left:112px}.coffee{width:210px;height:210px;left:10%;bottom:-35px}.note{width:220px;right:4%;top:45px;padding-top:42px;min-height:210px}.diagram{right:16%;bottom:22px}.proof{height:auto;padding:22px 24px;gap:16px}.proof-note{display:none}.services{padding:75px 24px}.section-heading{display:block}.section-heading h2{text-align:left;font-size:49px}.service-grid{display:block;margin-top:45px}.service-grid article,.service-grid article+article{padding:26px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.service-grid article:last-child{border-bottom:0}.service-grid h3{margin-top:24px}.quote{padding:43px 25px;grid-template-columns:35px 1fr;gap:10px}.quote-mark{font-size:50px}.quote blockquote{font-size:23px}.quote p{grid-column:2}.quote-aside{display:none}.work{display:block;margin:35px 18px}.project-copy{padding:42px 28px}.work h2{font-size:42px}.project-visual{margin:0 15px 15px;min-height:300px}.approach{padding:75px 25px}.contact{padding:85px 20px}footer{padding:22px;gap:15px;flex-direction:column}.contact h2{font-size:59px}}