:root{--bg: #ede9de;--bg-2: #e2ddcf;--surface: #f7f3e9;--ink: #1d251b;--ink-2: #46513f;--ink-3: #7d846f;--rule: #d0cabb;--accent: #6b7f45;--accent-ink: #fbf9f0;--forest: #293a25;--forest-2: #394c2e;--moss: #acb795;--viz-dark: #263823;--viz-on-dark: #f7f3e8;--viz-on-dark-muted: #cbd5c0;--viz-bg: #e4e8d7;--viz-surface: #fbf9f1;--viz-ink: #1d251b;--viz-muted: #5f6b58;--viz-rule: #b9c2ae;--viz-accent: #60753d;--font-display: "Geist", "Inter", system-ui, sans-serif;--font-body: "Geist", "Inter", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--font-accent: "Newsreader", Georgia, serif;--max: 1320px;--pad: 32px}@media(max-width:760px){:root{--pad: 20px}}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}em{font-style:italic}strong{font-weight:600;color:var(--ink)}::selection{background:var(--accent);color:var(--accent-ink)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}.reveal-in{opacity:1;transform:translateY(0)}.nav{position:sticky;top:0;z-index:40;background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid color-mix(in oklab,var(--rule) 60%,transparent)}.nav-inner{max-width:var(--max);margin:0 auto;padding:14px var(--pad);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.nav-brand{display:flex;align-items:center;gap:12px}.nav-name{font-weight:500;font-size:14px;letter-spacing:-.005em}.nav-role{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-left:4px;padding-left:12px;border-left:1px solid var(--rule)}.nav-links{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-2);transition:color .15s,background .15s}.nav-link:hover{color:var(--ink)}.nav-link.is-active{color:var(--ink);background:color-mix(in oklab,var(--ink) 7%,transparent)}.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:500;transition:background .15s,transform .15s,color .15s}.nav-cta:hover{background:var(--accent);color:var(--accent-ink);transform:translateY(-1px)}@media(max-width:880px){.nav-inner{grid-template-columns:auto auto}.nav-links,.nav-role{display:none}}.hero{max-width:var(--max);margin:0 auto;padding:56px var(--pad) 0}@media(max-width:760px){.hero{padding:36px var(--pad) 0}}.hero-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:32px}@media(max-width:760px){.hero-eyebrow{font-size:10px;gap:8px;margin-bottom:20px}.hero-eyebrow .sep:nth-of-type(2){display:none}}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.sep{color:var(--ink-3);opacity:.5}.dot-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:middle;box-shadow:0 0 color-mix(in oklab,var(--accent) 50%,transparent);animation:none}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--accent) 45%,transparent)}70%{box-shadow:0 0 0 9px color-mix(in oklab,var(--accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--accent) 0%,transparent)}}.hero-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:60px;align-items:start}@media(max-width:960px){.hero-main{grid-template-columns:1fr;gap:40px}}@media(max-width:760px){.hero-main{gap:28px}}.display{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,6.2vw,88px);line-height:1.05;letter-spacing:-.025em;margin:0 0 32px;color:var(--ink);text-wrap:balance}.d-line{display:block;padding-bottom:4px}.display em{font-style:italic;color:var(--accent);font-weight:400}.hero-lede{font-size:clamp(16px,1.4vw,19px);line-height:1.6;max-width:56ch;color:var(--ink-2);margin:0 0 32px;text-wrap:pretty}.hero-ctas{display:flex;gap:10px;flex-wrap:wrap}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500;font-family:var(--font-body);transition:transform .15s,background .15s,color .15s,border-color .15s;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--accent);color:var(--accent-ink);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border-color:var(--rule);background:transparent}.btn-ghost:hover{border-color:var(--ink)}.marquee{margin:64px 0 0;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);overflow:hidden}@media(max-width:760px){.marquee{margin-top:40px;padding:10px 0}.marquee-track{gap:12px 24px;font-size:11px}}.marquee-track{display:flex;gap:14px 32px;flex-wrap:wrap;margin:0;padding:0;list-style:none;white-space:normal;animation:none;font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.marquee-item{display:inline-flex;align-items:center;gap:8px;max-width:100%}.marquee-bullet{color:var(--accent)}.section{max-width:var(--max);margin:0 auto;padding:100px var(--pad)}@media(max-width:760px){.section{padding:60px var(--pad)}}.section-head{display:grid;grid-template-columns:200px 1fr;gap:56px;align-items:start;margin-bottom:48px}@media(max-width:880px){.section-head{grid-template-columns:1fr;gap:16px}}@media(max-width:760px){.section-head{margin-bottom:32px}}.section-label{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);padding-top:8px}.label-bar{display:inline-block;width:28px;height:1.5px;background:var(--accent)}.section-title{font-family:var(--font-display);font-weight:400;font-size:clamp(28px,3.6vw,52px);line-height:1.15;letter-spacing:-.02em;margin:0;color:var(--ink);max-width:22ch;text-wrap:balance}.section-title em{color:var(--accent);font-style:italic}.section-now{background:var(--bg-2);max-width:none;padding:100px var(--pad);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}@media(max-width:760px){.section-now{padding:60px var(--pad)}}.now-inner{max-width:var(--max);margin:0 auto}.now-headline{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,3.2vw,42px);line-height:1.18;letter-spacing:-.015em;margin:20px 0 48px;color:var(--ink);max-width:28ch;text-wrap:balance}.now-headline em{color:var(--accent);font-style:italic}.now-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:880px){.now-grid{grid-template-columns:1fr}}.now-card{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:28px;position:relative;transition:transform .2s,border-color .2s}.now-card:hover{transform:translateY(-2px);border-color:var(--accent)}.now-card-k{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:14px}.now-card-v{font-size:15.5px;line-height:1.55;color:var(--ink)}.work-list{display:flex;flex-direction:column;gap:24px}.project{background:var(--surface);border:1px solid var(--rule);border-radius:18px;padding:36px;overflow:hidden}@media(max-width:760px){.project{padding:24px;border-radius:14px}}@media(max-width:480px){.project{padding:20px}}.project-header{display:grid;grid-template-columns:60px 1fr;gap:20px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--rule)}@media(max-width:480px){.project-header{grid-template-columns:1fr;gap:8px;margin-bottom:24px;padding-bottom:20px}.project-num{padding-top:0}}.project-num{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);padding-top:8px}.project-meta-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.project-year{letter-spacing:.04em}.project-tags{display:inline-flex;gap:6px;flex-wrap:wrap}.project-tag{padding:3px 9px;border-radius:999px;background:var(--bg-2);color:var(--ink-2);font-size:10.5px}.project-title{font-family:var(--font-display);font-weight:400;font-size:clamp(28px,3.6vw,44px);line-height:1.1;letter-spacing:-.02em;margin:0 0 8px;color:var(--ink)}.project-sub{color:var(--ink-2);font-size:16px;line-height:1.5;margin:0;max-width:60ch;text-wrap:pretty}.project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px}@media(max-width:960px){.project-grid{grid-template-columns:1fr;gap:32px}}.project-preview,.project-copy{min-width:0}.project-section-label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin:24px 0 12px}.project-section-label:first-child{margin-top:0}.project-highlights{margin:0;padding:0;list-style:none}.project-highlights li{display:grid;grid-template-columns:14px 1fr;gap:8px;font-size:14.5px;line-height:1.55;color:var(--ink-2);padding:8px 0;border-top:1px solid color-mix(in oklab,var(--rule) 50%,transparent)}.project-highlights li:first-child{border-top:0;padding-top:0}.hl-bullet{color:var(--accent);font-weight:700}.project-stack{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--bg-2);font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid color-mix(in oklab,var(--rule) 60%,transparent)}.chip-sm{font-size:11px;padding:3px 9px}.preview{background:var(--bg-2);border:1px solid var(--rule);border-radius:14px;overflow:hidden;font-family:var(--font-mono);height:100%;display:flex;flex-direction:column}.preview-head{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--rule);font-size:11px;color:var(--ink-3)}.preview-dot{width:9px;height:9px;border-radius:50%;background:color-mix(in oklab,var(--ink) 18%,transparent)}.preview-title{margin-left:8px}.preview-foot{margin-top:auto;padding:10px 14px;border-top:1px solid var(--rule);font-size:11px;color:var(--ink-2);background:color-mix(in oklab,var(--surface) 50%,transparent);display:flex;align-items:center;gap:8px}.ai-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.how-list{display:flex;flex-direction:column}.how-step{display:grid;grid-template-columns:100px 1fr;gap:32px;padding:28px 0;border-top:1px solid var(--rule)}.how-step:first-child{border-top:1.5px solid var(--ink)}.how-step:last-child{border-bottom:1px solid var(--rule)}@media(max-width:760px){.how-step{grid-template-columns:1fr;gap:8px;padding:20px 0}}.how-n{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.05em;padding-top:4px}.how-t{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.01em;margin:0 0 10px;color:var(--ink)}.how-d{font-size:15.5px;line-height:1.6;color:var(--ink-2);margin:0;max-width:64ch;text-wrap:pretty}.timeline{display:flex;flex-direction:column}.tl-item{display:grid;grid-template-columns:200px 24px 1fr;gap:24px;padding:20px 0}@media(max-width:760px){.tl-item{grid-template-columns:20px 1fr;gap:14px;padding:16px 0}.tl-period{grid-column:2;padding-bottom:0;padding-top:0}.tl-marker{grid-row:span 2}.tl-content{grid-column:2}}.tl-period{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;padding-top:6px}.tl-marker{position:relative}.tl-dot{position:absolute;top:8px;left:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);z-index:2}.tl-line{position:absolute;left:11px;top:14px;bottom:-24px;width:1.5px;background:var(--rule)}.tl-item:last-of-type .tl-line{display:none}.tl-content{padding-bottom:8px}.tl-head{margin-bottom:10px}.tl-role{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.01em;margin:0;color:var(--ink)}.tl-co{font-size:14px;color:var(--ink-2);margin-top:4px;font-weight:500}.tl-loc{color:var(--ink-3);font-weight:400}.tl-note{font-family:var(--font-mono);font-size:11px;color:var(--accent);margin-top:4px;letter-spacing:.02em}.tl-bullets{margin:12px 0 0;padding:0;list-style:none}.tl-bullets li{position:relative;padding:5px 0 5px 16px;font-size:14.5px;line-height:1.55;color:var(--ink-2);max-width:70ch}.tl-bullets li:before{content:"·";position:absolute;left:2px;top:4px;color:var(--accent);font-weight:700}.edu-row{display:grid;grid-template-columns:200px 24px 1fr;gap:24px;padding:32px 0 0;margin-top:16px;border-top:1px solid var(--rule)}@media(max-width:760px){.edu-row{grid-template-columns:1fr}}.edu-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.edu-body{font-size:15px;color:var(--ink-2);grid-column:3}@media(max-width:760px){.edu-body{grid-column:1}}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-left:1px solid var(--rule);border-right:1px solid var(--rule);border-radius:14px;overflow:hidden}@media(max-width:960px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.skills-grid{grid-template-columns:1fr}}.skill-group{background:var(--bg);padding:28px}.skill-head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.skill-num{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.skill-name{font-family:var(--font-display);font-weight:500;font-size:20px;color:var(--ink);letter-spacing:-.01em}.skill-items{display:flex;flex-wrap:wrap;gap:6px}.section-contact{background:var(--bg-2);max-width:none;padding:100px var(--pad) 0;border-top:1px solid var(--rule)}@media(max-width:760px){.section-contact{padding:60px var(--pad) 0}}.contact-display{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,6vw,80px);line-height:1.1;letter-spacing:-.025em;margin:20px 0 56px;text-wrap:balance;color:var(--ink)}.contact-display em{color:var(--accent);font-style:italic}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:80px}@media(max-width:760px){.contact-grid{grid-template-columns:1fr;margin-bottom:48px}}.contact-card{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:16px;padding:24px 28px;background:var(--surface);border:1px solid var(--rule);border-radius:14px;transition:transform .2s,border-color .2s}@media(max-width:480px){.contact-card{grid-template-columns:90px 1fr auto;padding:18px 20px;gap:12px}.contact-v{font-size:16px}}.contact-card:hover{border-color:var(--ink);transform:translateY(-2px)}.contact-k{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.contact-v{font-family:var(--font-display);font-size:22px;color:var(--ink);letter-spacing:-.01em;word-break:break-all}.contact-arrow{font-family:var(--font-display);font-size:22px;color:var(--ink-3);transition:transform .2s,color .2s}.contact-card:hover .contact-arrow{color:var(--accent);transform:translate(2px,-2px)}.footer{max-width:var(--max);margin:0 auto;padding:24px var(--pad);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:880px){.svc-grid{grid-template-columns:1fr}}.svc-card{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:26px 26px 28px}.svc-k{font-family:var(--font-mono);font-size:11px;color:var(--accent);margin-bottom:14px}.svc-t{font-family:var(--font-display);font-weight:500;font-size:22px;margin:0 0 10px;letter-spacing:-.01em}.svc-d{margin:0;font-size:14.5px;color:var(--ink-2)}.svc-foot{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--rule);padding-top:24px}.svc-note{margin:0;max-width:62ch;font-size:14px;color:var(--ink-2)}.svc-link{text-decoration:underline;text-underline-offset:3px}.svc-link:hover{color:var(--accent)}.project-case-link{display:inline-block;margin-top:18px;font-size:13.5px;font-weight:500;text-decoration:underline;text-underline-offset:3px}.project-case-link:hover{color:var(--accent)}body{background:radial-gradient(circle at 84% 3%,rgba(102,140,44,.12),transparent 27rem),radial-gradient(circle at 8% 31%,rgba(178,187,170,.18),transparent 32rem),var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}main{overflow:clip}.skip-link{position:fixed;top:12px;left:12px;z-index:120;padding:10px 14px;border-radius:8px;color:var(--accent-ink);background:var(--forest);font-size:13px;transform:translateY(-160%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}:where(a,button):focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 60%,white);outline-offset:3px}.nav{background:color-mix(in oklab,var(--bg) 86%,transparent);border-bottom-color:color-mix(in oklab,var(--rule) 70%,transparent)}.nav-inner{padding-top:17px;padding-bottom:17px}.nav-name{font-weight:600}.nav-link{border-radius:9px}.nav-link:hover{background:color-mix(in oklab,var(--surface) 66%,transparent)}.nav-link.is-active{background:var(--surface);box-shadow:0 7px 22px -16px #263b1c8c}.nav-cta{border-radius:10px;background:var(--forest);color:var(--accent-ink);padding:10px 16px;box-shadow:0 10px 24px -18px #263b1ccc}.hero{padding-top:64px;padding-bottom:0}.hero-eyebrow{margin-bottom:28px}.hero-main{grid-template-columns:minmax(0,.96fr) minmax(520px,1.04fr);align-items:center;gap:clamp(44px,5vw,78px);min-height:610px}.display{font-family:var(--font-display);font-size:clamp(50px,5vw,74px);font-weight:600;line-height:.98;letter-spacing:-.055em;max-width:12.5ch;margin-bottom:28px}.display em,.section-title em,.now-headline em,.contact-display em{font-family:var(--font-accent);font-weight:400;letter-spacing:-.035em}.display em{color:var(--forest-2)}.hero-lede{font-size:clamp(16px,1.25vw,18px);line-height:1.7;max-width:54ch;margin-bottom:30px}.btn-primary,.btn-ghost{min-height:48px;border-radius:11px;transition:transform .22s cubic-bezier(.2,.75,.25,1),background .22s,color .22s,border-color .22s,box-shadow .22s}.btn-primary{background:var(--forest);color:var(--accent-ink);box-shadow:0 14px 30px -21px #263b1ce6}.btn-primary:hover{background:var(--forest-2);color:var(--accent-ink);transform:translateY(-2px);box-shadow:0 18px 35px -20px #263b1ccc}.btn-ghost{background:#f4f6f16b}.btn-ghost:hover{background:var(--surface);transform:translateY(-2px)}.btn-primary:active,.btn-ghost:active,.nav-cta:active{transform:scale(.98)}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin-top:42px;padding-top:20px;border-top:1px solid var(--rule)}.hero-proof>div{display:flex;flex-direction:column;gap:1px}.hero-proof strong{font-family:var(--font-display);font-size:19px;line-height:1.2;font-variant-numeric:tabular-nums}.hero-proof span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:var(--ink-3)}.marquee{margin-top:70px;border-color:color-mix(in oklab,var(--rule) 72%,transparent)}.section{padding-top:126px;padding-bottom:138px}.section-head{grid-template-columns:minmax(170px,.32fr) minmax(0,1fr);gap:clamp(36px,7vw,110px);margin-bottom:62px}.section-title{font-family:var(--font-display);font-weight:560;font-size:clamp(36px,4.35vw,62px);line-height:1.04;letter-spacing:-.05em;max-width:18ch}.section-label{color:var(--ink-2)}.section-now{position:relative;overflow:hidden;padding-top:112px;padding-bottom:126px;background:radial-gradient(circle at 88% 12%,rgba(102,140,44,.13),transparent 26rem),var(--bg-2)}.section-now:after{content:"NOW";position:absolute;right:-1vw;top:-42px;color:#0d140809;font-family:var(--font-display);font-size:clamp(150px,24vw,360px);font-weight:700;line-height:1;letter-spacing:-.08em;pointer-events:none}.now-inner{position:relative;z-index:1}.now-headline{font-family:var(--font-display);font-weight:560;font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;max-width:22ch;margin-bottom:58px}.now-grid{grid-template-columns:repeat(12,1fr);gap:16px}.now-card{min-height:190px;padding:30px;border:0;border-radius:24px 24px 10px;box-shadow:0 22px 48px -42px #263b1ccc}.now-card:nth-child(1){grid-column:span 6}.now-card:nth-child(2){grid-column:span 3;margin-top:52px}.now-card:nth-child(3){grid-column:span 3;margin-top:18px}.now-card:hover{border-color:transparent;transform:translateY(-5px) rotate(-.25deg)}.now-card-k{color:var(--forest-2)}.now-card-v{font-size:16px}.work-list{gap:38px}.project{padding:clamp(26px,3vw,44px);border:0;border-radius:30px 30px 12px;background:color-mix(in oklab,var(--surface) 94%,transparent);box-shadow:0 30px 70px -58px #263b1ce6}.project:nth-child(2n){border-radius:30px 12px 30px 30px}.project:nth-child(2n) .project-preview{order:2}.project-header{grid-template-columns:48px 1fr}.project-num{color:var(--forest-2)}.project-title{font-family:var(--font-display);font-size:clamp(32px,3.8vw,50px);font-weight:600;letter-spacing:-.045em}.project-tag,.chip{border-radius:7px;background:color-mix(in oklab,var(--bg-2) 84%,white)}.project-grid{gap:clamp(34px,5vw,70px);align-items:stretch}.project-preview{position:sticky;top:108px;align-self:start}.preview{height:auto;min-height:460px;border:0;border-radius:22px 22px 9px;background:color-mix(in oklab,var(--bg-2) 78%,var(--moss));box-shadow:inset 0 0 0 1px #ffffff61}.preview-head{background:#f4f6f194}.how-step{grid-template-columns:90px minmax(0,1fr);padding:34px 0;transition:padding-left .25s ease,background .25s ease}.how-step:hover{padding-left:18px;background:linear-gradient(90deg,rgba(102,140,44,.08),transparent 64%)}.how-n{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--forest);color:var(--accent-ink);padding:0}.how-t{font-family:var(--font-display);font-weight:600;letter-spacing:-.035em}.svc-grid{grid-template-columns:1.12fr .88fr;grid-auto-rows:minmax(188px,auto);gap:16px}.svc-card{padding:34px;border:0;border-radius:25px 25px 10px;background:var(--surface);box-shadow:0 24px 52px -46px #263b1cd1;transition:transform .24s cubic-bezier(.2,.75,.25,1),background .24s}.svc-card:first-child{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:392px;color:var(--accent-ink);background:radial-gradient(circle at 80% 15%,rgba(178,187,170,.22),transparent 40%),var(--forest)}.svc-card:first-child .svc-k,.svc-card:first-child .svc-d{color:#f4f6f1ad}.svc-card:first-child .svc-t{color:var(--accent-ink);font-size:clamp(28px,3vw,42px)}.svc-card:hover{transform:translateY(-5px)}.svc-t{font-family:var(--font-display);font-weight:600;letter-spacing:-.035em}.timeline{padding:18px clamp(18px,3vw,42px);border-radius:28px 28px 12px;background:#f4f6f18a}.tl-role{font-family:var(--font-display);font-weight:600;letter-spacing:-.035em}.tl-dot{box-shadow:0 0 0 6px #668c2c1f}.skill-group{border-radius:20px 20px 8px;background:#f4f6f1a6}.section-contact{--bg: #263b1c;--bg-2: #304723;--surface: #354d1a;--ink: #f3f6ef;--ink-2: #c6cfc0;--ink-3: #96a28f;--rule: rgba(231,235,228,.17);--accent: #b7cc78;--accent-ink: #17230f;max-width:none;padding-top:120px;padding-bottom:0;color:var(--ink);background:radial-gradient(circle at 80% 16%,rgba(102,140,44,.34),transparent 32rem),var(--forest)}.contact-inner{max-width:var(--max);margin:0 auto}.contact-display{font-family:var(--font-display);font-weight:600;letter-spacing:-.055em}.contact-card{border-color:var(--rule);background:#f4f6f10b;transition:transform .24s ease,background .24s ease,border-color .24s ease}.contact-card:hover{transform:translateY(-4px);background:#f4f6f117;border-color:#e7ebe452}.contact-card-wide{grid-column:1 / -1}@media(max-width:1100px){.hero-main{grid-template-columns:1fr;min-height:auto}.hero-text{max-width:860px}.display{max-width:13ch}}@media(max-width:880px){.section-head{grid-template-columns:1fr;gap:18px}.now-grid{grid-template-columns:1fr 1fr}.now-card:nth-child(1),.now-card:nth-child(2),.now-card:nth-child(3){grid-column:auto;margin-top:0}.now-card:nth-child(1){grid-column:1 / -1}.svc-grid{grid-template-columns:1fr}.svc-card:first-child{grid-row:auto;min-height:320px}}@media(max-width:760px){.nav-inner{padding-top:12px;padding-bottom:12px}.hero{padding-top:38px}.hero-main{gap:42px}.display{font-size:clamp(44px,13vw,64px);max-width:11.5ch}.hero-proof{margin-top:32px}.section{padding-top:84px;padding-bottom:94px}.section-now{padding-top:82px;padding-bottom:90px}.section-title{font-size:clamp(34px,10.5vw,48px)}.project:nth-child(2n) .project-preview{order:initial}.project-preview{position:static}.preview{min-height:420px}.project{border-radius:22px 22px 9px}.how-step:hover{padding-left:0}.section-contact{padding-top:84px}}@media(max-width:560px){.nav-name{font-size:13px}.nav-cta{padding:9px 11px;font-size:12px}.hero-eyebrow .sep{display:none}.hero-proof{grid-template-columns:repeat(3,1fr);gap:5px}.hero-proof strong{font-size:17px}.hero-proof span{font-size:7.5px}.now-grid{grid-template-columns:1fr}.now-card:nth-child(1){grid-column:auto}}body{background:radial-gradient(circle at 83% 4%,rgba(149,163,111,.19),transparent 28rem),radial-gradient(circle at 8% 34%,rgba(74,92,57,.08),transparent 34rem),var(--bg)}.hero{padding-top:44px}.hero-eyebrow{color:var(--ink-2)}.hero-main{--ink: #f8f4e8;--ink-2: rgba(248,244,232,.78);--ink-3: rgba(248,244,232,.56);--rule: rgba(248,244,232,.22);--accent: #cad7a0;--accent-ink: #293a25;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);min-height:660px;padding:clamp(34px,4.2vw,62px);overflow:hidden;border-radius:36px 36px 14px;background:radial-gradient(circle at 73% 8%,rgba(230,218,173,.22),transparent 27%),radial-gradient(circle at 92% 82%,rgba(26,42,24,.44),transparent 38%),linear-gradient(110deg,#1e2b1af7,#304127e6 54%,#1b2919cc),url(/assets/grass-landscape-v1.webp) center / cover;box-shadow:0 44px 90px -56px #23341dd1,inset 0 1px #f8f4e833}.hero-main .display{color:var(--ink)}.hero-main .display em{color:#cad7a0}.hero-main .hero-lede{color:var(--ink-2)}.hero-main .btn-primary{color:#293a25;background:#f8f4e8;box-shadow:0 18px 36px -24px #121f0fc2}.hero-main .btn-primary:hover{color:#1c2919;background:#e8efd1}.hero-main .btn-ghost{color:#f8f4e8;border-color:#f8f4e857;background:#f8f4e80f}.hero-main .btn-ghost:hover{color:#f8f4e8;border-color:#f8f4e899;background:#f8f4e81f}.hero-main .hero-proof strong{color:#f8f4e8}.section-now:after{color:#3e53300b}.tl-dot{box-shadow:0 0 0 6px #3e53301f}.section-contact{--bg: #263422;--bg-2: #30442a;--surface: #3a5030;--ink: #f7f3e9;--ink-2: #d8dec8;--ink-3: #aab79a;--rule: rgba(234,240,216,.18);--accent: #c6d597;--accent-ink: #23301e;background:radial-gradient(circle at 80% 16%,rgba(162,181,116,.26),transparent 32rem),#263422}@media(max-width:1100px){.hero-main{grid-template-columns:1fr}}@media(max-width:760px){.hero{padding-top:28px}.hero-main{padding:26px 22px 20px;border-radius:26px 26px 10px}}@media(max-width:520px){.hero-main{padding-inline:18px}}.nav-links{gap:clamp(18px,2.5vw,38px)}.nav-link{position:relative;padding:8px 0;color:var(--ink-2);font-size:12px}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--accent);transition:right .25s ease}.nav-link:hover:after,.nav-link.is-active:after{right:0}.nav-link.is-active{color:var(--ink)}.hero-main{--ink: #172015;--ink-2: #44513d;--ink-3: #687360;--rule: rgba(35, 52, 29, .18);--accent: #78933b;--accent-ink: #fbf8ed;position:relative;grid-template-columns:minmax(0,.98fr) minmax(460px,1.02fr);min-height:720px;padding:clamp(36px,4.4vw,66px);isolation:isolate;overflow:hidden;border:1px solid rgba(69,84,56,.14);border-radius:34px 34px 10px;background:linear-gradient(110deg,#f7f3e5fa,#f7f3e5eb 43%,#ece7cc33 72%),url(/assets/grass-landscape-v1.webp) center / cover;box-shadow:0 46px 95px -68px #27361fdb,inset 0 1px #ffffff9e}.hero-main:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 78% 14%,rgba(241,232,174,.48),transparent 20rem),linear-gradient(to top,rgba(24,39,20,.18),transparent 36%)}.hero-text{position:relative;z-index:5;align-self:start;padding-top:clamp(10px,2vw,32px)}.hero-main .display{color:var(--ink);max-width:12.5ch}.hero-main .display em{color:#5c7430}.hero-main .hero-lede{color:var(--ink-2);max-width:58ch}.hero-main .hero-lede strong{color:var(--ink)}.hero-main .btn-primary{color:#fbf8ed;background:#1d2a19;box-shadow:0 18px 34px -24px #121f0fb3}.hero-main .btn-primary:hover{color:#fbf8ed;background:#314327}.hero-main .btn-ghost{color:#263421;border-color:#26342142;background:#f8f4e87a}.hero-main .btn-ghost:hover{color:#172015;border-color:#26342175;background:#f8f4e8cc}.hero-main .hero-proof{border-color:var(--rule)}.hero-main .hero-proof strong{color:var(--ink)}.hero-main .hero-proof span{color:var(--ink-3)}.hero-landscape{position:relative;z-index:2;min-height:610px;align-self:stretch}.hero-person{position:absolute;z-index:2;right:clamp(-52px,-3vw,-18px);bottom:-74px;width:min(420px,78%);pointer-events:none}.hero-person img{display:block;width:100%;height:auto;filter:drop-shadow(0 34px 28px rgba(19,32,15,.26))}.landscape-sun{position:absolute;z-index:0;top:62px;right:34px;width:260px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(70,88,48,.18);background:#f0e6aa3d;box-shadow:0 0 80px #f0e6aa38}.landscape-path{position:absolute;z-index:1;right:-32px;bottom:58px;width:105%;height:190px;border:1px solid rgba(239,233,205,.42);border-left-color:transparent;border-radius:50%;transform:rotate(-8deg)}.landscape-caption{position:absolute;z-index:4;left:2px;bottom:12px;display:flex;flex-direction:column;gap:4px;color:#f8f4e6c2;font-family:var(--font-mono);font-size:8px;letter-spacing:.04em}.landscape-caption span:first-child{color:#fffced;font-weight:500}.home-work-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}.text-link{display:inline-flex;align-items:center;gap:8px;padding-bottom:5px;border-bottom:1px solid var(--ink);color:var(--ink);font-size:12px;transition:gap .22s ease,color .22s ease}.text-link:hover{gap:12px;color:var(--accent)}.home-work-grid{display:grid;grid-template-columns:1.12fr .98fr .9fr;gap:clamp(14px,2vw,24px)}.home-work-card{min-height:410px;display:flex;flex-direction:column;padding:clamp(24px,3vw,38px);border-radius:28px 28px 8px;background:var(--surface);box-shadow:inset 0 0 0 1px #36462e17}.home-work-card:nth-child(1){color:#f8f5e9;background:#263823;transform:translateY(-18px)}.home-work-card:nth-child(1) p,.home-work-card:nth-child(1) dt,.home-work-card:nth-child(1) .home-work-top{color:#bac6ad}.home-work-card:nth-child(1) dd{color:#f8f5e9}.home-work-card:nth-child(2){background:#dfe6c8}.home-work-card:nth-child(3){background:#ece1bf;transform:translateY(22px)}.home-work-top{display:flex;justify-content:space-between;color:var(--ink-3);font-family:var(--font-mono);font-size:9px}.home-work-card h3{margin:44px 0 10px;font-family:var(--font-display);font-size:clamp(25px,2.5vw,38px);line-height:.98;letter-spacing:-.045em}.home-work-card p{max-width:34ch;margin:0;color:var(--ink-2);font-size:12px;line-height:1.55}.home-work-card dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:auto 0 22px;padding-top:34px}.home-work-card dt{color:var(--ink-3);font-family:var(--font-mono);font-size:8px;text-transform:uppercase}.home-work-card dd{margin:0;color:var(--ink);font-size:11px;font-weight:600}.home-work-tags{display:flex;flex-wrap:wrap;gap:6px}.home-work-tags span{padding:5px 7px;border:1px solid currentColor;border-radius:6px;font-family:var(--font-mono);font-size:7px;opacity:.66}.system-loop-section{max-width:var(--max);margin:0 auto;padding:0 var(--pad) clamp(86px,8vw,120px)}.system-loop{position:relative;overflow:hidden;padding:clamp(30px,4vw,56px);border-radius:30px 30px 8px;color:#f7f3e8;background:radial-gradient(circle at 88% 12%,rgba(179,194,143,.18),transparent 24rem),#263823;box-shadow:0 32px 80px -62px #1a2914db}.system-loop:before{content:"";position:absolute;width:320px;height:320px;right:-170px;bottom:-180px;border:1px solid rgba(213,221,184,.18);border-radius:50%;pointer-events:none}.system-loop-copy{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr) minmax(180px,.48fr);gap:clamp(24px,4vw,64px);align-items:end}.system-loop .section-label{color:#b7c3a4}.system-loop .label-bar{background:#91a36a}.system-loop-copy h2{max-width:19ch;margin:0;font-family:var(--font-display);font-size:clamp(34px,4vw,58px);font-weight:500;line-height:.96;letter-spacing:-.05em}.system-loop-copy>p{max-width:28ch;margin:0;color:#b8c3ad;font-size:12px;line-height:1.6}.system-loop-diagram{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,2vw,28px);margin-top:clamp(44px,5vw,72px)}.system-loop-line{position:absolute;top:21px;left:5%;right:5%;height:1px;background:#cad5b047}.system-loop-stage{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:flex-start}.system-loop-node{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(220,228,198,.44);border-radius:50%;color:#f8f5e9;background:#30452a;font-family:var(--font-mono);font-size:9px;transition:transform .25s ease,background .25s ease}.system-loop-stage:hover .system-loop-node{transform:translateY(-3px);background:#6b7f45}.system-loop-stage strong{margin-top:18px;font-size:clamp(12px,1.05vw,15px);font-weight:600;line-height:1.25}.system-loop-stage small{margin-top:5px;color:#9fab91;font-family:var(--font-mono);font-size:9px;line-height:1.35}.system-loop-return{position:absolute;right:0;top:-17px;color:#91a36a;font-size:24px}.system-loop-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:clamp(36px,4vw,54px);padding-top:18px;border-top:1px solid rgba(213,221,187,.16)}.system-loop-proof span{color:#9fab91;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.system-loop-proof strong{margin-right:6px;color:#f8f5e9;font-family:var(--font-body);font-size:16px;letter-spacing:-.02em}.intro-graphic{position:relative;min-width:0;overflow:hidden;padding:22px;border:1px solid color-mix(in oklab,var(--rule) 82%,transparent);border-radius:24px 24px 6px;background:radial-gradient(circle at 88% 8%,color-mix(in oklab,var(--accent) 16%,transparent),transparent 12rem),color-mix(in oklab,var(--surface) 88%,transparent)}.intro-graphic-meta,.intro-graphic-foot{display:flex;align-items:center;justify-content:space-between;color:var(--ink-3);font-family:var(--font-mono);font-size:7px;letter-spacing:.07em;text-transform:uppercase}.intro-graphic-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:15px;border-top:1px solid var(--rule)}.intro-graphic-foot strong{display:block;margin-bottom:3px;color:var(--ink);font-family:var(--font-body);font-size:13px}.work-map-canvas{position:relative;min-height:260px;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px 0}.work-map-track{position:absolute;top:30px;bottom:30px;left:50%;width:1px;background:var(--rule)}.work-map-node{position:relative;width:78%;display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;padding:12px 14px;border-radius:12px 12px 3px;color:#f8f5e9;background:var(--forest);transition:transform .22s ease}.work-map-node:nth-child(3){align-self:flex-end;color:var(--ink);background:#dfe6c8}.work-map-node:nth-child(4){color:var(--ink);background:#ece1bf}.work-map-node:hover{transform:translate(4px)}.work-map-node:nth-child(3):hover{transform:translate(-4px)}.work-map-node>span{grid-row:1 / 3;font-family:var(--font-mono);font-size:8px;opacity:.62}.work-map-node strong{font-size:12px;font-weight:600}.work-map-node small{margin-top:2px;font-family:var(--font-mono);font-size:7px;opacity:.62}.operator-matrix-canvas{position:relative;min-height:280px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;margin:34px 26px 28px;background:var(--rule)}.matrix-cell{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding:18px;background:color-mix(in oklab,var(--surface) 88%,var(--bg))}.matrix-cell:nth-of-type(2),.matrix-cell:nth-of-type(4){align-items:flex-end;text-align:right}.matrix-cell strong{font-family:var(--font-display);font-size:clamp(18px,1.8vw,26px);font-weight:500;letter-spacing:-.035em}.matrix-cell small{margin-top:4px;color:var(--ink-3);font-family:var(--font-mono);font-size:7px}.matrix-core{position:absolute;z-index:2;left:50%;top:50%;width:116px;height:116px;display:grid;place-content:center;text-align:center;border:7px solid var(--surface);border-radius:50%;color:#f8f5e9;background:var(--forest);transform:translate(-50%,-50%);box-shadow:0 20px 44px -28px #24371cb8}.matrix-core span{color:#aebd91;font-family:var(--font-mono);font-size:7px;text-transform:uppercase}.matrix-core strong{margin-top:4px;font-size:12px;line-height:1.15}.matrix-axis{position:absolute;z-index:3;color:var(--ink-3);font-family:var(--font-mono);font-size:6px;letter-spacing:.08em;text-transform:uppercase}.matrix-axis-top{left:50%;top:-20px;transform:translate(-50%)}.matrix-axis-bottom{left:50%;bottom:-20px;transform:translate(-50%)}.matrix-axis-left{left:-24px;top:50%;transform:translateY(-50%) rotate(-90deg)}.matrix-axis-right{right:-30px;top:50%;transform:translateY(-50%) rotate(90deg)}.operator-matrix>p{max-width:42ch;margin:0;color:var(--ink-2);font-size:10px;line-height:1.5}.page-intro{max-width:1380px;min-height:520px;display:grid;grid-template-columns:minmax(130px,.32fr) minmax(0,1.68fr);gap:clamp(32px,8vw,120px);align-items:end;margin:0 auto;padding:clamp(80px,11vw,150px) clamp(24px,5vw,72px) clamp(70px,9vw,120px);border-bottom:1px solid var(--rule)}.page-intro-with-visual{grid-template-columns:minmax(56px,.16fr) minmax(0,1.12fr) minmax(320px,.72fr);gap:clamp(24px,4vw,62px);align-items:center}.page-intro-with-visual .page-intro-copy h1{max-width:12ch;font-size:clamp(50px,5.7vw,82px)}.page-intro-index{align-self:start;color:var(--accent);font-family:var(--font-mono);font-size:12px}.page-intro-copy h1{max-width:16ch;margin:24px 0;color:var(--ink);font-family:var(--font-display);font-size:clamp(52px,8vw,116px);font-weight:500;line-height:.88;letter-spacing:-.065em;text-wrap:balance}.page-intro-copy p{max-width:62ch;margin:0;color:var(--ink-2);font-size:clamp(15px,1.4vw,19px);line-height:1.55}.route-work #work .section-head{margin-top:18px}@media(max-width:1100px){.hero-main{grid-template-columns:minmax(0,1fr) minmax(380px,.84fr);min-height:690px}.hero-person{width:min(390px,82%)}.home-work-grid{grid-template-columns:1fr 1fr}.home-work-card:nth-child(3){grid-column:1 / -1;min-height:330px;transform:none}.page-intro-with-visual{grid-template-columns:52px minmax(0,1fr) minmax(300px,.72fr);gap:24px}}@media(max-width:860px){.hero-main{grid-template-columns:1fr;gap:4px;min-height:auto}.hero-text{padding-top:0}.hero-landscape{min-height:580px}.hero-person{right:5%;width:min(390px,68%)}.home-work-head,.home-work-grid{grid-template-columns:1fr}.home-work-card,.home-work-card:nth-child(1),.home-work-card:nth-child(3){grid-column:auto;min-height:350px;transform:none}.system-loop-copy{grid-template-columns:minmax(0,1fr) minmax(180px,.52fr)}.system-loop-copy .section-label{grid-column:1 / -1}.page-intro-with-visual{grid-template-columns:48px minmax(0,1fr);align-items:start}.page-intro-with-visual .intro-graphic{width:min(100%,560px);grid-column:2}}@media(max-width:650px){.nav-role{display:none}.nav-links{gap:15px}.nav-link{font-size:10px}.hero-main{padding:26px 20px 0;border-radius:24px 24px 8px}.hero-main .display{max-width:11ch}.hero-main .hero-proof{grid-template-columns:repeat(3,1fr)}.hero-landscape{min-height:510px}.hero-person{right:-4%;bottom:-58px;width:min(330px,76%)}.landscape-caption{bottom:16px}.page-intro{min-height:430px;grid-template-columns:1fr;gap:18px;align-items:start;padding-top:78px}.page-intro-copy h1{font-size:clamp(48px,15vw,76px)}.system-loop-section{padding-bottom:72px}.system-loop{padding:28px 22px;border-radius:22px 22px 6px}.system-loop-copy{grid-template-columns:1fr}.system-loop-copy .section-label{grid-column:auto}.system-loop-copy>p{max-width:42ch}.system-loop-diagram{grid-template-columns:1fr;gap:18px;margin-top:38px}.system-loop-line{top:0;right:auto;bottom:0;left:21px;width:1px;height:auto}.system-loop-stage{display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;align-items:center}.system-loop-node{grid-row:1 / 3}.system-loop-stage strong{margin:0 0 0 14px;font-size:12px}.system-loop-stage small{margin:4px 0 0 14px}.system-loop-return{display:none}.system-loop-proof{gap:8px}.system-loop-proof span{font-size:6px;line-height:1.4}.system-loop-proof strong{display:block;margin:0 0 4px}.page-intro-with-visual .intro-graphic{width:100%;grid-column:1}.page-intro-with-visual .page-intro-copy h1{font-size:clamp(46px,14vw,68px)}.intro-graphic{padding:18px}.work-map-canvas{min-height:236px}.operator-matrix-canvas{min-height:250px;margin-left:22px;margin-right:22px}.matrix-core{width:102px;height:102px}}.nav{background:color-mix(in oklab,var(--bg) 94%,transparent);border-bottom-color:color-mix(in oklab,var(--rule) 62%,transparent)}.nav-inner{min-height:66px;padding:10px var(--pad);gap:clamp(14px,2vw,28px)}.nav-brand{min-width:0;gap:10px}.nav-signal{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in oklab,var(--accent) 11%,transparent)}.nav-identity{display:flex;align-items:baseline;min-width:0}.nav-name{white-space:nowrap;font-weight:650;letter-spacing:-.02em}.nav-name-short{display:none}.nav-role{margin-left:12px;color:var(--ink-2);letter-spacing:.025em}.nav-links{gap:clamp(20px,2.4vw,36px)}.nav-link,.nav-link:hover,.nav-link.is-active{padding:8px 0 7px;border-radius:0;background:transparent;box-shadow:none}.nav-link:after{bottom:0;height:1.5px}.nav-cta{padding:8px 0 7px;border-radius:0;color:var(--ink);background:transparent;box-shadow:none;border-bottom:1px solid color-mix(in oklab,var(--ink) 54%,transparent)}.nav-cta:hover{color:var(--forest-2);background:transparent;box-shadow:none;border-bottom-color:var(--forest-2)}.hero{padding-top:clamp(18px,2.4vw,30px)}.hero-eyebrow{margin-bottom:16px;font-size:9.5px;letter-spacing:.075em;text-transform:none}.hero-main{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(12px,2.4vw,34px);min-height:clamp(540px,66svh,630px);padding:clamp(30px,3.8vw,52px);background:linear-gradient(104deg,#f7f3e5fc,#f7f3e5f5 44%,#f4f1dec7 57%,#e5e8c21f 78%),url(/assets/grass-landscape-v1.webp) 64% center / cover}.hero-main:before{background:radial-gradient(circle at 80% 14%,rgba(241,232,174,.34),transparent 18rem),linear-gradient(to top,rgba(24,39,20,.12),transparent 32%)}.hero-text{align-self:center;padding-top:0}.hero-main .display{max-width:none;margin-bottom:22px;font-size:clamp(48px,4.25vw,66px);line-height:.94;letter-spacing:-.062em}.hero-main .display .d-line{white-space:nowrap;padding-bottom:7px}.hero-main .hero-lede{max-width:52ch;margin-bottom:22px;font-size:clamp(14px,1.1vw,16.5px);line-height:1.58}.hero-ctas{gap:10px}.hero-main .btn-primary,.hero-main .btn-ghost{padding:12px 16px}.hero-main .hero-proof{max-width:500px;margin-top:26px;padding-top:15px}.hero-main .hero-proof strong{font-size:17px}.hero-main .hero-proof span{font-size:8px}.hero-landscape{min-height:520px}.hero-person{right:clamp(-64px,-4vw,-24px);top:clamp(24px,3vw,38px);bottom:auto;width:min(520px,106%)}.landscape-sun{top:36px;right:18px;width:min(240px,62%);opacity:.7}.landscape-path{bottom:34px;opacity:.72}.landscape-caption{left:auto;right:2px;bottom:8px;align-items:flex-end;text-align:right}.marquee{margin-top:38px}.section{padding-top:clamp(76px,7vw,104px);padding-bottom:clamp(86px,8vw,116px)}.section-now{padding-top:clamp(74px,7vw,102px);padding-bottom:clamp(82px,8vw,112px)}.section-contact{padding-top:clamp(78px,8vw,112px)}.page-intro{min-height:clamp(420px,58svh,510px);padding-top:clamp(68px,8vw,112px);padding-bottom:clamp(62px,7vw,96px)}@media(max-width:1080px){.nav-role{display:none}.hero-main{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);min-height:clamp(530px,65svh,600px);padding:clamp(28px,3.5vw,42px)}.hero-main .display{font-size:clamp(48px,5.7vw,64px)}.hero-landscape{min-height:500px}.hero-person{right:-44px;top:24px;bottom:auto;width:min(470px,110%)}}@media(max-width:880px){.nav-inner{grid-template-columns:auto 1fr auto}.nav-links{display:flex;justify-content:flex-end}.nav-name{font-size:12px}.nav-link[href="#contact"]{display:none}.hero-main{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);min-height:550px}.hero-main .display{font-size:clamp(44px,6.4vw,56px)}.hero-main .hero-lede{font-size:14px}.hero-landscape{min-height:470px}.hero-person{right:-46px;top:20px;bottom:auto;width:min(430px,116%)}}@media(max-width:720px){.nav-inner{min-height:58px}.nav-name{display:block;font-size:12px}.nav-name-full{display:none}.nav-name-short{display:inline}.nav-links{justify-content:center;gap:18px}.nav-link{font-size:10px}.nav-cta{font-size:11px}.hero{padding-top:14px}.hero-eyebrow{display:none}.hero-main{grid-template-columns:1fr;gap:0;min-height:740px;padding:30px 24px 0;background:linear-gradient(180deg,#f7f3e5fc,#f7f3e5f5 48%,#efedd552 72%),url(/assets/grass-landscape-v1.webp) center bottom / auto 58% no-repeat,#f4f0e2}.hero-text{align-self:start}.hero-main .display{font-size:clamp(44px,11.8vw,60px);line-height:.92}.hero-main .display .d-line{white-space:normal}.hero-main .hero-lede{max-width:58ch;margin-bottom:18px;font-size:14px;line-height:1.5}.hero-main .hero-proof{max-width:none;margin-top:20px;padding-top:13px}.hero-landscape{min-height:330px}.hero-person{right:-2%;top:2px;bottom:auto;width:min(330px,72vw)}.landscape-sun{top:14px;right:4%;width:190px}.landscape-path{height:110px;bottom:18px}.landscape-caption{display:none}.marquee{margin-top:28px}}@media(max-width:480px){:root{--pad: 16px}.nav-inner{min-height:54px;gap:8px}.nav-brand{gap:8px}.nav-signal{width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 11%,transparent)}.nav-links{gap:10px}.nav-link{font-size:9px}.nav-cta{font-size:10px;white-space:nowrap}.hero-main{min-height:710px;padding:24px 18px 0;border-radius:22px 22px 8px}.hero-main .display{margin-bottom:18px;font-size:clamp(41px,11.5vw,52px)}.hero-main .hero-lede{font-size:13.5px}.hero-main .btn-primary,.hero-main .btn-ghost{flex:1 1 0;justify-content:center;padding:11px 10px;font-size:11px}.hero-main .hero-proof{gap:8px}.hero-main .hero-proof strong{font-size:15px}.hero-main .hero-proof span{font-size:7px}.hero-landscape{min-height:300px}.hero-person{right:-8%;top:0;bottom:auto;width:min(310px,78vw)}.section{padding-top:64px;padding-bottom:72px}.section-now{padding-top:62px;padding-bottom:70px}}.system-loop-stage strong{color:var(--viz-on-dark)}.system-loop-stage small,.system-loop-proof span{color:var(--viz-on-dark-muted)}.system-loop-node{color:var(--viz-on-dark);border-color:#f7f3e880}.system-loop-line{background:#f7f3e852}.preview{min-height:460px;color:var(--viz-ink);background:var(--viz-bg);border:1px solid var(--viz-rule);box-shadow:none}.preview-head{min-height:48px;padding:12px 16px;color:var(--viz-on-dark-muted);background:var(--viz-dark);border-bottom:0}.preview-dot{width:7px;height:7px;background:#f7f3e859}.preview-dot:first-child{background:#b7c98a}.preview-title{min-width:0;margin-left:6px;overflow:hidden;font-size:10px;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.preview-foot{min-height:48px;display:grid;grid-template-columns:8px auto 1fr;gap:9px;margin-top:auto;padding:11px 16px;color:var(--viz-muted);background:#d8deca;border-top:1px solid var(--viz-rule);font-size:10px;line-height:1.4}.preview-foot strong{color:var(--viz-ink);font-family:var(--font-body);font-size:11px;font-weight:650}.preview-foot .ai-dot{width:7px;height:7px;background:var(--viz-accent);box-shadow:none}.intro-graphic{color:var(--viz-ink);background:radial-gradient(circle at 88% 8%,rgba(96,117,61,.12),transparent 12rem),var(--viz-bg);border-color:var(--viz-rule)}.intro-graphic-meta,.intro-graphic-foot{color:var(--viz-muted)}.intro-graphic-foot{border-color:var(--viz-rule)}.work-map-track,.operator-matrix-canvas{background:var(--viz-rule)}.matrix-cell{background:var(--viz-surface)}.matrix-cell small,.matrix-axis{color:var(--viz-muted)}.matrix-core{color:var(--viz-on-dark);background:var(--viz-dark);border-color:var(--viz-bg)}.matrix-core strong{color:var(--viz-on-dark)}.operator-matrix>p{color:var(--viz-muted)}@media(max-width:480px){.preview{min-height:0}.preview-head{min-height:44px;padding:10px 12px}.preview-title{font-size:8px}.preview-foot{grid-template-columns:7px 1fr;padding:10px 12px}.preview-foot>span:last-child{grid-column:2}}.project-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:start}.project-preview{position:relative;top:auto}.project-copy{display:flex;flex-direction:column;gap:26px}.project-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;overflow:hidden;border:1px solid var(--viz-rule);border-radius:14px 14px 4px;background:var(--viz-rule)}.project-impact div{min-width:0;padding:15px 13px;background:var(--viz-surface)}.project-impact div:first-child{color:var(--viz-on-dark);background:var(--viz-dark)}.project-impact dt{color:var(--viz-muted);font-family:var(--font-mono);font-size:7px;line-height:1.35;text-transform:uppercase;letter-spacing:.07em}.project-impact div:first-child dt{color:var(--viz-on-dark-muted)}.project-impact dd{margin:8px 0 0;color:var(--viz-ink);font-size:11px;font-weight:600;line-height:1.35;text-wrap:pretty}.project-impact div:first-child dd{color:var(--viz-on-dark)}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,34px)}.project-story>div{min-width:0;padding-top:18px;border-top:1px solid var(--rule)}.project-story .project-section-label{margin:0 0 9px}.project-story p{margin:0;color:var(--ink-2);font-size:13px;line-height:1.6;text-wrap:pretty}.project-copy>.project-section-label{margin:0 0 -14px}.project-highlights li{padding:10px 0;color:var(--ink-2);font-size:13px;line-height:1.5}.project-delivery{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--rule)}.project-delivery .project-stack{flex:1 1 auto}.project-delivery .project-case-link{flex:0 0 auto;margin:0;white-space:nowrap}.system-preview{min-height:500px}.system-preview-body{flex:1;display:flex;flex-direction:column;gap:18px;padding:18px}.preview-primary-metric{position:relative;min-width:0;padding:18px;overflow:hidden;border-radius:14px 14px 4px;color:var(--viz-ink);background:var(--viz-surface);box-shadow:inset 0 0 0 1px var(--viz-rule)}.preview-primary-metric:after{content:"";position:absolute;width:110px;height:110px;right:-54px;top:-58px;border:1px solid rgba(96,117,61,.2);border-radius:50%}.preview-primary-metric>span,.marketing-coverage>span,.channel-rail>span{display:block;color:var(--viz-muted);font-family:var(--font-mono);font-size:8px;line-height:1.35;text-transform:uppercase;letter-spacing:.07em}.preview-primary-metric strong{display:block;margin-top:8px;color:var(--viz-ink);font-family:var(--font-display);font-size:clamp(34px,4vw,52px);font-weight:600;line-height:.9;letter-spacing:-.055em}.preview-primary-metric small{display:block;margin-top:9px;color:var(--viz-muted);font-size:9px}.system-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.system-stage{position:relative;min-width:0;min-height:112px;display:flex;flex-direction:column;justify-content:flex-end;padding:13px;border:1px solid var(--viz-rule);border-radius:12px 12px 3px;background:#fbf9f1b8}.system-stage:not(:last-child):after{content:"→";position:absolute;z-index:2;top:50%;right:-9px;width:8px;height:18px;display:grid;place-items:center;color:var(--viz-accent);background:var(--viz-bg);font-size:10px;transform:translateY(-50%)}.system-stage>span{position:absolute;left:12px;top:11px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:var(--viz-on-dark);background:var(--viz-dark);font-family:var(--font-mono);font-size:7px}.system-stage strong{color:var(--viz-ink);font-size:11px;font-weight:650;line-height:1.25}.system-stage small{margin-top:5px;color:var(--viz-muted);font-family:var(--font-mono);font-size:7px;line-height:1.35}.preview-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.preview-evidence span{min-width:0;padding:8px 9px;border-left:2px solid var(--viz-accent);color:var(--viz-muted);background:#fbf9f180;font-size:8px;line-height:1.35}.marketing-summary{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:10px}.marketing-coverage{min-width:0;padding:18px;border:1px solid var(--viz-rule);border-radius:14px 14px 4px;background:#fbf9f18f}.marketing-coverage strong{display:block;margin-top:10px;color:var(--viz-ink);font-size:14px;line-height:1.25}.marketing-coverage>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.marketing-coverage i,.channel-rail i{display:inline-flex;font-style:normal;font-family:var(--font-mono)}.marketing-coverage i{width:27px;height:27px;align-items:center;justify-content:center;border-radius:50%;color:var(--viz-on-dark);background:var(--viz-dark);font-size:7px}.channel-rail{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:auto;padding:12px 14px;border:1px solid var(--viz-rule);border-radius:10px 10px 3px;background:#fbf9f180}.channel-rail>div{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}.channel-rail i{padding:4px 7px;border-radius:5px;color:var(--viz-ink);background:var(--viz-surface);font-size:7px}.tracker-system-map{position:relative;min-height:310px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;background:linear-gradient(var(--viz-rule),var(--viz-rule)) center / 1px 76% no-repeat,linear-gradient(90deg,var(--viz-rule),var(--viz-rule)) center / 76% 1px no-repeat}.tracker-hub,.tracker-map-node{position:relative;z-index:2;display:grid;place-content:center;text-align:center}.tracker-hub{grid-column:2;grid-row:2;width:128px;height:128px;border:7px solid var(--viz-bg);border-radius:50%;color:var(--viz-on-dark);background:var(--viz-dark);box-shadow:0 20px 44px -30px #263823b8}.tracker-hub span{color:var(--viz-on-dark-muted);font-size:7px;text-transform:uppercase;letter-spacing:.06em}.tracker-hub strong{margin-top:5px;color:var(--viz-on-dark);font-size:13px;line-height:1.15}.tracker-map-node{width:98px;min-height:62px;padding:9px;border:1px solid var(--viz-rule);border-radius:10px 10px 3px;background:var(--viz-surface)}.tracker-map-node strong{color:var(--viz-ink);font-size:10px}.tracker-map-node small{margin-top:3px;color:var(--viz-muted);font-size:7px}.tracker-map-board{grid-column:2;grid-row:1}.tracker-map-gantt{grid-column:1;grid-row:2}.tracker-map-docs{grid-column:3;grid-row:2}.tracker-map-slack{grid-column:2;grid-row:3}.tracker-recap-flow{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;border-radius:9px;color:var(--viz-muted);background:#fbf9f194;font-size:8px}.tracker-recap-flow i{color:var(--viz-accent);font-style:normal}.tracker-recap-flow strong{color:var(--viz-ink);font-size:inherit}@media(max-width:960px){.project-grid{grid-template-columns:1fr}.project:nth-child(2n) .project-preview{order:initial}.project-impact dd{font-size:12px}}@media(max-width:600px){.project-impact{grid-template-columns:1fr}.project-impact div{padding:13px 14px}.project-impact dd{margin-top:5px}.project-story{grid-template-columns:1fr;gap:18px}.project-delivery{align-items:flex-start;flex-direction:column}.system-preview{min-height:0}.system-preview-body{padding:14px}.system-flow-grid{grid-template-columns:repeat(2,1fr)}.system-stage:not(:last-child):after{display:none}.marketing-summary,.preview-evidence,.channel-rail{grid-template-columns:1fr}.channel-rail>div{justify-content:flex-start}.tracker-system-map{min-height:276px}.tracker-hub{width:108px;height:108px}.tracker-map-node{width:82px;min-height:56px}.tracker-recap-flow{flex-wrap:wrap}}.route-work #work{padding-top:clamp(48px,5vw,76px)}.skills-grid{grid-template-columns:repeat(2,1fr)}.intro-graphic-meta,.intro-graphic-foot,.work-map-node small,.matrix-cell small{font-size:8px}.matrix-axis{font-size:7px}.matrix-core span{font-size:8px}.operator-matrix>p{font-size:11px}.home-work-top{font-size:10px}.home-work-card dt{font-size:9px}.home-work-tags span{font-size:8px}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,1.6vw,20px);min-width:max-content}.lang-switch{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);font-family:var(--font-mono);font-size:9px;letter-spacing:.07em}.lang-switch button{min-width:26px;min-height:32px;padding:0;border:0;border-bottom:1px solid transparent;color:inherit;background:transparent;font:inherit;cursor:pointer;transition:color .2s ease,border-color .2s ease}.lang-switch button:hover,.lang-switch button.is-active{color:var(--ink);border-bottom-color:var(--accent)}.lang-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[lang=th] body{font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif;line-height:1.72}html[lang=th] :where(h1,h2,h3,.display,.section-title,.contact-display){font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif;letter-spacing:-.015em;line-height:1.3}html[lang=th] :where(.section-label,.project-section-label,.project-tag,.chip,.nav-role){letter-spacing:.01em}html[lang=th] .hero-main .display{font-size:clamp(45px,4vw,62px);line-height:1.18}.service-page{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 96px}.service-hero{min-height:670px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:end;gap:clamp(40px,8vw,120px);padding:clamp(84px,10vw,150px) 0 76px;border-bottom:1px solid var(--rule)}.service-hero-copy{max-width:850px}.service-eyebrow,.service-cta>div>span{display:block;margin:0 0 22px;font-family:var(--font-mono);color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.service-hero h1{max-width:12ch;margin:0;font-family:var(--font-display);font-size:clamp(58px,7.3vw,106px);font-weight:500;line-height:.94;letter-spacing:-.065em}.service-intro{max-width:70ch;margin:34px 0 0;color:var(--ink-2);font-size:clamp(17px,1.5vw,21px);line-height:1.7}.service-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:34px}.service-hero-proof{padding:28px;border:1px solid var(--rule);background:color-mix(in oklab,var(--surface) 72%,transparent)}.service-hero-proof span{display:block;margin-bottom:14px;color:var(--ink-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.service-hero-proof strong{display:block;font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.04em}.service-hero-proof p{margin:12px 0 0;color:var(--ink-2)}.service-answer{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(28px,6vw,88px);padding:clamp(52px,7vw,88px) 0;border-bottom:1px solid var(--rule)}.service-answer>div>span{display:block;margin-bottom:14px;color:var(--ink-2);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.service-answer h2{max-width:14ch;margin:0;font-family:var(--font-display);font-size:clamp(30px,3.4vw,50px);font-weight:500;line-height:1.05;letter-spacing:-.04em}.service-answer>p{max-width:72ch;margin:0;color:var(--ink-2);font-size:clamp(15px,1.25vw,18px);line-height:1.75}.service-section{padding:88px 0;border-bottom:1px solid var(--rule)}.service-section-head{display:grid;grid-template-columns:72px minmax(0,850px);gap:24px;margin-bottom:52px}.service-index{padding-top:8px;color:var(--accent);font-family:var(--font-mono);font-size:11px}.service-section h2,.service-cta h2{margin:0;font-family:var(--font-display);font-size:clamp(38px,5vw,68px);font-weight:500;line-height:1.02;letter-spacing:-.055em}.service-section-head p{max-width:76ch;margin:24px 0 0;color:var(--ink-2);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{min-height:250px;padding:30px;border-top:1px solid var(--rule);border-right:1px solid var(--rule)}.service-card:nth-child(2n){border-right:0}.service-grid-three .service-card:nth-child(2n){border-right:1px solid var(--rule)}.service-grid-three .service-card:nth-child(3n){border-right:0}.service-card h3,.service-proof-card h3,.service-process h3,.service-fit h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.025em}.service-card p{margin:16px 0 0;color:var(--ink-2)}.service-proof{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);background:var(--forest);color:var(--accent-ink)}.service-proof .service-section-head p{color:var(--viz-on-dark-muted)}.service-proof .service-index{color:var(--moss)}.service-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:color-mix(in oklab,var(--moss) 30%,transparent)}.service-proof-card{padding:34px;background:var(--forest)}.service-proof-card h3{color:var(--accent-ink);font-size:24px}.service-proof-card dl{margin:26px 0 0}.service-proof-card dl>div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px 0;border-top:1px solid color-mix(in oklab,var(--moss) 28%,transparent)}.service-proof-card dt{color:var(--moss);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.service-proof-card dd{margin:0;color:var(--viz-on-dark-muted)}.service-process{margin:0;padding:0;list-style:none}.service-process li{display:grid;grid-template-columns:72px minmax(0,760px);gap:24px;padding:28px 0;border-top:1px solid var(--rule)}.service-process li>span{color:var(--accent);font-family:var(--font-mono);font-size:11px}.service-process p{margin:10px 0 0;color:var(--ink-2)}.service-stack{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.service-stack li{padding:10px 14px;border:1px solid var(--rule);background:var(--surface);font-family:var(--font-mono);font-size:11px}.service-fit{max-width:850px;margin-top:48px;padding:30px 0 0;border-top:1px solid var(--rule)}.service-fit p{margin:14px 0 0;color:var(--ink-2)}.service-faq-list{max-width:980px;margin-left:96px}.service-faq details{border-top:1px solid var(--rule)}.service-faq details:last-child{border-bottom:1px solid var(--rule)}.service-faq summary{cursor:pointer;list-style:none;padding:24px 44px 24px 0;font-size:18px;font-weight:600;position:relative}.service-faq summary h3{margin:0;font:inherit}.service-faq summary::-webkit-details-marker{display:none}.service-faq summary:after{content:"+";position:absolute;right:8px;color:var(--accent);font-family:var(--font-mono)}.service-faq details[open] summary:after{content:"−"}.service-faq details p{max-width:76ch;margin:0;padding:0 44px 28px 0;color:var(--ink-2)}.service-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:end;margin-top:88px;padding:56px;background:var(--forest);color:var(--accent-ink)}.service-cta h2{max-width:16ch;color:var(--accent-ink)}.service-cta p{max-width:70ch;color:var(--viz-on-dark-muted)}.service-cta>div>span{color:var(--viz-on-dark-muted)}.service-cta .btn-ghost{color:var(--accent-ink);background:transparent;border-color:var(--viz-on-dark-muted)}.service-cta .btn-ghost:hover{background:var(--forest-2)}.service-cta .btn-ghost:focus-visible{outline-color:var(--viz-on-dark-muted)}.svc-card-link{display:inline-block;margin-top:22px;font-weight:600}html[lang=th] .service-hero h1{max-width:14ch;line-height:1.08;letter-spacing:-.045em}html[lang=th] .service-section h2,html[lang=th] .service-cta h2{line-height:1.16;letter-spacing:-.035em}@media(max-width:980px){.service-hero{grid-template-columns:1fr;min-height:auto;align-items:start}.service-hero-proof{max-width:520px}.service-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid-three .service-card:nth-child(3n){border-right:1px solid var(--rule)}.service-grid-three .service-card:nth-child(2n){border-right:0}.service-cta{grid-template-columns:1fr}}@media(max-width:680px){.service-page{padding-bottom:64px}.service-hero{padding:68px 0 54px;gap:34px}.service-hero h1{font-size:clamp(44px,13vw,62px)}.service-answer{grid-template-columns:1fr;gap:20px}.service-section{padding:62px 0}.service-section-head{grid-template-columns:1fr;gap:12px;margin-bottom:34px}.service-grid,.service-grid-three,.service-proof-grid{grid-template-columns:1fr}.service-card,.service-grid-three .service-card,.service-grid-three .service-card:nth-child(2n),.service-grid-three .service-card:nth-child(3n){min-height:auto;border-right:0}.service-proof-card{padding:26px 20px}.service-proof-card dl>div{grid-template-columns:1fr;gap:7px}.service-process li{grid-template-columns:42px 1fr;gap:12px}.service-faq-list{margin-left:0}.service-cta{margin-top:62px;padding:32px 24px;gap:30px}.service-actions{align-items:stretch;flex-direction:column}.service-actions .btn-primary,.service-actions .btn-ghost{justify-content:center;text-align:center}}html[lang=th] .now-headline,html[lang=th] .page-intro-copy h1{line-height:1.28}.builds-section{background:radial-gradient(circle at 88% 8%,color-mix(in oklab,var(--accent) 10%,transparent),transparent 26rem),var(--bg-2)}.builds-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}@media(max-width:860px){.builds-head{grid-template-columns:1fr}}.builds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.3vw,30px)}.build-card{display:grid;grid-template-columns:minmax(190px,.82fr) minmax(0,1.18fr);min-height:310px;overflow:hidden;border:1px solid color-mix(in oklab,var(--rule) 85%,transparent);border-radius:22px 22px 6px;background:color-mix(in oklab,var(--surface) 92%,transparent);box-shadow:0 22px 50px color-mix(in oklab,var(--forest) 8%,transparent);transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease}.build-card:hover{transform:translateY(-4px);box-shadow:0 28px 60px color-mix(in oklab,var(--forest) 12%,transparent)}.build-visual{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px;overflow:hidden;color:#f7f3e8;background:radial-gradient(circle at 76% 16%,rgba(255,255,255,.18),transparent 7rem),var(--forest)}.build-visual:after{content:"";position:absolute;right:-58px;bottom:-58px;width:150px;height:150px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.build-visual-staypitch{background-color:#694b51}.build-visual-rentbill{color:#2b3326;background-color:#d7c98f}.build-visual-crape{background-color:#334738}.build-visual-janus{background-color:#2d302f}.build-visual-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.build-visual-top i{width:8px;height:8px;border:1px solid currentColor;border-radius:50%;opacity:.65}.build-flow{position:relative;z-index:1;display:grid;gap:7px}.build-flow span{display:block;padding:11px 12px;border:1px solid rgba(255,255,255,.22);border-radius:9px 9px 2px;background:#ffffff1a;font-size:12.5px;font-weight:600}.build-visual-rentbill .build-flow span{border-color:#2b332633;background:#ffffff4d}.build-flow b{height:8px;padding-inline-start:12px;font-family:var(--font-mono);font-size:9px;line-height:1;opacity:.65}.build-signal{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr .8fr 1fr .6fr;align-items:end;gap:5px;height:34px}.build-signal i{display:block;height:45%;border-radius:2px 2px 0 0;background:currentColor;opacity:.18}.build-signal i:nth-child(2){height:78%}.build-signal i:nth-child(3){height:58%}.build-signal i:nth-child(4){height:100%}.build-card-copy{display:flex;flex-direction:column;padding:clamp(22px,2.5vw,32px)}.build-card-meta{display:flex;justify-content:space-between;gap:14px;margin-bottom:24px;color:var(--ink-3);font-family:var(--font-mono);font-size:8px;letter-spacing:.045em;text-transform:uppercase}.build-card h3{margin:0 0 3px;font-size:clamp(25px,2vw,34px);line-height:1;letter-spacing:-.045em}.build-type{margin:0 0 16px;color:var(--accent);font-size:12px;font-weight:600}.build-description{max-width:47ch;margin:0;color:var(--ink-2);font-size:13px;line-height:1.62}.build-proof{margin-top:auto;padding-top:20px;color:var(--ink);font-family:var(--font-mono);font-size:9px;line-height:1.5}.build-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.build-tags span{padding:5px 8px;border:1px solid var(--rule);border-radius:7px;color:var(--ink-2);font-family:var(--font-mono);font-size:7px}.builds-compact .builds-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.builds-compact .build-card{display:flex;flex-direction:column;min-height:340px}.builds-compact .build-visual{min-height:150px;padding:15px}.builds-compact .build-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:4px}.builds-compact .build-flow span{padding:8px 5px;text-align:center;font-size:9.5px}.builds-compact .build-flow b{height:auto;padding:0}.builds-compact .build-signal{display:none}.builds-compact .build-card-copy{flex:1;padding:19px}.builds-compact .build-card-meta{margin-bottom:15px}.builds-compact .build-card h3{font-size:25px}.builds-compact .build-proof{font-size:8px}.work-map-node:nth-child(5){align-self:flex-end;color:#f8f5e9;background:var(--forest-2)}:where(.btn-primary,.btn-ghost,.nav-cta,.contact-card,.text-link,.lang-switch button):active{transform:translateY(1px) scale(.99)}@media(max-width:1120px){.builds-compact .builds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builds-compact .build-card{min-height:310px}}@media(max-width:880px){.nav-actions{gap:12px}.build-card{grid-template-columns:minmax(160px,.72fr) minmax(0,1.28fr)}}@media(max-width:720px){.nav-cta{display:none}.nav-actions{gap:0}.lang-switch{gap:3px}.lang-switch button{min-width:23px}html[lang=th] .hero-main .display{font-size:clamp(39px,10.5vw,52px)}.builds-grid,.builds-compact .builds-grid{grid-template-columns:1fr}.build-card,.builds-compact .build-card{display:grid;grid-template-columns:minmax(145px,.7fr) minmax(0,1.3fr);min-height:285px}.builds-compact .build-visual{min-height:100%}.builds-compact .build-flow{display:grid;grid-template-columns:1fr}.builds-compact .build-flow b{display:none}.builds-compact .build-card-copy{padding:20px}.build-card-meta{margin-bottom:18px}}@media(max-width:600px){.skills-grid{grid-template-columns:1fr}.nav-inner{gap:7px}.nav-links{gap:9px}html[lang=th] .nav-link{font-size:8px}.build-card,.builds-compact .build-card{grid-template-columns:1fr}.build-visual,.builds-compact .build-visual{min-height:190px}.build-flow,.builds-compact .build-flow{grid-template-columns:1fr auto 1fr auto 1fr}.builds-compact .build-flow b{display:block}.build-description{font-size:12.5px}.contact-card{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:17px 18px}.contact-k{grid-column:1}.contact-v{grid-column:1;overflow-wrap:anywhere;font-size:14px}.contact-arrow{grid-column:2;grid-row:1 / 3;align-self:center}.footer{font-size:9px}}@media(max-width:420px){.nav-name{display:none}.nav-links{gap:8px}.lang-switch button{min-width:21px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.contact-workbench{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;align-items:stretch;margin-bottom:80px}.brief-form,.contact-direct{border:1px solid var(--rule);background:#f4f6f10e}.brief-form{border-radius:22px 8px 22px 22px;padding:clamp(24px,3.4vw,46px)}.brief-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.brief-eyebrow,.contact-direct-label,.brief-field>span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.brief-eyebrow{color:var(--accent);font-size:11px;margin-bottom:8px}.brief-head h3{max-width:13ch;margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(27px,3vw,42px);line-height:1.02;letter-spacing:-.045em}.brief-status{display:inline-flex;align-items:center;gap:8px;max-width:190px;padding-top:3px;color:var(--ink-2);font-family:var(--font-mono);font-size:10px;line-height:1.45}.brief-status i{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px #b7cc781f}.brief-intro{max-width:66ch;margin:24px 0 30px;color:var(--ink-2);font-size:14px}.brief-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.brief-field{display:grid;gap:7px}.brief-field>span{color:var(--ink-3);font-size:9px}.brief-field-wide{grid-column:1 / -1}.brief-field :where(input,select,textarea){width:100%;border:1px solid #b9c2ae;border-radius:8px;padding:13px 14px;color:var(--ink);background:#101b0d47;font:500 14px/1.45 var(--font-body);outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.brief-field textarea{min-height:124px;resize:vertical}.brief-field select{color-scheme:dark;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23acb795' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.brief-field :where(input,select,textarea):focus-visible{border-color:var(--accent);background:#101b0d6b;box-shadow:0 0 0 3px #b7cc7824}.brief-field textarea::placeholder{color:var(--ink-3)}.brief-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px}.brief-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:180px;border:0;border-radius:8px 8px 16px;padding:14px 16px;background:var(--accent);color:var(--accent-ink);font:600 13px/1 var(--font-body);cursor:pointer;transition:transform .18s ease,filter .18s ease}.brief-submit:hover{transform:translateY(-2px);filter:brightness(1.08)}.brief-submit:active{transform:translateY(0)}.brief-submit:disabled{cursor:wait;opacity:.7;transform:none}.brief-submit:focus-visible,.contact-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.brief-feedback{min-height:1.4em;color:var(--ink-2);font-size:12px}.brief-feedback.is-success{color:var(--accent)}.brief-feedback.is-error{color:#f1b3a9}.brief-feedback a{text-decoration:underline;text-underline-offset:3px}.form-honeypot{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}.contact-direct{display:grid;align-content:start;gap:10px;border-radius:8px 22px 22px;padding:clamp(20px,2.4vw,32px)}.contact-direct-label{margin-bottom:8px;color:var(--ink-3);font-size:10px}.contact-direct .contact-card{grid-template-columns:minmax(0,1fr) auto;align-content:start;padding:18px;border-radius:8px}.contact-direct .contact-k,.contact-direct .contact-v{grid-column:1}.contact-direct .contact-arrow{grid-column:2;grid-row:1 / 3}.contact-direct .contact-v{overflow-wrap:anywhere;font-family:var(--font-body);font-size:14px}@media(max-width:900px){.contact-workbench{grid-template-columns:1fr}.contact-direct{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:8px 22px 22px}.contact-direct-label{grid-column:1 / -1}.contact-direct .contact-card{grid-template-columns:1fr auto;align-content:start}.contact-direct .contact-k,.contact-direct .contact-v{grid-column:1}.contact-direct .contact-arrow{grid-column:2;grid-row:1 / 3}}@media(max-width:640px){.contact-workbench{margin-bottom:48px}.brief-head{display:grid}.brief-status{max-width:none}.brief-fields{grid-template-columns:1fr}.brief-field-wide{grid-column:auto}.brief-actions{align-items:stretch;flex-direction:column}.brief-submit{width:100%}.contact-direct{grid-template-columns:1fr}.contact-direct-label{grid-column:auto}.contact-direct .contact-card{grid-template-columns:minmax(0,1fr) auto}}.conversion-kicker{color:var(--ink-2);font:500 12px/1.6 var(--font-mono);letter-spacing:.06em}.landing-hero,.conversion-section,.conversion-page-header,.case-body{max-width:1240px;margin-inline:auto;padding-inline:40px}.landing-hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:64px;padding-block:70px 80px}.landing-copy h1{font-size:clamp(44px,4.8vw,68px);line-height:1.1;font-weight:500;letter-spacing:-.045em;margin:24px 0}.landing-copy h1 em{color:var(--forest);font-family:var(--font-accent);font-weight:400}.landing-intro,.page-lede{font-size:18px;line-height:1.8;color:var(--ink-2);max-width:660px}.conversion-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}.conversion-actions .btn-primary{font-size:14px;min-height:48px}.text-link{color:var(--forest);text-decoration:underline;text-underline-offset:5px;font-size:15px;line-height:1.7;font-weight:500}.landing-note{font-size:12px;line-height:1.7;color:var(--ink-2);margin-top:26px}.landing-portrait{margin:0;height:540px;background:#d9dfcd;border-radius:4px;overflow:hidden;position:relative}.landing-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.landing-portrait figcaption{position:absolute;bottom:22px;left:22px;right:22px;padding:12px 16px;background:var(--surface);display:flex;flex-direction:column;gap:4px;font-size:13px}.landing-portrait figcaption strong{font-size:15px}.conversion-section{padding-block:68px;border-top:1px solid var(--rule)}.conversion-heading{margin-bottom:36px;max-width:740px}.conversion-heading h2,.estimate-section h2{font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:12px 0}.conversion-heading p,.case-preview>p,.scope-list p,.working-together p,.engagements p,.engagements li,.engagements dd,.estimate-section p{color:var(--ink-2);font-size:16px;line-height:1.85}.case-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.case-preview h3{font-size:25px;font-weight:500;line-height:1.4;margin:10px 0}.case-preview h3 a{color:inherit;text-decoration:none}.case-preview>.conversion-kicker{font-size:12px;margin-top:24px}.case-preview>p{margin-bottom:20px}.case-media{margin:0}.case-media img{display:block;width:100%;height:auto;border:1px solid var(--rule);border-radius:3px}.case-media figcaption{font-size:12px;line-height:1.65;color:var(--ink-2);padding-top:10px}.case-image-link{display:block;text-decoration:none}.case-image-link:hover img{border-color:var(--forest)}.case-pair .case-media img{aspect-ratio:16 / 10;object-fit:contain;background:#111827}.scope-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-bottom:26px}.scope-list>div{border-top:2px solid var(--forest);padding-top:18px}.scope-list span{font:13px var(--font-mono);color:var(--ink-2)}.scope-list h3,.working-together h3{font-size:20px;line-height:1.5;font-weight:500;margin:14px 0 10px}.working-together{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}.working-together ol{list-style:decimal-leading-zero;padding-left:32px;margin:0}.working-together li{padding:0 0 22px 16px;border-bottom:1px solid var(--rule);margin-bottom:20px}.working-together li::marker{color:var(--ink-2);font:13px var(--font-mono)}.conversion-page-header{padding-block:64px 60px}.conversion-page-header h1{font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-.035em;line-height:1.2;max-width:900px;margin:22px 0}.conversion-page-header .page-lede{max-width:790px}.conversion-page-header>.text-link{display:inline-block;margin-bottom:24px}.engagements>article{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;padding-block:34px;border-top:1px solid var(--rule)}.engagement-title h3{font-size:28px;line-height:1.4;font-weight:500;margin:10px 0}.engagements h4,.engagements dt{font-size:15px;font-weight:600;margin:0 0 8px}.engagements ul{padding-left:22px;margin:0 0 22px}.engagements dd{margin:0 0 20px}.estimate-section{display:grid;grid-template-columns:1fr 1fr;gap:64px}.estimate-section h2{font-size:26px}.conversion-page .service-faq-list{max-width:850px}.conversion-page .service-faq-list summary h3{font-size:18px}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;padding:28px 0;margin:0 0 36px;border-block:1px solid var(--rule)}.case-facts dt{color:var(--ink-2);font-size:12px;margin-bottom:8px}.case-facts dd{margin:0;font-size:16px;line-height:1.8}.case-narrative{max-width:760px;margin:48px auto 72px}.case-narrative section{margin-bottom:42px}.case-narrative h2{font-size:28px;line-height:1.45;font-weight:500;letter-spacing:-.02em;margin-bottom:18px}.case-narrative p,.case-narrative li{font-size:17px;line-height:1.9;color:var(--ink-2);margin-bottom:14px}.case-narrative ul{padding-left:24px}.case-sources{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:42px;font-size:14px}.case-sources a{color:var(--forest);text-underline-offset:4px}.case-next{border-top:1px solid var(--rule);padding-top:32px}.nav-menu-toggle{display:none}.nav-link,.nav-cta{font-size:13px}.lang-switch button{font-size:12px;min-width:32px;min-height:40px}#contact,#selected-work,#service-scope{scroll-margin-top:95px}.brief-field>span,.brief-intro,.brief-status{font-size:14px}.brief-field :where(input,select,textarea){font-size:16px}.brief-privacy{color:#d7decd;font-size:13px;line-height:1.8;margin-top:16px}.locale-th .landing-copy h1{font-size:clamp(40px,4.5vw,62px);line-height:1.35;letter-spacing:-.025em}.locale-th .landing-copy h1 em{font-family:inherit;font-style:normal}.locale-th .conversion-page-header h1{line-height:1.4}@media(max-width:1000px){.landing-hero{gap:32px;padding-block:48px}.landing-portrait{height:460px}.nav-inner{flex-wrap:wrap}.nav-role{display:none}.nav-links{gap:12px}}@media(max-width:760px){.landing-hero,.conversion-section,.conversion-page-header,.case-body{padding-inline:22px}.landing-hero{grid-template-columns:1fr;gap:30px;padding-top:36px}.landing-copy h1{font-size:clamp(40px,8.5vw,56px)}.locale-th .landing-copy h1{font-size:clamp(38px,8.5vw,52px)}.landing-intro,.page-lede{font-size:16px}.landing-portrait{height:330px}.landing-portrait img{width:58vw;max-width:300px;margin-inline:auto}.landing-portrait figcaption{left:16px;right:auto;bottom:16px;max-width:200px}.conversion-section{padding-block:42px}.case-pair,.scope-list,.working-together,.engagements>article,.estimate-section{grid-template-columns:1fr;gap:28px}.case-pair{gap:42px}.conversion-heading{margin-bottom:24px}.case-preview h3{font-size:24px}.case-facts{grid-template-columns:1fr;gap:20px}.conversion-page-header{padding-block:36px}.case-narrative{margin-top:32px}.case-narrative p,.case-narrative li{font-size:16px}.nav-inner{display:flex;padding:12px 20px;gap:14px;justify-content:space-between}.nav-brand{flex:1}.nav-name-full{display:inline}.nav-name-short{display:none}.nav-name{display:block;font-size:15px}.nav-actions{margin:0;gap:6px}.nav-actions .nav-cta{display:none}.lang-switch button{font-size:12px;min-height:40px;min-width:32px}.nav-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--rule);border-radius:3px;background:transparent;padding:8px 12px;font:inherit;font-size:13px;color:var(--ink)}.nav-links{display:none;order:3;flex-basis:100%;padding-top:10px;border-top:1px solid var(--rule)}.nav-links.is-open{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:4px}.nav-links .nav-link{min-height:44px;padding:10px;font-size:14px;justify-content:flex-start}html[lang] .nav .nav-link{font-size:14px}.nav-links .nav-link:last-child{display:flex}.contact-display{font-size:34px}.contact-v{overflow-wrap:anywhere}.brief-head{gap:16px}}.landing-hero{position:relative;isolation:isolate;width:calc(100% - 64px);max-width:1256px;margin:32px auto 54px;padding:48px;min-height:590px;grid-template-columns:1.2fr 1fr;gap:26px;border:1px solid rgba(88,103,57,.16);border-radius:32px 32px 8px;overflow:hidden;background:linear-gradient(104deg,#f7f3e5fc,#f7f3e5f5 44%,#f4f1dec7 57%,#e5e8c21f 78%),url(/assets/grass-landscape-v1.webp) 64% center / cover;box-shadow:0 30px 48px -30px #27391a6b,inset 0 1px #ffffffb3}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% 14%,rgba(241,232,174,.34),transparent 18rem),linear-gradient(to top,rgba(24,39,20,.1),transparent 32%)}.landing-copy{position:relative;z-index:3}.landing-copy h1{font-size:clamp(44px,4.6vw,64px)}.landing-copy h1 em{color:#5c7430}.landing-intro{max-width:53ch;font-size:17px}.landing-note{border-top:1px solid rgba(86,103,59,.22);padding-top:18px}.landing-portrait{position:relative;height:520px;background:none;overflow:visible;border-radius:0}.landing-portrait img{z-index:1;position:absolute;top:30px;left:0;width:110%;max-width:500px;height:auto;filter:drop-shadow(0 28px 24px rgba(19,32,15,.24))}.landing-portrait:before{content:"";position:absolute;top:35px;right:12px;width:230px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(70,88,48,.2);background:#f0e6aa29;box-shadow:0 0 80px #f0e6aa38}.landing-portrait:after{content:"";position:absolute;right:-60px;bottom:20px;width:110%;height:130px;border:1px solid rgba(239,233,205,.5);border-left-color:transparent;border-radius:50%;transform:rotate(-8deg);pointer-events:none}.landing-portrait figcaption{z-index:2;bottom:4px;left:auto;right:-12px;width:fit-content;max-width:260px;padding:12px 16px;border:1px solid rgba(246,242,226,.3);border-radius:12px 12px 3px;background:#27361ed6;color:#f7f3e9;box-shadow:0 10px 24px #18271424}.landing-portrait figcaption strong{color:#f7f3e9}.conversion-section{border-top-color:transparent}.conversion-heading>.conversion-kicker{display:inline-flex;gap:12px;align-items:center}.conversion-heading>.conversion-kicker:before{content:"";width:27px;height:2px;background:var(--accent)}.conversion-heading h2,.conversion-page-header h1{text-wrap:balance}.case-pair{gap:28px}.case-preview{padding:20px 24px 28px;border:1px solid rgba(112,125,84,.2);border-radius:26px 26px 8px;background:linear-gradient(145deg,#faf8efe6,#dee4cfa8);box-shadow:0 16px 32px -24px #24371966,inset 0 1px #fffc}.case-image-link{margin:-6px -10px 0;padding:12px;border-radius:18px;background:#bbc7a147}.case-media img{border-radius:10px}.case-pair .case-media img{border-color:#5b6f3f40}.case-preview>.text-link{margin-top:4px}.service-overview{width:calc(100% - 64px);margin-block:36px;padding:48px;border:1px solid rgba(112,125,84,.22);border-radius:30px;background:radial-gradient(ellipse at 100% 0%,rgba(175,194,130,.35),transparent 56%),linear-gradient(135deg,#e8eadb,#e0e4cf);box-shadow:inset 0 1px #ffffffb3}.scope-list{gap:20px}.scope-list>div{padding:24px;border:1px solid rgba(103,119,74,.18);border-radius:18px;background:#fbf9f1a6}.scope-list span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--rule);border-radius:50%;background:var(--surface)}.working-together ol{padding-left:30px}.working-together li{padding:0 0 24px 22px;border-bottom:0;border-left:1px solid #a8b491;margin-bottom:0}.working-together li:last-child{padding-bottom:0}.conversion-page-header{position:relative;width:calc(100% - 64px);padding:48px;margin-block:32px 16px;overflow:hidden;border:1px solid rgba(112,125,84,.2);border-radius:28px 28px 8px;background:radial-gradient(ellipse at 95% 0%,rgba(177,195,140,.32),transparent 52%),linear-gradient(125deg,#f5f1e5,#e4e8d4);box-shadow:0 20px 40px -32px #27391a66,inset 0 1px #ffffffbf}.conversion-page-header:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(99,119,65,.12);border-radius:50%;right:-160px;top:-190px;pointer-events:none}.engagements>article{padding:32px;margin-bottom:24px;border:1px solid rgba(112,125,84,.2);border-radius:24px;background:linear-gradient(120deg,#f3f4e8f2,#f7f3e999);box-shadow:inset 0 1px #fffc}.engagement-title>.conversion-kicker{display:inline-block;border-bottom:2px solid var(--accent);padding-bottom:8px}.estimate-section>div{padding:28px;border-radius:20px;background:#dce4cc85}.case-facts{padding:28px;border:1px solid rgba(112,125,84,.22);border-radius:24px;background:#f3f4e8bf}.case-body>.case-media{padding:18px;background:#d3dcc08f;border:1px solid rgba(112,125,84,.18);border-radius:24px}.case-next{padding:32px;border:1px solid rgba(112,125,84,.22);border-radius:24px;background:linear-gradient(135deg,#e8eadb,#e0e4cf)}@media(max-width:1000px){.landing-hero{padding:36px;grid-template-columns:1.1fr 1fr}.landing-portrait{height:480px}.landing-portrait img{top:60px}.scope-list{grid-template-columns:1fr}}@media(max-width:760px){.landing-hero{width:calc(100% - 32px);margin-top:20px;padding:28px 24px 0;grid-template-columns:1fr;gap:0;border-radius:24px;background:linear-gradient(180deg,#f7f3e5fc,#f7f3e5f7 48%,#efedd54d 76%),url(/assets/grass-landscape-v1.webp) center bottom / auto 55% no-repeat,#f4f0e2}.landing-copy h1,.locale-th .landing-copy h1{font-size:clamp(34px,8.8vw,52px)}.landing-intro{font-size:16px}.landing-portrait{height:350px}.landing-portrait img{top:20px;left:auto;right:-14px;width:72vw;max-width:350px;margin:0}.landing-portrait:before{top:38px;width:180px}.landing-portrait:after{bottom:40px}.landing-portrait figcaption{bottom:18px;left:0;right:auto;max-width:230px;font-size:11px}.service-overview,.conversion-page-header{width:calc(100% - 32px);padding:28px 24px;border-radius:24px}.case-preview{padding:18px 20px 24px}.case-image-link{padding:8px}.engagements>article{padding:24px;gap:20px}.estimate-section{gap:20px}.case-facts,.case-next{padding:24px}.case-body>.case-media{padding:12px}}