.diy-journey{--diy-accent:#f0c489;background:#03050a;color:#fbf8f2}
.diy-journey .scene-diy{height:100vh;height:100svh;min-height:760px;isolation:isolate;--scene-accent:var(--diy-accent)}
@supports(height:100dvh){.diy-journey .scene-diy{height:100dvh}}
.diy-journey .scene-image{inset:0;width:100%;height:100%;object-fit:cover}
.diy-title .scene-image{object-position:67% center}
.diy-structure .scene-image{object-position:69% center}
.diy-refine .scene-image{object-position:72% center}
.diy-journey .scene-content{max-width:790px}
.diy-title .scene-content h1{font-size:clamp(44px,4.8vw,72px);max-width:760px}
.diy-product-name{font-size:13px!important;letter-spacing:.24em!important}
.diy-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:min(800px,calc(100vw - 2 * var(--edge)));margin:28px 0 0;padding:0;list-style:none;background:#ffffff20;border:1px solid #ffffff24;box-shadow:0 18px 52px #0009;backdrop-filter:blur(14px)}
.diy-fact-grid li{min-width:0;padding:18px 16px;background:#09070bd9}
.diy-fact-grid strong,.diy-fact-grid span{display:block}
.diy-fact-grid strong{font-size:12px;line-height:1.35;letter-spacing:.045em;color:#fbf8f2}
.diy-fact-grid span{margin-top:8px;font-size:10px;line-height:1.5;color:#d9cdb8}
.diy-sequence{width:min(710px,100%);margin:22px 0;padding:0;list-style:none;border-top:1px solid #ffffff25}
.diy-sequence li{position:relative;display:grid;grid-template-columns:32px 1fr;gap:12px;padding:12px;border-bottom:1px solid #ffffff20;background:#09070b8c;color:#f0e8ed;font-size:12px;line-height:1.45;backdrop-filter:blur(10px)}
.diy-sequence span{color:var(--diy-accent);font-size:9px;letter-spacing:.12em}
.diy-text-action{display:inline-flex;align-items:center;gap:16px;min-height:58px;margin-left:28px;font-size:10px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
.diy-text-action:hover{text-decoration:underline;text-underline-offset:6px}
@media(max-width:1000px){.diy-journey .scene-content{bottom:72px}.diy-journey h2{font-size:clamp(42px,7vw,62px)}}
@media(max-width:600px){
  .diy-journey .scene-diy{height:100svh;min-height:760px}
  @supports(height:100dvh){.diy-journey .scene-diy{height:100dvh}}
  .diy-title .scene-image{object-position:76% center}
  .diy-structure .scene-image{object-position:76% center}
  .diy-refine .scene-image{object-position:79% center}
  .diy-title .scene-content h1{font-size:clamp(40px,11.5vw,52px)}
  .diy-journey .scene-content{bottom:42px}
  .diy-journey h2{font-size:clamp(35px,9.7vw,44px);margin-bottom:11px}
  .diy-journey .scene-summary{font-size:12px;line-height:1.46;margin-bottom:10px}
  .diy-fact-grid{grid-template-columns:1fr;width:100%;margin-top:10px}
  .diy-fact-grid li{padding:7px 10px}
  .diy-fact-grid strong{font-size:10px}
  .diy-fact-grid span{margin-top:2px;font-size:9px;line-height:1.35}
  .diy-sequence{margin-block:10px}
  .diy-sequence li{padding-block:7px;font-size:9px;line-height:1.35}
  .diy-text-action{display:flex;width:max-content;margin:8px 0 0;min-height:40px}
  .diy-refine .outline-action{min-height:44px}
  .diy-refine .availability{margin-top:7px}
}
@media(max-width:340px){.diy-title .scene-content h1,.diy-journey h2{font-size:35px}.diy-fact-grid span{display:none}.diy-sequence li{line-height:1.3}.diy-refine .outline-action{min-width:210px}}
@media(prefers-reduced-motion:reduce){.diy-journey .scene-image{transform:none!important}.diy-journey .scene-content{translate:none!important;opacity:1!important}}