@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--ink:#171916;--paper:#f5f4ef;--lime:#d7ff63;--muted:#a3a69b;--line:#393c34;--font:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:15px;line-height:1.65}::selection{background:var(--lime);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.06;letter-spacing:-.05em;font-weight:600}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}p{line-height:1.7}.section-pad{padding-left:6%;padding-right:6%}.site-header{height:108px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--ink);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-size:25px;line-height:1;letter-spacing:-1.2px;font-weight:750}.brand-mark{width:39px;height:39px;fill:var(--lime)}.brand-bottom{display:block}.brand-dot{font-size:11px;display:inline-block;vertical-align:top;margin:2px 0 0 5px}.site-header nav{display:flex;gap:36px;align-items:center;font-size:13px}.site-header nav>a:not(.nav-contact){color:#c7cabf}.site-header nav a:hover{color:var(--lime)}.nav-contact{padding:12px 20px;border:1px solid #616558;border-radius:30px}.nav-contact span{margin-left:25px}.menu-toggle{display:none}.hero{padding-top:58px;padding-bottom:70px;overflow:hidden}.hero-eyebrow,.section-label,.tiny-label{font-size:10px;letter-spacing:1.8px;font-weight:600}.hero-eyebrow{display:flex;align-items:center;gap:10px;color:#d3d6c8}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #d7ff6310;flex-shrink:0}.hero h1{font-size:clamp(80px,10.9vw,172px);letter-spacing:-.065em;line-height:.96;margin-top:39px}.hero h1 em{color:var(--lime);letter-spacing:-.068em}.hero-second{display:flex;align-items:center;gap:7vw}.hero-star{width:7.7vw;max-width:115px;fill:var(--lime);transform:rotate(8deg)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin:42px 0 58px;gap:35px}.hero-bottom p{font-size:14px;color:#c1c5b7;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 25px;border-radius:40px;border:0;line-height:1.4;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:22px;font-weight:400;line-height:1}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e4ff98}.hero-note{font-size:9px;letter-spacing:1px;color:#a3a998;line-height:1.7;text-align:right}.hero-showcase{border:1px solid #43493a;border-radius:12px;overflow:hidden;background:#353c2e;box-shadow:0 20px 50px #0002;transform:rotate(-1deg);margin:0 2%}.showcase-caption{display:flex;justify-content:space-between;padding:13px 21px;font-size:9px;letter-spacing:1.5px}.showcase-caption a{letter-spacing:.2px;font-size:11px}.browser-chrome{display:flex;justify-content:space-between;align-items:center;background:#e7e9df;color:#626856;padding:10px 18px;font-size:9px}.browser-dots{letter-spacing:4px;color:#afb6a2}.coffee-preview{position:relative;color:#eff1e6;background:#35432d;padding:32px 5% 50px;min-height:490px;overflow:hidden}.coffee-nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.coffee-brand{font-size:24px;font-weight:750;letter-spacing:-1.6px;line-height:.88}.coffee-brand span{font-size:10px;vertical-align:top;margin-left:4px}.coffee-nav>span:nth-child(2){font-size:7px;letter-spacing:1.5px}.coffee-pill{font-size:8px;border:1px solid #ffffff70;border-radius:30px;padding:10px 16px}.coffee-copy{width:51%;position:relative;z-index:2;margin-top:73px}.tiny-label{font-size:7px;letter-spacing:1.1px}.coffee-copy h2{font-size:clamp(40px,5.7vw,88px);line-height:1;margin:15px 0 28px;letter-spacing:-.055em}.coffee-copy h2 em{color:#e0e9bd}.coffee-copy a{display:inline-flex;gap:30px;border-bottom:1px solid #c0cbaa;font-size:10px;padding-bottom:8px}.coffee-photo{position:absolute;top:108px;right:5%;width:42%;height:330px}.coffee-photo img{width:100%;height:100%;object-fit:cover;border-radius:150px 150px 4px 4px}.coffee-stamp{position:absolute;bottom:14px;right:-20px;background:#dde8ba;color:#35432d;width:96px;height:96px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:50%;font-size:8px;line-height:1.7;transform:rotate(10deg);font-weight:700}.concept-label{position:absolute;bottom:13px;right:20px;font-size:7px;letter-spacing:1px;opacity:.6}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:22px 0;background:#1d201a}.ticker div{white-space:nowrap;animation:marquee 45s linear infinite;width:max-content;font-size:12px;font-weight:600;letter-spacing:1.5px}.ticker span{color:var(--lime);font-size:21px;vertical-align:middle;padding:0 42px}@keyframes marquee{to{transform:translateX(-50%)}}.section-label{display:flex;justify-content:space-between;gap:20px;line-height:1.6}.intro{background:var(--paper);color:var(--ink);padding-top:76px;padding-bottom:95px}.intro .section-label{color:#686e60}.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;margin-top:68px}.intro h2{font-size:clamp(35px,4.4vw,66px);line-height:1.15;letter-spacing:-.05em}.intro h2 em{color:#626957}.intro-description{max-width:330px;padding-top:5px}.intro-description p{font-size:14px;color:#666c5f;margin-top:19px}.intro-description p:first-of-type{font-size:19px;color:var(--ink);line-height:1.55}.mini-mark{font-size:57px;font-weight:800;line-height:1;letter-spacing:-8px}.mini-mark span{font-size:43px;color:#9bb34b;vertical-align:top}.text-link{font-size:12px;font-weight:700;display:inline-flex;justify-content:space-between;width:100%;padding:16px 0;border-bottom:1px solid #b6bcaa;margin-top:20px}.text-link span{font-size:20px}.work{padding-top:80px;padding-bottom:86px}.work .section-label{color:#a4ac95}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:50px 0 45px;gap:20px}.section-title h2,.services h2,.approach h2,.faq h2{font-size:clamp(38px,4.7vw,72px);line-height:1.1}.section-title h2 em{color:#a8af9b}.section-title p{font-size:12px;color:#a8af9b}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.project-home{grid-column:1 / -1}.project-art{height:350px;border-radius:3px;position:relative;overflow:hidden;padding:42px;transition:background .3s}.project-coffee .project-art{background:#bac8a6}.project-salon .project-art{background:#bea896}.project-home .project-art{background:#b8c4d2;height:410px;padding:40px 12%}.mini-window{background:#33402d;color:#eff0e6;box-shadow:0 16px 35px #0002;height:100%;padding:18px 22px;transform:rotate(-4deg);transition:transform .4s}.mini-nav{display:flex;justify-content:space-between;font-size:8px}.mini-nav b{font-size:12px;letter-spacing:-.5px}.mini-nav span{font-size:6px;letter-spacing:.5px}.mini-coffee{display:flex;gap:5px;justify-content:space-between;align-items:center;margin-top:25px}.mini-coffee h3{font-size:32px}.mini-coffee img{width:40%;height:140px;object-fit:cover;border-radius:80px 80px 0 0}.mini-bottom{font-size:7px;display:block;margin-top:15px;letter-spacing:1px}.project-arrow{position:absolute;bottom:17px;right:17px;width:35px;height:35px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:22px;transition:transform .25s}.project:hover .project-arrow{transform:rotate(45deg);background:var(--lime);color:var(--ink)}.project:hover .mini-window,.project:hover .salon-art{transform:rotate(0deg) scale(1.025)}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:17px;gap:10px}.project-meta h3{font-size:17px;letter-spacing:-.5px}.project-meta>span{color:#a8af9b;font-size:10px}.salon-art{height:100%;background:#f5f0e7;color:#584d42;position:relative;transform:rotate(3deg);box-shadow:0 16px 35px #0002;overflow:hidden;transition:transform .4s}.salon-logo{position:absolute;top:12px;left:20px;font-family:Georgia,serif;font-size:28px;z-index:2}.salon-art img{height:100%;width:50%;object-fit:cover;margin-left:auto}.salon-art h3{position:absolute;top:103px;left:20px;font-size:34px}.salon-art h3 em{color:#887668}.salon-tag{position:absolute;bottom:18px;left:20px;font-size:6px;letter-spacing:1px}.atlas-art{height:100%;background:#eff2f3;color:#193449;padding:22px 35px;position:relative;overflow:hidden;box-shadow:0 16px 35px #0002}.atlas-nav{display:flex;justify-content:space-between;font-size:9px;position:relative;z-index:2}.atlas-nav b{font-size:17px;letter-spacing:-.5px}.atlas-nav b span{font-size:9px;letter-spacing:1px}.atlas-nav>span{font-size:7px}.atlas-art h3{position:relative;z-index:2;font-size:55px;margin-top:57px}.atlas-art h3 em{color:#657d8d}.atlas-art img{position:absolute;right:0;bottom:0;width:48%;height:75%;object-fit:cover;border-radius:130px 0 0 0}.atlas-tag{position:absolute;bottom:26px;font-size:7px;letter-spacing:1px}.concept-disclosure{font-size:10px;color:#989f8b;margin-top:34px;max-width:700px}.services{padding-top:76px;padding-bottom:90px;background:#21251c}.services .section-label{color:#a4ac95}.services-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:9%;margin-top:65px}.services-heading h2 em{color:var(--lime)}.services-heading p{font-size:13px;color:#a4ac95;margin:25px 0 35px}.service-list details{border-top:1px solid #49513d}.service-list details:last-child{border-bottom:1px solid #49513d}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-list summary{display:flex;align-items:center;gap:20px;padding:25px 0}.service-number{font-size:10px;color:#909b80}.service-list h3{font-size:20px;letter-spacing:-.7px;flex:1;line-height:1.3}.expand-icon{width:17px;height:17px;position:relative}.expand-icon:before,.expand-icon:after{content:'';position:absolute;background:var(--lime);top:8px;width:15px;height:1px}.expand-icon:after{transform:rotate(90deg);transition:transform .2s}details[open] .expand-icon:after{transform:rotate(0deg)}.service-body{padding:0 0 27px 35px}.service-body p{font-size:13px;color:#b2baa5;max-width:420px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:21px}.tags span{font-size:8px;padding:6px 10px;border:1px solid #4f5843;border-radius:20px;color:#c3ccb4}.approach{background:var(--paper);color:var(--ink);padding-top:80px;padding-bottom:90px}.approach .section-label{color:#717765}.approach h2{margin-top:50px}.approach h2 em{color:#707761}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.process-number{font-size:11px;display:flex;justify-content:space-between;border-top:1px solid #c4c8bb;padding-top:17px;margin-bottom:30px}.process-number span{font-size:22px}.process-grid h3{font-size:22px;margin-bottom:17px;letter-spacing:-.8px}.process-grid p{font-size:12px;color:#6a715e}.faq{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:80px;padding-bottom:85px}.faq-heading .section-label{color:#a4ac95}.faq h2{font-size:42px;margin-top:27px}.faq h2 em{color:#a8af9b}.faq-list details{border-bottom:1px solid #414836}.faq-list details:first-child{border-top:1px solid #414836}.faq-list summary{display:flex;justify-content:space-between;padding:21px 0;font-size:13px;gap:20px}.faq-list summary span{color:var(--lime);font-size:18px;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{padding:0 20px 22px 0;font-size:12px;color:#a8af9b}.contact{background:var(--lime);color:var(--ink);padding-top:68px;padding-bottom:70px}.contact .section-label{color:#536527}.contact .status-dot{background:#465c20;box-shadow:none;margin-right:7px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;margin-top:58px}.contact h2{font-size:clamp(55px,6.6vw,100px);position:relative;line-height:1}.contact h2 em{color:#475728}.contact-arrow{position:absolute;right:-13px;top:0;font-size:80px;font-weight:400}.contact p{font-size:13px;margin-top:25px}.email-link{display:inline-block;font-size:15px;margin-top:28px;border-bottom:1px solid #6f8d30;padding-bottom:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}form label{display:block;font-size:10px;font-weight:700;margin-bottom:22px}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #839d4c;background:transparent;border-radius:0;padding:10px 0;color:var(--ink);outline:none;font-size:13px;resize:vertical}input::placeholder,textarea::placeholder{color:#61733d;opacity:1}input:focus,textarea:focus{border-color:var(--ink);box-shadow:0 1px 0 var(--ink)}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact .form-note{font-size:9px;margin:0 0 23px;line-height:1.5}.form-note a{text-decoration:underline}.button-dark{background:var(--ink);color:var(--lime);width:100%;padding:18px 23px}.button-dark:disabled{opacity:.65;cursor:wait;transform:none}.contact #form-status{font-size:12px;margin-top:13px;min-height:20px;font-weight:600}.contact a:focus-visible,.contact button:focus-visible{outline-color:var(--ink)}footer{padding-top:45px;padding-bottom:25px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px}.footer-top p{font-size:11px;color:#a4ac95}.back-top{font-size:9px;letter-spacing:1px}.back-top span{font-size:24px;margin-left:20px}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#919a85}.footer-bottom>span:nth-child(2){letter-spacing:1px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--lime);color:var(--ink);z-index:100}.skip-link:focus{top:20px}.legal{max-width:850px;margin:80px auto;padding:0 25px 70px}.legal h1{font-size:60px;margin-bottom:40px}.legal h2{font-size:25px;margin:30px 0 15px}.legal p{color:#bdc5ae;margin-bottom:15px}.legal a{text-decoration:underline;color:var(--lime)}
@media(min-width:1600px){.section-pad,.site-header{padding-left:max(6%,calc((100% - 1400px)/2));padding-right:max(6%,calc((100% - 1400px)/2))}}
@media(max-width:1000px){.site-header nav{gap:20px}.hero-bottom{gap:25px}.hero-note{display:none}.project-art{padding:28px;height:300px}.mini-coffee h3{font-size:25px}.mini-coffee img{height:125px}.salon-art h3{font-size:28px;left:16px}.atlas-art h3{font-size:45px}.services-grid{gap:6%}.service-list h3{font-size:17px}.contact-arrow{font-size:60px;right:-5px}.contact-grid{gap:7%}.intro-grid{gap:8%}}
@media(max-width:700px){html{scroll-padding-top:80px}.section-pad{padding-left:6%;padding-right:6%}.site-header{height:85px}.brand{font-size:21px;gap:10px}.brand-mark{width:32px;height:32px}.site-header nav{display:none;position:absolute;left:0;right:0;top:84px;background:var(--ink);padding:25px 6% 35px;border-bottom:1px solid var(--line);align-items:stretch}.site-header nav.is-open{display:flex;flex-direction:column;gap:22px}.nav-contact{display:flex;justify-content:space-between}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;width:42px;height:42px;padding:8px}.menu-toggle span{width:25px;height:1px;background:var(--paper);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{padding-top:37px;padding-bottom:45px}.hero-eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:clamp(63px,13vw,96px);margin-top:32px}.hero-second{gap:4vw}.hero-star{width:9vw}.hero-bottom{flex-direction:column;align-items:flex-start;gap:25px;margin:28px 0 36px}.hero-bottom p{font-size:12px}.hero-bottom .button{font-size:12px;padding:15px 21px}.hero-showcase{margin:0;border-radius:7px;transform:rotate(-1deg)}.showcase-caption{padding:10px;font-size:6px;letter-spacing:.7px}.showcase-caption a{font-size:7px}.browser-chrome{font-size:7px;padding:8px 11px}.coffee-preview{padding:20px 5% 33px;min-height:285px}.coffee-brand{font-size:17px}.coffee-nav>span:nth-child(2){display:none}.coffee-pill{font-size:6px;padding:7px 10px}.coffee-copy{margin-top:40px;width:58%}.coffee-copy h2{font-size:clamp(28px,7.3vw,45px);margin:10px 0 20px}.tiny-label{font-size:5px;letter-spacing:.5px}.coffee-copy a{font-size:7px;gap:9px;padding-bottom:5px}.coffee-photo{top:77px;height:175px;width:39%;right:5%}.coffee-stamp{width:58px;height:58px;font-size:5px;right:-9px;bottom:-8px}.concept-label{font-size:5px;right:10px;bottom:8px}.ticker{padding:13px 0}.ticker div{font-size:9px}.ticker span{padding:0 23px;font-size:17px}.section-label{font-size:8px;letter-spacing:1px}.section-label>span:nth-child(2){text-align:right;max-width:150px}.intro{padding-top:42px;padding-bottom:55px}.intro-grid{grid-template-columns:1fr;gap:30px;margin-top:38px}.intro h2{font-size:38px}.intro-description{max-width:100%;display:grid;grid-template-columns:45px 1fr;gap:0 20px}.mini-mark{font-size:45px;grid-row:1 / 4;margin-top:20px}.mini-mark span{font-size:28px}.intro-description p:first-of-type{font-size:16px}.intro-description p{font-size:12px}.intro-description .text-link{grid-column:2}.work{padding-top:44px;padding-bottom:50px}.section-title{display:block;margin:32px 0}.section-title h2,.services h2,.approach h2{font-size:39px}.section-title p{font-size:11px;margin-top:20px}.work-grid{grid-template-columns:1fr;gap:32px}.project-home{grid-column:auto}.project-art{height:315px;padding:34px}.mini-coffee h3{font-size:32px}.mini-coffee img{height:145px}.salon-art h3{font-size:35px}.project-home .project-art{height:310px;padding:34px}.atlas-art{padding:20px}.atlas-nav b{font-size:15px}.atlas-nav>span{display:none}.atlas-art h3{font-size:35px;margin-top:50px}.atlas-art img{width:48%;height:67%}.atlas-tag{font-size:5px;bottom:20px}.project-meta h3{font-size:16px}.project-meta>span{font-size:9px}.concept-disclosure{font-size:9px;margin-top:26px}.services{padding-top:45px;padding-bottom:50px}.services-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.services-heading p{font-size:12px;margin:20px 0 25px}.service-list summary{padding:20px 0;gap:16px}.service-list h3{font-size:17px}.service-body{padding-left:30px}.service-body p{font-size:12px}.approach{padding-top:45px;padding-bottom:50px}.approach h2{margin-top:34px}.process-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.process-number{margin-bottom:17px}.process-grid h3{font-size:21px;margin-bottom:12px}.process-grid p{font-size:12px;max-width:350px}.faq{grid-template-columns:1fr;gap:30px;padding-top:47px;padding-bottom:50px}.faq h2{font-size:36px;margin-top:20px}.faq-list summary{font-size:12px}.contact{padding-top:42px;padding-bottom:38px}.contact-grid{grid-template-columns:1fr;gap:38px;margin-top:35px}.contact h2{font-size:57px;max-width:350px}.contact-arrow{font-size:60px;right:3px}.contact p{font-size:12px;margin-top:20px}.email-link{font-size:13px;margin-top:22px}.form-row{gap:18px}.contact form label{font-size:9px;margin-bottom:20px}.contact input,.contact textarea{font-size:12px}footer{padding-top:33px;padding-bottom:22px}.footer-top{flex-wrap:wrap;gap:23px;padding-bottom:26px}.footer-top p{font-size:9px}.back-top{width:100%;font-size:8px;text-align:right}.back-top span{font-size:18px}.footer-bottom{font-size:8px;gap:15px}.footer-bottom>span:nth-child(2){display:none}.legal{margin-top:45px}.legal h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}*,*:before,*:after{transition:none!important}}

/* Reusable studio credit */
.footer-credit{letter-spacing:0!important}.footer-credit a{color:var(--paper);border-bottom:1px solid #59604e}.footer-credit a:hover{color:var(--lime)}@media(max-width:700px){.footer-bottom{flex-wrap:wrap}.footer-bottom>.footer-credit{display:block!important;order:3;width:100%;text-align:center;padding-top:8px}}

/* Distinct concept directions, shown as real site previews. */
.project-art{padding:22px!important}.project-art .portfolio-shot{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:2px;box-shadow:0 15px 30px #0002;transition:transform .3s}.project:hover .portfolio-shot{transform:scale(1.025)}.project-coffee .project-art{background:#c7bca8}.project-salon .project-art{background:#ab8065}.project-home .project-art{background:#7e9ba7;height:430px}.project-home .portfolio-shot{object-position:center 37%}.concept-disclosure a{color:var(--paper);border-bottom:1px solid #59604e;margin-left:7px}@media(max-width:700px){.project-art{padding:16px!important}.project-home .project-art{height:315px}.project-home .portfolio-shot{object-position:top}}