:root{--paper:#f6f3eb;--ink:#263d32;--accent:#c86945;--line:#d7dbd0;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500}em{font-weight:500;color:var(--accent)}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:calc(var(--progress)*100%);background:var(--accent);z-index:20}.nav{height:90px;max-width:1400px;padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.logo{font:800 34px/1 'Manrope',sans-serif;letter-spacing:-2px}.logo span{color:var(--accent)}.nav nav{display:flex;gap:35px;font-size:13px}.nav a:hover{color:var(--accent)}.hero{max-width:1280px;margin:0 auto;min-height:690px;padding:80px 6% 65px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:25px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase}.eyebrow:before{content:'';display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin:0 10px 2px 0}h1{font-size:clamp(48px,5.8vw,79px);line-height:1.05;letter-spacing:-3px;margin:24px 0}.intro{color:#647063;font-size:15px}.button{margin-top:28px;padding:14px 23px;border-radius:50px;background:#e7a083;display:inline-flex;gap:25px;align-items:center;color:#2d3526;font-size:13px;font-weight:600;transition:transform .25s,background .25s}.button:hover{background:#efa987;transform:translateY(-4px)}.scroll-note{font-size:10px;letter-spacing:1.8px;margin-top:40px;color:#798172}.scroll-note span{display:inline-block;margin-left:25px;font-size:18px}.postcards{height:475px;position:relative;perspective:1000px}.postcard{position:absolute;top:50px;left:0;width:67%;padding:10px;background:#fff;box-shadow:0 22px 45px #263d3222;transform:translateY(var(--hero-shift,0px)) rotate(-10deg);will-change:transform}.postcard img{width:100%;height:310px;object-fit:cover;display:block}.postcard figcaption{font:15px/2.5 'Playfair Display',serif;text-align:center;color:#263d32}.postcard.two{left:30%;top:10px;transform:translateY(calc(var(--hero-shift,0px)*-.7)) rotate(9deg)}.stamp{position:absolute;bottom:12px;left:22%;background:#e5eadc;border:1px solid #b7c1ac;border-radius:50%;width:110px;height:110px;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.6;letter-spacing:1px;transform:rotate(-12deg)}.manifesto{text-align:center;padding:100px 25px 130px;border-top:1px solid var(--line);max-width:1100px;margin:auto}.manifesto h2,.closing h2{font-size:clamp(40px,5vw,65px);line-height:1.1;letter-spacing:-2px;margin:24px 0}.manifesto p:last-child{max-width:480px;margin:auto;color:#6e786a}.experience{max-width:1160px;padding:0 40px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:85px;position:relative}.chapter{min-height:85vh;display:flex;flex-direction:column;justify-content:center;padding:90px 0;scroll-margin-top:80px;opacity:.36;transition:opacity .5s}.chapter.active{opacity:1}.chapter-num{font-size:11px;letter-spacing:2px;color:var(--accent)}.chapter h2{font-size:clamp(36px,4.4vw,57px);line-height:1.13;letter-spacing:-1.5px;margin:25px 0}.chapter p{font-size:15px;color:#697464;max-width:390px}.chapter ul{list-style:none;padding:0;margin:22px 0;font-size:12px;color:#52634e}.chapter li{padding:8px 0;border-bottom:1px solid var(--line)}.chapter li:before{content:'↗';margin-right:12px;color:var(--accent)}.next{font-size:12px;font-weight:500;margin-top:20px}.next:hover{color:var(--accent)}.visual-column{min-width:0}.visual-sticky{position:sticky;top:calc((100vh - 565px)/2);padding-top:20px}.visual-stage{position:relative;aspect-ratio:4/4.8;max-height:520px;background:#e9e8dd;border-radius:150px 150px 12px 12px;overflow:hidden;isolation:isolate;box-shadow:0 25px 50px #283c3210}.scene{position:absolute;inset:0;opacity:0;transform:translateY(45px) scale(.92) rotate(3deg);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.75,.2,1);pointer-events:none}.scene.active{opacity:1;transform:translateY(0) scale(1) rotate(0)}.scene img{height:100%;width:100%;object-fit:cover}.landscape,.city-image,.roads-image{position:absolute;inset:-25px;transform:translateY(var(--scene-shift,0px)) scale(1.06);will-change:transform}.scene-tag{position:absolute;top:48px;left:0;width:100%;text-align:center;color:#fff;font-size:10px;letter-spacing:2px;text-shadow:0 1px 12px #000}.travel-ticket{position:absolute;bottom:30px;left:28px;right:28px;background:#f9f5e9ed;padding:24px;transform:rotate(-3deg);box-shadow:0 10px 35px #0002}.travel-ticket>span,.mini-label{font-size:9px;letter-spacing:2px}.travel-ticket h3{font-size:30px;line-height:1.1;margin:13px 0}.ticket-line{border-top:1px dashed #acb59d;margin:15px 0}.travel-ticket p{font-size:11px}.plan-card{position:absolute;bottom:25px;left:25px;right:25px;background:#f8f0df;padding:25px;border-radius:18px;transform:rotate(3deg)}.plan-card h3{font-size:35px;line-height:1.1;margin:15px 0}.plan-card p{font-size:11px;margin-top:18px}.pills{display:flex;gap:7px;flex-wrap:wrap}.pills span{border:1px solid #c6c7b4;border-radius:30px;padding:5px 10px;font-size:10px}.people-image{object-position:center 30%}.people-note{position:absolute;bottom:0;width:100%;padding:55px 30px 30px;background:linear-gradient(transparent,#183c31e8);color:#fff}.people-note>span{font-size:10px;letter-spacing:2px}.people-note h3{font-size:38px;line-height:1.1;margin:10px 0 20px}.initials{display:flex;margin-left:8px}.initials b{display:grid;place-items:center;background:#f2c5a8;border:3px solid #254838;color:#274235;width:42px;height:42px;border-radius:50%;margin-left:-8px;font-size:12px}.initials b:nth-child(2){background:#cfdfbf}.initials b:nth-child(3){background:#e8d3a2}.chat-paper{height:100%;padding:65px 26px 20px;background:#e8ecde}.chat-paper h3{font-size:38px;line-height:1.1;margin:20px 0 27px}.bubble{background:#fff;padding:15px;border-radius:14px 14px 14px 2px;font-size:13px;margin-top:13px;box-shadow:0 4px 10px #293f3010;transition:transform .8s,opacity .8s}.bubble small{display:block;color:#75816f;font-size:10px;margin-top:8px}.outgoing{background:#294d3b;color:white;margin-left:45px;border-radius:14px 14px 2px 14px;transition-delay:.15s}.last{margin-right:30px;transition-delay:.3s}.scene:not(.active) .bubble{transform:translateY(35px);opacity:0}.typing{display:block;color:#c9774e;font-size:8px;letter-spacing:3px;margin-top:10px}.chat-note{display:block;font-size:8px;letter-spacing:1.5px;color:#6f7f66;margin-top:20px}.roads-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#0b262e55,#0b262e44)}.roads-type{position:absolute;left:30px;top:80px;color:#fff;font:800 clamp(42px,6vw,70px)/.98 'Manrope',sans-serif;letter-spacing:-3px;transform:translateX(calc(var(--scene-shift,0px)*-.5))}.roads-type em{color:#e8efb5;font-style:normal}.roads-label{position:absolute;bottom:35px;left:30px;color:#fff;font-size:10px;letter-spacing:2px}.packing{height:100%;padding:65px 25px 25px;background:#eedec9;text-align:center}.bag{position:relative;width:150px;height:185px;margin:40px auto 25px;background:#b47a4b;border-radius:40px 40px 20px 20px;box-shadow:10px 15px 20px #7b503c30,inset -12px 0 0 #986c46;transform:rotate(var(--scene-rotate,0deg))}.handle{position:absolute;width:60px;height:25px;left:45px;top:-18px;border:8px solid #8b6747;border-bottom:0;border-radius:20px 20px 0 0}.pocket{position:absolute;left:22px;right:22px;bottom:15px;height:70px;background:#c08a58;border-radius:15px;border-top:3px solid #785a3a;box-shadow:0 3px 8px #0002}.bag>span{position:absolute;top:38px;left:64px;color:#f8ebd8;font:800 22px 'Manrope',sans-serif}.packing-label h3{font-size:24px;line-height:1.2}.packing-label p{font-size:11px;margin-top:12px}.visual-caption{display:flex;justify-content:space-between;margin-top:20px;font-size:12px}.visual-caption b{font-weight:500;color:var(--accent)}.scene-progress{height:2px;background:var(--line);margin-top:12px}.scene-progress span{display:block;height:100%;background:var(--accent);width:16.67%;transition:width .5s}.concept-note{font-size:9px;color:#7b8274;margin-top:10px;letter-spacing:.5px}.closing{padding:130px 25px;text-align:center;background:#e6e9dc;margin-top:80px}.closing p{color:#65735c}.preview-note{display:block;font-size:11px;color:#6f7967;margin-top:22px}footer{padding:55px 6% 25px;background:#111e18;color:#bbc7b9}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:40px}.footer-top .logo{color:#f2efe4}.footer-top p{font-size:12px}.footer-top strong{color:#e6eadd;font-weight:500}.footer-top>a:last-child{font-size:12px}.footer-bottom{border-top:1px solid #ffffff20;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:.25;transform:translateY(40px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1500px){.chapter{min-height:760px}}
@media(max-width:800px){.nav{padding:0 5%;height:75px}.nav nav{gap:15px;font-size:11px}.nav nav a:nth-child(2){display:none}.hero{padding:50px 6%;min-height:600px}.postcards{height:375px}.postcard img{height:230px}.postcard figcaption{font-size:11px}h1{font-size:53px}.experience{gap:35px;padding:0 25px}.visual-sticky{top:150px}.visual-stage{aspect-ratio:3/4.8}.chapter h2{font-size:39px}.chapter p{font-size:14px}.scene .chat-paper{padding:45px 18px 15px}.chat-paper h3{font-size:30px}.bubble{font-size:11px;padding:12px}.travel-ticket{left:15px;right:15px;padding:18px}.scene-tag{font-size:8px}.plan-card{left:15px;right:15px;padding:18px}}
@media(max-width:580px){.nav{gap:12px}.nav .logo{font-size:27px}.nav nav a:not(:first-child){display:none}.hero{grid-template-columns:1fr;gap:20px;padding:50px 7% 25px}h1{font-size:clamp(43px,12vw,65px)}.postcards{height:380px;max-width:400px;width:100%;margin:0 auto}.postcard img{height:260px}.scroll-note{margin-top:22px}.manifesto{padding:65px 25px}.manifesto h2,.closing h2{font-size:42px}.experience{display:flex;flex-direction:column;padding:0 22px;gap:0}.visual-column{display:contents}.visual-sticky{order:-1;position:sticky;top:10px;z-index:4;background:var(--paper);padding:10px 0 14px}.visual-stage{height:260px;aspect-ratio:auto;max-height:none;border-radius:70px 70px 12px 12px}.visual-caption{margin-top:8px}.concept-note{font-size:8px;margin-top:5px}.scene-progress{margin-top:6px}.chapter{min-height:75vh;padding:65px 0;scroll-margin-top:340px}.chapter h2{font-size:40px}.chapter p{max-width:none}.travel-ticket{left:auto;right:18px;width:58%;bottom:18px;padding:16px}.travel-ticket h3{font-size:24px}.scene-tag{top:24px}.city-image img{object-position:50% 40%}.plan-card{left:auto;right:20px;width:62%;bottom:20px;padding:16px}.plan-card h3{font-size:27px;margin:8px 0}.plan-card p{margin-top:8px}.people-image{object-position:50% 40%}.people-note{padding:20px;display:grid;grid-template-columns:1fr auto;align-items:end}.people-note>span{grid-column:1/-1}.people-note h3{font-size:31px;margin:5px 0}.chat-paper{padding:25px 20px!important;display:grid;grid-template-columns:1fr 1.1fr;gap:7px 18px}.chat-paper>.mini-label{grid-column:1/-1}.chat-paper h3{font-size:28px;margin:15px 0;grid-row:2/5}.bubble{margin:0}.outgoing{margin-left:15px}.last{margin-right:10px}.chat-note{display:none}.bubble small{display:none}.roads-type{top:35px;left:30px;font-size:55px}.roads-label{left:auto;right:20px;bottom:25px;writing-mode:vertical-rl;font-size:9px}.packing{padding:30px 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;text-align:left}.packing>.mini-label{grid-column:1/-1}.bag{width:100px;height:135px;margin:0 auto}.handle{left:30px;width:40px;height:20px}.pocket{left:15px;right:15px;height:50px}.bag>span{left:40px;top:23px}.packing-label h3{font-size:22px}.closing{padding:80px 25px;margin-top:0}.footer-top{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column;gap:10px}}
body.motion-off *{scroll-behavior:auto!important;animation:none!important;transition:none!important}body.motion-off .chapter{opacity:1}body.motion-off .reveal{opacity:1;transform:none}body.motion-off .postcard.one{transform:rotate(-10deg)}body.motion-off .postcard.two{transform:rotate(9deg)}body.motion-off .landscape,body.motion-off .city-image,body.motion-off .roads-image{transform:none}body.motion-off .roads-type{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.chapter{opacity:1}.reveal{opacity:1!important;transform:none!important}}
/* Complete informational content and responsive navigation. */
.intro{max-width:370px}.manifesto p:last-child{max-width:660px}.feature-index{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1160px;margin:0 auto 35px;padding:0 25px}.feature-index a{border:1px solid var(--line);border-radius:30px;padding:9px 18px;font-size:12px;transition:background .2s}.feature-index a:hover{background:#e5e9dc}.how-section,.faq-section{max-width:1160px;margin:auto;padding:100px 40px}.section-heading h2,.values-section h2{font-size:clamp(35px,4.5vw,57px);line-height:1.13;letter-spacing:-1.5px;margin:24px 0 40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps article>span{color:var(--accent);font-size:12px}.steps h3{font-size:27px;margin:20px 0 15px}.steps p,.values-copy p{color:#63705e;font-size:14px}.values-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1160px;margin:auto;padding:85px 40px;background:#e9ecdf;border-radius:12px}.values-section h2{margin-bottom:0}.values-copy{align-self:center}.values-copy p+p{margin-top:20px}.text-link{display:block;margin-top:20px;color:var(--accent);font-size:13px}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{font-size:15px;cursor:pointer;padding-right:20px}.faq-list details p{font-size:14px;color:#63705e;padding:15px 0 3px}.faq-list a{text-decoration:underline;text-underline-offset:3px}.closing>p:not(.eyebrow){max-width:540px;margin:auto}.closing .contact-note{font-size:12px;max-width:460px;margin:25px auto 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr;gap:35px;padding-bottom:40px}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:12px;min-width:0}.footer-grid nav h2{font:500 13px 'DM Sans',sans-serif;color:#eff1e8;margin:0 0 10px}.footer-grid a:hover{color:#eeac8b}.footer-brand p{font-size:12px;margin-top:22px}.footer-brand strong{color:#eff1e8;font-weight:500}.footer-grid .logo{color:#eff1e8}.footer-grid a{overflow-wrap:anywhere}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;font-size:12px}.mobile-menu nav{position:absolute;top:35px;right:-30px;background:#f6f3eb;border:1px solid var(--line);box-shadow:0 15px 35px #263d3222;width:210px;padding:18px;z-index:10;display:flex;flex-direction:column;gap:0}.mobile-menu nav a{display:block!important;padding:10px 6px;font-size:13px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.faq-section{grid-template-columns:1fr;gap:10px}.values-section{gap:35px;margin-inline:25px}.steps{gap:25px}}
@media(max-width:580px){.nav>nav{display:none}.mobile-menu{display:block;margin-left:auto}.how-section,.faq-section{padding:65px 25px}.steps{grid-template-columns:1fr;gap:30px}.values-section{grid-template-columns:1fr;padding:40px 25px;margin-inline:20px;gap:30px}.values-section h2{font-size:37px}.section-heading h2{margin-bottom:30px}.feature-index{justify-content:flex-start;gap:8px}.feature-index a{padding:9px 13px}.footer-grid{gap:32px 20px}.footer-brand{grid-column:1/-1}.footer-grid nav:last-child{grid-column:1/-1}.footer-grid nav a{min-height:30px}.faq-list summary{line-height:1.5}.mobile-menu nav a{min-height:44px}}

/* Responsive usability: touch controls, short viewports and readable content. */
.hero>*,.experience>*,.steps>*,.values-section>*,.faq-section>*{min-width:0}
summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.mobile-menu summary{min-height:44px}
.mobile-menu summary{align-content:center;padding:8px 4px}
.mobile-menu nav{top:48px}
.visual-sticky{top:max(16px,calc((100svh - 565px)/2))}
.chapter{opacity:1}.js-motion .chapter:not(.active){opacity:.5}
@media(pointer:coarse){.next,.text-link,.footer-grid nav a{min-height:44px;display:flex;align-items:center}.faq-list summary{min-height:44px}}
@media(max-width:580px){
 html{scroll-padding-top:16px}
 .visual-sticky{top:0}
 .chapter{scroll-margin-top:350px;min-height:75svh}
 .postcards{overflow:clip;overflow-clip-margin:20px}
 .footer-grid nav a{min-height:44px;display:flex;align-items:center}
}
@media(max-width:360px){
 .travel-ticket{width:72%;padding:12px}
 .plan-card{width:76%;padding:12px}
 .chat-paper{gap:7px 10px;padding:22px 14px!important;grid-template-columns:.85fr 1.15fr}
 .chat-paper h3{font-size:24px}
 .people-note h3{font-size:26px}
 .initials b{width:32px;height:32px;font-size:10px}
 .packing{gap:12px;padding:24px 14px}
 .packing-label h3{font-size:20px}
}
/* Short landscape windows keep the illustration in flow so text stays reachable. */
@media(max-height:600px){
 .visual-sticky{position:relative;top:0}
 .chapter{scroll-margin-top:24px}
}

.manifesto .human-intro{max-width:620px;margin:0 auto 24px;font-size:18px;color:var(--ink)}