.home-page-wrapper{flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;padding:12vh 2vw 2vh;display:flex}.home-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(#0a0a0a66,#0a0a0af2),url(https://images.unsplash.com/photo-1543007631-283050bb3e8c?q=80&w=1920&auto=format&fit=crop);background-position:50%;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.hero-section{text-align:center;z-index:5;flex-direction:column;align-self:center;align-items:center;width:100%;max-width:800px;margin-top:2vh;margin-bottom:-12vh;margin-left:0;display:flex;position:relative}.hero-title{filter:drop-shadow(2px 2px 4px #000c);flex-direction:column;align-items:flex-start;width:fit-content;margin-bottom:2vh;display:flex}.hero-title__main{font-family:var(--font-heading);color:#0000;background:url(/images/texture2-opt.webp) 50%/cover no-repeat;letter-spacing:2px;white-space:pre-wrap;text-align:left;-webkit-background-clip:text;background-clip:text;margin-top:-4vh;margin-right:-.1em;padding-top:4vh;padding-bottom:1vh;padding-right:.1em;font-size:10vh;font-weight:700;line-height:1;display:block}.hero-title__cursive{color:#0000;background:url(/images/texture1-opt.webp) 50%/cover no-repeat;-webkit-background-clip:text;background-clip:text;margin-top:-3vh;margin-left:0;font-size:9vh}.hero-subtitle{color:var(--color-text-light);text-shadow:1px 1px 3px #000c;text-align:left;max-width:600px;margin:0;font-size:1.8vh;line-height:1.8;display:inline-block}.features-section{justify-content:space-between;align-items:flex-end;gap:2vh;width:100%;max-width:1250px;display:flex;position:relative}.feature-cards-container{flex:1;justify-content:space-between;align-items:flex-start;gap:1vw;display:flex}.feature-card{box-sizing:border-box;z-index:1;background-color:#0000;border:none;transition:transform .3s;display:block;position:relative;overflow:hidden;container-type:inline-size}.feature-card:before{content:"";z-index:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 35%,#0000 60%);mask-image:linear-gradient(90deg,#000 35%,#0000 60%)}.feature-card:first-child{aspect-ratio:2.295;--top:11cqw;--left:29cqw;--width:75%;--card-h3-size:4.88cqw;--card-p-size:3.77cqw;--card-mb:2.22cqw;background:url(/images/slice1.png) 50%/100% 100% no-repeat;flex:2.295 1 0}.feature-card:first-child:before{background:url(/images/slice1.png) 0/auto 100% no-repeat}.feature-card:nth-child(2){aspect-ratio:1.968;--top:10cqw;--left:35cqw;--width:65%;--card-h3-size:5.7cqw;--card-p-size:4.4cqw;--card-mb:2.6cqw;background:url(/images/slice2.png) 50%/100% 100% no-repeat;flex:1.968 1 0}.feature-card:nth-child(2):before{background:url(/images/slice2.png) 0/auto 100% no-repeat}.feature-card:nth-child(3){aspect-ratio:1.927;--top:10cqw;--left:30cqw;--width:70%;--card-h3-size:5.82cqw;--card-p-size:4.49cqw;--card-mb:2.65cqw;background:url(/images/slice3.png) 50%/100% 100% no-repeat;flex:1.927 1 0}.feature-card:nth-child(3):before{background:url(/images/slice3.png) 0/auto 100% no-repeat}.feature-card:nth-child(4){aspect-ratio:1.671;--top:10cqw;--left:40cqw;--width:60%;--card-h3-size:6.71cqw;--card-p-size:5.18cqw;--card-mb:3.06cqw;background:url(/images/slice4.png) 50%/100% 100% no-repeat;flex:1.671 1 0}.feature-card:nth-child(4):before{background:url(/images/slice4.png) 0/auto 100% no-repeat}.feature-card:hover{transform:translateY(-5px)}.feature-card__icon{width:min(2.5vw,35px);height:min(2.5vw,35px);color:var(--color-primary);z-index:2;flex-shrink:0}.feature-card__icon svg{width:100%;height:100%}.feature-card__content{top:var(--top,0);left:var(--left,0);width:var(--width,100%);box-sizing:border-box;z-index:2;-moz-text-size-adjust:none;text-size-adjust:none;height:100%;position:absolute}.feature-card__content h3{font-family:var(--font-heading);font-size:var(--card-h3-size,min(1.1vw, 15.4px));color:var(--color-primary);margin-bottom:var(--card-mb,min(.5vw, 7px));letter-spacing:.3cqw;white-space:nowrap}.feature-card__content p{font-size:var(--card-p-size,min(.85vw, 11.9px));color:var(--color-text-muted);white-space:nowrap;line-height:1.5}.paper-note{color:#000;z-index:10;box-sizing:border-box;background:url(/images/slice5.png) 50%/100% 100% no-repeat;flex-shrink:0;width:fit-content;min-width:250px;margin-left:-2vw;padding:3vh 2vw;position:relative;transform:rotate(-6deg)translateY(-2vh)}.paper-note__title{font-family:var(--font-heading);color:#000;margin-bottom:2vh;font-size:2.8vh;font-weight:700;line-height:1.2}.paper-note__text{color:#000;white-space:nowrap;font-size:2.3vh;line-height:1.4}@media (max-width:1024px){.home-page-wrapper{padding:120px 5vw 40px}.hero-title__main{text-align:left;font-size:11vw}.hero-title__cursive{text-align:left;margin-top:-1.5vh;font-size:10vw}.hero-subtitle{margin-top:2rem;font-size:1.2rem}.features-section{flex-direction:column;align-items:center;gap:2rem}.feature-cards-container{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%}.feature-card{flex:45%}.feature-card__icon{width:32px;height:32px}.paper-note{width:fit-content;max-width:90vw;margin-top:4vh;margin-left:0;padding:2.5vw 2vw;transform:rotate(-6deg)}.paper-note__title{margin-bottom:1.5vw;font-size:3.5vw}.paper-note__text{white-space:nowrap;font-size:2.8vw}}@media (max-width:768px){.home-page-wrapper{padding:100px 1rem 2rem}.hero-section{margin-bottom:2vh}.hero-title__main{text-align:left;font-size:16.5vw}.hero-title__cursive{text-align:left;margin-top:-1.5vh;font-size:14vw}.hero-subtitle{text-align:left;max-width:fit-content;margin:1.5rem auto 0;font-size:1rem}.features-section{width:100%;margin-top:3rem;margin-left:0}.feature-cards-container{grid-template-columns:1fr;gap:1rem;width:100%;padding:0;display:grid}.feature-card{flex-direction:row;flex:none;align-items:flex-start;width:min(100%,560px);margin:0 auto}.feature-card__icon{width:clamp(28px,8vw,36px);height:clamp(28px,8vw,36px)}.paper-note{width:fit-content;max-width:95vw;margin-top:0;margin-left:0;padding:8vw 6vw;transform:rotate(-14deg)}.paper-note__title{margin-bottom:2vw;font-size:5.5vw}.paper-note__text{white-space:nowrap;transform-origin:0;font-size:4.5vw;display:inline-block;transform:rotate(-6deg)translate(10px)}}
