:root{--ink:#141614;--ink2:#1c201d;--white:#f8f8f3;--cream:#f2f1eb;--soft:#e8e7de;--muted:#7a7f76;--line:rgba(17,21,17,.15);--lime:#d9f66f;--serif:Georgia,'Times New Roman',serif;--sans:'Manrope','DM Sans',Arial,sans-serif;--max:1360px;--gutter:clamp(20px,4.5vw,78px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #779b15;outline-offset:3px}
::selection{background:var(--lime);color:#111}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.container{width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}
.section-pad{padding-block:clamp(86px,10vw,155px)}
.skip-link{position:fixed;top:-80px;left:20px;background:var(--lime);z-index:200;padding:12px 18px;color:#101010}
.skip-link:focus{top:12px}
.site-shell{overflow:clip}
/* Header */
.site-header{position:absolute;z-index:30;top:0;left:0;width:100%;color:#f7f8f2;border-bottom:1px solid rgba(255,255,255,.12);height:88px;transition:background .25s,border-color .25s,box-shadow .25s}
.site-header.is-scrolled{position:fixed;height:77px;background:rgba(17,19,17,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(255,255,255,.07);box-shadow:0 8px 28px rgba(0,0,0,.14)}
.header-container{height:100%;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content;z-index:32}
.brand img{width:46px;height:46px}
.brand-copy{display:flex;flex-direction:column;gap:4px}
.brand-copy strong{font-size:19px;letter-spacing:-.04em;font-weight:800;line-height:1}
.brand-registered{font-size:9px;vertical-align:top;margin-left:3px;letter-spacing:0}
.brand-copy small{font-size:8px;letter-spacing:.13em;font-weight:700;color:#adb0ab}
.main-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,36px);margin-left:auto}
.main-nav>a:not(.mobile-nav-cta){font-size:12px;font-weight:700;white-space:nowrap;color:#c3c5bc;transition:color .2s}
.main-nav>a:hover,.main-nav>a.is-active{color:var(--lime)}
.header-cta{height:42px;padding:0 21px;display:flex;align-items:center;justify-content:center;gap:24px;font-size:12px;font-weight:800;background:var(--lime);color:var(--ink);margin-left:20px;transition:transform .25s,background .25s}
.header-cta:hover{transform:translateY(-2px);background:#e7ff9c}
.header-cta .icon{width:16px}
.menu-toggle,.mobile-nav-cta{display:none}
/* Hero */
.hero{position:relative;background:#141614;color:var(--white);min-height:760px;min-height:min(810px,100svh);padding-top:88px;isolation:isolate;overflow:hidden}
.hero::after{content:'';position:absolute;inset:auto -15% -46% 27%;height:75%;background:radial-gradient(ellipse,#31412988,transparent 68%);z-index:-1;pointer-events:none}
.hero-grain{position:absolute;z-index:-1;inset:0;opacity:.1;pointer-events:none;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.hero-grid{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px) 0 0/110px 110px,linear-gradient(0deg,rgba(255,255,255,.033) 1px,transparent 1px) 0 0/110px 110px;mask-image:linear-gradient(90deg,transparent,black 65%)}
.hero-content{position:relative;display:flex;align-items:center;min-height:630px;padding-top:44px;padding-bottom:54px}
.hero-intro{position:relative;z-index:3;max-width:920px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;display:flex;align-items:center;gap:12px}
.hero-eyebrow{margin:0 0 37px;color:#d5d8c9;flex-wrap:wrap}
.eyebrow-square{display:inline-block;background:var(--lime);width:8px;height:8px;flex:none}
.eyebrow-line{display:block;width:33px;border-top:1px solid #5c6056}
.hero h1{margin:0;max-width:1050px;letter-spacing:-.04em;line-height:1.07;font-size:clamp(67px,8.25vw,126px);font-weight:800}
.hero-outline{color:var(--lime);white-space:nowrap;letter-spacing:-.04em}
.hero-description{font-size:clamp(16px,1.5vw,19px);line-height:1.8;max-width:560px;color:#adb4a9;margin:37px 0 35px}
.hero-actions{display:flex;align-items:center;gap:38px}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:57px;padding:0 24px;font-size:12px;font-weight:800;letter-spacing:-.01em;transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-3px)}
.btn-accent{background:var(--lime);color:var(--ink)}
.btn-accent:hover{background:#ecffa8}
.btn .icon{width:18px;height:18px}
.text-cta{display:inline-flex;align-items:center;gap:20px;color:#d9ded7;font-weight:700;font-size:13px;border-bottom:1px solid #5c635b;padding:14px 0;transition:gap .2s}
.text-cta:hover{gap:26px}
.text-cta .icon{width:18px}
.hero-art{width:min(600px,48vw);height:min(600px,48vw);min-width:410px;min-height:410px;position:absolute;right:-90px;top:60px;z-index:1;opacity:.96;pointer-events:none}
.art-orbit{position:absolute;inset:0;border:1px solid rgba(216,246,111,.15);border-radius:50%}
.art-orbit-1{inset:12%;border-color:rgba(216,246,111,.23);transform:rotate(-28deg) scaleY(.74)}
.art-orbit-2{inset:19%;border-color:rgba(216,246,111,.38);transform:rotate(37deg) scaleX(.68)}
.art-orbit-3{inset:2%;border:1px dashed rgba(216,246,111,.14);animation:orbit 45s linear infinite}
.art-orbit-1:before{content:'';position:absolute;top:13%;left:16%;width:13px;height:13px;background:var(--lime);border-radius:50%;box-shadow:0 0 40px #baf34d}
.art-orbit-2:after{content:'';position:absolute;right:20%;bottom:7%;width:8px;height:8px;background:#f1f4e4;border-radius:50%}
.art-center{position:absolute;left:24%;top:24%;width:52%;height:52%;border-radius:50%;background:radial-gradient(circle at 32% 20%,#e9ffa6 0%,#b4de56 36%,#536b2d 66%,#171d15 86%);box-shadow:inset -18px -34px 60px rgba(0,0,0,.47),0 0 75px #b1ea6222;display:flex;align-items:center;justify-content:center;transform:rotate(-20deg)}
.art-center:after{content:'';position:absolute;inset:5px;border:1px solid #e1faa933;border-radius:50%}
.art-k{font-size:clamp(140px,20vw,280px);letter-spacing:-.05em;color:#1a2915;opacity:.85;font-weight:800;line-height:.7;padding-right:25px;filter:drop-shadow(0 4px 2px #d9ffa250)}
.art-star{font-size:27px;vertical-align:top;position:absolute;right:27%;top:28%;letter-spacing:0}
.art-pill{position:absolute;font-size:10px;letter-spacing:.11em;font-weight:800;border:1px solid #55684f;background:rgba(26,32,25,.83);padding:16px 19px;backdrop-filter:blur(5px);color:#f0f5d9;white-space:nowrap}
.art-pill-a{top:26%;left:0%;transform:rotate(-7deg)}
.art-pill-b{right:2%;bottom:24%;transform:rotate(7deg)}
.signal{display:inline-block;margin-right:7px;background:var(--lime);width:6px;height:6px;border-radius:50%}
.art-plus{color:var(--lime);margin:0 5px}
.art-corner{position:absolute;bottom:0;right:15%;font-size:11px;font-weight:800;letter-spacing:.16em;display:flex;gap:20px;color:#abb49f}
.art-corner span{color:var(--lime)}
.hero-foot{position:relative;z-index:3;min-height:89px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff24;gap:20px;color:#8f958d;font-size:9px;font-weight:800;letter-spacing:.12em}
.hero-foot-left,.scroll-cue{display:flex;align-items:center;gap:22px}
.foot-number{color:var(--lime)}
.scroll-cue{color:#e2e3da}
.scroll-cue span{font-size:23px;font-weight:400;color:var(--lime);animation:bob 2s ease-in-out infinite}
.hero-foot-right span{color:#e1e4d6}
.marquee{height:63px;background:var(--lime);overflow:hidden;display:flex;align-items:center}
.marquee-track{white-space:nowrap;animation:marquee 29s linear infinite}
.marquee-track span{font-size:19px;letter-spacing:.045em;font-weight:800;color:#181b15}
.marquee-track b{font-size:16px;margin:0 34px;font-weight:400}
  @keyframes marquee{to{transform:translateX(-50%)}
}
  @keyframes orbit{to{transform:rotate(360deg)}
}
  @keyframes bob{50%{transform:translateY(5px)}
}
/* Shared sections */
.section-index{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.15em;font-weight:800;margin:0 0 30px}
.index-dot{width:8px;height:8px;background:#29352a;display:inline-block;border-radius:50%}
.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:49px}
.section-heading{font-size:clamp(52px,6.1vw,94px);line-height:1.09;letter-spacing:-.035em;margin:0;font-weight:800}
.section-heading em{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}
.section-aside{max-width:340px;font-size:15px;line-height:1.85;color:#696f65;margin:0 0 7px}
.tiny-overline{font-size:10px;letter-spacing:.11em;font-weight:800}
/* Portfolio */
.work-section{background:var(--cream)}
.work-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:23px 0;margin-bottom:35px;gap:18px}
.work-tools p{margin:0}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}
.filter-tab{background:transparent;color:#666c63;border:1px solid #d7d9d0;padding:10px 16px;border-radius:40px;font-size:11px;font-weight:800;transition:.2s}
.filter-tab:hover,.filter-tab.active{background:#191d18;border-color:#191d18;color:#fff}
.filter-tab span{opacity:.6;font-size:9px;margin-left:5px}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 24px}
.project-card{min-width:0;transition:opacity .25s}
.project-card.is-hidden{display:none}
.project-card.project-wide{grid-column:1/-1}
.project-visual{position:relative;display:block;height:clamp(315px,37vw,530px);overflow:hidden;isolation:isolate}
.project-wide .project-visual{height:clamp(390px,42vw,600px)}
.project-open{position:absolute;z-index:9;right:26px;top:26px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#f8f9eb;color:#1b2218;transition:transform .2s,background .2s}
.project-open .icon{width:23px;height:23px}
.project-visual:hover .project-open{transform:rotate(45deg);background:var(--lime)}
.project-caption{display:flex;justify-content:space-between;gap:20px;margin-top:26px}
.project-metadata{font-size:10px;font-weight:800;letter-spacing:.09em;color:#848b80;margin-bottom:12px}
.project-caption h3{font-size:clamp(22px,2vw,29px);line-height:1.3;letter-spacing:-.025em;margin:0 0 7px}
.project-caption p{font-size:13px;max-width:560px;line-height:1.8;color:#70776d;margin:0}
.project-link{border:1px solid #c4c7bb;flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;transition:.2s}
.project-link:hover{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.link-decor{cursor:default;opacity:.6}
.link-decor:hover{background:transparent;color:inherit;border-color:#c4c7bb}
.portfolio-disclaimer{font-size:11px;color:#80877b;border-top:1px solid #dedfd6;padding-top:20px;margin-top:61px}
/* Mart visual */
.mart-visual{background:#d9ceb9;display:flex;align-items:center;justify-content:center;padding:clamp(25px,5vw,80px);background-image:radial-gradient(circle at 90% 5%,#f6e5bd,transparent 32%),linear-gradient(130deg,#c7a988,#ecdfc6)}
.mart-dots{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#3d3b36 1px,transparent 1px);background-size:21px 21px}
.mart-layout{position:relative;width:min(900px,90%);height:92%;max-height:470px;box-shadow:20px 28px 50px #6b574955;background:#faf7ec;transform:rotate(-2deg);transition:transform .5s}
.mart-visual:hover .mart-layout{transform:rotate(-.3deg) translateY(-5px)}
.mart-header{height:15%;min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;color:#33251d}
.mart-header>b{font-weight:800;font-size:clamp(12px,1.6vw,19px);letter-spacing:-.03em}
.mart-header>b i{font-style:normal;color:#b87650}
.mart-header>span{font-family:var(--serif);font-size:clamp(8px,1vw,12px)}
.mart-banner{height:73%;margin:0 3%;position:relative;background:#e2c1a3;display:flex;align-items:start;justify-content:center;flex-direction:column;padding-left:8%;overflow:hidden}
.mart-banner-small{font-size:clamp(8px,.9vw,12px);font-weight:800;letter-spacing:.14em;color:#60412f;position:relative;z-index:2}
.mart-banner strong{font-size:clamp(40px,6vw,92px);line-height:1.07;letter-spacing:-.04em;color:#452d22;position:relative;z-index:3;margin-top:11px}
.mart-objects{position:absolute;inset:0;overflow:hidden}
.mart-sun{position:absolute;width:38%;aspect-ratio:1;border-radius:50%;background:#f1d896;right:11%;top:0}
.mart-tote{position:absolute;right:12%;bottom:-8%;height:77%;width:25%;background:linear-gradient(135deg,#d18a5c,#a65737);border-radius:12px 12px 20px 20px;box-shadow:16px 13px 20px #9f6b5344;transform:rotate(9deg)}
.mart-tote::before{content:'';width:46%;height:31%;border:clamp(8px,1.5vw,20px) solid #b96d49;border-radius:50% 50% 20px 20px;position:absolute;left:25%;top:-25%}
.mart-tote i{position:absolute;left:38%;top:34%;font-size:clamp(35px,5vw,70px);font-style:normal;font-weight:800;color:#edb790;transform:rotate(-9deg)}
.mart-shape{position:absolute;background:#f3b158;width:14%;height:30%;right:35%;bottom:-10%;border-radius:50%}
.mart-categories{height:12%;display:flex;justify-content:space-around;align-items:center;color:#745744;font-size:clamp(8px,.9vw,10px);font-weight:800;letter-spacing:.08em}
/* Plant visual */
.plant-visual{background:#bfd1b0}
.plant-visual img{height:100%;width:100%;object-fit:cover;transition:transform .7s}
.plant-visual:hover img{transform:scale(1.04)}
.plant-overlay{position:absolute;z-index:2;inset:0;padding:8%;color:#173c29;background:linear-gradient(90deg,#d9e7c5cf,transparent 60%);display:flex;flex-direction:column;align-items:start}
.plant-overlay>span{letter-spacing:.15em;font-weight:800;font-size:10px}
.plant-overlay strong{font-size:clamp(45px,5vw,74px);letter-spacing:-.035em;line-height:1.06;margin-top:40px;max-width:430px}
.plant-overlay small{margin-top:auto;font-weight:800;letter-spacing:.1em;font-size:11px}
/* Concept artwork */
.software-visual{background:#d8dfe8;padding:11% 8% 0;display:flex;align-items:flex-end;background-image:linear-gradient(125deg,#c7d1d9,#e3e6e8)}
.mock-desktop{width:100%;height:95%;display:flex;background:#fbfbfd;box-shadow:0 20px 45px #3e4e5b42;border-radius:13px 13px 0 0;overflow:hidden;transform:perspective(1400px) rotateX(7deg);transform-origin:bottom;transition:.5s}
.software-visual:hover .mock-desktop{transform:perspective(1400px) rotateX(0)}
.mock-side{width:12%;background:#1b2b31;display:flex;align-items:center;gap:29px;flex-direction:column;padding:18px 4px;color:#9baeb1;font-size:15px}
.mock-side .mock-monogram{font-size:28px;font-weight:800;color:#d7f28d;line-height:1}
.mock-main{padding:4% 5%;width:88%}
.mock-bar{display:flex;align-items:center;justify-content:space-between;color:#869198;font-size:10px;margin-bottom:7%}
.mock-avatar{background:#e6eee5;padding:9px 10px;border-radius:50%;font-size:9px;color:#3d5947}
.mock-main>small{font-size:8px;letter-spacing:.09em;font-weight:800;color:#98a2a5}
.mock-main h4{font-size:clamp(17px,2.3vw,30px);letter-spacing:-.035em;line-height:1.2;margin:7px 0 5%}
.mock-kpis{display:flex;gap:10px}
.mock-kpis>span{flex:1;min-width:0;border:1px solid #e6e9ee;border-radius:7px;padding:clamp(7px,1vw,15px);display:flex;flex-direction:column;gap:8px}
.mock-kpis small{font-size:clamp(7px,.7vw,10px);color:#91a0a1}
.mock-kpis strong{font-size:clamp(13px,1.8vw,23px);letter-spacing:-.025em}
.mock-kpis i{font-size:8px;color:#298366;font-style:normal;font-weight:800}
.mock-lower{height:44%;display:flex;gap:11px;margin-top:12px}
.mock-chart{height:100%;flex:2;border:1px solid #e7e9ed;border-radius:8px;padding:12px}
.mock-bars{height:100%;display:flex;gap:5%;align-items:flex-end;justify-content:space-between}
.mock-bars i{flex:1;background:#b6d6c8;border-radius:4px 4px 0 0;min-width:1px}
.mock-bars i:nth-child(3n){background:#476b65}
.mock-pie{flex:1;border:1px solid #e7e9ed;border-radius:8px;display:grid;place-items:center}
.mock-pie span{width:67%;aspect-ratio:1;background:conic-gradient(#426c5f 0 42%,#b7d5ca 42% 78%,#e6ebe9 78%);border-radius:50%;position:relative}
.mock-pie span:after{content:'';position:absolute;inset:22%;background:#fff;border-radius:50%}
.concept-stamp{position:absolute;z-index:4;right:17px;bottom:18px;background:#1a211e;color:#fff;padding:10px 12px;font-size:9px;letter-spacing:.12em;font-weight:800}
.commerce-visual{background:#e3e1d8;display:flex;align-items:center;padding:9% 8%;background-image:radial-gradient(circle at 20% 5%,#f7f7ed,#d5d4c8)}
.commerce-window{height:93%;width:100%;background:#f6f5ec;box-shadow:0 24px 50px #777a6d52;transform:rotate(2deg);transition:transform .5s}
.commerce-visual:hover .commerce-window{transform:rotate(0)}
.commerce-nav{height:15%;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #d7d8cb}
.commerce-nav>span:first-child{font-size:clamp(17px,2.5vw,30px);font-weight:800;letter-spacing:-.035em}
.commerce-nav .dot{color:#a77b5a}
.commerce-nav small,.commerce-nav>span:last-child{font-size:clamp(6px,.8vw,9px);letter-spacing:.09em}
.commerce-hero{height:85%;display:flex;overflow:hidden}
.commerce-copy{width:52%;padding:10% 3% 8% 8%;position:relative;z-index:2}
.commerce-copy small{font-size:9px;letter-spacing:.08em;white-space:nowrap}
.commerce-copy h4{font-size:clamp(35px,5vw,74px);letter-spacing:-.04em;line-height:1.1;margin:14% 0 10%}
.commerce-copy em{font-family:var(--serif);font-weight:400}
.commerce-copy>span{font-size:9px;border-bottom:1px solid #252822;padding-bottom:9px;font-weight:800}
.commerce-product{width:48%;position:relative;background:#dfd6c9;overflow:hidden}
.commerce-circle{position:absolute;width:115%;aspect-ratio:1;top:-12%;left:0%;background:#bfaa93;border-radius:50%;opacity:.48}
.commerce-bottle{position:absolute;height:63%;width:27%;left:39%;top:18%;background:linear-gradient(100deg,#5c654a,#a3a98e 48%,#666f59);border-radius:18px 18px 10px 10px;box-shadow:15px 19px 19px #5d695855;transform:rotate(-12deg)}
.commerce-bottle:before{content:'';position:absolute;left:27%;width:46%;height:17%;top:-13%;background:#484d36;border-radius:3px}
.commerce-bottle:after{content:'nova';position:absolute;top:48%;left:4%;width:92%;text-align:center;color:#e8e8df;font-family:var(--serif);font-size:clamp(12px,1.4vw,20px);font-style:italic}
.commerce-plate{position:absolute;width:70%;height:18%;border-radius:50%;background:#b8b09b;left:17%;bottom:4%;box-shadow:0 9px 18px #736f6055}
.identity-visual{background:#afb2f0;padding:7%;color:#302d53;background-image:radial-gradient(circle at 80% 15%,#d3cfff,#a19cdf)}
.identity-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;transform:rotate(-3deg);transition:transform .5s}
.identity-visual:hover .identity-grid{transform:rotate(0)}
.identity-grid>div{padding:9%;background:#ddd9f7}
.identity-small{font-size:clamp(13px,2vw,28px);letter-spacing:-.035em;font-weight:800;line-height:1.05;position:relative}
.identity-small span{position:absolute;right:8%;top:10%;font-size:12px}
.identity-symbol{font-size:clamp(100px,15vw,200px);font-weight:800;letter-spacing:-.05em;display:flex;align-items:center;justify-content:center;line-height:1}
.identity-symbol span{font-size:.32em;margin-left:0;color:#8f8cde;align-self:flex-start;margin-top:10%}
.identity-word{font-size:clamp(26px,4vw,58px);line-height:1.0;font-weight:800;letter-spacing:-.04em;display:flex;flex-direction:column;justify-content:center}
.identity-word i{font-family:var(--serif);font-weight:400}
.identity-detail{font-size:clamp(10px,1vw,14px);font-weight:800;line-height:1.8;letter-spacing:.05em;display:flex;align-items:end}
/* Services */
.services-section{background:#161916;color:#f3f4ed;position:relative;overflow:hidden}
.services-section:before{content:'';position:absolute;right:-200px;top:15%;width:650px;height:650px;background:radial-gradient(circle,#a3c34f10,transparent 65%);pointer-events:none}
.services-section .section-index,.venture-section .section-index{color:#d7e0cf}
.services-section .index-dot,.venture-section .index-dot{background:var(--lime)}
.section-title-row-dark .section-heading em{color:var(--lime)}
.services-intro{max-width:335px}
.services-intro p{font-size:17px;line-height:1.65;color:#c2cac0}
.services-intro span{font-size:10px;letter-spacing:.12em;color:#859184;font-weight:800}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff24;border-left:1px solid #ffffff24}
.service-card{min-height:325px;border-right:1px solid #ffffff24;border-bottom:1px solid #ffffff24;padding:clamp(20px,2.2vw,35px);display:flex;flex-direction:column;transition:background .2s,color .2s}
.service-card:hover{background:#d9f66f;color:#171b15}
.service-top{display:flex;justify-content:space-between;align-items:flex-start;color:var(--lime)}
.service-card:hover .service-top{color:#202b19}
.service-top>span{color:#808c7f;font-size:12px;font-weight:800}
.service-icon{width:29px;height:29px;stroke-width:1.4}
.service-card h3{font-size:clamp(21px,2.1vw,28px);line-height:1.25;letter-spacing:-.025em;margin:36px 0 14px}
.service-card p{font-size:12px;line-height:1.8;color:#9ca79a;margin:0;max-width:250px;transition:color .2s}
.service-card:hover p,.service-card:hover .service-bottom{color:#38472c}
.service-bottom{margin-top:auto;padding-top:25px;display:flex;align-items:end;justify-content:space-between;gap:10px;color:#98a596;font-size:10px;font-weight:700}
.service-bottom .icon{color:var(--lime)}
.service-card:hover .service-bottom .icon{color:#1d281a}
/* About */
.about-section{background:var(--lime);overflow:hidden}
.about-grid{display:grid;grid-template-columns:1.08fr .78fr;gap:clamp(50px,8vw,140px)}
.about-left{position:relative;min-height:490px}
.about-left h2{font-size:clamp(54px,6vw,92px);letter-spacing:-.04em;line-height:1.13;margin:0}
.about-left h2 span{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.035em}
.about-mark{position:absolute;bottom:-130px;left:-20px;font-size:clamp(250px,31vw,460px);font-weight:800;line-height:1;letter-spacing:-.05em;color:#151d1110;user-select:none}
.about-mark span{font-size:.25em;position:absolute;top:6%;right:-8%}
.about-right{padding-top:55px;position:relative}
.about-side-label{font-size:10px;font-weight:800;letter-spacing:.14em}
.about-lede{font-size:clamp(22px,2.5vw,34px);line-height:1.45;letter-spacing:-.02em;font-weight:800;margin:37px 0}
.about-right>p:not(.about-lede){max-width:560px;color:#3b4b31;line-height:1.85;font-size:14px}
.btn-ink{background:#171a15;color:#f2f4e5;margin-top:20px}
.btn-ink:hover{background:#2b3d28}
/* Process */
.process-section{background:#f8f8f3}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ced0c6}
.process-card{padding:25px 30px 5px 0;min-height:310px;border-right:1px solid #d6d8ce;margin-right:24px;display:flex;flex-direction:column}
.process-card:last-child{border:0;margin-right:0}
.process-n{font-size:12px;font-weight:800;color:#717a6d}
.process-symbol{font-size:55px;line-height:1;margin-top:43px;font-weight:400}
.process-card h3{font-size:22px;letter-spacing:-.025em;margin:33px 0 8px}
.process-card p{font-size:13px;line-height:1.8;color:#747970;margin:0;max-width:260px}
/* Ventures */
.venture-section{background:#262b24;color:#f3f4eb}
.venture-section .section-aside{color:#a0a99b}
.venture-list{border-top:1px solid #ffffff3c}
.venture-row{display:grid;grid-template-columns:65px minmax(300px,1.5fr) minmax(220px,1fr) 57px;align-items:center;gap:20px;border-bottom:1px solid #ffffff3c;min-height:193px;transition:padding .2s,background .2s}
.venture-row:hover{padding-left:14px;background:#ffffff08}
.venture-num{color:var(--lime);font-size:12px;font-weight:800;align-self:start;margin-top:46px}
.venture-name{font-size:clamp(30px,3.4vw,55px);font-weight:800;letter-spacing:-.035em;line-height:1}
.venture-name i{font-family:var(--serif);color:var(--lime);font-weight:400}
.venture-name small{display:block;font-size:10px;letter-spacing:.11em;font-weight:700;color:#acb6a7;margin-top:19px}
.venture-description{font-size:13px;line-height:1.8;color:#a3aca0;max-width:275px}
.venture-arrow{width:53px;height:53px;display:grid;place-items:center;border:1px solid #6c786a;border-radius:50%;transition:.2s}
.venture-row:hover .venture-arrow{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:rotate(45deg)}
/* FAQ */
.faq-section{background:var(--cream)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px)}
.faq-intro p:not(.section-index){font-size:14px;line-height:1.8;color:#697269;max-width:340px;margin:29px 0 12px}
.inline-link{font-size:12px;font-weight:800;display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #828d77;padding:13px 0}
.inline-link .icon{width:16px}
.faq-list{border-top:1px solid #cbd0c5}
.faq-list details{border-bottom:1px solid #cbd0c5}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 0;font-size:15px;font-weight:800;letter-spacing:-.012em;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-plus{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center}
.faq-plus .icon{width:19px;transition:transform .2s}
.faq-list details[open] .faq-plus .icon{transform:rotate(45deg)}
.faq-list details p{color:#6e766c;font-size:13px;line-height:1.9;max-width:545px;margin:-3px 40px 24px 0}
/* Contact */
.contact-section{background:#171a16;color:#f4f5ed;padding:clamp(75px,10vw,140px) 0 115px;position:relative;overflow:hidden}
.contact-section:after{content:'';position:absolute;pointer-events:none;background:radial-gradient(circle,#6c8d3344,transparent 65%);width:650px;height:650px;right:-30%;top:-35%}
.contact-top{position:relative;z-index:1}
.contact-top .section-index{color:#d3d9c7}
.contact-top .index-dot{background:var(--lime)}
.contact-top h2{font-size:clamp(64px,8.2vw,122px);letter-spacing:-.04em;line-height:1.05;margin:0}
.contact-top h2 em{color:var(--lime);font-family:var(--serif);font-weight:400}
.contact-top>p:not(.section-index){color:#9ea69a;margin:25px 0 58px;font-size:15px}
.contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;border-top:1px solid #ffffff2b;padding-top:50px}
.contact-card-title{color:#a7b2a3;letter-spacing:.16em;font-size:10px;font-weight:800;margin:0 0 23px}
.contact-email{font-size:clamp(22px,2.5vw,34px);display:flex;align-items:center;gap:18px;letter-spacing:-.02em;font-weight:800;width:fit-content}
.contact-email .icon{width:19px;color:var(--lime)}
.contact-phone{margin-top:18px;display:flex;align-items:center;gap:19px;color:#c4cdbf;font-size:19px;width:fit-content}
.contact-phone .icon{color:var(--lime);width:16px}
.contact-address{display:flex;gap:17px;align-items:start;margin-top:46px}
.contact-address .icon{color:var(--lime);width:19px;margin-top:4px}
.contact-address p{line-height:1.8;margin:0;color:#aeb7a9;font-size:13px}
.contact-social{display:flex;align-items:center;gap:18px;width:fit-content;margin-top:20px;font-size:13px;font-weight:700;border-bottom:1px solid #899585;padding-bottom:12px}
.contact-social .icon{width:16px}
.contact-decoration{margin-top:42px;position:relative;font-size:250px;font-weight:800;letter-spacing:-.05em;color:#d9f66f1a;line-height:1}
.contact-decoration span{position:absolute;top:-4%;font-size:55px;letter-spacing:0}
.form-panel{background:#252b24;padding:clamp(26px,4vw,52px);align-self:start}
.form-heading{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-bottom:34px}
.form-heading h3{font-size:25px;letter-spacing:-.025em;margin:0}
.form-heading>span{font-size:9px;color:#9cac97;font-weight:800;letter-spacing:.07em}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form-group{margin-bottom:23px}
.form-group label{display:block;font-size:10px;letter-spacing:.02em;font-weight:800;margin-bottom:12px;color:#e3e8df}
.form-group input,.form-group select,.form-group textarea{background:#252b24;color:#f7faed;width:100%;border:1px solid #66715e;padding:15px 15px;border-radius:0;min-height:53px;outline:none;transition:border-color .2s;font-size:13px}
.form-group input::placeholder,.form-group textarea::placeholder{color:#97a391;opacity:1}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--lime)}
.form-group select{appearance:none;cursor:pointer;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d9f66f' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}
.form-group select option{background:#222b22}
.form-group textarea{resize:vertical;min-height:120px}
.consent-label{display:flex;align-items:flex-start;gap:12px;line-height:1.65;font-size:11px;color:#abb5a7;cursor:pointer}
.consent-label input{margin-top:4px;accent-color:var(--lime);width:15px;height:15px}
.consent-label a{text-decoration:underline;color:#e8f5bb}
.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-top:29px;flex-wrap:wrap}
.form-submit{border:0;min-width:190px}
.form-submit:disabled{cursor:wait;opacity:.65;transform:none}
.form-status{min-height:21px;font-size:12px;color:#e8f0d6;line-height:1.6;margin:0;flex:1 1 200px}
.form-status.error{color:#ffb4a8}
.form-status.success{color:var(--lime)}
.form-fallback{font-size:10px;color:#8f998d;margin:22px 0 0}
.form-fallback a{color:#e9f5c7;text-decoration:underline}
.honeypot{position:absolute;left:-10000px;opacity:0;width:1px;height:1px;pointer-events:none}
/* Footer */
.footer{background:#111411;color:#e8ebe2;padding-top:62px}
.footer-top{display:grid;grid-template-columns:1fr 1fr .9fr;gap:30px;align-items:start}
.footer-brand{display:flex;align-items:center;gap:13px}
.footer-brand>span{font-size:25px;font-weight:800;letter-spacing:-.035em}
.footer-r{font-size:10px;letter-spacing:0;vertical-align:top;margin-left:2px}
.footer-top p{font-size:17px;line-height:1.55;margin:3px 0;color:#bdc7b6}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;color:#c5ccbf;font-size:12px;font-weight:700}
.footer-links a:hover,.footer-bottom a:hover{color:var(--lime)}
.footer-giant{font-size:clamp(88px,16.6vw,265px);font-weight:800;line-height:1;letter-spacing:-.05em;white-space:nowrap;margin:65px 0 35px;color:#d9f66f;display:flex;align-items:center;justify-content:center}
.footer-giant span{font-size:.15em;align-self:flex-start;letter-spacing:0;margin:2% 0 0 0}
.footer-bottom{border-top:1px solid #ffffff30;padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}
.footer-bottom p,.footer-bottom a{font-size:9px;letter-spacing:.085em;font-weight:800;color:#98a496;margin:0}
.footer-bottom>div{display:flex;gap:23px;flex-wrap:wrap}
/* Motion, interactions */
.js-enabled .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.15,1)}
.js-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}
.js-enabled .project-card.is-hidden{display:none}
/* Small devices */
  @media(max-width:1180px){.main-nav{gap:17px}
  .main-nav>a:not(.mobile-nav-cta){font-size:11px}
  .header-cta{margin-left:0}
  .hero-art{right:-190px;opacity:.64}
  .hero-intro{max-width:800px}
  .hero h1{font-size:clamp(65px,8vw,96px)}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card{min-height:300px}
  .service-card h3{font-size:26px}
  .footer-giant{font-size:16vw}
}
  @media(max-width:900px){.site-header{height:75px}
  .site-header.is-scrolled{height:70px}
  .brand img{width:42px;height:42px}
  .brand-copy strong{font-size:18px}
  .header-cta{margin-left:auto}
  .main-nav{display:none;position:fixed;z-index:29;top:0;left:0;width:100vw;height:100dvh;padding:105px var(--gutter) 55px;background:#171b16;flex-direction:column;align-items:stretch;gap:0;overflow:auto}
  .main-nav.is-open{display:flex}
  .main-nav>a:not(.mobile-nav-cta){font-size:clamp(30px,7vw,52px);font-weight:800;letter-spacing:-.03em;padding:11px 0;border-bottom:1px solid #ffffff20;color:#f1f5e7}
  .main-nav .mobile-nav-cta{display:flex;align-items:center;justify-content:space-between;background:var(--lime);color:#141614;font-size:15px;font-weight:800;padding:18px 23px;margin-top:36px}
  .menu-toggle{border:1px solid #ffffff55;background:transparent;height:42px;width:45px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;z-index:32;padding:0}
  .menu-toggle span{display:block;width:20px;height:2px;background:white;transition:.2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .hero{min-height:770px;padding-top:75px}
  .hero-content{min-height:585px}
  .hero h1{font-size:clamp(56px,9vw,92px)}
  .hero-art{width:550px;height:550px;min-width:0;min-height:0;top:90px;right:-330px;opacity:.4}
  .hero-foot-right{display:none}
  .section-title-row{gap:30px}
  .project-visual{height:350px}
  .project-wide .project-visual{height:470px}
  .mart-layout{width:95%}
  .plant-overlay strong{font-size:55px}
  .about-grid{grid-template-columns:1fr 1fr;gap:36px}
  .about-left h2{font-size:clamp(50px,6.4vw,74px)}
  .about-left{min-height:490px}
  .process-grid{grid-template-columns:1fr 1fr;row-gap:26px}
  .process-card:nth-child(2){border:0}
  .venture-row{grid-template-columns:37px minmax(200px,1.5fr) minmax(160px,1fr) 46px;gap:13px}
  .venture-name{font-size:clamp(28px,4vw,45px)}
  .contact-grid{gap:5%;grid-template-columns:.85fr 1.15fr}
  .contact-email{font-size:25px}
  .contact-phone{font-size:17px}
  .form-row{grid-template-columns:1fr;gap:0}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-links{grid-column:1/-1;display:flex;gap:20px;flex-wrap:wrap}
}
  @media(max-width:650px){:root{--gutter:20px}
  .site-header{height:70px}
  .brand img{width:38px;height:38px}
  .brand-copy strong{font-size:17px}
  .brand-copy small{font-size:6.5px}
  .header-cta{display:none}
  .menu-toggle{margin-left:auto}
  .hero{min-height:760px;padding-top:70px}
  .hero-grid{background-size:70px 70px}
  .hero-content{min-height:604px;align-items:flex-start;padding-top:97px;padding-bottom:0}
  .hero-eyebrow{font-size:8px;gap:9px;margin-bottom:34px;letter-spacing:.09em}
  .hero-eyebrow .eyebrow-line{display:none}
  .hero h1{font-size:clamp(48px,11vw,76px);line-height:1.09}
  .hero-outline{white-space:normal}
  .hero-description{font-size:15px;line-height:1.7;max-width:380px;margin:30px 0}
  .hero-actions{gap:22px;flex-wrap:wrap}
  .btn{min-height:53px;padding:0 19px;gap:19px}
  .text-cta{gap:11px;font-size:12px}
  .hero-art{width:350px;height:350px;right:-144px;top:363px;opacity:.42}
  .art-pill{font-size:7px;padding:8px}
  .art-k{font-size:140px}
  .hero-foot{min-height:86px;font-size:8px}
  .hero-foot-left{gap:9px;max-width:210px;line-height:1.8}
  .scroll-cue{font-size:8px;gap:8px}
  .scroll-cue span{font-size:17px}
  .marquee{height:54px}
  .marquee-track span{font-size:15px}
  .marquee-track b{margin:0 20px}
  .section-pad{padding-block:82px}
  .section-title-row{display:block;margin-bottom:35px}
  .section-heading{font-size:clamp(47px,11vw,74px)}
  .section-index{font-size:9px;margin-bottom:23px}
  .section-aside{margin:25px 0 0;font-size:13px;max-width:520px}
  .work-tools{align-items:start;flex-direction:column}
  .filter-tabs{gap:7px}
  .filter-tab{font-size:10px;padding:9px 13px}
  .portfolio-grid{grid-template-columns:1fr;gap:48px}
  .project-card.project-wide{grid-column:auto}
  .project-visual,.project-wide .project-visual{height:clamp(280px,74vw,410px)}
  .mart-visual{padding:25px}
  .mart-layout{width:96%;height:86%;transform:rotate(-2deg)}
  .mart-banner strong{font-size:clamp(35px,7vw,60px)}
  .mart-header>b{font-size:13px}
  .mart-header>span{font-size:8px}
  .mart-sun{right:7%}
  .mart-tote{width:27%;right:9%}
  .mart-tote i{font-size:40px}
  .plant-overlay strong{font-size:clamp(40px,9vw,65px);margin-top:33px}
  .project-caption{margin-top:19px}
  .project-caption h3{font-size:23px}
  .project-metadata{font-size:9px}
  .project-open{width:42px;height:42px;right:13px;top:13px}
  .project-open .icon{width:17px}
  .project-link{width:38px;height:38px}
  .project-link .icon{width:16px}
  .portfolio-disclaimer{margin-top:40px}
  .mock-main h4{font-size:19px}
  .mock-kpis strong{font-size:14px}
  .mock-kpis small{font-size:7px}
  .mock-kpis i{font-size:7px}
  .mock-side{gap:16px}
  .commerce-copy h4{font-size:clamp(32px,7vw,50px)}
  .commerce-copy small{font-size:7px}
  .commerce-copy>span{font-size:7px}
  .identity-symbol{font-size:clamp(90px,25vw,155px)}
  .identity-word{font-size:clamp(25px,7vw,50px)}
  .identity-small{font-size:clamp(13px,4vw,24px)}
  .identity-detail{font-size:9px}
  .services-intro{margin-top:23px}
  .service-grid{grid-template-columns:1fr 1fr}
  .service-card{min-height:295px;padding:20px 15px}
  .service-card h3{font-size:clamp(18px,4vw,24px);margin:36px 0 12px}
  .service-card p{font-size:11px}
  .service-bottom{font-size:9px;gap:3px}
  .service-bottom .icon{width:16px}
  .service-icon{width:27px;height:27px}
  .about-grid{grid-template-columns:1fr;gap:0}
  .about-left{min-height:300px}
  .about-left h2{font-size:clamp(52px,11vw,80px)}
  .about-mark{font-size:220px;bottom:-75px}
  .about-right{padding-top:33px}
  .about-lede{font-size:26px;margin:27px 0}
  .about-right>p:not(.about-lede){font-size:13px}
  .process-grid{gap:20px 16px}
  .process-card{min-height:267px;margin-right:0;padding:18px 15px 10px 0}
  .process-card:nth-child(odd){border-right:1px solid #d6d8ce}
  .process-symbol{font-size:42px;margin-top:30px}
  .process-card h3{font-size:20px;margin:26px 0 9px}
  .process-card p{font-size:12px}
  .venture-row{grid-template-columns:25px 1fr 38px;min-height:166px;gap:10px}
  .venture-num{font-size:10px;margin-top:32px}
  .venture-name{font-size:clamp(28px,8vw,41px)}
  .venture-name small{font-size:8px;line-height:1.8}
  .venture-description{grid-column:2/-1;grid-row:2;margin-top:-60px;font-size:11px;max-width:280px;display:none}
  .venture-arrow{width:38px;height:38px}
  .venture-arrow .icon{width:16px}
  .faq-grid{grid-template-columns:1fr;gap:36px}
  .faq-intro p:not(.section-index){margin-top:18px}
  .faq-list summary{font-size:14px;padding:22px 0}
  .contact-section{padding:80px 0 83px}
  .contact-top h2{font-size:clamp(55px,12vw,79px)}
  .contact-top>p:not(.section-index){font-size:13px;margin-bottom:37px}
  .contact-grid{display:block;padding-top:35px}
  .contact-details{padding-bottom:38px}
  .contact-email{font-size:27px}
  .contact-phone{font-size:19px}
  .contact-address{margin-top:28px}
  .contact-decoration{display:none}
  .form-heading{display:block;margin-bottom:26px}
  .form-heading h3{font-size:24px}
  .form-heading>span{display:block;margin-top:12px}
  .form-panel{padding:28px 22px}
  .footer{padding-top:46px}
  .footer-top{grid-template-columns:1fr;gap:23px}
  .footer-top p{font-size:15px}
  .footer-links{grid-column:auto;gap:13px 19px}
  .footer-giant{font-size:16.5vw;margin:50px 0 25px}
  .footer-bottom{align-items:start;flex-direction:column;gap:17px}
  .footer-bottom p,.footer-bottom a{font-size:8px}
}
  @media(max-width:380px){.brand-copy small{letter-spacing:.04em}
  .hero h1{font-size:44px}
  .hero-actions{gap:11px}
  .hero .btn{font-size:11px;padding:0 14px}
  .service-grid{grid-template-columns:1fr}
  .service-card{min-height:240px}
  .service-card h3{font-size:24px;margin-top:23px}
  .venture-name{font-size:25px}
  .contact-top h2{font-size:54px}
}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js-enabled .reveal{opacity:1!important;transform:none!important}
}
/* Additional cross-disciplinary expertise */
.more-expertise{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:35px 0 0}
.more-expertise-label span{font-size:10px;font-weight:800;color:var(--lime);letter-spacing:.11em}
.more-expertise-label p{font-size:12px;line-height:1.6;color:#909e8f;max-width:260px}
.more-expertise-tags{display:flex;align-content:start;flex-wrap:wrap;gap:9px}
.more-expertise-tags span{border:1px solid #576051;color:#cbd6c5;font-size:11px;font-weight:700;padding:11px 15px;border-radius:30px}
  @media(max-width:650px){.more-expertise{grid-template-columns:1fr;gap:15px;padding-top:30px}
  .more-expertise-tags span{padding:9px 12px;font-size:10px}
}

/* =====================================================================
   v3 PREMIUM REFINEMENT LAYER
   Fixes: glyph collisions (tracking), tiny/low-contrast text, header
   behaviour, hero clipping, emoji-prone glyphs, mobile layout gaps.
   ===================================================================== */
:root{--serif:'Instrument Serif',Georgia,'Times New Roman',serif;--ink-soft:#5b6257;--ease:cubic-bezier(.2,.7,.15,1)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:16px;line-height:1.5;text-rendering:optimizeLegibility}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Star glyph: a CSS-masked SVG so it never turns into an emoji on phones */
.star{display:inline-block;width:1em;height:1em;background:currentColor;vertical-align:-.12em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5v21M1.5 12h21M4.6 4.6l14.8 14.8M19.4 4.6 4.6 19.4' stroke='%23000' stroke-width='2.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5v21M1.5 12h21M4.6 4.6l14.8 14.8M19.4 4.6 4.6 19.4' stroke='%23000' stroke-width='2.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}
.art-k .art-star,.about-mark span,.contact-decoration span,.footer-giant span,.identity-symbol span{line-height:1}

/* Focus visibility on dark surfaces */
.site-header :focus-visible,.hero :focus-visible,.services-section :focus-visible,.venture-section :focus-visible,.contact-section :focus-visible,.footer :focus-visible,.main-nav :focus-visible{outline-color:var(--lime)}

/* ---------- Header: always fixed, glass via pseudo-element (keeps mobile menu un-clipped) ---------- */
.site-header,.site-header.is-scrolled{position:fixed;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom-color:rgba(255,255,255,.1)}
.site-header::before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(17,19,17,.82);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);opacity:0;transition:opacity .3s}
.site-header.is-scrolled::before{opacity:1}
.site-header.is-scrolled{box-shadow:0 10px 30px rgba(0,0,0,.16)}
.brand-copy small{font-size:9.5px;letter-spacing:.14em}
.main-nav>a:not(.mobile-nav-cta){font-size:13.5px;position:relative;padding:8px 0}
.main-nav>a:not(.mobile-nav-cta)::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.main-nav>a.is-active::after,.main-nav>a:hover::after{transform:scaleX(1)}
.header-cta{font-size:13.5px;height:44px}

/* ---------- Typography refinements ---------- */
.hero h1{line-height:1.02;letter-spacing:-.045em}
.hero-outline{letter-spacing:-.045em}
.section-heading{line-height:1.04;letter-spacing:-.04em}
.section-heading em,.about-left h2 span,.contact-top h2 em,.venture-name i,.identity-word i,.commerce-copy em{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em}
.section-heading em{font-size:1.06em}
.about-left h2 span,.contact-top h2 em{font-size:1.06em}
.about-left h2,.contact-top h2{letter-spacing:-.04em;line-height:1.04}
.eyebrow,.tiny-overline{font-size:11.5px;letter-spacing:.12em}
.section-index{font-size:12px;letter-spacing:.12em}
.hero-description{color:#b9c0b5;line-height:1.7}
.btn{font-size:14px;min-height:58px;letter-spacing:0}
.text-cta{font-size:14px}
.section-aside{color:var(--ink-soft);font-size:16px;line-height:1.75}
.venture-section .section-aside{color:#b4bcb0}
.hero-foot{font-size:11px;letter-spacing:.1em;color:#a1a79e}
.hero-foot-left{gap:16px}
.scroll-cue .icon{width:18px;height:18px;color:var(--lime);animation:bob 2s ease-in-out infinite}
.scroll-cue{text-transform:uppercase}

/* ---------- Hero: art stays inside the viewport and never collides with the footer line ---------- */
.hero{min-height:min(840px,100svh);min-height:max(700px,min(840px,100svh))}
.hero-art{right:clamp(-70px,-3vw,-10px);top:40px}
.art-pill{font-size:11px;padding:14px 18px;border-radius:2px}
.art-pill-b{right:8%;bottom:26%}
.art-pill-a{left:2%}
.art-corner{bottom:7%;right:22%;font-size:11.5px}
.art-k{letter-spacing:-.05em}

/* ---------- Portfolio ---------- */
.project-metadata{font-size:11.5px;color:#5f665b;letter-spacing:.07em}
.project-caption h3{letter-spacing:-.025em}
.project-caption p{font-size:15px;color:#586054;line-height:1.7}
.portfolio-disclaimer{font-size:13px;color:#5f665b}
.filter-tab{font-size:12.5px;padding:11px 18px;color:#4f564b;border-color:#c9ccc0;min-height:42px}
.filter-tab span{font-size:10.5px}
.filter-tab[aria-pressed=true]{background:#191d18;border-color:#191d18;color:#fff}
.portfolio-grid[data-filter]:not([data-filter=all]) .project-card.project-wide{grid-column:auto}
.portfolio-grid[data-filter]:not([data-filter=all]) .project-wide .project-visual{height:clamp(315px,37vw,530px)}
.project-card:not(.is-hidden){animation:cardIn .45s var(--ease) both}
@keyframes cardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.project-visual{transition:box-shadow .3s}
.project-visual:hover{box-shadow:0 24px 60px -28px rgba(20,22,20,.5)}
.concept-stamp{font-size:10.5px}
.plant-visual img{object-position:center}
.mock-side .icon{width:16px;height:16px;stroke-width:1.6;color:#9baeb1}
.commerce-icons{display:flex;gap:10px}
.commerce-icons .icon{width:clamp(10px,1.2vw,16px);height:clamp(10px,1.2vw,16px)}
.mart-header>span{font-size:clamp(9px,1vw,12.5px)}
.mart-categories{font-size:clamp(9px,.9vw,11px)}

/* ---------- Services ---------- */
.service-card h3{letter-spacing:-.025em}
.service-card p{font-size:14px;color:#a9b3a7}
.service-bottom{font-size:11.5px;color:#a9b4a6}
.service-top>span{font-size:13px;color:#8d998c}
.services-intro span{font-size:11.5px;color:#9aa699}
.more-expertise-label span{font-size:11.5px}
.more-expertise-label p{font-size:14px;color:#a3b0a2}
.more-expertise-tags span{font-size:13px}

/* ---------- About / Process / Ventures / FAQ ---------- */
.about-left h2{position:relative;z-index:1}
.about-mark{z-index:0;color:#151d1112}
.about-side-label{font-size:11.5px}
.about-right>p:not(.about-lede){font-size:16px;color:#33432b;line-height:1.75}
.about-lede{letter-spacing:-.02em}
.process-n{font-size:13px;color:#59614f}
.process-symbol{margin-top:40px;height:56px;display:flex;align-items:center}
.process-symbol .icon{width:44px;height:44px;stroke-width:1.25}
.process-card h3{letter-spacing:-.025em;font-size:23px}
.process-card p{font-size:15px;color:#586054;line-height:1.7}
.venture-name{letter-spacing:-.04em}
.venture-name small{font-size:11.5px;letter-spacing:.09em}
.venture-description{font-size:15px;color:#b4bcb0}
.venture-num{font-size:13px}
.faq-intro p:not(.section-index){font-size:16px;color:#586054}
.inline-link{font-size:14px}
.faq-list summary{font-size:17px;letter-spacing:-.015em}
.faq-list details p{font-size:15px;color:#586054;line-height:1.75}
.faq-list summary:hover{color:#3d5a14}

/* ---------- Contact / form ---------- */
.contact-top h2{letter-spacing:-.04em}
.contact-top>p:not(.section-index){font-size:17px;color:#b0b8ac}
.contact-card-title{font-size:11.5px}
.contact-address p{font-size:15px}
.contact-social{font-size:14px}
.form-heading h3{letter-spacing:-.02em}
.form-heading>span{font-size:11px}
.form-group label{font-size:12.5px;letter-spacing:.01em;margin-bottom:10px}
.form-group input,.form-group select,.form-group textarea{font-size:15px;min-height:54px;transition:border-color .2s,box-shadow .2s,background .2s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{box-shadow:0 0 0 3px rgba(217,246,111,.18)}
.form-group{position:relative;margin-bottom:22px}
.form-group .field-error{display:block;min-height:0}
.field-error{color:#ffb4a8;font-size:12.5px;line-height:1.5;margin-top:7px}
.field-error:empty{display:none}
.form-group input[aria-invalid=true],.form-group select[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:#ff9b8a}
.field-meta{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.char-count{color:#8f9b8c;font-size:12px;margin-top:7px;margin-left:auto;white-space:nowrap}
.consent-label{font-size:13px;color:#b9c3b5}
.consent-error{margin:-4px 0 4px 27px}
.form-status{font-size:14px}
.form-fallback{font-size:13px;color:#a0ab9d}
.form-submit:disabled{cursor:progress}

/* ---------- Footer ---------- */
.footer-top p{font-size:19px}
.footer-links{font-size:14px}
.footer-bottom p,.footer-bottom a{font-size:11.5px;letter-spacing:.07em}
.footer-giant{letter-spacing:-.05em}

/* ---------- Subtle, staggered reveal (kept short, JS-optional) ---------- */
.js-enabled .reveal{transform:translateY(16px);transition:opacity .6s ease,transform .7s var(--ease)}
.service-grid .reveal:nth-child(4n+2),.process-grid .reveal:nth-child(2){transition-delay:.06s}
.service-grid .reveal:nth-child(4n+3),.process-grid .reveal:nth-child(3){transition-delay:.12s}
.service-grid .reveal:nth-child(4n+4),.process-grid .reveal:nth-child(4){transition-delay:.18s}

/* ---------- Touch devices: no sticky hover states ---------- */
@media(hover:none){
  .btn:hover,.header-cta:hover{transform:none}
  .service-card:hover{background:transparent;color:inherit}
  .service-card:hover p,.service-card:hover .service-bottom{color:inherit}
  .service-card:hover .service-top{color:var(--lime)}
}

/* ---------- Tablet ---------- */
@media(max-width:1180px){
  .hero-art{right:-140px;opacity:.7}
  .main-nav>a:not(.mobile-nav-cta){font-size:13px}
}

/* ---------- Mobile menu ---------- */
@media(max-width:900px){
  .main-nav>a:not(.mobile-nav-cta){font-size:clamp(30px,7vw,52px);letter-spacing:-.03em;padding:12px 0}
  .main-nav>a:not(.mobile-nav-cta)::after{display:none}
  .main-nav>a.is-active{color:var(--lime)}
  .main-nav .mobile-nav-cta{font-size:16px}
  .hero{padding-top:75px}
  .hero-art{opacity:.55}
  .art-pill{font-size:10px;padding:9px 12px}
  .art-corner{display:none}
  .menu-toggle{border-radius:3px}
}

/* ---------- Phones ---------- */
@media(max-width:650px){
  body{font-size:16px}
  .brand-copy small{font-size:8.5px}
  .hero-eyebrow{font-size:10px;letter-spacing:.08em;line-height:1.6}
  .hero h1{font-size:clamp(46px,13.2vw,74px);line-height:1.04}
  .hero-description{font-size:16px;max-width:420px}
  .hero-art{width:330px;height:330px;right:-120px;top:auto;bottom:70px;opacity:.5}
  .hero-foot{font-size:10.5px;min-height:78px}
  .hero-foot-left{max-width:none;line-height:1.5}
  .hero-foot-left .foot-number{white-space:nowrap}
  .hero-foot-left span:not(.foot-number){display:none}
  .section-aside{font-size:15px}
  .filter-tab{font-size:12px;padding:10px 14px}
  .project-caption p{font-size:14.5px}
  .project-metadata{font-size:11px}
  .service-card p{font-size:13.5px}
  .service-bottom{font-size:11px}
  .service-card h3{font-size:clamp(18px,4.6vw,24px)}
  .process-card p{font-size:14px}
  .venture-row{grid-template-columns:28px 1fr 40px;grid-template-rows:auto auto;row-gap:0;align-items:start;padding:26px 0;min-height:0}
  .venture-num{margin-top:12px;grid-row:1}
  .venture-name{grid-column:2;grid-row:1}
  .venture-arrow{grid-column:3;grid-row:1}
  .venture-description{display:block;grid-column:2/-1;grid-row:2;margin:16px 0 0;max-width:none;font-size:14.5px}
  .venture-row:hover{padding-left:0;background:transparent}
  .venture-name small{font-size:10.5px;line-height:1.6}
  .faq-list summary{font-size:16px}
  .faq-list details p{font-size:14.5px;margin-right:0}
  .form-heading>span{font-size:10.5px}
  .footer-bottom p,.footer-bottom a{font-size:11px}
  .contact-section{padding-bottom:80px}
}
@media(max-width:380px){
  .hero h1{font-size:44px}
  .service-card{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .project-card:not(.is-hidden){animation:none}
  .scroll-cue .icon,.marquee-track{animation:none}
  .marquee-track{transform:none}
}

/* ---------- Document pages (privacy / 404) ---------- */
.doc-page{background:var(--cream);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}
.doc-top{background:#151916;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.doc-top .container{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}
.doc-brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:19px;letter-spacing:-.03em}
.doc-brand img{width:40px;height:40px}
.doc-back{font-size:13.5px;font-weight:700;color:#c9d0c3;display:inline-flex;align-items:center;gap:10px}
.doc-back:hover{color:var(--lime)}
.doc-wrap{flex:1;width:min(100% - 2*var(--gutter),860px);margin:0 auto;padding:clamp(56px,8vw,100px) 0 clamp(70px,9vw,120px)}
.doc-wrap .section-index{margin-bottom:22px}
.doc-wrap h1{font-size:clamp(44px,8vw,84px);line-height:1.02;letter-spacing:-.04em;margin:0 0 20px;font-weight:800}
.doc-wrap h2{font-size:24px;letter-spacing:-.02em;margin:42px 0 10px;font-weight:800}
.doc-wrap p,.doc-wrap li{font-size:16px;line-height:1.8;color:#495146;max-width:70ch}
.doc-wrap a:not(.btn){color:#3d5a14;text-decoration:underline;text-underline-offset:3px}
.doc-meta{font-size:14px;color:#5b6257}
.doc-footer{border-top:1px solid #d1d5cc;padding:26px 0;font-size:13px;color:#5b6257}
.nf{background:#141614;color:var(--white);text-align:center;align-items:center;justify-content:center;padding:40px 24px}
.nf h1{font-size:clamp(110px,24vw,230px);line-height:.9;letter-spacing:-.05em;margin:0;color:var(--lime);font-weight:800}
.nf h2{font-size:clamp(24px,4vw,34px);letter-spacing:-.02em;margin:10px 0 8px}
.nf p{color:#b1b9aa;font-size:17px;margin:0 0 28px}

/* ---------- v3.1 tweaks from visual QA ---------- */
.art-pill-a{top:19%}
@media(max-width:650px){
  .hero-art{width:250px;height:250px;right:-62px;bottom:88px;top:auto;opacity:.5}
  .art-pill{display:none}
  .mart-header{padding:0 5%}
  .mart-header>span{display:none}
  .mart-header>b{white-space:nowrap;font-size:14px}
}
@media(max-width:650px){
  .hero{min-height:0}
  .hero-content{min-height:0;padding-bottom:270px}
  .hero-art{width:250px;height:250px;right:-30px;bottom:14px;top:auto;opacity:.75}
}
@media(max-width:650px){
  .hero-eyebrow .eyebrow-line{display:block;width:16px}
  .about-left h2{font-size:clamp(42px,11vw,76px)}
  .about-left h2 span{font-size:1em;white-space:nowrap}
}
@media(max-width:560px){
  .service-grid{grid-template-columns:1fr}
  .service-card{min-height:0;padding:24px 20px}
  .service-card h3{font-size:24px;margin:22px 0 10px}
  .service-card h3 br{display:none}
  .service-card p{max-width:none;font-size:14.5px}
  .service-bottom{padding-top:20px;font-size:12px}
}
@media(max-width:650px){
  .contact-top h2{font-size:clamp(46px,12.5vw,76px)}
  .contact-top h2 em{white-space:nowrap;font-size:1.02em}
  .section-heading em{white-space:normal}
}
@media(max-width:900px) and (min-width:651px){
  .hero-description{max-width:430px}
  .hero-art{opacity:.42;right:-210px}
}