@charset "utf-8";
/* ---- inline ---- */
:root{
  --ivory:#fffaf3; --cream:#fbf3e8; --paper:#fffdf8; --pink:#efb7b8; --pink2:#f8d8d8;
  --mint:#b9d6cf; --mint2:#dcebe5; --blue:#b9d8e7; --lav:#d5c9df; --yellow:#f2df9d;
  --brown:#66564d; --muted:#998980; --line:#e6d8ce; --shadow:0 14px 36px rgba(102,86,77,.07);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7efe6;color:var(--brown);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;width:100%}.page{max-width:1180px;margin:0 auto;background:var(--ivory);overflow:hidden;box-shadow:0 0 0 1px rgba(102,86,77,.04)}
.header{position:absolute;left:0;right:0;top:0;z-index:10;padding:30px 52px;display:flex;align-items:center;justify-content:space-between}.brand{width:150px}.brand img{filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))}.nav{display:flex;gap:34px;font:13px/1 Georgia,serif;letter-spacing:.12em}.nav a{padding:8px 0}.icons{display:flex;gap:14px;font-size:21px}
.hero{position:relative;height:510px;overflow:hidden;border-bottom:1px solid #eaded5}.hero .bg{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.78) brightness(1.09)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,249,241,.80) 0%,rgba(255,249,241,.42) 38%,rgba(255,249,241,.03) 70%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,246,235,.04))}.hero-copy{position:absolute;z-index:2;left:58px;top:150px;width:440px}.hero h1{font:48px/1.08 Georgia,"Times New Roman",serif;letter-spacing:.02em;margin:0 0 20px;font-weight:400}.hero p{font-size:13px;margin:0 0 24px;letter-spacing:.04em}.shop-btn{display:inline-flex;gap:24px;align-items:center;background:#e9aaa8;color:white;border-radius:7px;padding:13px 28px;font:14px Georgia,serif;letter-spacing:.10em;box-shadow:0 7px 18px rgba(201,133,132,.15)}
.hero-sign{position:absolute;z-index:3;right:60px;bottom:30px;width:150px;opacity:.92}.sparkle{position:absolute;z-index:3;color:#b8998f;font-size:22px}.sp1{left:250px;top:155px}.sp2{left:540px;bottom:58px}
.checker{height:13px;background:repeating-linear-gradient(90deg,var(--pink2) 0 14px,#fff8f0 14px 28px,var(--mint2) 28px 42px,#fff8f0 42px 56px)}
.benefits{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:25px 50px 22px;background:rgba(255,253,248,.92);border-bottom:1px solid var(--line)}.benefit{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:3px 24px;border-right:1px dashed #ddcfc7}.benefit:last-child{border:0}.benefit .ico{font-size:28px;color:#a98983}.benefit strong{font:16px Georgia,serif;font-weight:400}.benefit small{display:block;font-size:10px;color:var(--muted);line-height:1.6}.deco-balloon{position:absolute;width:88px;left:4px;bottom:-38px;transform:rotate(-5deg);z-index:2}
.section{position:relative;padding:48px 56px}.title-row{display:flex;align-items:center;gap:15px;justify-content:center;margin-bottom:28px}.title-row:before,.title-row:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#e3c6c0,#bcd6d0)}.title-row h2{margin:0;font:29px Georgia,serif;letter-spacing:.07em;color:#8a7168}.title-row .star{color:#e5b0b1}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fffdf9;border:1.5px solid #e7d4cb;border-radius:22px;padding:8px;box-shadow:0 7px 20px rgba(99,79,67,.05)}.card:nth-child(1){border-color:#bcd7df}.card:nth-child(2){border-color:#c7d8bd}.card:nth-child(3){border-color:#edc6cc}.card:nth-child(4){border-color:#e1d0a5}.card img{aspect-ratio:1.22/1;object-fit:cover;border-radius:15px;filter:saturate(.75) brightness(1.06)}.card-body{padding:13px 10px 9px}.card h3{font:15px Georgia,serif;letter-spacing:.05em;margin:0 0 5px}.card p{font-size:10px;color:var(--muted);margin:0 0 10px}.card .more{font-size:10px;letter-spacing:.08em;color:#7daea8}.deco-car{position:absolute;width:155px;left:-25px;top:245px;z-index:3}.deco-record{position:absolute;width:92px;right:-24px;top:260px;z-index:3}.deco-parfait{position:absolute;width:82px;right:10px;top:-8px;z-index:3}
.custom{position:relative;margin-top:34px;border:1.5px solid #d6ddd1;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1.4fr;background:linear-gradient(90deg,#f8eee4,#edf4ed)}.custom-photo{min-height:235px;background:url('../assets/img/custom-photo.webp') center 55%/cover no-repeat;filter:saturate(.72) brightness(1.06)}.custom-copy{padding:35px 44px;display:flex;flex-direction:column;justify-content:center}.custom h3{font:25px Georgia,serif;letter-spacing:.07em;color:#78aaa4;margin:0 0 8px}.custom p{font-size:11px;margin:0 0 16px}.swatches{display:flex;gap:13px;margin-bottom:17px}.swatches i{display:block;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}.swatches i:nth-child(1){background:#f4aeb9}.swatches i:nth-child(2){background:#a8c7df}.swatches i:nth-child(3){background:#edda7b}.swatches i:nth-child(4){background:#b6cfaa}.swatches i:nth-child(5){background:#c7b7d6}.swatches i:nth-child(6){background:#f4eee8}.order{align-self:flex-start;background:#82b2ad;color:#fff;border-radius:6px;padding:11px 28px;font:12px Georgia,serif;letter-spacing:.10em}.custom .mini-parfait{position:absolute;width:68px;right:20px;bottom:8px;opacity:.8}
.story{display:grid;grid-template-columns:.82fr 2.18fr;gap:14px;margin-top:30px}.story-copy{position:relative;background:#edf4ed;border:1px solid #d8e3db;border-radius:22px;padding:24px 26px}.story-copy h3{font:24px Georgia,serif;color:#77aaa4;margin:0}.story-copy em{font:italic 14px Georgia,serif;color:#dc9d9d}.story-copy p{font-size:11px;margin:13px 0}.story-copy .heart{position:absolute;width:70px;right:12px;bottom:4px;opacity:.75}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.story-grid img{height:100%;min-height:240px;object-fit:cover;border-radius:18px;filter:saturate(.68) brightness(1.06)}
.insta-head{display:flex;align-items:end;gap:12px;margin:34px 0 13px}.insta-head h3{margin:0;font:23px Georgia,serif;color:#77aaa4}.insta-head span{font-size:10px;color:#a08e83}.insta-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.insta-grid img{aspect-ratio:1/1;object-fit:cover;border-radius:11px;filter:saturate(.72) brightness(1.06);border:3px solid #fff;box-shadow:0 0 0 1px #ead1cf}
.footer{position:relative;background:#f2dfd4;padding:30px 48px 25px;display:grid;grid-template-columns:1.15fr .7fr 1.4fr;gap:28px;align-items:center;border-top:1px solid #e8d2cb}.footer h4{font:14px Georgia,serif;margin:0 0 4px}.footer p{font-size:9px;margin:0 0 8px}.mail{display:flex;gap:7px}.mail input{width:175px;padding:9px 11px;border:1px solid #dbcac0;background:#fff9f4;border-radius:6px;font-size:10px}.mail button{border:1px solid #e3babb;background:#fff3e9;color:#7c6860;border-radius:6px;padding:8px 13px;font-size:10px}.footer-logo img{max-width:160px;margin:auto}.footer-nav{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap;font:10px Georgia,serif}.copyright{grid-column:1/-1;text-align:center;font-size:8px;opacity:.65}.footer-car{position:absolute;right:16px;bottom:8px;width:150px;opacity:.8;pointer-events:none}.footer-open{position:absolute;left:10px;bottom:8px;width:82px;opacity:.75;pointer-events:none}
.decor-svg{display:block;width:100%;height:auto}
@media(max-width:760px){
 .page{width:100%}.header{padding:17px 20px}.brand{width:95px}.nav{display:none}.icons{font-size:18px}.hero{height:auto;aspect-ratio:16/10}.hero .bg{object-position:center 48%}.hero:after{background:linear-gradient(90deg,rgba(255,249,241,.78),rgba(255,249,241,.20) 68%,transparent)}.hero-copy{left:25px;top:auto;bottom:24px;width:55%}.hero h1{font-size:28px;margin-bottom:9px}.hero p{display:none}.shop-btn{padding:8px 15px;font-size:10px}.hero-sign{width:88px;right:13px;bottom:12px}.sp1{display:none}.sp2{left:auto;right:110px;bottom:30px;font-size:15px}.checker{height:8px}
 .benefits{grid-template-columns:repeat(2,1fr);padding:15px 12px}.benefit{grid-template-columns:26px 1fr;padding:7px 10px;border-bottom:1px dashed #ddcfc7}.benefit:nth-child(2){border-right:0}.benefit:nth-child(3),.benefit:nth-child(4){border-bottom:0}.benefit .ico{font-size:20px}.benefit strong{font-size:12px}.benefit small{font-size:8px}.deco-balloon{width:54px;left:-6px;bottom:-27px}
 .section{padding:34px 16px}.title-row{gap:8px;margin-bottom:18px}.title-row h2{font-size:20px;white-space:nowrap}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.card{border-radius:17px;padding:6px}.card img{border-radius:12px}.card-body{padding:9px 7px}.card h3{font-size:12px}.card p{font-size:8px}.card .more{font-size:8px}.deco-car{width:110px;left:-16px;top:230px}.deco-record{width:64px;right:-14px;top:242px}.deco-parfait{width:62px;right:-5px;top:-12px}
 .custom{grid-template-columns:1fr;margin-top:26px}.custom-photo{min-height:175px}.custom-copy{padding:22px 20px}.custom h3{font-size:20px}.custom p{font-size:10px}.swatches{gap:9px}.swatches i{width:22px;height:22px}.order{font-size:10px;padding:9px 18px}.custom .mini-parfait{width:52px;right:6px;bottom:4px}
 .story{grid-template-columns:1fr}.story-copy{padding:19px}.story-copy h3{font-size:20px}.story-grid{grid-template-columns:repeat(3,1fr)}.story-grid img{min-height:115px;border-radius:13px}.insta-grid{grid-template-columns:repeat(4,1fr);gap:6px}.insta-grid img{border-width:2px;border-radius:8px}
 .footer{grid-template-columns:1fr;padding:28px 18px 20px;text-align:center}.footer-logo{order:-1}.mail{justify-content:center}.footer-nav{justify-content:center}.copyright{grid-column:auto}.footer-car{width:92px;right:-15px;bottom:5px}.footer-open{width:58px;left:-10px;bottom:7px}
}

.hero-sign img,.deco-balloon img,.deco-parfait img,.deco-car img,.deco-record img,.mini-parfait img,.footer-car img,.footer-open img{width:100%;height:auto;display:block;filter:saturate(.92) brightness(1.02);}
.hero-sign img{opacity:.98;filter:none}
.deco-parfait img,.mini-parfait img,.deco-car img,.deco-record img,.deco-balloon img,.footer-car img,.footer-open img{border-radius:0;}


.sparkle img{width:48px;height:auto;display:block}.sp2 img{width:34px}.deco-record2{right:auto!important;left:-18px!important;top:510px!important;width:72px!important;transform:rotate(-12deg)}

/* ---- inline ---- */
.hero-sign img,.deco-balloon img,.deco-parfait img,.deco-car img,.deco-record img,.mini-parfait img,.footer-car img,.footer-open img,.heart img{filter:none!important;mix-blend-mode:normal!important;}

/* ---- latest-collection-adjustments ---- */
/* 2026-08-24 latest collection photo + pink car adjustment */
.deco-car{width:170px !important;left:18px !important;top:405px !important;z-index:3 !important;pointer-events:none;}
@media (max-width:700px){
  .deco-car{width:110px !important;left:-8px !important;top:615px !important;}
}

/* ---- inline ---- */
/* Live Instagram section */
.insta-live-wrap{max-width:920px;margin:24px auto 0;padding:0 12px;text-align:center}
.insta-live-card{background:#fffaf5;border:1.5px solid rgba(214,177,183,.55);border-radius:24px;padding:14px;box-shadow:0 10px 30px rgba(123,93,80,.06);overflow:hidden}
.insta-live-card .instagram-media{margin:0 auto!important;min-width:0!important;width:100%!important;max-width:680px!important}
.insta-profile-link{display:inline-block;margin-top:16px;color:#6fa8a8;text-decoration:none;font-size:14px;letter-spacing:.04em}
.insta-profile-link:hover{opacity:.7}
@media (max-width:700px){
  .insta-live-wrap{padding:0 6px;margin-top:16px}
  .insta-live-card{padding:8px;border-radius:18px}
  .insta-profile-link{font-size:12px}
}

/* ---- sakura-css-only-style ---- */
#knot-sakura-css{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2147483647;}
#knot-sakura-css .knot-petal{position:absolute;left:var(--x);top:-42px;width:var(--w);height:calc(var(--w)*0.72);opacity:var(--o);background:rgba(205,154,166,.62);border-radius:78% 22% 72% 28%;box-shadow:inset 1px 1px 0 rgba(255,255,255,.48);transform-origin:50% 60%;animation:knotPetalFall var(--d) linear var(--delay) infinite;}
#knot-sakura-css .knot-petal:after{content:"";position:absolute;inset:2px 3px;background:rgba(250,234,238,.32);border-radius:inherit;}
@keyframes knotPetalFall{
0%{transform:translate3d(0,-50px,0) rotate(0deg)}
20%{transform:translate3d(15px,22vh,0) rotate(95deg)}
40%{transform:translate3d(-9px,45vh,0) rotate(190deg)}
60%{transform:translate3d(17px,68vh,0) rotate(285deg)}
80%{transform:translate3d(-7px,91vh,0) rotate(390deg)}
100%{transform:translate3d(var(--drift),115vh,0) rotate(520deg)}
}

/* ---- inline ---- */
/* Decorative illustration placement fix: keep artwork away from collection text */
.deco-car{width:120px;left:-42px;top:205px;z-index:2;pointer-events:none}
.deco-parfait{width:68px;right:-18px;top:26px;z-index:2;pointer-events:none}
.deco-record{width:72px;right:-28px;top:300px;z-index:2;pointer-events:none}
.deco-record2{width:54px!important;left:-20px!important;top:585px!important;z-index:2!important;pointer-events:none}
@media (max-width:700px){
  .deco-car{width:78px;left:-25px;top:305px}
  .deco-parfait{width:48px;right:-10px;top:18px}
  .deco-record{width:48px;right:-18px;top:355px}
  .deco-record2{width:40px!important;left:-12px!important;top:690px!important}
}

/* ---- inline ---- */
/* 2026-08-24: place the pink car in the open gap between collection cards and CREATE YOUR COLOR */
#shop .deco-car{
  position:relative !important;
  width:190px !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  margin:22px auto 8px !important;
  z-index:3 !important;
  pointer-events:none;
}
#shop .custom{
  margin-top:12px !important;
}
@media (max-width:700px){
  #shop .deco-car{
    width:150px !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    margin:18px auto 6px !important;
  }
  #shop .custom{
    margin-top:10px !important;
  }
}

/* 2026-08-25: soften all decorative illustration colors to blend with the pastel LP */
.hero-sign img,
.deco-balloon img,
.deco-parfait img,
.deco-car img,
.deco-record img,
.mini-parfait img,
.footer-car img,
.footer-open img,
.heart img,
.sparkle img {
  filter: saturate(.58) brightness(1.08) contrast(.88) sepia(.04) !important;
  opacity: .94;
}
