/* 동해왕푸드테크 전용 */
.ft-mark{background:#fff}
.ft-mark img{max-width:min(720px,70vw)}
#mission .txt{position:relative;overflow:hidden;isolation:isolate;background:#1a1a1a}
#mission .txt::before{content:"";position:absolute;inset:-50px;z-index:-1;background:url(/assets/img/m-tofu-hands.jpg) center/cover;filter:blur(30px) brightness(.4)}
#mission .txt h2{font-family:var(--sans);font-weight:500;letter-spacing:-.02em;font-size:clamp(30px,3.2vw,46px);line-height:1.3}
#mission .txt p{max-width:470px}
#mission,#work{min-height:min(1000px,calc(100svh - 76px))}
#work .txt{position:relative;overflow:hidden;isolation:isolate;background:#16313a}
#work .txt::before{content:"";position:absolute;inset:-50px;z-index:-1;background:url(/assets/img/g-kodari-prep.jpg) center/cover;filter:blur(30px) brightness(.32)}
#mission .pic img{object-position:42% center}
#work .pic img{object-position:50% center}
.pgrid.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.pgrid.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pgrid.four{grid-template-columns:1fr}#mission,#work{min-height:0}#mission .pic,#work .pic{min-height:480px}}
.ft-top{grid-template-columns:1.4fr 1fr!important}
.ft-note{margin:4px 0 14px;font-size:13.5px}
@media (max-width:960px){.ft-top{grid-template-columns:1fr!important}}

#mission .pic img{object-position:center 35%}
#work .pic img{object-position:center center}
.band img{object-position:65% center}
.founder-wrap img{filter:none;height:auto;aspect-ratio:1000/1120;object-fit:cover}
.letter .ft-sign{text-align:right}.letter .ft-sign strong{margin-left:0}

/* 로고 영문 타이핑 (10/12) */
.ftw{position:relative;width:min(720px,70vw);aspect-ratio:1892/800}
.ftw img,.ftw svg{position:absolute;max-width:none;max-height:none;height:auto}
.ftw .ftw-icon{left:0;top:0;width:29.123%;height:100%;overflow:visible}
.ftw-p{fill-opacity:0;stroke-width:1.8;stroke-dasharray:1;stroke-dashoffset:1;stroke-linejoin:round}
.ftw.go .ftw-n{animation:ftwDraw 1.5s ease-in-out forwards,ftwFill .7s ease 1.4s forwards}
.ftw.go .ftw-c{animation:ftwDraw 1.3s ease-in-out .5s forwards,ftwFill .7s ease 1.6s forwards}
.ftw.done .ftw-p{stroke-dashoffset:0;fill-opacity:1;stroke-opacity:0}
@keyframes ftwDraw{to{stroke-dashoffset:0}}
@keyframes ftwFill{to{fill-opacity:1;stroke-opacity:0}}
.ftw .ftw-l{left:34.302%;clip-path:inset(0 100% 0 0)}
.ftw .ftw-l1{top:30.5%;width:65.698%}
.ftw .ftw-l2{top:54.5%;width:43.076%}
.ftw.done .ftw-l{clip-path:none!important}
.ftw-cur{position:absolute;width:.9%;height:14.25%;margin-left:.6%;opacity:0}
.ftw.go .ftw-cur{opacity:1;animation:ftwBlink .55s steps(1) infinite}
.ftw.done .ftw-cur{display:none}
@keyframes ftwBlink{50%{opacity:0}}
@media (max-width:640px){.ftw{width:86vw}}
.ftw-s{opacity:0;transform-box:fill-box;transform-origin:center}
.ftw.stamp .ftw-s{animation:ftwStamp .5s cubic-bezier(.2,.9,.3,1.3) forwards}
.ftw.done .ftw-s{opacity:1;transform:none}
@keyframes ftwStamp{0%{opacity:0;transform:scale(2.6) rotate(-25deg)}60%{opacity:1;transform:scale(.88) rotate(4deg)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ftw-s{opacity:1}}