@font-face{font-family:'Cairo';src:url('../fonts/cairo-variable.woff') format('woff');font-weight:200 1000;font-style:normal;font-display:swap}
/* هوية صدى — يمكن تغيير الألوان من هنا */
:root {
  --background:#f7f7f4; --surface:#fff; --text:#191a1b; --muted:#6c6e70;
  --border:#deded9; --accent:#252628; --dark:#171819; --silver:#b6b8ba;
  --font:'Cairo',Arial,sans-serif; --radius:24px; --ease:cubic-bezier(.2,.65,.3,1);
  --container:1360px; --nav-height:92px;
}


*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.9;color:var(--text);background:var(--background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}button:disabled{cursor:not-allowed;opacity:.55}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.5}h1,h2{letter-spacing:-1.7px}p{color:var(--muted)}ul,ol{margin:0;padding:0;list-style:none}[hidden]{display:none!important}::selection{color:white;background:#313336}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #5964a4;outline-offset:5px}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.container{width:min(var(--container),calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.text-muted{color:#8c8d8d}.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:var(--text);margin-bottom:22px;letter-spacing:0}.dot{width:7px;height:7px;background:var(--text);border-radius:50%;box-shadow:0 0 0 5px #e7e7e3}.section-number{color:var(--muted);font-size:12px;direction:ltr;font-weight:400}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:48px}.section-heading h2{font-size:clamp(34px,3.65vw,52px);line-height:1.55}.section-intro{max-width:370px;font-size:15px;padding-bottom:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:56px;border:1px solid transparent;border-radius:11px;padding:12px 24px;font-size:14px;font-weight:700;line-height:1.8;transition:background .25s,transform .25s,box-shadow .25s,color .25s}.button .icon{width:19px;height:19px;transition:transform .25s}.button:hover .icon,.text-button:hover .icon{transform:translate(-3px,-2px)}.button-dark{color:#fff;background:var(--text)}.button-dark:hover{background:#383a3d;box-shadow:0 6px 16px #191a1b18;transform:translateY(-2px)}.button-light{background:var(--background);color:var(--text)}.button-light:hover{background:#fff;transform:translateY(-2px)}.button-outline{border-color:#c9cac6;background:transparent}.button-outline:hover{border-color:var(--text);background:#fff}.button-plain{background:transparent}.button-plain:hover{background:#e9e9e4}.button-small{min-height:44px;padding:10px 17px;font-size:12px;gap:15px}.text-button{display:inline-flex;gap:24px;align-items:center;padding:7px 0;border:0;background:transparent;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;transition:gap .25s}.text-button .icon{transition:transform .25s}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--border);border-radius:50%;flex-shrink:0}.icon-button:hover{background:#e7e7e1}.skip-link{position:fixed;z-index:200;top:-80px;right:20px;background:white;padding:12px 24px;border:1px solid black}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Navigation */
.site-header{position:sticky;top:0;z-index:30;background:#f7f7f4e8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #deded970;transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 8px 30px #00000005}.nav-wrap{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:187px;flex-shrink:0}.desktop-nav{display:flex;gap:22px;align-items:center}.desktop-nav a{font-size:12px;white-space:nowrap;position:relative;color:#5c5e60;transition:color .2s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--text)}.desktop-nav a[aria-current]:after{content:'';height:3px;width:3px;background:var(--text);border-radius:50%;position:absolute;bottom:-10px;right:50%}.nav-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none}.mobile-menu{position:absolute;top:100%;inset-inline:0;background:var(--background);border-bottom:1px solid var(--border);padding:20px 28px 28px;box-shadow:0 18px 24px #0000000a;max-height:calc(100dvh - var(--nav-height));overflow:auto}.mobile-menu>a{display:block;padding:10px 0;border-bottom:1px solid var(--border);font-size:17px}.mobile-menu .mobile-social{font-size:14px;display:flex;align-items:center;justify-content:space-between;margin-top:10px;border:0}
/* Hero */
.hero{position:relative;overflow:clip;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:24px;min-height:720px;padding-block:62px 92px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(58px,5.6vw,83px);line-height:1.35;letter-spacing:-2.8px;margin-bottom:22px}.hero h1>span:not(.title-dot){color:#858885}.hero .title-dot{color:#a9aaa7}.hero-description{font-size:15px;max-width:450px;line-height:2.1}.hero-buttons{display:flex;align-items:center;gap:14px;margin-top:30px;flex-wrap:wrap}.hero-signoff{display:flex;align-items:center;gap:14px;margin-top:33px;font-size:11px;color:#737573}.hero-signoff i{height:3px;width:3px;background:#989997;border-radius:50%}.hero-art{position:relative;padding:22px 0 25px 10px;isolation:isolate;min-width:0}.hero-art:before{content:'';position:absolute;inset:-12% -8%;border-radius:50%;background:radial-gradient(ellipse,#bdbfbe45,transparent 68%);filter:blur(20px);z-index:-1}.hero-image{height:535px;overflow:hidden;border-radius:140px 24px 105px 24px;position:relative;background:#d9d8d3;box-shadow:0 36px 55px -35px #24252635}.hero-image>img{height:100%;width:100%;object-fit:cover;object-position:53% center;transition:transform 1.4s var(--ease)}.hero-image:hover>img{transform:scale(1.03)}.hero-orbit{position:absolute;inset:-6px 15px 5px -12px;border:1px solid #caccc891;border-radius:46% 53% 49% 40%;transform:rotate(-10deg);z-index:-1}.image-label{position:absolute;bottom:22px;left:26px;color:#fff;font-size:10px;padding:5px 12px;border:1px solid #ffffff45;border-radius:50px;background:#1718194a;backdrop-filter:blur(8px);line-height:1.8}.floating-note{position:absolute;right:-23px;bottom:65px;border:1px solid #fff;background:#ffffffe3;backdrop-filter:blur(16px);box-shadow:0 14px 35px #0000000c;border-radius:16px;padding:17px 24px;display:flex;gap:17px;align-items:center;font-size:12px;transform:rotate(-3deg)}.floating-note .icon{width:36px;height:36px;stroke-width:1}.floating-note strong{font-size:16px}.art-coordinate{position:absolute;left:48px;top:-2px;font-size:10px;color:#777;letter-spacing:.5px}.scroll-cue{position:absolute;bottom:29px;right:0;display:flex;align-items:center;gap:18px;font-size:11px;color:#777}.scroll-cue .icon{height:16px;width:16px}.service-ribbon{overflow:hidden;border-block:1px solid var(--border);padding-block:22px;color:#858784;background:#efefeb}.service-ribbon>div{display:flex;align-items:center;justify-content:center;gap:52px;white-space:nowrap;font-size:21px;font-weight:700;min-width:max-content}.service-ribbon span{color:#aeb0ac;font-size:28px;font-weight:400}
/* Services */
.services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--border);border-right:1px solid var(--border)}.service-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px 23px 25px;border-bottom:1px solid var(--border);border-left:1px solid var(--border);transition:background .3s,transform .3s;position:relative;min-height:260px}.service-card:hover{background:#fff}.service-icon{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:28px}.service-card h3{font-size:14px;line-height:1.8;margin-bottom:9px}.service-card p{font-size:12px;line-height:1.9;margin-bottom:25px}.service-card>span{font-size:10px;color:#777;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto}.service-card>span .icon{width:17px;height:17px;transition:transform .3s}.service-card:hover>span .icon{transform:translateX(-5px)}
/* Portfolio */
.portfolio-section{background:#eeeeea;border-radius:60px 60px 0 0}.demo-disclosure{font-size:11px;color:#777;margin-top:15px;display:flex;gap:7px;align-items:center}.demo-disclosure:before{content:'';width:4px;height:4px;background:#8a8a85;border-radius:100%}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:33px}.filter-button{background:transparent;border:1px solid #d5d6d1;border-radius:50px;padding:7px 17px;color:#656763;font-size:12px;line-height:1.8;transition:color .2s,background .2s,border-color .2s;min-height:39px}.filter-button:hover{background:#e2e3dd;border-color:#b2b3ae}.filter-button[aria-pressed=true]{background:var(--text);color:white;border-color:var(--text)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 27px}.project-card{min-width:0;animation:card-enter .4s var(--ease) both}.project-open{display:block;text-align:right;width:100%;padding:0;background:transparent;border:0}.project-picture{display:block;position:relative;overflow:hidden;border-radius:19px;aspect-ratio:1.48;background:#dcdcd6}.project-picture img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.project-open:hover .project-picture img{transform:scale(1.045)}.project-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1118,transparent 50%);opacity:0;transition:opacity .3s}.project-open:hover .project-picture:after,.project-open:focus-visible .project-picture:after{opacity:1}.project-demo{position:absolute;top:17px;right:17px;background:#ffffffe0;border-radius:25px;padding:5px 11px;font-size:10px;color:#444;line-height:1.8;z-index:1}.project-view{position:absolute;bottom:24px;right:25px;color:white;z-index:2;display:flex;align-items:center;gap:15px;font-size:13px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.project-open:hover .project-view,.project-open:focus-visible .project-view{opacity:1;transform:none}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 2px 0}.project-caption .project-name{display:block;font-weight:700;font-size:17px;letter-spacing:-.3px}.project-caption .project-category{display:block;font-size:11px;margin-top:3px}.project-caption>.icon{width:39px;height:39px;padding:10px;border:1px solid #bfc1bb;border-radius:50%;transition:color .25s,background .25s}.project-open:hover .project-caption>.icon{color:white;background:var(--text);border-color:var(--text)}.portfolio-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:37px;margin-top:40px;border-top:1px solid #d4d5d0}.portfolio-bottom>span{font-size:13px;color:#666}.empty-state{grid-column:1/-1;padding:70px 20px;text-align:center;border:1px solid var(--border);border-radius:20px}.empty-state h3{margin-bottom:10px}.empty-state button{margin-top:20px}
/* Offset and packaging */
.dark-section{background:var(--dark);color:white}.dark-section .eyebrow{color:#ddd}.dark-section p{color:#b1b3b4}.dark-section .section-number{color:#898b8e}.offset-section{position:relative;overflow:hidden}.offset-section:before{content:'';width:600px;height:600px;position:absolute;bottom:-400px;right:-120px;background:radial-gradient(ellipse,#acb0b533,transparent 67%);pointer-events:none}.offset-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.offset-copy h2{font-size:clamp(34px,3.6vw,52px);line-height:1.6;margin-bottom:20px}.silver-text{background:linear-gradient(130deg,#fff,#83878c);background-clip:text;-webkit-background-clip:text;color:transparent}.offset-copy>p:not(.eyebrow){font-size:14px;max-width:450px}.offset-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 31px}.offset-tags span{padding:5px 12px;border:1px solid #424447;color:#c8c9c9;border-radius:30px;font-size:11px}.offset-art{position:relative;min-width:0}.offset-art>img{width:100%;height:525px;object-fit:cover;object-position:35% center;border-radius:100px 14px 14px 14px;filter:grayscale(1)}.offset-caption{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #484a4d;padding-block:18px;font-size:13px;color:#e0e0df}.print-register{position:absolute;right:-24px;bottom:60px;display:flex;gap:6px;padding:13px;background:#f9f9f1;border-radius:4px}.print-register span{display:block;width:22px;height:22px;background:#333}.print-register span:nth-child(2){background:#737373}.print-register span:nth-child(3){background:#aaa}.print-register span:nth-child(4){background:#ddd}.packaging-section{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:95px}.packaging-visual{position:relative;min-width:0}.packaging-visual>img{height:565px;width:100%;object-fit:cover;border-radius:24px 24px 120px 24px;object-position:40%}.packaging-copy h2{font-size:clamp(34px,3.3vw,48px);line-height:1.6;margin-bottom:24px}.packaging-copy>p:not(.eyebrow){font-size:14px}.packaging-types{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:24px 0 28px}.packaging-types button{text-align:right;background:transparent;border-bottom:1px solid var(--border);padding:12px 0;font-size:12px;display:flex;align-items:center;justify-content:space-between;transition:color .2s}.packaging-types button:after{content:'↖';font-family:Arial;font-size:16px;color:#9d9f9b}.packaging-types button:hover{color:#757575}.packaging-types button:hover:after{color:var(--text)}
/* Process and why */
.process-section{background:#eceee9;border-radius:60px 60px 0 0}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 0;margin-top:60px}.process-step{position:relative;padding:0 0 0 35px}.process-step:before{content:'';position:absolute;top:25px;left:0;right:0;height:1px;background:#c5c8c1}.process-step:after{content:'';position:absolute;top:25px;right:0;height:1px;width:0;background:#4c514b;transition:width 1.2s var(--ease)}.process-step.is-visible:after{width:100%}.process-step:nth-child(4n):before,.process-step:nth-child(4n):after{display:none}.step-number{position:relative;z-index:1;display:grid;place-items:center;border:1px solid #bfc3bb;background:#eceee9;border-radius:50%;width:50px;height:50px;margin-bottom:24px;font-size:13px;font-family:Arial;transition:background .4s,color .4s}.process-step.is-visible .step-number{background:var(--text);border-color:var(--text);color:white}.process-step h3{font-size:16px;margin-bottom:8px}.process-step p{font-size:12px;max-width:240px}.why-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}.why-title h2{font-size:clamp(35px,3.5vw,49px);line-height:1.6}.why-star{width:130px;height:130px;fill:none;stroke:#a0a49b;stroke-width:.5;margin-top:36px;margin-right:15px;transform:rotate(15deg)}.why-list>div{border-bottom:1px solid var(--border);padding:23px 45px 23px 0;position:relative}.why-list>div:first-child{padding-top:0}.why-list>div>span{position:absolute;right:0;top:26px;font-size:11px;color:#92958c;direction:ltr}.why-list>div:first-child>span{top:4px}.why-list h3{font-size:18px;margin-bottom:7px}.why-list p{font-size:13px}
/* About, contact, footer */
.about-section{padding-block:90px;position:relative;overflow:hidden;border-radius:60px 60px 0 0}.about-section:before{content:'';position:absolute;width:620px;height:620px;border:1px solid #47494c;border-radius:44%;right:1%;top:-190px;transform:rotate(30deg);opacity:.6}.about-section:after{content:'';position:absolute;width:700px;height:700px;border:1px solid #47494c;border-radius:44%;right:-2%;top:-230px;transform:rotate(30deg);opacity:.4}.about-grid{display:grid;grid-template-columns:.85fr 1fr;gap:140px;align-items:center;position:relative;z-index:1}.about-brand{display:flex;flex-direction:column;align-items:center;gap:30px}.about-brand>img{width:165px;height:170px}.about-brand>span{color:#a3a6a7;font-size:13px}.about-copy h2{font-size:35px;margin-bottom:20px;letter-spacing:-1px}.about-copy>p:not(.eyebrow){font-size:14px;margin-bottom:12px;line-height:2.2;max-width:570px}.text-button.light{color:#eee;margin-top:20px}.cta-section{position:relative;overflow:hidden;min-height:540px;display:flex;align-items:center}.cta-content{position:relative;z-index:1}.cta-content h2{font-size:clamp(60px,6vw,90px);line-height:1.35;letter-spacing:-3px;position:relative}.cta-content>p:not(.eyebrow){font-size:15px;margin-top:22px}.cta-spark{width:80px;height:80px;stroke:#8a8d86;fill:none;stroke-width:.7;position:absolute;right:380px;bottom:10px;transform:rotate(10deg)}.cta-rings{position:absolute;left:60px;top:5%;width:500px;height:500px;border:1px solid #c4c6bf;border-radius:46% 54% 45% 55%;transform:rotate(40deg);background:radial-gradient(ellipse at 55% 50%,#d7d9d145,transparent 65%)}.cta-rings:before,.cta-rings:after{content:'';position:absolute;border:1px solid #ced0c8;border-radius:46% 54% 45% 55%;inset:35px}.cta-rings:after{inset:70px;box-shadow:inset 0 0 50px #b7bbb021,0 0 45px #e1e3da}.contact-section{background:#eeefea;padding:46px 0 60px}.contact-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.contact-heading h2{font-size:26px;letter-spacing:-.5px}.contact-heading>span{color:var(--muted);font-size:12px}.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d3d6cd;border-bottom:1px solid #d3d6cd}.contact-grid>a{display:flex;align-items:center;gap:18px;border-left:1px solid #d3d6cd;padding:27px 20px;transition:background .2s}.contact-grid>a:first-child{padding-right:0}.contact-grid>a:last-child{border:0}.contact-grid>a:hover{background:#e4e7dd}.contact-grid h3{font-size:14px;margin-bottom:5px}.contact-grid p{font-size:10px}.contact-grid .arrow{margin-right:auto;width:15px}.contact-grid>a>.icon:first-child{width:25px;height:25px}.site-footer{background:#171819;color:#d2d3d3;padding:51px 0 25px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:42px}.footer-brand{width:220px;flex-shrink:0}.footer-main nav{display:flex;gap:26px;flex-wrap:wrap;align-items:center}.footer-main nav a,.footer-main nav button{font-size:12px;background:transparent;padding:0;color:#bfc1c1}.footer-main nav a:hover,.footer-main nav button:hover{color:white}.social-icons{display:flex;gap:10px}.social-icons a{width:36px;height:36px;border:1px solid #414447;display:grid;place-items:center;border-radius:50%;transition:background .2s}.social-icons .icon{width:17px;height:17px}.social-icons a:hover{background:#373a3d}.footer-bottom{border-top:1px solid #3c3f40;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-bottom p{font-size:10px;color:#909495}.footer-bottom>a{font-size:11px;display:flex;gap:12px;align-items:center}.footer-bottom>a .icon{transform:rotate(180deg);width:14px}.floating-whatsapp{position:fixed;bottom:24px;left:25px;z-index:25;background:#242726;color:white;width:57px;height:57px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff66;box-shadow:0 5px 20px #0003;transition:transform .2s,background .2s}.floating-whatsapp>.icon{width:25px;height:25px}.floating-whatsapp:hover{background:#3a403c;transform:translateY(-3px)}.wa-tooltip{position:absolute;left:70px;white-space:nowrap;background:#202321;color:white;font-size:11px;border-radius:8px;padding:7px 12px;opacity:0;pointer-events:none;transition:opacity .2s}.floating-whatsapp:hover .wa-tooltip,.floating-whatsapp:focus-visible .wa-tooltip{opacity:1}
/* Project detail dialog */
dialog{border:0;padding:0;background:var(--background);color:var(--text);border-radius:23px;max-height:90dvh;overscroll-behavior:contain;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#10121499;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog[open]{animation:dialog-enter .25s var(--ease)}.project-dialog{width:min(1080px,calc(100% - 40px));max-width:none}.dialog-close{position:absolute;top:17px;left:17px;z-index:3;background:#fffffff2}.project-detail{display:grid;grid-template-columns:1.1fr 1fr}.project-media{padding:25px;background:#e9eae5;min-width:0}.project-main-image{width:100%;height:420px;object-fit:contain;background:#dfe1d9;border-radius:14px}.project-thumbnails{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.project-thumbnails button{width:72px;height:55px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;opacity:.65}.project-thumbnails button[aria-pressed=true]{border-color:var(--text);opacity:1}.project-thumbnails img{width:100%;height:100%;object-fit:cover}.project-info{padding:50px 32px 32px;min-width:0}.project-info .eyebrow{margin-bottom:12px}.project-info h2{font-size:27px;line-height:1.5;margin-bottom:15px;letter-spacing:-.6px}.project-info>p{font-size:12px}.project-info .demo-note{font-size:10px;padding:8px 12px;background:#e8e9e3;border-radius:6px;margin-top:12px}.project-specs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.project-specs>div{border-bottom:1px solid var(--border);padding-bottom:10px}.project-specs dt{font-size:10px;color:#7e8179;margin-bottom:3px}.project-specs dd{font-size:12px;margin:0}.project-specs .spec-full{grid-column:1/-1}.project-info>.button{width:100%;font-size:12px;gap:16px}.project-info small{display:block;font-size:10px;color:var(--muted);margin-top:8px}
/* Quote wizard */
.quote-dialog{width:min(980px,calc(100% - 40px));max-width:none;overflow:hidden}.quote-shell{display:grid;grid-template-columns:270px minmax(0,1fr);height:min(740px,90dvh)}.quote-sidebar{background:#1c1e20;color:white;padding:36px 30px;display:flex;flex-direction:column;overflow:auto}.quote-sidebar>img{width:180px;margin-bottom:38px}.quote-sidebar .eyebrow{color:#909596;font-size:10px;margin-bottom:10px}.quote-sidebar h2{font-size:30px;line-height:1.55;letter-spacing:-1px}.quote-sidebar>div>p:last-child{font-size:11px;color:#b2b5b5;margin-top:12px}.quote-sidebar ol{margin-top:30px;display:grid;gap:13px}.quote-sidebar li{font-size:11px;color:#9fa3a5;display:flex;align-items:center;gap:12px}.quote-sidebar li>span{width:23px;height:23px;border:1px solid #525659;border-radius:50%;display:grid;place-items:center;font-size:10px;font-family:Arial}.quote-sidebar li.current{color:white}.quote-sidebar li.current>span{background:white;color:#191a1b;border-color:white}.quote-sidebar li.complete{color:#ddd}.quote-sidebar li.complete>span{background:#3c4242;border-color:#3c4242}.quote-side-note{font-size:10px;color:#8e9696;margin-top:auto;padding-top:28px}.quote-main{min-width:0;min-height:0;display:flex;flex-direction:column}.quote-top{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 12px}.quote-top>span{font-size:11px;color:var(--muted)}.quote-top .icon-button{width:35px;height:35px}.quote-progress{height:3px;background:#e6e7e1;margin-inline:28px;flex-shrink:0;border-radius:3px;overflow:hidden}.quote-progress>span{height:100%;display:block;width:14.285%;background:#232726;transition:width .35s var(--ease)}#quote-form{display:flex;flex-direction:column;min-height:0;flex:1}.quote-body{overflow-y:auto;overscroll-behavior:contain;padding:28px 30px 20px;flex:1;min-height:0}.quote-body h2{font-size:28px;letter-spacing:-.8px;outline:none;line-height:1.6}.quote-help{font-size:12px;margin-top:8px;margin-bottom:24px}.quote-context{font-size:10px;padding:7px 10px;background:#e6e8e0;border-radius:6px;margin-bottom:14px;color:#555c4f}.quote-footer{padding:18px 28px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;background:#f7f7f4}.quote-footer .button{font-size:12px;min-height:48px}.quote-footer #quote-next{margin-right:auto}.quote-footer .quote-send{margin-right:auto;gap:12px;font-size:11px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-label{cursor:pointer;position:relative;display:block;min-width:0}.choice-label input{position:absolute;opacity:0;width:1px;height:1px;top:50%;right:12px}.choice-label>span{display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:61px;padding:12px;border:1px solid #d4d7ce;border-radius:10px;font-size:12px;background:#fafbf7;transition:border-color .2s,background .2s;line-height:1.9}.choice-label:hover>span{border-color:#a4aa9e;background:#f1f3ec}.choice-label input:checked+span{border-color:#252b25;background:#e8ece2;box-shadow:inset 0 0 0 1px #252b25;font-weight:700}.choice-label input:focus-visible+span{outline:3px solid #5964a4;outline-offset:3px}.choice-label input:disabled+span{opacity:.5}.field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;font-size:12px}.field input,.field textarea,.field select{width:100%;border:1px solid #cfd3c8;border-radius:9px;min-height:51px;background:#fff;color:var(--text);padding:10px 13px;line-height:1.7}.field textarea{resize:vertical;min-height:110px}.field input[disabled]{background:#edeee8;color:#999}.field input[aria-invalid=true]{border-color:#a13232}.field label,.field>span{font-size:12px}.field small{font-size:10px;color:#777}.unit-row{display:flex;align-items:center;gap:20px;margin-bottom:24px;font-size:12px}.unit-row .choice-grid{display:flex;gap:8px}.unit-row .choice-label>span{min-height:40px;min-width:80px;padding:6px 16px}.check-row{display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer;margin-block:15px}.check-row input{width:18px;height:18px;accent-color:#262d25;flex-shrink:0}.form-note{font-size:11px;padding:14px;background:#eceee7;border-radius:8px;margin-top:20px}.form-error{font-size:12px;color:#9a2626;margin-top:15px;padding:10px 12px;background:#f9eae5;border-radius:7px}.quantity-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quantity-chips button{font-family:Arial;padding:7px 16px;min-height:37px;font-size:13px;border:1px solid #cfd3c8;background:transparent;border-radius:22px}.quantity-chips button:hover{background:#e7ebe0}.quote-summary{border:1px solid #d8dcd0;border-radius:11px;overflow:hidden;margin-bottom:23px}.summary-row{display:grid;grid-template-columns:80px 1fr 34px;gap:10px;align-items:center;padding:11px 15px;font-size:11px;border-bottom:1px solid #e0e3d9}.summary-row:last-child{border:0}.summary-row>span:first-child{color:#777d70}.summary-row strong{font-weight:400;overflow-wrap:anywhere}.summary-edit{padding:4px;background:transparent;color:#707967;font-size:10px;border-bottom:1px solid #9ba28e}.summary-title{font-size:13px;margin-bottom:11px}.quote-final-note{font-size:10px;margin:12px 0;color:#757b70;line-height:1.9}.quote-tools{display:flex;justify-content:space-between;gap:18px}.quote-tools button{font-size:10px;text-decoration:underline;text-underline-offset:5px;background:transparent;padding:4px 0;color:#58634d}.copy-status{font-size:10px;min-height:20px;margin-top:6px;color:#536548}.char-count{text-align:left;font-size:10px;color:#818875;margin-top:-15px}.quote-hint{font-size:10px;color:#78816e;margin-top:15px}
/* Readable supporting text on the light surfaces. */
.hero-signoff,.art-coordinate,.service-card>span,.demo-disclosure,.project-caption .project-category,.section-number,.quote-hint,.quote-final-note,.field small,.char-count{color:#686d66}
.dark-section .section-number{color:#a5aaa7}
/* Motion: content stays visible if JavaScript or observers are unavailable */
.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(20px)}.motion-ready .reveal{transition:opacity .65s var(--ease),transform .65s var(--ease)}@keyframes card-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
/* Responsive */
@media(min-width:1700px){.hero{min-height:820px;gap:65px}.hero h1{font-size:91px}.hero-image{height:600px}.hero-art{padding-top:30px}.hero-description{font-size:16px}.section{padding-block:126px}}
@media(max-width:1350px){.container{width:calc(100% - 80px)}.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}.brand{width:165px}.nav-wrap{gap:20px}.hero{min-height:690px}.hero-image{height:490px}.offset-grid,.packaging-section{gap:55px}.about-grid{gap:85px}.service-card{padding-inline:18px}.service-card h3{font-size:13px}}
@media(max-width:1180px){:root{--nav-height:80px}.desktop-nav{display:none}.menu-toggle{display:inline-flex}.brand{width:185px}.hero{min-height:650px;gap:38px;padding-top:45px}.hero h1{font-size:64px}.hero-image{height:460px;border-radius:95px 18px 80px 18px}.hero-description{font-size:13px}.hero .eyebrow{font-size:11px}.hero-signoff{font-size:10px;gap:10px}.floating-note{padding:13px 17px;bottom:60px}.section{padding-block:88px}.services-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.service-card{padding:24px 14px;min-height:255px}.service-card p{font-size:11px}.service-card h3{font-size:12px}.offset-grid{gap:45px}.offset-art>img{height:480px}.packaging-section{gap:42px}.packaging-visual>img{height:520px}.why-section{gap:60px}.about-grid{gap:60px}.footer-main{flex-wrap:wrap}.footer-main nav{gap:20px}.footer-brand{width:190px}.contact-grid>a{gap:10px;padding-inline:14px}.contact-grid .arrow{display:none}.cta-rings{left:-90px;opacity:.65}.cta-content h2{font-size:74px}.cta-spark{right:335px}}
@media(max-width:900px){.container{width:calc(100% - 56px)}.hero{gap:32px;min-height:590px}.hero h1{font-size:54px}.hero-image{height:400px}.hero-art{padding-left:0}.hero-buttons{gap:5px}.hero-buttons>.button{font-size:12px;gap:14px;padding-inline:17px}.hero-signoff{flex-wrap:wrap;max-width:280px;row-gap:5px}.floating-note{right:-20px;bottom:30px;font-size:10px}.floating-note strong{font-size:13px}.floating-note .icon{width:28px}.art-coordinate{display:none}.hero-description br{display:initial}.section-heading{gap:35px;align-items:flex-start}.section-intro{max-width:280px;font-size:13px;padding-top:50px}.section-heading h2{font-size:35px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:25px 22px;min-height:235px}.service-card h3{font-size:14px}.service-card p{font-size:12px}.service-card:last-child{grid-column:span 3;min-height:150px;padding-right:85px}.service-card:last-child .service-icon{position:absolute;right:25px;top:31px}.service-card:last-child p{margin-bottom:15px}.service-card:last-child>span{max-width:160px}.offset-grid{gap:40px}.offset-copy h2{font-size:35px}.offset-copy>p:not(.eyebrow){font-size:12px}.offset-art>img{height:470px}.offset-tags{gap:6px}.offset-tags span{font-size:10px;padding-inline:9px}.packaging-section{gap:32px}.packaging-copy h2{font-size:33px}.packaging-copy>p:not(.eyebrow){font-size:12px}.packaging-types{gap:0 12px}.packaging-types button{font-size:10px}.packaging-copy>.text-button{font-size:11px;gap:10px}.packaging-visual>img{height:490px}.process-grid{gap:30px 0}.process-step{padding-left:25px}.process-step h3{font-size:14px}.process-step p{font-size:11px}.why-section{gap:50px}.why-title h2{font-size:34px}.why-list h3{font-size:15px}.why-list p{font-size:11px}.about-grid{gap:40px;grid-template-columns:.7fr 1fr}.about-copy h2{font-size:28px}.about-copy>p:not(.eyebrow){font-size:12px}.about-section:before{right:-28%}.about-section:after{right:-31%}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>a{padding:22px!important;border-bottom:1px solid #d3d6cd}.contact-grid>a:nth-child(even){border-left:0}.contact-grid>a:nth-last-child(-n+2){border-bottom:0}.contact-grid .arrow{display:block}.quote-shell{grid-template-columns:215px minmax(0,1fr)}.quote-sidebar{padding:30px 24px}.quote-sidebar h2{font-size:26px}.quote-body{padding:25px 23px}.quote-body h2{font-size:25px}.choice-label>span{font-size:11px;min-height:63px;padding:9px}.quote-footer{padding-inline:23px}.project-detail{grid-template-columns:1fr 1fr}.project-media{padding:20px}.project-main-image{height:390px}.project-info{padding:60px 25px 25px}.project-info h2{font-size:24px}}
@media(max-width:700px){:root{--nav-height:74px}.container{width:calc(100% - 40px)}.section{padding-block:65px}.nav-wrap{gap:12px}.brand{width:152px}.nav-actions{gap:8px}.button-small{padding:8px 12px;gap:9px;font-size:10px;min-height:38px}.button-small .icon{width:15px}.menu-toggle{width:38px;height:38px;border:0}.hero{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding-top:38px;padding-bottom:60px;min-height:auto}.hero-copy .eyebrow{margin-bottom:18px;font-size:11px}.hero h1{font-size:clamp(54px,12.5vw,75px);line-height:1.3;letter-spacing:-2px;margin-bottom:20px}.hero h1 br:nth-of-type(2){display:initial}.hero-description{font-size:13px;max-width:410px;line-height:2}.hero-buttons{margin-top:24px;gap:9px}.hero-buttons>.button{min-height:50px;font-size:12px;gap:21px;padding:10px 18px}.hero-signoff{max-width:none;margin-top:23px;font-size:10px}.hero-art{padding:10px 5px 17px;max-width:550px;width:100%;margin-inline:auto}.hero-image{height:365px;border-radius:90px 17px 70px 17px}.hero-orbit{inset:0 16px 5px -2px}.floating-note{right:8px;bottom:36px;padding:12px 17px;gap:12px}.floating-note strong{font-size:14px}.hero .image-label{font-size:8px;left:16px;bottom:16px;padding-inline:9px}.scroll-cue{bottom:20px;font-size:10px;right:3px}.service-ribbon{padding-block:16px}.service-ribbon>div{font-size:17px;gap:25px;justify-content:flex-start;transform:translateX(24px)}.service-ribbon span{font-size:22px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:36px;line-height:1.5}.eyebrow{font-size:11px;margin-bottom:15px}.section-intro{font-size:13px;max-width:440px;padding-top:18px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{padding:23px 18px;min-height:226px}.service-card h3{font-size:12px}.service-card p{font-size:11px;margin-bottom:19px}.service-icon{width:29px;height:29px;margin-bottom:22px}.service-card>span{font-size:9px}.service-card:last-child{grid-column:auto;min-height:226px;padding-right:18px}.service-card:last-child .service-icon{position:static}.service-card:last-child p{margin-bottom:19px}.portfolio-section,.process-section,.about-section{border-radius:35px 35px 0 0}.portfolio-filters{gap:7px;margin-bottom:25px}.filter-button{font-size:10px;padding:7px 13px;min-height:36px}.portfolio-grid{gap:25px 14px}.project-picture{border-radius:12px;aspect-ratio:1}.project-demo{top:9px;right:9px;font-size:8px;padding:4px 8px}.project-caption{padding-top:12px;gap:6px}.project-caption .project-name{display:block;font-weight:700;font-size:12px;letter-spacing:-.3px;line-height:1.8}.project-caption .project-category{display:block;font-size:9px}.project-caption>.icon{width:26px;height:26px;padding:6px}.project-view{display:none}.project-picture:after{display:none}.portfolio-bottom{padding-top:24px;margin-top:30px;gap:20px}.portfolio-bottom>span{font-size:11px;max-width:130px}.portfolio-bottom .text-button{font-size:11px;gap:12px}.offset-grid{grid-template-columns:1fr;gap:40px}.offset-copy h2{font-size:40px;line-height:1.55}.offset-copy>p:not(.eyebrow){font-size:13px}.offset-copy .button{min-height:50px;font-size:12px}.offset-tags{max-width:430px;margin-block:23px}.offset-art>img{height:360px;border-radius:70px 14px 14px 14px;object-position:center}.print-register{right:15px;bottom:74px;padding:9px}.print-register span{height:18px;width:18px}.offset-caption{padding-block:14px;font-size:12px}.packaging-section{display:flex;flex-direction:column-reverse;gap:34px}.packaging-copy h2{font-size:36px;line-height:1.55;margin-bottom:16px}.packaging-copy>p:not(.eyebrow){font-size:13px}.packaging-types{gap:0 24px;margin:20px 0 25px}.packaging-types button{font-size:12px;padding-block:13px}.packaging-copy>.text-button{font-size:12px}.packaging-visual{width:100%}.packaging-visual>img{height:390px;border-radius:16px 16px 80px 16px}.packaging-visual .image-label{font-size:9px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 20px;margin-top:35px}.process-step{padding:0 0 0 6px}.process-step h3{font-size:14px}.process-step p{font-size:11px}.process-step:nth-child(2n):before,.process-step:nth-child(2n):after{display:none}.step-number{width:43px;height:43px;font-size:12px;margin-bottom:18px}.process-step:before,.process-step:after{top:21px}.why-section{display:block}.why-title{position:relative}.why-title h2{font-size:36px}.why-star{position:absolute;left:5px;bottom:0;margin:0;width:75px;height:75px}.why-list{margin-top:35px}.why-list h3{font-size:15px}.why-list p{font-size:12px}.why-list>div{padding-block:21px}.about-section{padding-block:55px}.about-grid{display:flex;flex-direction:column;gap:38px;align-items:stretch}.about-brand{align-items:flex-start;gap:15px}.about-brand>img{width:90px;height:93px}.about-brand>span{font-size:10px}.about-copy h2{font-size:28px}.about-copy>p:not(.eyebrow){font-size:13px}.about-section:before{right:-80%;top:-320px}.about-section:after{right:-90%;top:-355px}.about-copy .text-button{font-size:12px}.cta-section{min-height:480px}.cta-content h2{font-size:66px;line-height:1.3}.cta-content>p:not(.eyebrow){font-size:13px;max-width:350px}.cta-rings{width:370px;height:370px;left:-220px;top:100px;opacity:.4}.cta-spark{width:57px;height:57px;right:265px;bottom:5px}.cta-content .hero-buttons{gap:12px}.cta-content .hero-buttons>.button{font-size:10px;gap:12px;padding-inline:15px}.contact-section{padding-block:35px 45px}.contact-heading{margin-bottom:25px;gap:20px;align-items:flex-end}.contact-heading h2{font-size:23px;letter-spacing:-.6px}.contact-heading>span{font-size:10px;max-width:100px}.contact-grid>a{padding:20px 12px!important;gap:10px;min-width:0}.contact-grid h3{font-size:12px}.contact-grid p{font-size:9px}.contact-grid>a>.icon:first-child{width:21px;height:21px}.contact-grid .arrow{display:none}.site-footer{padding-top:40px;padding-bottom:90px}.footer-main{display:grid;grid-template-columns:1fr auto;gap:28px;margin-bottom:30px}.footer-brand{width:170px}.footer-main nav{grid-row:2;grid-column:1/-1;gap:23px;row-gap:12px}.footer-main nav a,.footer-main nav button{font-size:11px}.social-icons{gap:6px}.social-icons a{height:30px;width:30px}.social-icons .icon{width:15px;height:15px}.footer-bottom{align-items:flex-start}.footer-bottom p{font-size:9px;max-width:245px}.footer-bottom>a{font-size:9px;gap:6px;white-space:nowrap}.floating-whatsapp{left:17px;bottom:max(17px,env(safe-area-inset-bottom));width:51px;height:51px}.wa-tooltip{display:none}.project-dialog{width:calc(100% - 24px);max-height:93dvh;border-radius:16px}.project-detail{grid-template-columns:1fr}.project-media{padding:16px}.project-main-image{height:260px}.project-info{padding:23px}.project-info h2{font-size:26px}.dialog-close{top:12px;left:12px;width:36px;height:36px}.project-info>.button{min-height:50px}.quote-dialog{width:calc(100% - 18px);border-radius:17px;max-height:94dvh}.quote-shell{display:flex;height:min(740px,94dvh)}.quote-sidebar{display:none}.quote-main{width:100%}.quote-top{padding:14px 20px 12px}.quote-progress{margin-inline:20px}.quote-body{padding:23px 20px 18px}.quote-body h2{font-size:25px}.quote-help{font-size:11px;margin-bottom:22px}.quote-footer{padding:15px 20px max(15px,env(safe-area-inset-bottom))}.quote-footer .button{min-height:48px;font-size:11px;padding-inline:17px;gap:12px}.quote-footer .quote-send{font-size:10px;padding-inline:13px}.choice-label>span{min-height:62px;font-size:11px;padding:12px 8px}.choice-grid{gap:9px}.quote-footer .button-plain{padding-inline:5px}.field-row{gap:10px}.field input{padding-inline:10px}.summary-row{grid-template-columns:65px 1fr 30px;font-size:10px;padding:10px 12px;gap:7px}.summary-edit{font-size:9px}.field input,.field textarea,.field select{font-size:16px}.quote-summary{margin-bottom:20px}.quote-final-note{font-size:10px}.quote-context{font-size:10px}}
@media(max-width:380px){.container{width:calc(100% - 30px)}.brand{width:135px}.nav-wrap{gap:8px}.nav-actions{gap:3px}.hero h1{font-size:49px}.hero-image{height:315px}.hero-signoff{font-size:9px}.service-card{padding-inline:14px}.project-caption>.icon{display:none}.project-caption .project-name{display:block;font-weight:700;font-size:11px}.contact-grid>a{gap:8px;padding-inline:7px!important}.contact-grid p{font-size:8px}.contact-grid>a>.icon:first-child{width:18px}.cta-content h2{font-size:59px}.cta-spark{right:238px;width:48px;height:48px}.cta-content .hero-buttons{gap:8px}.cta-content .hero-buttons>.button{font-size:9px;gap:9px;padding-inline:12px}.quote-body{padding-inline:16px}.quote-footer{padding-inline:16px}.choice-label>span{font-size:10px}.quote-body h2{font-size:23px}}
@media(max-width:380px){.footer-brand{width:145px}.footer-main{gap:25px 15px}.footer-main nav{column-gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}
@media print{.site-header,.floating-whatsapp,.scroll-cue,.button,.service-ribbon,.cta-rings,dialog{display:none!important}.section{padding-block:30px}.container{width:100%}.hero{min-height:auto}.motion-ready .reveal{opacity:1!important;transform:none!important}.dark-section,.site-footer{background:white;color:black}.dark-section p{color:#333}.portfolio-grid{grid-template-columns:1fr 1fr}}