@charset "UTF-8";
:root{--paper:#f7f8f3;--white:#fff;--ink:#173e38;--muted:#6c7770;--green:#123f39;--lime:#d8e8bf;--line:#dfe4dc;--gold:#d9a365;--font:'IBM Plex Sans Arabic',Tahoma,sans-serif;--latin:'Manrope',sans-serif;--radius:18px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b78448;outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #708c66;outline-offset:2px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.5}h1,h2{letter-spacing:-1.8px}h2{font-size:calc(clamp(32px,3.5vw,48px) + 1px);font-weight:600;line-height:1.55}h2 em{font-style:normal;color:#779365}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section-pad{padding-block:105px}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;inset-block-start:-70px;inset-inline-start:20px;background:var(--green);color:white;z-index:1000;padding:10px 20px}.skip-link:focus{inset-block-start:12px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#5b7161;letter-spacing:.1px}.section-number{font-size:13px;margin-bottom:16px}.status-dot{width:7px;height:7px;background:#7a9b63;border-radius:50%;box-shadow:0 0 0 5px #dbe6d130}.btn{display:inline-flex;justify-content:center;align-items:center;gap:25px;border:1px solid transparent;border-radius:9px;min-height:52px;padding:12px 23px;font-size:15px;font-weight:500;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #123f3912}.btn .icon{width:20px;height:20px}.btn-dark{background:var(--green);color:#fff}.btn-dark:hover{background:#20584d}.btn-light{background:var(--lime);color:var(--green)}.btn-outline{background:transparent;border-color:var(--line)}.text-link{display:inline-flex;align-items:center;gap:14px;background:none;border:0;padding:8px 0;font-size:15px;font-weight:500}.text-link span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d4dbcf;border-radius:50%;transition:background .2s}.text-link:hover span{background:var(--lime)}.text-link .icon{width:18px}.icon-button{background:transparent;border:0;display:inline-grid;place-items:center;padding:8px;border-radius:8px;min-width:40px;min-height:40px}.icon-button:hover{background:#123f390c}.site-header{height:96px;border-bottom:1px solid #e5e8e0;background:#f7f8f3f5;position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;line-height:1.1}.brand-mark{width:37px;height:37px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-6deg);flex-shrink:0}.brand-mark i{background:var(--green);border-radius:3px}.brand-mark i:nth-child(2){background:var(--gold);border-start-end-radius:11px}.brand-mark i:nth-child(3){border-end-start-radius:11px}.brand b{font-size:36px;font-weight:700;letter-spacing:-2px}.brand-dot{color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:.4px;margin-top:5px}.main-nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#727d72;height:100%}.main-nav a{position:relative;display:flex;align-items:center;height:100%;white-space:nowrap}.main-nav a.active,.main-nav a:hover{color:var(--green)}.main-nav a.active::after{content:'';position:absolute;bottom:22px;width:4px;height:4px;right:50%;background:var(--green);border-radius:50%}.header-cta{min-height:43px;padding:9px 17px;gap:20px;font-size:13px}.mobile-menu{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 23% 40%,#eaf0df 0,transparent 50%),var(--paper)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding-top:70px;padding-bottom:65px;min-height:632px}.hero-copy{position:relative;z-index:2;padding-bottom:9px}.hero-copy .eyebrow{margin-bottom:20px}.hero h1{font-size:calc(clamp(48px,5vw,72px) + 1px);line-height:1.55;font-weight:600;letter-spacing:-3.5px;margin-bottom:24px}.hero-emphasis{color:#7b9567;display:inline-block;position:relative;z-index:1}.hero-emphasis svg{position:absolute;bottom:2px;right:-5px;width:100%;height:20px;z-index:-1;stroke:#d0dcba;stroke-width:3;fill:none}.hero-copy>p{max-width:470px;font-size:16px;line-height:2.15;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.hero-promise{display:flex;gap:25px;margin-top:28px;font-size:12px;color:#6f7a6a}.hero-promise span{display:flex;align-items:center;gap:6px}.hero-promise .icon{width:14px;height:14px;color:#7f946b}.hero-art{position:relative;direction:ltr;min-width:0;height:430px;transform:translateY(2px)}.hero-orbit{position:absolute;border:1px solid #cdd9c2;border-radius:50%;width:440px;height:440px;top:-8px;left:30px;transform:rotate(-20deg)}.hero-orbit::before{content:'';position:absolute;border:1px dashed #d6decf;border-radius:50%;inset:32px}.hero-orbit::after{content:'';position:absolute;width:12px;height:12px;background:var(--gold);border-radius:50%;top:65px;right:25px;box-shadow:0 0 0 9px #e8d8bf44}.browser-mockup{position:absolute;left:0;top:57px;width:440px;height:305px;background:#fff;border:6px solid #fff;border-radius:13px;transform:rotate(-7deg);box-shadow:10px 25px 45px #31493217,0 2px 8px #123f3910;overflow:hidden;z-index:2}.browser-chrome{height:28px;background:#f4f5ef;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font:7px var(--latin);color:#9ca597}.browser-dots{display:flex;gap:3px}.browser-dots i{width:4px;height:4px;background:#d5d8d1;border-radius:50%}.browser-dots i:first-child{background:#e8b592}.browser-dots i:nth-child(2){background:#dace94}.browser-dots i:nth-child(3){background:#aac291}.browser-chrome>.icon{width:8px;height:8px}.mockup-page{background:#f1f2e9;position:relative;height:calc(100% - 28px);padding:0 22px;overflow:hidden}.mockup-page nav{display:flex;justify-content:space-between;align-items:center;height:44px;border-bottom:1px solid #d7dbcc;font-family:var(--latin);font-size:7px}.mockup-page nav b{font-size:18px;letter-spacing:-1px}.mockup-page nav b span{font-size:8px;vertical-align:top}.mockup-page nav div{display:flex;gap:9px}.mockup-page nav div i{width:21px;height:2px;background:#bdc3b6}.mockup-page nav>span{background:#173e38;border-radius:10px;padding:4px 8px;color:#fff}.mockup-hero{position:relative;padding-top:30px;direction:ltr;height:170px}.mockup-kicker{font:5.8px var(--latin);letter-spacing:1px}.mockup-hero h2{font:600 30px/1.3 var(--latin);margin-top:10px;letter-spacing:-1.5px;position:relative;z-index:2}.mockup-hero h2 span{color:#71866c}.mockup-pills{display:flex;gap:4px;margin-top:15px}.mockup-pills span{font:5.8px var(--latin);border:1px solid #cbd2c1;padding:3px 7px;border-radius:9px}.mockup-sculpture{width:150px;height:150px;position:absolute;right:-30px;top:40px;opacity:.9}.sculpture-circle{width:104px;height:104px;position:absolute;right:0;top:-6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b3c89c,#547451 60%,#25482e 95%);box-shadow:inset -8px -7px 15px #24452a40,9px 15px 18px #49643c20}.sculpture-loop{width:101px;height:101px;position:absolute;left:4px;bottom:0;border:26px solid #d7ac70;border-radius:50%;transform:rotateX(25deg) rotateY(-17deg);box-shadow:inset 5px 3px 8px #ab7b3f4d,6px 12px 15px #b79a6a26}.sculpture-cube{width:56px;height:56px;position:absolute;right:1px;bottom:4px;background:#d9dec9;border-radius:12px;box-shadow:inset -10px -6px 13px #9fae8644;transform:rotate(-15deg)}.mockup-bottom{height:36px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d7dbcc;font:6px var(--latin);letter-spacing:.5px}.mockup-bottom>span:last-child{font-size:17px}.phone-mockup{position:absolute;right:-5px;top:145px;width:150px;height:287px;background:#182922;padding:6px;border-radius:29px;transform:rotate(8deg);z-index:5;box-shadow:8px 16px 30px #223d3625;border:1px solid #47604c}.phone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);height:10px;width:42px;border-radius:8px;background:#17251d;z-index:2}.phone-content{height:100%;border-radius:23px;background:#dfe9d2;padding:12px 12px 8px;overflow:hidden;direction:rtl}.phone-top{display:flex;justify-content:space-between;font:6px var(--latin);margin-bottom:23px;direction:ltr}.phone-greeting{font-size:8px;color:#627158}.phone-content h3{font-size:22px;line-height:1.4;margin-top:6px;font-weight:600;letter-spacing:-.8px}.phone-content h3 em{font-style:normal;color:#7d9567}.phone-feature{background:#123f39;border-radius:10px;color:#e3ecd3;margin-top:15px;height:74px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.phone-feature .icon{height:26px;width:26px;color:#cfe1ae}.phone-feature small{font-size:8px}.phone-mini-cards{display:flex;gap:7px;margin-top:8px}.phone-mini-cards span{background:#f6f8ed;display:grid;place-items:center;border-radius:8px;height:37px;width:50%}.phone-mini-cards .icon{width:18px;height:18px}.phone-bottom{display:flex;justify-content:center;gap:17px;margin-top:12px}.phone-bottom i{width:5px;height:5px;border-radius:50%;background:#a1b18e}.phone-bottom i:first-child{background:var(--green)}.floating-label{position:absolute;display:flex;align-items:center;gap:10px;background:#fffffff5;border:1px solid #e5e9de;border-radius:11px;padding:10px 14px;box-shadow:0 10px 20px #344f3610;direction:rtl;z-index:6;font-size:11px;font-weight:500;white-space:nowrap}.floating-label>span>small{display:block;font:7px var(--latin);color:#8f9b88;margin-top:3px;letter-spacing:.3px}.label-design{top:20px;right:30px;transform:rotate(4deg)}.label-design>.icon{background:#edf1e5;border-radius:8px;box-sizing:content-box;padding:7px;width:19px;height:19px}.label-code{bottom:2px;left:25px;transform:rotate(-3deg)}.code-symbol{font:600 19px var(--latin);color:#699275}.art-caption{position:absolute;bottom:-37px;right:59px;color:#85927e;font:9px var(--latin);letter-spacing:1px}.art-cross{position:absolute;z-index:1;font:25px var(--latin);color:#9daf8a}.cross-a{top:0;left:65px}.cross-b{bottom:0;right:0;font-size:19px;color:#c49b67}.hero-bottom{height:82px;border-top:1px solid #dce3d4;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#82907a}.hero-bottom>div{display:flex;align-items:center;gap:23px;direction:ltr;font:11px var(--latin);font-weight:500;letter-spacing:1px}.hero-bottom>div i{font-style:normal;font-size:20px;color:#8da17b}.hero-bottom>a{display:flex;align-items:center;gap:16px;color:#5a705b}.hero-bottom>a span{font:21px var(--latin)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:47px}.section-heading>p,.work-intro>p{font-size:15px;line-height:2.1;color:var(--muted);max-width:450px;padding-bottom:7px}.services{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.service-card{border-inline-end:1px solid var(--line);padding:8px 27px 0;min-width:0}.service-card:first-child{padding-inline-start:0}.service-card:last-child{padding-inline-end:0;border:0}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.service-icon{width:47px;height:47px;border:1px solid #dce3d5;border-radius:11px;display:grid;place-items:center;background:#f7f8f2}.service-icon .icon{width:23px;height:23px}.service-index{font:12px var(--latin);color:#a1ad9b}.service-card h3{font-size:20px;font-weight:600;letter-spacing:-.4px;margin-bottom:13px}.service-card p{font-size:13px;line-height:2.2;color:var(--muted);min-height:101px}.service-link{display:flex;align-items:center;gap:15px;border:0;background:none;padding:20px 0 0;font-size:12px;font-weight:500}.service-link .icon{width:17px;height:17px;transition:transform .2s}.service-link:hover .icon{transform:translate(-3px,-3px)}.work{background:#f2f4ee}.work-counter{display:inline-block;font-size:11px;border-bottom:1px solid #bdcbb2;padding-bottom:4px;margin-top:18px;color:#6a7b60}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dbe1d4;padding-bottom:23px;margin-bottom:35px}.project-filters{display:flex;gap:7px;flex-wrap:wrap}.filter{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:transparent;color:#74806e;padding:9px 17px;border-radius:25px;font-size:12px;min-height:40px;white-space:nowrap}.filter.active{background:var(--green);color:white}.filter>span{font:10px var(--latin);color:#d2e1c0;background:#ffffff20;border-radius:50%;padding:1px 5px}.filter:not(.active):hover{background:#e4e9db}.portfolio-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#839178}.portfolio-note .icon{width:17px;height:17px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 30px}.project-card{min-width:0}.project-visual{display:block;position:relative;overflow:hidden;aspect-ratio:1.46;background:var(--project-color);border-radius:15px;padding:26px;transition:box-shadow .3s}.project-visual:hover{box-shadow:0 10px 22px #183e3810}.project-image{width:100%;height:100%;object-fit:contain;transition:transform .6s}.project-visual:hover .project-image{transform:scale(1.035)}.project-open{position:absolute;top:20px;left:20px;width:37px;height:37px;background:#ffffffa8;border:1px solid #fff9;display:grid;place-items:center;border-radius:50%;z-index:2;transition:transform .3s,background .3s}.project-open .icon{width:19px;height:19px}.project-visual:hover .project-open{transform:rotate(45deg);background:#fff}.project-type{position:absolute;bottom:18px;right:20px;z-index:2;font-size:10px;padding:4px 11px;background:#fff9;backdrop-filter:blur(8px);border-radius:20px;color:#4a5d4a}.project-word-art{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;isolation:isolate;color:#273b36;text-align:center}.project-word-art>b{font-size:calc(clamp(32px,3.5vw,53px) + 1px);line-height:1.4;font-weight:600;letter-spacing:-2.5px;position:relative}.project-word-art>b i{font:11px var(--latin);position:absolute;left:-13px;top:7px}.art-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#ffffff75;margin-bottom:10px;transform:rotate(-8deg)}.art-symbol .icon{width:28px;height:28px;transform:rotate(8deg)}.art-subtitle{font-size:12px;margin-top:6px;opacity:.65}.project-word-art>small{font:6px var(--latin);letter-spacing:2px;margin-top:23px;color:#31413a70}.art-orbit{position:absolute;z-index:-1;border:1px solid #2b4a3910;border-radius:50%;width:250px;height:250px}.orbit-one{transform:rotate(-35deg) scaleX(1.5)}.orbit-two{transform:rotate(40deg) scaleX(1.5)}.project-word-art::after{content:'✳';font-size:39px;color:#ffffffb3;position:absolute;top:15%;right:8%;transform:rotate(13deg)}.project-info{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 1px 0}.project-info h3{font-size:22px;font-weight:600;letter-spacing:-.3px}.project-info p{font-size:12px;color:#7c8777;margin-top:1px}.project-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:end}.project-tags span{font-size:9px;color:#73816c;border:1px solid #d6dece;border-radius:20px;padding:3px 9px}.portfolio-empty{text-align:center;padding:50px;color:var(--muted)}.project-card[hidden]{display:none}.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding-top:4px}.process-step{border-top:1px solid #dce2d4;position:relative;padding-top:27px}.process-step::before{content:'';position:absolute;right:0;top:-4px;width:7px;height:7px;background:#b2c49b;border-radius:50%}.step-number{font:12px var(--latin);color:#90a07d;display:block;margin-bottom:13px}.process-step h3{font-size:20px;font-weight:500;margin-bottom:12px}.process-step p{font-size:13px;line-height:2.2;color:var(--muted)}.about{background:#f4f5ee}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-visual{height:405px;background:#dfe7d3;border-radius:16px;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.about-visual::before,.about-visual::after{content:'';position:absolute;width:290px;height:290px;border:1px solid #b9c8a8;border-radius:50%;z-index:-1}.about-visual::before{transform:scaleX(1.5) rotate(35deg)}.about-visual::after{transform:scaleX(1.5) rotate(-35deg)}.about-letter{font-size:331px;line-height:1;color:var(--green);transform:rotate(-12deg);padding-bottom:30px;text-shadow:9px 10px 0 #bbc9a6;font-weight:700}.about-orbit-text{position:absolute;top:27px;left:24px;font:9px var(--latin);letter-spacing:1.4px;color:#6b815b}.about-sticker{position:absolute;right:20px;bottom:48px;background:#f8f8ee;border:1px solid #fff9;padding:16px 21px;display:flex;align-items:center;gap:15px;border-radius:9px;transform:rotate(4deg);box-shadow:0 10px 20px #27462a0d;font-size:12px;line-height:1.8}.about-sticker>.icon{width:29px;height:29px;color:#a17c4b}.about-sticker b{font-weight:500}.about-corner{font:7px var(--latin);position:absolute;bottom:19px;left:24px;color:#7d916b;letter-spacing:1px}.about-copy h2{font-size:39px;line-height:1.65;max-width:460px;letter-spacing:-1.5px;margin-bottom:22px}.about-copy>p{font-size:14px;color:var(--muted);line-height:2.3}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px;margin:25px 0;border-top:1px solid #dce2d2;padding-top:22px}.about-values>span{display:flex;align-items:center;gap:7px}.about-values .icon{width:15px;height:15px;color:#8da275}.contact{padding:48px 0;background:var(--paper)}.contact-inner{background:var(--green);color:white;border-radius:18px;padding:65px 70px;display:flex;align-items:center;justify-content:space-between;gap:45px;position:relative;overflow:hidden}.contact-inner::after{content:'';position:absolute;left:-130px;top:-120px;width:500px;height:500px;border:1px solid #b8d7ac10;border-radius:50%;pointer-events:none}.contact .eyebrow{color:#b9d09f;font-size:12px;margin-bottom:17px}.contact h2{font-size:46px;line-height:1.6}.contact h2 em{color:#c5dca5}.contact p{font-size:13px;color:#b2c8b9;margin-top:15px}.contact-orb{background:#d6e7b6;color:#173f36;border:0;border-radius:50%;width:172px;height:172px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:rotate(-10deg);transition:transform .3s;position:relative;z-index:1}.contact-orb:hover{transform:rotate(0)}.contact-orb>span{font-size:17px}.contact-orb>.icon{width:45px;height:45px;margin:3px 0}.contact-orb>small{font:7px var(--latin);letter-spacing:.8px}.contact-links{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.contact-links>a{display:flex;gap:9px;align-items:center;font-size:13px}.contact-links .icon{width:17px;height:17px;color:#bed0a8}.site-footer{padding:30px 0 0;background:var(--paper)}.footer-top{display:flex;justify-content:space-between;align-items:center;padding:20px 0 36px}.footer-top .brand b{font-size:32px}.footer-top .brand-mark{width:32px;height:32px;gap:3px}.footer-top .brand small{font-size:8px}.footer-top>div>p{font-size:11px;color:#84907d;margin-top:10px}.footer-nav{display:flex;gap:30px;font-size:12px;color:#6e7b65}.footer-back{display:flex;align-items:center;gap:8px;font-size:11px;color:#7e8b73}.footer-back .icon{transform:rotate(90deg);width:18px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0;font-size:10px;color:#88937f}.footer-motto{font:9px var(--latin);display:flex;align-items:center;gap:9px}.footer-motto .icon{width:13px;height:13px;color:#9eae8c}.chat-widget{position:fixed;bottom:24px;left:24px;z-index:65}.chat-launcher{border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;direction:rtl}.chat-launcher-icon{width:57px;height:57px;border-radius:19px;display:grid;place-items:center;position:relative;color:#fff;background:var(--green);box-shadow:0 5px 22px #0b342d25;transition:transform .2s}.chat-launcher:hover .chat-launcher-icon{transform:translateY(-4px)}.chat-launcher-icon .icon{width:25px;height:25px}.chat-launcher-icon i{position:absolute;width:9px;height:9px;border:2px solid var(--paper);background:#adc98c;border-radius:50%;right:3px;top:3px}.chat-launcher-label{font-size:11px;padding:7px 12px;background:#fff;border:1px solid #e5e9e0;border-radius:20px;box-shadow:0 3px 12px #14382a05}.chat-panel{width:365px;border:1px solid #dbe4d5;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 60px #0e302d28;position:absolute;bottom:73px;left:0;direction:rtl;display:flex;flex-direction:column;max-height:min(600px,calc(100dvh - 120px))}.chat-panel[hidden]{display:none}.chat-header{background:var(--green);color:white;padding:17px;display:flex;align-items:center;gap:10px}.chat-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ffffff15;color:#c9deaf}.chat-header b{font-size:14px;font-weight:500}.chat-header small{display:flex;align-items:center;gap:5px;font-size:10px;color:#bdd1b6}.chat-header small i{width:5px;height:5px;background:#bdd1a4;border-radius:50%}.chat-close{color:#fff;margin-inline-start:auto}.chat-close:hover{background:#ffffff15}.chat-messages{padding:18px 14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:140px;max-height:320px;overscroll-behavior:contain}.chat-bubble{padding:11px 14px;border-radius:13px;font-size:13px;line-height:1.95;max-width:93%;overflow-wrap:anywhere;white-space:pre-line}.chat-bubble.bot{background:#f0f4ea;align-self:flex-start;border-start-start-radius:3px}.chat-bubble.user{background:var(--green);color:white;align-self:flex-end;border-end-end-radius:3px}.chat-bubble a,.chat-bubble button{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--green);background:#fff;border:1px solid #d1ddc8;border-radius:7px;padding:7px 12px;margin-top:8px;width:100%}.chat-suggestions{display:flex;flex-wrap:wrap;gap:5px;padding:4px 14px 12px}.chat-suggestions button{background:#fff;border:1px solid #dbe5d2;border-radius:20px;font-size:11px;padding:6px 10px}.chat-suggestions button:hover{background:#edf4e5}.chat-form{display:flex;gap:8px;border-top:1px solid #e4e9dd;padding:10px}.chat-form input{border:0;background:#f5f7f0;border-radius:8px;font-size:13px;padding:11px;min-width:0;flex:1;outline-offset:-2px}.chat-form button{background:var(--green);color:white;width:40px}.chat-form button .icon{width:17px;height:17px}.chat-disclaimer{font-size:9px;text-align:center;color:#8c9786;padding:0 10px 9px}.request-dialog{background:#fff;border:0;border-radius:20px;padding:0;width:min(690px,calc(100% - 30px));max-height:90dvh;color:var(--ink);box-shadow:0 25px 100px #0e382e2b}.request-dialog::backdrop{background:#10261ed1;backdrop-filter:blur(5px)}.modal-inner{padding:43px;position:relative}.dialog-close.icon-button{position:absolute;top:15px;left:15px;color:#71816b}.modal-heading .eyebrow{font-size:11px;margin-bottom:13px}.modal-heading h2{font-size:37px;letter-spacing:-1.2px}.modal-heading p{font-size:13px;color:var(--muted);margin-top:10px;margin-bottom:24px;line-height:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;position:relative}.form-grid label>span{display:contents;color:#a5794d}.form-grid input,.form-grid select,.form-grid textarea{background:#f8f9f4;border:1px solid #dfe6d8;border-radius:7px;color:var(--ink);width:100%;min-height:45px;padding:10px 12px;font-size:13px;resize:vertical}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a1aa9a;font-weight:400}.form-grid input[dir=ltr]{text-align:left;font-family:var(--latin)}.full-width{grid-column:1/-1}.checkbox-label{display:flex;align-items:start;gap:8px;font-size:11px;color:#78846d;margin:18px 0;line-height:1.9}.checkbox-label input{accent-color:var(--green);margin-top:4px;width:15px;height:15px;flex-shrink:0}.checkbox-label a{color:var(--green);text-decoration:underline}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-submit{width:100%}.form-footnote{font-size:10px;color:#93a087;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px}.form-footnote .icon{width:11px;height:11px}.form-error{padding:11px 14px;background:#fff0ed;color:#a53f35;border-radius:7px;font-size:13px;margin-bottom:15px}.request-success{text-align:center;padding:12px 8px 25px}.request-success[hidden]{display:none}.success-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#e6efd9;margin:15px auto 20px}.success-icon .icon{width:34px;height:34px;color:#779459}.request-success h3{font-size:29px;font-weight:500}.request-success p{font-size:14px;color:var(--muted);line-height:2.1;max-width:440px;margin:13px auto}.request-reference{display:block;font:13px var(--latin);letter-spacing:2px;background:#f0f4e9;border-radius:8px;width:max-content;padding:10px 20px;margin:20px auto 30px}#toast{position:fixed;bottom:30px;right:30px;padding:13px 24px;background:var(--green);color:white;border-radius:10px;font-size:14px;z-index:200;box-shadow:0 5px 25px #143a3026;transform:translateY(130px);transition:transform .3s;max-width:calc(100% - 60px)}#toast.show{transform:translateY(0)}.reveal{opacity:1}.js-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s,transform .55s}.js-reveal.is-visible{opacity:1;transform:translateY(0)}.back-link{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:#7d8b72}.back-link .icon{width:17px;transform:rotate(180deg)}.project-hero{padding-top:42px}.project-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin:34px 0 45px}.project-heading .eyebrow{font-size:11px}.project-heading h1{font-size:71px;line-height:1.5;font-weight:600;margin-top:8px;letter-spacing:-2.5px}.project-heading h1>span{color:#92a775}.project-subtitle{font-size:20px;color:#81916f;margin-top:7px}.project-heading>p{font-size:15px;line-height:2.2;color:var(--muted);max-width:490px}.project-detail-visual{background:var(--project-color);height:520px;border-radius:18px;padding:40px;overflow:hidden}.project-detail-visual .project-word-art>b{font-size:96px}.project-detail-visual .project-word-art>.art-subtitle{font-size:20px}.project-detail-visual .project-word-art>.art-symbol{width:70px;height:70px;margin-bottom:15px}.project-detail-visual .art-symbol .icon{width:42px;height:42px}.project-detail-visual .art-orbit{width:370px;height:370px}.project-detail-visual .project-word-art>small{font-size:9px;margin-top:35px}.project-detail-visual .project-word-art::after{font-size:71px;right:18%}.project-story{display:grid;grid-template-columns:1.5fr 1fr;gap:100px}.project-story article>h2{font-size:34px;margin:13px 0 23px}.project-story article>p{font-size:15px;line-height:2.3;color:var(--muted);margin-bottom:18px;white-space:pre-line}.project-story article>h3{font-size:22px;font-weight:500;margin-top:35px}.project-features{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px;font-size:13px}.project-features li{display:flex;gap:7px;align-items:start}.project-features .icon{width:17px;height:17px;color:#84a168;margin-top:3px}.project-meta{background:#f0f3e9;border:1px solid #e1e7d8;border-radius:14px;padding:30px;align-self:start}.project-meta>.eyebrow{padding-bottom:16px;border-bottom:1px solid #dbe2d1}.project-meta dl{margin:18px 0 25px}.project-meta dt{font-size:11px;color:#8b997d;margin:18px 0 4px}.project-meta dd{margin:0;font-size:15px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags span{font-size:10px;border:1px solid #d3ddc5;border-radius:20px;padding:3px 10px}.project-meta>h3{font-size:13px;margin-bottom:10px}.project-platforms{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}.platform-link{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e0e6d8;border-radius:8px;padding:12px 14px}.platform-link>span{display:flex;flex-direction:column;line-height:1.5}.platform-link small{font:8px var(--latin);color:#8c9b80;margin-bottom:3px}.platform-link b{font-size:13px;font-weight:500}.platform-link>.icon:last-child{margin-inline-start:auto;width:16px;height:16px}.platform-link:hover{border-color:#9aad84}.project-meta>.btn{width:100%;font-size:13px;margin-top:8px}.project-gallery{padding-bottom:70px}.project-gallery h2{font-size:33px;margin:10px 0 30px}.project-gallery>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-gallery img{width:100%;border-radius:14px;background:#edf1e8}.related-projects{background:#f0f3eb}.related-projects h2{font-size:35px}.privacy-page{max-width:800px;min-height:70vh}.privacy-page h1{font-size:49px;margin:12px 0 30px}.privacy-page h2{font-size:26px;margin:30px 0 12px;letter-spacing:-.4px}.privacy-page p{color:var(--muted);line-height:2.3;font-size:15px}.privacy-page>.btn{margin-top:30px}.not-found{padding-block:100px;text-align:center;min-height:65vh}.not-found>span{font:61px var(--latin);color:#9aad83}.not-found h1{font-size:36px;margin-top:25px}.not-found p{color:var(--muted);margin:15px 0 30px}
@media(min-width:1500px){.hero-grid{min-height:690px;padding-block:90px}.hero-art{transform:scale(1.06)}.hero h1{font-size:77px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.main-nav{gap:20px}.hero-grid{gap:25px;min-height:600px;padding-block:60px}.hero h1{font-size:61px}.hero-art{transform:scale(.84);transform-origin:center center;margin-inline:-30px}.hero-actions{gap:18px}.hero-actions>.btn{font-size:13px;padding:12px 17px;gap:17px}.hero-actions>.text-link{font-size:13px}.hero-promise{gap:13px;font-size:11px}.service-card{padding-inline:18px}.service-card h3{font-size:18px}.service-card p{font-size:12px;min-height:110px}.section-pad{padding-block:80px}.about-grid{gap:60px}.about-copy h2{font-size:33px}.contact-inner{padding:50px}.project-story{gap:55px}.project-heading{gap:50px}}
@media(max-width:850px){.header-inner{gap:20px}.main-nav{gap:16px;font-size:12px}.header-cta{font-size:11px;gap:11px;padding-inline:12px}.brand b{font-size:31px}.brand-mark{width:32px;height:32px}.hero-grid{gap:12px;padding-block:50px;min-height:570px}.hero h1{font-size:52px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-art{transform:scale(.72);margin-inline:-60px}.hero-copy .eyebrow{font-size:11px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-promise{margin-top:18px;font-size:10px}.hero-bottom>div{gap:13px;font-size:9px}.hero-bottom>span,.hero-bottom>a{font-size:10px}.services-grid{grid-template-columns:1fr 1fr;gap:35px 0}.service-card{padding-inline:28px}.service-card:first-child{padding-inline-start:0}.service-card:nth-child(2){padding-inline-end:0;border:0}.service-card:nth-child(3){padding-inline-start:0}.service-card:last-child{padding-inline-start:28px}.service-card p{min-height:auto;font-size:13px}.service-card h3{font-size:21px}.service-top{margin-bottom:20px}.section-heading{gap:30px}.section-heading>p,.work-intro>p{font-size:13px}.section-heading h2{font-size:36px}.portfolio-note{display:none}.filter{padding-inline:13px;font-size:11px}.project-visual{aspect-ratio:1.2;padding:15px}.project-info{align-items:start;gap:8px}.project-tags{max-width:95px}.project-tags span{font-size:8px}.project-info h3{font-size:20px}.project-info p{font-size:11px}.art-orbit{width:180px;height:180px}.project-word-art>b{font-size:38px}.art-subtitle{font-size:11px}.project-word-art>small{font-size:5px;letter-spacing:1px}.project-type{bottom:12px;right:12px;font-size:9px}.process-grid{grid-template-columns:1fr 1fr;gap:35px}.about-grid{gap:35px}.about-copy h2{font-size:29px}.about-visual{height:350px}.about-letter{font-size:271px}.about-copy>p{font-size:13px}.about-values{font-size:11px;gap:10px}.contact h2{font-size:37px}.contact-orb{width:145px;height:145px}.contact-inner{padding:40px;gap:30px}.footer-nav{gap:18px;font-size:11px}.footer-bottom{font-size:9px}.footer-motto{display:none}.project-heading h1{font-size:56px}.project-heading>p{font-size:13px}.project-detail-visual{height:420px}.project-story{grid-template-columns:1.2fr 1fr;gap:35px}.project-features{grid-template-columns:1fr}.project-story article>h2{font-size:30px}.project-meta{padding:23px}.project-story article>p{font-size:14px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}html{scroll-padding-top:90px}.site-header{height:78px}.brand-mark{width:31px;height:31px}.brand b{font-size:32px}.brand small{font-size:8px}.header-inner{gap:15px}.header-cta{margin-inline-start:auto;font-size:11px;min-height:38px;gap:12px;padding:7px 12px}.header-cta .icon{width:15px;height:15px}.mobile-menu{display:grid;padding:5px;min-width:32px;width:32px}.main-nav{position:absolute;top:77px;right:0;left:0;background:#f7f8f3;border-bottom:1px solid #dbe3d2;box-shadow:0 15px 20px #123f3908;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:15px 20px 22px;display:none;font-size:15px}.main-nav.open{display:flex}.main-nav a{padding:12px 8px;height:auto}.main-nav a.active::after{display:none}.hero-grid{grid-template-columns:1fr;gap:10px;padding-top:35px;padding-bottom:15px;min-height:0}.hero-copy{padding-bottom:0}.hero-copy .eyebrow{font-size:12px;margin-bottom:15px}.hero h1{font-size:54px;line-height:1.5;letter-spacing:-2.5px;margin-bottom:18px}.hero-copy>p{font-size:14px;line-height:2.1;max-width:440px}.hero-actions{flex-wrap:nowrap;gap:23px;margin-top:23px}.hero-actions>.btn{font-size:12px;gap:15px;min-height:47px;padding:11px 16px}.hero-actions>.text-link{font-size:12px;gap:8px}.hero-actions .text-link span{width:28px;height:28px}.hero-promise{font-size:11px;gap:19px;margin-top:21px}.hero-art{transform:none;margin:15px auto 0;height:345px;width:100%;max-width:430px}.hero-orbit{width:320px;height:320px;top:0;left:35px}.browser-mockup{left:6px;top:48px;width:calc(100% - 35px);height:252px;transform:rotate(-6deg);border-width:5px}.browser-chrome{height:23px}.mockup-page{height:calc(100% - 23px);padding-inline:16px}.mockup-page nav{height:35px}.mockup-page nav b{font-size:15px}.mockup-hero{height:147px;padding-top:23px}.mockup-hero h2{font-size:25px;letter-spacing:-1.3px}.mockup-kicker{font-size:5.5px}.mockup-pills{margin-top:11px}.mockup-bottom{height:29px}.mockup-sculpture{right:-29px;top:40px;width:125px;height:125px;transform:scale(.88)}.phone-mockup{width:119px;height:230px;top:110px;right:2px;border-radius:24px;padding:5px}.phone-island{width:34px;height:8px;top:7px}.phone-content{padding:10px 9px 6px;border-radius:19px}.phone-top{font-size:5px;margin-bottom:16px}.phone-greeting{font-size:7px}.phone-content h3{font-size:18px;margin-top:5px}.phone-feature{height:58px;margin-top:10px;border-radius:8px;gap:3px}.phone-feature .icon{width:22px;height:22px}.phone-feature small{font-size:6px}.phone-mini-cards{margin-top:6px;gap:5px}.phone-mini-cards span{height:27px;border-radius:6px}.phone-mini-cards .icon{width:13px;height:13px}.phone-bottom{margin-top:8px;gap:13px}.phone-bottom i{width:4px;height:4px}.floating-label{font-size:9px;padding:8px 11px;gap:7px;border-radius:9px}.floating-label>span>small{font-size:6px}.label-design{right:18px;top:13px}.label-design>.icon{width:16px;height:16px;padding:5px}.label-code{left:11px;bottom:4px}.code-symbol{font-size:17px}.art-caption{bottom:-15px;right:70px;font-size:7px;letter-spacing:.8px}.cross-a{left:39px;font-size:20px;top:8px}.cross-b{right:0;bottom:26px}.hero-bottom{height:70px;margin-top:30px}.hero-bottom>span{display:none}.hero-bottom>div{gap:11px;font-size:7px;letter-spacing:.5px}.hero-bottom>div i{font-size:14px}.hero-bottom>a{font-size:9px;gap:8px}.hero-bottom>a span{font-size:16px}.section-pad{padding-block:58px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:35px;line-height:1.5;letter-spacing:-1px}.section-number{font-size:11px;margin-bottom:13px}.section-heading>p,.work-intro>p{font-size:13px;margin-top:17px;padding:0;line-height:2}.section-heading>p br,.work-intro>p br{display:none}.work-counter{font-size:10px;margin-top:13px}.services-grid{gap:28px 0}.service-card{padding:0 17px}.service-card h3{font-size:17px;letter-spacing:-.5px;margin-bottom:10px}.service-card p{font-size:12px;line-height:2.1}.service-card:last-child{padding-inline-start:17px}.service-icon{width:40px;height:40px;border-radius:10px}.service-icon .icon{width:20px;height:20px}.service-top{margin-bottom:17px}.service-index{font-size:10px}.service-link{font-size:10px;gap:8px;padding-top:15px}.service-link .icon{width:14px;height:14px}.portfolio-toolbar{padding-bottom:17px;margin-bottom:25px;display:block}.project-filters{gap:4px;flex-wrap:nowrap;overflow:auto;padding:3px 0;scrollbar-width:none}.project-filters::-webkit-scrollbar{display:none}.filter{font-size:10px;padding:8px 12px;min-height:36px}.filter>span{font-size:9px}.projects-grid{grid-template-columns:1fr;gap:27px}.project-visual{aspect-ratio:1.42;padding:23px;border-radius:12px}.project-word-art>b{font-size:45px}.art-subtitle{font-size:12px}.art-symbol{width:43px;height:43px;margin-bottom:7px}.art-symbol .icon{width:24px;height:24px}.art-orbit{width:210px;height:210px}.project-word-art>small{font-size:5px;letter-spacing:1.6px;margin-top:17px}.project-open{top:16px;left:16px;width:32px;height:32px}.project-open .icon{width:17px;height:17px}.project-type{right:16px;bottom:14px;font-size:9px;padding:3px 10px}.project-info{padding-top:12px;gap:15px;align-items:center}.project-info h3{font-size:21px}.project-info p{font-size:11px}.project-tags{max-width:none}.project-tags span{font-size:8px;padding:3px 8px}.process-grid{gap:30px 25px}.process-step{padding-top:18px}.step-number{font-size:10px;margin-bottom:10px}.process-step h3{font-size:18px;margin-bottom:10px}.process-step p{font-size:12px;line-height:2.1}.about-grid{grid-template-columns:1fr;gap:30px}.about-visual{height:300px;border-radius:13px}.about-letter{font-size:256px;padding-bottom:20px}.about-sticker{padding:13px 17px;font-size:11px;bottom:32px;right:22px}.about-sticker>.icon{width:25px;height:25px}.about-orbit-text{font-size:8px}.about-copy h2{font-size:34px;letter-spacing:-1px;margin-bottom:17px;max-width:390px}.about-copy>p{font-size:14px;line-height:2.2}.about-values{font-size:12px;gap:13px;margin:20px 0}.about-copy>.text-link{font-size:13px}.contact{padding-block:25px}.contact-inner{display:block;padding:33px 26px;border-radius:14px}.contact .eyebrow{font-size:10px;margin-bottom:13px}.contact h2{font-size:33px;line-height:1.65;letter-spacing:-1px}.contact p{font-size:12px;line-height:2}.contact-orb{margin:25px auto 0;width:118px;height:118px;gap:1px}.contact-orb>span{font-size:14px}.contact-orb>.icon{width:35px;height:35px}.contact-orb>small{font-size:6px;letter-spacing:.4px}.contact-links{margin-top:15px;gap:15px}.contact-links>a{font-size:11px}.site-footer{padding-top:10px}.footer-top{flex-wrap:wrap;gap:25px;padding-bottom:25px}.footer-nav{order:3;width:100%;gap:24px;font-size:12px}.footer-top>div>p{font-size:10px}.footer-back{font-size:10px}.footer-bottom{align-items:start;gap:15px;padding-block:17px;font-size:9px}.footer-bottom>span{max-width:230px}.chat-widget{left:15px;bottom:15px}.chat-launcher-label{display:none}.chat-launcher-icon{width:52px;height:52px;border-radius:17px}.chat-panel{width:min(355px,calc(100vw - 30px));bottom:65px;max-height:calc(100dvh - 110px)}.chat-messages{max-height:280px;min-height:130px}.chat-header{padding:13px}.chat-bubble{font-size:13px}.request-dialog{max-height:94dvh;border-radius:16px}.modal-inner{padding:33px 22px 25px}.modal-heading .eyebrow{font-size:10px}.modal-heading h2{font-size:32px}.modal-heading p{font-size:12px;margin-bottom:20px}.form-grid{gap:14px}.form-grid label{font-size:11px}.form-grid input,.form-grid textarea,.form-grid select{font-size:17px;padding:10px;min-height:45px}.form-grid input::placeholder,.form-grid textarea::placeholder{font-size:12px}.form-grid select{font-size:12px}.checkbox-label{font-size:10px;line-height:2}.form-submit{font-size:13px}.form-footnote{font-size:9px}.request-success{padding-inline:0}.request-success p{font-size:13px}.project-hero{padding-top:28px}.back-link{font-size:11px}.project-heading{grid-template-columns:1fr;gap:18px;margin:26px 0 30px}.project-heading .eyebrow{font-size:10px}.project-heading h1{font-size:51px;margin-top:10px}.project-subtitle{font-size:17px}.project-heading>p{font-size:14px;line-height:2.2}.project-detail-visual{height:300px;padding:20px;border-radius:13px}.project-detail-visual .project-word-art>b{font-size:52px}.project-detail-visual .project-word-art>.art-subtitle{font-size:14px}.project-detail-visual .project-word-art>.art-symbol{width:50px;height:50px;margin-bottom:12px}.project-detail-visual .art-symbol .icon{width:29px;height:29px}.project-detail-visual .art-orbit{width:210px;height:210px}.project-detail-visual .project-word-art>small{font-size:6px;margin-top:20px}.project-detail-visual .project-word-art::after{font-size:41px;right:7%;top:10%}.project-story{grid-template-columns:1fr;gap:30px}.project-story article>h2{font-size:30px;margin-top:11px;margin-bottom:17px}.project-story article>p{font-size:14px}.project-story article>h3{font-size:21px;margin-top:25px}.project-features{grid-template-columns:1fr;gap:12px;font-size:13px}.project-meta{padding:25px}.project-meta dl{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.project-meta dt{margin-bottom:4px}.project-meta dd{grid-row:auto}.project-meta dl{display:block}.project-gallery{padding-bottom:45px}.project-gallery h2{font-size:30px}.project-gallery>div{grid-template-columns:1fr;gap:17px}.related-projects h2{font-size:30px}.related-projects .section-heading>.text-link{font-size:12px;margin-top:15px}.privacy-page h1{font-size:37px;letter-spacing:-1px}.privacy-page h2{font-size:23px}.privacy-page p{font-size:14px}.not-found h1{font-size:29px}.not-found p{font-size:14px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:47px}.hero-actions{gap:15px}.hero-actions>.btn{font-size:11px;padding-inline:13px;gap:10px}.hero-actions>.text-link{font-size:11px}.hero-promise{gap:14px;font-size:10px}.hero-art{height:310px}.browser-mockup{height:230px;top:42px}.mockup-page nav{height:29px}.mockup-hero{height:131px;padding-top:19px}.mockup-hero h2{font-size:23px}.mockup-sculpture{transform:scale(.75);right:-30px;top:28px}.mockup-bottom{height:28px}.phone-mockup{transform:rotate(7deg) scale(.9);transform-origin:bottom right;top:76px}.hero-orbit{width:290px;height:290px;left:20px}.label-code{bottom:0}.hero-bottom>div{font-size:6px;gap:7px}.hero-bottom>a{font-size:8px;gap:6px}.service-card h3{font-size:16px}.service-card{padding-inline:13px}.service-card:last-child{padding-inline-start:13px}.service-card p{font-size:11px}.project-filters{gap:2px}.filter{padding-inline:10px;font-size:9px}.project-word-art>b{font-size:38px}.project-visual{aspect-ratio:1.35}.art-subtitle{font-size:11px}.project-info h3{font-size:19px}.project-tags{gap:4px}.project-tags span{font-size:7px}.contact-inner{padding:28px 22px}.contact h2{font-size:30px}.form-grid{grid-template-columns:1fr}.form-grid input,.form-grid textarea{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-reveal{opacity:1;transform:none}}

/* Actual project screens: responsive device previews and image galleries. */
.project-device-scene{position:relative;width:100%;height:100%;container-type:size;direction:ltr;isolation:isolate}
.project-device-scene::before{content:'';position:absolute;inset:12% 8%;border:1px solid #ffffff65;border-radius:50%;transform:rotate(-17deg);z-index:-1}
.project-phone{position:absolute;left:50%;top:48%;display:block;width:28%;aspect-ratio:var(--screen-ratio,9/19);padding:4px;background:#23352e;border:1px solid #526059;border-radius:22px;box-shadow:0 15px 27px #16352b28;overflow:hidden;transform:translate(-50%,-50%);transition:transform .5s}
.project-phone img{width:100%;height:100%;border-radius:17px;object-fit:contain;background:#fff}
.project-phone.is-main{z-index:3;transform:translate(-50%,-50%)}
.project-phone.is-side-1{z-index:1;transform:translate(-145%,-43%) rotate(-7deg)}
.project-phone.is-side-2{z-index:2;transform:translate(45%,-43%) rotate(7deg)}
.project-browser{position:absolute;left:50%;top:47%;width:82%;border:5px solid #fff;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 16px 30px #193c3022;transform:translate(-58%,-50%)}
.project-browser>img{width:100%;height:auto;max-width:100%;object-fit:contain}
.project-browser-bar{height:17px;display:flex;align-items:center;gap:4px;padding:0 7px;background:#f2f3ed}
.project-browser-bar i{display:block;width:4px;height:4px;background:#d2d8cb;border-radius:50%}
.project-browser-bar i:first-child{background:#dcbba7}.project-browser-bar i:nth-child(2){background:#dfd39f}.project-browser-bar i:nth-child(3){background:#afc49b}
.project-phone.is-web-preview{z-index:3;top:50%;width:24%;transform:translate(95%,-29%) rotate(5deg)}
@supports(width:1cqw){.project-phone{width:min(27cqw,38cqh)}.project-phone.is-main{width:min(30cqw,42cqh)}.project-browser{width:min(82cqw,124cqh)}.project-phone.is-web-preview{width:min(24cqw,35cqh)}}
.project-detail-visual .project-phone{padding:5px;border-radius:28px}.project-detail-visual .project-phone img{border-radius:22px}
.project-detail-visual .project-browser{border-width:7px;border-radius:15px}.project-detail-visual .project-browser-bar{height:22px;gap:5px}.project-detail-visual .project-browser-bar i{width:5px;height:5px}
.project-gallery>.project-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:25px}
.project-gallery-item{display:block;min-width:0;padding:9px;border:1px solid #e0e6d8;border-radius:18px;background:#edf1e8;transition:box-shadow .2s,transform .2s}
.project-gallery-item:hover{box-shadow:0 10px 25px #123f3910;transform:translateY(-3px)}
.project-gallery-item--landscape{grid-column:span 2}.project-gallery-item img{height:auto;border-radius:10px;width:100%}
@media(max-width:650px){.project-phone{border-radius:15px;padding:3px}.project-phone img{border-radius:11px}.project-browser{border-width:3px;border-radius:8px}.project-browser-bar{height:11px;gap:3px;padding:0 5px}.project-browser-bar i{width:3px;height:3px}.project-detail-visual .project-phone{padding:3px;border-radius:19px}.project-detail-visual .project-phone img{border-radius:15px}.project-detail-visual .project-browser{border-width:4px;border-radius:10px}.project-detail-visual .project-browser-bar{height:15px;gap:3px}.project-detail-visual .project-browser-bar i{width:3px;height:3px}.project-gallery>.project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-gallery-item{padding:5px;border-radius:13px}.project-gallery-item img{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.project-phone,.project-gallery-item{transition:none}.project-gallery-item:hover{transform:none}}