/* Scroll choreography, scoped to the product. Static layouts remain the fallback. */
#ivx .ivx-hero-desert, #ivx .ivx-hero-oversize, #ivx .ivx-hero-timeline { display: none; }
#ivx .ivx-intro { padding: 0; }
#ivx .ivx-intro-stage { padding-block: 125px 130px; }
#ivx .ivx-intro-stage > .ivx-eyebrow { color: var(--ivx-lime); margin-bottom: 37px; }
#ivx .ivx-demo { padding-top: 0; }
#ivx .ivx-demo-stage { padding-top: 110px; }
#ivx .ivx-download { padding: 0; }
#ivx .ivx-download-stage { position: relative; padding-block: 55px 35px; overflow: clip; isolation: isolate; }
#ivx .ivx-download-content { position: relative; z-index: 1; }
#ivx .ivx-download-object { position: relative; width: 100%; aspect-ratio: 1; display: grid; place-items: center; }
#ivx .ivx-download-mark { position: relative; width: 75%; }
#ivx .ivx-download-size, #ivx .ivx-download-file { display: none; }
#ivx .ivx-everyday-window { overflow: clip; }
#ivx .ivx-everyday { overflow: clip; }
#ivx .ivx-everyday-meter { display: none; }
#ivx .ivx-feature-visual { width: 100%; height: 190px; position: relative; overflow: hidden; background: #b6c7a5; margin-bottom: 24px; border-radius: 3px; isolation: isolate; }
#ivx .ivx-feature-visual > img { width: 100%; height: 100%; }
#ivx .ivx-feature-visual > span { position: absolute; inset: auto 0 0; color: #fff; padding: 11px 15px; font-size: 14px; letter-spacing: .13em; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(transparent,#101a0ea8); z-index: 2; }
#ivx .ivx-feature-visual > span b { font-size: 25px; font-weight: 400; }
#ivx .ivx-visual--webtoon > div { width: 75%; margin-inline: auto; transform: translateY(-20%); }
#ivx .ivx-visual--webtoon img { aspect-ratio: 1.7; border: 5px solid #f4f6ed; }
#ivx .ivx-visual--play > img:nth-child(2) { position: absolute; inset: 0; clip-path: inset(0 0 0 50%); }
#ivx .ivx-visual--print { display: grid; place-items: center; background: #c4d0ba; }
#ivx .ivx-visual--print > div { width: 52%; background: #fff; padding: 8px 8px 19px; transform: rotate(-8deg); box-shadow: 0 12px 25px #24321633; }
#ivx .ivx-visual--print img { aspect-ratio: 1.6; }
#ivx .ivx-visual--print > div > span { display: block; font-size: 14px; padding-top: 8px; letter-spacing: .1em; }
#ivx .ivx-visual--print > b { position: absolute; right: 12%; bottom: 15%; font-size: 14px; background: #172014; color: var(--ivx-lime); padding: 7px 12px; font-weight: 500; border-radius: 3px; }
#ivx .ivx-everyday-grid .ivx-feature-symbol { font-size: 14px; margin-bottom: 18px; }

/* 01: collage -> perspective rush -> desert wipe -> full-frame immersion. */
#ivx.ivx-motion .ivx-hero { height: 325svh; }
#ivx.ivx-motion .ivx-hero-stage { perspective: 1200px; }
#ivx.ivx-motion .ivx-hero-copy { transform: none; opacity: 1; }
#ivx.ivx-motion .ivx-hero-copy h1 { font-size: clamp(42px, min(5.6vw, 8.5vh), 84px); }
#ivx.ivx-motion .ivx-hero-copy h1 > span { display: inline-block; transform: translateX(calc(var(--hero-launch,0) * -30vw)) rotate(calc(var(--hero-launch,0) * -9deg)); opacity: calc(1 - var(--hero-launch,0) * 1.5); }
#ivx.ivx-motion .ivx-hero-copy h1 > em { display: inline-block; transform: translateX(calc(var(--hero-launch,0) * 32vw)) rotate(calc(var(--hero-launch,0) * 7deg)); opacity: calc(1 - var(--hero-launch,0) * 1.5); }
#ivx.ivx-motion .ivx-hero-copy .ivx-eyebrow, #ivx.ivx-motion .ivx-hero-side { transform: translateY(calc(var(--hero-launch,0) * -70px)); opacity: calc(1 - var(--hero-launch,0) * 2); }
#ivx.ivx-motion .ivx-hero-top { opacity: calc(1 - var(--hero-launch,0) * 2); }
#ivx.ivx-motion .ivx-hero-window { top: calc(46% - var(--hero-progress,0) * 44%); left: calc(24% - var(--hero-progress,0) * 23%); width: calc(52% + var(--hero-progress,0) * 46%); height: calc(46% + var(--hero-progress,0) * 46%); transform: perspective(1200px) rotateY(calc(var(--hero-tilt,0) * -16deg)) rotateZ(calc(var(--hero-tilt,0) * -6deg)); border-radius: calc(9px - var(--hero-progress,0) * 7px); }
#ivx.ivx-motion .ivx-orbit--left { transform: translate(calc(var(--hero-launch,0) * 18vw),calc(var(--hero-launch,0) * -36vh)) rotate(calc(-9deg + var(--hero-launch,0) * 85deg)) scale(calc(1 + var(--hero-launch,0) * .5)); opacity: calc(1 - var(--hero-launch,0)); }
#ivx.ivx-motion .ivx-orbit--right { transform: translate(calc(var(--hero-launch,0) * -16vw),calc(var(--hero-launch,0) * -30vh)) rotate(calc(8deg - var(--hero-launch,0) * 95deg)) scale(calc(1 + var(--hero-launch,0) * .5)); opacity: calc(1 - var(--hero-launch,0)); }
#ivx.ivx-motion .ivx-hero-photo > img { transform: scale(calc(1 + var(--hero-progress,0) * .25)) translateX(calc(var(--hero-pan,0) * -4%)); }
#ivx.ivx-motion .ivx-hero-desert { display: block; position: absolute; inset: 0; z-index: 2; clip-path: polygon(calc(110% - var(--hero-wipe,0) * 120%) 0, 110% 0, 110% 100%, calc(100% - var(--hero-wipe,0) * 120%) 100%); transform: translateX(calc(var(--hero-return,0) * -105%)); }
#ivx .ivx-hero-desert > img { height: 100%; transform: scale(calc(1.2 - var(--hero-wipe,0) * .2)); }
#ivx .ivx-hero-desert > div { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 6%; color: #fff; background: linear-gradient(90deg,#350f1077,transparent); }
#ivx .ivx-hero-desert strong { font-size: clamp(48px,7.5vw,114px); line-height: 1.15; letter-spacing: -.06em; font-weight: 600; }
#ivx .ivx-hero-desert div > span { font-size: 14px; letter-spacing: .15em; margin-bottom: 22px; }
#ivx .ivx-hero-desert div > b { font-size: 75px; font-weight: 300; line-height: 1; margin-top: 25px; transform: translateX(calc(var(--hero-wipe,0) * 45px)); }
#ivx.ivx-motion .ivx-hero-oversize { display: block; position: absolute; z-index: 4; font-size: 30vw; font-weight: 700; letter-spacing: -.09em; line-height: 1; color: transparent; -webkit-text-stroke: 1px #e4ffc285; top: 24%; left: 0; transform: translateX(calc(105vw - var(--hero-word,0) * 220vw)); opacity: var(--hero-word-alpha,0); pointer-events: none; }
#ivx.ivx-motion .ivx-immersive { z-index: 1; }
#ivx.ivx-motion .ivx-hero-timeline { display: flex; position: absolute; z-index: 4; left: 50%; bottom: 27px; transform: translateX(-50%); align-items: center; gap: 10px; font-size: 14px; letter-spacing: .12em; }
#ivx .ivx-hero-timeline i { width: 44px; height: 1px; background: #818f69; }
#ivx .ivx-hero-timeline span { color: #667153; }
#ivx .ivx-hero-timeline span.is-current { color: var(--ivx-lime); }
#ivx.ivx-motion .ivx-hero-bottom > a { visibility: hidden; }

/* Shared pin layout. Each scene is independently measured before enabling it. */
#ivx .ivx-pin { position: relative; }
#ivx .ivx-pin > .ivx-intro-stage, #ivx .ivx-pin > .ivx-demo-stage, #ivx .ivx-pin > .ivx-everyday-stage, #ivx .ivx-pin > .ivx-download-stage { position: sticky; top: var(--ivx-header); min-height: calc(100svh - var(--ivx-header)); padding-block: 34px; display: flex; flex-direction: column; justify-content: center; }
#ivx .ivx-intro.ivx-pin { height: 205svh; }
#ivx .ivx-intro.ivx-pin .ivx-intro-grid { margin-bottom: 35px; }
#ivx .ivx-intro.ivx-pin .ivx-intro-stage > .ivx-eyebrow { margin-bottom: 25px; }
#ivx .ivx-intro.ivx-pin .ivx-section-title { transform-origin: left center; transform: scale(calc(1.12 - var(--intro-progress,0) * .12)); }
#ivx .ivx-intro.ivx-pin .ivx-section-title > span { color: var(--ivx-lime); clip-path: inset(0 calc(100% - var(--intro-title,0) * 100%) 0 0); }
#ivx.ivx-kinetic .ivx-feature-lines > div { position: relative; isolation: isolate; padding-inline: 15px; transform: translateX(calc((1 - var(--row-enter,1)) * 90px)); opacity: calc(.2 + var(--row-enter,1) * .8); }
#ivx .ivx-feature-lines > div::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--ivx-lime); transform-origin: left; transform: scaleX(var(--row-fill,0)); }
#ivx .ivx-feature-lines > div.is-current { color: #10170b; }
#ivx .ivx-feature-lines > div.is-current p, #ivx .ivx-feature-lines > div.is-current > span { color: #405023; }
#ivx .ivx-feature-lines > div > span:last-child { transform: rotate(calc(var(--row-fill,0) * 90deg)); }
#ivx.ivx-kinetic .ivx-facts-grid > div { transform: translateY(calc((1 - var(--fact-enter,1)) * 80px)) rotateX(calc((1 - var(--fact-enter,1)) * 75deg)); opacity: calc(.2 + var(--fact-enter,1) * .8); transform-origin: center bottom; }

/* The three functions now animate inside each chapter. */
#ivx.ivx-motion .ivx-story { height: 340svh; transition: background .35s; }
#ivx.ivx-motion .ivx-story[data-chapter="1"] { background: #ead5bd; }
#ivx.ivx-motion .ivx-story[data-chapter="2"] { background: #d2ed9b; }
#ivx.ivx-motion .ivx-story-stage { padding-block: 25px; }
#ivx.ivx-motion .ivx-story-panel { transition: opacity .22s, visibility .22s, transform .35s; }
#ivx.ivx-motion .ivx-stack { transition: none; }
#ivx.ivx-motion .ivx-stack--back { transform: translate(calc(10px + var(--chapter-progress,0) * 80px),calc(-5px - var(--chapter-progress,0) * 28px)) rotate(calc(1deg + var(--chapter-progress,0) * 17deg)); }
#ivx.ivx-motion .ivx-stack--middle { transform: translate(calc(var(--chapter-progress,0) * -80px),calc(10px + var(--chapter-progress,0) * 10px)) rotate(calc(-2deg - var(--chapter-progress,0) * 17deg)); }
#ivx.ivx-motion .ivx-stack--front { transform: translateY(calc(18px - var(--chapter-progress,0) * 45px)) rotate(calc(9deg - var(--chapter-progress,0) * 11deg)) scale(calc(.88 + var(--chapter-progress,0) * .16)); }
#ivx.ivx-motion .ivx-archive-photo { transform: translateY(calc(120px - var(--chapter-progress,0) * 155px)) rotate(calc(-8deg + var(--chapter-progress,0) * 20deg)) scale(calc(.8 + var(--chapter-progress,0) * .25)); }
#ivx.ivx-motion .ivx-folder { transform: translateY(calc(var(--chapter-progress,0) * 12px)) rotate(calc(-17deg + var(--chapter-progress,0) * 18deg)); }
#ivx.ivx-motion .ivx-archive-tag { transform: translateY(calc(30px - var(--chapter-progress,0) * 30px)) rotate(6deg) scale(var(--chapter-progress,0)); }
#ivx.ivx-motion .ivx-convert-inputs span { transform: translateY(calc(var(--convert-in,0) * 50px)) scale(calc(1 - var(--convert-in,0) * .65)); opacity: calc(1 - var(--convert-in,0) * .8); }
#ivx.ivx-motion .ivx-convert-inputs span:first-child { transform: translate(calc(var(--convert-in,0) * 90px),calc(var(--convert-in,0) * 55px)) rotate(calc(var(--convert-in,0) * 25deg)) scale(calc(1 - var(--convert-in,0) * .65)); }
#ivx.ivx-motion .ivx-convert-inputs span:last-child { transform: translate(calc(var(--convert-in,0) * -90px),calc(var(--convert-in,0) * 55px)) rotate(calc(var(--convert-in,0) * -25deg)) scale(calc(1 - var(--convert-in,0) * .65)); }
#ivx.ivx-motion .ivx-convert-output { transform: translateY(calc(45px - var(--convert-out,0) * 45px)) rotate(calc(-22deg + var(--convert-out,0) * 18deg)) scale(calc(.45 + var(--convert-out,0) * .55)); opacity: calc(.15 + var(--convert-out,0) * .85); }
#ivx.ivx-motion .ivx-convert-output i { transform: scale(var(--convert-check,0)); }
#ivx.ivx-motion .ivx-story.ivx-no-pin { height: auto; }
#ivx.ivx-motion .ivx-story.ivx-no-pin > .ivx-story-stage { position: relative; top: auto; min-height: 0; padding-block: 55px; }

/* Gallery: a tilting window, automatic photo changes, then manual controls. */
#ivx .ivx-demo-track.ivx-pin { height: 560svh; }
#ivx .ivx-demo-track.ivx-pin .ivx-demo-heading { margin-bottom: 23px; }
#ivx .ivx-demo-track.ivx-pin .ivx-demo-heading .ivx-eyebrow { margin-bottom: 12px; }
#ivx .ivx-demo-track.ivx-pin .ivx-section-title { font-size: clamp(33px,4vw,48px); }
#ivx .ivx-demo-track.ivx-pin .ivx-section-title br { display: none; }
#ivx .ivx-demo-track.ivx-pin .ivx-demo-heading > div:last-child { max-width: 390px; }
#ivx .ivx-demo-track.ivx-pin .ivx-demo-heading > div > p:not(.ivx-eyebrow) { font-size: 14px; margin-bottom: 4px; }
#ivx .ivx-demo-track.ivx-pin .ivx-viewer-image { height: clamp(235px,40vh,450px); }
#ivx .ivx-demo-track.ivx-pin .ivx-viewer { transform: perspective(1300px) rotateY(calc((1 - var(--demo-enter,1)) * 22deg)) rotateX(calc((1 - var(--demo-enter,1)) * 12deg)) scale(calc(.78 + var(--demo-enter,1) * .22)); transform-origin: center center; }
#ivx .ivx-demo-track.ivx-pin .ivx-demo-heading .ivx-section-title > span { display: inline-block; transform: translateX(calc((1 - var(--demo-enter,1)) * 80px)); }

/* Wide picture cards move across the viewport; the image in each card responds. */
#ivx .ivx-everyday-track.ivx-pin { height: 360svh; }
#ivx .ivx-everyday-track.ivx-pin .ivx-everyday-heading { padding-top: 0; }
#ivx .ivx-everyday-track.ivx-pin .ivx-everyday-heading .ivx-eyebrow { margin-bottom: 12px; }
#ivx .ivx-everyday-track.ivx-pin .ivx-section-title { font-size: clamp(32px,4vw,48px); }
#ivx .ivx-everyday-track.ivx-pin .ivx-section-title br { display: none; }
#ivx .ivx-everyday-track.ivx-pin .ivx-everyday-heading > p:last-child { margin-top: 12px; font-size: 14px; }
#ivx .ivx-everyday-track.ivx-pin .ivx-everyday-window { overflow: visible; }
#ivx .ivx-everyday-track.ivx-pin .ivx-everyday-grid { display: flex; gap: 28px; margin-top: 28px; width: max-content; transform: translateX(var(--everyday-x,0px)); }
#ivx .ivx-everyday-track.ivx-pin article { width: min(900px,78vw); flex: none; padding: 16px 20px 20px; background: #f3f5ed; border: 1px solid #b8c7a5; border-radius: 5px; transform: perspective(1000px) rotateY(calc(var(--card-tilt,0) * -10deg)) scale(calc(1 - var(--card-distance,0) * .06)); transform-origin: left center; }
#ivx .ivx-everyday-track.ivx-pin .ivx-feature-visual { height: clamp(155px,24vh,260px); margin-bottom: 17px; }
#ivx .ivx-everyday-track.ivx-pin .ivx-feature-symbol { font-size: 14px; margin-bottom: 13px; }
#ivx .ivx-everyday-track.ivx-pin article h3 { font-size: 30px; margin-bottom: 12px; }
#ivx .ivx-everyday-track.ivx-pin article p { font-size: 14px; }
#ivx .ivx-everyday-track.ivx-pin article > span:last-child { margin-top: 18px; }
#ivx .ivx-everyday-track.ivx-pin .ivx-everyday-meter { display: flex; align-items: center; gap: 20px; margin-top: 24px; font-size: 14px; letter-spacing: .12em; }
#ivx .ivx-everyday-meter > i { height: 2px; background: #b9c8a5; flex: 1; }
#ivx .ivx-everyday-meter > i > b { display: block; height: 100%; background: #40572a; transform-origin: left; transform: scaleX(var(--everyday-progress,0)); }
#ivx.ivx-kinetic .ivx-visual--rotate > img { transform: rotate(calc(90deg - var(--card-progress,1) * 90deg)) scale(calc(.65 + var(--card-progress,1) * .35)); }
#ivx.ivx-kinetic .ivx-visual--webtoon > div { transform: translateY(calc(var(--card-progress,0) * -50%)); }
#ivx.ivx-kinetic .ivx-visual--play > img:nth-child(2) { clip-path: inset(0 calc(100% - var(--card-progress,1) * 100%) 0 0); }
#ivx.ivx-kinetic .ivx-visual--print > div { transform: translateY(calc(120px - var(--card-progress,1) * 120px)) rotate(calc(-25deg + var(--card-progress,1) * 20deg)); }
#ivx.ivx-kinetic .ivx-type-band > span { transform: translateX(var(--format-x,0px)) skewX(calc(var(--format-skew,0) * -5deg)); }

/* Finale: incoming files converge, the app rotates and a lime field fills the stage. */
#ivx .ivx-download.ivx-pin { height: 215svh; background: #11170c; }
#ivx .ivx-download.ivx-pin > .ivx-download-stage { color: #f3f5ee; }
#ivx .ivx-download.ivx-pin .ivx-download-bloom { position: absolute; inset: 0; background: var(--ivx-lime); clip-path: circle(calc(var(--download-bloom,0) * 130%) at 80% 45%); z-index: 0; }
#ivx .ivx-download.ivx-pin .ivx-download-top .ivx-dot { background: currentColor; }
#ivx .ivx-download.ivx-pin .ivx-download-top { position: relative; z-index: 3; }
#ivx .ivx-download.ivx-pin:not(.is-bloomed) .ivx-download-content { mix-blend-mode: difference; }
#ivx .ivx-download.ivx-pin .ivx-download-grid { padding-block: 35px; }
#ivx .ivx-download.ivx-pin .ivx-download-grid > div:first-child { position: relative; z-index: 2; }
#ivx .ivx-download.ivx-pin h2 { font-size: clamp(45px,min(6.7vw,10.5vh),100px); transform: translateX(calc((1 - var(--download-copy,1)) * -80px)); }
#ivx .ivx-download.ivx-pin h2 > span { display: inline-block; color: var(--ivx-lime); transform: translateX(calc((1 - var(--download-copy,1)) * 160px)); }
#ivx .ivx-download.ivx-pin .ivx-download-meta, #ivx .ivx-download.ivx-pin .ivx-requirements dt, #ivx .ivx-download.ivx-pin .ivx-install-note { color: #acbc91; }
#ivx .ivx-download.ivx-pin .ivx-button--dark { background: var(--ivx-lime); color: #10170b; }
#ivx .ivx-download.ivx-pin .ivx-download-mark { transform: perspective(1000px) rotateY(calc((1 - var(--download-turn,1)) * -140deg)) rotateZ(calc(-35deg + var(--download-turn,1) * 25deg)) scale(calc(.3 + var(--download-turn,1) * .7)); }
#ivx .ivx-download.ivx-pin .ivx-download-size { display: block; position: absolute; z-index: 2; top: -6%; right: 0; font-size: clamp(80px,12vw,170px); line-height: 1; font-weight: 600; letter-spacing: -.08em; color: #a4c653; transform: translateY(calc(var(--download-turn,1) * -15px)) scale(calc(1 - var(--download-turn,1) * .3)); transform-origin: right top; }
#ivx .ivx-download-size small { font-size: max(14px, .2em); letter-spacing: -.02em; margin-left: 8px; }
#ivx .ivx-download.ivx-pin .ivx-download-file { display: grid; place-items: center; position: absolute; width: 25%; height: 25%; border-radius: 4px 20px 4px 4px; background: #f1f6e7; color: #19250e; border: 1px solid #91af61; font-size: clamp(12px,1.8vw,22px); box-shadow: 0 15px 35px #0002; opacity: calc(1 - var(--download-gather,0)); }
#ivx .ivx-download-file:nth-last-child(3) { top: 0; left: -15%; transform: translate(calc(var(--download-gather,0) * 140px),calc(var(--download-gather,0) * 110px)) rotate(-22deg); }
#ivx .ivx-download-file:nth-last-child(2) { top: 38%; right: -8%; transform: translateX(calc(var(--download-gather,0) * -100px)) rotate(17deg); }
#ivx .ivx-download-file:last-child { bottom: -1%; left: 7%; transform: translate(calc(var(--download-gather,0) * 65px),calc(var(--download-gather,0) * -100px)) rotate(12deg); }
#ivx .ivx-download.ivx-pin.is-bloomed > .ivx-download-stage { color: #10170b; }
#ivx .ivx-download.ivx-pin.is-bloomed h2 > span { color: #516e19; }
#ivx .ivx-download.ivx-pin.is-bloomed .ivx-download-meta, #ivx .ivx-download.ivx-pin.is-bloomed .ivx-requirements dt, #ivx .ivx-download.ivx-pin.is-bloomed .ivx-install-note { color: #586b29; }
#ivx .ivx-download.ivx-pin.is-bloomed .ivx-button--dark { background: #10170b; color: #fff; }
#ivx .ivx-pin .ivx-reveal { opacity: 1; transform: none; transition: none; }

@media (max-width: 1050px) {
    #ivx .ivx-feature-visual { height: 210px; }
    #ivx .ivx-intro.ivx-pin .ivx-section-title { font-size: 42px; }
    #ivx .ivx-intro.ivx-pin .ivx-intro-text { font-size: 14px; }
}
@media (max-height: 810px) and (min-width: 761px) {
    #ivx .ivx-pin > .ivx-intro-stage { padding-block: 24px; }
    #ivx .ivx-intro.ivx-pin .ivx-section-title { font-size: 45px; }
    #ivx .ivx-intro.ivx-pin .ivx-feature-lines > div { padding-block: 23px; }
    #ivx .ivx-intro.ivx-pin .ivx-intro-stage > .ivx-eyebrow { margin-bottom: 20px; }
    #ivx.ivx-motion .ivx-story-art { height: 290px; }
    #ivx.ivx-motion .ivx-story-copy h3 { font-size: 39px; }
    #ivx .ivx-download.ivx-pin .ivx-download-object { width: 85%; justify-self: end; }
    #ivx .ivx-download.ivx-pin > .ivx-download-stage { padding-block: 24px; }
    #ivx .ivx-download.ivx-pin .ivx-download-grid { padding-block: 20px; grid-template-columns: 1.7fr 1fr; }
    #ivx .ivx-download.ivx-pin h2 { font-size: 68px; }
    #ivx .ivx-download.ivx-pin .ivx-download-grid p { margin-block: 15px 18px; font-size: 15px; }
    #ivx .ivx-download.ivx-pin .ivx-requirements { padding-top: 18px; }
    #ivx .ivx-download.ivx-pin .ivx-install-note { padding-top: 18px; }
}
@media (max-width: 760px) {
    #ivx .ivx-intro-stage { padding-block: 75px; }
    #ivx .ivx-demo-stage { padding-top: 75px; }
    #ivx .ivx-download-stage { padding-block: 32px; }
    #ivx .ivx-download-object { position: absolute; width: 24%; right: 1%; top: 48px; }
    #ivx .ivx-download-mark { position: relative; width: 80%; right: auto; top: auto; opacity: 1; }
    #ivx .ivx-download-mark > span { font-size: 15vw; }
    #ivx .ivx-everyday-grid { grid-template-columns: 1fr; }
    #ivx .ivx-feature-visual { height: 240px; }
    #ivx.ivx-motion .ivx-hero { height: 290svh; }
    #ivx.ivx-motion .ivx-hero-copy h1 { font-size: clamp(35px,8.5vw,60px); }
    #ivx.ivx-motion .ivx-hero-window { top: calc(57% - var(--hero-progress,0) * 55%); left: calc(12% - var(--hero-progress,0) * 9%); width: calc(76% + var(--hero-progress,0) * 18%); height: calc(30% + var(--hero-progress,0) * 55%); }
    #ivx .ivx-hero-desert strong { font-size: clamp(42px,12vw,68px); }
    #ivx .ivx-hero-desert div > span { font-size: 14px; margin-bottom: 18px; }
    #ivx .ivx-hero-desert div > b { font-size: 50px; }
    #ivx.ivx-motion .ivx-hero-oversize { font-size: 51vw; top: 39%; }
    #ivx.ivx-motion .ivx-hero-timeline { bottom: 85px; font-size: 14px; gap: 7px; }
    #ivx .ivx-hero-timeline i { width: 25px; }
    #ivx.ivx-motion .ivx-hero-bottom { bottom: 63px; }
    #ivx .ivx-pin > .ivx-intro-stage, #ivx .ivx-pin > .ivx-demo-stage, #ivx .ivx-pin > .ivx-everyday-stage, #ivx .ivx-pin > .ivx-download-stage { padding-block: 22px 85px; }
    #ivx .ivx-intro.ivx-pin { height: 220svh; }
    #ivx .ivx-intro.ivx-pin .ivx-section-title { font-size: 33px; }
    #ivx .ivx-intro.ivx-pin .ivx-intro-stage > .ivx-eyebrow { margin-bottom: 19px; }
    #ivx .ivx-intro.ivx-pin .ivx-intro-grid { margin-bottom: 20px; }
    #ivx .ivx-intro.ivx-pin .ivx-intro-text { padding-top: 18px; font-size: 14px; }
    #ivx .ivx-intro.ivx-pin .ivx-intro-text .ivx-muted { display: none; }
    #ivx .ivx-intro.ivx-pin .ivx-feature-lines > div { padding: 17px 10px; }
    #ivx .ivx-intro.ivx-pin .ivx-feature-lines h3 { font-size: 20px; }
    #ivx .ivx-intro.ivx-pin .ivx-feature-lines p { font-size: 14px; }
    #ivx.ivx-motion .ivx-story { height: 350svh; }
    #ivx.ivx-motion .ivx-story-stage { padding-block: 20px 82px; }
    #ivx.ivx-motion .ivx-story-art { height: clamp(190px,26vh,290px); }
    #ivx.ivx-motion .ivx-story-copy h3 { font-size: 28px; }
    #ivx.ivx-motion .ivx-stack--back { transform: translate(calc(var(--chapter-progress,0) * 47px),calc(var(--chapter-progress,0) * -12px)) rotate(calc(var(--chapter-progress,0) * 19deg)); }
    #ivx.ivx-motion .ivx-stack--middle { transform: translate(calc(var(--chapter-progress,0) * -45px),10px) rotate(calc(var(--chapter-progress,0) * -19deg)); }
    #ivx.ivx-motion .ivx-convert-output { top: 52%; padding: 7px 12px; }
    #ivx .ivx-demo-track.ivx-pin { height: 560svh; }
    #ivx .ivx-demo-track.ivx-pin .ivx-section-title { font-size: 31px; }
    #ivx .ivx-demo-track.ivx-pin .ivx-demo-heading { margin-bottom: 16px; }
    #ivx .ivx-demo-track.ivx-pin .ivx-demo-heading > div:last-child { margin-top: 13px; }
    #ivx .ivx-demo-track.ivx-pin .ivx-demo-heading > div > p:not(.ivx-eyebrow) { font-size: 14px; }
    #ivx .ivx-demo-track.ivx-pin .ivx-viewer-image { height: clamp(220px,31vh,350px); }
    #ivx .ivx-everyday-track.ivx-pin { height: 360svh; }
    #ivx .ivx-everyday-track.ivx-pin .ivx-section-title { font-size: 29px; }
    #ivx .ivx-everyday-track.ivx-pin .ivx-everyday-heading > p:last-child { font-size: 14px; }
    #ivx .ivx-everyday-track.ivx-pin .ivx-everyday-grid { gap: 18px; margin-top: 22px; }
    #ivx .ivx-everyday-track.ivx-pin article { width: calc(100vw - 48px); padding: 12px 14px 17px; }
    #ivx .ivx-everyday-track.ivx-pin .ivx-feature-visual { height: clamp(150px,22vh,225px); }
    #ivx .ivx-everyday-track.ivx-pin article h3 { font-size: 23px; }
    #ivx .ivx-everyday-track.ivx-pin article p { font-size: 14px; }
    #ivx .ivx-everyday-track.ivx-pin .ivx-feature-symbol { margin-bottom: 9px; }
    #ivx .ivx-everyday-track.ivx-pin article > span:last-child { font-size: 14px; }
    #ivx .ivx-everyday-track.ivx-pin .ivx-everyday-meter { font-size: 14px; gap: 12px; margin-top: 18px; }
    #ivx .ivx-download.ivx-pin { height: 220svh; }
    #ivx .ivx-download.ivx-pin .ivx-download-grid { padding-block: 36px; }
    #ivx .ivx-download.ivx-pin h2 { font-size: clamp(37px,10.8vw,62px); }
    #ivx .ivx-download.ivx-pin h2 { transform: translateX(calc((1 - var(--download-copy,1)) * -12px)); }
    #ivx .ivx-download.ivx-pin h2 > span { transform: translateX(calc((1 - var(--download-copy,1)) * 30px)); }
    #ivx .ivx-download.ivx-pin .ivx-download-object { width: 24%; right: 1%; top: 75px; }
    #ivx .ivx-download.ivx-pin .ivx-download-size { font-size: 61px; top: -73%; right: 6%; }
    #ivx .ivx-download.ivx-pin .ivx-download-file { font-size: 14px; width: 36%; height: 36%; }
    #ivx .ivx-download-file:nth-last-child(3) { top: -25%; left: -38%; }
    #ivx .ivx-download-file:nth-last-child(2) { top: 18%; right: -13%; }
    #ivx .ivx-download-file:last-child { bottom: -26%; left: 3%; }
}
@media (prefers-reduced-motion: reduce) {
    #ivx .ivx-feature-visual img, #ivx .ivx-visual--print > div { transition: none; }
}
/* 최소 14px 정리: 좁은 화면에서 히어로 하단 문구가 타임라인과 겹치지 않게 한다. */
@media (max-width: 760px) {
    #ivx.ivx-motion .ivx-hero-bottom > a { display: none; }
    #ivx.ivx-motion .ivx-hero-timeline { bottom: 62px; }
    #ivx.ivx-motion .ivx-hero-bottom { bottom: 28px; }
    #ivx .ivx-hero-bottom > span:first-child { white-space: nowrap; }
}