.studio-hero{padding:62px 0 82px;gap:65px;grid-template-columns:1fr 1fr}.studio-hero .hero-copy{align-self:center}.studio-hero h1{font-size:clamp(40px,4.4vw,61px);letter-spacing:-.045em;line-height:1.05}.studio-hero .hero-copy p{font-size:17px}.studio-hero .hero-art{min-height:490px;padding:55px 28px 55px 26px;isolation:isolate}.studio-hero .hero-photo{height:355px;border-radius:5px;transform:rotate(-4deg);border:7px solid white;box-shadow:0 8px 28px #6c2b4115;width:92%;margin-left:auto;object-fit:cover}.studio-hero .hero-art:hover .hero-photo{transform:rotate(-3deg)}.collage-photo{position:absolute;width:145px;height:165px;object-fit:cover;border:7px solid #fff;box-shadow:0 7px 23px #6c2b4119;z-index:3;border-radius:3px}.collage-0{top:0;right:0;transform:rotate(9deg);animation:collage-bob 9s ease-in-out infinite}.collage-1{bottom:5px;left:0;transform:rotate(-9deg);animation:collage-bob-two 10s ease-in-out -3s infinite}.studio-thread{position:absolute;inset:-5px -15px;width:calc(100% + 30px);height:100%;z-index:0;pointer-events:none}.studio-hero .hero-photo{z-index:1}.studio-hero:after{content:'';grid-column:1/-1;display:block;height:1px;background:#fec7c8;margin-top:5px}.studio-offers{padding:0 0 35px}.studio-offers>h2{font-size:40px;max-width:720px;margin-bottom:26px}.studio-offers .offer-grid{display:flex;flex-direction:column;gap:0}.studio-offers .offer{display:grid;grid-template-columns:110px 1fr 300px;align-items:center;gap:26px;padding:20px 0;border-bottom:1px solid #fec7c8;text-align:left;transition:padding .25s}.studio-offers .offer:hover{padding-left:10px}.studio-offers .offer-shape{width:90px;height:90px}.studio-offers .offer-shape img{width:100%;height:100%;opacity:.8}.offer-number{position:relative;font:500 30px 'Bodoni Moda',serif;color:#fff}.studio-offers .offer>h3{font:500 39px/1.2 'Bodoni Moda',serif;color:#6c2b41;margin:0}.studio-offers .offer .button{margin:0;justify-self:end;text-align:center;font-size:10px;max-width:285px;background:transparent;color:#6c2b41;border-radius:0;padding:13px 0 13px 10px;transition:color .2s;gap:16px}.studio-offers .offer .button:hover{color:#ff3292;transform:none}.studio-offers .offer .button span{font-size:27px;color:#ff3292}.intro{margin-left:136px;max-width:850px}.benefits-section>.benefits-layout{grid-template-columns:1fr 1.15fr}.benefit-photo img{border-radius:4px;transform:rotate(-2deg);border:7px solid #fff;box-shadow:0 7px 22px #6c2b4110;height:460px}.benefit-num{border-radius:0;background:transparent;color:#ff3292;font-family:'Bodoni Moda',serif;font-size:23px}.process{border-radius:4px;border-left:4px solid #abc4aa}.idea{padding-top:46px;border-top:0}.idea>h2{font-size:46px}.idea>p{font-size:29px;max-width:870px}.idea:after{content:'';width:80px;height:60px;background:url('../assets/studio-thread.svg') center/cover no-repeat;animation:star-float 9s ease-in-out infinite;right:12px;top:100px}.idea-gallery{gap:24px;border-top:1px dashed #abc4aa;margin-top:48px;padding-top:15px}.idea-card{border:0;border-radius:0;background:transparent;box-shadow:none!important;overflow:visible}.idea-card-visual,.idea-card:nth-child(2) .idea-card-visual,.idea-card:nth-child(4) .idea-card-visual{background:transparent;border-radius:0;transform:rotate(-3deg)}.idea-card:nth-child(even) .idea-card-visual{transform:rotate(3deg)}.idea-card-visual img{height:190px}.idea-card-copy{padding:12px 8px 19px}.idea-card h3{font-size:27px}.idea-card-link{border-top:1px solid #fec7c8;padding-top:15px}.idea-card:hover{transform:translateY(-5px)}.contact{border-radius:5px;border:1px solid #fec7c8;background:#fef0f0}.hero:not(.studio-hero) .hero-photo{border-radius:6px;transform:rotate(-2deg);border:7px solid #fff;box-shadow:0 7px 22px #6c2b4112}.hero:not(.studio-hero) .hero-spark{font-size:57px}.workshop{border-radius:5px}.workshop img{border-radius:0}.photo-card img,.blog-card img{border-radius:5px}.guarantee{border-radius:6px}.section-mark{font-size:38px}footer .footer-inner{padding-top:8px}@keyframes collage-bob{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-8px) rotate(6deg)}}@keyframes collage-bob-two{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-6px) rotate(-5deg)}}
@media(max-width:1000px){.studio-hero{gap:32px}.studio-hero .hero-art{padding:60px 10px 50px;min-height:450px}.studio-hero .hero-photo{height:320px}.collage-photo{width:125px;height:145px}.studio-offers .offer{grid-template-columns:85px 1fr 245px;gap:20px}.studio-offers .offer>h3{font-size:33px}.studio-offers .offer .button{font-size:9px}.studio-offers .offer-shape{width:78px;height:78px}.intro{margin-left:105px}.idea-card-visual img{height:170px}}
@media(max-width:760px){.studio-hero{padding:35px 0 34px;grid-template-columns:1fr;gap:25px}.studio-hero h1{font-size:39px;letter-spacing:-.035em}.studio-hero .hero-copy p{font-size:16px}.studio-hero .hero-art{min-height:370px;max-width:480px;padding:42px 16px 50px 20px;margin:0 auto}.studio-hero .hero-photo{height:270px;width:88%;border-width:5px}.collage-photo{width:105px;height:120px;border-width:5px}.collage-0{right:5px}.collage-1{left:6px;bottom:2px}.studio-thread{inset:0;width:100%}.studio-hero:after{margin-top:8px}.studio-offers>h2{font-size:31px}.studio-offers .offer{grid-template-columns:66px minmax(0,1fr);gap:8px 15px;padding:18px 0}.studio-offers .offer:hover{padding-left:0}.studio-offers .offer-shape{width:62px;height:62px;grid-row:1/3}.offer-number{font-size:24px}.studio-offers .offer>h3{font-size:29px}.studio-offers .offer .button{grid-column:2;justify-self:start;font-size:9px;padding:4px 0 0;text-align:left;max-width:100%;gap:13px}.studio-offers .offer .button span{font-size:21px}.intro{margin-left:0}.benefits-section>.benefits-layout{grid-template-columns:1fr}.benefit-photo img{height:300px;transform:rotate(-1deg)}.idea>h2{font-size:34px}.idea>p{font-size:25px}.idea:after{display:none}.idea-gallery{margin-top:30px;gap:20px 16px;padding-top:15px}.idea-card-visual img{height:145px}.idea-card-copy{padding:10px 3px 16px}.idea-card h3{font-size:24px}.idea-card-link{padding-top:12px}.contact{padding:27px 23px}.process{padding:27px 23px}.hero:not(.studio-hero) .hero-photo{border-width:5px}}
@media(max-width:390px){.studio-hero h1{font-size:35px}.idea-gallery{grid-template-columns:1fr}.idea-card{grid-template-columns:42% 58%}.idea-card-visual img{height:135px}.idea-card-copy{padding:14px 6px 14px 15px}.idea-card h3{font-size:24px}.idea-card-link{padding-top:9px}.studio-offers .offer>h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
