/* Original illustrated scrollytelling for Emagre+. */
.motion-toggle{position:absolute;right:4.5%;top:113px;z-index:5;background:#fff9ecc9;border:1px solid #203d5429;border-radius:30px;color:#385248;font:10px Arial,sans-serif;padding:8px 13px}.motion-toggle:hover{background:#fff9ec}
@media(max-width:700px){.motion-toggle{top:auto;bottom:75px;right:20px;font-size:7px;padding:5px 9px}}
:root{--ink:#203d54;--muted:#5e706f;--olive:#637b52;--dark:#203d54;--gold:#ad657e;--gold-dark:#94526a;--cream:#f8f3e9;--line:#dce2d6;--wine:#ad657e}
html{scroll-padding-top:95px}body{background:var(--cream);color:var(--ink)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}h2 em{color:var(--gold-dark)}.eyebrow{color:var(--gold-dark);font-size:10px;letter-spacing:.18em}.button{border-radius:100px;background:#94526a;color:#fff;padding:15px 25px;font-size:13px;box-shadow:none}.button:hover{background:#794258}.text-link{color:var(--ink);border-color:#b9c7b0}.brand{gap:20px}.brand img{width:157px;height:auto}.brand>span{border-left-color:#203d5433;color:var(--ink);font-size:9px}.story-header{position:absolute;top:0;inset-inline:0;z-index:15;height:98px;padding:0 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #203d541c}.story-header nav{display:flex;align-items:center;gap:35px;font-size:12px}.header-cta{border:1px solid #203d5477;border-radius:50px;padding:10px 21px}.header-cta span{margin-left:20px}.header-cta:hover{background:#203d54;color:#fff}
.scroll-story{position:relative;height:100svh;background:#e0e9e5}.has-scroll .scroll-story{height:680svh}.story-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate}.stage-anchor{position:absolute;left:0;pointer-events:none;width:1px;height:1px}.scene{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#dfe9e4}.landscape{position:absolute;inset:0;width:100%;height:100%}.scene-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f8f3e9fa,#f8f3e9ed 31%,#f8f3e96b 55%,#f8f3e900 72%)}.scene-word{position:absolute;top:13%;right:-2%;font:clamp(115px,19vw,340px)/1 Arial,sans-serif;letter-spacing:-.08em;color:#fcfaf065;white-space:nowrap}.arch{position:absolute;width:35%;height:73%;bottom:8%;right:13%;border:1px solid #fff9ec85;border-radius:50% 50% 0 0;background:linear-gradient(160deg,#fcf7e930,#fffaf000);box-shadow:inset 0 0 80px #fff8ec25}.character-wrap{position:absolute;right:13%;bottom:6%;height:83%;width:35%;display:flex;justify-content:center;align-items:end;transform-origin:50% 90%;will-change:transform}.character{height:100%;width:auto;max-width:100%;overflow:visible}.story-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:43%;max-width:625px}.story-panel{display:none}.story-panel.active{display:block}.has-scroll .story-panel{display:block;position:absolute;left:0;width:100%;top:50%;opacity:0;visibility:hidden;transform:translateY(calc(-50% + 25px));pointer-events:none;transition:opacity .45s ease,transform .6s ease,visibility .45s}.has-scroll .story-panel.active{opacity:1;visibility:visible;transform:translateY(-50%);pointer-events:auto}.story-panel h1,.story-panel h2{font-size:clamp(40px,4.05vw,64px);line-height:1.1;letter-spacing:-.055em;max-width:600px;margin:0 0 24px;color:var(--ink);text-wrap:balance}.story-panel h2{font-size:clamp(44px,4.6vw,72px);max-width:520px}.story-panel em{color:#9a5b74;font-weight:400}.story-panel p{font-size:16px;line-height:1.8;color:#52676b;max-width:470px}.story-panel .button{margin-top:26px}.story-bottom{position:absolute;bottom:35px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.scroll-cue{display:flex;gap:16px;align-items:center;font-size:9px;letter-spacing:.17em}.cue-line{width:1px;height:28px;display:block;background:#7a8876;position:relative;overflow:hidden}.cue-line:after{content:'';position:absolute;inset:0;background:#f9f4e7;transform:translateY(-100%);animation:cue 2s ease infinite}@keyframes cue{to{transform:translateY(100%)}}.stage-nav{display:flex;gap:8px;align-items:center;padding:8px 12px;background:#fff9ecbd;border:1px solid #ffffff8f;border-radius:40px;backdrop-filter:blur(12px)}.stage-nav button{width:30px;height:30px;border:0;border-radius:50%;background:none;color:#415d59;font-size:10px;padding:0;transition:background .3s,color .3s}.stage-nav button:first-child{width:43px;border-radius:22px}.stage-nav button[aria-current=true]{background:#617852;color:#fff}.journey-label{font-size:9px;letter-spacing:.16em;color:#36553d}.scene-note{position:absolute;bottom:100px;right:4.5%;font-size:9px;color:#385842;max-width:205px;line-height:1.5;text-align:right}.scene-object{position:absolute;opacity:0;transform:translateY(30px) rotate(-8deg);transition:opacity .7s,transform .8s;will-change:transform;pointer-events:none}.scene-object.visible{opacity:1;transform:translateY(0) rotate(0)}.object-assessment{right:12%;top:33%;width:76px;height:76px;background:#f8f3e9;border-radius:50%;display:grid;place-items:center;box-shadow:0 14px 40px #31483712;color:#9a5b74;font:52px Georgia}.object-plan{right:8%;top:48%;width:100px;transform:rotate(8deg)}.object-food{right:7%;top:49%;width:145px}.object-flower{right:9%;bottom:13%;width:110px}.journey-bridge{text-align:center;padding:110px 0 105px;background:#dce6d5;position:relative}.journey-bridge .wrap{max-width:800px}.journey-bridge h2{font-size:clamp(40px,4.5vw,65px)}.journey-bridge p{max-width:600px;margin:28px auto;color:#52655a;font-size:17px}.journey-bridge .text-link{margin-top:8px}.about{background:#fbf7ef}.about-brand img{width:190px}.about-copy .about-closing{border-color:#a2b18e}.profiles{background:#f3efe6}.profiles-intro{gap:70px}.profile-card{background:#fbf7ef;border-color:#d5dccd;border-radius:14px;padding:35px}.profile-card:hover{border-color:#a2b18e;box-shadow:0 12px 30px #203d5409}.profile-card:nth-child(4),.profile-card:nth-child(5){background:#e9edde}.profile-card h3{font-size:28px}.card-no{color:#8d9c73}.profile-details>summary{color:#94526a}.final-cta{background:#647c54;color:#fff9ec;padding:105px 0}.final-cta h2 em{color:#e6dac9}.final-cta .eyebrow{color:#e7daca}.final-cta .button{background:#fbf7ed;color:#364d41}.final-cta p{max-width:600px;margin:25px auto 30px}.faq{background:#fbf7ef}.site-footer{background:#203d54}.footer-bottom{color:#c5d2d6}.footer-contact>span{color:#c5d2d6}.floating-contact{background:#94526a;color:#fff;border-radius:50%;width:53px;height:53px;padding:14px;right:21px;bottom:20px;box-shadow:0 8px 24px #203d5422}.floating-contact>span{display:none}.floating-contact:hover{background:#794258}.profile-dialog{background:#fbf7ef;border-radius:18px}.dialog-close{background:#fbf7ef}.profile-full blockquote{border-color:#8eaa7e}.profile-dialog::backdrop{background:#203d5499}.profile-full h2{color:var(--ink)}
@media(min-width:1600px){.story-copy{left:10%;max-width:650px}.story-panel h1{font-size:67px}.character-wrap{right:13%;width:36%}.story-header{padding-inline:6%}}
@media(max-width:1100px){.story-copy{left:5%;width:46%}.story-panel h1{font-size:48px}.story-panel h2{font-size:53px}.character-wrap{right:7%;width:42%;height:77%}.arch{right:6%;width:44%}.scene-note{right:3%}.scene-object{right:3%}.journey-label{display:none}.scene-wash{background:linear-gradient(90deg,#f8f3e9fa,#f8f3e9e8 35%,#f8f3e940 65%,#f8f3e900)}.story-panel p{font-size:15px}.story-header nav{gap:20px}}
@media(max-width:700px){
 html{scroll-padding-top:20px}.story-header{height:78px;padding:0 20px}.story-header .brand img{width:130px}.story-header .brand>span{display:none}.story-header nav>a:not(.header-cta){display:none}.header-cta{font-size:10px;padding:9px 13px}.header-cta span{margin-left:8px}
 .has-scroll .scroll-story{height:680svh}.story-sticky{height:100svh;min-height:620px}
 .scene-wash{background:linear-gradient(180deg,#f8f3e9 0%,#f8f3e9ee 36%,#f8f3e977 50%,#f8f3e900 73%)}
 .story-copy{left:24px;right:24px;top:102px;width:auto;max-width:none;transform:none;height:295px}
 .has-scroll .story-panel{top:0;transform:translateY(15px)}.has-scroll .story-panel.active{transform:translateY(0)}
 .story-panel .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:13px}.story-panel h1{font-size:clamp(31px,8.5vw,43px);line-height:1.06;max-width:480px;margin-bottom:16px;letter-spacing:-.045em;text-wrap:initial}.story-panel h2{font-size:clamp(36px,9vw,48px);max-width:400px;line-height:1.08;margin-bottom:18px}.story-panel p{font-size:12px;line-height:1.7;max-width:460px}.story-panel .button{padding:10px 18px;min-height:42px;font-size:10px;gap:18px;margin-top:17px}.story-panel .button span{font-size:15px}
 .character-wrap{height:47%;width:76%;right:10%;bottom:55px}.arch{height:42%;width:62%;right:18%;bottom:70px}.scene-word{font-size:27vw;top:auto;bottom:38%;right:0;opacity:.8}.landscape{height:120%;top:-20%;width:100%}.scene-note{bottom:111px;right:18px;width:93px;font-size:7px;line-height:1.4;background:#f8f3e940;padding:3px;border-radius:3px}.story-bottom{left:20px;right:20px;bottom:18px;justify-content:center}.scroll-cue{position:absolute;left:0;bottom:50px;font-size:7px;writing-mode:vertical-rl;gap:8px}.cue-line{height:18px}.stage-nav{padding:5px 9px;gap:5px}.stage-nav button{width:25px;height:25px;font-size:9px}.stage-nav button:first-child{width:37px}.journey-label{display:none}
 .object-assessment{width:43px;height:43px;font-size:30px;right:17%;top:auto;bottom:38%}.object-plan{width:65px;right:9%;top:auto;bottom:27%}.object-food{width:82px;right:9%;top:auto;bottom:22%}.object-flower{width:60px;right:9%;bottom:19%}
 .journey-bridge{padding:72px 0}.journey-bridge h2{font-size:39px}.journey-bridge p{font-size:15px}.about-brand img{width:165px}.profiles-intro{gap:25px}.profile-card{padding:27px 24px}.profile-card h3{font-size:26px}.final-cta{padding:72px 0}.final-cta h2{font-size:38px}.floating-contact{width:46px;height:46px;padding:12px;right:14px;bottom:16px}.footer-top img{width:155px}
}
@media(max-width:700px) and (max-height:740px){.story-copy{top:90px;height:240px}.story-panel h1{font-size:30px;margin-bottom:12px}.story-panel h2{font-size:36px}.story-panel p{font-size:11px;line-height:1.6}.story-panel .button{margin-top:12px;min-height:36px;padding:8px 15px}.character-wrap{height:41%;bottom:50px}.scene-note{bottom:75px}.object-assessment{bottom:31%}}
.motion-reduced .cue-line:after{animation:none}.motion-reduced .scene-object,.motion-reduced .story-panel{transition:none}
@media print{.scroll-story{height:auto!important}.story-sticky{height:auto;overflow:visible}.scene,.story-bottom,.scene-note,.story-header,.floating-contact{display:none}.story-copy{position:static;transform:none;width:100%}.has-scroll .story-panel{position:static;visibility:visible;opacity:1;transform:none;page-break-inside:avoid;margin:25px 0}}

.human-photos{position:relative;width:100%;height:100%;isolation:isolate}.human-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:plus-lighter;will-change:opacity}.human-end{opacity:0}.character-wrap:has(.human-photos){height:78%}@media(max-width:1100px){.character-wrap:has(.human-photos){height:74%}}@media(max-width:700px){.character-wrap:has(.human-photos){height:47%}}@media(max-width:700px) and (max-height:740px){.character-wrap:has(.human-photos){height:41%}}
.human-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.human-canvas.ready{display:block}.scene-note{background:#f8f3e9d9;padding:7px 9px;border-radius:6px}.human-photo{mix-blend-mode:normal}
.journey-photo{position:absolute;inset:0;display:none;width:100%;height:100%;object-fit:contain;object-position:center bottom}.journey-photo.active{display:block;animation:scene-arrive .4s ease both}@keyframes scene-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scene-object{display:none}@media(prefers-reduced-motion:reduce){.journey-photo.active{animation:none}}.motion-reduced .journey-photo.active{animation:none}
