/* Three selected V4 interactions, expressed in the V3 living-room palette. */
:root{--journey-progress:0}
.journey{height:175vh;min-height:1050px;background:linear-gradient(var(--cream),#eeeee2);position:relative}
.journey-inner{width:86%;max-width:1450px;margin:auto;height:100vh;min-height:670px;position:sticky;top:0;display:grid;grid-template-columns:46% 54%;align-items:center;gap:0}
.journey-copy{position:relative;z-index:3;padding:40px 0}
.journey-index{font-size:9px;color:var(--muted);margin-bottom:30px}
.journey-copy h2{font-size:clamp(30px,3.1vw,47px);font-weight:500;letter-spacing:-1.5px;line-height:1.5}
.journey-intro{color:var(--muted);font-size:12px;line-height:2.1;margin-top:23px}
.journey-stops{display:grid;gap:23px;margin-top:38px}
.journey-stop{display:flex;align-items:center;gap:17px;color:#9a9e8c;transition:color .6s,transform .6s var(--ease)}
.journey-stop>span{width:34px;height:34px;border:1px solid #b6bfa55c;border-radius:50%;display:grid;place-items:center;font-size:9px;transition:background .6s,border-color .6s}
.journey-stop b{display:block;font-size:14px;font-weight:400}.journey-stop small{display:block;font-size:11px;margin-top:5px}
.journey-stop.active{color:var(--ink);transform:translateX(5px)}.journey-stop.active>span{background:#e1e8d0;border-color:#adbe91}
.journey-stage{position:relative;width:100%;aspect-ratio:1/1;display:grid;align-items:center;isolation:isolate}
.journey-art{display:block;width:100%;height:auto;z-index:1;position:relative;transform:translateY(calc((1 - var(--journey-progress))*40px)) scale(calc(.88 + var(--journey-progress)*.12));filter:drop-shadow(0 25px 25px #4b4c2d13);will-change:transform}
.journey-orbit{position:absolute;inset:20% 10%;border:1px dashed #91a27955;border-radius:50%;transform:rotate(-15deg) scale(calc(.8 + var(--journey-progress)*.25))}
.journey-orbit:after{content:'';width:7px;height:7px;border-radius:50%;background:#a5b889;position:absolute;left:12%;top:12%}
.journey-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;padding:6px 12px 6px 7px;min-height:44px;border:1px solid #d9dfcb;border-radius:30px;background:#fcfaf2f2;box-shadow:0 6px 15px #263f320c;white-space:nowrap;font-size:10px;transition:transform .3s,box-shadow .3s}
.journey-tag>span:first-child{height:23px;width:23px;display:grid;place-items:center;border-radius:50%;background:#eaf0de;font-size:16px;line-height:1}
.journey-tag:hover{transform:translateY(-4px);box-shadow:0 8px 22px #263f321a}.journey-tag-song{left:1%;top:43%}.journey-tag-quiet{right:0;top:71%}.journey-tag-share{left:31%;bottom:5%}
.journey-caption{position:absolute;bottom:-4%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.8;color:var(--muted);white-space:nowrap}
.journey-caption>span:first-child{width:5px;height:5px;background:#91a476;border-radius:50%}

.ways.section{padding-inline:0}.ways>.section-top,.ways>.section-heading,.ways>.small-line{width:86%;margin-left:auto;margin-right:auto}
.experience{display:flex;min-height:510px;border-block:1px solid var(--line);width:100%}
.experience-panel{position:relative;isolation:isolate;flex:1 1 0%;min-width:0;padding:35px 3vw 42px;overflow:hidden;transition:flex .8s var(--ease)}
.experience-panel.active{flex:2.45 1 0%}
.experience-panel[data-mode=sing]{background:#e4e9db}.experience-panel[data-mode=quiet]{background:#eee9de}.experience-panel[data-mode=share]{background:#ede1d9}
.experience-toggle{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;min-height:200px;padding:0;background:none;border:0}
.experience-number{font-family:var(--serif);font-size:clamp(85px,10vw,150px);line-height:1;letter-spacing:-.09em;color:#a3b28e}
.experience-panel[data-mode=quiet] .experience-number{color:#c0b7a2}.experience-panel[data-mode=share] .experience-number{color:#c1a795}
.experience-heading{display:flex;flex-direction:column;gap:15px;margin-top:20px;max-width:100%}.experience-heading small{font-size:8px;letter-spacing:1.5px;white-space:nowrap}.experience-heading>span{font-size:clamp(19px,1.9vw,28px);line-height:1.45;letter-spacing:-.5px;overflow-wrap:break-word}
.experience-plus{position:absolute;right:0;top:9px;font-size:24px;font-weight:300;line-height:1}
.experience-body{position:relative;z-index:2;max-width:370px;margin-top:24px;animation:panel-in .6s var(--ease)}
.experience-body p{font-size:12px;line-height:2.15;color:#50604c;overflow-wrap:break-word}.experience-body .text-button{margin-top:20px;white-space:normal;text-align:left;line-height:1.8;font-size:11px}
.experience-art{position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .8s;pointer-events:none;filter:saturate(.7);background-image:linear-gradient(90deg,#e4e9db 28%,#e4e9dbb0 65%,#e4e9db40),url(assets/living-room-v3.png);background-size:auto,cover;background-position:0,56% center}
.experience-art-quiet{background-image:linear-gradient(90deg,#eee9de 28%,#eee9debb 65%,#eee9de55),url(assets/living-room-v3.png);background-position:0,90% center}
.experience-art-share{background-image:linear-gradient(90deg,#ede1d9 28%,#ede1d9b8 65%,#ede1d955),url(assets/living-room-v3.png);background-position:0,70% 80%}
.experience-panel.active .experience-art{opacity:.78}
.experience-symbol{position:absolute;bottom:-8px;right:16px;font-family:var(--serif);font-size:170px;line-height:1;color:#37513e10;pointer-events:none;transition:transform .8s var(--ease)}.experience-panel.active .experience-symbol{transform:rotate(-12deg)}

.culture-layout{display:grid;grid-template-columns:48% 48%;justify-content:space-between;gap:4%;align-items:center;margin-top:58px}
.culture-kicker{font-size:8px;color:var(--muted);margin-bottom:20px}.culture-copy h2{margin-bottom:20px}.culture-intro{font-size:12px;color:var(--muted);line-height:2.1}
.culture-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.culture-tabs button{padding:11px 17px;border:1px solid #b7c4a8;border-radius:30px;background:none;font-size:11px;line-height:1.4;transition:background .4s,color .4s,border-color .4s}.culture-tabs button[aria-selected=true]{color:var(--cream);background:var(--green);border-color:var(--green)}
.culture-panel{margin-top:25px;min-height:185px;max-width:475px}.culture-panel h3{font-size:22px;font-weight:400;letter-spacing:-.6px;margin-bottom:15px}.culture-panel p{font-size:12px;line-height:2.2;color:#66735e}.culture-panel>span{display:block;font-size:7px;letter-spacing:1.6px;color:#6b7a61;margin-top:20px}
.connection-visual{text-align:center;position:relative}.connection-svg{display:block;width:100%;height:auto;overflow:visible}.connection-svg text{text-anchor:middle;fill:#6b7b61;letter-spacing:3px;font-size:11px;font-family:Arial,sans-serif}.connection-svg .god-label{font-size:10px;letter-spacing:4px}
.circle-you,.circle-friends{transition:transform 1.2s var(--ease)}.circle-you{transform:translateX(-15px)}.circle-friends{transform:translateX(15px)}.connection-x{transform-origin:300px 237px;transition:transform 1s var(--ease)}
[data-value="1"] .circle-you{transform:translateX(12px)}[data-value="1"] .circle-friends{transform:translateX(-12px)}[data-value="1"] .connection-x{transform:rotate(90deg)}[data-value="2"] .circle-you{transform:translate(0,-8px)}[data-value="2"] .circle-friends{transform:translate(0,-8px)}[data-value="2"] .connection-x{transform:rotate(180deg)}
.friend-dot{transition:transform 1s var(--ease)}[data-value="2"] .fd1{transform:translate(-8px,-6px)}[data-value="2"] .fd2{transform:translate(8px,-6px)}[data-value="2"] .fd3{transform:translateY(-10px)}
.connection-orbit{transform-origin:center;animation:connection-orbit 90s linear infinite}@keyframes connection-orbit{to{transform:rotate(360deg)}}
.connection-visual .heart-center{font-family:var(--serif);border:0;padding:0;margin:0;font-size:12px;line-height:2.2}
html[lang=en] .journey-copy h2{font-size:clamp(30px,3.2vw,48px);line-height:1.25;letter-spacing:-1.5px}html[lang=en] .experience-heading>span{font-size:clamp(20px,2vw,29px);line-height:1.25}html[lang=en] .experience-body p{line-height:1.9}html[lang=en] .culture-panel h3{font-size:24px}
@media(min-width:1650px){.ways>.section-top,.ways>.section-heading,.ways>.small-line{width:min(82%,1450px)}.experience-panel{padding-inline:5vw}}
@media(max-width:1100px){.journey-inner{width:88%;grid-template-columns:47% 53%}.journey-copy h2{font-size:34px}.journey-intro{font-size:11px}.journey-stop b{font-size:13px}.journey-stop small{font-size:10px}.journey-caption{font-size:10px;bottom:-9%}.journey-tag{font-size:9px;padding-right:9px;gap:4px}.journey-tag>span:first-child{height:20px;width:20px}.ways>.section-top,.ways>.section-heading,.ways>.small-line{width:88%}.experience-panel{padding-inline:27px}.experience-panel.active{flex:2.7 1 0%}.experience-heading>span{font-size:22px}.experience-number{font-size:110px}.culture-panel h3{font-size:21px}.culture-tabs button{padding-inline:14px}html[lang=en] .journey-copy h2{font-size:34px}html[lang=en] .experience-heading>span{font-size:24px}}
@media(max-width:820px){
 .journey{height:auto;min-height:0;padding:60px 0 65px}.journey-inner{position:relative;min-height:0;height:auto;display:flex;flex-direction:column;width:88%}.journey-copy{padding:0;width:100%;text-align:center}.journey-index{margin-bottom:20px}.journey-copy h2{font-size:34px}.journey-intro{font-size:12px;margin-top:20px}.journey-stops{display:flex;gap:0;justify-content:center;margin:30px auto 0;max-width:550px}.journey-stop{flex:1;flex-direction:column;gap:9px;color:var(--ink)}.journey-stop.active{transform:none}.journey-stop>span{background:#e1e8d0;border-color:#b6c59d}.journey-stop b{font-size:12px}.journey-stop small{font-size:10px;padding:0 4px;line-height:1.7}.journey-stage{width:min(100%,620px);margin-top:28px}.journey-art{transform:none;will-change:auto}.journey-tag-song{left:0}.journey-tag-share{left:30%}.journey-caption{bottom:-4%;font-size:10px}
 .experience{width:88%;margin:auto;flex-direction:column;gap:12px;border:0;min-height:0}.experience-panel,.experience-panel.active{flex:none;padding:23px;border:1px solid #d7dacb;border-radius:17px}.experience-toggle{display:grid;grid-template-columns:60px minmax(0,1fr) 24px;align-items:center;gap:18px;min-height:65px}.experience-number{font-size:60px}.experience-heading{gap:8px;margin:0}.experience-heading>span{font-size:23px}.experience-heading small{font-size:8px}.experience-plus{position:static}.experience-body{max-width:none;margin:18px 0 0;padding-left:78px}.experience-body p{font-size:12px;line-height:2.1}.experience-body .text-button{margin-top:15px}.experience-art{background-size:auto,auto 100%;background-repeat:no-repeat}.experience-symbol{font-size:130px;bottom:-17px;right:14px}.experience-panel.active{padding-bottom:28px}
 .culture-layout{grid-template-columns:1fr;gap:32px;margin-top:35px}.culture-copy h2{margin-bottom:18px}.culture-kicker{font-size:7px;margin-bottom:18px}.culture-intro{font-size:12px;line-height:2}.culture-tabs{margin-top:25px}.culture-tabs button{font-size:11px;padding:10px 16px}.culture-panel{max-width:none;min-height:145px;margin-top:23px}.culture-panel h3{font-size:21px;margin-bottom:13px}.culture-panel p{font-size:12px;line-height:2.2}.culture-panel>span{font-size:7px;margin-top:16px}.connection-visual{max-width:550px;margin-inline:auto;width:100%}.connection-visual .heart-center{font-size:12px;margin-top:-3px}.connection-svg{width:100%}
 html[lang=en] .journey-copy h2{font-size:37px}html[lang=en] .experience-heading>span{font-size:23px}html[lang=en] .culture-panel h3{font-size:23px}
}
@media(max-width:600px){
 .journey{padding-top:55px;padding-bottom:65px}.journey-copy h2{font-size:28px;letter-spacing:-1px}.journey-intro{font-size:11px;line-height:2.1}.journey-index{font-size:8px;letter-spacing:1.3px}.journey-stops{margin-top:26px}.journey-stop>span{width:28px;height:28px;font-size:8px}.journey-stop b{font-size:11px}.journey-stop small{font-size:9px;margin-top:4px}.journey-stage{margin-top:32px}.journey-tag{font-size:8px;padding:5px 8px 5px 5px;gap:4px;min-height:40px}.journey-tag>span:first-child{width:17px;height:17px;font-size:14px}.journey-tag-song{left:-1%;top:43%}.journey-tag-quiet{right:0;top:73%}.journey-tag-share{left:28%;bottom:5%}.journey-caption{font-size:9px;bottom:-8%}
 .experience{gap:10px}.experience-panel,.experience-panel.active{padding:20px}.experience-toggle{grid-template-columns:43px minmax(0,1fr) 18px;gap:13px;min-height:60px}.experience-number{font-size:45px}.experience-heading{gap:6px}.experience-heading>span{font-size:17px;letter-spacing:-.4px}.experience-heading small{font-size:7px;letter-spacing:1px}.experience-plus{font-size:22px}.experience-body{padding-left:56px;margin-top:15px}.experience-body p{font-size:11px;line-height:2.1}.experience-body .text-button{font-size:10px;line-height:1.9;margin-top:12px}.experience-panel.active{padding-bottom:24px}.experience-symbol{font-size:110px}
 .culture-tabs button{font-size:10px;padding:10px 14px}.culture-panel{min-height:160px}.culture-panel h3{font-size:20px}.culture-panel p{font-size:11px}.culture-panel>span{font-size:6px}.connection-visual .heart-center{font-size:11px;line-height:2.2;margin-top:-3px}.culture-copy h2{font-size:35px}
 html[lang=en] .journey-copy h2{font-size:31px}html[lang=en] .journey-intro{font-size:11px}html[lang=en] .journey-stop b{font-size:10px}html[lang=en] .journey-stop small{font-size:9px}html[lang=en] .experience-heading>span{font-size:18px}html[lang=en] .experience-body p{font-size:11px;line-height:1.9}html[lang=en] .culture-tabs button{padding-inline:11px}html[lang=en] .culture-panel h3{font-size:22px}
}
@media(max-width:360px){.journey-copy h2{font-size:25px}.journey-intro{font-size:10px}.journey-stop small{font-size:8px}.journey-tag{font-size:8px}.experience-panel,.experience-panel.active{padding:17px}.experience-toggle{gap:10px;grid-template-columns:38px minmax(0,1fr) 16px}.experience-number{font-size:40px}.experience-heading>span{font-size:15px}.experience-body{padding-left:0}.experience-heading small{font-size:6px}.culture-tabs{gap:6px}.culture-tabs button{padding-inline:13px}html[lang=en] .journey-copy h2{font-size:27px}html[lang=en] .experience-heading>span{font-size:16px}html[lang=en] .culture-tabs button{font-size:9px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.journey{height:auto;min-height:0;padding-block:60px}.journey-inner{height:auto;min-height:0;position:relative}.journey-stop{color:var(--ink)}.journey-stop.active{transform:none}.journey-art{transform:none!important;will-change:auto}.connection-orbit{animation:none}.experience-body{animation:none}}