/* Image-led, type-led service selector with four scroll-linked chapters. */
.services.services-fields{padding:0;display:block;min-height:0;height:calc(100lvh + 300svh);background:#f4d64a;position:relative;overflow:visible}.services-fields .services-body{height:100%;transform:none}.fields-stage{position:sticky;top:0;height:100lvh;padding:105px 7vw 55px;display:flex;flex-direction:column}.fields-heading{text-align:center;margin-bottom:36px}.fields-heading h2{font-size:clamp(36px,4.2vw,62px);font-weight:750;line-height:1.15;letter-spacing:-.055em;margin:0 0 15px}.fields-heading p{font-size:16px;line-height:1.6;opacity:.72}.fields-layout{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:5vw;flex:1;min-height:0;align-items:stretch;max-width:1320px;width:100%;margin:auto}.fields-visual{position:relative;min-height:0;border-radius:28px;overflow:hidden;background:#f7f4e9}.fields-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06) translateY(12px);transition:opacity .55s ease,transform .9s cubic-bezier(.22,1,.36,1)}.fields-image.is-active{opacity:1;transform:scale(1) translateY(0)}.fields-count{position:absolute;left:24px;bottom:24px;z-index:2;background:#ffffffdc;padding:7px 12px;border-radius:30px;font-size:11px;letter-spacing:.12em}.fields-options{display:flex;flex-direction:column;justify-content:center;gap:13px;min-width:0}.field-option{min-width:0}.field-toggle{border:0;background:none;display:block;text-align:left;padding:0;color:#93883f;font-size:clamp(42px,4.8vw,66px);font-weight:750;line-height:1.15;letter-spacing:-.055em;cursor:pointer;transition:color .3s,transform .35s}.field-toggle:hover{color:#50491e}.field-toggle[aria-expanded=true]{color:#24241d}.field-toggle:focus-visible{outline:2px solid #24241d;outline-offset:7px;border-radius:3px}.field-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),opacity .4s}.field-panel>div{overflow:hidden;min-height:0}.field-option.is-active .field-panel{grid-template-rows:1fr;opacity:1}.field-panel p{font-size:17px;line-height:1.75;max-width:600px;margin:16px 0 13px;word-break:keep-all}.field-panel .field-examples{display:block;font-size:12px;color:#59532b;letter-spacing:.025em;padding-bottom:11px}.fields-options .field-panel[aria-hidden=true]{visibility:hidden}.fields-options .field-panel[aria-hidden=false]{visibility:visible}.standards{min-height:100svh;padding:110px 7vw 90px;background:#f5f2ec;display:flex;flex-direction:column;justify-content:center}.standards-heading{margin-bottom:50px}.standards-heading h2{font-size:clamp(34px,3.8vw,54px);font-weight:650;line-height:1.25}.standards-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.standard-column>h3{font-size:25px;font-weight:600;margin-bottom:22px}.standard-item{padding:18px 0;border-top:1px solid #302f2a30}.standard-item h4{font-size:18px;font-weight:600;letter-spacing:-.025em;margin:0 0 7px}.standard-item p{font-size:14px;line-height:1.75;color:#77766c;max-width:500px}
@media(max-width:760px){.fields-stage{padding:92px 6vw 32px}.fields-heading{margin-bottom:23px}.fields-heading h2{font-size:clamp(28px,7.8vw,38px);line-height:1.2;margin-bottom:10px}.fields-heading p{font-size:12px;max-width:290px;margin:auto}.fields-layout{display:flex;flex-direction:column;gap:22px;justify-content:center}.fields-visual{flex:1;min-height:140px;max-height:33svh;border-radius:20px}.fields-count{left:15px;bottom:15px;padding:5px 10px;font-size:10px}.fields-options{flex:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:start}.field-toggle{font-size:clamp(30px,8vw,40px);line-height:1.18}.field-option.is-active{grid-column:1/-1;grid-row:1}.field-option:not(.is-active){grid-column:auto}.field-option:last-child:not(.is-active){grid-column:auto}.fields-options{grid-template-columns:repeat(3,minmax(0,1fr))}.field-option:not(.is-active) .field-toggle{font-size:23px;font-weight:650}.field-panel p{font-size:14px;line-height:1.7;margin:10px 0 9px;max-width:none}.field-panel .field-examples{font-size:10px;padding-bottom:0}.standards{padding:90px 6vw 60px}.standards-heading{margin-bottom:30px}.standards-heading h2{font-size:32px}.standards-grid{grid-template-columns:1fr;gap:35px}.standard-column>h3{font-size:23px;margin-bottom:16px}.standard-item{padding:15px 0}.standard-item p{font-size:13px}.standard-item h4{font-size:17px}}
@media(max-height:650px) and (min-width:761px){.fields-stage{padding-top:90px;padding-bottom:30px}.fields-heading{margin-bottom:20px}.fields-heading h2{font-size:36px}.fields-heading p{font-size:13px}.field-toggle{font-size:40px}.fields-options{gap:8px}.field-panel p{font-size:14px;margin:10px 0}.fields-visual{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.services.services-fields{height:auto;min-height:100svh}.fields-stage{position:relative;height:auto;min-height:100svh}.fields-layout{min-height:560px}.fields-image,.field-panel,.field-toggle{transition:none}@media(max-width:760px){.fields-layout{min-height:500px}.fields-visual{height:240px;flex:none}}}

/* White selector, fixed reading order, and a stable mobile text area. */
.services.services-fields{background:#fff}.services-fields .services-body{opacity:1;transform:none}.field-toggle{color:#97979c}.field-toggle:hover{color:#56565e}.field-toggle[aria-expanded=true]{color:#22222a}.field-panel .field-examples{color:#74747c}.fields-visual{background:#f5f5f7}.fields-mobile-summary{display:none}
@media(max-width:760px){.fields-stage{padding:90px 6vw 28px}.fields-heading{margin-bottom:18px}.fields-layout{gap:18px}.fields-options{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px}.field-option,.field-option.is-active,.field-option:not(.is-active){grid-column:auto;grid-row:auto;order:0}.field-toggle,.field-option:not(.is-active) .field-toggle{font-size:30px;font-weight:700;line-height:1.15}.field-option .field-panel{display:none}.fields-mobile-summary{display:block;min-height:94px;margin-top:8px}.fields-mobile-summary p{font-size:13px;line-height:1.75;margin:0 0 8px;word-break:keep-all}.fields-mobile-summary .field-examples{display:block;font-size:10px;color:#74747c}.fields-visual{max-height:30svh;min-height:120px}.fields-heading h2{font-size:29px}.fields-heading p{font-size:12px}}
@media(max-width:760px) and (max-height:740px){.fields-stage{padding-top:84px;padding-bottom:20px}.fields-heading{margin-bottom:14px}.fields-heading h2{font-size:26px}.fields-heading p{font-size:11px}.fields-layout{gap:14px}.field-toggle,.field-option:not(.is-active) .field-toggle{font-size:26px}.fields-options{gap:5px}.fields-mobile-summary{min-height:82px;margin-top:6px}.fields-mobile-summary p{font-size:12px;line-height:1.6}}
/* Reference-style vertical carousel markers and ordered image reveals. */
.fields-carousel-nav{position:absolute;left:2.8vw;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;z-index:4}.fields-carousel-nav button{width:18px;height:22px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;cursor:pointer}.fields-carousel-nav button:after{content:'';width:5px;height:5px;border-radius:5px;background:#c3c3c8;transition:height .35s,background .35s}.fields-carousel-nav button[aria-current=true]:after{height:22px;background:#171720}.fields-carousel-nav button:focus-visible{outline:2px solid #171720;outline-offset:2px;border-radius:8px}.in-fields body:not(.process-page)>.chapter-nav{opacity:0;pointer-events:none}.fields-image{opacity:0;transform:translateY(36px) scale(1.025);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);z-index:0}.fields-image.is-active{opacity:1;transform:translateY(0) scale(1);z-index:2}.fields-image.is-leaving{opacity:0;transform:translateY(-18px) scale(1);z-index:1}.fields-count{display:none}
@media(max-width:760px){.fields-carousel-nav{left:1vw;gap:3px}.fields-carousel-nav button{width:14px;height:18px}.fields-carousel-nav button:after{width:4px;height:4px}.fields-carousel-nav button[aria-current=true]:after{height:17px}}
@media(prefers-reduced-motion:reduce){.fields-image,.fields-carousel-nav button:after{transition:none}.fields-image.is-leaving{transform:none}}
/* Scroll distance drives the cards and text together on every viewport. */
.fields-visual{overflow:visible;isolation:isolate;background:transparent}.fields-image{border-radius:28px;transition:none;will-change:opacity,transform}.field-toggle{transition:none}.field-panel,.field-option.is-active .field-panel{display:block;grid-template-rows:none;height:0;overflow:hidden;transition:none;will-change:height,opacity,transform}.field-panel>div{overflow:visible}.fields-options .field-panel[aria-hidden=true]{visibility:visible}.fields-carousel-nav button:after,.fields-carousel-nav button[aria-current=true]:after{height:var(--marker-height,5px);background:rgb(var(--marker-shade,195),var(--marker-shade,195),calc(var(--marker-shade,195) + 5));transition:none}
@media(max-width:760px){.fields-image{border-radius:20px}.field-option .field-panel{display:block}.field-panel p{font-size:13px;line-height:1.65;margin:8px 0 7px}.field-panel .field-examples{font-size:10px;padding-bottom:0}.fields-mobile-summary{display:none}.fields-options{gap:6px}.field-toggle,.field-option:not(.is-active) .field-toggle{font-size:30px}.fields-visual{max-height:30svh}}
@media(max-width:760px) and (max-height:740px){.field-toggle,.field-option:not(.is-active) .field-toggle{font-size:26px}.field-panel p{font-size:12px;line-height:1.6}}
.field-panel>div{display:flow-root}
@media(max-width:760px){.fields-visual{width:88%;align-self:center;max-height:34svh}.field-toggle,.field-option:not(.is-active) .field-toggle{width:100%;text-align:center}.field-panel p,.field-panel .field-examples{text-align:center}}
@media(max-width:760px){.fields-visual{flex:0 0 clamp(160px,30svh,280px);height:clamp(160px,30svh,280px)}}