@font-face{font-family:Biro Script;src:url(/cdn/shop/files/Biro_Script_reduced.woff2?v=1782939350) format("woff2");font-weight:400;font-style:normal;font-display:swap}.solvi-book-hero{--solvi-forest: #274827;--solvi-warm-white: #faf7f2;position:relative;overflow:visible;color:var(--solvi-forest);background:transparent}.solvi-book-hero *,.solvi-book-hero *:before,.solvi-book-hero *:after{box-sizing:border-box}.solvi-book-hero__inner{display:flex;justify-content:center;padding:clamp(18px,3vw,36px) 0}.solvi-book-hero__book.section-container{position:relative;display:grid;isolation:isolate;width:min(var(--solvi-section-width, calc(100% - clamp(20px, 3vw, 56px)) ),var(--solvi-section-max, 2200px));max-width:var(--solvi-section-max, 2200px);margin:0 auto;overflow:hidden;background:linear-gradient(rgba(39,72,39,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,72,39,.04) 1px,transparent 1px),linear-gradient(180deg,#ffffff8a,#ffffff1f),#faf7f2b8;background-size:22px 22px,22px 22px,auto,auto;border:1px solid rgba(255,255,255,.74);border-radius:var(--solvi-section-radius, clamp(32px, 3vw, 40px));box-shadow:0 20px 58px #2748271a,inset 0 1px #ffffffb8}.solvi-book-hero__sketches{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border-radius:inherit;pointer-events:none}.solvi-book-hero__sketch{position:absolute;top:var(--sketch-y, 50%);left:var(--sketch-x, 50%);width:min(var(--sketch-size, 160px),45%);opacity:var(--sketch-opacity, .75);transform:translate(-50%,-50%) rotate(var(--sketch-rotation, 0deg));transform-origin:center}.solvi-book-hero__sketch img{display:block;width:100%;height:auto}.solvi-book-hero__copy{position:relative;z-index:2;min-width:0}.solvi-book-hero__copy-content{position:relative;z-index:2}.solvi-book-hero h1{margin:0;color:var(--solvi-forest);font-family:"TAY Bea",var(--font-heading-family, Georgia, "Times New Roman", serif);font-weight:700;letter-spacing:-.035em;line-height:.98}.solvi-book-hero__heading-line{display:block}.solvi-book-hero__heading-line--middle{margin-top:.03em}.solvi-book-hero__heading-line--script{display:flex;align-items:baseline;gap:.28em;color:var(--solvi-forest);font-family:Biro Script,Adobe Handwriting,cursive;font-weight:400;letter-spacing:.02em;line-height:.84}.solvi-book-hero__heading-line--script em,.solvi-book-hero__heading-line--script span{font:inherit}.solvi-book-hero__subheading{margin:0;max-width:31em;color:#274827e0;font-family:var(--font-body-family, "Poppins", Arial, sans-serif);font-size:clamp(17px,1.2vw,22px);font-weight:400;line-height:1.38}.solvi-book-hero__photo-card{position:relative;z-index:2;width:100%;min-width:0;max-width:100%;padding:clamp(14px,1.4vw,22px) clamp(14px,1.4vw,22px) clamp(74px,6.2vw,122px);background:#ffffffe0;border:1px solid rgba(39,72,39,.1);border-radius:clamp(22px,2vw,32px);box-shadow:0 18px 38px #2748271f,inset 0 1px #ffffffe0;transform:rotate(-.45deg)}.solvi-book-hero__photo-window{position:relative;overflow:hidden;aspect-ratio:1.42 / 1;border-radius:clamp(15px,1.3vw,22px);background:#faf7f2d1}.solvi-book-hero__photo-window>img,.solvi-book-hero__photo-placeholder{display:block;width:100%;height:100%;object-fit:cover}.solvi-book-hero__photo-placeholder{display:grid;place-items:center;min-height:260px;color:#2748278f;font-family:Biro Script,Adobe Handwriting,cursive;font-size:clamp(30px,5vw,54px)}.solvi-book-hero__polaroid-caption{position:absolute;right:9%;bottom:clamp(18px,2.8vw,46px);left:9%;margin:0;color:var(--solvi-forest);font-family:Biro Script,Adobe Handwriting,cursive;font-size:clamp(38px,4vw,66px);line-height:.95;text-align:center;transform:rotate(-1.2deg)}.solvi-book-hero__strips{position:relative;z-index:5;display:grid;width:min(100%,450px);gap:4px}.solvi-book-hero__strip{--strip-direction: 1;--strip-label-direction: 1;--strip-arrow-direction: 1;--strip-label-shift: 0px;--strip-arrow-shift: 0px;position:relative;display:flex;min-width:0;min-height:clamp(62px,5vw,76px);align-items:center;justify-content:space-between;gap:16px;padding:13px 50px 15px 64px;overflow:hidden;color:var(--solvi-forest);font-family:Biro Script,Adobe Handwriting,cursive;font-size:clamp(27px,2.2vw,36px);font-weight:400;line-height:.92;letter-spacing:0;text-decoration:none;background-color:transparent;background-image:var( --scent-strip-image, linear-gradient(90deg, rgba(255, 250, 242, .5), rgba(255, 250, 242, .98) 20%) );background-repeat:no-repeat;background-position:center;background-size:100% 100%;filter:drop-shadow(0 10px 14px rgba(39,72,39,.12));transform:rotate(var(--strip-tilt, 0deg));transform:rotate(var(--strip-tilt, 0deg)) scaleX(var(--strip-direction));animation:solvi-strip-arrive .68s cubic-bezier(.22,1,.36,1) backwards;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:filter .18s ease,transform .18s ease}.solvi-book-hero__strip:nth-child(1){animation-delay:80ms}.solvi-book-hero__strip:nth-child(2){animation-delay:.18s}.solvi-book-hero__strip:nth-child(3){animation-delay:.28s}.solvi-book-hero__strip-label,.solvi-book-hero__strip:after{position:relative;z-index:2;transition:transform .18s ease}.solvi-book-hero__strip:before{content:"";position:absolute;top:13%;right:8%;bottom:13%;left:13%;z-index:1;background:radial-gradient(ellipse at center,rgba(188,225,230,.72),rgba(188,225,230,.34) 55%,transparent 78%);border-radius:999px;opacity:0;pointer-events:none;transform:scale(.68);transition:opacity .16s ease,transform .22s ease}.solvi-book-hero__strip:after{content:"\2192";flex:0 0 auto;font-family:Arial,sans-serif;font-size:19px;font-weight:400;line-height:1;transform:translate(var(--strip-arrow-shift)) scaleX(var(--strip-arrow-direction))}.solvi-book-hero__strip-label{display:block;min-width:0;max-width:none;color:var(--solvi-forest);font:inherit;text-align:left;white-space:nowrap;transform:translate(var(--strip-label-shift)) scaleX(var(--strip-label-direction))}.solvi-book-hero__strip:focus-visible{outline:2px solid var(--solvi-forest);outline-offset:3px}.solvi-book-hero__strip:focus-visible:before{opacity:.4;transform:scale(1)}.solvi-book-hero__strip:active{filter:drop-shadow(0 10px 14px rgba(39,72,39,.12));transform:rotate(var(--strip-tilt, 0deg)) scaleX(var(--strip-direction));transition-duration:70ms}.solvi-book-hero__strip:active:before{opacity:0;transform:scale(.68);transition-duration:70ms}.solvi-book-hero__strip:active .solvi-book-hero__strip-label{transform:translate(var(--strip-label-shift)) scaleX(var(--strip-label-direction))}.solvi-book-hero__strip:active:after{transform:translate(var(--strip-arrow-shift)) scaleX(var(--strip-arrow-direction))}.solvi-book-hero__pencil-img{position:relative;z-index:7;display:block;width:clamp(92px,11vw,170px);height:auto;pointer-events:none;filter:drop-shadow(0 18px 20px rgba(39,72,39,.18))}@keyframes solvi-strip-arrive{0%{opacity:0;transform:translateY(14px) rotate(var(--strip-tilt, 0deg));transform:translateY(14px) rotate(var(--strip-tilt, 0deg)) scaleX(var(--strip-direction))}to{opacity:1;transform:translateY(0) rotate(var(--strip-tilt, 0deg));transform:translateY(0) rotate(var(--strip-tilt, 0deg)) scaleX(var(--strip-direction))}}@media(hover:hover)and (pointer:fine){.solvi-book-hero__strip:hover{color:var(--solvi-forest);filter:brightness(1.025) drop-shadow(0 16px 22px rgba(39,72,39,.18));transform:translateY(-2px) rotate(var(--strip-tilt, 0deg));transform:translateY(-2px) rotate(var(--strip-tilt, 0deg)) scaleX(var(--strip-direction))}.solvi-book-hero__strip:hover:before{opacity:.2;transform:scale(1)}.solvi-book-hero__strip:hover .solvi-book-hero__strip-label{transform:translate(3px);transform:translate(calc(var(--strip-label-shift) + 3px)) scaleX(var(--strip-label-direction))}.solvi-book-hero__strip:hover:after{transform:translate(5px);transform:translate(calc(var(--strip-arrow-shift) + 5px)) scaleX(var(--strip-arrow-direction))}}@media screen and (min-width:990px){.solvi-book-hero__book.section-container{min-height:clamp(640px,52vw,860px);grid-template-columns:minmax(560px,.92fr) minmax(520px,.86fr);grid-template-columns:minmax(0,.92fr) minmax(0,.86fr);align-items:center;column-gap:clamp(40px,4.5vw,88px);margin:clamp(-28px,-1.5vw,-18px) auto 0;padding:clamp(52px,5vw,86px) clamp(70px,6vw,116px)}.solvi-book-hero__copy{display:flex;flex-direction:column;align-self:center;width:min(100%,850px);margin-top:clamp(-28px,-1.6vw,-12px)}.solvi-book-hero h1{max-width:8.2em;font-size:clamp(60px,4.35vw,92px)}.solvi-book-hero__heading-line--main{max-width:8.2em}.solvi-book-hero__heading-line--script{margin-top:.04em;font-size:clamp(54px,4vw,86px)}.solvi-book-hero__subheading{margin-top:clamp(26px,2.4vw,42px)}.solvi-book-hero__strips{width:min(100%,450px);width:min(calc(100% + 70px),520px);margin-top:clamp(30px,3.2vw,54px);margin-left:-70px}.solvi-book-hero__strip{width:100%;padding-right:58px;padding-left:clamp(220px,48%,265px)}.solvi-book-hero__strip:after{position:absolute;right:9%}.solvi-book-hero__photo-card{justify-self:end;width:min(100%,710px)}.solvi-book-hero__polaroid-caption{bottom:clamp(6px,1.6vw,26px)}.solvi-book-hero__pencil-img{position:absolute;right:clamp(58px,4.6vw,108px);bottom:clamp(88px,7vw,140px);transform:rotate(17deg);top:68%;right:auto;bottom:auto;left:calc(clamp(70px,6vw,116px) + 445px);transform:translateY(-50%) rotate(17deg)}}@media screen and (min-width:990px)and (max-width:1249px){.solvi-book-hero__book.section-container{column-gap:clamp(24px,3vw,38px);padding-right:clamp(42px,5vw,62px);padding-left:clamp(42px,5vw,62px)}.solvi-book-hero h1{font-size:clamp(52px,4.8vw,60px)}.solvi-book-hero__heading-line--script{font-size:clamp(46px,4.35vw,54px)}.solvi-book-hero__strips{width:min(calc(100% + 52px),500px);margin-left:-52px}.solvi-book-hero__strip{padding-right:54px;padding-left:46%}.solvi-book-hero__pencil-img{left:calc(clamp(42px,5vw,62px) + min(39vw,420px));width:clamp(96px,10vw,130px)}}@media screen and (min-width:750px)and (max-width:989px){.solvi-book-hero__book.section-container{grid-template-areas:"photo" "copy";gap:34px;padding:38px 30px 48px}.solvi-book-hero__photo-card{grid-area:photo;max-width:720px;margin:0 auto}.solvi-book-hero__copy{grid-area:copy;display:grid;justify-items:start;width:min(100%,850px);margin:0 auto;text-align:left}.solvi-book-hero h1{max-width:8.1em;font-size:clamp(58px,8vw,84px)}.solvi-book-hero__heading-line--script{justify-content:flex-start;font-size:clamp(52px,7vw,76px)}.solvi-book-hero__subheading{margin:22px 0 0;text-align:left}.solvi-book-hero__strips{width:min(calc(100% + 52px),500px);margin-top:30px;margin-left:-52px;transform:none}.solvi-book-hero__strip{padding-right:54px;padding-left:46%}.solvi-book-hero__strip:after{position:absolute;right:9%}.solvi-book-hero__pencil-img{position:absolute;right:5%;bottom:42px;transform:rotate(17deg)}}@media screen and (max-width:749px){.solvi-book-hero__inner{padding:6px 0 0}.solvi-book-hero__book.section-container{width:var(--solvi-section-mobile-width, calc(100% - 24px) );grid-template-areas:"photo" "copy";gap:0;margin:-30px auto 0;padding:clamp(18px,4.5vw,30px) clamp(16px,5vw,28px) clamp(42px,10vw,64px);overflow:visible;border-radius:var(--solvi-section-radius-mobile, 28px)}.solvi-book-hero__sketch{top:var(--sketch-mobile-y, var(--sketch-y, 50%));left:var(--sketch-mobile-x, var(--sketch-x, 50%));width:min(var(--sketch-mobile-size, 100px),55%)}.solvi-book-hero__sketch--desktop-only{display:none}.solvi-book-hero__photo-card{grid-area:photo;max-width:100%;margin:0 auto clamp(28px,7vw,42px);padding:clamp(14px,4vw,18px) clamp(14px,4vw,18px) clamp(74px,18vw,96px);border-radius:24px;transform:rotate(-.55deg)}.solvi-book-hero__photo-window{aspect-ratio:1.34 / 1;border-radius:18px}.solvi-book-hero__polaroid-caption{right:5%;bottom:clamp(22px,6vw,34px);left:5%;font-size:clamp(30px,7.5vw,42px);white-space:nowrap}.solvi-book-hero__copy{grid-area:copy;display:grid;justify-items:center;width:100%;min-width:0;text-align:center}.solvi-book-hero__copy-content{width:100%;min-width:0}.solvi-book-hero h1{width:100%;max-width:none;font-size:clamp(32px,8.4vw,44px);text-align:center}.solvi-book-hero__heading-line--main,.solvi-book-hero__heading-line--middle,.solvi-book-hero__heading-line--script{width:100%;justify-content:center;text-align:center;white-space:nowrap}.solvi-book-hero__heading-line--script{justify-content:center;margin-top:.08em;font-size:clamp(34px,8.8vw,46px)}.solvi-book-hero__subheading{max-width:20em;margin:clamp(20px,5vw,28px) auto 0;font-size:clamp(16px,4.1vw,20px);line-height:1.3;text-align:center}.solvi-book-hero__strips{justify-self:center;width:min(calc(100% + 180px),620px);width:100%;max-width:none;margin-top:clamp(26px,7vw,38px);transform:translate(clamp(-72px,-12vw,-42px));margin-top:clamp(68px,13vw,88px);transform:none}.solvi-book-hero__strip{--strip-arrow-direction: -1;width:min(calc(100% + 20px),620px);min-height:clamp(58px,16vw,72px);padding:12px clamp(46px,13vw,70px) 14px clamp(150px,38vw,220px);font-size:clamp(27px,7.4vw,34px)}.solvi-book-hero__strip:after{order:-1}.solvi-book-hero__strip:nth-child(odd){--strip-label-shift: 0px;justify-self:start;justify-content:center;gap:clamp(18px,4vw,28px);margin-left:clamp(-70px,-12vw,-42px);padding-right:clamp(38px,10vw,58px);padding-left:clamp(90px,24vw,140px)}.solvi-book-hero__strip:nth-child(odd):after{position:relative;top:auto;left:auto;order:-1;transform:scaleX(var(--strip-arrow-direction))}.solvi-book-hero__strip:nth-child(2n){--strip-direction: -1;--strip-label-direction: -1;--strip-label-shift: clamp(18px,6vw,34px);justify-self:end;margin-right:clamp(-120px,-22vw,-84px)}.solvi-book-hero__strip:nth-child(2n):after{position:absolute;top:50%;left:clamp(96px,19vw,126px);order:initial;transform:translateY(-50%) scaleX(var(--strip-arrow-direction))}.solvi-book-hero__strip-label{max-width:none;font-size:inherit;text-align:center;transform:none;transform:translate(var(--strip-label-shift)) scaleX(var(--strip-label-direction))}.solvi-book-hero__pencil-img{position:absolute;right:clamp(6px,3vw,20px);right:clamp(-34px,-5vw,-18px);bottom:clamp(46px,13vw,76px);width:clamp(118px,32vw,174px);transform:rotate(18deg)}}@media screen and (max-width:430px){.solvi-book-hero__book.section-container{padding-right:14px;padding-left:14px}.solvi-book-hero h1{font-size:clamp(32px,8.8vw,40px)}.solvi-book-hero__heading-line--script{font-size:clamp(34px,9vw,42px)}.solvi-book-hero__strips{width:min(calc(100% + 170px),560px);width:100%;max-width:none;transform:translate(clamp(-56px,-12vw,-38px));transform:none}}@media(prefers-reduced-motion:reduce){.solvi-book-hero__strip,.solvi-book-hero__strip:before,.solvi-book-hero__strip-label,.solvi-book-hero__strip:after{animation:none;transition:none}}.solvi-book-hero__photo-card{border-radius:clamp(12px,1.2vw,18px)}.solvi-book-hero__photo-window{border-radius:clamp(8px,.8vw,12px)}@media screen and (max-width:749px){.solvi-book-hero__photo-card{border-radius:14px}.solvi-book-hero__photo-window{border-radius:9px}}@media screen and (min-width:750px){.solvi-book-hero__inner{padding-bottom:0!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/solvi-book-hero.css.map */