@font-face{font-family:'DM Sans';font-weight:400;font-display:swap;src:url(/assets/dmsans-400.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:500;font-display:swap;src:url(/assets/dmsans-500.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:700;font-display:swap;src:url(/assets/dmsans-700.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-weight:800;font-display:swap;src:url(/assets/bricolage-800.woff2) format('woff2')}
:root{--gut:max(32px,calc((100vw - 1248px)/2));--gm:max(20px,calc((100vw - 560px)/2))}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFF5F0;font-family:'DM Sans',sans-serif;overflow-x:hidden}
img{max-width:100%}
a{text-underline-offset:3px}
a:focus-visible{outline:3px solid #B5301A;outline-offset:2px}
.badge-link{display:inline-block}
.badge{display:block;height:55px;width:auto}
.f-m{display:none}
@media (max-width:1319px){.f-d .hero2{display:none}.f-d .hero-mopi{left:0}}
@media (max-width:1180px){.f-d{display:none}.f-m{display:block}.f-m .hero-box{max-width:372px;margin:0 auto}}
.s0{background: rgb(255, 245, 240); color: rgb(43, 18, 11); font-family: "DM Sans", sans-serif; overflow: hidden; position: relative; }
.s1{position: relative; background: radial-gradient(900px 600px at 85% 30%, rgb(248, 210, 196) 0%, transparent 70%), linear-gradient(rgb(253, 231, 222), rgb(255, 245, 240)); padding-bottom: 40px;}
.s2{padding: 0px var(--gut); display: flex; justify-content: space-between; align-items: center; height: 96px;}
.s3{color: rgb(43, 18, 11); text-decoration: none; text-underline-offset: 3px; display: flex; align-items: center; gap: 12px; min-height: 44px;}
.s4{display: block; width: 40px; height: 40px; border-radius: 10px;}
.s5{font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 24px;}
.s6{display: flex; gap: 12px;}
.s7{color: rgb(43, 18, 11); text-decoration: none; text-underline-offset: 3px; font: 700 16px "DM Sans", sans-serif; min-height: 44px; display: flex; align-items: center; padding: 0px 8px;}
.s8{padding: 24px var(--gut) 0px; display: flex; flex-direction: row; align-items: center; gap: 40px;}
.s9{flex: 0 0 560px; display: flex; flex-direction: column; gap: 28px; align-items: flex-start;}
.s10{display: block; width: 168px; height: 168px; border-radius: 38px; box-shadow: rgba(240, 82, 56, 0.28) 0px 18px 36px;}
.s11{margin: 0px; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 84px; line-height: 1; letter-spacing: -0.03em;}
.s12{margin: 0px; font-size: 19px; line-height: 1.55; color: rgb(123, 75, 62); text-wrap: pretty;}
.s13{position: relative; flex: 1 1 0%; display: flex; justify-content: center; align-items: flex-start; gap: 28px; width: auto; padding-bottom: 0px; min-height: 760px;}
.s14{display: block; width: 330px; filter: drop-shadow(rgba(120, 50, 30, 0.22) 0px 24px 30px);}
.s15{display: block; width: 330px; margin-top: 90px; filter: drop-shadow(rgba(120, 50, 30, 0.22) 0px 24px 30px);}
.s16{display: block; position: absolute; width: 240px; left: -50px; bottom: 20px;}
.s17{padding: 0px var(--gut); margin-top: 120px; display: flex; flex-direction: row; gap: 72px; align-items: center;}
.s18{flex: 0 0 440px; display: flex; flex-direction: column; gap: 16px;}
.s19{font: 700 13px "DM Sans", sans-serif; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(181, 48, 26);}
.s20{margin: 0px; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 48px; line-height: 1.05; letter-spacing: -0.02em;}
.s21{flex: 1 1 0%; min-width: 0px; width: auto;}
.s22{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}
.s23{background: rgb(253, 231, 222); border-radius: 32px; padding: 32px; box-shadow: rgba(120, 50, 30, 0.07) 0px 10px 26px, rgba(255, 255, 255, 0.7) 0px 1px 0px inset; display: flex; flex-direction: column; gap: 10px;}
.s24{width: 44px; height: 44px; border-radius: 14px; background: rgb(240, 82, 56); color: rgb(31, 10, 5); font: 800 22px "Bricolage Grotesque", sans-serif; display: flex; align-items: center; justify-content: center;}
.s25{font: 800 22px "Bricolage Grotesque", sans-serif;}
.s26{margin: 0px; font-size: 16px; line-height: 1.45; color: rgb(123, 75, 62);}
.s27{padding: 0px var(--gut); margin-top: 120px; display: flex; flex-direction: row-reverse; gap: 72px; align-items: center;}
.s28{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;}
.s29{background: rgb(248, 210, 196); border-radius: 22px; padding: 20px; display: flex; flex-direction: column; gap: 4px; min-height: 120px; justify-content: space-between;}
.s30{font: 700 17px "DM Sans", sans-serif;}
.s31{font: 800 34px "Bricolage Grotesque", sans-serif; display: flex; align-items: baseline; gap: 6px;}
.s32{font: 500 15px "DM Sans", sans-serif; color: rgb(123, 75, 62);}
.s33{background: rgb(253, 231, 222); border-radius: 22px; padding: 20px; display: flex; flex-direction: column; gap: 4px; min-height: 120px; justify-content: space-between;}
.s34{padding: 0px var(--gut); margin-top: 120px; display: flex; flex-direction: column; gap: 36px;}
.s35{display: flex; flex-direction: column; gap: 16px; max-width: 760px;}
.s36{display: flex; flex-wrap: wrap; gap: 10px;}
.s37{background: rgb(248, 210, 196); border-radius: 99px; padding: 10px 18px; font: 700 17px "DM Sans", sans-serif; min-height: 24px;}
.s38{background: rgb(253, 231, 222); border-radius: 32px; padding: 32px; box-shadow: rgba(120, 50, 30, 0.07) 0px 10px 26px, rgba(255, 255, 255, 0.7) 0px 1px 0px inset; display: flex; flex-direction: column; gap: 8px;}
.s39{font: 800 26px "Bricolage Grotesque", sans-serif;}
.s40{color: rgb(181, 48, 26); text-decoration: underline; text-underline-offset: 3px; font: 700 16px "DM Sans", sans-serif; min-height: 44px; display: flex; align-items: center;}
.s41{background: rgb(255, 245, 240); border-radius: 32px; padding: 24px; box-shadow: none; border: 1.5px solid rgba(43, 18, 11, 0.18);}
.s42{margin: 0px; font-size: 17px; line-height: 1.5;}
.s43{display: flex; justify-content: center; background: radial-gradient(closest-side, rgb(248, 210, 196), transparent); padding: 20px 0px;}
.s44{background: linear-gradient(rgb(253, 231, 222), rgb(248, 210, 196)); border-radius: 32px; padding: 32px; box-shadow: rgba(120, 50, 30, 0.07) 0px 10px 26px, rgba(255, 255, 255, 0.7) 0px 1px 0px inset; display: flex; flex-direction: column; align-items: center; gap: 16px;}
.s45{display: block; width: 240px; height: 240px; object-fit: contain; flex: 0 0 auto; filter: drop-shadow(rgba(120, 50, 30, 0.18) 0px 14px 14px);}
.s46{display: flex; flex-direction: column; gap: 4px; align-self: flex-start;}
.s47{font: 800 24px "Bricolage Grotesque", sans-serif;}
.s48{margin: 0px; font-size: 16px; color: rgb(123, 75, 62);}
.s49{padding: 0px var(--gut); margin-top: 120px;}
.s50{background: linear-gradient(135deg, rgb(248, 210, 196), rgb(253, 231, 222)); border-radius: 32px; padding: 56px; box-shadow: rgba(120, 50, 30, 0.07) 0px 10px 26px, rgba(255, 255, 255, 0.7) 0px 1px 0px inset; display: flex; flex-direction: column; gap: 36px;}
.s51{color: rgb(181, 48, 26); text-decoration: underline; text-underline-offset: 3px; font: 700 17px "DM Sans", sans-serif; min-height: 44px; display: flex; align-items: center;}
.s52{background: rgb(255, 245, 240); border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 6px;}
.s53{font: 800 20px "Bricolage Grotesque", sans-serif;}
.s54{background: rgb(253, 231, 222); margin-top: 96px;}
.s55{padding: 56px var(--gut); display: flex; flex-direction: row; justify-content: space-between; gap: 40px; align-items: center;}
.s56{display: flex; align-items: center; gap: 12px;}
.s57{font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 22px;}
.s58{display: flex; gap: 8px;}
.s59{margin: 0px; font-size: 15px; color: rgb(123, 75, 62);}
.s60{position: relative; background: radial-gradient(900px 600px at 85% 30%, rgb(248, 210, 196) 0%, transparent 70%), linear-gradient(rgb(253, 231, 222), rgb(255, 245, 240)); padding-bottom: 24px;}
.s61{padding: 0px var(--gm); display: flex; justify-content: space-between; align-items: center; height: 72px;}
.s62{display: flex; gap: 0px;}
.s63{padding: 16px var(--gm) 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 32px;}
.s64{flex: 0 0 auto; display: flex; flex-direction: column; gap: 20px; align-items: flex-start;}
.s65{display: block; width: 112px; height: 112px; border-radius: 26px; box-shadow: rgba(240, 82, 56, 0.28) 0px 18px 36px;}
.s66{margin: 0px; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 46px; line-height: 1; letter-spacing: -0.03em;}
.s67{margin: 0px; font-size: 17px; line-height: 1.55; color: rgb(123, 75, 62); text-wrap: pretty;}
.s68{position: relative; flex: 1 1 0%; display: flex; justify-content: center; align-items: flex-start; gap: 10px; width: 100%; padding-bottom: 70px; min-height: 0px;}
.s69{display: block; width: 172px; filter: drop-shadow(rgba(120, 50, 30, 0.22) 0px 24px 30px);}
.s70{display: block; width: 172px; margin-top: 40px; filter: drop-shadow(rgba(120, 50, 30, 0.22) 0px 24px 30px);}
.s71{display: block; position: absolute; width: 130px; left: -8px; bottom: 0px;}
.s72{padding: 0px var(--gm); margin-top: 64px; display: flex; flex-direction: column; gap: 28px; align-items: center;}
.s73{flex: 0 0 auto; display: flex; flex-direction: column; gap: 16px;}
.s74{margin: 0px; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 32px; line-height: 1.05; letter-spacing: -0.02em;}
.s75{flex: 1 1 0%; min-width: 0px; width: 100%;}
.s76{display: grid; grid-template-columns: 1fr; gap: 16px;}
.s77{background: rgb(253, 231, 222); border-radius: 24px; padding: 22px; box-shadow: rgba(120, 50, 30, 0.07) 0px 10px 26px, rgba(255, 255, 255, 0.7) 0px 1px 0px inset; display: flex; flex-direction: column; gap: 10px;}
.s78{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.s79{background: rgb(248, 210, 196); border-radius: 22px; padding: 20px; display: flex; flex-direction: column; gap: 4px; min-height: 96px; justify-content: space-between;}
.s80{background: rgb(253, 231, 222); border-radius: 22px; padding: 20px; display: flex; flex-direction: column; gap: 4px; min-height: 96px; justify-content: space-between;}
.s81{padding: 0px var(--gm); margin-top: 64px; display: flex; flex-direction: column; gap: 24px;}
.s82{background: rgb(253, 231, 222); border-radius: 24px; padding: 22px; box-shadow: rgba(120, 50, 30, 0.07) 0px 10px 26px, rgba(255, 255, 255, 0.7) 0px 1px 0px inset; display: flex; flex-direction: column; gap: 8px;}
.s83{background: rgb(255, 245, 240); border-radius: 24px; padding: 20px; box-shadow: none; border: 1.5px solid rgba(43, 18, 11, 0.18);}
.s84{display: flex; justify-content: center; background: radial-gradient(closest-side, rgb(248, 210, 196), transparent); padding: 10px 0px;}
.s85{display: block; width: 220px; filter: drop-shadow(rgba(120, 50, 30, 0.22) 0px 24px 30px);}
.s86{background: linear-gradient(rgb(253, 231, 222), rgb(248, 210, 196)); border-radius: 24px; padding: 22px; box-shadow: rgba(120, 50, 30, 0.07) 0px 10px 26px, rgba(255, 255, 255, 0.7) 0px 1px 0px inset; display: flex; flex-direction: row; align-items: center; gap: 16px;}
.s87{display: block; width: 110px; height: 110px; object-fit: contain; flex: 0 0 auto; filter: drop-shadow(rgba(120, 50, 30, 0.18) 0px 14px 14px);}
.s88{display: flex; flex-direction: column; gap: 4px; align-self: center;}
.s89{padding: 0px var(--gm); margin-top: 64px;}
.s90{background: linear-gradient(135deg, rgb(248, 210, 196), rgb(253, 231, 222)); border-radius: 24px; padding: 24px; box-shadow: rgba(120, 50, 30, 0.07) 0px 10px 26px, rgba(255, 255, 255, 0.7) 0px 1px 0px inset; display: flex; flex-direction: column; gap: 24px;}
.s91{display: grid; grid-template-columns: 1fr; gap: 14px;}
.s92{background: rgb(253, 231, 222); margin-top: 56px;}
.s93{padding: 36px var(--gm); display: flex; flex-direction: column; justify-content: space-between; gap: 20px; align-items: flex-start;}
.s94{padding: 48px var(--gut) 0px; max-width: 920px; display: flex; flex-direction: column; gap: 36px;}
.s95{display: flex; flex-direction: column; gap: 12px;}
.s96{margin: 0px; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 72px; line-height: 1; letter-spacing: -0.03em;}
.s97{margin: 0px; font-size: 17px; color: rgb(123, 75, 62);}
.s98{border-top: 1.5px solid rgba(43, 18, 11, 0.18); padding-top: 24px; display: flex; flex-direction: row; gap: 40px;}
.s99{flex: 0 0 240px; font: 800 22px "Bricolage Grotesque", sans-serif;}
.s100{margin: 0px; font-size: 18px; line-height: 1.55; color: rgb(43, 18, 11); text-wrap: pretty;}
.s101{margin: 0px; font-size: 18px; line-height: 1.55;}
.s102{color: rgb(181, 48, 26); text-decoration: underline; text-underline-offset: 3px; word-break: break-all;}
.s103{padding: 24px var(--gm) 0px; max-width: none; display: flex; flex-direction: column; gap: 24px;}
.s104{margin: 0px; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 42px; line-height: 1; letter-spacing: -0.03em;}
.s105{border-top: 1.5px solid rgba(43, 18, 11, 0.18); padding-top: 18px; display: flex; flex-direction: column; gap: 6px;}
.s106{flex: 0 0 auto; font: 800 22px "Bricolage Grotesque", sans-serif;}
.s107{padding: 48px var(--gut) 0px; display: flex; flex-direction: row; gap: 80px; align-items: flex-start;}
.s108{flex: 0 0 400px; display: flex; flex-direction: column; gap: 16px;}
.s109{background: rgb(253, 231, 222); border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 8px; margin-top: 8px; box-shadow: rgba(120, 50, 30, 0.07) 0px 10px 26px;}
.s110{color: rgb(181, 48, 26); text-decoration: underline; text-underline-offset: 3px; font: 700 18px "DM Sans", sans-serif; word-break: break-all; min-height: 44px; display: flex; align-items: center;}
.s111{flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 14px;}
.s112{background: rgb(253, 231, 222); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 8px; box-shadow: rgba(120, 50, 30, 0.06) 0px 8px 20px;}
.s113{padding: 24px var(--gm) 0px; display: flex; flex-direction: column; gap: 32px; align-items: flex-start;}
.s114{background: rgb(253, 231, 222); border-radius: 24px; padding: 20px; display: flex; flex-direction: column; gap: 8px; box-shadow: rgba(120, 50, 30, 0.06) 0px 8px 20px;}
.s115{background: radial-gradient(700px 500px at 50% 35%, rgb(248, 210, 196), transparent 70%);}
.s116{padding: 24px var(--gut) 0px; min-height: 640px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 20px;}
.s117{display: block; width: 300px; filter: drop-shadow(rgba(120, 50, 30, 0.18) 0px 18px 20px);}
.s118{font: 800 14px "DM Sans", sans-serif; color: rgb(181, 48, 26); letter-spacing: 0.1em;}
.s119{margin: 0px; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 56px; line-height: 1.05; letter-spacing: -0.02em;}
.s120{color: rgb(181, 48, 26); text-decoration: underline; text-underline-offset: 3px; font: 700 20px "DM Sans", sans-serif; min-height: 44px; display: flex; align-items: center;}
.s121{padding: 24px var(--gm) 0px; min-height: 560px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 20px;}
.s122{display: block; width: 220px; filter: drop-shadow(rgba(120, 50, 30, 0.18) 0px 18px 20px);}
.s123{margin: 0px; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 36px; line-height: 1.05; letter-spacing: -0.02em;}
