/* Editorial motion layer — EdenFlow, October 2026 */
.cinema-hero{position:relative;background:#202526;color:#fff;overflow:hidden;min-height:720px}.cinema-backdrop{position:absolute;inset:0;overflow:hidden}.cinema-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,24,27,.94),rgba(12,24,27,.72) 50%,rgba(12,24,27,.43))}.cinema-backdrop video{width:100%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(1.04) translateY(var(--hero-shift,0px));will-change:transform}.cinema-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;position:relative;padding-block:86px 82px;align-items:center}.cinema-copy .eyebrow{font-size:10px;color:#e2c8b7;letter-spacing:.13em}.cinema-copy h1{font-size:clamp(38px,4.1vw,61px);font-weight:600;line-height:1.31;letter-spacing:-.06em;margin:28px 0}.cinema-copy h1>span{color:#eb8b83}.cinema-copy>p:not(.eyebrow){color:#c7cdcc;font-size:16px;line-height:1.95}.cinema-copy strong{font-weight:500;color:#fff}.cinema-copy .button-row{margin-top:33px;gap:26px}.cinema-link{font-size:13px;border-bottom:1px solid #fff7;padding-bottom:8px}.cinema-proof{display:flex;gap:17px;align-items:center;margin-top:44px;font-size:11px;color:#cbd2d0}.cinema-proof i{font-style:normal;color:#bb8d87}.cinema-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;color:#ccd2d1;font-size:9px;letter-spacing:.1em}.cinema-bottom>a{display:flex;align-items:center;gap:15px}.scroll-line{height:32px;width:1px;background:#ffffff40;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;background:#fff;width:1px;height:15px;animation:scrollCue 2s ease-in-out infinite}.cinema-bottom>div{display:flex;align-items:center;gap:13px}.cinema-bottom button{background:#ffffff0c;border:1px solid #ffffff40;color:white;padding:9px 13px;min-height:36px;font-size:10px;letter-spacing:0}.cinema-bottom #video-toggle{width:37px;padding:0}.growth-graph{background:linear-gradient(135deg,#ffffff17,#ffffff05);border:1px solid #ffffff30;padding:23px 24px 16px;backdrop-filter:blur(16px);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s;box-shadow:0 28px 70px #07141630}.graph-topline{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.12em;color:#c8cecd}.graph-topline>span:last-child{letter-spacing:0;color:#a6b0ad;font-size:9px}.graph-canvas{position:relative;height:360px}.graph-lines{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.graph-lines>path{stroke:#fff3;stroke-width:1}.graph-lines>circle{stroke:#ffffff12;stroke-width:.8}.graph-lines>.travel-path{stroke:#e0a69f;stroke-width:1.5;stroke-dasharray:6 26;animation:flowDash 8s linear infinite}.graph-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:18px 0;width:155px;background:#263436e8;border:1px solid #ffffff30;box-shadow:0 5px 40px #0002}.graph-center>span{font-size:27px;letter-spacing:-.055em;font-weight:600}.graph-center small{display:block;font-size:9px;letter-spacing:.07em;margin-top:5px;color:#cad2cf}.graph-node{position:absolute;width:119px;height:110px;background:#233134ee;border:1px solid #ffffff30;color:#e1e6e3;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:background .3s,transform .3s,border-color .3s}.graph-node:hover,.graph-node[aria-pressed=true]{background:#974038;border-color:#dcb0a6;transform:translateY(-4px)}.graph-node svg{width:32px;height:32px}.graph-node b{font-weight:500;font-size:12px}.node-count{position:absolute;top:10px;left:10px;font-size:8px;opacity:.55}.node-0{left:1%;top:28px}.node-1{right:1%;top:28px}.node-2{left:1%;bottom:25px}.node-3{right:1%;bottom:25px}.graph-detail{border-top:1px solid #ffffff30;display:flex;gap:19px;padding-top:18px;min-height:72px}.graph-index{color:#dfa299;font-size:10px;white-space:nowrap;padding-top:3px}.graph-detail strong{font-size:14px;font-weight:500}.graph-detail p{color:#c0cac7;font-size:11px;margin:7px 0 0;line-height:1.6}.graph-instruction{font-size:9px;margin:16px 0 0;color:#98a6a1;text-align:right}.solution-row{position:relative}.solution-row:hover{background:#f5f2ec}.solution-row .circle-arrow{transition:transform .35s,background .35s}.solution-row:hover .circle-arrow{transform:rotate(45deg);background:var(--red);color:white}.growth-story{background:#f1f0eb;padding:110px 0}.story-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:110px;align-items:start}.story-sticky{position:sticky;top:115px}.story-sticky h2{font-size:42px;line-height:1.35}.story-film{height:295px;position:relative;margin-top:30px;overflow:hidden;background:#333}.story-film video{height:100%;width:100%;object-fit:cover;opacity:.6;transform:scale(1.04)}.story-film-label{position:absolute;left:22px;right:22px;top:18px;display:flex;align-items:center;justify-content:space-between;color:#eee;font-size:8px;letter-spacing:.12em}.ambient-toggle{background:#ffffff15;color:white;border:1px solid #ffffff60;width:34px;height:34px;font-size:12px}.story-overlay{position:absolute;left:25px;bottom:26px;right:25px;color:white;display:flex;gap:23px;align-items:center}.story-number{font-family:Georgia,serif;font-style:italic;font-size:62px;color:#ffffffa6;line-height:1}.story-current{font-size:25px;letter-spacing:-.03em;font-weight:500}.story-progress{height:2px;background:#d2d4ce;margin-top:22px}.story-progress i{display:block;width:var(--story-progress,25%);height:100%;background:var(--red);transition:width .35s}.story-chapter{position:relative;padding:45px 10px 70px 60px;border-top:1px solid #c9ccc3;min-height:300px;transition:opacity .4s}.chapter-number{position:absolute;left:0;top:46px;color:var(--red);font-family:Georgia,serif;font-size:23px;font-style:italic}.story-chapter .eyebrow{font-size:10px;margin-bottom:18px}.story-chapter h3{font-size:26px;font-weight:550;line-height:1.4;letter-spacing:-.04em}.story-chapter>p:last-of-type{font-size:14px;line-height:1.9}.story-chapter>svg{width:38px;height:38px;color:#9e7770;margin-top:12px}.motion-ready .story-chapter{opacity:.42}.motion-ready .story-chapter.is-current{opacity:1}.editorial-image{margin:0;position:relative;overflow:hidden;background:#e8e3d9}.editorial-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.2,1)}.editorial-image:hover img{transform:scale(1.035)}.editorial-image figcaption{position:absolute;bottom:12px;left:16px;right:16px;font-size:9px;color:#fff;text-shadow:0 1px 5px #000;background:#0007;width:fit-content;padding:3px 7px}.execution-photo{height:270px;margin-bottom:0}.execution-media .workflow-visual{box-shadow:none}.experience-panorama{margin-top:65px;height:320px}.experience-panorama img{object-position:center 46%}.experience-panorama:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171d1dd1,transparent 85%)}.experience-panorama>div{position:absolute;left:48px;top:70px;z-index:1;color:white}.experience-panorama small{font-size:9px;letter-spacing:.13em}.experience-panorama strong{display:block;font-size:36px;font-weight:500;line-height:1.4;letter-spacing:-.045em;margin-top:18px}.experience-panorama figcaption{z-index:1}.service-visual{display:grid;grid-template-columns:1.1fr 1fr;min-height:430px;margin-bottom:80px;background:#efede7;overflow:hidden}.service-visual>.editorial-image{min-height:430px}.service-visual-copy{padding:45px}.service-visual-copy h2{font-size:32px;line-height:1.4;letter-spacing:-.04em}.service-visual-copy .eyebrow{font-size:9px}.service-mini-flow{display:flex;flex-direction:column;gap:0;margin-top:25px}.service-mini-flow>div{display:flex;align-items:center;gap:16px;padding:13px 0;border-top:1px solid #d3d1c9}.service-mini-flow svg{width:25px;height:25px;color:var(--red)}.service-mini-flow span{display:flex;gap:12px;font-size:13px;align-items:center}.service-mini-flow small{font-size:9px;color:#8f8279}.service-visual-copy .fine-print{margin-bottom:0}.contact-dock{position:fixed;right:18px;bottom:40px;z-index:42;display:flex;flex-direction:column;box-shadow:0 5px 25px #0002;border-radius:3px;overflow:hidden}.contact-dock a{width:76px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:10px;transition:filter .25s}.contact-dock svg{width:22px;height:22px}.contact-dock a:hover{filter:brightness(1.12)}.dock-online{background:var(--red);color:#fff}.dock-kakao{background:#fae54a;color:#292515}.dock-phone{background:#273230;color:white}.embed .contact-dock{display:none}#resource-dialog{max-width:740px;padding:40px 45px}.resource-step-label{font-size:11px;color:var(--red);border-block:1px solid var(--line);padding:13px 0;margin-bottom:23px}.optional{font-size:11px;color:var(--muted)}#resource-dialog .form-columns{gap:18px;grid-template-columns:1fr 1fr}#resource-dialog input,#resource-dialog select{padding:11px 12px;margin-top:7px}#resource-dialog label{margin-bottom:16px}#resource-dialog .check{font-size:11px!important}#resource-dialog .preview-note{font-size:10px}.reveal{animation:none}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .story-chapter{opacity:1}.motion-paused .growth-graph{transform:none}.motion-paused .cinema-backdrop video{transform:none}
@keyframes flowDash{to{stroke-dashoffset:-256}}@keyframes scrollCue{from{top:-15px}to{top:40px}}
@media(min-width:1500px){.cinema-layout{padding-block:105px}.cinema-copy h1{font-size:65px}}
@media(max-width:1180px){.cinema-layout{gap:30px}.cinema-copy h1{font-size:43px}.cinema-copy>p:not(.eyebrow){font-size:14px}.cinema-copy .btn{font-size:12px;gap:15px;padding:16px 20px}.cinema-link{font-size:11px}.growth-graph{padding:20px 18px}.graph-canvas{height:340px}.graph-center{width:130px}.graph-center>span{font-size:23px}.graph-node{width:100px;height:100px}.story-layout{gap:65px}.story-sticky h2{font-size:36px}.contact-dock{right:12px}.contact-dock a{width:66px;min-height:66px}.service-visual-copy{padding:35px}}
@media(max-width:960px){.cinema-layout{gap:25px;grid-template-columns:1fr 1fr;padding-top:60px;padding-bottom:55px}.cinema-copy h1{font-size:38px}.cinema-copy .eyebrow{font-size:8px}.cinema-copy .button-row{flex-direction:column;align-items:flex-start;gap:18px}.cinema-proof{font-size:9px;gap:9px;margin-top:30px}.graph-canvas{height:350px}.graph-center{width:117px;padding:12px 0}.graph-node{width:92px;height:98px}.graph-node svg{width:27px}.graph-node b{font-size:11px}.graph-center>span{font-size:21px}.graph-center small{font-size:8px}.graph-topline{font-size:8px;letter-spacing:.03em}.graph-topline>span:last-child{display:none}.node-0,.node-1{top:20px}.node-2,.node-3{bottom:20px}.graph-detail{gap:12px}.graph-detail strong{font-size:12px}.graph-detail p{font-size:10px}.story-layout{gap:35px}.story-chapter{padding-left:40px}.story-chapter h3{font-size:22px}.story-sticky h2{font-size:32px}.story-film{height:250px}.story-overlay{gap:15px}.story-current{font-size:21px}.service-visual-copy{padding:28px}.service-visual-copy h2{font-size:28px}.contact-dock{bottom:24px}}
@media(max-width:700px){.cinema-hero{min-height:0}.cinema-backdrop:after{background:linear-gradient(180deg,#112326e8,#112326bb 60%,#112326d9)}.cinema-layout{grid-template-columns:1fr;padding:47px 0 30px;gap:36px}.cinema-copy h1{font-size:clamp(35px,9vw,52px);margin:22px 0;line-height:1.32}.cinema-copy .eyebrow{font-size:8px;letter-spacing:.08em}.cinema-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.cinema-copy .button-row{flex-direction:row;align-items:center;gap:20px;margin-top:25px}.cinema-copy .btn{padding:15px 17px;font-size:12px;gap:20px}.cinema-link{font-size:11px}.cinema-proof{font-size:10px;gap:13px;margin-top:28px}.growth-graph{padding:19px 19px 15px;max-width:500px;width:100%;margin:auto}.graph-topline{font-size:8px;letter-spacing:.08em}.graph-topline>span:last-child{display:block;font-size:8px}.graph-canvas{height:310px}.graph-node{width:96px;height:92px}.graph-node b{font-size:11px}.graph-node svg{width:26px;height:26px}.node-0,.node-1{top:18px}.node-2,.node-3{bottom:17px}.graph-center{width:124px}.graph-detail strong{font-size:13px}.graph-detail p{font-size:10px}.graph-detail{min-height:65px}.graph-instruction{font-size:8px;margin-top:10px}.cinema-bottom{padding-bottom:22px;font-size:7px;letter-spacing:.06em}.cinema-bottom>div>span{display:none}.cinema-bottom>div{gap:6px}.cinema-bottom button{font-size:9px;min-height:36px;padding:8px}.cinema-bottom>a{gap:10px}.growth-story{padding:65px 0 35px}.story-layout{grid-template-columns:1fr;gap:25px}.story-sticky{position:relative;top:auto}.story-sticky h2{font-size:31px}.story-sticky h2 br:last-child{display:none}.story-film{height:235px;margin-top:25px}.story-current{font-size:25px}.story-chapter{min-height:0;padding:27px 5px 28px 44px}.chapter-number{top:28px;font-size:23px}.story-chapter h3{font-size:23px}.story-chapter .eyebrow{margin-bottom:13px}.story-chapter>p:last-of-type{font-size:13px;margin-bottom:0}.story-chapter>svg{display:none}.motion-ready .story-chapter{opacity:1}.experience-panorama{height:285px;margin-top:40px}.experience-panorama>div{left:27px;top:60px}.experience-panorama strong{font-size:28px}.experience-panorama small{font-size:8px}.experience-panorama:after{background:linear-gradient(90deg,#171d1dbb,transparent)}.experience-panorama figcaption{font-size:8px;left:20px}.execution-photo{height:245px}.service-visual{grid-template-columns:1fr;margin-bottom:45px}.service-visual>.editorial-image{min-height:0;height:235px}.service-visual-copy{padding:29px}.service-visual-copy h2{font-size:28px}.service-mini-flow{margin-top:23px}.service-mini-flow span{font-size:13px}.contact-dock{left:0;right:0;bottom:0;border-radius:0;display:grid;grid-template-columns:1.2fr 1fr 1fr;box-shadow:0 -5px 20px #0001;padding-bottom:env(safe-area-inset-bottom);background:#273230}.contact-dock a{width:auto;min-height:60px;flex-direction:row;gap:8px;font-size:12px}.contact-dock svg{width:18px;height:18px}.footer{padding-bottom:105px}.mobile-bottom{display:none}#resource-dialog{padding:33px 23px;max-height:88dvh}#resource-dialog .form-columns{grid-template-columns:1fr;gap:0}#resource-dialog h2{font-size:24px}#resource-dialog>p:not(.eyebrow){font-size:13px}#resource-dialog .btn{font-size:13px}#resource-dialog input,#resource-dialog select{font-size:16px}.resource-step-label{font-size:10px}.motion-ready .reveal{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.motion-ready .story-chapter{opacity:1}.cinema-backdrop video,.growth-graph{transform:none!important}.editorial-image:hover img{transform:none}}
.cinema-bottom>div{margin-right:90px}
@media(max-width:700px){.cinema-bottom>div{margin-right:0}}
/* Content stays readable before it enters the viewport; motion is progressive enhancement. */
.motion-ready .reveal{opacity:1;transform:none;transition:none}
.motion-ready .reveal.is-visible{animation:editorialReveal .85s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes editorialReveal{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:none}}
.motion-ready .story-chapter{opacity:.65}.motion-ready .story-chapter.is-current,.motion-paused .story-chapter{opacity:1}
.motion-paused .reveal.is-visible{animation:none!important}
@media(max-width:700px){.motion-ready .story-chapter{opacity:1}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal.is-visible{animation:none!important}.motion-ready .story-chapter{opacity:1}}
@media print{.contact-dock{display:none}.reveal{opacity:1!important;transform:none!important}}