@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f3ee;--ink:#1e221f;--soft:#686b64;--lime:#d4f267;--line:#d8d9d1;--card:#e9e8e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1440px;margin:auto;padding:0 5vw}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-1.3px;font-weight:800}.wordmark span{color:#7c8a45}nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:700}nav a:hover,.textlink:hover{text-decoration:underline;text-underline-offset:5px}.contact-pill{border:1px solid var(--ink);border-radius:50px;padding:12px 19px}.hero{display:grid;grid-template-columns:1.2fr .8fr;min-height:675px;align-items:end;padding:112px 0 92px;gap:8vw}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.1px;text-transform:uppercase}.hero h1,.detail-hero h1{font:800 clamp(66px,8vw,125px)/.99 Manrope,sans-serif;letter-spacing:-.095em;margin:25px 0 0;max-width:900px}.outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-side{align-self:end;max-width:385px}.hero-side p,.intro{font-size:19px;line-height:1.65;color:#555b53;margin:0 0 32px}.arrow-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:11px}.arrow-link span{font-size:25px}.section-header{border-top:1px solid var(--ink);padding-top:27px;display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.section-header h2{font:800 clamp(36px,5vw,70px)/1.1 Manrope,sans-serif;letter-spacing:-.06em;margin:0}.small{font-size:13px;color:var(--soft)}.work{padding:18px 0 100px}.featured{display:grid;grid-template-columns:1fr 1fr;min-height:465px;border-radius:5px;background:#202922;color:white;overflow:hidden;margin-bottom:22px}.featured-copy{padding:55px 58px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.featured h3{font:800 clamp(42px,5vw,78px)/1 Manrope,sans-serif;letter-spacing:-.075em;margin:18px 0}.featured p{color:#d3dacf;line-height:1.65;font-size:16px;max-width:400px}.featured .arrow-link{border-color:#eff6e8}.visual{min-height:355px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.visual .circle{width:min(65%,340px);aspect-ratio:1;border-radius:50%;border:30px solid rgba(255,255,255,.48);box-shadow:0 0 0 26px rgba(255,255,255,.14);transform:rotate(-25deg)}.visual .visual-title{position:absolute;font:800 clamp(58px,8vw,116px)/1 Manrope;letter-spacing:-.09em;color:rgba(255,255,255,.75);transform:rotate(-12deg)}.cycle{background:#d9e3c9}.jewel{background:#dac4b7}.nello{background:#e0b8af}.dog{background:#aabcc4}.cat{background:#e3c9a6}.wave{background:#b4d2c5}.admin{background:#c1bee0}.phone{background:#b7cbe7}.moon{background:#d2cdbf}.featured .visual{background:#a4c0b0}.featured .visual:after{content:'S';font:800 300px/1 Manrope;letter-spacing:-.1em;color:#26352b;position:absolute;transform:rotate(-15deg)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 22px}.app-card{display:block}.card-visual{height:310px;border-radius:4px;transition:transform .25s;position:relative;overflow:hidden}.app-card:hover .card-visual{transform:translateY(-5px)}.card-visual .circle{width:160px;border-width:16px}.card-visual .visual-title{font-size:75px}.app-meta{display:flex;justify-content:space-between;padding-top:18px;font-size:12px;color:var(--soft)}.app-card h3{font:800 27px/1.2 Manrope;letter-spacing:-.055em;margin:12px 0}.app-card p{line-height:1.55;color:var(--soft);font-size:14px;max-width:340px}.studio{background:#d8e3cb;padding:110px 0}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.studio h2{font:800 clamp(46px,6.5vw,93px)/1.05 Manrope;letter-spacing:-.08em;margin:0}.studio p{font-size:20px;line-height:1.7;max-width:470px;align-self:end}.cta{padding:90px 0;display:flex;align-items:center;justify-content:space-between}.cta h2{font:800 clamp(38px,5vw,75px)/1.07 Manrope;letter-spacing:-.07em;max-width:650px;margin:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:var(--ink);color:white;border-radius:60px;padding:18px 28px;font-size:14px;font-weight:700}.btn:hover{background:#47523f}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:32px 0 42px;font-size:12px;color:var(--soft)}.detail-hero{padding:88px 0 65px}.detail-hero h1{margin:20px 0}.detail-top{display:flex;justify-content:space-between;align-items:center}.detail-hero .intro{max-width:660px}.detail-stage{height:490px;border-radius:5px;margin:10px 0 95px}.detail-stage .circle{width:290px}.detail-stage .visual-title{font-size:clamp(85px,14vw,175px)}.detail-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:14vw;padding-bottom:100px}.detail-grid h2{font:800 46px/1.12 Manrope;letter-spacing:-.06em;margin:14px 0}.detail-grid p{line-height:1.8;color:var(--soft);font-size:17px}.fact{border-top:1px solid var(--line);padding:19px 0;display:flex;gap:20px;justify-content:space-between;font-size:14px}.fact strong{font-weight:700}.fact span{color:var(--soft);text-align:right}.muted-note{font-size:13px!important}.back{font-size:13px;font-weight:700}.pagination{border-top:1px solid var(--line);padding:42px 0 100px;display:flex;justify-content:space-between}.pagination a{font:800 27px Manrope;letter-spacing:-.045em}@media(max-width:800px){header{height:74px}nav{gap:16px;font-size:12px}.contact-pill{display:none}.hero{grid-template-columns:1fr;min-height:unset;padding:75px 0 80px;gap:45px}.hero h1{font-size:clamp(53px,12vw,85px)}.cards{grid-template-columns:repeat(2,1fr)}.featured{grid-template-columns:1fr}.featured-copy{min-height:310px}.featured .visual{min-height:270px}.studio-grid,.detail-grid{grid-template-columns:1fr;gap:25px}.cta{align-items:flex-start;flex-direction:column;gap:30px}.detail-stage{height:350px}.section-header{gap:20px}.detail-grid{padding-bottom:65px}}@media(max-width:540px){.wrap{padding:0 23px}.cards{grid-template-columns:1fr}.card-visual{height:330px}.hero h1{font-size:55px}.hero-side p{font-size:17px}.section-header h2{font-size:35px}.featured-copy{padding:34px}.studio{padding:70px 0}.studio h2{font-size:47px}.studio p{font-size:17px}.detail-hero h1{font-size:57px}.detail-stage{height:280px}.detail-stage .visual-title{font-size:85px}.detail-stage .circle{width:190px}.detail-grid h2{font-size:36px}footer{flex-direction:column}.pagination a{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-card:hover .card-visual{transform:none}}