.eric-cui-case-module__IoMxHG__case{--paper:#eeeae4;--table:#ded8cf;--navy:#242f45;--slate:#4e5864;--line:#8c93a3;--stone:#d1cac0;--mist:#9aa3b8;--gutter:clamp(20px, 5vw, 72px);--case-ink:var(--navy);background:var(--paper);color:var(--navy);font-family:var(--font-sans)}.eric-cui-case-module__IoMxHG__case em{color:var(--slate);font-style:normal}.eric-cui-case-module__IoMxHG__head{max-width:1440px;padding:118px var(--gutter) clamp(52px, 6vw, 96px);margin:0 auto}.eric-cui-case-module__IoMxHG__headTop{letter-spacing:.1em;text-transform:uppercase;color:var(--slate);justify-content:space-between;gap:20px;font-size:12px;display:flex}.eric-cui-case-module__IoMxHG__headMain{justify-content:space-between;align-items:flex-end;gap:48px;margin-top:clamp(64px,9vw,140px);display:flex}.eric-cui-case-module__IoMxHG__headMain .eric-cui-case-module__IoMxHG__label{margin-bottom:clamp(24px,3vw,40px)}.eric-cui-case-module__IoMxHG__head h1{letter-spacing:-.055em;font-size:clamp(46px,8vw,136px);font-weight:600;line-height:.98}.eric-cui-case-module__IoMxHG__case:lang(zh) .eric-cui-case-module__IoMxHG__head h1{letter-spacing:-.02em;line-height:1.15}.eric-cui-case-module__IoMxHG__headMark{flex:none;width:clamp(120px,13vw,200px);height:auto;margin-bottom:10px}.eric-cui-case-module__IoMxHG__hero{margin:0}.eric-cui-case-module__IoMxHG__hero picture{display:block}.eric-cui-case-module__IoMxHG__hero img{width:100%;height:auto;display:block}.eric-cui-case-module__IoMxHG__hero figcaption,.eric-cui-case-module__IoMxHG__finale figcaption{padding:16px var(--gutter) 0;letter-spacing:.04em;color:var(--slate);font-size:12px}.eric-cui-case-module__IoMxHG__finale{background:var(--navy)}.eric-cui-case-module__IoMxHG__finale figcaption{color:var(--mist)}.eric-cui-case-module__IoMxHG__label{letter-spacing:.16em;text-transform:uppercase;color:var(--slate);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;display:flex}.eric-cui-case-module__IoMxHG__label span{font-variant-numeric:tabular-nums;color:var(--navy);font-weight:600}.eric-cui-case-module__IoMxHG__label:before{content:"";border:1.5px solid var(--navy);border-bottom:0;width:12px;height:12px}.eric-cui-case-module__IoMxHG__case:lang(zh) .eric-cui-case-module__IoMxHG__label{letter-spacing:.24em}.eric-cui-case-module__IoMxHG__intro{max-width:1440px;padding:clamp(80px, 11vw, 170px) var(--gutter) clamp(40px, 5vw, 80px);grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px clamp(32px,6vw,110px);margin:0 auto;display:grid}.eric-cui-case-module__IoMxHG__facts{gap:20px;margin-top:40px;display:grid}.eric-cui-case-module__IoMxHG__facts div{border-top:1px solid #242f4529;padding-top:12px}.eric-cui-case-module__IoMxHG__facts dt{letter-spacing:.16em;text-transform:uppercase;color:var(--slate);margin-bottom:6px;font-size:11px}.eric-cui-case-module__IoMxHG__facts dd{font-size:16px;line-height:1.5}.eric-cui-case-module__IoMxHG__lede{letter-spacing:-.022em;text-wrap:pretty;font-size:clamp(23px,2.5vw,38px);font-weight:400;line-height:1.42}.eric-cui-case-module__IoMxHG__case:lang(zh) .eric-cui-case-module__IoMxHG__lede{letter-spacing:0;line-height:1.75}.eric-cui-case-module__IoMxHG__scope{flex-wrap:wrap;gap:10px;margin-top:40px;padding:0;list-style:none;display:flex}.eric-cui-case-module__IoMxHG__scope li{border:1px solid #242f453d;padding:9px 16px;font-size:14px}.eric-cui-case-module__IoMxHG__section{max-width:1440px;padding:clamp(90px, 11vw, 170px) var(--gutter) 0;margin:0 auto}.eric-cui-case-module__IoMxHG__chapter{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,6vw,110px);margin-bottom:clamp(44px,6vw,90px);display:grid}.eric-cui-case-module__IoMxHG__chapter .eric-cui-case-module__IoMxHG__label{grid-column:1/-1;margin-bottom:28px}.eric-cui-case-module__IoMxHG__chapter h2{letter-spacing:-.045em;grid-column:1/-1;max-width:14em;scroll-margin-top:120px;font-size:clamp(36px,4.7vw,78px);font-weight:600;line-height:1.02}.eric-cui-case-module__IoMxHG__case:lang(zh) .eric-cui-case-module__IoMxHG__chapter h2{letter-spacing:-.01em;line-height:1.2}.eric-cui-case-module__IoMxHG__body{max-width:640px;color:var(--slate);grid-column:2;margin-top:clamp(24px,3vw,42px);font-size:18px;line-height:1.75}.eric-cui-case-module__IoMxHG__case:lang(zh) .eric-cui-case-module__IoMxHG__body{line-height:1.95}.eric-cui-case-module__IoMxHG__body a{color:var(--navy);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.eric-cui-case-module__IoMxHG__fill{width:100%;height:100%}.eric-cui-case-module__IoMxHG__drawing{aspect-ratio:1800/1100;box-shadow:inset 0 0 0 1px #242f4514}.eric-cui-case-module__IoMxHG__legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px clamp(20px,3vw,44px);margin:clamp(28px,3vw,44px) 0 0;padding:0;list-style:none;display:grid}.eric-cui-case-module__IoMxHG__legend li{border-top:1px solid var(--line);color:var(--slate);padding-top:16px;font-size:15px;line-height:1.65}.eric-cui-case-module__IoMxHG__legend b{border:1.5px solid var(--line);width:26px;height:26px;color:var(--slate);border-radius:50%;place-items:center;margin-bottom:12px;font-size:12px;font-weight:500;display:inline-grid}.eric-cui-case-module__IoMxHG__legend strong{color:var(--navy);margin-bottom:4px;font-weight:600;display:block}.eric-cui-case-module__IoMxHG__board{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin-top:clamp(48px,6vw,90px);display:grid}.eric-cui-case-module__IoMxHG__tileNavy,.eric-cui-case-module__IoMxHG__tilePaper{place-items:center;min-height:clamp(260px,30vw,440px);display:grid}.eric-cui-case-module__IoMxHG__tileNavy{background:var(--navy);grid-column:span 7}.eric-cui-case-module__IoMxHG__tileNavy img{width:min(46%,340px);height:auto}.eric-cui-case-module__IoMxHG__tilePaper{background:#fff;grid-column:span 5;box-shadow:inset 0 0 0 1px #242f4514}.eric-cui-case-module__IoMxHG__tilePaper img{width:min(56%,260px);height:auto}.eric-cui-case-module__IoMxHG__swatches{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);display:grid}.eric-cui-case-module__IoMxHG__swatches>div{letter-spacing:.04em;flex-direction:column;justify-content:space-between;gap:40px;min-height:clamp(150px,15vw,220px);padding:clamp(18px,2vw,30px);font-size:12px;line-height:1.7;display:flex}.eric-cui-case-module__IoMxHG__swatchName{letter-spacing:-.03em;font-size:clamp(20px,1.9vw,30px);font-weight:600}.eric-cui-case-module__IoMxHG__board figcaption{color:var(--slate);grid-column:1/-1;font-size:13px}.eric-cui-case-module__IoMxHG__table{background:var(--table);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(24px,5vw,80px);padding:clamp(32px,7vw,120px) clamp(20px,7vw,120px);display:grid}.eric-cui-case-module__IoMxHG__table figure:last-child{margin-top:clamp(48px,9vw,150px)}.eric-cui-case-module__IoMxHG__card{aspect-ratio:1;position:relative;box-shadow:0 1px 2px #141a281a,0 18px 34px -14px #141a2857,0 50px 90px -40px #141a2861}.eric-cui-case-module__IoMxHG__table figcaption,.eric-cui-case-module__IoMxHG__pair figcaption{color:var(--slate);margin-top:18px;font-size:13px;line-height:1.6}.eric-cui-case-module__IoMxHG__table figcaption span,.eric-cui-case-module__IoMxHG__pair figcaption span{color:var(--navy);margin-right:10px;font-weight:600}.eric-cui-case-module__IoMxHG__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,36px);display:grid}.eric-cui-case-module__IoMxHG__then,.eric-cui-case-module__IoMxHG__now{background:#fff;place-items:center;padding:clamp(24px,5vw,72px);display:grid;box-shadow:inset 0 0 0 1px #242f4514}.eric-cui-case-module__IoMxHG__then img{width:min(100%,376px);height:auto;image-rendering:pixelated}.eric-cui-case-module__IoMxHG__now img{width:min(100%,376px);height:auto;box-shadow:0 18px 34px -18px #141a2866}.eric-cui-case-module__IoMxHG__finale{margin:clamp(90px,11vw,170px) 0 0}.eric-cui-case-module__IoMxHG__finale img{width:100%;height:auto;display:block}.eric-cui-case-module__IoMxHG__footer{background:var(--navy);color:var(--stone);padding:clamp(60px, 8vw, 120px) var(--gutter) clamp(50px, 6vw, 90px)}.eric-cui-case-module__IoMxHG__footer dl{grid-template-columns:1.1fr .6fr 2fr;gap:36px;max-width:1440px;margin:0 auto;display:grid}.eric-cui-case-module__IoMxHG__footer dt{letter-spacing:.16em;text-transform:uppercase;color:var(--mist);margin-bottom:14px;font-size:11px}.eric-cui-case-module__IoMxHG__footer dd{font-size:16px;line-height:1.75}.eric-cui-case-module__IoMxHG__note{color:#d1cac0d1;max-width:1440px;margin:48px auto 0;font-size:13px;line-height:1.9}.eric-cui-case-module__IoMxHG__next{letter-spacing:-.02em;border-top:1px solid #9aa3b859;justify-content:space-between;gap:24px;max-width:1440px;margin:48px auto 0;padding-top:34px;font-size:clamp(24px,2.8vw,42px);font-weight:400;display:flex}.eric-cui-case-module__IoMxHG__case a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:999px){.eric-cui-case-module__IoMxHG__legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:799px){.eric-cui-case-module__IoMxHG__head{padding-top:100px}.eric-cui-case-module__IoMxHG__headTop{font-size:10px}.eric-cui-case-module__IoMxHG__headMain{flex-direction:column-reverse;align-items:flex-start;gap:36px;margin-top:56px}.eric-cui-case-module__IoMxHG__headMark{width:110px;margin-bottom:0}.eric-cui-case-module__IoMxHG__intro,.eric-cui-case-module__IoMxHG__chapter{grid-template-columns:1fr}.eric-cui-case-module__IoMxHG__intro{gap:32px}.eric-cui-case-module__IoMxHG__facts{grid-template-columns:1fr 1fr;gap:18px 16px;margin-top:28px}.eric-cui-case-module__IoMxHG__body{grid-column:1;font-size:17px}.eric-cui-case-module__IoMxHG__board{grid-template-columns:1fr}.eric-cui-case-module__IoMxHG__tileNavy,.eric-cui-case-module__IoMxHG__tilePaper{grid-column:1;min-height:220px}.eric-cui-case-module__IoMxHG__swatches{grid-template-columns:1fr 1fr}.eric-cui-case-module__IoMxHG__table{grid-template-columns:1fr}.eric-cui-case-module__IoMxHG__table figure:last-child{margin-top:0}.eric-cui-case-module__IoMxHG__pair{grid-template-columns:1fr}.eric-cui-case-module__IoMxHG__footer dl{grid-template-columns:1fr 1fr;gap:28px 18px}.eric-cui-case-module__IoMxHG__footer dl>div:last-child{grid-column:1/-1}.eric-cui-case-module__IoMxHG__next{flex-direction:column}}@media (max-width:479px){.eric-cui-case-module__IoMxHG__legend{grid-template-columns:1fr}}