@font-face {font-family:AaCrossHeading;src:url("assets/fonts/AaCrossHeading.woff2") format("woff2");font-weight:400;font-display:swap;}@font-face {font-family:AaCrossNote;src:url("assets/fonts/AaCrossNote.woff2") format("woff2");font-weight:400;font-display:swap;}
.project-two-cross-consistency {position:relative;width:904px;height:702px;margin-left:calc(var(--portfolio-content-left) + 16px);color:rgba(25,22,24,.9);}
.project-two-cross-consistency>header {position:absolute;left:0;top:10px;}.project-two-cross-consistency h2 {margin:0;font:700 24px/31px DouyinSans,sans-serif;}.project-two-cross-consistency header p {margin:10px 0 0;width:713.16px;font:400 14px/22px "PingFang SC",sans-serif;color:#666;}
.cross-heading {position:absolute;top:123.452px;margin:0;font:400 20px/22px AaCrossHeading,sans-serif;}.cross-heading-text {left:95.867px;width:148.326px;}.cross-heading-interaction {left:561.143px;width:102.189px;}
.cross-underline {position:absolute;top:158.32px;width:152.334px;height:5.714px;}.cross-underline-text {left:87.333px;}.cross-underline-interaction {left:532.964px;}
.cross-type-example {position:absolute;left:48.52px;top:182.148px;width:226px;height:440.772px;border-radius:10.512px;background:#f5f5f5;box-shadow:inset 0 0 0 .5px rgba(22,24,35,.2);}
.cross-type-body {position:absolute;left:10.512px;top:7.884px;width:204.977px;height:425.005px;color:#000;font:400 11.169px/17.081px "PingFang SC",sans-serif;}
.cross-type-body p,.cross-type-body h4,.cross-type-body h5,.cross-type-body h6 {position:absolute;left:0;width:100%;margin:0;}
.cross-example-intro {top:0;}.cross-type-body hr {position:absolute;left:0;top:45.249px;width:100%;height:0;border:0;border-top:.657px solid rgba(22,24,35,.12);margin:0;}
.cross-type-body .cross-example-h1 {top:55.498px;font:600 13.14px/19.71px "PingFang SC",sans-serif;}.cross-type-body .cross-example-h2 {top:105.747px;font:600 12.483px/18.725px "PingFang SC",sans-serif;}.cross-type-body .cross-example-h3 {top:134.995px;font:600 11.169px/16.754px "PingFang SC",sans-serif;}
.cross-type-body ol {position:absolute;left:0;top:162.244px;width:100%;margin:0;padding:0 0 0 16.754px;}.cross-type-body li {padding:0;margin:0 0 5.256px;}.cross-type-body li:nth-child(1) {height:52px;}.cross-type-body li:nth-child(2) {height:69px;}.cross-type-body li:nth-child(3) {height:52px;}.cross-example-end {top:356.005px;}
.cross-measure {position:absolute;left:0;width:204.977px;background:rgba(127,108,246,.2);pointer-events:none;}.cross-measure-h1 {top:58.47px;height:35.477px;}.cross-measure-h2 {top:105.773px;height:17.738px;}.cross-measure-h3 {top:133.365px;height:17.738px;}
.cross-measure:not(.cross-measure-list)::after {content:"";position:absolute;left:207.605px;top:0;bottom:.263px;width:.657px;background:#406df4;}.cross-measure:not(.cross-measure-list)::before {content:"";position:absolute;left:205.634px;top:0;width:4.599px;height:100%;border-top:.657px solid #406df4;border-bottom:.657px solid #406df4;}
.cross-measure span {position:absolute;left:208.262px;top:50%;transform:translate(-50%,-50%);padding:1.971px 3.942px;background:#406df4;border-radius:1.971px;font:700 6.57px/8px Inter,"PingFang SC",sans-serif;color:white;white-space:nowrap;z-index:1;}
.cross-measure-list {background:rgba(0,120,232,.2);height:5.256px;}.cross-measure-list span {left:50%;}.cross-measure-list1 {top:212.242px;}.cross-measure-list2 {top:284.51px;}.cross-measure-paragraph {top:341.458px;height:10.249px;}
.cross-screen {position:absolute;display:block;width:180px;height:389.76px;object-fit:cover;border-radius:11.52px;box-shadow:0 0 0 .5px rgba(22,24,35,.2);}.cross-screen-home {left:422.364px;top:190.032px;}.cross-screen-answer {left:624.564px;top:192.904px;}
.cross-note {position:absolute;margin:0;width:70px;font:400 14px/25px AaCrossNote,sans-serif;color:#7f6cf6;}.cross-note-content {left:832.928px;top:361.384px;}.cross-note-product {left:338.164px;top:517.833px;}
.cross-arrow {position:absolute;width:39.833px;height:18.134px;}.cross-arrow-content {left:792.346px;top:346.601px;}.cross-arrow-product {left:431.425px;top:502.385px;}
@media(max-width:1279.98px) {.project-two-cross-consistency {margin-left:280px;}}
/* Preserve the Figma vectors' local geometry and mirrored 15-degree transforms. */
.cross-arrow {width:39.3495px;height:7.52569px;transform-origin:.154px 1.202px;}
.cross-arrow-content {transform:rotate(15deg);}
.cross-arrow-product {transform:matrix(-.9659258,.258819,.258819,.9659258,0,0);}