.kanso-hero{position:relative;isolation:isolate;min-height:max(790px,100vh);min-height:max(790px,100lvh);margin-top:-72px;padding:155px 24px 56px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.kanso-landscape,.kanso-panel{position:absolute;inset:0;z-index:-3;background:#0d0d0d url(/kanso/horizon.jpg) center 70%/cover no-repeat;mask-image:linear-gradient(#000 65%,transparent)}.kanso-landscape{--kanso-art-w:max(100vw,1880px);background-size:var(--kanso-art-w) auto;background-position:center top calc(650px - 1.24 * (208px - clamp(98px,15vw,208px)) + .056 * (var(--kanso-art-w) - 1880px) - .349 * var(--kanso-art-w));mask-image:linear-gradient(#000 80%,transparent);animation:kanso-landscape-open 1.95s cubic-bezier(.65,0,.35,1) .05s both}.kanso-panel{right:auto;width:calc(33.333% - 1px)}.kanso-panel-left{background-size:auto 118%;background-position:4% 80%;filter:sepia(.55) saturate(1.5) brightness(1.05);animation:kanso-panel-wipe .75s cubic-bezier(.65,0,.35,1) both,kanso-panel-out .6s ease 1.3s forwards}.kanso-panel-right{left:auto;right:0;background-size:auto 112%;background-position:98% 75%;filter:grayscale(1) contrast(1.2) brightness(1.05);animation:kanso-panel-wipe .75s cubic-bezier(.65,0,.35,1) .18s both,kanso-panel-out .6s ease 1.3s forwards}.kanso-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,13,13,.25),transparent 40%,transparent 74%,rgba(13,13,13,.6) 90%,#0d0d0d);pointer-events:none}.kanso-horizon-light{position:absolute;inset:34% 8% 15%;z-index:-2;background:radial-gradient(ellipse at 50% 80%,rgba(186,209,223,.07),transparent 55%);animation:kanso-light-enter 1.6s ease-out 1.6s both}.kanso-hero-copy{text-align:center;max-width:900px}.kanso-introducing{color:#c2c8cc;font-size:14px;letter-spacing:.15em;text-transform:uppercase;animation:kanso-copy-enter .9s cubic-bezier(.16,1,.3,1) .6s both}.kanso-title{display:flex;justify-content:center;margin:2px 0 0;font-family:var(--font-kanso-wordmark),var(--font-uncut),sans-serif;font-size:clamp(98px,15vw,208px);font-weight:400;line-height:1.07;letter-spacing:-.03em}.kanso-title span{display:inline-block;animation:kanso-letter-enter 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(1.3s + .06s * var(--letter))}.kanso-model-names{margin-top:14px;font-size:19px;color:#e2e5e7;letter-spacing:-.015em;animation:kanso-copy-enter .9s cubic-bezier(.16,1,.3,1) 1.75s both}.kanso-model-names span{padding:0 18px;color:#87949b}.kanso-hero-description{margin-top:26px;font-size:clamp(19px,2.3vw,26px);color:#c9ced1;line-height:1.3;animation:kanso-copy-enter .9s cubic-bezier(.16,1,.3,1) 1.9s both}.kanso-hero-link{display:inline-flex;gap:30px;margin-top:30px;padding:8px 0;font-size:14px;color:#f2f2f2;border-bottom:1px solid rgba(255,255,255,.35);animation:kanso-copy-enter .9s cubic-bezier(.16,1,.3,1) 2.05s both}.kanso-hero-link:hover{border-color:#f2f2f2}.kanso-contents{width:min(860px,100%);margin-top:100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 40px;animation:kanso-fade-in 1s ease 2.3s both}.kanso-contents a{display:flex;align-items:baseline;gap:10px;font-size:13px;color:#cfcfd4;padding:7px 0}.kanso-contents a>span:first-child{color:#899399;font-family:var(--font-numbers)}.kanso-contents a:hover{color:#fff}.kanso-dots{flex:1;border-bottom:1px dotted rgba(255,255,255,.22);transform:translateY(-3px)}.kanso-text-link{color:var(--color-fg);text-decoration:none;text-underline-offset:5px;transition:color .15s}.kanso-text-link:hover{text-decoration:underline;text-decoration-color:var(--color-line-2)}.kanso-example-input{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.kanso-example-input p:first-child{color:var(--color-faint);font-size:12px;margin-bottom:8px}.kanso-example-input blockquote{grid-area:2/1;font-size:18px;line-height:1.6;color:var(--color-muted);max-width:820px}.kanso-example-input del{color:var(--color-faint);text-decoration-color:color-mix(in srgb,var(--kanso-example-tone) 80%,transparent);text-decoration-thickness:1.5px}.kanso-example-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;min-height:150px;margin-top:22px;padding:22px 24px;border-radius:16px;background:color-mix(in srgb,var(--kanso-example-tone) 8%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--kanso-example-tone) 45%,transparent)}.kanso-example-panel h3{grid-area:1/1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:color-mix(in srgb,var(--kanso-example-tone) 70%,white);margin-bottom:12px}.kanso-example-copy,.kanso-example-sizer{grid-area:2/1}.kanso-example-sizer{visibility:hidden;pointer-events:none}.kanso-example-panel p{font-size:clamp(20px,2.2vw,24px);line-height:1.45;font-weight:600;color:var(--color-fg);overflow-wrap:anywhere}.kanso-caret{display:inline-block;height:1em;width:1.5px;margin-left:1px;background:var(--kanso-example-tone);vertical-align:-.1em;animation:kanso-blink 1s steps(1) infinite}.kanso-playback{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}.kanso-playback button{cursor:pointer;height:34px;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600;color:var(--color-muted);background:rgba(255,255,255,.05)}.kanso-playback button:hover{color:var(--color-fg)}.kanso-playback p{margin-left:auto;color:var(--color-faint);font-size:12px}.kanso-build-step{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid var(--color-line)}.kanso-build-step>span{color:var(--color-faint);font-size:14px;padding-top:3px}.kanso-build-step h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.kanso-build-step p{color:var(--color-muted);font-size:16px;line-height:1.7;max-width:760px}.kanso-offscreen *,.kanso-paused *{animation-play-state:paused!important}@keyframes kanso-landscape-open{0%{clip-path:inset(100% calc(33.333% + 1px) 0)}33%,62%{clip-path:inset(0 calc(33.333% + 1px))}to{clip-path:inset(0)}}@keyframes kanso-panel-wipe{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes kanso-panel-out{to{opacity:0;visibility:hidden}}@keyframes kanso-light-enter{0%{opacity:0;transform:translateY(20px) scale(.75)}to{opacity:1;transform:none}}@keyframes kanso-letter-enter{0%{opacity:0;transform:translateY(.35em);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes kanso-copy-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes kanso-fade-in{0%{opacity:0}}@keyframes kanso-blink{50%{opacity:0}}@media(max-width:700px){.kanso-hero{min-height:max(740px,100vh);min-height:max(740px,100lvh);padding:150px 20px 35px}.kanso-title{font-size:clamp(96px,32vw,118px)}.kanso-landscape{background-position:center top calc(540px - .349 * var(--kanso-art-w))}.kanso-contents{grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:80px}.kanso-example-panel{min-height:130px;padding:18px}.kanso-playback p{width:100%;margin:8px 0 0}}@media(prefers-reduced-motion:reduce){.kanso-hero *{animation:none!important}.kanso-caret,.kanso-panel{display:none}}@media(pointer:coarse){.kanso-contents a,.kanso-playback button{min-height:44px}}@font-face{font-family:wordmark;src:url(/_next/static/media/9970fd44faffc340-s.p.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:wordmark Fallback;src:local("Arial");ascent-override:112.02%;descent-override:39.26%;line-gap-override:0.00%;size-adjust:95.51%}.__className_974def{font-family:wordmark,wordmark Fallback;font-weight:400}.__variable_974def{--font-kanso-wordmark:"wordmark","wordmark Fallback"}