/* Home-only finish: true type weights, stable card geometry, interaction-led motion. */
/* RawCut's functional preview occupies the emblem area without moving the card. */
.home-page .tile-rawcut .tile-emblem{transition:transform 550ms cubic-bezier(.2,.7,.2,1),opacity 260ms}
.home-page .tile-rawcut .tile-motion{inset:50% 0 auto;height:108px;transform:translateY(-50%);opacity:0}
.home-page .module-tile.tile-rawcut.cut-preview-active .tile-motion{opacity:1;transform:translateY(-50%)}
.home-page .module-tile.tile-rawcut:not(.cut-preview-active) .tile-motion{opacity:0}
.home-page .tile-rawcut.cut-preview-active .tile-emblem{opacity:.08}
.cut-demo{position:relative;padding:0 2px;color:#d8e4f3}
.cut-heading{height:25px;position:relative;margin-bottom:9px}
.cut-heading small,.cut-description small{font-family:inherit;font-size:12px;line-height:1.5;font-weight:600;position:absolute;left:0;top:0}
.cut-heading .cut-badge{left:auto;right:0;font-size:10px;color:#b8c7da;border:1px solid #52637a;padding:1px 5px;border-radius:2px}
.cut-source{height:3px;background:#72849c55;border-radius:1px;margin-bottom:8px}
.cut-track-demo{display:flex;position:relative;height:24px;align-items:center}
.cut-track-demo i{display:block;height:24px;flex:0 0 var(--segment);background:#aebfd6;box-shadow:inset -2px 0 #18202c;border-radius:2px}
.cut-track-demo i:nth-child(1){--segment:18%}.cut-track-demo i:nth-child(2){--segment:12%}
.cut-track-demo i:nth-child(3){--segment:24%}.cut-track-demo i:nth-child(4){--segment:10%}
.cut-track-demo i:nth-child(5){--segment:20%}.cut-track-demo i:nth-child(6){--segment:8%}
.cut-track-demo i:nth-child(7){--segment:8%}
.cut-track-demo .discard{background:repeating-linear-gradient(135deg,#b57f7355 0 3px,#a0746922 3px 6px);outline:1px solid #b9847477;outline-offset:-2px;position:relative}
.cut-track-demo .discard::after{content:'';position:absolute;left:20%;right:20%;top:50%;height:1px;background:#ce9c8a}
.cut-sweep{position:absolute;left:0;top:-4px;bottom:-4px;width:1px;background:#e5c1a9;opacity:0;box-shadow:0 0 7px #e5c1a955}
.cut-description{position:relative;margin-top:12px;height:20px;color:#b5c0ce}
.cut-description small{font-size:11px;font-weight:500;white-space:nowrap;word-break:keep-all}
.cut-after{opacity:0}
.cut-preview-active .cut-track-demo .discard{animation:rawcut-remove 2400ms cubic-bezier(.65,0,.25,1) both}
.cut-preview-active .cut-sweep{animation:rawcut-scan 2400ms ease-in-out both}
.cut-preview-active .cut-before{animation:rawcut-before 2400ms linear both}
.cut-preview-active .cut-after{animation:rawcut-after 2400ms linear both}
@keyframes rawcut-remove{0%,36%{flex-basis:var(--segment);opacity:1;transform:none}53%{flex-basis:var(--segment);opacity:0;transform:translateY(-9px)}86%,100%{flex-basis:0%;opacity:0;transform:translateY(-9px)}}
@keyframes rawcut-scan{0%,12%{left:0;opacity:0}17%{opacity:1}40%{left:100%;opacity:1}46%,100%{left:100%;opacity:0}}
@keyframes rawcut-before{0%,70%{opacity:1}82%,100%{opacity:0}}
@keyframes rawcut-after{0%,82%{opacity:0}100%{opacity:1}}
@media(max-width:700px){
 .cut-heading .cut-badge{display:none}
 .cut-heading small{font-size:11px}
 .cut-track-demo,.cut-track-demo i{height:21px}
 .cut-description small{font-size:10px;white-space:normal;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){
 .cut-preview-active .cut-track-demo .discard{flex-basis:0;opacity:0}
 .cut-preview-active .cut-before{opacity:0}
 .cut-preview-active .cut-after{opacity:1}
}
@font-face{font-family:MRAiCE Home;src:url('/static/assets/Pretendard.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:MRAiCE Home;src:url('/static/assets/Pretendard-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:MRAiCE Home;src:url('/static/assets/Pretendard-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:MRAiCE Home;src:url('/static/assets/Pretendard-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:MRAiCE Home;src:url('/static/assets/Pretendard-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
.home-page{font-family:'MRAiCE Home',Pretendard,sans-serif;font-weight:500}
.home-page .brand,.home-page .wordmark{font-weight:800}
.home-page .nav-switch summary,.home-page .contact-link{font-weight:600;font-size:14px}
.home-title h1{font-weight:800;letter-spacing:-.055em;line-height:1.12}
.hero-signature{font-weight:700;letter-spacing:0}
.home-title p{font-weight:500;color:#c1bfc5;line-height:1.8}
.hero-action{font-size:15px;font-weight:600}
.stage-wordmark{font-family:inherit;font-weight:800;font-size:40px;letter-spacing:-1.8px}
.hero-baseline{font-weight:500;color:#aaa6ad}
.collection-heading{padding:66px 0 30px;gap:24px}
.collection-heading h2{font-weight:700;font-size:32px;letter-spacing:-1.1px;line-height:1.3}
.collection-heading p{color:#aba7b0;font-weight:500}
.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-page .module-tile{min-height:460px;padding:26px 24px 23px;transition:border-color 260ms,box-shadow 260ms;transform:none}
.tile-top{font-weight:600;font-size:14px;gap:10px}
.tile-top .status{font-weight:500;opacity:.8;font-size:12px}
.tile-symbol{position:relative;display:grid;place-items:center;min-height:235px;padding:28px 0 38px}
.tile-emblem{display:grid;place-items:center;transform-origin:50% 55%;transition:transform 550ms cubic-bezier(.2,.7,.2,1)}
.tile-emblem img{width:145px;height:150px;object-fit:contain;transition:none}
.tile-emblem>span{display:block;line-height:1;font-size:145px;transition:none}
.home-page .tile-vibe-rand .tile-emblem>span{transform:rotate(-13deg);font-size:145px}
.home-page .tile-lawfit .tile-emblem>span{font-size:160px}
.home-page .tile-bottom h2{font-family:inherit;font-style:normal;font-weight:700;font-size:33px;letter-spacing:-1px;line-height:1.2;margin:0 0 10px}
.tile-caption{font-size:14px;font-weight:500;line-height:1.6;color:#b6bac3;margin:0 0 24px;min-height:23px}
.tile-totem .tile-caption{color:#b0c4b7}.tile-vibe-rand .tile-caption{color:#edc9c3}.tile-lawfit .tile-caption{color:#bbb5cf}
.explore{font-weight:600;font-size:13px;align-items:center;opacity:1;padding-top:18px}
.explore svg{display:block;width:18px;height:18px;transition:transform 260ms}
.tile-motion{position:absolute;bottom:7px;left:15%;right:15%;height:28px;opacity:0;transform:translateY(4px);transition:opacity 300ms,transform 400ms;pointer-events:none}
.mini-connect{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}
.mini-connect::before{content:'';position:absolute;left:9px;right:9px;height:1px;background:#84af92;transform:scaleX(0);transition:transform 650ms;transform-origin:center}
.mini-connect i{width:9px;height:9px;border:1px solid #9ccfab;border-radius:50%;background:#14251b;position:relative}
.mini-connect i:nth-child(2){width:14px;height:14px;background:#87b68f;border:0}
.mini-wave{display:flex;align-items:center;justify-content:center;gap:7px;height:28px}
.mini-wave i{display:block;width:3px;height:12px;background:#d3a7c0;border-radius:2px;transform-origin:center}
.mini-wave i:nth-child(3n){height:25px}.mini-wave i:nth-child(3n + 1){height:18px}
.mini-document{display:flex;flex-direction:column;justify-content:center;gap:5px;height:28px;margin:0 15%}
.mini-document i{height:2px;width:100%;background:#beb4d2;transform:scaleX(.3);transform-origin:left;transition:transform 500ms}
.mini-document i:nth-child(2){width:85%;transition-delay:80ms}.mini-document i:nth-child(3){width:60%;transition-delay:160ms}
.home-page .module-tile:focus-visible{border-color:var(--gold)}
.home-page .module-tile:focus-visible .tile-emblem{transform:translateY(-7px) scale(1.12)}
.home-page .module-tile:focus-visible .tile-motion{opacity:1;transform:translateY(0)}
.home-page .module-tile:focus-visible .mini-connect::before,.home-page .module-tile:focus-visible .mini-document i{transform:scaleX(1)}
.home-page .module-tile:focus-visible .explore svg{transform:translate(2px,-2px)}
@media(hover:hover) and (pointer:fine){
 .home-page .module-tile:hover{border-color:#858992;box-shadow:inset 0 1px 0 #ffffff0a;transform:none}
 .home-page .tile-totem:hover{border-color:#6f977c}.home-page .tile-vibe-rand:hover{border-color:#d88c7d}.home-page .tile-lawfit:hover{border-color:#8b80a5}
 .home-page .module-tile:hover .tile-emblem{transform:translateY(-7px) scale(1.12)}
 .home-page .module-tile:hover .tile-motion{opacity:1;transform:translateY(0)}
 .home-page .module-tile:hover .explore svg{transform:translate(2px,-2px)}
 .home-page .module-tile:hover .mini-connect::before,.home-page .module-tile:hover .mini-document i{transform:scaleX(1)}
 .home-page .module-tile:hover .mini-wave i{animation:home-wave 850ms ease-in-out 1}
 .home-page .module-tile:hover .mini-wave i:nth-child(even){animation-delay:80ms}
}
.module-tile:focus-visible .mini-wave i{animation:home-wave 850ms ease-in-out 1}
@keyframes home-wave{0%{transform:scaleY(.4)}35%{transform:scaleY(1)}65%{transform:scaleY(.6)}100%{transform:scaleY(1)}}
.home-end>div>p{font-weight:700;font-size:46px;letter-spacing:-1.8px}
.home-end .small-label{font-weight:600}.home-end .end-action>p{font-weight:500;font-size:16px}
.home-page .button{font-weight:600}
@media(max-width:1100px){
 .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-page .module-tile{min-height:435px}
 .tile-symbol{min-height:220px}
}
@media(max-width:700px){
 .header nav{gap:10px}.nav-switch summary{width:72px;padding:0 6px;gap:8px}
 .home-page .brand{font-size:21px}.home-page .contact-link{padding:10px 12px;font-size:13px}
 .home-title h1{font-size:clamp(58px,10vw,70px);letter-spacing:-3px}
 .home-title p{max-width:90%;font-size:16px}.hero-action{font-size:14px}
 .collection-heading{padding:40px 0 24px}.collection-heading h2{font-size:27px;margin-bottom:10px}
 .collection-heading p{font-size:13px;line-height:1.6}
 .module-grid{gap:12px}
 .home-page .module-tile{padding:20px 16px;min-height:370px}
 .tile-top{font-size:12px;gap:8px}.tile-top .status{font-size:11px}
 .tile-symbol{min-height:170px;padding:23px 0 30px}
 .tile-emblem img{width:102px;height:115px}
 .home-page .tile-vibe-rand .tile-emblem>span{font-size:118px}
 .home-page .tile-lawfit .tile-emblem>span{font-size:130px}
 .home-page .tile-bottom h2{font-size:26px;letter-spacing:-.8px;margin-bottom:9px}
 .tile-caption{font-size:13px;line-height:1.6;min-height:42px;margin-bottom:16px}
 .explore{font-size:12px;padding-top:15px}.explore svg{width:16px;height:16px}
 .home-end>div>p{font-size:38px}.home-end .end-action>p{font-size:15px}
}
@media(max-width:360px){
 .home-page .brand{font-size:19px;gap:8px}.home-page .brand img{width:22px}
 .header nav{gap:6px}.nav-switch summary{width:65px}
 .home-page .contact-link{padding:9px;font-size:12px}
 .home-page .module-tile{padding:18px 12px;min-height:355px}
 .home-page .tile-bottom h2{font-size:23px}
 .tile-top{font-size:11px}.tile-top .status{font-size:10px}
 .tile-emblem img{width:92px}.collection-heading h2{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
 .home-page .module-tile:hover .tile-emblem,.home-page .module-tile:focus-visible .tile-emblem,
 .home-page .module-tile:hover .explore svg,.home-page .module-tile:focus-visible .explore svg{transform:none}
 .tile-motion{transform:none}
}


/* Totem: a design reaches a production partner, then becomes a store collection. */
.home-page .tile-totem .tile-emblem{transition:transform 550ms cubic-bezier(.2,.7,.2,1),opacity 260ms}
.home-page .module-tile.tile-totem .tile-motion{inset:50% 0 auto;height:151px;opacity:0;transform:translateY(-50%)}
.home-page .module-tile.tile-totem.goods-preview-active .tile-motion{opacity:1;transform:translateY(-50%)}
.home-page .module-tile.tile-totem:not(.goods-preview-active) .tile-motion{opacity:0}
.home-page .tile-totem.goods-preview-active .tile-emblem{opacity:.06}
.goods-demo{color:#d3e9dc;width:100%}
.goods-heading{position:relative;height:23px}
.goods-heading small{position:absolute;inset:0;font:600 12px/1.5 'MRAiCE Home',Pretendard,sans-serif}
.goods-second,.goods-last{opacity:0}
.goods-scene{display:block;width:100%;height:112px;overflow:visible;stroke:#8dad99;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.goods-design rect{fill:#14271d}
.goods-route{stroke:#b7d8a5;stroke-dasharray:1;stroke-dashoffset:1}
.goods-store{opacity:0}
.goods-store rect{fill:#15241d;stroke:#749582}
.goods-shelf{stroke:#476151}
.goods-shirt,.goods-bag{fill:#d2ded3;stroke:#e1ede2;opacity:0}
.goods-bag{fill:#b9ccbb}
.goods-print{opacity:0}
.goods-description{font-size:11px;line-height:1.5;color:#b4ccbc;word-break:keep-all}
.totem-chapters{position:relative;height:135px}
.totem-chapter{position:absolute;inset:0;opacity:0;visibility:hidden}
.goods-chapter{opacity:1;visibility:visible}
.collab-scene{height:112px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 8px}
.collab-parties{display:flex;align-items:center;justify-content:center;gap:13px;font-size:10px;color:#abc4b4}
.collab-parties i{font-style:normal;color:#d3e9dc}
.offer-letter,.request-brief{position:relative;background:#15241d;border:1px solid #749582;border-radius:5px;text-align:left}
.offer-letter{display:flex;align-items:center;gap:12px;padding:14px 12px}
.offer-letter svg{width:32px;height:28px;flex-shrink:0;stroke:#c2dcbf;stroke-width:1.5;stroke-linejoin:round}
.offer-letter strong,.request-brief strong{display:block;font-size:12px;font-weight:700;line-height:1.5;color:#e1ede2}
.offer-letter span{display:block;font-size:9px;line-height:1.5;color:#abc4b4;margin-top:3px;word-break:keep-all}
.offer-dot{position:absolute;right:9px;top:9px;width:5px;height:5px;border-radius:50%;background:#c2dcbf}
.request-brief{padding:8px 12px}
.request-line{display:flex;align-items:center;gap:7px;font-size:10px;color:#b4ccbc;margin-top:4px}
.request-line i{height:3px;width:16px;border-radius:2px;background:#9abb9f;transform-origin:left}
.request-send{position:absolute;right:12px;bottom:14px;width:27px;height:27px;stroke:#d3e9dc;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.goods-preview-active .goods-chapter{animation:totem-goods 8800ms ease both}
.goods-preview-active .offer-chapter{animation:totem-offer 8800ms ease both}
.goods-preview-active .request-chapter{animation:totem-request 12000ms ease both}
.goods-preview-active .offer-letter{animation:totem-letter 8800ms ease both}
.goods-preview-active .offer-dot{animation:totem-dot 8800ms ease both}
.goods-preview-active .request-line-one i{animation:totem-brief-one 8800ms ease both}
.goods-preview-active .request-line-two i{animation:totem-brief-two 8800ms ease both}
.goods-preview-active .request-send{animation:totem-send 8800ms cubic-bezier(.2,.7,.2,1) both}
@keyframes totem-goods{0%,39%{opacity:1;visibility:visible;transform:none}43%,100%{opacity:0;visibility:hidden;transform:translateY(-5px)}}
@keyframes totem-offer{0%,43%{opacity:0;visibility:hidden;transform:translateY(5px)}47%,68%{opacity:1;visibility:visible;transform:none}72%,100%{opacity:0;visibility:hidden;transform:translateY(-5px)}}
@keyframes totem-request{0%,52.8%{opacity:0;visibility:hidden;transform:translateY(5px)}55.74%,75%{opacity:1;visibility:visible;transform:none}78%,100%{opacity:0;visibility:hidden;transform:translateY(-5px)}}
@keyframes totem-letter{0%,45%{opacity:0;transform:translateX(-12px)}52%,100%{opacity:1;transform:none}}
@keyframes totem-dot{0%,52%{opacity:0;transform:scale(.5)}55%,59%{opacity:1;transform:scale(1)}63%,100%{opacity:0;transform:scale(1)}}
@keyframes totem-brief-one{0%,77%{transform:scaleX(0)}82%,100%{transform:scaleX(1)}}
@keyframes totem-brief-two{0%,82%{transform:scaleX(0)}87%,100%{transform:scaleX(1)}}
@keyframes totem-send{0%,86%{opacity:0;transform:translate(-5px,5px)}91%{opacity:1;transform:none}96%,100%{opacity:1;transform:translate(3px,-3px)}}
.goods-preview-active .goods-design{animation:goods-design 3200ms ease both}
.goods-preview-active .goods-route{animation:goods-link 3200ms ease both}
.goods-preview-active .goods-shirt{animation:goods-shirt 3200ms cubic-bezier(.2,.7,.2,1) both}
.goods-preview-active .goods-bag{animation:goods-bag 3200ms cubic-bezier(.2,.7,.2,1) both}
.goods-preview-active .goods-print{animation:goods-print 3200ms ease both}
.goods-preview-active .goods-store{animation:goods-store 3200ms ease both}
.goods-preview-active .goods-first{animation:goods-first 3200ms linear both}
.goods-preview-active .goods-second{animation:goods-second 3200ms linear both}
.goods-preview-active .goods-last{animation:goods-last 3200ms linear both}
@keyframes goods-design{0%{opacity:0;transform:translateY(6px)}12%,70%{opacity:1;transform:none}100%{opacity:.5;transform:none}}
@keyframes goods-link{0%,18%{stroke-dashoffset:1;opacity:0}24%{opacity:1}40%,70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.4}}
@keyframes goods-shirt{0%,30%{opacity:0;transform:translateX(-17px)}49%,100%{opacity:1;transform:none}}
@keyframes goods-bag{0%,42%{opacity:0;transform:translateX(-17px)}62%,100%{opacity:1;transform:none}}
@keyframes goods-print{0%,48%{opacity:0;transform:translateY(-5px)}67%,100%{opacity:1;transform:none}}
@keyframes goods-store{0%,65%{opacity:0;transform:translateY(7px)}91%,100%{opacity:1;transform:none}}
@keyframes goods-first{0%,22%{opacity:1}31%,100%{opacity:0}}
@keyframes goods-second{0%,25%{opacity:0}34%,64%{opacity:1}73%,100%{opacity:0}}
@keyframes goods-last{0%,70%{opacity:0}83%,100%{opacity:1}}
.network-heading{display:block;max-width:200px;margin:0 auto;height:38px;font-size:13px;font-weight:700;line-height:1.45;text-align:center;word-break:keep-all;color:#e1ede2}
.totem-network{display:block;width:100%;height:97px;overflow:visible}
.totem-network text{font:600 12px 'MRAiCE Home',Pretendard,sans-serif;fill:#c5dccd;text-anchor:middle}
.network-links,.network-spokes{stroke:#83aa90;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.network-spokes{stroke:#557b63;stroke-width:1}
.network-nodes{fill:#c5dccd}
.network-center{opacity:0;transform-box:fill-box;transform-origin:center}
.network-center circle{fill:#15241d;stroke:#83aa90;stroke-width:1.3}
.goods-preview-active .network-chapter{animation:totem-network-reveal 12000ms ease both}
.goods-preview-active .network-links,.goods-preview-active .network-spokes{animation:totem-network-connect 12000ms ease both}
.goods-preview-active .network-center{animation:totem-network-center 12000ms ease both}
.goods-preview-active .goods-description{animation:totem-description-exit 12000ms ease both}
@keyframes totem-network-reveal{0%,79%{opacity:0;visibility:hidden;transform:translateY(5px)}84%,100%{opacity:1;visibility:visible;transform:none}}
@keyframes totem-network-connect{0%,83%{stroke-dashoffset:1}94%,100%{stroke-dashoffset:0}}
@keyframes totem-network-center{0%,89%{opacity:0;transform:scale(.85)}98%,100%{opacity:1;transform:scale(1)}}
@keyframes totem-description-exit{0%,75%{opacity:1}78%,100%{opacity:0}}
@media(max-width:700px){
 .home-page .module-tile.tile-totem .tile-motion{height:131px}
 .goods-heading small{font-size:11px}
 .goods-scene{height:86px}
 .goods-description{font-size:10px}
 .totem-chapters{height:109px}
 .collab-scene{height:86px;gap:5px;padding:0 2px}
 .collab-parties{font-size:9px;gap:5px}
 .offer-letter{padding:9px 7px;gap:6px}
 .offer-letter svg{width:20px;height:22px}
 .offer-letter strong,.request-brief strong{font-size:11px}
 .offer-letter span{font-size:8px}
 .request-brief{padding:6px 8px}
 .request-line{font-size:9px;gap:4px;margin-top:2px}
 .request-line i{width:9px}
 .request-send{width:20px;height:20px;right:6px;bottom:10px}
 .network-heading{height:32px;font-size:11px;max-width:170px}
 .totem-network{height:77px}
 .totem-network text{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .goods-preview-active .goods-first,.goods-preview-active .goods-second{opacity:0}
 .goods-preview-active .goods-last,.goods-preview-active .goods-design,.goods-preview-active .goods-shirt,
 .goods-preview-active .goods-bag,.goods-preview-active .goods-print,.goods-preview-active .goods-store{opacity:1;transform:none}
 .goods-preview-active .goods-route{stroke-dashoffset:0}
 .goods-preview-active .goods-chapter,.goods-preview-active .offer-chapter,.goods-preview-active .request-chapter{opacity:0;visibility:hidden}
 .goods-preview-active .network-chapter{opacity:1;visibility:visible;transform:none}
 .goods-preview-active .network-links,.goods-preview-active .network-spokes{stroke-dashoffset:0}
 .goods-preview-active .network-center{opacity:1;transform:none}
 .goods-preview-active .goods-description{opacity:0}
}