/* One reversible sequence, sized from the actual viewport and content.
   Compact step distances keep each scene readable while native scrolling drives the transition. */
.process-sequence{--fan-size:170px;padding-block:95px 85px;background:var(--theme-surface,#fffdfa);border-top:1px solid var(--line)}
.process-sequence .section-heading{margin-bottom:45px;align-items:end}
.process-sequence .section-heading h2{font:400 clamp(56px,5vw,75px)/1.17 var(--display)}
.process-sequence .section-heading h2>span{color:var(--berry)}
.process-sequence .process-intro{max-width:300px;font:400 15px/1.9 var(--body);color:var(--theme-muted,#725b54);padding-bottom:4px}
.process-sequence .process-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:7%;align-items:start}
.process-stage{display:contents}.process-scroll-track{display:none}
.process-sequence .process-visual{position:sticky;top:var(--process-sticky-top,100px);min-width:0;margin:0;padding:0;height:auto;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none;direction:ltr}
.process-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.process-tabs>a{position:relative;min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--theme-control,#dbcac0);color:var(--theme-muted,#73564f);font:400 13px/1.65 var(--body)}
.process-tabs>a i{position:absolute;bottom:-1px;inset-inline-start:0;height:2px;width:100%;background:var(--theme-brand,var(--berry));transform:scaleX(0);transform-origin:left;transition:transform 180ms ease-out}
.process-tabs>a[aria-current=step]{color:var(--berry);font-weight:500}.process-tabs>a[aria-current=step] i{transform:scaleX(1)}
.story-tab-number{font:400 10px/1 var(--latin);color:var(--theme-muted,#77594e)}
.process-art{position:relative;height:clamp(360px,35vw,500px);margin-top:14px;isolation:isolate;perspective:1200px;overflow:visible;direction:ltr}
.invitation-fan{position:absolute;inset:0;perspective:1200px}
.fan-card{position:absolute;left:50%;top:50%;width:var(--fan-size,170px);aspect-ratio:390/844;transform-origin:center center;padding:4px;background:#fffdfa;border:1px solid #dfcfc1;border-radius:11px;box-shadow:0 20px 24px -18px #3e232c66,0 3px 8px #55372a0c;backface-visibility:hidden}
.fan-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:7px}
.fan-card[data-fan-offset="-2"]{transform:translate(-126%,-45%) rotate(-16deg);z-index:1}.fan-card[data-fan-offset="-1"]{transform:translate(-88%,-48%) rotate(-8deg);z-index:2}.fan-card[data-fan-offset="1"]{transform:translate(-12%,-48%) rotate(8deg);z-index:2}.fan-card[data-fan-offset="2"]{transform:translate(26%,-45%) rotate(16deg);z-index:1}
.fan-card-hero{--phone-progress:0;--rim-border:clamp(3px,calc(var(--fan-size) * .025),6px);--rim-radius:calc(var(--fan-size) * .145);border-color:transparent;transform:translate(-50%,-50%);border-radius:calc(11px + (var(--rim-radius) - 11px) * var(--phone-progress));z-index:4}
.fan-image-clip{position:absolute;inset:calc(4px + (var(--rim-border) - 4px) * var(--phone-progress));border-radius:calc(7px + (var(--rim-radius) - var(--rim-border) - 7px) * var(--phone-progress));overflow:hidden}
.fan-image-clip img{position:absolute;inset:0;border-radius:inherit}
.fan-opened{clip-path:inset(100% 0 0)}
.process-phone-rim{position:absolute;inset:0;border:var(--rim-border) solid #2b2928;border-radius:var(--rim-radius);box-shadow:0 0 0 1px #9b9082,inset 0 0 0 1px #514b43;opacity:0;pointer-events:none}
.process-phone-rim i{position:absolute;top:calc(var(--fan-size) * .025);left:35%;width:30%;height:clamp(4px,calc(var(--fan-size) * .04),8px);background:#171616;border-radius:12px}.process-phone-rim b{position:absolute;bottom:4px;left:35%;width:30%;height:2px;background:#fff8;border-radius:3px}
.process-detail-note,.process-share-note{position:absolute;top:50%;right:3%;translate:0 -50%;width:42%;max-width:255px;padding:27px 24px;border-radius:9px;direction:rtl;z-index:3;opacity:0;box-shadow:0 15px 25px -22px var(--theme-shadow-a55,#60212c55)}
.process-detail-note{background:var(--theme-raised,#f5ede5);border:1px solid var(--theme-rule,#decbba);color:var(--theme-accent,#60212c)}
.detail-note-index{display:block;font:400 9px/1.7 var(--body);color:var(--theme-muted,#72564a)}
.process-detail-note>p{font:400 34px/1.3 var(--display);margin:20px 0;color:var(--theme-accent,#60212c)}
.process-detail-note>div{font:400 12px/1.8 var(--body);color:var(--theme-muted,#72564a);border-top:1px solid var(--theme-rule,#d2bcaa);padding-top:11px;margin-top:11px}
.process-share-note{background:var(--theme-brand-deep,#60212c);color:var(--theme-on-brand,#fffdfa)}
.share-note-tag{font:400 9px/1.7 var(--body);color:var(--theme-on-brand-muted,#f1d4c9)}
.process-share-note>p{font:400 39px/1.25 var(--display);margin:20px 0 24px}
.share-link-line{font:400 12px/1.8 var(--body);border-top:1px solid var(--theme-rule,#b4868a);padding-top:15px}
.share-note-signature{display:block;font:500 18px/1.4 var(--latin);letter-spacing:-.055em;margin-top:23px;text-align:end;color:var(--theme-on-brand-muted,#f1d4c9)}
.process-sequence .process-visual-bottom{position:static;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0 16px;border-bottom:1px solid var(--theme-rule,#ddcec3);font:400 10px/1.7 var(--body);color:var(--theme-muted,#76594d);direction:rtl}
#processVisualCount{font:400 10px/1.5 var(--latin);color:var(--berry);flex:none}
.process-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:16px;direction:rtl}
.process-levels>a{min-height:54px;padding-inline:14px;border-inline-end:1px solid var(--theme-rule,#dfcfc3);color:var(--ink);font:400 12px/1.7 var(--body)}
.process-levels>a:first-child{padding-inline-start:0}.process-levels>a:last-child{border:0}
.process-level-price{display:block;font:400 9px/1.5 var(--body);color:var(--theme-muted,#70544a);margin-top:4px}.process-level-price>b{font:400 16px/1.4 var(--latin);color:var(--berry);margin-inline-end:4px}
.process-sequence .process-steps{margin:0;padding:0;list-style:none;min-width:0}
.process-sequence .process-step{min-height:clamp(560px,64svh,760px);padding:70px 0 60px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:17px;align-content:start;border-top:1px solid var(--theme-rule,#decec2);scroll-margin-top:140px}
.process-sequence .process-point{display:flex;align-items:start;justify-content:start;background:transparent!important;border:0!important;box-shadow:none;border-radius:0;color:var(--theme-muted,#75564b);min-width:44px;width:44px;height:44px;padding-top:5px;font:400 11px/1.6 var(--latin)}
.process-sequence .process-step h3{font:400 47px/1.2 var(--display);color:var(--ink);margin:0 0 18px}
.process-sequence .process-step.is-current h3,.process-sequence .process-step.is-current .process-point{color:var(--berry)}
.process-sequence .process-step p{font:400 15px/1.85 var(--body);color:var(--theme-muted,#705951);max-width:370px}
.process-sequence .process-step-link{display:inline-flex;align-items:center;min-height:48px;margin-top:20px;color:var(--berry);font:500 13px/1.7 var(--body);padding-block:8px;text-decoration:none;border:0}
.process-sequence .process-step-link>span{border-bottom:1px solid var(--theme-rule,#b58f84);padding-block:4px}
.process-sequence .process-rail{display:none}
.process-tabs>a:focus-visible,.process-levels>a:focus-visible,.process-point:focus-visible,.process-sequence .process-step-link:focus-visible{outline:2px solid var(--theme-accent,#60212c);outline-offset:4px}
html[lang=en] .process-sequence .section-heading h2{font:500 clamp(45px,4vw,59px)/1.08 var(--latin);letter-spacing:-.055em}
html[lang=en] .process-sequence .process-step h3{font:500 36px/1.14 var(--latin);letter-spacing:-.05em}
html[lang=en] .process-detail-note>p{font:500 27px/1.2 var(--latin);letter-spacing:-.045em}html[lang=en] .process-share-note>p{font:500 31px/1.16 var(--latin);letter-spacing:-.055em}
html[lang=en] .process-tabs,html[lang=en] .process-levels,html[lang=en] .process-visual-bottom,html[lang=en] .process-detail-note,html[lang=en] .process-share-note{direction:ltr}
html[dir=rtl] .process-tabs{direction:rtl}html[dir=rtl] .process-tabs>a i{transform-origin:right}
@media(max-width:1100px){.process-sequence{padding-block:75px}.process-sequence .process-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:5%}.process-art{height:380px}.process-tabs{gap:13px}.process-tabs>a{font-size:12px}.process-detail-note,.process-share-note{padding:20px 17px;width:43%}.process-detail-note>p{font-size:30px}.process-detail-note>div{font-size:11px}.detail-note-index,.share-note-tag{font-size:9px}.process-share-note>p{font-size:31px}.share-link-line{font-size:11px}.process-sequence .process-step{min-height:clamp(520px,62svh,700px);padding-block:65px 50px;grid-template-columns:29px minmax(0,1fr);gap:13px}.process-sequence .process-step h3{font-size:40px}.process-sequence .process-step p{font-size:14px}.process-levels>a{padding-inline:10px;font-size:11px}html[lang=en] .process-sequence .process-step h3{font-size:30px}html[lang=en] .process-detail-note>p{font-size:23px}html[lang=en] .process-share-note>p{font-size:26px}}
@media(max-width:760px){
 .process-sequence{--fan-size:clamp(76px,24vw,125px);padding:60px 22px 45px}.process-sequence .section-heading{margin-bottom:27px}.process-sequence .section-heading h2{font-size:56px;line-height:1.22}.process-sequence .process-intro{font-size:14px;line-height:1.85;margin-top:20px;max-width:340px}
 .process-sequence .process-layout{grid-template-columns:1fr;gap:20px}.process-sequence .process-visual{top:0;z-index:auto;background:var(--theme-surface,#fffdfa);padding-top:7px;box-shadow:0 10px 15px -13px var(--theme-shadow,#fffdfa)}
 .process-tabs{gap:14px}.process-tabs>a{min-height:44px;font-size:12px;gap:7px;padding-block:8px}.story-tab-number{font-size:10px}
 .process-art{height:var(--process-art-height,340px);margin-top:5px}
 .process-detail-note,.process-share-note{display:none}
 .process-sequence .process-visual-bottom{padding:4px 0 10px;gap:12px;font-size:9px}#processVisualCount{font-size:10px}
 .process-levels{padding-top:10px;padding-bottom:6px}.process-levels>a{min-height:48px;padding-inline:10px;font-size:11px;line-height:1.5}.process-level-price{font-size:9px;margin-top:3px}.process-level-price>b{font-size:14px}
 .process-sequence .process-step{min-height:clamp(420px,62svh,650px);padding:27px 0 40px;grid-template-columns:44px minmax(0,1fr);gap:12px;scroll-margin-top:440px}
 .process-sequence .process-point{font-size:11px;height:44px;padding-top:4px}.process-sequence .process-step h3{font-size:36px;line-height:1.22;margin-bottom:13px}.process-sequence .process-step p{font-size:14px;line-height:1.85;max-width:400px}.process-sequence .process-step-link{min-height:44px;font-size:12px;margin-top:13px;padding-block:4px}
 html[lang=en] .process-sequence .section-heading h2{font-size:41px;line-height:1.1}html[lang=en] .process-sequence .process-step h3{font-size:28px;line-height:1.13;letter-spacing:-.045em}
}
@media(max-width:360px){.process-sequence{padding-inline:18px}.process-tabs{gap:10px}.process-tabs>a{font-size:11px}.process-levels>a{font-size:10px;padding-inline:7px}.process-sequence .section-heading h2{font-size:48px}.process-sequence .process-step{grid-template-columns:44px minmax(0,1fr);gap:10px}.process-sequence .process-step h3{font-size:33px}.process-sequence .process-step p{font-size:13px;line-height:1.85}html[lang=en] .process-sequence .section-heading h2{font-size:35px}html[lang=en] .process-sequence .process-step h3{font-size:25px;line-height:1.16}}
.process-sequence[data-compact=true] .process-visual{position:relative;top:auto}
.process-sequence[data-compact=true] .process-step{min-height:0;padding-block:28px}
@media(max-height:700px) and (min-width:761px){.process-sequence .process-visual{position:relative;top:auto}.process-sequence .process-step{min-height:0;padding-block:28px}.process-art{height:300px}}
@media(prefers-reduced-motion:reduce){.process-sequence .process-visual{position:relative;top:auto}.process-sequence .process-step{min-height:0;padding-block:28px}.process-art *,.process-tabs>a i{transition:none!important}}

/* A single proportional screen: container units scale with the card, including
   during the fan-to-phone transform. Pixel font floors would inflate the type. */
.fan-image-clip{container-type:inline-size}
.process-sequence .fan-card-hero .process-share-note{position:absolute;inset:0;translate:none;transform:none;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;max-width:none;max-height:none;padding:0;background:#f2f0e9;color:#242c29;border:0;border-radius:0;box-shadow:none;overflow:hidden;direction:rtl;text-align:start;z-index:2}
.chat-top{display:flex;align-items:center;gap:3cqw;padding:10cqw 5cqw 4cqw;border-bottom:1px solid #dde2d9;background:#fffdfa;flex:none}
.chat-back{font:400 10cqw/1 var(--latin);color:#4a6254;flex:none}
.chat-avatar{width:11cqw;height:11cqw;display:grid;place-items:center;border-radius:50%;background:#e5ebe3;color:#596b5e;flex:none}
.process-share-note svg{display:block;width:7cqw;height:7cqw}.chat-avatar svg{width:7cqw;height:7cqw}.chat-call{color:#4a6254;flex:none;margin-inline-start:1cqw}
.chat-contact{min-width:0;flex:1}.chat-contact>strong{display:block;white-space:nowrap;font:500 6cqw/1.5 var(--body);color:#25352b}
.chat-contact-state{display:block;position:relative;height:7cqw;font:400 4.5cqw/1.5 var(--body);color:#4f6956;white-space:nowrap}.chat-online,.chat-typing-status{position:absolute;inset-inline-start:0;top:0}.chat-typing-status{opacity:0}
.chat-body{position:relative;display:flex;flex-direction:column;gap:4cqw;min-height:0;flex:1;padding:4cqw;background:#f1efe7}
.chat-today{align-self:center;border:1px solid #e2e6df;border-radius:2cqw;padding:1cqw 3cqw;background:#fffdfabf;font:400 4cqw/1.5 var(--body);color:#536459}
.chat-outgoing,.chat-reply{position:relative;width:94%;padding:3.5cqw 3.5cqw 2cqw;border-radius:4cqw;box-shadow:0 1px 1px #2c3d2f12;flex:none}
.chat-outgoing{align-self:flex-start;background:#e0efd9;border-start-start-radius:1cqw}
.chat-outgoing>p,.chat-reply>p{font:400 5.8cqw/1.6 var(--body);color:#25352b;margin:0 0 3cqw;letter-spacing:0}
.chat-link-preview{display:grid;grid-template-columns:30% minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid #c9d8c3;border-radius:2cqw;background:#f4f7ed}
.process-share-note .chat-link-preview>img{position:static;display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain;object-position:center;border-radius:0;align-self:start}
.chat-link-preview>div{padding:3cqw;min-width:0}.chat-link-preview strong{display:block;font:500 7cqw/1.4 var(--body);color:#2d4033}.chat-link-preview span{display:block;font:400 4.7cqw/1.6 var(--body);color:#465b4b;margin-top:2cqw}.chat-link-host{grid-column:1/-1;display:block;white-space:nowrap;padding:2cqw 2.5cqw;border-top:1px solid #dce3d3;text-align:left;font:400 3.8cqw/1.5 var(--latin);color:#4c6353;unicode-bidi:isolate}
.chat-message-meta{display:flex;justify-content:flex-end;gap:1.5cqw;align-items:center;font:400 3.8cqw/1.5 var(--latin);color:#586b5b;margin-top:2cqw}.chat-read{color:#286d8b}.process-share-note .chat-read svg{width:6cqw;height:4cqw}
.chat-response-space{position:relative;min-height:0;flex:none;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start}
.process-share-note[data-chat-state=ready] .chat-reply{opacity:0}
.chat-reply{background:#fffdfa;border-start-end-radius:1cqw}.chat-reply>p{margin:0}
.chat-typing{position:absolute;inset-inline-end:0;top:0;display:flex;gap:2cqw;align-items:center;justify-content:center;width:20cqw;height:12cqw;border-radius:4cqw;background:#fffdfa;opacity:0}.chat-typing i{display:block;width:2.2cqw;height:2.2cqw;background:#6f8576;border-radius:50%}
.chat-compose{display:flex;align-items:center;gap:3cqw;padding:3cqw 4cqw 6cqw;background:#f9faf5;border-top:1px solid #dde2d9;flex:none}
.chat-plus{font:400 9cqw/1 var(--latin);color:#53715b}.chat-compose>div{position:relative;flex:1;min-width:0;border:1px solid #dde2d9;border-radius:8cqw;min-height:10cqw;background:#fffdfa;padding:1.5cqw 4cqw;font:400 4.5cqw/1.5 var(--body);color:#536459;white-space:nowrap}.chat-compose-text{position:absolute;inset-inline:4cqw;top:1.5cqw;overflow:hidden;text-overflow:ellipsis;background:#fffdfa;opacity:0;color:#25352b}
.chat-send{display:grid;place-items:center;width:10cqw;height:10cqw;flex:none;border-radius:50%;background:#506f59;color:#fffdfa}.process-share-note .chat-send svg{width:5.5cqw;height:5.5cqw}
.process-phone-rim{z-index:3}.process-phone-rim b{background:#666b6577}
.process-sequence .process-visual-bottom{min-height:36px;padding:4px 0 6px;gap:12px}
.process-chat-caption{display:none}
.process-visual[data-active-step="2"] .process-chat-caption{display:inline}.process-visual[data-active-step="2"] .process-art-caption{display:none}
.process-chat-transcript{padding:18px;margin-top:18px;border:1px solid #d3d8d0;border-radius:10px;background:#f5f6ef}.process-chat-transcript .share-transcript-label{font-size:11px;color:#47604e}.process-chat-transcript dt{font:500 12px/1.7 var(--body);color:#44614c;margin-top:9px}.process-chat-transcript dd{font:400 14px/1.8 var(--body);color:#25352b;margin:3px 0 0}
.process-sequence[data-share-enhanced=true] .process-chat-transcript{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[lang=en] .process-sequence .fan-card-hero .process-share-note{direction:ltr}.chat-back:dir(rtl){transform:scaleX(-1)}
html[lang=en] .chat-outgoing{align-self:flex-end}html[lang=en] .chat-response-space{align-items:flex-start}html[lang=en] .chat-typing{inset-inline-start:0;inset-inline-end:auto}
@media(max-width:360px){.process-chat-caption,.process-art-caption{font-size:9px}}
.process-sequence[data-compact=true] .process-art{height:360px}
.process-sequence[data-compact=true][data-share-enhanced=true] .process-chat-transcript{position:static;width:auto;height:auto;margin:18px 0 0;padding:18px;border:1px solid #d3d8d0;overflow:visible;clip-path:none;white-space:normal}
@media(prefers-reduced-motion:reduce){.process-sequence[data-share-enhanced=true] .process-chat-transcript{position:static;width:auto;height:auto;margin:18px 0 0;padding:18px;border:1px solid #d3d8d0;overflow:visible;clip-path:none;white-space:normal}}
/* Mobile portrait: one sticky composition, with the existing upper scene and
   a measured lower reading area. Scroll spacers carry no content or controls.
   Reduced motion, small heights and enlarged text retain the complete list. */
@media(max-width:760px){
 .process-levels{display:none}
 .process-sequence:not([data-compact=true]) .process-step{min-height:var(--process-step-height,420px)}
 .process-sequence .process-visual-bottom{min-height:36px}
 .process-sequence[data-copy-fade=true] .process-layout{display:block}
 .process-sequence[data-copy-fade=true] .process-stage{position:sticky;top:var(--process-sticky-top,85px);display:grid;gap:8px;z-index:auto;background:var(--theme-surface,#fffdfa)}
 .process-sequence[data-copy-fade=true] .process-visual{position:static}
 .process-sequence[data-copy-fade=true] .process-steps{display:grid;position:relative}
 .process-sequence[data-copy-fade=true] .process-step{grid-area:1/1;min-height:0;padding:18px 0 0;border:0;opacity:0;pointer-events:none;transition:opacity 160ms ease-out}
 .process-sequence[data-copy-fade=true] .process-step.is-current{opacity:1;pointer-events:auto;transition:opacity 160ms ease-out}
 .process-sequence[data-copy-fade=true] .process-scroll-track{display:block;margin-top:calc(-1 * var(--process-copy-height))}
 .process-sequence[data-copy-fade=true] .process-scroll-track>div{height:var(--process-step-height,420px);padding-top:27px}
 .process-sequence[data-copy-fade=true] .process-scroll-track>div:last-child{height:var(--process-last-hold,350px)}
 .process-scroll-track i{display:block;height:44px}
}

/* A shorter final hold leaves room for the handset without an empty screen. */
@media(min-width:761px){.process-sequence:not([data-compact=true]) .process-step[data-process-step="2"]{min-height:clamp(420px,50svh,600px)}}