@font-face{font-family:Journal;src:url('/assets/Journal.woff') format('woff');font-display:swap}@font-face{font-family:Journal;src:url('/assets/JournalItalic.woff') format('woff');font-style:italic;font-display:swap}
:root{--paper:#f3efe5;--ink:#293b35;--rose:#a04c70;--line:#293b3533;--p:0;--heart:0;--intro:0;--street:0;--ending:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--rose);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Journal,Georgia,serif;font-weight:400;line-height:1;letter-spacing:-.04em}i{font-weight:400}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--paper)}.skip:focus{top:10px}header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:25px 4.5%;pointer-events:none;background:linear-gradient(var(--paper),#f3efe500)}header a{pointer-events:auto}.brand{font:26px/1 Journal,serif;letter-spacing:.5px}.brand i{font-size:.9em}.tour-nav{font-size:12px;padding:5px 0 5px 18px}.tour-nav span{margin-left:20px;font-size:23px}.motion{position:fixed;bottom:20px;right:4.5%;z-index:35;border:1px solid var(--line);border-radius:30px;padding:10px 17px;background:#f3efe5e8;font-size:10px;backdrop-filter:blur(8px)}.motion span{margin-left:12px}.journey{height:480svh}.stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;isolation:isolate}.town{position:absolute;inset:20% -5% -10%;background:url('/assets/town.webp') center bottom/cover;mix-blend-mode:multiply;opacity:calc(.85 * (1 - var(--street)));mask-image:linear-gradient(transparent,#000 30%,#000 90%,transparent)}.beppu-word{position:absolute;top:21%;width:100%;text-align:center;font:27vw/.8 Journal,serif;letter-spacing:-.07em;opacity:calc(1 - var(--intro));transform:translateY(calc(var(--intro)*-65px));z-index:4}.beppu-word span{display:block;font:16px/1 Arial,sans-serif;letter-spacing:12px;margin-top:40px}.heat-word{position:absolute;top:14%;width:100%;display:flex;align-items:baseline;justify-content:center;white-space:nowrap;font:clamp(110px,19vw,290px)/.9 Journal,serif;letter-spacing:-.06em;opacity:var(--intro);z-index:4;transform:translateY(calc(var(--ending)*-15px))}.letter-r{display:block;max-width:calc(var(--heart)*.69em);opacity:var(--heart);overflow:hidden;font-style:italic;color:var(--rose);padding-right:.02em}.period{color:var(--rose);font-size:.7em}.street{position:absolute;width:150%;height:100%;left:0;bottom:0;opacity:var(--street);transform:translateX(calc(var(--pan)*-1%));filter:saturate(.7);mask-image:linear-gradient(transparent 5%,#000 25%,#000 90%,transparent)}.street-drawing{position:absolute;inset:0;background:url('/assets/street-v5.webp') center 64%/100% auto no-repeat;mix-blend-mode:multiply}.together{position:absolute;inset:25% 8% 3%;background:url('/assets/together.webp') center/contain no-repeat;mix-blend-mode:multiply;opacity:var(--ending);mask-image:radial-gradient(ellipse 60% 60%,#000 45%,transparent 80%);transform:scale(calc(.92 + var(--ending)*.08))}.walkers{position:absolute;bottom:10%;left:0;width:100%;height:32%;z-index:5;opacity:calc(var(--street) * (1 - var(--ending)*.94));transform:translateX(calc(var(--walk)*1%))}.walker{position:absolute;bottom:0;width:clamp(100px,12vw,180px);height:100%;opacity:var(--joined,0);transform:translateX(calc((1 - var(--joined,0))*65px)) translateY(calc((1 - var(--joined,0))*12px))}.walker-0{left:19%;--joined:1}.walker-1{left:28%;--joined:1}.walker-2{left:39%;bottom:2%}.walker-3{left:51%;bottom:4%;height:94%}.walker-4{left:63%;height:92%}.walker-5{left:74%;bottom:5%;height:96%}.person{height:100%;width:100%;background-image:url('/assets/people-v5.webp');background-size:600% 100%;background-position:calc(var(--i)*20%) 0;filter:drop-shadow(2px 6px 2px #293b3515);transform-origin:50% 100%}.walking .person{animation:step .65s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.14s)}@keyframes step{from{transform:translateY(0) rotate(-.5deg)}to{transform:translateY(-4px) rotate(.6deg)}}
#steam{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}.journey-progress{position:absolute;left:4.5%;bottom:30px;width:90px;height:1px;background:var(--line);z-index:10}.journey-progress i{display:block;width:calc(var(--p)*100%);height:1px;background:var(--rose)}.scroll-cue{position:absolute;bottom:15px;left:50%;font-size:27px;padding:10px;z-index:15;animation:nudge 3s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(6px)}}
.vent{position:absolute;width:28%;height:45%;pointer-events:none}.vent i{position:absolute;inset:0;background:url('/assets/steam.webp') center/contain no-repeat;animation:steam 8s ease-in-out infinite;opacity:0;transform-origin:50% 100%}.vent i:nth-child(2){animation-delay:-2.7s;left:12%}.vent i:nth-child(3){animation-delay:-5.4s;left:-12%}.vent-one{left:8%;bottom:22%}.vent-two{right:4%;bottom:20%;width:23%;height:38%;filter:sepia(.1)}@keyframes steam{0%{opacity:0;transform:translateY(25%) scale(.6)}25%{opacity:.65}65%{opacity:.36}100%{opacity:0;transform:translateY(-60%) scale(1.4)}}.water-lines{position:absolute;left:48%;bottom:13%;width:12%;height:17%;transform:skewX(-20deg);overflow:hidden}.water-lines i{position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#fff9,transparent);animation:water 2.7s linear infinite}.water-lines i:nth-child(2){animation-delay:-.9s}.water-lines i:nth-child(3){animation-delay:-1.8s}@keyframes water{from{top:0;opacity:0;transform:scaleX(.3)}30%{opacity:.8}to{top:100%;opacity:0;transform:scaleX(1.3)}}.droplets{position:absolute;right:10%;bottom:20%;width:13%;height:28%;overflow:hidden}.droplets i{position:absolute;left:20%;width:1px;height:12px;background:#faf8e8;animation:drop 1.7s linear infinite}.droplets i:nth-child(2){left:40%;animation-delay:-.4s}.droplets i:nth-child(3){left:60%;animation-delay:-.9s}.droplets i:nth-child(4){left:80%;animation-delay:-1.3s}@keyframes drop{from{top:0;opacity:0}20%{opacity:.7}to{top:100%;opacity:0}}
.collection{position:relative;padding:95px 6% 150px;isolation:isolate;overflow:hidden;scroll-margin-top:60px;background:radial-gradient(ellipse at 0 100%,#ead8df50,transparent 50%),var(--paper)}.collection:before{content:'';position:absolute;top:-140px;left:-10%;width:120%;height:280px;background:url('/assets/town.webp') center/cover;mix-blend-mode:multiply;opacity:.12;mask-image:linear-gradient(#000,transparent);z-index:-1}.collection-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 45px}.collection h2{font-size:clamp(50px,6vw,90px)}.collection h2 i{color:var(--rose)}.demo-label{font-size:8px;letter-spacing:1.5px;margin-bottom:7px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px;position:relative;z-index:2}.tour-card{padding:0;text-align:left;position:relative;min-width:0;transition:opacity 1s,transform .8s;isolation:isolate}.tour-card.pending{opacity:0;transform:translateY(28px)}.tour-card:focus-visible{opacity:1;transform:none}.card-picture{display:block;aspect-ratio:1.12;background-color:#eae5d9;background-repeat:no-repeat;transition:filter .7s,transform .8s;overflow:hidden;border-radius:2px;filter:saturate(.7);position:relative}.tour-card:hover .card-picture,.tour-card:focus-visible .card-picture{filter:saturate(1.15);transform:translateY(-5px)}.card-together{background-image:url('/assets/together.webp');background-size:cover;background-position:center}.card-dye,.card-weave,.card-steam,.card-soak{background-image:url('/assets/moments.webp');background-size:200% 200%}.card-dye{background-position:0 0}.card-weave{background-position:100% 0}.card-steam{background-position:0 100%}.card-soak{background-position:100% 100%}.card-street{background-image:url('/assets/street-v5.webp');background-size:cover;background-position:center}.card-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 2px 12px;border-bottom:1px solid var(--line);font:clamp(25px,2.6vw,40px)/1.05 Journal,serif;letter-spacing:-.6px}.card-arrow{font:22px Arial,sans-serif}.demo-badge{position:absolute;top:12px;left:12px;font:8px/1 Arial,sans-serif;letter-spacing:1px;padding:6px 8px;background:#f3efe5d9;border-radius:2px}.catalog-vent{position:absolute;bottom:0;left:-15px;width:180px;height:160px;pointer-events:none;opacity:.65;z-index:0}.catalog-vent svg{width:100%;height:100%;stroke:#637067;fill:none;stroke-width:2}.catalog-vent .vent{left:-65px;bottom:70px;width:330px;height:350px}.catalog-vent .vent i{filter:sepia(.2) hue-rotate(290deg)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:35px 6% 80px}footer small{font-size:9px;opacity:.7}footer>a:last-child{font-size:25px;padding:10px}
.dialog-open{overflow:hidden}dialog{padding:0;background:var(--paper);color:var(--ink);border:1px solid #293b3520;width:min(980px,94vw);max-height:92svh;overscroll-behavior:contain}dialog::backdrop{background:#233b33b8;backdrop-filter:blur(7px)}.dialog-close{position:sticky;float:right;top:14px;margin:14px 14px -60px 0;z-index:3;width:44px;height:44px;border-radius:50%;background:var(--paper);border:1px solid var(--line);font:28px Arial,sans-serif}.dialog-art{height:280px;background-repeat:no-repeat;mix-blend-mode:multiply}.dialog-art.card-together,.dialog-art.card-street{background-size:cover;background-position:center 58%}.dialog-art.card-dye,.dialog-art.card-weave,.dialog-art.card-steam,.dialog-art.card-soak{height:340px;background-size:200% 200%}.dialog-body{padding:35px 6% 45px}.eyebrow{font-size:9px;letter-spacing:1.4px;text-transform:uppercase}dialog h2{font-size:clamp(40px,5vw,70px);margin:16px 0 25px}dialog p{margin-bottom:18px;font-size:14px;line-height:1.7}dialog h3{font-size:25px;margin:15px 0}dialog details{border-top:1px solid var(--line);padding:15px 0}dialog summary{cursor:pointer;padding:5px 0;font-size:14px}dialog details p{margin:15px 0;font-size:13px}.mini-moments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 0}.mini-moments a{display:block;text-align:center;font-size:11px}.mini-moments span{display:block;aspect-ratio:1;background-image:url('/assets/moments.webp');background-size:200% 200%;mix-blend-mode:multiply}.download{border-bottom:1px solid var(--ink);padding:12px 0;margin-top:20px;font-size:12px}.feedback{font-size:11px;margin-top:12px}.demo-notice{padding:18px;background:#e7dedf;border-left:2px solid var(--rose)}.noscript-note{padding:25px 6%}.paused *,.offscreen *{animation-play-state:paused!important}
@media(min-width:1700px){.collection{padding-inline:calc((100vw - 1500px)/2)}}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-caption{font-size:32px}.street{width:200%}.walker{width:15vw}.walker-0{left:7%}.walker-1{left:21%}.walker-2{left:36%}.walker-3{left:51%}.walker-4{left:66%}.walker-5{left:81%}.walkers{height:25%;left:-3%}.together{inset:25% -12% 8%}}
@media(max-width:600px){header{padding:20px 6%}.brand{font-size:22px}.journey{height:440svh}.stage{min-height:580px}.beppu-word{top:29%;font-size:28vw}.beppu-word span{font-size:12px;letter-spacing:9px;margin-top:26px}.heat-word{top:24%;font-size:25vw}.town{inset:25% -65% -10%}.street{width:290%;height:100%;bottom:0}.street-drawing{background-size:100% auto;background-position:center 76%}.vent-one{bottom:27%;height:30%}.vent-two{bottom:27%;height:26%}.water-lines{bottom:22%;height:12%}.droplets{bottom:26%;height:19%}.walkers{bottom:16%;height:21%;left:-6%;width:100%}.walker{width:20vw}.walker-0{left:0%}.walker-1{left:16%}.walker-2{left:33%}.walker-3{left:49%;bottom:9%}.walker-4{left:65%;bottom:2%}.walker-5{left:81%;bottom:13%}.together{inset:33% -20% 10%;background-size:contain}.collection{padding:60px 6% 110px}.collection-top{align-items:start;gap:10px;margin-bottom:32px}.collection h2{font-size:45px;max-width:230px}.demo-label{font-size:6px;letter-spacing:1px;max-width:70px;padding-top:6px}.cards{gap:27px 13px}.card-picture{aspect-ratio:.8}.card-caption{font-size:clamp(19px,5vw,28px);padding:13px 0;gap:5px;min-height:70px;align-items:start}.card-arrow{font-size:16px}.demo-badge{font-size:6px;top:7px;left:7px;padding:4px 5px}.motion{bottom:12px;right:6%;padding:9px 13px;font-size:9px}.journey-progress{left:6%;width:60px;bottom:30px}.scroll-cue{left:45%}footer{flex-wrap:wrap;padding:30px 6% 80px;gap:20px}footer small{font-size:8px;order:3;flex-basis:100%}.dialog-art{height:220px}.dialog-art.card-dye,.dialog-art.card-weave,.dialog-art.card-steam,.dialog-art.card-soak{height:260px}.dialog-body{padding:25px 7% 35px}dialog{max-height:94svh;width:96vw}dialog h2{font-size:43px}.mini-moments{gap:7px}.mini-moments a{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey{height:160svh}.stage{position:relative;height:160svh}.town{opacity:.5}.beppu-word{opacity:1;top:15%;font-size:26vw}.heat-word{display:none}.street{opacity:.6;bottom:0;height:80%;transform:none}.walkers{opacity:1;bottom:10%;transform:none}.walker{opacity:1;transform:none}.together,#steam,.vent,.motion,.water-lines,.droplets{display:none}.tour-card.pending{opacity:1;transform:none}}
.walkway{position:absolute;left:0;bottom:0;width:100%;height:22%;opacity:calc(var(--street) * (1 - var(--ending)));z-index:4;mask-image:linear-gradient(transparent,#000 30%,#000 75%,transparent)}
@media(max-width:600px){.walkway{height:28%}}
/* The people met along the way remain present through the end of the walk. */
.together{display:none}.walkers{opacity:var(--street)}.walkway{opacity:var(--street)}
/* V6 — a colourful journey, one experience at a time. */
:root{--paper:#f5f0e5;--ink:#203f37;--rose:#aa4267}.journey{height:220svh}.stage{background:#87cfc3}.town{opacity:calc(.8 * (1 - var(--street)));mix-blend-mode:multiply}.beppu-word{color:#173f37}.beppu-word span{color:#214e45}.heat-word{color:#204b42}.street{mix-blend-mode:multiply}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 70%,#f5f0e540);z-index:7}.walkway path:first-child{fill:#b8d3b3}header{background:linear-gradient(#f5f0e5dd,#f5f0e500)}.tour-story{overflow:hidden}.tour-stop{position:relative;isolation:isolate;padding:130px 8% 155px;min-height:900px;scroll-margin-top:45px;background:var(--bg);color:var(--ink)}.tour-stop:before{content:'';position:absolute;top:-60px;left:-10%;width:120%;height:140px;border-radius:50% 55% 0 0;background:var(--bg);z-index:-1}.stop-rose{--bg:#e9b1bc;--accent:#994565}.stop-blue{--bg:#87bfd9;--accent:#225d91}.stop-gold{--bg:#e5c772;--accent:#8b6028}.stop-green{--bg:#78c5a4;--accent:#1b6952}.stop-sand{--bg:#e9d7ab;--accent:#457d98}.stop-teal{--bg:#6cb8b0;--accent:#235950}.tour-stop:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.13' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.14;pointer-events:none;z-index:3}.route-line{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#f8f0db80;stroke-width:55;z-index:-1}.stop-number{position:absolute;top:7%;right:7%;font:italic 160px/1 Journal,serif;color:#f5f0e559;letter-spacing:-10px;z-index:-1}.stop-layout{display:grid;grid-template-columns:1.3fr .85fr;gap:7%;align-items:center;max-width:1400px;margin:auto}.tour-stop:nth-child(even) .stop-visual{order:2}.tour-stop:nth-child(even) .stop-copy{order:1}.stop-visual{position:relative;min-width:0;transform:rotate(-2deg);transition:opacity 1s,transform 1.3s cubic-bezier(.2,.7,.2,1)}.tour-stop:nth-child(even) .stop-visual{transform:rotate(2deg)}.picture-shape{width:100%;aspect-ratio:1.04;background-repeat:no-repeat;box-shadow:0 18px 38px #263d3517;border:9px solid #f5f0e5;border-radius:48% 47% 6% 8% / 30% 36% 5% 5%;background-color:var(--paper);background-blend-mode:multiply;position:relative;z-index:1}.stop-blue .picture-shape{border-radius:10% 8% 35% 8%;transform-origin:50% 0}.stop-gold .picture-shape{border-radius:50%}.stop-green .picture-shape{border-radius:7% 38% 8% 32%}.stop-sand .picture-shape{border-radius:48% 48% 8% 8%}.stop-teal .picture-shape{border-radius:6% 32% 7% 7%}.card-buns{background-image:url('/assets/buns-v6.webp');background-size:cover;background-position:center}.hand-note{position:relative;z-index:3;display:block;text-align:center;max-width:80%;margin:-14px auto 0;transform:rotate(-5deg);font:italic clamp(22px,2.7vw,38px)/1.1 Journal,serif;background:var(--paper);padding:10px 22px;width:max-content;box-shadow:2px 4px 0 #293b3510}.stop-copy{position:relative;z-index:4;transition:opacity .9s,transform 1s}.stop-copy h2{font-size:clamp(65px,7.5vw,115px);margin:24px 0 30px;line-height:.9;letter-spacing:-.045em}.stop-copy h2 i{color:var(--accent)}.stop-meta{font-size:12px;line-height:1.6;margin:20px 0}.tour-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;background:#203f37;color:#fff9ee;border-radius:40px;padding:17px 26px;min-width:230px;min-height:54px;font-size:13px;transition:background .3s,transform .3s}.tour-cta:hover{background:#315d51;transform:translateY(-2px)}.tour-cta span{font-size:22px;line-height:1}.stop-copy small{display:block;font-size:10px;margin-top:13px}.friends{position:absolute;bottom:28px;left:10%;height:105px;display:flex;align-items:end;pointer-events:none;z-index:4}.friend{display:block;width:53px;height:103px;background-image:url('/assets/people-v5.webp');background-size:600% 100%;background-position:calc(var(--i)*20%) 0;transform:rotate(calc((var(--i) - 2)*1deg));margin-right:2px}.tour-stop:nth-child(even) .friends{left:auto;right:12%}.scene-steam{inset:auto;bottom:10%;left:-12%;width:60%;height:90%;z-index:2;opacity:.55}.stop-blue .scene-steam,.stop-gold .scene-steam{left:auto;right:-15%;opacity:.25}.film-window{position:absolute;right:-9%;bottom:8%;width:35%;aspect-ratio:1;border:6px solid #f5f0e5;border-radius:50%;z-index:5;transform:rotate(8deg);background:var(--paper);box-shadow:0 10px 20px #203f3726}.film-window video{width:100%;height:100%;object-fit:cover;border-radius:50%}.film-window span{position:absolute;bottom:-17px;left:0;right:0;background:var(--paper);font-size:7px;letter-spacing:1px;text-align:center;padding:4px}.tour-stop.awaiting .stop-visual{opacity:0;transform:translateY(55px) rotate(-5deg)}.tour-stop.awaiting .stop-copy{opacity:0;transform:translateY(30px)}.collection{background:#f5f0e5;padding-top:75px;padding-bottom:100px}.collection h2{font-size:60px}.cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.card-caption{font-size:20px}.card-picture{aspect-ratio:.86}.card-arrow{font-size:16px}.journey-dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:9px}.journey-dots a{width:26px;height:26px;border:1px solid #203f3755;border-radius:50%;background:#f5f0e590;display:grid;place-items:center;transition:background .3s,color .3s}.journey-dots a span{font-size:8px}.journey-dots a[aria-current=true]{background:#203f37;color:var(--paper)}.dialog-open .journey-dots{display:none}.dialog-art.card-together{background-image:url('/assets/together.webp')}.motion{bottom:16px}.stop-copy .eyebrow{font-size:10px}.catalog-vent{display:none}
@media(max-width:900px){.tour-stop{padding-inline:7%;min-height:760px}.stop-layout{gap:5%}.stop-copy h2{font-size:65px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-dots{right:6px}.tour-cta{min-width:190px}.picture-shape{border-width:6px}}
@media(max-width:600px){.journey{height:190svh}.tour-stop{min-height:0;padding:65px 8% 140px}.tour-stop:before{height:75px;top:-35px}.stop-layout{display:flex;flex-direction:column;gap:28px}.stop-visual{width:100%;order:0!important}.stop-copy{width:100%;order:1!important;text-align:center}.picture-shape{aspect-ratio:.98}.stop-copy h2{font-size:clamp(53px,15vw,74px);margin:15px 0 20px}.stop-copy h2 br{display:none}.stop-copy h2 br:after{content:' '}.stop-meta{font-size:11px;margin:15px 0}.tour-cta{margin:0 auto;width:min(100%,280px);font-size:12px}.stop-copy small{font-size:9px}.stop-copy .eyebrow{font-size:8px}.hand-note{font-size:24px;padding:8px 16px;margin-top:-8px;max-width:90%}.stop-number{font-size:100px;top:3%;right:7%}.friends{bottom:33px;left:8%;height:75px}.friend{height:75px;width:38px;margin-right:0}.tour-stop:nth-child(even) .friends{right:12%}.journey-dots{right:2px;gap:6px}.journey-dots a{width:19px;height:19px}.journey-dots a span{font-size:6px}.collection{padding:45px 8% 80px}.collection h2{font-size:40px}.collection-top{align-items:center}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.card-caption{font-size:21px;min-height:62px}.film-window{right:-4%;width:35%;bottom:10%}.film-window span{font-size:5px}.route-line{stroke-width:85}.scene-steam{height:80%}}
@media(prefers-reduced-motion:reduce){.journey{height:110svh}.stage{height:110svh}.tour-stop.awaiting .stop-copy,.tour-stop.awaiting .stop-visual{opacity:1;transform:none}.stop-visual{transform:none!important}.tour-cta:hover{transform:none}}
.picture-shape.card-buns{aspect-ratio:1.35;background-size:contain;border-radius:8% 8% 28% 8%}.illustration-note{font-size:11px;color:#526259}
/* Keep the motion window clear of the handwritten caption. */
.film-window{top:-5%;bottom:auto;right:-4%}

/* V7 — plum ink and pencil marks: retain the illustrated palette. */
.beppu-word,.heat-word{color:#513444;text-shadow:0 1px 0 #fff8e7,0 0 24px #fff8e780}
.beppu-word span{color:#513444}
.heat-word .letter-r{color:#963f65}
.heat-word .period{display:inline-flex;align-self:center;font-size:inherit;width:.34em;margin-left:.055em;color:#963f65;transform:rotate(-7deg)}
.warmth-mark{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sketch-arrow{display:block;width:30px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.pencil-echo{opacity:.25;stroke-width:.65}
.tour-nav{display:inline-flex;align-items:center;gap:14px;min-height:44px}
.tour-nav span{display:inline-flex;margin-left:0}
.tour-nav .sketch-arrow{width:31px;height:29px;transform:rotate(5deg)}
.tour-cta>span,.card-arrow{display:inline-flex;flex-shrink:0}
.tour-cta .sketch-arrow{width:27px;height:25px}
.card-arrow .sketch-arrow{width:23px;height:23px}
.tour-nav:hover .sketch-arrow,.tour-cta:hover .sketch-arrow{transform:translate(2px,-2px) rotate(5deg)}
@media(max-width:600px){.tour-nav{gap:9px}.tour-nav .sketch-arrow{width:25px}.heat-word{font-size:20vw}.heat-word .period{width:.29em}.card-arrow .sketch-arrow{width:19px}}

/* V9: small real-life photographs, like prints tucked into a travel journal. */
.photo-snapshot{position:absolute;top:-4%;right:-5%;width:39%;margin:0;padding:7px 7px 16px;background:#fff8e9;z-index:5;transform:rotate(8deg);box-shadow:2px 8px 18px #203f3730;pointer-events:none}
.photo-snapshot:before{content:'';position:absolute;top:-7px;left:35%;width:34%;height:16px;background:#ece0bda6;transform:rotate(-7deg)}
.photo-snapshot img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.stop-gold .photo-snapshot{right:-8%;top:0;transform:rotate(-7deg)}
.snapshot-food{top:-5%;left:-5%;right:auto;width:36%;transform:rotate(-8deg)}
.stop-green .film-window{width:28%;right:-5%;top:4%}
.stop-coral{--bg:#e9ac92;--accent:#88463d}
.card-hells{background-image:url('/assets/hells-illustration.webp');background-size:cover;background-position:center}
.stop-coral .picture-shape{border-radius:45% 42% 8% 8%}
.dialog-art.card-hells{background-size:cover;background-position:center 60%}
@media(max-width:600px){.photo-snapshot{width:42%;right:-3%;padding:5px 5px 10px;top:-3%}.stop-gold .photo-snapshot{right:-3%}.snapshot-food{width:37%;left:-3%;right:auto}.stop-green .film-window{width:29%;right:-2%}.photo-snapshot:before{height:12px;top:-5px}}
/* V10 — Heat becomes heart through a shared moment. */
.brand{display:flex;flex-direction:column;gap:5px;font-size:27px}.brand small{font:8px/1.2 Arial,sans-serif;letter-spacing:2.1px}
.beppu-word{top:23%;font-size:26vw;letter-spacing:-.065em;text-shadow:0 1px 0 #fff9e9,0 0 26px #fff8e750}
.beppu-type{display:flex;justify-content:center;align-items:baseline;animation:letter-arrival 1.5s cubic-bezier(.2,.7,.2,1) both;-webkit-text-stroke:.4px currentColor}
.beppu-word .water-u{position:relative;display:inline-block;font:inherit;letter-spacing:inherit;margin:0;color:inherit}
.water-u svg{position:absolute;width:55%;height:15%;left:24%;bottom:11%;fill:none;stroke:#f7efdd;stroke-width:1;stroke-linecap:round;overflow:visible}
.water-u path{stroke-dasharray:120;stroke-dashoffset:120;animation:water-writing 2s 1.2s ease forwards}
.beppu-word .hero-signature{font:11px/1.2 Arial,sans-serif;letter-spacing:4px;margin-top:35px;color:#513444}
@keyframes letter-arrival{from{opacity:.3;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes water-writing{to{stroke-dashoffset:0}}
.letter-r{position:relative;max-width:none;width:calc(var(--heart)*.65em);overflow:visible;padding:0;opacity:1}
.letter-r>span{display:block;opacity:var(--heart);transform:translateY(calc((1 - var(--heart))*.07em));filter:blur(calc((1 - var(--heart))*4px))}
.heat-word .period{opacity:var(--heart);transform:rotate(calc(-7deg + var(--heart)*7deg)) scale(calc(.8 + var(--heart)*.2))}
.welcome-glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 48% 72%,#efb6bd99,transparent 65%);opacity:var(--bond)}
.meeting-lines{position:absolute;left:39%;bottom:40%;width:75px;height:50px;stroke:#984267;stroke-width:1.4;fill:none;stroke-linecap:round;opacity:var(--meeting);transform:translateY(calc((1 - var(--meeting))*10px));z-index:6;pointer-events:none}
.person{background-image:none;position:relative;animation:breathing 5.8s ease-in-out infinite!important;animation-delay:calc(var(--i)*-.8s)!important}
.figure-body,.figure-head{position:absolute;inset:0;background-image:url('/assets/people-v5.webp');background-size:600% 100%;background-position:calc(var(--i)*20%) 0;display:block}
.figure-body{clip-path:polygon(0 23%,100% 23%,100% 100%,0 100%)}
.figure-head{clip-path:polygon(0 0,100% 0,100% 24%,0 24%);transform-origin:50% 23%;animation:look-around 9s ease-in-out infinite;animation-delay:calc(var(--i)*-1.2s)}
.walker-2 .figure-head{transform:rotate(calc(var(--meeting)*-5deg));animation:none}
.walker-0 .figure-head{transform:rotate(calc(var(--meeting)*4deg));animation:none}
.walker-2 .person{rotate:calc(var(--meeting)*-1.5deg)}
.walker-0{margin-left:calc(var(--bond)*2%)}.walker-1{margin-left:calc(var(--bond)*1.5%)}
.walking .person{animation:travel-step .85s ease-in-out infinite alternate!important;animation-delay:calc(var(--i)*-.17s)!important}
@keyframes breathing{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.5px) rotate(.2deg)}}
@keyframes look-around{0%,35%,70%,100%{transform:rotate(0)}43%,57%{transform:rotate(2deg)}}
@keyframes travel-step{from{transform:translateY(0) rotate(-.35deg)}to{transform:translateY(-2px) rotate(.4deg)}}
.friend{animation:friend-breathe 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.75s)}
@keyframes friend-breathe{50%{translate:0 -2px}}
.experience-motion{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit}
.motion-1{inset:36% 20% 30% 28%;filter:blur(2px)}
.motion-1 i{position:absolute;bottom:0;width:10%;height:65%;border-left:2px solid #fff9e9;border-radius:50%;left:calc(20% + var(--n)*25%);opacity:0;animation:bun-steam 5s infinite;animation-delay:calc(var(--n)*1.4s)}
.experience-motion i:nth-child(1){--n:0}.experience-motion i:nth-child(2){--n:1}.experience-motion i:nth-child(3){--n:2}
@keyframes bun-steam{0%{opacity:0;transform:translateY(15px) scale(.8)}35%{opacity:.7}100%{opacity:0;transform:translateY(-30px) scale(1.1)}}
.stop-blue .picture-shape{animation:cloth-breath 8s ease-in-out infinite}
@keyframes cloth-breath{50%{transform:perspective(900px) rotateY(1.4deg) rotateZ(.25deg)}}
.motion-3{inset:20% 25% 35%;opacity:.4}
.motion-3:after{content:'';position:absolute;width:60%;height:70%;left:20%;top:10%;border-right:2px solid #f5dd9a;border-radius:50%;transform-origin:bottom;animation:bamboo-bend 7s ease-in-out infinite}
@keyframes bamboo-bend{0%,70%,100%{transform:rotate(-6deg)}35%{transform:rotate(5deg)}}
.motion-5{inset:10% 8% 65%;opacity:.3}.motion-5 i{position:absolute;width:100%;height:20px;top:calc(var(--n)*12px);border-top:1px solid #fcf8e9;border-radius:50%;animation:tidal-line 7s infinite;animation-delay:calc(var(--n)*-2s)}
@keyframes tidal-line{0%,100%{translate:-10% 0;opacity:.2}50%{translate:5% 5px;opacity:.8}}
.motion-6{inset:55% 30% 17%;opacity:.3;background:linear-gradient(110deg,transparent 30%,#fff8e7aa 50%,transparent 70%);background-size:300% 100%;animation:canal-glint 9s infinite}
@keyframes canal-glint{from{background-position:150% 0}to{background-position:-50% 0}}
.motion-7{inset:48% 13% 20%;overflow:visible}
.motion-7 i{position:absolute;left:25%;top:20%;width:55%;height:35%;border:1px solid #fff9e9;border-radius:50%;animation:pool-ring 7s infinite;animation-delay:calc(var(--n)*-2.3s)}
@keyframes pool-ring{from{transform:scale(.3);opacity:.6}to{transform:scale(1.5);opacity:0}}
.photo-snapshot{transition:transform .7s ease,opacity .7s ease}
.tour-stop.awaiting .photo-snapshot{transform:translateY(12px) rotate(13deg);opacity:0}
.journey-dots{right:4px;gap:0}.journey-dots a{width:44px;height:44px;border:0;background:transparent!important;position:relative;color:#203f37;isolation:isolate}.journey-dots a:before{content:'';position:absolute;width:23px;height:23px;border:1px solid #203f3755;border-radius:50%;background:#f5f0e5b0;z-index:-1}.journey-dots a[aria-current=true]{color:#fff9ee}.journey-dots a[aria-current=true]:before{background:#203f37}
.paused .person,.paused .figure-head,.paused .friend,.paused .experience-motion,.paused .experience-motion *,.paused .picture-shape,.offscreen .person,.offscreen .figure-head,.offscreen .friend{animation-play-state:paused!important}
@media(max-width:600px){.brand{font-size:23px;gap:4px}.brand small{font-size:7px;letter-spacing:1.5px}.beppu-word{top:31%;font-size:27vw}.beppu-word .hero-signature{font-size:9px;letter-spacing:3px;margin-top:26px}.journey-dots{right:0}.journey-dots a{width:32px;height:44px}.journey-dots a:before{width:18px;height:18px}.meeting-lines{left:40%;bottom:41%;width:46px;height:34px}.heat-word{font-size:21vw}}
@media(prefers-reduced-motion:reduce){.heat-word{display:flex;opacity:1;top:39%;transform:none;font-size:18vw}.letter-r{width:.65em}.letter-r>span{opacity:1;filter:none;transform:none}.heat-word .period{opacity:1;transform:none}.beppu-word{top:15%;opacity:1}.beppu-type{opacity:1;filter:none;transform:none}.water-u path{stroke-dashoffset:0}.welcome-glow{opacity:.4}.meeting-lines{opacity:0}.tour-stop.awaiting .photo-snapshot{opacity:1;transform:rotate(8deg)}.person,.figure-head,.friend,.picture-shape,.experience-motion,.experience-motion *{animation:none!important}}
/* Open a space first, then reveal the whole R within it. */
.letter-r{width:calc(var(--rspace,0)*.72em)}
.stage:before{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;background:radial-gradient(ellipse at 30% 65%,#fff9e7b0,transparent 65%),radial-gradient(ellipse at 75% 80%,#fff9e799,transparent 65%);animation:opening-steam 2.3s ease-out both}
@keyframes opening-steam{from{opacity:.7;transform:translateY(10%)}to{opacity:0;transform:translateY(-35%)}}
@media(prefers-reduced-motion:reduce){.letter-r{width:.72em}.stage:before{display:none}}
.in-intro .journey-dots{visibility:hidden;pointer-events:none}
@media(max-width:600px){.journey-dots a{width:44px}}
/* V11: geothermal warmth at the entrance, colour unfolds along the journey. */
.stage{background:linear-gradient(155deg,#f8f1e4 0%,#f1d9be 54%,#d9dfcf 100%)}
.beppu-word,.heat-word{color:#69483e;text-shadow:0 1px 0 #fffaf0,0 0 26px #fff8e750}
.beppu-word .hero-signature{color:#69483e}
.heat-word .letter-r,.heat-word .period{color:#9b4665}
.walkway path:first-child{fill:#e6d7bd}
.welcome-glow{background:radial-gradient(ellipse at 48% 72%,#e9a4b6aa,transparent 68%)}
.walk-film{position:absolute;top:-5%;width:27%;margin:0;padding:6px 6px 13px;background:#fff8e9;z-index:5;box-shadow:2px 8px 18px #203f3730}
.walk-film-water{left:-5%;transform:rotate(-7deg)}
.walk-film-steam{right:-5%;transform:rotate(7deg)}
.walk-film:before{content:'';position:absolute;top:-7px;left:30%;width:40%;height:15px;background:#ece0bda6;transform:rotate(5deg);pointer-events:none;z-index:2}
.walk-film video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#dfd3bb}
@media(max-width:600px){.walk-film{width:28%;padding:4px 4px 9px;top:-4%}.walk-film-water{left:-3%}.walk-film-steam{right:-3%}}