@charset "UTF-8";
:root{--paper:#f7f7f2;--ink:#20251f;--muted:#85877e;--line:#dedfd6;--blue:#1357ef;--yellow:#f4e65e;--navy:#202f4b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{max-width:100%;height:auto;display:block}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.wrap{width:min(1224px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;padding:14px;background:white;z-index:20}.skip:focus{top:14px}.header{height:106px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:60px}.wordmark{font-size:25px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brand-dot{display:inline-block;width:9px;height:9px;background:var(--blue);margin-left:5px}.header nav{display:flex;gap:30px;font-size:14px}.header nav a{padding:10px 0}.header nav a:hover{color:var(--blue)}.header-note{margin-left:auto;font-size:10px;letter-spacing:1.6px;color:#77796f}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.8;margin:0 0 24px}.live-dot,.status i{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:9px}.hero{display:grid;grid-template-columns:1.12fr 1fr;position:relative;gap:40px;padding-top:75px}.hero-copy{padding:10px 0 38px}h1{font-size:clamp(60px,6.2vw,88px);font-weight:850;letter-spacing:-5px;line-height:1.24;margin:0 0 26px}.blue{color:var(--blue)}.period{display:inline-block;margin-left:-3px}.hero-description{font-size:18px;line-height:1.9;color:#63685f;margin:0 0 32px}.button{padding:17px 22px;display:inline-flex;align-items:center;gap:35px;font-size:14px;font-weight:600;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.primary:hover{background:#0842c5}.button span{font-size:21px;line-height:1}.hero-signoff{font-size:12px;color:var(--muted);margin:22px 0 0}.hero-art{position:relative;align-self:center;padding:7px 22px 32px 24px;margin-top:-15px}.portrait-paper{background:white;padding:18px 22px 13px;transform:rotate(5deg);box-shadow:0 14px 42px #1d315410;border:1px solid #e9e9e0}.paper-top{font-family:monospace;font-size:10px;letter-spacing:2px;display:block;color:#8b8d83;margin-bottom:15px}.portrait-paper img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%}.paper-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:11px;color:#676d61}.paper-bottom>span:last-child{font-size:25px;color:var(--blue)}.yellow-note{background:var(--yellow);display:flex;gap:25px;align-items:center;font-size:15px;font-weight:700;position:absolute;bottom:26px;right:-9px;padding:15px 20px;transform:rotate(-6deg);box-shadow:0 3px 0 #1e28140a}.yellow-note>span{font-size:25px}.art-caption{position:absolute;bottom:-7px;left:42px;font-family:monospace;letter-spacing:1px;font-size:8px;color:#96988d}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:35px;padding:21px 0;font-size:11px;color:#797d71}.hero-bottom a span{margin-left:12px}.work{padding-top:87px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(30px,3.2vw,43px);letter-spacing:-1.5px;line-height:1.45;margin:0;font-weight:750}.muted{color:#999d91}.section-heading>p{font-size:13px;line-height:1.8;color:#797d71;margin:0 4px 5px}.project{display:grid;grid-template-columns:44% 56%;border:1px solid var(--line);margin-bottom:24px;border-radius:6px;overflow:hidden;min-height:435px}.project-copy{padding:32px 34px 30px;background:#fffefa}.project-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:27px}.index{font-family:monospace;font-size:9px;letter-spacing:1px;color:#909385}.status{font-size:10px;color:#747c6c;white-space:nowrap}.status i{width:5px;height:5px;background:#4e825e;margin-right:5px}.project-name{display:flex;gap:13px;align-items:center;margin-bottom:23px}.project-name>img{border-radius:10px;object-fit:contain}.rw-logo{width:46px;height:46px;display:grid;place-items:center;background:#bc7860;border-radius:10px;color:white;font-weight:700;font-size:19px}.project-name h3{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:0;font-weight:730}.project-name h3 span{display:block;font-size:11px;font-weight:400;color:#808579;margin-top:7px;letter-spacing:.4px}.project-line{font-size:26px;font-weight:650;line-height:1.55;letter-spacing:-.8px;margin:0 0 14px}.project-description{font-size:13px;line-height:1.95;color:#777c6e;max-width:340px;margin:0 0 18px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.tags span{font-size:10px;border:1px solid #e1e3d8;padding:5px 8px;border-radius:3px;color:#828674}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:13px;font-weight:650;border-bottom:1px solid currentColor;padding:0 0 7px;background:transparent}.text-link:hover{color:var(--blue)}.text-link>span{font-size:20px;line-height:1}.project-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:45px 0 54px 32px;min-height:435px}.visual-rw{background:#f0e9df}.visual-sc{background:#e4ece2}.browser-frame{background:white;border-radius:8px;overflow:hidden;width:calc(100% + 70px);flex-shrink:0;box-shadow:0 16px 32px #293d3915;transform:translateX(28px) rotate(-3deg);transition:transform .4s}.project-visual:hover .browser-frame{transform:translateX(18px) rotate(-1deg)}.browser-bar{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;color:#848a80;background:#f9faf7;font-size:9px;border-bottom:1px solid #eceee7}.browser-bar>span:first-child{letter-spacing:3px;color:#c6cbbf;font-size:7px}.browser-frame>img{width:100%;height:auto}.visual-caption{position:absolute;bottom:22px;left:28px;font-size:10px;letter-spacing:1px;color:#868d7d}.visual-sc .browser-frame{transform:translateX(28px) rotate(3deg)}.visual-fm{background:#eaf0e1;justify-content:space-around;padding:30px 26px 45px;gap:8px}.fm-side{padding-left:9px;width:40%}.fm-side>img{border-radius:13px;margin-bottom:20px}.fm-side p{font-size:34px;color:#567d44;line-height:1.5;font-weight:700;letter-spacing:-1px;margin:0 0 15px}.fm-side>span{font-size:11px;color:#7d8a71}.fm-side .fm-stroke{display:block;font-size:72px;margin-top:22px;line-height:1;color:#a5b98c}.phone{width:205px;height:391px;overflow:hidden;border:7px solid #26352b;border-radius:29px;transform:rotate(6deg);box-shadow:10px 17px 26px #27362520;flex-shrink:0;background:#f6f7ee}.phone>img{width:100%;height:auto;margin-top:-10%}.notes{background:var(--navy);color:#f3f5ed;padding:80px 0 73px}.notes-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:60px}.notes .eyebrow{color:#aebcd0}.notes h2{font-size:43px}.notes-intro{font-size:14px;line-height:1.9;color:#acb7c9;margin-top:25px}.note-row{display:grid;grid-template-columns:25px 1fr 20px;gap:19px;padding:24px 0;border-top:1px solid #46516a}.note-row>span{font-family:monospace;font-size:11px;color:#b2c0d7}.note-row>span:last-child{font-size:22px;color:var(--yellow)}.note-row h3{font-size:18px;font-weight:550;margin:0 0 9px}.note-row p{font-size:12px;line-height:1.9;color:#aeb9cc;margin:0;max-width:390px}.channel-note{font-size:11px;line-height:2;color:#aeb9cc;margin:20px 0 0}.channel-note strong{color:#e7ecf3;font-weight:500;white-space:nowrap}.about{padding:100px 0 84px}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:60px}.about-copy>p{font-size:14px;line-height:2;color:#6e7467;margin:0 0 19px;max-width:475px}.about-copy>p:first-child{font-size:18px;font-weight:600;color:var(--ink)}.social-handles{margin-top:32px}.social-handles>div{display:grid;grid-template-columns:85px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:17px 0}.social-handles span{font-size:11px;color:#8c9083}.social-handles strong{font-size:14px;letter-spacing:.4px}.social-handles :is(button,a){font-size:10px;background:none;padding:8px 0;color:#747d68}.social-handles :is(button,a):hover{color:var(--blue)}.closing{display:flex;align-items:center;border-block:1px solid var(--line);padding-top:32px;padding-bottom:32px;gap:28px}.closing-star{font-size:61px;color:var(--blue);line-height:1}.closing p{font-size:17px;line-height:1.8;margin:0}.closing strong{font-weight:700}.closing>a{margin-left:auto;font-size:26px;padding:12px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:30px}.footer .wordmark{font-size:18px}.footer .brand-dot{width:6px;height:6px}.footer>span{font-size:10px;color:#909487}.footer>span:last-child{font-size:11px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:38px;max-width:440px;width:calc(100% - 36px);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#16213480;backdrop-filter:blur(4px)}dialog>img{border-radius:13px;margin-bottom:23px}dialog .eyebrow{font-size:9px;margin:0 0 8px}dialog h2{font-size:27px;letter-spacing:-.7px}dialog p:not(.eyebrow){font-size:14px;line-height:2;color:#727a68;margin:18px 0 25px}dialog strong{color:var(--ink)}dialog small{display:block;font-size:10px;color:#858c7a;margin-top:20px}.dialog-close{position:absolute;top:12px;right:15px;background:none;font-size:28px;padding:5px 10px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:13px 22px;font-size:13px;box-shadow:0 4px 25px #0002;border-radius:5px;z-index:50;max-width:calc(100% - 32px);text-align:center;width:max-content}
@media(min-width:1600px){.hero{padding-top:85px;gap:70px}.hero-art{padding-left:50px;padding-right:35px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{gap:40px}.header-note{font-size:8px}.hero{gap:15px}h1{font-size:66px}.hero-art{padding-left:12px;padding-right:15px}.yellow-note{right:-5px;font-size:12px}.project-copy{padding:26px}.project-top{flex-wrap:wrap;gap:10px}.project-name h3{font-size:21px}.project-line{font-size:24px}.phone{width:168px;height:332px}.fm-side p{font-size:29px}.notes-inner,.about-grid{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:78px;gap:20px;justify-content:space-between}.wordmark{font-size:22px}.header nav{gap:22px;font-size:12px}.header-note{display:none}.hero{grid-template-columns:1fr;padding-top:43px;gap:15px}.hero-copy{padding:0}.eyebrow{font-size:10px;margin-bottom:23px;letter-spacing:1.6px}h1{font-size:clamp(53px,12.7vw,82px);letter-spacing:-3px;margin-bottom:22px}.hero-description{font-size:16px;line-height:1.85;margin-bottom:26px}.button{padding:16px 20px;font-size:13px}.hero-signoff{font-size:11px}.hero-art{width:85%;max-width:390px;margin:27px auto 5px;padding:9px 18px 30px 10px}.portrait-paper{padding:15px 17px 10px;transform:rotate(4deg)}.paper-top{font-size:8px;margin-bottom:9px}.paper-bottom{font-size:9px;margin-top:9px}.yellow-note{bottom:25px;right:-9px;font-size:12px;padding:12px 15px;gap:17px}.art-caption{font-size:6px;left:20px;bottom:0}.hero-bottom{margin-top:26px;padding:18px 0;font-size:9px;gap:12px}.work{padding-top:57px;padding-bottom:45px}.section-heading{display:block;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:13px}h2{font-size:30px;letter-spacing:-1px}.section-heading>p{font-size:12px;margin-top:13px;line-height:1.8}.section-heading>p br{display:none}.project{grid-template-columns:1fr;margin-bottom:22px}.project-copy{padding:25px 24px}.project-top{flex-wrap:nowrap;margin-bottom:23px}.project-name{margin-bottom:19px}.project-name h3{font-size:22px}.project-line{font-size:25px}.project-description{max-width:none;font-size:13px}.tags{margin-bottom:22px}.project-visual{min-height:270px;padding:33px 0 44px 25px}.browser-frame{width:calc(100% + 25px);transform:translateX(8px) rotate(-3deg)}.visual-sc .browser-frame{transform:translateX(8px) rotate(3deg)}.browser-bar{padding:10px 13px;font-size:8px}.visual-caption{font-size:9px;bottom:16px;left:22px}.visual-fm{height:341px;padding:20px 25px 36px;gap:15px}.fm-side{padding-left:7px;width:42%}.fm-side>img{width:42px;height:42px;margin-bottom:15px}.fm-side p{font-size:29px}.fm-side .fm-stroke{font-size:52px;margin-top:12px}.phone{width:152px;height:295px;border-width:6px;border-radius:24px}.notes{padding:48px 0}.notes-inner,.about-grid{grid-template-columns:1fr;gap:22px}.notes h2{font-size:33px}.notes-intro{font-size:13px;margin-top:16px}.note-row{padding:21px 0;gap:13px}.note-row h3{font-size:17px}.note-row p{font-size:12px}.channel-note{font-size:10px}.about{padding-top:55px;padding-bottom:44px}.about>.eyebrow{margin-bottom:20px}.about-grid{gap:25px}.about-copy>p{font-size:13px}.social-handles{margin-top:25px}.social-handles>div{grid-template-columns:75px 1fr auto;gap:8px}.social-handles strong{font-size:13px}.closing{gap:18px;padding-block:25px}.closing-star{font-size:46px}.closing p{font-size:15px}.closing>a{font-size:23px;padding:8px}.footer{padding-block:23px;flex-wrap:wrap;gap:14px}.footer>span:last-child{width:100%;font-size:10px}.footer .wordmark{font-size:17px}dialog{padding:32px 26px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* FitMate: preserve the original code and crop the screenshot status bar. */
#fitmate-dialog{text-align:center}#fitmate-dialog .mini-code{width:210px;height:auto;max-width:100%;margin:20px auto 16px;border-radius:0}#fitmate-dialog p:not(.eyebrow){margin:16px 0 22px}

.channel-dialog{text-align:center}.channel-dialog .channel-code{width:260px;max-width:100%;height:auto;margin:16px auto;border-radius:0}.channel-dialog h2{font-size:26px}.channel-dialog p:not(.eyebrow){margin:16px 0 22px}

/* Show only the square code area from the supplied Channels card. */
.channel-code-frame{position:relative;width:250px;max-width:100%;aspect-ratio:1;margin:18px auto;overflow:hidden;background:#fff}.channel-dialog .channel-code-frame .channel-code{position:absolute;width:138.846154%;max-width:none;height:auto;left:-20.192308%;top:-49.615385%;margin:0;border-radius:0}