:root{color-scheme:light;font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Times New Roman",serif;color:#17191a;background:#eef0f1}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #424b51;outline-offset:5px}button{font:inherit}.scene{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;container-type:inline-size;background:#e7ebee}.backdrop,.reference{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.planes{position:absolute;inset:0;pointer-events:none}.window{position:absolute;inset:0;pointer-events:auto;transform-origin:var(--origin);will-change:transform;outline:none}.window img{width:100%;height:100%;object-fit:fill;display:block;user-select:none}.web{clip-path:polygon(35.36% 11.65%,60.87% 27.94%,61.18% 69.15%,35.42% 66.3%)}.social{clip-path:polygon(62.04% 33.95%,69.43% 37.86%,70.04% 71.7%,62.3% 68.02%)}.data{clip-path:polygon(70.9% 41.8%,84.47% 47.12%,84.86% 70.1%,71.41% 65.9%)}.window:focus-visible{filter:brightness(1.07)}header{position:absolute;top:2.4%;left:3.8%;right:3.8%;display:flex;align-items:center;gap:4.2cqw;z-index:5}.brand{font-size:2.05cqw;white-space:nowrap;line-height:1.2}nav{display:flex;align-items:center;gap:1.8cqw;font-size:.85cqw;white-space:nowrap}.copy{position:absolute;top:15.6%;left:6.18%;z-index:4;pointer-events:none}.copy a{pointer-events:auto}h1{font-size:3.65cqw;font-weight:400;line-height:1.43;letter-spacing:.005em;margin:0 0 1.7cqw}p{margin:0}.copy p{font-size:1.25cqw;line-height:1.6}.actions{display:flex;align-items:center;gap:3cqw;margin-top:1.7cqw;font-size:1.05cqw}.actions a{display:inline-flex;align-items:center;gap:1.15cqw;white-space:nowrap}.circle{display:grid;place-items:center;border:1px solid #5d656a;border-radius:50%;width:3.6cqw;height:3.6cqw;transition:background .2s}.actions a:hover .circle{background:#ffffff80}.note{position:absolute;top:18%;left:80.2%;z-index:3;font-size:1.27cqw;line-height:1.4;pointer-events:none}.note>span{display:block;font-size:1.15cqw;letter-spacing:.14em;margin-top:1.4cqw}.process{position:absolute;bottom:5.1%;left:3.8%;font-size:.88cqw;line-height:1.9;pointer-events:none}.process>span{font-size:.95cqw}.process ol{list-style:none;margin:.7cqw 0 0;padding:.4cqw 0 .4cqw 1.9cqw;border-left:1px solid #8c9498;counter-reset:process}.process li{counter-increment:process;margin:.4cqw 0}.process li:before{content:"0" counter(process);margin-right:1cqw;font-size:.8cqw;color:#687177}.signature{position:absolute;bottom:4.7%;right:7.4%;font-size:.8cqw;color:#fff;pointer-events:none}.reference{z-index:20}.reference[hidden]{display:none}.review{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4%;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;font-size:14px;background:#f9fafb;border-top:1px solid #dce1e5}.review p span{display:block;font-size:12px;color:#667079;margin-top:6px}.review-controls{display:flex;gap:10px}.review button{padding:9px 15px;min-height:40px;border:1px solid #afb6bc;background:transparent;border-radius:4px;color:#273039;cursor:pointer}.review button[aria-pressed=true]{background:#273039;color:#fff}.review button:disabled{opacity:.5;cursor:default}@media(min-width:1900px){.scene{max-width:1920px;margin:auto}}@media(max-width:760px){.scene{height:960px;aspect-ratio:auto}.backdrop{object-position:78% center}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#edf1f5f5 0%,#edf1f5c4 30%,transparent 60%);pointer-events:none}.planes{inset:auto;top:390px;left:-60%;width:190%;aspect-ratio:3/2;z-index:2}.window{position:absolute;inset:0}header{top:24px;left:6%;right:6%;z-index:5}.brand{font-size:28px}nav{margin-left:auto;font-size:14px}nav a{display:none}nav a:last-child{display:block}.copy{top:110px;left:7%;right:5%;z-index:4}h1{font-size:clamp(28px,7.5vw,45px);line-height:1.4;margin-bottom:22px}.copy p{font-size:14px;line-height:1.8}.actions{gap:20px;font-size:13px;margin-top:22px}.actions a{gap:10px}.circle{width:36px;height:36px}.note{top:auto;bottom:50px;left:7%;font-size:16px;z-index:3;color:#fff;text-shadow:0 1px 10px #0009}.note>span{font-size:16px;margin-top:14px}.process,.signature{display:none}.review{align-items:flex-start;flex-direction:column;padding:20px 6%}.review-controls{width:100%}.review button{flex:1}.reference{object-fit:contain;background:#e6ebef}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.window{will-change:auto}}

.window img.projected{position:absolute;left:0;top:0;width:var(--source-w);height:var(--source-h);max-width:none;transform-origin:0 0;object-fit:fill;opacity:.93;backface-visibility:hidden}.window.web,.window.social{cursor:pointer}

/* Match the photographic light and keep the person in front of the moving planes. */
.person-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:3;-webkit-mask-image:url(assets/person-mask.svg);mask-image:url(assets/person-mask.svg);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.window img.projected{opacity:.84;filter:saturate(.72) contrast(.86) brightness(1.035) blur(.22px)}
.window.social img.projected{opacity:.8;filter:saturate(.68) contrast(.84) brightness(1.035) blur(.3px)}
.window.data img{opacity:.88;filter:saturate(.78) contrast(.94) blur(.15px)}
.signature{z-index:4}
@media(max-width:760px){.person-foreground{object-position:78% center;-webkit-mask-position:78% center;mask-position:78% center}}