/* Original flat compositions. Motion never carries essential contact information. */
.motion-card{position:relative;isolation:isolate;container-type:inline-size;width:100%;aspect-ratio:1.65;overflow:hidden;box-sizing:border-box;background:var(--mc-bg);color:var(--mc-ink);font-family:NSLibrary,'Malgun Gothic',sans-serif;font-weight:500;line-height:1.35;border-radius:2px;text-align:left;user-select:text}
.motion-card *{box-sizing:border-box}.motion-card .mc-content{position:absolute;inset:0;z-index:2}.motion-card strong,.motion-card b,.motion-card span,.motion-card small{color:inherit}.motion-card strong{font-weight:760;letter-spacing:-.055em}.motion-card span,.motion-card small{display:block}.motion-card [class^=c-],.motion-card [class*=" c-"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.motion-card .c-name{font-size:clamp(18px,7.6cqw,54px);line-height:1.2;display:block}.motion-card .c-role{font-size:clamp(10px,2.5cqw,18px);margin-top:2cqw}.motion-card .c-company{font-size:clamp(11px,2.6cqw,19px);font-weight:700}.motion-card .c-english{font-size:clamp(8px,1.7cqw,13px);letter-spacing:.08em}.motion-card .c-phone,.motion-card .c-email,.motion-card .c-domain{font-size:clamp(9px,2.1cqw,15px);letter-spacing:-.01em}.mc-motion{animation-play-state:paused!important}.motion-card[data-playing=true] .mc-motion{animation-play-state:running!important}
.mc-paper-brand{position:absolute;inset:8% auto auto 7%;display:flex;gap:2cqw;align-items:center;max-width:82%}.mc-paper-brand .c-initial{font-size:3.1cqw;font-weight:800;border:1px solid currentColor;padding:1.3cqw;letter-spacing:-.06em}.mc-paper-brand small{margin-top:.6cqw}.mc-paper-person{position:absolute;left:7%;top:33%;width:65%}.mc-paper-contact{position:absolute;left:7%;bottom:13%;width:60%;line-height:1.65}.mc-paper-note{position:absolute;left:7%;bottom:5%;width:75%;font-size:clamp(8px,1.65cqw,12px)}.mc-paper-waves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;clip-path:polygon(67% 0,100% 0,100% 100%,48% 100%)}.mc-paper-waves path{transform-origin:70% 85%}.mc-wave-a{fill:var(--mc-soft);animation:paperA 14s ease-in-out infinite alternate}.mc-wave-b{fill:var(--mc-main);opacity:.32;animation:paperB 11s ease-in-out infinite alternate}.mc-wave-c{fill:var(--mc-accent);opacity:.4;animation:paperA 17s ease-in-out infinite alternate-reverse}.mc-paper-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
@keyframes paperA{from{transform:translate(0,0) rotate(0)}to{transform:translate(-22px,10px) rotate(-3deg)}}@keyframes paperB{from{transform:translate(15px,-4px)}to{transform:translate(-12px,14px)}}
.mc-signal-brand{position:absolute;top:9%;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:10px}.mc-signal-brand .c-english{max-width:68%;letter-spacing:.16em}.mc-online{font-size:1.6cqw;letter-spacing:.14em;display:flex!important;gap:1cqw;align-items:center}.mc-online i{width:.9cqw;height:.9cqw;min-width:3px;min-height:3px;background:var(--mc-accent);border-radius:50%}.mc-signal-person{position:absolute;left:7%;top:33%;width:66%}.mc-signal-person .c-name{font-weight:570;letter-spacing:-.04em}.mc-signal-contact{position:absolute;right:7%;bottom:10%;width:44%;text-align:right;line-height:1.7}.mc-signal-contact .c-company{font-size:2.2cqw;margin-bottom:1cqw}.mc-signal-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.mc-route{fill:none;stroke:var(--mc-main);stroke-width:1;opacity:.32}.mc-route-beam{fill:none;stroke:var(--mc-accent);stroke-width:2;stroke-dasharray:24 830;animation:routeBeam 8s linear infinite;filter:drop-shadow(0 0 4px var(--mc-accent))}.mc-signal-route circle{fill:var(--mc-accent)}.mc-signal-route .mc-signal-pulse{fill:none;stroke:var(--mc-accent);stroke-width:1;opacity:.4;transform-origin:565px 88px;animation:routePulse 4s ease-out infinite}.mc-signal-grid{position:absolute;inset:0;opacity:.08;background-image:radial-gradient(var(--mc-ink) .5px,transparent .5px);background-size:14px 14px;mask-image:linear-gradient(90deg,transparent 38%,#000)}
@keyframes routeBeam{from{stroke-dashoffset:840}to{stroke-dashoffset:-14}}@keyframes routePulse{0%{transform:scale(.4);opacity:.5}100%{transform:scale(1.8);opacity:0}}
.mc-prism-brand{position:absolute;top:9%;left:15%;right:15%;text-align:center}.mc-prism-brand .c-english{margin-top:1cqw;letter-spacing:.18em}.mc-prism-person{position:absolute;top:37%;left:10%;right:10%;text-align:center}.mc-prism-person .c-name{font-weight:570;letter-spacing:-.06em}.mc-prism-person .c-role{letter-spacing:.12em;font-size:2cqw}.mc-prism-contact{position:absolute;bottom:10%;left:10%;right:10%;text-align:center;display:flex;justify-content:center;gap:3cqw;flex-wrap:wrap}.mc-prism-contact span{font-size:1.9cqw}.mc-prism-film{position:absolute;width:75%;height:140%;top:-20%;pointer-events:none}.film-a{left:-48%;background:linear-gradient(110deg,transparent 35%,var(--mc-main));opacity:.28;transform:rotate(-27deg);animation:filmA 16s ease-in-out infinite alternate}.film-b{right:-51%;background:linear-gradient(240deg,transparent,var(--mc-accent));opacity:.26;transform:rotate(-27deg);animation:filmB 18s ease-in-out infinite alternate}.mc-prism-light{position:absolute;inset:-35%;background:linear-gradient(112deg,transparent 25%,var(--mc-soft) 48%,transparent 70%);opacity:.45;animation:prismLight 15s ease-in-out infinite alternate;pointer-events:none}.mc-prism-lines{position:absolute;inset:0;opacity:.055;background:repeating-linear-gradient(112deg,transparent 0 4px,var(--mc-ink) 4.2px 4.5px);mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}
@keyframes filmA{to{transform:translate(10%,5%) rotate(-22deg)}}@keyframes filmB{to{transform:translate(-8%,-3%) rotate(-33deg)}}@keyframes prismLight{from{transform:translateX(-12%)}to{transform:translateX(18%)}}
.mc-type-top{position:absolute;left:7%;right:7%;top:8%;display:flex;align-items:center;justify-content:space-between;gap:15px}.mc-type-top .c-company{max-width:60%;font-size:2.3cqw}.mc-type-top>span{font-size:1.5cqw;letter-spacing:.12em;white-space:nowrap}.mc-type-person{position:absolute;left:7%;top:31%;width:79%}.mc-type-person .c-name{font-size:10.5cqw;font-weight:830;line-height:1;letter-spacing:-.08em}.mc-type-person .c-role{margin-top:1.6cqw;font-size:2.2cqw}.mc-type-contact{position:absolute;left:7%;bottom:22%;display:flex;gap:3cqw;max-width:88%}.mc-type-contact span{font-size:1.95cqw}.mc-type-ticker{position:absolute;left:0;right:0;bottom:0;height:13%;background:var(--mc-main);color:var(--mc-on-main);overflow:hidden;display:flex;align-items:center}.mc-type-ticker>div{display:flex;align-items:center;gap:5cqw;width:max-content;animation:typeStream 32s linear infinite;will-change:transform}.mc-type-ticker .c-english{font-size:3cqw;letter-spacing:.12em;flex:none}.mc-type-ticker i{font-size:3.8cqw;font-style:normal;color:inherit}.mc-type-dot{position:absolute;right:8%;top:27%;width:9%;aspect-ratio:1;border:1px solid var(--mc-ink);border-radius:50%;overflow:hidden}.mc-type-dot>div{position:absolute;inset:14%;border-radius:50%;background:var(--mc-accent);animation:typeDot 9s ease-in-out infinite alternate}
@keyframes typeStream{to{transform:translateX(-50%)}}@keyframes typeDot{from{transform:translate(-45%,-10%)}to{transform:translate(45%,10%)}}
.mc-aurora-seal{position:absolute;top:10%;left:43%;width:14%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.mc-aurora-seal .c-initial{font-size:3cqw;font-weight:540;letter-spacing:.02em}.mc-aurora-person{position:absolute;left:12%;right:12%;top:42%;text-align:center}.mc-aurora-person .c-name{font-weight:530;font-size:6.7cqw;letter-spacing:.1em}.mc-aurora-person .c-role{font-size:1.9cqw;letter-spacing:.18em;margin-top:1.4cqw}.mc-aurora-contact{position:absolute;left:7%;right:7%;bottom:9%;display:flex;align-items:flex-end;justify-content:space-between;gap:3cqw}.mc-aurora-contact>div{max-width:48%;line-height:1.6}.mc-aurora-contact>div:last-child{text-align:right}.mc-aurora-contact .c-company{font-size:2.1cqw}.mc-aurora-contact .c-english{font-size:1.4cqw;letter-spacing:.06em}.mc-aurora-contact .c-phone,.mc-aurora-contact .c-domain{font-size:1.9cqw}.mc-aurora-light{position:absolute;inset:-70%;background:conic-gradient(from 80deg at 45% 55%,transparent,var(--mc-main),transparent 18%,var(--mc-accent) 22%,transparent 34%,var(--mc-soft) 58%,transparent 70%);opacity:.22;filter:blur(24px);animation:auroraLight 22s ease-in-out infinite alternate}.mc-aurora-weave{position:absolute;inset:0;opacity:.13;background-image:repeating-linear-gradient(92deg,transparent 0 2px,var(--mc-soft) 2px 2.7px),repeating-linear-gradient(2deg,transparent 0 4px,var(--mc-main) 4px 4.5px)}.mc-aurora-glow{position:absolute;inset:8%;border:1px solid var(--mc-soft);opacity:.24;pointer-events:none}
@keyframes auroraLight{from{transform:translate(-5%,-4%) rotate(-8deg)}to{transform:translate(6%,3%) rotate(18deg)}}
@media(prefers-reduced-motion:reduce){.motion-card:not([data-motion-override=true]) .mc-motion{animation:none!important;will-change:auto!important}}
@media print{.motion-card .mc-motion{animation:none!important;will-change:auto!important}.motion-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
