@import url('style.css');header{max-width:1280px}.back{font-size:14px;font-weight:700}.journey-hero{max-width:1280px;margin:auto;padding:40px 6% 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.journey-hero h1{font-size:clamp(50px,6vw,82px);letter-spacing:-4px}.lead{font-size:18px;max-width:540px}.hero-photo{height:440px;position:relative}.hero-photo img{width:100%;height:100%;object-fit:cover;border-radius:160px 160px 24px 24px}.photo-sticker{position:absolute;right:-15px;bottom:24px;background:var(--lime);padding:24px;border-radius:50%;font-weight:800;font-size:14px;transform:rotate(8deg)}.chapter{padding:23px max(6%,calc((100vw - 1120px)/2));background:var(--lime);display:flex;justify-content:space-between;font-weight:700;font-size:12px;letter-spacing:1.5px;gap:20px}.chapter.dark{background:var(--ink);color:var(--lime)}.journey{max-width:1200px;margin:auto;padding:65px 40px}.step{display:grid;grid-template-columns:65px 1fr 1fr;gap:35px;align-items:center;position:relative}.number{align-self:start;border:1px solid var(--purple);color:var(--purple);border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-family:'Space Grotesk';font-size:23px;font-weight:700;margin-top:14px}.step h2{font-size:clamp(35px,3.5vw,49px);letter-spacing:-2px}.step-copy p{max-width:450px}.small{font-size:12px;line-height:1.6;opacity:.75}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:12px;padding:8px 12px;border-radius:20px;background:#eee7f6}.visual{border-radius:24px;padding:35px;background:#eee7f6;min-width:0}.mini-label{display:block;font-size:10px;font-weight:800;letter-spacing:1.4px;margin-bottom:22px}.brief h3{font-size:29px;letter-spacing:-1px;margin-top:0}.brief>div{border-bottom:1px solid #d7cddd;padding:16px 0;display:grid;gap:7px;font-size:14px}.brief b{font-size:10px;letter-spacing:1px;color:var(--purple)}.hand-note{display:block;margin-top:24px;color:var(--purple);font-size:17px;transform:rotate(-3deg)}.connector{color:var(--purple);font-size:48px;text-align:center;height:115px;display:grid;place-items:center}.reverse .step-copy{grid-column:3;grid-row:1}.reverse .visual{grid-column:2;grid-row:1}.album-row{display:flex;justify-content:center;margin:30px 0}.album-row img{width:32%;aspect-ratio:1;object-fit:cover;border:6px solid white;border-radius:10px;box-shadow:0 8px 16px #25212c20}.album-row img:first-child{transform:rotate(-10deg) translateY(8px)}.album-row img:last-child{transform:rotate(10deg) translateY(8px)}.music-flow{display:flex;gap:8px;font-size:11px;align-items:center;justify-content:center;text-align:center}.music-flow b{color:var(--purple);font-size:22px}.faces{display:flex;justify-content:center;gap:12px}.faces img{width:19%;border-radius:50%;border:3px solid white;aspect-ratio:1;object-fit:cover}.voices blockquote{font-family:'Space Grotesk';font-size:26px;line-height:1.4;margin:25px 0}.text-link{display:inline-block;color:var(--purple);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin:8px 0}.setup-row{display:flex;align-items:center;justify-content:center;gap:16px}.setup-row>div{width:34%;text-align:center;font-size:13px}.setup-row svg{width:100%;height:130px;fill:none;stroke:var(--ink);stroke-width:3}.setup-row svg .accent{fill:var(--purple);stroke:var(--purple)}.cable{font-size:40px;color:var(--purple);text-align:center}.cable small{display:block;font-size:10px;color:var(--ink)}.setup-pill{display:block;text-align:center;border-radius:20px;background:white;margin:25px 0 0;padding:12px;font-size:13px}.step li{font-size:14px;line-height:1.8}.qr-card{display:flex;align-items:center;background:white;padding:16px;border:1px solid #e0d7ea;border-radius:18px;gap:14px;margin-top:24px}.qr-card img{flex-shrink:0}.qr-card p{font-size:13px;margin:6px 0}.phone-stage{text-align:center}.phone-caption{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--purple);margin-bottom:18px}.phone-shell{max-width:340px;margin:auto;height:610px;border:9px solid var(--ink);border-radius:44px;background:#faf6ef;box-shadow:20px 20px 0 #e8ddf8;position:relative;overflow:hidden}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:20px;border-radius:0 0 15px 15px;background:var(--ink);z-index:1}.phone-shell iframe{border:0;width:100%;height:100%}.phone-stage>.small{margin-top:30px}.end-photo{padding:0;position:relative;height:400px;overflow:hidden}.end-photo img{width:100%;height:100%;object-fit:cover}.end-photo span{position:absolute;bottom:25px;left:25px;color:white;font-weight:800;letter-spacing:2px;font-size:12px;text-shadow:0 2px 5px black}.journey-cta{text-align:center;padding:70px 25px;background:#eee7f6}.journey-cta .text-link{display:block;margin-top:25px}footer{max-width:1280px;margin:auto}a:focus-visible,button:focus-visible{outline:3px solid #b583ff;outline-offset:4px}@media(max-width:800px){.journey-hero{grid-template-columns:1fr;gap:35px;padding:25px 25px 50px}.hero-photo{height:340px}.journey{padding:45px 24px}.step{grid-template-columns:50px 1fr;gap:20px}.number{width:45px;height:45px;font-size:18px}.visual,.phone-stage{grid-column:2}.reverse .step-copy{grid-column:2;grid-row:auto}.reverse .visual{grid-column:2;grid-row:auto}.step h2{font-size:35px}.visual{padding:25px}.chapter{padding:20px 24px;font-size:10px}.chapter span:last-child{display:none}.connector{height:85px}.qr-card{flex-wrap:wrap}.phone-shell{height:590px;box-shadow:10px 10px 0 #e8ddf8}.end-photo{padding:0;height:320px}.journey-hero h1{letter-spacing:-3px}}@media(max-width:450px){.step{grid-template-columns:1fr}.number{grid-column:1}.step-copy,.visual,.phone-stage,.reverse .step-copy,.reverse .visual{grid-column:1}.journey{padding:40px 22px}.step{gap:16px}.qr-card{flex-wrap:nowrap}.qr-card img{width:95px;height:95px}.qr-card .text-link{font-size:12px}}