:root{--paper:#f4f3ee;--ink:#20211f;--orange:#ff542d;--line:#cfcec7;--muted:#61625d;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #176fca;outline-offset:5px}button{cursor:pointer}::selection{background:var(--orange);color:var(--ink)}.skip{position:fixed;top:-60px;left:20px;background:white;padding:14px;z-index:200}.skip:focus{top:12px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font-family:var(--display);font-size:46px;letter-spacing:-4px;font-weight:700;line-height:1;display:inline-flex;align-items:flex-start}.brand-star{color:var(--orange);font-size:30px;margin:0 0 0 6px;letter-spacing:0}.header nav{display:flex;gap:32px}.header nav a{font-size:14px}.header nav a:hover{text-decoration:underline;text-underline-offset:7px}.contact-link{border-bottom:1px solid var(--ink);padding:10px 0;font-size:14px;display:flex;gap:30px;align-items:center}.tiny-square{height:8px;width:8px;background:var(--orange)}.menu-toggle{display:none}.hero{margin:22px 22px 0;padding:36px 4% 28px;background:var(--orange);position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:20px}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:600;line-height:1.5}.hero h1{font-family:var(--display);font-size:clamp(78px,10.5vw,170px);font-weight:500;letter-spacing:-.065em;line-height:.96;margin:57px 0 45px;position:relative;z-index:1}.serif{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.07em}.hero-asterisk{position:absolute;font-size:clamp(180px,29vw,430px);right:4%;top:-4%;line-height:1;animation:turn 45s linear infinite;font-weight:400;transform-origin:50% 55%}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.hero-caption{display:flex;gap:18px;align-items:center}.hero-caption p{font-size:16px;line-height:1.55;margin:0}.small-cross{font-size:38px;font-weight:400}.round-link{display:inline-flex;gap:20px;align-items:center;font-size:14px;font-weight:600}.round-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--ink);color:var(--paper);border-radius:50%;font-size:23px;transition:transform .2s}.round-link:hover .round-icon{transform:translateY(4px)}.hero-index{margin-top:35px;border-top:1px solid #20211f44;padding-top:15px;font-size:12px;letter-spacing:.1em}.intro-strip{padding:65px 5%;display:grid;grid-template-columns:1fr 1.3fr .25fr;gap:7%;align-items:center;border-bottom:1px solid var(--line)}.intro-strip p{font-size:26px;line-height:1.35;letter-spacing:-1px;margin:0}.intro-strip p span{color:var(--muted)}.intro-strip div{font-size:18px;line-height:1.6;max-width:610px}.strip-symbol{font-size:55px;justify-self:end}.section{padding:95px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-heading h2{font-family:var(--display);font-size:clamp(36px,4vw,58px);line-height:1.08;font-weight:500;letter-spacing:-.055em;margin:16px 0 0}.section-heading p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 28px}.project-card{border:0;padding:0;background:none;text-align:left;min-width:0}.project-stage{height:420px;position:relative;overflow:hidden;display:flex;justify-content:center;padding:25px}.bhav-stage{background:#d0dfc3}.yellow-stage{background:#efce48}.spend-stage{background:#acc3d8}.agrio-stage{background:#d8dfb2}.stage-label{position:absolute;left:26px;top:24px;font-size:12px;letter-spacing:.11em;z-index:2;font-weight:600}.image-pair{display:flex;gap:16px;align-items:flex-start;padding-top:52px;transform:rotate(-9deg) translateY(20px);transition:transform .6s;width:74%}.image-pair img{width:calc(50% - 8px);height:auto;border-radius:12px;box-shadow:0 20px 40px #0002;flex-shrink:0}.image-pair img:nth-child(2){margin-top:48px}.yellow-stage .image-pair{transform:rotate(9deg) translateY(5px)}.project-card:hover .image-pair{transform:rotate(0) translateY(0)}.view-pill{position:absolute;bottom:22px;right:22px;background:var(--paper);border-radius:50px;padding:13px 20px;font-size:13px;box-shadow:0 2px 12px #0001}.project-info{display:grid;grid-template-columns:1fr auto;gap:6px;padding:21px 0 0}.project-info h3{font-family:var(--display);font-size:26px;letter-spacing:-1px;font-weight:500;margin:0}.project-info>span:not(.project-no){font-size:14px;color:var(--muted);grid-row:2}.project-no{grid-column:2;grid-row:1/3;font-size:13px;color:var(--muted)}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:35px 5%;font-size:12px}footer .brand{font-size:34px}footer .brand-star{font-size:22px}dialog{width:min(1000px,94vw);max-height:90dvh;padding:30px;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#151613bf;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{border:1px solid var(--line);background:transparent;width:44px;height:44px;border-radius:50%;font-size:20px}.dialog-title{font-family:var(--display);font-size:42px;letter-spacing:-2px;margin:15px 0}.dialog-description{max-width:680px;line-height:1.7;color:var(--muted)}.dialog-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 30px}.dialog-links a{padding:12px 20px;background:var(--ink);color:white;border-radius:30px;font-size:14px}.gallery{display:flex;gap:16px;overflow-x:auto;padding:0 0 16px;scroll-snap-type:x mandatory}.gallery img{height:380px;width:auto;max-width:none;scroll-snap-align:start;border-radius:8px}.web-gallery{width:100%;height:auto;display:block}.dialog-note{font-size:13px;color:var(--muted)}@keyframes turn{to{transform:rotate(360deg)}}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){.header{height:84px}.header nav{gap:18px}.hero h1{margin:55px 0}.hero-asterisk{right:0;top:8%}.intro-strip{grid-template-columns:1fr 1.5fr;gap:30px}.strip-symbol{display:none}.project-stage{height:330px}.image-pair{width:90%}.section{padding:65px 5%}}@media(max-width:600px){.header{height:76px;padding:0 6%}.brand{font-size:38px}.header>.contact-link{margin-left:auto;margin-right:20px;gap:10px}.menu-toggle{display:block;background:none;border:0;padding:12px 0;font-size:14px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px 6%;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column}.hero{margin:12px 12px 0;padding:25px 6% 20px}.hero-top .location{display:none}.eyebrow{font-size:11px}.hero h1{font-size:clamp(63px,16vw,94px);margin:42px 0 50px;line-height:1.03}.hero-asterisk{font-size:120px;right:0;top:49%}.hero-bottom{align-items:flex-start;flex-direction:column;gap:28px}.hero-caption{gap:12px}.hero-caption p{font-size:14px}.small-cross{font-size:28px}.round-icon{width:38px;height:38px}.hero-index{margin-top:22px;font-size:10px}.intro-strip{padding:40px 6%;grid-template-columns:1fr;gap:20px}.intro-strip p{font-size:24px}.intro-strip div{font-size:16px}.section{padding:55px 6%}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:28px}.section-heading p br{display:none}.project-grid{grid-template-columns:1fr;gap:34px}.project-stage{height:360px}.image-pair{max-width:300px}.project-info h3{font-size:24px}footer{flex-wrap:wrap;padding:28px 6%}footer>span:nth-child(2){display:none}dialog{padding:22px}.gallery img{height:310px}.dialog-title{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.more-work{margin-top:60px;border-top:1px solid var(--line);padding-top:28px}.more-work>.eyebrow{display:block;margin-bottom:25px}.more-work button{width:100%;display:flex;align-items:center;gap:18px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:22px 0}.more-work button:hover .list-action{text-decoration:underline}.more-work img{border-radius:10px;object-fit:cover}.more-work button>span:not(.web-icon):not(.list-action){font-size:19px;letter-spacing:-.4px}.more-work small{display:block;font-size:13px;color:var(--muted);letter-spacing:0;margin-top:4px}.list-action{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:13px}.list-action b{font-size:26px;font-weight:400}.web-icon{width:44px;height:44px;display:grid;place-items:center;background:#e5c243;font-weight:700;border-radius:10px}.portfolio-credit{font-size:13px;color:var(--muted);margin-top:28px}.portfolio-credit a{text-decoration:underline;text-underline-offset:3px}.ventures{background:var(--ink);color:var(--paper)}.ventures .section-heading p{color:#b5b5ad}.venture-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.venture{display:flex;align-items:flex-start;flex-direction:column;padding:0 32px;border-right:1px solid #ffffff30}.venture:first-child{padding-left:0}.venture:last-child{padding-right:0;border:0}.venture-number{font-size:12px;letter-spacing:.1em;color:#b5b5ad}.venture-symbol{font-size:64px;line-height:1;margin:38px 0 30px;color:var(--orange)}.venture h3{font-family:var(--display);font-size:35px;letter-spacing:-1.5px;line-height:1.1;font-weight:400;margin:0 0 20px}.venture p{font-size:16px;line-height:1.7;color:#b5b5ad;max-width:340px;margin:0 0 25px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:35px}.tags span{border:1px solid #ffffff30;padding:7px 10px;border-radius:30px;font-size:12px}.text-link{border-bottom:1px solid currentColor;padding-bottom:5px;font-size:14px;line-height:1.5;display:inline-block;width:fit-content}.text-link:hover{opacity:.65}.approach-main{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;margin-top:28px;align-items:start}.approach h2{font-family:var(--display);font-size:clamp(36px,4.4vw,64px);font-weight:400;line-height:1.1;letter-spacing:-.055em;margin:0}.approach h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.approach-copy p{font-size:17px;line-height:1.7;margin:0 0 20px;color:var(--muted)}.approach-copy .text-link{margin-top:6px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:75px}.principles>div{border-top:1px solid var(--line);padding-top:20px}.principles span{font-size:12px;color:var(--muted)}.principles h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:22px 0 12px}.principles p{font-size:15px;line-height:1.6;color:var(--muted);margin:0;max-width:300px}.contact{background:var(--orange);margin:0 22px 22px;padding-top:38px;padding-bottom:40px}.contact-top{display:flex;justify-content:space-between;font-size:13px}.contact h2{font-family:var(--display);font-size:clamp(50px,7.5vw,112px);font-weight:400;letter-spacing:-.06em;line-height:1.03;margin:50px 0}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #20211f55;padding-top:32px}.contact-bottom p{line-height:1.7;font-size:16px;margin:0}.contact-actions{display:flex;gap:22px;align-items:center}.solid-button{background:var(--ink);color:var(--paper);font-size:14px;padding:17px 24px;border-radius:30px;transition:background .2s}.solid-button:hover{background:#3b3c39}@media(max-width:900px){.venture{padding:0 20px}.venture h3{font-size:29px}.approach-main{gap:35px}.contact-actions{flex-direction:column;gap:14px}.principles{gap:25px}.contact h2{font-size:8vw}}@media(max-width:600px){.venture-grid{grid-template-columns:1fr;margin-top:35px;gap:34px}.venture,.venture:first-child,.venture:last-child{padding:0 0 30px;border-right:0;border-bottom:1px solid #ffffff30}.venture:last-child{border:0;padding:0}.venture-symbol{margin:25px 0 20px;font-size:52px}.venture h3{font-size:33px}.venture p{max-width:none}.tags{margin-bottom:22px}.approach-main{grid-template-columns:1fr;gap:28px}.principles{grid-template-columns:1fr;margin-top:40px;gap:28px}.principles h3{margin-top:15px}.principles p{max-width:none}.contact{margin:0 12px 12px;padding:28px 6%}.contact-top>span:last-child{display:none}.contact h2{font-size:clamp(42px,10.4vw,65px);margin:35px 0}.contact-bottom{flex-direction:column;align-items:flex-start;gap:24px}.contact-bottom p br{display:none}.contact-actions{align-items:flex-start}.list-action{font-size:0;gap:0}.more-work button>span:not(.web-icon):not(.list-action){font-size:17px}.more-work{margin-top:40px}}
@media(max-width:600px){.hero h1{font-size:clamp(45px,14.3vw,84px)}.hero-asterisk{font-size:70px;top:53%;right:0}.gallery .web-gallery{width:100%;height:auto;object-fit:contain;align-self:flex-start}}
@media(min-width:601px){.hero-asterisk{font-size:clamp(180px,22vw,335px);top:0;right:5%}}

.project-credit{border-left:3px solid var(--orange);padding:10px 16px;line-height:1.6;font-size:14px;background:#e9e8e2;max-width:720px}.portfolio-credit{line-height:1.7;max-width:850px}

.coride-icon{background:#cadcfc;color:#203e6e}.project-status{display:inline-block;padding:8px 14px;border:1px solid var(--ink);border-radius:25px;font-size:13px;margin:0 0 8px}

.naturals-icon{background:#d8dfb2;color:#29462c}

.coride-stage{background:#b2ed50}.coride-stage .image-pair{transform:rotate(-7deg) translateY(15px)}.project-card:hover .coride-stage .image-pair{transform:rotate(0) translateY(0)}

.project-logo,.more-work button>img{width:48px;height:48px;flex-shrink:0;object-fit:contain;border:1px solid #20211f14;border-radius:12px;background:#fff}.project-info{grid-template-columns:48px minmax(0,1fr) auto;column-gap:14px;align-items:center}.project-info>.project-logo{grid-column:1;grid-row:1/3}.project-info h3{grid-column:2}.project-info>span:not(.project-no){grid-column:2;grid-row:2}.project-info .project-no{grid-column:3;grid-row:1/3}.project-dialog-heading{display:flex;gap:18px;align-items:center;margin-top:20px}.project-dialog-heading .project-logo{width:64px;height:64px;border-radius:16px}.project-dialog-heading .dialog-title{margin:0}.more-work button>span:not(.list-action){min-width:0}.more-work small{line-height:1.5}

.preview-heading{font-family:var(--display);font-size:18px;font-weight:500;margin:26px 0 16px}.gallery:has(.web-gallery){display:block}.gallery .web-gallery{width:100%;height:auto;border:1px solid var(--line)}.gallery{scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
/* Client-facing studio refresh */
:root{--ink:#191b19;--paper:#f7f6f2;--orange:#ff613a}.header{height:86px;position:sticky;top:0;background:#f7f6f2ed;backdrop-filter:blur(18px);border-bottom-color:#20211f15}.header .contact-link{background:var(--ink);color:white;border:0;border-radius:40px;padding:13px 20px;gap:18px}.header .brand{font-size:40px}.hero{background:#1b211d;color:var(--paper);border-radius:20px;padding:30px 4% 22px;margin:16px 22px 0}.hero-top{color:#babfb6}.hero-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:7%;padding:45px 0 48px}.hero h1{font-size:clamp(65px,7.1vw,112px);line-height:1.02;letter-spacing:-.065em;margin:0 0 27px;font-weight:500}.hero h1 .serif{color:#ff825c}.hero-description{font-size:17px;line-height:1.65;color:#c9cec5;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-actions .solid-button{background:var(--orange);color:#171a16;font-weight:600;padding:17px 24px}.hero-actions .solid-button:hover{background:#ff977d;transform:translateY(-2px)}.hero-actions .text-link{color:#e3e7df}.hero-showcase{background:#c8e5b0;border:1px solid #ffffff25;padding:0;border-radius:18px;overflow:hidden;text-align:left;color:#17251a;transform:rotate(3deg);box-shadow:0 28px 70px #0004;transition:transform .5s}.hero-showcase:hover{transform:rotate(0) translateY(-5px)}.showcase-top{display:flex;align-items:center;gap:12px;padding:22px;background:#d8eac9}.showcase-top img{border-radius:10px}.showcase-top>span{font-size:21px;font-family:var(--display);font-weight:600}.showcase-top small{display:block;font-family:var(--body);font-size:12px;font-weight:400;margin-top:3px}.showcase-top .showcase-plus{margin-left:auto;font-size:28px;font-weight:400}.showcase-screens{height:350px;display:flex;justify-content:center;gap:18px;padding:28px 20px 0;overflow:hidden;background:#b0d892}.showcase-screens img{width:43%;height:auto;align-self:flex-start;border-radius:10px;box-shadow:0 16px 25px #17321c30;transform:rotate(-7deg)}.showcase-screens img+img{transform:rotate(7deg) translateY(42px)}.showcase-caption{display:flex;justify-content:space-between;gap:15px;padding:20px;font-size:11px;letter-spacing:.04em}.hero-foot{border-top:1px solid #ffffff26;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em;color:#bbc3b7}.hero-foot>div{display:flex;gap:22px}.intro-strip{padding-top:52px;padding-bottom:52px}.project-stage{border-radius:16px;height:440px}.project-card{transition:transform .35s}.project-card:hover{transform:translateY(-5px)}.project-card .view-pill{background:var(--ink);color:#fff;box-shadow:0 4px 18px #0002}.project-info{padding:22px 4px 0}.project-grid{gap:55px 35px}.project-grid>.project-card:nth-child(even){margin-top:55px}.stage-label{font-size:11px;padding:8px 12px;background:#ffffffb0;border-radius:25px;backdrop-filter:blur(10px)}.more-work button{padding:24px 12px;transition:background .25s,padding .25s}.more-work button:hover{background:#e9eae3;padding-left:22px;padding-right:22px;border-radius:10px}.more-work .list-action b{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.ventures{margin:0 22px;border-radius:22px;background:#1b211d}.venture{transition:transform .25s}.venture:hover{transform:translateY(-5px)}.venture-symbol{color:#ff825c}.contact{border-radius:22px;background:#ff764c}.contact h2{font-size:clamp(48px,7.3vw,110px)}.project-enquiry{margin:0 0 34px}.project-enquiry>span{font-size:11px;letter-spacing:.1em}.project-enquiry>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.project-enquiry a{border:1px solid #191b1960;padding:12px 18px;border-radius:30px;font-size:14px;transition:background .2s,color .2s}.project-enquiry a:hover{background:var(--ink);color:#fff}.contact-bottom{padding-top:28px}dialog{border-radius:20px;box-shadow:0 30px 100px #0004}.dialog-top{position:sticky;top:-30px;background:var(--paper);z-index:2;padding:8px 0}.gallery img{border:1px solid #20211f18}.solid-button{transition:background .25s,transform .25s}.section-heading h2{line-height:1.08}footer{padding-top:40px;padding-bottom:40px}
@media(max-width:1000px){.hero-layout{gap:5%;grid-template-columns:1fr 1fr}.hero h1{font-size:7.5vw}.showcase-screens{height:300px}.showcase-top{padding:16px}.showcase-caption{flex-direction:column;gap:7px;padding:14px}.hero-description{font-size:16px}.hero-actions{gap:20px}.project-stage{height:360px}}
@media(max-width:600px){.header{height:76px}.header .contact-link{padding:10px 13px;font-size:12px;margin-right:16px}.header .brand{font-size:35px}.hero{margin:10px 10px 0;padding:24px 6% 20px;border-radius:16px}.hero-layout{grid-template-columns:1fr;gap:38px;padding:35px 0}.hero h1{font-size:clamp(52px,14vw,80px);margin-bottom:22px}.hero-description{font-size:16px}.hero-description br{display:none}.hero-showcase{transform:rotate(0);width:100%;max-width:420px;justify-self:center}.showcase-screens{height:300px}.showcase-caption{flex-direction:row;font-size:10px}.hero-foot{flex-direction:column;gap:12px;font-size:10px}.hero-foot>div{gap:16px}.hero-top .eyebrow{font-size:10px}.hero-actions{gap:20px}.hero-actions .solid-button{padding:14px 19px}.project-grid>.project-card:nth-child(even){margin-top:0}.project-stage{height:360px}.ventures{margin:0 10px;border-radius:16px}.contact{margin:0 10px 10px;border-radius:16px}.more-work button{padding:20px 0}.more-work button:hover{padding:20px 8px}.more-work .list-action b{width:28px;height:28px;font-size:22px}.contact h2{font-size:clamp(42px,10.2vw,64px)}.project-enquiry a{font-size:13px;padding:10px 14px}.dialog-top{top:-22px}.project-info{column-gap:10px}.project-info h3{font-size:23px}.project-info>span:not(.project-no){font-size:13px}}