@charset "UTF-8";
:root{--sky:#B8D4E3;--white:#F5F7F9;--paper:#F4F1EA;--ink:#1F3A5F;--dust:#8FA8B8;--blue:#7B9ACC;--line:#C7CCD1;--muted:#516780}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:var(--white);font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #295d91;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,p{margin:0}h1,h2{line-height:1.5;letter-spacing:.025em;text-wrap:balance}h2{font-size:clamp(24px,3vw,34px);font-weight:800}button,a{-webkit-tap-highlight-color:transparent}.header{max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 32px}.brand{font-size:25px;font-weight:800;letter-spacing:.12em}.brand span{font-size:16px;margin:0 5px}.brand small{font-size:12px;border:1px solid var(--ink);border-radius:30px;padding:4px 12px;letter-spacing:.08em;margin-left:8px}.header-link{font-size:12px;display:flex;align-items:center;gap:14px;min-height:44px}.hero{background:var(--sky);position:relative;padding:35px 24px 36px;overflow:hidden}.hero-inner{max-width:980px;margin:auto;position:relative;min-height:640px}.invitation{background:#fffdfb;width:75%;margin:auto;padding:34px 24px 110px;text-align:center;border-radius:18px 56px 18px 18px;box-shadow:0 14px 36px #1f3a5f12;position:relative}.invitation:after{content:"";position:absolute;top:0;right:0;border-left:40px solid transparent;border-bottom:40px solid #e3e9ed;border-radius:0 30px 0 8px}.date{display:inline-block;padding:6px 28px;background:var(--blue);border-radius:40px;color:var(--ink);font-size:21px;font-weight:800;letter-spacing:.1em}.eyebrow{font-size:13px;margin-top:23px;letter-spacing:.06em}h1{font-size:clamp(34px,5vw,57px);line-height:1.4;margin:14px 0}h1 strong{font-size:1.22em}.radio-label{font-size:15px;letter-spacing:.13em}.wave{width:65%;height:46px;margin:16px auto 0;fill:none;stroke:var(--blue);stroke-width:2.3}.host-sign{font-size:24px;letter-spacing:.15em;font-weight:700}.host-sign span{font-size:16px;margin:0 12px}.hero-pair{position:absolute;width:93%;left:3.5%;bottom:63px;pointer-events:none}.hero-action{position:relative;z-index:2;margin:26px auto 0;text-align:center;padding-top:6px}.button{display:flex;align-items:center;justify-content:center;gap:24px;min-height:54px;border-radius:32px;font-weight:700;padding:12px 22px;line-height:1.5;transition:background .18s,transform .18s,box-shadow .18s}.button span{font-size:24px;line-height:1}.primary{max-width:340px;margin:0 auto;background:var(--blue);color:var(--ink);border:2px solid #eaf3fc;box-shadow:0 3px 0 #5e7eae66,0 8px 22px #1f3a5f15;font-size:18px}.button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #1f3a5f19}.button:active{transform:translateY(1px)}.note{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.7}.section{padding:56px max(28px,calc((100% - 900px)/2));background:white}.section-label{font-size:12px;letter-spacing:.12em;display:flex;align-items:center;gap:16px;margin-bottom:28px;color:var(--muted)}.section-label:after{content:"";height:1px;width:60px;background:var(--dust)}.section-label span{font-size:10px}.story h2{text-align:center}.conversation{display:flex;justify-content:center;gap:42px;align-items:flex-start;margin:32px 0}.bubble{padding:20px 28px;border-radius:24px 24px 24px 4px;position:relative;min-width:240px;background:var(--paper)}.bubble.pei{margin-top:35px;background:#edf5fa;border-radius:24px 24px 4px 24px}.speaker{font-size:12px;letter-spacing:.1em;color:var(--muted)}.bubble p{font-size:19px;font-weight:700;line-height:1.7;margin-top:7px}.story-copy{max-width:590px;margin:auto;text-align:center}.closing-line{text-align:center;font-weight:700;margin-top:20px}.prepare{background:#e9f2f7}.prepare-grid{display:grid;grid-template-columns:140px 1fr;gap:42px;align-items:center}.phone{width:118px;height:220px;border:5px solid var(--ink);border-radius:25px;background:var(--white);transform:rotate(-9deg);padding:9px;box-shadow:8px 12px 0 #8fa8b820}.phone-screen{border:1px solid var(--line);height:100%;border-radius:14px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:22px;background:white}.phone-screen>span{font-size:32px}.phone-screen small{font-size:8px;letter-spacing:.14em}.sound{display:flex;justify-content:center;align-items:center;gap:5px;height:38px}.sound i{width:5px;height:18px;background:var(--blue);border-radius:8px}.sound i:nth-child(2),.sound i:nth-child(4){height:29px}.sound i:nth-child(3){height:38px}.prepare p{margin-top:13px}.app-copy{font-size:14px;color:var(--muted)}.app-links{display:flex;gap:14px;margin-top:24px}.secondary{border:1px solid var(--blue);background:white;border-radius:12px;font-size:14px;justify-content:space-between;flex:1;padding:14px 18px}.recording{padding-top:34px;padding-bottom:34px;border-bottom:1px solid var(--line)}.recording .section-label{margin-bottom:18px}.recording-link{display:flex;gap:24px;align-items:center;min-height:90px}.recording-link h2{font-size:26px}.recording-link p{font-size:14px;color:var(--muted);margin-top:5px}.play{display:grid;place-items:center;background:var(--blue);border-radius:50%;width:64px;height:64px;flex-shrink:0;font-size:24px;padding-left:4px}.arrow{margin-left:auto;font-size:26px}.recording .note{padding-left:88px}.threads h2{margin-bottom:24px}.profile{display:flex;align-items:center;gap:24px;min-height:108px;border-bottom:1px solid #dce3e9;font-size:17px}.avatar{position:relative;width:75px;height:75px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#e8f1f6}.avatar img{max-width:none;width:240px;height:160px;position:absolute;top:-20px}.aki-avatar img{left:-4px}.pei-avatar img{left:-140px}.profile:hover{background:#f8fbfd}.final{background:var(--sky);text-align:center;padding-top:45px;padding-bottom:30px}.final>img{width:330px;margin:8px auto -20px}.final h2{font-size:29px}.final .host-sign{margin-top:25px;font-size:20px}.mobile-break{display:none}footer{padding:24px;max-width:1020px;margin:auto;font-size:13px;display:flex;gap:20px;align-items:center}footer>span{font-size:11px;color:var(--muted)}footer>a{margin-left:auto;font-size:12px;min-height:44px;display:flex;align-items:center}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:30}.skip:focus{top:10px}
@media(max-width:600px){.header{padding:13px 18px}.brand{font-size:20px}.brand small{font-size:10px;padding:3px 9px;margin-left:4px}.header-link{font-size:10px;gap:5px}.hero{padding:25px 16px 26px}.hero-inner{min-height:0}.invitation{width:94%;padding:25px 12px 162px;border-radius:14px 40px 14px 14px}.date{font-size:18px;padding:5px 22px}.eyebrow{font-size:10px;margin-top:20px}h1{font-size:clamp(25px,7.2vw,42px);margin-top:15px;margin-bottom:12px;letter-spacing:0}.radio-label{font-size:12px;letter-spacing:.07em}.wave{width:75%;margin-top:8px;height:34px}.invitation .host-sign{font-size:17px;margin-top:2px}.hero-pair{width:108%;max-width:none;left:-4%;bottom:71px}.hero-action{margin-top:0;padding-top:12px}.primary{max-width:280px;font-size:17px;min-height:54px}.note{font-size:12px}.section{padding:38px 23px}.section-label{margin-bottom:22px}.section-label span{font-size:9px}h2{font-size:25px}.conversation{gap:10px;margin:26px 0;flex-direction:column;align-items:stretch;padding:0 6px}.bubble{min-width:0;width:82%;padding:16px 22px}.bubble.pei{align-self:flex-end;margin-top:0}.bubble p{font-size:18px}.story-copy{text-align:left;font-size:15px}.closing-line{font-size:15px;text-align:left}.prepare-grid{grid-template-columns:1fr;gap:24px}.phone{display:none}.prepare h2{font-size:24px}.mobile-break{display:block}.prepare p{font-size:15px}.prepare .app-copy{font-size:14px}.app-links{flex-direction:column;gap:12px}.secondary{min-height:52px;font-size:15px}.prepare .note{font-size:12px}.recording{padding-top:30px;padding-bottom:30px}.recording-link{gap:17px}.play{width:47px;height:47px;font-size:18px}.recording-link h2{font-size:20px}.recording-link p{font-size:13px}.recording .note{padding-left:0}.arrow{font-size:23px}.profile{gap:13px;font-size:14px;min-height:100px}.avatar{width:62px;height:62px}.avatar img{width:210px;height:140px;top:-17px}.aki-avatar img{left:-3px}.pei-avatar img{left:-125px}.threads h2{font-size:23px}.final{padding:36px 20px 28px}.final h2{font-size:25px}.final>img{width:280px;margin-top:0;margin-bottom:-12px}footer{flex-wrap:wrap;padding:18px 23px;gap:6px 14px}footer>a{width:100%;margin-left:0;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.event-date{font-size:.48em;letter-spacing:.06em}.guest{background:#f8fafb;border-top:1px solid #dce3e9}.guest-layout{display:grid;grid-template-columns:100px 1fr;gap:30px;align-items:start}.guest-avatar{width:96px;height:96px}.guest-avatar img{width:310px;height:207px;left:-182px;top:-26px}.guest-kicker{font-size:12px;color:var(--muted);margin-bottom:4px}.guest-role{font-weight:700;margin:10px 0 14px}.guest-copy{font-size:15px;max-width:640px}.guest-source{display:inline-flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid var(--blue);font-size:14px;margin-top:15px}.guest-source:hover{color:#315b86}@media(max-width:600px){.guest-layout{grid-template-columns:1fr;gap:16px}.guest-avatar{width:80px;height:80px}.guest-avatar img{width:270px;height:180px;left:-158px;top:-24px}.guest-role{font-size:16px}.guest-copy{font-size:15px}.hero .invitation{padding-bottom:162px}h1 strong{font-size:1.05em}}

/* Face framing uses percentages of each avatar, keeping the crop stable at all widths. */
.avatar:not(.actual-avatar) img{width:250%;height:auto;max-width:none;top:-35%;object-fit:contain}
.aki-avatar img{left:-8%!important}.pei-avatar img{left:-142%!important}
.avatar.actual-avatar img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;border-radius:50%}

@media(min-width:601px){.hero-pair{position:relative;width:520px;max-width:85%;left:auto;bottom:auto;margin:-90px auto -22px}.hero-action{margin-top:0}}