:root{--sage:#5F8575;--ink:#141b17;--paper:#f4f3ec;--muted:#a5ada8;--line:#ffffff23;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:132px}body{margin:0;font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b8d4c6;outline-offset:5px}::selection{background:#5F8575;color:white}img{max-width:100%;height:auto;display:block}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.06em}h1{line-height:1.01}h2{line-height:1.1;font-size:clamp(36px,4.5vw,66px)}h3{font-size:25px;letter-spacing:-.035em}.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}.eyebrow{font:11px/1.5 'Courier New',monospace;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.arrow{display:inline-block;font-size:1.25em;line-height:1;transition:transform .2s}.link-arrow:hover .arrow{transform:translate(3px,-3px)}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:53px;padding:15px 22px;background:var(--sage);border:1px solid var(--sage);color:#07110b;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}.btn:hover{background:#86aa96;transform:translateY(-2px)}.btn.ghost{background:transparent;border-color:currentColor}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:14px;border-bottom:1px solid currentColor;padding:10px 0}.actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand-symbol{width:42px;height:34px;overflow:hidden;position:relative;display:block}.brand-symbol img{width:46px;max-width:none;position:absolute;left:-2px;top:-1px}.brand-type{display:flex;flex-direction:column;gap:3px}.brand-type strong{font-size:21px;letter-spacing:.12em;font-weight:600;line-height:1}.brand-type small{font-size:8px;letter-spacing:.43em}.site-nav{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:25px}.nav-links{display:flex;gap:32px;align-items:center;font-size:13px}.nav-links>a:not(.nav-cta){padding:10px 0;position:relative}.nav-links>a:not(.nav-cta):after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--sage);transition:width .2s}.nav-links>a:hover:after{width:100%}.nav-cta{border:1px solid currentColor;padding:12px 16px;display:flex;align-items:center;gap:24px}.mobile-menu{display:none;background:transparent;color:inherit;border:1px solid currentColor;padding:9px 12px;font-size:13px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-head h2{margin-bottom:0}.section-head>p{max-width:330px;margin-bottom:0;font-size:14px}.section-number{display:flex;gap:14px;align-items:center;margin-bottom:26px}.section-number:before{content:'';width:26px;height:1px;background:currentColor}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-card{display:block;min-width:0}.work-visual{aspect-ratio:1.25;overflow:hidden;display:grid;place-items:center;position:relative;background:#d0d7cc;padding:36px;transition:background .3s}.work-card:hover .mock-page{transform:translateY(-7px) rotate(0deg)}.work-meta{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:19px 0;border-bottom:1px solid var(--line)}.work-meta h3{font-size:20px;margin:0 0 6px}.work-meta p{font-size:11px;margin:0;color:var(--muted)}.sample-tag{position:absolute;top:14px;left:15px;font:9px 'Courier New',monospace;letter-spacing:.1em;text-transform:uppercase;color:#f7f7f3;background:#17231ddd;padding:6px 8px;z-index:2}.portfolio-note{font-size:11px;color:var(--muted);margin:24px 0 0;line-height:1.6}.mock-page{width:100%;aspect-ratio:1.24;box-shadow:0 20px 34px #13201920;transform:rotate(-3deg);transition:transform .4s;background:#f7f3e9;color:#203026;overflow:hidden;container-type:inline-size;position:relative;text-align:left;user-select:none}.mock-nav{padding:5% 6%;display:flex;justify-content:space-between;align-items:center;font-size:3cqw;letter-spacing:.07em;border-bottom:1px solid #0001}.mock-nav b{font-size:4cqw}.mock-nav span{font-size:2cqw;letter-spacing:0}.mock-hero{padding:6%;font-size:8.5cqw;line-height:1.05;letter-spacing:-.06em;position:relative}.mock-line{display:block;width:25%;height:1px;background:currentColor;margin:5% 0 3%}.mock-tiny{font-size:2.5cqw;line-height:1.6;letter-spacing:0;max-width:65%;margin-top:3%}.mock-landscape{position:absolute;right:0;bottom:0;height:41%;width:62%;background:#557163;clip-path:polygon(0 100%,28% 16%,54% 58%,75% 0,100% 32%,100% 100%)}.mock-landscape:after{content:'';position:absolute;inset:25% 0 0;background:#314f42;clip-path:polygon(0 100%,42% 16%,65% 76%,86% 40%,100% 90%,100% 100%)}.mock-north{background:#ece9df}.mock-morrow{background:#ece4d7;color:#5f3024;transform:rotate(3deg)}.mock-morrow .mock-hero{font-family:Georgia,serif;font-style:italic;z-index:1}.mock-morrow .mock-arch{width:39%;height:66%;border-radius:60% 60% 0 0;background:#965541;position:absolute;right:7%;bottom:0}.mock-morrow .mock-arch:before{content:'';position:absolute;inset:12% 16% 0;background:#c68f69;border-radius:60% 60% 0 0}.mock-morrow .mock-hero{max-width:80%}.mock-morrow .mock-tiny{max-width:47%}.mock-forma{background:#111b1a;color:#d0d6bd;transform:rotate(-2deg)}.mock-forma .mock-hero{font-size:9cqw;font-weight:700;text-transform:uppercase}.mock-forma .mock-orbit{width:65%;aspect-ratio:1;border:1px solid #aeb89d;position:absolute;right:-13%;bottom:-25%;border-radius:50%}.mock-forma .mock-orbit:before,.mock-forma .mock-orbit:after{content:'';position:absolute;inset:12%;border:1px solid #aeb89d;border-radius:50%}.mock-forma .mock-orbit:after{inset:25%}.work-card:nth-child(2) .work-visual{background:#cdb7a3}.work-card:nth-child(3) .work-visual{background:#b5c2ac}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:60px 1fr 1fr 35px;gap:28px;padding:36px 0;border-bottom:1px solid var(--line);align-items:start}.service-row .service-id{font:12px 'Courier New',monospace;color:var(--muted);padding-top:5px}.service-row h3{margin-bottom:8px}.service-row .service-copy>p{font-size:14px;color:var(--muted);margin-bottom:17px;max-width:440px}.service-tags{display:flex;gap:8px;flex-wrap:wrap}.service-tags span{font-size:10px;border:1px solid var(--line);padding:6px 9px}.service-row>.arrow{padding-top:4px;color:var(--sage)}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.process-step{border-top:1px solid var(--line);padding-top:24px}.process-step span{display:block;margin-bottom:45px;color:var(--sage)}.process-step h3{font-size:24px;margin-bottom:14px}.process-step p{font-size:14px;color:var(--muted);max-width:300px;margin:0}.contact-copy{max-width:530px}.contact-copy p{font-size:15px;max-width:400px}.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:35px 0;font-size:11px;border-top:1px solid var(--line)}.footer-links{display:flex;gap:25px}.skip-link{position:fixed;left:16px;top:-100px;background:#fff;color:#17231d;z-index:100;padding:12px}.skip-link:focus{top:70px}.footer-logo{width:85px}.dialog{border:1px solid #c1cfc5;border-radius:8px;width:min(780px,calc(100% - 30px));max-height:85dvh;padding:0;background:#f8f7f1;color:#1b2921;box-shadow:0 30px 100px #0005}.dialog::backdrop{background:#07110be0;backdrop-filter:blur(6px)}.dialog-inner{padding:35px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.dialog-top p{margin:0}.close-dialog{border:1px solid #b4c3b9;background:transparent;width:35px;height:35px;font-size:20px;line-height:1}.dialog h2{font-size:35px;letter-spacing:-.045em;margin-bottom:15px}.dialog-intro{font-size:13px;line-height:1.6;color:#5b6960;max-width:600px}.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.brief-form label{font-size:12px;display:block}.brief-form input,.brief-form textarea,.brief-form select{margin-top:8px;background:white;color:#1c2a22;border:1px solid #a7b7ac;padding:12px;width:100%;border-radius:0;font-size:14px}.brief-form textarea{resize:vertical;min-height:110px}.form-wide{grid-column:1/-1}.checkboxes{display:flex;flex-wrap:wrap;gap:16px}.checkboxes label{display:flex;align-items:center;gap:8px}.checkboxes input{width:auto;margin:0;accent-color:var(--sage)}.brief-status{font-size:12px;color:#365c47;min-height:20px;margin:8px 0 0}.brief-note{font-size:11px;color:#64746a}.project-dialog .work-visual{aspect-ratio:1.7;margin:25px 0;padding:30px 100px}.project-dialog .mock-page{max-width:400px}.project-dialog .demo-meta{display:flex;gap:10px;font-size:11px;flex-wrap:wrap}.project-dialog .demo-meta span{padding:6px 10px;border:1px solid #b9c6bd}.project-dialog p{font-size:14px}.back-top{display:inline-flex;align-items:center;gap:7px}.reveal{animation:appear .75s both}.reveal-delay{animation-delay:.12s}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.wrap{max-width:1440px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.work-visual{padding:26px}.service-row{grid-template-columns:35px 1fr 1.2fr 25px;gap:20px}.nav-links{gap:22px}}
@media(max-width:760px){html{scroll-padding-top:110px}.wrap{width:calc(100% - 40px)}.site-nav{min-height:84px;position:relative}.brand-type strong{font-size:18px}.brand-symbol{width:35px;height:29px}.brand-symbol img{width:39px}.mobile-menu{display:block}.nav-links{display:none;position:absolute;top:74px;left:-1px;right:-1px;background:var(--menu-bg,#121b16);border:1px solid var(--line);padding:22px;z-index:30;flex-direction:column;align-items:stretch;gap:16px}.nav-links.open{display:flex}.nav-cta{justify-content:space-between}.section-head{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:30px}.section-head>p{max-width:100%}.work-grid{grid-template-columns:1fr;gap:34px}.work-visual{aspect-ratio:1.4;padding:45px}.mock-page{max-width:400px}.work-meta h3{font-size:22px}.service-row{grid-template-columns:25px 1fr 25px;gap:15px;padding:28px 0}.service-row>.service-copy{grid-column:2/3}.service-row>.arrow{grid-column:3;grid-row:1}.service-row h3{font-size:25px}.service-tags span{font-size:10px}.process-grid{grid-template-columns:1fr;gap:26px}.process-step span{margin-bottom:20px}.process-step p{max-width:100%}.footer-row{flex-wrap:wrap;gap:22px}.footer-row>.brand{flex:1 0 100%}.footer-links{gap:18px}.dialog-inner{padding:24px}.brief-form{grid-template-columns:1fr}.form-wide{grid-column:auto}.project-dialog .work-visual{padding:25px;aspect-ratio:1.2}.actions{gap:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}