/* Hero dengan CTA kategori; Quick Access mengambang di atas latar hero. */
@font-face{ font-family: 'Journey Cormorant'; src: url('../fonts/journey-cormorant-regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face{ font-family: 'Journey Cormorant'; src: url('../fonts/journey-cormorant-italic.ttf') format('truetype'); font-style: italic; font-weight: 400; font-display: swap; }
@font-face{ font-family: 'Journey Manrope'; src: url('../fonts/journey-manrope-regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
.home-journey{color-scheme:dark;--ink:#080a09;--ivory:#eee9df;--muted:#a6a69f;--gold:#c9b18b;--line:rgba(221,201,165,.18)}
.home-journey *{box-sizing:border-box}
.home-journey{background:var(--ink);scrollbar-width:thin;scrollbar-color:#615440 #080a09}
.home-journey{margin:0;background:var(--ink);color:var(--ivory);font-family:'Journey Manrope',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
.home-journey a{color:inherit;text-decoration:none}
.home-journey button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.home-journey button,.home-journey a{-webkit-tap-highlight-color:transparent}
.home-journey a:focus-visible,.home-journey button:focus-visible{outline:1px solid var(--gold);outline-offset:8px}
.home-journey .stage{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:#080a09}
.home-journey .ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 44%,rgba(144,112,63,.16),transparent 55%),radial-gradient(ellipse at 26% 100%,rgba(79,77,49,.08),transparent 40%)}
.home-journey .portrait-stage{position:absolute;left:35%;top:4%;width:65%;height:104%;transform-origin:58% 44%;will-change:transform,opacity;mask-image:linear-gradient(to right,transparent,black 18%,black 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 18%,black 88%,transparent)}
.home-journey #journey-portrait{height:100%;width:100%;display:block}
.home-journey .shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080a09 0%,rgba(8,10,9,.92) 20%,rgba(8,10,9,.48) 41%,transparent 63%),linear-gradient(0deg,#080a09 0%,transparent 27%,transparent 83%,rgba(8,10,9,.5));z-index:2}
.home-journey #journey-molecules{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.home-journey .background-word{position:absolute;bottom:-12%;left:0;right:0;z-index:3;color:rgba(197,183,155,.025);font-family:'Journey Cormorant',serif;letter-spacing:.01em;font-size:31.7vw;line-height:1;white-space:nowrap;pointer-events:none}
.home-journey .copy{position:absolute;z-index:5;left:8.2%;top:47%;transform:translateY(-42%);width:58%;pointer-events:none;will-change:opacity,transform}
.home-journey .copy-renewal,.home-journey .copy-peptides{opacity:0;visibility:hidden}
.home-journey .eyebrow{font-size:11px;letter-spacing:2.2px;color:var(--gold);margin:0 0 32px;display:flex;align-items:center;gap:14px}
.home-journey .fine-line{width:30px;height:1px;background:var(--gold);display:inline-block}
.home-journey .journey-title--aesthetics,.home-journey .journey-title--peptides{font-family:'Journey Cormorant',Georgia,serif;font-weight:400;font-size:clamp(64px,7.7vw,124px);letter-spacing:-.044em;line-height:.91;margin:0 0 31px}
.home-journey .journey-title--aesthetics em,.home-journey .journey-title--peptides em{font-weight:400;color:#d5bf9b}
.home-journey .journey-title--peptides{font-size:clamp(60px,7.3vw,118px)}
.home-journey .copy-peptides .journey-title--peptides{font-size:clamp(58px,6.8vw,108px)}
.home-journey .description{font-size:14px;color:#b0b1a9;line-height:1.9;letter-spacing:.1px;margin:0;max-width:410px}
.home-journey .small-note{font-size:9px;letter-spacing:2px;margin-top:32px;color:#787c73}
.home-journey .molecule-label{display:flex;align-items:center;gap:15px;margin-top:35px;font-size:10px;letter-spacing:2px;color:#d1c3aa}
.home-journey .molecule-label span:not(.molecule-icon){display:block;font-size:8px;color:#81867c;letter-spacing:1.4px;margin-top:7px}
.home-journey .molecule-icon{font-size:38px;line-height:1;color:#c9b18b}
.home-journey .portrait-caption,.home-journey .dna-caption{position:absolute;z-index:6;right:12%;bottom:20%;display:flex;gap:14px;align-items:center;font-size:9px;letter-spacing:1.8px;color:#cbbb9e}
.home-journey .portrait-caption small,.home-journey .dna-caption small{display:block;font-size:9px;color:#777f73;letter-spacing:.3px;margin-top:8px}
.home-journey .caption-line{display:block;width:42px;height:1px;background:linear-gradient(90deg,transparent,#998566)}
.home-journey .dna-caption{opacity:0;right:10%;bottom:19%}
.home-journey .scroll-space{height:760svh;position:relative;pointer-events:none}
.home-journey #journey-aesthetics{position:absolute;top:0}
.home-journey #journey-peptides{position:absolute;top:64%}
@media(min-width:1700px){.home-journey .copy{left:10%}
.home-journey .description{font-size:16px}
.home-journey .eyebrow{font-size:12px}
.home-journey .small-note{font-size:11px}}
@media(max-width:900px){.home-journey .portrait-stage{left:22%;width:85%;top:6%;height:97%}
.home-journey .copy{left:7%;width:85%;top:49%}
.home-journey .journey-title--aesthetics,.home-journey .journey-title--peptides{font-size:clamp(69px,10vw,97px)}
.home-journey .copy-peptides .journey-title--peptides{font-size:clamp(60px,9.4vw,90px)}
.home-journey .shade{background:linear-gradient(90deg,rgba(8,10,9,.88),rgba(8,10,9,.32) 58%,transparent),linear-gradient(0deg,#080a09,transparent 50%)}
.home-journey .portrait-caption,.home-journey .dna-caption{right:10%;bottom:18%}}
@media(max-width:600px){.home-journey .portrait-stage{left:0;top:4%;width:118%;height:76%;mask-image:linear-gradient(to bottom,black 65%,transparent);-webkit-mask-image:linear-gradient(to bottom,black 65%,transparent)}
.home-journey .copy{top:auto;bottom:17%;transform:none;left:7%;width:89%}
.home-journey .eyebrow{margin-bottom:20px;font-size:9px;letter-spacing:1.6px;gap:10px}
.home-journey .fine-line{width:20px}
.home-journey .journey-title--aesthetics,.home-journey .journey-title--peptides{font-size:clamp(61px,14vw,84px);line-height:.91;margin-bottom:21px}
.home-journey .copy-peptides .journey-title--peptides{font-size:clamp(49px,11.8vw,70px)}
.home-journey .description{font-size:12px;line-height:1.8}
.home-journey .small-note{margin-top:20px;font-size:8px;letter-spacing:1.5px}
.home-journey .shade{background:linear-gradient(0deg,#080a09 5%,rgba(8,10,9,.96) 19%,rgba(8,10,9,.18) 61%,rgba(8,10,9,.04)),linear-gradient(90deg,rgba(8,10,9,.25),transparent 60%)}
.home-journey .portrait-caption,.home-journey .dna-caption{display:none}
.home-journey .background-word{bottom:1%;font-size:34vw}
.home-journey .molecule-label{margin-top:24px}
.home-journey .scroll-space{height:690svh}
.home-journey .molecule-label span:not(.molecule-icon){font-size:7px}}
@media(max-height:620px) and (min-width:601px){.home-journey .copy{top:46%}
.home-journey .eyebrow{margin-bottom:18px}
.home-journey .journey-title--aesthetics,.home-journey .journey-title--peptides{font-size:72px;margin-bottom:18px}
.home-journey .description{font-size:12px}
.home-journey .small-note{margin-top:20px}
.home-journey .portrait-caption{bottom:15%}}
.home-journey .scene{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.home-journey .stage{background:#000}
.home-journey .scene-aesthetics{z-index:0;background:var(--ink);transform-origin:center center}
.home-journey .underlay-effect{
  position:absolute;left:0;right:0;bottom:0;height:0;pointer-events:none;visibility:hidden;
  --mask-start:calc(var(--effect-offset,0px) + var(--effect-feather,0px)*var(--blur-start,0));
  --mask-span:calc(var(--effect-feather,0px)*(var(--blur-end,1) - var(--blur-start,0)));
  --effect-mask:linear-gradient(to bottom,
    transparent var(--mask-start),
    rgba(0,0,0,.043) calc(var(--mask-start) + var(--mask-span)*.125),
    rgba(0,0,0,.156) calc(var(--mask-start) + var(--mask-span)*.25),
    rgba(0,0,0,.316) calc(var(--mask-start) + var(--mask-span)*.375),
    rgba(0,0,0,.5) calc(var(--mask-start) + var(--mask-span)*.5),
    rgba(0,0,0,.684) calc(var(--mask-start) + var(--mask-span)*.625),
    rgba(0,0,0,.844) calc(var(--mask-start) + var(--mask-span)*.75),
    rgba(0,0,0,.957) calc(var(--mask-start) + var(--mask-span)*.875),
    #000 calc(var(--mask-start) + var(--mask-span)));
  -webkit-mask-image:var(--effect-mask);mask-image:var(--effect-mask)
}
.home-journey .underlay-blurs{position:absolute;inset:0;z-index:8;pointer-events:none;visibility:hidden}
.home-journey .underlay-blur{
  top:0;height:100%;visibility:inherit;
  --effect-offset:var(--underlay-blur-top,100vh);
  --effect-feather:var(--underlay-blur-feather,0px);
  -webkit-backdrop-filter:blur(calc(var(--underlay-blur-radius,0px)*var(--blur-weight)));
  backdrop-filter:blur(calc(var(--underlay-blur-radius,0px)*var(--blur-weight)))
}
.home-journey .underlay-blur-soft{--blur-weight:.32;--blur-start:0;--blur-end:.70}
.home-journey .underlay-blur-full{--blur-weight:.947;--blur-start:.20;--blur-end:1}
.home-journey .underlay-blackout{z-index:9;background:#000;opacity:0}
.home-journey .scene-peptides{z-index:1;background:#0b110e;opacity:1;filter:none;transform:translate3d(0,100%,0);visibility:hidden;will-change:transform;box-shadow:0 -30px 80px rgba(0,0,0,.55);border-top:1px solid rgba(201,177,139,.2)}
.home-journey .scene-peptides .ambient{background:radial-gradient(ellipse at 76% 42%,rgba(136,120,67,.15),transparent 58%),radial-gradient(ellipse at 35% 95%,rgba(51,87,60,.15),transparent 60%)}
.home-journey .scene-peptides .shade{background:linear-gradient(90deg,#0b110e 0%,rgba(11,17,14,.87) 20%,rgba(11,17,14,.38) 43%,transparent 65%),linear-gradient(0deg,#0b110e 0%,transparent 27%,transparent 83%,rgba(11,17,14,.5))}
@media(max-width:600px){.home-journey .scene-peptides .shade{background:linear-gradient(0deg,#0b110e 5%,rgba(11,17,14,.94) 19%,rgba(11,17,14,.12) 61%,transparent)}}
.home-journey .portrait-stage{z-index:1;mask-image:linear-gradient(to bottom,black 72%,transparent 99%);-webkit-mask-image:linear-gradient(to bottom,black 72%,transparent 99%)}
.home-journey .scroll-space{height:540svh}
@media(max-width:600px){.home-journey .scroll-space{height:520svh}}
.home-journey #journey-portrait{object-fit:cover}
.home-journey .description{font-size:1rem}
.home-journey .eyebrow,.home-journey .small-note,.home-journey .portrait-caption,.home-journey .dna-caption,.home-journey .portrait-caption small,.home-journey .dna-caption small,.home-journey .molecule-label,.home-journey .molecule-label span:not(.molecule-icon){font-size:.75rem}
.home-journey .small-note{letter-spacing:1.5px}
@media(max-width:900px){.home-journey .description{font-size:1rem}}
@media(max-width:600px){.home-journey .eyebrow{font-size:.75rem;letter-spacing:1.3px}
.home-journey .description{font-size:1rem;line-height:1.65}
.home-journey .small-note{font-size:.75rem;letter-spacing:1px}
.home-journey .molecule-label span:not(.molecule-icon){font-size:.75rem;letter-spacing:.5px}
.home-journey .copy{bottom:17%}
.home-journey .molecule-label{margin-top:20px}}
@media(max-height:620px){.home-journey .small-note,.home-journey .molecule-label,.home-journey .portrait-caption,.home-journey .dna-caption{display:none}
.home-journey .copy{top:44%}
.home-journey .description{font-size:1rem}
.home-journey .journey-title--aesthetics,.home-journey .journey-title--peptides{font-size:clamp(48px,10vh,80px)}}
@media(prefers-reduced-motion:reduce){.home-journey *,.home-journey *:before,.home-journey *:after{transition:none!important}
.home-journey .scroll-space{height:300svh}}
.home-journey .mobile-aesthetics-video{display:none}
@media(max-width:600px){.home-journey .scroll-space{height:250svh}
.home-journey #journey-peptides{top:45.2%}
.home-journey .scene-aesthetics .portrait-stage{display:none}
.home-journey .mobile-aesthetics-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;z-index:1;pointer-events:none;background:#080a09}
.home-journey .scene-aesthetics .shade{background:linear-gradient(to top,#080a09 0%,rgba(8,10,9,.96) 22%,rgba(8,10,9,.8) 36%,rgba(8,10,9,.28) 51%,transparent 65%),linear-gradient(to bottom,rgba(8,10,9,.65),transparent 18%)}
.home-journey .scene-aesthetics .copy{top:auto;bottom:max(110px,13svh);left:7%;width:86%;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.home-journey .scene-aesthetics .eyebrow{color:#dfc69e;margin-bottom:20px}
.home-journey .scene-aesthetics .journey-title--aesthetics{font-size:clamp(52px,14vw,76px);margin-bottom:20px}
.home-journey .scene-aesthetics .description{color:#e0e1da;line-height:1.65}
.home-journey .scene-aesthetics .small-note{color:#b9bdb1;line-height:1.6;letter-spacing:.8px;margin-top:20px}}
@media(max-width:600px) and (max-height:680px){.home-journey .scene-aesthetics .copy{bottom:100px}
.home-journey .scene-aesthetics .journey-title--aesthetics{font-size:clamp(46px,12vw,64px);margin-bottom:14px}
.home-journey .scene-aesthetics .eyebrow{margin-bottom:12px}
.home-journey .scene-aesthetics .small-note{display:none}}
.home-journey .mobile-peptides-video{display:none}
@media(max-width:600px){.home-journey .scene-peptides{background:#dcf4ef;border-top-color:#d1ece4}
.home-journey .scene-peptides #journey-molecules,.home-journey .scene-peptides .ambient,.home-journey .scene-peptides .background-word{display:none}
.home-journey .mobile-peptides-video{display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 0;pointer-events:none;background:#dcf4ef}
.home-journey .scene-peptides .shade{background:linear-gradient(to bottom,rgba(237,250,247,.8),rgba(237,250,247,.2) 9%,transparent 18%),linear-gradient(to top,#dcf4ef 0%,rgba(220,244,239,.45) 25%,transparent 43%)}
.home-journey .scene-peptides .copy{top:62%;bottom:auto;left:7%;width:86%;color:#203d38;text-shadow:none}
.home-journey .scene-peptides .eyebrow{color:#45675c;font-size:10px;margin-bottom:16px;letter-spacing:1.5px}
.home-journey .scene-peptides .fine-line{background:#628477}
.home-journey .scene-peptides .journey-title--peptides{font-size:clamp(42px,12.3vw,68px);line-height:.96;margin-bottom:18px}
.home-journey .scene-peptides .journey-title--peptides em{color:#52776a}
.home-journey .scene-peptides .description{color:#405f56;font-size:14px;line-height:1.65}
.home-journey .scene-peptides .molecule-label{margin-top:20px;color:#365c50;font-size:11px;letter-spacing:1.8px}
.home-journey .scene-peptides .molecule-icon{color:#507c6b;font-size:30px}
.home-journey .scene-peptides .molecule-label span:not(.molecule-icon){color:#4c6e61;font-size:9px;letter-spacing:.6px}}
@media(max-width:600px) and (min-aspect-ratio:1/2){.home-journey .mobile-peptides-video{width:auto;max-width:100%;left:50%;right:auto;transform:translateX(-50%);object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent)}}
@media(max-width:600px) and (max-height:740px){.home-journey .scene-peptides .copy{top:60%}
.home-journey .scene-peptides .eyebrow{margin-bottom:10px}
.home-journey .scene-peptides .journey-title--peptides{font-size:clamp(38px,11.4vw,54px);margin-bottom:12px}
.home-journey .scene-peptides .description{font-size:13px;line-height:1.5}
.home-journey .scene-peptides .molecule-label{margin-top:12px}}
@media(max-width:600px) and (max-height:620px){.home-journey .scene-peptides .copy{top:57%}
.home-journey .scene-peptides .journey-title--peptides{font-size:clamp(30px,8vh,46px);margin-bottom:8px}
.home-journey .scene-peptides .eyebrow{font-size:9px;margin-bottom:8px}
.home-journey .scene-peptides .description{font-size:12px}}
.home-journey .desktop-aesthetics-video{display:none}
.home-journey .scene-aesthetics .portrait-stage{display:none}
@media(min-width:601px){.home-journey .desktop-aesthetics-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;z-index:1;pointer-events:none;background:#080a09}}
@media(min-width:601px) and (max-aspect-ratio:1/1){.home-journey .desktop-aesthetics-video{object-position:70% 0}
.home-journey .scene-aesthetics .copy{top:62%;bottom:auto;left:8%;width:84%}
.home-journey .scene-aesthetics .journey-title--aesthetics{font-size:clamp(64px,8.5vw,94px);margin-bottom:24px}
.home-journey .scene-aesthetics .eyebrow{margin-bottom:22px}
.home-journey .scene-aesthetics .shade{background:linear-gradient(to top,#080a09 0%,rgba(8,10,9,.9) 22%,rgba(8,10,9,.35) 39%,transparent 53%),linear-gradient(to bottom,rgba(8,10,9,.4),transparent 18%)}
.home-journey .scene-aesthetics .portrait-caption{display:none}}
.home-journey .desktop-peptides-video{display:none}
@media(min-width:601px){.home-journey .scene-peptides{background:#dcf4ef;border-top-color:#d1ece4}
.home-journey .scene-peptides #journey-molecules,.home-journey .scene-peptides .ambient,.home-journey .scene-peptides .background-word{display:none}
.home-journey .desktop-peptides-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;z-index:1;pointer-events:none;background:#dcf4ef}
.home-journey .scene-peptides .shade{background:linear-gradient(to right,rgba(220,244,239,.68),rgba(220,244,239,.25) 35%,transparent 57%),linear-gradient(to bottom,rgba(237,250,247,.65),transparent 15%),linear-gradient(to top,#dcf4ef,transparent 25%)}
.home-journey .scene-peptides .copy{color:#203d38;text-shadow:none}
.home-journey .scene-peptides .eyebrow{color:#45675c}
.home-journey .scene-peptides .fine-line{background:#628477}
.home-journey .scene-peptides .journey-title--peptides em{color:#52776a}
.home-journey .scene-peptides .description{color:#405f56}
.home-journey .scene-peptides .molecule-label{color:#365c50}
.home-journey .scene-peptides .molecule-icon{color:#507c6b}
.home-journey .scene-peptides .molecule-label span:not(.molecule-icon){color:#4c6e61}
.home-journey .scene-peptides .dna-caption{display:none}}
@media(min-width:601px) and (max-aspect-ratio:1/1){.home-journey .desktop-peptides-video{height:72%;object-position:70% 0;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
.home-journey .scene-peptides .copy{top:64%;bottom:auto;left:8%;width:84%}
.home-journey .scene-peptides .journey-title--peptides{font-size:clamp(52px,7.7vw,86px);margin-bottom:22px}
.home-journey .scene-peptides .eyebrow{margin-bottom:22px}
.home-journey .scene-peptides .molecule-label{margin-top:24px}
.home-journey .scene-peptides .shade{background:linear-gradient(to bottom,rgba(237,250,247,.65),transparent 14%)}}
.home-journey{
  --journey-top: var(--site-nav-height, 60px);
  --journey-height: max(570px, calc(100svh - var(--journey-top)));
  position: relative; margin-top: var(--journey-top); line-height: normal;
  font-family: 'Journey Manrope', Arial, sans-serif;
  scroll-margin-top: var(--journey-top); scrollbar-width: auto;
}
.home-journey.is-ready{ height: calc(var(--journey-height) + 440svh); }
.home-journey .stage{ position: sticky; inset: auto; top: var(--journey-top); width: 100%; height: var(--journey-height); overflow: clip; }
.home-journey .scene{ overflow: clip; }
.home-journey .journey-title--aesthetics em,.home-journey .journey-title--peptides em{ font-family: 'Journey Cormorant', Georgia, serif; letter-spacing: inherit; font-size: inherit; }
.home-journey .copy{ opacity: 1; visibility: visible; }
.home-journey .background-word{ font-size: 11.6vw; bottom: -2%; letter-spacing: -.045em; }
.home-journey .journey-anchor{ position: absolute; top: 0; width: 1px; height: 1px; pointer-events: none; scroll-margin-top: var(--journey-top); }
.home-journey #hero-peptides{ top: calc(440svh * .72); }
.home-journey .journey-poster{ position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.home-journey .journey-poster img{ width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 0; }
.home-journey video{ opacity: 0; transition: opacity .15s; }
.home-journey video.is-ready{ opacity: 1; }
.home-journey video.has-error{ opacity: 0; }
.home-journey .portrait-caption{ opacity: .8; }
.home-journey [hidden]{ display: none !important; }
.home-journey .copy[aria-hidden='true']{ pointer-events: none; }
.home-journey:not(.is-ready){ height: auto; }
.home-journey:not(.is-ready) .stage{ position: relative; top: 0; height: auto; }
.home-journey:not(.is-ready) .scene{ position: relative; height: var(--journey-height); transform: none !important; opacity: 1 !important; visibility: visible !important; }
.home-journey:not(.is-ready) #hero-peptides{ top: var(--journey-height); }
.home-journey:not(.is-ready) .scene-peptides .copy{ opacity: 1; visibility: visible; }
@media (min-width: 601px) and (max-aspect-ratio: 1/1){.home-journey .scene-aesthetics .journey-poster img{ object-position: 70% 0; }
.home-journey .scene-peptides .journey-poster{ height: 72%; mask-image: linear-gradient(to bottom,#000 78%,transparent); -webkit-mask-image: linear-gradient(to bottom,#000 78%,transparent); }
.home-journey .scene-peptides .journey-poster img{ object-position: 70% 0; }
.home-journey .copy{ transform: none; }
.home-journey .scene-aesthetics .copy{ top: auto; bottom: 108px; }
.home-journey .scene-peptides .copy{ top: auto; bottom: 108px; }}
@media (max-width: 600px){.home-journey{ --journey-height: max(580px, calc(100svh - var(--journey-top))); }
.home-journey.is-ready{ height: calc(var(--journey-height) + 150svh); }
.home-journey #hero-peptides{ top: calc(150svh * .754); }
.home-journey .scene-peptides .copy{ top: auto; bottom: 103px; }
.home-journey .scene-aesthetics .copy{ bottom: 110px; }}
@media (max-width: 600px) and (min-aspect-ratio: 1/2){.home-journey .scene-peptides .journey-poster{ left: 50%; right: auto; width: auto; transform: translateX(-50%); height: 100%; aspect-ratio: 720/1554; max-width: 100%; mask-image: linear-gradient(to right,transparent,#000 15%,#000 85%,transparent); -webkit-mask-image: linear-gradient(to right,transparent,#000 15%,#000 85%,transparent); }
.home-journey .scene-peptides .journey-poster img{ object-fit: contain; }}
@media (max-width: 360px){.home-journey .scene-aesthetics .eyebrow{ font-size: 10px; }
.home-journey .scene-aesthetics .description{ font-size: 14px; }
.home-journey .scene-aesthetics .small-note{ font-size: 10px; }}
@media (prefers-reduced-motion: reduce){.home-journey video{ display: none; }}

/* Satu hierarki copy dan keluarga tombol untuk kedua section. */
.home-journey .scene{--cta-bg:#eee7da;--cta-ink:#233b30;--cta-icon-bg:#293f34;--cta-icon-ink:#f6f0e6;--cta-hover:#fff8ed;--cta-focus:#eee7da}
.home-journey .scene-peptides{--cta-bg:#264a3e;--cta-ink:#f4f7ef;--cta-icon-bg:#e2eedc;--cta-icon-ink:#264a3e;--cta-hover:#173d30;--cta-focus:#264a3e}
.home-journey .scene .copy{width:min(680px,58%)}
.home-journey .scene .eyebrow{margin-bottom:24px;font-size:11px;letter-spacing:2px}
.home-journey .scene .journey-title--aesthetics,.home-journey .scene .journey-title--peptides{font-size:clamp(58px,6.1vw,94px);line-height:.97;margin-bottom:25px;letter-spacing:-.04em}
.home-journey .journey-lead{margin:0 0 14px;font-size:20px;line-height:1.5;letter-spacing:-.3px;color:#f2eadc}
.home-journey .scene-peptides .journey-lead{color:#244a3e}
.home-journey .scene .description{max-width:490px;font-size:15px;line-height:1.75;color:#c2c5bc}
.home-journey .scene-peptides .description{color:#405f56}
.home-journey .journey-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;max-width:520px}
.home-journey .journey-learn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:60px;max-width:100%;padding:9px 10px 9px 23px;border:1px solid var(--cta-bg);border-radius:999px;background:var(--cta-bg);color:var(--cta-ink);box-shadow:0 5px 18px #0000000a;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;text-align:left;pointer-events:auto;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.home-journey .journey-button-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--cta-icon-bg);color:var(--cta-icon-ink)}
.home-journey .journey-button-icon svg{display:block;width:19px;height:19px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.home-journey .journey-learn--secondary{background:#eee7da08;border-color:#eee7da66;color:#eee7da;box-shadow:none}
.home-journey .journey-learn--secondary .journey-button-icon{background:#eee7da;color:#293f34}
.home-journey .journey-learn:focus-visible{outline:2px solid var(--cta-focus);outline-offset:5px}
.home-journey .journey-learn:active{transform:translateY(1px)}
.home-journey .journey-learn:disabled{cursor:default;opacity:.6}
.home-journey .copy[aria-hidden='true'] .journey-learn{pointer-events:none}
@media (hover:hover){
  .home-journey .journey-learn:hover{background:var(--cta-hover);border-color:var(--cta-hover);box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}
  .home-journey .journey-learn--secondary:hover{background:#eee7da18;border-color:#eee7da;color:#fff8ed}
  .home-journey .journey-learn:hover .journey-button-icon svg{transform:translateX(2px)}
}
@media (min-width:601px) and (max-aspect-ratio:1/1){
  .home-journey .scene .copy{width:84%;bottom:60px}
  .home-journey .scene .journey-title--aesthetics,.home-journey .scene .journey-title--peptides{font-size:clamp(54px,7.5vw,76px)}
}
@media (max-width:600px){
  .home-journey .scene .copy{width:86%;bottom:96px}
  .home-journey .scene-peptides .shade{background:linear-gradient(to bottom,rgba(237,250,247,.8),rgba(237,250,247,.2) 9%,transparent 18%),linear-gradient(to top,#dcf4ef 0%,rgba(220,244,239,.98) 42%,rgba(220,244,239,.86) 53%,transparent 70%)}
  .home-journey .scene .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:17px}
  .home-journey .scene .journey-title--aesthetics,.home-journey .scene .journey-title--peptides{font-size:clamp(40px,11.6vw,64px);line-height:.98;margin-bottom:20px}
  .home-journey .journey-lead{font-size:16px;line-height:1.5;margin-bottom:12px}
  .home-journey .scene .description{font-size:13px;line-height:1.65}
  .home-journey .journey-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:23px}
  .home-journey .scene-peptides .journey-actions{grid-template-columns:1fr;max-width:290px}
  .home-journey .journey-learn{gap:8px;min-height:58px;padding:9px 9px 9px 17px;font-size:12px}
  .home-journey .journey-button-icon{width:30px;height:30px;flex-basis:30px}
  .home-journey .journey-button-icon svg{width:17px;height:17px}
}
@media (max-width:600px) and (max-height:740px){
  .home-journey .scene .eyebrow{margin-bottom:12px}
  .home-journey .scene .journey-title--aesthetics,.home-journey .scene .journey-title--peptides{font-size:clamp(37px,11vw,50px);margin-bottom:16px}
  .home-journey .journey-lead{font-size:15px;line-height:1.4;margin-bottom:10px}
  .home-journey .scene .description{font-size:12px;line-height:1.6}
  .home-journey .journey-actions{margin-top:18px}
  .home-journey .journey-learn{padding-left:13px;font-size:11px}
  .home-journey .scene-peptides .shade{background:linear-gradient(to bottom,rgba(237,250,247,.8),rgba(237,250,247,.2) 9%,transparent 18%),linear-gradient(to top,#dcf4ef 0%,rgba(220,244,239,.98) 54%,rgba(220,244,239,.9) 63%,transparent 82%)}
}
@media (prefers-reduced-motion:reduce){.home-journey .journey-learn,.home-journey .journey-button-icon svg{transition:none}}