/* Pictures keep their full composition on phones. Text sits below the image. */
.header{align-items:center}.header-links{display:flex;align-items:center;gap:14px}.company-link{font-size:11px;color:var(--green);text-decoration:underline;text-underline-offset:4px}.main{align-items:flex-start;padding-top:20px}.experience{max-width:1080px;gap:55px;align-items:start}.story h1{font-size:37px;line-height:1.6;letter-spacing:.015em;margin:13px 0}.story h1 em{background:none}.story>p{font-size:13px;line-height:2}.story-photo{height:auto;overflow:visible;border-radius:0;margin-top:22px}.photo-window{height:auto;aspect-ratio:3/2;position:relative;overflow:hidden;border-radius:14px;background:#f0f1e9;isolation:isolate}.photo-window .gallery-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center!important;opacity:0;transition:opacity .7s ease;z-index:0}.photo-window .gallery-image.active{opacity:1;z-index:1}.photo-window .image-note{z-index:2;position:absolute;bottom:5px;right:6px;left:auto;color:white;background:#263c3670;padding:1px 5px;font-size:8px;border-radius:3px}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;min-height:26px}.gallery-caption{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.gallery-controls{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:9px;color:var(--muted)}.gallery-controls button{border:1px solid #dbe3d5;border-radius:4px;background:#fff;color:var(--green);padding:2px 7px;min-height:26px;font-size:12px}.gallery-controls [data-gallery-play]{font-size:9px;min-width:38px}.story-photo .mobile-story-copy{display:none}.story-photo span{position:static;background:none;padding:0;border-radius:0;font-size:inherit}.advisor{margin-top:18px}.advisor p{font-size:11px}.advisor strong{font-size:12px}.operator-proof{border-top:1px solid #d8dfd0;margin-top:24px;padding-top:17px;display:flex;gap:24px;align-items:center}.operator-proof strong{font-size:25px;line-height:1.2;color:var(--green);font-family:Georgia,serif}.operator-proof small{display:block;font-size:10px;color:var(--muted);line-height:1.8}.operator-proof p{font-size:11px;line-height:1.8;margin:0}.operator-proof a{color:var(--green)}.question-panel{padding:25px 27px 18px;min-height:620px}.question-panel .screen h2{font-size:23px;line-height:1.65}.question-help{font-size:12px}.option-label{font-size:13px}.option{min-height:61px}.primary-button{font-size:15px;padding:16px 10px}.intro-title{font-size:27px!important;line-height:1.6!important}.intro-lead{font-size:13px;margin:13px 0}.intro-note{font-size:12px;margin:13px 0 19px}.intro-chips{margin:12px 0}.mobile-story{display:block!important;height:auto!important;background:transparent;overflow:visible;isolation:auto;border-radius:0;margin:0 0 17px}.mobile-story:after{display:none!important}.mobile-story .mobile-story-copy{display:none!important}.trust-strip{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 18px;padding:8px 11px;background:#f3f5ee;border-radius:6px}.trust-strip strong{color:var(--green)}.trust-strip a{color:var(--green);white-space:nowrap;text-underline-offset:3px}.question-panel[data-view="question"] .trust-strip,.question-panel[data-view="result"] .trust-strip,.question-panel[data-view="receive"] .trust-strip{display:none}.question-panel[data-view="question"] .gallery-bottom{display:none}.question-panel[data-view="result"] .gallery-bottom,.question-panel[data-view="receive"] .gallery-bottom{display:none}.question-panel[data-view="question"] .mobile-story,.question-panel[data-view="result"] .mobile-story,.question-panel[data-view="receive"] .mobile-story{margin-bottom:18px}.question-panel[data-view="intro"] .mobile-story{display:none!important}.footer{gap:15px;flex-wrap:wrap}.footer a{color:var(--green);text-underline-offset:3px}.footer-meta{font-size:9px;line-height:1.9}.screen .type-strength,.screen .consult-copy{font-size:13px;line-height:1.9}.screen .insight{font-size:12px}.question-panel .panel-bottom>span{font-size:9px}.screen .micro-note{font-size:10px}.operator-mini{font-size:10px;color:var(--muted)}
@media(min-width:800px){.mobile-story{display:none!important}.question-panel[data-view="question"] .photo-window{height:160px}.question-panel[data-view="question"] .question-help{margin-bottom:18px}.story h1{font-size:34px}.story-photo .photo-window{aspect-ratio:3/2}.question-panel[data-view="intro"]{min-height:590px}}
@media(max-width:799px){.header{padding:14px 18px 11px}.brand{font-size:19px}.header-links{gap:8px}.company-link{font-size:10px}.preview-badge{font-size:9px;padding:3px 6px}.main{padding:4px 14px 15px;display:block}.experience{max-width:470px;margin:auto}.question-panel{padding:18px 18px 13px;min-height:0;border-radius:16px}.question-panel[data-view="intro"] .mobile-story{display:block!important}.photo-window{aspect-ratio:auto;height:clamp(150px,24svh,220px);border-radius:10px}.question-panel[data-view="question"] .photo-window{height:clamp(136px,22svh,195px)}.question-panel[data-view="result"] .photo-window,.question-panel[data-view="receive"] .photo-window{height:135px}.mobile-story{margin-bottom:13px!important}.gallery-bottom{margin-top:5px;gap:5px}.gallery-caption{font-size:9px}.gallery-controls{font-size:9px;gap:4px}.gallery-controls button{min-height:30px;min-width:28px;padding:1px 5px}.question-panel .screen h2{font-size:21px;line-height:1.6}.question-help{font-size:11px;position:static;clip-path:none;height:auto;width:auto;white-space:normal;line-height:1.8;margin-bottom:15px}.option{min-height:54px;padding:10px 11px}.option-label{font-size:12px;line-height:1.65}.options{gap:9px}.intro-title{font-size:25px!important;line-height:1.55!important}.intro-lead{font-size:12px;line-height:1.9;margin:10px 0}.intro-note{font-size:12px;margin:10px 0 16px}.intro-chips{margin:10px 0}.intro-chips span{font-size:10px}.primary-button{font-size:14px;padding:15px 10px}.trust-strip{font-size:10px;padding:7px 9px;margin-bottom:14px}.footer{padding:5px 18px 18px;justify-content:flex-start;gap:5px 16px}.footer-meta{width:100%;font-size:9px}.screen .type-strength,.screen .consult-copy{font-size:12px}.screen .insight{font-size:11px}.type-heading h2{font-size:19px!important}.receive-list{font-size:12px;line-height:1.9}.consents{font-size:11px}.consents label{margin:12px 0}.consents input{width:18px;height:18px}.setup-note{font-size:10px}.line-button{font-size:14px;padding:15px 10px}.screen .receive-heading{font-size:23px!important}.panel-bottom{margin-top:14px}.question-panel .panel-bottom>span{font-size:9px}.story{display:none}.screen .micro-note{font-size:10px}}
@media(max-width:360px){.header{padding-left:14px;padding-right:14px}.brand{font-size:17px}.company-link{font-size:9px}.question-panel{padding-left:15px;padding-right:15px}.intro-title{font-size:23px!important}.option-label{font-size:11px}.gallery-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.gallery-image{transition:none!important}}

/* Annotation revisions: concise copy and photo-integrated advisor information. */
.header{justify-content:flex-start;gap:24px}.header-links{flex:1;justify-content:flex-start}.header-links .preview-badge{margin-left:auto}.headline-opening{white-space:nowrap;font-size:clamp(20px,2.5vw,30px);letter-spacing:0}.operator-proof{display:block;text-align:left}.operator-proof p{margin:0}.intro-chips{display:flex;flex-wrap:wrap;gap:6px}.gallery-bottom{justify-content:flex-end}.gallery-bottom:empty{display:none}.photo-advisor{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:24px 16px 16px;background:linear-gradient(transparent,rgba(249,250,242,.96) 24%);color:#23483b;text-align:left}.photo-advisor strong{display:block;font-size:16px;line-height:1.6}.photo-advisor p{margin:4px 0 0;font-size:12px;line-height:1.7}.photo-window .image-note{font-size:7px;bottom:2px;right:4px}.question-panel[data-view="intro"] #bottom-note{display:none}
@media(max-width:799px){.header{gap:12px;flex-wrap:wrap}.header-links{gap:8px;min-width:100px}.photo-advisor{padding:18px 10px 12px}.photo-advisor strong{font-size:12px}.photo-advisor p{font-size:10px;line-height:1.5;margin-top:2px}.question-panel[data-view="intro"] .photo-window{height:auto;aspect-ratio:3/2;min-height:190px}.header .brand{flex-shrink:0}}
/* Match the square consultation source to the landscape gallery frame. */
.photo-window .gallery-image[src="consultation.png"]{object-fit:cover!important;object-position:center top!important}
/* Keep all four slideshow images at the same visible size. */
.photo-window .gallery-image{object-fit:cover!important;object-position:center center!important}
.photo-window .gallery-image[src="consultation.png"]{object-position:center top!important}

.photo-visual{position:absolute;inset:0}

.headline-opening{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:clamp(20px,2.3vw,28px)}
.mobile-opening{display:none}.photo-advisor p{white-space:pre-line;overflow:visible;max-height:none}
@media(min-width:800px){.experience{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}.story{min-width:0}}

/* Give the remaining introduction a clear heading-to-action rhythm. */
.question-panel[data-view="intro"] .screen{display:flex;flex-direction:column;justify-content:center;padding-top:12px}
.question-panel[data-view="intro"] .intro-title{font-size:28px!important;line-height:1.6!important;margin-bottom:16px}
.question-panel[data-view="intro"] .intro-title em{font-style:normal;color:var(--green)}
.question-panel[data-view="intro"] .intro-lead{font-size:15px;line-height:1.9;margin:0 0 18px}
.question-panel[data-view="intro"] .intro-chips{gap:8px;margin:0 0 20px}
.question-panel[data-view="intro"] .intro-chips span{font-size:12px;padding:6px 9px}
.question-panel[data-view="intro"] .intro-note{font-size:13px;line-height:1.85;margin:0 0 22px}
.question-panel[data-view="intro"] .primary-button{font-size:17px;min-height:54px}
.question-panel[data-view="intro"] .micro-note{line-height:1.8;margin-top:12px}
@media(max-width:799px){.question-panel[data-view="intro"] .screen{padding-top:6px}.question-panel[data-view="intro"] .intro-title{font-size:24px!important}.question-panel[data-view="intro"] .intro-chips{margin-bottom:24px}.question-panel[data-view="intro"] .primary-button{font-size:16px}}

/* Soft green marker, synchronized with each new gallery message. */
.question-panel[data-view="intro"] .intro-title em{padding:0 .05em;background-image:linear-gradient(to bottom,transparent 59%,rgba(127,177,103,.07) 65%,rgba(127,177,103,.35) 77%,rgba(127,177,103,.32) 87%,rgba(127,177,103,.08) 96%,transparent 100%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.photo-advisor strong{position:relative;display:inline-block;isolation:isolate}
.photo-advisor strong::after{content:"";position:absolute;left:0;right:0;bottom:.07em;height:.5em;background:rgba(133,184,109,.48);filter:blur(2px);border-radius:50% 25% 40% 20%;z-index:-1;transform-origin:left center;pointer-events:none}
.photo-advisor.message-enter{animation:messageSlideIn .6s cubic-bezier(.2,.7,.2,1) both}
.photo-advisor.message-enter strong::after{animation:markerReveal .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes messageSlideIn{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}
@keyframes markerReveal{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.photo-advisor.message-enter,.photo-advisor.message-enter strong::after{animation:none!important}}

/* Slowly reveal the whole message downward from its top edge. */
.photo-advisor.message-mask{animation:messageMaskIn 2.2s cubic-bezier(.25,.45,.35,1) both}
@keyframes messageMaskIn{from{clip-path:inset(0 0 100% 0);transform:translateY(-10px);opacity:0}to{clip-path:inset(0 0 0 0);transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.photo-advisor.message-mask{animation:none!important;clip-path:none}}