.fill-section{padding:65px 0 55px}.fill-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:70px;margin-bottom:30px}.fill-heading h2{margin:0;font-size:clamp(34px,4vw,52px)}.fill-heading h2 em{font-style:normal;color:#417505}.fill-heading p{max-width:420px;margin:0;font-size:16px}.fill-widget{border:2px solid #d8e7c8;border-radius:24px;overflow:hidden;background:#fffdf5;box-shadow:0 8px 0 -3px #e7f4d7}.fill-photo{position:relative;aspect-ratio:16/10;background:#eeeee7;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;isolation:isolate}.fill-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;display:block;pointer-events:none;user-select:none}.fill-full{clip-path:inset(0 calc(100% - var(--fill)) 0 0);z-index:1}.fill-badges{position:absolute;inset:22px 22px auto;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:3;pointer-events:none}.fill-badges span{background:#fffdf5ec;color:#213c18;font-size:10px;letter-spacing:.6px;font-weight:700;border-radius:22px;padding:9px 15px;backdrop-filter:blur(6px)}.fill-badges .fill-visual-badge{background:#dff4c8ec}.fill-divider{position:absolute;top:0;bottom:0;left:var(--fill);width:3px;background:#fff;z-index:2;box-shadow:0 0 6px #0005;pointer-events:none}.fill-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#7ed321;color:#213c18;border:3px solid white;font-size:24px;font-weight:800;box-shadow:0 4px 20px #0003;white-space:nowrap}.fill-photo .fill-divider{left:clamp(29px,var(--fill),calc(100% - 29px))}.fill-invitation{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:3;background:#fffdf5ed;backdrop-filter:blur(8px);border-radius:30px;padding:13px 21px;font-size:13px;color:#213c18;font-weight:700;pointer-events:none;box-shadow:0 4px 20px #0001;white-space:nowrap;transition:opacity .25s}.fill-invitation span{display:inline-block;margin-left:15px;font-size:21px;animation:fill-nudge 1.8s ease-in-out infinite}.fill-widget.has-moved .fill-invitation{opacity:0}.fill-controls{padding:24px 30px 20px}.fill-labels{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.fill-labels label{font-size:16px;letter-spacing:-.3px}.fill-labels>span{font-size:11px;color:#417505;background:#edf6df;padding:5px 11px;border-radius:20px}.fill-controls input[type='range']{appearance:none;display:block;width:100%;height:8px;border-radius:10px;padding:0;border:0;margin:18px 0 15px;background:linear-gradient(to right,#7ed321 var(--fill),#dfe9d3 var(--fill));cursor:ew-resize;touch-action:pan-y}.fill-controls input[type='range']::-webkit-slider-thumb{appearance:none;width:26px;height:26px;border-radius:50%;background:#417505;border:4px solid #fffdf5;box-shadow:0 0 0 1px #a8c48c;cursor:grab}.fill-controls input[type='range']::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#417505;border:4px solid #fffdf5;box-shadow:0 0 0 1px #a8c48c;cursor:grab}.fill-control-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}.fill-control-bottom>span{font-size:11px;color:#657c52}.fill-play{border:1px solid #cee0b7;background:#edf6df;color:#213c18;padding:10px 18px;border-radius:24px;font-size:11px;font-weight:700;min-height:44px;cursor:pointer}.fill-play:hover{background:#7ed321}.fill-note{font-size:10px;margin-top:15px;color:#718060}.fill-photo:focus-visible{outline:3px solid #417505;outline-offset:-3px}@keyframes fill-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}@media(max-width:760px){.fill-section{padding:45px 0 35px}.fill-heading{grid-template-columns:1fr;gap:18px;margin-bottom:23px}.fill-heading h2{font-size:39px}.fill-heading p{font-size:14px}.fill-widget{border-radius:18px}.fill-photo{aspect-ratio:4/3}.fill-badges{inset:14px 12px auto}.fill-badges span{font-size:8px;padding:7px 10px}.fill-controls{padding:20px}.fill-divider span{width:45px;height:45px;font-size:19px}.fill-photo .fill-divider{left:clamp(23px,var(--fill),calc(100% - 23px))}.fill-invitation{font-size:10px;padding:10px 15px;bottom:16px}.fill-labels label{font-size:14px}.fill-labels>span{font-size:9px}.fill-control-bottom{gap:9px;flex-wrap:wrap}.fill-control-bottom>span{font-size:9px}.fill-play{font-size:10px;padding:9px 13px}.fill-note{font-size:9px;line-height:1.6}}@media(max-width:380px){.fill-control-bottom .fill-play{order:3;flex-basis:100%;margin-top:5px}.fill-labels{gap:8px}.fill-labels>span{font-size:8px}}@media(prefers-reduced-motion:reduce){.fill-invitation span{animation:none}.fill-invitation{transition:none}}.motion-off .fill-invitation span{animation-play-state:paused}

/* Compact side-by-side presentation, without the lower control panel. */
.fill-widget.fill-side-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none}.fill-copy{padding:8px 0}.fill-copy h2{font-size:clamp(32px,3.8vw,49px);line-height:1.13;margin-bottom:23px}.fill-copy h2 em{font-style:normal;color:#417505}.fill-copy>p{font-size:15px;max-width:430px}.fill-side-layout .fill-photo{aspect-ratio:4/3;border-radius:20px;border:1px solid #d8e7c8;box-shadow:0 7px 0 -3px #e7f4d7;min-width:0}.fill-copy .fill-side-instruction{display:flex;align-items:center;gap:10px;font-size:12px;color:#417505;font-weight:700;margin-top:26px;margin-bottom:15px}.fill-side-instruction>span{font-size:23px}.fill-copy .fill-note{font-size:9px;line-height:1.6;max-width:350px;margin-top:17px;margin-bottom:0}.fill-copy .fill-play{padding:11px 20px;font-size:12px}.fill-widget:has(.fill-keyboard:focus-visible) .fill-photo{outline:3px solid #417505;outline-offset:5px}.fill-keyboard{width:1px;height:1px;padding:0;border:0;margin:-1px}.fill-section{padding-top:55px;padding-bottom:50px}@media(max-width:1000px){.fill-widget.fill-side-layout{gap:35px}.fill-copy h2{font-size:36px}.fill-copy>p{font-size:14px}}@media(max-width:760px){.fill-widget.fill-side-layout{grid-template-columns:1fr;gap:27px}.fill-copy h2{font-size:37px}.fill-copy{padding:0}.fill-copy .eyebrow{font-size:9px;margin-bottom:18px}.fill-copy>p{max-width:100%}.fill-copy .fill-side-instruction{margin-top:18px}.fill-side-layout .fill-photo{border-radius:16px}.fill-section{padding-top:40px;padding-bottom:35px}}

/* Accessibility helpers remain hidden independently of the removed carousel styles. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
