body.socialya-landing-page{--bg:#faf7f1;--paper:#fffdf8;--sage:#8e9b7a;--leaf:#596a4d;--terra:#c96b49;--rust:#a95037;--ink:#382820;--muted:#6f675e;--line:#e7ded2;--mist:#e6e9dd}body.socialya-landing-page, body.socialya-landing-page *{box-sizing:border-box}html:has(body.socialya-landing-page){scroll-behavior:smooth}body.socialya-landing-page{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden}.socialya-landing-page a{color:inherit;text-decoration:none}.socialya-landing-page img{display:block;width:100%;height:100%;object-fit:cover}.socialya-landing-page h1,.socialya-landing-page h2,.socialya-landing-page h3,.socialya-landing-page p{margin-top:0}.socialya-landing-page h1,.socialya-landing-page h2,.socialya-landing-page h3{font-family:Manrope,sans-serif;letter-spacing:-.055em}.socialya-landing-page p{line-height:1.85}.socialya-landing-page .wrap{width:min(1160px,calc(100% - 48px));margin:auto}.socialya-landing-page .kicker{color:var(--rust);font-size:11px;letter-spacing:.21em;text-transform:uppercase;font-weight:800;display:flex;align-items:center;gap:12px}.socialya-landing-page .kicker:before{content:"";width:30px;height:1px;background:currentColor}.socialya-landing-page .btn{display:inline-flex;align-items:center;gap:20px;padding:17px 27px;border-radius:40px;background:var(--terra);color:white;font-size:14px;font-weight:700;transition:.2s}.socialya-landing-page .btn:hover{background:var(--rust);transform:translateY(-2px)}.socialya-landing-page .ghost{display:inline-block;border-bottom:1px solid var(--leaf);padding:7px 0;font-weight:700;font-size:14px}.socialya-landing-page .header{background:rgba(250,247,241,.96);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.socialya-landing-page .head{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:93px}.socialya-landing-page .logo{width:224px;height:auto;max-height:72px;object-fit:contain}.socialya-landing-page .nav{display:flex;align-items:center;gap:27px}.socialya-landing-page .nav a{font-size:13px;font-weight:700}.socialya-landing-page .nav a:hover{color:var(--rust)}.socialya-landing-page .nav .navcta{background:var(--leaf);color:#fff;border-radius:30px;padding:13px 20px}.socialya-landing-page .menu{display:none;background:transparent;border:0;font-size:28px;cursor:pointer}.socialya-landing-page .hero{background:#f4efe6;overflow:hidden;position:relative}.socialya-landing-page .hero:after{content:"";position:absolute;right:-150px;top:-260px;width:650px;height:650px;border:1px solid #d4d8ca;border-radius:50%;pointer-events:none}.socialya-landing-page .hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:65px;align-items:center;min-height:660px;padding:65px 0 90px;position:relative;z-index:1}.socialya-landing-page .hero h1{font-size:clamp(45px,5.6vw,77px);line-height:1.12;letter-spacing:-.072em;margin:23px 0 25px}.socialya-landing-page .hero h1 em{font-style:normal;color:var(--terra)}.socialya-landing-page .hero p{font-size:18px;max-width:510px;color:var(--muted)}.socialya-landing-page .actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.socialya-landing-page .hero-visual{height:540px;position:relative}.socialya-landing-page .hero-oval{position:absolute;inset:18px 10px 30px 20px;background:#dce3d5;border-radius:52% 48% 36% 64% / 38% 50% 50% 62%;transform:rotate(-7deg)}.socialya-landing-page .hero-photo{position:absolute;inset:35px 35px 35px 25px;border-radius:50% 50% 42% 58% / 43% 44% 56% 57%;overflow:hidden;transform:rotate(3deg);background:#b2bca9}.socialya-landing-page .hero-photo img{transform:rotate(-3deg) scale(1.11)}.socialya-landing-page .stamp{position:absolute;right:0;top:10px;background:var(--terra);color:#fff;border-radius:50%;width:114px;height:114px;display:grid;place-items:center;text-align:center;font-weight:800;letter-spacing:.07em;font-size:11px;transform:rotate(13deg)}.socialya-landing-page .float{position:absolute;bottom:8px;left:-15px;background:#fff;padding:19px 25px;border-radius:18px;box-shadow:0 15px 35px #3221191c;transform:rotate(-5deg);font:700 18px Manrope}.socialya-landing-page .bar{background:var(--leaf);color:white;padding:23px 0;text-align:center;font:600 clamp(17px,2vw,23px) Manrope}.socialya-landing-page .section{padding:118px 0}.socialya-landing-page .intro-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.socialya-landing-page .intro h2,.socialya-landing-page .method h2,.socialya-landing-page .about h2,.socialya-landing-page .areas h2,.socialya-landing-page .approach h2,.socialya-landing-page .contact h2{font-size:clamp(37px,4.3vw,58px);line-height:1.16;margin:10px 0 27px}.socialya-landing-page .intro h2 em,.socialya-landing-page .about h2 em,.socialya-landing-page .areas h2 em{font-style:normal;color:var(--rust)}.socialya-landing-page .intro .copy{max-width:690px;color:var(--muted);font-size:17px}.socialya-landing-page .large-quote{font:italic 27px Georgia,serif;color:var(--leaf);margin-top:25px}.socialya-landing-page .duo{background:var(--mist);padding:115px 0;overflow:hidden}.socialya-landing-page .duo-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:95px;align-items:center}.socialya-landing-page .photo-composition{position:relative;height:480px}.socialya-landing-page .photo-composition .large{position:absolute;inset:0 65px 0 0;overflow:hidden;border-radius:210px 210px 24px 24px}.socialya-landing-page .photo-composition .small{position:absolute;width:210px;height:220px;right:0;bottom:-24px;border:10px solid var(--mist);border-radius:120px 120px 15px 15px;overflow:hidden}.socialya-landing-page .method p{font-size:16px;color:var(--muted)}.socialya-landing-page .method .important{color:var(--ink);font-weight:700;border-left:3px solid var(--terra);padding-left:19px;margin:28px 0}.socialya-landing-page .method ul{list-style:none;padding:0;display:flex;gap:12px;flex-wrap:wrap}.socialya-landing-page .method li{font-size:12px;font-weight:700;border:1px solid #bdc5b4;border-radius:30px;padding:9px 13px;color:var(--leaf)}.socialya-landing-page .areas{padding:118px 0}.socialya-landing-page .areas-head{display:grid;grid-template-columns:1fr .75fr;gap:65px;align-items:end;margin-bottom:50px}.socialya-landing-page .areas-head>p{color:var(--muted)}.socialya-landing-page .areas-list{border-top:1px solid var(--line)}.socialya-landing-page .area{display:grid;grid-template-columns:60px 1fr 1.3fr;gap:25px;align-items:center;padding:24px 10px;border-bottom:1px solid var(--line)}.socialya-landing-page .area .number{font-size:14px;font-weight:800;color:var(--terra)}.socialya-landing-page .area h3{font-size:24px;margin:0}.socialya-landing-page .area p{font-size:15px;color:var(--muted);margin:0}.socialya-landing-page .break{height:470px;position:relative;background:#333}.socialya-landing-page .break img{object-position:center 45%}.socialya-landing-page .break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,35,26,.75),rgba(28,35,26,.06))}.socialya-landing-page .break-copy{position:absolute;left:max(24px,calc((100% - 1160px)/2));top:50%;transform:translateY(-50%);z-index:1;color:#fff;max-width:650px;padding-right:24px}.socialya-landing-page .break h2{font-size:clamp(36px,4.5vw,61px);line-height:1.13}.socialya-landing-page .break p{font-size:18px}.socialya-landing-page .approach{background:#f0e7dd;padding:115px 0}.socialya-landing-page .approach-head{max-width:730px;margin-bottom:58px}.socialya-landing-page .approach-head>p{color:var(--muted);font-size:17px}.socialya-landing-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;position:relative}.socialya-landing-page .steps:before{content:"";position:absolute;top:36px;left:10%;right:10%;border-top:2px dashed #cbbcae}.socialya-landing-page .step{position:relative}.socialya-landing-page .step .num{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;font:800 26px Manrope;background:#fff;color:var(--terra);margin-bottom:30px;position:relative}.socialya-landing-page .step:nth-child(2) .num{background:var(--terra);color:#fff}.socialya-landing-page .step h3{font-size:25px}.socialya-landing-page .step p{color:var(--muted)}.socialya-landing-page .about{padding:120px 0}.socialya-landing-page .about-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:95px;align-items:center}.socialya-landing-page .about-art{height:540px;position:relative}.socialya-landing-page .about-art .photo{position:absolute;inset:0 30px 45px 0;border-radius:200px 200px 30px 30px;overflow:hidden;background:#d5decf}.socialya-landing-page .about-art .label{position:absolute;bottom:10px;right:-10px;background:var(--terra);color:white;padding:23px 29px;border-radius:16px;transform:rotate(-5deg);font:700 21px Manrope}.socialya-landing-page .about p{font-size:16px;color:var(--muted)}.socialya-landing-page .about .name{font-weight:800;color:var(--ink)}.socialya-landing-page .about .cert{display:inline-block;margin-top:14px;color:var(--leaf);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.socialya-landing-page .quote{background:var(--terra);padding:85px 20px;color:white;text-align:center}.socialya-landing-page .quote p{max-width:930px;margin:auto;font:700 clamp(30px,4vw,53px)/1.35 Manrope;letter-spacing:-.05em}.socialya-landing-page .audience{padding:85px 0 105px;background:#fffdf8}.socialya-landing-page .audience-grid{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:30px}.socialya-landing-page .audience-grid span{border:1px solid #d3d8ce;border-radius:40px;padding:14px 23px;color:var(--leaf);font-weight:700}.socialya-landing-page .contact{background:var(--leaf);padding:112px 0;color:#fff}.socialya-landing-page .contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.socialya-landing-page .contact p{color:#e4e8de;max-width:540px;font-size:17px}.socialya-landing-page .contact .btn{background:#f5e9d8;color:var(--ink)}.socialya-landing-page .contact .btn:hover{background:#fff}.socialya-landing-page .contact .note{font:italic 26px Georgia,serif;color:#d5dfcb;text-align:right}.socialya-landing-page .footer{background:#342820;color:#f7ede1;padding:65px 0 30px}.socialya-landing-page .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:65px}.socialya-landing-page .footer-brand{font:800 38px Manrope}.socialya-landing-page .footer-brand span{color:#ed9f7f}.socialya-landing-page .footer p,.socialya-landing-page .footer a{font-size:13px;color:#d5c8bd}.socialya-landing-page .footer a:hover{color:#fff}.socialya-landing-page .footnav{display:flex;flex-direction:column;gap:13px}.socialya-landing-page .footer h3{font-size:14px;letter-spacing:0}.socialya-landing-page .footer-bottom{border-top:1px solid #59483d;margin-top:50px;padding-top:25px;display:flex;gap:25px;justify-content:space-between;font-size:12px;color:#bcafa4}.socialya-landing-page .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.socialya-landing-page .reveal.visible{opacity:1;transform:none}@media(max-width:950px){.nav{gap:15px}.logo{width:185px}.hero-grid,.duo-grid,.about-grid,.contact-grid{gap:35px}.intro-grid{gap:40px}.hero h1{font-size:58px}.hero-visual{height:470px}}@media(max-width:760px){.head{min-height:76px}.menu{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--bg);padding:24px;box-shadow:0 15px 22px #0001;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero-grid,.intro-grid,.duo-grid,.about-grid,.areas-head,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:65px 0}.hero-visual{height:390px;max-width:500px;width:100%;margin:auto}.duo-grid .photo-composition{order:2}.section,.areas,.about{padding:78px 0}.duo,.approach,.contact{padding:78px 0}.photo-composition{height:390px}.areas-head{gap:0}.area{grid-template-columns:35px 1fr;gap:10px}.area p{grid-column:2}.steps{grid-template-columns:1fr;gap:28px}.steps:before{display:none}.step .num{margin-bottom:12px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.contact .note{text-align:left}.break{height:450px}}@media(max-width:480px){.wrap{width:calc(100% - 36px)}.logo{width:165px}.hero h1{font-size:47px}.hero p{font-size:16px}.hero-visual{height:310px}.stamp{width:86px;height:86px;font-size:9px}.float{font-size:13px;left:0;padding:14px}.area h3{font-size:21px}.photo-composition{height:330px}.photo-composition .small{width:145px;height:160px}.about-art{height:390px}.about-art .label{font-size:16px}.footer-bottom{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
/* WordPress content layout */
.socialya-landing-page .entry-header,.socialya-landing-page .page-header{display:none!important}.socialya-landing-page .site-main,.socialya-landing-page .entry-content,.socialya-landing-page .wp-site-blocks{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}.socialya-landing-page .wp-block-html{margin:0!important}.socialya-landing-page .entry-content>:where(*){max-width:none!important;margin-block-start:0!important;margin-block-end:0!important}.socialya-landing-page .site-header,.socialya-landing-page .site-footer{display:none!important}

/* SocialYA v1.3 – contact details and practical information */
.socialya-landing-page .socialya-contact-details {margin: 24px 0; font-size: 16px; line-height: 1.8;}
.socialya-landing-page .socialya-contact-details p {margin:0 0 12px;}
.socialya-landing-page .socialya-contact-details a {color:inherit;text-decoration:underline;text-underline-offset:4px;}


/* v1.4.0 – navigation refresh: scoped to this WordPress page */
.socialya-landing-page .header{position:sticky;top:0;z-index:999;background:#faf7f1;border-bottom:1px solid rgba(83,100,71,.12)}
.socialya-landing-page .head{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px}
.socialya-landing-page .head>a{flex:0 0 auto;display:flex;align-items:center;min-width:0}
.socialya-landing-page .head .logo{display:block;width:clamp(185px,19vw,260px);height:auto;max-height:86px;object-fit:contain}
.socialya-landing-page .head .nav{display:flex;align-items:center;gap:clamp(14px,1.65vw,30px);margin-left:auto;position:static;background:none;padding:0;box-shadow:none;flex-direction:row;min-width:0}
.socialya-landing-page .head .nav a{font-family:'DM Sans',sans-serif;white-space:nowrap;line-height:1.25;font-weight:700;font-size:clamp(12px,.92vw,15px);text-decoration:none;transition:color .2s ease}
.socialya-landing-page .head .nav a:hover,.socialya-landing-page .head .nav a:focus-visible{color:#c96b49}
.socialya-landing-page .head .nav .navcta{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;min-height:50px;border-radius:99px;background:#56674d;color:#fff;font-size:14px;white-space:nowrap}
.socialya-landing-page .head .nav .navcta:hover,.socialya-landing-page .head .nav .navcta:focus-visible{background:#40503b;color:#fff}
.socialya-landing-page .head .menu{display:none;align-items:center;justify-content:center;width:47px;height:47px;min-width:47px;border:1px solid #cdd5c6;border-radius:15px;background:#fff9f3;color:#536647;cursor:pointer;padding:10px;box-shadow:none}
.socialya-landing-page .menu-lines{display:flex;flex-direction:column;justify-content:center;gap:5px;width:23px;height:23px}
.socialya-landing-page .menu-lines span{height:2px;background:currentColor;border-radius:3px;width:100%;transition:transform .2s ease,opacity .2s ease}
.socialya-landing-page .menu[aria-expanded="true"] .menu-lines span:first-child{transform:translateY(7px) rotate(45deg)}
.socialya-landing-page .menu[aria-expanded="true"] .menu-lines span:nth-child(2){opacity:0}
.socialya-landing-page .menu[aria-expanded="true"] .menu-lines span:last-child{transform:translateY(-7px) rotate(-45deg)}
.socialya-landing-page .head .menu:focus-visible,.socialya-landing-page .head .nav a:focus-visible{outline:3px solid #d17855;outline-offset:3px}
@media(max-width:1100px){
 .socialya-landing-page .head{min-height:80px;gap:14px}
 .socialya-landing-page .head .logo{width:205px;max-height:65px}
 .socialya-landing-page .head .menu{display:inline-flex;margin-left:auto}
 .socialya-landing-page .head .nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;padding:16px max(22px,calc((100vw - 720px)/2)) 25px;flex-direction:column;gap:2px;align-items:stretch;background:#faf7f1;border-bottom:1px solid #e6ded2;box-shadow:0 16px 25px rgba(45,34,24,.12);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;z-index:999}
 .socialya-landing-page .head .nav.open{display:flex}
 .socialya-landing-page .head .nav a{font-size:16px;padding:14px 12px;text-align:left;white-space:normal;border-radius:12px}
 .socialya-landing-page .head .nav a:hover,.socialya-landing-page .head .nav a:focus-visible{background:#efeee6}
 .socialya-landing-page .head .nav .navcta{margin-top:10px;font-size:15px;padding:15px 22px;align-self:stretch;text-align:center}
}
@media(max-width:480px){
 .socialya-landing-page .head{min-height:74px}
 .socialya-landing-page .head .logo{width:min(58vw,194px);max-height:59px}
 .socialya-landing-page .head .nav{max-height:calc(100dvh - 74px)}
 .socialya-landing-page .head .menu{width:43px;height:43px;min-width:43px}
}

/* v1.5.0: mobile-first hero improvements. Scoped to SocialYA draft page only. */
.socialya-landing-page .hero-grid{min-width:0}
.socialya-landing-page .hero-grid > div:first-child{min-width:0;position:relative;z-index:2}
.socialya-landing-page .hero h1{overflow-wrap:normal;word-break:normal;text-wrap:balance}
.socialya-landing-page .hero-visual{isolation:isolate}
.socialya-landing-page .hero-photo img{width:100%;height:100%;object-fit:cover}
@media(min-width:1101px){
 .socialya-landing-page .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,4vw,66px)}
 .socialya-landing-page .hero h1{font-size:clamp(45px,4.85vw,73px);line-height:1.11}
 .socialya-landing-page .hero p{font-size:clamp(16px,1.2vw,18px)}
}
@media(max-width:1100px){
 .socialya-landing-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;min-height:0;padding:70px 0}
 .socialya-landing-page .hero h1{font-size:clamp(40px,5vw,61px);line-height:1.13;letter-spacing:-.055em}
 .socialya-landing-page .hero-visual{height:420px;min-width:0}
 .socialya-landing-page .hero .stamp{width:96px;height:96px;font-size:9px;right:0;top:0}
}
@media(max-width:760px){
 .socialya-landing-page .hero-grid{display:flex;flex-direction:column;gap:28px;align-items:stretch;min-height:0;padding:46px 0 58px}
 .socialya-landing-page .hero .kicker{font-size:10px;letter-spacing:.12em;line-height:1.6;max-width:100%;gap:9px}
 .socialya-landing-page .hero .kicker:before{flex:0 0 19px;width:19px}
 .socialya-landing-page .hero h1{font-size:clamp(36px,7.1vw,52px);line-height:1.13;letter-spacing:-.057em;margin:24px 0 19px;max-width:610px}
 .socialya-landing-page .hero p{font-size:16px;line-height:1.7;max-width:590px}
 .socialya-landing-page .hero .actions{margin-top:22px;gap:15px}
 .socialya-landing-page .hero-visual{height:clamp(250px,66vw,410px);width:min(100%,540px);max-width:540px;margin:2px auto 0;flex:none}
 .socialya-landing-page .hero-oval{inset:8px 28px 10px 14px}
 .socialya-landing-page .hero-photo{inset:17px 36px 20px 24px}
 .socialya-landing-page .hero .stamp{width:84px;height:84px;font-size:9px;line-height:1.45;top:2px;right:0;transform:rotate(9deg)}
 .socialya-landing-page .hero .float{bottom:4px;left:0;font-size:12px;padding:10px 13px;max-width:70%}
}
@media(max-width:480px){
 .socialya-landing-page .hero-grid{padding:37px 0 46px;gap:20px}
 .socialya-landing-page .hero h1{font-size:clamp(34px,9vw,42px);letter-spacing:-.052em;line-height:1.16;margin:20px 0 16px}
 .socialya-landing-page .hero p{font-size:15px;line-height:1.65;margin-bottom:0}
 .socialya-landing-page .hero .actions{margin-top:22px;gap:15px}
 .socialya-landing-page .hero .btn{padding:14px 18px;gap:9px;font-size:13px}
 .socialya-landing-page .hero .ghost{font-size:13px}
 .socialya-landing-page .hero-visual{height:clamp(220px,74vw,320px);width:100%;margin-top:0}
 .socialya-landing-page .hero-oval{inset:14px 25px 10px 12px}
 .socialya-landing-page .hero-photo{inset:21px 32px 19px 22px}
 .socialya-landing-page .hero .stamp{width:72px;height:72px;top:4px;right:0;font-size:8px;letter-spacing:.035em}
 .socialya-landing-page .hero .float{bottom:5px;left:0;font-size:11px;max-width:70%;padding:9px 11px}
}
@media(max-width:350px){
 .socialya-landing-page .hero h1{font-size:32px}
 .socialya-landing-page .hero .kicker{font-size:9px}
}

/* v1.6 – Editorial about-SocialYA section */
.socialya-landing-page #over{position:relative}.socialya-landing-page #over .intro-grid{align-items:center}.socialya-landing-page #over .large-quote{font-family:Georgia,serif;font-style:italic;font-size:clamp(27px,3vw,39px);line-height:1.35;max-width:360px;color:var(--leaf)}.socialya-landing-page #over .intro-accent{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.socialya-landing-page #over .intro-accent span{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--rust);border-bottom:1px solid currentColor;padding-bottom:6px}.socialya-landing-page #over .copy p{margin:0 0 18px}.socialya-landing-page #over .intro-link{display:inline-flex;align-items:center;gap:12px;margin-top:12px;font-size:15px;color:var(--leaf);font-weight:800;text-decoration:none;border-bottom:1px solid var(--leaf);padding-bottom:7px}.socialya-landing-page #over .intro-link:hover{color:var(--terra);border-color:var(--terra)}@media(max-width:760px){.socialya-landing-page #over .intro-grid{gap:25px}.socialya-landing-page #over .intro-accent{margin-top:20px}}

/* v1.7: predictable in-page links from home and legacy permalink. */
html:has(body.socialya-landing-page){scroll-padding-top:110px}
.socialya-landing-page section[id]{scroll-margin-top:110px}
@media(max-width:1100px){html:has(body.socialya-landing-page){scroll-padding-top:86px}.socialya-landing-page section[id]{scroll-margin-top:86px}}


/* v1.8: real mobile layout fix. All selectors are scoped to SocialYA. */
html:has(body.socialya-landing-page){max-width:100%;overflow-x:clip}
body.socialya-landing-page{width:100%;max-width:100%;overflow-x:clip}
body.socialya-landing-page .site-main,body.socialya-landing-page main,
body.socialya-landing-page .entry-content,body.socialya-landing-page .wp-block-html,
body.socialya-landing-page .wp-block-html > *,body.socialya-landing-page section,
body.socialya-landing-page .wrap{min-width:0;max-width:100%}
body.socialya-landing-page img{max-width:100%}
body.socialya-landing-page .kicker,body.socialya-landing-page h1,body.socialya-landing-page h2,
body.socialya-landing-page h3,body.socialya-landing-page p{overflow-wrap:break-word}
@media(max-width:1100px){
 body.socialya-landing-page .intro-grid,body.socialya-landing-page .duo-grid,
 body.socialya-landing-page .about-grid,body.socialya-landing-page .contact-grid,
 body.socialya-landing-page .areas-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}
 body.socialya-landing-page .steps{gap:22px}
 body.socialya-landing-page .wrap{width:calc(100% - 40px)}
}
@media(max-width:760px){
 body.socialya-landing-page .wrap{width:calc(100% - 36px)!important;margin-inline:auto!important}
 body.socialya-landing-page .intro-grid,body.socialya-landing-page .duo-grid,
 body.socialya-landing-page .about-grid,body.socialya-landing-page .contact-grid,
 body.socialya-landing-page .areas-head,body.socialya-landing-page .steps,
 body.socialya-landing-page .footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
 body.socialya-landing-page .hero-grid{display:flex!important;flex-direction:column!important;width:calc(100% - 36px)!important}
 body.socialya-landing-page .intro-grid>*,body.socialya-landing-page .duo-grid>*,
 body.socialya-landing-page .about-grid>*,body.socialya-landing-page .contact-grid>*,
 body.socialya-landing-page .areas-head>*,body.socialya-landing-page .steps>*{min-width:0!important;width:100%;max-width:100%}
 body.socialya-landing-page .section,body.socialya-landing-page .areas,
 body.socialya-landing-page .about{padding-block:58px!important}
 body.socialya-landing-page .duo,body.socialya-landing-page .approach,
 body.socialya-landing-page .contact{padding-block:62px!important}
 body.socialya-landing-page .intro h2,body.socialya-landing-page .method h2,
 body.socialya-landing-page .about h2,body.socialya-landing-page .areas h2,
 body.socialya-landing-page .approach h2,body.socialya-landing-page .contact h2{
 font-size:clamp(30px,8vw,40px)!important;line-height:1.16!important;letter-spacing:-.045em}
 body.socialya-landing-page .intro .copy,body.socialya-landing-page .method p,
 body.socialya-landing-page .about p,body.socialya-landing-page .approach p,
 body.socialya-landing-page .contact p,body.socialya-landing-page .areas-head>p{
 font-size:16px!important;line-height:1.75!important}
 body.socialya-landing-page .photo-composition{height:340px!important;width:100%!important}
 body.socialya-landing-page .photo-composition .large{right:50px}
 body.socialya-landing-page .photo-composition .small{width:125px;height:135px;right:0;bottom:0}
 body.socialya-landing-page .about-art{height:360px!important;width:100%!important}
 body.socialya-landing-page .about-art .label{right:0;max-width:75%;font-size:16px;padding:15px 19px}
 body.socialya-landing-page .steps:before{display:none!important}
 body.socialya-landing-page .step .num{margin-bottom:14px}
 body.socialya-landing-page .step h3{font-size:24px;line-height:1.24}
 body.socialya-landing-page .step p{font-size:16px;line-height:1.7}
 body.socialya-landing-page .area{grid-template-columns:34px minmax(0,1fr)!important;gap:8px 12px!important;align-items:start}
 body.socialya-landing-page .area h3{font-size:20px!important}
 body.socialya-landing-page .area p{grid-column:2!important;font-size:15px!important;line-height:1.65}
 body.socialya-landing-page .break{height:auto!important;min-height:355px!important;overflow:hidden}
 body.socialya-landing-page .break>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
 body.socialya-landing-page .break-copy{position:relative!important;top:auto!important;left:auto!important;transform:none!important;max-width:100%!important;padding:65px 20px!important}
 body.socialya-landing-page .break h2{font-size:clamp(29px,7.5vw,39px)!important}
 body.socialya-landing-page .contact .note{max-width:100%!important;text-align:left!important;font-size:27px!important;overflow-wrap:break-word}
 body.socialya-landing-page .hero .actions{flex-wrap:wrap}
 body.socialya-landing-page .hero .stamp{right:2px!important}
 body.socialya-landing-page .footer-grid>div:first-child{grid-column:auto!important}
}
@media(max-width:400px){
 body.socialya-landing-page .wrap{width:calc(100% - 28px)!important}
 body.socialya-landing-page .hero-grid{width:calc(100% - 28px)!important}
 body.socialya-landing-page .hero h1{font-size:clamp(31px,8vw,37px)!important}
 body.socialya-landing-page .head .logo{width:min(58vw,190px)!important}
}


/* v1.9.0: typographic refinements for service, target groups and contact. */
.socialya-landing-page .method-foundations{display:flex;flex-wrap:wrap;gap:8px 18px;margin:24px 0 12px;padding:16px 0;border-top:1px solid #c6cebe;border-bottom:1px solid #c6cebe}
.socialya-landing-page .method-foundations span{font-size:13px;color:var(--leaf);font-weight:700}
.socialya-landing-page .method-foundations span:not(:last-child):after{content:"·";display:inline-block;padding-left:18px;color:var(--terra)}
.socialya-landing-page .method-more,.socialya-landing-page .audience-link{display:inline-flex;align-items:center;gap:9px;margin-top:17px;color:var(--leaf);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.socialya-landing-page .method-more:focus-visible,.socialya-landing-page .audience-link:focus-visible,.socialya-landing-page .contact a:focus-visible{outline:2px solid var(--terra);outline-offset:5px}
.socialya-landing-page .areas-principles{display:flex;align-items:baseline;gap:32px;border-block:1px solid var(--line);padding:18px 0;margin-bottom:32px}
.socialya-landing-page .areas-principles strong{color:var(--rust);font-size:12px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.socialya-landing-page .areas-principles span{font-size:14px;color:var(--muted);line-height:1.7}
.socialya-landing-page .audience-organisations{margin-top:38px;max-width:820px;border-top:1px solid var(--line);padding-top:27px}
.socialya-landing-page .audience-organisations .kicker{margin-bottom:12px}
.socialya-landing-page .audience-organisations p{font-size:16px;color:var(--muted);line-height:1.8}
.socialya-landing-page .socialya-contact-details strong{color:#fff}
.socialya-landing-page .socialya-contact-details a.contact-address{display:inline-block;line-height:1.7}
.socialya-landing-page .footer .footer-grid>div:first-child p:nth-last-child(1){margin-top:14px;font-size:12px;opacity:.78}
@media(max-width:760px){
 .socialya-landing-page .method-foundations{gap:9px 14px;margin-top:20px}
 .socialya-landing-page .method-foundations span{font-size:12px}
 .socialya-landing-page .method-foundations span:not(:last-child):after{padding-left:14px}
 .socialya-landing-page .areas-principles{display:block;padding:16px 0;margin-bottom:24px}
 .socialya-landing-page .areas-principles strong{display:block;margin-bottom:9px}
 .socialya-landing-page .areas-principles span{display:block;font-size:13px}
 .socialya-landing-page .audience-organisations{margin-top:31px}
 .socialya-landing-page .audience-grid{gap:9px}
 .socialya-landing-page .audience-grid span{font-size:13px;padding:11px 16px}
 .socialya-landing-page .contact .socialya-contact-details p{font-size:16px}
}
@media(max-width:430px){
 .socialya-landing-page .method-foundations span:not(:last-child):after{display:none}
 .socialya-landing-page .method-foundations{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
}

/* v2.0.0 – Contact via bestaande Mijndomein-mailbox; geen wijzigingen aan de mailhosting. */
body.socialya-landing-page .socialya-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:26px}
body.socialya-landing-page .socialya-contact-actions .contact-call{color:#fff;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:5px}
body.socialya-landing-page .socialya-contact-details a[href^="mailto:"]{overflow-wrap:anywhere}
body.socialya-landing-page .socialya-contact-actions a:focus-visible{outline:2px solid #f5e9d8;outline-offset:4px}
@media(max-width:430px){body.socialya-landing-page .socialya-contact-actions{align-items:flex-start;flex-direction:column;gap:18px}}

/* v2.1.0: approved service text and no decorative arrows. */
.socialya-landing-page .method h2{margin-bottom:24px}
.socialya-landing-page .method p + p{margin-top:14px}
.socialya-landing-page .approach-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,6vw,90px);margin-top:70px;padding-top:38px;border-top:1px solid #d6c8b9}
.socialya-landing-page .approach-extra-item{min-width:0}
.socialya-landing-page .approach-extra h3{font-size:clamp(23px,2.6vw,34px);line-height:1.23;margin:18px 0 17px}
.socialya-landing-page .approach-extra p{font-size:16px;color:var(--muted);line-height:1.85;margin-bottom:13px}
.socialya-landing-page .quote .quote-kicker{display:block;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin:0 auto 24px;color:#fff4ed}
.socialya-landing-page .quote .quote-detail{font-family:'DM Sans',sans-serif;font-size:clamp(15px,1.5vw,18px);font-weight:400;line-height:1.85;letter-spacing:normal;max-width:800px;margin:26px auto 0}
.socialya-landing-page .audience-organisations p + p{margin-top:10px}
@media(max-width:760px){
 .socialya-landing-page .approach-extra{grid-template-columns:minmax(0,1fr);gap:35px;margin-top:47px;padding-top:28px}
 .socialya-landing-page .approach-extra h3{font-size:25px}
 .socialya-landing-page .quote{padding:60px 20px}
 .socialya-landing-page .quote .quote-detail{font-size:15px;line-height:1.75}
 .socialya-landing-page .method p{font-size:16px;line-height:1.75}
}

/* SocialYA diensten: luchtige redactionele opmaak, geen losse kaarten */
.socialya-services{padding:80px 0;background:#faf6ef}
.socialya-services h2{max-width:760px}
.socialya-services> .wrap>p{max-width:720px;line-height:1.8}
.socialya-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:38px}
.socialya-services-grid article{border-top:2px solid #c96b49;padding-top:20px;min-width:0}
.socialya-services-grid h3{font-size:clamp(22px,2vw,29px);margin:0 0 12px}
.socialya-services-grid p{line-height:1.8}
@media(max-width:850px){.socialya-services-grid{grid-template-columns:1fr;gap:22px}.socialya-services{padding:55px 0}}