@font-face{font-family:Bricolage;src:url(/fonts/BricolageGrotesque-ExtraBold.woff2)format("woff2");font-weight:800;font-display:swap}:root{--paper:#f7f5ed;--paper-deep:#efece3;--card:#fffefb;--ink:#102a43;--night:#12161d;--blue:#124ed8;--coral:#e4523c;--sky:#cfe2f0;--muted:#4f6478;--line:#102a4320;--display:Bricolage,"Apple SD Gothic Neo",sans-serif;--sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;--gutter:clamp(20px,4vw,64px);--header:64px;--type-display:clamp(56px,16vw,260px);--type-title:clamp(40px,8vw,128px);--type-key:clamp(26px,3.6vw,52px);--type-body:clamp(16px,1.25vw,19px);--type-small:clamp(14px,1vw,15px);--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:var(--header)}@media (prefers-reduced-motion:no-preference){html[data-smooth]{scroll-behavior:smooth}}body{min-width:320px;margin:0;overflow-x:clip}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid}.board-play:focus-visible,.stage-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--card)}img,svg{max-width:100%;display:block}[hidden]{display:none!important}::selection{background:var(--coral);color:#fff}.page-width{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}.sr-only,.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link:focus{z-index:30;padding:16px var(--gutter);background:var(--ink);color:#fff;display:block;position:relative}.section-title{font-size:var(--type-title);letter-spacing:-.055em;word-break:keep-all;font-weight:700;line-height:1}.section-lead{max-width:34em;font-size:var(--type-body);color:var(--muted);word-break:keep-all;line-height:1.7}.label{font-size:var(--type-small);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.4}.badge{border:1px solid var(--line);font-size:var(--type-small);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;line-height:1;display:inline-flex}.badge:before{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px}.site-header{z-index:20;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header>div{min-height:var(--header);justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{min-height:44px;font:800 26px/1 var(--display);letter-spacing:-.06em;align-items:center;display:inline-flex}.site-header nav{--nav-pad:clamp(10px,1.2vw,17px);margin-right:calc(var(--nav-pad)*-1);font-size:15px;font-weight:500;display:flex}.site-header nav a{min-width:44px;min-height:44px;padding-inline:var(--nav-pad);white-space:nowrap;justify-content:center;align-items:center;display:flex}.tile{background:var(--card);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out);border:1px solid #102a4314;border-radius:26px;flex-direction:column;gap:14px;padding:10px 10px 16px;display:flex;position:relative;box-shadow:0 18px 40px -26px #102a4359}.tile .stage{--stage-radius:17px}.tile__caption{flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-inline:8px;display:flex}.tile__title{letter-spacing:-.03em;word-break:keep-all;font-size:clamp(15px,1.2vw,18px);font-weight:700;line-height:1.3}.tile__title i{color:var(--coral);font-style:normal}.tile__tag{font-size:var(--type-small);color:var(--ink);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-weight:600;line-height:1.3;display:inline-flex}.tile__tag:before{content:"";background:var(--coral);border-radius:50%;width:8px;height:8px}.stage-solo{--stage-radius:clamp(18px,2vw,28px);position:relative}.stage-toggle{background:var(--card);width:44px;height:44px;color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px;box-shadow:0 6px 18px -6px #102a4366}.stage-toggle:disabled{display:none}.stage-toggle span{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:12px;height:14px;translate:2px}.stage-toggle[data-playing=true] span{clip-path:polygon(0 0,36% 0,36% 100%,0 100%,0 0,64% 0,100% 0,100% 100%,64% 100%,64% 0);translate:0}.scroll-scene{--scene-beats:3;--scene-beat-length:130svh}@media (prefers-reduced-motion:no-preference) and (height>=600px){html[data-ready] :is(section[data-enhanced] .scroll-scene,section.scroll-scene[data-enhanced]){height:calc(100svh - var(--header) + (var(--scene-beats) - 1)*var(--scene-beat-length))}html[data-ready] :is(section[data-enhanced] .scroll-scene,section.scroll-scene[data-enhanced])>.scroll-scene__view{top:var(--header);height:calc(100svh - var(--header));position:sticky;overflow:clip}}.opening{position:relative}.opening__anchor{display:none}@media (prefers-reduced-motion:no-preference) and (height>=600px){.opening[data-enhanced]{height:calc(100svh + (var(--scene-beats) - 1)*var(--scene-beat-length));margin-top:calc(var(--header)*-1)}.opening[data-enhanced]>.scroll-scene__view{top:var(--header);height:calc(100svh - var(--header));display:grid;position:sticky;overflow:clip}.opening[data-enhanced]>.scroll-scene__view>*{grid-area:1/1;min-width:0;min-height:0}.opening[data-enhanced]>.opening__anchor{top:calc(var(--scene-beat-length) + var(--header));width:1px;height:1px;display:block;position:absolute;left:0}}@media (prefers-reduced-motion:no-preference){html[data-ready] [data-reveal]{transition:opacity .9s var(--ease-out) var(--reveal-delay,0s),transform .9s var(--ease-out) var(--reveal-delay,0s)}html[data-ready] [data-reveal]:not([data-revealed]){opacity:0;transform:translateY(28px)}}.notes{padding-block:60px}.notes h2{font-size:var(--type-title);letter-spacing:-.04em}.notes__list{gap:20px;margin-top:25px;display:grid}.note{border-top:1px solid var(--line);padding-top:22px}.note time{font-size:var(--type-small);color:var(--muted)}.note h3{margin-top:12px;font-size:23px}.note p{font-size:var(--type-body);margin-top:10px;line-height:1.7}@media (hover:hover){.site-header nav a:hover{color:var(--blue)}.tile:hover{transform:translateY(-6px);box-shadow:0 28px 50px -26px #102a4380}}@media (width<=767px){:root{--header:56px}.brand{font-size:23px}.site-header nav{font-size:14px}.tile__tag{flex-basis:100%;margin-left:0}}@media (width<=370px){.site-header>div{gap:8px}.brand{font-size:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}main>:is(section,.opening),.s-footer{overflow-x:clip}.stage{aspect-ratio:5/4;isolation:isolate;border-radius:var(--stage-radius,16px);background:var(--tone-bg);color:var(--tone-fg);font-family:var(--sans);-webkit-user-select:none;user-select:none;line-height:1.2;display:block;position:relative;overflow:hidden;container-type:inline-size}.stage[data-tone=paper]{--tone-bg:#efece3;--tone-fg:#102a43;--tone-card:#fffefb;--tone-soft:#e2ded2;--tone-muted:#6b7c8a;--tone-accent:#e4523c;--tone-card-fg:#102a43}.stage[data-tone=ink]{--tone-bg:#12161d;--tone-fg:#f7f5ed;--tone-card:#222a35;--tone-soft:#1b212a;--tone-muted:#8d9aa8;--tone-accent:#e4523c;--tone-card-fg:#f7f5ed}.stage[data-tone=blue]{--tone-bg:#124ed8;--tone-fg:#f7f5ed;--tone-card:#fffefb;--tone-soft:#2a62e6;--tone-muted:#c5d4fa;--tone-accent:#e4523c;--tone-card-fg:#102a43}.stage[data-tone=sky]{--tone-bg:#cfe2f0;--tone-fg:#102a43;--tone-card:#fffefb;--tone-soft:#b9d4e8;--tone-muted:#56708a;--tone-accent:#e4523c;--tone-card-fg:#102a43}.stage :where(p,b,i,span,div,svg){margin:0;font-style:normal}.stage .k-card{background:var(--tone-card);color:var(--tone-card-fg);border-radius:3.2cqw;box-shadow:0 1.6cqw 4cqw -1.6cqw #102a4347}.stage .k-pill{background:var(--tone-card);color:#102a43;white-space:nowrap;border-radius:99cqw;align-items:center;gap:1.6cqw;padding:1.8cqw 3.2cqw;font-size:3.6cqw;font-weight:600;display:inline-flex}.stage .k-chip{background:var(--tone-soft);font:500 3cqw/1 var(--mono);white-space:nowrap;border-radius:99cqw;align-items:center;padding:1cqw 2.2cqw;display:inline-flex}.stage .k-display{font-family:var(--display);letter-spacing:-.06em;font-weight:800;line-height:.95}.stage .k-mono{font:500 3.2cqw/1.2 var(--mono);color:var(--tone-muted)}.stage .k-line{opacity:.16;background:currentColor;border-radius:1cqw;height:1.5cqw;display:block}.stage .k-ring{border:.8cqw solid var(--tone-accent);border-radius:3.6cqw}.stage .k-caret{background:var(--tone-accent);vertical-align:-.15em;width:.7cqw;height:1.1em;display:inline-block}.stage .k-dot{background:var(--tone-accent);border-radius:50%;width:2.4cqw;height:2.4cqw;display:block}.stage .k-cursor{fill:#fffefb;stroke:#102a43;stroke-width:1.6px;stroke-linejoin:round;filter:drop-shadow(0 .6cqw .8cqw #102a434d);width:6.4cqw;height:6.4cqw;position:absolute}.s-hero{background:var(--blue);color:var(--paper)}.s-hero .hero-inner{min-height:calc(100vh - var(--header));min-height:calc(100svh - var(--header));grid-template:"lead cue"". ."1fr"mark mark"/1fr auto;gap:clamp(28px,4vw,56px) 24px;padding-block:clamp(28px,4vw,56px) clamp(20px,2.4vw,36px);display:grid;container-type:inline-size}.s-hero .hero-title{grid-area:mark;align-self:end;scroll-margin-top:100vh;font-weight:400}.s-hero .hero-word{font:800 calc(100cqi / 4.065)/.66 var(--display);white-space:nowrap;margin-inline:-.069em -.043em;display:block}.s-hero .hero-part{vertical-align:top;display:inline-block}.s-hero .hero-ch{vertical-align:top;margin-right:-.035em;display:inline-block}.s-hero .is-lab .hero-ch:first-child{margin-right:-.005em}.s-hero .is-lab .hero-ch:last-child{margin-right:0}.s-hero .hero-glyph{display:block}.s-hero[data-intro] .hero-ch{margin-block:-.14em -.03em;padding-block:.14em .03em;overflow:hidden}.s-hero .hero-lead{z-index:2;letter-spacing:-.055em;word-break:keep-all;grid-area:lead;font-size:clamp(34px,5.4vw,84px);font-weight:700;line-height:1.04;position:relative}.s-hero .hero-cue{z-index:2;grid-area:cue;justify-self:end;place-items:center;width:clamp(44px,5vw,72px);height:clamp(64px,8vw,120px);display:grid;position:relative}.s-hero .hero-cue__mark{background:currentColor;width:2px;height:100%;position:relative}.s-hero .hero-cue__mark:after{content:"";aspect-ratio:1;transform-origin:50%;border:2px solid;border-width:0 2px 2px 0;width:clamp(14px,1.6vw,24px);position:absolute;bottom:1px;left:50%;translate:-50%;rotate:45deg}@media (hover:hover){.s-hero .hero-cue:hover{color:#fff}}.s-hero[data-enhanced]{z-index:1;background:0 0;position:relative}.s-hero[data-enhanced] .hero-scene{height:100%}.s-hero[data-enhanced] .hero-inner{height:100%;min-height:0}.s-hero[data-enhanced] .hero-part{isolation:isolate;position:relative}.s-hero[data-enhanced] .is-luff{z-index:1}.s-hero[data-enhanced] .hero-part:before{content:"";z-index:-1;background:var(--blue);position:absolute;top:-100svh;bottom:-100svh}.s-hero[data-enhanced] .is-luff:before{left:-100vw;right:0}.s-hero[data-enhanced] .is-lab:before{left:0;right:-100vw}.s-hero{--out-a:-100vw 0;--out-b:100vw 0}.s-hero :is(.is-lab,.hero-cue){--lag:80ms}.s-hero[data-motion] :is(.hero-part,.hero-lead,.hero-cue){transition:translate .7s var(--ease-out) var(--lag,0s),visibility 0s var(--lag,0s)}.s-hero[data-act="1"]{pointer-events:none}.s-hero[data-act="1"] :is(.is-luff,.hero-lead){translate:var(--out-a)}.s-hero[data-act="1"] :is(.is-lab,.hero-cue){translate:var(--out-b)}.s-hero[data-motion][data-act="1"] :is(.hero-part,.hero-lead,.hero-cue){transition-duration:.8s,0s;transition-timing-function:var(--ease-in-out);transition-delay:var(--lag,0s),calc(.8s + var(--lag,0s))}.s-hero[data-act="1"] :is(.hero-part,.hero-lead){visibility:hidden}@media (width<=767px) and (orientation:portrait){.s-hero{--out-a:0 -100svh;--out-b:0 100svh}.s-hero .hero-inner{grid-template:"lead""."1fr"mark"/1fr}.s-hero .hero-word{font-size:44.6429cqi}.s-hero .hero-part{display:block}.s-hero .is-lab{margin-top:.06em}.s-hero .hero-cue{grid-area:mark;align-self:end}.s-hero[data-enhanced] .is-luff:before{inset:-100svh -100vw 0}.s-hero[data-enhanced] .is-lab:before{inset:-.1em -100vw -100svh}}@media (height<=599px){.s-hero .hero-inner{gap:16px 24px;padding-block:20px 14px}.s-hero .hero-lead{font-size:clamp(28px,9vh,84px)}.s-hero .hero-cue{height:clamp(44px,14vh,120px)}}.s-board{--board-gap:clamp(12px,1.5vw,22px);isolation:isolate;background-color:var(--paper-deep);background-image:linear-gradient(#102a430d 1px,#0000 1px),linear-gradient(90deg,#102a430d 1px,#0000 1px);background-position:top;background-size:44px 44px;padding-block:clamp(48px,7vw,104px) clamp(56px,7vw,110px)}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 48px;display:flex}.board-head .section-lead{max-width:22em}.board{margin-top:clamp(28px,4vw,56px)}.board-grid{gap:var(--board-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.board-transport{background:var(--card);border:1px solid #102a4314;border-radius:999px;align-items:center;gap:16px;width:min(100%,560px);margin:clamp(22px,2.6vw,36px) auto 0;padding:8px 20px 8px 8px;display:flex;box-shadow:0 18px 40px -26px #102a4359}.board-play{background:var(--ink);min-width:108px;min-height:44px;color:var(--paper);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.board-play:disabled{opacity:.45}.board-play__icon{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:10px;height:12px}.board-play[data-playing=true] .board-play__icon{clip-path:polygon(0 0,36% 0,36% 100%,0 100%,0 0,64% 0,100% 0,100% 100%,64% 100%,64% 0)}.board-transport input{min-width:0;height:44px;accent-color:var(--blue);cursor:ew-resize;flex:1}.board-transport input:disabled{cursor:default}@media (width<=1280px){.board .tile__tag{flex-basis:100%;margin-left:0}}@media (width>=768px) and (width<=999px){.s-board:not(.opening[data-enhanced] *) .board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.board-grid{margin-inline:calc(var(--gutter)*-1);padding:4px var(--gutter) 22px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(78%,320px);grid-auto-flow:column;overflow-x:auto}.board-grid::-webkit-scrollbar{display:none}.board-grid .tile{scroll-snap-align:start}.board-transport{margin-top:6px}}@media (width<=480px){.board-play{justify-content:center;width:44px;min-width:44px;padding:0}.board-play [data-stage-play-text]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.board-transport{padding-right:16px}}@media (prefers-reduced-motion:no-preference){html[data-ready] .s-board[data-deal] .tile{z-index:calc(10 - var(--i))}html[data-ready] .s-board[data-deal=waiting] .tile{--c:0;--r:0;--cc:1.5;--rc:.5;translate:calc((var(--cc) - var(--c))*(100% + var(--board-gap))) calc((var(--rc) - var(--r))*(100% + var(--board-gap)));rotate:calc((var(--i) - 3.5)*3deg);scale:.86}html[data-ready] .s-board[data-deal=waiting] .tile:nth-child(4n+2){--c:1}html[data-ready] .s-board[data-deal=waiting] .tile:nth-child(4n+3){--c:2}html[data-ready] .s-board[data-deal=waiting] .tile:nth-child(4n+4){--c:3}html[data-ready] .s-board[data-deal=waiting] .tile:nth-child(n+5){--r:1}html[data-ready] .s-board[data-deal-linked][data-deal=waiting] .tile{transition:translate 0s .8s,rotate 0s .8s,scale 0s .8s,transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}html[data-ready] .s-board[data-deal=dealt] .tile{transition:translate .8s var(--ease-out) calc(var(--i)*80ms),rotate .8s var(--ease-out) calc(var(--i)*80ms),scale .8s var(--ease-out) calc(var(--i)*80ms),transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}html[data-ready] .s-board[data-deal-instant] .tile{transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}}@media (prefers-reduced-motion:no-preference) and (width>=768px) and (width<=999px){html[data-ready] .s-board:not(.opening[data-enhanced] *)[data-deal=waiting] .tile{--cc:.5;--rc:1.5}html[data-ready] .s-board:not(.opening[data-enhanced] *)[data-deal=waiting] .tile:nth-child(odd){--c:0}html[data-ready] .s-board:not(.opening[data-enhanced] *)[data-deal=waiting] .tile:nth-child(2n){--c:1}html[data-ready] .s-board:not(.opening[data-enhanced] *)[data-deal=waiting] .tile:nth-child(n+3){--r:1}html[data-ready] .s-board:not(.opening[data-enhanced] *)[data-deal=waiting] .tile:nth-child(n+5){--r:2}html[data-ready] .s-board:not(.opening[data-enhanced] *)[data-deal=waiting] .tile:nth-child(n+7){--r:3}}@media (prefers-reduced-motion:no-preference) and (width<=767px){html[data-ready] .s-board[data-deal=waiting] .tile{translate:calc(100vw + var(--i)*12%) 0;rotate:8deg;scale:.9}}@media (prefers-reduced-motion:no-preference) and (height>=600px){.opening[data-enhanced] .s-board{--title:min(var(--type-title),7svh);--pad:clamp(16px,3svh,36px);--space:clamp(12px,2.2svh,24px);--board-gap:min(clamp(12px,1.5vw,22px),2.2svh);--head:max(var(--title),calc(var(--type-body)*3));--transport:54px;--chrome:80px;--edge:18px;--room:calc(100svh - var(--header) - 2*var(--pad) - var(--head) - 2*var(--space) - var(--transport));height:100%;padding-block:var(--pad);flex-direction:column;justify-content:center;display:flex}.opening[data-enhanced] .s-board>.page-width{max-width:min(1440px,calc(4*((var(--room) - var(--board-gap) - 2*var(--chrome))/1.6 + var(--edge)) + 3*var(--board-gap)))}.opening[data-enhanced] .s-board .board-head{flex-wrap:nowrap;gap:8px 32px}.opening[data-enhanced] .s-board .section-title{font-size:var(--title);white-space:nowrap;flex:none}.opening[data-enhanced] .s-board .section-lead{text-align:right;flex:0 auto;line-height:1.5}.opening[data-enhanced] .s-board .board{margin-top:var(--space)}.opening[data-enhanced] .s-board .board-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.opening[data-enhanced] .s-board .tile{gap:10px;padding:8px 8px 12px}.opening[data-enhanced] .s-board .board-transport{margin-top:var(--space);padding-block:4px}}@media (prefers-reduced-motion:no-preference) and (height>=600px) and (height<=719px) and (width>=768px){.opening[data-enhanced] .s-board{--title:min(var(--type-title),6.5svh);--pad:12px;--space:10px;--head:var(--title);--transport:46px}.opening[data-enhanced] .s-board .section-lead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.opening[data-enhanced] .s-board .board-transport{padding-block:0}.opening[data-enhanced] .s-board .tile__tag{flex-basis:100%;margin-left:0}}@media (prefers-reduced-motion:no-preference) and (height>=600px) and (width<=767px){.opening[data-enhanced] .s-board{--head:calc(var(--title)*2 + 8px + var(--type-body)*3)}.opening[data-enhanced] .s-board>.page-width{max-width:1440px}.opening[data-enhanced] .s-board .board-head{flex-wrap:wrap}.opening[data-enhanced] .s-board .section-title{white-space:normal}.opening[data-enhanced] .s-board .section-lead{text-align:left}.opening[data-enhanced] .s-board .board-grid{grid-template-columns:none;grid-auto-columns:min(78%,320px,calc((var(--room) - 26px - var(--chrome))/.8 + var(--edge)))}}.s-name{--soft:color-mix(in srgb,var(--paper) 72%,var(--night));background:var(--night);color:var(--paper)}.s-name__head{padding-block:clamp(48px,6vw,88px) clamp(24px,3vw,40px)}.s-name .section-title{color:var(--paper)}.s-name__act{--act-fg:var(--paper);--act-soft:var(--soft);background:var(--night);color:var(--act-fg);padding-block:clamp(64px,9vw,128px)}.s-name__act[data-act="0"]{--act-fg:var(--ink);--act-soft:var(--muted);background:var(--sky)}.s-name__act[data-act="1"]{--act-soft:color-mix(in srgb,var(--paper) 84%,var(--blue));background:var(--blue)}.s-name__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,72px);display:grid}.s-name__text{align-content:center;justify-items:start;gap:clamp(12px,1.5vw,22px);display:grid}.s-name h3{font:800 min(var(--type-display),14vw)/.86 var(--display);letter-spacing:-.05em}.s-name__def{max-width:30em;color:var(--act-soft);word-break:keep-all;font-size:clamp(17px,1.4vw,21px);line-height:1.55}.s-name__kind{color:var(--act-fg);font-weight:700}.s-name__line{max-width:14em;font-size:var(--type-key);letter-spacing:-.04em;word-break:keep-all;font-weight:800;line-height:1.2}.s-name__source{min-height:44px;font-size:var(--type-small);text-underline-offset:5px;align-items:center;gap:6px;font-weight:600;text-decoration:underline;display:inline-flex}.s-name__fig{place-items:center;min-width:0;display:grid}.s-name__canvas{aspect-ratio:1;width:min(100%,640px);font-family:var(--sans);-webkit-user-select:none;user-select:none;line-height:1.2;position:relative;container-type:inline-size}.s-name__canvas *{margin:0;font-style:normal;position:absolute}.s-name__note{font:600 max(14px,3.6cqw)/1 var(--sans);color:var(--act-soft)}.s-name__boat{--hull:var(--ink);inset:0}.s-name__act[data-act="1"] .s-name__boat{--hull:var(--paper);transform:scaleX(-1)}.s-name__hull{background:var(--hull);clip-path:polygon(0 0,100% 0,94% 100%,16% 100%);width:56cqw;height:10cqw;top:66cqw;left:22cqw}.s-name__mast{background:var(--hull);border-radius:1cqw;width:1.4cqw;height:54cqw;top:12cqw;left:41.6cqw}.s-name__boom{background:var(--hull);border-radius:1cqw;width:27cqw;height:1.2cqw;top:59cqw;left:43cqw}.s-name__sail{background:var(--card);clip-path:polygon(0 0,100% 100%,0 100%);width:27cqw;height:43cqw;top:16cqw;left:43cqw}.s-name__luff{background:var(--coral);border-radius:1cqw;width:2.4cqw;height:43cqw;top:16cqw;left:42.6cqw}.s-name__water{background:color-mix(in srgb,var(--blue) 45%,transparent);border-radius:1cqw;height:1.2cqw}.s-name__act[data-act="1"] .s-name__water{background:color-mix(in srgb,var(--paper) 40%,transparent)}.s-name [data-part=w1]{width:76cqw;top:80cqw;left:12cqw}.s-name [data-part=w2]{width:40cqw;top:86cqw;left:30cqw}.s-name__wind{background:var(--card);border-radius:1cqw;height:1.2cqw}.s-name [data-part=wd1]{width:22cqw;top:18cqw;left:72cqw}.s-name [data-part=wd2]{width:28cqw;top:26cqw;left:66cqw}.s-name [data-part=wd3]{width:16cqw;top:36cqw;left:78cqw}.s-name [data-part=wd4]{width:24cqw;top:46cqw;left:70cqw}.s-name [data-part=note-wind]{top:10cqw;left:80cqw}.s-name__note--luff{color:var(--coral);font-weight:800;top:29cqw;right:61cqw}.s-name__note--bow{color:var(--paper);font-weight:800;top:58cqw;right:21cqw}.s-name__act[data-act="2"] .s-name__inner{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.s-name__act[data-act="2"] .s-name__text{justify-items:center}.s-name__act[data-act="2"] .s-name__def{max-width:26em}.s-name__nowrap{white-space:nowrap}.s-name h3.s-name__word{--w:min(20vw,240px);--half-lab:.91em;font-size:var(--w);letter-spacing:-.04em;line-height:1}.s-name__row{padding-bottom:calc(var(--w)*.32);white-space:nowrap;line-height:1.05;display:flex;position:relative}.s-name__grp{display:block;position:relative}.s-name__letters{display:flex;overflow:visible clip}.s-name__letters b{display:block}.s-name__letters [data-part=lab]:nth-child(2){margin-left:.03em}.s-name__grp--lab{color:var(--coral)}.s-name__kr{left:0;right:0;top:calc(100% + var(--w)*.07);font:700 max(14px,calc(var(--w)*.2))/1 var(--sans);letter-spacing:0;text-align:center;color:var(--soft);position:absolute}.s-name__grp--lab .s-name__kr{color:var(--coral)}@media (width<=859px){.s-name__inner{grid-template-columns:minmax(0,1fr)}.s-name h3{font-size:min(24vw,120px)}.s-name__act:not([data-act="2"]) .s-name__line{font-size:clamp(26px,5.4vw,44px)}}.s-name__anchor{display:none}@media (prefers-reduced-motion:no-preference) and (height>=600px){html[data-ready] .s-name[data-enhanced] .s-name__scene{grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid}html[data-ready] .s-name[data-enhanced] .s-name__act{clip-path:inset(100% 0 0);pointer-events:none;min-height:0;transition:clip-path .5s var(--ease-in-out);grid-area:1/1;padding-block:clamp(16px,5svh,56px)}html[data-ready] .s-name[data-enhanced][data-beat="0"] .s-name__act[data-act="0"],html[data-ready] .s-name[data-enhanced][data-beat="1"] .s-name__act[data-act="1"],html[data-ready] .s-name[data-enhanced][data-beat="2"] .s-name__act[data-act="2"]{clip-path:inset(0);pointer-events:auto}html[data-ready] .s-name[data-enhanced][data-beat="1"] .s-name__act[data-act="0"],html[data-ready] .s-name[data-enhanced][data-beat="2"] .s-name__act:is([data-act="0"],[data-act="1"]){clip-path:inset(0 0 1px)}html[data-ready] .s-name[data-enhanced][data-instant] *{transition:none!important;animation:none!important}html[data-ready] .s-name[data-enhanced] .s-name__inner{grid-template-rows:minmax(0,1fr);align-items:stretch;height:100%}html[data-ready] .s-name[data-enhanced] .s-name__fig{container-type:size}html[data-ready] .s-name[data-enhanced] .s-name__canvas{width:100cqmin}html[data-ready] .s-name[data-enhanced] .s-name__act[data-act="2"] .s-name__inner{grid-template-rows:auto auto;align-content:center;row-gap:clamp(20px,4svh,48px)}html[data-ready] .s-name[data-enhanced] .scroll-scene{position:relative}html[data-ready] .s-name[data-enhanced] .s-name__anchor{width:1px;height:1px;left:0;top:calc(var(--k)/(var(--scene-beats) - 1)*((var(--scene-beats) - 1)*var(--scene-beat-length) - var(--header)) + var(--header));display:block;position:absolute}html[data-ready] .s-name[data-enhanced]{--mark-top:clamp(10px,2svh,18px);--mark-space:calc(var(--mark-top) + 54px)}html[data-ready] .s-name[data-enhanced] .s-name__head{top:var(--header);z-index:3;height:calc(100svh - var(--header));padding:var(--mark-top) 0 0;pointer-events:none;position:sticky}html[data-ready] .s-name[data-enhanced] .scroll-scene{margin-top:calc(var(--header) - 100svh)}html[data-ready] .s-name[data-enhanced] .s-name__head .section-title{border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:calc(var(--type-body)*1.12);letter-spacing:-.02em;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;line-height:1.25;display:inline-flex;box-shadow:0 8px 20px -12px #102a4366}html[data-ready] .s-name[data-enhanced] .s-name__head .section-title:before{content:"";background:var(--coral);border-radius:50%;width:7px;height:7px}html[data-ready] .s-name[data-enhanced] .s-name__act{padding-top:max(clamp(16px,5svh,56px),var(--mark-space))}html[data-ready] .s-name[data-enhanced][data-beat]:not([data-beat="0"]) [data-act="0"] .s-name__text>:not(h3),html[data-ready] .s-name[data-enhanced][data-beat="0"] [data-act="1"] .s-name__text>:not(h3),html[data-ready] .s-name[data-enhanced][data-beat="2"] [data-act="1"] .s-name__text>:not(h3){opacity:0;transition:transform .2s ease-in,opacity .2s;transform:translateY(-24px)}html[data-ready] .s-name[data-enhanced][data-beat="0"] [data-act="0"] .s-name__text>:not(h3),html[data-ready] .s-name[data-enhanced][data-beat="1"] [data-act="1"] .s-name__text>:not(h3){transition:transform .3s var(--ease-out) .45s,opacity .25s .45s}html[data-ready] .s-name[data-enhanced][data-beat="0"] [data-act="1"] .s-name__boat{transition:transform 0s .55s;transform:none}html[data-ready] .s-name[data-enhanced][data-beat="0"] [data-act="1"] .s-name__note--bow{opacity:0;transition:transform 0s .55s,opacity 0s .55s;transform:translateY(2cqw)}html[data-ready] .s-name[data-enhanced][data-beat="1"] [data-act="1"] .s-name__boat{transition:transform .8s var(--ease-in-out) .35s}html[data-ready] .s-name[data-enhanced][data-beat="1"] [data-act="1"] .s-name__note--bow{transition:transform .3s var(--ease-out) 1s,opacity .2s 1s}html[data-ready] .s-name[data-enhanced][data-beat]:not([data-beat="2"]) [data-act="2"] [data-part=luff-word]{transform:translateX(var(--half-lab));transition:transform 0s .55s}html[data-ready] .s-name[data-enhanced][data-beat]:not([data-beat="2"]) [data-act="2"] [data-part=lab]{transition:transform 0s .55s;transform:translateY(110%)}html[data-ready] .s-name[data-enhanced][data-beat]:not([data-beat="2"]) [data-act="2"] [data-part=kr-lab]{opacity:0;transition:transform 0s .55s,opacity 0s .55s;transform:translateY(24px)}html[data-ready] .s-name[data-enhanced][data-beat]:not([data-beat="2"]) [data-act="2"] .s-name__text{opacity:0;transition:transform .2s ease-in,opacity .2s;transform:translateY(24px)}html[data-ready] .s-name[data-enhanced][data-beat="2"] [data-act="2"] [data-part=luff-word]{transition:transform .4s var(--ease-in-out) .25s}html[data-ready] .s-name[data-enhanced][data-beat="2"] [data-act="2"] [data-part=lab]{transition:transform .45s var(--ease-out) .55s}html[data-ready] .s-name[data-enhanced][data-beat="2"] [data-act="2"] [data-part=lab]:nth-child(2){transition-delay:.62s}html[data-ready] .s-name[data-enhanced][data-beat="2"] [data-act="2"] [data-part=lab]:nth-child(3){transition-delay:.69s}html[data-ready] .s-name[data-enhanced][data-beat="2"] [data-act="2"] [data-part=kr-lab]{transition:transform .3s var(--ease-out) .85s,opacity .2s .85s}html[data-ready] .s-name[data-enhanced][data-beat="2"] [data-act="2"] .s-name__text{transition:transform .35s var(--ease-out) .9s,opacity .25s .9s}}@media (prefers-reduced-motion:no-preference) and (height>=600px) and (width<=859px){html[data-ready] .s-name[data-enhanced] .s-name__inner{grid-template-rows:auto auto minmax(0,1fr) auto auto;align-content:stretch;row-gap:10px}html[data-ready] .s-name[data-enhanced] .s-name__act:not([data-act="2"]) .s-name__text{display:contents}html[data-ready] .s-name[data-enhanced] .s-name__act:not([data-act="2"]) h3{grid-row:1}html[data-ready] .s-name[data-enhanced] .s-name__act:not([data-act="2"]) .s-name__line{grid-row:2}html[data-ready] .s-name[data-enhanced] .s-name__act:not([data-act="2"]) .s-name__fig{grid-row:3}html[data-ready] .s-name[data-enhanced] .s-name__act:not([data-act="2"]) h3{font-size:min(24vw,12svh,120px)}html[data-ready] .s-name[data-enhanced] .s-name__act:not([data-act="2"]) .s-name__inner{grid-template-rows:auto auto minmax(0,1fr) auto minmax(56px,auto)}html[data-ready] .s-name[data-enhanced] .s-name__act:not([data-act="2"]) .s-name__line{min-height:2.4em}html[data-ready] .s-name[data-enhanced] .s-name__source{justify-self:start}}.s-products{--pad-b:clamp(28px,4vw,64px);--stage-w:min(56vw,760px);background:var(--paper)}.s-products__head{padding-block:clamp(48px,6vw,88px) clamp(24px,3vw,40px)}.s-products__beat{padding:var(--pad-b) max(var(--gutter),calc((100% - 1440px)/2));grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:clamp(32px,4vw,72px);display:grid}.s-products__beat:nth-child(3n+1){background:var(--paper);color:var(--ink)}.s-products__beat:nth-child(3n+2){background:var(--ink);color:var(--paper)}.s-products__beat:nth-child(3n){background:var(--blue);color:var(--paper)}.s-products :focus-visible{outline-color:currentColor}.s-products__beat[tabindex="-1"]:focus{outline:none}.s-products .product__body{justify-items:start;gap:clamp(16px,2vw,28px);min-width:0;display:grid}.s-products .product__meta{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.s-products .product__platform{font-size:var(--type-body);letter-spacing:-.01em;font-weight:700}.s-products .product__status{border-color:color-mix(in srgb,currentColor 35%,transparent)}.s-products .product__title{font-size:calc(var(--type-title)*.68);letter-spacing:-.055em;word-break:keep-all;font-weight:700;line-height:1.02}.s-products .product__description{max-width:24em;font-size:calc(var(--type-body)*1.2);color:color-mix(in srgb,currentColor 84%,transparent);word-break:keep-all;text-wrap:balance;line-height:1.6}.s-products .product__action{min-height:44px;font-size:var(--type-body);text-underline-offset:6px;align-items:center;gap:8px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;display:inline-flex}.s-products .product__stage{width:var(--stage-w);gap:12px;margin:0;display:grid}.s-products .product__note{font-size:var(--type-body);font-weight:700;line-height:1.4}.s-products__direction-title{max-width:13em;font-size:var(--type-key);letter-spacing:-.045em;word-break:keep-all;font-weight:700;line-height:1.18}.s-products__steps{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.s-products__steps li{border:1.5px solid color-mix(in srgb,currentColor 40%,transparent);white-space:nowrap;border-radius:999px;align-items:baseline;gap:10px;padding:12px 18px;display:inline-flex}.s-products__steps b{font-size:var(--type-body);letter-spacing:-.02em}.s-products__steps span{font-size:var(--type-small)}.s-products__steps li[data-plan]{border-style:dashed;border-color:currentColor}@media (width<=899px){.s-products{--stage-w:min(100%,560px)}.s-products__beat{grid-template-columns:minmax(0,1fr);gap:clamp(20px,4vw,32px)}.s-products .product__title{font-size:var(--type-title)}.s-products .product__body{gap:14px}.s-products .product__stage .stage-toggle{top:calc(100% + 12px);bottom:auto;right:0}.s-products .product__note{align-items:center;min-height:44px;padding-right:56px;display:flex}.s-products__direction .product__stage{padding-bottom:56px}}@media (width<=599px){.s-products__steps{grid-template-columns:repeat(3,auto);justify-content:start;gap:8px;display:grid}.s-products__steps li{border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px}}@media (width<=399px){.s-products .product__title{font-size:calc(var(--type-title)*.9)}}@media (prefers-reduced-motion:no-preference) and (height>=600px){html[data-ready] .s-products[data-enhanced]{--pad-b:min(clamp(28px,4vw,64px),6svh);--stage-w:min(56vw,calc((100svh - var(--header) - var(--pad-b)*2 - 52px)*1.25))}html[data-ready] .s-products[data-enhanced] .product__title{font-size:min(calc(var(--type-title)*.68),11svh)}html[data-ready] .s-products[data-enhanced] .scroll-scene{position:relative}html[data-ready] .s-products[data-enhanced] .scroll-scene__view{grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid}html[data-ready] .s-products[data-enhanced] .s-products__beat{min-height:0;transition:transform .7s var(--ease-in-out);grid-area:1/1}html[data-ready] .s-products[data-enhanced] .s-products__beat[data-pos=past]{transform:translateY(-104%)}html[data-ready] .s-products[data-enhanced] .s-products__beat[data-pos=future]{transform:translateY(104%)}html[data-ready] .s-products[data-enhanced] .product__stage{transform-origin:50% 100%;transition:transform .7s var(--ease-out) .12s}html[data-ready] .s-products[data-enhanced] [data-pos=future] .product__stage{transform:scale(.72)rotate(5deg)}html[data-ready] .s-products[data-enhanced] [data-pos=past] .product__stage{transform:scale(.72)rotate(-5deg)}html[data-ready] .s-products[data-enhanced] .product__body>*{transition:transform .6s var(--ease-out) .16s}html[data-ready] .s-products[data-enhanced] .product__body>:nth-child(2){transition-delay:.23s}html[data-ready] .s-products[data-enhanced] .product__body>:nth-child(n+3){transition-delay:.3s}html[data-ready] .s-products[data-enhanced] [data-pos=future] .product__body>*{transform:translateY(120%)}html[data-ready] .s-products[data-enhanced] [data-pos=past] .product__body>*{transform:translateY(-120%)}html[data-ready] .s-products[data-enhanced][data-jump] :is(.s-products__beat,.product__stage,.product__body>*){transition:none}html[data-ready] .s-products[data-enhanced] .s-products__anchor{width:1px;height:1px;left:0;top:calc(var(--k)/(var(--scene-beats) - 1)*((var(--scene-beats) - 1)*var(--scene-beat-length) - var(--header)) + var(--header));position:absolute}html[data-ready] .s-products[data-enhanced]{--mark-top:clamp(10px,2svh,18px);--mark-space:calc(var(--mark-top) + 54px)}html[data-ready] .s-products[data-enhanced] .s-products__head{top:var(--header);z-index:3;height:calc(100svh - var(--header));padding:var(--mark-top) 0 0;pointer-events:none;position:sticky}html[data-ready] .s-products[data-enhanced] .scroll-scene{margin-top:calc(var(--header) - 100svh)}html[data-ready] .s-products[data-enhanced] .s-products__head .section-title{border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:calc(var(--type-body)*1.12);letter-spacing:-.02em;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;line-height:1.25;display:inline-flex;box-shadow:0 8px 20px -12px #102a4366}html[data-ready] .s-products[data-enhanced] .s-products__head .section-title:before{content:"";background:var(--coral);border-radius:50%;width:7px;height:7px}html[data-ready] .s-products[data-enhanced] .s-products__beat{padding-top:max(var(--pad-b),var(--mark-space))}html[data-ready] .s-products[data-enhanced]{--stage-w:min(56vw,calc((100svh - var(--header) - var(--pad-b) - max(var(--pad-b),var(--mark-space)) - 52px)*1.25))}}@media (prefers-reduced-motion:no-preference) and (height>=600px) and (width<=899px){html[data-ready] .s-products[data-enhanced]{--stage-w:min(100%,calc((100svh - var(--header))*.42*1.25))}html[data-ready] .s-products[data-enhanced] .product__title{font-size:var(--type-title)}}@media (prefers-reduced-motion:no-preference) and (height>=600px) and (width<=399px){html[data-ready] .s-products[data-enhanced] .product__title{font-size:calc(var(--type-title)*.9)}}.s-products__anchor{display:none}@media (prefers-reduced-motion:no-preference) and (height>=600px){html[data-ready] .s-products[data-enhanced] .s-products__anchor{display:block}}.s-principles{padding-block:clamp(48px,6vw,96px)}.s-principles__beat~.s-principles__beat{margin-top:clamp(56px,8vw,120px)}.s-principles__scene{margin-top:clamp(20px,3vw,40px)}.s-principles__band{display:none}.s-principles__row{grid-template-columns:minmax(0,1fr) min(38vw,640px);align-items:center;gap:clamp(32px,5vw,96px);display:grid}.s-principles__row--solo{grid-template-columns:minmax(0,1fr)}.s-principles__row--flip{grid-template-columns:min(38vw,640px) minmax(0,1fr)}.s-principles__row--flip .s-principles__stage{grid-area:1/1}.s-principles__line{font-size:max(var(--type-title),min(calc(var(--type-display)*.5),15svh));letter-spacing:-.05em;word-break:keep-all;font-weight:700;line-height:1.08}.s-principles__row--solo .s-principles__line{font-size:max(var(--type-title),min(calc(var(--type-display)*.62),19svh))}.s-principles__w,.s-principles__w>span{display:inline-block}.s-principles__w.is-blue{color:var(--blue)}.s-principles__w.is-coral{color:var(--coral)}.s-principles__pair{white-space:nowrap;display:block}.s-principles__w.is-shrink{letter-spacing:-.03em;font-size:.5em}@media (width<=899px){.s-principles__row,.s-principles__row--flip{grid-template-columns:minmax(0,1fr);gap:clamp(20px,4svh,40px)}.s-principles__row--flip .s-principles__stage{grid-area:auto}.s-principles__stage{width:min(100%,460px)}.s-principles__row--solo .s-principles__line{font-size:calc(var(--type-display)*.96)}}.s-principles__line:focus{outline:none}.s-principles__scene{position:relative}.s-principles__anchor{display:none}@media (prefers-reduced-motion:no-preference) and (height>=600px){html[data-ready] .s-principles[data-enhanced]{--mark-top:clamp(10px,2svh,18px);--mark-space:calc(var(--mark-top) + 54px);padding-block:0}html[data-ready] .s-principles[data-enhanced] .s-principles__head{top:var(--header);z-index:3;height:calc(100svh - var(--header));padding:var(--mark-top) 0 0;pointer-events:none;position:sticky}html[data-ready] .s-principles[data-enhanced] .scroll-scene{margin-top:calc(var(--header) - 100svh)}html[data-ready] .s-principles[data-enhanced] .s-principles__head .section-title{border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:calc(var(--type-body)*1.12);letter-spacing:-.02em;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;line-height:1.25;display:inline-flex;box-shadow:0 8px 20px -12px #102a4366}html[data-ready] .s-principles[data-enhanced] .s-principles__head .section-title:before{content:"";background:var(--coral);border-radius:50%;width:7px;height:7px}html[data-ready] .s-principles[data-enhanced] .s-principles__beat{padding-top:max(clamp(20px,5svh,56px),var(--mark-space))}html[data-ready] .s-principles[data-enhanced] .s-principles__view{display:grid}html[data-ready] .s-principles[data-enhanced][data-instant] *{transition:none!important;animation:none!important}html[data-ready] .s-principles[data-enhanced] .s-principles__anchor{width:1px;height:1px;left:0;top:calc(var(--k)/2*(2*var(--scene-beat-length) - var(--header)) + var(--header));display:block;position:absolute}html[data-ready] .s-principles[data-enhanced] .s-principles__beat{--dir:0;--vis:visible;--vis-delay:0s;--base:.16s;--wipe-delay:80ms;z-index:1;clip-path:inset(0);min-height:0;transition:clip-path .72s var(--ease-in-out) var(--wipe-delay);pointer-events:none;grid-area:1/1;align-content:center;margin:0;padding-block:clamp(20px,5svh,56px);display:grid;position:relative}html[data-ready] .s-principles[data-enhanced] .s-principles__beat--a{background:var(--paper)}html[data-ready] .s-principles[data-enhanced] .s-principles__beat--b{background:var(--night);color:var(--paper)}html[data-ready] .s-principles[data-enhanced] .s-principles__beat--c{background:var(--sky)}html[data-ready] .s-principles[data-enhanced]:is([data-beat="1"],[data-beat="2"]) .s-principles__beat--a,html[data-ready] .s-principles[data-enhanced][data-beat="2"] .s-principles__beat--b{--dir:-1;--vis:hidden;--vis-delay:.8s;--base:0s;clip-path:inset(0 0 1px)}html[data-ready] .s-principles[data-enhanced]:not([data-beat="1"],[data-beat="2"]) .s-principles__beat--b,html[data-ready] .s-principles[data-enhanced]:not([data-beat="2"]) .s-principles__beat--c{--dir:1;--vis:hidden;--vis-delay:.8s;--base:0s;--wipe-delay:0s;--roll:transform 0s .8s;clip-path:inset(100% 0 0)}html[data-ready] .s-principles[data-enhanced] .s-principles__band{z-index:1;clip-path:inset(100% 0 0);transition:clip-path .72s var(--ease-in-out) 80ms;display:block;position:absolute;inset:0}html[data-ready] .s-principles[data-enhanced] .s-principles__band--coral{background:var(--coral)}html[data-ready] .s-principles[data-enhanced] .s-principles__band--blue{background:var(--blue)}html[data-ready] .s-principles[data-enhanced]:is([data-beat="1"],[data-beat="2"]) .s-principles__band--coral,html[data-ready] .s-principles[data-enhanced][data-beat="2"] .s-principles__band--blue{clip-path:inset(0 0 1px);transition-delay:0s}html[data-ready] .s-principles[data-enhanced] .s-principles__words{visibility:var(--vis);transition:visibility 0s var(--vis-delay)}html[data-ready] .s-principles[data-enhanced] .s-principles__w{clip-path:inset(-.1em -.3em -.14em)}html[data-ready] .s-principles[data-enhanced] .s-principles__w>span{transform:translateY(calc(var(--dir)*125%));transition:var(--roll,transform .6s var(--ease-out) calc(var(--base) + var(--i)*60ms))}html[data-ready] .s-principles[data-enhanced] .s-principles__w.is-shrink{transform-origin:0 80%;transition:transform 0s var(--vis-delay);transform:scale(2)}html[data-ready] .s-principles[data-enhanced] .s-principles__w.is-pushed{transition:transform 0s var(--vis-delay);transform:translate(1.25em)}html[data-ready] .s-principles[data-enhanced][data-beat="1"] :is(.s-principles__w.is-shrink,.s-principles__w.is-pushed){transition:transform .5s var(--ease-spring) .5s;transform:none}html[data-ready] .s-principles[data-enhanced] .s-principles__stage{transform:translateY(calc(var(--dir)*100svh)) rotate(calc(var(--dir)*7deg));transition:transform .75s var(--ease-out) calc(var(--base) + 60ms);pointer-events:auto}html[data-ready] .s-principles[data-enhanced] .s-principles__stage .stage-solo{border-radius:var(--stage-radius);box-shadow:0 30px 60px -34px #102a4380}}@media (width<=899px){.s-principles__stage{padding-bottom:56px}.s-principles__stage .stage-toggle{top:calc(100% + 12px);bottom:auto;right:0}}@media (prefers-reduced-motion:no-preference) and (height>=600px) and (width<=899px){html[data-ready] .s-principles[data-enhanced] .s-principles__stage{width:min(100%,760px,calc((100svh - var(--header) - 420px)*1.25))}}.s-contact{--r:clamp(28px,4vw,56px);--pad-top:clamp(56px,7vw,112px);display:grid}.s-contact>*{grid-area:1/1}.s-contact :focus-visible{outline-color:var(--paper)}.s-contact__panel{z-index:1;border-radius:var(--r) var(--r) 0 0;background:var(--blue);color:var(--paper);position:relative}.s-contact__inner{padding-block:var(--pad-top) clamp(48px,6vw,96px);gap:clamp(10px,1.4vw,24px);display:grid;container-type:inline-size}.s-contact .section-title{font-size:clamp(20px,3.4vw,52px);line-height:1.08}.s-contact__address{gap:clamp(10px,1.4vw,20px);display:grid}.s-contact .email-link{font:800 calc(100cqw / 15)/1.04 var(--display);letter-spacing:-.045em;white-space:nowrap;justify-self:start;padding-block:.06em}.s-contact .email-link span{-webkit-text-decoration:underline .05em color-mix(in srgb,var(--paper) 35%,transparent);text-decoration:underline .05em color-mix(in srgb,var(--paper) 35%,transparent);text-underline-offset:.14em;transition:text-decoration-color .2s;display:inline-block}.s-contact__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 32px;display:flex}.s-contact__hint{min-height:36px;display:flex}.s-contact__hint>span{font-size:var(--type-small);color:color-mix(in srgb,var(--paper) 80%,transparent);transition:gap .4s var(--ease-spring),padding .4s var(--ease-spring),background-color .3s var(--ease-out),color .3s var(--ease-out);border-radius:999px;align-items:center;gap:0;font-weight:600;line-height:1.3;display:inline-flex}.s-contact__hint>span:before{content:"";opacity:0;width:0;height:7px;transition:width .4s var(--ease-spring),opacity .2s;border:0 solid;border-width:0 0 2.5px 2.5px;translate:0 -2px;rotate:-45deg}.s-contact__hint[data-state=copied]>span{background:var(--paper);color:var(--ink);gap:10px;padding:8px 16px}.s-contact__hint[data-state=copied]>span:before{opacity:1;width:13px}.s-contact__hint[data-state=failed]>span{color:var(--paper)}.s-contact .github-link{letter-spacing:-.02em;min-height:44px;-webkit-text-decoration:underline 1.5px color-mix(in srgb,var(--paper) 50%,transparent);text-decoration:underline 1.5px color-mix(in srgb,var(--paper) 50%,transparent);text-underline-offset:6px;align-items:center;font-size:18px;font-weight:700;display:inline-flex}@media (hover:hover){.s-contact .email-link:hover span{-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral)}.s-contact .github-link:hover{-webkit-text-decoration-color:var(--paper);text-decoration-color:var(--paper)}}.s-contact__ghost{display:none}.s-contact__ghost>span{display:block}@media (prefers-reduced-motion:no-preference){.s-contact[data-beat] .s-contact__ghost{padding-top:var(--pad-top);color:var(--ink);display:block}.s-contact[data-beat] .s-contact__panel{clip-path:inset(0 0 -1px 0 round var(--r) var(--r) 0 0);transition:clip-path .8s var(--ease-in-out)}.s-contact[data-beat] .email-link span{transition:transform .7s var(--ease-out) .15s}.s-contact[data-beat] .email-link span+span{transition-delay:.22s}.s-contact[data-beat] :is(.s-contact__hint,.github-link){transition:transform .5s var(--ease-spring) .38s}.s-contact[data-beat] .github-link{transition-delay:.44s}.s-contact[data-beat="0"] .s-contact__panel{clip-path:inset(var(--edge,100%) 0 -1px 0 round var(--r) var(--r) 0 0);transition-duration:.5s}.s-contact[data-beat="0"] .email-link span{transition:transform .4s var(--ease-in-out);transform:translate(-100vw)}.s-contact[data-beat="0"] .email-link span+span{transition-delay:0s;transform:translate(100vw)}.s-contact[data-beat="0"] :is(.s-contact__hint,.github-link){transition:transform .3s var(--ease-in-out);transform:translateY(160%)scale(.4)}.s-contact[data-jump] :is(.s-contact__panel,.email-link span,.s-contact__hint,.github-link){transition:none}}.s-footer{background:var(--blue);color:var(--paper);overflow:hidden;container-type:inline-size}.s-footer :focus-visible{outline-color:var(--paper)}.s-footer__biz{font-size:var(--type-small);word-break:keep-all;padding-top:clamp(28px,3vw,40px);font-style:normal;line-height:1.7}.s-footer__biz ul{flex-wrap:wrap;margin:0 0 0 -12px;padding:0;list-style:none;display:flex;overflow-x:clip}.s-footer__biz li{margin-right:12px;padding-left:12px;position:relative}.s-footer__biz li:before{content:"";border-left:1px solid color-mix(in srgb,var(--paper) 50%,transparent);position:absolute;top:.45em;bottom:.45em;left:-1px}.s-footer__nowrap{white-space:nowrap}.s-footer__mail{-webkit-text-decoration:underline 1px color-mix(in srgb,var(--paper) 50%,transparent);text-decoration:underline 1px color-mix(in srgb,var(--paper) 50%,transparent);text-underline-offset:4px;padding-block:10px}.s-footer__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 28px;padding-block:18px;font-size:16px;display:flex}.s-footer__top{min-height:44px;-webkit-text-decoration:underline 1.5px color-mix(in srgb,var(--paper) 50%,transparent);text-decoration:underline 1.5px color-mix(in srgb,var(--paper) 50%,transparent);text-underline-offset:5px;align-items:center;font-weight:700;display:inline-flex}.s-footer__copy{font:500 14px/1.4 var(--mono)}.s-footer__mark{height:.6em;font:800 30.5cqw/.82 var(--display);letter-spacing:-.045em;color:var(--paper);-webkit-user-select:none;user-select:none;justify-content:center;margin-top:clamp(8px,2vw,32px);display:flex}.s-footer__mark span{display:block}@media (prefers-reduced-motion:no-preference){.s-footer__mark span{transform:translateY(calc((1 - clamp(0, var(--rise,1) * 1.8 - var(--i) * .1, 1)) * 100%));transition:transform .35s var(--ease-out)}}@media (hover:hover){.s-footer__top:hover,.s-footer__mail:hover{-webkit-text-decoration-color:var(--paper);text-decoration-color:var(--paper)}}@media (width<=520px){.s-footer__row{padding-block:14px}}.stage[data-stage=choice-info] .ci-card{width:20cqw;height:20cqw;color:var(--tone-muted);place-items:center;display:grid;position:absolute;left:6cqw;overflow:hidden;box-shadow:0 1.6cqw 3.2cqw -1.2cqw #00000073}.stage[data-stage=choice-info] .ci-card--a{opacity:.45;top:6cqw}.stage[data-stage=choice-info] .ci-card--b{color:var(--tone-fg);top:30cqw}.stage[data-stage=choice-info] .ci-card--c{opacity:.45;top:54cqw}.stage[data-stage=choice-info] .ci-bars{justify-items:center;gap:1.4cqw;display:grid}.stage[data-stage=choice-info] .ci-bars i{background:currentColor;border-radius:1.2cqw;width:10cqw;height:2.4cqw;display:block}.stage[data-stage=choice-info] .ci-bars i:nth-child(2){width:6.4cqw}.stage[data-stage=choice-info] .ci-orb{background:currentColor;border-radius:50%;width:9cqw;height:9cqw;position:relative}.stage[data-stage=choice-info] .ci-gem{background:currentColor;border-radius:1.2cqw;width:7cqw;height:7cqw;transform:rotate(45deg)}.stage[data-stage=choice-info] .ci-fill{background:var(--tone-accent);clip-path:circle(75%);position:absolute;inset:0}.stage[data-stage=choice-info] .ci-panel{box-sizing:border-box;background:var(--card);width:62cqw;height:68cqw;color:var(--ink);clip-path:inset(0 round 3.2cqw);border-radius:3.2cqw;flex-direction:column;justify-content:space-between;padding:5.4cqw 5.6cqw 8cqw;display:flex;position:absolute;top:6cqw;left:32cqw;box-shadow:0 2cqw 5cqw -1.6cqw #0000008c}.stage[data-stage=choice-info] .ci-head{letter-spacing:-.03em;white-space:nowrap;border-bottom:.4cqw solid #102a431f;align-items:center;gap:2.4cqw;padding-bottom:4cqw;font-size:6.4cqw;font-weight:800;display:flex}.stage[data-stage=choice-info] .ci-head i{background:var(--coral);border-radius:50%;flex:none;width:5cqw;height:5cqw}.stage[data-stage=choice-info] .ci-bar{transform-origin:0;background:#102a432e;border-radius:1.8cqw;height:3.6cqw;display:block}.stage[data-stage=choice-info] [data-part=bar-1]{background:var(--ink);width:88%}.stage[data-stage=choice-info] [data-part=bar-2]{width:64%}.stage[data-stage=choice-info] [data-part=bar-3]{width:76%}.stage[data-stage=choice-info] .ci-cursor{transform-origin:20.8% 8.3%;top:42.5cqw;left:17.7cqw}.stage[data-stage=txt-convert] .tc-deck{transform-origin:50%;position:absolute;inset:0}.stage[data-stage=txt-convert] .tc-deck>*{position:absolute}.stage[data-stage=txt-convert] .tc-sheet--txt,.stage[data-stage=txt-convert] .tc-copy--txt{width:52cqw;height:68cqw;top:6cqw;left:24cqw}.stage[data-stage=txt-convert] .tc-sheet--txt{opacity:0}.stage[data-stage=txt-convert] .tc-sheet--pdf,.stage[data-stage=txt-convert] .tc-under,.stage[data-stage=txt-convert] .tc-copy--pdf{width:42cqw;height:64cqw;top:8cqw;left:6cqw}.stage[data-stage=txt-convert] .tc-sheet--epub,.stage[data-stage=txt-convert] .tc-copy--epub{width:34cqw;height:66cqw;top:7cqw;left:58cqw}.stage[data-stage=txt-convert] .tc-sheet--epub{border-radius:3.8cqw}.stage[data-stage=txt-convert] .tc-under i{border:.3cqw solid var(--tone-soft);position:absolute;inset:0}.stage[data-stage=txt-convert] .tc-under i:first-child{transform:translate(3.2cqw,3.2cqw)}.stage[data-stage=txt-convert] .tc-under i:last-child{transform:translate(1.6cqw,1.6cqw)}.stage[data-stage=txt-convert] .tc-frame{background:var(--tone-fg);border-radius:6cqw;width:40cqw;height:72cqw;top:4cqw;left:55cqw;box-shadow:0 1.6cqw 4cqw -1.6cqw #102a4366}.stage[data-stage=txt-convert] .tc-seam{background:var(--tone-accent);transform-origin:50% 0;opacity:0;border-radius:1cqw;width:.8cqw;height:68cqw;top:6cqw;left:49.6cqw}.stage[data-stage=txt-convert] .tc-copy{box-sizing:border-box;color:var(--tone-fg);padding:5cqw}.stage[data-stage=txt-convert] .tc-copy .k-display{border-bottom:.4cqw solid var(--tone-soft);padding-bottom:3cqw;font-size:9cqw;display:block}.stage[data-stage=txt-convert] .tc-copy i{opacity:.22;background:currentColor;border-radius:1.4cqw;display:block}.stage[data-stage=txt-convert] .tc-copy--txt{clip-path:inset(0 0 100%)}.stage[data-stage=txt-convert] .tc-copy--txt .k-display{font-size:10cqw}.stage[data-stage=txt-convert] .tc-lines{gap:5cqw;margin-top:5cqw;display:grid;position:relative}.stage[data-stage=txt-convert] .tc-lines i{opacity:.62;height:3cqw}.stage[data-stage=txt-convert] [data-part=type-1]{width:38cqw}.stage[data-stage=txt-convert] [data-part=type-2]{width:30cqw}.stage[data-stage=txt-convert] [data-part=type-3]{width:40cqw}.stage[data-stage=txt-convert] [data-part=type-4]{width:22cqw}.stage[data-stage=txt-convert] [data-part=type-5]{width:34cqw}.stage[data-stage=txt-convert] .tc-caret{background:var(--tone-accent);border-radius:.4cqw;width:1cqw;height:5cqw;position:absolute;top:-1cqw;left:0}.stage[data-stage=txt-convert] .tc-cols{grid-template-columns:1fr 1fr;gap:4cqw;margin-top:6cqw;display:grid}.stage[data-stage=txt-convert] .tc-cols span{gap:5cqw;display:grid}.stage[data-stage=txt-convert] .tc-cols i{height:2.6cqw}.stage[data-stage=txt-convert] .tc-cols span:first-child i:nth-child(3),.stage[data-stage=txt-convert] .tc-cols span:last-child i:last-child{width:60%}.stage[data-stage=txt-convert] .tc-copy--epub{padding:4.4cqw}.stage[data-stage=txt-convert] .tc-copy--epub .k-display{font-size:8cqw}.stage[data-stage=txt-convert] .tc-flow{gap:4.6cqw;margin-top:5.6cqw;display:grid}.stage[data-stage=txt-convert] .tc-flow i{height:3.2cqw}.stage[data-stage=txt-convert] .tc-flow i:nth-child(2){width:84%}.stage[data-stage=txt-convert] .tc-flow i:nth-child(3){width:94%}.stage[data-stage=txt-convert] .tc-flow i:nth-child(4){width:56%}.stage[data-stage=txt-convert] .tc-progress{height:3cqw;position:absolute;bottom:4.4cqw;left:4.4cqw;right:4.4cqw}.stage[data-stage=txt-convert] .tc-progress span{background:var(--tone-soft);border-radius:1cqw;height:.6cqw;position:absolute;top:1.2cqw;left:0;right:0}.stage[data-stage=txt-convert] .tc-progress .k-dot{background:var(--tone-accent);opacity:1;border-radius:50%;width:3cqw;height:3cqw;position:absolute;top:0;left:8cqw}.stage[data-stage=luff-edge] .le-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stage[data-stage=luff-edge] .le-sea{fill:var(--tone-soft)}.stage[data-stage=luff-edge] .le-hull{fill:var(--paper)}.stage[data-stage=luff-edge] .le-wind line{stroke:var(--tone-fg);stroke-width:9px;stroke-linecap:round;opacity:.9}.stage[data-stage=luff-edge] .le-rig{transform-box:view-box;transform-origin:300px 292px;transform:rotate(0)}.stage[data-stage=luff-edge] .le-hoist{transform-box:view-box;transform-origin:290px 280px;transform:scaleY(1)}.stage[data-stage=luff-edge] .le-fill{transform-box:view-box;transform-origin:290px 280px;transform:scaleX(1)}.stage[data-stage=luff-edge] .le-sail{fill:var(--tone-card)}.stage[data-stage=luff-edge] .le-spar{fill:none;stroke:var(--paper);stroke-width:7px;stroke-linecap:round}.stage[data-stage=luff-edge] .le-boom{transform-box:view-box;transform-origin:298px 287px;transform:scaleX(1)}.stage[data-stage=luff-edge] .le-edge{fill:none;stroke:var(--coral);stroke-width:12px;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(1)}.stage[data-stage=luff-edge] .le-glow{fill:none;stroke:var(--coral);stroke-width:12px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;opacity:0;transform:scaleX(1)}.stage[data-stage=luff-edge] .le-mark{fill:var(--coral);stroke:var(--tone-card);stroke-width:5px;transform-box:fill-box;transform-origin:50%;transform:scale(1)}.stage[data-stage=luff] .luff-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stage[data-stage=luff] .luff-ink{fill:var(--ink)}.stage[data-stage=luff] .luff-wind line{stroke:var(--tone-card);stroke-width:9px;stroke-linecap:round;opacity:.85}.stage[data-stage=luff] .luff-trail circle{fill:var(--tone-card)}.stage[data-stage=luff] [data-part=dot-1]{opacity:.45}.stage[data-stage=luff] [data-part=dot-2]{opacity:.55}.stage[data-stage=luff] [data-part=dot-3]{opacity:.65}.stage[data-stage=luff] [data-part=dot-4]{opacity:.75}.stage[data-stage=luff] [data-part=dot-5]{opacity:.85}.stage[data-stage=luff] [data-part=dot-6]{opacity:.95}.stage[data-stage=luff] .luff-boat{transform-box:view-box;transform-origin:0 0;transform:translate(290px,285px)rotate(90deg)translate(-120px)rotate(-90deg)scale(.7)}.stage[data-stage=luff] .luff-wake{transform-box:fill-box;transform-origin:100%;opacity:0;transform:scaleX(0)}.stage[data-stage=luff] .luff-wake path{fill:none;stroke:var(--tone-card);stroke-width:9px;stroke-linecap:round}.stage[data-stage=luff] .luff-boom{transform-box:view-box;transform-origin:0 0;transform:rotate(0)}.stage[data-stage=luff] .luff-boom path{fill:none;stroke:var(--tone-card);stroke-width:14px;stroke-linecap:round}.stage[data-stage=luff] .luff-mast-dot{fill:var(--coral);stroke:var(--tone-card);stroke-width:5px}.stage[data-stage=wordmark] .wm-line,.stage[data-stage=wordmark] .wm-ko-line{justify-content:center;align-items:center;height:0;display:flex;position:absolute;inset-inline:0}.stage[data-stage=wordmark] .wm-line{top:36cqw}.stage[data-stage=wordmark] .wm-ko-line{top:59cqw}.stage[data-stage=wordmark] .wm-word{white-space:nowrap;align-items:center;font-size:19cqw;display:flex}.stage[data-stage=wordmark] .wm-word span{display:block}.stage[data-stage=wordmark] .wm-lab,.stage[data-stage=wordmark] .wm-ko-lab{color:var(--blue)}.stage[data-stage=wordmark] .wm-plus{text-align:center;width:10cqw;color:var(--coral);margin:-8cqw 0 0 -5cqw;font-size:16cqw;line-height:16cqw;position:absolute;top:36cqw;left:54.2cqw;transform:rotate(90deg)scale(0)}.stage[data-stage=wordmark] .wm-ko{letter-spacing:-.03em;font-size:11cqw;line-height:1.2;display:flex;overflow:hidden}.stage[data-stage=wordmark] .wm-ko span{display:block}.stage[data-stage=platforms] .pf-blk{position:absolute;inset:0}.stage[data-stage=platforms] .pf-frame{background:var(--tone-card)}.stage[data-stage=platforms] .pf-bar,.stage[data-stage=platforms] .pf-side{background:var(--tone-soft)}.stage[data-stage=platforms] .pf-hero{background:var(--tone-accent)}.stage[data-stage=platforms] .pf-title{background:var(--tone-fg);opacity:.7}.stage[data-stage=platforms] .pf-line{background:var(--tone-fg);opacity:.24}.stage[data-stage=platforms] .pf-item{background:var(--tone-fg);opacity:.36}.stage[data-stage=platforms] [data-part=frame]{clip-path:inset(3cqw 36cqw 19cqw round 4.5cqw)}.stage[data-stage=platforms] [data-part=bar]{clip-path:inset(3cqw 36cqw 77cqw round 4.5cqw 4.5cqw 0 0)}.stage[data-stage=platforms] [data-part=side]{clip-path:inset(8cqw 64cqw 24cqw 36cqw round 0 0 0 4.5cqw)}.stage[data-stage=platforms] [data-part=item-1]{clip-path:inset(7cqw 55.5cqw 70.6cqw 39.5cqw round 1.2cqw)}.stage[data-stage=platforms] [data-part=item-2]{clip-path:inset(7cqw 47.5cqw 70.6cqw round 1.2cqw)}.stage[data-stage=platforms] [data-part=item-3]{clip-path:inset(7cqw 39.5cqw 70.6cqw 55.5cqw round 1.2cqw)}.stage[data-stage=platforms] [data-part=hero]{clip-path:inset(12cqw 39.5cqw 50cqw round 2cqw)}.stage[data-stage=platforms] [data-part=title]{clip-path:inset(34cqw 44cqw 41.5cqw 39.5cqw round 1.2cqw)}.stage[data-stage=platforms] [data-part=line-a]{clip-path:inset(42cqw 39.5cqw 35.6cqw round 1.2cqw)}.stage[data-stage=platforms] [data-part=line-b]{clip-path:inset(47cqw 46cqw 30.6cqw 39.5cqw round 1.2cqw)}.stage[data-stage=platforms] .pf-mac{opacity:0;gap:1.4cqw;display:flex;position:absolute;top:6.3cqw;left:11cqw}.stage[data-stage=platforms] .pf-mac .k-dot{background:var(--tone-muted)}.stage[data-stage=platforms] .pf-mac .k-dot:first-child{background:var(--tone-accent)}.stage[data-stage=platforms] .pf-web{opacity:0;position:absolute;inset:0}.stage[data-stage=platforms] .pf-tab{background:var(--tone-card);border-radius:1.6cqw 1.6cqw 0 0;width:16cqw;height:7cqw;position:absolute;top:5cqw;left:7cqw}.stage[data-stage=platforms] .pf-url{box-sizing:border-box;background:var(--tone-bg);border-radius:99cqw;align-items:center;width:66cqw;height:4.4cqw;padding:0 1.6cqw;display:flex;position:absolute;top:5.3cqw;left:26cqw}.stage[data-stage=platforms] .pf-url .k-dot{background:var(--tone-muted);width:1.8cqw;height:1.8cqw}.stage[data-stage=platforms] .pf-ios{position:absolute;inset:0}.stage[data-stage=platforms] .pf-outline{box-sizing:border-box;border:.5cqw dashed var(--tone-muted);border-radius:6cqw;width:31.2cqw;height:61.2cqw;position:absolute;top:1.4cqw;left:34.4cqw}.stage[data-stage=platforms] .pf-home{background:var(--tone-fg);opacity:.55;border-radius:1cqw;width:10cqw;height:1.2cqw;position:absolute;top:57.2cqw;left:45cqw}.stage[data-stage=platforms] .pf-name{height:12cqw;position:absolute;top:63.5cqw;left:0;right:0;overflow:hidden}.stage[data-stage=platforms] .pf-name p{display:grid;transform:translateY(-24cqw)}.stage[data-stage=platforms] .pf-name b{height:12cqw;font:800 8cqw/12cqw var(--display);letter-spacing:-.03em;text-align:center;color:var(--tone-fg)}.stage[data-stage=platforms] .pf-name .pf-plan{color:var(--tone-accent)}.stage[data-stage=essentials] .e-card{width:84cqw;height:68cqw;position:absolute;top:6cqw;left:8cqw}.stage[data-stage=essentials] .e-card>*{position:absolute}.stage[data-stage=essentials] .e-tile{background:var(--tone-soft);opacity:0;border-radius:3cqw;place-items:center;width:22cqw;height:27cqw;display:grid}.stage[data-stage=essentials] .e-tile--1,.stage[data-stage=essentials] .e-tile--4{left:5cqw}.stage[data-stage=essentials] .e-tile--2,.stage[data-stage=essentials] .e-tile--5{left:31cqw}.stage[data-stage=essentials] .e-tile--3,.stage[data-stage=essentials] .e-tile--6{left:57cqw}.stage[data-stage=essentials] .e-tile--1,.stage[data-stage=essentials] .e-tile--2,.stage[data-stage=essentials] .e-tile--3{top:5cqw}.stage[data-stage=essentials] .e-tile--4,.stage[data-stage=essentials] .e-tile--5,.stage[data-stage=essentials] .e-tile--6{top:36cqw}.stage[data-stage=essentials] .e-tile--1{transform:translate(26cqw,15.5cqw)rotate(-30deg)scale(0)}.stage[data-stage=essentials] .e-tile--2{transform:translateY(15.5cqw)rotate(0)scale(0)}.stage[data-stage=essentials] .e-tile--3{transform:translate(-26cqw,15.5cqw)rotate(30deg)scale(0)}.stage[data-stage=essentials] .e-tile--4{transform:translate(26cqw,-15.5cqw)rotate(30deg)scale(0)}.stage[data-stage=essentials] .e-tile--5{transform:translateY(-15.5cqw)rotate(0)scale(0)}.stage[data-stage=essentials] .e-tile--6{transform:translate(-26cqw,-15.5cqw)rotate(-30deg)scale(0)}.stage[data-stage=essentials] .e-switch{background:#102a4329;border-radius:99cqw;width:14cqw;height:8cqw;position:relative;overflow:hidden}.stage[data-stage=essentials] .e-fill{background:var(--ink);position:absolute;inset:0}.stage[data-stage=essentials] .e-tile--4 .e-fill{opacity:0}.stage[data-stage=essentials] .e-switch b{background:var(--tone-card);border-radius:50%;width:6.4cqw;height:6.4cqw;position:absolute;top:.8cqw;left:.8cqw;box-shadow:0 .4cqw .8cqw #102a4340}.stage[data-stage=essentials] .e-switch b.is-on{transform:translate(6cqw)}.stage[data-stage=essentials] .e-slider{width:16cqw;height:6.4cqw;position:relative}.stage[data-stage=essentials] .e-slider i{background:#102a4329;border-radius:99cqw;height:2.4cqw;position:absolute;top:2cqw;left:0;right:0}.stage[data-stage=essentials] .e-slider i:before{content:"";border-radius:inherit;background:var(--ink);position:absolute;inset:0 45% 0 0}.stage[data-stage=essentials] .e-slider b{box-sizing:border-box;border:.9cqw solid var(--ink);background:var(--tone-card);border-radius:50%;width:6.4cqw;height:6.4cqw;position:absolute;top:0;left:calc(55% - 3.2cqw)}.stage[data-stage=essentials] .e-grid{grid-template-columns:repeat(2,6.4cqw);gap:1.8cqw;display:grid}.stage[data-stage=essentials] .e-grid i{background:var(--tone-card);border-radius:1.6cqw;height:6.4cqw;display:block;position:relative}.stage[data-stage=essentials] .e-grid i.is-on:after{content:"";background:var(--tone-accent);border-radius:50%;width:2.8cqw;height:2.8cqw;margin:auto;position:absolute;inset:0}.stage[data-stage=essentials] .e-checks{gap:2.4cqw;display:flex}.stage[data-stage=essentials] .e-checks i{box-sizing:border-box;background:var(--tone-card);border:.8cqw solid #102a434d;border-radius:1.4cqw;width:6.4cqw;height:6.4cqw;display:block;position:relative}.stage[data-stage=essentials] .e-checks i.is-on{border-color:var(--ink);background:var(--ink)}.stage[data-stage=essentials] .e-checks i.is-on:after{content:"";border:solid var(--tone-card);border-width:0 .7cqw .7cqw 0;width:1.4cqw;height:2.6cqw;position:absolute;top:.6cqw;left:1.5cqw;transform:rotate(45deg)}.stage[data-stage=essentials] .e-primary{background:var(--ink);width:max-content;color:var(--tone-card);margin:0 auto;padding:3.2cqw 7cqw;font-size:7cqw;font-weight:800;line-height:1.2;top:26.6cqw;left:0;right:0;box-shadow:0 1.6cqw 3.2cqw -1.2cqw #102a4373}.stage[data-stage=essentials] .e-pulse{opacity:0;border-radius:99cqw;position:absolute;inset:-1.6cqw}.stage[data-stage=essentials] .e-cursor{transform-origin:20.8% 8.3%;top:43cqw;left:56.7cqw}.stage[data-stage=refine] .r-card{width:68cqw;height:68cqw;position:absolute;top:6cqw;left:16cqw}.stage[data-stage=refine] .r-row{transform-origin:0;width:40cqw;height:11cqw;position:absolute;left:6cqw}.stage[data-stage=refine] .r-row:first-of-type{top:15cqw}.stage[data-stage=refine] .r-row:nth-of-type(2){top:26cqw}.stage[data-stage=refine] .r-row:nth-of-type(3){top:37cqw}.stage[data-stage=refine] .r-check{box-sizing:border-box;border:.8cqw solid #102a4347;border-radius:50%;width:6.5cqw;height:6.5cqw;position:absolute;top:2.25cqw;left:0}.stage[data-stage=refine] .r-check.is-done{border-color:var(--blue);background:var(--blue)}.stage[data-stage=refine] .r-bar{background:#102a4338;border-radius:1.5cqw;height:3cqw;position:absolute;top:4cqw;left:10cqw}.stage[data-stage=refine] .r-row:first-of-type .r-bar{width:28cqw}.stage[data-stage=refine] .r-row:nth-of-type(2) .r-bar{width:24cqw}.stage[data-stage=refine] .r-row:nth-of-type(3) .r-bar{width:20cqw}.stage[data-stage=refine] .r-fill{background:var(--blue);clip-path:inset(47cqw 0 0 round 5.5cqw);width:56cqw;height:58cqw;position:absolute;top:4cqw;left:6cqw}.stage[data-stage=refine] .r-label{width:56cqw;height:11cqw;color:var(--tone-card);justify-content:center;align-items:center;font-size:6.5cqw;font-weight:700;display:flex;position:absolute;top:51cqw;left:6cqw}.stage[data-stage=refine] .r-burst{box-sizing:border-box;border:.9cqw solid var(--blue);opacity:0;border-radius:5.5cqw;width:56cqw;height:11cqw;position:absolute;top:51cqw;left:6cqw}.stage[data-stage=refine] .r-cursor{transform-origin:20.8% 8.3%;width:9cqw;height:9cqw;top:62.25cqw;left:58.125cqw}