@import url('/wp-content/mu-plugins/orderapp-studio/inner/fonts.css');
*{box-sizing:border-box}
html,body{margin:0;background:#fcfbf9;color:#242321;font-family:Manrope,Arial,sans-serif}
body{overflow-x:clip}
h2,h3,p,figure,dl,dd{margin:0}
h2{font-weight:500;letter-spacing:-.055em;line-height:1.1;text-wrap:balance}
h3{font-weight:550;letter-spacing:-.025em;line-height:1.3}
p{font-size:18px;line-height:1.75;color:#706b65}
img{display:block;max-width:100%;height:auto}
.my-case{padding-bottom:32px}
.my-wrap{width:min(1152px,calc(100% - 96px));margin-inline:auto}
.my-panel{margin-inline:24px;border-radius:32px;overflow:clip}
.my-hero{position:relative;background:#f2eee8;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:32px;padding:56px 5%;min-height:660px}
.my-hero-copy{position:relative;z-index:2;max-width:560px}
.my-hero h2{font-size:clamp(52px,6.6vw,88px);letter-spacing:-.065em;margin-bottom:30px;white-space:nowrap}
.my-hero-lead{font-size:clamp(28px,3.1vw,42px);line-height:1.22;letter-spacing:-.045em;color:#242321;margin-bottom:28px;max-width:450px}
.my-hero-copy>p:last-child{max-width:430px}
.my-hero-art{position:relative;display:grid;place-items:center;min-height:548px;isolation:isolate}
.my-orbit{position:absolute;width:560px;height:560px;border-radius:50%;background:#ff5d2e;z-index:-1;right:-126px;top:10px}
.my-orbit:after{content:'';position:absolute;inset:30px;border:1px solid #ffffff59;border-radius:50%}
.my-hero-art .my-device{width:260px;rotate:7deg;filter:drop-shadow(0 22px 24px #54231026)}
.my-note{position:absolute;left:0;bottom:90px;background:#fff7f2;box-shadow:0 10px 30px #6039240d;border:1px solid #e9d7cb;padding:16px 20px;display:flex;align-items:center;gap:14px;font-size:15px;line-height:1.4;border-radius:14px}
.my-check{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ff5d2e;color:#ff5d2e;border-radius:50%;font-size:18px}
.my-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:34px;border-bottom:1px solid #e4ded7}
.my-facts p{font-size:17px;line-height:1.6;color:#48433d}
.my-facts strong{font-weight:550}
.my-section{padding-block:90px}
.my-split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:start}
.my-section h2{font-size:clamp(35px,4.2vw,58px)}
.my-copy p+p{margin-top:22px}
.my-gallery{padding-block:76px;background:#ff5d2e;color:#fffaf5}
.my-gallery .my-copy p{color:#fff4ed}
.my-gallery .my-split{align-items:end;gap:60px}
.my-gallery h2{font-size:clamp(36px,4.5vw,60px)}
.my-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:54px}
.my-grid figure{min-width:0}
.my-grid .my-device{width:236px;margin-inline:auto;filter:drop-shadow(0 22px 25px #66351925)}
.my-gallery .my-grid figure:nth-child(2){padding-top:42px}
.my-gallery .my-grid figure:nth-child(3){padding-top:12px}
.my-grid figcaption{margin-top:28px}
.my-grid h3{font-size:22px;margin-bottom:10px}
.my-grid p{font-size:15px;line-height:1.65}
.my-gallery .my-grid p{color:#fff4ed}
.my-duo{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:50px}
.my-duo h2{max-width:440px;margin-bottom:30px}
.my-duo-art{display:flex;align-items:center;justify-content:center;gap:0;min-width:0}
.my-duo-art .my-artwork{width:59%;max-width:340px;flex:none;position:relative;z-index:2}
.my-duo-art .my-device{width:39%;max-width:220px;flex:none;margin-left:-7%;translate:0 42px;filter:drop-shadow(0 18px 20px #30251b1a)}
.my-feature{padding-block:70px;background:#f1e9df}
.my-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.my-feature .my-artwork{width:100%;max-width:440px;margin-inline:auto}
.my-feature h2{font-size:clamp(36px,4.4vw,60px);margin-bottom:34px;max-width:470px}
.my-steps{display:grid;gap:0}
.my-steps>div{border-top:1px solid #d9cfc2;padding-block:20px}
.my-steps h3{font-size:21px;margin-bottom:8px}
.my-steps p{font-size:16px;line-height:1.65;max-width:430px}
.my-character h2{max-width:510px}
.my-character .my-split{align-items:end}
.my-character .my-grid{gap:24px}
.my-character .my-artwork{height:420px;display:flex;justify-content:center;align-items:end}
.my-character .my-artwork img{width:auto;height:100%;max-width:100%;object-fit:contain}
.my-character figcaption{max-width:310px;margin-inline:auto}
.my-process{background:#f2eee8;padding-block:70px}
.my-process h2{font-size:clamp(36px,4.5vw,60px)}
.my-result{padding-bottom:58px}
.my-result .my-copy{padding-top:4px}
@media(min-width:1500px){.my-hero{padding-inline:8%;min-height:730px}.my-hero-art .my-device{width:292px}.my-hero-art{min-height:620px}.my-orbit{width:630px;height:630px}.my-note{left:12px}}
@media(max-width:1050px){.my-wrap{width:calc(100% - 64px)}.my-hero{padding-inline:36px;gap:20px}.my-hero h2{font-size:clamp(42px,6.4vw,68px)}.my-hero-art .my-device{width:235px}.my-orbit{width:480px;height:480px;right:-180px;top:36px}.my-note{left:-8px;bottom:66px;font-size:13px;padding:12px 15px}.my-split{gap:40px}.my-grid{gap:24px}.my-grid .my-device{width:210px}.my-duo{gap:28px}.my-character .my-artwork{height:350px}.my-feature-grid{gap:34px}}
@media(max-width:767px){.my-panel{margin-inline:12px;border-radius:24px}.my-wrap{width:calc(100% - 40px)}.my-hero{grid-template-columns:1fr;padding:34px 24px 38px;gap:28px;min-height:0}.my-hero h2{font-size:clamp(42px,9.3vw,66px);margin-bottom:22px}.my-hero-lead{font-size:31px;margin-bottom:20px;max-width:320px}.my-hero-copy>p:last-child{font-size:16px}.my-hero-art{min-height:496px}.my-hero-art .my-device{width:220px;rotate:6deg}.my-orbit{width:400px;height:400px;right:-116px;top:50px}.my-note{left:-2px;bottom:34px;padding:12px 14px}.my-facts{grid-template-columns:1fr;gap:10px;padding-block:24px}.my-facts p{font-size:15px}.my-section{padding-block:50px}.my-split{grid-template-columns:1fr;gap:22px}.my-section h2{font-size:36px}.my-copy p{font-size:16px;line-height:1.75}.my-gallery{padding-block:42px}.my-gallery h2{font-size:38px}.my-gallery .my-split{gap:22px}.my-grid{grid-template-columns:1fr;gap:42px;margin-top:36px}.my-grid .my-device{width:238px}.my-gallery .my-grid figure:nth-child(n){padding-top:0}.my-grid figure{max-width:360px;width:100%;margin-inline:auto}.my-grid figcaption{max-width:290px;margin:24px auto 0}.my-grid h3{font-size:23px}.my-grid p{font-size:16px}.my-duo{grid-template-columns:1fr;gap:32px}.my-duo h2{margin-bottom:22px}.my-duo-art{min-height:400px}.my-duo-art .my-artwork{width:66%}.my-duo-art .my-device{width:44%;margin-left:-12%;translate:0 22px}.my-feature{padding-block:44px}.my-feature-grid{display:flex;flex-direction:column;gap:30px}.my-feature-grid>.my-artwork{order:1;max-width:370px}.my-feature h2{font-size:38px;margin-bottom:26px}.my-steps>div{padding-block:18px}.my-character .my-grid{gap:44px}.my-character .my-artwork{height:420px}.my-process{padding-block:42px}.my-process h2{font-size:38px}.my-result{padding-bottom:34px}}
@media(max-width:370px){.my-hero{padding-inline:20px}.my-hero h2{font-size:39px}.my-hero-art .my-device{width:204px}.my-grid .my-device{width:218px}.my-character .my-artwork{height:376px}.my-note{font-size:12px;gap:9px}}