/*
Theme Name: STRATOMEDIA — האתר החדש
Description: Responsive Hebrew RTL agency theme.
Version: 1.0.0
Text Domain: stratomedia
*/
@font-face{font-family:Assistant;src:url('assets/assistant-hebrew.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--page-gutter:clamp(40px,3.333333vw,64px);--ink:#07182f;--orange:#ff6500;--section-gap:clamp(16px,1.5vw,24px);--column-gap:clamp(32px,3vw,56px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;color:var(--ink);font:18px/1.45 Assistant,Arial,sans-serif;background:radial-gradient(ellipse 65% 20% at 18% 10%,#e8f3ff9c,transparent),radial-gradient(ellipse 60% 18% at 60% 38%,#e4eeff7a,transparent),#fcfdff}
button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}figure,blockquote{margin:0}[hidden]{display:none}
.about-shell,.about-header-inner{width:calc(100% - 2*var(--page-gutter));margin-inline:auto}
.home{--home-content-max:1280px;--home-gutter:24px;--page-gutter:max(var(--home-gutter),calc((100vw - var(--home-content-max))/2));--section-gap:56px}
.wrap{width:min(calc(100% - 2*var(--home-gutter,32px)),var(--home-content-max,1280px));margin-inline:auto}
.skip-link{position:absolute;top:-80px;right:20px;background:white;padding:12px;z-index:100}.skip-link:focus{top:8px}
.site-header,.about-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;min-height:64px;position:relative}
.brand{display:block;width:252px;aspect-ratio:252/45}
.nav{display:flex;align-items:center;justify-content:center;gap:clamp(24px,2.6vw,40px);font-size:18px;font-weight:700;line-height:1.4}
.nav a{position:relative;white-space:nowrap}.nav a:hover{color:var(--orange)}.menu-toggle{display:none;border:1px solid #d5e0f0;background:white;border-radius:10px;width:38px;height:38px;place-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:1.5px solid transparent;border-radius:16px;font-size:19px;font-weight:800;line-height:1.2;text-align:center;transition:box-shadow .2s}
.button:hover{box-shadow:0 7px 18px #0a284c1c}.button svg{width:22px;height:22px}.button-orange{color:white;background:linear-gradient(180deg,#ff8b16,#ff5900);border-color:#ff8d35;box-shadow:0 7px 17px #ff6c0025}.button-outline{border-color:#173958;background:#ffffffbd}.button-small{min-height:38px;padding:8px 18px;font-size:16px;border-radius:24px;white-space:nowrap}.orange{color:var(--orange)}
.reference-art{display:block;width:100%;height:auto;object-fit:contain}


/* Full-width hero backdrop; its content has its own 1440px maximum. */
.hero-band{background:radial-gradient(ellipse 37% 60% at 76% 36%,#ffdfcebd 0%,#ffe9df70 44%,transparent 78%),radial-gradient(ellipse 43% 72% at 12% 47%,#e0efffa6 0%,transparent 76%),radial-gradient(ellipse 49% 40% at 91% 100%,#cfe4ffab 0%,transparent 85%),#f9fbff;padding-bottom:32px}
.hero-shell,.services-shell,.lower-shell{width:min(calc(100% - 64px),1440px);margin-inline:auto}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:40px;padding-block:42px 32px}
.hero-copy,.hero-art{min-width:0}
.hero h1{font-size:clamp(48px,4.4vw,68px);font-weight:800;line-height:1.08;letter-spacing:-1.3px;margin:0 0 22px}.hero h1>span{display:block}.hero h1 .orange{color:#ff6500}
.hero p{font-size:clamp(18px,1.5vw,22px);font-weight:600;line-height:1.55;margin:0 0 30px}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-actions .button{min-height:56px;padding:14px 24px;font-size:clamp(18px,1.45vw,22px);border-radius:17px}.hero-actions .button svg{width:26px;height:26px}
.hero-art{position:relative;isolation:isolate;width:100%;align-self:center}
.hero-art:before{content:'';position:absolute;z-index:-1;inset:-8% 8% 9% 1%;border-radius:50%;background:linear-gradient(145deg,#ffdbcf 9%,#c5e8ff 53%,#b9e6fc 88%);opacity:.85}
.hero-device{display:block;width:100%;height:auto;object-fit:contain}
.tech-strip{list-style:none;margin:0;padding:14px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;min-height:72px;border:1px solid white;border-radius:44px;background:#ffffffdb;box-shadow:0 12px 30px #9eafd330}
.tech-item{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;gap:18px;padding-inline:12px;font-size:clamp(18px,1.5vw,23px);font-weight:800;line-height:1.25}.tech-item+.tech-item{border-inline-start:1px solid #8da0bf}
.tech-strip .tech-item>span:not(.tech-icon),.tech-strip .tech-item>bdi{font-size:inherit;font-weight:inherit;line-height:inherit}
.tech-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;color:#ff6900}.tech-icon svg{width:38px;height:38px;stroke-width:1.7}
.wordpress-mark{width:40px;height:40px;color:#081731}.wordpress-mark svg{width:40px;height:40px;fill:currentColor;stroke:none}

.section-heading{display:flex;align-items:center;justify-content:center;gap:22px;font-size:clamp(28px,calc(20px + 1vw),38px);font-weight:800;letter-spacing:-.6px;line-height:1.15;margin:0 0 14px;text-align:center}.section-heading>span{min-width:0}.section-heading:before,.section-heading:after{content:'';width:58px;height:2px;background:var(--orange);flex-shrink:0}










.contact-dialog,.project-dialog{border:1px solid #d5e0f0;border-radius:24px;padding:32px;width:min(560px,calc(100% - 32px));color:var(--ink);background:white;box-shadow:0 25px 90px #0017364d}
.contact-dialog::backdrop,.project-dialog::backdrop{background:#05132f99;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;left:12px;border:0;border-radius:50%;background:#edf3fa;display:grid;place-items:center;width:34px;height:34px}.dialog-close svg{width:21px;height:21px}
.contact-dialog h2,.project-dialog h2{font-size:30px;line-height:1.15;margin:0 0 12px;padding-left:15px}.contact-dialog p,.project-dialog p{margin:0 0 18px}.contact-form{display:grid;gap:13px}.contact-form label{display:grid;gap:5px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;border:1px solid #b9cade;background:#f8fbff;border-radius:10px;padding:10px 13px}.form-note{font-size:15px;color:#586879}.form-status{background:#e7f8ef;border-radius:10px;padding:12px}.project-dialog{width:min(560px,calc(100% - 32px))}.project-preview{width:100%;max-width:338px;aspect-ratio:338/161;overflow:hidden;border-radius:12px;margin:0 auto 18px}.project-preview .reference-art{width:auto;max-width:100%;margin-inline:auto}
/* Shared About styles retain their existing breakpoints. */
@media(max-width:1100px){.nav{gap:24px}.brand{width:230px}}
@media(max-width:900px){
 :root{--page-gutter:24px;--section-gap:28px;--column-gap:32px}
 .about-header-inner{grid-template-columns:auto 1fr auto;gap:12px;min-height:70px}.about-header-contact{justify-self:end}
 .about-header-inner .menu-toggle{display:grid;order:3}.about-header-inner .nav{display:none;position:absolute;top:66px;left:0;right:0;padding:22px 16px;border-radius:14px;background:white;box-shadow:0 14px 26px #10243d24;justify-content:center;z-index:20;font-size:17px}.about-header-inner .nav.open{display:flex}
}
@media(max-width:600px){
 :root{--page-gutter:clamp(16px,4.1vw,24px);--section-gap:26px}
 body{font-size:17px}.about-header-inner{gap:8px}.brand{width:184px}.button-small{font-size:14px;padding:8px 12px}.about-header-inner .menu-toggle{width:34px;height:36px}.about-header-inner .nav{gap:18px;font-size:16px}
 .contact-dialog,.project-dialog{padding:28px 20px}.contact-dialog h2,.project-dialog h2{font-size:28px}
}
/* Homepage layout: 1280px container, flexible sections, 4/2/1 services. */
@media(min-width:1024px){.home .site-header{min-height:80px}}
@media(max-width:1023px){
 .home{--section-gap:40px}
 .home .site-header{grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;min-height:72px}
 .home .site-header>a:first-child{grid-column:2;grid-row:1;justify-self:center;max-width:100%}
 .home .site-header .brand{width:200px;max-width:100%}
 .home .site-header>.button-small{grid-column:3;grid-row:1;width:44px;min-height:44px;padding:0;font-size:0;gap:0;justify-self:end}
 .home .site-header>.button-small svg{display:block;width:22px;height:22px}
 .home .menu-toggle{display:grid;grid-column:1;grid-row:1;width:44px;height:44px;order:0}
 .menu-close{display:none}.home .menu-toggle[aria-expanded=true] .menu-open{display:none}.home .menu-toggle[aria-expanded=true] .menu-close{display:block}
 .home .nav{display:none;position:absolute;top:72px;inset-inline:0;max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain;padding:20px;gap:20px;border-radius:14px;background:white;box-shadow:0 14px 26px #10243d24;z-index:20;font-size:18px}
 .home .nav.open{display:flex;flex-direction:column;align-items:stretch;text-align:center}.home .nav a{padding:10px;min-height:44px}
 .hero{grid-template-columns:1fr;gap:32px}.hero-copy{text-align:center;order:0}.hero-art{order:1;max-width:760px;justify-self:center}.hero-actions{justify-content:center}.hero h1{font-size:48px}.hero p{max-width:660px;margin-inline:auto}
 .tech-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;padding:14px 0;border-radius:24px}.tech-item:nth-child(3){border:0}
 
 
 
}
@media(max-width:767px){
 .home{--home-gutter:20px;--page-gutter:20px;--section-gap:32px}
 .home .site-header .brand{width:180px}
 .hero-band{padding-bottom:24px}.hero-shell,.services-shell,.lower-shell{width:calc(100% - 40px)}.hero{padding-block:28px 26px;gap:30px}.hero h1{font-size:clamp(32px,8.8vw,38px);line-height:1.1;letter-spacing:-.7px;margin-bottom:18px}.hero p{font-size:18px;line-height:1.6;margin-bottom:22px}.hero-description-break{display:none}
 .hero-actions{display:grid;grid-template-columns:1fr;justify-items:center;gap:12px}.hero-actions .button{min-height:48px;width:min(100%,320px);font-size:18px;padding:12px 16px}
 
 .section-heading{font-size:28px;gap:12px}.section-heading:before,.section-heading:after{width:24px}
 .tech-strip{padding:16px 0;row-gap:18px;min-height:0}.tech-item{font-size:16px;gap:9px;padding-inline:8px;min-height:34px}.tech-icon,.tech-icon svg{width:30px;height:30px}.wordpress-mark,.wordpress-mark svg{width:30px;height:30px}
 
 
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Phone layout: share icon/text tracks within each vertical pair. */
@media(max-width:767px){.home .tech-strip .tech-item{display:grid;grid-template-columns:30px 94px;justify-content:center;align-items:center;gap:9px}.home .tech-strip .tech-item:nth-child(even){grid-template-columns:30px 54px}.home .tech-strip .tech-item>.tech-icon{grid-column:1;grid-row:1}.home .tech-strip .tech-item>span:not(.tech-icon),.home .tech-strip .tech-item>bdi{grid-column:2;grid-row:1;text-align:center}}