/* Shimon, in his own colours. Homepage only; rest state is always readable. */
:root{--page:#EAE5DD;--surface:#F7F4EF;--stone:#DED7CC;--ink:#241E19;--muted:#5C5249;--line:#D2CABE;--field-line:#857B6F;--honey:#A36E35;--honey-deep:#7E5420;--band:#2A231D;--band-text:#EAE5DD;--band-muted:#BCB2A5;--honey-light:#E2A44E;--wa:#25D366;--signal-stops:#3E6CAD,#37459B,#754B93,#D73774,#F28141,#F6A735;--header-h:64px;--t-fast:160ms;--t-base:320ms;--t-slow:640ms;--ease-out:cubic-bezier(.22,1,.36,1);--ease-inout:cubic-bezier(.65,0,.35,1);color-scheme:light;scroll-padding-top:calc(var(--header-h) + 16px);scrollbar-color:var(--field-line) var(--page)}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--page);color:var(--ink);font:400 17px/1.7 'Assistant',sans-serif;direction:rtl;position:relative}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}::selection{background:var(--ink);color:var(--surface)}a{color:var(--honey-deep);text-underline-offset:.3em}a:hover,a:focus-visible{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--honey-deep);outline-offset:3px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}img{max-inline-size:100%;display:block}svg{display:block}h1,h2,h3,p,figure,blockquote{margin:0}p{max-inline-size:62ch;text-wrap:pretty}h1,h2,h3{text-wrap:balance}h1,h2{font-family:'Frank Ruhl Libre',serif}h2{font-size:clamp(2rem,1.5rem + 2.2vw,3.5rem);font-weight:800;line-height:1.1;margin-block-end:24px}h3{font-size:clamp(21px,1.2rem + .4vw,24px);font-weight:800;line-height:1.25}strong{font-weight:700;color:var(--ink)}.p,.hero-dot{color:var(--honey);display:inline-block}.container,.footer-container{inline-size:calc(100% - 40px);max-inline-size:1240px;margin-inline:auto}:where(main>section){padding-block:36px}.separator-line{display:none}.sr-only{position:fixed;inset-block-start:-100px;inset-inline-start:20px;padding:12px 20px;background:var(--surface);color:var(--ink);z-index:1000}.sr-only:focus{inset-block-start:12px}.header-sentinel{position:absolute;inset-block-start:0;block-size:1px;inline-size:1px}.visit-sentinel{position:absolute;inset-block-start:40%;block-size:1px;inline-size:1px;pointer-events:none}#site-header{position:sticky;inset-block-start:0;z-index:50;block-size:var(--header-h);border-block-end:1px solid transparent;transition:background var(--t-base),border-color var(--t-base)}#site-header.is-scrolled{background:rgb(234 229 221 / .92);backdrop-filter:blur(8px);border-block-end-color:var(--line)}#site-header nav{display:flex;align-items:center;justify-content:space-between;block-size:var(--header-h)}#site-header nav>a{display:flex;align-items:center;min-block-size:44px;min-inline-size:60px}.logo-img{inline-size:60px;block-size:36px;object-fit:contain}.nav-links{display:none;list-style:none;margin:0;padding:0}.nav-links a{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none;padding:12px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-block-size:56px;padding:0 28px;border:1.5px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--surface);font-size:17px;font-weight:700;text-decoration:none;line-height:1.3;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast);max-inline-size:100%}.btn:hover,.btn:focus-visible{background:#3A3029;color:var(--surface)}.btn:active{transform:scale(.98)}.btn-secondary{min-block-size:48px;background:transparent;color:var(--ink)}.btn-secondary:hover,.btn-secondary:focus-visible{background:var(--ink);color:var(--surface)}.btn .fa-whatsapp{order:-1;display:inline-flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px;flex-shrink:0;color:var(--wa);font-size:24px}.btn-secondary .fa-whatsapp{color:var(--wa)}.btn-secondary:hover .fa-whatsapp,.btn-secondary:focus-visible .fa-whatsapp{color:var(--wa)}a .fa-arrow-left,a .fa-chevron-left,a .fa-chevron-down,button .fa-chevron-left{display:none}.ring{position:absolute;pointer-events:none;opacity:0;color:var(--honey);display:inline-block}.ring svg{inline-size:100%;block-size:100%;overflow:visible}.ring path{stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:50;stroke-dashoffset:0}.button-ring{inline-size:12px;block-size:24px;inset-inline-start:18px;inset-block-start:calc(50% - 12px)}
/* Opening: the headline leads, and the brush mark answers. */
main>.hero{padding-block:36px 44px}.hero-eyebrow{font-weight:700;font-size:14px;color:var(--muted);margin-block-end:12px}.hero h1{font-size:48px;font-weight:900;line-height:1.04;max-inline-size:850px;margin-block-end:24px}.hero-line{display:block}.phone-word{display:inline-block;position:relative;white-space:nowrap}.phone-brush{position:absolute;inline-size:100%;block-size:18px;inset-inline-start:0;inset-block-end:-8px;overflow:visible}.phone-brush path{stroke-dasharray:1;stroke-dashoffset:0}.hero-ring{inline-size:25px;block-size:29px;inset-inline-end:-20px;inset-block-start:16px}.hero-intro{font-size:19px;max-inline-size:540px;margin-block-end:24px}.personal-intro{font-weight:700}.hero-action .btn{inline-size:100%}.hero-dot{transform-origin:center}.clients{padding-block:16px 24px}.clients h2{font:700 17px/1.4 'Assistant',sans-serif;color:var(--muted);margin-block-end:24px}.client-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px 12px;list-style:none;padding:0;margin:0}.client-logos li{display:flex;justify-content:center;align-items:center;block-size:60px}.client-logos img{object-fit:contain;inline-size:88px;block-size:56px}.client-logo-avital{filter:invert(1)}.client-logos .client-logo-autonoomi{inline-size:70px;block-size:48px}.client-logos li:has(.client-logo-jpost){overflow:clip}.client-logos .client-logo-jpost{inline-size:100%;max-inline-size:100%;block-size:120px;flex-shrink:0}.client-logos .client-logo-charity,.client-logos .client-logo-economics{inline-size:100%;block-size:34px}.numbers{padding-block:8px 20px}.numbers-grid{display:grid}.num-card{padding-block:16px;min-inline-size:0}.num-card+.num-card{border-block-start:1px solid var(--line)}.num-value{font:900 40px/1 'Frank Ruhl Libre',serif;font-variant-numeric:lining-nums tabular-nums;display:inline-block;white-space:nowrap;position:relative}.num-value bdi{display:inline-block;position:relative}.num-value .currency{font-size:.55em}.num-card p{font-size:16px;line-height:1.5;color:var(--muted);margin-block-start:12px}.num-card:last-child .num-value:after{content:'';position:absolute;inset-block-end:-5px;inset-inline:0;block-size:2px;background:var(--honey);transform-origin:right}.number-copy,.number-copy>.p{color:transparent}.number-overlay{position:absolute;inset:0;display:block;direction:ltr;color:var(--ink);white-space:nowrap}.number-overlay>span{display:inline-block;overflow:clip;vertical-align:bottom}.number-overlay>span>span{display:inline-block;animation:digits-in 320ms var(--ease-out) both}.number-overlay>span:nth-child(3)>span{animation-delay:240ms}.number-overlay>span:nth-child(4)>span{animation-delay:480ms}
.about{padding-block:24px 36px}.about-grid{display:grid;gap:24px}.about-content{display:contents}.about-content h2{order:0;margin:0}.about-img-frame{order:1}.about-img{inline-size:100%;block-size:auto;aspect-ratio:3/2;max-block-size:260px;object-fit:cover;object-position:50% 34%;border-radius:6px}.about-content>p{order:2;font-size:19px;line-height:1.6}.paragraph{display:block}.paragraph+.paragraph{margin-block-start:16px}.about-content .paragraph:last-child{margin-block-start:24px}.about-questions{display:block;margin-block:16px}.q{display:block;font:800 24px/1.35 'Frank Ruhl Libre',serif}.about-content a{display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:999px;min-block-size:48px;color:var(--ink);font:700 17px/1.3 'Assistant',sans-serif;text-decoration:none}.about-content a:hover,.about-content a:focus-visible{background:var(--ink);color:var(--surface)}
.testimonials{background:var(--stone)}.testimonial-controls{margin-block:20px 16px}.testimonial-selectors{display:flex;position:relative;gap:6px}.testimonial-selectors button{position:relative;flex:1;min-inline-size:0;display:grid;grid-template-columns:32px 1fr;column-gap:7px;text-align:start;align-content:center;padding:8px 2px 14px;border:0;background:none;color:var(--ink);font-size:16px;font-weight:700;line-height:1.3;min-block-size:70px}.testimonial-selectors button>span:not(.tab-avatar){grid-column:2;font-size:12px;color:var(--muted);font-weight:400;white-space:nowrap}.tab-avatar{grid-column:1;grid-row:1/3;inline-size:32px;block-size:32px;border-radius:50%;background:var(--surface) center/cover;align-self:center}.avatar-0{background-image:url('assets/testimonials/avital-leibel.jpg')}.avatar-2{background-image:url('assets/testimonials/yehoshua-blekman.jpg')}.avatar-1:before{content:attr(data-n);display:flex;block-size:100%;align-items:center;justify-content:center;font:800 11px 'Frank Ruhl Libre',serif}.tab-indicator{position:absolute;inset-block-end:0;left:0;inline-size:1px;block-size:2px;background:var(--honey);transform-origin:left;transition:transform var(--t-base) var(--ease-out);pointer-events:none}.testimonial-stage{display:grid;gap:20px}.testimonial{display:flex;flex-direction:column;position:relative;padding:24px;background:var(--surface);border-radius:6px;min-inline-size:0}.js-ready .testimonial{grid-area:1/1;visibility:hidden}.js-ready .testimonial.is-active{visibility:visible}.testimonial-copy{display:flex;flex-direction:column;flex:1;min-block-size:0}.testimonial-copy blockquote{font-size:19px;line-height:1.55;font-style:normal}.testimonial-copy figcaption{padding-inline-start:72px;min-block-size:56px;margin-block-start:auto;padding-block-start:24px;display:flex;flex-direction:column;justify-content:center;font-size:15px;color:var(--muted)}.testimonial-name{font-size:18px;font-weight:700;color:var(--ink)}.testimonial-portrait{position:absolute;inset-inline-start:24px;inset-block-end:24px;inline-size:56px;block-size:56px}.testimonial-portrait img{inline-size:100%;block-size:100%;border-radius:50%;object-fit:cover}.testimonial-result{font:900 56px/1 'Frank Ruhl Libre',serif;margin-block-end:24px;white-space:nowrap}.testimonial-result span:last-child{font-size:.6em}.testimonial-result+.testimonial-copy figcaption{padding-inline-start:0}.testimonial-cta{margin-block-start:28px}.testimonial-cta p{margin-block-end:16px}.services{background:var(--band);color:var(--band-text)}.services h2{color:var(--band-text)}.services h2 .p,.service-num{color:var(--honey-light)}.services-intro{font-size:19px;color:var(--band-muted);margin-block-end:24px}.services-grid{position:relative;border:1px solid rgb(234 229 221 / .14);border-radius:6px}.services-grid:before{content:'';position:absolute;inset-block-start:0;inset-inline:0;block-size:2px;background:linear-gradient(to left,var(--signal-stops));transform-origin:right}.service-card{padding:20px 16px}.service-card+.service-card{border-block-start:1px solid rgb(234 229 221 / .14)}.service-num{font:800 28px/1 'Frank Ruhl Libre',serif;margin-block-end:14px}.service-content ul{padding-inline-start:20px;margin-block:20px 0;color:var(--band-muted);font-size:16px;line-height:1.5}.service-content li+li{margin-block-start:8px}.service-content li::marker{color:var(--honey-light)}
.process-title-sub{color:var(--muted);margin-block-end:32px}.timeline{position:relative;display:grid;gap:24px;padding-inline-start:26px;--progress:1;view-timeline:--process block}.timeline:after,.timeline:before{content:'';position:absolute;inset-inline-start:0;inset-block:0;inline-size:2px}.timeline:after{background:var(--line);z-index:-1}.timeline:before{background:linear-gradient(to bottom,var(--signal-stops));transform:scaleY(var(--progress));transform-origin:top;transition:transform var(--t-slow) var(--ease-out)}.timeline{isolation:isolate}.step-bg-num{display:block;font:800 40px/1 'Frank Ruhl Libre',serif;color:var(--honey);margin-block-end:12px}.process-step h3{margin-block-end:12px}.process-step p{font-size:17px;line-height:1.65}.process .container>div:last-child{text-align:center;margin-block-start:32px}.calls-chart{inline-size:120px;block-size:64px;display:flex;gap:14px;align-items:flex-end;margin-block-start:18px}.chart-column{position:relative;display:flex;align-items:flex-end;justify-content:center;inline-size:26px;block-size:100%}.chart-bar{display:block;inline-size:6px;block-size:42px;background:var(--honey);transform:scaleY(var(--bar));transform-origin:bottom}.call-dots{position:absolute;inset-block-start:0;display:grid;grid-template-columns:repeat(2,4px);gap:3px}.call-dots i{inline-size:4px;block-size:4px;border-radius:50%;background:var(--ink)}
#faq{padding-block-start:24px}.faq-intro p{color:var(--muted);margin-block-end:28px}.faq-item{border-block-start:1px solid var(--line)}.faq-item:last-child{border-block-end:1px solid var(--line)}.faq-item[open]{border-block-start:2px solid var(--ink)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding-block:22px;font-size:19px;line-height:1.45;font-weight:700}.faq-question::-webkit-details-marker{display:none}.faq-icon{position:relative;inline-size:20px;block-size:20px;flex-shrink:0;transition:transform var(--t-fast)}.faq-icon:before,.faq-icon:after{content:'';position:absolute;background:var(--ink);inset-block-start:9px;inset-inline-start:2px;inline-size:16px;block-size:1.5px}.faq-icon:after{transform:rotate(90deg)}details[open] .faq-icon{transform:rotate(45deg)}.faq-answer{padding-block-end:24px;color:var(--muted)}.heart-message{max-inline-size:600px;margin:48px auto 0}.heart-message h3{margin-block-end:24px}.heart-message p{font-size:17px;line-height:1.7}.sig-draw{inline-size:80px;block-size:auto;margin-block-start:24px}.sig-pen{stroke-dasharray:1;stroke-dashoffset:0}.contact{background:var(--stone)}.contact-wrap{display:grid;gap:32px}.contact-subtitle{font-size:17px;line-height:1.65}.contact-cta-text{display:block;font-weight:700;margin-block-start:20px}.contact-intro>p:nth-last-child(2){margin-block:24px 20px}.contact-intro .btn{inline-size:100%}.contact-intro>p:last-child{font-size:16px;color:var(--muted)}#contact-form{background:var(--surface);padding:20px;border-radius:8px;display:grid;gap:18px;align-content:start}.form-honeypot{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}label{display:block;font-size:14px;line-height:1.4;font-weight:700;margin-block-end:8px}input,textarea{inline-size:100%;border:1px solid var(--field-line);border-radius:8px;background:transparent;color:var(--ink);font-size:16px;min-block-size:52px;padding:12px 14px;caret-color:var(--honey-deep)}input:focus-visible,textarea:focus-visible{outline-offset:2px}::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical;min-block-size:120px}#cf-submit-btn{inline-size:100%}#cf-status,#cf-fallback{font-size:16px}footer{background:var(--band);color:var(--band-text);padding-block:32px calc(96px + env(safe-area-inset-bottom));font-size:15px}.footer-container{display:flex;flex-direction:column;gap:16px}.footer-text{color:var(--band-muted)}.footer-info{display:flex;flex-direction:column}.footer-info a{display:inline-flex;align-items:center;min-block-size:48px;color:var(--band-text);text-decoration:none}.footer-divider{display:none}.footer-socials{display:flex;gap:8px}.footer-socials a{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;color:var(--band-text);font-size:22px}.footer-socials a:hover,.footer-socials a:focus-visible,.footer-info a:hover,.footer-info a:focus-visible{color:var(--honey-light)}
.floating-whatsapp{position:fixed;inset-inline-end:16px;inset-block-end:calc(16px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;justify-content:center;gap:10px;min-inline-size:56px;block-size:56px;border-radius:999px;background:var(--wa);color:#fff;text-decoration:none;font-size:30px;visibility:hidden;opacity:0;transform:translateY(16px);transition:opacity var(--t-base),transform var(--t-base),visibility var(--t-base)}.floating-whatsapp.is-visible{visibility:visible;opacity:1;transform:none}.floating-whatsapp.is-expanded{padding-inline:18px}.floating-whatsapp.is-expanded:after{content:'שמעון בוואטסאפ';font-size:17px;font-weight:700;color:var(--ink)}.floating-whatsapp:active{transform:scale(.98)}#cookie-consent{position:fixed;inset-inline:12px;inset-block-end:12px;z-index:100;background:var(--surface);border:1px solid var(--field-line);border-radius:8px;padding:20px;font-size:15px}#cookie-consent>div{max-inline-size:1100px;margin-inline:auto}#cookie-consent>div>div{display:flex;gap:12px;margin-block-start:16px}#cookie-consent button{min-block-size:44px;min-inline-size:88px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--surface);font-weight:700}#cookie-consent button+button{background:transparent;color:var(--ink)}
/* Each motion has one job. Only enhanced states introduce an initial offset. */
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes brush{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ring{0%,100%{opacity:0}15%,70%{opacity:1}}@keyframes arc{from{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes dot{50%{transform:scale(1.25)}}@keyframes icon-ring{50%{transform:translateX(2px)}}@keyframes logo-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}@keyframes line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes digits-in{from{transform:translateY(100%)}to{transform:none}}@keyframes num-in{from{opacity:0;transform:translateY(.2em)}to{opacity:1;transform:none}}@keyframes plus-in{from{transform:scale(.6)}to{transform:scale(1)}}@keyframes bar-in{from{transform:scaleY(.33)}to{transform:scaleY(var(--bar))}}@keyframes question-in{from{opacity:.55}to{opacity:1}}
html.motion-ok:not(.hero-seen) .hero-eyebrow{animation:fade-in 320ms both}html.motion-ok:not(.hero-seen) .phone-brush path{animation:brush 700ms 150ms var(--ease-out) both}html.motion-ok:not(.hero-seen) .hero-intro{animation:fade-in 320ms 1000ms both}html.motion-ok:not(.hero-seen) .hero-action{animation:fade-in 320ms 1150ms both}html.motion-ok:not(.hero-seen) .hero-ring{animation:ring 380ms 900ms 2}html.motion-ok:not(.hero-seen) .hero-ring path{animation:arc 160ms 900ms 2}html.motion-ok:not(.hero-seen) .hero-ring path+path{animation-delay:1020ms}html.motion-ok:not(.hero-seen) .hero-dot{animation:dot 160ms 900ms}html.motion-ok:not(.hero-seen) .hero-action .button-ring{animation:ring 320ms 1600ms}html.motion-ok:not(.hero-seen) .hero-action .fa-whatsapp{animation:icon-ring 160ms 1600ms}html.motion-ok .btn:hover .button-ring,html.motion-ok .btn:focus-visible .button-ring{animation:ring 320ms}html.motion-ok .btn:hover .button-ring path,html.motion-ok .btn:focus-visible .button-ring path{animation:arc 320ms}html.motion-ok .btn:hover .fa-whatsapp,html.motion-ok .btn:focus-visible .fa-whatsapp{animation:icon-ring 160ms}html.motion-ok .client-logos:not(.is-revealed) li{opacity:0}html.motion-ok .client-logos.is-revealed li{animation:logo-in 320ms var(--ease-out) both;animation-delay:calc(var(--i)*40ms)}html.motion-ok .numbers:not(.is-revealed) .num-value{opacity:0}html.motion-ok .numbers.is-revealed .num-card .num-value{animation:num-in 320ms var(--ease-out) both;animation-delay:calc(var(--i)*160ms)}html.motion-ok .numbers.is-revealed .p{animation:plus-in 320ms 200ms var(--ease-out) both}html.motion-ok .numbers.is-revealed .num-card:last-child .num-value:after{animation:line-in 640ms 320ms var(--ease-out) both}html.motion-ok .services-grid:not(.is-revealed):before{transform:scaleX(0)}html.motion-ok .services-grid.is-revealed:before{animation:line-in 900ms var(--ease-out) both}html.motion-ok .process-step:not(.is-revealed) .call-dots{opacity:0}html.motion-ok .process-step.is-revealed .call-dots i{animation:fade-in 160ms both;animation-delay:calc(var(--i)*80ms)}html.motion-ok .process-step.is-revealed .chart-bar{animation:bar-in 640ms 560ms var(--ease-out) both}
@supports (animation-timeline:view()){html.motion-ok .about-questions:not(.is-read) .q{animation:question-in linear both;animation-timeline:view();animation-range:entry 30% cover 45%}html.motion-ok .about-questions:not(.is-read) .q:nth-child(2){animation-range:entry 30% cover 50%}html.motion-ok .about-questions:not(.is-read) .q:nth-child(3){animation-range:entry 30% cover 55%}}
@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}details::details-content{block-size:0;overflow:clip;transition:block-size .32s var(--ease-inout),content-visibility .32s allow-discrete}details[open]::details-content{block-size:auto}}
@media(min-width:600px){.container,.footer-container{inline-size:calc(100% - 80px)}:where(main>section){padding-block:88px}.hero h1{font-size:clamp(3rem,1.6rem + 6vw,6.5rem)}main>.hero{padding-block:60px}.hero-action .btn,.contact-intro .btn{inline-size:auto}.client-logos{grid-template-columns:repeat(3,1fr);gap:24px}.clients{padding-block:28px 36px}.numbers{padding-block:12px 44px}.about{padding-block-start:48px}.about-img{max-block-size:400px}.testimonial-selectors button{font-size:18px;gap:10px;padding:12px 16px 20px}.testimonial-selectors button>span:not(.tab-avatar){font-size:15px}.testimonial{padding:32px}.testimonial-portrait{inset-inline-start:32px;inset-block-end:32px}.service-card{padding:32px}.sig-draw{inline-size:96px}#cookie-consent>div{display:flex;align-items:center;gap:24px}#cookie-consent>div>div{margin:0;flex-shrink:0}}
@media(min-width:1024px){:root{--header-h:72px}body{font-size:18px}.container,.footer-container{inline-size:calc(100% - clamp(48px,10vw,176px))}.nav-links{display:flex;gap:14px}.btn{min-block-size:52px}.btn-secondary{min-block-size:48px}:where(main>section){padding-block:128px}main>.hero{padding-block:64px 56px}.hero h1{inline-size:calc(100% * 8/12);min-inline-size:720px;max-inline-size:880px}.hero-eyebrow{font-size:15px;margin-block-end:20px}.hero-intro{font-size:21px;margin-block-start:36px;margin-block-end:28px;max-inline-size:590px}.hero-ring{inline-size:36px;block-size:42px;inset-inline-end:-28px;inset-block-start:38px}.phone-brush{block-size:24px;inset-block-end:-8px}.clients{padding-block:32px 40px}.client-logos{grid-template-columns:repeat(9,minmax(0,1fr));gap:20px}.clients h2{margin-block-end:28px}.numbers{padding-block:28px 50px}.numbers-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.num-card{padding:24px}.num-card:first-child{padding-inline-start:0}.num-card+.num-card{border-block-start:0;border-inline-start:1px solid var(--line)}.num-value{font-size:clamp(40px,3.8vw,56px)}.num-card p{max-inline-size:32ch}.about{padding-block:72px 128px}.about-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.about-content{display:block;grid-column:1/span 6}.about-content h2{margin-block-end:28px}.about-content>p{font-size:21px}.about-img-frame{grid-column:8/span 5;order:0;align-self:start}.about-img{aspect-ratio:4/5;max-block-size:none;object-position:50% 50%}.about-content a{display:inline-flex;border:0;border-radius:0;text-decoration:underline;color:var(--honey-deep);background:transparent;min-block-size:44px}.about-content a:hover,.about-content a:focus-visible{background:transparent;color:var(--ink)}.q{font-size:26px}.testimonials h2{max-inline-size:560px}.testimonial-controls{max-inline-size:740px;margin-block:40px 24px}.testimonial{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:40px;align-items:center}.testimonial-portrait,.testimonial-result{grid-column:9/span 4;grid-row:1;position:static;inline-size:100%;max-inline-size:320px;block-size:auto;aspect-ratio:1}.testimonial-portrait img{border-radius:6px}.testimonial-copy{grid-column:1/span 7;grid-row:1}.testimonial-copy blockquote{font-size:24px}.testimonial-copy figcaption{padding-inline-start:0;margin-block-start:24px}.testimonial-result{display:flex;flex-direction:column;justify-content:center;font-size:clamp(82px,8.34vw,120px);margin:0}.testimonial-result span:last-child{font-size:32px;margin-block-start:12px}.testimonial-cta{display:flex;align-items:center;gap:24px;margin-block-start:28px}.testimonial-cta p{margin:0}.services-intro{margin-block-end:48px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:32px}.service-card+.service-card{border-block-start:0;border-inline-start:1px solid rgb(234 229 221 / .14)}.service-num{margin-block-end:22px}.timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-inline-start:0;padding-block-start:32px;view-timeline:--process block}.timeline:before,.timeline:after{inline-size:100%;block-size:2px;inset-block-start:0;inset-block-end:auto}.timeline:before{background:linear-gradient(to left,var(--signal-stops));transform:scaleX(var(--progress));transform-origin:right}.process-title-sub{margin-block-end:48px}.step-bg-num{margin-block-end:22px}.process .container>div:last-child{margin-block-start:48px}.faq-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.faq-intro{grid-column:1/span 4;position:sticky;inset-block-start:calc(var(--header-h) + 24px);align-self:start}.faq-list{grid-column:6/span 7}.heart-message{margin-block-start:112px}.heart-message p{font-size:20px}#faq{padding-block-start:76px}.contact-wrap{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.contact-intro{grid-column:1/span 6}.contact-subtitle{max-inline-size:42ch}#contact-form{grid-column:8/span 5;padding:32px}.footer-container{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.footer-info{flex-direction:row;gap:24px;flex-wrap:wrap}.footer-socials{gap:0}.footer-text{max-inline-size:270px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.ring{display:none}.timeline:before{transform:none}.q{opacity:1}.sig-pen,.phone-brush path{stroke-dashoffset:0}.tab-indicator{transition:none}details::details-content{transition:none}}

/* Compact mobile rhythm; numbers anchor each process item beside its heading. */
@media(max-width:599px){:where(main>section){padding-block:32px}h2{font-size:32px;margin-block-end:20px}.process-step{position:relative}.step-bg-num{position:absolute;inset-inline-start:0;inset-block-start:0;margin:0;font-size:40px}.process-step h3{margin-inline-start:54px;min-block-size:50px;margin-block-end:12px}.process-step p{line-height:1.6}.timeline{gap:28px;padding-inline-start:18px}.heart-message{margin-block-start:40px}.heart-message p{line-height:1.65}#contact-form{gap:16px}textarea{min-block-size:96px}.testimonial-controls{margin-block-start:16px}.testimonial-cta{margin-block-start:20px}.client-logos li{block-size:56px}.clients h2{margin-block-end:16px}}

/* Reading scroll is vertical on both layouts; horizontal ink fills right-to-left. */
@keyframes process-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes process-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
html.motion-ok .timeline:before{animation:process-y linear both;animation-timeline:--process;animation-range:entry 20% exit 20%;transition:none}
@media(min-width:1024px){html.motion-ok .timeline:before{animation-name:process-x}}
}}
/* Motion revision: the live site's choreography, in the current visual language. */
main>.hero{position:relative;padding-block:40px 20px;min-block-size:calc(var(--stable-viewport,100svh) - var(--header-h));display:flex;flex-direction:column}
.hero>.container{display:flex;flex-direction:column;flex:1;min-block-size:0}.hero-action{margin-block-start:auto;padding-block-start:24px}.hero-intro{margin-block-end:0}.hero .scroll-down{display:grid;place-items:center;inline-size:48px;block-size:48px;margin:20px auto 0;color:var(--honey-deep);text-decoration:none;flex-shrink:0}.scroll-down svg{inline-size:24px;block-size:32px}
@keyframes scroll-cue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
html.motion-ok .scroll-down svg{animation:scroll-cue 1.8s var(--ease-inout) 3}
.clients{padding-block:24px 32px}.clients>.container{position:relative}.clients h2{padding-inline-end:50px;min-block-size:24px;margin-block-end:16px}
.client-marquee.is-marquee-ready{overflow:clip;block-size:168px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.is-marquee-ready .client-logos{display:block;position:relative;direction:ltr;block-size:168px}.is-marquee-ready .client-logos li{position:absolute;left:0;top:0;block-size:84px;padding-inline:18px;opacity:1!important;animation:none!important}.is-marquee-ready .client-logos img{max-inline-size:100%}.is-marquee-ready .client-logo-jpost{inline-size:146px}
.num-value bdi.is-counting,.num-value bdi.is-counting>.p{color:transparent}.metric-ticker{position:absolute;inset:0;color:var(--ink);text-align:start;direction:ltr;white-space:nowrap}.metric-ticker:before{content:'+';color:var(--honey)}.metric-ticker:after{content:attr(data-count)}
.about{padding-block-start:48px}.about>.container{border-block-start:1px solid var(--line);padding-block-start:48px}
.services-grid{display:block;border:0;border-radius:0;isolation:isolate}.services-grid:before{z-index:5}.service-card{position:relative;background:var(--band);border:1px solid rgb(234 229 221 / .22);border-radius:6px;padding:28px 24px;transform-origin:center top;margin-block-end:24px}.service-card:nth-child(2){background:#312820}.service-card:nth-child(3){background:#382D23}.service-card+.service-card{border-inline-start:1px solid rgb(234 229 221 / .22)}.service-card:last-child{margin-block-end:0}.service-content li{max-inline-size:64ch}.service-card .service-num{font-size:32px}.services-grid.is-stacking .service-card{position:sticky;inset-block-start:var(--stack-top);z-index:var(--stack-order);margin-block-end:clamp(72px,calc(var(--stable-viewport,100svh)*0.12),136px);scale:calc(1 - var(--stack-cover,0)*.025)}.services-grid.is-stacking:after{content:'';display:block;block-size:var(--stack-hold)}.service-card:after{content:'';position:absolute;inset-block-end:0;inset-inline:24px;block-size:2px;background:var(--honey-light);transform:scaleX(0);transform-origin:right;transition:transform 450ms var(--ease-out)}.service-card.is-docked:after{transform:scaleX(1)}
.process .timeline:before{animation:none!important;transform:scaleY(var(--progress));transition:none}.process .timeline:after{z-index:-1}.process .container>.process-runway{margin-block-start:0;text-align:start}.process-step{position:relative}.step-content-box{transition:opacity 640ms var(--ease-out),translate 640ms var(--ease-out)}
.process-nav{position:relative;display:flex;justify-content:space-between;margin-block-end:24px}.process-nav button{position:relative;z-index:1;inline-size:48px;block-size:48px;border-radius:50%;border:1px solid var(--field-line);background:var(--page);color:var(--honey-deep);font-weight:800}.process-nav button[aria-current=step]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.process-nav button.is-complete{border-color:var(--honey)}.process-rail{position:absolute;inset-inline:24px;inset-block-start:24px;block-size:1px;background:var(--line)}.process-rail:after{content:'';position:absolute;inset:0;block-size:2px;background:linear-gradient(to left,var(--signal-stops));transform:scaleX(var(--route-progress,0));transform-origin:right}.process-hint{font-size:14px;color:var(--muted);margin-block-end:20px}
.process.is-horizontal .process-stage{background:var(--page);padding-block:16px 24px}.process.is-horizontal .process-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin}.process.is-horizontal .timeline{display:flex;direction:rtl;gap:0;padding:0;margin:0;inline-size:100%}.process.is-horizontal .timeline:before,.process.is-horizontal .timeline:after{display:none}.process.is-horizontal .process-step{flex:0 0 100%;inline-size:100%;padding:0 4px 0 8px;scroll-snap-align:start}.process.is-horizontal .step-bg-num{position:static;font-size:48px;margin-block-end:18px}.process.is-horizontal .process-step h3{font-size:28px;line-height:1.2;margin-inline-start:0;margin-block-end:20px;min-block-size:0}.process.is-horizontal .process-step p{font-size:18px;line-height:1.65}.process.is-horizontal .step-content-box{translate:none;opacity:1}.process.is-pinned .process-runway{block-size:calc(var(--stage-height) + var(--route-travel))}.process.is-pinned .process-stage{position:sticky;inset-block-start:calc(var(--header-h) + 12px)}.process.is-pinned .process-viewport{overflow:hidden;scroll-snap-type:none;touch-action:pan-y pinch-zoom}.process.is-pinned .timeline{will-change:transform}
#faq{padding-block-start:48px}#faq>.container{border-block-start:1px solid var(--line);padding-block-start:48px}
@media(min-width:1024px){
main>.hero{min-block-size:calc(var(--stable-viewport,100svh) - var(--header-h) - 176px);padding-block:44px 12px}.hero .scroll-down{margin-block-start:16px}.hero-action{padding-block-start:24px}.hero-intro{margin-block-start:12px}.clients{padding-block:16px}.clients h2{margin-block-end:16px}.client-marquee.is-marquee-ready,.is-marquee-ready .client-logos{block-size:104px}.is-marquee-ready .client-logos li{block-size:104px}
.service-card{display:grid;grid-template-columns:100px 1fr;gap:32px;padding:48px}.service-card .service-num{font-size:56px}.service-content h3{font-size:30px}.service-content ul{font-size:19px;line-height:1.65;margin-block-start:24px}.service-content li+li{margin-block-start:14px}.services-grid{max-inline-size:1000px;margin-inline:auto}.service-card:after{inset-inline:48px}
.process .timeline{display:block;padding:0;--progress:0}.process .timeline:before,.process .timeline:after{inline-size:2px;block-size:100%;inset-inline-start:50%;inset-block:0;background:var(--line)}.process .timeline:before{background:linear-gradient(to bottom,var(--signal-stops));transform-origin:top}.process-step{inline-size:50%;padding:0 0 88px 68px;margin:0}.process-step:nth-child(even){margin-inline-start:50%;padding:0 68px 88px 0}.process-step:last-child{padding-block-end:0}.step-content-box{position:relative}.step-bg-num{font-size:56px;margin-block-end:24px}.process-step h3{font-size:28px}.process-step p{font-size:19px;line-height:1.7}.process-step:after{content:'';position:absolute;inset-inline-end:-7px;inset-block-start:16px;inline-size:14px;block-size:14px;border:2px solid var(--honey);border-radius:50%;background:var(--page)}.process-step:nth-child(even):after{inset-inline-end:auto;inset-inline-start:-7px}.process-step.is-current:after{background:var(--honey)}html.motion-ok .process-step:not(.is-current) .step-content-box{opacity:.55;translate:20px 0}html.motion-ok .process-step:nth-child(even):not(.is-current) .step-content-box{translate:-20px 0}
.about{padding-block-start:56px}.about>.container,#faq>.container{padding-block-start:72px}#faq{padding-block-start:56px}
}
@media(prefers-reduced-motion:reduce){.scroll-down svg{animation:none!important}.process .timeline:before{transform:none!important}.service-card{scale:1!important}.process-step .step-content-box{opacity:1!important;translate:none!important}}
html:not(.motion-ok) .process .timeline:before{transform:none!important}
/* Laptop-height composition still reserves the client strip in the opening. */
@media(min-width:1024px) and (max-height:820px){
  main>.hero{padding-block-start:28px}
  .hero h1{font-size:clamp(3rem,7vw,5.625rem);margin-block-end:16px}
  .hero-eyebrow{margin-block-end:12px}
  .hero-action{padding-block-start:16px}
  .hero .scroll-down{margin-block-start:8px}
}
/* Premium refinement: a quiet opening, distinct chapters, tactile milestones. */
#site-header{background:var(--hero-ground)}
#site-header.is-scrolled{background:rgb(234 229 221 / .94)}
main>.hero{background:var(--hero-ground);padding-block:clamp(40px,calc(var(--stable-viewport,100svh)*0.07),72px) 22px;border-block-end:1px solid var(--line)}
.hero>.container{gap:0}.hero h1{order:0;font-family:'Frank Ruhl Libre',serif;font-size:clamp(44px,12.3vw,50px);font-weight:900;line-height:1.08;letter-spacing:0;margin-block:0 34px;max-inline-size:750px}
.hero-line{display:inline}.hero-line:first-child:after{content:' ';white-space:normal}.hero .phone-word{white-space:nowrap}.hero .phone-brush{block-size:10px;inset-block-end:-4px;opacity:.8}.hero .phone-brush path{stroke-width:4}.hero .hero-ring{display:none}
.hero-intro{order:1;font-size:19px;line-height:1.65;color:var(--muted);max-inline-size:510px;margin-block:0}.hero-intro .personal-intro{display:block;font-size:26px;font-weight:700;line-height:1.25;color:var(--ink);margin-block-end:16px}
.hero-eyebrow{order:2;font-size:12px;font-weight:600;line-height:1.5;color:var(--muted);margin-block:18px 0}.hero-action{order:3;padding-block-start:28px}.hero-action .btn{border-radius:6px;min-block-size:58px;font-size:18px}.hero-action .btn .fa-whatsapp{color:var(--surface);font-size:26px}.hero .scroll-down{color:var(--ink);margin-block-start:20px}.scroll-down svg{inline-size:24px;block-size:24px;overflow:visible}
@keyframes cue-glow{0%,100%{opacity:.65;transform:translateY(-2px);filter:drop-shadow(0 2px 1px transparent)}50%{opacity:1;transform:translateY(4px);filter:drop-shadow(0 4px 5px rgb(163 110 53 / .7))}}
html.motion-ok .scroll-down svg{animation:cue-glow 2.4s var(--ease-inout) infinite}
.clients,.numbers{background:var(--surface)}.clients h2{padding-inline-end:0}.numbers{padding-block:28px 52px;border-block-end:1px solid var(--line)}
.num-card{position:relative;isolation:isolate;overflow:clip;padding-block:28px}.num-value{font-size:48px;line-height:1.12}.num-value bdi{vertical-align:baseline}.num-card p{margin-block-start:20px}.num-card:last-child .num-value:after{display:none}
.num-card:before{content:'';position:absolute;inset-block-end:12px;inset-inline-start:0;inline-size:88px;block-size:2px;background:var(--honey);transform:scaleX(var(--count-progress,1));transform-origin:right;transition:transform .18s linear}
.num-card:after{content:'';position:absolute;z-index:-1;inset-block:0;inset-inline-start:-35%;inline-size:30%;background:linear-gradient(110deg,transparent,rgba(226,164,78,.12),transparent);transform:translateX(0) skewX(-18deg);opacity:0;pointer-events:none}
@keyframes metric-light{0%{transform:translateX(0) skewX(-18deg);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(-650%) skewX(-18deg);opacity:0}}
html.motion-ok .metric-complete:after{animation:metric-light 1.5s var(--ease-out) both}
.metric-reels{display:inline-flex;align-items:baseline;justify-content:flex-start;line-height:1.12}.metric-reels:after{content:none}.metric-reels:before{flex-shrink:0}.metric-digit{display:inline-block;inline-size:1ch;block-size:1.12em;overflow:clip;position:relative}.metric-reel{display:block;transform:translateY(calc(var(--digit,0)*-1.12em));transition:transform 100ms linear}.metric-reel:before{content:'0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9';white-space:pre;display:block;line-height:1.12}.metric-comma:after{content:attr(data-mark)}
.about{background:var(--page);padding-block:64px}.about>.container,#faq>.container{border:0;padding-block-start:0}.testimonials{border-block:1px solid var(--line);padding-block:64px}.services{padding-block:64px}.process{background:var(--page);padding-block:64px}#faq{background:var(--surface);padding-block:64px;border-block:1px solid var(--line)}.contact{padding-block:64px}
.chapter-heading:before{content:'';display:block;inline-size:48px;block-size:2px;background:var(--honey);margin-block-end:24px;transform-origin:right}.services .chapter-heading:before{background:var(--honey-light)}
html.motion-ok .chapter-heading:not(.chapter-arrived):before{transform:scaleX(.18);opacity:.35}html.motion-ok .chapter-heading.chapter-arrived:before{transform:scaleX(1);opacity:1;transition:transform 900ms var(--ease-out),opacity 600ms}
.heart-message{border-block-start:1px solid var(--line);padding-block-start:44px;margin-block-start:56px}.sig-draw{inline-size:112px;block-size:auto;margin-block:32px 8px;overflow:visible}.sig-tip{opacity:0;fill:var(--honey);filter:drop-shadow(0 1px 2px rgb(163 110 53 / .4))}.signature-pending .sig-pen{stroke-dashoffset:1}.signature-writing .sig-tip{opacity:1}.signature-signed .sig-pen{stroke-dashoffset:0}
@media(max-width:1023px){#site-header nav{justify-content:center}.hero .hero-action .btn{inline-size:100%}.hero h1{max-inline-size:620px}.hero-intro{max-inline-size:38ch}}
@media(min-width:600px) and (max-width:1023px){.hero h1{font-size:64px}.hero-intro{font-size:21px}}
@media(min-width:1024px){main>.hero{padding-block:40px 12px}.hero h1{font-size:clamp(64px,6.3vw,88px);min-inline-size:0;max-inline-size:880px;inline-size:80%;line-height:1.06;margin-block-end:28px}.hero .hero-line{display:block}.hero-intro{max-inline-size:620px;font-size:21px}.hero-intro .personal-intro{font-size:28px;margin-block-end:12px}.hero-eyebrow{font-size:13px;margin-block-start:14px}.hero-action{padding-block-start:20px}.hero-action .btn{min-block-size:52px;font-size:18px;padding-inline:32px}.hero .scroll-down{margin-block-start:12px}.num-value{font-size:clamp(42px,4.2vw,60px)}.num-card{padding-block:36px}.num-card:before{inset-inline-start:24px}.num-card:first-child:before{inset-inline-start:0}.numbers{padding-block:12px 52px}.about,.testimonials,.services,.process,#faq,.contact{padding-block:112px}.chapter-heading:before{inline-size:64px;margin-block-end:28px}.heart-message{padding-block-start:64px;margin-block-start:88px}.sig-draw{inline-size:140px}}
@media(min-width:1024px) and (max-height:820px){main>.hero{padding-block-start:28px}.hero h1{font-size:clamp(56px,5.7vw,78px);margin-block-end:20px}.hero-intro{font-size:19px}.hero-intro .personal-intro{font-size:25px;margin-block-end:8px}.hero-eyebrow{margin-block-start:12px}.hero-action{padding-block-start:16px}.hero .scroll-down{margin-block-start:8px}}
@media(max-height:700px) and (max-width:599px){main>.hero{padding-block-start:24px}.hero h1{font-size:42px;margin-block-end:24px}.hero-intro{font-size:18px}.hero-intro .personal-intro{font-size:24px;margin-block-end:10px}.hero-eyebrow{margin-block-start:12px}.hero-action{padding-block-start:20px}.hero .scroll-down{margin-block-start:12px}}
@media(prefers-reduced-motion:reduce){.signature-pending .sig-pen{stroke-dashoffset:0}.sig-tip{display:none}.metric-reel{transition:none}.num-card:before{transform:none}.chapter-heading:before{transform:none!important;opacity:1!important}}
/* The promise, introduction and action are present from the first paint. */
html.motion-ok:not(.hero-seen) .hero-intro,html.motion-ok:not(.hero-seen) .hero-action{animation:none}

/* Balanced mobile opening: the introduction occupies the middle of the screen. */
:root{--hero-ground:#EEE8DF}
.intro-flourish{inline-size:64px;block-size:12px;margin-block-start:12px;color:var(--honey);overflow:visible}
.intro-flourish path{stroke-dasharray:1;stroke-dashoffset:0}
html.motion-ok:not(.hero-seen) .intro-flourish path{animation:brush 900ms 250ms var(--ease-out) both}
@media(max-width:1023px){
 .hero-intro{margin-block-start:auto;margin-inline:auto;text-align:center;max-inline-size:34ch}
 .hero-intro .personal-intro{margin-block-end:18px}
 .intro-flourish{margin-inline:auto}
 .hero-eyebrow{text-align:center;margin-block:16px 0}
 .hero-action{margin-block-start:auto;padding-block-start:32px}
 .hero h1{margin-block-end:32px}
}
@media(max-width:599px) and (max-height:700px){
 .hero h1{font-size:42px;margin-block-end:24px}
 .hero-intro .personal-intro{margin-block-end:12px}
 .intro-flourish{margin-block-start:8px}
 .hero-eyebrow{margin-block-start:12px}
 .hero-action{padding-block-start:24px}
}
@media(max-width:599px){.hero h1{font-size:clamp(38px,10.8vw,48px)}}

/* The requested platform line introduces the headline; the name stays centered. */
.hero .hero-eyebrow{order:-1;margin-block:0 14px;text-align:start}
@media(max-width:1023px) and (min-height:701px){main>.hero{padding-block-start:clamp(32px,calc(var(--stable-viewport,100svh)*0.057999999999999996),60px)}}
@media(min-width:1024px){.hero .hero-eyebrow{margin-block-end:16px}}

/* Final opening rhythm approved for publication. */
@media(max-width:1023px){
 main>.hero{padding-block-start:clamp(42px,calc(var(--stable-viewport,100svh)*0.085),84px)}
 .hero h1{margin-block-end:20px}
 .hero-intro{transform:translateY(4px)}
}
@media(max-width:599px) and (max-height:700px){main>.hero{padding-block-start:44px}.hero h1{margin-block-end:16px}}
@media(min-width:1024px){main>.hero{padding-block-start:56px}.hero h1{margin-block-end:22px}}
@media(min-width:1024px) and (max-height:820px){main>.hero{padding-block-start:48px}.hero h1{margin-block-end:16px}}

/* Stability and opening refinement — 14 October 2026. */
.hero .hero-eyebrow{font-size:15px;font-weight:750;color:#463B31}
.hero-intro{font-weight:500;color:#4C4238}
.hero-intro .personal-intro{font-weight:800}
.service-content ul{font-size:18px;font-weight:500;line-height:1.7;color:#E1D8CB}
.services-intro{color:#D6CABB;font-weight:500}
.sig-draw{display:block;margin-inline:auto;inline-size:132px;margin-block:28px 12px}
.hero-connection{display:none}
/* FAQ expansion should not push the reading position around during a long tween. */
details::details-content{transition:none}
@keyframes connection-ink{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes connection-flow{0%{stroke-dashoffset:1;opacity:0}10%,75%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes connection-ring{0%,70%,100%{opacity:.45;transform:none}20%{opacity:1;transform:translate(2px,-2px)}40%{opacity:.7;transform:none}}
@keyframes handset-greeting{0%,100%{transform:rotate(0deg)}20%{transform:rotate(-5deg)}36%{transform:rotate(3deg)}52%{transform:rotate(-2deg)}68%{transform:rotate(0deg)}}
@keyframes scroll-invitation{0%,62%,100%{transform:translateY(-2px);opacity:.65}76%{transform:translateY(6px);opacity:1}88%{transform:translateY(1px);opacity:.8}}
html.motion-ok .scroll-down svg{animation:scroll-invitation 4.2s var(--ease-inout) infinite;filter:none}
@media(max-width:1023px){
 .hero .hero-eyebrow{font-weight:650;color:#51463C}
 .hero-intro{transform:translateY(clamp(16px,calc(var(--stable-viewport,100svh)*.035),32px))}
}
@media(max-width:599px) and (max-height:700px){.hero-intro{transform:translateY(12px)}}
@media(min-width:1024px){
 main>.hero{min-block-size:calc(var(--stable-viewport,100svh) - var(--header-h));padding-block:40px 22px}
 .hero>.container{display:grid;max-inline-size:1160px;grid-template-columns:minmax(0,1fr) clamp(270px,25vw,340px);grid-template-rows:auto auto auto;column-gap:clamp(32px,4vw,64px);align-content:center;padding-block:20px 36px}
 .hero .hero-eyebrow{grid-column:1;grid-row:1;inline-size:100%;max-inline-size:none;justify-self:center;font-size:17px;margin-block:0 12px;text-align:center}
 .hero h1{grid-column:1;grid-row:2;inline-size:100%;max-inline-size:none;margin:0;font-size:clamp(54px,5.4vw,80px);text-align:center;line-height:1.1}
 .hero-intro{grid-column:1;grid-row:3;align-self:start;justify-self:center;margin:48px 0 0;padding:0;max-inline-size:480px;font-size:21px;text-align:center;transform:none}
 .hero-intro .personal-intro{font-size:28px;margin-block-end:16px}
 .hero-intro .intro-flourish{margin-inline:auto}
 .hero-action{grid-column:2;grid-row:1 / 4;align-self:center;display:flex;flex-direction:column;align-items:center;gap:64px;margin:0;padding:0}
 .hero-connection{display:block;inline-size:100%;max-inline-size:340px;block-size:auto;overflow:visible;color:var(--honey)}
 .connection-wire{stroke-dasharray:1;stroke-dashoffset:0}
 .connection-signal{stroke-dasharray:.07 .93;stroke-dashoffset:1;opacity:0}
 .connection-handset{transform-origin:168px 283px}
 html.motion-ok:not(.hero-seen) .connection-wire{animation:connection-ink 1900ms 120ms var(--ease-out) both}
 html.motion-ok .connection-signal{animation:connection-flow 3.6s 1.4s linear 2 both}
 html.motion-ok .connection-handset{animation:handset-greeting 1500ms 1600ms var(--ease-out) 1}
 html.motion-ok .connection-rings{animation:connection-ring 3.6s 2s var(--ease-inout) 2}
 .hero-action .btn{inline-size:auto;min-block-size:56px;padding-inline:30px}
 .hero .scroll-down{position:relative;inline-size:64px;block-size:64px;margin-block-start:0;border:1px solid rgb(126 84 32 / .24);border-radius:50%;color:var(--honey-deep);transition:border-color 180ms,background-color 180ms}
 .hero .scroll-down:hover,.hero .scroll-down:focus-visible{border-color:var(--honey);background:rgb(163 110 53 / .06)}
 .hero .scroll-down svg{inline-size:38px;block-size:38px}
 .service-content ul{font-size:20px}
 .sig-draw{inline-size:152px}
}
@media(min-width:1024px) and (max-height:740px){
 main>.hero{padding-block:24px 16px}
 .hero>.container{padding-block:8px 20px}
 .hero h1{font-size:clamp(52px,5.2vw,74px)}
 .hero-intro{margin-block-start:32px;font-size:19px}
 .hero-intro .personal-intro{font-size:26px;margin-block-end:12px}
 .hero-connection{max-inline-size:260px}
 .hero-action{gap:44px}
 .hero .scroll-down{inline-size:56px;block-size:56px}
}
@media(prefers-reduced-motion:reduce){.connection-wire{stroke-dashoffset:0}.connection-signal{display:none}}

/* Desktop-only finishing pass. Approved mobile styles stay untouched. */
@keyframes desktop-signal{
  0%,48%{stroke-dashoffset:1;opacity:0}
  54%{opacity:0}
  60%,86%{opacity:.95}
  94%,100%{stroke-dashoffset:0;opacity:0}
}
@keyframes desktop-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes desktop-sheen{
  0%,76%{transform:translateX(-210%) skewX(-24deg);opacity:0}
  79%{opacity:.16}
  91%{transform:translateX(510%) skewX(-24deg);opacity:.16}
  94%,100%{transform:translateX(510%) skewX(-24deg);opacity:0}
}
@keyframes desktop-scroll-glow{
  0%,55%,100%{transform:translateY(-2px);opacity:.65;filter:drop-shadow(0 2px 3px rgb(163 110 53 / 0))}
  72%{transform:translateY(5px);opacity:1;filter:drop-shadow(0 3px 6px rgb(163 110 53 / .5))}
  88%{transform:translateY(0);opacity:.85;filter:drop-shadow(0 2px 4px rgb(163 110 53 / .18))}
}
@media(min-width:1024px){
 .hero .hero-eyebrow,.hero h1,.hero-intro{text-align:right;direction:rtl}
 .hero-intro{justify-self:start;max-inline-size:520px;margin-block-start:80px}
 .hero-intro .intro-flourish{margin-inline:0}
 .hero-action{gap:100px}
 .hero-action .btn{inline-size:min(100%,304px);min-block-size:64px;font-size:20px;padding-inline:24px;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 8px 22px rgb(36 30 25 / .1);transition:background-color 180ms,box-shadow 240ms,transform 240ms var(--ease-out)}
 .hero-action .btn:after{content:'';position:absolute;inset-block:-25%;left:0;inline-size:28%;background:linear-gradient(90deg,transparent,#F7E6CC,transparent);pointer-events:none;opacity:0}
 .hero-action .btn:hover,.hero-action .btn:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgb(36 30 25 / .16);background:#3A3029}
 .hero-action .btn:active{transform:translateY(0) scale(.98)}
 html.motion-ok .hero-action .btn:after{animation:desktop-sheen 10s 1s linear infinite}
 html.motion-ok .hero-connection{animation:desktop-float 8s var(--ease-inout) infinite}
 html.motion-ok .connection-signal{animation:desktop-signal 8.8s 0s linear infinite;filter:drop-shadow(0 1px 3px rgb(226 164 78 / .45))}
 .hero .scroll-down,.hero .scroll-down:hover,.hero .scroll-down:focus-visible{border:0;border-radius:0;background:transparent}
 .hero .scroll-down svg{inline-size:42px;block-size:42px}
 html.motion-ok .hero .scroll-down svg{animation:desktop-scroll-glow 4.8s var(--ease-inout) infinite}
}
@media(min-width:1024px) and (max-height:740px){
 .hero-intro{margin-block-start:48px}
 .hero-action{gap:68px}
 .hero-action .btn{min-block-size:60px;font-size:19px}
}
@media(min-width:1024px) and (prefers-reduced-motion:reduce){
 .hero-action .btn{transition:none}
 .hero-action .btn:hover,.hero-action .btn:focus-visible{transform:none}
 .hero-action .btn:after{display:none}
}