@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600&display=swap');
body:has(.pg-landing) .shopify-section-group-header-group{display:none}
.pg-landing{font-family:'DM Sans',sans-serif;background:#fff7ee;color:#4a3428}
.pg-landing h1,.pg-landing h2,.pg-landing h3,.pg-wordmark{font-family:'Fredoka',sans-serif}
.pg-container{max-width:1250px}
.pg-site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 12px}
.pg-wordmark{font-size:30px;font-weight:600;letter-spacing:-.055em;text-decoration:none;color:#4a3428;white-space:nowrap}
.pg-wordmark-mark{display:inline-grid;place-items:center;width:37px;height:37px;margin-right:8px;border-radius:14px;background:#e8735a;color:#fff;font-family:Arial;font-size:23px;vertical-align:middle;transform:rotate(-11deg)}
.pg-wordmark-dot{color:#e8735a}
.pg-nav-links{display:flex;gap:30px;align-items:center}
.pg-nav-links a{color:#70574a;text-decoration:none;font-size:14px;font-weight:700}
.pg-nav-links a:hover{color:#c4553d}
.pg-nav-cta{display:inline-flex;align-items:center;gap:12px;background:#4a3428;color:#fff;padding:12px 20px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}
.pg-nav-cta:hover{background:#e8735a;color:#fff}
.pg-hero{position:relative;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:36px;padding:54px 0 115px;min-height:645px}
.pg-hero:before{content:'✦';position:absolute;color:#f8c778;font-size:36px;left:38%;bottom:16%;transform:rotate(-20deg)}
.pg-hero h1{font-size:clamp(64px,7.5vw,104px);line-height:.96;letter-spacing:-.055em;margin:27px 0 25px;font-weight:500}
.pg-hero h1 em{color:#e8735a;font-style:normal}
.pg-hero-copy>p{font-size:18px;max-width:515px}
.pg-hero-footnote span{color:#e8735a}
.pg-hero-art{height:525px;min-height:0;background:transparent;box-shadow:none;border-radius:0}
.pg-hero-orbit{width:88%;top:9%;left:6%;background:#ffe3d6;border:18px solid #fff0bf;box-shadow:0 24px 55px #e8735a20}
.pg-hero-main{z-index:2;width:64%;max-width:350px;aspect-ratio:1;display:grid;place-items:center;background:#fff;border:10px solid #fff;border-radius:42px;box-shadow:0 25px 50px #5936242e;transform:rotate(-7deg);animation:pg-bob 4s ease-in-out infinite}
.pg-hero-main img{width:100%;max-height:100%;height:100%;object-fit:contain;filter:none}
.pg-hero-mini{position:absolute;z-index:3;background:#fff;border:6px solid #fff;border-radius:26px;box-shadow:0 14px 35px #5936242d;overflow:hidden;animation:pg-bob 4.5s ease-in-out infinite}
.pg-hero-mini img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;filter:none}
.pg-hero-mini-one{width:128px;height:128px;left:0;bottom:11%;transform:rotate(9deg);animation-delay:-1s}
.pg-hero-mini-two{width:112px;height:112px;right:0;top:8%;transform:rotate(10deg);animation-delay:-2s}
.pg-hero-cloud{position:absolute;z-index:4;font-size:43px;color:#e8a744}
.pg-cloud-one{top:9%;left:10%}.pg-cloud-two{bottom:5%;right:11%;color:#e8735a}
.pg-hero-sticker{right:1%;top:52%;width:110px;height:110px;background:#ddf0dc;box-shadow:0 8px 22px #4a34281a}
.pg-kicker{background:#ffe3d6;color:#b84e39}
.pg-button{transition:transform .2s ease,box-shadow .2s ease}
.pg-button:hover{transform:translateY(-3px)}
.pg-section h2{font-weight:500;letter-spacing:-.025em}
.pg-steps{position:relative}
.pg-steps:before{content:'';position:absolute;inset:100px -25px -20px;background:#fff0bf;border-radius:45px;z-index:0}
.pg-steps>*{position:relative;z-index:1}.pg-steps .pg-section-head{padding-top:45px}.pg-step-grid article{background:#fffaf4;border:2px solid #fff}.pg-step-grid h3{font-weight:500}
.pg-showcase{max-width:650px;margin:0 auto;text-align:center}
.pg-showcase-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:25px}
.pg-showcase-tabs button{border:1px solid #efd9c8;border-radius:999px;background:#fff;color:#5a4336;font:600 14px 'DM Sans',sans-serif;padding:10px 17px;cursor:pointer}
.pg-showcase-tabs button.is-active,.pg-showcase-tabs button:hover{background:#e8735a;color:#fff;border-color:#e8735a}
.pg-showcase-frame{position:relative;aspect-ratio:1;border-radius:38px;background:#fff;overflow:hidden;box-shadow:0 22px 65px #4a34281a;user-select:none}
.pg-showcase-frame>img,.pg-showcase-before img{width:100%;height:100%;object-fit:contain;padding:30px}
.pg-showcase-before{position:absolute;inset:0;background:#fffaf4;clip-path:inset(0 50% 0 0)}
.pg-showcase-label{position:absolute;top:18px;padding:7px 14px;border-radius:99px;color:#fff;font-size:13px;font-weight:700;z-index:2}
.pg-label-before{left:18px;background:#4a3428}.pg-label-after{right:18px;background:#e8735a}
.pg-showcase-divider{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:3px;background:#e8735a;pointer-events:none}
.pg-showcase-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:#e8735a;box-shadow:0 5px 16px #4a34283b}
.pg-showcase-frame input[type=range]{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.pg-showcase-hint{color:#8a7263;font-size:14px;font-weight:700;margin-top:17px}
.pg-studio{box-shadow:0 30px 70px #a3684418}
.pg-craft-image{box-shadow:0 16px 40px #4a34281c}
.pg-inquiry{padding-top:10px}
@keyframes pg-bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(max-width:900px){.pg-nav-links{display:none}.pg-hero{grid-template-columns:1fr;gap:10px;padding:50px 0 80px}.pg-hero-art{height:470px;max-width:550px;width:100%;margin:auto}.pg-hero-copy{text-align:center}.pg-hero-copy>p{margin-left:auto;margin-right:auto}.pg-hero-actions{justify-content:center}}
@media(max-width:600px){.pg-site-nav{padding:18px 0}.pg-wordmark{font-size:24px}.pg-wordmark-mark{width:31px;height:31px;font-size:18px}.pg-nav-cta{font-size:12px;padding:10px 13px}.pg-hero h1{font-size:66px}.pg-hero-art{height:335px}.pg-hero-main{border-radius:28px}.pg-hero-mini-one{width:82px;height:82px}.pg-hero-mini-two{width:76px;height:76px}.pg-hero-sticker{width:78px;height:78px;font-size:11px}.pg-showcase-frame{border-radius:25px}.pg-showcase-frame>img,.pg-showcase-before img{padding:18px}.pg-showcase-label{font-size:11px;top:10px}.pg-label-before{left:10px}.pg-label-after{right:10px}.pg-steps:before{inset:90px -12px -10px}}
@media(prefers-reduced-motion:reduce){.pg-hero-main,.pg-hero-mini{animation:none}.pg-button{transition:none}}
