/* Private revision 7: genuine photographs and marks; live text within full-page scenes. */
html{scroll-padding-top:0}
.header,.footer{background-color:#e9deca;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath opacity='.05' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");backdrop-filter:none}
.dark .header{background-color:#29251f}.header{padding-top:15px;padding-bottom:15px}.footer{padding-top:35px;padding-bottom:35px}
.os-opening{--os-progress:0;--hero-opacity:1;--asa-opacity:0;position:relative;height:220svh;background:#25221e;color:#faf3e8}
.os-opening__stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;isolation:isolate;background:linear-gradient(102deg,#25221e 0%,#302920 43%,#88745e 73%,#e8d6b8 100%)}
.os-opening__stage:after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#25221ecc,#25221ebb 40%,#25221e88 68%,#25221e11)}
.os-opening__scene{position:absolute;z-index:0;width:150%;aspect-ratio:3/1;left:0;bottom:0;transform:translate3d(calc(var(--os-progress)*-33.333%),0,0);will-change:transform}
.os-opening__panorama{display:block;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(transparent,#000 15%)}
.os-opening__mark{position:absolute;inset:0;width:100%;height:100%;visibility:visible!important}
.os-opening__copy{position:absolute;z-index:3;left:6vw;top:clamp(125px,18vh,190px);width:min(44vw,650px);margin:0;clip-path:none!important;visibility:visible!important;pointer-events:auto}
.os-opening__hero{transform:translate3d(calc(var(--os-progress)*-24vw),0,0);opacity:var(--hero-opacity)!important}
.os-opening__asa{left:6vw;transform:translate3d(calc((1 - var(--os-progress))*26vw),0,0);opacity:var(--asa-opacity)!important}
.os-opening__copy h1,.os-opening__copy h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;line-height:1.02;letter-spacing:-.06em;margin:22px 0 25px;overflow-wrap:normal}
.os-opening__copy h1{font-size:clamp(66px,6.8vw,108px);white-space:nowrap}.os-opening__copy h2{font-size:clamp(52px,5.1vw,78px)}
.os-opening__eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#e7d7c0;margin:0}
.os-opening__lead{font-size:clamp(25px,2.35vw,36px);line-height:1.35;margin:0 0 24px;max-width:24ch}
.os-opening__body{font-size:18px;line-height:1.7;max-width:46ch;color:#f4e8d6;margin:0 0 17px}
.os-opening__portrait{position:absolute;z-index:2;left:72%;top:clamp(125px,17vh,180px);width:clamp(210px,19vw,280px);height:auto;aspect-ratio:1;margin:0;border:0;border-radius:0;overflow:hidden;transform:translate3d(calc(var(--os-progress)*-12vw),0,0);opacity:var(--portrait-opacity,1)}
.os-opening__portrait img{display:block;width:100%;height:100%;object-fit:cover;mask-image:none}
.os-opening__caption{z-index:3;bottom:26px;left:6vw;right:6vw;font-size:10px;letter-spacing:.11em;color:#f9eedc}
.os-opening__anchor{top:59.18%}.os-opening__enquiry{margin-top:8px;font-size:16px;min-height:44px;line-height:1.5;padding:9px 0}
.os-opening.is-enhanced:not(.is-static) .os-opening__copy:not(.is-current){clip-path:none;pointer-events:none}
.os-opening.is-enhanced:not(.is-static) .os-opening__copy.is-current{clip-path:none;pointer-events:auto}
.section .chapter-copy{max-width:55vw;padding-top:140px;padding-bottom:135px;min-height:max(100svh,850px)}
.section .copy-inner{max-width:650px}.section .body-copy{max-width:49ch}.section p{font-size:19px;line-height:1.78}.section .lead{font-size:28px;line-height:1.4}
.section h2{font-size:clamp(52px,5.2vw,82px);line-height:1.04}.section .eyebrow{font-size:12px;letter-spacing:.1em}
.section .scene-art{height:100svh;min-height:0}
.section:after{background:linear-gradient(90deg,#eadfcef5,#eadfceea 32%,#eadfce99 48%,transparent 72%)}
.section[data-scene=upsellon]:after{background:linear-gradient(90deg,#25221ef7,#25221ee8 33%,#25221e88 53%,transparent 75%)}
.section[data-scene=upsellon] .scene-art,.section[data-scene=upsellon]{background:#25221e}.section[data-scene=upsellon] .art-image{inset:-1px}
.section[data-scene=seller] .chapter-copy{max-width:53vw}.section[data-scene=seller]:after{background:linear-gradient(90deg,#eadfcef7,#eadfceeb 31%,#eadfce88 48%,transparent 68%)}
.section[data-scene=voice] .chapter-copy{max-width:55vw;padding-top:140px;padding-bottom:135px;text-shadow:0 1px 4px #12100d}
.section[data-scene=voice]:after{display:block;background:linear-gradient(90deg,#201e1af5,#201e1aed 32%,#201e1ac9 48%,#201e1a40 72%,#201e1a11)}
.section[data-scene=voice] .session-note{margin-top:42px;padding:26px 0 0;border-top:1px solid #ddc3a944;max-width:100%}
.section[data-scene=voice] .session-note:before,.section[data-scene=voice] .session-note:after{display:none}
.section[data-scene=voice] .session-label{font-size:12px;line-height:1.8;letter-spacing:.05em;color:#ead3b3;text-transform:uppercase}
.section[data-scene=voice] .session-note h3{font-size:30px;line-height:1.22;letter-spacing:-.035em;margin:14px 0 20px}
.scene-voice .photo-caption{right:4vw;bottom:22px;max-width:31ch;font-size:12px;line-height:1.65}
.section[data-scene=contact] .chapter-copy{max-width:60vw}.section[data-scene=contact] h2{font-size:clamp(75px,7.5vw,120px)}
.source-link,.os-opening__enquiry{border-bottom:1px solid currentColor;text-underline-offset:6px}.button{display:none}
/* True static reading flow for reduced motion, no JS, short screens and zoom. */
.os-opening.is-static,.os-opening:not(.is-enhanced){display:block;position:relative;height:auto;padding:130px 6vw 65px;overflow:clip;isolation:isolate}
.os-opening.is-static .os-opening__stage,.os-opening:not(.is-enhanced) .os-opening__stage{display:flex;flex-direction:column;position:static;height:auto;min-height:0;overflow:visible;background:none}
.os-opening.is-static .os-opening__stage:after,.os-opening:not(.is-enhanced) .os-opening__stage:after{display:none}
.os-opening.is-static .os-opening__copy,.os-opening:not(.is-enhanced) .os-opening__copy{position:relative;inset:auto!important;transform:none!important;opacity:1!important;clip-path:none!important;width:min(100%,700px);max-width:100%;margin:0;pointer-events:auto}
.os-opening.is-static .os-opening__hero,.os-opening:not(.is-enhanced) .os-opening__hero{order:1}
.os-opening.is-static .os-opening__portrait,.os-opening:not(.is-enhanced) .os-opening__portrait{position:relative;inset:auto;width:260px;max-width:65vw;height:auto;opacity:1!important;transform:none!important;order:2;margin:35px 0 70px}
.os-opening.is-static .os-opening__asa,.os-opening:not(.is-enhanced) .os-opening__asa{order:3;margin:0;padding:45px 0 15px;border-top:1px solid #ead4af44}
.os-opening.is-static .os-opening__scene,.os-opening:not(.is-enhanced) .os-opening__scene{position:absolute;z-index:-1;width:110%;bottom:0;opacity:.6;transform:translateX(-9.09091%)}
.os-opening.is-static .os-opening__scene,.os-opening:not(.is-enhanced) .os-opening__scene{top:330px;bottom:auto;opacity:.42}
.os-opening.is-static .os-opening__caption,.os-opening:not(.is-enhanced) .os-opening__caption{position:relative;inset:auto;order:4;margin:70px 0 0;gap:20px}
@media(min-width:801px) and (max-width:1100px){.os-opening__copy{width:49vw}.os-opening__copy h1{font-size:6.7vw}.os-opening__body{font-size:17px}.os-opening__portrait{left:73%;width:22vw}.section .chapter-copy,.section[data-scene=seller] .chapter-copy{max-width:59vw}.section p{font-size:18px}.section .lead{font-size:25px}}
@media(max-width:800px){
 .header{padding:13px 24px}.header nav.open{background-color:#e9deca}.dark .header nav.open{background-color:#29251f}
 .os-opening{height:220svh}.os-opening__stage{min-height:760px;background:linear-gradient(100deg,#25221e,#302920 65%,#8c765a)}
 .os-opening__scene{width:210%;transform:translate3d(calc(var(--os-progress)*-52.381%),0,0)}
 .os-opening__copy{left:24px;top:110px;width:calc(100vw - 48px)}.os-opening__asa{left:24px;transform:translate3d(calc((1 - var(--os-progress))*15vw),0,0)}
 .os-opening__copy h1{font-size:clamp(48px,12.2vw,84px);white-space:normal;margin:18px 0 20px}.os-opening__copy h2{font-size:clamp(43px,10.3vw,68px)}
 .os-opening__eyebrow{font-size:10px;letter-spacing:.11em}.os-opening__lead{font-size:24px;max-width:26ch;margin-bottom:20px}.os-opening__body{font-size:16px;line-height:1.75;max-width:47ch}
 .os-opening__hero{padding-top:178px}.os-opening__portrait{left:24px;top:105px;width:150px;height:150px}
 .os-opening__caption{left:24px;right:24px;font-size:8px;bottom:18px}
 .section .chapter-copy,.section[data-scene=seller] .chapter-copy,.section[data-scene=voice] .chapter-copy,.section[data-scene=contact] .chapter-copy{max-width:100%;min-height:100svh;padding:105px 24px 100px}
 .section .copy-inner{max-width:600px}.section h2,.section[data-scene=seller] h2{font-size:clamp(42px,10.8vw,68px)}.section p{font-size:17px;line-height:1.8}.section .lead{font-size:25px}.section .eyebrow{font-size:10px;line-height:1.9}
 .section .art-image{left:-35%;right:-25%}.section[data-scene=seller] .art-image{left:-12%;right:-40%}
 .section:after,.section[data-scene=seller]:after{background:linear-gradient(110deg,#eadfcef7,#eadfceee 43%,#eadfcebb 73%,#eadfce66)}
 .section[data-scene=upsellon] .art-image{left:-85%;right:-5%}.section[data-scene=upsellon]:after{background:linear-gradient(110deg,#25221ef5,#25221ee8 55%,#25221e99)}
 .section[data-scene=voice] .scene-art{position:sticky!important;top:0!important;height:100svh;min-height:0;margin:0 0 -100svh!important;aspect-ratio:auto!important}
 .section[data-scene=voice] .art-image{position:absolute;inset:0;height:100%;aspect-ratio:auto}
 .section[data-scene=voice] .voice-photo{height:100%;object-fit:cover;object-position:72% center}
 .section[data-scene=voice] .chapter-copy{background:transparent;text-shadow:0 1px 4px #12100d;padding-bottom:145px}
 .section[data-scene=voice]:after{background:linear-gradient(90deg,#201e1af0,#201e1ae6 52%,#201e1aaf)}
 .scene-voice .photo-caption{position:absolute;right:24px;left:24px;bottom:22px;max-width:none;text-align:left;padding:0;background:transparent;font-size:11px;color:#f3e8d6;text-shadow:0 1px 5px #111}
 .section[data-scene=voice] h2{font-size:clamp(46px,11vw,70px)}.section[data-scene=voice] .session-note h3{font-size:27px}
 .section[data-scene=contact] h2{font-size:clamp(62px,15vw,90px)}.section[data-scene=contact] .email{font-size:clamp(26px,7.4vw,42px)}
 .os-opening.is-static,.os-opening:not(.is-enhanced){padding:110px 24px 55px}.os-opening.is-static .os-opening__hero,.os-opening:not(.is-enhanced) .os-opening__hero{padding-top:0}
 .os-opening.is-static .os-opening__portrait,.os-opening:not(.is-enhanced) .os-opening__portrait{order:0;width:180px;max-width:60vw;margin:0 0 27px}
 .os-opening.is-static .os-opening__asa,.os-opening:not(.is-enhanced) .os-opening__asa{margin-top:65px}
 .os-opening.is-static .os-opening__scene,.os-opening:not(.is-enhanced) .os-opening__scene{width:230%;transform:translateX(-35%)}
 .os-opening.is-static .os-opening__scene,.os-opening:not(.is-enhanced) .os-opening__scene{top:560px;opacity:.28}
}
@media(max-width:360px){.header{padding-left:20px;padding-right:20px}.os-opening__copy{left:20px;width:calc(100vw - 40px)}.os-opening__asa{left:20px}.os-opening__portrait{left:20px}.os-opening__copy h1{font-size:46px}.section .chapter-copy,.section[data-scene=seller] .chapter-copy,.section[data-scene=voice] .chapter-copy,.section[data-scene=contact] .chapter-copy{padding-left:20px;padding-right:20px}.section p{font-size:16px}.section .lead{font-size:23px}.os-opening.is-static,.os-opening:not(.is-enhanced){padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.section[data-scene=voice] .scene-art{position:absolute!important;inset:0!important;margin:0!important;height:100%}.section[data-scene=voice] .art-image{position:absolute!important;height:100%}}
html.motion-off .section[data-scene=voice] .scene-art{position:absolute!important;inset:0!important;margin:0!important;height:100%}
@media(max-width:800px){
 /* Keep the chapter's actual object visible between its title and long story. */
 .section:is([data-scene=origin],[data-scene=seller],[data-scene=upsellon]) .body-copy{margin-top:280px}
 .section:is([data-scene=origin],[data-scene=seller]):after{background:linear-gradient(to bottom,#eadfcef2 0px,#eadfceee 210px,#eadfce22 280px,#eadfce22 470px,#eadfceee 560px,#eadfcef9 710px)}
 .section[data-scene=upsellon]:after{background:linear-gradient(to bottom,#25221ef2 0px,#25221eee 210px,#25221e22 280px,#25221e22 470px,#25221eee 560px,#25221ef9 710px)}
 .scene-voice .photo-caption{top:22px;bottom:auto;font-size:10px;max-width:31ch}
}
/* Shade the photograph, not its genuine event attribution. */
#speaking:after{display:none}
.scene-voice .art-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#201e1af5,#201e1aed 32%,#201e1ac9 48%,#201e1a40 72%,#201e1a11)}
@media(max-width:800px){.scene-voice .art-image:after{background:linear-gradient(90deg,#201e1af0,#201e1ae6 52%,#201e1aaf)}}

/* Genuine photo environment blends into the ivory side of the same scene.
   The face has no color blend/filter and no silhouette cutout. */
.os-opening__stage{background:linear-gradient(102deg,#25221e 0%,#302920 44%,#a29580 61%,#e5ddcf 76%,#e9e0d0 100%)}
.os-opening__stage:after{background:linear-gradient(90deg,#25221ecc 0%,#25221ebb 39%,#25221e88 54%,#25221e22 64%,transparent 73%)}
.os-opening__portrait{left:68%;width:clamp(230px,18vw,260px);background:transparent;border:0;box-shadow:none;mix-blend-mode:normal;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 77%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 70%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 77%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 70%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect;mask-repeat:no-repeat;mask-size:100% 100%}
.os-opening__portrait img{object-fit:contain;object-position:center;filter:none}
.os-opening.is-static .os-opening__portrait,.os-opening:not(.is-enhanced) .os-opening__portrait{width:230px}
@media(max-width:800px){
 .os-opening__stage{background:linear-gradient(100deg,#25221e 0%,#302920 60%,#8c765a 100%)}
 .os-opening__portrait{left:24px;top:105px;width:180px;height:180px}
 .os-opening.is-static .os-opening__portrait,.os-opening:not(.is-enhanced) .os-opening__portrait{width:180px;height:auto}
}
@media(max-width:360px){.os-opening__portrait{left:20px}}
/* Genuine photo environment blends into the ivory side of the same scene.
   The face has no color blend/filter and no silhouette cutout. */
.os-opening__stage{background:linear-gradient(102deg,#25221e 0%,#302920 44%,#a29580 61%,#e5ddcf 76%,#e9e0d0 100%)}
.os-opening__stage:after{background:linear-gradient(90deg,#25221ecc 0%,#25221ebb 39%,#25221e88 54%,#25221e22 64%,transparent 73%)}
.os-opening__portrait{left:68%;width:clamp(230px,18vw,260px);background:transparent;border:0;box-shadow:none;mix-blend-mode:normal;
 -webkit-mask-image:radial-gradient(ellipse 50% 55% at 50% 46%,#000 47%,#000 65%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 74%,transparent 100%);
 mask-image:radial-gradient(ellipse 50% 55% at 50% 46%,#000 47%,#000 65%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 74%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect;mask-repeat:no-repeat;mask-size:100% 100%}
.os-opening__portrait img{object-fit:contain;object-position:center;filter:none}
.os-opening.is-static .os-opening__portrait,.os-opening:not(.is-enhanced) .os-opening__portrait{width:230px}
@media(max-width:800px){
 .os-opening__stage{background:linear-gradient(100deg,#25221e 0%,#302920 60%,#8c765a 100%)}
 .os-opening__portrait{left:24px;top:105px;width:180px;height:180px}
 .os-opening.is-static .os-opening__portrait,.os-opening:not(.is-enhanced) .os-opening__portrait{width:180px;height:auto}
}
@media(max-width:360px){.os-opening__portrait{left:20px}}

/* The photograph belongs to the introduction, beside the name. */
.os-opening__hero{width:min(66vw,900px)}
.os-opening__identity-line{display:flex;align-items:center;gap:22px;max-width:780px;margin:16px 0 22px}
.os-opening__identity-line h1{flex:0 1 auto;min-width:0;font-size:clamp(58px,6vw,90px);margin:0;line-height:1.05}
.os-opening__identity-line .os-opening__portrait{position:relative!important;inset:auto!important;flex:0 0 150px;width:150px;height:150px;aspect-ratio:1;margin:0!important;transform:none!important;opacity:1!important;order:initial!important;max-width:none;overflow:hidden;border:0;box-shadow:none;background:transparent}
.os-opening__identity-line .os-opening__portrait img{filter:none;object-fit:contain}
.os-opening__hero .os-opening__body{max-width:46ch}
.section .body-copy h3{font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:44px 0 17px}
@media(min-width:801px) and (max-width:1100px){.os-opening__hero{width:70vw}.os-opening__identity-line{gap:16px}.os-opening__identity-line h1{font-size:clamp(50px,6vw,70px)}.os-opening__identity-line .os-opening__portrait{flex-basis:122px;width:122px;height:122px}}
@media(max-width:800px){
 .os-opening__hero{padding-top:0;width:calc(100vw - 48px)}
 .os-opening__identity-line{gap:12px;margin:19px 0 24px}
 .os-opening__identity-line h1{flex:1 1 auto;font-size:clamp(36px,10.4vw,64px);line-height:1.08;white-space:normal}
 .os-opening__identity-line .os-opening__portrait{flex:0 0 92px;width:92px;height:92px}
 .os-opening.is-static .os-opening__identity-line .os-opening__portrait,.os-opening:not(.is-enhanced) .os-opening__identity-line .os-opening__portrait{max-width:none}
 .section .body-copy h3{font-size:23px}
}
@media(max-width:360px){.os-opening__hero{width:calc(100vw - 40px)}.os-opening__identity-line .os-opening__portrait{flex-basis:76px;width:76px;height:76px}.os-opening__identity-line h1{font-size:36px}.os-opening__identity-line{gap:10px}}

/* Identity first: the genuine blended photograph sits to the left of the name. */
.os-opening__identity-line .os-opening__portrait{order:-1!important}
/* Preserve the existing continuous world and ribbon. */
.appearance{margin-top:42px;padding-top:25px;border-top:1px solid #ead3b33d}
.appearance .session-label{font-size:12px!important;line-height:1.8;letter-spacing:.05em;text-transform:uppercase;color:#ead3b3;margin:0 0 16px}
.section .appearance h3{font-size:30px;line-height:1.25;margin:0 0 23px;max-width:27ch}
.appearance q{quotes:'“' '”' '‘' '’'}
.appearance p{margin-bottom:20px}
@media(max-width:800px){
 .section .appearance h3{font-size:27px}
 .appearance{margin-top:35px;padding-top:24px}
}
/* Reading mode retains the genuine event image without stretching it over
   the complete long transcript-like narrative. */
html.motion-off .scene-voice .voice-photo{height:100svh;object-fit:cover;object-position:72% top}
@media(prefers-reduced-motion:reduce){.scene-voice .voice-photo{height:100svh;object-fit:cover;object-position:72% top}}

/* Existing ASA mark is present from the first rendered frame. No scroll
   visibility condition, teaser mask, duplicate, position or scale override. */
.os-opening__mark{opacity:1!important;visibility:visible!important;mask-image:none!important;-webkit-mask-image:none!important;clip-path:none!important;animation:none!important}

/* One closing personal signature, using the approved OS artwork. */
.closing-signature{margin:40px 0 0;width:120px;max-width:32vw;line-height:0}.closing-signature img{display:block;width:100%;height:auto;border:0;box-shadow:none}.closing-signature svg{overflow:visible}@media(max-width:800px){.closing-signature{width:104px;margin-top:32px}}