@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--bg:#f6f5f2;--ink:#23251f;--muted:#63665d;--line:#d6d8cf;--accent:#4d613f;--wide:1320px;--gutter:clamp(22px,4.5vw,64px);--fg:var(--ink);--mut:var(--muted)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,'Helvetica Neue',sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img,svg{display:block;max-width:100%}img{height:auto}p,h1,h2,h3{margin:0}::selection{background:#d9e6bb;color:#23251f}.wrap{max-width:var(--wide);margin-inline:auto;padding-inline:var(--gutter)}
.skip-link{position:fixed;top:-80px;left:16px;padding:12px 20px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:12px}
.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1.2px;line-height:1;white-space:nowrap;min-height:44px}.brand:hover{text-decoration:none}.brand svg{margin-right:12px}.brand-period{color:var(--accent)}.site-header nav{display:flex;gap:34px}.site-header nav a,.header-contact{font-size:14px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;gap:22px}.header-contact{border-bottom:1px solid var(--ink)}.site-header nav a{color:#53574b}.site-header nav a:hover{color:var(--ink)}
.home-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;padding-top:80px;padding-bottom:88px;align-items:end}.studio-label{font-size:14px;font-weight:600;margin-bottom:26px}.hero-title h1{font-size:clamp(56px,6.7vw,94px);line-height:1.02;font-weight:600;letter-spacing:-5.6px}.hero-intro{padding-bottom:4px;max-width:355px;justify-self:end}.hero-intro>p:first-child{font-size:24px;line-height:1.45;font-weight:500;letter-spacing:-.6px}.hero-note{color:var(--muted);font-size:15px;line-height:1.8;margin-top:20px}.text-link{font-size:14px;display:inline-flex;gap:28px;align-items:center;min-height:44px;font-weight:600;border-bottom:1px solid currentColor}.hero-intro .text-link{margin-top:23px}.text-link:hover{text-decoration:none;color:var(--accent)}
.section-heading{padding-block:27px 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.section-heading h2{font-size:23px;font-weight:600;letter-spacing:-.7px;display:flex;align-items:center;gap:15px}.section-heading .count{font-size:12px;color:var(--muted);font-weight:500;align-self:flex-start;padding-top:4px;letter-spacing:0}.section-heading p{font-size:13px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 28px}.sand{--art:#ebe2d3;--art-ink:#3e382e}.slate{--art:#d9e1df;--art-ink:#263d39}.rose{--art:#f2dbdd;--art-ink:#663647}.mint{--art:#dee7d9;--art-ink:#364b36}.lilac{--art:#e2dded;--art-ink:#493c6e}.plum{--art:#e9dddf;--art-ink:#653c5e}
.project-art{height:510px;background:var(--art);color:var(--art-ink);display:block;position:relative;overflow:hidden;padding:30px 32px;border-radius:4px;isolation:isolate}.project-art:hover{text-decoration:none}.project-art:hover .art-heading>span:last-child{color:var(--ink)}.art-heading{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px;letter-spacing:-.4px}.art-heading>span:last-child{margin-left:auto;font-size:25px;font-weight:400}.app-icon{width:44px;height:44px;object-fit:cover;border-radius:10px;flex-shrink:0}.art-line{margin-top:25px;font-size:29px;letter-spacing:-1px;line-height:1.25;max-width:330px;font-weight:600;position:relative;z-index:1}.product-screen{position:absolute;width:244px;max-width:58%;height:auto;top:208px;left:50%;transform:translateX(-50%);border:5px solid var(--art-ink);border-radius:26px;background:var(--art);box-shadow:0 2px 8px #00000013}.project-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:20px}.project-caption h3{font-size:22px;line-height:1.4;letter-spacing:-.7px;font-weight:650}.project-caption h3 span{font-weight:400;font-size:18px;margin-left:7px}.project-caption p{color:var(--muted);font-size:12px;margin-top:3px}.platform{font-size:12px;color:var(--muted);text-align:right}.project-description{font-size:14px;color:var(--muted);line-height:1.75;max-width:48ch;margin-top:13px}.portfolio{padding-bottom:85px}
.web-work{padding-bottom:88px}.web-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.web-project{border-bottom:1px solid var(--line);padding:12px 0 28px;display:flex;gap:22px}.web-project:hover{text-decoration:none}.web-number{color:var(--muted);font-size:12px;padding-top:7px}.web-project h3{font-size:23px;font-weight:600;letter-spacing:-.7px}.web-project h3 span{font-weight:400;font-size:20px;margin-left:8px}.web-project p{font-size:14px;color:var(--muted);line-height:1.7;margin-top:9px;max-width:38ch}.web-url{display:inline-block;font-size:12px;margin-top:19px}.web-project:hover .web-url{text-decoration:underline;text-underline-offset:4px}
.studio-section{background:#292d25;color:#f6f5f2;padding-block:83px}.studio-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:60px}.studio-section .studio-label{color:#c8cdbf}.studio-section h2{font-size:clamp(42px,5vw,65px);font-weight:500;line-height:1.12;letter-spacing:-3px}.studio-copy{max-width:440px;padding-top:3px}.studio-copy p{font-size:17px;color:#d3d7cb;line-height:1.8}.studio-copy p+p{margin-top:19px}.studio-copy .text-link{margin-top:27px}.studio-copy .text-link:hover{color:#e0edc9}.contact-section{padding-block:68px;display:flex;justify-content:space-between;align-items:center;gap:32px}.contact-section h2{font-size:30px;font-weight:500;letter-spacing:-1px}.contact-section p{color:var(--muted);font-size:14px;margin-bottom:8px}.contact-section .text-link{font-size:16px}
.site-footer{border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:39px 33px}.footer-top .brand{font-size:23px}.footer-top p,.footer-top>a:last-child{font-size:13px;color:var(--muted)}.footer-top>a:last-child{min-height:44px;display:flex;align-items:center;gap:14px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:18px 25px;font-size:11px;color:var(--muted);align-items:center}.footer-bottom nav{display:flex;gap:24px}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.back-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted);margin-block:20px 24px}.app-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;padding:28px 0 64px;align-items:center}.app-intro>.app-icon{width:64px;height:64px;border-radius:14px;margin-bottom:26px}.app-intro .studio-label{margin-bottom:12px;color:var(--muted)}.app-intro h1{font-size:clamp(52px,6vw,80px);line-height:1.12;letter-spacing:-4px;font-weight:600}.app-tagline{font-size:24px;line-height:1.4;letter-spacing:-.5px;margin-top:20px;max-width:23ch}.app-blurb{font-size:15px;color:var(--muted);margin-top:23px;max-width:53ch}.app-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center}.button{min-height:48px;padding:12px 16px;display:inline-flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:4px;font-size:13px;font-weight:600}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button:hover{background:#414638;color:white;text-decoration:none}.availability{font-size:14px;color:var(--muted)}.app-actions>.text-link{margin-left:4px}.app-visual{background:var(--art);height:620px;overflow:hidden;border-radius:4px;padding:40px 40px 0;display:flex;justify-content:center}.app-visual img{align-self:flex-start;width:270px;height:auto;border-radius:26px;border:5px solid var(--art-ink)}.app-features{padding-block:48px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.app-features h2,.app-support h2{font-size:29px;letter-spacing:-1px;font-weight:500}.app-features ul{list-style:none;padding:0;margin:0;display:grid;gap:0}.app-features li{padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}.app-features li:first-child{padding-top:0}.app-support{border-top:1px solid var(--line);padding-block:45px 65px;display:flex;justify-content:space-between;gap:32px}.app-support p{font-size:14px;color:var(--muted);margin-block:8px}.policy-links{display:flex;flex-direction:column;align-items:flex-start;min-width:240px;gap:2px}.policy-links a{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:32px;font-size:14px;width:100%}
/* The support page keeps its existing content and routes. */
.hero{padding-block:64px 48px}.hero h1{font-size:clamp(48px,7vw,76px);font-weight:600;letter-spacing:-3px;line-height:1.1;margin-bottom:25px}.hero p{max-width:62ch}.hero .eyebrow{color:var(--muted);font-size:14px;margin-bottom:18px}.hero a,.rise a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.rise{padding-block:36px;border-top:1px solid var(--line)}.rise h2{font-size:25px;margin-bottom:16px;font-weight:500;letter-spacing:-.6px}.note{max-width:70ch}.policies{display:grid;margin-bottom:24px}.policy{padding-block:17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.legal-links{display:flex;gap:24px}.legal-links a{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1450px){.hero-title h1{font-size:96px}.project-art{height:540px}.product-screen{width:265px}}
@media(max-width:1000px){.site-header{gap:24px;min-height:92px}.site-header nav{gap:22px}.brand{font-size:22px}.header-contact{display:none}.home-hero{gap:40px;padding-top:55px;padding-bottom:64px}.hero-title h1{font-size:clamp(54px,7.6vw,78px);letter-spacing:-4px}.hero-intro>p:first-child{font-size:20px}.hero-note{font-size:14px}.project-art{height:440px;padding:24px}.art-line{font-size:25px}.product-screen{top:188px;width:225px}.studio-grid{gap:40px}.footer-top p{display:none}.app-hero{gap:36px}.app-visual{height:560px;padding-inline:20px}}
@media(max-width:700px){.site-header{min-height:88px;gap:16px;flex-wrap:wrap;padding-top:17px;padding-bottom:13px}.brand{font-size:22px}.brand svg{width:23px;margin-right:8px}.site-header nav{gap:20px}.site-header nav a{font-size:12px;min-height:44px}.site-header nav a:nth-child(2){display:none}.home-hero{grid-template-columns:1fr;gap:28px;padding-top:38px;padding-bottom:45px}.studio-label{font-size:12px;margin-bottom:22px}.hero-title h1{font-size:clamp(52px,10.6vw,74px);letter-spacing:-3.7px}.hero-intro{justify-self:start;max-width:440px}.hero-intro>p:first-child{font-size:19px;letter-spacing:-.3px}.desktop-break{display:none}.hero-note{margin-top:12px;font-size:14px;max-width:40ch}.hero-intro .text-link{margin-top:15px}.section-heading{align-items:flex-start;padding-block:22px;gap:16px}.section-heading h2{font-size:21px;white-space:nowrap}.section-heading>p{max-width:150px;text-align:right;font-size:11px;line-height:1.7}.project-grid{grid-template-columns:1fr;gap:36px}.project-art{height:450px;padding:26px}.art-line{font-size:28px;max-width:300px;margin-top:24px}.product-screen{top:193px;width:235px;max-width:66%}.project-caption{padding-top:15px}.project-caption h3{font-size:21px}.project-description{margin-top:10px;font-size:14px}.portfolio{padding-bottom:48px}.web-work{padding-bottom:48px}.web-grid{grid-template-columns:1fr;gap:12px}.web-work .section-heading>p{max-width:130px}.web-project{padding:13px 0 25px}.web-project h3{font-size:22px}.studio-section{padding-block:48px}.studio-grid{grid-template-columns:1fr;gap:28px}.studio-section h2{font-size:49px;letter-spacing:-2.6px}.studio-copy p{font-size:15px;max-width:45ch}.studio-copy .text-link{margin-top:20px}.contact-section{padding-block:42px;display:block}.contact-section h2{font-size:28px;margin-bottom:18px}.contact-section .text-link{font-size:14px;gap:20px}.footer-top{padding-block:25px 16px;align-items:flex-start;gap:10px;flex-direction:column}.footer-top>a:last-child{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:4px 24px;padding-bottom:16px}.footer-bottom nav{gap:18px}.footer-bottom>a:last-child{margin-left:auto}.app-hero{grid-template-columns:1fr;gap:32px;padding-top:12px;padding-bottom:38px}.app-intro h1{font-size:60px;letter-spacing:-3px}.app-intro>.app-icon{width:54px;height:54px}.app-tagline{font-size:23px}.app-blurb{font-size:14px}.app-visual{height:500px;padding-top:32px}.app-visual img{width:248px}.app-features{grid-template-columns:1fr;gap:25px;padding-block:32px}.app-support{display:block;padding-block:32px}.policy-links{margin-top:22px}.app-features h2,.app-support h2{font-size:27px}.hero{padding-top:38px}.hero p,.rise p{font-size:15px}.rise{padding-block:28px}.policy strong{align-self:center}.back-link{margin-block:8px 15px}}
@media(max-width:370px){.site-header{gap:10px}.site-header nav{gap:14px}.brand{font-size:20px}.brand svg{width:21px}.section-heading>p{max-width:120px}.section-heading h2{font-size:19px}.project-art{height:422px;padding:23px}.art-line{font-size:25px}.product-screen{top:190px;width:215px}.hero-title h1{font-size:49px}}
.product-screen{position:relative;top:auto;left:auto;transform:none;margin:28px auto 0}
.studio-section a:focus-visible{outline-color:currentColor}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
