:root{--ink:#17212F;--muted:#5E6B7C;--line:#DEE4EC;--surface:#F7F8FA;--blue:#375CDB;--iris:#927BEA;--ice:#80D4DC;}@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Space;src:url('/assets/space-grotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/pretendard.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:white;color:var(--ink);font-family:Inter,Pretendard,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#d9e3ff;color:var(--ink)}p,h1,h2,h3,blockquote{margin:0}p{word-break:keep-all;overflow-wrap:break-word}button{touch-action:manipulation}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:8px;left:16px;transform:translateY(-160%);z-index:10;padding:14px;background:var(--ink);color:#fff}.skip:focus{transform:none}.header{height:100px;margin:auto;width:min(1440px,calc(100% - 112px));display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.wordmark{font-family:Space,Inter,sans-serif;font-size:34px;font-weight:600;letter-spacing:-2px;line-height:1}.brand-dot{color:var(--blue)}.header nav{display:flex;gap:30px;font-size:13px;color:#435166}.header nav a:hover,.text-link:hover{color:var(--blue)}.header-right{display:flex;align-items:center;gap:28px}.languages{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.03em;color:var(--muted)}.languages a{padding:12px 2px}.languages [aria-current]{color:var(--ink);font-weight:700}.nav-contact{display:flex;gap:20px;align-items:center;font-size:13px;font-weight:600}.nav-contact span{font-size:22px}.hero{display:grid;grid-template-columns:1fr 1.14fr;gap:48px;align-items:center;padding-top:86px;padding-bottom:80px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;line-height:1.5;color:var(--muted)}h1{font-size:clamp(39px,4.15vw,65px);line-height:1.16;letter-spacing:-.057em;font-weight:550;margin:27px 0 25px;word-break:keep-all}h1 span{color:var(--blue)}html[lang=en] h1{font-family:Space,Inter,sans-serif;font-size:clamp(39px,4vw,64px);letter-spacing:-.055em;line-height:1.12}.hero-intro{font-size:17px;line-height:1.85;color:var(--muted);max-width:440px;letter-spacing:-.02em}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:51px;border-radius:7px;padding:14px 22px;font-size:13px;font-weight:600;transition:background .18s,transform .18s}.button span{font-size:20px;font-weight:400}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fff}.primary:hover{background:#2d394b}.text-link{font-size:12px;font-weight:500;display:flex;align-items:center;gap:14px;min-height:44px}.text-link span{font-size:19px}.hero-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:16px}.status{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:40px}.status>span{width:6px;height:6px;background:var(--blue);border-radius:50%}.hero-scene{padding:22px 22px 17px;background:#f0f3f7;border:1px solid #e8edf3;border-radius:12px;position:relative}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600}.example-label{font-size:9px;font-weight:500;border:1px solid #c8d0de;border-radius:4px;padding:4px 7px;color:#5e6b7c;white-space:nowrap}.scene-brief{display:flex;align-items:center;gap:12px;margin:22px 0 18px;padding:13px 14px;background:#fff;border:1px solid #e0e6ef;border-radius:6px}.brief-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;font-size:23px;color:var(--blue);background:#edf1ff;border-radius:5px}.scene-brief strong{font-size:12px;font-weight:600;display:block;margin-bottom:5px}.scene-brief div>span{font-size:10px;color:var(--muted)}.people{display:grid;grid-template-columns:1fr 1fr;gap:12px}.person{min-width:0;position:relative;padding-top:10px}.context{font-size:9px;letter-spacing:-.01em;color:#68788a;line-height:1.5;min-height:28px}.portrait{background-image:url('/assets/person-study.png');background-repeat:no-repeat;background-color:#fff;width:100%;height:auto;aspect-ratio:350/420;border-radius:5px;overflow:hidden}.portrait-woman{background-size:438.86% 243.81%;background-position:46.2% 13.6%}.portrait-man{background-size:438.86% 243.81%;background-position:46.2% 92%}.thought{position:relative;background:#fff;border-radius:6px;border:1px solid #e2e7ef;box-shadow:0 8px 22px #17212f06;margin:-15px 6px 0;padding:15px 13px;min-height:126px}.thought:before{content:'';position:absolute;top:-6px;left:23px;width:10px;height:10px;transform:rotate(45deg);background:#fff;border-top:1px solid #e2e7ef;border-left:1px solid #e2e7ef}.reaction{font-size:9px;display:block;margin-bottom:9px;font-weight:600}.reaction.blue{color:#2949b7}.reaction.teal{color:#125c62}.thought p{font-size:13px;font-weight:500;line-height:1.65;letter-spacing:-.015em}.thought small{display:block;font-size:9px;color:var(--muted);margin-top:10px}.scene-foot{font-size:9px;line-height:1.6;text-align:center;color:#68788a;margin-top:17px}.scope{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.scope>p{font-size:10px;color:var(--muted)}.scope>div{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:500}.scope-plus{font-size:26px;color:var(--blue)}.story,.about{padding-top:108px;padding-bottom:108px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.section-heading h2{font-size:clamp(30px,3.2vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.25;margin-top:18px;word-break:keep-all}html[lang=en] .section-heading h2{font-family:Space,Inter,sans-serif;letter-spacing:-.045em}.section-intro{max-width:475px;font-size:14px;line-height:1.9;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:58px}.steps article{border-top:1px solid var(--line);padding-top:23px}.step-no{font-family:Space,sans-serif;color:var(--blue);font-size:12px}.steps h3,.principles h3{font-size:20px;font-weight:550;margin:24px 0 12px;letter-spacing:-.025em}.steps p,.principles p{font-size:13px;line-height:1.9;color:var(--muted)}.experience{background:#f0f3f7;padding:88px 0 64px}.example-controls{display:flex;align-items:center;gap:8px;margin:42px 0 17px}.example-controls button{border:1px solid transparent;background:transparent;border-radius:6px;font-size:12px;min-height:45px;padding:10px 16px;color:var(--muted)}.example-controls button span{font-family:Space,sans-serif;font-size:10px;margin-right:12px}.example-controls button[aria-pressed=true]{background:white;border-color:#dbe2ed;color:var(--ink);box-shadow:0 2px 4px #17212f03}.example-controls>.example-label{margin-left:auto}.experiment{display:grid;grid-template-columns:1fr 1.15fr;min-height:415px;border:1px solid #dfe5ef;border-radius:10px;overflow:hidden;background:#fff}.ad{min-height:420px;position:relative;overflow:hidden;background:#dfe8e7;padding:30px}.ad-kicker{font-size:9px;letter-spacing:.035em;color:#3d5558;position:relative;z-index:2}.ad h3{font-size:38px;font-weight:550;line-height:1.25;letter-spacing:-.04em;position:relative;z-index:2;margin-top:25px;color:#253f42}.ad>p:not(.ad-kicker){font-size:11px;color:#3d5558;position:relative;z-index:2;margin-top:13px}.ad-brand{position:absolute;bottom:26px;left:30px;font-size:9px;letter-spacing:.14em;color:#3d5558}.tumbler-scene{position:absolute;right:33px;bottom:0;width:225px;height:280px;transform:rotate(12deg)}.tumbler{position:absolute;z-index:1;left:65px;top:20px;width:103px;height:205px;border-radius:13px 13px 29px 29px;border:1px solid #ffffffb0;background:linear-gradient(90deg,#718f92,#d5e3e2 30%,#b4cbcb 70%,#7e9c9f);box-shadow:inset -7px 0 12px #234e4c21,14px 12px 22px #31474724;display:grid;place-items:center}.tumbler:before{content:'';position:absolute;top:-9px;left:-3px;right:-3px;height:24px;background:linear-gradient(90deg,#283f42,#526768,#263f41);border-radius:10px 10px 3px 3px}.tumbler:after{content:'';position:absolute;top:15px;left:-1px;right:-1px;height:1px;background:#eaf1ef}.tumbler span{font-family:Space,sans-serif;font-size:10px;letter-spacing:.08em;color:#304d4c;transform:rotate(-90deg);white-space:nowrap}.ad-circle{position:absolute;width:290px;height:290px;border:1px solid #6d8f8f35;border-radius:50%;top:35px;left:-35px}.tumbler-shadow{position:absolute;width:165px;height:35px;border-radius:50%;background:#47636035;filter:blur(14px);bottom:29px;left:47px}.experiment[data-variant='1'] .ad{background:#e6e4f2}.experiment[data-variant='1'] .ad h3{color:#3b3555}.reading{display:flex;flex-direction:column;padding:36px 40px 26px}.reading-head{display:flex;align-items:center;gap:16px}.portrait.avatar{width:57px;height:64px;aspect-ratio:auto;flex-shrink:0;border-radius:7px}.reading-head .eyebrow{font-size:9px}.reading-head p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:6px}.reading blockquote{font-size:clamp(21px,2.1vw,32px);line-height:1.55;font-weight:500;letter-spacing:-.035em;margin-top:35px;word-break:keep-all}.insight{display:flex;align-items:start;gap:15px;margin-top:28px;color:var(--muted);font-size:12px;line-height:1.8}.insight>span{color:var(--blue);font-size:22px;line-height:1.2}.reading-foot{margin-top:auto;padding-top:35px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#84909f}.demo-note{font-size:10px;color:var(--muted);line-height:1.6;margin-top:17px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:54px}.principles article{border-top:1px solid var(--line);padding-top:25px}.principle-marker{color:var(--blue);font-family:Space,sans-serif;font-size:27px;line-height:1}.principles h3{margin-top:16px}.contact{background:var(--ink);color:#fff}.contact-inner{padding-top:78px;padding-bottom:78px;display:flex;align-items:center;justify-content:space-between;gap:70px}.contact .eyebrow{color:#a0b4db}.contact h2{font-size:clamp(30px,3vw,45px);font-weight:500;letter-spacing:-.04em;line-height:1.3;margin:20px 0}.contact-copy{font-size:13px;line-height:1.9;color:#b8c2cf;max-width:510px}.contact-actions{display:flex;flex-direction:column;align-items:start;min-width:225px;gap:17px}.light{background:#fff;color:var(--ink);min-width:215px}.light:hover{background:#e9eef5}.email-address{font-size:17px;letter-spacing:-.02em}.copy-email{color:#c8d2e0;font-size:11px;background:none;border:0;padding:5px 0;min-height:30px}.copy-email:hover{color:#fff}.copy-status{font-size:11px;color:#c8d2e0;max-width:240px;min-height:18px;line-height:1.6}.contact a:focus-visible,.contact button:focus-visible{outline-color:var(--ice)}.footer{padding-top:45px;padding-bottom:35px}.footer-top{display:flex;align-items:center;gap:35px;padding-bottom:32px;border-bottom:1px solid var(--line)}.footer-top .wordmark{font-size:29px}.footer-top p{font-size:11px;color:var(--muted)}.footer-top .languages{margin-left:auto}.footer-bottom{padding-top:24px;display:grid;grid-template-columns:1fr 210px 125px;gap:22px;font-size:10px;color:var(--muted);line-height:1.8}.footer details summary{cursor:pointer;min-height:32px}.footer details p{margin:10px 0;line-height:1.8}.license-details a{display:block;padding:5px 0}.not-found{max-width:650px;padding:100px 24px;margin:auto}.not-found h1{font-size:50px}.not-found .button{margin-top:30px}
@media(min-width:1600px){.hero{gap:65px}.hero-scene{padding:28px}.thought p{font-size:15px}.portrait{aspect-ratio:350/410}}
@media(max-width:1100px){.wrap,.header{width:calc(100% - 64px)}.hero{gap:28px;padding-top:65px}.hero-intro{font-size:15px}.hero-scene{padding:17px}.thought{padding:12px 9px;margin-inline:0}.thought p{font-size:11px}.context{font-size:8px}.hero-actions{gap:14px}.button{gap:16px;padding-inline:17px}.section-heading{gap:40px}.scope>div{gap:23px}.reading{padding:28px}.ad h3{font-size:32px}.tumbler-scene{right:0}.steps,.principles{gap:30px}}
@media(max-width:800px){.header{height:80px}.header nav{display:none}.header-right{gap:23px}.hero{grid-template-columns:1fr;padding-top:50px;gap:38px}.hero-copy{max-width:600px}h1,html[lang=en] h1{font-size:clamp(39px,7.8vw,62px)}.hero-intro{max-width:550px;font-size:16px}.status{margin-top:22px}.hero-scene{max-width:650px;width:100%;padding:22px}.people{gap:22px}.portrait{aspect-ratio:350/350;background-size:438.86% 292.57%}.portrait-woman{background-position:46.2% 12.2%}.portrait-man{background-position:46.2% 81.3%}.thought{margin:-7px 10px 0;padding:16px;min-height:125px}.thought p{font-size:15px}.context{font-size:10px}.scene-heading{font-size:13px}.scene-brief strong{font-size:13px}.scope>p{max-width:120px;line-height:1.6}.scope>div{gap:18px;font-size:12px;flex-wrap:wrap}.scope-plus{display:none}.section-heading{grid-template-columns:1fr;gap:22px}.section-intro{max-width:600px}.story,.about{padding-block:72px}.steps,.principles{gap:24px;margin-top:35px}.steps h3,.principles h3{font-size:18px}.experience{padding-block:64px}.experiment{grid-template-columns:1fr 1fr}.ad{padding:25px;min-height:440px}.ad h3{font-size:28px}.tumbler-scene{right:-25px;bottom:-10px}.reading{padding:25px}.reading-head{gap:10px}.reading-head p{font-size:10px}.reading blockquote{font-size:24px}.contact-inner{gap:35px}.footer-bottom{grid-template-columns:1fr 170px 100px}}
@media(max-width:580px){.wrap,.header{width:calc(100% - 40px)}.header{height:74px;gap:15px}.wordmark{font-size:29px}.header-right{gap:16px}.nav-contact{font-size:11px;gap:8px}.nav-contact span{font-size:18px}.languages{font-size:10px;gap:6px}.hero{padding-top:37px;padding-bottom:40px;gap:30px}.eyebrow{font-size:9px}h1,html[lang=en] h1{font-size:clamp(32px,8.8vw,48px);margin-top:21px;margin-bottom:20px;letter-spacing:-.055em}.hero-intro{font-size:14px;line-height:1.9}.hero-actions{margin-top:25px;gap:18px}.button{font-size:12px;min-height:48px;padding:12px 16px;gap:20px}.text-link{font-size:11px}.hero-note{font-size:10px}.status{font-size:9px;margin-top:21px}.hero-scene{padding:16px 12px 13px;border-radius:8px}.scene-heading{font-size:11px;gap:7px}.example-label{font-size:8px;padding:4px 5px}.scene-brief{margin-top:15px;padding:10px;gap:9px}.scene-brief strong{font-size:10px}.scene-brief div>span{font-size:9px}.brief-icon{width:28px;height:28px;font-size:20px}.people{gap:9px}.context{font-size:8px;min-height:32px}.thought{margin:-5px 0 0;padding:11px 9px;min-height:118px}.thought p{font-size:11px;line-height:1.65}.reaction{font-size:8px;margin-bottom:8px}.thought small{font-size:8px}.scene-foot{font-size:8px;margin-top:13px}.scope{display:block;padding:22px 0}.scope>p{max-width:none;font-size:9px;margin-bottom:15px}.scope>div{gap:0;justify-content:space-between;font-size:11px}.story,.about{padding-block:59px}.section-heading h2{font-size:32px;margin-top:14px}.section-heading{gap:20px}.section-intro{font-size:13px;line-height:1.85}.steps,.principles{grid-template-columns:1fr;gap:25px;margin-top:32px}.steps article{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding-top:20px}.step-no{padding-top:4px}.steps h3{margin:0 0 10px;font-size:18px}.steps p{grid-column:2;font-size:12px}.experience{padding-block:52px 38px}.example-controls{gap:3px;margin-top:28px}.example-controls button{font-size:10px;padding:9px 10px;min-height:43px}.example-controls button span{font-size:9px;margin-right:6px}.example-controls .example-label{font-size:7px;padding:3px 5px}.experiment{grid-template-columns:1fr}.ad{min-height:320px;padding:23px}.ad h3{font-size:31px}.tumbler-scene{right:0;bottom:-48px;transform:rotate(12deg) scale(.83);transform-origin:bottom right}.ad-brand{bottom:21px;left:23px;font-size:8px}.ad>p:not(.ad-kicker){max-width:195px}.reading{padding:25px 23px;min-height:310px}.reading-head p{font-size:11px}.reading blockquote{font-size:25px;margin-top:23px}.insight{margin-top:21px;font-size:12px}.reading-foot{padding-top:28px}.demo-note{font-size:9px}.principles article{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding-top:22px}.principle-marker{grid-row:1/3;font-size:23px}.principles h3{font-size:18px;margin:0 0 10px}.principles p{grid-column:2;font-size:12px}.contact-inner{padding-block:52px;display:block}.contact h2{font-size:32px}.contact-copy{font-size:12px;max-width:360px}.contact-actions{margin-top:30px;gap:14px}.contact .light{min-width:200px}.copy-status{max-width:100%;min-height:0}.footer{padding-top:32px;padding-bottom:25px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:24px}.footer-top p{font-size:10px;flex-basis:calc(100% - 140px);text-align:right;margin-left:auto}.footer-top .languages{margin-left:0}.footer-bottom{grid-template-columns:1fr 1fr;font-size:9px;gap:12px}.footer-bottom>p{grid-column:1/-1;margin-bottom:8px}.footer details{max-width:100%}.footer details p{font-size:11px}.portrait.avatar{width:55px;height:62px;background-size:438.86% 243.81%;background-position:46.2% 92%}}
.portrait{aspect-ratio:320/400;background-size:480% 256%}.portrait-woman{background-position:44.82% 14.42%}.portrait-man{background-position:44.82% 86.22%}
@media(max-width:800px){.portrait{aspect-ratio:320/340;background-size:480% 301.18%}.portrait-woman{background-position:44.82% 13.16%}.portrait-man{background-position:44.82% 78.66%}}
.portrait.avatar{background-size:480% 256%;background-position:44.82% 86.22%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}