:root{--pink:#dcc9f6;--lightpink:#dcc9f6;--coral:#cbdaea;--cream:#f2fca8;--paper:#f4f2ec;--ink:#232323;--green:#1d4845;--lavender:#dcc9f6;--blue:#cbdaea;--yellow:#f2fca8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:1.02;letter-spacing:-.06em}h2{font-size:clamp(36px,4.4vw,68px)}h3{font-size:25px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:12px 4%;background:var(--paper);border-bottom:1px solid var(--ink);gap:24px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px}.brand span{font-weight:800;font-size:24px;letter-spacing:-1px}nav{display:flex;align-items:center;gap:25px;text-transform:uppercase;font-weight:700;font-size:12px}nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.pill{border:1px solid var(--ink);border-radius:50%;background:var(--yellow);display:inline-flex;justify-content:center;align-items:center;padding:12px 32px;font-size:12px;font-weight:700;text-transform:uppercase;min-height:42px;transition:background .2s,transform .2s}.pill:hover{background:var(--pink);transform:rotate(-3deg)}.pill.white{background:var(--blue)}nav .pill{padding:8px 22px;min-height:32px}.strap{text-align:center;text-transform:uppercase;font-size:12px;font-weight:700;padding:7px 15px;border-bottom:1px solid var(--ink);background:var(--paper)}.band{width:100%;overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:5px 0;background:var(--pink);line-height:1.08}.band>div{white-space:nowrap;font-size:28px;font-weight:800;letter-spacing:-1px}.band.coral{background:var(--coral)}.band.lime{background:var(--cream)}.home-hero{height:580px;display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:0;overflow:hidden;background:var(--paper)}.hero-image{overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.9)}.hero-image:first-child{transform:rotate(-6deg) scale(1.15)}.hero-image:last-child{transform:rotate(7deg) scale(1.15)}.hero-message{z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:38px;background:var(--paper);border:1px solid var(--ink);margin:35px -15px;box-shadow:12px 14px 0 #30332f26;transform:rotate(-2deg)}.hero-message h1{font-size:clamp(40px,5.2vw,78px);line-height:.99;margin-bottom:28px}.hero-actions{display:flex;gap:15px}.manifesto{background:var(--paper);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;padding:65px 4%}.manifesto h2{margin:0;font-size:clamp(38px,5.8vw,88px)}.outline-text{-webkit-text-stroke:1px var(--ink);color:transparent}.manifesto>img{height:360px;width:100%;object-fit:contain;transform:rotate(8deg)}.collage{height:610px;display:grid;grid-template-columns:1fr 1.15fr 1fr;overflow:hidden;background:var(--paper);gap:25px;padding:0 20px}.collage.clarity{background:var(--paper)}.collage.social{background:var(--paper)}.collage-side{display:flex;flex-direction:column;gap:20px;transform:rotate(-5deg) scale(1.15);align-self:center}.collage-side:last-child{transform:rotate(6deg) scale(1.15)}.collage-side img{width:100%;height:330px;object-fit:cover;border:1px solid var(--ink)}.collage-center{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;padding:20px 0;gap:8px}.collage-title{font-size:60px;font-weight:900;letter-spacing:-4px;line-height:1;color:var(--ink)}.browser{border:8px solid var(--ink);border-bottom-width:17px;border-radius:14px;background:var(--paper);width:100%;box-shadow:13px 16px 0 #30332f28;max-height:440px;overflow:hidden}.browser-bar{font-size:10px;text-align:center;background:var(--paper);padding:6px;text-transform:uppercase}.browser img{width:100%;height:370px;object-fit:cover;object-position:top}.social .browser{transform:rotate(-4deg);background:var(--paper)}.social .browser img{object-fit:contain}.carousel{padding:55px 0;background:var(--paper);overflow:hidden}.carousel-track{display:flex;width:max-content;animation:drift 150s linear infinite}.carousel-group{display:flex;gap:20px;padding-right:20px;flex-shrink:0}.carousel-card{width:310px;height:315px;display:block;flex-shrink:0;border:1px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--paper)}.carousel-card img{width:100%;height:100%;object-fit:cover}.gallery-actions{display:flex;justify-content:center;gap:20px;margin-top:40px}.paused .carousel-track{animation-play-state:paused}@media(hover:hover){.carousel-viewport:hover .carousel-track{animation-play-state:paused}}@keyframes drift{to{transform:translateX(-50%)}}.platform-section{padding:40px 8% 60px}.platform-list a{display:grid;grid-template-columns:50px 1fr 1fr;align-items:center;border-bottom:1px solid var(--ink);padding:20px 0;gap:15px}.platform-list a:hover{background:var(--lightpink)}.platform-list strong{font-size:clamp(35px,5vw,68px);letter-spacing:-3px;line-height:1.1}.platform-list small{font-size:16px;text-align:right}.why,.included,.about-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:90px 10%}.why h2{font-size:clamp(50px,6.5vw,95px)}.why .large-copy{font-size:24px;line-height:1.3;letter-spacing:-.5px}.why p,.included p,.about-manifesto p{max-width:490px}.how{text-align:center;padding:80px 10%}.how>h2{max-width:800px;margin:0 auto 55px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:left}.how-grid article{border-top:1px solid var(--ink);padding-top:25px}.how-grid article>span{font-size:45px;font-weight:800;display:block;margin-bottom:20px}.how-grid h3{font-size:23px}.benefit-stage{position:relative;overflow:hidden;min-height:500px;padding:110px 5%;background:var(--paper)}.floating-gallery{position:absolute;inset:-60px;display:grid;grid-template-columns:repeat(3,1fr);gap:70px;opacity:.8;pointer-events:none}.floating-gallery img{height:230px;width:300px;object-fit:cover;transform:rotate(-14deg);border:1px solid var(--ink)}.floating-gallery img:nth-child(even){transform:rotate(13deg)}.benefit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;position:relative;z-index:1;align-items:center}.benefit-cards article{background:var(--lightpink);border:1px solid var(--ink);border-radius:14px;padding:35px;min-height:250px}.benefit-cards article:nth-child(2){transform:translateY(-15px)}.benefit-cards h3{font-size:25px}.benefit-cards p{margin:0}.included{background:var(--paper);border-bottom:1px solid var(--ink)}.included h3{font-size:23px}.included li{border-top:1px solid #898c80;padding:15px 0;list-style:none}.included ul{padding:0}.included p{font-size:14px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;padding:80px 10%;gap:8%}.faq details{border-top:1px solid var(--ink);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--ink)}summary{cursor:pointer;list-style:none;font-weight:700;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:25px;line-height:1}details[open] summary:after{content:'−'}.faq p{padding-top:15px;margin:0}.cta{text-align:center;padding:80px 20px;background:var(--paper)}.cta h2{max-width:850px;margin:0 auto 25px}.cta p{max-width:560px;margin:0 auto 30px}.footer-columns{display:grid;grid-template-columns:100px repeat(3,1fr);gap:40px;max-width:850px;margin:auto;padding:55px 5%}.footer-columns h3{font-size:18px;letter-spacing:-.5px;margin-bottom:10px}.footer-columns a:not(.footer-logo){display:block;font-size:14px;text-decoration:underline;text-transform:uppercase;margin:4px 0}.footer-logo img{width:90px}footer{background:var(--paper)}.footer-strip{background:var(--coral);text-align:center;display:block;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:10px;font-weight:700;font-size:16px}.wordmark{font-size:clamp(50px,13.7vw,230px);font-weight:900;letter-spacing:-.065em;line-height:1.2;text-align:center;white-space:nowrap;padding:15px 3%;background:var(--paper)}.legal{padding:12px 4%;font-size:12px;display:flex;justify-content:space-between;border-top:1px solid var(--ink)}.catalog{padding:65px 8% 90px;background:var(--paper)}.catalog-header{text-align:center;margin-bottom:55px}.catalog-header h1{font-size:40px}.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.filters button{border:1px solid var(--ink);border-radius:25px;padding:8px 20px;background:transparent;font-size:14px}.filters button[aria-pressed=true]{background:var(--pink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:75px 45px}.product{text-align:center}.product-preview{padding:0;border:1px solid var(--ink);border-radius:12px;background:var(--paper);width:100%;overflow:hidden;aspect-ratio:3/4;transition:transform .2s}.product-preview:hover{transform:rotate(-2deg)}.product-preview img{width:100%;height:100%;object-fit:cover}.product-title{border:0;background:transparent;text-decoration:underline;font-size:22px;font-weight:800;text-transform:uppercase;line-height:1.1;margin-top:20px;letter-spacing:-1px}.product p{font-size:14px;margin:12px 0 0}.product[hidden]{display:none}.empty{text-align:center;padding:50px;background:var(--lightpink);border:1px solid var(--ink)}.setup,.about-options{padding:90px 10%;text-align:center}.setup>h2{text-align:left;max-width:900px;margin-bottom:25px}.setup>p{text-align:left}.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:850px;margin:60px auto 0}.service-cards article{padding:45px 35px;background:var(--lightpink);border:1px solid var(--ink);border-radius:14px;display:flex;flex-direction:column;align-items:center}.service-cards h3{font-size:38px}.service-cards p{font-size:16px;max-width:330px;flex:1}.about-hero{text-align:center;padding:60px 20% 55px;position:relative;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:1px;font-weight:700}.about-hero h1{font-size:42px;margin-top:25px;margin-bottom:45px}.about-hero h2{font-size:clamp(40px,5.2vw,78px)}.about-copy{text-align:left;max-width:620px;margin:45px auto 0}.about-float{position:absolute;width:190px;height:180px}.about-float img{height:100%;width:100%;object-fit:cover;border:2px solid var(--ink);border-radius:8px}.about-float.one{left:4%;top:250px;transform:rotate(-10deg)}.about-float.two{right:4%;top:90px;transform:rotate(12deg)}.about-manifesto h2{font-size:clamp(45px,5.5vw,80px)}.about-options>p{max-width:500px;margin:auto}.about-options>h2{margin-bottom:30px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:15px;max-width:780px;width:90%;max-height:90vh;padding:40px}dialog::backdrop{background:#212a23b8}.close{position:absolute;right:12px;top:5px;border:0;background:transparent;font-size:32px}.preview-content h2{font-size:45px;margin:15px 0}.preview-content img{width:100%;height:460px;object-fit:contain;background:var(--paper)}.preview-note{font-size:14px;margin-top:20px}
@media(max-width:900px){nav{gap:14px}.brand span{font-size:20px}.home-hero{height:470px;grid-template-columns:.7fr 1.7fr .7fr}.hero-message{padding:25px}.hero-message h1{font-size:55px}.manifesto>img{height:280px}.collage{height:480px;gap:15px}.browser img{height:300px}.collage-title{font-size:40px}.collage-side img{height:270px}.why,.included,.about-manifesto,.faq{padding:65px 6%;gap:40px}.product-grid{gap:50px 25px}.product-title{font-size:19px}.about-hero{padding:60px 18% 50px}.about-float{width:130px;height:140px}.benefit-cards article{padding:25px}.benefit-cards h3{font-size:22px}.benefit-cards p{font-size:15px}.service-cards h3{font-size:30px}}
@media(max-width:600px){header{padding:12px 5%;flex-wrap:wrap;gap:12px}.brand img{width:35px;height:35px}.brand span{font-size:21px}nav{width:100%;justify-content:space-between;gap:9px;font-size:11px}nav .pill{padding:7px 14px}nav>a:nth-child(4){display:none}.strap{font-size:10px}.band>div{font-size:22px}.home-hero{height:510px;grid-template-columns:30px 1fr 30px}.hero-message{margin:25px -5px;padding:24px 20px;transform:rotate(-1deg)}.hero-message h1{font-size:clamp(40px,10vw,58px)}.hero-actions{gap:10px}.hero-actions .pill{padding:12px 21px}.manifesto{grid-template-columns:1fr;padding:45px 6%;gap:25px}.manifesto h2{font-size:43px}.manifesto>img{height:280px}.collage{height:420px;grid-template-columns:55px 1fr 55px;padding:0;gap:10px}.collage-side{width:140px;justify-self:center}.collage-side img{height:230px}.browser{border-width:6px;border-bottom-width:13px}.browser img{height:260px}.collage-title{font-size:40px}.carousel{padding:35px 0}.carousel-card{width:235px;height:255px}.carousel-group{gap:15px;padding-right:15px}.carousel-track{animation-duration:120s}.gallery-actions{gap:10px;margin-top:30px}.gallery-actions .pill{padding:12px 20px;font-size:11px}.platform-section{padding:20px 6% 40px}.platform-list a{grid-template-columns:25px 1fr}.platform-list strong{font-size:43px}.platform-list small{grid-column:2;text-align:left;font-size:14px}.why,.included,.about-manifesto,.faq{grid-template-columns:1fr;padding:55px 6%;gap:20px}.why h2{font-size:60px}.why .large-copy{font-size:23px}.how{padding:55px 6%}.how>h2{font-size:42px;margin-bottom:35px}.how-grid{grid-template-columns:1fr;gap:25px}.how-grid article>span{font-size:35px;margin-bottom:12px}.how-grid h3{font-size:24px}.benefit-stage{padding:65px 6%}.benefit-cards{grid-template-columns:1fr;gap:20px}.benefit-cards article{min-height:0;padding:30px}.benefit-cards article:nth-child(2){transform:none}.floating-gallery{grid-template-columns:1fr 1fr;gap:100px}.floating-gallery img{width:200px;height:170px}.included h2,.faq h2,.cta h2{font-size:42px}.cta{padding:60px 6%}.footer-columns{grid-template-columns:repeat(3,1fr);gap:20px;padding:40px 6%}.footer-logo{grid-column:1/-1}.footer-logo img{width:65px}.footer-columns h3{font-size:16px}.footer-columns a:not(.footer-logo){font-size:12px}.wordmark{font-size:13vw;padding:20px 3%}.legal{font-size:11px;gap:15px}.legal span{max-width:150px;text-align:right}.catalog{padding:45px 6% 55px}.catalog-header{margin-bottom:35px}.catalog-header h1{font-size:35px}.filters{gap:7px}.filters button{padding:7px 13px;font-size:12px}.product-grid{grid-template-columns:1fr 1fr;gap:35px 15px}.product-title{font-size:16px;letter-spacing:-.6px}.product p{font-size:12px}.setup,.about-options{padding:55px 6%}.setup h2,.about-options h2{font-size:39px}.service-cards{grid-template-columns:1fr;margin-top:35px}.service-cards article{padding:35px 25px}.service-cards h3{font-size:35px}.about-hero{padding:45px 6%}.about-hero h1{font-size:33px;margin-bottom:35px}.about-hero h2{font-size:44px;position:relative;z-index:1}.about-float{opacity:.2;width:120px;height:130px;z-index:0}.about-float.one{left:-30px;top:200px}.about-float.two{right:-20px;top:90px}.about-copy{position:relative;z-index:1;margin-top:35px}.about-manifesto h2{font-size:47px}.preview-content img{height:330px}dialog{padding:35px 20px}.preview-content h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.carousel-track{animation:none}.carousel-viewport{overflow-x:auto}.carousel-group[aria-hidden]{display:none}.pause{display:none}}

/* Approved neutral base with pastel accents */
header .pill{background:var(--lavender)}header .pill:hover{background:var(--yellow)}.hero-actions .pill.white{background:var(--blue)}.hero-actions .pill:hover{background:var(--lavender)}.band{background:var(--lavender)}.band.coral{background:var(--blue)}.band.lime{background:var(--yellow)}.platform-list a:hover{background:var(--blue)}.benefit-cards article{background:var(--lavender)}.benefit-cards article:nth-child(2){background:var(--blue)}.benefit-cards article:nth-child(3){background:var(--yellow)}.service-cards article{background:var(--lavender)}.service-cards article:nth-child(2){background:var(--blue)}.filters button[aria-pressed=true]{background:var(--lavender)}.filters button:hover{background:var(--yellow)}.product-preview:hover{box-shadow:7px 7px 0 var(--lavender)}summary:hover{background:var(--blue)}.footer-strip{background:var(--blue)}.footer-strip:hover{background:var(--yellow)}.empty{background:var(--blue)}.outline-text{-webkit-text-stroke:0;color:var(--ink)}.carousel .pause{background:var(--blue)}.carousel .pause:hover{background:var(--lavender)}.cta .pill{background:var(--yellow)}.cta .pill:hover{background:var(--lavender)}

/* Full-width Home showcase video */
.video-showcase{width:100%;overflow:hidden;background:var(--paper);line-height:0}.video-showcase video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}

.about-copy{text-align:center}.collage.social .collage-center{padding:25px 0}.collage.social .floating-tablet{width:130%;max-width:none;max-height:90%;object-fit:contain;filter:drop-shadow(12px 18px 12px #23232326)}@media(max-width:600px){.collage.social .floating-tablet{width:135%;max-height:360px}}

/* Requested tablet Hero and lavender sections */
.home-hero{grid-template-columns:1fr 2.2fr 1fr;align-items:center}.home-hero .hero-image{height:100%;align-self:stretch}.hero-message{aspect-ratio:4/3;min-height:0;max-height:calc(100% - 50px);width:calc(100% + 30px);margin:25px -15px;border:14px solid var(--ink);border-radius:34px;padding:30px 40px;box-shadow:0 0 0 2px #777,14px 18px 0 #23232320;position:relative}.hero-message:before{content:'';position:absolute;left:-10px;top:50%;width:5px;height:5px;background:#555;border-radius:50%;transform:translateY(-50%)}.hero-message h1{font-size:clamp(38px,4.1vw,62px);line-height:1.03;margin-bottom:25px}.platform-list a:hover,.platform-list a:focus-visible{background:#dcc9f6}.faq{background:#dcc9f6}
@media(max-width:900px){.home-hero{grid-template-columns:.5fr 2.8fr .5fr}.hero-message{border-width:12px;border-radius:29px;padding:22px 30px;max-height:calc(100% - 45px)}.hero-message h1{font-size:clamp(35px,5vw,45px)}.hero-message:before{left:-8px;width:4px;height:4px}}
@media(max-width:600px){.home-hero{height:auto;min-height:360px;grid-template-columns:15px 1fr 15px;padding:25px 0}.hero-message{width:100%;margin:0;aspect-ratio:4/3;border-width:10px;border-radius:24px;padding:25px 16px;max-height:none}.hero-message h1{font-size:clamp(28px,7.6vw,43px);margin-bottom:20px}.hero-message:before{left:-7px}.hero-actions{gap:8px;flex-wrap:wrap;justify-content:center}.hero-actions .pill{font-size:10px;padding:10px 16px;min-height:36px}.home-hero .hero-image{min-height:360px}.legal span{max-width:190px}}

/* Template collection: original 4:3 artwork with a centered floating tablet. */
.template-bento{position:relative;isolation:isolate;background:var(--paper);border-bottom:2px solid #000;overflow:hidden}
.bento-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:2px;background:#000;padding:2px;aspect-ratio:5/3}
.bento-tile{min-width:0;min-height:0;overflow:hidden;background:var(--paper)}
.bento-tile img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:4/3}
.bento-tile:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}
.bento-tile:nth-child(2){grid-column:4 / span 2;grid-row:1 / span 2}
.bento-tile:nth-child(3){grid-column:2 / span 2;grid-row:3 / span 2}
.bento-tablet{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:48%;max-height:75%;object-fit:contain;filter:drop-shadow(0 22px 20px #0004);pointer-events:none}
@media(max-width:600px){.bento-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;aspect-ratio:auto}.bento-tile{aspect-ratio:4/3}.bento-tile:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}.bento-tile:nth-child(2),.bento-tile:nth-child(3){grid-column:auto;grid-row:auto}.bento-tablet{width:78%;max-height:60%}}

/* Uniform template grid, with complete rows of original 4:3 images. */
.bento-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;aspect-ratio:auto}
.bento-tile,.bento-tile:nth-child(1),.bento-tile:nth-child(2),.bento-tile:nth-child(3){grid-column:auto;grid-row:auto;aspect-ratio:4/3}
@media(max-width:900px){.bento-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Staggered rows keep equal 4:3 tiles and extend past the clipped edges. */
.offset-grid{background:#000;border-top:2px solid #000}
.offset-row{display:flex;width:100%;border-bottom:2px solid #000}
.offset-row:nth-child(even){transform:translateX(-12.5%)}
.offset-tile{flex:0 0 25%;min-width:0;aspect-ratio:4/3;border-right:2px solid #000;background:var(--paper);overflow:hidden}
.offset-tile img{display:block;width:100%;height:100%;object-fit:contain}
.offset-mobile{display:none}
@media(max-width:600px){.offset-desktop{display:none}.offset-mobile{display:block}.offset-mobile .offset-tile{flex-basis:50%}.offset-mobile .offset-row:nth-child(even){transform:translateX(-25%)}}

.canva-product .product-preview{aspect-ratio:1637/2048}.canva-product .product-preview img{object-fit:contain}

.preview-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}.preview-actions[hidden],#preview-done[hidden]{display:none}

.systeme-product .product-preview{aspect-ratio:1664/2048}.systeme-product .product-preview img{object-fit:contain}

/* A subtle layout grid adds texture to the hero tablet screen. */
.home-hero .hero-message{background-color:var(--paper);background-image:linear-gradient(#23232312 1px,transparent 1px),linear-gradient(90deg,#23232312 1px,transparent 1px),radial-gradient(ellipse at top left,#dcc9f655,transparent 65%),radial-gradient(ellipse at bottom right,#cbdaea66,transparent 65%);background-size:24px 24px,24px 24px,100% 100%,100% 100%}

@font-face{font-family:Caveat;src:url('assets/caveat-premium.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
.home-hero .hero-premium{display:block;text-align:center;font-family:Caveat,'Segoe Print',cursive;font-weight:600;font-size:clamp(38px,4vw,58px);line-height:1;margin:0 0 10px;color:#7950b3;transform:rotate(-5deg)}
.home-hero .hero-message h1{font-size:clamp(34px,3.8vw,57px);margin-bottom:20px}
@media(max-width:900px){.home-hero .hero-premium{font-size:44px;margin-bottom:8px}.home-hero .hero-message h1{font-size:clamp(31px,4.6vw,42px)}}
@media(max-width:600px){.home-hero .hero-premium{font-size:clamp(32px,8vw,42px);margin-bottom:6px}.home-hero .hero-message h1{font-size:clamp(26px,6.8vw,38px);margin-bottom:16px}}

@font-face{font-family:Qwigley;src:url('assets/qwigley-premium.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.home-hero .hero-premium{font-family:Qwigley,'Segoe Script',cursive;font-weight:400;font-size:clamp(52px,5.2vw,76px);line-height:.8;transform:rotate(-4deg)}
@media(max-width:900px){.home-hero .hero-premium{font-size:58px}}
@media(max-width:600px){.home-hero .hero-premium{font-size:clamp(44px,11vw,58px)}}

/* Large handwritten accent reveals in seven steps without breaking script joins. */
.home-hero .hero-message{isolation:isolate}
.home-hero .hero-premium{position:relative;z-index:0;font-size:clamp(100px,10vw,150px);line-height:.65;margin-top:-8px;margin-bottom:-18px;transform:rotate(-6deg);animation:premium-reveal 1.4s steps(7,end) .25s both;pointer-events:none}
.home-hero .hero-message h1,.home-hero .hero-actions{position:relative;z-index:1}
@keyframes premium-reveal{from{clip-path:inset(-50% 100% -50% 0)}to{clip-path:inset(-50% 0 -50% 0)}}
@media(max-width:900px){.home-hero .hero-premium{font-size:clamp(100px,14vw,130px);margin-bottom:-18px}}
@media(max-width:600px){.home-hero .hero-premium{font-size:clamp(80px,23vw,120px);margin-top:0;margin-bottom:-14px}}
@media(prefers-reduced-motion:reduce){.home-hero .hero-premium{animation:none}}

/* Bold lilac highlight matches the supplied PREMIUM reference. */
.home-hero .hero-premium{align-self:center;display:table;width:max-content;max-width:100%;margin:0 auto 14px;padding:8px 18px;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(34px,4.8vw,68px);line-height:1;letter-spacing:-.025em;text-transform:uppercase;color:#232323;background:#dacaf8;transform:rotate(-7deg)}
@media(max-width:900px){.home-hero .hero-premium{font-size:clamp(32px,6vw,48px);padding:8px 16px;margin-bottom:14px}}
@media(max-width:600px){.home-hero .hero-premium{font-size:clamp(27px,7.5vw,42px);padding:6px 13px;margin-bottom:12px}.home-hero .hero-message h1{font-size:clamp(24px,6.4vw,36px)}}

.bundle-page{max-width:1440px;margin:auto}.bundle-crumb{padding:24px 5%;font-size:14px}.bundle-hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:35px 5% 70px;align-items:center}.bundle-hero h1{font-size:clamp(38px,5vw,70px);margin:18px 0}.bundle-hero img{width:100%;border:2px solid var(--ink)}.bundle-lead{font-size:22px;font-weight:700}.bundle-actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.bundle-small{font-size:14px}.bundle-section{padding:65px 7%;border-top:2px solid var(--ink)}.bundle-section h2{font-size:clamp(32px,4vw,52px);margin:0 0 28px}.bundle-section h3{font-size:24px;line-height:1.15;letter-spacing:-.03em}.bundle-section li{margin:12px 0;line-height:1.6}.bundle-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px}.bundle-blue{background:var(--blue)}.bundle-purple{background:var(--lavender)}.bundle-section video{display:block;width:100%;max-height:650px;background:#232323}.bundle-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bundle-gallery img{display:block;width:100%;border:1px solid var(--ink)}.bundle-gallery span{display:block;font-size:14px;margin:9px 0 14px}.product a.product-title{display:inline-block}.preview-actions a[hidden]{display:none}
@media(max-width:700px){.bundle-hero,.bundle-columns{grid-template-columns:1fr}.bundle-hero{gap:28px;padding:25px 6% 45px}.bundle-section{padding:45px 6%}.bundle-gallery{grid-template-columns:repeat(2,1fr);gap:14px}.bundle-columns{gap:24px}.bundle-lead{font-size:20px}}

.bundle-hero img{height:auto;object-fit:contain}

.gallery-enlarge{display:block;border:0;padding:0;background:transparent;color:var(--ink);text-align:left;cursor:zoom-in;font:inherit}.gallery-enlarge:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.design-lightbox{width:min(1100px,94vw);max-width:94vw;max-height:94dvh;padding:50px 20px 18px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);overflow:auto}
.design-lightbox::backdrop{background:#000b}.design-lightbox figure{margin:0}.design-lightbox img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(90dvh - 110px);object-fit:contain;margin:auto}.design-lightbox figcaption{text-align:center;font-size:16px;padding:14px 0 0}.lightbox-close{position:absolute;right:12px;top:8px;width:36px;height:36px;padding:0;line-height:1;background:var(--lavender);color:var(--ink);border:1px solid var(--ink);border-radius:50%;font-size:28px;cursor:pointer}

.design-lightbox{padding-left:64px;padding-right:64px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:52px;border:1px solid var(--ink);border-radius:9px;background:var(--lavender);color:var(--ink);font-family:Arial,sans-serif;font-size:38px;line-height:1;cursor:pointer}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-nav:hover{background:var(--blue)}.lightbox-nav:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media(max-width:600px){.design-lightbox{padding-left:42px;padding-right:42px}.lightbox-nav{width:32px;height:44px;font-size:30px}.lightbox-prev{left:4px}.lightbox-next{right:4px}}

#template-catalog{scroll-margin-top:100px}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.related-card{display:block;text-decoration:none;min-width:0}.related-card img{display:block;width:100%;height:auto;border:1px solid var(--ink);border-radius:10px;transition:box-shadow .2s}.related-card:hover img{box-shadow:6px 6px 0 var(--lavender)}.related-card .eyebrow{display:block;margin-top:16px}.related-card h3{font-size:20px;line-height:1.2;margin:10px 0 14px;letter-spacing:-.025em}.related-view{text-decoration:underline;font-size:14px}.bundle-return{margin-top:45px;padding-top:30px;border-top:1px solid var(--ink)}@media(max-width:900px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.related-grid{gap:20px 14px}.related-card h3{font-size:17px}}