@font-face{font-family:Hint;src:url('/css/fonts/hint_vf.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'M Plus';src:url('/o/jp/assets/m-plus-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'M Plus';src:url('/o/jp/assets/m-plus-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'M Plus';src:url('/o/jp/assets/m-plus-700.ttf') format('truetype');font-weight:700;font-display:swap}

*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;color:var(--case-fg);background:var(--case-bg);font-family:Hint,Arial,sans-serif;font-feature-settings:"ss03" 1,"ss04" 1,"ss09" 1}p,h1,h2{margin:0}img{display:block}a{color:inherit;text-underline-offset:.2em}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #2566af;outline-offset:5px}.case-nav,.case-footer{max-width:1920px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 3.125%;font-size:20px}.case-nav a:first-child{font-weight:600;text-decoration:none}.case-nav a:last-child{margin-left:auto}.case-footer{padding-top:40px;padding-bottom:40px}.desktop-case{max-width:1920px;margin:auto;container-type:inline-size}.design-section{position:relative;overflow:clip;width:100%}.design-canvas{position:absolute!important;left:0;top:0;transform-origin:0 0;scale:var(--desktop-scale,1)}.mobile-case{display:none}.image-viewer{border:0;padding:50px 16px 16px;width:min(1200px,96vw);max-height:94vh;background:#fff}.image-viewer::backdrop{background:#000b}.image-viewer>img{max-width:100%;height:auto;margin:auto}.image-viewer button{position:sticky;top:0;display:block;margin:-40px 0 10px auto;border:0;background:#121212;color:#fff;width:36px;height:36px;border-radius:50%;font-size:28px;cursor:pointer}.desktop-case img,.mobile-case img{cursor:zoom-in;pointer-events:auto!important}
.j0{background:white;position:relative;width:100%;height:100%}
.j1{position:absolute;height:1283.92px;left:-333.5px;top:626px;width:2136.524px}
.j2{position:absolute;inset:-0.16% 0}
.j3{display:block;max-width:none;width:100%;height:100%}
.j4{position:absolute;display:contents;left:54px;top:63px}
.j5{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:500;height:663px;line-height:0.85;left:54px;font-style:normal;font-size:234.281px;color:var(--color-7,#121212);top:140px;letter-spacing:-14.6426px;width:1168px}
.j6{position:absolute;display:contents;left:144.3px;top:683px}
.j7{position:absolute;height:1300px;left:144.3px;top:683px;width:1464.872px}
.j8{position:absolute;inset:-0.15% -0.14%}
.j9{position:absolute;height:868.81px;left:355.8px;top:708.55px;width:1390.096px}
.j10{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;width:100%;height:100%}
.j11{position:absolute;height:61px;left:752px;top:755px;width:137.5px}
.j12{position:absolute;display:block;inset:0;max-width:none;width:100%;height:100%}
.j13{position:absolute;align-content:stretch;display:flex;gap:13.667px;align-items:center;left:1609px;top:63px}
.j14{height:26.718px;position:relative;flex-shrink:0;width:34.341px}
.j15{position:relative;flex-shrink:0;width:11.242px;height:11.242px}
.j16{position:absolute;inset:-6.93%}
.j17{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:0.9;font-style:normal;position:relative;flex-shrink:0;font-size:32.227px;color:var(--color-7,#121212);letter-spacing:-1.0071px;white-space:nowrap}
.j18{position:absolute;height:151.358px;left:1526px;top:472px;width:252.406px}
.j19{position:absolute;inset:0 -2.93% -1.45% 0}
.j20{position:absolute;display:flex;height:332.107px;align-items:center;justify-content:center;left:86px;top:629px;width:360.68px}
.j21{flex:none;transform:scaleY(-1) rotate(151.53deg)}
.j22{height:220px;position:relative;width:291px}
.j23{position:absolute;inset:-0.91% -0.69%}
.j24{position:absolute;height:286px;left:1311px;top:1429px;width:379px}
.j25{position:absolute;inset:-0.7% -0.53%}
.j26{position:absolute;height:329px;left:1002px;top:-25px;width:419px}
.j27{position:absolute;inset:-0.61% -0.48%}
.j28{background:#fff;position:relative;width:100%;height:100%}
.j29{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:500;line-height:0.9;left:calc(29.17% - 500px);font-style:normal;font-size:80px;color:var(--color-7,#121212);top:169px;letter-spacing:-2px;width:1011px}
.j30{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;left:calc(66.67% - 10px);font-style:normal;font-size:28px;color:var(--color-7,#121212);top:183px;width:533px}
.j31{position:absolute;align-content:stretch;display:flex;gap:16px;align-items:center;left:60px;top:78px}
.j32{position:relative;flex-shrink:0;width:24px;height:24px}
.j33{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1;font-style:normal;position:relative;flex-shrink:0;font-size:27.859px;color:var(--color-7,#121212);letter-spacing:-0.8839px;white-space:nowrap}
.j34{position:absolute;background:white;border-width:4px;border-color:#121212;border-style:solid;align-content:stretch;display:flex;flex-direction:column;gap:20px;align-items:flex-start;left:60px;padding:24px;border-radius:28px;top:778px;width:361px}
.j35{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:500;line-height:0.9;font-style:normal;position:relative;flex-shrink:0;font-size:40px;color:var(--color-7,#121212);letter-spacing:-2px;width:274px}
.j36{height:202px;overflow:clip;position:relative;flex-shrink:0;width:100%}
.j37{position:absolute;column-gap:5px;row-gap:5px;display:grid;grid-template-columns:   fit-content(100%) fit-content(100%) minmax(0,1fr);grid-template-rows:repeat(4,fit-content(100%));left:0;top:-2px;width:316px}
.j38{grid-column:1;height:45.664px;position:relative;grid-row:1;flex-shrink:0;width:96.926px}
.j39{grid-column:2;height:45.664px;position:relative;grid-row:1;flex-shrink:0;width:96.926px}
.j40{grid-column:1;height:45.664px;position:relative;grid-row:2;flex-shrink:0;width:96.926px}
.j41{grid-column:2;height:45.196px;position:relative;grid-row:2;flex-shrink:0;width:95.933px}
.j42{grid-column:1;height:45.664px;position:relative;grid-row:3;flex-shrink:0;width:96.926px}
.j43{grid-column:2;height:45.196px;position:relative;grid-row:3;flex-shrink:0;width:95.933px}
.j44{grid-column:1;height:45.196px;position:relative;grid-row:4;flex-shrink:0;width:95.933px}
.j45{grid-column:2;height:45.664px;position:relative;grid-row:4;flex-shrink:0;width:96.926px}
.j46{grid-column:3;height:45.664px;position:relative;grid-row:1;flex-shrink:0;width:96.926px}
.j47{grid-column:3;height:45.196px;position:relative;grid-row:2;flex-shrink:0;width:95.933px}
.j48{grid-column:3;height:45.664px;position:relative;grid-row:3;flex-shrink:0;width:96.926px}
.j49{grid-column:3;height:45.664px;position:relative;grid-row:4;flex-shrink:0;width:96.926px}
.j50{align-content:stretch;display:flex;gap:10px;align-items:flex-start;position:relative;flex-shrink:0;width:100%}
.j51{overflow-wrap:break-word;flex:1 0 0;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;min-width:1px;font-style:normal;position:relative;font-size:20px;color:var(--color-8,#7a7a7a)}
.j52{position:absolute;background:white;border-width:4px;border-color:#121212;border-style:solid;align-content:stretch;display:flex;flex-direction:column;gap:24px;height:402px;align-items:flex-start;left:calc(66.67% + 71px);overflow:clip;padding:24px;border-radius:28px;top:778px;width:509px}
.j53{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:500;line-height:0.9;font-style:normal;position:relative;flex-shrink:0;font-size:40px;color:var(--color-7,#121212);letter-spacing:-2px;white-space:nowrap}
.j54{height:294px;overflow:clip;position:relative;flex-shrink:0;width:100%}
.j55{position:absolute;height:181px;left:211px;top:0;width:239px}
.j56{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.j57{position:absolute;height:125.04%;left:0;max-width:none;top:-24.95%;width:100%}
.j58{position:absolute;height:62px;left:6px;top:5px;width:168px}
.j59{position:absolute;height:375.02%;left:-7.89%;max-width:none;top:-17.87%;width:182.89%}
.j60{position:absolute;height:128px;left:109px;top:67px;width:130px}
.j61{position:absolute;height:283.33%;left:-210.38%;max-width:none;top:-38.33%;width:371.58%}
.j62{position:absolute;height:65px;left:6px;top:199px;width:151px}
.j63{position:absolute;height:175.24%;left:-0.07%;max-width:none;top:0;width:100.14%}
.j64{position:absolute;height:64px;left:6px;top:104px;width:97px}
.j65{position:absolute;height:102.1%;left:-1.78%;max-width:none;top:-2.06%;width:101.78%}
.j66{position:absolute;height:138px;left:256px;top:156px;width:205px}
.j67{position:absolute;height:307.25%;left:-5.96%;max-width:none;top:0;width:109%}
.j68{position:absolute;height:83px;left:174px;top:195px;width:87px}
.j69{position:absolute;height:322.6%;left:-42.38%;max-width:none;top:-55.51%;width:433.12%}
.j70{position:absolute;background:#fff;border-width:4px;border-color:#121212;border-style:solid;align-content:stretch;display:flex;flex-direction:column;gap:24px;align-items:flex-start;left:60px;padding:24px;border-radius:28px;top:1193px;width:361px}
.j71{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:500;line-height:0.9;font-style:normal;position:relative;flex-shrink:0;font-size:40px;color:var(--color-7,#121212);letter-spacing:-2px;width:295px}
.j72{align-content:stretch;display:flex;flex-direction:column;gap:17px;align-items:flex-start;position:relative;flex-shrink:0;width:304px}
.j73{position:absolute;background:#fff1cd;border-width:4px;border-color:#121212;border-style:solid;align-content:stretch;display:flex;flex-direction:column;gap:24px;align-items:flex-start;left:calc(16.67% + 120px);padding:24px;border-radius:28px;top:1071px;width:361px}
.j74{align-content:stretch;display:flex;flex-direction:column;gap:17px;align-items:flex-start;position:relative;flex-shrink:0;width:100%}
.j75{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;font-style:normal;position:relative;flex-shrink:0;font-size:20px;color:var(--color-7,#121212);width:248px}
.j76{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;font-style:normal;position:relative;flex-shrink:0;font-size:20px;color:var(--color-7,#121212);width:215px}
.j77{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;font-style:normal;position:relative;flex-shrink:0;font-size:20px;color:var(--color-7,#121212);width:279px}
.j78{position:absolute;background:white;border-width:4px;border-color:#121212;border-style:solid;align-content:stretch;display:flex;flex-direction:column;gap:24px;height:701px;align-items:flex-start;left:calc(41.67% + 20px);padding:24px;border-radius:28px;top:867px;width:510px}
.j79{height:336.759px;overflow:clip;position:relative;flex-shrink:0;width:100%}
.j80{position:absolute;height:120.575px;left:15.74px;top:-0.32px;width:96.747px}
.j81{position:absolute;height:55.575px;left:33.4px;top:131.74px;width:96.747px}
.j82{position:absolute;height:120.575px;left:356.24px;top:18.55px;width:96.747px}
.j83{position:absolute;left:141.02px;width:96.747px;height:96.747px;top:52.88px}
.j84{position:absolute;left:248.63px;width:96.747px;height:96.747px;top:139.16px}
.j85{position:absolute;left:17.53px;width:96.747px;height:96.747px;top:240.01px}
.j86{position:absolute;height:53.25px;left:129.88px;top:-9.28px;width:96.747px}
.j87{position:absolute;height:21.585px;left:81.64px;top:202.24px;width:96.747px}
.j88{position:absolute;height:87.58px;left:248.63px;top:0;width:96.747px}
.j89{position:absolute;height:59.661px;left:163.28px;top:240.28px;width:59.338px}
.j90{position:absolute;height:45.458px;left:178.12px;top:156.78px;width:59.373px}
.j91{position:absolute;height:125.39%;left:0;max-width:none;top:0;width:99.8%}
.j92{position:absolute;height:78.446px;left:301.51px;top:249.55px;width:59.258px}
.j93{position:absolute;height:63.127px;left:381.29px;top:181.83px;width:45.471px}
.j94{align-content:stretch;display:flex;flex-direction:column;gap:17px;align-items:flex-start;position:relative;flex-shrink:0;width:453px}
.j95{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;font-style:normal;position:relative;flex-shrink:0;font-size:20px;color:var(--color-8,#7a7a7a);width:313px}
.j96{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;font-style:normal;position:relative;flex-shrink:0;font-size:20px;color:var(--color-8,#7a7a7a);width:334px}
.j97{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;font-style:normal;position:relative;flex-shrink:0;font-size:20px;color:var(--color-8,#7a7a7a);width:302px}
.j98{position:absolute;display:flex;height:204.689px;align-items:center;justify-content:center;left:calc(50% + 133px);top:709px;width:225.562px}
.j99{flex:none;transform:rotate(36deg)}
.j100{height:106.838px;position:relative;width:201.188px}
.j101{position:absolute;inset:10.1% -0.99% -1.87% -3.59%}
.j102{position:absolute;height:0;left:60px;top:600px;width:1800px}
.j103{position:absolute;inset:-4px 0 0 0}
.j104{position:absolute;display:flex;height:35px;align-items:center;justify-content:center;left:60px;top:580px;width:0}
.j105{flex:none;transform:rotate(90deg)}
.j106{height:0;position:relative;width:35px}
.j107{position:absolute;display:flex;height:35px;align-items:center;justify-content:center;left:calc(16.67% + 154px);top:580px;width:0}
.j108{position:absolute;display:flex;height:35px;align-items:center;justify-content:center;left:50%;top:580px;width:0}
.j109{position:absolute;display:flex;height:35px;align-items:center;justify-content:center;left:calc(66.67% + 94px);top:580px;width:0}
.j110{position:absolute;display:flex;height:35px;align-items:center;justify-content:center;left:calc(91.67% + 100px);top:580px;width:0}
.j111{position:absolute;height:69px;left:calc(50% + 99px);top:1530px;width:294px}
.j112{position:absolute;inset:-5.8% -1.36%}
.j113{position:absolute;align-content:stretch;display:flex;gap:16px;align-items:center;left:60px;top:684px}
.j114{overflow-wrap:break-word;position:absolute;font-family:'M Plus',sans-serif;font-weight:500;line-height:432.376px;left:43px;font-style:normal;font-size:378.329px;color:var(--color-7,#121212);top:115px;letter-spacing:-18.9165px;white-space:nowrap}
.j115{position:absolute;display:flex;height:550.029px;align-items:center;justify-content:center;left:213px;top:156px;width:694.743px}
.j116{flex:none;transform:rotate(-33.89deg)}
.j117{background:white;border-width:4px;border-color:#121212;border-style:solid;align-content:stretch;display:flex;align-items:center;justify-content:center;padding-left:100px;padding-right:100px;padding-top:60px;padding-bottom:60px;position:relative;border-radius:300px}
.j118{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:300;line-height:1;font-style:normal;position:relative;flex-shrink:0;font-size:63.388px;color:var(--color-7,#121212);letter-spacing:-3.9617px;white-space:nowrap}
.j119{position:absolute;display:flex;height:192.106px;align-items:center;justify-content:center;left:289px;top:682px;width:546.995px}
.j120{flex:none;transform:rotate(0.96deg)}
.j121{position:absolute;display:flex;height:281.779px;align-items:center;justify-content:center;left:599px;top:456px;width:611.727px}
.j122{flex:none;transform:rotate(9.92deg)}
.j123{position:absolute;display:flex;height:332.179px;align-items:center;justify-content:center;left:1123.84px;top:556.62px;width:487.543px}
.j124{flex:none;transform:rotate(-20.9deg)}
.j125{position:absolute;display:flex;height:539.005px;align-items:center;justify-content:center;left:1396px;top:283px;width:498.776px}
.j126{flex:none;transform:rotate(49.41deg)}
.j127{position:absolute;display:contents;height:465.318px;left:1031.49px;top:249px;width:470.073px}
.j128{position:absolute;display:flex;height:320.478px;align-items:center;justify-content:center;left:1069.44px;top:321.42px;width:394.161px}
.j129{flex:none;transform:rotate(26.73deg)}
.j130{background:white;border-width:4px;border-color:#121212;border-style:solid;height:183px;position:relative;border-radius:300px;width:349.163px}
.j131{position:absolute;display:flex;height:246.963px;align-items:center;justify-content:center;left:1069.44px;top:321.42px;width:248.159px}
.j132{background:white;border-width:4px;border-color:#121212;border-style:solid;height:183px;position:relative;border-radius:300px;width:185.697px}
.j133{position:absolute;display:contents;height:406.078px;left:18px;top:505px;width:302.715px}
.j134{position:absolute;display:flex;height:380.162px;align-items:center;justify-content:center;left:42.72px;top:517.96px;width:253.267px}
.j135{flex:none;transform:rotate(77.68deg)}
.j136{position:absolute;display:flex;height:220.459px;align-items:center;justify-content:center;left:42.72px;top:517.96px;width:218.399px}
.j137{position:absolute;align-content:stretch;display:flex;gap:16px;align-items:center;left:60px;top:75px}
.j138{background:#cbd5fb;overflow:clip;position:relative;border-radius:28px;width:100%;height:100%}
.j139{position:absolute;border-width:13px;border-color:#121212;border-style:solid;height:812px;left:185px;border-radius:48px;top:447px;width:375px}
.j140{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;border-radius:48px;width:100%;height:100%}
.j141{position:absolute;border-width:13px;border-color:#121212;border-style:solid;height:812px;left:1360px;border-radius:48px;top:447px;width:375px}
.j142{position:absolute;display:contents;left:661px;top:427.56px}
.j143{position:absolute;display:flex;height:850.882px;align-items:center;justify-content:center;left:724.98px;top:427.56px;width:469.036px}
.j144{flex:none;transform:rotate(-6.84deg)}
.j145{border-width:13px;border-color:#121212;border-style:solid;height:812px;position:relative;border-radius:48px;width:375px}
.j146{position:absolute;height:716.5px;left:661px;top:923px;width:723.5px}
.j147{position:absolute;inset:-0.28% -0.36% -0.28% -0.28%}
.j148{position:absolute;align-content:stretch;display:flex;gap:16px;align-items:center;left:61px;top:116px}
.j149{position:absolute;left:1271px;width:86px;height:86px;top:371px}
.j150{position:absolute;left:1735px;width:55px;height:55px;top:1281px}
.j151{position:absolute;left:145px;width:79px;height:79px;top:1336px}
.j152{position:absolute;background:#fff;height:27px;left:239px;top:505px;width:56px}
.j153{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:500;line-height:0.9;left:55px;font-style:normal;font-size:80px;color:var(--color-7,#121212);top:207px;letter-spacing:-2px;width:643px}
.j154{position:absolute;height:926px;left:255px;top:174px;width:1425.002px}
.j155{position:absolute;align-content:stretch;display:flex;gap:16px;align-items:center;left:calc(50% - 769px);top:107px;transform:translateX(-50%)}
.j156{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:500;line-height:0.9;left:55px;font-style:normal;font-size:80px;color:var(--color-7,#121212);top:186px;letter-spacing:-2px;width:679px}
.j157{position:absolute;display:contents;left:60px;top:125px}
.j158{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:24px;height:571px;align-items:flex-start;left:60px;padding-bottom:60px;padding-top:300px;padding-left:45px;padding-right:45px;top:125px;width:590px}
.j159{position:absolute;display:contents;left:0;top:0}
.j160{position:absolute;background:#121212;height:562px;left:calc(50% + 4.5px);border-radius:28px;top:9px;width:581px;transform:translateX(-50%)}
.j161{position:absolute;background:#cbd5fb;border-width:4px;border-color:#121212;border-style:solid;height:562px;left:0;border-radius:28px;top:0;width:581px}
.j162{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:500;line-height:0.9;font-style:normal;position:relative;flex-shrink:0;font-size:60px;color:var(--color-7,#121212);letter-spacing:-2px;white-space:nowrap}
.j163{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;font-style:normal;position:relative;flex-shrink:0;font-size:28px;color:var(--color-7,#121212);width:444px}
.j164{position:absolute;display:contents;left:664px;top:125px}
.j165{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:24px;height:571px;align-items:flex-start;left:664px;padding-bottom:60px;padding-top:300px;padding-left:45px;padding-right:45px;top:125px;width:590px}
.j166{position:absolute;background:#f7d9e3;border-width:4px;border-color:#121212;border-style:solid;height:562px;left:0;border-radius:28px;top:0;width:581px}
.j167{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;font-style:normal;position:relative;flex-shrink:0;font-size:28px;color:var(--color-7,#121212);width:436px}
.j168{position:absolute;display:contents;left:1268px;top:125px}
.j169{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:24px;height:571px;align-items:flex-start;left:1268px;padding-bottom:60px;padding-top:300px;padding-left:45px;padding-right:45px;top:125px;width:590px}
.j170{position:absolute;background:#fff1cd;border-width:4px;border-color:#121212;border-style:solid;height:562px;left:0;border-radius:28px;top:0;width:581px}
.j171{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;font-style:normal;position:relative;flex-shrink:0;font-size:28px;color:var(--color-7,#121212);width:438px}
.j172{position:absolute;display:contents;left:1506px;top:144px}
.j173{position:absolute;display:contents;height:163.862px;left:1686px;top:144px;width:163.004px}
.j174{position:absolute;display:flex;align-items:center;justify-content:center;left:1711.59px;width:116.21px;height:116.21px;top:165.2px}
.j175{flex:none;transform:rotate(-27.53deg)}
.j176{position:relative;width:86.147px;height:86.147px}
.j177{position:absolute;inset:5.57% 7.51% 13.14% 7.51%}
.j178{position:absolute;display:flex;align-items:center;justify-content:center;left:1707.2px;width:116.21px;height:116.21px;top:170.45px}
.j179{position:absolute;display:flex;align-items:center;justify-content:center;left:1515.12px;width:248.163px;height:248.163px;top:144px}
.j180{flex:none;transform:rotate(22.55deg)}
.j181{position:relative;width:189.862px;height:189.862px}
.j182{position:absolute;inset:5.79% 7.7% 13.28% 7.7%}
.j183{position:absolute;display:flex;align-items:center;justify-content:center;left:1506px;width:248.163px;height:248.163px;top:144px}
.j184{position:absolute;display:contents;left:968px;top:163px}
.j185{position:absolute;display:contents;height:163.329px;left:1051px;top:210px;width:172.906px}
.j186{position:absolute;display:flex;height:143.978px;align-items:center;justify-content:center;left:1058.97px;top:223.57px;width:150.53px}
.j187{flex:none;transform:rotate(-28.21deg)}
.j188{height:100.745px;position:relative;width:116.78px}
.j189{position:absolute;inset:-1.21% -1.05% -1.37% -1.05%}
.j190{position:absolute;display:flex;height:143.978px;align-items:center;justify-content:center;left:1065.39px;top:215.79px;width:150.53px}
.j191{position:absolute;inset:-1.11% -0.96% -1.26% -0.96%}
.j192{position:absolute;display:contents;height:110.858px;left:968px;top:163px;width:114.631px}
.j193{position:absolute;display:flex;height:68.757px;align-items:center;justify-content:center;left:983.84px;top:184.84px;width:77.106px}
.j194{flex:none;transform:rotate(7.17deg)}
.j195{height:60.478px;position:relative;width:70.104px}
.j196{position:absolute;inset:-2.01% -1.74% -2.28% -1.74%}
.j197{position:absolute;display:flex;height:68.757px;align-items:center;justify-content:center;left:989.69px;top:183.26px;width:77.106px}
.j198{position:absolute;inset:-1.85% -1.61% -2.1% -1.61%}
.j199{position:absolute;display:contents;left:338px;top:145px}
.j200{position:absolute;display:contents;height:202.205px;left:432.57px;top:145px;width:186.998px}
.j201{position:absolute;display:flex;align-items:center;justify-content:center;left:477.15px;width:141.452px;height:141.452px;top:150px}
.j202{flex:none;transform:scaleY(-1) rotate(-144.72deg)}
.j203{position:relative;width:101.477px;height:101.477px}
.j204{position:absolute;display:flex;align-items:center;justify-content:center;left:473px;width:141.452px;height:141.452px;top:145px}
.j205{position:absolute;display:flex;height:29.236px;align-items:center;justify-content:center;left:495.89px;top:256.51px;width:20.712px}
.j206{flex:none;transform:scaleY(-1) rotate(-144.68deg)}
.j207{height:35.829px;position:relative;width:0}
.j208{position:absolute;inset:0 -1.28px}
.j209{position:absolute;display:flex;height:49.564px;align-items:center;justify-content:center;left:471.15px;top:268px;width:38.816px}
.j210{background:#121212;height:54.219px;position:relative;width:9.184px}
.j211{position:absolute;display:contents;height:149.94px;left:338px;top:241px;width:137.924px}
.j212{position:absolute;display:flex;height:107.616px;align-items:center;justify-content:center;left:338px;top:241.44px;width:108.274px}
.j213{flex:none;transform:rotate(-34.71deg)}
.j214{height:76.272px;position:relative;width:78.879px}
.j215{position:absolute;display:flex;align-items:center;justify-content:center;left:341.77px;width:104.707px;height:104.707px;top:241.22px}
.j216{position:relative;width:75.249px;height:75.249px}
.j217{position:absolute;display:flex;height:21.832px;align-items:center;justify-content:center;left:415.49px;top:323.85px;width:15.141px}
.j218{flex:none;transform:rotate(-34.74deg)}
.j219{height:26.568px;position:relative;width:0}
.j220{position:absolute;display:flex;height:36.928px;align-items:center;justify-content:center;left:420.07px;top:331.49px;width:28.493px}
.j221{background:#121212;height:40.206px;position:relative;width:6.811px}
.j222{background:#d5f0ff;overflow:clip;position:relative;border-radius:28px;width:100%;height:100%}
.j223{position:absolute;align-content:stretch;display:flex;gap:16px;align-items:center;left:calc(12.5% + 76px);top:147px;transform:translateX(-50%)}
.j224{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1;font-style:normal;position:relative;flex-shrink:0;font-size:27.859px;color:var(--color-7,#121212);letter-spacing:-0.8839px;width:470px}
.j225{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:500;line-height:0.9;left:55px;font-style:normal;font-size:80px;color:var(--color-7,#121212);top:238px;letter-spacing:-2px;width:706px}
.j226{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;left:calc(83.33% - 329px);font-style:normal;font-size:28px;color:var(--color-7,#121212);top:254px;width:575px}
.j227{position:absolute;display:flex;height:626.074px;align-items:center;justify-content:center;left:calc(33.33% + 137px);top:192.43px;width:365.906px}
.j228{flex:none;transform:scaleY(-1) rotate(180deg)}
.j229{height:626.074px;position:relative;width:365.906px}
.j230{position:absolute;inset:-0.27% -0.3% -0.27% -0.55%}
.j231{position:absolute;height:453px;left:calc(75% + 102px);top:1303px;width:324.778px}
.j232{position:absolute;inset:-0.37% -0.58% -0.43% -0.62%}
.j233{position:absolute;display:flex;height:765.403px;align-items:center;justify-content:center;left:-105px;top:667px;width:819.67px}
.j234{flex:none;transform:scaleY(-1) rotate(-26.32deg)}
.j235{height:531.696px;position:relative;width:651.476px}
.j236{position:absolute;inset:-0.38% -0.31% -0.37% -0.31%}
.j237{position:absolute;display:contents;left:39px;top:594px}
.j238{overflow-wrap:break-word;position:absolute;font-family:'M Plus',sans-serif;font-weight:500;line-height:457.814px;left:calc(50% - 0.31px);font-style:normal;font-size:400.587px;color:var(--color-7,#121212);text-align:center;top:1222px;letter-spacing:-20.0294px;white-space:nowrap;transform:translateX(-50%)}
.j239{position:absolute;display:flex;height:727.697px;align-items:center;justify-content:center;left:39px;top:667.3px;width:532.318px}
.j240{flex:none;transform:rotate(-22.16deg)}
.j241{border-width:13px;border-color:#121212;border-style:solid;height:661.344px;position:relative;border-radius:48px;width:305.424px}
.j242{position:absolute;display:flex;height:727.698px;align-items:center;justify-content:center;left:calc(66.67% + 67.84px);top:667.3px;width:532.336px}
.j243{flex:none;transform:rotate(22.16deg)}
.j244{position:absolute;display:flex;height:701.085px;align-items:center;justify-content:center;left:calc(50% + 127.21px);top:602.14px;width:405.44px}
.j245{flex:none;transform:rotate(9.03deg)}
.j246{position:absolute;display:flex;height:701.084px;align-items:center;justify-content:center;left:calc(16.67% + 95.28px);top:602.15px;width:405.437px}
.j247{flex:none;transform:rotate(-9.03deg)}
.j248{position:absolute;border-width:13px;border-color:#121212;border-style:solid;height:661px;left:calc(50% - 0.5px);border-radius:48px;top:594px;width:305px;transform:translateX(-50%)}
.j249{position:absolute;display:flex;height:47.284px;align-items:center;justify-content:center;left:95px;top:782px;width:63.367px}
.j250{flex:none;transform:rotate(-27.59deg)}
.j251{background:#fff;height:22px;position:relative;width:60px}
.j252{position:absolute;display:flex;height:32.725px;align-items:center;justify-content:center;left:calc(16.67% + 146px);top:677px;width:63.035px}
.j253{flex:none;transform:rotate(-10.67deg)}
.j254{position:absolute;display:flex;height:23.358px;align-items:center;justify-content:center;left:calc(41.67% + 49.27px);top:638.68px;width:60.484px}
.j255{flex:none;transform:rotate(-1.3deg)}
.j256{position:absolute;display:flex;height:29.955px;align-items:center;justify-content:center;left:calc(58.33% + 103px);top:653px;width:62.434px}
.j257{flex:none;transform:rotate(7.82deg)}
.j258{position:absolute;display:flex;height:44.161px;align-items:center;justify-content:center;left:calc(83.33% + 14px);top:725px;width:63.791px}
.j259{flex:none;transform:rotate(23.58deg)}
.j260{position:absolute;display:flex;height:151.358px;align-items:center;justify-content:center;left:calc(33.33% + 146.5px);top:68px;width:252.406px}
.j261{height:151.358px;position:relative;width:252.406px}
.j262{position:absolute;display:contents;left:466px;top:417px}
.j263{position:absolute;left:466px;width:136.305px;height:136.305px;top:417px}
.j264{position:absolute;height:136.305px;left:10.22px;top:0;width:115.126px}
.j265{position:absolute;inset:-0.31% 0 0 0}
.j266{position:absolute;left:738.9px;width:136.305px;height:136.305px;top:417px}
.j267{position:absolute;display:contents;left:0;top:3.41px}
.j268{position:absolute;height:10.023px;left:62.14px;top:121.67px;width:20.045px}
.j269{position:absolute;inset:0 -2.55% -5.1% -2.55%}
.j270{position:absolute;left:0;mix-blend-mode:darken;width:74.167px;height:74.167px;top:17.44px}
.j271{position:absolute;inset:10.27% 11.98% 16.96% 11.98%}
.j272{position:absolute;left:94.21px;mix-blend-mode:darken;width:42.095px;height:42.095px;top:57.53px}
.j273{position:absolute;inset:9.05% 10.85% 16.08% 10.85%}
.j274{position:absolute;left:94.21px;width:14.032px;height:14.032px;top:3.41px}
.j275{position:absolute;height:110.248px;left:50.12px;top:11.43px;width:42.095px}
.j276{position:absolute;inset:-0.46% -1.21%}
.j277{position:absolute;height:22.05px;left:56.51px;top:11.43px;width:29.079px}
.j278{position:absolute;inset:-2.32% -1.76%}
.j279{position:absolute;height:36.081px;left:87.2px;top:97.62px;width:13.029px}
.j280{position:absolute;inset:-1.42% -3.92%}
.j281{position:absolute;display:flex;height:36.081px;align-items:center;justify-content:center;left:38.09px;top:97.62px;width:17.038px}
.j282{height:36.081px;position:relative;width:17.038px}
.j283{position:absolute;inset:-1.42% -3%}
.j284{position:absolute;left:56.13px;width:30.068px;height:30.068px;top:49.51px}
.j285{position:absolute;left:66.15px;width:10.023px;height:10.023px;top:83.59px}
.j286{position:absolute;left:1011.8px;width:136.305px;height:136.305px;top:417px}
.j287{position:absolute;display:contents;left:0;top:10.22px}
.j288{position:absolute;left:0;width:19.537px;height:19.537px;top:10.22px}
.j289{position:absolute;display:contents;left:4.75px;top:27.69px}
.j290{position:absolute;display:flex;height:56.456px;align-items:center;justify-content:center;left:4.75px;top:37.15px;width:116.465px}
.j291{flex:none;transform:rotate(-9.51deg)}
.j292{height:38.542px;position:relative;width:111.631px}
.j293{position:absolute;inset:0 0 0.62% 0}
.j294{position:absolute;display:flex;height:23.105px;align-items:center;justify-content:center;left:36.48px;top:27.69px;width:44.231px}
.j295{height:16.374px;position:relative;width:42.104px}
.j296{position:absolute;inset:-20.81% -8.09% 0 -8.09%}
.j297{position:absolute;display:flex;height:68.708px;align-items:center;justify-content:center;left:10.84px;top:56.91px;width:112.933px}
.j298{height:51.941px;position:relative;width:105.806px}
.j299{position:absolute;inset:0 -0.48% -0.98% -0.48%}
.j300{position:absolute;display:contents;height:18.938px;left:58.59px;top:76.99px;width:16.61px}
.j301{position:absolute;display:flex;height:18.938px;align-items:center;justify-content:center;left:58.59px;top:76.99px;width:16.61px}
.j302{background:white;border-width:1.022px;border-color:#121212;border-style:solid;height:16.853px;position:relative;border-radius:3.408px;width:14.018px}
.j303{position:absolute;height:28.684px;left:106.54px;top:44.93px;width:29.76px}
.j304{position:absolute;left:1284.7px;width:136.305px;height:136.305px;top:417px}
.j305{position:absolute;height:100.673px;left:0;top:17.04px;width:136.307px}
.j306{position:absolute;left:466px;width:136.305px;height:136.305px;top:689.9px}
.j307{position:absolute;display:contents;left:13.63px;top:0}
.j308{position:absolute;left:33.16px;width:30.291px;height:30.291px;top:0}
.j309{position:absolute;display:contents;left:13.63px;top:16.9px}
.j310{position:absolute;background:#121212;border-width:1.022px;border-color:#121212;border-style:solid;height:75.001px;left:13.63px;border-radius:1.704px;top:61.3px;width:35.773px}
.j311{position:absolute;height:110.989px;left:46.82px;top:16.9px;width:75.469px}
.j312{position:absolute;inset:0 -0.14% -0.46% -0.22%}
.j313{position:absolute;left:738.9px;width:136.305px;height:136.305px;top:689.9px}
.j314{position:absolute;height:127.539px;left:0;top:4.53px;width:136.305px}
.j315{position:absolute;left:1011.8px;width:136.305px;height:136.305px;top:689.9px}
.j316{position:absolute;height:132.572px;left:0;top:1.7px;width:136.304px}
.j317{position:absolute;left:1284.7px;width:136.305px;height:136.305px;top:689.9px}
.j318{position:absolute;height:124.426px;left:0;top:5.11px;width:136.306px}
.j319{position:absolute;align-content:stretch;display:flex;gap:16px;align-items:center;left:50%;top:241px;transform:translateX(-50%)}
.j320{position:absolute;border-width:13px;border-color:#121212;border-style:solid;height:853px;left:50%;border-radius:48px;top:143px;width:1440px;transform:translateX(-50%)}
.j321{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:48px}
.j322{position:absolute;height:374.68%;left:0;max-width:none;top:0.05%;width:100%}
.j323{overflow-wrap:break-word;position:absolute;font-family:'M Plus',sans-serif;font-weight:500;line-height:315px;left:calc(50% + 0.5px);font-style:normal;font-size:275.625px;color:var(--color-7,#121212);text-align:center;top:0;letter-spacing:-13.7813px;white-space:nowrap;transform:translateX(-50%)}
.j324{position:absolute;display:flex;height:682.789px;align-items:center;justify-content:center;left:943px;top:199px;width:355.661px}
.j325{flex:none;transform:rotate(4.48deg)}
.j326{border-width:13px;border-color:#121212;border-style:solid;height:661px;position:relative;border-radius:48px;width:305px}
.j327{position:absolute;display:flex;height:672.573px;align-items:center;justify-content:center;left:558px;top:605px;width:330.968px}
.j328{flex:none;transform:rotate(-2.27deg)}
.j329{position:absolute;display:flex;height:672.573px;align-items:center;justify-content:center;left:1362px;top:368px;width:330.968px}
.j330{position:absolute;display:flex;height:668.362px;align-items:center;justify-content:center;left:137.83px;top:271.11px;width:321.302px}
.j331{flex:none;transform:rotate(1.42deg)}
.j332{position:absolute;left:1663px;width:86px;height:86px;top:229px}
.j333{position:absolute;left:558px;width:55px;height:55px;top:497px}
.j334{position:absolute;left:1247px;width:79px;height:79px;top:944px}
.j335{position:absolute;display:flex;height:22.981px;align-items:center;justify-content:center;left:641.75px;top:1024.27px;width:196.685px}
.j336{flex:none;transform:rotate(-2.58deg)}
.j337{background:#fff;height:14.177px;position:relative;width:196.246px}
.j338{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;left:calc(50% + 310px);font-style:normal;font-size:28px;color:var(--color-7,#121212);top:238px;width:590px}
.j339{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:20px;align-items:flex-start;left:60px;top:582px;width:134px}
.j340{align-content:stretch;display:flex;gap:16px;align-items:center;position:relative;flex-shrink:0}
.j341{grid-template-columns:max-content;grid-template-rows:max-content;display:inline-grid;line-height:0;place-items:start;position:relative;flex-shrink:0}
.j342{grid-column:1;display:flex;align-items:center;justify-content:center;margin-left:7.93px;margin-top:0;position:relative;grid-row:1;width:12.32px;height:12.32px}
.j343{flex:none;transform:rotate(-45deg)}
.j344{background:#7a7a7a;position:relative;width:8.711px;height:8.711px}
.j345{grid-column:1;display:flex;align-items:center;justify-content:center;margin-left:7.93px;margin-top:15.74px;position:relative;grid-row:1;width:12.32px;height:12.32px}
.j346{grid-column:1;display:flex;align-items:center;justify-content:center;margin-left:0;margin-top:7.84px;position:relative;grid-row:1;width:12.32px;height:12.32px}
.j347{grid-column:1;display:flex;align-items:center;justify-content:center;margin-left:15.68px;margin-top:7.84px;position:relative;grid-row:1;width:12.32px;height:12.32px}
.j348{overflow-wrap:break-word;font-family:Hint,sans-serif;font-weight:400;line-height:1;font-style:normal;position:relative;flex-shrink:0;font-size:27.859px;color:var(--color-8,#7a7a7a);letter-spacing:-0.8839px;white-space:nowrap}
.j349{border-width:2px;border-color:#7a7a7a;border-style:dashed;height:446px;overflow:clip;position:relative;border-radius:16px;flex-shrink:0;width:100%}
.j350{position:absolute;left:22.99px;width:85.22px;height:85.22px;top:48.94px}
.j351{position:absolute;display:contents;left:0.1px;top:0.93px}
.j352{position:absolute;left:0.57px;width:82.045px;height:82.045px;top:12.44px}
.j353{position:absolute;background:white;border-width:1.597px;border-color:#121212;border-style:solid;left:29.21px;overflow:clip;border-radius:19.023px;width:79.846px;height:79.846px;top:5.15px}
.j354{position:absolute;display:flex;height:120.745px;align-items:center;justify-content:center;left:-28.81px;top:0.55px;width:121.465px}
.j355{flex:none;transform:rotate(7.73deg)}
.j356{height:107.193px;position:relative;width:108.033px}
.j357{position:absolute;inset:0 -0.37% -0.37% -0.4%}
.j358{position:absolute;left:22.99px;width:85.22px;height:85.22px;top:309.38px}
.j359{position:absolute;height:83.358px;left:0.1px;top:0.93px;width:85.014px}
.j360{position:absolute;left:22.99px;width:85.22px;height:85.22px;top:179.16px}
.j361{position:absolute;left:0.57px;width:82.045px;height:82.045px;top:12.42px}
.j362{position:absolute;background:white;border-width:1.597px;border-color:#121212;border-style:solid;left:29.21px;overflow:clip;border-radius:19.023px;width:79.846px;height:79.846px;top:5.14px}
.j363{position:absolute;display:flex;height:120.524px;align-items:center;justify-content:center;left:-28.81px;top:0.77px;width:121.433px}
.j364{height:106.97px;position:relative;width:108.032px}
.j365{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:20px;align-items:flex-start;left:240px;top:848px}
.j366{border-width:2px;border-color:#7a7a7a;border-style:dashed;height:131px;overflow:clip;position:relative;border-radius:16px;flex-shrink:0;width:168px}
.j367{position:absolute;left:91.46px;width:31.349px;height:31.349px;top:25.94px}
.j368{position:absolute;left:calc(50% + 0.01px);width:31.369px;height:31.369px;top:calc(50% + 0.01px);transform:translateY(-50%) translateX(-50%)}
.j369{position:absolute;display:flex;height:24.428px;align-items:center;justify-content:center;left:36.34px;top:26.66px;width:25.78px}
.j370{flex:none;transform:rotate(0.41deg)}
.j371{height:24.245px;position:relative;width:25.606px}
.j372{position:absolute;display:flex;height:24.428px;align-items:center;justify-content:center;left:36px;top:73.29px;width:25.78px}
.j373{position:absolute;left:91.46px;width:31.349px;height:31.349px;top:73.29px}
.j374{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:20px;align-items:flex-start;left:1125px;top:582px}
.j375{border-width:2px;border-color:#7a7a7a;border-style:dashed;height:394px;overflow:clip;position:relative;border-radius:16px;flex-shrink:0;width:390px}
.j376{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:12px;align-items:flex-start;left:19px;top:19px;width:350px}
.j377{align-content:stretch;display:flex;flex-direction:column;gap:8px;align-items:flex-start;position:relative;flex-shrink:0;width:100%}
.j378{align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;position:relative;flex-shrink:0;width:350px}
.j379{background:white;border-width:0.6px;border-color:#7a7a7a;border-style:solid;align-content:stretch;display:flex;flex-direction:column;height:52px;align-items:flex-start;justify-content:center;overflow:clip;padding-bottom:11.924px;padding-top:11.101px;padding-left:12.335px;padding-right:12.335px;position:relative;border-radius:10px;flex-shrink:0;width:100%}
.j380{align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:100%}
.j381{overflow-wrap:break-word;display:flex;flex-direction:column;font-family:'M Plus',sans-serif;font-weight:400;justify-content:center;line-height:0;font-style:normal;position:relative;flex-shrink:0;font-size:12px;color:var(--color-8,#7a7a7a);letter-spacing:-0.6px;width:100%}
.j382{line-height:16px}
.j383{align-content:stretch;display:flex;align-items:center;justify-content:space-between;position:relative;flex-shrink:0;width:100%}
.j384{align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;position:relative;flex-shrink:0;width:112px}
.j385{align-content:stretch;display:flex;align-items:center;justify-content:space-between;position:relative;flex-shrink:0;width:350px}
.j386{height:23px;position:relative;flex-shrink:0;width:118px}
.j387{position:absolute;background:#121212;height:19.736px;left:84px;border-radius:3.289px;top:1.99px;width:32.335px}
.j388{position:absolute;height:14.802px;left:calc(50% + 0.39px);overflow:clip;top:2.47px;width:20.558px;transform:translateX(-50%)}
.j389{position:absolute;background:white;height:12px;left:4.72px;border-bottom-right-radius:2px;border-top-left-radius:2px;top:1.15px;width:16px}
.j390{position:absolute;height:10px;left:5.72px;top:2.15px;width:14px}
.j391{position:absolute;background:#121212;border-width:1.64px;border-color:white;border-style:solid;height:19.736px;left:57.06px;border-radius:3.289px;top:1.99px;width:32.335px}
.j392{position:absolute;background:#2566af;border-width:1.645px;border-color:white;border-style:solid;height:19.736px;left:28.53px;border-radius:3.289px;top:1.99px;width:32.335px}
.j393{position:absolute;height:8.223px;left:calc(50% + 0.28px);top:50%;width:23.025px;transform:translateY(-50%) translateX(-50%)}
.j394{position:absolute;height:19.736px;left:0;top:1.99px;width:32.335px}
.j395{position:absolute;inset:-8.33% -5.09%}
.j396{align-content:stretch;display:flex;gap:8px;align-items:center;position:relative;flex-shrink:0}
.j397{background:#e7ffd2;position:relative;border-radius:3.289px;flex-shrink:0;width:23.025px;height:23.025px}
.j398{position:absolute;left:4.93px;width:13.157px;height:13.157px;top:5px}
.j399{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:400;line-height:16px;font-style:normal;position:relative;flex-shrink:0;font-size:12px;color:var(--color-7,#121212);letter-spacing:-0.6px;width:90.238px}
.j400{align-content:stretch;display:flex;gap:8px;height:64px;align-items:flex-start;position:relative;flex-shrink:0;width:100%}
.j401{background:#cbd5fb;border-width:0.6px;border-color:#121212;border-style:solid;position:relative;border-radius:4px;flex-shrink:0;width:22px;height:22px}
.j402{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:400;line-height:0;font-style:normal;position:relative;flex-shrink:0;font-size:0px;color:var(--color-7,#121212);letter-spacing:-0.6px;width:320px}
.j403{line-height:16px;font-size:12px}
.j404{line-height:16px;color:#cbd5fb;font-size:12px}
.j405{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:20px;align-items:flex-start;left:240px;top:1070px;width:168px}
.j406{border-width:2px;border-color:#7a7a7a;border-style:dashed;height:153px;overflow:clip;position:relative;border-radius:16px;flex-shrink:0;width:167px}
.j407{position:absolute;left:32px;width:101.775px;height:101.775px;top:24.94px}
.j408{position:absolute;left:0;width:101.775px;height:101.775px;top:0}
.j409{position:absolute;display:contents;left:1.09px;top:0}
.j410{position:absolute;background:#cbd5fb;left:1.09px;border-radius:25.493px;width:101.31px;height:101.31px;top:0}
.j411{position:absolute;display:contents;left:12.6px;top:7.24px}
.j412{position:absolute;display:flex;height:82.286px;align-items:center;justify-content:center;left:12.6px;top:7.24px;width:76.321px}
.j413{flex:none;transform:scaleY(-1) rotate(-178.15deg)}
.j414{height:79.942px;position:relative;width:73.774px}
.j415{position:absolute;inset:-1.37% 0 -1.37% -1.49%}
.j416{position:absolute;height:72.108px;left:22.21px;top:18.77px;width:70.267px}
.j417{position:absolute;inset:0 0 -1.86% 0}
.j418{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:20px;align-items:flex-start;left:1557px;top:582px}
.j419{border-width:2px;border-color:#7a7a7a;border-style:dashed;height:349px;overflow:clip;position:relative;border-radius:16px;flex-shrink:0;width:302px}
.j420{position:absolute;height:40.987px;left:30px;top:22px;width:43.288px}
.j421{position:absolute;height:40.987px;left:110.06px;top:22px;width:43.288px}
.j422{position:absolute;height:34.069px;left:185.02px;top:27.11px;width:30.284px}
.j423{position:absolute;height:34.069px;left:232.71px;top:27.11px;width:30.284px}
.j424{position:absolute;height:40.987px;left:30px;top:92.96px;width:43.288px}
.j425{position:absolute;height:40.987px;left:110.06px;top:93.55px;width:43.288px}
.j426{position:absolute;height:34.069px;left:185.02px;top:95.25px;width:30.284px}
.j427{position:absolute;height:34.069px;left:232.71px;top:95.25px;width:30.284px}
.j428{position:absolute;inset:0 -3% 0 0}
.j429{position:absolute;height:40.987px;left:30px;top:163.39px;width:43.288px}
.j430{position:absolute;height:40.987px;left:110.06px;top:163.39px;width:43.288px}
.j431{position:absolute;height:40.987px;left:179.91px;top:163.39px;width:43.288px}
.j432{position:absolute;height:40.987px;left:232.71px;top:163.39px;width:43.288px}
.j433{position:absolute;height:40.987px;left:30px;top:216.19px;width:43.288px}
.j434{position:absolute;height:35.426px;left:6.81px;top:3.41px;width:30.702px}
.j435{position:absolute;inset:-3.61% -2.25% 0 -2.24%}
.j436{position:absolute;height:40.987px;left:110.06px;top:216.19px;width:43.288px}
.j437{position:absolute;height:40.987px;left:30px;top:269px;width:43.288px}
.j438{position:absolute;height:40.987px;left:110.06px;top:269px;width:43.288px}
.j439{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:20px;align-items:flex-start;left:580px;top:582px}
.j440{border-width:2px;border-color:#7a7a7a;border-style:dashed;height:498px;overflow:clip;position:relative;border-radius:16px;flex-shrink:0;width:503px}
.j441{position:absolute;background:white;border-width:0.902px;border-color:#121212;border-style:solid;align-content:stretch;filter:drop-shadow(2.865px 2.865px 0px black);display:flex;flex-direction:column;gap:13.526px;align-items:flex-start;left:27px;padding:18.034px;border-radius:20px;top:304.45px;width:281.788px}
.j442{align-content:stretch;display:flex;gap:9.017px;align-items:center;position:relative;flex-shrink:0}
.j443{align-content:stretch;display:flex;gap:4.509px;align-items:flex-start;position:relative;flex-shrink:0}
.j444{position:relative;flex-shrink:0;width:14.653px;height:14.653px}
.j445{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:400;line-height:0;font-style:normal;position:relative;flex-shrink:0;font-size:0px;color:var(--color-7,#121212);letter-spacing:-0.6765px;white-space:nowrap}
.j446{line-height:18.034px;font-size:13.53px}
.j447{line-height:18.034px;color:#7a7a7a;font-size:13.526px;letter-spacing:-0.6763px}
.j448{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:400;line-height:18.034px;min-width:100%;font-style:normal;position:relative;flex-shrink:0;font-size:13.53px;color:var(--color-7,#121212);letter-spacing:-0.6765px;width:min-content}
.j449{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:700;line-height:18.034px;font-style:normal;position:relative;flex-shrink:0;font-size:13.53px;color:var(--color-7,#121212);letter-spacing:-0.6765px;white-space:nowrap}
.j450{position:absolute;background:white;border-width:0.902px;border-color:#121212;border-style:solid;align-content:stretch;display:flex;flex-direction:column;gap:18.034px;align-items:flex-start;left:27px;overflow:clip;padding:36.069px;border-radius:20px;box-shadow:2.865px 2.865px 0px 0px black;top:35.06px;width:433.954px}
.j451{align-content:stretch;display:flex;gap:13.526px;align-items:center;position:relative;flex-shrink:0}
.j452{position:relative;flex-shrink:0;width:20.289px;height:20.289px}
.j453{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:400;line-height:0;font-style:normal;position:relative;flex-shrink:0;font-size:0px;color:var(--color-7,#121212);letter-spacing:-1.0145px;white-space:nowrap}
.j454{line-height:24.797px;font-size:20.29px}
.j455{line-height:24.797px;color:#7a7a7a;font-size:20.289px;letter-spacing:-1.0144px}
.j456{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:400;line-height:24.797px;min-width:100%;font-style:normal;position:relative;flex-shrink:0;font-size:20.29px;color:var(--color-7,#121212);letter-spacing:-1.0145px;width:min-content}
.j457{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:700;line-height:24.797px;font-style:normal;position:relative;flex-shrink:0;font-size:20.29px;color:var(--color-7,#121212);letter-spacing:-1.0145px;white-space:nowrap}
.j458{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:20px;align-items:flex-start;left:240px;top:582px}
.j459{border-width:2px;border-color:#7a7a7a;border-style:dashed;height:168px;overflow:clip;position:relative;border-radius:16px;flex-shrink:0;width:302px}
.j460{position:absolute;align-content:stretch;display:flex;gap:19.423px;align-items:center;left:30px;top:26.07px}
.j461{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:400;line-height:1.2;font-style:normal;position:relative;flex-shrink:0;font-size:21.85px;color:var(--color-7,#121212);text-align:center;letter-spacing:-1.0925px;white-space:nowrap}
.j462{border-width:0.971px;border-color:#121212;border-style:solid;align-content:stretch;display:flex;height:51.221px;align-items:center;justify-content:center;padding-bottom:7.114px;padding-top:5.691px;padding-left:17.074px;padding-right:17.074px;position:relative;border-radius:4.395px;flex-shrink:0;width:102.443px}
.j463{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:400;line-height:26.707px;font-style:normal;position:relative;flex-shrink:0;font-size:21.85px;color:var(--color-7,#121212);text-align:center;letter-spacing:-1.0925px;white-space:nowrap}
.j464{position:absolute;align-content:stretch;display:flex;gap:14.568px;align-items:center;left:30px;top:101.58px}
.j465{overflow-wrap:break-word;font-family:'M Plus',sans-serif;font-weight:400;line-height:21.851px;font-style:normal;position:relative;flex-shrink:0;font-size:17px;color:var(--color-7,#121212);text-align:center;letter-spacing:-0.85px;white-space:nowrap}
.j466{border-width:0.971px;border-color:#121212;border-style:solid;align-content:stretch;display:flex;height:38.847px;align-items:center;justify-content:center;padding-left:14.568px;padding-right:14.568px;padding-top:6.07px;padding-bottom:6.07px;position:relative;border-radius:3.662px;flex-shrink:0;width:76.48px}
.j467{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:20px;align-items:flex-start;left:1557px;top:1028px}
.j468{border-width:2px;border-color:#7a7a7a;border-style:dashed;height:263px;overflow:clip;position:relative;border-radius:16px;flex-shrink:0;width:302px}
.j469{position:absolute;left:30px;width:43.61px;height:43.61px;top:33px}
.j470{position:absolute;inset:-1.25%}
.j471{position:absolute;left:225.56px;width:43.61px;height:43.61px;top:33px}
.j472{position:absolute;left:89.96px;width:29.982px;height:29.982px;top:39.81px}
.j473{position:absolute;inset:-1.82%}
.j474{position:absolute;left:179.91px;width:29.982px;height:29.982px;top:39.81px}
.j475{position:absolute;left:136.3px;width:25.894px;height:25.894px;top:41.86px}
.j476{position:absolute;inset:-2.11% -2.11% -2.1% -2.1%}
.j477{position:absolute;left:30px;width:43.61px;height:43.61px;top:86.15px}
.j478{position:absolute;left:225.56px;width:43.61px;height:43.61px;top:86.15px}
.j479{position:absolute;left:89.96px;width:29.982px;height:29.982px;top:92.96px}
.j480{position:absolute;left:179.91px;width:29.982px;height:29.982px;top:92.96px}
.j481{position:absolute;left:136.3px;width:25.894px;height:25.894px;top:95.01px}
.j482{position:absolute;inset:-2.1% -2.11% -2.11% -2.1%}
.j483{position:absolute;left:34.77px;width:34.071px;height:34.071px;top:149.52px}
.j484{position:absolute;inset:-1.6%}
.j485{position:absolute;left:230.33px;width:34.071px;height:34.071px;top:149.52px}
.j486{position:absolute;left:92.69px;width:24.531px;height:24.531px;top:154.29px}
.j487{position:absolute;inset:-2.22% -2.22% -2.22% -2.23%}
.j488{position:absolute;left:182.64px;width:24.531px;height:24.531px;top:154.29px}
.j489{position:absolute;inset:-2.22%}
.j490{position:absolute;left:139.71px;width:19.08px;height:19.08px;top:157.02px}
.j491{position:absolute;inset:-2.86%}
.j492{position:absolute;left:34.77px;width:34.071px;height:34.071px;top:193.81px}
.j493{position:absolute;inset:-1.2%}
.j494{position:absolute;left:230.33px;width:34.071px;height:34.071px;top:193.81px}
.j495{position:absolute;left:92.69px;width:24.531px;height:24.531px;top:198.58px}
.j496{position:absolute;inset:-1.67% -1.66% -1.66% -1.67%}
.j497{position:absolute;left:182.64px;width:24.531px;height:24.531px;top:198.58px}
.j498{position:absolute;left:139.71px;width:19.08px;height:19.08px;top:201.31px}
.j499{position:absolute;inset:-2.15% -2.14% -2.14% -2.14%}
.j500{position:absolute;align-content:stretch;display:flex;gap:16px;align-items:center;left:calc(50% - 644px);top:134px;transform:translateX(-50%)}
.j501{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:500;line-height:0.9;left:62px;font-style:normal;font-size:80px;color:var(--color-7,#121212);top:223px;letter-spacing:-2px;width:728px}
.j502{position:absolute;background:#fff1cd;height:566px;left:0;border-radius:28px;top:0;width:1920px}
.j503{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:400;line-height:1.2;left:calc(50% + 310px);font-style:normal;font-size:28px;color:#000;top:198px;width:590px}
.j504{position:absolute;align-content:stretch;display:flex;gap:16px;align-items:center;left:calc(50% - 644px);top:94px;transform:translateX(-50%)}
.j505{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:500;line-height:0.9;left:62px;font-style:normal;font-size:80px;color:var(--color-7,#121212);top:185px;letter-spacing:-2px;width:954px}
.j506{background:#fff1cd;overflow:clip;position:relative;border-bottom-left-radius:28px;border-bottom-right-radius:28px;width:100%;height:100%}
.j507{overflow-wrap:break-word;position:absolute;font-family:'M Plus',sans-serif;font-weight:500;line-height:273px;left:calc(50% + 948.75px);font-style:normal;font-size:278.589px;color:var(--color-7,#121212);text-align:right;top:981px;letter-spacing:-13.9294px;width:1975.755px;transform:translateX(-100%)}
.j508{position:absolute;border-width:13px;border-color:#121212;border-style:solid;height:853px;left:calc(50% - 424px);border-radius:48px;top:1217px;width:1440px;transform:translateX(-50%)}
.j509{position:absolute;height:302.23%;left:0.01%;max-width:none;top:0;width:100%}
.j510{position:absolute;border-width:13px;border-color:#121212;border-style:solid;height:853px;left:calc(50% + 423px);border-radius:48px;top:190px;width:1440px;transform:translateX(-50%)}
.j511{position:absolute;height:445.6%;left:0;max-width:none;top:-122.85%;width:100%}
.j512{position:absolute;border-width:13px;border-color:#121212;border-style:solid;height:661px;left:193px;border-radius:48px;top:286px;width:305px}
.j513{position:absolute;border-width:13px;border-color:#121212;border-style:solid;height:661px;left:1421px;border-radius:48px;top:1596px;width:305px}
.j514{position:absolute;left:1213px;width:86px;height:86px;top:2171px}
.j515{position:absolute;left:113px;width:58px;height:58px;top:161px}
.j516{overflow-wrap:break-word;position:absolute;font-family:'M Plus',sans-serif;font-weight:500;line-height:124.279px;left:calc(50% + 0.14px);font-style:normal;font-size:108.744px;color:var(--color-7,#121212);text-align:center;top:419px;letter-spacing:-5.4372px;width:858.285px;transform:translateX(-50%)}
.j517{overflow-wrap:break-word;position:absolute;font-family:Hint,sans-serif;font-weight:400;height:68px;line-height:1.2;left:50%;font-style:normal;font-size:28px;color:#000;text-align:center;top:721px;width:416px;transform:translateX(-50%)}
.j518{position:absolute;display:contents;left:861px;top:231.99px}
.j519{position:absolute;display:flex;height:147.236px;align-items:center;justify-content:center;left:861px;top:239.17px;width:159.443px}
.j520{flex:none;transform:rotate(-16.63deg)}
.j521{height:114.14px;position:relative;width:132.307px}
.j522{position:absolute;inset:-1.24% -1.08% -1.4% -1.08%}
.j523{position:absolute;display:flex;height:147.236px;align-items:center;justify-content:center;left:869.89px;top:231.99px;width:159.443px}
.j524{position:absolute;inset:-1.14% -0.99% -1.29% -0.99%}
.j525{position:absolute;left:1020px;width:36px;height:36px;top:221px}
.j526{position:absolute;display:contents;left:1168px;top:722px}
.j527{position:absolute;height:4.632px;left:1196.72px;top:776.66px;width:9.265px}
.j528{position:absolute;inset:0 -5.52% -11.03% -5.52%}
.j529{position:absolute;left:1168px;mix-blend-mode:darken;width:34.28px;height:34.28px;top:728.49px}
.j530{position:absolute;inset:21.35% 22.27% 24.96% 22.27%}
.j531{position:absolute;left:1211.54px;mix-blend-mode:darken;width:19.456px;height:19.456px;top:747.01px}
.j532{position:absolute;inset:19.58% 20.63% 23.68% 20.63%}
.j533{position:absolute;left:1211.54px;width:6.485px;height:6.485px;top:722px}
.j534{position:absolute;height:50.956px;left:1191.16px;top:725.71px;width:19.456px}
.j535{position:absolute;inset:-1% -2.63%}
.j536{position:absolute;height:10.191px;left:1194.12px;top:725.71px;width:13.44px}
.j537{position:absolute;inset:-5.02% -3.8%}
.j538{position:absolute;height:16.677px;left:1208.3px;top:765.54px;width:6.022px}
.j539{position:absolute;inset:-3.07% -8.49%}
.j540{position:absolute;display:flex;height:16.677px;align-items:center;justify-content:center;left:1185.61px;top:765.54px;width:7.875px}
.j541{height:16.677px;position:relative;width:7.875px}
.j542{position:absolute;inset:-3.07% -6.49%}
.j543{position:absolute;left:1193.94px;width:13.897px;height:13.897px;top:743.31px}
.j544{position:absolute;left:1198.57px;width:4.632px;height:4.632px;top:759.06px}
.j545{background:#000;overflow:clip;position:relative;border-top-left-radius:28px;border-top-right-radius:28px;width:100%;height:100%}
.j546{position:absolute;height:310.541px;left:1241px;top:-56.06px;width:310.542px}
.j547{position:absolute;inset:45.8% 45.79% 45.79% 45.8%}
.j548{position:absolute;height:304.551px;left:43.38px;top:44.59px;width:944.566px}
.j549{position:absolute;left:1042.4px;border-radius:74px;width:87px;height:87px;top:55.71px}
.j550{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;border-radius:74px;width:100%;height:100%}
.j551{position:absolute;align-content:stretch;display:flex;gap:15px;align-items:center;left:1042.4px;top:55.71px}
.j552{position:relative;border-radius:74px;flex-shrink:0;width:87px;height:87px}
.j553{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:74px}
.j554{position:absolute;left:-27.66%;max-width:none;width:155.32%;height:155.32%;top:-18.21%}
.j555{position:relative;flex-shrink:0;width:87px;height:87px}
.art{position:relative;width:100%;overflow:clip}.art-scale{position:absolute;left:0;top:0;transform-origin:0 0;scale:var(--art-scale,1)}.crop-canvas{position:absolute!important}.mobile-case .art .crop-canvas{background:transparent}.mobile-case .art{flex:none}.mobile-section{padding:48px 24px}.mobile-section h2{font-size:clamp(32px,5vw,48px);font-weight:500;line-height:1;letter-spacing:-1.2px;max-width:850px;margin:0 0 24px}.eyebrow{font-size:17px;line-height:1.2;letter-spacing:-.3px;margin-bottom:24px}.intro{font-size:20px;line-height:1.25;max-width:650px;margin-bottom:40px}.research-grid,.meaning-grid,.ui-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.research-grid{margin-top:32px}.lavender{background:#cbd5fb}.blue{background:#d5f0ff}.yellow{background:#fff1cd}.lavender,.blue,.yellow{border-radius:18px}.meaning-grid{margin-top:32px}.ui-grid{gap:32px}.ui-grid .art{max-width:440px;justify-self:center}.ui-grid .art:first-child{max-width:150px}.ui-grid .art:nth-child(3){max-width:300px}.ui-grid .art:nth-child(4){max-width:180px}.thanks{text-align:center;padding-top:80px;padding-bottom:80px}.thanks .art{width:100px;margin:0 auto 24px}.jp-thanks{font-family:'M Plus',sans-serif;font-size:38px;font-weight:500;line-height:1.2;max-width:500px;margin:0 auto 24px}.thanks>a{display:block;max-width:340px;margin:auto;font-size:21px;line-height:1.25}.mobile-hero{padding:40px 24px 0}.mobile-hero h1{font-size:clamp(48px,8.5vw,82px);line-height:.9;font-weight:500;letter-spacing:-2.5px;max-width:700px}.mobile-hero .art{margin-top:12px;width:calc(100% + 48px);margin-left:-24px}
.research-card{border:2px solid #121212;border-radius:20px;padding:20px;min-width:0}.research-card h3{font-size:30px;line-height:1;font-weight:500;letter-spacing:-1px;margin:0 0 24px}.research-card ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:16px}.research-card li{font-size:18px;line-height:1.2;padding-left:25px;position:relative}.research-card li:before{content:'✦';position:absolute;left:0;top:0}.research-card>ul+.art{margin-top:24px}.research-card>ul:last-child{margin-bottom:0}
@media(max-width:1023px){.desktop-case{display:none}.mobile-case{display:block}.case-nav{font-size:17px;padding:20px 24px;gap:24px}.case-nav a:last-child{max-width:160px;text-align:right}.case-footer{padding:32px 24px;font-size:18px}.mobile-section>.art+.art{margin-top:36px}}
@media(max-width:599px){.case-nav{font-size:15px;padding:18px 20px;gap:16px}.case-nav a:last-child{max-width:120px}.mobile-section{padding:40px 20px}.mobile-hero{padding:32px 20px 0}.mobile-hero .art{width:calc(100% + 40px);margin-left:-20px}.mobile-section h2{font-size:34px;letter-spacing:-1px}.intro{font-size:20px;margin-bottom:32px}.research-grid,.meaning-grid{grid-template-columns:1fr}.research-grid .art{max-width:440px;justify-self:center}.meaning-grid .art{max-width:440px;justify-self:center}.ui-grid{grid-template-columns:1fr}.ui-grid .art:nth-child(2){max-width:300px}.ui-grid .art:nth-child(5),.ui-grid .art:nth-child(6){max-width:440px}.ui-grid .art:nth-child(7),.ui-grid .art:nth-child(8){max-width:300px}.thanks{padding-top:64px;padding-bottom:64px}.case-footer{font-size:17px;gap:20px}.jp-thanks{font-size:34px}.eyebrow{font-size:16px}}



/* Verified illustration exports */
.figma-graphic{display:block;object-fit:fill;cursor:zoom-in}
.jp-team{width:92%;max-width:1920px;margin:64px auto 48px}
.jp-team__photos{display:flex;gap:16px;align-items:center}
.jp-team__person{width:80px;height:80px;border-radius:50%;overflow:hidden;position:relative;flex:none}
.jp-team__person img{display:block;width:100%;height:100%;object-fit:cover;cursor:default}
.jp-team__person--first img{position:absolute;width:155.32%;height:155.32%;left:-27.66%;top:-18.21%;max-width:none}
.jp-case-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;width:92%;max-width:1920px;margin:0 auto;font-size:20px;line-height:1.2}
@media(max-width:767px){.jp-team{margin-top:48px;margin-bottom:32px}.jp-team__person{width:64px;height:64px}.jp-case-actions{font-size:18px;gap:20px}}

/* Mobile illustration scale and compact project credits */
.jp-team{margin:8px auto 40px}
.jp-team__photos{justify-content:center;gap:12px}
.jp-team__person{width:48px;height:48px}
@media(max-width:1023px){
 .mobile-section{--section-gutter:24px}
 .mobile-section>.art-fullbleed{width:calc(100% + var(--section-gutter)*2);margin-left:calc(-1*var(--section-gutter))}
 .mobile-section.lavender{padding-bottom:0;overflow:hidden}
 .mobile-section.blue,.mobile-section.yellow{overflow:hidden}
 .mobile-section.thanks{padding-bottom:24px}
 .jp-team{margin-top:0;margin-bottom:40px}
 .palette-art{overflow:visible}
 .ui-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
 .ui-grid .art{max-width:100%;width:100%}
 .ui-grid .art:first-child{width:64px;max-width:64px;grid-row:span 2}
}
@media(max-width:599px){
 .mobile-section{--section-gutter:20px}
 .ui-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .ui-grid .art:nth-child(n){max-width:100%}
 .ui-grid .art:first-child{max-width:64px}
 .jp-team__person{width:44px;height:44px}
}

/* Keep every UI specimen at the same design scale. */
@media(max-width:1023px){
 .ui-grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:24px 16px}
 .ui-grid .art:nth-child(n){width:calc(100% * var(--art-width) / 1000);max-width:none;grid-row:auto}
}
@media(max-width:599px){
 .ui-grid{gap:20px 16px}
 .ui-grid .art:nth-child(n){width:calc(100% * var(--art-width) / 650)}
}

/* Motion keeps all source drawings and responsive crop boundaries intact. */
.case-flight{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:0}
.case-motion-svg{pointer-events:none!important;overflow:visible}
.case-blue-motion [data-node-id="131:4854"],.hero-motion-ready [data-node-id="100:4474"]{z-index:1}
.hero-motion-ready [data-node-id="100:4498"],.hero-motion-ready [data-node-id="100:4499"],.hero-motion-ready [data-node-id="100:4500"]{z-index:2;will-change:translate}
.case-hand{animation:case-hand-arrival 5s cubic-bezier(.35,0,.2,1) infinite both;animation-play-state:paused;transform-origin:50% 100%;will-change:translate,rotate}
.case-motion-active .case-hand{animation-play-state:running}
@keyframes case-hand-arrival{
 0%,4%{translate:0 1120px;rotate:0deg}
 22%,32%{translate:0 0;rotate:0deg}
 39%{translate:0 0;rotate:3deg}
 47%{translate:0 0;rotate:-2.5deg}
 55%{translate:0 0;rotate:2deg}
 64%,78%{translate:0 0;rotate:0deg}
 96%,100%{translate:0 1120px;rotate:0deg}
}
.case-flight-symbol{transform-box:fill-box;transform-origin:center}
.case-heartbeat{animation:case-heartbeat 5s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 50%}
.case-twinkle{animation:case-twinkle 5s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 50%}
.case-motion-active .case-heartbeat,.case-motion-active .case-twinkle{animation-play-state:running}
@keyframes case-heartbeat{0%,35%,75%,100%{scale:1}44%{scale:1.12}53%{scale:1}62%{scale:1.08}}
@keyframes case-twinkle{0%,100%{scale:.9;opacity:.8}50%{scale:1.12;opacity:1}}

.case-toss-pill{animation:case-pill-toss 8s linear infinite both;animation-delay:var(--toss-delay);animation-play-state:paused;transform-origin:50% 70%;will-change:translate,rotate}
.case-motion-active .case-toss-pill{animation-play-state:running}
@keyframes case-pill-toss{
 0%,4%{translate:0 1120px;rotate:var(--toss-spin);opacity:0;animation-timing-function:cubic-bezier(.12,.65,.2,1)}
 6%{opacity:1}
 23%{translate:var(--toss-x) var(--toss-hop);rotate:var(--toss-spin);opacity:1;animation-timing-function:cubic-bezier(.55,0,.95,.6)}
 37%{translate:0 0;rotate:-3deg;animation-timing-function:ease-out}
 43%{translate:0 -26px;rotate:2deg;animation-timing-function:ease-in}
 49%,85%{translate:0 0;rotate:0deg;opacity:1;animation-timing-function:ease-in}
 98%,100%{translate:0 1120px;rotate:var(--toss-spin);opacity:0}
}
/* Phones are pulled from an upper corner, with a damped swing on landing. */
.case-phone-side{animation:case-phone-side 14s linear infinite both;animation-play-state:paused;will-change:translate,rotate}
.case-motion-active .case-phone-side{animation-play-state:running}
@keyframes case-phone-side{
 0%,2%{translate:var(--phone-from) 180px;rotate:var(--phone-tilt);animation-timing-function:cubic-bezier(.18,.75,.25,1)}
 14%{translate:var(--phone-over) -12px;rotate:var(--phone-settle);animation-timing-function:ease-in-out}
 18%{translate:var(--phone-back) 4px;rotate:calc(var(--phone-settle) * -.4);animation-timing-function:ease-in-out}
 23%,78%{translate:0 0;rotate:0deg;animation-timing-function:cubic-bezier(.6,0,.85,.35)}
 94%,100%{translate:var(--phone-from) 180px;rotate:var(--phone-tilt)}
}
.desktop-case .design-section:has(>.design-canvas[data-node-id="100:4637"]){aspect-ratio:1920/1450!important}
.desktop-case .design-canvas[data-node-id="100:4637"]{height:1450px!important}
.mobile-case .art:has([data-node-id="100:4638"]){aspect-ratio:1440/1250!important}

.case-run-cycle{pointer-events:none}

/* Let moving artwork reach its section edge on narrow layouts. */
.mobile-case .art:has(.case-hand-phone),.mobile-case .art:has(.case-phone-side){overflow:visible}
.mobile-case .mobile-section{overflow:clip}
.mobile-case .art:has([data-node-id="100:4638"]){overflow:visible}

.desktop-case img,.mobile-case img{cursor:default}
@media(min-width:900px){
 .desktop-case .j5{font-size:150px;line-height:.95;letter-spacing:-6px;width:900px;height:430px;top:90px}
 .desktop-case [data-node-id="100:4474"]{top:535px!important}
 .desktop-case [data-node-id="100:4498"]{top:590px}
 .desktop-case [data-node-id="100:4499"]{top:1280px}
 .desktop-case [data-node-id="100:4500"]{top:8px!important;scale:.9}
 .desktop-case .design-section:has(>.design-canvas[data-node-id="100:4470"]){aspect-ratio:1920/1900!important}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .case-hover-card,.case-hover-plane,.case-hover-phone,.case-hover-figure,.case-icon-hover{transition:rotate .45s ease,translate .45s cubic-bezier(.2,.9,.3,1.25),scale .3s ease;transform-origin:center;transform-box:fill-box}
 .case-hover-card:hover{rotate:calc(var(--hover-x,0)*1.5deg);translate:0 -5px}
 .case-hover-plane:hover{rotate:calc(var(--hover-x,0)*6deg);translate:calc(var(--hover-x,0)*10px) calc(var(--hover-y,0)*8px)}
 .case-hover-figure.is-hovered{translate:0 -18px;rotate:-3deg}
 .case-hover-phone:hover{translate:calc(var(--hover-x,0)*10px) calc(-18px + var(--hover-y,0)*7px);rotate:calc(var(--hover-x,0)*2deg)}
 .case-icon-hover:hover{scale:1.14}
}
.mobile-case .art:has(.case-hand){overflow:visible}
.mobile-case .art:has(.case-flight){overflow:visible}

.mobile-case .art:has(.case-toss-pill){overflow:visible}

/* The homepage wave's base glyph remains black, including visited links. */
:root{--case-bg:var(--c-w,#fff);--case-fg:var(--c-b,#121212);--color-7:var(--case-fg);--case-icon-filter:none}
.jp-case-actions a,.jp-case-actions a:visited,.thanks a,.thanks a:visited,.mera-site-footer a,.mera-site-footer a:visited{color:#121212}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .case-hover-card,.case-hover-plane,.case-hover-phone,.case-hover-figure,.case-icon-hover{transition:rotate .8s cubic-bezier(.22,.61,.36,1),translate .8s cubic-bezier(.22,.61,.36,1),scale .7s cubic-bezier(.22,.61,.36,1)}
 .case-hover-card:hover{rotate:calc(var(--hover-x,0)*1deg);translate:0 -3px}
 .case-hover-phone:hover{translate:calc(var(--hover-x,0)*7px) calc(-10px + var(--hover-y,0)*5px);rotate:calc(var(--hover-x,0)*1.5deg)}
 .case-hover-figure.is-hovered{translate:0 -10px;rotate:-1.5deg}
 .case-icon-hover:hover{scale:1.08}
}

/* Keep the reference loop in its own mobile stage, below the introduction. */
.mobile-case .art:has(.case-blue-motion){aspect-ratio:1860/1729!important;overflow:clip}
.mobile-case .art .case-blue-motion{top:0!important}

.jp-reference-video{width:100%;position:relative;aspect-ratio:1920/1728;overflow:hidden;border-radius:24px;background:#d5f0ff}
.jp-reference-video__media{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1023px){.jp-reference-video{border-radius:18px}}

/* Follow the same OS preference and palette as the studio homepage. */
.j0.design-canvas,.j28.design-canvas{background:var(--case-bg)}
.mera-case-page .jp-case-actions a,.mera-case-page .jp-case-actions a:visited,
.mera-case-page .thanks a,.mera-case-page .thanks a:visited,
.mera-case-page .mera-site-footer a,.mera-case-page .mera-site-footer a:visited{color:var(--case-fg)}
/* Portfolio artwork keeps the original paper and pastel colors. */
.j34,.j52,.j70,.j73,.j78,.j158,.j165,.j169,.j138,.j506,
.mobile-case .lavender,.mobile-case .blue,.mobile-case .yellow{
 --color-7:#121212;--case-icon-filter:none;color:#121212;
}
.design-canvas[data-node-id="100:4637"],.mobile-section:has([data-node-id="100:4638"]){background:#fff;--color-7:#121212;--case-icon-filter:none;color:#121212}
@media(prefers-color-scheme:dark){
 :root{--case-icon-filter:brightness(0) invert(1)}
 .j32 img,.j14 img{filter:var(--case-icon-filter)}
 [data-node-id="100:4752"]>img,[data-node-id="100:4752"]>.case-motion-svg{filter:invert(1)}
 .hero-motion-ready .case-flight path:not(.case-flight-spine){stroke:var(--case-fg)}
 .jp-case-actions,.jp-team,.thanks{color:var(--case-fg)}
 .desktop-case .j13{color:var(--case-fg)}
}

.j517{color:var(--case-fg)}
@media(prefers-color-scheme:dark){
 .j526 img,.j525 img{filter:invert(1)}
 .j529{mix-blend-mode:normal}
}

/* Contrast on paper/pastel surfaces stays independent of the page palette. */
.j117{--color-7:#121212;color:#121212}
.design-canvas[data-node-id="100:4994"]{--color-7:#121212;--case-icon-filter:none;color:#121212}
@media(prefers-color-scheme:dark){
 .design-canvas[data-node-id="100:4637"],.mobile-section:has([data-node-id="100:4638"]){
  background:var(--case-bg);--color-7:var(--case-fg);--case-icon-filter:brightness(0) invert(1);color:var(--case-fg);
 }
 [data-node-id="100:4638"]>.case-motion-svg>rect{fill:var(--case-bg)}
 [data-node-id="100:4638"]>img{content:url('/o/jp/assets/runner-dark-static.svg')}
 .case-runner-flight path:not(.case-flight-spine){stroke:var(--case-fg)}
 img[data-node-id="100:4958"],img[data-node-id="100:4922"]{filter:invert(.93)}
 img[data-node-id="100:4947"],img[data-node-id="100:4884"]{filter:invert(.93) hue-rotate(180deg)}
}


