@font-face{font-family:DM Sans;src:url('assets/dm-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url('assets/dm-sans-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:DM Sans;src:url('assets/dm-sans-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('assets/instrument-serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#f5f3ec;--ink:#23241f;--muted:#66665d;--accent:#a8412b;--line:#d9d8cd;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}p,h1,h2,h3{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#e8b9a7;color:#23241f}.wrap{width:min(1320px,calc(100% - 104px));margin-inline:auto}.eyebrow{font-size:11px;line-height:1.6;font-weight:500;letter-spacing:1.5px}.skip-link{position:fixed;left:20px;top:-70px;background:var(--ink);color:white;padding:14px;z-index:100}.skip-link:focus{top:16px}.site-header{min-height:105px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.wordmark{font-size:38px;line-height:1;font-weight:700;letter-spacing:-2.6px}.wordmark span{color:var(--accent)}.byline{font-size:11px;line-height:1.4;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:31px;font-size:13px}.site-header nav a{padding-block:14px}.site-header nav a:hover{color:var(--accent)}.site-header nav .nav-contact{margin-left:20px;border-bottom:1px solid var(--ink);padding-block:8px;display:flex;gap:25px}.menu-toggle{display:none}.hero{padding-top:57px;padding-bottom:66px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.accent-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(58px,7.5vw,112px);font-weight:500;line-height:.99;letter-spacing:-6px;margin-top:26px}em{font-family:var(--serif);font-weight:400}h1 em{color:var(--accent);font-size:1.16em;letter-spacing:-4px}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:26px;gap:40px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:8px;transition:color .2s}.text-link:hover{color:var(--accent)}.hero-work{min-width:192px}.hero-work span{font-size:23px}.hero-description{max-width:376px}.hero-description p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:21px}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-top:1px solid var(--line);gap:24px}.section-heading h2{font-weight:500;font-size:17px;letter-spacing:-.3px}.count{font-size:12px;font-weight:400;color:var(--muted);padding-left:9px}.section-note{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.project-image{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:25px 28px 0;isolation:isolate}.monarca{background:#dcded2;align-items:center;padding:26px 52px 0}.image-label{width:100%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;font-weight:500;position:relative;z-index:2}.browser-frame{width:91%;margin-top:33px;border-radius:8px 8px 0 0;background:#f9f8f5;overflow:hidden;box-shadow:0 15px 55px #292b2525;transition:transform .6s}.browser-bar{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;color:#686963;font-size:9px;border-bottom:1px solid #ddd}.browser-dots{letter-spacing:2px;color:#b8b9b0;font-size:7px}.browser-frame img{width:100%;aspect-ratio:1.96;object-fit:cover;object-position:top}.project-image:hover .browser-frame{transform:translateY(-5px)}.project-visit{position:absolute;right:24px;bottom:22px;padding:11px 17px;background:var(--paper);color:var(--ink);border-radius:50px;font-size:11px;display:flex;gap:20px;box-shadow:0 3px 14px #0000000c;transition:background .2s,color .2s}.project-image:hover .project-visit{background:var(--ink);color:var(--paper)}.project-caption{display:flex;align-items:center;justify-content:space-between;padding:24px 0 42px;gap:22px}.project-category{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.project-caption h3{font-size:28px;font-weight:500;letter-spacing:-1px;margin-top:7px}.project-caption p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:8px}.round-link{flex-shrink:0;border:1px solid #bfbfb2;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:color .2s,background .2s}.round-link:hover{background:var(--ink);color:var(--paper)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-grid .project-image{aspect-ratio:1.4}.project-grid .project-image>img{width:100%;margin-top:auto;margin-bottom:auto;box-shadow:0 16px 24px #00000015;transition:transform .5s}.project-grid .project-image:hover>img{transform:translateY(-5px)}.todoagro{background:#e7ddd3}.revolution{background:#d9dfd0}.project-grid .project-image .image-label{margin-bottom:24px}.project-grid .project-visit{right:18px;bottom:18px}.project-grid .project-caption h3{font-size:25px}.work-section{padding-bottom:54px}.about-section{background:#ebe9df;border-block:1px solid var(--line);padding-block:88px}.about-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}.about-label{display:flex;flex-direction:column;align-items:flex-start}.personal-mark{font-size:160px;letter-spacing:-17px;line-height:1;font-weight:500;position:relative;margin-top:29px;color:var(--accent)}.personal-mark>span{display:inline-block;font-size:85px;letter-spacing:-5px;vertical-align:top;margin-top:9px;margin-left:4px}.signature{font-size:15px;display:block;margin-top:24px}.signature small{font-size:8px;display:block;color:var(--muted);letter-spacing:1px;margin-top:9px}.about-copy h2,.services h2{font-size:clamp(37px,4.3vw,61px);line-height:1.07;letter-spacing:-2px;font-weight:500}.about-copy h2 em,.services h2 em{font-size:1.15em;color:var(--accent)}.about-copy p{max-width:550px;font-size:15px;line-height:1.8;color:var(--muted);margin-top:19px}.about-copy .about-lead{font-size:19px;line-height:1.65;color:var(--ink);margin-top:27px}.about-copy .text-link{margin-top:27px}.services{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding-block:101px 75px}.services h2{margin-top:23px}.services-intro p{font-size:14px;line-height:1.8;max-width:280px;color:var(--muted);margin-top:24px}.services-intro .text-link{margin-top:24px;font-size:12px;gap:15px}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;align-items:center;gap:22px;list-style:none;padding:28px 0;font-size:21px;letter-spacing:-.5px}summary::-webkit-details-marker{display:none}.service-number{font-size:10px;letter-spacing:0;color:var(--muted)}.plus{font-size:28px;font-weight:400;margin-left:auto;color:var(--accent);transition:transform .2s}details[open] .plus{transform:rotate(45deg)}.service-body{padding:0 27px 29px 36px}.service-body p{font-size:14px;color:var(--muted);line-height:1.8;max-width:390px}.service-tags{display:block;font-size:10px;margin-top:19px;color:var(--accent);line-height:1.8}.process{border-top:1px solid var(--line);padding-block:38px 90px}.process-heading{display:flex;align-items:center;gap:40px;justify-content:space-between}.process h2{font-size:24px;font-weight:500;letter-spacing:-.7px}.process ol{padding:0;margin:38px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.process li{border-left:1px solid var(--line);padding-left:22px}.process li>span{font-size:9px;letter-spacing:.9px;color:var(--accent)}.process li p{font-size:13px;line-height:1.8;margin-top:14px;max-width:290px;color:var(--muted)}.contact{background:var(--ink);color:var(--paper);padding-block:58px 65px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top .eyebrow{font-size:10px;color:#cbcbbf}.contact-star{font-size:51px;line-height:1;color:#e6a18a}.contact h2{font-size:clamp(65px,7.7vw,113px);font-weight:400;line-height:1;letter-spacing:-4px;margin-top:32px}.contact h2 em{color:#e6a18a;font-size:1.2em}.contact-bottom{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-top:40px}.contact-bottom p{font-size:14px;line-height:1.8;color:#c5c5b9}.contact-links{display:flex;flex-direction:column;align-items:center;gap:18px}.contact-button{display:flex;justify-content:space-between;align-items:center;gap:44px;background:var(--paper);color:var(--ink);padding:20px 26px;border-radius:3px;font-size:14px;transition:background .2s}.contact-button:hover{background:#e6a18a}.contact-button span{font-size:22px}.instagram-link{font-size:11px;display:flex;gap:17px;color:#d1d1c6}.instagram-link:hover{color:#e6a18a}footer{padding-block:31px;display:flex;gap:25px;align-items:center}footer .wordmark{font-size:30px}footer>span,footer>a:not(.wordmark){font-size:10px;color:var(--muted)}footer>a:not(.wordmark){margin-left:auto;display:flex;gap:19px}footer .copyright{padding-left:28px}
@media(min-width:1500px){.hero{padding-top:72px}.hero-bottom{margin-top:35px}.monarca{padding-inline:75px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.byline{display:none}.site-header nav{gap:25px}.site-header nav .nav-contact{margin-left:0}h1{font-size:8.3vw;letter-spacing:-4px}.hero-description{max-width:340px}.about-grid{gap:48px;grid-template-columns:1fr 1.6fr}.services{gap:45px;grid-template-columns:1fr 1.5fr}summary{font-size:18px}.project-grid .project-image{aspect-ratio:1.15;padding-inline:20px}.project-caption h3{font-size:24px}.project-grid .project-caption h3{font-size:22px}.project-caption p{font-size:12px}.process-heading{align-items:flex-start}.contact h2{font-size:9vw}.monarca{padding-inline:32px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.site-header{min-height:80px;position:relative;flex-wrap:wrap;gap:0}.wordmark{font-size:34px}.menu-toggle{display:flex;margin-left:auto;gap:14px;align-items:center;border:0;background:none;padding:14px 0 14px 14px;font-size:13px;color:var(--ink)}.menu-toggle span{font-size:24px}.site-header nav{display:none;flex-basis:100%;padding:14px 0 23px;flex-direction:column;align-items:flex-start;gap:2px}.site-header nav.is-open{display:flex}.site-header nav a{width:100%;padding:12px 0}.site-header nav .nav-contact{justify-content:space-between;margin-top:7px;width:100%}.hero{padding-top:35px;padding-bottom:39px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:clamp(40px,8.7vw,59px);letter-spacing:-2px;line-height:1.06;margin-top:26px}h1 em{letter-spacing:-1.5px}.hero-bottom{margin-top:26px;display:flex;flex-direction:column-reverse;align-items:stretch;gap:32px}.hero-description{max-width:100%}.hero-description p{font-size:14px;line-height:1.7;margin-bottom:17px;max-width:380px}.hero-work{align-self:flex-start;font-size:11px;min-width:150px}.hero-work span{font-size:19px}.text-link{font-size:12px}.section-heading{padding:20px 0}.section-heading h2{font-size:15px}.section-note{display:none}.monarca{padding:17px 14px 0}.image-label{font-size:8px;letter-spacing:.7px}.browser-frame{width:96%;margin-top:22px}.browser-bar{font-size:7px;padding:7px 8px}.browser-dots{font-size:5px}.browser-frame img{aspect-ratio:1.6}.project-visit{right:12px;bottom:12px;font-size:9px;padding:9px 12px;gap:14px}.project-caption{padding:20px 0 33px;align-items:flex-start}.project-caption h3{font-size:24px}.project-category{font-size:8px;letter-spacing:1px}.project-caption p{font-size:12px;max-width:290px}.round-link{width:35px;height:35px;font-size:19px;margin-top:17px}.project-grid{grid-template-columns:1fr;gap:0}.project-grid .project-image{aspect-ratio:1.4;padding:19px 20px 0}.project-grid .project-caption h3{font-size:24px}.work-section{padding-bottom:22px}.about-section{padding-block:42px 48px}.about-grid{grid-template-columns:1fr;gap:32px}.about-label{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:19px}.about-label .eyebrow{grid-column:1/-1}.personal-mark{font-size:76px;letter-spacing:-9px;margin:0}.personal-mark>span{font-size:39px;letter-spacing:-3px;margin:7px 0 0 3px}.signature{margin:0;font-size:14px}.signature small{font-size:7px;letter-spacing:.5px;line-height:1.6}.about-copy h2,.services h2{font-size:38px;letter-spacing:-1.5px}.about-copy .about-lead{font-size:17px;margin-top:22px}.about-copy p{font-size:14px;line-height:1.8}.services{grid-template-columns:1fr;gap:34px;padding-block:49px}.services h2{margin-top:18px}.services-intro p{max-width:330px;margin-top:19px}.services-intro .text-link{margin-top:18px}summary{font-size:19px;padding-block:24px;gap:17px}.service-body{padding-left:29px}.process{padding-block:29px 47px}.process-heading{flex-direction:column;gap:17px}.process h2{font-size:25px}.process ol{grid-template-columns:1fr;gap:25px;margin-top:27px}.process li p{max-width:340px;margin-top:8px}.contact{padding-block:36px 42px}.contact-top .eyebrow{font-size:8px;max-width:235px;letter-spacing:1px}.contact-star{font-size:37px}.contact h2{font-size:clamp(52px,12.8vw,85px);letter-spacing:-2px;margin-top:23px}.contact-bottom{flex-direction:column;align-items:flex-start;gap:27px;margin-top:26px}.contact-bottom p{font-size:13px}.contact-links{align-items:flex-start;gap:20px;width:100%}.contact-button{padding:18px 21px;font-size:13px;width:100%}.instagram-link{font-size:11px}footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:25px}footer .wordmark{font-size:31px}footer>span{grid-column:1;grid-row:2;font-size:9px}footer>a:not(.wordmark){grid-column:2;grid-row:1;justify-self:end;margin:0}footer .copyright{grid-column:2;grid-row:2;padding:0;text-align:right;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
