
/* V68 entrance and individual OT interest pages — scoped, no changes to V67 styles */
:root{--v68-ink:#345a5d;--v68-muted:#637677;--v68-cream:#fcf9f4;--v68-pink:#f7e6e8;--v68-sage:#e4f0e9;--v68-border:#e7e6de}
*{box-sizing:border-box}
body.gateway{margin:0;background:var(--v68-cream);font-family:'Nunito',Arial,sans-serif;color:var(--v68-ink);min-height:100vh}
.gateway a{color:inherit}.gateway .sitehead{max-width:1190px;margin:auto;padding:25px 28px 6px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.gateway .wordmark{display:block;text-decoration:none;font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-.05em;color:#476e70}
.gateway .wordmark .little{display:block;font-family:'Nunito',Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:0;color:#c28091}
.gateway .wordmark .ot{color:#c68f58}
.gateway .sitehead .subnav{font-size:13px;text-decoration:none;font-weight:750;color:#607d78}
.gateway .landing{max-width:1190px;padding:30px 28px 55px;margin:0 auto}
.gateway .eyebrow{font-size:12px;letter-spacing:.15em;font-weight:900;text-transform:uppercase;color:#9c7c85;margin:0 0 14px}
.gateway h1,.gateway h2{font-family:'Fraunces',Georgia,serif;letter-spacing:-.035em}
.gateway .intro{text-align:center;max-width:810px;margin:25px auto 39px}
.gateway h1{font-size:clamp(39px,5vw,61px);line-height:1.13;margin:0 0 16px;color:#365f62;font-weight:650}
.gateway h1 em{font-weight:650;font-style:normal;color:#b98394}
.gateway .intro p:last-child{font-size:17px;line-height:1.7;color:#687a77;margin:0 auto;max-width:700px}
.gateway .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gateway .path{overflow:hidden;border:1px solid var(--v68-border);border-radius:27px;background:white;box-shadow:0 14px 38px rgba(55,84,75,.06);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.gateway .path:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(55,84,75,.1)}
.gateway .visual{height:228px;overflow:hidden;background:#e7ede4;position:relative}
.gateway .visual img{width:100%;height:100%;object-fit:cover;display:block}
.gateway .path.family .visual{background:#f0e5e7}
.gateway .visual .chip{position:absolute;left:18px;top:18px;border-radius:30px;padding:9px 13px;background:#fffdf5ed;color:#54756b;font-weight:900;font-size:11px;letter-spacing:.055em}
.gateway .pathmain{padding:25px 29px 31px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.gateway .pathlabel{font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#ab8390;margin:0 0 9px}
.gateway h2{font-size:clamp(26px,3vw,35px);line-height:1.17;margin:0 0 12px;color:#315c61}
.gateway .pathmain>p:not(.pathlabel){font-size:15px;line-height:1.65;color:#617573;margin:0 0 23px}
.gateway .pathbtn{display:inline-flex;align-items:center;justify-content:center;background:#467f80;color:#fff!important;border-radius:999px;padding:13px 23px;font-size:13px;font-weight:900;text-decoration:none;letter-spacing:.03em;margin-top:auto;min-height:45px}
.gateway .family .pathbtn{background:#b47b8e}
.gateway .fine{font-size:13px;text-align:center;margin:26px 0 0;color:#7e8982;line-height:1.55}
.gateway footer{border-top:1px solid #ece9e2;text-align:center;padding:22px 18px 30px;font-size:12px;color:#74817d}
.gateway footer a{text-decoration:underline;text-underline-offset:3px}
.gateway .therapy-layout{max-width:830px;margin:0 auto;padding:40px 28px 75px}
.gateway .therapy-layout .back{display:inline-block;font-size:14px;text-decoration:none;color:#61817c;font-weight:800;margin-bottom:30px}
.gateway .therapy-layout h1{font-size:clamp(35px,4.5vw,54px)}
.gateway .therapy-layout .lead{font-size:18px;line-height:1.65;color:#657b77}
.gateway .message{border-radius:20px;padding:22px;background:var(--v68-sage);margin:26px 0;font-size:16px;line-height:1.65}
.gateway .service-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 35px}
.gateway .service-tags span{font-size:13px;background:#fff;border:1px solid #dae9e1;padding:9px 12px;border-radius:30px;color:#58756c}
.gateway .interest{background:#fff;border:1px solid #e5ebe6;border-radius:25px;padding:30px;box-shadow:0 8px 25px #456e5810}
.gateway .interest h2{font-size:30px;margin:0 0 8px}.gateway .interest p{color:#667774;line-height:1.6}
.gateway .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:23px 0}
.gateway .formgrid label{font-size:13px;font-weight:850;display:flex;flex-direction:column;gap:7px;color:#426565}
.gateway .formgrid input,.gateway .formgrid select{font:inherit;width:100%;border:1px solid #cddbd5;background:#fdfdfb;border-radius:10px;padding:13px;color:#395e5d}
.gateway .formgrid input:focus,.gateway .formgrid select:focus{outline:3px solid #a8d7c888}
.gateway .full{grid-column:1/-1}
.gateway .consent{display:flex;gap:10px;align-items:start;color:#546f6b;font-size:13px;line-height:1.5;margin:7px 0 21px}
.gateway .consent input{margin-top:4px}
.gateway .send{font:inherit;background:#b47b8e;border:0;border-radius:999px;padding:13px 25px;color:white;font-weight:900;cursor:pointer}
.gateway .formdisclaimer{font-size:12px!important;margin:15px 0 0;color:#6f807d!important}
.gateway .fallback{font-size:13px;margin-top:22px}.gateway .fallback a{color:#467f80;font-weight:900}
@media(max-width:700px){.gateway .sitehead{padding:20px 20px 0}.gateway .landing{padding:22px 17px 40px}.gateway .intro{margin:25px auto 28px}.gateway .intro p:last-child{font-size:15px}.gateway .choices{grid-template-columns:1fr;gap:17px}.gateway .visual{height:185px}.gateway .pathmain{padding:21px 22px 25px}.gateway .therapy-layout{padding:32px 18px 55px}.gateway .interest{padding:22px 18px}.gateway .formgrid{grid-template-columns:1fr}.gateway .full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.gateway .path{transition:none}}

/* V69: unified logo matching the incursion website */
.gateway .sitehead .logo{display:inline-flex;flex-direction:column;min-width:190px;text-decoration:none;font-family:'Fredoka','Trebuchet MS',sans-serif;font-size:37px;letter-spacing:-2px;line-height:.77;font-weight:700;color:#123c48}
.gateway .sitehead .logo small{font-size:19px;margin-left:27px;letter-spacing:0;color:#65939a}
.gateway .sitehead .logo i{font-style:normal}
.gateway .sitehead .logo i:nth-child(7n+1){color:#ed9ca9}
.gateway .sitehead .logo i:nth-child(7n+2){color:#b0c9b8}
.gateway .sitehead .logo i:nth-child(7n+3){color:#85ad9d}
.gateway .sitehead .logo i:nth-child(7n+4){color:#e1a721}
.gateway .sitehead .logo i:nth-child(7n+5){color:#e48a9c}
.gateway .sitehead .logo i:nth-child(7n+6){color:#376b77}
.gateway .sitehead .logo i:nth-child(7n){color:#6c9a9f}
.gateway .sitehead .logo .logo-gap{display:inline-block;width:.21em}
.gateway .sitehead .logo .ot-first{color:#4f858b!important}
/* Full 4:3 image is now shown, not cropped into a short strip. */
.gateway .visual{height:auto;aspect-ratio:4/3}
.gateway .visual img{height:100%;object-fit:contain}
@media(max-width:700px){.gateway .visual{height:auto;aspect-ratio:4/3}.gateway .sitehead .logo{font-size:29px;min-width:130px}.gateway .sitehead .logo small{font-size:15px}}

/* Individual OT secure enquiry states */
.gateway .ot-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.gateway .ot-turnstile{min-height:65px;margin:8px 0 17px}
.gateway .send:disabled{opacity:.55;cursor:not-allowed}
.gateway .ot-success{color:#226b50!important;font-weight:800}
.gateway .ot-error{color:#a3334b!important;font-weight:700}

/* Individual OT hero and parent-friendly support areas */
.gateway .therapy-layout{max-width:1100px}
.gateway .ot-hero{display:grid;grid-template-columns:1.06fr .94fr;gap:35px;align-items:center;margin:4px 0 25px}
.gateway .ot-hero-copy{min-width:0}
.gateway .ot-hero .lead{font-size:17px}
.gateway .ot-hero-image{border-radius:25px;overflow:hidden;background:#f5e9e8;box-shadow:0 14px 38px rgba(55,84,75,.08);aspect-ratio:4/3}
.gateway .ot-hero-image img{display:block;width:100%;height:100%;object-fit:cover}
.gateway .ot-hero-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:13px 21px;border-radius:100px;background:#b47b8e;color:#fff!important;text-decoration:none;font-size:14px;font-weight:900}
.gateway .support-section{margin:42px 0 44px}
.gateway .support-section h2{margin-bottom:9px}
.gateway .support-intro{max-width:760px;line-height:1.65;color:#657b77;font-size:16px;margin:0 0 22px}
.gateway .support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gateway .support-card{border:1px solid #e2e8e0;border-radius:18px;background:#fff;padding:19px 20px;box-shadow:0 5px 18px rgba(55,84,75,.025)}
.gateway .support-card:nth-child(4n+2){background:#f9f0f1}
.gateway .support-card:nth-child(4n+3){background:#eff6f1}
.gateway .support-card h3{font-size:16px;color:#365e60;font-weight:900;margin:0 0 7px}
.gateway .support-card p{margin:0;font-size:14px;line-height:1.6;color:#637774}
.gateway .interest{max-width:830px;margin:0 auto}
@media(max-width:760px){.gateway .ot-hero{grid-template-columns:1fr;gap:23px}.gateway .ot-hero-image{max-height:420px}.gateway .support-grid{grid-template-columns:1fr}.gateway .support-section{margin-top:35px}.gateway .therapy-layout{padding-left:18px;padding-right:18px}}


/* Individual OT: family-centred process and therapist introduction */
.gateway .ot-approach{margin:46px 0 42px}
.gateway .ot-section-intro{max-width:850px}
.gateway .ot-section-intro h2{margin:0 0 12px}
.gateway .ot-section-intro>p:last-child{color:#657b77;font-size:16px;line-height:1.72;margin:0 0 23px}
.gateway .ot-approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.gateway .ot-approach-step{background:#fff;border:1px solid #e2e8e0;border-radius:21px;padding:24px 21px}
.gateway .ot-approach-step:nth-child(2){background:#fbf0f1}
.gateway .ot-approach-step:nth-child(3){background:#eff6f1}
.gateway .ot-step-number{font-family:'Fraunces',Georgia,serif;font-size:22px;color:#b47b8e;font-weight:700}
.gateway .ot-approach-step h3{font-size:17px;line-height:1.3;margin:12px 0 8px;color:#365e60}
.gateway .ot-approach-step p{font-size:14px;line-height:1.65;margin:0;color:#637774}
.gateway .ot-approach-note{font-size:13px;line-height:1.65;color:#6a7e77;margin:17px 0 0}
.gateway .ot-meet{background:#f4efeb;border:1px solid #eee3df;border-radius:25px;padding:34px 38px;margin:35px 0 45px}
.gateway .ot-meet-copy{max-width:850px}
.gateway .ot-meet h2{margin:0 0 16px}
.gateway .ot-meet p:not(.eyebrow){font-size:16px;line-height:1.75;color:#5c7270;margin:0 0 14px}
.gateway .ot-meet-link{font-size:14px;font-weight:900;color:#446e70!important;text-underline-offset:4px;display:inline-block;margin-top:5px}
@media(max-width:760px){.gateway .ot-approach-grid{grid-template-columns:1fr}.gateway .ot-meet{padding:25px 22px}.gateway .ot-approach{margin-top:36px}}

/* Meet Julia – photograph and accessible expandable biography */
.gateway .ot-meet{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.35fr);gap:clamp(22px,3vw,44px);align-items:start;padding:clamp(22px,3vw,38px)}
.gateway .ot-meet-portrait{overflow:hidden;border-radius:19px;aspect-ratio:4/5;background:#e6d6d5}
.gateway .ot-meet-portrait img{width:100%;height:100%;object-fit:cover;object-position:38% center;display:block}
.gateway .ot-meet-copy{min-width:0}
.gateway .ot-meet-more{margin:5px 0 14px}
.gateway .ot-meet-more summary{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:1px solid #ba8999;border-radius:100px;color:#704f63;background:#fff9f8;padding:11px 17px;font-weight:800;font-size:14px;list-style:none;transition:background .15s ease}
.gateway .ot-meet-more summary::-webkit-details-marker{display:none}
.gateway .ot-meet-more summary:hover{background:#f7e6e9}
.gateway .ot-meet-more summary:focus-visible{outline:3px solid #537e82;outline-offset:3px}
.gateway .ot-meet-chevron{display:inline-block;width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .15s ease}
.gateway .ot-meet-more[open] .ot-meet-chevron{transform:rotate(225deg);margin-top:4px}
.gateway .ot-meet-expanded{margin-top:20px}
@media(max-width:760px){.gateway .ot-meet{grid-template-columns:1fr;gap:22px}.gateway .ot-meet-portrait{width:100%;max-width:420px;aspect-ratio:5/4;margin:0 auto}.gateway .ot-meet-portrait img{object-position:center 35%}}
@media(prefers-reduced-motion:reduce){.gateway .ot-meet-chevron,.gateway .ot-meet-more summary{transition:none}}

.gateway .ot-meet-label-open{display:none}
.gateway .ot-meet-more[open] .ot-meet-label-closed{display:none}
.gateway .ot-meet-more[open] .ot-meet-label-open{display:inline}

/* Integrated individual OT photography — selected service imagery */
.gateway .path.family .visual img{width:100%;height:100%;object-fit:cover}
.gateway .ot-hero-image img{object-position:center center}
.gateway .ot-photo-feature{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:clamp(22px,4vw,48px);margin:34px 0 12px;padding:clamp(18px,3vw,29px);border:1px solid #e8e6e1;border-radius:25px;background:#f7f1ef}
.gateway .ot-photo-feature-media{border-radius:18px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 7px 24px rgba(55,84,75,.06)}
.gateway .ot-photo-feature-media img{display:block;width:100%;height:100%;object-fit:cover}
.gateway .ot-photo-feature-copy h3{font-family:'Fraunces',Georgia,serif;font-size:clamp(23px,2.7vw,32px);line-height:1.2;letter-spacing:-.035em;color:#315c61;margin:0 0 13px}
.gateway .ot-photo-feature-copy h2{margin:0 0 13px}
.gateway .ot-photo-feature-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#617573;margin:0;max-width:54ch}
.gateway .ot-photo-feature-fine{background:#f7f1ef}
.gateway .ot-photo-feature-selfcare{grid-template-columns:.91fr 1.09fr;background:#edf5ef;margin:20px 0 46px}
.gateway .ot-approach-intro-media{display:grid;grid-template-columns:1fr .82fr;gap:clamp(22px,3.2vw,38px);align-items:center;margin-bottom:22px}
.gateway .ot-approach-intro-media .ot-section-intro>p:last-child{margin-bottom:0}
.gateway .ot-approach-figure{margin:0;border-radius:23px;overflow:hidden;aspect-ratio:4/3;background:#e5edf0}
.gateway .ot-approach-figure img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){
 .gateway .ot-photo-feature,.gateway .ot-photo-feature-selfcare,.gateway .ot-approach-intro-media{grid-template-columns:1fr;gap:19px}
 .gateway .ot-photo-feature{padding:17px;margin:25px 0 12px}
 .gateway .ot-photo-feature-selfcare{margin:22px 0 35px}
 .gateway .ot-photo-feature-selfcare .ot-photo-feature-media{order:-1}
 .gateway .ot-approach-intro-media{margin-bottom:24px}
 .gateway .ot-photo-feature-media,.gateway .ot-approach-figure{aspect-ratio:4/3}
}

/* V-next: edge-to-edge photographic crop; sharp source without blurred sidebars */
.gateway .path.family .visual img{width:100%;height:100%;object-fit:cover;object-position:center 34%;display:block}
/* Introduce therapist early, directly after availability notice */
.gateway .message + .ot-meet{margin-top:28px;margin-bottom:44px}

/* Mobile individual OT service details and family contact option */
.gateway .ot-mobile-locations{margin:18px 0 3px;color:#52736a;font-size:14px;line-height:1.65;letter-spacing:.01em}
.gateway .ot-mobile-locations strong{font-weight:800}
.gateway .ot-family-chat{display:flex;align-items:flex-start;gap:15px;margin-top:27px;padding:22px 24px;border-radius:21px;background:#f1ebf9;border:1px solid #e7dcf3;color:#574b67}
.gateway .ot-family-chat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;background:#fff;color:#896cab;font-size:24px;line-height:1}
.gateway .ot-family-chat h3{font-size:20px;line-height:1.3;margin:0 0 7px;color:#554465;font-family:Fraunces,Georgia,serif}
.gateway .ot-family-chat p{font-size:14px;line-height:1.7;margin:0;color:#5f536b}
.gateway .ot-family-chat a{color:#71548f;text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.gateway .ot-family-chat{padding:19px 17px;gap:11px}.gateway .ot-family-chat h3{font-size:18px}}
