/* Private design study: typography and interaction polish; original imagery preserved. */
.service-proof:has(img[src*="woodfired-neapolitan-pizza"]){width:min(1180px,calc(100% - 48px));margin:48px auto;flex-direction:column;gap:5px;padding:1px}
.service-proof:has(img[src*="woodfired-neapolitan-pizza"]) img{width:100%;height:auto;flex:none;aspect-ratio:auto;object-fit:contain}
:root{--font:'Heebo',Arial,sans-serif;--display-font:'Heebo',Arial,sans-serif}
body,body.service-page,button,input{font-family:'Heebo',Arial,sans-serif}
.hero-text h1,.intro h2,.client-proof-heading h2,.section-heading h2,.story h2,.process-heading h2,.closing-image p,.contact h2,.service-hero h1,.service-section h2,.service-contact h2{font-family:var(--display-font);font-weight:300;letter-spacing:-.04em;line-height:1.15}
.hero-text h1 em,.intro h2 em,.story h2 em,.closing-image em{font-family:inherit;font-weight:300}
.hero-text h1{font-size:clamp(62px,7vw,112px)}
.section-heading h2{font-size:clamp(40px,4.5vw,68px)}
.wordmark>span,.service-logo{font-weight:400;letter-spacing:-.04em}
.header nav{font-size:15px;font-weight:400;gap:30px}
.header .nav-contact{border-radius:0;border:0;border-bottom:1px solid #ffffff70;padding:10px 0!important;margin-inline-start:12px;gap:28px}
.eyebrow,.service-kicker{font-weight:500;letter-spacing:.035em}
.service-list article{gap:22px;padding:36px 30px 32px;min-height:355px}
.service-list h3,.service-list article h3{font-size:clamp(25px,2.2vw,33px);font-weight:400;letter-spacing:-.025em}
.service-list p{font-size:16px;line-height:1.85;color:#655f56}
.service-list small{font-size:13px;line-height:1.8}
.service-list article>a{position:static;display:flex;align-items:center;justify-content:space-between;gap:35px;width:100%;height:auto;min-height:48px;margin-top:auto;padding:17px 0 0;border:0;border-top:1px solid #c9c1b2;border-radius:0;background:transparent;color:inherit;font-size:14px;font-weight:500;transition:color .2s,border-color .2s}
.service-list article>a::before{content:'לפרטים ולעבודות'}
.services .service-list article>a{position:static;display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;min-height:48px;margin-top:28px;padding:14px 0 0;border:0;border-top:1px solid #c9c1b2;border-radius:0;background:transparent;color:inherit;font-size:14px}
@media (hover:hover) and (pointer:fine){
.services .service-list article>a:hover{background:transparent;color:#935f43;border-color:#935f43}}
.services .service-list h3{font-family:var(--font);font-weight:400;font-size:clamp(25px,2.2vw,33px)}
.filters{gap:8px 20px}
.filters button{background:transparent;border:0;border-bottom:1px solid transparent;padding:10px 2px;font-size:14px;font-weight:400;color:#6b655b;transition:color .2s,border-color .2s}
@media (hover:hover) and (pointer:fine){
.filters button.active,.filters button:hover{background:transparent;color:#272820;border-bottom-color:currentColor}}
.process-steps h3,.deliverables h3,.service-process h3{font-weight:500;letter-spacing:-.025em}
.service-cta,.service-contact .service-cta{border-radius:0;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;padding:12px 0;min-height:48px;font-size:16px;font-weight:500;transition:opacity .2s}
@media (hover:hover) and (pointer:fine){
.service-cta:hover{opacity:.65}}
.service-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;font-weight:400;font-size:19px;padding-block:6px}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary::after{content:'+';font-weight:300;font-size:26px;flex-shrink:0}
.service-faq details[open] summary::after{content:'−'}
.service-contact h2{font-size:clamp(44px,6.5vw,88px)}
.service-contact p{font-size:18px;line-height:1.75}
.service-footer{min-height:130px;gap:24px}
.service-footer>span{font-size:13px;color:#70695f}
.service-footer a{font-size:19px;font-weight:400;line-height:1.6;text-decoration:none;border-bottom:1px solid #aaa194;padding:8px 0;direction:ltr}
.contact-details{font-size:20px;gap:24px 40px}
.contact-details a{text-decoration:none;border-bottom:1px solid #ffffff60;padding-block:8px}
.contact-button{font-weight:400;letter-spacing:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ad7856;outline-offset:6px}
@media(max-width:760px){
 .hero-text h1{font-size:clamp(48px,11.8vw,76px);line-height:1.12}
 .section-heading h2,.intro h2,.process-heading h2,.story h2{font-size:38px;line-height:1.2}
 .header .nav-contact{margin:0}
 .service-list article{padding:28px 0;min-height:0;gap:18px}
 .services .service-list article>div{padding-left:0}
 .service-list article>a{margin-top:8px;width:100%;height:auto;min-height:48px;grid-column:1/-1;grid-row:auto}
 .service-list article h3{font-size:28px}
 .service-hero h1,.service-hero:has(.service-hero-image img[src*="premium-deli-sandwich"]) h1{font-size:clamp(40px,10.5vw,64px);line-height:1.15}
 .service-section h2{font-size:36px}
 .service-faq summary{font-size:17px;line-height:1.65}
 .service-footer{padding-block:32px;gap:14px}
 .service-footer>span{order:3;margin-top:8px}
 .service-footer a{font-size:18px}
 .contact-details{font-size:18px;display:flex;flex-direction:column;align-items:flex-start}
 .filters{gap:5px 16px}
 .filters button{font-size:13px;min-height:44px}
}

/* Consistent reading rhythm for service-page prose. */
.service-section-head p,.deliverables p,.service-process p,.service-faq details p{line-height:1.8;text-wrap:pretty}
.service-hero h1,.service-section h2,.service-contact h2{text-wrap:balance}
.service-faq summary:focus-visible{outline:2px solid #935f43;outline-offset:6px}

@media(min-width:761px){
 .service-page .service-hero .service-hero-copy h1{font-size:clamp(48px,5vw,76px);line-height:1.16;letter-spacing:-.025em}
}



.service-page .skip{position:fixed;top:-100px;right:20px;z-index:100;background:#fff;color:#302d26;padding:12px 20px}
.service-page .skip:focus{top:12px}
.service-page #main-content:focus{outline:none}
.series-heading .series-name{margin:0}

@media(min-width:761px){
 .service-page .service-hero:has(.service-hero-image img[src*="premium-deli-sandwich"]) h1{font-size:clamp(44px,4.2vw,64px);line-height:1.16;letter-spacing:-.025em}
}

/* Native full-card links: one link and one keyboard stop per service. */
.services .service-list article{isolation:isolate}
.services .service-list article>.service-card-link::before{content:none}
.services .service-list article>.service-card-link::after{content:"";position:absolute;inset:0;z-index:1}
.services .service-list article>.service-card-link{min-height:48px;font-size:15px;touch-action:manipulation}
.services .service-list article:has(.service-card-link:focus-visible){outline:2px solid #935f43;outline-offset:5px}
.service-card-link:focus-visible{outline:none}
/* A clear primary action; quieter text links for secondary channels. */
.contact .contact-button,.service-page .service-cta,#lightbox-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;max-width:100%;padding:15px 22px;border:1px solid currentColor;border-radius:3px;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;touch-action:manipulation}
.contact .contact-button{width:auto;min-width:0;background:var(--lower-cream);color:var(--lower-ink);border-color:var(--lower-cream)}
.service-page .service-hero .service-cta{background:var(--service-ink);color:var(--service-paper);border-color:var(--service-ink)}
.service-page .service-contact .service-cta{background:var(--service-paper);color:var(--service-ink);border-color:var(--service-paper)}
#lightbox-contact{display:flex;width:max-content;margin:18px auto 0;background:var(--paper);color:var(--ink)}
.contact-button-arrow{font-size:21px;transform:none}
.contact-details a,.service-footer a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
@media (hover:hover) and (pointer:fine){
 .contact .contact-button:hover,.service-page .service-cta:hover,#lightbox-contact:hover{opacity:1;filter:brightness(.94)}
}
@media(max-width:700px){
 .contact .contact-button{width:100%;margin-top:24px}
 .service-page .service-cta{width:100%}
 #lightbox-contact{width:100%;font-size:15px;padding:12px 16px}
}

/* Final alignment of the three service actions. */
.services .service-list article>div{margin-bottom:28px}
.services .service-list article>.service-card-link{margin-top:auto}
.contact .contact-button .contact-button-arrow{font-size:22px}