:root{--lav:#d8c8f0;--lav-light:#eee7fa;--lav-deep:#8f73b9;--sky:#eaf5f7;--warm:#faf9f7;--ink:#4f5258;--muted:#85868b;--line:rgba(79,82,88,.16);--serif:"Shippori Mincho",serif;--sans:"Noto Sans JP",sans-serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--warm);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:2;letter-spacing:.035em}
a{color:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:.08em;line-height:1.65}
h1{font-size:clamp(2rem,7.7vw,5.1rem)}
h2{font-size:clamp(1.8rem,6.4vw,3.65rem)}
strong{font-weight:500}
button{font:inherit}
.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 6vw}
.brand{font-family:var(--serif);text-decoration:none;letter-spacing:.18em}
.release-mini{font-size:10px;letter-spacing:.2em}
.hero{min-height:100svh;position:relative;display:grid;align-items:center;padding:115px 7vw 80px;overflow:hidden;background:linear-gradient(135deg,#fff 20%,var(--warm) 65%,#f0eafa)}
.hero-copy{z-index:1}
.eyebrow,.section-no{margin-bottom:20px;color:var(--lav-deep);font-size:10px;letter-spacing:.25em;font-weight:600}
.hero h1{margin-bottom:18px}
.lead{font-family:var(--serif);letter-spacing:.12em}
.release{margin:28px 0;font-size:13px;letter-spacing:.14em}
.release span{margin-left:8px;color:var(--lav-deep);font-size:10px}
.text-link{display:inline-flex;gap:36px;align-items:center;padding-bottom:7px;border-bottom:1px solid var(--ink);text-decoration:none;font-size:12px;letter-spacing:.08em}
.text-link span{color:var(--lav-deep)}
.disabled{opacity:.5}
.hero-art{justify-self:end;width:min(52vw,380px);aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ded4ea;color:#82758f}
.hero-art span,.placeholder span{font-size:11px;letter-spacing:.2em}
.hero-art small,.placeholder small{font-size:9px;margin-top:5px}
.hero-note{position:absolute;right:2vw;bottom:18px;writing-mode:vertical-rl;color:#a69daf;font-family:var(--serif);font-size:11px;letter-spacing:.2em}
.section{padding:110px 7vw}
.section-inner{width:min(1180px,100%);margin:auto}
.narrow{width:min(840px,100%)}
.center{text-align:center}
.words{min-height:90vh;display:flex;align-items:center;background:#fff}
.word-field{position:relative;height:420px;margin-top:25px}
.word{position:absolute;font-family:var(--serif);font-size:clamp(1.05rem,3vw,1.7rem);letter-spacing:.14em;color:#5d5865}
.word-a{top:8%;left:2%}
.word-b{top:38%;right:3%}
.word-c{bottom:10%;left:15%}
.word-d{top:5%;right:12%;color:#a493bb}
.data-note{color:var(--muted);font-size:10px;text-align:right}
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(55px,10vw,140px);align-items:center}
.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ddd2e8;color:#81748c;overflow:hidden}
.portrait{aspect-ratio:4/5}
.landscape{aspect-ratio:3/2}
.copy-block h2{margin-bottom:35px}
.copy-block p{max-width:580px}
.intro{background:var(--warm)}
.experiences{background:#fff}
.experience-list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px}
.experience{padding-top:16px;border-top:1px solid var(--line)}
.experience-head{display:flex;align-items:baseline;gap:20px;margin-bottom:24px}
.experience-head>span{font-size:10px;color:var(--lav-deep)}
.experience h3{font-size:15px;letter-spacing:.12em}
.experience h3 small{font-weight:400}
.experience .placeholder{margin-bottom:24px}
.app-color{background:#d6e3e5}
.experience p{font-size:13px}
.credit-line{color:var(--muted);font-size:11px!important}
.daily{background:linear-gradient(180deg,var(--warm),#f3eff8)}
.reverse{grid-template-columns:1.15fr .85fr}
.video-placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#d5cbe0;color:#766b82}
.video-placeholder p{margin:12px 0 0;font-size:10px;letter-spacing:.2em}
.video-placeholder small{font-size:9px}
.play-button{width:64px;height:64px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.45);color:#766b82;cursor:not-allowed}
.listen{background:#fff}
.listen>.section-inner>p:not(.section-no){font-family:var(--serif)}
.how{background:var(--warm)}
.how-heading{display:grid;grid-template-columns:1fr .65fr;gap:12vw;align-items:end}
.hand-color{background:#e7ddd5}
.steps{list-style:none;padding:0;margin:80px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;counter-reset:steps}
.steps li{position:relative;min-height:125px;padding:18px 20px;border-top:1px solid var(--lav)}
.steps li:not(:last-child)::after{content:"→";position:absolute;right:-36px;top:15px;color:var(--lav-deep)}
.steps span{font-size:10px;color:var(--lav-deep)}
.steps p{margin:15px 0 0;font-family:var(--serif);font-size:16px}
.story{background:#f2edf7}
.story-color{background:#cfc5d5}
.signature{margin-top:36px;color:var(--lav-deep);font-size:11px}
.product{background:#fff}
.product-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:center}
.product-info ul{padding:22px 0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}
.product-info li::before{content:"—";margin-right:14px;color:var(--lav-deep)}
.price{margin:35px 0 0;font-family:var(--serif);font-size:45px;line-height:1}
.price span{font-size:17px;margin-right:5px}
.tax{color:var(--muted);font-size:10px}
.product-info dl{margin:25px 0 35px;font-size:12px}
.product-info dl div{display:flex;padding:5px 0}
.product-info dt{width:90px;color:var(--muted)}
.product-info dd{margin:0}
.product-photo{aspect-ratio:4/5;background:#d8cce5}
.button{display:flex;justify-content:space-between;align-items:center;width:min(100%,380px);padding:17px 22px;background:var(--ink);color:white;text-decoration:none;font-size:12px;letter-spacing:.07em;transition:background .25s}
.button:hover{background:var(--lav-deep)}
.credits{background:var(--warm)}
.credits dl{margin:0}
.credits dl div{display:grid;grid-template-columns:1fr 1fr;padding:18px 0;border-bottom:1px solid var(--line)}
.credits dt{color:var(--muted);font-size:10px}
.credits dd{margin:0;font-family:var(--serif)}
.final-cta{position:relative;padding:150px 7vw;background:#f5f1f8;overflow:hidden}
.final-cta .section-inner{position:relative;z-index:1}
.final-glow{position:absolute;width:70vw;height:70vw;max-width:850px;max-height:850px;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(216,200,240,.8),rgba(234,245,247,.22) 48%,transparent 70%)}
.final-copy{font-family:var(--serif);letter-spacing:.1em}
.final-product{margin:55px 0 5px;font-family:var(--serif);font-size:20px}
.final-price{margin-bottom:4px;font-size:18px}
.final-price small{font-size:9px;color:var(--muted)}
.limited{color:var(--lav-deep);font-size:11px}
.final-cta .button{margin:35px auto 0}
footer{padding:30px 7vw 95px;background:var(--ink);color:#d9d9da;font-size:9px;letter-spacing:.15em}
.sticky-buy{position:fixed;z-index:20;left:12px;right:12px;bottom:12px;display:none;justify-content:space-between;align-items:center;padding:10px 10px 10px 18px;background:rgba(79,82,88,.94);color:#fff;box-shadow:0 8px 30px rgba(40,35,45,.2);backdrop-filter:blur(10px);transform:translateY(140%);transition:transform .35s ease}
.sticky-buy.visible{transform:translateY(0)}
.sticky-buy div{display:flex;flex-direction:column;line-height:1.45}
.sticky-buy strong{font-size:11px}
.sticky-buy span{font-size:10px;color:#ddd}
.sticky-buy a{padding:10px 20px;background:var(--lav);color:var(--ink);text-decoration:none;font-size:11px}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:760px){body{font-size:13px}
.site-header{padding:20px 22px}
.hero{grid-template-columns:1fr 42%;gap:10px;padding:100px 22px 60px}
.hero-copy{align-self:end;padding-bottom:7vh}
.hero h1{font-size:clamp(1.8rem,8.8vw,2.5rem);letter-spacing:.04em;white-space:nowrap}
.hero .lead{font-size:12px}
.hero-art{width:100%;align-self:center}
.hero-note{display:none}
.section{padding:90px 22px}
.word-field{height:380px}
.word-b{top:35%;right:0}
.word-c{left:3%}
.word-d{right:3%}
.split,.reverse,.product-grid{grid-template-columns:1fr;gap:50px}
.intro .copy-block,.story .copy-block{order:-1}
.experience-list{grid-template-columns:1fr;gap:70px}
.experience .landscape{aspect-ratio:4/3}
.how-heading{grid-template-columns:1fr .68fr;gap:28px;align-items:center}
.how-heading h2{font-size:clamp(1.65rem,7vw,2.2rem)}
.steps{grid-template-columns:1fr;gap:20px;margin-top:60px}
.steps li{min-height:auto;padding:17px 10px 25px 52px}
.steps li:not(:last-child)::after{content:"↓";right:auto;left:17px;top:auto;bottom:-18px}
.steps span{position:absolute;left:10px;top:21px}
.steps p{margin:0}
.credits dl div{grid-template-columns:.8fr 1.2fr;gap:15px}
.final-cta{padding:120px 22px}
.sticky-buy{display:flex}
}

/* 2026-08 全体ブラッシュアップ */
:root {
  --cta-lavender: #b59ad6;
  --cta-lavender-hover: #9f82c7;
}

.word-a {
  font-size: clamp(1.85rem, 4vw, 3rem);
  line-height: 1.62;
}

.word-b {
  font-size: clamp(1.35rem, 2.85vw, 2.05rem);
  line-height: 1.78;
}

.word-c {
  font-size: clamp(1rem, 2vw, 1.42rem);
  line-height: 1.9;
}

.word-d {
  font-size: clamp(.82rem, 1.45vw, 1.08rem);
  line-height: 2;
  color: #958c9d;
}

.word-field .word-a {
  top: 0;
  left: 1%;
}

.word-field .word-b {
  top: 38%;
  right: 0;
}

.word-field .word-c {
  bottom: 0;
  left: 15%;
}

.word-field .word-d {
  top: 8%;
  right: 5%;
}

.music-media {
  width: 100%;
  margin-bottom: 24px;
}

.music-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:2px}

.price {
  font-size: 54px;
}

.stock-badge {
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  padding: 5px 12px;
  border-radius: 999px;
  background: #eee7f6;
  color: #77658a;
  letter-spacing: .14em;
}

.button {
  background: var(--cta-lavender);
  color: #fff;
}

.button:hover {
  background: var(--cta-lavender-hover);
}

.final-layout {
  grid-template-areas:
    "content photo"
    "action photo";
  grid-template-rows: auto auto;
  align-items: center;
}

.final-content {
  grid-area: content;
}

.final-photo {
  grid-area: photo;
}

.final-action {
  grid-area: action;
  align-self: start;
}

.final-action .button {
  margin-top: 35px;
}

.final-photo img {
  object-position: center;
}

.sticky-buy {
  background: rgba(181, 154, 214, .96);
  color: #fff;
}

.sticky-buy a {
  background: rgba(255, 255, 255, .94);
  color: #69567d;
}

@media (min-width: 761px) {
  .section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .words,
  .listen {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .intro,
  .experiences,
  .how,
  .product {
    padding-top: 94px;
    padding-bottom: 94px;
  }

  .credits {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .story {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .final-cta {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .experiences .section-inner {
    width: min(1240px, 100%);
  }

  .experience-list {
    gap: 28px;
  }

  .experience .app-photo {
    width: min(86%, 300px);
  }
}

@media (max-width: 760px) {
  .word-field {
    height: 520px;
  }

  .word-field .word-a {
    top: 0;
    left: 0;
  }

  .word-field .word-b {
    top: 31%;
    right: 0;
    text-align: right;
  }

  .word-field .word-c {
    bottom: 16%;
    left: 3%;
  }

  .word-field .word-d {
    top: auto;
    right: 1%;
    bottom: 0;
    text-align: right;
  }


  .price {
    font-size: 48px;
  }

  .final-layout {
    grid-template-areas:
      "content"
      "photo"
      "action";
    grid-template-columns: 1fr;
  }

  .final-action {
    text-align: center;
  }

  .final-action .button {
    margin-top: 10px;
  }
}

@media(max-width:430px){.hero{grid-template-columns:1fr;padding-top:125px}
.hero-copy{align-self:auto;padding:0}
.hero-art{width:52%;margin-top:-6px}
.text-link{gap:20px}
.how-heading{grid-template-columns:1fr .56fr}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
}


/* First-view layout correction */
@media(min-width:761px){
  .hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(40px,7vw,120px)}

  .hero h1{font-size:clamp(2rem,5.7vw,5.1rem)}

  .hero-art{width:min(100%,380px)}

}

@media(max-width:760px){
  .hero{display:block;min-height:100svh;padding:clamp(125px,17vh,175px) 22px 330px}

  .hero-copy{position:relative;z-index:2;padding-bottom:0}

  .hero h1{font-size:clamp(1.8rem,8.2vw,2.7rem);white-space:normal}

  .hero-art{position:absolute;z-index:1;right:22px;bottom:42px;width:min(46vw,210px);margin:0}

}

/* Final polish overrides */
:root{--cta-lavender:#b59ad6;--cta-lavender-hover:#9f82c7}
.word-a{font-size:clamp(1.85rem,4vw,3rem);line-height:1.62}
.word-b{font-size:clamp(1.35rem,2.85vw,2.05rem);line-height:1.78}
.word-c{font-size:clamp(1rem,2vw,1.42rem);line-height:1.9}
.word-d{font-size:clamp(.82rem,1.45vw,1.08rem);line-height:2;color:#958c9d}
.word-field .word-a{top:0;left:1%}
.word-field .word-b{top:38%;right:0}
.word-field .word-c{bottom:0;left:15%}
.word-field .word-d{top:8%;right:5%}
.music-media{width:100%;margin-bottom:24px}
.music-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:2px}
.price{font-size:54px}
.stock-badge{display:inline-flex;align-items:center;min-height:29px;padding:5px 12px;border-radius:999px;background:#eee7f6;color:#77658a;letter-spacing:.14em}
.button{background:var(--cta-lavender);color:#fff}
.button:hover{background:var(--cta-lavender-hover)}
.final-layout{grid-template-areas:"content photo" "action photo";grid-template-rows:auto auto;align-items:center}
.final-content{grid-area:content}
.final-photo{grid-area:photo}
.final-action{grid-area:action;align-self:start}
.final-action .button{margin-top:35px}
.final-photo img{object-position:center}
.sticky-buy{background:rgba(181,154,214,.96);color:#fff}
.sticky-buy a{background:rgba(255,255,255,.94);color:#69567d}

@media(min-width:761px){
  .section{padding-top:96px;padding-bottom:96px}
  .words,.listen{padding-top:110px;padding-bottom:110px}
  .intro,.experiences,.how,.product{padding-top:94px;padding-bottom:94px}
  .credits{padding-top:88px;padding-bottom:88px}
  .story{padding-top:104px;padding-bottom:104px}
  .final-cta{padding-top:150px;padding-bottom:150px}
  .experiences .section-inner{width:min(1240px,100%)}
  .experience-list{gap:28px}
  .experience .app-photo{width:min(86%,300px)}
}

@media(max-width:760px){
  .word-field{height:520px}
  .word-field .word-a{top:0;left:0}
  .word-field .word-b{top:31%;right:0;text-align:right}
  .word-field .word-c{bottom:16%;left:3%}
  .word-field .word-d{top:auto;right:1%;bottom:0;text-align:right}
  .price{font-size:48px}
  .final-layout{grid-template-areas:"content" "photo" "action";grid-template-columns:1fr}
  .final-action{text-align:center}
  .final-action .button{margin-top:10px}
}

@media(max-width:430px){
  .hero{padding-top:125px;padding-bottom:300px}

  .hero-art{width:min(48vw,185px)}

}


/* Hero visual emphasis */
@media(min-width:761px){
  .hero{
    min-height:min(860px,94svh);
    grid-template-columns:minmax(390px,2fr) minmax(430px,3fr);
    grid-template-rows:1fr auto;
    column-gap:clamp(44px,6vw,96px);
    row-gap:0;
    padding-top:105px;
    padding-bottom:72px;
  }

  .hero-copy{grid-column:1;grid-row:1;align-self:end;padding-bottom:26px}

  .hero-copy h1{font-size:clamp(2rem,4vw,3.6rem);white-space:nowrap;letter-spacing:.055em}

  .hero-meta{grid-column:1;grid-row:2;align-self:start;position:relative;z-index:2;padding-bottom:12px}

  .hero-art{
    grid-column:2;
    grid-row:1 / 3;
    align-self:center;
    justify-self:center;
    width:min(100%,540px);
    position:relative;
    isolation:isolate;
    background:linear-gradient(145deg,#e4d9f0,#d8cce5 56%,#e4dff0);
    box-shadow:none;
  }

  .hero-art::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-16% -18%;
    background:radial-gradient(ellipse at center,rgba(216,200,240,.72) 0%,rgba(233,221,255,.35) 45%,rgba(255,255,255,0) 73%);
    filter:blur(22px);
    pointer-events:none;
  }

}


@media(max-width:760px){
  .hero{
    display:flex;
    flex-direction:column;
    min-height:auto;
    padding:clamp(108px,12vh,132px) 22px 58px;
    background:linear-gradient(150deg,#fff 45%,var(--warm) 75%,#f6f2f9);
  }

  .hero-copy{width:100%;padding:0}

  .hero h1{margin-bottom:14px}

  .hero .lead{margin-bottom:0}

  .hero-art{
    position:relative;
    right:auto;
    bottom:auto;
    order:2;
    align-self:flex-end;
    width:min(74vw,320px);
    margin:24px -4px 22px 0;
    background:linear-gradient(145deg,#e4d9f0,#d8cce5 56%,#e4dff0);
    isolation:isolate;
  }

  .hero-art::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-13% -12%;
    background:radial-gradient(ellipse at center,rgba(216,200,240,.7),rgba(233,221,255,.3) 48%,transparent 72%);
    filter:blur(16px);
    pointer-events:none;
  }

  .hero-meta{order:3;position:relative;z-index:2}

  .hero-meta .release{margin-top:0}

}


@media(max-width:430px){
  .hero{padding-bottom:54px}

  .hero-art{width:min(76vw,300px)}

}


/* 100 words: four voices floating at different strengths */
.word-a{font-size:clamp(1.6rem,3.5vw,2.55rem);line-height:1.75}

.word-b{font-size:clamp(1.3rem,2.8vw,2rem);line-height:1.8}

.word-c{font-size:clamp(1.05rem,2.2vw,1.55rem);line-height:1.85}

.word-d{font-size:clamp(.9rem,1.7vw,1.2rem);line-height:1.95;color:#92899b}

.word-field .word-a{top:2%;left:0}

.word-field .word-b{top:34%;right:1%}

.word-field .word-c{bottom:3%;left:11%}

.word-field .word-d{top:5%;right:7%}


/* Portrait-oriented web app experience */
.experience .app-photo{width:min(82%,280px);margin-left:auto;margin-right:auto;aspect-ratio:4/5}

.app-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

.photo-02 img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}

.hero-art img,.photo-03 img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

.photo-05 img,.photo-06 img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

.video-ready{display:block;background:#d5cbe0;overflow:hidden}

.youtube-poster{position:relative;display:block;width:100%;height:100%;background:#d5cbe0}

.youtube-poster img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}

.youtube-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(255,255,255,.85);border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.72);color:var(--lav-deep);font-size:18px;padding-left:3px;transition:transform .25s ease,background .25s ease}

.youtube-poster:hover .youtube-play{transform:translate(-50%,-50%) scale(1.05);background:#fff}

.song-credit{margin-top:20px;color:var(--muted);font-family:var(--sans)!important;font-size:11px;letter-spacing:.08em}

.song-video{width:min(100%,560px);aspect-ratio:1;margin:54px auto 0;background:var(--lav-light);overflow:hidden;border-radius:6px;box-shadow:0 16px 45px rgba(86,72,106,.08)}

.song-video video{display:block;width:100%;height:100%;object-fit:contain;background:var(--lav-light)}


/* Final scene: the card has entered everyday life */
.final-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:clamp(55px,9vw,130px);align-items:center}

.final-content{text-align:left}

.final-content .button{margin:35px 0 0}

.final-photo{width:min(100%,420px);aspect-ratio:4/5;justify-self:end;background:#d9d6d0;color:#7d7a76}

.final-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}


@media(max-width:760px){
  .word-field{height:500px}

  .word-field .word-a{top:0;left:0}

  .word-field .word-b{top:29%;right:0;text-align:right}

  .word-field .word-c{bottom:15%;left:3%}

  .word-field .word-d{top:auto;right:2%;bottom:0;text-align:right}

  .experience .app-photo{width:min(76vw,300px);aspect-ratio:4/5}

  .final-layout{grid-template-columns:1fr;gap:48px}

  .final-content{text-align:center}

  .final-content .button{margin:35px auto 0}

  .final-photo{width:min(78vw,330px);justify-self:end}

  .how-heading{grid-template-columns:1fr;gap:36px}

  .how-heading .photo-05{width:min(76vw,300px);justify-self:end}

}

/* Final cascade: whole-page rhythm and purchase emphasis */
:root{--cta-lavender:#b59ad6;--cta-lavender-hover:#9f82c7}
.word-a{font-size:clamp(1.85rem,4vw,3rem);line-height:1.62}
.word-b{font-size:clamp(1.35rem,2.85vw,2.05rem);line-height:1.78}
.word-c{font-size:clamp(1rem,2vw,1.42rem);line-height:1.9}
.word-d{font-size:clamp(.82rem,1.45vw,1.08rem);line-height:2;color:#958c9d}
.word-field .word-a{top:0;left:1%}
.word-field .word-b{top:38%;right:0}
.word-field .word-c{bottom:0;left:15%}
.word-field .word-d{top:8%;right:5%}
.music-media{width:100%;margin-bottom:24px}
.music-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:2px}
.price{font-size:54px}
.stock-badge{display:inline-flex;align-items:center;min-height:29px;padding:5px 12px;border-radius:999px;background:#eee7f6;color:#77658a;letter-spacing:.14em}
.button{background:var(--cta-lavender);color:#fff}
.button:hover{background:var(--cta-lavender-hover)}
.final-layout{grid-template-areas:"content photo" "action photo";grid-template-rows:auto auto;align-items:center}
.final-content{grid-area:content}
.final-photo{grid-area:photo}
.final-action{grid-area:action;align-self:start}
.final-action .button{margin-top:35px}
.final-photo img{object-position:center}
.sticky-buy{background:rgba(181,154,214,.96);color:#fff}
.sticky-buy a{background:rgba(255,255,255,.94);color:#69567d}

@media(min-width:761px){
  .section{padding-top:96px;padding-bottom:96px}
  .words,.listen{padding-top:110px;padding-bottom:110px}
  .intro,.experiences,.how,.product{padding-top:94px;padding-bottom:94px}
  .credits{padding-top:88px;padding-bottom:88px}
  .story{padding-top:104px;padding-bottom:104px}
  .final-cta{padding-top:150px;padding-bottom:150px}
  .experiences .section-inner{width:min(1240px,100%)}
  .experience-list{gap:28px}
  .experience .app-photo{width:min(86%,300px)}
}

@media(max-width:760px){
  .word-field{height:520px}
  .word-field .word-a{top:0;left:0}
  .word-field .word-b{top:31%;right:0;text-align:right}
  .word-field .word-c{bottom:16%;left:3%}
  .word-field .word-d{top:auto;right:1%;bottom:0;text-align:right}
  .price{font-size:48px}
  .final-layout{grid-template-areas:"content" "photo" "action";grid-template-columns:1fr}
  .final-action{text-align:center}
  .final-action .button{margin-top:10px}
}