/* Service and contact presentation, published October 2026. */

.iam-enhanced .monitor-scene{position:absolute;inset:0;overflow:hidden}

.iam-enhanced .monitor-desk{width:100%;height:100%;object-fit:fill;transform:none!important}

.iam-enhanced .monitor-display{position:absolute;left:6.22%;top:7.4%;width:89.15%;height:64.9%;overflow:hidden;background:#090909;clip-path:polygon(.12% 0,99.4% .25%,100% 99%,0 100%)}

.iam-enhanced .monitor-display img{position:absolute;transform:none!important;max-width:none}

.iam-enhanced .monitor-aftereffects img{left:-7.1%;top:-10.4%;width:112.5%;height:141%;object-fit:fill}

.iam-enhanced .monitor-wordpress img{inset:0;width:100%;height:100%;object-fit:contain}

.iam-enhanced .offer-number{left:auto;right:14px;top:auto;bottom:13px}

.iam-enhanced .software-brands{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:20px;min-height:29px;letter-spacing:.04em;text-transform:none;color:#dbceba}

.iam-enhanced .software-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.5}

.iam-enhanced .software-badge .brand-icon{width:26px;height:26px;object-fit:contain;flex:none;filter:none}

.iam-enhanced .offer-price{padding:21px 0 20px}

.iam-enhanced .offer-contact{margin-top:0}

.iam-enhanced .offer-price p{font-size:27px}

.iam-enhanced .client-count{letter-spacing:.13em;font-size:9px;text-align:right;white-space:normal}

.iam-enhanced .client-help{gap:25px}

.iam-enhanced #contact.contact-art{isolation:isolate;position:relative;overflow:hidden;padding:105px 54px 35px;max-width:1440px;margin:60px auto 0;text-align:left;border-top:1px solid var(--line);scroll-margin-top:0;background:radial-gradient(ellipse at 75% 58%,#44332223,transparent 61%),#080806}

.iam-enhanced .contact-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:80px}

.iam-enhanced .contact-editorial .eyebrow{margin-bottom:32px}

.iam-enhanced .contact-art h2{font-size:clamp(45px,4.8vw,72px);line-height:1.12;margin:0;max-width:650px;text-wrap:balance}

.iam-enhanced .contact-art .contact-intro{max-width:380px;font-size:15px;line-height:1.9;color:var(--muted);margin:30px 0 0}

.iam-enhanced .contact-signature{font-size:10px;text-transform:uppercase;letter-spacing:.15em;line-height:1.9;color:#d3b684;margin:45px 0 0;padding-left:20px;border-left:1px solid #c2a37180}

.iam-enhanced .contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.iam-enhanced .social-channel{position:relative;display:flex;align-items:center;gap:14px;padding:21px 18px;min-height:112px;background:linear-gradient(130deg,#18150fe0,#0d0c09eb);border:1px solid #aa8e5e3b;color:var(--paper);text-decoration:none;transition:border-color .3s,background .3s,box-shadow .3s;min-width:0}

.iam-enhanced a.social-channel:hover,.iam-enhanced a.social-channel:focus-visible{border-color:#d7b982a3;background:#201b12;box-shadow:0 8px 30px #0006}

.iam-enhanced .social-primary{grid-column:1/-1;min-height:105px;border-color:#25d36670;background:linear-gradient(110deg,#10341f60,#0f130bd0)}

.iam-enhanced a.social-primary:hover{border-color:#25d366;background:#12301b}

.iam-enhanced .social-icon{display:grid;place-items:center;flex:none;width:38px;height:38px}

.iam-enhanced .social-icon .brand-icon{width:29px;height:29px;object-fit:contain;filter:none}

.iam-enhanced .social-primary .social-icon .brand-icon{width:36px;height:36px}

.iam-enhanced .social-primary .social-icon{width:38px}

.iam-enhanced .social-label{display:flex;flex-direction:column;gap:7px;min-width:0}

.iam-enhanced .social-label strong{font-family:StudioLight,'Segoe UI',sans-serif;font-size:22px;font-weight:400;letter-spacing:-.02em;line-height:1.1}

.iam-enhanced .social-label>span{font-size:10px;color:#bdb2a1;line-height:1.6;overflow-wrap:anywhere}

.iam-enhanced .social-primary .social-label strong,.iam-enhanced .social-primary .social-arrow{color:#25d366}

.iam-enhanced .social-arrow{margin-left:auto;font-size:23px;color:#cdb38a;transition:translate .25s}

.iam-enhanced a.social-channel:hover .social-arrow{translate:2px -2px}

.iam-enhanced .social-soon{position:absolute;right:12px;top:10px;font-size:8px;color:#bda98a;letter-spacing:.08em;text-transform:uppercase}

.iam-enhanced .contact-channels>.social-channel:last-child{grid-column:auto}

.iam-enhanced .contact-glow{pointer-events:none;position:absolute;z-index:-1;right:4%;top:0;width:52%;height:85%;background:radial-gradient(ellipse,#ac824b19,transparent 64%)}

.iam-enhanced .contact-orbit{pointer-events:none;position:absolute;z-index:0;right:-125px;top:0;width:750px;height:750px;border:1px solid #bea57517;border-radius:50%}

.iam-enhanced .contact-orbit-two{width:870px;height:870px;right:-185px;top:-60px;border-color:#bea5750a}

.iam-enhanced .contact-baseline{position:relative;display:flex;justify-content:space-between;gap:20px;padding-top:35px;margin-top:75px;border-top:1px solid var(--line);color:#c4ad86;font-size:9px;letter-spacing:.2em;text-transform:uppercase}

.iam-enhanced .contact-baseline b{font-weight:400;color:#867966;margin-left:8px}

@media(max-width:1150px) and (min-width:901px){.iam-enhanced .contact-layout{gap:40px}.iam-enhanced .social-channel{padding:21px 12px;gap:10px}.iam-enhanced .social-arrow{font-size:17px}.iam-enhanced .social-label strong{font-size:21px}}

@media(max-width:900px){.iam-enhanced #contact.contact-art{padding:75px 26px 28px;margin-top:25px}.iam-enhanced .contact-layout{grid-template-columns:1fr;gap:42px}.iam-enhanced .contact-art h2{font-size:clamp(42px,8vw,67px);max-width:650px}.iam-enhanced .contact-art .contact-intro{max-width:460px;font-size:14px;margin-top:24px}.iam-enhanced .contact-signature{margin-top:28px}.iam-enhanced .contact-channels{max-width:620px;width:100%}.iam-enhanced .contact-baseline{margin-top:45px;font-size:8px;letter-spacing:.12em}.iam-enhanced .contact-orbit{top:240px;right:-440px}.iam-enhanced .contact-orbit-two{top:180px;right:-500px}.iam-enhanced .social-channel{min-height:105px}.iam-enhanced .client-help{display:block}.iam-enhanced .client-count{display:block;margin-top:12px;text-align:left}}

@media(max-width:450px){.iam-enhanced .social-channel{padding:22px 12px;gap:9px}.iam-enhanced .social-icon{width:28px}.iam-enhanced .social-icon .brand-icon{width:24px;height:24px}.iam-enhanced .social-label strong{font-size:20px}.iam-enhanced .social-label>span{font-size:9px}.iam-enhanced .social-arrow{font-size:18px}.iam-enhanced .software-badge{font-size:11px}.iam-enhanced .software-brands{gap:12px}.iam-enhanced .contact-baseline{flex-direction:column;gap:12px}.iam-enhanced .contact-art h2{font-size:43px}}

@media(prefers-reduced-motion:reduce){.iam-enhanced .service-offer,.iam-enhanced .contact-editorial,.iam-enhanced .social-channel{opacity:1!important;transform:none!important;transition:none!important}}

html.reduced-motion .iam-enhanced .service-offer,html.reduced-motion .iam-enhanced .contact-editorial,html.reduced-motion .iam-enhanced .social-channel{opacity:1!important;transform:none!important}


/* October 3 refinements: original photograph and site preview stay untouched. */
.iam-enhanced .hero-signature{display:block;font-size:12px;font-weight:500;letter-spacing:.22em;color:#ead0a7;text-transform:uppercase}
.iam-enhanced .story-panel h2.founder-salam{text-align:right;direction:rtl}
.iam-enhanced .monitor-wordpress .wordpress-dark-controls{clip-path:inset(0 76.5625% 0 0);filter:invert(.9) hue-rotate(180deg)}
.iam-enhanced .monitor-wordpress .wordpress-dark-scrollbar{clip-path:inset(0 0 0 98.828125%);filter:invert(.9) hue-rotate(180deg)}
.iam-enhanced .monitor-wordpress img{width:auto;height:100%;left:50%;right:auto;transform:translateX(-50%)!important}
.iam-enhanced .contact-baseline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.iam-enhanced .contact-baseline>span:last-child{justify-self:end;text-align:right}
.iam-enhanced .contact-baseline .baseline-email{font-size:14px;line-height:1.7;font-weight:500;letter-spacing:.02em;text-transform:none;color:#e5c69a;padding:5px 0;border-bottom:1px solid #d6b48650;transition:color .2s,border-color .2s;overflow-wrap:anywhere}
.iam-enhanced .baseline-email:hover{color:#fff0d5;border-color:#e5c69a}
@media(max-width:750px){.iam-enhanced .contact-baseline{grid-template-columns:1fr;gap:17px}.iam-enhanced .contact-baseline>span:last-child{justify-self:start;text-align:left}.iam-enhanced .baseline-email{justify-self:start}}
@media(min-width:901px) and (max-height:700px){.iam-enhanced .hero-signature{font-size:11px;margin-top:18px}}

/* Readable signature and understated, scroll-linked service choreography. */
.iam-enhanced .hero-subtitle{font-size:15px;font-weight:400;letter-spacing:.48em;color:#e9d0a9}
.iam-enhanced .service-offer{transform-origin:50% 0}
.iam-enhanced .monitor-scene{transform-origin:50% 50%}
.iam-enhanced .service-offer:focus-within{opacity:1!important;transform:none!important}
@media(max-width:900px){.iam-enhanced .hero-subtitle{font-size:12px;letter-spacing:.4em}}
@media(prefers-reduced-motion:reduce){.iam-enhanced .monitor-scene{transform:none!important}}
html.reduced-motion .iam-enhanced .monitor-scene{transform:none!important}

/* Mouse parallax is separate from the existing GSAP scroll transform. */
.iam-enhanced .landscape{transform:scale(1.01);translate:var(--landscape-x,0px) var(--landscape-y,0px)!important}
.iam-enhanced .offers-grid{perspective:1400px;perspective-origin:50% 25%}
@media(min-width:901px) and (hover:hover) and (pointer:fine){.iam-enhanced .landscape{inset:-2.5%}}
@media(prefers-reduced-motion:reduce){.iam-enhanced .landscape{translate:none!important}}
html.reduced-motion .iam-enhanced .landscape{translate:none!important}