.service-overview{padding:12px 0 72px}.service-overview header{display:flex;align-items:center;gap:28px;margin-bottom:25px}.service-overview header>p{font-size:12px;letter-spacing:.1em}.service-overview h2{font-size:clamp(20px,2vw,28px);margin:0;line-height:1.6}.service-overview header>a{margin-left:auto;font-size:12px}.service-overview__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.service-overview__card{position:relative;background:white;border-radius:16px;padding:25px 22px 44px;text-decoration:none;color:inherit;border:1px solid transparent;transition:border-color .2s,transform .2s}.service-overview__card:hover{border-color:#FD490F;transform:translateY(-3px)}.service-overview__number{font-size:11px;color:#5b656a}.service-overview__card h3{font-size:17px;line-height:1.7;margin:20px 0 10px}.service-overview__card p{font-size:12px;line-height:1.9;margin:0}.service-overview__arrow{position:absolute;right:20px;bottom:15px;color:#FD490F;font-size:22px}

.service-overview{padding:56px 0 0}.service-overview + .clients{margin-top:48px}@media(max-width:1000px){.service-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.service-overview header{display:block}.service-overview header>a{display:inline-block;margin-top:15px}.service-overview__grid{gap:10px}.service-overview__card{padding:18px 14px 40px}.service-overview__card h3{font-size:15px}}@media(prefers-reduced-motion:reduce){.service-overview__card{transition:none}}
.ui-proposal{padding:84px var(--page-gutter);background:#f7f8f6;color:#1c1e1f;scroll-margin-top:100px}.ui-proposal__heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:42px}.ui-proposal__heading h2{font-size:clamp(27px,3vw,42px);line-height:1.6;margin:16px 0 0}.ui-proposal__heading p{font-size:14px;line-height:2}.ui-proposal__badge{display:inline-block;font-size:11px;border:1px solid #b8c2c3;border-radius:30px;padding:6px 14px}.ui-proposal__comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start}.ui-proposal__label{min-height:110px}.ui-proposal__label>span{font:11px/1.5 var(--font-en);letter-spacing:.12em;color:#5c6567}.ui-proposal__label h3{font-size:22px;margin:9px 0 16px;line-height:1.5}.ui-proposal__label h3>span{display:block;font-size:14px;font-weight:500;margin-top:5px}.ui-proposal__column--b .ui-proposal__label>span{color:#b33712}.ui-proposal__caption{font-size:13px;line-height:1.95;margin:20px 0 0}.demo-shop{background:white;container-type:inline-size;border:7px solid white;border-radius:22px;overflow:hidden;box-shadow:0 14px 34px #1c1e1f0b;max-width:360px;margin:0 auto;aspect-ratio:360/635;color:#223c3b;pointer-events:none}.demo-shop__notice{background:#c5d8d0;text-align:center;font-size:2.4cqw;padding:6px;letter-spacing:.08em}.demo-shop__header{display:grid;grid-template-columns:1fr 3.2fr 1fr 1fr;gap:5px;align-items:center;padding:13px 10px;min-height:66px;box-sizing:border-box}.demo-shop__header>span{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.demo-shop__header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.15}.demo-shop__header small{font-size:2.3cqw;white-space:nowrap}.demo-shop__brand{font-family:Georgia,serif;font-size:8cqw;font-weight:400;letter-spacing:.13em;text-align:center;line-height:1}.demo-shop__brand span{display:block;font:1.65cqw/1.5 var(--font-en);letter-spacing:.2em;margin-top:5px}.demo-shop--a .demo-shop__menu:after{content:'';position:absolute;inset:-8px -4px;border:1.5px solid #fd490f;border-radius:5px}.demo-shop__hero{position:relative;height:110cqw;overflow:hidden;background:#e7ded0}.demo-shop__hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}.demo-shop__hero>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#12312c99);color:white;padding:40px 18px 22px}.demo-shop__hero span{font:2.2cqw/1.5 var(--font-en);letter-spacing:.1em}.demo-shop__hero strong{display:block;font-size:6cqw;line-height:1.5;letter-spacing:.04em;margin:6px 0}.demo-shop__hero small{font:2.1cqw var(--font-en);letter-spacing:.13em}.demo-shop__new{text-align:center;padding:18px 8px 12px}.demo-shop__new b{font:3.3cqw var(--font-en);letter-spacing:.13em}.demo-shop__new span{display:block;font-size:2.5cqw;margin-top:6px}.demo-shop__products{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}.demo-shop__products img{width:100%;height:150px;object-fit:cover}.demo-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 8px 12px;background:#f2f5ef;border-block:1.5px solid #b8cec6}.demo-categories>span{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.demo-categories img{display:block;width:16cqw;height:16cqw;object-fit:cover;border-radius:50%;border:2px solid white}.demo-categories b{font-size:2.6cqw;font-weight:500;white-space:nowrap}.demo-crop--tops{object-position:50% 24%;object-fit:cover}.demo-crop--skirts{object-position:50% 74%}.demo-crop--detail{object-position:50% 40%}.demo-categories .demo-crop--tops{object-fit:none;object-position:50% 25%;width:16cqw;height:16cqw}.ui-proposal__outcome{display:grid;grid-template-columns:1fr 1.6fr;gap:44px;border-top:1px solid #bdc7c9;margin-top:44px;padding:32px 0}.ui-proposal__outcome h3{font-size:27px;line-height:1.65;margin:12px 0}.ui-proposal__outcome p{font-size:14px;line-height:2;margin-top:0}.ui-proposal .report-label{font:10px/1.7 var(--font-en);letter-spacing:.12em}.ui-proposal__outcome ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 0}.ui-proposal__outcome li{border-left:2px solid #fd490f;padding:3px 0 3px 13px}.ui-proposal__outcome li span{display:block;font-size:11px;color:#606c6c;margin-bottom:6px}.ui-proposal__outcome li b{font-size:13px}.ui-proposal__perspective{background:#e8eeeb;padding:34px 40px;border-radius:18px;margin-top:6px}.ui-proposal__perspective h3{font-size:26px;line-height:1.6;margin:12px 0 18px}.ui-proposal__perspective>p:not(.report-label){font-size:14px;line-height:2}.ui-proposal__perspective>div{display:flex;align-items:center;gap:20px;margin-top:25px;font-size:12px}.ui-proposal__perspective>div i{font-style:normal;color:#c8441c}.ui-proposal__bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #c5cdce;padding-top:22px;margin-top:30px}.ui-proposal__bottom p{font-size:10px;line-height:1.9;max-width:790px}.ui-proposal__bottom>a{font-size:12px;white-space:nowrap}.ui-report-jump{margin-top:24px;font-size:14px}.ui-report-jump a{display:inline-block;border-bottom:1px solid #89979e;padding:9px 0}.ui-proposal a:focus-visible{outline:3px solid #fd490f;outline-offset:5px}.ui-proposal+section{padding-top:80px!important}
@media(max-width:1000px){.ui-proposal__comparison{gap:20px}.ui-proposal__label h3>span{font-size:12px}.demo-shop__header{min-height:55px;padding:10px 6px}.demo-shop__header svg{width:16px;height:16px}.ui-proposal__bottom{display:block}.ui-proposal__outcome{gap:25px}}
@media(max-width:700px){.ui-proposal{padding-block:55px}.ui-proposal__heading{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.ui-proposal__heading p{font-size:13px}.ui-proposal__comparison{grid-template-columns:1fr;gap:32px}.ui-proposal__column{max-width:360px;margin:auto;width:100%}.ui-proposal__label{min-height:0;margin-bottom:18px}.ui-proposal__label h3>span{font-size:14px;display:inline;margin-left:14px}.ui-proposal__label h3{font-size:21px}.demo-shop{max-width:320px}.demo-shop__header{min-height:64px}.demo-shop__header svg{width:20px;height:20px}.ui-proposal__caption{font-size:13px}.ui-proposal__outcome{grid-template-columns:1fr;gap:10px;margin-top:32px}.ui-proposal__outcome ul{gap:7px}.ui-proposal__outcome li{padding-left:9px}.ui-proposal__outcome li b{font-size:11px}.ui-proposal__perspective{padding:25px 20px}.ui-proposal__perspective h3{font-size:23px}.ui-proposal__perspective>p:not(.report-label){font-size:13px}.ui-proposal__perspective>p br{display:none}.ui-proposal__perspective>div{display:grid;grid-template-columns:1fr auto 1fr;gap:13px 8px}.ui-proposal__perspective>div i:nth-of-type(2){display:none}.ui-proposal__bottom>a{display:inline-block;margin-top:14px}}

.demo-category-photo{display:block;width:16cqw;height:16cqw;border-radius:50%;border:2px solid white;background-image:url(../ui-sample/fashion-editorial.png);background-repeat:no-repeat;background-size:240%;background-position:50% 25%}.demo-category-photo--skirts{background-position:50% 82%;background-size:200%}.demo-category-photo--style{background-size:100%;background-position:50% 45%}.demo-category-photo--detail{background-position:60% 25%;background-size:350%}