@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#171714;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#171714;--paper:#f3f1eb;--acid:#d8ff3e;--line:#17171438;background:#f3f1eb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%;display:block}::selection{color:var(--ink);background:var(--acid)}#root{min-height:100vh}main{overflow:hidden}.site-header{z-index:10;color:#f7f5ef;mix-blend-mode:difference;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:26px 3.2vw;display:grid;position:absolute;top:0;left:0}.brand{width:fit-content;color:inherit;letter-spacing:-1px;font-size:22px;font-weight:600;text-decoration:none}.brand span{vertical-align:top;margin-left:2px;font-size:8px}.site-header nav{gap:34px;display:flex}.site-header nav a,.header-cta{text-transform:uppercase;letter-spacing:.08em;font-size:12px;text-decoration:none;position:relative}.site-header nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after{transform-origin:0;transform:scaleX(1)}.header-cta{justify-self:end;align-items:center;gap:12px;display:flex}.header-cta svg,.form-action button svg,.pay-strip a svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px}.hero{color:#f7f5ef;background:#171714;min-height:100svh;position:relative}.hero-copy{z-index:2;width:61%;position:absolute;top:20%;left:3.2vw}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;margin:0 0 32px;font-size:11px;font-weight:500}.hero h1,.section h2{letter-spacing:-.045em;margin:0;font-family:Instrument Serif,Georgia,serif;font-weight:400}.hero h1{font-size:clamp(70px,9.4vw,154px);line-height:.78}.hero h1 em,.section h2 em{font-weight:400}.hero h1 em{margin-left:8vw}.hero-note{grid-template-columns:64px minmax(220px,350px);margin-top:66px;margin-left:29%;font-size:13px;line-height:1.55;display:grid}.hero-note p,.hero-note span{margin:0}.hero-image{width:48%;margin:0;position:absolute;inset:0 0 0 auto;overflow:hidden}.hero-image:after{content:"";background:linear-gradient(90deg,#171714b8,#0000 40%);position:absolute;inset:0}.hero-image img{object-fit:cover;filter:saturate(.72)contrast(.95);width:100%;height:100%;animation:1.4s cubic-bezier(.2,.75,.2,1) both reveal-image}@keyframes reveal-image{0%{filter:saturate(0)contrast(1.1);transform:scale(1.08)}to{filter:saturate(.72)contrast(.95);transform:scale(1)}}.hero-image figcaption{z-index:1;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:25px;left:24px;right:24px}.scroll-cue{z-index:3;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:22px;font-size:10px;text-decoration:none;display:flex;position:absolute;bottom:26px;left:3.2vw}.scroll-cue span{border:1px solid #ffffff73;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.section{padding:110px 3.2vw}.section-label{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.14em;grid-template-columns:52px 1fr;padding-bottom:22px;font-size:11px;display:grid}.section-label p{margin:0}.about-intro{grid-template-columns:30% 1fr;align-items:start;padding:88px 0 96px;display:grid}.about-intro .kicker{margin-top:12px}.section h2{font-size:clamp(55px,7.2vw,112px);line-height:.92}.section h2 em{color:#77766f}.about-grid{grid-template-columns:minmax(280px,.82fr) 1.18fr;align-items:end;gap:9vw;display:grid}.portrait-card{margin:0}.portrait-card img{aspect-ratio:4/5;object-fit:cover;filter:grayscale();width:100%}.portrait-card figcaption{text-transform:uppercase;letter-spacing:.12em;margin-top:13px;font-size:10px}.about-copy{max-width:680px}.about-copy>p{color:#5e5c55;max-width:560px;font-size:14px;line-height:1.7}.about-copy .lead{color:var(--ink);margin:0 0 24px;font-family:Instrument Serif,Georgia,serif;font-size:clamp(28px,3.2vw,46px);line-height:1.08}.about-copy blockquote{border-left:2px solid var(--ink);margin:74px 0 40px;padding-left:22px;font-family:Instrument Serif,Georgia,serif;font-size:23px;font-style:italic}.about-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0;padding-top:24px;display:grid}.about-stats div{flex-direction:column;display:flex}.about-stats dt{font-family:Instrument Serif,Georgia,serif;font-size:35px}.about-stats dd{color:#77766f;text-transform:uppercase;letter-spacing:.1em;margin:7px 0 0;font-size:10px}.work,.contact{color:#f3f1eb;background:var(--ink)}.light-label{border-color:#f3f1eb40}.work-heading{justify-content:space-between;align-items:end;padding:78px 0 50px;display:flex}.work h2 em,.contact h2 em{color:var(--acid)}.carousel-controls{gap:7px;display:flex}.carousel-controls button{width:46px;height:46px;color:inherit;cursor:pointer;background:0 0;border:1px solid #f3f1eb59;border-radius:50%;transition:color .2s,background .2s}.carousel-controls button:hover{color:var(--ink);background:var(--acid)}.carousel{scrollbar-width:none;scroll-snap-type:x mandatory;gap:18px;margin-right:-3.2vw;padding-right:3.2vw;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;flex:0 0 min(47vw,690px)}.project-image{position:relative;overflow:hidden}.project-image img{aspect-ratio:1.35;object-fit:cover;filter:saturate(.62);width:100%;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .65s}.project-card:hover img{filter:saturate(.95);transform:scale(1.025)}.project-image>span{width:34px;height:34px;color:var(--ink);background:var(--acid);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:15px;left:15px}.project-meta{justify-content:space-between;align-items:baseline;padding:17px 2px;display:flex}.project-meta h3{margin:0;font-family:Instrument Serif,Georgia,serif;font-size:31px;font-weight:400}.project-meta p{color:#9d9c95;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:10px}.services-line{color:var(--ink);background:var(--acid);white-space:nowrap;justify-content:space-between;align-items:center;margin:88px -3.2vw -110px;padding:25px 3.2vw;font-family:Instrument Serif,Georgia,serif;font-size:clamp(21px,2.3vw,35px);display:flex}.services-line i{font-family:serif;font-size:13px;font-style:normal}.process-heading{grid-template-columns:1fr minmax(260px,31%);align-items:end;gap:5vw;padding:90px 0;display:grid}.process-heading>p{color:#5e5c55;margin:0 0 7px;font-size:14px;line-height:1.7}.process-layout{grid-template-columns:.82fr 1.18fr;align-items:start;gap:6vw;display:grid}.steps{border-top:1px solid var(--line)}.step{border-bottom:1px solid var(--line);grid-template-columns:42px .55fr 1fr;gap:18px;padding:24px 0;display:grid}.step>span{color:#77766f;font-size:10px}.step h3,.step p{margin:0}.step h3{font-family:Instrument Serif,Georgia,serif;font-size:25px;font-weight:400}.step p{color:#77766f;font-size:12px;line-height:1.55}.dashboard{color:#f3f1eb;background:#20201d;border:1px solid #3c3c37;padding:18px;box-shadow:26px 28px #d8d5cb}.dashboard-top,.dashboard-footer{letter-spacing:.08em;justify-content:space-between;font-family:monospace;font-size:9px;display:flex}.dashboard-top>div{align-items:center;gap:8px;display:flex}.live-dot{background:var(--acid);width:6px;height:6px;box-shadow:0 0 8px var(--acid);border-radius:50%}.dashboard-title{justify-content:space-between;align-items:end;padding:36px 0 18px;display:flex}.dashboard-title p,.dashboard-title h3{margin:0}.dashboard-title p{color:#8b8a84;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:9px}.dashboard-title h3{font-family:Instrument Serif,Georgia,serif;font-size:30px;font-weight:400}.dashboard-title>span{color:var(--acid);font-family:monospace;font-size:12px}.mood-grid{grid-template-rows:210px 125px;grid-template-columns:1.3fr .7fr;gap:8px;display:grid}.mood-photo{filter:grayscale();background-position:50%;background-size:cover}.mood-photo-main{background-image:url(https://images.unsplash.com/photo-1531058020387-3be344556be6?auto=format&fit=crop&w=900&q=80)}.mood-photo-small{background-image:url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=700&q=80)}.palette{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.palette span:first-child{background:#d8ff3e}.palette span:nth-child(2){background:#d7d1c5}.palette span:nth-child(3){background:#6d6c65}.palette span:nth-child(4){background:#0d0d0c}.signal-card{background:#2a2a26;padding:17px}.signal-card p,.signal-card strong{margin:0}.signal-card p{color:#8b8a84;text-transform:uppercase;margin-bottom:11px;font-size:9px}.signal-card strong{font-size:12px;font-weight:400}.signal-bars{align-items:end;gap:5px;height:50px;margin-top:12px;display:flex}.signal-bars i{background:var(--acid);width:12px}.signal-bars i:first-child{height:30%}.signal-bars i:nth-child(2){height:63%}.signal-bars i:nth-child(3){height:43%}.signal-bars i:nth-child(4){height:88%}.signal-bars i:nth-child(5){height:72%}.dashboard-footer{color:#8b8a84;border-top:1px solid #3c3c37;margin-top:17px;padding-top:15px}.dashboard-footer span:last-child{color:var(--acid)}.contact{padding-bottom:0}.contact-heading{grid-template-columns:22% 1fr 25%;align-items:end;gap:4vw;padding:82px 0 95px;display:grid}.contact-heading .kicker{align-self:start;margin-top:13px}.contact-heading>p:last-child{color:#a8a69e;margin:0 0 7px;font-size:13px;line-height:1.65}.brief-form{border-top:1px solid #f3f1eb47;grid-template-columns:repeat(2,1fr);column-gap:4vw;display:grid}.brief-form label{border-bottom:1px solid #f3f1eb47;flex-direction:column;padding:25px 0 10px;display:flex}.brief-form label>span{color:#8f8e87;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-size:9px}.character-count{color:#77766f;letter-spacing:.08em;align-self:flex-end;margin-top:8px;font-family:monospace;font-size:9px}.brief-form input,.brief-form textarea,.brief-form select{color:#f3f1eb;resize:vertical;background:0 0;border:0;border-radius:0;outline:0;width:100%;padding:2px 0 12px;font-family:Instrument Serif,Georgia,serif;font-size:23px}.brief-form input:focus,.brief-form textarea:focus,.brief-form select:focus{box-shadow:0 1px 0 var(--acid)}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#6e6d67;opacity:1}.brief-form select{color:#9c9a93;cursor:pointer}.brief-form select option{color:var(--ink);background:var(--paper)}.field-wide{grid-column:1/-1}.form-action{justify-content:space-between;align-items:center;padding:42px 0;display:flex}.form-action p{color:#77766f;max-width:290px;margin:0;font-size:10px;line-height:1.5}.form-action button{color:var(--ink);background:var(--acid);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:0;align-items:center;gap:48px;padding:17px 21px;font-size:11px;font-weight:600;display:flex}.form-action button:disabled{cursor:wait;opacity:.65}.form-message{margin:-20px 0 32px;font-size:13px}.form-message.success{color:var(--acid)}.form-message.error{color:#f1a99d}.pay-strip{color:var(--ink);background:#d7d4ca;justify-content:space-between;align-items:center;margin:35px -3.2vw 0;padding:30px 3.2vw;display:flex}.pay-strip div span{text-transform:uppercase;letter-spacing:.12em;font-size:9px}.pay-strip div p{margin:7px 0 0;font-family:Instrument Serif,Georgia,serif;font-size:21px}.pay-strip a{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid;align-items:center;gap:25px;padding-bottom:5px;font-size:11px;text-decoration:none;display:flex}footer{background:var(--paper);text-transform:uppercase;letter-spacing:.1em;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:50px;padding:45px 3.2vw;font-size:10px;display:grid}footer p{color:#77766f;margin:0}footer>div{gap:25px;display:flex}footer>div a{text-decoration:none}.footer-brand{font-size:26px}@media (width<=900px){.site-header{grid-template-columns:1fr auto;padding:20px}.site-header nav{display:none}.hero-copy{width:calc(100% - 40px);top:22%;left:20px}.hero h1{font-size:clamp(60px,17vw,100px)}.hero h1 em{margin-left:4vw}.hero-note{margin-top:38px;margin-left:12%}.hero-image{opacity:.57;width:100%}.hero-image:after{background:linear-gradient(#17171440,#171714bf)}.section{padding:80px 20px}.about-intro{grid-template-columns:1fr;padding:55px 0 62px}.about-grid{gap:45px}.services-line{margin:68px -20px -80px;padding-inline:20px}.process-heading,.contact-heading{grid-template-columns:1fr}.process-heading>p,.contact-heading>p:last-child{max-width:480px}.process-layout{grid-template-columns:1fr;gap:60px}.contact-heading{padding:60px 0 70px}.contact-heading .kicker{margin-bottom:0}.contact{padding-bottom:0}.pay-strip{margin-inline:-20px;padding-inline:20px}footer{grid-template-columns:1fr auto;padding:35px 20px}footer p{display:none}}@media (width<=600px){.header-cta{gap:6px;font-size:9px}.hero-copy{top:25%}.hero h1{font-size:17vw;line-height:.85}.hero-note{grid-template-columns:40px 1fr;margin-left:0}.hero-image figcaption{display:none}.scroll-cue{left:20px}.section h2{font-size:15vw}.about-grid{grid-template-columns:1fr}.portrait-card{width:82%}.about-copy blockquote{margin-top:45px}.about-stats{gap:15px}.about-stats dt{font-size:26px}.about-stats dd{font-size:8px}.work-heading{padding-top:58px}.project-card{flex-basis:82vw}.project-meta{display:block}.project-meta p{margin-top:7px}.services-line{justify-content:flex-start;gap:20px;overflow:hidden}.services-line span:nth-of-type(n+4),.services-line i:nth-of-type(n+4){display:none}.process-heading{padding:58px 0}.step{grid-template-columns:30px .7fr 1fr;gap:8px}.step h3{font-size:21px}.dashboard{margin-right:12px;padding:12px;box-shadow:12px 14px #d8d5cb}.mood-grid{grid-template-rows:160px 112px}.dashboard-title h3{font-size:24px}.brief-form{grid-template-columns:1fr}.field-wide{grid-column:auto}.form-action{flex-direction:column;align-items:stretch;gap:24px}.form-action button{justify-content:space-between}.pay-strip{flex-direction:column;align-items:flex-start;gap:30px}footer{grid-template-columns:1fr;gap:22px}footer>div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}