.sm-work-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;padding-block:110px 75px}.sm-work-heading h2{font-size:clamp(36px,3vw,56px)}.sm-work-heading>p{max-width:550px;justify-self:end}
.sm-body img.sm-brand-decor{object-fit:contain}
.sm-brand{position:relative;overflow:hidden;border-radius:40px;padding:80px 0 90px}.sm-brand-stefanel{background:#edf1e6}.sm-brand-tac{background:#e0e9d9;margin-top:18px;margin-bottom:90px}.sm-brand-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;align-items:center;min-height:760px}.sm-brand-tac .sm-brand-art{order:2}.sm-brand-tac .sm-brand-copy{order:1;padding-left:50px}.sm-brand-art{position:relative;isolation:isolate;width:100%;padding:30px 65px 25px 55px}.sm-brand-copy{max-width:560px;position:relative;z-index:2}.sm-brand-copy .eyebrow{margin-bottom:25px}.sm-brand-copy .sm-brand-name{color:#304536;font-size:18px;letter-spacing:.05em;margin-bottom:30px}.sm-brand-stefanel .sm-brand-name{text-transform:uppercase;font-weight:600;letter-spacing:.22em;font-size:23px}.sm-brand-copy h3{font-size:clamp(35px,2.8vw,52px);line-height:1.12;letter-spacing:-.046em;margin-bottom:26px}.sm-brand-copy>p:not(.sm-brand-name){max-width:510px;font-size:16px}.sm-brand-copy .sm-link{margin-top:32px}.sm-service-tags{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 8px}.sm-service-tags li{padding:9px 14px;border:1px solid #c8d4bd;border-radius:30px;color:#49634d;font-size:12px;line-height:1.5;background:#f4f6ed99}
.sm-device-halo{position:absolute;left:-15%;right:-12%;top:13%;bottom:2%;background:radial-gradient(ellipse at 50% 55%,#94ae7e35,transparent 69%);z-index:-1}.sm-brand-tac .sm-device-halo{background:radial-gradient(ellipse at 50% 55%,#7591683d,transparent 69%)}
.sm-phone{position:relative;width:100%;max-width:450px;margin-inline:auto;padding:13px;border-radius:52px;background:linear-gradient(130deg,#fbfcf3,#d9e2c9);border:1px solid #d6dfc9;box-shadow:inset 2px 2px 0 #fff,7px 10px 0 #9db291,15px 28px 38px #4364431a;transform:rotate(-5deg);isolation:isolate}.sm-brand-tac .sm-phone{transform:rotate(5deg);background:linear-gradient(130deg,#f4f6ea,#bfceb1);box-shadow:inset 2px 2px 0 #fbfcf5,7px 10px 0 #829d77,15px 28px 38px #355a3226}.sm-phone-top{height:35px;display:flex;align-items:center;justify-content:center;position:relative}.sm-phone-top>span{display:block;width:62px;height:5px;background:#8ca582;border-radius:5px}.sm-phone-top i{width:7px;height:7px;position:absolute;right:28%;border-radius:50%;background:#a7b998;box-shadow:inset 1px 1px 2px #6f8662}.sm-profile-bar{background:#fafbf4;border-radius:22px 22px 0 0;display:flex;align-items:center;gap:10px;padding:18px 15px;font-size:12px;color:#3d5341}.sm-profile-avatar{width:29px;height:29px;border-radius:50%;border:1px solid #aabe9a;display:grid;place-items:center;font-family:Vastago,Inter,sans-serif}.sm-profile-bar svg{margin-left:auto;width:21px;height:21px}
.sm-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#fcfdf8;position:relative}.sm-feed-post{display:block;aspect-ratio:4/5;overflow:hidden;background:#e1e8d8;position:relative}.sm-feed-post img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.sm-feed-post:hover img{transform:scale(1.045)}.sm-feed-post:focus-visible{outline:3px solid #f0ffc8!important;outline-offset:-4px!important;z-index:2}.sm-phone-bottom{height:66px;background:#fafbf4;border-radius:0 0 26px 26px;display:flex;align-items:flex-start;padding-top:15px;justify-content:space-around;position:relative;color:#6e8465}.sm-phone-bottom svg{width:20px;height:20px}.sm-phone-bottom>span{position:absolute;bottom:8px;left:37%;width:26%;height:4px;border-radius:4px;background:#9caf8c}
.sm-body .sm-brand-decor{position:absolute;z-index:2;stroke:none;pointer-events:none}.sm-body .sm-dress{width:190px;height:230px;right:-28px;bottom:15%;transform:rotate(8deg);filter:drop-shadow(6px 12px 8px #42614012)}.sm-body .sm-crown{width:200px;height:200px;left:-30px;top:13%;transform:rotate(-12deg);filter:drop-shadow(6px 12px 8px #42614012)}
@media(min-width:1921px){.sm-brand-layout{gap:110px}.sm-brand{padding-block:100px}.sm-brand-tac{margin-bottom:110px}}
@media(max-width:1400px){.sm-brand-layout{gap:55px;min-height:650px}.sm-brand-art{padding:25px 40px}.sm-body .sm-dress{width:145px;height:180px;right:-15px}.sm-body .sm-crown{width:155px;height:150px;left:-20px}.sm-brand-tac .sm-brand-copy{padding-left:0}.sm-phone{max-width:400px;border-radius:44px}.sm-brand-copy h3{font-size:39px}.sm-brand-copy>p:not(.sm-brand-name){font-size:15px}}
@media(max-width:1050px){.sm-brand-layout{gap:35px;min-height:540px}.sm-brand-art{padding:15px 27px}.sm-phone{padding:10px;border-radius:38px}.sm-profile-bar{font-size:10px;padding:13px 10px;gap:7px}.sm-profile-avatar{width:24px;height:24px}.sm-phone-top{height:27px}.sm-phone-bottom{height:53px;padding-top:10px}.sm-brand-copy h3{font-size:35px}.sm-body .sm-dress{width:110px;height:145px;right:-10px}.sm-body .sm-crown{width:120px;height:120px;left:-15px}.sm-service-tags{gap:8px}.sm-service-tags li{font-size:11px;padding:7px 11px}}
@media(max-width:899px){.sm-work-heading{padding-bottom:36px}.sm-work-heading h2{font-size:37px}.sm-work-count{font-size:10px;white-space:nowrap}.sm-brand{padding:50px 0 65px;border-radius:28px}.sm-brand-layout{grid-template-columns:1fr;gap:35px;min-height:0}.sm-brand-art{max-width:530px;margin-inline:auto;padding:25px 55px}.sm-brand-copy{max-width:600px;justify-self:center;width:100%}.sm-brand-tac .sm-brand-art{order:0}.sm-brand-tac .sm-brand-copy{order:0}.sm-phone{max-width:390px;padding:12px;border-radius:45px}.sm-profile-bar{font-size:12px;padding:17px 14px}.sm-profile-avatar{width:27px;height:27px}.sm-phone-top{height:30px}.sm-phone-bottom{height:61px;padding-top:13px}.sm-brand-copy .eyebrow{margin-bottom:16px}.sm-brand-copy .sm-brand-name{margin-bottom:20px}.sm-brand-copy h3{font-size:37px;margin-bottom:22px}.sm-brand-copy>p:not(.sm-brand-name){font-size:14px;max-width:590px}.sm-service-tags{margin-top:25px}.sm-service-tags li{font-size:12px;padding:9px 13px}.sm-brand-copy .sm-link{margin-top:23px}.sm-body .sm-dress{width:140px;height:170px;right:-5px}.sm-body .sm-crown{width:145px;height:145px;left:-10px}.sm-brand-tac{margin-bottom:65px}}
@media(max-width:599px){.sm-work-heading h2{font-size:33px}.sm-work-count{display:none}.sm-brand{padding:34px 0 48px}.sm-brand-layout{gap:28px}.sm-brand-art{padding:21px 29px}.sm-phone{padding:9px;border-radius:35px;box-shadow:inset 1px 1px 0 #fff,5px 7px 0 #9db291,10px 20px 28px #4364431a}.sm-brand-tac .sm-phone{box-shadow:inset 1px 1px 0 #fbfcf5,5px 7px 0 #829d77,10px 20px 28px #355a3226}.sm-phone-top{height:24px}.sm-phone-top>span{height:4px;width:45px}.sm-profile-bar{font-size:10px;padding:12px 9px;gap:7px;border-radius:16px 16px 0 0}.sm-profile-avatar{width:23px;height:23px}.sm-profile-bar svg{width:17px;height:17px}.sm-feed{gap:2px}.sm-phone-bottom{height:49px;padding-top:10px;border-radius:0 0 20px 20px}.sm-phone-bottom svg{width:17px;height:17px}.sm-phone-bottom>span{height:3px;bottom:6px}.sm-body .sm-dress{width:96px;height:127px;right:-12px;bottom:16%}.sm-body .sm-crown{width:102px;height:102px;left:-14px;top:11%}.sm-brand-copy h3{font-size:33px}.sm-brand-stefanel .sm-brand-name{font-size:21px}.sm-service-tags li{font-size:11px;padding:8px 12px}}
@media(max-width:360px){.sm-brand-art{padding-inline:24px}.sm-body .sm-dress{width:85px;height:112px}.sm-body .sm-crown{width:89px;height:89px}.sm-work-heading h2,.sm-brand-copy h3{font-size:30px}.sm-profile-bar{font-size:9px}.sm-service-tags li{font-size:10px}}
@media(max-width:1200px){.sm-work-heading{gap:55px;padding-block:85px 60px}}
@media(max-width:899px){.sm-work-heading{grid-template-columns:1fr;gap:25px;padding-block:65px 42px}.sm-work-heading>p{max-width:650px;justify-self:start}}
@media(max-width:360px){.sm-work-heading{padding-block:55px 35px}}
/* Keep all nine client posts unobscured; the decorative objects sit on the frame ends. */
.sm-body .sm-crown{left:-55px}
@media(min-width:1401px) and (max-width:1700px){.sm-body .sm-dress{width:150px;height:190px;right:-58px}.sm-body .sm-crown{width:160px;height:160px;left:-100px}}
@media(max-width:1400px){.sm-body .sm-dress{width:78px;height:104px;right:0;bottom:-44px}.sm-brand-tac .sm-brand-art{padding-top:55px}.sm-body .sm-crown{width:110px;height:76px;left:-8px;top:-8px}}
@media(prefers-reduced-motion:reduce){.sm-feed-post img{transition:none}.sm-feed-post:hover img{transform:none}}