@font-face{font-family:Vazir;src:url('Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#f6f7f2;color:#252e27;font-family:Vazir,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #608646;outline-offset:6px}.wrap{width:min(1180px,88%);margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe2d9}.brand{font-size:32px;font-weight:850;display:flex;align-items:center;gap:9px}.brand-icon{font-size:43px;color:#537345;line-height:1}.brand-dot{margin-right:-8px}.header nav{display:flex;gap:37px;font-size:14px}.header nav a:hover,.text-link:hover{color:#6d8a48}.header-link{font-size:13px;border:1px solid #c9cfc2;border-radius:30px;padding:11px 19px}.header-link span{margin-right:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-block:68px 74px}.eyebrow{font-size:12px;letter-spacing:.2px;display:flex;align-items:center;gap:9px}.eyebrow i{display:inline-block;width:7px;height:7px;background:#719351;border-radius:50%}h1{font-size:clamp(37px,4.4vw,61px);line-height:1.65;letter-spacing:-2px;margin:19px 0 21px;font-weight:850}.highlight{position:relative;white-space:nowrap;color:#557448}.highlight svg{position:absolute;bottom:-7px;right:0;width:100%;height:18px;fill:none;stroke:#9db878;stroke-width:3}.period{color:#8da76b}.hero-copy>p{color:#778071;font-size:15px;line-height:2.2;margin:22px 0 28px}.hero-actions{display:flex;align-items:center;gap:32px}.button{display:inline-flex;border:0;border-radius:8px;padding:15px 25px;align-items:center;gap:30px;font-size:13px;transition:transform .2s,background .2s}.dark{color:#fff;background:#29382c}.dark:hover{background:#46633c;transform:translateY(-3px)}.text-link{font-size:13px;display:inline-flex;gap:22px}.hero-note{margin-top:40px;color:#8c9385;font-size:11px;display:flex;align-items:center;gap:9px}.tiny-star{font-size:23px;color:#68814e}.hero-art{position:relative;aspect-ratio:1/1.09;background:#e9eddf;border-radius:140px 140px 12px 12px;isolation:isolate;background-image:radial-gradient(#c9d1bd 0.7px,transparent .7px);background-size:9px 9px}.flower{position:absolute;width:100%;height:100%;inset:0}.art-top{position:absolute;top:37px;width:100%;text-align:center;font-size:8px;letter-spacing:2px;direction:ltr;color:#6b7962}.floating-tag{position:absolute;bottom:108px;left:-22px;padding:14px 20px;background:#fafbf6;border:1px solid #d4dcc9;border-radius:7px;font-size:11px;transform:rotate(-8deg);box-shadow:0 8px 20px #243b2810}.floating-tag span{font-size:20px;margin-right:15px}.art-bottom,.art-index{position:absolute;bottom:20px;font-size:8px;letter-spacing:1.5px;color:#5f7357;direction:ltr}.art-bottom{right:23px}.art-index{left:24px}.ticker{border-block:1px solid #dce1d4;background:#edf0e5;overflow:hidden}.ticker>div{min-width:1000px;padding:21px 0;display:flex;justify-content:center;gap:50px;align-items:center;font-size:17px;font-weight:500;white-space:nowrap}.ticker span{font-size:26px;color:#809662}.work{padding-block:75px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px}h2{font-size:30px;letter-spacing:-.9px;line-height:1.7;margin:8px 0 0}.section-note{font-size:11px;color:#818879;margin-bottom:8px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project{border:0;background:transparent;padding:0;text-align:right}.project-art{height:300px;border-radius:10px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:transform .25s}.project:hover .project-art{transform:translateY(-5px)}.art-one{background:#e9e2d5}.art-two{background:#e0e9df}.art-three{background:#e4e1ee}.project-num{position:absolute;top:16px;left:17px;direction:ltr;letter-spacing:1px;font-size:8px;color:#5f655b}.project-open{position:absolute;bottom:15px;left:15px;width:31px;height:31px;display:grid;place-items:center;background:#ffffff99;border-radius:50%}.coffee-bag{height:215px;width:149px;background:#567056;transform:rotate(-9deg);box-shadow:12px 14px 17px #3d42262b;padding:26px 12px 12px;color:#f1edd7;text-align:center;border-top:7px solid #445f45;border-bottom:6px solid #445f45;margin-top:15px}.bag-small{font-size:7px}.coffee-bag strong{font-size:42px;display:block;line-height:1.5}.coffee-bag strong span{font-size:24px;margin-right:9px}.bag-en{font-size:9px;letter-spacing:2px}.bag-line{height:1px;background:#d4d6bb;margin:15px 5px 10px}.coffee-bag>span:last-child{font-size:9px}.mini-site{position:relative;width:86%;height:195px;background:#f8f8ef;transform:rotate(7deg);box-shadow:0 12px 26px #29473224;border-radius:5px;padding:14px;overflow:hidden;margin-top:12px}.mini-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ddcc;padding-bottom:10px;font-size:6px}.mini-nav b{font-size:15px}.mini-nav i{font-size:14px}.mini-content{padding-top:22px}.mini-content strong{font-size:20px;line-height:1.8}.mini-pill{display:block;width:75px;font-size:6px;margin-top:10px;padding:5px;background:#314d35;color:white;border-radius:12px}.plant{position:absolute;left:12px;top:40px;text-align:center;width:95px}.plant span{color:#567247;font-size:100px;display:block;line-height:1.1;transform:rotate(-25deg)}.plant i{display:block;background:#ccac84;height:34px;width:40px;margin:-9px auto 0;border-radius:2px 2px 12px 12px}.mini-footer{font-size:5px;color:#8d957f;margin-top:14px}.poster{position:relative;background:#eff17d;width:170px;height:226px;transform:rotate(-7deg);box-shadow:10px 12px 20px #524a6626;text-align:center;padding:12px;overflow:hidden;color:#4a3b72;margin-top:10px}.poster>span{font-size:7px}.poster strong{font-size:35px;line-height:1.35;display:block;margin-top:9px;font-weight:900}.poster-shapes{display:flex;direction:ltr;margin:12px -25px;transform:rotate(-12deg)}.poster-shapes i{width:80px;height:60px;border-radius:50%;flex-shrink:0;background:#8574aa;margin-left:-13px}.poster-shapes i:nth-child(2){background:#4f3d79}.poster small{font-size:6px;letter-spacing:1px;position:absolute;bottom:10px;left:0;width:100%}.project-info h3{font-size:15px;font-weight:600;margin:18px 0 4px}.project-info>span{font-size:10px;color:#87907e}.about{border-top:1px solid #dfe2d9;display:grid;grid-template-columns:1fr 1.3fr;gap:95px;padding-block:70px;align-items:center}.about-symbol{font-size:215px;color:#91a775;text-align:center;line-height:1;position:relative}.about-symbol span{display:block;font-size:9px;letter-spacing:3px;margin-top:24px;color:#728463}.about p{color:#7b8374;font-size:13px;line-height:2.2;max-width:490px;margin:19px 0 24px}.approach{padding:20px 0 70px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid #ced7c3;padding-top:25px}.steps article>span{font-size:12px;color:#7e9564;direction:ltr;display:block;text-align:right}.steps h3{font-size:16px;margin:15px 0 9px}.steps p{color:#7b8374;font-size:12px;line-height:2.1;margin:0}.start{position:relative;overflow:hidden;background:#e7eddb;border:1px solid #dce4cf;border-radius:12px;padding:45px;text-align:center;margin-bottom:45px}.start .eyebrow{justify-content:center}.start h2{font-size:33px;margin-top:12px}.start em{font-style:normal;color:#5d7c48}.start p{font-size:13px;color:#7b8870;margin:12px 0 24px}.cta-decoration{position:absolute;font-size:220px;left:-55px;bottom:-100px;color:#cbd7ba;line-height:1;pointer-events:none}footer{display:flex;align-items:center;justify-content:space-between;padding:24px 0 33px;border-top:1px solid #dfe2d9}footer .brand{font-size:24px}footer .brand-icon{font-size:31px}footer>span,footer>a:last-child{font-size:11px;color:#7b8374}dialog{border:1px solid #d5dec9;border-radius:18px;background:#f6f7f2;color:#29382c;padding:45px;width:min(540px,90%);line-height:2}dialog::backdrop{background:#17241bcc;backdrop-filter:blur(6px)}dialog p{font-size:14px;color:#6b7763;margin:20px 0 28px}.close{position:absolute;left:15px;top:8px;border:0;background:none;font-size:30px}body.modal-open{overflow:hidden}@media(min-width:1500px){.hero{padding-block:85px}}@media(max-width:900px){.hero{gap:30px}.hero-art{min-height:370px}.hero-copy>p{font-size:13px}h1{font-size:39px}.project-art{height:260px}.projects{gap:15px}.mini-content strong{font-size:15px}.plant{left:0;transform:scale(.8)}.about{gap:40px}.header nav{gap:20px}}@media(max-width:650px){.wrap{width:89%}.header{height:85px}.brand{font-size:28px}.header nav{gap:17px;font-size:11px}.header nav a:last-child{display:none}.header-link{display:none}.hero{grid-template-columns:1fr;padding-block:37px 40px;gap:35px}.hero h1{font-size:43px;line-height:1.6}.hero-copy>p{font-size:14px}.hero-note{margin-top:25px}.hero-art{width:90%;margin-inline:auto;min-height:0;max-width:390px;border-radius:120px 120px 12px 12px}.floating-tag{bottom:85px;left:-15px}.art-top{font-size:6px;top:27px}.ticker>div{padding:13px 0;font-size:14px;gap:30px;min-width:850px}.work{padding-block:43px}.section-heading{display:block}h2{font-size:25px}.section-note{display:block;margin-top:10px}.projects{grid-template-columns:1fr;gap:28px}.project-art{height:320px}.coffee-bag{transform:rotate(-9deg) scale(1.12)}.mini-site{max-width:300px;height:210px}.mini-content strong{font-size:23px}.plant{left:17px;transform:scale(1)}.mini-footer{margin-top:16px}.poster{transform:rotate(-7deg) scale(1.08)}.project-info h3{margin-top:13px}.about{grid-template-columns:1fr;gap:30px;padding-block:38px}.about-symbol{font-size:130px}.about-symbol span{font-size:7px;margin-top:17px}.about h2 br{display:none}.about p{font-size:13px}.approach{padding-block:20px 40px}.steps{grid-template-columns:1fr;gap:25px}.steps article{padding-top:16px}.steps h3{margin-top:8px}.start{padding:33px 20px;margin-bottom:30px}.start h2{font-size:26px}.start p{font-size:12px;min-height:48px}.cta-decoration{font-size:160px;bottom:-70px;left:-65px}footer{flex-wrap:wrap;gap:20px}footer>span{order:3;width:100%;text-align:center;font-size:10px}dialog{padding:40px 25px}dialog h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}