/* Quegreen — an independent studio, from seed to presence. */
:root{--acid:#c5ef78;--studio:#082f28}body{background:#f4f3eb}.wrap{max-width:1440px}header{background:#f4f3ebf2}.header-inner{height:82px}.header-cta{border-radius:2px}.brand{height:54px;width:82px}.brand img{width:108px;top:-25px;left:-13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editorial-label{font-size:12px;display:block;font-weight:500;margin-bottom:24px}.studio-hero{color:#f4f3eb;background:var(--studio);overflow:hidden;position:relative}.studio-top{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff24;padding:20px 0;font-size:11px}.studio-top i{display:inline-block;background:var(--green);border-radius:50%;width:7px;height:7px;margin-left:8px}.studio-top>span:last-child{font:10px Arial;letter-spacing:1.3px}.studio-stage{min-height:610px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:2vw;padding-block:40px 50px}.studio-kicker{font-size:13px;color:var(--acid);display:block;margin-bottom:22px}.studio-copy{position:relative;z-index:2}.studio-copy h1{font-size:clamp(74px,8.8vw,133px);font-weight:500;letter-spacing:-6px;line-height:1.12}.studio-copy h1 em{color:var(--acid)}.title-dot{color:var(--green)}.studio-copy p{max-width:390px;font-size:15px;line-height:1.95;color:#c4d0c3;margin-top:28px}.studio-start{display:inline-flex;gap:45px;align-items:center;margin-top:27px;font-size:16px;border-bottom:1px solid #9bb39e;padding-bottom:8px}.studio-start span{width:45px;height:45px;display:grid;place-items:center;background:var(--acid);border-radius:50%;color:var(--studio);font:30px Arial;transition:transform .3s}.studio-start:hover span{transform:rotate(-45deg)}.growth-canvas{height:510px;position:relative;direction:ltr;--mx:0px;--my:0px}.canvas-grid{position:absolute;inset:15px 0 35px;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse,#000 30%,transparent 70%)}.canvas-cross{position:absolute;color:#8cb29b;font:25px monospace}.cross-a{left:3%;top:5%}.cross-b{right:2%;bottom:12%}.growth-world{position:absolute;inset:0;transform:translate(var(--mx),var(--my));transition:transform .5s ease-out}.growth-flower{position:absolute;left:50%;top:48%;width:300px;height:300px;margin:-150px;transform:rotate(var(--scroll-turn,0deg));transition:transform .3s ease-out}.growth-flower>i{position:absolute;left:50%;top:50%;width:125px;height:190px;margin-left:-62.5px;margin-top:-190px;border-radius:100% 5% 100% 5%;background:var(--green);transform-origin:50% 100%;transform:rotate(calc(var(--petal)*45deg)) scale(.9);transition:transform 1.1s cubic-bezier(.22,1,.36,1),background .7s,border-radius .9s,opacity .7s;box-shadow:inset 0 0 0 1px #003d3018}.growth-flower>i:nth-child(1){--petal:0}.growth-flower>i:nth-child(2){--petal:1;background:var(--acid)}.growth-flower>i:nth-child(3){--petal:2}.growth-flower>i:nth-child(4){--petal:3;background:var(--acid)}.growth-flower>i:nth-child(5){--petal:4}.growth-flower>i:nth-child(6){--petal:5;background:var(--acid)}.growth-flower>i:nth-child(7){--petal:6}.growth-flower>i:nth-child(8){--petal:7;background:var(--acid)}.flower-core{position:absolute;inset:108px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--studio);color:white;font:bold 40px Arial;letter-spacing:-5px;padding-right:4px}.flower-core span{color:var(--green)}.orbit-type{position:absolute;left:0;top:0;font:900 clamp(50px,6vw,90px)/.92 Arial;letter-spacing:-6px;color:#ffffff0a;z-index:-1}.orbit-type b{font-weight:900}.growth-post{position:absolute;width:160px;height:200px;object-fit:cover;border:6px solid #f4f3eb;box-shadow:0 14px 25px #0003;opacity:0;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .6s}.post-a{right:7%;top:7%;transform:translate(-50px,80px) rotate(-30deg) scale(.4)}.post-b{left:2%;bottom:7%;transform:translate(90px,-90px) rotate(20deg) scale(.4)}.growth-tag{position:absolute;right:0;bottom:13%;background:var(--acid);color:var(--studio);padding:7px 14px;direction:rtl;font-size:12px;transform:rotate(8deg);opacity:0;transition:opacity .5s,transform .8s}.canvas-caption{position:absolute;bottom:0;right:0;left:0;display:flex;flex-direction:row-reverse;justify-content:space-between;font-size:10px;color:#b5c3b4}.canvas-caption span:last-child{font:10px monospace;letter-spacing:1px}.studio-hero[data-phase="2"] .growth-flower>i{border-radius:50%;transform:rotate(calc(var(--petal)*45deg + 22.5deg)) scale(.72)}.studio-hero[data-phase="2"] .post-a{opacity:1;transform:translate(0,0) rotate(12deg) scale(1)}.studio-hero[data-phase="2"] .growth-tag,.studio-hero[data-phase="3"] .growth-tag{opacity:1}.studio-hero[data-phase="3"] .growth-flower>i{transform:rotate(calc(var(--petal)*45deg + 45deg)) scale(1.05);border-radius:100% 0 100% 0}.studio-hero[data-phase="3"] .post-a{opacity:1;transform:translate(12px,-5px) rotate(15deg) scale(.9)}.studio-hero[data-phase="3"] .post-b{opacity:1;transform:translate(0,0) rotate(-12deg) scale(1)}.studio-hero[data-phase="3"] .growth-tag{transform:rotate(-5deg) translateY(18px)}.growth-controls{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff30}.growth-controls button{position:relative;display:grid;grid-template-columns:28px 1fr 28px;gap:0 12px;text-align:right;border:0;border-left:1px solid #ffffff25;background:transparent;color:#c4d0c3;padding:22px 24px;transition:color .3s,background .3s}.growth-controls button:first-child{border-right:1px solid #ffffff25}.growth-controls button>span{font:11px monospace;padding-top:10px;grid-row:span 2;color:var(--acid)}.growth-controls button strong{font-size:18px;font-weight:500}.growth-controls button small{font-size:11px;grid-column:2}.growth-controls button b{grid-column:3;grid-row:1/3;font:26px Arial;align-self:center}.growth-controls button[aria-pressed="true"]{background:var(--acid);color:var(--studio)}.growth-controls button[aria-pressed="true"]>span{color:var(--studio)}.growth-controls button:hover{background:#ffffff0e}.growth-controls button[aria-pressed="true"]:hover{background:var(--acid)}.studio-manifesto{padding-block:130px;display:grid;grid-template-columns:.5fr 2fr 1fr;gap:40px;align-items:start}.studio-manifesto .editorial-label{padding-top:15px}.studio-manifesto h2{font-size:clamp(42px,4.7vw,72px);font-weight:500;letter-spacing:-3px;line-height:1.35}.studio-manifesto h2>span{color:#009455}.manifesto-aside{align-self:end;padding-bottom:5px}.manifesto-aside p{font-size:14px;line-height:2;margin:28px 0 20px}.mini-flower{font:90px Arial;display:block;color:#009455;width:max-content;transform:rotate(var(--scroll-turn,0deg))}.studio-work{background:#e7e7dc;padding:85px 0 40px;overflow:hidden}.studio-section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.studio-section-head h2,.services-intro h2,.studio-process h2{font-size:clamp(38px,4.5vw,66px);font-weight:500;line-height:1.3;letter-spacing:-2px}.studio-section-head h2 span{color:#009455}.work-navigation p{font-size:12px;margin-bottom:24px}.work-navigation>div{display:flex;align-items:center;gap:10px}.rail-control{border:1px solid #90a396;background:transparent;border-radius:50%;width:44px;height:44px;color:var(--studio);font:24px Arial;transition:background .2s}.rail-control:hover{background:var(--acid)}.rail-control:disabled{opacity:.3;cursor:default}.work-navigation #rail-counter{font:11px monospace;margin-right:14px}.work-rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:max(56px,calc((100vw - 1440px)/2));padding-bottom:12px;overscroll-behavior-x:contain}.work-rail::-webkit-scrollbar{display:none}.rail-project{flex:0 0 57%;min-width:0;scroll-snap-align:center;outline-offset:-3px}.rail-image{height:520px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.rail-image img{height:85%;width:auto;max-width:78%;object-fit:contain;box-shadow:18px 18px 0 #00000018;transform:rotate(-5deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.rail-project:hover img{transform:rotate(0) scale(1.03)}.coffee-scene{background:#c1c8b7}.clarity-scene{background:#90ab8b}.web-scene{background:#b8c8c5}.brand-scene{background:#c6d89a}.rail-image:before{content:'';position:absolute;width:400px;height:400px;border:1px solid #fff5;border-radius:50%}.work-number{position:absolute;top:20px;right:25px;font:12px monospace}.image-open{position:absolute;bottom:24px;left:25px;background:var(--studio);color:white;font-size:11px;padding:10px 17px;border-radius:30px}.rail-caption{display:flex;justify-content:space-between;gap:20px;padding:23px 0}.rail-caption h3{font-size:29px;line-height:1.25;font-weight:500}.rail-caption>span{font-size:11px;text-align:left;color:#55695a;align-self:end}.rail-bottom{border-top:1px solid #bdc8b8;display:flex;justify-content:space-between;padding-top:22px;margin-top:20px}.rail-bottom>span{font-size:11px;color:#526b59}.studio-services{padding-block:120px;display:grid;grid-template-columns:.85fr 1.2fr;gap:100px}.services-intro{position:sticky;top:120px;align-self:start}.services-intro p{font-size:14px;max-width:300px;line-height:2;margin-top:25px}.service-dial{width:160px;height:160px;border:1px solid #b4c5b1;border-radius:50%;position:relative;display:grid;place-items:center;margin-top:45px;transform:rotate(var(--scroll-turn,0deg))}.service-dial span{font:800 42px Arial;color:#b8c6ad}.service-dial i{font:44px Arial;position:absolute;top:-9px;left:9px;background:#f4f3eb;padding:4px;color:#009455}.studio-service-list details{border-top:1px solid #bfcabc}.studio-service-list details:last-child{border-bottom:1px solid #bfcabc}.studio-service-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:25px 1fr 30px;gap:20px;align-items:center;padding:26px 0}.studio-service-list summary::-webkit-details-marker{display:none}.studio-service-list summary>span{font:11px monospace;color:#6b826e}.studio-service-list summary h3{font-size:25px;font-weight:500;letter-spacing:-1px}.studio-service-list summary>b{font:24px Arial;font-weight:400;transition:transform .3s}.studio-service-list details[open] summary>b{transform:rotate(45deg)}.studio-service-list details[open] h3{color:#00884d}.service-expand{padding:0 45px 28px}.service-expand p{font-size:14px;line-height:2}.service-expand ul{list-style:none;padding:12px 0;font-size:12px;line-height:2.3;color:#516954}.service-expand li:before{content:'↖';margin-left:10px;color:#009455}.service-expand a{font-size:12px;border-bottom:1px solid #009455;padding-bottom:5px}.studio-finder{background:var(--studio);color:white;padding-block:85px}.studio-finder .editorial-label{color:var(--acid)}.studio-finder .finder-options button{border-radius:0;border-width:0 0 1px;padding:20px 5px}.studio-finder .finder-options button.selected{background:transparent;color:var(--acid);border-bottom-color:var(--acid)}.studio-finder .finder-result{border-right:2px solid var(--acid);margin-top:32px;padding-top:0;min-height:170px}.studio-finder .finder-result a{color:var(--acid)}.studio-process{padding-block:120px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.studio-process>div{align-self:start;position:sticky;top:120px}.studio-process>div>p{font-size:14px;max-width:330px;margin-top:25px}.studio-process ol{list-style:none;padding:0;margin:0}.studio-process li{display:grid;grid-template-columns:50px 1fr;gap:25px;padding:30px 0;border-top:1px solid #bbc9b8}.studio-process li>span{font:36px Arial;color:#83a283;letter-spacing:-2px}.studio-process li h3{font-size:23px;font-weight:500}.studio-process li p{font-size:13px;margin-top:12px;line-height:2}.studio-outro{padding:65px 0 30px;background:var(--acid);overflow:hidden}.studio-outro .wrap>a{position:relative;display:block;font-size:clamp(64px,9vw,140px);font-weight:500;letter-spacing:-5px;line-height:1.22;padding-bottom:55px}.studio-outro em{color:#00884d}.outro-arrow{position:absolute;left:1%;top:10%;font:clamp(130px,18vw,260px) Arial;transition:transform .5s}.studio-outro a:hover .outro-arrow{transform:translate(-12px,-12px)}.outro-bottom{display:flex;justify-content:space-between;border-top:1px solid #073d3140;padding-top:25px;font-size:11px}.outro-bottom>span:last-child{font:10px Arial;letter-spacing:1px}footer{background:var(--studio)}.cta{border-radius:0}.page-intro{background:none;border-radius:0}.contact-layout form{border-radius:0;box-shadow:none}.button{border-radius:2px}.floating-wa{font-weight:500;font-size:11px}.studio-copy h1{animation:studio-enter 1s both}.growth-flower>i{animation:petal-open 1.5s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--petal)*40ms)}@keyframes studio-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes petal-open{from{opacity:0;transform:rotate(0deg) scale(.1)}}
@media(min-width:1700px){.work-rail{padding-inline:calc((100vw - 1440px)/2)}.rail-project{flex-basis:760px}}
@media(max-width:1100px){.studio-stage{min-height:560px;gap:20px}.studio-copy h1{font-size:90px}.growth-canvas{height:460px}.growth-flower{transform:rotate(var(--scroll-turn,0deg)) scale(.8)}.growth-post{width:130px;height:163px}.studio-manifesto{grid-template-columns:1.8fr 1fr;gap:30px}.studio-manifesto>.editorial-label{grid-column:1/-1;margin-bottom:0}.studio-services,.studio-process{gap:50px}.rail-image{height:410px}.growth-controls button{padding:20px 15px}.growth-controls button small{font-size:10px}.growth-controls button strong{font-size:16px}}
@media(max-width:720px){.header-inner{height:72px}nav{top:72px}.studio-top{padding:15px 0;font-size:10px}.studio-top>span:last-child{display:none}.studio-stage{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:30px 0 20px;min-height:0}.studio-kicker{font-size:11px;margin-bottom:15px}.studio-copy h1{font-size:clamp(68px,16vw,110px);line-height:1.13;letter-spacing:-4px}.studio-copy p{font-size:13px;max-width:330px;margin-top:20px}.studio-start{margin-top:18px;font-size:14px;gap:30px}.studio-start span{height:38px;width:38px;font-size:25px}.growth-canvas{height:335px;margin-top:18px}.growth-flower{transform:rotate(var(--scroll-turn,0deg)) scale(.68);top:47%}.growth-post{width:107px;height:134px;border-width:4px}.post-a{right:5%;top:3%}.post-b{bottom:12%;left:4%}.growth-tag{font-size:10px;padding:5px 10px;bottom:15%}.orbit-type{font-size:55px;letter-spacing:-4px;left:6%;top:15px}.canvas-caption{font-size:9px}.growth-controls{width:100%;padding-inline:20px;gap:0}.growth-controls button{display:flex;flex-wrap:wrap;gap:3px 8px;padding:15px 9px}.growth-controls button>span{font-size:9px;padding-top:3px;width:100%}.growth-controls button strong{font-size:12px;font-weight:500}.growth-controls button small{display:none}.growth-controls button b{font-size:16px;margin-right:auto}.studio-manifesto{padding-block:65px;grid-template-columns:1fr;gap:22px}.studio-manifesto>.editorial-label{padding:0}.studio-manifesto h2{font-size:43px;letter-spacing:-2px}.manifesto-aside{display:grid;grid-template-columns:65px 1fr;gap:15px;align-items:center}.mini-flower{font-size:65px}.manifesto-aside p{font-size:13px;margin:10px 0}.manifesto-aside a{grid-column:2;font-size:12px}.studio-work{padding:55px 0 30px}.studio-section-head{display:block;margin-bottom:28px}.studio-section-head h2,.services-intro h2,.studio-process h2{font-size:42px}.work-navigation{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:25px}.work-navigation p{margin:0;font-size:10px;max-width:185px}.work-navigation>div{gap:6px;flex-wrap:wrap;max-width:100px}.rail-control{width:36px;height:36px;font-size:20px}.work-navigation #rail-counter{margin:5px 7px 0;font-size:9px;width:100%;text-align:center}.work-rail{padding-inline:20px;gap:16px}.rail-project{flex-basis:85%;scroll-snap-align:center}.rail-image{height:365px}.rail-image img{height:82%;max-width:82%;box-shadow:10px 10px 0 #00000018}.rail-image:before{width:270px;height:270px}.work-number{top:15px;right:17px;font-size:10px}.image-open{left:14px;bottom:15px;padding:7px 12px;font-size:10px}.rail-caption{padding:17px 0;gap:15px}.rail-caption h3{font-size:24px}.rail-caption>span{font-size:9px;max-width:120px}.rail-bottom{margin-top:10px}.rail-bottom>span,.rail-bottom>a{font-size:10px}.studio-services{padding-block:65px;grid-template-columns:1fr;gap:35px}.services-intro,.studio-process>div{position:static}.services-intro{position:relative}.services-intro p{font-size:13px;max-width:260px}.service-dial{display:none}.studio-service-list summary{gap:12px;padding:23px 0;grid-template-columns:22px 1fr 25px}.studio-service-list summary h3{font-size:22px}.service-expand{padding:0 34px 25px 0}.service-expand p{font-size:13px}.studio-finder{padding-block:60px}.studio-process{padding-block:65px;grid-template-columns:1fr;gap:30px}.studio-process li{padding:25px 0;gap:20px;grid-template-columns:40px 1fr}.studio-process li>span{font-size:30px}.studio-process li h3{font-size:22px}.studio-outro{padding-top:40px}.studio-outro .wrap>a{font-size:clamp(48px,12vw,82px);letter-spacing:-2px;padding-bottom:40px;padding-left:40px}.outro-arrow{font-size:76px;left:-5px;top:28%}.outro-bottom{font-size:9px;gap:15px}.outro-bottom>span:last-child{font-size:8px;max-width:120px;line-height:1.6;text-align:left}.editorial-label{margin-bottom:20px;font-size:10px}.footer-grid{padding-bottom:35px}.floating-wa{left:12px;bottom:12px}.studio-service-list details[open] .service-expand{animation:studio-enter .3s both}}
@media(prefers-reduced-motion:reduce){.growth-world,.growth-flower,.mini-flower,.service-dial{transform:none!important}.growth-flower{scale:1}.studio-copy h1,.growth-flower>i{animation:none}.reveal{opacity:1!important;transform:none!important}}
@media(max-width:720px) and (prefers-reduced-motion:reduce){.growth-flower{scale:.68}}
@media(max-width:720px){.services-intro{top:auto}}